@gunkin/uiify 0.0.24-alpha → 0.0.26-alpha

package/dist/components/tags-input/TagsInput.js

@@ -1,5 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { createElement } from "react";
 import {
   Children,
   isValidElement,
@@ -15,8 +16,13 @@ import { composeEventHandlers } from "@gunkin/uiify/core/compose-event-handlers"
 import { isComposingKeyEvent } from "@gunkin/uiify/core/ime";
 import { RovingFocusItem, RovingFocusRoot } from "@gunkin/uiify/core/roving-focus";
 import { useRenderElement } from "@gunkin/uiify/core/render";
+import { mergeRepeatedSlotProps } from "../../core/slot-props.js";
 import { createTagsInputStore, splitTags } from "./tags-input-store.js";
 const [TagsInputProvider, useTagsInputContext] = createPartContext("TagsInput");
+function resolveIndexedSlotProps(slotProps, index) {
+  const { byItemIndex, ...common } = slotProps ?? {};
+  return mergeRepeatedSlotProps(common, byItemIndex?.[index]);
+}
 function TagsInputRoot(props) {
   const {
     addOnPaste = true,
@@ -26,10 +32,13 @@ function TagsInputRoot(props) {
     defaultValue = [],
     delimiters = [","],
     disabled = false,
+    id,
+    items: _items,
     maxTags,
     onValueChange,
     validate,
-    value: controlledValue
+    value: controlledValue,
+    ...consumerProps
   } = props;
   const listId = useId();
   const inputId = useId();
@@ -98,7 +107,17 @@ function TagsInputRoot(props) {
       store
     ]
   );
-  return /* @__PURE__ */ jsx(TagsInputProvider, { value: contextValue, children: /* @__PURE__ */ jsx("div", { className, "data-disabled": disabled ? "" : void 0, "data-uiify-tags-input": "", children }) });
+  return /* @__PURE__ */ jsx(TagsInputProvider, { value: contextValue, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-disabled": disabled ? "" : void 0,
+      "data-uiify-tags-input": "",
+      ...consumerProps,
+      ...id !== void 0 ? { id } : {},
+      className,
+      children
+    }
+  ) });
 }
 TagsInputRoot.displayName = "TagsInputRoot";
 function TagsInputInput(props) {
@@ -150,7 +169,6 @@ function TagsInputInput(props) {
     as,
     defaultTag: "input",
     props: {
-      ...consumerProps,
       id: inputId,
       type: "text",
       role: "combobox",
@@ -159,6 +177,7 @@ function TagsInputInput(props) {
       disabled: disabled || void 0,
       "data-part": "input",
       value: inputValue,
+      ...consumerProps,
       placeholder,
       ...className ? { className } : {},
       onChange: composeEventHandlers(consumerOnChange, handleChange),
@@ -170,22 +189,36 @@ function TagsInputInput(props) {
   });
 }
 function TagsInputList(props) {
-  const { children, className } = props;
+  const { children, className, slotProps, ...consumerProps } = props;
   const { listId, store } = useTagsInputContext("List");
   const tags = useSyncExternalStore(store.subscribe, store.getTags, store.getTags);
   return /* @__PURE__ */ jsxs(
     RovingFocusRoot,
     {
       as: "ul",
-      id: listId,
       orientation: "horizontal",
-      ...className ? { className } : {},
+      id: listId,
       "data-part": "list",
+      ...consumerProps,
+      ...className ? { className } : {},
       children: [
-        tags.map((tag, index) => /* @__PURE__ */ jsx("li", { "data-index": index, "data-value": tag, children: tag }, `${tag}-${index}`)),
+        tags.map((tag, index) => {
+          const tagProps = resolveIndexedSlotProps(slotProps?.tag, index);
+          return /* @__PURE__ */ createElement("li", { "data-index": index, "data-value": tag, ...tagProps, key: `${tag}-${index}` }, tag);
+        }),
         Children.map(
           children,
-          (child) => isValidElement(child) && child.type === TagsInputTag ? child : /* @__PURE__ */ jsx("li", { "data-part": "input-slot", children: child })
+          (child) => isValidElement(child) && child.type === TagsInputTag ? child : /* @__PURE__ */ jsx(
+            "li",
+            {
+              "data-part": "input-slot",
+              ...resolveIndexedSlotProps(
+                slotProps?.input,
+                0
+              ),
+              children: child
+            }
+          )
         )
       ]
     }
@@ -203,10 +236,10 @@ function TagsInputTag(props) {
     }
   };
   const tagProps = {
-    ...consumerProps,
     role: "listitem",
     "data-part": "tag",
     "data-value": value,
+    ...consumerProps,
     ...className ? { className } : {},
     onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),
     children
@@ -234,7 +267,7 @@ function TagsInputTag(props) {
 }
 TagsInputTag.displayName = "TagsInputTag";
 function TagsInputTagRemove(props) {
-  const { className, index } = props;
+  const { className, index, onClick: consumerOnClick, ...consumerProps } = props;
   const { disabled, removeAt } = useTagsInputContext("TagRemove");
   return useRenderElement({
     defaultTag: "button",
@@ -243,8 +276,9 @@ function TagsInputTagRemove(props) {
       "aria-label": "Remove tag",
       "data-part": "tag-remove",
       disabled: disabled || void 0,
+      ...consumerProps,
       ...className ? { className } : {},
-      onClick: () => removeAt(index)
+      onClick: composeEventHandlers(consumerOnClick, () => removeAt(index))
     },
     state: { disabled }
   });

package/dist/components/tags-input/TagsInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/tags-input/TagsInput.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Children,\n  isValidElement,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  useSyncExternalStore,\n} from \"react\";\nimport type { ElementType, KeyboardEvent, ReactElement, SyntheticEvent } from \"react\";\nimport { useControllableState, useId, useIsomorphicLayoutEffect } from \"@gunkin/uiify/hooks\";\nimport { createPartContext } from \"@gunkin/uiify/core\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport { isComposingKeyEvent } from \"@gunkin/uiify/core/ime\";\nimport { RovingFocusItem, RovingFocusRoot } from \"@gunkin/uiify/core/roving-focus\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport { createTagsInputStore, splitTags } from \"./tags-input-store.js\";\nimport type {\n  TagsInputStore,\n  TagsInputContextValue,\n  TagsInputRootProps,\n  TagsInputInputProps,\n  TagsInputListOwnProps,\n  TagsInputTagProps,\n  TagsInputTagRemoveOwnProps,\n} from \"./types.js\";\n\nconst [TagsInputProvider, useTagsInputContext] =\n  createPartContext<TagsInputContextValue>(\"TagsInput\");\n\nexport function TagsInputRoot(props: TagsInputRootProps): ReactElement | null {\n  const {\n    addOnPaste = true,\n    allowDuplicates = false,\n    children,\n    className,\n    defaultValue = [],\n    delimiters = [\",\"],\n    disabled = false,\n    maxTags,\n    onValueChange,\n    validate,\n    value: controlledValue,\n  } = props;\n\n  const listId = useId();\n  const inputId = useId();\n  const [inputValue, setInputValue] = useState(\"\");\n  const [tags, setTags] = useControllableState<string[]>({\n    defaultValue: [...defaultValue],\n    ...(controlledValue !== undefined ? { value: [...controlledValue] } : {}),\n    ...(onValueChange ? { onChange: onValueChange } : {}),\n  });\n\n  const storeRef = useRef<TagsInputStore | null>(null);\n  storeRef.current ??= createTagsInputStore(tags, {\n    allowDuplicates,\n    ...(maxTags !== undefined ? { maxTags } : {}),\n    ...(validate ? { validate } : {}),\n  });\n  const store = storeRef.current;\n\n  useIsomorphicLayoutEffect(() => {\n    store.setTags(tags);\n    store.updateOptions({\n      allowDuplicates,\n      ...(maxTags !== undefined ? { maxTags } : {}),\n      ...(validate ? { validate } : {}),\n    });\n  }, [allowDuplicates, maxTags, store, tags, validate]);\n\n  const addTag = useCallback(\n    (tag: string) => {\n      if (disabled) return;\n      if (store.addTag(tag)) {\n        setTags(store.getTags());\n        setInputValue(\"\");\n      }\n    },\n    [disabled, setTags, store],\n  );\n\n  const removeAt = useCallback(\n    (index: number) => {\n      if (disabled) return;\n      store.removeAt(index);\n      setTags(store.getTags());\n    },\n    [disabled, setTags, store],\n  );\n\n  const contextValue = useMemo(\n    () => ({\n      addOnPaste,\n      addTag,\n      delimiters,\n      disabled,\n      inputId,\n      inputValue,\n      listId,\n      removeAt,\n      setInputValue,\n      store,\n    }),\n    [\n      addOnPaste,\n      addTag,\n      delimiters,\n      disabled,\n      inputId,\n      inputValue,\n      listId,\n      removeAt,\n      setInputValue,\n      store,\n    ],\n  );\n\n  return (\n    <TagsInputProvider value={contextValue}>\n      <div className={className} data-disabled={disabled ? \"\" : undefined} data-uiify-tags-input=\"\">\n        {children}\n      </div>\n    </TagsInputProvider>\n  );\n}\nTagsInputRoot.displayName = \"TagsInputRoot\";\n\nexport function TagsInputInput<TAs extends ElementType = \"input\">(\n  props: TagsInputInputProps<TAs>,\n): ReactElement | null {\n  const { as, render, className, placeholder, ...consumerProps } =\n    props as TagsInputInputProps<\"input\">;\n  const {\n    addOnPaste,\n    addTag,\n    delimiters,\n    disabled,\n    inputId,\n    inputValue,\n    listId,\n    removeAt,\n    setInputValue,\n    store,\n  } = useTagsInputContext(\"Input\");\n  const tags = useSyncExternalStore(store.subscribe, store.getTags, store.getTags);\n  const {\n    onChange: consumerOnChange,\n    onKeyDown: consumerOnKeyDown,\n    onPaste: consumerOnPaste,\n  } = consumerProps as {\n    onChange?: (event: SyntheticEvent<HTMLInputElement>) => void;\n    onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void;\n    onPaste?: (event: React.ClipboardEvent<HTMLInputElement>) => void;\n  };\n\n  const commitInput = () => {\n    if (inputValue.trim()) addTag(inputValue);\n  };\n\n  const handleChange = (event: SyntheticEvent<HTMLInputElement>) => {\n    setInputValue(event.currentTarget.value);\n  };\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    if (isComposingKeyEvent(event)) return;\n    if (event.key === \"Enter\" || delimiters.includes(event.key)) {\n      event.preventDefault();\n      commitInput();\n    } else if (event.key === \"Backspace\" && !inputValue && tags.length > 0) {\n      event.preventDefault();\n      removeAt(tags.length - 1);\n    }\n  };\n\n  const handlePaste = (event: React.ClipboardEvent<HTMLInputElement>) => {\n    if (!addOnPaste) return;\n    const text = event.clipboardData.getData(\"text\");\n    const splitChars = [...delimiters, \"\\n\", \"\\t\"];\n    if (!splitChars.some((delimiter) => text.includes(delimiter))) return;\n    event.preventDefault();\n    const parts = splitTags(text, splitChars);\n    for (const part of parts) addTag(part);\n  };\n\n  return useRenderElement({\n    as,\n    defaultTag: \"input\",\n    props: {\n      ...consumerProps,\n      id: inputId,\n      type: \"text\",\n      role: \"combobox\",\n      \"aria-controls\": listId,\n      \"aria-expanded\": false,\n      disabled: disabled || undefined,\n      \"data-part\": \"input\",\n      value: inputValue,\n      placeholder,\n      ...(className ? { className } : {}),\n      onChange: composeEventHandlers(consumerOnChange, handleChange),\n      onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n      onPaste: composeEventHandlers(consumerOnPaste, handlePaste),\n    },\n    render,\n    state: { disabled },\n  });\n}\n\nexport function TagsInputList(props: TagsInputListOwnProps): ReactElement | null {\n  const { children, className } = props;\n  const { listId, store } = useTagsInputContext(\"List\");\n  const tags = useSyncExternalStore(store.subscribe, store.getTags, store.getTags);\n\n  return (\n    <RovingFocusRoot\n      as=\"ul\"\n      id={listId}\n      orientation=\"horizontal\"\n      {...(className ? { className } : {})}\n      data-part=\"list\"\n    >\n      {tags.map((tag, index) => (\n        <li data-index={index} data-value={tag} key={`${tag}-${index}`}>\n          {tag}\n        </li>\n      ))}\n      {/* A <ul> may only contain <li>, so a non-<li> child (typically TagsInput.Input)\n          needs one too — leaving it bare made the list malformed, a serious axe\n          violation. TagsInputTag already renders its own <li>; wrapping it again\n          would nest <li> inside <li>, an invalid, hydration-breaking tree. */}\n      {Children.map(children, (child) =>\n        isValidElement(child) && child.type === TagsInputTag ? (\n          child\n        ) : (\n          <li data-part=\"input-slot\">{child}</li>\n        ),\n      )}\n    </RovingFocusRoot>\n  );\n}\nTagsInputList.displayName = \"TagsInputList\";\n\nexport function TagsInputTag<TAs extends ElementType = \"li\">(\n  props: TagsInputTagProps<TAs>,\n): ReactElement | null {\n  const { as, render, children, className, index, value, ...consumerProps } =\n    props as TagsInputTagProps<\"li\">;\n  const { disabled, removeAt } = useTagsInputContext(\"Tag\");\n  const { onKeyDown: consumerOnKeyDown } = consumerProps as {\n    onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n  };\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n    if (event.key === \"Backspace\" || event.key === \"Delete\") {\n      event.preventDefault();\n      removeAt(index);\n    }\n  };\n\n  const tagProps = {\n    ...consumerProps,\n    role: \"listitem\",\n    \"data-part\": \"tag\",\n    \"data-value\": value,\n    ...(className ? { className } : {}),\n    onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n    children,\n  };\n\n  if (render) {\n    return (\n      <RovingFocusItem\n        disabled={disabled}\n        render={(renderProps, state) => render(renderProps, { current: state.current })}\n        textValue={value}\n        {...(tagProps as object)}\n      />\n    );\n  }\n\n  return (\n    <RovingFocusItem\n      as={as ?? \"li\"}\n      disabled={disabled}\n      textValue={value}\n      {...(tagProps as object)}\n    />\n  );\n}\nTagsInputTag.displayName = \"TagsInputTag\";\n\nexport function TagsInputTagRemove(props: TagsInputTagRemoveOwnProps): ReactElement | null {\n  const { className, index } = props;\n  const { disabled, removeAt } = useTagsInputContext(\"TagRemove\");\n\n  return useRenderElement({\n    defaultTag: \"button\",\n    props: {\n      type: \"button\",\n      \"aria-label\": \"Remove tag\",\n      \"data-part\": \"tag-remove\",\n      disabled: disabled || undefined,\n      ...(className ? { className } : {}),\n      onClick: () => removeAt(index),\n    },\n    state: { disabled },\n  });\n}\n\nexport const TagsInput = {\n  Input: TagsInputInput,\n  List: TagsInputList,\n  Root: TagsInputRoot,\n  Tag: TagsInputTag,\n  TagRemove: TagsInputTagRemove,\n};\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/tags-input/TagsInput.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Children,\n  isValidElement,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  useSyncExternalStore,\n} from \"react\";\nimport type { ElementType, KeyboardEvent, ReactElement, SyntheticEvent } from \"react\";\nimport { useControllableState, useId, useIsomorphicLayoutEffect } from \"@gunkin/uiify/hooks\";\nimport { createPartContext } from \"@gunkin/uiify/core\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport { isComposingKeyEvent } from \"@gunkin/uiify/core/ime\";\nimport { RovingFocusItem, RovingFocusRoot } from \"@gunkin/uiify/core/roving-focus\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport { mergeRepeatedSlotProps } from \"../../core/slot-props.js\";\nimport { createTagsInputStore, splitTags } from \"./tags-input-store.js\";\nimport type {\n  TagsInputStore,\n  TagsInputContextValue,\n  TagsInputRootProps,\n  TagsInputInputProps,\n  TagsInputListOwnProps,\n  TagsInputTagProps,\n  TagsInputTagRemoveOwnProps,\n  TagsInputListSlotProps,\n} from \"./types.js\";\n\nconst [TagsInputProvider, useTagsInputContext] =\n  createPartContext<TagsInputContextValue>(\"TagsInput\");\n\nfunction resolveIndexedSlotProps<TProps extends object>(\n  slotProps: (TProps & { readonly byItemIndex?: Readonly<Record<number, TProps>> }) | undefined,\n  index: number,\n): TProps {\n  const { byItemIndex, ...common } = slotProps ?? {};\n  return mergeRepeatedSlotProps(common as TProps, byItemIndex?.[index]);\n}\n\nexport function TagsInputRoot(props: TagsInputRootProps): ReactElement | null {\n  const {\n    addOnPaste = true,\n    allowDuplicates = false,\n    children,\n    className,\n    defaultValue = [],\n    delimiters = [\",\"],\n    disabled = false,\n    id,\n    items: _items,\n    maxTags,\n    onValueChange,\n    validate,\n    value: controlledValue,\n    ...consumerProps\n  } = props;\n\n  const listId = useId();\n  const inputId = useId();\n  const [inputValue, setInputValue] = useState(\"\");\n  const [tags, setTags] = useControllableState<string[]>({\n    defaultValue: [...defaultValue],\n    ...(controlledValue !== undefined ? { value: [...controlledValue] } : {}),\n    ...(onValueChange ? { onChange: onValueChange } : {}),\n  });\n\n  const storeRef = useRef<TagsInputStore | null>(null);\n  storeRef.current ??= createTagsInputStore(tags, {\n    allowDuplicates,\n    ...(maxTags !== undefined ? { maxTags } : {}),\n    ...(validate ? { validate } : {}),\n  });\n  const store = storeRef.current;\n\n  useIsomorphicLayoutEffect(() => {\n    store.setTags(tags);\n    store.updateOptions({\n      allowDuplicates,\n      ...(maxTags !== undefined ? { maxTags } : {}),\n      ...(validate ? { validate } : {}),\n    });\n  }, [allowDuplicates, maxTags, store, tags, validate]);\n\n  const addTag = useCallback(\n    (tag: string) => {\n      if (disabled) return;\n      if (store.addTag(tag)) {\n        setTags(store.getTags());\n        setInputValue(\"\");\n      }\n    },\n    [disabled, setTags, store],\n  );\n\n  const removeAt = useCallback(\n    (index: number) => {\n      if (disabled) return;\n      store.removeAt(index);\n      setTags(store.getTags());\n    },\n    [disabled, setTags, store],\n  );\n\n  const contextValue = useMemo(\n    () => ({\n      addOnPaste,\n      addTag,\n      delimiters,\n      disabled,\n      inputId,\n      inputValue,\n      listId,\n      removeAt,\n      setInputValue,\n      store,\n    }),\n    [\n      addOnPaste,\n      addTag,\n      delimiters,\n      disabled,\n      inputId,\n      inputValue,\n      listId,\n      removeAt,\n      setInputValue,\n      store,\n    ],\n  );\n\n  return (\n    <TagsInputProvider value={contextValue}>\n      <div\n        data-disabled={disabled ? \"\" : undefined}\n        data-uiify-tags-input=\"\"\n        {...consumerProps}\n        {...(id !== undefined ? { id } : {})}\n        className={className}\n      >\n        {children}\n      </div>\n    </TagsInputProvider>\n  );\n}\nTagsInputRoot.displayName = \"TagsInputRoot\";\n\nexport function TagsInputInput<TAs extends ElementType = \"input\">(\n  props: TagsInputInputProps<TAs>,\n): ReactElement | null {\n  const { as, render, className, placeholder, ...consumerProps } =\n    props as TagsInputInputProps<\"input\">;\n  const {\n    addOnPaste,\n    addTag,\n    delimiters,\n    disabled,\n    inputId,\n    inputValue,\n    listId,\n    removeAt,\n    setInputValue,\n    store,\n  } = useTagsInputContext(\"Input\");\n  const tags = useSyncExternalStore(store.subscribe, store.getTags, store.getTags);\n  const {\n    onChange: consumerOnChange,\n    onKeyDown: consumerOnKeyDown,\n    onPaste: consumerOnPaste,\n  } = consumerProps as {\n    onChange?: (event: SyntheticEvent<HTMLInputElement>) => void;\n    onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void;\n    onPaste?: (event: React.ClipboardEvent<HTMLInputElement>) => void;\n  };\n\n  const commitInput = () => {\n    if (inputValue.trim()) addTag(inputValue);\n  };\n\n  const handleChange = (event: SyntheticEvent<HTMLInputElement>) => {\n    setInputValue(event.currentTarget.value);\n  };\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    if (isComposingKeyEvent(event)) return;\n    if (event.key === \"Enter\" || delimiters.includes(event.key)) {\n      event.preventDefault();\n      commitInput();\n    } else if (event.key === \"Backspace\" && !inputValue && tags.length > 0) {\n      event.preventDefault();\n      removeAt(tags.length - 1);\n    }\n  };\n\n  const handlePaste = (event: React.ClipboardEvent<HTMLInputElement>) => {\n    if (!addOnPaste) return;\n    const text = event.clipboardData.getData(\"text\");\n    const splitChars = [...delimiters, \"\\n\", \"\\t\"];\n    if (!splitChars.some((delimiter) => text.includes(delimiter))) return;\n    event.preventDefault();\n    const parts = splitTags(text, splitChars);\n    for (const part of parts) addTag(part);\n  };\n\n  return useRenderElement({\n    as,\n    defaultTag: \"input\",\n    props: {\n      id: inputId,\n      type: \"text\",\n      role: \"combobox\",\n      \"aria-controls\": listId,\n      \"aria-expanded\": false,\n      disabled: disabled || undefined,\n      \"data-part\": \"input\",\n      value: inputValue,\n      ...consumerProps,\n      placeholder,\n      ...(className ? { className } : {}),\n      onChange: composeEventHandlers(consumerOnChange, handleChange),\n      onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n      onPaste: composeEventHandlers(consumerOnPaste, handlePaste),\n    },\n    render,\n    state: { disabled },\n  });\n}\n\nexport function TagsInputList(props: TagsInputListOwnProps): ReactElement | null {\n  const { children, className, slotProps, ...consumerProps } = props;\n  const { listId, store } = useTagsInputContext(\"List\");\n  const tags = useSyncExternalStore(store.subscribe, store.getTags, store.getTags);\n\n  return (\n    <RovingFocusRoot\n      as=\"ul\"\n      orientation=\"horizontal\"\n      id={listId}\n      data-part=\"list\"\n      {...consumerProps}\n      {...(className ? { className } : {})}\n    >\n      {tags.map((tag, index) => {\n        const tagProps = resolveIndexedSlotProps(slotProps?.tag, index);\n        return (\n          <li data-index={index} data-value={tag} {...tagProps} key={`${tag}-${index}`}>\n            {tag}\n          </li>\n        );\n      })}\n      {/* A <ul> may only contain <li>, so a non-<li> child (typically TagsInput.Input)\n          needs one too — leaving it bare made the list malformed, a serious axe\n          violation. TagsInputTag already renders its own <li>; wrapping it again\n          would nest <li> inside <li>, an invalid, hydration-breaking tree. */}\n      {Children.map(children, (child) =>\n        isValidElement(child) && child.type === TagsInputTag ? (\n          child\n        ) : (\n          <li\n            data-part=\"input-slot\"\n            {...resolveIndexedSlotProps<TagsInputListSlotProps[\"input\"] & object>(\n              slotProps?.input,\n              0,\n            )}\n          >\n            {child}\n          </li>\n        ),\n      )}\n    </RovingFocusRoot>\n  );\n}\nTagsInputList.displayName = \"TagsInputList\";\n\nexport function TagsInputTag<TAs extends ElementType = \"li\">(\n  props: TagsInputTagProps<TAs>,\n): ReactElement | null {\n  const { as, render, children, className, index, value, ...consumerProps } =\n    props as TagsInputTagProps<\"li\">;\n  const { disabled, removeAt } = useTagsInputContext(\"Tag\");\n  const { onKeyDown: consumerOnKeyDown } = consumerProps as {\n    onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n  };\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n    if (event.key === \"Backspace\" || event.key === \"Delete\") {\n      event.preventDefault();\n      removeAt(index);\n    }\n  };\n\n  const tagProps = {\n    role: \"listitem\",\n    \"data-part\": \"tag\",\n    \"data-value\": value,\n    ...consumerProps,\n    ...(className ? { className } : {}),\n    onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n    children,\n  };\n\n  if (render) {\n    return (\n      <RovingFocusItem\n        disabled={disabled}\n        render={(renderProps, state) => render(renderProps, { current: state.current })}\n        textValue={value}\n        {...(tagProps as object)}\n      />\n    );\n  }\n\n  return (\n    <RovingFocusItem\n      as={as ?? \"li\"}\n      disabled={disabled}\n      textValue={value}\n      {...(tagProps as object)}\n    />\n  );\n}\nTagsInputTag.displayName = \"TagsInputTag\";\n\nexport function TagsInputTagRemove(props: TagsInputTagRemoveOwnProps): ReactElement | null {\n  const { className, index, onClick: consumerOnClick, ...consumerProps } = props;\n  const { disabled, removeAt } = useTagsInputContext(\"TagRemove\");\n\n  return useRenderElement({\n    defaultTag: \"button\",\n    props: {\n      type: \"button\",\n      \"aria-label\": \"Remove tag\",\n      \"data-part\": \"tag-remove\",\n      disabled: disabled || undefined,\n      ...consumerProps,\n      ...(className ? { className } : {}),\n      onClick: composeEventHandlers(consumerOnClick, () => removeAt(index)),\n    },\n    state: { disabled },\n  });\n}\n\nexport const TagsInput = {\n  Input: TagsInputInput,\n  List: TagsInputList,\n  Root: TagsInputRoot,\n  Tag: TagsInputTag,\n  TagRemove: TagsInputTagRemove,\n};\n"],"mappings":"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","names":[]}

package/dist/components/tags-input/index.d.ts

@@ -1,4 +1,4 @@
 export { TagsInput, TagsInputInput, TagsInputList, TagsInputRoot, TagsInputTag, TagsInputTagRemove, } from "./TagsInput.js";
-export type { TagsInputInputOwnProps, TagsInputInputProps, TagsInputRootControlledOwnProps, TagsInputRootShellOwnProps, TagsInputRootShellProps, TagsInputRootProps, TagsInputTagOwnProps, TagsInputTagProps, TagsInputStore, } from "./types.js";
+export type { TagsInputInputOwnProps, TagsInputInputProps, TagsInputListOwnProps, TagsInputListSlotProps, TagsInputRootControlledOwnProps, TagsInputRootShellOwnProps, TagsInputRootShellProps, TagsInputRootProps, TagsInputTagOwnProps, TagsInputTagRemoveOwnProps, TagsInputTagProps, TagsInputStore, } from "./types.js";
 export { splitTags } from "./tags-input-store.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/tags-input/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tags-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,cAAc,EACd,aAAa,EACb,aAAa,EACb,YAAY,EACZ,kBAAkB,GACnB,MAAM,gBAAgB,CAAC;AACxB,YAAY,EACV,sBAAsB,EACtB,mBAAmB,EACnB,+BAA+B,EAC/B,0BAA0B,EAC1B,uBAAuB,EACvB,kBAAkB,EAClB,oBAAoB,EACpB,iBAAiB,EACjB,cAAc,GACf,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tags-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,cAAc,EACd,aAAa,EACb,aAAa,EACb,YAAY,EACZ,kBAAkB,GACnB,MAAM,gBAAgB,CAAC;AACxB,YAAY,EACV,sBAAsB,EACtB,mBAAmB,EACnB,qBAAqB,EACrB,sBAAsB,EACtB,+BAA+B,EAC/B,0BAA0B,EAC1B,uBAAuB,EACvB,kBAAkB,EAClB,oBAAoB,EACpB,0BAA0B,EAC1B,iBAAiB,EACjB,cAAc,GACf,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/components/tags-input/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/tags-input/index.ts"],"sourcesContent":["export {\n  TagsInput,\n  TagsInputInput,\n  TagsInputList,\n  TagsInputRoot,\n  TagsInputTag,\n  TagsInputTagRemove,\n} from \"./TagsInput.js\";\nexport type {\n  TagsInputInputOwnProps,\n  TagsInputInputProps,\n  TagsInputRootControlledOwnProps,\n  TagsInputRootShellOwnProps,\n  TagsInputRootShellProps,\n  TagsInputRootProps,\n  TagsInputTagOwnProps,\n  TagsInputTagProps,\n  TagsInputStore,\n} from \"./types.js\";\nexport { splitTags } from \"./tags-input-store.js\";\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAYP,SAAS,iBAAiB;","names":[]}
