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