@rdsaude/pulso-react-components/dist/chunk-GVTH7C7L.js

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.

import{a as N,b as x}from"./chunk-FQCU2UPX.js";import{a}from"./chunk-JOWCR2VE.js";import{a as L}from"./chunk-F3QZNV6U.js";import{a as l,b as n,c as i,d as J,f as u}from"./chunk-VXGPURSP.js";var S={};J(S,{HelperText:()=>k,Input:()=>T,Label:()=>R,Root:()=>I});import{PasswordInput as Q,usePasswordInput as U}from"@ark-ui/react/password-input";var K=u({slots:{root:["w-full min-w-[14rem] space-y-[var(--spacing-stack-halfpulse)]"],control:["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-alternative)] leading-[var(--line-height-none)]"]},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)]"]}},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"]}},isReadOnly:{true:{control:["pointer-events-none bg-[var(--color-forms-fill-readonly)] ring-[length:var(--border-width-quarterpulse)] ring-[var(--color-forms-border-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,class:{control:["[&:not(:focus-within)]:hover:bg-[var(--color-forms-fill-hovered)]","[&:has(input:not(:focus-within,:placeholder-shown))]:hover:bg-[var(--color-forms-fill-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:z,control:V,input:O}=K();import{jsx as X}from"react/jsx-runtime";function I(c){var f=c,{children:e,size:r,asChild:o,disabled:t,readOnly:s,invalid:p,onVisibilityChange:d}=f,P=i(f,["children","size","asChild","disabled","readOnly","invalid","onVisibilityChange"]);let m=U({disabled:t,invalid:p,onVisibilityChange:d}),g=N(e,{targets:["InputPasswordInput","InputPasswordLabel","InputPasswordHelperText"],props:{size:r,readOnly:s},asChild:o});return X(Q.RootProvider,n(l({},P),{className:a(z({size:r})),value:m,children:g}))}I.displayName="InputPasswordRoot";import*as w from"react";import{PasswordInput as y,usePasswordInputContext as $}from"@ark-ui/react/password-input";import{jsx as Z}from"react/jsx-runtime";var Y=u({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 D({variant:e="weak"}){let r={strong:"Forte",average:"M\xE9dia",weak:"Fraca"};return Z("span",{className:a(Y({variant:e})),children:r[e]})}import{jsx as v,jsxs as j}from"react/jsx-runtime";function T(p){var d=p,{strengthRules:e,size:r,onChange:o,readOnly:t}=d,s=i(d,["strengthRules","size","onChange","readOnly"]);let{visible:P,disabled:c,invalid:f}=$(),[m,g]=w.useState(null),h=m&&!c&&!f,b=!c&&!t,_=w.useCallback(A=>{let C=A.target.value;for(let G of Object.keys(e)){let H=G;if(e[H].test(C)){g(H);break}}C.length===0&&g(null),o==null||o(A)},[]);return j(y.Control,{className:a(V({size:r,isDisabled:c,isReadOnly:t,isError:f})),children:[v(y.Input,n(l({},s),{className:a(O({size:r})),placeholder:"Hidden placeholder",onChange:_,readOnly:t})),h&&v(D,{variant:m}),b&&v(y.VisibilityTrigger,{asChild:!0,children:v(x.Root,{variant:"neutral-tertiary",size:r==="md"?"md":"ml",children:v(x.Icon,{symbol:P?"rdicon-eye-off":"rdicon-eye"})})})]})}T.displayName="InputPasswordInput";import{PasswordInput as or}from"@ark-ui/react/password-input";import{ark as rr}from"@ark-ui/react/factory";var E=u({base:"font-normal font-sans text-[var(--color-text-neutral-default)] data-[disabled]:text-[var(--color-text-neutral-disabled)]",variants:{size:{md:"text-[var(--font-size-threepulse)] leading-[var(--line-height-medium)]",ml:null,lg:null,xl:null}},compoundVariants:[{size:["ml","lg","xl"],class:"text-[var(--font-size-threeandhalfpulse)] leading-[var(--line-height-small)]"}],defaultVariants:{size:"ml"}});import{jsx as er}from"react/jsx-runtime";function F(t){var s=t,{className:e,size:r}=s,o=i(s,["className","size"]);return er(rr.span,n(l({},o),{className:a(E({className:e,size:r}))}))}import{jsx as B}from"react/jsx-runtime";function R(s){var p=s,{children:e,size:r,readOnly:o}=p,t=i(p,["children","size","readOnly"]);return B(or.Label,n(l({},t),{className:a("px-[var(--padding-inset-onepulse)]",o&&"text-[var(--color-text-neutral-readonly)]"),asChild:!0,children:B(F,{size:r,children:e})}))}R.displayName="InputPasswordLabel";import{usePasswordInputContext as sr}from"@ark-ui/react/password-input";import{Field as tr}from"@ark-ui/react/field";var q=u({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}});import{jsx as M,jsxs as ar}from"react/jsx-runtime";function W(P){var c=P,{children:e,className:r,prefix:o,isError:t,isDisabled:s,isReadOnly:p}=c,d=i(c,["children","className","prefix","isError","isDisabled","isReadOnly"]);let f=t||!!o;function m(){let g=[[t,"colorTextDangerAlternative"],[s,"colorTextNeutralDisabled"],[p,"colorTextNeutralReadonly"]];for(let[h,b]of g)if(h)return b;return"colorTextNeutralAlternative"}return ar(tr.HelperText,n(l({},d),{className:a(q({className:r,isError:t,isDisabled:s,isReadOnly:p})),children:[f&&M(L,{symbol:t?"rdicon-warning-circle":o,size:"tiny",color:m()}),M("div",{className:a("line-clamp-2 block text-ellipsis"),children:e})]}))}import{jsx as lr}from"react/jsx-runtime";function k(t){var s=t,{children:e,readOnly:r}=s,o=i(s,["children","readOnly"]);let{invalid:p,disabled:d}=sr();return lr(W,n(l({},o),{isError:p,isDisabled:d,isReadOnly:r,children:e}))}k.displayName="InputPasswordHelperText";export{F as a,S as b};
//# sourceMappingURL=chunk-GVTH7C7L.js.map