@gunkin/uiify 0.0.1-alpha

package/dist/components/toast/Toast.d.ts

@@ -0,0 +1,39 @@
+import type { ReactElement } from "react";
+import { ToastDescription, ToastTitle } from "./ToastElements.js";
+import type { ToastInput, ToastProviderOwnProps, ToastViewportOwnProps, ToastRootOwnProps, ToastActionProps, ToastCloseProps } from "./types.js";
+export type { ToastActionProps, ToastCloseProps, ToastDescriptionOwnProps, ToastInput, ToastPriority, ToastProviderOwnProps, ToastRecord, ToastRootOwnProps, ToastStore, ToastTitleOwnProps, ToastViewportOwnProps, } from "./types.js";
+export { ToastDescription, ToastTitle };
+export declare function ToastProvider(props: ToastProviderOwnProps): ReactElement | null;
+export declare namespace ToastProvider {
+    var displayName: string;
+}
+export declare function ToastViewport(props: ToastViewportOwnProps): ReactElement | null;
+export declare namespace ToastViewport {
+    var displayName: string;
+}
+export declare function ToastRoot(props: ToastRootOwnProps): ReactElement | null;
+export declare namespace ToastRoot {
+    var displayName: string;
+}
+export declare function ToastAction(props: ToastActionProps): ReactElement | null;
+export declare namespace ToastAction {
+    var displayName: string;
+}
+export declare function ToastClose(props: ToastCloseProps): ReactElement | null;
+export declare namespace ToastClose {
+    var displayName: string;
+}
+export declare function useToast(): {
+    dismiss: (id: string) => void;
+    toast(input: ToastInput): string;
+};
+export declare const Toast: {
+    Action: typeof ToastAction;
+    Close: typeof ToastClose;
+    Description: typeof ToastDescription;
+    Provider: typeof ToastProvider;
+    Root: typeof ToastRoot;
+    Title: typeof ToastTitle;
+    Viewport: typeof ToastViewport;
+};
+//# sourceMappingURL=Toast.d.ts.map

package/dist/components/toast/Toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/toast/Toast.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAA2C,YAAY,EAAE,MAAM,OAAO,CAAC;AAKnF,OAAO,EAGL,gBAAgB,EAChB,UAAU,EAEX,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EACV,UAAU,EAGV,qBAAqB,EACrB,qBAAqB,EACrB,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EAChB,MAAM,YAAY,CAAC;AAEpB,YAAY,EACV,gBAAgB,EAChB,eAAe,EACf,wBAAwB,EACxB,UAAU,EACV,aAAa,EACb,qBAAqB,EACrB,WAAW,EACX,iBAAiB,EACjB,UAAU,EACV,kBAAkB,EAClB,qBAAqB,GACtB,MAAM,YAAY,CAAC;AASpB,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,CAAC;AAExC,wBAAgB,aAAa,CAAC,KAAK,EAAE,qBAAqB,GAAG,YAAY,GAAG,IAAI,CAoC/E;yBApCe,aAAa;;;AAuC7B,wBAAgB,aAAa,CAAC,KAAK,EAAE,qBAAqB,GAAG,YAAY,GAAG,IAAI,CA8B/E;yBA9Be,aAAa;;;AAiC7B,wBAAgB,SAAS,CAAC,KAAK,EAAE,iBAAiB,GAAG,YAAY,GAAG,IAAI,CAgEvE;yBAhEe,SAAS;;;AAmEzB,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,GAAG,IAAI,CAExE;yBAFe,WAAW;;;AAK3B,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,YAAY,GAAG,IAAI,CAEtE;yBAFe,UAAU;;;AAK1B,wBAAgB,QAAQ;;iBAIP,UAAU;EAI1B;AAED,eAAO,MAAM,KAAK;;;;;;;;CAQjB,CAAC"}

package/dist/components/toast/Toast.js

