@bioturing/components 0.47.0 → 0.48.0

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

@@ -1,9 +1,5 @@
 import { default as React } from 'react';
-export type DropdownMenuItemType = {
-    /**
-     * The type of the menu item
-     */
-    type: "item";
+export type DropdownMenuInteractiveItemBase = {
     /**
      * The label of the menu item
      */
@@ -16,6 +12,10 @@ export type DropdownMenuItemType = {
      * The icon of the menu item
      */
     icon?: React.ReactNode;
+    /**
+     * The description of the menu item
+     */
+    description?: React.ReactNode;
     /**
      * The suffix of the menu item
      */
@@ -24,12 +24,6 @@ export type DropdownMenuItemType = {
      * The key of the menu item
      */
     key: React.Key;
-    /**
-     * The onSelect event handler of the menu item
-     */
-    onSelect?: (item: DropdownMenuItemType & {
-        type: "item";
-    }) => void;
     /**
      * The onClick event handler of the menu item
      */
@@ -71,7 +65,85 @@ export type DropdownMenuItemType = {
         text?: string;
         suffix?: string;
     };
-} | {
+};
+export type DropdownMenuActionItem = DropdownMenuInteractiveItemBase & {
+    /**
+     * The type of the menu item
+     */
+    type: "item";
+    /**
+     * The onSelect event handler of the menu item
+     */
+    onSelect?: (item: DropdownMenuActionItem) => void;
+    /**
+     * Submenu items that appear when this item is hovered/clicked.
+     * Only supported in menu mode (not in search/combobox mode).
+     */
+    children?: DropdownMenuItemType[];
+};
+export type DropdownMenuCheckboxItem = DropdownMenuInteractiveItemBase & {
+    /**
+     * The type of the menu item
+     */
+    type: "checkbox";
+    /**
+     * Controlled checked state
+     */
+    checked?: boolean;
+    /**
+     * Uncontrolled initial checked state
+     */
+    defaultChecked?: boolean;
+    /**
+     * Called when the checked state changes
+     */
+    onCheckedChange?: (checked: boolean, item: DropdownMenuCheckboxItem) => void;
+    /**
+     * Called when the checkbox item is selected
+     */
+    onSelect?: (item: DropdownMenuCheckboxItem) => void;
+};
+export type DropdownMenuRadioItem = DropdownMenuInteractiveItemBase & {
+    /**
+     * The type of the menu item
+     */
+    type: "radio";
+    /**
+     * Radio value within the group
+     */
+    value: string;
+    /**
+     * Called when the radio item is selected
+     */
+    onSelect?: (item: DropdownMenuRadioItem) => void;
+};
+export type DropdownMenuRadioGroupItem = {
+    /**
+     * Stable key for preserving radio-group identity across rerenders
+     */
+    key?: React.Key;
+    /**
+     * The type of the menu item
+     */
+    type: "radio-group";
+    /**
+     * Controlled selected value
+     */
+    value?: string;
+    /**
+     * Uncontrolled initial selected value
+     */
+    defaultValue?: string;
+    /**
+     * Called when the selected value changes
+     */
+    onValueChange?: (value: string) => void;
+    /**
+     * Radio items in the group
+     */
+    children: DropdownMenuRadioItem[];
+};
+export type DropdownMenuItemType = DropdownMenuActionItem | DropdownMenuCheckboxItem | DropdownMenuRadioGroupItem | {
     /**
      * The type of the menu item
      */
@@ -90,6 +162,7 @@ export type DropdownMenuItemType = {
      */
     className?: string;
 };
+export type DropdownMenuInteractiveItem = DropdownMenuActionItem | DropdownMenuCheckboxItem | DropdownMenuRadioItem;
 export type DropdownMenuGroup = {
     label: React.ReactNode | null;
     items: DropdownMenuItemType[];

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;IAC7B;;OAEG;IACH,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;CACH,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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/types.ts"],"names":[],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { DropdownMenuItemType, DropdownMenuGroup } from './types';
+import { DropdownMenuItemType, DropdownMenuGroup, DropdownMenuInteractiveItem } from './types';
 export interface UseDropdownMenuProps {
     /**
      * Callback function to handle the open state change of the dropdown menu.
@@ -17,13 +17,11 @@ export interface UseDropdownMenuProps {
     /**
      * Custom render function for menu items
      */
-    itemRender?: (item: DropdownMenuItemType, props: React.HTMLAttributes<HTMLElement>) => React.ReactElement;
+    itemRender?: (item: DropdownMenuInteractiveItem, props: React.HTMLAttributes<HTMLElement>) => React.ReactElement;
     /**
      * Custom render function for menu item labels
      */
-    itemLabelRender?: (item: DropdownMenuItemType & {
-        type: "item";
-    }, props: React.HTMLAttributes<HTMLElement>) => React.ReactElement;
+    itemLabelRender?: (item: DropdownMenuInteractiveItem, props: React.HTMLAttributes<HTMLElement>) => React.ReactElement;
     /**
      * Whether to keep the dropdown open when an item is selected
      * @default false
@@ -46,9 +44,7 @@ export interface UseDropdownMenuProps {
      * Function to extract keywords from the item for search filtering
      * @default (item) => [String(item.key), reactNodeToString(item.label)]
      */
-    getItemKeywords?: (item: DropdownMenuItemType & {
-        type: "item";
-    }) => string[];
+    getItemKeywords?: (item: DropdownMenuInteractiveItem) => string[];
 }
 export declare const useDropdownMenu: ({ items, inCombobox, classNames, selectedItemKeys, keepOpenOnSelect, showCheckbox, getItemKeywords, onOpenChange, itemRender, itemLabelRender, }: UseDropdownMenuProps) => {
     itemGroups: DropdownMenuGroup[];

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;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"}
+{"version":3,"file":"useDropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/useDropdownMenu.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,oBAAoB,EACpB,iBAAiB,EACjB,2BAA2B,EAE5B,MAAM,SAAS,CAAC;AASjB,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,2BAA2B,EACjC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KACrC,KAAK,CAAC,YAAY,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,CAChB,IAAI,EAAE,2BAA2B,EACjC,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,2BAA2B,KAAK,MAAM,EAAE,CAAC;CACnE;AAED,eAAO,MAAM,eAAe,GAAI,kJAW7B,oBAAoB;;2BAGZ,oBAAoB,KAAK,MAAM,KAAK,MAAM;yBAyGzC,iBAAiB,SAAS,MAAM;CA8D3C,CAAC"}

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

@@ -1,128 +1,155 @@
-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 { jsx as u, jsxs as w } from "react/jsx-runtime";
+import { useCallback as M, useMemo as I } from "react";
+import { DropdownMenuItem as $ } from "./item.js";
+import { DropdownMenuDivider as L } from "./divider.js";
+import { DropdownMenuSubmenu as T } from "./submenu.js";
+import { DropdownMenuRadioGroup as j } from "./radio-group.js";
+import { isDropdownMenuSearchSupportedItem as q } from "./search-mode.js";
+import { Menu as b, Combobox as v } from "@base-ui/react";
 import './style.css';/* empty css          */
-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 J = ({
-  items: s,
-  inCombobox: n = !1,
+import { reactNodeToString as z } from "../utils/reactToString.js";
+import { useCls as A } from "../utils/antdUtils.js";
+import { clsx as y } from "../utils/cn.js";
+const _ = ({
+  items: D,
+  inCombobox: t = !1,
   classNames: o = {},
-  selectedItemKeys: h,
-  keepOpenOnSelect: a,
+  selectedItemKeys: S,
+  keepOpenOnSelect: f,
   showCheckbox: G = !1,
-  getItemKeywords: b = (l) => [String(l.key), x(l.label)],
-  onOpenChange: g,
-  itemRender: y,
-  itemLabelRender: M
+  getItemKeywords: n = (p) => [String(p.key), z(p.label)],
+  onOpenChange: m,
+  itemRender: h,
+  itemLabelRender: g
 }) => {
-  const l = k(), p = m(
-    (e, r, t) => e.type === "item" ? /* @__PURE__ */ i(
-      I,
+  const p = A(), d = M(
+    (r, i, e) => r.type === "item" || r.type === "checkbox" ? r.type === "item" && !t && r.children && r.children.length > 0 ? /* @__PURE__ */ u(
+      T,
       {
-        item: e,
-        inCombobox: n,
-        selected: h?.includes(e.key),
+        item: r,
+        itemRender: h,
+        itemLabelRender: g,
+        showCheckbox: G,
+        getItemKeywords: n,
+        selectedItemKeys: S,
+        keepOpenOnSelect: f,
+        onOpenChange: m,
+        classNames: {
+          item: o.item,
+          itemIcon: o.itemIcon,
+          itemSuffix: o.itemSuffix,
+          group: o.group,
+          groupLabel: o.groupLabel,
+          divider: o.divider
+        }
+      },
+      String(r.key)
+    ) : /* @__PURE__ */ u(
+      $,
+      {
+        item: r,
+        inCombobox: t,
+        selected: S?.includes(r.key),
         afterSelect: () => {
-          a || g?.(!1);
+          f || m?.(!1);
         },
-        itemRender: y,
+        itemRender: h,
         showCheckbox: G,
-        getItemKeywords: b,
-        itemLabelRender: M,
+        getItemKeywords: n,
+        itemLabelRender: g,
         classNames: {
           item: o.item,
           itemIcon: o.itemIcon,
           itemSuffix: o.itemSuffix
         }
       },
-      r + "-" + t
-    ) : e.type === "divider" ? /* @__PURE__ */ i(
+      String(r.key)
+    ) : r.type === "radio-group" ? /* @__PURE__ */ u(
       j,
       {
-        inCombobox: n,
+        group: r,
+        itemRender: h,
+        itemLabelRender: g,
+        getItemKeywords: n,
+        keepOpenOnSelect: f,
+        onOpenChange: m,
+        classNames: {
+          item: o.item,
+          itemIcon: o.itemIcon,
+          itemText: void 0,
+          itemSuffix: o.itemSuffix
+        }
+      },
+      r.key != null ? String(r.key) : `radio-group-${i}-${e}`
+    ) : r.type === "divider" ? /* @__PURE__ */ u(
+      L,
+      {
+        inCombobox: t,
         className: o?.divider
       },
-      r + "-" + t
+      `divider-${i}-${e}`
     ) : null,
     [
       o,
-      y,
-      g,
-      n,
-      a,
       h,
+      m,
+      t,
+      f,
+      S,
       G,
-      b,
-      M
+      n,
+      g
     ]
-  ), D = m(
-    (e, r) => /* @__PURE__ */ w(
-      v.Group,
+  ), k = M(
+    (r, i) => /* @__PURE__ */ w(
+      b.Group,
       {
-        className: d(l("dropdown-menu-group"), o?.group),
+        className: y(p("dropdown-menu-group"), o?.group),
         children: [
-          e.label && /* @__PURE__ */ i(
-            v.GroupLabel,
-            {
-              className: d(
-                l("dropdown-menu-header"),
-                o?.groupLabel
-              ),
-              children: /* @__PURE__ */ i("span", { children: e.label })
-            }
-          ),
-          e.items.map((t, u) => p(t, r, u))
+          r.label && /* @__PURE__ */ u(b.GroupLabel, { className: y(p("dropdown-menu-header"), o?.groupLabel), children: /* @__PURE__ */ u("span", { children: r.label }) }),
+          r.items.map((e, l) => d(e, i, l))
         ]
       },
-      "group" + r
+      "group" + i
     ),
-    [l, o, p]
-  ), S = m(
-    (e, r) => e.label ? /* @__PURE__ */ w(
-      f.Group,
+    [p, o, d]
+  ), x = M(
+    (r, i) => r.label ? /* @__PURE__ */ w(
+      v.Group,
       {
-        className: d(l("dropdown-menu-group"), o?.group),
-        items: e.items,
+        className: y(p("dropdown-menu-group"), o?.group),
+        items: r.items,
         children: [
-          /* @__PURE__ */ i(
-            f.GroupLabel,
+          /* @__PURE__ */ u(
+            v.GroupLabel,
             {
-              className: d(
-                l("dropdown-menu-header"),
-                o?.groupLabel
-              ),
-              children: /* @__PURE__ */ i("span", { children: e.label })
+              className: y(p("dropdown-menu-header"), o?.groupLabel),
+              children: /* @__PURE__ */ u("span", { children: r.label })
             }
           ),
-          /* @__PURE__ */ i(f.Collection, { children: (t, u) => p(t, r, u) })
+          /* @__PURE__ */ u(v.Collection, { children: (e, l) => d(e, i, l) })
         ]
       },
-      "group" + r
-    ) : e.items.map((t, u) => p(t, r, u)),
-    [l, o, p]
+      "group" + i
+    ) : r.items.map((e, l) => d(e, i, l)),
+    [p, o, d]
   );
   return {
-    itemGroups: L(
-      () => s.reduce((e, r) => (e.length === 0 && r.type !== "header" && e.push({
+    itemGroups: I(
+      () => D.reduce((r, i) => (t && !q(i) || (r.length === 0 && i.type !== "header" && r.push({
         label: null,
         items: []
-      }), r.type === "header" ? e.push({
-        label: r.title,
+      }), i.type === "header" ? r.push({
+        label: i.title,
         items: []
-      }) : (r.type === "item" || r.type === "divider") && e.length > 0 && e[e.length - 1].items.push({
-        ...r
-      }), e), []),
-      [s]
+      }) : (i.type === "item" || i.type === "checkbox" || i.type === "radio-group" || i.type === "divider") && r.length > 0 && r[r.length - 1].items.push(i)), r), []),
+      [t, D]
     ),
-    renderMenuItem: p,
-    renderGroup: n ? S : D
+    renderMenuItem: d,
+    renderGroup: t ? x : k
   };
 };
 export {
-  J as useDropdownMenu
+  _ 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 { 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":";;;;;;;;;AA+DO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,OAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,YAAAC,IAAa,CAAA;AAAA,EACb,kBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,iBAAAC,IAAkB,CAACC,MAAS,CAAC,OAAOA,EAAK,GAAG,GAAGC,EAAkBD,EAAK,KAAK,CAAC;AAAA,EAC5E,cAAAE;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC;AACF,MAA4B;AAC1B,QAAMC,IAAMC,EAAA,GACNC,IAAiBC;AAAA,IACrB,CAACR,GAA4BS,GAAWC,MAClCV,EAAK,SAAS,SAEd,gBAAAW;AAAA,MAACC;AAAA,MAAA;AAAA,QAEC,MAAAZ;AAAA,QACA,YAAAN;AAAA,QACA,UAAUE,GAAkB,SAASI,EAAK,GAAG;AAAA,QAC7C,aAAa,MAAM;AACjB,UAAKH,KAAkBK,IAAe,EAAK;AAAA,QAC7C;AAAA,QACA,YAAAC;AAAA,QACA,cAAAL;AAAA,QACA,iBAAAC;AAAA,QACA,iBAAAK;AAAA,QACA,YAAY;AAAA,UACV,MAAMT,EAAW;AAAA,UACjB,UAAUA,EAAW;AAAA,UACrB,YAAYA,EAAW;AAAA,QAAA;AAAA,MACzB;AAAA,MAfKc,IAAI,MAAMC;AAAA,IAAA,IAkBVV,EAAK,SAAS,YAErB,gBAAAW;AAAA,MAACE;AAAA,MAAA;AAAA,QAEC,YAAAnB;AAAA,QACA,WAAWC,GAAY;AAAA,MAAA;AAAA,MAFlBc,IAAI,MAAMC;AAAA,IAAA,IAMd;AAAA,IAET;AAAA,MACEf;AAAA,MACAQ;AAAA,MACAD;AAAA,MACAR;AAAA,MACAG;AAAA,MACAD;AAAA,MACAE;AAAA,MACAC;AAAA,MACAK;AAAA,IAAA;AAAA,EACF,GAGIU,IAAcN;AAAA,IAClB,CAACO,GAA0BC,MACzB,gBAAAC;AAAA,MAACC,EAAK;AAAA,MAAL;AAAA,QAEC,WAAWC,EAAKd,EAAI,qBAAqB,GAAGV,GAAY,KAAK;AAAA,QAE5D,UAAA;AAAA,UAAAoB,EAAM,SACL,gBAAAJ;AAAA,YAACO,EAAK;AAAA,YAAL;AAAA,cACC,WAAWC;AAAA,gBACTd,EAAI,sBAAsB;AAAA,gBAC1BV,GAAY;AAAA,cAAA;AAAA,cAGd,UAAA,gBAAAgB,EAAC,QAAA,EAAM,UAAAI,EAAM,MAAA,CAAM;AAAA,YAAA;AAAA,UAAA;AAAA,UAGtBA,EAAM,MAAM,IAAI,CAACf,GAAMU,MAAMH,EAAeP,GAAMgB,GAAON,CAAC,CAAC;AAAA,QAAA;AAAA,MAAA;AAAA,MAbvD,UAAUM;AAAA,IAAA;AAAA,IAgBnB,CAACX,GAAKV,GAAYY,CAAc;AAAA,EAAA,GAG5Ba,IAAsBZ;AAAA,IAC1B,CAACO,GAA0BC,MACzBD,EAAM,QACJ,gBAAAE;AAAA,MAACI,EAAS;AAAA,MAAT;AAAA,QAEC,WAAWF,EAAKd,EAAI,qBAAqB,GAAGV,GAAY,KAAK;AAAA,QAC7D,OAAOoB,EAAM;AAAA,QAEb,UAAA;AAAA,UAAA,gBAAAJ;AAAA,YAACU,EAAS;AAAA,YAAT;AAAA,cACC,WAAWF;AAAA,gBACTd,EAAI,sBAAsB;AAAA,gBAC1BV,GAAY;AAAA,cAAA;AAAA,cAGd,UAAA,gBAAAgB,EAAC,QAAA,EAAM,UAAAI,EAAM,MAAA,CAAM;AAAA,YAAA;AAAA,UAAA;AAAA,UAErB,gBAAAJ,EAACU,EAAS,YAAT,EACE,UAAA,CAACrB,GAAMS,MAAMF,EAAeP,GAAMgB,GAAOP,CAAC,EAAA,CAC7C;AAAA,QAAA;AAAA,MAAA;AAAA,MAdK,UAAUO;AAAA,IAAA,IAiBjBD,EAAM,MAAM,IAAI,CAACf,GAAMU,MAAMH,EAAeP,GAAMgB,GAAON,CAAC,CAAC;AAAA,IAE/D,CAACL,GAAKV,GAAYY,CAAc;AAAA,EAAA;AAmClC,SAAO;AAAA,IACL,YAjCiBe;AAAA,MACjB,MACE7B,EAAM,OAA4B,CAAC8B,GAAKC,OAElCD,EAAI,WAAW,KAAKC,EAAQ,SAAS,YACvCD,EAAI,KAAK;AAAA,QACP,OAAO;AAAA,QACP,OAAO,CAAA;AAAA,MAAC,CACT,GAICC,EAAQ,SAAS,WACnBD,EAAI,KAAK;AAAA,QACP,OAAOC,EAAQ;AAAA,QACf,OAAO,CAAA;AAAA,MAAC,CACT,KAIAA,EAAQ,SAAS,UAAUA,EAAQ,SAAS,cAC7CD,EAAI,SAAS,KAEbA,EAAIA,EAAI,SAAS,CAAC,EAAE,MAAM,KAAK;AAAA,QAC7B,GAAGC;AAAA,MAAA,CACJ,GAGID,IACN,CAAA,CAAE;AAAA,MACP,CAAC9B,CAAK;AAAA,IAAA;AAAA,IAIN,gBAAAc;AAAA,IACA,aAAab,IAAa0B,IAAsBN;AAAA,EAAA;AAEpD;"}
+{"version":3,"file":"useDropdownMenu.js","sources":["../../../src/components/dropdown-menu/useDropdownMenu.tsx"],"sourcesContent":["import { useMemo, useCallback } from \"react\";\nimport {\n  DropdownMenuItemType,\n  DropdownMenuGroup,\n  DropdownMenuInteractiveItem,\n  DropdownMenuActionItem,\n} from \"./types\";\nimport { DropdownMenuItem } from \"./item\";\nimport { DropdownMenuDivider } from \"./divider\";\nimport { DropdownMenuSubmenu } from \"./submenu\";\nimport { DropdownMenuRadioGroup } from \"./radio-group\";\nimport { isDropdownMenuSearchSupportedItem } from \"./search-mode\";\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: DropdownMenuInteractiveItem,\n    props: React.HTMLAttributes<HTMLElement>,\n  ) => React.ReactElement;\n  /**\n   * Custom render function for menu item labels\n   */\n  itemLabelRender?: (\n    item: DropdownMenuInteractiveItem,\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: DropdownMenuInteractiveItem) => 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\" || item.type === \"checkbox\") {\n        if (item.type === \"item\" && !inCombobox && item.children && item.children.length > 0) {\n          return (\n            <DropdownMenuSubmenu\n              key={String(item.key)}\n              item={item as DropdownMenuActionItem}\n              itemRender={itemRender}\n              itemLabelRender={itemLabelRender}\n              showCheckbox={showCheckbox}\n              getItemKeywords={getItemKeywords}\n              selectedItemKeys={selectedItemKeys}\n              keepOpenOnSelect={keepOpenOnSelect}\n              onOpenChange={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        }\n        return (\n          <DropdownMenuItem\n            key={String(item.key)}\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 === \"radio-group\") {\n        return (\n          <DropdownMenuRadioGroup\n            key={item.key != null ? String(item.key) : `radio-group-${i}-${j}`}\n            group={item}\n            itemRender={itemRender}\n            itemLabelRender={itemLabelRender}\n            getItemKeywords={getItemKeywords}\n            keepOpenOnSelect={keepOpenOnSelect}\n            onOpenChange={onOpenChange}\n            classNames={{\n              item: classNames.item,\n              itemIcon: classNames.itemIcon,\n              itemText: undefined,\n              itemSuffix: classNames.itemSuffix,\n            }}\n          />\n        );\n      } else if (item.type === \"divider\") {\n        return (\n          <DropdownMenuDivider\n            key={`divider-${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 className={clsx(cls(\"dropdown-menu-header\"), classNames?.groupLabel)}>\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(cls(\"dropdown-menu-header\"), classNames?.groupLabel)}\n          >\n            <span>{group.label}</span>\n          </Combobox.GroupLabel>\n          <Combobox.Collection>{(item, i) => renderMenuItem(item, index, i)}</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 (inCombobox && !isDropdownMenuSearchSupportedItem(current)) {\n          return acc;\n        }\n\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\" ||\n            current.type === \"checkbox\" ||\n            current.type === \"radio-group\" ||\n            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    [inCombobox, 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","j","jsx","DropdownMenuSubmenu","DropdownMenuItem","DropdownMenuRadioGroup","DropdownMenuDivider","renderGroup","group","index","jsxs","Menu","clsx","renderGroupCombobox","Combobox","i","useMemo","acc","current","isDropdownMenuSearchSupportedItem"],"mappings":"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"}

package/dist/components/select/component.js

@@ -1,7 +1,7 @@
 "use client";
-import { jsx as t, Fragment as y, jsxs as G } from "react/jsx-runtime";
+import { jsx as o, Fragment as b, jsxs as G } from "react/jsx-runtime";
 import { CaretDown as de } from "@bioturing/assets";
-import { useFloatingPortalNode as fe, offset as ge, autoPlacement as he, shift as be, size as ye, useFloating as Ae, autoUpdate as Ce, FloatingOverlay as Re } from "@floating-ui/react";
+import { useFloatingPortalNode as fe, offset as ge, autoPlacement as he, shift as ye, size as be, useFloating as Ae, autoUpdate as Ce, FloatingOverlay as Re } from "@floating-ui/react";
 import V from "antd/es/checkbox";
 import R from "antd/es/select";
 import { toMerged as ke } from "es-toolkit";
@@ -44,19 +44,19 @@ const Oe = ({
     B,
     J || L,
     H
-  ), m = Me(), [o, g] = W(
+  ), m = Me(), [r, g] = W(
     Z,
     _,
     z
-  ), h = C(X), b = C(Y), P = C(ee), N = n(
+  ), h = C(X), y = C(Y), P = C(ee), N = n(
     ({
       availableHeight: e,
-      availableWidth: r,
+      availableWidth: t,
       elements: i
     }) => {
       i.floating.style.setProperty(
         "--available-width",
-        r + "px"
+        t + "px"
       ), i.floating.style.setProperty(
         "--available-height",
         e + "px"
@@ -78,10 +78,10 @@ const Oe = ({
           "top"
         ]
       }),
-      be({
+      ye({
         padding: 8
       }),
-      ye({
+      be({
         padding: 8,
         apply: N
       })
@@ -95,8 +95,8 @@ const Oe = ({
     whileElementsMounted: Ce
   }), ne = n(
     (e) => {
-      const r = Array.isArray(e) ? e.length : 1;
-      return p ? r + ` ${r == 1 ? "item" : "items"} selected` : /* @__PURE__ */ t(y, { children: e });
+      const t = Array.isArray(e) ? e.length : 1;
+      return p ? t + ` ${t == 1 ? "item" : "items"} selected` : /* @__PURE__ */ o(b, { children: e });
     },
     [p]
   ), se = T(
@@ -111,8 +111,8 @@ const Oe = ({
   }), j = n(
     (e) => {
       if (!e) return;
-      const r = e.closest(".ds-select-dropdown");
-      u.setFloating(r);
+      const t = e.closest(".ds-select-dropdown");
+      u.setFloating(t);
     },
     [u]
   ), ce = $(
@@ -127,11 +127,11 @@ const Oe = ({
     k?.popup?.root || K
   ), ie = l && typeof l == "string" && l in U ? U[l] : typeof l == "number" ? l + "px" : l || "fit-content", d = n(
     (e) => {
-      const r = h.current ? h.current(e) : b.current ? b.current(e) : e;
-      if (!M) return r;
-      const i = Array.isArray(o) && o.length > 0, ue = Array.isArray(o) && o.length && o.length < c.length;
-      return /* @__PURE__ */ G(y, { children: [
-        /* @__PURE__ */ t(
+      const t = h.current ? h.current(e) : y.current ? y.current(e) : e;
+      if (!M) return t;
+      const i = Array.isArray(r) && r.length > 0, ue = Array.isArray(r) && r.length && r.length < c.length;
+      return /* @__PURE__ */ G(b, { children: [
+        /* @__PURE__ */ o(
           we,
           {
             className: m(
@@ -149,15 +149,15 @@ const Oe = ({
             onDeselectAll: F
           }
         ),
-        /* @__PURE__ */ t(ve, {}),
-        r
+        /* @__PURE__ */ o(ve, {}),
+        t
       ] });
     },
     [
       h,
-      b,
+      y,
       M,
-      o,
+      r,
       c,
       m,
       P,
@@ -170,23 +170,23 @@ const Oe = ({
     },
     [a, u]
   ), E = n(
-    (e) => /* @__PURE__ */ G(y, { children: [
-      /* @__PURE__ */ t(Re, { lockScroll: !0, onClick: I }),
-      /* @__PURE__ */ t("div", { ref: j, children: d(e) })
+    (e) => /* @__PURE__ */ G(b, { children: [
+      /* @__PURE__ */ o(Re, { lockScroll: !0, onClick: I }),
+      /* @__PURE__ */ o("div", { ref: j, children: d(e) })
     ] }),
     [I, j, d]
   ), me = n(
     (e) => s ? E(e) : d(e),
     [s, d, E]
   );
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ o(
     R,
     {
       ref: pe,
-      suffixIcon: /* @__PURE__ */ t(de, { weight: "bold" }),
+      suffixIcon: /* @__PURE__ */ o(de, { weight: "bold" }),
       open: O,
       onOpenChange: S,
-      value: o,
+      value: r,
       onChange: g,
       classNames: {
         popup: {
@@ -195,7 +195,7 @@ const Oe = ({
         ...k
       },
       ...p ? {
-        menuItemSelectedIcon: ({ isSelected: e }) => /* @__PURE__ */ t("span", { className: "ant-select-checkbox-indicator", children: e ? /* @__PURE__ */ t(V, { checked: !0 }) : /* @__PURE__ */ t(V, { checked: !1 }) })
+        menuItemSelectedIcon: ({ isSelected: e, disabled: t }) => /* @__PURE__ */ o("span", { className: "ant-select-checkbox-indicator", children: e ? /* @__PURE__ */ o(V, { checked: !0, disabled: t }) : /* @__PURE__ */ o(V, { checked: !1, disabled: t }) })
       } : {},
       mode: f,
       className: ce,
@@ -214,7 +214,7 @@ const Oe = ({
       ...v ? {
         maxTagCount: 1,
         showSearch: !1,
-        labelRender: () => w ? w(o) : ne(o)
+        labelRender: () => w ? w(r) : ne(r)
       } : {},
       ...te
     }