jaci-ui 0.9.3 → 1.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"tags-input.js","names":[],"sources":["../../../src/components/tags-input/tags-input.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, useCallback, useId, useMemo, useRef, useState } from \"react\";\nimport type {\n  ChangeEvent,\n  ChangeEventHandler,\n  ComponentPropsWithoutRef,\n  FocusEvent,\n  KeyboardEvent,\n  MouseEvent,\n  ClipboardEvent,\n  ReactNode,\n} from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { tagsInput } from \"../../styled-system/recipes\";\n\nexport interface TagsInputProps\n  extends Omit<\n    ComponentPropsWithoutRef<\"input\">,\n    \"children\" | \"defaultValue\" | \"onChange\" | \"type\" | \"value\"\n  > {\n  /** Current tags. Omit this prop to use the uncontrolled API. */\n  tags?: readonly string[];\n  /** Initial tags for the uncontrolled API. */\n  defaultTags?: readonly string[];\n  /** Called whenever a tag is added or removed. */\n  onTagsChange?: (tags: string[]) => void;\n  /** Optional suggestions. A tag is accepted after a comma only when it is in this list. */\n  data?: readonly string[];\n  /** Visible label for the input. */\n  label?: ReactNode;\n  /** Current text query. This is the native input value, not the selected tags. */\n  value?: string;\n  /** Initial text query for an uncontrolled input. */\n  defaultValue?: string;\n  /** Native input change callback. */\n  onChange?: ChangeEventHandler<HTMLInputElement>;\n  /** Optional callback useful when a controlled query is cleared by selecting a tag. */\n  onInputValueChange?: (value: string) => void;\n  allowDuplicates?: boolean;\n  delimiter?: string | RegExp;\n  editable?: boolean;\n}\n\nfunction changedEvent(event: ChangeEvent<HTMLInputElement>, value: string) {\n  const target = event.target;\n  const nextTarget = {\n    checked: target.checked,\n    id: target.id,\n    name: target.name,\n    value,\n  } as HTMLInputElement;\n\n  return {\n    ...event,\n    currentTarget: nextTarget,\n    target: nextTarget,\n  } as ChangeEvent<HTMLInputElement>;\n}\n\nfunction tagKey(tag: string, index: number) {\n  return `${tag}-${index}`;\n}\n\nfunction hasDelimiter(value: string, delimiter: string | RegExp) {\n  if (typeof delimiter === \"string\") return delimiter.length > 0 && value.includes(delimiter);\n  delimiter.lastIndex = 0;\n  const result = delimiter.test(value);\n  delimiter.lastIndex = 0;\n  return result;\n}\n\nexport const TagsInput = forwardRef<HTMLInputElement, TagsInputProps>(function TagsInput(\n  {\n    \"aria-describedby\": ariaDescribedBy,\n    \"aria-invalid\": ariaInvalid,\n    \"aria-label\": ariaLabel,\n    allowDuplicates = false,\n    className,\n    data = [],\n    defaultTags = [],\n    defaultValue = \"\",\n    disabled = false,\n    delimiter = /[,\\n]/u,\n    editable = false,\n    id: providedId,\n    label,\n    onBlur,\n    onChange,\n    onFocus,\n    onInputValueChange,\n    onTagsChange,\n    placeholder,\n    tags: controlledTags,\n    value: controlledInputValue,\n    ...props\n  },\n  ref,\n) {\n  const generatedId = useId();\n  const id = providedId ?? generatedId;\n  const [uncontrolledTags, setUncontrolledTags] = useState<string[]>(() => [...defaultTags]);\n  const [uncontrolledInputValue, setUncontrolledInputValue] = useState(defaultValue);\n  const [focused, setFocused] = useState(false);\n  const [composing, setComposing] = useState(false);\n  const [editingTag, setEditingTag] = useState<{ index: number; value: string } | null>(null);\n  const rootRef = useRef<HTMLDivElement>(null);\n  const styles = tagsInput();\n  const selectedTags = controlledTags === undefined ? uncontrolledTags : [...controlledTags];\n  const inputValue =\n    controlledInputValue === undefined ? uncontrolledInputValue : controlledInputValue;\n\n  const updateTags = useCallback(\n    (nextTags: string[]) => {\n      if (controlledTags === undefined) setUncontrolledTags(nextTags);\n      onTagsChange?.(nextTags);\n    },\n    [controlledTags, onTagsChange],\n  );\n\n  const clearInput = useCallback(\n    (event?: ChangeEvent<HTMLInputElement>) => {\n      if (controlledInputValue === undefined) setUncontrolledInputValue(\"\");\n      onInputValueChange?.(\"\");\n      if (event) onChange?.(changedEvent(event, \"\"));\n    },\n    [controlledInputValue, onChange, onInputValueChange],\n  );\n\n  const addTag = useCallback(\n    (rawTag: string, event?: ChangeEvent<HTMLInputElement>) => {\n      const tag = rawTag.trim();\n      const isAllowed = data.length === 0 || data.includes(tag);\n      const duplicate = selectedTags.includes(tag);\n      if (tag && isAllowed && (allowDuplicates || !duplicate)) {\n        if (editingTag) {\n          updateTags([\n            ...selectedTags.slice(0, editingTag.index),\n            tag,\n            ...selectedTags.slice(editingTag.index),\n          ]);\n          setEditingTag(null);\n        } else {\n          updateTags([...selectedTags, tag]);\n        }\n      } else if (editingTag) {\n        return;\n      }\n      clearInput(event);\n    },\n    [allowDuplicates, clearInput, data, editingTag, selectedTags, updateTags],\n  );\n\n  const addDelimited = useCallback(\n    (rawValue: string, event?: ChangeEvent<HTMLInputElement>) => {\n      const separator =\n        typeof delimiter === \"string\" && delimiter.length === 0 ? /\\r?\\n/u : delimiter;\n      const values = rawValue\n        .split(separator)\n        .map((value) => value.trim())\n        .filter(Boolean);\n      const nextTags = [...selectedTags];\n      for (const value of values) {\n        const isAllowed = data.length === 0 || data.includes(value);\n        if (isAllowed && (allowDuplicates || !nextTags.includes(value))) nextTags.push(value);\n      }\n      if (nextTags.length !== selectedTags.length) updateTags(nextTags);\n      clearInput(event);\n    },\n    [allowDuplicates, clearInput, data, delimiter, selectedTags, updateTags],\n  );\n\n  const suggestions = useMemo(() => {\n    const query = inputValue.trim().toLocaleLowerCase();\n    return data.filter(\n      (item) =>\n        !selectedTags.includes(item) &&\n        (query.length === 0 || item.toLocaleLowerCase().includes(query)),\n    );\n  }, [data, inputValue, selectedTags]);\n\n  function handleChange(event: ChangeEvent<HTMLInputElement>) {\n    const nextValue = event.currentTarget.value;\n    if (nextValue.trim() === \"\") {\n      clearInput(event);\n      onChange?.(event);\n      return;\n    }\n\n    if (!composing && hasDelimiter(nextValue, delimiter)) {\n      addDelimited(nextValue, event);\n      return;\n    }\n\n    if (controlledInputValue === undefined) setUncontrolledInputValue(nextValue);\n    onInputValueChange?.(nextValue);\n    onChange?.(event);\n  }\n\n  function handleBlur(event: FocusEvent<HTMLInputElement>) {\n    setFocused(false);\n    onBlur?.(event);\n  }\n\n  function handlePaste(event: ClipboardEvent<HTMLInputElement>) {\n    const pasted = event.clipboardData.getData(\"text\");\n    if (!pasted || (!hasDelimiter(pasted, delimiter) && !pasted.includes(\"\\n\"))) return;\n    event.preventDefault();\n    addDelimited(pasted);\n  }\n\n  function handleKeyDown(event: KeyboardEvent<HTMLInputElement>) {\n    if (event.nativeEvent.isComposing || composing) return;\n    if (event.key === \"Enter\") {\n      event.preventDefault();\n      if (inputValue.trim()) addTag(inputValue);\n      else if (editingTag) setEditingTag(null);\n    } else if (event.key === \"Escape\" && editingTag) {\n      event.preventDefault();\n      updateTags([\n        ...selectedTags.slice(0, editingTag.index),\n        editingTag.value,\n        ...selectedTags.slice(editingTag.index),\n      ]);\n      clearInput();\n      setEditingTag(null);\n    } else if (event.key === \"Backspace\" && !inputValue && editable && selectedTags.length > 0) {\n      const index = selectedTags.length - 1;\n      const tag = selectedTags[index];\n      if (tag === undefined) return;\n      setEditingTag({ index, value: tag });\n      updateTags(selectedTags.slice(0, -1));\n      if (controlledInputValue === undefined) setUncontrolledInputValue(tag);\n      onInputValueChange?.(tag);\n    }\n    props.onKeyDown?.(event);\n  }\n\n  function removeTag(index: number) {\n    updateTags(selectedTags.filter((_, currentIndex) => currentIndex !== index));\n  }\n\n  return (\n    <div\n      className={styles.root}\n      data-jaci-component=\"tags-input\"\n      data-slot=\"tags-input\"\n      ref={rootRef}\n    >\n      {label ? (\n        <label className={styles.label} data-slot=\"tags-input-label\" htmlFor={id}>\n          {label}\n        </label>\n      ) : null}\n      <div\n        className={cx(styles.control, className)}\n        data-disabled={disabled || undefined}\n        data-focus={focused || undefined}\n        data-slot=\"tags-input-control\"\n      >\n        <div className={styles.tagList} data-slot=\"tags-input-tag-list\">\n          {selectedTags.map((tag, index) => (\n            <span className={styles.tag} data-slot=\"tags-input-tag\" key={tagKey(tag, index)}>\n              <span className={styles.tagLabel} data-slot=\"tags-input-tag-label\">\n                {tag}\n              </span>\n              <button\n                aria-label={`Remove ${tag}`}\n                className={styles.tagRemove}\n                data-slot=\"tags-input-tag-remove\"\n                disabled={disabled}\n                onClick={() => removeTag(index)}\n                type=\"button\"\n              >\n                ×\n              </button>\n            </span>\n          ))}\n        </div>\n        <input\n          {...props}\n          {...(ariaDescribedBy ? { \"aria-describedby\": ariaDescribedBy } : {})}\n          {...(ariaInvalid !== undefined ? { \"aria-invalid\": ariaInvalid } : {})}\n          {...(ariaLabel ? { \"aria-label\": ariaLabel } : {})}\n          autoComplete=\"off\"\n          className={styles.input}\n          disabled={disabled}\n          id={id}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          onCompositionEnd={() => setComposing(false)}\n          onCompositionStart={() => setComposing(true)}\n          onFocus={(event) => {\n            setFocused(true);\n            onFocus?.(event);\n          }}\n          onKeyDown={handleKeyDown}\n          onPaste={handlePaste}\n          placeholder={placeholder}\n          ref={ref}\n          type=\"text\"\n          value={inputValue}\n        />\n      </div>\n      {focused && data.length > 0 ? (\n        <div className={styles.positioner} data-slot=\"tags-input-positioner\">\n          <div\n            aria-label=\"Suggestions\"\n            className={styles.list}\n            data-slot=\"tags-input-list\"\n            role=\"listbox\"\n          >\n            {suggestions.length > 0 ? (\n              suggestions.map((item) => (\n                <button\n                  aria-selected={false}\n                  className={styles.item}\n                  data-slot=\"tags-input-item\"\n                  key={item}\n                  onClick={() => addTag(item)}\n                  onMouseDown={(event: MouseEvent<HTMLButtonElement>) => event.preventDefault()}\n                  role=\"option\"\n                  type=\"button\"\n                >\n                  {item}\n                </button>\n              ))\n            ) : (\n              <div className={styles.empty} data-slot=\"tags-input-empty\">\n                No options\n              </div>\n            )}\n          </div>\n        </div>\n      ) : null}\n    </div>\n  );\n});\n"],"mappings":"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"}
+{"version":3,"file":"tags-input.js","names":[],"sources":["../../../src/components/tags-input/tags-input.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, useCallback, useId, useMemo, useRef, useState } from \"react\";\nimport type {\n  ChangeEvent,\n  ChangeEventHandler,\n  ComponentPropsWithoutRef,\n  FocusEvent,\n  KeyboardEvent,\n  MouseEvent,\n  ClipboardEvent,\n  ReactNode,\n} from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { tagsInput } from \"../../styled-system/recipes\";\n\nexport interface TagsInputProps\n  extends Omit<\n    ComponentPropsWithoutRef<\"input\">,\n    \"children\" | \"defaultValue\" | \"onChange\" | \"type\" | \"value\"\n  > {\n  /** Current tags. Omit this prop to use the uncontrolled API. */\n  tags?: readonly string[];\n  /** Initial tags for the uncontrolled API. */\n  defaultTags?: readonly string[];\n  /** Called whenever a tag is added or removed. */\n  onTagsChange?: (tags: string[]) => void;\n  /** Optional suggestions. A tag is accepted after a comma only when it is in this list. */\n  data?: readonly string[];\n  /** Visible label for the input. */\n  label?: ReactNode;\n  /** Current text query. This is the native input value, not the selected tags. */\n  value?: string;\n  /** Initial text query for an uncontrolled input. */\n  defaultValue?: string;\n  /** Native input change callback. */\n  onChange?: ChangeEventHandler<HTMLInputElement>;\n  /** Optional callback useful when a controlled query is cleared by selecting a tag. */\n  onInputValueChange?: (value: string) => void;\n  allowDuplicates?: boolean;\n  delimiter?: string | RegExp;\n  editable?: boolean;\n}\n\nfunction changedEvent(event: ChangeEvent<HTMLInputElement>, value: string) {\n  const target = event.target;\n  const nextTarget = {\n    checked: target.checked,\n    id: target.id,\n    name: target.name,\n    value,\n  } as HTMLInputElement;\n\n  return {\n    ...event,\n    currentTarget: nextTarget,\n    target: nextTarget,\n  } as ChangeEvent<HTMLInputElement>;\n}\n\nfunction tagKey(tag: string, index: number) {\n  return `${tag}-${index}`;\n}\n\nfunction hasDelimiter(value: string, delimiter: string | RegExp) {\n  if (typeof delimiter === \"string\") return delimiter.length > 0 && value.includes(delimiter);\n  delimiter.lastIndex = 0;\n  const result = delimiter.test(value);\n  delimiter.lastIndex = 0;\n  return result;\n}\n\nexport const TagsInput = forwardRef<HTMLInputElement, TagsInputProps>(function TagsInput(\n  {\n    \"aria-describedby\": ariaDescribedBy,\n    \"aria-invalid\": ariaInvalid,\n    \"aria-label\": ariaLabel,\n    allowDuplicates = false,\n    className,\n    data = [],\n    defaultTags = [],\n    defaultValue = \"\",\n    disabled = false,\n    delimiter = /[,\\n]/u,\n    editable = false,\n    id: providedId,\n    label,\n    onBlur,\n    onChange,\n    onFocus,\n    onInputValueChange,\n    onTagsChange,\n    placeholder,\n    tags: controlledTags,\n    value: controlledInputValue,\n    ...props\n  },\n  ref,\n) {\n  const generatedId = useId();\n  const id = providedId ?? generatedId;\n  const [uncontrolledTags, setUncontrolledTags] = useState<string[]>(() => [...defaultTags]);\n  const [uncontrolledInputValue, setUncontrolledInputValue] = useState(defaultValue);\n  const [focused, setFocused] = useState(false);\n  const [composing, setComposing] = useState(false);\n  const [editingTag, setEditingTag] = useState<{ index: number; value: string } | null>(null);\n  const rootRef = useRef<HTMLDivElement>(null);\n  const styles = tagsInput();\n  const selectedTags = controlledTags === undefined ? uncontrolledTags : [...controlledTags];\n  const inputValue =\n    controlledInputValue === undefined ? uncontrolledInputValue : controlledInputValue;\n\n  const updateTags = useCallback(\n    (nextTags: string[]) => {\n      if (controlledTags === undefined) setUncontrolledTags(nextTags);\n      onTagsChange?.(nextTags);\n    },\n    [controlledTags, onTagsChange],\n  );\n\n  const clearInput = useCallback(\n    (event?: ChangeEvent<HTMLInputElement>) => {\n      if (controlledInputValue === undefined) setUncontrolledInputValue(\"\");\n      onInputValueChange?.(\"\");\n      if (event) onChange?.(changedEvent(event, \"\"));\n    },\n    [controlledInputValue, onChange, onInputValueChange],\n  );\n\n  const addTag = useCallback(\n    (rawTag: string, event?: ChangeEvent<HTMLInputElement>) => {\n      const tag = rawTag.trim();\n      const isAllowed = data.length === 0 || data.includes(tag);\n      const duplicate = selectedTags.includes(tag);\n      if (tag && isAllowed && (allowDuplicates || !duplicate)) {\n        if (editingTag) {\n          updateTags([\n            ...selectedTags.slice(0, editingTag.index),\n            tag,\n            ...selectedTags.slice(editingTag.index),\n          ]);\n          setEditingTag(null);\n        } else {\n          updateTags([...selectedTags, tag]);\n        }\n      } else if (editingTag) {\n        return;\n      }\n      clearInput(event);\n    },\n    [allowDuplicates, clearInput, data, editingTag, selectedTags, updateTags],\n  );\n\n  const addDelimited = useCallback(\n    (rawValue: string, event?: ChangeEvent<HTMLInputElement>) => {\n      const separator =\n        typeof delimiter === \"string\" && delimiter.length === 0 ? /\\r?\\n/u : delimiter;\n      const values = rawValue\n        .split(separator)\n        .map((value) => value.trim())\n        .filter(Boolean);\n      const nextTags = [...selectedTags];\n      for (const value of values) {\n        const isAllowed = data.length === 0 || data.includes(value);\n        if (isAllowed && (allowDuplicates || !nextTags.includes(value))) nextTags.push(value);\n      }\n      if (nextTags.length !== selectedTags.length) updateTags(nextTags);\n      clearInput(event);\n    },\n    [allowDuplicates, clearInput, data, delimiter, selectedTags, updateTags],\n  );\n\n  const suggestions = useMemo(() => {\n    const query = inputValue.trim().toLocaleLowerCase();\n    return data.filter(\n      (item) =>\n        !selectedTags.includes(item) &&\n        (query.length === 0 || item.toLocaleLowerCase().includes(query)),\n    );\n  }, [data, inputValue, selectedTags]);\n\n  function handleChange(event: ChangeEvent<HTMLInputElement>) {\n    const nextValue = event.currentTarget.value;\n    if (nextValue.trim() === \"\") {\n      clearInput(event);\n      onChange?.(event);\n      return;\n    }\n\n    if (!composing && hasDelimiter(nextValue, delimiter)) {\n      addDelimited(nextValue, event);\n      return;\n    }\n\n    if (controlledInputValue === undefined) setUncontrolledInputValue(nextValue);\n    onInputValueChange?.(nextValue);\n    onChange?.(event);\n  }\n\n  function handleBlur(event: FocusEvent<HTMLInputElement>) {\n    setFocused(false);\n    onBlur?.(event);\n  }\n\n  function handlePaste(event: ClipboardEvent<HTMLInputElement>) {\n    const pasted = event.clipboardData.getData(\"text\");\n    if (!pasted || (!hasDelimiter(pasted, delimiter) && !pasted.includes(\"\\n\"))) return;\n    event.preventDefault();\n    addDelimited(pasted);\n  }\n\n  function handleKeyDown(event: KeyboardEvent<HTMLInputElement>) {\n    if (event.nativeEvent.isComposing || composing) return;\n    if (event.key === \"Enter\") {\n      event.preventDefault();\n      if (inputValue.trim()) addTag(inputValue);\n      else if (editingTag) setEditingTag(null);\n    } else if (event.key === \"Escape\" && editingTag) {\n      event.preventDefault();\n      updateTags([\n        ...selectedTags.slice(0, editingTag.index),\n        editingTag.value,\n        ...selectedTags.slice(editingTag.index),\n      ]);\n      clearInput();\n      setEditingTag(null);\n    } else if (event.key === \"Backspace\" && !inputValue && editable && selectedTags.length > 0) {\n      const index = selectedTags.length - 1;\n      const tag = selectedTags[index];\n      if (tag === undefined) return;\n      setEditingTag({ index, value: tag });\n      updateTags(selectedTags.slice(0, -1));\n      if (controlledInputValue === undefined) setUncontrolledInputValue(tag);\n      onInputValueChange?.(tag);\n    }\n    props.onKeyDown?.(event);\n  }\n\n  function removeTag(index: number) {\n    updateTags(selectedTags.filter((_, currentIndex) => currentIndex !== index));\n  }\n\n  return (\n    <div\n      className={styles.root}\n      data-jaci-component=\"tags-input\"\n      data-slot=\"tags-input\"\n      ref={rootRef}\n    >\n      {label ? (\n        <label className={styles.label} data-slot=\"tags-input-label\" htmlFor={id}>\n          {label}\n        </label>\n      ) : null}\n      <div\n        className={cx(styles.control, className)}\n        data-disabled={disabled || undefined}\n        data-focus={focused || undefined}\n        data-slot=\"tags-input-control\"\n      >\n        <div className={styles.tagList} data-slot=\"tags-input-tag-list\">\n          {selectedTags.map((tag, index) => (\n            <span className={styles.tag} data-slot=\"tags-input-tag\" key={tagKey(tag, index)}>\n              <span className={styles.tagLabel} data-slot=\"tags-input-tag-label\">\n                {tag}\n              </span>\n              <button\n                aria-label={`Remove ${tag}`}\n                className={styles.tagRemove}\n                data-slot=\"tags-input-tag-remove\"\n                disabled={disabled}\n                onClick={() => removeTag(index)}\n                type=\"button\"\n              >\n                ×\n              </button>\n            </span>\n          ))}\n        </div>\n        <input\n          {...props}\n          {...(ariaDescribedBy ? { \"aria-describedby\": ariaDescribedBy } : {})}\n          {...(ariaInvalid !== undefined ? { \"aria-invalid\": ariaInvalid } : {})}\n          {...(ariaLabel ? { \"aria-label\": ariaLabel } : {})}\n          autoComplete=\"off\"\n          className={styles.input}\n          disabled={disabled}\n          id={id}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          onCompositionEnd={() => setComposing(false)}\n          onCompositionStart={() => setComposing(true)}\n          onFocus={(event) => {\n            setFocused(true);\n            onFocus?.(event);\n          }}\n          onKeyDown={handleKeyDown}\n          onPaste={handlePaste}\n          placeholder={placeholder}\n          ref={ref}\n          type=\"text\"\n          value={inputValue}\n        />\n      </div>\n      {focused && data.length > 0 ? (\n        <div className={styles.positioner} data-slot=\"tags-input-positioner\">\n          <div\n            aria-label=\"Suggestions\"\n            className={styles.list}\n            data-slot=\"tags-input-list\"\n            role=\"listbox\"\n          >\n            {suggestions.length > 0 ? (\n              suggestions.map((item) => (\n                <button\n                  aria-selected={false}\n                  className={styles.item}\n                  data-slot=\"tags-input-item\"\n                  key={item}\n                  onClick={() => addTag(item)}\n                  onMouseDown={(event: MouseEvent<HTMLButtonElement>) => event.preventDefault()}\n                  role=\"option\"\n                  type=\"button\"\n                >\n                  {item}\n                </button>\n              ))\n            ) : (\n              <div className={styles.empty} data-slot=\"tags-input-empty\">\n                No options\n              </div>\n            )}\n          </div>\n        </div>\n      ) : null}\n    </div>\n  );\n});\n"],"mappings":"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"}

