@rdsaude/pulso-react-components/dist/chunk-GYDCHSMY.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 R}from"./chunk-QA5YDGD4.js";import{a as C}from"./chunk-JOWCR2VE.js";import{a as P,b as z}from"./chunk-PUBGMHXB.js";import{a as x}from"./chunk-MLZGVFI5.js";import{a as B}from"./chunk-2DETME2W.js";import{a as l,b as i,c as s,d as V}from"./chunk-UABQX4UA.js";var v={};V(v,{Icon:()=>y,IconDualColor:()=>f,Root:()=>b});import*as a from"react";import{ark as q}from"@ark-ui/react/factory";var A=B({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:N}=A();import{jsx as S}from"react/jsx-runtime";function b(F){var g=F,{children:o,className:n,variant:t="brand-primary",size:r,disabled:e,loading:c,asChild:u,full:d}=g,p=s(g,["children","className","variant","size","disabled","loading","asChild","full"]);let D=P(o,{targets:["ButtonIcon","ButtonIconDualColor"],props:{variant:t,size:r,disabled:e},asChild:u}),m=!e&&c,w={"brand-primary":"white","neutral-secondary":"black","neutral-tertiary":"black"},k={"aria-live":"polite","aria-busy":!0},O=a.useCallback(()=>{var h,I;if(a.Children.count(o)===1&&a.isValidElement(o)){let T=(I=(h=o.type)==null?void 0:h.displayName)!=null?I:"";return["ButtonIcon","ButtonIconDualColor"].includes(T)}return!1},[o]);return S(q.button,i(l(l({},p),m&&k),{className:C(N({variant:t,size:r,asIconOnly:O(),className:m&&"pointer-events-none"}),d&&"w-full",n),disabled:e,"data-scope":"button",children:m?S(R,{color:w[t]}):D}))}b.displayName="ButtonRoot";import{useMemo as E}from"react";import{jsx as M}from"react/jsx-runtime";function y({variant:o,size:n,disabled:t,iconColor:r,symbol:e}){let c={md:"extra-small",ml:"small",lg:"small",xl:"small"},u={"brand-primary":"colorTextNeutralInverse","neutral-secondary":"colorTextNeutralDefault","neutral-tertiary":"colorTextNeutralDefault"},d=E(()=>t?"colorTextNeutralDisabled":r||u[o],[t,o]),p=c[n];return M(x,{color:d,size:p,symbol:e})}y.displayName="ButtonIcon";import{jsx as W}from"react/jsx-runtime";function f(t){var r=t,{size:o="ml"}=r,n=s(r,["size"]);let e={md:"extra-small",ml:"small",lg:"small",xl:"small"};return W(z.Root,i(l({},n),{size:e[o]}))}f.displayName="ButtonIconDualColor";export{v as a};
//# sourceMappingURL=chunk-GYDCHSMY.js.map