@gunkin/uiify 0.0.19-alpha → 0.0.22-alpha

package/dist/components/toast/Toast.js

@@ -22,14 +22,19 @@ import {
   ToastTitle,
   ToastViewport as ToastViewportElement
 } from "./ToastElements.js";
-const SWIPE_DISMISS_THRESHOLD = 80;
+const DEFAULT_TOAST_LABELS = {
+  region: "Notifications",
+  notification: "Notification",
+  close: "Close"
+};
 const TOAST_TRANSITION = "uiify-toast";
 const [ToastStoreProvider, useToastStoreContext] = createPartContext(
   "Toast",
   "Provider"
 );
 function ToastProvider(props) {
-  const { children, limit = 3 } = props;
+  const { children, limit = 3, labels } = props;
+  const resolvedLabels = useMemo(() => ({ ...DEFAULT_TOAST_LABELS, ...labels }), [labels]);
   const storeRef = useRef(null);
   storeRef.current ??= createToastStore({ limit });
   const store = storeRef.current;
@@ -47,8 +52,8 @@ function ToastProvider(props) {
     () => ""
   );
   const contextValue = useMemo(
-    () => ({ dismiss, pause, resume, store }),
-    [dismiss, pause, resume, store]
+    () => ({ dismiss, pause, resume, store, labels: resolvedLabels }),
+    [dismiss, pause, resume, store, resolvedLabels]
   );
   return /* @__PURE__ */ jsxs(ToastStoreProvider, { value: contextValue, children: [
     children,
@@ -70,6 +75,8 @@ function ToastViewport(props) {
     return unsubscribe;
   }, [store]);
   const [consumerRef, domProps] = splitRef(props);
+  const { labels } = useToastStoreContext("Viewport");
+  const resolvedLabels = { ...labels, ...props.labels };
   const viewportRef = useRef(null);
   const mergedRef = useMergedRefs(viewportRef, consumerRef);
   const hasToasts = toasts.length > 0;
@@ -82,19 +89,21 @@ function ToastViewport(props) {
     } catch {
     }
   }, [hasToasts]);
-  return /* @__PURE__ */ jsx(ToastViewportElement, { ...domProps, 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, { 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);
+  const { toast, labels: labelOverrides } = 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;
+  };
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      "aria-label": typeof toast.title === "string" ? toast.title : "Notification",
+      "aria-label": typeof toast.title === "string" ? toast.title : labels.notification,
       "data-state": "open",
       "data-part": "item",
       "data-uiify-toast": "",
@@ -102,7 +111,7 @@ function ToastRoot(props) {
       tabIndex: 0,
       onFocus: () => pause(toast.id),
       onBlur: (event) => {
-        if (!event.currentTarget.contains(event.relatedTarget)) resume(toast.id);
+        if (!event.currentTarget.matches(":hover, :focus-within")) resume(toast.id);
       },
       onKeyDown: (event) => {
         if (event.key === "Escape") {
@@ -111,27 +120,22 @@ function ToastRoot(props) {
         }
       },
       onPointerEnter: () => pause(toast.id),
-      onPointerLeave: () => resume(toast.id),
-      onPointerCancel: () => {
-        swipingRef.current = false;
+      onPointerLeave: (event) => {
+        if (!event.currentTarget.matches(":focus-within")) resume(toast.id);
       },
+      onPointerCancel: endSwipe,
       onPointerDown: (event) => {
-        startXRef.current = event.clientX;
-        startYRef.current = event.clientY;
-        swipingRef.current = true;
+        if (!swipeRef.current && event.isPrimary) swipeRef.current = event;
       },
       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;
+        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,
       children: [
         toast.title ? /* @__PURE__ */ jsx(ToastTitle, { children: toast.title }) : null,
         toast.description ? /* @__PURE__ */ jsx(ToastDescription, { children: toast.description }) : null,
@@ -145,7 +149,7 @@ function ToastRoot(props) {
             children: toast.action.label
           }
         ) : null,
-        /* @__PURE__ */ jsx(ToastClose, { onClick: () => dismiss(toast.id) })
+        /* @__PURE__ */ jsx(ToastClose, { labels, 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} 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\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 } = 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  // 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 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        <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 } = 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-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.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":[]}
+{"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":[]}

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,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,CAgB/E;yBAhBe,aAAa;;;AAmB7B,wBAAgB,SAAS,CAAC,KAAK,EAAE,iBAAiB,GAAG,YAAY,GAAG,IAAI,CAgBvE;yBAhBe,SAAS;;;AAmBzB,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"}
+{"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"}

package/dist/components/toast/ToastElements.js

@@ -1,14 +1,20 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useRenderElement } from "@gunkin/uiify/core/render";
+const DEFAULT_TOAST_LABELS = {
+  region: "Notifications",
+  notification: "Notification",
+  close: "Close"
+};
 function ToastProvider(props) {
   return props.children ?? null;
 }
 function ToastViewport(props) {
-  const { children, className, "aria-label": ariaLabel = "Notifications", popover, ref } = props;
+  const { children, className, "aria-label": ariaLabel, labels, popover, ref } = props;
+  const resolvedLabels = { ...DEFAULT_TOAST_LABELS, ...labels };
   return /* @__PURE__ */ jsx(
     "section",
     {
-      "aria-label": ariaLabel,
+      "aria-label": ariaLabel ?? resolvedLabels.region,
       "data-part": "viewport",
       "data-testid": "toast-viewport",
       "data-uiify-toast": "",
@@ -21,11 +27,12 @@ function ToastViewport(props) {
 }
 ToastViewport.displayName = "ToastViewport";
 function ToastRoot(props) {
-  const { toast } = props;
+  const { toast, labels } = props;
+  const resolvedLabels = { ...DEFAULT_TOAST_LABELS, ...labels };
   return /* @__PURE__ */ jsxs(
     "fieldset",
     {
-      "aria-label": typeof toast.title === "string" ? toast.title : "Notification",
+      "aria-label": typeof toast.title === "string" ? toast.title : resolvedLabels.notification,
       "data-part": "item",
       "data-state": "open",
       "data-uiify-toast": "",
@@ -33,7 +40,7 @@ function ToastRoot(props) {
         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, {})
+        /* @__PURE__ */ jsx(ToastClose, { labels: resolvedLabels })
       ]
     }
   );
@@ -44,7 +51,8 @@ function ToastTitle(props) {
   return useRenderElement({
     defaultTag: "div",
     props: {
-      ...className ? { className } : {},
+      "data-part": "title",
+      className,
       children
     },
     state: {}
@@ -55,7 +63,8 @@ function ToastDescription(props) {
   return useRenderElement({
     defaultTag: "div",
     props: {
-      ...className ? { className } : {},
+      "data-part": "description",
+      className,
       children
     },
     state: {}
@@ -68,7 +77,8 @@ function ToastAction(props) {
     props: {
       ...consumerProps,
       type: "button",
-      ...className ? { className } : {},
+      "data-part": "action",
+      className,
       onClick,
       children
     },
@@ -76,16 +86,18 @@ function ToastAction(props) {
   });
 }
 function ToastClose(props) {
-  const { children = "Close", className, onClick, ...consumerProps } = props;
+  const { children, className, labels, onClick, ...consumerProps } = props;
+  const resolvedChildren = children ?? labels?.close ?? DEFAULT_TOAST_LABELS.close;
   return useRenderElement({
     defaultTag: "button",
     props: {
       ...consumerProps,
       type: "button",
-      "aria-label": typeof children === "string" ? children : "Close",
-      ...className ? { className } : {},
+      "aria-label": typeof resolvedChildren === "string" ? resolvedChildren : DEFAULT_TOAST_LABELS.close,
+      "data-part": "close",
+      className,
       onClick,
-      children
+      children: resolvedChildren
     },
     state: {}
   });

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} 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-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 } = props;\n\n  return (\n    <fieldset\n      aria-label={typeof toast.title === \"string\" ? toast.title : \"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 />\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,cAmBA,YAnBA;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,aAAU;AAAA,MACV,eAAY;AAAA,MACZ,oBAAiB;AAAA,MACjB;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,aAAU;AAAA,MACV,cAAW;AAAA,MACX,oBAAiB;AAAA,MAEhB;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":[]}
+{"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":[]}

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, ToastDescriptionOwnProps, ToastProviderOwnProps, ToastRootOwnProps, ToastTitleOwnProps, ToastViewportOwnProps, } from "./types.js";
+export type { ToastActionOwnProps, ToastActionProps, ToastCloseOwnProps, ToastCloseProps, ToastLabels, 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,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,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  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  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,5 +1,10 @@
 import type { MouseEvent, ReactNode, Ref } from "react";
 export type ToastPriority = "polite" | "assertive";
+export interface ToastLabels {
+    readonly region: string;
+    readonly notification: string;
+    readonly close: string;
+}
 export interface ToastAction {
     readonly label: ReactNode;
     readonly onClick: () => void;
@@ -44,15 +49,18 @@ export interface ToastContextValue {
     readonly pause: (id: string) => void;
     readonly resume: (id: string) => void;
     readonly store: ToastStore;
+    readonly labels: ToastLabels;
 }
 export interface ToastProviderOwnProps {
     readonly children?: ReactNode;
+    readonly labels?: Partial<ToastLabels>;
     readonly limit?: number;
 }
 export interface ToastViewportOwnProps {
     readonly "aria-label"?: string;
     readonly children?: ReactNode;
     readonly className?: string;
+    readonly labels?: Partial<ToastLabels>;
     /**
      * 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
@@ -64,6 +72,7 @@ export interface ToastViewportOwnProps {
     readonly ref?: Ref<HTMLElement>;
 }
 export interface ToastRootOwnProps {
+    readonly labels?: Partial<ToastLabels>;
     readonly toast: ToastRecord;
 }
 export interface ToastTitleOwnProps {
@@ -84,6 +93,7 @@ export interface ToastActionProps extends ToastActionOwnProps {
 export interface ToastCloseOwnProps {
     readonly children?: ReactNode;
     readonly className?: string;
+    readonly labels?: Partial<ToastLabels>;
 }
 export interface ToastCloseProps extends ToastCloseOwnProps {
     readonly onClick?: (event: MouseEvent<HTMLButtonElement>) => void;

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

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

package/dist/components/toolbar/Toolbar.d.ts

@@ -1,5 +1,5 @@
 import type { HTMLAttributes, ReactElement, ReactNode } from "react";
-import type { Direction } from "@gunkin/uiify/core/direction";
+import { type Direction } from "@gunkin/uiify/core/direction";
 import type { RovingFocusOrientation } from "@gunkin/uiify/core/roving-focus";
 import type { ToolbarButtonProps, ToolbarLinkProps, ToolbarSeparatorProps, ToolbarToggleGroupProps } from "./types.js";
 interface ToolbarRootClientProps extends HTMLAttributes<HTMLDivElement> {
@@ -8,7 +8,7 @@ interface ToolbarRootClientProps extends HTMLAttributes<HTMLDivElement> {
     readonly loop?: boolean;
     readonly orientation?: RovingFocusOrientation;
 }
-export declare function ToolbarRootClient({ children, className, dir, loop, orientation, ...consumerProps }: ToolbarRootClientProps): ReactElement;
+export declare function ToolbarRootClient({ children, className, dir: localDir, loop, orientation, ...consumerProps }: ToolbarRootClientProps): ReactElement;
 export declare namespace ToolbarRootClient {
     var displayName: string;
 }

package/dist/components/toolbar/Toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/Toolbar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AAQ9E,OAAO,KAAK,EACV,kBAAkB,EAClB,gBAAgB,EAChB,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,YAAY,CAAC;AAEpB,UAAU,sBAAuB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,GAAG,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,WAAW,CAAC,EAAE,sBAAsB,CAAC;CAC/C;AAqCD,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,GAAG,EACH,IAAW,EACX,WAA0B,EAC1B,GAAG,aAAa,EACjB,EAAE,sBAAsB,GAAG,YAAY,CAgFvC;yBAvFe,iBAAiB;;;AA0FjC,eAAO,MAAM,WAAW,0BAAoB,CAAC;AAE7C,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,GAAG,IAAI,CAE5E;yBAFe,aAAa;;;AAK7B,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,GAAG,IAAI,CAExE;yBAFe,WAAW;;;AAK3B,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,YAAY,GAAG,IAAI,CAElF;yBAFe,gBAAgB;;;AAKhC,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,GAAG,YAAY,GAAG,IAAI,CAEtF;yBAFe,kBAAkB;;;AAKlC,eAAO,MAAM,OAAO;;;;;;CAMnB,CAAC"}
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/Toolbar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEpF,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AAQ9E,OAAO,KAAK,EACV,kBAAkB,EAClB,gBAAgB,EAChB,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,YAAY,CAAC;AAEpB,UAAU,sBAAuB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,GAAG,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,WAAW,CAAC,EAAE,sBAAsB,CAAC;CAC/C;AAqCD,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,GAAG,EAAE,QAAQ,EACb,IAAW,EACX,WAA0B,EAC1B,GAAG,aAAa,EACjB,EAAE,sBAAsB,GAAG,YAAY,CAkFvC;yBAzFe,iBAAiB;;;AA4FjC,eAAO,MAAM,WAAW,0BAAoB,CAAC;AAE7C,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,GAAG,IAAI,CAE5E;yBAFe,aAAa;;;AAK7B,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,GAAG,IAAI,CAExE;yBAFe,WAAW;;;AAK3B,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,YAAY,GAAG,IAAI,CAElF;yBAFe,gBAAgB;;;AAKhC,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,GAAG,YAAY,GAAG,IAAI,CAEtF;yBAFe,kBAAkB;;;AAKlC,eAAO,MAAM,OAAO;;;;;;CAMnB,CAAC"}

package/dist/components/toolbar/Toolbar.js

@@ -1,6 +1,8 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { useEffect, useRef } from "react";
+import { useDirectionOverride } from "@gunkin/uiify/core/direction";
+import { resolveDirection } from "@gunkin/uiify/core/text-direction";
 import {
   ToolbarButton as ServerToolbarButton,
   ToolbarLink as ServerToolbarLink,
@@ -33,11 +35,12 @@ function moveIndex(currentIndex, offset, length, loop) {
 function ToolbarRootClient({
   children,
   className,
-  dir,
+  dir: localDir,
   loop = true,
   orientation = "horizontal",
   ...consumerProps
 }) {
+  const dir = useDirectionOverride(localDir);
   const rootRef = useRef(null);
   const currentRef = useRef(null);
   useEffect(() => {
@@ -66,11 +69,12 @@ function ToolbarRootClient({
       let nextIndex = null;
       if (event.key === "Home") nextIndex = 0;
       if (event.key === "End") nextIndex = enabled.length - 1;
+      const rtl = resolveDirection(item, dir) === "rtl";
       if (orientation !== "vertical" && event.key === "ArrowRight") {
-        nextIndex = moveIndex(currentIndex, dir === "rtl" ? -1 : 1, enabled.length, loop);
+        nextIndex = moveIndex(currentIndex, rtl ? -1 : 1, enabled.length, loop);
       }
       if (orientation !== "vertical" && event.key === "ArrowLeft") {
-        nextIndex = moveIndex(currentIndex, dir === "rtl" ? 1 : -1, enabled.length, loop);
+        nextIndex = moveIndex(currentIndex, rtl ? 1 : -1, enabled.length, loop);
       }
       if (orientation !== "horizontal" && event.key === "ArrowDown") {
         nextIndex = moveIndex(currentIndex, 1, enabled.length, loop);
@@ -100,7 +104,7 @@ function ToolbarRootClient({
       "data-orientation": orientation,
       "data-part": "root",
       "data-uiify-toolbar": "",
-      dir,
+      ...dir ? { dir } : {},
       ref: rootRef,
       role: "toolbar",
       children

package/dist/components/toolbar/Toolbar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/toolbar/Toolbar.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef } from \"react\";\nimport type { HTMLAttributes, ReactElement, ReactNode } from \"react\";\nimport type { Direction } from \"@gunkin/uiify/core/direction\";\nimport type { RovingFocusOrientation } from \"@gunkin/uiify/core/roving-focus\";\n\nimport {\n  ToolbarButton as ServerToolbarButton,\n  ToolbarLink as ServerToolbarLink,\n  ToolbarSeparator as ServerToolbarSeparator,\n  ToolbarToggleGroup as ServerToolbarToggleGroup,\n} from \"./ToolbarShell.js\";\nimport type {\n  ToolbarButtonProps,\n  ToolbarLinkProps,\n  ToolbarSeparatorProps,\n  ToolbarToggleGroupProps,\n} from \"./types.js\";\n\ninterface ToolbarRootClientProps extends HTMLAttributes<HTMLDivElement> {\n  readonly children?: ReactNode;\n  readonly dir?: Direction;\n  readonly loop?: boolean;\n  readonly orientation?: RovingFocusOrientation;\n}\n\nfunction getToolbarItems(root: HTMLDivElement): HTMLElement[] {\n  return Array.from(root.querySelectorAll<HTMLElement>('[data-uiify-toolbar][data-part=\"item\"]'));\n}\n\nfunction isDisabledItem(item: HTMLElement): boolean {\n  return item.getAttribute(\"aria-disabled\") === \"true\" || item.hasAttribute(\"disabled\");\n}\n\nfunction syncTabStops(root: HTMLDivElement, current: HTMLElement | null): HTMLElement | null {\n  const items = getToolbarItems(root);\n  const enabled = items.filter((item) => !isDisabledItem(item));\n  if (enabled.length === 0) return null;\n\n  const nextCurrent = current && enabled.includes(current) ? current : (enabled[0] ?? null);\n\n  for (const item of items) {\n    item.tabIndex = nextCurrent === item ? 0 : -1;\n  }\n\n  return nextCurrent;\n}\n\nfunction moveIndex(\n  currentIndex: number,\n  offset: number,\n  length: number,\n  loop: boolean,\n): number | null {\n  if (length === 0) return null;\n  if (loop) return (currentIndex + offset + length) % length;\n  const nextIndex = currentIndex + offset;\n  if (nextIndex < 0 || nextIndex >= length) return null;\n  return nextIndex;\n}\n\nexport function ToolbarRootClient({\n  children,\n  className,\n  dir,\n  loop = true,\n  orientation = \"horizontal\",\n  ...consumerProps\n}: ToolbarRootClientProps): ReactElement {\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const currentRef = useRef<HTMLElement | null>(null);\n\n  useEffect(() => {\n    const root = rootRef.current;\n    if (!root) return;\n    currentRef.current = syncTabStops(root, currentRef.current);\n  });\n\n  useEffect(() => {\n    const root = rootRef.current;\n    if (!root) return;\n\n    const handleFocusIn = (event: FocusEvent) => {\n      const target = event.target;\n      if (!(target instanceof HTMLElement)) return;\n      const item = target.closest<HTMLElement>('[data-uiify-toolbar][data-part=\"item\"]');\n      if (!item || !root.contains(item) || isDisabledItem(item)) return;\n      currentRef.current = syncTabStops(root, item);\n    };\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      const target = event.target;\n      if (!(target instanceof HTMLElement)) return;\n      const item = target.closest<HTMLElement>('[data-uiify-toolbar][data-part=\"item\"]');\n      if (!item || !root.contains(item)) return;\n\n      const enabled = getToolbarItems(root).filter((entry) => !isDisabledItem(entry));\n      const currentIndex = enabled.indexOf(item);\n      if (currentIndex === -1) return;\n\n      let nextIndex: number | null = null;\n      if (event.key === \"Home\") nextIndex = 0;\n      if (event.key === \"End\") nextIndex = enabled.length - 1;\n      if (orientation !== \"vertical\" && event.key === \"ArrowRight\") {\n        nextIndex = moveIndex(currentIndex, dir === \"rtl\" ? -1 : 1, enabled.length, loop);\n      }\n      if (orientation !== \"vertical\" && event.key === \"ArrowLeft\") {\n        nextIndex = moveIndex(currentIndex, dir === \"rtl\" ? 1 : -1, enabled.length, loop);\n      }\n      if (orientation !== \"horizontal\" && event.key === \"ArrowDown\") {\n        nextIndex = moveIndex(currentIndex, 1, enabled.length, loop);\n      }\n      if (orientation !== \"horizontal\" && event.key === \"ArrowUp\") {\n        nextIndex = moveIndex(currentIndex, -1, enabled.length, loop);\n      }\n\n      if (nextIndex === null) return;\n\n      event.preventDefault();\n      const nextItem = enabled[nextIndex];\n      if (!nextItem) return;\n      currentRef.current = syncTabStops(root, nextItem);\n      nextItem.focus();\n    };\n\n    root.addEventListener(\"focusin\", handleFocusIn);\n    root.addEventListener(\"keydown\", handleKeyDown);\n\n    return () => {\n      root.removeEventListener(\"focusin\", handleFocusIn);\n      root.removeEventListener(\"keydown\", handleKeyDown);\n    };\n  }, [dir, loop, orientation]);\n\n  return (\n    <div\n      {...consumerProps}\n      className={className}\n      data-orientation={orientation}\n      data-part=\"root\"\n      data-uiify-toolbar=\"\"\n      dir={dir}\n      ref={rootRef}\n      role=\"toolbar\"\n    >\n      {children}\n    </div>\n  );\n}\nToolbarRootClient.displayName = \"ToolbarRootClient\";\n\nexport const ToolbarRoot = ToolbarRootClient;\n\nexport function ToolbarButton(props: ToolbarButtonProps): ReactElement | null {\n  return <ServerToolbarButton {...props} />;\n}\nToolbarButton.displayName = \"ToolbarButton\";\n\nexport function ToolbarLink(props: ToolbarLinkProps): ReactElement | null {\n  return <ServerToolbarLink {...props} />;\n}\nToolbarLink.displayName = \"ToolbarLink\";\n\nexport function ToolbarSeparator(props: ToolbarSeparatorProps): ReactElement | null {\n  return <ServerToolbarSeparator {...props} />;\n}\nToolbarSeparator.displayName = \"ToolbarSeparator\";\n\nexport function ToolbarToggleGroup(props: ToolbarToggleGroupProps): ReactElement | null {\n  return <ServerToolbarToggleGroup {...props} />;\n}\nToolbarToggleGroup.displayName = \"ToolbarToggleGroup\";\n\nexport const Toolbar = {\n  Button: ToolbarButton,\n  Link: ToolbarLink,\n  Root: ToolbarRoot,\n  Separator: ToolbarSeparator,\n  ToggleGroup: ToolbarToggleGroup,\n};\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/toolbar/Toolbar.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef } from \"react\";\nimport type { HTMLAttributes, ReactElement, ReactNode } from \"react\";\nimport { useDirectionOverride, type Direction } from \"@gunkin/uiify/core/direction\";\nimport { resolveDirection } from \"@gunkin/uiify/core/text-direction\";\nimport type { RovingFocusOrientation } from \"@gunkin/uiify/core/roving-focus\";\n\nimport {\n  ToolbarButton as ServerToolbarButton,\n  ToolbarLink as ServerToolbarLink,\n  ToolbarSeparator as ServerToolbarSeparator,\n  ToolbarToggleGroup as ServerToolbarToggleGroup,\n} from \"./ToolbarShell.js\";\nimport type {\n  ToolbarButtonProps,\n  ToolbarLinkProps,\n  ToolbarSeparatorProps,\n  ToolbarToggleGroupProps,\n} from \"./types.js\";\n\ninterface ToolbarRootClientProps extends HTMLAttributes<HTMLDivElement> {\n  readonly children?: ReactNode;\n  readonly dir?: Direction;\n  readonly loop?: boolean;\n  readonly orientation?: RovingFocusOrientation;\n}\n\nfunction getToolbarItems(root: HTMLDivElement): HTMLElement[] {\n  return Array.from(root.querySelectorAll<HTMLElement>('[data-uiify-toolbar][data-part=\"item\"]'));\n}\n\nfunction isDisabledItem(item: HTMLElement): boolean {\n  return item.getAttribute(\"aria-disabled\") === \"true\" || item.hasAttribute(\"disabled\");\n}\n\nfunction syncTabStops(root: HTMLDivElement, current: HTMLElement | null): HTMLElement | null {\n  const items = getToolbarItems(root);\n  const enabled = items.filter((item) => !isDisabledItem(item));\n  if (enabled.length === 0) return null;\n\n  const nextCurrent = current && enabled.includes(current) ? current : (enabled[0] ?? null);\n\n  for (const item of items) {\n    item.tabIndex = nextCurrent === item ? 0 : -1;\n  }\n\n  return nextCurrent;\n}\n\nfunction moveIndex(\n  currentIndex: number,\n  offset: number,\n  length: number,\n  loop: boolean,\n): number | null {\n  if (length === 0) return null;\n  if (loop) return (currentIndex + offset + length) % length;\n  const nextIndex = currentIndex + offset;\n  if (nextIndex < 0 || nextIndex >= length) return null;\n  return nextIndex;\n}\n\nexport function ToolbarRootClient({\n  children,\n  className,\n  dir: localDir,\n  loop = true,\n  orientation = \"horizontal\",\n  ...consumerProps\n}: ToolbarRootClientProps): ReactElement {\n  const dir = useDirectionOverride(localDir);\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const currentRef = useRef<HTMLElement | null>(null);\n\n  useEffect(() => {\n    const root = rootRef.current;\n    if (!root) return;\n    currentRef.current = syncTabStops(root, currentRef.current);\n  });\n\n  useEffect(() => {\n    const root = rootRef.current;\n    if (!root) return;\n\n    const handleFocusIn = (event: FocusEvent) => {\n      const target = event.target;\n      if (!(target instanceof HTMLElement)) return;\n      const item = target.closest<HTMLElement>('[data-uiify-toolbar][data-part=\"item\"]');\n      if (!item || !root.contains(item) || isDisabledItem(item)) return;\n      currentRef.current = syncTabStops(root, item);\n    };\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      const target = event.target;\n      if (!(target instanceof HTMLElement)) return;\n      const item = target.closest<HTMLElement>('[data-uiify-toolbar][data-part=\"item\"]');\n      if (!item || !root.contains(item)) return;\n\n      const enabled = getToolbarItems(root).filter((entry) => !isDisabledItem(entry));\n      const currentIndex = enabled.indexOf(item);\n      if (currentIndex === -1) return;\n\n      let nextIndex: number | null = null;\n      if (event.key === \"Home\") nextIndex = 0;\n      if (event.key === \"End\") nextIndex = enabled.length - 1;\n      const rtl = resolveDirection(item, dir) === \"rtl\";\n      if (orientation !== \"vertical\" && event.key === \"ArrowRight\") {\n        nextIndex = moveIndex(currentIndex, rtl ? -1 : 1, enabled.length, loop);\n      }\n      if (orientation !== \"vertical\" && event.key === \"ArrowLeft\") {\n        nextIndex = moveIndex(currentIndex, rtl ? 1 : -1, enabled.length, loop);\n      }\n      if (orientation !== \"horizontal\" && event.key === \"ArrowDown\") {\n        nextIndex = moveIndex(currentIndex, 1, enabled.length, loop);\n      }\n      if (orientation !== \"horizontal\" && event.key === \"ArrowUp\") {\n        nextIndex = moveIndex(currentIndex, -1, enabled.length, loop);\n      }\n\n      if (nextIndex === null) return;\n\n      event.preventDefault();\n      const nextItem = enabled[nextIndex];\n      if (!nextItem) return;\n      currentRef.current = syncTabStops(root, nextItem);\n      nextItem.focus();\n    };\n\n    root.addEventListener(\"focusin\", handleFocusIn);\n    root.addEventListener(\"keydown\", handleKeyDown);\n\n    return () => {\n      root.removeEventListener(\"focusin\", handleFocusIn);\n      root.removeEventListener(\"keydown\", handleKeyDown);\n    };\n  }, [dir, loop, orientation]);\n\n  return (\n    <div\n      {...consumerProps}\n      className={className}\n      data-orientation={orientation}\n      data-part=\"root\"\n      data-uiify-toolbar=\"\"\n      {...(dir ? { dir } : {})}\n      ref={rootRef}\n      role=\"toolbar\"\n    >\n      {children}\n    </div>\n  );\n}\nToolbarRootClient.displayName = \"ToolbarRootClient\";\n\nexport const ToolbarRoot = ToolbarRootClient;\n\nexport function ToolbarButton(props: ToolbarButtonProps): ReactElement | null {\n  return <ServerToolbarButton {...props} />;\n}\nToolbarButton.displayName = \"ToolbarButton\";\n\nexport function ToolbarLink(props: ToolbarLinkProps): ReactElement | null {\n  return <ServerToolbarLink {...props} />;\n}\nToolbarLink.displayName = \"ToolbarLink\";\n\nexport function ToolbarSeparator(props: ToolbarSeparatorProps): ReactElement | null {\n  return <ServerToolbarSeparator {...props} />;\n}\nToolbarSeparator.displayName = \"ToolbarSeparator\";\n\nexport function ToolbarToggleGroup(props: ToolbarToggleGroupProps): ReactElement | null {\n  return <ServerToolbarToggleGroup {...props} />;\n}\nToolbarToggleGroup.displayName = \"ToolbarToggleGroup\";\n\nexport const Toolbar = {\n  Button: ToolbarButton,\n  Link: ToolbarLink,\n  Root: ToolbarRoot,\n  Separator: ToolbarSeparator,\n  ToggleGroup: ToolbarToggleGroup,\n};\n"],"mappings":"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","names":[]}

package/dist/core/direction.d.ts

@@ -8,4 +8,6 @@ export declare namespace DirectionProvider {
     var displayName: string;
 }
 export declare function useDirection(local?: Direction, element?: Element | null): Direction;
+/** Returns `local`, else the nearest `DirectionProvider` value, else `undefined`. */
+export declare function useDirectionOverride(local?: Direction): Direction | undefined;
 //# sourceMappingURL=direction.d.ts.map

package/dist/core/direction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"direction.d.ts","sourceRoot":"","sources":["../../src/core/direction.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,KAAK,CAAC;AAItC,MAAM,WAAW,sBAAuB,SAAQ,iBAAiB;IAC/D,QAAQ,CAAC,GAAG,EAAE,SAAS,CAAC;CACzB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,sBAAsB,+BAE1E;yBAFe,iBAAiB;;;AAKjC,wBAAgB,YAAY,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,CAMnF"}
+{"version":3,"file":"direction.d.ts","sourceRoot":"","sources":["../../src/core/direction.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,KAAK,CAAC;AAItC,MAAM,WAAW,sBAAuB,SAAQ,iBAAiB;IAC/D,QAAQ,CAAC,GAAG,EAAE,SAAS,CAAC;CACzB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,sBAAsB,+BAE1E;yBAFe,iBAAiB;;;AAKjC,wBAAgB,YAAY,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,CAQnF;AAED,qFAAqF;AACrF,wBAAgB,oBAAoB,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,CAG7E"}

package/dist/core/direction.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { createContext, useContext } from "react";
-const DirectionContext = createContext("ltr");
+const DirectionContext = createContext(void 0);
 function DirectionProvider({ children, dir }) {
   return /* @__PURE__ */ jsx(DirectionContext, { value: dir, children });
 }
@@ -10,10 +10,15 @@ function useDirection(local, element) {
   const inherited = useContext(DirectionContext);
   if (local) return local;
   const semanticDirection = element?.closest("[dir]")?.getAttribute("dir");
-  return semanticDirection === "rtl" || semanticDirection === "ltr" ? semanticDirection : inherited;
+  return semanticDirection === "rtl" || semanticDirection === "ltr" ? semanticDirection : inherited ?? "ltr";
+}
+function useDirectionOverride(local) {
+  const inherited = useContext(DirectionContext);
+  return local ?? inherited;
 }
 export {
   DirectionProvider,
-  useDirection
+  useDirection,
+  useDirectionOverride
 };
 //# sourceMappingURL=direction.js.map

package/dist/core/direction.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/core/direction.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext } from \"react\";\nimport type { PropsWithChildren } from \"react\";\n\nexport type Direction = \"ltr\" | \"rtl\";\n\nconst DirectionContext = createContext<Direction>(\"ltr\");\n\nexport interface DirectionProviderProps extends PropsWithChildren {\n  readonly dir: Direction;\n}\n\nexport function DirectionProvider({ children, dir }: DirectionProviderProps) {\n  return <DirectionContext value={dir}>{children}</DirectionContext>;\n}\nDirectionProvider.displayName = \"DirectionProvider\";\n\nexport function useDirection(local?: Direction, element?: Element | null): Direction {\n  const inherited = useContext(DirectionContext);\n  if (local) return local;\n\n  const semanticDirection = element?.closest(\"[dir]\")?.getAttribute(\"dir\");\n  return semanticDirection === \"rtl\" || semanticDirection === \"ltr\" ? semanticDirection : inherited;\n}\n"],"mappings":";AAcS;AAZT,SAAS,eAAe,kBAAkB;AAK1C,MAAM,mBAAmB,cAAyB,KAAK;AAMhD,SAAS,kBAAkB,EAAE,UAAU,IAAI,GAA2B;AAC3E,SAAO,oBAAC,oBAAiB,OAAO,KAAM,UAAS;AACjD;AACA,kBAAkB,cAAc;AAEzB,SAAS,aAAa,OAAmB,SAAqC;AACnF,QAAM,YAAY,WAAW,gBAAgB;AAC7C,MAAI,MAAO,QAAO;AAElB,QAAM,oBAAoB,SAAS,QAAQ,OAAO,GAAG,aAAa,KAAK;AACvE,SAAO,sBAAsB,SAAS,sBAAsB,QAAQ,oBAAoB;AAC1F;","names":[]}
+{"version":3,"sources":["../../src/core/direction.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext } from \"react\";\nimport type { PropsWithChildren } from \"react\";\n\nexport type Direction = \"ltr\" | \"rtl\";\n\nconst DirectionContext = createContext<Direction | undefined>(undefined);\n\nexport interface DirectionProviderProps extends PropsWithChildren {\n  readonly dir: Direction;\n}\n\nexport function DirectionProvider({ children, dir }: DirectionProviderProps) {\n  return <DirectionContext value={dir}>{children}</DirectionContext>;\n}\nDirectionProvider.displayName = \"DirectionProvider\";\n\nexport function useDirection(local?: Direction, element?: Element | null): Direction {\n  const inherited = useContext(DirectionContext);\n  if (local) return local;\n\n  const semanticDirection = element?.closest(\"[dir]\")?.getAttribute(\"dir\");\n  return semanticDirection === \"rtl\" || semanticDirection === \"ltr\"\n    ? semanticDirection\n    : (inherited ?? \"ltr\");\n}\n\n/** Returns `local`, else the nearest `DirectionProvider` value, else `undefined`. */\nexport function useDirectionOverride(local?: Direction): Direction | undefined {\n  const inherited = useContext(DirectionContext);\n  return local ?? inherited;\n}\n"],"mappings":";AAcS;AAZT,SAAS,eAAe,kBAAkB;AAK1C,MAAM,mBAAmB,cAAqC,MAAS;AAMhE,SAAS,kBAAkB,EAAE,UAAU,IAAI,GAA2B;AAC3E,SAAO,oBAAC,oBAAiB,OAAO,KAAM,UAAS;AACjD;AACA,kBAAkB,cAAc;AAEzB,SAAS,aAAa,OAAmB,SAAqC;AACnF,QAAM,YAAY,WAAW,gBAAgB;AAC7C,MAAI,MAAO,QAAO;AAElB,QAAM,oBAAoB,SAAS,QAAQ,OAAO,GAAG,aAAa,KAAK;AACvE,SAAO,sBAAsB,SAAS,sBAAsB,QACxD,oBACC,aAAa;AACpB;AAGO,SAAS,qBAAqB,OAA0C;AAC7E,QAAM,YAAY,WAAW,gBAAgB;AAC7C,SAAO,SAAS;AAClB;","names":[]}

package/dist/core/dismissable-layer-registry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dismissable-layer-registry.d.ts","sourceRoot":"","sources":["../../src/core/dismissable-layer-registry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAGjE,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IAChC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,SAAS,EAAE,CAAC,MAAM,EAAE,gBAAgB,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACtE;AA6CD,wBAAgB,wBAAwB,CACtC,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,sBAAsB,GAC7B,MAAM,IAAI,CAaZ"}
+{"version":3,"file":"dismissable-layer-registry.d.ts","sourceRoot":"","sources":["../../src/core/dismissable-layer-registry.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAGjE,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IAChC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,SAAS,EAAE,CAAC,MAAM,EAAE,gBAAgB,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACtE;AA8CD,wBAAgB,wBAAwB,CACtC,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,sBAAsB,GAC7B,MAAM,IAAI,CAaZ"}

package/dist/core/dismissable-layer-registry.js

@@ -1,3 +1,4 @@
+import { isComposingKeyEvent } from "./ime.js";
 import { getEventPath, isEventInsideLayer } from "./platform.js";
 const registries = /* @__PURE__ */ new WeakMap();
 function dispatch(document, reason, event) {
@@ -15,7 +16,8 @@ function createRegistry(document) {
   document.addEventListener(
     "keydown",
     (event) => {
-      if (event.key === "Escape") dispatch(document, "escape-key", event);
+      if (event.key === "Escape" && !isComposingKeyEvent(event))
+        dispatch(document, "escape-key", event);
     },
     options
   );