@bioturing/components 0.47.0 → 0.48.0

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

@@ -1,106 +1,157 @@
 "use client";
-import { jsx as f } from "react/jsx-runtime";
-import { useCallback as b, useMemo as g } from "react";
-import { Combobox as O } from "@base-ui/react/combobox";
-import { Menu as S } from "@base-ui/react/menu";
-import { BaseMenuItem as i } from "../base-menu/item.js";
-import y from "../utils/createSyntheticClickEvent.js";
-import { reactNodeToString as C } from "../utils/reactToString.js";
-import { useCls as E } from "../utils/antdUtils.js";
-import { clsx as e } from "../utils/cn.js";
-const q = ({
+import { jsx as n } from "react/jsx-runtime";
+import E, { useCallback as N } from "react";
+import { Combobox as L } from "@base-ui/react/combobox";
+import { Menu as h } from "@base-ui/react/menu";
+import { CheckIcon as j } from "@bioturing/assets";
+import { BaseMenuItem as C } from "../base-menu/item.js";
+import D from "../utils/createSyntheticClickEvent.js";
+import { useCls as R } from "../utils/antdUtils.js";
+import { useControlledState as _ } from "../hooks/useControlledState.js";
+import { clsx as d } from "../utils/cn.js";
+const z = ({
   item: o,
-  inCombobox: r = !1,
-  selected: a = !1,
-  itemRender: d,
-  itemLabelRender: t,
-  itemProps: p = {},
-  classNames: n,
-  afterSelect: l,
-  showCheckbox: v,
-  indeterminate: k,
-  getItemKeywords: u
+  inCombobox: u = !1,
+  selected: M = !1,
+  itemRender: i,
+  itemLabelRender: b,
+  itemProps: I = {},
+  classNames: l,
+  afterSelect: r,
+  showCheckbox: y,
+  indeterminate: g
 }) => {
-  const M = E(), c = b(
-    (s) => {
-      if (o.onSelect)
+  const f = R(), k = N(
+    (e) => {
+      if (o.type === "item" && o.onSelect)
+        o.onSelect(o);
+      else if (o.type === "checkbox" && o.onSelect)
+        o.onSelect(o);
+      else if (o.type === "radio" && o.onSelect)
         o.onSelect(o);
       else if (o.onClick)
-        if (typeof s == "object")
-          o.onClick(s);
+        if (typeof e == "object")
+          o.onClick(e);
         else {
-          const x = y(null);
-          o.onClick(x);
+          const c = D(null);
+          o.onClick(c);
         }
-      l && l(o);
+      r && r(o);
     },
-    [l, o]
-  );
-  return g(
-    () => u ? u(o) : [String(o.key), C(o.label)],
-    [u, o]
-  ), d ? d(o, {
-    className: e(
-      M("dropdown-menu-item", r && "dropdown-menu-item-combobox"),
-      n?.item,
-      o.className
-    ),
-    "data-danger": o.danger,
-    "data-actual-selected": a,
-    "data-value": typeof o.label == "string" ? o.label : String(o.key),
+    [r, o]
+  ), s = o.type === "checkbox", v = o.type === "radio", [x, O] = _(
+    s ? o.checked : void 0,
+    s ? o.onCheckedChange : void 0,
+    s ? o.defaultChecked : void 0
+  ), a = s || v, t = s ? x ?? !1 : M, S = a ? /* @__PURE__ */ n("span", { className: f("dropdown-menu-checkbox-indicator"), children: t ? /* @__PURE__ */ n(j, { size: 14 }) : null }) : o.icon, w = u ? void 0 : o.suffix;
+  if (i)
+    return i(o, {
+      className: d(
+        f("dropdown-menu-item", u && "dropdown-menu-item-combobox"),
+        l?.item,
+        o.className
+      ),
+      "data-danger": o.danger,
+      "data-actual-selected": a ? !1 : t,
+      "data-value": typeof o.label == "string" ? o.label : String(o.key),
+      ref: o.ref,
+      onClick: k,
+      onMouseEnter: o.onMouseEnter,
+      onMouseLeave: o.onMouseLeave,
+      onMouseOver: o.onMouseOver,
+      onMouseOut: o.onMouseOut,
+      ...I
+    });
+  const p = {
+    disabled: o.disabled,
+    danger: o.danger,
+    selected: a ? !1 : t,
+    showCheckbox: a ? !1 : y,
+    indeterminate: g,
+    icon: S,
+    description: o.description,
+    suffix: w,
+    classNames: {
+      root: d(
+        f("dropdown-menu-item", u && "dropdown-menu-item-combobox"),
+        l?.item,
+        o.className,
+        o.classNames?.root
+      ),
+      icon: d(l?.itemIcon, o.classNames?.icon),
+      text: d(l?.itemText, o.classNames?.text),
+      suffix: d(l?.itemSuffix, o.classNames?.suffix)
+    },
+    labelRender: b ? (e) => b(o, e) : void 0,
     ref: o.ref,
-    onClick: c,
     onMouseEnter: o.onMouseEnter,
     onMouseLeave: o.onMouseLeave,
     onMouseOver: o.onMouseOver,
     onMouseOut: o.onMouseOut,
-    ...p
-  }) : /* @__PURE__ */ f(
-    i,
-    {
-      disabled: o.disabled,
-      danger: o.danger,
-      selected: a,
-      showCheckbox: v,
-      indeterminate: k,
-      icon: o.icon,
-      suffix: r ? void 0 : o.suffix,
-      classNames: {
-        root: e(
-          M(
-            "dropdown-menu-item",
-            r && "dropdown-menu-item-combobox"
-          ),
-          n?.item,
-          o.className,
-          o.classNames?.root
+    "data-value": typeof o.label == "string" ? o.label : String(o.key),
+    "data-actual-selected": a ? !1 : t
+  };
+  if (s) {
+    const e = o;
+    return /* @__PURE__ */ n(
+      C,
+      {
+        ...p,
+        render: /* @__PURE__ */ n(
+          h.CheckboxItem,
+          {
+            checked: x,
+            closeOnClick: !1,
+            onClick: (c) => {
+              e.onClick?.(c);
+            },
+            onCheckedChange: (c) => {
+              e.onSelect?.(e), O(c, e), r?.(e);
+            }
+          }
         ),
-        icon: e(n?.itemIcon, o.classNames?.icon),
-        text: e(n?.itemText, o.classNames?.text),
-        suffix: e(n?.itemSuffix, o.classNames?.suffix)
-      },
-      labelRender: t ? (s) => t(o, s) : 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": a,
-      render: r ? /* @__PURE__ */ f(
-        O.Item,
+        children: e.label
+      }
+    );
+  }
+  if (v) {
+    const e = o;
+    return /* @__PURE__ */ n(
+      C,
+      {
+        ...p,
+        render: /* @__PURE__ */ n(
+          h.RadioItem,
+          {
+            value: e.value,
+            closeOnClick: !1,
+            onClick: (c) => {
+              e.onClick?.(c), e.onSelect?.(e), r?.(e);
+            }
+          }
+        ),
+        children: e.label
+      }
+    );
+  }
+  return /* @__PURE__ */ n(
+    C,
+    {
+      ...p,
+      render: u ? /* @__PURE__ */ n(
+        L.Item,
         {
           role: "option",
           value: String(o.key),
-          onClick: c
+          onClick: k
         },
         String(o.key)
-      ) : /* @__PURE__ */ f(S.Item, { onClick: c }),
+      ) : /* @__PURE__ */ n(h.Item, { closeOnClick: !1, onClick: k }),
       children: o.label
     }
   );
-};
+}, Q = E.memo(z);
 export {
-  q as DropdownMenuItem
+  Q as DropdownMenuItem
 };
 //# sourceMappingURL=item.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"item.js","sources":["../../../src/components/dropdown-menu/item.tsx"],"sourcesContent":["\"use client\";\nimport React, { Ref, useCallback, useMemo } from \"react\";\nimport {\n  clsx,\n  createSyntheticClickEvent,\n  reactNodeToString,\n  useCls,\n} from \"../utils\";\nimport type { DropdownMenuItemType } from \"./types\";\nimport { Combobox } from \"@base-ui/react/combobox\";\nimport { Menu } from \"@base-ui/react/menu\";\nimport { BaseMenuItem } from \"../base-menu\";\n\nexport interface DropdownMenuItemProps {\n  /**\n   * The menu item data\n   */\n  item: DropdownMenuItemType & { type: \"item\" };\n  /**\n   * Custom render function for the item\n   */\n  itemRender?: (\n    item: DropdownMenuItemType,\n    props: React.HTMLAttributes<HTMLElement>\n  ) => React.ReactElement;\n  /**\n   * Custom render function for the item label\n   */\n  itemLabelRender?: (\n    item: DropdownMenuItemType & { type: \"item\" },\n    props: React.HTMLAttributes<HTMLElement>\n  ) => React.ReactElement;\n  /**\n   * Additional props to pass to the item\n   */\n  itemProps?: React.HTMLAttributes<HTMLElement>;\n  /**\n   * Class names from parent DropdownMenu\n   */\n  classNames?: {\n    item?: string;\n    itemIcon?: string;\n    itemText?: string;\n    itemSuffix?: string;\n  };\n  /**\n   * Function to be called after the menu item is selected\n   */\n  afterSelect?: (item: DropdownMenuItemType & { type: \"item\" }) => void;\n  /**\n   * Whether the menu item is in a combobox\n   */\n  inCombobox?: boolean;\n  /**\n   * Whether the menu item is selected (for combobox)\n   * @default false\n   */\n  selected?: boolean;\n  /**\n   * Whether to show checkbox (only for decoration purpose)\n   */\n  showCheckbox?: boolean;\n  /**\n   * Whether the menu item checkbox is indeterminate (for combobox)\n   * @default false\n   */\n  indeterminate?: boolean;\n  /**\n   * Function to extract keywords from the item for search filtering\n   * @default (item) => [String(item.key), reactNodeToString(item.label)]\n   */\n  getItemKeywords?: (item: DropdownMenuItemType & { type: \"item\" }) => string[];\n}\n\nexport const DropdownMenuItem: React.FC<DropdownMenuItemProps> = ({\n  item,\n  inCombobox = false,\n  selected = false,\n  itemRender,\n  itemLabelRender,\n  itemProps = {},\n  classNames,\n  afterSelect,\n  showCheckbox,\n  indeterminate,\n  getItemKeywords,\n}) => {\n  const cls = useCls();\n\n  const handler = useCallback(\n    (e?: React.MouseEvent<HTMLElement, MouseEvent> | string) => {\n      // onSelect has priority over onClick\n      if (item.onSelect) {\n        item.onSelect(item);\n      } else if (item.onClick) {\n        if (typeof e === \"object\") {\n          item.onClick(e);\n        } else {\n          const event = createSyntheticClickEvent(null);\n          item.onClick(event);\n        }\n      }\n      if (afterSelect) afterSelect(item);\n    },\n    [afterSelect, item]\n  );\n\n  const keywords = useMemo(\n    () =>\n      getItemKeywords\n        ? getItemKeywords(item)\n        : [String(item.key), reactNodeToString(item.label)],\n    [getItemKeywords, item]\n  );\n\n  // If custom render function is provided, use it\n  if (itemRender) {\n    return itemRender(item, {\n      className: clsx(\n        cls(\"dropdown-menu-item\", inCombobox && \"dropdown-menu-item-combobox\"),\n        classNames?.item,\n        item.className\n      ),\n      \"data-danger\": item.danger,\n      \"data-actual-selected\": selected,\n      \"data-value\":\n        typeof item.label === \"string\" ? item.label : String(item.key),\n      ref: item.ref as Ref<HTMLDivElement>,\n      onClick: handler,\n      onMouseEnter: item.onMouseEnter,\n      onMouseLeave: item.onMouseLeave,\n      onMouseOver: item.onMouseOver,\n      onMouseOut: item.onMouseOut,\n      ...itemProps,\n    } as React.HTMLAttributes<HTMLElement>);\n  }\n\n  return (\n    <BaseMenuItem\n      // BaseMenuItem props\n      disabled={item.disabled}\n      danger={item.danger}\n      selected={selected}\n      showCheckbox={showCheckbox}\n      indeterminate={indeterminate}\n      icon={item.icon}\n      suffix={!inCombobox ? item.suffix : undefined}\n      classNames={{\n        root: clsx(\n          cls(\n            \"dropdown-menu-item\",\n            inCombobox && \"dropdown-menu-item-combobox\"\n          ),\n          classNames?.item,\n          item.className,\n          item.classNames?.root\n        ),\n        icon: clsx(classNames?.itemIcon, item.classNames?.icon),\n        text: clsx(classNames?.itemText, item.classNames?.text),\n        suffix: clsx(classNames?.itemSuffix, item.classNames?.suffix),\n      }}\n      labelRender={\n        itemLabelRender\n          ? (props: React.HTMLAttributes<HTMLElement>) =>\n              itemLabelRender(item, props)\n          : undefined\n      }\n      ref={item.ref as Ref<HTMLDivElement>}\n      onMouseEnter={item.onMouseEnter}\n      onMouseLeave={item.onMouseLeave}\n      onMouseOver={item.onMouseOver}\n      onMouseOut={item.onMouseOut}\n      data-value={\n        typeof item.label === \"string\" ? item.label : String(item.key)\n      }\n      data-actual-selected={selected}\n      // Render prop to use Base UI components\n      render={\n        inCombobox ? (\n          <Combobox.Item\n            role=\"option\"\n            key={String(item.key)}\n            value={String(item.key)}\n            onClick={handler}\n          />\n        ) : (\n          <Menu.Item onClick={handler} />\n        )\n      }\n    >\n      {item.label}\n    </BaseMenuItem>\n  );\n};\n"],"names":["DropdownMenuItem","item","inCombobox","selected","itemRender","itemLabelRender","itemProps","classNames","afterSelect","showCheckbox","indeterminate","getItemKeywords","cls","useCls","handler","useCallback","e","event","createSyntheticClickEvent","useMemo","reactNodeToString","clsx","jsx","BaseMenuItem","props","Combobox","Menu"],"mappings":"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"}
+{"version":3,"file":"item.js","sources":["../../../src/components/dropdown-menu/item.tsx"],"sourcesContent":["\"use client\";\nimport React, { Ref, useCallback } from \"react\";\nimport { clsx, createSyntheticClickEvent, useCls } from \"../utils\";\nimport type { DropdownMenuCheckboxItem, DropdownMenuInteractiveItem } from \"./types\";\nimport { Combobox } from \"@base-ui/react/combobox\";\nimport { Menu } from \"@base-ui/react/menu\";\nimport { CheckIcon } from \"@bioturing/assets\";\nimport { BaseMenuItem } from \"../base-menu\";\nimport { useControlledState } from \"../hooks\";\n\nexport interface DropdownMenuItemProps {\n  /**\n   * The menu item data\n   */\n  item: DropdownMenuInteractiveItem;\n  /**\n   * Custom render function for the item\n   */\n  itemRender?: (\n    item: DropdownMenuInteractiveItem,\n    props: React.HTMLAttributes<HTMLElement>,\n  ) => React.ReactElement;\n  /**\n   * Custom render function for the item label\n   */\n  itemLabelRender?: (\n    item: DropdownMenuInteractiveItem,\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: DropdownMenuInteractiveItem) => 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: DropdownMenuInteractiveItem) => string[];\n}\n\nconst DropdownMenuItemInner: 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}) => {\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.type === \"item\" && item.onSelect) {\n        item.onSelect(item);\n      } else if (item.type === \"checkbox\" && item.onSelect) {\n        item.onSelect(item);\n      } else if (item.type === \"radio\" && 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 isCheckboxItem = item.type === \"checkbox\";\n  const isRadioItem = item.type === \"radio\";\n  const [checkboxChecked, setCheckboxChecked] = useControlledState<\n    boolean,\n    [DropdownMenuCheckboxItem]\n  >(\n    isCheckboxItem ? item.checked : undefined,\n    isCheckboxItem ? item.onCheckedChange : undefined,\n    isCheckboxItem ? item.defaultChecked : undefined,\n  );\n  const hasCheckIndicator = isCheckboxItem || isRadioItem;\n  const checked = isCheckboxItem ? (checkboxChecked ?? false) : selected;\n  const icon = hasCheckIndicator ? (\n    <span className={cls(\"dropdown-menu-checkbox-indicator\")}>\n      {checked ? <CheckIcon size={14} /> : null}\n    </span>\n  ) : (\n    item.icon\n  );\n  const suffix = !inCombobox ? item.suffix : undefined;\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\": hasCheckIndicator ? false : checked,\n      \"data-value\": 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  const commonProps = {\n    disabled: item.disabled,\n    danger: item.danger,\n    selected: hasCheckIndicator ? false : checked,\n    showCheckbox: hasCheckIndicator ? false : showCheckbox,\n    indeterminate,\n    icon,\n    description: item.description,\n    suffix,\n    classNames: {\n      root: clsx(\n        cls(\"dropdown-menu-item\", inCombobox && \"dropdown-menu-item-combobox\"),\n        classNames?.item,\n        item.className,\n        item.classNames?.root,\n      ),\n      icon: clsx(classNames?.itemIcon, item.classNames?.icon),\n      text: clsx(classNames?.itemText, item.classNames?.text),\n      suffix: clsx(classNames?.itemSuffix, item.classNames?.suffix),\n    },\n    labelRender: itemLabelRender\n      ? (props: React.HTMLAttributes<HTMLElement>) => itemLabelRender(item, props)\n      : undefined,\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\": typeof item.label === \"string\" ? item.label : String(item.key),\n    \"data-actual-selected\": hasCheckIndicator ? false : checked,\n  } as const;\n\n  if (isCheckboxItem) {\n    const checkboxItem = item;\n\n    return (\n      <BaseMenuItem\n        {...commonProps}\n        render={\n          <Menu.CheckboxItem\n            checked={checkboxChecked}\n            closeOnClick={false}\n            onClick={(event) => {\n              checkboxItem.onClick?.(event);\n            }}\n            onCheckedChange={(nextChecked) => {\n              checkboxItem.onSelect?.(checkboxItem);\n              setCheckboxChecked(nextChecked, checkboxItem);\n              afterSelect?.(checkboxItem);\n            }}\n          />\n        }\n      >\n        {checkboxItem.label}\n      </BaseMenuItem>\n    );\n  }\n\n  if (isRadioItem) {\n    const radioItem = item;\n\n    return (\n      <BaseMenuItem\n        {...commonProps}\n        render={\n          <Menu.RadioItem\n            value={radioItem.value}\n            closeOnClick={false}\n            onClick={(event) => {\n              radioItem.onClick?.(event);\n              radioItem.onSelect?.(radioItem);\n              afterSelect?.(radioItem);\n            }}\n          />\n        }\n      >\n        {radioItem.label}\n      </BaseMenuItem>\n    );\n  }\n\n  return (\n    <BaseMenuItem\n      {...commonProps}\n      render={\n        inCombobox ? (\n          <Combobox.Item\n            role=\"option\"\n            key={String(item.key)}\n            value={String(item.key)}\n            onClick={handler}\n          />\n        ) : (\n          <Menu.Item closeOnClick={false} onClick={handler} />\n        )\n      }\n    >\n      {item.label}\n    </BaseMenuItem>\n  );\n};\n\nexport const DropdownMenuItem = React.memo(DropdownMenuItemInner);\n"],"names":["DropdownMenuItemInner","item","inCombobox","selected","itemRender","itemLabelRender","itemProps","classNames","afterSelect","showCheckbox","indeterminate","cls","useCls","handler","useCallback","event","createSyntheticClickEvent","isCheckboxItem","isRadioItem","checkboxChecked","setCheckboxChecked","useControlledState","hasCheckIndicator","checked","icon","jsx","CheckIcon","suffix","clsx","commonProps","props","checkboxItem","BaseMenuItem","Menu","nextChecked","radioItem","Combobox","DropdownMenuItem","React"],"mappings":"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"}

package/dist/components/dropdown-menu/radio-group.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { DropdownMenuRadioGroupItem } from './types';
+import { UseDropdownMenuProps } from './useDropdownMenu';
+export interface DropdownMenuRadioGroupProps extends Pick<UseDropdownMenuProps, "itemRender" | "itemLabelRender" | "getItemKeywords" | "keepOpenOnSelect" | "onOpenChange"> {
+    group: DropdownMenuRadioGroupItem;
+    classNames?: {
+        item?: string;
+        itemIcon?: string;
+        itemText?: string;
+        itemSuffix?: string;
+    };
+}
+export declare const DropdownMenuRadioGroup: React.NamedExoticComponent<DropdownMenuRadioGroupProps>;
+//# sourceMappingURL=radio-group.d.ts.map

package/dist/components/dropdown-menu/radio-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/radio-group.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAE1D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE9D,MAAM,WAAW,2BAA4B,SAAQ,IAAI,CACvD,oBAAoB,EACpB,YAAY,GAAG,iBAAiB,GAAG,iBAAiB,GAAG,kBAAkB,GAAG,cAAc,CAC3F;IACC,KAAK,EAAE,0BAA0B,CAAC;IAClC,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;CACH;AA0CD,eAAO,MAAM,sBAAsB,yDAA0C,CAAC"}

package/dist/components/dropdown-menu/radio-group.js

@@ -0,0 +1,45 @@
+"use client";
+import { jsx as r } from "react/jsx-runtime";
+import d from "react";
+import { Menu as p } from "@base-ui/react/menu";
+import { DropdownMenuItem as c } from "./item.js";
+import { useControlledState as x } from "../hooks/useControlledState.js";
+const h = ({
+  group: e,
+  classNames: o,
+  itemRender: i,
+  itemLabelRender: m,
+  getItemKeywords: u,
+  keepOpenOnSelect: a,
+  onOpenChange: l
+}) => {
+  const [n, f] = x(
+    e.value,
+    e.onValueChange,
+    e.defaultValue
+  );
+  return /* @__PURE__ */ r(p.RadioGroup, { value: n, onValueChange: f, children: e.children.map((t) => /* @__PURE__ */ r(
+    c,
+    {
+      item: t,
+      selected: t.value === n,
+      afterSelect: () => {
+        a || l?.(!1);
+      },
+      itemRender: i,
+      itemLabelRender: m,
+      getItemKeywords: u,
+      classNames: {
+        item: o?.item,
+        itemIcon: o?.itemIcon,
+        itemText: o?.itemText,
+        itemSuffix: o?.itemSuffix
+      }
+    },
+    t.key
+  )) });
+}, s = d.memo(h);
+export {
+  s as DropdownMenuRadioGroup
+};
+//# sourceMappingURL=radio-group.js.map

package/dist/components/dropdown-menu/radio-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.js","sources":["../../../src/components/dropdown-menu/radio-group.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { Menu } from \"@base-ui/react/menu\";\nimport { useControlledState } from \"../hooks\";\nimport type { DropdownMenuRadioGroupItem } from \"./types\";\nimport { DropdownMenuItem } from \"./item\";\nimport type { UseDropdownMenuProps } from \"./useDropdownMenu\";\n\nexport interface DropdownMenuRadioGroupProps extends Pick<\n  UseDropdownMenuProps,\n  \"itemRender\" | \"itemLabelRender\" | \"getItemKeywords\" | \"keepOpenOnSelect\" | \"onOpenChange\"\n> {\n  group: DropdownMenuRadioGroupItem;\n  classNames?: {\n    item?: string;\n    itemIcon?: string;\n    itemText?: string;\n    itemSuffix?: string;\n  };\n}\n\nconst DropdownMenuRadioGroupInner: React.FC<DropdownMenuRadioGroupProps> = ({\n  group,\n  classNames,\n  itemRender,\n  itemLabelRender,\n  getItemKeywords,\n  keepOpenOnSelect,\n  onOpenChange,\n}) => {\n  const [value, setValue] = useControlledState(\n    group.value,\n    group.onValueChange,\n    group.defaultValue,\n  );\n\n  return (\n    <Menu.RadioGroup value={value} onValueChange={setValue}>\n      {group.children.map((item) => (\n        <DropdownMenuItem\n          key={item.key}\n          item={item}\n          selected={item.value === value}\n          afterSelect={() => {\n            if (!keepOpenOnSelect) onOpenChange?.(false);\n          }}\n          itemRender={itemRender}\n          itemLabelRender={itemLabelRender}\n          getItemKeywords={getItemKeywords}\n          classNames={{\n            item: classNames?.item,\n            itemIcon: classNames?.itemIcon,\n            itemText: classNames?.itemText,\n            itemSuffix: classNames?.itemSuffix,\n          }}\n        />\n      ))}\n    </Menu.RadioGroup>\n  );\n};\n\nexport const DropdownMenuRadioGroup = React.memo(DropdownMenuRadioGroupInner);\n"],"names":["DropdownMenuRadioGroupInner","group","classNames","itemRender","itemLabelRender","getItemKeywords","keepOpenOnSelect","onOpenChange","value","setValue","useControlledState","jsx","Menu","item","DropdownMenuItem","DropdownMenuRadioGroup","React"],"mappings":";;;;;;AAqBA,MAAMA,IAAqE,CAAC;AAAA,EAC1E,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,cAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAOC,CAAQ,IAAIC;AAAA,IACxBT,EAAM;AAAA,IACNA,EAAM;AAAA,IACNA,EAAM;AAAA,EAAA;AAGR,SACE,gBAAAU,EAACC,EAAK,YAAL,EAAgB,OAAAJ,GAAc,eAAeC,GAC3C,UAAAR,EAAM,SAAS,IAAI,CAACY,MACnB,gBAAAF;AAAA,IAACG;AAAA,IAAA;AAAA,MAEC,MAAAD;AAAA,MACA,UAAUA,EAAK,UAAUL;AAAA,MACzB,aAAa,MAAM;AACjB,QAAKF,KAAkBC,IAAe,EAAK;AAAA,MAC7C;AAAA,MACA,YAAAJ;AAAA,MACA,iBAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,YAAY;AAAA,QACV,MAAMH,GAAY;AAAA,QAClB,UAAUA,GAAY;AAAA,QACtB,UAAUA,GAAY;AAAA,QACtB,YAAYA,GAAY;AAAA,MAAA;AAAA,IAC1B;AAAA,IAdKW,EAAK;AAAA,EAAA,CAgBb,GACH;AAEJ,GAEaE,IAAyBC,EAAM,KAAKhB,CAA2B;"}

package/dist/components/dropdown-menu/search-mode.d.ts

@@ -0,0 +1,4 @@
+import { DropdownMenuItemType } from './types';
+export declare const isDropdownMenuSearchSupportedItem: (item: DropdownMenuItemType) => boolean;
+export declare const hasUnsupportedDropdownMenuSearchItems: (items: DropdownMenuItemType[]) => boolean;
+//# sourceMappingURL=search-mode.d.ts.map

package/dist/components/dropdown-menu/search-mode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-mode.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/search-mode.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD,eAAO,MAAM,iCAAiC,GAAI,MAAM,oBAAoB,YAG1B,CAAC;AAEnD,eAAO,MAAM,qCAAqC,GAAI,OAAO,oBAAoB,EAAE,YACnB,CAAC"}

package/dist/components/dropdown-menu/search-mode.js

@@ -0,0 +1,6 @@
+const p = (e) => e.type === "header" || e.type === "divider" || e.type === "item" && !e.children?.length, r = (e) => e.some((o) => !p(o));
+export {
+  r as hasUnsupportedDropdownMenuSearchItems,
+  p as isDropdownMenuSearchSupportedItem
+};
+//# sourceMappingURL=search-mode.js.map

package/dist/components/dropdown-menu/search-mode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-mode.js","sources":["../../../src/components/dropdown-menu/search-mode.ts"],"sourcesContent":["import type { DropdownMenuItemType } from \"./types\";\n\nexport const isDropdownMenuSearchSupportedItem = (item: DropdownMenuItemType) =>\n  item.type === \"header\" ||\n  item.type === \"divider\" ||\n  (item.type === \"item\" && !item.children?.length);\n\nexport const hasUnsupportedDropdownMenuSearchItems = (items: DropdownMenuItemType[]) =>\n  items.some((item) => !isDropdownMenuSearchSupportedItem(item));\n"],"names":["isDropdownMenuSearchSupportedItem","item","hasUnsupportedDropdownMenuSearchItems","items"],"mappings":"AAEO,MAAMA,IAAoC,CAACC,MAChDA,EAAK,SAAS,YACdA,EAAK,SAAS,aACbA,EAAK,SAAS,UAAU,CAACA,EAAK,UAAU,QAE9BC,IAAwC,CAACC,MACpDA,EAAM,KAAK,CAACF,MAAS,CAACD,EAAkCC,CAAI,CAAC;"}

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

@@ -1 +1 @@
-@layer components{.ds-dropdown-menu-header{font-size:.75rem;font-weight:500;line-height:1rem;text-transform:uppercase;color:var(--ds-color-text-tertiary);padding:.75rem .75rem .25rem}.ds-dropdown-menu-header:first-child{padding-top:.5rem}.ds-dropdown-menu-empty{padding:.375rem .75rem;color:var(--ds-color-text-tertiary)}.ds-dropdown-menu-empty:empty{display:none}.ds-dropdown-menu-match-trigger-width{width:min(var(--anchor-width),var(--available-width))}.ds-dropdown-menu-container{display:flex;flex-direction:column;flex-shrink:1;min-height:0;gap:.25rem}.ds-dropdown-menu-search-wrapper{order:-1}.ds-dropdown-menu-root[data-side=top] .ds-dropdown-menu-search-wrapper{order:1}}
+@layer components{.ds-dropdown-menu-header{font-size:.75rem;font-weight:500;line-height:1rem;text-transform:uppercase;color:var(--ds-color-text-tertiary);padding:.75rem .75rem .25rem}.ds-dropdown-menu-header:first-child{padding-top:.5rem}.ds-dropdown-menu-empty{padding:.375rem .75rem;color:var(--ds-color-text-tertiary)}.ds-dropdown-menu-empty:empty{display:none}.ds-dropdown-menu-match-trigger-width{width:min(var(--anchor-width),var(--available-width))}.ds-dropdown-menu-container{display:flex;flex-direction:column;flex-shrink:1;min-height:0;gap:.25rem}.ds-dropdown-menu-search-wrapper{order:-1}.ds-dropdown-menu-root[data-side=top] .ds-dropdown-menu-search-wrapper{order:1}.ds-dropdown-menu-submenu-caret{margin-left:.5rem;flex-shrink:0;color:var(--ds-color-text-tertiary);font-size:.75rem}.ds-dropdown-menu-checkbox-indicator{display:flex;align-items:center;justify-content:center;width:1rem}}

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

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+import { DropdownMenuActionItem, DropdownMenuItemType } from './types';
+import { UseDropdownMenuProps } from './useDropdownMenu';
+export interface DropdownMenuSubmenuProps extends Pick<UseDropdownMenuProps, "itemRender" | "itemLabelRender" | "showCheckbox" | "getItemKeywords" | "selectedItemKeys" | "keepOpenOnSelect" | "onOpenChange"> {
+    /**
+     * The menu item data that contains children
+     */
+    item: DropdownMenuActionItem & {
+        children?: DropdownMenuItemType[];
+    };
+    /**
+     * Class names from parent DropdownMenu
+     */
+    classNames?: {
+        item?: string;
+        itemIcon?: string;
+        itemText?: string;
+        itemSuffix?: string;
+        group?: string;
+        groupLabel?: string;
+        divider?: string;
+    };
+}
+export declare const DropdownMenuSubmenu: React.NamedExoticComponent<DropdownMenuSubmenuProps>;
+//# sourceMappingURL=submenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"submenu.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/submenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAKpD,OAAO,KAAK,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC5E,OAAO,EAAmB,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAG1E,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CACpD,oBAAoB,EAClB,YAAY,GACZ,iBAAiB,GACjB,cAAc,GACd,iBAAiB,GACjB,kBAAkB,GAClB,kBAAkB,GAClB,cAAc,CACjB;IACC;;OAEG;IACH,IAAI,EAAE,sBAAsB,GAAG;QAAE,QAAQ,CAAC,EAAE,oBAAoB,EAAE,CAAA;KAAE,CAAC;IACrE;;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;QACpB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AA0HD,eAAO,MAAM,mBAAmB,sDAAuC,CAAC"}

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

@@ -0,0 +1,96 @@
+"use client";
+import { jsx as t, jsxs as c, Fragment as C } from "react/jsx-runtime";
+import L, { useMemo as l, useCallback as j } from "react";
+import { Menu as i } from "@base-ui/react/menu";
+import { CaretRightIcon as k } from "@bioturing/assets";
+import { BaseMenu as d } from "../base-menu/index.js";
+import { useDropdownMenu as y } from "./useDropdownMenu.js";
+import { ScrollArea as G } from "../scroll-area/component.js";
+import { useCls as N } from "../utils/antdUtils.js";
+import { clsx as s } from "../utils/cn.js";
+const T = ({
+  item: e,
+  classNames: r,
+  itemRender: g,
+  itemLabelRender: a,
+  showCheckbox: m,
+  getItemKeywords: p,
+  selectedItemKeys: b,
+  keepOpenOnSelect: x,
+  onOpenChange: S
+}) => {
+  const o = N(), { itemGroups: h, renderGroup: O } = y({
+    items: e.children || [],
+    keepOpenOnSelect: x,
+    selectedItemKeys: b,
+    showCheckbox: m,
+    getItemKeywords: p,
+    itemLabelRender: a,
+    itemRender: g,
+    onOpenChange: S,
+    classNames: {
+      item: r?.item,
+      itemIcon: r?.itemIcon,
+      itemSuffix: r?.itemSuffix,
+      group: r?.group,
+      groupLabel: r?.groupLabel,
+      divider: r?.divider
+    }
+  }), w = l(() => {
+    const n = e.suffix, f = /* @__PURE__ */ t(k, { size: 12, className: o("dropdown-menu-submenu-caret") }, "caret");
+    return n ? /* @__PURE__ */ c(C, { children: [
+      n,
+      f
+    ] }) : f;
+  }, [e.suffix, o]), { getSideOffset: I, getAlignOffset: M } = l(() => ({ getSideOffset: (u) => u.side === "top" || u.side === "bottom" ? 0 : 8, getAlignOffset: (u) => u.align === "start" ? -2 : 0 }), []), A = e.label, D = e.icon, R = e.disabled, v = e.danger, P = j(
+    (n) => /* @__PURE__ */ t(d.Popup, { ...n }),
+    []
+  );
+  return /* @__PURE__ */ c(i.SubmenuRoot, { children: [
+    /* @__PURE__ */ t(
+      d.Item,
+      {
+        disabled: R,
+        danger: v,
+        icon: D,
+        description: e.description,
+        suffix: w,
+        classNames: {
+          root: s(
+            o("dropdown-menu-item"),
+            r?.item,
+            e.className,
+            e.classNames?.root
+          ),
+          icon: s(r?.itemIcon, e.classNames?.icon),
+          text: s(r?.itemText, e.classNames?.text),
+          suffix: s(r?.itemSuffix, e.classNames?.suffix)
+        },
+        "data-value": typeof e.label == "string" ? e.label : String(e.key),
+        render: /* @__PURE__ */ t(i.SubmenuTrigger, {}),
+        children: A
+      }
+    ),
+    /* @__PURE__ */ t(i.Portal, { children: /* @__PURE__ */ t(
+      i.Positioner,
+      {
+        side: "right",
+        align: "start",
+        sideOffset: I,
+        alignOffset: M,
+        render: (n) => /* @__PURE__ */ t(
+          d.Root,
+          {
+            ...n,
+            className: s(n.className, o("dropdown-menu-submenu-root"))
+          }
+        ),
+        children: /* @__PURE__ */ t(i.Popup, { render: P, children: /* @__PURE__ */ t("div", { className: o("dropdown-menu-container"), children: /* @__PURE__ */ t(G, { fadeEdges: !0, children: h.map(O) }) }) })
+      }
+    ) })
+  ] });
+}, Q = L.memo(T);
+export {
+  Q as DropdownMenuSubmenu
+};
+//# sourceMappingURL=submenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"submenu.js","sources":["../../../src/components/dropdown-menu/submenu.tsx"],"sourcesContent":["\"use client\";\nimport React, { useMemo, useCallback } from \"react\";\nimport { clsx, useCls } from \"../utils\";\nimport { Menu } from \"@base-ui/react/menu\";\nimport { CaretRightIcon } from \"@bioturing/assets\";\nimport { BaseMenu } from \"../base-menu\";\nimport type { DropdownMenuActionItem, DropdownMenuItemType } from \"./types\";\nimport { useDropdownMenu, UseDropdownMenuProps } from \"./useDropdownMenu\";\nimport { ScrollArea } from \"../scroll-area\";\n\nexport interface DropdownMenuSubmenuProps extends Pick<\n  UseDropdownMenuProps,\n  | \"itemRender\"\n  | \"itemLabelRender\"\n  | \"showCheckbox\"\n  | \"getItemKeywords\"\n  | \"selectedItemKeys\"\n  | \"keepOpenOnSelect\"\n  | \"onOpenChange\"\n> {\n  /**\n   * The menu item data that contains children\n   */\n  item: DropdownMenuActionItem & { children?: DropdownMenuItemType[] };\n  /**\n   * Class names from parent DropdownMenu\n   */\n  classNames?: {\n    item?: string;\n    itemIcon?: string;\n    itemText?: string;\n    itemSuffix?: string;\n    group?: string;\n    groupLabel?: string;\n    divider?: string;\n  };\n}\n\nconst DropdownMenuSubmenuInner: React.FC<DropdownMenuSubmenuProps> = ({\n  item,\n  classNames,\n  itemRender,\n  itemLabelRender,\n  showCheckbox,\n  getItemKeywords,\n  selectedItemKeys,\n  keepOpenOnSelect,\n  onOpenChange,\n}) => {\n  const cls = useCls();\n\n  const { itemGroups, renderGroup } = useDropdownMenu({\n    items: item.children || [],\n    keepOpenOnSelect,\n    selectedItemKeys,\n    showCheckbox,\n    getItemKeywords,\n    itemLabelRender,\n    itemRender,\n    onOpenChange,\n    classNames: {\n      item: classNames?.item,\n      itemIcon: classNames?.itemIcon,\n      itemSuffix: classNames?.itemSuffix,\n      group: classNames?.group,\n      groupLabel: classNames?.groupLabel,\n      divider: classNames?.divider,\n    },\n  });\n\n  const triggerSuffix = useMemo(() => {\n    const userSuffix = item.suffix;\n    const caret = (\n      <CaretRightIcon key=\"caret\" size={12} className={cls(\"dropdown-menu-submenu-caret\")} />\n    );\n    if (userSuffix) {\n      return (\n        <>\n          {userSuffix}\n          {caret}\n        </>\n      );\n    }\n    return caret;\n  }, [item.suffix, cls]);\n\n  // Submenu offset: overlap slightly when placed horizontally for a tighter connection\n  const { getSideOffset, getAlignOffset } = useMemo(() => {\n    const getSideOffset = (props: { side: Menu.Positioner.Props[\"side\"] }) => {\n      return props.side === \"top\" || props.side === \"bottom\" ? 0 : 8;\n    };\n\n    const getAlignOffset = (props: { align: Menu.Positioner.Props[\"align\"] }) => {\n      return props.align === \"start\" ? -2 : 0;\n    };\n\n    return { getSideOffset, getAlignOffset };\n  }, []);\n\n  const triggerLabel = item.label;\n  const triggerIcon = item.icon;\n  const triggerDisabled = item.disabled;\n  const triggerDanger = item.danger;\n\n  // Render prop for popup so Base UI can inject transition state attributes\n  const popupRender = useCallback(\n    (props: React.ComponentPropsWithoutRef<\"div\">) => <BaseMenu.Popup {...props} />,\n    [],\n  );\n\n  return (\n    <Menu.SubmenuRoot>\n      <BaseMenu.Item\n        disabled={triggerDisabled}\n        danger={triggerDanger}\n        icon={triggerIcon}\n        description={item.description}\n        suffix={triggerSuffix}\n        classNames={{\n          root: clsx(\n            cls(\"dropdown-menu-item\"),\n            classNames?.item,\n            item.className,\n            item.classNames?.root,\n          ),\n          icon: clsx(classNames?.itemIcon, item.classNames?.icon),\n          text: clsx(classNames?.itemText, item.classNames?.text),\n          suffix: clsx(classNames?.itemSuffix, item.classNames?.suffix),\n        }}\n        data-value={typeof item.label === \"string\" ? item.label : String(item.key)}\n        render={<Menu.SubmenuTrigger />}\n      >\n        {triggerLabel}\n      </BaseMenu.Item>\n      <Menu.Portal>\n        <Menu.Positioner\n          side=\"right\"\n          align=\"start\"\n          sideOffset={getSideOffset}\n          alignOffset={getAlignOffset}\n          render={(props) => (\n            <BaseMenu.Root\n              {...props}\n              className={clsx(props.className, cls(\"dropdown-menu-submenu-root\"))}\n            />\n          )}\n        >\n          <Menu.Popup render={popupRender}>\n            <div className={cls(\"dropdown-menu-container\")}>\n              <ScrollArea fadeEdges>{itemGroups.map(renderGroup)}</ScrollArea>\n            </div>\n          </Menu.Popup>\n        </Menu.Positioner>\n      </Menu.Portal>\n    </Menu.SubmenuRoot>\n  );\n};\n\nexport const DropdownMenuSubmenu = React.memo(DropdownMenuSubmenuInner);\n"],"names":["DropdownMenuSubmenuInner","item","classNames","itemRender","itemLabelRender","showCheckbox","getItemKeywords","selectedItemKeys","keepOpenOnSelect","onOpenChange","cls","useCls","itemGroups","renderGroup","useDropdownMenu","triggerSuffix","useMemo","userSuffix","caret","CaretRightIcon","jsxs","Fragment","getSideOffset","getAlignOffset","props","triggerLabel","triggerIcon","triggerDisabled","triggerDanger","popupRender","useCallback","jsx","BaseMenu","Menu","clsx","ScrollArea","DropdownMenuSubmenu","React"],"mappings":"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"}