@pismo/marola 1.0.0-beta.16 → 1.0.0-beta.18

package/dist/components/Dialog/Dialog.js

@@ -1,75 +1,75 @@
-import { jsxs as $, jsx as S } from "react/jsx-runtime";
-import { c as oe } from "../../clsx-DB4S2d7J.js";
-import { default as Ge } from "./Actions.js";
-import re from "./Backdrop.js";
-import se from "./CloseIconButton.js";
-import { default as Je } from "./Content.js";
-import { s as q } from "../../Dialog.module-HFAN4mAD.js";
-import ie from "./DialogTitle.js";
-import { u as Z, P as i, f as ae, b as C, g as le, a as ce, _ as de, c as z, d as ue, e as fe } from "../../useSlotProps-kRhf7Gil.js";
+import { jsxs as Y, jsx as S } from "react/jsx-runtime";
+import { c as se } from "../../clsx-DB4S2d7J.js";
+import ie from "./Actions.js";
+import ae from "./Backdrop.js";
+import le from "./CloseIconButton.js";
+import ce from "./Content.js";
+import { s as V } from "../../Dialog.module-D9e4RsKo.js";
+import ee from "./DialogTitle.js";
+import { u as te, P as i, f as de, b as C, g as ue, a as fe, _ as pe, c as G, d as be, e as he } from "../../useSlotProps-kRhf7Gil.js";
 import * as f from "react";
