@bioturing/components 0.31.0 → 0.32.1

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

@@ -1,158 +1,160 @@
 "use client";
-import { jsxs as i, jsx as n } from "react/jsx-runtime";
-import { useRef as T, useCallback as U, createElement as W } from "react";
-import { Menu as q } from "@base-ui-components/react/menu";
-import { Popover as H } from "@base-ui-components/react/popover";
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { useRef as F, useCallback as L, createElement as T } from "react";
+import { Menu as U } from "@base-ui-components/react/menu";
+import { Popover as W } from "@base-ui-components/react/popover";
 import { Command as d } from "../cmdk/index.js";
-import { FormItemInputContext as J } from "antd/es/form/context";
-import { PopupPanelSize as b } from "../popup-panel/constants.js";
-import { useDropdownMenu as Q } from "./useDropdownMenu.js";
+import { FormItemInputContext as q } from "antd/es/form/context";
+import { PopupPanelSize as P } from "../popup-panel/constants.js";
+import { useDropdownMenu as H } from "./useDropdownMenu.js";
 import './style.css';/* empty css          */
-import { parseAntdPlacement as X } from "../utils/placement.js";
-import { Input as Y } from "../input/component.js";
-import { ScrollArea as h } from "../scroll-area/component.js";
-import { DROPDOWN_COLLISION_AVOIDANCE as Z } from "../utils/constants.js";
-import { useControlledState as $ } from "../hooks/useControlledState.js";
-import { useCls as K, useAntdCssVarClassname as a } from "../utils/antdUtils.js";
-import { clsx as l } from "../utils/cn.js";
-const vo = ({
-  children: A,
-  items: S,
-  placement: D,
-  openOnHover: E,
-  open: c,
-  onOpenChange: M,
-  defaultOpen: R,
-  className: V,
-  itemRender: k,
+import { parseAntdPlacement as J } from "../utils/placement.js";
+import { Input as Q } from "../input/component.js";
+import { ScrollArea as x } from "../scroll-area/component.js";
+import { DROPDOWN_COLLISION_AVOIDANCE as X } from "../utils/constants.js";
+import { useControlledState as Y } from "../hooks/useControlledState.js";
+import { useCls as Z, useAntdCssVarClassname as $ } from "../utils/antdUtils.js";
+import { clsx as c } from "../utils/cn.js";
+const Co = ({
+  children: O,
+  items: b,
+  placement: h,
+  openOnHover: A,
+  open: S,
+  onOpenChange: D,
+  defaultOpen: E,
+  className: N,
+  itemRender: M,
   classNames: o,
-  size: C = "auto",
-  showSearch: e,
-  inCombobox: w,
-  searchProps: v = {
+  size: s = "auto",
+  showSearch: n,
+  inCombobox: f,
+  searchProps: g = {
     placeholder: "Search..."
   },
-  popupMatchTriggerWidth: y,
-  beforeList: p,
-  afterList: u,
-  keepOpenOnSelect: j,
-  highlightedItemKey: m,
-  selectedItemKeys: G,
-  getItemKeywords: _,
-  showCheckbox: I
+  popupMatchTriggerWidth: R,
+  beforeList: m,
+  afterList: p,
+  keepOpenOnSelect: V,
+  highlightedItemKey: l,
+  selectedItemKeys: k,
+  getItemKeywords: y,
+  showCheckbox: C,
+  itemLabelRender: j
 }) => {
-  const z = typeof w == "boolean" ? w : e, [B, P] = $(
-    c,
-    M,
-    R
-  ), r = K(), x = a(), O = X(D), F = T(null), { itemGroups: f, renderGroup: g } = Q({
-    items: S,
-    keepOpenOnSelect: j,
-    selectedItemKeys: G,
-    showCheckbox: I,
-    getItemKeywords: _,
-    itemRender: k,
-    inCombobox: z,
-    onOpenChange: P,
+  const G = typeof f == "boolean" ? f : n, [_, w] = Y(
+    S,
+    D,
+    E
+  ), e = Z(), v = $(), I = J(h), z = F(null), { itemGroups: u, renderGroup: a } = H({
+    items: b,
+    keepOpenOnSelect: V,
+    selectedItemKeys: k,
+    showCheckbox: C,
+    getItemKeywords: y,
+    itemLabelRender: j,
+    itemRender: M,
+    inCombobox: G,
+    onOpenChange: w,
     classNames: {
-      item: o == null ? void 0 : o.item,
-      itemIcon: o == null ? void 0 : o.itemIcon,
-      itemSuffix: o == null ? void 0 : o.itemSuffix,
-      group: o == null ? void 0 : o.group,
-      groupLabel: o == null ? void 0 : o.groupLabel,
-      divider: o == null ? void 0 : o.divider
+      item: o?.item,
+      itemIcon: o?.itemIcon,
+      itemSuffix: o?.itemSuffix,
+      group: o?.group,
+      groupLabel: o?.groupLabel,
+      divider: o?.divider
     }
-  }), L = U(
-    () => e ? /* @__PURE__ */ i(
+  }), B = L(
+    () => n ? /* @__PURE__ */ i(
       d,
       {
-        className: r("dropdown-menu-container"),
-        disablePointerSelection: e,
-        defaultValue: m ? String(m) : void 0,
+        className: e("dropdown-menu-container"),
+        disablePointerSelection: n,
+        defaultValue: l ? String(l) : void 0,
         children: [
-          /* @__PURE__ */ n(J.Provider, { value: {}, children: /* @__PURE__ */ W(
+          /* @__PURE__ */ r(q.Provider, { value: {}, children: /* @__PURE__ */ T(
             d.Input,
             {
-              ...v,
+              ...g,
               key: "search",
-              render: /* @__PURE__ */ n(
-                Y,
+              render: /* @__PURE__ */ r(
+                Q,
                 {
                   allowClear: !0,
-                  className: r("dropdown-menu-search"),
+                  className: e("dropdown-menu-search"),
                   placeholder: "Search"
                 }
               )
             }
           ) }),
-          p,
-          /* @__PURE__ */ n(h, { fadeEdges: !0, children: /* @__PURE__ */ i(d.List, { className: r("dropdown-menu-list"), children: [
-            /* @__PURE__ */ n(d.Empty, { className: r("dropdown-menu-empty"), children: "No results found." }),
-            f.map(g)
+          m,
+          /* @__PURE__ */ r(x, { fadeEdges: !0, children: /* @__PURE__ */ i(d.List, { className: e("dropdown-menu-list"), children: [
+            /* @__PURE__ */ r(d.Empty, { className: e("dropdown-menu-empty"), children: "No results found." }),
+            u.map(a)
           ] }) }),
-          u
+          p
         ]
       }
-    ) : /* @__PURE__ */ i("div", { className: r("dropdown-menu-container"), children: [
-      p,
-      /* @__PURE__ */ n(h, { fadeEdges: !0, children: f.map(g) }),
-      u
+    ) : /* @__PURE__ */ i("div", { className: e("dropdown-menu-container"), children: [
+      m,
+      /* @__PURE__ */ r(x, { fadeEdges: !0, children: u.map(a) }),
+      p
     ] }),
     [
+      n,
       e,
-      r,
+      l,
+      g,
       m,
-      v,
-      p,
-      f,
       u,
-      g
+      p,
+      a
     ]
-  ), t = e ? H : q;
+  ), t = n ? W : U;
   return /* @__PURE__ */ i(
     t.Root,
     {
-      openOnHover: E,
-      open: B,
-      onOpenChange: P,
+      openOnHover: A,
+      open: _,
+      onOpenChange: w,
       children: [
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ r(
           t.Trigger,
           {
-            render: A,
-            ref: F,
-            className: l(
-              r("dropdown-menu-trigger"),
-              o == null ? void 0 : o.trigger,
-              x
+            render: O,
+            ref: z,
+            className: c(
+              e("dropdown-menu-trigger"),
+              o?.trigger,
+              v
             )
           }
         ),
-        /* @__PURE__ */ n(t.Portal, { children: /* @__PURE__ */ n(
+        /* @__PURE__ */ r(t.Portal, { children: /* @__PURE__ */ r(
           t.Positioner,
           {
-            side: O.side,
-            align: O.align,
+            side: I.side,
+            align: I.align,
             sideOffset: 4,
-            className: l(r("dropdown-menu-root"), o == null ? void 0 : o.root),
-            collisionAvoidance: Z,
-            children: /* @__PURE__ */ n(
+            className: c(e("dropdown-menu-root"), o?.root),
+            collisionAvoidance: X,
+            children: /* @__PURE__ */ r(
               t.Popup,
               {
-                className: l(
-                  r(
+                className: c(
+                  e(
                     "dropdown-menu",
-                    I && "dropdown-menu-show-checkbox",
-                    y && "dropdown-menu-match-trigger-width"
+                    C && "dropdown-menu-show-checkbox",
+                    R && "dropdown-menu-match-trigger-width"
                   ),
-                  V,
-                  o == null ? void 0 : o.popup,
-                  x
+                  N,
+                  o?.popup,
+                  v
                 ),
                 style: {
-                  "--size-width": C in b ? b[C] : void 0
+                  "--size-width": s in P ? P[s] : void 0
                 },
-                children: L()
+                children: B()
               }
             )
           }
@@ -162,6 +164,6 @@ const vo = ({
   );
 };
 export {
-  vo as DropdownMenu
+  Co 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 { 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\";\n\nimport { DropdownMenuItemType } from \"./types\";\nimport { useDropdownMenu, UseDropdownMenuProps } from \"./useDropdownMenu\";\nimport { useControlledState } from \"../hooks\";\n\nimport \"./style.css\";\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,\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}: 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 antdCssVarClassname = useAntdCssVarClassname();\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    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        >\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      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","defaultOpen","className","itemRender","classNames","size","showSearch","inComboboxProp","searchProps","popupMatchTriggerWidth","beforeList","afterList","keepOpenOnSelect","highlightedItemKey","selectedItemKeys","getItemKeywords","showCheckbox","inCombobox","open","onOpenChange","useControlledState","cls","useCls","antdCssVarClassname","useAntdCssVarClassname","baseUIPlacement","parseAntdPlacement","buttonRef","useRef","itemGroups","renderGroup","useDropdownMenu","renderMenuInner","useCallback","jsxs","Command","jsx","FormItemInputContext","createElement","Input","ScrollArea","BaseComponent","Popover","Menu","clsx","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 { 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\";\n\nimport { DropdownMenuItemType } from \"./types\";\nimport { useDropdownMenu, UseDropdownMenuProps } from \"./useDropdownMenu\";\nimport { useControlledState } from \"../hooks\";\n\nimport \"./style.css\";\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,\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 antdCssVarClassname = useAntdCssVarClassname();\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      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","defaultOpen","className","itemRender","classNames","size","showSearch","inComboboxProp","searchProps","popupMatchTriggerWidth","beforeList","afterList","keepOpenOnSelect","highlightedItemKey","selectedItemKeys","getItemKeywords","showCheckbox","itemLabelRender","inCombobox","open","onOpenChange","useControlledState","cls","useCls","antdCssVarClassname","useAntdCssVarClassname","baseUIPlacement","parseAntdPlacement","buttonRef","useRef","itemGroups","renderGroup","useDropdownMenu","renderMenuInner","useCallback","jsxs","Command","jsx","FormItemInputContext","createElement","Input","ScrollArea","BaseComponent","Popover","Menu","clsx","DROPDOWN_COLLISION_AVOIDANCE","PopupPanelSize"],"mappings":"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"}

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

@@ -0,0 +1,6 @@
+export interface DropdownMenuDividerProps {
+    inCombobox?: boolean;
+    className?: string;
+}
+export declare const DropdownMenuDivider: ({ inCombobox, className, }: DropdownMenuDividerProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=divider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/divider.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,wBAAwB;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,mBAAmB,GAAI,4BAGjC,wBAAwB,4CAO1B,CAAC"}

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\";\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 className={clsx(cls(\"dropdown-menu-divider\"), className)} />\n  );\n};\n"],"names":["DropdownMenuDivider","inCombobox","className","cls","useCls","MenuSeparator","Command","Menu","jsx","clsx"],"mappings":";;;;;AASO,MAAMA,IAAsB,CAAC;AAAA,EAClC,YAAAC;AAAA,EACA,WAAAC;AACF,MAAgC;AAC9B,QAAMC,IAAMC,EAAO,GACbC,IAAgBJ,IAAaK,EAAQ,YAAYC,EAAK;AAG1D,SAAA,gBAAAC,EAACH,KAAc,WAAWI,EAAKN,EAAI,uBAAuB,GAAGD,CAAS,GAAG;AAE7E;"}
+{"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\";\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 className={clsx(cls(\"dropdown-menu-divider\"), className)} />\n  );\n};\n"],"names":["DropdownMenuDivider","inCombobox","className","cls","useCls","MenuSeparator","Command","Menu","jsx","clsx"],"mappings":";;;;;AASO,MAAMA,IAAsB,CAAC;AAAA,EAClC,YAAAC;AAAA,EACA,WAAAC;AACF,MAAgC;AAC9B,QAAMC,IAAMC,EAAA,GACNC,IAAgBJ,IAAaK,EAAQ,YAAYC,EAAK;AAE5D,SACE,gBAAAC,EAACH,KAAc,WAAWI,EAAKN,EAAI,uBAAuB,GAAGD,CAAS,GAAG;AAE7E;"}

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

@@ -0,0 +1,4 @@
+export * from './component';
+export * from './item';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC"}

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

@@ -0,0 +1,56 @@
+import { default as React } from 'react';
+import { DropdownMenuItemType } from './types';
+export interface DropdownMenuItemProps {
+    /** The menu item data */
+    item: DropdownMenuItemType & {
+        type: "item";
+    };
+    /** Custom render function for the item */
+    itemRender?: (item: DropdownMenuItemType, props: React.HTMLAttributes<HTMLElement>) => React.ReactElement;
+    itemLabelRender?: (item: DropdownMenuItemType & {
+        type: "item";
+    }, props: React.HTMLAttributes<HTMLElement>) => React.ReactElement;
+    /** Additional props to pass to the item */
+    itemProps?: React.HTMLAttributes<HTMLElement>;
+    /** Class names from parent DropdownMenu */
+    classNames?: {
+        item?: string;
+        itemIcon?: string;
+        itemText?: string;
+        itemSuffix?: string;
+    };
+    onSelect?: (item: DropdownMenuItemType & {
+        type: "item";
+    }) => void;
+    /**
+     * Whether the menu item is in a combobox
+     */
+    inCombobox?: boolean;
+    /**
+     * Whether the menu item is in a menu
+     */
+    renderAsNativeElement?: boolean;
+    /**
+     * Whether the menu item is selected (for combobox)
+     * @default false
+     */
+    selected?: boolean;
+    /**
+     * Whether to show checkbox (only for decoration purpose)
+     */
+    showCheckbox?: boolean;
+    /**
+     * Whether the menu item checkbox is indeterminate (for combobox)
+     * @default false
+     */
+    indeterminate?: boolean;
+    /**
+     * Function to extract keywords from the item for search filtering
+     * @default (item) => [String(item.key), reactNodeToString(item.label)]
+     */
+    getItemKeywords?: (item: DropdownMenuItemType & {
+        type: "item";
+    }) => string[];
+}
+export declare const DropdownMenuItem: React.FC<DropdownMenuItemProps>;
+//# sourceMappingURL=item.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/item.tsx"],"names":[],"mappings":"AACA,OAAO,KAAuB,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAIpD,OAAO,YAAY,CAAC;AAGpB,MAAM,WAAW,qBAAqB;IACpC,yBAAyB;IACzB,IAAI,EAAE,oBAAoB,GAAG;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9C,0CAA0C;IAC1C,UAAU,CAAC,EAAE,CACX,IAAI,EAAE,oBAAoB,EAC1B,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KACrC,KAAK,CAAC,YAAY,CAAC;IACxB,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,2CAA2C;IAC3C,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;IAC9C,2CAA2C;IAC3C,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,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,GAAG;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACnE;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;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,CAsK5D,CAAC"}

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

@@ -1,38 +1,40 @@
 "use client";
-import { jsxs as I, Fragment as h, jsx as r } from "react/jsx-runtime";
-import { useMemo as e } from "react";
+import { jsxs as x, Fragment as h, jsx as r } from "react/jsx-runtime";
+import { useMemo as M } from "react";
 import { Command as j } from "../cmdk/index.js";
 import { Menu as E } from "@base-ui-components/react/menu";
 import './item.css';/* empty css         */
-import { Checkbox as w } from "antd";
-import { reactNodeToString as L } from "../utils/reactToString.js";
-import { useCls as D } from "../utils/antdUtils.js";
-import { clsx as u } from "../utils/cn.js";
+import { Checkbox as g } from "antd";
+import { reactNodeToString as P } from "../utils/reactToString.js";
+import { useCls as m } from "../utils/antdUtils.js";
+import { clsx as e } from "../utils/cn.js";
+import { WithRenderProp as I } from "../utils/WithRenderProp.js";
 const J = ({
   item: o,
-  inCombobox: p = !1,
-  selected: f = !1,
-  itemRender: t,
+  inCombobox: u = !1,
+  selected: s = !1,
+  itemRender: c,
+  itemLabelRender: p,
   itemProps: S = {},
   classNames: n,
-  onSelect: k,
-  showCheckbox: x,
-  indeterminate: M,
-  renderAsNativeElement: y,
-  getItemKeywords: g
+  onSelect: v,
+  showCheckbox: l,
+  indeterminate: i,
+  renderAsNativeElement: w,
+  getItemKeywords: t
 }) => {
-  const d = D(), O = e(
-    () => p ? j.Item : E.Item,
-    [p]
-  ), i = e(() => ({
-    className: u(
-      d("dropdown-menu-item", p && "dropdown-menu-item-combobox"),
-      n == null ? void 0 : n.item,
+  const d = m(), y = M(
+    () => u ? j.Item : E.Item,
+    [u]
+  ), f = M(() => ({
+    className: e(
+      d("dropdown-menu-item", u && "dropdown-menu-item-combobox"),
+      n?.item,
       o.className
     ),
     disabled: o.disabled,
     "data-danger": o.danger,
-    "data-actual-selected": f,
+    "data-actual-selected": s,
     ref: o.ref,
     onClick: o.onClick,
     onMouseEnter: o.onMouseEnter,
@@ -40,104 +42,108 @@ const J = ({
     onMouseOver: o.onMouseOver,
     onMouseOut: o.onMouseOut,
     "data-value": typeof o.label == "string" ? o.label : String(o.key),
-    render: t ? (b) => t(o, b) : void 0,
-    children: p ? /* @__PURE__ */ I(h, { children: [
-      x && /* @__PURE__ */ r(
-        w,
+    render: c ? (a) => c(o, a) : void 0,
+    children: u ? /* @__PURE__ */ x(h, { children: [
+      l && /* @__PURE__ */ r(
+        g,
         {
-          checked: f,
+          checked: s,
           tabIndex: -1,
-          indeterminate: M
+          indeterminate: i
         }
       ),
       o.icon && /* @__PURE__ */ r(
         "span",
         {
-          className: u(
+          className: e(
             d("dropdown-menu-item-icon"),
-            n == null ? void 0 : n.itemIcon
+            n?.itemIcon
           ),
           children: o.icon
         }
       ),
       /* @__PURE__ */ r(
-        "span",
+        I,
         {
-          className: u(
+          render: p ? (a) => p(o, a) : void 0,
+          as: "span",
+          className: e(
             d("dropdown-menu-item-text"),
-            n == null ? void 0 : n.itemText
+            n?.itemText
           ),
           children: o.label
         }
       )
-    ] }) : /* @__PURE__ */ I(h, { children: [
-      x && /* @__PURE__ */ r(
-        w,
+    ] }) : /* @__PURE__ */ x(h, { children: [
+      l && /* @__PURE__ */ r(
+        g,
         {
-          checked: f,
+          checked: s,
           tabIndex: -1,
-          indeterminate: M
+          indeterminate: i
         }
       ),
       o.icon && /* @__PURE__ */ r(
         "span",
         {
-          className: u(
+          className: e(
             d("dropdown-menu-item-icon"),
-            n == null ? void 0 : n.itemIcon
+            n?.itemIcon
           ),
           children: o.icon
         }
       ),
       /* @__PURE__ */ r(
-        "span",
+        I,
         {
-          className: u(
-            d("dropdown-menu-item-text"),
-            n == null ? void 0 : n.itemText
-          ),
+          render: p ? (a) => p(o, a) : void 0,
+          as: "span",
           children: o.label
         }
       ),
       o.suffix && /* @__PURE__ */ r(
         "span",
         {
-          className: u(
+          className: e(
             d("dropdown-menu-item-suffix"),
-            n == null ? void 0 : n.itemSuffix
+            n?.itemSuffix
           ),
           children: o.suffix
         }
       )
     ] })
   }), [
-    n == null ? void 0 : n.item,
-    n == null ? void 0 : n.itemIcon,
-    n == null ? void 0 : n.itemText,
-    n == null ? void 0 : n.itemSuffix,
+    n?.item,
+    n?.itemIcon,
+    n?.itemText,
+    n?.itemSuffix,
     d,
-    p,
-    M,
+    u,
+    i,
     o,
-    t,
-    f,
-    x
-  ]);
-  if (t)
-    return t(o, {
-      ...i,
+    c,
+    s,
+    l,
+    p
+  ]), O = M(
+    () => t ? t(o) : [String(o.key), P(o.label)],
+    [t, o]
+  );
+  if (c)
+    return c(o, {
+      ...f,
       ...S
     });
-  const { render: v, ...T } = i;
-  return y ? v ? v(i) : /* @__PURE__ */ r("div", { onClick: k, ...T }) : /* @__PURE__ */ r(
-    O,
+  const { render: k, ...T } = f;
+  return w ? k ? k(f) : /* @__PURE__ */ r("div", { onClick: v, ...T }) : /* @__PURE__ */ r(
+    y,
     {
       value: String(o.key),
-      keywords: g ? g(o) : [String(o.key), L(o.label)],
+      keywords: O || void 0,
       onSelect: () => {
-        k(o);
+        v(o);
       },
-      ...i
+      ...f
     }
   );
 };