@gunkin/uiify 0.0.24-alpha → 0.0.25-alpha

package/dist/components/toast/Toast.js

@@ -14,6 +14,8 @@ import {
 import { useIsomorphicLayoutEffect, useMergedRefs } from "@gunkin/uiify/hooks";
 import { createPartContext, splitRef } from "@gunkin/uiify/core";
 import { VisuallyHidden } from "@gunkin/uiify/core/visually-hidden";
+import { composeEventHandlers } from "@gunkin/uiify/core/compose-event-handlers";
+import { omitProps, resolveRepeatedSlotProps } from "../../core/slot-props.js";
 import { createToastStore } from "./toast-store.js";
 import {
   ToastAction as ToastActionElement,
@@ -33,7 +35,7 @@ const [ToastStoreProvider, useToastStoreContext] = createPartContext(
   "Provider"
 );
 function ToastProvider(props) {
-  const { children, limit = 3, labels } = props;
+  const { children, limit = 3, labels, slotProps } = props;
   const resolvedLabels = useMemo(() => ({ ...DEFAULT_TOAST_LABELS, ...labels }), [labels]);
   const storeRef = useRef(null);
   storeRef.current ??= createToastStore({ limit });
@@ -55,10 +57,22 @@ function ToastProvider(props) {
     () => ({ dismiss, pause, resume, store, labels: resolvedLabels }),
     [dismiss, pause, resume, store, resolvedLabels]
   );
+  const politeLiveRegionProps = omitProps(slotProps?.politeLiveRegion, [
+    "aria-atomic",
+    "aria-live",
+    "children",
+    "dangerouslySetInnerHTML"
+  ]);
+  const assertiveLiveRegionProps = omitProps(slotProps?.assertiveLiveRegion, [
+    "aria-atomic",
+    "aria-live",
+    "children",
+    "dangerouslySetInnerHTML"
+  ]);
   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 })
+    /* @__PURE__ */ jsx(VisuallyHidden, { ...politeLiveRegionProps, "aria-atomic": "true", "aria-live": "polite", children: announcement }),
+    /* @__PURE__ */ jsx(VisuallyHidden, { ...assertiveLiveRegionProps, "aria-atomic": "true", "aria-live": "assertive", children: assertiveAnnouncement })
   ] });
 }
 ToastProvider.displayName = "ToastProvider";
@@ -74,9 +88,11 @@ function ToastViewport(props) {
     sync();
     return unsubscribe;
   }, [store]);
-  const [consumerRef, domProps] = splitRef(props);
+  const { slotProps, ...viewportProps } = props;
+  const [consumerRef, domProps] = splitRef(viewportProps);
   const { labels } = useToastStoreContext("Viewport");
   const resolvedLabels = { ...labels, ...props.labels };
+  const { item: itemSlotProps, ...rootSlotProps } = slotProps ?? {};
   const viewportRef = useRef(null);
   const mergedRef = useMergedRefs(viewportRef, consumerRef);
   const hasToasts = toasts.length > 0;
@@ -89,67 +105,139 @@ function ToastViewport(props) {
     } catch {
     }
   }, [hasToasts]);