package/dist/components/toast/toast.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"toast.cjs","names":["BaseToast","withRecipeClassName","toastRecipe","cx","useThemePortalProps"],"sources":["../../../src/components/toast/toast.tsx"],"sourcesContent":["\"use client\";\n\nimport { Toast as BaseToast } from \"@base-ui/react/toast\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { toast as toastRecipe } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport { useThemePortalProps } from \"../../theme/theme-scope\";\n\nexport type ToastTone = \"neutral\" | \"info\" | \"success\" | \"warning\" | \"danger\";\n\nconst toneByToastType: Record<string, ToastTone> = {\n  danger: \"danger\",\n  error: \"danger\",\n  info: \"info\",\n  success: \"success\",\n  warning: \"warning\",\n};\n\nfunction resolveTone(type: string | undefined, tone: ToastTone | undefined): ToastTone {\n  return tone ?? (type === undefined ? \"neutral\" : (toneByToastType[type] ?? \"neutral\"));\n}\n\nexport type ToastProviderProps = ComponentPropsWithoutRef<typeof BaseToast.Provider>;\n\n/**\n * Creates an isolated, declarative toast region. Configure `timeout` and\n * `limit` here; use `Toast.Root` to render each toast from local state or\n * `Toast.useToastManager()`.\n */\nexport function ToastProvider(props: ToastProviderProps) {\n  return <BaseToast.Provider {...props} />;\n}\n\nexport type ToastViewportProps = ComponentPropsWithoutRef<typeof BaseToast.Viewport>;\n\n/**\n * A bottom-centred notification region.\n */\nexport const ToastViewport = forwardRef<HTMLDivElement, ToastViewportProps>(function ToastViewport(\n  { \"aria-label\": ariaLabel, \"aria-live\": ariaLive, className, ...props },\n  ref,\n) {\n  return (\n    <BaseToast.Viewport\n      {...props}\n      aria-label={ariaLabel ?? \"Notifications\"}\n      aria-live={ariaLive ?? \"polite\"}\n      ref={ref}\n      className={withRecipeClassName(toastRecipe().viewport, className)}\n      data-jaci-component=\"toast-viewport\"\n      data-slot=\"toast-viewport\"\n    />\n  );\n});\n\nexport interface ToastRootProps extends ComponentPropsWithoutRef<typeof BaseToast.Root> {\n  /**\n   * Visual status. When omitted, the value is inferred from the toast's\n   * `type` (`error` maps to `danger`) and otherwise remains neutral.\n   */\n  tone?: ToastTone;\n}\n\n/**\n * Renders a toast object while preserving Base UI's lifecycle, focus, swipe,\n * and auto-dismiss behavior. It is intentionally composed rather than a\n * global imperative notification API.\n */\nexport const ToastRoot = forwardRef<HTMLDivElement, ToastRootProps>(function ToastRoot(\n  { className, toast: toastObject, tone, ...props },\n  ref,\n) {\n  const resolvedTone = resolveTone(toastObject.type, tone);\n\n  return (\n    <BaseToast.Root\n      {...props}\n      ref={ref}\n      toast={toastObject}\n      className={withRecipeClassName(toastRecipe({ tone: resolvedTone }).root, className)}\n      data-jaci-component=\"toast\"\n      data-jaci-tone={resolvedTone}\n      data-slot=\"toast\"\n    />\n  );\n});\n\nexport type ToastContentProps = ComponentPropsWithoutRef<typeof BaseToast.Content>;\n\nexport const ToastContent = forwardRef<HTMLDivElement, ToastContentProps>(function ToastContent(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseToast.Content\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(toastRecipe().content, className)}\n      data-slot=\"toast-content\"\n    />\n  );\n});\n\n/** A layout wrapper for `Toast.Title` and `Toast.Description`. */\nexport type ToastTextProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const ToastText = forwardRef<HTMLDivElement, ToastTextProps>(function ToastText(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={cx(toastRecipe().text, className)}\n      data-slot=\"toast-text\"\n    />\n  );\n});\n\nexport type ToastTitleProps = ComponentPropsWithoutRef<typeof BaseToast.Title>;\n\nexport const ToastTitle = forwardRef<HTMLHeadingElement, ToastTitleProps>(function ToastTitle(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseToast.Title\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(toastRecipe().title, className)}\n      data-slot=\"toast-title\"\n    />\n  );\n});\n\nexport type ToastDescriptionProps = ComponentPropsWithoutRef<typeof BaseToast.Description>;\n\nexport const ToastDescription = forwardRef<HTMLParagraphElement, ToastDescriptionProps>(\n  function ToastDescription({ className, ...props }, ref) {\n    return (\n      <BaseToast.Description\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(toastRecipe().description, className)}\n        data-slot=\"toast-description\"\n      />\n    );\n  },\n);\n\nexport type ToastCloseProps = ComponentPropsWithoutRef<typeof BaseToast.Close>;\n\nexport const ToastClose = forwardRef<HTMLButtonElement, ToastCloseProps>(function ToastClose(\n  { \"aria-label\": ariaLabel, children, className, ...props },\n  ref,\n) {\n  const hasVisibleLabel = children != null;\n\n  return (\n    <BaseToast.Close\n      {...props}\n      aria-label={ariaLabel ?? (hasVisibleLabel ? undefined : \"Dismiss notification\")}\n      ref={ref}\n      className={withRecipeClassName(toastRecipe().close, className)}\n      data-slot=\"toast-close\"\n    >\n      {children ?? \"×\"}\n    </BaseToast.Close>\n  );\n});\n\nexport type ToastActionProps = ComponentPropsWithoutRef<typeof BaseToast.Action>;\n\nexport const ToastAction = forwardRef<HTMLButtonElement, ToastActionProps>(function ToastAction(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseToast.Action\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(toastRecipe().action, className)}\n      data-slot=\"toast-action\"\n    />\n  );\n});\n\n/** Base UI's portal is preserved for rendering the viewport at document level. */\nexport function ToastPortal(props: ComponentPropsWithoutRef<typeof BaseToast.Portal>) {\n  return <BaseToast.Portal {...useThemePortalProps(props)} />;\n}\n\nexport interface ToastComponent {\n  Provider: typeof ToastProvider;\n  Viewport: typeof ToastViewport;\n  Root: typeof ToastRoot;\n  Content: typeof ToastContent;\n  Text: typeof ToastText;\n  Title: typeof ToastTitle;\n  Description: typeof ToastDescription;\n  Close: typeof ToastClose;\n  Action: typeof ToastAction;\n  Portal: typeof ToastPortal;\n  useToastManager: typeof BaseToast.useToastManager;\n}\n\nexport const Toast: ToastComponent = {\n  Provider: ToastProvider,\n  Viewport: ToastViewport,\n  Root: ToastRoot,\n  Content: ToastContent,\n  Text: ToastText,\n  Title: ToastTitle,\n  Description: ToastDescription,\n  Close: ToastClose,\n  Action: ToastAction,\n  Portal: ToastPortal,\n  useToastManager: BaseToast.useToastManager,\n};\n"],"mappings":"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"}
+{"version":3,"file":"toast.cjs","names":["BaseToast","forwardRef","withRecipeClassName","toastRecipe","cx","useThemePortalProps"],"sources":["../../../src/components/toast/toast.tsx"],"sourcesContent":["\"use client\";\n\nimport { Toast as BaseToast } from \"@base-ui/react/toast\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { toast as toastRecipe } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport { useThemePortalProps } from \"../../theme/theme-scope\";\n\nexport type ToastTone = \"neutral\" | \"info\" | \"success\" | \"warning\" | \"danger\";\n\nconst toneByToastType: Record<string, ToastTone> = {\n  danger: \"danger\",\n  error: \"danger\",\n  info: \"info\",\n  success: \"success\",\n  warning: \"warning\",\n};\n\nfunction resolveTone(type: string | undefined, tone: ToastTone | undefined): ToastTone {\n  return tone ?? (type === undefined ? \"neutral\" : (toneByToastType[type] ?? \"neutral\"));\n}\n\nexport type ToastProviderProps = ComponentPropsWithoutRef<typeof BaseToast.Provider>;\n\n/**\n * Creates an isolated, declarative toast region. Configure `timeout` and\n * `limit` here; use `Toast.Root` to render each toast from local state or\n * `Toast.useToastManager()`.\n */\nexport function ToastProvider(props: ToastProviderProps) {\n  return <BaseToast.Provider {...props} />;\n}\n\nexport type ToastViewportProps = ComponentPropsWithoutRef<typeof BaseToast.Viewport>;\n\n/**\n * A bottom-centred notification region.\n */\nexport const ToastViewport = forwardRef<HTMLDivElement, ToastViewportProps>(function ToastViewport(\n  { \"aria-label\": ariaLabel, \"aria-live\": ariaLive, className, ...props },\n  ref,\n) {\n  return (\n    <BaseToast.Viewport\n      {...props}\n      aria-label={ariaLabel ?? \"Notifications\"}\n      aria-live={ariaLive ?? \"polite\"}\n      ref={ref}\n      className={withRecipeClassName(toastRecipe().viewport, className)}\n      data-jaci-component=\"toast-viewport\"\n      data-slot=\"toast-viewport\"\n    />\n  );\n});\n\nexport interface ToastRootProps extends ComponentPropsWithoutRef<typeof BaseToast.Root> {\n  /**\n   * Visual status. When omitted, the value is inferred from the toast's\n   * `type` (`error` maps to `danger`) and otherwise remains neutral.\n   */\n  tone?: ToastTone;\n}\n\n/**\n * Renders a toast object while preserving Base UI's lifecycle, focus, swipe,\n * and auto-dismiss behavior. It is intentionally composed rather than a\n * global imperative notification API.\n */\nexport const ToastRoot = forwardRef<HTMLDivElement, ToastRootProps>(function ToastRoot(\n  { className, toast: toastObject, tone, ...props },\n  ref,\n) {\n  const resolvedTone = resolveTone(toastObject.type, tone);\n\n  return (\n    <BaseToast.Root\n      {...props}\n      ref={ref}\n      toast={toastObject}\n      className={withRecipeClassName(toastRecipe({ tone: resolvedTone }).root, className)}\n      data-jaci-component=\"toast\"\n      data-jaci-tone={resolvedTone}\n      data-slot=\"toast\"\n    />\n  );\n});\n\nexport type ToastContentProps = ComponentPropsWithoutRef<typeof BaseToast.Content>;\n\nexport const ToastContent = forwardRef<HTMLDivElement, ToastContentProps>(function ToastContent(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseToast.Content\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(toastRecipe().content, className)}\n      data-slot=\"toast-content\"\n    />\n  );\n});\n\n/** A layout wrapper for `Toast.Title` and `Toast.Description`. */\nexport type ToastTextProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const ToastText = forwardRef<HTMLDivElement, ToastTextProps>(function ToastText(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={cx(toastRecipe().text, className)}\n      data-slot=\"toast-text\"\n    />\n  );\n});\n\nexport type ToastTitleProps = ComponentPropsWithoutRef<typeof BaseToast.Title>;\n\nexport const ToastTitle = forwardRef<HTMLHeadingElement, ToastTitleProps>(function ToastTitle(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseToast.Title\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(toastRecipe().title, className)}\n      data-slot=\"toast-title\"\n    />\n  );\n});\n\nexport type ToastDescriptionProps = ComponentPropsWithoutRef<typeof BaseToast.Description>;\n\nexport const ToastDescription = forwardRef<HTMLParagraphElement, ToastDescriptionProps>(\n  function ToastDescription({ className, ...props }, ref) {\n    return (\n      <BaseToast.Description\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(toastRecipe().description, className)}\n        data-slot=\"toast-description\"\n      />\n    );\n  },\n);\n\nexport type ToastCloseProps = ComponentPropsWithoutRef<typeof BaseToast.Close>;\n\nexport const ToastClose = forwardRef<HTMLButtonElement, ToastCloseProps>(function ToastClose(\n  { \"aria-label\": ariaLabel, children, className, ...props },\n  ref,\n) {\n  const hasVisibleLabel = children != null;\n\n  return (\n    <BaseToast.Close\n      {...props}\n      aria-label={ariaLabel ?? (hasVisibleLabel ? undefined : \"Dismiss notification\")}\n      ref={ref}\n      className={withRecipeClassName(toastRecipe().close, className)}\n      data-slot=\"toast-close\"\n    >\n      {children ?? \"×\"}\n    </BaseToast.Close>\n  );\n});\n\nexport type ToastActionProps = ComponentPropsWithoutRef<typeof BaseToast.Action>;\n\nexport const ToastAction = forwardRef<HTMLButtonElement, ToastActionProps>(function ToastAction(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseToast.Action\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(toastRecipe().action, className)}\n      data-slot=\"toast-action\"\n    />\n  );\n});\n\n/** Base UI's portal is preserved for rendering the viewport at document level. */\nexport function ToastPortal(props: ComponentPropsWithoutRef<typeof BaseToast.Portal>) {\n  return <BaseToast.Portal {...useThemePortalProps(props)} />;\n}\n\nexport interface ToastComponent {\n  Provider: typeof ToastProvider;\n  Viewport: typeof ToastViewport;\n  Root: typeof ToastRoot;\n  Content: typeof ToastContent;\n  Text: typeof ToastText;\n  Title: typeof ToastTitle;\n  Description: typeof ToastDescription;\n  Close: typeof ToastClose;\n  Action: typeof ToastAction;\n  Portal: typeof ToastPortal;\n  useToastManager: typeof BaseToast.useToastManager;\n}\n\nexport const Toast: ToastComponent = {\n  Provider: ToastProvider,\n  Viewport: ToastViewport,\n  Root: ToastRoot,\n  Content: ToastContent,\n  Text: ToastText,\n  Title: ToastTitle,\n  Description: ToastDescription,\n  Close: ToastClose,\n  Action: ToastAction,\n  Portal: ToastPortal,\n  useToastManager: BaseToast.useToastManager,\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"toast.js","names":["BaseToast","toastRecipe","Toast"],"sources":["../../../src/components/toast/toast.tsx"],"sourcesContent":["\"use client\";\n\nimport { Toast as BaseToast } from \"@base-ui/react/toast\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { toast as toastRecipe } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport { useThemePortalProps } from \"../../theme/theme-scope\";\n\nexport type ToastTone = \"neutral\" | \"info\" | \"success\" | \"warning\" | \"danger\";\n\nconst toneByToastType: Record<string, ToastTone> = {\n  danger: \"danger\",\n  error: \"danger\",\n  info: \"info\",\n  success: \"success\",\n  warning: \"warning\",\n};\n\nfunction resolveTone(type: string | undefined, tone: ToastTone | undefined): ToastTone {\n  return tone ?? (type === undefined ? \"neutral\" : (toneByToastType[type] ?? \"neutral\"));\n}\n\nexport type ToastProviderProps = ComponentPropsWithoutRef<typeof BaseToast.Provider>;\n\n/**\n * Creates an isolated, declarative toast region. Configure `timeout` and\n * `limit` here; use `Toast.Root` to render each toast from local state or\n * `Toast.useToastManager()`.\n */\nexport function ToastProvider(props: ToastProviderProps) {\n  return <BaseToast.Provider {...props} />;\n}\n\nexport type ToastViewportProps = ComponentPropsWithoutRef<typeof BaseToast.Viewport>;\n\n/**\n * A bottom-centred notification region.\n */\nexport const ToastViewport = forwardRef<HTMLDivElement, ToastViewportProps>(function ToastViewport(\n  { \"aria-label\": ariaLabel, \"aria-live\": ariaLive, className, ...props },\n  ref,\n) {\n  return (\n    <BaseToast.Viewport\n      {...props}\n      aria-label={ariaLabel ?? \"Notifications\"}\n      aria-live={ariaLive ?? \"polite\"}\n      ref={ref}\n      className={withRecipeClassName(toastRecipe().viewport, className)}\n      data-jaci-component=\"toast-viewport\"\n      data-slot=\"toast-viewport\"\n    />\n  );\n});\n\nexport interface ToastRootProps extends ComponentPropsWithoutRef<typeof BaseToast.Root> {\n  /**\n   * Visual status. When omitted, the value is inferred from the toast's\n   * `type` (`error` maps to `danger`) and otherwise remains neutral.\n   */\n  tone?: ToastTone;\n}\n\n/**\n * Renders a toast object while preserving Base UI's lifecycle, focus, swipe,\n * and auto-dismiss behavior. It is intentionally composed rather than a\n * global imperative notification API.\n */\nexport const ToastRoot = forwardRef<HTMLDivElement, ToastRootProps>(function ToastRoot(\n  { className, toast: toastObject, tone, ...props },\n  ref,\n) {\n  const resolvedTone = resolveTone(toastObject.type, tone);\n\n  return (\n    <BaseToast.Root\n      {...props}\n      ref={ref}\n      toast={toastObject}\n      className={withRecipeClassName(toastRecipe({ tone: resolvedTone }).root, className)}\n      data-jaci-component=\"toast\"\n      data-jaci-tone={resolvedTone}\n      data-slot=\"toast\"\n    />\n  );\n});\n\nexport type ToastContentProps = ComponentPropsWithoutRef<typeof BaseToast.Content>;\n\nexport const ToastContent = forwardRef<HTMLDivElement, ToastContentProps>(function ToastContent(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseToast.Content\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(toastRecipe().content, className)}\n      data-slot=\"toast-content\"\n    />\n  );\n});\n\n/** A layout wrapper for `Toast.Title` and `Toast.Description`. */\nexport type ToastTextProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const ToastText = forwardRef<HTMLDivElement, ToastTextProps>(function ToastText(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={cx(toastRecipe().text, className)}\n      data-slot=\"toast-text\"\n    />\n  );\n});\n\nexport type ToastTitleProps = ComponentPropsWithoutRef<typeof BaseToast.Title>;\n\nexport const ToastTitle = forwardRef<HTMLHeadingElement, ToastTitleProps>(function ToastTitle(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseToast.Title\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(toastRecipe().title, className)}\n      data-slot=\"toast-title\"\n    />\n  );\n});\n\nexport type ToastDescriptionProps = ComponentPropsWithoutRef<typeof BaseToast.Description>;\n\nexport const ToastDescription = forwardRef<HTMLParagraphElement, ToastDescriptionProps>(\n  function ToastDescription({ className, ...props }, ref) {\n    return (\n      <BaseToast.Description\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(toastRecipe().description, className)}\n        data-slot=\"toast-description\"\n      />\n    );\n  },\n);\n\nexport type ToastCloseProps = ComponentPropsWithoutRef<typeof BaseToast.Close>;\n\nexport const ToastClose = forwardRef<HTMLButtonElement, ToastCloseProps>(function ToastClose(\n  { \"aria-label\": ariaLabel, children, className, ...props },\n  ref,\n) {\n  const hasVisibleLabel = children != null;\n\n  return (\n    <BaseToast.Close\n      {...props}\n      aria-label={ariaLabel ?? (hasVisibleLabel ? undefined : \"Dismiss notification\")}\n      ref={ref}\n      className={withRecipeClassName(toastRecipe().close, className)}\n      data-slot=\"toast-close\"\n    >\n      {children ?? \"×\"}\n    </BaseToast.Close>\n  );\n});\n\nexport type ToastActionProps = ComponentPropsWithoutRef<typeof BaseToast.Action>;\n\nexport const ToastAction = forwardRef<HTMLButtonElement, ToastActionProps>(function ToastAction(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseToast.Action\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(toastRecipe().action, className)}\n      data-slot=\"toast-action\"\n    />\n  );\n});\n\n/** Base UI's portal is preserved for rendering the viewport at document level. */\nexport function ToastPortal(props: ComponentPropsWithoutRef<typeof BaseToast.Portal>) {\n  return <BaseToast.Portal {...useThemePortalProps(props)} />;\n}\n\nexport interface ToastComponent {\n  Provider: typeof ToastProvider;\n  Viewport: typeof ToastViewport;\n  Root: typeof ToastRoot;\n  Content: typeof ToastContent;\n  Text: typeof ToastText;\n  Title: typeof ToastTitle;\n  Description: typeof ToastDescription;\n  Close: typeof ToastClose;\n  Action: typeof ToastAction;\n  Portal: typeof ToastPortal;\n  useToastManager: typeof BaseToast.useToastManager;\n}\n\nexport const Toast: ToastComponent = {\n  Provider: ToastProvider,\n  Viewport: ToastViewport,\n  Root: ToastRoot,\n  Content: ToastContent,\n  Text: ToastText,\n  Title: ToastTitle,\n  Description: ToastDescription,\n  Close: ToastClose,\n  Action: ToastAction,\n  Portal: ToastPortal,\n  useToastManager: BaseToast.useToastManager,\n};\n"],"mappings":"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"}
+{"version":3,"file":"toast.js","names":["BaseToast","toastRecipe","Toast"],"sources":["../../../src/components/toast/toast.tsx"],"sourcesContent":["\"use client\";\n\nimport { Toast as BaseToast } from \"@base-ui/react/toast\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { toast as toastRecipe } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport { useThemePortalProps } from \"../../theme/theme-scope\";\n\nexport type ToastTone = \"neutral\" | \"info\" | \"success\" | \"warning\" | \"danger\";\n\nconst toneByToastType: Record<string, ToastTone> = {\n  danger: \"danger\",\n  error: \"danger\",\n  info: \"info\",\n  success: \"success\",\n  warning: \"warning\",\n};\n\nfunction resolveTone(type: string | undefined, tone: ToastTone | undefined): ToastTone {\n  return tone ?? (type === undefined ? \"neutral\" : (toneByToastType[type] ?? \"neutral\"));\n}\n\nexport type ToastProviderProps = ComponentPropsWithoutRef<typeof BaseToast.Provider>;\n\n/**\n * Creates an isolated, declarative toast region. Configure `timeout` and\n * `limit` here; use `Toast.Root` to render each toast from local state or\n * `Toast.useToastManager()`.\n */\nexport function ToastProvider(props: ToastProviderProps) {\n  return <BaseToast.Provider {...props} />;\n}\n\nexport type ToastViewportProps = ComponentPropsWithoutRef<typeof BaseToast.Viewport>;\n\n/**\n * A bottom-centred notification region.\n */\nexport const ToastViewport = forwardRef<HTMLDivElement, ToastViewportProps>(function ToastViewport(\n  { \"aria-label\": ariaLabel, \"aria-live\": ariaLive, className, ...props },\n  ref,\n) {\n  return (\n    <BaseToast.Viewport\n      {...props}\n      aria-label={ariaLabel ?? \"Notifications\"}\n      aria-live={ariaLive ?? \"polite\"}\n      ref={ref}\n      className={withRecipeClassName(toastRecipe().viewport, className)}\n      data-jaci-component=\"toast-viewport\"\n      data-slot=\"toast-viewport\"\n    />\n  );\n});\n\nexport interface ToastRootProps extends ComponentPropsWithoutRef<typeof BaseToast.Root> {\n  /**\n   * Visual status. When omitted, the value is inferred from the toast's\n   * `type` (`error` maps to `danger`) and otherwise remains neutral.\n   */\n  tone?: ToastTone;\n}\n\n/**\n * Renders a toast object while preserving Base UI's lifecycle, focus, swipe,\n * and auto-dismiss behavior. It is intentionally composed rather than a\n * global imperative notification API.\n */\nexport const ToastRoot = forwardRef<HTMLDivElement, ToastRootProps>(function ToastRoot(\n  { className, toast: toastObject, tone, ...props },\n  ref,\n) {\n  const resolvedTone = resolveTone(toastObject.type, tone);\n\n  return (\n    <BaseToast.Root\n      {...props}\n      ref={ref}\n      toast={toastObject}\n      className={withRecipeClassName(toastRecipe({ tone: resolvedTone }).root, className)}\n      data-jaci-component=\"toast\"\n      data-jaci-tone={resolvedTone}\n      data-slot=\"toast\"\n    />\n  );\n});\n\nexport type ToastContentProps = ComponentPropsWithoutRef<typeof BaseToast.Content>;\n\nexport const ToastContent = forwardRef<HTMLDivElement, ToastContentProps>(function ToastContent(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseToast.Content\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(toastRecipe().content, className)}\n      data-slot=\"toast-content\"\n    />\n  );\n});\n\n/** A layout wrapper for `Toast.Title` and `Toast.Description`. */\nexport type ToastTextProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const ToastText = forwardRef<HTMLDivElement, ToastTextProps>(function ToastText(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={cx(toastRecipe().text, className)}\n      data-slot=\"toast-text\"\n    />\n  );\n});\n\nexport type ToastTitleProps = ComponentPropsWithoutRef<typeof BaseToast.Title>;\n\nexport const ToastTitle = forwardRef<HTMLHeadingElement, ToastTitleProps>(function ToastTitle(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseToast.Title\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(toastRecipe().title, className)}\n      data-slot=\"toast-title\"\n    />\n  );\n});\n\nexport type ToastDescriptionProps = ComponentPropsWithoutRef<typeof BaseToast.Description>;\n\nexport const ToastDescription = forwardRef<HTMLParagraphElement, ToastDescriptionProps>(\n  function ToastDescription({ className, ...props }, ref) {\n    return (\n      <BaseToast.Description\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(toastRecipe().description, className)}\n        data-slot=\"toast-description\"\n      />\n    );\n  },\n);\n\nexport type ToastCloseProps = ComponentPropsWithoutRef<typeof BaseToast.Close>;\n\nexport const ToastClose = forwardRef<HTMLButtonElement, ToastCloseProps>(function ToastClose(\n  { \"aria-label\": ariaLabel, children, className, ...props },\n  ref,\n) {\n  const hasVisibleLabel = children != null;\n\n  return (\n    <BaseToast.Close\n      {...props}\n      aria-label={ariaLabel ?? (hasVisibleLabel ? undefined : \"Dismiss notification\")}\n      ref={ref}\n      className={withRecipeClassName(toastRecipe().close, className)}\n      data-slot=\"toast-close\"\n    >\n      {children ?? \"×\"}\n    </BaseToast.Close>\n  );\n});\n\nexport type ToastActionProps = ComponentPropsWithoutRef<typeof BaseToast.Action>;\n\nexport const ToastAction = forwardRef<HTMLButtonElement, ToastActionProps>(function ToastAction(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseToast.Action\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(toastRecipe().action, className)}\n      data-slot=\"toast-action\"\n    />\n  );\n});\n\n/** Base UI's portal is preserved for rendering the viewport at document level. */\nexport function ToastPortal(props: ComponentPropsWithoutRef<typeof BaseToast.Portal>) {\n  return <BaseToast.Portal {...useThemePortalProps(props)} />;\n}\n\nexport interface ToastComponent {\n  Provider: typeof ToastProvider;\n  Viewport: typeof ToastViewport;\n  Root: typeof ToastRoot;\n  Content: typeof ToastContent;\n  Text: typeof ToastText;\n  Title: typeof ToastTitle;\n  Description: typeof ToastDescription;\n  Close: typeof ToastClose;\n  Action: typeof ToastAction;\n  Portal: typeof ToastPortal;\n  useToastManager: typeof BaseToast.useToastManager;\n}\n\nexport const Toast: ToastComponent = {\n  Provider: ToastProvider,\n  Viewport: ToastViewport,\n  Root: ToastRoot,\n  Content: ToastContent,\n  Text: ToastText,\n  Title: ToastTitle,\n  Description: ToastDescription,\n  Close: ToastClose,\n  Action: ToastAction,\n  Portal: ToastPortal,\n  useToastManager: BaseToast.useToastManager,\n};\n"],"mappings":"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"}