-import { o as w, e as ee } from "../../ownerDocument-B61GUaFs.js";
-import { u as G } from "../../useEventCallback-BAQJJ3ye.js";
-import { P as pe, H as be } from "../../Portal-B_Es6eUL.js";
-import { e as he } from "../../index-D3Wj0eid.js";
-function X(...e) {
+import { o as A, e as ne } from "../../ownerDocument-B61GUaFs.js";
+import { u as X } from "../../useEventCallback-BAQJJ3ye.js";
+import { P as me, H as ge } from "../../Portal-B_Es6eUL.js";
+import { e as Ee } from "../../index-D3Wj0eid.js";
+function J(...e) {
   return e.reduce((t, o) => o == null ? t : function(...s) {
     t.apply(this, s), o.apply(this, s);
   }, () => {
   });
 }
-function Y(e) {
-  return w(e).defaultView || window;
+function z(e) {
+  return A(e).defaultView || window;
 }
-function me(e) {
+function Te(e) {
   const t = e.documentElement.clientWidth;
   return Math.abs(window.innerWidth - t);
 }
-const ge = ["input", "select", "textarea", "a[href]", "button", "[tabindex]", "audio[controls]", "video[controls]", '[contenteditable]:not([contenteditable="false"])'].join(",");
-function Ee(e) {
+const ye = ["input", "select", "textarea", "a[href]", "button", "[tabindex]", "audio[controls]", "video[controls]", '[contenteditable]:not([contenteditable="false"])'].join(",");
+function xe(e) {
   const t = parseInt(e.getAttribute("tabindex") || "", 10);
   return Number.isNaN(t) ? e.contentEditable === "true" || (e.nodeName === "AUDIO" || e.nodeName === "VIDEO" || e.nodeName === "DETAILS") && e.getAttribute("tabindex") === null ? 0 : e.tabIndex : t;
 }
-function Te(e) {
+function Re(e) {
   if (e.tagName !== "INPUT" || e.type !== "radio" || !e.name)
     return !1;
   const t = (n) => e.ownerDocument.querySelector(`input[type="radio"]${n}`);
   let o = t(`[name="${e.name}"]:checked`);
   return o || (o = t(`[name="${e.name}"]`)), o !== e;
 }
-function ye(e) {
-  return !(e.disabled || e.tagName === "INPUT" && e.type === "hidden" || Te(e));
+function ve(e) {
+  return !(e.disabled || e.tagName === "INPUT" && e.type === "hidden" || Re(e));
 }
-function xe(e) {
+function ke(e) {
   const t = [], o = [];
-  return Array.from(e.querySelectorAll(ge)).forEach((n, s) => {
-    const r = Ee(n);
-    r === -1 || !ye(n) || (r === 0 ? t.push(n) : o.push({
+  return Array.from(e.querySelectorAll(ye)).forEach((n, s) => {
+    const r = xe(n);
+    r === -1 || !ve(n) || (r === 0 ? t.push(n) : o.push({
       documentOrder: s,
       tabIndex: r,
       node: n
     }));
   }), o.sort((n, s) => n.tabIndex === s.tabIndex ? n.documentOrder - s.documentOrder : n.tabIndex - s.tabIndex).map((n) => n.node).concat(t);
 }
-function Re() {
+function Ne() {
   return !0;
 }
-function W(e) {
+function j(e) {
   const {
     children: t,
     disableAutoFocus: o = !1,
     disableEnforceFocus: n = !1,
     disableRestoreFocus: s = !1,
-    getTabbable: r = xe,
-    isEnabled: a = Re,
+    getTabbable: r = ke,
+    isEnabled: a = Ne,
     open: d
-  } = e, p = f.useRef(!1), x = f.useRef(null), h = f.useRef(null), m = f.useRef(null), R = f.useRef(null), g = f.useRef(!1), c = f.useRef(null), O = Z(t.ref, c), I = f.useRef(null);
+  } = e, p = f.useRef(!1), x = f.useRef(null), h = f.useRef(null), m = f.useRef(null), R = f.useRef(null), g = f.useRef(!1), c = f.useRef(null), w = te(t.ref, c), I = f.useRef(null);
   f.useEffect(() => {
     !d || !c.current || (g.current = !o);
   }, [o, d]), f.useEffect(() => {
     if (!d || !c.current)
       return;
-    const l = w(c.current);
+    const l = A(c.current);
     return c.current.contains(l.activeElement) || (c.current.hasAttribute("tabIndex") || (process.env.NODE_ENV !== "production" && console.error(["MUI: The modal content node does not accept focus.", 'For the benefit of assistive technologies, the tabIndex of the node is being set to "-1".'].join(`
 `)), c.current.setAttribute("tabIndex", "-1")), g.current && c.current.focus()), () => {
       s || (m.current && m.current.focus && (p.current = !0, m.current.focus()), m.current = null);
@@ -77,7 +77,7 @@ function W(e) {
   }, [d]), f.useEffect(() => {
     if (!d || !c.current)
       return;
-    const l = w(c.current), v = (E) => {
+    const l = A(c.current), v = (E) => {
       I.current = E, !(n || !a() || E.key !== "Tab") && l.activeElement === c.current && E.shiftKey && (p.current = !0, h.current && h.current.focus());
     }, k = () => {
       const E = c.current;
@@ -98,44 +98,44 @@ function W(e) {
       let T = [];
       if ((l.activeElement === x.current || l.activeElement === h.current) && (T = r(c.current)), T.length > 0) {
         var L, y;
-        const M = !!((L = I.current) != null && L.shiftKey && ((y = I.current) == null ? void 0 : y.key) === "Tab"), F = T[0], H = T[T.length - 1];
-        typeof F != "string" && typeof H != "string" && (M ? H.focus() : F.focus());
+        const D = !!((L = I.current) != null && L.shiftKey && ((y = I.current) == null ? void 0 : y.key) === "Tab"), F = T[0], H = T[T.length - 1];
+        typeof F != "string" && typeof H != "string" && (D ? H.focus() : F.focus());
       } else
         E.focus();
     };
     l.addEventListener("focusin", k), l.addEventListener("keydown", v, !0);
-    const D = setInterval(() => {
+    const M = setInterval(() => {
       l.activeElement && l.activeElement.tagName === "BODY" && k();
     }, 50);
     return () => {
-      clearInterval(D), l.removeEventListener("focusin", k), l.removeEventListener("keydown", v, !0);
+      clearInterval(M), l.removeEventListener("focusin", k), l.removeEventListener("keydown", v, !0);
     };
   }, [o, n, s, a, d, r]);
-  const A = (l) => {
+  const O = (l) => {
     m.current === null && (m.current = l.relatedTarget), g.current = !0, R.current = l.target;
     const v = t.props.onFocus;
     v && v(l);
-  }, N = (l) => {
+  }, P = (l) => {
     m.current === null && (m.current = l.relatedTarget), g.current = !0;
   };
-  return /* @__PURE__ */ $(f.Fragment, {
+  return /* @__PURE__ */ Y(f.Fragment, {
     children: [/* @__PURE__ */ S("div", {
       tabIndex: d ? 0 : -1,
-      onFocus: N,
+      onFocus: P,
       ref: x,
       "data-testid": "sentinelStart"
     }), /* @__PURE__ */ f.cloneElement(t, {
-      ref: O,
-      onFocus: A
+      ref: w,
+      onFocus: O
     }), /* @__PURE__ */ S("div", {
       tabIndex: d ? 0 : -1,
-      onFocus: N,
+      onFocus: P,
       ref: h,
       "data-testid": "sentinelEnd"
     })]
   });
 }
-process.env.NODE_ENV !== "production" && (W.propTypes = {
+process.env.NODE_ENV !== "production" && (j.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
@@ -143,7 +143,7 @@ process.env.NODE_ENV !== "production" && (W.propTypes = {
   /**
    * A single child content element.
    */
-  children: ee,
+  children: ne,
   /**
    * If `true`, the focus trap will not automatically shift focus to itself when it opens, and
    * replace it to the last focused element when it closes.
@@ -189,56 +189,56 @@ process.env.NODE_ENV !== "production" && (W.propTypes = {
    */
   open: i.bool.isRequired
 });
-process.env.NODE_ENV !== "production" && (W.propTypes = he(W.propTypes));
-function ve(e) {
-  const t = w(e);
-  return t.body === e ? Y(e).innerWidth > t.documentElement.clientWidth : e.scrollHeight > e.clientHeight;
+process.env.NODE_ENV !== "production" && (j.propTypes = Ee(j.propTypes));
+function Pe(e) {
+  const t = A(e);
+  return t.body === e ? z(e).innerWidth > t.documentElement.clientWidth : e.scrollHeight > e.clientHeight;
 }
-function K(e, t) {
+function U(e, t) {
   t ? e.setAttribute("aria-hidden", "true") : e.removeAttribute("aria-hidden");
 }
-function J(e) {
-  return parseInt(Y(e).getComputedStyle(e).paddingRight, 10) || 0;
+function Q(e) {
+  return parseInt(z(e).getComputedStyle(e).paddingRight, 10) || 0;
 }
-function ke(e) {
+function Ce(e) {
   const o = ["TEMPLATE", "SCRIPT", "STYLE", "LINK", "MAP", "META", "NOSCRIPT", "PICTURE", "COL", "COLGROUP", "PARAM", "SLOT", "SOURCE", "TRACK"].indexOf(e.tagName) !== -1, n = e.tagName === "INPUT" && e.getAttribute("type") === "hidden";
   return o || n;
 }
-function Q(e, t, o, n, s) {
+function Z(e, t, o, n, s) {
   const r = [t, o, ...n];
   [].forEach.call(e.children, (a) => {
-    const d = r.indexOf(a) === -1, p = !ke(a);
-    d && p && K(a, s);
+    const d = r.indexOf(a) === -1, p = !Ce(a);
+    d && p && U(a, s);
   });
 }
-function V(e, t) {
+function $(e, t) {
   let o = -1;
   return e.some((n, s) => t(n) ? (o = s, !0) : !1), o;
 }
-function Pe(e, t) {
+function Ie(e, t) {
   const o = [], n = e.container;
   if (!t.disableScrollLock) {
-    if (ve(n)) {
-      const a = me(w(n));
+    if (Pe(n)) {
+      const a = Te(A(n));
       o.push({
         value: n.style.paddingRight,
         property: "padding-right",
         el: n
-      }), n.style.paddingRight = `${J(n) + a}px`;
-      const d = w(n).querySelectorAll(".mui-fixed");
+      }), n.style.paddingRight = `${Q(n) + a}px`;
+      const d = A(n).querySelectorAll(".mui-fixed");
       [].forEach.call(d, (p) => {
         o.push({
           value: p.style.paddingRight,
           property: "padding-right",
           el: p
-        }), p.style.paddingRight = `${J(p) + a}px`;
+        }), p.style.paddingRight = `${Q(p) + a}px`;
       });
     }
     let r;
     if (n.parentNode instanceof DocumentFragment)
-      r = w(n).body;
+      r = A(n).body;
     else {
-      const a = n.parentElement, d = Y(n);
+      const a = n.parentElement, d = z(n);
       r = (a == null ? void 0 : a.nodeName) === "HTML" && d.getComputedStyle(a).overflowY === "scroll" ? a : n;
     }
     o.push({
@@ -265,13 +265,13 @@ function Pe(e, t) {
     });
   };
 }
-function Ne(e) {
+function Fe(e) {
   const t = [];
   return [].forEach.call(e.children, (o) => {
     o.getAttribute("aria-hidden") === "true" && t.push(o);
   }), t;
 }
-class Ce {
+class Se {
   constructor() {
     this.containers = void 0, this.modals = void 0, this.modals = [], this.containers = [];
   }
@@ -279,10 +279,10 @@ class Ce {
     let n = this.modals.indexOf(t);
     if (n !== -1)
       return n;
-    n = this.modals.length, this.modals.push(t), t.modalRef && K(t.modalRef, !1);
-    const s = Ne(o);
-    Q(o, t.mount, t.modalRef, s, !0);
-    const r = V(this.containers, (a) => a.container === o);
+    n = this.modals.length, this.modals.push(t), t.modalRef && U(t.modalRef, !1);
+    const s = Fe(o);
+    Z(o, t.mount, t.modalRef, s, !0);
+    const r = $(this.containers, (a) => a.container === o);
     return r !== -1 ? (this.containers[r].modals.push(t), n) : (this.containers.push({
       modals: [t],
       container: o,
@@ -291,19 +291,19 @@ class Ce {
     }), n);
   }
   mount(t, o) {
-    const n = V(this.containers, (r) => r.modals.indexOf(t) !== -1), s = this.containers[n];
-    s.restore || (s.restore = Pe(s, o));
+    const n = $(this.containers, (r) => r.modals.indexOf(t) !== -1), s = this.containers[n];
+    s.restore || (s.restore = Ie(s, o));
   }
   remove(t, o = !0) {
     const n = this.modals.indexOf(t);
     if (n === -1)
       return n;
-    const s = V(this.containers, (a) => a.modals.indexOf(t) !== -1), r = this.containers[s];
+    const s = $(this.containers, (a) => a.modals.indexOf(t) !== -1), r = this.containers[s];
     if (r.modals.splice(r.modals.indexOf(t), 1), this.modals.splice(n, 1), r.modals.length === 0)
-      r.restore && r.restore(), t.modalRef && K(t.modalRef, o), Q(r.container, t.mount, t.modalRef, r.hiddenSiblings, !1), this.containers.splice(s, 1);
+      r.restore && r.restore(), t.modalRef && U(t.modalRef, o), Z(r.container, t.mount, t.modalRef, r.hiddenSiblings, !1), this.containers.splice(s, 1);
     else {
       const a = r.modals[r.modals.length - 1];
-      a.modalRef && K(a.modalRef, !1);
+      a.modalRef && U(a.modalRef, !1);
     }
     return n;
   }
@@ -311,20 +311,20 @@ class Ce {
     return this.modals.length > 0 && this.modals[this.modals.length - 1] === t;
   }
 }
-function Ie(e) {
+function Ae(e) {
   return typeof e == "function" ? e() : e;
 }
-function Fe(e) {
+function we(e) {
   return e ? e.props.hasOwnProperty("in") : !1;
 }
-const Se = new Ce();
-function we(e) {
+const Oe = new Se();
+function De(e) {
   const {
     container: t,
     disableEscapeKeyDown: o = !1,
     disableScrollLock: n = !1,
     // @ts-ignore internal logic - Base UI supports the manager as a prop too
-    manager: s = Se,
+    manager: s = Oe,
     closeAfterTransition: r = !1,
     onTransitionEnter: a,
     onTransitionExited: d,
@@ -332,44 +332,44 @@ function we(e) {
     onClose: x,
     open: h,
     rootRef: m
-  } = e, R = f.useRef({}), g = f.useRef(null), c = f.useRef(null), O = Z(c, m), [I, A] = f.useState(!h), N = Fe(p);
+  } = e, R = f.useRef({}), g = f.useRef(null), c = f.useRef(null), w = te(c, m), [I, O] = f.useState(!h), P = we(p);
   let l = !0;
   (e["aria-hidden"] === "false" || e["aria-hidden"] === !1) && (l = !1);
-  const v = () => w(g.current), k = () => (R.current.modalRef = c.current, R.current.mount = g.current, R.current), D = () => {
+  const v = () => A(g.current), k = () => (R.current.modalRef = c.current, R.current.mount = g.current, R.current), M = () => {
     s.mount(k(), {
       disableScrollLock: n
     }), c.current && (c.current.scrollTop = 0);
-  }, E = G(() => {
-    const b = Ie(t) || v().body;
-    s.add(k(), b), c.current && D();
-  }), T = f.useCallback(() => s.isTopModal(k()), [s]), L = G((b) => {
-    g.current = b, b && (h && T() ? D() : c.current && K(c.current, l));
+  }, E = X(() => {
+    const b = Ae(t) || v().body;
+    s.add(k(), b), c.current && M();
+  }), T = f.useCallback(() => s.isTopModal(k()), [s]), L = X((b) => {
+    g.current = b, b && (h && T() ? M() : c.current && U(c.current, l));
   }), y = f.useCallback(() => {
     s.remove(k(), l);
   }, [l, s]);
   f.useEffect(() => () => {
     y();
   }, [y]), f.useEffect(() => {
-    h ? E() : (!N || !r) && y();
-  }, [h, y, N, r, E]);
-  const M = (b) => (u) => {
-    var P;
-    (P = b.onKeyDown) == null || P.call(b, u), !(u.key !== "Escape" || u.which === 229 || // Wait until IME is settled.
+    h ? E() : (!P || !r) && y();
+  }, [h, y, P, r, E]);
+  const D = (b) => (u) => {
+    var N;
+    (N = b.onKeyDown) == null || N.call(b, u), !(u.key !== "Escape" || u.which === 229 || // Wait until IME is settled.
     !T()) && (o || (u.stopPropagation(), x && x(u, "escapeKeyDown")));
   }, F = (b) => (u) => {
-    var P;
-    (P = b.onClick) == null || P.call(b, u), u.target === u.currentTarget && x && x(u, "backdropClick");
+    var N;
+    (N = b.onClick) == null || N.call(b, u), u.target === u.currentTarget && x && x(u, "backdropClick");
   };
   return {
     getRootProps: (b = {}) => {
-      const u = ae(e);
+      const u = de(e);
       delete u.onTransitionEnter, delete u.onTransitionExited;
-      const P = C({}, u, b);
+      const N = C({}, u, b);
       return C({
         role: "presentation"
-      }, P, {
-        onKeyDown: M(P),
-        ref: O
+      }, N, {
+        onKeyDown: D(N),
+        ref: w
       });
     },
     getBackdropProps: (b = {}) => {
@@ -383,37 +383,37 @@ function we(e) {
     },
     getTransitionProps: () => {
       const b = () => {
-        A(!1), a && a();
+        O(!1), a && a();
       }, u = () => {
-        A(!0), d && d(), r && y();
+        O(!0), d && d(), r && y();
       };
       return {
-        onEnter: X(b, p == null ? void 0 : p.props.onEnter),
-        onExited: X(u, p == null ? void 0 : p.props.onExited)
+        onEnter: J(b, p == null ? void 0 : p.props.onEnter),
+        onExited: J(u, p == null ? void 0 : p.props.onExited)
       };
     },
-    rootRef: O,
+    rootRef: w,
     portalRef: L,
     isTopModal: T,
     exited: I,
-    hasTransition: N
+    hasTransition: P
   };
 }
-const te = "Modal";
-function Oe(e) {
-  return le(te, e);
+const oe = "Modal";
+function Me(e) {
+  return ue(oe, e);
 }
-ce(te, ["root", "hidden", "backdrop"]);
-const Ae = ["children", "closeAfterTransition", "container", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "onBackdropClick", "onClose", "onKeyDown", "open", "onTransitionEnter", "onTransitionExited", "slotProps", "slots"], Me = (e) => {
+fe(oe, ["root", "hidden", "backdrop"]);
+const Le = ["children", "closeAfterTransition", "container", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "onBackdropClick", "onClose", "onKeyDown", "open", "onTransitionEnter", "onTransitionExited", "slotProps", "slots"], He = (e) => {
   const {
     open: t,
     exited: o
   } = e;
-  return ue({
+  return be({
     root: ["root", !t && o && "hidden"],
     backdrop: ["backdrop"]
-  }, fe(Oe));
-}, ne = /* @__PURE__ */ f.forwardRef(function(t, o) {
+  }, he(Me));
+}, re = /* @__PURE__ */ f.forwardRef(function(t, o) {
   var n;
   const {
     children: s,
@@ -427,11 +427,11 @@ const Ae = ["children", "closeAfterTransition", "container", "disableAutoFocus",
     disableScrollLock: R = !1,
     hideBackdrop: g = !1,
     keepMounted: c = !1,
-    onBackdropClick: O,
+    onBackdropClick: w,
     open: I,
-    slotProps: A = {},
-    slots: N = {}
-  } = t, l = de(t, Ae), v = C({}, t, {
+    slotProps: O = {},
+    slots: P = {}
+  } = t, l = pe(t, Le), v = C({}, t, {
     closeAfterTransition: r,
     disableAutoFocus: d,
     disableEnforceFocus: p,
@@ -443,60 +443,60 @@ const Ae = ["children", "closeAfterTransition", "container", "disableAutoFocus",
     keepMounted: c
   }), {
     getRootProps: k,
-    getBackdropProps: D,
+    getBackdropProps: M,
     getTransitionProps: E,
     portalRef: T,
     isTopModal: L,
     exited: y,
-    hasTransition: M
-  } = we(C({}, v, {
+    hasTransition: D
+  } = De(C({}, v, {
     rootRef: o
   })), F = C({}, v, {
     exited: y,
-    hasTransition: M
-  }), H = Me(F), _ = {};
-  if (s.props.tabIndex === void 0 && (_.tabIndex = "-1"), M) {
+    hasTransition: D
+  }), H = He(F), K = {};
+  if (s.props.tabIndex === void 0 && (K.tabIndex = "-1"), D) {
     const {
       onEnter: B,
-      onExited: U
+      onExited: W
     } = E();
-    _.onEnter = B, _.onExited = U;
+    K.onEnter = B, K.onExited = W;
   }
-  const j = (n = N.root) != null ? n : "div", b = z({
-    elementType: j,
-    externalSlotProps: A.root,
+  const q = (n = P.root) != null ? n : "div", b = G({
+    elementType: q,
+    externalSlotProps: O.root,
     externalForwardedProps: l,
     getSlotProps: k,
     className: H.root,
     ownerState: F
-  }), u = N.backdrop, P = z({
+  }), u = P.backdrop, N = G({
     elementType: u,
-    externalSlotProps: A.backdrop,
-    getSlotProps: (B) => D(C({}, B, {
-      onClick: (U) => {
-        O && O(U), B != null && B.onClick && B.onClick(U);
+    externalSlotProps: O.backdrop,
+    getSlotProps: (B) => M(C({}, B, {
+      onClick: (W) => {
+        w && w(W), B != null && B.onClick && B.onClick(W);
       }
     })),
     className: H.backdrop,
     ownerState: F
   });
-  return !c && !I && (!M || y) ? null : /* @__PURE__ */ S(pe, {
+  return !c && !I && (!D || y) ? null : /* @__PURE__ */ S(me, {
     ref: T,
     container: a,
     disablePortal: h,
-    children: /* @__PURE__ */ $(j, C({}, b, {
-      children: [!g && u ? /* @__PURE__ */ S(u, C({}, P)) : null, /* @__PURE__ */ S(W, {
+    children: /* @__PURE__ */ Y(q, C({}, b, {
+      children: [!g && u ? /* @__PURE__ */ S(u, C({}, N)) : null, /* @__PURE__ */ S(j, {
         disableEnforceFocus: p,
         disableAutoFocus: d,
         disableRestoreFocus: m,
         isEnabled: L,
         open: I,
-        children: /* @__PURE__ */ f.cloneElement(s, _)
+        children: /* @__PURE__ */ f.cloneElement(s, K)
       })]
     }))
   });
 });
-process.env.NODE_ENV !== "production" && (ne.propTypes = {
+process.env.NODE_ENV !== "production" && (re.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
@@ -504,7 +504,7 @@ process.env.NODE_ENV !== "production" && (ne.propTypes = {
   /**
    * A single child content element.
    */
-  children: ee.isRequired,
+  children: ne.isRequired,
   /**
    * When set to true the Modal waits until a nested Transition is completed before closing.
    * @default false
@@ -520,7 +520,7 @@ process.env.NODE_ENV !== "production" && (ne.propTypes = {
    * By default, it uses the body of the top-level document object,
    * so it's simply `document.body` most of the time.
    */
-  container: i.oneOfType([be, i.func]),
+  container: i.oneOfType([ge, i.func]),
   /**
    * If `true`, the modal will not automatically shift focus to itself when it opens, and
    * replace it to the last focused element when it closes.
@@ -615,34 +615,32 @@ process.env.NODE_ENV !== "production" && (ne.propTypes = {
     root: i.elementType
   })
 });
-const $e = ({
-  children: e,
-  dialogTitle: t,
-  dialogSubtitle: o,
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  isLoading: n = !1,
-  onClose: s,
-  ...r
-}) => /* @__PURE__ */ S(
-  ne,
+const _ = ({ children: e, dialogTitle: t, dialogSubtitle: o, onClose: n, ...s }) => /* @__PURE__ */ S(
+  re,
   {
-    onClose: s,
-    slots: { backdrop: re },
-    ...r,
-    className: oe(q.dialog, r.className),
+    onClose: n,
+    slots: { backdrop: ae },
+    ...s,
+    className: se(V.dialog, s.className),
     "aria-labelledby": "alert-dialog-title",
     "aria-describedby": "alert-dialog-description",
-    children: /* @__PURE__ */ $("section", { className: q.dialog__panel, children: [
-      !!s && /* @__PURE__ */ S(se, { handleOnClose: s, className: q.dialog__close }),
-      /* @__PURE__ */ S(ie, { title: t, subTitle: o }),
+    children: /* @__PURE__ */ Y("section", { className: V.dialog__panel, children: [
+      !!n && /* @__PURE__ */ S(le, { handleOnClose: n, className: V.dialog__close }),
+      /* @__PURE__ */ S(ee, { title: t, subTitle: o }),
       e
     ] })
   }
 );
+_.Title = ee;
+_.Title.displayName = "Dialog.Title";
+_.Content = ce;
+_.Content.displayName = "Dialog.Content";
+_.Actions = ie;
+_.Actions.displayName = "Dialog.Actions";
 export {
-  Ge as Actions,
-  Je as Content,
-  $e as Dialog,
-  ie as DialogTitle,
-  $e as default
+  ie as Actions,
+  ce as Content,
+  _ as Dialog,
+  ee as DialogTitle,
+  _ as default
 };

package/dist/components/Dialog/Dialog.stories.d.ts

@@ -3,13 +3,17 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: ({ children, dialogTitle, dialogSubtitle, isLoading, onClose, ...props }: DialogProps) => import("react/jsx-runtime").JSX.Element;
+    component: {
+        ({ children, dialogTitle, dialogSubtitle, onClose, ...props }: DialogProps): import("react/jsx-runtime").JSX.Element;
+        Title: import('react').FunctionComponent<import('./DialogTitle').DialogTitleProps>;
+        Content: import('react').FunctionComponent<import('./Content').DialogContentProps>;
+        Actions: import('react').FunctionComponent<import('./Actions').DialogActionProps>;
+    };
     tags: string[];
     decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         children: import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<unknown>>;
         dialogTitle: import('react').ReactNode;
         dialogSubtitle?: import('react').ReactNode;
-        isLoading?: boolean | undefined;
         onClose?: (() => void) | undefined;
         closeAfterTransition?: boolean | undefined;
         container?: Element | (() => Element | null) | null | undefined;

package/dist/components/Dialog/DialogTitle.js

@@ -1,6 +1,6 @@
 import { jsxs as l, Fragment as o, jsx as e } from "react/jsx-runtime";
 import { Typography as r } from "../Typography/Typography.js";
-import { s as a } from "../../Dialog.module-HFAN4mAD.js";
+import { s as a } from "../../Dialog.module-D9e4RsKo.js";
 const n = ({ title: t, subTitle: i }) => /* @__PURE__ */ l(o, { children: [
   /* @__PURE__ */ e(
     r,

package/dist/components/ResultWithChips/ResultWithChips.js

@@ -1,6 +1,6 @@
 import '../../assets/ResultWithChips.css';
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { C as t } from "../../Toggle-BQPzu8NV.js";
+import { C as t } from "../../Toggle-CRfZgFJp.js";
 const r = "_container_hgp0p_1", o = "_label_hgp0p_17", a = {
   container: r,
   "chip-item-wrapper": "_chip-item-wrapper_hgp0p_8",