@rdsaude/pulso-react-components/dist/components/input-password/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 Wo=Object.create;var D=Object.defineProperty,$o=Object.defineProperties,Jo=Object.getOwnPropertyDescriptor,Qo=Object.getOwnPropertyDescriptors,Xo=Object.getOwnPropertyNames,O=Object.getOwnPropertySymbols,Yo=Object.getPrototypeOf,U=Object.prototype.hasOwnProperty,so=Object.prototype.propertyIsEnumerable;var lo=(o,e,r)=>e in o?D(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,l=(o,e)=>{for(var r in e||(e={}))U.call(e,r)&&lo(o,r,e[r]);if(O)for(var r of O(e))so.call(e,r)&&lo(o,r,e[r]);return o},s=(o,e)=>$o(o,Qo(e));var i=(o,e)=>{var r={};for(var t in o)U.call(o,t)&&e.indexOf(t)<0&&(r[t]=o[t]);if(o!=null&&O)for(var t of O(o))e.indexOf(t)<0&&so.call(o,t)&&(r[t]=o[t]);return r};var V=(o,e)=>{for(var r in e)D(o,r,{get:e[r],enumerable:!0})},io=(o,e,r,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of Xo(e))!U.call(o,a)&&a!==r&&D(o,a,{get:()=>e[a],enumerable:!(t=Jo(e,a))||t.enumerable});return o};var I=(o,e,r)=>(r=o!=null?Wo(Yo(o)):{},io(e||!o||!o.__esModule?D(r,"default",{value:o,enumerable:!0}):r,o)),Zo=o=>io(D({},"__esModule",{value:!0}),o);var tr={};V(tr,{InputPassword:()=>F});module.exports=Zo(tr);var F={};V(F,{HelperText:()=>to,Input:()=>oo,Label:()=>eo,Root:()=>W});var L=require("@ark-ui/react/password-input");var po=I(require("react"),1);var w=I(require("react"),1);function G(o,e){let{targets:r,props:t,keyPrefix:a="inject",asChild:p}=e,n=w.Children.map(o,(c,h)=>{var g,P;if(!w.isValidElement(c))return c;let m=(P=(g=c.type)==null?void 0:g.displayName)!=null?P:"",v=r.includes(m),u=c.props;return w.cloneElement(c,s(l({},v?t:{}),{key:`${a}-${h.toString()}`}),G(u==null?void 0:u.children,{targets:r,props:t,keyPrefix:a,asChild:u==null?void 0:u.asChild}))});return p?n==null?void 0:n[0]:n}function T(o,{targets:e,props:r,asChild:t}){let a=po.useId();return G(o,{targets:e,props:r,asChild:t,keyPrefix:a})}var co=require("clsx"),uo=require("tailwind-merge"),d=(...o)=>(0,uo.twMerge)((0,co.clsx)(...o));var mo=require("tailwind-variants"),y=(0,mo.createTV)({twMerge:!0,twMergeConfig:{extend:{classGroups:{"font-size":[{text:["threepulse","threeandhalfpulse"]}],"border-width":[{border:["quarterpulse","halfpulse"]}],"--tw-ring-inset":[{ring:["none","quarterpulse","halfpulse"]}]}}}});var jo=y({slots:{root:["w-full min-w-[14rem] space-y-[var(--spacing-stack-halfpulse)]"],control:["ring-[var(--color-forms-border-default)]","inline-flex w-full items-center","gap-x-[var(--spacing-inline-onepulse)]","rounded-[var(--border-radius-form)]","bg-[var(--color-forms-fill-default)]","px-[var(--padding-inset-threepulse)]","[&:has(input:not(:focus-within,:placeholder-shown))]:bg-[var(--color-forms-fill-filled)]","[&:has(input:not(:focus-within,:placeholder-shown))]:ring-[length:var(--border-width-quarterpulse)]"],input:["min-w-0 flex-1 bg-transparent caret-[var(--color-text-neutral-default)] outline-0","placeholder:invisible","font-sans text-[var(--color-text-neutral-default)]"]},variants:{size:{md:{control:["h-[var(--sizing-medium)]"],input:["text-[length:var(--font-size-threepulse)]"]},ml:{control:["h-[var(--sizing-mediumlarge)]"]},lg:{control:["h-[var(--sizing-large)]"]},xl:{control:["h-[var(--sizing-extralarge)] rounded-[var(--border-radius-largecontainer)]"]}},isDisabled:{true:{control:["cursor-not-allowed bg-[var(--color-forms-fill-disabled)]! ring-[length:var(--border-width-quarterpulse)] ring-[var(--color-forms-border-disabled)]","*:cursor-not-allowed","[&:has(input:not(:focus-within,:placeholder-shown))]:bg-[var(--color-forms-fill-disabled)]"],input:["text-[var(--color-text-neutral-disabled)]"]}},isReadOnly:{true:{control:["pointer-events-none bg-[var(--color-forms-fill-readonly)] ring-[length:var(--border-width-quarterpulse)] ring-[var(--color-forms-border-readonly)]","[&:has(input:not(:focus-within,:placeholder-shown))]:bg-[var(--color-forms-fill-readonly)]"],input:["text-[var(--color-text-neutral-readonly)]"]}},isError:{true:{control:["ring-[length:var(--border-width-quarterpulse)]","ring-[var(--color-forms-border-error)]","[&:not(:focus-within,[data-disabled])]:hover:ring-[length:var(--border-width-halfpulse)]","focus-within:bg-[var(--color-forms-fill-error)]","focus-within:ring-[length:var(--border-width-halfpulse)]"]},false:{control:["focus-within:bg-[var(--color-forms-fill-focused)]","focus-within:ring-[length:var(--border-width-halfpulse)]","focus-within:ring-[var(--color-forms-border-focused)]","[&:has(input:not(:focus-within,:placeholder-shown))]:ring-[var(--color-forms-border-filled)]"]}}},compoundVariants:[{size:["ml","lg","xl"],class:{input:["text-[length:var(--font-size-threeandhalfpulse)]"]}},{isDisabled:!1,isReadOnly:!1,isError:!1,class:{control:["[&:not(:focus-within)]:hover:bg-[var(--color-forms-fill-hovered)] [&:not(:focus-within)]:hover:ring-[var(--color-forms-border-hovered)]","[&:has(input:not(:focus-within,:placeholder-shown))]:hover:bg-[var(--color-forms-fill-filled)] [&:has(input:not(:focus-within,:placeholder-shown))]:hover:ring-[var(--color-forms-border-filled)]","[&:has(input:not(:focus-within,:placeholder-shown))]:hover:ring-[length:var(--border-width-halfpulse)]"]}}],defaultVariants:{size:"ml",isDisabled:!1,isReadOnly:!1,isError:!1}}),{root:fo,control:ho,input:go}=jo();var bo=require("react/jsx-runtime");function W(h){var m=h,{children:o,size:e,asChild:r,disabled:t,readOnly:a,invalid:p,onVisibilityChange:n}=m,c=i(m,["children","size","asChild","disabled","readOnly","invalid","onVisibilityChange"]);let v=(0,L.usePasswordInput)({disabled:t,invalid:p,onVisibilityChange:n}),u=T(o,{targets:["InputPasswordInput","InputPasswordLabel","InputPasswordHelperText"],props:{size:e,readOnly:a},asChild:r});return(0,bo.jsx)(L.PasswordInput.RootProvider,s(l({},c),{className:d(fo({size:e})),value:v,children:u}))}W.displayName="InputPasswordRoot";var K=I(require("react"),1),N=require("@ark-ui/react/password-input");var S={};V(S,{Icon:()=>Q,IconDualColor:()=>j,Root:()=>J});var C=I(require("react"),1),wo=require("@ark-ui/react/factory");var Po=I(require("react"),1);var H=I(require("react"),1),f=require("@raiadrogasil/pulso-design-tokens");var vo=I(require("react"),1),or=require("react/jsx-runtime"),yo=vo.createContext({currentTheme:"rdsaudesistemas"});function M(){let o=H.useMemo(()=>({rdsaudesistemas:f.RDSAUDESISTEMAS_TOKENS,drogasil:f.DROGASIL_TOKENS,raia:f.RAIA_TOKENS,subscription:f.SUBSCRIPTION_TOKENS,prime:f.PRIME_TOKENS}),[]),e=H.useContext(yo);if(!e)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:r}=e;return l(l({},f.GLOBALS_TOKENS),o[r])}var R=require("react/jsx-runtime");function xo({color:o="brand",srText:e}){let r=M(),a=Po.useMemo(()=>({brand:r.colorActionFillBrandPrimaryEnabled,neutral:r.colorTextNeutralReadonly,black:r.colorTextNeutralDefault,white:r.colorTextNeutralInverse}),[r])[o];return(0,R.jsx)("div",{role:"status",className:d("grid size-8 place-items-center"),"aria-label":e,children:(0,R.jsxs)("svg",{className:d("size-6 animate-spin fill-none"),viewBox:"0 0 24 24",children:[(0,R.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:a}),(0,R.jsx)("title",{children:e})]})})}var rr=y({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:Io}=rr();var $=require("react/jsx-runtime");function J(m){var v=m,{children:o,className:e,variant:r="brand-primary",size:t,disabled:a,loading:p,asChild:n,full:c}=v,h=i(v,["children","className","variant","size","disabled","loading","asChild","full"]);let u=T(o,{targets:["ButtonIcon","ButtonIconDualColor"],props:{variant:r,size:t,disabled:a},asChild:n}),g=!a&&p,P={"brand-primary":"white","neutral-secondary":"black","neutral-tertiary":"black"},_={"aria-live":"polite","aria-busy":!0},q=C.useCallback(()=>{var B,A;if(C.Children.count(o)===1&&C.isValidElement(o)){let E=(A=(B=o.type)==null?void 0:B.displayName)!=null?A:"";return["ButtonIcon","ButtonIconDualColor"].includes(E)}return!1},[o]);return(0,$.jsx)(wo.ark.button,s(l(l({},h),g&&_),{className:d(Io({variant:r,size:t,asIconOnly:q(),className:g&&"pointer-events-none"}),c&&"w-full",e),disabled:a,"data-scope":"button",children:g?(0,$.jsx)(xo,{color:P[r]}):u}))}J.displayName="ButtonRoot";var Co=require("react");var To=I(require("react"),1);var Ro=require("react/jsx-runtime");function b(a){var p=a,{symbol:o="rdicon-default",size:e="small",color:r="colorActionFillBrandPrimaryEnabled"}=p,t=i(p,["symbol","size","color"]);let n=M(),c=To.useMemo(()=>({tiny:n.sizingTiny,"extra-small":n.sizingExtrasmall,small:n.sizingSmall,medium:n.sizingMedium}),[]);return(0,Ro.jsx)("i",s(l({},t),{className:o,style:{fontSize:c[e],color:n[r],display:"inline-flex"}}))}b.displayName="Icon";var So=require("react/jsx-runtime");function Q({variant:o,size:e,disabled:r,iconColor:t,symbol:a}){let p={md:"extra-small",ml:"small",lg:"small",xl:"small"},n={"brand-primary":"colorTextNeutralInverse","neutral-secondary":"colorTextNeutralDefault","neutral-tertiary":"colorTextNeutralDefault"},c=(0,Co.useMemo)(()=>r?"colorTextNeutralDisabled":t||n[o],[r,o]),h=p[e];return(0,So.jsx)(b,{color:c,size:h,symbol:a})}Q.displayName="ButtonIcon";var k={};V(k,{Bottom:()=>Z,Root:()=>X,Top:()=>Y});var No=require("@ark-ui/react/factory");var Do=require("react/jsx-runtime");function X(p){var n=p,{children:o,size:e="small",disabled:r=!1,asChild:t}=n,a=i(n,["children","size","disabled","asChild"]);let c=T(o,{targets:["IconDualColorTop","IconDualColorBottom"],props:{size:e,disabled:r},asChild:t});return(0,Do.jsx)(No.ark.div,s(l({"data-testid":"icon-dual-color-root","aria-label":"\xCDcones","aria-disabled":r,asChild:t},a),{className:"relative flex [&>[data-icon=top]]:absolute",children:c}))}X.displayName="IconDualColorRoot";var ko=require("react/jsx-runtime");function Y(p){var n=p,{children:o,color:e="colorActionTextOnbrandDefault",size:r,disabled:t}=n,a=i(n,["children","color","size","disabled"]);return(0,ko.jsx)(b,s(l({"data-testid":"icon-dual-color-top","data-icon":"top","data-size":r,color:t?"colorTextNeutralDisabled":e,size:r},a),{children:o}))}Y.displayName="IconDualColorTop";var zo=require("react/jsx-runtime");function Z(p){var n=p,{children:o,color:e="colorTextNeutralDefault",size:r,disabled:t}=n,a=i(n,["children","color","size","disabled"]);return(0,zo.jsx)(b,s(l({"data-testid":"icon-dual-color-bottom","data-icon":"bottom","data-size":r,color:t?"colorTextNeutralDisabled":e,size:r},a),{children:o}))}Z.displayName="IconDualColorBottom";var Bo=require("react/jsx-runtime");function j(r){var t=r,{size:o="ml"}=t,e=i(t,["size"]);let a={md:"extra-small",ml:"small",lg:"small",xl:"small"};return(0,Bo.jsx)(k.Root,s(l({},e),{size:a[o]}))}j.displayName="ButtonIconDualColor";var Eo=require("react/jsx-runtime"),er=y({base:["inline-flex h-[var(--sizing-extrasmall)] select-none items-center rounded-[var(--border-radius-pill)] px-[var(--padding-inset-twopulse)]","font-semibold text-[length:var(--font-size-threepulse)]"],variants:{variant:{strong:["[--color-labeling-fill-strong-default:#ABF7CD] [--color-labeling-text-strong-default:#18492E]","bg-[var(--color-labeling-fill-strong-default)] text-[var(--color-labeling-text-strong-default)]"],average:["[--color-labeling-fill-average-default:#FBEBD0] [--color-labeling-text-average-default:#55350C]","bg-[var(--color-labeling-fill-average-default)] text-[var(--color-labeling-text-average-default)]"],weak:["[--color-labeling-fill-weak-default:#FCCFEA] [--color-labeling-text-weak-default:#642049]","bg-[var(--color-labeling-fill-weak-default)] text-[var(--color-labeling-text-weak-default)]"]}}});function Ao({variant:o="weak"}){let e={strong:"Forte",average:"M\xE9dia",weak:"Fraca"};return(0,Eo.jsx)("span",{className:d(er({variant:o})),children:e[o]})}var x=require("react/jsx-runtime");function oo(n){var c=n,{prefix:o,strengthRules:e,size:r="ml",onChange:t,readOnly:a}=c,p=i(c,["prefix","strengthRules","size","onChange","readOnly"]);let{visible:h,disabled:m,invalid:v}=(0,N.usePasswordInputContext)(),[u,g]=K.useState(null),P=!m&&!a,_=u&&P,q=P;function B(){return m?"colorTextNeutralDisabled":a?"colorTextNeutralReadonly":"colorTextNeutralDefault"}let A=K.useCallback(E=>{let ao=E.target.value;for(let Go of Object.keys(e)){let no=Go;if(e[no].test(ao)){g(no);break}}ao.length===0&&g(null),t==null||t(E)},[]);return(0,x.jsxs)(N.PasswordInput.Control,{className:d(ho({size:r,isDisabled:m,isReadOnly:a,isError:v,className:"overflow-red-500"})),children:[o&&(0,x.jsx)(b,{size:r==="md"?"extra-small":"small",color:B(),symbol:o}),(0,x.jsx)(N.PasswordInput.Input,s(l({},p),{className:d(go({size:r,isDisabled:m,isReadOnly:a})),placeholder:"Hidden placeholder",onChange:A,readOnly:a})),_&&(0,x.jsx)(Ao,{variant:u}),q&&(0,x.jsx)(N.PasswordInput.VisibilityTrigger,{asChild:!0,children:(0,x.jsx)(S.Root,{variant:"neutral-tertiary",size:r==="md"?"md":"ml",children:(0,x.jsx)(S.Icon,{symbol:h?"rdicon-eye-off":"rdicon-eye"})})})]})}oo.displayName="InputPasswordInput";var Mo=require("@ark-ui/react/password-input");var Vo=require("@ark-ui/react/factory");var Oo=y({base:["line-clamp-1 max-w-full truncate","font-normal font-sans text-[var(--color-text-neutral-default)] data-[disabled]:text-[var(--color-text-neutral-disabled)]"],variants:{size:{md:"text-[length:var(--font-size-threepulse)] leading-[var(--line-height-medium)]",ml:null,lg:null,xl:null}},compoundVariants:[{size:["ml","lg","xl"],class:"text-[length:var(--font-size-threeandhalfpulse)] leading-[var(--line-height-small)]"}],defaultVariants:{size:"ml"}});var Ho=require("react/jsx-runtime");function Lo(t){var a=t,{className:o,size:e}=a,r=i(a,["className","size"]);return(0,Ho.jsx)(Vo.ark.span,s(l({},r),{className:d(Oo({className:o,size:e}))}))}var ro=require("react/jsx-runtime");function eo(a){var p=a,{children:o,size:e,readOnly:r}=p,t=i(p,["children","size","readOnly"]);return(0,ro.jsx)(Mo.PasswordInput.Label,s(l({},t),{className:d("px-[var(--padding-inset-onepulse)]",r&&"text-[var(--color-text-neutral-readonly)]"),asChild:!0,children:(0,ro.jsx)(Lo,{size:e,className:d(e==="md"&&"leading-0"),children:o})}))}eo.displayName="InputPasswordLabel";var qo=require("@ark-ui/react/password-input");var Fo=require("@ark-ui/react/field");var Ko=y({base:["flex w-full items-start gap-x-[var(--spacing-inline-onepulse)] px-[var(--padding-inset-onepulse)]","font-semibold text-[length:var(--font-size-threepulse)] text-[var(--color-text-neutral-alternative)]"],variants:{isError:{true:"text-[var(--color-text-danger-alternative)]"},isDisabled:{true:"text-[var(--color-text-neutral-disabled)]"},isReadOnly:{true:"text-[var(--color-text-neutral-readonly)]"}},defaultVariants:{isError:!1,isDisabled:!1,isReadOnly:!1}});var z=require("react/jsx-runtime");function _o(c){var h=c,{children:o,className:e,prefix:r,isError:t,isDisabled:a,isReadOnly:p}=h,n=i(h,["children","className","prefix","isError","isDisabled","isReadOnly"]);let m=t||!!r;function v(){let u=[[t,"colorTextDangerAlternative"],[a,"colorTextNeutralDisabled"],[p,"colorTextNeutralReadonly"]];for(let[g,P]of u)if(g)return P;return"colorTextNeutralAlternative"}return(0,z.jsxs)(Fo.Field.HelperText,s(l({},n),{className:d(Ko({className:e,isError:t,isDisabled:a,isReadOnly:p})),children:[m&&(0,z.jsx)(b,{symbol:t?"rdicon-warning-circle":r,size:"tiny",color:v()}),(0,z.jsx)("div",{className:d("line-clamp-2 text-ellipsis"),children:o})]}))}var Uo=require("react/jsx-runtime");function to(t){var a=t,{children:o,readOnly:e}=a,r=i(a,["children","readOnly"]);let{invalid:p,disabled:n}=(0,qo.usePasswordInputContext)();return(0,Uo.jsx)(_o,s(l({},r),{isError:p,isDisabled:n,isReadOnly:e,children:o}))}to.displayName="InputPasswordHelperText";0&&(module.exports={InputPassword});
//# sourceMappingURL=index.cjs.map