package/dist/components/toggle/toggle.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.cjs","names":["BaseToggle","withRecipeClassName","toggle"],"sources":["../../../src/components/toggle/toggle.tsx"],"sourcesContent":["\"use client\";\n\nimport { Toggle as BaseToggle } from \"@base-ui/react/toggle\";\nimport { forwardRef } from \"react\";\nimport type { ReactNode } from \"react\";\nimport type { Toggle as BaseToggleType } from \"@base-ui/react/toggle\";\n\nimport { toggle } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport type ToggleVariant = \"solid\" | \"outline\" | \"ghost\";\nexport type ToggleSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface ToggleProps\n  extends Omit<BaseToggleType.Props<string>, \"children\" | \"className\" | \"onPressedChange\"> {\n  children?: ReactNode;\n  className?: string;\n  onPressedChange?: (pressed: boolean) => void;\n  size?: ToggleSize;\n  variant?: ToggleVariant;\n}\n\nexport const Toggle = forwardRef<HTMLButtonElement, ToggleProps>(function Toggle(\n  { children, className, onPressedChange, size = \"md\", variant = \"outline\", ...props },\n  ref,\n) {\n  return (\n    <BaseToggle\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(toggle({ size, variant }), className)}\n      data-jaci-component=\"toggle\"\n      data-slot=\"toggle\"\n      onPressedChange={(pressed) => onPressedChange?.(pressed)}\n    >\n      {children}\n    </BaseToggle>\n  );\n});\n"],"mappings":";;;;;;;AAsBA,MAAa,UAAA,GAAA,MAAA,WAAA,CAAoD,SAAS,OACxE,EAAE,UAAU,WAAW,iBAAiB,OAAO,MAAM,UAAU,WAAW,GAAG,SAC7E,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,sBAAAA,QAAD;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,eAAAA,OAAO;GAAE;GAAM;EAAQ,CAAC,GAAG,SAAS;EACnE,uBAAoB;EACpB,aAAU;EACV,kBAAkB,YAAY,kBAAkB,OAAO;EAEtD;CACS,CAAA;AAEhB,CAAC"}
+{"version":3,"file":"toggle.cjs","names":["forwardRef","BaseToggle","withRecipeClassName","toggle"],"sources":["../../../src/components/toggle/toggle.tsx"],"sourcesContent":["\"use client\";\n\nimport { Toggle as BaseToggle } from \"@base-ui/react/toggle\";\nimport { forwardRef } from \"react\";\nimport type { ReactNode } from \"react\";\nimport type { Toggle as BaseToggleType } from \"@base-ui/react/toggle\";\n\nimport { toggle } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport type ToggleVariant = \"solid\" | \"outline\" | \"ghost\";\nexport type ToggleSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface ToggleProps\n  extends Omit<BaseToggleType.Props<string>, \"children\" | \"className\" | \"onPressedChange\"> {\n  children?: ReactNode;\n  className?: string;\n  onPressedChange?: (pressed: boolean) => void;\n  size?: ToggleSize;\n  variant?: ToggleVariant;\n}\n\nexport const Toggle = forwardRef<HTMLButtonElement, ToggleProps>(function Toggle(\n  { children, className, onPressedChange, size = \"md\", variant = \"outline\", ...props },\n  ref,\n) {\n  return (\n    <BaseToggle\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(toggle({ size, variant }), className)}\n      data-jaci-component=\"toggle\"\n      data-slot=\"toggle\"\n      onPressedChange={(pressed) => onPressedChange?.(pressed)}\n    >\n      {children}\n    </BaseToggle>\n  );\n});\n"],"mappings":";;;;;;;AAsBA,MAAa,UAAA,GAASA,MAAAA,WAAAA,CAA2C,SAAS,OACxE,EAAE,UAAU,WAAW,iBAAiB,OAAO,MAAM,UAAU,WAAW,GAAG,SAC7E,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,QAAD;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,eAAAA,OAAO;GAAE;GAAM;EAAQ,CAAC,GAAG,SAAS;EACnE,uBAAoB;EACpB,aAAU;EACV,kBAAkB,YAAY,kBAAkB,OAAO;EAEtD;CACS,CAAA;AAEhB,CAAC"}

package/dist/components/toggle-group/toggle-group.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-group.cjs","names":["toggleGroup","BaseToggleGroup","cx","BaseToggle","withRecipeClassName"],"sources":["../../../src/components/toggle-group/toggle-group.tsx"],"sourcesContent":["\"use client\";\n\nimport { Toggle as BaseToggle } from \"@base-ui/react/toggle\";\nimport { ToggleGroup as BaseToggleGroup } from \"@base-ui/react/toggle-group\";\nimport { forwardRef } from \"react\";\nimport type { ReactNode } from \"react\";\nimport type { ToggleGroup as BaseToggleGroupType } from \"@base-ui/react/toggle-group\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { toggleGroup } from \"../../styled-system/recipes\";\nimport type { ToggleProps, ToggleSize, ToggleVariant } from \"../toggle\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport interface ToggleGroupRootProps\n  extends Omit<BaseToggleGroupType.Props<string>, \"children\" | \"className\" | \"onValueChange\"> {\n  children?: ReactNode;\n  className?: string;\n  onValueChange?: (value: string[]) => void;\n  size?: ToggleSize;\n  variant?: ToggleVariant;\n}\n\nexport const ToggleGroupRoot = forwardRef<HTMLDivElement, ToggleGroupRootProps>(\n  function ToggleGroupRoot(\n    {\n      children,\n      className,\n      onValueChange,\n      orientation = \"horizontal\",\n      size = \"md\",\n      variant = \"outline\",\n      ...props\n    },\n    ref,\n  ) {\n    const styles = toggleGroup({ size, variant });\n\n    return (\n      <BaseToggleGroup\n        {...props}\n        ref={ref}\n        className={cx(styles.root, className)}\n        data-jaci-component=\"toggle-group\"\n        data-orientation={orientation}\n        data-slot=\"toggle-group\"\n        onValueChange={(value) => onValueChange?.(value)}\n        orientation={orientation}\n      >\n        {children}\n      </BaseToggleGroup>\n    );\n  },\n);\n\nexport interface ToggleGroupItemProps extends Omit<ToggleProps, \"className\"> {\n  className?: string;\n  value: string;\n}\n\nexport const ToggleGroupItem = forwardRef<HTMLButtonElement, ToggleGroupItemProps>(\n  function ToggleGroupItem(\n    { children, className, onPressedChange, size = \"md\", value, variant = \"outline\", ...props },\n    ref,\n  ) {\n    const styles = toggleGroup({ size, variant });\n\n    return (\n      <BaseToggle\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.item, className)}\n        data-jaci-component=\"toggle-group\"\n        data-slot=\"toggle-group-item\"\n        onPressedChange={(pressed) => onPressedChange?.(pressed)}\n        value={value}\n      >\n        {children}\n      </BaseToggle>\n    );\n  },\n);\n\nexport const ToggleGroup = {\n  Root: ToggleGroupRoot,\n  Item: ToggleGroupItem,\n};\n"],"mappings":";;;;;;;;;AAsBA,MAAa,mBAAA,GAAA,MAAA,WAAA,CACX,SAAS,gBACP,EACE,UACA,WACA,eACA,cAAc,cACd,OAAO,MACP,UAAU,WACV,GAAG,SAEL,KACA;CACA,MAAM,SAASA,qBAAAA,YAAY;EAAE;EAAM;CAAQ,CAAC;CAE5C,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,4BAAAA,aAAD;EACE,GAAI;EACC;EACL,WAAWC,WAAAA,GAAG,OAAO,MAAM,SAAS;EACpC,uBAAoB;EACpB,oBAAkB;EAClB,aAAU;EACV,gBAAgB,UAAU,gBAAgB,KAAK;EAClC;EAEZ;CACc,CAAA;AAErB,CACF;AAOA,MAAa,mBAAA,GAAA,MAAA,WAAA,CACX,SAAS,gBACP,EAAE,UAAU,WAAW,iBAAiB,OAAO,MAAM,OAAO,UAAU,WAAW,GAAG,SACpF,KACA;CACA,MAAM,SAASF,qBAAAA,YAAY;EAAE;EAAM;CAAQ,CAAC;CAE5C,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACG,sBAAAA,QAAD;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoB,OAAO,MAAM,SAAS;EACrD,uBAAoB;EACpB,aAAU;EACV,kBAAkB,YAAY,kBAAkB,OAAO;EAChD;EAEN;CACS,CAAA;AAEhB,CACF;AAEA,MAAa,cAAc;CACzB,MAAM;CACN,MAAM;AACR"}
+{"version":3,"file":"toggle-group.cjs","names":["forwardRef","toggleGroup","BaseToggleGroup","cx","BaseToggle","withRecipeClassName"],"sources":["../../../src/components/toggle-group/toggle-group.tsx"],"sourcesContent":["\"use client\";\n\nimport { Toggle as BaseToggle } from \"@base-ui/react/toggle\";\nimport { ToggleGroup as BaseToggleGroup } from \"@base-ui/react/toggle-group\";\nimport { forwardRef } from \"react\";\nimport type { ReactNode } from \"react\";\nimport type { ToggleGroup as BaseToggleGroupType } from \"@base-ui/react/toggle-group\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { toggleGroup } from \"../../styled-system/recipes\";\nimport type { ToggleProps, ToggleSize, ToggleVariant } from \"../toggle\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport interface ToggleGroupRootProps\n  extends Omit<BaseToggleGroupType.Props<string>, \"children\" | \"className\" | \"onValueChange\"> {\n  children?: ReactNode;\n  className?: string;\n  onValueChange?: (value: string[]) => void;\n  size?: ToggleSize;\n  variant?: ToggleVariant;\n}\n\nexport const ToggleGroupRoot = forwardRef<HTMLDivElement, ToggleGroupRootProps>(\n  function ToggleGroupRoot(\n    {\n      children,\n      className,\n      onValueChange,\n      orientation = \"horizontal\",\n      size = \"md\",\n      variant = \"outline\",\n      ...props\n    },\n    ref,\n  ) {\n    const styles = toggleGroup({ size, variant });\n\n    return (\n      <BaseToggleGroup\n        {...props}\n        ref={ref}\n        className={cx(styles.root, className)}\n        data-jaci-component=\"toggle-group\"\n        data-orientation={orientation}\n        data-slot=\"toggle-group\"\n        onValueChange={(value) => onValueChange?.(value)}\n        orientation={orientation}\n      >\n        {children}\n      </BaseToggleGroup>\n    );\n  },\n);\n\nexport interface ToggleGroupItemProps extends Omit<ToggleProps, \"className\"> {\n  className?: string;\n  value: string;\n}\n\nexport const ToggleGroupItem = forwardRef<HTMLButtonElement, ToggleGroupItemProps>(\n  function ToggleGroupItem(\n    { children, className, onPressedChange, size = \"md\", value, variant = \"outline\", ...props },\n    ref,\n  ) {\n    const styles = toggleGroup({ size, variant });\n\n    return (\n      <BaseToggle\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.item, className)}\n        data-jaci-component=\"toggle-group\"\n        data-slot=\"toggle-group-item\"\n        onPressedChange={(pressed) => onPressedChange?.(pressed)}\n        value={value}\n      >\n        {children}\n      </BaseToggle>\n    );\n  },\n);\n\nexport const ToggleGroup = {\n  Root: ToggleGroupRoot,\n  Item: ToggleGroupItem,\n};\n"],"mappings":";;;;;;;;;AAsBA,MAAa,mBAAA,GAAkBA,MAAAA,WAAAA,CAC7B,SAAS,gBACP,EACE,UACA,WACA,eACA,cAAc,cACd,OAAO,MACP,UAAU,WACV,GAAG,SAEL,KACA;CACA,MAAM,SAASC,qBAAAA,YAAY;EAAE;EAAM;CAAQ,CAAC;CAE5C,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,4BAAAA,aAAD;EACE,GAAI;EACC;EACL,WAAWC,WAAAA,GAAG,OAAO,MAAM,SAAS;EACpC,uBAAoB;EACpB,oBAAkB;EAClB,aAAU;EACV,gBAAgB,UAAU,gBAAgB,KAAK;EAClC;EAEZ;CACc,CAAA;AAErB,CACF;AAOA,MAAa,mBAAA,GAAkBH,MAAAA,WAAAA,CAC7B,SAAS,gBACP,EAAE,UAAU,WAAW,iBAAiB,OAAO,MAAM,OAAO,UAAU,WAAW,GAAG,SACpF,KACA;CACA,MAAM,SAASC,qBAAAA,YAAY;EAAE;EAAM;CAAQ,CAAC;CAE5C,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACG,sBAAAA,QAAD;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoB,OAAO,MAAM,SAAS;EACrD,uBAAoB;EACpB,aAAU;EACV,kBAAkB,YAAY,kBAAkB,OAAO;EAChD;EAEN;CACS,CAAA;AAEhB,CACF;AAEA,MAAa,cAAc;CACzB,MAAM;CACN,MAAM;AACR"}

package/dist/components/toolbar/toolbar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar.cjs","names":["toolbar","BaseToolbar","withRecipeClassName"],"sources":["../../../src/components/toolbar/toolbar.tsx"],"sourcesContent":["\"use client\";\n\nimport { Toolbar as BaseToolbar } from \"@base-ui/react/toolbar\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { toolbar } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport type { ToggleSize, ToggleVariant } from \"../toggle\";\n\nexport type ToolbarOrientation = \"horizontal\" | \"vertical\";\n\nexport interface ToolbarRootProps extends ComponentPropsWithoutRef<typeof BaseToolbar.Root> {\n  orientation?: ToolbarOrientation;\n}\n\nexport const ToolbarRoot = forwardRef<HTMLDivElement, ToolbarRootProps>(function ToolbarRoot(\n  { className, orientation = \"horizontal\", ...props },\n  ref,\n) {\n  const styles = toolbar();\n\n  return (\n    <BaseToolbar.Root\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(styles.root, className)}\n      data-jaci-component=\"toolbar\"\n      data-orientation={orientation}\n      data-slot=\"toolbar\"\n      orientation={orientation}\n    />\n  );\n});\n\nexport type ToolbarGroupProps = ComponentPropsWithoutRef<typeof BaseToolbar.Group>;\n\nexport const ToolbarGroup = forwardRef<HTMLDivElement, ToolbarGroupProps>(function ToolbarGroup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseToolbar.Group\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(toolbar().group, className)}\n      data-jaci-component=\"toolbar\"\n      data-slot=\"toolbar-group\"\n    />\n  );\n});\n\nexport interface ToolbarButtonProps extends ComponentPropsWithoutRef<typeof BaseToolbar.Button> {\n  size?: ToggleSize;\n  variant?: ToggleVariant;\n}\n\nexport const ToolbarButton = forwardRef<HTMLButtonElement, ToolbarButtonProps>(\n  function ToolbarButton({ className, size = \"md\", variant = \"ghost\", ...props }, ref) {\n    return (\n      <BaseToolbar.Button\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(toolbar({ size, variant }).button, className)}\n        data-jaci-component=\"toolbar\"\n        data-slot=\"toolbar-button\"\n      />\n    );\n  },\n);\n\nexport type ToolbarLinkProps = ComponentPropsWithoutRef<typeof BaseToolbar.Link>;\n\nexport const ToolbarLink = forwardRef<HTMLAnchorElement, ToolbarLinkProps>(function ToolbarLink(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseToolbar.Link\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(toolbar().link, className)}\n      data-jaci-component=\"toolbar\"\n      data-slot=\"toolbar-link\"\n    />\n  );\n});\n\nexport type ToolbarInputProps = ComponentPropsWithoutRef<typeof BaseToolbar.Input>;\n\nexport const ToolbarInput = forwardRef<HTMLInputElement, ToolbarInputProps>(function ToolbarInput(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseToolbar.Input\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(toolbar().input, className)}\n      data-jaci-component=\"toolbar\"\n      data-slot=\"toolbar-input\"\n    />\n  );\n});\n\nexport type ToolbarSeparatorProps = ComponentPropsWithoutRef<typeof BaseToolbar.Separator>;\n\nexport const ToolbarSeparator = forwardRef<HTMLDivElement, ToolbarSeparatorProps>(\n  function ToolbarSeparator({ className, ...props }, ref) {\n    return (\n      <BaseToolbar.Separator\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(toolbar().separator, className)}\n        data-jaci-component=\"toolbar\"\n        data-slot=\"toolbar-separator\"\n      />\n    );\n  },\n);\n\nexport const Toolbar = {\n  Root: ToolbarRoot,\n  Group: ToolbarGroup,\n  Button: ToolbarButton,\n  Link: ToolbarLink,\n  Input: ToolbarInput,\n  Separator: ToolbarSeparator,\n};\n"],"mappings":";;;;;;;AAgBA,MAAa,eAAA,GAAA,MAAA,WAAA,CAA2D,SAAS,YAC/E,EAAE,WAAW,cAAc,cAAc,GAAG,SAC5C,KACA;CACA,MAAM,SAASA,gBAAAA,QAAQ;CAEvB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,uBAAAA,QAAY,MAAb;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoB,OAAO,MAAM,SAAS;EACrD,uBAAoB;EACpB,oBAAkB;EAClB,aAAU;EACG;CACd,CAAA;AAEL,CAAC;AAID,MAAa,gBAAA,GAAA,MAAA,WAAA,CAA6D,SAAS,aACjF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACD,uBAAAA,QAAY,OAAb;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBF,gBAAAA,QAAQ,CAAC,CAAC,OAAO,SAAS;EACzD,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC;AAOD,MAAa,iBAAA,GAAA,MAAA,WAAA,CACX,SAAS,cAAc,EAAE,WAAW,OAAO,MAAM,UAAU,SAAS,GAAG,SAAS,KAAK;CACnF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,uBAAAA,QAAY,QAAb;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBF,gBAAAA,QAAQ;GAAE;GAAM;EAAQ,CAAC,CAAC,CAAC,QAAQ,SAAS;EAC3E,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,eAAA,GAAA,MAAA,WAAA,CAA8D,SAAS,YAClF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,uBAAAA,QAAY,MAAb;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBF,gBAAAA,QAAQ,CAAC,CAAC,MAAM,SAAS;EACxD,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,gBAAA,GAAA,MAAA,WAAA,CAA+D,SAAS,aACnF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,uBAAAA,QAAY,OAAb;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBF,gBAAAA,QAAQ,CAAC,CAAC,OAAO,SAAS;EACzD,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,oBAAA,GAAA,MAAA,WAAA,CACX,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAS,KAAK;CACtD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,uBAAAA,QAAY,WAAb;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBF,gBAAAA,QAAQ,CAAC,CAAC,WAAW,SAAS;EAC7D,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CACF;AAEA,MAAa,UAAU;CACrB,MAAM;CACN,OAAO;CACP,QAAQ;CACR,MAAM;CACN,OAAO;CACP,WAAW;AACb"}
+{"version":3,"file":"toolbar.cjs","names":["forwardRef","toolbar","BaseToolbar","withRecipeClassName"],"sources":["../../../src/components/toolbar/toolbar.tsx"],"sourcesContent":["\"use client\";\n\nimport { Toolbar as BaseToolbar } from \"@base-ui/react/toolbar\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { toolbar } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport type { ToggleSize, ToggleVariant } from \"../toggle\";\n\nexport type ToolbarOrientation = \"horizontal\" | \"vertical\";\n\nexport interface ToolbarRootProps extends ComponentPropsWithoutRef<typeof BaseToolbar.Root> {\n  orientation?: ToolbarOrientation;\n}\n\nexport const ToolbarRoot = forwardRef<HTMLDivElement, ToolbarRootProps>(function ToolbarRoot(\n  { className, orientation = \"horizontal\", ...props },\n  ref,\n) {\n  const styles = toolbar();\n\n  return (\n    <BaseToolbar.Root\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(styles.root, className)}\n      data-jaci-component=\"toolbar\"\n      data-orientation={orientation}\n      data-slot=\"toolbar\"\n      orientation={orientation}\n    />\n  );\n});\n\nexport type ToolbarGroupProps = ComponentPropsWithoutRef<typeof BaseToolbar.Group>;\n\nexport const ToolbarGroup = forwardRef<HTMLDivElement, ToolbarGroupProps>(function ToolbarGroup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseToolbar.Group\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(toolbar().group, className)}\n      data-jaci-component=\"toolbar\"\n      data-slot=\"toolbar-group\"\n    />\n  );\n});\n\nexport interface ToolbarButtonProps extends ComponentPropsWithoutRef<typeof BaseToolbar.Button> {\n  size?: ToggleSize;\n  variant?: ToggleVariant;\n}\n\nexport const ToolbarButton = forwardRef<HTMLButtonElement, ToolbarButtonProps>(\n  function ToolbarButton({ className, size = \"md\", variant = \"ghost\", ...props }, ref) {\n    return (\n      <BaseToolbar.Button\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(toolbar({ size, variant }).button, className)}\n        data-jaci-component=\"toolbar\"\n        data-slot=\"toolbar-button\"\n      />\n    );\n  },\n);\n\nexport type ToolbarLinkProps = ComponentPropsWithoutRef<typeof BaseToolbar.Link>;\n\nexport const ToolbarLink = forwardRef<HTMLAnchorElement, ToolbarLinkProps>(function ToolbarLink(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseToolbar.Link\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(toolbar().link, className)}\n      data-jaci-component=\"toolbar\"\n      data-slot=\"toolbar-link\"\n    />\n  );\n});\n\nexport type ToolbarInputProps = ComponentPropsWithoutRef<typeof BaseToolbar.Input>;\n\nexport const ToolbarInput = forwardRef<HTMLInputElement, ToolbarInputProps>(function ToolbarInput(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseToolbar.Input\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(toolbar().input, className)}\n      data-jaci-component=\"toolbar\"\n      data-slot=\"toolbar-input\"\n    />\n  );\n});\n\nexport type ToolbarSeparatorProps = ComponentPropsWithoutRef<typeof BaseToolbar.Separator>;\n\nexport const ToolbarSeparator = forwardRef<HTMLDivElement, ToolbarSeparatorProps>(\n  function ToolbarSeparator({ className, ...props }, ref) {\n    return (\n      <BaseToolbar.Separator\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(toolbar().separator, className)}\n        data-jaci-component=\"toolbar\"\n        data-slot=\"toolbar-separator\"\n      />\n    );\n  },\n);\n\nexport const Toolbar = {\n  Root: ToolbarRoot,\n  Group: ToolbarGroup,\n  Button: ToolbarButton,\n  Link: ToolbarLink,\n  Input: ToolbarInput,\n  Separator: ToolbarSeparator,\n};\n"],"mappings":";;;;;;;AAgBA,MAAa,eAAA,GAAcA,MAAAA,WAAAA,CAA6C,SAAS,YAC/E,EAAE,WAAW,cAAc,cAAc,GAAG,SAC5C,KACA;CACA,MAAM,SAASC,gBAAAA,QAAQ;CAEvB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,uBAAAA,QAAY,MAAb;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoB,OAAO,MAAM,SAAS;EACrD,uBAAoB;EACpB,oBAAkB;EAClB,aAAU;EACG;CACd,CAAA;AAEL,CAAC;AAID,MAAa,gBAAA,GAAeH,MAAAA,WAAAA,CAA8C,SAAS,aACjF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACE,uBAAAA,QAAY,OAAb;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBF,gBAAAA,QAAQ,CAAC,CAAC,OAAO,SAAS;EACzD,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC;AAOD,MAAa,iBAAA,GAAgBD,MAAAA,WAAAA,CAC3B,SAAS,cAAc,EAAE,WAAW,OAAO,MAAM,UAAU,SAAS,GAAG,SAAS,KAAK;CACnF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACE,uBAAAA,QAAY,QAAb;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBF,gBAAAA,QAAQ;GAAE;GAAM;EAAQ,CAAC,CAAC,CAAC,QAAQ,SAAS;EAC3E,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,eAAA,GAAcD,MAAAA,WAAAA,CAAgD,SAAS,YAClF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACE,uBAAAA,QAAY,MAAb;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBF,gBAAAA,QAAQ,CAAC,CAAC,MAAM,SAAS;EACxD,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,gBAAA,GAAeD,MAAAA,WAAAA,CAAgD,SAAS,aACnF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACE,uBAAAA,QAAY,OAAb;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBF,gBAAAA,QAAQ,CAAC,CAAC,OAAO,SAAS;EACzD,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,oBAAA,GAAmBD,MAAAA,WAAAA,CAC9B,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAS,KAAK;CACtD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACE,uBAAAA,QAAY,WAAb;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBF,gBAAAA,QAAQ,CAAC,CAAC,WAAW,SAAS;EAC7D,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CACF;AAEA,MAAa,UAAU;CACrB,MAAM;CACN,OAAO;CACP,QAAQ;CACR,MAAM;CACN,OAAO;CACP,WAAW;AACb"}

