@bioturing/components 0.39.1 → 0.41.0

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

@@ -0,0 +1,61 @@
+import { default as React } from 'react';
+export interface AlertProps {
+    /**
+     * Type of alert
+     * @default "info"
+     */
+    type?: "success" | "info" | "warning" | "error" | "instruction";
+    /**
+     * Content of the alert message
+     */
+    message?: React.ReactNode;
+    /**
+     * Additional content of the alert
+     */
+    description?: React.ReactNode;
+    /**
+     * Whether to show icon
+     * @default true
+     */
+    showIcon?: boolean;
+    /**
+     * Custom icon, effective when showIcon is true
+     */
+    icon?: React.ReactNode;
+    /**
+     * Whether alert can be closed
+     * @default false
+     */
+    closable?: boolean;
+    /**
+     * Custom close icon
+     */
+    closeIcon?: React.ReactNode;
+    /**
+     * Callback when close animation is finished
+     */
+    afterClose?: () => void;
+    /**
+     * Callback when close
+     */
+    onClose?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Custom action
+     */
+    action?: React.ReactNode;
+    /**
+     * Whether to show as banner
+     * @default false
+     */
+    banner?: boolean;
+    /**
+     * Additional class name
+     */
+    className?: string;
+    /**
+     * Additional styles
+     */
+    style?: React.CSSProperties;
+}
+export declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/alert/component.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAW7D,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,UAAU;IACzB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,aAAa,CAAC;IAEhE;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE9B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IAExB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAE3D;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAwGD,eAAO,MAAM,KAAK,mFAAyB,CAAC"}

package/dist/components/alert/component.js