@@ -0,0 +1,170 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useMemo, useRef, useSyncExternalStore } from "react";
+import { useIsomorphicLayoutEffect, useMergedRefs } from "@gunkin/uiify/hooks";
+import { createPartContext, splitRef } from "@gunkin/uiify/core";
+import { VisuallyHidden } from "@gunkin/uiify/core/visually-hidden";
+import { createToastStore } from "./toast-store.js";
+import {
+  ToastAction as ToastActionElement,
+  ToastClose as ToastCloseElement,
+  ToastDescription,
+  ToastTitle,
+  ToastViewport as ToastViewportElement
+} from "./ToastElements.js";
+const SWIPE_DISMISS_THRESHOLD = 80;
+const [ToastStoreProvider, useToastStoreContext] = createPartContext(
+  "Toast",
+  "Provider"
+);
+function ToastProvider(props) {
+  const { children, limit = 3 } = props;
+  const storeRef = useRef(null);
+  storeRef.current ??= createToastStore({ limit });
+  const store = storeRef.current;
+  const dismiss = useCallback((id) => store.dismiss(id), [store]);
+  const pause = useCallback((id) => store.pause(id), [store]);
+  const resume = useCallback((id) => store.resume(id), [store]);
+  const announcement = useSyncExternalStore(
+    store.subscribe,
+    () => store.getAnnouncement(),
+    () => ""
+  );
+  const assertiveAnnouncement = useSyncExternalStore(
+    store.subscribe,
+    () => store.getAssertiveAnnouncement(),
+    () => ""
+  );
+  const contextValue = useMemo(
+    () => ({ dismiss, pause, resume, store }),
+    [dismiss, pause, resume, store]
+  );
+  return /* @__PURE__ */ jsxs(ToastStoreProvider, { value: contextValue, children: [
+    children,
+    /* @__PURE__ */ jsx(VisuallyHidden, { "aria-atomic": "true", "aria-live": "polite", children: announcement }),
+    /* @__PURE__ */ jsx(VisuallyHidden, { "aria-atomic": "true", "aria-live": "assertive", children: assertiveAnnouncement })
+  ] });
+}
+ToastProvider.displayName = "ToastProvider";
+function ToastViewport(props) {
+  const { store } = useToastStoreContext("Viewport");
+  const toasts = useSyncExternalStore(store.subscribe, store.getSnapshot, store.getServerSnapshot);
+  const [consumerRef, domProps] = splitRef(props);
+  const viewportRef = useRef(null);
+  const mergedRef = useMergedRefs(viewportRef, consumerRef);
+  const hasToasts = toasts.length > 0;
+  useIsomorphicLayoutEffect(() => {
+    const viewport = viewportRef.current;
+    if (!viewport) return;
+    try {
+      if (hasToasts && !viewport.matches(":popover-open")) viewport.showPopover();
+      if (!hasToasts && viewport.matches(":popover-open")) viewport.hidePopover();
+    } catch {
+    }
+  }, [hasToasts]);
+  return /* @__PURE__ */ jsx(ToastViewportElement, { ...domProps, popover: "manual", ref: mergedRef, children: toasts.map((toast) => /* @__PURE__ */ jsx(ToastRoot, { toast }, toast.id)) });
+}
+ToastViewport.displayName = "ToastViewport";
+function ToastRoot(props) {
+  const { toast } = props;
+  const { dismiss, pause, resume } = useToastStoreContext("Root");
+  const startXRef = useRef(0);
+  const startYRef = useRef(0);
+  const swipingRef = useRef(false);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "aria-label": typeof toast.title === "string" ? toast.title : "Notification",
+      "data-state": "open",
+      "data-uiify-toast-root": "",
+      role: "group",
+      tabIndex: 0,
+      onFocus: () => pause(toast.id),
+      onBlur: (event) => {
+        if (!event.currentTarget.contains(event.relatedTarget)) resume(toast.id);
+      },
+      onKeyDown: (event) => {
+        if (event.key === "Escape") {
+          event.preventDefault();
+          dismiss(toast.id);
+        }
+      },
+      onPointerEnter: () => pause(toast.id),
+      onPointerLeave: () => resume(toast.id),
+      onPointerCancel: () => {
+        swipingRef.current = false;
+      },
+      onPointerDown: (event) => {
+        startXRef.current = event.clientX;
+        startYRef.current = event.clientY;
+        swipingRef.current = true;
+      },
+      onPointerMove: (event) => {
+        if (!swipingRef.current) return;
+        const deltaX = event.clientX - startXRef.current;
+        const deltaY = event.clientY - startYRef.current;
+        if (Math.abs(deltaX) > Math.abs(deltaY) && Math.abs(deltaX) > SWIPE_DISMISS_THRESHOLD) {
+          swipingRef.current = false;
+          dismiss(toast.id);
+        }
+      },
+      onPointerUp: () => {
+        swipingRef.current = false;
+      },
+      children: [
+        toast.title ? /* @__PURE__ */ jsx(ToastTitle, { children: toast.title }) : null,
+        toast.description ? /* @__PURE__ */ jsx(ToastDescription, { children: toast.description }) : null,
+        toast.action ? /* @__PURE__ */ jsx(
+          ToastAction,
+          {
+            onClick: () => {
+              toast.action?.onClick();
+              dismiss(toast.id);
+            },
+            children: toast.action.label
+          }
+        ) : null,
+        /* @__PURE__ */ jsx(ToastClose, { onClick: () => dismiss(toast.id) })
+      ]
+    }
+  );
+}
+ToastRoot.displayName = "ToastRoot";
+function ToastAction(props) {
+  return /* @__PURE__ */ jsx(ToastActionElement, { ...props });
+}
+ToastAction.displayName = "ToastAction";
+function ToastClose(props) {
+  return /* @__PURE__ */ jsx(ToastCloseElement, { ...props });
+}
+ToastClose.displayName = "ToastClose";
+function useToast() {
+  const { dismiss, store } = useToastStoreContext("useToast");
+  return {
+    dismiss,
+    toast(input) {
+      return store.enqueue(input);
+    }
+  };
+}
+const Toast = {
+  Action: ToastAction,
+  Close: ToastClose,
+  Description: ToastDescription,
+  Provider: ToastProvider,
+  Root: ToastRoot,
+  Title: ToastTitle,
+  Viewport: ToastViewport
+};
+export {
+  Toast,
+  ToastAction,
+  ToastClose,
+  ToastDescription,
+  ToastProvider,
+  ToastRoot,
+  ToastTitle,
+  ToastViewport,
+  useToast
+};
+//# sourceMappingURL=Toast.js.map

