@rdsaude/pulso-react-components/dist/chunk-M3KIA72W.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-JO7H6BXA.js";import{a as C}from"./chunk-JOWCR2VE.js";import{a as P,b as z}from"./chunk-MWVGIGM4.js";import{a as x}from"./chunk-2CDASR7X.js";import{a as B}from"./chunk-2DETME2W.js";import{a as l,b as i,c as s,d as A}from"./chunk-UABQX4UA.js";var v={};A(v,{Icon:()=>y,IconDualColor:()=>f,Root:()=>b});import*as a from"react";import{ark as E}from"@ark-ui/react/factory";var q=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-bold font-sans 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}=q();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 w=P(o,{targets:["ButtonIcon","ButtonIconDualColor"],props:{variant:t,size:r,disabled:e},asChild:u}),m=!e&&c,k={"brand-primary":"white","neutral-secondary":"black","neutral-tertiary":"black"},O={"aria-live":"polite","aria-busy":!0},T=a.useCallback(()=>{var h,I;if(a.Children.count(o)===1&&a.isValidElement(o)){let V=(I=(h=o.type)==null?void 0:h.displayName)!=null?I:"";return["ButtonIcon","ButtonIconDualColor"].includes(V)}return!1},[o]);return S(E.button,i(l(l({},p),m&&O),{className:C(N({variant:t,size:r,asIconOnly:T(),className:m&&"pointer-events-none"}),d&&"w-full",n),disabled:e,"data-scope":"button",children:m?S(R,{color:k[t]}):w}))}b.displayName="ButtonRoot";import{useMemo as M}from"react";import{jsx as D}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=M(()=>t?"colorTextNeutralDisabled":r||u[o],[t,o]),p=c[n];return D("div",{style:{position:"absolute"},children:D(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-M3KIA72W.js.map