@bioturing/components 0.41.1 → 0.42.0-beta.1

package/dist/base.d.ts

@@ -3,6 +3,7 @@ export { isWebKit, isIOS, isFirefox, isSafari, isEdge, isAndroid, isMac, isJSDOM
 export { isJSDOM, expectType, type IfEquals } from '@base-ui/utils/testUtils';
 export * from '@base-ui/utils/empty';
 export * from '@base-ui/utils/error';
+export * from '@base-ui/utils/fastHooks';
 export * from '@base-ui/utils/fastObjectShallowCompare';
 export * from '@base-ui/utils/formatErrorMessage';
 export * from '@base-ui/utils/generateId';

package/dist/base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../src/base.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAO/B,OAAO,EACL,QAAQ,EACR,KAAK,EACL,SAAS,EACT,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,OAAO,IAAI,wBAAwB,GACpC,MAAM,8BAA8B,CAAC;AAGtC,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAG9E,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yCAAyC,CAAC;AACxD,cAAc,mCAAmC,CAAC;AAClD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mCAAmC,CAAC;AAClD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC;AACnD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,kCAAkC,CAAC;AACjD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wCAAwC,CAAC;AACvD,cAAc,qCAAqC,CAAC;AACpD,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,mCAAmC,CAAC;AAClD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iCAAiC,CAAC;AAChD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AAGpC,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../src/base.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAO/B,OAAO,EACL,QAAQ,EACR,KAAK,EACL,SAAS,EACT,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,OAAO,IAAI,wBAAwB,GACpC,MAAM,8BAA8B,CAAC;AAGtC,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAG9E,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yCAAyC,CAAC;AACxD,cAAc,mCAAmC,CAAC;AAClD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mCAAmC,CAAC;AAClD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC;AACnD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,kCAAkC,CAAC;AACjD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wCAAwC,CAAC;AACvD,cAAc,qCAAqC,CAAC;AACpD,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,mCAAmC,CAAC;AAClD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iCAAiC,CAAC;AAChD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AAGpC,cAAc,sBAAsB,CAAC"}

package/dist/base.js

@@ -3,6 +3,7 @@ import { isAndroid as t, isEdge as f, isFirefox as p, isIOS as x, isJSDOM as m,
 import { expectType as D, isJSDOM as M } from "@base-ui/utils/testUtils";
 export * from "@base-ui/utils/empty";
 export * from "@base-ui/utils/error";
+export * from "@base-ui/utils/fastHooks";
 export * from "@base-ui/utils/fastObjectShallowCompare";
 export * from "@base-ui/utils/formatErrorMessage";
 export * from "@base-ui/utils/generateId";

package/dist/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"base.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/component.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAE3C,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAepD,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAmB,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAQ1E,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,YAAY,CAAC;IAChD,0DAA0D;IAC1D,KAAK,EAAE,oBAAoB,EAAE,CAAC;IAC9B,qDAAqD;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC/D;;;OAGG;IACH,SAAS,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IACtC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,GAAG,oBAAoB,CAAC,YAAY,CAAC,CAAC;IAEvC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,OAAO,cAAc,CAAC;IAC5C;;OAEG;IACH,WAAW,CAAC,EAAE;QACZ,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF;;;OAGG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,eAAO,MAAM,YAAY,GAAI,sWA0B1B,iBAAiB,4CA0NnB,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/component.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAE3C,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAepD,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAmB,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAQ1E,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAC7C,oBAAoB,EACpB,YAAY,CACb;IACC,0DAA0D;IAC1D,KAAK,EAAE,oBAAoB,EAAE,CAAC;IAC9B,qDAAqD;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC/D;;;OAGG;IACH,SAAS,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IACtC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,GAAG,oBAAoB,CAAC,YAAY,CAAC,CAAC;IAEvC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,OAAO,cAAc,CAAC;IAC5C;;OAEG;IACH,WAAW,CAAC,EAAE;QACZ,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF;;;OAGG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,eAAO,MAAM,YAAY,GAAI,sWA0B1B,iBAAiB,4CA+MnB,CAAC"}

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

@@ -1,202 +1,200 @@
 "use client";
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { Menu as u } from "@base-ui/react/menu";
+import { jsxs as p, jsx as e } from "react/jsx-runtime";
+import { Menu as d } from "@base-ui/react/menu";
 import { Combobox as t } from "@base-ui/react/combobox";
-import { useRef as O, useState as V, useEffect as te, useCallback as ie } from "react";
-import { FormItemInputContext as le } from "antd/es/form/context";
-import { PopupPanelSize as B } from "../popup-panel/constants.js";
-import { useDropdownMenu as me } from "./useDropdownMenu.js";
-import { BaseMenu as F } from "../base-menu/index.js";
-import { parseAntdPlacement as ce } from "../utils/placement.js";
-import { useBaseUIPlacement as ue } from "../hooks/useBaseUIPlacement.js";
-import { ScrollArea as _ } from "../scroll-area/component.js";
-import { DROPDOWN_COLLISION_AVOIDANCE as pe } from "../utils/constants.js";
-import { Input as de } from "../input/component.js";
-import { createRenderProp as se } from "../utils/renderProp.js";
-import { useControlledState as ae } from "../hooks/useControlledState.js";
-import { useCls as fe } from "../utils/antdUtils.js";
-import { useTheme as ge } from "../theme-provider/context/themeStore.js";
-import { clsx as f } from "../utils/cn.js";
-import { reactNodeToString as he } from "../utils/reactToString.js";
-const je = ({
-  children: j,
-  items: k,
-  placement: G,
-  openOnHover: H,
-  open: L,
-  onOpenChange: U,
-  defaultOpen: z = !1,
-  className: K,
-  itemRender: W,
-  classNames: r,
-  size: R = "auto",
-  showSearch: p,
-  inCombobox: N,
-  searchProps: l = {
+import { useRef as oe, useState as D, useCallback as re } from "react";
+import { FormItemInputContext as ne } from "antd/es/form/context";
+import { PopupPanelSize as M } from "../popup-panel/constants.js";
+import { useDropdownMenu as te } from "./useDropdownMenu.js";
+import { BaseMenu as V } from "../base-menu/index.js";
+import { parseAntdPlacement as ie } from "../utils/placement.js";
+import { useBaseUIPlacement as me } from "../hooks/useBaseUIPlacement.js";
+import { ScrollArea as E } from "../scroll-area/component.js";
+import { DROPDOWN_COLLISION_AVOIDANCE as le } from "../utils/constants.js";
+import { Input as pe } from "../input/component.js";
+import { createRenderProp as de } from "../utils/renderProp.js";
+import { useControlledState as ce } from "../hooks/useControlledState.js";
+import { useCls as ue } from "../utils/antdUtils.js";
+import { useTheme as ae } from "../theme-provider/context/themeStore.js";
+import { clsx as c } from "../utils/cn.js";
+import { reactNodeToString as se } from "../utils/reactToString.js";
+const _e = ({
+  children: _,
+  items: j,
+  placement: k,
+  openOnHover: B,
+  open: G,
+  onOpenChange: H,
+  defaultOpen: L = !1,
+  className: U,
+  itemRender: z,
+  classNames: n,
+  size: C = "auto",
+  showSearch: u,
+  inCombobox: I,
+  searchProps: i = {
     placeholder: "Search..."
   },
-  popupMatchTriggerWidth: q,
-  beforeList: g,
-  afterList: h,
-  keepOpenOnSelect: J,
-  highlightedItemKey: Pe,
-  selectedItemKeys: Q,
-  getItemKeywords: X,
-  showCheckbox: y,
-  itemLabelRender: Y
+  popupMatchTriggerWidth: F,
+  beforeList: f,
+  afterList: g,
+  keepOpenOnSelect: K,
+  highlightedItemKey: fe,
+  selectedItemKeys: W,
+  getItemKeywords: q,
+  showCheckbox: x,
+  itemLabelRender: J
 }) => {
-  const Z = typeof N == "boolean" ? N : p, [P, b] = ae(
-    L,
-    U,
-    z
-  ), n = fe(), { className: T } = ge(), d = ce(G), $ = O(null), { itemGroups: S, renderGroup: w } = me({
-    items: k,
-    keepOpenOnSelect: J,
-    selectedItemKeys: Q,
-    showCheckbox: y,
-    getItemKeywords: X,
-    itemLabelRender: Y,
-    itemRender: W,
-    inCombobox: Z,
-    onOpenChange: b,
+  const Q = typeof I == "boolean" ? I : u, [h, P] = ce(
+    G,
+    H,
+    L
+  ), r = ue(), { className: N } = ae(), a = ie(k), X = oe(null), { itemGroups: w, renderGroup: b } = te({
+    items: j,
+    keepOpenOnSelect: K,
+    selectedItemKeys: W,
+    showCheckbox: x,
+    getItemKeywords: q,
+    itemLabelRender: J,
+    itemRender: z,
+    inCombobox: Q,
+    onOpenChange: P,
     classNames: {
-      item: r?.item,
-      itemIcon: r?.itemIcon,
-      itemSuffix: r?.itemSuffix,
-      group: r?.group,
-      groupLabel: r?.groupLabel,
-      divider: r?.divider
+      item: n?.item,
+      itemIcon: n?.itemIcon,
+      itemSuffix: n?.itemSuffix,
+      group: n?.group,
+      groupLabel: n?.groupLabel,
+      divider: n?.divider
     }
-  }), [C, ee] = V(""), [oe, re] = V(
+  }), [S, Y] = D(""), [Z, $] = D(
     null
-  ), v = O(null), x = O(!1), { currentSide: ne } = ue({
-    positionerRef: oe,
-    open: P,
-    initialSide: d.side,
-    initialAlign: d.align
-  }), s = ne === "top";
-  te(() => {
-    x.current && v.current && v.current.focus();
-  }, [s]);
-  const A = ie(() => {
-    if (!p)
-      return /* @__PURE__ */ c("div", { className: n("dropdown-menu-container"), children: [
-        g,
-        /* @__PURE__ */ e(_, { fadeEdges: !0, children: S.map(w) }),
-        h
+  ), { currentSide: ee } = me({
+    positionerRef: Z,
+    open: h,
+    initialSide: a.side,
+    initialAlign: a.align
+  }), O = ee === "top", R = re(() => {
+    if (!u)
+      return /* @__PURE__ */ p("div", { className: r("dropdown-menu-container"), children: [
+        f,
+        /* @__PURE__ */ e(E, { fadeEdges: !0, children: w.map(b) }),
+        g
       ] });
-    const o = /* @__PURE__ */ e(le.Provider, { value: {}, children: /* @__PURE__ */ e(
+    const o = /* @__PURE__ */ e(ne.Provider, { value: {}, children: /* @__PURE__ */ e(
       t.Input,
       {
-        placeholder: l?.placeholder || "Search",
-        render: ({ ref: a, ...m }) => /* @__PURE__ */ e(
-          de,
+        placeholder: i?.placeholder || "Search",
+        render: ({ ref: s, ...m }) => /* @__PURE__ */ e(
+          pe,
           {
             ...m,
-            ref: (i) => {
-              if (!i || !i.input) return;
-              a(i.input), v.current = i.input;
+            ref: (l) => {
+              if (!l || !l.input) return;
+              s(l.input);
             },
             allowClear: !0,
-            placeholder: l?.placeholder || "Search",
-            value: C,
-            onChange: (i) => ee(i.target.value),
-            onFocus: () => {
-              x.current = !0;
-            },
-            onBlur: () => {
-              x.current = !1;
-            },
-            className: f(
-              n("dropdown-menu-search"),
-              l?.className
+            placeholder: i?.placeholder || "Search",
+            value: S,
+            onChange: (l) => Y(l.target.value),
+            className: c(
+              r("dropdown-menu-search"),
+              i?.className
             )
           }
         ),
-        ...l
+        ...i
       },
       "search"
-    ) }), I = /* @__PURE__ */ c(_, { fadeEdges: !0, children: [
-      /* @__PURE__ */ e(t.Empty, { className: n("dropdown-menu-empty"), children: "No results found." }),
-      /* @__PURE__ */ e(t.List, { className: n("dropdown-menu-list"), children: (a, m) => w(a, m) })
+    ) }), v = /* @__PURE__ */ p(E, { fadeEdges: !0, children: [
+      /* @__PURE__ */ e(t.Empty, { className: r("dropdown-menu-empty"), children: "No results found." }),
+      /* @__PURE__ */ e(t.List, { className: r("dropdown-menu-list"), children: (s, m) => b(s, m) })
     ] });
-    return /* @__PURE__ */ c("div", { className: n("dropdown-menu-container"), children: [
-      !s && o,
-      g,
-      I,
-      h,
-      s && o
+    return /* @__PURE__ */ p("div", { className: r("dropdown-menu-container"), children: [
+      /* @__PURE__ */ e(
+        "div",
+        {
+          className: c(
+            r("dropdown-menu-search-wrapper"),
+            O && r("dropdown-menu-search-wrapper-bottom")
+          ),
+          children: o
+        }
+      ),
+      f,
+      v,
+      g
     ] });
   }, [
-    p,
-    n,
-    l,
-    C,
-    g,
-    h,
+    u,
+    r,
+    i,
     S,
+    f,
+    g,
     w,
-    s
-  ]), D = {
-    ref: $,
+    b,
+    O
+  ]), y = {
+    ref: X,
     // nativeButton: false,
-    openOnHover: H,
-    className: f(
-      n("dropdown-menu-trigger"),
-      r?.trigger,
-      T
+    openOnHover: B,
+    className: c(
+      r("dropdown-menu-trigger"),
+      n?.trigger,
+      N
     ),
-    render: (o, I) => {
-      const { openOnHover: a, ...m } = o;
-      return se(j, m, I);
+    render: (o, v) => {
+      const { openOnHover: s, ...m } = o;
+      return de(_, m, v);
     }
-  }, E = {
-    ref: re,
-    side: d.side,
-    align: d.align,
+  }, T = {
+    ref: $,
+    side: a.side,
+    align: a.align,
     sideOffset: 4,
-    className: f(
-      n("dropdown-menu-root"),
-      T,
-      r?.root
+    className: c(
+      r("dropdown-menu-root"),
+      N,
+      n?.root
     ),
-    collisionAvoidance: pe,
-    render: (o) => /* @__PURE__ */ e(F.Root, { ...o })
-  }, M = {
-    className: f(
-      n(
+    collisionAvoidance: le,
+    render: (o) => /* @__PURE__ */ e(V.Root, { ...o })
+  }, A = {
+    className: c(
+      r(
         "dropdown-menu",
-        y && "dropdown-menu-show-checkbox",
-        q && "dropdown-menu-match-trigger-width"
+        x && "dropdown-menu-show-checkbox",
+        F && "dropdown-menu-match-trigger-width"
       ),
-      K,
-      r?.popup
+      U,
+      n?.popup
     ),
     style: {
-      "--size-width": R in B ? B[R] : void 0
+      "--size-width": C in M ? M[C] : void 0
     },
-    render: (o) => /* @__PURE__ */ e(F.Popup, { ...o })
+    render: (o) => /* @__PURE__ */ e(V.Popup, { ...o })
   };
-  return p ? /* @__PURE__ */ c(
+  return u ? /* @__PURE__ */ p(
     t.Root,
     {
-      open: P,
-      onOpenChange: b,
-      items: S,
-      itemToStringLabel: (o) => o.type == "item" ? he(o.label) : "",
+      open: h,
+      onOpenChange: P,
+      items: w,
+      itemToStringLabel: (o) => o.type == "item" ? se(o.label) : "",
       itemToStringValue: (o) => o.type == "item" ? String(o.key) : "",
-      inputValue: C,
+      inputValue: S,
       children: [
-        /* @__PURE__ */ e(t.Trigger, { ...D }),
-        /* @__PURE__ */ e(t.Portal, { children: /* @__PURE__ */ e(t.Positioner, { ...E, children: /* @__PURE__ */ e(t.Popup, { ...M, children: A() }) }) })
+        /* @__PURE__ */ e(t.Trigger, { ...y }),
+        /* @__PURE__ */ e(t.Portal, { children: /* @__PURE__ */ e(t.Positioner, { ...T, children: /* @__PURE__ */ e(t.Popup, { ...A, children: R() }) }) })
       ]
     }
-  ) : /* @__PURE__ */ c(u.Root, { open: P, onOpenChange: b, children: [
-    /* @__PURE__ */ e(u.Trigger, { ...D }),
-    /* @__PURE__ */ e(u.Portal, { children: /* @__PURE__ */ e(u.Positioner, { ...E, children: /* @__PURE__ */ e(u.Popup, { ...M, children: A() }) }) })
+  ) : /* @__PURE__ */ p(d.Root, { open: h, onOpenChange: P, children: [
+    /* @__PURE__ */ e(d.Trigger, { ...y }),
+    /* @__PURE__ */ e(d.Portal, { children: /* @__PURE__ */ e(d.Positioner, { ...T, children: /* @__PURE__ */ e(d.Popup, { ...A, children: R() }) }) })
   ] });
 };
 export {
-  je as DropdownMenu
+  _e as DropdownMenu
 };
 //# sourceMappingURL=component.js.map

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

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

package/dist/components/dropdown-menu/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}}
+@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-search-wrapper-bottom{order:1}}

package/dist/components/form/FormItem/FormItemInput.d.ts

@@ -0,0 +1,50 @@
+import { JSX } from 'react';
+import { ColProps } from 'antd/es/grid/col';
+import { ValidateStatus } from 'antd/es/form/FormItem';
+/**
+ * This file is copied from Ant Design 5.x-stable
+ * Source: https://github.com/ant-design/ant-design/blob/5.x-stable/components/form/FormItemInput.tsx
+ *
+ * Customizations for @bioturing/components:
+ * - Added `classNames` prop for styling control, input, error, and extra elements
+ *
+ * Last synced with antd version: 5.x-stable (2025-02-04)
+ */
+import * as React from "react";
+interface FormItemInputMiscProps {
+    prefixCls: string;
+    children: React.ReactNode;
+    errors: React.ReactNode[];
+    warnings: React.ReactNode[];
+    marginBottom?: number | null;
+    onErrorVisibleChanged?: (visible: boolean) => void;
+    /** @internal do not use in any of your production. */
+    _internalItemRender?: {
+        mark: string;
+        render: (props: FormItemInputProps & FormItemInputMiscProps, domList: {
+            input: JSX.Element;
+            errorList: JSX.Element | null;
+            extra: JSX.Element | null;
+        }) => React.ReactNode;
+    };
+}
+export interface FormItemInputProps {
+    labelCol?: ColProps;
+    wrapperCol?: ColProps;
+    extra?: React.ReactNode;
+    status?: ValidateStatus;
+    help?: React.ReactNode;
+    fieldId?: string;
+    label?: React.ReactNode;
+    classNames?: {
+        control?: string;
+        controlInput?: string;
+        controlInputContent?: string;
+        additional?: string;
+        explain?: string;
+        extra?: string;
+    };
+}
+declare const FormItemInput: React.FC<FormItemInputProps & FormItemInputMiscProps>;
+export default FormItemInput;
+//# sourceMappingURL=FormItemInput.d.ts.map

package/dist/components/form/FormItem/FormItemInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormItemInput.d.ts","sourceRoot":"","sources":["../../../../src/components/form/FormItem/FormItemInput.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAIH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAQjC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIjD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D,UAAU,sBAAsB;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,qBAAqB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD,sDAAsD;IACtD,mBAAmB,CAAC,EAAE;QACpB,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE,CACN,KAAK,EAAE,kBAAkB,GAAG,sBAAsB,EAClD,OAAO,EAAE;YACP,KAAK,EAAE,GAAG,CAAC,OAAO,CAAC;YACnB,SAAS,EAAE,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;YAC9B,KAAK,EAAE,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;SAC3B,KACE,KAAK,CAAC,SAAS,CAAC;KACtB,CAAC;CACH;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAGxB,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;CAEH;AAID,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,GAAG,sBAAsB,CAoMxE,CAAC;AAEF,eAAe,aAAa,CAAC"}