+{"version":3,"sources":["../../../src/components/tags-input/index.ts"],"sourcesContent":["export {\n  TagsInput,\n  TagsInputInput,\n  TagsInputList,\n  TagsInputRoot,\n  TagsInputTag,\n  TagsInputTagRemove,\n} from \"./TagsInput.js\";\nexport type {\n  TagsInputInputOwnProps,\n  TagsInputInputProps,\n  TagsInputListOwnProps,\n  TagsInputListSlotProps,\n  TagsInputRootControlledOwnProps,\n  TagsInputRootShellOwnProps,\n  TagsInputRootShellProps,\n  TagsInputRootProps,\n  TagsInputTagOwnProps,\n  TagsInputTagRemoveOwnProps,\n  TagsInputTagProps,\n  TagsInputStore,\n} from \"./types.js\";\nexport { splitTags } from \"./tags-input-store.js\";\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAeP,SAAS,iBAAiB;","names":[]}

package/dist/components/tags-input/types.d.ts

@@ -1,5 +1,6 @@
-import type { ElementType, ReactNode } from "react";
+import type { ComponentPropsWithRef, ElementType, ReactNode } from "react";
 import type { RenderableProps } from "@gunkin/uiify/core/render";
+import type { ConsumerDataAttributes, SlotProps } from "../../core/slot-props.js";
 export interface TagsInputStoreOptions {
     readonly allowDuplicates?: boolean;
     readonly maxTags?: number;
@@ -27,7 +28,7 @@ export interface TagsInputContextValue {
     readonly setInputValue: (value: string) => void;
     readonly store: TagsInputStore;
 }
-export interface TagsInputRootShellOwnProps {
+export interface TagsInputRootShellOwnProps extends Omit<ComponentPropsWithRef<"div">, "children" | "className" | "dangerouslySetInnerHTML">, ConsumerDataAttributes {
     readonly className?: string;
     readonly addOnPaste?: boolean;
     readonly allowDuplicates?: boolean;
@@ -56,9 +57,16 @@ export interface TagsInputInputOwnProps {
 export type TagsInputInputProps<TAs extends ElementType = "input"> = RenderableProps<TAs, TagsInputInputOwnProps, {
     disabled: boolean;
 }, HTMLInputElement>;
-export interface TagsInputListOwnProps {
+export interface TagsInputListSlotProps {
+    readonly input?: SlotProps<"li">;
+    readonly tag?: SlotProps<"li"> & {
+        readonly byItemIndex?: Readonly<Record<number, SlotProps<"li">>>;
+    };
+}
+export interface TagsInputListOwnProps extends Omit<ComponentPropsWithRef<"ul">, "children" | "className" | "dangerouslySetInnerHTML">, ConsumerDataAttributes {
     readonly children?: ReactNode;
     readonly className?: string;
+    readonly slotProps?: TagsInputListSlotProps;
 }
 export interface TagsInputTagOwnProps {
     readonly children?: ReactNode;
@@ -69,7 +77,7 @@ export interface TagsInputTagOwnProps {
 export type TagsInputTagProps<TAs extends ElementType = "li"> = RenderableProps<TAs, TagsInputTagOwnProps, {
     current: boolean;
 }, HTMLElement>;
-export interface TagsInputTagRemoveOwnProps {
+export interface TagsInputTagRemoveOwnProps extends ComponentPropsWithRef<"button">, ConsumerDataAttributes {
     readonly className?: string;
     readonly index: number;
 }

package/dist/components/tags-input/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/tags-input/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/tags-input/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,KAAK,EAAE,sBAAsB,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAElF,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC;IACnC,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;CAC9C;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;IAC1C,QAAQ,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE,SAAS,MAAM,EAAE,KAAK,IAAI,CAAC;IACxD,QAAQ,CAAC,OAAO,EAAE,MAAM,MAAM,EAAE,CAAC;IACjC,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,QAAQ,CAAC,UAAU,EAAE,MAAM,IAAI,CAAC;IAChC,QAAQ,CAAC,OAAO,EAAE,CAAC,IAAI,EAAE,SAAS,MAAM,EAAE,KAAK,IAAI,CAAC;IACpD,QAAQ,CAAC,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,MAAM,IAAI,CAAC;IACzD,QAAQ,CAAC,aAAa,EAAE,CAAC,IAAI,EAAE,qBAAqB,KAAK,IAAI,CAAC;CAC/D;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,UAAU,EAAE,SAAS,MAAM,EAAE,CAAC;IACvC,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,QAAQ,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,QAAQ,CAAC,KAAK,EAAE,cAAc,CAAC;CAChC;AAED,MAAM,WAAW,0BACf,SACE,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,yBAAyB,CAAC,EACxF,sBAAsB;IACxB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC;IACnC,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC1C,QAAQ,CAAC,UAAU,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACxC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACnC,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;CAC9C;AAED,MAAM,WAAW,+BAA+B;IAC9C,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;CACpC;AAED,MAAM,WAAW,uBAAwB,SAAQ,0BAA0B;IACzE,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED,MAAM,WAAW,kBACf,SAAQ,0BAA0B,EAAE,+BAA+B;IACnE,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,MAAM,MAAM,mBAAmB,CAAC,GAAG,SAAS,WAAW,GAAG,OAAO,IAAI,eAAe,CAClF,GAAG,EACH,sBAAsB,EACtB;IAAE,QAAQ,EAAE,OAAO,CAAA;CAAE,EACrB,gBAAgB,CACjB,CAAC;AAEF,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IACjC,QAAQ,CAAC,GAAG,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,GAAG;QAC/B,QAAQ,CAAC,WAAW,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;KAClE,CAAC;CACH;AAED,MAAM,WAAW,qBACf,SACE,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,yBAAyB,CAAC,EACvF,sBAAsB;IACxB,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,sBAAsB,CAAC;CAC7C;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,iBAAiB,CAAC,GAAG,SAAS,WAAW,GAAG,IAAI,IAAI,eAAe,CAC7E,GAAG,EACH,oBAAoB,EACpB;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,EACpB,WAAW,CACZ,CAAC;AAEF,MAAM,WAAW,0BACf,SAAQ,qBAAqB,CAAC,QAAQ,CAAC,EAAE,sBAAsB;IAC/D,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB"}

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

@@ -1,7 +1,7 @@
 import type { ReactElement } from "react";
 import { ToastDescription, ToastTitle } from "./ToastElements.js";
 import type { ToastInput, ToastProviderOwnProps, ToastViewportOwnProps, ToastRootOwnProps, ToastActionProps, ToastCloseProps } from "./types.js";
-export type { ToastActionProps, ToastCloseProps, ToastDescriptionOwnProps, ToastInput, ToastLabels, ToastPriority, ToastProviderOwnProps, ToastRecord, ToastRootOwnProps, ToastStore, ToastTitleOwnProps, ToastViewportOwnProps, } from "./types.js";
+export type { ToastActionProps, ToastCloseProps, ToastDescriptionOwnProps, ToastInput, ToastLabels, ToastPriority, ToastProviderOwnProps, ToastRecord, ToastRootOwnProps, ToastStore, ToastTitleOwnProps, ToastViewportOwnProps, ToastProviderSlotProps, ToastRootSlotProps, ToastItemSlotProps, ToastTitleSlotProps, ToastDescriptionSlotProps, ToastActionSlotProps, ToastCloseSlotProps, ToastViewportSlotProps, } from "./types.js";
 export { ToastDescription, ToastTitle };
 export declare function ToastProvider(props: ToastProviderOwnProps): ReactElement | null;
 export declare namespace ToastProvider {

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

@@ -1 +1 @@
-{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/toast/Toast.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAA2C,YAAY,EAAE,MAAM,OAAO,CAAC;AAKnF,OAAO,EAGL,gBAAgB,EAChB,UAAU,EAEX,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EACV,UAAU,EAGV,qBAAqB,EACrB,qBAAqB,EACrB,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EAEhB,MAAM,YAAY,CAAC;AAEpB,YAAY,EACV,gBAAgB,EAChB,eAAe,EACf,wBAAwB,EACxB,UAAU,EACV,WAAW,EACX,aAAa,EACb,qBAAqB,EACrB,WAAW,EACX,iBAAiB,EACjB,UAAU,EACV,kBAAkB,EAClB,qBAAqB,GACtB,MAAM,YAAY,CAAC;AAgBpB,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,CAAC;AAExC,wBAAgB,aAAa,CAAC,KAAK,EAAE,qBAAqB,GAAG,YAAY,GAAG,IAAI,CAqC/E;yBArCe,aAAa;;;AAwC7B,wBAAgB,aAAa,CAAC,KAAK,EAAE,qBAAqB,GAAG,YAAY,GAAG,IAAI,CA8C/E;yBA9Ce,aAAa;;;AAiD7B,wBAAgB,SAAS,CAAC,KAAK,EAAE,iBAAiB,GAAG,YAAY,GAAG,IAAI,CA8DvE;yBA9De,SAAS;;;AAiEzB,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,GAAG,IAAI,CAExE;yBAFe,WAAW;;;AAK3B,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,YAAY,GAAG,IAAI,CAEtE;yBAFe,UAAU;;;AAK1B,wBAAgB,QAAQ;;iBAIP,UAAU;EAI1B;AAED,eAAO,MAAM,KAAK;;;;;;;;CAQjB,CAAC"}
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/toast/Toast.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAA2C,YAAY,EAAE,MAAM,OAAO,CAAC;AAOnF,OAAO,EAGL,gBAAgB,EAChB,UAAU,EAEX,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EACV,UAAU,EAGV,qBAAqB,EACrB,qBAAqB,EACrB,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EAEhB,MAAM,YAAY,CAAC;AAEpB,YAAY,EACV,gBAAgB,EAChB,eAAe,EACf,wBAAwB,EACxB,UAAU,EACV,WAAW,EACX,aAAa,EACb,qBAAqB,EACrB,WAAW,EACX,iBAAiB,EACjB,UAAU,EACV,kBAAkB,EAClB,qBAAqB,EACrB,sBAAsB,EACtB,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EACnB,yBAAyB,EACzB,oBAAoB,EACpB,mBAAmB,EACnB,sBAAsB,GACvB,MAAM,YAAY,CAAC;AAgBpB,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,CAAC;AAExC,wBAAgB,aAAa,CAAC,KAAK,EAAE,qBAAqB,GAAG,YAAY,GAAG,IAAI,CAuC/E;yBAvCe,aAAa;;;AA0C7B,wBAAgB,aAAa,CAAC,KAAK,EAAE,qBAAqB,GAAG,YAAY,GAAG,IAAI,CAoD/E;yBApDe,aAAa;;;AAuD7B,wBAAgB,SAAS,CAAC,KAAK,EAAE,iBAAiB,GAAG,YAAY,GAAG,IAAI,CAuFvE;yBAvFe,SAAS;;;AA0FzB,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,GAAG,IAAI,CAExE;yBAFe,WAAW;;;AAK3B,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,YAAY,GAAG,IAAI,CAEtE;yBAFe,UAAU;;;AAK1B,wBAAgB,QAAQ;;iBAIP,UAAU;EAI1B;AAED,eAAO,MAAM,KAAK;;;;;;;;CAQjB,CAAC"}

package/dist/components/toast/Toast.js

@@ -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 { 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,12 @@ function ToastProvider(props) {
     () => ({ dismiss, pause, resume, store, labels: resolvedLabels }),
     [dismiss, pause, resume, store, resolvedLabels]
   );
+  const politeLiveRegionProps = slotProps?.politeLiveRegion;
+  const assertiveLiveRegionProps = slotProps?.assertiveLiveRegion;
   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, { "aria-atomic": "true", "aria-live": "polite", ...politeLiveRegionProps, children: announcement }),
+    /* @__PURE__ */ jsx(VisuallyHidden, { "aria-atomic": "true", "aria-live": "assertive", ...assertiveLiveRegionProps, children: assertiveAnnouncement })
   ] });
 }
 ToastProvider.displayName = "ToastProvider";
@@ -74,9 +78,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,17 +95,29 @@ 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, { popover: "manual", ...domProps, labels: resolvedLabels, ref: mergedRef, children: toasts.map((toast) => /* @__PURE__ */ jsx(ViewTransition, { default: TOAST_TRANSITION, children: /* @__PURE__ */ jsx(
+    ToastRoot,
+    {
+      ...resolveRepeatedSlotProps(itemSlotProps, toast.id),
+      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 = consumerRootProps;
+  const titleProps = resolveRepeatedSlotProps(slotProps?.title, toast.id);
+  const descriptionProps = resolveRepeatedSlotProps(slotProps?.description, toast.id);
+  const actionProps = resolveRepeatedSlotProps(slotProps?.action, toast.id);
+  const closeProps = resolveRepeatedSlotProps(slotProps?.close, toast.id);
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -109,47 +127,68 @@ function ToastRoot(props) {
       "data-uiify-toast": "",
       role: "group",
       tabIndex: 0,
-      onFocus: () => pause(toast.id),
-      onBlur: (event) => {
+      ...rootProps,
+      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 { 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 = slotProps?.politeLiveRegion;\n  const assertiveLiveRegionProps = slotProps?.assertiveLiveRegion;\n\n  return (\n    <ToastStoreProvider value={contextValue}>\n      {children}\n      <VisuallyHidden aria-atomic=\"true\" aria-live=\"polite\" {...politeLiveRegionProps}>\n        {announcement}\n      </VisuallyHidden>\n      <VisuallyHidden aria-atomic=\"true\" aria-live=\"assertive\" {...assertiveLiveRegionProps}>\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 popover=\"manual\" {...domProps} labels={resolvedLabels} ref={mergedRef}>\n      {toasts.map((toast) => (\n        <ViewTransition default={TOAST_TRANSITION} key={toast.id}>\n          <ToastRoot\n            {...resolveRepeatedSlotProps(itemSlotProps, toast.id)}\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 = consumerRootProps;\n  const titleProps = resolveRepeatedSlotProps(slotProps?.title, toast.id);\n  const descriptionProps = resolveRepeatedSlotProps(slotProps?.description, toast.id);\n  const actionProps = resolveRepeatedSlotProps(slotProps?.action, toast.id);\n  const closeProps = resolveRepeatedSlotProps(slotProps?.close, toast.id);\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      {...rootProps}\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,CA2B/E;yBA3Be,aAAa;;;AA8B7B,wBAAgB,SAAS,CAAC,KAAK,EAAE,iBAAiB,GAAG,YAAY,GAAG,IAAI,CA4BvE;yBA5Be,SAAS;;;AA+BzB,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"}