@hjmds/react 0.8.2

package/dist/toast.js

@@ -0,0 +1,250 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createToastStore, resolveToastDescriptor, } from "@hjmds/design-contracts/components/toast";
+import { toastRecipe, } from "@hjmds/design-contracts/recipes";
+import { createContext, forwardRef, useContext, useEffect, useId, useMemo, useRef, useState, useSyncExternalStore, } from "react";
+import { createPortal } from "react-dom";
+import { classNames } from "./internal.js";
+import { useOptionalHjmTheme } from "./provider.js";
+import { createHjmThemeStyle } from "./theme.js";
+const toneMarks = {
+    neutral: "●",
+    info: "i",
+    success: "✓",
+    warning: "!",
+    danger: "!",
+};
+const ToastCard = forwardRef(function ToastCard({ descriptor, phase, onAction, onDismiss, onPointerPause, onPointerResume, onFocusPause, onFocusResume, locale, className, }, ref) {
+    const baseId = useId().replaceAll(":", "");
+    const titleId = `${baseId}-toast-title`;
+    const descriptionId = `${baseId}-toast-description`;
+    const handleKeyDown = (event) => {
+        if (event.key === "Escape") {
+            event.preventDefault();
+            onDismiss("escape");
+        }
+    };
+    return (_jsxs("div", { ref: ref, className: classNames("hjm-toast", className), "data-tone": descriptor.tone, "data-state": phase, lang: locale, role: "group", "aria-labelledby": descriptor.title ? titleId : undefined, "aria-describedby": descriptionId, onPointerEnter: onPointerPause, onPointerLeave: onPointerResume, onFocusCapture: onFocusPause, onBlurCapture: (event) => {
+            if (!event.currentTarget.contains(event.relatedTarget))
+                onFocusResume?.();
+        }, onKeyDown: handleKeyDown, children: [_jsx("span", { className: "hjm-visually-hidden", role: descriptor.priority === "high" ? "alert" : "status", children: descriptor.announcement }), _jsx("span", { className: "hjm-toast__tone-mark", "aria-hidden": "true" }), _jsx("span", { className: "hjm-toast__icon", "aria-hidden": "true", children: toneMarks[descriptor.tone] }), _jsxs("span", { className: "hjm-toast__content", children: [descriptor.title ? (_jsx("strong", { id: titleId, className: "hjm-toast__title", children: descriptor.title })) : null, _jsx("span", { id: descriptionId, className: "hjm-toast__description", children: descriptor.description })] }), descriptor.action ? (_jsx("button", { type: "button", className: "hjm-toast__action", "aria-label": descriptor.action.accessibilityLabel, onClick: onAction, children: descriptor.action.label })) : null, _jsx("button", { type: "button", className: "hjm-toast__close", "aria-label": descriptor.closeLabel, onClick: () => onDismiss("close-action"), children: _jsx("span", { "aria-hidden": "true", children: "\u00D7" }) })] }));
+});
+/** Controlled single-toast renderer; ToastProvider supplies the full FIFO lifecycle. */
+export const Toast = forwardRef(function Toast({ descriptor, onDismissRequest, className }, ref) {
+    const resolved = resolveToastDescriptor(descriptor);
+    const actionInvokedRef = useRef(false);
+    useEffect(() => {
+        actionInvokedRef.current = false;
+    }, [descriptor]);
+    return (_jsx(ToastCard, { ref: ref, descriptor: resolved, phase: "visible", ...(className === undefined ? {} : { className }), onDismiss: onDismissRequest, onAction: () => {
+            const action = resolved.action;
+            if (!action || actionInvokedRef.current)
+                return;
+            actionInvokedRef.current = true;
+            action.onAction();
+            if (action.dismissOnAction)
+                onDismissRequest("action");
+        } }));
+});
+const ToastContext = createContext(null);
+export function useToast() {
+    const value = useContext(ToastContext);
+    if (value === null)
+        throw new Error("useToast must be used inside ToastProvider");
+    return value;
+}
+function ToastPortal({ children, container }) {
+    const [mounted, setMounted] = useState(false);
+    const theme = useOptionalHjmTheme();
+    useEffect(() => setMounted(true), []);
+    if (!mounted)
+        return null;
+    return createPortal(theme ? (_jsx("div", { className: "hjm-root hjm-portal", "data-hjm-portal": "toast", "data-motion": theme.environment.reducedMotion ? "reduced" : "full", "data-theme": theme.environment.theme, "data-text-scale": theme.environment.textScale, dir: theme.environment.direction, style: createHjmThemeStyle(theme), children: children })) : children, container ?? document.body);
+}
+function renderStoreToast(snapshot, store, locale) {
+    if (snapshot.phase !== "visible" && snapshot.phase !== "closing")
+        return null;
+    const id = snapshot.descriptor.id;
+    return (_jsx(ToastCard, { descriptor: snapshot.descriptor, phase: snapshot.phase, ...(locale === undefined ? {} : { locale }), onAction: () => store.invokeAction(id), onDismiss: (reason) => store.dismiss(id, reason), onPointerPause: () => store.pause(id, "pointer"), onPointerResume: () => store.resume(id, "pointer"), onFocusPause: () => store.pause(id, "focus"), onFocusResume: () => store.resume(id, "focus") }, id));
+}
+export function ToastProvider({ children, label, placement = toastRecipe.defaults.placement, store, initialToasts = [], maxVisible, maxQueued, duplicatePolicy, timerUpdatePolicy, overflowPolicy, portalContainer, locale, bottomOffset = 0, hotkey, hotkeyHelp, }) {
+    if (label.trim().length === 0)
+        throw new TypeError("ToastProvider label must not be empty");
+    if ((hotkey === undefined) !== (hotkeyHelp === undefined)) {
+        throw new TypeError("ToastProvider hotkey and hotkeyHelp must be supplied together");
+    }
+    if (hotkey !== undefined && !hotkey.trim()) {
+        throw new TypeError("ToastProvider hotkey must not be empty");
+    }
+    if (hotkeyHelp !== undefined && !hotkeyHelp.trim()) {
+        throw new TypeError("ToastProvider hotkeyHelp must not be empty");
+    }
+    if (typeof bottomOffset === "number" && (!Number.isFinite(bottomOffset) || bottomOffset < 0)) {
+        throw new RangeError("ToastProvider bottomOffset must be a non-negative finite number");
+    }
+    if (typeof bottomOffset === "string" && !bottomOffset.trim()) {
+        throw new TypeError("ToastProvider bottomOffset must not be empty");
+    }
+    const internalStoreRef = useRef(null);
+    const localeByIdRef = useRef(new Map());
+    if (store === undefined && internalStoreRef.current === null) {
+        internalStoreRef.current = createToastStore({
+            ...(maxVisible === undefined ? {} : { maxVisible }),
+            ...(maxQueued === undefined ? {} : { maxQueued }),
+            ...(duplicatePolicy === undefined ? {} : { duplicatePolicy }),
+            ...(timerUpdatePolicy === undefined ? {} : { timerUpdatePolicy }),
+            ...(overflowPolicy === undefined ? {} : { overflowPolicy }),
+        });
+        for (const descriptor of initialToasts) {
+            const result = internalStoreRef.current.publish(descriptor);
+            if (locale !== undefined &&
+                (result.outcome === "added" || result.outcome === "updated")) {
+                localeByIdRef.current.set(descriptor.id, locale);
+            }
+        }
+    }
+    const activeStore = store ?? internalStoreRef.current;
+    if (activeStore === null)
+        throw new Error("ToastProvider could not create a store");
+    const snapshot = useSyncExternalStore(activeStore.subscribe, activeStore.getSnapshot, activeStore.getSnapshot);
+    const theme = useOptionalHjmTheme();
+    const viewportRef = useRef(null);
+    const previousFocusRef = useRef(null);
+    const viewportFocusedRef = useRef(false);
+    const hotkeyHelpId = useId().replaceAll(":", "");
+    const api = useMemo(() => ({
+        publish: (descriptor, options) => {
+            const previousLocale = localeByIdRef.current.get(descriptor.id);
+            if (locale === undefined)
+                localeByIdRef.current.delete(descriptor.id);
+            else
+                localeByIdRef.current.set(descriptor.id, locale);
+            try {
+                const result = activeStore.publish(descriptor, options);
+                if (result.outcome === "ignored" || result.outcome === "discarded") {
+                    if (previousLocale === undefined)
+                        localeByIdRef.current.delete(descriptor.id);
+                    else
+                        localeByIdRef.current.set(descriptor.id, previousLocale);
+                }
+                return result;
+            }
+            catch (error) {
+                if (previousLocale === undefined)
+                    localeByIdRef.current.delete(descriptor.id);
+                else
+                    localeByIdRef.current.set(descriptor.id, previousLocale);
+                throw error;
+            }
+        },
+        dismiss: (id, reason) => activeStore.dismiss(id, reason),
+        close: (id) => activeStore.close(id),
+    }), [activeStore, locale]);
+    const disposalTimerRef = useRef(null);
+    useEffect(() => {
+        if (disposalTimerRef.current !== null) {
+            clearTimeout(disposalTimerRef.current);
+            disposalTimerRef.current = null;
+        }
+        const ownedStore = internalStoreRef.current;
+        return () => {
+            if (ownedStore) {
+                disposalTimerRef.current = setTimeout(() => ownedStore.dispose(), 0);
+            }
+        };
+    }, []);
+    useEffect(() => {
+        const activeIds = new Set([...snapshot.visible, ...snapshot.queued].map((entry) => entry.descriptor.id));
+        for (const id of localeByIdRef.current.keys()) {
+            if (!activeIds.has(id))
+                localeByIdRef.current.delete(id);
+        }
+    }, [snapshot]);
+    const hasRunningTimer = snapshot.visible.some((entry) => entry.timer.status === "running");
+    useEffect(() => {
+        if (!hasRunningTimer)
+            return;
+        let previousTime = performance.now();
+        const timer = setInterval(() => {
+            const currentTime = performance.now();
+            activeStore.advanceTime(currentTime - previousTime);
+            previousTime = currentTime;
+        }, 100);
+        return () => clearInterval(timer);
+    }, [activeStore, hasRunningTimer]);
+    const closingIds = snapshot.visible
+        .filter((entry) => entry.phase === "closing")
+        .map((entry) => entry.descriptor.id)
+        .join("\u0000");
+    useEffect(() => {
+        if (closingIds.length === 0)
+            return;
+        const ids = closingIds.split("\u0000");
+        const timer = setTimeout(() => ids.forEach((id) => activeStore.completeExit(id)), theme?.environment.reducedMotion ? 0 : 160);
+        return () => clearTimeout(timer);
+    }, [activeStore, closingIds, theme?.environment.reducedMotion]);
+    useEffect(() => {
+        const pause = () => activeStore.pauseAll("window");
+        const resume = () => {
+            if (!document.hidden)
+                activeStore.resumeAll("window");
+        };
+        const handleVisibility = () => (document.hidden ? pause() : resume());
+        window.addEventListener("blur", pause);
+        window.addEventListener("focus", resume);
+        window.addEventListener("pagehide", pause);
+        window.addEventListener("pageshow", resume);
+        document.addEventListener("visibilitychange", handleVisibility);
+        return () => {
+            window.removeEventListener("blur", pause);
+            window.removeEventListener("focus", resume);
+            window.removeEventListener("pagehide", pause);
+            window.removeEventListener("pageshow", resume);
+            document.removeEventListener("visibilitychange", handleVisibility);
+        };
+    }, [activeStore]);
+    useEffect(() => {
+        if (hotkey === undefined || snapshot.visible.length === 0)
+            return;
+        const handleKeyDown = (event) => {
+            if (event.key !== hotkey)
+                return;
+            const viewport = viewportRef.current;
+            if (!viewport)
+                return;
+            if (!viewport.contains(document.activeElement)) {
+                previousFocusRef.current = document.activeElement;
+            }
+            event.preventDefault();
+            viewport.focus();
+        };
+        document.addEventListener("keydown", handleKeyDown);
+        return () => document.removeEventListener("keydown", handleKeyDown);
+    }, [hotkey, snapshot.visible.length]);
+    useEffect(() => {
+        if (snapshot.visible.length > 0 || !viewportFocusedRef.current)
+            return;
+        viewportFocusedRef.current = false;
+        previousFocusRef.current?.focus();
+        previousFocusRef.current = null;
+    }, [snapshot.visible.length]);
+    const handleViewportFocus = (event) => {
+        const previous = event.relatedTarget;
+        if (previous instanceof HTMLElement && !event.currentTarget.contains(previous)) {
+            previousFocusRef.current = previous;
+        }
+        viewportFocusedRef.current = true;
+        activeStore.pauseAll("focus");
+    };
+    const handleViewportBlur = (event) => {
+        const next = event.relatedTarget;
+        if (!(next instanceof Node) || !event.currentTarget.contains(next)) {
+            viewportFocusedRef.current = false;
+            activeStore.resumeAll("focus");
+        }
+    };
+    const viewportStyle = {
+        "--hjm-toast-bottom-offset": typeof bottomOffset === "number" ? `${bottomOffset}px` : bottomOffset,
+    };
+    return (_jsxs(ToastContext.Provider, { value: api, children: [children, snapshot.visible.length > 0 ? (_jsx(ToastPortal, { ...(portalContainer === undefined ? {} : { container: portalContainer }), children: _jsxs("div", { ref: viewportRef, className: "hjm-toast-viewport", "data-placement": placement, role: "region", "aria-label": label, "aria-describedby": hotkeyHelp === undefined ? undefined : hotkeyHelpId, "aria-keyshortcuts": hotkey, tabIndex: hotkey === undefined ? undefined : -1, onFocusCapture: handleViewportFocus, onBlurCapture: handleViewportBlur, style: viewportStyle, children: [hotkeyHelp === undefined ? null : (_jsx("span", { id: hotkeyHelpId, className: "hjm-visually-hidden", children: hotkeyHelp })), snapshot.visible.map((entry) => renderStoreToast(entry, activeStore, localeByIdRef.current.get(entry.descriptor.id)))] }) })) : null] }));
+}
+//# sourceMappingURL=toast.js.map