package/dist/components/toast/Toast.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/toast/Toast.tsx"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useMemo, useRef, useSyncExternalStore } from \"react\";\nimport type { FocusEvent, KeyboardEvent, PointerEvent, ReactElement } from \"react\";\nimport { useIsomorphicLayoutEffect, useMergedRefs } from \"@gunkin/uiify/hooks\";\nimport { createPartContext, splitRef } from \"@gunkin/uiify/core\";\nimport { VisuallyHidden } from \"@gunkin/uiify/core/visually-hidden\";\nimport { createToastStore } from \"./toast-store.js\";\nimport {\n  ToastAction as ToastActionElement,\n  ToastClose as ToastCloseElement,\n  ToastDescription,\n  ToastTitle,\n  ToastViewport as ToastViewportElement,\n} from \"./ToastElements.js\";\nimport type {\n  ToastInput,\n  ToastStore,\n  ToastContextValue,\n  ToastProviderOwnProps,\n  ToastViewportOwnProps,\n  ToastRootOwnProps,\n  ToastActionProps,\n  ToastCloseProps,\n} from \"./types.js\";\n\nexport type {\n  ToastActionProps,\n  ToastCloseProps,\n  ToastDescriptionOwnProps,\n  ToastInput,\n  ToastPriority,\n  ToastProviderOwnProps,\n  ToastRecord,\n  ToastRootOwnProps,\n  ToastStore,\n  ToastTitleOwnProps,\n  ToastViewportOwnProps,\n} from \"./types.js\";\n\nconst SWIPE_DISMISS_THRESHOLD = 80;\n\nconst [ToastStoreProvider, useToastStoreContext] = createPartContext<ToastContextValue>(\n  \"Toast\",\n  \"Provider\",\n);\n\nexport { ToastDescription, ToastTitle };\n\nexport function ToastProvider(props: ToastProviderOwnProps): ReactElement | null {\n  const { children, limit = 3 } = props;\n  const storeRef = useRef<ToastStore | null>(null);\n  storeRef.current ??= createToastStore({ limit });\n  const store = storeRef.current;\n\n  const dismiss = useCallback((id: string) => store.dismiss(id), [store]);\n  const pause = useCallback((id: string) => store.pause(id), [store]);\n  const resume = useCallback((id: string) => store.resume(id), [store]);\n\n  const announcement = useSyncExternalStore(\n    store.subscribe,\n    () => store.getAnnouncement(),\n    () => \"\",\n  );\n  const assertiveAnnouncement = useSyncExternalStore(\n    store.subscribe,\n    () => store.getAssertiveAnnouncement(),\n    () => \"\",\n  );\n  const contextValue = useMemo(\n    () => ({ dismiss, pause, resume, store }),\n    [dismiss, pause, resume, store],\n  );\n\n  return (\n    <ToastStoreProvider value={contextValue}>\n      {children}\n      <VisuallyHidden aria-atomic=\"true\" aria-live=\"polite\">\n        {announcement}\n      </VisuallyHidden>\n      <VisuallyHidden aria-atomic=\"true\" aria-live=\"assertive\">\n        {assertiveAnnouncement}\n      </VisuallyHidden>\n    </ToastStoreProvider>\n  );\n}\nToastProvider.displayName = \"ToastProvider\";\n\nexport function ToastViewport(props: ToastViewportOwnProps): ReactElement | null {\n  const { store } = useToastStoreContext(\"Viewport\");\n  const toasts = useSyncExternalStore(store.subscribe, store.getSnapshot, store.getServerSnapshot);\n  const [consumerRef, domProps] = splitRef<HTMLElement, ToastViewportOwnProps>(props);\n  const viewportRef = useRef<HTMLElement | null>(null);\n  const mergedRef = useMergedRefs(viewportRef, consumerRef);\n  const hasToasts = toasts.length > 0;\n\n  // Same technique as core/use-popover.ts: guard with .matches(\":popover-open\")\n  // so a StrictMode double-invoke or an unrelated re-run doesn't call\n  // showPopover/hidePopover on a popover already in that state (both throw).\n  // try/catch covers the node having disconnected between render and effect.\n  useIsomorphicLayoutEffect(() => {\n    const viewport = viewportRef.current;\n    if (!viewport) return;\n    try {\n      if (hasToasts && !viewport.matches(\":popover-open\")) viewport.showPopover();\n      if (!hasToasts && viewport.matches(\":popover-open\")) viewport.hidePopover();\n    } catch {\n      // The node may have disconnected between render and layout effect.\n    }\n  }, [hasToasts]);\n\n  return (\n    <ToastViewportElement {...domProps} popover=\"manual\" ref={mergedRef}>\n      {toasts.map((toast) => (\n        <ToastRoot key={toast.id} toast={toast} />\n      ))}\n    </ToastViewportElement>\n  );\n}\nToastViewport.displayName = \"ToastViewport\";\n\nexport function ToastRoot(props: ToastRootOwnProps): ReactElement | null {\n  const { toast } = props;\n  const { dismiss, pause, resume } = useToastStoreContext(\"Root\");\n  const startXRef = useRef(0);\n  const startYRef = useRef(0);\n  const swipingRef = useRef(false);\n\n  /* oxlint-disable jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/no-noninteractive-tabindex, jsx-a11y/prefer-tag-over-role -- pause/swipe on toast card */\n  return (\n    <div\n      aria-label={typeof toast.title === \"string\" ? toast.title : \"Notification\"}\n      data-state=\"open\"\n      data-uiify-toast-root=\"\"\n      role=\"group\"\n      tabIndex={0}\n      onFocus={() => pause(toast.id)}\n      onBlur={(event: FocusEvent<HTMLDivElement>) => {\n        if (!event.currentTarget.contains(event.relatedTarget as Node | null)) resume(toast.id);\n      }}\n      onKeyDown={(event: KeyboardEvent<HTMLDivElement>) => {\n        if (event.key === \"Escape\") {\n          event.preventDefault();\n          dismiss(toast.id);\n        }\n      }}\n      onPointerEnter={() => pause(toast.id)}\n      onPointerLeave={() => resume(toast.id)}\n      onPointerCancel={() => {\n        swipingRef.current = false;\n      }}\n      onPointerDown={(event: PointerEvent<HTMLDivElement>) => {\n        startXRef.current = event.clientX;\n        startYRef.current = event.clientY;\n        swipingRef.current = true;\n      }}\n      onPointerMove={(event: PointerEvent<HTMLDivElement>) => {\n        if (!swipingRef.current) return;\n        const deltaX = event.clientX - startXRef.current;\n        const deltaY = event.clientY - startYRef.current;\n        if (Math.abs(deltaX) > Math.abs(deltaY) && Math.abs(deltaX) > SWIPE_DISMISS_THRESHOLD) {\n          swipingRef.current = false;\n          dismiss(toast.id);\n        }\n      }}\n      onPointerUp={() => {\n        swipingRef.current = false;\n      }}\n    >\n      {toast.title ? <ToastTitle>{toast.title}</ToastTitle> : null}\n      {toast.description ? <ToastDescription>{toast.description}</ToastDescription> : null}\n      {toast.action ? (\n        <ToastAction\n          onClick={() => {\n            toast.action?.onClick();\n            dismiss(toast.id);\n          }}\n        >\n          {toast.action.label}\n        </ToastAction>\n      ) : null}\n      <ToastClose onClick={() => dismiss(toast.id)} />\n    </div>\n  );\n  /* oxlint-enable jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/no-noninteractive-tabindex, jsx-a11y/prefer-tag-over-role */\n}\nToastRoot.displayName = \"ToastRoot\";\n\nexport function ToastAction(props: ToastActionProps): ReactElement | null {\n  return <ToastActionElement {...props} />;\n}\nToastAction.displayName = \"ToastAction\";\n\nexport function ToastClose(props: ToastCloseProps): ReactElement | null {\n  return <ToastCloseElement {...props} />;\n}\nToastClose.displayName = \"ToastClose\";\n\nexport function useToast() {\n  const { dismiss, store } = useToastStoreContext(\"useToast\");\n  return {\n    dismiss,\n    toast(input: ToastInput) {\n      return store.enqueue(input);\n    },\n  };\n}\n\nexport const Toast = {\n  Action: ToastAction,\n  Close: ToastClose,\n  Description: ToastDescription,\n  Provider: ToastProvider,\n  Root: ToastRoot,\n  Title: ToastTitle,\n  Viewport: ToastViewport,\n};\n"],"mappings":"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","names":[]}

