@bioturing/components 0.34.0 → 0.35.3

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

@@ -1,35 +1,45 @@
 import { default as React } from 'react';
 import { DropdownMenuItemType } from './types';
 export interface DropdownMenuItemProps {
-    /** The menu item data */
+    /**
+     * The menu item data
+     */
     item: DropdownMenuItemType & {
         type: "item";
     };
-    /** Custom render function for the item */
+    /**
+     * Custom render function for the item
+     */
     itemRender?: (item: DropdownMenuItemType, props: React.HTMLAttributes<HTMLElement>) => React.ReactElement;
+    /**
+     * Custom render function for the item label
+     */
     itemLabelRender?: (item: DropdownMenuItemType & {
         type: "item";
     }, props: React.HTMLAttributes<HTMLElement>) => React.ReactElement;
-    /** Additional props to pass to the item */
+    /**
+     * Additional props to pass to the item
+     */
     itemProps?: React.HTMLAttributes<HTMLElement>;
-    /** Class names from parent DropdownMenu */
+    /**
+     * Class names from parent DropdownMenu
+     */
     classNames?: {
         item?: string;
         itemIcon?: string;
         itemText?: string;
         itemSuffix?: string;
     };
-    onSelect?: (item: DropdownMenuItemType & {
+    /**
+     * Function to be called after the menu item is selected
+     */
+    afterSelect?: (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

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,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"}
+{"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"}

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

@@ -1,153 +1,104 @@
 "use client";
-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 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 = ({
+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 { BaseMenuItem as S } from "../base-menu/item.js";
+import C from "../utils/createSyntheticClickEvent.js";
+import { reactNodeToString as w } from "../utils/reactToString.js";
+import { useCls as E } from "../utils/antdUtils.js";
+import { clsx as M } from "../utils/cn.js";
+const z = ({
   item: o,
-  inCombobox: u = !1,
-  selected: s = !1,
-  itemRender: c,
-  itemLabelRender: p,
-  itemProps: S = {},
+  inCombobox: e = !1,
+  selected: u = !1,
+  itemRender: d,
+  itemLabelRender: f,
+  itemProps: p = {},
   classNames: n,
-  onSelect: v,
-  showCheckbox: l,
-  indeterminate: i,
-  renderAsNativeElement: w,
-  getItemKeywords: t
+  afterSelect: a,
+  showCheckbox: v,
+  indeterminate: k,
+  getItemKeywords: l
 }) => {
-  const d = m(), y = M(
-    () => u ? j.Item : E.Item,
-    [u]
-  ), f = M(() => ({
-    className: e(
-      d("dropdown-menu-item", u && "dropdown-menu-item-combobox"),
+  const t = E(), s = i(
+    (r) => {
+      if (o.onSelect)
+        o.onSelect(o);
+      else if (o.onClick)
+        if (typeof r == "object")
+          o.onClick(r);
+        else {
+          const b = C(null);
+          o.onClick(b);
+        }
+      a && a(o);
+    },
+    [a, o]
+  ), g = x(
+    () => l ? l(o) : [String(o.key), w(o.label)],
+    [l, o]
+  );
+  return d ? d(o, {
+    className: M(
+      t("dropdown-menu-item", e && "dropdown-menu-item-combobox"),
       n?.item,
       o.className
     ),
-    disabled: o.disabled,
     "data-danger": o.danger,
-    "data-actual-selected": s,
+    "data-actual-selected": u,
+    "data-value": typeof o.label == "string" ? o.label : String(o.key),
     ref: o.ref,
-    onClick: o.onClick,
+    onClick: s,
     onMouseEnter: o.onMouseEnter,
     onMouseLeave: o.onMouseLeave,
     onMouseOver: o.onMouseOver,
     onMouseOut: o.onMouseOut,
-    "data-value": typeof o.label == "string" ? o.label : String(o.key),
-    render: c ? (a) => c(o, a) : void 0,
-    children: u ? /* @__PURE__ */ x(h, { children: [
-      l && /* @__PURE__ */ r(
-        g,
-        {
-          checked: s,
-          tabIndex: -1,
-          indeterminate: i
-        }
-      ),
-      o.icon && /* @__PURE__ */ r(
-        "span",
-        {
-          className: e(
-            d("dropdown-menu-item-icon"),
-            n?.itemIcon
-          ),
-          children: o.icon
-        }
-      ),
-      /* @__PURE__ */ r(
-        I,
-        {
-          render: p ? (a) => p(o, a) : void 0,
-          as: "span",
-          className: e(
-            d("dropdown-menu-item-text"),
-            n?.itemText
-          ),
-          children: o.label
-        }
-      )
-    ] }) : /* @__PURE__ */ x(h, { children: [
-      l && /* @__PURE__ */ r(
-        g,
-        {
-          checked: s,
-          tabIndex: -1,
-          indeterminate: i
-        }
-      ),
-      o.icon && /* @__PURE__ */ r(
-        "span",
-        {
-          className: e(
-            d("dropdown-menu-item-icon"),
-            n?.itemIcon
+    ...p
+  }) : /* @__PURE__ */ c(
+    S,
+    {
+      disabled: o.disabled,
+      danger: o.danger,
+      selected: u,
+      showCheckbox: v,
+      indeterminate: k,
+      icon: o.icon,
+      suffix: e ? void 0 : o.suffix,
+      classNames: {
+        root: M(
+          t(
+            "dropdown-menu-item",
+            e && "dropdown-menu-item-combobox"
           ),
-          children: o.icon
-        }
-      ),
-      /* @__PURE__ */ r(
-        I,
-        {
-          render: p ? (a) => p(o, a) : void 0,
-          as: "span",
-          children: o.label
-        }
-      ),
-      o.suffix && /* @__PURE__ */ r(
-        "span",
+          n?.item,
+          o.className
+        ),
+        icon: n?.itemIcon,
+        text: n?.itemText,
+        suffix: n?.itemSuffix
+      },
+      labelRender: f ? (r) => f(o, r) : void 0,
+      ref: o.ref,
+      onMouseEnter: o.onMouseEnter,
+      onMouseLeave: o.onMouseLeave,
+      onMouseOver: o.onMouseOver,
+      onMouseOut: o.onMouseOut,
+      "data-value": typeof o.label == "string" ? o.label : String(o.key),
+      "data-actual-selected": u,
+      render: e ? /* @__PURE__ */ c(
+        y.Item,
         {
-          className: e(
-            d("dropdown-menu-item-suffix"),
-            n?.itemSuffix
-          ),
-          children: o.suffix
+          value: String(o.key),
+          keywords: g || void 0,
+          onSelect: s
         }
-      )
-    ] })
-  }), [
-    n?.item,
-    n?.itemIcon,
-    n?.itemText,
-    n?.itemSuffix,
-    d,
-    u,
-    i,
-    o,
-    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: k, ...T } = f;
-  return w ? k ? k(f) : /* @__PURE__ */ r("div", { onClick: v, ...T }) : /* @__PURE__ */ r(
-    y,
-    {
-      value: String(o.key),
-      keywords: O || void 0,
-      onSelect: () => {
-        v(o);
-      },
-      ...f
+      ) : /* @__PURE__ */ c(O.Item, { onClick: s }),
+      children: o.label
     }
   );
 };
 export {
-  J as DropdownMenuItem
+  z 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, useMemo } from \"react\";\nimport { clsx, reactNodeToString, useCls, WithRenderProp } from \"../utils\";\nimport type { DropdownMenuItemType } from \"./types\";\nimport { Command } from \"../cmdk\";\nimport { Menu } from \"@base-ui-components/react/menu\";\n\nimport \"./item.css\";\nimport { Checkbox } from \"antd\";\n\nexport interface DropdownMenuItemProps {\n  /** The menu item data */\n  item: DropdownMenuItemType & { type: \"item\" };\n  /** Custom render function for the item */\n  itemRender?: (\n    item: DropdownMenuItemType,\n    props: React.HTMLAttributes<HTMLElement>,\n  ) => React.ReactElement;\n  itemLabelRender?: (\n    item: DropdownMenuItemType & { type: \"item\" },\n    props: React.HTMLAttributes<HTMLElement>,\n  ) => React.ReactElement;\n  /** Additional props to pass to the item */\n  itemProps?: React.HTMLAttributes<HTMLElement>;\n  /** Class names from parent DropdownMenu */\n  classNames?: {\n    item?: string;\n    itemIcon?: string;\n    itemText?: string;\n    itemSuffix?: string;\n  };\n  onSelect?: (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 in a menu\n   */\n  renderAsNativeElement?: 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  onSelect,\n  showCheckbox,\n  indeterminate,\n  renderAsNativeElement,\n  getItemKeywords,\n}) => {\n  const cls = useCls();\n\n  const MenuItem = useMemo(\n    () => (inCombobox ? Command.Item : Menu.Item),\n    [inCombobox],\n  );\n\n  const props = useMemo(() => {\n    return {\n      className: clsx(\n        cls(\"dropdown-menu-item\", inCombobox && \"dropdown-menu-item-combobox\"),\n        classNames?.item,\n        item.className,\n      ),\n      disabled: item.disabled,\n      \"data-danger\": item.danger,\n      \"data-actual-selected\": selected,\n      ref: item.ref as Ref<HTMLDivElement>,\n      onClick: item.onClick,\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      render: itemRender\n        ? (itemProps: React.HTMLAttributes<HTMLElement>) =>\n            itemRender(item, itemProps)\n        : undefined,\n      children: inCombobox ? (\n        <>\n          {showCheckbox && (\n            <Checkbox\n              checked={selected}\n              tabIndex={-1}\n              indeterminate={indeterminate}\n            />\n          )}\n          {item.icon && (\n            <span\n              className={clsx(\n                cls(\"dropdown-menu-item-icon\"),\n                classNames?.itemIcon,\n              )}\n            >\n              {item.icon}\n            </span>\n          )}\n          <WithRenderProp\n            render={\n              itemLabelRender\n                ? (props) => itemLabelRender(item, props)\n                : undefined\n            }\n            as={\"span\"}\n            className={clsx(\n              cls(\"dropdown-menu-item-text\"),\n              classNames?.itemText,\n            )}\n          >\n            {item.label}\n          </WithRenderProp>\n        </>\n      ) : (\n        <>\n          {showCheckbox && (\n            <Checkbox\n              checked={selected}\n              tabIndex={-1}\n              indeterminate={indeterminate}\n            />\n          )}\n          {item.icon && (\n            <span\n              className={clsx(\n                cls(\"dropdown-menu-item-icon\"),\n                classNames?.itemIcon,\n              )}\n            >\n              {item.icon}\n            </span>\n          )}\n          <WithRenderProp\n            render={\n              itemLabelRender\n                ? (props) => itemLabelRender(item, props)\n                : undefined\n            }\n            as={\"span\"}\n          >\n            {item.label}\n          </WithRenderProp>\n          {item.suffix && (\n            <span\n              className={clsx(\n                cls(\"dropdown-menu-item-suffix\"),\n                classNames?.itemSuffix,\n              )}\n            >\n              {item.suffix}\n            </span>\n          )}\n        </>\n      ),\n    };\n  }, [\n    classNames?.item,\n    classNames?.itemIcon,\n    classNames?.itemText,\n    classNames?.itemSuffix,\n    cls,\n    inCombobox,\n    indeterminate,\n    item,\n    itemRender,\n    selected,\n    showCheckbox,\n    itemLabelRender,\n  ]);\n  const keywords = useMemo(\n    () =>\n      getItemKeywords\n        ? getItemKeywords(item)\n        : [String(item.key), reactNodeToString(item.label)],\n    [getItemKeywords, item],\n  );\n  // If custom render function is provided, use it\n  if (itemRender) {\n    return itemRender(item, {\n      ...props,\n      ...itemProps,\n    });\n  }\n  const { render, ...restProps } = props;\n\n  // Default rendering\n  return renderAsNativeElement ? (\n    render ? (\n      render(props)\n    ) : (\n      <div onClick={onSelect} {...restProps} />\n    )\n  ) : (\n    <MenuItem\n      value={String(item.key)}\n      keywords={keywords || undefined}\n      onSelect={() => {\n        onSelect(item);\n      }}\n      {...props}\n    ></MenuItem>\n  );\n};\n"],"names":["DropdownMenuItem","item","inCombobox","selected","itemRender","itemLabelRender","itemProps","classNames","onSelect","showCheckbox","indeterminate","renderAsNativeElement","getItemKeywords","cls","useCls","MenuItem","useMemo","Command","Menu","props","clsx","jsxs","Fragment","jsx","Checkbox","WithRenderProp","keywords","reactNodeToString","render","restProps"],"mappings":"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"}
+{"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;"}

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

@@ -1 +1 @@
-@layer components{.ds-dropdown-menu-root{z-index:var(--ds-z-index-dropdown)}.ds-dropdown-menu{box-shadow:var(--ds-box-shadow-secondary);border-radius:var(--ds-border-radius);background:var(--ds-color-bg-elevated);list-style:none;padding:.25rem;color:var(--ds-color-text);font-size:var(--ds-font-size);font-family:var(--ds-font-family);transition-property:transform,scale,opacity;transition-duration:.2s;transition-timing-function:var(--ds-motion-ease-out);transform-origin:var(--transform-origin);max-width:min(var(--size-width),var(--available-width));max-height:var(--available-height);display:flex;flex-direction:column}.ds-dropdown-menu[data-ending-style],.ds-dropdown-menu[data-starting-style]{transform:scale(.9);opacity:0}.ds-dropdown-menu:focus{outline:none}.ds-dropdown-menu .ds-dropdown-menu-container{flex-shrink:1;min-height:0;display:flex;flex-direction:column}.ds-dropdown-menu .ds-dropdown-menu-search{flex-shrink:0}.ds-dropdown-menu .ds-dropdown-menu-list,.ds-dropdown-menu .ds-dropdown-menu-list [cmdk-list-sizer]{flex-shrink:1;min-height:0;display:flex;flex-direction:column}}
+@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}}

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,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;yBAmFzC,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;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"}

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

@@ -1,127 +1,124 @@
-import { jsx as n, jsxs as y } from "react/jsx-runtime";
+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 D } from "./divider.js";
-import { Menu as f } from "@base-ui-components/react";
+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 { useCls as I } from "../utils/antdUtils.js";
-import { reactNodeToString as j } from "../utils/reactToString.js";
+import './style.css';/* empty css          */
+import { useCls as j } from "../utils/antdUtils.js";
+import { reactNodeToString as T } from "../utils/reactToString.js";
 import { clsx as d } from "../utils/cn.js";
-const Q = ({
-  items: s,
-  inCombobox: i = !1,
+const U = ({
+  items: f,
+  inCombobox: u = !1,
   classNames: o = {},
-  selectedItemKeys: a,
+  selectedItemKeys: s,
   keepOpenOnSelect: h,
-  showCheckbox: G = !1,
-  getItemKeywords: b = (l) => [String(l.key), j(l.label)],
-  onOpenChange: g,
-  itemRender: M,
-  itemLabelRender: c
+  showCheckbox: a = !1,
+  getItemKeywords: g = (p) => [String(p.key), T(p.label)],
+  onOpenChange: G,
+  itemRender: y,
+  itemLabelRender: M
 }) => {
-  const l = I(), u = m(
-    (e, r, p) => e.type === "item" ? /* @__PURE__ */ n(
+  const p = j(), l = m(
+    (e, r, i) => e.type === "item" ? /* @__PURE__ */ t(
       k,
       {
         item: e,
-        inCombobox: i,
-        selected: a?.includes(e.key),
-        onSelect: i ? e.onSelect ? e.onSelect : () => {
-          const t = new MouseEvent("click", {
-            bubbles: !0,
-            cancelable: !0
-          });
-          e.onClick(t), h || g?.(!1);
-        } : void 0,
-        itemRender: M,
-        showCheckbox: G,
-        getItemKeywords: b,
-        itemLabelRender: c,
+        inCombobox: u,
+        selected: s?.includes(e.key),
+        afterSelect: () => {
+          h || G?.(!1);
+        },
+        itemRender: y,
+        showCheckbox: a,
+        getItemKeywords: g,
+        itemLabelRender: M,
         classNames: {
           item: o.item,
           itemIcon: o.itemIcon,
           itemSuffix: o.itemSuffix
         }
       },
-      r + "-" + p
-    ) : e.type === "divider" ? /* @__PURE__ */ n(
-      D,
+      r + "-" + i
+    ) : e.type === "divider" ? /* @__PURE__ */ t(
+      I,
       {
-        inCombobox: i,
+        inCombobox: u,
         className: o?.divider
       },
-      r + "-" + p
+      r + "-" + i
     ) : null,
     [
       o,
-      M,
-      g,
-      i,
+      y,
+      G,
+      u,
       h,
+      s,
       a,
-      G,
-      b,
-      c
+      g,
+      M
     ]
   ), v = m(
-    (e, r) => /* @__PURE__ */ y(
-      f.Group,
+    (e, r) => /* @__PURE__ */ D(
+      b.Group,
       {
-        className: d(l("dropdown-menu-group"), o?.group),
+        className: d(p("dropdown-menu-group"), o?.group),
         children: [
-          e.label && /* @__PURE__ */ n(
-            f.GroupLabel,
+          e.label && /* @__PURE__ */ t(
+            b.GroupLabel,
             {
               className: d(
-                l("dropdown-menu-header"),
+                p("dropdown-menu-header"),
                 o?.groupLabel
               ),
-              children: /* @__PURE__ */ n("span", { children: e.label })
+              children: /* @__PURE__ */ t("span", { children: e.label })
             }
           ),
-          e.items.map((p, t) => u(p, r, t))
+          e.items.map((i, n) => l(i, r, n))
         ]
       },
       "group" + r
     ),
-    [l, o, u]
+    [p, o, l]
   ), w = m(
-    (e, r) => e.label ? /* @__PURE__ */ n(
+    (e, r) => e.label ? /* @__PURE__ */ t(
       L.Group,
       {
-        className: d(l("dropdown-menu-group"), o?.group),
-        heading: /* @__PURE__ */ n(
-          f.GroupLabel,
+        className: d(p("dropdown-menu-group"), o?.group),
+        heading: /* @__PURE__ */ t(
+          "div",
           {
             className: d(
-              l("dropdown-menu-header"),
+              p("dropdown-menu-header"),
               o?.groupLabel
             ),
-            children: /* @__PURE__ */ n("span", { children: e.label })
+            children: /* @__PURE__ */ t("span", { children: e.label })
           }
         ),
-        children: e.items.map((p, t) => u(p, r, t))
+        children: e.items.map((i, n) => l(i, r, n))
       },
       "group" + r
-    ) : e.items.map((p, t) => u(p, r, t)),
-    [l, o, u]
+    ) : e.items.map((i, n) => l(i, r, n)),
+    [p, o, l]
   );
   return {
     itemGroups: S(
-      () => s.reduce((e, r) => (e.length === 0 && r.type !== "header" && e.push({
+      () => f.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), []),
-      [s]
+      [f]
     ),
-    renderMenuItem: u,
-    renderGroup: i ? w : v
+    renderMenuItem: l,
+    renderGroup: u ? w : v
   };
 };
 export {
-  Q as useDropdownMenu
+  U 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\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            onSelect={\n              inCombobox\n                ? item.onSelect\n                  ? item.onSelect\n                  : () => {\n                      const e = new MouseEvent(\"click\", {\n                        bubbles: true,\n                        cancelable: true,\n                      }) as unknown as React.MouseEvent<\n                        HTMLElement,\n                        MouseEvent\n                      >;\n                      item.onClick(e);\n                      if (!keepOpenOnSelect) onOpenChange?.(false);\n                    }\n                : undefined\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            <Menu.GroupLabel\n              className={clsx(\n                cls(\"dropdown-menu-header\"),\n                classNames?.groupLabel\n              )}\n            >\n              <span>{group.label}</span>\n            </Menu.GroupLabel>\n          }\n        >\n          {group.items.map((item, j) => renderMenuItem(item, index, j))}\n        </Command.Group>\n      ) : (\n        group.items.map((item, j) => renderMenuItem(item, index, j))\n      ),\n    [cls, classNames, renderMenuItem]\n  );\n\n  const 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","e","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 { 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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"}

package/dist/components/field/component.d.ts

@@ -21,6 +21,10 @@ interface BaseFieldProps extends React.HTMLAttributes<HTMLDivElement> {
      * @default true
      */
     colon?: boolean;
+    /**
+     * Props for the label element
+     */
+    labelProps?: React.HTMLAttributes<HTMLLabelElement>;
 }
 type InputFieldProps = BaseFieldProps & {
     type?: "input";
@@ -34,7 +38,7 @@ export type FieldProps<T extends FieldType = "input"> = T extends "input" ? Inpu
 /**
  * Generic Field component that forwards ref to Input or Select
  */
-declare const FieldInner: <T extends FieldType>({ label, className, size, colon, type, ...rest }: FieldProps<T>, ref: ForwardedRef<RefType<T>>) => import("react/jsx-runtime").JSX.Element;
+declare const FieldInner: <T extends FieldType>({ label, className, size, colon, type, labelProps, ...rest }: FieldProps<T>, ref: ForwardedRef<RefType<T>>) => import("react/jsx-runtime").JSX.Element;
 export declare const Field: <T extends FieldType>(props: FieldProps<T> & {
     ref?: ForwardedRef<RefType<T>>;
 }) => ReturnType<typeof FieldInner<T>>;