@yamada-ui/react 2.2.2-dev-20260525091318 → 2.2.2-dev-20260525152928

package/dist/esm/components/tree/use-tree.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-tree.js","names":["createContext"],"sources":["../../../../src/components/tree/use-tree.ts"],"sourcesContent":["\"use client\"\n\nimport type {\n  ChangeEvent,\n  KeyboardEvent,\n  MouseEvent,\n  ReactNode,\n  RefObject,\n  SetStateAction,\n} from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { Descendant, Descendants } from \"../../hooks/use-descendants\"\nimport type { UseDisclosureProps } from \"../../hooks/use-disclosure\"\nimport type { UseCheckboxProps } from \"../checkbox\"\nimport { Children, useCallback, useRef, useState } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useAsyncCallback } from \"../../hooks/use-async-callback\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { createDescendants } from \"../../hooks/use-descendants\"\nimport { useDisclosure } from \"../../hooks/use-disclosure\"\nimport {\n  ariaAttr,\n  assignRef,\n  createContext,\n  cx,\n  dataAttr,\n  filterEmpty,\n  handlerAll,\n  isArray,\n  isInputElement,\n  isUndefined,\n  match,\n  mergeRefs,\n  runKeyAction,\n  setAttribute,\n  useIds,\n  useSafeLayoutEffect,\n} from \"../../utils\"\n\nexport interface TreeControl {\n  collapse: () => void\n  expand: () => void\n}\n\ninterface TreeDescendantProps {\n  expanded: boolean\n  group: boolean\n  id: string\n  value: string\n  query?: string\n}\n\nconst {\n  DescendantsContext: TreeDescendantsContext,\n  useDescendant: useTreeDescendant,\n  useDescendants: useTreeDescendants,\n} = createDescendants<HTMLElement, TreeDescendantProps>()\n\nexport { TreeDescendantsContext, useTreeDescendant, useTreeDescendants }\n\ninterface TreeContext extends Omit<\n  UseTreeReturn,\n  \"descendants\" | \"getRootProps\"\n> {}\n\nconst [TreeContext, useTreeContext] = createContext<TreeContext>({\n  name: \"TreeContext\",\n})\n\nexport { TreeContext, useTreeContext }\n\ninterface TreeItemContext extends Pick<\n  UseTreeItemReturn,\n  | \"branchOpen\"\n  | \"groupOpen\"\n  | \"level\"\n  | \"onGroupClose\"\n  | \"onGroupOpen\"\n  | \"onGroupToggle\"\n  | \"value\"\n> {}\n\nconst [TreeItemContext, useTreeItemContext] = createContext<TreeItemContext>({\n  name: \"TreeItemContext\",\n  strict: false,\n})\n\nexport { TreeItemContext, useTreeItemContext }\n\nexport interface UseTreeProps<\n  Multiple extends boolean = false,\n> extends HTMLProps<\"ul\"> {\n  /**\n   * If `true`, the tree will allow checkable items.\n   *\n   * @default false\n   */\n  checkable?: boolean\n  /**\n   * The checked value of the tree.\n   */\n  checkedValue?: string[]\n  /**\n   * Ref of the tree callbacks.\n   */\n  controlRef?: RefObject<null | TreeControl>\n  /**\n   * The initial checked value of the tree.\n   */\n  defaultCheckedValue?: string[]\n  /**\n   * The initial expanded value of the tree.\n   */\n  defaultExpandedValue?: string[]\n  /**\n   * The initial selected value of the tree.\n   */\n  defaultSelectedValue?: Multiple extends true ? string[] : string\n  /**\n   * The expanded value of the tree.\n   */\n  expandedValue?: string[]\n  /**\n   * If `true`, the tree will allow multiple selection.\n   *\n   * @default false\n   */\n  multiple?: Multiple\n  /**\n   * The selected value of the tree.\n   */\n  selectedValue?: Multiple extends true ? string[] : string\n  /**\n   * The callback invoked when checked value changes.\n   */\n  onCheckedChange?: (value: string[]) => void\n  /**\n   * The callback invoked when expanded value changes.\n   */\n  onExpandedChange?: (value: string[]) => void\n  /**\n   * The callback invoked when selected value changes.\n   */\n  onSelectedChange?: (value: Multiple extends true ? string[] : string) => void\n}\n\nexport const useTree = <Multiple extends boolean = false>({\n  checkable = false,\n  checkedValue: checkedValueProp,\n  children,\n  controlRef,\n  defaultCheckedValue = [],\n  defaultExpandedValue = [],\n  defaultSelectedValue,\n  expandedValue: expandedValueProp,\n  multiple,\n  selectedValue: selectedValueProp,\n  onCheckedChange: onCheckedChangeProp,\n  onExpandedChange: onExpandedChangeProp,\n  onSelectedChange: onSelectedChangeProp,\n  ...rest\n}: UseTreeProps<Multiple> = {}) => {\n  type MaybeSelectedValue = Multiple extends true ? string[] : string\n\n  const [selectedValue, setSelectedValue] = useControllableState({\n    defaultValue:\n      defaultSelectedValue ?? ((multiple ? [] : \"\") as MaybeSelectedValue),\n    value: selectedValueProp,\n    onChange: onSelectedChangeProp,\n  })\n  const [checkedValue, onCheckedChange] = useControllableState({\n    defaultValue: defaultCheckedValue,\n    value: checkedValueProp,\n    onChange: onCheckedChangeProp,\n  })\n  const [expandedValue, setExpandedValue] = useControllableState({\n    defaultValue: defaultExpandedValue,\n    value: expandedValueProp,\n    onChange: onExpandedChangeProp,\n  })\n  const descendants = useTreeDescendants()\n  const activeDescendant = useRef<Descendant<\n    HTMLElement,\n    TreeDescendantProps\n  > | null>(null)\n  const searchRef = useRef<{ value: string; omitValue?: string }>({\n    omitValue: undefined,\n    value: \"\",\n  })\n  const timeoutRef = useRef<any>(null)\n\n  const onExpandAll = useCallback(() => {\n    const values = descendants.enabledValues()\n    const group = values.filter(({ group }) => group)\n    const value = group.map(({ value }) => value)\n\n    setExpandedValue(value)\n  }, [descendants, setExpandedValue])\n\n  const onCollapseAll = useCallback(() => {\n    setExpandedValue([])\n  }, [setExpandedValue])\n\n  const onActiveDescendant = useCallback(\n    (\n      descendant?: Descendant<HTMLElement, TreeDescendantProps>,\n      shouldFocus = true,\n    ) => {\n      if (!descendant) return\n\n      descendants.values().forEach(({ node }) => {\n        node.tabIndex = -1\n      })\n\n      activeDescendant.current = descendant\n      descendant.node.tabIndex = 0\n\n      if (shouldFocus) descendant.node.focus()\n    },\n    [descendants],\n  )\n\n  const onSearch = useCallback(\n    (value: string, omitValue: string) => {\n      clearTimeout(timeoutRef.current)\n\n      searchRef.current.value += value\n\n      if (!searchRef.current.omitValue) searchRef.current.omitValue = omitValue\n\n      timeoutRef.current = setTimeout(() => {\n        searchRef.current = { omitValue: undefined, value: \"\" }\n      }, 400)\n\n      const values = descendants\n        .enabledValues({ expanded: true })\n        .filter(\n          (descendant) =>\n            !isUndefined(descendant.value) &&\n            descendant.value !== searchRef.current.omitValue,\n        )\n      const descendant = values.find(({ query, value }) =>\n        match(query ?? value, searchRef.current.value, \"startsWith\"),\n      )\n\n      if (descendant) onActiveDescendant(descendant)\n    },\n    [descendants, onActiveDescendant],\n  )\n\n  const onSelectedChange = useCallback(\n    (value: SetStateAction<string | string[]>) => {\n      setSelectedValue(value as SetStateAction<MaybeSelectedValue>)\n    },\n    [setSelectedValue],\n  )\n\n  const onExpandedChange = useCallback(\n    (value: string) => {\n      setExpandedValue((prev) => {\n        if (prev.includes(value)) {\n          return prev.filter((prevValue) => prevValue !== value)\n        } else {\n          return [...prev, value]\n        }\n      })\n    },\n    [setExpandedValue],\n  )\n\n  useSafeLayoutEffect(() => {\n    const value = isArray(selectedValue) ? selectedValue.at(0) : selectedValue\n    const expandedDescendants = descendants.enabledValues({ expanded: true })\n\n    if (value) {\n      const descendant = expandedDescendants.find(\n        (descendant) => value === descendant.value,\n      )\n\n      if (descendant) {\n        onActiveDescendant(descendant, false)\n      } else {\n        onActiveDescendant(expandedDescendants.at(0), false)\n      }\n    } else {\n      onActiveDescendant(expandedDescendants.at(0), false)\n    }\n  }, [children])\n\n  assignRef(controlRef, { collapse: onCollapseAll, expand: onExpandAll })\n\n  const getRootProps: PropGetter<\"ul\"> = useCallback(\n    (props) =>\n      mergeProps(\n        {\n          \"aria-multiselectable\": ariaAttr(multiple || checkable),\n          children,\n          role: \"tree\",\n        },\n        rest,\n        props,\n      )(),\n    [multiple, checkable, rest, children],\n  )\n\n  return {\n    activeDescendant,\n    checkable,\n    checkedValue,\n    descendants,\n    expandedValue,\n    multiple,\n    selectedValue,\n    getRootProps,\n    onActiveDescendant,\n    onCheckedChange,\n    onCollapseAll,\n    onExpandAll,\n    onExpandedChange,\n    onSearch,\n    onSelectedChange,\n  }\n}\n\nexport type UseTreeReturn = ReturnType<typeof useTree>\n\nconst getRootDescendant =\n  (descendants: Descendants<HTMLElement, TreeDescendantProps>) =>\n  (value: string) => {\n    const segments = value.split(\"/\")\n\n    if (segments.length <= 1) return\n\n    const rootValue = segments.at(0)\n\n    return descendants.enabledValues().find(({ value }) => value === rootValue)\n  }\n\nconst getParentDescendant =\n  (descendants: Descendants<HTMLElement, TreeDescendantProps>) =>\n  (value: string) => {\n    const segments = value.split(\"/\")\n\n    if (segments.length <= 1) return\n\n    const parentValue = segments.slice(0, -1).join(\"/\")\n\n    return descendants\n      .enabledValues()\n      .find(({ value }) => value === parentValue)\n  }\n\nconst getChildDescendants =\n  (descendants: Descendants<HTMLElement, TreeDescendantProps>) =>\n  (value: string) => {\n    const children = descendants\n      .enabledValues()\n      .filter((descendant) => descendant.value.startsWith(value + \"/\"))\n    const values = children\n      .map(({ value }) => value)\n      .filter((value) => !isUndefined(value))\n\n    return { children, values }\n  }\n\nconst getParentValues = (value: string) => {\n  const segments = value.split(\"/\")\n\n  return segments\n    .reduce<string[]>((prev, current) => {\n      const prevValue = prev.at(-1)\n      return prevValue ? [...prev, [prevValue, current].join(\"/\")] : [current]\n    }, [])\n    .toReversed()\n}\n\nconst getCheckbox = (node?: HTMLElement) => {\n  const el = node?.querySelector(\"input[type='checkbox']\")\n\n  return isInputElement(el) ? el : null\n}\n\nconst getAllChecked = (\n  descendants: Descendant<HTMLElement, TreeDescendantProps>[],\n  trulyValues?: string[],\n  falsyValues?: string[],\n) => {\n  const checked = descendants.map(({ node, value }) => {\n    if (value && trulyValues?.includes(value)) return true\n    if (value && falsyValues?.includes(value)) return false\n\n    const checkbox = getCheckbox(node)\n\n    return !!checkbox?.checked\n  })\n\n  const allChecked = !!checked.length && checked.every(Boolean)\n  const indeterminate = checked.some(Boolean) && !allChecked\n\n  return { allChecked, checked, indeterminate }\n}\n\nconst getRangeValues =\n  (descendants: Descendants<HTMLElement, TreeDescendantProps>) =>\n  (start: string, end: string) => {\n    const values = descendants.enabledValues()\n    const [startIndex, endIndex] = [\n      values.findIndex((descendant) => descendant.value === start),\n      values.findIndex((descendant) => descendant.value === end),\n    ].sort((a, b) => a - b)\n\n    return values\n      .slice(startIndex, endIndex! + 1)\n      .map(({ value }) => value)\n      .filter((value) => !isUndefined(value))\n      .sort((a, b) => {\n        if (a === start && b !== start) return -1\n        if (a !== start && b === start) return 1\n\n        return 0\n      })\n  }\n\nexport interface UseTreeItemProps\n  extends HTMLProps<\"div\">, Omit<UseDisclosureProps, \"timing\"> {\n  /**\n   * If `true`, the tree item will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * The query to search for in the tree item.\n   */\n  query?: string\n  /**\n   * The value of the item.\n   */\n  value?: string\n  /**\n   * If provided, the tree item will be rendered as an async tree item.\n   */\n  asyncChildren?: () => Promise<ReactNode>\n}\n\nexport const useTreeItem = ({\n  asyncChildren,\n  children: childrenProp,\n  defaultOpen,\n  disabled = false,\n  open: openProp,\n  query,\n  value: valueProp,\n  onClose: onCloseProp,\n  onOpen: onOpenProp,\n  ...rest\n}: UseTreeItemProps = {}) => {\n  const context = useTreeItemContext()\n  const {\n    activeDescendant,\n    checkable,\n    checkedValue,\n    expandedValue,\n    multiple,\n    selectedValue,\n    onActiveDescendant,\n    onCheckedChange,\n    onCollapseAll,\n    onExpandAll,\n    onExpandedChange,\n    onSearch,\n    onSelectedChange,\n  } = useTreeContext()\n  const [children, setChildren] = useState<ReactNode>(childrenProp)\n  const [indeterminate, setIndeterminate] = useState(false)\n  const [itemId, labelId, checkboxId] = useIds()\n  const initialAsyncRef = useRef(false)\n  const async = !!asyncChildren\n  const group = async || Children.count(children) > 0\n  const level: number = (context?.level ?? 0) + 1\n  const value: string = filterEmpty([context?.value, valueProp]).join(\"/\")\n  const nested = !!context?.value\n  const selected = isArray(selectedValue)\n    ? !!value && selectedValue.includes(value)\n    : !!value && selectedValue === value\n  const checked = !!value && checkedValue.includes(value)\n  const defaultExpanded = !!value && expandedValue.includes(value)\n  const {\n    open: groupOpen,\n    onClose,\n    onOpen,\n  } = useDisclosure({\n    defaultOpen: defaultOpen ?? defaultExpanded,\n    open: openProp,\n    onClose: onCloseProp,\n    onOpen: onOpenProp,\n  })\n  const branchOpen: boolean[] = nested\n    ? [...context.branchOpen, groupOpen]\n    : [groupOpen]\n  const { descendants, register } = useTreeDescendant({\n    id: itemId!,\n    disabled,\n    expanded: branchOpen.slice(0, -1).every(Boolean),\n    group,\n    query,\n    value,\n  })\n\n  const [groupLoading, onGroupChildren] = useAsyncCallback(async () => {\n    const children = await asyncChildren?.()\n\n    setChildren(children)\n  }, [asyncChildren])\n\n  const onSelect = useCallback(\n    (\n      ev: (\n        | Partial<KeyboardEvent<HTMLElement>>\n        | Partial<MouseEvent<HTMLElement>>\n      ) & { value?: string } = {},\n    ) => {\n      const selectedValue = ev.value ?? value\n\n      if (disabled || !selectedValue) return\n\n      if (multiple) {\n        onSelectedChange((prev) => {\n          if (!isArray(prev)) return prev\n\n          if (ev.ctrlKey || ev.metaKey) {\n            if (prev.includes(selectedValue)) {\n              return prev.filter((prevValue) => prevValue !== selectedValue)\n            } else {\n              return [...prev, selectedValue]\n            }\n          } else if (ev.shiftKey && prev[0]) {\n            if (prev[0] === selectedValue) return prev\n\n            return getRangeValues(descendants)(prev[0], selectedValue)\n          } else {\n            return [selectedValue]\n          }\n        })\n      } else {\n        onSelectedChange(selectedValue)\n      }\n    },\n    [descendants, disabled, multiple, onSelectedChange, value],\n  )\n\n  const onGroupOpen = useCallback(() => {\n    if (disabled || !value) return\n\n    if (async && !initialAsyncRef.current) {\n      initialAsyncRef.current = true\n\n      onGroupChildren()\n        .then(() => {\n          onOpen()\n          onExpandedChange(value)\n        })\n        .catch(() => {\n          initialAsyncRef.current = false\n        })\n    } else {\n      onOpen()\n      onExpandedChange(value)\n    }\n  }, [disabled, async, onGroupChildren, onOpen, onExpandedChange, value])\n\n  const onGroupClose = useCallback(() => {\n    if (disabled || !value) return\n\n    onClose()\n    onExpandedChange(value)\n  }, [disabled, onClose, onExpandedChange, value])\n\n  const onGroupToggle = useCallback(() => {\n    if (groupOpen) {\n      onGroupClose()\n    } else {\n      onGroupOpen()\n    }\n  }, [groupOpen, onGroupClose, onGroupOpen])\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent<HTMLElement>) => {\n      if (disabled || !value) return\n\n      runKeyAction(ev, {\n        a: () => {\n          if (!multiple || !(ev.ctrlKey || ev.metaKey)) return\n\n          const values = descendants\n            .enabledValues()\n            .map(({ value }) => value)\n            .filter((value) => !isUndefined(value))\n\n          onSelectedChange(values)\n        },\n        ArrowDown: () => {\n          if ((ev.ctrlKey || ev.metaKey) && ev.shiftKey) {\n            onExpandAll()\n          } else {\n            const descendant = descendants.enabledNextValue(\n              activeDescendant.current,\n              false,\n              { expanded: true },\n            )\n\n            onActiveDescendant(descendant)\n\n            if (descendant && ev.shiftKey && multiple)\n              onSelect({ ctrlKey: true, value: descendant.value })\n          }\n        },\n        ArrowLeft: () => {\n          if (group && groupOpen) {\n            onGroupClose()\n          } else if (nested) {\n            const descendant = getParentDescendant(descendants)(value)\n\n            onActiveDescendant(descendant)\n          }\n        },\n        ArrowRight: () => {\n          if (!group) return\n\n          if (groupOpen) {\n            const descendant = descendants.enabledNextValue(\n              activeDescendant.current,\n              false,\n              { expanded: true },\n            )\n\n            onActiveDescendant(descendant)\n          } else {\n            if (!groupLoading) onGroupOpen()\n          }\n        },\n        ArrowUp: () => {\n          if ((ev.ctrlKey || ev.metaKey) && ev.shiftKey) {\n            onCollapseAll()\n\n            if (!nested) return\n\n            const descendant = getRootDescendant(descendants)(value)\n\n            onActiveDescendant(descendant)\n          } else {\n            const descendant = descendants.enabledPrevValue(\n              activeDescendant.current,\n              false,\n              { expanded: true },\n            )\n\n            onActiveDescendant(descendant)\n\n            if (descendant && ev.shiftKey && multiple)\n              onSelect({ ctrlKey: true, value: descendant.value })\n          }\n        },\n        End: () => {\n          const descendant = descendants\n            .enabledValues({ expanded: true })\n            .at(-1)\n\n          onActiveDescendant(descendant)\n        },\n        Enter: () => {\n          if (group) onGroupToggle()\n\n          onSelect(ev)\n        },\n        Home: () => {\n          const descendant = descendants.enabledValues({ expanded: true }).at(0)\n\n          onActiveDescendant(descendant)\n        },\n        Space: () => {\n          if (group) onGroupToggle()\n\n          onSelect(ev)\n        },\n      })\n\n      if (ev.key.length !== 1) return\n      if (ev.ctrlKey || ev.metaKey || ev.altKey) return\n\n      ev.preventDefault()\n\n      onSearch(ev.key, query ?? value)\n    },\n    [\n      activeDescendant,\n      descendants,\n      disabled,\n      group,\n      groupLoading,\n      groupOpen,\n      multiple,\n      nested,\n      onActiveDescendant,\n      onCollapseAll,\n      onExpandAll,\n      onGroupClose,\n      onGroupOpen,\n      onGroupToggle,\n      onSearch,\n      onSelect,\n      onSelectedChange,\n      query,\n      value,\n    ],\n  )\n\n  const onItemClick = useCallback(\n    (ev: MouseEvent<HTMLLIElement>) => {\n      ev.stopPropagation()\n\n      if (disabled || !value) return\n\n      if (group && !groupLoading)\n        if (!ev.ctrlKey && !ev.metaKey && !ev.shiftKey) onGroupToggle()\n\n      onSelect(ev)\n    },\n    [disabled, group, groupLoading, onGroupToggle, onSelect, value],\n  )\n\n  const onCheckboxChange = useCallback(\n    (ev: ChangeEvent<HTMLInputElement>) => {\n      if (disabled || !value) return\n\n      ev.stopPropagation()\n\n      if (group) setIndeterminate(false)\n\n      onCheckedChange((prev) => {\n        const target = [value]\n\n        if (group) {\n          const { values } = getChildDescendants(descendants)(value)\n\n          target.push(...values)\n        }\n\n        if (nested) {\n          const parentValues = getParentValues(context.value)\n          const parentTarget: string[] = []\n\n          parentValues.forEach((parentValue) => {\n            const { children } = getChildDescendants(descendants)(parentValue)\n            const { allChecked } = getAllChecked(\n              children,\n              [...parentTarget, ...(ev.target.checked ? target : [])],\n              !ev.target.checked ? target : [],\n            )\n\n            if (allChecked) parentTarget.push(parentValue)\n          })\n\n          if (!ev.target.checked) parentTarget.push(...parentValues)\n\n          target.push(...parentTarget)\n        }\n\n        if (ev.target.checked) {\n          return [...new Set([...prev, ...target])]\n        } else {\n          return prev.filter((prevValue) => !target.includes(prevValue))\n        }\n      })\n    },\n    [disabled, group, onCheckedChange, value, nested, descendants, context],\n  )\n\n  useSafeLayoutEffect(() => {\n    if (defaultExpanded) {\n      if (async && !initialAsyncRef.current) {\n        initialAsyncRef.current = true\n\n        onGroupChildren()\n          .then(() => {\n            onOpen()\n          })\n          .catch(() => {\n            initialAsyncRef.current = false\n          })\n      } else {\n        onOpen()\n      }\n    } else {\n      onClose()\n    }\n  }, [async, defaultExpanded, onClose, onGroupChildren, onOpen])\n\n  useSafeLayoutEffect(() => {\n    if (!group || !checkable) return\n\n    const { children } = getChildDescendants(descendants)(value)\n    const { indeterminate } = getAllChecked(children)\n\n    setIndeterminate(indeterminate)\n  }, [checkedValue])\n\n  useSafeLayoutEffect(() => {\n    if (!checkable) return\n\n    const { node } = getParentDescendant(descendants)(value) ?? {}\n    const checkbox = getCheckbox(node)\n\n    if (!checkbox) return\n\n    const cleanup = setAttribute(checkbox, \"aria-controls\", checkboxId)\n\n    return cleanup\n  }, [checkable, descendants])\n\n  const getItemProps: PropGetter<\"li\"> = useCallback(\n    ({ ref, \"aria-labelledby\": ariaLabelledby, ...props } = {}) => ({\n      id: itemId,\n      ref: mergeRefs(ref, register),\n      \"aria-disabled\": ariaAttr(disabled),\n      \"aria-labelledby\": cx(ariaLabelledby, labelId),\n      \"aria-level\": level,\n      \"aria-selected\": ariaAttr(selected),\n      \"data-disabled\": dataAttr(disabled),\n      role: \"treeitem\",\n      tabIndex: -1,\n      ...props,\n      onClick: handlerAll(props.onClick, onItemClick),\n      onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n    }),\n    [\n      itemId,\n      register,\n      disabled,\n      labelId,\n      level,\n      selected,\n      onItemClick,\n      onKeyDown,\n    ],\n  )\n\n  const getGroupItemProps: PropGetter<\"li\"> = useCallback(\n    (props = {}) => getItemProps({ \"aria-expanded\": groupOpen, ...props }),\n    [getItemProps, groupOpen],\n  )\n\n  const getIndicatorProps: PropGetter<\"svg\"> = useCallback(\n    (props) => ({\n      \"aria-disabled\": ariaAttr(disabled),\n      \"aria-expanded\": groupOpen,\n      \"aria-hidden\": true,\n      \"data-disabled\": dataAttr(disabled),\n      \"data-loading\": dataAttr(groupLoading),\n      \"data-selected\": dataAttr(selected),\n      role: \"presentation\",\n      ...props,\n    }),\n    [disabled, groupOpen, selected, groupLoading],\n  )\n\n  const getCheckboxProps: PropGetter<UseCheckboxProps> = useCallback(\n    ({ \"aria-labelledby\": ariaLabelledby, ...props } = {}) => ({\n      id: checkboxId,\n      \"aria-labelledby\": cx(ariaLabelledby, labelId),\n      \"data-selected\": dataAttr(selected),\n      checked,\n      disabled,\n      indeterminate,\n      tabIndex: -1,\n      ...props,\n      onChange: handlerAll(props.onChange, onCheckboxChange),\n    }),\n    [\n      checkboxId,\n      labelId,\n      selected,\n      checked,\n      disabled,\n      indeterminate,\n      onCheckboxChange,\n    ],\n  )\n\n  const getGroupProps: PropGetter<\"ul\"> = useCallback(\n    ({ \"aria-labelledby\": ariaLabelledby, ...props } = {}) => ({\n      \"aria-busy\": ariaAttr(groupLoading),\n      \"aria-labelledby\": cx(ariaLabelledby, labelId),\n      \"data-disabled\": dataAttr(disabled),\n      role: \"group\",\n      ...props,\n    }),\n    [labelId, disabled, groupLoading],\n  )\n\n  const getLabelProps: PropGetter<\"span\"> = useCallback(\n    (props = {}) => ({ id: labelId, ...props }),\n    [labelId],\n  )\n\n  return {\n    branchOpen,\n    checked,\n    children,\n    disabled,\n    group,\n    groupLoading,\n    groupOpen,\n    indeterminate,\n    level,\n    props: rest,\n    selected,\n    value,\n    getCheckboxProps,\n    getGroupItemProps,\n    getGroupProps,\n    getIndicatorProps,\n    getItemProps,\n    getLabelProps,\n    onGroupClose,\n    onGroupOpen,\n    onGroupToggle,\n  }\n}\n\nexport type UseTreeItemReturn = ReturnType<typeof useTreeItem>\n"],"mappings":"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"}
+{"version":3,"file":"use-tree.js","names":["createContext"],"sources":["../../../../src/components/tree/use-tree.ts"],"sourcesContent":["\"use client\"\n\nimport type {\n  ChangeEvent,\n  KeyboardEvent,\n  MouseEvent,\n  ReactNode,\n  RefObject,\n  SetStateAction,\n} from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { Descendant, Descendants } from \"../../hooks/use-descendants\"\nimport type { UseDisclosureProps } from \"../../hooks/use-disclosure\"\nimport type { UseCheckboxProps } from \"../checkbox\"\nimport { Children, useCallback, useRef, useState } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useAsyncCallback } from \"../../hooks/use-async-callback\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { createDescendants } from \"../../hooks/use-descendants\"\nimport { useDisclosure } from \"../../hooks/use-disclosure\"\nimport {\n  ariaAttr,\n  assignRef,\n  createContext,\n  cx,\n  dataAttr,\n  filterEmpty,\n  handlerAll,\n  isArray,\n  isInputElement,\n  isUndefined,\n  match,\n  mergeRefs,\n  runKeyAction,\n  setAttribute,\n  useIds,\n  useSafeLayoutEffect,\n} from \"../../utils\"\n\nexport interface TreeControl {\n  collapse: () => void\n  expand: () => void\n}\n\ninterface TreeDescendantProps {\n  expanded: boolean\n  group: boolean\n  id: string\n  value: string\n  query?: string\n}\n\nconst {\n  DescendantsContext: TreeDescendantsContext,\n  useDescendant: useTreeDescendant,\n  useDescendants: useTreeDescendants,\n} = createDescendants<HTMLElement, TreeDescendantProps>()\n\nexport { TreeDescendantsContext, useTreeDescendant, useTreeDescendants }\n\ninterface TreeContext extends Omit<\n  UseTreeReturn,\n  \"descendants\" | \"getRootProps\"\n> {}\n\nconst [TreeContext, useTreeContext] = createContext<TreeContext>({\n  name: \"TreeContext\",\n})\n\nexport { TreeContext, useTreeContext }\n\ninterface TreeItemContext extends Pick<\n  UseTreeItemReturn,\n  | \"branchOpen\"\n  | \"groupOpen\"\n  | \"level\"\n  | \"onGroupClose\"\n  | \"onGroupOpen\"\n  | \"onGroupToggle\"\n  | \"value\"\n> {}\n\nconst [TreeItemContext, useTreeItemContext] = createContext<TreeItemContext>({\n  name: \"TreeItemContext\",\n  strict: false,\n})\n\nexport { TreeItemContext, useTreeItemContext }\n\nexport interface UseTreeProps<\n  Multiple extends boolean = false,\n> extends HTMLProps<\"ul\"> {\n  /**\n   * If `true`, the tree will allow checkable items.\n   *\n   * @default false\n   */\n  checkable?: boolean\n  /**\n   * The checked value of the tree.\n   */\n  checkedValue?: string[]\n  /**\n   * Ref of the tree callbacks.\n   */\n  controlRef?: RefObject<null | TreeControl>\n  /**\n   * The initial checked value of the tree.\n   */\n  defaultCheckedValue?: string[]\n  /**\n   * The initial expanded value of the tree.\n   */\n  defaultExpandedValue?: string[]\n  /**\n   * The initial selected value of the tree.\n   */\n  defaultSelectedValue?: Multiple extends true ? string[] : string\n  /**\n   * The expanded value of the tree.\n   */\n  expandedValue?: string[]\n  /**\n   * If `true`, the tree will allow multiple selection.\n   *\n   * @default false\n   */\n  multiple?: Multiple\n  /**\n   * The selected value of the tree.\n   */\n  selectedValue?: Multiple extends true ? string[] : string\n  /**\n   * The callback invoked when checked value changes.\n   */\n  onCheckedChange?: (value: string[]) => void\n  /**\n   * The callback invoked when expanded value changes.\n   */\n  onExpandedChange?: (value: string[]) => void\n  /**\n   * The callback invoked when selected value changes.\n   */\n  onSelectedChange?: (value: Multiple extends true ? string[] : string) => void\n}\n\nexport const useTree = <Multiple extends boolean = false>({\n  checkable = false,\n  checkedValue: checkedValueProp,\n  children,\n  controlRef,\n  defaultCheckedValue = [],\n  defaultExpandedValue = [],\n  defaultSelectedValue,\n  expandedValue: expandedValueProp,\n  multiple,\n  selectedValue: selectedValueProp,\n  onCheckedChange: onCheckedChangeProp,\n  onExpandedChange: onExpandedChangeProp,\n  onSelectedChange: onSelectedChangeProp,\n  ...rest\n}: UseTreeProps<Multiple> = {}) => {\n  type MaybeSelectedValue = Multiple extends true ? string[] : string\n\n  const [selectedValue, setSelectedValue] = useControllableState({\n    defaultValue:\n      defaultSelectedValue ?? ((multiple ? [] : \"\") as MaybeSelectedValue),\n    value: selectedValueProp,\n    onChange: onSelectedChangeProp,\n  })\n  const [checkedValue, onCheckedChange] = useControllableState({\n    defaultValue: defaultCheckedValue,\n    value: checkedValueProp,\n    onChange: onCheckedChangeProp,\n  })\n  const [expandedValue, setExpandedValue] = useControllableState({\n    defaultValue: defaultExpandedValue,\n    value: expandedValueProp,\n    onChange: onExpandedChangeProp,\n  })\n  const descendants = useTreeDescendants()\n  const activeDescendant = useRef<Descendant<\n    HTMLElement,\n    TreeDescendantProps\n  > | null>(null)\n  const searchRef = useRef<{ value: string; omitValue?: string }>({\n    omitValue: undefined,\n    value: \"\",\n  })\n  const timeoutRef = useRef<any>(null)\n\n  const onExpandAll = useCallback(() => {\n    const values = descendants.enabledValues()\n    const group = values.filter(({ group }) => group)\n    const value = group.map(({ value }) => value)\n\n    setExpandedValue(value)\n  }, [descendants, setExpandedValue])\n\n  const onCollapseAll = useCallback(() => {\n    setExpandedValue([])\n  }, [setExpandedValue])\n\n  const onActiveDescendant = useCallback(\n    (\n      descendant?: Descendant<HTMLElement, TreeDescendantProps>,\n      shouldFocus = true,\n    ) => {\n      if (!descendant) return\n\n      descendants.values().forEach(({ node }) => {\n        node.tabIndex = -1\n      })\n\n      activeDescendant.current = descendant\n      descendant.node.tabIndex = 0\n\n      if (shouldFocus) descendant.node.focus()\n    },\n    [descendants],\n  )\n\n  const onSearch = useCallback(\n    (value: string, omitValue: string) => {\n      clearTimeout(timeoutRef.current)\n\n      searchRef.current.value += value\n\n      if (!searchRef.current.omitValue) searchRef.current.omitValue = omitValue\n\n      timeoutRef.current = setTimeout(() => {\n        searchRef.current = { omitValue: undefined, value: \"\" }\n      }, 400)\n\n      const values = descendants\n        .enabledValues({ expanded: true })\n        .filter(\n          (descendant) =>\n            !isUndefined(descendant.value) &&\n            descendant.value !== searchRef.current.omitValue,\n        )\n      const descendant = values.find(({ query, value }) =>\n        match(query ?? value, searchRef.current.value, \"startsWith\"),\n      )\n\n      if (descendant) onActiveDescendant(descendant)\n    },\n    [descendants, onActiveDescendant],\n  )\n\n  const onSelectedChange = useCallback(\n    (value: SetStateAction<string | string[]>) => {\n      setSelectedValue(value as SetStateAction<MaybeSelectedValue>)\n    },\n    [setSelectedValue],\n  )\n\n  const onExpandedChange = useCallback(\n    (value: string) => {\n      setExpandedValue((prev) => {\n        if (prev.includes(value)) {\n          return prev.filter((prevValue) => prevValue !== value)\n        } else {\n          return [...prev, value]\n        }\n      })\n    },\n    [setExpandedValue],\n  )\n\n  useSafeLayoutEffect(() => {\n    const value = isArray(selectedValue) ? selectedValue.at(0) : selectedValue\n    const expandedDescendants = descendants.enabledValues({ expanded: true })\n\n    if (value) {\n      const descendant = expandedDescendants.find(\n        (descendant) => value === descendant.value,\n      )\n\n      if (descendant) {\n        onActiveDescendant(descendant, false)\n      } else {\n        onActiveDescendant(expandedDescendants.at(0), false)\n      }\n    } else {\n      onActiveDescendant(expandedDescendants.at(0), false)\n    }\n  }, [children])\n\n  assignRef(controlRef, { collapse: onCollapseAll, expand: onExpandAll })\n\n  const getRootProps: PropGetter<\"ul\"> = useCallback(\n    (props) =>\n      mergeProps(\n        {\n          \"aria-multiselectable\": ariaAttr(multiple || checkable),\n          children,\n          role: \"tree\",\n        },\n        rest,\n        props,\n      )(),\n    [multiple, checkable, rest, children],\n  )\n\n  return {\n    activeDescendant,\n    checkable,\n    checkedValue,\n    descendants,\n    expandedValue,\n    multiple,\n    selectedValue,\n    getRootProps,\n    onActiveDescendant,\n    onCheckedChange,\n    onCollapseAll,\n    onExpandAll,\n    onExpandedChange,\n    onSearch,\n    onSelectedChange,\n  }\n}\n\nexport type UseTreeReturn = ReturnType<typeof useTree>\n\nconst getRootDescendant =\n  (descendants: Descendants<HTMLElement, TreeDescendantProps>) =>\n  (value: string) => {\n    const segments = value.split(\"/\")\n\n    if (segments.length <= 1) return\n\n    const rootValue = segments.at(0)\n\n    return descendants.enabledValues().find(({ value }) => value === rootValue)\n  }\n\nconst getParentDescendant =\n  (descendants: Descendants<HTMLElement, TreeDescendantProps>) =>\n  (value: string) => {\n    const segments = value.split(\"/\")\n\n    if (segments.length <= 1) return\n\n    const parentValue = segments.slice(0, -1).join(\"/\")\n\n    return descendants\n      .enabledValues()\n      .find(({ value }) => value === parentValue)\n  }\n\nconst getChildDescendants =\n  (descendants: Descendants<HTMLElement, TreeDescendantProps>) =>\n  (value: string) => {\n    const children = descendants\n      .enabledValues()\n      .filter((descendant) => descendant.value.startsWith(value + \"/\"))\n    const values = children\n      .map(({ value }) => value)\n      .filter((value) => !isUndefined(value))\n\n    return { children, values }\n  }\n\nconst getParentValues = (value: string) => {\n  const segments = value.split(\"/\")\n\n  return segments\n    .reduce<string[]>((prev, current) => {\n      const prevValue = prev.at(-1)\n      return prevValue ? [...prev, [prevValue, current].join(\"/\")] : [current]\n    }, [])\n    .toReversed()\n}\n\nconst getCheckbox = (node?: HTMLElement) => {\n  const el = node?.querySelector(\"input[type='checkbox']\")\n\n  return isInputElement(el) ? el : null\n}\n\nconst getAllChecked = (\n  descendants: Descendant<HTMLElement, TreeDescendantProps>[],\n  trulyValues?: string[],\n  falsyValues?: string[],\n) => {\n  const checked = descendants.map(({ node, value }) => {\n    if (value && trulyValues?.includes(value)) return true\n    if (value && falsyValues?.includes(value)) return false\n\n    const checkbox = getCheckbox(node)\n\n    return !!checkbox?.checked\n  })\n\n  const allChecked = !!checked.length && checked.every(Boolean)\n  const indeterminate = checked.some(Boolean) && !allChecked\n\n  return { allChecked, checked, indeterminate }\n}\n\nconst getRangeValues =\n  (descendants: Descendants<HTMLElement, TreeDescendantProps>) =>\n  (start: string, end: string) => {\n    const values = descendants.enabledValues()\n    const [startIndex, endIndex] = [\n      values.findIndex((descendant) => descendant.value === start),\n      values.findIndex((descendant) => descendant.value === end),\n    ].sort((a, b) => a - b)\n\n    return values\n      .slice(startIndex, endIndex! + 1)\n      .map(({ value }) => value)\n      .filter((value) => !isUndefined(value))\n      .sort((a, b) => {\n        if (a === start && b !== start) return -1\n        if (a !== start && b === start) return 1\n\n        return 0\n      })\n  }\n\nexport interface UseTreeItemProps\n  extends HTMLProps<\"div\">, Omit<UseDisclosureProps, \"timing\"> {\n  /**\n   * If `true`, the tree item will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * The query to search for in the tree item.\n   */\n  query?: string\n  /**\n   * The value of the item.\n   */\n  value?: string\n  /**\n   * If provided, the tree item will be rendered as an async tree item.\n   */\n  asyncChildren?: () => Promise<ReactNode>\n}\n\nexport const useTreeItem = ({\n  asyncChildren,\n  children: childrenProp,\n  defaultOpen,\n  disabled = false,\n  open: openProp,\n  query,\n  value: valueProp,\n  onClose: onCloseProp,\n  onOpen: onOpenProp,\n  ...rest\n}: UseTreeItemProps = {}) => {\n  const context = useTreeItemContext()\n  const {\n    activeDescendant,\n    checkable,\n    checkedValue,\n    expandedValue,\n    multiple,\n    selectedValue,\n    onActiveDescendant,\n    onCheckedChange,\n    onCollapseAll,\n    onExpandAll,\n    onExpandedChange,\n    onSearch,\n    onSelectedChange,\n  } = useTreeContext()\n  const [children, setChildren] = useState<ReactNode>(childrenProp)\n  const [indeterminate, setIndeterminate] = useState(false)\n  const [itemId, labelId, checkboxId] = useIds()\n  const initialAsyncRef = useRef(false)\n  const async = !!asyncChildren\n  const group = async || Children.count(children) > 0\n  const level: number = (context?.level ?? 0) + 1\n  const value: string = filterEmpty([context?.value, valueProp]).join(\"/\")\n  const nested = !!context?.value\n  const selected = isArray(selectedValue)\n    ? !!value && selectedValue.includes(value)\n    : !!value && selectedValue === value\n  const checked = !!value && checkedValue.includes(value)\n  const defaultExpanded = !!value && expandedValue.includes(value)\n  const {\n    open: groupOpen,\n    onClose,\n    onOpen,\n  } = useDisclosure({\n    defaultOpen: defaultOpen ?? defaultExpanded,\n    open: openProp,\n    onClose: onCloseProp,\n    onOpen: onOpenProp,\n  })\n  const branchOpen: boolean[] = nested\n    ? [...context.branchOpen, groupOpen]\n    : [groupOpen]\n  const { descendants, register } = useTreeDescendant({\n    id: itemId!,\n    disabled,\n    expanded: branchOpen.slice(0, -1).every(Boolean),\n    group,\n    query,\n    value,\n  })\n\n  const [groupLoading, onGroupChildren] = useAsyncCallback(async () => {\n    const children = await asyncChildren?.()\n\n    setChildren(children)\n  }, [asyncChildren])\n\n  const onSelect = useCallback(\n    (\n      ev: (\n        | Partial<KeyboardEvent<HTMLElement>>\n        | Partial<MouseEvent<HTMLElement>>\n      ) & { value?: string } = {},\n    ) => {\n      const selectedValue = ev.value ?? value\n\n      if (disabled || !selectedValue) return\n\n      if (multiple) {\n        onSelectedChange((prev) => {\n          if (!isArray(prev)) return prev\n\n          if (ev.ctrlKey || ev.metaKey) {\n            if (prev.includes(selectedValue)) {\n              return prev.filter((prevValue) => prevValue !== selectedValue)\n            } else {\n              return [...prev, selectedValue]\n            }\n          } else if (ev.shiftKey && prev[0]) {\n            if (prev[0] === selectedValue) return prev\n\n            return getRangeValues(descendants)(prev[0], selectedValue)\n          } else {\n            return [selectedValue]\n          }\n        })\n      } else {\n        onSelectedChange(selectedValue)\n      }\n    },\n    [descendants, disabled, multiple, onSelectedChange, value],\n  )\n\n  const onGroupOpen = useCallback(() => {\n    if (disabled || !value) return\n\n    if (async && !initialAsyncRef.current) {\n      initialAsyncRef.current = true\n\n      onGroupChildren()\n        .then(() => {\n          onOpen()\n          onExpandedChange(value)\n        })\n        .catch(() => {\n          initialAsyncRef.current = false\n        })\n    } else {\n      onOpen()\n      onExpandedChange(value)\n    }\n  }, [disabled, async, onGroupChildren, onOpen, onExpandedChange, value])\n\n  const onGroupClose = useCallback(() => {\n    if (disabled || !value) return\n\n    onClose()\n    onExpandedChange(value)\n  }, [disabled, onClose, onExpandedChange, value])\n\n  const onGroupToggle = useCallback(() => {\n    if (groupOpen) {\n      onGroupClose()\n    } else {\n      onGroupOpen()\n    }\n  }, [groupOpen, onGroupClose, onGroupOpen])\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent<HTMLElement>) => {\n      if (disabled || !value) return\n\n      runKeyAction(ev, {\n        a: () => {\n          if (!multiple || !(ev.ctrlKey || ev.metaKey)) return\n\n          const values = descendants\n            .enabledValues()\n            .map(({ value }) => value)\n            .filter((value) => !isUndefined(value))\n\n          onSelectedChange(values)\n        },\n        ArrowDown: () => {\n          if ((ev.ctrlKey || ev.metaKey) && ev.shiftKey) {\n            onExpandAll()\n          } else {\n            const descendant = descendants.enabledNextValue(\n              activeDescendant.current,\n              false,\n              { expanded: true },\n            )\n\n            onActiveDescendant(descendant)\n\n            if (descendant && ev.shiftKey && multiple)\n              onSelect({ ctrlKey: true, value: descendant.value })\n          }\n        },\n        ArrowLeft: () => {\n          if (group && groupOpen) {\n            onGroupClose()\n          } else if (nested) {\n            const descendant = getParentDescendant(descendants)(value)\n\n            onActiveDescendant(descendant)\n          }\n        },\n        ArrowRight: () => {\n          if (!group) return\n\n          if (groupOpen) {\n            const descendant = descendants.enabledNextValue(\n              activeDescendant.current,\n              false,\n              { expanded: true },\n            )\n\n            onActiveDescendant(descendant)\n          } else {\n            if (!groupLoading) onGroupOpen()\n          }\n        },\n        ArrowUp: () => {\n          if ((ev.ctrlKey || ev.metaKey) && ev.shiftKey) {\n            onCollapseAll()\n\n            if (!nested) return\n\n            const descendant = getRootDescendant(descendants)(value)\n\n            onActiveDescendant(descendant)\n          } else {\n            const descendant = descendants.enabledPrevValue(\n              activeDescendant.current,\n              false,\n              { expanded: true },\n            )\n\n            onActiveDescendant(descendant)\n\n            if (descendant && ev.shiftKey && multiple)\n              onSelect({ ctrlKey: true, value: descendant.value })\n          }\n        },\n        End: () => {\n          const descendant = descendants\n            .enabledValues({ expanded: true })\n            .at(-1)\n\n          onActiveDescendant(descendant)\n        },\n        Enter: () => {\n          if (group) onGroupToggle()\n\n          onSelect(ev)\n        },\n        Home: () => {\n          const descendant = descendants.enabledValues({ expanded: true }).at(0)\n\n          onActiveDescendant(descendant)\n        },\n        Space: () => {\n          if (group) onGroupToggle()\n\n          onSelect(ev)\n        },\n      })\n\n      if (ev.key.length !== 1) return\n      if (ev.ctrlKey || ev.metaKey || ev.altKey) return\n\n      ev.preventDefault()\n\n      onSearch(ev.key, query ?? value)\n    },\n    [\n      activeDescendant,\n      descendants,\n      disabled,\n      group,\n      groupLoading,\n      groupOpen,\n      multiple,\n      nested,\n      onActiveDescendant,\n      onCollapseAll,\n      onExpandAll,\n      onGroupClose,\n      onGroupOpen,\n      onGroupToggle,\n      onSearch,\n      onSelect,\n      onSelectedChange,\n      query,\n      value,\n    ],\n  )\n\n  const onItemClick = useCallback(\n    (ev: MouseEvent<HTMLLIElement>) => {\n      ev.stopPropagation()\n\n      if (disabled || !value) return\n\n      if (group && !groupLoading)\n        if (!ev.ctrlKey && !ev.metaKey && !ev.shiftKey) onGroupToggle()\n\n      onSelect(ev)\n    },\n    [disabled, group, groupLoading, onGroupToggle, onSelect, value],\n  )\n\n  const onCheckboxChange = useCallback(\n    (ev: ChangeEvent<HTMLInputElement>) => {\n      if (disabled || !value) return\n\n      ev.stopPropagation()\n\n      if (group) setIndeterminate(false)\n\n      onCheckedChange((prev) => {\n        const target = [value]\n\n        if (group) {\n          const { values } = getChildDescendants(descendants)(value)\n\n          target.push(...values)\n        }\n\n        if (nested) {\n          const parentValues = getParentValues(context.value)\n          const parentTarget: string[] = []\n\n          parentValues.forEach((parentValue) => {\n            const { children } = getChildDescendants(descendants)(parentValue)\n            const { allChecked } = getAllChecked(\n              children,\n              [...parentTarget, ...(ev.target.checked ? target : [])],\n              !ev.target.checked ? target : [],\n            )\n\n            if (allChecked) parentTarget.push(parentValue)\n          })\n\n          if (!ev.target.checked) parentTarget.push(...parentValues)\n\n          target.push(...parentTarget)\n        }\n\n        if (ev.target.checked) {\n          return [...new Set([...prev, ...target])]\n        } else {\n          return prev.filter((prevValue) => !target.includes(prevValue))\n        }\n      })\n    },\n    [disabled, group, onCheckedChange, value, nested, descendants, context],\n  )\n\n  useSafeLayoutEffect(() => {\n    if (defaultExpanded) {\n      if (async && !initialAsyncRef.current) {\n        initialAsyncRef.current = true\n\n        onGroupChildren()\n          .then(() => {\n            onOpen()\n          })\n          .catch(() => {\n            initialAsyncRef.current = false\n          })\n      } else {\n        onOpen()\n      }\n    } else {\n      onClose()\n    }\n  }, [async, defaultExpanded, onClose, onGroupChildren, onOpen])\n\n  useSafeLayoutEffect(() => {\n    if (!group || !checkable) return\n\n    const { children } = getChildDescendants(descendants)(value)\n    const { indeterminate } = getAllChecked(children)\n\n    setIndeterminate(indeterminate)\n  }, [checkedValue])\n\n  useSafeLayoutEffect(() => {\n    if (!checkable) return\n\n    const { node } = getParentDescendant(descendants)(value) ?? {}\n    const checkbox = getCheckbox(node)\n\n    if (!checkbox) return\n\n    const cleanup = setAttribute(checkbox, \"aria-controls\", checkboxId)\n\n    return cleanup\n  }, [checkable, descendants])\n\n  const getItemProps: PropGetter<\"li\"> = useCallback(\n    ({ ref, \"aria-labelledby\": ariaLabelledby, ...props } = {}) => ({\n      id: itemId,\n      ref: mergeRefs(ref, register),\n      \"aria-disabled\": ariaAttr(disabled),\n      \"aria-labelledby\": cx(ariaLabelledby, labelId),\n      \"aria-level\": level,\n      \"aria-selected\": ariaAttr(selected),\n      \"data-disabled\": dataAttr(disabled),\n      role: \"treeitem\",\n      tabIndex: -1,\n      ...props,\n      onClick: handlerAll(props.onClick, onItemClick),\n      onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n    }),\n    [\n      itemId,\n      register,\n      disabled,\n      labelId,\n      level,\n      selected,\n      onItemClick,\n      onKeyDown,\n    ],\n  )\n\n  const getGroupItemProps: PropGetter<\"li\"> = useCallback(\n    (props = {}) => getItemProps({ \"aria-expanded\": groupOpen, ...props }),\n    [getItemProps, groupOpen],\n  )\n\n  const getIndicatorProps: PropGetter<\"svg\"> = useCallback(\n    (props) => ({\n      \"aria-disabled\": ariaAttr(disabled),\n      \"aria-expanded\": groupOpen,\n      \"aria-hidden\": true,\n      \"data-disabled\": dataAttr(disabled),\n      \"data-loading\": dataAttr(groupLoading),\n      \"data-selected\": dataAttr(selected),\n      role: \"presentation\",\n      ...props,\n    }),\n    [disabled, groupOpen, selected, groupLoading],\n  )\n\n  const getCheckboxProps: PropGetter<UseCheckboxProps> = useCallback(\n    ({ \"aria-labelledby\": ariaLabelledby, ...props } = {}) => ({\n      id: checkboxId,\n      \"aria-labelledby\": cx(ariaLabelledby, labelId),\n      \"data-selected\": dataAttr(selected),\n      checked,\n      disabled,\n      indeterminate,\n      tabIndex: -1,\n      ...props,\n      onChange: handlerAll(props.onChange, onCheckboxChange),\n    }),\n    [\n      checkboxId,\n      labelId,\n      selected,\n      checked,\n      disabled,\n      indeterminate,\n      onCheckboxChange,\n    ],\n  )\n\n  const getGroupProps: PropGetter<\"ul\"> = useCallback(\n    ({ \"aria-labelledby\": ariaLabelledby, ...props } = {}) => ({\n      \"aria-busy\": ariaAttr(groupLoading),\n      \"aria-labelledby\": cx(ariaLabelledby, labelId),\n      \"data-disabled\": dataAttr(disabled),\n      role: \"group\",\n      ...props,\n    }),\n    [labelId, disabled, groupLoading],\n  )\n\n  const getLabelProps: PropGetter<\"span\"> = useCallback(\n    (props = {}) => ({ id: labelId, ...props }),\n    [labelId],\n  )\n\n  return {\n    branchOpen,\n    checked,\n    children,\n    disabled,\n    group,\n    groupLoading,\n    groupOpen,\n    indeterminate,\n    level,\n    props: rest,\n    selected,\n    value,\n    getCheckboxProps,\n    getGroupItemProps,\n    getGroupProps,\n    getIndicatorProps,\n    getItemProps,\n    getLabelProps,\n    onGroupClose,\n    onGroupOpen,\n    onGroupToggle,\n  }\n}\n\nexport type UseTreeItemReturn = ReturnType<typeof useTreeItem>\n"],"mappings":"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"}

