@bioturing/components 0.28.1 → 0.29.1

package/dist/components/combobox/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/combobox/component.tsx"],"sourcesContent":["\"use client\";\nimport React, { forwardRef, useCallback, useMemo, useState } from \"react\";\nimport { useControlled } from \"@base-ui-components/utils/useControlled\";\nimport { clsx, useCls } from \"../utils\";\nimport {\n  DropdownMenu,\n  DropdownMenuProps,\n  DropdownMenuItem,\n  type DropdownMenuItemType,\n} from \"../dropdown-menu\";\nimport type { PopoverProps } from \"antd/es/popover\";\nimport { ComboboxTrigger, ComboboxTriggerProps } from \"./trigger\";\n\n// Import component-specific styles\nimport \"./style.css\";\nimport { useControlledState } from \"../hooks\";\nimport { DropdownMenuDivider } from \"../dropdown-menu/divider\";\n\nexport interface ComboboxOption {\n  value: string | number;\n  label: React.ReactNode;\n  disabled?: boolean;\n  icon?: React.ReactNode;\n}\n\nexport interface ComboboxProps {\n  /** Array of options to be displayed in the combobox */\n  options?: ComboboxOption[];\n  /** Current value of the combobox */\n  value?: string | number | Array<string | number>;\n  /** Default value when uncontrolled */\n  defaultValue?: string | number | Array<string | number>;\n  /** Callback when value changes */\n  onChange?: (value: string | number | Array<string | number>) => void;\n  /** Placeholder text for the input */\n  placeholder?: string;\n  /** Whether the combobox is disabled */\n  disabled?: boolean;\n  /** Whether to allow clearing the selection */\n  allowClear?: boolean;\n  /** Whether to allow multiple selections */\n  multiple?: boolean;\n  /** Maximum number of tags to show */\n  maxTagCount?: number;\n  /** Whether to show search functionality */\n  showSearch?: boolean;\n  /** Controlled open state */\n  open?: boolean;\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean) => void;\n  /** Placement of the dropdown */\n  placement?: PopoverProps[\"placement\"];\n  /** Custom className for the component */\n  className?: string;\n  /** Custom class names for different parts */\n  classNames?: {\n    trigger?: string;\n    input?: string;\n    option?: string;\n    optionIcon?: string;\n    optionText?: string;\n  };\n  /** Size of the combobox */\n  size?: \"small\" | \"middle\" | \"large\";\n  /** Loading state */\n  loading?: boolean;\n  /** Custom render for options */\n  optionRender?: (\n    option: ComboboxOption,\n    props: React.HTMLAttributes<HTMLElement>\n  ) => React.ReactElement;\n  /** Filter function for search */\n  filterOption?: boolean | ((input: string, option: ComboboxOption) => boolean);\n  /** Callback when search input changes */\n  onSearch?: (value: string) => void;\n  /** Custom dropdown render */\n  dropdownRender?: (menu: React.ReactElement) => React.ReactElement;\n  /** Custom clear icon */\n  clearIcon?: React.ReactNode;\n  /** Custom suffix icon */\n  suffixIcon?: React.ReactNode;\n  /**\n   * Props to pass to the dropdown menu\n   */\n  dropdownMenuProps?: DropdownMenuProps;\n  /**\n   * Props to pass to the combobox trigger\n   */\n  triggerProps?: ComboboxTriggerProps;\n  searchProps?: {\n    placeholder?: string;\n    onValueChange?: (value: string) => void;\n    value?: string;\n  };\n  /**\n   * Show selection summary instead of individual tags when multiple\n   * @default false\n   */\n  showSelectionSummary?: boolean;\n  /**\n   * Render function for the selection summary in multiple case\n   * @default (selectedValues) => `${selectedValues.length} items selected`\n   */\n  selectionSummaryRender?: (\n    selectedValues: Array<string | number>\n  ) => React.ReactNode;\n  /**\n   * Show select all option when in multiple mode\n   * @default false\n   */\n  showSelectAll?: boolean;\n  /**\n   * Render function for the select all option\n   */\n  selectAllRender?: (props: {\n    onSelectAll: () => void;\n    onDeselectAll: () => void;\n    checked: boolean;\n    indeterminate: boolean;\n  }) => React.ReactNode;\n}\n\nconst ComboboxInner = (\n  {\n    options = [],\n    value: controlledValue,\n    defaultValue,\n    onChange,\n    placeholder = \"Select...\",\n    disabled = false,\n    allowClear = false,\n    multiple = false,\n    maxTagCount,\n    showSearch = true,\n    open: controlledOpen,\n    onOpenChange,\n    placement = \"bottomLeft\",\n    className,\n    classNames,\n    size = \"middle\",\n    loading: _loading = false,\n    optionRender,\n    filterOption = true,\n    onSearch,\n    dropdownRender,\n    clearIcon,\n    suffixIcon,\n    dropdownMenuProps,\n    triggerProps,\n    searchProps,\n    showSelectionSummary = false,\n    selectionSummaryRender,\n    showSelectAll = false,\n    selectAllRender,\n    ...rest\n  }: ComboboxProps,\n  ref: React.ForwardedRef<HTMLDivElement>\n) => {\n  const [initialDefaultValue] = useState(\n    defaultValue !== undefined ? defaultValue : multiple ? [] : undefined\n  );\n  const [value, setValue] = useControlled({\n    controlled: controlledValue,\n    default: initialDefaultValue,\n    name: \"value\",\n  });\n\n  const [open, setOpen] = useControlledState(\n    controlledOpen,\n    onOpenChange,\n    false\n  );\n  const [searchValue, setSearchValue] = useState(\"\");\n  const cls = useCls();\n\n  const handleValueChange = useCallback(\n    (newValue: string | number | Array<string | number>) => {\n      setValue(newValue);\n      onChange?.(newValue);\n    },\n    [setValue, onChange]\n  );\n\n  const handleOptionSelect = useCallback(\n    (optionValue: string | number) => {\n      if (multiple) {\n        const currentValues = Array.isArray(value) ? value : [];\n        const newValues = currentValues.includes(optionValue)\n          ? currentValues.filter((v) => v !== optionValue)\n          : [...currentValues, optionValue];\n        handleValueChange(newValues);\n      } else {\n        handleValueChange(optionValue);\n        // onOpenChange?.(false);\n      }\n    },\n    [multiple, value, handleValueChange]\n  );\n\n  const handleSearchChange = useCallback(\n    (newValue: string) => {\n      setSearchValue(newValue);\n      onSearch?.(newValue);\n    },\n    [onSearch]\n  );\n\n  // Check if option is selected\n  const isSelected = useCallback(\n    (optionValue: string | number) => {\n      if (multiple) {\n        return Array.isArray(value) && value.includes(optionValue);\n      }\n      return value === optionValue;\n    },\n    [multiple, value]\n  );\n\n  // Filter options based on search\n  const filteredOptions = useMemo(() => {\n    if (!showSearch || !searchValue) return options;\n\n    return options.filter((option) => {\n      if (typeof filterOption === \"function\") {\n        return filterOption(searchValue, option);\n      }\n      if (filterOption === false) return true;\n\n      const label =\n        typeof option.label === \"string\" ? option.label : String(option.value);\n      return label.toLowerCase().includes(searchValue.toLowerCase());\n    });\n  }, [options, showSearch, searchValue, filterOption]);\n\n  const handleSelectAll = useCallback(() => {\n    if (multiple) {\n      const allValues = filteredOptions.map((option) => option.value);\n      handleValueChange(allValues);\n    }\n  }, [multiple, filteredOptions, handleValueChange]);\n\n  const handleDeselectAll = useCallback(() => {\n    if (multiple) {\n      handleValueChange([]);\n    }\n  }, [multiple, handleValueChange]);\n\n  // Convert options to DropdownMenu items\n  const dropdownItems: DropdownMenuItemType[] = useMemo(() => {\n    return filteredOptions.map((option) => {\n      return {\n        type: \"item\",\n        key: option.value,\n        icon: option.icon,\n        label: option.label,\n        disabled: option.disabled,\n        onClick: () => !option.disabled && handleOptionSelect(option.value),\n      };\n    });\n  }, [filteredOptions, handleOptionSelect]);\n\n  // Select all component for beforeList\n  const selectAllComponent = useMemo(() => {\n    if (!showSelectAll || !multiple || filteredOptions.length === 0) {\n      return null;\n    }\n\n    const selectedValues = Array.isArray(value) ? value : [];\n    const filteredOptionValues = filteredOptions.map((opt) => opt.value);\n    const selectedFromFiltered = selectedValues.filter((val) =>\n      filteredOptionValues.includes(val)\n    );\n    const checked =\n      selectedFromFiltered.length === filteredOptions.length &&\n      filteredOptions.length > 0;\n    const indeterminate =\n      selectedFromFiltered.length > 0 &&\n      selectedFromFiltered.length < filteredOptions.length;\n\n    const selectAllItem: DropdownMenuItemType & { type: \"item\" } = {\n      type: \"item\",\n      key: \"select_all\",\n      label: \"Select All\",\n      onClick: () => {\n        if (indeterminate || checked) {\n          handleDeselectAll();\n        } else {\n          handleSelectAll();\n        }\n      },\n    };\n\n    return (\n      <>\n        <DropdownMenuItem\n          key=\"select_all\"\n          item={selectAllItem}\n          inCombobox={showSearch}\n          selected={checked}\n          showCheckbox\n          indeterminate={indeterminate}\n          renderAsNativeElement\n          onSelect={() => {\n            if (indeterminate || checked) {\n              handleDeselectAll();\n            } else {\n              handleSelectAll();\n            }\n          }}\n        />\n        <DropdownMenuDivider />\n      </>\n    );\n  }, [\n    showSelectAll,\n    multiple,\n    filteredOptions,\n    value,\n    showSearch,\n    handleDeselectAll,\n    handleSelectAll,\n  ]);\n\n  // Prepare trigger data\n  const selectedValues = Array.isArray(value) ? value : value ? [value] : [];\n  const selectedOptions = selectedValues\n    .map((val) => options.find((opt) => opt.value === val))\n    .filter(Boolean);\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(\n        cls(\"combobox\"),\n        className,\n        disabled && \"pointer-events-none opacity-50\"\n      )}\n      {...rest}\n    >\n      <DropdownMenu\n        items={dropdownItems}\n        open={open}\n        onOpenChange={setOpen}\n        placement={placement}\n        showSearch={showSearch}\n        searchProps={{\n          placeholder: \"Search options...\",\n          onValueChange: handleSearchChange,\n          value: searchValue,\n          ...searchProps,\n        }}\n        className={clsx(cls(\"combobox-dropdown\"))}\n        classNames={{\n          trigger: clsx(cls(\"combobox-trigger-wrapper\")),\n          popup: clsx(cls(\"combobox-popup\")),\n          item: clsx(cls(\"combobox-option\"), classNames?.option),\n          ...classNames,\n        }}\n        popupMatchTriggerWidth\n        keepOpenOnSelect={multiple}\n        highlightedItemKey={multiple ? undefined : selectedValues[0]}\n        showCheckbox={multiple}\n        beforeList={selectAllComponent}\n        selectedItemKeys={selectedValues}\n        {...dropdownMenuProps}\n      >\n        <ComboboxTrigger\n          selectedOptions={selectedOptions}\n          placeholder={placeholder}\n          multiple={multiple}\n          disabled={disabled}\n          open={open}\n          size={size}\n          allowClear={allowClear}\n          suffixIcon={suffixIcon}\n          clearIcon={clearIcon}\n          classNames={classNames}\n          onClear={() => handleValueChange(multiple ? [] : undefined)}\n          showSelectionSummary={showSelectionSummary}\n          selectionSummaryRender={selectionSummaryRender}\n          {...triggerProps}\n        />\n      </DropdownMenu>\n    </div>\n  );\n};\n\nconst MainCombobox = forwardRef(ComboboxInner);\n\nexport const Combobox = Object.assign(MainCombobox, {\n  // Add any sub components here if needed\n});\n\nexport default Combobox;\n"],"names":["ComboboxInner","options","controlledValue","defaultValue","onChange","placeholder","disabled","allowClear","multiple","maxTagCount","showSearch","controlledOpen","onOpenChange","placement","className","classNames","size","_loading","optionRender","filterOption","onSearch","dropdownRender","clearIcon","suffixIcon","dropdownMenuProps","triggerProps","searchProps","showSelectionSummary","selectionSummaryRender","showSelectAll","selectAllRender","rest","ref","initialDefaultValue","useState","value","setValue","useControlled","open","setOpen","useControlledState","searchValue","setSearchValue","cls","useCls","handleValueChange","useCallback","newValue","handleOptionSelect","optionValue","currentValues","newValues","v","handleSearchChange","filteredOptions","useMemo","option","handleSelectAll","allValues","handleDeselectAll","dropdownItems","selectAllComponent","selectedValues","filteredOptionValues","opt","selectedFromFiltered","val","checked","indeterminate","jsxs","Fragment","jsx","DropdownMenuItem","DropdownMenuDivider","selectedOptions","clsx","DropdownMenu","ComboboxTrigger","MainCombobox","forwardRef","Combobox"],"mappings":"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"}
+{"version":3,"file":"component.js","sources":["../../../src/components/combobox/component.tsx"],"sourcesContent":["\"use client\";\nimport React, {\n  forwardRef,\n  useCallback,\n  useMemo,\n  useState,\n  useContext,\n} from \"react\";\nimport { useControlled } from \"@base-ui-components/utils/useControlled\";\nimport { FormItemInputContext } from \"antd/es/form/context\";\nimport { ValidateStatus } from \"antd/es/form/FormItem\";\nimport DisabledContext from \"antd/es/config-provider/DisabledContext\";\nimport { clsx, useCls } from \"../utils\";\nimport { SelectTrigger } from \"../select-trigger\";\nimport {\n  DropdownMenu,\n  DropdownMenuProps,\n  DropdownMenuItem,\n  type DropdownMenuItemType,\n} from \"../dropdown-menu\";\nimport type { PopoverProps } from \"antd/es/popover\";\n\n// Import component-specific styles\nimport \"./style.css\";\nimport { useControlledState } from \"../hooks\";\nimport { DropdownMenuDivider } from \"../dropdown-menu/divider\";\n\nexport interface ComboboxOption {\n  value: string | number;\n  label: React.ReactNode;\n  disabled?: boolean;\n  icon?: React.ReactNode;\n}\n\nexport interface ComboboxProps {\n  /** Array of options to be displayed in the combobox */\n  options?: ComboboxOption[];\n  /** Current value of the combobox */\n  value?: string | number | Array<string | number>;\n  /** Default value when uncontrolled */\n  defaultValue?: string | number | Array<string | number>;\n  /** Callback when value changes */\n  onChange?: (value: string | number | Array<string | number>) => void;\n  /** Placeholder text for the input */\n  placeholder?: string;\n  /** Whether the combobox is disabled */\n  disabled?: boolean;\n  /** Validation status */\n  status?: ValidateStatus;\n  /** Whether to allow clearing the selection */\n  allowClear?: boolean;\n  /** Whether to allow multiple selections */\n  multiple?: boolean;\n  /** Maximum number of tags to show */\n  maxTagCount?: number;\n  /** Whether to show search functionality */\n  showSearch?: boolean;\n  /** Controlled open state */\n  open?: boolean;\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean) => void;\n  /** Placement of the dropdown */\n  placement?: PopoverProps[\"placement\"];\n  /** Custom className for the component */\n  className?: string;\n  /** Custom class names for different parts */\n  classNames?: {\n    trigger?: string;\n    input?: string;\n    option?: string;\n    optionIcon?: string;\n    optionText?: string;\n  };\n  /** Size of the combobox */\n  size?: \"small\" | \"middle\" | \"large\";\n  /** Loading state */\n  loading?: boolean;\n  /** Custom render for options */\n  optionRender?: (\n    option: ComboboxOption,\n    props: React.HTMLAttributes<HTMLElement>\n  ) => React.ReactElement;\n  /** Filter function for search */\n  filterOption?: boolean | ((input: string, option: ComboboxOption) => boolean);\n  /** Callback when search input changes */\n  onSearch?: (value: string) => void;\n  /** Custom dropdown render */\n  dropdownRender?: (menu: React.ReactElement) => React.ReactElement;\n  /** Custom clear icon */\n  clearIcon?: React.ReactNode;\n  /** Custom suffix icon */\n  suffixIcon?: React.ReactNode;\n  /**\n   * Props to pass to the dropdown menu\n   */\n  dropdownMenuProps?: DropdownMenuProps;\n  /**\n   * Props to pass to the combobox trigger\n   */\n  triggerProps?: React.ComponentPropsWithoutRef<typeof SelectTrigger>;\n  searchProps?: {\n    placeholder?: string;\n    onValueChange?: (value: string) => void;\n    value?: string;\n  };\n  /**\n   * Show selection summary instead of individual tags when multiple\n   * @default false\n   */\n  showSelectionSummary?: boolean;\n  /**\n   * Render function for the selection summary in multiple case\n   * @default (selectedValues) => `${selectedValues.length} items selected`\n   */\n  selectionSummaryRender?: (\n    selectedValues: Array<string | number>\n  ) => React.ReactNode;\n  /**\n   * Show select all option when in multiple mode\n   * @default false\n   */\n  showSelectAll?: boolean;\n  /**\n   * Render function for the select all option\n   */\n  selectAllRender?: (props: {\n    onSelectAll: () => void;\n    onDeselectAll: () => void;\n    checked: boolean;\n    indeterminate: boolean;\n  }) => React.ReactNode;\n}\n\nconst ComboboxInner = (\n  {\n    options = [],\n    value: controlledValue,\n    defaultValue,\n    onChange,\n    placeholder = \"Select...\",\n    disabled: disabledProp = false,\n    status: statusProp,\n    allowClear = false,\n    multiple = false,\n    maxTagCount,\n    showSearch = true,\n    open: controlledOpen,\n    onOpenChange,\n    placement = \"bottomLeft\",\n    className,\n    classNames,\n    size = \"middle\",\n    loading: _loading = false,\n    optionRender,\n    filterOption = true,\n    onSearch,\n    dropdownRender,\n    clearIcon,\n    suffixIcon,\n    dropdownMenuProps,\n    triggerProps,\n    searchProps,\n    showSelectionSummary = false,\n    selectionSummaryRender,\n    showSelectAll = false,\n    selectAllRender,\n    ...rest\n  }: ComboboxProps,\n  ref: React.ForwardedRef<HTMLDivElement>\n) => {\n  const [initialDefaultValue] = useState(\n    defaultValue !== undefined ? defaultValue : multiple ? [] : undefined\n  );\n  const [value, setValue] = useControlled({\n    controlled: controlledValue,\n    default: initialDefaultValue,\n    name: \"value\",\n  });\n\n  const [open, setOpen] = useControlledState(\n    controlledOpen,\n    onOpenChange,\n    false\n  );\n  const [searchValue, setSearchValue] = useState(\"\");\n  const cls = useCls();\n\n  // Get form context values\n  const {\n    status: contextStatus,\n    // hasFeedback,\n    // feedbackIcon,\n  } = useContext(FormItemInputContext);\n  const contextDisabled = useContext(DisabledContext);\n\n  // Merge context values with props\n  const mergedStatus = statusProp || contextStatus;\n  const disabled = disabledProp || contextDisabled;\n\n  const handleValueChange = useCallback(\n    (newValue: string | number | Array<string | number>) => {\n      setValue(newValue);\n      onChange?.(newValue);\n    },\n    [setValue, onChange]\n  );\n\n  const handleOptionSelect = useCallback(\n    (optionValue: string | number) => {\n      if (multiple) {\n        const currentValues = Array.isArray(value) ? value : [];\n        const newValues = currentValues.includes(optionValue)\n          ? currentValues.filter((v) => v !== optionValue)\n          : [...currentValues, optionValue];\n        handleValueChange(newValues);\n      } else {\n        handleValueChange(optionValue);\n        // onOpenChange?.(false);\n      }\n    },\n    [multiple, value, handleValueChange]\n  );\n\n  const handleSearchChange = useCallback(\n    (newValue: string) => {\n      setSearchValue(newValue);\n      onSearch?.(newValue);\n    },\n    [onSearch]\n  );\n\n  // Check if option is selected\n  const isSelected = useCallback(\n    (optionValue: string | number) => {\n      if (multiple) {\n        return Array.isArray(value) && value.includes(optionValue);\n      }\n      return value === optionValue;\n    },\n    [multiple, value]\n  );\n\n  // Filter options based on search\n  const filteredOptions = useMemo(() => {\n    if (!showSearch || !searchValue) return options;\n\n    return options.filter((option) => {\n      if (typeof filterOption === \"function\") {\n        return filterOption(searchValue, option);\n      }\n      if (filterOption === false) return true;\n\n      const label =\n        typeof option.label === \"string\" ? option.label : String(option.value);\n      return label.toLowerCase().includes(searchValue.toLowerCase());\n    });\n  }, [options, showSearch, searchValue, filterOption]);\n\n  const handleSelectAll = useCallback(() => {\n    if (multiple) {\n      const allValues = filteredOptions.map((option) => option.value);\n      handleValueChange(allValues);\n    }\n  }, [multiple, filteredOptions, handleValueChange]);\n\n  const handleDeselectAll = useCallback(() => {\n    if (multiple) {\n      handleValueChange([]);\n    }\n  }, [multiple, handleValueChange]);\n\n  // Convert options to DropdownMenu items\n  const dropdownItems: DropdownMenuItemType[] = useMemo(() => {\n    return filteredOptions.map((option) => {\n      return {\n        type: \"item\",\n        key: option.value,\n        icon: option.icon,\n        label: option.label,\n        disabled: option.disabled,\n        onClick: () => !option.disabled && handleOptionSelect(option.value),\n      };\n    });\n  }, [filteredOptions, handleOptionSelect]);\n\n  // Select all component for beforeList\n  const selectAllComponent = useMemo(() => {\n    if (!showSelectAll || !multiple || filteredOptions.length === 0) {\n      return null;\n    }\n\n    const selectedValues = Array.isArray(value) ? value : [];\n    const filteredOptionValues = filteredOptions.map((opt) => opt.value);\n    const selectedFromFiltered = selectedValues.filter((val) =>\n      filteredOptionValues.includes(val)\n    );\n    const checked =\n      selectedFromFiltered.length === filteredOptions.length &&\n      filteredOptions.length > 0;\n    const indeterminate =\n      selectedFromFiltered.length > 0 &&\n      selectedFromFiltered.length < filteredOptions.length;\n\n    const selectAllItem: DropdownMenuItemType & { type: \"item\" } = {\n      type: \"item\",\n      key: \"select_all\",\n      label: \"Select All\",\n      onClick: () => {\n        if (indeterminate || checked) {\n          handleDeselectAll();\n        } else {\n          handleSelectAll();\n        }\n      },\n    };\n\n    return (\n      <>\n        <DropdownMenuItem\n          key=\"select_all\"\n          item={selectAllItem}\n          inCombobox={showSearch}\n          selected={checked}\n          showCheckbox\n          indeterminate={indeterminate}\n          renderAsNativeElement\n          onSelect={() => {\n            if (indeterminate || checked) {\n              handleDeselectAll();\n            } else {\n              handleSelectAll();\n            }\n          }}\n        />\n        <DropdownMenuDivider />\n      </>\n    );\n  }, [\n    showSelectAll,\n    multiple,\n    filteredOptions,\n    value,\n    showSearch,\n    handleDeselectAll,\n    handleSelectAll,\n  ]);\n\n  // Prepare trigger data\n  const selectedValues = useMemo(() => {\n    return Array.isArray(value) ? value : value ? [value] : [];\n  }, [value]);\n  const selectedOptions = selectedValues\n    .map((val) => options.find((opt) => opt.value === val))\n    .filter(Boolean);\n\n  // Generate display value and prefix for SelectTrigger\n  const { displayValue, displayPrefix } = useMemo(() => {\n    if (selectedOptions.length === 0) {\n      return { displayValue: undefined, displayPrefix: undefined };\n    }\n\n    if (multiple) {\n      const summaryText = `${selectedOptions.length} ${\n        selectedOptions.length === 1 ? \"item\" : \"items\"\n      } selected`;\n      if (showSelectionSummary) {\n        if (selectionSummaryRender) {\n          return {\n            displayValue: selectionSummaryRender(selectedValues),\n            displayPrefix: undefined,\n          };\n        }\n        // Default summary with icons\n        return {\n          displayValue: summaryText,\n          // TODO: Create icon component for multiple selection summary\n          displayPrefix: undefined,\n        };\n      }\n      // For non-summary multiple selection\n      return selectedOptions.length === 1\n        ? {\n            displayValue: selectedOptions[0].label,\n            displayPrefix: selectedOptions[0].icon,\n          }\n        : {\n            displayValue: summaryText,\n            displayPrefix: undefined,\n          };\n    }\n\n    // Single selection\n    const selectedOption = selectedOptions[0];\n    return {\n      displayValue: selectedOption?.label,\n      displayPrefix: selectedOption?.icon,\n    };\n  }, [\n    selectedOptions,\n    multiple,\n    showSelectionSummary,\n    selectionSummaryRender,\n    selectedValues,\n  ]);\n\n  return (\n    <div ref={ref} className={clsx(cls(\"combobox\"), className)} {...rest}>\n      <DropdownMenu\n        items={dropdownItems}\n        open={open}\n        onOpenChange={setOpen}\n        placement={placement}\n        showSearch={showSearch}\n        searchProps={{\n          placeholder: \"Search options...\",\n          onValueChange: handleSearchChange,\n          value: searchValue,\n          ...searchProps,\n        }}\n        className={clsx(cls(\"combobox-dropdown\"))}\n        classNames={{\n          trigger: clsx(cls(\"combobox-trigger-wrapper\")),\n          popup: clsx(cls(\"combobox-popup\")),\n          item: clsx(cls(\"combobox-option\"), classNames?.option),\n          ...classNames,\n        }}\n        popupMatchTriggerWidth\n        keepOpenOnSelect={multiple}\n        highlightedItemKey={multiple ? undefined : selectedValues[0]}\n        showCheckbox={multiple}\n        beforeList={selectAllComponent}\n        selectedItemKeys={selectedValues}\n        {...dropdownMenuProps}\n      >\n        <SelectTrigger\n          value={displayValue}\n          prefix={displayPrefix}\n          placeholder={placeholder}\n          disabled={disabled}\n          status={mergedStatus}\n          open={open}\n          size={size}\n          allowClear={allowClear}\n          suffixIcon={suffixIcon}\n          clearIcon={clearIcon}\n          classNames={{\n            trigger: classNames?.trigger,\n            ...triggerProps?.classNames,\n          }}\n          onClear={() => handleValueChange(multiple ? [] : undefined)}\n          onOpenChange={setOpen}\n          role=\"combobox\"\n          {...triggerProps}\n        />\n      </DropdownMenu>\n    </div>\n  );\n};\n\nconst MainCombobox = forwardRef(ComboboxInner);\n\nexport const Combobox = Object.assign(MainCombobox, {\n  // Add any sub components here if needed\n});\n\nexport default Combobox;\n"],"names":["ComboboxInner","options","controlledValue","defaultValue","onChange","placeholder","disabledProp","statusProp","allowClear","multiple","maxTagCount","showSearch","controlledOpen","onOpenChange","placement","className","classNames","size","_loading","optionRender","filterOption","onSearch","dropdownRender","clearIcon","suffixIcon","dropdownMenuProps","triggerProps","searchProps","showSelectionSummary","selectionSummaryRender","showSelectAll","selectAllRender","rest","ref","initialDefaultValue","useState","value","setValue","useControlled","open","setOpen","useControlledState","searchValue","setSearchValue","cls","useCls","contextStatus","useContext","FormItemInputContext","contextDisabled","DisabledContext","mergedStatus","disabled","handleValueChange","useCallback","newValue","handleOptionSelect","optionValue","currentValues","newValues","v","handleSearchChange","filteredOptions","useMemo","option","handleSelectAll","allValues","handleDeselectAll","dropdownItems","selectAllComponent","selectedValues","filteredOptionValues","opt","selectedFromFiltered","val","checked","indeterminate","jsxs","Fragment","jsx","DropdownMenuItem","DropdownMenuDivider","selectedOptions","displayValue","displayPrefix","summaryText","selectedOption","clsx","DropdownMenu","SelectTrigger","MainCombobox","forwardRef","Combobox"],"mappings":"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"}