@@ -0,0 +1,76 @@
+"use client";
+import { jsx as r, jsxs as d } from "react/jsx-runtime";
+import { forwardRef as M, useState as R, useMemo as f } from "react";
+import { LightbulbIcon as S, InfoIcon as T, WarningIcon as X, XCircleIcon as _, CheckCircleIcon as $, XIcon as z } from "@bioturing/assets";
+import './style.css';/* empty css          */
+import { useCls as B } from "../utils/antdUtils.js";
+import { IconButton as D } from "../icon-button/component.js";
+import { cn as E } from "../utils/cn.js";
+const O = {
+  success: $,
+  error: _,
+  warning: X,
+  info: T,
+  instruction: S
+}, P = ({
+  type: n = "info",
+  message: i,
+  description: t,
+  showIcon: h = !0,
+  icon: l,
+  closable: o = !1,
+  closeIcon: a,
+  afterClose: N,
+  onClose: I,
+  action: m,
+  banner: C = !1,
+  className: p,
+  style: v,
+  ...w
+}, A) => {
+  const e = B(), [g, x] = R(!1), b = (c) => {
+    x(!0), I?.(c), setTimeout(() => {
+      N?.();
+    }, 300);
+  }, s = h, j = !!t, u = f(() => {
+    if (!s) return null;
+    if (l) return l;
+    const c = O[n];
+    return /* @__PURE__ */ r(c, { weight: "fill", className: e(`alert-icon-${n}`) });
+  }, [l, n, s, e]), k = f(() => o ? /* @__PURE__ */ r(
+    D,
+    {
+      size: "small",
+      onClick: b,
+      className: e("alert-close"),
+      children: a ?? /* @__PURE__ */ r(z, {})
+    }
+  ) : null, [o, a, e]);
+  if (g) return null;
+  const L = E(
+    e("alert"),
+    e(`alert-${n}`),
+    {
+      [e("alert-with-description")]: j,
+      [e("alert-no-icon")]: !s,
+      [e("alert-banner")]: C,
+      [e("alert-closable")]: o,
+      [e("alert-instruction")]: n === "instruction"
+    },
+    p
+  );
+  return /* @__PURE__ */ d("div", { ref: A, className: L, style: v, role: "alert", ...w, children: [
+    u && /* @__PURE__ */ r("div", { className: e("alert-icon"), children: u }),
+    /* @__PURE__ */ d("div", { className: e("alert-content"), children: [
+      i && /* @__PURE__ */ r("div", { className: e("alert-message"), children: i }),
+      t && /* @__PURE__ */ r("div", { className: e("alert-description"), children: t }),
+      m && /* @__PURE__ */ r("div", { className: e("alert-action"), children: m })
+    ] }),
+    k
+  ] });
+}, W = M(P);
+W.displayName = "Alert";
+export {
+  W as Alert
+};
+//# sourceMappingURL=component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../src/components/alert/component.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { forwardRef, useState, useMemo } from \"react\";\nimport { useCls, cn } from \"../utils\";\nimport {\n  CheckCircleIcon,\n  XCircleIcon,\n  WarningIcon,\n  InfoIcon,\n  LightbulbIcon,\n  XIcon,\n} from \"@bioturing/assets\";\nimport { IconButton } from \"../icon-button\";\nimport \"./style.css\";\n\nexport interface AlertProps {\n  /**\n   * Type of alert\n   * @default \"info\"\n   */\n  type?: \"success\" | \"info\" | \"warning\" | \"error\" | \"instruction\";\n\n  /**\n   * Content of the alert message\n   */\n  message?: React.ReactNode;\n\n  /**\n   * Additional content of the alert\n   */\n  description?: React.ReactNode;\n\n  /**\n   * Whether to show icon\n   * @default true\n   */\n  showIcon?: boolean;\n\n  /**\n   * Custom icon, effective when showIcon is true\n   */\n  icon?: React.ReactNode;\n\n  /**\n   * Whether alert can be closed\n   * @default false\n   */\n  closable?: boolean;\n\n  /**\n   * Custom close icon\n   */\n  closeIcon?: React.ReactNode;\n\n  /**\n   * Callback when close animation is finished\n   */\n  afterClose?: () => void;\n\n  /**\n   * Callback when close\n   */\n  onClose?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n\n  /**\n   * Custom action\n   */\n  action?: React.ReactNode;\n\n  /**\n   * Whether to show as banner\n   * @default false\n   */\n  banner?: boolean;\n\n  /**\n   * Additional class name\n   */\n  className?: string;\n\n  /**\n   * Additional styles\n   */\n  style?: React.CSSProperties;\n}\n\nconst ALERT_ICON_MAP = {\n  success: CheckCircleIcon,\n  error: XCircleIcon,\n  warning: WarningIcon,\n  info: InfoIcon,\n  instruction: LightbulbIcon,\n};\n\nconst AlertInner = (\n  {\n    type = \"info\",\n    message,\n    description,\n    showIcon = true,\n    icon,\n    closable = false,\n    closeIcon,\n    afterClose,\n    onClose,\n    action,\n    banner = false,\n    className,\n    style,\n    ...rest\n  }: AlertProps,\n  ref: React.Ref<HTMLDivElement>\n) => {\n  const cls = useCls();\n  const [closed, setClosed] = useState(false);\n\n  const handleClose = (e: React.MouseEvent<HTMLButtonElement>) => {\n    setClosed(true);\n    onClose?.(e);\n    // Call afterClose after animation\n    setTimeout(() => {\n      afterClose?.();\n    }, 300);\n  };\n\n  // Determine if icon should be shown\n  const isShowIcon = showIcon;\n  const withDescription = !!description;\n\n  // Render icon\n  const iconNode = useMemo(() => {\n    if (!isShowIcon) return null;\n\n    if (icon) return icon;\n\n    const IconComponent = ALERT_ICON_MAP[type];\n    return (\n      <IconComponent weight=\"fill\" className={cls(`alert-icon-${type}`)} />\n    );\n  }, [icon, type, isShowIcon, cls]);\n\n  // Render close button\n  const closeNode = useMemo(() => {\n    if (!closable) return null;\n\n    return (\n      <IconButton\n        size=\"small\"\n        onClick={handleClose}\n        className={cls(\"alert-close\")}\n      >\n        {closeIcon ?? <XIcon />}\n      </IconButton>\n    );\n  }, [closable, closeIcon, cls]);\n\n  if (closed) return null;\n\n  const alertCls = cn(\n    cls(\"alert\"),\n    cls(`alert-${type}`),\n    {\n      [cls(\"alert-with-description\")]: withDescription,\n      [cls(\"alert-no-icon\")]: !isShowIcon,\n      [cls(\"alert-banner\")]: banner,\n      [cls(\"alert-closable\")]: closable,\n      [cls(\"alert-instruction\")]: type === \"instruction\",\n    },\n    className\n  );\n\n  return (\n    <div ref={ref} className={alertCls} style={style} role=\"alert\" {...rest}>\n      {iconNode && <div className={cls(\"alert-icon\")}>{iconNode}</div>}\n\n      <div className={cls(\"alert-content\")}>\n        {message && <div className={cls(\"alert-message\")}>{message}</div>}\n        {description && (\n          <div className={cls(\"alert-description\")}>{description}</div>\n        )}\n        {action && <div className={cls(\"alert-action\")}>{action}</div>}\n      </div>\n\n      {closeNode}\n    </div>\n  );\n};\n\nexport const Alert = forwardRef(AlertInner);\n\nAlert.displayName = \"Alert\";\n"],"names":["ALERT_ICON_MAP","CheckCircleIcon","XCircleIcon","WarningIcon","InfoIcon","LightbulbIcon","AlertInner","type","message","description","showIcon","icon","closable","closeIcon","afterClose","onClose","action","banner","className","style","rest","ref","cls","useCls","closed","setClosed","useState","handleClose","e","isShowIcon","withDescription","iconNode","useMemo","IconComponent","jsx","closeNode","IconButton","XIcon","alertCls","cn","jsxs","Alert","forwardRef"],"mappings":";;;;;;;;AAsFA,MAAMA,IAAiB;AAAA,EACrB,SAASC;AAAA,EACT,OAAOC;AAAA,EACP,SAASC;AAAA,EACT,MAAMC;AAAA,EACN,aAAaC;AACf,GAEMC,IAAa,CACjB;AAAA,EACE,MAAAC,IAAO;AAAA,EACP,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,MAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,GACAC,MACG;AACH,QAAMC,IAAMC,EAAA,GACN,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GAEpCC,IAAc,CAACC,MAA2C;AAC9D,IAAAH,EAAU,EAAI,GACdV,IAAUa,CAAC,GAEX,WAAW,MAAM;AACf,MAAAd,IAAA;AAAA,IACF,GAAG,GAAG;AAAA,EACR,GAGMe,IAAanB,GACboB,IAAkB,CAAC,CAACrB,GAGpBsB,IAAWC,EAAQ,MAAM;AAC7B,QAAI,CAACH,EAAY,QAAO;AAExB,QAAIlB,EAAM,QAAOA;AAEjB,UAAMsB,IAAgBjC,EAAeO,CAAI;AACzC,WACE,gBAAA2B,EAACD,KAAc,QAAO,QAAO,WAAWX,EAAI,cAAcf,CAAI,EAAE,EAAA,CAAG;AAAA,EAEvE,GAAG,CAACI,GAAMJ,GAAMsB,GAAYP,CAAG,CAAC,GAG1Ba,IAAYH,EAAQ,MACnBpB,IAGH,gBAAAsB;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAST;AAAA,MACT,WAAWL,EAAI,aAAa;AAAA,MAE3B,UAAAT,uBAAcwB,GAAA,CAAA,CAAM;AAAA,IAAA;AAAA,EAAA,IARH,MAWrB,CAACzB,GAAUC,GAAWS,CAAG,CAAC;AAE7B,MAAIE,EAAQ,QAAO;AAEnB,QAAMc,IAAWC;AAAA,IACfjB,EAAI,OAAO;AAAA,IACXA,EAAI,SAASf,CAAI,EAAE;AAAA,IACnB;AAAA,MACE,CAACe,EAAI,wBAAwB,CAAC,GAAGQ;AAAA,MACjC,CAACR,EAAI,eAAe,CAAC,GAAG,CAACO;AAAA,MACzB,CAACP,EAAI,cAAc,CAAC,GAAGL;AAAA,MACvB,CAACK,EAAI,gBAAgB,CAAC,GAAGV;AAAA,MACzB,CAACU,EAAI,mBAAmB,CAAC,GAAGf,MAAS;AAAA,IAAA;AAAA,IAEvCW;AAAA,EAAA;AAGF,SACE,gBAAAsB,EAAC,SAAI,KAAAnB,GAAU,WAAWiB,GAAU,OAAAnB,GAAc,MAAK,SAAS,GAAGC,GAChE,UAAA;AAAA,IAAAW,uBAAa,OAAA,EAAI,WAAWT,EAAI,YAAY,GAAI,UAAAS,GAAS;AAAA,IAE1D,gBAAAS,EAAC,OAAA,EAAI,WAAWlB,EAAI,eAAe,GAChC,UAAA;AAAA,MAAAd,uBAAY,OAAA,EAAI,WAAWc,EAAI,eAAe,GAAI,UAAAd,GAAQ;AAAA,MAC1DC,KACC,gBAAAyB,EAAC,OAAA,EAAI,WAAWZ,EAAI,mBAAmB,GAAI,UAAAb,GAAY;AAAA,MAExDO,KAAU,gBAAAkB,EAAC,OAAA,EAAI,WAAWZ,EAAI,cAAc,GAAI,UAAAN,EAAA,CAAO;AAAA,IAAA,GAC1D;AAAA,IAECmB;AAAA,EAAA,GACH;AAEJ,GAEaM,IAAQC,EAAWpC,CAAU;AAE1CmC,EAAM,cAAc;"}

