@rdsaude/pulso-react-components/dist/components/snackbar/index.cjs.map

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.

{"version":3,"sources":["../../../src/components/snackbar/index.ts","../../../src/components/snackbar/snackbar.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/utils/cn.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/snackbar/components/snackbar-action-button/index.tsx","../../../src/components/snackbar/components/snackbar-description/snackbar-description.styles.ts","../../../src/components/snackbar/components/snackbar-description/index.tsx","../../../src/components/snackbar/components/snackbar-icon/index.tsx","../../../src/components/snackbar/components/snackbar-title/snackbar-title.styles.ts","../../../src/components/snackbar/components/snackbar-title/index.tsx","../../../src/components/snackbar/components/snackbar-content/snackbar-content.styles.ts","../../../src/components/snackbar/components/snackbar-content/index.tsx","../../../src/components/link/link.tsx","../../../src/components/link/components/link-icon.tsx","../../../src/components/link/link.styles.ts","../../../src/components/snackbar/components/snackbar-footer/snackbar-footer.styles.ts","../../../src/components/snackbar/components/snackbar-footer/index.tsx","../../../src/components/snackbar/components/snackbar-timebar/index.tsx","../../../src/components/progress-indicator/progress-indicator.tsx","../../../src/components/progress-indicator/hooks/use-handler-progress.ts","../../../src/components/snackbar/components/snackbar-timebar/snackbar-timebar.styles.ts","../../../src/components/snackbar/snackbar.styles.ts"],"sourcesContent":["export { Snackbar } from './snackbar'\nexport type { SnackbarProps } from './snackbar.types'\n","import { type Scope, createContextScope } from '@radix-ui/react-context'\nimport { useState } from 'react'\nimport { SnackbarContent } from './components/snackbar-content'\nimport { SnackbarFooter } from './components/snackbar-footer'\nimport { SnackbarTimeBar } from './components/snackbar-timebar'\nimport { SnackbarRootVariants } from './snackbar.styles'\nimport type { SnackbarProps } from './snackbar.types'\n\ntype SnackbarRootProps = SnackbarProps\n\nexport const DISPLAY_NAME = 'Snackbar'\nconst SnackbarRoot = (props: SnackbarRootProps) => {\n  const {\n    type,\n    children,\n    layout,\n    duration,\n    buttonLabel,\n    onClickFooter,\n    __scopeSnackbar,\n  } = props as SnackbarScopedProps<SnackbarProps>\n  const [isPaused, setPaused] = useState(false)\n  return (\n    <SnackbarProvider\n      scope={__scopeSnackbar}\n      layout={layout}\n      type={type}\n      buttonLabel={buttonLabel}\n      onClickFooter={() => onClickFooter?.()}\n      duration={duration}\n      isPaused={isPaused}\n      setPaused={setPaused}\n    >\n      <div\n        className={SnackbarRootVariants({ type })}\n        data-testid=\"snackbar-root\"\n      >\n        {children}\n      </div>\n    </SnackbarProvider>\n  )\n}\n\nSnackbarRoot.displayName = DISPLAY_NAME\n\n/*\n----------------------------------------------------------------\nScope Definition\n----------------------------------------------------------------\n*/\n\nexport type SnackbarContext = SnackbarProps & {\n  isPaused: boolean\n  setPaused: (paused: boolean) => void\n}\n\nexport type SnackbarScopedProps<P> = P & {\n  __scopeSnackbar?: Scope\n}\n\nconst [createSnackbarContext] = createContextScope(DISPLAY_NAME)\n\nexport const [SnackbarProvider, useSnackbarContext]: readonly [\n  ProviderType<SnackbarContext>,\n  (consumerName: string, scope: Scope) => SnackbarContext,\n] = createSnackbarContext<SnackbarContext>(DISPLAY_NAME)\n\n/*\n----------------------------------------------------------------\nComposition Export\n----------------------------------------------------------------\n*/\n\nexport const Snackbar = {\n  Root: SnackbarRoot,\n  Content: SnackbarContent,\n  Footer: SnackbarFooter,\n  Timebar: SnackbarTimeBar,\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 { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport const cn = (...input: ClassValue[]) => twMerge(clsx(...input))\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 type { ButtonHTMLAttributes } from 'react'\nimport { Button } from '~/components/button'\n\ntype SnackbarActionButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {\n  closable?: boolean\n  onClickAction?: () => void\n}\n\nexport const SnackbarActionButton = (props: SnackbarActionButtonProps) => {\n  const { closable, onClickAction } = props\n  return (\n    <Button.Root\n      variant=\"neutral-tertiary\"\n      onClick={onClickAction}\n      data-testid=\"snackbar-action-button\"\n      size=\"ml\"\n    >\n      <Button.Icon\n        symbol={closable ? 'rdicon-dismiss' : 'rdicon-chevron-right'}\n      />\n    </Button.Root>\n  )\n}\n","import { tv } from '~/utils/tv'\n\nexport const SnackbarDescriptionVariants = tv({\n  base: `\n   text-text-neutral text-threeandhalfpulse !font-rdmodern font-regular\n   leading-small line-clamp-2\n  `,\n})\n","import { SnackbarDescriptionVariants } from './snackbar-description.styles'\n\ntype SnackbarDescriptionProps = {\n  children?: React.ReactNode\n}\n\nexport const SnackbarDescription = (props: SnackbarDescriptionProps) => {\n  const { children } = props\n  return (\n    <p\n      className={SnackbarDescriptionVariants({})}\n      data-testid=\"snackbar-description\"\n      aria-label={children?.toString()}\n    >\n      {children}\n    </p>\n  )\n}\n","import { useCallback } from 'react'\nimport { Icon, type TIconProps } from '~/components/icon'\nimport {\n  DISPLAY_NAME,\n  type SnackbarScopedProps,\n  useSnackbarContext,\n} from '../../snackbar'\nimport type { SnackbarTypes } from '../../snackbar.types'\n\ntype SnackbarIconProps = TIconProps\n\nexport const SnackbarIcon = (props: SnackbarIconProps) => {\n  const { symbol, __scopeSnackbar } =\n    props as SnackbarScopedProps<SnackbarIconProps>\n\n  const { type } = useSnackbarContext(DISPLAY_NAME, __scopeSnackbar)\n\n  const mapper: Record<SnackbarTypes, TIconProps['color']> = {\n    success: 'colorTextSuccessAlternative',\n    informative: 'colorTextInformativeAlternative',\n    warning: 'colorTextWarningAlternative',\n    danger: 'colorTextDangerAlternative',\n    'brand-accent': 'colorActionTextOnbrandDefault',\n  }\n\n  const mapVariantColor = useCallback((): TIconProps['color'] => {\n    return mapper[type]\n  }, [type])\n\n  return (\n    <Icon\n      symbol={symbol}\n      size=\"small\"\n      color={mapVariantColor()}\n      data-testid=\"snackbar-icon\"\n    />\n  )\n}\n","import { tv } from '~/utils/tv'\n\nexport const SnackbarTitleVariants = tv({\n  base: `\n    text-text-neutral text-threeandhalfpulse !font-rdmodern font-bold leading-small\n    truncate max-w-full\n  `,\n})\n","import { SnackbarTitleVariants } from './snackbar-title.styles'\n\ntype SnackbarTitleProps = {\n  children?: React.ReactNode\n}\n\nexport const SnackbarTitle = (props: SnackbarTitleProps) => {\n  const { children } = props\n  return (\n    <p\n      className={SnackbarTitleVariants({})}\n      data-testid=\"snackbar-title\"\n      aria-label={children?.toString()}\n    >\n      {children}\n    </p>\n  )\n}\n","import { tv } from '~/utils/tv'\n\nexport const SnackbarContentVariants = tv({\n  base: `\n    flex flex-row gap-twopulse items-center justify-start\n    px-fourpulse pt-fourpulse\n  `,\n})\n\nexport const SnackbarBoxTextVariants = tv({\n  base: `\n    flex flex-col w-full overflow-hidden gap-onepulse max-h-huge\n  `,\n})\n","import type { TIconProps } from '~/components/icon'\nimport {\n  DISPLAY_NAME,\n  type SnackbarScopedProps,\n  useSnackbarContext,\n} from '../../snackbar'\nimport { SnackbarActionButton } from '../snackbar-action-button'\nimport { SnackbarDescription } from '../snackbar-description'\nimport { SnackbarIcon } from '../snackbar-icon'\nimport { SnackbarTitle } from '../snackbar-title'\nimport {\n  SnackbarBoxTextVariants,\n  SnackbarContentVariants,\n} from './snackbar-content.styles'\n\ntype SnackbarContentProps = {\n  title?: string\n  description: string\n  onClickAction?: () => void\n  closable?: boolean\n  iconName?: TIconProps['symbol']\n}\n\nexport const SnackbarContent = (props: SnackbarContentProps) => {\n  const {\n    description,\n    title,\n    onClickAction,\n    closable,\n    iconName,\n    __scopeSnackbar,\n  } = props as SnackbarScopedProps<SnackbarContentProps>\n  const { layout, setPaused } = useSnackbarContext(\n    DISPLAY_NAME,\n    __scopeSnackbar\n  )\n  const handlePause = () => {\n    setPaused(true)\n  }\n  const handleRestart = () => {\n    setPaused(false)\n  }\n\n  return (\n    <div\n      className={SnackbarContentVariants({})}\n      data-testid=\"snackbar-content\"\n      onMouseDown={handlePause}\n      onMouseUp={handleRestart}\n    >\n      {iconName !== undefined && <SnackbarIcon symbol={iconName} />}\n      <div className={SnackbarBoxTextVariants({})}>\n        {title && <SnackbarTitle>{title}</SnackbarTitle>}\n        <SnackbarDescription>{description}</SnackbarDescription>\n      </div>\n      {layout === undefined && (\n        <SnackbarActionButton\n          closable={closable}\n          onClickAction={onClickAction}\n        />\n      )}\n    </div>\n  )\n}\n","import { type Scope, createContextScope } from '@radix-ui/react-context'\nimport { forwardRef } from 'react'\nimport { LinkIcon } from './components/link-icon'\nimport {\n  iconLinkVariants,\n  labelLinkVariants,\n  linkVariants,\n} from './link.styles'\nimport type { LinkProps } from './link.types'\n\ntype LinkContext = Pick<LinkProps, 'size' | 'disabled'>\n\nconst DISPLAY_NAME = 'Link'\n\nconst LinkRoot = forwardRef<HTMLAnchorElement, LinkProps>(\n  (props: LinkScopedProps<LinkProps>, ref) => {\n    const {\n      children,\n      icon,\n      size,\n      disabled,\n      full,\n      __scopeLink,\n      href,\n      onClick,\n      ...rest\n    } = props\n\n    const linkClassName = linkVariants({\n      size,\n      disabled,\n      full,\n    })\n\n    const handleClick = (\n      event: React.MouseEvent<HTMLAnchorElement, MouseEvent>\n    ) => {\n      if (disabled) {\n        event.preventDefault()\n        event.stopPropagation()\n        return\n      }\n      if (onClick) {\n        onClick(event)\n      }\n    }\n\n    return (\n      <LinkProvider scope={__scopeLink} size={size} disabled={disabled}>\n        <a\n          {...rest}\n          ref={ref}\n          href={disabled ? undefined : href}\n          className={linkClassName}\n          aria-disabled={disabled}\n          role=\"link\"\n          onClick={handleClick}\n        >\n          <div className={labelLinkVariants()}>{children}</div>\n          {icon && <LinkIcon className={iconLinkVariants()} />}\n        </a>\n      </LinkProvider>\n    )\n  }\n)\n\nLinkRoot.displayName = DISPLAY_NAME\n\n/*\nScope Definition\n*/\n\nexport type LinkScopedProps<P> = P & {\n  __scopeLink?: Scope\n}\n\nconst [createLinkContext] = createContextScope(DISPLAY_NAME)\n\nexport const [LinkProvider, useLinkContext]: readonly [\n  ProviderType<LinkContext>,\n  (consumerName: string, scope: Scope) => LinkContext,\n] = createLinkContext<LinkContext>(DISPLAY_NAME)\n\n/*\nComposition Export\n*/\n\nexport const Link = {\n  Root: LinkRoot,\n}\n","import { Icon, type TIconProps } from '~/components/icon'\nimport { useLinkContext } from '../link'\nimport type { LinkIconProps, LinkScopedProps } from '../link.types'\n\nexport function LinkIcon({\n  __scopeLink,\n  color = 'colorTextNeutralDefault',\n  className,\n  ...props\n}: LinkScopedProps<LinkIconProps> & { className?: string }) {\n  const { size, disabled } = useLinkContext('LinkIcon', __scopeLink)\n\n  const iconSizeMapper: Record<string, TIconProps['size']> = {\n    md: 'tiny',\n    ml: 'tiny',\n  } as const\n\n  return (\n    <div\n      className={`flex items-center ${className && className}`}\n      role=\"figure\"\n    >\n      <Icon\n        {...props}\n        symbol=\"rdicon-open\"\n        color={disabled ? 'colorTextNeutralDisabled' : color}\n        size={iconSizeMapper[size!]}\n      />\n    </div>\n  )\n}\n","import { tv } from '~/utils/tv'\n\nexport const linkVariants = tv({\n  base: 'letter-spacing-default inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md rounded-pill border-action-border-neutral-tertiary-enabled bg-action-fill-neutral-tertiary-enabled px-fourpulse text-text-neutral hover:border-action-border-neutral-tertiary-hovered hover:bg-action-fill-neutral-tertiary-hovered focus:border-action-border-focused focus:border-halfpulse active:border-action-border-neutral-tertiary-pressed active:bg-action-fill-neutral-tertiary-pressed focus:active:border-action-border-focused',\n  variants: {\n    size: {\n      md: 'h-medium min-w-medium font-semibold text-threepulse leading-medium',\n      ml: 'h-mediumlarge min-w-mediumlarge font-semibold text-threeandhalfpulse leading-small',\n    },\n    disabled: {\n      true: 'cursor-not-allowed border-action-border-neutral-tertiary-disabled bg-action-fill-neutral-tertiary-disabled text-text-neutral-disabled hover:bg-action-fill-neutral-tertiary-disabled active:bg-action-fill-neutral-tertiary-disabled',\n      false: '',\n    },\n    full: {\n      true: 'w-full',\n    },\n    withIcon: {\n      true: 'pl-1',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\nexport const labelLinkVariants = tv({\n  base: 'inline-flex h-small items-center justify-center underline decoration-solid',\n})\nexport const iconLinkVariants = tv({\n  base: 'pl-onepulse no-underline',\n})\n","import { tv } from '~/utils/tv'\n\nexport const SnackbarFooterButtonVariants = tv({\n  base: `\n    flex pl-twelvepulse pr-fourpulse pt-twopulse\n  `,\n})\nexport const SnackbarFooterLinkVariants = tv({\n  base: `\n    flex pl-eightpulse pr-fourpulse pt-twopulse\n  `,\n})\n","import { Button } from '~/components/button'\nimport { Link } from '~/components/link'\nimport {\n  DISPLAY_NAME,\n  type SnackbarScopedProps,\n  useSnackbarContext,\n} from '../../snackbar'\nimport {\n  SnackbarFooterButtonVariants,\n  SnackbarFooterLinkVariants,\n} from './snackbar-footer.styles'\n\ntype SnackbarFooterProps = {}\nexport const SnackbarFooter = (props: SnackbarFooterProps) => {\n  const { __scopeSnackbar } = props as SnackbarScopedProps<SnackbarFooterProps>\n\n  const { onClickFooter, layout, buttonLabel, setPaused } = useSnackbarContext(\n    DISPLAY_NAME,\n    __scopeSnackbar\n  )\n\n  const handlePause = () => {\n    setPaused(true)\n  }\n  const handleRestart = () => {\n    setPaused(false)\n  }\n\n  if (layout === undefined) {\n    return\n  }\n\n  if (layout === 'with-link') {\n    return (\n      <div\n        className={SnackbarFooterLinkVariants({})}\n        data-testid=\"snackbar-footer-link\"\n        onMouseDown={handlePause}\n        onMouseUp={handleRestart}\n      >\n        <Link.Root icon size=\"ml\" onClick={onClickFooter}>\n          {buttonLabel === '' || !buttonLabel ? 'Link' : buttonLabel}\n        </Link.Root>\n      </div>\n    )\n  }\n  return (\n    <div\n      className={SnackbarFooterButtonVariants({})}\n      data-testid=\"snackbar-footer-button\"\n      onMouseDown={handlePause}\n      onMouseUp={handleRestart}\n    >\n      <Button.Root\n        onClick={onClickFooter}\n        full\n        variant=\"neutral-secondary\"\n        size=\"ml\"\n      >\n        {buttonLabel === '' || !buttonLabel ? 'Button' : buttonLabel}\n      </Button.Root>\n    </div>\n  )\n}\n","import React, { useCallback } from 'react'\nimport {\n  ProgressIndicator,\n  type ProgressIndicatorProps,\n} from '~/components/progress-indicator'\nimport {\n  DISPLAY_NAME,\n  type SnackbarScopedProps,\n  useSnackbarContext,\n} from '../../snackbar'\nimport type { SnackbarTypes } from '../../snackbar.types'\nimport { SnackbarTimebarVariants } from './snackbar-timebar.styles'\n\ntype SnackbarTimeBarProps = {}\n\nexport const SnackbarTimeBar = (props: SnackbarTimeBarProps) => {\n  const { __scopeSnackbar } = props as SnackbarScopedProps<SnackbarTimeBarProps>\n  const {\n    duration = 5000,\n    type,\n    isPaused,\n  } = useSnackbarContext(DISPLAY_NAME, __scopeSnackbar)\n\n  const mapper: Record<SnackbarTypes, ProgressIndicatorProps['variant']> = {\n    success: 'success',\n    informative: 'informative',\n    warning: 'warning',\n    danger: 'danger',\n    'brand-accent': 'brand',\n  }\n\n  const [percentage, setPercentage] = React.useState(0)\n\n  React.useEffect(() => {\n    if (isPaused) return\n\n    const interval = setInterval(() => {\n      setPercentage(prev => {\n        const nextValue = prev + 100 / (duration / 100)\n        return Math.min(nextValue, 100)\n      })\n    }, 100)\n\n    return () => clearInterval(interval)\n  }, [isPaused, duration])\n\n  const mapVariantColor = useCallback((): ProgressIndicatorProps['variant'] => {\n    return mapper[type]\n  }, [type])\n\n  return (\n    <div className={SnackbarTimebarVariants({})} data-testid=\"snackbar-timebar\">\n      <ProgressIndicator\n        percentage={percentage}\n        bgTransparent\n        size=\"nano\"\n        variant={mapVariantColor()}\n      />\n    </div>\n  )\n}\n","import { forwardRef } from 'react'\n\nimport type { VariantProps } from 'tailwind-variants'\n\nimport { cn } from '~/utils/cn'\nimport { tv } from '~/utils/tv'\n\nimport { useHandlerProgress } from './hooks/use-handler-progress'\n\ntype ProgressIndicatorProps = React.ComponentPropsWithoutRef<'div'> &\n  VariantProps<typeof progressIndicatorStyles> & {\n    /**\n     * Representa o progresso atual em porcentagem (0 a 100).\n     */\n    percentage?: number\n    /**\n     * Define o tempo estimado (em milissegundos) para o progresso atingir 100%.\n     */\n    duration?: number\n    /**\n     * Indica se o fundo do indicador deve ser transparente.\n     */\n    bgTransparent?: boolean\n    /**\n     * Callback acionado ao final do progresso, quando percentage atinge 100%.\n     */\n    onComplete?(): void\n  }\n\nexport const progressIndicatorStyles = tv({\n  base: 'flex w-full min-w-48 overflow-hidden rounded-pill p-none',\n  variants: {\n    variant: {\n      brand: '*:bg-action-fill-brand-primary-enabled',\n      neutral: '*:bg-text-neutral',\n      'neutral-readonly': '*:bg-text-neutral-readonly',\n      inverse: '*:bg-text-neutral-inverse',\n      informative: '*:bg-text-informative-alternative',\n      success: '*:bg-text-success-alternative',\n      warning: '*:bg-text-warning-alternative',\n      danger: '*:bg-text-danger-alternative',\n    },\n    size: {\n      tiny: 'h-tiny',\n      // @TODO - Exchange for a semantic token\n      mini: 'h-3',\n      micro: 'h-2',\n      nano: 'h-1',\n      pico: 'h-[0.125rem]',\n    },\n  },\n  defaultVariants: {\n    variant: 'brand',\n    size: 'tiny',\n  },\n})\n\nconst ProgressIndicator = forwardRef<HTMLDivElement, ProgressIndicatorProps>(\n  (\n    {\n      variant,\n      size,\n      percentage = 0,\n      duration = 0,\n      onComplete,\n      bgTransparent,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    if (percentage > 0 && duration) {\n      throw new Error(\n        \"As propriedades 'percentage' e 'duration' são mutuamente exclusivas. Por favor, forneça apenas uma delas.\"\n      )\n    }\n\n    if (!props['aria-labelledby']) {\n      console.warn(\n        'A propriedade \"aria-labelledby\" é obrigatória para acessibilidade. Por favor, forneça um rótulo para o componente.'\n      )\n    }\n\n    const {\n      currentPercentage,\n      PROGRESS_INDICATOR_MIN_VALUE,\n      PROGRESS_INDICATOR_MAX_VALUE,\n    } = useHandlerProgress(percentage, duration, onComplete)\n\n    const classname = cn(\n      progressIndicatorStyles({\n        variant,\n        size,\n        className: bgTransparent\n          ? 'bg-transparent'\n          : 'bg-[--color-fill-neutral-fallback]',\n      }),\n      className\n    )\n\n    return (\n      <div\n        {...props}\n        role=\"meter\"\n        ref={ref}\n        className={classname}\n        style={\n          // @TODO - Exchange for a semantic token\n          {\n            '--color-fill-neutral-fallback': '#E6E6E6',\n            '--progress-width': `${currentPercentage}%`,\n          } as Record<string, string>\n        }\n        aria-valuenow={currentPercentage}\n        aria-valuemin={PROGRESS_INDICATOR_MIN_VALUE}\n        aria-valuemax={PROGRESS_INDICATOR_MAX_VALUE}\n      >\n        <span\n          className={cn(\n            'block h-full w-[--progress-width] rounded-tr-pill rounded-br-pill transition-transform ease-linear'\n          )}\n        />\n      </div>\n    )\n  }\n)\n\nProgressIndicator.displayName = 'ProgressIndicator'\n\nexport { ProgressIndicator }\nexport type { ProgressIndicatorProps }\n","import { useEffect, useState } from 'react'\n\nexport function useHandlerProgress(\n  percentage: number,\n  duration: number,\n  onComplete?: () => void\n) {\n  const PROGRESS_INDICATOR_MIN_VALUE = 0\n  const PROGRESS_INDICATOR_MAX_VALUE = 100\n\n  const [currentPercentage, setCurrentPercentage] = useState(\n    Math.min(\n      Math.max(percentage, PROGRESS_INDICATOR_MIN_VALUE),\n      PROGRESS_INDICATOR_MAX_VALUE\n    )\n  )\n\n  useEffect(() => {\n    setCurrentPercentage(\n      Math.min(\n        Math.max(percentage, PROGRESS_INDICATOR_MIN_VALUE),\n        PROGRESS_INDICATOR_MAX_VALUE\n      )\n    )\n\n    if (percentage === PROGRESS_INDICATOR_MAX_VALUE && onComplete) {\n      onComplete()\n    }\n  }, [percentage, onComplete])\n\n  useEffect(() => {\n    if (duration) {\n      const interval = duration / PROGRESS_INDICATOR_MAX_VALUE\n      let progress = PROGRESS_INDICATOR_MIN_VALUE\n\n      const intervalId = setInterval(() => {\n        progress += 1\n        setCurrentPercentage(prev =>\n          Math.min(Math.max(prev + 1, 0), PROGRESS_INDICATOR_MAX_VALUE)\n        )\n\n        if (progress >= PROGRESS_INDICATOR_MAX_VALUE) {\n          clearInterval(intervalId)\n          onComplete?.()\n        }\n      }, interval)\n\n      return () => clearInterval(intervalId)\n    }\n  }, [duration, onComplete])\n\n  return {\n    currentPercentage,\n    PROGRESS_INDICATOR_MIN_VALUE,\n    PROGRESS_INDICATOR_MAX_VALUE,\n  }\n}\n","import { tv } from '~/utils/tv'\n\nexport const SnackbarTimebarVariants = tv({\n  base: `\n     max-h-onepulse px-0.5\n  `,\n})\n","import { tv } from '~/utils/tv'\n\nexport const SnackbarRootVariants = tv({\n  base: `\n    flex flex-col min-w-[256px] max-w-[768px] border-quarterpulse\n    rounded-form border-border-neutral overflow-hidden\n    pb-fourpulse\n   `,\n  variants: {\n    type: {\n      'brand-accent': 'bg-fill-neutral',\n      informative: 'bg-fill-informative-alternative',\n      success: 'bg-fill-success-alternative',\n      warning: 'bg-fill-warning-alternative',\n      danger: 'bg-fill-danger-alternative',\n    },\n  },\n})\n"],"mappings":"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