@bioturing/components 0.47.0 → 0.48.0

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

@@ -13,6 +13,6 @@ export declare const BaseMenu: {
     } & import('react').RefAttributes<HTMLDivElement>>;
     Item: <T extends keyof React.JSX.IntrinsicElements = "div">(props: BaseMenuItemProps<T> & {
         ref?: React.ForwardedRef<import('..').ElementTypeToDOMType<T>>;
-    }) => ReturnType<(<T_1 extends keyof React.JSX.IntrinsicElements = "div">({ disabled, danger, selected, active, focused, icon, children, suffix, showCheckbox, indeterminate, labelRender, classNames, render, onSelect, as, ...props }: BaseMenuItemProps<T_1>, ref: React.ForwardedRef<import('..').ElementTypeToDOMType<T_1>>) => null)>;
+    }) => ReturnType<(<T_1 extends keyof React.JSX.IntrinsicElements = "div">({ disabled, danger, selected, active, focused, icon, children, description, suffix, showCheckbox, indeterminate, labelRender, classNames, render, onSelect, as, onClick, ...props }: BaseMenuItemProps<T_1>, ref: React.ForwardedRef<import('..').ElementTypeToDOMType<T_1>>) => null)>;
 };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/base-menu/index.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAE9D,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,CAAC;AAChD,eAAO,MAAM,QAAQ;;;;;;;;;;;;WASo/F,CAAC;;CADzgG,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/base-menu/index.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAE9D,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,CAAC;AAChD,eAAO,MAAM,QAAQ;;;;;;;;;;;;WAS4nI,CAAC;;CADjpI,CAAC"}

package/dist/components/base-menu/item.css

