@bioturing/components 0.36.0 → 0.37.0

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, ...rest }: ButtonProps, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) => import("react/jsx-runtime").JSX.Element;
+declare const ButtonInner: ({ negativeMargin, type, size, variant, icon, loading, classNames, ...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;AAKxB,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,QAAA,MAAM,WAAW,GACf,wDAA+D,WAAW,EAC1E,KAAK,KAAK,CAAC,GAAG,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,4CAsCtD,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,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"}

package/dist/components/button/component.js

@@ -1,46 +1,53 @@
 "use client";
-import { jsx as s } from "react/jsx-runtime";
-import a from "antd/es/button";
-import { forwardRef as l } from "react";
+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 './style.css';/* empty css          */
-import { useCls as u } from "../utils/antdUtils.js";
-const w = ({ negativeMargin: c = !0, type: t, size: o, variant: n, icon: r, ...m }, p) => {
-  const i = c && (n === "text" || n === "link" || t == "text" || t === "link"), e = u();
-  return i ? /* @__PURE__ */ s(
+import { useCls as g } from "../utils/antdUtils.js";
+import { cn as w } from "../utils/cn.js";
+const N = ({
+  negativeMargin: m = !0,
+  type: t,
+  size: e,
+  variant: 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,
+    {
+      ref: l,
+      type: t,
+      size: e,
+      variant: n,
+      icon: i,
+      loading: c && {
+        icon: /* @__PURE__ */ r(b, {})
+      },
+      className: w(i && o("btn-with-icon")),
+      classNames: {
+        icon: c ? o("btn-loading-icon") : void 0,
+        ...p
+      },
+      ...a
+    }
+  );
+  return u ? /* @__PURE__ */ r(
     "span",
     {
-      className: e(
+      className: o(
         "btn-wrapper",
         "btn-negative-margin-wrapper",
-        "btn-wrapper-" + o
+        "btn-wrapper-" + e
       ),
-      children: /* @__PURE__ */ s(
-        a,
-        {
-          ref: p,
-          type: t,
-          size: o,
-          variant: n,
-          icon: r,
-          className: r ? e("btn-with-icon") : "",
-          ...m
-        }
-      )
+      children: s
     }
-  ) : /* @__PURE__ */ s(
-    a,
-    {
-      ref: p,
-      type: t,
-      size: o,
-      variant: n,
-      icon: r,
-      className: r ? e("btn-with-icon") : "",
-      ...m
-    }
-  );
-}, d = l(w);
+  ) : s;
+}, v = d(N);
 export {
-  d as Button
+  v 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 \"./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  { negativeMargin = true, type, size, variant, icon, ...rest }: 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  return useNegativeMargin ? (\n    <span\n      className={cls(\n        \"btn-wrapper\",\n        \"btn-negative-margin-wrapper\",\n        \"btn-wrapper-\" + size\n      )}\n    >\n      <AntdButton\n        ref={ref}\n        type={type}\n        size={size}\n        variant={variant}\n        icon={icon}\n        className={icon ? cls(\"btn-with-icon\") : \"\"}\n        {...rest}\n      />\n    </span>\n  ) : (\n    <AntdButton\n      ref={ref}\n      type={type}\n      size={size}\n      variant={variant}\n      icon={icon}\n      className={icon ? cls(\"btn-with-icon\") : \"\"}\n      {...rest}\n    />\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","rest","ref","useNegativeMargin","cls","useCls","jsx","AntdButton","Button","forwardRef"],"mappings":";;;;;;AAoBA,MAAMA,IAAc,CAClB,EAAE,gBAAAC,IAAiB,IAAM,MAAAC,GAAM,MAAAC,GAAM,SAAAC,GAAS,MAAAC,GAAM,GAAGC,EAAA,GACvDC,MACG;AACH,QAAMC,IACJP,MACCG,MAAY,UACXA,MAAY,UACZF,KAAQ,UACRA,MAAS,SACPO,IAAMC,EAAA;AACZ,SAAOF,IACL,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWF;AAAA,QACT;AAAA,QACA;AAAA,QACA,iBAAiBN;AAAA,MAAA;AAAA,MAGnB,UAAA,gBAAAQ;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,KAAAL;AAAA,UACA,MAAAL;AAAA,UACA,MAAAC;AAAA,UACA,SAAAC;AAAA,UACA,MAAAC;AAAA,UACA,WAAWA,IAAOI,EAAI,eAAe,IAAI;AAAA,UACxC,GAAGH;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA,IAGF,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAL;AAAA,MACA,MAAAL;AAAA,MACA,MAAAC;AAAA,MACA,SAAAC;AAAA,MACA,MAAAC;AAAA,MACA,WAAWA,IAAOI,EAAI,eAAe,IAAI;AAAA,MACxC,GAAGH;AAAA,IAAA;AAAA,EAAA;AAGV,GAEaO,IAASC,EAAWd,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    ...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;"}

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

package/dist/components/modal/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,UAAU,IAAI,aAAa,EACjC,MAAM,eAAe,CAAC;AAEvB,OAAO,KAAmD,MAAM,OAAO,CAAC;AASxE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAMxC,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC;IACjE;;;;;;;;;OASG;IACH,IAAI,CAAC,EACD,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,SAAS,GACT,YAAY,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IAC3C;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC;;;OAGG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC;IACtC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAGD,eAAO,MAAM,KAAK,GAAI,ibAkCnB,UAAU,4CAoNZ,CAAC"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,UAAU,IAAI,aAAa,EACjC,MAAM,eAAe,CAAC;AAEvB,OAAO,KAAmD,MAAM,OAAO,CAAC;AASxE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAMxC,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC;IACjE;;;;;;;;;OASG;IACH,IAAI,CAAC,EACD,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,SAAS,GACT,YAAY,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IAC3C;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC;;;OAGG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC;IACtC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAGD,eAAO,MAAM,KAAK,GAAI,ibAkCnB,UAAU,4CA6NZ,CAAC"}

package/dist/components/modal/Modal.js

@@ -1,60 +1,60 @@
 "use client";
-import { jsx as e, jsxs as a, Fragment as T } from "react/jsx-runtime";
-import ue from "antd/es/modal";
-import { XIcon as pe } from "@bioturing/assets";
-import { useState as H, useRef as he, useCallback as ye, useEffect as be } from "react";
-import { ModalContextProvider as ge } from "antd/es/modal/context";
-import R from "antd/es/modal/components/NormalCancelBtn";
-import L from "antd/es/modal/components/NormalOkBtn";
-import { getConfirmLocale as ve } from "antd/es/modal/locale";
-import { useLocale as Ce } from "antd/es/locale";
-import { ModalSize as c } from "./constants.js";
+import { jsx as o, jsxs as c, Fragment as H } from "react/jsx-runtime";
+import pe from "antd/es/modal";
+import { XIcon as he } from "@bioturing/assets";
+import { useState as R, useRef as ye, useCallback as be, useEffect as Ce } from "react";
+import { ModalContextProvider as ve } from "antd/es/modal/context";
+import j from "antd/es/modal/components/NormalCancelBtn";
+import E from "antd/es/modal/components/NormalOkBtn";
+import { getConfirmLocale as ge } from "antd/es/modal/locale";
+import { useLocale as ke } from "antd/es/locale";
+import { ModalSize as m } from "./constants.js";
 import { Stack as f } from "../stack/index.js";
-import { Truncate as ke } from "../truncate/component.js";
-import { IconButton as we } from "../icon-button/component.js";
-import { useCls as xe } from "../utils/antdUtils.js";
-import { useTheme as Oe } from "../theme-provider/context/themeStore.js";
-import { clsx as ze } from "../utils/cn.js";
-const Ge = ({
+import { Truncate as we } from "../truncate/component.js";
+import { IconButton as xe } from "../icon-button/component.js";
+import { useCls as Oe } from "../utils/antdUtils.js";
+import { useTheme as ze } from "../theme-provider/context/themeStore.js";
+import { clsx as Be } from "../utils/cn.js";
+const Je = ({
   open: u,
   closeIcon: p,
-  children: j,
-  size: E,
+  children: F,
+  size: L,
   footer: h,
-  width: F,
-  style: P,
+  width: P,
+  style: W,
   styles: y,
-  classNames: W,
-  okButtonProps: $,
-  cancelButtonProps: q,
-  loading: A,
+  classNames: $,
+  okButtonProps: q,
+  cancelButtonProps: A,
+  loading: X,
   onOk: b,
-  onCancel: m,
-  okText: g,
-  okType: X = "primary",
-  confirmLoading: v,
-  cancelText: C = "Close",
+  onCancel: C,
+  okText: v,
+  okType: D = "primary",
+  confirmLoading: s,
+  cancelText: g = "Close",
   hideOkButton: k = !1,
   hideCancelButton: w = !1,
   contentPadding: r,
   title: i,
   afterTitle: x,
-  beforeCloseButton: D,
-  afterCloseButton: G,
-  defaultFixedHeaderFooter: J = !1,
-  centered: K = !0,
-  type: Q = "default",
-  defaultOpen: U = !0,
-  background: V,
-  bodyScrollable: Y = !0,
-  rootClassName: Z,
-  ..._
+  beforeCloseButton: G,
+  afterCloseButton: J,
+  defaultFixedHeaderFooter: K = !1,
+  centered: Q = !0,
+  type: U = "default",
+  defaultOpen: V = !0,
+  background: Y,
+  bodyScrollable: Z = !0,
+  rootClassName: _,
+  ...ee
 }) => {
-  const ee = p === void 0 ? /* @__PURE__ */ e(pe, { size: 16, weight: "bold" }) : p, t = E || (Q === "default" ? "medium" : "xsmall"), oe = F || c[t], re = {
-    "--ds-modal-bg": `var(--ds-color-bg-${V || (t in c && parseInt(c[t]) <= parseInt(c.medium) ? "elevated" : "container")})`,
-    ...P,
+  const oe = p === void 0 ? /* @__PURE__ */ o(he, { size: 16, weight: "bold" }) : p, t = L || (U === "default" ? "medium" : "xsmall"), re = P || m[t], te = {
+    "--ds-modal-bg": `var(--ds-color-bg-${Y || (t in m && parseInt(m[t]) <= parseInt(m.medium) ? "elevated" : "container")})`,
+    ...W,
     ...t === "fullscreen" ? { top: 0, maxWidth: "100%", height: "100%" } : {}
-  }, te = {
+  }, le = {
     ...y,
     body: {
       ...typeof r < "u" ? {
@@ -62,105 +62,108 @@ const Ge = ({
       } : {},
       ...y?.body
     }
-  }, [O, z] = H(!1), n = xe(), { className: le } = Oe(), s = he(null), ne = ye(
-    (o) => {
-      if (!o) return;
-      const l = o.querySelector("." + n("modal-body"));
+  }, [O, z] = R(!1), n = Oe(), { className: ne } = ze(), a = ye(null), se = be(
+    (e) => {
+      if (!e) return;
+      const l = e.querySelector("." + n("modal-body"));
       if (!(l instanceof HTMLElement)) return;
-      const S = new ResizeObserver(() => {
-        const fe = l.scrollHeight > l.clientHeight;
-        z(fe);
+      const T = new ResizeObserver(() => {
+        const ue = l.scrollHeight > l.clientHeight;
+        z(ue);
       });
-      s.current = S, S.observe(l);
-      const de = l.scrollHeight > l.clientHeight;
-      z(de);
+      a.current = T, T.observe(l);
+      const fe = l.scrollHeight > l.clientHeight;
+      z(fe);
     },
     [n]
   );
-  be(() => () => {
-    s.current && (s.current.disconnect(), s.current = null);
+  Ce(() => () => {
+    a.current && (a.current.disconnect(), a.current = null);
   }, []);
-  const [B] = Ce("Modal", ve()), se = g || B?.okText, ae = C || B?.cancelText, I = {
-    loading: A,
-    ...$
-  }, M = {
+  const [B] = ke("Modal", ge()), ae = v || B?.okText, ce = g || B?.cancelText, I = {
+    // loading: typeof confirmLoading === "boolean" ? confirmLoading : loading,
     ...q
-  }, [ce, N] = H(U), d = typeof u > "u", me = d ? ce : u, ie = /* @__PURE__ */ e(
-    ge,
+  }, M = {
+    ...A
+  }, [me, N] = R(V), d = typeof u > "u", ie = d ? me : u, S = (e) => {
+    s || C?.(e);
+  }, de = /* @__PURE__ */ o(
+    ve,
     {
       value: {
         okButtonProps: I,
         cancelButtonProps: M,
-        onCancel: m,
+        onCancel: S,
         onOk: b,
-        okType: X,
-        confirmLoading: v,
-        okTextLocale: se,
-        cancelTextLocale: ae
+        okType: D,
+        confirmLoading: s,
+        okTextLocale: ae,
+        cancelTextLocale: ce
       },
-      children: k ? /* @__PURE__ */ e(R, {}) : w ? /* @__PURE__ */ e(L, {}) : /* @__PURE__ */ a(T, { children: [
-        /* @__PURE__ */ e(R, {}),
-        /* @__PURE__ */ e(L, {})
+      children: k ? /* @__PURE__ */ o(j, {}) : w ? /* @__PURE__ */ o(E, {}) : /* @__PURE__ */ c(H, { children: [
+        /* @__PURE__ */ o(j, {}),
+        /* @__PURE__ */ o(E, {})
       ] })
     }
   );
-  return /* @__PURE__ */ e(
-    ue,
+  return /* @__PURE__ */ o(
+    pe,
     {
       closeIcon: !1,
-      open: me,
-      width: oe,
-      style: re,
-      title: /* @__PURE__ */ a(T, { children: [
-        /* @__PURE__ */ a(f, { align: "center", gap: 8, className: n("modal-title-wrapper"), children: [
-          /* @__PURE__ */ e(f.Child, { grow: !0, children: typeof i == "string" ? /* @__PURE__ */ e(ke, { children: i }) : i }),
-          /* @__PURE__ */ a(f.Child, { stack: !0, hug: !0, align: "center", gap: 8, children: [
-            D,
-            /* @__PURE__ */ e(
-              we,
+      open: ie,
+      width: re,
+      style: te,
+      title: /* @__PURE__ */ c(H, { children: [
+        /* @__PURE__ */ c(f, { align: "center", gap: 8, className: n("modal-title-wrapper"), children: [
+          /* @__PURE__ */ o(f.Child, { grow: !0, children: typeof i == "string" ? /* @__PURE__ */ o(we, { children: i }) : i }),
+          /* @__PURE__ */ c(f.Child, { stack: !0, hug: !0, align: "center", gap: 8, children: [
+            G,
+            /* @__PURE__ */ o(
+              xe,
               {
-                onClick: (o) => m?.(o),
-                children: ee
+                onClick: (e) => S(e),
+                children: oe
               }
             ),
-            G
+            J
           ] })
         ] }),
         x || null
       ] }),
-      rootClassName: ze(le, Z),
+      rootClassName: Be(ne, _),
       classNames: {
-        ...W,
+        ...$,
         wrapper: n(
           "modal-wrap",
           t == "fullscreen" && "modal-fullscreen",
           O && "modal-content-overflow",
-          Y === !1 && "modal-no-body-scroll",
-          J || O || t == "fullscreen" ? "modal-fixed" : ""
+          Z === !1 && "modal-no-body-scroll",
+          K || O || t == "fullscreen" ? "modal-fixed" : ""
         )
       },
-      styles: te,
-      modalRender: (o) => /* @__PURE__ */ e("div", { ref: ne, className: n("modal-inner"), children: o }),
+      styles: le,
+      modalRender: (e) => /* @__PURE__ */ o("div", { ref: se, className: n("modal-inner"), children: e }),
       okButtonProps: I,
       cancelButtonProps: M,
-      onOk: (o) => {
-        d && N(!1), b?.(o);
+      onOk: (e) => {
+        d && N(!1), b?.(e);
       },
-      onCancel: (o) => {
-        d && N(!1), m?.(o);
+      onCancel: (e) => {
+        s || (d && N(!1), C?.(e));
       },
-      okText: g,
-      cancelText: C,
+      okText: v,
+      cancelText: g,
       okType: "primary",
-      confirmLoading: v,
-      footer: typeof h > "u" ? k && w ? null : ie : h,
-      centered: K,
-      ..._,
-      children: j
+      confirmLoading: s,
+      footer: typeof h > "u" ? k && w ? null : de : h,
+      centered: Q,
+      loading: X,
+      ...ee,
+      children: F
     }
   );
 };
 export {
-  Ge as Modal
+  Je as Modal
 };
 //# sourceMappingURL=Modal.js.map

package/dist/components/modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../../src/components/modal/Modal.tsx"],"sourcesContent":["\"use client\";\nimport {\n  default as AntModal,\n  type ModalProps as AntModalProps,\n} from \"antd/es/modal\";\nimport { XIcon } from \"@bioturing/assets\";\nimport React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { clsx, useCls } from \"../utils\";\nimport { ModalContextProvider } from \"antd/es/modal/context\";\nimport NormalCancelBtn from \"antd/es/modal/components/NormalCancelBtn\";\nimport NormalOkBtn from \"antd/es/modal/components/NormalOkBtn\";\nimport { getConfirmLocale } from \"antd/es/modal/locale\";\nimport { useLocale } from \"antd/es/locale\";\nimport { IconButton } from \"../icon-button\";\nimport { ModalSize } from \"./constants\";\nimport { ModalType } from \"./functions\";\nimport { Truncate } from \"../truncate\";\nimport { Stack } from \"../stack\";\nimport { useTheme } from \"../theme-provider\";\n\n// Define props interface extending Ant Design's ModalProps\nexport interface ModalProps extends Omit<AntModalProps, \"centered\"> {\n  /**\n   * Predefined sizes for the modal\n   * - xsmall: 400px\n   * - small: 520px\n   * - medium: 640px (default)\n   * - large: 840px\n   * - xlarge: 1024px\n   * - fullscreen: 100vw (takes full screen width with margins)\n   * @default \"medium\" for default type, \"xsmall\" for other types\n   */\n  size?:\n    | \"xsmall\"\n    | \"small\"\n    | \"medium\"\n    | \"large\"\n    | \"xlarge\"\n    | \"xxlarge\"\n    | \"fullscreen\";\n  /**\n   * Mark modal as loading\n   * @default false\n   */\n  loading?: boolean;\n  /**\n   * Hide Ok button\n   * @default false\n   */\n  hideOkButton?: boolean;\n  /**\n   * Hide Cancel button\n   * @default false\n   */\n  hideCancelButton?: boolean;\n  /**\n   * Custom Content Padding\n   * @default \"24px\"\n   */\n  contentPadding?: number | string | boolean;\n  /**\n   * Add more content below the title\n   */\n  afterTitle?: React.ReactNode;\n  /**\n   * Add more actions before close button\n   */\n  beforeCloseButton?: React.ReactNode;\n  /**\n   * Add more actions after close button\n   */\n  afterCloseButton?: React.ReactNode;\n  /**\n   * Set header and footer to fixed position\n   * @default false\n   */\n  defaultFixedHeaderFooter?: boolean;\n  /**\n   * Centered Modal\n   * @default true\n   */\n  centered?: boolean;\n  /**\n   * Modal type\n   * @default \"default\"\n   */\n  type?: ModalType;\n  /**\n   * Default open state for uncontrolled modal\n   * @default true\n   */\n  defaultOpen?: boolean;\n  /**\n   * Modal background\n   * @default \"elevated\" if size smaller than \"medium\", otherwise \"container\"\n   */\n  background?: \"elevated\" | \"container\";\n  /**\n   * Modal old close callback\n   * @deprecated use onCancel instead\n   */\n  onClose?: () => void;\n  /**\n   * Make modal body scrollable\n   * @default true\n   */\n  bodyScrollable?: boolean;\n}\n\n// Create Modal component\nexport const Modal = ({\n  open: externalOpen,\n  closeIcon,\n  children,\n  size: sizeProp,\n  footer,\n  width,\n  style,\n  styles,\n  classNames,\n  okButtonProps,\n  cancelButtonProps,\n  loading,\n  onOk,\n  onCancel,\n  okText,\n  okType = \"primary\",\n  confirmLoading,\n  cancelText = \"Close\",\n  hideOkButton = false,\n  hideCancelButton = false,\n  contentPadding,\n  title,\n  afterTitle,\n  beforeCloseButton,\n  afterCloseButton,\n  defaultFixedHeaderFooter = false,\n  centered = true,\n  type = \"default\",\n  defaultOpen = true,\n  background: backgroundProp,\n  bodyScrollable = true,\n  rootClassName,\n  ...rest\n}: ModalProps) => {\n  // Default close icon with Phosphor icon\n  const defaultCloseIcon =\n    closeIcon === undefined ? <XIcon size={16} weight=\"bold\" /> : closeIcon;\n\n  // Use custom width if provided, otherwise use the size from the map\n  const defaultModalSize = type === \"default\" ? \"medium\" : \"xsmall\";\n\n  const size: keyof typeof ModalSize = sizeProp || defaultModalSize;\n  const modalWidth = width || ModalSize[size];\n\n  const background =\n    backgroundProp ||\n    (size &&\n    size in ModalSize &&\n    parseInt(ModalSize[size]) <= parseInt(ModalSize.medium)\n      ? \"elevated\"\n      : \"container\");\n\n  // Apply additional styles for fullscreen mode\n  const modalStyle = {\n    \"--ds-modal-bg\": `var(--ds-color-bg-${background})`,\n    ...style,\n    ...(size === \"fullscreen\"\n      ? { top: 0, maxWidth: \"100%\", height: \"100%\" }\n      : {}),\n  };\n\n  const modalStyles = {\n    ...styles,\n    body: {\n      ...((typeof contentPadding != \"undefined\"\n        ? {\n            \"--ds-modal-content-padding\":\n              contentPadding === false || contentPadding === 0\n                ? \"0\"\n                : typeof contentPadding == \"number\"\n                ? `${contentPadding}px`\n                : contentPadding,\n          }\n        : {}) as React.CSSProperties),\n      ...styles?.body,\n    },\n  };\n\n  const [isContentOverflow, setIsContentOverflow] = useState(false);\n\n  const cls = useCls();\n\n  const { className: themeClassName } = useTheme();\n\n  const resizeObserverRef = useRef<ResizeObserver | null>(null);\n\n  const modalInnerRef = useCallback(\n    (node: HTMLElement | null) => {\n      // If the node is null (component unmounting), just return\n      if (!node) return;\n\n      const modalBody = node.querySelector(\".\" + cls(\"modal-body\"));\n      if (!(modalBody instanceof HTMLElement)) return;\n\n      // Create ResizeObserver to detect overflow\n      const resizeObserver = new ResizeObserver(() => {\n        const hasOverflow = modalBody.scrollHeight > modalBody.clientHeight;\n        setIsContentOverflow(hasOverflow);\n      });\n\n      // Store reference to the observer\n      resizeObserverRef.current = resizeObserver;\n\n      // Start observing\n      resizeObserver.observe(modalBody);\n\n      // Initial check\n      const hasOverflow = modalBody.scrollHeight > modalBody.clientHeight;\n      setIsContentOverflow(hasOverflow);\n    },\n    [cls]\n  );\n\n  // clean up resize observer\n  useEffect(() => {\n    return () => {\n      if (resizeObserverRef.current) {\n        resizeObserverRef.current.disconnect();\n        resizeObserverRef.current = null;\n      }\n    };\n  }, []);\n\n  const [locale] = useLocale(\"Modal\", getConfirmLocale());\n\n  const okTextLocale: React.ReactNode = okText || locale?.okText;\n  const cancelTextLocale = cancelText || locale?.cancelText;\n\n  const modalOkButtonProps = {\n    loading: loading,\n    ...okButtonProps,\n  };\n\n  const modalCancelButtonProps = {\n    ...cancelButtonProps,\n  };\n\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n\n  const uncontrolledOpen = typeof externalOpen === \"undefined\";\n\n  const open = uncontrolledOpen ? internalOpen : externalOpen;\n\n  const defaultFooter = (\n    <ModalContextProvider\n      value={{\n        okButtonProps: modalOkButtonProps,\n        cancelButtonProps: modalCancelButtonProps,\n        onCancel,\n        onOk,\n        okType,\n        confirmLoading,\n        okTextLocale,\n        cancelTextLocale,\n      }}\n    >\n      {hideOkButton ? (\n        <NormalCancelBtn />\n      ) : hideCancelButton ? (\n        <NormalOkBtn />\n      ) : (\n        <>\n          <NormalCancelBtn />\n          <NormalOkBtn />\n        </>\n      )}\n    </ModalContextProvider>\n  );\n  const renderTitle = () => {\n    return (\n      <>\n        <Stack align=\"center\" gap={8} className={cls(\"modal-title-wrapper\")}>\n          <Stack.Child grow>\n            {typeof title === \"string\" ? <Truncate>{title}</Truncate> : title}\n          </Stack.Child>\n          <Stack.Child stack hug align=\"center\" gap={8}>\n            {beforeCloseButton}\n            <IconButton\n              onClick={(e: React.MouseEvent<HTMLButtonElement>) =>\n                onCancel?.(e)\n              }\n            >\n              {defaultCloseIcon}\n            </IconButton>\n            {afterCloseButton}\n          </Stack.Child>\n          {}\n        </Stack>\n        {afterTitle ? afterTitle : null}\n      </>\n    );\n  };\n  return (\n    <AntModal\n      closeIcon={false}\n      open={open}\n      width={modalWidth}\n      style={modalStyle}\n      title={renderTitle()}\n      rootClassName={clsx(themeClassName, rootClassName)}\n      classNames={{\n        ...classNames,\n        wrapper: cls(\n          \"modal-wrap\",\n          size == \"fullscreen\" && \"modal-fullscreen\",\n          isContentOverflow && \"modal-content-overflow\",\n          bodyScrollable === false && \"modal-no-body-scroll\",\n          defaultFixedHeaderFooter || isContentOverflow || size == \"fullscreen\"\n            ? \"modal-fixed\"\n            : \"\"\n        ),\n      }}\n      styles={modalStyles}\n      modalRender={(modal) => (\n        <div ref={modalInnerRef} className={cls(\"modal-inner\")}>\n          {modal}\n        </div>\n      )}\n      okButtonProps={modalOkButtonProps}\n      cancelButtonProps={modalCancelButtonProps}\n      onOk={(e) => {\n        if (uncontrolledOpen) setInternalOpen(false);\n        onOk?.(e);\n      }}\n      onCancel={(e) => {\n        if (uncontrolledOpen) setInternalOpen(false);\n        onCancel?.(e);\n      }}\n      okText={okText}\n      cancelText={cancelText}\n      okType=\"primary\"\n      confirmLoading={confirmLoading}\n      footer={\n        typeof footer === \"undefined\"\n          ? hideOkButton && hideCancelButton\n            ? null\n            : defaultFooter\n          : footer\n      }\n      centered={centered}\n      {...rest}\n    >\n      {children}\n    </AntModal>\n  );\n};\n"],"names":["Modal","externalOpen","closeIcon","children","sizeProp","footer","width","style","styles","classNames","okButtonProps","cancelButtonProps","loading","onOk","onCancel","okText","okType","confirmLoading","cancelText","hideOkButton","hideCancelButton","contentPadding","title","afterTitle","beforeCloseButton","afterCloseButton","defaultFixedHeaderFooter","centered","type","defaultOpen","backgroundProp","bodyScrollable","rootClassName","rest","defaultCloseIcon","jsx","XIcon","size","modalWidth","ModalSize","modalStyle","modalStyles","isContentOverflow","setIsContentOverflow","useState","cls","useCls","themeClassName","useTheme","resizeObserverRef","useRef","modalInnerRef","useCallback","node","modalBody","resizeObserver","hasOverflow","useEffect","locale","useLocale","getConfirmLocale","okTextLocale","cancelTextLocale","modalOkButtonProps","modalCancelButtonProps","internalOpen","setInternalOpen","uncontrolledOpen","open","defaultFooter","ModalContextProvider","NormalCancelBtn","NormalOkBtn","jsxs","Fragment","AntModal","Stack","Truncate","IconButton","e","clsx","modal"],"mappings":"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"}
+{"version":3,"file":"Modal.js","sources":["../../../src/components/modal/Modal.tsx"],"sourcesContent":["\"use client\";\nimport {\n  default as AntModal,\n  type ModalProps as AntModalProps,\n} from \"antd/es/modal\";\nimport { XIcon } from \"@bioturing/assets\";\nimport React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { clsx, useCls } from \"../utils\";\nimport { ModalContextProvider } from \"antd/es/modal/context\";\nimport NormalCancelBtn from \"antd/es/modal/components/NormalCancelBtn\";\nimport NormalOkBtn from \"antd/es/modal/components/NormalOkBtn\";\nimport { getConfirmLocale } from \"antd/es/modal/locale\";\nimport { useLocale } from \"antd/es/locale\";\nimport { IconButton } from \"../icon-button\";\nimport { ModalSize } from \"./constants\";\nimport { ModalType } from \"./functions\";\nimport { Truncate } from \"../truncate\";\nimport { Stack } from \"../stack\";\nimport { useTheme } from \"../theme-provider\";\n\n// Define props interface extending Ant Design's ModalProps\nexport interface ModalProps extends Omit<AntModalProps, \"centered\"> {\n  /**\n   * Predefined sizes for the modal\n   * - xsmall: 400px\n   * - small: 520px\n   * - medium: 640px (default)\n   * - large: 840px\n   * - xlarge: 1024px\n   * - fullscreen: 100vw (takes full screen width with margins)\n   * @default \"medium\" for default type, \"xsmall\" for other types\n   */\n  size?:\n    | \"xsmall\"\n    | \"small\"\n    | \"medium\"\n    | \"large\"\n    | \"xlarge\"\n    | \"xxlarge\"\n    | \"fullscreen\";\n  /**\n   * Mark modal as loading\n   * @default false\n   */\n  loading?: boolean;\n  /**\n   * Hide Ok button\n   * @default false\n   */\n  hideOkButton?: boolean;\n  /**\n   * Hide Cancel button\n   * @default false\n   */\n  hideCancelButton?: boolean;\n  /**\n   * Custom Content Padding\n   * @default \"24px\"\n   */\n  contentPadding?: number | string | boolean;\n  /**\n   * Add more content below the title\n   */\n  afterTitle?: React.ReactNode;\n  /**\n   * Add more actions before close button\n   */\n  beforeCloseButton?: React.ReactNode;\n  /**\n   * Add more actions after close button\n   */\n  afterCloseButton?: React.ReactNode;\n  /**\n   * Set header and footer to fixed position\n   * @default false\n   */\n  defaultFixedHeaderFooter?: boolean;\n  /**\n   * Centered Modal\n   * @default true\n   */\n  centered?: boolean;\n  /**\n   * Modal type\n   * @default \"default\"\n   */\n  type?: ModalType;\n  /**\n   * Default open state for uncontrolled modal\n   * @default true\n   */\n  defaultOpen?: boolean;\n  /**\n   * Modal background\n   * @default \"elevated\" if size smaller than \"medium\", otherwise \"container\"\n   */\n  background?: \"elevated\" | \"container\";\n  /**\n   * Modal old close callback\n   * @deprecated use onCancel instead\n   */\n  onClose?: () => void;\n  /**\n   * Make modal body scrollable\n   * @default true\n   */\n  bodyScrollable?: boolean;\n}\n\n// Create Modal component\nexport const Modal = ({\n  open: externalOpen,\n  closeIcon,\n  children,\n  size: sizeProp,\n  footer,\n  width,\n  style,\n  styles,\n  classNames,\n  okButtonProps,\n  cancelButtonProps,\n  loading,\n  onOk,\n  onCancel,\n  okText,\n  okType = \"primary\",\n  confirmLoading,\n  cancelText = \"Close\",\n  hideOkButton = false,\n  hideCancelButton = false,\n  contentPadding,\n  title,\n  afterTitle,\n  beforeCloseButton,\n  afterCloseButton,\n  defaultFixedHeaderFooter = false,\n  centered = true,\n  type = \"default\",\n  defaultOpen = true,\n  background: backgroundProp,\n  bodyScrollable = true,\n  rootClassName,\n  ...rest\n}: ModalProps) => {\n  // Default close icon with Phosphor icon\n  const defaultCloseIcon =\n    closeIcon === undefined ? <XIcon size={16} weight=\"bold\" /> : closeIcon;\n\n  // Use custom width if provided, otherwise use the size from the map\n  const defaultModalSize = type === \"default\" ? \"medium\" : \"xsmall\";\n\n  const size: keyof typeof ModalSize = sizeProp || defaultModalSize;\n  const modalWidth = width || ModalSize[size];\n\n  const background =\n    backgroundProp ||\n    (size &&\n    size in ModalSize &&\n    parseInt(ModalSize[size]) <= parseInt(ModalSize.medium)\n      ? \"elevated\"\n      : \"container\");\n\n  // Apply additional styles for fullscreen mode\n  const modalStyle = {\n    \"--ds-modal-bg\": `var(--ds-color-bg-${background})`,\n    ...style,\n    ...(size === \"fullscreen\"\n      ? { top: 0, maxWidth: \"100%\", height: \"100%\" }\n      : {}),\n  };\n\n  const modalStyles = {\n    ...styles,\n    body: {\n      ...((typeof contentPadding != \"undefined\"\n        ? {\n            \"--ds-modal-content-padding\":\n              contentPadding === false || contentPadding === 0\n                ? \"0\"\n                : typeof contentPadding == \"number\"\n                ? `${contentPadding}px`\n                : contentPadding,\n          }\n        : {}) as React.CSSProperties),\n      ...styles?.body,\n    },\n  };\n\n  const [isContentOverflow, setIsContentOverflow] = useState(false);\n\n  const cls = useCls();\n\n  const { className: themeClassName } = useTheme();\n\n  const resizeObserverRef = useRef<ResizeObserver | null>(null);\n\n  const modalInnerRef = useCallback(\n    (node: HTMLElement | null) => {\n      // If the node is null (component unmounting), just return\n      if (!node) return;\n\n      const modalBody = node.querySelector(\".\" + cls(\"modal-body\"));\n      if (!(modalBody instanceof HTMLElement)) return;\n\n      // Create ResizeObserver to detect overflow\n      const resizeObserver = new ResizeObserver(() => {\n        const hasOverflow = modalBody.scrollHeight > modalBody.clientHeight;\n        setIsContentOverflow(hasOverflow);\n      });\n\n      // Store reference to the observer\n      resizeObserverRef.current = resizeObserver;\n\n      // Start observing\n      resizeObserver.observe(modalBody);\n\n      // Initial check\n      const hasOverflow = modalBody.scrollHeight > modalBody.clientHeight;\n      setIsContentOverflow(hasOverflow);\n    },\n    [cls]\n  );\n\n  // clean up resize observer\n  useEffect(() => {\n    return () => {\n      if (resizeObserverRef.current) {\n        resizeObserverRef.current.disconnect();\n        resizeObserverRef.current = null;\n      }\n    };\n  }, []);\n\n  const [locale] = useLocale(\"Modal\", getConfirmLocale());\n\n  const okTextLocale: React.ReactNode = okText || locale?.okText;\n  const cancelTextLocale = cancelText || locale?.cancelText;\n\n  const modalOkButtonProps = {\n    // loading: typeof confirmLoading === \"boolean\" ? confirmLoading : loading,\n    ...okButtonProps,\n  };\n\n  const modalCancelButtonProps = {\n    ...cancelButtonProps,\n  };\n\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n\n  const uncontrolledOpen = typeof externalOpen === \"undefined\";\n\n  const open = uncontrolledOpen ? internalOpen : externalOpen;\n\n  const handleCancel = (e: React.MouseEvent<HTMLButtonElement>) => {\n    if (confirmLoading) {\n      return;\n    }\n    onCancel?.(e);\n  };\n\n  const defaultFooter = (\n    <ModalContextProvider\n      value={{\n        okButtonProps: modalOkButtonProps,\n        cancelButtonProps: modalCancelButtonProps,\n        onCancel: handleCancel,\n        onOk,\n        okType,\n        confirmLoading,\n        okTextLocale,\n        cancelTextLocale,\n      }}\n    >\n      {hideOkButton ? (\n        <NormalCancelBtn />\n      ) : hideCancelButton ? (\n        <NormalOkBtn />\n      ) : (\n        <>\n          <NormalCancelBtn />\n          <NormalOkBtn />\n        </>\n      )}\n    </ModalContextProvider>\n  );\n  const renderTitle = () => {\n    return (\n      <>\n        <Stack align=\"center\" gap={8} className={cls(\"modal-title-wrapper\")}>\n          <Stack.Child grow>\n            {typeof title === \"string\" ? <Truncate>{title}</Truncate> : title}\n          </Stack.Child>\n          <Stack.Child stack hug align=\"center\" gap={8}>\n            {beforeCloseButton}\n            <IconButton\n              onClick={(e: React.MouseEvent<HTMLButtonElement>) =>\n                handleCancel(e)\n              }\n            >\n              {defaultCloseIcon}\n            </IconButton>\n            {afterCloseButton}\n          </Stack.Child>\n          {}\n        </Stack>\n        {afterTitle ? afterTitle : null}\n      </>\n    );\n  };\n  return (\n    <AntModal\n      closeIcon={false}\n      open={open}\n      width={modalWidth}\n      style={modalStyle}\n      title={renderTitle()}\n      rootClassName={clsx(themeClassName, rootClassName)}\n      classNames={{\n        ...classNames,\n        wrapper: cls(\n          \"modal-wrap\",\n          size == \"fullscreen\" && \"modal-fullscreen\",\n          isContentOverflow && \"modal-content-overflow\",\n          bodyScrollable === false && \"modal-no-body-scroll\",\n          defaultFixedHeaderFooter || isContentOverflow || size == \"fullscreen\"\n            ? \"modal-fixed\"\n            : \"\"\n        ),\n      }}\n      styles={modalStyles}\n      modalRender={(modal) => (\n        <div ref={modalInnerRef} className={cls(\"modal-inner\")}>\n          {modal}\n        </div>\n      )}\n      okButtonProps={modalOkButtonProps}\n      cancelButtonProps={modalCancelButtonProps}\n      onOk={(e) => {\n        if (uncontrolledOpen) setInternalOpen(false);\n        onOk?.(e);\n      }}\n      onCancel={(e) => {\n        if (confirmLoading) return;\n        if (uncontrolledOpen) setInternalOpen(false);\n        onCancel?.(e);\n      }}\n      okText={okText}\n      cancelText={cancelText}\n      okType=\"primary\"\n      confirmLoading={confirmLoading}\n      footer={\n        typeof footer === \"undefined\"\n          ? hideOkButton && hideCancelButton\n            ? null\n            : defaultFooter\n          : footer\n      }\n      centered={centered}\n      loading={loading}\n      {...rest}\n    >\n      {children}\n    </AntModal>\n  );\n};\n"],"names":["Modal","externalOpen","closeIcon","children","sizeProp","footer","width","style","styles","classNames","okButtonProps","cancelButtonProps","loading","onOk","onCancel","okText","okType","confirmLoading","cancelText","hideOkButton","hideCancelButton","contentPadding","title","afterTitle","beforeCloseButton","afterCloseButton","defaultFixedHeaderFooter","centered","type","defaultOpen","backgroundProp","bodyScrollable","rootClassName","rest","defaultCloseIcon","jsx","XIcon","size","modalWidth","ModalSize","modalStyle","modalStyles","isContentOverflow","setIsContentOverflow","useState","cls","useCls","themeClassName","useTheme","resizeObserverRef","useRef","modalInnerRef","useCallback","node","modalBody","resizeObserver","hasOverflow","useEffect","locale","useLocale","getConfirmLocale","okTextLocale","cancelTextLocale","modalOkButtonProps","modalCancelButtonProps","internalOpen","setInternalOpen","uncontrolledOpen","open","handleCancel","defaultFooter","ModalContextProvider","NormalCancelBtn","NormalOkBtn","jsxs","Fragment","AntModal","Stack","Truncate","IconButton","clsx","modal"],"mappings":"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"}

package/dist/components/toast/function.js

@@ -1,23 +1,23 @@
 "use client";
 import { Toast as e } from "@base-ui-components/react";
 const n = e.createToastManager();
-function r(o) {
-  return (s, t) => n.add({
+function t(r) {
+  return (s, o) => n.add({
     description: s,
     data: {
-      type: o
+      type: r
     },
     // progress and error toasts should not auto close
-    ...o === "progress" || o === "error" ? { timeout: 0 } : {},
-    ...t
+    ...r === "progress" ? { timeout: 0 } : {},
+    ...o
   });
 }
-const i = Object.assign(r("info"), {
-  info: r("info"),
-  success: r("success"),
-  error: r("error"),
-  warning: r("warning"),
-  progress: r("progress")
+const i = Object.assign(t("info"), {
+  info: t("info"),
+  success: t("success"),
+  error: t("error"),
+  warning: t("warning"),
+  progress: t("progress")
 });
 export {
   i as toast,

package/dist/components/toast/function.js.map

@@ -1 +1 @@
-{"version":3,"file":"function.js","sources":["../../../src/components/toast/function.ts"],"sourcesContent":["\"use client\";\nimport { Toast as BaseToast } from \"@base-ui-components/react\";\nimport type { ToastData } from \"./types\";\n\nexport const toastManager = BaseToast.createToastManager();\n\nfunction createToastTypeFunction(type: ToastData[\"type\"]) {\n  return (\n    message: string,\n    options?: Omit<\n      BaseToast.useToastManager.AddOptions<ToastData>,\n      \"data\" | \"description\"\n    >\n  ) => {\n    const toastId = toastManager.add<ToastData>({\n      description: message,\n      data: {\n        type: type,\n      },\n      // progress and error toasts should not auto close\n      ...(type === \"progress\" || type === \"error\" ? { timeout: 0 } : {}),\n      ...options,\n    });\n    return toastId;\n  };\n}\n\nexport const toast = Object.assign(createToastTypeFunction(\"info\"), {\n  info: createToastTypeFunction(\"info\"),\n  success: createToastTypeFunction(\"success\"),\n  error: createToastTypeFunction(\"error\"),\n  warning: createToastTypeFunction(\"warning\"),\n  progress: createToastTypeFunction(\"progress\"),\n});\n"],"names":["toastManager","BaseToast","createToastTypeFunction","type","message","options","toast"],"mappings":";;AAIO,MAAMA,IAAeC,EAAU,mBAAA;AAEtC,SAASC,EAAwBC,GAAyB;AACxD,SAAO,CACLC,GACAC,MAKgBL,EAAa,IAAe;AAAA,IAC1C,aAAaI;AAAA,IACb,MAAM;AAAA,MACJ,MAAAD;AAAA,IAAA;AAAA;AAAA,IAGF,GAAIA,MAAS,cAAcA,MAAS,UAAU,EAAE,SAAS,EAAA,IAAM,CAAA;AAAA,IAC/D,GAAGE;AAAA,EAAA,CACJ;AAGL;AAEO,MAAMC,IAAQ,OAAO,OAAOJ,EAAwB,MAAM,GAAG;AAAA,EAClE,MAAMA,EAAwB,MAAM;AAAA,EACpC,SAASA,EAAwB,SAAS;AAAA,EAC1C,OAAOA,EAAwB,OAAO;AAAA,EACtC,SAASA,EAAwB,SAAS;AAAA,EAC1C,UAAUA,EAAwB,UAAU;AAC9C,CAAC;"}
+{"version":3,"file":"function.js","sources":["../../../src/components/toast/function.ts"],"sourcesContent":["\"use client\";\nimport { Toast as BaseToast } from \"@base-ui-components/react\";\nimport type { ToastData } from \"./types\";\n\nexport const toastManager = BaseToast.createToastManager();\n\nfunction createToastTypeFunction(type: ToastData[\"type\"]) {\n  return (\n    message: string,\n    options?: Omit<\n      BaseToast.useToastManager.AddOptions<ToastData>,\n      \"data\" | \"description\"\n    >\n  ) => {\n    const toastId = toastManager.add<ToastData>({\n      description: message,\n      data: {\n        type: type,\n      },\n      // progress and error toasts should not auto close\n      ...(type === \"progress\" ? { timeout: 0 } : {}),\n      ...options,\n    });\n    return toastId;\n  };\n}\n\nexport const toast = Object.assign(createToastTypeFunction(\"info\"), {\n  info: createToastTypeFunction(\"info\"),\n  success: createToastTypeFunction(\"success\"),\n  error: createToastTypeFunction(\"error\"),\n  warning: createToastTypeFunction(\"warning\"),\n  progress: createToastTypeFunction(\"progress\"),\n});\n"],"names":["toastManager","BaseToast","createToastTypeFunction","type","message","options","toast"],"mappings":";;AAIO,MAAMA,IAAeC,EAAU,mBAAA;AAEtC,SAASC,EAAwBC,GAAyB;AACxD,SAAO,CACLC,GACAC,MAKgBL,EAAa,IAAe;AAAA,IAC1C,aAAaI;AAAA,IACb,MAAM;AAAA,MACJ,MAAAD;AAAA,IAAA;AAAA;AAAA,IAGF,GAAIA,MAAS,aAAa,EAAE,SAAS,EAAA,IAAM,CAAA;AAAA,IAC3C,GAAGE;AAAA,EAAA,CACJ;AAGL;AAEO,MAAMC,IAAQ,OAAO,OAAOJ,EAAwB,MAAM,GAAG;AAAA,EAClE,MAAMA,EAAwB,MAAM;AAAA,EACpC,SAASA,EAAwB,SAAS;AAAA,EAC1C,OAAOA,EAAwB,OAAO;AAAA,EACtC,SAASA,EAAwB,SAAS;AAAA,EAC1C,UAAUA,EAAwB,UAAU;AAC9C,CAAC;"}

package/dist/components/toast/style.css

@@ -1 +1 @@
-@layer components{.ds-toast-viewport{position:fixed;width:100%;max-width:30rem;margin:0 auto;bottom:2rem;left:50%;transform:translate(-50%);top:auto;z-index:var(--ds-z-index-toast);display:flex;justify-content:center}.ds-toast{--gap: .5rem;--offset-y: calc( var(--toast-offset-y) * -1 + (var(--toast-index) * var(--gap) * -1) + var(--toast-swipe-movement-y) );font-family:var(--font-sans);position:absolute;box-sizing:border-box;background:var(--ds-color-bg-elevated);color:var(--ds-color-text);padding:.75rem 1rem;max-width:100%;display:inline-flex;gap:var(--gap);box-shadow:var(--ds-box-shadow-secondary);background-clip:padding-box;border-radius:.5rem;bottom:0;margin-right:0;-webkit-user-select:none;user-select:none;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .5s;cursor:default;z-index:calc(1000 - var(--toast-index));transform:translate(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) + (var(--toast-index) * -20%))) scale(calc(1 - (var(--toast-index) * .1)))}.ds-toast:after{top:100%}.ds-toast[data-expanded]{transform:translate(var(--toast-swipe-movement-x)) translateY(var(--offset-y))}.ds-toast[data-starting-style],.ds-toast[data-ending-style]:not([data-limited]){transform:translateY(150%)}.ds-toast[data-ending-style]{opacity:0}.ds-toast[data-ending-style][data-swipe-direction=up]{transform:translateY(calc(var(--toast-swipe-movement-y) - 150%))}.ds-toast[data-ending-style][data-swipe-direction=left]{transform:translate(calc(var(--toast-swipe-movement-x) - 150%)) translateY(var(--offset-y))}.ds-toast[data-ending-style][data-swipe-direction=right]{transform:translate(calc(var(--toast-swipe-movement-x) + 150%)) translateY(var(--offset-y))}.ds-toast[data-ending-style][data-swipe-direction=down]{transform:translateY(calc(var(--toast-swipe-movement-y) + 150%))}.ds-toast:after{content:"";position:absolute;width:100%;left:0;height:calc(var(--gap) + 1px)}.ds-toast-content{display:flex;flex:1;flex-direction:column;gap:2}.ds-toast-title{font-size:var(--text-ds-h5);font-weight:var(--text-ds-h5--font-weight);line-height:var(--text-ds-h5--line-height)}.ds-toast-description{font-size:var(--ds-font-size);line-height:var(--ds-line-height)}.ds-toast-description:last-child{margin-bottom:0}.ds-toast-description-traceback p:not(:first-child){margin-top:.5rem}.ds-toast-icon-wrap{width:1.25rem;font-size:1.25rem;display:block;flex:0}.ds-toast-icon{width:1.25rem;height:1.25rem;display:block}.ds-toast-icon.ds-toast-icon-info{color:var(--ds-color-primary)}.ds-toast-icon.ds-toast-icon-success{color:var(--ds-color-success)}.ds-toast-icon.ds-toast-icon-warning{color:var(--ds-color-warning)}.ds-toast-icon.ds-toast-icon-error{color:var(--ds-color-error)}.ds-toast-icon.ds-toast-icon-progress{color:var(--ds-color-primary);animation:var(--ds-animate-spin)}.ds-toast-close{margin-top:.125rem;display:flex}}
+@layer components{.ds-toast-viewport{position:fixed;width:100%;max-width:30rem;margin:0 auto;bottom:2rem;left:50%;transform:translate(-50%);top:auto;z-index:var(--ds-z-index-toast);display:flex;justify-content:center}.ds-toast{--gap: .5rem;--offset-y: calc( var(--toast-offset-y) * -1 + (var(--toast-index) * var(--gap) * -1) + var(--toast-swipe-movement-y) );font-family:var(--font-sans);position:absolute;box-sizing:border-box;background:var(--ds-color-bg-elevated);color:var(--ds-color-text);padding:.75rem 1rem;max-width:100%;display:inline-flex;gap:var(--gap);box-shadow:var(--ds-box-shadow-secondary);background-clip:padding-box;border-radius:.5rem;bottom:0;margin-right:0;-webkit-user-select:none;user-select:none;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .5s;cursor:default;z-index:calc(1000 - var(--toast-index));transform:translate(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) + (var(--toast-index) * -20%))) scale(calc(1 - (var(--toast-index) * .1)))}.ds-toast:after{top:100%}.ds-toast[data-expanded]{transform:translate(var(--toast-swipe-movement-x)) translateY(var(--offset-y))}.ds-toast[data-starting-style],.ds-toast[data-ending-style]:not([data-limited]){transform:translateY(150%)}.ds-toast[data-ending-style]{opacity:0}.ds-toast[data-ending-style][data-swipe-direction=up]{transform:translateY(calc(var(--toast-swipe-movement-y) - 150%))}.ds-toast[data-ending-style][data-swipe-direction=left]{transform:translate(calc(var(--toast-swipe-movement-x) - 150%)) translateY(var(--offset-y))}.ds-toast[data-ending-style][data-swipe-direction=right]{transform:translate(calc(var(--toast-swipe-movement-x) + 150%)) translateY(var(--offset-y))}.ds-toast[data-ending-style][data-swipe-direction=down]{transform:translateY(calc(var(--toast-swipe-movement-y) + 150%))}.ds-toast:after{content:"";position:absolute;width:100%;left:0;height:calc(var(--gap) + 1px)}.ds-toast-content{display:flex;flex:1;flex-direction:column;max-height:calc(100vh - 92px);gap:2;overflow-y:auto}.ds-toast-title{font-size:var(--text-ds-h5);font-weight:var(--text-ds-h5--font-weight);line-height:var(--text-ds-h5--line-height)}.ds-toast-description{font-size:var(--ds-font-size);line-height:var(--ds-line-height)}.ds-toast-description:last-child{margin-bottom:0}.ds-toast-description-traceback p:not(:first-child){margin-top:.5rem}.ds-toast-icon-wrap{width:1.25rem;font-size:1.25rem;display:block;flex:0}.ds-toast-icon{width:1.25rem;height:1.25rem;display:block}.ds-toast-icon.ds-toast-icon-info{color:var(--ds-color-primary)}.ds-toast-icon.ds-toast-icon-success{color:var(--ds-color-success)}.ds-toast-icon.ds-toast-icon-warning{color:var(--ds-color-warning)}.ds-toast-icon.ds-toast-icon-error{color:var(--ds-color-error)}.ds-toast-icon.ds-toast-icon-progress{color:var(--ds-color-primary);animation:var(--ds-animate-spin)}.ds-toast-close{margin-top:.125rem;display:flex}}

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

@@ -12,6 +12,13 @@ export interface TruncateProps extends Omit<React.ComponentPropsWithoutRef<"span
      */
     lines?: number | "auto";
     container?: HTMLElement | React.RefObject<HTMLElement>;
+    /**
+     * Custom render function to transform text before display
+     * Useful for keyword highlighting, text transformations, etc.
+     * @param text - The text to render (may be truncated)
+     * @returns React node to render
+     */
+    renderText?: (text: string) => React.ReactNode;
 }
 export declare const Truncate: React.FC<TruncateProps>;
 //# sourceMappingURL=component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/truncate/component.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAK9E,OAAO,aAAa,CAAC;AAErB,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,KAAK,CAAC;AAEhD,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAC7D,mCAAmC;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAIxB,SAAS,CAAC,EAAE,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqL5C,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/truncate/component.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAK9E,OAAO,aAAa,CAAC;AAErB,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,KAAK,CAAC;AAEhD,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAC7D,mCAAmC;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAIxB,SAAS,CAAC,EAAE,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACvD;;;;;OAKG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CAChD;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAiM5C,CAAC"}