package/dist/components/toast/ToastElements.d.ts

@@ -0,0 +1,25 @@
+import type { ReactElement } from "react";
+import type { ToastProviderOwnProps, ToastViewportOwnProps, ToastRootOwnProps, ToastTitleOwnProps, ToastDescriptionOwnProps, ToastActionProps, ToastCloseProps } from "./types.js";
+export declare function ToastProvider(props: ToastProviderOwnProps): ReactElement | null;
+export declare function ToastViewport(props: ToastViewportOwnProps): ReactElement | null;
+export declare namespace ToastViewport {
+    var displayName: string;
+}
+export declare function ToastRoot(props: ToastRootOwnProps): ReactElement | null;
+export declare namespace ToastRoot {
+    var displayName: string;
+}
+export declare function ToastTitle(props: ToastTitleOwnProps): ReactElement | null;
+export declare function ToastDescription(props: ToastDescriptionOwnProps): ReactElement | null;
+export declare function ToastAction(props: ToastActionProps): ReactElement | null;
+export declare function ToastClose(props: ToastCloseProps): ReactElement | null;
+export declare const Toast: {
+    Action: typeof ToastAction;
+    Close: typeof ToastClose;
+    Description: typeof ToastDescription;
+    Provider: typeof ToastProvider;
+    Root: typeof ToastRoot;
+    Title: typeof ToastTitle;
+    Viewport: typeof ToastViewport;
+};
+//# sourceMappingURL=ToastElements.d.ts.map

package/dist/components/toast/ToastElements.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastElements.d.ts","sourceRoot":"","sources":["../../../src/components/toast/ToastElements.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EACV,qBAAqB,EACrB,qBAAqB,EACrB,iBAAiB,EACjB,kBAAkB,EAClB,wBAAwB,EACxB,gBAAgB,EAChB,eAAe,EAChB,MAAM,YAAY,CAAC;AAEpB,wBAAgB,aAAa,CAAC,KAAK,EAAE,qBAAqB,GAAG,YAAY,GAAG,IAAI,CAE/E;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,qBAAqB,GAAG,YAAY,GAAG,IAAI,CAc/E;yBAde,aAAa;;;AAiB7B,wBAAgB,SAAS,CAAC,KAAK,EAAE,iBAAiB,GAAG,YAAY,GAAG,IAAI,CAevE;yBAfe,SAAS;;;AAkBzB,wBAAgB,UAAU,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,GAAG,IAAI,CAUzE;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,wBAAwB,GAAG,YAAY,GAAG,IAAI,CAUrF;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,GAAG,IAAI,CAaxE;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,YAAY,GAAG,IAAI,CActE;AAED,eAAO,MAAM,KAAK;;;;;;;;CAQjB,CAAC"}

package/dist/components/toast/ToastElements.js

