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

package/dist/cjs/components/select/use-select.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-select.cjs","names":["createContext","useI18n","useFieldProps","useControllableState","useCombobox","mergeRefs","visuallyHiddenAttributes","runKeyAction","useComboboxItem"],"sources":["../../../../src/components/select/use-select.tsx"],"sourcesContent":["\"use client\"\n\nimport type { MouseEvent, ReactNode } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type {\n  ComboboxItem,\n  ComboboxItemWithValue,\n  UseComboboxItemProps,\n  UseComboboxProps,\n} from \"../../hooks/use-combobox\"\nimport type { Dict } from \"../../utils\"\nimport type { FieldProps } from \"../field\"\nimport {\n  cloneElement,\n  isValidElement,\n  useCallback,\n  useMemo,\n  useRef,\n} from \"react\"\nimport { useCombobox, useComboboxItem } from \"../../hooks/use-combobox\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport {\n  ariaAttr,\n  createContext,\n  cx,\n  dataAttr,\n  handlerAll,\n  isArray,\n  isNumber,\n  isString,\n  isUndefined,\n  mergeRefs,\n  runKeyAction,\n  toArray,\n  visuallyHiddenAttributes,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\ninterface SelectRenderProps extends ComboboxItemWithValue {\n  count: number\n  index: number\n  separator: string\n  onClear: () => void\n}\n\nexport interface SelectItemRender {\n  (props: SelectRenderProps): ReactNode\n}\n\nconst defaultRender: SelectItemRender = ({\n  count,\n  index,\n  label,\n  separator,\n  value,\n}) => {\n  const last = count - 1 === index\n\n  return (\n    <span\n      style={{ marginInlineEnd: \"var(--gap)\" }}\n      data-placeholder={dataAttr(value === \"\")}\n    >\n      {label}\n      {!last ? separator : null}\n    </span>\n  )\n}\n\ninterface SelectContext extends Pick<UseSelectReturn, \"max\" | \"value\"> {}\n\nconst [SelectContext, useSelectContext] = createContext<SelectContext>({\n  name: \"SelectContext\",\n})\n\nexport { SelectContext, useSelectContext }\n\nexport interface UseSelectProps<Multiple extends boolean = false>\n  extends\n    Omit<HTMLProps, \"defaultValue\" | \"onChange\" | \"value\">,\n    Omit<\n      UseComboboxProps,\n      \"defaultValue\" | \"initialFocusValue\" | \"onChange\" | \"value\"\n    >,\n    FieldProps {\n  /**\n   * The initial value of the select.\n   */\n  defaultValue?: Multiple extends true ? string[] : string\n  /**\n   * If `true`, the field will be focused when the clear icon is clicked.\n   *\n   * @default true\n   */\n  focusOnClear?: boolean\n  /**\n   * The `id` attribute of the input element.\n   */\n  id?: string\n  /**\n   * If `true`, include placeholder in options.\n   *\n   * @default true\n   */\n  includePlaceholder?: boolean\n  /**\n   * If provided, generate options based on items.\n   *\n   * @default []\n   */\n  items?: ComboboxItem[]\n  /**\n   * The maximum selectable value.\n   */\n  max?: number\n  /**\n   * If `true`, the select will be multiple.\n   *\n   * @default false\n   */\n  multiple?: Multiple\n  /**\n   * The `name` attribute of the input element.\n   */\n  name?: string\n  /**\n   * The placeholder for select.\n   */\n  placeholder?: string\n  /**\n   * The visual separator between each value.\n   *\n   * @default ','\n   */\n  separator?: string\n  /**\n   * The value of the select.\n   */\n  value?: Multiple extends true ? string[] : string\n  /**\n   * The callback invoked when value state changes.\n   */\n  onChange?: (value: Multiple extends true ? string[] : string) => void\n  /**\n   * The function to render the selected items.\n   */\n  render?: (props: SelectRenderProps) => ReactNode\n}\n\nexport const useSelect = <Multiple extends boolean = false>(\n  props: UseSelectProps<Multiple> = {},\n) => {\n  type MaybeValue = Multiple extends true ? string[] : string\n\n  const { t } = useI18n(\"select\")\n  const {\n    context: { labelId } = {},\n    props: {\n      id,\n      name,\n      multiple = false,\n      closeOnSelect = !multiple,\n      defaultValue = (multiple ? [] : \"\") as MaybeValue,\n      disabled,\n      focusOnClear = true,\n      includePlaceholder = !multiple,\n      items: itemProp = [],\n      max,\n      placeholder,\n      readOnly,\n      render = defaultRender,\n      required,\n      separator = \",\",\n      value: valueProp,\n      onChange: onChangeProp,\n      ...rest\n    },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const fieldRef = useRef<HTMLDivElement>(null)\n  const [value, setValue] = useControllableState({\n    defaultValue,\n    value: valueProp,\n    onChange: onChangeProp,\n  })\n  const onChange = useCallback(\n    (value: string) => {\n      setValue((prev) => {\n        if (isArray(prev)) {\n          if (prev.includes(value)) {\n            return prev.filter((prevValue) => prevValue !== value) as MaybeValue\n          } else if (!isNumber(max) || prev.length < max) {\n            return [...prev, value] as MaybeValue\n          } else {\n            return prev\n          }\n        } else {\n          return value as MaybeValue\n        }\n      })\n    },\n    [max, setValue],\n  )\n  const items = useMemo<ComboboxItem[]>(() => {\n    const items = [...itemProp]\n\n    if (placeholder)\n      items.unshift({\n        hidden: !includePlaceholder,\n        label: placeholder,\n        value: \"\",\n      })\n\n    return items\n  }, [itemProp, placeholder, includePlaceholder])\n  const empty = useMemo(\n    () => !items.filter(({ hidden }) => !hidden).length,\n    [items],\n  )\n  const {\n    descendants,\n    interactive,\n    open,\n    getContentProps: getComboboxContentProps,\n    getSeparatorProps,\n    getTriggerProps,\n    popoverProps,\n    onActiveDescendant,\n    onClose,\n    onOpen,\n    onSelect,\n  } = useCombobox({\n    closeOnSelect,\n    disabled,\n    initialFocusValue: isArray(value) ? value[0] : value,\n    readOnly,\n    onChange,\n    ...ariaProps,\n    ...dataProps,\n    ...eventProps,\n    ...rest,\n  })\n  const valueMap = useMemo<{ [key: string]: ComboboxItemWithValue }>(() => {\n    const valueMap: { [key: string]: ComboboxItemWithValue } = {}\n\n    items.forEach((item) => {\n      if (\"items\" in item) {\n        item.items.forEach((item) => {\n          item.value ??= isString(item.label) ? item.label : undefined\n\n          if (!isUndefined(item.value)) valueMap[item.value] = item\n        })\n      } else {\n        item.value ??= isString(item.label) ? item.label : undefined\n\n        if (!isUndefined(item.value)) valueMap[item.value] = item\n      }\n    })\n\n    return valueMap\n  }, [items])\n  const selectedItems = useMemo<ComboboxItemWithValue[]>(() => {\n    if (isArray(value)) {\n      if (value.length) {\n        return toArray(value.map((value) => valueMap[value]))\n      } else {\n        return placeholder ? [{ label: placeholder, value: \"\" }] : []\n      }\n    } else {\n      return isString(value) ? toArray(valueMap[value]) : []\n    }\n  }, [placeholder, value, valueMap])\n  const children = useMemo<ReactNode>(() => {\n    const count = selectedItems.length\n\n    return selectedItems.map((item, index) => {\n      const onClear = (ev?: MouseEvent<HTMLElement>) => {\n        ev?.preventDefault()\n        ev?.stopPropagation()\n\n        if (item.value) onChange(item.value)\n      }\n\n      const component = render({\n        count,\n        index,\n        separator,\n        onClear,\n        ...item,\n      })\n\n      if (isValidElement<Dict>(component)) {\n        return cloneElement(component, { ...component.props, key: index })\n      } else {\n        return component\n      }\n    })\n  }, [onChange, render, selectedItems, separator])\n\n  const onFocus = useCallback(() => {\n    if (!interactive || !fieldRef.current) return\n\n    fieldRef.current.focus()\n  }, [interactive])\n\n  const onClear = useCallback(() => {\n    if (!interactive) return\n\n    setValue((prev) => (isArray(prev) ? [] : \"\") as MaybeValue)\n\n    if (!fieldRef.current) return\n\n    if (focusOnClear) fieldRef.current.focus()\n  }, [focusOnClear, interactive, setValue])\n\n  const getRootProps: PropGetter = useCallback(\n    (props) => ({ ...dataProps, ...props }),\n    [dataProps],\n  )\n\n  const getFieldProps: PropGetter = useCallback(\n    ({ ref, \"aria-labelledby\": ariaLabelledby, ...props } = {}) =>\n      getTriggerProps({\n        ref: mergeRefs(ref, fieldRef),\n        \"aria-label\": placeholder,\n        \"aria-labelledby\": cx(ariaLabelledby, labelId),\n        ...props,\n        children,\n      }),\n    [children, getTriggerProps, labelId, placeholder],\n  )\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    (props = {}) => ({\n      ...dataProps,\n      ...visuallyHiddenAttributes,\n      id,\n      name,\n      defaultValue: isString(value) ? value : value.join(\", \"),\n      disabled,\n      readOnly,\n      required,\n      ...props,\n      onFocus: handlerAll(props.onFocus, onFocus),\n    }),\n    [dataProps, disabled, id, name, onFocus, readOnly, required, value],\n  )\n\n  const getContentProps: PropGetter = useCallback(\n    (props) => getComboboxContentProps({ hidden: empty, ...props }),\n    [empty, getComboboxContentProps],\n  )\n\n  const getIconProps: PropGetter = useCallback(\n    (props) => ({ ...dataProps, ...props }),\n    [dataProps],\n  )\n\n  const getClearIconProps: PropGetter = useCallback(\n    (props = {}) =>\n      getIconProps({\n        \"aria-disabled\": ariaAttr(!interactive),\n        \"aria-label\": t(\"Clear value\"),\n        role: \"button\",\n        tabIndex: interactive ? 0 : -1,\n        ...props,\n        onClick: handlerAll(props.onClick, onClear),\n        onKeyDown: handlerAll(props.onKeyDown, (ev) =>\n          runKeyAction(ev, { Enter: onClear, Space: onClear }),\n        ),\n      }),\n    [getIconProps, interactive, onClear, t],\n  )\n\n  return {\n    descendants,\n    includePlaceholder,\n    interactive,\n    items,\n    max,\n    open,\n    placeholder,\n    setValue,\n    value,\n    valueMap,\n    getClearIconProps,\n    getContentProps,\n    getFieldProps,\n    getIconProps,\n    getInputProps,\n    getRootProps,\n    getSeparatorProps,\n    popoverProps,\n    onActiveDescendant,\n    onChange,\n    onClose,\n    onOpen,\n    onSelect,\n  }\n}\n\nexport type UseSelectReturn = ReturnType<typeof useSelect>\n\nexport interface UseSelectOptionProps extends UseComboboxItemProps {}\n\nexport const useSelectOption = ({\n  children,\n  closeOnSelect,\n  disabled,\n  hidden,\n  value,\n  ...rest\n}: UseSelectOptionProps = {}) => {\n  const { max, value: selectedValue } = useSelectContext()\n\n  value ??= isString(children) ? children : undefined\n\n  const selected = isArray(selectedValue)\n    ? !isUndefined(value) && selectedValue.includes(value)\n    : selectedValue === value\n  const completed =\n    isNumber(max) && isArray(selectedValue) && selectedValue.length >= max\n  const { getIndicatorProps, getItemProps } = useComboboxItem({\n    children,\n    closeOnSelect,\n    disabled: disabled || hidden || (completed && !selected),\n    hidden,\n    selected,\n    value,\n    ...rest,\n  })\n\n  const getOptionProps: PropGetter = useCallback(\n    (props = {}) => getItemProps(props),\n    [getItemProps],\n  )\n\n  return { getIndicatorProps, getOptionProps }\n}\n\nexport type UseSelectOptionReturn = ReturnType<typeof useSelectOption>\n"],"mappings":"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"}
+{"version":3,"file":"use-select.cjs","names":["createContext","useI18n","useFieldProps","useControllableState","useCombobox","mergeRefs","visuallyHiddenAttributes","runKeyAction","useComboboxItem"],"sources":["../../../../src/components/select/use-select.tsx"],"sourcesContent":["\"use client\"\n\nimport type { MouseEvent, ReactNode } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type {\n  ComboboxItem,\n  ComboboxItemWithValue,\n  UseComboboxItemProps,\n  UseComboboxProps,\n} from \"../../hooks/use-combobox\"\nimport type { Dict } from \"../../utils\"\nimport type { FieldProps } from \"../field\"\nimport {\n  cloneElement,\n  isValidElement,\n  useCallback,\n  useMemo,\n  useRef,\n} from \"react\"\nimport { useCombobox, useComboboxItem } from \"../../hooks/use-combobox\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport {\n  ariaAttr,\n  createContext,\n  cx,\n  dataAttr,\n  handlerAll,\n  isArray,\n  isNumber,\n  isString,\n  isUndefined,\n  mergeRefs,\n  runKeyAction,\n  toArray,\n  visuallyHiddenAttributes,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\ninterface SelectRenderProps extends ComboboxItemWithValue {\n  count: number\n  index: number\n  separator: string\n  onClear: () => void\n}\n\nexport interface SelectItemRender {\n  (props: SelectRenderProps): ReactNode\n}\n\nconst defaultRender: SelectItemRender = ({\n  count,\n  index,\n  label,\n  separator,\n  value,\n}) => {\n  const last = count - 1 === index\n\n  return (\n    <span\n      style={{ marginInlineEnd: \"var(--gap)\" }}\n      data-placeholder={dataAttr(value === \"\")}\n    >\n      {label}\n      {!last ? separator : null}\n    </span>\n  )\n}\n\ninterface SelectContext extends Pick<UseSelectReturn, \"max\" | \"value\"> {}\n\nconst [SelectContext, useSelectContext] = createContext<SelectContext>({\n  name: \"SelectContext\",\n})\n\nexport { SelectContext, useSelectContext }\n\nexport interface UseSelectProps<Multiple extends boolean = false>\n  extends\n    Omit<HTMLProps, \"defaultValue\" | \"onChange\" | \"value\">,\n    Omit<\n      UseComboboxProps,\n      \"defaultValue\" | \"initialFocusValue\" | \"onChange\" | \"value\"\n    >,\n    FieldProps {\n  /**\n   * The initial value of the select.\n   */\n  defaultValue?: Multiple extends true ? string[] : string\n  /**\n   * If `true`, the field will be focused when the clear icon is clicked.\n   *\n   * @default true\n   */\n  focusOnClear?: boolean\n  /**\n   * The `id` attribute of the input element.\n   */\n  id?: string\n  /**\n   * If `true`, include placeholder in options.\n   *\n   * @default true\n   */\n  includePlaceholder?: boolean\n  /**\n   * If provided, generate options based on items.\n   *\n   * @default []\n   */\n  items?: ComboboxItem[]\n  /**\n   * The maximum selectable value.\n   */\n  max?: number\n  /**\n   * If `true`, the select will be multiple.\n   *\n   * @default false\n   */\n  multiple?: Multiple\n  /**\n   * The `name` attribute of the input element.\n   */\n  name?: string\n  /**\n   * The placeholder for select.\n   */\n  placeholder?: string\n  /**\n   * The visual separator between each value.\n   *\n   * @default ','\n   */\n  separator?: string\n  /**\n   * The value of the select.\n   */\n  value?: Multiple extends true ? string[] : string\n  /**\n   * The callback invoked when value state changes.\n   */\n  onChange?: (value: Multiple extends true ? string[] : string) => void\n  /**\n   * The function to render the selected items.\n   */\n  render?: (props: SelectRenderProps) => ReactNode\n}\n\nexport const useSelect = <Multiple extends boolean = false>(\n  props: UseSelectProps<Multiple> = {},\n) => {\n  type MaybeValue = Multiple extends true ? string[] : string\n\n  const { t } = useI18n(\"select\")\n  const {\n    context: { labelId } = {},\n    props: {\n      id,\n      name,\n      multiple = false,\n      closeOnSelect = !multiple,\n      defaultValue = (multiple ? [] : \"\") as MaybeValue,\n      disabled,\n      focusOnClear = true,\n      includePlaceholder = !multiple,\n      items: itemProp = [],\n      max,\n      placeholder,\n      readOnly,\n      render = defaultRender,\n      required,\n      separator = \",\",\n      value: valueProp,\n      onChange: onChangeProp,\n      ...rest\n    },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const fieldRef = useRef<HTMLDivElement>(null)\n  const [value, setValue] = useControllableState({\n    defaultValue,\n    value: valueProp,\n    onChange: onChangeProp,\n  })\n  const onChange = useCallback(\n    (value: string) => {\n      setValue((prev) => {\n        if (isArray(prev)) {\n          if (prev.includes(value)) {\n            return prev.filter((prevValue) => prevValue !== value) as MaybeValue\n          } else if (!isNumber(max) || prev.length < max) {\n            return [...prev, value] as MaybeValue\n          } else {\n            return prev\n          }\n        } else {\n          return value as MaybeValue\n        }\n      })\n    },\n    [max, setValue],\n  )\n  const items = useMemo<ComboboxItem[]>(() => {\n    const items = [...itemProp]\n\n    if (placeholder)\n      items.unshift({\n        hidden: !includePlaceholder,\n        label: placeholder,\n        value: \"\",\n      })\n\n    return items\n  }, [itemProp, placeholder, includePlaceholder])\n  const empty = useMemo(\n    () => !items.filter(({ hidden }) => !hidden).length,\n    [items],\n  )\n  const {\n    descendants,\n    interactive,\n    open,\n    getContentProps: getComboboxContentProps,\n    getSeparatorProps,\n    getTriggerProps,\n    popoverProps,\n    onActiveDescendant,\n    onClose,\n    onOpen,\n    onSelect,\n  } = useCombobox({\n    closeOnSelect,\n    disabled,\n    initialFocusValue: isArray(value) ? value[0] : value,\n    readOnly,\n    onChange,\n    ...ariaProps,\n    ...dataProps,\n    ...eventProps,\n    ...rest,\n  })\n  const valueMap = useMemo<{ [key: string]: ComboboxItemWithValue }>(() => {\n    const valueMap: { [key: string]: ComboboxItemWithValue } = {}\n\n    items.forEach((item) => {\n      if (\"items\" in item) {\n        item.items.forEach((item) => {\n          item.value ??= isString(item.label) ? item.label : undefined\n\n          if (!isUndefined(item.value)) valueMap[item.value] = item\n        })\n      } else {\n        item.value ??= isString(item.label) ? item.label : undefined\n\n        if (!isUndefined(item.value)) valueMap[item.value] = item\n      }\n    })\n\n    return valueMap\n  }, [items])\n  const selectedItems = useMemo<ComboboxItemWithValue[]>(() => {\n    if (isArray(value)) {\n      if (value.length) {\n        return toArray(value.map((value) => valueMap[value]))\n      } else {\n        return placeholder ? [{ label: placeholder, value: \"\" }] : []\n      }\n    } else {\n      return isString(value) ? toArray(valueMap[value]) : []\n    }\n  }, [placeholder, value, valueMap])\n  const children = useMemo<ReactNode>(() => {\n    const count = selectedItems.length\n\n    return selectedItems.map((item, index) => {\n      const onClear = (ev?: MouseEvent<HTMLElement>) => {\n        ev?.preventDefault()\n        ev?.stopPropagation()\n\n        if (item.value) onChange(item.value)\n      }\n\n      const component = render({\n        count,\n        index,\n        separator,\n        onClear,\n        ...item,\n      })\n\n      if (isValidElement<Dict>(component)) {\n        return cloneElement(component, { ...component.props, key: index })\n      } else {\n        return component\n      }\n    })\n  }, [onChange, render, selectedItems, separator])\n\n  const onFocus = useCallback(() => {\n    if (!interactive || !fieldRef.current) return\n\n    fieldRef.current.focus()\n  }, [interactive])\n\n  const onClear = useCallback(() => {\n    if (!interactive) return\n\n    setValue((prev) => (isArray(prev) ? [] : \"\") as MaybeValue)\n\n    if (!fieldRef.current) return\n\n    if (focusOnClear) fieldRef.current.focus()\n  }, [focusOnClear, interactive, setValue])\n\n  const getRootProps: PropGetter = useCallback(\n    (props) => ({ ...dataProps, ...props }),\n    [dataProps],\n  )\n\n  const getFieldProps: PropGetter = useCallback(\n    ({ ref, \"aria-labelledby\": ariaLabelledby, ...props } = {}) =>\n      getTriggerProps({\n        ref: mergeRefs(ref, fieldRef),\n        \"aria-label\": placeholder,\n        \"aria-labelledby\": cx(ariaLabelledby, labelId),\n        ...props,\n        children,\n      }),\n    [children, getTriggerProps, labelId, placeholder],\n  )\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    (props = {}) => ({\n      ...dataProps,\n      ...visuallyHiddenAttributes,\n      id,\n      name,\n      defaultValue: isString(value) ? value : value.join(\", \"),\n      disabled,\n      readOnly,\n      required,\n      ...props,\n      onFocus: handlerAll(props.onFocus, onFocus),\n    }),\n    [dataProps, disabled, id, name, onFocus, readOnly, required, value],\n  )\n\n  const getContentProps: PropGetter = useCallback(\n    (props) => getComboboxContentProps({ hidden: empty, ...props }),\n    [empty, getComboboxContentProps],\n  )\n\n  const getIconProps: PropGetter = useCallback(\n    (props) => ({ ...dataProps, ...props }),\n    [dataProps],\n  )\n\n  const getClearIconProps: PropGetter = useCallback(\n    (props = {}) =>\n      getIconProps({\n        \"aria-disabled\": ariaAttr(!interactive),\n        \"aria-label\": t(\"Clear value\"),\n        role: \"button\",\n        tabIndex: interactive ? 0 : -1,\n        ...props,\n        onClick: handlerAll(props.onClick, onClear),\n        onKeyDown: handlerAll(props.onKeyDown, (ev) =>\n          runKeyAction(ev, { Enter: onClear, Space: onClear }),\n        ),\n      }),\n    [getIconProps, interactive, onClear, t],\n  )\n\n  return {\n    descendants,\n    includePlaceholder,\n    interactive,\n    items,\n    max,\n    open,\n    placeholder,\n    setValue,\n    value,\n    valueMap,\n    getClearIconProps,\n    getContentProps,\n    getFieldProps,\n    getIconProps,\n    getInputProps,\n    getRootProps,\n    getSeparatorProps,\n    popoverProps,\n    onActiveDescendant,\n    onChange,\n    onClose,\n    onOpen,\n    onSelect,\n  }\n}\n\nexport type UseSelectReturn = ReturnType<typeof useSelect>\n\nexport interface UseSelectOptionProps extends UseComboboxItemProps {}\n\nexport const useSelectOption = ({\n  children,\n  closeOnSelect,\n  disabled,\n  hidden,\n  value,\n  ...rest\n}: UseSelectOptionProps = {}) => {\n  const { max, value: selectedValue } = useSelectContext()\n\n  value ??= isString(children) ? children : undefined\n\n  const selected = isArray(selectedValue)\n    ? !isUndefined(value) && selectedValue.includes(value)\n    : selectedValue === value\n  const completed =\n    isNumber(max) && isArray(selectedValue) && selectedValue.length >= max\n  const { getIndicatorProps, getItemProps } = useComboboxItem({\n    children,\n    closeOnSelect,\n    disabled: disabled || hidden || (completed && !selected),\n    hidden,\n    selected,\n    value,\n    ...rest,\n  })\n\n  const getOptionProps: PropGetter = useCallback(\n    (props = {}) => getItemProps(props),\n    [getItemProps],\n  )\n\n  return { getIndicatorProps, getOptionProps }\n}\n\nexport type UseSelectOptionReturn = ReturnType<typeof useSelectOption>\n"],"mappings":"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"}