package/dist/esm/components/visually-hidden/visually-hidden.js.map

@@ -1 +1 @@
-{"version":3,"file":"visually-hidden.js","names":[],"sources":["../../../../src/components/visually-hidden/visually-hidden.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps } from \"../../core\"\nimport type { VisuallyHiddenStyle } from \"./visually-hidden.style\"\nimport { createComponent } from \"../../core\"\nimport { visuallyHiddenStyle } from \"./visually-hidden.style\"\n\nexport interface VisuallyHiddenProps extends HTMLStyledProps<\"span\"> {}\n\nconst {\n  PropsContext: VisuallyHiddenPropsContext,\n  usePropsContext: useVisuallyHiddenPropsContext,\n  withContext,\n} = createComponent<VisuallyHiddenProps, VisuallyHiddenStyle>(\n  \"visually-hidden\",\n  visuallyHiddenStyle,\n)\n\nexport { useVisuallyHiddenPropsContext, VisuallyHiddenPropsContext }\n\n/**\n * `VisuallyHidden` is a common technique used in web accessibility to hide content from the visual client, but keep it readable for screen readers.\n *\n * @see https://yamada-ui.com/docs/components/visually-hidden\n */\nexport const VisuallyHidden = withContext(\"span\")()\n"],"mappings":";;;;AASA,MAAM,EACJ,cAAc,4BACd,iBAAiB,+BACjB,gBACE,gBACF,mBACA,oBACD;;;;;;AASD,MAAa,iBAAiB,YAAY,OAAO,EAAE"}
+{"version":3,"file":"visually-hidden.js","names":[],"sources":["../../../../src/components/visually-hidden/visually-hidden.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps } from \"../../core\"\nimport type { VisuallyHiddenStyle } from \"./visually-hidden.style\"\nimport { createComponent } from \"../../core\"\nimport { visuallyHiddenStyle } from \"./visually-hidden.style\"\n\nexport interface VisuallyHiddenProps extends HTMLStyledProps<\"span\"> {}\n\nconst {\n  PropsContext: VisuallyHiddenPropsContext,\n  usePropsContext: useVisuallyHiddenPropsContext,\n  withContext,\n} = createComponent<VisuallyHiddenProps, VisuallyHiddenStyle>(\n  \"visually-hidden\",\n  visuallyHiddenStyle,\n)\n\nexport { useVisuallyHiddenPropsContext, VisuallyHiddenPropsContext }\n\n/**\n * `VisuallyHidden` is a common technique used in web accessibility to hide content from the visual client, but keep it readable for screen readers.\n *\n * @see https://yamada-ui.com/docs/components/visually-hidden\n */\nexport const VisuallyHidden = withContext(\"span\")()\n"],"mappings":";;;;AASA,MAAM,EACJ,cAAc,4BACd,iBAAiB,+BACjB,gBACE,gBACF,mBACA,mBACF;;;;;;AASA,MAAa,iBAAiB,YAAY,MAAM,EAAE"}

