@rdsaude/pulso-react-components/dist/components/button-badge/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 Do=Object.create;var P=Object.defineProperty,ko=Object.defineProperties,zo=Object.getOwnPropertyDescriptor,Eo=Object.getOwnPropertyDescriptors,Oo=Object.getOwnPropertyNames,D=Object.getOwnPropertySymbols,wo=Object.getPrototypeOf,O=Object.prototype.hasOwnProperty,Q=Object.prototype.propertyIsEnumerable;var J=(o,r,t)=>r in o?P(o,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[r]=t,l=(o,r)=>{for(var t in r||(r={}))O.call(r,t)&&J(o,t,r[t]);if(D)for(var t of D(r))Q.call(r,t)&&J(o,t,r[t]);return o},i=(o,r)=>ko(o,Eo(r));var s=(o,r)=>{var t={};for(var e in o)O.call(o,e)&&r.indexOf(e)<0&&(t[e]=o[e]);if(o!=null&&D)for(var e of D(o))r.indexOf(e)<0&&Q.call(o,e)&&(t[e]=o[e]);return t};var w=(o,r)=>{for(var t in r)P(o,t,{get:r[t],enumerable:!0})},Y=(o,r,t,e)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of Oo(r))!O.call(o,n)&&n!==t&&P(o,n,{get:()=>r[n],enumerable:!(e=zo(r,n))||e.enumerable});return o};var y=(o,r,t)=>(t=o!=null?Do(wo(o)):{},Y(r||!o||!o.__esModule?P(t,"default",{value:o,enumerable:!0}):t,o)),Ao=o=>Y(P({},"__esModule",{value:!0}),o);var _o={};w(_o,{ButtonBadge:()=>Po});module.exports=Ao(_o);var d={};w(d,{Icon:()=>_,IconDualColor:()=>$,Root:()=>K});var C=y(require("react"),1),so=require("@ark-ui/react/factory");var Z=y(require("react"),1);var h=y(require("react"),1);function A(o,r){let{targets:t,props:e,keyPrefix:n="inject",asChild:c}=r,a=h.Children.map(o,(p,x)=>{var I,S;if(!h.isValidElement(p))return p;let W=(S=(I=p.type)==null?void 0:I.displayName)!=null?S:"",N=t.includes(W),f=p.props;return h.cloneElement(p,i(l({},N?e:{}),{key:`${n}-${x.toString()}`}),A(f==null?void 0:f.children,{targets:t,props:e,keyPrefix:n,asChild:f==null?void 0:f.asChild}))});return c?a==null?void 0:a[0]:a}function k(o,{targets:r,props:t,asChild:e}){let n=Z.useId();return A(o,{targets:r,props:t,asChild:e,keyPrefix:n})}var j=require("clsx"),oo=require("tailwind-merge"),B=(...o)=>(0,oo.twMerge)((0,j.clsx)(...o));var eo=y(require("react"),1);var z=y(require("react"),1),m=require("@raiadrogasil/pulso-design-tokens");var to=y(require("react"),1),Mo=require("react/jsx-runtime"),ro=to.createContext({currentTheme:"rdsaudesistemas"});function E(){let o=z.useMemo(()=>({rdsaudesistemas:m.RDSAUDESISTEMAS_TOKENS,drogasil:m.DROGASIL_TOKENS,raia:m.RAIA_TOKENS,subscription:m.SUBSCRIPTION_TOKENS,prime:m.PRIME_TOKENS}),[]),r=z.useContext(ro);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:t}=r;return l(l({},m.GLOBALS_TOKENS),o[t])}var g=require("react/jsx-runtime");function no({color:o="brand",srText:r}){let t=E(),n=eo.useMemo(()=>({brand:t.colorActionFillBrandPrimaryEnabled,neutral:t.colorTextNeutralReadonly,black:t.colorTextNeutralDefault,white:t.colorTextNeutralInverse}),[t])[o];return(0,g.jsx)("div",{role:"status",className:B("grid size-8 place-items-center"),"aria-label":r,children:(0,g.jsxs)("svg",{className:B("size-6 animate-spin fill-none"),viewBox:"0 0 24 24",children:[(0,g.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:n}),(0,g.jsx)("title",{children:r})]})})}var ao=require("tailwind-variants"),lo=(0,ao.createTV)({twMerge:!0,twMergeConfig:{extend:{classGroups:{"font-size":[{text:["threepulse","threeandhalfpulse"]}],"border-width":[{border:["quarterpulse","halfpulse"]}],"--tw-ring-inset":[{ring:["none","quarterpulse","halfpulse"]}]}}}});var Ko=lo({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:io}=Ko();var M=require("react/jsx-runtime");function K(W){var N=W,{children:o,className:r,variant:t="brand-primary",size:e,disabled:n,loading:c,asChild:a,full:p}=N,x=s(N,["children","className","variant","size","disabled","loading","asChild","full"]);let f=k(o,{targets:["ButtonIcon","ButtonIconDualColor"],props:{variant:t,size:e,disabled:n},asChild:a}),I=!n&&c,S={"brand-primary":"white","neutral-secondary":"black","neutral-tertiary":"black"},Bo={"aria-live":"polite","aria-busy":!0},No=C.useCallback(()=>{var X,H;if(C.Children.count(o)===1&&C.isValidElement(o)){let So=(H=(X=o.type)==null?void 0:X.displayName)!=null?H:"";return["ButtonIcon","ButtonIconDualColor"].includes(So)}return!1},[o]);return(0,M.jsx)(so.ark.button,i(l(l({},x),I&&Bo),{className:B(io({variant:t,size:e,asIconOnly:No(),className:I&&"pointer-events-none"}),p&&"w-full",r),disabled:n,"data-scope":"button",children:I?(0,M.jsx)(no,{color:S[t]}):f}))}K.displayName="ButtonRoot";var uo=require("react");var co=y(require("react"),1);var po=require("react/jsx-runtime");function b(n){var c=n,{symbol:o="rdicon-default",size:r="small",color:t="colorActionFillBrandPrimaryEnabled"}=c,e=s(c,["symbol","size","color"]);let a=E(),p=co.useMemo(()=>({tiny:a.sizingTiny,"extra-small":a.sizingExtrasmall,small:a.sizingSmall,medium:a.sizingMedium}),[]);return(0,po.jsx)("i",i(l({},e),{className:o,style:{fontSize:p[r],color:a[t],display:"inline-flex"}}))}b.displayName="Icon";var mo=require("react/jsx-runtime");function _({variant:o,size:r,disabled:t,iconColor:e,symbol:n}){let c={md:"extra-small",ml:"small",lg:"small",xl:"small"},a={"brand-primary":"colorTextNeutralInverse","neutral-secondary":"colorTextNeutralDefault","neutral-tertiary":"colorTextNeutralDefault"},p=(0,uo.useMemo)(()=>t?"colorTextNeutralDisabled":e||a[o],[t,o]),x=c[r];return(0,mo.jsx)(b,{color:p,size:x,symbol:n})}_.displayName="ButtonIcon";var u={};w(u,{Bottom:()=>q,Root:()=>V,Top:()=>U});var fo=require("@ark-ui/react/factory");var yo=require("react/jsx-runtime");function V(c){var a=c,{children:o,size:r="small",disabled:t=!1,asChild:e}=a,n=s(a,["children","size","disabled","asChild"]);let p=k(o,{targets:["IconDualColorTop","IconDualColorBottom"],props:{size:r,disabled:t},asChild:e});return(0,yo.jsx)(fo.ark.div,i(l({"data-testid":"icon-dual-color-root","aria-label":"\xCDcones","aria-disabled":t,asChild:e},n),{className:"relative flex [&>[data-icon=top]]:absolute",children:p}))}V.displayName="IconDualColorRoot";var bo=require("react/jsx-runtime");function U(c){var a=c,{children:o,color:r="colorActionTextOnbrandDefault",size:t,disabled:e}=a,n=s(a,["children","color","size","disabled"]);return(0,bo.jsx)(b,i(l({"data-testid":"icon-dual-color-top","data-icon":"top","data-size":t,color:e?"colorTextNeutralDisabled":r,size:t},n),{children:o}))}U.displayName="IconDualColorTop";var Io=require("react/jsx-runtime");function q(c){var a=c,{children:o,color:r="colorTextNeutralDefault",size:t,disabled:e}=a,n=s(a,["children","color","size","disabled"]);return(0,Io.jsx)(b,i(l({"data-testid":"icon-dual-color-bottom","data-icon":"bottom","data-size":t,color:e?"colorTextNeutralDisabled":r,size:t},n),{children:o}))}q.displayName="IconDualColorBottom";var ho=require("react/jsx-runtime");function $(t){var e=t,{size:o="ml"}=e,r=s(e,["size"]);let n={md:"extra-small",ml:"small",lg:"small",xl:"small"};return(0,ho.jsx)(u.Root,i(l({},r),{size:n[o]}))}$.displayName="ButtonIconDualColor";var v=require("react/jsx-runtime"),go=0,L=9,Co=t=>{var e=t,{counter:o=0}=e,r=s(e,["counter"]);let n=o>L;function c(){return n?"rdicon-basket-multicolor-plus":o>go&&o<=L?"rdicon-basket-multicolor":"rdicon-basket"}function a(){if(n)return"rdicon-bullet-notification-9-plus";if(o<=L)return`rdicon-bullet-notification-${o}`}return(0,v.jsx)(d.Root,i(l({variant:"neutral-tertiary"},r),{children:(0,v.jsxs)(d.IconDualColor,{children:[(0,v.jsx)(u.Bottom,{symbol:c()}),o>go&&(0,v.jsx)(u.Top,{symbol:a()})]})}))};var T=require("react/jsx-runtime"),vo=0,G=9,To=t=>{var e=t,{counter:o=0}=e,r=s(e,["counter"]);let n=o>G;function c(){return n?"rdicon-chat-multicolor-plus":o>vo&&o<=G?"rdicon-chat-multicolor":"rdicon-chat"}function a(){if(n)return"rdicon-bullet-notification-9-plus";if(o<=G)return`rdicon-bullet-notification-${o}`}return(0,T.jsx)(d.Root,i(l({variant:"neutral-tertiary"},r),{children:(0,T.jsxs)(d.IconDualColor,{children:[(0,T.jsx)(u.Bottom,{symbol:c()}),o>vo&&(0,T.jsx)(u.Top,{symbol:a()})]})}))};var R=require("react/jsx-runtime"),Ro=0,F=9,xo=t=>{var e=t,{counter:o=0}=e,r=s(e,["counter"]);let n=o>F;function c(){return n?"rdicon-notification-multicolor-plus":o>Ro&&o<=F?"rdicon-notification-multicolor":"rdicon-notification"}function a(){if(n)return"rdicon-bullet-notification-9-plus";if(o<=F)return`rdicon-bullet-notification-${o}`}return(0,R.jsx)(d.Root,i(l({variant:"neutral-tertiary"},r),{children:(0,R.jsxs)(d.IconDualColor,{children:[(0,R.jsx)(u.Bottom,{symbol:c()}),o>Ro&&(0,R.jsx)(u.Top,{symbol:a()})]})}))};var Po={Basket:Co,Chat:To,Notification:xo};0&&(module.exports={ButtonBadge});
//# sourceMappingURL=index.cjs.map