@rdsaude/pulso-react-components/dist/chunk-77DJRCKF.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 I}from"./chunk-O66FWGAF.js";import{a as g}from"./chunk-GYY67DTD.js";import{a as T}from"./chunk-JOWCR2VE.js";import{a as v}from"./chunk-F3QZNV6U.js";import{a as i,b as c,c as s,d as D,f as H}from"./chunk-VXGPURSP.js";var F={};D(F,{Actions:()=>A,ClearButton:()=>N,Field:()=>P,HelperText:()=>k,Icon:()=>L,Label:()=>w,Root:()=>y});import{Field as q,useField as V}from"@ark-ui/react/field";import{forwardRef as _,useState as W}from"react";import{jsx as G}from"react/jsx-runtime";var y=_((d,u)=>{var x=d,{children:l,size:e="ml",value:r,disabled:t,readOnly:a,hasError:n}=x,o=s(x,["children","size","value","disabled","readOnly","hasError"]);let[p,m]=W(!1),h=V({disabled:t,invalid:n}),f=g(l,{targets:["InputTextLabel","InputTextActions","InputTextHelperText"],props:{size:e,readOnly:a,hasError:n,value:r,disabled:t}});return G(q.RootProvider,c(i({},o),{ref:u,className:"flex w-full flex-col gap-halfpulse",value:h,children:f}))});y.displayName="InputTextRoot";import{Field as K}from"@ark-ui/react/field";import{forwardRef as Q}from"react";var J=H({slots:{label:["w-[100%] align-middle m-none p-none text-left font-rdmodern font-regular","tracking-[var(--letter-spacing-tiny)] text-[color:var(--color-text-neutral-default)]","text-nowrap truncate leading-[var(--line-height-default)]"],field:["peer/field flex w-[100%] bg-[transparent] !font-rdmodern font-regular","text-[color:var(--color-text-neutral-alternative)] tracking-[var(--letter-spacing-tiny)]","leading-[var(--line-height-small)] placeholder:opacity-[var(--opacity-transparent)]","focus-visible:border-none focus-visible:outline-none"],helperText:["justify-star flex w-[100%] flex-wrap items-center gap-[var(--spacing-inline-onepulse)]","px-[var(--spacing-inline-onepulse)] text-left font-rdmodern font-semibold","text-[color:var(--color-text-neutral-alternative)] text-[length:var(--font-size-threepulse)]"],actions:["group flex w-[100%] items-center justify-between gap-[var(--spacing-inline-onepulse)]","py-[var(--padding-inset-threepulse)] duration-100 ease-in","bg-[color:var(--color-forms-fill-filled)]","ring-[color:var(--color-forms-border-filled)] ring-[length:var(--border-width-quarterpulse)]","overflow-hidden rounded-[var(--border-radius-form)]","focus-within:ring-[length:var(--border-width-halfpulse)]","focus-within:bg-[color:var(--color-forms-fill-focused)]","min-w-[calc(var(--sizing-huge)_+_var(--sizing-tiny))]"]},variants:{size:{md:{label:"text-[length:var(--font-size-threepulse)]",field:"text-[length:var(--font-size-threepulse)]",actions:["h-[var(--sizing-medium)] rounded-[var(--border-radius-form)]","px-[var(--padding-inset-twopulse)]"]},ml:{label:"text-[length:var(--font-size-threeandhalfpulse)]",field:"text-[length:var(--font-size-threeandhalfpulse)]",actions:["h-[var(--sizing-mediumlarge)] rounded-[var(--border-radius-form)]","px-[var(--padding-inset-threepulse)]"]},lg:{label:"text-[length:var(--font-size-threeandhalfpulse)]",field:"text-[length:var(--font-size-threeandhalfpulse)]",actions:["h-[var(--sizing-large)] rounded-[var(--border-radius-form)]","px-[var(--padding-inset-threepulse)]"]},xl:{label:"text-[length:var(--font-size-threeandhalfpulse)]",field:"text-[length:var(--font-size-threeandhalfpulse)]",actions:["h-[var(--sizing-extralarge)] rounded-[var(--border-radius-largecontainer)]","px-[var(--padding-inset-threepulse)]"]}},disabled:{true:{label:"cursor-not-allowed text-[color:var(--color-text-neutral-disabled)]",field:"cursor-not-allowed text-[color:var(--color-text-neutral-disabled)]",helperText:"cursor-not-allowed text-[color:var(--color-text-neutral-disabled)]",actions:["cursor-not-allowed ring-[color:var(--color-forms-border-disabled)]","ring-[length:var(--border-width-quarterpulse)]"]}},readOnly:{true:{label:"cursor-not-allowed text-[color:var(--color-text-neutral-readonly)]",field:"text-[color:var(--color-text-neutral-readonly)]",helperText:"cursor-not-allowed",actions:["cursor-not-allowed bg-[color:var(--color-forms-fill-readonly)]","ring-[color:var(--color-forms-border-readonly)] ring-[length:var(--border-width-quarterpulse)]"]}},hasError:{true:{helperText:"text-[color:var(--color-text-danger-alternative)]"}},isActive:{true:{field:"text-[color:var(--color-text-neutral-default)]"}}},compoundVariants:[{readOnly:!0,disabled:!1,class:{helperText:"text-[color:var(--color-text-neutral-readonly)]"}},{hasError:!0,isActive:!1,class:{actions:["bg-[color:var(--color-forms-fill-error)]","ring-[color:var(--color-forms-border-error)]","hover:ring-[length:var(--border-width-halfpulse)]"]}},{hasError:!0,isActive:!0,class:{actions:["bg-[color:var(--color-forms-fill-error)]","ring-[color:var(--color-forms-border-error)]","ring-[length:var(--border-width-halfpulse)]","hover:bg-[color:var(--color-forms-fill-error)]","hover:ring-[length:var(--border-width-halfpulse)]"]}},{hasError:!0,isActive:!1,class:{actions:["bg-[color:var(--color-forms-fill-default)]","ring-[color:var(--color-forms-border-error)]","hover:bg-[color:var(--color-forms-fill-hovered)]","hover:ring-[length:var(--border-width-halfpulse)]"]}},{hasError:!1,readOnly:!1,disabled:!1,class:{actions:["hover:ring-[length:var(--border-width-halfpulse)]","[&:not(:focus-within)]:has-[:placeholder-shown]:bg-[color:var(--color-forms-fill-default)]","[&:not(:focus-within)]:has-[:placeholder-shown]:hover:bg-[color:var(--color-forms-fill-hovered)]"]}},{hasError:!1,readOnly:!1,disabled:!1,class:{actions:["focus-within:ring-[color:var(--color-action-border-focused)]","hover:ring-[length:var(--border-width-halfpulse)]","[&:not(:focus-within)]:has-[:placeholder-shown]:ring-[color:var(--color-forms-border-default)]","[&:not(:focus-within)]:has-[:placeholder-shown]:hover:ring-[color:var(--color-forms-border-hovered)]","[&:not(:focus-within)]:has-[:placeholder-shown]:ring-none"]}}],defaultVariants:{size:"ml",disabled:!1,readOnly:!1,hasError:!1,isActive:!1}}),{label:C,field:z,helperText:S,actions:M}=J();import{jsx as O}from"react/jsx-runtime";var w=Q((u,o)=>{var d=u,{children:l,size:e="ml",disabled:r,readOnly:t,hasError:a}=d,n=s(d,["children","size","disabled","readOnly","hasError"]);return l?O("div",{className:"flex h-[var(--sizing-extrasmall)] w-[100%] items-center rounded-none border-none px-[var(--padding-inset-onepulse)] text-left",children:O(K.Label,c(i({ref:o,className:C({size:e,disabled:r,readOnly:t&&!r}),"aria-disabled":r},n),{children:l}))}):null});w.displayName="InputTextLabel";import{Field as U}from"@ark-ui/react/field";import{forwardRef as X}from"react";import{jsx as Y}from"react/jsx-runtime";var P=X((p,x)=>{var m=p,{onFocus:l,onBlur:e,size:r="ml",disabled:t,readOnly:a,isActive:n,setActive:o,hasError:u}=m,d=s(m,["onFocus","onBlur","size","disabled","readOnly","isActive","setActive","hasError"]);let h=b=>{o==null||o(!0),l==null||l(b)},f=b=>{o==null||o(!1),e==null||e(b)};return Y(U.Input,i({ref:x,disabled:t,readOnly:a,placeholder:"Placeholder is hidden",className:z({size:r,readOnly:a,disabled:t,isActive:n}),onFocus:h,onBlur:f},d))});P.displayName="InputTextField";import{ark as Z}from"@ark-ui/react";import{forwardRef as $}from"react";import{jsx as j}from"react/jsx-runtime";var A=$((x,d)=>{var p=x,{children:l,size:e="ml",disabled:r,readOnly:t,hasError:a,value:n,isActive:o}=p,u=s(p,["children","size","disabled","readOnly","hasError","value","isActive"]);let m=g(l,{targets:["InputTextIcon","InputTextField","InputTextClearButton"],props:{size:e,disabled:r,readOnly:t,hasError:a,value:n,isActive:o}});return j(Z.div,c(i({ref:d,className:M({size:e,disabled:r,readOnly:t,hasError:a,isActive:o}),"aria-disabled":r,"data-disabled":r},u),{children:m}))});A.displayName="InputTextActions";import{forwardRef as ee}from"react";import{jsx as R,jsxs as re}from"react/jsx-runtime";var k=ee((x,d)=>{var p=x,{withIcon:l,iconName:e="rdicon-warning-circle",children:r,size:t="ml",disabled:a,readOnly:n,hasError:o}=p,u=s(p,["withIcon","iconName","children","size","disabled","readOnly","hasError"]);if(!r)return null;let m=o?"rdicon-warning-circle":e,h=o||l,f=a?"colorTextNeutralDisabled":n?"colorTextNeutralReadonly":o?"colorTextDangerAlternative":"colorTextNeutralAlternative";return re("div",c(i({ref:d,"aria-disabled":a,className:S({hasError:o,readOnly:n,disabled:a})},u),{children:[h&&R("div",{className:"flex items-center",children:R(v,{symbol:m,color:f,size:"tiny"})}),R("span",{className:"flex flex-1",children:r})]}))});k.displayName="InputTextHelperText";import{forwardRef as oe}from"react";import{jsx as E}from"react/jsx-runtime";var N=oe((x,d)=>{var p=x,{size:l,size:e="ml",disabled:r,readOnly:t,hasError:a,value:n,isActive:o}=p,u=s(p,["size","size","disabled","readOnly","hasError","value","isActive"]);return E("div",{className:T("input-text-clear-button",{"-mr-[6px]":e==="md","-mr-[8px]":e==="ml"||e==="lg"||e==="xl","invisible hidden":t||r||o||!n||!n.length}),"aria-disabled":r||t,children:E(I.Root,c(i({},u),{size:l||e,disabled:r||t,variant:"neutral-tertiary",className:T("!px-none",{"!h-medium !w-medium":e==="md","!h-mediumlarge !min-w-mediumlarge":e==="ml"||e==="lg"||e==="xl"}),children:E(I.Icon,{symbol:"rdicon-dismiss-circle-outline"})}))})});N.displayName="InputTextClearButton";import{ark as te}from"@ark-ui/react";import{forwardRef as le}from"react";import{jsx as B}from"react/jsx-runtime";var L=le((x,d)=>{var p=x,{color:l="colorTextNeutralDefault",symbol:e,size:r="ml",disabled:t,readOnly:a,isActive:n,hasError:o}=p,u=s(p,["color","symbol","size","disabled","readOnly","isActive","hasError"]);let m=(()=>{let f={md:"extra-small",ml:"small",lg:"small",xl:"small"};return f==null?void 0:f[r]})(),h=()=>t?"colorTextNeutralDisabled":a?"colorTextNeutralReadonly":"colorTextNeutralDefault";return B(te.div,c(i({ref:d,className:"flex items-center"},u),{children:B(v,{symbol:e,color:h(),size:m})}))});L.displayName="InputTextIcon";export{F as a};
//# sourceMappingURL=chunk-77DJRCKF.js.map