package/dist/components/tooltip/tooltip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.cjs","names":["BaseTooltip","withRecipeClassName","tooltip","useThemePortalProps"],"sources":["../../../src/components/tooltip/tooltip.tsx"],"sourcesContent":["\"use client\";\n\nimport { Tooltip as BaseTooltip } from \"@base-ui/react/tooltip\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport type { TooltipRoot as BaseTooltipRoot } from \"@base-ui/react/tooltip\";\n\nimport { tooltip } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport { useThemePortalProps } from \"../../theme/theme-scope\";\n\n/** Preserves Base UI's controlled `open` API and uncontrolled `defaultOpen` API. */\nexport type TooltipRootProps<Payload = unknown> = BaseTooltipRoot.Props<Payload>;\n\nexport function TooltipRoot<Payload = unknown>(props: TooltipRootProps<Payload>) {\n  return <BaseTooltip.Root {...props} />;\n}\n\nexport type TooltipTriggerProps = ComponentPropsWithoutRef<typeof BaseTooltip.Trigger>;\n\nexport const TooltipTrigger = forwardRef<HTMLButtonElement, TooltipTriggerProps>(\n  function TooltipTrigger({ className, ...props }, ref) {\n    return (\n      <BaseTooltip.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(tooltip().trigger, className)}\n        data-jaci-component=\"tooltip\"\n        data-slot=\"tooltip-trigger\"\n      />\n    );\n  },\n);\n\n/** Preserves Base UI's optional portal container and mount controls. */\nexport function TooltipPortal(props: ComponentPropsWithoutRef<typeof BaseTooltip.Portal>) {\n  return <BaseTooltip.Portal {...useThemePortalProps(props)} />;\n}\n\nexport type TooltipPositionerProps = ComponentPropsWithoutRef<typeof BaseTooltip.Positioner>;\n\nexport const TooltipPositioner = forwardRef<HTMLDivElement, TooltipPositionerProps>(\n  function TooltipPositioner({ className, ...props }, ref) {\n    return (\n      <BaseTooltip.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(tooltip().positioner, className)}\n        data-slot=\"tooltip-positioner\"\n      />\n    );\n  },\n);\n\nexport type TooltipPopupProps = ComponentPropsWithoutRef<typeof BaseTooltip.Popup>;\n\nexport const TooltipPopup = forwardRef<HTMLDivElement, TooltipPopupProps>(function TooltipPopup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseTooltip.Popup\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(tooltip().popup, className)}\n      data-jaci-component=\"tooltip\"\n      data-slot=\"tooltip-popup\"\n    />\n  );\n});\n\nexport type TooltipArrowProps = ComponentPropsWithoutRef<typeof BaseTooltip.Arrow>;\n\nexport const TooltipArrow = forwardRef<HTMLDivElement, TooltipArrowProps>(function TooltipArrow(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseTooltip.Arrow\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(tooltip().arrow, className)}\n      data-slot=\"tooltip-arrow\"\n    />\n  );\n});\n\nexport const Tooltip = {\n  Root: TooltipRoot,\n  Trigger: TooltipTrigger,\n  Portal: TooltipPortal,\n  Positioner: TooltipPositioner,\n  Popup: TooltipPopup,\n  Arrow: TooltipArrow,\n  createHandle: BaseTooltip.createHandle,\n};\n"],"mappings":";;;;;;;;AAcA,SAAgB,YAA+B,OAAkC;CAC/E,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACA,uBAAAA,QAAY,MAAb,EAAkB,GAAI,MAAQ,CAAA;AACvC;AAIA,MAAa,kBAAA,GAAA,MAAA,WAAA,CACX,SAAS,eAAe,EAAE,WAAW,GAAG,SAAS,KAAK;CACpD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,uBAAAA,QAAY,SAAb;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,gBAAAA,QAAQ,CAAC,CAAC,SAAS,SAAS;EAC3D,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CACF;;AAGA,SAAgB,cAAc,OAA4D;CACxF,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACF,uBAAAA,QAAY,QAAb,EAAoB,GAAIG,oBAAAA,oBAAoB,KAAK,EAAI,CAAA;AAC9D;AAIA,MAAa,qBAAA,GAAA,MAAA,WAAA,CACX,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAS,KAAK;CACvD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACH,uBAAAA,QAAY,YAAb;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,gBAAAA,QAAQ,CAAC,CAAC,YAAY,SAAS;EAC9D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,gBAAA,GAAA,MAAA,WAAA,CAA6D,SAAS,aACjF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACF,uBAAAA,QAAY,OAAb;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,gBAAAA,QAAQ,CAAC,CAAC,OAAO,SAAS;EACzD,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,gBAAA,GAAA,MAAA,WAAA,CAA6D,SAAS,aACjF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACF,uBAAAA,QAAY,OAAb;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,gBAAAA,QAAQ,CAAC,CAAC,OAAO,SAAS;EACzD,aAAU;CACX,CAAA;AAEL,CAAC;AAED,MAAa,UAAU;CACrB,MAAM;CACN,SAAS;CACT,QAAQ;CACR,YAAY;CACZ,OAAO;CACP,OAAO;CACP,cAAcF,uBAAAA,QAAY;AAC5B"}
+{"version":3,"file":"tooltip.cjs","names":["BaseTooltip","forwardRef","withRecipeClassName","tooltip","useThemePortalProps"],"sources":["../../../src/components/tooltip/tooltip.tsx"],"sourcesContent":["\"use client\";\n\nimport { Tooltip as BaseTooltip } from \"@base-ui/react/tooltip\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport type { TooltipRoot as BaseTooltipRoot } from \"@base-ui/react/tooltip\";\n\nimport { tooltip } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport { useThemePortalProps } from \"../../theme/theme-scope\";\n\n/** Preserves Base UI's controlled `open` API and uncontrolled `defaultOpen` API. */\nexport type TooltipRootProps<Payload = unknown> = BaseTooltipRoot.Props<Payload>;\n\nexport function TooltipRoot<Payload = unknown>(props: TooltipRootProps<Payload>) {\n  return <BaseTooltip.Root {...props} />;\n}\n\nexport type TooltipTriggerProps = ComponentPropsWithoutRef<typeof BaseTooltip.Trigger>;\n\nexport const TooltipTrigger = forwardRef<HTMLButtonElement, TooltipTriggerProps>(\n  function TooltipTrigger({ className, ...props }, ref) {\n    return (\n      <BaseTooltip.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(tooltip().trigger, className)}\n        data-jaci-component=\"tooltip\"\n        data-slot=\"tooltip-trigger\"\n      />\n    );\n  },\n);\n\n/** Preserves Base UI's optional portal container and mount controls. */\nexport function TooltipPortal(props: ComponentPropsWithoutRef<typeof BaseTooltip.Portal>) {\n  return <BaseTooltip.Portal {...useThemePortalProps(props)} />;\n}\n\nexport type TooltipPositionerProps = ComponentPropsWithoutRef<typeof BaseTooltip.Positioner>;\n\nexport const TooltipPositioner = forwardRef<HTMLDivElement, TooltipPositionerProps>(\n  function TooltipPositioner({ className, ...props }, ref) {\n    return (\n      <BaseTooltip.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(tooltip().positioner, className)}\n        data-slot=\"tooltip-positioner\"\n      />\n    );\n  },\n);\n\nexport type TooltipPopupProps = ComponentPropsWithoutRef<typeof BaseTooltip.Popup>;\n\nexport const TooltipPopup = forwardRef<HTMLDivElement, TooltipPopupProps>(function TooltipPopup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseTooltip.Popup\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(tooltip().popup, className)}\n      data-jaci-component=\"tooltip\"\n      data-slot=\"tooltip-popup\"\n    />\n  );\n});\n\nexport type TooltipArrowProps = ComponentPropsWithoutRef<typeof BaseTooltip.Arrow>;\n\nexport const TooltipArrow = forwardRef<HTMLDivElement, TooltipArrowProps>(function TooltipArrow(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseTooltip.Arrow\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(tooltip().arrow, className)}\n      data-slot=\"tooltip-arrow\"\n    />\n  );\n});\n\nexport const Tooltip = {\n  Root: TooltipRoot,\n  Trigger: TooltipTrigger,\n  Portal: TooltipPortal,\n  Positioner: TooltipPositioner,\n  Popup: TooltipPopup,\n  Arrow: TooltipArrow,\n  createHandle: BaseTooltip.createHandle,\n};\n"],"mappings":";;;;;;;;AAcA,SAAgB,YAA+B,OAAkC;CAC/E,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACA,uBAAAA,QAAY,MAAb,EAAkB,GAAI,MAAQ,CAAA;AACvC;AAIA,MAAa,kBAAA,GAAiBC,MAAAA,WAAAA,CAC5B,SAAS,eAAe,EAAE,WAAW,GAAG,SAAS,KAAK;CACpD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACD,uBAAAA,QAAY,SAAb;EACE,GAAI;EACC;EACL,WAAWE,gBAAAA,oBAAoBC,gBAAAA,QAAQ,CAAC,CAAC,SAAS,SAAS;EAC3D,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CACF;;AAGA,SAAgB,cAAc,OAA4D;CACxF,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACH,uBAAAA,QAAY,QAAb,EAAoB,GAAII,oBAAAA,oBAAoB,KAAK,EAAI,CAAA;AAC9D;AAIA,MAAa,qBAAA,GAAoBH,MAAAA,WAAAA,CAC/B,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAS,KAAK;CACvD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACD,uBAAAA,QAAY,YAAb;EACE,GAAI;EACC;EACL,WAAWE,gBAAAA,oBAAoBC,gBAAAA,QAAQ,CAAC,CAAC,YAAY,SAAS;EAC9D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,gBAAA,GAAeF,MAAAA,WAAAA,CAA8C,SAAS,aACjF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACD,uBAAAA,QAAY,OAAb;EACE,GAAI;EACC;EACL,WAAWE,gBAAAA,oBAAoBC,gBAAAA,QAAQ,CAAC,CAAC,OAAO,SAAS;EACzD,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,gBAAA,GAAeF,MAAAA,WAAAA,CAA8C,SAAS,aACjF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACD,uBAAAA,QAAY,OAAb;EACE,GAAI;EACC;EACL,WAAWE,gBAAAA,oBAAoBC,gBAAAA,QAAQ,CAAC,CAAC,OAAO,SAAS;EACzD,aAAU;CACX,CAAA;AAEL,CAAC;AAED,MAAa,UAAU;CACrB,MAAM;CACN,SAAS;CACT,QAAQ;CACR,YAAY;CACZ,OAAO;CACP,OAAO;CACP,cAAcH,uBAAAA,QAAY;AAC5B"}