@@ -1 +1 @@
-@layer components{.ds-menu-item-base{padding:.375rem .75rem;border-radius:var(--ds-border-radius-sm);transition:all .3s var(--ds-motion-ease-out);cursor:pointer;display:flex;align-items:center;color:var(--ds-color-text);border:none;background:none;width:100%;text-align:left}.ds-menu-item-base:focus{outline:none}.ds-menu-item-base:hover,.ds-menu-item-base[data-active=true],.ds-menu-item-base[data-highlighted]{background:var(--ds-control-item-bg-hover)}.ds-menu-item-base:active,.ds-menu-item-base:focus,.ds-menu-item-base[data-selected=true],.ds-menu-item-base[data-focus=true]{background:var(--ds-control-item-bg-active)}.ds-menu-item-base[data-disabled=true]{pointer-events:none;color:var(--ds-color-text-disabled)}.ds-menu-item-base[data-danger=true]{color:var(--ds-color-error)}.ds-menu-item-base[data-danger=true]:hover{background:var(--ds-color-error-bg)}.ds-menu-item-base[data-danger=true]:active,.ds-menu-item-base[data-danger=true]:focus,.ds-menu-item-base[data-danger=true][data-focus=true]{background:var(--ds-color-error-bg-hover)}.ds-menu-item-icon{display:flex;align-items:center;justify-content:center;margin-right:.5rem;font-size:1rem;color:var(--ds-color-icon);flex-shrink:0}.ds-menu-item-base[data-danger=true] .ds-menu-item-icon{color:var(--ds-color-error)}.ds-menu-item-text{flex-grow:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-menu-item-suffix{margin-left:.75rem;font-size:.75rem;line-height:1.25rem;color:var(--ds-color-text-tertiary);display:flex;flex-grow:0;flex-shrink:0;align-items:flex-end}.ds-menu-item-base .ds-checkbox-wrapper{margin-right:.5rem}.ds-menu-item-base:not(.ds-menu-item-show-checkbox) [data-actual-selected=true]:scope{background:var(--ds-control-item-bg-active)}}
+@layer components{.ds-menu-item-base{padding:.375rem .75rem;border-radius:var(--ds-border-radius-sm);transition:all .3s var(--ds-motion-ease-out);cursor:pointer;display:flex;align-items:flex-start;color:var(--ds-color-text);border:none;background:none;width:100%;text-align:left}.ds-menu-item-base:focus{outline:none}.ds-menu-item-base:not([data-disabled=true]):hover,.ds-menu-item-base:not([data-disabled=true])[data-active=true],.ds-menu-item-base:not([data-disabled=true])[data-highlighted]{background:var(--ds-control-item-bg-hover)}.ds-menu-item-base:not([data-disabled=true]):active,.ds-menu-item-base:not([data-disabled=true]):focus,.ds-menu-item-base:not([data-disabled=true])[data-selected=true],.ds-menu-item-base:not([data-disabled=true])[data-focus=true]{background:var(--ds-control-item-bg-active)}.ds-menu-item-base[data-disabled=true]{cursor:not-allowed;color:var(--ds-color-text-disabled)}.ds-menu-item-base:not([data-disabled=true])[data-danger=true]{color:var(--ds-color-error)}.ds-menu-item-base:not([data-disabled=true])[data-danger=true]:hover{background:var(--ds-color-error-bg)}.ds-menu-item-base:not([data-disabled=true])[data-danger=true]:active,.ds-menu-item-base:not([data-disabled=true])[data-danger=true]:focus,.ds-menu-item-base:not([data-disabled=true])[data-danger=true][data-focus=true]{background:var(--ds-color-error-bg-hover)}.ds-menu-item-icon{display:flex;align-items:center;justify-content:center;margin-right:.5rem;margin-top:.125rem;font-size:1rem;color:var(--ds-color-icon);flex-shrink:0}.ds-menu-item-base:not([data-disabled=true])[data-danger=true] .ds-menu-item-icon{color:var(--ds-color-error)}.ds-menu-item-text{flex-grow:1;min-width:0;display:flex;flex-direction:column;gap:.125rem;overflow:hidden}.ds-menu-item-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-menu-item-description{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;line-height:1rem;color:var(--ds-color-text-description)}.ds-menu-item-suffix{margin-left:.75rem;font-size:.75rem;line-height:1.25rem;min-height:1.2rem;color:var(--ds-color-text-tertiary);display:flex;flex-grow:0;flex-shrink:0;align-items:center}.ds-menu-item-suffix svg{font-size:1rem}.ds-menu-item-base .ds-checkbox-wrapper{margin-right:.5rem}.ds-menu-item-base:not(.ds-menu-item-show-checkbox) [data-actual-selected=true]:scope{background:var(--ds-control-item-bg-active)}}

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

@@ -1,6 +1,13 @@
 import { default as React, ComponentPropsWithoutRef } from 'react';
 import { ElementTypeToDOMType } from '../utils/types';
 import { useRender } from '@base-ui/react';
+type BaseMenuItemRenderState = {
+    disabled: boolean;
+    danger: boolean;
+    selected: boolean;
+    active: boolean;
+    focused: boolean;
+};
 export type BaseMenuItemProps<T extends keyof React.JSX.IntrinsicElements = "div"> = ComponentPropsWithoutRef<T> & {
     /** Whether the item is disabled */
     disabled?: boolean;
@@ -16,6 +23,8 @@ export type BaseMenuItemProps<T extends keyof React.JSX.IntrinsicElements = "div
     icon?: React.ReactNode;
     /** Text content of the item */
     children?: React.ReactNode;
+    /** Secondary text content shown under the label */
+    description?: React.ReactNode;
     /** Suffix content to display after the text */
     suffix?: React.ReactNode;
     /** Whether to show checkbox */
@@ -32,14 +41,16 @@ export type BaseMenuItemProps<T extends keyof React.JSX.IntrinsicElements = "div
         icon?: string;
         /** Custom className for the text */
         text?: string;
+        /** Custom className for the description */
+        description?: string;
         /** Custom className for the suffix */
         suffix?: string;
     };
     onSelect?: () => void;
-    render?: useRender.RenderProp;
+    render?: useRender.RenderProp<BaseMenuItemRenderState>;
     as?: T;
 };
-declare const BaseMenuItemInner: <T extends keyof React.JSX.IntrinsicElements = "div">({ disabled, danger, selected, active, focused, icon, children, suffix, showCheckbox, indeterminate, labelRender, classNames, render, onSelect, as, ...props }: BaseMenuItemProps<T>, ref: React.ForwardedRef<ElementTypeToDOMType<T>>) => null;
+declare const BaseMenuItemInner: <T extends keyof React.JSX.IntrinsicElements = "div">({ disabled, danger, selected, active, focused, icon, children, description, suffix, showCheckbox, indeterminate, labelRender, classNames, render, onSelect, as, onClick, ...props }: BaseMenuItemProps<T>, ref: React.ForwardedRef<ElementTypeToDOMType<T>>) => null;
 export declare const BaseMenuItem: <T extends keyof React.JSX.IntrinsicElements = "div">(props: BaseMenuItemProps<T> & {
     ref?: React.ForwardedRef<ElementTypeToDOMType<T>>;
 }) => ReturnType<typeof BaseMenuItemInner>;

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