package/dist/components/alert/index.d.ts

@@ -0,0 +1,2 @@
+export * from './component';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/alert/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/alert/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/components/alert/style.css

@@ -0,0 +1 @@
+@layer components{.ds-alert{position:relative;display:flex;align-items:flex-start;padding:.5rem .75rem;border-radius:.5rem;border:.0625rem solid transparent;gap:.5rem}.ds-alert-success{background-color:var(--ds-color-success-bg);border-color:var(--ds-color-success-border)}.ds-alert-info{background-color:var(--ds-color-info-bg);border-color:var(--ds-color-info-border)}.ds-alert-warning{background-color:var(--ds-color-warning-bg);border-color:var(--ds-color-warning-border)}.ds-alert-error{background-color:var(--ds-color-error-bg);border-color:var(--ds-color-error-border)}.ds-alert-instruction{background-color:var(--ds-color-fill-tertiary);border-color:var(--ds-color-border)}.ds-alert-banner{border-inline-start:0;border-inline-end:0;border-radius:0;padding-inline:.75rem}.ds-alert-banner.ds-alert-success,.ds-alert-banner.ds-alert-info,.ds-alert-banner.ds-alert-warning,.ds-alert-banner.ds-alert-error{border-color:transparent}.ds-alert-banner.ds-alert-instruction{border:none;background-color:var(--ds-color-fill-secondary)}.ds-alert-icon{display:flex;align-items:center;padding:.125rem 0;flex-shrink:0}.ds-alert-icon-success,.ds-alert-icon-error,.ds-alert-icon-warning,.ds-alert-icon-info,.ds-alert-icon-instruction{font-size:1.25rem;width:1.25rem;height:1.25rem}.ds-alert-icon .ds-alert-icon-success{color:var(--ds-color-success)}.ds-alert-icon .ds-alert-icon-error{color:var(--ds-color-error)}.ds-alert-icon .ds-alert-icon-warning{color:var(--ds-color-warning)}.ds-alert-icon .ds-alert-icon-info{color:var(--ds-color-primary)}.ds-alert-icon .ds-alert-icon-instruction{color:var(--ds-color-icon)}.ds-alert-content{flex:1;min-width:0}.ds-alert-message{color:var(--ds-color-text);font-size:.875rem;line-height:1.25rem;padding-top:.125rem;padding-bottom:.125rem}.ds-alert-with-description .ds-alert-message{font-weight:600;font-size:1rem;line-height:1.5rem;padding-top:0}.ds-alert-description{color:var(--ds-color-text);font-size:.875rem;line-height:1.25rem;margin-top:.125rem}.ds-alert-action{display:flex;align-items:flex-start;padding-top:.5rem;padding-bottom:.125rem;flex-shrink:0}.ds-alert-close{flex-shrink:0;padding-top:.125rem}}

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/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/button/style.css