@@ -0,0 +1,109 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRenderElement } from "@gunkin/uiify/core/render";
+function ToastProvider(props) {
+  return props.children ?? null;
+}
+function ToastViewport(props) {
+  const { children, className, "aria-label": ariaLabel = "Notifications", popover, ref } = props;
+  return /* @__PURE__ */ jsx(
+    "section",
+    {
+      "aria-label": ariaLabel,
+      "data-testid": "toast-viewport",
+      ref,
+      ...popover ? { popover } : {},
+      ...className ? { className } : {},
+      children
+    }
+  );
+}
+ToastViewport.displayName = "ToastViewport";
+function ToastRoot(props) {
+  const { toast } = props;
+  return /* @__PURE__ */ jsxs(
+    "fieldset",
+    {
+      "aria-label": typeof toast.title === "string" ? toast.title : "Notification",
+      "data-state": "open",
+      "data-uiify-toast-root": "",
+      children: [
+        toast.title ? /* @__PURE__ */ jsx(ToastTitle, { children: toast.title }) : null,
+        toast.description ? /* @__PURE__ */ jsx(ToastDescription, { children: toast.description }) : null,
+        toast.action ? /* @__PURE__ */ jsx(ToastAction, { children: toast.action.label }) : null,
+        /* @__PURE__ */ jsx(ToastClose, {})
+      ]
+    }
+  );
+}
+ToastRoot.displayName = "ToastRoot";
+function ToastTitle(props) {
+  const { children, className } = props;
+  return useRenderElement({
+    defaultTag: "div",
+    props: {
+      ...className ? { className } : {},
+      children
+    },
+    state: {}
+  });
+}
+function ToastDescription(props) {
+  const { children, className } = props;
+  return useRenderElement({
+    defaultTag: "div",
+    props: {
+      ...className ? { className } : {},
+      children
+    },
+    state: {}
+  });
+}
+function ToastAction(props) {
+  const { children, className, onClick, ...consumerProps } = props;
+  return useRenderElement({
+    defaultTag: "button",
+    props: {
+      ...consumerProps,
+      type: "button",
+      ...className ? { className } : {},
+      onClick,
+      children
+    },
+    state: {}
+  });
+}
+function ToastClose(props) {
+  const { children = "Close", className, onClick, ...consumerProps } = props;
+  return useRenderElement({
+    defaultTag: "button",
+    props: {
+      ...consumerProps,
+      type: "button",
+      "aria-label": typeof children === "string" ? children : "Close",
+      ...className ? { className } : {},
+      onClick,
+      children
+    },
+    state: {}
+  });
+}
+const Toast = {
+  Action: ToastAction,
+  Close: ToastClose,
+  Description: ToastDescription,
+  Provider: ToastProvider,
+  Root: ToastRoot,
+  Title: ToastTitle,
+  Viewport: ToastViewport
+};
+export {
+  Toast,
+  ToastAction,
+  ToastClose,
+  ToastDescription,
+  ToastProvider,
+  ToastRoot,
+  ToastTitle,
+  ToastViewport
+};
+//# sourceMappingURL=ToastElements.js.map

package/dist/components/toast/ToastElements.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/toast/ToastElements.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type {\n  ToastProviderOwnProps,\n  ToastViewportOwnProps,\n  ToastRootOwnProps,\n  ToastTitleOwnProps,\n  ToastDescriptionOwnProps,\n  ToastActionProps,\n  ToastCloseProps,\n} from \"./types.js\";\n\nexport function ToastProvider(props: ToastProviderOwnProps): ReactElement | null {\n  return (props.children ?? null) as ReactElement | null;\n}\n\nexport function ToastViewport(props: ToastViewportOwnProps): ReactElement | null {\n  const { children, className, \"aria-label\": ariaLabel = \"Notifications\", popover, ref } = props;\n\n  return (\n    <section\n      aria-label={ariaLabel}\n      data-testid=\"toast-viewport\"\n      ref={ref}\n      {...(popover ? { popover } : {})}\n      {...(className ? { className } : {})}\n    >\n      {children}\n    </section>\n  );\n}\nToastViewport.displayName = \"ToastViewport\";\n\nexport function ToastRoot(props: ToastRootOwnProps): ReactElement | null {\n  const { toast } = props;\n\n  return (\n    <fieldset\n      aria-label={typeof toast.title === \"string\" ? toast.title : \"Notification\"}\n      data-state=\"open\"\n      data-uiify-toast-root=\"\"\n    >\n      {toast.title ? <ToastTitle>{toast.title}</ToastTitle> : null}\n      {toast.description ? <ToastDescription>{toast.description}</ToastDescription> : null}\n      {toast.action ? <ToastAction>{toast.action.label}</ToastAction> : null}\n      <ToastClose />\n    </fieldset>\n  );\n}\nToastRoot.displayName = \"ToastRoot\";\n\nexport function ToastTitle(props: ToastTitleOwnProps): ReactElement | null {\n  const { children, className } = props;\n  return useRenderElement({\n    defaultTag: \"div\",\n    props: {\n      ...(className ? { className } : {}),\n      children,\n    },\n    state: {},\n  });\n}\n\nexport function ToastDescription(props: ToastDescriptionOwnProps): ReactElement | null {\n  const { children, className } = props;\n  return useRenderElement({\n    defaultTag: \"div\",\n    props: {\n      ...(className ? { className } : {}),\n      children,\n    },\n    state: {},\n  });\n}\n\nexport function ToastAction(props: ToastActionProps): ReactElement | null {\n  const { children, className, onClick, ...consumerProps } = props;\n  return useRenderElement({\n    defaultTag: \"button\",\n    props: {\n      ...consumerProps,\n      type: \"button\",\n      ...(className ? { className } : {}),\n      onClick,\n      children,\n    },\n    state: {},\n  });\n}\n\nexport function ToastClose(props: ToastCloseProps): ReactElement | null {\n  const { children = \"Close\", className, onClick, ...consumerProps } = props;\n  return useRenderElement({\n    defaultTag: \"button\",\n    props: {\n      ...consumerProps,\n      type: \"button\",\n      \"aria-label\": typeof children === \"string\" ? children : \"Close\",\n      ...(className ? { className } : {}),\n      onClick,\n      children,\n    },\n    state: {},\n  });\n}\n\nexport const Toast = {\n  Action: ToastAction,\n  Close: ToastClose,\n  Description: ToastDescription,\n  Provider: ToastProvider,\n  Root: ToastRoot,\n  Title: ToastTitle,\n  Viewport: ToastViewport,\n};\n"],"mappings":"AAoBI,cAiBA,YAjBA;AAnBJ,SAAS,wBAAwB;AAW1B,SAAS,cAAc,OAAmD;AAC/E,SAAQ,MAAM,YAAY;AAC5B;AAEO,SAAS,cAAc,OAAmD;AAC/E,QAAM,EAAE,UAAU,WAAW,cAAc,YAAY,iBAAiB,SAAS,IAAI,IAAI;AAEzF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAY;AAAA,MACZ,eAAY;AAAA,MACZ;AAAA,MACC,GAAI,UAAU,EAAE,QAAQ,IAAI,CAAC;AAAA,MAC7B,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MAEjC;AAAA;AAAA,EACH;AAEJ;AACA,cAAc,cAAc;AAErB,SAAS,UAAU,OAA+C;AACvE,QAAM,EAAE,MAAM,IAAI;AAElB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAY,OAAO,MAAM,UAAU,WAAW,MAAM,QAAQ;AAAA,MAC5D,cAAW;AAAA,MACX,yBAAsB;AAAA,MAErB;AAAA,cAAM,QAAQ,oBAAC,cAAY,gBAAM,OAAM,IAAgB;AAAA,QACvD,MAAM,cAAc,oBAAC,oBAAkB,gBAAM,aAAY,IAAsB;AAAA,QAC/E,MAAM,SAAS,oBAAC,eAAa,gBAAM,OAAO,OAAM,IAAiB;AAAA,QAClE,oBAAC,cAAW;AAAA;AAAA;AAAA,EACd;AAEJ;AACA,UAAU,cAAc;AAEjB,SAAS,WAAW,OAAgD;AACzE,QAAM,EAAE,UAAU,UAAU,IAAI;AAChC,SAAO,iBAAiB;AAAA,IACtB,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MACjC;AAAA,IACF;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEO,SAAS,iBAAiB,OAAsD;AACrF,QAAM,EAAE,UAAU,UAAU,IAAI;AAChC,SAAO,iBAAiB;AAAA,IACtB,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MACjC;AAAA,IACF;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEO,SAAS,YAAY,OAA8C;AACxE,QAAM,EAAE,UAAU,WAAW,SAAS,GAAG,cAAc,IAAI;AAC3D,SAAO,iBAAiB;AAAA,IACtB,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,MAAM;AAAA,MACN,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MACjC;AAAA,MACA;AAAA,IACF;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEO,SAAS,WAAW,OAA6C;AACtE,QAAM,EAAE,WAAW,SAAS,WAAW,SAAS,GAAG,cAAc,IAAI;AACrE,SAAO,iBAAiB;AAAA,IACtB,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,MAAM;AAAA,MACN,cAAc,OAAO,aAAa,WAAW,WAAW;AAAA,MACxD,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MACjC;AAAA,MACA;AAAA,IACF;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEO,MAAM,QAAQ;AAAA,EACnB,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,aAAa;AAAA,EACb,UAAU;AAAA,EACV,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AACZ;","names":[]}

