@bioturing/components 0.39.0 → 0.40.1

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 { 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  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\";\n\nimport { DropdownMenuItemType } from \"./types\";\nimport { useDropdownMenu, UseDropdownMenuProps } from \"./useDropdownMenu\";\nimport { useControlledState } from \"../hooks\";\n\nimport { useTheme } from \"../theme-provider\";\nimport { BaseMenu } from \"../base-menu\";\n\nexport interface DropdownMenuProps\n  extends Omit<UseDropdownMenuProps, \"classNames\"> {\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   * Default open state of the dropdown\n   */\n  defaultOpen?: boolean;\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    itemIcon?: string;\n    itemText?: string;\n    positioner?: string;\n  } & UseDropdownMenuProps[\"classNames\"];\n\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   * 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\nexport const DropdownMenu = ({\n  children,\n  items,\n  placement,\n  openOnHover,\n  open: outsideOpen,\n  onOpenChange: outsideOnOpenChange,\n  defaultOpen = false,\n  className,\n  itemRender,\n  classNames,\n  size = \"auto\",\n  showSearch,\n  inCombobox: inComboboxProp,\n  searchProps = {\n    placeholder: \"Search...\",\n  },\n  popupMatchTriggerWidth,\n  beforeList,\n  afterList,\n  keepOpenOnSelect,\n  highlightedItemKey,\n  selectedItemKeys,\n  getItemKeywords,\n  showCheckbox,\n  itemLabelRender,\n}: DropdownMenuProps) => {\n  const inCombobox =\n    typeof inComboboxProp === \"boolean\" ? inComboboxProp : showSearch;\n  const [open, onOpenChange] = useControlledState(\n    outsideOpen,\n    outsideOnOpenChange,\n    defaultOpen\n  );\n  const cls = useCls();\n  const { className: themeClassName } = useTheme();\n  const baseUIPlacement = parseAntdPlacement(placement);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const { itemGroups, renderGroup } = useDropdownMenu({\n    items,\n    keepOpenOnSelect,\n    highlightedItemKey,\n    selectedItemKeys,\n    showCheckbox,\n    getItemKeywords,\n    itemLabelRender,\n    itemRender,\n    inCombobox,\n    onOpenChange,\n    classNames: {\n      item: classNames?.item,\n      itemIcon: classNames?.itemIcon,\n      itemSuffix: classNames?.itemSuffix,\n      group: classNames?.group,\n      groupLabel: classNames?.groupLabel,\n      divider: classNames?.divider,\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          // filter={(value, search, keywords) => {\n          //   console.log({ value, search, keywords });\n          //   const extendValue = value + \" \" + keywords.join(\" \");\n          //   if (extendValue.toLowerCase().includes(search.toLowerCase()))\n          //     return 1;\n          //   return 0;\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(renderGroup)}\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      afterList,\n      renderGroup,\n    ]\n  );\n  const BaseComponent = showSearch ? Popover : Menu;\n\n  return (\n    <BaseComponent.Root\n      open={open}\n      onOpenChange={onOpenChange}\n    >\n      <BaseComponent.Trigger\n        render={children}\n        ref={buttonRef}\n        nativeButton={false}\n        openOnHover={openOnHover}\n        className={clsx(\n          cls(\"dropdown-menu-trigger\"),\n          classNames?.trigger,\n          themeClassName\n        )}\n      />\n      <BaseComponent.Portal>\n        <BaseComponent.Positioner\n          side={baseUIPlacement.side}\n          align={baseUIPlacement.align}\n          sideOffset={4}\n          className={clsx(\n            cls(\"dropdown-menu-root\"),\n            themeClassName,\n            classNames?.root\n          )}\n          collisionAvoidance={DROPDOWN_COLLISION_AVOIDANCE}\n          render={(props) => <BaseMenu.Root {...props} />}\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            )}\n            style={\n              {\n                \"--size-width\":\n                  size in PopupPanelSize ? PopupPanelSize[size] : undefined,\n              } as React.CSSProperties\n            }\n            render={(props) => <BaseMenu.Popup {...props} />}\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","defaultOpen","className","itemRender","classNames","size","showSearch","inComboboxProp","searchProps","popupMatchTriggerWidth","beforeList","afterList","keepOpenOnSelect","highlightedItemKey","selectedItemKeys","getItemKeywords","showCheckbox","itemLabelRender","inCombobox","open","onOpenChange","useControlledState","cls","useCls","themeClassName","useTheme","baseUIPlacement","parseAntdPlacement","buttonRef","useRef","itemGroups","renderGroup","useDropdownMenu","renderMenuInner","useCallback","jsxs","Command","jsx","FormItemInputContext","createElement","Input","ScrollArea","BaseComponent","Popover","Menu","clsx","DROPDOWN_COLLISION_AVOIDANCE","props","BaseMenu","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/react/menu\";\nimport { Combobox } from \"@base-ui/react/combobox\";\nimport { type PopoverProps } from \"antd/es/popover\";\nimport { useCallback, useRef, useState, RefCallback, useEffect } from \"react\";\nimport {\n  clsx,\n  DROPDOWN_COLLISION_AVOIDANCE,\n  parseAntdPlacement,\n  reactNodeToString,\n  useCls,\n  createRenderProp,\n} from \"../utils\";\nimport { useBaseUIPlacement } from \"../hooks\";\nimport { ScrollArea } from \"../scroll-area\";\nimport { FormItemInputContext } from \"antd/es/form/context\";\n\n// Import component-specific styles\nimport { PopupPanelSize } from \"../popup-panel/constants\";\n\nimport { DropdownMenuItemType } from \"./types\";\nimport { useDropdownMenu, UseDropdownMenuProps } from \"./useDropdownMenu\";\nimport { useControlledState } from \"../hooks\";\n\nimport { useTheme } from \"../theme-provider\";\nimport { BaseMenu } from \"../base-menu\";\n\nimport { Input } from \"../input\";\n\nexport interface DropdownMenuProps\n  extends Omit<UseDropdownMenuProps, \"classNames\"> {\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   * Default open state of the dropdown\n   */\n  defaultOpen?: boolean;\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    itemIcon?: string;\n    itemText?: string;\n    positioner?: string;\n  } & UseDropdownMenuProps[\"classNames\"];\n\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?: {\n    placeholder?: string;\n    className?: string;\n  };\n  /**\n   * Whether to match the width of the popup with the trigger\n   * @default false\n   */\n  popupMatchTriggerWidth?: boolean;\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\nexport const DropdownMenu = ({\n  children,\n  items,\n  placement,\n  openOnHover,\n  open: outsideOpen,\n  onOpenChange: outsideOnOpenChange,\n  defaultOpen = false,\n  className,\n  itemRender,\n  classNames,\n  size = \"auto\",\n  showSearch,\n  inCombobox: inComboboxProp,\n  searchProps = {\n    placeholder: \"Search...\",\n  },\n  popupMatchTriggerWidth,\n  beforeList,\n  afterList,\n  keepOpenOnSelect,\n  highlightedItemKey,\n  selectedItemKeys,\n  getItemKeywords,\n  showCheckbox,\n  itemLabelRender,\n}: DropdownMenuProps) => {\n  const inCombobox =\n    typeof inComboboxProp === \"boolean\" ? inComboboxProp : showSearch;\n  const [open, onOpenChange] = useControlledState(\n    outsideOpen,\n    outsideOnOpenChange,\n    defaultOpen\n  );\n  const cls = useCls();\n  const { className: themeClassName } = useTheme();\n  const baseUIPlacement = parseAntdPlacement(placement);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const { itemGroups, renderGroup } = useDropdownMenu({\n    items,\n    keepOpenOnSelect,\n    highlightedItemKey,\n    selectedItemKeys,\n    showCheckbox,\n    getItemKeywords,\n    itemLabelRender,\n    itemRender,\n    inCombobox,\n    onOpenChange,\n    classNames: {\n      item: classNames?.item,\n      itemIcon: classNames?.itemIcon,\n      itemSuffix: classNames?.itemSuffix,\n      group: classNames?.group,\n      groupLabel: classNames?.groupLabel,\n      divider: classNames?.divider,\n    },\n  });\n\n  const [searchValue, setSearchValue] = useState(\"\");\n  const [positionerRef, setPositionerRef] = useState<HTMLDivElement | null>(\n    null\n  );\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const wasFocusedRef = useRef(false);\n\n  // Track placement changes to conditionally position search input\n  const { currentSide } = useBaseUIPlacement({\n    positionerRef,\n    open,\n    initialSide: baseUIPlacement.side,\n    initialAlign: baseUIPlacement.align,\n  });\n\n  // When placement is on top, move search to bottom for better UX\n  const isTopPlacement = currentSide === \"top\";\n\n  // Restore focus after placement changes\n  useEffect(() => {\n    if (wasFocusedRef.current && inputRef.current) {\n      inputRef.current.focus();\n      // Don't reset wasFocusedRef - let onBlur handle it\n    }\n  }, [isTopPlacement]);\n\n  const renderMenuInner = useCallback(() => {\n    if (!showSearch) {\n      return (\n        <div className={cls(\"dropdown-menu-container\")}>\n          {beforeList}\n          <ScrollArea fadeEdges>{itemGroups.map(renderGroup)}</ScrollArea>\n          {afterList}\n        </div>\n      );\n    }\n\n    const searchInput = (\n      <FormItemInputContext.Provider value={{}}>\n        <Combobox.Input\n          key=\"search\"\n          placeholder={searchProps?.placeholder || \"Search\"}\n          render={({ ref, ...props }) => (\n            <Input\n              {...props}\n              ref={(antdInputRef) => {\n                if (!antdInputRef || !antdInputRef.input) return;\n                const comboboxRef = ref as RefCallback<HTMLInputElement>;\n                comboboxRef(antdInputRef.input);\n                inputRef.current = antdInputRef.input;\n              }}\n              allowClear\n              placeholder={searchProps?.placeholder || \"Search\"}\n              value={searchValue}\n              onChange={(e) => setSearchValue(e.target.value)}\n              onFocus={() => {\n                wasFocusedRef.current = true;\n              }}\n              onBlur={() => {\n                wasFocusedRef.current = false;\n              }}\n              className={clsx(\n                cls(\"dropdown-menu-search\"),\n                searchProps?.className\n              )}\n            />\n          )}\n          {...searchProps}\n        />\n      </FormItemInputContext.Provider>\n    );\n\n    const listContent = (\n      <ScrollArea fadeEdges>\n        <Combobox.Empty className={cls(\"dropdown-menu-empty\")}>\n          No results found.\n        </Combobox.Empty>\n        <Combobox.List className={cls(\"dropdown-menu-list\")}>\n          {(group, i) => renderGroup(group, i)}\n        </Combobox.List>\n      </ScrollArea>\n    );\n\n    return (\n      <div className={cls(\"dropdown-menu-container\")}>\n        {!isTopPlacement && searchInput}\n        {beforeList}\n        {listContent}\n        {afterList}\n        {isTopPlacement && searchInput}\n      </div>\n    );\n  }, [\n    showSearch,\n    cls,\n    searchProps,\n    searchValue,\n    beforeList,\n    afterList,\n    itemGroups,\n    renderGroup,\n    isTopPlacement,\n  ]);\n\n  const commonTriggerProps = {\n    ref: buttonRef,\n    // nativeButton: false,\n    openOnHover,\n    className: clsx(\n      cls(\"dropdown-menu-trigger\"),\n      classNames?.trigger,\n      themeClassName\n    ),\n    render: (props, state) => {\n      const { openOnHover: _openOnHover, ...rest } = props;\n      return createRenderProp(children, rest, state);\n    },\n  };\n\n  const commonPositionerProps = {\n    ref: setPositionerRef,\n    side: baseUIPlacement.side,\n    align: baseUIPlacement.align,\n    sideOffset: 4,\n    className: clsx(\n      cls(\"dropdown-menu-root\"),\n      themeClassName,\n      classNames?.root\n    ),\n    collisionAvoidance: DROPDOWN_COLLISION_AVOIDANCE,\n    render: (props: React.ComponentPropsWithoutRef<\"div\">) => (\n      <BaseMenu.Root {...props} />\n    ),\n  };\n\n  const commonPopupProps = {\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    ),\n    style: {\n      \"--size-width\": size in PopupPanelSize ? PopupPanelSize[size] : undefined,\n    } as React.CSSProperties,\n    render: (props: React.ComponentPropsWithoutRef<\"div\">) => (\n      <BaseMenu.Popup {...props} />\n    ),\n  };\n\n  return showSearch ? (\n    <Combobox.Root<DropdownMenuItemType>\n      open={open}\n      onOpenChange={onOpenChange}\n      items={itemGroups}\n      itemToStringLabel={(item) =>\n        item.type == \"item\" ? reactNodeToString(item.label) : \"\"\n      }\n      itemToStringValue={(item) =>\n        item.type == \"item\" ? String(item.key) : \"\"\n      }\n      inputValue={searchValue}\n    >\n      <Combobox.Trigger {...commonTriggerProps} />\n      <Combobox.Portal>\n        <Combobox.Positioner {...commonPositionerProps}>\n          <Combobox.Popup {...commonPopupProps}>\n            {renderMenuInner()}\n          </Combobox.Popup>\n        </Combobox.Positioner>\n      </Combobox.Portal>\n    </Combobox.Root>\n  ) : (\n    <Menu.Root open={open} onOpenChange={onOpenChange}>\n      <Menu.Trigger {...commonTriggerProps} />\n      <Menu.Portal>\n        <Menu.Positioner {...commonPositionerProps}>\n          <Menu.Popup {...commonPopupProps}>{renderMenuInner()}</Menu.Popup>\n        </Menu.Positioner>\n      </Menu.Portal>\n    </Menu.Root>\n  );\n};\n"],"names":["DropdownMenu","children","items","placement","openOnHover","outsideOpen","outsideOnOpenChange","defaultOpen","className","itemRender","classNames","size","showSearch","inComboboxProp","searchProps","popupMatchTriggerWidth","beforeList","afterList","keepOpenOnSelect","highlightedItemKey","selectedItemKeys","getItemKeywords","showCheckbox","itemLabelRender","inCombobox","open","onOpenChange","useControlledState","cls","useCls","themeClassName","useTheme","baseUIPlacement","parseAntdPlacement","buttonRef","useRef","itemGroups","renderGroup","useDropdownMenu","searchValue","setSearchValue","useState","positionerRef","setPositionerRef","inputRef","wasFocusedRef","currentSide","useBaseUIPlacement","isTopPlacement","useEffect","renderMenuInner","useCallback","jsxs","ScrollArea","searchInput","jsx","FormItemInputContext","Combobox","ref","props","Input","antdInputRef","e","clsx","listContent","group","i","commonTriggerProps","state","_openOnHover","rest","createRenderProp","commonPositionerProps","DROPDOWN_COLLISION_AVOIDANCE","BaseMenu","commonPopupProps","PopupPanelSize","item","reactNodeToString","Menu"],"mappings":"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"}

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