package/dist/components/tree-view/tree-view.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"tree-view.cjs","names":["treeView","cx","Children"],"sources":["../../../src/components/tree-view/tree-view.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { Children, isValidElement } from \"react\";\nimport type { ComponentPropsWithoutRef, KeyboardEvent, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { treeView } from \"../../styled-system/recipes\";\n\nexport type TreeViewSelectionMode = \"none\" | \"single\" | \"multiple\";\nexport type TreeViewSelection = string | readonly string[] | null;\n\ninterface TreeNodeRecord {\n  id: string;\n  parentId: string | undefined;\n  disabled: boolean;\n  hasChildren: boolean;\n  loading: boolean;\n  selectable: boolean;\n  order: number;\n  element: HTMLDivElement | null;\n}\n\ninterface TreeViewContextValue {\n  disabled: boolean;\n  loopFocus: boolean;\n  selectionMode: TreeViewSelectionMode;\n  expanded: ReadonlySet<string>;\n  selected: ReadonlySet<string>;\n  nodes: readonly TreeNodeRecord[];\n  registerNode: (node: TreeNodeRecord) => () => void;\n  setNodeElement: (id: string, element: HTMLDivElement | null) => void;\n  isVisible: (id: string) => boolean;\n  hasChildren: (id: string) => boolean;\n  getDepth: (id: string) => number;\n  getSiblings: (id: string) => readonly TreeNodeRecord[];\n  toggleExpanded: (id: string) => void;\n  selectNode: (id: string) => void;\n  focusNode: (id: string) => void;\n  handleKeyDown: (id: string, event: KeyboardEvent<HTMLDivElement>) => void;\n  activeId: string | null;\n  setActiveId: (id: string) => void;\n}\n\nconst TreeViewContext = createContext<TreeViewContextValue | null>(null);\nconst TreeParentContext = createContext<string | undefined>(undefined);\nconst TreeItemContext = createContext<string | null>(null);\n\nfunction useTreeViewContext() {\n  const context = useContext(TreeViewContext);\n  if (!context) throw new Error(\"TreeView parts must be rendered inside TreeView.Root.\");\n  return context;\n}\n\nfunction asSet(value: string | readonly string[] | null | undefined, mode: TreeViewSelectionMode) {\n  if (mode === \"multiple\") return new Set(Array.isArray(value) ? value : value ? [value] : []);\n  return new Set(typeof value === \"string\" ? [value] : []);\n}\n\nexport interface TreeViewRootProps extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\"> {\n  expanded?: readonly string[];\n  defaultExpanded?: readonly string[];\n  onExpandedChange?: (expanded: string[]) => void;\n  selected?: TreeViewSelection;\n  defaultSelected?: TreeViewSelection;\n  onSelectedChange?: (selected: TreeViewSelection) => void;\n  selectionMode?: TreeViewSelectionMode;\n  loopFocus?: boolean;\n  disabled?: boolean;\n  children?: ReactNode;\n}\n\nexport const TreeViewRoot = forwardRef<HTMLDivElement, TreeViewRootProps>(function TreeViewRoot(\n  {\n    children,\n    className,\n    defaultExpanded = [],\n    defaultSelected = null,\n    disabled = false,\n    expanded: controlledExpanded,\n    loopFocus = true,\n    onExpandedChange,\n    onSelectedChange,\n    selected: controlledSelected,\n    selectionMode = \"single\",\n    ...props\n  },\n  ref,\n) {\n  const [uncontrolledExpanded, setUncontrolledExpanded] = useState(() => new Set(defaultExpanded));\n  const [uncontrolledSelected, setUncontrolledSelected] = useState(() =>\n    asSet(defaultSelected, selectionMode),\n  );\n  const [activeId, setActiveId] = useState<string | null>(null);\n  const [, setVersion] = useState(0);\n  const nodesRef = useRef(new Map<string, TreeNodeRecord>());\n  const orderRef = useRef(0);\n  const styles = treeView();\n  const expanded = useMemo(\n    () => new Set(controlledExpanded ?? uncontrolledExpanded),\n    [controlledExpanded, uncontrolledExpanded],\n  );\n  const selected = useMemo(\n    () =>\n      controlledSelected === undefined\n        ? uncontrolledSelected\n        : asSet(controlledSelected, selectionMode),\n    [controlledSelected, selectionMode, uncontrolledSelected],\n  );\n  const nodes = Array.from(nodesRef.current.values()).sort((a, b) => a.order - b.order);\n\n  const registerNode = useCallback((node: TreeNodeRecord) => {\n    const registeredNode = { ...node, order: orderRef.current++ };\n    nodesRef.current.set(node.id, registeredNode);\n    setVersion((current) => current + 1);\n    return () => {\n      if (nodesRef.current.get(node.id) === registeredNode) nodesRef.current.delete(node.id);\n      setVersion((current) => current + 1);\n    };\n  }, []);\n\n  const setNodeElement = useCallback((id: string, element: HTMLDivElement | null) => {\n    const node = nodesRef.current.get(id);\n    if (node) node.element = element;\n  }, []);\n\n  const hasChildren = useCallback(\n    (id: string) =>\n      nodes.some((node) => node.parentId === id) ||\n      Boolean(nodes.find((node) => node.id === id)?.hasChildren),\n    [nodes],\n  );\n  const isVisible = useCallback(\n    (id: string) => {\n      let current = nodes.find((node) => node.id === id);\n      while (current?.parentId) {\n        if (!expanded.has(current.parentId)) return false;\n        current = nodes.find((node) => node.id === current?.parentId);\n      }\n      return true;\n    },\n    [expanded, nodes],\n  );\n  const getDepth = useCallback(\n    (id: string) => {\n      let depth = 1;\n      let current = nodes.find((node) => node.id === id);\n      while (current?.parentId) {\n        depth += 1;\n        current = nodes.find((node) => node.id === current?.parentId);\n      }\n      return depth;\n    },\n    [nodes],\n  );\n  const getSiblings = useCallback(\n    (id: string) => {\n      const node = nodes.find((candidate) => candidate.id === id);\n      return nodes.filter((candidate) => candidate.parentId === node?.parentId);\n    },\n    [nodes],\n  );\n\n  const toggleExpanded = useCallback(\n    (id: string) => {\n      if (disabled || !hasChildren(id)) return;\n      const next = new Set(expanded);\n      if (next.has(id)) next.delete(id);\n      else next.add(id);\n      if (controlledExpanded === undefined) setUncontrolledExpanded(next);\n      onExpandedChange?.(Array.from(next));\n    },\n    [controlledExpanded, disabled, expanded, hasChildren, onExpandedChange],\n  );\n\n  const selectNode = useCallback(\n    (id: string) => {\n      const node = nodes.find((candidate) => candidate.id === id);\n      if (disabled || !node || node.disabled || !node.selectable || selectionMode === \"none\")\n        return;\n      const next = new Set(selected);\n      if (selectionMode === \"single\") {\n        next.clear();\n        next.add(id);\n      } else if (next.has(id)) next.delete(id);\n      else next.add(id);\n      if (controlledSelected === undefined) setUncontrolledSelected(next);\n      onSelectedChange?.(\n        selectionMode === \"multiple\" ? Array.from(next) : (next.values().next().value ?? null),\n      );\n    },\n    [controlledSelected, disabled, nodes, onSelectedChange, selected, selectionMode],\n  );\n\n  const visibleNodes = nodes.filter((node) => isVisible(node.id));\n  const focusNode = useCallback(\n    (id: string) => {\n      const node = nodes.find((candidate) => candidate.id === id);\n      if (!node || node.disabled || !isVisible(id)) return;\n      setActiveId(id);\n      node.element?.focus();\n    },\n    [isVisible, nodes],\n  );\n\n  const handleKeyDown = useCallback(\n    (id: string, event: KeyboardEvent<HTMLDivElement>) => {\n      if (disabled) return;\n      const index = visibleNodes.findIndex((node) => node.id === id);\n      const node = nodes.find((candidate) => candidate.id === id);\n      if (!node) return;\n      if (event.key === \"ArrowDown\" || event.key === \"ArrowUp\") {\n        event.preventDefault();\n        const direction = event.key === \"ArrowDown\" ? 1 : -1;\n        let nextIndex = index + direction;\n        if (loopFocus) nextIndex = (nextIndex + visibleNodes.length) % visibleNodes.length;\n        const nextNode = visibleNodes[nextIndex];\n        if (nextIndex >= 0 && nextIndex < visibleNodes.length && nextNode) focusNode(nextNode.id);\n      } else if (event.key === \"Home\" || event.key === \"End\") {\n        event.preventDefault();\n        focusNode((event.key === \"Home\" ? visibleNodes[0] : visibleNodes.at(-1))?.id ?? id);\n      } else if (event.key === \"ArrowRight\") {\n        event.preventDefault();\n        if (hasChildren(id) && !expanded.has(id)) toggleExpanded(id);\n        else if (hasChildren(id))\n          focusNode(nodes.find((candidate) => candidate.parentId === id)?.id ?? id);\n      } else if (event.key === \"ArrowLeft\") {\n        event.preventDefault();\n        if (hasChildren(id) && expanded.has(id)) toggleExpanded(id);\n        else if (node.parentId) focusNode(node.parentId);\n      } else if (event.key === \"Enter\" || event.key === \" \") {\n        event.preventDefault();\n        selectNode(id);\n      }\n    },\n    [\n      disabled,\n      expanded,\n      focusNode,\n      hasChildren,\n      loopFocus,\n      nodes,\n      selectNode,\n      toggleExpanded,\n      visibleNodes,\n    ],\n  );\n\n  const context = useMemo<TreeViewContextValue>(\n    () => ({\n      disabled,\n      loopFocus,\n      selectionMode,\n      expanded,\n      selected,\n      nodes,\n      registerNode,\n      setNodeElement,\n      isVisible,\n      hasChildren,\n      getDepth,\n      getSiblings,\n      toggleExpanded,\n      selectNode,\n      focusNode,\n      handleKeyDown,\n      activeId,\n      setActiveId,\n    }),\n    [\n      activeId,\n      disabled,\n      expanded,\n      focusNode,\n      getDepth,\n      getSiblings,\n      handleKeyDown,\n      hasChildren,\n      isVisible,\n      loopFocus,\n      nodes,\n      registerNode,\n      selectNode,\n      selected,\n      selectionMode,\n      setNodeElement,\n      toggleExpanded,\n    ],\n  );\n\n  return (\n    <TreeViewContext.Provider value={context}>\n      <div\n        {...props}\n        ref={ref}\n        aria-multiselectable={selectionMode === \"multiple\" || undefined}\n        className={cx(styles.root, className)}\n        data-disabled={disabled || undefined}\n        data-jaci-component=\"tree-view\"\n        data-slot=\"tree-view\"\n        role=\"tree\"\n      >\n        {children}\n      </div>\n    </TreeViewContext.Provider>\n  );\n});\n\nexport interface TreeViewItemProps extends Omit<ComponentPropsWithoutRef<\"div\">, \"id\"> {\n  id: string;\n  disabled?: boolean;\n  hasChildren?: boolean;\n  loading?: boolean;\n  selectable?: boolean;\n}\n\nexport const TreeViewItem = forwardRef<HTMLDivElement, TreeViewItemProps>(function TreeViewItem(\n  {\n    children,\n    className,\n    disabled = false,\n    hasChildren: hasChildrenProp = false,\n    loading = false,\n    onClick,\n    onFocus,\n    onKeyDown,\n    style,\n    selectable = true,\n    id,\n    ...props\n  },\n  ref,\n) {\n  const context = useTreeViewContext();\n  const parentId = useContext(TreeParentContext);\n  const styles = treeView();\n  useEffect(\n    () =>\n      context.registerNode({\n        id,\n        parentId,\n        disabled,\n        hasChildren: hasChildrenProp,\n        loading,\n        selectable,\n        order: 0,\n        element: null,\n      }),\n    [context.registerNode, disabled, hasChildrenProp, id, loading, parentId, selectable],\n  );\n  const siblings = context.getSiblings(id);\n  const registeredNode = context.nodes.find((candidate) => candidate.id === id);\n  const selected = context.selected.has(id);\n  const visible = context.isVisible(id);\n  const siblingIndex = siblings.findIndex((candidate) => candidate.id === id);\n  const tabIndex =\n    context.activeId === id || (context.activeId === null && context.nodes[0]?.id === id) ? 0 : -1;\n  const childNodes = Children.toArray(children);\n  const groupNodes = childNodes.filter(\n    (child) => isValidElement(child) && child.type === TreeViewGroup,\n  );\n  const rowNodes = childNodes.filter(\n    (child) => !(isValidElement(child) && child.type === TreeViewGroup),\n  );\n\n  return (\n    <TreeParentContext.Provider value={id}>\n      <TreeItemContext.Provider value={id}>\n        <div\n          {...props}\n          ref={(element) => {\n            context.setNodeElement(id, element);\n            if (typeof ref === \"function\") ref(element);\n            else if (ref) ref.current = element;\n          }}\n          aria-disabled={disabled || undefined}\n          aria-expanded={context.hasChildren(id) ? context.expanded.has(id) : undefined}\n          aria-busy={loading || undefined}\n          aria-level={registeredNode ? context.getDepth(id) : parentId ? 2 : 1}\n          aria-posinset={siblingIndex >= 0 ? siblingIndex + 1 : 1}\n          aria-setsize={siblings.length || 1}\n          aria-selected={context.selectionMode === \"none\" ? undefined : selected}\n          className={styles.itemWrapper}\n          data-disabled={disabled || undefined}\n          data-expanded={context.expanded.has(id) || undefined}\n          data-jaci-component=\"tree-view\"\n          data-selected={selected || undefined}\n          data-loading={loading || undefined}\n          data-slot=\"tree-view-item\"\n          onClick={(event) => {\n            event.stopPropagation();\n            onClick?.(event);\n            if (!event.defaultPrevented) context.selectNode(id);\n          }}\n          onFocus={(event) => {\n            context.setActiveId(id);\n            onFocus?.(event);\n          }}\n          onKeyDown={(event) => {\n            event.stopPropagation();\n            context.handleKeyDown(id, event);\n            onKeyDown?.(event);\n          }}\n          role=\"treeitem\"\n          tabIndex={visible ? tabIndex : -1}\n        >\n          <div\n            className={cx(styles.item, className)}\n            data-disabled={disabled || undefined}\n            data-expanded={context.expanded.has(id) || undefined}\n            data-selected={selected || undefined}\n            data-slot=\"tree-view-item-row\"\n            style={style}\n          >\n            {rowNodes}\n          </div>\n          {groupNodes}\n        </div>\n      </TreeItemContext.Provider>\n    </TreeParentContext.Provider>\n  );\n});\n\nexport type TreeViewGroupProps = ComponentPropsWithoutRef<\"div\">;\nexport const TreeViewGroup = forwardRef<HTMLDivElement, TreeViewGroupProps>(function TreeViewGroup(\n  { children, className, style, ...props },\n  ref,\n) {\n  const context = useTreeViewContext();\n  const parentId = useContext(TreeParentContext);\n  const styles = treeView();\n  const visible = parentId ? context.expanded.has(parentId) : true;\n  return (\n    // biome-ignore lint/a11y/useSemanticElements: WAI-ARIA tree groups require role=\"group\".\n    <div\n      {...props}\n      ref={ref}\n      aria-hidden={!visible || undefined}\n      className={cx(styles.group, className)}\n      data-jaci-component=\"tree-view\"\n      data-expanded={visible || undefined}\n      data-slot=\"tree-view-group\"\n      hidden={!visible}\n      role=\"group\"\n      style={{ ...style, display: visible ? style?.display : \"none\" }}\n    >\n      {children}\n    </div>\n  );\n});\n\nexport type TreeViewToggleProps = ComponentPropsWithoutRef<\"button\">;\nexport const TreeViewToggle = forwardRef<HTMLButtonElement, TreeViewToggleProps>(\n  function TreeViewToggle({ children, className, onClick, ...props }, ref) {\n    const context = useTreeViewContext();\n    const itemId = useContext(TreeItemContext);\n    const id = itemId;\n    const item = id ? context.nodes.find((candidate) => candidate.id === id) : undefined;\n    const disabled = context.disabled || Boolean(item?.disabled);\n    return (\n      <button\n        {...props}\n        ref={ref}\n        aria-expanded={id ? context.expanded.has(id) : undefined}\n        aria-disabled={disabled || undefined}\n        className={cx(treeView().toggle, className)}\n        data-slot=\"tree-view-toggle\"\n        disabled={disabled || props.disabled}\n        onClick={(event) => {\n          event.stopPropagation();\n          onClick?.(event);\n          if (!event.defaultPrevented && id) context.toggleExpanded(id);\n        }}\n        tabIndex={-1}\n        type=\"button\"\n      >\n        {children ?? (id && context.expanded.has(id) ? \"▾\" : \"▸\")}\n      </button>\n    );\n  },\n);\n\nexport type TreeViewLabelProps = ComponentPropsWithoutRef<\"span\">;\nexport const TreeViewLabel = forwardRef<HTMLSpanElement, TreeViewLabelProps>(function TreeViewLabel(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <span\n      {...props}\n      ref={ref}\n      className={cx(treeView().label, className)}\n      data-slot=\"tree-view-label\"\n    />\n  );\n});\n\nexport interface TreeViewStateProps extends ComponentPropsWithoutRef<\"div\"> {\n  children?: ReactNode;\n}\n\nexport const TreeViewLoading = forwardRef<HTMLDivElement, TreeViewStateProps>(\n  function TreeViewLoading({ children = \"Loading…\", className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        aria-disabled=\"true\"\n        aria-live=\"polite\"\n        aria-level={1}\n        className={cx(treeView().loading, className)}\n        data-slot=\"tree-view-loading\"\n        role=\"treeitem\"\n        tabIndex={-1}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nexport const TreeViewEmpty = forwardRef<HTMLDivElement, TreeViewStateProps>(function TreeViewEmpty(\n  { children = \"No items found.\", className, ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      ref={ref}\n      aria-disabled=\"true\"\n      aria-level={1}\n      className={cx(treeView().empty, className)}\n      data-slot=\"tree-view-empty\"\n      role=\"treeitem\"\n      tabIndex={-1}\n    >\n      {children}\n    </div>\n  );\n});\n\nexport const TreeViewError = forwardRef<HTMLDivElement, TreeViewStateProps>(function TreeViewError(\n  { children = \"Something went wrong.\", className, ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      ref={ref}\n      aria-disabled=\"true\"\n      aria-live=\"assertive\"\n      aria-level={1}\n      className={cx(treeView().error, className)}\n      data-slot=\"tree-view-error\"\n      role=\"treeitem\"\n      tabIndex={-1}\n    >\n      {children}\n    </div>\n  );\n});\n\nexport const TreeView = {\n  Root: TreeViewRoot,\n  Item: TreeViewItem,\n  Group: TreeViewGroup,\n  Toggle: TreeViewToggle,\n  Label: TreeViewLabel,\n  Loading: TreeViewLoading,\n  Empty: TreeViewEmpty,\n  Error: TreeViewError,\n};\n"],"mappings":";;;;;;AAqDA,MAAM,mBAAA,GAAA,MAAA,cAAA,CAA6D,IAAI;AACvE,MAAM,qBAAA,GAAA,MAAA,cAAA,CAAsD,KAAA,CAAS;AACrE,MAAM,mBAAA,GAAA,MAAA,cAAA,CAA+C,IAAI;AAEzD,SAAS,qBAAqB;CAC5B,MAAM,WAAA,GAAA,MAAA,WAAA,CAAqB,eAAe;CAC1C,IAAI,CAAC,SAAS,MAAM,IAAI,MAAM,uDAAuD;CACrF,OAAO;AACT;AAEA,SAAS,MAAM,OAAsD,MAA6B;CAChG,IAAI,SAAS,YAAY,OAAO,IAAI,IAAI,MAAM,QAAQ,KAAK,IAAI,QAAQ,QAAQ,CAAC,KAAK,IAAI,CAAC,CAAC;CAC3F,OAAO,IAAI,IAAI,OAAO,UAAU,WAAW,CAAC,KAAK,IAAI,CAAC,CAAC;AACzD;AAeA,MAAa,gBAAA,GAAA,MAAA,WAAA,CAA6D,SAAS,aACjF,EACE,UACA,WACA,kBAAkB,CAAC,GACnB,kBAAkB,MAClB,WAAW,OACX,UAAU,oBACV,YAAY,MACZ,kBACA,kBACA,UAAU,oBACV,gBAAgB,UAChB,GAAG,SAEL,KACA;CACA,MAAM,CAAC,sBAAsB,4BAAA,GAAA,MAAA,SAAA,OAA0C,IAAI,IAAI,eAAe,CAAC;CAC/F,MAAM,CAAC,sBAAsB,4BAAA,GAAA,MAAA,SAAA,OAC3B,MAAM,iBAAiB,aAAa,CACtC;CACA,MAAM,CAAC,UAAU,gBAAA,GAAA,MAAA,SAAA,CAAuC,IAAI;CAC5D,MAAM,GAAG,eAAA,GAAA,MAAA,SAAA,CAAuB,CAAC;CACjC,MAAM,YAAA,GAAA,MAAA,OAAA,iBAAkB,IAAI,IAA4B,CAAC;CACzD,MAAM,YAAA,GAAA,MAAA,OAAA,CAAkB,CAAC;CACzB,MAAM,SAASA,kBAAAA,SAAS;CACxB,MAAM,YAAA,GAAA,MAAA,QAAA,OACE,IAAI,IAAI,sBAAsB,oBAAoB,GACxD,CAAC,oBAAoB,oBAAoB,CAC3C;CACA,MAAM,YAAA,GAAA,MAAA,QAAA,OAEF,uBAAuB,KAAA,IACnB,uBACA,MAAM,oBAAoB,aAAa,GAC7C;EAAC;EAAoB;EAAe;CAAoB,CAC1D;CACA,MAAM,QAAQ,MAAM,KAAK,SAAS,QAAQ,OAAO,CAAC,CAAC,CAAC,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,KAAK;CAEpF,MAAM,gBAAA,GAAA,MAAA,YAAA,EAA4B,SAAyB;EACzD,MAAM,iBAAiB;GAAE,GAAG;GAAM,OAAO,SAAS;EAAU;EAC5D,SAAS,QAAQ,IAAI,KAAK,IAAI,cAAc;EAC5C,YAAY,YAAY,UAAU,CAAC;EACnC,aAAa;GACX,IAAI,SAAS,QAAQ,IAAI,KAAK,EAAE,MAAM,gBAAgB,SAAS,QAAQ,OAAO,KAAK,EAAE;GACrF,YAAY,YAAY,UAAU,CAAC;EACrC;CACF,GAAG,CAAC,CAAC;CAEL,MAAM,kBAAA,GAAA,MAAA,YAAA,EAA8B,IAAY,YAAmC;EACjF,MAAM,OAAO,SAAS,QAAQ,IAAI,EAAE;EACpC,IAAI,MAAM,KAAK,UAAU;CAC3B,GAAG,CAAC,CAAC;CAEL,MAAM,eAAA,GAAA,MAAA,YAAA,EACH,OACC,MAAM,MAAM,SAAS,KAAK,aAAa,EAAE,KACzC,QAAQ,MAAM,MAAM,SAAS,KAAK,OAAO,EAAE,CAAC,EAAE,WAAW,GAC3D,CAAC,KAAK,CACR;CACA,MAAM,aAAA,GAAA,MAAA,YAAA,EACH,OAAe;EACd,IAAI,UAAU,MAAM,MAAM,SAAS,KAAK,OAAO,EAAE;EACjD,OAAO,SAAS,UAAU;GACxB,IAAI,CAAC,SAAS,IAAI,QAAQ,QAAQ,GAAG,OAAO;GAC5C,UAAU,MAAM,MAAM,SAAS,KAAK,OAAO,SAAS,QAAQ;EAC9D;EACA,OAAO;CACT,GACA,CAAC,UAAU,KAAK,CAClB;CACA,MAAM,YAAA,GAAA,MAAA,YAAA,EACH,OAAe;EACd,IAAI,QAAQ;EACZ,IAAI,UAAU,MAAM,MAAM,SAAS,KAAK,OAAO,EAAE;EACjD,OAAO,SAAS,UAAU;GACxB,SAAS;GACT,UAAU,MAAM,MAAM,SAAS,KAAK,OAAO,SAAS,QAAQ;EAC9D;EACA,OAAO;CACT,GACA,CAAC,KAAK,CACR;CACA,MAAM,eAAA,GAAA,MAAA,YAAA,EACH,OAAe;EACd,MAAM,OAAO,MAAM,MAAM,cAAc,UAAU,OAAO,EAAE;EAC1D,OAAO,MAAM,QAAQ,cAAc,UAAU,aAAa,MAAM,QAAQ;CAC1E,GACA,CAAC,KAAK,CACR;CAEA,MAAM,kBAAA,GAAA,MAAA,YAAA,EACH,OAAe;EACd,IAAI,YAAY,CAAC,YAAY,EAAE,GAAG;EAClC,MAAM,OAAO,IAAI,IAAI,QAAQ;EAC7B,IAAI,KAAK,IAAI,EAAE,GAAG,KAAK,OAAO,EAAE;OAC3B,KAAK,IAAI,EAAE;EAChB,IAAI,uBAAuB,KAAA,GAAW,wBAAwB,IAAI;EAClE,mBAAmB,MAAM,KAAK,IAAI,CAAC;CACrC,GACA;EAAC;EAAoB;EAAU;EAAU;EAAa;CAAgB,CACxE;CAEA,MAAM,cAAA,GAAA,MAAA,YAAA,EACH,OAAe;EACd,MAAM,OAAO,MAAM,MAAM,cAAc,UAAU,OAAO,EAAE;EAC1D,IAAI,YAAY,CAAC,QAAQ,KAAK,YAAY,CAAC,KAAK,cAAc,kBAAkB,QAC9E;EACF,MAAM,OAAO,IAAI,IAAI,QAAQ;EAC7B,IAAI,kBAAkB,UAAU;GAC9B,KAAK,MAAM;GACX,KAAK,IAAI,EAAE;EACb,OAAO,IAAI,KAAK,IAAI,EAAE,GAAG,KAAK,OAAO,EAAE;OAClC,KAAK,IAAI,EAAE;EAChB,IAAI,uBAAuB,KAAA,GAAW,wBAAwB,IAAI;EAClE,mBACE,kBAAkB,aAAa,MAAM,KAAK,IAAI,IAAK,KAAK,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,IACnF;CACF,GACA;EAAC;EAAoB;EAAU;EAAO;EAAkB;EAAU;CAAa,CACjF;CAEA,MAAM,eAAe,MAAM,QAAQ,SAAS,UAAU,KAAK,EAAE,CAAC;CAC9D,MAAM,aAAA,GAAA,MAAA,YAAA,EACH,OAAe;EACd,MAAM,OAAO,MAAM,MAAM,cAAc,UAAU,OAAO,EAAE;EAC1D,IAAI,CAAC,QAAQ,KAAK,YAAY,CAAC,UAAU,EAAE,GAAG;EAC9C,YAAY,EAAE;EACd,KAAK,SAAS,MAAM;CACtB,GACA,CAAC,WAAW,KAAK,CACnB;CAEA,MAAM,iBAAA,GAAA,MAAA,YAAA,EACH,IAAY,UAAyC;EACpD,IAAI,UAAU;EACd,MAAM,QAAQ,aAAa,WAAW,SAAS,KAAK,OAAO,EAAE;EAC7D,MAAM,OAAO,MAAM,MAAM,cAAc,UAAU,OAAO,EAAE;EAC1D,IAAI,CAAC,MAAM;EACX,IAAI,MAAM,QAAQ,eAAe,MAAM,QAAQ,WAAW;GACxD,MAAM,eAAe;GAErB,IAAI,YAAY,SADE,MAAM,QAAQ,cAAc,IAAI;GAElD,IAAI,WAAW,aAAa,YAAY,aAAa,UAAU,aAAa;GAC5E,MAAM,WAAW,aAAa;GAC9B,IAAI,aAAa,KAAK,YAAY,aAAa,UAAU,UAAU,UAAU,SAAS,EAAE;EAC1F,OAAO,IAAI,MAAM,QAAQ,UAAU,MAAM,QAAQ,OAAO;GACtD,MAAM,eAAe;GACrB,WAAW,MAAM,QAAQ,SAAS,aAAa,KAAK,aAAa,GAAG,EAAE,EAAA,EAAI,MAAM,EAAE;EACpF,OAAO,IAAI,MAAM,QAAQ,cAAc;GACrC,MAAM,eAAe;GACrB,IAAI,YAAY,EAAE,KAAK,CAAC,SAAS,IAAI,EAAE,GAAG,eAAe,EAAE;QACtD,IAAI,YAAY,EAAE,GACrB,UAAU,MAAM,MAAM,cAAc,UAAU,aAAa,EAAE,CAAC,EAAE,MAAM,EAAE;EAC5E,OAAO,IAAI,MAAM,QAAQ,aAAa;GACpC,MAAM,eAAe;GACrB,IAAI,YAAY,EAAE,KAAK,SAAS,IAAI,EAAE,GAAG,eAAe,EAAE;QACrD,IAAI,KAAK,UAAU,UAAU,KAAK,QAAQ;EACjD,OAAO,IAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,KAAK;GACrD,MAAM,eAAe;GACrB,WAAW,EAAE;EACf;CACF,GACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,MAAM,WAAA,GAAA,MAAA,QAAA,QACG;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAgB,UAAjB;EAA0B,OAAO;YAC/B,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GACE,GAAI;GACC;GACL,wBAAsB,kBAAkB,cAAc,KAAA;GACtD,WAAWC,WAAAA,GAAG,OAAO,MAAM,SAAS;GACpC,iBAAe,YAAY,KAAA;GAC3B,uBAAoB;GACpB,aAAU;GACV,MAAK;GAEJ;EACE,CAAA;CACmB,CAAA;AAE9B,CAAC;AAUD,MAAa,gBAAA,GAAA,MAAA,WAAA,CAA6D,SAAS,aACjF,EACE,UACA,WACA,WAAW,OACX,aAAa,kBAAkB,OAC/B,UAAU,OACV,SACA,SACA,WACA,OACA,aAAa,MACb,IACA,GAAG,SAEL,KACA;CACA,MAAM,UAAU,mBAAmB;CACnC,MAAM,YAAA,GAAA,MAAA,WAAA,CAAsB,iBAAiB;CAC7C,MAAM,SAASD,kBAAAA,SAAS;CACxB,CAAA,GAAA,MAAA,UAAA,OAEI,QAAQ,aAAa;EACnB;EACA;EACA;EACA,aAAa;EACb;EACA;EACA,OAAO;EACP,SAAS;CACX,CAAC,GACH;EAAC,QAAQ;EAAc;EAAU;EAAiB;EAAI;EAAS;EAAU;CAAU,CACrF;CACA,MAAM,WAAW,QAAQ,YAAY,EAAE;CACvC,MAAM,iBAAiB,QAAQ,MAAM,MAAM,cAAc,UAAU,OAAO,EAAE;CAC5E,MAAM,WAAW,QAAQ,SAAS,IAAI,EAAE;CACxC,MAAM,UAAU,QAAQ,UAAU,EAAE;CACpC,MAAM,eAAe,SAAS,WAAW,cAAc,UAAU,OAAO,EAAE;CAC1E,MAAM,WACJ,QAAQ,aAAa,MAAO,QAAQ,aAAa,QAAQ,QAAQ,MAAM,EAAE,EAAE,OAAO,KAAM,IAAI;CAC9F,MAAM,aAAaE,MAAAA,SAAS,QAAQ,QAAQ;CAC5C,MAAM,aAAa,WAAW,QAC3B,WAAA,GAAA,MAAA,eAAA,CAAyB,KAAK,KAAK,MAAM,SAAS,aACrD;CACA,MAAM,WAAW,WAAW,QACzB,UAAU,GAAA,GAAA,MAAA,eAAA,CAAiB,KAAK,KAAK,MAAM,SAAS,cACvD;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAkB,UAAnB;EAA4B,OAAO;YACjC,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAgB,UAAjB;GAA0B,OAAO;aAC/B,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IACE,GAAI;IACJ,MAAM,YAAY;KAChB,QAAQ,eAAe,IAAI,OAAO;KAClC,IAAI,OAAO,QAAQ,YAAY,IAAI,OAAO;UACrC,IAAI,KAAK,IAAI,UAAU;IAC9B;IACA,iBAAe,YAAY,KAAA;IAC3B,iBAAe,QAAQ,YAAY,EAAE,IAAI,QAAQ,SAAS,IAAI,EAAE,IAAI,KAAA;IACpE,aAAW,WAAW,KAAA;IACtB,cAAY,iBAAiB,QAAQ,SAAS,EAAE,IAAI,WAAW,IAAI;IACnE,iBAAe,gBAAgB,IAAI,eAAe,IAAI;IACtD,gBAAc,SAAS,UAAU;IACjC,iBAAe,QAAQ,kBAAkB,SAAS,KAAA,IAAY;IAC9D,WAAW,OAAO;IAClB,iBAAe,YAAY,KAAA;IAC3B,iBAAe,QAAQ,SAAS,IAAI,EAAE,KAAK,KAAA;IAC3C,uBAAoB;IACpB,iBAAe,YAAY,KAAA;IAC3B,gBAAc,WAAW,KAAA;IACzB,aAAU;IACV,UAAU,UAAU;KAClB,MAAM,gBAAgB;KACtB,UAAU,KAAK;KACf,IAAI,CAAC,MAAM,kBAAkB,QAAQ,WAAW,EAAE;IACpD;IACA,UAAU,UAAU;KAClB,QAAQ,YAAY,EAAE;KACtB,UAAU,KAAK;IACjB;IACA,YAAY,UAAU;KACpB,MAAM,gBAAgB;KACtB,QAAQ,cAAc,IAAI,KAAK;KAC/B,YAAY,KAAK;IACnB;IACA,MAAK;IACL,UAAU,UAAU,WAAW;cApCjC,CAsCE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;KACE,WAAWD,WAAAA,GAAG,OAAO,MAAM,SAAS;KACpC,iBAAe,YAAY,KAAA;KAC3B,iBAAe,QAAQ,SAAS,IAAI,EAAE,KAAK,KAAA;KAC3C,iBAAe,YAAY,KAAA;KAC3B,aAAU;KACH;eAEN;IACE,CAAA,GACJ,UACE;;EACmB,CAAA;CACA,CAAA;AAEhC,CAAC;AAGD,MAAa,iBAAA,GAAA,MAAA,WAAA,CAA+D,SAAS,cACnF,EAAE,UAAU,WAAW,OAAO,GAAG,SACjC,KACA;CACA,MAAM,UAAU,mBAAmB;CACnC,MAAM,YAAA,GAAA,MAAA,WAAA,CAAsB,iBAAiB;CAC7C,MAAM,SAASD,kBAAAA,SAAS;CACxB,MAAM,UAAU,WAAW,QAAQ,SAAS,IAAI,QAAQ,IAAI;CAC5D,OAEE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,GAAI;EACC;EACL,eAAa,CAAC,WAAW,KAAA;EACzB,WAAWC,WAAAA,GAAG,OAAO,OAAO,SAAS;EACrC,uBAAoB;EACpB,iBAAe,WAAW,KAAA;EAC1B,aAAU;EACV,QAAQ,CAAC;EACT,MAAK;EACL,OAAO;GAAE,GAAG;GAAO,SAAS,UAAU,OAAO,UAAU;EAAO;EAE7D;CACE,CAAA;AAET,CAAC;AAGD,MAAa,kBAAA,GAAA,MAAA,WAAA,CACX,SAAS,eAAe,EAAE,UAAU,WAAW,SAAS,GAAG,SAAS,KAAK;CACvE,MAAM,UAAU,mBAAmB;CAEnC,MAAM,MAAA,GAAA,MAAA,WAAA,CADoB,eACV;CAChB,MAAM,OAAO,KAAK,QAAQ,MAAM,MAAM,cAAc,UAAU,OAAO,EAAE,IAAI,KAAA;CAC3E,MAAM,WAAW,QAAQ,YAAY,QAAQ,MAAM,QAAQ;CAC3D,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;EACE,GAAI;EACC;EACL,iBAAe,KAAK,QAAQ,SAAS,IAAI,EAAE,IAAI,KAAA;EAC/C,iBAAe,YAAY,KAAA;EAC3B,WAAWA,WAAAA,GAAGD,kBAAAA,SAAS,CAAC,CAAC,QAAQ,SAAS;EAC1C,aAAU;EACV,UAAU,YAAY,MAAM;EAC5B,UAAU,UAAU;GAClB,MAAM,gBAAgB;GACtB,UAAU,KAAK;GACf,IAAI,CAAC,MAAM,oBAAoB,IAAI,QAAQ,eAAe,EAAE;EAC9D;EACA,UAAU;EACV,MAAK;YAEJ,aAAa,MAAM,QAAQ,SAAS,IAAI,EAAE,IAAI,MAAM;CAC/C,CAAA;AAEZ,CACF;AAGA,MAAa,iBAAA,GAAA,MAAA,WAAA,CAAgE,SAAS,cACpF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EACE,GAAI;EACC;EACL,WAAWC,WAAAA,GAAGD,kBAAAA,SAAS,CAAC,CAAC,OAAO,SAAS;EACzC,aAAU;CACX,CAAA;AAEL,CAAC;AAMD,MAAa,mBAAA,GAAA,MAAA,WAAA,CACX,SAAS,gBAAgB,EAAE,WAAW,YAAY,WAAW,GAAG,SAAS,KAAK;CAC5E,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,GAAI;EACC;EACL,iBAAc;EACd,aAAU;EACV,cAAY;EACZ,WAAWC,WAAAA,GAAGD,kBAAAA,SAAS,CAAC,CAAC,SAAS,SAAS;EAC3C,aAAU;EACV,MAAK;EACL,UAAU;EAET;CACE,CAAA;AAET,CACF;AAEA,MAAa,iBAAA,GAAA,MAAA,WAAA,CAA+D,SAAS,cACnF,EAAE,WAAW,mBAAmB,WAAW,GAAG,SAC9C,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,GAAI;EACC;EACL,iBAAc;EACd,cAAY;EACZ,WAAWC,WAAAA,GAAGD,kBAAAA,SAAS,CAAC,CAAC,OAAO,SAAS;EACzC,aAAU;EACV,MAAK;EACL,UAAU;EAET;CACE,CAAA;AAET,CAAC;AAED,MAAa,iBAAA,GAAA,MAAA,WAAA,CAA+D,SAAS,cACnF,EAAE,WAAW,yBAAyB,WAAW,GAAG,SACpD,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,GAAI;EACC;EACL,iBAAc;EACd,aAAU;EACV,cAAY;EACZ,WAAWC,WAAAA,GAAGD,kBAAAA,SAAS,CAAC,CAAC,OAAO,SAAS;EACzC,aAAU;EACV,MAAK;EACL,UAAU;EAET;CACE,CAAA;AAET,CAAC;AAED,MAAa,WAAW;CACtB,MAAM;CACN,MAAM;CACN,OAAO;CACP,QAAQ;CACR,OAAO;CACP,SAAS;CACT,OAAO;CACP,OAAO;AACT"}
+{"version":3,"file":"tree-view.cjs","names":["createContext","useContext","forwardRef","useState","useRef","treeView","useMemo","useCallback","cx","Children","isValidElement"],"sources":["../../../src/components/tree-view/tree-view.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { Children, isValidElement } from \"react\";\nimport type { ComponentPropsWithoutRef, KeyboardEvent, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { treeView } from \"../../styled-system/recipes\";\n\nexport type TreeViewSelectionMode = \"none\" | \"single\" | \"multiple\";\nexport type TreeViewSelection = string | readonly string[] | null;\n\ninterface TreeNodeRecord {\n  id: string;\n  parentId: string | undefined;\n  disabled: boolean;\n  hasChildren: boolean;\n  loading: boolean;\n  selectable: boolean;\n  order: number;\n  element: HTMLDivElement | null;\n}\n\ninterface TreeViewContextValue {\n  disabled: boolean;\n  loopFocus: boolean;\n  selectionMode: TreeViewSelectionMode;\n  expanded: ReadonlySet<string>;\n  selected: ReadonlySet<string>;\n  nodes: readonly TreeNodeRecord[];\n  registerNode: (node: TreeNodeRecord) => () => void;\n  setNodeElement: (id: string, element: HTMLDivElement | null) => void;\n  isVisible: (id: string) => boolean;\n  hasChildren: (id: string) => boolean;\n  getDepth: (id: string) => number;\n  getSiblings: (id: string) => readonly TreeNodeRecord[];\n  toggleExpanded: (id: string) => void;\n  selectNode: (id: string) => void;\n  focusNode: (id: string) => void;\n  handleKeyDown: (id: string, event: KeyboardEvent<HTMLDivElement>) => void;\n  activeId: string | null;\n  setActiveId: (id: string) => void;\n}\n\nconst TreeViewContext = createContext<TreeViewContextValue | null>(null);\nconst TreeParentContext = createContext<string | undefined>(undefined);\nconst TreeItemContext = createContext<string | null>(null);\n\nfunction useTreeViewContext() {\n  const context = useContext(TreeViewContext);\n  if (!context) throw new Error(\"TreeView parts must be rendered inside TreeView.Root.\");\n  return context;\n}\n\nfunction asSet(value: string | readonly string[] | null | undefined, mode: TreeViewSelectionMode) {\n  if (mode === \"multiple\") return new Set(Array.isArray(value) ? value : value ? [value] : []);\n  return new Set(typeof value === \"string\" ? [value] : []);\n}\n\nexport interface TreeViewRootProps extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\"> {\n  expanded?: readonly string[];\n  defaultExpanded?: readonly string[];\n  onExpandedChange?: (expanded: string[]) => void;\n  selected?: TreeViewSelection;\n  defaultSelected?: TreeViewSelection;\n  onSelectedChange?: (selected: TreeViewSelection) => void;\n  selectionMode?: TreeViewSelectionMode;\n  loopFocus?: boolean;\n  disabled?: boolean;\n  children?: ReactNode;\n}\n\nexport const TreeViewRoot = forwardRef<HTMLDivElement, TreeViewRootProps>(function TreeViewRoot(\n  {\n    children,\n    className,\n    defaultExpanded = [],\n    defaultSelected = null,\n    disabled = false,\n    expanded: controlledExpanded,\n    loopFocus = true,\n    onExpandedChange,\n    onSelectedChange,\n    selected: controlledSelected,\n    selectionMode = \"single\",\n    ...props\n  },\n  ref,\n) {\n  const [uncontrolledExpanded, setUncontrolledExpanded] = useState(() => new Set(defaultExpanded));\n  const [uncontrolledSelected, setUncontrolledSelected] = useState(() =>\n    asSet(defaultSelected, selectionMode),\n  );\n  const [activeId, setActiveId] = useState<string | null>(null);\n  const [, setVersion] = useState(0);\n  const nodesRef = useRef(new Map<string, TreeNodeRecord>());\n  const orderRef = useRef(0);\n  const styles = treeView();\n  const expanded = useMemo(\n    () => new Set(controlledExpanded ?? uncontrolledExpanded),\n    [controlledExpanded, uncontrolledExpanded],\n  );\n  const selected = useMemo(\n    () =>\n      controlledSelected === undefined\n        ? uncontrolledSelected\n        : asSet(controlledSelected, selectionMode),\n    [controlledSelected, selectionMode, uncontrolledSelected],\n  );\n  const nodes = Array.from(nodesRef.current.values()).sort((a, b) => a.order - b.order);\n\n  const registerNode = useCallback((node: TreeNodeRecord) => {\n    const registeredNode = { ...node, order: orderRef.current++ };\n    nodesRef.current.set(node.id, registeredNode);\n    setVersion((current) => current + 1);\n    return () => {\n      if (nodesRef.current.get(node.id) === registeredNode) nodesRef.current.delete(node.id);\n      setVersion((current) => current + 1);\n    };\n  }, []);\n\n  const setNodeElement = useCallback((id: string, element: HTMLDivElement | null) => {\n    const node = nodesRef.current.get(id);\n    if (node) node.element = element;\n  }, []);\n\n  const hasChildren = useCallback(\n    (id: string) =>\n      nodes.some((node) => node.parentId === id) ||\n      Boolean(nodes.find((node) => node.id === id)?.hasChildren),\n    [nodes],\n  );\n  const isVisible = useCallback(\n    (id: string) => {\n      let current = nodes.find((node) => node.id === id);\n      while (current?.parentId) {\n        if (!expanded.has(current.parentId)) return false;\n        current = nodes.find((node) => node.id === current?.parentId);\n      }\n      return true;\n    },\n    [expanded, nodes],\n  );\n  const getDepth = useCallback(\n    (id: string) => {\n      let depth = 1;\n      let current = nodes.find((node) => node.id === id);\n      while (current?.parentId) {\n        depth += 1;\n        current = nodes.find((node) => node.id === current?.parentId);\n      }\n      return depth;\n    },\n    [nodes],\n  );\n  const getSiblings = useCallback(\n    (id: string) => {\n      const node = nodes.find((candidate) => candidate.id === id);\n      return nodes.filter((candidate) => candidate.parentId === node?.parentId);\n    },\n    [nodes],\n  );\n\n  const toggleExpanded = useCallback(\n    (id: string) => {\n      if (disabled || !hasChildren(id)) return;\n      const next = new Set(expanded);\n      if (next.has(id)) next.delete(id);\n      else next.add(id);\n      if (controlledExpanded === undefined) setUncontrolledExpanded(next);\n      onExpandedChange?.(Array.from(next));\n    },\n    [controlledExpanded, disabled, expanded, hasChildren, onExpandedChange],\n  );\n\n  const selectNode = useCallback(\n    (id: string) => {\n      const node = nodes.find((candidate) => candidate.id === id);\n      if (disabled || !node || node.disabled || !node.selectable || selectionMode === \"none\")\n        return;\n      const next = new Set(selected);\n      if (selectionMode === \"single\") {\n        next.clear();\n        next.add(id);\n      } else if (next.has(id)) next.delete(id);\n      else next.add(id);\n      if (controlledSelected === undefined) setUncontrolledSelected(next);\n      onSelectedChange?.(\n        selectionMode === \"multiple\" ? Array.from(next) : (next.values().next().value ?? null),\n      );\n    },\n    [controlledSelected, disabled, nodes, onSelectedChange, selected, selectionMode],\n  );\n\n  const visibleNodes = nodes.filter((node) => isVisible(node.id));\n  const focusNode = useCallback(\n    (id: string) => {\n      const node = nodes.find((candidate) => candidate.id === id);\n      if (!node || node.disabled || !isVisible(id)) return;\n      setActiveId(id);\n      node.element?.focus();\n    },\n    [isVisible, nodes],\n  );\n\n  const handleKeyDown = useCallback(\n    (id: string, event: KeyboardEvent<HTMLDivElement>) => {\n      if (disabled) return;\n      const index = visibleNodes.findIndex((node) => node.id === id);\n      const node = nodes.find((candidate) => candidate.id === id);\n      if (!node) return;\n      if (event.key === \"ArrowDown\" || event.key === \"ArrowUp\") {\n        event.preventDefault();\n        const direction = event.key === \"ArrowDown\" ? 1 : -1;\n        let nextIndex = index + direction;\n        if (loopFocus) nextIndex = (nextIndex + visibleNodes.length) % visibleNodes.length;\n        const nextNode = visibleNodes[nextIndex];\n        if (nextIndex >= 0 && nextIndex < visibleNodes.length && nextNode) focusNode(nextNode.id);\n      } else if (event.key === \"Home\" || event.key === \"End\") {\n        event.preventDefault();\n        focusNode((event.key === \"Home\" ? visibleNodes[0] : visibleNodes.at(-1))?.id ?? id);\n      } else if (event.key === \"ArrowRight\") {\n        event.preventDefault();\n        if (hasChildren(id) && !expanded.has(id)) toggleExpanded(id);\n        else if (hasChildren(id))\n          focusNode(nodes.find((candidate) => candidate.parentId === id)?.id ?? id);\n      } else if (event.key === \"ArrowLeft\") {\n        event.preventDefault();\n        if (hasChildren(id) && expanded.has(id)) toggleExpanded(id);\n        else if (node.parentId) focusNode(node.parentId);\n      } else if (event.key === \"Enter\" || event.key === \" \") {\n        event.preventDefault();\n        selectNode(id);\n      }\n    },\n    [\n      disabled,\n      expanded,\n      focusNode,\n      hasChildren,\n      loopFocus,\n      nodes,\n      selectNode,\n      toggleExpanded,\n      visibleNodes,\n    ],\n  );\n\n  const context = useMemo<TreeViewContextValue>(\n    () => ({\n      disabled,\n      loopFocus,\n      selectionMode,\n      expanded,\n      selected,\n      nodes,\n      registerNode,\n      setNodeElement,\n      isVisible,\n      hasChildren,\n      getDepth,\n      getSiblings,\n      toggleExpanded,\n      selectNode,\n      focusNode,\n      handleKeyDown,\n      activeId,\n      setActiveId,\n    }),\n    [\n      activeId,\n      disabled,\n      expanded,\n      focusNode,\n      getDepth,\n      getSiblings,\n      handleKeyDown,\n      hasChildren,\n      isVisible,\n      loopFocus,\n      nodes,\n      registerNode,\n      selectNode,\n      selected,\n      selectionMode,\n      setNodeElement,\n      toggleExpanded,\n    ],\n  );\n\n  return (\n    <TreeViewContext.Provider value={context}>\n      <div\n        {...props}\n        ref={ref}\n        aria-multiselectable={selectionMode === \"multiple\" || undefined}\n        className={cx(styles.root, className)}\n        data-disabled={disabled || undefined}\n        data-jaci-component=\"tree-view\"\n        data-slot=\"tree-view\"\n        role=\"tree\"\n      >\n        {children}\n      </div>\n    </TreeViewContext.Provider>\n  );\n});\n\nexport interface TreeViewItemProps extends Omit<ComponentPropsWithoutRef<\"div\">, \"id\"> {\n  id: string;\n  disabled?: boolean;\n  hasChildren?: boolean;\n  loading?: boolean;\n  selectable?: boolean;\n}\n\nexport const TreeViewItem = forwardRef<HTMLDivElement, TreeViewItemProps>(function TreeViewItem(\n  {\n    children,\n    className,\n    disabled = false,\n    hasChildren: hasChildrenProp = false,\n    loading = false,\n    onClick,\n    onFocus,\n    onKeyDown,\n    style,\n    selectable = true,\n    id,\n    ...props\n  },\n  ref,\n) {\n  const context = useTreeViewContext();\n  const parentId = useContext(TreeParentContext);\n  const styles = treeView();\n  useEffect(\n    () =>\n      context.registerNode({\n        id,\n        parentId,\n        disabled,\n        hasChildren: hasChildrenProp,\n        loading,\n        selectable,\n        order: 0,\n        element: null,\n      }),\n    [context.registerNode, disabled, hasChildrenProp, id, loading, parentId, selectable],\n  );\n  const siblings = context.getSiblings(id);\n  const registeredNode = context.nodes.find((candidate) => candidate.id === id);\n  const selected = context.selected.has(id);\n  const visible = context.isVisible(id);\n  const siblingIndex = siblings.findIndex((candidate) => candidate.id === id);\n  const tabIndex =\n    context.activeId === id || (context.activeId === null && context.nodes[0]?.id === id) ? 0 : -1;\n  const childNodes = Children.toArray(children);\n  const groupNodes = childNodes.filter(\n    (child) => isValidElement(child) && child.type === TreeViewGroup,\n  );\n  const rowNodes = childNodes.filter(\n    (child) => !(isValidElement(child) && child.type === TreeViewGroup),\n  );\n\n  return (\n    <TreeParentContext.Provider value={id}>\n      <TreeItemContext.Provider value={id}>\n        <div\n          {...props}\n          ref={(element) => {\n            context.setNodeElement(id, element);\n            if (typeof ref === \"function\") ref(element);\n            else if (ref) ref.current = element;\n          }}\n          aria-disabled={disabled || undefined}\n          aria-expanded={context.hasChildren(id) ? context.expanded.has(id) : undefined}\n          aria-busy={loading || undefined}\n          aria-level={registeredNode ? context.getDepth(id) : parentId ? 2 : 1}\n          aria-posinset={siblingIndex >= 0 ? siblingIndex + 1 : 1}\n          aria-setsize={siblings.length || 1}\n          aria-selected={context.selectionMode === \"none\" ? undefined : selected}\n          className={styles.itemWrapper}\n          data-disabled={disabled || undefined}\n          data-expanded={context.expanded.has(id) || undefined}\n          data-jaci-component=\"tree-view\"\n          data-selected={selected || undefined}\n          data-loading={loading || undefined}\n          data-slot=\"tree-view-item\"\n          onClick={(event) => {\n            event.stopPropagation();\n            onClick?.(event);\n            if (!event.defaultPrevented) context.selectNode(id);\n          }}\n          onFocus={(event) => {\n            context.setActiveId(id);\n            onFocus?.(event);\n          }}\n          onKeyDown={(event) => {\n            event.stopPropagation();\n            context.handleKeyDown(id, event);\n            onKeyDown?.(event);\n          }}\n          role=\"treeitem\"\n          tabIndex={visible ? tabIndex : -1}\n        >\n          <div\n            className={cx(styles.item, className)}\n            data-disabled={disabled || undefined}\n            data-expanded={context.expanded.has(id) || undefined}\n            data-selected={selected || undefined}\n            data-slot=\"tree-view-item-row\"\n            style={style}\n          >\n            {rowNodes}\n          </div>\n          {groupNodes}\n        </div>\n      </TreeItemContext.Provider>\n    </TreeParentContext.Provider>\n  );\n});\n\nexport type TreeViewGroupProps = ComponentPropsWithoutRef<\"div\">;\nexport const TreeViewGroup = forwardRef<HTMLDivElement, TreeViewGroupProps>(function TreeViewGroup(\n  { children, className, style, ...props },\n  ref,\n) {\n  const context = useTreeViewContext();\n  const parentId = useContext(TreeParentContext);\n  const styles = treeView();\n  const visible = parentId ? context.expanded.has(parentId) : true;\n  return (\n    // biome-ignore lint/a11y/useSemanticElements: WAI-ARIA tree groups require role=\"group\".\n    <div\n      {...props}\n      ref={ref}\n      aria-hidden={!visible || undefined}\n      className={cx(styles.group, className)}\n      data-jaci-component=\"tree-view\"\n      data-expanded={visible || undefined}\n      data-slot=\"tree-view-group\"\n      hidden={!visible}\n      role=\"group\"\n      style={{ ...style, display: visible ? style?.display : \"none\" }}\n    >\n      {children}\n    </div>\n  );\n});\n\nexport type TreeViewToggleProps = ComponentPropsWithoutRef<\"button\">;\nexport const TreeViewToggle = forwardRef<HTMLButtonElement, TreeViewToggleProps>(\n  function TreeViewToggle({ children, className, onClick, ...props }, ref) {\n    const context = useTreeViewContext();\n    const itemId = useContext(TreeItemContext);\n    const id = itemId;\n    const item = id ? context.nodes.find((candidate) => candidate.id === id) : undefined;\n    const disabled = context.disabled || Boolean(item?.disabled);\n    return (\n      <button\n        {...props}\n        ref={ref}\n        aria-expanded={id ? context.expanded.has(id) : undefined}\n        aria-disabled={disabled || undefined}\n        className={cx(treeView().toggle, className)}\n        data-slot=\"tree-view-toggle\"\n        disabled={disabled || props.disabled}\n        onClick={(event) => {\n          event.stopPropagation();\n          onClick?.(event);\n          if (!event.defaultPrevented && id) context.toggleExpanded(id);\n        }}\n        tabIndex={-1}\n        type=\"button\"\n      >\n        {children ?? (id && context.expanded.has(id) ? \"▾\" : \"▸\")}\n      </button>\n    );\n  },\n);\n\nexport type TreeViewLabelProps = ComponentPropsWithoutRef<\"span\">;\nexport const TreeViewLabel = forwardRef<HTMLSpanElement, TreeViewLabelProps>(function TreeViewLabel(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <span\n      {...props}\n      ref={ref}\n      className={cx(treeView().label, className)}\n      data-slot=\"tree-view-label\"\n    />\n  );\n});\n\nexport interface TreeViewStateProps extends ComponentPropsWithoutRef<\"div\"> {\n  children?: ReactNode;\n}\n\nexport const TreeViewLoading = forwardRef<HTMLDivElement, TreeViewStateProps>(\n  function TreeViewLoading({ children = \"Loading…\", className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        aria-disabled=\"true\"\n        aria-live=\"polite\"\n        aria-level={1}\n        className={cx(treeView().loading, className)}\n        data-slot=\"tree-view-loading\"\n        role=\"treeitem\"\n        tabIndex={-1}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nexport const TreeViewEmpty = forwardRef<HTMLDivElement, TreeViewStateProps>(function TreeViewEmpty(\n  { children = \"No items found.\", className, ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      ref={ref}\n      aria-disabled=\"true\"\n      aria-level={1}\n      className={cx(treeView().empty, className)}\n      data-slot=\"tree-view-empty\"\n      role=\"treeitem\"\n      tabIndex={-1}\n    >\n      {children}\n    </div>\n  );\n});\n\nexport const TreeViewError = forwardRef<HTMLDivElement, TreeViewStateProps>(function TreeViewError(\n  { children = \"Something went wrong.\", className, ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      ref={ref}\n      aria-disabled=\"true\"\n      aria-live=\"assertive\"\n      aria-level={1}\n      className={cx(treeView().error, className)}\n      data-slot=\"tree-view-error\"\n      role=\"treeitem\"\n      tabIndex={-1}\n    >\n      {children}\n    </div>\n  );\n});\n\nexport const TreeView = {\n  Root: TreeViewRoot,\n  Item: TreeViewItem,\n  Group: TreeViewGroup,\n  Toggle: TreeViewToggle,\n  Label: TreeViewLabel,\n  Loading: TreeViewLoading,\n  Empty: TreeViewEmpty,\n  Error: TreeViewError,\n};\n"],"mappings":"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"}