package/dist/esm/components/visually-hidden/visually-hidden.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"visually-hidden.style.js","names":[],"sources":["../../../../src/components/visually-hidden/visually-hidden.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const visuallyHiddenStyle = defineComponentStyle({\n  base: {\n    layerStyle: \"visuallyHidden\",\n  },\n})\n\nexport type VisuallyHiddenStyle = typeof visuallyHiddenStyle\n"],"mappings":";;AAEA,MAAa,sBAAsB,qBAAqB,EACtD,MAAM,EACJ,YAAY,kBACb,EACF,CAAC"}
+{"version":3,"file":"visually-hidden.style.js","names":[],"sources":["../../../../src/components/visually-hidden/visually-hidden.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const visuallyHiddenStyle = defineComponentStyle({\n  base: {\n    layerStyle: \"visuallyHidden\",\n  },\n})\n\nexport type VisuallyHiddenStyle = typeof visuallyHiddenStyle\n"],"mappings":";;AAEA,MAAa,sBAAsB,qBAAqB,EACtD,MAAM,EACJ,YAAY,iBACd,EACF,CAAC"}

package/dist/esm/components/wrap/wrap.js.map

@@ -1 +1 @@
-{"version":3,"file":"wrap.js","names":[],"sources":["../../../../src/components/wrap/wrap.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ThemeProps, WithoutThemeProps } from \"../../core\"\nimport type { FlexProps } from \"../flex\"\nimport type { WrapStyle } from \"./wrap.style\"\nimport { createComponent } from \"../../core\"\nimport { Flex } from \"../flex\"\nimport { wrapStyle } from \"./wrap.style\"\n\nexport interface WrapProps\n  extends WithoutThemeProps<FlexProps, WrapStyle>, ThemeProps<WrapStyle> {}\n\nconst {\n  PropsContext: WrapPropsContext,\n  usePropsContext: useWrapPropsContext,\n  withContext,\n} = createComponent<WrapProps, WrapStyle>(\"wrap\", wrapStyle)\n\nexport { useWrapPropsContext, WrapPropsContext }\n\n/**\n * `Wrap` is a component that has `wrap` set on `Flex`. It inherits convenient style shorthand from `Flex`.\n *\n * @see https://yamada-ui.com/docs/components/wrap\n */\nexport const Wrap = withContext<\"div\", WrapProps>(Flex)()\n"],"mappings":";;;;;AAYA,MAAM,EACJ,cAAc,kBACd,iBAAiB,qBACjB,gBACE,gBAAsC,QAAQ,UAAU;;;;;;AAS5D,MAAa,OAAO,YAA8B,KAAK,EAAE"}
+{"version":3,"file":"wrap.js","names":[],"sources":["../../../../src/components/wrap/wrap.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ThemeProps, WithoutThemeProps } from \"../../core\"\nimport type { FlexProps } from \"../flex\"\nimport type { WrapStyle } from \"./wrap.style\"\nimport { createComponent } from \"../../core\"\nimport { Flex } from \"../flex\"\nimport { wrapStyle } from \"./wrap.style\"\n\nexport interface WrapProps\n  extends WithoutThemeProps<FlexProps, WrapStyle>, ThemeProps<WrapStyle> {}\n\nconst {\n  PropsContext: WrapPropsContext,\n  usePropsContext: useWrapPropsContext,\n  withContext,\n} = createComponent<WrapProps, WrapStyle>(\"wrap\", wrapStyle)\n\nexport { useWrapPropsContext, WrapPropsContext }\n\n/**\n * `Wrap` is a component that has `wrap` set on `Flex`. It inherits convenient style shorthand from `Flex`.\n *\n * @see https://yamada-ui.com/docs/components/wrap\n */\nexport const Wrap = withContext<\"div\", WrapProps>(Flex)()\n"],"mappings":";;;;;AAYA,MAAM,EACJ,cAAc,kBACd,iBAAiB,qBACjB,gBACE,gBAAsC,QAAQ,SAAS;;;;;;AAS3D,MAAa,OAAO,YAA8B,IAAI,EAAE"}

package/dist/esm/components/wrap/wrap.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"wrap.style.js","names":[],"sources":["../../../../src/components/wrap/wrap.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const wrapStyle = defineComponentStyle({\n  base: {\n    flexWrap: \"wrap\",\n  },\n})\n\nexport type WrapStyle = typeof wrapStyle\n"],"mappings":";;AAEA,MAAa,YAAY,qBAAqB,EAC5C,MAAM,EACJ,UAAU,QACX,EACF,CAAC"}
+{"version":3,"file":"wrap.style.js","names":[],"sources":["../../../../src/components/wrap/wrap.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const wrapStyle = defineComponentStyle({\n  base: {\n    flexWrap: \"wrap\",\n  },\n})\n\nexport type WrapStyle = typeof wrapStyle\n"],"mappings":";;AAEA,MAAa,YAAY,qBAAqB,EAC5C,MAAM,EACJ,UAAU,OACZ,EACF,CAAC"}

package/dist/esm/core/components/create-component.js.map