package/dist/components/toast/index.d.ts

@@ -0,0 +1,4 @@
+export { Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastRoot, ToastTitle, ToastViewport, useToast, } from "./Toast.js";
+export type { ToastActionOwnProps, ToastActionProps, ToastCloseOwnProps, ToastCloseProps, ToastDescriptionOwnProps, ToastProviderOwnProps, ToastRootOwnProps, ToastTitleOwnProps, ToastViewportOwnProps, } from "./types.js";
+export type { ToastInput, ToastPriority, ToastRecord, ToastStore } from "./types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/toast/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,aAAa,EACb,SAAS,EACT,UAAU,EACV,aAAa,EACb,QAAQ,GACT,MAAM,YAAY,CAAC;AACpB,YAAY,EACV,mBAAmB,EACnB,gBAAgB,EAChB,kBAAkB,EAClB,eAAe,EACf,wBAAwB,EACxB,qBAAqB,EACrB,iBAAiB,EACjB,kBAAkB,EAClB,qBAAqB,GACtB,MAAM,YAAY,CAAC;AACpB,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/toast/index.js

@@ -0,0 +1,23 @@
+import {
+  Toast,
+  ToastAction,
+  ToastClose,
+  ToastDescription,
+  ToastProvider,
+  ToastRoot,
+  ToastTitle,
+  ToastViewport,
+  useToast
+} from "./Toast.js";
+export {
+  Toast,
+  ToastAction,
+  ToastClose,
+  ToastDescription,
+  ToastProvider,
+  ToastRoot,
+  ToastTitle,
+  ToastViewport,
+  useToast
+};
+//# sourceMappingURL=index.js.map

package/dist/components/toast/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/toast/index.ts"],"sourcesContent":["export {\n  Toast,\n  ToastAction,\n  ToastClose,\n  ToastDescription,\n  ToastProvider,\n  ToastRoot,\n  ToastTitle,\n  ToastViewport,\n  useToast,\n} from \"./Toast.js\";\nexport type {\n  ToastActionOwnProps,\n  ToastActionProps,\n  ToastCloseOwnProps,\n  ToastCloseProps,\n  ToastDescriptionOwnProps,\n  ToastProviderOwnProps,\n  ToastRootOwnProps,\n  ToastTitleOwnProps,\n  ToastViewportOwnProps,\n} from \"./types.js\";\nexport type { ToastInput, ToastPriority, ToastRecord, ToastStore } from \"./types.js\";\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}

package/dist/components/toast/toast-store.d.ts

@@ -0,0 +1,3 @@
+import type { ToastStoreOptions, ToastStore } from "./types.js";
+export declare function createToastStore({ limit }?: ToastStoreOptions): ToastStore;
+//# sourceMappingURL=toast-store.d.ts.map