package/dist/components/tree-view/tree-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree-view.js","names":[],"sources":["../../../src/components/tree-view/tree-view.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { Children, isValidElement } from \"react\";\nimport type { ComponentPropsWithoutRef, KeyboardEvent, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { treeView } from \"../../styled-system/recipes\";\n\nexport type TreeViewSelectionMode = \"none\" | \"single\" | \"multiple\";\nexport type TreeViewSelection = string | readonly string[] | null;\n\ninterface TreeNodeRecord {\n  id: string;\n  parentId: string | undefined;\n  disabled: boolean;\n  hasChildren: boolean;\n  loading: boolean;\n  selectable: boolean;\n  order: number;\n  element: HTMLDivElement | null;\n}\n\ninterface TreeViewContextValue {\n  disabled: boolean;\n  loopFocus: boolean;\n  selectionMode: TreeViewSelectionMode;\n  expanded: ReadonlySet<string>;\n  selected: ReadonlySet<string>;\n  nodes: readonly TreeNodeRecord[];\n  registerNode: (node: TreeNodeRecord) => () => void;\n  setNodeElement: (id: string, element: HTMLDivElement | null) => void;\n  isVisible: (id: string) => boolean;\n  hasChildren: (id: string) => boolean;\n  getDepth: (id: string) => number;\n  getSiblings: (id: string) => readonly TreeNodeRecord[];\n  toggleExpanded: (id: string) => void;\n  selectNode: (id: string) => void;\n  focusNode: (id: string) => void;\n  handleKeyDown: (id: string, event: KeyboardEvent<HTMLDivElement>) => void;\n  activeId: string | null;\n  setActiveId: (id: string) => void;\n}\n\nconst TreeViewContext = createContext<TreeViewContextValue | null>(null);\nconst TreeParentContext = createContext<string | undefined>(undefined);\nconst TreeItemContext = createContext<string | null>(null);\n\nfunction useTreeViewContext() {\n  const context = useContext(TreeViewContext);\n  if (!context) throw new Error(\"TreeView parts must be rendered inside TreeView.Root.\");\n  return context;\n}\n\nfunction asSet(value: string | readonly string[] | null | undefined, mode: TreeViewSelectionMode) {\n  if (mode === \"multiple\") return new Set(Array.isArray(value) ? value : value ? [value] : []);\n  return new Set(typeof value === \"string\" ? [value] : []);\n}\n\nexport interface TreeViewRootProps extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\"> {\n  expanded?: readonly string[];\n  defaultExpanded?: readonly string[];\n  onExpandedChange?: (expanded: string[]) => void;\n  selected?: TreeViewSelection;\n  defaultSelected?: TreeViewSelection;\n  onSelectedChange?: (selected: TreeViewSelection) => void;\n  selectionMode?: TreeViewSelectionMode;\n  loopFocus?: boolean;\n  disabled?: boolean;\n  children?: ReactNode;\n}\n\nexport const TreeViewRoot = forwardRef<HTMLDivElement, TreeViewRootProps>(function TreeViewRoot(\n  {\n    children,\n    className,\n    defaultExpanded = [],\n    defaultSelected = null,\n    disabled = false,\n    expanded: controlledExpanded,\n    loopFocus = true,\n    onExpandedChange,\n    onSelectedChange,\n    selected: controlledSelected,\n    selectionMode = \"single\",\n    ...props\n  },\n  ref,\n) {\n  const [uncontrolledExpanded, setUncontrolledExpanded] = useState(() => new Set(defaultExpanded));\n  const [uncontrolledSelected, setUncontrolledSelected] = useState(() =>\n    asSet(defaultSelected, selectionMode),\n  );\n  const [activeId, setActiveId] = useState<string | null>(null);\n  const [, setVersion] = useState(0);\n  const nodesRef = useRef(new Map<string, TreeNodeRecord>());\n  const orderRef = useRef(0);\n  const styles = treeView();\n  const expanded = useMemo(\n    () => new Set(controlledExpanded ?? uncontrolledExpanded),\n    [controlledExpanded, uncontrolledExpanded],\n  );\n  const selected = useMemo(\n    () =>\n      controlledSelected === undefined\n        ? uncontrolledSelected\n        : asSet(controlledSelected, selectionMode),\n    [controlledSelected, selectionMode, uncontrolledSelected],\n  );\n  const nodes = Array.from(nodesRef.current.values()).sort((a, b) => a.order - b.order);\n\n  const registerNode = useCallback((node: TreeNodeRecord) => {\n    const registeredNode = { ...node, order: orderRef.current++ };\n    nodesRef.current.set(node.id, registeredNode);\n    setVersion((current) => current + 1);\n    return () => {\n      if (nodesRef.current.get(node.id) === registeredNode) nodesRef.current.delete(node.id);\n      setVersion((current) => current + 1);\n    };\n  }, []);\n\n  const setNodeElement = useCallback((id: string, element: HTMLDivElement | null) => {\n    const node = nodesRef.current.get(id);\n    if (node) node.element = element;\n  }, []);\n\n  const hasChildren = useCallback(\n    (id: string) =>\n      nodes.some((node) => node.parentId === id) ||\n      Boolean(nodes.find((node) => node.id === id)?.hasChildren),\n    [nodes],\n  );\n  const isVisible = useCallback(\n    (id: string) => {\n      let current = nodes.find((node) => node.id === id);\n      while (current?.parentId) {\n        if (!expanded.has(current.parentId)) return false;\n        current = nodes.find((node) => node.id === current?.parentId);\n      }\n      return true;\n    },\n    [expanded, nodes],\n  );\n  const getDepth = useCallback(\n    (id: string) => {\n      let depth = 1;\n      let current = nodes.find((node) => node.id === id);\n      while (current?.parentId) {\n        depth += 1;\n        current = nodes.find((node) => node.id === current?.parentId);\n      }\n      return depth;\n    },\n    [nodes],\n  );\n  const getSiblings = useCallback(\n    (id: string) => {\n      const node = nodes.find((candidate) => candidate.id === id);\n      return nodes.filter((candidate) => candidate.parentId === node?.parentId);\n    },\n    [nodes],\n  );\n\n  const toggleExpanded = useCallback(\n    (id: string) => {\n      if (disabled || !hasChildren(id)) return;\n      const next = new Set(expanded);\n      if (next.has(id)) next.delete(id);\n      else next.add(id);\n      if (controlledExpanded === undefined) setUncontrolledExpanded(next);\n      onExpandedChange?.(Array.from(next));\n    },\n    [controlledExpanded, disabled, expanded, hasChildren, onExpandedChange],\n  );\n\n  const selectNode = useCallback(\n    (id: string) => {\n      const node = nodes.find((candidate) => candidate.id === id);\n      if (disabled || !node || node.disabled || !node.selectable || selectionMode === \"none\")\n        return;\n      const next = new Set(selected);\n      if (selectionMode === \"single\") {\n        next.clear();\n        next.add(id);\n      } else if (next.has(id)) next.delete(id);\n      else next.add(id);\n      if (controlledSelected === undefined) setUncontrolledSelected(next);\n      onSelectedChange?.(\n        selectionMode === \"multiple\" ? Array.from(next) : (next.values().next().value ?? null),\n      );\n    },\n    [controlledSelected, disabled, nodes, onSelectedChange, selected, selectionMode],\n  );\n\n  const visibleNodes = nodes.filter((node) => isVisible(node.id));\n  const focusNode = useCallback(\n    (id: string) => {\n      const node = nodes.find((candidate) => candidate.id === id);\n      if (!node || node.disabled || !isVisible(id)) return;\n      setActiveId(id);\n      node.element?.focus();\n    },\n    [isVisible, nodes],\n  );\n\n  const handleKeyDown = useCallback(\n    (id: string, event: KeyboardEvent<HTMLDivElement>) => {\n      if (disabled) return;\n      const index = visibleNodes.findIndex((node) => node.id === id);\n      const node = nodes.find((candidate) => candidate.id === id);\n      if (!node) return;\n      if (event.key === \"ArrowDown\" || event.key === \"ArrowUp\") {\n        event.preventDefault();\n        const direction = event.key === \"ArrowDown\" ? 1 : -1;\n        let nextIndex = index + direction;\n        if (loopFocus) nextIndex = (nextIndex + visibleNodes.length) % visibleNodes.length;\n        const nextNode = visibleNodes[nextIndex];\n        if (nextIndex >= 0 && nextIndex < visibleNodes.length && nextNode) focusNode(nextNode.id);\n      } else if (event.key === \"Home\" || event.key === \"End\") {\n        event.preventDefault();\n        focusNode((event.key === \"Home\" ? visibleNodes[0] : visibleNodes.at(-1))?.id ?? id);\n      } else if (event.key === \"ArrowRight\") {\n        event.preventDefault();\n        if (hasChildren(id) && !expanded.has(id)) toggleExpanded(id);\n        else if (hasChildren(id))\n          focusNode(nodes.find((candidate) => candidate.parentId === id)?.id ?? id);\n      } else if (event.key === \"ArrowLeft\") {\n        event.preventDefault();\n        if (hasChildren(id) && expanded.has(id)) toggleExpanded(id);\n        else if (node.parentId) focusNode(node.parentId);\n      } else if (event.key === \"Enter\" || event.key === \" \") {\n        event.preventDefault();\n        selectNode(id);\n      }\n    },\n    [\n      disabled,\n      expanded,\n      focusNode,\n      hasChildren,\n      loopFocus,\n      nodes,\n      selectNode,\n      toggleExpanded,\n      visibleNodes,\n    ],\n  );\n\n  const context = useMemo<TreeViewContextValue>(\n    () => ({\n      disabled,\n      loopFocus,\n      selectionMode,\n      expanded,\n      selected,\n      nodes,\n      registerNode,\n      setNodeElement,\n      isVisible,\n      hasChildren,\n      getDepth,\n      getSiblings,\n      toggleExpanded,\n      selectNode,\n      focusNode,\n      handleKeyDown,\n      activeId,\n      setActiveId,\n    }),\n    [\n      activeId,\n      disabled,\n      expanded,\n      focusNode,\n      getDepth,\n      getSiblings,\n      handleKeyDown,\n      hasChildren,\n      isVisible,\n      loopFocus,\n      nodes,\n      registerNode,\n      selectNode,\n      selected,\n      selectionMode,\n      setNodeElement,\n      toggleExpanded,\n    ],\n  );\n\n  return (\n    <TreeViewContext.Provider value={context}>\n      <div\n        {...props}\n        ref={ref}\n        aria-multiselectable={selectionMode === \"multiple\" || undefined}\n        className={cx(styles.root, className)}\n        data-disabled={disabled || undefined}\n        data-jaci-component=\"tree-view\"\n        data-slot=\"tree-view\"\n        role=\"tree\"\n      >\n        {children}\n      </div>\n    </TreeViewContext.Provider>\n  );\n});\n\nexport interface TreeViewItemProps extends Omit<ComponentPropsWithoutRef<\"div\">, \"id\"> {\n  id: string;\n  disabled?: boolean;\n  hasChildren?: boolean;\n  loading?: boolean;\n  selectable?: boolean;\n}\n\nexport const TreeViewItem = forwardRef<HTMLDivElement, TreeViewItemProps>(function TreeViewItem(\n  {\n    children,\n    className,\n    disabled = false,\n    hasChildren: hasChildrenProp = false,\n    loading = false,\n    onClick,\n    onFocus,\n    onKeyDown,\n    style,\n    selectable = true,\n    id,\n    ...props\n  },\n  ref,\n) {\n  const context = useTreeViewContext();\n  const parentId = useContext(TreeParentContext);\n  const styles = treeView();\n  useEffect(\n    () =>\n      context.registerNode({\n        id,\n        parentId,\n        disabled,\n        hasChildren: hasChildrenProp,\n        loading,\n        selectable,\n        order: 0,\n        element: null,\n      }),\n    [context.registerNode, disabled, hasChildrenProp, id, loading, parentId, selectable],\n  );\n  const siblings = context.getSiblings(id);\n  const registeredNode = context.nodes.find((candidate) => candidate.id === id);\n  const selected = context.selected.has(id);\n  const visible = context.isVisible(id);\n  const siblingIndex = siblings.findIndex((candidate) => candidate.id === id);\n  const tabIndex =\n    context.activeId === id || (context.activeId === null && context.nodes[0]?.id === id) ? 0 : -1;\n  const childNodes = Children.toArray(children);\n  const groupNodes = childNodes.filter(\n    (child) => isValidElement(child) && child.type === TreeViewGroup,\n  );\n  const rowNodes = childNodes.filter(\n    (child) => !(isValidElement(child) && child.type === TreeViewGroup),\n  );\n\n  return (\n    <TreeParentContext.Provider value={id}>\n      <TreeItemContext.Provider value={id}>\n        <div\n          {...props}\n          ref={(element) => {\n            context.setNodeElement(id, element);\n            if (typeof ref === \"function\") ref(element);\n            else if (ref) ref.current = element;\n          }}\n          aria-disabled={disabled || undefined}\n          aria-expanded={context.hasChildren(id) ? context.expanded.has(id) : undefined}\n          aria-busy={loading || undefined}\n          aria-level={registeredNode ? context.getDepth(id) : parentId ? 2 : 1}\n          aria-posinset={siblingIndex >= 0 ? siblingIndex + 1 : 1}\n          aria-setsize={siblings.length || 1}\n          aria-selected={context.selectionMode === \"none\" ? undefined : selected}\n          className={styles.itemWrapper}\n          data-disabled={disabled || undefined}\n          data-expanded={context.expanded.has(id) || undefined}\n          data-jaci-component=\"tree-view\"\n          data-selected={selected || undefined}\n          data-loading={loading || undefined}\n          data-slot=\"tree-view-item\"\n          onClick={(event) => {\n            event.stopPropagation();\n            onClick?.(event);\n            if (!event.defaultPrevented) context.selectNode(id);\n          }}\n          onFocus={(event) => {\n            context.setActiveId(id);\n            onFocus?.(event);\n          }}\n          onKeyDown={(event) => {\n            event.stopPropagation();\n            context.handleKeyDown(id, event);\n            onKeyDown?.(event);\n          }}\n          role=\"treeitem\"\n          tabIndex={visible ? tabIndex : -1}\n        >\n          <div\n            className={cx(styles.item, className)}\n            data-disabled={disabled || undefined}\n            data-expanded={context.expanded.has(id) || undefined}\n            data-selected={selected || undefined}\n            data-slot=\"tree-view-item-row\"\n            style={style}\n          >\n            {rowNodes}\n          </div>\n          {groupNodes}\n        </div>\n      </TreeItemContext.Provider>\n    </TreeParentContext.Provider>\n  );\n});\n\nexport type TreeViewGroupProps = ComponentPropsWithoutRef<\"div\">;\nexport const TreeViewGroup = forwardRef<HTMLDivElement, TreeViewGroupProps>(function TreeViewGroup(\n  { children, className, style, ...props },\n  ref,\n) {\n  const context = useTreeViewContext();\n  const parentId = useContext(TreeParentContext);\n  const styles = treeView();\n  const visible = parentId ? context.expanded.has(parentId) : true;\n  return (\n    // biome-ignore lint/a11y/useSemanticElements: WAI-ARIA tree groups require role=\"group\".\n    <div\n      {...props}\n      ref={ref}\n      aria-hidden={!visible || undefined}\n      className={cx(styles.group, className)}\n      data-jaci-component=\"tree-view\"\n      data-expanded={visible || undefined}\n      data-slot=\"tree-view-group\"\n      hidden={!visible}\n      role=\"group\"\n      style={{ ...style, display: visible ? style?.display : \"none\" }}\n    >\n      {children}\n    </div>\n  );\n});\n\nexport type TreeViewToggleProps = ComponentPropsWithoutRef<\"button\">;\nexport const TreeViewToggle = forwardRef<HTMLButtonElement, TreeViewToggleProps>(\n  function TreeViewToggle({ children, className, onClick, ...props }, ref) {\n    const context = useTreeViewContext();\n    const itemId = useContext(TreeItemContext);\n    const id = itemId;\n    const item = id ? context.nodes.find((candidate) => candidate.id === id) : undefined;\n    const disabled = context.disabled || Boolean(item?.disabled);\n    return (\n      <button\n        {...props}\n        ref={ref}\n        aria-expanded={id ? context.expanded.has(id) : undefined}\n        aria-disabled={disabled || undefined}\n        className={cx(treeView().toggle, className)}\n        data-slot=\"tree-view-toggle\"\n        disabled={disabled || props.disabled}\n        onClick={(event) => {\n          event.stopPropagation();\n          onClick?.(event);\n          if (!event.defaultPrevented && id) context.toggleExpanded(id);\n        }}\n        tabIndex={-1}\n        type=\"button\"\n      >\n        {children ?? (id && context.expanded.has(id) ? \"▾\" : \"▸\")}\n      </button>\n    );\n  },\n);\n\nexport type TreeViewLabelProps = ComponentPropsWithoutRef<\"span\">;\nexport const TreeViewLabel = forwardRef<HTMLSpanElement, TreeViewLabelProps>(function TreeViewLabel(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <span\n      {...props}\n      ref={ref}\n      className={cx(treeView().label, className)}\n      data-slot=\"tree-view-label\"\n    />\n  );\n});\n\nexport interface TreeViewStateProps extends ComponentPropsWithoutRef<\"div\"> {\n  children?: ReactNode;\n}\n\nexport const TreeViewLoading = forwardRef<HTMLDivElement, TreeViewStateProps>(\n  function TreeViewLoading({ children = \"Loading…\", className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        aria-disabled=\"true\"\n        aria-live=\"polite\"\n        aria-level={1}\n        className={cx(treeView().loading, className)}\n        data-slot=\"tree-view-loading\"\n        role=\"treeitem\"\n        tabIndex={-1}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nexport const TreeViewEmpty = forwardRef<HTMLDivElement, TreeViewStateProps>(function TreeViewEmpty(\n  { children = \"No items found.\", className, ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      ref={ref}\n      aria-disabled=\"true\"\n      aria-level={1}\n      className={cx(treeView().empty, className)}\n      data-slot=\"tree-view-empty\"\n      role=\"treeitem\"\n      tabIndex={-1}\n    >\n      {children}\n    </div>\n  );\n});\n\nexport const TreeViewError = forwardRef<HTMLDivElement, TreeViewStateProps>(function TreeViewError(\n  { children = \"Something went wrong.\", className, ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      ref={ref}\n      aria-disabled=\"true\"\n      aria-live=\"assertive\"\n      aria-level={1}\n      className={cx(treeView().error, className)}\n      data-slot=\"tree-view-error\"\n      role=\"treeitem\"\n      tabIndex={-1}\n    >\n      {children}\n    </div>\n  );\n});\n\nexport const TreeView = {\n  Root: TreeViewRoot,\n  Item: TreeViewItem,\n  Group: TreeViewGroup,\n  Toggle: TreeViewToggle,\n  Label: TreeViewLabel,\n  Loading: TreeViewLoading,\n  Empty: TreeViewEmpty,\n  Error: TreeViewError,\n};\n"],"mappings":"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"}
+{"version":3,"file":"tree-view.js","names":[],"sources":["../../../src/components/tree-view/tree-view.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { Children, isValidElement } from \"react\";\nimport type { ComponentPropsWithoutRef, KeyboardEvent, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { treeView } from \"../../styled-system/recipes\";\n\nexport type TreeViewSelectionMode = \"none\" | \"single\" | \"multiple\";\nexport type TreeViewSelection = string | readonly string[] | null;\n\ninterface TreeNodeRecord {\n  id: string;\n  parentId: string | undefined;\n  disabled: boolean;\n  hasChildren: boolean;\n  loading: boolean;\n  selectable: boolean;\n  order: number;\n  element: HTMLDivElement | null;\n}\n\ninterface TreeViewContextValue {\n  disabled: boolean;\n  loopFocus: boolean;\n  selectionMode: TreeViewSelectionMode;\n  expanded: ReadonlySet<string>;\n  selected: ReadonlySet<string>;\n  nodes: readonly TreeNodeRecord[];\n  registerNode: (node: TreeNodeRecord) => () => void;\n  setNodeElement: (id: string, element: HTMLDivElement | null) => void;\n  isVisible: (id: string) => boolean;\n  hasChildren: (id: string) => boolean;\n  getDepth: (id: string) => number;\n  getSiblings: (id: string) => readonly TreeNodeRecord[];\n  toggleExpanded: (id: string) => void;\n  selectNode: (id: string) => void;\n  focusNode: (id: string) => void;\n  handleKeyDown: (id: string, event: KeyboardEvent<HTMLDivElement>) => void;\n  activeId: string | null;\n  setActiveId: (id: string) => void;\n}\n\nconst TreeViewContext = createContext<TreeViewContextValue | null>(null);\nconst TreeParentContext = createContext<string | undefined>(undefined);\nconst TreeItemContext = createContext<string | null>(null);\n\nfunction useTreeViewContext() {\n  const context = useContext(TreeViewContext);\n  if (!context) throw new Error(\"TreeView parts must be rendered inside TreeView.Root.\");\n  return context;\n}\n\nfunction asSet(value: string | readonly string[] | null | undefined, mode: TreeViewSelectionMode) {\n  if (mode === \"multiple\") return new Set(Array.isArray(value) ? value : value ? [value] : []);\n  return new Set(typeof value === \"string\" ? [value] : []);\n}\n\nexport interface TreeViewRootProps extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\"> {\n  expanded?: readonly string[];\n  defaultExpanded?: readonly string[];\n  onExpandedChange?: (expanded: string[]) => void;\n  selected?: TreeViewSelection;\n  defaultSelected?: TreeViewSelection;\n  onSelectedChange?: (selected: TreeViewSelection) => void;\n  selectionMode?: TreeViewSelectionMode;\n  loopFocus?: boolean;\n  disabled?: boolean;\n  children?: ReactNode;\n}\n\nexport const TreeViewRoot = forwardRef<HTMLDivElement, TreeViewRootProps>(function TreeViewRoot(\n  {\n    children,\n    className,\n    defaultExpanded = [],\n    defaultSelected = null,\n    disabled = false,\n    expanded: controlledExpanded,\n    loopFocus = true,\n    onExpandedChange,\n    onSelectedChange,\n    selected: controlledSelected,\n    selectionMode = \"single\",\n    ...props\n  },\n  ref,\n) {\n  const [uncontrolledExpanded, setUncontrolledExpanded] = useState(() => new Set(defaultExpanded));\n  const [uncontrolledSelected, setUncontrolledSelected] = useState(() =>\n    asSet(defaultSelected, selectionMode),\n  );\n  const [activeId, setActiveId] = useState<string | null>(null);\n  const [, setVersion] = useState(0);\n  const nodesRef = useRef(new Map<string, TreeNodeRecord>());\n  const orderRef = useRef(0);\n  const styles = treeView();\n  const expanded = useMemo(\n    () => new Set(controlledExpanded ?? uncontrolledExpanded),\n    [controlledExpanded, uncontrolledExpanded],\n  );\n  const selected = useMemo(\n    () =>\n      controlledSelected === undefined\n        ? uncontrolledSelected\n        : asSet(controlledSelected, selectionMode),\n    [controlledSelected, selectionMode, uncontrolledSelected],\n  );\n  const nodes = Array.from(nodesRef.current.values()).sort((a, b) => a.order - b.order);\n\n  const registerNode = useCallback((node: TreeNodeRecord) => {\n    const registeredNode = { ...node, order: orderRef.current++ };\n    nodesRef.current.set(node.id, registeredNode);\n    setVersion((current) => current + 1);\n    return () => {\n      if (nodesRef.current.get(node.id) === registeredNode) nodesRef.current.delete(node.id);\n      setVersion((current) => current + 1);\n    };\n  }, []);\n\n  const setNodeElement = useCallback((id: string, element: HTMLDivElement | null) => {\n    const node = nodesRef.current.get(id);\n    if (node) node.element = element;\n  }, []);\n\n  const hasChildren = useCallback(\n    (id: string) =>\n      nodes.some((node) => node.parentId === id) ||\n      Boolean(nodes.find((node) => node.id === id)?.hasChildren),\n    [nodes],\n  );\n  const isVisible = useCallback(\n    (id: string) => {\n      let current = nodes.find((node) => node.id === id);\n      while (current?.parentId) {\n        if (!expanded.has(current.parentId)) return false;\n        current = nodes.find((node) => node.id === current?.parentId);\n      }\n      return true;\n    },\n    [expanded, nodes],\n  );\n  const getDepth = useCallback(\n    (id: string) => {\n      let depth = 1;\n      let current = nodes.find((node) => node.id === id);\n      while (current?.parentId) {\n        depth += 1;\n        current = nodes.find((node) => node.id === current?.parentId);\n      }\n      return depth;\n    },\n    [nodes],\n  );\n  const getSiblings = useCallback(\n    (id: string) => {\n      const node = nodes.find((candidate) => candidate.id === id);\n      return nodes.filter((candidate) => candidate.parentId === node?.parentId);\n    },\n    [nodes],\n  );\n\n  const toggleExpanded = useCallback(\n    (id: string) => {\n      if (disabled || !hasChildren(id)) return;\n      const next = new Set(expanded);\n      if (next.has(id)) next.delete(id);\n      else next.add(id);\n      if (controlledExpanded === undefined) setUncontrolledExpanded(next);\n      onExpandedChange?.(Array.from(next));\n    },\n    [controlledExpanded, disabled, expanded, hasChildren, onExpandedChange],\n  );\n\n  const selectNode = useCallback(\n    (id: string) => {\n      const node = nodes.find((candidate) => candidate.id === id);\n      if (disabled || !node || node.disabled || !node.selectable || selectionMode === \"none\")\n        return;\n      const next = new Set(selected);\n      if (selectionMode === \"single\") {\n        next.clear();\n        next.add(id);\n      } else if (next.has(id)) next.delete(id);\n      else next.add(id);\n      if (controlledSelected === undefined) setUncontrolledSelected(next);\n      onSelectedChange?.(\n        selectionMode === \"multiple\" ? Array.from(next) : (next.values().next().value ?? null),\n      );\n    },\n    [controlledSelected, disabled, nodes, onSelectedChange, selected, selectionMode],\n  );\n\n  const visibleNodes = nodes.filter((node) => isVisible(node.id));\n  const focusNode = useCallback(\n    (id: string) => {\n      const node = nodes.find((candidate) => candidate.id === id);\n      if (!node || node.disabled || !isVisible(id)) return;\n      setActiveId(id);\n      node.element?.focus();\n    },\n    [isVisible, nodes],\n  );\n\n  const handleKeyDown = useCallback(\n    (id: string, event: KeyboardEvent<HTMLDivElement>) => {\n      if (disabled) return;\n      const index = visibleNodes.findIndex((node) => node.id === id);\n      const node = nodes.find((candidate) => candidate.id === id);\n      if (!node) return;\n      if (event.key === \"ArrowDown\" || event.key === \"ArrowUp\") {\n        event.preventDefault();\n        const direction = event.key === \"ArrowDown\" ? 1 : -1;\n        let nextIndex = index + direction;\n        if (loopFocus) nextIndex = (nextIndex + visibleNodes.length) % visibleNodes.length;\n        const nextNode = visibleNodes[nextIndex];\n        if (nextIndex >= 0 && nextIndex < visibleNodes.length && nextNode) focusNode(nextNode.id);\n      } else if (event.key === \"Home\" || event.key === \"End\") {\n        event.preventDefault();\n        focusNode((event.key === \"Home\" ? visibleNodes[0] : visibleNodes.at(-1))?.id ?? id);\n      } else if (event.key === \"ArrowRight\") {\n        event.preventDefault();\n        if (hasChildren(id) && !expanded.has(id)) toggleExpanded(id);\n        else if (hasChildren(id))\n          focusNode(nodes.find((candidate) => candidate.parentId === id)?.id ?? id);\n      } else if (event.key === \"ArrowLeft\") {\n        event.preventDefault();\n        if (hasChildren(id) && expanded.has(id)) toggleExpanded(id);\n        else if (node.parentId) focusNode(node.parentId);\n      } else if (event.key === \"Enter\" || event.key === \" \") {\n        event.preventDefault();\n        selectNode(id);\n      }\n    },\n    [\n      disabled,\n      expanded,\n      focusNode,\n      hasChildren,\n      loopFocus,\n      nodes,\n      selectNode,\n      toggleExpanded,\n      visibleNodes,\n    ],\n  );\n\n  const context = useMemo<TreeViewContextValue>(\n    () => ({\n      disabled,\n      loopFocus,\n      selectionMode,\n      expanded,\n      selected,\n      nodes,\n      registerNode,\n      setNodeElement,\n      isVisible,\n      hasChildren,\n      getDepth,\n      getSiblings,\n      toggleExpanded,\n      selectNode,\n      focusNode,\n      handleKeyDown,\n      activeId,\n      setActiveId,\n    }),\n    [\n      activeId,\n      disabled,\n      expanded,\n      focusNode,\n      getDepth,\n      getSiblings,\n      handleKeyDown,\n      hasChildren,\n      isVisible,\n      loopFocus,\n      nodes,\n      registerNode,\n      selectNode,\n      selected,\n      selectionMode,\n      setNodeElement,\n      toggleExpanded,\n    ],\n  );\n\n  return (\n    <TreeViewContext.Provider value={context}>\n      <div\n        {...props}\n        ref={ref}\n        aria-multiselectable={selectionMode === \"multiple\" || undefined}\n        className={cx(styles.root, className)}\n        data-disabled={disabled || undefined}\n        data-jaci-component=\"tree-view\"\n        data-slot=\"tree-view\"\n        role=\"tree\"\n      >\n        {children}\n      </div>\n    </TreeViewContext.Provider>\n  );\n});\n\nexport interface TreeViewItemProps extends Omit<ComponentPropsWithoutRef<\"div\">, \"id\"> {\n  id: string;\n  disabled?: boolean;\n  hasChildren?: boolean;\n  loading?: boolean;\n  selectable?: boolean;\n}\n\nexport const TreeViewItem = forwardRef<HTMLDivElement, TreeViewItemProps>(function TreeViewItem(\n  {\n    children,\n    className,\n    disabled = false,\n    hasChildren: hasChildrenProp = false,\n    loading = false,\n    onClick,\n    onFocus,\n    onKeyDown,\n    style,\n    selectable = true,\n    id,\n    ...props\n  },\n  ref,\n) {\n  const context = useTreeViewContext();\n  const parentId = useContext(TreeParentContext);\n  const styles = treeView();\n  useEffect(\n    () =>\n      context.registerNode({\n        id,\n        parentId,\n        disabled,\n        hasChildren: hasChildrenProp,\n        loading,\n        selectable,\n        order: 0,\n        element: null,\n      }),\n    [context.registerNode, disabled, hasChildrenProp, id, loading, parentId, selectable],\n  );\n  const siblings = context.getSiblings(id);\n  const registeredNode = context.nodes.find((candidate) => candidate.id === id);\n  const selected = context.selected.has(id);\n  const visible = context.isVisible(id);\n  const siblingIndex = siblings.findIndex((candidate) => candidate.id === id);\n  const tabIndex =\n    context.activeId === id || (context.activeId === null && context.nodes[0]?.id === id) ? 0 : -1;\n  const childNodes = Children.toArray(children);\n  const groupNodes = childNodes.filter(\n    (child) => isValidElement(child) && child.type === TreeViewGroup,\n  );\n  const rowNodes = childNodes.filter(\n    (child) => !(isValidElement(child) && child.type === TreeViewGroup),\n  );\n\n  return (\n    <TreeParentContext.Provider value={id}>\n      <TreeItemContext.Provider value={id}>\n        <div\n          {...props}\n          ref={(element) => {\n            context.setNodeElement(id, element);\n            if (typeof ref === \"function\") ref(element);\n            else if (ref) ref.current = element;\n          }}\n          aria-disabled={disabled || undefined}\n          aria-expanded={context.hasChildren(id) ? context.expanded.has(id) : undefined}\n          aria-busy={loading || undefined}\n          aria-level={registeredNode ? context.getDepth(id) : parentId ? 2 : 1}\n          aria-posinset={siblingIndex >= 0 ? siblingIndex + 1 : 1}\n          aria-setsize={siblings.length || 1}\n          aria-selected={context.selectionMode === \"none\" ? undefined : selected}\n          className={styles.itemWrapper}\n          data-disabled={disabled || undefined}\n          data-expanded={context.expanded.has(id) || undefined}\n          data-jaci-component=\"tree-view\"\n          data-selected={selected || undefined}\n          data-loading={loading || undefined}\n          data-slot=\"tree-view-item\"\n          onClick={(event) => {\n            event.stopPropagation();\n            onClick?.(event);\n            if (!event.defaultPrevented) context.selectNode(id);\n          }}\n          onFocus={(event) => {\n            context.setActiveId(id);\n            onFocus?.(event);\n          }}\n          onKeyDown={(event) => {\n            event.stopPropagation();\n            context.handleKeyDown(id, event);\n            onKeyDown?.(event);\n          }}\n          role=\"treeitem\"\n          tabIndex={visible ? tabIndex : -1}\n        >\n          <div\n            className={cx(styles.item, className)}\n            data-disabled={disabled || undefined}\n            data-expanded={context.expanded.has(id) || undefined}\n            data-selected={selected || undefined}\n            data-slot=\"tree-view-item-row\"\n            style={style}\n          >\n            {rowNodes}\n          </div>\n          {groupNodes}\n        </div>\n      </TreeItemContext.Provider>\n    </TreeParentContext.Provider>\n  );\n});\n\nexport type TreeViewGroupProps = ComponentPropsWithoutRef<\"div\">;\nexport const TreeViewGroup = forwardRef<HTMLDivElement, TreeViewGroupProps>(function TreeViewGroup(\n  { children, className, style, ...props },\n  ref,\n) {\n  const context = useTreeViewContext();\n  const parentId = useContext(TreeParentContext);\n  const styles = treeView();\n  const visible = parentId ? context.expanded.has(parentId) : true;\n  return (\n    // biome-ignore lint/a11y/useSemanticElements: WAI-ARIA tree groups require role=\"group\".\n    <div\n      {...props}\n      ref={ref}\n      aria-hidden={!visible || undefined}\n      className={cx(styles.group, className)}\n      data-jaci-component=\"tree-view\"\n      data-expanded={visible || undefined}\n      data-slot=\"tree-view-group\"\n      hidden={!visible}\n      role=\"group\"\n      style={{ ...style, display: visible ? style?.display : \"none\" }}\n    >\n      {children}\n    </div>\n  );\n});\n\nexport type TreeViewToggleProps = ComponentPropsWithoutRef<\"button\">;\nexport const TreeViewToggle = forwardRef<HTMLButtonElement, TreeViewToggleProps>(\n  function TreeViewToggle({ children, className, onClick, ...props }, ref) {\n    const context = useTreeViewContext();\n    const itemId = useContext(TreeItemContext);\n    const id = itemId;\n    const item = id ? context.nodes.find((candidate) => candidate.id === id) : undefined;\n    const disabled = context.disabled || Boolean(item?.disabled);\n    return (\n      <button\n        {...props}\n        ref={ref}\n        aria-expanded={id ? context.expanded.has(id) : undefined}\n        aria-disabled={disabled || undefined}\n        className={cx(treeView().toggle, className)}\n        data-slot=\"tree-view-toggle\"\n        disabled={disabled || props.disabled}\n        onClick={(event) => {\n          event.stopPropagation();\n          onClick?.(event);\n          if (!event.defaultPrevented && id) context.toggleExpanded(id);\n        }}\n        tabIndex={-1}\n        type=\"button\"\n      >\n        {children ?? (id && context.expanded.has(id) ? \"▾\" : \"▸\")}\n      </button>\n    );\n  },\n);\n\nexport type TreeViewLabelProps = ComponentPropsWithoutRef<\"span\">;\nexport const TreeViewLabel = forwardRef<HTMLSpanElement, TreeViewLabelProps>(function TreeViewLabel(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <span\n      {...props}\n      ref={ref}\n      className={cx(treeView().label, className)}\n      data-slot=\"tree-view-label\"\n    />\n  );\n});\n\nexport interface TreeViewStateProps extends ComponentPropsWithoutRef<\"div\"> {\n  children?: ReactNode;\n}\n\nexport const TreeViewLoading = forwardRef<HTMLDivElement, TreeViewStateProps>(\n  function TreeViewLoading({ children = \"Loading…\", className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        aria-disabled=\"true\"\n        aria-live=\"polite\"\n        aria-level={1}\n        className={cx(treeView().loading, className)}\n        data-slot=\"tree-view-loading\"\n        role=\"treeitem\"\n        tabIndex={-1}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nexport const TreeViewEmpty = forwardRef<HTMLDivElement, TreeViewStateProps>(function TreeViewEmpty(\n  { children = \"No items found.\", className, ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      ref={ref}\n      aria-disabled=\"true\"\n      aria-level={1}\n      className={cx(treeView().empty, className)}\n      data-slot=\"tree-view-empty\"\n      role=\"treeitem\"\n      tabIndex={-1}\n    >\n      {children}\n    </div>\n  );\n});\n\nexport const TreeViewError = forwardRef<HTMLDivElement, TreeViewStateProps>(function TreeViewError(\n  { children = \"Something went wrong.\", className, ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      ref={ref}\n      aria-disabled=\"true\"\n      aria-live=\"assertive\"\n      aria-level={1}\n      className={cx(treeView().error, className)}\n      data-slot=\"tree-view-error\"\n      role=\"treeitem\"\n      tabIndex={-1}\n    >\n      {children}\n    </div>\n  );\n});\n\nexport const TreeView = {\n  Root: TreeViewRoot,\n  Item: TreeViewItem,\n  Group: TreeViewGroup,\n  Toggle: TreeViewToggle,\n  Label: TreeViewLabel,\n  Loading: TreeViewLoading,\n  Empty: TreeViewEmpty,\n  Error: TreeViewError,\n};\n"],"mappings":";;;;;;AAqDA,MAAM,kBAAkB,cAA2C,IAAI;AACvE,MAAM,oBAAoB,cAAkC,KAAA,CAAS;AACrE,MAAM,kBAAkB,cAA6B,IAAI;AAEzD,SAAS,qBAAqB;CAC5B,MAAM,UAAU,WAAW,eAAe;CAC1C,IAAI,CAAC,SAAS,MAAM,IAAI,MAAM,uDAAuD;CACrF,OAAO;AACT;AAEA,SAAS,MAAM,OAAsD,MAA6B;CAChG,IAAI,SAAS,YAAY,OAAO,IAAI,IAAI,MAAM,QAAQ,KAAK,IAAI,QAAQ,QAAQ,CAAC,KAAK,IAAI,CAAC,CAAC;CAC3F,OAAO,IAAI,IAAI,OAAO,UAAU,WAAW,CAAC,KAAK,IAAI,CAAC,CAAC;AACzD;AAeA,MAAa,eAAe,WAA8C,SAAS,aACjF,EACE,UACA,WACA,kBAAkB,CAAC,GACnB,kBAAkB,MAClB,WAAW,OACX,UAAU,oBACV,YAAY,MACZ,kBACA,kBACA,UAAU,oBACV,gBAAgB,UAChB,GAAG,SAEL,KACA;CACA,MAAM,CAAC,sBAAsB,2BAA2B,eAAe,IAAI,IAAI,eAAe,CAAC;CAC/F,MAAM,CAAC,sBAAsB,2BAA2B,eACtD,MAAM,iBAAiB,aAAa,CACtC;CACA,MAAM,CAAC,UAAU,eAAe,SAAwB,IAAI;CAC5D,MAAM,GAAG,cAAc,SAAS,CAAC;CACjC,MAAM,WAAW,uBAAO,IAAI,IAA4B,CAAC;CACzD,MAAM,WAAW,OAAO,CAAC;CACzB,MAAM,SAAS,SAAS;CACxB,MAAM,WAAW,cACT,IAAI,IAAI,sBAAsB,oBAAoB,GACxD,CAAC,oBAAoB,oBAAoB,CAC3C;CACA,MAAM,WAAW,cAEb,uBAAuB,KAAA,IACnB,uBACA,MAAM,oBAAoB,aAAa,GAC7C;EAAC;EAAoB;EAAe;CAAoB,CAC1D;CACA,MAAM,QAAQ,MAAM,KAAK,SAAS,QAAQ,OAAO,CAAC,CAAC,CAAC,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,KAAK;CAEpF,MAAM,eAAe,aAAa,SAAyB;EACzD,MAAM,iBAAiB;GAAE,GAAG;GAAM,OAAO,SAAS;EAAU;EAC5D,SAAS,QAAQ,IAAI,KAAK,IAAI,cAAc;EAC5C,YAAY,YAAY,UAAU,CAAC;EACnC,aAAa;GACX,IAAI,SAAS,QAAQ,IAAI,KAAK,EAAE,MAAM,gBAAgB,SAAS,QAAQ,OAAO,KAAK,EAAE;GACrF,YAAY,YAAY,UAAU,CAAC;EACrC;CACF,GAAG,CAAC,CAAC;CAEL,MAAM,iBAAiB,aAAa,IAAY,YAAmC;EACjF,MAAM,OAAO,SAAS,QAAQ,IAAI,EAAE;EACpC,IAAI,MAAM,KAAK,UAAU;CAC3B,GAAG,CAAC,CAAC;CAEL,MAAM,cAAc,aACjB,OACC,MAAM,MAAM,SAAS,KAAK,aAAa,EAAE,KACzC,QAAQ,MAAM,MAAM,SAAS,KAAK,OAAO,EAAE,CAAC,EAAE,WAAW,GAC3D,CAAC,KAAK,CACR;CACA,MAAM,YAAY,aACf,OAAe;EACd,IAAI,UAAU,MAAM,MAAM,SAAS,KAAK,OAAO,EAAE;EACjD,OAAO,SAAS,UAAU;GACxB,IAAI,CAAC,SAAS,IAAI,QAAQ,QAAQ,GAAG,OAAO;GAC5C,UAAU,MAAM,MAAM,SAAS,KAAK,OAAO,SAAS,QAAQ;EAC9D;EACA,OAAO;CACT,GACA,CAAC,UAAU,KAAK,CAClB;CACA,MAAM,WAAW,aACd,OAAe;EACd,IAAI,QAAQ;EACZ,IAAI,UAAU,MAAM,MAAM,SAAS,KAAK,OAAO,EAAE;EACjD,OAAO,SAAS,UAAU;GACxB,SAAS;GACT,UAAU,MAAM,MAAM,SAAS,KAAK,OAAO,SAAS,QAAQ;EAC9D;EACA,OAAO;CACT,GACA,CAAC,KAAK,CACR;CACA,MAAM,cAAc,aACjB,OAAe;EACd,MAAM,OAAO,MAAM,MAAM,cAAc,UAAU,OAAO,EAAE;EAC1D,OAAO,MAAM,QAAQ,cAAc,UAAU,aAAa,MAAM,QAAQ;CAC1E,GACA,CAAC,KAAK,CACR;CAEA,MAAM,iBAAiB,aACpB,OAAe;EACd,IAAI,YAAY,CAAC,YAAY,EAAE,GAAG;EAClC,MAAM,OAAO,IAAI,IAAI,QAAQ;EAC7B,IAAI,KAAK,IAAI,EAAE,GAAG,KAAK,OAAO,EAAE;OAC3B,KAAK,IAAI,EAAE;EAChB,IAAI,uBAAuB,KAAA,GAAW,wBAAwB,IAAI;EAClE,mBAAmB,MAAM,KAAK,IAAI,CAAC;CACrC,GACA;EAAC;EAAoB;EAAU;EAAU;EAAa;CAAgB,CACxE;CAEA,MAAM,aAAa,aAChB,OAAe;EACd,MAAM,OAAO,MAAM,MAAM,cAAc,UAAU,OAAO,EAAE;EAC1D,IAAI,YAAY,CAAC,QAAQ,KAAK,YAAY,CAAC,KAAK,cAAc,kBAAkB,QAC9E;EACF,MAAM,OAAO,IAAI,IAAI,QAAQ;EAC7B,IAAI,kBAAkB,UAAU;GAC9B,KAAK,MAAM;GACX,KAAK,IAAI,EAAE;EACb,OAAO,IAAI,KAAK,IAAI,EAAE,GAAG,KAAK,OAAO,EAAE;OAClC,KAAK,IAAI,EAAE;EAChB,IAAI,uBAAuB,KAAA,GAAW,wBAAwB,IAAI;EAClE,mBACE,kBAAkB,aAAa,MAAM,KAAK,IAAI,IAAK,KAAK,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,IACnF;CACF,GACA;EAAC;EAAoB;EAAU;EAAO;EAAkB;EAAU;CAAa,CACjF;CAEA,MAAM,eAAe,MAAM,QAAQ,SAAS,UAAU,KAAK,EAAE,CAAC;CAC9D,MAAM,YAAY,aACf,OAAe;EACd,MAAM,OAAO,MAAM,MAAM,cAAc,UAAU,OAAO,EAAE;EAC1D,IAAI,CAAC,QAAQ,KAAK,YAAY,CAAC,UAAU,EAAE,GAAG;EAC9C,YAAY,EAAE;EACd,KAAK,SAAS,MAAM;CACtB,GACA,CAAC,WAAW,KAAK,CACnB;CAEA,MAAM,gBAAgB,aACnB,IAAY,UAAyC;EACpD,IAAI,UAAU;EACd,MAAM,QAAQ,aAAa,WAAW,SAAS,KAAK,OAAO,EAAE;EAC7D,MAAM,OAAO,MAAM,MAAM,cAAc,UAAU,OAAO,EAAE;EAC1D,IAAI,CAAC,MAAM;EACX,IAAI,MAAM,QAAQ,eAAe,MAAM,QAAQ,WAAW;GACxD,MAAM,eAAe;GAErB,IAAI,YAAY,SADE,MAAM,QAAQ,cAAc,IAAI;GAElD,IAAI,WAAW,aAAa,YAAY,aAAa,UAAU,aAAa;GAC5E,MAAM,WAAW,aAAa;GAC9B,IAAI,aAAa,KAAK,YAAY,aAAa,UAAU,UAAU,UAAU,SAAS,EAAE;EAC1F,OAAO,IAAI,MAAM,QAAQ,UAAU,MAAM,QAAQ,OAAO;GACtD,MAAM,eAAe;GACrB,WAAW,MAAM,QAAQ,SAAS,aAAa,KAAK,aAAa,GAAG,EAAE,EAAA,EAAI,MAAM,EAAE;EACpF,OAAO,IAAI,MAAM,QAAQ,cAAc;GACrC,MAAM,eAAe;GACrB,IAAI,YAAY,EAAE,KAAK,CAAC,SAAS,IAAI,EAAE,GAAG,eAAe,EAAE;QACtD,IAAI,YAAY,EAAE,GACrB,UAAU,MAAM,MAAM,cAAc,UAAU,aAAa,EAAE,CAAC,EAAE,MAAM,EAAE;EAC5E,OAAO,IAAI,MAAM,QAAQ,aAAa;GACpC,MAAM,eAAe;GACrB,IAAI,YAAY,EAAE,KAAK,SAAS,IAAI,EAAE,GAAG,eAAe,EAAE;QACrD,IAAI,KAAK,UAAU,UAAU,KAAK,QAAQ;EACjD,OAAO,IAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,KAAK;GACrD,MAAM,eAAe;GACrB,WAAW,EAAE;EACf;CACF,GACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,MAAM,UAAU,eACP;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,OACE,oBAAC,gBAAgB,UAAjB;EAA0B,OAAO;EAC/B,UAAA,oBAAC,OAAD;GACE,GAAI;GACC;GACL,wBAAsB,kBAAkB,cAAc,KAAA;GACtD,WAAW,GAAG,OAAO,MAAM,SAAS;GACpC,iBAAe,YAAY,KAAA;GAC3B,uBAAoB;GACpB,aAAU;GACV,MAAK;GAEJ;EACE,CAAA;CACmB,CAAA;AAE9B,CAAC;AAUD,MAAa,eAAe,WAA8C,SAAS,aACjF,EACE,UACA,WACA,WAAW,OACX,aAAa,kBAAkB,OAC/B,UAAU,OACV,SACA,SACA,WACA,OACA,aAAa,MACb,IACA,GAAG,SAEL,KACA;CACA,MAAM,UAAU,mBAAmB;CACnC,MAAM,WAAW,WAAW,iBAAiB;CAC7C,MAAM,SAAS,SAAS;CACxB,gBAEI,QAAQ,aAAa;EACnB;EACA;EACA;EACA,aAAa;EACb;EACA;EACA,OAAO;EACP,SAAS;CACX,CAAC,GACH;EAAC,QAAQ;EAAc;EAAU;EAAiB;EAAI;EAAS;EAAU;CAAU,CACrF;CACA,MAAM,WAAW,QAAQ,YAAY,EAAE;CACvC,MAAM,iBAAiB,QAAQ,MAAM,MAAM,cAAc,UAAU,OAAO,EAAE;CAC5E,MAAM,WAAW,QAAQ,SAAS,IAAI,EAAE;CACxC,MAAM,UAAU,QAAQ,UAAU,EAAE;CACpC,MAAM,eAAe,SAAS,WAAW,cAAc,UAAU,OAAO,EAAE;CAC1E,MAAM,WACJ,QAAQ,aAAa,MAAO,QAAQ,aAAa,QAAQ,QAAQ,MAAM,EAAE,EAAE,OAAO,KAAM,IAAI;CAC9F,MAAM,aAAa,SAAS,QAAQ,QAAQ;CAC5C,MAAM,aAAa,WAAW,QAC3B,UAAU,eAAe,KAAK,KAAK,MAAM,SAAS,aACrD;CACA,MAAM,WAAW,WAAW,QACzB,UAAU,EAAE,eAAe,KAAK,KAAK,MAAM,SAAS,cACvD;CAEA,OACE,oBAAC,kBAAkB,UAAnB;EAA4B,OAAO;EACjC,UAAA,oBAAC,gBAAgB,UAAjB;GAA0B,OAAO;GAC/B,UAAA,qBAAC,OAAD;IACE,GAAI;IACJ,MAAM,YAAY;KAChB,QAAQ,eAAe,IAAI,OAAO;KAClC,IAAI,OAAO,QAAQ,YAAY,IAAI,OAAO;UACrC,IAAI,KAAK,IAAI,UAAU;IAC9B;IACA,iBAAe,YAAY,KAAA;IAC3B,iBAAe,QAAQ,YAAY,EAAE,IAAI,QAAQ,SAAS,IAAI,EAAE,IAAI,KAAA;IACpE,aAAW,WAAW,KAAA;IACtB,cAAY,iBAAiB,QAAQ,SAAS,EAAE,IAAI,WAAW,IAAI;IACnE,iBAAe,gBAAgB,IAAI,eAAe,IAAI;IACtD,gBAAc,SAAS,UAAU;IACjC,iBAAe,QAAQ,kBAAkB,SAAS,KAAA,IAAY;IAC9D,WAAW,OAAO;IAClB,iBAAe,YAAY,KAAA;IAC3B,iBAAe,QAAQ,SAAS,IAAI,EAAE,KAAK,KAAA;IAC3C,uBAAoB;IACpB,iBAAe,YAAY,KAAA;IAC3B,gBAAc,WAAW,KAAA;IACzB,aAAU;IACV,UAAU,UAAU;KAClB,MAAM,gBAAgB;KACtB,UAAU,KAAK;KACf,IAAI,CAAC,MAAM,kBAAkB,QAAQ,WAAW,EAAE;IACpD;IACA,UAAU,UAAU;KAClB,QAAQ,YAAY,EAAE;KACtB,UAAU,KAAK;IACjB;IACA,YAAY,UAAU;KACpB,MAAM,gBAAgB;KACtB,QAAQ,cAAc,IAAI,KAAK;KAC/B,YAAY,KAAK;IACnB;IACA,MAAK;IACL,UAAU,UAAU,WAAW;IApCjC,UAAA,CAsCE,oBAAC,OAAD;KACE,WAAW,GAAG,OAAO,MAAM,SAAS;KACpC,iBAAe,YAAY,KAAA;KAC3B,iBAAe,QAAQ,SAAS,IAAI,EAAE,KAAK,KAAA;KAC3C,iBAAe,YAAY,KAAA;KAC3B,aAAU;KACH;KAEN,UAAA;IACE,CAAA,GACJ,UACE;;EACmB,CAAA;CACA,CAAA;AAEhC,CAAC;AAGD,MAAa,gBAAgB,WAA+C,SAAS,cACnF,EAAE,UAAU,WAAW,OAAO,GAAG,SACjC,KACA;CACA,MAAM,UAAU,mBAAmB;CACnC,MAAM,WAAW,WAAW,iBAAiB;CAC7C,MAAM,SAAS,SAAS;CACxB,MAAM,UAAU,WAAW,QAAQ,SAAS,IAAI,QAAQ,IAAI;CAC5D,OAEE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,eAAa,CAAC,WAAW,KAAA;EACzB,WAAW,GAAG,OAAO,OAAO,SAAS;EACrC,uBAAoB;EACpB,iBAAe,WAAW,KAAA;EAC1B,aAAU;EACV,QAAQ,CAAC;EACT,MAAK;EACL,OAAO;GAAE,GAAG;GAAO,SAAS,UAAU,OAAO,UAAU;EAAO;EAE7D;CACE,CAAA;AAET,CAAC;AAGD,MAAa,iBAAiB,WAC5B,SAAS,eAAe,EAAE,UAAU,WAAW,SAAS,GAAG,SAAS,KAAK;CACvE,MAAM,UAAU,mBAAmB;CAEnC,MAAM,KADS,WAAW,eACV;CAChB,MAAM,OAAO,KAAK,QAAQ,MAAM,MAAM,cAAc,UAAU,OAAO,EAAE,IAAI,KAAA;CAC3E,MAAM,WAAW,QAAQ,YAAY,QAAQ,MAAM,QAAQ;CAC3D,OACE,oBAAC,UAAD;EACE,GAAI;EACC;EACL,iBAAe,KAAK,QAAQ,SAAS,IAAI,EAAE,IAAI,KAAA;EAC/C,iBAAe,YAAY,KAAA;EAC3B,WAAW,GAAG,SAAS,CAAC,CAAC,QAAQ,SAAS;EAC1C,aAAU;EACV,UAAU,YAAY,MAAM;EAC5B,UAAU,UAAU;GAClB,MAAM,gBAAgB;GACtB,UAAU,KAAK;GACf,IAAI,CAAC,MAAM,oBAAoB,IAAI,QAAQ,eAAe,EAAE;EAC9D;EACA,UAAU;EACV,MAAK;EAEJ,UAAA,aAAa,MAAM,QAAQ,SAAS,IAAI,EAAE,IAAI,MAAM;CAC/C,CAAA;AAEZ,CACF;AAGA,MAAa,gBAAgB,WAAgD,SAAS,cACpF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAAC,QAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,SAAS,CAAC,CAAC,OAAO,SAAS;EACzC,aAAU;CACX,CAAA;AAEL,CAAC;AAMD,MAAa,kBAAkB,WAC7B,SAAS,gBAAgB,EAAE,WAAW,YAAY,WAAW,GAAG,SAAS,KAAK;CAC5E,OACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,iBAAc;EACd,aAAU;EACV,cAAY;EACZ,WAAW,GAAG,SAAS,CAAC,CAAC,SAAS,SAAS;EAC3C,aAAU;EACV,MAAK;EACL,UAAU;EAET;CACE,CAAA;AAET,CACF;AAEA,MAAa,gBAAgB,WAA+C,SAAS,cACnF,EAAE,WAAW,mBAAmB,WAAW,GAAG,SAC9C,KACA;CACA,OACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,iBAAc;EACd,cAAY;EACZ,WAAW,GAAG,SAAS,CAAC,CAAC,OAAO,SAAS;EACzC,aAAU;EACV,MAAK;EACL,UAAU;EAET;CACE,CAAA;AAET,CAAC;AAED,MAAa,gBAAgB,WAA+C,SAAS,cACnF,EAAE,WAAW,yBAAyB,WAAW,GAAG,SACpD,KACA;CACA,OACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,iBAAc;EACd,aAAU;EACV,cAAY;EACZ,WAAW,GAAG,SAAS,CAAC,CAAC,OAAO,SAAS;EACzC,aAAU;EACV,MAAK;EACL,UAAU;EAET;CACE,CAAA;AAET,CAAC;AAED,MAAa,WAAW;CACtB,MAAM;CACN,MAAM;CACN,OAAO;CACP,QAAQ;CACR,OAAO;CACP,SAAS;CACT,OAAO;CACP,OAAO;AACT"}