@@ -1 +1 @@
-{"version":3,"file":"create-component.js","names":["createContext"],"sources":["../../../../src/core/components/create-component.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, FunctionComponent } from \"react\"\nimport type { AnyString, Dict, Merge } from \"../../utils\"\nimport type { CSSObject, CSSSlotObject } from \"../css\"\nimport type {\n  ComponentSlotStyle,\n  ComponentStyle,\n  StyledOptions,\n  System,\n  WithoutThemeProps,\n} from \"../system\"\nimport type {\n  As,\n  DOMElement,\n  HTMLStyledProps,\n  Component as OriginalComponent,\n} from \"./index.types\"\nimport { Fragment } from \"react\"\nimport {\n  createContext,\n  cx,\n  isArray,\n  isFunction,\n  isObject,\n  isString,\n  runIfFn,\n  toArray,\n  toCamelCase,\n  toPascalCase,\n} from \"../../utils\"\nimport { styled, useSystem } from \"../system\"\nimport { chainProps, mergeProps } from \"./props\"\nimport {\n  getSlotClassName,\n  mergeSlotCSS,\n  useComponentSlotStyle,\n  useComponentStyle,\n} from \"./use-component-style\"\nimport { getClassName, getDisplayName } from \"./utils\"\n\ntype AsWithFragment = \"fragment\" | As\ntype ClassName = ((system: System) => string) | string\n\ntype Component<\n  Y extends AsWithFragment = AsWithFragment,\n  M extends object = {},\n> = Y extends \"fragment\"\n  ? FunctionComponent<M>\n  : OriginalComponent<Exclude<Y, \"fragment\">, M>\n\nexport type ComponentSlotName<\n  Y extends ComponentSlotStyle | ComponentStyle = ComponentSlotStyle,\n> = AnyString | Extract<keyof NonNullable<Y[\"base\"]>, string>\n\nexport type ComponentSlot<Y extends string> =\n  | [Y, Y]\n  | Y\n  | { name: string; slot: [Y, Y] | Y }\n\nexport type InitialProps<Y extends Dict = Dict> =\n  | ((props: Y) => any)\n  | Partial<Y>\nexport type SuperProps<Y extends Dict = Dict> = ((props: Y) => any) | Y\n\nexport type SuperWithoutThemeProps<\n  Y extends Dict = Dict,\n  M extends Dict = Dict,\n  D extends keyof Y = keyof Y,\n> = ((props: WithoutThemeProps<Y, M, D>) => any) | WithoutThemeProps<Y, M, D>\n\nexport interface UseComponentPropsOptions<\n  Y extends number | string | symbol = string,\n> {\n  className?: ClassName\n  withContext?: boolean\n  transferProps?: Y[]\n}\n\nexport interface ComponentOptions extends Omit<StyledOptions, \"transferProps\"> {\n  className?: ClassName\n  shouldStyleProps?: boolean\n}\n\ninterface classNameOptions<Y extends string = string> {\n  className?: ClassName\n  slot?: ComponentSlot<Y>\n}\n\nexport interface ComponentWithContextOptions<\n  Y extends number | string | symbol = string,\n>\n  extends ComponentOptions, UseComponentPropsOptions<Y> {}\n\nfunction createProxyComponent<\n  Y extends AsWithFragment = \"div\",\n  M extends Dict = Dict,\n>(el: FC<M> | Y, { shouldStyleProps, ...options }: ComponentOptions = {}) {\n  options.shouldForwardProp ??= isFunction(el)\n  shouldStyleProps ??= !isFunction(el)\n\n  if (el === \"fragment\") el = Fragment\n\n  if (shouldStyleProps || isString(el)) {\n    const ProxyComponent = styled(el as As, options)\n\n    ProxyComponent.displayName = \"ProxyComponent\"\n\n    return ProxyComponent\n  } else {\n    el.displayName ??= \"ProxyComponent\"\n\n    return el as FC<M>\n  }\n}\n\nfunction withDisplayName<\n  Y extends AsWithFragment = AsWithFragment,\n  M extends object = {},\n>(Component: FC<M>, displayName: string) {\n  Object.defineProperty(Component, \"name\", { value: displayName })\n  Object.defineProperty(Component, \"displayName\", { value: displayName })\n\n  return Component as Component<Y, M>\n}\n\nfunction getSlotKey<Y extends string>(slot?: ComponentSlot<Y>) {\n  if (!slot) return \"unknown\"\n\n  if (isArray(slot) || !isObject(slot)) {\n    return toCamelCase(toArray(slot).join(\"-\"))\n  } else {\n    return toCamelCase(slot.name)\n  }\n}\n\nfunction getSlotName<Y extends string>(slot?: ComponentSlot<Y>) {\n  if (!slot) return \"\"\n\n  if (isArray(slot)) {\n    return slot.map((value) => toPascalCase(value as string)).join(\"\")\n  } else if (isObject(slot)) {\n    return toPascalCase(slot.name)\n  } else {\n    return toPascalCase(slot as string)\n  }\n}\n\nexport function createComponent<\n  Y extends object = {},\n  M extends ComponentStyle = Dict,\n  D extends Dict = Dict,\n>(name: string, style?: M) {\n  const defaultClassName = style?.className\n  const defaultDisplayName = getDisplayName(name)\n  const [ComponentContext, useComponentContext] = createContext<D>({\n    name: `${defaultDisplayName}Context`,\n  })\n  const [PropsContext, usePropsContext] = createContext<Partial<Y>>({\n    name: `${defaultDisplayName}PropsContext`,\n    strict: false,\n  })\n\n  function useClassName(name?: string, className?: ClassName) {\n    const system = useSystem()\n\n    className = runIfFn(className, system)\n    className ??= getClassName(name, defaultClassName)(system)\n\n    return className\n  }\n\n  function useComponentProps<H extends Y = Y, R extends keyof H = keyof H>(\n    props: H,\n    {\n      className,\n      withContext = true,\n      transferProps,\n    }: UseComponentPropsOptions<R> = {},\n  ) {\n    const system = useSystem()\n\n    className = runIfFn(className, system)\n    className ??= defaultClassName\n    className ??= getClassName(name)(system)\n\n    const contextProps = usePropsContext() ?? {}\n    const mergedProps = withContext\n      ? (mergeProps(contextProps, props)() as H)\n      : props\n    const [, rest] = useComponentStyle(mergedProps, {\n      name,\n      className,\n      style,\n      transferProps,\n    })\n\n    return rest\n  }\n\n  function component<D extends AsWithFragment = \"div\", H extends Dict = Y>(\n    el: D | FC<H>,\n    { name, className, ...options }: ComponentOptions = {},\n  ) {\n    const displayName = getDisplayName(name, defaultDisplayName)\n    const ProxyComponent = createProxyComponent(el, options)\n\n    return function (\n      initialProps?: InitialProps<H>,\n      ...superProps: SuperProps<H>[]\n    ) {\n      return withDisplayName<D, H>((props) => {\n        className = useClassName(name, className)\n\n        const computedProps = isFunction(initialProps)\n          ? initialProps(props)\n          : mergeProps(initialProps ?? {}, props)()\n        const mergedProps = chainProps<any>(...superProps)()(computedProps)\n\n        return (\n          <ProxyComponent\n            {...mergedProps}\n            className={cx(className, mergedProps.className)}\n          />\n        )\n      }, displayName)\n    }\n  }\n\n  function withContext<\n    D extends AsWithFragment = \"div\",\n    H extends Y = Y,\n    R extends keyof H = keyof H,\n  >(\n    el: D | FC<WithoutThemeProps<H, M, R>>,\n    {\n      name,\n      className,\n      withContext,\n      transferProps,\n      ...options\n    }: ComponentWithContextOptions<R> = {},\n  ) {\n    const displayName = getDisplayName(name, defaultDisplayName)\n    const ProxyComponent = createProxyComponent(el, options)\n\n    return function (\n      initialProps?: InitialProps<H>,\n      ...superProps: SuperWithoutThemeProps<H, M, R>[]\n    ) {\n      return withDisplayName<D, H>((props) => {\n        className = useClassName(name, className)\n\n        const computedProps = isFunction(initialProps)\n          ? initialProps(props)\n          : mergeProps(initialProps ?? {}, props)()\n        const mergedProps = useComponentProps(computedProps, {\n          className,\n          withContext,\n          transferProps,\n        })\n        const rest = chainProps<any>(...toArray(superProps))()(mergedProps)\n\n        return <ProxyComponent {...rest} />\n      }, displayName)\n    }\n  }\n\n  return {\n    component,\n    ComponentContext,\n    PropsContext,\n    useComponentContext,\n    usePropsContext,\n    withContext,\n    useComponentProps,\n  }\n}\n\nexport function createSlotComponent<\n  Y extends object = {},\n  M extends ComponentSlotStyle = Dict,\n  D extends Dict = Dict,\n>(rootName: string, style?: M) {\n  const rootClassName = style?.className\n  const rootDisplayName = getDisplayName(rootName)\n  const classNameMap = new Map<string, classNameOptions>()\n  const [StyleContext, useStyleContext] = createContext<\n    CSSSlotObject<ComponentSlotName<M>>\n  >({\n    name: `${rootDisplayName}StyleContext`,\n  })\n  const [ComponentContext, useComponentContext] = createContext<D>({\n    name: `${rootDisplayName}Context`,\n  })\n  const [PropsContext, usePropsContext] = createContext<Partial<Y>>({\n    name: `${rootDisplayName}PropsContext`,\n    strict: false,\n  })\n\n  function useClassName(\n    slot?: ComponentSlot<ComponentSlotName<M>>,\n    className?: ClassName,\n  ) {\n    const system = useSystem()\n\n    className = runIfFn(className, system)\n    className ??= getSlotClassName(\n      rootClassName ?? getClassName(rootName)(system),\n      slot,\n    )\n\n    return className\n  }\n\n  function useClassNames() {\n    const system = useSystem()\n    const entries = classNameMap.entries().map(([key, { className, slot }]) => {\n      className = runIfFn(className, system)\n      className ??= getSlotClassName(\n        rootClassName ?? getClassName(rootName)(system),\n        slot,\n      )\n\n      return [key, className]\n    })\n\n    return Object.fromEntries(\n      entries.filter(([_, className]) => className),\n    ) as { [key: string]: string }\n  }\n\n  function useRootComponentProps<\n    Y extends Dict = {},\n    R extends keyof Y = keyof Y,\n  >(\n    props: Y,\n    slot?: ComponentSlot<ComponentSlotName<M>>,\n    {\n      className,\n      withContext = true,\n      transferProps,\n    }: UseComponentPropsOptions<R> = {},\n  ): [\n    CSSSlotObject,\n    Merge<WithoutThemeProps<Y, M, R>, { css?: CSSObject | CSSObject[] }>,\n  ] {\n    className = useClassName(slot, className)\n\n    const contextProps = usePropsContext() ?? {}\n    const mergedProps = withContext\n      ? (mergeProps(contextProps, props)() as Y)\n      : props\n    const [css, rest] = useComponentSlotStyle(mergedProps, {\n      name: rootName,\n      className,\n      style,\n      slot,\n      transferProps,\n    })\n\n    return [css, rest]\n  }\n\n  function useSlotComponentProps<Y extends Dict = {}>(\n    props: Y,\n    slot?: ComponentSlot<ComponentSlotName<M>>,\n    { className }: Omit<UseComponentPropsOptions, \"transferProps\"> = {},\n  ) {\n    className = useClassName(slot, className)\n\n    const style = useStyleContext()\n\n    return {\n      ...props,\n      className: cx(className, props.className),\n      css: mergeSlotCSS(slot, style, props.css),\n    }\n  }\n\n  function component<H extends AsWithFragment = \"div\", R extends Dict = Dict>(\n    el: FC<R> | H,\n    slot?: ComponentSlot<ComponentSlotName<M>>,\n    { name, className, ...options }: ComponentOptions = {},\n  ) {\n    const ProxyComponent = createProxyComponent(el, options)\n    const slotKey = getSlotKey(slot)\n    const slotName = getSlotName(slot)\n    const displayName = getDisplayName(name, `${rootDisplayName}${slotName}`)\n\n    classNameMap.set(slotKey, { className, slot })\n\n    return function (\n      initialProps?: InitialProps<R>,\n      ...superProps: SuperProps<R>[]\n    ) {\n      return withDisplayName<H, R>((props) => {\n        className = useClassName(slot, className)\n\n        const computedProps = isFunction(initialProps)\n          ? initialProps(props)\n          : mergeProps(initialProps ?? {}, props)()\n        const mergedProps = chainProps(...superProps)()(computedProps)\n\n        return (\n          <ProxyComponent\n            {...mergedProps}\n            className={cx(className, mergedProps.className)}\n          />\n        )\n      }, displayName)\n    }\n  }\n\n  function withProvider<\n    H extends AsWithFragment = \"div\",\n    R extends Y = Y,\n    T extends keyof R = keyof R,\n  >(\n    el: FC<WithoutThemeProps<R, M, T>> | H,\n    slot: ComponentSlot<ComponentSlotName<M>> = \"root\" as ComponentSlot<\n      ComponentSlotName<M>\n    >,\n    {\n      name,\n      className,\n      withContext,\n      transferProps,\n      ...options\n    }: ComponentWithContextOptions<T> = {},\n  ) {\n    const ProxyComponent = createProxyComponent(el, options)\n    const slotKey = getSlotKey(slot)\n    const slotName = getSlotName(slot)\n    const displayName = getDisplayName(name, `${rootDisplayName}${slotName}`)\n\n    classNameMap.set(slotKey, { className, slot })\n\n    return function (\n      initialProps?: InitialProps<R>,\n      ...superProps: SuperWithoutThemeProps<R, M, T>[]\n    ) {\n      return withDisplayName<H, R>((props) => {\n        const computedProps = isFunction(initialProps)\n          ? initialProps(props)\n          : mergeProps(initialProps ?? {}, props)()\n        const [context, mergedProps] = useRootComponentProps(\n          computedProps,\n          slot,\n          {\n            className,\n            withContext,\n            transferProps,\n          },\n        )\n        const rest = chainProps<any>(...superProps)()(mergedProps)\n\n        return (\n          <StyleContext value={context}>\n            <ProxyComponent {...rest} />\n          </StyleContext>\n        )\n      }, displayName)\n    }\n  }\n\n  function withContext<\n    H extends AsWithFragment = \"div\",\n    R extends Dict = H extends DOMElement ? HTMLStyledProps<H> : Dict,\n  >(\n    el: FC<R> | H,\n    slot?: ComponentSlot<ComponentSlotName<M>>,\n    {\n      name,\n      className,\n      withContext,\n      ...options\n    }: Omit<ComponentWithContextOptions, \"transferProps\"> = {},\n  ) {\n    const ProxyComponent = createProxyComponent(el, options)\n    const slotKey = getSlotKey(slot)\n    const slotName = getSlotName(slot)\n    const displayName = getDisplayName(name, `${rootDisplayName}${slotName}`)\n\n    classNameMap.set(slotKey, { className, slot })\n\n    return function (\n      initialProps?: InitialProps<R>,\n      ...superProps: SuperProps<R>[]\n    ) {\n      return withDisplayName<H, R>((props) => {\n        const computedProps = isFunction(initialProps)\n          ? initialProps(props)\n          : mergeProps(initialProps ?? {}, props)()\n        const mergedProps = useSlotComponentProps(computedProps, slot, {\n          className,\n          withContext,\n        })\n        const rest = chainProps(...superProps)()(mergedProps)\n\n        return <ProxyComponent {...rest} />\n      }, displayName)\n    }\n  }\n\n  return {\n    component,\n    ComponentContext,\n    PropsContext,\n    StyleContext,\n    useClassNames,\n    useComponentContext,\n    usePropsContext,\n    useStyleContext,\n    withContext,\n    withProvider,\n    useRootComponentProps,\n    useSlotComponentProps,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"create-component.js","names":["createContext"],"sources":["../../../../src/core/components/create-component.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, FunctionComponent } from \"react\"\nimport type { AnyString, Dict, Merge } from \"../../utils\"\nimport type { CSSObject, CSSSlotObject } from \"../css\"\nimport type {\n  ComponentSlotStyle,\n  ComponentStyle,\n  StyledOptions,\n  System,\n  WithoutThemeProps,\n} from \"../system\"\nimport type {\n  As,\n  DOMElement,\n  HTMLStyledProps,\n  Component as OriginalComponent,\n} from \"./index.types\"\nimport { Fragment } from \"react\"\nimport {\n  createContext,\n  cx,\n  isArray,\n  isFunction,\n  isObject,\n  isString,\n  runIfFn,\n  toArray,\n  toCamelCase,\n  toPascalCase,\n} from \"../../utils\"\nimport { styled, useSystem } from \"../system\"\nimport { chainProps, mergeProps } from \"./props\"\nimport {\n  getSlotClassName,\n  mergeSlotCSS,\n  useComponentSlotStyle,\n  useComponentStyle,\n} from \"./use-component-style\"\nimport { getClassName, getDisplayName } from \"./utils\"\n\ntype AsWithFragment = \"fragment\" | As\ntype ClassName = ((system: System) => string) | string\n\ntype Component<\n  Y extends AsWithFragment = AsWithFragment,\n  M extends object = {},\n> = Y extends \"fragment\"\n  ? FunctionComponent<M>\n  : OriginalComponent<Exclude<Y, \"fragment\">, M>\n\nexport type ComponentSlotName<\n  Y extends ComponentSlotStyle | ComponentStyle = ComponentSlotStyle,\n> = AnyString | Extract<keyof NonNullable<Y[\"base\"]>, string>\n\nexport type ComponentSlot<Y extends string> =\n  | [Y, Y]\n  | Y\n  | { name: string; slot: [Y, Y] | Y }\n\nexport type InitialProps<Y extends Dict = Dict> =\n  | ((props: Y) => any)\n  | Partial<Y>\nexport type SuperProps<Y extends Dict = Dict> = ((props: Y) => any) | Y\n\nexport type SuperWithoutThemeProps<\n  Y extends Dict = Dict,\n  M extends Dict = Dict,\n  D extends keyof Y = keyof Y,\n> = ((props: WithoutThemeProps<Y, M, D>) => any) | WithoutThemeProps<Y, M, D>\n\nexport interface UseComponentPropsOptions<\n  Y extends number | string | symbol = string,\n> {\n  className?: ClassName\n  withContext?: boolean\n  transferProps?: Y[]\n}\n\nexport interface ComponentOptions extends Omit<StyledOptions, \"transferProps\"> {\n  className?: ClassName\n  shouldStyleProps?: boolean\n}\n\ninterface classNameOptions<Y extends string = string> {\n  className?: ClassName\n  slot?: ComponentSlot<Y>\n}\n\nexport interface ComponentWithContextOptions<\n  Y extends number | string | symbol = string,\n>\n  extends ComponentOptions, UseComponentPropsOptions<Y> {}\n\nfunction createProxyComponent<\n  Y extends AsWithFragment = \"div\",\n  M extends Dict = Dict,\n>(el: FC<M> | Y, { shouldStyleProps, ...options }: ComponentOptions = {}) {\n  options.shouldForwardProp ??= isFunction(el)\n  shouldStyleProps ??= !isFunction(el)\n\n  if (el === \"fragment\") el = Fragment\n\n  if (shouldStyleProps || isString(el)) {\n    const ProxyComponent = styled(el as As, options)\n\n    ProxyComponent.displayName = \"ProxyComponent\"\n\n    return ProxyComponent\n  } else {\n    el.displayName ??= \"ProxyComponent\"\n\n    return el as FC<M>\n  }\n}\n\nfunction withDisplayName<\n  Y extends AsWithFragment = AsWithFragment,\n  M extends object = {},\n>(Component: FC<M>, displayName: string) {\n  Object.defineProperty(Component, \"name\", { value: displayName })\n  Object.defineProperty(Component, \"displayName\", { value: displayName })\n\n  return Component as Component<Y, M>\n}\n\nfunction getSlotKey<Y extends string>(slot?: ComponentSlot<Y>) {\n  if (!slot) return \"unknown\"\n\n  if (isArray(slot) || !isObject(slot)) {\n    return toCamelCase(toArray(slot).join(\"-\"))\n  } else {\n    return toCamelCase(slot.name)\n  }\n}\n\nfunction getSlotName<Y extends string>(slot?: ComponentSlot<Y>) {\n  if (!slot) return \"\"\n\n  if (isArray(slot)) {\n    return slot.map((value) => toPascalCase(value as string)).join(\"\")\n  } else if (isObject(slot)) {\n    return toPascalCase(slot.name)\n  } else {\n    return toPascalCase(slot as string)\n  }\n}\n\nexport function createComponent<\n  Y extends object = {},\n  M extends ComponentStyle = Dict,\n  D extends Dict = Dict,\n>(name: string, style?: M) {\n  const defaultClassName = style?.className\n  const defaultDisplayName = getDisplayName(name)\n  const [ComponentContext, useComponentContext] = createContext<D>({\n    name: `${defaultDisplayName}Context`,\n  })\n  const [PropsContext, usePropsContext] = createContext<Partial<Y>>({\n    name: `${defaultDisplayName}PropsContext`,\n    strict: false,\n  })\n\n  function useClassName(name?: string, className?: ClassName) {\n    const system = useSystem()\n\n    className = runIfFn(className, system)\n    className ??= getClassName(name, defaultClassName)(system)\n\n    return className\n  }\n\n  function useComponentProps<H extends Y = Y, R extends keyof H = keyof H>(\n    props: H,\n    {\n      className,\n      withContext = true,\n      transferProps,\n    }: UseComponentPropsOptions<R> = {},\n  ) {\n    const system = useSystem()\n\n    className = runIfFn(className, system)\n    className ??= defaultClassName\n    className ??= getClassName(name)(system)\n\n    const contextProps = usePropsContext() ?? {}\n    const mergedProps = withContext\n      ? (mergeProps(contextProps, props)() as H)\n      : props\n    const [, rest] = useComponentStyle(mergedProps, {\n      name,\n      className,\n      style,\n      transferProps,\n    })\n\n    return rest\n  }\n\n  function component<D extends AsWithFragment = \"div\", H extends Dict = Y>(\n    el: D | FC<H>,\n    { name, className, ...options }: ComponentOptions = {},\n  ) {\n    const displayName = getDisplayName(name, defaultDisplayName)\n    const ProxyComponent = createProxyComponent(el, options)\n\n    return function (\n      initialProps?: InitialProps<H>,\n      ...superProps: SuperProps<H>[]\n    ) {\n      return withDisplayName<D, H>((props) => {\n        className = useClassName(name, className)\n\n        const computedProps = isFunction(initialProps)\n          ? initialProps(props)\n          : mergeProps(initialProps ?? {}, props)()\n        const mergedProps = chainProps<any>(...superProps)()(computedProps)\n\n        return (\n          <ProxyComponent\n            {...mergedProps}\n            className={cx(className, mergedProps.className)}\n          />\n        )\n      }, displayName)\n    }\n  }\n\n  function withContext<\n    D extends AsWithFragment = \"div\",\n    H extends Y = Y,\n    R extends keyof H = keyof H,\n  >(\n    el: D | FC<WithoutThemeProps<H, M, R>>,\n    {\n      name,\n      className,\n      withContext,\n      transferProps,\n      ...options\n    }: ComponentWithContextOptions<R> = {},\n  ) {\n    const displayName = getDisplayName(name, defaultDisplayName)\n    const ProxyComponent = createProxyComponent(el, options)\n\n    return function (\n      initialProps?: InitialProps<H>,\n      ...superProps: SuperWithoutThemeProps<H, M, R>[]\n    ) {\n      return withDisplayName<D, H>((props) => {\n        className = useClassName(name, className)\n\n        const computedProps = isFunction(initialProps)\n          ? initialProps(props)\n          : mergeProps(initialProps ?? {}, props)()\n        const mergedProps = useComponentProps(computedProps, {\n          className,\n          withContext,\n          transferProps,\n        })\n        const rest = chainProps<any>(...toArray(superProps))()(mergedProps)\n\n        return <ProxyComponent {...rest} />\n      }, displayName)\n    }\n  }\n\n  return {\n    component,\n    ComponentContext,\n    PropsContext,\n    useComponentContext,\n    usePropsContext,\n    withContext,\n    useComponentProps,\n  }\n}\n\nexport function createSlotComponent<\n  Y extends object = {},\n  M extends ComponentSlotStyle = Dict,\n  D extends Dict = Dict,\n>(rootName: string, style?: M) {\n  const rootClassName = style?.className\n  const rootDisplayName = getDisplayName(rootName)\n  const classNameMap = new Map<string, classNameOptions>()\n  const [StyleContext, useStyleContext] = createContext<\n    CSSSlotObject<ComponentSlotName<M>>\n  >({\n    name: `${rootDisplayName}StyleContext`,\n  })\n  const [ComponentContext, useComponentContext] = createContext<D>({\n    name: `${rootDisplayName}Context`,\n  })\n  const [PropsContext, usePropsContext] = createContext<Partial<Y>>({\n    name: `${rootDisplayName}PropsContext`,\n    strict: false,\n  })\n\n  function useClassName(\n    slot?: ComponentSlot<ComponentSlotName<M>>,\n    className?: ClassName,\n  ) {\n    const system = useSystem()\n\n    className = runIfFn(className, system)\n    className ??= getSlotClassName(\n      rootClassName ?? getClassName(rootName)(system),\n      slot,\n    )\n\n    return className\n  }\n\n  function useClassNames() {\n    const system = useSystem()\n    const entries = classNameMap.entries().map(([key, { className, slot }]) => {\n      className = runIfFn(className, system)\n      className ??= getSlotClassName(\n        rootClassName ?? getClassName(rootName)(system),\n        slot,\n      )\n\n      return [key, className]\n    })\n\n    return Object.fromEntries(\n      entries.filter(([_, className]) => className),\n    ) as { [key: string]: string }\n  }\n\n  function useRootComponentProps<\n    Y extends Dict = {},\n    R extends keyof Y = keyof Y,\n  >(\n    props: Y,\n    slot?: ComponentSlot<ComponentSlotName<M>>,\n    {\n      className,\n      withContext = true,\n      transferProps,\n    }: UseComponentPropsOptions<R> = {},\n  ): [\n    CSSSlotObject,\n    Merge<WithoutThemeProps<Y, M, R>, { css?: CSSObject | CSSObject[] }>,\n  ] {\n    className = useClassName(slot, className)\n\n    const contextProps = usePropsContext() ?? {}\n    const mergedProps = withContext\n      ? (mergeProps(contextProps, props)() as Y)\n      : props\n    const [css, rest] = useComponentSlotStyle(mergedProps, {\n      name: rootName,\n      className,\n      style,\n      slot,\n      transferProps,\n    })\n\n    return [css, rest]\n  }\n\n  function useSlotComponentProps<Y extends Dict = {}>(\n    props: Y,\n    slot?: ComponentSlot<ComponentSlotName<M>>,\n    { className }: Omit<UseComponentPropsOptions, \"transferProps\"> = {},\n  ) {\n    className = useClassName(slot, className)\n\n    const style = useStyleContext()\n\n    return {\n      ...props,\n      className: cx(className, props.className),\n      css: mergeSlotCSS(slot, style, props.css),\n    }\n  }\n\n  function component<H extends AsWithFragment = \"div\", R extends Dict = Dict>(\n    el: FC<R> | H,\n    slot?: ComponentSlot<ComponentSlotName<M>>,\n    { name, className, ...options }: ComponentOptions = {},\n  ) {\n    const ProxyComponent = createProxyComponent(el, options)\n    const slotKey = getSlotKey(slot)\n    const slotName = getSlotName(slot)\n    const displayName = getDisplayName(name, `${rootDisplayName}${slotName}`)\n\n    classNameMap.set(slotKey, { className, slot })\n\n    return function (\n      initialProps?: InitialProps<R>,\n      ...superProps: SuperProps<R>[]\n    ) {\n      return withDisplayName<H, R>((props) => {\n        className = useClassName(slot, className)\n\n        const computedProps = isFunction(initialProps)\n          ? initialProps(props)\n          : mergeProps(initialProps ?? {}, props)()\n        const mergedProps = chainProps(...superProps)()(computedProps)\n\n        return (\n          <ProxyComponent\n            {...mergedProps}\n            className={cx(className, mergedProps.className)}\n          />\n        )\n      }, displayName)\n    }\n  }\n\n  function withProvider<\n    H extends AsWithFragment = \"div\",\n    R extends Y = Y,\n    T extends keyof R = keyof R,\n  >(\n    el: FC<WithoutThemeProps<R, M, T>> | H,\n    slot: ComponentSlot<ComponentSlotName<M>> = \"root\" as ComponentSlot<\n      ComponentSlotName<M>\n    >,\n    {\n      name,\n      className,\n      withContext,\n      transferProps,\n      ...options\n    }: ComponentWithContextOptions<T> = {},\n  ) {\n    const ProxyComponent = createProxyComponent(el, options)\n    const slotKey = getSlotKey(slot)\n    const slotName = getSlotName(slot)\n    const displayName = getDisplayName(name, `${rootDisplayName}${slotName}`)\n\n    classNameMap.set(slotKey, { className, slot })\n\n    return function (\n      initialProps?: InitialProps<R>,\n      ...superProps: SuperWithoutThemeProps<R, M, T>[]\n    ) {\n      return withDisplayName<H, R>((props) => {\n        const computedProps = isFunction(initialProps)\n          ? initialProps(props)\n          : mergeProps(initialProps ?? {}, props)()\n        const [context, mergedProps] = useRootComponentProps(\n          computedProps,\n          slot,\n          {\n            className,\n            withContext,\n            transferProps,\n          },\n        )\n        const rest = chainProps<any>(...superProps)()(mergedProps)\n\n        return (\n          <StyleContext value={context}>\n            <ProxyComponent {...rest} />\n          </StyleContext>\n        )\n      }, displayName)\n    }\n  }\n\n  function withContext<\n    H extends AsWithFragment = \"div\",\n    R extends Dict = H extends DOMElement ? HTMLStyledProps<H> : Dict,\n  >(\n    el: FC<R> | H,\n    slot?: ComponentSlot<ComponentSlotName<M>>,\n    {\n      name,\n      className,\n      withContext,\n      ...options\n    }: Omit<ComponentWithContextOptions, \"transferProps\"> = {},\n  ) {\n    const ProxyComponent = createProxyComponent(el, options)\n    const slotKey = getSlotKey(slot)\n    const slotName = getSlotName(slot)\n    const displayName = getDisplayName(name, `${rootDisplayName}${slotName}`)\n\n    classNameMap.set(slotKey, { className, slot })\n\n    return function (\n      initialProps?: InitialProps<R>,\n      ...superProps: SuperProps<R>[]\n    ) {\n      return withDisplayName<H, R>((props) => {\n        const computedProps = isFunction(initialProps)\n          ? initialProps(props)\n          : mergeProps(initialProps ?? {}, props)()\n        const mergedProps = useSlotComponentProps(computedProps, slot, {\n          className,\n          withContext,\n        })\n        const rest = chainProps(...superProps)()(mergedProps)\n\n        return <ProxyComponent {...rest} />\n      }, displayName)\n    }\n  }\n\n  return {\n    component,\n    ComponentContext,\n    PropsContext,\n    StyleContext,\n    useClassNames,\n    useComponentContext,\n    usePropsContext,\n    useStyleContext,\n    withContext,\n    withProvider,\n    useRootComponentProps,\n    useSlotComponentProps,\n  }\n}\n"],"mappings":"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"}

