@mittwald/flow-react-components 0.1.0-alpha.167 → 0.1.0-alpha.169

package/dist/Modal.js

@@ -17,16 +17,15 @@ import { A as O } from "./Action-DYTtbQCP.js";
 import { B as h } from "./Button-Dz22EEEz.js";
 import "@tabler/icons-react";
 import "./Icon-BTTw8v9z.js";
-import { I as z } from "./IconClose-D3xiRQc_.js";
-import { O as M } from "./OverlayTrigger-Bdb65OEJ.js";
-const N = "flow--modal", x = "flow--modal--off-canvas", P = "flow--modal--content", T = "flow--modal--action-group", B = "flow--modal--header", I = "flow--modal--close-button", l = {
-  modal: N,
-  offCanvas: x,
+import { I as M } from "./IconClose-D3xiRQc_.js";
+import { O as N } from "./OverlayTrigger-Bdb65OEJ.js";
+const x = "flow--modal", z = "flow--modal--off-canvas", P = "flow--modal--content", T = "flow--modal--action-group", B = "flow--modal--header", I = "flow--modal--close-button", t = {
+  modal: x,
+  offCanvas: z,
   content: P,
   actionGroup: T,
   "size-s": "flow--modal--size-s",
   "size-m": "flow--modal--size-m",
-  "size-l": "flow--modal--size-l",
   "modal-zoom": "flow--modal--modal-zoom",
   header: B,
   "modal-slide-in": "flow--modal--modal-slide-in",
@@ -35,38 +34,38 @@ const N = "flow--modal", x = "flow--modal--off-canvas", P = "flow--modal--conten
 }, b = "flow--modal-overlay--overlay", A = {
   overlay: b,
   "overlay-fade": "flow--modal-overlay--overlay-fade"
-}, F = (t) => {
+}, F = (l) => {
   const {
-    controller: a,
+    controller: r,
     children: e,
     isDismissable: s = !0,
     className: m
-  } = t, f = C("Modal", {
+  } = l, f = C("Modal", {
     reuseControllerFromContext: !0
-  }), r = a ?? f, c = r.useIsOpen(), i = u(A.overlay, m);
+  }), a = r ?? f, c = a.useIsOpen(), i = u(A.overlay, m);
   return /* @__PURE__ */ o.createElement(
     n.ModalOverlay,
     {
       className: i,
       isDismissable: s,
       isOpen: c,
-      onOpenChange: (d) => r.setOpen(d)
+      onOpenChange: (d) => a.setOpen(d)
     },
-    /* @__PURE__ */ o.createElement(n.Modal, null, /* @__PURE__ */ o.createElement(n.Dialog, null, /* @__PURE__ */ o.createElement(E, { type: "Modal", controller: r }, e)))
+    /* @__PURE__ */ o.createElement(n.Modal, null, /* @__PURE__ */ o.createElement(n.Dialog, null, /* @__PURE__ */ o.createElement(E, { type: "Modal", controller: a }, e)))
   );
-}, Z = g("Modal", (t) => {
+}, Z = g("Modal", (l) => {
   const {
-    size: a = "s",
+    size: r = "s",
     offCanvas: e,
     controller: s,
     children: m,
     refProp: f,
-    className: r,
+    className: a,
     ...c
-  } = t, i = u(
-    e ? l.offCanvas : l.modal,
-    l[`size-${a}`],
-    r
+  } = l, i = u(
+    e ? t.offCanvas : t.modal,
+    t[`size-${r}`],
+    a
   ), d = {
     Content: {
       elementType: o.Fragment
@@ -78,29 +77,29 @@ const N = "flow--modal", x = "flow--modal--off-canvas", P = "flow--modal--conten
       tunnelId: "heading"
     },
     ActionGroup: {
-      className: l.actionGroup,
+      className: t.actionGroup,
       tunnelId: "buttons"
     }
   };
-  return /* @__PURE__ */ o.createElement(F, { className: i, controller: s, ...c }, /* @__PURE__ */ o.createElement(v, { props: d }, /* @__PURE__ */ o.createElement(y, null, e && /* @__PURE__ */ o.createElement(w, { className: l.header }, /* @__PURE__ */ o.createElement(p, { id: "heading" }), /* @__PURE__ */ o.createElement(O, { closeOverlay: "Modal" }, /* @__PURE__ */ o.createElement(
+  return /* @__PURE__ */ o.createElement(F, { className: i, controller: s, ...c }, /* @__PURE__ */ o.createElement(v, { props: d }, /* @__PURE__ */ o.createElement(y, null, e && /* @__PURE__ */ o.createElement(w, { className: t.header }, /* @__PURE__ */ o.createElement(p, { id: "heading" }), /* @__PURE__ */ o.createElement(O, { closeOverlay: "Modal" }, /* @__PURE__ */ o.createElement(
     h,
     {
       variant: "plain",
       color: "secondary",
-      className: l.closeButton
+      className: t.closeButton
     },
-    /* @__PURE__ */ o.createElement(z, null)
-  ))), /* @__PURE__ */ o.createElement("div", { className: l.content }, !e && /* @__PURE__ */ o.createElement(p, { id: "heading" }), m), /* @__PURE__ */ o.createElement(p, { id: "buttons" }))));
-}), _ = (t) => {
-  const { children: a, ...e } = t;
+    /* @__PURE__ */ o.createElement(M, null)
+  ))), /* @__PURE__ */ o.createElement("div", { className: t.content }, !e && /* @__PURE__ */ o.createElement(p, { id: "heading" }), m), /* @__PURE__ */ o.createElement(p, { id: "buttons" }))));
+}), _ = (l) => {
+  const { children: r, ...e } = l;
   return /* @__PURE__ */ o.createElement(
-    M,
+    N,
     {
       overlayType: "Modal",
       ...e,
       component: n.DialogTrigger
     },
-    a
+    r
   );
 };
 export {