@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 Ge=Object.create;var z=Object.defineProperty,We=Object.defineProperties,$e=Object.getOwnPropertyDescriptor,Je=Object.getOwnPropertyDescriptors,Xe=Object.getOwnPropertyNames,O=Object.getOwnPropertySymbols,Ye=Object.getPrototypeOf,_=Object.prototype.hasOwnProperty,re=Object.prototype.propertyIsEnumerable;var oe=(e,o,t)=>o in e?z(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,s=(e,o)=>{for(var t in o||(o={}))_.call(o,t)&&oe(e,t,o[t]);if(O)for(var t of O(o))re.call(o,t)&&oe(e,t,o[t]);return e},p=(e,o)=>We(e,Je(o));var d=(e,o)=>{var t={};for(var r in e)_.call(e,r)&&o.indexOf(r)<0&&(t[r]=e[r]);if(e!=null&&O)for(var r of O(e))o.indexOf(r)<0&&re.call(e,r)&&(t[r]=e[r]);return t};var F=(e,o)=>{for(var t in o)z(e,t,{get:o[t],enumerable:!0})},ne=(e,o,t,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of Xe(o))!_.call(e,n)&&n!==t&&z(e,n,{get:()=>o[n],enumerable:!(r=$e(o,n))||r.enumerable});return e};var v=(e,o,t)=>(t=e!=null?Ge(Ye(e)):{},ne(o||!e||!e.__esModule?z(t,"default",{value:e,enumerable:!0}):t,e)),Qe=e=>ne(z({},"__esModule",{value:!0}),e);var ot={};F(ot,{InputText:()=>I});module.exports=Qe(ot);var E=require("react"),A=(e,o)=>{var r;let t=(r=E.Children.toArray(e))==null?void 0:r.filter(n=>(0,E.isValidElement)(n));return t.map((n,i)=>{let a=o.find(u=>n.type===u.child),l=t.reduce((u,c,m)=>(c==null?void 0:c.type)===n.type&&m<=i?u+1:u,0);return a&&l<=(a==null?void 0:a.amount)?n:null})};var ae=require("tailwind-variants"),x=(0,ae.createTV)({twMerge:!0,twMergeConfig:{extend:{classGroups:{"font-size":[{text:["threepulse","threeandhalfpulse"]}],"border-width":[{border:["quarterpulse","halfpulse"]}],"--tw-ring-inset":[{ring:["none","quarterpulse","halfpulse"]}]}}}});var le=x({base:`
    group flex w-[100%] items-center justify-between gap-onepulse py-threepulse duration-100 ease-in
    bg-forms-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"},readOnly:{true:""},hasError:{true:""},filled:{true:""},active:{true:""},disabled:{true:"cursor-not-allowed ring-forms-border-disabled ring-quarterpulse"}},compoundVariants:[{readOnly:!1,disabled:!1,hasError:!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"},{hasError:!0,filled:!0,active:!1,class:"bg-forms-fill-error ring-forms-border-error hover:ring-halfpulse"},{hasError:!0,active:!0,class:"bg-forms-fill-error ring-forms-border-error ring-halfpulse hover:bg-forms-fill-error hover:ring-halfpulse"},{hasError:!0,filled:!1,active:!1,class:"bg-forms-fill ring-forms-border-error hover:bg-forms-fill-hovered hover:ring-bg-forms-hovered hover:ring-halfpulse"}],defaultVariants:{size:"ml",isFocused:!1,hasError:!1,readOnly:!1,disabled:!1}});var ie=require("react/jsx-runtime"),se=r=>{var n=r,{children:e,__scopeInputText:o}=n,t=d(n,["children","__scopeInputText"]);let{disabled:i,hasError:a,readOnly:l,size:u,value:c,isActive:m}=h("InputTextActions",o);return(0,ie.jsx)("div",p(s({},t),{className:le({active:m,size:u,disabled:i,readOnly:l,hasError:!!a,filled:!!c&&!!c.length}),"aria-disabled":i,"data-disabled":i,children:A(e,[{child:I.Icon,amount:2},{child:I.Field,amount:1},{child:I.ClearButton,amount:1}])}))};var S={};F(S,{Icon:()=>U,IconDualColor:()=>J,Root:()=>q});var R=v(require("react"),1),ye=require("@ark-ui/react/factory");var pe=v(require("react"),1);var C=v(require("react"),1);function K(e,o){let{targets:t,props:r,keyPrefix:n="inject",asChild:i}=o,a=C.Children.map(e,(l,u)=>{var T,g;if(!C.isValidElement(l))return l;let c=(g=(T=l.type)==null?void 0:T.displayName)!=null?g:"",m=t.includes(c),f=l.props;return C.cloneElement(l,p(s({},m?r:{}),{key:`${n}-${u.toString()}`}),K(f==null?void 0:f.children,{targets:t,props:r,keyPrefix:n,asChild:f==null?void 0:f.asChild}))});return i?a==null?void 0:a[0]:a}function V(e,{targets:o,props:t,asChild:r}){let n=pe.useId();return K(e,{targets:o,props:t,asChild:r,keyPrefix:n})}var ue=require("clsx"),de=require("tailwind-merge"),D=(...e)=>(0,de.twMerge)((0,ue.clsx)(...e));var fe=v(require("react"),1);var k=v(require("react"),1),y=require("@raiadrogasil/pulso-design-tokens");var ce=v(require("react"),1),Ze=require("react/jsx-runtime"),me=ce.createContext({currentTheme:"rdsaudesistemas"});function M(){let e=k.useMemo(()=>({rdsaudesistemas:y.RDSAUDESISTEMAS_TOKENS,drogasil:y.DROGASIL_TOKENS,raia:y.RAIA_TOKENS,subscription:y.SUBSCRIPTION_TOKENS,prime:y.PRIME_TOKENS}),[]),o=k.useContext(me);if(!o)throw new Error("[Pulso] useTheme precisa estar dentro de um <ThemeProvider>. Verifique se o provedor est\xE1 corretamente configurado na raiz da aplica\xE7\xE3o.");let{currentTheme:t}=o;return s(s({},y.GLOBALS_TOKENS),e[t])}var P=require("react/jsx-runtime");function xe({color:e="brand",srText:o}){let t=M(),n=fe.useMemo(()=>({brand:t.colorActionFillBrandPrimaryEnabled,neutral:t.colorTextNeutralReadonly,black:t.colorTextNeutralDefault,white:t.colorTextNeutralInverse}),[t])[e];return(0,P.jsx)("div",{role:"status",className:D("grid size-8 place-items-center"),"aria-label":o,children:(0,P.jsxs)("svg",{className:D("size-6 animate-spin fill-none"),viewBox:"0 0 24 24",children:[(0,P.jsx)("path",{fillRule:"evenodd",clipRule:"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",fill:n}),(0,P.jsx)("title",{children:o})]})})}var je=x({slots:{root:["inline-flex shrink-0 cursor-pointer items-center justify-center whitespace-nowrap","gap-x-[var(--spacing-inline-twopulse)] rounded-full","outline-[var(--color-action-border-focused)] outline-offset-2","font-inherit font-bold tracking-[var(--letter-spacing-default)]","focus-visible:outline-2","disabled:cursor-not-allowed disabled:text-[var(--color-text-neutral-disabled)]"]},variants:{variant:{"brand-primary":{root:["bg-[var(--color-action-fill-brand-primary-enabled)]","text-[var(--color-text-neutral-inverse)]","enabled:hover:bg-[var(--color-action-fill-brand-primary-hovered)]","active:bg-[var(--color-action-fill-brand-primary-pressed)]","disabled:bg-[var(--color-action-fill-brand-primary-disabled)]"]},"neutral-secondary":{root:["ring-[var(--color-action-border-neutral-secondary-enabled)]","ring-[length:var(--border-width-quarterpulse)]","bg-[var(--color-action-fill-neutral-secondary-enabled)]","text-[var(--color-text-neutral-default)]","enabled:hover:ring-[var(--color-action-border-neutral-secondary-hovered)]","enabled:hover:bg-[var(--color-action-fill-neutral-secondary-hovered)]","active:ring-[var(--color-action-border-neutral-secondary-pressed)]","active:bg-[var(--color-action-fill-neutral-secondary-pressed)]","disabled:ring-[var(--color-action-border-neutral-secondary-disabled)]","disabled:bg-[var(--color-action-fill-neutral-secondary-disabled)]"]},"neutral-tertiary":{root:["ring-[var(--color-action-border-neutral-tertiary-enabled)]","ring-[length:var(--border-width-quarterpulse)]","bg-[var(--color-action-fill-neutral-tertiary-enabled)]","text-[var(--color-text-neutral-default)]","enabled:hover:ring-[var(--color-action-border-neutral-tertiary-hovered)]","enabled:hover:bg-[var(--color-action-fill-neutral-tertiary-hovered)]","active:ring-[var(--color-action-border-neutral-tertiary-pressed)]","active:bg-[var(--color-action-fill-neutral-tertiary-pressed)]","disabled:ring-[var(--color-action-border-neutral-tertiary-disabled)]","disabled:bg-[var(--color-action-fill-neutral-tertiary-disabled)]"]}},size:{md:{root:["h-[var(--sizing-medium)] min-w-8 px-[var(--padding-inset-fourpulse)]","text-[length:var(--font-size-threepulse)]","leading-[var(--line-height-medium)]"]},ml:{root:["h-[var(--sizing-mediumlarge)] min-w-10 px-[var(--padding-inset-fourpulse)]"]},lg:{root:["h-[var(--sizing-large)] min-w-12 px-[var(--padding-inset-fivepulse)]"]},xl:{root:["h-[var(--sizing-extralarge)] min-w-14 px-[var(--padding-inset-sixpulse)]"]}},asIconOnly:{true:{root:"aspect-square px-0"}}},compoundVariants:[{size:["ml","lg"],class:{root:["text-[length:var(--font-size-threeandhalfpulse)]","leading-[var(--line-height-small)]"]}}],defaultVariants:{variant:"brand-primary",size:"ml",asIconOnly:!1}}),{root:he}=je();var H=require("react/jsx-runtime");function q(c){var m=c,{children:e,className:o,variant:t="brand-primary",size:r,disabled:n,loading:i,asChild:a,full:l}=m,u=d(m,["children","className","variant","size","disabled","loading","asChild","full"]);let f=V(e,{targets:["ButtonIcon","ButtonIconDualColor"],props:{variant:t,size:r,disabled:n},asChild:a}),T=!n&&i,g={"brand-primary":"white","neutral-secondary":"black","neutral-tertiary":"black"},w={"aria-live":"polite","aria-busy":!0},qe=R.useCallback(()=>{var ee,te;if(R.Children.count(e)===1&&R.isValidElement(e)){let Ue=(te=(ee=e.type)==null?void 0:ee.displayName)!=null?te:"";return["ButtonIcon","ButtonIconDualColor"].includes(Ue)}return!1},[e]);return(0,H.jsx)(ye.ark.button,p(s(s({},u),T&&w),{className:D(he({variant:t,size:r,asIconOnly:qe(),className:T&&"pointer-events-none"}),l&&"w-full",o),disabled:n,"data-scope":"button",children:T?(0,H.jsx)(xe,{color:g[t]}):f}))}q.displayName="ButtonRoot";var Ie=require("react");var be=v(require("react"),1);var Te=require("react/jsx-runtime");function b(n){var i=n,{symbol:e="rdicon-default",size:o="small",color:t="colorActionFillBrandPrimaryEnabled"}=i,r=d(i,["symbol","size","color"]);let a=M(),l=be.useMemo(()=>({tiny:a.sizingTiny,"extra-small":a.sizingExtrasmall,small:a.sizingSmall,medium:a.sizingMedium}),[]);return(0,Te.jsx)("i",p(s({},r),{className:e,style:{fontSize:l[o],color:a[t],display:"inline-flex"}}))}b.displayName="Icon";var ve=require("react/jsx-runtime");function U({variant:e,size:o,disabled:t,iconColor:r,symbol:n}){let i={md:"extra-small",ml:"small",lg:"small",xl:"small"},a={"brand-primary":"colorTextNeutralInverse","neutral-secondary":"colorTextNeutralDefault","neutral-tertiary":"colorTextNeutralDefault"},l=(0,Ie.useMemo)(()=>t?"colorTextNeutralDisabled":r||a[e],[t,e]),u=i[o];return(0,ve.jsx)(b,{color:l,size:u,symbol:n})}U.displayName="ButtonIcon";var B={};F(B,{Bottom:()=>$,Root:()=>G,Top:()=>W});var ge=require("@ark-ui/react/factory");var Ce=require("react/jsx-runtime");function G(i){var a=i,{children:e,size:o="small",disabled:t=!1,asChild:r}=a,n=d(a,["children","size","disabled","asChild"]);let l=V(e,{targets:["IconDualColorTop","IconDualColorBottom"],props:{size:o,disabled:t},asChild:r});return(0,Ce.jsx)(ge.ark.div,p(s({"data-testid":"icon-dual-color-root","aria-label":"\xCDcones","aria-disabled":t,asChild:r},n),{className:"relative flex [&>[data-icon=top]]:absolute",children:l}))}G.displayName="IconDualColorRoot";var Pe=require("react/jsx-runtime");function W(i){var a=i,{children:e,color:o="colorActionTextOnbrandDefault",size:t,disabled:r}=a,n=d(a,["children","color","size","disabled"]);return(0,Pe.jsx)(b,p(s({"data-testid":"icon-dual-color-top","data-icon":"top","data-size":t,color:r?"colorTextNeutralDisabled":o,size:t},n),{children:e}))}W.displayName="IconDualColorTop";var Re=require("react/jsx-runtime");function $(i){var a=i,{children:e,color:o="colorTextNeutralDefault",size:t,disabled:r}=a,n=d(a,["children","color","size","disabled"]);return(0,Re.jsx)(b,p(s({"data-testid":"icon-dual-color-bottom","data-icon":"bottom","data-size":t,color:r?"colorTextNeutralDisabled":o,size:t},n),{children:e}))}$.displayName="IconDualColorBottom";var Se=require("react/jsx-runtime");function J(t){var r=t,{size:e="ml"}=r,o=d(r,["size"]);let n={md:"extra-small",ml:"small",lg:"small",xl:"small"};return(0,Se.jsx)(B.Root,p(s({},o),{size:n[e]}))}J.displayName="ButtonIconDualColor";var Ne=x({base:"input-text-clear-button",variants:{size:{md:"-mr-[6px]",ml:"-mr-[8px]",lg:"-mr-[8px]",xl:"-mr-[8px]"},readOnly:{true:"invisible hidden"},disabled:{true:"invisible hidden"},isActive:{true:"invisible hidden"},filled:{false:"invisible hidden"}},defaultVariants:{readOnly:!1,disabled:!1}}),we=x({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 L=require("react/jsx-runtime"),ze=t=>{var r=t,{__scopeInputText:e}=r,o=d(r,["__scopeInputText"]);let{size:n,disabled:i,readOnly:a,isActive:l,value:u}=h("InputTextClearButton",e);return(0,L.jsx)("div",{className:Ne({size:n,disabled:i,readOnly:a,isActive:l,filled:!!u&&!!u.length}),"aria-disabled":i||a,children:(0,L.jsx)(S.Root,p(s({},o),{size:n,disabled:i||a,variant:"neutral-tertiary",className:we({size:n}),children:(0,L.jsx)(S.Icon,{symbol:"rdicon-dismiss-circle-outline"})}))})};var Be=require("react");var De=x({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 Oe=require("react/jsx-runtime"),X=(0,Be.forwardRef)((i,n)=>{var a=i,{__scopeInputText:e,onFocus:o,onBlur:t}=a,r=d(a,["__scopeInputText","onFocus","onBlur"]);let{disabled:l,readOnly:u,size:c,isActive:m,setActive:f}=h("InputTextField",e),T=w=>{f(!0),o==null||o(w)},g=w=>{f(!1),t==null||t(w)};return(0,Oe.jsx)("input",p(s({},r),{ref:n,disabled:l,readOnly:u,placeholder:"Placeholder is hidden",className:De({disabled:l,readOnly:u,isActive:m,size:c}),onFocus:T,onBlur:g}))});X.displayName="InputTextField";var Ae=require("react");var Ee=x({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 N=require("react/jsx-runtime"),Ve=i=>{var a=i,{withIcon:e,iconName:o="rdicon-warning-circle",children:t,__scopeInputText:r}=a,n=d(a,["withIcon","iconName","children","__scopeInputText"]);let{disabled:l,hasError:u,readOnly:c}=h("InputTextHelperText",r),m=u?"rdicon-warning-circle":o,f=(0,Ae.useMemo)(()=>l?"colorTextNeutralDisabled":c?"colorTextNeutralReadonly":u?"colorTextDangerAlternative":"colorTextNeutralAlternative",[l,u,c]);if(!t)return null;let T=u||e;return(0,N.jsxs)("div",p(s({},n),{"aria-disabled":l,className:Ee({hasError:u,disabled:l,readOnly:c}),children:[T&&(0,N.jsx)("div",{className:"flex items-center",children:(0,N.jsx)(b,{symbol:m,color:f,size:"tiny"})}),(0,N.jsx)("span",{className:"flex flex-1",children:t})]}))};var ke=require("react");var Y=require("react/jsx-runtime");function Me(r){var n=r,{__scopeInputText:e,color:o="colorTextNeutralDefault"}=n,t=d(n,["__scopeInputText","color"]);let{size:i,disabled:a,readOnly:l}=h("InputTextField",e),u=(0,ke.useMemo)(()=>{let m={md:"extra-small",ml:"small",lg:"small",xl:"small"};return m==null?void 0:m[i]},[i]),c=()=>a?"colorTextNeutralDisabled":l?"colorTextNeutralReadonly":"colorTextNeutralDefault";return(0,Y.jsx)("div",{className:"flex items-center",children:(0,Y.jsx)(b,p(s({},t),{color:c(),size:u}))})}var Le=x({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 Q=require("react/jsx-runtime"),_e=e=>{let l=e,{__scopeInputText:o,children:t}=l,r=d(l,["__scopeInputText","children"]),{disabled:n,readOnly:i,size:a}=h("InputTextLabel",o);return t?(0,Q.jsx)("div",{className:"flex h-extrasmall w-[100%] items-center rounded-none border-none px-onepulse text-left",children:(0,Q.jsx)("label",p(s({},r),{className:Le({disabled:n,readOnly:i,size:a}),"aria-disabled":n,children:t}))}):null};var Fe=require("@radix-ui/react-context");var Ke=require("react");var Z=require("react/jsx-runtime"),j="InputText",He=e=>{let{size:o="ml",children:t,__scopeInputText:r,value:n}=e,[i,a]=(0,Ke.useState)(!1);return(0,Z.jsx)(tt,p(s({},e),{size:o,scope:r,isActive:i,value:n,setActive:a,children:(0,Z.jsx)("div",{className:"flex w-full flex-col gap-halfpulse ",children:A(t,[{child:I.Label,amount:1},{child:I.Actions,amount:1},{child:I.HelperText,amount:1}])})}))};He.displayName=j;var[et]=(0,Fe.createContextScope)(j),[tt,h]=et(j),I={Root:He,Label:_e,Field:X,HelperText:Ve,Actions:se,ClearButton:ze,Icon:Me};0&&(module.exports={InputText});
//# sourceMappingURL=index.cjs.map