package/dist/toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.js","sourceRoot":"","sources":["../src/toast.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  createToastStore,\n  resolveToastDescriptor,\n  type ResolvedToastDescriptor,\n  type ToastDescriptor,\n  type ToastDismissReason,\n  type ToastDuplicatePolicy,\n  type ToastId,\n  type ToastOverflowPolicy,\n  type ToastPublishOptions,\n  type ToastPublishResult,\n  type ToastSessionSnapshot,\n  type ToastStore,\n  type ToastTimerUpdatePolicy,\n} from \"@hjmds/design-contracts/components/toast\";\nimport {\n  toastRecipe,\n  type ToastPlacement,\n} from \"@hjmds/design-contracts/recipes\";\nimport {\n  createContext,\n  forwardRef,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  useSyncExternalStore,\n  type CSSProperties,\n  type FocusEvent,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { classNames } from \"./internal.js\";\nimport { useOptionalHjmTheme } from \"./provider.js\";\nimport { createHjmThemeStyle } from \"./theme.js\";\n\nconst toneMarks = {\n  neutral: \"●\",\n  info: \"i\",\n  success: \"✓\",\n  warning: \"!\",\n  danger: \"!\",\n} as const;\n\ntype ToastCardProps = Readonly<{\n  descriptor: ResolvedToastDescriptor;\n  phase: \"visible\" | \"closing\";\n  onAction(): void;\n  onDismiss(reason: ToastDismissReason): void;\n  onPointerPause?(): void;\n  onPointerResume?(): void;\n  onFocusPause?(): void;\n  onFocusResume?(): void;\n  locale?: string;\n  className?: string;\n}>;\n\nconst ToastCard = forwardRef<HTMLDivElement, ToastCardProps>(function ToastCard(\n  {\n    descriptor,\n    phase,\n    onAction,\n    onDismiss,\n    onPointerPause,\n    onPointerResume,\n    onFocusPause,\n    onFocusResume,\n    locale,\n    className,\n  },\n  ref,\n) {\n  const baseId = useId().replaceAll(\":\", \"\");\n  const titleId = `${baseId}-toast-title`;\n  const descriptionId = `${baseId}-toast-description`;\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === \"Escape\") {\n      event.preventDefault();\n      onDismiss(\"escape\");\n    }\n  };\n  return (\n    <div\n      ref={ref}\n      className={classNames(\"hjm-toast\", className)}\n      data-tone={descriptor.tone}\n      data-state={phase}\n      lang={locale}\n      role=\"group\"\n      aria-labelledby={descriptor.title ? titleId : undefined}\n      aria-describedby={descriptionId}\n      onPointerEnter={onPointerPause}\n      onPointerLeave={onPointerResume}\n      onFocusCapture={onFocusPause}\n      onBlurCapture={(event) => {\n        if (!event.currentTarget.contains(event.relatedTarget)) onFocusResume?.();\n      }}\n      onKeyDown={handleKeyDown}\n    >\n      <span\n        className=\"hjm-visually-hidden\"\n        role={descriptor.priority === \"high\" ? \"alert\" : \"status\"}\n      >\n        {descriptor.announcement}\n      </span>\n      <span className=\"hjm-toast__tone-mark\" aria-hidden=\"true\" />\n      <span className=\"hjm-toast__icon\" aria-hidden=\"true\">\n        {toneMarks[descriptor.tone]}\n      </span>\n      <span className=\"hjm-toast__content\">\n        {descriptor.title ? (\n          <strong id={titleId} className=\"hjm-toast__title\">{descriptor.title}</strong>\n        ) : null}\n        <span id={descriptionId} className=\"hjm-toast__description\">\n          {descriptor.description}\n        </span>\n      </span>\n      {descriptor.action ? (\n        <button\n          type=\"button\"\n          className=\"hjm-toast__action\"\n          aria-label={descriptor.action.accessibilityLabel}\n          onClick={onAction}\n        >\n          {descriptor.action.label}\n        </button>\n      ) : null}\n      <button\n        type=\"button\"\n        className=\"hjm-toast__close\"\n        aria-label={descriptor.closeLabel}\n        onClick={() => onDismiss(\"close-action\")}\n      >\n        <span aria-hidden=\"true\">×</span>\n      </button>\n    </div>\n  );\n});\n\nexport type ToastProps = Omit<HTMLAttributes<HTMLDivElement>, \"children\" | \"title\"> &\n  Readonly<{\n    descriptor: ToastDescriptor;\n    onDismissRequest: (reason: ToastDismissReason) => void;\n  }>;\n\n/** Controlled single-toast renderer; ToastProvider supplies the full FIFO lifecycle. */\nexport const Toast = forwardRef<HTMLDivElement, ToastProps>(function Toast(\n  { descriptor, onDismissRequest, className },\n  ref,\n) {\n  const resolved = resolveToastDescriptor(descriptor);\n  const actionInvokedRef = useRef(false);\n  useEffect(() => {\n    actionInvokedRef.current = false;\n  }, [descriptor]);\n  return (\n    <ToastCard\n      ref={ref}\n      descriptor={resolved}\n      phase=\"visible\"\n      {...(className === undefined ? {} : { className })}\n      onDismiss={onDismissRequest}\n      onAction={() => {\n        const action = resolved.action;\n        if (!action || actionInvokedRef.current) return;\n        actionInvokedRef.current = true;\n        action.onAction();\n        if (action.dismissOnAction) onDismissRequest(\"action\");\n      }}\n    />\n  );\n});\n\nexport type ToastApi = Readonly<{\n  publish(descriptor: ToastDescriptor, options?: ToastPublishOptions): ToastPublishResult;\n  dismiss(id: ToastId, reason: ToastDismissReason): boolean;\n  close(id: ToastId): boolean;\n}>;\n\nconst ToastContext = createContext<ToastApi | null>(null);\n\nexport function useToast(): ToastApi {\n  const value = useContext(ToastContext);\n  if (value === null) throw new Error(\"useToast must be used inside ToastProvider\");\n  return value;\n}\n\nexport type ToastProviderProps = Readonly<{\n  children: ReactNode;\n  label: string;\n  placement?: ToastPlacement;\n  store?: ToastStore;\n  initialToasts?: readonly ToastDescriptor[];\n  maxVisible?: number;\n  maxQueued?: number;\n  duplicatePolicy?: ToastDuplicatePolicy;\n  timerUpdatePolicy?: ToastTimerUpdatePolicy;\n  overflowPolicy?: ToastOverflowPolicy;\n  portalContainer?: HTMLElement;\n  /** Captured per publication so already-visible localized copy keeps its language. */\n  locale?: string;\n  /** Extra space above a fixed product dock, in pixels or any CSS length. */\n  bottomOffset?: number | string;\n  /** Optional discoverable keyboard shortcut, for example `F8`. */\n  hotkey?: string;\n  /** Screen-reader help associated with the viewport when `hotkey` is supplied. */\n  hotkeyHelp?: string;\n}>;\n\ntype ToastPortalProps = Readonly<{\n  children: ReactNode;\n  container?: HTMLElement;\n}>;\n\nfunction ToastPortal({ children, container }: ToastPortalProps) {\n  const [mounted, setMounted] = useState(false);\n  const theme = useOptionalHjmTheme();\n  useEffect(() => setMounted(true), []);\n  if (!mounted) return null;\n  return createPortal(\n    theme ? (\n      <div\n        className=\"hjm-root hjm-portal\"\n        data-hjm-portal=\"toast\"\n        data-motion={theme.environment.reducedMotion ? \"reduced\" : \"full\"}\n        data-theme={theme.environment.theme}\n        data-text-scale={theme.environment.textScale}\n        dir={theme.environment.direction}\n        style={createHjmThemeStyle(theme)}\n      >\n        {children}\n      </div>\n    ) : children,\n    container ?? document.body,\n  );\n}\n\nfunction renderStoreToast(\n  snapshot: ToastSessionSnapshot,\n  store: ToastStore,\n  locale?: string,\n): ReactNode {\n  if (snapshot.phase !== \"visible\" && snapshot.phase !== \"closing\") return null;\n  const id = snapshot.descriptor.id;\n  return (\n    <ToastCard\n      key={id}\n      descriptor={snapshot.descriptor}\n      phase={snapshot.phase}\n      {...(locale === undefined ? {} : { locale })}\n      onAction={() => store.invokeAction(id)}\n      onDismiss={(reason) => store.dismiss(id, reason)}\n      onPointerPause={() => store.pause(id, \"pointer\")}\n      onPointerResume={() => store.resume(id, \"pointer\")}\n      onFocusPause={() => store.pause(id, \"focus\")}\n      onFocusResume={() => store.resume(id, \"focus\")}\n    />\n  );\n}\n\nexport function ToastProvider({\n  children,\n  label,\n  placement = toastRecipe.defaults.placement,\n  store,\n  initialToasts = [],\n  maxVisible,\n  maxQueued,\n  duplicatePolicy,\n  timerUpdatePolicy,\n  overflowPolicy,\n  portalContainer,\n  locale,\n  bottomOffset = 0,\n  hotkey,\n  hotkeyHelp,\n}: ToastProviderProps) {\n  if (label.trim().length === 0) throw new TypeError(\"ToastProvider label must not be empty\");\n  if ((hotkey === undefined) !== (hotkeyHelp === undefined)) {\n    throw new TypeError(\"ToastProvider hotkey and hotkeyHelp must be supplied together\");\n  }\n  if (hotkey !== undefined && !hotkey.trim()) {\n    throw new TypeError(\"ToastProvider hotkey must not be empty\");\n  }\n  if (hotkeyHelp !== undefined && !hotkeyHelp.trim()) {\n    throw new TypeError(\"ToastProvider hotkeyHelp must not be empty\");\n  }\n  if (typeof bottomOffset === \"number\" && (!Number.isFinite(bottomOffset) || bottomOffset < 0)) {\n    throw new RangeError(\"ToastProvider bottomOffset must be a non-negative finite number\");\n  }\n  if (typeof bottomOffset === \"string\" && !bottomOffset.trim()) {\n    throw new TypeError(\"ToastProvider bottomOffset must not be empty\");\n  }\n  const internalStoreRef = useRef<ToastStore | null>(null);\n  const localeByIdRef = useRef(new Map<ToastId, string>());\n  if (store === undefined && internalStoreRef.current === null) {\n    internalStoreRef.current = createToastStore({\n      ...(maxVisible === undefined ? {} : { maxVisible }),\n      ...(maxQueued === undefined ? {} : { maxQueued }),\n      ...(duplicatePolicy === undefined ? {} : { duplicatePolicy }),\n      ...(timerUpdatePolicy === undefined ? {} : { timerUpdatePolicy }),\n      ...(overflowPolicy === undefined ? {} : { overflowPolicy }),\n    });\n    for (const descriptor of initialToasts) {\n      const result = internalStoreRef.current.publish(descriptor);\n      if (\n        locale !== undefined &&\n        (result.outcome === \"added\" || result.outcome === \"updated\")\n      ) {\n        localeByIdRef.current.set(descriptor.id, locale);\n      }\n    }\n  }\n  const activeStore = store ?? internalStoreRef.current;\n  if (activeStore === null) throw new Error(\"ToastProvider could not create a store\");\n  const snapshot = useSyncExternalStore(\n    activeStore.subscribe,\n    activeStore.getSnapshot,\n    activeStore.getSnapshot,\n  );\n  const theme = useOptionalHjmTheme();\n  const viewportRef = useRef<HTMLDivElement>(null);\n  const previousFocusRef = useRef<HTMLElement | null>(null);\n  const viewportFocusedRef = useRef(false);\n  const hotkeyHelpId = useId().replaceAll(\":\", \"\");\n  const api = useMemo<ToastApi>(\n    () => ({\n      publish: (descriptor, options) => {\n        const previousLocale = localeByIdRef.current.get(descriptor.id);\n        if (locale === undefined) localeByIdRef.current.delete(descriptor.id);\n        else localeByIdRef.current.set(descriptor.id, locale);\n        try {\n          const result = activeStore.publish(descriptor, options);\n          if (result.outcome === \"ignored\" || result.outcome === \"discarded\") {\n            if (previousLocale === undefined) localeByIdRef.current.delete(descriptor.id);\n            else localeByIdRef.current.set(descriptor.id, previousLocale);\n          }\n          return result;\n        } catch (error) {\n          if (previousLocale === undefined) localeByIdRef.current.delete(descriptor.id);\n          else localeByIdRef.current.set(descriptor.id, previousLocale);\n          throw error;\n        }\n      },\n      dismiss: (id, reason) => activeStore.dismiss(id, reason),\n      close: (id) => activeStore.close(id),\n    }),\n    [activeStore, locale],\n  );\n\n  const disposalTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  useEffect(() => {\n    if (disposalTimerRef.current !== null) {\n      clearTimeout(disposalTimerRef.current);\n      disposalTimerRef.current = null;\n    }\n    const ownedStore = internalStoreRef.current;\n    return () => {\n      if (ownedStore) {\n        disposalTimerRef.current = setTimeout(() => ownedStore.dispose(), 0);\n      }\n    };\n  }, []);\n\n  useEffect(() => {\n    const activeIds = new Set(\n      [...snapshot.visible, ...snapshot.queued].map((entry) => entry.descriptor.id),\n    );\n    for (const id of localeByIdRef.current.keys()) {\n      if (!activeIds.has(id)) localeByIdRef.current.delete(id);\n    }\n  }, [snapshot]);\n\n  const hasRunningTimer = snapshot.visible.some(\n    (entry) => entry.timer.status === \"running\",\n  );\n  useEffect(() => {\n    if (!hasRunningTimer) return;\n    let previousTime = performance.now();\n    const timer = setInterval(() => {\n      const currentTime = performance.now();\n      activeStore.advanceTime(currentTime - previousTime);\n      previousTime = currentTime;\n    }, 100);\n    return () => clearInterval(timer);\n  }, [activeStore, hasRunningTimer]);\n\n  const closingIds = snapshot.visible\n    .filter((entry) => entry.phase === \"closing\")\n    .map((entry) => entry.descriptor.id)\n    .join(\"\\u0000\");\n  useEffect(() => {\n    if (closingIds.length === 0) return;\n    const ids = closingIds.split(\"\\u0000\");\n    const timer = setTimeout(\n      () => ids.forEach((id) => activeStore.completeExit(id)),\n      theme?.environment.reducedMotion ? 0 : 160,\n    );\n    return () => clearTimeout(timer);\n  }, [activeStore, closingIds, theme?.environment.reducedMotion]);\n\n  useEffect(() => {\n    const pause = () => activeStore.pauseAll(\"window\");\n    const resume = () => {\n      if (!document.hidden) activeStore.resumeAll(\"window\");\n    };\n    const handleVisibility = () => (document.hidden ? pause() : resume());\n    window.addEventListener(\"blur\", pause);\n    window.addEventListener(\"focus\", resume);\n    window.addEventListener(\"pagehide\", pause);\n    window.addEventListener(\"pageshow\", resume);\n    document.addEventListener(\"visibilitychange\", handleVisibility);\n    return () => {\n      window.removeEventListener(\"blur\", pause);\n      window.removeEventListener(\"focus\", resume);\n      window.removeEventListener(\"pagehide\", pause);\n      window.removeEventListener(\"pageshow\", resume);\n      document.removeEventListener(\"visibilitychange\", handleVisibility);\n    };\n  }, [activeStore]);\n\n  useEffect(() => {\n    if (hotkey === undefined || snapshot.visible.length === 0) return;\n    const handleKeyDown = (event: globalThis.KeyboardEvent) => {\n      if (event.key !== hotkey) return;\n      const viewport = viewportRef.current;\n      if (!viewport) return;\n      if (!viewport.contains(document.activeElement)) {\n        previousFocusRef.current = document.activeElement as HTMLElement | null;\n      }\n      event.preventDefault();\n      viewport.focus();\n    };\n    document.addEventListener(\"keydown\", handleKeyDown);\n    return () => document.removeEventListener(\"keydown\", handleKeyDown);\n  }, [hotkey, snapshot.visible.length]);\n\n  useEffect(() => {\n    if (snapshot.visible.length > 0 || !viewportFocusedRef.current) return;\n    viewportFocusedRef.current = false;\n    previousFocusRef.current?.focus();\n    previousFocusRef.current = null;\n  }, [snapshot.visible.length]);\n\n  const handleViewportFocus = (event: FocusEvent<HTMLDivElement>) => {\n    const previous = event.relatedTarget;\n    if (previous instanceof HTMLElement && !event.currentTarget.contains(previous)) {\n      previousFocusRef.current = previous;\n    }\n    viewportFocusedRef.current = true;\n    activeStore.pauseAll(\"focus\");\n  };\n  const handleViewportBlur = (event: FocusEvent<HTMLDivElement>) => {\n    const next = event.relatedTarget;\n    if (!(next instanceof Node) || !event.currentTarget.contains(next)) {\n      viewportFocusedRef.current = false;\n      activeStore.resumeAll(\"focus\");\n    }\n  };\n  const viewportStyle = {\n    \"--hjm-toast-bottom-offset\":\n      typeof bottomOffset === \"number\" ? `${bottomOffset}px` : bottomOffset,\n  } as CSSProperties;\n\n  return (\n    <ToastContext.Provider value={api}>\n      {children}\n      {snapshot.visible.length > 0 ? (\n        <ToastPortal {...(portalContainer === undefined ? {} : { container: portalContainer })}>\n          <div\n            ref={viewportRef}\n            className=\"hjm-toast-viewport\"\n            data-placement={placement}\n            role=\"region\"\n            aria-label={label}\n            aria-describedby={hotkeyHelp === undefined ? undefined : hotkeyHelpId}\n            aria-keyshortcuts={hotkey}\n            tabIndex={hotkey === undefined ? undefined : -1}\n            onFocusCapture={handleViewportFocus}\n            onBlurCapture={handleViewportBlur}\n            style={viewportStyle}\n          >\n            {hotkeyHelp === undefined ? null : (\n              <span id={hotkeyHelpId} className=\"hjm-visually-hidden\">{hotkeyHelp}</span>\n            )}\n            {snapshot.visible.map((entry) =>\n              renderStoreToast(\n                entry,\n                activeStore,\n                localeByIdRef.current.get(entry.descriptor.id),\n              ))}\n          </div>\n        </ToastPortal>\n      ) : null}\n    </ToastContext.Provider>\n  );\n}\n"]}

