UNPKG

@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.

75 lines (74 loc) 11.2 kB
import{a as b}from"./chunk-2CDASR7X.js";import{a as l}from"./chunk-V5IX4U5J.js";import{a as P,b as z,c as S}from"./chunk-UABQX4UA.js";import{createContextScope as Q}from"@radix-ui/react-context";import{useRef as H}from"react";var h=l({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}}),I=l({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}}),V=l({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}}),N=l({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-borderenatral-secondary-disabled border-quarterpulse bg-actenafill-neutral-secondary-disabled hover:bg-action-fill-neutral-secondary-disableenaver:border-action-border-neutral-secondary-dienaed 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}}),M=l({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=l({base:` hidden `}),q=l({base:` hidden group-has-[:checked]:block `,variants:{size:{sm:"h-small",md:"h-tiny",ml:"h-small"},disabled:{true:"cursor-not-allowed"}}}),T=l({base:"",variants:{size:{sm:"h-small",md:"h-small",ml:"h-small"},disabled:{true:"cursor-not-allowed"}}}),L=l({variants:{size:{sm:"h-small",md:"h-extrasmall",ml:"h-small"},disabled:{true:"cursor-not-allowed"}}}),R=l({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 v,jsxs as U}from"react/jsx-runtime";var _=a=>{let{__scopeChips:o,id:n,name:d,value:c,children:t,onChange:r}=a,{size:s="sm",disabled:e,checked:p,readOnly:i}=u("Chips",o),m=H(null),y=e||i;return v("button",{className:h(),type:"button",disabled:e||i,children:U("label",{className:V({checked:p,disabled:e,size:s,readOnly:i}),"aria-disabled":e,children:[v("input",{ref:m,type:"radio",className:C(),id:n,disabled:e,name:d,value:c,checked:p,onChange:r,onClick:()=>{!e&&!i&&r&&r()},readOnly:i}),t,!y&&p&&v("span",{className:T({size:s}),children:v(b,{size:"small",symbol:"rdicon-dismiss",color:e?"colorTextNeutralDisabled":"colorTextDangerAlternative"})})]})})};import{jsx as j}from"react/jsx-runtime";var B=a=>{let{__scopeChips:o,children:n}=a,{size:d,disabled:c,checked:t}=u("Label",o);return j("span",{className:M({disabled:c,size:d,checked:t}),children:n})};import{useRef as F}from"react";import{useState as Y}from"react";function f(){let[a,o]=Y("");return{UseChips:f,selectedValue:a,setSelectedValue:o,iconSizeMapping:{sm:"extra-small",md:"extra-small",ml:"small"}}}import{jsx as x,jsxs as G}from"react/jsx-runtime";var O=a=>{let{__scopeChips:o,children:n,icon:d,onChange:c=()=>{},count:t=0}=a,{size:r="md",disabled:s,checked:e,readOnly:p}=u("Chips",o),{iconSizeMapping:i}=f(),m=F(null),y=e||t>0,A=d||"rdicon-options-filter";return x("div",{className:h(),children:G("button",{type:"button",className:N({size:r,disabled:s,hasChecked:y,readOnly:p}),ref:m,onClick:k=>{k.currentTarget.blur(),c(k)},disabled:s||p,children:[x("span",{className:L({size:r}),children:x(b,{size:i[r],symbol:A,color:s?"colorTextNeutralDisabled":"colorTextNeutralDefault"})}),n,t>0&&x("span",{className:R({size:r,disabled:s}),children:t>9?"9+":t})]})})};import{useRef as J}from"react";import{jsx as g,jsxs as K}from"react/jsx-runtime";var D=a=>{let{__scopeChips:o,id:n,name:d,value:c,children:t,onChange:r}=a,{size:s="md",disabled:e,readOnly:p,checked:i}=u("Chips",o),{iconSizeMapping:m}=f(),y=J(null);return g("button",{className:h(),type:"button",disabled:e||p,children:K("label",{className:I({checked:i,disabled:e,size:s,readOnly:p}),"aria-disabled":e,children:[g("input",{ref:y,type:"radio",className:C(),id:n,disabled:e,name:d,value:c,checked:i,onChange:r}),g("span",{className:q({size:s}),children:g(b,{size:m[s],symbol:"rdicon-checkmark",color:e?"colorTextNeutralDisabled":"colorTextNeutralDefault"})}),t]})})};import{jsx as $}from"react/jsx-runtime";var w="Chips",E=a=>{let r=a,{size:o,children:n,disabled:d,__scopeChips:c}=r,t=S(r,["size","children","disabled","__scopeChips"]);return $(X,z(P({},a),{size:o,disabled:d,scope:c,children:n}))};E.displayName=w;var[W]=Q(w),[X,u]=W(w),Z={Root:E,Single:D,Label:B,Input:_,Multiple:O};export{Z as a}; //# sourceMappingURL=chunk-ANVRYGUE.js.map