@@ -1 +1 @@
-@layer components{span.ds-btn-icon{display:flex;align-items:center}.ds-btn-negative-margin-wrapper{display:inline-flex;flex-shrink:0}.ds-btn-negative-margin-wrapper,.ds-btn-negative-margin-wrapper.ds-btn-wrapper-lg{margin-inline:-1rem}.ds-btn-negative-margin-wrapper.ds-btn-wrapper-sm{margin-inline:-.5rem}.ds-btn-loading-icon svg{animation:spin 1s linear infinite}.ds-btn-loading:not(.ds-btn-with-icon) .ds-btn-loading-icon{position:absolute}.ds-btn-loading:not(.ds-btn-with-icon)>*:not(.ds-btn-loading-icon){opacity:0}}
+@layer components{span.ds-btn-icon{display:flex;align-items:center}.ds-btn-negative-margin-wrapper{display:inline-flex;flex-shrink:0}.ds-btn-negative-margin-wrapper,.ds-btn-negative-margin-wrapper.ds-btn-wrapper-large{margin-inline:-1rem}.ds-btn-negative-margin-wrapper.ds-btn-wrapper-small{margin-inline:-.5rem}.ds-btn-loading-icon svg{animation:spin 1s linear infinite}.ds-btn-loading:not(.ds-btn-with-icon) .ds-btn-loading-icon{position:absolute}.ds-btn-loading:not(.ds-btn-with-icon)>*:not(.ds-btn-loading-icon){opacity:0}}

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"}