@bioturing/components 0.32.0 → 0.32.1

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

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

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

@@ -0,0 +1,85 @@
+import { ModalProps as AntModalProps } from 'antd/es/modal';
+import { default as React } from 'react';
+import { ModalType } from './functions';
+export interface ModalProps extends Omit<AntModalProps, "centered"> {
+    /**
+     * Predefined sizes for the modal
+     * - xsmall: 400px
+     * - small: 520px
+     * - medium: 640px (default)
+     * - large: 840px
+     * - xlarge: 1024px
+     * - fullscreen: 100vw (takes full screen width with margins)
+     * @default "medium" for default type, "xsmall" for other types
+     */
+    size?: "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge" | "fullscreen";
+    /**
+     * Mark modal as loading
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Hide Ok button
+     * @default false
+     */
+    hideOkButton?: boolean;
+    /**
+     * Hide Cancel button
+     * @default false
+     */
+    hideCancelButton?: boolean;
+    /**
+     * Custom Content Padding
+     * @default "24px"
+     */
+    contentPadding?: number | string | boolean;
+    /**
+     * Add more content below the title
+     */
+    afterTitle?: React.ReactNode;
+    /**
+     * Add more actions before close button
+     */
+    beforeCloseButton?: React.ReactNode;
+    /**
+     * Add more actions after close button
+     */
+    afterCloseButton?: React.ReactNode;
+    /**
+     * Set header and footer to fixed position
+     * @default false
+     */
+    defaultFixedHeaderFooter?: boolean;
+    /**
+     * Centered Modal
+     * @default true
+     */
+    centered?: boolean;
+    /**
+     * Modal type
+     * @default "default"
+     */
+    type?: ModalType;
+    /**
+     * Default open state for uncontrolled modal
+     * @default true
+     */
+    defaultOpen?: boolean;
+    /**
+     * Modal background
+     * @default "elevated" if size smaller than "medium", otherwise "container"
+     */
+    background?: "elevated" | "container";
+    /**
+     * Modal old close callback
+     * @deprecated use onCancel instead
+     */
+    onClose?: () => void;
+    /**
+     * Make modal body scrollable
+     * @default true
+     */
+    bodyScrollable?: boolean;
+}
+export declare const Modal: ({ open: externalOpen, closeIcon, children, size: 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, background: backgroundProp, bodyScrollable, ...rest }: ModalProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Modal.d.ts.map

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

@@ -0,0 +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;AAKxC,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,kaAiCnB,UAAU,4CAiNZ,CAAC"}

package/dist/components/modal/Modal.js

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

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 { 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\";\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  ...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 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      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","rest","defaultCloseIcon","jsx","XIcon","size","modalWidth","ModalSize","modalStyle","modalStyles","isContentOverflow","setIsContentOverflow","useState","cls","useCls","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","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 { 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\";\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  ...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 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      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","rest","defaultCloseIcon","jsx","XIcon","size","modalWidth","ModalSize","modalStyle","modalStyles","isContentOverflow","setIsContentOverflow","useState","cls","useCls","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","modal"],"mappings":"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"}

package/dist/components/modal/ModalProvider.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+export interface ModalProviderProps {
+    children?: React.ReactNode;
+}
+export declare const ModalProvider: React.FC<ModalProviderProps>;
+//# sourceMappingURL=ModalProvider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalProvider.d.ts","sourceRoot":"","sources":["../../../src/components/modal/ModalProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA8EtD,CAAC"}

package/dist/components/modal/ModalProvider.js

@@ -2,28 +2,28 @@
 import { jsxs as f, Fragment as m } from "react/jsx-runtime";
 import { useState as y, useEffect as g, createElement as b } from "react";
 import { Modal as M } from "./Modal.js";
