@bioturing/components 0.39.0 → 0.40.1

package/dist/base.d.ts

@@ -1,2 +1,36 @@
-export * from '@base-ui-components/react';
+export * from '@base-ui/react';
+export { isWebKit, isIOS, isFirefox, isSafari, isEdge, isAndroid, isMac, isJSDOM as isJSDOMFromDetectBrowser, } from '@base-ui/utils/detectBrowser';
+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/fastObjectShallowCompare';
+export * from '@base-ui/utils/formatErrorMessage';
+export * from '@base-ui/utils/generateId';
+export * from '@base-ui/utils/getReactElementRef';
+export * from '@base-ui/utils/inertValue';
+export * from '@base-ui/utils/isElementDisabled';
+export * from '@base-ui/utils/isMouseWithinBounds';
+export * from '@base-ui/utils/mergeObjects';
+export * from '@base-ui/utils/owner';
+export * from '@base-ui/utils/reactVersion';
+export * from '@base-ui/utils/safeReact';
+export * from '@base-ui/utils/useAnimationFrame';
+export * from '@base-ui/utils/useControlled';
+export * from '@base-ui/utils/useEnhancedClickHandler';
+export * from '@base-ui/utils/useForcedRerendering';
+export * from '@base-ui/utils/useId';
+export * from '@base-ui/utils/useInterval';
+export * from '@base-ui/utils/useIsoLayoutEffect';
+export * from '@base-ui/utils/useMergedRefs';
+export * from '@base-ui/utils/useOnFirstRender';
+export * from '@base-ui/utils/useOnMount';
+export * from '@base-ui/utils/usePreviousValue';
+export * from '@base-ui/utils/useRefWithInit';
+export * from '@base-ui/utils/useScrollLock';
+export * from '@base-ui/utils/useStableCallback';
+export * from '@base-ui/utils/useTimeout';
+export * from '@base-ui/utils/useValueAsRef';
+export * from '@base-ui/utils/visuallyHidden';
+export * from '@base-ui/utils/warn';
+export * from '@base-ui/utils/store';
 //# sourceMappingURL=base.d.ts.map

package/dist/base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../src/base.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,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,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

@@ -1,2 +1,48 @@
-export * from "@base-ui-components/react";
+export * from "@base-ui/react";
+import { isAndroid as t, isEdge as f, isFirefox as p, isIOS as x, isJSDOM as m, isMac as i, isSafari as s, isWebKit as S } from "@base-ui/utils/detectBrowser";
+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/fastObjectShallowCompare";
+export * from "@base-ui/utils/formatErrorMessage";
+export * from "@base-ui/utils/generateId";
+export * from "@base-ui/utils/getReactElementRef";
+export * from "@base-ui/utils/inertValue";
+export * from "@base-ui/utils/isElementDisabled";
+export * from "@base-ui/utils/isMouseWithinBounds";
+export * from "@base-ui/utils/mergeObjects";
+export * from "@base-ui/utils/owner";
+export * from "@base-ui/utils/reactVersion";
+export * from "@base-ui/utils/safeReact";
+export * from "@base-ui/utils/useAnimationFrame";
+export * from "@base-ui/utils/useControlled";
+export * from "@base-ui/utils/useEnhancedClickHandler";
+export * from "@base-ui/utils/useForcedRerendering";
+export * from "@base-ui/utils/useId";
+export * from "@base-ui/utils/useInterval";
+export * from "@base-ui/utils/useIsoLayoutEffect";
+export * from "@base-ui/utils/useMergedRefs";
+export * from "@base-ui/utils/useOnFirstRender";
+export * from "@base-ui/utils/useOnMount";
+export * from "@base-ui/utils/usePreviousValue";
+export * from "@base-ui/utils/useRefWithInit";
+export * from "@base-ui/utils/useScrollLock";
+export * from "@base-ui/utils/useStableCallback";
+export * from "@base-ui/utils/useTimeout";
+export * from "@base-ui/utils/useValueAsRef";
+export * from "@base-ui/utils/visuallyHidden";
+export * from "@base-ui/utils/warn";
+export * from "@base-ui/utils/store";
+export {
+  D as expectType,
+  t as isAndroid,
+  f as isEdge,
+  p as isFirefox,
+  x as isIOS,
+  M as isJSDOM,
+  m as isJSDOMFromDetectBrowser,
+  i as isMac,
+  s as isSafari,
+  S as isWebKit
+};
 //# sourceMappingURL=base.js.map

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/base-menu/component.d.ts

