@yamada-ui/react 2.2.6 → 2.2.7-dev-20260804111744

package/dist/cjs/components/segmented-control/use-segmented-control.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-segmented-control.cjs","names":["createContext","createDescendants","useControllableState","mergeProps","visuallyHiddenAttributes","mergeRefs"],"sources":["../../../../src/components/segmented-control/use-segmented-control.ts"],"sourcesContent":["\"use client\"\n\nimport type { ChangeEvent } from \"react\"\nimport type { HTMLProps, Orientation, PropGetter } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback, useId } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { createDescendants } from \"../../hooks/use-descendants\"\nimport {\n  ariaAttr,\n  createContext,\n  dataAttr,\n  handlerAll,\n  mergeRefs,\n  visuallyHiddenAttributes,\n} from \"../../utils\"\n\ninterface SegmentedControlContext extends Omit<\n  UseSegmentedControlReturn,\n  \"descendants\" | \"getRootProps\"\n> {}\n\nconst [SegmentedControlContext, useSegmentedControlContext] =\n  createContext<SegmentedControlContext>({\n    name: \"SegmentedControlContext\",\n  })\n\nexport { SegmentedControlContext, useSegmentedControlContext }\n\nconst {\n  DescendantsContext: SegmentedControlDescendantsContext,\n  useDescendant: useSegmentedControlDescendant,\n  useDescendants: useSegmentedControlDescendants,\n} = createDescendants<HTMLInputElement>()\n\nexport {\n  SegmentedControlDescendantsContext,\n  useSegmentedControlDescendant,\n  useSegmentedControlDescendants,\n}\n\nexport interface UseSegmentedControlProps<\n  Y extends string = string,\n> extends Omit<HTMLProps, \"onChange\"> {\n  /**\n   * The initial value of the segmented control.\n   */\n  defaultValue?: Y\n  /**\n   * If `true`, the segmented control will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * The HTML `name` attribute used for forms.\n   */\n  name?: string\n  /**\n   * The orientation of the segmented control.\n   *\n   * @default 'horizontal'\n   */\n  orientation?: Orientation\n  /**\n   * If `true`, the segmented control will be readonly.\n   *\n   * @default false\n   */\n  readOnly?: boolean\n  /**\n   * The value of the segmented control.\n   */\n  value?: Y\n  /**\n   * The callback fired when any children radio is checked or unchecked.\n   */\n  onChange?: (value: Y) => void\n}\n\nexport const useSegmentedControl = <Y extends string = string>({\n  id,\n  name,\n  defaultValue,\n  disabled,\n  orientation = \"horizontal\",\n  readOnly,\n  value: valueProp,\n  onChange: onChangeProp,\n  ...rest\n}: UseSegmentedControlProps<Y> = {}) => {\n  const uuid = useId()\n  const [value, setValue] = useControllableState({\n    defaultValue,\n    value: valueProp,\n    onChange: onChangeProp,\n  })\n  const descendants = useSegmentedControlDescendants()\n\n  id ??= uuid\n  name ??= uuid\n\n  const getRootProps: PropGetter = useCallback(\n    (props) =>\n      mergeProps(\n        {\n          id,\n          \"aria-disabled\": ariaAttr(disabled),\n          \"aria-orientation\": orientation,\n          \"data-disabled\": dataAttr(disabled),\n          \"data-orientation\": orientation,\n          \"data-readonly\": dataAttr(readOnly),\n          role: \"radiogroup\",\n        },\n        rest,\n        props,\n      )(),\n    [disabled, id, orientation, readOnly, rest],\n  )\n\n  return {\n    id,\n    name,\n    descendants,\n    disabled,\n    orientation,\n    readOnly,\n    setValue,\n    value,\n    getRootProps,\n  }\n}\n\nexport type UseSegmentedControlReturn = ReturnType<typeof useSegmentedControl>\n\nexport interface UseSegmentedControlItemProps<Y extends string = string>\n  extends HTMLProps<\"label\">, Pick<FieldProps, \"disabled\" | \"readOnly\"> {\n  /**\n   * The value of the segmented control item.\n   */\n  value: Y\n  /**\n   * Props for the input element.\n   */\n  inputProps?: HTMLProps<\"input\">\n}\n\nexport const useSegmentedControlItem = <Y extends string = string>({\n  disabled,\n  readOnly,\n  value,\n  inputProps,\n  ...rest\n}: UseSegmentedControlItemProps<Y>) => {\n  const {\n    name,\n    disabled: rootDisabled,\n    orientation,\n    readOnly: rootReadOnly,\n    setValue,\n    value: selectedValue,\n  } = useSegmentedControlContext()\n  const { register } = useSegmentedControlDescendant({\n    disabled: disabled || readOnly,\n  })\n  const checked = value === selectedValue\n  const trulyDisabled = disabled ?? rootDisabled\n  const trulyReadOnly = readOnly ?? rootReadOnly\n  const interactive = !(trulyReadOnly || trulyDisabled)\n\n  const onChange = useCallback(\n    (ev: ChangeEvent<HTMLInputElement>) => {\n      setValue(ev.target.value)\n    },\n    [setValue],\n  )\n\n  const getLabelProps: PropGetter<\"label\"> = useCallback(\n    (props) =>\n      mergeProps(\n        {\n          \"aria-disabled\": ariaAttr(trulyDisabled),\n          \"data-checked\": dataAttr(checked),\n          \"data-disabled\": dataAttr(trulyDisabled),\n          \"data-orientation\": orientation,\n          \"data-readonly\": dataAttr(trulyReadOnly),\n          \"data-root-disabled\": dataAttr(rootDisabled),\n          \"data-root-readonly\": dataAttr(rootReadOnly),\n        },\n        rest,\n        props,\n      )(),\n    [\n      orientation,\n      trulyDisabled,\n      trulyReadOnly,\n      checked,\n      rootDisabled,\n      rootReadOnly,\n      rest,\n    ],\n  )\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    ({ ref, ...props } = {}) => ({\n      type: \"radio\",\n      name,\n      style: visuallyHiddenAttributes.style,\n      \"aria-disabled\": ariaAttr(trulyDisabled),\n      \"data-checked\": dataAttr(checked),\n      \"data-disabled\": dataAttr(trulyDisabled),\n      \"data-orientation\": orientation,\n      \"data-readonly\": dataAttr(trulyReadOnly),\n      checked,\n      disabled: trulyDisabled || trulyReadOnly,\n      readOnly: trulyReadOnly,\n      tabIndex: interactive ? undefined : -1,\n      value,\n      ...inputProps,\n      ...props,\n      ref: mergeRefs(register, ref),\n      onChange: handlerAll(props.onChange, inputProps?.onChange, onChange),\n    }),\n    [\n      orientation,\n      name,\n      trulyDisabled,\n      trulyReadOnly,\n      checked,\n      interactive,\n      value,\n      inputProps,\n      register,\n      onChange,\n    ],\n  )\n\n  return {\n    checked,\n    getInputProps,\n    getLabelProps,\n  }\n}\n\nexport type UseSegmentedControlItemReturn = ReturnType<\n  typeof useSegmentedControlItem\n>\n"],"mappings":"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"}
+{"version":3,"file":"use-segmented-control.cjs","names":["createContext","createDescendants","useId","useControllableState","useCallback","mergeProps","visuallyHiddenAttributes","mergeRefs"],"sources":["../../../../src/components/segmented-control/use-segmented-control.ts"],"sourcesContent":["\"use client\"\n\nimport type { ChangeEvent } from \"react\"\nimport type { HTMLProps, Orientation, PropGetter } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback, useId } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { createDescendants } from \"../../hooks/use-descendants\"\nimport {\n  ariaAttr,\n  createContext,\n  dataAttr,\n  handlerAll,\n  mergeRefs,\n  visuallyHiddenAttributes,\n} from \"../../utils\"\n\ninterface SegmentedControlContext extends Omit<\n  UseSegmentedControlReturn,\n  \"descendants\" | \"getRootProps\"\n> {}\n\nconst [SegmentedControlContext, useSegmentedControlContext] =\n  createContext<SegmentedControlContext>({\n    name: \"SegmentedControlContext\",\n  })\n\nexport { SegmentedControlContext, useSegmentedControlContext }\n\nconst {\n  DescendantsContext: SegmentedControlDescendantsContext,\n  useDescendant: useSegmentedControlDescendant,\n  useDescendants: useSegmentedControlDescendants,\n} = createDescendants<HTMLInputElement>()\n\nexport {\n  SegmentedControlDescendantsContext,\n  useSegmentedControlDescendant,\n  useSegmentedControlDescendants,\n}\n\nexport interface UseSegmentedControlProps<\n  Y extends string = string,\n> extends Omit<HTMLProps, \"onChange\"> {\n  /**\n   * The initial value of the segmented control.\n   */\n  defaultValue?: Y\n  /**\n   * If `true`, the segmented control will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * The HTML `name` attribute used for forms.\n   */\n  name?: string\n  /**\n   * The orientation of the segmented control.\n   *\n   * @default 'horizontal'\n   */\n  orientation?: Orientation\n  /**\n   * If `true`, the segmented control will be readonly.\n   *\n   * @default false\n   */\n  readOnly?: boolean\n  /**\n   * The value of the segmented control.\n   */\n  value?: Y\n  /**\n   * The callback fired when any children radio is checked or unchecked.\n   */\n  onChange?: (value: Y) => void\n}\n\nexport const useSegmentedControl = <Y extends string = string>({\n  id,\n  name,\n  defaultValue,\n  disabled,\n  orientation = \"horizontal\",\n  readOnly,\n  value: valueProp,\n  onChange: onChangeProp,\n  ...rest\n}: UseSegmentedControlProps<Y> = {}) => {\n  const uuid = useId()\n  const [value, setValue] = useControllableState({\n    defaultValue,\n    value: valueProp,\n    onChange: onChangeProp,\n  })\n  const descendants = useSegmentedControlDescendants()\n\n  id ??= uuid\n  name ??= uuid\n\n  const getRootProps: PropGetter = useCallback(\n    (props) =>\n      mergeProps(\n        {\n          id,\n          \"aria-disabled\": ariaAttr(disabled),\n          \"aria-orientation\": orientation,\n          \"data-disabled\": dataAttr(disabled),\n          \"data-orientation\": orientation,\n          \"data-readonly\": dataAttr(readOnly),\n          role: \"radiogroup\",\n        },\n        rest,\n        props,\n      )(),\n    [disabled, id, orientation, readOnly, rest],\n  )\n\n  return {\n    id,\n    name,\n    descendants,\n    disabled,\n    orientation,\n    readOnly,\n    setValue,\n    value,\n    getRootProps,\n  }\n}\n\nexport type UseSegmentedControlReturn = ReturnType<typeof useSegmentedControl>\n\nexport interface UseSegmentedControlItemProps<Y extends string = string>\n  extends HTMLProps<\"label\">, Pick<FieldProps, \"disabled\" | \"readOnly\"> {\n  /**\n   * The value of the segmented control item.\n   */\n  value: Y\n  /**\n   * Props for the input element.\n   */\n  inputProps?: HTMLProps<\"input\">\n}\n\nexport const useSegmentedControlItem = <Y extends string = string>({\n  disabled,\n  readOnly,\n  value,\n  inputProps,\n  ...rest\n}: UseSegmentedControlItemProps<Y>) => {\n  const {\n    name,\n    disabled: rootDisabled,\n    orientation,\n    readOnly: rootReadOnly,\n    setValue,\n    value: selectedValue,\n  } = useSegmentedControlContext()\n  const { register } = useSegmentedControlDescendant({\n    disabled: disabled || readOnly,\n  })\n  const checked = value === selectedValue\n  const trulyDisabled = disabled ?? rootDisabled\n  const trulyReadOnly = readOnly ?? rootReadOnly\n  const interactive = !(trulyReadOnly || trulyDisabled)\n\n  const onChange = useCallback(\n    (ev: ChangeEvent<HTMLInputElement>) => {\n      setValue(ev.target.value)\n    },\n    [setValue],\n  )\n\n  const getLabelProps: PropGetter<\"label\"> = useCallback(\n    (props) =>\n      mergeProps(\n        {\n          \"aria-disabled\": ariaAttr(trulyDisabled),\n          \"data-checked\": dataAttr(checked),\n          \"data-disabled\": dataAttr(trulyDisabled),\n          \"data-orientation\": orientation,\n          \"data-readonly\": dataAttr(trulyReadOnly),\n          \"data-root-disabled\": dataAttr(rootDisabled),\n          \"data-root-readonly\": dataAttr(rootReadOnly),\n        },\n        rest,\n        props,\n      )(),\n    [\n      orientation,\n      trulyDisabled,\n      trulyReadOnly,\n      checked,\n      rootDisabled,\n      rootReadOnly,\n      rest,\n    ],\n  )\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    ({ ref, ...props } = {}) => ({\n      type: \"radio\",\n      name,\n      style: visuallyHiddenAttributes.style,\n      \"aria-disabled\": ariaAttr(trulyDisabled),\n      \"data-checked\": dataAttr(checked),\n      \"data-disabled\": dataAttr(trulyDisabled),\n      \"data-orientation\": orientation,\n      \"data-readonly\": dataAttr(trulyReadOnly),\n      checked,\n      disabled: trulyDisabled || trulyReadOnly,\n      readOnly: trulyReadOnly,\n      tabIndex: interactive ? undefined : -1,\n      value,\n      ...inputProps,\n      ...props,\n      ref: mergeRefs(register, ref),\n      onChange: handlerAll(props.onChange, inputProps?.onChange, onChange),\n    }),\n    [\n      orientation,\n      name,\n      trulyDisabled,\n      trulyReadOnly,\n      checked,\n      interactive,\n      value,\n      inputProps,\n      register,\n      onChange,\n    ],\n  )\n\n  return {\n    checked,\n    getInputProps,\n    getLabelProps,\n  }\n}\n\nexport type UseSegmentedControlItemReturn = ReturnType<\n  typeof useSegmentedControlItem\n>\n"],"mappings":"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"}

