@rdsaude/pulso-react-components/dist/components/input-text/index.cjs

Biblioteca de componentes React do Pulso Design System da RD Saúde oferece componentes consistentes e de alto desempenho, alinhados com os padrões da RDSaúde. Ideal para desenvolver aplicações modernas e acessíveis.

"use strict";var Se=Object.create;var v=Object.defineProperty,Ne=Object.defineProperties,ze=Object.getOwnPropertyDescriptor,Oe=Object.getOwnPropertyDescriptors,Ve=Object.getOwnPropertyNames,P=Object.getOwnPropertySymbols,Ae=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty,U=Object.prototype.propertyIsEnumerable;var G=(e,t,r)=>t in e?v(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,s=(e,t)=>{for(var r in t||(t={}))E.call(t,r)&&G(e,r,t[r]);if(P)for(var r of P(t))U.call(t,r)&&G(e,r,t[r]);return e},d=(e,t)=>Ne(e,Oe(t));var u=(e,t)=>{var r={};for(var n in e)E.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(e!=null&&P)for(var n of P(e))t.indexOf(n)<0&&U.call(e,n)&&(r[n]=e[n]);return r};var Ee=(e,t)=>{for(var r in t)v(e,r,{get:t[r],enumerable:!0})},Y=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of Ve(t))!E.call(e,o)&&o!==r&&v(e,o,{get:()=>t[o],enumerable:!(n=ze(t,o))||n.enumerable});return e};var _e=(e,t,r)=>(r=e!=null?Se(Ae(e)):{},Y(t||!e||!e.__esModule?v(r,"default",{value:e,enumerable:!0}):r,e)),Le=e=>Y(v({},"__esModule",{value:!0}),e);var qe={};Ee(qe,{InputText:()=>T});module.exports=Le(qe);var C=require("react"),B=(e,t)=>{var n;let r=(n=C.Children.toArray(e))==null?void 0:n.filter(o=>(0,C.isValidElement)(o));return r.map((o,a)=>{let l=t.find(p=>o.type===p.child),i=r.reduce((p,c,b)=>(c==null?void 0:c.type)===o.type&&b<=a?p+1:p,0);return l&&i<=(l==null?void 0:l.amount)?o:null})};var J=require("tailwind-variants"),m=(0,J.createTV)({twMergeConfig:{extend:{classGroups:{"font-size":[{text:["threepulse","threeandhalfpulse"]}],"border-width":[{border:["quarterpulse","halfpulse"]}],"--tw-ring-inset":[{ring:["none","quarterpulse","halfpulse"]}]}}}});var X=m({base:`
    group flex w-[100%] items-center justify-between gap-onepulse py-threepulse duration-100 ease-in
    bg-forms-fill-filled ring-forms-border-filled ring-quarterpulse overflow-hidden
    focus-within:ring-halfpulse focus-within:bg-forms-fill-focused min-w-[calc(var(--sizing-huge)_+_var(--sizing-tiny))]
    `,variants:{size:{md:"h-medium rounded-form px-twopulse",ml:"h-mediumlarge rounded-form px-threepulse",lg:"h-large rounded-form px-threepulse",xl:"h-extralarge rounded-largecontainer px-threepulse"},hasError:{true:"ring-forms-border-error"},readOnly:{true:""},disabled:{true:"cursor-not-allowed ring-forms-border-disabled ring-quarterpulse"}},compoundVariants:[{readOnly:!1,disabled:!1,class:`
        [&:not(:focus-within)]:has-[:placeholder-shown]:bg-forms-fill
        [&:not(:focus-within)]:has-[:placeholder-shown]:hover:bg-forms-fill-hovered
      `},{hasError:!1,readOnly:!1,disabled:!1,class:`
          focus-within:ring-action-border-focused hover:ring-halfpulse
          [&:not(:focus-within)]:has-[:placeholder-shown]:ring-forms-border
          [&:not(:focus-within)]:has-[:placeholder-shown]:hover:ring-forms-border-hovered
          [&:not(:focus-within)]:has-[:placeholder-shown]:ring-none
        `},{readOnly:!0,disabled:!1,class:"cursor-not-allowed bg-forms-fill-readonly ring-forms-border-readonly ring-quarterpulse"}],defaultVariants:{size:"ml",isFocused:!1,hasError:!1,readOnly:!1,disabled:!1}});var W=require("react/jsx-runtime"),Q=n=>{var o=n,{children:e,__scopeInputText:t}=o,r=u(o,["children","__scopeInputText"]);let{disabled:a,hasError:l,readOnly:i,size:p}=f("InputTextActions",t);return(0,W.jsx)("div",d(s({},r),{className:X({size:p,disabled:a,readOnly:i,hasError:l}),"aria-disabled":a,"data-disabled":a,children:B(e,[{child:T.Icon,amount:2},{child:T.Field,amount:1},{child:T.ClearButton,amount:1}])}))};var ie=require("react"),pe=require("@radix-ui/react-context");var Z=m({base:`
    tracking inline-flex items-center justify-center gap-twopulse rounded-pill
    border-quarterpulse border-[transparent] font-bold font-rdmodern text-threeandhalfpulse truncate`,variants:{variant:{"brand-primary":`bg-action-fill-brand-primary-enabled text-text-neutral-inverse
        enabled:active:bg-action-fill-brand-primary-pressed enabled:hover:bg-action-fill-brand-primary-hovered`,"neutral-secondary":`border-action-border-neutral-secondary-enabled bg-action-fill-neutral-secondary-enabled text-text-neutral
        enabled:active:border-action-border-neutral-secondary-pressed enabled:active:bg-action-fill-neutral-secondary-pressed enabled:hover:bg-action-fill-neutral-secondary-hovered`,"neutral-tertiary":`border-action-border-neutral-tertiary-enabled bg-action-fill-neutral-tertiary-enabled text-text-neutral
        enabled:active:bg-action-fill-neutral-tertiary-pressed enabled:hover:bg-action-fill-neutral-tertiary-hovered`},size:{md:"h-medium min-w-medium px-fourpulse text-threepulse leading-medium",ml:"h-mediumlarge min-w-mediumlarge px-fourpulse leading-small",lg:"h-large min-w-large px-fivepulse leading-small",xl:"h-extralarge min-w-extralarge px-sixpulse leading-small"},disabled:{true:"cursor-not-allowed text-text-neutral-disabled outline-none",false:"outline-action-border-focused outline-offset-4 focus-visible:outline-1"},full:{true:"w-full"},asIconOnly:{true:"aspect-square px-none"}},compoundVariants:[{variant:"brand-primary",disabled:!0,class:"border-action-border-brand-primary-disabled bg-action-fill-brand-primary-disabled"},{variant:"neutral-secondary",disabled:!0,class:"border-action-border-neutral-secondary-disabled bg-action-fill-neutral-secondary-disabled"},{variant:"neutral-tertiary",disabled:!0,class:"border-action-fill-neutral-tertiary-disabled bg-action-fill-neutral-tertiary-enabled"}],defaultVariants:{variant:"brand-primary",size:"ml"}});var x=require("@raiadrogasil/pulso-design-tokens"),j=require("react");var _=require("react"),De=require("react/jsx-runtime"),$=(0,_.createContext)({});function w(){let{currentTheme:e}=(0,j.useContext)($);return s(s({},{rdsaudesistemas:x.RDSAUDESISTEMAS_TOKENS,drogasil:x.DROGASIL_TOKENS,raia:x.RAIA_TOKENS,subscription:x.SUBSCRIPTION_TOKENS,prime:x.PRIME_TOKENS}[e]),x.GLOBALS_TOKENS)}function ee(e){let t=w();return Object.keys(t).reduce((o,a)=>{if(a.includes("color")){let l=a;o[l]=t[l]}return o},{})[e]}var te={tiny:"var(--sizing-tiny)","extra-small":"var(--sizing-extrasmall)",small:"var(--sizing-small)",medium:"var(--sizing-medium)"};var re=require("react/jsx-runtime");function h(o){var a=o,{symbol:e="rdicon-default",size:t="small",color:r="colorActionFillBrandPrimaryEnabled"}=a,n=u(a,["symbol","size","color"]);let l=e.replace("rdicon","").trim();return(0,re.jsx)("i",d(s({},n),{title:l,className:e,style:{fontSize:te[t],color:ee(r)}}))}var oe=require("react/jsx-runtime");function R(e){let p=e,{__scopeButton:t}=p,r=u(p,["__scopeButton"]),{variant:n,size:o,disabled:a}=S("ButtonIcon",t),l={"brand-primary":"colorTextNeutralInverse","neutral-secondary":"colorTextNeutralDefault","neutral-tertiary":"colorTextNeutralDefault"},i={md:"extra-small",ml:"small",lg:"small",xl:"small"};return(0,oe.jsx)(h,d(s({},r),{color:a?"colorTextNeutralDisabled":l[n],size:i[o]}))}function ne(e){let t=w();return{brand:t.colorActionFillBrandPrimaryEnabled,neutral:t.colorTextNeutralReadonly,black:t.colorTextNeutralDefault,white:t.colorTextNeutralInverse}[e]}var y=require("react/jsx-runtime");function L({color:e="brand",srText:t}){return(0,y.jsx)("div",{role:"status",className:"grid size-eightpulse place-items-center","aria-label":t,children:(0,y.jsxs)("svg",{className:"size-sixpulse animate-spin fill-none",viewBox:"0 0 24 24",children:[(0,y.jsx)("path",{fillRule:"evenodd",d:"M0 12c0 6.627 5.373 12 12 12s12-5.373 12-12S18.627 0 12 0v2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12H0z",clipRule:"evenodd",fill:ne(e)}),(0,y.jsx)("title",{children:t})]})})}var le=require("react/jsx-runtime");function ae(e){let a=e,{__scopeButton:t}=a,r=u(a,["__scopeButton"]),{variant:n}=S("ButtonRefresh",t),o={"brand-primary":"white","neutral-secondary":"neutral","neutral-tertiary":"black"};return(0,le.jsx)(L,d(s({},r),{color:o[n]}))}var D=_e(require("react"),1);function se(e){return D.default.Children.count(e)===1&&D.default.isValidElement(e)?e.type===R:!1}var N=require("react/jsx-runtime"),k="Button",de=(0,ie.forwardRef)((e,t)=>{let{children:r,variant:n="brand-primary",size:o="ml",loading:a=!1,disabled:l=!1,full:i,className:p,__scopeButton:c}=e,b=a||l;return(0,N.jsx)(Fe,{scope:c,variant:n,size:o,disabled:l,children:(0,N.jsx)("button",d(s({},e),{ref:t,className:Z({variant:n,size:o,disabled:l,full:i,className:p,asIconOnly:se(r)}),disabled:b,"aria-disabled":l,children:a?(0,N.jsx)(ae,{}):r}))})});de.displayName=k;var[ke]=(0,pe.createContextScope)(k),[Fe,S]=ke(k),z={Root:de,Icon:R};var ue=m({base:"input-text-clear-button invisible hidden",variants:{size:{md:"-mr-[6px]",ml:"-mr-[8px]",lg:"-mr-[8px]",xl:"-mr-[8px]"},readOnly:{true:""},disabled:{true:""},isActive:{true:""}},compoundVariants:[{readOnly:!1,disabled:!1,isActive:!0,class:"peer-focus/field:peer-[:not(:placeholder-shown)]/field:visible peer-focus/field:peer-[:not(:placeholder-shown)]/field:flex group-hover:peer-[:not(:placeholder-shown)]/field:flex"}],defaultVariants:{readOnly:!1,disabled:!1}}),ce=m({base:"!px-none",variants:{size:{md:"!h-medium !w-medium",ml:"!h-mediumlarge !min-w-mediumlarge",lg:"!h-mediumlarge !min-w-mediumlarge",xl:"!h-mediumlarge !min-w-mediumlarge"}}});var O=require("react/jsx-runtime"),me=r=>{var n=r,{__scopeInputText:e}=n,t=u(n,["__scopeInputText"]);let{size:o,disabled:a,readOnly:l,isActive:i}=f("InputTextClearButton",e);return(0,O.jsx)("div",{className:ue({size:o,disabled:a,readOnly:l,isActive:i}),"aria-disabled":a||l,children:(0,O.jsx)(z.Root,d(s({},t),{size:o,disabled:a||l,variant:"neutral-tertiary",className:ce({size:o}),children:(0,O.jsx)(z.Icon,{symbol:"rdicon-dismiss-circle-outline"})}))})};var xe=require("react");var fe=m({base:`
    peer/field flex w-[100%] bg-[transparent] !font-rdmodern font-regular text-text-neutral-alternative tracking-tiny leading-small
    placeholder:opacity-transparent focus-visible:border-none focus-visible:outline-none
  `,variants:{size:{md:"text-threepulse",ml:"text-threeandhalfpulse",lg:"text-threeandhalfpulse",xl:"text-threeandhalfpulse"},readOnly:{true:"text-text-neutral-readonly"},disabled:{true:"cursor-not-allowed text-text-neutral-disabled",false:""},isActive:{true:"text-text-neutral"}},compoundVariants:[{readOnly:!0,disabled:!1,class:"cursor-not-allowed text-text-neutral-readonly"}],defaultVariants:{readOnly:!1,disabled:!1}});var be=require("react/jsx-runtime"),F=(0,xe.forwardRef)((a,o)=>{var l=a,{__scopeInputText:e,onFocus:t,onBlur:r}=l,n=u(l,["__scopeInputText","onFocus","onBlur"]);let{disabled:i,readOnly:p,size:c,isActive:b,setActive:g}=f("InputTextField",e),V=A=>{g(!0),t==null||t(A)},Re=A=>{g(!1),r==null||r(A)};return(0,be.jsx)("input",d(s({},n),{ref:o,disabled:i,readOnly:p,placeholder:"Placeholder is hidden",className:fe({disabled:i,readOnly:p,isActive:b,size:c}),onFocus:V,onBlur:Re}))});F.displayName="InputTextField";var he=require("react");var Te=m({base:"justify-star flex w-[100%] flex-wrap items-center gap-onepulse px-onepulse text-left font-rdmodern font-semibold text-text-neutral-alternative text-threepulse",variants:{hasError:{true:"text-text-danger-alternative",false:""},readOnly:{true:"cursor-not-allowed"},disabled:{true:"cursor-not-allowed text-text-neutral-disabled",false:""}},compoundVariants:[{readOnly:!0,disabled:!1,class:"text-text-neutral-readonly"}],defaultVariants:{error:!1,disabled:!1,readOnly:!1}});var I=require("react/jsx-runtime"),ye=a=>{var l=a,{withIcon:e,iconName:t="rdicon-warning-circle",children:r,__scopeInputText:n}=l,o=u(l,["withIcon","iconName","children","__scopeInputText"]);let{disabled:i,hasError:p,readOnly:c}=f("InputTextHelperText",n),b=p?"rdicon-warning-circle":t,g=(0,he.useMemo)(()=>i?"colorTextNeutralDisabled":c?"colorTextNeutralReadonly":p?"colorTextDangerAlternative":"colorTextNeutralAlternative",[i,p,c]);if(!r)return null;let V=p||e;return(0,I.jsxs)("div",d(s({},o),{"aria-disabled":i,className:Te({hasError:p,disabled:i,readOnly:c}),children:[V&&(0,I.jsx)("div",{className:"flex items-center",children:(0,I.jsx)(h,{symbol:b,color:g,size:"tiny"})}),(0,I.jsx)("span",{className:"flex flex-1",children:r})]}))};var Ie=require("react");var M=require("react/jsx-runtime");function ve(n){var o=n,{__scopeInputText:e,color:t="colorTextNeutralDefault"}=o,r=u(o,["__scopeInputText","color"]);let{size:a,disabled:l,readOnly:i}=f("InputTextField",e),p=(0,Ie.useMemo)(()=>{let b={md:"extra-small",ml:"small",lg:"small",xl:"small"};return b==null?void 0:b[a]},[a]),c=()=>l?"colorTextNeutralDisabled":i?"colorTextNeutralReadonly":"colorTextNeutralDefault";return(0,M.jsx)("div",{className:"flex items-center",children:(0,M.jsx)(h,d(s({},r),{color:c(),size:p}))})}var ge=m({base:`
      w-[100%] align-middle m-none p-none
      text-left font-rdmodern font-regular tracking-tiny text-text-neutral text-nowrap truncate leading

      `,variants:{size:{md:"text-threepulse",ml:"text-threeandhalfpulse",lg:"text-threeandhalfpulse",xl:"text-threeandhalfpulse"},readOnly:{true:"",false:""},disabled:{true:"cursor-not-allowed text-text-neutral-disabled",false:""}},compoundVariants:[{readOnly:!0,disabled:!1,class:"cursor-not-allowed text-text-neutral-readonly"}],defaultVariants:{disabled:!1,readOnly:!1}});var H=require("react/jsx-runtime"),Pe=e=>{let i=e,{__scopeInputText:t,children:r}=i,n=u(i,["__scopeInputText","children"]),{disabled:o,readOnly:a,size:l}=f("InputTextLabel",t);return r?(0,H.jsx)("div",{className:"flex h-extrasmall w-[100%] items-center rounded-none border-none px-onepulse text-left",children:(0,H.jsx)("label",d(s({},n),{className:ge({disabled:o,readOnly:a,size:l}),"aria-disabled":o,children:r}))}):null};var Ce=require("@radix-ui/react-context");var Be=require("react");var q=require("react/jsx-runtime"),K="InputText",we=e=>{let{size:t="ml",children:r,__scopeInputText:n}=e,[o,a]=(0,Be.useState)(!1);return(0,q.jsx)(He,d(s({},e),{size:t,scope:n,isActive:o,setActive:a,children:(0,q.jsx)("div",{className:"flex w-full flex-col gap-halfpulse ",children:B(r,[{child:T.Label,amount:1},{child:T.Actions,amount:1},{child:T.HelperText,amount:1}])})}))};we.displayName=K;var[Me]=(0,Ce.createContextScope)(K),[He,f]=Me(K),T={Root:we,Label:Pe,Field:F,HelperText:ye,Actions:Q,ClearButton:me,Icon:ve};0&&(module.exports={InputText});
//# sourceMappingURL=index.cjs.map