@@ -5,7 +5,7 @@ export declare const BaseMenuContainer: React.ForwardRefExoticComponent<Omit<Rea
 export declare const BaseMenuList: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export declare const BaseMenuSearch: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export declare const BaseMenuDivider: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    render?: import("@base-ui-components/react").useRender.RenderProp<Record<string, unknown>>;
+    render?: import("@base-ui/react").useRender.RenderProp<Record<string, unknown>>;
     as?: "div";
     state?: Record<string, unknown>;
 } & React.RefAttributes<HTMLDivElement>>;

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

@@ -7,7 +7,7 @@ export declare const BaseMenu: {
     Search: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
     List: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
     Divider: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        render?: import("@base-ui-components/react").useRender.RenderProp<Record<string, unknown>>;
+        render?: import("@base-ui/react").useRender.RenderProp<Record<string, unknown>>;
         as?: "div";
         state?: Record<string, unknown>;
     } & import('react').RefAttributes<HTMLDivElement>>;

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;;;;;;;;;;;2BASs9F,MAAO,GAAG,CAAC,iBAAiB;WAAqD,CAAC,EAAC,MAAO,YAAY;yCAAh5D,MAAO,GAAG,CAAC,iBAAiB,sMAAkU,MAAO,YAAY;CADjjD,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;;;;;;;;;;;;WAS4hG,CAAC;;CADjjG,CAAC"}

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

@@ -1,7 +1,7 @@
-import { BaseMenuPopup as e, BaseMenuRoot as o, BaseMenuDivider as s, BaseMenuList as i } from "./component.js";
+import { BaseMenuRoot as e, BaseMenuPopup as o, BaseMenuDivider as s, BaseMenuList as i } from "./component.js";
 const u = {
-  Root: o,
-  Popup: e,
+  Root: e,
+  Popup: o,
   List: i,
   Divider: s
 };

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

@@ -1,6 +1,6 @@
 import { default as React, ComponentPropsWithoutRef } from 'react';
 import { ElementTypeToDOMType } from '../utils/types';
-import { useRender } from '@base-ui-components/react';
+import { useRender } from '@base-ui/react';
 export type BaseMenuItemProps<T extends keyof React.JSX.IntrinsicElements = "div"> = ComponentPropsWithoutRef<T> & {
     /** Whether the item is disabled */
     disabled?: boolean;

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,2BAA2B,CAAC;AAEtD,MAAM,MAAM,iBAAiB,CAC3B,CAAC,SAAS,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,GAAG,KAAK,IACjD,wBAAwB,CAAC,CAAC,CAAC,GAAG;IAChC,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,CACZ,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KACrC,KAAK,CAAC,YAAY,CAAC;IACxB,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;AAEF,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,SA0DjD,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,MAAM,MAAM,iBAAiB,CAC3B,CAAC,SAAS,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,GAAG,KAAK,IACjD,wBAAwB,CAAC,CAAC,CAAC,GAAG;IAChC,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,CACZ,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KACrC,KAAK,CAAC,YAAY,CAAC;IACxB,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;AAEF,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,SA0DjD,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

@@ -2,7 +2,7 @@ import { jsxs as v, Fragment as R, jsx as r } from "react/jsx-runtime";
 import { forwardRef as j } from "react";
 import { Checkbox as k } from "antd";
 import './item.css';/* empty css         */
-import { useRender as B } from "@base-ui-components/react";
+import { useRender as B } from "@base-ui/react";
 import { useCls as E } from "../utils/antdUtils.js";
 import { clsx as a } from "../utils/cn.js";
 import { WithRenderProp as M } from "../utils/WithRenderProp.js";

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 \"antd\";\n\nimport \"./item.css\";\n\nimport { useRender } from \"@base-ui-components/react\";\n\nexport type BaseMenuItemProps<\n  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?: (\n    props: React.HTMLAttributes<HTMLElement>\n  ) => 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 && (\n        <Checkbox\n          checked={selected}\n          tabIndex={-1}\n          indeterminate={indeterminate}\n        />\n      )}\n      {icon && (\n        <span className={clsx(cls(\"menu-item-icon\"), classNames?.icon)}>\n          {icon}\n        </span>\n      )}\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)}>\n          {suffix}\n        </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","jsx","Checkbox","clsx","WithRenderProp","useRender","BaseMenuItem","forwardRef"],"mappings":";;;;;;;;AAoDA,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,KACC,gBAAAc;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAASrB;AAAA,QACT,UAAU;AAAA,QACV,eAAAO;AAAA,MAAA;AAAA,IAAA;AAAA,IAGHJ,KACC,gBAAAiB,EAAC,QAAA,EAAK,WAAWE,EAAKP,EAAI,gBAAgB,GAAGN,GAAY,IAAI,GAC1D,UAAAN,EAAA,CACH;AAAA,IAEDC,KACC,gBAAAgB;AAAA,MAACG;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,gBAAAe,EAAC,QAAA,EAAK,WAAWE,EAAKP,EAAI,kBAAkB,GAAGN,GAAY,MAAM,GAC9D,UAAAJ,EAAA,CACH;AAAA,EAAA,GAEJ;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 \"antd\";\n\nimport \"./item.css\";\n\nimport { useRender } from \"@base-ui/react\";\n\nexport type BaseMenuItemProps<\n  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?: (\n    props: React.HTMLAttributes<HTMLElement>\n  ) => 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 && (\n        <Checkbox\n          checked={selected}\n          tabIndex={-1}\n          indeterminate={indeterminate}\n        />\n      )}\n      {icon && (\n        <span className={clsx(cls(\"menu-item-icon\"), classNames?.icon)}>\n          {icon}\n        </span>\n      )}\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)}>\n          {suffix}\n        </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","jsx","Checkbox","clsx","WithRenderProp","useRender","BaseMenuItem","forwardRef"],"mappings":";;;;;;;;AAoDA,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,KACC,gBAAAc;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAASrB;AAAA,QACT,UAAU;AAAA,QACV,eAAAO;AAAA,MAAA;AAAA,IAAA;AAAA,IAGHJ,KACC,gBAAAiB,EAAC,QAAA,EAAK,WAAWE,EAAKP,EAAI,gBAAgB,GAAGN,GAAY,IAAI,GAC1D,UAAAN,EAAA,CACH;AAAA,IAEDC,KACC,gBAAAgB;AAAA,MAACG;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,gBAAAe,EAAC,QAAA,EAAK,WAAWE,EAAKP,EAAI,kBAAkB,GAAGN,GAAY,MAAM,GAC9D,UAAAJ,EAAA,CACH;AAAA,EAAA,GAEJ;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;"}

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