package/dist/upload-item.d.ts

@@ -0,0 +1,18 @@
+import { type UploadItemDescriptor, type UploadItemLabels } from "@hjmds/design-contracts/components/upload-item";
+import { type HTMLAttributes, type ReactNode } from "react";
+export type UploadItemProps = Omit<HTMLAttributes<HTMLDivElement>, "children"> & Readonly<{
+    descriptor: UploadItemDescriptor;
+    labels: UploadItemLabels;
+    onCancel?: (id: string) => void;
+    onRetry?: (id: string) => void;
+    leading?: ReactNode;
+}>;
+/** One upload row whose available action is derived entirely from status. */
+export declare const UploadItem: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "children"> & Readonly<{
+    descriptor: UploadItemDescriptor;
+    labels: UploadItemLabels;
+    onCancel?: (id: string) => void;
+    onRetry?: (id: string) => void;
+    leading?: ReactNode;
+}> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=upload-item.d.ts.map

package/dist/upload-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-item.d.ts","sourceRoot":"","sources":["../src/upload-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,oBAAoB,EACzB,KAAK,gBAAgB,EACtB,MAAM,gDAAgD,CAAC;AACxD,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKxE,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC;IACxF,UAAU,EAAE,oBAAoB,CAAC;IACjC,MAAM,EAAE,gBAAgB,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC,CAAC;AAEH,6EAA6E;AAC7E,eAAO,MAAM,UAAU;gBART,oBAAoB;YACxB,gBAAgB;eACb,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI;cACrB,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI;cACpB,SAAS;mDA8CnB,CAAC"}

