@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.
2 lines • 4.89 kB
JavaScript
import{a as N}from"./chunk-JO7H6BXA.js";import{a as B}from"./chunk-JOWCR2VE.js";import{a as P}from"./chunk-2CDASR7X.js";import{a as C}from"./chunk-V5IX4U5J.js";import{a as p,b as y,c as I,d as j}from"./chunk-UABQX4UA.js";var x={};j(x,{Icon:()=>u,Root:()=>h});import*as d from"react";import{ark as q}from"@ark-ui/react/factory";import*as T from"react";import*as c from"react";function g(o,i){let{targets:r,props:e,keyPrefix:t="inject",asChild:b}=i,n=c.Children.map(o,(a,v)=>{var s,f;if(!c.isValidElement(a))return a;let R=(f=(s=a.type)==null?void 0:s.displayName)!=null?f:"",m=r.includes(R),l=a.props;return c.cloneElement(a,y(p({},m?e:{}),{key:`${t}-${v.toString()}`}),g(l==null?void 0:l.children,{targets:r,props:e,keyPrefix:t,asChild:l==null?void 0:l.asChild}))});return b?n==null?void 0:n[0]:n}function k(o,{targets:i,props:r,asChild:e}){let t=T.useId();return g(o,{targets:i,props:r,asChild:e,keyPrefix:t})}import{jsx as V}from"react/jsx-runtime";function u({variant:o,size:i,disabled:r,symbol:e}){let t={md:"extra-small",ml:"small",lg:"small",xl:"small"},n=r?"colorTextNeutralDisabled":{"brand-primary":"colorTextNeutralInverse","neutral-secondary":"colorTextNeutralDefault","neutral-tertiary":"colorTextNeutralDefault"}[o],a=t[i];return V(P,{color:n,size:a,symbol:e})}u.displayName="ButtonIcon";var E=C({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-h-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:w}=E();import{jsx as z}from"react/jsx-runtime";function h(R){var m=R,{children:o,className:i,variant:r="brand-primary",size:e,disabled:t,loading:b,asChild:n,full:a}=m,v=I(m,["children","className","variant","size","disabled","loading","asChild","full"]);let l=k(o,{targets:["ButtonIcon"],props:{variant:r,size:e,disabled:t},asChild:n}),s=!t&&b,f={"brand-primary":"white","neutral-secondary":"black","neutral-tertiary":"black"},S={"aria-live":"polite","aria-busy":!0},O=d.useCallback(()=>d.Children.count(o)===1&&d.isValidElement(o)?o.type===u:!1,[o]);return z(q.button,y(p(p({},v),s&&S),{className:B(w({variant:r,size:e,asIconOnly:O(),className:s&&"pointer-events-none"}),a&&"w-full",i),disabled:t,"data-scope":"button",children:s?z(N,{color:f[r]}):l}))}h.displayName="ButtonRoot";export{k as a,x as b};
//# sourceMappingURL=chunk-KW3ZLVSY.js.map