@@ -6,7 +6,7 @@ export interface ButtonProps extends AntdButtonProps {
      */
     negativeMargin?: boolean;
 }
-declare const ButtonInner: ({ negativeMargin, type, size, variant, icon, loading, classNames, ...rest }: ButtonProps, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) => import("react/jsx-runtime").JSX.Element;
+declare const ButtonInner: ({ negativeMargin, type, size, variant, icon, loading, classNames, className, ...rest }: ButtonProps, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) => import("react/jsx-runtime").JSX.Element;
 export declare const Button: (props: ButtonProps & {
     ref?: React.ForwardedRef<HTMLButtonElement | HTMLAnchorElement>;
 }) => ReturnType<typeof ButtonInner>;

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/button/component.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,WAAW,IAAI,eAAe,EACpC,MAAM,gBAAgB,CAAC;AAOxB,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,QAAA,MAAM,WAAW,GACf,6EASG,WAAW,EACd,KAAK,KAAK,CAAC,GAAG,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,4CA2CtD,CAAC;AAEF,eAAO,MAAM,MAAM,EAA8B,CAC/C,KAAK,EAAE,WAAW,GAAG;IACnB,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;CACjE,KACE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/button/component.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,WAAW,IAAI,eAAe,EACpC,MAAM,gBAAgB,CAAC;AAOxB,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,QAAA,MAAM,WAAW,GACf,wFAUG,WAAW,EACd,KAAK,KAAK,CAAC,GAAG,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,4CA2CtD,CAAC;AAEF,eAAO,MAAM,MAAM,EAA8B,CAC/C,KAAK,EAAE,WAAW,GAAG;IACnB,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;CACjE,KACE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC"}

package/dist/components/button/component.js

@@ -1,12 +1,12 @@
 "use client";
 import { jsx as r } from "react/jsx-runtime";
-import f from "antd/es/button";
-import { forwardRef as d } from "react";
-import { CircleNotchIcon as b } from "@bioturing/assets";
+import d from "antd/es/button";
+import { forwardRef as b } from "react";
+import { CircleNotchIcon as g } from "@bioturing/assets";
 import './style.css';/* empty css          */
