UNPKG

@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 3.41 kB
import{a as m}from"./chunk-VYYNCG3S.js";import{a as e}from"./chunk-3PPAJB4W.js";import{a as r}from"./chunk-JOWCR2VE.js";import{a as i,b as u,c as p,d as B}from"./chunk-UABQX4UA.js";var f={};B(f,{Content:()=>C,Description:()=>k,Root:()=>g,Title:()=>v});import{Tour as d,useTour as S}from"@ark-ui/react/tour";import{jsx as h,jsxs as z}from"react/jsx-runtime";function g(x){var s=x,{children:n}=s,l=p(s,["children"]);return z(d.Root,u(i({},l),{children:[h(d.Backdrop,{className:r("fixed inset-0 h-screen bg-[var(--color-labeling-fill-principal-default)] opacity-[calc(var(--opacity-low)_/_100)]")}),h(d.Spotlight,{}),n]}))}import{Tour as t,useTourContext as D}from"@ark-ui/react/tour";import{jsx as o,jsxs as c}from"react/jsx-runtime";function C(x){var s=x,{children:n}=s,l=p(s,["children"]);let{stepIndex:R,totalSteps:b,prev:w,next:y,firstStep:A,lastStep:P}=D(),N=R+1;return o(t.Positioner,{children:c(t.Content,u(i({},l),{className:r("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:[o(t.Arrow,{style:{"--arrow-size":"0.5rem"},children:o(t.ArrowTip,{className:r("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)"}})}),n,c("footer",{className:r("mt-[var(--spacing-stack-fourpulse)] flex items-center justify-between"),children:[c(t.ProgressText,{className:r("font-normal text-[length:var(--font-size-threeandhalfpulse)] text-[var(--color-text-neutral-default)] leading-[var(--line-height-small)]"),children:[N,"/",b]}),c("div",{className:r("flex items-center gap-x-[var(--spacing-inline-twopulse)]"),children:[A?o(t.CloseTrigger,{asChild:!0,children:o(e.Root,{name:"jump",variant:"neutral-tertiary",children:"Pular"})}):o(e.Root,{name:"previous",variant:"neutral-tertiary",onClick:w,children:"Anterior"}),P?o(t.CloseTrigger,{asChild:!0,children:o(e.Root,{name:"conclude",variant:"neutral-secondary",children:"Concluir"})}):o(e.Root,{name:"next",variant:"neutral-secondary",onClick:y,children:"Pr\xF3ximo"})]})]})]}))})}import{Tour as T}from"@ark-ui/react/tour";import{jsx as a,jsxs as _}from"react/jsx-runtime";function v({tag:n,hasCloseButton:l=!0}){return _("header",{className:r("flex gap-x-[var(--spacing-inline-twopulse)]"),children:[a(T.Title,{className:r("line-clamp-2 flex-1 font-bold text-[length:var(--font-size-threeandhalfpulse)] text-[var(--color-text-neutral-default)] leading-[var(--line-height-small)]")}),n&&a("span",{className:"pt-[var(--padding-inset-twopulse)]",children:a(m.Root,{variants:"principal",children:a(m.Label,{children:n.label})})}),l&&a(T.CloseTrigger,{"data-testid":"close-button",asChild:!0,children:a(e.Root,{variant:"neutral-tertiary",children:a(e.Icon,{symbol:"rdicon-dismiss"})})})]})}import{Tour as q}from"@ark-ui/react/tour";import{jsx as I}from"react/jsx-runtime";function k(){return I(q.Description,{className:r("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)]")})}export{S as a,f as b}; //# sourceMappingURL=chunk-ZK4NGJPF.js.map