@yamada-ui/react 2.2.1-dev-20260504103143 → 2.2.1-dev-20260509050741

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

@@ -1 +1 @@
-{"version":3,"file":"use-select.js","names":["defaultRender: SelectItemRender","createContext","value","items","valueMap: { [key: string]: ComboboxItemWithValue }","item","valueMap","onClear","getRootProps: PropGetter","props","getFieldProps: PropGetter","getInputProps: PropGetter<\"input\">","getContentProps: PropGetter","getIconProps: PropGetter"],"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.js","names":["createContext"],"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/esm/components/separator/index.js

@@ -1,4 +1,3 @@
 import { separatorStyle } from "./separator.style.js";
 import { Separator, SeparatorPropsContext, useSeparatorPropsContext } from "./separator.js";
-
-export { Separator, SeparatorPropsContext, separatorStyle, useSeparatorPropsContext };
+export { Separator, SeparatorPropsContext, separatorStyle, useSeparatorPropsContext };

package/dist/esm/components/separator/separator.js

@@ -1,9 +1,6 @@
 "use client";
-
 import { createComponent } from "../../core/components/create-component.js";
-import "../../core/index.js";
 import { separatorStyle } from "./separator.style.js";
-
 //#region src/components/separator/separator.tsx
 const { PropsContext: SeparatorPropsContext, usePropsContext: useSeparatorPropsContext, withContext } = createComponent("separator", separatorStyle);
 /**
@@ -12,7 +9,7 @@ const { PropsContext: SeparatorPropsContext, usePropsContext: useSeparatorPropsC
 * @see https://yamada-ui.com/docs/components/separator
 */
 const Separator = withContext("hr")();
-
 //#endregion
 export { Separator, SeparatorPropsContext, useSeparatorPropsContext };
+
 //# sourceMappingURL=separator.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"separator.js","names":[],"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,gBACE,gBAAgD,aAAa,eAAe;;;;;;AAShF,MAAa,YAAY,YAAY,KAAK,EAAE"}
+{"version":3,"file":"separator.js","names":[],"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,gBACE,gBAAgD,aAAa,eAAe;;;;;;AAShF,MAAa,YAAY,YAAY,KAAK,EAAE"}

package/dist/esm/components/separator/separator.style.js

@@ -1,10 +1,14 @@
 import { defineComponentStyle } from "../../core/system/config.js";
-import "../../core/index.js";
-
 //#region src/components/separator/separator.style.ts
 const separatorStyle = defineComponentStyle({
 	base: { borderColor: "border" },
-	props: { orientation: {
+	props: { 
+	/**
+	* The orientation of the divider.
+	*
+	* @default 'horizontal'
+	*/
+orientation: {
 		horizontal: {
 			borderWidth: "0 0 {thickness} 0",
 			w: "full"
@@ -31,7 +35,7 @@ const separatorStyle = defineComponentStyle({
 		orientation: "horizontal"
 	}
 });
-
 //#endregion
 export { separatorStyle };
+
 //# sourceMappingURL=separator.style.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"separator.style.js","names":[],"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,iBAAiB,qBAAqB;CACjD,MAAM,EACJ,aAAa,UACd;CAED,OAAO,EAML,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.js","names":[],"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,iBAAiB,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"}

package/dist/esm/components/show/index.js

@@ -1,3 +1,2 @@
 import { Show } from "./show.js";
-
-export { Show };
+export { Show };

package/dist/esm/components/show/show.js

@@ -1,7 +1,6 @@
 import { utils_exports } from "../../utils/index.js";
 import { isValidElement } from "react";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
-
 //#region src/components/show/show.tsx
 /**
 * `Show` is a component that shows or hides its children based on a condition.
@@ -14,7 +13,7 @@ const Show = ({ children, fallback, when }) => {
 	else result = (0, utils_exports.runIfFn)(children, when);
 	return isValidElement(result) ? result : /* @__PURE__ */ jsx(Fragment$1, { children: result });
 };
-
 //#endregion
 export { Show };
+
 //# sourceMappingURL=show.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"show.js","names":["result: ReactNode"],"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,IAAIA;AAEJ,KAAI,CAAC,KACH,UAAS;KAET,qCAAiB,UAAU,KAAK;AAIlC,QAAO,eAAe,OAAO,GAAG,SAAS,4CAAG,SAAU"}
+{"version":3,"file":"show.js","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,cAAA,SAAiB,UAAU,KAAK;CAIlC,OAAO,eAAe,OAAO,GAAG,SAAS,oBAAA,YAAA,EAAA,UAAG,QAAU,CAAA"}

package/dist/esm/components/sidebar/index.js

@@ -2,5 +2,4 @@ import { sidebarStyle } from "./sidebar.style.js";
 import { SidebarContext, SidebarDescendantsContext, SidebarItemContext, useSidebar, useSidebarContext, useSidebarDescendant, useSidebarDescendants, useSidebarGroup, useSidebarItem, useSidebarItemContext } from "./use-sidebar.js";
 import { SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHandle, SidebarHeader, SidebarItem, SidebarItemContent, SidebarItemEndElement, SidebarItemIndicator, SidebarItemLabel, SidebarItemLink, SidebarItemStartElement, SidebarItemTrigger, SidebarMainPanel, SidebarMenu, SidebarMenuButton, SidebarPropsContext, SidebarRoot, SidebarSidePanel, SidebarTrigger, useSidebarPropsContext } from "./sidebar.js";
 import { namespace_exports } from "./namespace.js";
-
-export { namespace_exports as Sidebar, SidebarContent, SidebarContext, SidebarDescendantsContext, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHandle, SidebarHeader, SidebarItem, SidebarItemContent, SidebarItemContext, SidebarItemEndElement, SidebarItemIndicator, SidebarItemLabel, SidebarItemLink, SidebarItemStartElement, SidebarItemTrigger, SidebarMainPanel, SidebarMenu, SidebarMenuButton, SidebarPropsContext, SidebarRoot, SidebarSidePanel, SidebarTrigger, sidebarStyle, useSidebar, useSidebarContext, useSidebarDescendant, useSidebarDescendants, useSidebarGroup, useSidebarItem, useSidebarItemContext, useSidebarPropsContext };
+export { namespace_exports as Sidebar, SidebarContent, SidebarContext, SidebarDescendantsContext, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHandle, SidebarHeader, SidebarItem, SidebarItemContent, SidebarItemContext, SidebarItemEndElement, SidebarItemIndicator, SidebarItemLabel, SidebarItemLink, SidebarItemStartElement, SidebarItemTrigger, SidebarMainPanel, SidebarMenu, SidebarMenuButton, SidebarPropsContext, SidebarRoot, SidebarSidePanel, SidebarTrigger, sidebarStyle, useSidebar, useSidebarContext, useSidebarDescendant, useSidebarDescendants, useSidebarGroup, useSidebarItem, useSidebarItemContext, useSidebarPropsContext };

package/dist/esm/components/sidebar/namespace.js

@@ -1,7 +1,6 @@
-import { __exportAll } from "../../_virtual/rolldown_runtime.js";
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
 import { SidebarContext, SidebarDescendantsContext, SidebarItemContext, useSidebarContext, useSidebarDescendant, useSidebarDescendants, useSidebarItemContext } from "./use-sidebar.js";
 import { SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHandle, SidebarHeader, SidebarItem, SidebarItemContent, SidebarItemEndElement, SidebarItemIndicator, SidebarItemLabel, SidebarItemLink, SidebarItemStartElement, SidebarItemTrigger, SidebarMainPanel, SidebarMenu, SidebarMenuButton, SidebarPropsContext, SidebarRoot, SidebarSidePanel, SidebarTrigger, useSidebarPropsContext } from "./sidebar.js";
-
 //#region src/components/sidebar/namespace.ts
 var namespace_exports = /* @__PURE__ */ __exportAll({
 	Content: () => SidebarContent,
@@ -35,7 +34,7 @@ var namespace_exports = /* @__PURE__ */ __exportAll({
 	useItemContext: () => useSidebarItemContext,
 	usePropsContext: () => useSidebarPropsContext
 });
-
 //#endregion
 export { namespace_exports };
+
 //# sourceMappingURL=namespace.js.map

package/dist/esm/components/sidebar/sidebar.js

@@ -1,30 +1,21 @@
 "use client";
-
 import { useIncludesChildren, useSplitChildren, useValidChildren } from "../../utils/children.js";
 import { createContext as createContext$1 } from "../../utils/context.js";
 import { utils_exports } from "../../utils/index.js";
 import { styled } from "../../core/system/factory.js";
 import { mergeProps } from "../../core/components/props.js";
 import { createSlotComponent } from "../../core/components/create-component.js";
-import "../../core/index.js";
 import { ChevronRightIcon } from "../icon/icons/chevron-right-icon.js";
-import "../icon/index.js";
 import { Collapse } from "../collapse/collapse.js";
-import "../collapse/index.js";
 import { useBreakpointValue } from "../../hooks/use-breakpoint/use-breakpoint-value.js";
-import "../../hooks/use-breakpoint/index.js";
 import { useValue } from "../../hooks/use-value/index.js";
 import { useLoadingComponent } from "../loading/use-loading-component.js";
-import "../loading/index.js";
 import { Tooltip } from "../tooltip/tooltip.js";
-import "../tooltip/index.js";
 import { DrawerContent, DrawerRoot } from "../drawer/drawer.js";
-import "../drawer/index.js";
 import { sidebarStyle } from "./sidebar.style.js";
 import { SidebarContext, SidebarDescendantsContext, SidebarItemContext, useSidebar, useSidebarContext, useSidebarGroup, useSidebarItem } from "./use-sidebar.js";
 import { Children, cloneElement, isValidElement, useCallback, useMemo } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/sidebar/sidebar.tsx
 const createKey = (props, index) => {
 	return "value" in props ? props.value || index : index;
@@ -226,16 +217,16 @@ const SidebarContent = withContext(({ children, items, ...rest }) => {
 		return (items ?? rootItems)?.map((props, index) => {
 			const key = createKey(props, index);
 			if ("group" in props) {
-				const { children: children$1, group: _, ...rest$1 } = props;
+				const { children, group: _, ...rest } = props;
 				return /* @__PURE__ */ jsx(SidebarGroup, {
-					items: children$1,
-					...rest$1
+					items: children,
+					...rest
 				}, key);
 			} else {
-				const { children: children$1, ...rest$1 } = props;
+				const { children, ...rest } = props;
 				return /* @__PURE__ */ jsx(SidebarItem, {
-					items: children$1,
-					...rest$1
+					items: children,
+					...rest
 				}, key);
 			}
 		});
@@ -260,11 +251,11 @@ const SidebarGroup = withContext(({ children, items, label, value: valueProp = (
 	const { groupProps } = useSidePanelComponentContext();
 	const [omittedChildren, customLabel, customContent] = useSplitChildren(useMemo(() => {
 		if (children) return children;
-		return items?.map(({ children: children$1, ...rest$1 }, index) => {
-			const key = createKey(rest$1, index);
+		return items?.map(({ children, ...rest }, index) => {
+			const key = createKey(rest, index);
 			return /* @__PURE__ */ jsx(SidebarItem, {
-				items: children$1,
-				...rest$1
+				items: children,
+				...rest
 			}, key);
 		});
 	}, [children, items]), SidebarGroupLabel, SidebarGroupContent);
@@ -331,20 +322,20 @@ const SidebarItem = withContext(({ animated: animatedProp, asyncChildren: asyncC
 	const Loading = useLoadingComponent(loadingScheme ?? componentContext.loadingScheme ?? "oval");
 	const computedChildren = useMemo(() => {
 		if (childrenProp) return childrenProp;
-		return items?.map(({ children: children$1, ...rest$1 }, index) => {
-			const key = createKey(rest$1, index);
+		return items?.map(({ children, ...rest }, index) => {
+			const key = createKey(rest, index);
 			return /* @__PURE__ */ jsx(SidebarItem, {
-				items: children$1,
-				...rest$1
+				items: children,
+				...rest
 			}, key);
 		});
 	}, [childrenProp, items]);
 	const asyncChildren = useCallback(async () => {
-		return (await asyncChildrenProp?.())?.map(({ children: children$1, ...rest$1 }, index) => {
-			const key = createKey(rest$1, index);
+		return (await asyncChildrenProp?.())?.map(({ children, ...rest }, index) => {
+			const key = createKey(rest, index);
 			return /* @__PURE__ */ jsx(SidebarItem, {
-				items: children$1,
-				...rest$1
+				items: children,
+				...rest
 			}, key);
 		});
 	}, [asyncChildrenProp]);
@@ -657,7 +648,7 @@ const SidebarItemLabel = withContext("span", "itemLabel")(void 0, (props) => {
 	const { labelProps } = useItemComponentContext();
 	return mergeProps(labelProps, props)();
 });
-
 //#endregion
 export { SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHandle, SidebarHeader, SidebarItem, SidebarItemContent, SidebarItemEndElement, SidebarItemIndicator, SidebarItemLabel, SidebarItemLink, SidebarItemStartElement, SidebarItemTrigger, SidebarMainPanel, SidebarMenu, SidebarMenuButton, SidebarPropsContext, SidebarRoot, SidebarSidePanel, SidebarTrigger, useSidebarPropsContext };
+
 //# sourceMappingURL=sidebar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sidebar.js","names":["createContext","Drawer.Root","Drawer.Content","rest","children","SidebarItemTooltip: FC<SidebarItemTooltipProps>"],"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 } = { ...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;AACvD,QAAO,WAAW,QAAQ,MAAM,SAAS,QAAQ;;AAGnD,MAAM,0BACJ,MACA,QACA,SACkD;AAClD,iCAAa,OAAO,KAAK,WAAW,UAAU,UAAU,QACtD,QAAO,OAAO;UACL,OACT,QAAO;sCACW,KAAK,KAAK,WAAW,QAAQ,UAAU,MACzD,QAAO,KAAK;KAEZ,QAAO;;AAsBX,MAAM,CAAC,uBAAuB,4BAC5BA,gBAAqC,EAAE,MAAM,yBAAyB,CAAC;AAWzE,MAAM,CAAC,sBAAsB,2BAC3BA,gBAAoC,EAAE,MAAM,wBAAwB,CAAC;AA8BvE,MAAM,CAAC,2BAA2B,gCAChCA,gBAAyC,EACvC,MAAM,6BACP,CAAC;AAeJ,MAAM,EACJ,kBACA,cAAc,qBACd,qBACA,iBAAiB,wBACjB,aACA,iBACE,oBACF,WACA,aACD;;;;;;AASD,MAAa,cAAc,cAKxB,EACC,aAAa,MACb,MAAM,WAAW,aACjB,WAAW,gBAAgB,SAC3B,GAAG,WACC;CACJ,MAAM,SACJ,mBACE,aAAa,GAAG,aAAa,MAAM,GAAG,EAAE,MAAM,OAAO,CACtD,IAAI;CACP,MAAM,OAAO,SAAS,SAAS;CAC/B,MAAM,YAAY,SAAS,cAAc;CACzC,MAAM,EACJ,aACA,eACA,MACA,eACA,iBACA,gBACA,gBACA,cACA,mBACA,iBACA,SACA,kBACA,QACA,kBACA,aACE,WAAW;EAAE;EAAQ,GAAG;EAAM,CAAC;AAgDnC,QACE,oBAAC;EAA0B,OAAO;YAChC,oBAAC;GAAe,OAjDJ,eACP;IACL;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACD,GACD;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACD,CACF;aA2BK,oBAAC;IAAiB,OA1BC,eAChB;KACL;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACD,GACD;KACE;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACD,CACF;cAMO,oBAAC,OAAO;KAAI;KAAW,GAAI,cAAc;MAAI;KAC5B;IACJ;GACS;GAGhC,QACA,EAAE,eAAe,CAAC,QAAQ,YAAY,EAAE,CACzC,EAAE;AAIH,MAAa,mBAAmB,YAC9B,OACA,YACD,EAAE;AAIH,MAAa,iBAAiB,YAC5B,UACA,UACD,CAAC,SAAY,UAAU;CACtB,MAAM,EAAE,oBAAoB,qBAAqB;AAEjD,QAAO;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,YAAY,mBAAmB;CACrD,MAAM,EAAE,YAAY,WAAW,sBAAsB,qBAAqB;CAC1E,MAAM,CACJ,iBACA,cACA,eACA,cACA,gBACE,iBACF,UACA,eACA,gBACA,eACA,cACD;AAwDD,QACE,oBAAC;EAA0B,OAxDb,eACP;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,CACF;YAII,SACC,oBAACC;GACC,MAAK;GACL,WAAW;GACX,UAAU,CAAC,WAAW,IAAI;GACpB;GACN,WAAW,UAAU;GACrB,iBAAiB;GACjB,aAAa,EAAE,UAAU,MAAM;GACtB;GACT,GAAI;aAEJ,qBAACC;IACE,iBACE,SAAS,oBAAC,2BAAe,SAAuB,GAAG;IAErD,kBACE,WAAW,QACV,oBAAC,4BAAgB,UAAyB,GACxC;IAEL,iBACE,SAAS,oBAAC,2BAAe,SAAuB,GAAG;OACvC;IACL,GAEd,8CACE,oBAAC;GACC,6CAAwB,SAAS;GACjC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,MAAM,UAAU,yCAEJ,QAAQ,WAAW,iBAAiB,QAAQ,SAAS;EAC3D,YAAY;EACZ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cAAc;EACd;EACA,cAAc;EACd;EACA;EACA;EACA;EACA;EACD,CAAC,EACJ;EACE,QAAQ;EACR,iBAAiB,QAAQ;EACzB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;CACD,MAAM,OAAO,yCAED,QAAQ,QAAQ,iBAAiB,QAAQ,MAAM;EACrD,YAAY;EACZ;EACA;EACA;EACA;EACA;EACA,cAAc;EACd;EACA,WAAW;EACX;EACA;EACD,CAAC,EACJ;EACE,QAAQ;EACR,iBAAiB,QAAQ;EACzB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;CACD,MAAM,OAAO,yCAED,QAAQ,QAAQ,iBAAiB,QAAQ,MAAM;EACrD;EACA,YAAY;GAAE,OAAO;GAAiB,MAAM;GAAgB;EAC5D;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cAAc;GAAE,OAAO;GAAmB,MAAM;GAAkB;EAClE;EACA;EACA,WAAW,cAAc;EACzB,WAAW;EACX,cAAc;EACd;EACA;EACA;EACA;EACA;EACD,CAAC,EACJ;EACE,QAAQ;EACR,iBAAiB,QAAQ;EACzB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;AA0DD,QACE,oBAAC;EAAmB,OA1DN,eACP;GAAE;GAAY;GAAW,GAChC,CAAC,YAAY,UAAU,CACxB;YAwDG,oBAAC;GAAqB,OAvDG,eACpB;IACL,cAAc;KACZ,UAAU,CAAC,WAAW,IAAI;KAC1B,MAAM;KACN,GAAG,gBACD,WAAW,iBAAiB,kBAAkB,aAAa,EAAE,CAC9D;KACF;IACD,iBAAiB,WACf,iBAAiB,iBACjB,gBACD,EAAE;IACH,gBAAgB,kBAAkB;KAChC,6CAA0B,SAAS;KACnC,GAAG,WAAW,iBAAiB,gBAAgB,eAAe,EAAE;KACjE,CAAC;IACF,YAAY,cACV,WAAW,iBAAiB,YAAY,WAAW,EAAE,CACtD;IACD,mBAAmB,WACjB,iBAAiB,mBACjB,kBACD,EAAE;IACH,cAAc;KACZ,SAAS;KACT,UAAU;KACV,GAAG,WAAW,iBAAiB,cAAc,aAAa,EAAE;KAC7D;IACF,GACD;IACE;IACA,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACD,CACF;aAKM,QACC,oBAAC,OAAO;IAAG,GAAI,cAAc;cAC1B,QACC,8CACG,WACC,qBAAC;KAAmB,GAAI;;MACrB,oBACC,oBAAC,qCACE,oBACuB,GACxB;MACH,QACC,oBAAC,8BAAkB,QAAyB,GAC1C;MACH,kBACC,oBAAC,mCACE,kBACqB,GACtB;MACJ,oBAAC,kCACE,eACC,oBAAC,YAAU,8BAEH,WAAW,cAAc,GAEd;;MACJ,EAGvB,oBAAC,sBAAoB,WAA8B,IAClD,GAEF,QACC,qBAAC;KAAgB,GAAI;;MAClB,mBACC,oBAAC,qCACE,mBACuB,GACxB;MACH,QACC,oBAAC,8BAAkB,QAAyB,GAC1C;MACH,iBACC,oBAAC,mCACE,iBACqB,GACtB;;MACY;KAGZ;IAEO;GACJ;GAGzB,OACD,EAAE;AAIH,MAAME,sBAAmD,UAAU;CACjE,MAAM,EAAE,iBAAiB,yBAAyB;CAClD,MAAM,EAAE,UAAU,UAAU,GAAG,SAAS;EAAE,GAAG;EAAc,GAAG;EAAO;CACrE,MAAM,EAAE,MAAM,cAAc,qBAAqB;AAGjD,KAFkB,SAAS,eAEV,SACf,QAAO;KAEP,QACE,oBAAC;EACC,cAAc;EACd,QAAQ;EACR,WAAW,UAAU,cAAc,UAAU,QAAQ;EACrD,GAAI;EAEH;GACO;;AAOhB,MAAa,qBAAqB,aAG/B,UAAU;AACX,QACE,oBAAC,gCACC,oBAAC,OAAO,UAAO,GAAI,QAAS,GACT;GAEtB,cAAc,EAAE;AAInB,MAAa,kBAAkB,aAC5B,UAAU;AACT,QACE,oBAAC,gCACC,oBAAC,OAAO,KAAE,GAAI,QAAS,GACJ;GAGzB,WACD,EAAE;AAOH,MAAa,qBAAqB,aAC/B,UAAU;CACT,MAAM,EAAE,iBAAiB,yBAAyB;AAElD,QACE,oBAAC;EACC,IAAG;EACH,2BAAwB,WAAW,cAAc,MAAM,EAAE,CAAC;GAC1D;GAGN,cACD,EAAE;AAIH,MAAa,uBAAuB,aAGjC,EAAE,WAAW,oBAAC,qBAAmB,EAAE,GAAG,WAAW;CAClD,MAAM,EAAE,oBAAoB,8BAA8B;AAE1D,KAAI,gBAAiB,QAAO;AAE5B,KAAI,eAAiC,SAAS,CAC5C,QAAO,aAAa,UAAU;EAAE,GAAG;EAAM,GAAG,SAAS;EAAO,CAAC;AAE/D,QAAO,SAAS,MAAM,SAAS,GAAG,IAAI,SAAS,KAAK,KAAK,GAAG;GAC3D,gBAAgB,CAAC,SAAY,UAAU;CACxC,MAAM,EAAE,mBAAmB,yBAAyB;AAEpD,QAAO,WAAW,gBAAgB,MAAM,EAAE;EAC1C;AAIF,MAAa,0BAA0B,YAGrC,OAAO;CACP,MAAM;CACN,MAAM,CAAC,eAAe,QAAQ;CAC/B,CAAC,CAAC,SAAY,UAAU;CACvB,MAAM,EAAE,sBAAsB,yBAAyB;AAEvD,QAAO,WAAW,mBAAmB,MAAM,EAAE;EAC7C;AAIF,MAAa,wBAAwB,YAGnC,OAAO;CACP,MAAM;CACN,MAAM,CAAC,eAAe,MAAM;CAC7B,CAAC,CAAC,SAAY,UAAU;CACvB,MAAM,EAAE,oBAAoB,yBAAyB;AAErD,QAAO,WAAW,iBAAiB,MAAM,EAAE;EAC3C;AAIF,MAAa,mBAAmB,YAC9B,QACA,YACD,CAAC,SAAY,UAAU;CACtB,MAAM,EAAE,eAAe,yBAAyB;AAEhD,QAAO,WAAW,YAAY,MAAM,EAAE;EACtC"}
+{"version":3,"file":"sidebar.js","names":["createContext","Drawer.Root","Drawer.Content"],"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 } = { ...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,cAAA,UAAa,OAAO,KAAK,WAAW,UAAU,UAAU,SACtD,OAAO,OAAO;MACT,IAAI,QACT,OAAO;MACF,KAAA,GAAA,cAAA,UAAa,KAAK,KAAK,WAAW,QAAQ,UAAU,OACzD,OAAO,KAAK;MAEZ,OAAO;;AAsBX,MAAM,CAAC,uBAAuB,4BAC5BA,gBAAqC,EAAE,MAAM,yBAAyB,CAAC;AAWzE,MAAM,CAAC,sBAAsB,2BAC3BA,gBAAoC,EAAE,MAAM,wBAAwB,CAAC;AA8BvE,MAAM,CAAC,2BAA2B,gCAChCA,gBAAyC,EACvC,MAAM,6BACP,CAAC;AAeJ,MAAM,EACJ,kBACA,cAAc,qBACd,qBACA,iBAAiB,wBACjB,aACA,iBACE,oBACF,WACA,aACD;;;;;;AASD,MAAa,cAAc,cAKxB,EACC,aAAa,MACb,MAAM,WAAW,aACjB,WAAW,gBAAgB,SAC3B,GAAG,WACC;CACJ,MAAM,SACJ,mBACE,aAAa,GAAG,aAAa,MAAM,GAAG,EAAE,MAAM,OAAO,CACtD,IAAI;CACP,MAAM,OAAO,SAAS,SAAS;CAC/B,MAAM,YAAY,SAAS,cAAc;CACzC,MAAM,EACJ,aACA,eACA,MACA,eACA,iBACA,gBACA,gBACA,cACA,mBACA,iBACA,SACA,kBACA,QACA,kBACA,aACE,WAAW;EAAE;EAAQ,GAAG;EAAM,CAAC;CAgDnC,OACE,oBAAC,2BAAD;EAA2B,OAAO;YAChC,oBAAC,gBAAD;GAAgB,OAjDJ,eACP;IACL;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACD,GACD;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACD,CA2B+B;aAC5B,oBAAC,kBAAD;IAAkB,OA1BC,eAChB;KACL;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACD,GACD;KACE;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACD,CAM4C;cACvC,oBAAC,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,YAAY,mBAAmB;CACrD,MAAM,EAAE,YAAY,WAAW,sBAAsB,qBAAqB;CAC1E,MAAM,CACJ,iBACA,cACA,eACA,cACA,gBACE,iBACF,UACA,eACA,gBACA,eACA,cACD;CAwDD,OACE,oBAAC,2BAAD;EAA2B,OAxDb,eACP;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;YACtC,SACC,oBAACC,YAAD;GACE,MAAK;GACL,WAAW;GACX,UAAU,CAAC,WAAW,IAAI,KAAA;GACpB;GACN,WAAW,UAAU;GACrB,iBAAiB;GACjB,aAAa,EAAE,UAAU,MAAM;GACtB;GACT,GAAI;aAEJ,qBAACC,eAAD,EAAA,UAAA;IACG,iBACE,SAAS,oBAAC,eAAD,EAAA,UAAgB,QAAuB,CAAA,GAAG;I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"}