@rdsaude/pulso-react-components/dist/components/button/index.cjs

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.

"use strict";var bo=Object.create;var g=Object.defineProperty,ho=Object.defineProperties,Io=Object.getOwnPropertyDescriptor,vo=Object.getOwnPropertyDescriptors,go=Object.getOwnPropertyNames,R=Object.getOwnPropertySymbols,xo=Object.getPrototypeOf,z=Object.prototype.hasOwnProperty,F=Object.prototype.propertyIsEnumerable;var G=(o,r,e)=>r in o?g(o,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[r]=e,l=(o,r)=>{for(var e in r||(r={}))z.call(r,e)&&G(o,e,r[e]);if(R)for(var e of R(r))F.call(r,e)&&G(o,e,r[e]);return o},i=(o,r)=>ho(o,vo(r));var c=(o,r)=>{var e={};for(var t in o)z.call(o,t)&&r.indexOf(t)<0&&(e[t]=o[t]);if(o!=null&&R)for(var t of R(o))r.indexOf(t)<0&&F.call(o,t)&&(e[t]=o[t]);return e};var k=(o,r)=>{for(var e in r)g(o,e,{get:r[e],enumerable:!0})},W=(o,r,e,t)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of go(r))!z.call(o,a)&&a!==e&&g(o,a,{get:()=>r[a],enumerable:!(t=Io(r,a))||t.enumerable});return o};var m=(o,r,e)=>(e=o!=null?bo(xo(o)):{},W(r||!o||!o.__esModule?g(e,"default",{value:o,enumerable:!0}):e,o)),To=o=>W(g({},"__esModule",{value:!0}),o);var Ro={};k(Ro,{Button:()=>B});module.exports=To(Ro);var B={};k(B,{Icon:()=>A,IconDualColor:()=>_,Root:()=>w});var I=m(require("react"),1),ro=require("@ark-ui/react/factory");var $=m(require("react"),1);var b=m(require("react"),1);function E(o,r){let{targets:e,props:t,keyPrefix:a="inject",asChild:u}=r,n=b.Children.map(o,(s,v)=>{var y,P;if(!b.isValidElement(s))return s;let q=(P=(y=s.type)==null?void 0:y.displayName)!=null?P:"",C=e.includes(q),d=s.props;return b.cloneElement(s,i(l({},C?t:{}),{key:`${a}-${v.toString()}`}),E(d==null?void 0:d.children,{targets:e,props:t,keyPrefix:a,asChild:d==null?void 0:d.asChild}))});return u?n==null?void 0:n[0]:n}function S(o,{targets:r,props:e,asChild:t}){let a=$.useId();return E(o,{targets:r,props:e,asChild:t,keyPrefix:a})}var j=require("clsx"),H=require("tailwind-merge"),x=(...o)=>(0,H.twMerge)((0,j.clsx)(...o));var X=m(require("react"),1);var N=m(require("react"),1),p=require("@raiadrogasil/pulso-design-tokens");var J=m(require("react"),1),Co=require("react/jsx-runtime"),Q=J.createContext({currentTheme:"rdsaudesistemas"});function D(){let o=N.useMemo(()=>({rdsaudesistemas:p.RDSAUDESISTEMAS_TOKENS,drogasil:p.DROGASIL_TOKENS,raia:p.RAIA_TOKENS,subscription:p.SUBSCRIPTION_TOKENS,prime:p.PRIME_TOKENS}),[]),r=N.useContext(Q);if(!r)throw new Error("[Pulso] useTheme precisa estar dentro de um <ThemeProvider>. Verifique se o provedor est\xE1 corretamente configurado na raiz da aplica\xE7\xE3o.");let{currentTheme:e}=r;return l(l({},p.GLOBALS_TOKENS),o[e])}var h=require("react/jsx-runtime");function Y({color:o="brand",srText:r}){let e=D(),a=X.useMemo(()=>({brand:e.colorActionFillBrandPrimaryEnabled,neutral:e.colorTextNeutralReadonly,black:e.colorTextNeutralDefault,white:e.colorTextNeutralInverse}),[e])[o];return(0,h.jsx)("div",{role:"status",className:x("grid size-8 place-items-center"),"aria-label":r,children:(0,h.jsxs)("svg",{className:x("size-6 animate-spin fill-none"),viewBox:"0 0 24 24",children:[(0,h.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0 12c0 6.627 5.373 12 12 12s12-5.373 12-12S18.627 0 12 0v2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12H0z",fill:a}),(0,h.jsx)("title",{children:r})]})})}var Z=require("tailwind-variants"),oo=(0,Z.createTV)({twMerge:!0,twMergeConfig:{extend:{classGroups:{"font-size":[{text:["threepulse","threeandhalfpulse"]}],"border-width":[{border:["quarterpulse","halfpulse"]}],"--tw-ring-inset":[{ring:["none","quarterpulse","halfpulse"]}]}}}});var Po=oo({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:eo}=Po();var O=require("react/jsx-runtime");function w(q){var C=q,{children:o,className:r,variant:e="brand-primary",size:t,disabled:a,loading:u,asChild:n,full:s}=C,v=c(C,["children","className","variant","size","disabled","loading","asChild","full"]);let d=S(o,{targets:["ButtonIcon","ButtonIconDualColor"],props:{variant:e,size:t,disabled:a},asChild:n}),y=!a&&u,P={"brand-primary":"white","neutral-secondary":"black","neutral-tertiary":"black"},mo={"aria-live":"polite","aria-busy":!0},fo=I.useCallback(()=>{var L,U;if(I.Children.count(o)===1&&I.isValidElement(o)){let yo=(U=(L=o.type)==null?void 0:L.displayName)!=null?U:"";return["ButtonIcon","ButtonIconDualColor"].includes(yo)}return!1},[o]);return(0,O.jsx)(ro.ark.button,i(l(l({},v),y&&mo),{className:x(eo({variant:e,size:t,asIconOnly:fo(),className:y&&"pointer-events-none"}),s&&"w-full",r),disabled:a,"data-scope":"button",children:y?(0,O.jsx)(Y,{color:P[e]}):d}))}w.displayName="ButtonRoot";var no=require("react");var to=m(require("react"),1);var ao=require("react/jsx-runtime");function f(a){var u=a,{symbol:o="rdicon-default",size:r="small",color:e="colorActionFillBrandPrimaryEnabled"}=u,t=c(u,["symbol","size","color"]);let n=D(),s=to.useMemo(()=>({tiny:n.sizingTiny,"extra-small":n.sizingExtrasmall,small:n.sizingSmall,medium:n.sizingMedium}),[]);return(0,ao.jsx)("i",i(l({},t),{className:o,style:{fontSize:s[r],color:n[e],display:"inline-flex"}}))}f.displayName="Icon";var lo=require("react/jsx-runtime");function A({variant:o,size:r,disabled:e,iconColor:t,symbol:a}){let u={md:"extra-small",ml:"small",lg:"small",xl:"small"},n={"brand-primary":"colorTextNeutralInverse","neutral-secondary":"colorTextNeutralDefault","neutral-tertiary":"colorTextNeutralDefault"},s=(0,no.useMemo)(()=>e?"colorTextNeutralDisabled":t||n[o],[e,o]),v=u[r];return(0,lo.jsx)(f,{color:s,size:v,symbol:a})}A.displayName="ButtonIcon";var T={};k(T,{Bottom:()=>V,Root:()=>K,Top:()=>M});var so=require("@ark-ui/react/factory");var io=require("react/jsx-runtime");function K(u){var n=u,{children:o,size:r="small",disabled:e=!1,asChild:t}=n,a=c(n,["children","size","disabled","asChild"]);let s=S(o,{targets:["IconDualColorTop","IconDualColorBottom"],props:{size:r,disabled:e},asChild:t});return(0,io.jsx)(so.ark.div,i(l({"data-testid":"icon-dual-color-root","aria-label":"\xCDcones","aria-disabled":e,asChild:t},a),{className:"relative flex [&>[data-icon=top]]:absolute",children:s}))}K.displayName="IconDualColorRoot";var co=require("react/jsx-runtime");function M(u){var n=u,{children:o,color:r="colorActionTextOnbrandDefault",size:e,disabled:t}=n,a=c(n,["children","color","size","disabled"]);return(0,co.jsx)(f,i(l({"data-testid":"icon-dual-color-top","data-icon":"top","data-size":e,color:t?"colorTextNeutralDisabled":r,size:e},a),{children:o}))}M.displayName="IconDualColorTop";var po=require("react/jsx-runtime");function V(u){var n=u,{children:o,color:r="colorTextNeutralDefault",size:e,disabled:t}=n,a=c(n,["children","color","size","disabled"]);return(0,po.jsx)(f,i(l({"data-testid":"icon-dual-color-bottom","data-icon":"bottom","data-size":e,color:t?"colorTextNeutralDisabled":r,size:e},a),{children:o}))}V.displayName="IconDualColorBottom";var uo=require("react/jsx-runtime");function _(e){var t=e,{size:o="ml"}=t,r=c(t,["size"]);let a={md:"extra-small",ml:"small",lg:"small",xl:"small"};return(0,uo.jsx)(T.Root,i(l({},r),{size:a[o]}))}_.displayName="ButtonIconDualColor";0&&(module.exports={Button});
//# sourceMappingURL=index.cjs.map