silver-ui 0.1.1 → 0.3.0

package/dist/chunk-6ADWXOZ2.cjs

@@ -0,0 +1,201 @@
+'use strict';
+
+var chunkWMXIUOOU_cjs = require('./chunk-WMXIUOOU.cjs');
+var chunk5QPM5LUS_cjs = require('./chunk-5QPM5LUS.cjs');
+var chunk4TIAKZ4Q_cjs = require('./chunk-4TIAKZ4Q.cjs');
+var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
+var lucideReact = require('lucide-react');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/Rating/Rating.recipe.ts
+var ratingRecipe = chunk5QPM5LUS_cjs.sva({
+  slots: ["root", "star", "input"],
+  base: {
+    root: {
+      display: "inline-flex",
+      alignItems: "center",
+      gap: "0.5"
+    },
+    star: {
+      display: "inline-flex",
+      alignItems: "center",
+      cursor: "pointer",
+      p: 0,
+      m: 0,
+      borderWidth: 0,
+      bg: "transparent",
+      _focusVisible: {
+        outlineWidth: "focus",
+        outlineStyle: "solid",
+        outlineColor: "primary",
+        outlineOffset: "focusOffset",
+        borderRadius: "sm"
+      }
+    },
+    input: {
+      position: "absolute",
+      w: "1px",
+      h: "1px",
+      p: 0,
+      m: "-1px",
+      overflow: "hidden",
+      clip: "rect(0, 0, 0, 0)",
+      whiteSpace: "nowrap",
+      borderWidth: 0
+    }
+  },
+  variants: {
+    isDisabled: {
+      true: {
+        root: {
+          opacity: 0.5,
+          cursor: "not-allowed"
+        },
+        star: {
+          cursor: "not-allowed"
+        }
+      }
+    },
+    isReadOnly: {
+      true: {
+        star: {
+          cursor: "default"
+        }
+      }
+    }
+  }
+});
+function StarIcon({
+  color,
+  isFilled,
+  size
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunk4TIAKZ4Q_cjs.Icon,
+    {
+      color,
+      fill: isFilled ? "currentColor" : "none",
+      icon: lucideReact.Star,
+      size
+    }
+  );
+}
+function Rating({
+  value: valueFromProps,
+  onChange,
+  count = 5,
+  emptyColor = "disabled",
+  filledColor = "yellow",
+  size = "md",
+  isReadOnly = false,
+  isDisabled = false,
+  label = "Rating",
+  className,
+  "data-testid": dataTestId,
+  style,
+  ref
+}) {
+  if (process.env.NODE_ENV !== "production") {
+    if (!Number.isInteger(count) || count < 1) {
+      throw new Error(
+        `Rating: count must be a positive integer, received ${count}.`
+      );
+    }
+    if (valueFromProps < 0 || valueFromProps > count || !Number.isInteger(valueFromProps)) {
+      throw new Error(
+        `Rating: value must be an integer in [0, ${count}], received ${valueFromProps}.`
+      );
+    }
+  }
+  const value = Math.max(0, Math.min(count, Math.round(valueFromProps)));
+  const groupId = react.useId();
+  const [hoverValue, setHoverValue] = react.useState(null);
+  const isInteractive = !isReadOnly && !isDisabled && onChange != null;
+  const displayValue = isInteractive ? hoverValue ?? value : value;
+  const classes = ratingRecipe({
+    isDisabled: isDisabled || void 0,
+    isReadOnly: isReadOnly || void 0
+  });
+  if (!isInteractive) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        "aria-label": `${label}: ${value} out of ${count}`,
+        className: chunkSPDVNY2Z_cjs.cx(classes.root, className),
+        "data-testid": dataTestId,
+        ref,
+        role: "img",
+        style,
+        children: Array.from({ length: count }, (_, i) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.star, children: /* @__PURE__ */ jsxRuntime.jsx(
+          StarIcon,
+          {
+            color: i < value ? filledColor : emptyColor,
+            isFilled: i < value,
+            size
+          }
+        ) }, i))
+      }
+    );
+  }
+  return (
+    // eslint-disable-next-line jsx-a11y-x/interactive-supports-focus -- focus is managed by the radio inputs inside
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        "aria-label": label,
+        className: chunkSPDVNY2Z_cjs.cx(classes.root, className),
+        "data-testid": dataTestId,
+        onMouseLeave: () => setHoverValue(null),
+        ref,
+        role: "radiogroup",
+        style,
+        children: Array.from({ length: count }, (_, i) => {
+          const starValue = i + 1;
+          return (
+            // eslint-disable-next-line jsx-a11y-x/no-noninteractive-element-interactions -- label wraps its radio input
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "label",
+              {
+                className: classes.star,
+                onMouseEnter: () => setHoverValue(starValue),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "input",
+                    {
+                      checked: value === starValue,
+                      className: classes.input,
+                      name: groupId,
+                      onChange: () => onChange(starValue),
+                      type: "radio",
+                      value: starValue
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsxs(chunkWMXIUOOU_cjs.VisuallyHidden, { children: [
+                    starValue,
+                    " ",
+                    starValue === 1 ? "star" : "stars"
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    StarIcon,
+                    {
+                      color: i < displayValue ? filledColor : emptyColor,
+                      isFilled: i < displayValue,
+                      size
+                    }
+                  )
+                ]
+              },
+              i
+            )
+          );
+        })
+      }
+    )
+  );
+}
+Rating.displayName = "Rating";
+
+exports.Rating = Rating;
+//# sourceMappingURL=chunk-6ADWXOZ2.cjs.map
+//# sourceMappingURL=chunk-6ADWXOZ2.cjs.map