package/dist/upload-item.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getUploadItemAvailableAction, resolveUploadItemAnnouncement, } from "@hjmds/design-contracts/components/upload-item";
+import { forwardRef } from "react";
+import { Progress } from "./feedback.js";
+import { classNames } from "./internal.js";
+/** One upload row whose available action is derived entirely from status. */
+export const UploadItem = forwardRef(function UploadItem({ descriptor, labels, onCancel, onRetry, leading, className, ...props }, ref) {
+    const announcement = resolveUploadItemAnnouncement(descriptor, labels);
+    const action = getUploadItemAvailableAction(descriptor.state);
+    if (action === "cancel" && onCancel === undefined) {
+        throw new TypeError("UploadItem requires onCancel while status is uploading");
+    }
+    if (action === "retry" && onRetry === undefined) {
+        throw new TypeError("UploadItem requires onRetry while status is error");
+    }
+    const progress = descriptor.state.status === "uploading" ? descriptor.state.progress : undefined;
+    return (_jsxs("div", { ...props, ref: ref, "aria-label": announcement.label, className: classNames("hjm-upload-item", className), "data-status": descriptor.state.status, role: "group", children: [leading === undefined ? null : _jsx("span", { "aria-hidden": "true", className: "hjm-upload-item__leading", children: leading }), _jsxs("div", { className: "hjm-upload-item__body", children: [_jsx("span", { className: "hjm-upload-item__name", children: descriptor.name }), descriptor.sizeLabel === undefined ? null : _jsx("span", { className: "hjm-upload-item__meta", children: descriptor.sizeLabel }), _jsx("span", { className: "hjm-upload-item__status", "aria-live": "polite", children: announcement.description }), descriptor.state.status === "uploading" ? (_jsx(Progress, { label: announcement.description, ...(progress === null || progress === undefined ? {} : { value: progress * 100 }), valueText: announcement.description })) : null] }), action === "cancel" ? (_jsx("button", { className: "hjm-upload-item__action", "data-action": "cancel", onClick: () => onCancel?.(descriptor.id), type: "button", children: labels.cancel })) : action === "retry" ? (_jsx("button", { className: "hjm-upload-item__action", "data-action": "retry", onClick: () => onRetry?.(descriptor.id), type: "button", children: labels.retry })) : null] }));
+});
+//# sourceMappingURL=upload-item.js.map