@@ -1,23 +1,23 @@
 import { jsx as r } from "react/jsx-runtime";
-import { Command as p } from "../cmdk/index.js";
-import { Menu as i } from "@base-ui-components/react/menu";
+import { Combobox as n } from "@base-ui/react/combobox";
+import { Menu as p } from "@base-ui/react/menu";
 import { BaseMenu as s } from "../base-menu/index.js";
 import { useCls as a } from "../utils/antdUtils.js";
 import { clsx as d } from "../utils/cn.js";
-const x = ({
+const v = ({
   inCombobox: o,
   className: e
 }) => {
-  const m = a(), t = o ? p.Separator : i.Separator;
+  const m = a(), t = o ? n.Separator : p.Separator;
   return /* @__PURE__ */ r(
     t,
     {
       className: d(m("dropdown-menu-divider"), e),
-      render: (n) => /* @__PURE__ */ r(s.Divider, { ...n })
+      render: (i) => /* @__PURE__ */ r(s.Divider, { ...i })
     }
   );
 };
 export {
-  x as DropdownMenuDivider
+  v as DropdownMenuDivider
 };
 //# sourceMappingURL=divider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"divider.js","sources":["../../../src/components/dropdown-menu/divider.tsx"],"sourcesContent":["import { Command } from \"../cmdk\";\nimport { Menu } from \"@base-ui-components/react/menu\";\nimport { clsx, useCls } from \"../utils\";\nimport { BaseMenu } from \"../base-menu\";\nimport { HTMLAttributes } from \"react\";\n\nexport interface DropdownMenuDividerProps {\n  inCombobox?: boolean;\n  className?: string;\n}\n\nexport const DropdownMenuDivider = ({\n  inCombobox,\n  className,\n}: DropdownMenuDividerProps) => {\n  const cls = useCls();\n  const MenuSeparator = inCombobox ? Command.Separator : Menu.Separator;\n\n  return (\n    <MenuSeparator\n      className={clsx(cls(\"dropdown-menu-divider\"), className)}\n      render={(props: HTMLAttributes<HTMLDivElement>) => (\n        <BaseMenu.Divider {...props} />\n      )}\n    />\n  );\n};\n"],"names":["DropdownMenuDivider","inCombobox","className","cls","useCls","MenuSeparator","Command","Menu","jsx","clsx","props","BaseMenu"],"mappings":";;;;;;AAWO,MAAMA,IAAsB,CAAC;AAAA,EAClC,YAAAC;AAAA,EACA,WAAAC;AACF,MAAgC;AAC9B,QAAMC,IAAMC,EAAA,GACNC,IAAgBJ,IAAaK,EAAQ,YAAYC,EAAK;AAE5D,SACE,gBAAAC;AAAA,IAACH;AAAA,IAAA;AAAA,MACC,WAAWI,EAAKN,EAAI,uBAAuB,GAAGD,CAAS;AAAA,MACvD,QAAQ,CAACQ,MACP,gBAAAF,EAACG,EAAS,SAAT,EAAkB,GAAGD,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAIrC;"}
+{"version":3,"file":"divider.js","sources":["../../../src/components/dropdown-menu/divider.tsx"],"sourcesContent":["import { Combobox } from \"@base-ui/react/combobox\";\nimport { Menu } from \"@base-ui/react/menu\";\nimport { clsx, useCls } from \"../utils\";\nimport { BaseMenu } from \"../base-menu\";\nimport { HTMLAttributes } from \"react\";\n\nexport interface DropdownMenuDividerProps {\n  inCombobox?: boolean;\n  className?: string;\n}\n\nexport const DropdownMenuDivider = ({\n  inCombobox,\n  className,\n}: DropdownMenuDividerProps) => {\n  const cls = useCls();\n  const MenuSeparator = inCombobox ? Combobox.Separator : Menu.Separator;\n\n  return (\n    <MenuSeparator\n      className={clsx(cls(\"dropdown-menu-divider\"), className)}\n      render={(props: HTMLAttributes<HTMLDivElement>) => (\n        <BaseMenu.Divider {...props} />\n      )}\n    />\n  );\n};\n"],"names":["DropdownMenuDivider","inCombobox","className","cls","useCls","MenuSeparator","Combobox","Menu","jsx","clsx","props","BaseMenu"],"mappings":";;;;;;AAWO,MAAMA,IAAsB,CAAC;AAAA,EAClC,YAAAC;AAAA,EACA,WAAAC;AACF,MAAgC;AAC9B,QAAMC,IAAMC,EAAA,GACNC,IAAgBJ,IAAaK,EAAS,YAAYC,EAAK;AAE7D,SACE,gBAAAC;AAAA,IAACH;AAAA,IAAA;AAAA,MACC,WAAWI,EAAKN,EAAI,uBAAuB,GAAGD,CAAS;AAAA,MACvD,QAAQ,CAACQ,MACP,gBAAAF,EAACG,EAAS,SAAT,EAAkB,GAAGD,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAIrC;"}

package/dist/components/dropdown-menu/item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/item.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAOzD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAKpD,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,IAAI,EAAE,oBAAoB,GAAG;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9C;;OAEG;IACH,UAAU,CAAC,EAAE,CACX,IAAI,EAAE,oBAAoB,EAC1B,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KACrC,KAAK,CAAC,YAAY,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,CAChB,IAAI,EAAE,oBAAoB,GAAG;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,EAC7C,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KACrC,KAAK,CAAC,YAAY,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;IAC9C;;OAEG;IACH,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;IACF;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,GAAG;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACtE;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,GAAG;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,EAAE,CAAC;CAC/E;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAqH5D,CAAC"}
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/item.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAOzD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAKpD,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,IAAI,EAAE,oBAAoB,GAAG;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9C;;OAEG;IACH,UAAU,CAAC,EAAE,CACX,IAAI,EAAE,oBAAoB,EAC1B,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KACrC,KAAK,CAAC,YAAY,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,CAChB,IAAI,EAAE,oBAAoB,GAAG;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,EAC7C,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KACrC,KAAK,CAAC,YAAY,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;IAC9C;;OAEG;IACH,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;IACF;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,GAAG;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACtE;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,GAAG;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,EAAE,CAAC;CAC/E;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAsH5D,CAAC"}

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

@@ -1,27 +1,27 @@
 "use client";
-import { jsx as c } from "react/jsx-runtime";
-import { useCallback as i, useMemo as x } from "react";
-import { Command as y } from "../cmdk/index.js";
-import { Menu as O } from "@base-ui-components/react/menu";
+import { jsx as f } from "react/jsx-runtime";
+import { useCallback as g, useMemo as i } from "react";
+import { Combobox as x } from "@base-ui/react/combobox";
+import { Menu as O } from "@base-ui/react/menu";
 import { BaseMenuItem as S } from "../base-menu/item.js";
-import C from "../utils/createSyntheticClickEvent.js";
-import { reactNodeToString as w } from "../utils/reactToString.js";
+import y from "../utils/createSyntheticClickEvent.js";
+import { reactNodeToString as C } from "../utils/reactToString.js";
 import { useCls as E } from "../utils/antdUtils.js";
 import { clsx as M } from "../utils/cn.js";
-const z = ({
+const q = ({
   item: o,
   inCombobox: e = !1,
   selected: u = !1,
-  itemRender: d,
-  itemLabelRender: f,
+  itemRender: c,
+  itemLabelRender: d,
   itemProps: p = {},
   classNames: n,
-  afterSelect: a,
+  afterSelect: l,
   showCheckbox: v,
   indeterminate: k,
-  getItemKeywords: l
+  getItemKeywords: a
 }) => {
-  const t = E(), s = i(
+  const t = E(), s = g(
     (r) => {
       if (o.onSelect)
         o.onSelect(o);
@@ -29,17 +29,17 @@ const z = ({
         if (typeof r == "object")
           o.onClick(r);
         else {
-          const b = C(null);
+          const b = y(null);
           o.onClick(b);
         }
-      a && a(o);
+      l && l(o);
     },
-    [a, o]
-  ), g = x(
-    () => l ? l(o) : [String(o.key), w(o.label)],
     [l, o]
   );
-  return d ? d(o, {
+  return i(
+    () => a ? a(o) : [String(o.key), C(o.label)],
+    [a, o]
+  ), c ? c(o, {
     className: M(
       t("dropdown-menu-item", e && "dropdown-menu-item-combobox"),
       n?.item,
@@ -55,7 +55,7 @@ const z = ({
     onMouseOver: o.onMouseOver,
     onMouseOut: o.onMouseOut,
     ...p
-  }) : /* @__PURE__ */ c(
+  }) : /* @__PURE__ */ f(
     S,
     {
       disabled: o.disabled,
@@ -78,7 +78,7 @@ const z = ({
         text: n?.itemText,
         suffix: n?.itemSuffix
       },
-      labelRender: f ? (r) => f(o, r) : void 0,
+      labelRender: d ? (r) => d(o, r) : void 0,
       ref: o.ref,
       onMouseEnter: o.onMouseEnter,
       onMouseLeave: o.onMouseLeave,
@@ -86,19 +86,20 @@ const z = ({
       onMouseOut: o.onMouseOut,
       "data-value": typeof o.label == "string" ? o.label : String(o.key),
       "data-actual-selected": u,
-      render: e ? /* @__PURE__ */ c(
-        y.Item,
+      render: e ? /* @__PURE__ */ f(
+        x.Item,
         {
+          role: "option",
           value: String(o.key),
-          keywords: g || void 0,
-          onSelect: s
-        }
-      ) : /* @__PURE__ */ c(O.Item, { onClick: s }),
+          onClick: s
+        },
+        String(o.key)
+      ) : /* @__PURE__ */ f(O.Item, { onClick: s }),
       children: o.label
     }
   );
 };
 export {
-  z as DropdownMenuItem
+  q as DropdownMenuItem
 };
 //# sourceMappingURL=item.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"item.js","sources":["../../../src/components/dropdown-menu/item.tsx"],"sourcesContent":["\"use client\";\nimport React, { Ref, useCallback, useMemo } from \"react\";\nimport {\n  clsx,\n  createSyntheticClickEvent,\n  reactNodeToString,\n  useCls,\n} from \"../utils\";\nimport type { DropdownMenuItemType } from \"./types\";\nimport { Command } from \"../cmdk\";\nimport { Menu } from \"@base-ui-components/react/menu\";\nimport { BaseMenuItem } from \"../base-menu\";\n\nexport interface DropdownMenuItemProps {\n  /**\n   * The menu item data\n   */\n  item: DropdownMenuItemType & { type: \"item\" };\n  /**\n   * Custom render function for the item\n   */\n  itemRender?: (\n    item: DropdownMenuItemType,\n    props: React.HTMLAttributes<HTMLElement>\n  ) => React.ReactElement;\n  /**\n   * Custom render function for the item label\n   */\n  itemLabelRender?: (\n    item: DropdownMenuItemType & { type: \"item\" },\n    props: React.HTMLAttributes<HTMLElement>\n  ) => React.ReactElement;\n  /**\n   * Additional props to pass to the item\n   */\n  itemProps?: React.HTMLAttributes<HTMLElement>;\n  /**\n   * Class names from parent DropdownMenu\n   */\n  classNames?: {\n    item?: string;\n    itemIcon?: string;\n    itemText?: string;\n    itemSuffix?: string;\n  };\n  /**\n   * Function to be called after the menu item is selected\n   */\n  afterSelect?: (item: DropdownMenuItemType & { type: \"item\" }) => void;\n  /**\n   * Whether the menu item is in a combobox\n   */\n  inCombobox?: boolean;\n  /**\n   * Whether the menu item is selected (for combobox)\n   * @default false\n   */\n  selected?: boolean;\n  /**\n   * Whether to show checkbox (only for decoration purpose)\n   */\n  showCheckbox?: boolean;\n  /**\n   * Whether the menu item checkbox is indeterminate (for combobox)\n   * @default false\n   */\n  indeterminate?: boolean;\n  /**\n   * Function to extract keywords from the item for search filtering\n   * @default (item) => [String(item.key), reactNodeToString(item.label)]\n   */\n  getItemKeywords?: (item: DropdownMenuItemType & { type: \"item\" }) => string[];\n}\n\nexport const DropdownMenuItem: React.FC<DropdownMenuItemProps> = ({\n  item,\n  inCombobox = false,\n  selected = false,\n  itemRender,\n  itemLabelRender,\n  itemProps = {},\n  classNames,\n  afterSelect,\n  showCheckbox,\n  indeterminate,\n  getItemKeywords,\n}) => {\n  const cls = useCls();\n\n  const handler = useCallback(\n    (e?: React.MouseEvent<HTMLElement, MouseEvent> | string) => {\n      // onSelect has priority over onClick\n      if (item.onSelect) {\n        item.onSelect(item);\n      } else if (item.onClick) {\n        if (typeof e === \"object\") {\n          item.onClick(e);\n        } else {\n          const event = createSyntheticClickEvent(null);\n          item.onClick(event);\n        }\n      }\n      if (afterSelect) afterSelect(item);\n    },\n    [afterSelect, item]\n  );\n\n  const keywords = useMemo(\n    () =>\n      getItemKeywords\n        ? getItemKeywords(item)\n        : [String(item.key), reactNodeToString(item.label)],\n    [getItemKeywords, item]\n  );\n\n  // If custom render function is provided, use it\n  if (itemRender) {\n    return itemRender(item, {\n      className: clsx(\n        cls(\"dropdown-menu-item\", inCombobox && \"dropdown-menu-item-combobox\"),\n        classNames?.item,\n        item.className\n      ),\n      \"data-danger\": item.danger,\n      \"data-actual-selected\": selected,\n      \"data-value\":\n        typeof item.label === \"string\" ? item.label : String(item.key),\n      ref: item.ref as Ref<HTMLDivElement>,\n      onClick: handler,\n      onMouseEnter: item.onMouseEnter,\n      onMouseLeave: item.onMouseLeave,\n      onMouseOver: item.onMouseOver,\n      onMouseOut: item.onMouseOut,\n      ...itemProps,\n    } as React.HTMLAttributes<HTMLElement>);\n  }\n\n  return (\n    <BaseMenuItem\n      // BaseMenuItem props\n      disabled={item.disabled}\n      danger={item.danger}\n      selected={selected}\n      showCheckbox={showCheckbox}\n      indeterminate={indeterminate}\n      icon={item.icon}\n      suffix={!inCombobox ? item.suffix : undefined}\n      classNames={{\n        root: clsx(\n          cls(\n            \"dropdown-menu-item\",\n            inCombobox && \"dropdown-menu-item-combobox\"\n          ),\n          classNames?.item,\n          item.className\n        ),\n        icon: classNames?.itemIcon,\n        text: classNames?.itemText,\n        suffix: classNames?.itemSuffix,\n      }}\n      labelRender={\n        itemLabelRender\n          ? (props: React.HTMLAttributes<HTMLElement>) =>\n              itemLabelRender(item, props)\n          : undefined\n      }\n      ref={item.ref as Ref<HTMLDivElement>}\n      onMouseEnter={item.onMouseEnter}\n      onMouseLeave={item.onMouseLeave}\n      onMouseOver={item.onMouseOver}\n      onMouseOut={item.onMouseOut}\n      data-value={\n        typeof item.label === \"string\" ? item.label : String(item.key)\n      }\n      data-actual-selected={selected}\n      // Render prop to use Base UI components\n      render={\n        inCombobox ? (\n          <Command.Item\n            value={String(item.key)}\n            keywords={keywords || undefined}\n            onSelect={handler}\n          />\n        ) : (\n          <Menu.Item onClick={handler} />\n        )\n      }\n    >\n      {item.label}\n    </BaseMenuItem>\n  );\n};\n"],"names":["DropdownMenuItem","item","inCombobox","selected","itemRender","itemLabelRender","itemProps","classNames","afterSelect","showCheckbox","indeterminate","getItemKeywords","cls","useCls","handler","useCallback","e","event","createSyntheticClickEvent","keywords","useMemo","reactNodeToString","clsx","jsx","BaseMenuItem","props","Command","Menu"],"mappings":";;;;;;;;;;AA0EO,MAAMA,IAAoD,CAAC;AAAA,EAChE,MAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC,IAAW;AAAA,EACX,YAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAC,IAAY,CAAA;AAAA,EACZ,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,iBAAAC;AACF,MAAM;AACJ,QAAMC,IAAMC,EAAA,GAENC,IAAUC;AAAA,IACd,CAACC,MAA2D;AAE1D,UAAIf,EAAK;AACP,QAAAA,EAAK,SAASA,CAAI;AAAA,eACTA,EAAK;AACd,YAAI,OAAOe,KAAM;AACf,UAAAf,EAAK,QAAQe,CAAC;AAAA,aACT;AACL,gBAAMC,IAAQC,EAA0B,IAAI;AAC5C,UAAAjB,EAAK,QAAQgB,CAAK;AAAA,QACpB;AAEF,MAAIT,OAAyBP,CAAI;AAAA,IACnC;AAAA,IACA,CAACO,GAAaP,CAAI;AAAA,EAAA,GAGdkB,IAAWC;AAAA,IACf,MACET,IACIA,EAAgBV,CAAI,IACpB,CAAC,OAAOA,EAAK,GAAG,GAAGoB,EAAkBpB,EAAK,KAAK,CAAC;AAAA,IACtD,CAACU,GAAiBV,CAAI;AAAA,EAAA;AAIxB,SAAIG,IACKA,EAAWH,GAAM;AAAA,IACtB,WAAWqB;AAAA,MACTV,EAAI,sBAAsBV,KAAc,6BAA6B;AAAA,MACrEK,GAAY;AAAA,MACZN,EAAK;AAAA,IAAA;AAAA,IAEP,eAAeA,EAAK;AAAA,IACpB,wBAAwBE;AAAA,IACxB,cACE,OAAOF,EAAK,SAAU,WAAWA,EAAK,QAAQ,OAAOA,EAAK,GAAG;AAAA,IAC/D,KAAKA,EAAK;AAAA,IACV,SAASa;AAAA,IACT,cAAcb,EAAK;AAAA,IACnB,cAAcA,EAAK;AAAA,IACnB,aAAaA,EAAK;AAAA,IAClB,YAAYA,EAAK;AAAA,IACjB,GAAGK;AAAA,EAAA,CACiC,IAItC,gBAAAiB;AAAA,IAACC;AAAA,IAAA;AAAA,MAEC,UAAUvB,EAAK;AAAA,MACf,QAAQA,EAAK;AAAA,MACb,UAAAE;AAAA,MACA,cAAAM;AAAA,MACA,eAAAC;AAAA,MACA,MAAMT,EAAK;AAAA,MACX,QAASC,IAA2B,SAAdD,EAAK;AAAA,MAC3B,YAAY;AAAA,QACV,MAAMqB;AAAA,UACJV;AAAA,YACE;AAAA,YACAV,KAAc;AAAA,UAAA;AAAA,UAEhBK,GAAY;AAAA,UACZN,EAAK;AAAA,QAAA;AAAA,QAEP,MAAMM,GAAY;AAAA,QAClB,MAAMA,GAAY;AAAA,QAClB,QAAQA,GAAY;AAAA,MAAA;AAAA,MAEtB,aACEF,IACI,CAACoB,MACCpB,EAAgBJ,GAAMwB,CAAK,IAC7B;AAAA,MAEN,KAAKxB,EAAK;AAAA,MACV,cAAcA,EAAK;AAAA,MACnB,cAAcA,EAAK;AAAA,MACnB,aAAaA,EAAK;AAAA,MAClB,YAAYA,EAAK;AAAA,MACjB,cACE,OAAOA,EAAK,SAAU,WAAWA,EAAK,QAAQ,OAAOA,EAAK,GAAG;AAAA,MAE/D,wBAAsBE;AAAA,MAEtB,QACED,IACE,gBAAAqB;AAAA,QAACG,EAAQ;AAAA,QAAR;AAAA,UACC,OAAO,OAAOzB,EAAK,GAAG;AAAA,UACtB,UAAUkB,KAAY;AAAA,UACtB,UAAUL;AAAA,QAAA;AAAA,MAAA,IAGZ,gBAAAS,EAACI,EAAK,MAAL,EAAU,SAASb,EAAA,CAAS;AAAA,MAIhC,UAAAb,EAAK;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"item.js","sources":["../../../src/components/dropdown-menu/item.tsx"],"sourcesContent":["\"use client\";\nimport React, { Ref, useCallback, useMemo } from \"react\";\nimport {\n  clsx,\n  createSyntheticClickEvent,\n  reactNodeToString,\n  useCls,\n} from \"../utils\";\nimport type { DropdownMenuItemType } from \"./types\";\nimport { Combobox } from \"@base-ui/react/combobox\";\nimport { Menu } from \"@base-ui/react/menu\";\nimport { BaseMenuItem } from \"../base-menu\";\n\nexport interface DropdownMenuItemProps {\n  /**\n   * The menu item data\n   */\n  item: DropdownMenuItemType & { type: \"item\" };\n  /**\n   * Custom render function for the item\n   */\n  itemRender?: (\n    item: DropdownMenuItemType,\n    props: React.HTMLAttributes<HTMLElement>\n  ) => React.ReactElement;\n  /**\n   * Custom render function for the item label\n   */\n  itemLabelRender?: (\n    item: DropdownMenuItemType & { type: \"item\" },\n    props: React.HTMLAttributes<HTMLElement>\n  ) => React.ReactElement;\n  /**\n   * Additional props to pass to the item\n   */\n  itemProps?: React.HTMLAttributes<HTMLElement>;\n  /**\n   * Class names from parent DropdownMenu\n   */\n  classNames?: {\n    item?: string;\n    itemIcon?: string;\n    itemText?: string;\n    itemSuffix?: string;\n  };\n  /**\n   * Function to be called after the menu item is selected\n   */\n  afterSelect?: (item: DropdownMenuItemType & { type: \"item\" }) => void;\n  /**\n   * Whether the menu item is in a combobox\n   */\n  inCombobox?: boolean;\n  /**\n   * Whether the menu item is selected (for combobox)\n   * @default false\n   */\n  selected?: boolean;\n  /**\n   * Whether to show checkbox (only for decoration purpose)\n   */\n  showCheckbox?: boolean;\n  /**\n   * Whether the menu item checkbox is indeterminate (for combobox)\n   * @default false\n   */\n  indeterminate?: boolean;\n  /**\n   * Function to extract keywords from the item for search filtering\n   * @default (item) => [String(item.key), reactNodeToString(item.label)]\n   */\n  getItemKeywords?: (item: DropdownMenuItemType & { type: \"item\" }) => string[];\n}\n\nexport const DropdownMenuItem: React.FC<DropdownMenuItemProps> = ({\n  item,\n  inCombobox = false,\n  selected = false,\n  itemRender,\n  itemLabelRender,\n  itemProps = {},\n  classNames,\n  afterSelect,\n  showCheckbox,\n  indeterminate,\n  getItemKeywords,\n}) => {\n  const cls = useCls();\n\n  const handler = useCallback(\n    (e?: React.MouseEvent<HTMLElement, MouseEvent> | string) => {\n      // onSelect has priority over onClick\n      if (item.onSelect) {\n        item.onSelect(item);\n      } else if (item.onClick) {\n        if (typeof e === \"object\") {\n          item.onClick(e);\n        } else {\n          const event = createSyntheticClickEvent(null);\n          item.onClick(event);\n        }\n      }\n      if (afterSelect) afterSelect(item);\n    },\n    [afterSelect, item]\n  );\n\n  const keywords = useMemo(\n    () =>\n      getItemKeywords\n        ? getItemKeywords(item)\n        : [String(item.key), reactNodeToString(item.label)],\n    [getItemKeywords, item]\n  );\n\n  // If custom render function is provided, use it\n  if (itemRender) {\n    return itemRender(item, {\n      className: clsx(\n        cls(\"dropdown-menu-item\", inCombobox && \"dropdown-menu-item-combobox\"),\n        classNames?.item,\n        item.className\n      ),\n      \"data-danger\": item.danger,\n      \"data-actual-selected\": selected,\n      \"data-value\":\n        typeof item.label === \"string\" ? item.label : String(item.key),\n      ref: item.ref as Ref<HTMLDivElement>,\n      onClick: handler,\n      onMouseEnter: item.onMouseEnter,\n      onMouseLeave: item.onMouseLeave,\n      onMouseOver: item.onMouseOver,\n      onMouseOut: item.onMouseOut,\n      ...itemProps,\n    } as React.HTMLAttributes<HTMLElement>);\n  }\n\n  return (\n    <BaseMenuItem\n      // BaseMenuItem props\n      disabled={item.disabled}\n      danger={item.danger}\n      selected={selected}\n      showCheckbox={showCheckbox}\n      indeterminate={indeterminate}\n      icon={item.icon}\n      suffix={!inCombobox ? item.suffix : undefined}\n      classNames={{\n        root: clsx(\n          cls(\n            \"dropdown-menu-item\",\n            inCombobox && \"dropdown-menu-item-combobox\"\n          ),\n          classNames?.item,\n          item.className\n        ),\n        icon: classNames?.itemIcon,\n        text: classNames?.itemText,\n        suffix: classNames?.itemSuffix,\n      }}\n      labelRender={\n        itemLabelRender\n          ? (props: React.HTMLAttributes<HTMLElement>) =>\n              itemLabelRender(item, props)\n          : undefined\n      }\n      ref={item.ref as Ref<HTMLDivElement>}\n      onMouseEnter={item.onMouseEnter}\n      onMouseLeave={item.onMouseLeave}\n      onMouseOver={item.onMouseOver}\n      onMouseOut={item.onMouseOut}\n      data-value={\n        typeof item.label === \"string\" ? item.label : String(item.key)\n      }\n      data-actual-selected={selected}\n      // Render prop to use Base UI components\n      render={\n        inCombobox ? (\n          <Combobox.Item\n            role=\"option\"\n            key={String(item.key)}\n            value={String(item.key)}\n            onClick={handler}\n          />\n        ) : (\n          <Menu.Item onClick={handler} />\n        )\n      }\n    >\n      {item.label}\n    </BaseMenuItem>\n  );\n};\n"],"names":["DropdownMenuItem","item","inCombobox","selected","itemRender","itemLabelRender","itemProps","classNames","afterSelect","showCheckbox","indeterminate","getItemKeywords","cls","useCls","handler","useCallback","e","event","createSyntheticClickEvent","useMemo","reactNodeToString","clsx","jsx","BaseMenuItem","props","Combobox","Menu"],"mappings":";;;;;;;;;;AA0EO,MAAMA,IAAoD,CAAC;AAAA,EAChE,MAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC,IAAW;AAAA,EACX,YAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAC,IAAY,CAAA;AAAA,EACZ,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,iBAAAC;AACF,MAAM;AACJ,QAAMC,IAAMC,EAAA,GAENC,IAAUC;AAAA,IACd,CAACC,MAA2D;AAE1D,UAAIf,EAAK;AACP,QAAAA,EAAK,SAASA,CAAI;AAAA,eACTA,EAAK;AACd,YAAI,OAAOe,KAAM;AACf,UAAAf,EAAK,QAAQe,CAAC;AAAA,aACT;AACL,gBAAMC,IAAQC,EAA0B,IAAI;AAC5C,UAAAjB,EAAK,QAAQgB,CAAK;AAAA,QACpB;AAEF,MAAIT,OAAyBP,CAAI;AAAA,IACnC;AAAA,IACA,CAACO,GAAaP,CAAI;AAAA,EAAA;AAYpB,SATiBkB;AAAA,IACf,MACER,IACIA,EAAgBV,CAAI,IACpB,CAAC,OAAOA,EAAK,GAAG,GAAGmB,EAAkBnB,EAAK,KAAK,CAAC;AAAA,IACtD,CAACU,GAAiBV,CAAI;AAAA,EAAA,GAIpBG,IACKA,EAAWH,GAAM;AAAA,IACtB,WAAWoB;AAAA,MACTT,EAAI,sBAAsBV,KAAc,6BAA6B;AAAA,MACrEK,GAAY;AAAA,MACZN,EAAK;AAAA,IAAA;AAAA,IAEP,eAAeA,EAAK;AAAA,IACpB,wBAAwBE;AAAA,IACxB,cACE,OAAOF,EAAK,SAAU,WAAWA,EAAK,QAAQ,OAAOA,EAAK,GAAG;AAAA,IAC/D,KAAKA,EAAK;AAAA,IACV,SAASa;AAAA,IACT,cAAcb,EAAK;AAAA,IACnB,cAAcA,EAAK;AAAA,IACnB,aAAaA,EAAK;AAAA,IAClB,YAAYA,EAAK;AAAA,IACjB,GAAGK;AAAA,EAAA,CACiC,IAItC,gBAAAgB;AAAA,IAACC;AAAA,IAAA;AAAA,MAEC,UAAUtB,EAAK;AAAA,MACf,QAAQA,EAAK;AAAA,MACb,UAAAE;AAAA,MACA,cAAAM;AAAA,MACA,eAAAC;AAAA,MACA,MAAMT,EAAK;AAAA,MACX,QAASC,IAA2B,SAAdD,EAAK;AAAA,MAC3B,YAAY;AAAA,QACV,MAAMoB;AAAA,UACJT;AAAA,YACE;AAAA,YACAV,KAAc;AAAA,UAAA;AAAA,UAEhBK,GAAY;AAAA,UACZN,EAAK;AAAA,QAAA;AAAA,QAEP,MAAMM,GAAY;AAAA,QAClB,MAAMA,GAAY;AAAA,QAClB,QAAQA,GAAY;AAAA,MAAA;AAAA,MAEtB,aACEF,IACI,CAACmB,MACCnB,EAAgBJ,GAAMuB,CAAK,IAC7B;AAAA,MAEN,KAAKvB,EAAK;AAAA,MACV,cAAcA,EAAK;AAAA,MACnB,cAAcA,EAAK;AAAA,MACnB,aAAaA,EAAK;AAAA,MAClB,YAAYA,EAAK;AAAA,MACjB,cACE,OAAOA,EAAK,SAAU,WAAWA,EAAK,QAAQ,OAAOA,EAAK,GAAG;AAAA,MAE/D,wBAAsBE;AAAA,MAEtB,QACED,IACE,gBAAAoB;AAAA,QAACG,EAAS;AAAA,QAAT;AAAA,UACC,MAAK;AAAA,UAEL,OAAO,OAAOxB,EAAK,GAAG;AAAA,UACtB,SAASa;AAAA,QAAA;AAAA,QAFJ,OAAOb,EAAK,GAAG;AAAA,MAAA,IAKtB,gBAAAqB,EAACI,EAAK,MAAL,EAAU,SAASZ,EAAA,CAAS;AAAA,MAIhC,UAAAb,EAAK;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

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

@@ -1 +1 @@
-@layer components{.ds-dropdown-menu-search{margin-bottom:.25rem}.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))}.ds-dropdown-menu-container{display:flex;flex-direction:column;flex-shrink:1;min-height:0}}
+@layer components{.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-empty:empty{display:none}.ds-dropdown-menu-match-trigger-width{width:min(var(--anchor-width),var(--available-width))}.ds-dropdown-menu-container{display:flex;flex-direction:column;flex-shrink:1;min-height:0;gap:.25rem}}

package/dist/components/dropdown-menu/types.d.ts

@@ -81,8 +81,8 @@ export type DropdownMenuItemType = {
      */
     className?: string;
 };
-export interface DropdownMenuGroup {
+export type DropdownMenuGroup = {
     label: React.ReactNode | null;
     items: DropdownMenuItemType[];
-}
+};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/dropdown-menu/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,oBAAoB,GAC5B;IACE;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,GAAG;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACnE;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,CAAC;IACvD;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,cAAc,CAAC,CAAC;IACjE;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,cAAc,CAAC,CAAC;IACjE;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,aAAa,CAAC,CAAC;IAC/D;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,YAAY,CAAC,CAAC;IAC7D;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;CAC9B,GACD;IACE;;OAEG;IACH,IAAI,EAAE,SAAS,CAAC;CACjB,GACD;IACE;;OAEG;IACH,IAAI,EAAE,QAAQ,CAAC;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAGF,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IAC9B,KAAK,EAAE,oBAAoB,EAAE,CAAC;CAC/B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,oBAAoB,GAC5B;IACE;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,GAAG;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACnE;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,CAAC;IACvD;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,cAAc,CAAC,CAAC;IACjE;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,cAAc,CAAC,CAAC;IACjE;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,aAAa,CAAC,CAAC;IAC/D;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,YAAY,CAAC,CAAC;IAC7D;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;CAC9B,GACD;IACE;;OAEG;IACH,IAAI,EAAE,SAAS,CAAC;CACjB,GACD;IACE;;OAEG;IACH,IAAI,EAAE,QAAQ,CAAC;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEN,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IAC9B,KAAK,EAAE,oBAAoB,EAAE,CAAC;CAC/B,CAAC"}

package/dist/components/dropdown-menu/useDropdownMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/useDropdownMenu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAOlE,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,KAAK,EAAE,oBAAoB,EAAE,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF;;OAEG;IACH,UAAU,CAAC,EAAE,CACX,IAAI,EAAE,oBAAoB,EAC1B,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KACrC,KAAK,CAAC,YAAY,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,CAChB,IAAI,EAAE,oBAAoB,GAAG;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,EAC7C,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KACrC,KAAK,CAAC,YAAY,CAAC;IACxB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,kBAAkB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC;IAC/B;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,GAAG,EAAE,CAAC;IAC/B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,GAAG;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,EAAE,CAAC;CAC/E;AAED,eAAO,MAAM,eAAe,GAAI,kJAW7B,oBAAoB;;2BAGZ,oBAAoB,KAAK,MAAM,KAAK,MAAM;yBAqEzC,iBAAiB,SAAS,MAAM;CA2D3C,CAAC"}
+{"version":3,"file":"useDropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/useDropdownMenu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAMlE,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,KAAK,EAAE,oBAAoB,EAAE,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF;;OAEG;IACH,UAAU,CAAC,EAAE,CACX,IAAI,EAAE,oBAAoB,EAC1B,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KACrC,KAAK,CAAC,YAAY,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,CAChB,IAAI,EAAE,oBAAoB,GAAG;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,EAC7C,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KACrC,KAAK,CAAC,YAAY,CAAC;IACxB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,kBAAkB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC;IAC/B;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,GAAG,EAAE,CAAC;IAC/B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,GAAG;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,EAAE,CAAC;CAC/E;AAED,eAAO,MAAM,eAAe,GAAI,kJAW7B,oBAAoB;;2BAGZ,oBAAoB,KAAK,MAAM,KAAK,MAAM;yBAqEzC,iBAAiB,SAAS,MAAM;CA8D3C,CAAC"}

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

@@ -1,38 +1,37 @@
-import { jsx as t, jsxs as D } from "react/jsx-runtime";
-import { useCallback as m, useMemo as S } from "react";
-import { DropdownMenuItem as k } from "./item.js";
-import { DropdownMenuDivider as I } from "./divider.js";
-import { Menu as b } from "@base-ui-components/react";
-import { Command as L } from "../cmdk/index.js";
+import { jsx as i, jsxs as w } from "react/jsx-runtime";
+import { useCallback as m, useMemo as L } from "react";
+import { DropdownMenuItem as I } from "./item.js";
+import { DropdownMenuDivider as j } from "./divider.js";
+import { Menu as v, Combobox as f } from "@base-ui/react";
 import './style.css';/* empty css          */
-import { useCls as j } from "../utils/antdUtils.js";
-import { reactNodeToString as T } from "../utils/reactToString.js";
+import { useCls as k } from "../utils/antdUtils.js";
+import { reactNodeToString as x } from "../utils/reactToString.js";
 import { clsx as d } from "../utils/cn.js";
-const U = ({
-  items: f,
-  inCombobox: u = !1,
+const J = ({
+  items: s,
+  inCombobox: n = !1,
   classNames: o = {},
-  selectedItemKeys: s,
-  keepOpenOnSelect: h,
-  showCheckbox: a = !1,
-  getItemKeywords: g = (p) => [String(p.key), T(p.label)],
-  onOpenChange: G,
+  selectedItemKeys: h,
+  keepOpenOnSelect: a,
+  showCheckbox: G = !1,
+  getItemKeywords: b = (l) => [String(l.key), x(l.label)],
+  onOpenChange: g,
   itemRender: y,
   itemLabelRender: M
 }) => {
-  const p = j(), l = m(
-    (e, r, i) => e.type === "item" ? /* @__PURE__ */ t(
-      k,
+  const l = k(), p = m(
+    (e, r, t) => e.type === "item" ? /* @__PURE__ */ i(
+      I,
       {
         item: e,
-        inCombobox: u,
-        selected: s?.includes(e.key),
+        inCombobox: n,
+        selected: h?.includes(e.key),
         afterSelect: () => {
-          h || G?.(!1);
+          a || g?.(!1);
         },
         itemRender: y,
-        showCheckbox: a,
-        getItemKeywords: g,
+        showCheckbox: G,
+        getItemKeywords: b,
         itemLabelRender: M,
         classNames: {
           item: o.item,
@@ -40,85 +39,90 @@ const U = ({
           itemSuffix: o.itemSuffix
         }
       },
-      r + "-" + i
-    ) : e.type === "divider" ? /* @__PURE__ */ t(
-      I,
+      r + "-" + t
+    ) : e.type === "divider" ? /* @__PURE__ */ i(
+      j,
       {
-        inCombobox: u,
+        inCombobox: n,
         className: o?.divider
       },
-      r + "-" + i
+      r + "-" + t
     ) : null,
     [
       o,
       y,
-      G,
-      u,
-      h,
-      s,
-      a,
       g,
+      n,
+      a,
+      h,
+      G,
+      b,
       M
     ]
-  ), v = m(
-    (e, r) => /* @__PURE__ */ D(
-      b.Group,
+  ), D = m(
+    (e, r) => /* @__PURE__ */ w(
+      v.Group,
       {
-        className: d(p("dropdown-menu-group"), o?.group),
+        className: d(l("dropdown-menu-group"), o?.group),
         children: [
-          e.label && /* @__PURE__ */ t(
-            b.GroupLabel,
+          e.label && /* @__PURE__ */ i(
+            v.GroupLabel,
             {
               className: d(
-                p("dropdown-menu-header"),
+                l("dropdown-menu-header"),
                 o?.groupLabel
               ),
-              children: /* @__PURE__ */ t("span", { children: e.label })
+              children: /* @__PURE__ */ i("span", { children: e.label })
             }
           ),
-          e.items.map((i, n) => l(i, r, n))
+          e.items.map((t, u) => p(t, r, u))
         ]
       },
       "group" + r
     ),
-    [p, o, l]
-  ), w = m(
-    (e, r) => e.label ? /* @__PURE__ */ t(
-      L.Group,
+    [l, o, p]
+  ), S = m(
+    (e, r) => e.label ? /* @__PURE__ */ w(
+      f.Group,
       {
-        className: d(p("dropdown-menu-group"), o?.group),
-        heading: /* @__PURE__ */ t(
-          "div",
-          {
-            className: d(
-              p("dropdown-menu-header"),
-              o?.groupLabel
-            ),
-            children: /* @__PURE__ */ t("span", { children: e.label })
-          }
-        ),
-        children: e.items.map((i, n) => l(i, r, n))
+        className: d(l("dropdown-menu-group"), o?.group),
+        items: e.items,
+        children: [
+          /* @__PURE__ */ i(
+            f.GroupLabel,
+            {
+              className: d(
+                l("dropdown-menu-header"),
+                o?.groupLabel
+              ),
+              children: /* @__PURE__ */ i("span", { children: e.label })
+            }
+          ),
+          /* @__PURE__ */ i(f.Collection, { children: (t, u) => p(t, r, u) })
+        ]
       },
       "group" + r
-    ) : e.items.map((i, n) => l(i, r, n)),
-    [p, o, l]
+    ) : e.items.map((t, u) => p(t, r, u)),
+    [l, o, p]
   );
   return {
-    itemGroups: S(
-      () => f.reduce((e, r) => (e.length === 0 && r.type !== "header" && e.push({
+    itemGroups: L(
+      () => s.reduce((e, r) => (e.length === 0 && r.type !== "header" && e.push({
         label: null,
         items: []
       }), r.type === "header" ? e.push({
         label: r.title,
         items: []
-      }) : (r.type === "item" || r.type === "divider") && e.length > 0 && e[e.length - 1].items.push(r), e), []),
-      [f]
+      }) : (r.type === "item" || r.type === "divider") && e.length > 0 && e[e.length - 1].items.push({
+        ...r
+      }), e), []),
+      [s]
     ),
-    renderMenuItem: l,
-    renderGroup: u ? w : v
+    renderMenuItem: p,
+    renderGroup: n ? S : D
   };
 };
 export {
-  U as useDropdownMenu
+  J as useDropdownMenu
 };
 //# sourceMappingURL=useDropdownMenu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useDropdownMenu.js","sources":["../../../src/components/dropdown-menu/useDropdownMenu.tsx"],"sourcesContent":["import { useMemo, useCallback } from \"react\";\nimport { DropdownMenuItemType, DropdownMenuGroup } from \"./types\";\nimport { DropdownMenuItem } from \"./item\";\nimport { DropdownMenuDivider } from \"./divider\";\nimport { reactNodeToString, clsx, useCls } from \"../utils\";\nimport { Menu } from \"@base-ui-components/react\";\nimport { Command } from \"../cmdk\";\n\nimport \"./style.css\";\n\nexport interface UseDropdownMenuProps {\n  /**\n   * Callback function to handle the open state change of the dropdown menu.\n   */\n  onOpenChange?: (open: boolean) => void;\n  items: DropdownMenuItemType[];\n  inCombobox?: boolean;\n  classNames?: {\n    item?: string;\n    itemIcon?: string;\n    itemSuffix?: string;\n    group?: string;\n    groupLabel?: string;\n    divider?: 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   * Custom render function for menu item labels\n   */\n  itemLabelRender?: (\n    item: DropdownMenuItemType & { type: \"item\" },\n    props: React.HTMLAttributes<HTMLElement>\n  ) => React.ReactElement;\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   * Function to extract keywords from the item for search filtering\n   * @default (item) => [String(item.key), reactNodeToString(item.label)]\n   */\n  getItemKeywords?: (item: DropdownMenuItemType & { type: \"item\" }) => string[];\n}\n\nexport const useDropdownMenu = ({\n  items,\n  inCombobox = false,\n  classNames = {},\n  selectedItemKeys,\n  keepOpenOnSelect,\n  showCheckbox = false,\n  getItemKeywords = (item) => [String(item.key), reactNodeToString(item.label)],\n  onOpenChange,\n  itemRender,\n  itemLabelRender,\n}: UseDropdownMenuProps) => {\n  const cls = useCls();\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={inCombobox}\n            selected={selectedItemKeys?.includes(item.key)}\n            afterSelect={() => {\n              if (!keepOpenOnSelect) onOpenChange?.(false);\n            }}\n            itemRender={itemRender}\n            showCheckbox={showCheckbox}\n            getItemKeywords={getItemKeywords}\n            itemLabelRender={itemLabelRender}\n            classNames={{\n              item: classNames.item,\n              itemIcon: classNames.itemIcon,\n              itemSuffix: classNames.itemSuffix,\n            }}\n          />\n        );\n      } else if (item.type === \"divider\") {\n        return (\n          <DropdownMenuDivider\n            key={i + \"-\" + j}\n            inCombobox={inCombobox}\n            className={classNames?.divider}\n          />\n        );\n      }\n      return null;\n    },\n    [\n      classNames,\n      itemRender,\n      onOpenChange,\n      inCombobox,\n      keepOpenOnSelect,\n      selectedItemKeys,\n      showCheckbox,\n      getItemKeywords,\n      itemLabelRender,\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 renderGroupCombobox = 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            <div\n              className={clsx(\n                cls(\"dropdown-menu-header\"),\n                classNames?.groupLabel\n              )}\n            >\n              <span>{group.label}</span>\n            </div>\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 itemGroups = useMemo(\n    () =>\n      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    [items]\n  );\n  return {\n    itemGroups,\n    renderMenuItem,\n    renderGroup: inCombobox ? renderGroupCombobox : renderGroup,\n  };\n};\n"],"names":["useDropdownMenu","items","inCombobox","classNames","selectedItemKeys","keepOpenOnSelect","showCheckbox","getItemKeywords","item","reactNodeToString","onOpenChange","itemRender","itemLabelRender","cls","useCls","renderMenuItem","useCallback","i","j","jsx","DropdownMenuItem","DropdownMenuDivider","renderGroup","group","index","jsxs","Menu","clsx","renderGroupCombobox","Command","useMemo","acc","current"],"mappings":"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"}
+{"version":3,"file":"useDropdownMenu.js","sources":["../../../src/components/dropdown-menu/useDropdownMenu.tsx"],"sourcesContent":["import { useMemo, useCallback } from \"react\";\nimport { DropdownMenuItemType, DropdownMenuGroup } from \"./types\";\nimport { DropdownMenuItem } from \"./item\";\nimport { DropdownMenuDivider } from \"./divider\";\nimport { reactNodeToString, clsx, useCls } from \"../utils\";\nimport { Combobox, Menu } from \"@base-ui/react\";\n\nimport \"./style.css\";\n\nexport interface UseDropdownMenuProps {\n  /**\n   * Callback function to handle the open state change of the dropdown menu.\n   */\n  onOpenChange?: (open: boolean) => void;\n  items: DropdownMenuItemType[];\n  inCombobox?: boolean;\n  classNames?: {\n    item?: string;\n    itemIcon?: string;\n    itemSuffix?: string;\n    group?: string;\n    groupLabel?: string;\n    divider?: 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   * Custom render function for menu item labels\n   */\n  itemLabelRender?: (\n    item: DropdownMenuItemType & { type: \"item\" },\n    props: React.HTMLAttributes<HTMLElement>\n  ) => React.ReactElement;\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   * Function to extract keywords from the item for search filtering\n   * @default (item) => [String(item.key), reactNodeToString(item.label)]\n   */\n  getItemKeywords?: (item: DropdownMenuItemType & { type: \"item\" }) => string[];\n}\n\nexport const useDropdownMenu = ({\n  items,\n  inCombobox = false,\n  classNames = {},\n  selectedItemKeys,\n  keepOpenOnSelect,\n  showCheckbox = false,\n  getItemKeywords = (item) => [String(item.key), reactNodeToString(item.label)],\n  onOpenChange,\n  itemRender,\n  itemLabelRender,\n}: UseDropdownMenuProps) => {\n  const cls = useCls();\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={inCombobox}\n            selected={selectedItemKeys?.includes(item.key)}\n            afterSelect={() => {\n              if (!keepOpenOnSelect) onOpenChange?.(false);\n            }}\n            itemRender={itemRender}\n            showCheckbox={showCheckbox}\n            getItemKeywords={getItemKeywords}\n            itemLabelRender={itemLabelRender}\n            classNames={{\n              item: classNames.item,\n              itemIcon: classNames.itemIcon,\n              itemSuffix: classNames.itemSuffix,\n            }}\n          />\n        );\n      } else if (item.type === \"divider\") {\n        return (\n          <DropdownMenuDivider\n            key={i + \"-\" + j}\n            inCombobox={inCombobox}\n            className={classNames?.divider}\n          />\n        );\n      }\n      return null;\n    },\n    [\n      classNames,\n      itemRender,\n      onOpenChange,\n      inCombobox,\n      keepOpenOnSelect,\n      selectedItemKeys,\n      showCheckbox,\n      getItemKeywords,\n      itemLabelRender,\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 renderGroupCombobox = useCallback(\n    (group: DropdownMenuGroup, index: number) =>\n      group.label ? (\n        <Combobox.Group\n          key={\"group\" + index}\n          className={clsx(cls(\"dropdown-menu-group\"), classNames?.group)}\n          items={group.items}\n        >\n          <Combobox.GroupLabel\n            className={clsx(\n              cls(\"dropdown-menu-header\"),\n              classNames?.groupLabel\n            )}\n          >\n            <span>{group.label}</span>\n          </Combobox.GroupLabel>\n          <Combobox.Collection>\n            {(item, i) => renderMenuItem(item, index, i)}\n          </Combobox.Collection>\n        </Combobox.Group>\n      ) : (\n        group.items.map((item, j) => renderMenuItem(item, index, j))\n      ),\n    [cls, classNames, renderMenuItem]\n  );\n\n  const itemGroups = useMemo(\n    () =>\n      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({\n            ...current,\n          });\n        }\n        // Skip dividers\n        return acc;\n      }, []),\n    [items]\n  );\n  return {\n    itemGroups,\n    renderMenuItem,\n    renderGroup: inCombobox ? renderGroupCombobox : renderGroup,\n  };\n};\n"],"names":["useDropdownMenu","items","inCombobox","classNames","selectedItemKeys","keepOpenOnSelect","showCheckbox","getItemKeywords","item","reactNodeToString","onOpenChange","itemRender","itemLabelRender","cls","useCls","renderMenuItem","useCallback","i","j","jsx","DropdownMenuItem","DropdownMenuDivider","renderGroup","group","index","jsxs","Menu","clsx","renderGroupCombobox","Combobox","useMemo","acc","current"],"mappings":"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"}

package/dist/components/hooks/antd.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"antd.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/antd.ts"],"names":[],"mappings":"AAGA,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAExC,eAAO,MAAM,QAAQ;kBAGkB,qBAEnC,eAAe,wBAAa,oBACd,wBAAa;;;CANO,CAAC;AAGvC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAEtD,eAAO,MAAM,UAAU,2DAGtB,CAAC;AAEF,eAAO,MAAM,QAAQ,gDAGpB,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"antd.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/antd.ts"],"names":[],"mappings":"AAGA,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAExC,eAAO,MAAM,QAAQ;;;;CAAiB,CAAC;AAGvC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAEtD,eAAO,MAAM,UAAU,2DAGtB,CAAC;AAEF,eAAO,MAAM,QAAQ,gDAGpB,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/hooks/index.d.ts

@@ -8,4 +8,5 @@ export * from './useDraggable';
 export * from './useBreakpoint';
 export * from './useWindowSize';
 export * from './useResizeObserver';
+export * from './useBaseUIPlacement';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,sBAAsB,CAAC;AACrC,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,sBAAsB,CAAC;AACrC,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC"}