package/dist/esm/core/components/props.js.map

@@ -1 +1 @@
-{"version":3,"file":"props.js","names":[],"sources":["../../../../src/core/components/props.ts"],"sourcesContent":["import type { Dict, Merge } from \"../../utils\"\nimport { useMemo } from \"react\"\nimport isEqual from \"react-fast-compare\"\nimport {\n  cx,\n  handlerAll,\n  isArray,\n  isEmptyObject,\n  isFunction,\n  isObject,\n  isUndefined,\n  merge,\n  mergeRefs,\n  omitObject,\n  splitObject,\n} from \"../../utils\"\nimport { conditionProperties, styleProperties } from \"../css\"\n\ntype Optionalize<Y> = [Extract<Y, undefined>] extends [never]\n  ? Y\n  : Partial<Exclude<Y, undefined>>\n\ntype MergeAll<Y extends (Dict | undefined)[]> = Y extends [infer M]\n  ? Optionalize<M>\n  : Y extends [infer D, ...infer H]\n    ? H extends (Dict | undefined)[]\n      ? Merge<Optionalize<D>, MergeAll<H>>\n      : Optionalize<D>\n    : never\n\nfunction isEvent(key: string) {\n  return /^on[A-Z]/.test(key)\n}\n\nexport const cssProps = new Set<string>([\n  ...conditionProperties,\n  ...styleProperties,\n])\n\nexport type ShouldForwardProp = (prop: string) => boolean\n\nexport function createShouldForwardProp(\n  forwardProps: string[] = [],\n): ShouldForwardProp {\n  return function (prop: string): boolean {\n    if (forwardProps.includes(prop)) return true\n\n    if (prop.startsWith(\"--\")) return false\n\n    return !cssProps.has(prop)\n  }\n}\n\ninterface MergePropsOptions {\n  mergeClassName?: boolean\n  mergeCSS?: boolean\n  mergeEvent?: boolean\n  mergeRef?: boolean\n  mergeStyle?: boolean\n}\n\nexport function mergeProps<Y extends Dict>(\n  ...args: Y[]\n): (options?: MergePropsOptions) => Y\nexport function mergeProps<Y extends (Dict | undefined)[]>(\n  ...args: Y\n): (options?: MergePropsOptions) => MergeAll<Y>\nexport function mergeProps(...args: (Dict | undefined)[]) {\n  return function ({\n    mergeClassName = true,\n    mergeCSS = true,\n    mergeEvent = true,\n    mergeRef = true,\n    mergeStyle = true,\n  }: MergePropsOptions = {}) {\n    let result: Dict = {}\n\n    for (const props of args) {\n      if (isUndefined(props)) continue\n\n      for (const key in result) {\n        if (mergeRef && key === \"ref\") {\n          result[key] = mergeRefs(result[key], props[key])\n\n          continue\n        }\n\n        if (\n          mergeEvent &&\n          isEvent(key) &&\n          isFunction(result[key]) &&\n          isFunction(props[key])\n        ) {\n          result[key] = handlerAll(result[key], props[key])\n\n          continue\n        }\n\n        if (mergeClassName && (key === \"className\" || key === \"class\")) {\n          result[key] = cx(result[key], props[key])\n\n          continue\n        }\n\n        if (mergeStyle && key === \"style\") {\n          result[key] = merge(result[key] ?? {}, props[key] ?? {})\n\n          continue\n        }\n\n        if (mergeCSS && key === \"css\") {\n          if (isArray(result[key])) {\n            result[key].push(props[key])\n          } else {\n            result[key] ??= []\n\n            result[key] = [result[key], props[key]]\n          }\n\n          continue\n        }\n\n        result[key] = !isUndefined(props[key]) ? props[key] : result[key]\n      }\n\n      for (const key in props) {\n        if (isUndefined(result[key])) result[key] = props[key]\n      }\n    }\n\n    return result as any\n  }\n}\n\ntype CallbackProps<Y extends Dict = Dict> = (props: Y) => Y\n\ntype PropsOrCallback<Y extends Dict = Dict> = CallbackProps<Y> | Y\n\nexport function chainProps<Y extends Dict = Dict>(\n  ...props: PropsOrCallback<Y>[]\n) {\n  return function (options: MergePropsOptions = {}) {\n    if (!props.length) return (a: Y) => a\n\n    if (props.length === 1)\n      return function (b: Y) {\n        const a = props[0] ?? {}\n        const c = isFunction(a) ? a(b) : mergeProps(a, b)(options)\n\n        return c\n      } as CallbackProps<Y>\n\n    return props.reduce(function (a, b) {\n      return function (c: Y = {} as Y) {\n        const d = isFunction(a) ? a(c) : mergeProps(a, c)(options)\n        const f = isFunction(b) ? b(d) : mergeProps(b, d)(options)\n\n        return f\n      }\n    }) as CallbackProps<Y>\n  }\n}\n\nexport function isEqualProps<\n  Y extends Dict,\n  M extends Dict,\n  D extends keyof M | keyof Y,\n>(a: Y, b: M, omitKeys: D[] = []) {\n  return isEqual(\n    omitObject(a, omitKeys as (keyof Y)[]),\n    omitObject(b, omitKeys as (keyof M)[]),\n  )\n}\n\nexport function useSplitProps<Y extends Dict, M extends keyof Y>(\n  props: Y,\n  keys: M[] | readonly M[],\n) {\n  return useMemo(() => splitObject<Y, M>(props, keys), [props, keys])\n}\n\nexport function extractProps(props: Dict, keys: readonly string[] | string[]) {\n  let result: Dict = {}\n\n  Object.entries(props).forEach(([key, value]) => {\n    if (!cssProps.has(key)) return\n\n    if (keys.includes(key)) {\n      result = merge(result, { [key]: value })\n    } else if (isObject(value)) {\n      value = extractProps(value, keys)\n\n      if (isEmptyObject(value)) return\n\n      result = merge(result, { [key]: value })\n    }\n  })\n\n  return result\n}\n\nexport function useExtractProps(\n  props: Dict,\n  keys: readonly string[] | string[],\n) {\n  return useMemo(() => extractProps(props, keys), [props, keys])\n}\n"],"mappings":"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"}
+{"version":3,"file":"props.js","names":[],"sources":["../../../../src/core/components/props.ts"],"sourcesContent":["import type { Dict, Merge } from \"../../utils\"\nimport { useMemo } from \"react\"\nimport isEqual from \"react-fast-compare\"\nimport {\n  cx,\n  handlerAll,\n  isArray,\n  isEmptyObject,\n  isFunction,\n  isObject,\n  isUndefined,\n  merge,\n  mergeRefs,\n  omitObject,\n  splitObject,\n} from \"../../utils\"\nimport { conditionProperties, styleProperties } from \"../css\"\n\ntype Optionalize<Y> = [Extract<Y, undefined>] extends [never]\n  ? Y\n  : Partial<Exclude<Y, undefined>>\n\ntype MergeAll<Y extends (Dict | undefined)[]> = Y extends [infer M]\n  ? Optionalize<M>\n  : Y extends [infer D, ...infer H]\n    ? H extends (Dict | undefined)[]\n      ? Merge<Optionalize<D>, MergeAll<H>>\n      : Optionalize<D>\n    : never\n\nfunction isEvent(key: string) {\n  return /^on[A-Z]/.test(key)\n}\n\nexport const cssProps = new Set<string>([\n  ...conditionProperties,\n  ...styleProperties,\n])\n\nexport type ShouldForwardProp = (prop: string) => boolean\n\nexport function createShouldForwardProp(\n  forwardProps: string[] = [],\n): ShouldForwardProp {\n  return function (prop: string): boolean {\n    if (forwardProps.includes(prop)) return true\n\n    if (prop.startsWith(\"--\")) return false\n\n    return !cssProps.has(prop)\n  }\n}\n\ninterface MergePropsOptions {\n  mergeClassName?: boolean\n  mergeCSS?: boolean\n  mergeEvent?: boolean\n  mergeRef?: boolean\n  mergeStyle?: boolean\n}\n\nexport function mergeProps<Y extends Dict>(\n  ...args: Y[]\n): (options?: MergePropsOptions) => Y\nexport function mergeProps<Y extends (Dict | undefined)[]>(\n  ...args: Y\n): (options?: MergePropsOptions) => MergeAll<Y>\nexport function mergeProps(...args: (Dict | undefined)[]) {\n  return function ({\n    mergeClassName = true,\n    mergeCSS = true,\n    mergeEvent = true,\n    mergeRef = true,\n    mergeStyle = true,\n  }: MergePropsOptions = {}) {\n    let result: Dict = {}\n\n    for (const props of args) {\n      if (isUndefined(props)) continue\n\n      for (const key in result) {\n        if (mergeRef && key === \"ref\") {\n          result[key] = mergeRefs(result[key], props[key])\n\n          continue\n        }\n\n        if (\n          mergeEvent &&\n          isEvent(key) &&\n          isFunction(result[key]) &&\n          isFunction(props[key])\n        ) {\n          result[key] = handlerAll(result[key], props[key])\n\n          continue\n        }\n\n        if (mergeClassName && (key === \"className\" || key === \"class\")) {\n          result[key] = cx(result[key], props[key])\n\n          continue\n        }\n\n        if (mergeStyle && key === \"style\") {\n          result[key] = merge(result[key] ?? {}, props[key] ?? {})\n\n          continue\n        }\n\n        if (mergeCSS && key === \"css\") {\n          if (isArray(result[key])) {\n            result[key].push(props[key])\n          } else {\n            result[key] ??= []\n\n            result[key] = [result[key], props[key]]\n          }\n\n          continue\n        }\n\n        result[key] = !isUndefined(props[key]) ? props[key] : result[key]\n      }\n\n      for (const key in props) {\n        if (isUndefined(result[key])) result[key] = props[key]\n      }\n    }\n\n    return result as any\n  }\n}\n\ntype CallbackProps<Y extends Dict = Dict> = (props: Y) => Y\n\ntype PropsOrCallback<Y extends Dict = Dict> = CallbackProps<Y> | Y\n\nexport function chainProps<Y extends Dict = Dict>(\n  ...props: PropsOrCallback<Y>[]\n) {\n  return function (options: MergePropsOptions = {}) {\n    if (!props.length) return (a: Y) => a\n\n    if (props.length === 1)\n      return function (b: Y) {\n        const a = props[0] ?? {}\n        const c = isFunction(a) ? a(b) : mergeProps(a, b)(options)\n\n        return c\n      } as CallbackProps<Y>\n\n    return props.reduce(function (a, b) {\n      return function (c: Y = {} as Y) {\n        const d = isFunction(a) ? a(c) : mergeProps(a, c)(options)\n        const f = isFunction(b) ? b(d) : mergeProps(b, d)(options)\n\n        return f\n      }\n    }) as CallbackProps<Y>\n  }\n}\n\nexport function isEqualProps<\n  Y extends Dict,\n  M extends Dict,\n  D extends keyof M | keyof Y,\n>(a: Y, b: M, omitKeys: D[] = []) {\n  return isEqual(\n    omitObject(a, omitKeys as (keyof Y)[]),\n    omitObject(b, omitKeys as (keyof M)[]),\n  )\n}\n\nexport function useSplitProps<Y extends Dict, M extends keyof Y>(\n  props: Y,\n  keys: M[] | readonly M[],\n) {\n  return useMemo(() => splitObject<Y, M>(props, keys), [props, keys])\n}\n\nexport function extractProps(props: Dict, keys: readonly string[] | string[]) {\n  let result: Dict = {}\n\n  Object.entries(props).forEach(([key, value]) => {\n    if (!cssProps.has(key)) return\n\n    if (keys.includes(key)) {\n      result = merge(result, { [key]: value })\n    } else if (isObject(value)) {\n      value = extractProps(value, keys)\n\n      if (isEmptyObject(value)) return\n\n      result = merge(result, { [key]: value })\n    }\n  })\n\n  return result\n}\n\nexport function useExtractProps(\n  props: Dict,\n  keys: readonly string[] | string[],\n) {\n  return useMemo(() => extractProps(props, keys), [props, keys])\n}\n"],"mappings":"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"}

