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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,30 @@
1
+ import './assets/Dialog.css';
2
+ const _ = "_dialog__subtitle_1qs0q_53", a = "_dialog_1qs0q_53", o = "_dialog__backdrop_1qs0q_88", s = "_dialog__panel_1qs0q_96", p = "_dialog__title_1qs0q_57", t = "_dialog__divider_1qs0q_122", g = "_dialog__actions_1qs0q_135", y = {
3
+ "u-typography-h1": "_u-typography-h1_1qs0q_1",
4
+ "u-typography-h2": "_u-typography-h2_1qs0q_8",
5
+ "u-typography-h3": "_u-typography-h3_1qs0q_15",
6
+ "u-typography-h4": "_u-typography-h4_1qs0q_22",
7
+ "u-typography-h5": "_u-typography-h5_1qs0q_29",
8
+ "u-typography-h6": "_u-typography-h6_1qs0q_36",
9
+ "u-typography-base": "_u-typography-base_1qs0q_43",
10
+ "u-typography-base--xxl": "_u-typography-base--xxl_1qs0q_49",
11
+ "u-typography-base--xl": "_u-typography-base--xl_1qs0q_53",
12
+ dialog__subtitle: _,
13
+ "u-typography-base--lg": "_u-typography-base--lg_1qs0q_57",
14
+ "dialog__title--small": "_dialog__title--small_1qs0q_57",
15
+ "u-typography-base--sm": "_u-typography-base--sm_1qs0q_61",
16
+ "u-typography-base--bold": "_u-typography-base--bold_1qs0q_65",
17
+ "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1qs0q_68",
18
+ "u-typography-base--underlined": "_u-typography-base--underlined_1qs0q_71",
19
+ "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1qs0q_74",
20
+ dialog: a,
21
+ dialog__backdrop: o,
22
+ dialog__panel: s,
23
+ dialog__title: p,
24
+ dialog__divider: t,
25
+ "dialog__close-icon": "_dialog__close-icon_1qs0q_126",
26
+ dialog__actions: g
27
+ };
28
+ export {
29
+ y as s
30
+ };
@@ -1 +1 @@
1
- ._u-typography-h1_1u858_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_1u858_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_1u858_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_1u858_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_1u858_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_1u858_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_1u858_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_1u858_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_1u858_53,._dialog__subtitle_1u858_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_1u858_57,._dialog__title--small_1u858_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_1u858_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_1u858_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_1u858_68{text-decoration:line-through}._u-typography-base--underlined_1u858_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_1u858_74{text-decoration:underline line-through}._dialog_1u858_53{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;display:flex;align-items:center;justify-content:center;-webkit-box-align:center;-webkit-box-pack:center}._dialog__backdrop_1u858_88{position:fixed;z-index:-1;width:100%;height:100%;background-color:rgb(var(--black-100-rgb),.05);-webkit-tap-highlight-color:transparent}._dialog__panel_1u858_96{position:relative;display:flex;flex-direction:column;gap:8px;width:680px;padding:24px;overflow:hidden;font-weight:500;color:var(--gray-75);text-align:start;background-color:var(--white-100);border:1px solid rgb(218,226,237);border-radius:8px;box-shadow:0 10px 20px rgb(var(--black-100-rgb),.2)}._dialog__title_1u858_57{padding-top:8px;padding-bottom:8px}._dialog__subtitle_1u858_53{font-family:Lato,sans-serif;color:var(--secondary-orange-dark);text-align:left;letter-spacing:0}._dialog__divider_1u858_122{width:100%;border-top:1px solid var(--gray-10)}._dialog__close-icon_1u858_126{position:absolute;top:27px;right:16px;padding:0;margin:0;background:none;border:none}._dialog__actions_1u858_135{display:flex;gap:8px;justify-content:center;margin-bottom:16px}
1
+ ._u-typography-h1_1qs0q_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_1qs0q_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_1qs0q_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_1qs0q_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_1qs0q_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_1qs0q_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_1qs0q_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_1qs0q_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_1qs0q_53,._dialog__subtitle_1qs0q_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_1qs0q_57,._dialog__title--small_1qs0q_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_1qs0q_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_1qs0q_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_1qs0q_68{text-decoration:line-through}._u-typography-base--underlined_1qs0q_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_1qs0q_74{text-decoration:underline line-through}._dialog_1qs0q_53{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;display:flex;align-items:center;justify-content:center;-webkit-box-align:center;-webkit-box-pack:center}._dialog__backdrop_1qs0q_88{position:fixed;z-index:-1;width:100%;height:100%;background-color:rgb(var(--black-100-rgb),.05);-webkit-tap-highlight-color:transparent}._dialog__panel_1qs0q_96{position:relative;display:flex;flex-direction:column;gap:8px;width:680px;padding:2rem;overflow:hidden;font-weight:500;color:var(--gray-75);text-align:start;background-color:var(--white-100);border:1px solid rgb(218,226,237);border-radius:8px;box-shadow:0 10px 20px rgb(var(--black-100-rgb),.2)}._dialog__title_1qs0q_57{padding-bottom:1rem}._dialog__subtitle_1qs0q_53{margin-top:1rem;font-family:Lato,sans-serif;color:var(--secondary-orange-dark);text-align:left;letter-spacing:0}._dialog__divider_1qs0q_122{width:100%;border-top:1px solid var(--gray-10)}._dialog__close-icon_1qs0q_126{position:absolute;top:27px;right:16px;padding:0;margin:0;background:none;border:none}._dialog__actions_1qs0q_135{display:flex;gap:.5rem;justify-content:center;margin-top:1.5rem}
@@ -1,5 +1,5 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
- import { s as t } from "../../Dialog.module-DFcZsVAd.js";
2
+ import { s as t } from "../../Dialog.module-HFAN4mAD.js";
3
3
  const i = ({ children: s }) => /* @__PURE__ */ o("div", { className: t.dialog__actions, children: s });