package/dist/components/typography/heading.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"heading.cjs","names":["cx","heading"],"sources":["../../../src/components/typography/heading.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ElementType, ReactElement, Ref } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { heading } from \"../../styled-system/recipes\";\n\nexport type HeadingSize = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\nexport type HeadingElement = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\nexport type TypographyWeight = \"normal\" | \"medium\" | \"semibold\" | \"bold\";\nexport type TypographyWidth = \"auto\" | \"fit\" | \"full\";\nexport type TypographyLineClamp = 1 | 2 | 3 | 4;\n\nconst defaultSizeByElement: Record<HeadingElement, HeadingSize> = {\n  h1: \"2xl\",\n  h2: \"xl\",\n  h3: \"lg\",\n  h4: \"md\",\n  h5: \"sm\",\n  h6: \"xs\",\n};\n\nexport interface HeadingProps extends Omit<ComponentPropsWithoutRef<\"h2\">, \"color\"> {\n  as?: HeadingElement;\n  size?: HeadingSize;\n  weight?: TypographyWeight;\n  truncate?: boolean;\n  lineClamp?: TypographyLineClamp;\n  width?: TypographyWidth;\n}\n\nexport const Heading = forwardRef<HTMLHeadingElement, HeadingProps>(function Heading(\n  { as = \"h2\", className, lineClamp, size, truncate = false, weight, width = \"auto\", ...props },\n  ref,\n) {\n  const Component = as as ElementType;\n  const resolvedSize = size ?? defaultSizeByElement[as];\n\n  return (\n    <Component\n      {...props}\n      ref={ref as Ref<HTMLElement>}\n      className={cx(\n        heading({\n          lineClamp: lineClamp ? (String(lineClamp) as \"1\" | \"2\" | \"3\" | \"4\") : undefined,\n          size: resolvedSize,\n          truncate,\n          weight,\n          width,\n        }),\n        className,\n      )}\n      data-jaci-component=\"heading\"\n      data-slot=\"heading\"\n    />\n  ) as ReactElement;\n});\n"],"mappings":";;;;;AAYA,MAAM,uBAA4D;CAChE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAWA,MAAa,WAAA,GAAA,MAAA,WAAA,CAAuD,SAAS,QAC3E,EAAE,KAAK,MAAM,WAAW,WAAW,MAAM,WAAW,OAAO,QAAQ,QAAQ,QAAQ,GAAG,SACtF,KACA;CACA,MAAM,YAAY;CAClB,MAAM,eAAe,QAAQ,qBAAqB;CAElD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD;EACE,GAAI;EACC;EACL,WAAWA,WAAAA,GACTC,gBAAAA,QAAQ;GACN,WAAW,YAAa,OAAO,SAAS,IAA8B,KAAA;GACtE,MAAM;GACN;GACA;GACA;EACF,CAAC,GACD,SACF;EACA,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC"}
+{"version":3,"file":"heading.cjs","names":["forwardRef","cx","heading"],"sources":["../../../src/components/typography/heading.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ElementType, ReactElement, Ref } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { heading } from \"../../styled-system/recipes\";\n\nexport type HeadingSize = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\nexport type HeadingElement = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\nexport type TypographyWeight = \"normal\" | \"medium\" | \"semibold\" | \"bold\";\nexport type TypographyWidth = \"auto\" | \"fit\" | \"full\";\nexport type TypographyLineClamp = 1 | 2 | 3 | 4;\n\nconst defaultSizeByElement: Record<HeadingElement, HeadingSize> = {\n  h1: \"2xl\",\n  h2: \"xl\",\n  h3: \"lg\",\n  h4: \"md\",\n  h5: \"sm\",\n  h6: \"xs\",\n};\n\nexport interface HeadingProps extends Omit<ComponentPropsWithoutRef<\"h2\">, \"color\"> {\n  as?: HeadingElement;\n  size?: HeadingSize;\n  weight?: TypographyWeight;\n  truncate?: boolean;\n  lineClamp?: TypographyLineClamp;\n  width?: TypographyWidth;\n}\n\nexport const Heading = forwardRef<HTMLHeadingElement, HeadingProps>(function Heading(\n  { as = \"h2\", className, lineClamp, size, truncate = false, weight, width = \"auto\", ...props },\n  ref,\n) {\n  const Component = as as ElementType;\n  const resolvedSize = size ?? defaultSizeByElement[as];\n\n  return (\n    <Component\n      {...props}\n      ref={ref as Ref<HTMLElement>}\n      className={cx(\n        heading({\n          lineClamp: lineClamp ? (String(lineClamp) as \"1\" | \"2\" | \"3\" | \"4\") : undefined,\n          size: resolvedSize,\n          truncate,\n          weight,\n          width,\n        }),\n        className,\n      )}\n      data-jaci-component=\"heading\"\n      data-slot=\"heading\"\n    />\n  ) as ReactElement;\n});\n"],"mappings":";;;;;AAYA,MAAM,uBAA4D;CAChE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAWA,MAAa,WAAA,GAAUA,MAAAA,WAAAA,CAA6C,SAAS,QAC3E,EAAE,KAAK,MAAM,WAAW,WAAW,MAAM,WAAW,OAAO,QAAQ,QAAQ,QAAQ,GAAG,SACtF,KACA;CACA,MAAM,YAAY;CAClB,MAAM,eAAe,QAAQ,qBAAqB;CAElD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD;EACE,GAAI;EACC;EACL,WAAWC,WAAAA,GACTC,gBAAAA,QAAQ;GACN,WAAW,YAAa,OAAO,SAAS,IAA8B,KAAA;GACtE,MAAM;GACN;GACA;GACA;EACF,CAAC,GACD,SACF;EACA,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC"}