package/dist/cjs/components/separator/separator.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"separator.cjs","names":["createComponent","separatorStyle"],"sources":["../../../../src/components/separator/separator.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { SeparatorStyle } from \"./separator.style\"\nimport { createComponent } from \"../../core\"\nimport { separatorStyle } from \"./separator.style\"\n\nexport interface SeparatorProps\n  extends HTMLStyledProps<\"hr\">, ThemeProps<SeparatorStyle> {}\n\nconst {\n  PropsContext: SeparatorPropsContext,\n  usePropsContext: useSeparatorPropsContext,\n  withContext,\n} = createComponent<SeparatorProps, SeparatorStyle>(\"separator\", separatorStyle)\n\nexport { SeparatorPropsContext, useSeparatorPropsContext }\n\n/**\n * `Separator` is a component that represents a division between elements.\n *\n * @see https://yamada-ui.com/docs/components/separator\n */\nexport const Separator = withContext(\"hr\")()\n"],"mappings":";;;;AAUA,MAAM,EACJ,cAAc,uBACd,iBAAiB,0BACjB,gBACEA,yBAAAA,gBAAgD,aAAaC,wBAAAA,eAAe;;;;;;AAShF,MAAa,YAAY,YAAY,KAAK,EAAE"}
+{"version":3,"file":"separator.cjs","names":["createComponent","separatorStyle"],"sources":["../../../../src/components/separator/separator.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { SeparatorStyle } from \"./separator.style\"\nimport { createComponent } from \"../../core\"\nimport { separatorStyle } from \"./separator.style\"\n\nexport interface SeparatorProps\n  extends HTMLStyledProps<\"hr\">, ThemeProps<SeparatorStyle> {}\n\nconst {\n  PropsContext: SeparatorPropsContext,\n  usePropsContext: useSeparatorPropsContext,\n  withContext,\n} = createComponent<SeparatorProps, SeparatorStyle>(\"separator\", separatorStyle)\n\nexport { SeparatorPropsContext, useSeparatorPropsContext }\n\n/**\n * `Separator` is a component that represents a division between elements.\n *\n * @see https://yamada-ui.com/docs/components/separator\n */\nexport const Separator = withContext(\"hr\")()\n"],"mappings":";;;;AAUA,MAAM,EACJ,cAAc,uBACd,iBAAiB,0BACjB,gBACEA,yBAAAA,gBAAgD,aAAaC,wBAAAA,cAAc;;;;;;AAS/E,MAAa,YAAY,YAAY,IAAI,EAAE"}

package/dist/cjs/components/separator/separator.style.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"separator.style.cjs","names":["defineComponentStyle"],"sources":["../../../../src/components/separator/separator.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const separatorStyle = defineComponentStyle({\n  base: {\n    borderColor: \"border\",\n  },\n\n  props: {\n    /**\n     * The orientation of the divider.\n     *\n     * @default 'horizontal'\n     */\n    orientation: {\n      horizontal: {\n        borderWidth: \"0 0 {thickness} 0\",\n        w: \"full\",\n      },\n      vertical: {\n        borderWidth: \"0 0 0 {thickness}\",\n        h: \"full\",\n      },\n    },\n  },\n\n  variants: {\n    dashed: {\n      borderStyle: \"dashed\",\n    },\n    dotted: {\n      borderStyle: \"dotted\",\n    },\n    solid: {\n      borderStyle: \"solid\",\n    },\n  },\n\n  sizes: {\n    xs: {\n      \"--thickness\": \"0.5px\",\n    },\n    sm: {\n      \"--thickness\": \"1px\",\n    },\n    md: {\n      \"--thickness\": \"2px\",\n    },\n    lg: {\n      \"--thickness\": \"3px\",\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"solid\",\n    orientation: \"horizontal\",\n  },\n})\n\nexport type SeparatorStyle = typeof separatorStyle\n"],"mappings":";AAEA,MAAa,wDAAiBA,CAAAA,qBAAqB;CACjD,MAAM,EACJ,aAAa,UACd;CAED,OAAO;;;;;;AAML,aAAa;EACX,YAAY;GACV,aAAa;GACb,GAAG;GACJ;EACD,UAAU;GACR,aAAa;GACb,GAAG;GACJ;EACF,EACF;CAED,UAAU;EACR,QAAQ,EACN,aAAa,UACd;EACD,QAAQ,EACN,aAAa,UACd;EACD,OAAO,EACL,aAAa,SACd;EACF;CAED,OAAO;EACL,IAAI,EACF,eAAe,SAChB;EACD,IAAI,EACF,eAAe,OAChB;EACD,IAAI,EACF,eAAe,OAChB;EACD,IAAI,EACF,eAAe,OAChB;EACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACT,aAAa;EACd;CACF,CAAC"}
+{"version":3,"file":"separator.style.cjs","names":["defineComponentStyle"],"sources":["../../../../src/components/separator/separator.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const separatorStyle = defineComponentStyle({\n  base: {\n    borderColor: \"border\",\n  },\n\n  props: {\n    /**\n     * The orientation of the divider.\n     *\n     * @default 'horizontal'\n     */\n    orientation: {\n      horizontal: {\n        borderWidth: \"0 0 {thickness} 0\",\n        w: \"full\",\n      },\n      vertical: {\n        borderWidth: \"0 0 0 {thickness}\",\n        h: \"full\",\n      },\n    },\n  },\n\n  variants: {\n    dashed: {\n      borderStyle: \"dashed\",\n    },\n    dotted: {\n      borderStyle: \"dotted\",\n    },\n    solid: {\n      borderStyle: \"solid\",\n    },\n  },\n\n  sizes: {\n    xs: {\n      \"--thickness\": \"0.5px\",\n    },\n    sm: {\n      \"--thickness\": \"1px\",\n    },\n    md: {\n      \"--thickness\": \"2px\",\n    },\n    lg: {\n      \"--thickness\": \"3px\",\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"solid\",\n    orientation: \"horizontal\",\n  },\n})\n\nexport type SeparatorStyle = typeof separatorStyle\n"],"mappings":";AAEA,MAAa,uDAAiBA,EAAAA,qBAAqB;CACjD,MAAM,EACJ,aAAa,SACf;CAEA,OAAO;;;;;;AAML,aAAa;EACX,YAAY;GACV,aAAa;GACb,GAAG;EACL;EACA,UAAU;GACR,aAAa;GACb,GAAG;EACL;CACF,EACF;CAEA,UAAU;EACR,QAAQ,EACN,aAAa,SACf;EACA,QAAQ,EACN,aAAa,SACf;EACA,OAAO,EACL,aAAa,QACf;CACF;CAEA,OAAO;EACL,IAAI,EACF,eAAe,QACjB;EACA,IAAI,EACF,eAAe,MACjB;EACA,IAAI,EACF,eAAe,MACjB;EACA,IAAI,EACF,eAAe,MACjB;CACF;CAEA,cAAc;EACZ,MAAM;EACN,SAAS;EACT,aAAa;CACf;AACF,CAAC"}

package/dist/cjs/components/show/show.cjs

@@ -1,4 +1,3 @@
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_utils_index = require("../../utils/index.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/cjs/components/show/show.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"show.cjs","names":[],"sources":["../../../../src/components/show/show.tsx"],"sourcesContent":["import type { ReactNode } from \"react\"\nimport type { ReactNodeOrFunction } from \"../../utils\"\nimport { isValidElement } from \"react\"\nimport { runIfFn } from \"../../utils\"\n\nexport interface ShowProps<Y> {\n  /**\n   * The children to render if `when` is `true`\n   */\n  children: ReactNodeOrFunction<Y>\n  /**\n   * The fallback content to render if `when` is `false`\n   */\n  fallback?: ReactNode\n  /**\n   * If `true`, it'll render the `children` prop\n   */\n  when?: null | Y\n}\n\n/**\n * `Show` is a component that shows or hides its children based on a condition.\n *\n * @see https://yamada-ui.com/docs/components/show\n */\nexport const Show = <Y,>({\n  children,\n  fallback,\n  when,\n}: ShowProps<Y>): ReactNode => {\n  let result: ReactNode\n\n  if (!when) {\n    result = fallback\n  } else {\n    result = runIfFn(children, when)\n  }\n\n  // eslint-disable-next-line react/jsx-no-useless-fragment\n  return isValidElement(result) ? result : <>{result}</>\n}\n"],"mappings":";;;;;;;;;;AAyBA,MAAa,QAAY,EACvB,UACA,UACA,WAC6B;CAC7B,IAAI;CAEJ,IAAI,CAAC,MACH,SAAS;MAET,UAAA,GAAA,oBAAA,cAAA,SAAiB,UAAU,KAAK;CAIlC,QAAA,GAAA,MAAA,gBAAsB,OAAO,GAAG,SAAS,iBAAA,GAAA,kBAAA,KAAA,kBAAA,UAAA,EAAA,UAAG,QAAU,CAAA"}
+{"version":3,"file":"show.cjs","names":[],"sources":["../../../../src/components/show/show.tsx"],"sourcesContent":["import type { ReactNode } from \"react\"\nimport type { ReactNodeOrFunction } from \"../../utils\"\nimport { isValidElement } from \"react\"\nimport { runIfFn } from \"../../utils\"\n\nexport interface ShowProps<Y> {\n  /**\n   * The children to render if `when` is `true`\n   */\n  children: ReactNodeOrFunction<Y>\n  /**\n   * The fallback content to render if `when` is `false`\n   */\n  fallback?: ReactNode\n  /**\n   * If `true`, it'll render the `children` prop\n   */\n  when?: null | Y\n}\n\n/**\n * `Show` is a component that shows or hides its children based on a condition.\n *\n * @see https://yamada-ui.com/docs/components/show\n */\nexport const Show = <Y,>({\n  children,\n  fallback,\n  when,\n}: ShowProps<Y>): ReactNode => {\n  let result: ReactNode\n\n  if (!when) {\n    result = fallback\n  } else {\n    result = runIfFn(children, when)\n  }\n\n  // eslint-disable-next-line react/jsx-no-useless-fragment\n  return isValidElement(result) ? result : <>{result}</>\n}\n"],"mappings":";;;;;;;;;AAyBA,MAAa,QAAY,EACvB,UACA,UACA,WAC6B;CAC7B,IAAI;CAEJ,IAAI,CAAC,MACH,SAAS;MAET,UAAA,GAAA,oBAAA,cAAA,SAAiB,UAAU,IAAI;CAIjC,QAAA,GAAA,MAAA,gBAAsB,MAAM,IAAI,SAAS,iBAAA,GAAA,kBAAA,KAAA,kBAAA,UAAA,EAAA,UAAG,OAAS,CAAA;AACvD"}

package/dist/cjs/components/sidebar/sidebar.cjs

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_children = require("../../utils/children.cjs");
 const require_context = require("../../utils/context.cjs");
 const require_utils_index = require("../../utils/index.cjs");