-  return /* @__PURE__ */ jsx(ToastViewportElement, { ...domProps, labels: resolvedLabels, popover: "manual", ref: mergedRef, children: toasts.map((toast) => /* @__PURE__ */ jsx(ViewTransition, { default: TOAST_TRANSITION, children: /* @__PURE__ */ jsx(ToastRoot, { toast }) }, toast.id)) });
+  return /* @__PURE__ */ jsx(ToastViewportElement, { ...domProps, labels: resolvedLabels, popover: "manual", ref: mergedRef, children: toasts.map((toast) => /* @__PURE__ */ jsx(ViewTransition, { default: TOAST_TRANSITION, children: /* @__PURE__ */ jsx(
+    ToastRoot,
+    {
+      ...resolveRepeatedSlotProps(itemSlotProps, toast.id, [
+        "aria-label",
+        "data-part",
+        "data-state",
+        "data-uiify-toast",
+        "role",
+        "tabIndex"
+      ]),
+      toast,
+      slotProps: rootSlotProps
+    }
+  ) }, toast.id)) });
 }
 ToastViewport.displayName = "ToastViewport";
 function ToastRoot(props) {
-  const { toast, labels: labelOverrides } = props;
+  const { toast, labels: labelOverrides, slotProps, ...consumerRootProps } = props;
   const { dismiss, pause, resume, labels: providerLabels } = useToastStoreContext("Root");
   const labels = { ...providerLabels, ...labelOverrides };
   const swipeRef = useRef(null);
   const endSwipe = (event) => {
     if (swipeRef.current?.pointerId === event.pointerId) swipeRef.current = null;
   };
+  const rootProps = omitProps(consumerRootProps, [
+    "aria-label",
+    "children",
+    "dangerouslySetInnerHTML",
+    "data-part",
+    "data-state",
+    "data-uiify-toast",
+    "role",
+    "tabIndex"
+  ]);
+  const titleProps = resolveRepeatedSlotProps(slotProps?.title, toast.id, [
+    "children",
+    "dangerouslySetInnerHTML",
+    "data-part",
+    "data-uiify-toast"
+  ]);
+  const descriptionProps = resolveRepeatedSlotProps(slotProps?.description, toast.id, [
+    "children",
+    "dangerouslySetInnerHTML",
+    "data-part",
+    "data-uiify-toast"
+  ]);
+  const actionProps = resolveRepeatedSlotProps(slotProps?.action, toast.id, [
+    "children",
+    "dangerouslySetInnerHTML",
+    "type",
+    "data-part",
+    "data-uiify-toast"
+  ]);
+  const closeProps = resolveRepeatedSlotProps(slotProps?.close, toast.id, [
+    "aria-label",
+    "children",
+    "dangerouslySetInnerHTML",
+    "type",
+    "data-part",
+    "data-uiify-toast"
+  ]);
   return /* @__PURE__ */ jsxs(
     "div",
     {
+      ...rootProps,
       "aria-label": typeof toast.title === "string" ? toast.title : labels.notification,
       "data-state": "open",
       "data-part": "item",
       "data-uiify-toast": "",
       role: "group",
       tabIndex: 0,
-      onFocus: () => pause(toast.id),
-      onBlur: (event) => {
+      onFocus: composeEventHandlers(rootProps.onFocus, () => pause(toast.id)),
+      onBlur: composeEventHandlers(rootProps.onBlur, (event) => {
         if (!event.currentTarget.matches(":hover, :focus-within")) resume(toast.id);
-      },
-      onKeyDown: (event) => {
-        if (event.key === "Escape") {
-          event.preventDefault();
+      }),
+      onKeyDown: composeEventHandlers(
+        rootProps.onKeyDown,
+        (event) => {
+          if (event.key === "Escape") {
+            event.preventDefault();
+            dismiss(toast.id);
+          }
+        }
+      ),
+      onPointerEnter: composeEventHandlers(rootProps.onPointerEnter, () => pause(toast.id)),
+      onPointerLeave: composeEventHandlers(
+        rootProps.onPointerLeave,
+        (event) => {
+          if (!event.currentTarget.matches(":focus-within")) resume(toast.id);
+        }
+      ),
+      onPointerCancel: composeEventHandlers(rootProps.onPointerCancel, endSwipe),
+      onPointerDown: composeEventHandlers(
+        rootProps.onPointerDown,
+        (event) => {
+          if (!swipeRef.current && event.isPrimary) swipeRef.current = event;
+        }
+      ),
+      onPointerMove: composeEventHandlers(
+        rootProps.onPointerMove,
+        (event) => {
+          const swipe = swipeRef.current;
+          if (swipe?.pointerId !== event.pointerId) return;
+          const deltaX = event.clientX - swipe.clientX;
+          const deltaY = event.clientY - swipe.clientY;
+          if (Math.abs(deltaX) <= 80 || Math.abs(deltaX) <= Math.abs(deltaY)) return;
           dismiss(toast.id);
         }
-      },
-      onPointerEnter: () => pause(toast.id),
-      onPointerLeave: (event) => {
-        if (!event.currentTarget.matches(":focus-within")) resume(toast.id);
-      },
-      onPointerCancel: endSwipe,
-      onPointerDown: (event) => {
-        if (!swipeRef.current && event.isPrimary) swipeRef.current = event;
-      },
-      onPointerMove: (event) => {
-        const swipe = swipeRef.current;
-        if (swipe?.pointerId !== event.pointerId) return;
-        const deltaX = event.clientX - swipe.clientX;
-        const deltaY = event.clientY - swipe.clientY;
-        if (Math.abs(deltaX) <= 80 || Math.abs(deltaX) <= Math.abs(deltaY)) return;
-        dismiss(toast.id);
-      },
-      onPointerUp: endSwipe,
+      ),
+      onPointerUp: composeEventHandlers(rootProps.onPointerUp, endSwipe),
       children: [
-        toast.title ? /* @__PURE__ */ jsx(ToastTitle, { children: toast.title }) : null,
-        toast.description ? /* @__PURE__ */ jsx(ToastDescription, { children: toast.description }) : null,
+        toast.title ? /* @__PURE__ */ jsx(ToastTitle, { ...titleProps, children: toast.title }) : null,
+        toast.description ? /* @__PURE__ */ jsx(ToastDescription, { ...descriptionProps, children: toast.description }) : null,
         toast.action ? /* @__PURE__ */ jsx(
           ToastAction,
           {
-            onClick: () => {
+            ...actionProps,
+            onClick: composeEventHandlers(actionProps?.onClick, () => {
               toast.action?.onClick();
               dismiss(toast.id);
-            },
+            }),
             children: toast.action.label
           }
         ) : null,
-        /* @__PURE__ */ jsx(ToastClose, { labels, onClick: () => dismiss(toast.id) })
+        /* @__PURE__ */ jsx(
+          ToastClose,
+          {
+            ...closeProps,
+            labels,
+            onClick: composeEventHandlers(closeProps?.onClick, () => dismiss(toast.id))
+          }
+        )
       ]
     }
   );

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/toast/Toast.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  addTransitionType,\n  startTransition,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  useSyncExternalStore,\n  ViewTransition,\n} 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  ToastLabels,\n} from \"./types.js\";\n\nexport type {\n  ToastActionProps,\n  ToastCloseProps,\n  ToastDescriptionOwnProps,\n  ToastInput,\n  ToastLabels,\n  ToastPriority,\n  ToastProviderOwnProps,\n  ToastRecord,\n  ToastRootOwnProps,\n  ToastStore,\n  ToastTitleOwnProps,\n  ToastViewportOwnProps,\n} from \"./types.js\";\n\nconst DEFAULT_TOAST_LABELS: ToastLabels = {\n  region: \"Notifications\",\n  notification: \"Notification\",\n  close: \"Close\",\n};\n\n/** Transition type and view-transition-class shared with behavior.css and styles/toast.css. */\nconst TOAST_TRANSITION = \"uiify-toast\";\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, labels } = props;\n  const resolvedLabels = useMemo(() => ({ ...DEFAULT_TOAST_LABELS, ...labels }), [labels]);\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, labels: resolvedLabels }),\n    [dismiss, pause, resume, store, resolvedLabels],\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  // Not useSyncExternalStore: a store read there always commits synchronously, and\n  // <ViewTransition> only animates commits made inside a Transition.\n  const [toasts, setToasts] = useState(store.getServerSnapshot);\n  useEffect(() => {\n    const sync = () =>\n      startTransition(() => {\n        addTransitionType(TOAST_TRANSITION);\n        setToasts(store.getSnapshot());\n      });\n    const unsubscribe = store.subscribe(sync);\n    sync();\n    return unsubscribe;\n  }, [store]);\n  const [consumerRef, domProps] = splitRef<HTMLElement, ToastViewportOwnProps>(props);\n  const { labels } = useToastStoreContext(\"Viewport\");\n  const resolvedLabels = { ...labels, ...props.labels };\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} labels={resolvedLabels} popover=\"manual\" ref={mergedRef}>\n      {toasts.map((toast) => (\n        <ViewTransition default={TOAST_TRANSITION} key={toast.id}>\n          <ToastRoot toast={toast} />\n        </ViewTransition>\n      ))}\n    </ToastViewportElement>\n  );\n}\nToastViewport.displayName = \"ToastViewport\";\n\nexport function ToastRoot(props: ToastRootOwnProps): ReactElement | null {\n  const { toast, labels: labelOverrides } = props;\n  const { dismiss, pause, resume, labels: providerLabels } = useToastStoreContext(\"Root\");\n  const labels = { ...providerLabels, ...labelOverrides };\n  const swipeRef = useRef<PointerEvent<HTMLDivElement> | null>(null);\n  const endSwipe = (event: PointerEvent<HTMLDivElement>) => {\n    if (swipeRef.current?.pointerId === event.pointerId) swipeRef.current = null;\n  };\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 : labels.notification}\n      data-state=\"open\"\n      data-part=\"item\"\n      data-uiify-toast=\"\"\n      role=\"group\"\n      tabIndex={0}\n      onFocus={() => pause(toast.id)}\n      onBlur={(event: FocusEvent<HTMLDivElement>) => {\n        if (!event.currentTarget.matches(\":hover, :focus-within\")) 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={(event: PointerEvent<HTMLDivElement>) => {\n        if (!event.currentTarget.matches(\":focus-within\")) resume(toast.id);\n      }}\n      onPointerCancel={endSwipe}\n      onPointerDown={(event: PointerEvent<HTMLDivElement>) => {\n        if (!swipeRef.current && event.isPrimary) swipeRef.current = event;\n      }}\n      onPointerMove={(event: PointerEvent<HTMLDivElement>) => {\n        const swipe = swipeRef.current;\n        if (swipe?.pointerId !== event.pointerId) return;\n        const deltaX = event.clientX - swipe.clientX;\n        const deltaY = event.clientY - swipe.clientY;\n        if (Math.abs(deltaX) <= 80 || Math.abs(deltaX) <= Math.abs(deltaY)) return;\n        dismiss(toast.id);\n      }}\n      onPointerUp={endSwipe}\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 labels={labels} 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":[]}
+{"version":3,"sources":["../../../src/components/toast/Toast.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  addTransitionType,\n  startTransition,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  useSyncExternalStore,\n  ViewTransition,\n} 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 { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport { omitProps, resolveRepeatedSlotProps } from \"../../core/slot-props.js\";\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  ToastLabels,\n} from \"./types.js\";\n\nexport type {\n  ToastActionProps,\n  ToastCloseProps,\n  ToastDescriptionOwnProps,\n  ToastInput,\n  ToastLabels,\n  ToastPriority,\n  ToastProviderOwnProps,\n  ToastRecord,\n  ToastRootOwnProps,\n  ToastStore,\n  ToastTitleOwnProps,\n  ToastViewportOwnProps,\n  ToastProviderSlotProps,\n  ToastRootSlotProps,\n  ToastItemSlotProps,\n  ToastTitleSlotProps,\n  ToastDescriptionSlotProps,\n  ToastActionSlotProps,\n  ToastCloseSlotProps,\n  ToastViewportSlotProps,\n} from \"./types.js\";\n\nconst DEFAULT_TOAST_LABELS: ToastLabels = {\n  region: \"Notifications\",\n  notification: \"Notification\",\n  close: \"Close\",\n};\n\n/** Transition type and view-transition-class shared with behavior.css and styles/toast.css. */\nconst TOAST_TRANSITION = \"uiify-toast\";\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, labels, slotProps } = props;\n  const resolvedLabels = useMemo(() => ({ ...DEFAULT_TOAST_LABELS, ...labels }), [labels]);\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, labels: resolvedLabels }),\n    [dismiss, pause, resume, store, resolvedLabels],\n  );\n  const politeLiveRegionProps = omitProps(slotProps?.politeLiveRegion, [\n    \"aria-atomic\",\n    \"aria-live\",\n    \"children\",\n    \"dangerouslySetInnerHTML\",\n  ]);\n  const assertiveLiveRegionProps = omitProps(slotProps?.assertiveLiveRegion, [\n    \"aria-atomic\",\n    \"aria-live\",\n    \"children\",\n    \"dangerouslySetInnerHTML\",\n  ]);\n\n  return (\n    <ToastStoreProvider value={contextValue}>\n      {children}\n      <VisuallyHidden {...politeLiveRegionProps} aria-atomic=\"true\" aria-live=\"polite\">\n        {announcement}\n      </VisuallyHidden>\n      <VisuallyHidden {...assertiveLiveRegionProps} 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  // Not useSyncExternalStore: a store read there always commits synchronously, and\n  // <ViewTransition> only animates commits made inside a Transition.\n  const [toasts, setToasts] = useState(store.getServerSnapshot);\n  useEffect(() => {\n    const sync = () =>\n      startTransition(() => {\n        addTransitionType(TOAST_TRANSITION);\n        setToasts(store.getSnapshot());\n      });\n    const unsubscribe = store.subscribe(sync);\n    sync();\n    return unsubscribe;\n  }, [store]);\n  const { slotProps, ...viewportProps } = props;\n  const [consumerRef, domProps] = splitRef<HTMLElement, ToastViewportOwnProps>(viewportProps);\n  const { labels } = useToastStoreContext(\"Viewport\");\n  const resolvedLabels = { ...labels, ...props.labels };\n  const { item: itemSlotProps, ...rootSlotProps } = slotProps ?? {};\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} labels={resolvedLabels} popover=\"manual\" ref={mergedRef}>\n      {toasts.map((toast) => (\n        <ViewTransition default={TOAST_TRANSITION} key={toast.id}>\n          <ToastRoot\n            {...resolveRepeatedSlotProps(itemSlotProps, toast.id, [\n              \"aria-label\",\n              \"data-part\",\n              \"data-state\",\n              \"data-uiify-toast\",\n              \"role\",\n              \"tabIndex\",\n            ])}\n            toast={toast}\n            slotProps={rootSlotProps}\n          />\n        </ViewTransition>\n      ))}\n    </ToastViewportElement>\n  );\n}\nToastViewport.displayName = \"ToastViewport\";\n\nexport function ToastRoot(props: ToastRootOwnProps): ReactElement | null {\n  const { toast, labels: labelOverrides, slotProps, ...consumerRootProps } = props;\n  const { dismiss, pause, resume, labels: providerLabels } = useToastStoreContext(\"Root\");\n  const labels = { ...providerLabels, ...labelOverrides };\n  const swipeRef = useRef<PointerEvent<HTMLDivElement> | null>(null);\n  const endSwipe = (event: PointerEvent<HTMLDivElement>) => {\n    if (swipeRef.current?.pointerId === event.pointerId) swipeRef.current = null;\n  };\n  const rootProps = omitProps(consumerRootProps, [\n    \"aria-label\",\n    \"children\",\n    \"dangerouslySetInnerHTML\",\n    \"data-part\",\n    \"data-state\",\n    \"data-uiify-toast\",\n    \"role\",\n    \"tabIndex\",\n  ]);\n  const titleProps = resolveRepeatedSlotProps(slotProps?.title, toast.id, [\n    \"children\",\n    \"dangerouslySetInnerHTML\",\n    \"data-part\",\n    \"data-uiify-toast\",\n  ]);\n  const descriptionProps = resolveRepeatedSlotProps(slotProps?.description, toast.id, [\n    \"children\",\n    \"dangerouslySetInnerHTML\",\n    \"data-part\",\n    \"data-uiify-toast\",\n  ]);\n  const actionProps = resolveRepeatedSlotProps(slotProps?.action, toast.id, [\n    \"children\",\n    \"dangerouslySetInnerHTML\",\n    \"type\",\n    \"data-part\",\n    \"data-uiify-toast\",\n  ]);\n  const closeProps = resolveRepeatedSlotProps(slotProps?.close, toast.id, [\n    \"aria-label\",\n    \"children\",\n    \"dangerouslySetInnerHTML\",\n    \"type\",\n    \"data-part\",\n    \"data-uiify-toast\",\n  ]);\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      {...rootProps}\n      aria-label={typeof toast.title === \"string\" ? toast.title : labels.notification}\n      data-state=\"open\"\n      data-part=\"item\"\n      data-uiify-toast=\"\"\n      role=\"group\"\n      tabIndex={0}\n      onFocus={composeEventHandlers(rootProps.onFocus, () => pause(toast.id))}\n      onBlur={composeEventHandlers(rootProps.onBlur, (event: FocusEvent<HTMLDivElement>) => {\n        if (!event.currentTarget.matches(\":hover, :focus-within\")) resume(toast.id);\n      })}\n      onKeyDown={composeEventHandlers(\n        rootProps.onKeyDown,\n        (event: KeyboardEvent<HTMLDivElement>) => {\n          if (event.key === \"Escape\") {\n            event.preventDefault();\n            dismiss(toast.id);\n          }\n        },\n      )}\n      onPointerEnter={composeEventHandlers(rootProps.onPointerEnter, () => pause(toast.id))}\n      onPointerLeave={composeEventHandlers(\n        rootProps.onPointerLeave,\n        (event: PointerEvent<HTMLDivElement>) => {\n          if (!event.currentTarget.matches(\":focus-within\")) resume(toast.id);\n        },\n      )}\n      onPointerCancel={composeEventHandlers(rootProps.onPointerCancel, endSwipe)}\n      onPointerDown={composeEventHandlers(\n        rootProps.onPointerDown,\n        (event: PointerEvent<HTMLDivElement>) => {\n          if (!swipeRef.current && event.isPrimary) swipeRef.current = event;\n        },\n      )}\n      onPointerMove={composeEventHandlers(\n        rootProps.onPointerMove,\n        (event: PointerEvent<HTMLDivElement>) => {\n          const swipe = swipeRef.current;\n          if (swipe?.pointerId !== event.pointerId) return;\n          const deltaX = event.clientX - swipe.clientX;\n          const deltaY = event.clientY - swipe.clientY;\n          if (Math.abs(deltaX) <= 80 || Math.abs(deltaX) <= Math.abs(deltaY)) return;\n          dismiss(toast.id);\n        },\n      )}\n      onPointerUp={composeEventHandlers(rootProps.onPointerUp, endSwipe)}\n    >\n      {toast.title ? <ToastTitle {...titleProps}>{toast.title}</ToastTitle> : null}\n      {toast.description ? (\n        <ToastDescription {...descriptionProps}>{toast.description}</ToastDescription>\n      ) : null}\n      {toast.action ? (\n        <ToastAction\n          {...actionProps}\n          onClick={composeEventHandlers(actionProps?.onClick, () => {\n            toast.action?.onClick();\n            dismiss(toast.id);\n          })}\n        >\n          {toast.action.label}\n        </ToastAction>\n      ) : null}\n      <ToastClose\n        {...closeProps}\n        labels={labels}\n        onClick={composeEventHandlers(closeProps?.onClick, () => dismiss(toast.id))}\n      />\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.map

@@ -1 +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,EAEhB,MAAM,YAAY,CAAC;AAQpB,wBAAgB,aAAa,CAAC,KAAK,EAAE,qBAAqB,GAAG,YAAY,GAAG,IAAI,CAE/E;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,qBAAqB,GAAG,YAAY,GAAG,IAAI,CAiB/E;yBAjBe,aAAa;;;AAoB7B,wBAAgB,SAAS,CAAC,KAAK,EAAE,iBAAiB,GAAG,YAAY,GAAG,IAAI,CAiBvE;yBAjBe,SAAS;;;AAoBzB,wBAAgB,UAAU,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,GAAG,IAAI,CAWzE;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,wBAAwB,GAAG,YAAY,GAAG,IAAI,CAWrF;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,GAAG,IAAI,CAcxE;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,YAAY,GAAG,IAAI,CAiBtE;AAED,eAAO,MAAM,KAAK;;;;;;;;CAQjB,CAAC"}
+{"version":3,"file":"ToastElements.d.ts","sourceRoot":"","sources":["../../../src/components/toast/ToastElements.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EACV,qBAAqB,EACrB,qBAAqB,EACrB,iBAAiB,EACjB,kBAAkB,EAClB,wBAAwB,EACxB,gBAAgB,EAChB,eAAe,EAEhB,MAAM,YAAY,CAAC;AAQpB,wBAAgB,aAAa,CAAC,KAAK,EAAE,qBAAqB,GAAG,YAAY,GAAG,IAAI,CAE/E;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,qBAAqB,GAAG,YAAY,GAAG,IAAI,CAgC/E;yBAhCe,aAAa;;;AAmC7B,wBAAgB,SAAS,CAAC,KAAK,EAAE,iBAAiB,GAAG,YAAY,GAAG,IAAI,CA4DvE;yBA5De,SAAS;;;AA+DzB,wBAAgB,UAAU,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,GAAG,IAAI,CAazE;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,wBAAwB,GAAG,YAAY,GAAG,IAAI,CAarF;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,GAAG,IAAI,CAexE;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,YAAY,GAAG,IAAI,CAkBtE;AAED,eAAO,MAAM,KAAK;;;;;;;;CAQjB,CAAC"}

package/dist/components/toast/ToastElements.js

@@ -1,5 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useRenderElement } from "@gunkin/uiify/core/render";
+import { omitProps, resolveRepeatedSlotProps } from "../../core/slot-props.js";
 const DEFAULT_TOAST_LABELS = {
   region: "Notifications",
   notification: "Notification",
@@ -9,14 +10,29 @@ function ToastProvider(props) {
   return props.children ?? null;
 }
 function ToastViewport(props) {
-  const { children, className, "aria-label": ariaLabel, labels, popover, ref } = props;
+  const {
+    children,
+    className,
+    "aria-label": ariaLabel,
+    labels,
+    popover,
+    ref,
+    ...consumerProps
+  } = props;
   const resolvedLabels = { ...DEFAULT_TOAST_LABELS, ...labels };
+  const safeConsumerProps = omitProps(consumerProps, [
+    "dangerouslySetInnerHTML",
+    "data-part",
+    "slotProps",
+    "data-uiify-toast"
+  ]);
   return /* @__PURE__ */ jsx(
     "section",
     {
+      ...safeConsumerProps,
       "aria-label": ariaLabel ?? resolvedLabels.region,
       "data-part": "viewport",
-      "data-testid": "toast-viewport",
+      "data-testid": safeConsumerProps["data-testid"] ?? "toast-viewport",
       "data-uiify-toast": "",
       ref,
       ...popover ? { popover } : {},
@@ -27,30 +43,71 @@ function ToastViewport(props) {
 }
 ToastViewport.displayName = "ToastViewport";
 function ToastRoot(props) {
-  const { toast, labels } = props;
+  const { toast, labels, slotProps, ...consumerRootProps } = props;
   const resolvedLabels = { ...DEFAULT_TOAST_LABELS, ...labels };
+  const rootProps = omitProps(consumerRootProps, [
+    "aria-label",
+    "children",
+    "dangerouslySetInnerHTML",
+    "data-part",
+    "data-state",
+    "data-uiify-toast",
+    "role",
+    "tabIndex"
+  ]);
+  const titleProps = resolveRepeatedSlotProps(slotProps?.title, toast.id, [
+    "children",
+    "dangerouslySetInnerHTML",
+    "data-part",
+    "data-uiify-toast"
+  ]);
+  const descriptionProps = resolveRepeatedSlotProps(slotProps?.description, toast.id, [
+    "children",
+    "dangerouslySetInnerHTML",
+    "data-part",
+    "data-uiify-toast"
+  ]);
+  const actionProps = resolveRepeatedSlotProps(slotProps?.action, toast.id, [
+    "children",
+    "dangerouslySetInnerHTML",
+    "type",
+    "data-part",
+    "data-uiify-toast"
+  ]);
+  const closeProps = resolveRepeatedSlotProps(slotProps?.close, toast.id, [
+    "aria-label",
+    "children",
+    "dangerouslySetInnerHTML",
+    "type",
+    "data-part",
+    "data-uiify-toast"
+  ]);
   return /* @__PURE__ */ jsxs(
-    "fieldset",
+    "div",
     {
+      ...rootProps,
       "aria-label": typeof toast.title === "string" ? toast.title : resolvedLabels.notification,
       "data-part": "item",
       "data-state": "open",
       "data-uiify-toast": "",
+      role: "group",
       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, { labels: resolvedLabels })
+        toast.title ? /* @__PURE__ */ jsx(ToastTitle, { ...titleProps, children: toast.title }) : null,
+        toast.description ? /* @__PURE__ */ jsx(ToastDescription, { ...descriptionProps, children: toast.description }) : null,
+        toast.action ? /* @__PURE__ */ jsx(ToastAction, { ...actionProps, children: toast.action.label }) : null,
+        /* @__PURE__ */ jsx(ToastClose, { ...closeProps, labels: resolvedLabels })
       ]
     }
   );
 }
 ToastRoot.displayName = "ToastRoot";
 function ToastTitle(props) {
-  const { children, className } = props;
+  const { children, className, ...consumerProps } = props;
+  const safeConsumerProps = omitProps(consumerProps, ["data-part", "data-uiify-toast"]);
   return useRenderElement({
     defaultTag: "div",
     props: {
+      ...safeConsumerProps,
       "data-part": "title",
       className,
       children
@@ -59,10 +116,12 @@ function ToastTitle(props) {
   });
 }
 function ToastDescription(props) {
-  const { children, className } = props;
+  const { children, className, ...consumerProps } = props;
+  const safeConsumerProps = omitProps(consumerProps, ["data-part", "data-uiify-toast"]);
   return useRenderElement({
     defaultTag: "div",
     props: {
+      ...safeConsumerProps,
       "data-part": "description",
       className,
       children
@@ -72,10 +131,11 @@ function ToastDescription(props) {
 }
 function ToastAction(props) {
   const { children, className, onClick, ...consumerProps } = props;
+  const safeConsumerProps = omitProps(consumerProps, ["data-part", "data-uiify-toast"]);
   return useRenderElement({
     defaultTag: "button",
     props: {
-      ...consumerProps,
+      ...safeConsumerProps,
       type: "button",
       "data-part": "action",
       className,
@@ -87,11 +147,12 @@ function ToastAction(props) {
 }
 function ToastClose(props) {
   const { children, className, labels, onClick, ...consumerProps } = props;
+  const safeConsumerProps = omitProps(consumerProps, ["data-part", "data-uiify-toast"]);
   const resolvedChildren = children ?? labels?.close ?? DEFAULT_TOAST_LABELS.close;
   return useRenderElement({
     defaultTag: "button",
     props: {
-      ...consumerProps,
+      ...safeConsumerProps,
       type: "button",
       "aria-label": typeof resolvedChildren === "string" ? resolvedChildren : DEFAULT_TOAST_LABELS.close,
       "data-part": "close",

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

@@ -1 +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  ToastLabels,\n} from \"./types.js\";\n\nconst DEFAULT_TOAST_LABELS: ToastLabels = {\n  region: \"Notifications\",\n  notification: \"Notification\",\n  close: \"Close\",\n};\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, labels, popover, ref } = props;\n  const resolvedLabels = { ...DEFAULT_TOAST_LABELS, ...labels };\n\n  return (\n    <section\n      aria-label={ariaLabel ?? resolvedLabels.region}\n      data-part=\"viewport\"\n      data-testid=\"toast-viewport\"\n      data-uiify-toast=\"\"\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, labels } = props;\n  const resolvedLabels = { ...DEFAULT_TOAST_LABELS, ...labels };\n\n  return (\n    <fieldset\n      aria-label={typeof toast.title === \"string\" ? toast.title : resolvedLabels.notification}\n      data-part=\"item\"\n      data-state=\"open\"\n      data-uiify-toast=\"\"\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 labels={resolvedLabels} />\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      \"data-part\": \"title\",\n      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      \"data-part\": \"description\",\n      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      \"data-part\": \"action\",\n      className,\n      onClick,\n      children,\n    },\n    state: {},\n  });\n}\n\nexport function ToastClose(props: ToastCloseProps): ReactElement | null {\n  const { children, className, labels, onClick, ...consumerProps } = props;\n  const resolvedChildren = children ?? labels?.close ?? DEFAULT_TOAST_LABELS.close;\n  return useRenderElement({\n    defaultTag: \"button\",\n    props: {\n      ...consumerProps,\n      type: \"button\",\n      \"aria-label\":\n        typeof resolvedChildren === \"string\" ? resolvedChildren : DEFAULT_TOAST_LABELS.close,\n      \"data-part\": \"close\",\n      className,\n      onClick,\n      children: resolvedChildren,\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":"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","names":[]}
+{"version":3,"sources":["../../../src/components/toast/ToastElements.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport { omitProps, resolveRepeatedSlotProps } from \"../../core/slot-props.js\";\nimport type {\n  ToastProviderOwnProps,\n  ToastViewportOwnProps,\n  ToastRootOwnProps,\n  ToastTitleOwnProps,\n  ToastDescriptionOwnProps,\n  ToastActionProps,\n  ToastCloseProps,\n  ToastLabels,\n} from \"./types.js\";\n\nconst DEFAULT_TOAST_LABELS: ToastLabels = {\n  region: \"Notifications\",\n  notification: \"Notification\",\n  close: \"Close\",\n};\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 {\n    children,\n    className,\n    \"aria-label\": ariaLabel,\n    labels,\n    popover,\n    ref,\n    ...consumerProps\n  } = props;\n  const resolvedLabels = { ...DEFAULT_TOAST_LABELS, ...labels };\n  const safeConsumerProps = omitProps(consumerProps, [\n    \"dangerouslySetInnerHTML\",\n    \"data-part\",\n    \"slotProps\",\n    \"data-uiify-toast\",\n  ]);\n\n  return (\n    <section\n      {...safeConsumerProps}\n      aria-label={ariaLabel ?? resolvedLabels.region}\n      data-part=\"viewport\"\n      data-testid={safeConsumerProps[\"data-testid\"] ?? \"toast-viewport\"}\n      data-uiify-toast=\"\"\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, labels, slotProps, ...consumerRootProps } = props;\n  const resolvedLabels = { ...DEFAULT_TOAST_LABELS, ...labels };\n  const rootProps = omitProps(consumerRootProps, [\n    \"aria-label\",\n    \"children\",\n    \"dangerouslySetInnerHTML\",\n    \"data-part\",\n    \"data-state\",\n    \"data-uiify-toast\",\n    \"role\",\n    \"tabIndex\",\n  ]);\n  const titleProps = resolveRepeatedSlotProps(slotProps?.title, toast.id, [\n    \"children\",\n    \"dangerouslySetInnerHTML\",\n    \"data-part\",\n    \"data-uiify-toast\",\n  ]);\n  const descriptionProps = resolveRepeatedSlotProps(slotProps?.description, toast.id, [\n    \"children\",\n    \"dangerouslySetInnerHTML\",\n    \"data-part\",\n    \"data-uiify-toast\",\n  ]);\n  const actionProps = resolveRepeatedSlotProps(slotProps?.action, toast.id, [\n    \"children\",\n    \"dangerouslySetInnerHTML\",\n    \"type\",\n    \"data-part\",\n    \"data-uiify-toast\",\n  ]);\n  const closeProps = resolveRepeatedSlotProps(slotProps?.close, toast.id, [\n    \"aria-label\",\n    \"children\",\n    \"dangerouslySetInnerHTML\",\n    \"type\",\n    \"data-part\",\n    \"data-uiify-toast\",\n  ]);\n\n  /* oxlint-disable jsx-a11y/prefer-tag-over-role -- a toast is a labeled group, not a fieldset for form controls */\n  return (\n    <div\n      {...rootProps}\n      aria-label={typeof toast.title === \"string\" ? toast.title : resolvedLabels.notification}\n      data-part=\"item\"\n      data-state=\"open\"\n      data-uiify-toast=\"\"\n      role=\"group\"\n    >\n      {toast.title ? <ToastTitle {...titleProps}>{toast.title}</ToastTitle> : null}\n      {toast.description ? (\n        <ToastDescription {...descriptionProps}>{toast.description}</ToastDescription>\n      ) : null}\n      {toast.action ? <ToastAction {...actionProps}>{toast.action.label}</ToastAction> : null}\n      <ToastClose {...closeProps} labels={resolvedLabels} />\n    </div>\n  );\n  /* oxlint-enable jsx-a11y/prefer-tag-over-role */\n}\nToastRoot.displayName = \"ToastRoot\";\n\nexport function ToastTitle(props: ToastTitleOwnProps): ReactElement | null {\n  const { children, className, ...consumerProps } = props;\n  const safeConsumerProps = omitProps(consumerProps, [\"data-part\", \"data-uiify-toast\"]);\n  return useRenderElement({\n    defaultTag: \"div\",\n    props: {\n      ...safeConsumerProps,\n      \"data-part\": \"title\",\n      className,\n      children,\n    },\n    state: {},\n  });\n}\n\nexport function ToastDescription(props: ToastDescriptionOwnProps): ReactElement | null {\n  const { children, className, ...consumerProps } = props;\n  const safeConsumerProps = omitProps(consumerProps, [\"data-part\", \"data-uiify-toast\"]);\n  return useRenderElement({\n    defaultTag: \"div\",\n    props: {\n      ...safeConsumerProps,\n      \"data-part\": \"description\",\n      className,\n      children,\n    },\n    state: {},\n  });\n}\n\nexport function ToastAction(props: ToastActionProps): ReactElement | null {\n  const { children, className, onClick, ...consumerProps } = props;\n  const safeConsumerProps = omitProps(consumerProps, [\"data-part\", \"data-uiify-toast\"]);\n  return useRenderElement({\n    defaultTag: \"button\",\n    props: {\n      ...safeConsumerProps,\n      type: \"button\",\n      \"data-part\": \"action\",\n      className,\n      onClick,\n      children,\n    },\n    state: {},\n  });\n}\n\nexport function ToastClose(props: ToastCloseProps): ReactElement | null {\n  const { children, className, labels, onClick, ...consumerProps } = props;\n  const safeConsumerProps = omitProps(consumerProps, [\"data-part\", \"data-uiify-toast\"]);\n  const resolvedChildren = children ?? labels?.close ?? DEFAULT_TOAST_LABELS.close;\n  return useRenderElement({\n    defaultTag: \"button\",\n    props: {\n      ...safeConsumerProps,\n      type: \"button\",\n      \"aria-label\":\n        typeof resolvedChildren === \"string\" ? resolvedChildren : DEFAULT_TOAST_LABELS.close,\n      \"data-part\": \"close\",\n      className,\n      onClick,\n      children: resolvedChildren,\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":"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","names":[]}

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

@@ -1,4 +1,4 @@
 export { Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastRoot, ToastTitle, ToastViewport, useToast, } from "./Toast.js";
-export type { ToastActionOwnProps, ToastActionProps, ToastCloseOwnProps, ToastCloseProps, ToastLabels, ToastDescriptionOwnProps, ToastProviderOwnProps, ToastRootOwnProps, ToastTitleOwnProps, ToastViewportOwnProps, } from "./types.js";
+export type { ToastActionOwnProps, ToastActionProps, ToastCloseOwnProps, ToastCloseProps, ToastLabels, ToastProviderSlotProps, ToastRootSlotProps, ToastViewportSlotProps, ToastItemSlotProps, ToastTitleSlotProps, ToastDescriptionSlotProps, ToastActionSlotProps, ToastCloseSlotProps, 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

@@ -1 +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,WAAW,EACX,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"}
+{"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,WAAW,EACX,sBAAsB,EACtB,kBAAkB,EAClB,sBAAsB,EACtB,kBAAkB,EAClB,mBAAmB,EACnB,yBAAyB,EACzB,oBAAoB,EACpB,mBAAmB,EACnB,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.map

@@ -1 +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  ToastLabels,\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":[]}
+{"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  ToastLabels,\n  ToastProviderSlotProps,\n  ToastRootSlotProps,\n  ToastViewportSlotProps,\n  ToastItemSlotProps,\n  ToastTitleSlotProps,\n  ToastDescriptionSlotProps,\n  ToastActionSlotProps,\n  ToastCloseSlotProps,\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/types.d.ts

@@ -1,4 +1,5 @@
-import type { MouseEvent, ReactNode, Ref } from "react";
+import type { ComponentPropsWithRef, MouseEvent, ReactNode } from "react";
+import type { ConsumerDataAttributes, RepeatedSlotProps } from "../../core/slot-props.js";
 export type ToastPriority = "polite" | "assertive";
 export interface ToastLabels {
     readonly region: string;
@@ -51,15 +52,46 @@ export interface ToastContextValue {
     readonly store: ToastStore;
     readonly labels: ToastLabels;
 }
+type ToastPartOwnedAttributes = {
+    readonly "data-part"?: never;
+    readonly "data-uiify-toast"?: never;
+};
+type ToastItemOwnedAttributes = ToastPartOwnedAttributes & {
+    readonly "data-state"?: never;
+    readonly "aria-label"?: never;
+    readonly role?: never;
+    readonly tabIndex?: never;
+};
+export type ToastItemSlotProps = RepeatedSlotProps<Omit<ComponentPropsWithRef<"div">, "children" | "dangerouslySetInnerHTML" | "data-part" | "data-state" | "data-uiify-toast" | "aria-label" | "role" | "tabIndex">, ToastItemOwnedAttributes>;
+export type ToastTitleSlotProps = RepeatedSlotProps<Omit<ComponentPropsWithRef<"div">, "children" | "dangerouslySetInnerHTML" | "data-part" | "data-uiify-toast">, ToastPartOwnedAttributes>;
+export type ToastDescriptionSlotProps = ToastTitleSlotProps;
+export type ToastActionSlotProps = RepeatedSlotProps<Omit<ComponentPropsWithRef<"button">, "children" | "dangerouslySetInnerHTML" | "type" | "data-part" | "data-uiify-toast">, ToastPartOwnedAttributes>;
+export type ToastCloseSlotProps = RepeatedSlotProps<Omit<ComponentPropsWithRef<"button">, "children" | "dangerouslySetInnerHTML" | "type" | "aria-label" | "data-part" | "data-uiify-toast">, ToastPartOwnedAttributes & {
+    readonly "aria-label"?: never;
+}>;
+export interface ToastRootSlotProps {
+    readonly title?: ToastTitleSlotProps;
+    readonly description?: ToastDescriptionSlotProps;
+    readonly action?: ToastActionSlotProps;
+    readonly close?: ToastCloseSlotProps;
+}
+export interface ToastViewportSlotProps extends ToastRootSlotProps {
+    readonly item?: ToastItemSlotProps;
+}
+export interface ToastProviderSlotProps {
+    readonly politeLiveRegion?: Omit<ComponentPropsWithRef<"span">, "children" | "dangerouslySetInnerHTML" | "aria-atomic" | "aria-live"> & ConsumerDataAttributes;
+    readonly assertiveLiveRegion?: Omit<ComponentPropsWithRef<"span">, "children" | "dangerouslySetInnerHTML" | "aria-atomic" | "aria-live"> & ConsumerDataAttributes;
+}
 export interface ToastProviderOwnProps {
     readonly children?: ReactNode;
     readonly labels?: Partial<ToastLabels>;
     readonly limit?: number;
+    readonly slotProps?: ToastProviderSlotProps;
 }
-export interface ToastViewportOwnProps {
-    readonly "aria-label"?: string;
+export interface ToastViewportOwnProps extends Omit<ComponentPropsWithRef<"section">, "children" | "dangerouslySetInnerHTML" | "popover" | "data-part" | "data-uiify-toast">, ConsumerDataAttributes {
+    readonly "data-part"?: never;
+    readonly "data-uiify-toast"?: never;
     readonly children?: ReactNode;
-    readonly className?: string;
     readonly labels?: Partial<ToastLabels>;
     /**
      * Set by the live client viewport (@gunkin/uiify/components/toast/Toast.js) to
@@ -69,33 +101,34 @@ export interface ToastViewportOwnProps {
      * unset, since there is no queue-driven show/hide to wire up there.
      */
     readonly popover?: "manual";
-    readonly ref?: Ref<HTMLElement>;
+    readonly slotProps?: ToastViewportSlotProps;
 }
-export interface ToastRootOwnProps {
+export interface ToastRootOwnProps extends Omit<ComponentPropsWithRef<"div">, "children" | "dangerouslySetInnerHTML" | "aria-label" | "data-part" | "data-state" | "data-uiify-toast" | "role" | "tabIndex">, ConsumerDataAttributes {
+    readonly "data-part"?: never;
+    readonly "data-state"?: never;
+    readonly "data-uiify-toast"?: never;
     readonly labels?: Partial<ToastLabels>;
+    readonly slotProps?: ToastRootSlotProps;
     readonly toast: ToastRecord;
 }
-export interface ToastTitleOwnProps {
+export interface ToastTitleOwnProps extends Omit<ComponentPropsWithRef<"div">, "children" | "dangerouslySetInnerHTML"> {
     readonly children?: ReactNode;
-    readonly className?: string;
 }
-export interface ToastDescriptionOwnProps {
+export interface ToastDescriptionOwnProps extends Omit<ComponentPropsWithRef<"div">, "children" | "dangerouslySetInnerHTML"> {
     readonly children?: ReactNode;
-    readonly className?: string;
 }
-export interface ToastActionOwnProps {
+export interface ToastActionOwnProps extends Omit<ComponentPropsWithRef<"button">, "children" | "dangerouslySetInnerHTML"> {
     readonly children?: ReactNode;
-    readonly className?: string;
 }
 export interface ToastActionProps extends ToastActionOwnProps {
-    readonly onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+    readonly onClick?: ((event: MouseEvent<HTMLButtonElement>) => void) | undefined;
 }
-export interface ToastCloseOwnProps {
+export interface ToastCloseOwnProps extends Omit<ComponentPropsWithRef<"button">, "children" | "dangerouslySetInnerHTML"> {
     readonly children?: ReactNode;
-    readonly className?: string;
     readonly labels?: Partial<ToastLabels>;
 }
 export interface ToastCloseProps extends ToastCloseOwnProps {
-    readonly onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+    readonly onClick?: ((event: MouseEvent<HTMLButtonElement>) => void) | undefined;
 }
+export {};
 //# sourceMappingURL=types.d.ts.map