@gunkin/uiify 0.0.19-alpha → 0.0.20-alpha

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 { 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 (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 { 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":[]}

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, ToastPriority, ToastProviderOwnProps, ToastRecord, ToastRootOwnProps, ToastStore, ToastTitleOwnProps, ToastViewportOwnProps, } from "./types.js";
+export type { ToastActionProps, ToastCloseProps, ToastDescriptionOwnProps, ToastInput, ToastLabels, ToastPriority, ToastProviderOwnProps, ToastRecord, ToastRootOwnProps, ToastStore, ToastTitleOwnProps, ToastViewportOwnProps, } from "./types.js";
 export { ToastDescription, ToastTitle };
 export declare function ToastProvider(props: ToastProviderOwnProps): ReactElement | null;
 export declare namespace ToastProvider {

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,EAChB,MAAM,YAAY,CAAC;AAEpB,YAAY,EACV,gBAAgB,EAChB,eAAe,EACf,wBAAwB,EACxB,UAAU,EACV,aAAa,EACb,qBAAqB,EACrB,WAAW,EACX,iBAAiB,EACjB,UAAU,EACV,kBAAkB,EAClB,qBAAqB,GACtB,MAAM,YAAY,CAAC;AAYpB,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,CAAC;AAExC,wBAAgB,aAAa,CAAC,KAAK,EAAE,qBAAqB,GAAG,YAAY,GAAG,IAAI,CAoC/E;yBApCe,aAAa;;;AAuC7B,wBAAgB,aAAa,CAAC,KAAK,EAAE,qBAAqB,GAAG,YAAY,GAAG,IAAI,CA4C/E;yBA5Ce,aAAa;;;AA+C7B,wBAAgB,SAAS,CAAC,KAAK,EAAE,iBAAiB,GAAG,YAAY,GAAG,IAAI,CAiEvE;yBAjEe,SAAS;;;AAoEzB,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;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"}

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":";AAwFI,SAEE,KAFF;AAtFJ;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,2BAA2B,qBAAqB;AACzD,SAAS,mBAAmB,gBAAgB;AAC5C,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC;AAAA,EACE,eAAe;AAAA,EACf,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,OACZ;AA0BP,MAAM,0BAA0B;AAGhC,MAAM,mBAAmB;AAEzB,MAAM,CAAC,oBAAoB,oBAAoB,IAAI;AAAA,EACjD;AAAA,EACA;AACF;AAIO,SAAS,cAAc,OAAmD;AAC/E,QAAM,EAAE,UAAU,QAAQ,EAAE,IAAI;AAChC,QAAM,WAAW,OAA0B,IAAI;AAC/C,WAAS,YAAY,iBAAiB,EAAE,MAAM,CAAC;AAC/C,QAAM,QAAQ,SAAS;AAEvB,QAAM,UAAU,YAAY,CAAC,OAAe,MAAM,QAAQ,EAAE,GAAG,CAAC,KAAK,CAAC;AACtE,QAAM,QAAQ,YAAY,CAAC,OAAe,MAAM,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC;AAClE,QAAM,SAAS,YAAY,CAAC,OAAe,MAAM,OAAO,EAAE,GAAG,CAAC,KAAK,CAAC;AAEpE,QAAM,eAAe;AAAA,IACnB,MAAM;AAAA,IACN,MAAM,MAAM,gBAAgB;AAAA,IAC5B,MAAM;AAAA,EACR;AACA,QAAM,wBAAwB;AAAA,IAC5B,MAAM;AAAA,IACN,MAAM,MAAM,yBAAyB;AAAA,IACrC,MAAM;AAAA,EACR;AACA,QAAM,eAAe;AAAA,IACnB,OAAO,EAAE,SAAS,OAAO,QAAQ,MAAM;AAAA,IACvC,CAAC,SAAS,OAAO,QAAQ,KAAK;AAAA,EAChC;AAEA,SACE,qBAAC,sBAAmB,OAAO,cACxB;AAAA;AAAA,IACD,oBAAC,kBAAe,eAAY,QAAO,aAAU,UAC1C,wBACH;AAAA,IACA,oBAAC,kBAAe,eAAY,QAAO,aAAU,aAC1C,iCACH;AAAA,KACF;AAEJ;AACA,cAAc,cAAc;AAErB,SAAS,cAAc,OAAmD;AAC/E,QAAM,EAAE,MAAM,IAAI,qBAAqB,UAAU;AAGjD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,MAAM,iBAAiB;AAC5D,YAAU,MAAM;AACd,UAAM,OAAO,MACX,gBAAgB,MAAM;AACpB,wBAAkB,gBAAgB;AAClC,gBAAU,MAAM,YAAY,CAAC;AAAA,IAC/B,CAAC;AACH,UAAM,cAAc,MAAM,UAAU,IAAI;AACxC,SAAK;AACL,WAAO;AAAA,EACT,GAAG,CAAC,KAAK,CAAC;AACV,QAAM,CAAC,aAAa,QAAQ,IAAI,SAA6C,KAAK;AAClF,QAAM,cAAc,OAA2B,IAAI;AACnD,QAAM,YAAY,cAAc,aAAa,WAAW;AACxD,QAAM,YAAY,OAAO,SAAS;AAMlC,4BAA0B,MAAM;AAC9B,UAAM,WAAW,YAAY;AAC7B,QAAI,CAAC,SAAU;AACf,QAAI;AACF,UAAI,aAAa,CAAC,SAAS,QAAQ,eAAe,EAAG,UAAS,YAAY;AAC1E,UAAI,CAAC,aAAa,SAAS,QAAQ,eAAe,EAAG,UAAS,YAAY;AAAA,IAC5E,QAAQ;AAAA,IAER;AAAA,EACF,GAAG,CAAC,SAAS,CAAC;AAEd,SACE,oBAAC,wBAAsB,GAAG,UAAU,SAAQ,UAAS,KAAK,WACvD,iBAAO,IAAI,CAAC,UACX,oBAAC,kBAAe,SAAS,kBACvB,8BAAC,aAAU,OAAc,KADqB,MAAM,EAEtD,CACD,GACH;AAEJ;AACA,cAAc,cAAc;AAErB,SAAS,UAAU,OAA+C;AACvE,QAAM,EAAE,MAAM,IAAI;AAClB,QAAM,EAAE,SAAS,OAAO,OAAO,IAAI,qBAAqB,MAAM;AAC9D,QAAM,YAAY,OAAO,CAAC;AAC1B,QAAM,YAAY,OAAO,CAAC;AAC1B,QAAM,aAAa,OAAO,KAAK;AAG/B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAY,OAAO,MAAM,UAAU,WAAW,MAAM,QAAQ;AAAA,MAC5D,cAAW;AAAA,MACX,aAAU;AAAA,MACV,oBAAiB;AAAA,MACjB,MAAK;AAAA,MACL,UAAU;AAAA,MACV,SAAS,MAAM,MAAM,MAAM,EAAE;AAAA,MAC7B,QAAQ,CAAC,UAAsC;AAC7C,YAAI,CAAC,MAAM,cAAc,SAAS,MAAM,aAA4B,EAAG,QAAO,MAAM,EAAE;AAAA,MACxF;AAAA,MACA,WAAW,CAAC,UAAyC;AACnD,YAAI,MAAM,QAAQ,UAAU;AAC1B,gBAAM,eAAe;AACrB,kBAAQ,MAAM,EAAE;AAAA,QAClB;AAAA,MACF;AAAA,MACA,gBAAgB,MAAM,MAAM,MAAM,EAAE;AAAA,MACpC,gBAAgB,MAAM,OAAO,MAAM,EAAE;AAAA,MACrC,iBAAiB,MAAM;AACrB,mBAAW,UAAU;AAAA,MACvB;AAAA,MACA,eAAe,CAAC,UAAwC;AACtD,kBAAU,UAAU,MAAM;AAC1B,kBAAU,UAAU,MAAM;AAC1B,mBAAW,UAAU;AAAA,MACvB;AAAA,MACA,eAAe,CAAC,UAAwC;AACtD,YAAI,CAAC,WAAW,QAAS;AACzB,cAAM,SAAS,MAAM,UAAU,UAAU;AACzC,cAAM,SAAS,MAAM,UAAU,UAAU;AACzC,YAAI,KAAK,IAAI,MAAM,IAAI,KAAK,IAAI,MAAM,KAAK,KAAK,IAAI,MAAM,IAAI,yBAAyB;AACrF,qBAAW,UAAU;AACrB,kBAAQ,MAAM,EAAE;AAAA,QAClB;AAAA,MACF;AAAA,MACA,aAAa,MAAM;AACjB,mBAAW,UAAU;AAAA,MACvB;AAAA,MAEC;AAAA,cAAM,QAAQ,oBAAC,cAAY,gBAAM,OAAM,IAAgB;AAAA,QACvD,MAAM,cAAc,oBAAC,oBAAkB,gBAAM,aAAY,IAAsB;AAAA,QAC/E,MAAM,SACL;AAAA,UAAC;AAAA;AAAA,YACC,SAAS,MAAM;AACb,oBAAM,QAAQ,QAAQ;AACtB,sBAAQ,MAAM,EAAE;AAAA,YAClB;AAAA,YAEC,gBAAM,OAAO;AAAA;AAAA,QAChB,IACE;AAAA,QACJ,oBAAC,cAAW,SAAS,MAAM,QAAQ,MAAM,EAAE,GAAG;AAAA;AAAA;AAAA,EAChD;AAGJ;AACA,UAAU,cAAc;AAEjB,SAAS,YAAY,OAA8C;AACxE,SAAO,oBAAC,sBAAoB,GAAG,OAAO;AACxC;AACA,YAAY,cAAc;AAEnB,SAAS,WAAW,OAA6C;AACtE,SAAO,oBAAC,qBAAmB,GAAG,OAAO;AACvC;AACA,WAAW,cAAc;AAElB,SAAS,WAAW;AACzB,QAAM,EAAE,SAAS,MAAM,IAAI,qBAAqB,UAAU;AAC1D,SAAO;AAAA,IACL;AAAA,IACA,MAAM,OAAmB;AACvB,aAAO,MAAM,QAAQ,KAAK;AAAA,IAC5B;AAAA,EACF;AACF;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/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