package/dist/upload-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-item.js","sourceRoot":"","sources":["../src/upload-item.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  getUploadItemAvailableAction,\n  resolveUploadItemAnnouncement,\n  type UploadItemDescriptor,\n  type UploadItemLabels,\n} from \"@hjmds/design-contracts/components/upload-item\";\nimport { forwardRef, type HTMLAttributes, type ReactNode } from \"react\";\n\nimport { Progress } from \"./feedback.js\";\nimport { classNames } from \"./internal.js\";\n\nexport type UploadItemProps = Omit<HTMLAttributes<HTMLDivElement>, \"children\"> & Readonly<{\n  descriptor: UploadItemDescriptor;\n  labels: UploadItemLabels;\n  onCancel?: (id: string) => void;\n  onRetry?: (id: string) => void;\n  leading?: ReactNode;\n}>;\n\n/** One upload row whose available action is derived entirely from status. */\nexport const UploadItem = forwardRef<HTMLDivElement, UploadItemProps>(function UploadItem(\n  { descriptor, labels, onCancel, onRetry, leading, className, ...props },\n  ref,\n) {\n  const announcement = resolveUploadItemAnnouncement(descriptor, labels);\n  const action = getUploadItemAvailableAction(descriptor.state);\n  if (action === \"cancel\" && onCancel === undefined) {\n    throw new TypeError(\"UploadItem requires onCancel while status is uploading\");\n  }\n  if (action === \"retry\" && onRetry === undefined) {\n    throw new TypeError(\"UploadItem requires onRetry while status is error\");\n  }\n  const progress = descriptor.state.status === \"uploading\" ? descriptor.state.progress : undefined;\n  return (\n    <div\n      {...props}\n      ref={ref}\n      aria-label={announcement.label}\n      className={classNames(\"hjm-upload-item\", className)}\n      data-status={descriptor.state.status}\n      role=\"group\"\n    >\n      {leading === undefined ? null : <span aria-hidden=\"true\" className=\"hjm-upload-item__leading\">{leading}</span>}\n      <div className=\"hjm-upload-item__body\">\n        <span className=\"hjm-upload-item__name\">{descriptor.name}</span>\n        {descriptor.sizeLabel === undefined ? null : <span className=\"hjm-upload-item__meta\">{descriptor.sizeLabel}</span>}\n        <span className=\"hjm-upload-item__status\" aria-live=\"polite\">{announcement.description}</span>\n        {descriptor.state.status === \"uploading\" ? (\n          <Progress\n            label={announcement.description}\n            {...(progress === null || progress === undefined ? {} : { value: progress * 100 })}\n            valueText={announcement.description}\n          />\n        ) : null}\n      </div>\n      {action === \"cancel\" ? (\n        <button className=\"hjm-upload-item__action\" data-action=\"cancel\" onClick={() => onCancel?.(descriptor.id)} type=\"button\">{labels.cancel}</button>\n      ) : action === \"retry\" ? (\n        <button className=\"hjm-upload-item__action\" data-action=\"retry\" onClick={() => onRetry?.(descriptor.id)} type=\"button\">{labels.retry}</button>\n      ) : null}\n    </div>\n  );\n});\n"]}

