silver-ui 0.1.1 → 0.3.0

package/dist/{chunk-YLXM3CGV.js → chunk-RKMW3ZOK.js}

@@ -1,7 +1,7 @@
-import { Button } from './chunk-VLIQPSPM.js';
-import { Text } from './chunk-PZO5MZ46.js';
+import { Button } from './chunk-HLN3JQYD.js';
+import { Text } from './chunk-J2FCNWYM.js';
 import { cx } from './chunk-PPNETWIP.js';
-import { css } from './chunk-UHQRL4OA.js';
+import { css } from './chunk-OD4DHHZH.js';
 import { ChevronLeft, ChevronRight } from 'lucide-react';
 import { useMemo } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -205,5 +205,5 @@ function Pagination({
 Pagination.displayName = "Pagination";
 
 export { Pagination };
-//# sourceMappingURL=chunk-YLXM3CGV.js.map
-//# sourceMappingURL=chunk-YLXM3CGV.js.map
+//# sourceMappingURL=chunk-RKMW3ZOK.js.map
+//# sourceMappingURL=chunk-RKMW3ZOK.js.map

package/dist/{chunk-YLXM3CGV.js.map → chunk-RKMW3ZOK.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"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","file":"chunk-YLXM3CGV.js","sourcesContent":["import {ChevronLeft, ChevronRight} from 'lucide-react';\nimport type {CSSProperties, Ref} from 'react';\nimport {useMemo} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport type {ButtonSize} from '../Button';\nimport {Button} from '../Button';\nimport {Text} from '../Text';\n\nexport type PaginationVariant = 'pages' | 'count' | 'compact' | 'none';\n\ninterface PaginationBaseProps {\n  /**\n   * Additional CSS class names applied to the navigation root.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the navigation root.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether another page exists when the total page count is unknown.\n   */\n  hasMore?: boolean;\n  /**\n   * Whether the pagination controls are disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Accessible label for the navigation landmark.\n   * @default 'Pagination'\n   */\n  label?: string;\n  /**\n   * Called when the page changes.\n   */\n  onChange: (page: number) => void;\n  /**\n   * Current page number, starting at 1.\n   */\n  page: number;\n  /**\n   * Number of items per page.\n   * @default 10\n   */\n  pageSize?: number;\n  /**\n   * Ref forwarded to the navigation root.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Number of page buttons to show on each side of the current page.\n   * @default 1\n   */\n  siblingCount?: number;\n  /**\n   * Control size.\n   * @default 'md'\n   */\n  size?: ButtonSize;\n  /**\n   * Inline styles applied to the navigation root.\n   */\n  style?: CSSProperties;\n  /**\n   * Display variant.\n   * @default 'pages'\n   */\n  variant?: PaginationVariant;\n}\n\nexport type PaginationProps = PaginationBaseProps &\n  (\n    | {totalItems: number; totalPages?: never}\n    | {totalItems?: never; totalPages: number}\n    | {totalItems?: never; totalPages?: never}\n  );\n\nconst styles = {\n  root: css({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    gap: '4',\n  }),\n  controls: css({\n    display: 'flex',\n    alignItems: 'center',\n    gap: '1',\n  }),\n  ellipsis: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    color: 'fg.muted',\n    fontFamily: 'body',\n    fontSize: 'sm',\n    userSelect: 'none',\n  }),\n  infoText: css({\n    display: 'flex',\n    alignItems: 'center',\n    whiteSpace: 'nowrap',\n  }),\n  activePage: css({\n    bg: 'bg.hover',\n    fontWeight: 'medium',\n  }),\n} as const;\n\nfunction generatePageRange(\n  currentPage: number,\n  totalPages: number,\n  siblingCount: number,\n): (number | '...')[] {\n  const totalSlots = 5 + 2 * siblingCount;\n\n  if (totalPages <= totalSlots) {\n    return Array.from({length: totalPages}, (_, index) => index + 1);\n  }\n\n  const leftSiblingIndex = Math.max(currentPage - siblingCount, 1);\n  const rightSiblingIndex = Math.min(currentPage + siblingCount, totalPages);\n  const showLeftEllipsis = leftSiblingIndex > 2;\n  const showRightEllipsis = rightSiblingIndex < totalPages - 1;\n\n  if (!showLeftEllipsis && showRightEllipsis) {\n    const leftRange = 3 + 2 * siblingCount;\n    return [\n      ...Array.from({length: leftRange}, (_, index) => index + 1),\n      '...',\n      totalPages,\n    ];\n  }\n\n  if (showLeftEllipsis && !showRightEllipsis) {\n    const rightRange = 3 + 2 * siblingCount;\n    return [\n      1,\n      '...',\n      ...Array.from(\n        {length: rightRange},\n        (_, index) => totalPages - rightRange + index + 1,\n      ),\n    ];\n  }\n\n  return [\n    1,\n    '...',\n    ...Array.from(\n      {length: rightSiblingIndex - leftSiblingIndex + 1},\n      (_, index) => leftSiblingIndex + index,\n    ),\n    '...',\n    totalPages,\n  ];\n}\n\n/**\n * Page navigation controls with multiple display variants\n * (numbered pages, count summary, compact label, or none).\n */\nexport function Pagination({\n  className,\n  'data-testid': dataTestId,\n  hasMore,\n  isDisabled = false,\n  label = 'Pagination',\n  onChange,\n  page: pageFromProps,\n  pageSize: pageSizeFromProps = 10,\n  ref,\n  siblingCount: siblingCountFromProps = 1,\n  size = 'md',\n  style,\n  totalItems,\n  totalPages: totalPagesProp,\n  variant = 'pages',\n}: PaginationProps): React.JSX.Element | null {\n  const siblingCount = Math.max(0, siblingCountFromProps);\n  const pageSize = Math.max(1, pageSizeFromProps);\n  const computedTotalPages =\n    totalPagesProp ??\n    (totalItems != null ? Math.ceil(totalItems / pageSize) : undefined);\n  const page = Math.max(\n    1,\n    computedTotalPages != null\n      ? Math.min(pageFromProps, computedTotalPages)\n      : pageFromProps,\n  );\n  const hasPrevious = page > 1;\n  const hasNext =\n    computedTotalPages != null ? page < computedTotalPages : (hasMore ?? false);\n\n  const pageRange = useMemo(\n    () =>\n      computedTotalPages != null\n        ? generatePageRange(page, computedTotalPages, siblingCount)\n        : [],\n    [page, computedTotalPages, siblingCount],\n  );\n\n  if (totalItems != null && totalItems <= 0) {\n    return null;\n  }\n\n  if (computedTotalPages != null && computedTotalPages <= 0) {\n    return null;\n  }\n\n  const handlePageChange = (newPage: number) => {\n    if (isDisabled) {\n      return;\n    }\n\n    onChange(newPage);\n  };\n\n  const rangeStart = (page - 1) * pageSize + 1;\n  const rangeEnd =\n    totalItems == null\n      ? page * pageSize\n      : Math.min(page * pageSize, totalItems);\n\n  const renderIndicator = () => {\n    switch (variant) {\n      case 'pages': {\n        if (computedTotalPages == null) {\n          return null;\n        }\n\n        return pageRange.map((item, index) => {\n          if (item === '...') {\n            return (\n              <span\n                aria-hidden=\"true\"\n                className={styles.ellipsis}\n                key={`ellipsis-${pageRange[index - 1]}-${pageRange[index + 1]}`}>\n                ...\n              </span>\n            );\n          }\n\n          const isActive = item === page;\n          return (\n            <Button\n              aria-current={isActive ? 'page' : undefined}\n              aria-label={\n                isActive ? `Page ${item}, current page` : `Go to page ${item}`\n              }\n              className={isActive ? styles.activePage : undefined}\n              isDisabled={isDisabled}\n              key={item}\n              label={String(item)}\n              onClick={isActive ? undefined : () => handlePageChange(item)}\n              size={size}\n              variant=\"ghost\"\n            />\n          );\n        });\n      }\n\n      case 'count':\n        return totalItems == null ? null : (\n          <span aria-live=\"polite\" className={styles.infoText}>\n            <Text color=\"primary\" size=\"sm\" type=\"body\">\n              {`${rangeStart}-${rangeEnd} of ${totalItems}`}\n            </Text>\n          </span>\n        );\n\n      case 'compact':\n        return computedTotalPages == null ? null : (\n          <span aria-live=\"polite\" className={styles.infoText}>\n            <Text color=\"primary\" size=\"sm\" type=\"body\">\n              {`Page ${page} of ${computedTotalPages}`}\n            </Text>\n          </span>\n        );\n\n      case 'none':\n      default:\n        return null;\n    }\n  };\n\n  return (\n    <nav\n      aria-label={label}\n      className={cx(styles.root, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      <div className={styles.controls}>\n        <Button\n          icon={ChevronLeft}\n          isDisabled={isDisabled || !hasPrevious}\n          isIconOnly\n          label=\"Go to previous page\"\n          onClick={() => handlePageChange(page - 1)}\n          size={size}\n          variant=\"ghost\"\n        />\n        {renderIndicator()}\n        <Button\n          icon={ChevronRight}\n          isDisabled={isDisabled || !hasNext}\n          isIconOnly\n          label=\"Go to next page\"\n          onClick={() => handlePageChange(page + 1)}\n          size={size}\n          variant=\"ghost\"\n        />\n      </div>\n    </nav>\n  );\n}\n\nPagination.displayName = 'Pagination';\n"]}
+{"version":3,"sources":["../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"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","file":"chunk-RKMW3ZOK.js","sourcesContent":["import {ChevronLeft, ChevronRight} from 'lucide-react';\nimport type {CSSProperties, Ref} from 'react';\nimport {useMemo} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport type {ButtonSize} from '../Button';\nimport {Button} from '../Button';\nimport {Text} from '../Text';\n\nexport type PaginationVariant = 'pages' | 'count' | 'compact' | 'none';\n\ninterface PaginationBaseProps {\n  /**\n   * Additional CSS class names applied to the navigation root.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the navigation root.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether another page exists when the total page count is unknown.\n   */\n  hasMore?: boolean;\n  /**\n   * Whether the pagination controls are disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Accessible label for the navigation landmark.\n   * @default 'Pagination'\n   */\n  label?: string;\n  /**\n   * Called when the page changes.\n   */\n  onChange: (page: number) => void;\n  /**\n   * Current page number, starting at 1.\n   */\n  page: number;\n  /**\n   * Number of items per page.\n   * @default 10\n   */\n  pageSize?: number;\n  /**\n   * Ref forwarded to the navigation root.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Number of page buttons to show on each side of the current page.\n   * @default 1\n   */\n  siblingCount?: number;\n  /**\n   * Control size.\n   * @default 'md'\n   */\n  size?: ButtonSize;\n  /**\n   * Inline styles applied to the navigation root.\n   */\n  style?: CSSProperties;\n  /**\n   * Display variant.\n   * @default 'pages'\n   */\n  variant?: PaginationVariant;\n}\n\nexport type PaginationProps = PaginationBaseProps &\n  (\n    | {totalItems: number; totalPages?: never}\n    | {totalItems?: never; totalPages: number}\n    | {totalItems?: never; totalPages?: never}\n  );\n\nconst styles = {\n  root: css({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    gap: '4',\n  }),\n  controls: css({\n    display: 'flex',\n    alignItems: 'center',\n    gap: '1',\n  }),\n  ellipsis: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    color: 'fg.muted',\n    fontFamily: 'body',\n    fontSize: 'sm',\n    userSelect: 'none',\n  }),\n  infoText: css({\n    display: 'flex',\n    alignItems: 'center',\n    whiteSpace: 'nowrap',\n  }),\n  activePage: css({\n    bg: 'bg.hover',\n    fontWeight: 'medium',\n  }),\n} as const;\n\nfunction generatePageRange(\n  currentPage: number,\n  totalPages: number,\n  siblingCount: number,\n): (number | '...')[] {\n  const totalSlots = 5 + 2 * siblingCount;\n\n  if (totalPages <= totalSlots) {\n    return Array.from({length: totalPages}, (_, index) => index + 1);\n  }\n\n  const leftSiblingIndex = Math.max(currentPage - siblingCount, 1);\n  const rightSiblingIndex = Math.min(currentPage + siblingCount, totalPages);\n  const showLeftEllipsis = leftSiblingIndex > 2;\n  const showRightEllipsis = rightSiblingIndex < totalPages - 1;\n\n  if (!showLeftEllipsis && showRightEllipsis) {\n    const leftRange = 3 + 2 * siblingCount;\n    return [\n      ...Array.from({length: leftRange}, (_, index) => index + 1),\n      '...',\n      totalPages,\n    ];\n  }\n\n  if (showLeftEllipsis && !showRightEllipsis) {\n    const rightRange = 3 + 2 * siblingCount;\n    return [\n      1,\n      '...',\n      ...Array.from(\n        {length: rightRange},\n        (_, index) => totalPages - rightRange + index + 1,\n      ),\n    ];\n  }\n\n  return [\n    1,\n    '...',\n    ...Array.from(\n      {length: rightSiblingIndex - leftSiblingIndex + 1},\n      (_, index) => leftSiblingIndex + index,\n    ),\n    '...',\n    totalPages,\n  ];\n}\n\n/**\n * Page navigation controls with multiple display variants\n * (numbered pages, count summary, compact label, or none).\n */\nexport function Pagination({\n  className,\n  'data-testid': dataTestId,\n  hasMore,\n  isDisabled = false,\n  label = 'Pagination',\n  onChange,\n  page: pageFromProps,\n  pageSize: pageSizeFromProps = 10,\n  ref,\n  siblingCount: siblingCountFromProps = 1,\n  size = 'md',\n  style,\n  totalItems,\n  totalPages: totalPagesProp,\n  variant = 'pages',\n}: PaginationProps): React.JSX.Element | null {\n  const siblingCount = Math.max(0, siblingCountFromProps);\n  const pageSize = Math.max(1, pageSizeFromProps);\n  const computedTotalPages =\n    totalPagesProp ??\n    (totalItems != null ? Math.ceil(totalItems / pageSize) : undefined);\n  const page = Math.max(\n    1,\n    computedTotalPages != null\n      ? Math.min(pageFromProps, computedTotalPages)\n      : pageFromProps,\n  );\n  const hasPrevious = page > 1;\n  const hasNext =\n    computedTotalPages != null ? page < computedTotalPages : (hasMore ?? false);\n\n  const pageRange = useMemo(\n    () =>\n      computedTotalPages != null\n        ? generatePageRange(page, computedTotalPages, siblingCount)\n        : [],\n    [page, computedTotalPages, siblingCount],\n  );\n\n  if (totalItems != null && totalItems <= 0) {\n    return null;\n  }\n\n  if (computedTotalPages != null && computedTotalPages <= 0) {\n    return null;\n  }\n\n  const handlePageChange = (newPage: number) => {\n    if (isDisabled) {\n      return;\n    }\n\n    onChange(newPage);\n  };\n\n  const rangeStart = (page - 1) * pageSize + 1;\n  const rangeEnd =\n    totalItems == null\n      ? page * pageSize\n      : Math.min(page * pageSize, totalItems);\n\n  const renderIndicator = () => {\n    switch (variant) {\n      case 'pages': {\n        if (computedTotalPages == null) {\n          return null;\n        }\n\n        return pageRange.map((item, index) => {\n          if (item === '...') {\n            return (\n              <span\n                aria-hidden=\"true\"\n                className={styles.ellipsis}\n                key={`ellipsis-${pageRange[index - 1]}-${pageRange[index + 1]}`}>\n                ...\n              </span>\n            );\n          }\n\n          const isActive = item === page;\n          return (\n            <Button\n              aria-current={isActive ? 'page' : undefined}\n              aria-label={\n                isActive ? `Page ${item}, current page` : `Go to page ${item}`\n              }\n              className={isActive ? styles.activePage : undefined}\n              isDisabled={isDisabled}\n              key={item}\n              label={String(item)}\n              onClick={isActive ? undefined : () => handlePageChange(item)}\n              size={size}\n              variant=\"ghost\"\n            />\n          );\n        });\n      }\n\n      case 'count':\n        return totalItems == null ? null : (\n          <span aria-live=\"polite\" className={styles.infoText}>\n            <Text color=\"primary\" size=\"sm\" type=\"body\">\n              {`${rangeStart}-${rangeEnd} of ${totalItems}`}\n            </Text>\n          </span>\n        );\n\n      case 'compact':\n        return computedTotalPages == null ? null : (\n          <span aria-live=\"polite\" className={styles.infoText}>\n            <Text color=\"primary\" size=\"sm\" type=\"body\">\n              {`Page ${page} of ${computedTotalPages}`}\n            </Text>\n          </span>\n        );\n\n      case 'none':\n      default:\n        return null;\n    }\n  };\n\n  return (\n    <nav\n      aria-label={label}\n      className={cx(styles.root, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      <div className={styles.controls}>\n        <Button\n          icon={ChevronLeft}\n          isDisabled={isDisabled || !hasPrevious}\n          isIconOnly\n          label=\"Go to previous page\"\n          onClick={() => handlePageChange(page - 1)}\n          size={size}\n          variant=\"ghost\"\n        />\n        {renderIndicator()}\n        <Button\n          icon={ChevronRight}\n          isDisabled={isDisabled || !hasNext}\n          isIconOnly\n          label=\"Go to next page\"\n          onClick={() => handlePageChange(page + 1)}\n          size={size}\n          variant=\"ghost\"\n        />\n      </div>\n    </nav>\n  );\n}\n\nPagination.displayName = 'Pagination';\n"]}

package/dist/{chunk-7EXVJWG5.js → chunk-RNB4BDEG.js}

@@ -1,48 +1,54 @@
-import { cva } from './chunk-NAELQLZN.js';
+import { sva } from './chunk-EHCAF6D3.js';
 import { cx } from './chunk-PPNETWIP.js';
-import { css } from './chunk-UHQRL4OA.js';
 import { useMemo, useSyncExternalStore } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
 // src/components/Kbd/Kbd.recipe.ts
-var kbdRecipe = cva({
+var kbdRecipe = sva({
+  slots: ["root", "key"],
   base: {
-    display: "inline-flex",
-    alignItems: "center",
-    justifyContent: "center",
-    borderRadius: "sm",
-    bg: "bg.subtle",
-    borderBottomWidth: "emphasized",
-    borderBottomStyle: "solid",
-    borderBottomColor: "border",
-    color: "fg.muted",
-    fontFamily: "body",
-    fontWeight: "medium",
-    lineHeight: "none",
-    userSelect: "none"
+    root: {
+      display: "inline-flex",
+      alignItems: "center",
+      flexShrink: 0,
+      verticalAlign: "bottom"
+    },
+    key: {
+      display: "inline-flex",
+      alignItems: "center",
+      justifyContent: "center",
+      borderRadius: "sm",
+      bg: "bg.subtle",
+      borderBottomWidth: "emphasized",
+      borderBottomStyle: "solid",
+      borderBottomColor: "border",
+      color: "fg.muted",
+      fontFamily: "body",
+      fontWeight: "medium",
+      lineHeight: "none",
+      userSelect: "none"
+    }
   },
   variants: {
     size: {
-      sm: { minW: "4", h: "4", px: "0.5", fontSize: "2xs" },
-      md: { minW: "5", h: "5", px: "1", fontSize: "xs" },
-      lg: { minW: "6", h: "6", px: "1.5", fontSize: "sm" }
+      sm: {
+        root: { gap: "0.5" },
+        key: { minW: "4", h: "4", px: "0.5", fontSize: "2xs" }
+      },
+      md: {
+        root: { gap: "1" },
+        key: { minW: "5", h: "5", px: "1", fontSize: "xs" }
+      },
+      lg: {
+        root: { gap: "1.5" },
+        key: { minW: "6", h: "6", px: "1.5", fontSize: "sm" }
+      }
     }
   },
   defaultVariants: {
     size: "md"
   }
 });
-var styles = {
-  root: css({
-    display: "inline-flex",
-    alignItems: "center",
-    flexShrink: 0,
-    verticalAlign: "bottom"
-  }),
-  rootSm: css({ gap: "0.5" }),
-  rootMd: css({ gap: "1" }),
-  rootLg: css({ gap: "1.5" })
-};
 var keyDisplay = {
   alt: "\u2325",
   backspace: "\u232B",
@@ -131,21 +137,21 @@ function Kbd({
       ariaLabel: parts.map((key) => getKeyLabel(key, isMac)).join("+")
     };
   }, [keys, isMac]);
-  const gapStyle = size === "sm" ? styles.rootSm : size === "lg" ? styles.rootLg : styles.rootMd;
+  const classes = kbdRecipe({ size });
   return /* @__PURE__ */ jsx(
     "kbd",
     {
       "aria-label": ariaLabel,
-      className: cx(styles.root, gapStyle, className),
+      className: cx(classes.root, className),
       "data-testid": dataTestId,
       ref,
       style,
-      children: keyedParts.map((part) => /* @__PURE__ */ jsx("kbd", { className: kbdRecipe({ size }), children: part.display }, part.id))
+      children: keyedParts.map((part) => /* @__PURE__ */ jsx("kbd", { className: classes.key, children: part.display }, part.id))
     }
   );
 }
 Kbd.displayName = "Kbd";
 
 export { Kbd };
-//# sourceMappingURL=chunk-7EXVJWG5.js.map
-//# sourceMappingURL=chunk-7EXVJWG5.js.map
+//# sourceMappingURL=chunk-RNB4BDEG.js.map
+//# sourceMappingURL=chunk-RNB4BDEG.js.map

package/dist/chunk-RNB4BDEG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Kbd/Kbd.recipe.ts","../src/components/Kbd/Kbd.tsx"],"names":[],"mappings":"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","file":"chunk-RNB4BDEG.js","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const kbdRecipe = sva({\n  slots: ['root', 'key'],\n  base: {\n    root: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      flexShrink: 0,\n      verticalAlign: 'bottom',\n    },\n    key: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      borderRadius: 'sm',\n      bg: 'bg.subtle',\n      borderBottomWidth: 'emphasized',\n      borderBottomStyle: 'solid',\n      borderBottomColor: 'border',\n      color: 'fg.muted',\n      fontFamily: 'body',\n      fontWeight: 'medium',\n      lineHeight: 'none',\n      userSelect: 'none',\n    },\n  },\n  variants: {\n    size: {\n      sm: {\n        root: {gap: '0.5'},\n        key: {minW: '4', h: '4', px: '0.5', fontSize: '2xs'},\n      },\n      md: {\n        root: {gap: '1'},\n        key: {minW: '5', h: '5', px: '1', fontSize: 'xs'},\n      },\n      lg: {\n        root: {gap: '1.5'},\n        key: {minW: '6', h: '6', px: '1.5', fontSize: 'sm'},\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nexport type KbdVariants = RecipeVariantProps<typeof kbdRecipe>;\n","import {\n  useMemo,\n  useSyncExternalStore,\n  type CSSProperties,\n  type Ref,\n} from 'react';\nimport {cx} from '../../internal/cx';\nimport {kbdRecipe} from './Kbd.recipe';\n\nexport type KbdSize = 'sm' | 'md' | 'lg';\n\nexport interface KbdProps {\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   * Keyboard shortcut string. Use \"+\" to separate keys.\n   *\n   * Special keys: mod, ctrl, alt, shift, enter, backspace, escape, tab, up,\n   * down, left, right, plus.\n   */\n  keys: string;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Size of the key badges.\n   *\n   * @default 'md'\n   */\n  size?: KbdSize;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n}\n\nconst keyDisplay: Record<string, string> = {\n  alt: '⌥',\n  backspace: '⌫',\n  ctrl: '⌃',\n  down: '↓',\n  enter: '↵',\n  escape: 'Esc',\n  left: '←',\n  plus: '+',\n  right: '→',\n  shift: '⇧',\n  tab: '⇥',\n  up: '↑',\n};\n\nconst keyLabel: Record<string, string> = {\n  alt: 'Alt',\n  backspace: 'Backspace',\n  ctrl: 'Control',\n  down: 'Down Arrow',\n  enter: 'Enter',\n  escape: 'Escape',\n  left: 'Left Arrow',\n  plus: 'Plus',\n  right: 'Right Arrow',\n  shift: 'Shift',\n  tab: 'Tab',\n  up: 'Up Arrow',\n};\n\nconst subscribePlatform = (): (() => void) => () => {};\n\nfunction getIsMacSnapshot(): boolean {\n  if (typeof navigator === 'undefined') {\n    return false;\n  }\n  const userAgentData =\n    'userAgentData' in navigator ? navigator.userAgentData : null;\n  if (\n    userAgentData != null &&\n    typeof userAgentData === 'object' &&\n    'platform' in userAgentData\n  ) {\n    return /mac/i.test(String(userAgentData.platform));\n  }\n  return /Mac|iPhone|iPad|iPod/.test(navigator.platform);\n}\n\nfunction getServerSnapshot(): boolean {\n  return false;\n}\n\nfunction useIsMac(): boolean {\n  return useSyncExternalStore(\n    subscribePlatform,\n    getIsMacSnapshot,\n    getServerSnapshot,\n  );\n}\n\nfunction getKeyDisplay(key: string, isMac: boolean): string {\n  if (key === 'mod') {\n    return isMac ? '⌘' : 'Ctrl';\n  }\n  return keyDisplay[key] ?? key.toUpperCase();\n}\n\nfunction getKeyLabel(key: string, isMac: boolean): string {\n  if (key === 'mod') {\n    return isMac ? 'Command' : 'Control';\n  }\n  return keyLabel[key] ?? key.toUpperCase();\n}\n\n/**\n * Displays keyboard shortcuts as styled key badges.\n */\nexport function Kbd({\n  className,\n  'data-testid': dataTestId,\n  keys,\n  ref,\n  size = 'md',\n  style,\n}: KbdProps): React.JSX.Element {\n  const isMac = useIsMac();\n  const {keyedParts, ariaLabel} = useMemo(() => {\n    const parts = keys\n      .split('+')\n      .map(key => key.trim().toLowerCase())\n      .filter(Boolean);\n\n    if (process.env.NODE_ENV !== 'production' && parts.length === 0) {\n      throw new Error(\n        'Kbd: `keys` prop resolved to zero keys. Check the value passed to `keys`.',\n      );\n    }\n\n    const keyCounts = new Map<string, number>();\n    return {\n      keyedParts: parts.map(key => {\n        const count = (keyCounts.get(key) ?? 0) + 1;\n        keyCounts.set(key, count);\n        return {id: `${key}-${count}`, display: getKeyDisplay(key, isMac)};\n      }),\n      ariaLabel: parts.map(key => getKeyLabel(key, isMac)).join('+'),\n    };\n  }, [keys, isMac]);\n\n  const classes = kbdRecipe({size});\n\n  return (\n    <kbd\n      aria-label={ariaLabel}\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      {keyedParts.map(part => (\n        <kbd className={classes.key} key={part.id}>\n          {part.display}\n        </kbd>\n      ))}\n    </kbd>\n  );\n}\n\nKbd.displayName = 'Kbd';\n"]}

package/dist/{chunk-VIJHDURK.js → chunk-RQ5BMSGU.js}

@@ -1,5 +1,5 @@
-import { Icon } from './chunk-4W7L63LH.js';
-import { cva } from './chunk-NAELQLZN.js';
+import { Icon } from './chunk-7T3SWOY7.js';
+import { cva } from './chunk-FMEIPGUP.js';
 import { cx } from './chunk-PPNETWIP.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -73,6 +73,6 @@ function Badge({
 }
 Badge.displayName = "Badge";
 
-export { Badge, badgeRecipe };
-//# sourceMappingURL=chunk-VIJHDURK.js.map
-//# sourceMappingURL=chunk-VIJHDURK.js.map
+export { Badge };
+//# sourceMappingURL=chunk-RQ5BMSGU.js.map
+//# sourceMappingURL=chunk-RQ5BMSGU.js.map

package/dist/chunk-RQ5BMSGU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Badge/Badge.recipe.ts","../src/components/Badge/Badge.tsx"],"names":[],"mappings":";;;;;;AAEO,IAAM,cAAc,GAAA,CAAI;AAAA,EAC7B,IAAA,EAAM;AAAA,IACJ,OAAA,EAAS,aAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,cAAA,EAAgB,QAAA;AAAA,IAChB,YAAA,EAAc,MAAA;AAAA,IACd,UAAA,EAAY,MAAA;AAAA,IACZ,UAAA,EAAY,MAAA;AAAA,IACZ,UAAA,EAAY,QAAA;AAAA,IACZ,UAAA,EAAY;AAAA,GACd;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,EAAC,GAAA,EAAK,GAAA,EAAK,GAAG,GAAA,EAAK,EAAA,EAAI,GAAA,EAAK,QAAA,EAAU,IAAA,EAAI;AAAA,MAC9C,EAAA,EAAI,EAAC,GAAA,EAAK,KAAA,EAAO,GAAG,GAAA,EAAK,EAAA,EAAI,KAAA,EAAO,QAAA,EAAU,IAAA,EAAI;AAAA,MAClD,EAAA,EAAI,EAAC,GAAA,EAAK,GAAA,EAAK,GAAG,GAAA,EAAK,EAAA,EAAI,GAAA,EAAK,QAAA,EAAU,IAAA;AAAI,KAChD;AAAA,IACA,KAAA,EAAO;AAAA,MACL,OAAA,EAAS,EAAC,EAAA,EAAI,cAAA,EAAgB,OAAO,IAAA,EAAI;AAAA,MACzC,IAAA,EAAM,EAAC,EAAA,EAAI,mBAAA,EAAqB,OAAO,qBAAA,EAAqB;AAAA,MAC5D,OAAA,EAAS,EAAC,EAAA,EAAI,sBAAA,EAAwB,OAAO,wBAAA,EAAwB;AAAA,MACrE,OAAA,EAAS,EAAC,EAAA,EAAI,sBAAA,EAAwB,OAAO,wBAAA,EAAwB;AAAA,MACrE,KAAA,EAAO,EAAC,EAAA,EAAI,oBAAA,EAAsB,OAAO,sBAAA,EAAsB;AAAA,MAC/D,IAAA,EAAM,EAAC,EAAA,EAAI,cAAA,EAAgB,OAAO,iBAAA,EAAiB;AAAA,MACnD,IAAA,EAAM,EAAC,EAAA,EAAI,cAAA,EAAgB,OAAO,iBAAA,EAAiB;AAAA,MACnD,KAAA,EAAO,EAAC,EAAA,EAAI,eAAA,EAAiB,OAAO,kBAAA,EAAkB;AAAA,MACtD,MAAA,EAAQ,EAAC,EAAA,EAAI,gBAAA,EAAkB,OAAO,mBAAA,EAAmB;AAAA,MACzD,IAAA,EAAM,EAAC,EAAA,EAAI,cAAA,EAAgB,OAAO,iBAAA,EAAiB;AAAA,MACnD,MAAA,EAAQ,EAAC,EAAA,EAAI,gBAAA,EAAkB,OAAO,mBAAA,EAAmB;AAAA,MACzD,GAAA,EAAK,EAAC,EAAA,EAAI,aAAA,EAAe,OAAO,gBAAA,EAAgB;AAAA,MAChD,IAAA,EAAM,EAAC,EAAA,EAAI,cAAA,EAAgB,OAAO,iBAAA,EAAiB;AAAA,MACnD,MAAA,EAAQ,EAAC,EAAA,EAAI,gBAAA,EAAkB,OAAO,mBAAA;AAAmB;AAC3D,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,KAAA,EAAO;AAAA;AAEX,CAAC,CAAA;ACwCM,SAAS,KAAA,CAAM;AAAA,EACpB,YAAA,EAAc,SAAA;AAAA,EACd,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,IAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,KAAA;AAAA,EACA,KAAA,GAAQ;AACV,CAAA,EAAkC;AAChC,EAAA,uBACE,IAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,SAAA;AAAA,MACZ,SAAA,EAAW,GAAG,WAAA,CAAY,EAAC,MAAM,KAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MACnD,aAAA,EAAa,UAAA;AAAA,MACb,GAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAA;AAAA,MACC,QAAA,EAAA;AAAA,QAAA,IAAA,IAAQ,IAAA,uBACN,IAAA,EAAA,EAAK,aAAA,EAAY,QAAO,KAAA,EAAM,SAAA,EAAU,IAAA,EAAY,IAAA,EAAY,CAAA,GAC/D,IAAA;AAAA,QACH;AAAA;AAAA;AAAA,GACH;AAEJ;AAEA,KAAA,CAAM,WAAA,GAAc,OAAA","file":"chunk-RQ5BMSGU.js","sourcesContent":["import {cva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const badgeRecipe = cva({\n  base: {\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: 'full',\n    fontFamily: 'body',\n    lineHeight: 'none',\n    fontWeight: 'medium',\n    whiteSpace: 'nowrap',\n  },\n  variants: {\n    size: {\n      sm: {gap: '1', h: '5', px: '2', fontSize: 'sm'},\n      md: {gap: '1.5', h: '6', px: '2.5', fontSize: 'sm'},\n      lg: {gap: '2', h: '7', px: '3', fontSize: 'md'},\n    },\n    color: {\n      neutral: {bg: 'surface.gray', color: 'fg'},\n      info: {bg: 'status.info.solid', color: 'status.info.solidFg'},\n      success: {bg: 'status.success.solid', color: 'status.success.solidFg'},\n      warning: {bg: 'status.warning.solid', color: 'status.warning.solidFg'},\n      error: {bg: 'status.error.solid', color: 'status.error.solidFg'},\n      blue: {bg: 'surface.blue', color: 'surface.blue.fg'},\n      cyan: {bg: 'surface.cyan', color: 'surface.cyan.fg'},\n      green: {bg: 'surface.green', color: 'surface.green.fg'},\n      orange: {bg: 'surface.orange', color: 'surface.orange.fg'},\n      pink: {bg: 'surface.pink', color: 'surface.pink.fg'},\n      purple: {bg: 'surface.purple', color: 'surface.purple.fg'},\n      red: {bg: 'surface.red', color: 'surface.red.fg'},\n      teal: {bg: 'surface.teal', color: 'surface.teal.fg'},\n      yellow: {bg: 'surface.yellow', color: 'surface.yellow.fg'},\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    color: 'neutral',\n  },\n});\n\nexport type BadgeVariants = RecipeVariantProps<typeof badgeRecipe>;\n","import type {CSSProperties, Ref} from 'react';\nimport {cx} from '../../internal/cx';\nimport {Icon, type IconComponent} from '../Icon';\nimport {badgeRecipe} from './Badge.recipe';\n\nexport type BadgeSize = 'sm' | 'md' | 'lg';\n\nexport type BadgeColor =\n  | 'neutral'\n  | 'info'\n  | 'success'\n  | 'warning'\n  | 'error'\n  | 'blue'\n  | 'cyan'\n  | 'green'\n  | 'orange'\n  | 'pink'\n  | 'purple'\n  | 'red'\n  | 'teal'\n  | 'yellow';\n\n/**\n * A compact status label, category marker, or count.\n */\nexport interface BadgeProps {\n  /**\n   * Accessible label for the badge.\n   */\n  'aria-label'?: string;\n  /**\n   * Additional CSS class names applied to the badge.\n   */\n  className?: string;\n  /**\n   * Visual color.\n   * @default 'neutral'\n   */\n  color?: BadgeColor;\n  /**\n   * Test ID applied to the badge.\n   */\n  'data-testid'?: string;\n  /**\n   * Optional icon rendered before the label.\n   */\n  icon?: IconComponent;\n  /**\n   * Badge text or count.\n   */\n  label: string | number;\n  /**\n   * Ref forwarded to the badge element.\n   */\n  ref?: Ref<HTMLSpanElement>;\n  /**\n   * ARIA role for the badge element. Common choices:\n   *\n   * - `'status'` — a live region whose content is advisory (e.g. \"3 new\").\n   * - `'alert'` — an urgent, time-sensitive message (e.g. error counts).\n   * - `'log'` — appended information such as chat counts or activity feeds.\n   *\n   * Any valid ARIA role string is accepted.\n   */\n  role?: 'status' | 'alert' | 'log' | (string & {});\n  /**\n   * Badge size.\n   * @default 'md'\n   */\n  size?: BadgeSize;\n  /**\n   * Inline styles applied to the badge.\n   */\n  style?: CSSProperties;\n}\n\n/**\n * A compact status label, category marker, or count.\n */\nexport function Badge({\n  'aria-label': ariaLabel,\n  className,\n  'data-testid': dataTestId,\n  icon,\n  label,\n  ref,\n  role,\n  size = 'md',\n  style,\n  color = 'neutral',\n}: BadgeProps): React.JSX.Element {\n  return (\n    <span\n      aria-label={ariaLabel}\n      className={cx(badgeRecipe({size, color}), className)}\n      data-testid={dataTestId}\n      ref={ref}\n      role={role}\n      style={style}>\n      {icon != null ? (\n        <Icon aria-hidden=\"true\" color=\"inherit\" icon={icon} size={size} />\n      ) : null}\n      {label}\n    </span>\n  );\n}\n\nBadge.displayName = 'Badge';\n"]}

package/dist/{chunk-AZDWQGAX.cjs → chunk-RU6JG3FS.cjs}

@@ -180,6 +180,28 @@ var hypenateProperty = memo((property) => {
 });
 var lengthUnits = "cm,mm,Q,in,pc,pt,px,em,ex,ch,rem,lh,rlh,vw,vh,vmin,vmax,vb,vi,svw,svh,lvw,lvh,dvw,dvh,cqw,cqh,cqi,cqb,cqmin,cqmax,%";
 `(?:${lengthUnits.split(",").join("|")})`;
+var getSlotRecipes = (recipe = {}) => {
+  const init = (slot) => ({
+    className: [recipe.className, slot].filter(Boolean).join("__"),
+    base: recipe.base?.[slot] ?? {},
+    variants: {},
+    defaultVariants: recipe.defaultVariants ?? {},
+    compoundVariants: recipe.compoundVariants ? getSlotCompoundVariant(recipe.compoundVariants, slot) : []
+  });
+  const slots = recipe.slots ?? [];
+  const recipeParts = slots.map((slot) => [slot, init(slot)]);
+  for (const [variantsKey, variantsSpec] of Object.entries(recipe.variants ?? {})) {
+    for (const [variantKey, variantSpec] of Object.entries(variantsSpec)) {
+      recipeParts.forEach(([slot, slotRecipe]) => {
+        var _a;
+        (_a = slotRecipe.variants)[variantsKey] ?? (_a[variantsKey] = {});
+        slotRecipe.variants[variantsKey][variantKey] = variantSpec[slot] ?? {};
+      });
+    }
+  }
+  return Object.fromEntries(recipeParts);
+};
+var getSlotCompoundVariant = (compoundVariants, slotName) => compoundVariants.filter((compoundVariant) => compoundVariant.css[slotName]).map((compoundVariant) => ({ ...compoundVariant, css: compoundVariant.css[slotName] }));
 function splitProps(props, ...keys) {
   const descriptors = Object.getOwnPropertyDescriptors(props);
   const dKeys = Object.keys(descriptors);
@@ -277,10 +299,11 @@ var { mergeCss} = createMergeCss(context);
 
 exports.compact = compact;
 exports.css = css;
+exports.getSlotRecipes = getSlotRecipes;
 exports.memo = memo;
 exports.mergeCss = mergeCss;
 exports.mergeProps = mergeProps;
 exports.splitProps = splitProps;
 exports.uniq = uniq;
-//# sourceMappingURL=chunk-AZDWQGAX.cjs.map
-//# sourceMappingURL=chunk-AZDWQGAX.cjs.map
+//# sourceMappingURL=chunk-RU6JG3FS.cjs.map
+//# sourceMappingURL=chunk-RU6JG3FS.cjs.map

package/dist/chunk-RU6JG3FS.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../styled-system/helpers.js","../styled-system/css/conditions.js","../styled-system/css/css.js"],"names":["context","conditions","resolveShorthand","mergeCss","assignCss"],"mappings":"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","file":"chunk-RU6JG3FS.cjs","sourcesContent":["// src/assert.ts\nfunction isObject(value) {\n  return typeof value === \"object\" && value != null && !Array.isArray(value);\n}\nvar isObjectOrArray = (obj) => typeof obj === \"object\" && obj !== null;\n\n// src/compact.ts\nfunction compact(value) {\n  return Object.fromEntries(Object.entries(value ?? {}).filter(([_, value2]) => value2 !== void 0));\n}\n\n// src/condition.ts\nvar isBaseCondition = (v) => v === \"base\";\nfunction filterBaseConditions(c) {\n  return c.slice().filter((v) => !isBaseCondition(v));\n}\n\n// src/hash.ts\nfunction toChar(code) {\n  return String.fromCharCode(code + (code > 25 ? 39 : 97));\n}\nfunction toName(code) {\n  let name = \"\";\n  let x;\n  for (x = Math.abs(code); x > 52; x = x / 52 | 0) name = toChar(x % 52) + name;\n  return toChar(x % 52) + name;\n}\nfunction toPhash(h, x) {\n  let i = x.length;\n  while (i) h = h * 33 ^ x.charCodeAt(--i);\n  return h;\n}\nfunction toHash(value) {\n  return toName(toPhash(5381, value) >>> 0);\n}\n\n// src/important.ts\nvar importantRegex = /\\s*!(important)?/i;\nfunction isImportant(value) {\n  return typeof value === \"string\" ? importantRegex.test(value) : false;\n}\nfunction withoutImportant(value) {\n  return typeof value === \"string\" ? value.replace(importantRegex, \"\").trim() : value;\n}\nfunction withoutSpace(str) {\n  return typeof str === \"string\" ? str.replaceAll(\" \", \"_\") : str;\n}\n\n// src/memo.ts\nvar memo = (fn) => {\n  const cache = /* @__PURE__ */ new Map();\n  const get = (...args) => {\n    const key = JSON.stringify(args);\n    if (cache.has(key)) {\n      return cache.get(key);\n    }\n    const result = fn(...args);\n    cache.set(key, result);\n    return result;\n  };\n  return get;\n};\n\n// src/merge-props.ts\nvar MERGE_OMIT = /* @__PURE__ */ new Set([\"__proto__\", \"constructor\", \"prototype\"]);\nfunction mergeProps(...sources) {\n  return sources.reduce((prev, obj) => {\n    if (!obj) return prev;\n    Object.keys(obj).forEach((key) => {\n      if (MERGE_OMIT.has(key)) return;\n      const prevValue = prev[key];\n      const value = obj[key];\n      if (isObject(prevValue) && isObject(value)) {\n        prev[key] = mergeProps(prevValue, value);\n      } else {\n        prev[key] = value;\n      }\n    });\n    return prev;\n  }, {});\n}\n\n// src/walk-object.ts\nvar isNotNullish = (element) => element != null;\nfunction walkObject(target, predicate, options = {}) {\n  const { stop, getKey } = options;\n  function inner(value, path = []) {\n    if (isObjectOrArray(value)) {\n      const result = {};\n      for (const [prop, child] of Object.entries(value)) {\n        const key = getKey?.(prop, child) ?? prop;\n        const childPath = [...path, key];\n        if (stop?.(value, childPath)) {\n          return predicate(value, path);\n        }\n        const next = inner(child, childPath);\n        if (isNotNullish(next)) {\n          result[key] = next;\n        }\n      }\n      return result;\n    }\n    return predicate(value, path);\n  }\n  return inner(target);\n}\nfunction mapObject(obj, fn) {\n  if (Array.isArray(obj)) return obj.map((value) => fn(value));\n  if (!isObject(obj)) return fn(obj);\n  return walkObject(obj, (value) => fn(value));\n}\n\n// src/normalize-style-object.ts\nfunction toResponsiveObject(values, breakpoints) {\n  return values.reduce(\n    (acc, current, index) => {\n      const key = breakpoints[index];\n      if (current != null) {\n        acc[key] = current;\n      }\n      return acc;\n    },\n    {}\n  );\n}\nfunction normalizeStyleObject(styles, context, shorthand = true) {\n  const { utility, conditions } = context;\n  const { hasShorthand, resolveShorthand } = utility;\n  return walkObject(\n    styles,\n    (value) => {\n      return Array.isArray(value) ? toResponsiveObject(value, conditions.breakpoints.keys) : value;\n    },\n    {\n      stop: (value) => Array.isArray(value),\n      getKey: shorthand ? (prop) => hasShorthand ? resolveShorthand(prop) : prop : void 0\n    }\n  );\n}\n\n// src/classname.ts\nvar fallbackCondition = {\n  shift: (v) => v,\n  finalize: (v) => v,\n  breakpoints: { keys: [] }\n};\nvar sanitize = (value) => typeof value === \"string\" ? value.replaceAll(/[\\n\\s]+/g, \" \") : value;\nfunction createCss(context) {\n  const { utility, hash, conditions: conds = fallbackCondition } = context;\n  const formatClassName = (str) => [utility.prefix, str].filter(Boolean).join(\"-\");\n  const hashFn = (conditions, className) => {\n    let result;\n    if (hash) {\n      const baseArray = [...conds.finalize(conditions), className];\n      result = formatClassName(utility.toHash(baseArray, toHash));\n    } else {\n      const baseArray = [...conds.finalize(conditions), formatClassName(className)];\n      result = baseArray.join(\":\");\n    }\n    return result;\n  };\n  return memo(({ base, ...styles } = {}) => {\n    const styleObject = Object.assign(styles, base);\n    const normalizedObject = normalizeStyleObject(styleObject, context);\n    const classNames = /* @__PURE__ */ new Set();\n    walkObject(normalizedObject, (value, paths) => {\n      if (value == null) return;\n      const important = isImportant(value);\n      const [prop, ...allConditions] = conds.shift(paths);\n      const conditions = filterBaseConditions(allConditions);\n      const transformed = utility.transform(prop, withoutImportant(sanitize(value)));\n      let className = hashFn(conditions, transformed.className);\n      if (important) className = `${className}!`;\n      classNames.add(className);\n    });\n    return Array.from(classNames).join(\" \");\n  });\n}\nfunction compactStyles(...styles) {\n  return styles.flat().filter((style) => isObject(style) && Object.keys(compact(style)).length > 0);\n}\nfunction createMergeCss(context) {\n  function resolve(styles) {\n    const allStyles = compactStyles(...styles);\n    if (allStyles.length === 1) return allStyles;\n    return allStyles.map((style) => normalizeStyleObject(style, context));\n  }\n  function mergeCss(...styles) {\n    return mergeProps(...resolve(styles));\n  }\n  function assignCss(...styles) {\n    return Object.assign({}, ...resolve(styles));\n  }\n  return { mergeCss: memo(mergeCss), assignCss };\n}\n\n// src/hypenate-property.ts\nvar wordRegex = /([A-Z])/g;\nvar msRegex = /^ms-/;\nvar hypenateProperty = memo((property) => {\n  if (property.startsWith(\"--\")) return property;\n  return property.replace(wordRegex, \"-$1\").replace(msRegex, \"-ms-\").toLowerCase();\n});\n\n// src/is-css-function.ts\nvar fns = [\"min\", \"max\", \"clamp\", \"calc\"];\nvar fnRegExp = new RegExp(`^(${fns.join(\"|\")})\\\\(.*\\\\)`);\nvar isCssFunction = (v) => typeof v === \"string\" && fnRegExp.test(v);\n\n// src/is-css-unit.ts\nvar lengthUnits = \"cm,mm,Q,in,pc,pt,px,em,ex,ch,rem,lh,rlh,vw,vh,vmin,vmax,vb,vi,svw,svh,lvw,lvh,dvw,dvh,cqw,cqh,cqi,cqb,cqmin,cqmax,%\";\nvar lengthUnitsPattern = `(?:${lengthUnits.split(\",\").join(\"|\")})`;\nvar lengthRegExp = new RegExp(`^[+-]?[0-9]*.?[0-9]+(?:[eE][+-]?[0-9]+)?${lengthUnitsPattern}$`);\nvar isCssUnit = (v) => typeof v === \"string\" && lengthRegExp.test(v);\n\n// src/is-css-var.ts\nvar isCssVar = (v) => typeof v === \"string\" && /^var\\(--.+\\)$/.test(v);\n\n// src/pattern-fns.ts\nvar patternFns = {\n  map: mapObject,\n  isCssFunction,\n  isCssVar,\n  isCssUnit\n};\nvar getPatternStyles = (pattern, styles) => {\n  if (!pattern?.defaultValues) return styles;\n  const defaults = typeof pattern.defaultValues === \"function\" ? pattern.defaultValues(styles) : pattern.defaultValues;\n  return Object.assign({}, defaults, compact(styles));\n};\n\n// src/slot.ts\nvar getSlotRecipes = (recipe = {}) => {\n  const init = (slot) => ({\n    className: [recipe.className, slot].filter(Boolean).join(\"__\"),\n    base: recipe.base?.[slot] ?? {},\n    variants: {},\n    defaultVariants: recipe.defaultVariants ?? {},\n    compoundVariants: recipe.compoundVariants ? getSlotCompoundVariant(recipe.compoundVariants, slot) : []\n  });\n  const slots = recipe.slots ?? [];\n  const recipeParts = slots.map((slot) => [slot, init(slot)]);\n  for (const [variantsKey, variantsSpec] of Object.entries(recipe.variants ?? {})) {\n    for (const [variantKey, variantSpec] of Object.entries(variantsSpec)) {\n      recipeParts.forEach(([slot, slotRecipe]) => {\n        slotRecipe.variants[variantsKey] ??= {};\n        slotRecipe.variants[variantsKey][variantKey] = variantSpec[slot] ?? {};\n      });\n    }\n  }\n  return Object.fromEntries(recipeParts);\n};\nvar getSlotCompoundVariant = (compoundVariants, slotName) => compoundVariants.filter((compoundVariant) => compoundVariant.css[slotName]).map((compoundVariant) => ({ ...compoundVariant, css: compoundVariant.css[slotName] }));\n\n// src/split-props.ts\nfunction splitProps(props, ...keys) {\n  const descriptors = Object.getOwnPropertyDescriptors(props);\n  const dKeys = Object.keys(descriptors);\n  const split = (k) => {\n    const clone = {};\n    for (let i = 0; i < k.length; i++) {\n      const key = k[i];\n      if (descriptors[key]) {\n        Object.defineProperty(clone, key, descriptors[key]);\n        delete descriptors[key];\n      }\n    }\n    return clone;\n  };\n  const fn = (key) => split(Array.isArray(key) ? key : dKeys.filter(key));\n  return keys.map(fn).concat(split(dKeys));\n}\n\n// src/uniq.ts\nvar uniq = (...items) => {\n  const set = items.reduce((acc, currItems) => {\n    if (currItems) {\n      currItems.forEach((item) => acc.add(item));\n    }\n    return acc;\n  }, /* @__PURE__ */ new Set([]));\n  return Array.from(set);\n};\nexport {\n  compact,\n  createCss,\n  createMergeCss,\n  filterBaseConditions,\n  getPatternStyles,\n  getSlotCompoundVariant,\n  getSlotRecipes,\n  hypenateProperty,\n  isBaseCondition,\n  isObject,\n  mapObject,\n  memo,\n  mergeProps,\n  patternFns,\n  splitProps,\n  toHash,\n  uniq,\n  walkObject,\n  withoutSpace\n};\n\n\n\n// src/normalize-html.ts\nvar htmlProps = [\"htmlSize\", \"htmlTranslate\", \"htmlWidth\", \"htmlHeight\"];\nfunction convert(key) {\n  return htmlProps.includes(key) ? key.replace(\"html\", \"\").toLowerCase() : key;\n}\nfunction normalizeHTMLProps(props) {\n  return Object.fromEntries(Object.entries(props).map(([key, value]) => [convert(key), value]));\n}\nnormalizeHTMLProps.keys = htmlProps;\nexport {\n  normalizeHTMLProps\n};\n\n\nexport function __spreadValues(a, b) {\n  return { ...a, ...b }\n}\n\nexport function __objRest(source, exclude) {\n  return Object.fromEntries(Object.entries(source).filter(([key]) => !exclude.includes(key)))\n}","import { withoutSpace } from '../helpers.js';\n\nconst conditionsStr = \"_hover,_focus,_focusWithin,_focusVisible,_disabled,_active,_visited,_target,_readOnly,_readWrite,_empty,_checked,_enabled,_expanded,_highlighted,_complete,_incomplete,_dragging,_before,_after,_firstLetter,_firstLine,_marker,_selection,_file,_backdrop,_first,_last,_only,_even,_odd,_firstOfType,_lastOfType,_onlyOfType,_peerFocus,_peerHover,_peerActive,_peerFocusWithin,_peerFocusVisible,_peerDisabled,_peerChecked,_peerInvalid,_peerExpanded,_peerPlaceholderShown,_groupFocus,_groupHover,_groupActive,_groupFocusWithin,_groupFocusVisible,_groupDisabled,_groupChecked,_groupExpanded,_groupInvalid,_indeterminate,_required,_valid,_invalid,_autofill,_inRange,_outOfRange,_placeholder,_placeholderShown,_pressed,_selected,_grabbed,_underValue,_overValue,_atValue,_default,_optional,_open,_closed,_fullscreen,_loading,_hidden,_current,_currentPage,_currentStep,_today,_unavailable,_rangeStart,_rangeEnd,_now,_topmost,_motionReduce,_motionSafe,_print,_landscape,_portrait,_dark,_light,_osDark,_osLight,_highContrast,_lessContrast,_moreContrast,_ltr,_rtl,_scrollbar,_scrollbarThumb,_scrollbarTrack,_horizontal,_vertical,_icon,_starting,_noscript,_invertedColors,sm,smOnly,smDown,md,mdOnly,mdDown,lg,lgOnly,lgDown,xl,xlOnly,xlDown,2xl,2xlOnly,2xlDown,smToMd,smToLg,smToXl,smTo2xl,mdToLg,mdToXl,mdTo2xl,lgToXl,lgTo2xl,xlTo2xl,@/xs,@/sm,@/md,@/lg,@/xl,@/2xl,@/3xl,@/4xl,@/5xl,@/6xl,@/7xl,@/8xl,base\"\nconst conditions = new Set(conditionsStr.split(','))\n\nconst conditionRegex = /^@|&|&$/\n\nexport function isCondition(value){\n  return conditions.has(value) || conditionRegex.test(value)\n}\n\nconst underscoreRegex = /^_/\nconst conditionsSelectorRegex = /&|@/\n\nexport function finalizeConditions(paths){\n  return paths.map((path) => {\n    if (conditions.has(path)){\n      return path.replace(underscoreRegex, '')\n    }\n\n    if (conditionsSelectorRegex.test(path)){\n      return `[${withoutSpace(path.trim())}]`\n    }\n\n    return path\n  })}\n\n  export function sortConditions(paths){\n    return paths.sort((a, b) => {\n      const aa = isCondition(a)\n      const bb = isCondition(b)\n      if (aa && !bb) return 1\n      if (!aa && bb) return -1\n      return 0\n    })\n  }","import { createCss, createMergeCss, hypenateProperty, withoutSpace } from '../helpers.js';\nimport { sortConditions, finalizeConditions } from './conditions.js';\n\nconst utilities = \"aspectRatio:asp,boxDecorationBreak:bx-db,zIndex:z,boxSizing:bx-s,objectPosition:obj-p,objectFit:obj-f,overscrollBehavior:ovs-b,overscrollBehaviorX:ovs-bx,overscrollBehaviorY:ovs-by,position:pos/1,top:top,left:left,inset:inset,insetInline:inset-x/insetX,insetBlock:inset-y/insetY,insetBlockEnd:inset-be,insetBlockStart:inset-bs,insetInlineEnd:inset-e/insetEnd/end,insetInlineStart:inset-s/insetStart/start,right:right,bottom:bottom,float:float,visibility:vis,display:d,hideFrom:hide,hideBelow:show,flexBasis:flex-b,flex:flex,flexDirection:flex-d/flexDir,flexGrow:flex-g,flexShrink:flex-sh,gridTemplateColumns:grid-tc,gridTemplateRows:grid-tr,gridColumn:grid-c,gridRow:grid-r,gridColumnStart:grid-cs,gridColumnEnd:grid-ce,gridAutoFlow:grid-af,gridAutoColumns:grid-ac,gridAutoRows:grid-ar,gap:gap,gridGap:grid-g,gridRowGap:grid-rg,gridColumnGap:grid-cg,rowGap:rg,columnGap:cg,justifyContent:jc,alignContent:ac,alignItems:ai,alignSelf:as,padding:p/1,paddingLeft:pl/1,paddingRight:pr/1,paddingTop:pt/1,paddingBottom:pb/1,paddingBlock:py/1/paddingY,paddingBlockEnd:pbe,paddingBlockStart:pbs,paddingInline:px/paddingX/1,paddingInlineEnd:pe/1/paddingEnd,paddingInlineStart:ps/1/paddingStart,marginLeft:ml/1,marginRight:mr/1,marginTop:mt/1,marginBottom:mb/1,margin:m/1,marginBlock:my/1/marginY,marginBlockEnd:mbe,marginBlockStart:mbs,marginInline:mx/1/marginX,marginInlineEnd:me/1/marginEnd,marginInlineStart:ms/1/marginStart,spaceX:sx,spaceY:sy,outlineWidth:ring-w/ringWidth,outlineColor:ring-c/ringColor,outline:ring/1,outlineOffset:ring-o/ringOffset,focusRing:focus-ring,focusVisibleRing:focus-v-ring,focusRingColor:focus-ring-c,focusRingOffset:focus-ring-o,focusRingWidth:focus-ring-w,focusRingStyle:focus-ring-s,divideX:dvd-x,divideY:dvd-y,divideColor:dvd-c,divideStyle:dvd-s,width:w/1,inlineSize:w-is,minWidth:min-w/minW,minInlineSize:min-w-is,maxWidth:max-w/maxW,maxInlineSize:max-w-is,height:h/1,blockSize:h-bs,minHeight:min-h/minH,minBlockSize:min-h-bs,maxHeight:max-h/maxH,maxBlockSize:max-b,boxSize:size,color:c,fontFamily:ff,fontSize:fs,fontSizeAdjust:fs-a,fontPalette:fp,fontKerning:fk,fontFeatureSettings:ff-s,fontWeight:fw,fontSmoothing:fsmt,fontVariant:fv,fontVariantAlternates:fv-alt,fontVariantCaps:fv-caps,fontVariationSettings:fv-s,fontVariantNumeric:fv-num,letterSpacing:ls,lineHeight:lh,textAlign:ta,textDecoration:td,textDecorationColor:td-c,textEmphasisColor:te-c,textDecorationStyle:td-s,textDecorationThickness:td-t,textUnderlineOffset:tu-o,textTransform:tt,textIndent:ti,textShadow:tsh,textShadowColor:tsh-c/textShadowColor,WebkitTextFillColor:wktf-c,textOverflow:tov,verticalAlign:va,wordBreak:wb,textWrap:tw,truncate:trunc,lineClamp:lc,listStyleType:li-t,listStylePosition:li-pos,listStyleImage:li-img,listStyle:li-s,backgroundPosition:bg-p/bgPosition,backgroundPositionX:bg-p-x/bgPositionX,backgroundPositionY:bg-p-y/bgPositionY,backgroundAttachment:bg-a/bgAttachment,backgroundClip:bg-cp/bgClip,background:bg/1,backgroundColor:bg-c/bgColor,backgroundOrigin:bg-o/bgOrigin,backgroundImage:bg-i/bgImage,backgroundRepeat:bg-r/bgRepeat,backgroundBlendMode:bg-bm/bgBlendMode,backgroundSize:bg-s/bgSize,backgroundGradient:bg-grad/bgGradient,backgroundLinear:bg-linear/bgLinear,backgroundRadial:bg-radial/bgRadial,backgroundConic:bg-conic/bgConic,textGradient:txt-grad,gradientFromPosition:grad-from-pos,gradientToPosition:grad-to-pos,gradientFrom:grad-from,gradientTo:grad-to,gradientVia:grad-via,gradientViaPosition:grad-via-pos,borderRadius:bdr/rounded,borderTopLeftRadius:bdr-tl/roundedTopLeft,borderTopRightRadius:bdr-tr/roundedTopRight,borderBottomRightRadius:bdr-br/roundedBottomRight,borderBottomLeftRadius:bdr-bl/roundedBottomLeft,borderTopRadius:bdr-t/roundedTop,borderRightRadius:bdr-r/roundedRight,borderBottomRadius:bdr-b/roundedBottom,borderLeftRadius:bdr-l/roundedLeft,borderStartStartRadius:bdr-ss/roundedStartStart,borderStartEndRadius:bdr-se/roundedStartEnd,borderStartRadius:bdr-s/roundedStart,borderEndStartRadius:bdr-es/roundedEndStart,borderEndEndRadius:bdr-ee/roundedEndEnd,borderEndRadius:bdr-e/roundedEnd,border:bd,borderWidth:bd-w,borderTopWidth:bd-t-w,borderLeftWidth:bd-l-w,borderRightWidth:bd-r-w,borderBottomWidth:bd-b-w,borderBlockStartWidth:bd-bs-w,borderBlockEndWidth:bd-be-w,borderColor:bd-c,borderInline:bd-x/borderX,borderInlineWidth:bd-x-w/borderXWidth,borderInlineColor:bd-x-c/borderXColor,borderBlock:bd-y/borderY,borderBlockWidth:bd-y-w/borderYWidth,borderBlockColor:bd-y-c/borderYColor,borderLeft:bd-l,borderLeftColor:bd-l-c,borderInlineStart:bd-s/borderStart,borderInlineStartWidth:bd-s-w/borderStartWidth,borderInlineStartColor:bd-s-c/borderStartColor,borderRight:bd-r,borderRightColor:bd-r-c,borderInlineEnd:bd-e/borderEnd,borderInlineEndWidth:bd-e-w/borderEndWidth,borderInlineEndColor:bd-e-c/borderEndColor,borderTop:bd-t,borderTopColor:bd-t-c,borderBottom:bd-b,borderBottomColor:bd-b-c,borderBlockEnd:bd-be,borderBlockEndColor:bd-be-c,borderBlockStart:bd-bs,borderBlockStartColor:bd-bs-c,opacity:op,boxShadow:bx-sh/shadow,boxShadowColor:bx-sh-c/shadowColor,mixBlendMode:mix-bm,filter:filter,brightness:brightness,contrast:contrast,grayscale:grayscale,hueRotate:hue-rotate,invert:invert,saturate:saturate,sepia:sepia,dropShadow:drop-shadow,blur:blur,backdropFilter:bkdp,backdropBlur:bkdp-blur,backdropBrightness:bkdp-brightness,backdropContrast:bkdp-contrast,backdropGrayscale:bkdp-grayscale,backdropHueRotate:bkdp-hue-rotate,backdropInvert:bkdp-invert,backdropOpacity:bkdp-opacity,backdropSaturate:bkdp-saturate,backdropSepia:bkdp-sepia,borderCollapse:bd-cl,borderSpacing:bd-sp,borderSpacingX:bd-sx,borderSpacingY:bd-sy,tableLayout:tbl,transitionTimingFunction:trs-tmf,transitionDelay:trs-dly,transitionDuration:trs-dur,transitionProperty:trs-prop,transition:trs,animation:anim,animationName:anim-n,animationTimingFunction:anim-tmf,animationDuration:anim-dur,animationDelay:anim-dly,animationPlayState:anim-ps,animationComposition:anim-comp,animationFillMode:anim-fm,animationDirection:anim-dir,animationIterationCount:anim-ic,animationRange:anim-r,animationState:anim-s,animationRangeStart:anim-rs,animationRangeEnd:anim-re,animationTimeline:anim-tl,transformOrigin:trf-o,transformBox:trf-b,transformStyle:trf-s,transform:trf,rotate:rotate,rotateX:rotate-x,rotateY:rotate-y,rotateZ:rotate-z,scale:scale,scaleX:scale-x,scaleY:scale-y,translate:translate,translateX:translate-x/x,translateY:translate-y/y,translateZ:translate-z/z,accentColor:ac-c,caretColor:ca-c,scrollBehavior:scr-bhv,scrollbar:scr-bar,scrollbarColor:scr-bar-c,scrollbarGutter:scr-bar-g,scrollbarWidth:scr-bar-w,scrollMargin:scr-m,scrollMarginLeft:scr-ml,scrollMarginRight:scr-mr,scrollMarginTop:scr-mt,scrollMarginBottom:scr-mb,scrollMarginBlock:scr-my/scrollMarginY,scrollMarginBlockEnd:scr-mbe,scrollMarginBlockStart:scr-mbt,scrollMarginInline:scr-mx/scrollMarginX,scrollMarginInlineEnd:scr-me,scrollMarginInlineStart:scr-ms,scrollPadding:scr-p,scrollPaddingBlock:scr-py/scrollPaddingY,scrollPaddingBlockStart:scr-pbs,scrollPaddingBlockEnd:scr-pbe,scrollPaddingInline:scr-px/scrollPaddingX,scrollPaddingInlineEnd:scr-pe,scrollPaddingInlineStart:scr-ps,scrollPaddingLeft:scr-pl,scrollPaddingRight:scr-pr,scrollPaddingTop:scr-pt,scrollPaddingBottom:scr-pb,scrollSnapAlign:scr-sa,scrollSnapStop:scrs-s,scrollSnapType:scrs-t,scrollSnapStrictness:scrs-strt,scrollSnapMargin:scrs-m,scrollSnapMarginTop:scrs-mt,scrollSnapMarginBottom:scrs-mb,scrollSnapMarginLeft:scrs-ml,scrollSnapMarginRight:scrs-mr,scrollSnapCoordinate:scrs-c,scrollSnapDestination:scrs-d,scrollSnapPointsX:scrs-px,scrollSnapPointsY:scrs-py,scrollSnapTypeX:scrs-tx,scrollSnapTypeY:scrs-ty,scrollTimeline:scrtl,scrollTimelineAxis:scrtl-a,scrollTimelineName:scrtl-n,touchAction:tch-a,userSelect:us,overflow:ov,overflowWrap:ov-wrap,overflowX:ov-x,overflowY:ov-y,overflowAnchor:ov-a,overflowBlock:ov-b,overflowInline:ov-i,overflowClipBox:ovcp-bx,overflowClipMargin:ovcp-m,overscrollBehaviorBlock:ovs-bb,overscrollBehaviorInline:ovs-bi,fill:fill,stroke:stk,strokeWidth:stk-w,strokeDasharray:stk-dsh,strokeDashoffset:stk-do,strokeLinecap:stk-lc,strokeLinejoin:stk-lj,strokeMiterlimit:stk-ml,strokeOpacity:stk-op,srOnly:sr,debug:debug,appearance:ap,backfaceVisibility:bfv,clipPath:cp-path,hyphens:hy,mask:msk,maskImage:msk-i,maskSize:msk-s,textSizeAdjust:txt-adj,container:cq,containerName:cq-n,containerType:cq-t,cursor:cursor,textStyle:textStyle\"\n\nconst classNameByProp = new Map()\nconst shorthands = new Map()\nutilities.split(',').forEach((utility) => {\n  const [prop, meta] = utility.split(':')\n  const [className, ...shorthandList] = meta.split('/')\n  classNameByProp.set(prop, className)\n  if (shorthandList.length) {\n    shorthandList.forEach((shorthand) => {\n      shorthands.set(shorthand === '1' ? className : shorthand, prop)\n    })\n  }\n})\n\nconst resolveShorthand = (prop) => shorthands.get(prop) || prop\n\nconst context = {\n  \n  conditions: {\n    shift: sortConditions,\n    finalize: finalizeConditions,\n    breakpoints: { keys: [\"base\",\"sm\",\"md\",\"lg\",\"xl\",\"2xl\"] }\n  },\n  utility: {\n    prefix: \"silver\",\n    transform: (prop, value) => {\n              const key = resolveShorthand(prop)\n              const propKey = classNameByProp.get(key) || hypenateProperty(key)\n              return { className: `${propKey}_${withoutSpace(value)}` }\n            },\n    hasShorthand: true,\n    toHash: (path, hashFn) => hashFn(path.join(\":\")),\n    resolveShorthand: resolveShorthand,\n  }\n}\n\nconst cssFn = createCss(context)\nexport const css = (...styles) => cssFn(mergeCss(...styles))\ncss.raw = (...styles) => mergeCss(...styles)\n\nexport const { mergeCss, assignCss } = createMergeCss(context)"]}

package/dist/{chunk-YQJJCYJP.js → chunk-S4GLMGFI.js}

@@ -1,8 +1,8 @@
-import { Text } from './chunk-PZO5MZ46.js';
-import { Icon } from './chunk-4W7L63LH.js';
-import { cva } from './chunk-NAELQLZN.js';
+import { Text } from './chunk-J2FCNWYM.js';
+import { Icon } from './chunk-7T3SWOY7.js';
+import { cva } from './chunk-FMEIPGUP.js';
 import { cx } from './chunk-PPNETWIP.js';
-import { css } from './chunk-UHQRL4OA.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';
@@ -445,5 +445,5 @@ function Stepper({
 Stepper.displayName = "Stepper";
 
 export { Step, Stepper, useStepperContext };
-//# sourceMappingURL=chunk-YQJJCYJP.js.map
-//# sourceMappingURL=chunk-YQJJCYJP.js.map
+//# sourceMappingURL=chunk-S4GLMGFI.js.map
+//# sourceMappingURL=chunk-S4GLMGFI.js.map

package/dist/{chunk-YQJJCYJP.js.map → chunk-S4GLMGFI.js.map}

@@ -1 +1 @@
-{"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-YQJJCYJP.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 {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          {children != null ? (\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"]}
+{"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-S4GLMGFI.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 {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          {children != null ? (\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"]}