package/dist/chunk-6ADWXOZ2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Rating/Rating.recipe.ts","../src/components/Rating/Rating.tsx"],"names":["sva","jsx","Icon","Star","useId","useState","cx","jsxs","VisuallyHidden"],"mappings":"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","file":"chunk-6ADWXOZ2.cjs","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const ratingRecipe = sva({\n  slots: ['root', 'star', 'input'],\n  base: {\n    root: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      gap: '0.5',\n    },\n    star: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      cursor: 'pointer',\n      p: 0,\n      m: 0,\n      borderWidth: 0,\n      bg: 'transparent',\n      _focusVisible: {\n        outlineWidth: 'focus',\n        outlineStyle: 'solid',\n        outlineColor: 'primary',\n        outlineOffset: 'focusOffset',\n        borderRadius: 'sm',\n      },\n    },\n    input: {\n      position: 'absolute',\n      w: '1px',\n      h: '1px',\n      p: 0,\n      m: '-1px',\n      overflow: 'hidden',\n      clip: 'rect(0, 0, 0, 0)',\n      whiteSpace: 'nowrap',\n      borderWidth: 0,\n    },\n  },\n  variants: {\n    isDisabled: {\n      true: {\n        root: {\n          opacity: 0.5,\n          cursor: 'not-allowed',\n        },\n        star: {\n          cursor: 'not-allowed',\n        },\n      },\n    },\n    isReadOnly: {\n      true: {\n        star: {\n          cursor: 'default',\n        },\n      },\n    },\n  },\n});\n\nexport type RatingVariants = RecipeVariantProps<typeof ratingRecipe>;\n","import {Star} from 'lucide-react';\nimport {\n  useState,\n  useId,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {VisuallyHidden} from '../../internal/VisuallyHidden';\nimport {cx} from '../../internal/cx';\nimport {Icon, type IconColor, type IconSize} from '../Icon';\nimport {ratingRecipe} from './Rating.recipe';\n\nexport interface RatingProps {\n  /**\n   * Additional CSS class names applied to the rating root.\n   */\n  className?: string;\n  /**\n   * Number of stars to display.\n   * @default 5\n   */\n  count?: number;\n  /**\n   * Test ID applied to the rating root.\n   */\n  'data-testid'?: string;\n  /**\n   * Color of unfilled stars.\n   * @default 'disabled'\n   */\n  emptyColor?: IconColor;\n  /**\n   * Color of filled stars.\n   * @default 'yellow'\n   */\n  filledColor?: IconColor;\n  /**\n   * Whether the rating is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether the rating is read-only.\n   * @default false\n   */\n  isReadOnly?: boolean;\n  /**\n   * Accessible label for the rating group.\n   * @default 'Rating'\n   */\n  label?: string;\n  /**\n   * Called when the selected rating changes.\n   */\n  onChange?: (value: number) => void;\n  /**\n   * Ref forwarded to the rating root.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Size of the star icons.\n   * @default 'md'\n   */\n  size?: IconSize;\n  /**\n   * Inline styles applied to the rating root.\n   */\n  style?: CSSProperties;\n  /**\n   * Current rating value.\n   */\n  value: number;\n}\n\nfunction StarIcon({\n  color,\n  isFilled,\n  size,\n}: {\n  color: IconColor;\n  isFilled: boolean;\n  size: IconSize;\n}): ReactNode {\n  return (\n    <Icon\n      color={color}\n      fill={isFilled ? 'currentColor' : 'none'}\n      icon={Star}\n      size={size}\n    />\n  );\n}\n\n/**\n * Star-based rating control supporting read-only and interactive modes.\n */\nexport function Rating({\n  value: valueFromProps,\n  onChange,\n  count = 5,\n  emptyColor = 'disabled',\n  filledColor = 'yellow',\n  size = 'md',\n  isReadOnly = false,\n  isDisabled = false,\n  label = 'Rating',\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: RatingProps): React.JSX.Element {\n  if (process.env.NODE_ENV !== 'production') {\n    if (!Number.isInteger(count) || count < 1) {\n      throw new Error(\n        `Rating: count must be a positive integer, received ${count}.`,\n      );\n    }\n\n    if (\n      valueFromProps < 0 ||\n      valueFromProps > count ||\n      !Number.isInteger(valueFromProps)\n    ) {\n      throw new Error(\n        `Rating: value must be an integer in [0, ${count}], received ${valueFromProps}.`,\n      );\n    }\n  }\n\n  const value = Math.max(0, Math.min(count, Math.round(valueFromProps)));\n  const groupId = useId();\n  const [hoverValue, setHoverValue] = useState<number | null>(null);\n  const isInteractive = !isReadOnly && !isDisabled && onChange != null;\n  const displayValue = isInteractive ? (hoverValue ?? value) : value;\n  const classes = ratingRecipe({\n    isDisabled: isDisabled || undefined,\n    isReadOnly: isReadOnly || undefined,\n  });\n\n  if (!isInteractive) {\n    return (\n      <div\n        aria-label={`${label}: ${value} out of ${count}`}\n        className={cx(classes.root, className)}\n        data-testid={dataTestId}\n        ref={ref}\n        role=\"img\"\n        style={style}>\n        {Array.from({length: count}, (_, i) => (\n          <span className={classes.star} key={i}>\n            <StarIcon\n              color={i < value ? filledColor : emptyColor}\n              isFilled={i < value}\n              size={size}\n            />\n          </span>\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    // eslint-disable-next-line jsx-a11y-x/interactive-supports-focus -- focus is managed by the radio inputs inside\n    <div\n      aria-label={label}\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      onMouseLeave={() => setHoverValue(null)}\n      ref={ref}\n      role=\"radiogroup\"\n      style={style}>\n      {Array.from({length: count}, (_, i) => {\n        const starValue = i + 1;\n        return (\n          // eslint-disable-next-line jsx-a11y-x/no-noninteractive-element-interactions -- label wraps its radio input\n          <label\n            className={classes.star}\n            key={i}\n            onMouseEnter={() => setHoverValue(starValue)}>\n            <input\n              checked={value === starValue}\n              className={classes.input}\n              name={groupId}\n              onChange={() => onChange(starValue)}\n              type=\"radio\"\n              value={starValue}\n            />\n            <VisuallyHidden>\n              {starValue} {starValue === 1 ? 'star' : 'stars'}\n            </VisuallyHidden>\n            <StarIcon\n              color={i < displayValue ? filledColor : emptyColor}\n              isFilled={i < displayValue}\n              size={size}\n            />\n          </label>\n        );\n      })}\n    </div>\n  );\n}\n\nRating.displayName = 'Rating';\n"]}

package/dist/chunk-6BK4LUK4.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+// styled-system/css/cx.js
+function cx() {
+  let str = "", i = 0, arg;
+  for (; i < arguments.length; ) {
+    if ((arg = arguments[i++]) && typeof arg === "string") {
+      str && (str += " ");
+      str += arg;
+    }
+  }
+  return str;
+}
+
+exports.cx = cx;
+//# sourceMappingURL=chunk-6BK4LUK4.cjs.map
+//# sourceMappingURL=chunk-6BK4LUK4.cjs.map

package/dist/chunk-6BK4LUK4.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../styled-system/css/cx.js"],"names":[],"mappings":";;;AAAA,SAAS,EAAA,GAAK;AACZ,EAAA,IAAI,GAAA,GAAM,EAAA,EACR,CAAA,GAAI,CAAA,EACJ,GAAA;AAEF,EAAA,OAAO,CAAA,GAAI,UAAU,MAAA,IAAU;AAC7B,IAAA,IAAA,CAAK,MAAM,SAAA,CAAU,CAAA,EAAG,CAAA,KAAM,OAAO,QAAQ,QAAA,EAAU;AACrD,MAAA,GAAA,KAAQ,GAAA,IAAO,GAAA,CAAA;AACf,MAAA,GAAA,IAAO,GAAA;AAAA,IACT;AAAA,EACF;AACA,EAAA,OAAO,GAAA;AACT","file":"chunk-6BK4LUK4.cjs","sourcesContent":["function cx() {\n  let str = '',\n    i = 0,\n    arg\n\n  for (; i < arguments.length; ) {\n    if ((arg = arguments[i++]) && typeof arg === 'string') {\n      str && (str += ' ')\n      str += arg\n    }\n  }\n  return str\n}\n\nexport { cx }"]}

package/dist/chunk-6D3FA247.js

@@ -0,0 +1,126 @@
+import { cva } from './chunk-FMEIPGUP.js';
+
+// src/components/Button/Button.recipe.ts
+var buttonRecipe = cva({
+  base: {
+    position: "relative",
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    borderWidth: 0,
+    borderStyle: "none",
+    fontFamily: "body",
+    fontWeight: "medium",
+    cursor: "pointer",
+    transitionProperty: "background-color, color, opacity, transform",
+    transitionDuration: "fast",
+    transitionTimingFunction: "default",
+    userSelect: "none",
+    lineHeight: "tight",
+    textDecoration: "none",
+    whiteSpace: "nowrap",
+    _active: {
+      transform: "scale(0.98)"
+    },
+    _disabled: {
+      opacity: 0.5,
+      cursor: "not-allowed",
+      pointerEvents: "none",
+      transform: "none"
+    },
+    '&[aria-disabled="true"]': {
+      opacity: 0.5,
+      cursor: "not-allowed",
+      pointerEvents: "auto",
+      transform: "none"
+    },
+    _focusVisible: {
+      outlineWidth: "focus",
+      outlineStyle: "solid",
+      outlineColor: "primary",
+      outlineOffset: "focusOffsetLoose"
+    }
+  },
+  variants: {
+    variant: {
+      primary: {
+        bg: "primary",
+        color: "fg.onPrimary",
+        _hover: { bg: "primary.hover" },
+        _active: { bg: "primary.active" }
+      },
+      secondary: {
+        bg: "surface.gray",
+        color: "fg",
+        _hover: { bg: "surface.gray.hover" },
+        _active: { bg: "surface.gray.hover" }
+      },
+      ghost: {
+        color: "fg",
+        bg: "transparent",
+        _hover: { bg: "bg.ghost.hover" },
+        _active: { bg: "bg.ghost.active" }
+      },
+      destructive: {
+        bg: "destructive",
+        color: "destructive.fg",
+        _hover: { bg: "destructive.hover" },
+        _active: { bg: "destructive.active" },
+        _focusVisible: {
+          outlineColor: "destructive"
+        }
+      },
+      onSolid: {
+        color: "inherit",
+        bg: "transparent",
+        _hover: { bg: "color-mix(in srgb, currentColor 15%, transparent)" },
+        _active: { bg: "color-mix(in srgb, currentColor 20%, transparent)" },
+        _focusVisible: {
+          outlineColor: "currentColor"
+        }
+      }
+    },
+    size: {
+      sm: {
+        h: "component.sm",
+        px: "component.sm",
+        fontSize: "component.sm",
+        gap: "1.5",
+        borderRadius: "component.sm",
+        "--button-icon-size": "var(--silver-sizes-icon-sm)"
+      },
+      md: {
+        h: "component.md",
+        px: "component.md",
+        fontSize: "component.md",
+        gap: "2",
+        borderRadius: "component.md",
+        "--button-icon-size": "var(--silver-sizes-icon-md)"
+      },
+      lg: {
+        h: "component.lg",
+        px: "component.lg",
+        fontSize: "component.lg",
+        gap: "2.5",
+        borderRadius: "component.lg",
+        "--button-icon-size": "var(--silver-sizes-icon-lg)"
+      }
+    },
+    iconOnly: {
+      true: {
+        aspectRatio: "square",
+        px: 0
+      },
+      false: {}
+    }
+  },
+  defaultVariants: {
+    variant: "secondary",
+    size: "md",
+    iconOnly: false
+  }
+});
+
+export { buttonRecipe };
+//# sourceMappingURL=chunk-6D3FA247.js.map
+//# sourceMappingURL=chunk-6D3FA247.js.map

package/dist/chunk-6D3FA247.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Button/Button.recipe.ts"],"names":[],"mappings":"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","file":"chunk-6D3FA247.js","sourcesContent":["import {cva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const buttonRecipe = cva({\n  base: {\n    position: 'relative',\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderWidth: 0,\n    borderStyle: 'none',\n    fontFamily: 'body',\n    fontWeight: 'medium',\n    cursor: 'pointer',\n    transitionProperty: 'background-color, color, opacity, transform',\n    transitionDuration: 'fast',\n    transitionTimingFunction: 'default',\n    userSelect: 'none',\n    lineHeight: 'tight',\n    textDecoration: 'none',\n    whiteSpace: 'nowrap',\n    _active: {\n      transform: 'scale(0.98)',\n    },\n    _disabled: {\n      opacity: 0.5,\n      cursor: 'not-allowed',\n      pointerEvents: 'none',\n      transform: 'none',\n    },\n    '&[aria-disabled=\"true\"]': {\n      opacity: 0.5,\n      cursor: 'not-allowed',\n      pointerEvents: 'auto',\n      transform: 'none',\n    },\n    _focusVisible: {\n      outlineWidth: 'focus',\n      outlineStyle: 'solid',\n      outlineColor: 'primary',\n      outlineOffset: 'focusOffsetLoose',\n    },\n  },\n  variants: {\n    variant: {\n      primary: {\n        bg: 'primary',\n        color: 'fg.onPrimary',\n        _hover: {bg: 'primary.hover'},\n        _active: {bg: 'primary.active'},\n      },\n      secondary: {\n        bg: 'surface.gray',\n        color: 'fg',\n        _hover: {bg: 'surface.gray.hover'},\n        _active: {bg: 'surface.gray.hover'},\n      },\n      ghost: {\n        color: 'fg',\n        bg: 'transparent',\n        _hover: {bg: 'bg.ghost.hover'},\n        _active: {bg: 'bg.ghost.active'},\n      },\n      destructive: {\n        bg: 'destructive',\n        color: 'destructive.fg',\n        _hover: {bg: 'destructive.hover'},\n        _active: {bg: 'destructive.active'},\n        _focusVisible: {\n          outlineColor: 'destructive',\n        },\n      },\n      onSolid: {\n        color: 'inherit',\n        bg: 'transparent',\n        _hover: {bg: 'color-mix(in srgb, currentColor 15%, transparent)'},\n        _active: {bg: 'color-mix(in srgb, currentColor 20%, transparent)'},\n        _focusVisible: {\n          outlineColor: 'currentColor',\n        },\n      },\n    },\n    size: {\n      sm: {\n        h: 'component.sm',\n        px: 'component.sm',\n        fontSize: 'component.sm',\n        gap: '1.5',\n        borderRadius: 'component.sm',\n        '--button-icon-size': 'var(--silver-sizes-icon-sm)',\n      },\n      md: {\n        h: 'component.md',\n        px: 'component.md',\n        fontSize: 'component.md',\n        gap: '2',\n        borderRadius: 'component.md',\n        '--button-icon-size': 'var(--silver-sizes-icon-md)',\n      },\n      lg: {\n        h: 'component.lg',\n        px: 'component.lg',\n        fontSize: 'component.lg',\n        gap: '2.5',\n        borderRadius: 'component.lg',\n        '--button-icon-size': 'var(--silver-sizes-icon-lg)',\n      },\n    },\n    iconOnly: {\n      true: {\n        aspectRatio: 'square',\n        px: 0,\n      },\n      false: {},\n    },\n  },\n  defaultVariants: {\n    variant: 'secondary',\n    size: 'md',\n    iconOnly: false,\n  },\n});\n\nexport type ButtonVariants = RecipeVariantProps<typeof buttonRecipe>;\n"]}

package/dist/{chunk-W6B55MNU.js → chunk-6XESVFC3.js}

@@ -1,7 +1,7 @@
 import { nowMonotonicMilliseconds, nowEpochMilliseconds } from './chunk-OX4ZMUF4.js';
-import { Button } from './chunk-VLIQPSPM.js';
+import { Button } from './chunk-HLN3JQYD.js';
 import { cx } from './chunk-PPNETWIP.js';
-import { css } from './chunk-UHQRL4OA.js';
+import { css } from './chunk-OD4DHHZH.js';
 import { X } from 'lucide-react';
 import { createContext, useRef, useCallback, useEffect, useState, useMemo, use } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -367,5 +367,5 @@ function useToast() {
 }
 
 export { Toast, ToastViewport, useToast };
-//# sourceMappingURL=chunk-W6B55MNU.js.map
-//# sourceMappingURL=chunk-W6B55MNU.js.map
+//# sourceMappingURL=chunk-6XESVFC3.js.map
+//# sourceMappingURL=chunk-6XESVFC3.js.map

package/dist/{chunk-W6B55MNU.js.map → chunk-6XESVFC3.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Toast/Toast.tsx","../src/components/Toast/ToastContext.ts","../src/components/Toast/ToastViewport.tsx","../src/components/Toast/useToast.tsx"],"names":["styles","useRef","useEffect","useCallback","jsxs","jsx"],"mappings":"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","file":"chunk-W6B55MNU.js","sourcesContent":["/* eslint-disable jsx-a11y-x/no-static-element-interactions */\nimport {X} from 'lucide-react';\nimport {\n  useCallback,\n  useEffect,\n  useRef,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {nowMonotonicMilliseconds} from '../../internal/time';\nimport {Button} from '../Button';\nimport type {ToastDismissReason, ToastType} from './types';\n\nexport interface ToastProps {\n  /**\n   * Auto-dismiss duration in milliseconds.\n   */\n  autoHideDuration: number;\n  /**\n   * Toast message content.\n   */\n  body: ReactNode;\n  /**\n   * Additional CSS class names applied to the toast.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the toast.\n   */\n  'data-testid'?: string;\n  /**\n   * Content rendered before the dismiss button.\n   */\n  endContent?: ReactNode;\n  /**\n   * Whether the toast auto-dismisses.\n   */\n  isAutoHide: boolean;\n  /**\n   * Whether the toast is exiting.\n   * @default false\n   */\n  isExiting?: boolean;\n  /**\n   * Called when the toast should be dismissed.\n   */\n  onDismiss: (reason: ToastDismissReason) => void;\n  /**\n   * Ref forwarded to the toast element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Inline styles applied to the toast.\n   */\n  style?: CSSProperties;\n  /**\n   * Toast tone.\n   */\n  type: ToastType;\n}\n\nconst styles = {\n  root: css({\n    width: '25rem',\n    maxW: 'calc(100vw - 32px)',\n    p: '4',\n    borderRadius: 'lg',\n    boxShadow: 'xl',\n    fontFamily: 'body',\n    transitionProperty: 'opacity, transform',\n    transitionDuration: 'fast',\n    transitionTimingFunction: 'default',\n    '@starting-style': {\n      opacity: 0,\n      transform: 'translateY(8px)',\n    },\n    '@media (prefers-reduced-motion: reduce)': {\n      transitionDuration: '0.01ms',\n    },\n  }),\n  info: css({bg: 'status.info.solid', color: 'status.info.solidFg'}),\n  error: css({bg: 'status.error.solid', color: 'status.error.solidFg'}),\n  success: css({bg: 'status.success.solid', color: 'status.success.solidFg'}),\n  warning: css({bg: 'status.warning.solid', color: 'status.warning.solidFg'}),\n  exiting: css({\n    opacity: 0,\n    transform: 'translateY(-8px)',\n  }),\n  inner: css({\n    display: 'flex',\n    alignItems: 'center',\n    gap: '3',\n  }),\n  content: css({\n    flex: 1,\n    minW: 0,\n  }),\n  end: css({\n    display: 'flex',\n    alignItems: 'center',\n    gap: '2',\n    flexShrink: 0,\n  }),\n} as const;\n\nconst assertiveTypes: Partial<Record<ToastType, true>> = {\n  error: true,\n  warning: true,\n};\n\n/**\n * An individual toast notification.\n */\nexport function Toast({\n  autoHideDuration,\n  body,\n  className,\n  'data-testid': dataTestId,\n  endContent,\n  isAutoHide,\n  isExiting = false,\n  onDismiss,\n  ref,\n  style,\n  type,\n}: ToastProps): React.JSX.Element {\n  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const startedAtRef = useRef<number | null>(null);\n  const remainingRef = useRef(autoHideDuration);\n  const isPausedRef = useRef(false);\n\n  const startTimer = useCallback(() => {\n    if (!isAutoHide) {\n      return;\n    }\n    if (timerRef.current != null) {\n      clearTimeout(timerRef.current);\n    }\n    startedAtRef.current = nowMonotonicMilliseconds();\n    timerRef.current = setTimeout(\n      () => onDismiss('auto'),\n      remainingRef.current,\n    );\n  }, [isAutoHide, onDismiss]);\n\n  const pauseTimer = useCallback(() => {\n    if (!isAutoHide || isPausedRef.current) {\n      return;\n    }\n    isPausedRef.current = true;\n    if (timerRef.current != null) {\n      clearTimeout(timerRef.current);\n      timerRef.current = null;\n    }\n    if (startedAtRef.current != null) {\n      remainingRef.current = Math.max(\n        remainingRef.current -\n          (nowMonotonicMilliseconds() - startedAtRef.current),\n        1000,\n      );\n    }\n  }, [isAutoHide]);\n\n  const resumeTimer = useCallback(() => {\n    if (!isAutoHide || !isPausedRef.current) {\n      return;\n    }\n    isPausedRef.current = false;\n    startTimer();\n  }, [isAutoHide, startTimer]);\n\n  useEffect(() => {\n    remainingRef.current = autoHideDuration;\n    startTimer();\n    return () => {\n      if (timerRef.current != null) {\n        clearTimeout(timerRef.current);\n      }\n    };\n  }, [autoHideDuration, startTimer]);\n\n  return (\n    <div\n      aria-atomic=\"true\"\n      aria-live={assertiveTypes[type] ? 'assertive' : 'polite'}\n      className={cx(\n        styles.root,\n        styles[type],\n        isExiting ? styles.exiting : undefined,\n        className,\n      )}\n      data-testid={dataTestId}\n      onBlurCapture={resumeTimer}\n      onFocusCapture={pauseTimer}\n      onMouseEnter={pauseTimer}\n      onMouseLeave={resumeTimer}\n      ref={ref}\n      role={assertiveTypes[type] ? 'alert' : 'status'}\n      style={style}>\n      <div className={styles.inner}>\n        <div className={styles.content}>{body}</div>\n        <div className={styles.end}>\n          {endContent}\n          <Button\n            icon={X}\n            isIconOnly\n            label=\"Dismiss notification\"\n            onClick={() => onDismiss('manual')}\n            size=\"sm\"\n            variant=\"onSolid\"\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n\nToast.displayName = 'Toast';\n","import {createContext} from 'react';\nimport type {ToastDismissReason, ToastEntry} from './types';\n\nexport interface ToastContextValue {\n  addToast: (entry: ToastEntry) => void;\n  findByUniqueID: (uniqueID: string) => ToastEntry | undefined;\n  removeToast: (id: string, reason: ToastDismissReason) => void;\n}\n\nexport const ToastContext = createContext<ToastContextValue | null>(null);\n\nToastContext.displayName = 'ToastContext';\n","import {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {Toast} from './Toast';\nimport {ToastContext, type ToastContextValue} from './ToastContext';\nimport type {ToastDismissReason, ToastEntry, ToastPosition} from './types';\n\nexport interface ToastViewportInset {\n  bottom?: number;\n  end?: number;\n  start?: number;\n  top?: number;\n}\n\nexport interface ToastViewportProps {\n  /**\n   * App content that should receive the toast context.\n   */\n  children?: ReactNode;\n  /**\n   * Additional CSS class names applied to the viewport.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the viewport.\n   */\n  'data-testid'?: string;\n  /**\n   * Custom viewport inset.\n   */\n  inset?: Readonly<ToastViewportInset>;\n  /**\n   * Whether to promote the viewport to the CSS top layer using popover.\n   * @default true\n   */\n  isTopLayer?: boolean;\n  /**\n   * Maximum visible toast count.\n   * @default 5\n   */\n  maxVisible?: number;\n  /**\n   * Toast stack position.\n   * @default 'bottomEnd'\n   */\n  position?: ToastPosition;\n  /**\n   * Ref forwarded to the viewport element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Inline styles applied to the viewport.\n   */\n  style?: CSSProperties;\n}\n\nconst styles = {\n  viewport: css({\n    position: 'fixed',\n    zIndex: 500,\n    display: 'flex',\n    flexDirection: 'column',\n    p: '4',\n    pointerEvents: 'none',\n    inset: 'unset',\n    m: 0,\n    borderWidth: 0,\n    bg: 'transparent',\n    overflow: 'visible',\n  }),\n  bottomEnd: css({bottom: 0, insetInlineEnd: 0, alignItems: 'flex-end'}),\n  bottomStart: css({bottom: 0, insetInlineStart: 0, alignItems: 'flex-start'}),\n  topEnd: css({\n    top: 0,\n    insetInlineEnd: 0,\n    alignItems: 'flex-end',\n    flexDirection: 'column-reverse',\n  }),\n  topStart: css({\n    top: 0,\n    insetInlineStart: 0,\n    alignItems: 'flex-start',\n    flexDirection: 'column-reverse',\n  }),\n  wrapper: css({\n    pointerEvents: 'auto',\n    display: 'grid',\n    gridTemplateRows: '1fr',\n    pb: '3',\n    transitionProperty: 'grid-template-rows, padding',\n    transitionDuration: 'fast',\n    transitionTimingFunction: 'default',\n    '@media (prefers-reduced-motion: reduce)': {\n      transitionDuration: '0.01ms',\n    },\n  }),\n  wrapperExiting: css({\n    gridTemplateRows: '0fr',\n    pb: 0,\n  }),\n  wrapperInner: css({\n    overflow: 'hidden',\n  }),\n  position: {\n    bottomEnd: '',\n    bottomStart: '',\n    topEnd: '',\n    topStart: '',\n  } satisfies Record<ToastPosition, string>,\n} as const;\n\nstyles.position.bottomEnd = styles.bottomEnd;\nstyles.position.bottomStart = styles.bottomStart;\nstyles.position.topEnd = styles.topEnd;\nstyles.position.topStart = styles.topStart;\n\n/**\n * Toast provider and viewport. Mount once near the app root to enable\n * toast notifications. Components below this provider can call `useToast()`\n * to show toasts.\n *\n * @example\n * ```tsx\n * function App() {\n *   return (\n *     <ToastViewport>\n *       <MyRoutes />\n *     </ToastViewport>\n *   );\n * }\n * ```\n */\nexport function ToastViewport({\n  children,\n  className,\n  'data-testid': dataTestId,\n  inset,\n  isTopLayer = true,\n  maxVisible = 5,\n  position = 'bottomEnd',\n  ref,\n  style,\n}: ToastViewportProps): React.JSX.Element {\n  const [toasts, setToasts] = useState<ToastEntry[]>([]);\n  const [exitingIds, setExitingIds] = useState<Set<string>>(() => new Set());\n  const toastsRef = useRef(toasts);\n  const viewportRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    toastsRef.current = toasts;\n  }, [toasts]);\n\n  const addToast = useCallback((entry: ToastEntry) => {\n    setToasts(previous => {\n      const {uniqueID, collisionBehavior = 'overwrite'} = entry.options;\n      if (uniqueID != null) {\n        const existing = previous.find(\n          toast => toast.options.uniqueID === uniqueID,\n        );\n        if (existing != null) {\n          if (collisionBehavior === 'ignore') {\n            return previous;\n          }\n          return previous.map(toast =>\n            toast.options.uniqueID === uniqueID ? entry : toast,\n          );\n        }\n      }\n      return [...previous, entry];\n    });\n  }, []);\n\n  const removeToast = useCallback((id: string, reason: ToastDismissReason) => {\n    const entry = toastsRef.current.find(toast => toast.id === id);\n    entry?.options.onHide?.(reason);\n    setExitingIds(previous => new Set(previous).add(id));\n    window.setTimeout(() => {\n      setExitingIds(previous => {\n        const next = new Set(previous);\n        next.delete(id);\n        return next;\n      });\n      setToasts(previous => previous.filter(toast => toast.id !== id));\n    }, 180);\n  }, []);\n\n  const findByUniqueID = useCallback((uniqueID: string) => {\n    return toastsRef.current.find(toast => toast.options.uniqueID === uniqueID);\n  }, []);\n\n  const contextValue = useMemo<ToastContextValue>(\n    () => ({addToast, findByUniqueID, removeToast}),\n    [addToast, findByUniqueID, removeToast],\n  );\n\n  useEffect(() => {\n    if (!isTopLayer) {\n      return;\n    }\n    try {\n      viewportRef.current?.showPopover();\n    } catch {\n      // Already showing.\n    }\n  }, [isTopLayer]);\n\n  const insetStyle: CSSProperties = {\n    ...(inset?.top != null ? {top: inset.top} : null),\n    ...(inset?.bottom != null ? {bottom: inset.bottom} : null),\n    ...(inset?.start != null ? {insetInlineStart: inset.start} : null),\n    ...(inset?.end != null ? {insetInlineEnd: inset.end} : null),\n    ...style,\n  };\n  const visibleToasts = toasts.slice(-maxVisible);\n\n  return (\n    <ToastContext value={contextValue}>\n      {children}\n      <div\n        aria-label=\"Notifications\"\n        className={cx(styles.viewport, styles.position[position], className)}\n        data-testid={dataTestId}\n        popover={isTopLayer ? 'manual' : undefined}\n        ref={node => {\n          viewportRef.current = node;\n          if (typeof ref === 'function') {\n            ref(node);\n          } else if (ref != null) {\n            ref.current = node;\n          }\n        }}\n        role=\"region\"\n        style={insetStyle}>\n        {visibleToasts.map(entry => {\n          const type = entry.options.type ?? 'info';\n          const isAutoHide =\n            entry.options.isAutoHide ?? (type === 'error' ? false : true);\n          return (\n            <div\n              className={cx(\n                styles.wrapper,\n                exitingIds.has(entry.id) ? styles.wrapperExiting : undefined,\n              )}\n              key={entry.id}>\n              <div className={styles.wrapperInner}>\n                <Toast\n                  autoHideDuration={entry.options.autoHideDuration ?? 5000}\n                  body={entry.options.body}\n                  endContent={entry.options.endContent}\n                  isAutoHide={isAutoHide}\n                  isExiting={exitingIds.has(entry.id)}\n                  onDismiss={reason => removeToast(entry.id, reason)}\n                  type={type}\n                />\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    </ToastContext>\n  );\n}\n\nToastViewport.displayName = 'ToastViewport';\n","import {use, useCallback} from 'react';\nimport {nowEpochMilliseconds} from '../../internal/time';\nimport {ToastContext} from './ToastContext';\nimport type {\n  ShowToastFn,\n  ToastDismissFn,\n  ToastEntry,\n  ToastOptions,\n} from './types';\n\nlet toastIdCounter = 0;\n\nfunction generateToastId(): string {\n  toastIdCounter += 1;\n  return `silver-toast-${toastIdCounter}`;\n}\n\n/**\n * Returns a function that shows a toast notification.\n * Must be called within a `ToastViewport` provider.\n * The returned function accepts `ToastOptions` and returns a dismiss callback.\n */\nexport function useToast(): ShowToastFn {\n  const context = use(ToastContext);\n\n  if (context == null) {\n    throw new Error(\n      'useToast must be used within a ToastViewport. Add <ToastViewport> near your app root to enable toast notifications.',\n    );\n  }\n\n  return useCallback(\n    (options: ToastOptions): ToastDismissFn => {\n      const id = generateToastId();\n      const entry: ToastEntry = {\n        createdAt: nowEpochMilliseconds(),\n        id,\n        options,\n      };\n      context.addToast(entry);\n      return () => context.removeToast(id, 'manual');\n    },\n    [context],\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/Toast/Toast.tsx","../src/components/Toast/ToastContext.ts","../src/components/Toast/ToastViewport.tsx","../src/components/Toast/useToast.tsx"],"names":["styles","useRef","useEffect","useCallback","jsxs","jsx"],"mappings":"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","file":"chunk-6XESVFC3.js","sourcesContent":["/* eslint-disable jsx-a11y-x/no-static-element-interactions */\nimport {X} from 'lucide-react';\nimport {\n  useCallback,\n  useEffect,\n  useRef,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {nowMonotonicMilliseconds} from '../../internal/time';\nimport {Button} from '../Button';\nimport type {ToastDismissReason, ToastType} from './types';\n\nexport interface ToastProps {\n  /**\n   * Auto-dismiss duration in milliseconds.\n   */\n  autoHideDuration: number;\n  /**\n   * Toast message content.\n   */\n  body: ReactNode;\n  /**\n   * Additional CSS class names applied to the toast.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the toast.\n   */\n  'data-testid'?: string;\n  /**\n   * Content rendered before the dismiss button.\n   */\n  endContent?: ReactNode;\n  /**\n   * Whether the toast auto-dismisses.\n   */\n  isAutoHide: boolean;\n  /**\n   * Whether the toast is exiting.\n   * @default false\n   */\n  isExiting?: boolean;\n  /**\n   * Called when the toast should be dismissed.\n   */\n  onDismiss: (reason: ToastDismissReason) => void;\n  /**\n   * Ref forwarded to the toast element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Inline styles applied to the toast.\n   */\n  style?: CSSProperties;\n  /**\n   * Toast tone.\n   */\n  type: ToastType;\n}\n\nconst styles = {\n  root: css({\n    width: '25rem',\n    maxW: 'calc(100vw - 32px)',\n    p: '4',\n    borderRadius: 'lg',\n    boxShadow: 'xl',\n    fontFamily: 'body',\n    transitionProperty: 'opacity, transform',\n    transitionDuration: 'fast',\n    transitionTimingFunction: 'default',\n    '@starting-style': {\n      opacity: 0,\n      transform: 'translateY(8px)',\n    },\n    '@media (prefers-reduced-motion: reduce)': {\n      transitionDuration: '0.01ms',\n    },\n  }),\n  info: css({bg: 'status.info.solid', color: 'status.info.solidFg'}),\n  error: css({bg: 'status.error.solid', color: 'status.error.solidFg'}),\n  success: css({bg: 'status.success.solid', color: 'status.success.solidFg'}),\n  warning: css({bg: 'status.warning.solid', color: 'status.warning.solidFg'}),\n  exiting: css({\n    opacity: 0,\n    transform: 'translateY(-8px)',\n  }),\n  inner: css({\n    display: 'flex',\n    alignItems: 'center',\n    gap: '3',\n  }),\n  content: css({\n    flex: 1,\n    minW: 0,\n  }),\n  end: css({\n    display: 'flex',\n    alignItems: 'center',\n    gap: '2',\n    flexShrink: 0,\n  }),\n} as const;\n\nconst assertiveTypes: Partial<Record<ToastType, true>> = {\n  error: true,\n  warning: true,\n};\n\n/**\n * An individual toast notification.\n */\nexport function Toast({\n  autoHideDuration,\n  body,\n  className,\n  'data-testid': dataTestId,\n  endContent,\n  isAutoHide,\n  isExiting = false,\n  onDismiss,\n  ref,\n  style,\n  type,\n}: ToastProps): React.JSX.Element {\n  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const startedAtRef = useRef<number | null>(null);\n  const remainingRef = useRef(autoHideDuration);\n  const isPausedRef = useRef(false);\n\n  const startTimer = useCallback(() => {\n    if (!isAutoHide) {\n      return;\n    }\n    if (timerRef.current != null) {\n      clearTimeout(timerRef.current);\n    }\n    startedAtRef.current = nowMonotonicMilliseconds();\n    timerRef.current = setTimeout(\n      () => onDismiss('auto'),\n      remainingRef.current,\n    );\n  }, [isAutoHide, onDismiss]);\n\n  const pauseTimer = useCallback(() => {\n    if (!isAutoHide || isPausedRef.current) {\n      return;\n    }\n    isPausedRef.current = true;\n    if (timerRef.current != null) {\n      clearTimeout(timerRef.current);\n      timerRef.current = null;\n    }\n    if (startedAtRef.current != null) {\n      remainingRef.current = Math.max(\n        remainingRef.current -\n          (nowMonotonicMilliseconds() - startedAtRef.current),\n        1000,\n      );\n    }\n  }, [isAutoHide]);\n\n  const resumeTimer = useCallback(() => {\n    if (!isAutoHide || !isPausedRef.current) {\n      return;\n    }\n    isPausedRef.current = false;\n    startTimer();\n  }, [isAutoHide, startTimer]);\n\n  useEffect(() => {\n    remainingRef.current = autoHideDuration;\n    startTimer();\n    return () => {\n      if (timerRef.current != null) {\n        clearTimeout(timerRef.current);\n      }\n    };\n  }, [autoHideDuration, startTimer]);\n\n  return (\n    <div\n      aria-atomic=\"true\"\n      aria-live={assertiveTypes[type] ? 'assertive' : 'polite'}\n      className={cx(\n        styles.root,\n        styles[type],\n        isExiting ? styles.exiting : undefined,\n        className,\n      )}\n      data-testid={dataTestId}\n      onBlurCapture={resumeTimer}\n      onFocusCapture={pauseTimer}\n      onMouseEnter={pauseTimer}\n      onMouseLeave={resumeTimer}\n      ref={ref}\n      role={assertiveTypes[type] ? 'alert' : 'status'}\n      style={style}>\n      <div className={styles.inner}>\n        <div className={styles.content}>{body}</div>\n        <div className={styles.end}>\n          {endContent}\n          <Button\n            icon={X}\n            isIconOnly\n            label=\"Dismiss notification\"\n            onClick={() => onDismiss('manual')}\n            size=\"sm\"\n            variant=\"onSolid\"\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n\nToast.displayName = 'Toast';\n","import {createContext} from 'react';\nimport type {ToastDismissReason, ToastEntry} from './types';\n\nexport interface ToastContextValue {\n  addToast: (entry: ToastEntry) => void;\n  findByUniqueID: (uniqueID: string) => ToastEntry | undefined;\n  removeToast: (id: string, reason: ToastDismissReason) => void;\n}\n\nexport const ToastContext = createContext<ToastContextValue | null>(null);\n\nToastContext.displayName = 'ToastContext';\n","import {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {Toast} from './Toast';\nimport {ToastContext, type ToastContextValue} from './ToastContext';\nimport type {ToastDismissReason, ToastEntry, ToastPosition} from './types';\n\nexport interface ToastViewportInset {\n  bottom?: number;\n  end?: number;\n  start?: number;\n  top?: number;\n}\n\nexport interface ToastViewportProps {\n  /**\n   * App content that should receive the toast context.\n   */\n  children?: ReactNode;\n  /**\n   * Additional CSS class names applied to the viewport.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the viewport.\n   */\n  'data-testid'?: string;\n  /**\n   * Custom viewport inset.\n   */\n  inset?: Readonly<ToastViewportInset>;\n  /**\n   * Whether to promote the viewport to the CSS top layer using popover.\n   * @default true\n   */\n  isTopLayer?: boolean;\n  /**\n   * Maximum visible toast count.\n   * @default 5\n   */\n  maxVisible?: number;\n  /**\n   * Toast stack position.\n   * @default 'bottomEnd'\n   */\n  position?: ToastPosition;\n  /**\n   * Ref forwarded to the viewport element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Inline styles applied to the viewport.\n   */\n  style?: CSSProperties;\n}\n\nconst styles = {\n  viewport: css({\n    position: 'fixed',\n    zIndex: 500,\n    display: 'flex',\n    flexDirection: 'column',\n    p: '4',\n    pointerEvents: 'none',\n    inset: 'unset',\n    m: 0,\n    borderWidth: 0,\n    bg: 'transparent',\n    overflow: 'visible',\n  }),\n  bottomEnd: css({bottom: 0, insetInlineEnd: 0, alignItems: 'flex-end'}),\n  bottomStart: css({bottom: 0, insetInlineStart: 0, alignItems: 'flex-start'}),\n  topEnd: css({\n    top: 0,\n    insetInlineEnd: 0,\n    alignItems: 'flex-end',\n    flexDirection: 'column-reverse',\n  }),\n  topStart: css({\n    top: 0,\n    insetInlineStart: 0,\n    alignItems: 'flex-start',\n    flexDirection: 'column-reverse',\n  }),\n  wrapper: css({\n    pointerEvents: 'auto',\n    display: 'grid',\n    gridTemplateRows: '1fr',\n    pb: '3',\n    transitionProperty: 'grid-template-rows, padding',\n    transitionDuration: 'fast',\n    transitionTimingFunction: 'default',\n    '@media (prefers-reduced-motion: reduce)': {\n      transitionDuration: '0.01ms',\n    },\n  }),\n  wrapperExiting: css({\n    gridTemplateRows: '0fr',\n    pb: 0,\n  }),\n  wrapperInner: css({\n    overflow: 'hidden',\n  }),\n  position: {\n    bottomEnd: '',\n    bottomStart: '',\n    topEnd: '',\n    topStart: '',\n  } satisfies Record<ToastPosition, string>,\n} as const;\n\nstyles.position.bottomEnd = styles.bottomEnd;\nstyles.position.bottomStart = styles.bottomStart;\nstyles.position.topEnd = styles.topEnd;\nstyles.position.topStart = styles.topStart;\n\n/**\n * Toast provider and viewport. Mount once near the app root to enable\n * toast notifications. Components below this provider can call `useToast()`\n * to show toasts.\n *\n * @example\n * ```tsx\n * function App() {\n *   return (\n *     <ToastViewport>\n *       <MyRoutes />\n *     </ToastViewport>\n *   );\n * }\n * ```\n */\nexport function ToastViewport({\n  children,\n  className,\n  'data-testid': dataTestId,\n  inset,\n  isTopLayer = true,\n  maxVisible = 5,\n  position = 'bottomEnd',\n  ref,\n  style,\n}: ToastViewportProps): React.JSX.Element {\n  const [toasts, setToasts] = useState<ToastEntry[]>([]);\n  const [exitingIds, setExitingIds] = useState<Set<string>>(() => new Set());\n  const toastsRef = useRef(toasts);\n  const viewportRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    toastsRef.current = toasts;\n  }, [toasts]);\n\n  const addToast = useCallback((entry: ToastEntry) => {\n    setToasts(previous => {\n      const {uniqueID, collisionBehavior = 'overwrite'} = entry.options;\n      if (uniqueID != null) {\n        const existing = previous.find(\n          toast => toast.options.uniqueID === uniqueID,\n        );\n        if (existing != null) {\n          if (collisionBehavior === 'ignore') {\n            return previous;\n          }\n          return previous.map(toast =>\n            toast.options.uniqueID === uniqueID ? entry : toast,\n          );\n        }\n      }\n      return [...previous, entry];\n    });\n  }, []);\n\n  const removeToast = useCallback((id: string, reason: ToastDismissReason) => {\n    const entry = toastsRef.current.find(toast => toast.id === id);\n    entry?.options.onHide?.(reason);\n    setExitingIds(previous => new Set(previous).add(id));\n    window.setTimeout(() => {\n      setExitingIds(previous => {\n        const next = new Set(previous);\n        next.delete(id);\n        return next;\n      });\n      setToasts(previous => previous.filter(toast => toast.id !== id));\n    }, 180);\n  }, []);\n\n  const findByUniqueID = useCallback((uniqueID: string) => {\n    return toastsRef.current.find(toast => toast.options.uniqueID === uniqueID);\n  }, []);\n\n  const contextValue = useMemo<ToastContextValue>(\n    () => ({addToast, findByUniqueID, removeToast}),\n    [addToast, findByUniqueID, removeToast],\n  );\n\n  useEffect(() => {\n    if (!isTopLayer) {\n      return;\n    }\n    try {\n      viewportRef.current?.showPopover();\n    } catch {\n      // Already showing.\n    }\n  }, [isTopLayer]);\n\n  const insetStyle: CSSProperties = {\n    ...(inset?.top != null ? {top: inset.top} : null),\n    ...(inset?.bottom != null ? {bottom: inset.bottom} : null),\n    ...(inset?.start != null ? {insetInlineStart: inset.start} : null),\n    ...(inset?.end != null ? {insetInlineEnd: inset.end} : null),\n    ...style,\n  };\n  const visibleToasts = toasts.slice(-maxVisible);\n\n  return (\n    <ToastContext value={contextValue}>\n      {children}\n      <div\n        aria-label=\"Notifications\"\n        className={cx(styles.viewport, styles.position[position], className)}\n        data-testid={dataTestId}\n        popover={isTopLayer ? 'manual' : undefined}\n        ref={node => {\n          viewportRef.current = node;\n          if (typeof ref === 'function') {\n            ref(node);\n          } else if (ref != null) {\n            ref.current = node;\n          }\n        }}\n        role=\"region\"\n        style={insetStyle}>\n        {visibleToasts.map(entry => {\n          const type = entry.options.type ?? 'info';\n          const isAutoHide =\n            entry.options.isAutoHide ?? (type === 'error' ? false : true);\n          return (\n            <div\n              className={cx(\n                styles.wrapper,\n                exitingIds.has(entry.id) ? styles.wrapperExiting : undefined,\n              )}\n              key={entry.id}>\n              <div className={styles.wrapperInner}>\n                <Toast\n                  autoHideDuration={entry.options.autoHideDuration ?? 5000}\n                  body={entry.options.body}\n                  endContent={entry.options.endContent}\n                  isAutoHide={isAutoHide}\n                  isExiting={exitingIds.has(entry.id)}\n                  onDismiss={reason => removeToast(entry.id, reason)}\n                  type={type}\n                />\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    </ToastContext>\n  );\n}\n\nToastViewport.displayName = 'ToastViewport';\n","import {use, useCallback} from 'react';\nimport {nowEpochMilliseconds} from '../../internal/time';\nimport {ToastContext} from './ToastContext';\nimport type {\n  ShowToastFn,\n  ToastDismissFn,\n  ToastEntry,\n  ToastOptions,\n} from './types';\n\nlet toastIdCounter = 0;\n\nfunction generateToastId(): string {\n  toastIdCounter += 1;\n  return `silver-toast-${toastIdCounter}`;\n}\n\n/**\n * Returns a function that shows a toast notification.\n * Must be called within a `ToastViewport` provider.\n * The returned function accepts `ToastOptions` and returns a dismiss callback.\n */\nexport function useToast(): ShowToastFn {\n  const context = use(ToastContext);\n\n  if (context == null) {\n    throw new Error(\n      'useToast must be used within a ToastViewport. Add <ToastViewport> near your app root to enable toast notifications.',\n    );\n  }\n\n  return useCallback(\n    (options: ToastOptions): ToastDismissFn => {\n      const id = generateToastId();\n      const entry: ToastEntry = {\n        createdAt: nowEpochMilliseconds(),\n        id,\n        options,\n      };\n      context.addToast(entry);\n      return () => context.removeToast(id, 'manual');\n    },\n    [context],\n  );\n}\n"]}

package/dist/{chunk-CZJUKLFD.cjs → chunk-76FHSISK.cjs}

@@ -1,13 +1,13 @@
 'use strict';
 
 var chunkA45WLNF7_cjs = require('./chunk-A45WLNF7.cjs');
-var chunkJAX62FUE_cjs = require('./chunk-JAX62FUE.cjs');
+var chunkJRBQKFVO_cjs = require('./chunk-JRBQKFVO.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 // src/components/Stack/Stack.recipe.ts
-var stackRecipe = chunkJAX62FUE_cjs.cva({
+var stackRecipe = chunkJRBQKFVO_cjs.cva({
   base: {
     display: "flex",
     minW: 0
@@ -164,6 +164,5 @@ VStack.displayName = "VStack";
 
 exports.HStack = HStack;
 exports.VStack = VStack;
-exports.stackRecipe = stackRecipe;
-//# sourceMappingURL=chunk-CZJUKLFD.cjs.map
-//# sourceMappingURL=chunk-CZJUKLFD.cjs.map
+//# sourceMappingURL=chunk-76FHSISK.cjs.map
+//# sourceMappingURL=chunk-76FHSISK.cjs.map

package/dist/chunk-76FHSISK.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Stack/Stack.recipe.ts","../src/components/Stack/Stack.tsx","../src/components/Stack/HStack.tsx","../src/components/Stack/VStack.tsx"],"names":["cva","toPixelSize","createElement","cx","jsx"],"mappings":"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","file":"chunk-76FHSISK.cjs","sourcesContent":["import {cva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const stackRecipe = cva({\n  base: {\n    display: 'flex',\n    minW: 0,\n  },\n  variants: {\n    direction: {\n      horizontal: {\n        flexDirection: 'row',\n      },\n      vertical: {\n        flexDirection: 'column',\n      },\n    },\n    gap: {\n      0: {gap: '0'},\n      0.5: {gap: '0.5'},\n      1: {gap: '1'},\n      1.5: {gap: '1.5'},\n      2: {gap: '2'},\n      3: {gap: '3'},\n      4: {gap: '4'},\n      5: {gap: '5'},\n      6: {gap: '6'},\n      8: {gap: '8'},\n      10: {gap: '10'},\n    },\n    wrap: {\n      nowrap: {\n        flexWrap: 'nowrap',\n      },\n      wrap: {\n        flexWrap: 'wrap',\n      },\n      'wrap-reverse': {\n        flexWrap: 'wrap-reverse',\n      },\n    },\n  },\n  defaultVariants: {\n    direction: 'vertical',\n    wrap: 'nowrap',\n  },\n});\n\nexport type StackVariants = RecipeVariantProps<typeof stackRecipe>;\n","import {\n  createElement,\n  type CSSProperties,\n  type ElementType,\n  type HTMLAttributes,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {cx} from '../../internal/cx';\nimport type {SpacingToken} from '../../internal/spacingTokens';\nimport {toPixelSize, type SizeValue} from '../../internal/toPixelSize';\nimport {stackRecipe} from './Stack.recipe';\n\nexport type {SizeValue};\nexport type StackDirection = 'horizontal' | 'vertical';\nexport type StackMainAlignment =\n  | 'start'\n  | 'center'\n  | 'end'\n  | 'between'\n  | 'around'\n  | 'evenly';\nexport type StackCrossAlignment = 'start' | 'center' | 'end' | 'stretch';\nexport type StackAlignment = StackMainAlignment | StackCrossAlignment;\nexport type StackWrap = 'nowrap' | 'wrap' | 'wrap-reverse';\nexport type StackGap = SpacingToken;\n\nexport interface StackProps extends HTMLAttributes<HTMLElement> {\n  /**\n   * Cross-axis alignment.\n   */\n  align?: StackCrossAlignment;\n  /**\n   * HTML element type to render.\n   */\n  as?: ElementType;\n  /**\n   * Stack content.\n   */\n  children?: ReactNode;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Layout direction.\n   */\n  direction?: StackDirection;\n  /**\n   * Gap between children.\n   */\n  gap?: StackGap;\n  /**\n   * Horizontal alignment (overrides align/justify for horizontal axis).\n   */\n  hAlign?: StackAlignment;\n  /**\n   * Fixed height. Numbers are treated as pixels.\n   */\n  height?: SizeValue;\n  /**\n   * Main-axis alignment.\n   */\n  justify?: StackMainAlignment;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Vertical alignment (overrides align/justify for vertical axis).\n   */\n  vAlign?: StackAlignment;\n  /**\n   * Fixed width. Numbers are treated as pixels.\n   */\n  width?: SizeValue;\n  /**\n   * Flex wrap behavior.\n   */\n  wrap?: StackWrap;\n}\n\nconst mainAlignValues: Record<StackMainAlignment, string> = {\n  start: 'flex-start',\n  center: 'center',\n  end: 'flex-end',\n  between: 'space-between',\n  around: 'space-around',\n  evenly: 'space-evenly',\n};\n\nconst crossAlignValues: Record<StackCrossAlignment, string> = {\n  start: 'flex-start',\n  center: 'center',\n  end: 'flex-end',\n  stretch: 'stretch',\n};\n\nexport function Stack({\n  align,\n  children,\n  className,\n  'data-testid': dataTestId,\n  direction = 'vertical',\n  as: Element = 'div',\n  gap,\n  hAlign,\n  height,\n  justify,\n  ref,\n  style,\n  vAlign,\n  width,\n  wrap = 'nowrap',\n  ...htmlProps\n}: StackProps): React.JSX.Element {\n  const resolvedHAlign =\n    hAlign ?? (direction === 'horizontal' ? justify : align);\n  const resolvedVAlign =\n    vAlign ?? (direction === 'horizontal' ? align : justify);\n  const mainAlign =\n    direction === 'horizontal' ? resolvedHAlign : resolvedVAlign;\n  const crossAlign =\n    direction === 'horizontal' ? resolvedVAlign : resolvedHAlign;\n  const stackStyle: CSSProperties = {\n    justifyContent:\n      mainAlign != null && mainAlign in mainAlignValues\n        ? mainAlignValues[mainAlign as StackMainAlignment]\n        : undefined,\n    alignItems:\n      crossAlign != null && crossAlign in crossAlignValues\n        ? crossAlignValues[crossAlign as StackCrossAlignment]\n        : undefined,\n    width: toPixelSize(width),\n    height: toPixelSize(height),\n    ...style,\n  };\n\n  return createElement(\n    Element,\n    {\n      ...htmlProps,\n      className: cx(stackRecipe({direction, gap, wrap}), className),\n      'data-testid': dataTestId,\n      ref,\n      style: stackStyle,\n    },\n    children,\n  );\n}\n\nStack.displayName = 'Stack';\n","import type {Ref} from 'react';\nimport {\n  Stack,\n  type StackCrossAlignment,\n  type StackMainAlignment,\n  type StackProps,\n} from './Stack';\n\nexport interface HStackProps extends Omit<\n  StackProps,\n  'direction' | 'hAlign' | 'vAlign'\n> {\n  align?: StackCrossAlignment;\n  hAlign?: StackMainAlignment;\n  justify?: StackMainAlignment;\n  ref?: Ref<HTMLElement>;\n  vAlign?: StackCrossAlignment;\n}\n\nexport function HStack({\n  align,\n  className,\n  'data-testid': dataTestId,\n  hAlign,\n  justify,\n  ref,\n  style,\n  vAlign,\n  ...props\n}: HStackProps): React.JSX.Element {\n  return (\n    <Stack\n      {...props}\n      className={className}\n      data-testid={dataTestId}\n      direction=\"horizontal\"\n      hAlign={hAlign ?? justify}\n      ref={ref}\n      style={style}\n      vAlign={vAlign ?? align}\n    />\n  );\n}\n\nHStack.displayName = 'HStack';\n","import type {Ref} from 'react';\nimport {\n  Stack,\n  type StackCrossAlignment,\n  type StackMainAlignment,\n  type StackProps,\n} from './Stack';\n\nexport interface VStackProps extends Omit<\n  StackProps,\n  'direction' | 'hAlign' | 'vAlign'\n> {\n  align?: StackCrossAlignment;\n  hAlign?: StackCrossAlignment;\n  justify?: StackMainAlignment;\n  ref?: Ref<HTMLElement>;\n  vAlign?: StackMainAlignment;\n}\n\nexport function VStack({\n  align,\n  className,\n  'data-testid': dataTestId,\n  hAlign,\n  justify,\n  ref,\n  style,\n  vAlign,\n  ...props\n}: VStackProps): React.JSX.Element {\n  return (\n    <Stack\n      {...props}\n      className={className}\n      data-testid={dataTestId}\n      direction=\"vertical\"\n      hAlign={hAlign ?? align}\n      ref={ref}\n      style={style}\n      vAlign={vAlign ?? justify}\n    />\n  );\n}\n\nVStack.displayName = 'VStack';\n"]}