package/dist/esm/core/components/use-component-style.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-component-style.js","names":[],"sources":["../../../../src/core/components/use-component-style.ts"],"sourcesContent":["\"use client\"\n\nimport type { Dict } from \"../../utils\"\nimport type {\n  ColorModeArray,\n  CSSModifierObject,\n  CSSObject,\n  CSSPropObject,\n  CSSSlotObject,\n  ResponsiveWithConditionObject,\n  StyleValueWithCondition,\n} from \"../css\"\nimport type {\n  Breakpoints,\n  ComponentCompound,\n  ComponentSlotStyle,\n  ComponentStyle,\n  Layers,\n  LayerScheme,\n  ThemeProps,\n  WithoutThemeProps,\n} from \"../system\"\nimport type { ComponentSlot, ComponentSlotName } from \"./create-component\"\nimport type { HTMLStyledProps } from \"./index.types\"\nimport { useRef } from \"react\"\nimport {\n  bem,\n  cx,\n  filterEmpty,\n  isArray,\n  isBooleanish,\n  isEmptyObject,\n  isObject,\n  isRegExp,\n  isUndefined,\n  merge,\n  omitObject,\n  toArray,\n  toKebabCase,\n} from \"../../utils\"\nimport { conditions, getCondition, mergeCSS } from \"../css\"\nimport { useColorSchemeContext, useSystem } from \"../system\"\nimport { isEqualProps } from \"./props\"\n\ntype Style<Y extends boolean = false> = Y extends false\n  ? CSSObject\n  : CSSSlotObject\n\ntype MergedStyle = CSSModifierObject | CSSModifierObject<CSSSlotObject>\n\ninterface GetStyleOptions\n  extends Partial<Breakpoints>, Pick<Partial<Layers>, \"wrap\"> {\n  hasSlot?: boolean\n  modifier?: string\n  name?: string\n  selectors?: (string | undefined)[]\n  value?: string\n}\n\nfunction getSelectorStyle<Y extends Dict = Dict>(\n  selectors: (string | undefined)[],\n  style: Y,\n) {\n  return selectors.reduceRight<Dict>(\n    (prev, key) => (key ? { [key]: prev } : prev),\n    style,\n  ) as Y\n}\n\nfunction getStyle<Y extends boolean = false>(\n  style: CSSObject | CSSSlotObject | undefined,\n) {\n  return function ({\n    name: rootName,\n    hasSlot = false,\n    modifier,\n    selectors = [],\n    value,\n  }: GetStyleOptions): Style<Y> | undefined {\n    if (!style || isEmptyObject(style)) return\n\n    if (hasSlot) {\n      return Object.fromEntries(\n        Object.entries(style as CSSSlotObject).map(([name, style]) => {\n          if (selectors.length) {\n            if (value && modifier)\n              style = {\n                [`--${rootName}-${name}-${modifier}`]: `\"${value}\"`,\n                ...style,\n              } as CSSObject\n\n            return [name, getSelectorStyle(selectors, style ?? {})]\n          } else {\n            if (value && modifier)\n              style = {\n                [`--${rootName}-${name}-${modifier}`]: `\"${value}\"`,\n                ...style,\n              } as CSSObject\n\n            return [name, style]\n          }\n        }),\n      ) as Style<Y>\n    } else if (selectors.length) {\n      if (value && modifier)\n        style = {\n          [`--${rootName}-${modifier}`]: `\"${value}\"`,\n          ...style,\n        } as CSSObject\n\n      return getSelectorStyle(selectors, style) as Style<Y>\n    } else {\n      if (value && modifier)\n        style = {\n          [`--${rootName}-${modifier}`]: `\"${value}\"`,\n          ...style,\n        } as CSSObject\n\n      return style as Style<Y>\n    }\n  }\n}\n\nfunction getColorModeStyle<Y extends boolean = false>(\n  value: ColorModeArray<string>,\n  mergedStyle: MergedStyle,\n) {\n  return function ({ selectors = [], ...rest }: GetStyleOptions) {\n    const [lightValue, darkValue] = value\n\n    const lightStyle = getModifierStyle<Y>(\n      lightValue,\n      mergedStyle,\n    )({ ...rest, selectors })\n\n    const darkStyle = getModifierStyle<Y>(\n      darkValue,\n      mergedStyle,\n    )({ ...rest, selectors: [...selectors, conditions._dark] })\n\n    return merge(lightStyle, darkStyle)\n  }\n}\n\nfunction getConditionStyle<Y extends boolean = false>(\n  value: ResponsiveWithConditionObject<string>,\n  mergedStyle: MergedStyle,\n) {\n  return function (options: GetStyleOptions) {\n    const { isResponsiveKey, queries = [], selectors = [] } = options\n    const conditionalKeys = Object.keys(value).filter(\n      (key) => !isResponsiveKey?.(key),\n    )\n\n    const breakpointObj = queries.reduce<Style<Y>>(\n      (prev, { breakpoint, query }) => {\n        if (!isUndefined(value[breakpoint])) {\n          prev = merge(\n            prev,\n            getModifierStyle<Y>(\n              value[breakpoint],\n              mergedStyle,\n            )({ ...options, selectors: [...selectors, query] }),\n          )\n        }\n\n        return prev\n      },\n      {},\n    )\n\n    const additionalObj = conditionalKeys.reduce<Style<Y>>((prev, key) => {\n      prev = merge(\n        prev,\n        getModifierStyle<Y>(\n          value[key as keyof typeof value],\n          mergedStyle,\n        )({ ...options, selectors: [...selectors, getCondition(key)] }),\n      )\n\n      return prev\n    }, {})\n\n    return merge(breakpointObj, additionalObj)\n  }\n}\n\nfunction getModifierStyle<Y extends boolean = false>(\n  value: StyleValueWithCondition<string> | undefined,\n  mergedStyle: MergedStyle,\n) {\n  return function (options: GetStyleOptions): Style<Y> | undefined {\n    let style: Style<Y> | undefined = undefined\n\n    if (!value) return style\n\n    if (isArray(value)) {\n      style = getColorModeStyle<Y>(value, mergedStyle)(options)\n    } else if (isObject(value)) {\n      style = getConditionStyle<Y>(value, mergedStyle)(options)\n    } else {\n      style = getStyle<Y>(mergedStyle[value])({ ...options, value })\n    }\n\n    return style\n  }\n}\n\nfunction getPropStyle<Y extends boolean = false>(\n  props: Dict,\n  propVariants: CSSPropObject | CSSPropObject<CSSSlotObject>,\n  style: Style<Y> | undefined = {},\n) {\n  const variants = Object.entries(propVariants)\n\n  return function (options: GetStyleOptions) {\n    if (!variants.length) return style\n\n    variants.forEach(([modifier, variants]) => {\n      const value = props[modifier as keyof typeof props]\n\n      if (value) {\n        const propStyle = getModifierStyle<Y>(\n          value,\n          variants,\n        )({ modifier, value, ...options })\n\n        if (propStyle)\n          style = merge(style, wrapStyle<Y>(\"props\", propStyle)(options))\n      } else {\n        const boolean = Object.keys(variants).every((key) => isBooleanish(key))\n\n        if (boolean) {\n          const propStyle = getModifierStyle<Y>(\n            \"false\",\n            variants,\n          )({ modifier, value: \"true\", ...options })\n\n          if (propStyle)\n            style = merge(style, wrapStyle<Y>(\"props\", propStyle)(options))\n        }\n      }\n    })\n\n    return style\n  }\n}\n\nfunction getCompoundStyle<Y extends boolean = false>(\n  props: Dict,\n  compounds: ComponentCompound<CSSSlotObject>[] | ComponentCompound[],\n  style: Style<Y> | undefined = {},\n) {\n  return function (options: GetStyleOptions) {\n    if (!compounds.length) return style\n\n    compounds.forEach(({ css, layer, ...rest }) => {\n      const conditions = Object.entries(rest)\n\n      if (!conditions.length) return\n\n      const apply = conditions.every(([key, value]) =>\n        isArray(value)\n          ? value.includes(props[key])\n          : isRegExp(value)\n            ? value.test(props[key])\n            : props[key] === value,\n      )\n\n      if (!apply) return\n\n      style = merge(\n        style,\n        wrapStyle<Y>(layer ?? \"compounds\", css as Style<Y>)(options),\n      )\n    })\n\n    return style\n  }\n}\n\nexport function getSlotClassName<Y extends string>(\n  className?: string,\n  slot?: ComponentSlot<Y>,\n) {\n  if (!className || !slot) return className\n\n  if (isArray(slot)) {\n    const [element, modifier] = slot.map((value) =>\n      toKebabCase(value as string),\n    )\n\n    return cx(bem(className, element), bem(className, element, modifier))\n  } else if (isObject(slot)) {\n    const slotArray = toArray(slot.slot)\n    const [element, modifier] = slotArray.map((value) =>\n      toKebabCase(value as string),\n    )\n\n    return cx(bem(className, element), bem(className, element, modifier))\n  } else {\n    return bem(className, toKebabCase(slot as string))\n  }\n}\n\nexport function mergeSlotCSS<Y extends string>(\n  slot?: ComponentSlot<Y>,\n  style?: CSSSlotObject<Y>,\n  css?: CSSObject | CSSObject[],\n): CSSObject | CSSObject[] | undefined {\n  if (!style || !slot) return css\n\n  const temp: (CSSObject | undefined)[] = []\n\n  if (isArray(slot)) {\n    temp.push(...slot.map((slot) => style[slot]))\n  } else if (isObject(slot)) {\n    if (isArray(slot.slot)) {\n      temp.push(...slot.slot.map((slot) => style[slot]))\n    } else {\n      temp.push(style[slot.slot])\n    }\n  } else {\n    temp.push(style[slot])\n  }\n\n  if (css) temp.push(...toArray(css))\n\n  const result = filterEmpty(temp)\n\n  return result.length ? result : undefined\n}\n\nfunction omitThemeProps<\n  Y extends Dict = Dict,\n  M extends ComponentSlotStyle | ComponentStyle = ComponentStyle,\n  D extends keyof Y = keyof Y,\n>(props: Y, omitKeys: string[] = [], transferProps?: D[]) {\n  if (transferProps)\n    omitKeys = omitKeys.filter((key) => !transferProps.includes(key as D))\n\n  return omitObject(props, omitKeys) as unknown as WithoutThemeProps<Y, M, D>\n}\n\nfunction wrapStyle<Y extends boolean = false>(\n  layer: LayerScheme,\n  style?: Style<Y>,\n) {\n  return function ({ hasSlot, wrap }: GetStyleOptions) {\n    if (hasSlot) {\n      if (!style) return undefined\n\n      return Object.fromEntries(\n        Object.entries(style).map(([slot, style]) => [\n          slot,\n          wrap?.(layer, style) ?? style,\n        ]),\n      )\n    } else {\n      return wrap?.(layer, style) ?? style\n    }\n  }\n}\n\nfunction getHasAtRuleStyle(css?: CSSObject | CSSObject[]) {\n  return (getAtRule?: Layers[\"getAtRule\"]) => {\n    let hasVariant = false\n    let hasSize = false\n\n    if (!css || !getAtRule) return { hasSize, hasVariant }\n\n    const variantAtRule = getAtRule(\"variant\")\n    const sizeAtRule = getAtRule(\"size\")\n\n    css = toArray(css)\n\n    css.forEach((css) => {\n      const keys = Object.keys(css)\n\n      if (keys.includes(variantAtRule)) hasVariant = true\n      if (keys.includes(sizeAtRule)) hasSize = true\n    })\n\n    return { hasSize, hasVariant }\n  }\n}\n\nfunction mergeDefaultProps<\n  Y extends ComponentSlotStyle | ComponentStyle = ComponentStyle,\n  M extends Dict = Dict,\n>(defaultProps: Y[\"defaultProps\"], props: M) {\n  return Object.entries(defaultProps ?? {}).reduce<Dict>(\n    (prev, [key, value]) => {\n      prev[key] ??= value\n\n      return prev\n    },\n    props,\n  ) as M\n}\n\ninterface UseStyleOptions<\n  Y extends Dict = Dict,\n  M extends ComponentSlotStyle | ComponentStyle = ComponentStyle,\n  D extends keyof Y = keyof Y,\n  H extends boolean = false,\n> {\n  className?: string\n  hasSlot?: H\n  name?: string\n  slot?: ComponentSlot<ComponentSlotName<M>>\n  style?: M\n  transferProps?: D[]\n}\n\nfunction useStyle<\n  Y extends HTMLStyledProps & ThemeProps<{}> = Dict,\n  M extends ComponentSlotStyle | ComponentStyle = ComponentStyle,\n  D extends keyof Y = keyof Y,\n  H extends boolean = false,\n>(\n  props: Y,\n  {\n    name,\n    className: defaultClassName,\n    style: componentStyle,\n    hasSlot,\n    slot,\n    transferProps,\n  }: UseStyleOptions<Y, M, D, H> = {},\n): [Style<H>, WithoutThemeProps<Y, M, D>] {\n  const system = useSystem()\n  const { getAtRule, wrap } = system.layers\n  const rootColorScheme = useColorSchemeContext()\n  const options = { ...system.breakpoints, name, hasSlot, wrap }\n\n  const propsRef = useRef<Dict>({})\n  const mergedPropsRef = useRef<Dict>({})\n  const styleRef = useRef<Style<H> | undefined>(undefined)\n\n  const hasComponentStyle =\n    componentStyle && !!Object.keys(componentStyle).length\n\n  if (hasComponentStyle) {\n    const {\n      className: customClassName,\n      base,\n      compounds,\n      props: propVariants,\n      sizes,\n      variants,\n      defaultProps: { colorScheme: defaultColorScheme, ...defaultProps } = {},\n    } = componentStyle\n\n    const colorScheme =\n      props.colorScheme ?? rootColorScheme ?? defaultColorScheme\n\n    const className = cx(defaultClassName ?? customClassName, props.className)\n    const mergedProps = {\n      ...mergeDefaultProps(defaultProps, props),\n      className,\n      colorScheme,\n    }\n    const omitProps = Object.keys(propVariants ?? {})\n    const { size, variant } = mergedProps\n\n    if (variants) omitProps.push(\"variant\")\n    if (sizes) omitProps.push(\"size\")\n\n    const computedProps = omitThemeProps(\n      mergedProps,\n      omitProps,\n      transferProps,\n    ) as Y\n\n    if (\n      !isEqualProps(mergedPropsRef.current, mergedProps, [\"css\", \"children\"])\n    ) {\n      const { hasSize, hasVariant } = getHasAtRuleStyle(props.css)(getAtRule)\n\n      let style: Style<H> = {}\n\n      if (base) {\n        const baseStyle = getStyle<H>(base)(options)\n\n        style = merge(style, wrapStyle<H>(\"base\", baseStyle)(options))\n      }\n\n      if (sizes && !hasSize) {\n        const sizeStyle = merge(\n          sizes.base,\n          getModifierStyle<H>(size, sizes)({ modifier: \"size\", ...options }),\n        )\n\n        style = merge(style, wrapStyle<H>(\"size\", sizeStyle)(options))\n      }\n\n      if (variants && !hasVariant) {\n        const variantStyle = merge(\n          variants.base,\n          getModifierStyle<H>(\n            variant,\n            variants,\n          )({ modifier: \"variant\", ...options }),\n        )\n\n        style = merge(style, wrapStyle<H>(\"variant\", variantStyle)(options))\n      }\n\n      if (propVariants)\n        style = getPropStyle<H>(mergedProps, propVariants, style)(options)\n\n      if (compounds)\n        style = getCompoundStyle<H>(mergedProps, compounds, style)(options)\n\n      styleRef.current = style\n\n      if (hasSlot) {\n        computedProps.css = mergeSlotCSS<ComponentSlotName<M>>(\n          slot,\n          style as CSSSlotObject,\n          computedProps.css,\n        )\n      } else {\n        computedProps.css = mergeCSS(style as CSSObject, computedProps.css)\n      }\n    } else {\n      computedProps.css = propsRef.current.css\n    }\n\n    mergedPropsRef.current = mergedProps\n\n    if (!isEqualProps(propsRef.current, computedProps))\n      propsRef.current = computedProps\n  } else {\n    const className = cx(defaultClassName, props.className)\n\n    if (className) props.className = className\n\n    if (!isEqualProps(propsRef.current, props))\n      propsRef.current = props as unknown as WithoutThemeProps<Y, M, D>\n  }\n\n  return [\n    styleRef.current ?? {},\n    propsRef.current as WithoutThemeProps<Y, M, D>,\n  ]\n}\n\nexport interface UseComponentStyleOptions<\n  Y extends Dict = Dict,\n  M extends ComponentSlotStyle | ComponentStyle = ComponentStyle,\n  D extends keyof Y = keyof Y,\n> extends Omit<UseStyleOptions<Y, M, D>, \"hasSlot\" | \"slot\"> {}\n\nexport function useComponentStyle<\n  Y extends Dict = Dict,\n  M extends ComponentStyle = ComponentStyle,\n  D extends keyof Y = keyof Y,\n>(props: Y, options: UseComponentStyleOptions<Y, M, D> = {}) {\n  return useStyle<Y, M, D>(props, options)\n}\n\nexport interface UseComponentSlotStyleOptions<\n  Y extends Dict = Dict,\n  M extends ComponentSlotStyle | ComponentStyle = ComponentStyle,\n  D extends keyof Y = keyof Y,\n> extends Omit<UseStyleOptions<Y, M, D, true>, \"hasSlot\"> {}\n\nexport function useComponentSlotStyle<\n  Y extends Dict = Dict,\n  M extends ComponentSlotStyle = ComponentSlotStyle,\n  D extends keyof Y = keyof Y,\n>(props: Y, options: UseComponentSlotStyleOptions<Y, M, D> = {}) {\n  return useStyle<Y, M, D, true>(props, { ...options, hasSlot: true })\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-component-style.js","names":[],"sources":["../../../../src/core/components/use-component-style.ts"],"sourcesContent":["\"use client\"\n\nimport type { Dict } from \"../../utils\"\nimport type {\n  ColorModeArray,\n  CSSModifierObject,\n  CSSObject,\n  CSSPropObject,\n  CSSSlotObject,\n  ResponsiveWithConditionObject,\n  StyleValueWithCondition,\n} from \"../css\"\nimport type {\n  Breakpoints,\n  ComponentCompound,\n  ComponentSlotStyle,\n  ComponentStyle,\n  Layers,\n  LayerScheme,\n  ThemeProps,\n  WithoutThemeProps,\n} from \"../system\"\nimport type { ComponentSlot, ComponentSlotName } from \"./create-component\"\nimport type { HTMLStyledProps } from \"./index.types\"\nimport { useRef } from \"react\"\nimport {\n  bem,\n  cx,\n  filterEmpty,\n  isArray,\n  isBooleanish,\n  isEmptyObject,\n  isObject,\n  isRegExp,\n  isUndefined,\n  merge,\n  omitObject,\n  toArray,\n  toKebabCase,\n} from \"../../utils\"\nimport { conditions, getCondition, mergeCSS } from \"../css\"\nimport { useColorSchemeContext, useSystem } from \"../system\"\nimport { isEqualProps } from \"./props\"\n\ntype Style<Y extends boolean = false> = Y extends false\n  ? CSSObject\n  : CSSSlotObject\n\ntype MergedStyle = CSSModifierObject | CSSModifierObject<CSSSlotObject>\n\ninterface GetStyleOptions\n  extends Partial<Breakpoints>, Pick<Partial<Layers>, \"wrap\"> {\n  hasSlot?: boolean\n  modifier?: string\n  name?: string\n  selectors?: (string | undefined)[]\n  value?: string\n}\n\nfunction getSelectorStyle<Y extends Dict = Dict>(\n  selectors: (string | undefined)[],\n  style: Y,\n) {\n  return selectors.reduceRight<Dict>(\n    (prev, key) => (key ? { [key]: prev } : prev),\n    style,\n  ) as Y\n}\n\nfunction getStyle<Y extends boolean = false>(\n  style: CSSObject | CSSSlotObject | undefined,\n) {\n  return function ({\n    name: rootName,\n    hasSlot = false,\n    modifier,\n    selectors = [],\n    value,\n  }: GetStyleOptions): Style<Y> | undefined {\n    if (!style || isEmptyObject(style)) return\n\n    if (hasSlot) {\n      return Object.fromEntries(\n        Object.entries(style as CSSSlotObject).map(([name, style]) => {\n          if (selectors.length) {\n            if (value && modifier)\n              style = {\n                [`--${rootName}-${name}-${modifier}`]: `\"${value}\"`,\n                ...style,\n              } as CSSObject\n\n            return [name, getSelectorStyle(selectors, style ?? {})]\n          } else {\n            if (value && modifier)\n              style = {\n                [`--${rootName}-${name}-${modifier}`]: `\"${value}\"`,\n                ...style,\n              } as CSSObject\n\n            return [name, style]\n          }\n        }),\n      ) as Style<Y>\n    } else if (selectors.length) {\n      if (value && modifier)\n        style = {\n          [`--${rootName}-${modifier}`]: `\"${value}\"`,\n          ...style,\n        } as CSSObject\n\n      return getSelectorStyle(selectors, style) as Style<Y>\n    } else {\n      if (value && modifier)\n        style = {\n          [`--${rootName}-${modifier}`]: `\"${value}\"`,\n          ...style,\n        } as CSSObject\n\n      return style as Style<Y>\n    }\n  }\n}\n\nfunction getColorModeStyle<Y extends boolean = false>(\n  value: ColorModeArray<string>,\n  mergedStyle: MergedStyle,\n) {\n  return function ({ selectors = [], ...rest }: GetStyleOptions) {\n    const [lightValue, darkValue] = value\n\n    const lightStyle = getModifierStyle<Y>(\n      lightValue,\n      mergedStyle,\n    )({ ...rest, selectors })\n\n    const darkStyle = getModifierStyle<Y>(\n      darkValue,\n      mergedStyle,\n    )({ ...rest, selectors: [...selectors, conditions._dark] })\n\n    return merge(lightStyle, darkStyle)\n  }\n}\n\nfunction getConditionStyle<Y extends boolean = false>(\n  value: ResponsiveWithConditionObject<string>,\n  mergedStyle: MergedStyle,\n) {\n  return function (options: GetStyleOptions) {\n    const { isResponsiveKey, queries = [], selectors = [] } = options\n    const conditionalKeys = Object.keys(value).filter(\n      (key) => !isResponsiveKey?.(key),\n    )\n\n    const breakpointObj = queries.reduce<Style<Y>>(\n      (prev, { breakpoint, query }) => {\n        if (!isUndefined(value[breakpoint])) {\n          prev = merge(\n            prev,\n            getModifierStyle<Y>(\n              value[breakpoint],\n              mergedStyle,\n            )({ ...options, selectors: [...selectors, query] }),\n          )\n        }\n\n        return prev\n      },\n      {},\n    )\n\n    const additionalObj = conditionalKeys.reduce<Style<Y>>((prev, key) => {\n      prev = merge(\n        prev,\n        getModifierStyle<Y>(\n          value[key as keyof typeof value],\n          mergedStyle,\n        )({ ...options, selectors: [...selectors, getCondition(key)] }),\n      )\n\n      return prev\n    }, {})\n\n    return merge(breakpointObj, additionalObj)\n  }\n}\n\nfunction getModifierStyle<Y extends boolean = false>(\n  value: StyleValueWithCondition<string> | undefined,\n  mergedStyle: MergedStyle,\n) {\n  return function (options: GetStyleOptions): Style<Y> | undefined {\n    let style: Style<Y> | undefined = undefined\n\n    if (!value) return style\n\n    if (isArray(value)) {\n      style = getColorModeStyle<Y>(value, mergedStyle)(options)\n    } else if (isObject(value)) {\n      style = getConditionStyle<Y>(value, mergedStyle)(options)\n    } else {\n      style = getStyle<Y>(mergedStyle[value])({ ...options, value })\n    }\n\n    return style\n  }\n}\n\nfunction getPropStyle<Y extends boolean = false>(\n  props: Dict,\n  propVariants: CSSPropObject | CSSPropObject<CSSSlotObject>,\n  style: Style<Y> | undefined = {},\n) {\n  const variants = Object.entries(propVariants)\n\n  return function (options: GetStyleOptions) {\n    if (!variants.length) return style\n\n    variants.forEach(([modifier, variants]) => {\n      const value = props[modifier as keyof typeof props]\n\n      if (value) {\n        const propStyle = getModifierStyle<Y>(\n          value,\n          variants,\n        )({ modifier, value, ...options })\n\n        if (propStyle)\n          style = merge(style, wrapStyle<Y>(\"props\", propStyle)(options))\n      } else {\n        const boolean = Object.keys(variants).every((key) => isBooleanish(key))\n\n        if (boolean) {\n          const propStyle = getModifierStyle<Y>(\n            \"false\",\n            variants,\n          )({ modifier, value: \"true\", ...options })\n\n          if (propStyle)\n            style = merge(style, wrapStyle<Y>(\"props\", propStyle)(options))\n        }\n      }\n    })\n\n    return style\n  }\n}\n\nfunction getCompoundStyle<Y extends boolean = false>(\n  props: Dict,\n  compounds: ComponentCompound<CSSSlotObject>[] | ComponentCompound[],\n  style: Style<Y> | undefined = {},\n) {\n  return function (options: GetStyleOptions) {\n    if (!compounds.length) return style\n\n    compounds.forEach(({ css, layer, ...rest }) => {\n      const conditions = Object.entries(rest)\n\n      if (!conditions.length) return\n\n      const apply = conditions.every(([key, value]) =>\n        isArray(value)\n          ? value.includes(props[key])\n          : isRegExp(value)\n            ? value.test(props[key])\n            : props[key] === value,\n      )\n\n      if (!apply) return\n\n      style = merge(\n        style,\n        wrapStyle<Y>(layer ?? \"compounds\", css as Style<Y>)(options),\n      )\n    })\n\n    return style\n  }\n}\n\nexport function getSlotClassName<Y extends string>(\n  className?: string,\n  slot?: ComponentSlot<Y>,\n) {\n  if (!className || !slot) return className\n\n  if (isArray(slot)) {\n    const [element, modifier] = slot.map((value) =>\n      toKebabCase(value as string),\n    )\n\n    return cx(bem(className, element), bem(className, element, modifier))\n  } else if (isObject(slot)) {\n    const slotArray = toArray(slot.slot)\n    const [element, modifier] = slotArray.map((value) =>\n      toKebabCase(value as string),\n    )\n\n    return cx(bem(className, element), bem(className, element, modifier))\n  } else {\n    return bem(className, toKebabCase(slot as string))\n  }\n}\n\nexport function mergeSlotCSS<Y extends string>(\n  slot?: ComponentSlot<Y>,\n  style?: CSSSlotObject<Y>,\n  css?: CSSObject | CSSObject[],\n): CSSObject | CSSObject[] | undefined {\n  if (!style || !slot) return css\n\n  const temp: (CSSObject | undefined)[] = []\n\n  if (isArray(slot)) {\n    temp.push(...slot.map((slot) => style[slot]))\n  } else if (isObject(slot)) {\n    if (isArray(slot.slot)) {\n      temp.push(...slot.slot.map((slot) => style[slot]))\n    } else {\n      temp.push(style[slot.slot])\n    }\n  } else {\n    temp.push(style[slot])\n  }\n\n  if (css) temp.push(...toArray(css))\n\n  const result = filterEmpty(temp)\n\n  return result.length ? result : undefined\n}\n\nfunction omitThemeProps<\n  Y extends Dict = Dict,\n  M extends ComponentSlotStyle | ComponentStyle = ComponentStyle,\n  D extends keyof Y = keyof Y,\n>(props: Y, omitKeys: string[] = [], transferProps?: D[]) {\n  if (transferProps)\n    omitKeys = omitKeys.filter((key) => !transferProps.includes(key as D))\n\n  return omitObject(props, omitKeys) as unknown as WithoutThemeProps<Y, M, D>\n}\n\nfunction wrapStyle<Y extends boolean = false>(\n  layer: LayerScheme,\n  style?: Style<Y>,\n) {\n  return function ({ hasSlot, wrap }: GetStyleOptions) {\n    if (hasSlot) {\n      if (!style) return undefined\n\n      return Object.fromEntries(\n        Object.entries(style).map(([slot, style]) => [\n          slot,\n          wrap?.(layer, style) ?? style,\n        ]),\n      )\n    } else {\n      return wrap?.(layer, style) ?? style\n    }\n  }\n}\n\nfunction getHasAtRuleStyle(css?: CSSObject | CSSObject[]) {\n  return (getAtRule?: Layers[\"getAtRule\"]) => {\n    let hasVariant = false\n    let hasSize = false\n\n    if (!css || !getAtRule) return { hasSize, hasVariant }\n\n    const variantAtRule = getAtRule(\"variant\")\n    const sizeAtRule = getAtRule(\"size\")\n\n    css = toArray(css)\n\n    css.forEach((css) => {\n      const keys = Object.keys(css)\n\n      if (keys.includes(variantAtRule)) hasVariant = true\n      if (keys.includes(sizeAtRule)) hasSize = true\n    })\n\n    return { hasSize, hasVariant }\n  }\n}\n\nfunction mergeDefaultProps<\n  Y extends ComponentSlotStyle | ComponentStyle = ComponentStyle,\n  M extends Dict = Dict,\n>(defaultProps: Y[\"defaultProps\"], props: M) {\n  return Object.entries(defaultProps ?? {}).reduce<Dict>(\n    (prev, [key, value]) => {\n      prev[key] ??= value\n\n      return prev\n    },\n    props,\n  ) as M\n}\n\ninterface UseStyleOptions<\n  Y extends Dict = Dict,\n  M extends ComponentSlotStyle | ComponentStyle = ComponentStyle,\n  D extends keyof Y = keyof Y,\n  H extends boolean = false,\n> {\n  className?: string\n  hasSlot?: H\n  name?: string\n  slot?: ComponentSlot<ComponentSlotName<M>>\n  style?: M\n  transferProps?: D[]\n}\n\nfunction useStyle<\n  Y extends HTMLStyledProps & ThemeProps<{}> = Dict,\n  M extends ComponentSlotStyle | ComponentStyle = ComponentStyle,\n  D extends keyof Y = keyof Y,\n  H extends boolean = false,\n>(\n  props: Y,\n  {\n    name,\n    className: defaultClassName,\n    style: componentStyle,\n    hasSlot,\n    slot,\n    transferProps,\n  }: UseStyleOptions<Y, M, D, H> = {},\n): [Style<H>, WithoutThemeProps<Y, M, D>] {\n  const system = useSystem()\n  const { getAtRule, wrap } = system.layers\n  const rootColorScheme = useColorSchemeContext()\n  const options = { ...system.breakpoints, name, hasSlot, wrap }\n\n  const propsRef = useRef<Dict>({})\n  const mergedPropsRef = useRef<Dict>({})\n  const styleRef = useRef<Style<H> | undefined>(undefined)\n\n  const hasComponentStyle =\n    componentStyle && !!Object.keys(componentStyle).length\n\n  if (hasComponentStyle) {\n    const {\n      className: customClassName,\n      base,\n      compounds,\n      props: propVariants,\n      sizes,\n      variants,\n      defaultProps: { colorScheme: defaultColorScheme, ...defaultProps } = {},\n    } = componentStyle\n\n    const colorScheme =\n      props.colorScheme ?? rootColorScheme ?? defaultColorScheme\n\n    const className = cx(defaultClassName ?? customClassName, props.className)\n    const mergedProps = {\n      ...mergeDefaultProps(defaultProps, props),\n      className,\n      colorScheme,\n    }\n    const omitProps = Object.keys(propVariants ?? {})\n    const { size, variant } = mergedProps\n\n    if (variants) omitProps.push(\"variant\")\n    if (sizes) omitProps.push(\"size\")\n\n    const computedProps = omitThemeProps(\n      mergedProps,\n      omitProps,\n      transferProps,\n    ) as Y\n\n    if (\n      !isEqualProps(mergedPropsRef.current, mergedProps, [\"css\", \"children\"])\n    ) {\n      const { hasSize, hasVariant } = getHasAtRuleStyle(props.css)(getAtRule)\n\n      let style: Style<H> = {}\n\n      if (base) {\n        const baseStyle = getStyle<H>(base)(options)\n\n        style = merge(style, wrapStyle<H>(\"base\", baseStyle)(options))\n      }\n\n      if (sizes && !hasSize) {\n        const sizeStyle = merge(\n          sizes.base,\n          getModifierStyle<H>(size, sizes)({ modifier: \"size\", ...options }),\n        )\n\n        style = merge(style, wrapStyle<H>(\"size\", sizeStyle)(options))\n      }\n\n      if (variants && !hasVariant) {\n        const variantStyle = merge(\n          variants.base,\n          getModifierStyle<H>(\n            variant,\n            variants,\n          )({ modifier: \"variant\", ...options }),\n        )\n\n        style = merge(style, wrapStyle<H>(\"variant\", variantStyle)(options))\n      }\n\n      if (propVariants)\n        style = getPropStyle<H>(mergedProps, propVariants, style)(options)\n\n      if (compounds)\n        style = getCompoundStyle<H>(mergedProps, compounds, style)(options)\n\n      styleRef.current = style\n\n      if (hasSlot) {\n        computedProps.css = mergeSlotCSS<ComponentSlotName<M>>(\n          slot,\n          style as CSSSlotObject,\n          computedProps.css,\n        )\n      } else {\n        computedProps.css = mergeCSS(style as CSSObject, computedProps.css)\n      }\n    } else {\n      computedProps.css = propsRef.current.css\n    }\n\n    mergedPropsRef.current = mergedProps\n\n    if (!isEqualProps(propsRef.current, computedProps))\n      propsRef.current = computedProps\n  } else {\n    const className = cx(defaultClassName, props.className)\n\n    if (className) props.className = className\n\n    if (!isEqualProps(propsRef.current, props))\n      propsRef.current = props as unknown as WithoutThemeProps<Y, M, D>\n  }\n\n  return [\n    styleRef.current ?? {},\n    propsRef.current as WithoutThemeProps<Y, M, D>,\n  ]\n}\n\nexport interface UseComponentStyleOptions<\n  Y extends Dict = Dict,\n  M extends ComponentSlotStyle | ComponentStyle = ComponentStyle,\n  D extends keyof Y = keyof Y,\n> extends Omit<UseStyleOptions<Y, M, D>, \"hasSlot\" | \"slot\"> {}\n\nexport function useComponentStyle<\n  Y extends Dict = Dict,\n  M extends ComponentStyle = ComponentStyle,\n  D extends keyof Y = keyof Y,\n>(props: Y, options: UseComponentStyleOptions<Y, M, D> = {}) {\n  return useStyle<Y, M, D>(props, options)\n}\n\nexport interface UseComponentSlotStyleOptions<\n  Y extends Dict = Dict,\n  M extends ComponentSlotStyle | ComponentStyle = ComponentStyle,\n  D extends keyof Y = keyof Y,\n> extends Omit<UseStyleOptions<Y, M, D, true>, \"hasSlot\"> {}\n\nexport function useComponentSlotStyle<\n  Y extends Dict = Dict,\n  M extends ComponentSlotStyle = ComponentSlotStyle,\n  D extends keyof Y = keyof Y,\n>(props: Y, options: UseComponentSlotStyleOptions<Y, M, D> = {}) {\n  return useStyle<Y, M, D, true>(props, { ...options, hasSlot: true })\n}\n"],"mappings":"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"}