package/dist/cjs/components/sidebar/sidebar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.cjs","names":["createContext","createSlotComponent","sidebarStyle","useBreakpointValue","useValue","useSidebar","SidebarDescendantsContext","SidebarContext","styled","useSidebarContext","useSplitChildren","mergeProps","useSidebarGroup","useIncludesChildren","useValidChildren","useLoadingComponent","useSidebarItem","SidebarItemContext","Tooltip","Collapse","ChevronRightIcon","Children"],"sources":["../../../../src/components/sidebar/sidebar.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren, ReactNode } from \"react\"\nimport type {\n  Breakpoint,\n  ExtractStyleValue,\n  HTMLProps,\n  HTMLStyledProps,\n  ThemeProps,\n} from \"../../core\"\nimport type { ReactNodeOrFunction } from \"../../utils\"\nimport type { CollapseProps } from \"../collapse\"\nimport type { Loading } from \"../loading\"\nimport type { WithTransitionProps } from \"../motion\"\nimport type {\n  UseSidebarGroupProps,\n  UseSidebarGroupReturn,\n  UseSidebarItemProps,\n  UseSidebarItemReturn,\n  UseSidebarProps,\n  UseSidebarReturn,\n} from \"./use-sidebar\"\nimport {\n  Children,\n  cloneElement,\n  isValidElement,\n  useCallback,\n  useMemo,\n} from \"react\"\nimport { createSlotComponent, mergeProps, styled } from \"../../core\"\nimport { useBreakpointValue } from \"../../hooks/use-breakpoint\"\nimport { useValue } from \"../../hooks/use-value\"\nimport {\n  cast,\n  createContext,\n  dataAttr,\n  isObject,\n  isString,\n  runIfFn,\n  useIncludesChildren,\n  useSplitChildren,\n  useValidChildren,\n} from \"../../utils\"\nimport { Collapse } from \"../collapse\"\nimport { Drawer } from \"../drawer\"\nimport { ChevronRightIcon } from \"../icon\"\nimport { useLoadingComponent } from \"../loading\"\nimport { Tooltip, type TooltipProps } from \"../tooltip\"\nimport { sidebarStyle, type SidebarStyle } from \"./sidebar.style\"\nimport {\n  SidebarContext,\n  SidebarDescendantsContext,\n  SidebarItemContext,\n  useSidebar,\n  useSidebarContext,\n  useSidebarGroup,\n  useSidebarItem,\n} from \"./use-sidebar\"\n\ninterface SidebarItemCallBackProps {\n  disabled?: boolean\n  expanded?: boolean\n}\n\ntype SidebarItemReactNode =\n  | ReactNodeOrFunction<SidebarItemCallBackProps>\n  | {\n      group: ReactNodeOrFunction<SidebarItemCallBackProps>\n      item?: ReactNodeOrFunction<SidebarItemCallBackProps>\n    }\n  | {\n      item: ReactNodeOrFunction<SidebarItemCallBackProps>\n      group?: ReactNodeOrFunction<SidebarItemCallBackProps>\n    }\n\ninterface SidebarItemSharedRenderProps\n  extends\n    Pick<SidebarItemProps, \"label\">,\n    Pick<\n      UseSidebarItemReturn,\n      | \"expanded\"\n      | \"expandedValue\"\n      | \"onExpandedChange\"\n      | \"onSelectedChange\"\n      | \"selected\"\n      | \"selectedValue\"\n      | \"value\"\n    > {\n  itemProps: HTMLStyledProps<\"li\">\n  linkProps: HTMLStyledProps<\"a\">\n  triggerProps: HTMLStyledProps<\"button\">\n  endElement?: ReactNode\n  startElement?: ReactNode\n}\n\ninterface SidebarItemRenderProps\n  extends\n    PropsWithChildren,\n    Omit<SidebarItemSharedRenderProps, \"endElement\" | \"startElement\">,\n    Pick<\n      UseSidebarItemReturn,\n      | \"group\"\n      | \"groupLoading\"\n      | \"groupOpen\"\n      | \"onGroupClose\"\n      | \"onGroupOpen\"\n      | \"onGroupToggle\"\n    > {\n  endElement: { group?: ReactNode; item?: ReactNode }\n  startElement: { group?: ReactNode; item?: ReactNode }\n  indicator?: ReactNode\n  link?: ReactNode\n  trigger?: ReactNode\n}\n\ninterface SidebarItemLinkRenderProps extends Omit<\n  SidebarItemSharedRenderProps,\n  \"itemProps\" | \"triggerProps\"\n> {}\n\ninterface SidebarItemTriggerRenderProps\n  extends\n    Omit<SidebarItemSharedRenderProps, \"itemProps\" | \"linkProps\">,\n    Pick<\n      UseSidebarItemReturn,\n      | \"groupLoading\"\n      | \"groupOpen\"\n      | \"onGroupClose\"\n      | \"onGroupOpen\"\n      | \"onGroupToggle\"\n    > {\n  indicator?: ReactNode\n}\n\ninterface SidebarItemRender {\n  item?: ReactNodeOrFunction<SidebarItemRenderProps>\n  link?: ReactNodeOrFunction<SidebarItemLinkRenderProps>\n  trigger?: ReactNodeOrFunction<SidebarItemTriggerRenderProps>\n}\n\ninterface SidebarGroup extends Omit<SidebarGroupProps, \"children\" | \"value\"> {\n  children: SidebarItemWithValue[]\n  group: true\n}\n\nexport interface SidebarItemWithValue extends Omit<\n  SidebarItemProps,\n  \"children\"\n> {\n  children?: SidebarItemWithValue[]\n}\n\nexport type SidebarItem = SidebarGroup | SidebarItemWithValue\n\nconst createKey = (props: SidebarItem, index: number) => {\n  return \"value\" in props ? props.value || index : index\n}\n\nconst getReactNodeOrFunction = (\n  type: \"group\" | \"item\",\n  custom?: SidebarItemReactNode,\n  root?: SidebarItemReactNode,\n): ReactNodeOrFunction<SidebarItemCallBackProps> => {\n  if (isObject(custom) && (\"group\" in custom || \"item\" in custom)) {\n    return custom[type]\n  } else if (custom) {\n    return custom\n  } else if (isObject(root) && (\"group\" in root || \"item\" in root)) {\n    return root[type]\n  } else {\n    return root\n  }\n}\n\ninterface ComponentContext extends Pick<\n  UseSidebarReturn,\n  | \"getContentProps\"\n  | \"getFooterProps\"\n  | \"getHeaderProps\"\n  | \"getSidePanelProps\"\n  | \"getTriggerProps\"\n> {\n  breakpoint: ExtractStyleValue<NonNullable<SidebarRootProps[\"breakpoint\"]>>\n  mode: ExtractStyleValue<NonNullable<SidebarRootProps[\"mode\"]>>\n  placement: ExtractStyleValue<NonNullable<SidebarRootProps[\"placement\"]>>\n}\n\ninterface GroupComponentContext\n  extends\n    Pick<SidebarGroupProps, \"contentProps\" | \"labelProps\">,\n    Pick<UseSidebarGroupReturn, \"getContentProps\" | \"getLabelProps\"> {}\n\nconst [GroupComponentContext, useGroupComponentContext] =\n  createContext<GroupComponentContext>({ name: \"GroupComponentContext\" })\n\ninterface ItemComponentContext {\n  contentProps: SidebarItemContentProps\n  endElementProps: SidebarItemEndElementProps\n  indicatorProps: SidebarItemIndicatorProps\n  labelProps: SidebarItemLabelProps\n  startElementProps: SidebarItemStartElementProps\n  tooltipProps: SidebarItemTooltipProps\n}\n\nconst [ItemComponentContext, useItemComponentContext] =\n  createContext<ItemComponentContext>({ name: \"ItemComponentContext\" })\n\ninterface SidePanelComponentContext extends Pick<\n  SidebarSidePanelProps,\n  | \"animated\"\n  | \"contentProps\"\n  | \"endElement\"\n  | \"endElementProps\"\n  | \"footerProps\"\n  | \"groupContentProps\"\n  | \"groupProps\"\n  | \"handleProps\"\n  | \"headerProps\"\n  | \"indicator\"\n  | \"indicatorHidden\"\n  | \"indicatorProps\"\n  | \"itemContentProps\"\n  | \"itemProps\"\n  | \"items\"\n  | \"labelProps\"\n  | \"linkProps\"\n  | \"loadingScheme\"\n  | \"menuProps\"\n  | \"render\"\n  | \"startElement\"\n  | \"startElementProps\"\n  | \"tooltipProps\"\n  | \"triggerProps\"\n> {}\n\nconst [SidePanelComponentContext, useSidePanelComponentContext] =\n  createContext<SidePanelComponentContext>({\n    name: \"SidePanelComponentContext\",\n  })\n\nexport interface SidebarRootProps\n  extends\n    HTMLStyledProps<\"div\">,\n    ThemeProps<SidebarStyle>,\n    Omit<UseSidebarProps, \"mobile\"> {\n  /**\n   * The breakpoint to use for the sidebar. If `false`, the sidebar will be always visible.\n   *\n   * @default 'md'\n   */\n  breakpoint?: Exclude<Breakpoint, \"base\"> | false\n}\n\nconst {\n  ComponentContext,\n  PropsContext: SidebarPropsContext,\n  useComponentContext,\n  usePropsContext: useSidebarPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<SidebarRootProps, SidebarStyle, ComponentContext>(\n  \"sidebar\",\n  sidebarStyle,\n)\n\nexport { SidebarPropsContext, useSidebarPropsContext }\n\n/**\n * `Sidebar` is a component that is used to display a list of items in a sidebar.\n *\n * @see https://yamada-ui.com/docs/components/sidebar\n */\nexport const SidebarRoot = withProvider<\n  \"div\",\n  SidebarRootProps,\n  \"mode\" | \"placement\"\n>(\n  ({\n    breakpoint = \"md\",\n    mode: modeProp = \"offcanvas\",\n    placement: placementProp = \"start\",\n    ...rest\n  }) => {\n    const mobile =\n      useBreakpointValue<boolean | undefined>(\n        breakpoint ? { [breakpoint]: true } : { base: false },\n      ) ?? false\n    const mode = useValue(modeProp)\n    const placement = useValue(placementProp)\n    const {\n      descendants,\n      expandedValue,\n      open,\n      selectedValue,\n      getContentProps,\n      getFooterProps,\n      getHeaderProps,\n      getRootProps,\n      getSidePanelProps,\n      getTriggerProps,\n      onClose,\n      onExpandedChange,\n      onOpen,\n      onSelectedChange,\n      onToggle,\n    } = useSidebar({ mobile, ...rest })\n    const context = useMemo(\n      () => ({\n        expandedValue,\n        mobile,\n        open,\n        selectedValue,\n        onClose,\n        onExpandedChange,\n        onOpen,\n        onSelectedChange,\n        onToggle,\n      }),\n      [\n        mobile,\n        expandedValue,\n        open,\n        selectedValue,\n        onClose,\n        onExpandedChange,\n        onOpen,\n        onSelectedChange,\n        onToggle,\n      ],\n    )\n    const componentContext = useMemo(\n      () => ({\n        breakpoint,\n        mode,\n        placement,\n        getContentProps,\n        getFooterProps,\n        getHeaderProps,\n        getSidePanelProps,\n        getTriggerProps,\n      }),\n      [\n        breakpoint,\n        mode,\n        placement,\n        getContentProps,\n        getFooterProps,\n        getHeaderProps,\n        getSidePanelProps,\n        getTriggerProps,\n      ],\n    )\n\n    return (\n      <SidebarDescendantsContext value={descendants}>\n        <SidebarContext value={context}>\n          <ComponentContext value={componentContext}>\n            <styled.div data-group {...getRootProps()} />\n          </ComponentContext>\n        </SidebarContext>\n      </SidebarDescendantsContext>\n    )\n  },\n  \"root\",\n  { transferProps: [\"mode\", \"placement\"] },\n)()\n\nexport interface SidebarMainPanelProps extends HTMLStyledProps {}\n\nexport const SidebarMainPanel = withContext<\"div\", SidebarMainPanelProps>(\n  \"div\",\n  \"mainPanel\",\n)()\n\nexport interface SidebarTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const SidebarTrigger = withContext<\"button\", SidebarTriggerProps>(\n  \"button\",\n  \"trigger\",\n)(undefined, (props) => {\n  const { getTriggerProps } = useComponentContext()\n\n  return { asChild: true, ...getTriggerProps(props) }\n})\n\nexport interface SidebarSidePanelProps\n  extends\n    Omit<HTMLStyledProps<\"aside\">, \"content\">,\n    Pick<SidebarContentProps, \"items\">,\n    Pick<\n      SidebarItemProps,\n      | \"animated\"\n      | \"endElement\"\n      | \"endElementProps\"\n      | \"indicator\"\n      | \"indicatorProps\"\n      | \"labelProps\"\n      | \"linkProps\"\n      | \"loadingScheme\"\n      | \"render\"\n      | \"startElement\"\n      | \"startElementProps\"\n      | \"tooltipProps\"\n      | \"triggerProps\"\n    > {\n  /**\n   * The content of the sidebar.\n   */\n  content?: ReactNode\n  /**\n   * The footer of the sidebar.\n   */\n  footer?: ReactNode\n  /**\n   * The header of the sidebar.\n   */\n  header?: ReactNode\n  /**\n   * If `true`, hide the tree indicator icon for all items.\n   *\n   * @default false\n   */\n  indicatorHidden?: boolean\n  /**\n   * If `true`, the sidebar will be rendered with a handle.\n   *\n   * @default true\n   */\n  withHandle?: boolean\n  /**\n   * Props for the content component.\n   */\n  contentProps?: SidebarContentProps\n  /**\n   * Props for the drawer component.\n   */\n  drawerProps?: Omit<\n    Drawer.RootProps,\n    | \"body\"\n    | \"cancel\"\n    | \"children\"\n    | \"footer\"\n    | \"header\"\n    | \"middle\"\n    | \"onCancel\"\n    | \"onClose\"\n    | \"onMiddle\"\n    | \"onOpen\"\n    | \"onSuccess\"\n    | \"open\"\n    | \"success\"\n    | \"title\"\n    | \"trigger\"\n  >\n  /**\n   * Props for the footer component.\n   */\n  footerProps?: SidebarFooterProps\n  /**\n   * Props for the group content component.\n   */\n  groupContentProps?: Omit<SidebarGroupContentProps, \"children\">\n  /**\n   * Props for the group component.\n   */\n  groupProps?: Omit<SidebarGroupProps, \"children\" | \"label\" | \"value\">\n  /**\n   * Props for the handle component.\n   */\n  handleProps?: SidebarHandleProps\n  /**\n   * Props for the header component.\n   */\n  headerProps?: SidebarHeaderProps\n  /**\n   * Props for the item content component.\n   */\n  itemContentProps?: SidebarItemContentProps\n  /**\n   * Props for the item component.\n   */\n  itemProps?: Omit<\n    SidebarItemProps,\n    \"children\" | \"items\" | \"label\" | \"open\" | \"value\"\n  >\n  /**\n   * Props for the menu component.\n   *\n   * @default 'md'\n   */\n  menuProps?: SidebarMenuProps\n}\n\nexport const SidebarSidePanel = withContext<\"aside\", SidebarSidePanelProps>(\n  ({\n    animated = true,\n    children,\n    content,\n    endElement,\n    footer,\n    header,\n    indicator,\n    indicatorHidden,\n    items,\n    loadingScheme,\n    render,\n    startElement,\n    withHandle = true,\n    contentProps,\n    drawerProps,\n    endElementProps,\n    footerProps,\n    groupContentProps,\n    groupProps,\n    handleProps,\n    headerProps,\n    indicatorProps,\n    itemContentProps,\n    itemProps,\n    labelProps,\n    linkProps,\n    menuProps,\n    startElementProps,\n    tooltipProps,\n    triggerProps,\n    ...rest\n  }) => {\n    const { mobile, open, onClose } = useSidebarContext()\n    const { breakpoint, placement, getSidePanelProps } = useComponentContext()\n    const [\n      omittedChildren,\n      customHeader,\n      customContent,\n      customFooter,\n      customHandle,\n    ] = useSplitChildren(\n      children,\n      SidebarHeader,\n      SidebarContent,\n      SidebarFooter,\n      SidebarHandle,\n    )\n    const context = useMemo(\n      () => ({\n        animated,\n        endElement,\n        indicator,\n        indicatorHidden,\n        items,\n        loadingScheme,\n        render,\n        startElement,\n        contentProps,\n        endElementProps,\n        footerProps,\n        groupContentProps,\n        groupProps,\n        handleProps,\n        headerProps,\n        indicatorProps,\n        itemContentProps,\n        itemProps,\n        labelProps,\n        linkProps,\n        menuProps,\n        startElementProps,\n        tooltipProps,\n        triggerProps,\n      }),\n      [\n        animated,\n        endElement,\n        indicator,\n        indicatorHidden,\n        items,\n        render,\n        loadingScheme,\n        startElement,\n        contentProps,\n        endElementProps,\n        footerProps,\n        groupContentProps,\n        groupProps,\n        handleProps,\n        headerProps,\n        indicatorProps,\n        itemContentProps,\n        itemProps,\n        labelProps,\n        linkProps,\n        menuProps,\n        startElementProps,\n        tooltipProps,\n        triggerProps,\n      ],\n    )\n\n    return (\n      <SidePanelComponentContext value={context}>\n        {mobile ? (\n          <Drawer.Root\n            size=\"sm\"\n            autoFocus={false}\n            duration={!animated ? 0 : undefined}\n            open={open}\n            placement={`inline-${placement}`}\n            withCloseButton={false}\n            portalProps={{ disabled: true }}\n            onClose={onClose}\n            {...drawerProps}\n          >\n            <Drawer.Content>\n              {customHeader ??\n                (header ? <SidebarHeader>{header}</SidebarHeader> : null)}\n\n              {customContent ??\n                (content || items ? (\n                  <SidebarContent>{content}</SidebarContent>\n                ) : null)}\n\n              {customFooter ??\n                (footer ? <SidebarFooter>{footer}</SidebarFooter> : null)}\n            </Drawer.Content>\n          </Drawer.Root>\n        ) : (\n          <>\n            <SidebarGap\n              data-animated={dataAttr(animated)}\n              display={\n                breakpoint\n                  ? { base: undefined, [breakpoint]: \"none\" }\n                  : undefined\n              }\n            />\n\n            <styled.aside\n              data-animated={dataAttr(animated)}\n              data-group\n              display={\n                breakpoint\n                  ? { base: undefined, [breakpoint]: \"none\" }\n                  : undefined\n              }\n              {...getSidePanelProps(rest)}\n            >\n              {customHeader ??\n                (header ? <SidebarHeader>{header}</SidebarHeader> : null)}\n              {customContent ??\n                (content || items ? (\n                  <SidebarContent>{content}</SidebarContent>\n                ) : null)}\n              {customFooter ??\n                (footer ? <SidebarFooter>{footer}</SidebarFooter> : null)}\n              {customHandle ?? (withHandle ? <SidebarHandle /> : null)}\n\n              {omittedChildren}\n            </styled.aside>\n          </>\n        )}\n      </SidePanelComponentContext>\n    )\n  },\n  \"sidePanel\",\n)()\n\ninterface SidebarGapProps extends HTMLStyledProps<\"div\"> {}\n\nconst SidebarGap = withContext<\"div\", SidebarGapProps>(\"div\", \"gap\")()\n\nexport interface SidebarHeaderProps extends HTMLStyledProps<\"header\"> {}\n\nexport const SidebarHeader = withContext<\"header\", SidebarHeaderProps>(\n  \"header\",\n  \"header\",\n)(undefined, (props) => {\n  const { getHeaderProps } = useComponentContext()\n  const { headerProps } = useSidePanelComponentContext()\n\n  return getHeaderProps(mergeProps(headerProps, props)())\n})\n\nexport interface SidebarFooterProps extends HTMLStyledProps<\"footer\"> {}\n\nexport const SidebarFooter = withContext<\"footer\", SidebarFooterProps>(\n  \"footer\",\n  \"footer\",\n)(undefined, (props) => {\n  const { getFooterProps } = useComponentContext()\n  const { footerProps } = useSidePanelComponentContext()\n\n  return getFooterProps(mergeProps(footerProps, props)())\n})\n\nexport interface SidebarContentProps extends HTMLStyledProps<\"ul\"> {\n  /**\n   * If provided, generate elements based on items.\n   */\n  items?: SidebarItem[]\n}\n\nexport const SidebarContent = withContext<\"ul\", SidebarContentProps>(\n  ({ children, items, ...rest }) => {\n    const { getContentProps } = useComponentContext()\n    const { items: rootItems, contentProps } = useSidePanelComponentContext()\n    const computedChildren = useMemo(() => {\n      if (children) return children\n\n      return (items ?? rootItems)?.map((props, index) => {\n        const key = createKey(props, index)\n\n        if (\"group\" in props) {\n          const { children, group: _, ...rest } = props\n\n          return <SidebarGroup key={key} items={children} {...rest} />\n        } else {\n          const { children, ...rest } = props\n\n          return <SidebarItem key={key} items={children} {...rest} />\n        }\n      })\n    }, [children, items, rootItems])\n\n    return (\n      <styled.ul {...getContentProps(mergeProps(contentProps, rest)())}>\n        {computedChildren}\n      </styled.ul>\n    )\n  },\n  \"content\",\n)()\n\nexport interface SidebarHandleProps extends HTMLStyledProps<\"button\"> {}\n\nexport const SidebarHandle = withContext<\"button\", SidebarHandleProps>(\n  (props) => {\n    const { handleProps } = useSidePanelComponentContext()\n\n    return (\n      <SidebarTrigger {...mergeProps(handleProps, props)()}>\n        <styled.button tabIndex={-1} />\n      </SidebarTrigger>\n    )\n  },\n  \"handle\",\n)()\n\nexport interface SidebarGroupProps\n  extends\n    Omit<HTMLStyledProps<\"li\">, \"content\" | \"value\">,\n    UseSidebarGroupProps {\n  /**\n   * If provided, generate elements based on items.\n   */\n  items?: SidebarItemWithValue[]\n  /**\n   * The label of the group.\n   */\n  label?: ReactNode\n  /**\n   * Props for the content component.\n   */\n  contentProps?: Omit<SidebarGroupContentProps, \"children\">\n  /**\n   * Props for the label component.\n   */\n  labelProps?: HTMLStyledProps<\"span\">\n}\n\nexport const SidebarGroup = withContext<\"li\", SidebarGroupProps>(\n  ({\n    children,\n    items,\n    label,\n    value: valueProp = isString(label) ? label : undefined,\n    contentProps,\n    labelProps,\n    ...rest\n  }) => {\n    const { groupProps } = useSidePanelComponentContext()\n    const computedChildren = useMemo(() => {\n      if (children) return children\n\n      return items?.map(({ children, ...rest }, index) => {\n        const key = createKey(rest, index)\n\n        return <SidebarItem key={key} items={children} {...rest} />\n      })\n    }, [children, items])\n    const [omittedChildren, customLabel, customContent] = useSplitChildren(\n      computedChildren,\n      SidebarGroupLabel,\n      SidebarGroupContent,\n    )\n    const { getContentProps, getLabelProps, getRootProps } = useSidebarGroup({\n      ...mergeProps(groupProps, rest)(),\n      value: valueProp,\n    })\n    const context = useMemo(\n      () => ({ contentProps, getContentProps, getLabelProps, labelProps }),\n      [getLabelProps, labelProps, getContentProps, contentProps],\n    )\n\n    return (\n      <GroupComponentContext value={context}>\n        <styled.li {...getRootProps()}>\n          {customLabel ??\n            (label ? <SidebarGroupLabel>{label}</SidebarGroupLabel> : null)}\n          {customContent ?? (\n            <SidebarGroupContent>{omittedChildren}</SidebarGroupContent>\n          )}\n        </styled.li>\n      </GroupComponentContext>\n    )\n  },\n  \"group\",\n)()\n\nexport interface SidebarGroupLabelProps extends HTMLStyledProps<\"span\"> {}\n\nexport const SidebarGroupLabel = withContext<\"span\", SidebarGroupLabelProps>(\n  \"span\",\n  \"groupLabel\",\n)(undefined, (props) => {\n  const { getLabelProps, labelProps } = useGroupComponentContext()\n\n  return getLabelProps(mergeProps(labelProps, props)())\n})\n\nexport interface SidebarGroupContentProps extends HTMLStyledProps<\"div\"> {}\n\nexport const SidebarGroupContent = withContext<\"div\", SidebarGroupContentProps>(\n  \"div\",\n  \"groupContent\",\n)(undefined, ({ children, ...rest }) => {\n  const validChildren = useValidChildren(children)\n  const list = useIncludesChildren(validChildren, SidebarItem)\n  const { groupContentProps } = useSidePanelComponentContext()\n  const { contentProps, getContentProps } = useGroupComponentContext()\n\n  return {\n    as: list ? \"ul\" : \"div\",\n    children,\n    ...getContentProps(mergeProps(groupContentProps, contentProps, rest)()),\n  }\n})\n\nexport interface SidebarMenuProps extends HTMLStyledProps<\"div\"> {}\n\nexport const SidebarMenu = withContext<\"div\", SidebarMenuProps>(\"div\", \"menu\")(\n  undefined,\n  (props) => {\n    const { menuProps } = useSidePanelComponentContext()\n\n    return { \"data-menu\": \"\", ...mergeProps(menuProps, props)() }\n  },\n)\n\nexport interface SidebarMenuButtonProps extends HTMLStyledProps<\"button\"> {}\n\nexport const SidebarMenuButton = withContext<\"button\", SidebarMenuButtonProps>(\n  \"button\",\n  [\"menu\", \"button\"],\n)(undefined, (props) => {\n  const { open } = useSidebarContext()\n  const { mode } = useComponentContext()\n  const { menuProps } = useSidePanelComponentContext()\n  const offcanvas = mode === \"offcanvas\"\n  const { disabled, ...rest } = mergeProps(menuProps, props)()\n\n  return {\n    \"data-menu\": \"\",\n    disabled,\n    ...rest,\n    tabIndex: (!offcanvas || open) && !disabled ? 0 : -1,\n  }\n})\n\nexport interface SidebarItemProps\n  extends\n    Omit<HTMLStyledProps<\"li\">, \"value\">,\n    Omit<UseSidebarItemProps, \"asyncChildren\"> {\n  /**\n   * The label to display in the item.\n   */\n  label: ReactNode\n  /**\n   * If `true`, the sidebar item will be animated.\n   *\n   * @default true\n   */\n  animated?: boolean\n  /**\n   * The element to display at the end of the item.\n   */\n  endElement?: SidebarItemReactNode\n  /**\n   * The sidebar item indicator icon to use.\n   */\n  indicator?: ReactNodeOrFunction<SidebarItemCallBackProps>\n  /**\n   * If provided, generate elements based on items.\n   */\n  items?: SidebarItemWithValue[]\n  /**\n   * The loading scheme.\n   *\n   * @default 'oval'\n   */\n  loadingScheme?: Loading.Scheme\n  /**\n   * If provided, the sidebar item will be rendered with custom components.\n   */\n  render?: SidebarItemRender\n  /**\n   * The element to display at the start of the item.\n   */\n  startElement?: SidebarItemReactNode\n  /**\n   * Props for the content component.\n   */\n  contentProps?: Omit<SidebarItemContentProps, \"children\">\n  /**\n   * Props for the end component.\n   */\n  endElementProps?: SidebarItemEndElementProps\n  /**\n   * Props for the indicator component.\n   */\n  indicatorProps?: SidebarItemIndicatorProps\n  /**\n   * Props for the label component.\n   */\n  labelProps?: SidebarItemLabelProps\n  /**\n   * Props for the link component.\n   */\n  linkProps?: SidebarItemLinkProps\n  /**\n   * Props for the start component.\n   */\n  startElementProps?: SidebarItemStartElementProps\n  /**\n   * Props for the tooltip component.\n   */\n  tooltipProps?: Omit<SidebarItemTooltipProps, \"children\" | \"content\">\n  /**\n   * Props for the trigger component.\n   */\n  triggerProps?: SidebarItemTriggerProps\n  /**\n   * If provided, the sidebar item will be rendered as an async sidebar item.\n   */\n  asyncChildren?: () => Promise<SidebarItemWithValue[]>\n}\n\nexport const SidebarItem = withContext<\"li\", SidebarItemProps>(\n  ({\n    animated: animatedProp,\n    asyncChildren: asyncChildrenProp,\n    children: childrenProp,\n    endElement,\n    indicator: indicatorProp,\n    items,\n    label,\n    loadingScheme,\n    render,\n    startElement,\n    contentProps,\n    endElementProps,\n    indicatorProps,\n    labelProps,\n    linkProps,\n    startElementProps,\n    tooltipProps,\n    triggerProps,\n    ...rest\n  }) => {\n    const { mode } = useComponentContext()\n    const offcanvas = mode === \"offcanvas\"\n    const componentContext = useSidePanelComponentContext()\n    const Loading = useLoadingComponent(\n      loadingScheme ?? componentContext.loadingScheme ?? \"oval\",\n    )\n    const computedChildren = useMemo(() => {\n      if (childrenProp) return childrenProp\n\n      return items?.map(({ children, ...rest }, index) => {\n        const key = createKey(rest, index)\n\n        return <SidebarItem key={key} items={children} {...rest} />\n      })\n    }, [childrenProp, items])\n    const asyncChildren = useCallback(async () => {\n      const items = await asyncChildrenProp?.()\n\n      return items?.map(({ children, ...rest }, index) => {\n        const key = createKey(rest, index)\n\n        return <SidebarItem key={key} items={children} {...rest} />\n      })\n    }, [asyncChildrenProp])\n    const {\n      branchOpen,\n      children,\n      disabled,\n      expanded,\n      expandedValue,\n      group,\n      groupLoading,\n      groupOpen,\n      open,\n      selected,\n      selectedValue,\n      value,\n      getContentProps,\n      getIndicatorProps,\n      getItemProps,\n      getLabelProps,\n      getLinkProps,\n      getTriggerProps,\n      onExpandedChange,\n      onGroupClose,\n      onGroupOpen,\n      onGroupToggle,\n      onSelectedChange,\n    } = useSidebarItem({\n      ...mergeProps(componentContext.itemProps, rest)(),\n      asyncChildren: asyncChildrenProp ? asyncChildren : undefined,\n      children: computedChildren,\n    })\n    const animated = animatedProp ?? componentContext.animated ?? true\n    const tabIndex = offcanvas\n      ? open && expanded && !disabled\n        ? 0\n        : -1\n      : expanded && !disabled\n        ? 0\n        : -1\n    const callbackProps = useMemo(\n      () => ({ disabled, expanded: groupOpen }),\n      [disabled, groupOpen],\n    )\n    const mergedTriggerProps = useMemo(() => {\n      return getTriggerProps({\n        tabIndex,\n        ...mergeProps(componentContext.triggerProps, triggerProps)(),\n      }) as SidebarItemTriggerProps\n    }, [getTriggerProps, tabIndex, componentContext.triggerProps, triggerProps])\n    const mergedLinkProps = useMemo(() => {\n      return getLinkProps({\n        tabIndex,\n        ...mergeProps(componentContext.linkProps, linkProps)(),\n      }) as SidebarItemLinkProps\n    }, [getLinkProps, tabIndex, componentContext.linkProps, linkProps])\n    const indicator = useMemo<ReactNode>(\n      () => runIfFn(indicatorProp ?? componentContext.indicator, callbackProps),\n      [indicatorProp, componentContext.indicator, callbackProps],\n    )\n    const groupStartElement = useMemo<ReactNode>(\n      () =>\n        runIfFn(\n          getReactNodeOrFunction(\n            \"group\",\n            startElement,\n            componentContext.startElement,\n          ),\n          callbackProps,\n        ),\n      [startElement, componentContext.startElement, callbackProps],\n    )\n    const groupEndElement = useMemo<ReactNode>(\n      () =>\n        runIfFn(\n          getReactNodeOrFunction(\n            \"group\",\n            endElement,\n            componentContext.endElement,\n          ),\n          callbackProps,\n        ),\n      [endElement, componentContext.endElement, callbackProps],\n    )\n    const itemStartElement = useMemo<ReactNode>(\n      () =>\n        runIfFn(\n          getReactNodeOrFunction(\n            \"item\",\n            startElement,\n            componentContext.startElement,\n          ),\n          callbackProps,\n        ),\n      [startElement, componentContext.startElement, callbackProps],\n    )\n    const itemEndElement = useMemo<ReactNode>(\n      () =>\n        runIfFn(\n          getReactNodeOrFunction(\n            \"item\",\n            endElement,\n            componentContext.endElement,\n          ),\n          callbackProps,\n        ),\n      [endElement, componentContext.endElement, callbackProps],\n    )\n    const trigger = useMemo<ReactNode>(\n      () =>\n        runIfFn(render?.trigger ?? componentContext.render?.trigger, {\n          endElement: groupEndElement,\n          expanded,\n          expandedValue,\n          groupLoading,\n          groupOpen,\n          indicator,\n          label,\n          selected,\n          selectedValue,\n          startElement: groupStartElement,\n          value,\n          triggerProps: mergedTriggerProps,\n          onExpandedChange,\n          onGroupClose,\n          onGroupOpen,\n          onGroupToggle,\n          onSelectedChange,\n        }),\n      [\n        render?.trigger,\n        componentContext.render?.trigger,\n        groupEndElement,\n        expanded,\n        expandedValue,\n        groupLoading,\n        groupOpen,\n        indicator,\n        label,\n        selected,\n        selectedValue,\n        groupStartElement,\n        value,\n        mergedTriggerProps,\n        onExpandedChange,\n        onGroupClose,\n        onGroupOpen,\n        onGroupToggle,\n        onSelectedChange,\n      ],\n    )\n    const link = useMemo<ReactNode>(\n      () =>\n        runIfFn(render?.link ?? componentContext.render?.link, {\n          endElement: itemEndElement,\n          expanded,\n          expandedValue,\n          label,\n          selected,\n          selectedValue,\n          startElement: itemStartElement,\n          value,\n          linkProps: mergedLinkProps,\n          onExpandedChange,\n          onSelectedChange,\n        }),\n      [\n        render?.link,\n        componentContext.render?.link,\n        itemEndElement,\n        expanded,\n        expandedValue,\n        label,\n        selected,\n        selectedValue,\n        itemStartElement,\n        value,\n        mergedLinkProps,\n        onExpandedChange,\n        onSelectedChange,\n      ],\n    )\n    const item = useMemo<ReactNode>(\n      () =>\n        runIfFn(render?.item ?? componentContext.render?.item, {\n          children,\n          endElement: { group: groupEndElement, item: itemEndElement },\n          expanded,\n          expandedValue,\n          group,\n          groupLoading,\n          groupOpen,\n          indicator,\n          label,\n          link,\n          selected,\n          selectedValue,\n          startElement: { group: groupStartElement, item: itemStartElement },\n          trigger,\n          value,\n          itemProps: getItemProps() as HTMLStyledProps<\"li\">,\n          linkProps: mergedLinkProps,\n          triggerProps: mergedTriggerProps,\n          onExpandedChange,\n          onGroupClose,\n          onGroupOpen,\n          onGroupToggle,\n          onSelectedChange,\n        }),\n      [\n        render?.item,\n        componentContext.render?.item,\n        children,\n        groupEndElement,\n        itemEndElement,\n        expanded,\n        expandedValue,\n        group,\n        groupLoading,\n        groupOpen,\n        indicator,\n        label,\n        link,\n        selected,\n        selectedValue,\n        groupStartElement,\n        itemStartElement,\n        trigger,\n        value,\n        getItemProps,\n        mergedLinkProps,\n        mergedTriggerProps,\n        onExpandedChange,\n        onGroupClose,\n        onGroupOpen,\n        onGroupToggle,\n        onSelectedChange,\n      ],\n    )\n    const context = useMemo(\n      () => ({ branchOpen, groupOpen }),\n      [branchOpen, groupOpen],\n    )\n    const itemComponentContext = useMemo(\n      () => ({\n        contentProps: {\n          duration: !animated ? 0 : undefined,\n          open: groupOpen,\n          ...getContentProps(\n            mergeProps(componentContext.itemContentProps, contentProps)(),\n          ),\n        },\n        endElementProps: mergeProps(\n          componentContext.endElementProps,\n          endElementProps,\n        )(),\n        indicatorProps: getIndicatorProps({\n          \"data-animated\": dataAttr(animated),\n          ...mergeProps(componentContext.indicatorProps, indicatorProps)(),\n        }) as SidebarItemIndicatorProps,\n        labelProps: getLabelProps(\n          mergeProps(componentContext.labelProps, labelProps)(),\n        ) as SidebarItemLabelProps,\n        startElementProps: mergeProps(\n          componentContext.startElementProps,\n          startElementProps,\n        )(),\n        tooltipProps: {\n          content: label,\n          disabled: open,\n          ...mergeProps(componentContext.tooltipProps, tooltipProps)(),\n        },\n      }),\n      [\n        animated,\n        componentContext.endElementProps,\n        componentContext.indicatorProps,\n        componentContext.itemContentProps,\n        componentContext.labelProps,\n        componentContext.startElementProps,\n        componentContext.tooltipProps,\n        contentProps,\n        endElementProps,\n        getContentProps,\n        getIndicatorProps,\n        getLabelProps,\n        groupOpen,\n        indicatorProps,\n        label,\n        labelProps,\n        open,\n        startElementProps,\n        tooltipProps,\n      ],\n    )\n\n    return (\n      <SidebarItemContext value={context}>\n        <ItemComponentContext value={itemComponentContext}>\n          {item ?? (\n            <styled.li {...getItemProps()}>\n              {group ? (\n                <>\n                  {trigger ?? (\n                    <SidebarItemTrigger {...mergedTriggerProps}>\n                      {groupStartElement ? (\n                        <SidebarItemStartElement>\n                          {groupStartElement}\n                        </SidebarItemStartElement>\n                      ) : null}\n                      {label ? (\n                        <SidebarItemLabel>{label}</SidebarItemLabel>\n                      ) : null}\n                      {groupEndElement ? (\n                        <SidebarItemEndElement>\n                          {groupEndElement}\n                        </SidebarItemEndElement>\n                      ) : null}\n                      <SidebarItemIndicator>\n                        {groupLoading ? (\n                          <Loading />\n                        ) : (\n                          runIfFn(indicator, callbackProps)\n                        )}\n                      </SidebarItemIndicator>\n                    </SidebarItemTrigger>\n                  )}\n\n                  <SidebarItemContent>{children}</SidebarItemContent>\n                </>\n              ) : (\n                (link ?? (\n                  <SidebarItemLink {...mergedLinkProps}>\n                    {itemStartElement ? (\n                      <SidebarItemStartElement>\n                        {itemStartElement}\n                      </SidebarItemStartElement>\n                    ) : null}\n                    {label ? (\n                      <SidebarItemLabel>{label}</SidebarItemLabel>\n                    ) : null}\n                    {itemEndElement ? (\n                      <SidebarItemEndElement>\n                        {itemEndElement}\n                      </SidebarItemEndElement>\n                    ) : null}\n                  </SidebarItemLink>\n                ))\n              )}\n            </styled.li>\n          )}\n        </ItemComponentContext>\n      </SidebarItemContext>\n    )\n  },\n  \"item\",\n)()\n\ninterface SidebarItemTooltipProps extends TooltipProps {}\n\nconst SidebarItemTooltip: FC<SidebarItemTooltipProps> = (props) => {\n  const { tooltipProps } = useItemComponentContext()\n  const { children, disabled, ...rest } = mergeProps(tooltipProps, props)()\n  const { mode, placement } = useComponentContext()\n  const offcanvas = mode === \"offcanvas\"\n\n  if (offcanvas || disabled) {\n    return children\n  } else {\n    return (\n      <Tooltip\n        closeOnClick={false}\n        gutter={16}\n        placement={`center-${placement === \"start\" ? \"end\" : \"start\"}`}\n        {...rest}\n      >\n        {children}\n      </Tooltip>\n    )\n  }\n}\n\nexport interface SidebarItemTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const SidebarItemTrigger = withContext<\n  \"button\",\n  SidebarItemTriggerProps\n>((props) => {\n  return (\n    <SidebarItemTooltip>\n      <styled.button {...props} />\n    </SidebarItemTooltip>\n  )\n}, \"itemTrigger\")()\n\nexport interface SidebarItemLinkProps extends HTMLStyledProps<\"a\"> {}\n\nexport const SidebarItemLink = withContext<\"a\", SidebarItemLinkProps>(\n  (props) => {\n    return (\n      <SidebarItemTooltip>\n        <styled.a {...props} />\n      </SidebarItemTooltip>\n    )\n  },\n  \"itemLink\",\n)()\n\nexport interface SidebarItemContentProps\n  extends\n    Omit<HTMLStyledProps<\"ul\">, \"transition\">,\n    Pick<CollapseProps, \"animationOpacity\" | keyof WithTransitionProps> {}\n\nexport const SidebarItemContent = withContext<\"ul\", SidebarItemContentProps>(\n  (props) => {\n    const { contentProps } = useItemComponentContext()\n\n    return (\n      <Collapse\n        as=\"ul\"\n        {...cast<CollapseProps>(mergeProps(contentProps, props)())}\n      />\n    )\n  },\n  \"itemContent\",\n)()\n\nexport interface SidebarItemIndicatorProps extends HTMLStyledProps<\"svg\"> {}\n\nexport const SidebarItemIndicator = withContext<\n  \"svg\",\n  SidebarItemIndicatorProps\n>(({ children = <ChevronRightIcon />, ...rest }) => {\n  const { indicatorHidden } = useSidePanelComponentContext()\n\n  if (indicatorHidden) return null\n\n  if (isValidElement<HTMLProps<\"svg\">>(children))\n    return cloneElement(children, { ...rest, ...children.props })\n\n  return Children.count(children) > 1 ? Children.only(null) : null\n}, \"itemIndicator\")(undefined, (props) => {\n  const { indicatorProps } = useItemComponentContext()\n\n  return mergeProps(indicatorProps, props)()\n})\n\nexport interface SidebarItemStartElementProps extends HTMLStyledProps {}\n\nexport const SidebarItemStartElement = withContext<\n  \"div\",\n  SidebarItemStartElementProps\n>(\"div\", {\n  name: \"ItemStartElement\",\n  slot: [\"itemElement\", \"start\"],\n})(undefined, (props) => {\n  const { startElementProps } = useItemComponentContext()\n\n  return mergeProps(startElementProps, props)()\n})\n\nexport interface SidebarItemEndElementProps extends HTMLStyledProps {}\n\nexport const SidebarItemEndElement = withContext<\n  \"div\",\n  SidebarItemEndElementProps\n>(\"div\", {\n  name: \"ItemEndElement\",\n  slot: [\"itemElement\", \"end\"],\n})(undefined, (props) => {\n  const { endElementProps } = useItemComponentContext()\n\n  return mergeProps(endElementProps, props)()\n})\n\nexport interface SidebarItemLabelProps extends HTMLStyledProps<\"span\"> {}\n\nexport const SidebarItemLabel = withContext<\"span\", SidebarItemLabelProps>(\n  \"span\",\n  \"itemLabel\",\n)(undefined, (props) => {\n  const { labelProps } = useItemComponentContext()\n\n  return mergeProps(labelProps, props)()\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AA0JA,MAAM,aAAa,OAAoB,UAAkB;CACvD,OAAO,WAAW,QAAQ,MAAM,SAAS,QAAQ;;AAGnD,MAAM,0BACJ,MACA,QACA,SACkD;CAClD,KAAA,GAAA,oBAAA,cAAA,UAAa,OAAO,KAAK,WAAW,UAAU,UAAU,SACtD,OAAO,OAAO;MACT,IAAI,QACT,OAAO;MACF,KAAA,GAAA,oBAAA,cAAA,UAAa,KAAK,KAAK,WAAW,QAAQ,UAAU,OACzD,OAAO,KAAK;MAEZ,OAAO;;AAsBX,MAAM,CAAC,uBAAuB,4BAC5BA,gBAAAA,cAAqC,EAAE,MAAM,yBAAyB,CAAC;AAWzE,MAAM,CAAC,sBAAsB,2BAC3BA,gBAAAA,cAAoC,EAAE,MAAM,wBAAwB,CAAC;AA8BvE,MAAM,CAAC,2BAA2B,gCAChCA,gBAAAA,cAAyC,EACvC,MAAM,6BACP,CAAC;AAeJ,MAAM,EACJ,kBACA,cAAc,qBACd,qBACA,iBAAiB,wBACjB,aACA,iBACEC,yBAAAA,oBACF,WACAC,sBAAAA,aACD;;;;;;AASD,MAAa,cAAc,cAKxB,EACC,aAAa,MACb,MAAM,WAAW,aACjB,WAAW,gBAAgB,SAC3B,GAAG,WACC;CACJ,MAAM,SACJC,6BAAAA,mBACE,aAAa,GAAG,aAAa,MAAM,GAAG,EAAE,MAAM,OAAO,CACtD,IAAI;CACP,MAAM,OAAOC,8BAAAA,SAAS,SAAS;CAC/B,MAAM,YAAYA,8BAAAA,SAAS,cAAc;CACzC,MAAM,EACJ,aACA,eACA,MACA,eACA,iBACA,gBACA,gBACA,cACA,mBACA,iBACA,SACA,kBACA,QACA,kBACA,aACEC,oBAAAA,WAAW;EAAE;EAAQ,GAAG;EAAM,CAAC;CAgDnC,OACE,iBAAA,GAAA,kBAAA,KAACC,oBAAAA,2BAAD;EAA2B,OAAO;YAChC,iBAAA,GAAA,kBAAA,KAACC,oBAAAA,gBAAD;GAAgB,QAAA,GAAA,MAAA,gBAhDX;IACL;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACD,GACD;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACD,CA2B+B;aAC5B,iBAAA,GAAA,kBAAA,KAAC,kBAAD;IAAkB,QAAA,GAAA,MAAA,gBAzBf;KACL;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACD,GACD;KACE;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACD,CAM4C;cACvC,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,OAAO,KAAR;KAAY,cAAA;KAAW,GAAI,cAAc;KAAI,CAAA;IAC5B,CAAA;GACJ,CAAA;EACS,CAAA;GAGhC,QACA,EAAE,eAAe,CAAC,QAAQ,YAAY,EAAE,CACzC,EAAE;AAIH,MAAa,mBAAmB,YAC9B,OACA,YACD,EAAE;AAIH,MAAa,iBAAiB,YAC5B,UACA,UACD,CAAC,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,oBAAoB,qBAAqB;CAEjD,OAAO;EAAE,SAAS;EAAM,GAAG,gBAAgB,MAAM;EAAE;EACnD;AA8GF,MAAa,mBAAmB,aAC7B,EACC,WAAW,MACX,UACA,SACA,YACA,QACA,QACA,WACA,iBACA,OACA,eACA,QACA,cACA,aAAa,MACb,cACA,aACA,iBACA,aACA,mBACA,YACA,aACA,aACA,gBACA,kBACA,WACA,YACA,WACA,WACA,mBACA,cACA,cACA,GAAG,WACC;CACJ,MAAM,EAAE,QAAQ,MAAM,YAAYC,oBAAAA,mBAAmB;CACrD,MAAM,EAAE,YAAY,WAAW,sBAAsB,qBAAqB;CAC1E,MAAM,CACJ,iBACA,cACA,eACA,cACA,gBACEC,iBAAAA,iBACF,UACA,eACA,gBACA,eACA,cACD;CAwDD,OACE,iBAAA,GAAA,kBAAA,KAAC,2BAAD;EAA2B,QAAA,GAAA,MAAA,gBAvDpB;GACL;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAIwC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"}
+{"version":3,"file":"sidebar.cjs","names":["createContext","createSlotComponent","sidebarStyle","useBreakpointValue","useValue","useSidebar","SidebarDescendantsContext","SidebarContext","styled","useSidebarContext","useSplitChildren","mergeProps","useSidebarGroup","useIncludesChildren","useValidChildren","useLoadingComponent","useSidebarItem","SidebarItemContext","Tooltip","Collapse","ChevronRightIcon","Children"],"sources":["../../../../src/components/sidebar/sidebar.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren, ReactNode } from \"react\"\nimport type {\n  Breakpoint,\n  ExtractStyleValue,\n  HTMLProps,\n  HTMLStyledProps,\n  ThemeProps,\n} from \"../../core\"\nimport type { ReactNodeOrFunction } from \"../../utils\"\nimport type { CollapseProps } from \"../collapse\"\nimport type { Loading } from \"../loading\"\nimport type { WithTransitionProps } from \"../motion\"\nimport type {\n  UseSidebarGroupProps,\n  UseSidebarGroupReturn,\n  UseSidebarItemProps,\n  UseSidebarItemReturn,\n  UseSidebarProps,\n  UseSidebarReturn,\n} from \"./use-sidebar\"\nimport {\n  Children,\n  cloneElement,\n  isValidElement,\n  useCallback,\n  useMemo,\n} from \"react\"\nimport { createSlotComponent, mergeProps, styled } from \"../../core\"\nimport { useBreakpointValue } from \"../../hooks/use-breakpoint\"\nimport { useValue } from \"../../hooks/use-value\"\nimport {\n  cast,\n  createContext,\n  dataAttr,\n  isObject,\n  isString,\n  runIfFn,\n  useIncludesChildren,\n  useSplitChildren,\n  useValidChildren,\n} from \"../../utils\"\nimport { Collapse } from \"../collapse\"\nimport { Drawer } from \"../drawer\"\nimport { ChevronRightIcon } from \"../icon\"\nimport { useLoadingComponent } from \"../loading\"\nimport { Tooltip, type TooltipProps } from \"../tooltip\"\nimport { sidebarStyle, type SidebarStyle } from \"./sidebar.style\"\nimport {\n  SidebarContext,\n  SidebarDescendantsContext,\n  SidebarItemContext,\n  useSidebar,\n  useSidebarContext,\n  useSidebarGroup,\n  useSidebarItem,\n} from \"./use-sidebar\"\n\ninterface SidebarItemCallBackProps {\n  disabled?: boolean\n  expanded?: boolean\n}\n\ntype SidebarItemReactNode =\n  | ReactNodeOrFunction<SidebarItemCallBackProps>\n  | {\n      group: ReactNodeOrFunction<SidebarItemCallBackProps>\n      item?: ReactNodeOrFunction<SidebarItemCallBackProps>\n    }\n  | {\n      item: ReactNodeOrFunction<SidebarItemCallBackProps>\n      group?: ReactNodeOrFunction<SidebarItemCallBackProps>\n    }\n\ninterface SidebarItemSharedRenderProps\n  extends\n    Pick<SidebarItemProps, \"label\">,\n    Pick<\n      UseSidebarItemReturn,\n      | \"expanded\"\n      | \"expandedValue\"\n      | \"onExpandedChange\"\n      | \"onSelectedChange\"\n      | \"selected\"\n      | \"selectedValue\"\n      | \"value\"\n    > {\n  itemProps: HTMLStyledProps<\"li\">\n  linkProps: HTMLStyledProps<\"a\">\n  triggerProps: HTMLStyledProps<\"button\">\n  endElement?: ReactNode\n  startElement?: ReactNode\n}\n\ninterface SidebarItemRenderProps\n  extends\n    PropsWithChildren,\n    Omit<SidebarItemSharedRenderProps, \"endElement\" | \"startElement\">,\n    Pick<\n      UseSidebarItemReturn,\n      | \"group\"\n      | \"groupLoading\"\n      | \"groupOpen\"\n      | \"onGroupClose\"\n      | \"onGroupOpen\"\n      | \"onGroupToggle\"\n    > {\n  endElement: { group?: ReactNode; item?: ReactNode }\n  startElement: { group?: ReactNode; item?: ReactNode }\n  indicator?: ReactNode\n  link?: ReactNode\n  trigger?: ReactNode\n}\n\ninterface SidebarItemLinkRenderProps extends Omit<\n  SidebarItemSharedRenderProps,\n  \"itemProps\" | \"triggerProps\"\n> {}\n\ninterface SidebarItemTriggerRenderProps\n  extends\n    Omit<SidebarItemSharedRenderProps, \"itemProps\" | \"linkProps\">,\n    Pick<\n      UseSidebarItemReturn,\n      | \"groupLoading\"\n      | \"groupOpen\"\n      | \"onGroupClose\"\n      | \"onGroupOpen\"\n      | \"onGroupToggle\"\n    > {\n  indicator?: ReactNode\n}\n\ninterface SidebarItemRender {\n  item?: ReactNodeOrFunction<SidebarItemRenderProps>\n  link?: ReactNodeOrFunction<SidebarItemLinkRenderProps>\n  trigger?: ReactNodeOrFunction<SidebarItemTriggerRenderProps>\n}\n\ninterface SidebarGroup extends Omit<SidebarGroupProps, \"children\" | \"value\"> {\n  children: SidebarItemWithValue[]\n  group: true\n}\n\nexport interface SidebarItemWithValue extends Omit<\n  SidebarItemProps,\n  \"children\"\n> {\n  children?: SidebarItemWithValue[]\n}\n\nexport type SidebarItem = SidebarGroup | SidebarItemWithValue\n\nconst createKey = (props: SidebarItem, index: number) => {\n  return \"value\" in props ? props.value || index : index\n}\n\nconst getReactNodeOrFunction = (\n  type: \"group\" | \"item\",\n  custom?: SidebarItemReactNode,\n  root?: SidebarItemReactNode,\n): ReactNodeOrFunction<SidebarItemCallBackProps> => {\n  if (isObject(custom) && (\"group\" in custom || \"item\" in custom)) {\n    return custom[type]\n  } else if (custom) {\n    return custom\n  } else if (isObject(root) && (\"group\" in root || \"item\" in root)) {\n    return root[type]\n  } else {\n    return root\n  }\n}\n\ninterface ComponentContext extends Pick<\n  UseSidebarReturn,\n  | \"getContentProps\"\n  | \"getFooterProps\"\n  | \"getHeaderProps\"\n  | \"getSidePanelProps\"\n  | \"getTriggerProps\"\n> {\n  breakpoint: ExtractStyleValue<NonNullable<SidebarRootProps[\"breakpoint\"]>>\n  mode: ExtractStyleValue<NonNullable<SidebarRootProps[\"mode\"]>>\n  placement: ExtractStyleValue<NonNullable<SidebarRootProps[\"placement\"]>>\n}\n\ninterface GroupComponentContext\n  extends\n    Pick<SidebarGroupProps, \"contentProps\" | \"labelProps\">,\n    Pick<UseSidebarGroupReturn, \"getContentProps\" | \"getLabelProps\"> {}\n\nconst [GroupComponentContext, useGroupComponentContext] =\n  createContext<GroupComponentContext>({ name: \"GroupComponentContext\" })\n\ninterface ItemComponentContext {\n  contentProps: SidebarItemContentProps\n  endElementProps: SidebarItemEndElementProps\n  indicatorProps: SidebarItemIndicatorProps\n  labelProps: SidebarItemLabelProps\n  startElementProps: SidebarItemStartElementProps\n  tooltipProps: SidebarItemTooltipProps\n}\n\nconst [ItemComponentContext, useItemComponentContext] =\n  createContext<ItemComponentContext>({ name: \"ItemComponentContext\" })\n\ninterface SidePanelComponentContext extends Pick<\n  SidebarSidePanelProps,\n  | \"animated\"\n  | \"contentProps\"\n  | \"endElement\"\n  | \"endElementProps\"\n  | \"footerProps\"\n  | \"groupContentProps\"\n  | \"groupProps\"\n  | \"handleProps\"\n  | \"headerProps\"\n  | \"indicator\"\n  | \"indicatorHidden\"\n  | \"indicatorProps\"\n  | \"itemContentProps\"\n  | \"itemProps\"\n  | \"items\"\n  | \"labelProps\"\n  | \"linkProps\"\n  | \"loadingScheme\"\n  | \"menuProps\"\n  | \"render\"\n  | \"startElement\"\n  | \"startElementProps\"\n  | \"tooltipProps\"\n  | \"triggerProps\"\n> {}\n\nconst [SidePanelComponentContext, useSidePanelComponentContext] =\n  createContext<SidePanelComponentContext>({\n    name: \"SidePanelComponentContext\",\n  })\n\nexport interface SidebarRootProps\n  extends\n    HTMLStyledProps<\"div\">,\n    ThemeProps<SidebarStyle>,\n    Omit<UseSidebarProps, \"mobile\"> {\n  /**\n   * The breakpoint to use for the sidebar. If `false`, the sidebar will be always visible.\n   *\n   * @default 'md'\n   */\n  breakpoint?: Exclude<Breakpoint, \"base\"> | false\n}\n\nconst {\n  ComponentContext,\n  PropsContext: SidebarPropsContext,\n  useComponentContext,\n  usePropsContext: useSidebarPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<SidebarRootProps, SidebarStyle, ComponentContext>(\n  \"sidebar\",\n  sidebarStyle,\n)\n\nexport { SidebarPropsContext, useSidebarPropsContext }\n\n/**\n * `Sidebar` is a component that is used to display a list of items in a sidebar.\n *\n * @see https://yamada-ui.com/docs/components/sidebar\n */\nexport const SidebarRoot = withProvider<\n  \"div\",\n  SidebarRootProps,\n  \"mode\" | \"placement\"\n>(\n  ({\n    breakpoint = \"md\",\n    mode: modeProp = \"offcanvas\",\n    placement: placementProp = \"start\",\n    ...rest\n  }) => {\n    const mobile =\n      useBreakpointValue<boolean | undefined>(\n        breakpoint ? { [breakpoint]: true } : { base: false },\n      ) ?? false\n    const mode = useValue(modeProp)\n    const placement = useValue(placementProp)\n    const {\n      descendants,\n      expandedValue,\n      open,\n      selectedValue,\n      getContentProps,\n      getFooterProps,\n      getHeaderProps,\n      getRootProps,\n      getSidePanelProps,\n      getTriggerProps,\n      onClose,\n      onExpandedChange,\n      onOpen,\n      onSelectedChange,\n      onToggle,\n    } = useSidebar({ mobile, ...rest })\n    const context = useMemo(\n      () => ({\n        expandedValue,\n        mobile,\n        open,\n        selectedValue,\n        onClose,\n        onExpandedChange,\n        onOpen,\n        onSelectedChange,\n        onToggle,\n      }),\n      [\n        mobile,\n        expandedValue,\n        open,\n        selectedValue,\n        onClose,\n        onExpandedChange,\n        onOpen,\n        onSelectedChange,\n        onToggle,\n      ],\n    )\n    const componentContext = useMemo(\n      () => ({\n        breakpoint,\n        mode,\n        placement,\n        getContentProps,\n        getFooterProps,\n        getHeaderProps,\n        getSidePanelProps,\n        getTriggerProps,\n      }),\n      [\n        breakpoint,\n        mode,\n        placement,\n        getContentProps,\n        getFooterProps,\n        getHeaderProps,\n        getSidePanelProps,\n        getTriggerProps,\n      ],\n    )\n\n    return (\n      <SidebarDescendantsContext value={descendants}>\n        <SidebarContext value={context}>\n          <ComponentContext value={componentContext}>\n            <styled.div data-group {...getRootProps()} />\n          </ComponentContext>\n        </SidebarContext>\n      </SidebarDescendantsContext>\n    )\n  },\n  \"root\",\n  { transferProps: [\"mode\", \"placement\"] },\n)()\n\nexport interface SidebarMainPanelProps extends HTMLStyledProps {}\n\nexport const SidebarMainPanel = withContext<\"div\", SidebarMainPanelProps>(\n  \"div\",\n  \"mainPanel\",\n)()\n\nexport interface SidebarTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const SidebarTrigger = withContext<\"button\", SidebarTriggerProps>(\n  \"button\",\n  \"trigger\",\n)(undefined, (props) => {\n  const { getTriggerProps } = useComponentContext()\n\n  return { asChild: true, ...getTriggerProps(props) }\n})\n\nexport interface SidebarSidePanelProps\n  extends\n    Omit<HTMLStyledProps<\"aside\">, \"content\">,\n    Pick<SidebarContentProps, \"items\">,\n    Pick<\n      SidebarItemProps,\n      | \"animated\"\n      | \"endElement\"\n      | \"endElementProps\"\n      | \"indicator\"\n      | \"indicatorProps\"\n      | \"labelProps\"\n      | \"linkProps\"\n      | \"loadingScheme\"\n      | \"render\"\n      | \"startElement\"\n      | \"startElementProps\"\n      | \"tooltipProps\"\n      | \"triggerProps\"\n    > {\n  /**\n   * The content of the sidebar.\n   */\n  content?: ReactNode\n  /**\n   * The footer of the sidebar.\n   */\n  footer?: ReactNode\n  /**\n   * The header of the sidebar.\n   */\n  header?: ReactNode\n  /**\n   * If `true`, hide the tree indicator icon for all items.\n   *\n   * @default false\n   */\n  indicatorHidden?: boolean\n  /**\n   * If `true`, the sidebar will be rendered with a handle.\n   *\n   * @default true\n   */\n  withHandle?: boolean\n  /**\n   * Props for the content component.\n   */\n  contentProps?: SidebarContentProps\n  /**\n   * Props for the drawer component.\n   */\n  drawerProps?: Omit<\n    Drawer.RootProps,\n    | \"body\"\n    | \"cancel\"\n    | \"children\"\n    | \"footer\"\n    | \"header\"\n    | \"middle\"\n    | \"onCancel\"\n    | \"onClose\"\n    | \"onMiddle\"\n    | \"onOpen\"\n    | \"onSuccess\"\n    | \"open\"\n    | \"success\"\n    | \"title\"\n    | \"trigger\"\n  >\n  /**\n   * Props for the footer component.\n   */\n  footerProps?: SidebarFooterProps\n  /**\n   * Props for the group content component.\n   */\n  groupContentProps?: Omit<SidebarGroupContentProps, \"children\">\n  /**\n   * Props for the group component.\n   */\n  groupProps?: Omit<SidebarGroupProps, \"children\" | \"label\" | \"value\">\n  /**\n   * Props for the handle component.\n   */\n  handleProps?: SidebarHandleProps\n  /**\n   * Props for the header component.\n   */\n  headerProps?: SidebarHeaderProps\n  /**\n   * Props for the item content component.\n   */\n  itemContentProps?: SidebarItemContentProps\n  /**\n   * Props for the item component.\n   */\n  itemProps?: Omit<\n    SidebarItemProps,\n    \"children\" | \"items\" | \"label\" | \"open\" | \"value\"\n  >\n  /**\n   * Props for the menu component.\n   *\n   * @default 'md'\n   */\n  menuProps?: SidebarMenuProps\n}\n\nexport const SidebarSidePanel = withContext<\"aside\", SidebarSidePanelProps>(\n  ({\n    animated = true,\n    children,\n    content,\n    endElement,\n    footer,\n    header,\n    indicator,\n    indicatorHidden,\n    items,\n    loadingScheme,\n    render,\n    startElement,\n    withHandle = true,\n    contentProps,\n    drawerProps,\n    endElementProps,\n    footerProps,\n    groupContentProps,\n    groupProps,\n    handleProps,\n    headerProps,\n    indicatorProps,\n    itemContentProps,\n    itemProps,\n    labelProps,\n    linkProps,\n    menuProps,\n    startElementProps,\n    tooltipProps,\n    triggerProps,\n    ...rest\n  }) => {\n    const { mobile, open, onClose } = useSidebarContext()\n    const { breakpoint, placement, getSidePanelProps } = useComponentContext()\n    const [\n      omittedChildren,\n      customHeader,\n      customContent,\n      customFooter,\n      customHandle,\n    ] = useSplitChildren(\n      children,\n      SidebarHeader,\n      SidebarContent,\n      SidebarFooter,\n      SidebarHandle,\n    )\n    const context = useMemo(\n      () => ({\n        animated,\n        endElement,\n        indicator,\n        indicatorHidden,\n        items,\n        loadingScheme,\n        render,\n        startElement,\n        contentProps,\n        endElementProps,\n        footerProps,\n        groupContentProps,\n        groupProps,\n        handleProps,\n        headerProps,\n        indicatorProps,\n        itemContentProps,\n        itemProps,\n        labelProps,\n        linkProps,\n        menuProps,\n        startElementProps,\n        tooltipProps,\n        triggerProps,\n      }),\n      [\n        animated,\n        endElement,\n        indicator,\n        indicatorHidden,\n        items,\n        render,\n        loadingScheme,\n        startElement,\n        contentProps,\n        endElementProps,\n        footerProps,\n        groupContentProps,\n        groupProps,\n        handleProps,\n        headerProps,\n        indicatorProps,\n        itemContentProps,\n        itemProps,\n        labelProps,\n        linkProps,\n        menuProps,\n        startElementProps,\n        tooltipProps,\n        triggerProps,\n      ],\n    )\n\n    return (\n      <SidePanelComponentContext value={context}>\n        {mobile ? (\n          <Drawer.Root\n            size=\"sm\"\n            autoFocus={false}\n            duration={!animated ? 0 : undefined}\n            open={open}\n            placement={`inline-${placement}`}\n            withCloseButton={false}\n            portalProps={{ disabled: true }}\n            onClose={onClose}\n            {...drawerProps}\n          >\n            <Drawer.Content>\n              {customHeader ??\n                (header ? <SidebarHeader>{header}</SidebarHeader> : null)}\n\n              {customContent ??\n                (content || items ? (\n                  <SidebarContent>{content}</SidebarContent>\n                ) : null)}\n\n              {customFooter ??\n                (footer ? <SidebarFooter>{footer}</SidebarFooter> : null)}\n            </Drawer.Content>\n          </Drawer.Root>\n        ) : (\n          <>\n            <SidebarGap\n              data-animated={dataAttr(animated)}\n              display={\n                breakpoint\n                  ? { base: undefined, [breakpoint]: \"none\" }\n                  : undefined\n              }\n            />\n\n            <styled.aside\n              data-animated={dataAttr(animated)}\n              data-group\n              display={\n                breakpoint\n                  ? { base: undefined, [breakpoint]: \"none\" }\n                  : undefined\n              }\n              {...getSidePanelProps(rest)}\n            >\n              {customHeader ??\n                (header ? <SidebarHeader>{header}</SidebarHeader> : null)}\n              {customContent ??\n                (content || items ? (\n                  <SidebarContent>{content}</SidebarContent>\n                ) : null)}\n              {customFooter ??\n                (footer ? <SidebarFooter>{footer}</SidebarFooter> : null)}\n              {customHandle ?? (withHandle ? <SidebarHandle /> : null)}\n\n              {omittedChildren}\n            </styled.aside>\n          </>\n        )}\n      </SidePanelComponentContext>\n    )\n  },\n  \"sidePanel\",\n)()\n\ninterface SidebarGapProps extends HTMLStyledProps<\"div\"> {}\n\nconst SidebarGap = withContext<\"div\", SidebarGapProps>(\"div\", \"gap\")()\n\nexport interface SidebarHeaderProps extends HTMLStyledProps<\"header\"> {}\n\nexport const SidebarHeader = withContext<\"header\", SidebarHeaderProps>(\n  \"header\",\n  \"header\",\n)(undefined, (props) => {\n  const { getHeaderProps } = useComponentContext()\n  const { headerProps } = useSidePanelComponentContext()\n\n  return getHeaderProps(mergeProps(headerProps, props)())\n})\n\nexport interface SidebarFooterProps extends HTMLStyledProps<\"footer\"> {}\n\nexport const SidebarFooter = withContext<\"footer\", SidebarFooterProps>(\n  \"footer\",\n  \"footer\",\n)(undefined, (props) => {\n  const { getFooterProps } = useComponentContext()\n  const { footerProps } = useSidePanelComponentContext()\n\n  return getFooterProps(mergeProps(footerProps, props)())\n})\n\nexport interface SidebarContentProps extends HTMLStyledProps<\"ul\"> {\n  /**\n   * If provided, generate elements based on items.\n   */\n  items?: SidebarItem[]\n}\n\nexport const SidebarContent = withContext<\"ul\", SidebarContentProps>(\n  ({ children, items, ...rest }) => {\n    const { getContentProps } = useComponentContext()\n    const { items: rootItems, contentProps } = useSidePanelComponentContext()\n    const computedChildren = useMemo(() => {\n      if (children) return children\n\n      return (items ?? rootItems)?.map((props, index) => {\n        const key = createKey(props, index)\n\n        if (\"group\" in props) {\n          const { children, group: _, ...rest } = props\n\n          return <SidebarGroup key={key} items={children} {...rest} />\n        } else {\n          const { children, ...rest } = props\n\n          return <SidebarItem key={key} items={children} {...rest} />\n        }\n      })\n    }, [children, items, rootItems])\n\n    return (\n      <styled.ul {...getContentProps(mergeProps(contentProps, rest)())}>\n        {computedChildren}\n      </styled.ul>\n    )\n  },\n  \"content\",\n)()\n\nexport interface SidebarHandleProps extends HTMLStyledProps<\"button\"> {}\n\nexport const SidebarHandle = withContext<\"button\", SidebarHandleProps>(\n  (props) => {\n    const { handleProps } = useSidePanelComponentContext()\n\n    return (\n      <SidebarTrigger {...mergeProps(handleProps, props)()}>\n        <styled.button tabIndex={-1} />\n      </SidebarTrigger>\n    )\n  },\n  \"handle\",\n)()\n\nexport interface SidebarGroupProps\n  extends\n    Omit<HTMLStyledProps<\"li\">, \"content\" | \"value\">,\n    UseSidebarGroupProps {\n  /**\n   * If provided, generate elements based on items.\n   */\n  items?: SidebarItemWithValue[]\n  /**\n   * The label of the group.\n   */\n  label?: ReactNode\n  /**\n   * Props for the content component.\n   */\n  contentProps?: Omit<SidebarGroupContentProps, \"children\">\n  /**\n   * Props for the label component.\n   */\n  labelProps?: HTMLStyledProps<\"span\">\n}\n\nexport const SidebarGroup = withContext<\"li\", SidebarGroupProps>(\n  ({\n    children,\n    items,\n    label,\n    value: valueProp = isString(label) ? label : undefined,\n    contentProps,\n    labelProps,\n    ...rest\n  }) => {\n    const { groupProps } = useSidePanelComponentContext()\n    const computedChildren = useMemo(() => {\n      if (children) return children\n\n      return items?.map(({ children, ...rest }, index) => {\n        const key = createKey(rest, index)\n\n        return <SidebarItem key={key} items={children} {...rest} />\n      })\n    }, [children, items])\n    const [omittedChildren, customLabel, customContent] = useSplitChildren(\n      computedChildren,\n      SidebarGroupLabel,\n      SidebarGroupContent,\n    )\n    const { getContentProps, getLabelProps, getRootProps } = useSidebarGroup({\n      ...mergeProps(groupProps, rest)(),\n      value: valueProp,\n    })\n    const context = useMemo(\n      () => ({ contentProps, getContentProps, getLabelProps, labelProps }),\n      [getLabelProps, labelProps, getContentProps, contentProps],\n    )\n\n    return (\n      <GroupComponentContext value={context}>\n        <styled.li {...getRootProps()}>\n          {customLabel ??\n            (label ? <SidebarGroupLabel>{label}</SidebarGroupLabel> : null)}\n          {customContent ?? (\n            <SidebarGroupContent>{omittedChildren}</SidebarGroupContent>\n          )}\n        </styled.li>\n      </GroupComponentContext>\n    )\n  },\n  \"group\",\n)()\n\nexport interface SidebarGroupLabelProps extends HTMLStyledProps<\"span\"> {}\n\nexport const SidebarGroupLabel = withContext<\"span\", SidebarGroupLabelProps>(\n  \"span\",\n  \"groupLabel\",\n)(undefined, (props) => {\n  const { getLabelProps, labelProps } = useGroupComponentContext()\n\n  return getLabelProps(mergeProps(labelProps, props)())\n})\n\nexport interface SidebarGroupContentProps extends HTMLStyledProps<\"div\"> {}\n\nexport const SidebarGroupContent = withContext<\"div\", SidebarGroupContentProps>(\n  \"div\",\n  \"groupContent\",\n)(undefined, ({ children, ...rest }) => {\n  const validChildren = useValidChildren(children)\n  const list = useIncludesChildren(validChildren, SidebarItem)\n  const { groupContentProps } = useSidePanelComponentContext()\n  const { contentProps, getContentProps } = useGroupComponentContext()\n\n  return {\n    as: list ? \"ul\" : \"div\",\n    children,\n    ...getContentProps(mergeProps(groupContentProps, contentProps, rest)()),\n  }\n})\n\nexport interface SidebarMenuProps extends HTMLStyledProps<\"div\"> {}\n\nexport const SidebarMenu = withContext<\"div\", SidebarMenuProps>(\"div\", \"menu\")(\n  undefined,\n  (props) => {\n    const { menuProps } = useSidePanelComponentContext()\n\n    return { \"data-menu\": \"\", ...mergeProps(menuProps, props)() }\n  },\n)\n\nexport interface SidebarMenuButtonProps extends HTMLStyledProps<\"button\"> {}\n\nexport const SidebarMenuButton = withContext<\"button\", SidebarMenuButtonProps>(\n  \"button\",\n  [\"menu\", \"button\"],\n)(undefined, (props) => {\n  const { open } = useSidebarContext()\n  const { mode } = useComponentContext()\n  const { menuProps } = useSidePanelComponentContext()\n  const offcanvas = mode === \"offcanvas\"\n  const { disabled, ...rest } = mergeProps(menuProps, props)()\n\n  return {\n    \"data-menu\": \"\",\n    disabled,\n    ...rest,\n    tabIndex: (!offcanvas || open) && !disabled ? 0 : -1,\n  }\n})\n\nexport interface SidebarItemProps\n  extends\n    Omit<HTMLStyledProps<\"li\">, \"value\">,\n    Omit<UseSidebarItemProps, \"asyncChildren\"> {\n  /**\n   * The label to display in the item.\n   */\n  label: ReactNode\n  /**\n   * If `true`, the sidebar item will be animated.\n   *\n   * @default true\n   */\n  animated?: boolean\n  /**\n   * The element to display at the end of the item.\n   */\n  endElement?: SidebarItemReactNode\n  /**\n   * The sidebar item indicator icon to use.\n   */\n  indicator?: ReactNodeOrFunction<SidebarItemCallBackProps>\n  /**\n   * If provided, generate elements based on items.\n   */\n  items?: SidebarItemWithValue[]\n  /**\n   * The loading scheme.\n   *\n   * @default 'oval'\n   */\n  loadingScheme?: Loading.Scheme\n  /**\n   * If provided, the sidebar item will be rendered with custom components.\n   */\n  render?: SidebarItemRender\n  /**\n   * The element to display at the start of the item.\n   */\n  startElement?: SidebarItemReactNode\n  /**\n   * Props for the content component.\n   */\n  contentProps?: Omit<SidebarItemContentProps, \"children\">\n  /**\n   * Props for the end component.\n   */\n  endElementProps?: SidebarItemEndElementProps\n  /**\n   * Props for the indicator component.\n   */\n  indicatorProps?: SidebarItemIndicatorProps\n  /**\n   * Props for the label component.\n   */\n  labelProps?: SidebarItemLabelProps\n  /**\n   * Props for the link component.\n   */\n  linkProps?: SidebarItemLinkProps\n  /**\n   * Props for the start component.\n   */\n  startElementProps?: SidebarItemStartElementProps\n  /**\n   * Props for the tooltip component.\n   */\n  tooltipProps?: Omit<SidebarItemTooltipProps, \"children\" | \"content\">\n  /**\n   * Props for the trigger component.\n   */\n  triggerProps?: SidebarItemTriggerProps\n  /**\n   * If provided, the sidebar item will be rendered as an async sidebar item.\n   */\n  asyncChildren?: () => Promise<SidebarItemWithValue[]>\n}\n\nexport const SidebarItem = withContext<\"li\", SidebarItemProps>(\n  ({\n    animated: animatedProp,\n    asyncChildren: asyncChildrenProp,\n    children: childrenProp,\n    endElement,\n    indicator: indicatorProp,\n    items,\n    label,\n    loadingScheme,\n    render,\n    startElement,\n    contentProps,\n    endElementProps,\n    indicatorProps,\n    labelProps,\n    linkProps,\n    startElementProps,\n    tooltipProps,\n    triggerProps,\n    ...rest\n  }) => {\n    const { mode } = useComponentContext()\n    const offcanvas = mode === \"offcanvas\"\n    const componentContext = useSidePanelComponentContext()\n    const Loading = useLoadingComponent(\n      loadingScheme ?? componentContext.loadingScheme ?? \"oval\",\n    )\n    const computedChildren = useMemo(() => {\n      if (childrenProp) return childrenProp\n\n      return items?.map(({ children, ...rest }, index) => {\n        const key = createKey(rest, index)\n\n        return <SidebarItem key={key} items={children} {...rest} />\n      })\n    }, [childrenProp, items])\n    const asyncChildren = useCallback(async () => {\n      const items = await asyncChildrenProp?.()\n\n      return items?.map(({ children, ...rest }, index) => {\n        const key = createKey(rest, index)\n\n        return <SidebarItem key={key} items={children} {...rest} />\n      })\n    }, [asyncChildrenProp])\n    const {\n      branchOpen,\n      children,\n      disabled,\n      expanded,\n      expandedValue,\n      group,\n      groupLoading,\n      groupOpen,\n      open,\n      selected,\n      selectedValue,\n      value,\n      getContentProps,\n      getIndicatorProps,\n      getItemProps,\n      getLabelProps,\n      getLinkProps,\n      getTriggerProps,\n      onExpandedChange,\n      onGroupClose,\n      onGroupOpen,\n      onGroupToggle,\n      onSelectedChange,\n    } = useSidebarItem({\n      ...mergeProps(componentContext.itemProps, rest)(),\n      asyncChildren: asyncChildrenProp ? asyncChildren : undefined,\n      children: computedChildren,\n    })\n    const animated = animatedProp ?? componentContext.animated ?? true\n    const tabIndex = offcanvas\n      ? open && expanded && !disabled\n        ? 0\n        : -1\n      : expanded && !disabled\n        ? 0\n        : -1\n    const callbackProps = useMemo(\n      () => ({ disabled, expanded: groupOpen }),\n      [disabled, groupOpen],\n    )\n    const mergedTriggerProps = useMemo(() => {\n      return getTriggerProps({\n        tabIndex,\n        ...mergeProps(componentContext.triggerProps, triggerProps)(),\n      }) as SidebarItemTriggerProps\n    }, [getTriggerProps, tabIndex, componentContext.triggerProps, triggerProps])\n    const mergedLinkProps = useMemo(() => {\n      return getLinkProps({\n        tabIndex,\n        ...mergeProps(componentContext.linkProps, linkProps)(),\n      }) as SidebarItemLinkProps\n    }, [getLinkProps, tabIndex, componentContext.linkProps, linkProps])\n    const indicator = useMemo<ReactNode>(\n      () => runIfFn(indicatorProp ?? componentContext.indicator, callbackProps),\n      [indicatorProp, componentContext.indicator, callbackProps],\n    )\n    const groupStartElement = useMemo<ReactNode>(\n      () =>\n        runIfFn(\n          getReactNodeOrFunction(\n            \"group\",\n            startElement,\n            componentContext.startElement,\n          ),\n          callbackProps,\n        ),\n      [startElement, componentContext.startElement, callbackProps],\n    )\n    const groupEndElement = useMemo<ReactNode>(\n      () =>\n        runIfFn(\n          getReactNodeOrFunction(\n            \"group\",\n            endElement,\n            componentContext.endElement,\n          ),\n          callbackProps,\n        ),\n      [endElement, componentContext.endElement, callbackProps],\n    )\n    const itemStartElement = useMemo<ReactNode>(\n      () =>\n        runIfFn(\n          getReactNodeOrFunction(\n            \"item\",\n            startElement,\n            componentContext.startElement,\n          ),\n          callbackProps,\n        ),\n      [startElement, componentContext.startElement, callbackProps],\n    )\n    const itemEndElement = useMemo<ReactNode>(\n      () =>\n        runIfFn(\n          getReactNodeOrFunction(\n            \"item\",\n            endElement,\n            componentContext.endElement,\n          ),\n          callbackProps,\n        ),\n      [endElement, componentContext.endElement, callbackProps],\n    )\n    const trigger = useMemo<ReactNode>(\n      () =>\n        runIfFn(render?.trigger ?? componentContext.render?.trigger, {\n          endElement: groupEndElement,\n          expanded,\n          expandedValue,\n          groupLoading,\n          groupOpen,\n          indicator,\n          label,\n          selected,\n          selectedValue,\n          startElement: groupStartElement,\n          value,\n          triggerProps: mergedTriggerProps,\n          onExpandedChange,\n          onGroupClose,\n          onGroupOpen,\n          onGroupToggle,\n          onSelectedChange,\n        }),\n      [\n        render?.trigger,\n        componentContext.render?.trigger,\n        groupEndElement,\n        expanded,\n        expandedValue,\n        groupLoading,\n        groupOpen,\n        indicator,\n        label,\n        selected,\n        selectedValue,\n        groupStartElement,\n        value,\n        mergedTriggerProps,\n        onExpandedChange,\n        onGroupClose,\n        onGroupOpen,\n        onGroupToggle,\n        onSelectedChange,\n      ],\n    )\n    const link = useMemo<ReactNode>(\n      () =>\n        runIfFn(render?.link ?? componentContext.render?.link, {\n          endElement: itemEndElement,\n          expanded,\n          expandedValue,\n          label,\n          selected,\n          selectedValue,\n          startElement: itemStartElement,\n          value,\n          linkProps: mergedLinkProps,\n          onExpandedChange,\n          onSelectedChange,\n        }),\n      [\n        render?.link,\n        componentContext.render?.link,\n        itemEndElement,\n        expanded,\n        expandedValue,\n        label,\n        selected,\n        selectedValue,\n        itemStartElement,\n        value,\n        mergedLinkProps,\n        onExpandedChange,\n        onSelectedChange,\n      ],\n    )\n    const item = useMemo<ReactNode>(\n      () =>\n        runIfFn(render?.item ?? componentContext.render?.item, {\n          children,\n          endElement: { group: groupEndElement, item: itemEndElement },\n          expanded,\n          expandedValue,\n          group,\n          groupLoading,\n          groupOpen,\n          indicator,\n          label,\n          link,\n          selected,\n          selectedValue,\n          startElement: { group: groupStartElement, item: itemStartElement },\n          trigger,\n          value,\n          itemProps: getItemProps() as HTMLStyledProps<\"li\">,\n          linkProps: mergedLinkProps,\n          triggerProps: mergedTriggerProps,\n          onExpandedChange,\n          onGroupClose,\n          onGroupOpen,\n          onGroupToggle,\n          onSelectedChange,\n        }),\n      [\n        render?.item,\n        componentContext.render?.item,\n        children,\n        groupEndElement,\n        itemEndElement,\n        expanded,\n        expandedValue,\n        group,\n        groupLoading,\n        groupOpen,\n        indicator,\n        label,\n        link,\n        selected,\n        selectedValue,\n        groupStartElement,\n        itemStartElement,\n        trigger,\n        value,\n        getItemProps,\n        mergedLinkProps,\n        mergedTriggerProps,\n        onExpandedChange,\n        onGroupClose,\n        onGroupOpen,\n        onGroupToggle,\n        onSelectedChange,\n      ],\n    )\n    const context = useMemo(\n      () => ({ branchOpen, groupOpen }),\n      [branchOpen, groupOpen],\n    )\n    const itemComponentContext = useMemo(\n      () => ({\n        contentProps: {\n          duration: !animated ? 0 : undefined,\n          open: groupOpen,\n          ...getContentProps(\n            mergeProps(componentContext.itemContentProps, contentProps)(),\n          ),\n        },\n        endElementProps: mergeProps(\n          componentContext.endElementProps,\n          endElementProps,\n        )(),\n        indicatorProps: getIndicatorProps({\n          \"data-animated\": dataAttr(animated),\n          ...mergeProps(componentContext.indicatorProps, indicatorProps)(),\n        }) as SidebarItemIndicatorProps,\n        labelProps: getLabelProps(\n          mergeProps(componentContext.labelProps, labelProps)(),\n        ) as SidebarItemLabelProps,\n        startElementProps: mergeProps(\n          componentContext.startElementProps,\n          startElementProps,\n        )(),\n        tooltipProps: {\n          content: label,\n          disabled: open,\n          ...mergeProps(componentContext.tooltipProps, tooltipProps)(),\n        },\n      }),\n      [\n        animated,\n        componentContext.endElementProps,\n        componentContext.indicatorProps,\n        componentContext.itemContentProps,\n        componentContext.labelProps,\n        componentContext.startElementProps,\n        componentContext.tooltipProps,\n        contentProps,\n        endElementProps,\n        getContentProps,\n        getIndicatorProps,\n        getLabelProps,\n        groupOpen,\n        indicatorProps,\n        label,\n        labelProps,\n        open,\n        startElementProps,\n        tooltipProps,\n      ],\n    )\n\n    return (\n      <SidebarItemContext value={context}>\n        <ItemComponentContext value={itemComponentContext}>\n          {item ?? (\n            <styled.li {...getItemProps()}>\n              {group ? (\n                <>\n                  {trigger ?? (\n                    <SidebarItemTrigger {...mergedTriggerProps}>\n                      {groupStartElement ? (\n                        <SidebarItemStartElement>\n                          {groupStartElement}\n                        </SidebarItemStartElement>\n                      ) : null}\n                      {label ? (\n                        <SidebarItemLabel>{label}</SidebarItemLabel>\n                      ) : null}\n                      {groupEndElement ? (\n                        <SidebarItemEndElement>\n                          {groupEndElement}\n                        </SidebarItemEndElement>\n                      ) : null}\n                      <SidebarItemIndicator>\n                        {groupLoading ? (\n                          <Loading />\n                        ) : (\n                          runIfFn(indicator, callbackProps)\n                        )}\n                      </SidebarItemIndicator>\n                    </SidebarItemTrigger>\n                  )}\n\n                  <SidebarItemContent>{children}</SidebarItemContent>\n                </>\n              ) : (\n                (link ?? (\n                  <SidebarItemLink {...mergedLinkProps}>\n                    {itemStartElement ? (\n                      <SidebarItemStartElement>\n                        {itemStartElement}\n                      </SidebarItemStartElement>\n                    ) : null}\n                    {label ? (\n                      <SidebarItemLabel>{label}</SidebarItemLabel>\n                    ) : null}\n                    {itemEndElement ? (\n                      <SidebarItemEndElement>\n                        {itemEndElement}\n                      </SidebarItemEndElement>\n                    ) : null}\n                  </SidebarItemLink>\n                ))\n              )}\n            </styled.li>\n          )}\n        </ItemComponentContext>\n      </SidebarItemContext>\n    )\n  },\n  \"item\",\n)()\n\ninterface SidebarItemTooltipProps extends TooltipProps {}\n\nconst SidebarItemTooltip: FC<SidebarItemTooltipProps> = (props) => {\n  const { tooltipProps } = useItemComponentContext()\n  const { children, disabled, ...rest } = mergeProps(tooltipProps, props)()\n  const { mode, placement } = useComponentContext()\n  const offcanvas = mode === \"offcanvas\"\n\n  if (offcanvas || disabled) {\n    return children\n  } else {\n    return (\n      <Tooltip\n        closeOnClick={false}\n        gutter={16}\n        placement={`center-${placement === \"start\" ? \"end\" : \"start\"}`}\n        {...rest}\n      >\n        {children}\n      </Tooltip>\n    )\n  }\n}\n\nexport interface SidebarItemTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const SidebarItemTrigger = withContext<\n  \"button\",\n  SidebarItemTriggerProps\n>((props) => {\n  return (\n    <SidebarItemTooltip>\n      <styled.button {...props} />\n    </SidebarItemTooltip>\n  )\n}, \"itemTrigger\")()\n\nexport interface SidebarItemLinkProps extends HTMLStyledProps<\"a\"> {}\n\nexport const SidebarItemLink = withContext<\"a\", SidebarItemLinkProps>(\n  (props) => {\n    return (\n      <SidebarItemTooltip>\n        <styled.a {...props} />\n      </SidebarItemTooltip>\n    )\n  },\n  \"itemLink\",\n)()\n\nexport interface SidebarItemContentProps\n  extends\n    Omit<HTMLStyledProps<\"ul\">, \"transition\">,\n    Pick<CollapseProps, \"animationOpacity\" | keyof WithTransitionProps> {}\n\nexport const SidebarItemContent = withContext<\"ul\", SidebarItemContentProps>(\n  (props) => {\n    const { contentProps } = useItemComponentContext()\n\n    return (\n      <Collapse\n        as=\"ul\"\n        {...cast<CollapseProps>(mergeProps(contentProps, props)())}\n      />\n    )\n  },\n  \"itemContent\",\n)()\n\nexport interface SidebarItemIndicatorProps extends HTMLStyledProps<\"svg\"> {}\n\nexport const SidebarItemIndicator = withContext<\n  \"svg\",\n  SidebarItemIndicatorProps\n>(({ children = <ChevronRightIcon />, ...rest }) => {\n  const { indicatorHidden } = useSidePanelComponentContext()\n\n  if (indicatorHidden) return null\n\n  if (isValidElement<HTMLProps<\"svg\">>(children))\n    return cloneElement(children, { ...rest, ...children.props })\n\n  return Children.count(children) > 1 ? Children.only(null) : null\n}, \"itemIndicator\")(undefined, (props) => {\n  const { indicatorProps } = useItemComponentContext()\n\n  return mergeProps(indicatorProps, props)()\n})\n\nexport interface SidebarItemStartElementProps extends HTMLStyledProps {}\n\nexport const SidebarItemStartElement = withContext<\n  \"div\",\n  SidebarItemStartElementProps\n>(\"div\", {\n  name: \"ItemStartElement\",\n  slot: [\"itemElement\", \"start\"],\n})(undefined, (props) => {\n  const { startElementProps } = useItemComponentContext()\n\n  return mergeProps(startElementProps, props)()\n})\n\nexport interface SidebarItemEndElementProps extends HTMLStyledProps {}\n\nexport const SidebarItemEndElement = withContext<\n  \"div\",\n  SidebarItemEndElementProps\n>(\"div\", {\n  name: \"ItemEndElement\",\n  slot: [\"itemElement\", \"end\"],\n})(undefined, (props) => {\n  const { endElementProps } = useItemComponentContext()\n\n  return mergeProps(endElementProps, props)()\n})\n\nexport interface SidebarItemLabelProps extends HTMLStyledProps<\"span\"> {}\n\nexport const SidebarItemLabel = withContext<\"span\", SidebarItemLabelProps>(\n  \"span\",\n  \"itemLabel\",\n)(undefined, (props) => {\n  const { labelProps } = useItemComponentContext()\n\n  return mergeProps(labelProps, props)()\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA0JA,MAAM,aAAa,OAAoB,UAAkB;CACvD,OAAO,WAAW,QAAQ,MAAM,SAAS,QAAQ;AACnD;AAEA,MAAM,0BACJ,MACA,QACA,SACkD;CAClD,KAAA,GAAA,oBAAA,cAAA,UAAa,MAAM,MAAM,WAAW,UAAU,UAAU,SACtD,OAAO,OAAO;MACT,IAAI,QACT,OAAO;MACF,KAAA,GAAA,oBAAA,cAAA,UAAa,IAAI,MAAM,WAAW,QAAQ,UAAU,OACzD,OAAO,KAAK;MAEZ,OAAO;AAEX;AAoBA,MAAM,CAAC,uBAAuB,4BAC5BA,gBAAAA,cAAqC,EAAE,MAAM,wBAAwB,CAAC;AAWxE,MAAM,CAAC,sBAAsB,2BAC3BA,gBAAAA,cAAoC,EAAE,MAAM,uBAAuB,CAAC;AA8BtE,MAAM,CAAC,2BAA2B,gCAChCA,gBAAAA,cAAyC,EACvC,MAAM,4BACR,CAAC;AAeH,MAAM,EACJ,kBACA,cAAc,qBACd,qBACA,iBAAiB,wBACjB,aACA,iBACEC,yBAAAA,oBACF,WACAC,sBAAAA,YACF;;;;;;AASA,MAAa,cAAc,cAKxB,EACC,aAAa,MACb,MAAM,WAAW,aACjB,WAAW,gBAAgB,SAC3B,GAAG,WACC;CACJ,MAAM,SACJC,6BAAAA,mBACE,aAAa,GAAG,aAAa,KAAK,IAAI,EAAE,MAAM,MAAM,CACtD,KAAK;CACP,MAAM,OAAOC,8BAAAA,SAAS,QAAQ;CAC9B,MAAM,YAAYA,8BAAAA,SAAS,aAAa;CACxC,MAAM,EACJ,aACA,eACA,MACA,eACA,iBACA,gBACA,gBACA,cACA,mBACA,iBACA,SACA,kBACA,QACA,kBACA,aACEC,oBAAAA,WAAW;EAAE;EAAQ,GAAG;CAAK,CAAC;CAgDlC,OACE,iBAAA,GAAA,kBAAA,KAACC,oBAAAA,2BAAD;EAA2B,OAAO;YAChC,iBAAA,GAAA,kBAAA,KAACC,oBAAAA,gBAAD;GAAgB,QAAA,GAAA,MAAA,gBAhDX;IACL;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF,IACA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF,CA2B+B;aAC3B,iBAAA,GAAA,kBAAA,KAAC,kBAAD;IAAkB,QAAA,GAAA,MAAA,gBAzBf;KACL;KACA;KACA;KACA;KACA;KACA;KACA;KACA;IACF,IACA;KACE;KACA;KACA;KACA;KACA;KACA;KACA;KACA;IACF,CAM4C;cACtC,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,OAAO,KAAR;KAAY,cAAA;KAAW,GAAI,aAAa;IAAI,CAAA;GAC5B,CAAA;EACJ,CAAA;CACS,CAAA;AAE/B,GACA,QACA,EAAE,eAAe,CAAC,QAAQ,WAAW,EAAE,CACzC,EAAE;AAIF,MAAa,mBAAmB,YAC9B,OACA,WACF,EAAE;AAIF,MAAa,iBAAiB,YAC5B,UACA,SACF,EAAE,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,oBAAoB,oBAAoB;CAEhD,OAAO;EAAE,SAAS;EAAM,GAAG,gBAAgB,KAAK;CAAE;AACpD,CAAC;AA8GD,MAAa,mBAAmB,aAC7B,EACC,WAAW,MACX,UACA,SACA,YACA,QACA,QACA,WACA,iBACA,OACA,eACA,QACA,cACA,aAAa,MACb,cACA,aACA,iBACA,aACA,mBACA,YACA,aACA,aACA,gBACA,kBACA,WACA,YACA,WACA,WACA,mBACA,cACA,cACA,GAAG,WACC;CACJ,MAAM,EAAE,QAAQ,MAAM,YAAYC,oBAAAA,kBAAkB;CACpD,MAAM,EAAE,YAAY,WAAW,sBAAsB,oBAAoB;CACzE,MAAM,CACJ,iBACA,cACA,eACA,cACA,gBACEC,iBAAAA,iBACF,UACA,eACA,gBACA,eACA,aACF;CAwDA,OACE,iBAAA,GAAA,kBAAA,KAAC,2BAAD;EAA2B,QAAA,GAAA,MAAA,gBAvDpB;GACL;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,IACA;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GAC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"}

package/dist/cjs/components/sidebar/sidebar.style.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/sidebar/sidebar.style.ts"],"sourcesContent":["import type {\n  CSSObject,\n  DefineComponentStyleSlotModifiers,\n  DefineComponentStyleSlotProps,\n} from \"../../core\"\nimport { defineComponentSlotStyle } from \"../../core\"\n\ntype Slot =\n  | \"button\"\n  | \"content\"\n  | \"footer\"\n  | \"gap\"\n  | \"group\"\n  | \"groupContent\"\n  | \"groupLabel\"\n  | \"handle\"\n  | \"header\"\n  | \"item\"\n  | \"itemContent\"\n  | \"itemElement\"\n  | \"itemIndicator\"\n  | \"itemLabel\"\n  | \"itemLink\"\n  | \"itemTrigger\"\n  | \"mainPanel\"\n  | \"menu\"\n  | \"root\"\n  | \"sidePanel\"\n\nconst sidebarMenuStyle: CSSObject = {\n  alignItems: \"center\",\n  cursor: \"pointer\",\n  display: \"flex\",\n  fontSize: \"{side-panel-item-font-size}\",\n  gap: \"{side-panel-space}\",\n  h: \"{side-panel-item-size}\",\n  lineHeight: \"{side-panel-item-size}\",\n  minW: \"{side-panel-item-size}\",\n  overflowX: \"hidden\",\n  px: \"{side-panel-space}\",\n  rounded: \"{side-panel-item-rounded}\",\n  transitionDuration: \"moderate\",\n  transitionProperty: \"common\",\n  userSelect: \"none\",\n  w: \"full\",\n  _hover: { bg: \"bg.subtle\" },\n  _disabled: { layerStyle: \"disabled\" },\n}\n\nconst getSidebarTransitionStyle = (\n  transitionProperty: CSSObject[\"transitionProperty\"],\n) => ({\n  transitionDuration: \"{side-panel-duration}\",\n  transitionProperty,\n  transitionTimingFunction: \"{side-panel-timing-function}\",\n})\n\nexport const sidebarStyle = defineComponentSlotStyle<\n  Slot,\n  DefineComponentStyleSlotProps<\n    Slot,\n    {\n      mode: \"icon\" | \"offcanvas\"\n      placement: \"end\" | \"start\"\n      shape: \"circle\" | \"rounded\" | \"square\"\n      withGroupGuideLine: \"true\"\n      withGuideLine: \"false\" | \"true\"\n    }\n  >,\n  DefineComponentStyleSlotModifiers<Slot>,\n  DefineComponentStyleSlotModifiers<\n    Slot,\n    \"outline\" | \"solid\" | \"subtle\" | \"surface\"\n  >\n>({\n  base: {\n    button: {},\n    content: {\n      alignItems: \"stretch\",\n      display: \"flex\",\n      flex: \"1\",\n      flexDirection: \"column\",\n      gap: \"{side-panel-gap}\",\n      overflowY: \"auto\",\n      px: \"{side-panel-space}\",\n    },\n    footer: {\n      \"& [data-menu]\": { h: \"auto\", minW: \"auto\", p: \"{side-panel-space}\" },\n      alignItems: \"stretch\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"{side-panel-gap}\",\n      p: \"{side-panel-space}\",\n    },\n    gap: {\n      w: \"{side-panel-expanded-width}\",\n      _animated: getSidebarTransitionStyle(\"width\"),\n      _groupCollapsed: { w: \"{side-panel-collapsed-width}\" },\n    },\n    group: {\n      alignItems: \"stretch\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      _notFirst: { pt: \"calc({side-panel-gap} * 3)\" },\n    },\n    groupContent: {\n      alignItems: \"stretch\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"{side-panel-gap}\",\n    },\n    groupLabel: {\n      color: \"fg.muted\",\n      fontSize: \"{side-panel-group-font-size}\",\n      h: \"{side-panel-item-size}\",\n      lineHeight: \"{side-panel-item-size}\",\n      mb: \"{side-panel-gap}\",\n      minW: \"{side-panel-item-size}\",\n      px: \"{side-panel-space}\",\n      truncated: true,\n    },\n    handle: {\n      focusVisibleRing: \"none\",\n      insetY: \"0\",\n      position: \"absolute\",\n      transitionDuration: \"moderate\",\n      transitionProperty: \"backgrounds\",\n      w: \"{side-panel-handle-width}\",\n      zIndex: \"yamcha\",\n      _after: {\n        insetY: \"0\",\n        position: \"absolute\",\n        transitionDuration: \"moderate\",\n        transitionProperty: \"left, right, background, transform\",\n        w: \"1px\",\n      },\n      _hover: { _after: { bg: \"colorScheme.muted\" } },\n      _focusVisible: { _after: { bg: \"colorScheme.outline\" } },\n    },\n    header: {\n      \"& [data-menu]\": { h: \"auto\", minW: \"auto\", p: \"{side-panel-space}\" },\n      alignItems: \"stretch\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      p: \"{side-panel-space}\",\n    },\n    item: {\n      alignItems: \"stretch\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      position: \"relative\",\n    },\n    itemContent: {\n      \"& > :first-of-type\": { mt: \"{side-panel-gap}\" },\n      alignItems: \"stretch\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"{side-panel-gap}\",\n    },\n    itemElement: {\n      display: \"inline-center\",\n      gap: \"{side-panel-gap}\",\n      _icon: { fontSize: \"{side-panel-item-icon-size}\" },\n    },\n    itemIndicator: {\n      color: \"fg.subtle\",\n      fontSize: \"{side-panel-item-icon-size}\",\n      transformOrigin: \"center\",\n      _animated: {\n        transitionDuration: \"moderate\",\n        transitionProperty: \"transform\",\n      },\n      _expanded: { transform: \"rotate(90deg)\" },\n    },\n    itemLabel: { flex: \"1\", textAlign: \"left\", truncated: true },\n    itemLink: { focusVisibleRing: \"inside\", ...sidebarMenuStyle },\n    itemTrigger: { focusVisibleRing: \"inside\", ...sidebarMenuStyle },\n    mainPanel: { flex: \"1\" },\n    menu: sidebarMenuStyle,\n    root: {\n      \"--height\": \"100dvh\",\n      \"--side-panel-depth-space\": \"calc(({side-panel-space} * 2) - 1px)\",\n      \"--side-panel-duration\": \"durations.moderate\",\n      \"--side-panel-expanded-width\": \"sizes.xs\",\n      \"--side-panel-gap\": \"calc({side-panel-space} / 2)\",\n      \"--side-panel-group-font-size\": \"fontSizes.xs\",\n      \"--side-panel-handle-width\": \"calc({side-panel-space} * 2)\",\n      \"--side-panel-height\": \"{height}\",\n      \"--side-panel-item-font-size\": \"fontSizes.sm\",\n      \"--side-panel-item-icon-size\": \"fontSizes.md\",\n      \"--side-panel-item-size\": \"sizes.8\",\n      \"--side-panel-space\": \"spaces.2\",\n      \"--side-panel-timing-function\": \"linear\",\n      display: \"flex\",\n      minH: \"{height}\",\n      w: \"full\",\n    },\n    sidePanel: {\n      alignItems: \"stretch\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      h: \"{side-panel-height}\",\n      position: \"fixed\",\n      w: \"{side-panel-expanded-width}\",\n      _animated: getSidebarTransitionStyle(\"left, right, width\"),\n    },\n  },\n\n  props: {\n    /**\n     * The mode of the sidebar\n     *\n     * @default 'offcanvas'\n     */\n    mode: {\n      icon: {\n        footer: {\n          \"& [data-menu]\": {\n            _groupAnimated: getSidebarTransitionStyle(\"padding\"),\n            _groupCollapsed: { p: \"0\" },\n          },\n        },\n        group: {\n          _groupAnimated: getSidebarTransitionStyle(\"padding\"),\n          _groupCollapsed: { pt: \"0\" },\n        },\n        groupContent: {\n          _groupAnimated: getSidebarTransitionStyle(\"padding\"),\n          _groupCollapsed: { ps: \"0\" },\n        },\n        groupLabel: {\n          opacity: \"1\",\n          _groupAnimated: getSidebarTransitionStyle(\"margin, opacity\"),\n          _groupCollapsed: {\n            mt: \"calc(({side-panel-item-size} + {side-panel-gap}) * -1)\",\n            opacity: \"0\",\n            pointerEvents: \"none\",\n          },\n        },\n        header: {\n          \"& [data-menu]\": {\n            _groupAnimated: getSidebarTransitionStyle(\"padding\"),\n            _groupCollapsed: { p: \"0\" },\n          },\n        },\n        itemContent: {\n          _groupAnimated: getSidebarTransitionStyle(\"padding\"),\n          _groupCollapsed: { ps: \"0\" },\n        },\n        itemIndicator: {\n          opacity: \"1\",\n          _groupAnimated: getSidebarTransitionStyle(\"opacity\"),\n          _groupCollapsed: { opacity: \"0\" },\n        },\n        itemLabel: {\n          opacity: \"1\",\n          _groupAnimated: getSidebarTransitionStyle(\"opacity\"),\n          _groupCollapsed: { opacity: \"0\" },\n        },\n        root: { \"--side-panel-collapsed-width\": \"sizes.7xs\" },\n        sidePanel: {\n          _groupCollapsed: { w: \"{side-panel-collapsed-width}\" },\n        },\n      },\n      offcanvas: {\n        handle: {\n          _groupCollapsed: { _hover: { bg: \"colorScheme.ghost\" } },\n        },\n        root: { \"--side-panel-collapsed-width\": \"0\" },\n      },\n    },\n    /**\n     * The placement of the sidebar\n     *\n     * @default 'start'\n     */\n    placement: {\n      end: {\n        gap: { order: \"2\" },\n        handle: {\n          cursor: \"e-resize\",\n          left: \"0\",\n          transform: \"translateX(-50%)\",\n          _after: {\n            left: \"50%\",\n            transform: \"translateX(-50%)\",\n          },\n          _groupCollapsed: { cursor: \"w-resize\" },\n        },\n        mainPanel: { order: \"1\" },\n        sidePanel: { right: \"0\" },\n      },\n      start: {\n        gap: { order: \"1\" },\n        handle: {\n          cursor: \"w-resize\",\n          right: \"0\",\n          transform: \"translateX(50%)\",\n          _after: {\n            right: \"50%\",\n            transform: \"translateX(50%)\",\n          },\n          _groupCollapsed: { cursor: \"e-resize\" },\n        },\n        mainPanel: { order: \"2\" },\n        sidePanel: { left: \"0\" },\n      },\n    },\n    /**\n     * The shape of the component\n     *\n     * @default 'rounded'\n     */\n    shape: {\n      circle: {\n        itemLink: { ps: \"calc({side-panel-space} * 2)\" },\n        itemTrigger: { ps: \"calc({side-panel-space} * 2)\" },\n        root: { \"--side-panel-item-rounded\": \"radii.full\" },\n      },\n      rounded: {\n        root: { \"--side-panel-item-rounded\": \"radii.l2\" },\n      },\n      square: {\n        root: { \"--side-panel-item-rounded\": \"0\" },\n      },\n    },\n    /**\n     * If `true`, display group guide lines.\n     *\n     * @default false\n     */\n    withGroupGuideLine: {\n      true: {\n        groupContent: {\n          position: \"relative\",\n          ps: \"calc({side-panel-depth-space} * 2)\",\n          _before: {\n            bg: \"border\",\n            display: \"block\",\n            h: \"full\",\n            left: \"{side-panel-depth-space}\",\n            position: \"absolute\",\n            transform: \"translateX(-50%)\",\n            w: \"px\",\n            zIndex: \"yamcha\",\n          },\n        },\n      },\n    },\n    /**\n     * If `true`, display guide lines.\n     *\n     * @default false\n     */\n    withGuideLine: {\n      false: {\n        itemContent: { ps: \"{side-panel-depth-space}\" },\n      },\n      true: {\n        itemContent: {\n          position: \"relative\",\n          ps: \"calc({side-panel-depth-space} * 2)\",\n          _before: {\n            bg: \"border\",\n            display: \"block\",\n            h: \"calc({sizes.full} - {side-panel-gap})\",\n            left: \"{side-panel-depth-space}\",\n            position: \"absolute\",\n            top: \"{side-panel-gap}\",\n            transform: \"translateX(-50%)\",\n            w: \"px\",\n            zIndex: \"yamcha\",\n          },\n        },\n      },\n    },\n  },\n\n  variants: {\n    outline: {\n      itemLink: { _selected: { layerStyle: \"outline\" } },\n      itemTrigger: { _selected: { layerStyle: \"outline\" } },\n    },\n    solid: {\n      itemLink: { _selected: { layerStyle: \"solid\" } },\n      itemTrigger: { _selected: { layerStyle: \"solid\" } },\n    },\n    subtle: {\n      itemLink: { _selected: { layerStyle: \"subtle\" } },\n      itemTrigger: { _selected: { layerStyle: \"subtle\" } },\n    },\n    surface: {\n      itemLink: { _selected: { layerStyle: \"surface\" } },\n      itemTrigger: { _selected: { layerStyle: \"surface\" } },\n    },\n  },\n\n  compounds: [\n    {\n      css: {\n        handle: {\n          _groupCollapsed: {\n            _after: { right: \"0\", transform: \"translateX(0%)\" },\n          },\n        },\n        sidePanel: {\n          _groupCollapsed: { left: \"calc({side-panel-expanded-width} * -1)\" },\n        },\n      },\n      mode: \"offcanvas\",\n      placement: \"start\",\n    },\n    {\n      css: {\n        handle: {\n          _groupCollapsed: {\n            _after: { left: \"0\", transform: \"translateX(0%)\" },\n          },\n        },\n        sidePanel: {\n          _groupCollapsed: { right: \"calc({side-panel-expanded-width} * -1)\" },\n        },\n      },\n      mode: \"offcanvas\",\n      placement: \"end\",\n    },\n    {\n      css: {\n        groupContent: {\n          _before: { ...getSidebarTransitionStyle(\"opacity\") },\n          _groupCollapsed: { _before: { opacity: \"0\", pointerEvents: \"none\" } },\n        },\n      },\n      mode: \"icon\",\n      withGroupGuideLine: true,\n    },\n    {\n      css: {\n        itemContent: {\n          _before: getSidebarTransitionStyle(\"opacity\"),\n          _groupCollapsed: { _before: { opacity: \"0\", pointerEvents: \"none\" } },\n        },\n      },\n      mode: \"icon\",\n      withGuideLine: true,\n    },\n  ],\n\n  defaultProps: {\n    variant: \"subtle\",\n    mode: \"offcanvas\",\n    placement: \"start\",\n    shape: \"rounded\",\n    withGroupGuideLine: false,\n    withGuideLine: false,\n  },\n})\n\nexport type SidebarStyle = typeof sidebarStyle\n"],"mappings":"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"}
+{"version":3,"file":"sidebar.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/sidebar/sidebar.style.ts"],"sourcesContent":["import type {\n  CSSObject,\n  DefineComponentStyleSlotModifiers,\n  DefineComponentStyleSlotProps,\n} from \"../../core\"\nimport { defineComponentSlotStyle } from \"../../core\"\n\ntype Slot =\n  | \"button\"\n  | \"content\"\n  | \"footer\"\n  | \"gap\"\n  | \"group\"\n  | \"groupContent\"\n  | \"groupLabel\"\n  | \"handle\"\n  | \"header\"\n  | \"item\"\n  | \"itemContent\"\n  | \"itemElement\"\n  | \"itemIndicator\"\n  | \"itemLabel\"\n  | \"itemLink\"\n  | \"itemTrigger\"\n  | \"mainPanel\"\n  | \"menu\"\n  | \"root\"\n  | \"sidePanel\"\n\nconst sidebarMenuStyle: CSSObject = {\n  alignItems: \"center\",\n  cursor: \"pointer\",\n  display: \"flex\",\n  fontSize: \"{side-panel-item-font-size}\",\n  gap: \"{side-panel-space}\",\n  h: \"{side-panel-item-size}\",\n  lineHeight: \"{side-panel-item-size}\",\n  minW: \"{side-panel-item-size}\",\n  overflowX: \"hidden\",\n  px: \"{side-panel-space}\",\n  rounded: \"{side-panel-item-rounded}\",\n  transitionDuration: \"moderate\",\n  transitionProperty: \"common\",\n  userSelect: \"none\",\n  w: \"full\",\n  _hover: { bg: \"bg.subtle\" },\n  _disabled: { layerStyle: \"disabled\" },\n}\n\nconst getSidebarTransitionStyle = (\n  transitionProperty: CSSObject[\"transitionProperty\"],\n) => ({\n  transitionDuration: \"{side-panel-duration}\",\n  transitionProperty,\n  transitionTimingFunction: \"{side-panel-timing-function}\",\n})\n\nexport const sidebarStyle = defineComponentSlotStyle<\n  Slot,\n  DefineComponentStyleSlotProps<\n    Slot,\n    {\n      mode: \"icon\" | \"offcanvas\"\n      placement: \"end\" | \"start\"\n      shape: \"circle\" | \"rounded\" | \"square\"\n      withGroupGuideLine: \"true\"\n      withGuideLine: \"false\" | \"true\"\n    }\n  >,\n  DefineComponentStyleSlotModifiers<Slot>,\n  DefineComponentStyleSlotModifiers<\n    Slot,\n    \"outline\" | \"solid\" | \"subtle\" | \"surface\"\n  >\n>({\n  base: {\n    button: {},\n    content: {\n      alignItems: \"stretch\",\n      display: \"flex\",\n      flex: \"1\",\n      flexDirection: \"column\",\n      gap: \"{side-panel-gap}\",\n      overflowY: \"auto\",\n      px: \"{side-panel-space}\",\n    },\n    footer: {\n      \"& [data-menu]\": { h: \"auto\", minW: \"auto\", p: \"{side-panel-space}\" },\n      alignItems: \"stretch\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"{side-panel-gap}\",\n      p: \"{side-panel-space}\",\n    },\n    gap: {\n      w: \"{side-panel-expanded-width}\",\n      _animated: getSidebarTransitionStyle(\"width\"),\n      _groupCollapsed: { w: \"{side-panel-collapsed-width}\" },\n    },\n    group: {\n      alignItems: \"stretch\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      _notFirst: { pt: \"calc({side-panel-gap} * 3)\" },\n    },\n    groupContent: {\n      alignItems: \"stretch\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"{side-panel-gap}\",\n    },\n    groupLabel: {\n      color: \"fg.muted\",\n      fontSize: \"{side-panel-group-font-size}\",\n      h: \"{side-panel-item-size}\",\n      lineHeight: \"{side-panel-item-size}\",\n      mb: \"{side-panel-gap}\",\n      minW: \"{side-panel-item-size}\",\n      px: \"{side-panel-space}\",\n      truncated: true,\n    },\n    handle: {\n      focusVisibleRing: \"none\",\n      insetY: \"0\",\n      position: \"absolute\",\n      transitionDuration: \"moderate\",\n      transitionProperty: \"backgrounds\",\n      w: \"{side-panel-handle-width}\",\n      zIndex: \"yamcha\",\n      _after: {\n        insetY: \"0\",\n        position: \"absolute\",\n        transitionDuration: \"moderate\",\n        transitionProperty: \"left, right, background, transform\",\n        w: \"1px\",\n      },\n      _hover: { _after: { bg: \"colorScheme.muted\" } },\n      _focusVisible: { _after: { bg: \"colorScheme.outline\" } },\n    },\n    header: {\n      \"& [data-menu]\": { h: \"auto\", minW: \"auto\", p: \"{side-panel-space}\" },\n      alignItems: \"stretch\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      p: \"{side-panel-space}\",\n    },\n    item: {\n      alignItems: \"stretch\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      position: \"relative\",\n    },\n    itemContent: {\n      \"& > :first-of-type\": { mt: \"{side-panel-gap}\" },\n      alignItems: \"stretch\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"{side-panel-gap}\",\n    },\n    itemElement: {\n      display: \"inline-center\",\n      gap: \"{side-panel-gap}\",\n      _icon: { fontSize: \"{side-panel-item-icon-size}\" },\n    },\n    itemIndicator: {\n      color: \"fg.subtle\",\n      fontSize: \"{side-panel-item-icon-size}\",\n      transformOrigin: \"center\",\n      _animated: {\n        transitionDuration: \"moderate\",\n        transitionProperty: \"transform\",\n      },\n      _expanded: { transform: \"rotate(90deg)\" },\n    },\n    itemLabel: { flex: \"1\", textAlign: \"left\", truncated: true },\n    itemLink: { focusVisibleRing: \"inside\", ...sidebarMenuStyle },\n    itemTrigger: { focusVisibleRing: \"inside\", ...sidebarMenuStyle },\n    mainPanel: { flex: \"1\" },\n    menu: sidebarMenuStyle,\n    root: {\n      \"--height\": \"100dvh\",\n      \"--side-panel-depth-space\": \"calc(({side-panel-space} * 2) - 1px)\",\n      \"--side-panel-duration\": \"durations.moderate\",\n      \"--side-panel-expanded-width\": \"sizes.xs\",\n      \"--side-panel-gap\": \"calc({side-panel-space} / 2)\",\n      \"--side-panel-group-font-size\": \"fontSizes.xs\",\n      \"--side-panel-handle-width\": \"calc({side-panel-space} * 2)\",\n      \"--side-panel-height\": \"{height}\",\n      \"--side-panel-item-font-size\": \"fontSizes.sm\",\n      \"--side-panel-item-icon-size\": \"fontSizes.md\",\n      \"--side-panel-item-size\": \"sizes.8\",\n      \"--side-panel-space\": \"spaces.2\",\n      \"--side-panel-timing-function\": \"linear\",\n      display: \"flex\",\n      minH: \"{height}\",\n      w: \"full\",\n    },\n    sidePanel: {\n      alignItems: \"stretch\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      h: \"{side-panel-height}\",\n      position: \"fixed\",\n      w: \"{side-panel-expanded-width}\",\n      _animated: getSidebarTransitionStyle(\"left, right, width\"),\n    },\n  },\n\n  props: {\n    /**\n     * The mode of the sidebar\n     *\n     * @default 'offcanvas'\n     */\n    mode: {\n      icon: {\n        footer: {\n          \"& [data-menu]\": {\n            _groupAnimated: getSidebarTransitionStyle(\"padding\"),\n            _groupCollapsed: { p: \"0\" },\n          },\n        },\n        group: {\n          _groupAnimated: getSidebarTransitionStyle(\"padding\"),\n          _groupCollapsed: { pt: \"0\" },\n        },\n        groupContent: {\n          _groupAnimated: getSidebarTransitionStyle(\"padding\"),\n          _groupCollapsed: { ps: \"0\" },\n        },\n        groupLabel: {\n          opacity: \"1\",\n          _groupAnimated: getSidebarTransitionStyle(\"margin, opacity\"),\n          _groupCollapsed: {\n            mt: \"calc(({side-panel-item-size} + {side-panel-gap}) * -1)\",\n            opacity: \"0\",\n            pointerEvents: \"none\",\n          },\n        },\n        header: {\n          \"& [data-menu]\": {\n            _groupAnimated: getSidebarTransitionStyle(\"padding\"),\n            _groupCollapsed: { p: \"0\" },\n          },\n        },\n        itemContent: {\n          _groupAnimated: getSidebarTransitionStyle(\"padding\"),\n          _groupCollapsed: { ps: \"0\" },\n        },\n        itemIndicator: {\n          opacity: \"1\",\n          _groupAnimated: getSidebarTransitionStyle(\"opacity\"),\n          _groupCollapsed: { opacity: \"0\" },\n        },\n        itemLabel: {\n          opacity: \"1\",\n          _groupAnimated: getSidebarTransitionStyle(\"opacity\"),\n          _groupCollapsed: { opacity: \"0\" },\n        },\n        root: { \"--side-panel-collapsed-width\": \"sizes.7xs\" },\n        sidePanel: {\n          _groupCollapsed: { w: \"{side-panel-collapsed-width}\" },\n        },\n      },\n      offcanvas: {\n        handle: {\n          _groupCollapsed: { _hover: { bg: \"colorScheme.ghost\" } },\n        },\n        root: { \"--side-panel-collapsed-width\": \"0\" },\n      },\n    },\n    /**\n     * The placement of the sidebar\n     *\n     * @default 'start'\n     */\n    placement: {\n      end: {\n        gap: { order: \"2\" },\n        handle: {\n          cursor: \"e-resize\",\n          left: \"0\",\n          transform: \"translateX(-50%)\",\n          _after: {\n            left: \"50%\",\n            transform: \"translateX(-50%)\",\n          },\n          _groupCollapsed: { cursor: \"w-resize\" },\n        },\n        mainPanel: { order: \"1\" },\n        sidePanel: { right: \"0\" },\n      },\n      start: {\n        gap: { order: \"1\" },\n        handle: {\n          cursor: \"w-resize\",\n          right: \"0\",\n          transform: \"translateX(50%)\",\n          _after: {\n            right: \"50%\",\n            transform: \"translateX(50%)\",\n          },\n          _groupCollapsed: { cursor: \"e-resize\" },\n        },\n        mainPanel: { order: \"2\" },\n        sidePanel: { left: \"0\" },\n      },\n    },\n    /**\n     * The shape of the component\n     *\n     * @default 'rounded'\n     */\n    shape: {\n      circle: {\n        itemLink: { ps: \"calc({side-panel-space} * 2)\" },\n        itemTrigger: { ps: \"calc({side-panel-space} * 2)\" },\n        root: { \"--side-panel-item-rounded\": \"radii.full\" },\n      },\n      rounded: {\n        root: { \"--side-panel-item-rounded\": \"radii.l2\" },\n      },\n      square: {\n        root: { \"--side-panel-item-rounded\": \"0\" },\n      },\n    },\n    /**\n     * If `true`, display group guide lines.\n     *\n     * @default false\n     */\n    withGroupGuideLine: {\n      true: {\n        groupContent: {\n          position: \"relative\",\n          ps: \"calc({side-panel-depth-space} * 2)\",\n          _before: {\n            bg: \"border\",\n            display: \"block\",\n            h: \"full\",\n            left: \"{side-panel-depth-space}\",\n            position: \"absolute\",\n            transform: \"translateX(-50%)\",\n            w: \"px\",\n            zIndex: \"yamcha\",\n          },\n        },\n      },\n    },\n    /**\n     * If `true`, display guide lines.\n     *\n     * @default false\n     */\n    withGuideLine: {\n      false: {\n        itemContent: { ps: \"{side-panel-depth-space}\" },\n      },\n      true: {\n        itemContent: {\n          position: \"relative\",\n          ps: \"calc({side-panel-depth-space} * 2)\",\n          _before: {\n            bg: \"border\",\n            display: \"block\",\n            h: \"calc({sizes.full} - {side-panel-gap})\",\n            left: \"{side-panel-depth-space}\",\n            position: \"absolute\",\n            top: \"{side-panel-gap}\",\n            transform: \"translateX(-50%)\",\n            w: \"px\",\n            zIndex: \"yamcha\",\n          },\n        },\n      },\n    },\n  },\n\n  variants: {\n    outline: {\n      itemLink: { _selected: { layerStyle: \"outline\" } },\n      itemTrigger: { _selected: { layerStyle: \"outline\" } },\n    },\n    solid: {\n      itemLink: { _selected: { layerStyle: \"solid\" } },\n      itemTrigger: { _selected: { layerStyle: \"solid\" } },\n    },\n    subtle: {\n      itemLink: { _selected: { layerStyle: \"subtle\" } },\n      itemTrigger: { _selected: { layerStyle: \"subtle\" } },\n    },\n    surface: {\n      itemLink: { _selected: { layerStyle: \"surface\" } },\n      itemTrigger: { _selected: { layerStyle: \"surface\" } },\n    },\n  },\n\n  compounds: [\n    {\n      css: {\n        handle: {\n          _groupCollapsed: {\n            _after: { right: \"0\", transform: \"translateX(0%)\" },\n          },\n        },\n        sidePanel: {\n          _groupCollapsed: { left: \"calc({side-panel-expanded-width} * -1)\" },\n        },\n      },\n      mode: \"offcanvas\",\n      placement: \"start\",\n    },\n    {\n      css: {\n        handle: {\n          _groupCollapsed: {\n            _after: { left: \"0\", transform: \"translateX(0%)\" },\n          },\n        },\n        sidePanel: {\n          _groupCollapsed: { right: \"calc({side-panel-expanded-width} * -1)\" },\n        },\n      },\n      mode: \"offcanvas\",\n      placement: \"end\",\n    },\n    {\n      css: {\n        groupContent: {\n          _before: { ...getSidebarTransitionStyle(\"opacity\") },\n          _groupCollapsed: { _before: { opacity: \"0\", pointerEvents: \"none\" } },\n        },\n      },\n      mode: \"icon\",\n      withGroupGuideLine: true,\n    },\n    {\n      css: {\n        itemContent: {\n          _before: getSidebarTransitionStyle(\"opacity\"),\n          _groupCollapsed: { _before: { opacity: \"0\", pointerEvents: \"none\" } },\n        },\n      },\n      mode: \"icon\",\n      withGuideLine: true,\n    },\n  ],\n\n  defaultProps: {\n    variant: \"subtle\",\n    mode: \"offcanvas\",\n    placement: \"start\",\n    shape: \"rounded\",\n    withGroupGuideLine: false,\n    withGuideLine: false,\n  },\n})\n\nexport type SidebarStyle = typeof sidebarStyle\n"],"mappings":"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"}

package/dist/cjs/components/sidebar/use-sidebar.cjs

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_context = require("../../utils/context.cjs");
 const require_dom = require("../../utils/dom.cjs");
 const require_effect = require("../../utils/effect.cjs");