@arcblock/ux 3.0.5 → 3.0.7

package/lib/DIDConnect/request-storage-access-api-dialog.js

@@ -1,18 +1,18 @@
 import { jsx as e, jsxs as t, Fragment as m } from "react/jsx-runtime";
-import { Box as l, Typography as p, Chip as w, List as R, ListItem as y, Button as q } from "@mui/material";
+import { Box as i, Typography as p, Chip as x, List as R, ListItem as w, Button as q } from "@mui/material";
 import { Icon as u } from "@iconify/react";
 import D from "@iconify-icons/tabler/external-link";
 import L from "@iconify-icons/material-symbols/lock-outline";
 import B from "@iconify-icons/material-symbols/check-circle";
-import b from "@iconify-icons/material-symbols/rocket-launch-rounded";
+import y from "@iconify-icons/material-symbols/rocket-launch-rounded";
 import { useReactive as F, useMemoizedFn as s } from "ahooks";
 import { memo as U, useRef as j, useImperativeHandle as M } from "react";
-import k from "lodash/noop";
-import { translate as W } from "../Locale/util.js";
-import Y from "./did-connect-container.js";
-import _ from "../CloseButton/index.js";
-import H from "../SharedBridge/index.js";
-import { setVisitorId as O } from "../Util/index.js";
+import b from "lodash/noop";
+import { translate as W } from "../Locale/util";
+import Y from "./did-connect-container";
+import _ from "../CloseButton";
+import H from "../SharedBridge";
+import { setVisitorId as O } from "../Util";
 const P = {
   en: {
     allow: "Allow",
@@ -56,13 +56,13 @@ const P = {
   }
 };
 function T({
-  ref: r,
-  locale: f = "en",
+  ref: r = void 0,
+  locale: k = "en",
   src: c,
-  storageAccessState: h
+  storageAccessState: f
 }) {
-  const g = j(null), o = F({
-    callback: k,
+  const h = j(null), o = F({
+    callback: b,
     open: !1,
     get origin() {
       try {
@@ -78,8 +78,8 @@ function T({
         return c;
       }
     }
-  }), i = s((n, a = {}) => W(P, n, f, "en", a)), A = s(() => {
-    o.open = !1, o.callback = k;
+  }), l = s((n, a = {}) => W(P, n, k, "en", a)), A = s(() => {
+    o.open = !1, o.callback = b;
   }), I = s(() => {
     o.open = !0;
   }), v = s(() => {
@@ -87,7 +87,7 @@ function T({
   }), C = s(
     async (n) => {
       var d;
-      (await ((d = g.current) == null ? void 0 : d.callIframe("requestStorageAccess"))).value ? n(!0, "broswer") : h === void 0 ? n(!1, "system") : h === "denied" ? n(!1) : (o.open = !0, o.callback = n);
+      (await ((d = h.current) == null ? void 0 : d.callIframe("requestStorageAccess"))).value ? n(!0, "broswer") : f === void 0 ? n(!1, "system") : f === "denied" ? n(!1) : (o.open = !0, o.callback = n);
     }
   ), z = s(() => new Promise((n) => {
     C((a, d) => {
@@ -95,15 +95,15 @@ function T({
     });
   })), S = s(() => {
     o.open = !1;
-  }), x = s(() => {
+  }), g = s(() => {
     o.open = !1, o.callback(!1, "system");
   });
   return M(r, () => ({
     open: I,
     close: v,
     requestStorageAccess: z
-  })), /* @__PURE__ */ e(Y, { popup: !0, open: o.open, onClose: x, keepMounted: !0, children: /* @__PURE__ */ t(
-    l,
+  })), /* @__PURE__ */ e(Y, { popup: !0, open: o.open, onClose: g, keepMounted: !0, children: /* @__PURE__ */ t(
+    i,
     {
       sx: {
         backgroundColor: "background.default",
@@ -121,7 +121,7 @@ function T({
         /* @__PURE__ */ e(
           _,
           {
-            onClose: x,
+            onClose: g,
             sx: {
               position: "absolute",
               right: 14,
@@ -143,7 +143,7 @@ function T({
             },
             children: [
               /* @__PURE__ */ e(
-                l,
+                i,
                 {
                   component: u,
                   icon: L,
@@ -153,14 +153,14 @@ function T({
                   }
                 }
               ),
-              i("title")
+              l("title")
             ]
           }
         ),
-        /* @__PURE__ */ t(l, { sx: { display: "flex", flexDirection: "column", gap: 1 }, children: [
-          /* @__PURE__ */ e(p, { children: i("reason", {
+        /* @__PURE__ */ t(i, { sx: { display: "flex", flexDirection: "column", gap: 1 }, children: [
+          /* @__PURE__ */ e(p, { children: l("reason", {
             site: /* @__PURE__ */ e(
-              w,
+              x,
               {
                 clickable: !0,
                 component: "a",
@@ -174,13 +174,13 @@ function T({
               }
             )
           }) }),
-          /* @__PURE__ */ e(p, { component: "div", children: i("clickAllow", {
-            allowButton: /* @__PURE__ */ e(w, { label: i("allow"), size: "small", color: "success" })
+          /* @__PURE__ */ e(p, { component: "div", children: l("clickAllow", {
+            allowButton: /* @__PURE__ */ e(x, { label: l("allow"), size: "small", color: "success" })
           }) }),
-          /* @__PURE__ */ t(l, { sx: { mt: 2 }, children: [
+          /* @__PURE__ */ t(i, { sx: { mt: 2 }, children: [
             /* @__PURE__ */ t(p, { sx: { display: "flex", alignItems: "center", gap: 1, mb: 0.5 }, children: [
               /* @__PURE__ */ e(
-                l,
+                i,
                 {
                   component: u,
                   icon: B,
@@ -190,36 +190,36 @@ function T({
                   }
                 }
               ),
-              i("afterAllow.title")
+              l("afterAllow.title")
             ] }),
             /* @__PURE__ */ t(R, { dense: !0, sx: { py: 0, pl: 2 }, children: [
-              /* @__PURE__ */ t(y, { sx: { display: "flex", alignItems: "center", gap: 0.8 }, children: [
+              /* @__PURE__ */ t(w, { sx: { display: "flex", alignItems: "center", gap: 0.8 }, children: [
                 /* @__PURE__ */ e(
-                  l,
+                  i,
                   {
                     component: u,
-                    icon: b,
+                    icon: y,
                     sx: {
                       fontSize: 20,
                       color: "success.main"
                     }
                   }
                 ),
-                i("afterAllow.list1")
+                l("afterAllow.list1")
               ] }),
-              /* @__PURE__ */ t(y, { sx: { display: "flex", alignItems: "center", gap: 0.8 }, children: [
+              /* @__PURE__ */ t(w, { sx: { display: "flex", alignItems: "center", gap: 0.8 }, children: [
                 /* @__PURE__ */ e(
-                  l,
+                  i,
                   {
                     component: u,
-                    icon: b,
+                    icon: y,
                     sx: {
                       fontSize: 20,
                       color: "success.main"
                     }
                   }
                 ),
-                i("afterAllow.list2")
+                l("afterAllow.list2")
               ] })
             ] })
           ] }),
@@ -231,20 +231,19 @@ function T({
               sx: {
                 color: "grey.700"
               },
-              children: i("dataUsage")
+              children: l("dataUsage")
             }
           )
         ] }),
-        /* @__PURE__ */ e(l, { sx: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ t(l, { sx: { position: "relative", display: "inline-block", cursor: "pointer" }, children: [
-          /* @__PURE__ */ e(q, { variant: "contained", color: "success", onClick: S, sx: { minWidth: 100, letterSpacing: 1 }, children: i("allow") }),
+        /* @__PURE__ */ e(i, { sx: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ t(i, { sx: { position: "relative", display: "inline-block", cursor: "pointer" }, children: [
+          /* @__PURE__ */ e(q, { variant: "contained", color: "success", onClick: S, sx: { minWidth: 100, letterSpacing: 1 }, children: l("allow") }),
           /* @__PURE__ */ e(
             H,
             {
-              ref: g,
+              ref: h,
               onClick: ({ value: n, visitorId: a }) => {
                 a && O(a), o.callback(n, "broswer");
               },
-              locale: f,
               src: c,
               sx: {
                 zIndex: 1
@@ -256,7 +255,7 @@ function T({
     }
   ) });
 }
-const ie = U(T);
+const le = U(T);
 export {
-  ie as default
+  le as default
 };

package/lib/DIDConnect/with-container.js

@@ -1,13 +1,12 @@
 import { jsx as n, jsxs as E } from "react/jsx-runtime";
 import { memo as H, createElement as I, useState as K, useRef as Q } from "react";
-import { Backdrop as U, useMediaQuery as V, useTheme as q, Box as c, Drawer as J, SwipeableDrawer as X, Dialog as Y, DialogContent as Z } from "@mui/material";
-import { useDebounce as oo, useMemoizedFn as D } from "ahooks";
-import { useBrowser as eo } from "@arcblock/react-hooks";
-import no from "color-convert";
-import "../Theme/theme.js";
-import "../Theme/theme-provider.js";
-import { mergeSx as ro } from "../Util/style.js";
-import { hexToRgba as d } from "../Util/index.js";
+import { Backdrop as U, useMediaQuery as V, Box as c, Drawer as q, SwipeableDrawer as J, Dialog as X, DialogContent as Y } from "@mui/material";
+import { useDebounce as Z, useMemoizedFn as D } from "ahooks";
+import { useBrowser as oo } from "@arcblock/react-hooks";
+import eo from "color-convert";
+import { useTheme as no } from "../Theme";
+import { mergeSx as ro } from "../Util/style";
+import { hexToRgba as d } from "../Util";
 const L = H(({ ref: l, ...m }) => /* @__PURE__ */ I(
   U,
   {
@@ -22,7 +21,7 @@ const L = H(({ ref: l, ...m }) => /* @__PURE__ */ I(
     key: "background"
   }
 ));
-function fo(l) {
+function go(l) {
   function m({
     popup: B = !1,
     open: _ = !1,
@@ -30,25 +29,25 @@ function fo(l) {
     ...e
   }) {
     var P, y;
-    const [a, x] = K("#fff"), w = Q(null), z = eo(), M = V("(max-width:640px)");
+    const [t, x] = K("#fff"), w = Q(null), z = oo(), M = V("(max-width:640px)");
     let r = "page";
     B && (r = "dialog", M && z.mobile.any && (r = "drawer"));
-    const g = q(), p = _, T = ((y = (P = g == null ? void 0 : g.transitions) == null ? void 0 : P.duration) == null ? void 0 : y.leavingScreen) || 500, A = oo(p, {
+    const g = no(), p = _, T = ((y = (P = g == null ? void 0 : g.transitions) == null ? void 0 : P.duration) == null ? void 0 : y.leavingScreen) || 500, A = Z(p, {
       wait: T
     }), k = D(() => {
       const o = new URLSearchParams(window.location.search);
       o.get("magicToken") && o.delete("magicToken"), o.toString() && window.history.replaceState({}, "", `${window.location.pathname}?${o.toString()}`);
-    }), C = (o, t) => {
-      ["backdropClick", "escapeKeyDown"].includes(t) || (k(), e == null || e.onClose());
-    }, $ = A || p, j = h ? J : X, O = no.hex.hsl(a), [R, S, i] = O, u = [0, 30, 60, 30, 0, 30, 60, 30], W = Math.max(...u), G = Math.min(...u);
+    }), C = (o, a) => {
+      ["backdropClick", "escapeKeyDown"].includes(a) || (k(), e == null || e.onClose());
+    }, $ = A || p, j = h ? q : J, O = eo.hex.hsl(t), [R, S, i] = O, u = [0, 30, 60, 30, 0, 30, 60, 30], W = Math.max(...u), G = Math.min(...u);
     let f = !1;
     (i * (100 + W) / 100 > 100 || i * (100 + G) / 100 < 0) && (f = !0);
     const N = `linear-gradient(45deg, ${u.map((o) => {
-      let t = i * (100 + o) / 100, s = 0.6;
-      return f ? s = 0.5 * (100 + o) / 100 : t = i * (100 + o) / 100, `hsla(${R}, ${S}%, ${t}%, ${s})`;
+      let a = i * (100 + o) / 100, s = 0.6;
+      return f ? s = 0.5 * (100 + o) / 100 : a = i * (100 + o) / 100, `hsla(${R}, ${S}%, ${a}%, ${s})`;
     }).join(", ")})`, F = `linear-gradient(45deg, ${u.map((o) => {
-      let t = i * (100 + o) / 100, s = 0.2;
-      return f ? s = 0.3 * (100 + o) / 100 : t = i * (100 + o) / 100, `hsla(${R}, ${S}%, ${t}%, ${s})`;
+      let a = i * (100 + o) / 100, s = 0.2;
+      return f ? s = 0.3 * (100 + o) / 100 : a = i * (100 + o) / 100, `hsla(${R}, ${S}%, ${a}%, ${s})`;
     }).join(", ")})`, v = {
       overflow: "visible",
       "&::before, &::after": {
@@ -97,7 +96,7 @@ function fo(l) {
           c,
           {
             sx: {
-              border: `1px solid ${d(a, 0.1)}`,
+              border: `1px solid ${d(t, 0.1)}`,
               m: "-1px",
               position: "relative",
               borderRadius: "12px",
@@ -135,13 +134,13 @@ function fo(l) {
             "@keyframes glowBreathe": {
               "0%, 100%": {
                 boxShadow: `
-                      inset 0 0 7px ${d(a, 0.3)},
-                      inset 0 0 12px ${d(a, 0.3)}`
+                      inset 0 0 7px ${d(t, 0.3)},
+                      inset 0 0 12px ${d(t, 0.3)}`
               },
               "50%": {
                 boxShadow: `
-                      inset 0 0 18px ${d(a, 0.7)},
-                      inset 0 0 24px ${d(a, 0.5)}`
+                      inset 0 0 18px ${d(t, 0.7)},
+                      inset 0 0 24px ${d(t, 0.5)}`
               }
             }
           }
@@ -187,7 +186,7 @@ function fo(l) {
         ]
       }
     ) : /* @__PURE__ */ n(
-      Y,
+      X,
       {
         open: p,
         slots: {
@@ -206,7 +205,7 @@ function fo(l) {
           }
         },
         children: /* @__PURE__ */ n(
-          Z,
+          Y,
           {
             sx: {
               maxWidth: "calc(100vw - 18px)",
@@ -235,5 +234,5 @@ function fo(l) {
   return m;
 }
 export {
-  fo as default
+  go as default
 };

package/lib/DIDConnect/with-ux-theme.js

@@ -1,16 +1,15 @@
 import { jsx as e } from "react/jsx-runtime";
 import { createTheme as t, useTheme as i } from "@mui/material";
 import { DID_CONNECT_THEME_LIGHT as T, DID_CONNECT_THEME_DARK as c } from "@blocklet/theme";
-import "../Theme/theme.js";
-import p from "../Theme/theme-provider.js";
-const f = t(T), s = t(c);
-function d(o) {
+import { ThemeProvider as f } from "../Theme";
+const p = t(T), s = t(c);
+function _(o) {
   function r(m) {
-    const { palette: n } = i(), h = n.mode === "dark" ? s : f;
-    return /* @__PURE__ */ e(p, { theme: h, children: /* @__PURE__ */ e(o, { ...m }) });
+    const { palette: n } = i(), h = n.mode === "dark" ? s : p;
+    return /* @__PURE__ */ e(f, { theme: h, children: /* @__PURE__ */ e(o, { ...m }) });
   }
   return r;
 }
 export {
-  d as default
+  _ as default
 };

package/lib/Datatable/CustomToolbar.d.ts

@@ -1,5 +1,7 @@
 import { default as PropTypes } from 'prop-types';
-declare function CustomToolbar(props: any): import("react/jsx-runtime").JSX.Element;
+declare function CustomToolbar({ ...props }: {
+    [x: string]: any;
+}): import("react/jsx-runtime").JSX.Element;
 declare namespace CustomToolbar {
     namespace propTypes {
         let data: PropTypes.Requireable<any[]>;

package/lib/Datatable/CustomToolbar.js

@@ -4,18 +4,18 @@ import i from "prop-types";
 import { TableFilter as ue, TableViewCol as pe } from "mui-datatables";
 import he, { PrintContextConsumer as me } from "react-to-print";
 import { MoreVert as fe, CloudDownload as be, ViewColumn as Ce, FilterList as ge, Print as $ } from "@mui/icons-material";
-import { Popover as xe, Tooltip as D, IconButton as R, ListItemIcon as L, ListItemText as j, MenuItem as U, Menu as we, LinearProgress as ye, useTheme as Te, useMediaQuery as ve } from "@mui/material";
-import { useDeepCompareEffect as Re } from "ahooks";
-import { handleCSVDownload as ke } from "./utils.js";
-import Fe from "./TableSearch.js";
-import { useDatatableContext as Pe } from "./DatatableContext.js";
-import { styled as z } from "../Theme/index.js";
+import { Popover as xe, Tooltip as D, IconButton as R, ListItemIcon as L, ListItemText as j, MenuItem as U, Menu as we, LinearProgress as ye, useMediaQuery as Te } from "@mui/material";
+import { useDeepCompareEffect as ve } from "ahooks";
+import { handleCSVDownload as Re } from "./utils";
+import ke from "./TableSearch";
+import { useDatatableContext as Fe } from "./DatatableContext";
+import { styled as z, useTheme as Pe } from "../Theme";
 function Ie() {
-  const s = Te();
-  return ve(s.breakpoints.down("sm"));
+  const s = Pe();
+  return Te(s.breakpoints.down("sm"));
 }
-function Be(s) {
-  const [f, d] = T(null), k = V(null), F = Ie(), N = V(Math.random().toString(32).slice(2)), [O, A] = T(!1), { customPreButtons: b, customButtons: C, loading: u, disabled: g } = Pe(), {
+function Be({ ...s }) {
+  const [f, d] = T(null), k = V(null), F = Ie(), N = V(Math.random().toString(32).slice(2)), [O, A] = T(!1), { customPreButtons: b, customButtons: C, loading: u, disabled: g } = Fe(), {
     data: Q = [],
     options: o,
     components: p = {},
@@ -32,7 +32,7 @@ function Be(s) {
     searchTextUpdate: _,
     searchClose: ee
   } = s, [B, h] = T({}), te = o.customToolbar ? o.customToolbar(s) : "", { search: oe, downloadCsv: ie, print: m, viewColumns: ne, filterTable: le } = o.textLabels.toolbar, re = o.search === !1 || o.search === "false", x = o.print === !1 || o.print === "false", se = p.TableFilter || ue, ae = p.TableViewCol || pe;
-  Re(() => {
+  ve(() => {
     (u || g) && h({});
   }, [u, g]);
   const q = (e) => /* @__PURE__ */ t(he, { content: () => s.tableRef(), children: /* @__PURE__ */ t(me, { children: e }) }), w = (e) => `toolbar-pop-${N.current}-${e}`, a = [];
@@ -40,7 +40,7 @@ function Be(s) {
     icon: /* @__PURE__ */ t(be, {}),
     title: ie,
     onClick: () => {
-      ke(s);
+      Re(s);
     }
   }), o.viewColumns === !1 || o.viewColumns === "false" || a.push({
     icon: /* @__PURE__ */ t(Ce, {}),
@@ -155,7 +155,7 @@ function Be(s) {
       ),
       /* @__PURE__ */ r("div", { className: `custom-toobar-btns ${u || g ? "toobar-btns-disabled" : ""}`, children: [
         !re && /* @__PURE__ */ t(
-          Fe,
+          ke,
           {
             search: oe,
             options: o,

package/lib/Datatable/TableSearch.js

@@ -5,8 +5,8 @@ import { Tooltip as N, IconButton as w, TextField as g } from "@mui/material";
 import { Search as v, Clear as R } from "@mui/icons-material";
 import q from "clsx";
 import E from "lodash/noop";
-import { useDatatableContext as B } from "./DatatableContext.js";
-import { styled as D } from "../Theme/index.js";
+import { useDatatableContext as B } from "./DatatableContext";
+import { styled as D } from "../Theme";
 function M({
   search: t = "",
   options: s,

package/lib/Datatable/index.js

@@ -10,10 +10,10 @@ import ne from "lodash/get";
 import P from "clsx";
 import { useCreation as de, useDeepCompareEffect as h } from "ahooks";
 import { CircularProgress as ce } from "@mui/material";
-import R from "../Empty/index.js";
-import pe from "./CustomToolbar.js";
-import { DatatableProvider as ue, useDatatableContext as M } from "./DatatableContext.js";
-import { styled as $ } from "../Theme/index.js";
+import R from "../Empty";
+import pe from "./CustomToolbar";
+import { DatatableProvider as ue, useDatatableContext as M } from "./DatatableContext";
+import { styled as $ } from "../Theme";
 const fe = $("div")`
   display: flex;
   align-items: center;
@@ -25,7 +25,7 @@ const fe = $("div")`
     font-size: 14px;
   }
 `;
-function N(e) {
+function N({ ...e }) {
   const { filterLabel: a } = M(), r = !!(e.filterList ?? []).filter((n) => n.length).length;
   return r ? /* @__PURE__ */ te(fe, { children: [
     r && /* @__PURE__ */ i("div", { className: "toolbar-filter-title", children: a }),
@@ -58,7 +58,7 @@ const k = (e, a) => {
   e.align && (a.className = P(a.className, `pc-align-${e.align}`)), e.verticalKeyAlign && (a.className = P(a.className, `vertical-align-${e.verticalKeyAlign}`)), e.minWidth && (r.minWidth = e.minWidth), a.style = Object.assign({}, a.style, r);
 };
 function A({
-  data: e = [],
+  data: e,
   columns: a,
   locale: r = "en",
   options: n = {},

package/lib/Dialog/confirm.d.ts

@@ -29,7 +29,7 @@ declare namespace Confirm {
         let open: PropTypes.Validator<boolean>;
         let onConfirm: PropTypes.Validator<(...args: any[]) => any>;
         let onCancel: PropTypes.Validator<(...args: any[]) => any>;
-        let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        let children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
         let showCancelButton: PropTypes.Requireable<boolean>;
         let showConfirmButton: PropTypes.Requireable<boolean>;
         let showCloseButton: PropTypes.Requireable<boolean>;

package/lib/Dialog/confirm.js

@@ -1,9 +1,9 @@
-import { jsx as r, jsxs as C, Fragment as g } from "react/jsx-runtime";
+import { jsx as r, jsxs as g, Fragment as C } from "react/jsx-runtime";
 import o from "prop-types";
-import { useMemoizedFn as y } from "ahooks";
-import u from "../Button/index.js";
-import j from "./dialog.js";
-function q({
+import { useMemoizedFn as q } from "ahooks";
+import c from "../Button";
+import y from "./dialog";
+function R({
   title: a,
   children: d,
   onConfirm: m,
@@ -12,10 +12,10 @@ function q({
   showCancelButton: n = !0,
   showConfirmButton: s = !0,
   fullScreen: x = !1,
-  confirmButton: p = {
+  confirmButton: l = {
     text: "Confirm"
   },
-  cancelButton: l = {
+  cancelButton: p = {
     text: "Cancel"
   },
   PaperProps: t = {},
@@ -27,11 +27,11 @@ function q({
     },
     t.style
   );
-  const h = y((e, c) => {
-    ["backdropClick", "escapeKeyDown"].includes(c) || (e.stopPropagation(), i(e, c));
+  const h = q((e, u) => {
+    ["backdropClick", "escapeKeyDown"].includes(u) || (e.stopPropagation(), i(e, u));
   });
   return /* @__PURE__ */ r(
-    j,
+    y,
     {
       title: a,
       PaperProps: t,
@@ -54,28 +54,28 @@ function q({
           }
         }
       },
-      actions: n || s ? /* @__PURE__ */ C(g, { children: [
+      actions: n || s ? /* @__PURE__ */ g(C, { children: [
         n && /* @__PURE__ */ r(
-          u,
+          c,
           {
             onClick: (e) => {
               e.stopPropagation(), i(e, "closeButton");
             },
             color: "primary",
-            ...l.props,
-            children: l.text
+            ...p.props,
+            children: p.text
           }
         ),
         s && /* @__PURE__ */ r(
-          u,
+          c,
           {
             onClick: (e) => {
               e.stopPropagation(), m(e);
             },
             color: "primary",
             autoFocus: !0,
-            ...p.props,
-            children: p.text
+            ...l.props,
+            children: l.text
           }
         )
       ] }) : null,
@@ -83,12 +83,12 @@ function q({
     }
   );
 }
-q.propTypes = {
+R.propTypes = {
   title: o.node.isRequired,
   open: o.bool.isRequired,
   onConfirm: o.func.isRequired,
   onCancel: o.func.isRequired,
-  children: o.node,
+  children: o.node.isRequired,
   showCancelButton: o.bool,
   showConfirmButton: o.bool,
   showCloseButton: o.bool,
@@ -105,5 +105,5 @@ q.propTypes = {
   PaperProps: o.object
 };
 export {
-  q as default
+  R as default
 };

package/lib/Dialog/dialog.js

@@ -1,8 +1,8 @@
 import { jsxs as n, jsx as t } from "react/jsx-runtime";
 import e from "prop-types";
 import { Close as D } from "@mui/icons-material";
-import { Dialog as M, Box as w, useTheme as v, useMediaQuery as N, Typography as C, DialogContent as B, DialogActions as A, IconButton as T } from "@mui/material";
-import { styled as h } from "../Theme/index.js";
+import { Dialog as M, Box as w, useMediaQuery as v, Typography as N, DialogContent as C, DialogActions as B, IconButton as A } from "@mui/material";
+import { styled as h, useTheme as T } from "../Theme";
 function $({
   children: o,
   title: l = "",
@@ -15,7 +15,7 @@ function $({
   slotProps: u = {},
   ...p
 }) {
-  const _ = v(), i = N(_.breakpoints.down("md")), b = l || a || c, x = (r, j) => {
+  const _ = T(), i = v(_.breakpoints.down("md")), b = l || a || c, x = (r, j) => {
     const { onClose: m } = p;
     m && m(r, j);
   };
@@ -26,21 +26,21 @@ function $({
     },
     s.style
   );
-  const f = /* @__PURE__ */ t(T, { className: "ux-dialog_closeButton", onClick: (r) => x(r, "closeButton"), children: /* @__PURE__ */ t(D, {}) });
+  const f = /* @__PURE__ */ t(A, { className: "ux-dialog_closeButton", onClick: (r) => x(r, "closeButton"), children: /* @__PURE__ */ t(D, {}) });
   return /* @__PURE__ */ n(H, { fullScreen: i, onClose: x, PaperProps: s, ...p, children: [
     b && /* @__PURE__ */ n(O, { ...u.header, className: "ux-dialog_header", isMobile: i, children: [
       /* @__PURE__ */ n("div", { className: "ux-dialog_left", children: [
         a && i && f,
         d && /* @__PURE__ */ t("div", { className: "ux-dialog_prepend", children: d }),
-        l && /* @__PURE__ */ t(C, { variant: "h6", className: "ux-dialog_title", children: l })
+        l && /* @__PURE__ */ t(N, { variant: "h6", className: "ux-dialog_title", children: l })
       ] }),
       /* @__PURE__ */ n("div", { className: "ux-dialog_right", children: [
         /* @__PURE__ */ t("div", { className: "ux-dialog_toolbar", children: c }),
         a && !i && f
       ] })
     ] }),
-    /* @__PURE__ */ t(B, { ...u.content, children: o }),
-    g && /* @__PURE__ */ t(A, { className: `ux-dialog_actions--${y}`, children: g })
+    /* @__PURE__ */ t(C, { ...u.content, children: o }),
+    g && /* @__PURE__ */ t(B, { className: `ux-dialog_actions--${y}`, children: g })
   ] });
 }
 $.propTypes = {

package/lib/Dialog/index.js

@@ -1,6 +1,6 @@
-import { default as r } from "./dialog.js";
-import { default as t } from "./confirm.js";
-import { default as m } from "./use-confirm.js";
+import { default as r } from "./dialog";
+import { default as t } from "./confirm";
+import { default as m } from "./use-confirm";
 export {
   t as Confirm,
   r as default,

package/lib/Dialog/types.d.ts

@@ -0,0 +1,20 @@
+import type { ReactNode } from 'react';
+import type { ButtonProps } from '@mui/material';
+
+export interface OpenConfirmProps {
+  title: ReactNode;
+  content: ReactNode;
+  onConfirm?: (close: () => void) => void;
+  onCancel?: () => void;
+  showCancelButton?: true | false;
+  confirmButtonText?: string;
+  cancelButtonText?: string;
+  confirmButtonProps?: ButtonProps;
+  cancelButtonProps?: ButtonProps;
+}
+
+export type UpdateConfirmProps = Partial<Pick<OpenConfirmProps, 'title' | 'content'>>;
+
+export type OpenConfirm = (params: OpenConfirmProps) => void;
+export type CloseConfirm = () => void;
+export type UpdateConfirm = (params: UpdateConfirmProps) => void;