package/dist/esm/core/components/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":[],"sources":["../../../../src/core/components/utils.ts"],"sourcesContent":["import type { System } from \"../system\"\nimport { toKebabCase, toPascalCase } from \"../../utils\"\n\nexport function getDisplayName(name: string, fallback?: string): string\nexport function getDisplayName(\n  name: string | undefined,\n  fallback: string,\n): string\nexport function getDisplayName(name: string, fallback: string): string\nexport function getDisplayName(\n  name: string | undefined,\n  fallback?: string,\n): string | undefined\nexport function getDisplayName(\n  name: string | undefined,\n  fallback = \"StyledComponent\",\n) {\n  return name ? toPascalCase(name.replace(/--|__/g, \"-\")) : fallback\n}\n\nexport function getClassName(\n  nameOrClassName: string,\n  fallback?: string,\n): { (system: System): string }\nexport function getClassName(\n  nameOrClassName: string | undefined,\n  fallback: string,\n): { (system: System): string }\nexport function getClassName(\n  nameOrClassName: string,\n  fallback: string,\n): { (system: System): string }\nexport function getClassName(\n  nameOrClassName?: string,\n  fallback?: string,\n): { (system: System): string | undefined }\nexport function getClassName(\n  nameOrClassName: string | undefined,\n  fallback?: string,\n) {\n  return function (system: System) {\n    return nameOrClassName\n      ? system.utils.getClassName(toKebabCase(nameOrClassName))\n      : fallback\n  }\n}\n"],"mappings":";;AAaA,SAAgB,eACd,MACA,WAAW,mBACX;CACA,OAAO,QAAA,GAAA,cAAA,cAAoB,KAAK,QAAQ,UAAU,IAAI,CAAC,GAAG;;AAmB5D,SAAgB,aACd,iBACA,UACA;CACA,OAAO,SAAU,QAAgB;EAC/B,OAAO,kBACH,OAAO,MAAM,cAAA,GAAA,cAAA,aAAyB,gBAAgB,CAAC,GACvD"}
+{"version":3,"file":"utils.js","names":[],"sources":["../../../../src/core/components/utils.ts"],"sourcesContent":["import type { System } from \"../system\"\nimport { toKebabCase, toPascalCase } from \"../../utils\"\n\nexport function getDisplayName(name: string, fallback?: string): string\nexport function getDisplayName(\n  name: string | undefined,\n  fallback: string,\n): string\nexport function getDisplayName(name: string, fallback: string): string\nexport function getDisplayName(\n  name: string | undefined,\n  fallback?: string,\n): string | undefined\nexport function getDisplayName(\n  name: string | undefined,\n  fallback = \"StyledComponent\",\n) {\n  return name ? toPascalCase(name.replace(/--|__/g, \"-\")) : fallback\n}\n\nexport function getClassName(\n  nameOrClassName: string,\n  fallback?: string,\n): { (system: System): string }\nexport function getClassName(\n  nameOrClassName: string | undefined,\n  fallback: string,\n): { (system: System): string }\nexport function getClassName(\n  nameOrClassName: string,\n  fallback: string,\n): { (system: System): string }\nexport function getClassName(\n  nameOrClassName?: string,\n  fallback?: string,\n): { (system: System): string | undefined }\nexport function getClassName(\n  nameOrClassName: string | undefined,\n  fallback?: string,\n) {\n  return function (system: System) {\n    return nameOrClassName\n      ? system.utils.getClassName(toKebabCase(nameOrClassName))\n      : fallback\n  }\n}\n"],"mappings":";;AAaA,SAAgB,eACd,MACA,WAAW,mBACX;CACA,OAAO,QAAA,GAAA,cAAA,cAAoB,KAAK,QAAQ,UAAU,GAAG,CAAC,IAAI;AAC5D;AAkBA,SAAgB,aACd,iBACA,UACA;CACA,OAAO,SAAU,QAAgB;EAC/B,OAAO,kBACH,OAAO,MAAM,cAAA,GAAA,cAAA,aAAyB,eAAe,CAAC,IACtD;CACN;AACF"}

package/dist/esm/core/constant.js.map

@@ -1 +1 @@
-{"version":3,"file":"constant.js","names":[],"sources":["../../../src/core/constant.ts"],"sourcesContent":["import type { LayersConfig } from \"./system\"\n\nexport const COLOR_MODE_STORAGE_KEY = \"color-mode\"\nexport const THEME_SCHEME_STORAGE_KEY = \"theme-scheme\"\n\nexport const DEFAULT_VAR_PREFIX = \"ui\"\nexport const DEFAULT_LOCALE = \"en-US\"\nexport const DEFAULT_DIRECTION = \"ltr\"\nexport const DEFAULT_LAYERS: LayersConfig = {\n  size: { name: \"size\", order: 4 },\n  variant: { name: \"variant\", order: 5 },\n  base: { name: \"base\", order: 3 },\n  compounds: { name: \"compounds\", order: 7 },\n  global: { name: \"global\", order: 2 },\n  props: { name: \"props\", order: 6 },\n  reset: { name: \"reset\", order: 1 },\n  tokens: { name: \"tokens\", order: 0 },\n}\n"],"mappings":";AAEA,MAAa,yBAAyB;AACtC,MAAa,2BAA2B;AAExC,MAAa,qBAAqB;AAClC,MAAa,iBAAiB;AAC9B,MAAa,oBAAoB;AACjC,MAAa,iBAA+B;CAC1C,MAAM;EAAE,MAAM;EAAQ,OAAO;EAAG;CAChC,SAAS;EAAE,MAAM;EAAW,OAAO;EAAG;CACtC,MAAM;EAAE,MAAM;EAAQ,OAAO;EAAG;CAChC,WAAW;EAAE,MAAM;EAAa,OAAO;EAAG;CAC1C,QAAQ;EAAE,MAAM;EAAU,OAAO;EAAG;CACpC,OAAO;EAAE,MAAM;EAAS,OAAO;EAAG;CAClC,OAAO;EAAE,MAAM;EAAS,OAAO;EAAG;CAClC,QAAQ;EAAE,MAAM;EAAU,OAAO;EAAG;CACrC"}
+{"version":3,"file":"constant.js","names":[],"sources":["../../../src/core/constant.ts"],"sourcesContent":["import type { LayersConfig } from \"./system\"\n\nexport const COLOR_MODE_STORAGE_KEY = \"color-mode\"\nexport const THEME_SCHEME_STORAGE_KEY = \"theme-scheme\"\n\nexport const DEFAULT_VAR_PREFIX = \"ui\"\nexport const DEFAULT_LOCALE = \"en-US\"\nexport const DEFAULT_DIRECTION = \"ltr\"\nexport const DEFAULT_LAYERS: LayersConfig = {\n  size: { name: \"size\", order: 4 },\n  variant: { name: \"variant\", order: 5 },\n  base: { name: \"base\", order: 3 },\n  compounds: { name: \"compounds\", order: 7 },\n  global: { name: \"global\", order: 2 },\n  props: { name: \"props\", order: 6 },\n  reset: { name: \"reset\", order: 1 },\n  tokens: { name: \"tokens\", order: 0 },\n}\n"],"mappings":";AAEA,MAAa,yBAAyB;AACtC,MAAa,2BAA2B;AAExC,MAAa,qBAAqB;AAClC,MAAa,iBAAiB;AAC9B,MAAa,oBAAoB;AACjC,MAAa,iBAA+B;CAC1C,MAAM;EAAE,MAAM;EAAQ,OAAO;CAAE;CAC/B,SAAS;EAAE,MAAM;EAAW,OAAO;CAAE;CACrC,MAAM;EAAE,MAAM;EAAQ,OAAO;CAAE;CAC/B,WAAW;EAAE,MAAM;EAAa,OAAO;CAAE;CACzC,QAAQ;EAAE,MAAM;EAAU,OAAO;CAAE;CACnC,OAAO;EAAE,MAAM;EAAS,OAAO;CAAE;CACjC,OAAO;EAAE,MAAM;EAAS,OAAO;CAAE;CACjC,QAAQ;EAAE,MAAM;EAAU,OAAO;CAAE;AACrC"}

package/dist/esm/core/css/animation.js.map

@@ -1 +1 @@
-{"version":3,"file":"animation.js","names":["emotionKeyframes","keyframes"],"sources":["../../../../src/core/css/animation.ts"],"sourcesContent":["\"use client\"\n\nimport type { Dict } from \"../../utils\"\nimport type { TransformOptions } from \"./utils\"\nimport { keyframes as emotionKeyframes } from \"@emotion/react\"\nimport { StyleSheet } from \"@emotion/sheet\"\nimport { createdDom, isObject } from \"../../utils\"\nimport { globalValues, tokenToVar } from \"./utils\"\n\nconst styleSheet = createdDom()\n  ? new StyleSheet({ key: \"css\", container: document.head })\n  : undefined\n\nfunction transformAnimationValue(value: Dict) {\n  return Object.entries(value).reduce<Dict>((prev, [key, value]) => {\n    if (key === \"keyframes\") {\n      prev._keyframes = value\n    } else if (key === \"duration\") {\n      prev.animationDuration = value\n    } else if (key === \"timingFunction\") {\n      prev.animationTimingFunction = value\n    } else {\n      prev[key] = value\n    }\n\n    return prev\n  }, {})\n}\n\nexport function injectKeyframes(value: any) {\n  const { name, styles } = emotionKeyframes(value)\n\n  styleSheet?.insert(styles)\n\n  return name\n}\n\nexport function animation(\n  value: any,\n  { css, system, theme }: TransformOptions,\n) {\n  if (value == null || globalValues.has(value)) return value\n\n  if (isObject(value)) {\n    const {\n      animationDuration = \"0s\",\n      animationName,\n      animationTimingFunction = \"ease\",\n      delay = \"0s\",\n      direction = \"normal\",\n      fillMode = \"none\",\n      iterationCount = \"1\",\n      playState = \"running\",\n    } = css?.(system, theme)(transformAnimationValue(value)) ?? {}\n\n    return `${animationName} ${animationDuration} ${animationTimingFunction} ${delay} ${iterationCount} ${direction} ${fillMode} ${playState}`\n  } else if (value.includes(\",\")) {\n    value = value\n      .split(\",\")\n      .map((value: string) => {\n        value = value.trim()\n\n        value = tokenToVar(system)(\"animations\", value)\n\n        return value\n      })\n      .join(\",\")\n\n    return value\n  } else {\n    value = tokenToVar(system)(\"animations\", value)\n\n    return value\n  }\n}\n\nexport function keyframes(\n  value: any,\n  { css, system, theme }: TransformOptions,\n) {\n  if (value == null) return value\n\n  if (isObject(value)) {\n    value = css?.(system, theme)(value)\n\n    const name = injectKeyframes(value)\n\n    return name\n  } else {\n    return value\n  }\n}\n"],"mappings":";;;;;;AASA,MAAM,cAAA,GAAA,cAAA,aAAyB,GAC3B,IAAI,WAAW;CAAE,KAAK;CAAO,WAAW,SAAS;CAAM,CAAC,GACxD,KAAA;AAEJ,SAAS,wBAAwB,OAAa;CAC5C,OAAO,OAAO,QAAQ,MAAM,CAAC,QAAc,MAAM,CAAC,KAAK,WAAW;EAChE,IAAI,QAAQ,aACV,KAAK,aAAa;OACb,IAAI,QAAQ,YACjB,KAAK,oBAAoB;OACpB,IAAI,QAAQ,kBACjB,KAAK,0BAA0B;OAE/B,KAAK,OAAO;EAGd,OAAO;IACN,EAAE,CAAC;;AAGR,SAAgB,gBAAgB,OAAY;CAC1C,MAAM,EAAE,MAAM,WAAWA,UAAiB,MAAM;CAEhD,YAAY,OAAO,OAAO;CAE1B,OAAO;;AAGT,SAAgB,UACd,OACA,EAAE,KAAK,QAAQ,SACf;CACA,IAAI,SAAS,QAAQ,aAAa,IAAI,MAAM,EAAE,OAAO;CAErD,KAAA,GAAA,cAAA,UAAa,MAAM,EAAE;EACnB,MAAM,EACJ,oBAAoB,MACpB,eACA,0BAA0B,QAC1B,QAAQ,MACR,YAAY,UACZ,WAAW,QACX,iBAAiB,KACjB,YAAY,cACV,MAAM,QAAQ,MAAM,CAAC,wBAAwB,MAAM,CAAC,IAAI,EAAE;EAE9D,OAAO,GAAG,cAAc,GAAG,kBAAkB,GAAG,wBAAwB,GAAG,MAAM,GAAG,eAAe,GAAG,UAAU,GAAG,SAAS,GAAG;QAC1H,IAAI,MAAM,SAAS,IAAI,EAAE;EAC9B,QAAQ,MACL,MAAM,IAAI,CACV,KAAK,UAAkB;GACtB,QAAQ,MAAM,MAAM;GAEpB,QAAQ,WAAW,OAAO,CAAC,cAAc,MAAM;GAE/C,OAAO;IACP,CACD,KAAK,IAAI;EAEZ,OAAO;QACF;EACL,QAAQ,WAAW,OAAO,CAAC,cAAc,MAAM;EAE/C,OAAO;;;AAIX,SAAgBC,YACd,OACA,EAAE,KAAK,QAAQ,SACf;CACA,IAAI,SAAS,MAAM,OAAO;CAE1B,KAAA,GAAA,cAAA,UAAa,MAAM,EAAE;EACnB,QAAQ,MAAM,QAAQ,MAAM,CAAC,MAAM;EAInC,OAFa,gBAAgB,MAElB;QAEX,OAAO"}
+{"version":3,"file":"animation.js","names":["emotionKeyframes","keyframes"],"sources":["../../../../src/core/css/animation.ts"],"sourcesContent":["\"use client\"\n\nimport type { Dict } from \"../../utils\"\nimport type { TransformOptions } from \"./utils\"\nimport { keyframes as emotionKeyframes } from \"@emotion/react\"\nimport { StyleSheet } from \"@emotion/sheet\"\nimport { createdDom, isObject } from \"../../utils\"\nimport { globalValues, tokenToVar } from \"./utils\"\n\nconst styleSheet = createdDom()\n  ? new StyleSheet({ key: \"css\", container: document.head })\n  : undefined\n\nfunction transformAnimationValue(value: Dict) {\n  return Object.entries(value).reduce<Dict>((prev, [key, value]) => {\n    if (key === \"keyframes\") {\n      prev._keyframes = value\n    } else if (key === \"duration\") {\n      prev.animationDuration = value\n    } else if (key === \"timingFunction\") {\n      prev.animationTimingFunction = value\n    } else {\n      prev[key] = value\n    }\n\n    return prev\n  }, {})\n}\n\nexport function injectKeyframes(value: any) {\n  const { name, styles } = emotionKeyframes(value)\n\n  styleSheet?.insert(styles)\n\n  return name\n}\n\nexport function animation(\n  value: any,\n  { css, system, theme }: TransformOptions,\n) {\n  if (value == null || globalValues.has(value)) return value\n\n  if (isObject(value)) {\n    const {\n      animationDuration = \"0s\",\n      animationName,\n      animationTimingFunction = \"ease\",\n      delay = \"0s\",\n      direction = \"normal\",\n      fillMode = \"none\",\n      iterationCount = \"1\",\n      playState = \"running\",\n    } = css?.(system, theme)(transformAnimationValue(value)) ?? {}\n\n    return `${animationName} ${animationDuration} ${animationTimingFunction} ${delay} ${iterationCount} ${direction} ${fillMode} ${playState}`\n  } else if (value.includes(\",\")) {\n    value = value\n      .split(\",\")\n      .map((value: string) => {\n        value = value.trim()\n\n        value = tokenToVar(system)(\"animations\", value)\n\n        return value\n      })\n      .join(\",\")\n\n    return value\n  } else {\n    value = tokenToVar(system)(\"animations\", value)\n\n    return value\n  }\n}\n\nexport function keyframes(\n  value: any,\n  { css, system, theme }: TransformOptions,\n) {\n  if (value == null) return value\n\n  if (isObject(value)) {\n    value = css?.(system, theme)(value)\n\n    const name = injectKeyframes(value)\n\n    return name\n  } else {\n    return value\n  }\n}\n"],"mappings":";;;;;;AASA,MAAM,cAAA,GAAA,cAAA,YAAwB,IAC1B,IAAI,WAAW;CAAE,KAAK;CAAO,WAAW,SAAS;AAAK,CAAC,IACvD,KAAA;AAEJ,SAAS,wBAAwB,OAAa;CAC5C,OAAO,OAAO,QAAQ,KAAK,EAAE,QAAc,MAAM,CAAC,KAAK,WAAW;EAChE,IAAI,QAAQ,aACV,KAAK,aAAa;OACb,IAAI,QAAQ,YACjB,KAAK,oBAAoB;OACpB,IAAI,QAAQ,kBACjB,KAAK,0BAA0B;OAE/B,KAAK,OAAO;EAGd,OAAO;CACT,GAAG,CAAC,CAAC;AACP;AAEA,SAAgB,gBAAgB,OAAY;CAC1C,MAAM,EAAE,MAAM,WAAWA,UAAiB,KAAK;CAE/C,YAAY,OAAO,MAAM;CAEzB,OAAO;AACT;AAEA,SAAgB,UACd,OACA,EAAE,KAAK,QAAQ,SACf;CACA,IAAI,SAAS,QAAQ,aAAa,IAAI,KAAK,GAAG,OAAO;CAErD,KAAA,GAAA,cAAA,UAAa,KAAK,GAAG;EACnB,MAAM,EACJ,oBAAoB,MACpB,eACA,0BAA0B,QAC1B,QAAQ,MACR,YAAY,UACZ,WAAW,QACX,iBAAiB,KACjB,YAAY,cACV,MAAM,QAAQ,KAAK,EAAE,wBAAwB,KAAK,CAAC,KAAK,CAAC;EAE7D,OAAO,GAAG,cAAc,GAAG,kBAAkB,GAAG,wBAAwB,GAAG,MAAM,GAAG,eAAe,GAAG,UAAU,GAAG,SAAS,GAAG;CACjI,OAAO,IAAI,MAAM,SAAS,GAAG,GAAG;EAC9B,QAAQ,MACL,MAAM,GAAG,EACT,KAAK,UAAkB;GACtB,QAAQ,MAAM,KAAK;GAEnB,QAAQ,WAAW,MAAM,EAAE,cAAc,KAAK;GAE9C,OAAO;EACT,CAAC,EACA,KAAK,GAAG;EAEX,OAAO;CACT,OAAO;EACL,QAAQ,WAAW,MAAM,EAAE,cAAc,KAAK;EAE9C,OAAO;CACT;AACF;AAEA,SAAgBC,YACd,OACA,EAAE,KAAK,QAAQ,SACf;CACA,IAAI,SAAS,MAAM,OAAO;CAE1B,KAAA,GAAA,cAAA,UAAa,KAAK,GAAG;EACnB,QAAQ,MAAM,QAAQ,KAAK,EAAE,KAAK;EAIlC,OAFa,gBAAgB,KAEnB;CACZ,OACE,OAAO;AAEX"}

package/dist/esm/core/css/at-rule.js.map