package/dist/components/toast/toast-store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-store.d.ts","sourceRoot":"","sources":["../../../src/components/toast/toast-store.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAGV,iBAAiB,EAEjB,UAAU,EACX,MAAM,YAAY,CAAC;AAEpB,wBAAgB,gBAAgB,CAAC,EAAE,KAAS,EAAE,GAAE,iBAAsB,GAAG,UAAU,CAwGlF"}

package/dist/components/toast/toast-store.js

@@ -0,0 +1,103 @@
+function createToastStore({ limit = 3 } = {}) {
+  let toasts = [];
+  let announcement = "";
+  let assertiveAnnouncement = "";
+  let politeAnnouncementRevision = 0;
+  let assertiveAnnouncementRevision = 0;
+  const listeners = /* @__PURE__ */ new Set();
+  const timers = /* @__PURE__ */ new Map();
+  let idCounter = 0;
+  const emit = () => {
+    listeners.forEach((listener) => listener());
+  };
+  const clearTimer = (id) => {
+    const timer = timers.get(id);
+    if (timer?.timerId !== null && timer?.timerId !== void 0) clearTimeout(timer.timerId);
+    timers.delete(id);
+  };
+  const announce = (toast) => {
+    const message = [toast.title, toast.description].filter(Boolean).join(". ");
+    if (toast.priority === "assertive") {
+      assertiveAnnouncementRevision++;
+      assertiveAnnouncement = `${message}${"\u200B".repeat(
+        assertiveAnnouncementRevision % 2 + 1
+      )}`;
+    } else {
+      politeAnnouncementRevision++;
+      announcement = `${message}${"\u200B".repeat(politeAnnouncementRevision % 2 + 1)}`;
+    }
+  };
+  const scheduleDismiss = (id, duration) => {
+    clearTimer(id);
+    const startedAt = Date.now();
+    const timerId = setTimeout(() => dismiss(id), duration);
+    timers.set(id, { remaining: duration, startedAt, timerId });
+  };
+  const dismiss = (id) => {
+    clearTimer(id);
+    const next = toasts.filter((toast) => toast.id !== id);
+    if (next.length === toasts.length) return;
+    toasts = next;
+    emit();
+  };
+  return {
+    dismiss,
+    enqueue(input) {
+      const id = input.id ?? `toast-${++idCounter}`;
+      const toast = {
+        ...input.action ? { action: input.action } : {},
+        ...input.description ? { description: input.description } : {},
+        duration: input.duration ?? 4e3,
+        id,
+        priority: input.priority ?? "polite",
+        ...input.title ? { title: input.title } : {}
+      };
+      const nextToasts = [...toasts, toast].slice(-limit);
+      const retainedIds = new Set(nextToasts.map((entry) => entry.id));
+      for (const previousToast of toasts) {
+        if (!retainedIds.has(previousToast.id)) clearTimer(previousToast.id);
+      }
+      toasts = nextToasts;
+      announce(toast);
+      if (toast.duration > 0) scheduleDismiss(id, toast.duration);
+      emit();
+      return id;
+    },
+    getAnnouncement() {
+      return announcement;
+    },
+    getAssertiveAnnouncement() {
+      return assertiveAnnouncement;
+    },
+    getSnapshot() {
+      return toasts;
+    },
+    getServerSnapshot() {
+      return toasts;
+    },
+    pause(id) {
+      const timer = timers.get(id);
+      if (!timer?.timerId) return;
+      clearTimeout(timer.timerId);
+      const elapsed = Date.now() - timer.startedAt;
+      timers.set(id, {
+        remaining: Math.max(0, timer.remaining - elapsed),
+        startedAt: Date.now(),
+        timerId: null
+      });
+    },
+    resume(id) {
+      const timer = timers.get(id);
+      if (!timer || timer.timerId || timer.remaining <= 0) return;
+      scheduleDismiss(id, timer.remaining);
+    },
+    subscribe(listener) {
+      listeners.add(listener);
+      return () => listeners.delete(listener);
+    }
+  };
+}
+export {
+  createToastStore
+};
+//# sourceMappingURL=toast-store.js.map