@@ -1 +1 @@
-{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/base-menu/item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAGtD,OAAO,YAAY,CAAC;AAEpB,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,GAAG,KAAK,IAC/E,wBAAwB,CAAC,CAAC,CAAC,GAAG;IAC5B,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qDAAqD;IACrD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uDAAuD;IACvD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iCAAiC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sCAAsC;IACtC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,+CAA+C;IAC/C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,+BAA+B;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,4CAA4C;IAC5C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gDAAgD;IAChD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC;IAC/E,2CAA2C;IAC3C,UAAU,CAAC,EAAE;QACX,4CAA4C;QAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,oCAAoC;QACpC,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,oCAAoC;QACpC,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,sCAAsC;QACtC,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC;IAC9B,EAAE,CAAC,EAAE,CAAC,CAAC;CACR,CAAC;AAEJ,QAAA,MAAM,iBAAiB,GAAI,CAAC,SAAS,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,GAAG,KAAK,EAC5E,+JAiBG,iBAAiB,CAAC,CAAC,CAAC,EACvB,KAAK,KAAK,CAAC,YAAY,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,SA8CjD,CAAC;AAEF,eAAO,MAAM,YAAY,EAAoC,CAC3D,CAAC,SAAS,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,GAAG,KAAK,EAEnD,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG;IAC5B,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC;CACnD,KACE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC"}
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/base-menu/item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAGtD,OAAO,YAAY,CAAC;AAEpB,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,KAAK,uBAAuB,GAAG;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,GAAG,KAAK,IAC/E,wBAAwB,CAAC,CAAC,CAAC,GAAG;IAC5B,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qDAAqD;IACrD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uDAAuD;IACvD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iCAAiC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sCAAsC;IACtC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mDAAmD;IACnD,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,+CAA+C;IAC/C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,+BAA+B;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,4CAA4C;IAC5C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gDAAgD;IAChD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC;IAC/E,2CAA2C;IAC3C,UAAU,CAAC,EAAE;QACX,4CAA4C;QAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,oCAAoC;QACpC,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,oCAAoC;QACpC,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,2CAA2C;QAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,sCAAsC;QACtC,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC;IACvD,EAAE,CAAC,EAAE,CAAC,CAAC;CACR,CAAC;AAEJ,QAAA,MAAM,iBAAiB,GAAI,CAAC,SAAS,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,GAAG,KAAK,EAC5E,qLAmBG,iBAAiB,CAAC,CAAC,CAAC,EACvB,KAAK,KAAK,CAAC,YAAY,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,SA8EjD,CAAC;AAEF,eAAO,MAAM,YAAY,EAAoC,CAC3D,CAAC,SAAS,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,GAAG,KAAK,EAEnD,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG;IAC5B,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC;CACnD,KACE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC"}

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

@@ -1,66 +1,81 @@
-import { jsxs as v, Fragment as R, jsx as r } from "react/jsx-runtime";
-import { forwardRef as j } from "react";
+import { jsxs as k, Fragment as j, jsx as n } from "react/jsx-runtime";
+import { forwardRef as B } from "react";
 import './item.css';/* empty css         */
-import { useRender as k } from "@base-ui/react";
-import { useCls as B } from "../utils/antdUtils.js";
-import { Checkbox as E } from "../checkbox/component.js";
+import { useRender as E } from "@base-ui/react";
+import { useCls as M } from "../utils/antdUtils.js";
+import { Checkbox as P } from "../checkbox/component.js";
 import { clsx as a } from "../utils/cn.js";
-import { WithRenderProp as M } from "../utils/WithRenderProp.js";
-const N = ({
-  disabled: n = !1,
-  danger: c = !1,
+import { WithRenderProp as w } from "../utils/WithRenderProp.js";
+const F = ({
+  disabled: t = !1,
+  danger: i = !1,
   selected: m = !1,
-  active: f = !1,
-  focused: l = !1,
-  icon: o,
-  children: s,
-  suffix: d,
-  showCheckbox: i = !1,
-  indeterminate: p = !1,
-  labelRender: u,
-  classNames: t,
-  render: x,
-  onSelect: w,
-  as: h,
-  ...b
-}, I) => {
-  const e = B(), g = /* @__PURE__ */ v(R, { children: [
-    i && /* @__PURE__ */ r(E, { checked: m, tabIndex: -1, indeterminate: p }),
-    o && /* @__PURE__ */ r("span", { className: a(e("menu-item-icon"), t?.icon), children: o }),
-    s && /* @__PURE__ */ r(
-      M,
+  active: d = !1,
+  focused: f = !1,
+  icon: l,
+  children: o,
+  description: s,
+  suffix: c,
+  showCheckbox: p = !1,
+  indeterminate: I = !1,
+  labelRender: v,
+  classNames: r,
+  render: C,
+  onSelect: u,
+  as: N,
+  onClick: h,
+  ...R
+}, b) => {
+  const e = M(), g = /* @__PURE__ */ k(j, { children: [
+    p && /* @__PURE__ */ n(
+      P,
       {
-        render: u,
-        as: "span",
-        className: a(e("menu-item-text"), t?.text),
-        children: s
+        checked: m,
+        disabled: t,
+        tabIndex: -1,
+        indeterminate: I
       }
     ),
-    d && /* @__PURE__ */ r("span", { className: a(e("menu-item-suffix"), t?.suffix), children: d })
+    l && /* @__PURE__ */ n("span", { className: a(e("menu-item-icon"), r?.icon), children: l }),
+    (o || s) && /* @__PURE__ */ k("span", { className: a(e("menu-item-text"), r?.text), children: [
+      o && /* @__PURE__ */ n(w, { render: v, as: "span", className: e("menu-item-label"), children: o }),
+      s && /* @__PURE__ */ n("span", { className: a(e("menu-item-description"), r?.description), children: s })
+    ] }),
+    c && /* @__PURE__ */ n("span", { className: a(e("menu-item-suffix"), r?.suffix), children: c })
   ] });
-  return k({
-    render: x || void 0,
+  return E({
+    render: C || void 0,
+    state: {
+      disabled: t,
+      danger: i,
+      selected: m,
+      active: d,
+      focused: f
+    },
     props: {
-      ...b,
+      ...R,
+      onClick: h || u ? (x) => {
+        t || (h?.(x), x.defaultPrevented || u?.());
+      } : void 0,
       className: a(
         // Base menu item styles
         e("menu-item-base"),
-        i && e("menu-item-show-checkbox"),
-        t?.root
+        p && e("menu-item-show-checkbox"),
+        r?.root
       ),
-      "data-disabled": n,
-      "data-danger": c,
+      "data-disabled": t,
+      "data-danger": i,
       "data-selected": m,
-      "data-active": f,
-      "data-focus": l,
-      "aria-disabled": n,
+      "data-active": d,
+      "data-focus": f,
+      "aria-disabled": t,
       children: g
     },
-    ref: I,
-    defaultTagName: h || "div"
+    ref: b,
+    defaultTagName: N || "div"
   });
-}, A = j(N);
+}, K = B(F);
 export {
-  A as BaseMenuItem
+  K as BaseMenuItem
 };
 //# sourceMappingURL=item.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"item.js","sources":["../../../src/components/base-menu/item.tsx"],"sourcesContent":["import React, { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { clsx, useCls, WithRenderProp } from \"../utils\";\nimport { ElementTypeToDOMType } from \"../utils/types\";\nimport { Checkbox } from \"../checkbox\";\n\nimport \"./item.css\";\n\nimport { useRender } from \"@base-ui/react\";\n\nexport type BaseMenuItemProps<T extends keyof React.JSX.IntrinsicElements = \"div\"> =\n  ComponentPropsWithoutRef<T> & {\n    /** Whether the item is disabled */\n    disabled?: boolean;\n    /** Whether the item represents a dangerous action */\n    danger?: boolean;\n    /** Whether the item is currently selected */\n    selected?: boolean;\n    /** Whether the item is currently active/highlighted */\n    active?: boolean;\n    /** Whether the item has focus */\n    focused?: boolean;\n    /** Icon to display before the text */\n    icon?: React.ReactNode;\n    /** Text content of the item */\n    children?: React.ReactNode;\n    /** Suffix content to display after the text */\n    suffix?: React.ReactNode;\n    /** Whether to show checkbox */\n    showCheckbox?: boolean;\n    /** Whether the checkbox is indeterminate */\n    indeterminate?: boolean;\n    /** Custom render function for the item label */\n    labelRender?: (props: React.HTMLAttributes<HTMLElement>) => React.ReactElement;\n    /** Custom className for different parts */\n    classNames?: {\n      /** Custom className for the root element */\n      root?: string;\n      /** Custom className for the icon */\n      icon?: string;\n      /** Custom className for the text */\n      text?: string;\n      /** Custom className for the suffix */\n      suffix?: string;\n    };\n    onSelect?: () => void;\n    render?: useRender.RenderProp;\n    as?: T;\n  };\n\nconst BaseMenuItemInner = <T extends keyof React.JSX.IntrinsicElements = \"div\">(\n  {\n    disabled = false,\n    danger = false,\n    selected = false,\n    active = false,\n    focused = false,\n    icon,\n    children,\n    suffix,\n    showCheckbox = false,\n    indeterminate = false,\n    labelRender,\n    classNames,\n    render,\n    onSelect,\n    as,\n    ...props\n  }: BaseMenuItemProps<T>,\n  ref: React.ForwardedRef<ElementTypeToDOMType<T>>,\n) => {\n  const cls = useCls();\n\n  const content = (\n    <>\n      {showCheckbox && <Checkbox checked={selected} tabIndex={-1} indeterminate={indeterminate} />}\n      {icon && <span className={clsx(cls(\"menu-item-icon\"), classNames?.icon)}>{icon}</span>}\n      {children && (\n        <WithRenderProp\n          render={labelRender}\n          as=\"span\"\n          className={clsx(cls(\"menu-item-text\"), classNames?.text)}\n        >\n          {children}\n        </WithRenderProp>\n      )}\n      {suffix && (\n        <span className={clsx(cls(\"menu-item-suffix\"), classNames?.suffix)}>{suffix}</span>\n      )}\n    </>\n  );\n\n  const renderedElement = useRender({\n    render: render || undefined,\n    props: {\n      ...props,\n      className: clsx(\n        // Base menu item styles\n        cls(\"menu-item-base\"),\n        showCheckbox && cls(\"menu-item-show-checkbox\"),\n        classNames?.root,\n      ),\n      \"data-disabled\": disabled,\n      \"data-danger\": danger,\n      \"data-selected\": selected,\n      \"data-active\": active,\n      \"data-focus\": focused,\n      \"aria-disabled\": disabled,\n      children: content,\n    },\n    ref: ref as unknown as React.Ref<ElementTypeToDOMType<T>>,\n    defaultTagName: as || \"div\",\n  });\n\n  return renderedElement;\n};\n\nexport const BaseMenuItem = forwardRef(BaseMenuItemInner) as <\n  T extends keyof React.JSX.IntrinsicElements = \"div\",\n>(\n  props: BaseMenuItemProps<T> & {\n    ref?: React.ForwardedRef<ElementTypeToDOMType<T>>;\n  },\n) => ReturnType<typeof BaseMenuItemInner>;\n"],"names":["BaseMenuItemInner","disabled","danger","selected","active","focused","icon","children","suffix","showCheckbox","indeterminate","labelRender","classNames","render","onSelect","as","props","ref","cls","useCls","content","jsxs","Fragment","Checkbox","jsx","clsx","WithRenderProp","useRender","BaseMenuItem","forwardRef"],"mappings":";;;;;;;;AAiDA,MAAMA,IAAoB,CACxB;AAAA,EACE,UAAAC,IAAW;AAAA,EACX,QAAAC,IAAS;AAAA,EACT,UAAAC,IAAW;AAAA,EACX,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,eAAAC,IAAgB;AAAA,EAChB,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,IAAAC;AAAA,EACA,GAAGC;AACL,GACAC,MACG;AACH,QAAMC,IAAMC,EAAA,GAENC,IACJ,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAb,uBAAiBc,GAAA,EAAS,SAASpB,GAAU,UAAU,IAAI,eAAAO,GAA8B;AAAA,IACzFJ,KAAQ,gBAAAkB,EAAC,QAAA,EAAK,WAAWC,EAAKP,EAAI,gBAAgB,GAAGN,GAAY,IAAI,GAAI,UAAAN,EAAA,CAAK;AAAA,IAC9EC,KACC,gBAAAiB;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,QAAQf;AAAA,QACR,IAAG;AAAA,QACH,WAAWc,EAAKP,EAAI,gBAAgB,GAAGN,GAAY,IAAI;AAAA,QAEtD,UAAAL;AAAA,MAAA;AAAA,IAAA;AAAA,IAGJC,KACC,gBAAAgB,EAAC,QAAA,EAAK,WAAWC,EAAKP,EAAI,kBAAkB,GAAGN,GAAY,MAAM,GAAI,UAAAJ,EAAA,CAAO;AAAA,EAAA,GAEhF;AAyBF,SAtBwBmB,EAAU;AAAA,IAChC,QAAQd,KAAU;AAAA,IAClB,OAAO;AAAA,MACL,GAAGG;AAAA,MACH,WAAWS;AAAA;AAAA,QAETP,EAAI,gBAAgB;AAAA,QACpBT,KAAgBS,EAAI,yBAAyB;AAAA,QAC7CN,GAAY;AAAA,MAAA;AAAA,MAEd,iBAAiBX;AAAA,MACjB,eAAeC;AAAA,MACf,iBAAiBC;AAAA,MACjB,eAAeC;AAAA,MACf,cAAcC;AAAA,MACd,iBAAiBJ;AAAA,MACjB,UAAUmB;AAAA,IAAA;AAAA,IAEZ,KAAAH;AAAA,IACA,gBAAgBF,KAAM;AAAA,EAAA,CACvB;AAGH,GAEaa,IAAeC,EAAW7B,CAAiB;"}
+{"version":3,"file":"item.js","sources":["../../../src/components/base-menu/item.tsx"],"sourcesContent":["import React, { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { clsx, useCls, WithRenderProp } from \"../utils\";\nimport { ElementTypeToDOMType } from \"../utils/types\";\nimport { Checkbox } from \"../checkbox\";\n\nimport \"./item.css\";\n\nimport { useRender } from \"@base-ui/react\";\n\ntype BaseMenuItemRenderState = {\n  disabled: boolean;\n  danger: boolean;\n  selected: boolean;\n  active: boolean;\n  focused: boolean;\n};\n\nexport type BaseMenuItemProps<T extends keyof React.JSX.IntrinsicElements = \"div\"> =\n  ComponentPropsWithoutRef<T> & {\n    /** Whether the item is disabled */\n    disabled?: boolean;\n    /** Whether the item represents a dangerous action */\n    danger?: boolean;\n    /** Whether the item is currently selected */\n    selected?: boolean;\n    /** Whether the item is currently active/highlighted */\n    active?: boolean;\n    /** Whether the item has focus */\n    focused?: boolean;\n    /** Icon to display before the text */\n    icon?: React.ReactNode;\n    /** Text content of the item */\n    children?: React.ReactNode;\n    /** Secondary text content shown under the label */\n    description?: React.ReactNode;\n    /** Suffix content to display after the text */\n    suffix?: React.ReactNode;\n    /** Whether to show checkbox */\n    showCheckbox?: boolean;\n    /** Whether the checkbox is indeterminate */\n    indeterminate?: boolean;\n    /** Custom render function for the item label */\n    labelRender?: (props: React.HTMLAttributes<HTMLElement>) => React.ReactElement;\n    /** Custom className for different parts */\n    classNames?: {\n      /** Custom className for the root element */\n      root?: string;\n      /** Custom className for the icon */\n      icon?: string;\n      /** Custom className for the text */\n      text?: string;\n      /** Custom className for the description */\n      description?: string;\n      /** Custom className for the suffix */\n      suffix?: string;\n    };\n    onSelect?: () => void;\n    render?: useRender.RenderProp<BaseMenuItemRenderState>;\n    as?: T;\n  };\n\nconst BaseMenuItemInner = <T extends keyof React.JSX.IntrinsicElements = \"div\">(\n  {\n    disabled = false,\n    danger = false,\n    selected = false,\n    active = false,\n    focused = false,\n    icon,\n    children,\n    description,\n    suffix,\n    showCheckbox = false,\n    indeterminate = false,\n    labelRender,\n    classNames,\n    render,\n    onSelect,\n    as,\n    onClick,\n    ...props\n  }: BaseMenuItemProps<T>,\n  ref: React.ForwardedRef<ElementTypeToDOMType<T>>,\n) => {\n  const cls = useCls();\n\n  const content = (\n    <>\n      {showCheckbox && (\n        <Checkbox\n          checked={selected}\n          disabled={disabled}\n          tabIndex={-1}\n          indeterminate={indeterminate}\n        />\n      )}\n      {icon && <span className={clsx(cls(\"menu-item-icon\"), classNames?.icon)}>{icon}</span>}\n      {(children || description) && (\n        <span className={clsx(cls(\"menu-item-text\"), classNames?.text)}>\n          {children && (\n            <WithRenderProp render={labelRender} as=\"span\" className={cls(\"menu-item-label\")}>\n              {children}\n            </WithRenderProp>\n          )}\n          {description && (\n            <span className={clsx(cls(\"menu-item-description\"), classNames?.description)}>\n              {description}\n            </span>\n          )}\n        </span>\n      )}\n      {suffix && (\n        <span className={clsx(cls(\"menu-item-suffix\"), classNames?.suffix)}>{suffix}</span>\n      )}\n    </>\n  );\n\n  const handleClick: React.MouseEventHandler<ElementTypeToDOMType<T>> = (event) => {\n    if (disabled) {\n      return;\n    }\n\n    (onClick as React.MouseEventHandler<ElementTypeToDOMType<T>> | undefined)?.(event);\n\n    if (!event.defaultPrevented) {\n      onSelect?.();\n    }\n  };\n\n  const renderedElement = useRender({\n    render: render || undefined,\n    state: {\n      disabled,\n      danger,\n      selected,\n      active,\n      focused,\n    },\n    props: {\n      ...props,\n      onClick: onClick || onSelect ? handleClick : undefined,\n      className: clsx(\n        // Base menu item styles\n        cls(\"menu-item-base\"),\n        showCheckbox && cls(\"menu-item-show-checkbox\"),\n        classNames?.root,\n      ),\n      \"data-disabled\": disabled,\n      \"data-danger\": danger,\n      \"data-selected\": selected,\n      \"data-active\": active,\n      \"data-focus\": focused,\n      \"aria-disabled\": disabled,\n      children: content,\n    },\n    ref: ref as unknown as React.Ref<ElementTypeToDOMType<T>>,\n    defaultTagName: as || \"div\",\n  });\n\n  return renderedElement;\n};\n\nexport const BaseMenuItem = forwardRef(BaseMenuItemInner) as <\n  T extends keyof React.JSX.IntrinsicElements = \"div\",\n>(\n  props: BaseMenuItemProps<T> & {\n    ref?: React.ForwardedRef<ElementTypeToDOMType<T>>;\n  },\n) => ReturnType<typeof BaseMenuItemInner>;\n"],"names":["BaseMenuItemInner","disabled","danger","selected","active","focused","icon","children","description","suffix","showCheckbox","indeterminate","labelRender","classNames","render","onSelect","as","onClick","props","ref","cls","useCls","content","jsxs","Fragment","jsx","Checkbox","clsx","WithRenderProp","useRender","event","BaseMenuItem","forwardRef"],"mappings":";;;;;;;;AA6DA,MAAMA,IAAoB,CACxB;AAAA,EACE,UAAAC,IAAW;AAAA,EACX,QAAAC,IAAS;AAAA,EACT,UAAAC,IAAW;AAAA,EACX,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,eAAAC,IAAgB;AAAA,EAChB,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,IAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,GACAC,MACG;AACH,QAAMC,IAAMC,EAAA,GAENC,IACJ,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAd,KACC,gBAAAe;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAASvB;AAAA,QACT,UAAAF;AAAA,QACA,UAAU;AAAA,QACV,eAAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAGHL,KAAQ,gBAAAmB,EAAC,QAAA,EAAK,WAAWE,EAAKP,EAAI,gBAAgB,GAAGP,GAAY,IAAI,GAAI,UAAAP,EAAA,CAAK;AAAA,KAC7EC,KAAYC,MACZ,gBAAAe,EAAC,QAAA,EAAK,WAAWI,EAAKP,EAAI,gBAAgB,GAAGP,GAAY,IAAI,GAC1D,UAAA;AAAA,MAAAN,KACC,gBAAAkB,EAACG,GAAA,EAAe,QAAQhB,GAAa,IAAG,QAAO,WAAWQ,EAAI,iBAAiB,GAC5E,UAAAb,EAAA,CACH;AAAA,MAEDC,KACC,gBAAAiB,EAAC,QAAA,EAAK,WAAWE,EAAKP,EAAI,uBAAuB,GAAGP,GAAY,WAAW,GACxE,UAAAL,EAAA,CACH;AAAA,IAAA,GAEJ;AAAA,IAEDC,KACC,gBAAAgB,EAAC,QAAA,EAAK,WAAWE,EAAKP,EAAI,kBAAkB,GAAGP,GAAY,MAAM,GAAI,UAAAJ,EAAA,CAAO;AAAA,EAAA,GAEhF;AA6CF,SA9BwBoB,EAAU;AAAA,IAChC,QAAQf,KAAU;AAAA,IAClB,OAAO;AAAA,MACL,UAAAb;AAAA,MACA,QAAAC;AAAA,MACA,UAAAC;AAAA,MACA,QAAAC;AAAA,MACA,SAAAC;AAAA,IAAA;AAAA,IAEF,OAAO;AAAA,MACL,GAAGa;AAAA,MACH,SAASD,KAAWF,IAvB8C,CAACe,MAAU;AAC/E,QAAI7B,MAIHgB,IAA2Ea,CAAK,GAE5EA,EAAM,oBACTf,IAAA;AAAA,MAEJ,IAaiD;AAAA,MAC7C,WAAWY;AAAA;AAAA,QAETP,EAAI,gBAAgB;AAAA,QACpBV,KAAgBU,EAAI,yBAAyB;AAAA,QAC7CP,GAAY;AAAA,MAAA;AAAA,MAEd,iBAAiBZ;AAAA,MACjB,eAAeC;AAAA,MACf,iBAAiBC;AAAA,MACjB,eAAeC;AAAA,MACf,cAAcC;AAAA,MACd,iBAAiBJ;AAAA,MACjB,UAAUqB;AAAA,IAAA;AAAA,IAEZ,KAAAH;AAAA,IACA,gBAAgBH,KAAM;AAAA,EAAA,CACvB;AAGH,GAEae,IAAeC,EAAWhC,CAAiB;"}

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

@@ -1 +1 @@
-@layer components{.ds-base-menu-root{z-index:var(--ds-z-index-dropdown)}.ds-base-menu-divider{border-bottom:1px solid var(--ds-color-split);margin:.25rem 0}.ds-base-menu-popup{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-base-menu-popup[data-ending-style],.ds-base-menu-popup[data-starting-style]{transform:scale(.9);opacity:0}.ds-base-menu-popup:focus{outline:none}.ds-base-menu-popup .ds-base-menu-container{flex-shrink:1;min-height:0;display:flex;flex-direction:column}.ds-base-menu-popup .ds-base-menu-search{flex-shrink:0}.ds-base-menu-popup .ds-base-menu-list,.ds-base-menu-popup .ds-base-menu-list [cmdk-list-sizer]{flex-shrink:1;min-height:0;display:flex;flex-direction:column}}
+@layer components{.ds-base-menu-root{z-index:var(--ds-z-index-dropdown);display:flex;flex-direction:column;gap:.25rem}.ds-base-menu-divider{border-bottom:1px solid var(--ds-color-split);margin:.25rem 0}.ds-base-menu-popup{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-base-menu-popup[data-ending-style],.ds-base-menu-popup[data-starting-style]{transform:scale(.9);opacity:0}.ds-base-menu-popup:focus{outline:none}.ds-base-menu-popup .ds-base-menu-container{flex-shrink:1;min-height:0;display:flex;flex-direction:column}.ds-base-menu-popup .ds-base-menu-search{flex-shrink:0}.ds-base-menu-popup .ds-base-menu-list,.ds-base-menu-popup .ds-base-menu-list [cmdk-list-sizer]{flex-shrink:1;min-height:0;display:flex;flex-direction:column}}

package/dist/components/combobox/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/component.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EACZ,YAAY,EAOb,MAAM,OAAO,CAAC;AAUf,OAAO,KAAK,EAAkB,aAAa,EAAE,MAAM,SAAS,CAAC;AAG7D,OAAO,aAAa,CAAC;AAErB,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAQ7D,QAAA,MAAM,aAAa,GACjB,CAAC,SAAS,KAAK,CAAC,GAAG,EACnB,CAAC,SAAS,OAAO,EACjB,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,EAAE,EAEtC,mcAmCG,aAAa,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EACzB,KAAK,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,4CAkbxC,CAAC;AAUF,eAAO,MAAM,QAAQ,GAPnB,CAAC,SAAS,KAAK,CAAC,GAAG,EACnB,CAAC,SAAS,OAAO,EACjB,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,cAE1B,aAAa,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,YAAY,CAAC,cAAc,CAAC,CAAA;CAAE,KACnE,UAAU,CAAC,OAAO,aAAa,CAIlC,CAAC;AAEH,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/component.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EACZ,YAAY,EAOb,MAAM,OAAO,CAAC;AAUf,OAAO,KAAK,EAAkB,aAAa,EAAE,MAAM,SAAS,CAAC;AAG7D,OAAO,aAAa,CAAC;AAErB,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAQ7D,QAAA,MAAM,aAAa,GACjB,CAAC,SAAS,KAAK,CAAC,GAAG,EACnB,CAAC,SAAS,OAAO,EACjB,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,EAAE,EAEtC,mcAmCG,aAAa,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EACzB,KAAK,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,4CAibxC,CAAC;AAUF,eAAO,MAAM,QAAQ,GAPnB,CAAC,SAAS,KAAK,CAAC,GAAG,EACnB,CAAC,SAAS,OAAO,EACjB,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,cAE1B,aAAa,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,YAAY,CAAC,cAAc,CAAC,CAAA;CAAE,KACnE,UAAU,CAAC,OAAO,aAAa,CAIlC,CAAC;AAEH,eAAe,QAAQ,CAAC"}