@@ -1 +1 @@
-{"version":3,"file":"at-rule.js","names":[],"sources":["../../../../src/core/css/at-rule.ts"],"sourcesContent":["import type { Dict } from \"../../utils\"\nimport type { Transform } from \"./utils\"\nimport { filterUndefined, isArray, toArray, toKebabCase } from \"../../utils\"\nimport { tokenToVar } from \"./utils\"\n\nexport const generateAtRule =\n  (identifier: string): Transform =>\n  (values, { system }) => {\n    if (!isArray(values)) return values\n\n    return values.reduce<Dict>(\n      (\n        prev,\n        {\n          type,\n          name,\n          css,\n          style,\n          h,\n          height,\n          maxH,\n          maxHeight,\n          maxW,\n          maxWidth,\n          minH,\n          minHeight,\n          minW,\n          minWidth,\n          prefersColorMode,\n          query,\n          w,\n          width,\n          ...rest\n        },\n      ) => {\n        width ??= w\n        minWidth ??= minW\n        maxWidth ??= maxW\n        height ??= h\n        minHeight ??= minH\n        maxHeight ??= maxH\n\n        if (!query) {\n          if (style) {\n            query = toArray(style)\n              .map((style) => `style(${style})`)\n              .join(\" and \")\n          } else {\n            const resolvedRest = filterUndefined<Dict>({\n              height,\n              maxHeight,\n              maxWidth,\n              minHeight,\n              minWidth,\n              prefersColorScheme: prefersColorMode,\n              width,\n              ...rest,\n            })\n\n            query = Object.entries(resolvedRest)\n              .map(([key, value]) => {\n                value = tokenToVar(system)(\"sizes\", value)\n\n                return `(${toKebabCase(key)}: ${value})`\n              })\n              .join(\" and \")\n          }\n        }\n\n        const conditions = [`@${identifier}`]\n\n        if (type) conditions.push(type)\n        if (name) conditions.push(name)\n        if (query) conditions.push(query)\n\n        prev[conditions.join(\" \")] = css\n\n        return prev\n      },\n      {},\n    )\n  }\n"],"mappings":";;;AAKA,MAAa,kBACV,gBACA,QAAQ,EAAE,aAAa;CACtB,IAAI,EAAA,GAAA,cAAA,SAAS,OAAO,EAAE,OAAO;CAE7B,OAAO,OAAO,QAEV,MACA,EACE,MACA,MACA,KACA,OACA,GACA,QACA,MACA,WACA,MACA,UACA,MACA,WACA,MACA,UACA,kBACA,OACA,GACA,OACA,GAAG,WAEF;EACH,UAAU;EACV,aAAa;EACb,aAAa;EACb,WAAW;EACX,cAAc;EACd,cAAc;EAEd,IAAI,CAAC,OACH,IAAI,OACF,SAAA,GAAA,cAAA,SAAgB,MAAM,CACnB,KAAK,UAAU,SAAS,MAAM,GAAG,CACjC,KAAK,QAAQ;OACX;GACL,MAAM,gBAAA,GAAA,cAAA,iBAAqC;IACzC;IACA;IACA;IACA;IACA;IACA,oBAAoB;IACpB;IACA,GAAG;IACJ,CAAC;GAEF,QAAQ,OAAO,QAAQ,aAAa,CACjC,KAAK,CAAC,KAAK,WAAW;IACrB,QAAQ,WAAW,OAAO,CAAC,SAAS,MAAM;IAE1C,OAAO,KAAA,GAAA,cAAA,aAAgB,IAAI,CAAC,IAAI,MAAM;KACtC,CACD,KAAK,QAAQ;;EAIpB,MAAM,aAAa,CAAC,IAAI,aAAa;EAErC,IAAI,MAAM,WAAW,KAAK,KAAK;EAC/B,IAAI,MAAM,WAAW,KAAK,KAAK;EAC/B,IAAI,OAAO,WAAW,KAAK,MAAM;EAEjC,KAAK,WAAW,KAAK,IAAI,IAAI;EAE7B,OAAO;IAET,EAAE,CACH"}
+{"version":3,"file":"at-rule.js","names":[],"sources":["../../../../src/core/css/at-rule.ts"],"sourcesContent":["import type { Dict } from \"../../utils\"\nimport type { Transform } from \"./utils\"\nimport { filterUndefined, isArray, toArray, toKebabCase } from \"../../utils\"\nimport { tokenToVar } from \"./utils\"\n\nexport const generateAtRule =\n  (identifier: string): Transform =>\n  (values, { system }) => {\n    if (!isArray(values)) return values\n\n    return values.reduce<Dict>(\n      (\n        prev,\n        {\n          type,\n          name,\n          css,\n          style,\n          h,\n          height,\n          maxH,\n          maxHeight,\n          maxW,\n          maxWidth,\n          minH,\n          minHeight,\n          minW,\n          minWidth,\n          prefersColorMode,\n          query,\n          w,\n          width,\n          ...rest\n        },\n      ) => {\n        width ??= w\n        minWidth ??= minW\n        maxWidth ??= maxW\n        height ??= h\n        minHeight ??= minH\n        maxHeight ??= maxH\n\n        if (!query) {\n          if (style) {\n            query = toArray(style)\n              .map((style) => `style(${style})`)\n              .join(\" and \")\n          } else {\n            const resolvedRest = filterUndefined<Dict>({\n              height,\n              maxHeight,\n              maxWidth,\n              minHeight,\n              minWidth,\n              prefersColorScheme: prefersColorMode,\n              width,\n              ...rest,\n            })\n\n            query = Object.entries(resolvedRest)\n              .map(([key, value]) => {\n                value = tokenToVar(system)(\"sizes\", value)\n\n                return `(${toKebabCase(key)}: ${value})`\n              })\n              .join(\" and \")\n          }\n        }\n\n        const conditions = [`@${identifier}`]\n\n        if (type) conditions.push(type)\n        if (name) conditions.push(name)\n        if (query) conditions.push(query)\n\n        prev[conditions.join(\" \")] = css\n\n        return prev\n      },\n      {},\n    )\n  }\n"],"mappings":";;;AAKA,MAAa,kBACV,gBACA,QAAQ,EAAE,aAAa;CACtB,IAAI,EAAA,GAAA,cAAA,SAAS,MAAM,GAAG,OAAO;CAE7B,OAAO,OAAO,QAEV,MACA,EACE,MACA,MACA,KACA,OACA,GACA,QACA,MACA,WACA,MACA,UACA,MACA,WACA,MACA,UACA,kBACA,OACA,GACA,OACA,GAAG,WAEF;EACH,UAAU;EACV,aAAa;EACb,aAAa;EACb,WAAW;EACX,cAAc;EACd,cAAc;EAEd,IAAI,CAAC,OACH,IAAI,OACF,SAAA,GAAA,cAAA,SAAgB,KAAK,EAClB,KAAK,UAAU,SAAS,MAAM,EAAE,EAChC,KAAK,OAAO;OACV;GACL,MAAM,gBAAA,GAAA,cAAA,iBAAqC;IACzC;IACA;IACA;IACA;IACA;IACA,oBAAoB;IACpB;IACA,GAAG;GACL,CAAC;GAED,QAAQ,OAAO,QAAQ,YAAY,EAChC,KAAK,CAAC,KAAK,WAAW;IACrB,QAAQ,WAAW,MAAM,EAAE,SAAS,KAAK;IAEzC,OAAO,KAAA,GAAA,cAAA,aAAgB,GAAG,EAAE,IAAI,MAAM;GACxC,CAAC,EACA,KAAK,OAAO;EACjB;EAGF,MAAM,aAAa,CAAC,IAAI,YAAY;EAEpC,IAAI,MAAM,WAAW,KAAK,IAAI;EAC9B,IAAI,MAAM,WAAW,KAAK,IAAI;EAC9B,IAAI,OAAO,WAAW,KAAK,KAAK;EAEhC,KAAK,WAAW,KAAK,GAAG,KAAK;EAE7B,OAAO;CACT,GACA,CAAC,CACH;AACF"}

package/dist/esm/core/css/calc.js.map

@@ -1 +1 @@
-{"version":3,"file":"calc.js","names":[],"sources":["../../../../src/core/css/calc.ts"],"sourcesContent":["import type { ThemeToken } from \"../system\"\nimport type { Transform } from \"./utils\"\nimport { isNumeric } from \"../../utils\"\nimport {\n  getCSSFunction,\n  globalValues,\n  isCSSFunction,\n  isCSSToken,\n  splitValues,\n} from \"./utils\"\n\nconst OPERATORS = [\"+\", \"-\", \"*\", \"/\"]\n\nfunction getValue(value: string | undefined, fallbackValue = \"\"): Transform {\n  return function (token, { system, ...rest }) {\n    if (!value) return fallbackValue\n\n    const prevent = isCSSFunction(value)\n\n    if (prevent) {\n      return generateCalc(token)(value, { system, ...rest })\n    } else {\n      if (isNumeric(value)) return value\n\n      const resolvedToken = `${token}.${value}`\n\n      if (isCSSToken(system)(resolvedToken)) {\n        return system.cssMap[resolvedToken]!.ref\n      } else {\n        return value\n      }\n    }\n  }\n}\n\nfunction isOperator(value: string) {\n  return new RegExp(`\\\\s[${OPERATORS.join(\"\\\\\")}]\\\\s`).test(value)\n}\n\nexport function generateCalc(token: ThemeToken): Transform {\n  return function (value, options) {\n    if (value == null || globalValues.has(value)) return value\n\n    const prevent = isCSSFunction(value)\n\n    if (!prevent) return value\n\n    let { type, values } = getCSSFunction(value)\n\n    if (!type || !values) return value\n\n    switch (type) {\n      case \"calc\": {\n        const computedValues = splitValues(\n          values,\n          (char, prev, next) => isOperator(`${prev}${char}${next}`),\n          true,\n        ).map((value) => {\n          if (value && OPERATORS.includes(value)) return value\n\n          return getValue(value)(token, options)\n        })\n\n        return `calc(${computedValues.join(\" \")})`\n      }\n\n      case \"min\":\n      case \"max\": {\n        let [firstValue, secondValue, ...otherValues] = splitValues(values)\n\n        firstValue = getValue(firstValue, \"100%\")(token, options)\n        secondValue = getValue(secondValue, \"100%\")(token, options)\n        otherValues = otherValues.map((value) =>\n          getValue(value)(token, options),\n        )\n\n        return (\n          `${type}(` +\n          `${firstValue}, ${secondValue}` +\n          (otherValues.length ? `, ${otherValues.join(\", \")}` : \"\") +\n          \")\"\n        )\n      }\n\n      case \"clamp\": {\n        let [min, preferred, max] = splitValues(values)\n\n        if (!max) {\n          max = preferred\n          preferred = \"\"\n        }\n\n        min = getValue(min)(token, options)\n        preferred = getValue(preferred, \"100%\")(token, options)\n        max = getValue(max)(token, options)\n\n        return `clamp(${min}, ${preferred}, ${max})`\n      }\n\n      case \"minmax\": {\n        let [min, max] = splitValues(values)\n\n        min = getValue(min)(token, options)\n        max = getValue(max)(token, options)\n\n        return `minmax(${min}, ${max})`\n      }\n\n      case \"fit-content\": {\n        let [value] = splitValues(values)\n\n        value = getValue(value)(token, options)\n\n        return `fit-content(${value})`\n      }\n\n      default:\n        return value\n    }\n  }\n}\n"],"mappings":";;;AAWA,MAAM,YAAY;CAAC;CAAK;CAAK;CAAK;CAAI;AAEtC,SAAS,SAAS,OAA2B,gBAAgB,IAAe;CAC1E,OAAO,SAAU,OAAO,EAAE,QAAQ,GAAG,QAAQ;EAC3C,IAAI,CAAC,OAAO,OAAO;EAInB,IAFgB,cAAc,MAEnB,EACT,OAAO,aAAa,MAAM,CAAC,OAAO;GAAE;GAAQ,GAAG;GAAM,CAAC;OACjD;GACL,KAAA,GAAA,cAAA,WAAc,MAAM,EAAE,OAAO;GAE7B,MAAM,gBAAgB,GAAG,MAAM,GAAG;GAElC,IAAI,WAAW,OAAO,CAAC,cAAc,EACnC,OAAO,OAAO,OAAO,eAAgB;QAErC,OAAO;;;;AAMf,SAAS,WAAW,OAAe;CACjC,OAAO,IAAI,OAAO,OAAO,UAAU,KAAK,KAAK,CAAC,MAAM,CAAC,KAAK,MAAM;;AAGlE,SAAgB,aAAa,OAA8B;CACzD,OAAO,SAAU,OAAO,SAAS;EAC/B,IAAI,SAAS,QAAQ,aAAa,IAAI,MAAM,EAAE,OAAO;EAIrD,IAAI,CAFY,cAAc,MAElB,EAAE,OAAO;EAErB,IAAI,EAAE,MAAM,WAAW,eAAe,MAAM;EAE5C,IAAI,CAAC,QAAQ,CAAC,QAAQ,OAAO;EAE7B,QAAQ,MAAR;GACE,KAAK,QAWH,OAAO,QAVgB,YACrB,SACC,MAAM,MAAM,SAAS,WAAW,GAAG,OAAO,OAAO,OAAO,EACzD,KACD,CAAC,KAAK,UAAU;IACf,IAAI,SAAS,UAAU,SAAS,MAAM,EAAE,OAAO;IAE/C,OAAO,SAAS,MAAM,CAAC,OAAO,QAAQ;KAGX,CAAC,KAAK,IAAI,CAAC;GAG1C,KAAK;GACL,KAAK,OAAO;IACV,IAAI,CAAC,YAAY,aAAa,GAAG,eAAe,YAAY,OAAO;IAEnE,aAAa,SAAS,YAAY,OAAO,CAAC,OAAO,QAAQ;IACzD,cAAc,SAAS,aAAa,OAAO,CAAC,OAAO,QAAQ;IAC3D,cAAc,YAAY,KAAK,UAC7B,SAAS,MAAM,CAAC,OAAO,QAAQ,CAChC;IAED,OACE,GAAG,KAAK,GACL,WAAW,IAAI,iBACjB,YAAY,SAAS,KAAK,YAAY,KAAK,KAAK,KAAK,MACtD;;GAIJ,KAAK,SAAS;IACZ,IAAI,CAAC,KAAK,WAAW,OAAO,YAAY,OAAO;IAE/C,IAAI,CAAC,KAAK;KACR,MAAM;KACN,YAAY;;IAGd,MAAM,SAAS,IAAI,CAAC,OAAO,QAAQ;IACnC,YAAY,SAAS,WAAW,OAAO,CAAC,OAAO,QAAQ;IACvD,MAAM,SAAS,IAAI,CAAC,OAAO,QAAQ;IAEnC,OAAO,SAAS,IAAI,IAAI,UAAU,IAAI,IAAI;;GAG5C,KAAK,UAAU;IACb,IAAI,CAAC,KAAK,OAAO,YAAY,OAAO;IAEpC,MAAM,SAAS,IAAI,CAAC,OAAO,QAAQ;IACnC,MAAM,SAAS,IAAI,CAAC,OAAO,QAAQ;IAEnC,OAAO,UAAU,IAAI,IAAI,IAAI;;GAG/B,KAAK,eAAe;IAClB,IAAI,CAAC,SAAS,YAAY,OAAO;IAEjC,QAAQ,SAAS,MAAM,CAAC,OAAO,QAAQ;IAEvC,OAAO,eAAe,MAAM;;GAG9B,SACE,OAAO"}
+{"version":3,"file":"calc.js","names":[],"sources":["../../../../src/core/css/calc.ts"],"sourcesContent":["import type { ThemeToken } from \"../system\"\nimport type { Transform } from \"./utils\"\nimport { isNumeric } from \"../../utils\"\nimport {\n  getCSSFunction,\n  globalValues,\n  isCSSFunction,\n  isCSSToken,\n  splitValues,\n} from \"./utils\"\n\nconst OPERATORS = [\"+\", \"-\", \"*\", \"/\"]\n\nfunction getValue(value: string | undefined, fallbackValue = \"\"): Transform {\n  return function (token, { system, ...rest }) {\n    if (!value) return fallbackValue\n\n    const prevent = isCSSFunction(value)\n\n    if (prevent) {\n      return generateCalc(token)(value, { system, ...rest })\n    } else {\n      if (isNumeric(value)) return value\n\n      const resolvedToken = `${token}.${value}`\n\n      if (isCSSToken(system)(resolvedToken)) {\n        return system.cssMap[resolvedToken]!.ref\n      } else {\n        return value\n      }\n    }\n  }\n}\n\nfunction isOperator(value: string) {\n  return new RegExp(`\\\\s[${OPERATORS.join(\"\\\\\")}]\\\\s`).test(value)\n}\n\nexport function generateCalc(token: ThemeToken): Transform {\n  return function (value, options) {\n    if (value == null || globalValues.has(value)) return value\n\n    const prevent = isCSSFunction(value)\n\n    if (!prevent) return value\n\n    let { type, values } = getCSSFunction(value)\n\n    if (!type || !values) return value\n\n    switch (type) {\n      case \"calc\": {\n        const computedValues = splitValues(\n          values,\n          (char, prev, next) => isOperator(`${prev}${char}${next}`),\n          true,\n        ).map((value) => {\n          if (value && OPERATORS.includes(value)) return value\n\n          return getValue(value)(token, options)\n        })\n\n        return `calc(${computedValues.join(\" \")})`\n      }\n\n      case \"min\":\n      case \"max\": {\n        let [firstValue, secondValue, ...otherValues] = splitValues(values)\n\n        firstValue = getValue(firstValue, \"100%\")(token, options)\n        secondValue = getValue(secondValue, \"100%\")(token, options)\n        otherValues = otherValues.map((value) =>\n          getValue(value)(token, options),\n        )\n\n        return (\n          `${type}(` +\n          `${firstValue}, ${secondValue}` +\n          (otherValues.length ? `, ${otherValues.join(\", \")}` : \"\") +\n          \")\"\n        )\n      }\n\n      case \"clamp\": {\n        let [min, preferred, max] = splitValues(values)\n\n        if (!max) {\n          max = preferred\n          preferred = \"\"\n        }\n\n        min = getValue(min)(token, options)\n        preferred = getValue(preferred, \"100%\")(token, options)\n        max = getValue(max)(token, options)\n\n        return `clamp(${min}, ${preferred}, ${max})`\n      }\n\n      case \"minmax\": {\n        let [min, max] = splitValues(values)\n\n        min = getValue(min)(token, options)\n        max = getValue(max)(token, options)\n\n        return `minmax(${min}, ${max})`\n      }\n\n      case \"fit-content\": {\n        let [value] = splitValues(values)\n\n        value = getValue(value)(token, options)\n\n        return `fit-content(${value})`\n      }\n\n      default:\n        return value\n    }\n  }\n}\n"],"mappings":";;;AAWA,MAAM,YAAY;CAAC;CAAK;CAAK;CAAK;AAAG;AAErC,SAAS,SAAS,OAA2B,gBAAgB,IAAe;CAC1E,OAAO,SAAU,OAAO,EAAE,QAAQ,GAAG,QAAQ;EAC3C,IAAI,CAAC,OAAO,OAAO;EAInB,IAFgB,cAAc,KAEpB,GACR,OAAO,aAAa,KAAK,EAAE,OAAO;GAAE;GAAQ,GAAG;EAAK,CAAC;OAChD;GACL,KAAA,GAAA,cAAA,WAAc,KAAK,GAAG,OAAO;GAE7B,MAAM,gBAAgB,GAAG,MAAM,GAAG;GAElC,IAAI,WAAW,MAAM,EAAE,aAAa,GAClC,OAAO,OAAO,OAAO,eAAgB;QAErC,OAAO;EAEX;CACF;AACF;AAEA,SAAS,WAAW,OAAe;CACjC,OAAO,IAAI,OAAO,OAAO,UAAU,KAAK,IAAI,EAAE,KAAK,EAAE,KAAK,KAAK;AACjE;AAEA,SAAgB,aAAa,OAA8B;CACzD,OAAO,SAAU,OAAO,SAAS;EAC/B,IAAI,SAAS,QAAQ,aAAa,IAAI,KAAK,GAAG,OAAO;EAIrD,IAAI,CAFY,cAAc,KAEnB,GAAG,OAAO;EAErB,IAAI,EAAE,MAAM,WAAW,eAAe,KAAK;EAE3C,IAAI,CAAC,QAAQ,CAAC,QAAQ,OAAO;EAE7B,QAAQ,MAAR;GACE,KAAK,QAWH,OAAO,QAVgB,YACrB,SACC,MAAM,MAAM,SAAS,WAAW,GAAG,OAAO,OAAO,MAAM,GACxD,IACF,EAAE,KAAK,UAAU;IACf,IAAI,SAAS,UAAU,SAAS,KAAK,GAAG,OAAO;IAE/C,OAAO,SAAS,KAAK,EAAE,OAAO,OAAO;GACvC,CAE4B,EAAE,KAAK,GAAG,EAAE;GAG1C,KAAK;GACL,KAAK,OAAO;IACV,IAAI,CAAC,YAAY,aAAa,GAAG,eAAe,YAAY,MAAM;IAElE,aAAa,SAAS,YAAY,MAAM,EAAE,OAAO,OAAO;IACxD,cAAc,SAAS,aAAa,MAAM,EAAE,OAAO,OAAO;IAC1D,cAAc,YAAY,KAAK,UAC7B,SAAS,KAAK,EAAE,OAAO,OAAO,CAChC;IAEA,OACE,GAAG,KAAK,GACL,WAAW,IAAI,iBACjB,YAAY,SAAS,KAAK,YAAY,KAAK,IAAI,MAAM,MACtD;GAEJ;GAEA,KAAK,SAAS;IACZ,IAAI,CAAC,KAAK,WAAW,OAAO,YAAY,MAAM;IAE9C,IAAI,CAAC,KAAK;KACR,MAAM;KACN,YAAY;IACd;IAEA,MAAM,SAAS,GAAG,EAAE,OAAO,OAAO;IAClC,YAAY,SAAS,WAAW,MAAM,EAAE,OAAO,OAAO;IACtD,MAAM,SAAS,GAAG,EAAE,OAAO,OAAO;IAElC,OAAO,SAAS,IAAI,IAAI,UAAU,IAAI,IAAI;GAC5C;GAEA,KAAK,UAAU;IACb,IAAI,CAAC,KAAK,OAAO,YAAY,MAAM;IAEnC,MAAM,SAAS,GAAG,EAAE,OAAO,OAAO;IAClC,MAAM,SAAS,GAAG,EAAE,OAAO,OAAO;IAElC,OAAO,UAAU,IAAI,IAAI,IAAI;GAC/B;GAEA,KAAK,eAAe;IAClB,IAAI,CAAC,SAAS,YAAY,MAAM;IAEhC,QAAQ,SAAS,KAAK,EAAE,OAAO,OAAO;IAEtC,OAAO,eAAe,MAAM;GAC9B;GAEA,SACE,OAAO;EACX;CACF;AACF"}