@rdsaude/pulso-react-components
Version:
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.
74 lines • 11.3 kB
JavaScript
import{a as b}from"./chunk-DQ6V5CGR.js";import{a as d}from"./chunk-2MB3Y6WI.js";import{a as z,b as S,c as I}from"./chunk-DDCCLFYC.js";import{createContextScope as Q}from"@radix-ui/react-context";import{useRef as A}from"react";var f=d({base:`
flex items-center justify-center rounded-pill min-width-size-huge p-px outline-none
active:border-focused focus:border-focused w-fit m-px border-halfpulse border-transparent
focus-visible:border-action-border-focused
`,variants:{disabled:{true:"cursor-not-allowed border-transparent"}},defaultVariants:{disabled:!1}}),V=d({base:`
group flex items-center justify-center rounded-pill min-w-16 relative px-fourpulse gap-twopulse border-quarterpulse text-text-neutral-alternative
bg-action-fill-neutral-secondary-enabled border-action-border-neutral-secondary-enabled
hover:border-action-border-neutral-secondary-hovered hover:bg-action-fill-neutral-secondary-hovered
active:bg-action-fill-neutral-secondary-pressed active:border-action-border-neutral-secondary-pressed cursor:pointer
`,variants:{size:{sm:"",md:"h-medium",ml:"h-mediumlarge"},readOnly:{true:`
border-action-border-neutral-secondary-enabled border-quarterpulse bg-action-fill-neutral-secondary-enabled
hover:bg-action-fill-neutral-secondary-enabled hover:border-action-border-neutral-secondary-enabled
active:border-action-border-neutral-secondary-enabled active:bg-action-fill-neutral-secondary-enabled
`},disabled:{true:`
cursor-not-allowed border-action-border-neutral-secondary-disabled border-quarterpulse bg-action-fill-neutral-secondary-disabled
hover:bg-action-fill-neutral-secondary-disabled hover:border-action-border-neutral-secondary-disabled
active:border-action-border-neutral-secondary-disabled active:bg-action-fill-neutral-secondary-disabled
`},checked:{true:`
border-action-border-neutral-secondary-enabled border-halfpulse bg-action-fill-neutral-secondary-activated pl-twopulse text-text-neutral
hover:text-text-neutral
`}},compoundVariants:[{disabled:!0,checked:!0,class:`
cursor-not-allowed border-action-border-neutral-secondary-disabled border-quarterpulse bg-action-fill-neutral-secondary-disabled
hover:bg-action-fill-neutral-secondary-disabled hover:border-action-border-neutral-secondary-disabled
active:border-action-border-neutral-secondary-disabled active:bg-action-fill-neutral-secondary-disabled
`}],defaultVariants:{size:"md",disabled:!1,checked:!1}}),N=d({base:`
group flex items-center justify-center rounded-pill min-w-10 relative px-twopulse py-onepulse gap-onepulse border-quarterpulse text-text-neutral-alternative
bg-action-fill-neutral-secondary-enabled border-action-border-neutral-secondary-enabled
active:bg-action-fill-neutral-secondary-pressed active:border-action-border-neutral-secondary-pressed cursor:pointer
hover:border-action-border-neutral-secondary-hovered hover:bg-action-fill-neutral-secondary-hovered
`,variants:{size:{sm:"h-small",md:"h-medium",ml:"h-medium"},disabled:{true:`
cursor-not-allowed border-action-border-neutral-secondary-disabled border-quarterpulse bg-action-fill-neutral-secondary-disabled
hover:bg-action-fill-neutral-secondary-disabled hover:border-action-border-neutral-secondary-disabled
active:border-action-border-neutral-secondary-disabled active:bg-action-fill-neutral-secondary-disabled
`},readOnly:{true:`
cursor-not-allowed text-text-neutral-readonly border-action-border-neutral-secondary-disabled border-quarterpulse bg-action-fill-neutral-secondary-disabled
hover:bg-action-fill-neutral-secondary-disabled hover:border-action-border-neutral-secondary-disabled
active:border-action-border-neutral-secondary-disabled active:bg-action-fill-neutral-secondary-disabled
`},checked:{true:"border-action-border-neutral-secondary-enabled border-quarterpulse"}},compoundVariants:[{disabled:!0,checked:!0,class:`
cursor-not-allowed border-action-border-neutral-secondary-disabled border-quarterpulse bg-action-fill-neutral-secondary-disabled
hover:bg-action-fill-neutral-secondary-disabled hover:border-action-border-neutral-secondary-disabled
active:border-action-border-neutral-secondary-disabled active:bg-action-fill-neutral-secondary-disabled
`},{checked:!0,readOnly:!0,class:`
cursor-not-allowed text-text-neutral-readonly border-action-border-neutral-secondary-disabled border-quarterpulse bg-action-fill-neutral-secondary-disabled
hover:bg-action-fill-neutral-secondary-disabled hover:border-action-border-neutral-secondary-disabled
active:border-action-border-neutral-secondary-disabled active:bg-action-fill-neutral-secondary-disabled
`}],defaultVariants:{size:"md",disabled:!1,checked:!1}}),M=d({base:`
group flex items-center justify-center rounded-pill min-w-[64px] relative px-twopulse gap-twopulse border-quarterpulse text-text-neutral-alternative outline-none
bg-action-fill-neutral-secondary-enabled border-action-border-neutral-secondary-enabled
hover:bg-action-fill-neutral-secondary-hovered hover:border-action-border-neutral-secondary-hovered
active:bg-action-fill-neutral-secondary-pressed active:border-action-border-neutral-secondary-pressed cursor:pointer
focus-visible:outline-action-border-focused
`,variants:{size:{sm:"h-small",md:"h-medium",ml:"h-mediumlarge"},readOnly:{true:`
cursor-not-allowed border-action-border-neutral-secondary-disabled border-quarterpulse bg-action-fill-neutral-secondary-disabled
hover:bg-action-fill-neutral-secondary-disabled hover:border-action-border-neutral-secondary-disabled
active:border-action-border-neutral-secondary-disabled active:bg-action-fill-neutral-secondary-disabled
`},disabled:{true:`
cursor-not-allowed border-action-border-neutral-secondary-disabled border-quarterpulse bg-action-fill-neutral-secondary-disabled
hover:bg-action-fill-neutral-secondary-disabled hover:border-action-border-neutral-secondary-disabled
active:border-action-border-neutral-secondary-disabled active:bg-action-fill-neutral-secondary-disabled
`},count:{false:"",true:""},hasChecked:{true:`
border-action-border-neutral-secondary-enabled border-quarterpulse bg-action-fill-neutral-secondary-activated
hover:bg-action-fill-neutral-secondary-hovered hover:border-action-border-neutral-secondary-hovered
active:bg-action-fill-neutral-secondary-hovered active:border-action-border-neutral-secondary-activated
`}},compoundVariants:[{disabled:!0,hasChecked:!0,class:`
cursor-not-allowed border-action-border-neutral-secondary-disabled border-quarterpulse bg-action-fill-neutral-secondary-disabled
hover:bg-action-fill-neutral-secondary-disabled hover:border-action-border-neutral-secondary-disabled
active:border-action-border-neutral-secondary-disabled active:bg-action-fill-neutral-secondary-disabled
`}],defaultVariants:{size:"md",disabled:!1,checked:!1}}),T=d({base:"flex h-extrasmall items-center justify-center font-bold text-text-neutral-alternative leading-small",variants:{size:{sm:"text-threeandhalfpulse",md:"h-medium min-w-medium text-threeandhalfpulse",ml:"h-mediumlarge min-w-mediumlarge text-threeandhalfpulse"},disabled:{true:"cursor-not-allowed text-text-neutral-disabled"},readonly:{true:"cursor-not-allowed text-text-neutral-readonly"},checked:{true:"text-action-text-neutral"}},compoundVariants:[{checked:!0,disabled:!0,class:"cursor-not-allowed text-text-neutral-disabled"}],defaultVariants:{disabled:!1,checked:!1}}),C=d({base:`
hidden
`}),q=d({base:`
hidden group-has-[:checked]:block
`,variants:{size:{sm:"h-small",md:"h-tiny",ml:"h-small"},disabled:{true:"cursor-not-allowed"}}}),L=d({base:"",variants:{size:{sm:"h-small",md:"h-small",ml:"h-small"},disabled:{true:"cursor-not-allowed"}}}),R=d({variants:{size:{sm:"h-small",md:"h-extrasmall",ml:"h-small"},disabled:{true:"cursor-not-allowed"}}}),B=d({base:` flex justify-center items-center rounded-pill border-none bg-text-neutral text-threepulse text-text-neutral-inverse
`,variants:{size:{sm:"h-extrasmall w-extrasmall",md:"h-extrasmall w-extrasmall",ml:"h-small w-small"},disabled:{true:"cursor-not-allowed bg-text-neutral-disabled"}}});import{jsx as k,jsxs as U}from"react/jsx-runtime";var _=r=>{let{__scopeChips:o,id:t,name:s,value:i,children:l,onChange:a}=r,{size:n="sm",disabled:e,checked:c,readOnly:p}=u("Chips",o),h=A(null),m=e||p;return U("label",{className:N({checked:c,disabled:e,size:n,readOnly:p}),"aria-disabled":e,style:{cursor:e||p?"not-allowed":"pointer"},children:[k("input",{ref:h,type:"checkbox",className:C(),id:t,disabled:e,name:s,value:i,checked:c,onChange:a,readOnly:p}),l,c&&k("span",{className:L({size:n}),children:k(b,{size:"small",symbol:"rdicon-dismiss",color:e?"colorTextNeutralDisabled":"colorTextDangerAlternative"})})]})};import{jsx as j}from"react/jsx-runtime";var O=r=>{let{__scopeChips:o,children:t}=r,{size:s,disabled:i,checked:l}=u("Label",o);return j("span",{className:T({disabled:i,size:s,checked:l}),children:t})};import{useRef as F}from"react";import{useState as Y}from"react";function v(){let[r,o]=Y("");return{selectedValue:r,setSelectedValue:o,iconSizeMapping:{sm:"extra-small",md:"extra-small",ml:"small"}}}import{jsx as x,jsxs as G}from"react/jsx-runtime";var D=r=>{let{__scopeChips:o,children:t,icon:s,onChange:i=()=>{},count:l=0}=r,{size:a="md",disabled:n,checked:e,readOnly:c}=u("Chips",o),{iconSizeMapping:p}=v(),h=F(null),m=e||l>0,w=s||"rdicon-options-filter";return x("div",{className:f(),children:G("button",{type:"button",className:M({size:a,disabled:n,hasChecked:m,readOnly:c}),ref:h,onClick:y=>{y.currentTarget.blur(),i(y)},disabled:n||c,children:[x("span",{className:R({size:a}),children:x(b,{size:p[a],symbol:w,color:n?"colorTextNeutralDisabled":"colorTextNeutralDefault"})}),t,l>0&&x("span",{className:B({size:a,disabled:n}),children:l>9?"9+":l})]})})};import{useRef as J}from"react";import{jsx as g,jsxs as K}from"react/jsx-runtime";var E=r=>{let{__scopeChips:o,id:t,name:s,value:i,children:l,onChange:a}=r,{size:n="md",disabled:e,readOnly:c,checked:p}=u("Chips",o),{iconSizeMapping:h}=v(),m=J(null),w=y=>{if(e||c){y.preventDefault();return}a&&a()};return g("button",{ref:m,className:f(),type:"button",disabled:e||c,onClick:w,id:t,name:s,value:i,children:K("label",{className:V({checked:p,disabled:e,size:n,readOnly:c}),"aria-disabled":e,children:[g("input",{type:"checkbox",className:C(),id:t,disabled:e,name:s,value:i,checked:p,readOnly:!0,tabIndex:-1}),g("span",{className:q({size:n}),children:g(b,{size:h[n],symbol:"rdicon-checkmark",color:e?"colorTextNeutralDisabled":"colorTextNeutralDefault"})}),l]})})};import{jsx as $}from"react/jsx-runtime";var P="Chips",H=r=>{let a=r,{size:o,children:t,disabled:s,__scopeChips:i}=a,l=I(a,["size","children","disabled","__scopeChips"]);return $(X,S(z({},r),{size:o,disabled:s,scope:i,children:t}))};H.displayName=P;var[W]=Q(P),[X,u]=W(P),Z={Root:H,Single:E,Label:O,Input:_,Multiple:D};export{Z as a};
//# sourceMappingURL=chunk-MF35ZXNO.js.map