package/dist/components/combobox/style.css

@@ -1 +1 @@
-@layer components{.ds-combobox{position:relative;display:inline-block;cursor:pointer;width:100%}.ds-combobox:focus,.ds-combobox:focus-visible{outline:none}.ds-combobox-selector{position:relative;background-color:var( --ds-select-selector-bg, var(--ds-color-bg-container) );border:1px solid var(--ds-color-border);border-radius:6px;transition:all .2s;width:100%;height:auto;padding:var(--ds-select-option-padding, 6px 12px);display:flex;flex-wrap:wrap;align-items:center;gap:4}.ds-combobox:hover .ds-combobox-selector{border-color:var( --ds-select-hover-border-color, var(--ds-color-primary-hover) )}.ds-combobox:focus-visible .ds-combobox-selector{outline:var(--ds-line-width-focus) solid var(--ds-color-primary-border);outline-offset:1px;transition:outline-offset 0s,outline 0s}.ds-combobox-open .ds-combobox-selector{border-color:var(--ds-select-active-border-color, var(--ds-color-primary));box-shadow:0 0 0 2px var(--ds-select-active-outline-color, var(--ds-color-primary-bg))}.ds-combobox-disabled .ds-combobox-selector{background-color:var( --ds-select-multiple-selector-bg-disabled, var(--ds-color-bg-container-disabled) );border-color:var(--ds-color-border);cursor:not-allowed;color:var(--ds-color-text-disabled)}.ds-combobox-selection-wrap{display:flex;flex-wrap:wrap;align-items:center;flex:1;width:100%;position:relative}.ds-combobox-selection-search{position:relative;flex:1;min-width:0}.ds-combobox-selection-search-input{position:absolute;top:0;left:0;height:100%;width:100%;opacity:0;background:transparent;border:none;outline:none;cursor:pointer}.ds-combobox-selection-placeholder{flex:1;color:var(--ds-color-text-placeholder);pointer-events:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.ds-combobox-selection-text{flex:1;color:var(--ds-color-text);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.ds-combobox-arrow{display:flex;align-items:center;color:var(--ds-color-text-quaternary);font-size:12px;width:12px;height:12px;pointer-events:none}.ds-combobox-arrow-icon{display:flex;align-items:center;justify-content:center}.ds-combobox-selection-suffix{height:12px;width:12px;position:relative;font-size:12px}.ds-combobox-selection-suffix .ds-combobox-arrow{position:absolute;top:0;left:0}.ds-combobox-selection-suffix .ds-combobox-clear{position:absolute;top:0;right:0;color:var(--ds-color-text-tertiary);transition:opacity .3s ease}:is(.ds-combobox-selection-suffix .ds-combobox-clear):hover{color:var(--ds-color-icon-hover)}.ds-combobox:hover .ds-combobox-clear{opacity:1}.ds-combobox-clear:hover{color:var(--ds-color-text-secondary)}.ds-combobox-small .ds-combobox-selector{padding:1px 8px;min-height:24px;line-height:20px}.ds-combobox-small .ds-combobox-arrow,.ds-combobox-small .ds-combobox-clear{right:7px}.ds-combobox-middle .ds-combobox-selector{padding:5px 12px;min-height:32px;line-height:20px}.ds-combobox-large .ds-combobox-selector{padding:9px 12px;min-height:40px;line-height:20px}.ds-combobox-open .ds-combobox-arrow-icon{transform:rotate(180deg)}.ds-combobox-option-wrapper{display:flex;align-items:center;gap:8px}.ds-combobox-option-wrapper .ds-checkbox{pointer-events:none}-selected.ds-combobox-option-wrapper{font-weight:700;background-color:var(--ds-select-option-active-bg)}.ds-combobox-option-wrapper .ds-combobox-option-text{flex:1}.ds-combobox-option-wrapper .ds-combobox-option-icon{flex-shrink:0;flex-grow:0}}
+@layer components{.ds-combobox{position:relative;display:inline-block;width:100%}}

package/dist/components/drag-drop/style.css

@@ -1 +1 @@
-.ds-drag-container{position:relative}.ds-draggable{position:relative;cursor:grab;-webkit-user-select:none;user-select:none;background-color:var(--ds-color-bg-container);border:1px solid var(--ds-color-border);border-radius:var(--ds-border-radius);padding:.5rem;margin-bottom:.5rem;display:flex;max-width:100%;gap:.5rem;transition:background-color .2s,border-color .2s,box-shadow .2s}.ds-draggable[data-dragging]{opacity:.5;box-shadow:0 2px 8px #00000026;z-index:1}.ds-draggable[data-disabled]{cursor:not-allowed;opacity:.5;background-color:var(--ds-color-bg-disabled)}.ds-draggable:hover{border-color:var(--ds-color-primary)}.ds-draggable .ds-draggable-indicator{font-size:1.25rem;color:var(--ds-color-icon)}.ds-drop-zone{position:relative;width:100%;background-color:var(--ds-color-fill-alter);border:1px dashed var(--ds-color-border);border-radius:var(--ds-border-radius);padding:.75rem;display:flex;align-items:center;justify-content:center;transition:border-color .1s,background-color .1s}.ds-drop-zone[data-disabled=true]{cursor:not-allowed;background-color:var(--ds-color-bg-disabled);border-color:var(--ds-color-border)}.ds-drop-zone[data-dropping][data-valid],.ds-drop-zone[data-over][data-valid]{border-color:var(--ds-color-primary);background-color:var(--ds-color-primary-bg)}.ds-drop-zone[data-dragging][data-valid]{border-color:var(--ds-color-primary)}.ds-drop-zone .ds-drop-zone-content{display:flex;align-items:center;justify-content:center;text-align:center;gap:.5rem}.ds-drop-zone .ds-drop-zone-icon{font-size:1.25rem;color:var(--ds-color-icon)}.ds-drop-zone .ds-drop-zone-text{color:var(--ds-color-text-description);font-size:var(--ds-font-size)}.ds-dropzone-value{padding:.75rem;border-radius:var(--ds-border-radius);border-width:1px;border-style:solid;border-color:var(--ds-color-border)}.ds-dropzone-value[data-dragging][data-valid]{border-color:var(--ds-color-primary);border-style:dashed}.ds-dropzone-value[data-dropping][data-valid],.ds-dropzone-value[data-over][data-valid]{border-color:var(--ds-color-primary);background-color:var(--ds-color-primary-bg)}.ds-dropzone-value.ds-dropzone-value-multiple{padding:.625rem}.ds-dropzone-value.ds-dropzone-value-multiple .ds-tag{max-width:100%;flex-shrink:0;margin:0}:is(.ds-dropzone-value.ds-dropzone-value-multiple .ds-tag) .ds-tag-close-icon{flex-shrink:0}.ds-dropzone-value-icon{color:var(--ds-color-icon);font-size:1.25rem;flex-shrink:0}.ds-dropzone-value-icon.ds-tag-icon{font-size:1rem}.ds-dropzone-value-text{color:var(--ds-color-text-secondary)}
+.ds-drag-container{position:relative}.ds-draggable{position:relative;cursor:grab;-webkit-user-select:none;user-select:none;background-color:var(--ds-color-bg-container);border:1px solid var(--ds-color-border);border-radius:var(--ds-border-radius);padding:.5rem;margin-bottom:.5rem;display:flex;max-width:100%;gap:.5rem;transition:background-color .2s,border-color .2s,box-shadow .2s}.ds-draggable[data-dragging]{opacity:.5;box-shadow:0 2px 8px #00000026;z-index:1}.ds-draggable[data-disabled]{cursor:not-allowed;opacity:.5;background-color:var(--ds-color-bg-disabled)}.ds-draggable:hover{border-color:var(--ds-color-primary)}.ds-draggable .ds-draggable-indicator{font-size:1.25rem;color:var(--ds-color-icon)}.ds-drop-zone{position:relative;width:100%;background-color:var(--ds-color-fill-alter);border:1px dashed var(--ds-color-border);border-radius:var(--ds-border-radius);padding:.75rem;display:flex;align-items:center;justify-content:center;transition:border-color .1s,background-color .1s}.ds-drop-zone[data-disabled=true]{cursor:not-allowed;background-color:var(--ds-color-bg-disabled);border-color:var(--ds-color-border)}.ds-drop-zone[data-dropping][data-valid],.ds-drop-zone[data-over][data-valid]{border-color:var(--ds-color-primary);background-color:var(--ds-color-primary-bg)}.ds-drop-zone[data-dragging][data-valid]{border-color:var(--ds-color-primary)}.ds-drop-zone .ds-drop-zone-content{display:flex;align-items:center;justify-content:center;text-align:center;gap:.5rem}.ds-drop-zone .ds-drop-zone-icon{font-size:1.25rem;color:var(--ds-color-icon)}.ds-drop-zone .ds-drop-zone-text{color:var(--ds-color-text-description);font-size:var(--ds-font-size)}.ds-dropzone-value{padding:.75rem;border-radius:var(--ds-border-radius);border-width:1px;border-style:solid;border-color:var(--ds-color-border)}.ds-dropzone-value[data-dragging][data-valid]{border-color:var(--ds-color-primary);border-style:dashed}.ds-dropzone-value[data-dropping][data-valid],.ds-dropzone-value[data-over][data-valid]{border-color:var(--ds-color-primary);background-color:var(--ds-color-primary-bg)}.ds-dropzone-value.ds-dropzone-value-multiple{padding:.625rem}.ds-dropzone-value.ds-dropzone-value-multiple .ds-tag{max-width:100%;flex-shrink:0;margin:0}.ds-dropzone-value.ds-dropzone-value-multiple .ds-tag .ds-tag-close-icon{flex-shrink:0}.ds-dropzone-value-icon{color:var(--ds-color-icon);font-size:1.25rem;flex-shrink:0}.ds-dropzone-value-icon.ds-tag-icon{font-size:1rem}.ds-dropzone-value-text{color:var(--ds-color-text-secondary)}

package/dist/components/dropdown-menu/component.js

@@ -1,220 +1,228 @@
 "use client";
-import { jsx as p, jsxs as b } from "react/jsx-runtime";
-import { useCallback as w, useRef as X, createElement as Y } from "react";
-import { Menu as h } from "@base-ui-components/react/menu";
-import { useControlled as Z } from "@base-ui-components/utils/useControlled";
-import { Popover as $ } from "@base-ui-components/react/popover";
+import { jsx as e, jsxs as b } from "react/jsx-runtime";
+import { useCallback as w, useRef as Q, createElement as X } from "react";
+import { Menu as P } from "@base-ui-components/react/menu";
+import { useControlled as Y } from "@base-ui-components/utils/useControlled";
+import { Popover as Z } from "@base-ui-components/react/popover";
 import { Command as g } from "../cmdk/index.js";
-import { PopupPanelSize as j } from "../popup-panel/constants.js";
-import { DropdownMenuItem as c } from "./item.js";
+import { FormItemInputContext as $ } from "antd/es/form/context";
+import { PopupPanelSize as S } from "../popup-panel/constants.js";
+import { DropdownMenuItem as O } from "./item.js";
 import './style.css';/* empty css          */
-import { DropdownMenuDivider as O } from "./divider.js";
-import { parseAntdPlacement as K } from "../utils/placement.js";
-import { Input as a } from "../input/component.js";
-import { ScrollArea as z } from "../scroll-area/component.js";
-import { DROPDOWN_COLLISION_AVOIDANCE as N } from "../utils/constants.js";
-import { useCls as s, useAntdCssVarClassname as oo } from "../utils/antdUtils.js";
+import { DropdownMenuDivider as K } from "./divider.js";
+import { parseAntdPlacement as a } from "../utils/placement.js";
+import { Input as N } from "../input/component.js";
+import { ScrollArea as _ } from "../scroll-area/component.js";
+import { DROPDOWN_COLLISION_AVOIDANCE as s } from "../utils/constants.js";
+import { useCls as oo, useAntdCssVarClassname as ro } from "../utils/antdUtils.js";
 import { clsx as u } from "../utils/cn.js";
-const Co = ({
-  children: B,
-  items: S,
-  placement: T,
-  openOnHover: U,
-  open: W,
+const Go = ({
+  children: j,
+  items: z,
+  placement: B,
+  openOnHover: F,
+  open: T,
   onOpenChange: v,
-  className: q,
-  itemRender: k,
+  className: U,
+  itemRender: E,
   classNames: o,
-  size: y = "auto",
-  showSearch: d,
-  searchProps: E = {
+  size: k = "auto",
+  showSearch: t,
+  searchProps: y = {
     placeholder: "Search..."
   },
-  popupMatchTriggerWidth: F,
+  popupMatchTriggerWidth: W,
   beforeList: C,
   afterList: D,
-  keepOpenOnSelect: L,
+  keepOpenOnSelect: I,
   highlightedItemKey: G,
-  selectedItemKeys: P,
+  selectedItemKeys: h,
   showCheckbox: M
 }) => {
-  const [H, R] = Z({
-    controlled: W,
+  const [q, x] = Y({
+    controlled: T,
     default: !1,
     name: "open"
   }), l = w(
     (r) => {
-      R(r), v == null || v(r);
+      x(r), v == null || v(r);
     },
-    [R, v]
-  ), e = s(), V = oo(), x = K(T), J = X(null), A = S.reduce((r, n) => (r.length === 0 && n.type !== "header" && r.push({
+    [x, v]
+  ), d = oo(), L = ro(), R = a(B), H = Q(null), A = z.reduce((r, n) => (r.length === 0 && n.type !== "header" && r.push({
     label: null,
     items: []
   }), n.type === "header" ? r.push({
     label: n.title,
     items: []
   }) : (n.type === "item" || n.type === "divider") && r.length > 0 && r[r.length - 1].items.push(n), r), []), m = w(
-    (r, n, t) => r.type === "item" ? /* @__PURE__ */ p(
-      c,
+    (r, n, p) => r.type === "item" ? /* @__PURE__ */ e(
+      O,
       {
         item: r,
-        inCombobox: d,
-        selected: P == null ? void 0 : P.includes(r.key),
-        onSelect: d ? () => {
+        inCombobox: t,
+        selected: h == null ? void 0 : h.includes(r.key),
+        onSelect: t ? () => {
           const i = new MouseEvent("click", {
             bubbles: !0,
             cancelable: !0
           });
-          r.onClick(i), L || l == null || l(!1);
+          r.onClick(i), I || l == null || l(!1);
         } : void 0,
-        itemRender: k,
+        itemRender: E,
         showCheckbox: M
       },
-      n + "-" + t
-    ) : r.type === "divider" ? /* @__PURE__ */ p(
-      O,
+      n + "-" + p
+    ) : r.type === "divider" ? /* @__PURE__ */ e(
+      K,
       {
-        inCombobox: d,
+        inCombobox: t,
         className: o == null ? void 0 : o.separator
       },
-      n + "-" + t
+      n + "-" + p
     ) : null,
     [
       o,
-      k,
+      E,
       l,
-      d,
-      L,
-      P,
+      t,
+      I,
+      h,
       M
     ]
-  ), I = w(
+  ), V = w(
     (r, n) => /* @__PURE__ */ b(
-      h.Group,
+      P.Group,
       {
-        className: u(e("dropdown-menu-group"), o == null ? void 0 : o.group),
+        className: u(d("dropdown-menu-group"), o == null ? void 0 : o.group),
         children: [
-          r.label && /* @__PURE__ */ p(
-            h.GroupLabel,
+          r.label && /* @__PURE__ */ e(
+            P.GroupLabel,
             {
               className: u(
-                e("dropdown-menu-header"),
+                d("dropdown-menu-header"),
                 o == null ? void 0 : o.groupLabel
               ),
-              children: /* @__PURE__ */ p("span", { children: r.label })
+              children: /* @__PURE__ */ e("span", { children: r.label })
             }
           ),
-          r.items.map((t, i) => m(t, n, i))
+          r.items.map((p, i) => m(p, n, i))
         ]
       },
       "group" + n
     ),
-    [e, o, m]
-  ), _ = w(
-    (r, n) => r.label ? /* @__PURE__ */ p(
+    [d, o, m]
+  ), c = w(
+    (r, n) => r.label ? /* @__PURE__ */ e(
       g.Group,
       {
-        className: u(e("dropdown-menu-group"), o == null ? void 0 : o.group),
-        heading: /* @__PURE__ */ p(
-          h.GroupLabel,
+        className: u(d("dropdown-menu-group"), o == null ? void 0 : o.group),
+        heading: /* @__PURE__ */ e(
+          P.GroupLabel,
           {
             className: u(
-              e("dropdown-menu-header"),
+              d("dropdown-menu-header"),
               o == null ? void 0 : o.groupLabel
             ),
-            children: /* @__PURE__ */ p("span", { children: r.label })
+            children: /* @__PURE__ */ e("span", { children: r.label })
           }
         ),
-        children: r.items.map((t, i) => m(t, n, i))
+        children: r.items.map((p, i) => m(p, n, i))
       },
       "group" + n
-    ) : r.items.map((t, i) => m(t, n, i)),
-    [e, o, m]
-  ), Q = w(
-    () => d ? /* @__PURE__ */ b(
+    ) : r.items.map((p, i) => m(p, n, i)),
+    [d, o, m]
+  ), J = w(
+    () => t ? /* @__PURE__ */ b(
       g,
       {
-        className: e("dropdown-menu-container"),
-        disablePointerSelection: d,
+        className: d("dropdown-menu-container"),
+        disablePointerSelection: t,
         defaultValue: G ? String(G) : void 0,
         children: [
-          /* @__PURE__ */ Y(
+          /* @__PURE__ */ e($.Provider, { value: {}, children: /* @__PURE__ */ X(
             g.Input,
             {
-              ...E,
+              ...y,
               key: "search",
-              render: /* @__PURE__ */ p(a, { allowClear: !0, className: e("dropdown-menu-search") })
+              render: /* @__PURE__ */ e(
+                N,
+                {
+                  allowClear: !0,
+                  className: d("dropdown-menu-search"),
+                  placeholder: "Search"
+                }
+              )
             }
-          ),
+          ) }),
           C,
-          /* @__PURE__ */ p(z, { children: /* @__PURE__ */ b(g.List, { className: e("dropdown-menu-list"), children: [
-            /* @__PURE__ */ p(g.Empty, { className: e("dropdown-menu-empty"), children: "No results found." }),
-            A.map(_)
+          /* @__PURE__ */ e(_, { fadeEdges: !0, children: /* @__PURE__ */ b(g.List, { className: d("dropdown-menu-list"), children: [
+            /* @__PURE__ */ e(g.Empty, { className: d("dropdown-menu-empty"), children: "No results found." }),
+            A.map(c)
           ] }) }),
           D
         ]
       }
-    ) : /* @__PURE__ */ b("div", { className: e("dropdown-menu-container"), children: [
+    ) : /* @__PURE__ */ b("div", { className: d("dropdown-menu-container"), children: [
       C,
-      /* @__PURE__ */ p(z, { children: A.map(I) }),
+      /* @__PURE__ */ e(_, { fadeEdges: !0, children: A.map(V) }),
       D
     ] }),
     [
+      t,
       d,
-      e,
       G,
-      E,
+      y,
       C,
       A,
-      _,
+      c,
       D,
-      I
+      V
     ]
-  ), f = d ? $ : h;
+  ), f = t ? Z : P;
   return /* @__PURE__ */ b(
     f.Root,
     {
-      openOnHover: U,
-      open: H,
+      openOnHover: F,
+      open: q,
       onOpenChange: l,
       children: [
-        /* @__PURE__ */ p(
+        /* @__PURE__ */ e(
           f.Trigger,
           {
-            render: B,
-            ref: J,
+            render: j,
+            ref: H,
             className: u(
-              e("dropdown-menu-trigger"),
+              d("dropdown-menu-trigger"),
               o == null ? void 0 : o.trigger,
-              V
+              L
             )
           }
         ),
-        /* @__PURE__ */ p(f.Portal, { children: /* @__PURE__ */ p(
+        /* @__PURE__ */ e(f.Portal, { children: /* @__PURE__ */ e(
           f.Positioner,
           {
-            side: x.side,
-            align: x.align,
+            side: R.side,
+            align: R.align,
             sideOffset: 4,
-            className: u(e("dropdown-menu-root"), o == null ? void 0 : o.root),
-            collisionAvoidance: N,
-            children: /* @__PURE__ */ p(
+            className: u(d("dropdown-menu-root"), o == null ? void 0 : o.root),
+            collisionAvoidance: s,
+            children: /* @__PURE__ */ e(
               f.Popup,
               {
                 className: u(
-                  e(
+                  d(
                     "dropdown-menu",
                     M && "dropdown-menu-show-checkbox",
-                    F && "dropdown-menu-match-trigger-width"
+                    W && "dropdown-menu-match-trigger-width"
                   ),
-                  q,
+                  U,
                   o == null ? void 0 : o.popup,
-                  V
+                  L
                 ),
                 style: {
-                  "--size-width": y in j ? j[y] : void 0
+                  "--size-width": k in S ? S[k] : void 0
                 },
-                children: Q()
+                children: J()
               }
             )
           }
@@ -224,6 +232,6 @@ const Co = ({
   );
 };
 export {
-  Co as DropdownMenu
+  Go as DropdownMenu
 };
 //# sourceMappingURL=component.js.map

package/dist/components/dropdown-menu/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/dropdown-menu/component.tsx"],"sourcesContent":["\"use client\";\nimport { Menu } from \"@base-ui-components/react/menu\";\nimport { useControlled } from \"@base-ui-components/utils/useControlled\";\nimport { Popover } from \"@base-ui-components/react/popover\";\nimport { type PopoverProps } from \"antd/es/popover\";\nimport { useCallback, useRef } from \"react\";\nimport {\n  clsx,\n  DROPDOWN_COLLISION_AVOIDANCE,\n  parseAntdPlacement,\n  useAntdCssVarClassname,\n  useCls,\n} from \"../utils\";\nimport { Command } from \"../cmdk\";\nimport { ScrollArea } from \"../scroll-area\";\n\n// Import component-specific styles\nimport { Input } from \"../input\";\nimport { PopupPanelSize } from \"../popup-panel/constants\";\nimport { DropdownMenuItem } from \"./item\";\n\nimport \"./style.css\";\nimport { DropdownMenuDivider } from \"./divider\";\n\nexport type DropdownMenuItemType =\n  | {\n      /**\n       * The type of the menu item\n       */\n      type: \"item\";\n      /**\n       * The label of the menu item\n       */\n      label?: React.ReactNode;\n      /**\n       * Whether the menu item is disabled\n       */\n      disabled?: boolean;\n      /**\n       * The icon of the menu item\n       */\n      icon?: React.ReactNode;\n      /**\n       * The key of the menu item\n       */\n      key: React.Key;\n      /**\n       * The onClick event handler of the menu item\n       */\n      onClick?: React.HTMLAttributes<HTMLElement>[\"onClick\"];\n      /**\n       * The onMouseEnter event handler of the menu item\n       */\n      onMouseEnter?: React.HTMLAttributes<HTMLElement>[\"onMouseEnter\"];\n      /**\n       * The onMouseLeave event handler of the menu item\n       */\n      onMouseLeave?: React.HTMLAttributes<HTMLElement>[\"onMouseLeave\"];\n      /**\n       * The onMouseOver event handler of the menu item\n       */\n      onMouseOver?: React.HTMLAttributes<HTMLElement>[\"onMouseOver\"];\n      /**\n       * The onMouseOut event handler of the menu item\n       */\n      onMouseOut?: React.HTMLAttributes<HTMLElement>[\"onMouseOut\"];\n      /**\n       * The className of the menu item\n       */\n      className?: string;\n      /**\n       * Whether the menu item is a danger item\n       */\n      danger?: boolean;\n      /**\n       * The ref of the menu item\n       */\n      ref?: React.Ref<HTMLElement>;\n    }\n  | {\n      /**\n       * The type of the menu item\n       */\n      type: \"divider\";\n    }\n  | {\n      /**\n       * The type of the menu item\n       */\n      type: \"header\";\n      /**\n       * The title of the menu item\n       */\n      title?: React.ReactNode;\n      /**\n       * The className of the menu item\n       */\n      className?: string;\n    };\n\nexport interface DropdownMenuProps {\n  /** Array of menu items to be displayed in the dropdown */\n  items: DropdownMenuItemType[];\n  /** Custom render function for the trigger element */\n  children?: React.ComponentProps<typeof Menu.Trigger>[\"render\"];\n  /**\n   * Placement of the dropdown relative to the trigger element\n   * @default \"bottomLeft\"\n   */\n  placement?: PopoverProps[\"placement\"];\n  /**\n   * Whether to open the dropdown on hover instead of click\n   * @default false\n   */\n  openOnHover?: boolean;\n  /**\n   * Controlled open state of the dropdown\n   */\n  open?: boolean;\n  /**\n   * Callback fired when the dropdown open state changes\n   */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * Additional CSS class for the dropdown component\n   */\n  className?: string;\n  /**\n   * Custom class names for different parts of the dropdown\n   * @default {}\n   */\n  classNames?: {\n    root?: string;\n    trigger?: string;\n    popup?: string;\n    group?: string;\n    groupLabel?: string;\n    item?: string;\n    itemIcon?: string;\n    itemText?: string;\n    separator?: string;\n    positioner?: string;\n  };\n  /**\n   * Custom render function for menu items\n   */\n  itemRender?: (\n    item: DropdownMenuItemType,\n    props: React.HTMLAttributes<HTMLElement>\n  ) => React.ReactElement;\n  /**\n   * Whether to show search input\n   * @default false\n   */\n  showSearch?: boolean;\n  /**\n   * Size of the dropdown menu\n   * @default \"auto\"\n   */\n  size?: \"auto\" | keyof typeof PopupPanelSize;\n  /**\n   * Search placeholder\n   */\n  searchProps?: Omit<\n    React.ComponentProps<typeof Command.Input>,\n    \"size\" | \"ref\"\n  >;\n  /**\n   * Whether to match the width of the popup with the trigger\n   * @default false\n   */\n  popupMatchTriggerWidth?: boolean;\n\n  /**\n   * Content to display before the list\n   */\n  beforeList?: React.ReactNode;\n  /**\n   * Content to display after the list\n   */\n  afterList?: React.ReactNode;\n  /**\n   * Whether to keep the dropdown open when an item is selected\n   * @default false\n   */\n  keepOpenOnSelect?: boolean;\n  /**\n   * Control the highlighted state of the menu item\n   */\n  highlightedItemKey?: React.Key;\n  /**\n   * Control the selected state of the menu item\n   */\n  selectedItemKeys?: React.Key[];\n  /**\n   * Whether to show checkbox\n   * @default false\n   */\n  showCheckbox?: boolean;\n}\n\ninterface DropdownMenuGroup {\n  label: React.ReactNode | null;\n  items: DropdownMenuItemType[];\n}\n\nexport const DropdownMenu = ({\n  children,\n  items,\n  placement,\n  openOnHover,\n  open: outsideOpen,\n  onOpenChange: outsideOnOpenChange,\n  className,\n  itemRender,\n  classNames,\n  size = \"auto\",\n  showSearch,\n  searchProps = {\n    placeholder: \"Search...\",\n  },\n  popupMatchTriggerWidth,\n  beforeList,\n  afterList,\n  keepOpenOnSelect,\n  highlightedItemKey,\n  selectedItemKeys,\n  showCheckbox,\n}: DropdownMenuProps) => {\n  const [open, setOpen] = useControlled({\n    controlled: outsideOpen,\n    default: false,\n    name: \"open\",\n  });\n  const onOpenChange = useCallback(\n    (newValue: boolean) => {\n      setOpen(newValue);\n      outsideOnOpenChange?.(newValue);\n    },\n    [setOpen, outsideOnOpenChange]\n  );\n  const cls = useCls();\n  const antdCssVarClassname = useAntdCssVarClassname();\n  const baseUIPlacement = parseAntdPlacement(placement);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const itemGroups = items.reduce<DropdownMenuGroup[]>((acc, current) => {\n    // If no groups exist yet and current item is not a header, create default group\n    if (acc.length === 0 && current.type !== \"header\") {\n      acc.push({\n        label: null,\n        items: [],\n      });\n    }\n\n    // If it's a header, create a new group\n    if (current.type === \"header\") {\n      acc.push({\n        label: current.title,\n        items: [],\n      });\n    }\n    // If it's an item and we have at least one group, add it to the last group's items\n    else if (\n      (current.type === \"item\" || current.type === \"divider\") &&\n      acc.length > 0\n    ) {\n      acc[acc.length - 1].items.push(current);\n    }\n    // Skip dividers\n    return acc;\n  }, []);\n\n  const renderMenuItem = useCallback(\n    (item: DropdownMenuItemType, i: number, j: number) => {\n      if (item.type === \"item\") {\n        return (\n          <DropdownMenuItem\n            key={i + \"-\" + j}\n            item={item}\n            inCombobox={showSearch}\n            selected={selectedItemKeys?.includes(item.key)}\n            onSelect={\n              showSearch\n                ? () => {\n                    const e = new MouseEvent(\"click\", {\n                      bubbles: true,\n                      cancelable: true,\n                    }) as unknown as React.MouseEvent<HTMLElement, MouseEvent>;\n                    item.onClick(e);\n                    if (!keepOpenOnSelect) onOpenChange?.(false);\n                  }\n                : undefined\n            }\n            itemRender={itemRender}\n            showCheckbox={showCheckbox}\n          />\n        );\n      } else if (item.type === \"divider\") {\n        return (\n          <DropdownMenuDivider\n            key={i + \"-\" + j}\n            inCombobox={showSearch}\n            className={classNames?.separator}\n          />\n        );\n      }\n      return null;\n    },\n    [\n      classNames,\n      itemRender,\n      onOpenChange,\n      showSearch,\n      keepOpenOnSelect,\n      selectedItemKeys,\n      showCheckbox,\n    ]\n  );\n\n  const renderGroup = useCallback(\n    (group: DropdownMenuGroup, index: number) => (\n      <Menu.Group\n        key={\"group\" + index}\n        className={clsx(cls(\"dropdown-menu-group\"), classNames?.group)}\n      >\n        {group.label && (\n          <Menu.GroupLabel\n            className={clsx(\n              cls(\"dropdown-menu-header\"),\n              classNames?.groupLabel\n            )}\n          >\n            <span>{group.label}</span>\n          </Menu.GroupLabel>\n        )}\n        {group.items.map((item, j) => renderMenuItem(item, index, j))}\n      </Menu.Group>\n    ),\n    [cls, classNames, renderMenuItem]\n  );\n\n  const renderGroupShowSearch = useCallback(\n    (group: DropdownMenuGroup, index: number) =>\n      group.label ? (\n        <Command.Group\n          key={\"group\" + index}\n          className={clsx(cls(\"dropdown-menu-group\"), classNames?.group)}\n          heading={\n            <Menu.GroupLabel\n              className={clsx(\n                cls(\"dropdown-menu-header\"),\n                classNames?.groupLabel\n              )}\n            >\n              <span>{group.label}</span>\n            </Menu.GroupLabel>\n          }\n        >\n          {group.items.map((item, j) => renderMenuItem(item, index, j))}\n        </Command.Group>\n      ) : (\n        group.items.map((item, j) => renderMenuItem(item, index, j))\n      ),\n    [cls, classNames, renderMenuItem]\n  );\n\n  const renderMenuInner = useCallback(\n    () =>\n      showSearch ? (\n        <Command\n          className={cls(\"dropdown-menu-container\")}\n          disablePointerSelection={showSearch}\n          defaultValue={\n            highlightedItemKey ? String(highlightedItemKey) : undefined\n          }\n        >\n          <Command.Input\n            {...searchProps}\n            key=\"search\"\n            render={\n              <Input allowClear className={cls(\"dropdown-menu-search\")} />\n            }\n          />\n          {beforeList}\n          <ScrollArea>\n            <Command.List className={cls(\"dropdown-menu-list\")}>\n              <Command.Empty className={cls(\"dropdown-menu-empty\")}>\n                No results found.\n              </Command.Empty>\n              {itemGroups.map(renderGroupShowSearch)}\n            </Command.List>\n          </ScrollArea>\n          {afterList}\n        </Command>\n      ) : (\n        <div className={cls(\"dropdown-menu-container\")}>\n          {beforeList}\n          <ScrollArea>{itemGroups.map(renderGroup)}</ScrollArea>\n          {afterList}\n        </div>\n      ),\n    [\n      showSearch,\n      cls,\n      highlightedItemKey,\n      searchProps,\n      beforeList,\n      itemGroups,\n      renderGroupShowSearch,\n      afterList,\n      renderGroup,\n    ]\n  );\n\n  const BaseComponent = showSearch ? Popover : Menu;\n\n  return (\n    <BaseComponent.Root\n      openOnHover={openOnHover}\n      open={open}\n      onOpenChange={onOpenChange}\n    >\n      <BaseComponent.Trigger\n        render={children}\n        ref={buttonRef}\n        className={clsx(\n          cls(\"dropdown-menu-trigger\"),\n          classNames?.trigger,\n          antdCssVarClassname\n        )}\n      />\n      <BaseComponent.Portal>\n        <BaseComponent.Positioner\n          side={baseUIPlacement.side}\n          align={baseUIPlacement.align}\n          sideOffset={4}\n          className={clsx(cls(\"dropdown-menu-root\"), classNames?.root)}\n          collisionAvoidance={DROPDOWN_COLLISION_AVOIDANCE}\n        >\n          <BaseComponent.Popup\n            className={clsx(\n              cls(\n                \"dropdown-menu\",\n                showCheckbox && \"dropdown-menu-show-checkbox\",\n                popupMatchTriggerWidth && \"dropdown-menu-match-trigger-width\"\n              ),\n              className,\n              classNames?.popup,\n              antdCssVarClassname\n            )}\n            style={\n              {\n                \"--size-width\":\n                  size in PopupPanelSize ? PopupPanelSize[size] : undefined,\n              } as React.CSSProperties\n            }\n          >\n            {renderMenuInner()}\n          </BaseComponent.Popup>\n        </BaseComponent.Positioner>\n      </BaseComponent.Portal>\n    </BaseComponent.Root>\n  );\n};\n"],"names":["DropdownMenu","children","items","placement","openOnHover","outsideOpen","outsideOnOpenChange","className","itemRender","classNames","size","showSearch","searchProps","popupMatchTriggerWidth","beforeList","afterList","keepOpenOnSelect","highlightedItemKey","selectedItemKeys","showCheckbox","open","setOpen","useControlled","onOpenChange","useCallback","newValue","cls","useCls","antdCssVarClassname","useAntdCssVarClassname","baseUIPlacement","parseAntdPlacement","buttonRef","useRef","itemGroups","acc","current","renderMenuItem","item","i","j","jsx","DropdownMenuItem","e","DropdownMenuDivider","renderGroup","group","index","jsxs","Menu","clsx","renderGroupShowSearch","Command","renderMenuInner","createElement","Input","ScrollArea","BaseComponent","Popover","DROPDOWN_COLLISION_AVOIDANCE","PopupPanelSize"],"mappings":"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"}
+{"version":3,"file":"component.js","sources":["../../../src/components/dropdown-menu/component.tsx"],"sourcesContent":["\"use client\";\nimport { Menu } from \"@base-ui-components/react/menu\";\nimport { useControlled } from \"@base-ui-components/utils/useControlled\";\nimport { Popover } from \"@base-ui-components/react/popover\";\nimport { type PopoverProps } from \"antd/es/popover\";\nimport { useCallback, useRef } from \"react\";\nimport {\n  clsx,\n  DROPDOWN_COLLISION_AVOIDANCE,\n  parseAntdPlacement,\n  useAntdCssVarClassname,\n  useCls,\n} from \"../utils\";\nimport { Command } from \"../cmdk\";\nimport { ScrollArea } from \"../scroll-area\";\nimport { FormItemInputContext } from \"antd/es/form/context\";\n\n// Import component-specific styles\nimport { Input } from \"../input\";\nimport { PopupPanelSize } from \"../popup-panel/constants\";\nimport { DropdownMenuItem } from \"./item\";\n\nimport \"./style.css\";\nimport { DropdownMenuDivider } from \"./divider\";\n\nexport type DropdownMenuItemType =\n  | {\n      /**\n       * The type of the menu item\n       */\n      type: \"item\";\n      /**\n       * The label of the menu item\n       */\n      label?: React.ReactNode;\n      /**\n       * Whether the menu item is disabled\n       */\n      disabled?: boolean;\n      /**\n       * The icon of the menu item\n       */\n      icon?: React.ReactNode;\n      /**\n       * The key of the menu item\n       */\n      key: React.Key;\n      /**\n       * The onClick event handler of the menu item\n       */\n      onClick?: React.HTMLAttributes<HTMLElement>[\"onClick\"];\n      /**\n       * The onMouseEnter event handler of the menu item\n       */\n      onMouseEnter?: React.HTMLAttributes<HTMLElement>[\"onMouseEnter\"];\n      /**\n       * The onMouseLeave event handler of the menu item\n       */\n      onMouseLeave?: React.HTMLAttributes<HTMLElement>[\"onMouseLeave\"];\n      /**\n       * The onMouseOver event handler of the menu item\n       */\n      onMouseOver?: React.HTMLAttributes<HTMLElement>[\"onMouseOver\"];\n      /**\n       * The onMouseOut event handler of the menu item\n       */\n      onMouseOut?: React.HTMLAttributes<HTMLElement>[\"onMouseOut\"];\n      /**\n       * The className of the menu item\n       */\n      className?: string;\n      /**\n       * Whether the menu item is a danger item\n       */\n      danger?: boolean;\n      /**\n       * The ref of the menu item\n       */\n      ref?: React.Ref<HTMLElement>;\n    }\n  | {\n      /**\n       * The type of the menu item\n       */\n      type: \"divider\";\n    }\n  | {\n      /**\n       * The type of the menu item\n       */\n      type: \"header\";\n      /**\n       * The title of the menu item\n       */\n      title?: React.ReactNode;\n      /**\n       * The className of the menu item\n       */\n      className?: string;\n    };\n\nexport interface DropdownMenuProps {\n  /** Array of menu items to be displayed in the dropdown */\n  items: DropdownMenuItemType[];\n  /** Custom render function for the trigger element */\n  children?: React.ComponentProps<typeof Menu.Trigger>[\"render\"];\n  /**\n   * Placement of the dropdown relative to the trigger element\n   * @default \"bottomLeft\"\n   */\n  placement?: PopoverProps[\"placement\"];\n  /**\n   * Whether to open the dropdown on hover instead of click\n   * @default false\n   */\n  openOnHover?: boolean;\n  /**\n   * Controlled open state of the dropdown\n   */\n  open?: boolean;\n  /**\n   * Callback fired when the dropdown open state changes\n   */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * Additional CSS class for the dropdown component\n   */\n  className?: string;\n  /**\n   * Custom class names for different parts of the dropdown\n   * @default {}\n   */\n  classNames?: {\n    root?: string;\n    trigger?: string;\n    popup?: string;\n    group?: string;\n    groupLabel?: string;\n    item?: string;\n    itemIcon?: string;\n    itemText?: string;\n    separator?: string;\n    positioner?: string;\n  };\n  /**\n   * Custom render function for menu items\n   */\n  itemRender?: (\n    item: DropdownMenuItemType,\n    props: React.HTMLAttributes<HTMLElement>\n  ) => React.ReactElement;\n  /**\n   * Whether to show search input\n   * @default false\n   */\n  showSearch?: boolean;\n  /**\n   * Size of the dropdown menu\n   * @default \"auto\"\n   */\n  size?: \"auto\" | keyof typeof PopupPanelSize;\n  /**\n   * Search placeholder\n   */\n  searchProps?: Omit<\n    React.ComponentProps<typeof Command.Input>,\n    \"size\" | \"ref\"\n  >;\n  /**\n   * Whether to match the width of the popup with the trigger\n   * @default false\n   */\n  popupMatchTriggerWidth?: boolean;\n\n  /**\n   * Content to display before the list\n   */\n  beforeList?: React.ReactNode;\n  /**\n   * Content to display after the list\n   */\n  afterList?: React.ReactNode;\n  /**\n   * Whether to keep the dropdown open when an item is selected\n   * @default false\n   */\n  keepOpenOnSelect?: boolean;\n  /**\n   * Control the highlighted state of the menu item\n   */\n  highlightedItemKey?: React.Key;\n  /**\n   * Control the selected state of the menu item\n   */\n  selectedItemKeys?: React.Key[];\n  /**\n   * Whether to show checkbox\n   * @default false\n   */\n  showCheckbox?: boolean;\n}\n\ninterface DropdownMenuGroup {\n  label: React.ReactNode | null;\n  items: DropdownMenuItemType[];\n}\n\nexport const DropdownMenu = ({\n  children,\n  items,\n  placement,\n  openOnHover,\n  open: outsideOpen,\n  onOpenChange: outsideOnOpenChange,\n  className,\n  itemRender,\n  classNames,\n  size = \"auto\",\n  showSearch,\n  searchProps = {\n    placeholder: \"Search...\",\n  },\n  popupMatchTriggerWidth,\n  beforeList,\n  afterList,\n  keepOpenOnSelect,\n  highlightedItemKey,\n  selectedItemKeys,\n  showCheckbox,\n}: DropdownMenuProps) => {\n  const [open, setOpen] = useControlled({\n    controlled: outsideOpen,\n    default: false,\n    name: \"open\",\n  });\n  const onOpenChange = useCallback(\n    (newValue: boolean) => {\n      setOpen(newValue);\n      outsideOnOpenChange?.(newValue);\n    },\n    [setOpen, outsideOnOpenChange]\n  );\n  const cls = useCls();\n  const antdCssVarClassname = useAntdCssVarClassname();\n  const baseUIPlacement = parseAntdPlacement(placement);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const itemGroups = items.reduce<DropdownMenuGroup[]>((acc, current) => {\n    // If no groups exist yet and current item is not a header, create default group\n    if (acc.length === 0 && current.type !== \"header\") {\n      acc.push({\n        label: null,\n        items: [],\n      });\n    }\n\n    // If it's a header, create a new group\n    if (current.type === \"header\") {\n      acc.push({\n        label: current.title,\n        items: [],\n      });\n    }\n    // If it's an item and we have at least one group, add it to the last group's items\n    else if (\n      (current.type === \"item\" || current.type === \"divider\") &&\n      acc.length > 0\n    ) {\n      acc[acc.length - 1].items.push(current);\n    }\n    // Skip dividers\n    return acc;\n  }, []);\n\n  const renderMenuItem = useCallback(\n    (item: DropdownMenuItemType, i: number, j: number) => {\n      if (item.type === \"item\") {\n        return (\n          <DropdownMenuItem\n            key={i + \"-\" + j}\n            item={item}\n            inCombobox={showSearch}\n            selected={selectedItemKeys?.includes(item.key)}\n            onSelect={\n              showSearch\n                ? () => {\n                    const e = new MouseEvent(\"click\", {\n                      bubbles: true,\n                      cancelable: true,\n                    }) as unknown as React.MouseEvent<HTMLElement, MouseEvent>;\n                    item.onClick(e);\n                    if (!keepOpenOnSelect) onOpenChange?.(false);\n                  }\n                : undefined\n            }\n            itemRender={itemRender}\n            showCheckbox={showCheckbox}\n          />\n        );\n      } else if (item.type === \"divider\") {\n        return (\n          <DropdownMenuDivider\n            key={i + \"-\" + j}\n            inCombobox={showSearch}\n            className={classNames?.separator}\n          />\n        );\n      }\n      return null;\n    },\n    [\n      classNames,\n      itemRender,\n      onOpenChange,\n      showSearch,\n      keepOpenOnSelect,\n      selectedItemKeys,\n      showCheckbox,\n    ]\n  );\n\n  const renderGroup = useCallback(\n    (group: DropdownMenuGroup, index: number) => (\n      <Menu.Group\n        key={\"group\" + index}\n        className={clsx(cls(\"dropdown-menu-group\"), classNames?.group)}\n      >\n        {group.label && (\n          <Menu.GroupLabel\n            className={clsx(\n              cls(\"dropdown-menu-header\"),\n              classNames?.groupLabel\n            )}\n          >\n            <span>{group.label}</span>\n          </Menu.GroupLabel>\n        )}\n        {group.items.map((item, j) => renderMenuItem(item, index, j))}\n      </Menu.Group>\n    ),\n    [cls, classNames, renderMenuItem]\n  );\n\n  const renderGroupShowSearch = useCallback(\n    (group: DropdownMenuGroup, index: number) =>\n      group.label ? (\n        <Command.Group\n          key={\"group\" + index}\n          className={clsx(cls(\"dropdown-menu-group\"), classNames?.group)}\n          heading={\n            <Menu.GroupLabel\n              className={clsx(\n                cls(\"dropdown-menu-header\"),\n                classNames?.groupLabel\n              )}\n            >\n              <span>{group.label}</span>\n            </Menu.GroupLabel>\n          }\n        >\n          {group.items.map((item, j) => renderMenuItem(item, index, j))}\n        </Command.Group>\n      ) : (\n        group.items.map((item, j) => renderMenuItem(item, index, j))\n      ),\n    [cls, classNames, renderMenuItem]\n  );\n\n  const renderMenuInner = useCallback(\n    () =>\n      showSearch ? (\n        <Command\n          className={cls(\"dropdown-menu-container\")}\n          disablePointerSelection={showSearch}\n          defaultValue={\n            highlightedItemKey ? String(highlightedItemKey) : undefined\n          }\n        >\n          <FormItemInputContext.Provider value={{}}>\n            <Command.Input\n              {...searchProps}\n              key=\"search\"\n              render={\n                <Input\n                  allowClear\n                  className={cls(\"dropdown-menu-search\")}\n                  placeholder=\"Search\"\n                />\n              }\n            />\n          </FormItemInputContext.Provider>\n          {beforeList}\n          <ScrollArea fadeEdges>\n            <Command.List className={cls(\"dropdown-menu-list\")}>\n              <Command.Empty className={cls(\"dropdown-menu-empty\")}>\n                No results found.\n              </Command.Empty>\n              {itemGroups.map(renderGroupShowSearch)}\n            </Command.List>\n          </ScrollArea>\n          {afterList}\n        </Command>\n      ) : (\n        <div className={cls(\"dropdown-menu-container\")}>\n          {beforeList}\n          <ScrollArea fadeEdges>{itemGroups.map(renderGroup)}</ScrollArea>\n          {afterList}\n        </div>\n      ),\n    [\n      showSearch,\n      cls,\n      highlightedItemKey,\n      searchProps,\n      beforeList,\n      itemGroups,\n      renderGroupShowSearch,\n      afterList,\n      renderGroup,\n    ]\n  );\n\n  const BaseComponent = showSearch ? Popover : Menu;\n\n  return (\n    <BaseComponent.Root\n      openOnHover={openOnHover}\n      open={open}\n      onOpenChange={onOpenChange}\n    >\n      <BaseComponent.Trigger\n        render={children}\n        ref={buttonRef}\n        className={clsx(\n          cls(\"dropdown-menu-trigger\"),\n          classNames?.trigger,\n          antdCssVarClassname\n        )}\n      />\n      <BaseComponent.Portal>\n        <BaseComponent.Positioner\n          side={baseUIPlacement.side}\n          align={baseUIPlacement.align}\n          sideOffset={4}\n          className={clsx(cls(\"dropdown-menu-root\"), classNames?.root)}\n          collisionAvoidance={DROPDOWN_COLLISION_AVOIDANCE}\n        >\n          <BaseComponent.Popup\n            className={clsx(\n              cls(\n                \"dropdown-menu\",\n                showCheckbox && \"dropdown-menu-show-checkbox\",\n                popupMatchTriggerWidth && \"dropdown-menu-match-trigger-width\"\n              ),\n              className,\n              classNames?.popup,\n              antdCssVarClassname\n            )}\n            style={\n              {\n                \"--size-width\":\n                  size in PopupPanelSize ? PopupPanelSize[size] : undefined,\n              } as React.CSSProperties\n            }\n          >\n            {renderMenuInner()}\n          </BaseComponent.Popup>\n        </BaseComponent.Positioner>\n      </BaseComponent.Portal>\n    </BaseComponent.Root>\n  );\n};\n"],"names":["DropdownMenu","children","items","placement","openOnHover","outsideOpen","outsideOnOpenChange","className","itemRender","classNames","size","showSearch","searchProps","popupMatchTriggerWidth","beforeList","afterList","keepOpenOnSelect","highlightedItemKey","selectedItemKeys","showCheckbox","open","setOpen","useControlled","onOpenChange","useCallback","newValue","cls","useCls","antdCssVarClassname","useAntdCssVarClassname","baseUIPlacement","parseAntdPlacement","buttonRef","useRef","itemGroups","acc","current","renderMenuItem","item","i","j","jsx","DropdownMenuItem","e","DropdownMenuDivider","renderGroup","group","index","jsxs","Menu","clsx","renderGroupShowSearch","Command","renderMenuInner","FormItemInputContext","createElement","Input","ScrollArea","BaseComponent","Popover","DROPDOWN_COLLISION_AVOIDANCE","PopupPanelSize"],"mappings":"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"}

package/dist/components/dropdown-menu/item.css

@@ -1 +1 @@
-@layer components{.ds-dropdown-menu-item{padding:.375rem .75rem;border-radius:var(--ds-border-radius-sm);cursor:pointer;display:flex;align-items:center;transition:all .3s var(--ds-motion-ease-out)}.ds-dropdown-menu-item:focus{outline:none}.ds-dropdown-menu-item:hover,.ds-dropdown-menu-item[data-active=true],.ds-dropdown-menu-item[data-selected=true],.ds-dropdown-menu-item[data-highlighted=true]{background:var(--ds-control-item-bg-hover)}.ds-dropdown-menu-item:active,.ds-dropdown-menu-item:focus,.ds-dropdown-menu-item[data-focus=true]{background:var(--ds-control-item-bg-active);font-weight:500}.ds-dropdown-menu:not(.ds-dropdown-menu-show-checkbox) .ds-dropdown-menu-item[data-actual-selected=true]{background:var(--ds-control-item-bg-active);font-weight:500}.ds-dropdown-menu-item[data-disabled=true]{pointer-events:none;color:var(--ds-color-text-disabled)}.ds-dropdown-menu-item[data-danger=true]{color:var(--ds-color-error)}.ds-dropdown-menu-item[data-danger=true]:hover{background:var(--ds-color-error-bg)}.ds-dropdown-menu-item[data-danger=true]:active,.ds-dropdown-menu-item[data-danger=true]:focus,.ds-dropdown-menu-item[data-danger=true][data-focus=true]{background:var(--ds-color-error-bg-hover)}.ds-dropdown-menu-item .ds-checkbox-wrapper{margin-right:.5rem}.ds-dropdown-menu-item .ds-dropdown-menu-item-icon{display:flex;align-items:center;justify-content:center;margin-right:.5rem;font-size:1rem;color:var(--ds-color-icon)}[data-danger=true] :is(.ds-dropdown-menu-item .ds-dropdown-menu-item-icon){color:var(--ds-color-error)}}
+@layer components{.ds-dropdown-menu-item{padding:.375rem .75rem;border-radius:var(--ds-border-radius-sm);cursor:pointer;display:flex;align-items:center;transition:all .3s var(--ds-motion-ease-out)}.ds-dropdown-menu-item:focus{outline:none}.ds-dropdown-menu-item:hover,.ds-dropdown-menu-item[data-active=true],.ds-dropdown-menu-item[data-selected=true],.ds-dropdown-menu-item[data-highlighted=true]{background:var(--ds-control-item-bg-hover)}.ds-dropdown-menu-item:active,.ds-dropdown-menu-item:focus,.ds-dropdown-menu-item[data-focus=true]{background:var(--ds-control-item-bg-active);font-weight:500}.ds-dropdown-menu:not(.ds-dropdown-menu-show-checkbox) .ds-dropdown-menu-item[data-actual-selected=true]{background:var(--ds-control-item-bg-active);font-weight:500}.ds-dropdown-menu-item[data-disabled=true]{pointer-events:none;color:var(--ds-color-text-disabled)}.ds-dropdown-menu-item[data-danger=true]{color:var(--ds-color-error)}.ds-dropdown-menu-item[data-danger=true]:hover{background:var(--ds-color-error-bg)}.ds-dropdown-menu-item[data-danger=true]:active,.ds-dropdown-menu-item[data-danger=true]:focus,.ds-dropdown-menu-item[data-danger=true][data-focus=true]{background:var(--ds-color-error-bg-hover)}.ds-dropdown-menu-item .ds-checkbox-wrapper{margin-right:.5rem}.ds-dropdown-menu-item .ds-dropdown-menu-item-icon{display:flex;align-items:center;justify-content:center;margin-right:.5rem;font-size:1rem;color:var(--ds-color-icon)}[data-danger=true] .ds-dropdown-menu-item .ds-dropdown-menu-item-icon{color:var(--ds-color-error)}}

package/dist/components/dropdown-menu/style.css

@@ -1 +1 @@
-@layer components{.ds-dropdown-menu-root{z-index:2000}.ds-dropdown-menu{box-shadow:var(--ds-box-shadow-secondary);border-radius:var(--ds-border-radius);background:var(--ds-color-bg-elevated);list-style:none;padding:.25rem;color:var(--ds-color-text);font-size:var(--ds-font-size);font-family:var(--ds-font-family);transition-property:transform,scale,opacity;transition-duration:.2s;transition-timing-function:var(--ds-motion-ease-out);transform-origin:var(--transform-origin);max-width:min(var(--size-width),var(--available-width));max-height:var(--available-height);display:flex;flex-direction:column}.ds-dropdown-menu[data-ending-style],.ds-dropdown-menu[data-starting-style]{transform:scale(.9);opacity:0}.ds-dropdown-menu:focus{outline:none}.ds-dropdown-menu .ds-dropdown-menu-container{flex-shrink:1;min-height:0;display:flex;flex-direction:column}.ds-dropdown-menu .ds-dropdown-menu-search{flex-shrink:0}.ds-dropdown-menu .ds-dropdown-menu-list{flex-shrink:1;min-height:0;display:flex;flex-direction:column}:is(.ds-dropdown-menu .ds-dropdown-menu-list) [cmdk-list-sizer]{flex-shrink:1;min-height:0;display:flex;flex-direction:column}.ds-dropdown-menu-search{margin-bottom:.25rem}.ds-dropdown-menu-divider{border-bottom:1px solid var(--ds-color-split);margin:.25rem 0}.ds-dropdown-menu-header{font-size:.75rem;font-weight:500;line-height:1rem;text-transform:uppercase;color:var(--ds-color-text-tertiary);padding:.75rem .75rem .25rem}.ds-dropdown-menu-header:first-child{padding-top:.5rem}.ds-dropdown-menu-empty{padding:.375rem .75rem;color:var(--ds-color-text-tertiary)}.ds-dropdown-menu-match-trigger-width{width:min(var(--anchor-width),var(--available-width))}}
+@layer components{.ds-dropdown-menu-root{z-index:2000}.ds-dropdown-menu{box-shadow:var(--ds-box-shadow-secondary);border-radius:var(--ds-border-radius);background:var(--ds-color-bg-elevated);list-style:none;padding:.25rem;color:var(--ds-color-text);font-size:var(--ds-font-size);font-family:var(--ds-font-family);transition-property:transform,scale,opacity;transition-duration:.2s;transition-timing-function:var(--ds-motion-ease-out);transform-origin:var(--transform-origin);max-width:min(var(--size-width),var(--available-width));max-height:var(--available-height);display:flex;flex-direction:column}.ds-dropdown-menu[data-ending-style],.ds-dropdown-menu[data-starting-style]{transform:scale(.9);opacity:0}.ds-dropdown-menu:focus{outline:none}.ds-dropdown-menu .ds-dropdown-menu-container{flex-shrink:1;min-height:0;display:flex;flex-direction:column}.ds-dropdown-menu .ds-dropdown-menu-search{flex-shrink:0}.ds-dropdown-menu .ds-dropdown-menu-list,.ds-dropdown-menu .ds-dropdown-menu-list [cmdk-list-sizer]{flex-shrink:1;min-height:0;display:flex;flex-direction:column}.ds-dropdown-menu-search{margin-bottom:.25rem}.ds-dropdown-menu-divider{border-bottom:1px solid var(--ds-color-split);margin:.25rem 0}.ds-dropdown-menu-header{font-size:.75rem;font-weight:500;line-height:1rem;text-transform:uppercase;color:var(--ds-color-text-tertiary);padding:.75rem .75rem .25rem}.ds-dropdown-menu-header:first-child{padding-top:.5rem}.ds-dropdown-menu-empty{padding:.375rem .75rem;color:var(--ds-color-text-tertiary)}.ds-dropdown-menu-match-trigger-width{width:min(var(--anchor-width),var(--available-width))}}