package/package.json

@@ -0,0 +1,151 @@
+{
+  "name": "@hjmds/react",
+  "version": "0.8.2",
+  "description": "Accessible React 19 renderers for HJM design contracts.",
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/jim1286/hjm-design-system.git",
+    "directory": "packages/react"
+  },
+  "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./provider": {
+      "types": "./dist/provider.d.ts",
+      "import": "./dist/provider.js",
+      "default": "./dist/provider.js"
+    },
+    "./layout": {
+      "types": "./dist/layout.d.ts",
+      "import": "./dist/layout.js",
+      "default": "./dist/layout.js"
+    },
+    "./actions": {
+      "types": "./dist/actions.d.ts",
+      "import": "./dist/actions.js",
+      "default": "./dist/actions.js"
+    },
+    "./forms": {
+      "types": "./dist/forms-public.d.ts",
+      "import": "./dist/forms-public.js",
+      "default": "./dist/forms-public.js"
+    },
+    "./password-field": {
+      "types": "./dist/password-field.d.ts",
+      "import": "./dist/password-field.js",
+      "default": "./dist/password-field.js"
+    },
+    "./otp-field": {
+      "types": "./dist/otp-field.d.ts",
+      "import": "./dist/otp-field.js",
+      "default": "./dist/otp-field.js"
+    },
+    "./number-field": {
+      "types": "./dist/number-field.d.ts",
+      "import": "./dist/number-field.js",
+      "default": "./dist/number-field.js"
+    },
+    "./slider": {
+      "types": "./dist/slider.d.ts",
+      "import": "./dist/slider.js",
+      "default": "./dist/slider.js"
+    },
+    "./date-picker": {
+      "types": "./dist/date-picker.d.ts",
+      "import": "./dist/date-picker.js",
+      "default": "./dist/date-picker.js"
+    },
+    "./file-picker": {
+      "types": "./dist/file-picker.d.ts",
+      "import": "./dist/file-picker.js",
+      "default": "./dist/file-picker.js"
+    },
+    "./steps": {
+      "types": "./dist/steps.d.ts",
+      "import": "./dist/steps.js",
+      "default": "./dist/steps.js"
+    },
+    "./upload-item": {
+      "types": "./dist/upload-item.d.ts",
+      "import": "./dist/upload-item.js",
+      "default": "./dist/upload-item.js"
+    },
+    "./selection": {
+      "types": "./dist/selection.d.ts",
+      "import": "./dist/selection.js",
+      "default": "./dist/selection.js"
+    },
+    "./navigation": {
+      "types": "./dist/navigation-public.d.ts",
+      "import": "./dist/navigation-public.js",
+      "default": "./dist/navigation-public.js"
+    },
+    "./display": {
+      "types": "./dist/display-public.d.ts",
+      "import": "./dist/display-public.js",
+      "default": "./dist/display-public.js"
+    },
+    "./overlays": {
+      "types": "./dist/overlays.d.ts",
+      "import": "./dist/overlays.js",
+      "default": "./dist/overlays.js"
+    },
+    "./feedback": {
+      "types": "./dist/feedback.d.ts",
+      "import": "./dist/feedback.js",
+      "default": "./dist/feedback.js"
+    },
+    "./toast": {
+      "types": "./dist/toast.d.ts",
+      "import": "./dist/toast.js",
+      "default": "./dist/toast.js"
+    },
+    "./evidence": {
+      "types": "./dist/evidence.d.ts",
+      "import": "./dist/evidence.js",
+      "default": "./dist/evidence.js"
+    },
+    "./styles.css": "./dist/styles.css"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "peerDependencies": {
+    "@hjmds/design-contracts": ">=0.8.0 <0.9.0",
+    "react": ">=19.0.0",
+    "react-dom": ">=19.0.0"
+  },
+  "devDependencies": {
+    "@types/node": "^24.0.0",
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.2",
+    "@vitest/browser-playwright": "^4.1.10",
+    "playwright": "^1.58.2",
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
+    "typescript": "^5.9.3",
+    "vitest": "^4.1.10",
+    "@hjmds/design-contracts": "0.8.2"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.build.json && cp src/styles.css dist/styles.css",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "test:ssr": "vitest run --config vitest.ssr.config.ts",
+    "test:browser": "vitest run --config vitest.browser.config.ts",
+    "test": "pnpm test:ssr && pnpm test:browser",
+    "check": "pnpm typecheck && pnpm test && pnpm build"
+  }
+}