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.

1 lines 46.9 kB
{"version":3,"sources":["../../../src/components/coachmark/index.ts","../../../src/components/coachmark/namespace.ts","../../../src/components/coachmark/coachmark-root.tsx","../../../src/utils/cn.ts","../../../src/components/coachmark/coachmark-content.tsx","../../../src/components/button/namespace.ts","../../../src/components/button/button-root.tsx","../../../src/hooks/use-enhanced-children.ts","../../../src/utils/inject-props-to-children.ts","../../../src/components/refresh/index.tsx","../../../src/hooks/use-theme.ts","../../../src/components/theme-provider/index.tsx","../../../src/utils/tv.ts","../../../src/components/button/button.styles.ts","../../../src/components/button/button-icon.tsx","../../../src/components/icon/index.tsx","../../../src/components/icon-dual-color/namespace.ts","../../../src/components/icon-dual-color/icon-dual-color-root.tsx","../../../src/components/icon-dual-color/icon-dual-color-top.tsx","../../../src/components/icon-dual-color/icon-dual-color-bottom.tsx","../../../src/components/button/button-icon-dual-color.tsx","../../../src/components/coachmark/coachmark-title.tsx","../../../src/components/tag/tag.tsx","../../../src/components/tag/components/tag-icon/index.tsx","../../../src/components/tag/components/tag-label/tag-label.styles.ts","../../../src/components/tag/components/tag-label/index.tsx","../../../src/components/tag/tag.styles.ts","../../../src/components/coachmark/coachmark-description.tsx"],"sourcesContent":["export * as Coachmark from './namespace'\nexport {\n useCoachmarkTour,\n type CoachmarkRootProps as CoachmarkProps,\n} from './coachmark-root'\n","export { CoachmarkRoot as Root } from './coachmark-root'\nexport { CoachmarkContent as Content } from './coachmark-content'\nexport { CoachmarkTitle as Title } from './coachmark-title'\nexport { CoachmarkDescription as Description } from './coachmark-description'\n","import {\n Tour as ArkTour,\n useTour as useCoachmarkTour,\n} from '@ark-ui/react/tour'\n\nimport { cn } from '~/utils/cn'\n\nexport type CoachmarkRootProps = React.ComponentProps<typeof ArkTour.Root>\n\nexport function CoachmarkRoot({ children, ...props }: CoachmarkRootProps) {\n return (\n <ArkTour.Root {...props}>\n <ArkTour.Backdrop\n className={cn(\n 'fixed inset-0 h-screen bg-[var(--color-labeling-fill-principal-default)] opacity-[calc(var(--opacity-low)_/_100)]'\n )}\n />\n <ArkTour.Spotlight />\n\n {children}\n </ArkTour.Root>\n )\n}\n\nexport { useCoachmarkTour }\n","import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport const cn = (...input: ClassValue[]) => twMerge(clsx(...input))\n","import { Tour as ArkTour, useTourContext } from '@ark-ui/react/tour'\n\nimport { Button } from '~/components/button'\nimport { cn } from '~/utils/cn'\n\ntype CoachmarkContentProps = React.ComponentProps<typeof ArkTour.Content>\n\nexport function CoachmarkContent({\n children,\n ...props\n}: CoachmarkContentProps) {\n const {\n stepIndex,\n totalSteps,\n prev: handlePrev,\n next: handleNext,\n firstStep,\n lastStep,\n } = useTourContext()\n const currentStep = stepIndex + 1\n\n return (\n <ArkTour.Positioner>\n <ArkTour.Content\n {...props}\n className={cn(\n 'relative min-w-60 max-w-[calc(100vw_-_30rem)] outline-none',\n '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'\n )}\n >\n <ArkTour.Arrow\n style={\n {\n '--arrow-size': '0.5rem',\n } as Record<string, string>\n }\n >\n <ArkTour.ArrowTip\n className={cn(\n 'border-[var(--color-border-neutral-default)] border-t-[length:var(--border-width-quarterpulse)] border-l-[length:var(--border-width-quarterpulse)]'\n )}\n style={\n {\n '--arrow-background': 'var(--color-fill-neutral-default)',\n } as Record<string, string>\n }\n />\n </ArkTour.Arrow>\n\n {children}\n\n <footer\n className={cn(\n 'mt-[var(--spacing-stack-fourpulse)] flex items-center justify-between'\n )}\n >\n <ArkTour.ProgressText\n className={cn(\n 'font-normal text-[length:var(--font-size-threeandhalfpulse)] text-[var(--color-text-neutral-default)] leading-[var(--line-height-small)]'\n )}\n >\n {currentStep}/{totalSteps}\n </ArkTour.ProgressText>\n\n <div\n className={cn(\n 'flex items-center gap-x-[var(--spacing-inline-twopulse)]'\n )}\n >\n {firstStep ? (\n <ArkTour.CloseTrigger asChild>\n <Button.Root name=\"jump\" variant=\"neutral-tertiary\">\n Pular\n </Button.Root>\n </ArkTour.CloseTrigger>\n ) : (\n <Button.Root\n name=\"previous\"\n variant=\"neutral-tertiary\"\n onClick={handlePrev}\n >\n Anterior\n </Button.Root>\n )}\n\n {lastStep ? (\n <ArkTour.CloseTrigger asChild>\n <Button.Root name=\"conclude\" variant=\"neutral-secondary\">\n Concluir\n </Button.Root>\n </ArkTour.CloseTrigger>\n ) : (\n <Button.Root\n name=\"next\"\n variant=\"neutral-secondary\"\n onClick={handleNext}\n >\n Próximo\n </Button.Root>\n )}\n </div>\n </footer>\n </ArkTour.Content>\n </ArkTour.Positioner>\n )\n}\n","export { ButtonRoot as Root } from './button-root'\nexport { ButtonIcon as Icon } from './button-icon'\nexport { ButtonIconDualColor as IconDualColor } from './button-icon-dual-color'\n","import * as React from 'react'\n\nimport type { Assign } from '@ark-ui/react'\nimport { ark } from '@ark-ui/react/factory'\n\nimport { useEnhancedChildren } from '~/hooks/use-enhanced-children'\n\nimport { cn } from '~/utils/cn'\nimport type { VariantProps } from '~/utils/tv'\n\nimport { Refresh, type RefreshColor } from '~/components/refresh'\n\nimport { root as rootStyle } from './button.styles'\n\nexport type ButtonSharedProps = Omit<\n VariantProps<typeof rootStyle>,\n 'asIconOnly'\n> & {\n disabled?: boolean\n}\n\nexport type ButtonRootProps = Assign<\n React.ComponentProps<typeof ark.button>,\n ButtonSharedProps\n> & {\n loading?: boolean\n full?: boolean\n}\n\nexport function ButtonRoot({\n children,\n className,\n variant = 'brand-primary',\n size,\n disabled,\n loading,\n asChild,\n full,\n ...props\n}: ButtonRootProps) {\n const enhancedChildrenWithInjectProps = useEnhancedChildren(children, {\n targets: ['ButtonIcon', 'ButtonIconDualColor'],\n props: {\n variant,\n size,\n disabled,\n },\n asChild,\n })\n\n const shouldShowSpinner = !disabled && loading\n\n const refreshColorByVariant = {\n 'brand-primary': 'white',\n 'neutral-secondary': 'black',\n 'neutral-tertiary': 'black',\n } as Record<typeof variant, RefreshColor>\n\n const loadingAccessibilityProps = {\n 'aria-live': 'polite',\n 'aria-busy': true,\n } as const\n\n const isOnlyIcon = React.useCallback(() => {\n if (\n React.Children.count(children) === 1 &&\n React.isValidElement(children)\n ) {\n const displayName =\n (children.type as React.ComponentType)?.displayName ?? ''\n return ['ButtonIcon', 'ButtonIconDualColor'].includes(displayName)\n }\n\n return false\n }, [children])\n\n return (\n <ark.button\n {...props}\n {...(shouldShowSpinner && loadingAccessibilityProps)}\n className={cn(\n rootStyle({\n variant,\n size,\n asIconOnly: isOnlyIcon(),\n className: shouldShowSpinner && 'pointer-events-none',\n }),\n full && 'w-full',\n className\n )}\n disabled={disabled}\n data-scope=\"button\"\n >\n {shouldShowSpinner ? (\n <Refresh color={refreshColorByVariant[variant]} />\n ) : (\n enhancedChildrenWithInjectProps\n )}\n </ark.button>\n )\n}\n\nButtonRoot.displayName = 'ButtonRoot'\n","import * as React from 'react'\n\nimport { injectPropsToChildren } from '~/utils/inject-props-to-children'\n\nexport function useEnhancedChildren<T extends object>(\n children: React.ReactNode,\n {\n targets,\n props,\n asChild,\n }: {\n targets: string[]\n props: T\n asChild?: boolean\n }\n) {\n const keyPrefix = React.useId()\n\n return injectPropsToChildren(children, {\n targets,\n props,\n asChild,\n keyPrefix,\n })\n}\n","import * as React from 'react'\n\ntype InjectPropsToChildrenOptions<T = unknown> = {\n /**\n * List of component displayNames to match.\n * Props will only be injected into components matching these names.\n */\n targets: string[]\n\n /**\n * Props to inject into the matched components.\n */\n props: Partial<T>\n\n /**\n * Optional key prefix for cloned elements.\n */\n keyPrefix?: string\n\n /**\n * Whether to return only the first child (e.g. for Slot-like behavior).\n */\n asChild?: boolean\n}\n\n/**\n * Recursively injects props into React children whose displayName matches a list of target names.\n *\n * This is useful for compound component patterns where parent-level props need to reach\n * specific nested children without direct prop drilling.\n *\n * @param children - The children tree to traverse.\n * @param options - Match configuration and props to inject.\n * @returns The cloned React nodes with props injected into matching components.\n */\nexport function injectPropsToChildren<T = unknown>(\n children: React.ReactNode,\n options: InjectPropsToChildrenOptions<T>\n): React.ReactNode {\n const { targets, props, keyPrefix = 'inject', asChild } = options\n\n const cloned = React.Children.map(children, (child, index) => {\n if (!React.isValidElement(child)) return child\n\n const displayName = (child.type as React.ComponentType)?.displayName ?? ''\n const shouldInject = targets.includes(displayName)\n\n const childProps = child.props as {\n children?: React.ReactNode\n asChild?: boolean\n }\n\n return React.cloneElement(\n child,\n {\n ...(shouldInject ? props : {}),\n key: `${keyPrefix}-${index.toString()}`,\n },\n injectPropsToChildren(childProps?.children, {\n targets,\n props,\n keyPrefix,\n asChild: childProps?.asChild,\n })\n )\n })\n\n return asChild ? cloned?.[0] : cloned\n}\n","import * as React from 'react'\n\nimport { useTheme } from '~/hooks/use-theme'\nimport { cn } from '~/utils/cn'\n\n/**\n * Conjunto de opções de cor disponíveis para o componente Refresh.\n */\nexport type RefreshColor = 'brand' | 'neutral' | 'black' | 'white'\n\n/**\n * Propriedades do componente Refresh.\n */\nexport type RefreshProps = {\n /**\n * Define a cor do ícone de carregamento com base nos tokens do tema.\n * - `brand`: usa a cor primária da marca.\n * - `neutral`: usa um tom neutro de leitura.\n * - `black`: usa a cor padrão para texto.\n * - `white`: usa a cor inversa (geralmente branco).\n *\n * @default \"brand\"\n */\n color?: RefreshColor\n\n /**\n * Texto alternativo para acessibilidade (leitores de tela).\n * É renderizado como `aria-label` e como conteúdo do elemento `<title>` do SVG.\n */\n srText?: string\n}\n\n/**\n * Componente de ícone animado de carregamento, com suporte a temas e acessibilidade.\n */\nexport function Refresh({ color = 'brand', srText }: RefreshProps) {\n const theme = useTheme()\n\n const colorMap = React.useMemo(() => {\n return {\n brand: theme.colorActionFillBrandPrimaryEnabled,\n neutral: theme.colorTextNeutralReadonly,\n black: theme.colorTextNeutralDefault,\n white: theme.colorTextNeutralInverse,\n }\n }, [theme])\n\n const fillColor = colorMap[color]\n\n return (\n <div\n role=\"status\"\n className={cn('grid size-8 place-items-center')}\n aria-label={srText}\n >\n <svg className={cn('size-6 animate-spin fill-none')} viewBox=\"0 0 24 24\">\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n 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\"\n fill={fillColor}\n />\n <title>{srText}</title>\n </svg>\n </div>\n )\n}\n\nexport * from './deprecated'\n","import * as React from 'react'\n\nimport {\n DROGASIL_TOKENS,\n GLOBALS_TOKENS,\n PRIME_TOKENS,\n RAIA_TOKENS,\n RDSAUDESISTEMAS_TOKENS,\n SUBSCRIPTION_TOKENS,\n} from '@raiadrogasil/pulso-design-tokens'\n\nimport { ThemeContext } from '~/components/theme-provider'\n\ntype ThemeTokens = typeof RDSAUDESISTEMAS_TOKENS & typeof GLOBALS_TOKENS\n\nexport function useTheme(): ThemeTokens {\n const mappedTheme = React.useMemo(() => {\n return {\n rdsaudesistemas: RDSAUDESISTEMAS_TOKENS,\n drogasil: DROGASIL_TOKENS,\n raia: RAIA_TOKENS,\n subscription: SUBSCRIPTION_TOKENS,\n prime: PRIME_TOKENS,\n }\n }, [])\n\n const context = React.useContext(ThemeContext)\n\n if (!context) {\n throw new Error(\n '[Pulso] useTheme precisa estar dentro de um <ThemeProvider>. Verifique se o provedor está corretamente configurado na raiz da aplicação.'\n )\n }\n\n const { currentTheme } = context\n\n const result = {\n ...GLOBALS_TOKENS,\n ...mappedTheme[currentTheme],\n } as ThemeTokens\n\n return result\n}\n","import * as React from 'react'\n\nimport type { Themes } from '@raiadrogasil/pulso-design-tokens'\n\nexport const ThemeContext = React.createContext({\n currentTheme: 'rdsaudesistemas',\n} as {\n currentTheme: Themes\n})\n\ntype ThemeProviderProps = {\n children: React.ReactNode\n theme?: Themes\n}\n\nexport function ThemeProvider({\n children,\n theme = 'rdsaudesistemas',\n}: ThemeProviderProps) {\n if (typeof window !== 'undefined') {\n document.documentElement.setAttribute('class', theme)\n }\n\n return (\n <ThemeContext.Provider\n value={{\n currentTheme: theme,\n }}\n >\n {children}\n </ThemeContext.Provider>\n )\n}\n","import { type VariantProps, createTV } from 'tailwind-variants'\n\nexport const tv = createTV({\n twMerge: true,\n twMergeConfig: {\n extend: {\n classGroups: {\n 'font-size': [\n {\n text: ['threepulse', 'threeandhalfpulse'],\n },\n ],\n 'border-width': [\n {\n border: ['quarterpulse', 'halfpulse'],\n },\n ],\n '--tw-ring-inset': [\n {\n ring: ['none', 'quarterpulse', 'halfpulse'],\n },\n ],\n },\n },\n },\n})\n\nexport type { VariantProps }\n","import { tv } from '~/utils/tv'\n\nconst buttonStyles = tv({\n slots: {\n root: [\n 'inline-flex shrink-0 cursor-pointer items-center justify-center whitespace-nowrap',\n 'gap-x-[var(--spacing-inline-twopulse)] rounded-full',\n 'outline-[var(--color-action-border-focused)] outline-offset-2',\n 'font-inherit font-bold tracking-[var(--letter-spacing-default)]',\n 'focus-visible:outline-2',\n 'disabled:cursor-not-allowed disabled:text-[var(--color-text-neutral-disabled)]',\n ],\n },\n variants: {\n variant: {\n 'brand-primary': {\n root: [\n 'bg-[var(--color-action-fill-brand-primary-enabled)]',\n 'text-[var(--color-text-neutral-inverse)]',\n 'enabled:hover:bg-[var(--color-action-fill-brand-primary-hovered)]',\n 'active:bg-[var(--color-action-fill-brand-primary-pressed)]',\n 'disabled:bg-[var(--color-action-fill-brand-primary-disabled)]',\n ],\n },\n 'neutral-secondary': {\n root: [\n 'ring-[var(--color-action-border-neutral-secondary-enabled)]',\n 'ring-[length:var(--border-width-quarterpulse)]',\n 'bg-[var(--color-action-fill-neutral-secondary-enabled)]',\n 'text-[var(--color-text-neutral-default)]',\n 'enabled:hover:ring-[var(--color-action-border-neutral-secondary-hovered)]',\n 'enabled:hover:bg-[var(--color-action-fill-neutral-secondary-hovered)]',\n 'active:ring-[var(--color-action-border-neutral-secondary-pressed)]',\n 'active:bg-[var(--color-action-fill-neutral-secondary-pressed)]',\n 'disabled:ring-[var(--color-action-border-neutral-secondary-disabled)]',\n 'disabled:bg-[var(--color-action-fill-neutral-secondary-disabled)]',\n ],\n },\n 'neutral-tertiary': {\n root: [\n 'ring-[var(--color-action-border-neutral-tertiary-enabled)]',\n 'ring-[length:var(--border-width-quarterpulse)]',\n 'bg-[var(--color-action-fill-neutral-tertiary-enabled)]',\n 'text-[var(--color-text-neutral-default)]',\n 'enabled:hover:ring-[var(--color-action-border-neutral-tertiary-hovered)]',\n 'enabled:hover:bg-[var(--color-action-fill-neutral-tertiary-hovered)]',\n 'active:ring-[var(--color-action-border-neutral-tertiary-pressed)]',\n 'active:bg-[var(--color-action-fill-neutral-tertiary-pressed)]',\n 'disabled:ring-[var(--color-action-border-neutral-tertiary-disabled)]',\n 'disabled:bg-[var(--color-action-fill-neutral-tertiary-disabled)]',\n ],\n },\n },\n size: {\n md: {\n root: [\n 'h-[var(--sizing-medium)] min-w-8 px-[var(--padding-inset-fourpulse)]',\n 'text-[length:var(--font-size-threepulse)]',\n 'leading-[var(--line-height-medium)]',\n ],\n },\n ml: {\n root: [\n 'h-[var(--sizing-mediumlarge)] min-w-10 px-[var(--padding-inset-fourpulse)]',\n ],\n },\n lg: {\n root: [\n 'h-[var(--sizing-large)] min-w-12 px-[var(--padding-inset-fivepulse)]',\n ],\n },\n xl: {\n root: [\n 'h-[var(--sizing-extralarge)] min-w-14 px-[var(--padding-inset-sixpulse)]',\n ],\n },\n },\n asIconOnly: {\n true: {\n root: 'aspect-square px-0',\n },\n },\n },\n compoundVariants: [\n {\n size: ['ml', 'lg'],\n class: {\n root: [\n 'text-[length:var(--font-size-threeandhalfpulse)]',\n 'leading-[var(--line-height-small)]',\n ],\n },\n },\n ],\n defaultVariants: {\n variant: 'brand-primary',\n size: 'ml',\n asIconOnly: false,\n },\n})\n\nexport const { root } = buttonStyles()\n","import { useMemo } from 'react'\nimport { Icon, type IconProps } from '~/components/icon'\nimport type { ButtonSharedProps } from './button-root'\n\ntype ButtonIconProps = Omit<ButtonSharedProps, 'asIconOnly'> & {\n iconColor?: IconProps['color']\n symbol?: IconProps['symbol']\n}\n\nexport function ButtonIcon({\n variant,\n size,\n disabled,\n iconColor,\n symbol,\n}: ButtonIconProps) {\n const sizeToIconSize: Record<\n NonNullable<ButtonSharedProps['size']>,\n IconProps['size']\n > = {\n md: 'extra-small',\n ml: 'small',\n lg: 'small',\n xl: 'small',\n }\n\n const variantToIconColor: Record<\n NonNullable<ButtonSharedProps['variant']>,\n IconProps['color']\n > = {\n 'brand-primary': 'colorTextNeutralInverse',\n 'neutral-secondary': 'colorTextNeutralDefault',\n 'neutral-tertiary': 'colorTextNeutralDefault',\n }\n\n const color = useMemo(() => {\n if (disabled) return 'colorTextNeutralDisabled'\n if (iconColor) return iconColor\n\n return variantToIconColor[variant!]\n }, [disabled, variant])\n\n const iconSize = sizeToIconSize[size!]\n\n return <Icon color={color} size={iconSize} symbol={symbol} />\n}\n\nButtonIcon.displayName = 'ButtonIcon'\n","import * as React from 'react'\n\nimport type { RDSAUDESISTEMAS_TOKENS } from '@raiadrogasil/pulso-design-tokens'\nimport type { IconName } from '@raiadrogasil/pulso-icons'\n\nimport { useTheme } from '~/hooks/use-theme'\n\ntype IconVisualSize = 'tiny' | 'extra-small' | 'small' | 'medium'\ntype DesignTokens = typeof RDSAUDESISTEMAS_TOKENS\n\ntype TokenColorKeys = {\n [K in keyof DesignTokens as K extends `color${string}`\n ? K\n : never]: DesignTokens[K]\n}\n\n/**\n * Propriedades do componente Icon.\n */\nexport type IconProps = React.ComponentProps<'i'> & {\n /**\n * Define o ícone a ser exibido, com base na lista de nomes disponíveis em `@raiadrogasil/pulso-icons`.\n *\n * @default 'rdicon-default'\n */\n symbol?: IconName\n\n /**\n * Define o tamanho visual do ícone, controlando o `font-size` com base nos tokens de espaçamento.\n *\n * Valores possíveis: 'tiny', 'extra-small', 'small', 'medium'.\n *\n * @default 'small'\n */\n size?: IconVisualSize\n\n /**\n * Define a cor do ícone usando uma chave de token de cor do design system.\n * A cor é aplicada via `style.color`.\n *\n * @default 'colorActionFillBrandPrimaryEnabled'\n */\n color?: keyof TokenColorKeys\n}\n\nexport function Icon({\n symbol = 'rdicon-default',\n size = 'small',\n color = 'colorActionFillBrandPrimaryEnabled',\n ...props\n}: IconProps) {\n const theme = useTheme()\n\n const resolvedFontSizes = React.useMemo(() => {\n return {\n tiny: theme.sizingTiny,\n 'extra-small': theme.sizingExtrasmall,\n small: theme.sizingSmall,\n medium: theme.sizingMedium,\n }\n }, [])\n\n return (\n <i\n {...props}\n className={symbol}\n style={{\n fontSize: resolvedFontSizes[size],\n color: theme[color],\n display: 'inline-flex',\n }}\n />\n )\n}\n\nIcon.displayName = 'Icon'\n\nexport * from './deprecated'\n","export { IconDualColorRoot as Root } from './icon-dual-color-root'\nexport { IconDualColorTop as Top } from './icon-dual-color-top'\nexport { IconDualColorBottom as Bottom } from './icon-dual-color-bottom'\n","import { ark } from '@ark-ui/react/factory'\nimport { useEnhancedChildren } from '~/hooks/use-enhanced-children'\nimport type { IconProps } from '../icon'\n\nexport type IconDualColorRootProps = Omit<\n React.ComponentPropsWithRef<'div'>,\n 'className'\n> &\n Pick<IconProps, 'size'> & {\n /**\n * Quando `true`, renderiza o componente como um slot via `@radix-ui/react-slot`,\n * permitindo controle externo sobre o elemento raiz.\n */\n asChild?: boolean\n /**\n * Define se o componente está desabilitado.\n * Quando `true`, o componente não pode ser interagido.\n */\n disabled?: boolean\n }\n\nexport function IconDualColorRoot({\n children,\n size = 'small',\n disabled = false,\n asChild,\n ...props\n}: IconDualColorRootProps) {\n const enhancedChildrenWithInjectProps = useEnhancedChildren(children, {\n targets: ['IconDualColorTop', 'IconDualColorBottom'],\n props: {\n size,\n disabled,\n },\n asChild,\n })\n\n return (\n <ark.div\n data-testid=\"icon-dual-color-root\"\n aria-label=\"Ícones\"\n aria-disabled={disabled}\n asChild={asChild}\n {...props}\n className=\"relative flex [&>[data-icon=top]]:absolute\"\n >\n {enhancedChildrenWithInjectProps}\n </ark.div>\n )\n}\n\nIconDualColorRoot.displayName = 'IconDualColorRoot'\n","import { Icon, type IconProps } from '../icon'\n\ntype IconDualColorTopProps = Omit<IconProps, 'size'>\n\nexport function IconDualColorTop({\n children,\n color = 'colorActionTextOnbrandDefault',\n // @ts-expect-error size prop is taken from IconDualColorRoot\n size,\n // @ts-expect-error disabled prop is taken from IconDualColorRoot\n disabled,\n ...props\n}: IconDualColorTopProps) {\n const iconColor = disabled ? 'colorTextNeutralDisabled' : color\n\n return (\n <Icon\n data-testid=\"icon-dual-color-top\"\n data-icon=\"top\"\n data-size={size}\n color={iconColor}\n size={size}\n {...props}\n >\n {children}\n </Icon>\n )\n}\n\nIconDualColorTop.displayName = 'IconDualColorTop'\n","import { Icon, type IconProps } from '../icon'\n\ntype IconDualColorBottomProps = Omit<IconProps, 'size'>\n\nexport function IconDualColorBottom({\n children,\n color = 'colorTextNeutralDefault',\n // @ts-expect-error size prop is taken from IconDualColorRoot\n size,\n // @ts-expect-error disabled prop is taken from IconDualColorRoot\n disabled,\n ...props\n}: IconDualColorBottomProps) {\n const iconColor = disabled ? 'colorTextNeutralDisabled' : color\n\n return (\n <Icon\n data-testid=\"icon-dual-color-bottom\"\n data-icon=\"bottom\"\n data-size={size}\n color={iconColor}\n size={size}\n {...props}\n >\n {children}\n </Icon>\n )\n}\n\nIconDualColorBottom.displayName = 'IconDualColorBottom'\n","import type { Assign } from '@ark-ui/react'\nimport type { IconProps } from '../icon'\nimport { IconDualColor, type IconDualColorProps } from '../icon-dual-color'\nimport type { ButtonSharedProps } from './button-root'\n\ntype ButtonIconDualColorProps = Assign<\n IconDualColorProps,\n Omit<ButtonSharedProps, 'asIconOnly'>\n>\n\nexport function ButtonIconDualColor({\n size = 'ml',\n ...props\n}: ButtonIconDualColorProps) {\n const sizeToIconSize: Record<\n NonNullable<ButtonSharedProps['size']>,\n IconProps['size']\n > = {\n md: 'extra-small',\n ml: 'small',\n lg: 'small',\n xl: 'small',\n }\n\n return <IconDualColor.Root {...props} size={sizeToIconSize[size]} />\n}\n\nButtonIconDualColor.displayName = 'ButtonIconDualColor'\n","import { Tour as ArkTour } from '@ark-ui/react/tour'\n\nimport { Button } from '~/components/button'\nimport { Tag } from '~/components/tag'\n\nimport { cn } from '~/utils/cn'\n\ntype CoachmarkTitleProps = {\n /**\n * Tag opcional exibindo um rótulo ao lado do título.\n */\n tag?: {\n /**\n * Texto que será exibido dentro da tag.\n */\n label: string\n }\n /**\n * Define se o botão de fechar deve ser renderizado.\n * @default true\n */\n hasCloseButton?: boolean\n}\n\nexport function CoachmarkTitle({\n tag,\n hasCloseButton = true,\n}: CoachmarkTitleProps) {\n return (\n <header className={cn('flex gap-x-[var(--spacing-inline-twopulse)]')}>\n <ArkTour.Title\n className={cn(\n '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 )}\n />\n\n {tag && (\n <span className=\"pt-[var(--padding-inset-twopulse)]\">\n <Tag.Root variants=\"principal\">\n <Tag.Label>{tag.label}</Tag.Label>\n </Tag.Root>\n </span>\n )}\n\n {hasCloseButton && (\n <ArkTour.CloseTrigger data-testid=\"close-button\" asChild>\n <Button.Root variant=\"neutral-tertiary\">\n <Button.Icon symbol=\"rdicon-dismiss\" />\n </Button.Root>\n </ArkTour.CloseTrigger>\n )}\n </header>\n )\n}\n","import { type Scope, createContextScope } from '@radix-ui/react-context'\nimport { TagIcon } from './components/tag-icon'\nimport { TagLabel } from './components/tag-label'\nimport { TagRootVariants } from './tag.styles'\nimport type { TagContext, TagProps, TagScopedProps } from './tag.types'\n\nexport const DISPLAY_NAME = 'Tag'\n\ntype TagRootProps = TagProps\n\nconst TagRoot = (props: TagRootProps) => {\n const { children, variants, __scopeTag } =\n props as TagScopedProps<TagRootProps>\n\n return (\n <TagProvider variants={variants} scope={__scopeTag}>\n <div data-testid=\"tag-root\" className={TagRootVariants({ variants })}>\n {children}\n </div>\n </TagProvider>\n )\n}\n\nconst [createTagContext] = createContextScope(DISPLAY_NAME)\n\nexport const [TagProvider, useTagContext]: readonly [\n ProviderType<TagContext>,\n (consumerName: string, scope: Scope) => TagContext,\n] = createTagContext<TagContext>(DISPLAY_NAME)\n\n/*\n----------------------------------------------------------------\nComposition Export\n----------------------------------------------------------------\n*/\n\nexport const Tag = {\n Root: TagRoot,\n Label: TagLabel,\n Icon: TagIcon,\n}\n","import { Icon, type TIconProps } from '~/components/icon'\nimport { DISPLAY_NAME, useTagContext } from '../../tag'\nimport type { TagScopedProps } from '../../tag.types'\n\ntype TagIconProps = TIconProps\n\nexport const TagIcon = (props: TagIconProps) => {\n const { symbol, __scopeTag } = props as TagScopedProps<TagIconProps>\n const { variants } = useTagContext(DISPLAY_NAME, __scopeTag)\n\n const mapVariantColor: Record<string, TIconProps['color']> = {\n principal: 'colorLabelingTextPrincipalDefault',\n secondary: 'colorLabelingTextSecondaryDefault',\n onSale: 'colorLabelingTextOnsaleDefault',\n clubeDrogasil: 'colorLabelingTextClubeDefault',\n clubeRaia: 'colorLabelingTextClubeDefault',\n assinatura: 'colorLabelingTextAssinaturaDefault',\n medicamentoGeladeira: 'colorLabelingTextRefrigerateDefault',\n receitaObrigatoria: 'colorLabelingTextPrescriptionDefault',\n generico: 'colorLabelingTextGenericoDefault',\n referencia: 'colorLabelingTextReferenciaDefault',\n similar: 'colorLabelingTextSimilarDefault',\n stix: 'colorLabelingTextStixDefault',\n }\n\n const renderIconSymbol = () => {\n if (variants === 'onSale') {\n return 'rdicon-arrow-down'\n }\n return symbol\n }\n\n return (\n <Icon\n symbol={renderIconSymbol()}\n color={mapVariantColor[variants]}\n size=\"tiny\"\n data-testid=\"tag-icon\"\n />\n )\n}\n","import { tv } from '~/utils/tv'\nexport const TagLabelVariants = tv({\n base: `\n h-extrasmall font-semibold text-threepulse font-rdmodern\n leading-medium text-center whitespace-nowrap truncate\n `,\n variants: {\n variants: {\n onSale: 'text-labelling-text-onsale',\n principal: 'text-labelling-text-principal',\n secondary: 'text-labelling-text-secondary',\n clubeRaia: 'text-labelling-text-clube',\n clubeDrogasil: 'text-labelling-text-clube',\n assinatura: 'text-labelling-text-assinatura',\n medicamentoGeladeira: 'text-labelling-text-refrigerate',\n receitaObrigatoria: 'text-labelling-text-prescription',\n generico: 'text-labelling-text-generico',\n referencia: 'text-labelling-text-referencia',\n similar: 'text-labelling-text-similar',\n stix: 'text-labelling-text-stix',\n },\n },\n})\n","import { DISPLAY_NAME, useTagContext } from '../../tag'\nimport type { TagScopedProps } from '../../tag.types'\n\nimport { TagLabelVariants } from './tag-label.styles'\n\ntype TagLabelProps = {\n children: React.ReactNode\n}\n\nexport const TagLabel = (props: TagLabelProps) => {\n const { children, __scopeTag } = props as TagScopedProps<TagLabelProps>\n const { variants } = useTagContext(DISPLAY_NAME, __scopeTag)\n\n const labelText = children?.toString() ?? ''\n\n let percentage = 0\n\n const regexPattern = /\\d+/g\n\n if (variants === 'onSale' && regexPattern.test(labelText)) {\n const [stringfiyPercentageValue] = labelText.match(regexPattern) ?? []\n const percentageValue = Number(stringfiyPercentageValue)\n\n if (percentageValue >= 0 && percentageValue <= 100) {\n percentage = percentageValue\n }\n }\n\n return (\n <p className={TagLabelVariants({ variants })} data-testid=\"tag-label\">\n {variants === 'onSale' ? `${percentage}%` : labelText}\n </p>\n )\n}\n","import { tv } from '~/utils/tv'\n\nexport const TagRootVariants = tv({\n base: `\n flex items-center justify-center h-small min-w-small rounded-pill px-twopulse gap-halfpulse max-w-[16rem]\n `,\n variants: {\n variants: {\n onSale: 'bg-labelling-fill-onsale',\n principal: 'bg-labelling-fill-principal',\n secondary: 'bg-labelling-fill-secondary',\n clubeRaia: 'bg-labelling-fill-clube',\n clubeDrogasil: 'bg-labelling-fill-clube',\n assinatura: 'bg-labelling-fill-assinatura',\n medicamentoGeladeira: 'bg-labelling-fill-refrigerate',\n receitaObrigatoria: 'bg-labelling-fill-prescription',\n generico: 'bg-labelling-fill-generico',\n referencia: 'bg-labelling-fill-referencia',\n similar: 'bg-labelling-fill-similar',\n stix: 'bg-labelling-fill-stix',\n },\n },\n})\n","import { Tour as ArkTour } from '@ark-ui/react/tour'\n\nimport { cn } from '~/utils/cn'\n\nexport function CoachmarkDescription() {\n return (\n <ArkTour.Description\n className={cn(\n '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)]'\n )}\n />\n )\n}\n"],"mappings":"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d,CACE,OAAQ,CAAC,eAAgB,WAAW,CACtC,CACF,EACA,kBAAmB,CACjB,CACE,KAAM,CAAC,OAAQ,eAAgB,WAAW,CAC5C,CACF,CACF,CACF,CACF,CACF,CAAC,ECvBD,IAAMC,GAAeC,EAAG,CACtB,MAAO,CACL,KAAM,CACJ,oFACA,sDACA,gEACA,kEACA,0BACA,gFACF,CACF,EACA,SAAU,CACR,QAAS,CACP,gBAAiB,CACf,KAAM,CACJ,sDACA,2CACA,oEACA,6DACA,+DACF,CACF,EACA,oBAAqB,CACnB,KAAM,CACJ,8DACA,iDACA,0DACA,2CACA,4EACA,wEACA,qEACA,iEACA,wEACA,mEACF,CACF,EACA,mBAAoB,CAClB,KAAM,CACJ,6DACA,iDACA,yDACA,2CACA,2EACA,uEACA,oEACA,gEACA,uEACA,kEACF,CACF,CACF,EACA,KAAM,CACJ,GAAI,CACF,KAAM,CACJ,uEACA,4CACA,qCACF,CACF,EACA,GAAI,CACF,KAAM,CACJ,4EACF,CACF,EACA,GAAI,CACF,KAAM,CACJ,sEACF,CACF,EACA,GAAI,CACF,KAAM,CACJ,0EACF,CACF,CACF,EACA,WAAY,CACV,KAAM,CACJ,KAAM,oBACR,CACF,CACF,EACA,iBAAkB,CAChB,CACE,KAAM,CAAC,KAAM,IAAI,EACjB,MAAO,CACL,KAAM,CACJ,mDACA,oCACF,CACF,CACF,CACF,EACA,gBAAiB,CACf,QAAS,gBACT,KAAM,KACN,WAAY,EACd,CACF,CAAC,EAEY,CAAE,KAAAC,EAAK,EAAIF,GAAa,EPP7B,IAAAG,EAAA,6BAjED,SAASC,EAAWC,EAUP,CAVO,IAAAC,EAAAD,EACzB,UAAAE,EACA,UAAAC,EACA,QAAAC,EAAU,gBACV,KAAAC,EACA,SAAAC,EACA,QAAAC,EACA,QAAAC,EACA,KAAAC,CArCF,EA6B2BR,EAStBS,EAAAC,EATsBV,EAStB,CARH,WACA,YACA,UACA,OACA,WACA,UACA,UACA,SAGA,IAAMW,EAAkCC,EAAoBX,EAAU,CACpE,QAAS,CAAC,aAAc,qBAAqB,EAC7C,MAAO,CACL,QAAAE,EACA,KAAAC,EACA,SAAAC,CACF,EACA,QAAAE,CACF,CAAC,EAEKM,EAAoB,CAACR,GAAYC,EAEjCQ,EAAwB,CAC5B,gBAAiB,QACjB,oBAAqB,QACrB,mBAAoB,OACtB,EAEMC,GAA4B,CAChC,YAAa,SACb,YAAa,EACf,EAEMC,GAAmB,cAAY,IAAM,CA/D7C,IAAAjB,EAAAC,GAgEI,GACQ,WAAS,MAAMC,CAAQ,IAAM,GAC7B,iBAAeA,CAAQ,EAC7B,CACA,IAAMgB,IACHjB,IAAAD,EAAAE,EAAS,OAAT,YAAAF,EAAuC,cAAvC,KAAAC,GAAsD,GACzD,MAAO,CAAC,aAAc,qBAAqB,EAAE,SAASiB,EAAW,CACnE,CAEA,MAAO,EACT,EAAG,CAAChB,CAAQ,CAAC,EAEb,SACE,OAAC,OAAI,OAAJiB,EAAAC,IAAA,GACKV,GACCI,GAAqBE,IAF3B,CAGC,UAAWK,EACTC,GAAU,CACR,QAAAlB,EACA,KAAAC,EACA,WAAYY,GAAW,EACvB,UAAWH,GAAqB,qBAClC,CAAC,EACDL,GAAQ,SACRN,CACF,EACA,SAAUG,EACV,aAAW,SAEV,SAAAQ,KACC,OAACS,GAAA,CAAQ,MAAOR,EAAsBX,CAAO,EAAG,EAEhDQ,GAEJ,CAEJ,CAEAb,EAAW,YAAc,aQtGzB,IAAAyB,GAAwB,iBCAxB,IAAAC,GAAuB,sBA+DnB,IAAAC,GAAA,6BAlBG,SAASC,EAAKC,EAKP,CALO,IAAAC,EAAAD,EACnB,QAAAE,EAAS,iBACT,KAAAC,EAAO,QACP,MAAAC,EAAQ,oCAhDV,EA6CqBH,EAIhBI,EAAAC,EAJgBL,EAIhB,CAHH,SACA,OACA,UAGA,IAAMM,EAAQC,EAAS,EAEjBC,EAA0B,WAAQ,KAC/B,CACL,KAAMF,EAAM,WACZ,cAAeA,EAAM,iBACrB,MAAOA,EAAM,YACb,OAAQA,EAAM,YAChB,GACC,CAAC,CAAC,EAEL,SACE,QAAC,IAAAG,EAAAC,EAAA,GACKN,GADL,CAEC,UAAWH,EACX,MAAO,CACL,SAAUO,EAAkBN,CAAI,EAChC,MAAOI,EAAMH,CAAK,EAClB,QAAS,aACX,GACF,CAEJ,CAEAL,EAAK,YAAc,OD/BV,IAAAa,GAAA,6BAnCF,SAASC,EAAW,CACzB,QAAAC,EACA,KAAAC,EACA,SAAAC,EACA,UAAAC,EACA,OAAAC,CACF,EAAoB,CAClB,IAAMC,EAGF,CACF,GAAI,cACJ,GAAI,QACJ,GAAI,QACJ,GAAI,OACN,EAEMC,EAGF,CACF,gBAAiB,0BACjB,oBAAqB,0BACrB,mBAAoB,yBACtB,EAEMC,KAAQ,YAAQ,IAChBL,EAAiB,2BACjBC,GAEGG,EAAmBN,CAAQ,EACjC,CAACE,EAAUF,CAAO,CAAC,EAEhBQ,EAAWH,EAAeJ,CAAK,EAErC,SAAO,QAACQ,EAAA,CAAK,MAAOF,EAAO,KAAMC,EAAU,OAAQJ,EAAQ,CAC7D,CAEAL,EAAW,YAAc,aE/CzB,IAAAW,EAAA,GAAAC,EAAAD,EAAA,YAAAE,EAAA,SAAAC,EAAA,QAAAC,ICAA,IAAAC,GAAoB,iCAsChB,IAAAC,GAAA,6BAjBG,SAASC,EAAkBC,EAMP,CANO,IAAAC,EAAAD,EAChC,UAAAE,EACA,KAAAC,EAAO,QACP,SAAAC,EAAW,GACX,QAAAC,CAzBF,EAqBkCJ,EAK7BK,EAAAC,EAL6BN,EAK7B,CAJH,WACA,OACA,WACA,YAGA,IAAMO,EAAkCC,EAAoBP,EAAU,CACpE,QAAS,CAAC,mBAAoB,qBAAqB,EACnD,MAAO,CACL,KAAAC,EACA,SAAAC,CACF,EACA,QAAAC,CACF,CAAC,EAED,SACE,QAAC,OAAI,IAAJK,EAAAC,EAAA,CACC,cAAY,uBACZ,aAAW,YACX,gBAAeP,EACf,QAASC,GACLC,GALL,CAMC,UAAU,6CAET,SAAAE,GACH,CAEJ,CAEAT,EAAkB,YAAc,oBCnC5B,IAAAa,GAAA,6BAZG,SAASC,EAAiBC,EAQP,CARO,IAAAC,EAAAD,EAC/B,UAAAE,EACA,MAAAC,EAAQ,gCAER,KAAAC,EAEA,SAAAC,CAVF,EAIiCJ,EAO5BK,EAAAC,EAP4BN,EAO5B,CANH,WACA,QAEA,OAEA,aAKA,SACE,QAACO,EAAAC,EAAAC,EAAA,CACC,cAAY,sBACZ,YAAU,MACV,YAAWN,EACX,MAPcC,EAAW,2BAA6BF,EAQtD,KAAMC,GACFE,GANL,CAQE,SAAAJ,GACH,CAEJ,CAEAH,EAAiB,YAAc,mBCb3B,IAAAY,GAAA,6BAZG,SAASC,EAAoBC,EAQP,CARO,IAAAC,EAAAD,EAClC,UAAAE,EACA,MAAAC,EAAQ,0BAER,KAAAC,EAEA,SAAAC,CAVF,EAIoCJ,EAO/BK,EAAAC,EAP+BN,EAO/B,CANH,WACA,QAEA,OAEA,aAKA,SACE,QAACO,EAAAC,EAAAC,EAAA,CACC,cAAY,yBACZ,YAAU,SACV,YAAWN,EACX,MAPcC,EAAW,2BAA6BF,EAQtD,KAAMC,GACFE,GANL,CAQE,SAAAJ,GACH,CAEJ,CAEAH,EAAoB,YAAc,sBCLzB,IAAAY,GAAA,6BAdF,SAASC,EAAoBC,EAGP,CAHO,IAAAC,EAAAD,EAClC,MAAAE,EAAO,IAXT,EAUoCD,EAE/BE,EAAAC,EAF+BH,EAE/B,CADH,SAGA,IAAMI,EAGF,CACF,GAAI,cACJ,GAAI,QACJ,GAAI,QACJ,GAAI,OACN,EAEA,SAAO,QAACC,EAAc,KAAdC,EAAAC,EAAA,GAAuBL,GAAvB,CAA8B,KAAME,EAAeH,CAAI,GAAG,CACpE,CAEAH,EAAoB,YAAc,sBhBUxB,IAAAU,EAAA,6BA9BH,SAASC,GAAiBC,EAGP,CAHO,IAAAC,EAAAD,EAC/B,UAAAE,CARF,EAOiCD,EAE5BE,EAAAC,EAF4BH,EAE5B,CADH,aAGA,GAAM,CACJ,UAAAI,EACA,WAAAC,EACA,KAAMC,EACN,KAAMC,EACN,UAAAC,EACA,SAAAC,CACF,KAAI,kBAAe,EACbC,EAAcN,EAAY,EAEhC,SACE,OAAC,EAAAO,KAAQ,WAAR,CACC,oBAAC,EAAAA,KAAQ,QAARC,EAAAC,EAAA,GACKX,GADL,CAEC,UAAWY,EACT,6DACA,sOACF,EAEA,oBAAC,EAAAH,KAAQ,MAAR,CACC,MACE,CACE,eAAgB,QAClB,EAGF,mBAAC,EAAAA,KAAQ,SAAR,CACC,UAAWG,EACT,oJACF,EACA,MACE,CACE,qBAAsB,mCACxB,EAEJ,EACF,EAECb,KAED,QAAC,UACC,UAAWa,EACT,uEACF,EAEA,qBAAC,EAAAH,KAAQ,aAAR,CACC,UAAWG,EACT,0IACF,EAEC,UAAAJ,EAAY,IAAEL,GACjB,KAEA,QAAC,OACC,UAAWS,EACT,0DACF,EAEC,UAAAN,KACC,OAAC,EAAAG,KAAQ,aAAR,CAAqB,QAAO,GAC3B,mBAACI,EAAO,KAAP,CAAY,KAAK,OAAO,QAAQ,mBAAmB,iBAEpD,EACF,KAEA,OAACA,EAAO,KAAP,CACC,KAAK,WACL,QAAQ,mBACR,QAAST,EACV,oBAED,EAGDG,KACC,OAAC,EAAAE,KAAQ,aAAR,CAAqB,QAAO,GAC3B,mBAACI,EAAO,KAAP,CAAY,KAAK,WAAW,QAAQ,oBAAoB,oBAEzD,EACF,KAEA,OAACA,EAAO,KAAP,CACC,KAAK,OACL,QAAQ,oBACR,QAASR,EACV,sBAED,GAEJ,GACF,IACF,EACF,CAEJ,CiBzGA,IAAAS,EAAgC,8BCAhC,IAAAC,GAA+C,mCCiC3C,IAAAC,GAAA,6BA3BSC,GAAWC,GAAwB,CAC9C,GAAM,CAAE,OAAAC,EAAQ,WAAAC,CAAW,EAAIF,EACzB,CAAE,SAAAG,CAAS,EAAIC,EAAcC,EAAcH,CAAU,EAErDI,EAAuD,CAC3D,UAAW,oCACX,UAAW,oCACX,OAAQ,iCACR,cAAe,gCACf,UAAW,gCACX,WAAY,qCACZ,qBAAsB,sCACtB,mBAAoB,uCACpB,SAAU,mCACV,WAAY,qCACZ,QAAS,kCACT,KAAM,8BACR,EASA,SACE,QAACC,EAAA,CACC,OAREJ,IAAa,SACR,oBAEFF,EAML,MAAOK,EAAgBH,CAAQ,EAC/B,KAAK,OACL,cAAY,WACd,CAEJ,ECvCO,IAAMK,GAAmBC,EAAG,CACjC,KAAM;AAAA;AAAA;AAAA,IAIN,SAAU,CACR,SAAU,CACR,OAAQ,6BACR,UAAW,gCACX,UAAW,gCACX,UAAW,4BACX,cAAe,4BACf,WAAY,iCACZ,qBAAsB,kCACtB,mBAAoB,mCACpB,SAAU,+BACV,WAAY,iCACZ,QAAS,8BACT,KAAM,0BACR,CACF,CACF,CAAC,ECOG,IAAAC,GAAA,6BApBSC,GAAYC,GAAyB,CATlD,IAAAC,EAAAC,EAUE,GAAM,CAAE,SAAAC,EAAU,WAAAC,CAAW,EAAIJ,EAC3B,CAAE,SAAAK,CAAS,EAAIC,EAAcC,EAAcH,CAAU,EAErDI,GAAYP,EAAAE,GAAA,YAAAA,EAAU,aAAV,KAAAF,EAAwB,GAEtCQ,EAAa,EAEXC,EAAe,OAErB,GAAIL,IAAa,UAAYK,EAAa,KAAKF,CAAS,EAAG,CACzD,GAAM,CAACG,CAAwB,GAAIT,EAAAM,EAAU,MAAME,CAAY,IAA5B,KAAAR,EAAiC,CAAC,EAC/DU,EAAkB,OAAOD,CAAwB,EAEnDC,GAAmB,GAAKA,GAAmB,MAC7CH,EAAaG,EAEjB,CAEA,SACE,QAAC,KAAE,UAAWC,GAAiB,CAAE,SAAAR,CAAS,CAAC,EAAG,cAAY,YACvD,SAAAA,IAAa,SAAW,GAAGI,CAAU,IAAMD,EAC9C,CAEJ,EC/BO,IAAMM,GAAkBC,EAAG,CAChC,KAAM;AAAA;AAAA,IAGN,SAAU,CACR,SAAU,CACR,OAAQ,2BACR,UAAW,8BACX,UAAW,8BACX,UAAW,0BACX,cAAe,0BACf,WAAY,+BACZ,qBAAsB,gCACtB,mBAAoB,iCACpB,SAAU,6BACV,WAAY,+BACZ,QAAS,4BACT,KAAM,wBACR,CACF,CACF,CAAC,EJNK,IAAAC,EAAA,6BAVOC,EAAe,MAItBC,GAAWC,GAAwB,CACvC,GAAM,CAAE,SAAAC,EAAU,SAAAC,EAAU,WAAAC,CAAW,EACrCH,EAEF,SACE,OAACI,GAAA,CAAY,SAAUF,EAAU,MAAOC,EACtC,mBAAC,OAAI,cAAY,WAAW,UAAWE,GAAgB,CAAE,SAAAH,CAAS,CAAC,EAChE,SAAAD,EACH,EACF,CAEJ,EAEM,CAACK,EAAgB,KAAI,uBAAmBR,CAAY,EAE7C,CAACM,GAAaG,CAAa,EAGpCD,GAA6BR,CAAY,EAQhCU,EAAM,CACjB,KAAMT,GACN,MAAOU,GACP,KAAMC,EACR,EDXI,IAAAC,EAAA,6BALG,SAASC,GAAe,CAC7B,IAAAC,EACA,eAAAC,EAAiB,EACnB,EAAwB,CACtB,SACE,QAAC,UAAO,UAAWC,EAAG,6CAA6C,EACjE,oBAAC,EAAAC,KAAQ,MAAR,CACC,UAAWD,EACT,4JACF,EACF,EAECF,MACC,OAAC,QAAK,UAAU,qCACd,mBAACI,EAAI,KAAJ,CAAS,SAAS,YACjB,mBAACA,EAAI,MAAJ,CAAW,SAAAJ,EAAI,MAAM,EACxB,EACF,EAGDC,MACC,OAAC,EAAAE,KAAQ,aAAR,CAAqB,cAAY,eAAe,QAAO,GACtD,mBAACE,EAAO,KAAP,CAAY,QAAQ,mBACnB,mBAACA,EAAO,KAAP,CAAY,OAAO,iBAAiB,EACvC,EACF,GAEJ,CAEJ,CMrDA,IAAAC,GAAgC,8BAM5B,IAAAC,GAAA,6BAFG,SAASC,IAAuB,CACrC,SACE,QAAC,GAAAC,KAAQ,YAAR,CACC,UAAWC,EACT,yKACF,EACF,CAEJ","names":["coachmark_exports","__export","namespace_exports","useCoachmarkTour","__toCommonJS","namespace_exports","__export","CoachmarkContent","CoachmarkDescription","CoachmarkRoot","CoachmarkTitle","import_tour","import_clsx","import_tailwind_merge","cn","input","import_jsx_runtime","CoachmarkRoot","_a","_b","children","props","__objRest","ArkTour","__spreadProps","__spreadValues","cn","import_tour","namespace_exports","__export","ButtonIcon","ButtonIconDualColor","ButtonRoot","React","import_factory","React","React","injectPropsToChildren","children","options","targets","props","keyPrefix","asChild","cloned","child","index","_a","_b","displayName","shouldInject","childProps","__spreadProps","__spreadValues","useEnhancedChildren","children","targets","props","asChild","keyPrefix","injectPropsToChildren","React","React","import_pulso_design_tokens","React","import_jsx_runtime","ThemeContext","useTheme","mappedTheme","context","ThemeContext","currentTheme","__spreadValues","import_jsx_runtime","Refresh","color","srText","theme","useTheme","fillColor","cn","import_tailwind_variants","tv","buttonStyles","tv","root","import_jsx_runtime","ButtonRoot","_a","_b","children","className","variant","size","disabled","loading","asChild","full","props","__objRest","enhancedChildrenWithInjectProps","useEnhancedChildren","shouldShowSpinner","refreshColorByVariant","loadingAccessibilityProps","isOnlyIcon","displayName","__spreadProps","__spreadValues","cn","root","Refresh","import_react","React","import_jsx_runtime","Icon","_a","_b","symbol","size","color","props","__objRest","theme","useTheme","resolvedFontSizes","__spreadProps","__spreadValues","import_jsx_runtime","ButtonIcon","variant","size","disabled","iconColor","symbol","sizeToIconSize","variantToIconColor","color","iconSize","Icon","namespace_exports","__export","IconDualColorBottom","IconDualColorRoot","IconDualColorTop","import_factory","import_jsx_runtime","IconDualColorRoot","_a","_b","children","size","disabled","asChild","props","__objRest","enhancedChildrenWithInjectProps","useEnhancedChildren","__spreadProps","__spreadValues","import_jsx_runtime","IconDualColorTop","_a","_b","children","color","size","disabled","props","__objRest","Icon","__spreadProps","__spreadValues","import_jsx_runtime","IconDualColorBottom","_a","_b","children","color","size","disabled","props","__objRest","Icon","__spreadProps","__spreadValues","import_jsx_runtime","ButtonIconDualColor","_a","_b","size","props","__objRest","sizeToIconSize","namespace_exports","__spreadProps","__spreadValues","import_jsx_runtime","CoachmarkContent","_a","_b","children","props","__objRest","stepIndex","totalSteps","handlePrev","handleNext","firstStep","lastStep","currentStep","ArkTour","__spreadProps","__spreadValues","cn","namespace_exports","import_tour","import_react_context","import_jsx_runtime","TagIcon","props","symbol","__scopeTag","variants","useTagContext","DISPLAY_NAME","mapVariantColor","Icon","TagLabelVariants","tv","import_jsx_runtime","TagLabel","props","_a","_b","children","__scopeTag","variants","useTagContext","DISPLAY_NAME","labelText","percentage","regexPattern","stringfiyPercentageValue","percentageValue","TagLabelVariants","TagRootVariants","tv","import_jsx_runtime","DISPLAY_NAME","TagRoot","props","children","variants","__scopeTag","TagProvider","TagRootVariants","createTagContext","useTagContext","Tag","TagLabel","TagIcon","import_jsx_runtime","CoachmarkTitle","tag","hasCloseButton","cn","ArkTour","Tag","namespace_exports","import_tour","import_jsx_runtime","CoachmarkDescription","ArkTour","cn"]}