package/dist/components/toast/toast-store.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/toast/toast-store.ts"],"sourcesContent":["import type {\n  ToastRecord,\n  ToastInput,\n  ToastStoreOptions,\n  TimerState,\n  ToastStore,\n} from \"./types.js\";\n\nexport function createToastStore({ limit = 3 }: ToastStoreOptions = {}): ToastStore {\n  let toasts: readonly ToastRecord[] = [];\n  let announcement = \"\";\n  let assertiveAnnouncement = \"\";\n  let politeAnnouncementRevision = 0;\n  let assertiveAnnouncementRevision = 0;\n  const listeners = new Set<() => void>();\n  const timers = new Map<string, TimerState>();\n  let idCounter = 0;\n\n  const emit = () => {\n    listeners.forEach((listener) => listener());\n  };\n\n  const clearTimer = (id: string) => {\n    const timer = timers.get(id);\n    if (timer?.timerId !== null && timer?.timerId !== undefined) clearTimeout(timer.timerId);\n    timers.delete(id);\n  };\n\n  const announce = (toast: ToastRecord) => {\n    const message = [toast.title, toast.description].filter(Boolean).join(\". \");\n    if (toast.priority === \"assertive\") {\n      assertiveAnnouncementRevision++;\n      assertiveAnnouncement = `${message}${\"\\u200b\".repeat(\n        (assertiveAnnouncementRevision % 2) + 1,\n      )}`;\n    } else {\n      politeAnnouncementRevision++;\n      announcement = `${message}${\"\\u200b\".repeat((politeAnnouncementRevision % 2) + 1)}`;\n    }\n  };\n\n  const scheduleDismiss = (id: string, duration: number) => {\n    clearTimer(id);\n    const startedAt = Date.now();\n    const timerId = setTimeout(() => dismiss(id), duration);\n    timers.set(id, { remaining: duration, startedAt, timerId });\n  };\n\n  const dismiss = (id: string) => {\n    clearTimer(id);\n    const next = toasts.filter((toast) => toast.id !== id);\n    if (next.length === toasts.length) return;\n    toasts = next;\n    emit();\n  };\n\n  return {\n    dismiss,\n    enqueue(input: ToastInput) {\n      const id = input.id ?? `toast-${++idCounter}`;\n      const toast: ToastRecord = {\n        ...(input.action ? { action: input.action } : {}),\n        ...(input.description ? { description: input.description } : {}),\n        duration: input.duration ?? 4000,\n        id,\n        priority: input.priority ?? \"polite\",\n        ...(input.title ? { title: input.title } : {}),\n      };\n      const nextToasts = [...toasts, toast].slice(-limit);\n      const retainedIds = new Set(nextToasts.map((entry) => entry.id));\n      for (const previousToast of toasts) {\n        if (!retainedIds.has(previousToast.id)) clearTimer(previousToast.id);\n      }\n      toasts = nextToasts;\n      announce(toast);\n      if (toast.duration > 0) scheduleDismiss(id, toast.duration);\n      emit();\n      return id;\n    },\n    getAnnouncement() {\n      return announcement;\n    },\n    getAssertiveAnnouncement() {\n      return assertiveAnnouncement;\n    },\n    getSnapshot() {\n      return toasts;\n    },\n    getServerSnapshot() {\n      return toasts;\n    },\n    pause(id: string) {\n      const timer = timers.get(id);\n      if (!timer?.timerId) return;\n      clearTimeout(timer.timerId);\n      const elapsed = Date.now() - timer.startedAt;\n      timers.set(id, {\n        remaining: Math.max(0, timer.remaining - elapsed),\n        startedAt: Date.now(),\n        timerId: null,\n      });\n    },\n    resume(id: string) {\n      const timer = timers.get(id);\n      if (!timer || timer.timerId || timer.remaining <= 0) return;\n      scheduleDismiss(id, timer.remaining);\n    },\n    subscribe(listener: () => void) {\n      listeners.add(listener);\n      return () => listeners.delete(listener);\n    },\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/components/toast/types.d.ts

@@ -0,0 +1,91 @@
+import type { MouseEvent, ReactNode, Ref } from "react";
+export type ToastPriority = "polite" | "assertive";
+export interface ToastAction {
+    readonly label: ReactNode;
+    readonly onClick: () => void;
+}
+export interface ToastInput {
+    readonly action?: ToastAction;
+    readonly description?: ReactNode;
+    readonly duration?: number;
+    readonly id?: string;
+    readonly priority?: ToastPriority;
+    readonly title?: ReactNode;
+}
+export interface ToastRecord {
+    readonly action?: ToastAction;
+    readonly description?: ReactNode;
+    readonly duration: number;
+    readonly id: string;
+    readonly priority: ToastPriority;
+    readonly title?: ReactNode;
+}
+export interface TimerState {
+    readonly remaining: number;
+    readonly startedAt: number;
+    readonly timerId: ReturnType<typeof setTimeout> | null;
+}
+export interface ToastStoreOptions {
+    readonly limit?: number;
+}
+export interface ToastStore {
+    readonly dismiss: (id: string) => void;
+    readonly enqueue: (input: ToastInput) => string;
+    readonly getAnnouncement: () => string;
+    readonly getAssertiveAnnouncement: () => string;
+    readonly getSnapshot: () => readonly ToastRecord[];
+    readonly getServerSnapshot: () => readonly ToastRecord[];
+    readonly pause: (id: string) => void;
+    readonly resume: (id: string) => void;
+    readonly subscribe: (listener: () => void) => () => void;
+}
+export interface ToastContextValue {
+    readonly dismiss: (id: string) => void;
+    readonly pause: (id: string) => void;
+    readonly resume: (id: string) => void;
+    readonly store: ToastStore;
+}
+export interface ToastProviderOwnProps {
+    readonly children?: ReactNode;
+    readonly limit?: number;
+}
+export interface ToastViewportOwnProps {
+    readonly "aria-label"?: string;
+    readonly children?: ReactNode;
+    readonly className?: string;
+    /**
+     * Set by the live client viewport (@gunkin/uiify/components/toast/Toast.js) to
+     * `"manual"` so the queue's rendered surface sits in the top layer. The
+     * structural shell (this file's own re-exported ToastViewport, used
+     * directly by "Toast server shell" tests and any no-JS render) leaves it
+     * unset, since there is no queue-driven show/hide to wire up there.
+     */
+    readonly popover?: "manual";
+    readonly ref?: Ref<HTMLElement>;
+}
+export interface ToastRootOwnProps {
+    readonly toast: ToastRecord;
+}
+export interface ToastTitleOwnProps {
+    readonly children?: ReactNode;
+    readonly className?: string;
+}
+export interface ToastDescriptionOwnProps {
+    readonly children?: ReactNode;
+    readonly className?: string;
+}
+export interface ToastActionOwnProps {
+    readonly children?: ReactNode;
+    readonly className?: string;
+}
+export interface ToastActionProps extends ToastActionOwnProps {
+    readonly onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+}
+export interface ToastCloseOwnProps {
+    readonly children?: ReactNode;
+    readonly className?: string;
+}
+export interface ToastCloseProps extends ToastCloseOwnProps {
+    readonly onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/toast/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/toast/types.ts"],"names":[],"mappings":"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"}

package/dist/components/toast/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map