-import { useCls as g } from "../utils/antdUtils.js";
-import { cn as w } from "../utils/cn.js";
-const N = ({
+import { useCls as w } from "../utils/antdUtils.js";
+import { cn as N } from "../utils/cn.js";
+const x = ({
   negativeMargin: m = !0,
   type: t,
   size: e,
@@ -14,28 +14,29 @@ const N = ({
   icon: i,
   loading: c,
   classNames: p,
-  ...a
-}, l) => {
-  const u = m && (n === "text" || n === "link" || t == "text" || t === "link"), o = g(), s = /* @__PURE__ */ r(
-    f,
+  className: a,
+  ...l
+}, u) => {
+  const f = m && (n === "text" || n === "link" || t == "text" || t === "link"), o = w(), s = /* @__PURE__ */ r(
+    d,
     {
-      ref: l,
+      ref: u,
       type: t,
       size: e,
       variant: n,
       icon: i,
       loading: c && {
-        icon: /* @__PURE__ */ r(b, {})
+        icon: /* @__PURE__ */ r(g, {})
       },
-      className: w(i && o("btn-with-icon")),
+      className: N(a, i && o("btn-with-icon")),
       classNames: {
         icon: c ? o("btn-loading-icon") : void 0,
         ...p
       },
-      ...a
+      ...l
     }
   );
-  return u ? /* @__PURE__ */ r(
+  return f ? /* @__PURE__ */ r(
     "span",
     {
       className: o(
@@ -46,8 +47,8 @@ const N = ({
       children: s
     }
   ) : s;
-}, v = d(N);
+}, A = b(x);
 export {
-  v as Button
+  A as Button
 };
 //# sourceMappingURL=component.js.map

package/dist/components/button/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/button/component.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  default as AntdButton,\n  type ButtonProps as AntdButtonProps,\n} from \"antd/es/button\";\nimport { forwardRef } from \"react\";\n\n// Import component-specific styles\nimport { useCls } from \"../utils\";\nimport { cn } from \"../utils\";\nimport { CircleNotchIcon } from \"@bioturing/assets\";\nimport \"./style.css\";\n\nexport interface ButtonProps extends AntdButtonProps {\n  /**\n   * If true, negative margin will be applied to the text and link buttons to make it align with content\n   * @default true\n   */\n  negativeMargin?: boolean;\n}\n\nconst ButtonInner = (\n  {\n    negativeMargin = true,\n    type,\n    size,\n    variant,\n    icon,\n    loading,\n    classNames,\n    ...rest\n  }: ButtonProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>\n) => {\n  const useNegativeMargin =\n    negativeMargin &&\n    (variant === \"text\" ||\n      variant === \"link\" ||\n      type == \"text\" ||\n      type === \"link\");\n  const cls = useCls();\n  // const iconNode = loading ? <Spin /> : icon;\n  const renderedButton = (\n    <AntdButton\n      ref={ref}\n      type={type}\n      size={size}\n      variant={variant}\n      icon={icon}\n      loading={\n        loading && {\n          icon: <CircleNotchIcon />,\n        }\n      }\n      className={cn(icon && cls(\"btn-with-icon\"))}\n      classNames={{\n        icon: loading ? cls(\"btn-loading-icon\") : undefined,\n        ...classNames,\n      }}\n      {...rest}\n    />\n  );\n  return useNegativeMargin ? (\n    <span\n      className={cls(\n        \"btn-wrapper\",\n        \"btn-negative-margin-wrapper\",\n        \"btn-wrapper-\" + size\n      )}\n    >\n      {renderedButton}\n    </span>\n  ) : (\n    renderedButton\n  );\n};\n\nexport const Button = forwardRef(ButtonInner) as (\n  props: ButtonProps & {\n    ref?: React.ForwardedRef<HTMLButtonElement | HTMLAnchorElement>;\n  }\n) => ReturnType<typeof ButtonInner>;\n"],"names":["ButtonInner","negativeMargin","type","size","variant","icon","loading","classNames","rest","ref","useNegativeMargin","cls","useCls","renderedButton","jsx","AntdButton","CircleNotchIcon","cn","Button","forwardRef"],"mappings":";;;;;;;;AAsBA,MAAMA,IAAc,CAClB;AAAA,EACE,gBAAAC,IAAiB;AAAA,EACjB,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,GAAGC;AACL,GACAC,MACG;AACH,QAAMC,IACJT,MACCG,MAAY,UACXA,MAAY,UACZF,KAAQ,UACRA,MAAS,SACPS,IAAMC,EAAA,GAENC,IACJ,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAN;AAAA,MACA,MAAAP;AAAA,MACA,MAAAC;AAAA,MACA,SAAAC;AAAA,MACA,MAAAC;AAAA,MACA,SACEC,KAAW;AAAA,QACT,wBAAOU,GAAA,CAAA,CAAgB;AAAA,MAAA;AAAA,MAG3B,WAAWC,EAAGZ,KAAQM,EAAI,eAAe,CAAC;AAAA,MAC1C,YAAY;AAAA,QACV,MAAML,IAAUK,EAAI,kBAAkB,IAAI;AAAA,QAC1C,GAAGJ;AAAA,MAAA;AAAA,MAEJ,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGR,SAAOE,IACL,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWH;AAAA,QACT;AAAA,QACA;AAAA,QACA,iBAAiBR;AAAA,MAAA;AAAA,MAGlB,UAAAU;AAAA,IAAA;AAAA,EAAA,IAGHA;AAEJ,GAEaK,IAASC,EAAWnB,CAAW;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/button/component.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  default as AntdButton,\n  type ButtonProps as AntdButtonProps,\n} from \"antd/es/button\";\nimport { forwardRef } from \"react\";\n\n// Import component-specific styles\nimport { useCls } from \"../utils\";\nimport { cn } from \"../utils\";\nimport { CircleNotchIcon } from \"@bioturing/assets\";\nimport \"./style.css\";\n\nexport interface ButtonProps extends AntdButtonProps {\n  /**\n   * If true, negative margin will be applied to the text and link buttons to make it align with content\n   * @default true\n   */\n  negativeMargin?: boolean;\n}\n\nconst ButtonInner = (\n  {\n    negativeMargin = true,\n    type,\n    size,\n    variant,\n    icon,\n    loading,\n    classNames,\n    className,\n    ...rest\n  }: ButtonProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>\n) => {\n  const useNegativeMargin =\n    negativeMargin &&\n    (variant === \"text\" ||\n      variant === \"link\" ||\n      type == \"text\" ||\n      type === \"link\");\n  const cls = useCls();\n  // const iconNode = loading ? <Spin /> : icon;\n  const renderedButton = (\n    <AntdButton\n      ref={ref}\n      type={type}\n      size={size}\n      variant={variant}\n      icon={icon}\n      loading={\n        loading && {\n          icon: <CircleNotchIcon />,\n        }\n      }\n      className={cn(className, icon && cls(\"btn-with-icon\"))}\n      classNames={{\n        icon: loading ? cls(\"btn-loading-icon\") : undefined,\n        ...classNames,\n      }}\n      {...rest}\n    />\n  );\n  return useNegativeMargin ? (\n    <span\n      className={cls(\n        \"btn-wrapper\",\n        \"btn-negative-margin-wrapper\",\n        \"btn-wrapper-\" + size\n      )}\n    >\n      {renderedButton}\n    </span>\n  ) : (\n    renderedButton\n  );\n};\n\nexport const Button = forwardRef(ButtonInner) as (\n  props: ButtonProps & {\n    ref?: React.ForwardedRef<HTMLButtonElement | HTMLAnchorElement>;\n  }\n) => ReturnType<typeof ButtonInner>;\n"],"names":["ButtonInner","negativeMargin","type","size","variant","icon","loading","classNames","className","rest","ref","useNegativeMargin","cls","useCls","renderedButton","jsx","AntdButton","CircleNotchIcon","cn","Button","forwardRef"],"mappings":";;;;;;;;AAsBA,MAAMA,IAAc,CAClB;AAAA,EACE,gBAAAC,IAAiB;AAAA,EACjB,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GACAC,MACG;AACH,QAAMC,IACJV,MACCG,MAAY,UACXA,MAAY,UACZF,KAAQ,UACRA,MAAS,SACPU,IAAMC,EAAA,GAENC,IACJ,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAN;AAAA,MACA,MAAAR;AAAA,MACA,MAAAC;AAAA,MACA,SAAAC;AAAA,MACA,MAAAC;AAAA,MACA,SACEC,KAAW;AAAA,QACT,wBAAOW,GAAA,CAAA,CAAgB;AAAA,MAAA;AAAA,MAG3B,WAAWC,EAAGV,GAAWH,KAAQO,EAAI,eAAe,CAAC;AAAA,MACrD,YAAY;AAAA,QACV,MAAMN,IAAUM,EAAI,kBAAkB,IAAI;AAAA,QAC1C,GAAGL;AAAA,MAAA;AAAA,MAEJ,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGR,SAAOE,IACL,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWH;AAAA,QACT;AAAA,QACA;AAAA,QACA,iBAAiBT;AAAA,MAAA;AAAA,MAGlB,UAAAW;AAAA,IAAA;AAAA,EAAA,IAGHA;AAEJ,GAEaK,IAASC,EAAWpB,CAAW;"}

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/component.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,QAAQ,IAAI,WAAW,EACvB,KAAK,aAAa,IAAI,gBAAgB,EACvC,MAAM,MAAM,CAAC;AAKd,OAAO,aAAa,CAAC;AAGrB,MAAM,WAAW,aAAc,SAAQ,gBAAgB;IACrD;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;CAClC;AAGD,QAAA,MAAM,iBAAiB,GACrB,kCAA8C,aAAa,EAC3D,KAAK,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC,4CASvD,CAAC;AAUF,eAAO,MAAM,QAAQ,WANZ,aAAa,GAAG;IACrB,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC;CAClE,KACE,UAAU,CAAC,OAAO,iBAAiB,CAAC;+EAFG,MAAO,aAAa,qBAEtD,MAAO,YAAY;CAK3B,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/component.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,QAAQ,IAAI,WAAW,EACvB,KAAK,aAAa,IAAI,gBAAgB,EACvC,MAAM,MAAM,CAAC;AAKd,OAAO,aAAa,CAAC;AAGrB,MAAM,WAAW,aAAc,SAAQ,gBAAgB;IACrD;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;CAClC;AAGD,QAAA,MAAM,iBAAiB,GACrB,kCAA8C,aAAa,EAC3D,KAAK,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC,4CASvD,CAAC;AAUF,eAAO,MAAM,QAAQ,WANZ,aAAa,GAAG;IACrB,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC;CAClE,KACE,UAAU,CAAC,OAAO,iBAAiB,CAAC;;CAKvC,CAAC"}

package/dist/components/choice-list/component.d.ts

@@ -1,15 +1,15 @@
-import { Command, CommandProps } from '../cmdk';
+import { Input } from '../input';
 export type ChoiceListOption = {
     label: React.ReactNode;
     value?: string;
 };
-export interface ChoiceListProps<M extends boolean = false> extends Omit<CommandProps, "value" | "onChange" | "defaultValue"> {
+export interface ChoiceListProps<M extends boolean = false> {
     options: ChoiceListOption[];
     multiple?: M;
     value?: M extends true ? string[] : string;
     defaultValue?: M extends true ? string[] : string;
     onChange?: (value: M extends true ? string[] : string) => void;
-    searchProps?: React.ComponentProps<typeof Command.Input>;
+    searchProps?: React.ComponentProps<typeof Input.Search>;
     /**
      * Show select all option when in multiple mode
      * @default false
@@ -30,6 +30,10 @@ export interface ChoiceListProps<M extends boolean = false> extends Omit<Command
      * @default (item) => [item.value, reactNodeToString(item.label)]
      */
     getItemKeywords?: (item: ChoiceListOption) => string[];
+    /**
+     * Additional CSS class name
+     */
+    className?: string;
 }
-export declare const ChoiceList: <M extends boolean = false>({ options, multiple, value, defaultValue, onChange, searchProps, showSelectAll, className, placeholder, disabled: disabledProp, status: statusProp, getItemKeywords, ...rest }: ChoiceListProps<M>) => import("react/jsx-runtime").JSX.Element;
+export declare const ChoiceList: <M extends boolean = false>({ options, multiple, value, defaultValue, onChange, searchProps, showSelectAll, className, placeholder, disabled: disabledProp, status: statusProp, }: ChoiceListProps<M>) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=component.d.ts.map

package/dist/components/choice-list/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/choice-list/component.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAYhD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,OAAO,GAAG,KAAK,CACxD,SAAQ,IAAI,CAAC,YAAY,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IACjE,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,CAAC;IACb,KAAK,CAAC,EAAE,CAAC,SAAS,IAAI,GAAG,MAAM,EAAE,GAAG,MAAM,CAAC;IAC3C,YAAY,CAAC,EAAE,CAAC,SAAS,IAAI,GAAG,MAAM,EAAE,GAAG,MAAM,CAAC;IAClD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,SAAS,IAAI,GAAG,MAAM,EAAE,GAAG,MAAM,KAAK,IAAI,CAAC;IAC/D,WAAW,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,KAAK,CAAC,CAAC;IACzD;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,YAAY,CAAC;IACxD;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,MAAM,EAAE,CAAC;CACxD;AAED,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,OAAO,GAAG,KAAK,EAAE,gLAcnD,eAAe,CAAC,CAAC,CAAC,4CAqKpB,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/choice-list/component.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAWjC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,OAAO,GAAG,KAAK;IACxD,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,CAAC;IACb,KAAK,CAAC,EAAE,CAAC,SAAS,IAAI,GAAG,MAAM,EAAE,GAAG,MAAM,CAAC;IAC3C,YAAY,CAAC,EAAE,CAAC,SAAS,IAAI,GAAG,MAAM,EAAE,GAAG,MAAM,CAAC;IAClD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,SAAS,IAAI,GAAG,MAAM,EAAE,GAAG,MAAM,KAAK,IAAI,CAAC;IAC/D,WAAW,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC;IACxD;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,YAAY,CAAC;IACxD;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,MAAM,EAAE,CAAC;IACvD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,OAAO,GAAG,KAAK,EAAE,uJAYnD,eAAe,CAAC,CAAC,CAAC,4CAkKpB,CAAC"}

package/dist/components/choice-list/component.js

@@ -1,142 +1,137 @@
 "use client";
 import { jsxs as v, jsx as t } from "react/jsx-runtime";
-import { Command as d } from "../cmdk/index.js";
-import { useMemo as P, useContext as b, useCallback as p } from "react";
-import { FormItemInputContext as x } from "antd/es/form/context";
-import R from "antd/es/config-provider/DisabledContext";
+import { Autocomplete as u } from "@base-ui/react/autocomplete";
+import { useMemo as j, useContext as b, useCallback as f } from "react";
+import { FormItemInputContext as p } from "antd/es/form/context";
+import B from "antd/es/config-provider/DisabledContext";
 import './style.css';/* empty css          */
-import { Radio as T } from "../radio/component.js";
-import { useControlledState as q } from "../hooks/useControlledState.js";
-import { useCls as w } from "../utils/antdUtils.js";
-import { cn as z } from "../utils/cn.js";
-import { Input as G } from "../input/component.js";
-import { Checkbox as S } from "../checkbox/component.js";
-import { ScrollArea as H } from "../scroll-area/component.js";
-import { reactNodeToString as J } from "../utils/reactToString.js";
-const ae = ({
-  options: i,
-  multiple: a,
-  value: g,
-  defaultValue: C,
+import { Radio as E } from "../radio/component.js";
+import { useControlledState as F } from "../hooks/useControlledState.js";
+import { useCls as L } from "../utils/antdUtils.js";
+import { Input as P } from "../input/component.js";
+import { Checkbox as x } from "../checkbox/component.js";
+import { ScrollArea as R } from "../scroll-area/component.js";
+const Z = ({
+  options: o,
+  multiple: l,
+  value: C,
+  defaultValue: g,
   onChange: A,
-  searchProps: k = { placeholder: "Search..." },
-  showSelectAll: I = !1,
-  className: N,
-  placeholder: y = "Search",
-  disabled: D = !1,
-  status: V,
-  getItemKeywords: m,
-  ...j
+  searchProps: I = { placeholder: "Search..." },
+  showSelectAll: S = !1,
+  className: M,
+  placeholder: k = "Search",
+  disabled: N = !1,
+  status: T
 }) => {
-  const [l, n] = q(
-    g,
+  const [r, n] = F(
+    C,
     A,
-    C
-  ), s = P(() => a ? Array.isArray(l) ? l : l ? [l] : [] : Array.isArray(l) ? l.length > 0 ? [l[0]] : [] : l ? [l] : [], [l, a]), { status: B } = b(x), E = b(R), F = V || B, c = D || E, o = w(), L = p(() => {
-    if (a) {
-      const e = i.map((r) => r.value).filter(Boolean);
+    g
+  ), a = j(() => l ? Array.isArray(r) ? r : r ? [r] : [] : Array.isArray(r) ? r.length > 0 ? [r[0]] : [] : r ? [r] : [], [r, l]);
+  b(p);
+  const y = b(B), s = N || y, i = L(), V = f(() => {
+    if (l) {
+      const e = o.map((c) => c.value).filter(Boolean);
       n(e);
     }
-  }, [a, i, n]), M = p(() => {
-    a && n([]);
-  }, [a, n]);
+  }, [l, o, n]), w = f(() => {
+    l && n([]);
+  }, [l, n]), D = f(
+    (e) => {
+      if (!s)
+        if (l) {
+          const c = a.includes(e) ? a.filter((d) => d !== e) : [.../* @__PURE__ */ new Set([...a, e])];
+          n(c);
+        } else
+          n(e);
+    },
+    [s, l, a, n]
+  );
   return /* @__PURE__ */ v(
-    d,
+    u.Root,
     {
-      className: z(o("choice-list"), N),
-      "data-disabled": c,
-      "data-status": F,
-      ...j,
+      items: o,
+      itemToStringValue: (e) => e?.value || "",
+      open: !0,
+      inline: !0,
+      modal: !1,
       children: [
-        /* @__PURE__ */ t(x.Provider, { value: {}, children: /* @__PURE__ */ t(
-          d.Input,
+        /* @__PURE__ */ t(p.Provider, { value: {}, children: /* @__PURE__ */ t(
+          u.Input,
           {
-            render: (
-              // isolate the input from the form context
-              /* @__PURE__ */ t(
-                G.Search,
-                {
-                  allowClear: !0,
-                  disabled: c,
-                  className: o("choice-list-search"),
-                  placeholder: y
-                }
-              )
-            ),
-            ...k
+            render: (e) => /* @__PURE__ */ t(
+              P.Search,
+              {
+                ...e,
+                ...I,
+                allowClear: !0,
+                disabled: s,
+                className: i("choice-list-search"),
+                placeholder: k
+              }
+            )
           }
         ) }),
-        I && a && i.length > 0 && (() => {
-          const e = i.map((f) => f.value).filter(Boolean), r = s.filter(
-            (f) => e.includes(f)
-          ), u = r.length === e.length && e.length > 0, h = r.length > 0 && r.length < e.length;
+        S && l && o.length > 0 && (() => {
+          const e = o.map((h) => h.value).filter(Boolean), c = a.filter(
+            (h) => e.includes(h)
+          ), d = c.length === e.length && e.length > 0, m = c.length > 0 && c.length < e.length;
           return /* @__PURE__ */ t(
             "div",
             {
-              className: o("choice-list-item"),
+              className: i("choice-list-item"),
               onClick: () => {
-                c || (h || u ? M() : L());
+                s || (m || d ? w() : V());
               },
               children: /* @__PURE__ */ t(
-                S,
+                x,
                 {
                   tabIndex: -1,
-                  checked: u,
-                  indeterminate: h,
-                  disabled: c,
+                  checked: d,
+                  indeterminate: m,
+                  disabled: s,
                   children: "Select All"
                 }
               )
             }
           );
         })(),
-        /* @__PURE__ */ t(H, { className: o("choice-list-items"), fadeEdges: !0, children: /* @__PURE__ */ v(d.List, { children: [
-          /* @__PURE__ */ t(d.Empty, { className: o("choice-list-empty"), children: "No results found." }),
-          i.map((e) => /* @__PURE__ */ t(
-            d.Item,
+        /* @__PURE__ */ v(R, { className: i("choice-list-items"), fadeEdges: !0, children: [
+          /* @__PURE__ */ t(u.List, { children: (e) => /* @__PURE__ */ t(
+            u.Item,
             {
-              className: o("choice-list-item"),
-              keywords: m ? m(e) : [e.value || "", J(e.label)],
-              value: e.value,
-              "data-in-choice": e.value ? s.includes(e.value) : !1,
-              onSelect: (r) => {
-                if (!c)
-                  if (a) {
-                    const u = s.includes(r) ? s.filter((h) => h !== r) : [.../* @__PURE__ */ new Set([...s, r])];
-                    n(
-                      u
-                    );
-                  } else
-                    n(
-                      r
-                    );
-              },
-              children: a ? /* @__PURE__ */ t(
-                S,
+              className: i("choice-list-item"),
+              value: e.value || "",
+              "data-in-choice": e.value ? a.includes(e.value) : !1,
+              onClick: () => e.value && D(e.value),
+              children: l ? /* @__PURE__ */ t(
+                x,
                 {
                   tabIndex: -1,
-                  checked: e.value ? s.includes(e.value) : !1,
-                  disabled: c,
+                  checked: e.value ? a.includes(e.value) : !1,
+                  disabled: s,
                   children: e.label
                 }
               ) : /* @__PURE__ */ t(
-                T,
+                E,
                 {
                   tabIndex: -1,
-                  checked: e.value ? s.includes(e.value) : !1,
-                  disabled: c,
+                  checked: e.value ? a.includes(e.value) : !1,
+                  disabled: s,
                   children: e.label
                 }
               )
             },
             e.value
-          ))
-        ] }) })
+          ) }),
+          /* @__PURE__ */ t(u.Empty, { className: i("choice-list-empty"), children: "No results found." })
+        ] })
       ]
     }
   );
 };
 export {
-  ae as ChoiceList
+  Z as ChoiceList
 };
 //# sourceMappingURL=component.js.map