4
4
  export {
5
5
  i as default
@@ -1,6 +1,6 @@
1
1
  import { jsx as a } from "react/jsx-runtime";
2
2
  import { forwardRef as t } from "react";
3
- import { s as e } from "../../Dialog.module-DFcZsVAd.js";
3
+ import { s as e } from "../../Dialog.module-HFAN4mAD.js";
4
4
  const i = t((o, r) => {
5
5
  const { open: m, className: p, ...s } = o;
6
6
  return /* @__PURE__ */ a("div", { className: e.dialog__backdrop, ref: r, ...s });
@@ -1,6 +1,6 @@
1
1
  import { jsx as s } from "react/jsx-runtime";
2
2
  import { Icon as r } from "../Icon/Icon.js";
3
- import { s as t } from "../../Dialog.module-DFcZsVAd.js";
3
+ import { s as t } from "../../Dialog.module-HFAN4mAD.js";
4
4
  import { B as a } from "../../Button-DiLqcAJG.js";
5
5
  const d = ({ handleOnClose: i, className: o }) => {
6
6
  const l = o != null ? t["dialog__close-icon "] + o : t["dialog__close-icon"];
@@ -1,16 +1,17 @@
1
1
  import { jsxs as $, jsx as S } from "react/jsx-runtime";
2
- import { default as Ye } from "./Actions.js";
3
- import oe from "./Backdrop.js";
4
- import re from "./CloseIconButton.js";
5
- import { default as Ge } from "./Content.js";
6
- import { s as q } from "../../Dialog.module-DFcZsVAd.js";
7
- import se from "./DialogTitle.js";
8
- import { u as Z, P as i, f as ie, b as C, g as ae, a as le, _ as ce, c as z, d as de, e as ue } from "../../useSlotProps-kRhf7Gil.js";
2
+ import { c as oe } from "../../clsx-DB4S2d7J.js";
3
+ import { default as Ge } from "./Actions.js";
4
+ import re from "./Backdrop.js";
5
+ import se from "./CloseIconButton.js";
6
+ import { default as Je } from "./Content.js";
7
+ import { s as q } from "../../Dialog.module-HFAN4mAD.js";
8
+ import ie from "./DialogTitle.js";
9
+ 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";
9
10
  import * as f from "react";
10
11
  import { o as w, e as ee } from "../../ownerDocument-B61GUaFs.js";
11
12
  import { u as G } from "../../useEventCallback-BAQJJ3ye.js";
12
- import { P as fe, H as pe } from "../../Portal-B_Es6eUL.js";
13
- import { e as be } from "../../index-D3Wj0eid.js";
13
+ import { P as pe, H as be } from "../../Portal-B_Es6eUL.js";
14
+ import { e as he } from "../../index-D3Wj0eid.js";
14
15
  function X(...e) {
15
16
  return e.reduce((t, o) => o == null ? t : function(...s) {
16
17
  t.apply(this, s), o.apply(this, s);
@@ -20,37 +21,37 @@ function X(...e) {
20
21
  function Y(e) {
21
22
  return w(e).defaultView || window;
22
23
  }
23
- function he(e) {
24
+ function me(e) {
24
25
  const t = e.documentElement.clientWidth;
25
26
  return Math.abs(window.innerWidth - t);
26
27
  }
27
- const me = ["input", "select", "textarea", "a[href]", "button", "[tabindex]", "audio[controls]", "video[controls]", '[contenteditable]:not([contenteditable="false"])'].join(",");
28
- function ge(e) {
28
+ const ge = ["input", "select", "textarea", "a[href]", "button", "[tabindex]", "audio[controls]", "video[controls]", '[contenteditable]:not([contenteditable="false"])'].join(",");
29
+ function Ee(e) {
29
30
  const t = parseInt(e.getAttribute("tabindex") || "", 10);
30
31
  return Number.isNaN(t) ? e.contentEditable === "true" || (e.nodeName === "AUDIO" || e.nodeName === "VIDEO" || e.nodeName === "DETAILS") && e.getAttribute("tabindex") === null ? 0 : e.tabIndex : t;
31
32
  }
32
- function Ee(e) {
33
+ function Te(e) {
33
34
  if (e.tagName !== "INPUT" || e.type !== "radio" || !e.name)
34
35
  return !1;
35
36
  const t = (n) => e.ownerDocument.querySelector(`input[type="radio"]${n}`);
36
37
  let o = t(`[name="${e.name}"]:checked`);
37
38
  return o || (o = t(`[name="${e.name}"]`)), o !== e;
38
39
  }
39
- function Te(e) {
40
- return !(e.disabled || e.tagName === "INPUT" && e.type === "hidden" || Ee(e));
41
- }
42
40
  function ye(e) {
41
+ return !(e.disabled || e.tagName === "INPUT" && e.type === "hidden" || Te(e));
42
+ }
43
+ function xe(e) {
43
44
  const t = [], o = [];
44
- return Array.from(e.querySelectorAll(me)).forEach((n, s) => {
45
- const r = ge(n);
46
- r === -1 || !Te(n) || (r === 0 ? t.push(n) : o.push({
45
+ return Array.from(e.querySelectorAll(ge)).forEach((n, s) => {
46
+ const r = Ee(n);
47
+ r === -1 || !ye(n) || (r === 0 ? t.push(n) : o.push({
47
48
  documentOrder: s,
48
49
  tabIndex: r,
49
50
  node: n
50
51
  }));
51
52
  }), o.sort((n, s) => n.tabIndex === s.tabIndex ? n.documentOrder - s.documentOrder : n.tabIndex - s.tabIndex).map((n) => n.node).concat(t);
52
53
  }
53
- function xe() {
54
+ function Re() {
54
55
  return !0;
55
56
  }
56
57
  function W(e) {
@@ -59,8 +60,8 @@ function W(e) {
59
60
  disableAutoFocus: o = !1,
60
61
  disableEnforceFocus: n = !1,
61
62
  disableRestoreFocus: s = !1,
62
- getTabbable: r = ye,
63
- isEnabled: a = xe,
63
+ getTabbable: r = xe,
64
+ isEnabled: a = Re,
64
65
  open: d
65
66
  } = 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);
66
67
  f.useEffect(() => {
@@ -188,8 +189,8 @@ process.env.NODE_ENV !== "production" && (W.propTypes = {
188
189
  */
189
190
  open: i.bool.isRequired
190
191
  });
191
- process.env.NODE_ENV !== "production" && (W.propTypes = be(W.propTypes));
192
- function Re(e) {
192
+ process.env.NODE_ENV !== "production" && (W.propTypes = he(W.propTypes));
193
+ function ve(e) {
193
194
  const t = w(e);
194
195
  return t.body === e ? Y(e).innerWidth > t.documentElement.clientWidth : e.scrollHeight > e.clientHeight;
195
196
  }
@@ -199,14 +200,14 @@ function K(e, t) {
199
200
  function J(e) {
200
201
  return parseInt(Y(e).getComputedStyle(e).paddingRight, 10) || 0;
201
202
  }
202
- function ve(e) {
203
+ function ke(e) {
203
204
  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";
204
205
  return o || n;
205
206
  }
206
207
  function Q(e, t, o, n, s) {
207
208
  const r = [t, o, ...n];
208
209
  [].forEach.call(e.children, (a) => {
209
- const d = r.indexOf(a) === -1, p = !ve(a);
210
+ const d = r.indexOf(a) === -1, p = !ke(a);
210
211
  d && p && K(a, s);
211
212
  });
212
213
  }
@@ -214,11 +215,11 @@ function V(e, t) {
214
215
  let o = -1;
215
216
  return e.some((n, s) => t(n) ? (o = s, !0) : !1), o;
216
217
  }
217
- function ke(e, t) {
218
+ function Pe(e, t) {
218
219
  const o = [], n = e.container;
219
220
  if (!t.disableScrollLock) {
220
- if (Re(n)) {
221
- const a = he(w(n));
221
+ if (ve(n)) {
222
+ const a = me(w(n));
222
223
  o.push({
223
224
  value: n.style.paddingRight,
224
225
  property: "padding-right",
@@ -264,13 +265,13 @@ function ke(e, t) {
264
265
  });
265
266
  };
266
267
  }
267
- function Pe(e) {
268
+ function Ne(e) {
268
269
  const t = [];
269
270
  return [].forEach.call(e.children, (o) => {
270
271
  o.getAttribute("aria-hidden") === "true" && t.push(o);
271
272
  }), t;
272
273
  }
273
- class Ne {
274
+ class Ce {
274
275
  constructor() {
275
276
  this.containers = void 0, this.modals = void 0, this.modals = [], this.containers = [];
276
277
  }
@@ -279,7 +280,7 @@ class Ne {
279
280
  if (n !== -1)
280
281
  return n;
281
282
  n = this.modals.length, this.modals.push(t), t.modalRef && K(t.modalRef, !1);
282
- const s = Pe(o);
283
+ const s = Ne(o);
283
284
  Q(o, t.mount, t.modalRef, s, !0);
284
285
  const r = V(this.containers, (a) => a.container === o);
285
286
  return r !== -1 ? (this.containers[r].modals.push(t), n) : (this.containers.push({
@@ -291,7 +292,7 @@ class Ne {
291
292
  }
292
293
  mount(t, o) {
293
294
  const n = V(this.containers, (r) => r.modals.indexOf(t) !== -1), s = this.containers[n];
294
- s.restore || (s.restore = ke(s, o));
295
+ s.restore || (s.restore = Pe(s, o));
295
296
  }
296
297
  remove(t, o = !0) {
297
298
  const n = this.modals.indexOf(t);
@@ -310,20 +311,20 @@ class Ne {
310
311
  return this.modals.length > 0 && this.modals[this.modals.length - 1] === t;
311
312
  }
312
313
  }
313
- function Ce(e) {
314
+ function Ie(e) {
314
315
  return typeof e == "function" ? e() : e;
315
316
  }
316
- function Ie(e) {
317
+ function Fe(e) {
317
318
  return e ? e.props.hasOwnProperty("in") : !1;
318
319
  }
319
- const Fe = new Ne();
320
- function Se(e) {
320
+ const Se = new Ce();
321
+ function we(e) {
321
322
  const {
322
323
  container: t,
323
324
  disableEscapeKeyDown: o = !1,
324
325
  disableScrollLock: n = !1,
325
326
  // @ts-ignore internal logic - Base UI supports the manager as a prop too
326
- manager: s = Fe,
327
+ manager: s = Se,
327
328
  closeAfterTransition: r = !1,
328
329
  onTransitionEnter: a,
329
330
  onTransitionExited: d,
@@ -331,7 +332,7 @@ function Se(e) {
331
332
  onClose: x,
332
333
  open: h,
333
334
  rootRef: m
334
- } = e, R = f.useRef({}), g = f.useRef(null), c = f.useRef(null), O = Z(c, m), [I, A] = f.useState(!h), N = Ie(p);
335
+ } = e, R = f.useRef({}), g = f.useRef(null), c = f.useRef(null), O = Z(c, m), [I, A] = f.useState(!h), N = Fe(p);
335
336
  let l = !0;
336
337
  (e["aria-hidden"] === "false" || e["aria-hidden"] === !1) && (l = !1);
337
338
  const v = () => w(g.current), k = () => (R.current.modalRef = c.current, R.current.mount = g.current, R.current), D = () => {
@@ -339,7 +340,7 @@ function Se(e) {
339
340
  disableScrollLock: n
340
341
  }), c.current && (c.current.scrollTop = 0);
341
342
  }, E = G(() => {
342
- const b = Ce(t) || v().body;
343
+ const b = Ie(t) || v().body;
343
344
  s.add(k(), b), c.current && D();
344
345
  }), T = f.useCallback(() => s.isTopModal(k()), [s]), L = G((b) => {
345
346
  g.current = b, b && (h && T() ? D() : c.current && K(c.current, l));
@@ -361,7 +362,7 @@ function Se(e) {
361
362
  };
362
363
  return {
363
364
  getRootProps: (b = {}) => {
364
- const u = ie(e);
365
+ const u = ae(e);
365
366
  delete u.onTransitionEnter, delete u.onTransitionExited;
366
367
  const P = C({}, u, b);
367
368
  return C({
@@ -399,19 +400,19 @@ function Se(e) {
399
400
  };
400
401
  }
401
402
  const te = "Modal";
402
- function we(e) {
403
- return ae(te, e);
403
+ function Oe(e) {
404
+ return le(te, e);
404
405
  }
405
- le(te, ["root", "hidden", "backdrop"]);
406
- const Oe = ["children", "closeAfterTransition", "container", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "onBackdropClick", "onClose", "onKeyDown", "open", "onTransitionEnter", "onTransitionExited", "slotProps", "slots"], Ae = (e) => {
406
+ ce(te, ["root", "hidden", "backdrop"]);
407
+ const Ae = ["children", "closeAfterTransition", "container", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "onBackdropClick", "onClose", "onKeyDown", "open", "onTransitionEnter", "onTransitionExited", "slotProps", "slots"], Me = (e) => {
407
408
  const {
408
409
  open: t,
409
410
  exited: o
410
411
  } = e;
411
- return de({
412
+ return ue({
412
413
  root: ["root", !t && o && "hidden"],
413
414
  backdrop: ["backdrop"]
414
- }, ue(we));
415
+ }, fe(Oe));
415
416
  }, ne = /* @__PURE__ */ f.forwardRef(function(t, o) {
416
417
  var n;
417
418
  const {
@@ -430,7 +431,7 @@ const Oe = ["children", "closeAfterTransition", "container", "disableAutoFocus",
430
431
  open: I,
431
432
  slotProps: A = {},
432
433
  slots: N = {}
433
- } = t, l = ce(t, Oe), v = C({}, t, {
434
+ } = t, l = de(t, Ae), v = C({}, t, {
434
435
  closeAfterTransition: r,
435
436
  disableAutoFocus: d,
436
437
  disableEnforceFocus: p,
@@ -448,12 +449,12 @@ const Oe = ["children", "closeAfterTransition", "container", "disableAutoFocus",
448
449
  isTopModal: L,
449
450
  exited: y,
450
451
  hasTransition: M
451
- } = Se(C({}, v, {
452
+ } = we(C({}, v, {
452
453
  rootRef: o
453
454
  })), F = C({}, v, {
454
455
  exited: y,
455
456
  hasTransition: M
456
- }), H = Ae(F), _ = {};
457
+ }), H = Me(F), _ = {};
457
458
  if (s.props.tabIndex === void 0 && (_.tabIndex = "-1"), M) {
458
459
  const {
459
460
  onEnter: B,
@@ -479,7 +480,7 @@ const Oe = ["children", "closeAfterTransition", "container", "disableAutoFocus",
479
480
  className: H.backdrop,
480
481
  ownerState: F
481
482
  });
482
- return !c && !I && (!M || y) ? null : /* @__PURE__ */ S(fe, {
483
+ return !c && !I && (!M || y) ? null : /* @__PURE__ */ S(pe, {
483
484
  ref: T,
484
485
  container: a,
485
486
  disablePortal: h,
@@ -519,7 +520,7 @@ process.env.NODE_ENV !== "production" && (ne.propTypes = {
519
520
  * By default, it uses the body of the top-level document object,
520
521
  * so it's simply `document.body` most of the time.
521
522
  */
522
- container: i.oneOfType([pe, i.func]),
523
+ container: i.oneOfType([be, i.func]),
523
524
  /**
524
525
  * If `true`, the modal will not automatically shift focus to itself when it opens, and
525
526
  * replace it to the last focused element when it closes.
@@ -614,7 +615,7 @@ process.env.NODE_ENV !== "production" && (ne.propTypes = {
614
615
  root: i.elementType
615
616
  })
616
617
  });
617
- const qe = ({
618
+ const $e = ({
618
619
  children: e,
619
620
  dialogTitle: t,
620
621
  dialogSubtitle: o,
@@ -626,22 +627,22 @@ const qe = ({
626
627
  ne,
627
628
  {
628
629
  onClose: s,
629
- slots: { backdrop: oe },
630
+ slots: { backdrop: re },
630
631
  ...r,
631
- className: q.dialog,
632
+ className: oe(q.dialog, r.className),
632
633
  "aria-labelledby": "alert-dialog-title",
633
634
  "aria-describedby": "alert-dialog-description",
634
635
  children: /* @__PURE__ */ $("section", { className: q.dialog__panel, children: [
635
- !!s && /* @__PURE__ */ S(re, { handleOnClose: s, className: q.dialog__close }),
636
- /* @__PURE__ */ S(se, { title: t, subTitle: o }),
636
+ !!s && /* @__PURE__ */ S(se, { handleOnClose: s, className: q.dialog__close }),
637
+ /* @__PURE__ */ S(ie, { title: t, subTitle: o }),
637
638
  e
638
639
  ] })
639
640
  }
640
641
  );
641
642
  export {
642
- Ye as Actions,
643
- Ge as Content,
644
- qe as Dialog,
645
- se as DialogTitle,
646
- qe as default
643
+ Ge as Actions,
644
+ Je as Content,
645
+ $e as Dialog,
646
+ ie as DialogTitle,
647
+ $e as default
647
648
  };
@@ -1,6 +1,6 @@
1
1
  import { jsxs as l, Fragment as o, jsx as e } from "react/jsx-runtime";
2
2
  import { Typography as r } from "../Typography/Typography.js";
3
- import { s as a } from "../../Dialog.module-DFcZsVAd.js";
3
+ import { s as a } from "../../Dialog.module-HFAN4mAD.js";
4
4
  const n = ({ title: t, subTitle: i }) => /* @__PURE__ */ l(o, { children: [
5
5
  /* @__PURE__ */ e(
6
6
  r,
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@pismo/marola",
3
3
  "description": "CDX tribe component library",
4
- "version": "1.0.0-beta.15",
4
+ "version": "1.0.0-beta.16",
5
5
  "type": "module",
6
6
  "main": "dist/main.js",
7
7
  "types": "dist/main.d.ts",
@@ -1,30 +0,0 @@
1
- import './assets/Dialog.css';
2
- const _ = "_dialog__subtitle_1u858_53", a = "_dialog_1u858_53", o = "_dialog__backdrop_1u858_88", p = "_dialog__panel_1u858_96", t = "_dialog__title_1u858_57", u = "_dialog__divider_1u858_122", g = "_dialog__actions_1u858_135", y = {
3
- "u-typography-h1": "_u-typography-h1_1u858_1",
4
- "u-typography-h2": "_u-typography-h2_1u858_8",
5
- "u-typography-h3": "_u-typography-h3_1u858_15",
6
- "u-typography-h4": "_u-typography-h4_1u858_22",
7
- "u-typography-h5": "_u-typography-h5_1u858_29",
8
- "u-typography-h6": "_u-typography-h6_1u858_36",
9
- "u-typography-base": "_u-typography-base_1u858_43",
10
- "u-typography-base--xxl": "_u-typography-base--xxl_1u858_49",
11
- "u-typography-base--xl": "_u-typography-base--xl_1u858_53",
12
- dialog__subtitle: _,
13
- "u-typography-base--lg": "_u-typography-base--lg_1u858_57",
14
- "dialog__title--small": "_dialog__title--small_1u858_57",
15
- "u-typography-base--sm": "_u-typography-base--sm_1u858_61",
16
- "u-typography-base--bold": "_u-typography-base--bold_1u858_65",
17
- "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1u858_68",
18
- "u-typography-base--underlined": "_u-typography-base--underlined_1u858_71",
19
- "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1u858_74",
20
- dialog: a,
21
- dialog__backdrop: o,
22
- dialog__panel: p,
23
- dialog__title: t,
24
- dialog__divider: u,
25
- "dialog__close-icon": "_dialog__close-icon_1u858_126",
26
- dialog__actions: g
27
- };
28
- export {
29
- y as s
30
- };