silver-ui 0.3.1 → 0.5.0

package/dist/chunk-RDNMAV5B.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Theme/Theme.tsx"],"names":[],"mappings":"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","file":"chunk-RDNMAV5B.js","sourcesContent":["import {\n  Fragment,\n  createElement,\n  useId,\n  type CSSProperties,\n  type ElementType,\n  type HTMLAttributes,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {cx} from '../../internal/cx';\n\nexport type ThemeMode = 'dark' | 'light' | 'system';\n\nexport type ThemePaletteName =\n  | 'blue'\n  | 'cyan'\n  | 'gray'\n  | 'green'\n  | 'orange'\n  | 'pink'\n  | 'purple'\n  | 'red'\n  | 'teal'\n  | 'yellow';\n\nexport type ThemePaletteStep =\n  | 50\n  | 100\n  | 200\n  | 300\n  | 400\n  | 500\n  | 600\n  | 700\n  | 800\n  | 900;\n\nexport type ThemePaletteReference =\n  | `${ThemePaletteName}.${ThemePaletteStep}`\n  | `${ThemePaletteName}-${ThemePaletteStep}`;\n\nexport type ThemeColorValue = ThemePaletteReference | (string & {});\ntype ThemeCssVariableName = `--silver-${string}`;\ntype ThemeCssVariables = Partial<Record<ThemeCssVariableName, string>>;\n\nexport interface ThemeColorTokens {\n  bg?: ThemeColorValue;\n  bgGhostActive?: ThemeColorValue;\n  bgGhostHover?: ThemeColorValue;\n  bgHover?: ThemeColorValue;\n  bgSelected?: ThemeColorValue;\n  bgSubtle?: ThemeColorValue;\n  border?: ThemeColorValue;\n  borderEmphasized?: ThemeColorValue;\n  destructive?: ThemeColorValue;\n  destructiveActive?: ThemeColorValue;\n  destructiveFg?: ThemeColorValue;\n  destructiveHover?: ThemeColorValue;\n  fg?: ThemeColorValue;\n  fgDisabled?: ThemeColorValue;\n  fgMuted?: ThemeColorValue;\n  fgOnPrimary?: ThemeColorValue;\n  iconAccent?: ThemeColorValue;\n  iconBlue?: ThemeColorValue;\n  iconCyan?: ThemeColorValue;\n  iconDisabled?: ThemeColorValue;\n  iconError?: ThemeColorValue;\n  iconGray?: ThemeColorValue;\n  iconGreen?: ThemeColorValue;\n  iconInfo?: ThemeColorValue;\n  iconOrange?: ThemeColorValue;\n  iconPink?: ThemeColorValue;\n  iconPrimary?: ThemeColorValue;\n  iconPurple?: ThemeColorValue;\n  iconRed?: ThemeColorValue;\n  iconSecondary?: ThemeColorValue;\n  iconSuccess?: ThemeColorValue;\n  iconTeal?: ThemeColorValue;\n  iconTertiary?: ThemeColorValue;\n  iconWarning?: ThemeColorValue;\n  iconYellow?: ThemeColorValue;\n  overlayScrim?: ThemeColorValue;\n  overlayScrimStrong?: ThemeColorValue;\n  overlayScrimSubtle?: ThemeColorValue;\n  presenceError?: ThemeColorValue;\n  presenceNeutral?: ThemeColorValue;\n  presenceSuccess?: ThemeColorValue;\n  primary?: ThemeColorValue;\n  primaryActive?: ThemeColorValue;\n  primaryHover?: ThemeColorValue;\n  primarySubtle?: ThemeColorValue;\n  skeleton?: ThemeColorValue;\n  skeletonShimmer?: ThemeColorValue;\n  statusDisabledSolid?: ThemeColorValue;\n  statusDisabledSolidFg?: ThemeColorValue;\n  statusErrorBorder?: ThemeColorValue;\n  statusErrorBorderHover?: ThemeColorValue;\n  statusErrorFg?: ThemeColorValue;\n  statusErrorSolid?: ThemeColorValue;\n  statusErrorSolidFg?: ThemeColorValue;\n  statusInfoFg?: ThemeColorValue;\n  statusInfoSolid?: ThemeColorValue;\n  statusInfoSolidFg?: ThemeColorValue;\n  statusNeutralSolid?: ThemeColorValue;\n  statusNeutralSolidFg?: ThemeColorValue;\n  statusSuccessBorder?: ThemeColorValue;\n  statusSuccessBorderHover?: ThemeColorValue;\n  statusSuccessFg?: ThemeColorValue;\n  statusSuccessSolid?: ThemeColorValue;\n  statusSuccessSolidFg?: ThemeColorValue;\n  statusWarningBorder?: ThemeColorValue;\n  statusWarningBorderHover?: ThemeColorValue;\n  statusWarningFg?: ThemeColorValue;\n  statusWarningSolid?: ThemeColorValue;\n  statusWarningSolidFg?: ThemeColorValue;\n  surfaceBlue?: ThemeColorValue;\n  surfaceBlueAccent?: ThemeColorValue;\n  surfaceBlueFg?: ThemeColorValue;\n  surfaceBlueHover?: ThemeColorValue;\n  surfaceCyan?: ThemeColorValue;\n  surfaceCyanAccent?: ThemeColorValue;\n  surfaceCyanFg?: ThemeColorValue;\n  surfaceCyanHover?: ThemeColorValue;\n  surfaceGray?: ThemeColorValue;\n  surfaceGrayAccent?: ThemeColorValue;\n  surfaceGrayFg?: ThemeColorValue;\n  surfaceGrayHover?: ThemeColorValue;\n  surfaceGreen?: ThemeColorValue;\n  surfaceGreenAccent?: ThemeColorValue;\n  surfaceGreenFg?: ThemeColorValue;\n  surfaceGreenHover?: ThemeColorValue;\n  surfaceOrange?: ThemeColorValue;\n  surfaceOrangeAccent?: ThemeColorValue;\n  surfaceOrangeFg?: ThemeColorValue;\n  surfaceOrangeHover?: ThemeColorValue;\n  surfacePink?: ThemeColorValue;\n  surfacePinkAccent?: ThemeColorValue;\n  surfacePinkFg?: ThemeColorValue;\n  surfacePinkHover?: ThemeColorValue;\n  surfacePurple?: ThemeColorValue;\n  surfacePurpleAccent?: ThemeColorValue;\n  surfacePurpleFg?: ThemeColorValue;\n  surfacePurpleHover?: ThemeColorValue;\n  surfaceRed?: ThemeColorValue;\n  surfaceRedAccent?: ThemeColorValue;\n  surfaceRedFg?: ThemeColorValue;\n  surfaceRedHover?: ThemeColorValue;\n  surfaceTeal?: ThemeColorValue;\n  surfaceTealAccent?: ThemeColorValue;\n  surfaceTealFg?: ThemeColorValue;\n  surfaceTealHover?: ThemeColorValue;\n  surfaceYellow?: ThemeColorValue;\n  surfaceYellowAccent?: ThemeColorValue;\n  surfaceYellowFg?: ThemeColorValue;\n  surfaceYellowHover?: ThemeColorValue;\n  track?: ThemeColorValue;\n  trackDisabled?: ThemeColorValue;\n  trackEmphasized?: ThemeColorValue;\n}\n\nexport interface ThemeFontTokens {\n  body?: string;\n  mono?: string;\n}\n\nexport interface ThemeFontSizeTokens {\n  componentLg?: string;\n  componentMd?: string;\n  componentSm?: string;\n  iconLg?: string;\n  iconMd?: string;\n  iconSm?: string;\n}\n\nexport interface ThemeRadiusTokens {\n  componentLg?: string;\n  componentMd?: string;\n  componentSm?: string;\n  lg?: string;\n  md?: string;\n  sm?: string;\n}\n\nexport interface ThemeShadowTokens {\n  focus?: string;\n  focusError?: string;\n  focusSuccess?: string;\n  focusWarning?: string;\n}\n\nexport interface ThemeSizeTokens {\n  componentLg?: string;\n  componentMd?: string;\n  componentSm?: string;\n  iconLg?: string;\n  iconMd?: string;\n  iconSm?: string;\n}\n\nexport interface ThemeSpacingTokens {\n  componentLg?: string;\n  componentMd?: string;\n  componentSm?: string;\n  focusOffset?: string;\n  focusOffsetLoose?: string;\n  focusOffsetTight?: string;\n}\n\nexport interface ThemeTokens {\n  colors?: ThemeColorTokens;\n  fonts?: ThemeFontTokens;\n  fontSizes?: ThemeFontSizeTokens;\n  radii?: ThemeRadiusTokens;\n  shadows?: ThemeShadowTokens;\n  sizes?: ThemeSizeTokens;\n  spacing?: ThemeSpacingTokens;\n}\n\nexport interface ThemeModeTokens {\n  dark?: ThemeTokens;\n  light?: ThemeTokens;\n}\n\nexport interface ThemeProps extends HTMLAttributes<HTMLElement> {\n  /**\n   * HTML element type to render.\n   * @default 'div'\n   */\n  as?: ElementType;\n  /**\n   * Theme content.\n   */\n  children?: ReactNode;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Theme mode. System mode omits data-theme and follows existing CSS/media\n   * query behavior.\n   * @default 'system'\n   */\n  mode?: ThemeMode;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Friendly token overrides mapped to Silver CSS custom properties.\n   */\n  themes?: ThemeModeTokens;\n  /**\n   * Friendly token overrides applied in every mode.\n   */\n  tokens?: ThemeTokens;\n}\n\nconst colorTokenVariables: Record<\n  keyof ThemeColorTokens,\n  ThemeCssVariableName\n> = {\n  bg: '--silver-colors-bg',\n  bgGhostActive: '--silver-colors-bg-ghost-active',\n  bgGhostHover: '--silver-colors-bg-ghost-hover',\n  bgHover: '--silver-colors-bg-hover',\n  bgSelected: '--silver-colors-bg-selected',\n  bgSubtle: '--silver-colors-bg-subtle',\n  border: '--silver-colors-border',\n  borderEmphasized: '--silver-colors-border-emphasized',\n  destructive: '--silver-colors-destructive',\n  destructiveActive: '--silver-colors-destructive-active',\n  destructiveFg: '--silver-colors-destructive-fg',\n  destructiveHover: '--silver-colors-destructive-hover',\n  fg: '--silver-colors-fg',\n  fgDisabled: '--silver-colors-fg-disabled',\n  fgMuted: '--silver-colors-fg-muted',\n  fgOnPrimary: '--silver-colors-fg-on-primary',\n  primary: '--silver-colors-primary',\n  primaryActive: '--silver-colors-primary-active',\n  primaryHover: '--silver-colors-primary-hover',\n  primarySubtle: '--silver-colors-primary-subtle',\n  iconAccent: '--silver-colors-icon-accent',\n  iconBlue: '--silver-colors-icon-blue',\n  iconCyan: '--silver-colors-icon-cyan',\n  iconDisabled: '--silver-colors-icon-disabled',\n  iconError: '--silver-colors-icon-error',\n  iconGray: '--silver-colors-icon-gray',\n  iconGreen: '--silver-colors-icon-green',\n  iconInfo: '--silver-colors-icon-info',\n  iconOrange: '--silver-colors-icon-orange',\n  iconPink: '--silver-colors-icon-pink',\n  iconPrimary: '--silver-colors-icon-primary',\n  iconPurple: '--silver-colors-icon-purple',\n  iconRed: '--silver-colors-icon-red',\n  iconSecondary: '--silver-colors-icon-secondary',\n  iconSuccess: '--silver-colors-icon-success',\n  iconTeal: '--silver-colors-icon-teal',\n  iconTertiary: '--silver-colors-icon-tertiary',\n  iconWarning: '--silver-colors-icon-warning',\n  iconYellow: '--silver-colors-icon-yellow',\n  overlayScrim: '--silver-colors-overlay-scrim',\n  overlayScrimStrong: '--silver-colors-overlay-scrim-strong',\n  overlayScrimSubtle: '--silver-colors-overlay-scrim-subtle',\n  presenceError: '--silver-colors-presence-error',\n  presenceNeutral: '--silver-colors-presence-neutral',\n  presenceSuccess: '--silver-colors-presence-success',\n  skeleton: '--silver-colors-skeleton',\n  skeletonShimmer: '--silver-colors-skeleton-shimmer',\n  statusDisabledSolid: '--silver-colors-status-disabled-solid',\n  statusDisabledSolidFg: '--silver-colors-status-disabled-solid-fg',\n  statusErrorBorder: '--silver-colors-status-error-border',\n  statusErrorBorderHover: '--silver-colors-status-error-border-hover',\n  statusErrorFg: '--silver-colors-status-error-fg',\n  statusErrorSolid: '--silver-colors-status-error-solid',\n  statusErrorSolidFg: '--silver-colors-status-error-solid-fg',\n  statusInfoFg: '--silver-colors-status-info-fg',\n  statusInfoSolid: '--silver-colors-status-info-solid',\n  statusInfoSolidFg: '--silver-colors-status-info-solid-fg',\n  statusNeutralSolid: '--silver-colors-status-neutral-solid',\n  statusNeutralSolidFg: '--silver-colors-status-neutral-solid-fg',\n  statusSuccessBorder: '--silver-colors-status-success-border',\n  statusSuccessBorderHover: '--silver-colors-status-success-border-hover',\n  statusSuccessFg: '--silver-colors-status-success-fg',\n  statusSuccessSolid: '--silver-colors-status-success-solid',\n  statusSuccessSolidFg: '--silver-colors-status-success-solid-fg',\n  statusWarningBorder: '--silver-colors-status-warning-border',\n  statusWarningBorderHover: '--silver-colors-status-warning-border-hover',\n  statusWarningFg: '--silver-colors-status-warning-fg',\n  statusWarningSolid: '--silver-colors-status-warning-solid',\n  statusWarningSolidFg: '--silver-colors-status-warning-solid-fg',\n  surfaceBlue: '--silver-colors-surface-blue',\n  surfaceBlueAccent: '--silver-colors-surface-blue-accent',\n  surfaceBlueFg: '--silver-colors-surface-blue-fg',\n  surfaceBlueHover: '--silver-colors-surface-blue-hover',\n  surfaceCyan: '--silver-colors-surface-cyan',\n  surfaceCyanAccent: '--silver-colors-surface-cyan-accent',\n  surfaceCyanFg: '--silver-colors-surface-cyan-fg',\n  surfaceCyanHover: '--silver-colors-surface-cyan-hover',\n  surfaceGray: '--silver-colors-surface-gray',\n  surfaceGrayAccent: '--silver-colors-surface-gray-accent',\n  surfaceGrayFg: '--silver-colors-surface-gray-fg',\n  surfaceGrayHover: '--silver-colors-surface-gray-hover',\n  surfaceGreen: '--silver-colors-surface-green',\n  surfaceGreenAccent: '--silver-colors-surface-green-accent',\n  surfaceGreenFg: '--silver-colors-surface-green-fg',\n  surfaceGreenHover: '--silver-colors-surface-green-hover',\n  surfaceOrange: '--silver-colors-surface-orange',\n  surfaceOrangeAccent: '--silver-colors-surface-orange-accent',\n  surfaceOrangeFg: '--silver-colors-surface-orange-fg',\n  surfaceOrangeHover: '--silver-colors-surface-orange-hover',\n  surfacePink: '--silver-colors-surface-pink',\n  surfacePinkAccent: '--silver-colors-surface-pink-accent',\n  surfacePinkFg: '--silver-colors-surface-pink-fg',\n  surfacePinkHover: '--silver-colors-surface-pink-hover',\n  surfacePurple: '--silver-colors-surface-purple',\n  surfacePurpleAccent: '--silver-colors-surface-purple-accent',\n  surfacePurpleFg: '--silver-colors-surface-purple-fg',\n  surfacePurpleHover: '--silver-colors-surface-purple-hover',\n  surfaceRed: '--silver-colors-surface-red',\n  surfaceRedAccent: '--silver-colors-surface-red-accent',\n  surfaceRedFg: '--silver-colors-surface-red-fg',\n  surfaceRedHover: '--silver-colors-surface-red-hover',\n  surfaceTeal: '--silver-colors-surface-teal',\n  surfaceTealAccent: '--silver-colors-surface-teal-accent',\n  surfaceTealFg: '--silver-colors-surface-teal-fg',\n  surfaceTealHover: '--silver-colors-surface-teal-hover',\n  surfaceYellow: '--silver-colors-surface-yellow',\n  surfaceYellowAccent: '--silver-colors-surface-yellow-accent',\n  surfaceYellowFg: '--silver-colors-surface-yellow-fg',\n  surfaceYellowHover: '--silver-colors-surface-yellow-hover',\n  track: '--silver-colors-track',\n  trackDisabled: '--silver-colors-track-disabled',\n  trackEmphasized: '--silver-colors-track-emphasized',\n};\n\nconst fontTokenVariables: Record<keyof ThemeFontTokens, ThemeCssVariableName> =\n  {\n    body: '--silver-fonts-body',\n    mono: '--silver-fonts-mono',\n  };\n\nconst fontSizeTokenVariables: Record<\n  keyof ThemeFontSizeTokens,\n  ThemeCssVariableName\n> = {\n  componentLg: '--silver-font-sizes-component-lg',\n  componentMd: '--silver-font-sizes-component-md',\n  componentSm: '--silver-font-sizes-component-sm',\n  iconLg: '--silver-font-sizes-icon-lg',\n  iconMd: '--silver-font-sizes-icon-md',\n  iconSm: '--silver-font-sizes-icon-sm',\n};\n\nconst radiusTokenVariables: Record<\n  keyof ThemeRadiusTokens,\n  ThemeCssVariableName\n> = {\n  componentLg: '--silver-radii-component-lg',\n  componentMd: '--silver-radii-component-md',\n  componentSm: '--silver-radii-component-sm',\n  lg: '--silver-radii-lg',\n  md: '--silver-radii-md',\n  sm: '--silver-radii-sm',\n};\n\nconst shadowTokenVariables: Record<\n  keyof ThemeShadowTokens,\n  ThemeCssVariableName\n> = {\n  focus: '--silver-shadows-focus',\n  focusError: '--silver-shadows-focus-error',\n  focusSuccess: '--silver-shadows-focus-success',\n  focusWarning: '--silver-shadows-focus-warning',\n};\n\nconst sizeTokenVariables: Record<keyof ThemeSizeTokens, ThemeCssVariableName> =\n  {\n    componentLg: '--silver-sizes-component-lg',\n    componentMd: '--silver-sizes-component-md',\n    componentSm: '--silver-sizes-component-sm',\n    iconLg: '--silver-sizes-icon-lg',\n    iconMd: '--silver-sizes-icon-md',\n    iconSm: '--silver-sizes-icon-sm',\n  };\n\nconst spacingTokenVariables: Record<\n  keyof ThemeSpacingTokens,\n  ThemeCssVariableName\n> = {\n  componentLg: '--silver-spacing-component-lg',\n  componentMd: '--silver-spacing-component-md',\n  componentSm: '--silver-spacing-component-sm',\n  focusOffset: '--silver-spacing-focus-offset',\n  focusOffsetLoose: '--silver-spacing-focus-offset-loose',\n  focusOffsetTight: '--silver-spacing-focus-offset-tight',\n};\n\nconst paletteReferencePattern =\n  /^(blue|cyan|gray|green|orange|pink|purple|red|teal|yellow)[.-](50|100|200|300|400|500|600|700|800|900)$/;\n\nfunction resolveThemeColorValue(value: ThemeColorValue): string {\n  const match = paletteReferencePattern.exec(value);\n\n  if (match == null) {\n    return value;\n  }\n\n  const [, paletteName, paletteStep] = match;\n  return `var(--silver-colors-${paletteName}-${paletteStep})`;\n}\n\nfunction assignTokenVariables<TTokenName extends string>(\n  style: ThemeCssVariables,\n  tokens: Partial<Record<TTokenName, string>> | undefined,\n  variables: Record<TTokenName, ThemeCssVariableName>,\n  resolveValue: (value: string) => string = value => value,\n): void {\n  if (tokens == null) {\n    return;\n  }\n\n  for (const tokenName of Object.keys(variables) as TTokenName[]) {\n    const value = tokens[tokenName];\n\n    if (value != null) {\n      style[variables[tokenName]] = resolveValue(value);\n    }\n  }\n}\n\nfunction createThemeStyle(\n  tokens: ThemeTokens | undefined,\n  style: CSSProperties | undefined,\n): CSSProperties {\n  return {\n    ...createThemeVariables(tokens),\n    ...style,\n  };\n}\n\nfunction createThemeVariables(\n  tokens: ThemeTokens | undefined,\n): ThemeCssVariables {\n  const themeStyle: ThemeCssVariables = {};\n\n  assignTokenVariables(\n    themeStyle,\n    tokens?.colors,\n    colorTokenVariables,\n    resolveThemeColorValue,\n  );\n  assignTokenVariables(themeStyle, tokens?.fontSizes, fontSizeTokenVariables);\n  assignTokenVariables(themeStyle, tokens?.fonts, fontTokenVariables);\n  assignTokenVariables(themeStyle, tokens?.radii, radiusTokenVariables);\n  assignTokenVariables(themeStyle, tokens?.shadows, shadowTokenVariables);\n  assignTokenVariables(themeStyle, tokens?.sizes, sizeTokenVariables);\n  assignTokenVariables(themeStyle, tokens?.spacing, spacingTokenVariables);\n\n  return themeStyle;\n}\n\nfunction sanitizeThemeClassName(id: string): string {\n  return `silver-theme-${id.replace(/[^a-zA-Z0-9_-]/g, '')}`;\n}\n\nfunction serializeThemeVariables(variables: ThemeCssVariables): string {\n  return Object.entries(variables)\n    .map(\n      ([name, value]) =>\n        `${name}: ${String(value).replace(/<\\/style/gi, '<\\\\/style')};`,\n    )\n    .join('');\n}\n\nfunction createThemeCss(\n  className: string,\n  tokens: ThemeModeTokens,\n  mode: ThemeMode,\n): string | undefined {\n  const baseTokens =\n    mode === 'dark'\n      ? (tokens.dark ?? tokens.light)\n      : (tokens.light ?? tokens.dark);\n\n  if (baseTokens == null) {\n    return undefined;\n  }\n\n  const selector = `.${className}`;\n  const baseCss = `${selector}{${serializeThemeVariables(createThemeVariables(baseTokens))}}`;\n\n  if (mode !== 'system' || tokens.dark == null) {\n    return baseCss;\n  }\n\n  const darkVariables = serializeThemeVariables(\n    createThemeVariables(tokens.dark),\n  );\n  const darkSelector = `.${className}[data-theme=\"dark\"],[data-theme=\"dark\"] .${className}`;\n  const darkCss = `${darkSelector}{${darkVariables}}`;\n\n  return `${baseCss}@media (prefers-color-scheme: dark){${selector}{${darkVariables}}}${darkCss}`;\n}\n\n/**\n * Scoped Silver UI theme provider backed by CSS custom properties.\n */\nexport function Theme({\n  as: Element = 'div',\n  children,\n  className,\n  'data-testid': dataTestId,\n  mode = 'system',\n  ref,\n  style,\n  themes,\n  tokens,\n  ...htmlProps\n}: ThemeProps): React.JSX.Element {\n  const themeId = useId();\n  const themeClassName =\n    themes == null ? undefined : sanitizeThemeClassName(themeId);\n  const themeCss =\n    themes != null && themeClassName != null\n      ? createThemeCss(themeClassName, themes, mode)\n      : undefined;\n  const themeStyle = createThemeStyle(tokens, style);\n\n  return createElement(\n    Element,\n    {\n      ...htmlProps,\n      className: cx(themeClassName, className),\n      'data-testid': dataTestId,\n      'data-theme': mode === 'system' ? undefined : mode,\n      ref,\n      style: themeStyle,\n    },\n    themeCss == null\n      ? children\n      : createElement(\n          Fragment,\n          null,\n          createElement(\n            'style',\n            dataTestId == null ? null : {'data-testid': `${dataTestId}-styles`},\n            themeCss,\n          ),\n          children,\n        ),\n  );\n}\n\nTheme.displayName = 'Theme';\n"]}

package/dist/chunk-RINP34ZG.js

@@ -1,450 +0,0 @@
-import { Text } from './chunk-76B2VLID.js';
-import { isReactNode } from './chunk-2PSZAWLC.js';
-import { Icon } from './chunk-7T3SWOY7.js';
-import { cva } from './chunk-FMEIPGUP.js';
-import { cx } from './chunk-PPNETWIP.js';
-import { css } from './chunk-OD4DHHZH.js';
-import { Check, TriangleAlert } from 'lucide-react';
-import { createContext, use, useMemo } from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-// src/components/Stepper/Step.recipe.ts
-var stepIndicatorRecipe = cva({
-  base: {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    w: "7",
-    h: "7",
-    borderRadius: "full",
-    fontFamily: "body",
-    fontSize: "sm",
-    fontWeight: "semibold",
-    lineHeight: "none",
-    transitionProperty: "background-color, color, border-color, opacity",
-    transitionDuration: "fast",
-    transitionTimingFunction: "default",
-    flexShrink: 0,
-    userSelect: "none",
-    borderWidth: "emphasized",
-    borderStyle: "solid"
-  },
-  variants: {
-    state: {
-      active: {
-        bg: "primary",
-        borderColor: "primary",
-        color: "fg.onPrimary"
-      },
-      completed: {
-        bg: "primary",
-        borderColor: "primary",
-        color: "fg.onPrimary"
-      },
-      upcoming: {
-        bg: "transparent",
-        borderColor: "border.emphasized",
-        color: "fg.muted"
-      },
-      disabled: {
-        bg: "transparent",
-        borderColor: "border",
-        color: "fg.disabled"
-      },
-      error: {
-        bg: "status.error.solid",
-        borderColor: "status.error.solid",
-        color: "status.error.solidFg"
-      }
-    },
-    isClickable: {
-      true: {
-        cursor: "pointer",
-        _hover: {
-          opacity: 0.85
-        },
-        _focusVisible: {
-          outlineWidth: "focus",
-          outlineStyle: "solid",
-          outlineColor: "primary",
-          outlineOffset: "focusOffset"
-        }
-      },
-      false: {}
-    }
-  },
-  defaultVariants: {
-    state: "upcoming",
-    isClickable: false
-  }
-});
-var stepLabelRecipe = cva({
-  base: {
-    textAlign: "center"
-  },
-  variants: {
-    state: {
-      active: {
-        color: "fg",
-        fontWeight: "semibold"
-      },
-      completed: {
-        color: "fg"
-      },
-      upcoming: {
-        color: "fg.muted"
-      },
-      disabled: {
-        color: "fg.disabled"
-      },
-      error: {
-        color: "status.error.fg"
-      }
-    },
-    orientation: {
-      horizontal: {},
-      vertical: {
-        textAlign: "start"
-      }
-    }
-  },
-  defaultVariants: {
-    state: "upcoming",
-    orientation: "horizontal"
-  }
-});
-var stepConnectorRecipe = cva({
-  base: {
-    borderRadius: "full",
-    transitionProperty: "background-color",
-    transitionDuration: "fast",
-    transitionTimingFunction: "default"
-  },
-  variants: {
-    isCompleted: {
-      true: {
-        bg: "primary"
-      },
-      false: {
-        bg: "track.emphasized"
-      }
-    },
-    orientation: {
-      horizontal: {
-        h: "0.5",
-        w: "full"
-      },
-      vertical: {
-        w: "0.5",
-        h: "full"
-      }
-    }
-  },
-  defaultVariants: {
-    isCompleted: false,
-    orientation: "horizontal"
-  }
-});
-var StepperContext = createContext(null);
-StepperContext.displayName = "StepperContext";
-function useStepperContext() {
-  const context = use(StepperContext);
-  if (context == null) {
-    throw new Error("Step must be used within a Stepper.");
-  }
-  return context;
-}
-var styles = {
-  horizontalRoot: css({
-    display: "flex",
-    flexDirection: "row",
-    alignItems: "flex-start",
-    flex: 1,
-    position: "relative",
-    _last: {
-      flex: "none"
-    },
-    "&:last-child [data-step-connector]": {
-      display: "none"
-    }
-  }),
-  horizontalContent: css({
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "center",
-    position: "relative",
-    zIndex: 1
-  }),
-  horizontalConnector: css({
-    flex: 1,
-    display: "flex",
-    alignItems: "center",
-    px: "2",
-    minW: "6",
-    h: "7"
-  }),
-  verticalRoot: css({
-    display: "flex",
-    flexDirection: "row",
-    alignItems: "stretch",
-    position: "relative",
-    minH: "12",
-    "&:last-child [data-step-connector]": {
-      display: "none"
-    }
-  }),
-  verticalIndicatorColumn: css({
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "center",
-    w: "7",
-    flexShrink: 0
-  }),
-  verticalConnector: css({
-    flex: 1,
-    display: "flex",
-    justifyContent: "center",
-    py: "1"
-  }),
-  verticalContent: css({
-    display: "flex",
-    flexDirection: "column",
-    ps: "3",
-    pb: "6",
-    flex: 1
-  }),
-  labelRow: css({
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "center",
-    pt: "1",
-    maxW: "120px"
-  }),
-  labelRowVertical: css({
-    alignItems: "flex-start",
-    maxW: "none",
-    pt: "0.5"
-  }),
-  description: css({
-    textAlign: "center"
-  }),
-  descriptionVertical: css({
-    textAlign: "start"
-  }),
-  descriptionError: css({
-    color: "status.error.fg"
-  }),
-  buttonReset: css({
-    bg: "none",
-    borderWidth: 0,
-    p: 0,
-    m: 0,
-    font: "inherit"
-  }),
-  stepContent: css({
-    pt: "3"
-  })
-};
-function getStepState({
-  hasError,
-  isActive,
-  isCompleted,
-  isDisabled
-}) {
-  if (hasError) {
-    return "error";
-  }
-  if (isDisabled) {
-    return "disabled";
-  }
-  if (isActive) {
-    return "active";
-  }
-  if (isCompleted) {
-    return "completed";
-  }
-  return "upcoming";
-}
-function Step({
-  children,
-  className,
-  "data-testid": dataTestId,
-  description,
-  hasError = false,
-  icon,
-  isCompleted: isCompletedFromProps,
-  isDisabled = false,
-  label,
-  ref,
-  step,
-  style
-}) {
-  const { activeStep, orientation, isNonLinear, onStepClick } = useStepperContext();
-  const isActive = step === activeStep;
-  const isCompleted = isCompletedFromProps ?? step < activeStep;
-  const isVertical = orientation === "vertical";
-  const isClickable = isNonLinear && !isDisabled && (isCompleted || isActive);
-  const state = getStepState({ hasError, isActive, isCompleted, isDisabled });
-  const connectorClassName = stepConnectorRecipe({
-    isCompleted,
-    orientation
-  });
-  const defaultIndicatorContent = isCompleted ? /* @__PURE__ */ jsx(Icon, { color: "inherit", icon: Check, size: "sm" }) : /* @__PURE__ */ jsx("span", { children: step + 1 });
-  const indicatorContent = hasError ? /* @__PURE__ */ jsx(Icon, { color: "inherit", icon: TriangleAlert, size: "sm" }) : icon ?? defaultIndicatorContent;
-  const handleClick = () => {
-    if (isClickable) {
-      onStepClick?.(step);
-    }
-  };
-  const stepLabel = hasError ? `Go to step ${step + 1}: ${label} (error)` : `Go to step ${step + 1}: ${label}`;
-  const indicator = isClickable ? /* @__PURE__ */ jsx(
-    "button",
-    {
-      "aria-label": stepLabel,
-      className: cx(
-        styles.buttonReset,
-        stepIndicatorRecipe({ state, isClickable: true })
-      ),
-      onClick: handleClick,
-      type: "button",
-      children: indicatorContent
-    }
-  ) : /* @__PURE__ */ jsx(
-    "div",
-    {
-      "aria-hidden": "true",
-      className: stepIndicatorRecipe({ state, isClickable: false }),
-      children: indicatorContent
-    }
-  );
-  const labelNode = /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cx(
-        styles.labelRow,
-        isVertical ? styles.labelRowVertical : void 0
-      ),
-      children: [
-        /* @__PURE__ */ jsx(
-          Text,
-          {
-            as: "span",
-            className: stepLabelRecipe({ state, orientation }),
-            color: "inherit",
-            type: "label",
-            children: label
-          }
-        ),
-        description != null ? /* @__PURE__ */ jsx(
-          Text,
-          {
-            as: "span",
-            className: cx(
-              styles.description,
-              isVertical ? styles.descriptionVertical : void 0,
-              state === "error" ? styles.descriptionError : void 0
-            ),
-            color: "secondary",
-            type: "supporting",
-            children: description
-          }
-        ) : null
-      ]
-    }
-  );
-  if (isVertical) {
-    return /* @__PURE__ */ jsxs(
-      "li",
-      {
-        "aria-current": isActive ? "step" : void 0,
-        className: cx(styles.verticalRoot, className),
-        "data-testid": dataTestId,
-        ref,
-        style,
-        children: [
-          /* @__PURE__ */ jsxs("div", { className: styles.verticalIndicatorColumn, children: [
-            indicator,
-            /* @__PURE__ */ jsx("div", { className: styles.verticalConnector, "data-step-connector": "", children: /* @__PURE__ */ jsx("div", { className: connectorClassName }) })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: styles.verticalContent, children: [
-            labelNode,
-            isReactNode(children) ? /* @__PURE__ */ jsx("div", { className: styles.stepContent, children }) : null
-          ] })
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs(
-    "li",
-    {
-      "aria-current": isActive ? "step" : void 0,
-      className: cx(styles.horizontalRoot, className),
-      "data-testid": dataTestId,
-      ref,
-      style,
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: styles.horizontalContent, children: [
-          indicator,
-          labelNode
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: styles.horizontalConnector, "data-step-connector": "", children: /* @__PURE__ */ jsx("div", { className: connectorClassName }) })
-      ]
-    }
-  );
-}
-Step.displayName = "Step";
-var styles2 = {
-  root: css({
-    display: "flex",
-    w: "full",
-    m: 0,
-    p: 0,
-    listStyleType: "none"
-  }),
-  horizontal: css({
-    flexDirection: "row",
-    alignItems: "flex-start"
-  }),
-  vertical: css({
-    flexDirection: "column"
-  })
-};
-function Stepper({
-  activeStep,
-  children,
-  className,
-  "data-testid": dataTestId,
-  label = "Progress",
-  onStepClick,
-  orientation = "horizontal",
-  ref,
-  style
-}) {
-  const contextValue = useMemo(
-    () => ({
-      activeStep,
-      isNonLinear: onStepClick != null,
-      onStepClick: onStepClick ?? null,
-      orientation
-    }),
-    [activeStep, onStepClick, orientation]
-  );
-  return /* @__PURE__ */ jsx(StepperContext, { value: contextValue, children: /* @__PURE__ */ jsx("nav", { "aria-label": label, ref, children: /* @__PURE__ */ jsx(
-    "ol",
-    {
-      className: cx(
-        styles2.root,
-        orientation === "horizontal" ? styles2.horizontal : styles2.vertical,
-        className
-      ),
-      "data-testid": dataTestId,
-      style,
-      children
-    }
-  ) }) });
-}
-Stepper.displayName = "Stepper";
-
-export { Step, Stepper, useStepperContext };
-//# sourceMappingURL=chunk-RINP34ZG.js.map
-//# sourceMappingURL=chunk-RINP34ZG.js.map

package/dist/chunk-RINP34ZG.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Stepper/Step.recipe.ts","../src/components/Stepper/StepperContext.ts","../src/components/Stepper/Step.tsx","../src/components/Stepper/Stepper.tsx"],"names":["styles","jsx"],"mappings":"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","file":"chunk-RINP34ZG.js","sourcesContent":["import {cva, type RecipeVariantProps} from 'styled-system/css';\nimport type {StepState} from './Step';\n\nexport const stepIndicatorRecipe = cva({\n  base: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    w: '7',\n    h: '7',\n    borderRadius: 'full',\n    fontFamily: 'body',\n    fontSize: 'sm',\n    fontWeight: 'semibold',\n    lineHeight: 'none',\n    transitionProperty: 'background-color, color, border-color, opacity',\n    transitionDuration: 'fast',\n    transitionTimingFunction: 'default',\n    flexShrink: 0,\n    userSelect: 'none',\n    borderWidth: 'emphasized',\n    borderStyle: 'solid',\n  },\n  variants: {\n    state: {\n      active: {\n        bg: 'primary',\n        borderColor: 'primary',\n        color: 'fg.onPrimary',\n      },\n      completed: {\n        bg: 'primary',\n        borderColor: 'primary',\n        color: 'fg.onPrimary',\n      },\n      upcoming: {\n        bg: 'transparent',\n        borderColor: 'border.emphasized',\n        color: 'fg.muted',\n      },\n      disabled: {\n        bg: 'transparent',\n        borderColor: 'border',\n        color: 'fg.disabled',\n      },\n      error: {\n        bg: 'status.error.solid',\n        borderColor: 'status.error.solid',\n        color: 'status.error.solidFg',\n      },\n    } satisfies Record<StepState, object>,\n    isClickable: {\n      true: {\n        cursor: 'pointer',\n        _hover: {\n          opacity: 0.85,\n        },\n        _focusVisible: {\n          outlineWidth: 'focus',\n          outlineStyle: 'solid',\n          outlineColor: 'primary',\n          outlineOffset: 'focusOffset',\n        },\n      },\n      false: {},\n    },\n  },\n  defaultVariants: {\n    state: 'upcoming',\n    isClickable: false,\n  },\n});\n\nexport const stepLabelRecipe = cva({\n  base: {\n    textAlign: 'center',\n  },\n  variants: {\n    state: {\n      active: {\n        color: 'fg',\n        fontWeight: 'semibold',\n      },\n      completed: {\n        color: 'fg',\n      },\n      upcoming: {\n        color: 'fg.muted',\n      },\n      disabled: {\n        color: 'fg.disabled',\n      },\n      error: {\n        color: 'status.error.fg',\n      },\n    } satisfies Record<StepState, object>,\n    orientation: {\n      horizontal: {},\n      vertical: {\n        textAlign: 'start',\n      },\n    },\n  },\n  defaultVariants: {\n    state: 'upcoming',\n    orientation: 'horizontal',\n  },\n});\n\nexport const stepConnectorRecipe = cva({\n  base: {\n    borderRadius: 'full',\n    transitionProperty: 'background-color',\n    transitionDuration: 'fast',\n    transitionTimingFunction: 'default',\n  },\n  variants: {\n    isCompleted: {\n      true: {\n        bg: 'primary',\n      },\n      false: {\n        bg: 'track.emphasized',\n      },\n    },\n    orientation: {\n      horizontal: {\n        h: '0.5',\n        w: 'full',\n      },\n      vertical: {\n        w: '0.5',\n        h: 'full',\n      },\n    },\n  },\n  defaultVariants: {\n    isCompleted: false,\n    orientation: 'horizontal',\n  },\n});\n\nexport type StepIndicatorVariants = RecipeVariantProps<\n  typeof stepIndicatorRecipe\n>;\nexport type StepLabelVariants = RecipeVariantProps<typeof stepLabelRecipe>;\nexport type StepConnectorVariants = RecipeVariantProps<\n  typeof stepConnectorRecipe\n>;\n","import {createContext, use} from 'react';\n\nexport type StepperOrientation = 'horizontal' | 'vertical';\n\nexport interface StepperContextValue {\n  activeStep: number;\n  isNonLinear: boolean;\n  onStepClick: ((index: number) => void) | null;\n  orientation: StepperOrientation;\n}\n\nexport const StepperContext = createContext<StepperContextValue | null>(null);\nStepperContext.displayName = 'StepperContext';\n\nexport function useStepperContext(): StepperContextValue {\n  const context = use(StepperContext);\n\n  if (context == null) {\n    throw new Error('Step must be used within a Stepper.');\n  }\n\n  return context;\n}\n","import {Check, TriangleAlert} from 'lucide-react';\nimport type {CSSProperties, ReactNode, Ref} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport isReactNode from '../../internal/isReactNode';\nimport {Icon} from '../Icon';\nimport {Text} from '../Text';\nimport {\n  stepConnectorRecipe,\n  stepIndicatorRecipe,\n  stepLabelRecipe,\n} from './Step.recipe';\nimport {useStepperContext} from './StepperContext';\n\nexport type StepState =\n  | 'active'\n  | 'completed'\n  | 'disabled'\n  | 'error'\n  | 'upcoming';\n\nexport interface StepProps {\n  /**\n   * Content rendered below the label and description in vertical steppers.\n   */\n  children?: ReactNode;\n  /**\n   * Additional CSS class names applied to the step.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the step.\n   */\n  'data-testid'?: string;\n  /**\n   * Optional supporting text.\n   */\n  description?: string;\n  /**\n   * Whether the step has an error.\n   * @default false\n   */\n  hasError?: boolean;\n  /**\n   * Custom indicator content replacing the number or check icon.\n   */\n  icon?: ReactNode;\n  /**\n   * Override the automatically computed completed state.\n   */\n  isCompleted?: boolean;\n  /**\n   * Whether the step is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Step label.\n   */\n  label: string;\n  /**\n   * Ref forwarded to the list item.\n   */\n  ref?: Ref<HTMLLIElement>;\n  /**\n   * Zero-based index of this step.\n   */\n  step: number;\n  /**\n   * Inline styles applied to the step.\n   */\n  style?: CSSProperties;\n}\n\nconst styles = {\n  horizontalRoot: css({\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'flex-start',\n    flex: 1,\n    position: 'relative',\n    _last: {\n      flex: 'none',\n    },\n    '&:last-child [data-step-connector]': {\n      display: 'none',\n    },\n  }),\n  horizontalContent: css({\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    position: 'relative',\n    zIndex: 1,\n  }),\n  horizontalConnector: css({\n    flex: 1,\n    display: 'flex',\n    alignItems: 'center',\n    px: '2',\n    minW: '6',\n    h: '7',\n  }),\n  verticalRoot: css({\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'stretch',\n    position: 'relative',\n    minH: '12',\n    '&:last-child [data-step-connector]': {\n      display: 'none',\n    },\n  }),\n  verticalIndicatorColumn: css({\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    w: '7',\n    flexShrink: 0,\n  }),\n  verticalConnector: css({\n    flex: 1,\n    display: 'flex',\n    justifyContent: 'center',\n    py: '1',\n  }),\n  verticalContent: css({\n    display: 'flex',\n    flexDirection: 'column',\n    ps: '3',\n    pb: '6',\n    flex: 1,\n  }),\n  labelRow: css({\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    pt: '1',\n    maxW: '120px',\n  }),\n  labelRowVertical: css({\n    alignItems: 'flex-start',\n    maxW: 'none',\n    pt: '0.5',\n  }),\n  description: css({\n    textAlign: 'center',\n  }),\n  descriptionVertical: css({\n    textAlign: 'start',\n  }),\n  descriptionError: css({\n    color: 'status.error.fg',\n  }),\n  buttonReset: css({\n    bg: 'none',\n    borderWidth: 0,\n    p: 0,\n    m: 0,\n    font: 'inherit',\n  }),\n  stepContent: css({\n    pt: '3',\n  }),\n} as const;\n\nfunction getStepState({\n  hasError,\n  isActive,\n  isCompleted,\n  isDisabled,\n}: {\n  hasError: boolean;\n  isActive: boolean;\n  isCompleted: boolean;\n  isDisabled: boolean;\n}): StepState {\n  if (hasError) {\n    return 'error';\n  }\n  if (isDisabled) {\n    return 'disabled';\n  }\n  if (isActive) {\n    return 'active';\n  }\n  if (isCompleted) {\n    return 'completed';\n  }\n  return 'upcoming';\n}\n\n/**\n * Individual step within a `Stepper`.\n */\nexport function Step({\n  children,\n  className,\n  'data-testid': dataTestId,\n  description,\n  hasError = false,\n  icon,\n  isCompleted: isCompletedFromProps,\n  isDisabled = false,\n  label,\n  ref,\n  step,\n  style,\n}: StepProps): React.JSX.Element {\n  const {activeStep, orientation, isNonLinear, onStepClick} =\n    useStepperContext();\n  const isActive = step === activeStep;\n  const isCompleted = isCompletedFromProps ?? step < activeStep;\n  const isVertical = orientation === 'vertical';\n  const isClickable = isNonLinear && !isDisabled && (isCompleted || isActive);\n  const state = getStepState({hasError, isActive, isCompleted, isDisabled});\n\n  const connectorClassName = stepConnectorRecipe({\n    isCompleted,\n    orientation,\n  });\n\n  const defaultIndicatorContent = isCompleted ? (\n    <Icon color=\"inherit\" icon={Check} size=\"sm\" />\n  ) : (\n    <span>{step + 1}</span>\n  );\n  const indicatorContent = hasError ? (\n    <Icon color=\"inherit\" icon={TriangleAlert} size=\"sm\" />\n  ) : (\n    (icon ?? defaultIndicatorContent)\n  );\n\n  const handleClick = () => {\n    if (isClickable) {\n      onStepClick?.(step);\n    }\n  };\n\n  const stepLabel = hasError\n    ? `Go to step ${step + 1}: ${label} (error)`\n    : `Go to step ${step + 1}: ${label}`;\n\n  const indicator = isClickable ? (\n    <button\n      aria-label={stepLabel}\n      className={cx(\n        styles.buttonReset,\n        stepIndicatorRecipe({state, isClickable: true}),\n      )}\n      onClick={handleClick}\n      type=\"button\">\n      {indicatorContent}\n    </button>\n  ) : (\n    <div\n      aria-hidden=\"true\"\n      className={stepIndicatorRecipe({state, isClickable: false})}>\n      {indicatorContent}\n    </div>\n  );\n\n  const labelNode = (\n    <div\n      className={cx(\n        styles.labelRow,\n        isVertical ? styles.labelRowVertical : undefined,\n      )}>\n      <Text\n        as=\"span\"\n        className={stepLabelRecipe({state, orientation})}\n        color=\"inherit\"\n        type=\"label\">\n        {label}\n      </Text>\n      {description != null ? (\n        <Text\n          as=\"span\"\n          className={cx(\n            styles.description,\n            isVertical ? styles.descriptionVertical : undefined,\n            state === 'error' ? styles.descriptionError : undefined,\n          )}\n          color=\"secondary\"\n          type=\"supporting\">\n          {description}\n        </Text>\n      ) : null}\n    </div>\n  );\n\n  if (isVertical) {\n    return (\n      <li\n        aria-current={isActive ? 'step' : undefined}\n        className={cx(styles.verticalRoot, className)}\n        data-testid={dataTestId}\n        ref={ref}\n        style={style}>\n        <div className={styles.verticalIndicatorColumn}>\n          {indicator}\n          <div className={styles.verticalConnector} data-step-connector=\"\">\n            <div className={connectorClassName} />\n          </div>\n        </div>\n        <div className={styles.verticalContent}>\n          {labelNode}\n          {isReactNode(children) ? (\n            <div className={styles.stepContent}>{children}</div>\n          ) : null}\n        </div>\n      </li>\n    );\n  }\n\n  return (\n    <li\n      aria-current={isActive ? 'step' : undefined}\n      className={cx(styles.horizontalRoot, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      <div className={styles.horizontalContent}>\n        {indicator}\n        {labelNode}\n      </div>\n      <div className={styles.horizontalConnector} data-step-connector=\"\">\n        <div className={connectorClassName} />\n      </div>\n    </li>\n  );\n}\n\nStep.displayName = 'Step';\n","import {useMemo, type CSSProperties, type ReactNode, type Ref} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {\n  StepperContext,\n  type StepperContextValue,\n  type StepperOrientation,\n} from './StepperContext';\n\nexport type {StepperOrientation};\n\nexport interface StepperProps {\n  /**\n   * Zero-based index of the active step.\n   */\n  activeStep: number;\n  /**\n   * Step elements to render.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the ordered list.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the ordered list.\n   */\n  'data-testid'?: string;\n  /**\n   * Accessible label for the navigation landmark.\n   * @default 'Progress'\n   */\n  label?: string;\n  /**\n   * Called when a completed or active step indicator is clicked.\n   */\n  onStepClick?: (index: number) => void;\n  /**\n   * Layout direction.\n   * @default 'horizontal'\n   */\n  orientation?: StepperOrientation;\n  /**\n   * Ref forwarded to the navigation element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Inline styles applied to the ordered list.\n   */\n  style?: CSSProperties;\n}\n\nconst styles = {\n  root: css({\n    display: 'flex',\n    w: 'full',\n    m: 0,\n    p: 0,\n    listStyleType: 'none',\n  }),\n  horizontal: css({\n    flexDirection: 'row',\n    alignItems: 'flex-start',\n  }),\n  vertical: css({\n    flexDirection: 'column',\n  }),\n} as const;\n\n/**\n * Displays progress through a sequence of logical steps.\n */\nexport function Stepper({\n  activeStep,\n  children,\n  className,\n  'data-testid': dataTestId,\n  label = 'Progress',\n  onStepClick,\n  orientation = 'horizontal',\n  ref,\n  style,\n}: StepperProps): React.JSX.Element {\n  const contextValue = useMemo<StepperContextValue>(\n    () => ({\n      activeStep,\n      isNonLinear: onStepClick != null,\n      onStepClick: onStepClick ?? null,\n      orientation,\n    }),\n    [activeStep, onStepClick, orientation],\n  );\n\n  return (\n    <StepperContext value={contextValue}>\n      <nav aria-label={label} ref={ref}>\n        <ol\n          className={cx(\n            styles.root,\n            orientation === 'horizontal' ? styles.horizontal : styles.vertical,\n            className,\n          )}\n          data-testid={dataTestId}\n          style={style}>\n          {children}\n        </ol>\n      </nav>\n    </StepperContext>\n  );\n}\n\nStepper.displayName = 'Stepper';\n"]}

package/dist/chunk-RVENUWRD.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Button/Button.tsx"],"names":[],"mappings":"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","file":"chunk-RVENUWRD.js","sourcesContent":["/* eslint-disable @eslint-react/static-components -- intentional polymorphism via as prop */\n\nimport type {\n  CSSProperties,\n  JSX,\n  KeyboardEvent,\n  MouseEvent,\n  MouseEventHandler,\n  ReactNode,\n  Ref,\n} from 'react';\nimport {VisuallyHidden} from '../../internal';\nimport {cx} from '../../internal/cx';\nimport isReactNode from '../../internal/isReactNode';\nimport {getAriaLabel, useRel} from '../../internal/linkAccessibility';\nimport {useButtonGroup} from '../ButtonGroup/ButtonGroupContext';\nimport {Icon, type IconComponent} from '../Icon';\nimport type {LinkComponent} from '../Link';\nimport {useLinkComponent} from '../Link';\nimport {Spinner} from '../Spinner';\nimport {Tooltip} from '../Tooltip';\nimport {buttonRecipe, type ButtonVariants} from './Button.recipe';\n\nexport type ButtonSize = NonNullable<ButtonVariants>['size'];\ntype ButtonVariant = NonNullable<ButtonVariants>['variant'];\n\n/**\n * A versatile action element that renders as a `<button>` or a link depending\n * on whether `href` is provided. Supports explicit loading states, icon-only\n * modes, link buttons, and tooltips.\n */\ninterface ButtonBaseProps {\n  /**\n   * Identifies the element(s) whose contents are controlled by the button.\n   */\n  'aria-controls'?: string;\n  /**\n   * Indicates the current item in a set.\n   */\n  'aria-current'?: 'page' | 'step' | 'location' | 'date' | 'time';\n  /**\n   * Identifies the element(s) that describe the button.\n   */\n  'aria-describedby'?: string;\n  /**\n   * Identifies the element that provides a detailed description.\n   */\n  'aria-details'?: string;\n  /**\n   * Indicates whether a controlled element is expanded or collapsed.\n   */\n  'aria-expanded'?: boolean;\n  /**\n   * Indicates the button opens an interactive popup element.\n   */\n  'aria-haspopup'?: boolean | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';\n  /**\n   * Indicates whether the element is exposed to the accessibility API.\n   */\n  'aria-hidden'?: boolean;\n  /**\n   * Keyboard shortcuts that activate or focus the button.\n   */\n  'aria-keyshortcuts'?: string;\n  /**\n   * Accessible label that overrides the visible `label` for assistive\n   * technologies. Use when the visible text is too terse (e.g. a page\n   * number) and a longer description is needed.\n   */\n  'aria-label'?: string;\n  /**\n   * Identifies the element(s) that label the button.\n   */\n  'aria-labelledby'?: string;\n  /**\n   * Identifies element(s) owned by the button that are not DOM children.\n   */\n  'aria-owns'?: string;\n  /**\n   * Indicates the current pressed state of a toggle button.\n   */\n  'aria-pressed'?: boolean | 'mixed';\n  /**\n   * Human-readable description of the role of the button.\n   */\n  'aria-roledescription'?: string;\n  /**\n   * Custom link component to render when `href` is set. Falls back to the\n   * component provided by `LinkProvider`, or a plain `<a>` tag.\n   */\n  as?: LinkComponent;\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Content rendered after the label, such as a badge or count. Hidden in\n   * icon-only mode.\n   */\n  endContent?: ReactNode;\n  /**\n   * HTML `form` attribute associating the button with a `<form>` by ID.\n   */\n  form?: string;\n  /**\n   * URL to navigate to. When set and the button is not disabled, the component\n   * renders as a link element.\n   */\n  href?: string;\n  /**\n   * Whether the button is disabled. Prevents interaction and applies disabled\n   * styling.\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether the button is in a loading state. Shows a spinner overlay,\n   * disables interaction, and announces \"Loading\" to assistive technologies.\n   */\n  isLoading?: boolean;\n  /**\n   * Text label for the button. Always required for accessibility even when\n   * `isIconOnly` is true.\n   */\n  label: string;\n  /**\n   * HTML `name` attribute for form submission.\n   */\n  name?: string;\n  /**\n   * Click event handler.\n   */\n  onClick?: MouseEventHandler<HTMLElement>;\n  /**\n   * Keyboard event handler for the root element.\n   */\n  onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Link `rel` attribute (e.g., `\"noopener\"`). Only applies when rendering\n   * as a link.\n   */\n  rel?: string;\n  /**\n   * Visual size of the button.\n   */\n  size?: ButtonSize;\n  /**\n   * Arbitrary content rendered before the label (after the icon, if present).\n   * Hidden in icon-only mode.\n   */\n  startContent?: ReactNode;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Link `target` attribute (e.g., `\"_blank\"`). Only applies when rendering\n   * as a link.\n   */\n  target?: string;\n  /**\n   * Tooltip text shown on hover. When set on a disabled button,\n   * `aria-disabled` is used instead of the `disabled` attribute so the\n   * tooltip remains accessible.\n   */\n  tooltip?: string;\n  /**\n   * HTML button `type` attribute.\n   */\n  type?: 'button' | 'submit' | 'reset';\n  /**\n   * HTML `value` attribute for form submission.\n   */\n  value?: string;\n  /**\n   * Visual style variant.\n   */\n  variant?: ButtonVariant;\n}\n\nexport type ButtonProps =\n  | (ButtonBaseProps & {\n      /**\n       * Icon element rendered before the label. Required in icon-only mode.\n       */\n      icon: IconComponent;\n      /**\n       * Visually hides the label, showing only the icon. The `label` prop is\n       * still required and used as `aria-label`.\n       */\n      isIconOnly: true;\n    })\n  | (ButtonBaseProps & {\n      /**\n       * Icon element rendered before the label.\n       */\n      icon?: IconComponent;\n      /**\n       * Visually hides the label, showing only the icon. The `label` prop is\n       * still required and used as `aria-label`.\n       */\n      isIconOnly?: false;\n    });\n\nexport function Button({\n  label,\n  'aria-controls': ariaControls,\n  'aria-current': ariaCurrent,\n  'aria-label': ariaLabelProp,\n  'aria-describedby': ariaDescribedby,\n  'aria-details': ariaDetails,\n  'aria-expanded': ariaExpanded,\n  'aria-haspopup': ariaHaspopup,\n  'aria-hidden': ariaHidden,\n  'aria-keyshortcuts': ariaKeyshortcuts,\n  'aria-labelledby': ariaLabelledby,\n  'aria-owns': ariaOwns,\n  'aria-pressed': ariaPressed,\n  'aria-roledescription': ariaRoledescription,\n  href,\n  as,\n  target,\n  rel,\n  variant,\n  size: sizeProp,\n  className,\n  'data-testid': dataTestId,\n  style,\n  type = 'button',\n  ref,\n  isDisabled = false,\n  isLoading = false,\n  icon,\n  isIconOnly = false,\n  endContent,\n  startContent,\n  tooltip,\n  onClick,\n  onKeyDown,\n  form,\n  name,\n  value,\n}: ButtonProps): JSX.Element {\n  const LinkComponent = useLinkComponent(as);\n  const buttonGroup = useButtonGroup();\n  const size = sizeProp ?? buttonGroup?.size ?? 'md';\n  const buttonDisabled =\n    isDisabled || buttonGroup?.isDisabled === true || isLoading;\n  const useAriaDisabled = tooltip != null && buttonDisabled;\n  const renderAsLink = href != null && !buttonDisabled;\n  const opensInNewTab = renderAsLink && target === '_blank';\n  const ariaLabel =\n    ariaLabelProp ??\n    getAriaLabel(\n      isIconOnly ||\n        isLoading ||\n        isReactNode(startContent) ||\n        isReactNode(endContent) ||\n        opensInNewTab\n        ? label\n        : undefined,\n      opensInNewTab,\n    );\n  const linkRel = useRel({target, rel});\n  const spinnerVariant =\n    variant === 'primary' || variant === 'destructive' || variant === 'onSolid'\n      ? 'onMedia'\n      : 'default';\n\n  const classes = buttonRecipe({variant, size, iconOnly: isIconOnly});\n\n  const ariaAttrs = {\n    'aria-controls': ariaControls,\n    'aria-current': ariaCurrent,\n    'aria-describedby': ariaDescribedby,\n    'aria-details': ariaDetails,\n    'aria-expanded': ariaExpanded,\n    'aria-haspopup': ariaHaspopup,\n    'aria-hidden': ariaHidden,\n    'aria-keyshortcuts': ariaKeyshortcuts,\n    'aria-labelledby': ariaLabelledby,\n    'aria-owns': ariaOwns,\n    'aria-pressed': ariaPressed,\n    'aria-roledescription': ariaRoledescription,\n  };\n\n  const handleButtonClick = (event: MouseEvent<HTMLButtonElement>) => {\n    if (buttonDisabled) {\n      event.preventDefault();\n      return;\n    }\n\n    onClick?.(event);\n  };\n\n  const handleLinkClick = (event: MouseEvent<HTMLAnchorElement>) => {\n    onClick?.(event);\n  };\n\n  const handleButtonKeyDown = (event: KeyboardEvent<HTMLButtonElement>) => {\n    if (useAriaDisabled && (event.key === 'Enter' || event.key === ' ')) {\n      event.preventDefault();\n      return;\n    }\n\n    onKeyDown?.(event);\n  };\n\n  const handleLinkKeyDown = (event: KeyboardEvent<HTMLAnchorElement>) => {\n    onKeyDown?.(event);\n  };\n\n  const buttonContent = (\n    <>\n      <span aria-hidden={isLoading || undefined} className={classes.content}>\n        {icon != null ? (\n          <span aria-hidden=\"true\" className={classes.icon}>\n            {isIconOnly && isLoading ? (\n              <Spinner size={size} variant={spinnerVariant} />\n            ) : (\n              <Icon icon={icon} size={size} />\n            )}\n          </span>\n        ) : null}\n        {!isIconOnly && isReactNode(startContent) ? (\n          <span className={classes.startContent}>{startContent}</span>\n        ) : null}\n        {!isIconOnly ? <span className={classes.label}>{label}</span> : null}\n        {!isIconOnly && isReactNode(endContent) ? (\n          <span className={classes.endContent}>{endContent}</span>\n        ) : null}\n        {!isIconOnly && isLoading ? (\n          <span aria-hidden=\"true\" className={classes.loadingIndicator}>\n            <Spinner size={size} variant={spinnerVariant} />\n          </span>\n        ) : null}\n      </span>\n      <VisuallyHidden aria-live=\"polite\" role=\"status\">\n        {isLoading ? 'Loading' : ''}\n      </VisuallyHidden>\n    </>\n  );\n\n  const rootClassName = cx(classes.root, className);\n\n  const element = renderAsLink ? (\n    <LinkComponent\n      {...ariaAttrs}\n      aria-label={ariaLabel}\n      className={rootClassName}\n      data-testid={dataTestId}\n      href={href}\n      onClick={handleLinkClick}\n      onKeyDown={handleLinkKeyDown}\n      ref={ref as Ref<HTMLAnchorElement>}\n      rel={linkRel}\n      style={style}\n      target={target}\n      to={LinkComponent === 'a' ? undefined : href}>\n      {buttonContent}\n    </LinkComponent>\n  ) : (\n    <button\n      {...ariaAttrs}\n      aria-busy={isLoading || undefined}\n      aria-disabled={useAriaDisabled || undefined}\n      aria-label={ariaLabel}\n      className={rootClassName}\n      data-testid={dataTestId}\n      disabled={useAriaDisabled ? undefined : buttonDisabled}\n      form={form}\n      name={name}\n      onClick={handleButtonClick}\n      onKeyDown={handleButtonKeyDown}\n      ref={ref as Ref<HTMLButtonElement>}\n      style={style}\n      type={type}\n      value={value}>\n      {buttonContent}\n    </button>\n  );\n\n  if (tooltip != null) {\n    return <Tooltip content={tooltip}>{element}</Tooltip>;\n  }\n\n  return element;\n}\n\nButton.displayName = 'Button';\n"]}