-import { modalManager as n } from "./ModalService.js";
-const j = ({ children: l }) => {
+import { modalManager as a } from "./ModalService.js";
+const x = ({ children: l }) => {
   const [p, u] = y([]);
-  return g(() => n.subscribe((e) => {
-    u((r) => {
+  return g(() => a.subscribe((e) => {
+    u((t) => {
       switch (e.type) {
         case "add":
-          return [...r, e.payload];
+          return [...t, e.payload];
         case "update":
-          return r.map((t) => {
-            if (t.id === e.payload.id) {
-              const o = e.payload.config, a = typeof o == "function" ? o(t) : { ...t, ...o };
-              return { ...t, ...a };
+          return t.map((o) => {
+            if (o.id === e.payload.id) {
+              const r = e.payload.config, n = typeof r == "function" ? r(o) : { ...o, ...r };
+              return { ...o, ...n };
             }
-            return t;
+            return o;
           });
         case "destroy":
-          return r.filter((t) => t.id !== e.payload.id);
+          return t.filter((o) => o.id !== e.payload.id);
         case "destroyAll":
           return [];
         default:
-          return r;
+          return t;
       }
     });
   }), []), /* @__PURE__ */ f(m, { children: [
@@ -31,41 +31,41 @@ const j = ({ children: l }) => {
     p.map((d) => {
       const {
         id: e,
-        content: r,
-        children: t,
-        onOk: o,
-        onCancel: a,
-        trigger: i,
-        ...c
+        content: t,
+        children: o,
+        onOk: r,
+        onCancel: n,
+        trigger: c,
+        ...i
       } = d;
       return /* @__PURE__ */ b(
         M,
         {
-          ...c,
+          ...i,
           key: e,
-          open: c.open,
+          open: i.open,
           onOk: (s) => {
-            o == null || o(s), n.emit({
+            r?.(s), a.emit({
               type: "update",
               payload: { id: e, config: { open: !1 } }
             });
           },
           onCancel: (s) => {
-            a == null || a(s), n.emit({
+            n?.(s), a.emit({
               type: "update",
               payload: { id: e, config: { open: !1 } }
             });
           },
           afterClose: () => {
-            n.emit({ type: "destroy", payload: { id: e } }), i instanceof HTMLElement && i.focus();
+            a.emit({ type: "destroy", payload: { id: e } }), c instanceof HTMLElement && c.focus();
           }
         },
-        r || t
+        t || o
       );
     })
   ] });
 };
 export {
-  j as ModalProvider
+  x as ModalProvider
 };
 //# sourceMappingURL=ModalProvider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ModalProvider.js","sources":["../../../src/components/modal/ModalProvider.tsx"],"sourcesContent":["\"use client\";\nimport React, { useEffect, useState } from \"react\";\nimport { Modal } from \"./Modal\";\nimport { modalManager } from \"./ModalService\";\nimport type { ModalConfig, ModalEvent } from \"./ModalService\";\n\nexport interface ModalProviderProps {\n  children?: React.ReactNode;\n}\n\nexport const ModalProvider: React.FC<ModalProviderProps> = ({ children }) => {\n  const [modals, setModals] = useState<ModalConfig[]>([]);\n\n  useEffect(() => {\n    const unsubscribe = modalManager.subscribe((event: ModalEvent) => {\n      setModals((prev) => {\n        switch (event.type) {\n          case \"add\":\n            return [...prev, event.payload];\n          case \"update\":\n            return prev.map((m) => {\n              if (m.id === event.payload.id) {\n                const cfg = event.payload.config;\n                const merged =\n                  typeof cfg === \"function\" ? cfg(m) : { ...m, ...cfg };\n                return { ...m, ...merged };\n              }\n              return m;\n            });\n          case \"destroy\":\n            return prev.filter((m) => m.id !== event.payload.id);\n          case \"destroyAll\":\n            return [];\n          default:\n            return prev;\n        }\n      });\n    });\n    return unsubscribe;\n  }, []);\n\n  return (\n    <>\n      {children}\n      {modals.map((modal) => {\n        const {\n          id,\n          content,\n          children,\n          onOk,\n          onCancel,\n          trigger,\n          ...modalProps\n        } = modal;\n        return (\n          <Modal\n            {...modalProps}\n            key={id}\n            // control visibility for transitions\n            open={modalProps.open}\n            onOk={(e) => {\n              onOk?.(e);\n              modalManager.emit({\n                type: \"update\",\n                payload: { id, config: { open: false } },\n              });\n            }}\n            onCancel={(e) => {\n              onCancel?.(e);\n              modalManager.emit({\n                type: \"update\",\n                payload: { id, config: { open: false } },\n              });\n            }}\n            afterClose={() => {\n              // destroy and restore focus\n              modalManager.emit({ type: \"destroy\", payload: { id } });\n              if (trigger instanceof HTMLElement) {\n                trigger.focus();\n              }\n            }}\n          >\n            {content || children}\n          </Modal>\n        );\n      })}\n    </>\n  );\n};\n"],"names":["ModalProvider","children","modals","setModals","useState","useEffect","modalManager","event","prev","m","cfg","merged","jsxs","Fragment","modal","id","content","onOk","onCancel","trigger","modalProps","createElement","Modal","e"],"mappings":";;;;;AAUO,MAAMA,IAA8C,CAAC,EAAE,UAAAC,QAAe;AAC3E,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAwB,CAAA,CAAE;AAEtD,SAAAC,EAAU,MACYC,EAAa,UAAU,CAACC,MAAsB;AAChE,IAAAJ,EAAU,CAACK,MAAS;AAClB,cAAQD,EAAM,MAAM;AAAA,QAClB,KAAK;AACH,iBAAO,CAAC,GAAGC,GAAMD,EAAM,OAAO;AAAA,QAChC,KAAK;AACI,iBAAAC,EAAK,IAAI,CAACC,MAAM;AACrB,gBAAIA,EAAE,OAAOF,EAAM,QAAQ,IAAI;AACvB,oBAAAG,IAAMH,EAAM,QAAQ,QACpBI,IACJ,OAAOD,KAAQ,aAAaA,EAAID,CAAC,IAAI,EAAE,GAAGA,GAAG,GAAGC,EAAI;AACtD,qBAAO,EAAE,GAAGD,GAAG,GAAGE,EAAO;AAAA,YAAA;AAEpB,mBAAAF;AAAA,UAAA,CACR;AAAA,QACH,KAAK;AACI,iBAAAD,EAAK,OAAO,CAACC,MAAMA,EAAE,OAAOF,EAAM,QAAQ,EAAE;AAAA,QACrD,KAAK;AACH,iBAAO,CAAC;AAAA,QACV;AACS,iBAAAC;AAAA,MAAA;AAAA,IACX,CACD;AAAA,EAAA,CACF,GAEA,EAAE,GAIA,gBAAAI,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAAZ;AAAA,IACAC,EAAO,IAAI,CAACY,MAAU;AACf,YAAA;AAAA,QACJ,IAAAC;AAAA,QACA,SAAAC;AAAA,QACA,UAAAf;AAAAA,QACA,MAAAgB;AAAA,QACA,UAAAC;AAAA,QACA,SAAAC;AAAA,QACA,GAAGC;AAAA,MAAA,IACDN;AAEF,aAAA,gBAAAO;AAAA,QAACC;AAAA,QAAA;AAAA,UACE,GAAGF;AAAA,UACJ,KAAKL;AAAA,UAEL,MAAMK,EAAW;AAAA,UACjB,MAAM,CAACG,MAAM;AACX,YAAAN,KAAA,QAAAA,EAAOM,IACPjB,EAAa,KAAK;AAAA,cAChB,MAAM;AAAA,cACN,SAAS,EAAE,IAAAS,GAAI,QAAQ,EAAE,MAAM,GAAQ,EAAA;AAAA,YAAA,CACxC;AAAA,UACH;AAAA,UACA,UAAU,CAACQ,MAAM;AACf,YAAAL,KAAA,QAAAA,EAAWK,IACXjB,EAAa,KAAK;AAAA,cAChB,MAAM;AAAA,cACN,SAAS,EAAE,IAAAS,GAAI,QAAQ,EAAE,MAAM,GAAQ,EAAA;AAAA,YAAA,CACxC;AAAA,UACH;AAAA,UACA,YAAY,MAAM;AAEH,YAAAT,EAAA,KAAK,EAAE,MAAM,WAAW,SAAS,EAAE,IAAAS,EAAA,GAAM,GAClDI,aAAmB,eACrBA,EAAQ,MAAM;AAAA,UAChB;AAAA,QACF;AAAA,QAECH,KAAWf;AAAAA,MACd;AAAA,IAEH,CAAA;AAAA,EAAA,GACH;AAEJ;"}
+{"version":3,"file":"ModalProvider.js","sources":["../../../src/components/modal/ModalProvider.tsx"],"sourcesContent":["\"use client\";\nimport React, { useEffect, useState } from \"react\";\nimport { Modal } from \"./Modal\";\nimport { modalManager } from \"./ModalService\";\nimport type { ModalConfig, ModalEvent } from \"./ModalService\";\n\nexport interface ModalProviderProps {\n  children?: React.ReactNode;\n}\n\nexport const ModalProvider: React.FC<ModalProviderProps> = ({ children }) => {\n  const [modals, setModals] = useState<ModalConfig[]>([]);\n\n  useEffect(() => {\n    const unsubscribe = modalManager.subscribe((event: ModalEvent) => {\n      setModals((prev) => {\n        switch (event.type) {\n          case \"add\":\n            return [...prev, event.payload];\n          case \"update\":\n            return prev.map((m) => {\n              if (m.id === event.payload.id) {\n                const cfg = event.payload.config;\n                const merged =\n                  typeof cfg === \"function\" ? cfg(m) : { ...m, ...cfg };\n                return { ...m, ...merged };\n              }\n              return m;\n            });\n          case \"destroy\":\n            return prev.filter((m) => m.id !== event.payload.id);\n          case \"destroyAll\":\n            return [];\n          default:\n            return prev;\n        }\n      });\n    });\n    return unsubscribe;\n  }, []);\n\n  return (\n    <>\n      {children}\n      {modals.map((modal) => {\n        const {\n          id,\n          content,\n          children,\n          onOk,\n          onCancel,\n          trigger,\n          ...modalProps\n        } = modal;\n        return (\n          <Modal\n            {...modalProps}\n            key={id}\n            // control visibility for transitions\n            open={modalProps.open}\n            onOk={(e) => {\n              onOk?.(e);\n              modalManager.emit({\n                type: \"update\",\n                payload: { id, config: { open: false } },\n              });\n            }}\n            onCancel={(e) => {\n              onCancel?.(e);\n              modalManager.emit({\n                type: \"update\",\n                payload: { id, config: { open: false } },\n              });\n            }}\n            afterClose={() => {\n              // destroy and restore focus\n              modalManager.emit({ type: \"destroy\", payload: { id } });\n              if (trigger instanceof HTMLElement) {\n                trigger.focus();\n              }\n            }}\n          >\n            {content || children}\n          </Modal>\n        );\n      })}\n    </>\n  );\n};\n"],"names":["ModalProvider","children","modals","setModals","useState","useEffect","modalManager","event","prev","m","cfg","merged","jsxs","Fragment","modal","id","content","onOk","onCancel","trigger","modalProps","createElement","Modal","e"],"mappings":";;;;;AAUO,MAAMA,IAA8C,CAAC,EAAE,UAAAC,QAAe;AAC3E,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAwB,CAAA,CAAE;AAEtD,SAAAC,EAAU,MACYC,EAAa,UAAU,CAACC,MAAsB;AAChE,IAAAJ,EAAU,CAACK,MAAS;AAClB,cAAQD,EAAM,MAAA;AAAA,QACZ,KAAK;AACH,iBAAO,CAAC,GAAGC,GAAMD,EAAM,OAAO;AAAA,QAChC,KAAK;AACH,iBAAOC,EAAK,IAAI,CAACC,MAAM;AACrB,gBAAIA,EAAE,OAAOF,EAAM,QAAQ,IAAI;AAC7B,oBAAMG,IAAMH,EAAM,QAAQ,QACpBI,IACJ,OAAOD,KAAQ,aAAaA,EAAID,CAAC,IAAI,EAAE,GAAGA,GAAG,GAAGC,EAAA;AAClD,qBAAO,EAAE,GAAGD,GAAG,GAAGE,EAAA;AAAA,YACpB;AACA,mBAAOF;AAAA,UACT,CAAC;AAAA,QACH,KAAK;AACH,iBAAOD,EAAK,OAAO,CAACC,MAAMA,EAAE,OAAOF,EAAM,QAAQ,EAAE;AAAA,QACrD,KAAK;AACH,iBAAO,CAAA;AAAA,QACT;AACE,iBAAOC;AAAA,MAAA;AAAA,IAEb,CAAC;AAAA,EACH,CAAC,GAEA,CAAA,CAAE,GAGH,gBAAAI,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAZ;AAAA,IACAC,EAAO,IAAI,CAACY,MAAU;AACrB,YAAM;AAAA,QACJ,IAAAC;AAAA,QACA,SAAAC;AAAA,QACA,UAAAf;AAAAA,QACA,MAAAgB;AAAA,QACA,UAAAC;AAAA,QACA,SAAAC;AAAA,QACA,GAAGC;AAAA,MAAA,IACDN;AACJ,aACE,gBAAAO;AAAA,QAACC;AAAA,QAAA;AAAA,UACE,GAAGF;AAAA,UACJ,KAAKL;AAAA,UAEL,MAAMK,EAAW;AAAA,UACjB,MAAM,CAACG,MAAM;AACX,YAAAN,IAAOM,CAAC,GACRjB,EAAa,KAAK;AAAA,cAChB,MAAM;AAAA,cACN,SAAS,EAAE,IAAAS,GAAI,QAAQ,EAAE,MAAM,KAAM;AAAA,YAAE,CACxC;AAAA,UACH;AAAA,UACA,UAAU,CAACQ,MAAM;AACf,YAAAL,IAAWK,CAAC,GACZjB,EAAa,KAAK;AAAA,cAChB,MAAM;AAAA,cACN,SAAS,EAAE,IAAAS,GAAI,QAAQ,EAAE,MAAM,KAAM;AAAA,YAAE,CACxC;AAAA,UACH;AAAA,UACA,YAAY,MAAM;AAEhB,YAAAT,EAAa,KAAK,EAAE,MAAM,WAAW,SAAS,EAAE,IAAAS,EAAA,GAAM,GAClDI,aAAmB,eACrBA,EAAQ,MAAA;AAAA,UAEZ;AAAA,QAAA;AAAA,QAECH,KAAWf;AAAAA,MAAA;AAAA,IAGlB,CAAC;AAAA,EAAA,GACH;AAEJ;"}

package/dist/components/modal/ModalService.d.ts

@@ -0,0 +1,34 @@
+import { ModalFuncProps } from './functions';
+export type ModalConfig = ModalFuncProps & {
+    id: string;
+    trigger?: HTMLElement;
+};
+export type UpdateConfig = Partial<ModalFuncProps> | ((prev: ModalFuncProps) => ModalFuncProps);
+export type ModalEvent = {
+    type: "add";
+    payload: ModalConfig;
+} | {
+    type: "update";
+    payload: {
+        id: string;
+        config: UpdateConfig;
+    };
+} | {
+    type: "destroy";
+    payload: {
+        id: string;
+    };
+} | {
+    type: "destroyAll";
+};
+type Listener = (event: ModalEvent) => void;
+declare class ModalManager {
+    private listeners;
+    private counter;
+    subscribe(listener: Listener): () => void;
+    emit(event: ModalEvent): void;
+    generateId(): string;
+}
+export declare const modalManager: ModalManager;
+export {};
+//# sourceMappingURL=ModalService.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalService.d.ts","sourceRoot":"","sources":["../../../src/components/modal/ModalService.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,MAAM,MAAM,WAAW,GAAG,cAAc,GAAG;IACzC,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,YAAY,GACpB,OAAO,CAAC,cAAc,CAAC,GACvB,CAAC,CAAC,IAAI,EAAE,cAAc,KAAK,cAAc,CAAC,CAAC;AAE/C,MAAM,MAAM,UAAU,GAClB;IAAE,IAAI,EAAE,KAAK,CAAC;IAAC,OAAO,EAAE,WAAW,CAAA;CAAE,GACrC;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,OAAO,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,YAAY,CAAA;KAAE,CAAA;CAAE,GACjE;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,OAAO,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAA;CAAE,GAC5C;IAAE,IAAI,EAAE,YAAY,CAAA;CAAE,CAAC;AAE3B,KAAK,QAAQ,GAAG,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;AAE5C,cAAM,YAAY;IAChB,OAAO,CAAC,SAAS,CAAkB;IACnC,OAAO,CAAC,OAAO,CAAK;IAEpB,SAAS,CAAC,QAAQ,EAAE,QAAQ;IAO5B,IAAI,CAAC,KAAK,EAAE,UAAU;IAItB,UAAU;CAIX;AAED,eAAO,MAAM,YAAY,cAAqB,CAAC"}

package/dist/components/modal/ModalService.js

@@ -1,12 +1,7 @@
 "use client";
-var n = Object.defineProperty;
-var i = (t, e, s) => e in t ? n(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
-var r = (t, e, s) => i(t, typeof e != "symbol" ? e + "" : e, s);
-class a {
-  constructor() {
-    r(this, "listeners", []);
-    r(this, "counter", 0);
-  }
+class t {
+  listeners = [];
+  counter = 0;
   subscribe(e) {
     return this.listeners.push(e), () => {
       this.listeners = this.listeners.filter((s) => s !== e);
@@ -19,8 +14,8 @@ class a {
     return this.counter += 1, `modal_${this.counter}_${Date.now()}`;
   }
 }
-const o = new a();
+const n = new t();
 export {
-  o as modalManager
+  n as modalManager
 };
 //# sourceMappingURL=ModalService.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ModalService.js","sources":["../../../src/components/modal/ModalService.ts"],"sourcesContent":["\"use client\";\nimport type { ModalFuncProps } from \"./functions\";\n\nexport type ModalConfig = ModalFuncProps & {\n  id: string;\n  trigger?: HTMLElement;\n};\n\nexport type UpdateConfig =\n  | Partial<ModalFuncProps>\n  | ((prev: ModalFuncProps) => ModalFuncProps);\n\nexport type ModalEvent =\n  | { type: \"add\"; payload: ModalConfig }\n  | { type: \"update\"; payload: { id: string; config: UpdateConfig } }\n  | { type: \"destroy\"; payload: { id: string } }\n  | { type: \"destroyAll\" };\n\ntype Listener = (event: ModalEvent) => void;\n\nclass ModalManager {\n  private listeners: Listener[] = [];\n  private counter = 0;\n\n  subscribe(listener: Listener) {\n    this.listeners.push(listener);\n    return () => {\n      this.listeners = this.listeners.filter((l) => l !== listener);\n    };\n  }\n\n  emit(event: ModalEvent) {\n    this.listeners.forEach((l) => l(event));\n  }\n\n  generateId() {\n    this.counter += 1;\n    return `modal_${this.counter}_${Date.now()}`;\n  }\n}\n\nexport const modalManager = new ModalManager();\n"],"names":["ModalManager","__publicField","listener","l","event","modalManager"],"mappings":";;;;AAoBA,MAAMA,EAAa;AAAA,EAAnB;AACU,IAAAC,EAAA,mBAAwB,CAAC;AACzB,IAAAA,EAAA,iBAAU;AAAA;AAAA,EAElB,UAAUC,GAAoB;AACvB,gBAAA,UAAU,KAAKA,CAAQ,GACrB,MAAM;AACX,WAAK,YAAY,KAAK,UAAU,OAAO,CAACC,MAAMA,MAAMD,CAAQ;AAAA,IAC9D;AAAA,EAAA;AAAA,EAGF,KAAKE,GAAmB;AACtB,SAAK,UAAU,QAAQ,CAACD,MAAMA,EAAEC,CAAK,CAAC;AAAA,EAAA;AAAA,EAGxC,aAAa;AACX,gBAAK,WAAW,GACT,SAAS,KAAK,OAAO,IAAI,KAAK,KAAK;AAAA,EAAA;AAE9C;AAEa,MAAAC,IAAe,IAAIL,EAAa;"}
+{"version":3,"file":"ModalService.js","sources":["../../../src/components/modal/ModalService.ts"],"sourcesContent":["\"use client\";\nimport type { ModalFuncProps } from \"./functions\";\n\nexport type ModalConfig = ModalFuncProps & {\n  id: string;\n  trigger?: HTMLElement;\n};\n\nexport type UpdateConfig =\n  | Partial<ModalFuncProps>\n  | ((prev: ModalFuncProps) => ModalFuncProps);\n\nexport type ModalEvent =\n  | { type: \"add\"; payload: ModalConfig }\n  | { type: \"update\"; payload: { id: string; config: UpdateConfig } }\n  | { type: \"destroy\"; payload: { id: string } }\n  | { type: \"destroyAll\" };\n\ntype Listener = (event: ModalEvent) => void;\n\nclass ModalManager {\n  private listeners: Listener[] = [];\n  private counter = 0;\n\n  subscribe(listener: Listener) {\n    this.listeners.push(listener);\n    return () => {\n      this.listeners = this.listeners.filter((l) => l !== listener);\n    };\n  }\n\n  emit(event: ModalEvent) {\n    this.listeners.forEach((l) => l(event));\n  }\n\n  generateId() {\n    this.counter += 1;\n    return `modal_${this.counter}_${Date.now()}`;\n  }\n}\n\nexport const modalManager = new ModalManager();\n"],"names":["ModalManager","listener","l","event","modalManager"],"mappings":";AAoBA,MAAMA,EAAa;AAAA,EACT,YAAwB,CAAA;AAAA,EACxB,UAAU;AAAA,EAElB,UAAUC,GAAoB;AAC5B,gBAAK,UAAU,KAAKA,CAAQ,GACrB,MAAM;AACX,WAAK,YAAY,KAAK,UAAU,OAAO,CAACC,MAAMA,MAAMD,CAAQ;AAAA,IAC9D;AAAA,EACF;AAAA,EAEA,KAAKE,GAAmB;AACtB,SAAK,UAAU,QAAQ,CAACD,MAAMA,EAAEC,CAAK,CAAC;AAAA,EACxC;AAAA,EAEA,aAAa;AACX,gBAAK,WAAW,GACT,SAAS,KAAK,OAAO,IAAI,KAAK,KAAK;AAAA,EAC5C;AACF;AAEO,MAAMC,IAAe,IAAIJ,EAAA;"}

package/dist/components/modal/constants.d.ts

@@ -0,0 +1,10 @@
+export declare enum ModalSize {
+    xsmall = "400px",
+    small = "520px",
+    medium = "640px",
+    large = "840px",
+    xlarge = "1024px",
+    xxlarge = "1280px",
+    fullscreen = "100%"
+}
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/modal/constants.ts"],"names":[],"mappings":"AACA,oBAAY,SAAS;IACnB,MAAM,UAAU;IAChB,KAAK,UAAU;IACf,MAAM,UAAU;IAChB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,OAAO,WAAW;IAClB,UAAU,SAAS;CACpB"}

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

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../src/components/modal/constants.ts"],"sourcesContent":["// Size map for predefined modal sizes\nexport enum ModalSize {\n  xsmall = \"400px\",\n  small = \"520px\",\n  medium = \"640px\",\n  large = \"840px\",\n  xlarge = \"1024px\",\n  xxlarge = \"1280px\",\n  fullscreen = \"100%\",\n}\n"],"names":["ModalSize"],"mappings":"AACY,IAAAA,sBAAAA,OACVA,EAAA,SAAS,SACTA,EAAA,QAAQ,SACRA,EAAA,SAAS,SACTA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,UAAU,UACVA,EAAA,aAAa,QAPHA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"constants.js","sources":["../../../src/components/modal/constants.ts"],"sourcesContent":["// Size map for predefined modal sizes\nexport enum ModalSize {\n  xsmall = \"400px\",\n  small = \"520px\",\n  medium = \"640px\",\n  large = \"840px\",\n  xlarge = \"1024px\",\n  xxlarge = \"1280px\",\n  fullscreen = \"100%\",\n}\n"],"names":["ModalSize"],"mappings":"AACO,IAAKA,sBAAAA,OACVA,EAAA,SAAS,SACTA,EAAA,QAAQ,SACRA,EAAA,SAAS,SACTA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,UAAU,UACVA,EAAA,aAAa,QAPHA,IAAAA,KAAA,CAAA,CAAA;"}