@rdsaude/pulso-react-components/dist/components/coachmark/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 Ko=Object.create;var B=Object.defineProperty,qo=Object.defineProperties,Go=Object.getOwnPropertyDescriptor,Uo=Object.getOwnPropertyDescriptors,$o=Object.getOwnPropertyNames,O=Object.getOwnPropertySymbols,Fo=Object.getPrototypeOf,G=Object.prototype.hasOwnProperty,ro=Object.prototype.propertyIsEnumerable;var eo=(o,e,r)=>e in o?B(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,l=(o,e)=>{for(var r in e||(e={}))G.call(e,r)&&eo(o,r,e[r]);if(O)for(var r of O(e))ro.call(e,r)&&eo(o,r,e[r]);return o},s=(o,e)=>qo(o,Uo(e));var u=(o,e)=>{var r={};for(var t in o)G.call(o,t)&&e.indexOf(t)<0&&(r[t]=o[t]);if(o!=null&&O)for(var t of O(o))e.indexOf(t)<0&&ro.call(o,t)&&(r[t]=o[t]);return r};var E=(o,e)=>{for(var r in e)B(o,r,{get:e[r],enumerable:!0})},to=(o,e,r,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of $o(e))!G.call(o,a)&&a!==r&&B(o,a,{get:()=>e[a],enumerable:!(t=Go(e,a))||t.enumerable});return o};var v=(o,e,r)=>(r=o!=null?Ko(Fo(o)):{},to(e||!o||!o.__esModule?B(r,"default",{value:o,enumerable:!0}):r,o)),Wo=o=>to(B({},"__esModule",{value:!0}),o);var Zo={};E(Zo,{Coachmark:()=>q,useCoachmarkTour:()=>C.useTour});module.exports=Wo(Zo);var q={};E(q,{Content:()=>Io,Description:()=>Eo,Root:()=>lo,Title:()=>zo});var C=require("@ark-ui/react/tour");var ao=require("clsx"),no=require("tailwind-merge"),c=(...o)=>(0,no.twMerge)((0,ao.clsx)(...o));var w=require("react/jsx-runtime");function lo(r){var t=r,{children:o}=t,e=u(t,["children"]);return(0,w.jsxs)(C.Tour.Root,s(l({},e),{children:[(0,w.jsx)(C.Tour.Backdrop,{className:c("fixed inset-0 h-screen bg-[var(--color-labeling-fill-principal-default)] opacity-[calc(var(--opacity-low)_/_100)]")}),(0,w.jsx)(C.Tour.Spotlight,{}),o]}))}var T=require("@ark-ui/react/tour");var g={};E(g,{Icon:()=>W,IconDualColor:()=>Q,Root:()=>F});var k=v(require("react"),1),fo=require("@ark-ui/react/factory");var io=v(require("react"),1);var I=v(require("react"),1);function U(o,e){let{targets:r,props:t,keyPrefix:a="inject",asChild:p}=e,n=I.Children.map(o,(i,f)=>{var R,z;if(!I.isValidElement(i))return i;let P=(z=(R=i.type)==null?void 0:R.displayName)!=null?z:"",b=r.includes(P),h=i.props;return I.cloneElement(i,s(l({},b?t:{}),{key:`${a}-${f.toString()}`}),U(h==null?void 0:h.children,{targets:r,props:t,keyPrefix:a,asChild:h==null?void 0:h.asChild}))});return p?n==null?void 0:n[0]:n}function L(o,{targets:e,props:r,asChild:t}){let a=io.useId();return U(o,{targets:e,props:r,asChild:t,keyPrefix:a})}var po=v(require("react"),1);var _=v(require("react"),1),d=require("@raiadrogasil/pulso-design-tokens");var so=v(require("react"),1),Yo=require("react/jsx-runtime"),co=so.createContext({currentTheme:"rdsaudesistemas"});function V(){let o=_.useMemo(()=>({rdsaudesistemas:d.RDSAUDESISTEMAS_TOKENS,drogasil:d.DROGASIL_TOKENS,raia:d.RAIA_TOKENS,subscription:d.SUBSCRIPTION_TOKENS,prime:d.PRIME_TOKENS}),[]),e=_.useContext(co);if(!e)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:r}=e;return l(l({},d.GLOBALS_TOKENS),o[r])}var S=require("react/jsx-runtime");function uo({color:o="brand",srText:e}){let r=V(),a=po.useMemo(()=>({brand:r.colorActionFillBrandPrimaryEnabled,neutral:r.colorTextNeutralReadonly,black:r.colorTextNeutralDefault,white:r.colorTextNeutralInverse}),[r])[o];return(0,S.jsx)("div",{role:"status",className:c("grid size-8 place-items-center"),"aria-label":e,children:(0,S.jsxs)("svg",{className:c("size-6 animate-spin fill-none"),viewBox:"0 0 24 24",children:[(0,S.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,S.jsx)("title",{children:e})]})})}var mo=require("tailwind-variants"),D=(0,mo.createTV)({twMerge:!0,twMergeConfig:{extend:{classGroups:{"font-size":[{text:["threepulse","threeandhalfpulse"]}],"border-width":[{border:["quarterpulse","halfpulse"]}],"--tw-ring-inset":[{ring:["none","quarterpulse","halfpulse"]}]}}}});var Ho=D({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:go}=Ho();var $=require("react/jsx-runtime");function F(P){var b=P,{children:o,className:e,variant:r="brand-primary",size:t,disabled:a,loading:p,asChild:n,full:i}=b,f=u(b,["children","className","variant","size","disabled","loading","asChild","full"]);let h=L(o,{targets:["ButtonIcon","ButtonIconDualColor"],props:{variant:r,size:t,disabled:a},asChild:n}),R=!a&&p,z={"brand-primary":"white","neutral-secondary":"black","neutral-tertiary":"black"},_o={"aria-live":"polite","aria-busy":!0},Vo=k.useCallback(()=>{var j,oo;if(k.Children.count(o)===1&&k.isValidElement(o)){let Mo=(oo=(j=o.type)==null?void 0:j.displayName)!=null?oo:"";return["ButtonIcon","ButtonIconDualColor"].includes(Mo)}return!1},[o]);return(0,$.jsx)(fo.ark.button,s(l(l({},f),R&&_o),{className:c(go({variant:r,size:t,asIconOnly:Vo(),className:R&&"pointer-events-none"}),i&&"w-full",e),disabled:a,"data-scope":"button",children:R?(0,$.jsx)(uo,{color:z[r]}):h}))}F.displayName="ButtonRoot";var xo=require("react");var bo=v(require("react"),1);var To=require("react/jsx-runtime");function y(a){var p=a,{symbol:o="rdicon-default",size:e="small",color:r="colorActionFillBrandPrimaryEnabled"}=p,t=u(p,["symbol","size","color"]);let n=V(),i=bo.useMemo(()=>({tiny:n.sizingTiny,"extra-small":n.sizingExtrasmall,small:n.sizingSmall,medium:n.sizingMedium}),[]);return(0,To.jsx)("i",s(l({},t),{className:o,style:{fontSize:i[e],color:n[r],display:"inline-flex"}}))}y.displayName="Icon";var yo=require("react/jsx-runtime");function W({variant:o,size:e,disabled:r,iconColor:t,symbol:a}){let p={md:"extra-small",ml:"small",lg:"small",xl:"small"},n={"brand-primary":"colorTextNeutralInverse","neutral-secondary":"colorTextNeutralDefault","neutral-tertiary":"colorTextNeutralDefault"},i=(0,xo.useMemo)(()=>r?"colorTextNeutralDisabled":t||n[o],[r,o]),f=p[e];return(0,yo.jsx)(y,{color:i,size:f,symbol:a})}W.displayName="ButtonIcon";var A={};E(A,{Bottom:()=>J,Root:()=>Y,Top:()=>H});var ho=require("@ark-ui/react/factory");var vo=require("react/jsx-runtime");function Y(p){var n=p,{children:o,size:e="small",disabled:r=!1,asChild:t}=n,a=u(n,["children","size","disabled","asChild"]);let i=L(o,{targets:["IconDualColorTop","IconDualColorBottom"],props:{size:e,disabled:r},asChild:t});return(0,vo.jsx)(ho.ark.div,s(l({"data-testid":"icon-dual-color-root","aria-label":"\xCDcones","aria-disabled":r,asChild:t},a),{className:"relative flex [&>[data-icon=top]]:absolute",children:i}))}Y.displayName="IconDualColorRoot";var Co=require("react/jsx-runtime");function H(p){var n=p,{children:o,color:e="colorActionTextOnbrandDefault",size:r,disabled:t}=n,a=u(n,["children","color","size","disabled"]);return(0,Co.jsx)(y,s(l({"data-testid":"icon-dual-color-top","data-icon":"top","data-size":r,color:t?"colorTextNeutralDisabled":e,size:r},a),{children:o}))}H.displayName="IconDualColorTop";var Po=require("react/jsx-runtime");function J(p){var n=p,{children:o,color:e="colorTextNeutralDefault",size:r,disabled:t}=n,a=u(n,["children","color","size","disabled"]);return(0,Po.jsx)(y,s(l({"data-testid":"icon-dual-color-bottom","data-icon":"bottom","data-size":r,color:t?"colorTextNeutralDisabled":e,size:r},a),{children:o}))}J.displayName="IconDualColorBottom";var Ro=require("react/jsx-runtime");function Q(r){var t=r,{size:o="ml"}=t,e=u(t,["size"]);let a={md:"extra-small",ml:"small",lg:"small",xl:"small"};return(0,Ro.jsx)(A.Root,s(l({},e),{size:a[o]}))}Q.displayName="ButtonIconDualColor";var m=require("react/jsx-runtime");function Io(r){var t=r,{children:o}=t,e=u(t,["children"]);let{stepIndex:a,totalSteps:p,prev:n,next:i,firstStep:f,lastStep:P}=(0,T.useTourContext)(),b=a+1;return(0,m.jsx)(T.Tour.Positioner,{children:(0,m.jsxs)(T.Tour.Content,s(l({},e),{className:c("relative min-w-60 max-w-[calc(100vw_-_30rem)] outline-none","rounded-[var(--border-radius-largecontainer)] border-[length:var(--border-width-quarterpulse)] border-[var(--color-border-neutral-default)] bg-[var(--color-fill-neutral-default)] p-[var(--padding-inset-fourpulse)] shadow-level-1"),children:[(0,m.jsx)(T.Tour.Arrow,{style:{"--arrow-size":"0.5rem"},children:(0,m.jsx)(T.Tour.ArrowTip,{className:c("border-[var(--color-border-neutral-default)] border-t-[length:var(--border-width-quarterpulse)] border-l-[length:var(--border-width-quarterpulse)]"),style:{"--arrow-background":"var(--color-fill-neutral-default)"}})}),o,(0,m.jsxs)("footer",{className:c("mt-[var(--spacing-stack-fourpulse)] flex items-center justify-between"),children:[(0,m.jsxs)(T.Tour.ProgressText,{className:c("font-normal text-[length:var(--font-size-threeandhalfpulse)] text-[var(--color-text-neutral-default)] leading-[var(--line-height-small)]"),children:[b,"/",p]}),(0,m.jsxs)("div",{className:c("flex items-center gap-x-[var(--spacing-inline-twopulse)]"),children:[f?(0,m.jsx)(T.Tour.CloseTrigger,{asChild:!0,children:(0,m.jsx)(g.Root,{name:"jump",variant:"neutral-tertiary",children:"Pular"})}):(0,m.jsx)(g.Root,{name:"previous",variant:"neutral-tertiary",onClick:n,children:"Anterior"}),P?(0,m.jsx)(T.Tour.CloseTrigger,{asChild:!0,children:(0,m.jsx)(g.Root,{name:"conclude",variant:"neutral-secondary",children:"Concluir"})}):(0,m.jsx)(g.Root,{name:"next",variant:"neutral-secondary",onClick:i,children:"Pr\xF3ximo"})]})]})]}))})}var Z=require("@ark-ui/react/tour");var Ao=require("@radix-ui/react-context");var Do=require("react/jsx-runtime"),So=o=>{let{symbol:e,__scopeTag:r}=o,{variants:t}=M(N,r),a={principal:"colorLabelingTextPrincipalDefault",secondary:"colorLabelingTextSecondaryDefault",onSale:"colorLabelingTextOnsaleDefault",clubeDrogasil:"colorLabelingTextClubeDefault",clubeRaia:"colorLabelingTextClubeDefault",assinatura:"colorLabelingTextAssinaturaDefault",medicamentoGeladeira:"colorLabelingTextRefrigerateDefault",receitaObrigatoria:"colorLabelingTextPrescriptionDefault",generico:"colorLabelingTextGenericoDefault",referencia:"colorLabelingTextReferenciaDefault",similar:"colorLabelingTextSimilarDefault",stix:"colorLabelingTextStixDefault"};return(0,Do.jsx)(y,{symbol:t==="onSale"?"rdicon-arrow-down":e,color:a[t],size:"tiny","data-testid":"tag-icon"})};var ko=D({base:`
    h-extrasmall font-semibold text-threepulse font-rdmodern
    leading-medium text-center whitespace-nowrap truncate
  `,variants:{variants:{onSale:"text-labelling-text-onsale",principal:"text-labelling-text-principal",secondary:"text-labelling-text-secondary",clubeRaia:"text-labelling-text-clube",clubeDrogasil:"text-labelling-text-clube",assinatura:"text-labelling-text-assinatura",medicamentoGeladeira:"text-labelling-text-refrigerate",receitaObrigatoria:"text-labelling-text-prescription",generico:"text-labelling-text-generico",referencia:"text-labelling-text-referencia",similar:"text-labelling-text-similar",stix:"text-labelling-text-stix"}}});var Bo=require("react/jsx-runtime"),No=o=>{var i,f;let{children:e,__scopeTag:r}=o,{variants:t}=M(N,r),a=(i=e==null?void 0:e.toString())!=null?i:"",p=0,n=/\d+/g;if(t==="onSale"&&n.test(a)){let[P]=(f=a.match(n))!=null?f:[],b=Number(P);b>=0&&b<=100&&(p=b)}return(0,Bo.jsx)("p",{className:ko({variants:t}),"data-testid":"tag-label",children:t==="onSale"?`${p}%`:a})};var wo=D({base:`
  flex items-center justify-center h-small min-w-small rounded-pill px-twopulse gap-halfpulse max-w-[16rem]
  `,variants:{variants:{onSale:"bg-labelling-fill-onsale",principal:"bg-labelling-fill-principal",secondary:"bg-labelling-fill-secondary",clubeRaia:"bg-labelling-fill-clube",clubeDrogasil:"bg-labelling-fill-clube",assinatura:"bg-labelling-fill-assinatura",medicamentoGeladeira:"bg-labelling-fill-refrigerate",receitaObrigatoria:"bg-labelling-fill-prescription",generico:"bg-labelling-fill-generico",referencia:"bg-labelling-fill-referencia",similar:"bg-labelling-fill-similar",stix:"bg-labelling-fill-stix"}}});var X=require("react/jsx-runtime"),N="Tag",Jo=o=>{let{children:e,variants:r,__scopeTag:t}=o;return(0,X.jsx)(Xo,{variants:r,scope:t,children:(0,X.jsx)("div",{"data-testid":"tag-root",className:wo({variants:r}),children:e})})},[Qo]=(0,Ao.createContextScope)(N),[Xo,M]=Qo(N),K={Root:Jo,Label:No,Icon:So};var x=require("react/jsx-runtime");function zo({tag:o,hasCloseButton:e=!0}){return(0,x.jsxs)("header",{className:c("flex gap-x-[var(--spacing-inline-twopulse)]"),children:[(0,x.jsx)(Z.Tour.Title,{className:c("line-clamp-2 flex-1 font-bold text-[length:var(--font-size-threeandhalfpulse)] text-[var(--color-text-neutral-default)] leading-[var(--line-height-small)]")}),o&&(0,x.jsx)("span",{className:"pt-[var(--padding-inset-twopulse)]",children:(0,x.jsx)(K.Root,{variants:"principal",children:(0,x.jsx)(K.Label,{children:o.label})})}),e&&(0,x.jsx)(Z.Tour.CloseTrigger,{"data-testid":"close-button",asChild:!0,children:(0,x.jsx)(g.Root,{variant:"neutral-tertiary",children:(0,x.jsx)(g.Icon,{symbol:"rdicon-dismiss"})})})]})}var Oo=require("@ark-ui/react/tour");var Lo=require("react/jsx-runtime");function Eo(){return(0,Lo.jsx)(Oo.Tour.Description,{className:c("my-[var(--spacing-inline-twopulse)] line-clamp-3 text-[length:var(--font-size-threepulse)] text-[var(--color-text-neutral-default)] leading-[var(--line-height-medium)]")})}0&&(module.exports={Coachmark,useCoachmarkTour});
//# sourceMappingURL=index.cjs.map