package/dist/cjs/components/select/select.cjs

@@ -1,4 +1,5 @@
 "use client";
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_utils_index = require("../../utils/index.cjs");
 const require_factory = require("../../core/system/factory.cjs");
 const require_props = require("../../core/components/props.cjs");
@@ -27,15 +28,16 @@ const { ComponentContext, PropsContext: SelectPropsContext, useComponentContext,
 const SelectRoot = withProvider((props) => {
 	const [groupItemProps, { className, css, colorScheme, animationScheme = "block-start", children, clearable, clearIcon = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_x_icon.XIcon, {}), duration, errorBorderColor, focusBorderColor, icon, items: itemsProp, contentProps, elementProps, groupProps, iconProps, optionProps, placeholderProps, rootProps, ...rest }] = require_use_group.useGroupItemProps(props);
 	const popoverStyleProps = require_popover.usePopoverStyleProps(rest);
+	const items = (0, react.useMemo)(() => {
+		if (itemsProp) return itemsProp;
+		return require_hooks_use_combobox_index.createComboboxItem(children, {
+			Group: SelectGroup,
+			Label: SelectLabel,
+			Option: SelectOption
+		});
+	}, [itemsProp, children]);
 	const { descendants, includePlaceholder, items: computedItems, max, placeholder, value, getClearIconProps, getContentProps, getFieldProps, getIconProps, getInputProps, getRootProps, getSeparatorProps, popoverProps, onActiveDescendant, onChange, onClose, onSelect } = require_use_select.useSelect({
-		items: (0, react.useMemo)(() => {
-			if (itemsProp) return itemsProp;
-			return require_hooks_use_combobox_index.createComboboxItem(children, {
-				Group: SelectGroup,
-				Label: SelectLabel,
-				Option: SelectOption
-			});
-		}, [itemsProp, children]),
+		items,
 		...rest,
 		...popoverStyleProps
 	});
@@ -140,7 +142,8 @@ const SelectRoot = withProvider((props) => {
 		})
 	});
 }, "root")((props) => {
-	return require_props.mergeProps(require_input.useInputPropsContext(), props)();
+	const context = require_input.useInputPropsContext();
+	return require_props.mergeProps(context, props)();
 });
 const SelectField = withContext("div", "field")({ "data-group-propagate": "" }, ({ children, ...rest }) => ({
 	...rest,
@@ -159,8 +162,9 @@ const SelectLabel = withContext("span", "label")(void 0, (props) => {
 const SelectGroup = withContext(({ children, label, labelProps, ...rest }) => {
 	const { groupProps } = useComponentContext();
 	const { getGroupProps, getLabelProps } = require_hooks_use_combobox_index.useComboboxGroup(require_props.mergeProps(groupProps, rest)());
+	const context = (0, react.useMemo)(() => ({ getLabelProps }), [getLabelProps]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_hooks_use_combobox_index.ComboboxGroupContext, {
-		value: (0, react.useMemo)(() => ({ getLabelProps }), [getLabelProps]),
+		value: context,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_factory.styled.div, {
 			...getGroupProps(),
 			children: [label ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectLabel, {

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

@@ -1 +1 @@
-{"version":3,"file":"select.cjs","names":["createSlotComponent","selectStyle","XIcon","useGroupItemProps","usePopoverStyleProps","useSelect","createComboboxItem","createComboboxChildren","useInputBorder","ComboboxDescendantsContext","ComboboxContext","SelectContext","styled","mergeProps","useInputPropsContext","ChevronDownIcon","useComboboxGroupContext","useComboboxGroup","ComboboxGroupContext","useSelectOption","CheckIcon"],"sources":["../../../../src/components/select/select.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement, ReactNode } from \"react\"\nimport type {\n  GenericsComponent,\n  HTMLProps,\n  HTMLStyledProps,\n  ThemeProps,\n} from \"../../core\"\nimport type {\n  ComboboxItem,\n  UseComboboxGroupProps,\n} from \"../../hooks/use-combobox\"\nimport type { Merge } from \"../../utils\"\nimport type { UseInputBorderProps } from \"../input\"\nimport type { UsePopoverStyleProps, UsePopupAnimationProps } from \"../popover\"\nimport type { SelectStyle } from \"./select.style\"\nimport type {\n  UseSelectOptionProps,\n  UseSelectProps,\n  UseSelectReturn,\n} from \"./use-select\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, mergeProps, styled } from \"../../core\"\nimport {\n  ComboboxContext,\n  ComboboxDescendantsContext,\n  ComboboxGroupContext,\n  createComboboxChildren,\n  createComboboxItem,\n  useComboboxGroup,\n  useComboboxGroupContext,\n} from \"../../hooks/use-combobox\"\nimport { cast, isArray } from \"../../utils\"\nimport { useGroupItemProps } from \"../group\"\nimport { CheckIcon, ChevronDownIcon, XIcon } from \"../icon\"\nimport { InputGroup, useInputBorder, useInputPropsContext } from \"../input\"\nimport { Popover, usePopoverStyleProps } from \"../popover\"\nimport { selectStyle } from \"./select.style\"\nimport { SelectContext, useSelect, useSelectOption } from \"./use-select\"\n\ninterface ComponentContext\n  extends\n    Pick<UseSelectReturn, \"getSeparatorProps\">,\n    Pick<SelectRootProps, \"groupProps\" | \"optionProps\"> {}\n\nexport interface SelectRootProps<Multiple extends boolean = false>\n  extends\n    Omit<HTMLStyledProps, \"defaultValue\" | \"offset\" | \"onChange\" | \"value\">,\n    Merge<UseSelectProps<Multiple>, UsePopoverStyleProps>,\n    UsePopupAnimationProps,\n    ThemeProps<SelectStyle>,\n    UseInputBorderProps {\n  /**\n   * If `true`, display the clear icon.\n   *\n   * @default false\n   */\n  clearable?: boolean\n  /**\n   * The icon to be used in the clear button.\n   */\n  clearIcon?: ReactNode\n  /**\n   * The icon to be used in the select.\n   */\n  icon?: ReactNode\n  /**\n   * Props for content element.\n   */\n  contentProps?: SelectContentProps\n  /**\n   * The props for the end element.\n   */\n  elementProps?: InputGroup.ElementProps\n  /**\n   * Props for group element.\n   */\n  groupProps?: Omit<SelectGroupProps, \"children\" | \"label\">\n  /**\n   * Props for icon element.\n   */\n  iconProps?: SelectIconProps\n  /**\n   * Props for option element.\n   */\n  optionProps?: Omit<SelectOptionProps, \"children\" | \"value\">\n  /**\n   * Props for placeholder element.\n   */\n  placeholderProps?: Omit<SelectOptionProps, \"children\" | \"value\">\n  /**\n   * Props for root element.\n   */\n  rootProps?: InputGroup.RootProps\n}\n\nconst {\n  ComponentContext,\n  PropsContext: SelectPropsContext,\n  useComponentContext,\n  usePropsContext: useSelectPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<SelectRootProps, SelectStyle, ComponentContext>(\n  \"select\",\n  selectStyle,\n)\n\nexport { SelectPropsContext, useSelectPropsContext }\n\n/**\n * `Select` is a component used for allowing a user to choose one option from a list.\n *\n * @see https://yamada-ui.com/docs/components/select\n */\nexport const SelectRoot = withProvider<\"div\", SelectRootProps>(\n  <Multiple extends boolean = false>(props: SelectRootProps<Multiple>) => {\n    const [\n      groupItemProps,\n      {\n        className,\n        css,\n        colorScheme,\n        animationScheme = \"block-start\",\n        children,\n        clearable,\n        clearIcon = <XIcon />,\n        duration,\n        errorBorderColor,\n        focusBorderColor,\n        icon,\n        items: itemsProp,\n        contentProps,\n        elementProps,\n        groupProps,\n        iconProps,\n        optionProps,\n        placeholderProps,\n        rootProps,\n        ...rest\n      },\n    ] = useGroupItemProps(props)\n    const popoverStyleProps = usePopoverStyleProps(rest)\n    const items = useMemo<ComboboxItem[]>(() => {\n      if (itemsProp) return itemsProp\n\n      return createComboboxItem(children, {\n        Group: SelectGroup,\n        Label: SelectLabel,\n        Option: SelectOption,\n      })\n    }, [itemsProp, children])\n    const {\n      descendants,\n      includePlaceholder,\n      items: computedItems,\n      max,\n      placeholder,\n      value,\n      getClearIconProps,\n      getContentProps,\n      getFieldProps,\n      getIconProps,\n      getInputProps,\n      getRootProps,\n      getSeparatorProps,\n      popoverProps,\n      onActiveDescendant,\n      onChange,\n      onClose,\n      onSelect,\n    } = useSelect({ items, ...rest, ...popoverStyleProps })\n    const mergedPopoverProps = useMemo<Popover.RootProps>(\n      () => ({\n        animationScheme,\n        duration,\n        ...popoverProps,\n      }),\n      [animationScheme, duration, popoverProps],\n    )\n    const computedChildren = useMemo(() => {\n      if (children)\n        return (\n          <>\n            {placeholder ? (\n              <SelectOption\n                {...placeholderProps}\n                hidden={!includePlaceholder}\n                value=\"\"\n              >\n                {placeholder}\n              </SelectOption>\n            ) : null}\n\n            {children}\n          </>\n        )\n\n      return createComboboxChildren(computedItems, {\n        Group: SelectGroup,\n        Option: SelectOption,\n      })\n    }, [\n      children,\n      computedItems,\n      placeholder,\n      includePlaceholder,\n      placeholderProps,\n    ])\n    const varProps = useInputBorder({ errorBorderColor, focusBorderColor })\n    const comboboxContext = useMemo(\n      () => ({ max, value, onActiveDescendant, onChange, onClose, onSelect }),\n      [max, onActiveDescendant, onChange, onClose, onSelect, value],\n    )\n    const selectContext = useMemo(() => ({ max, value }), [max, value])\n    const componentContext = useMemo(\n      () => ({ getSeparatorProps, groupProps, optionProps }),\n      [getSeparatorProps, groupProps, optionProps],\n    )\n    const hasValue = isArray(value) ? !!value.length : !!value\n\n    return (\n      <ComboboxDescendantsContext value={descendants}>\n        <ComboboxContext value={comboboxContext}>\n          <SelectContext value={selectContext}>\n            <ComponentContext value={componentContext}>\n              <Popover.Root {...mergedPopoverProps}>\n                <styled.input {...getInputProps()} />\n\n                <InputGroup.Root\n                  {...mergeProps(\n                    { className, css, colorScheme },\n                    getRootProps(groupItemProps),\n                    rootProps,\n                  )()}\n                >\n                  <Popover.Trigger>\n                    <SelectField {...getFieldProps({ ...varProps })} />\n                  </Popover.Trigger>\n\n                  <InputGroup.Element\n                    {...{ clickable: clearable && hasValue, ...elementProps }}\n                  >\n                    {clearable && hasValue ? (\n                      <SelectIcon\n                        icon={clearIcon}\n                        {...getClearIconProps(iconProps)}\n                      />\n                    ) : (\n                      <SelectIcon icon={icon} {...getIconProps(iconProps)} />\n                    )}\n                  </InputGroup.Element>\n                </InputGroup.Root>\n\n                <SelectContent\n                  {...cast<SelectContentProps>(\n                    getContentProps(cast<HTMLProps>(contentProps)),\n                  )}\n                >\n                  {computedChildren}\n                </SelectContent>\n              </Popover.Root>\n            </ComponentContext>\n          </SelectContext>\n        </ComboboxContext>\n      </ComboboxDescendantsContext>\n    )\n  },\n  \"root\",\n)((props) => {\n  const context = useInputPropsContext()\n\n  return mergeProps(context, props)()\n}) as GenericsComponent<{\n  <Multiple extends boolean = false>(\n    props: SelectRootProps<Multiple>,\n  ): ReactElement\n}>\n\ninterface SelectFieldProps extends HTMLStyledProps {}\n\nconst SelectField = withContext<\"div\", SelectFieldProps>(\"div\", \"field\")(\n  { \"data-group-propagate\": \"\" },\n  ({ children, ...rest }) => ({\n    ...rest,\n    children: <SelectValueText>{children}</SelectValueText>,\n  }),\n)\n\ninterface SelectIconProps extends HTMLStyledProps {\n  icon?: ReactNode\n}\n\nconst SelectIcon = withContext<\"div\", SelectIconProps>(\"div\", \"icon\")(\n  undefined,\n  ({ children, icon, ...rest }) => ({\n    children: icon || children || <ChevronDownIcon />,\n    ...rest,\n  }),\n)\n\ninterface SelectValueTextProps extends HTMLProps<\"span\"> {}\n\nconst SelectValueText = withContext<\"span\", SelectValueTextProps>(\n  \"span\",\n  \"valueText\",\n)()\n\ninterface SelectContentProps extends Popover.ContentProps {}\n\nconst SelectContent = withContext<\"div\", SelectContentProps>(\n  Popover.Content,\n  \"content\",\n)()\n\nexport interface SelectLabelProps extends HTMLStyledProps<\"span\"> {}\n\nexport const SelectLabel = withContext<\"span\", SelectLabelProps>(\n  \"span\",\n  \"label\",\n)(undefined, (props) => {\n  const { getLabelProps } = useComboboxGroupContext()\n\n  return getLabelProps(props)\n})\n\nexport interface SelectGroupProps\n  extends UseComboboxGroupProps, HTMLStyledProps {\n  /**\n   * The label of the group.\n   */\n  label?: ReactNode\n  /**\n   * Props for the label component.\n   */\n  labelProps?: SelectLabelProps\n}\n\nexport const SelectGroup = withContext<\"div\", SelectGroupProps>(\n  ({ children, label, labelProps, ...rest }) => {\n    const { groupProps } = useComponentContext()\n    const { getGroupProps, getLabelProps } = useComboboxGroup(\n      mergeProps(groupProps, rest)(),\n    )\n    const context = useMemo(() => ({ getLabelProps }), [getLabelProps])\n\n    return (\n      <ComboboxGroupContext value={context}>\n        <styled.div {...getGroupProps()}>\n          {label ? <SelectLabel {...labelProps}>{label}</SelectLabel> : null}\n          {children}\n        </styled.div>\n      </ComboboxGroupContext>\n    )\n  },\n  \"group\",\n)()\n\nexport interface SelectOptionProps\n  extends UseSelectOptionProps, HTMLStyledProps {\n  /**\n   * The icon to be used in the select option.\n   */\n  icon?: ReactNode\n}\n\nexport const SelectOption = withContext<\"div\", SelectOptionProps>(\n  ({ children, icon: iconProp, ...rest }) => {\n    const { optionProps: { icon, ...optionProps } = {} } = useComponentContext()\n    const { getIndicatorProps, getOptionProps } = useSelectOption(\n      mergeProps(optionProps, rest)(),\n    )\n\n    return (\n      <styled.div {...getOptionProps()}>\n        <SelectIndicator {...getIndicatorProps()}>\n          {iconProp ?? icon ?? <CheckIcon />}\n        </SelectIndicator>\n        {children}\n      </styled.div>\n    )\n  },\n  \"option\",\n)()\n\ninterface SelectIndicatorProps extends HTMLStyledProps {}\n\nconst SelectIndicator = withContext<\"div\", SelectIndicatorProps>(\n  \"div\",\n  \"indicator\",\n)()\n\nexport interface SelectSeparatorProps extends HTMLStyledProps<\"hr\"> {}\n\nexport const SelectSeparator = withContext<\"hr\", SelectSeparatorProps>(\n  \"hr\",\n  \"separator\",\n)(undefined, (props) => {\n  const { getSeparatorProps } = useComponentContext()\n\n  return getSeparatorProps(props)\n})\n"],"mappings":"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"}
+{"version":3,"file":"select.cjs","names":["createSlotComponent","selectStyle","XIcon","useGroupItemProps","usePopoverStyleProps","useMemo","createComboboxItem","useSelect","createComboboxChildren","useInputBorder","ComboboxDescendantsContext","ComboboxContext","SelectContext","styled","mergeProps","useInputPropsContext","ChevronDownIcon","useComboboxGroupContext","useComboboxGroup","ComboboxGroupContext","useSelectOption","CheckIcon"],"sources":["../../../../src/components/select/select.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement, ReactNode } from \"react\"\nimport type {\n  GenericsComponent,\n  HTMLProps,\n  HTMLStyledProps,\n  ThemeProps,\n} from \"../../core\"\nimport type {\n  ComboboxItem,\n  UseComboboxGroupProps,\n} from \"../../hooks/use-combobox\"\nimport type { Merge } from \"../../utils\"\nimport type { UseInputBorderProps } from \"../input\"\nimport type { UsePopoverStyleProps, UsePopupAnimationProps } from \"../popover\"\nimport type { SelectStyle } from \"./select.style\"\nimport type {\n  UseSelectOptionProps,\n  UseSelectProps,\n  UseSelectReturn,\n} from \"./use-select\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, mergeProps, styled } from \"../../core\"\nimport {\n  ComboboxContext,\n  ComboboxDescendantsContext,\n  ComboboxGroupContext,\n  createComboboxChildren,\n  createComboboxItem,\n  useComboboxGroup,\n  useComboboxGroupContext,\n} from \"../../hooks/use-combobox\"\nimport { cast, isArray } from \"../../utils\"\nimport { useGroupItemProps } from \"../group\"\nimport { CheckIcon, ChevronDownIcon, XIcon } from \"../icon\"\nimport { InputGroup, useInputBorder, useInputPropsContext } from \"../input\"\nimport { Popover, usePopoverStyleProps } from \"../popover\"\nimport { selectStyle } from \"./select.style\"\nimport { SelectContext, useSelect, useSelectOption } from \"./use-select\"\n\ninterface ComponentContext\n  extends\n    Pick<UseSelectReturn, \"getSeparatorProps\">,\n    Pick<SelectRootProps, \"groupProps\" | \"optionProps\"> {}\n\nexport interface SelectRootProps<Multiple extends boolean = false>\n  extends\n    Omit<HTMLStyledProps, \"defaultValue\" | \"offset\" | \"onChange\" | \"value\">,\n    Merge<UseSelectProps<Multiple>, UsePopoverStyleProps>,\n    UsePopupAnimationProps,\n    ThemeProps<SelectStyle>,\n    UseInputBorderProps {\n  /**\n   * If `true`, display the clear icon.\n   *\n   * @default false\n   */\n  clearable?: boolean\n  /**\n   * The icon to be used in the clear button.\n   */\n  clearIcon?: ReactNode\n  /**\n   * The icon to be used in the select.\n   */\n  icon?: ReactNode\n  /**\n   * Props for content element.\n   */\n  contentProps?: SelectContentProps\n  /**\n   * The props for the end element.\n   */\n  elementProps?: InputGroup.ElementProps\n  /**\n   * Props for group element.\n   */\n  groupProps?: Omit<SelectGroupProps, \"children\" | \"label\">\n  /**\n   * Props for icon element.\n   */\n  iconProps?: SelectIconProps\n  /**\n   * Props for option element.\n   */\n  optionProps?: Omit<SelectOptionProps, \"children\" | \"value\">\n  /**\n   * Props for placeholder element.\n   */\n  placeholderProps?: Omit<SelectOptionProps, \"children\" | \"value\">\n  /**\n   * Props for root element.\n   */\n  rootProps?: InputGroup.RootProps\n}\n\nconst {\n  ComponentContext,\n  PropsContext: SelectPropsContext,\n  useComponentContext,\n  usePropsContext: useSelectPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<SelectRootProps, SelectStyle, ComponentContext>(\n  \"select\",\n  selectStyle,\n)\n\nexport { SelectPropsContext, useSelectPropsContext }\n\n/**\n * `Select` is a component used for allowing a user to choose one option from a list.\n *\n * @see https://yamada-ui.com/docs/components/select\n */\nexport const SelectRoot = withProvider<\"div\", SelectRootProps>(\n  <Multiple extends boolean = false>(props: SelectRootProps<Multiple>) => {\n    const [\n      groupItemProps,\n      {\n        className,\n        css,\n        colorScheme,\n        animationScheme = \"block-start\",\n        children,\n        clearable,\n        clearIcon = <XIcon />,\n        duration,\n        errorBorderColor,\n        focusBorderColor,\n        icon,\n        items: itemsProp,\n        contentProps,\n        elementProps,\n        groupProps,\n        iconProps,\n        optionProps,\n        placeholderProps,\n        rootProps,\n        ...rest\n      },\n    ] = useGroupItemProps(props)\n    const popoverStyleProps = usePopoverStyleProps(rest)\n    const items = useMemo<ComboboxItem[]>(() => {\n      if (itemsProp) return itemsProp\n\n      return createComboboxItem(children, {\n        Group: SelectGroup,\n        Label: SelectLabel,\n        Option: SelectOption,\n      })\n    }, [itemsProp, children])\n    const {\n      descendants,\n      includePlaceholder,\n      items: computedItems,\n      max,\n      placeholder,\n      value,\n      getClearIconProps,\n      getContentProps,\n      getFieldProps,\n      getIconProps,\n      getInputProps,\n      getRootProps,\n      getSeparatorProps,\n      popoverProps,\n      onActiveDescendant,\n      onChange,\n      onClose,\n      onSelect,\n    } = useSelect({ items, ...rest, ...popoverStyleProps })\n    const mergedPopoverProps = useMemo<Popover.RootProps>(\n      () => ({\n        animationScheme,\n        duration,\n        ...popoverProps,\n      }),\n      [animationScheme, duration, popoverProps],\n    )\n    const computedChildren = useMemo(() => {\n      if (children)\n        return (\n          <>\n            {placeholder ? (\n              <SelectOption\n                {...placeholderProps}\n                hidden={!includePlaceholder}\n                value=\"\"\n              >\n                {placeholder}\n              </SelectOption>\n            ) : null}\n\n            {children}\n          </>\n        )\n\n      return createComboboxChildren(computedItems, {\n        Group: SelectGroup,\n        Option: SelectOption,\n      })\n    }, [\n      children,\n      computedItems,\n      placeholder,\n      includePlaceholder,\n      placeholderProps,\n    ])\n    const varProps = useInputBorder({ errorBorderColor, focusBorderColor })\n    const comboboxContext = useMemo(\n      () => ({ max, value, onActiveDescendant, onChange, onClose, onSelect }),\n      [max, onActiveDescendant, onChange, onClose, onSelect, value],\n    )\n    const selectContext = useMemo(() => ({ max, value }), [max, value])\n    const componentContext = useMemo(\n      () => ({ getSeparatorProps, groupProps, optionProps }),\n      [getSeparatorProps, groupProps, optionProps],\n    )\n    const hasValue = isArray(value) ? !!value.length : !!value\n\n    return (\n      <ComboboxDescendantsContext value={descendants}>\n        <ComboboxContext value={comboboxContext}>\n          <SelectContext value={selectContext}>\n            <ComponentContext value={componentContext}>\n              <Popover.Root {...mergedPopoverProps}>\n                <styled.input {...getInputProps()} />\n\n                <InputGroup.Root\n                  {...mergeProps(\n                    { className, css, colorScheme },\n                    getRootProps(groupItemProps),\n                    rootProps,\n                  )()}\n                >\n                  <Popover.Trigger>\n                    <SelectField {...getFieldProps({ ...varProps })} />\n                  </Popover.Trigger>\n\n                  <InputGroup.Element\n                    {...{ clickable: clearable && hasValue, ...elementProps }}\n                  >\n                    {clearable && hasValue ? (\n                      <SelectIcon\n                        icon={clearIcon}\n                        {...getClearIconProps(iconProps)}\n                      />\n                    ) : (\n                      <SelectIcon icon={icon} {...getIconProps(iconProps)} />\n                    )}\n                  </InputGroup.Element>\n                </InputGroup.Root>\n\n                <SelectContent\n                  {...cast<SelectContentProps>(\n                    getContentProps(cast<HTMLProps>(contentProps)),\n                  )}\n                >\n                  {computedChildren}\n                </SelectContent>\n              </Popover.Root>\n            </ComponentContext>\n          </SelectContext>\n        </ComboboxContext>\n      </ComboboxDescendantsContext>\n    )\n  },\n  \"root\",\n)((props) => {\n  const context = useInputPropsContext()\n\n  return mergeProps(context, props)()\n}) as GenericsComponent<{\n  <Multiple extends boolean = false>(\n    props: SelectRootProps<Multiple>,\n  ): ReactElement\n}>\n\ninterface SelectFieldProps extends HTMLStyledProps {}\n\nconst SelectField = withContext<\"div\", SelectFieldProps>(\"div\", \"field\")(\n  { \"data-group-propagate\": \"\" },\n  ({ children, ...rest }) => ({\n    ...rest,\n    children: <SelectValueText>{children}</SelectValueText>,\n  }),\n)\n\ninterface SelectIconProps extends HTMLStyledProps {\n  icon?: ReactNode\n}\n\nconst SelectIcon = withContext<\"div\", SelectIconProps>(\"div\", \"icon\")(\n  undefined,\n  ({ children, icon, ...rest }) => ({\n    children: icon || children || <ChevronDownIcon />,\n    ...rest,\n  }),\n)\n\ninterface SelectValueTextProps extends HTMLProps<\"span\"> {}\n\nconst SelectValueText = withContext<\"span\", SelectValueTextProps>(\n  \"span\",\n  \"valueText\",\n)()\n\ninterface SelectContentProps extends Popover.ContentProps {}\n\nconst SelectContent = withContext<\"div\", SelectContentProps>(\n  Popover.Content,\n  \"content\",\n)()\n\nexport interface SelectLabelProps extends HTMLStyledProps<\"span\"> {}\n\nexport const SelectLabel = withContext<\"span\", SelectLabelProps>(\n  \"span\",\n  \"label\",\n)(undefined, (props) => {\n  const { getLabelProps } = useComboboxGroupContext()\n\n  return getLabelProps(props)\n})\n\nexport interface SelectGroupProps\n  extends UseComboboxGroupProps, HTMLStyledProps {\n  /**\n   * The label of the group.\n   */\n  label?: ReactNode\n  /**\n   * Props for the label component.\n   */\n  labelProps?: SelectLabelProps\n}\n\nexport const SelectGroup = withContext<\"div\", SelectGroupProps>(\n  ({ children, label, labelProps, ...rest }) => {\n    const { groupProps } = useComponentContext()\n    const { getGroupProps, getLabelProps } = useComboboxGroup(\n      mergeProps(groupProps, rest)(),\n    )\n    const context = useMemo(() => ({ getLabelProps }), [getLabelProps])\n\n    return (\n      <ComboboxGroupContext value={context}>\n        <styled.div {...getGroupProps()}>\n          {label ? <SelectLabel {...labelProps}>{label}</SelectLabel> : null}\n          {children}\n        </styled.div>\n      </ComboboxGroupContext>\n    )\n  },\n  \"group\",\n)()\n\nexport interface SelectOptionProps\n  extends UseSelectOptionProps, HTMLStyledProps {\n  /**\n   * The icon to be used in the select option.\n   */\n  icon?: ReactNode\n}\n\nexport const SelectOption = withContext<\"div\", SelectOptionProps>(\n  ({ children, icon: iconProp, ...rest }) => {\n    const { optionProps: { icon, ...optionProps } = {} } = useComponentContext()\n    const { getIndicatorProps, getOptionProps } = useSelectOption(\n      mergeProps(optionProps, rest)(),\n    )\n\n    return (\n      <styled.div {...getOptionProps()}>\n        <SelectIndicator {...getIndicatorProps()}>\n          {iconProp ?? icon ?? <CheckIcon />}\n        </SelectIndicator>\n        {children}\n      </styled.div>\n    )\n  },\n  \"option\",\n)()\n\ninterface SelectIndicatorProps extends HTMLStyledProps {}\n\nconst SelectIndicator = withContext<\"div\", SelectIndicatorProps>(\n  \"div\",\n  \"indicator\",\n)()\n\nexport interface SelectSeparatorProps extends HTMLStyledProps<\"hr\"> {}\n\nexport const SelectSeparator = withContext<\"hr\", SelectSeparatorProps>(\n  \"hr\",\n  \"separator\",\n)(undefined, (props) => {\n  const { getSeparatorProps } = useComponentContext()\n\n  return getSeparatorProps(props)\n})\n"],"mappings":"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"}

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"show.cjs","names":[],"sources":["../../../../src/components/show/show.tsx"],"sourcesContent":["import type { ReactNode } from \"react\"\nimport type { ReactNodeOrFunction } from \"../../utils\"\nimport { isValidElement } from \"react\"\nimport { runIfFn } from \"../../utils\"\n\nexport interface ShowProps<Y> {\n  /**\n   * The children to render if `when` is `true`\n   */\n  children: ReactNodeOrFunction<Y>\n  /**\n   * The fallback content to render if `when` is `false`\n   */\n  fallback?: ReactNode\n  /**\n   * If `true`, it'll render the `children` prop\n   */\n  when?: null | Y\n}\n\n/**\n * `Show` is a component that shows or hides its children based on a condition.\n *\n * @see https://yamada-ui.com/docs/components/show\n */\nexport const Show = <Y,>({\n  children,\n  fallback,\n  when,\n}: ShowProps<Y>): ReactNode => {\n  let result: ReactNode\n\n  if (!when) result = fallback\n  else result = runIfFn(children, when)\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,MAAM,SAAS;MACf,UAAA,GAAA,oBAAA,cAAA,QAAA,CAAiB,UAAU,IAAI;CAGpC,QAAA,GAAA,MAAA,eAAA,CAAsB,MAAM,IAAI,SAAS,iBAAA,GAAA,kBAAA,IAAA,CAAA,kBAAA,UAAA,EAAA,UAAG,OAAS,CAAA;AACvD"}
+{"version":3,"file":"show.cjs","names":["isValidElement"],"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) result = fallback\n  else result = runIfFn(children, when)\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,MAAM,SAAS;MACf,UAAA,GAAA,oBAAA,cAAS,QAAA,CAAQ,UAAU,IAAI;CAGpC,QAAA,GAAOA,MAAAA,eAAAA,CAAe,MAAM,IAAI,SAAS,iBAAA,GAAA,kBAAA,IAAA,CAAA,kBAAA,UAAA,EAAA,UAAG,OAAS,CAAA;AACvD"}

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

@@ -1,4 +1,5 @@
 "use client";
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_children = require("../../utils/children.cjs");
 const require_context = require("../../utils/context.cjs");
 const require_utils_index = require("../../utils/index.cjs");
@@ -252,7 +253,7 @@ const SidebarHandle = withContext((props) => {
 }, "handle")();
 const SidebarGroup = withContext(({ children, items, label, value: valueProp = (0, require_utils_index.utils_exports.isString)(label) ? label : void 0, contentProps, labelProps, ...rest }) => {
 	const { groupProps } = useSidePanelComponentContext();
-	const [omittedChildren, customLabel, customContent] = require_children.useSplitChildren((0, react.useMemo)(() => {
+	const computedChildren = (0, react.useMemo)(() => {
 		if (children) return children;
 		return items?.map(({ children, ...rest }, index) => {
 			const key = createKey(rest, index);
@@ -261,7 +262,8 @@ const SidebarGroup = withContext(({ children, items, label, value: valueProp = (
 				...rest
 			}, key);
 		});
-	}, [children, items]), SidebarGroupLabel, SidebarGroupContent);
+	}, [children, items]);
+	const [omittedChildren, customLabel, customContent] = require_children.useSplitChildren(computedChildren, SidebarGroupLabel, SidebarGroupContent);
 	const { getContentProps, getLabelProps, getRootProps } = require_use_sidebar.useSidebarGroup({
 		...require_props.mergeProps(groupProps, rest)(),
 		value: valueProp
@@ -290,7 +292,8 @@ const SidebarGroupLabel = withContext("span", "groupLabel")(void 0, (props) => {
 	return getLabelProps(require_props.mergeProps(labelProps, props)());
 });
 const SidebarGroupContent = withContext("div", "groupContent")(void 0, ({ children, ...rest }) => {
-	const list = require_children.useIncludesChildren(require_children.useValidChildren(children), SidebarItem);
+	const validChildren = require_children.useValidChildren(children);
+	const list = require_children.useIncludesChildren(validChildren, SidebarItem);
 	const { groupContentProps } = useSidePanelComponentContext();
 	const { contentProps, getContentProps } = useGroupComponentContext();
 	return {