silver-ui 0.1.0

package/dist/chunk-GI3NLBCW.cjs

@@ -0,0 +1,375 @@
+'use strict';
+
+var chunkR37R7DEV_cjs = require('./chunk-R37R7DEV.cjs');
+var chunkNILB6Y4Z_cjs = require('./chunk-NILB6Y4Z.cjs');
+var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
+var chunkAZDWQGAX_cjs = require('./chunk-AZDWQGAX.cjs');
+var lucideReact = require('lucide-react');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var styles = {
+  root: chunkAZDWQGAX_cjs.css({
+    width: "25rem",
+    maxW: "calc(100vw - 32px)",
+    p: "4",
+    borderRadius: "lg",
+    boxShadow: "xl",
+    fontFamily: "body",
+    transitionProperty: "opacity, transform",
+    transitionDuration: "fast",
+    transitionTimingFunction: "default",
+    "@starting-style": {
+      opacity: 0,
+      transform: "translateY(8px)"
+    },
+    "@media (prefers-reduced-motion: reduce)": {
+      transitionDuration: "0.01ms"
+    }
+  }),
+  info: chunkAZDWQGAX_cjs.css({ bg: "status.info.solid", color: "status.info.solidFg" }),
+  error: chunkAZDWQGAX_cjs.css({ bg: "status.error.solid", color: "status.error.solidFg" }),
+  success: chunkAZDWQGAX_cjs.css({ bg: "status.success.solid", color: "status.success.solidFg" }),
+  warning: chunkAZDWQGAX_cjs.css({ bg: "status.warning.solid", color: "status.warning.solidFg" }),
+  exiting: chunkAZDWQGAX_cjs.css({
+    opacity: 0,
+    transform: "translateY(-8px)"
+  }),
+  inner: chunkAZDWQGAX_cjs.css({
+    display: "flex",
+    alignItems: "center",
+    gap: "3"
+  }),
+  content: chunkAZDWQGAX_cjs.css({
+    flex: 1,
+    minW: 0
+  }),
+  end: chunkAZDWQGAX_cjs.css({
+    display: "flex",
+    alignItems: "center",
+    gap: "2",
+    flexShrink: 0
+  })
+};
+var assertiveTypes = {
+  error: true,
+  warning: true
+};
+function Toast({
+  autoHideDuration,
+  body,
+  className,
+  "data-testid": dataTestId,
+  endContent,
+  isAutoHide,
+  isExiting = false,
+  onDismiss,
+  ref,
+  style,
+  type
+}) {
+  const timerRef = react.useRef(null);
+  const startedAtRef = react.useRef(null);
+  const remainingRef = react.useRef(autoHideDuration);
+  const isPausedRef = react.useRef(false);
+  const startTimer = react.useCallback(() => {
+    if (!isAutoHide) {
+      return;
+    }
+    if (timerRef.current != null) {
+      clearTimeout(timerRef.current);
+    }
+    startedAtRef.current = chunkR37R7DEV_cjs.nowMonotonicMilliseconds();
+    timerRef.current = setTimeout(
+      () => onDismiss("auto"),
+      remainingRef.current
+    );
+  }, [isAutoHide, onDismiss]);
+  const pauseTimer = react.useCallback(() => {
+    if (!isAutoHide || isPausedRef.current) {
+      return;
+    }
+    isPausedRef.current = true;
+    if (timerRef.current != null) {
+      clearTimeout(timerRef.current);
+      timerRef.current = null;
+    }
+    if (startedAtRef.current != null) {
+      remainingRef.current = Math.max(
+        remainingRef.current - (chunkR37R7DEV_cjs.nowMonotonicMilliseconds() - startedAtRef.current),
+        1e3
+      );
+    }
+  }, [isAutoHide]);
+  const resumeTimer = react.useCallback(() => {
+    if (!isAutoHide || !isPausedRef.current) {
+      return;
+    }
+    isPausedRef.current = false;
+    startTimer();
+  }, [isAutoHide, startTimer]);
+  react.useEffect(() => {
+    remainingRef.current = autoHideDuration;
+    startTimer();
+    return () => {
+      if (timerRef.current != null) {
+        clearTimeout(timerRef.current);
+      }
+    };
+  }, [autoHideDuration, startTimer]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "aria-atomic": "true",
+      "aria-live": assertiveTypes[type] ? "assertive" : "polite",
+      className: chunkSPDVNY2Z_cjs.cx(
+        styles.root,
+        styles[type],
+        isExiting ? styles.exiting : void 0,
+        className
+      ),
+      "data-testid": dataTestId,
+      onBlurCapture: resumeTimer,
+      onFocusCapture: pauseTimer,
+      onMouseEnter: pauseTimer,
+      onMouseLeave: resumeTimer,
+      ref,
+      role: assertiveTypes[type] ? "alert" : "status",
+      style,
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.inner, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.content, children: body }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.end, children: [
+          endContent,
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunkNILB6Y4Z_cjs.Button,
+            {
+              icon: lucideReact.X,
+              isIconOnly: true,
+              label: "Dismiss notification",
+              onClick: () => onDismiss("manual"),
+              size: "sm",
+              variant: "onSolid"
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+Toast.displayName = "Toast";
+var ToastContext = react.createContext(null);
+ToastContext.displayName = "ToastContext";
+var styles2 = {
+  viewport: chunkAZDWQGAX_cjs.css({
+    position: "fixed",
+    zIndex: 500,
+    display: "flex",
+    flexDirection: "column",
+    p: "4",
+    pointerEvents: "none",
+    inset: "unset",
+    m: 0,
+    borderWidth: 0,
+    bg: "transparent",
+    overflow: "visible"
+  }),
+  bottomEnd: chunkAZDWQGAX_cjs.css({ bottom: 0, insetInlineEnd: 0, alignItems: "flex-end" }),
+  bottomStart: chunkAZDWQGAX_cjs.css({ bottom: 0, insetInlineStart: 0, alignItems: "flex-start" }),
+  topEnd: chunkAZDWQGAX_cjs.css({
+    top: 0,
+    insetInlineEnd: 0,
+    alignItems: "flex-end",
+    flexDirection: "column-reverse"
+  }),
+  topStart: chunkAZDWQGAX_cjs.css({
+    top: 0,
+    insetInlineStart: 0,
+    alignItems: "flex-start",
+    flexDirection: "column-reverse"
+  }),
+  wrapper: chunkAZDWQGAX_cjs.css({
+    pointerEvents: "auto",
+    display: "grid",
+    gridTemplateRows: "1fr",
+    pb: "3",
+    transitionProperty: "grid-template-rows, padding",
+    transitionDuration: "fast",
+    transitionTimingFunction: "default",
+    "@media (prefers-reduced-motion: reduce)": {
+      transitionDuration: "0.01ms"
+    }
+  }),
+  wrapperExiting: chunkAZDWQGAX_cjs.css({
+    gridTemplateRows: "0fr",
+    pb: 0
+  }),
+  wrapperInner: chunkAZDWQGAX_cjs.css({
+    overflow: "hidden"
+  }),
+  position: {
+    bottomEnd: "",
+    bottomStart: "",
+    topEnd: "",
+    topStart: ""
+  }
+};
+styles2.position.bottomEnd = styles2.bottomEnd;
+styles2.position.bottomStart = styles2.bottomStart;
+styles2.position.topEnd = styles2.topEnd;
+styles2.position.topStart = styles2.topStart;
+function ToastViewport({
+  children,
+  className,
+  "data-testid": dataTestId,
+  inset,
+  isTopLayer = true,
+  maxVisible = 5,
+  position = "bottomEnd",
+  ref,
+  style
+}) {
+  const [toasts, setToasts] = react.useState([]);
+  const [exitingIds, setExitingIds] = react.useState(() => /* @__PURE__ */ new Set());
+  const toastsRef = react.useRef(toasts);
+  const viewportRef = react.useRef(null);
+  react.useEffect(() => {
+    toastsRef.current = toasts;
+  }, [toasts]);
+  const addToast = react.useCallback((entry) => {
+    setToasts((previous) => {
+      const { uniqueID, collisionBehavior = "overwrite" } = entry.options;
+      if (uniqueID != null) {
+        const existing = previous.find(
+          (toast) => toast.options.uniqueID === uniqueID
+        );
+        if (existing != null) {
+          if (collisionBehavior === "ignore") {
+            return previous;
+          }
+          return previous.map(
+            (toast) => toast.options.uniqueID === uniqueID ? entry : toast
+          );
+        }
+      }
+      return [...previous, entry];
+    });
+  }, []);
+  const removeToast = react.useCallback((id, reason) => {
+    const entry = toastsRef.current.find((toast) => toast.id === id);
+    entry?.options.onHide?.(reason);
+    setExitingIds((previous) => new Set(previous).add(id));
+    window.setTimeout(() => {
+      setExitingIds((previous) => {
+        const next = new Set(previous);
+        next.delete(id);
+        return next;
+      });
+      setToasts((previous) => previous.filter((toast) => toast.id !== id));
+    }, 180);
+  }, []);
+  const findByUniqueID = react.useCallback((uniqueID) => {
+    return toastsRef.current.find((toast) => toast.options.uniqueID === uniqueID);
+  }, []);
+  const contextValue = react.useMemo(
+    () => ({ addToast, findByUniqueID, removeToast }),
+    [addToast, findByUniqueID, removeToast]
+  );
+  react.useEffect(() => {
+    if (!isTopLayer) {
+      return;
+    }
+    try {
+      viewportRef.current?.showPopover();
+    } catch {
+    }
+  }, [isTopLayer]);
+  const insetStyle = {
+    ...inset?.top != null ? { top: inset.top } : null,
+    ...inset?.bottom != null ? { bottom: inset.bottom } : null,
+    ...inset?.start != null ? { insetInlineStart: inset.start } : null,
+    ...inset?.end != null ? { insetInlineEnd: inset.end } : null,
+    ...style
+  };
+  const visibleToasts = toasts.slice(-maxVisible);
+  return /* @__PURE__ */ jsxRuntime.jsxs(ToastContext, { value: contextValue, children: [
+    children,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        "aria-label": "Notifications",
+        className: chunkSPDVNY2Z_cjs.cx(styles2.viewport, styles2.position[position], className),
+        "data-testid": dataTestId,
+        popover: isTopLayer ? "manual" : void 0,
+        ref: (node) => {
+          viewportRef.current = node;
+          if (typeof ref === "function") {
+            ref(node);
+          } else if (ref != null) {
+            ref.current = node;
+          }
+        },
+        role: "region",
+        style: insetStyle,
+        children: visibleToasts.map((entry) => {
+          const type = entry.options.type ?? "info";
+          const isAutoHide = entry.options.isAutoHide ?? (type === "error" ? false : true);
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: chunkSPDVNY2Z_cjs.cx(
+                styles2.wrapper,
+                exitingIds.has(entry.id) ? styles2.wrapperExiting : void 0
+              ),
+              children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles2.wrapperInner, children: /* @__PURE__ */ jsxRuntime.jsx(
+                Toast,
+                {
+                  autoHideDuration: entry.options.autoHideDuration ?? 5e3,
+                  body: entry.options.body,
+                  endContent: entry.options.endContent,
+                  isAutoHide,
+                  isExiting: exitingIds.has(entry.id),
+                  onDismiss: (reason) => removeToast(entry.id, reason),
+                  type
+                }
+              ) })
+            },
+            entry.id
+          );
+        })
+      }
+    )
+  ] });
+}
+ToastViewport.displayName = "ToastViewport";
+var toastIdCounter = 0;
+function generateToastId() {
+  toastIdCounter += 1;
+  return `silver-toast-${toastIdCounter}`;
+}
+function useToast() {
+  const context = react.use(ToastContext);
+  if (context == null) {
+    throw new Error(
+      "useToast must be used within a ToastViewport. Add <ToastViewport> near your app root to enable toast notifications."
+    );
+  }
+  return react.useCallback(
+    (options) => {
+      const id = generateToastId();
+      const entry = {
+        createdAt: chunkR37R7DEV_cjs.nowEpochMilliseconds(),
+        id,
+        options
+      };
+      context.addToast(entry);
+      return () => context.removeToast(id, "manual");
+    },
+    [context]
+  );
+}
+
+exports.Toast = Toast;
+exports.ToastViewport = ToastViewport;
+exports.useToast = useToast;
+//# sourceMappingURL=chunk-GI3NLBCW.cjs.map
+//# sourceMappingURL=chunk-GI3NLBCW.cjs.map

package/dist/chunk-GI3NLBCW.cjs.map

@@ -0,0 +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":["css","useRef","useCallback","nowMonotonicMilliseconds","useEffect","jsx","cx","jsxs","Button","X","createContext","styles","useState","useMemo","use","nowEpochMilliseconds"],"mappings":"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","file":"chunk-GI3NLBCW.cjs","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"]}