package/dist/components/typography/link.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"link.cjs","names":["cx","link"],"sources":["../../../src/components/typography/link.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { link } from \"../../styled-system/recipes\";\n\nexport interface LinkProps extends ComponentPropsWithoutRef<\"a\"> {\n  subtle?: boolean;\n}\n\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>(function Link(\n  { className, subtle = true, ...props },\n  ref,\n) {\n  return (\n    <a\n      {...props}\n      ref={ref}\n      className={cx(link({ subtle }), className)}\n      data-jaci-component=\"link\"\n      data-slot=\"link\"\n    />\n  );\n});\n"],"mappings":";;;;;AAUA,MAAa,QAAA,GAAA,MAAA,WAAA,CAAgD,SAAS,KACpE,EAAE,WAAW,SAAS,MAAM,GAAG,SAC/B,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;EACE,GAAI;EACC;EACL,WAAWA,WAAAA,GAAGC,aAAAA,KAAK,EAAE,OAAO,CAAC,GAAG,SAAS;EACzC,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC"}
+{"version":3,"file":"link.cjs","names":["forwardRef","cx","link"],"sources":["../../../src/components/typography/link.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { link } from \"../../styled-system/recipes\";\n\nexport interface LinkProps extends ComponentPropsWithoutRef<\"a\"> {\n  subtle?: boolean;\n}\n\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>(function Link(\n  { className, subtle = true, ...props },\n  ref,\n) {\n  return (\n    <a\n      {...props}\n      ref={ref}\n      className={cx(link({ subtle }), className)}\n      data-jaci-component=\"link\"\n      data-slot=\"link\"\n    />\n  );\n});\n"],"mappings":";;;;;AAUA,MAAa,QAAA,GAAOA,MAAAA,WAAAA,CAAyC,SAAS,KACpE,EAAE,WAAW,SAAS,MAAM,GAAG,SAC/B,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;EACE,GAAI;EACC;EACL,WAAWC,WAAAA,GAAGC,aAAAA,KAAK,EAAE,OAAO,CAAC,GAAG,SAAS;EACzC,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC"}