@mittwald/flow-react-components 0.1.0-alpha.191 → 0.1.0-alpha.192

package/dist/Modal.js

@@ -1,48 +1,48 @@
 "use client"
 /* */
 import o from "react";
-import u from "clsx";
+import f from "clsx";
 import "./propsContext-DzAKlmhS.js";
-import { P as v } from "./PropsContextProvider-C6Z4XGp6.js";
+import { P as u } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
-import { TunnelProvider as y, TunnelExit as p } from "@mittwald/react-tunnel";
-import { f as g } from "./flowComponent-COVzhVCB.js";
+import { TunnelProvider as v, TunnelExit as y } from "@mittwald/react-tunnel";
+import { f as C } from "./flowComponent-COVzhVCB.js";
 import * as n from "react-aria-components";
 import "mobx";
-import { u as C } from "./useOverlayController-D8N4X2rc.js";
-import { O as E } from "./OverlayContextProvider-DJzKzUwy.js";
-import { H as w } from "./Header-UWuteUuZ.js";
+import { u as g } from "./useOverlayController-D8N4X2rc.js";
+import { O as w } from "./OverlayContextProvider-DJzKzUwy.js";
+import { H as E } from "./Header-UWuteUuZ.js";
 import { A as O } from "./Action-B9iiMUXq.js";
 import { B as h } from "./Button-CVDWL-od.js";
 import "@tabler/icons-react";
 import "./Icon-CUhvR1IT.js";
 import { I as M } from "./IconClose-BHf4btna.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 = {
+const x = "flow--modal", z = "flow--modal--off-canvas", P = "flow--modal--header", T = "flow--modal--content", B = "flow--modal--action-group", A = "flow--modal--close-button", e = {
   modal: x,
   offCanvas: z,
-  content: P,
-  actionGroup: T,
+  header: P,
+  content: T,
+  actionGroup: B,
   "size-s": "flow--modal--size-s",
   "size-m": "flow--modal--size-m",
   "modal-zoom": "flow--modal--modal-zoom",
-  header: B,
   "modal-slide-in": "flow--modal--modal-slide-in",
   "modal-slide-up": "flow--modal--modal-slide-up",
-  closeButton: I
-}, b = "flow--modal-overlay--overlay", A = {
-  overlay: b,
+  closeButton: A
+}, G = "flow--modal-overlay--overlay", I = {
+  overlay: G,
   "overlay-fade": "flow--modal-overlay--overlay-fade"
-}, F = (l) => {
+}, D = (t) => {
   const {
     controller: r,
-    children: e,
+    children: l,
     isDismissable: s = !0,
     className: m
-  } = l, f = C("Modal", {
+  } = t, p = g("Modal", {
     reuseControllerFromContext: !0
-  }), a = r ?? f, c = a.useIsOpen(), i = u(A.overlay, m);
+  }), a = r ?? p, c = a.useIsOpen(), i = f(I.overlay, m);
   return /* @__PURE__ */ o.createElement(
     n.ModalOverlay,
     {
@@ -51,24 +51,24 @@ const x = "flow--modal", z = "flow--modal--off-canvas", P = "flow--modal--conten
       isOpen: c,
       onOpenChange: (d) => a.setOpen(d)
     },
-    /* @__PURE__ */ o.createElement(n.Modal, null, /* @__PURE__ */ o.createElement(n.Dialog, null, /* @__PURE__ */ o.createElement(E, { type: "Modal", controller: a }, e)))
+    /* @__PURE__ */ o.createElement(n.Modal, null, /* @__PURE__ */ o.createElement(n.Dialog, null, /* @__PURE__ */ o.createElement(w, { type: "Modal", controller: a }, l)))
   );
-}, Z = g("Modal", (l) => {
+}, Z = C("Modal", (t) => {
   const {
     size: r = "s",
-    offCanvas: e,
+    offCanvas: l,
     controller: s,
     children: m,
-    refProp: f,
+    refProp: p,
     className: a,
     ...c
-  } = l, i = u(
-    e ? t.offCanvas : t.modal,
-    t[`size-${r}`],
+  } = t, i = f(
+    l ? e.offCanvas : e.modal,
+    e[`size-${r}`],
     a
   ), d = {
     Content: {
-      elementType: o.Fragment
+      className: e.content
     },
     Heading: {
       level: 2,
@@ -76,26 +76,25 @@ const x = "flow--modal", z = "flow--modal--off-canvas", P = "flow--modal--conten
       tunnelId: "heading"
     },
     ActionGroup: {
-      className: t.actionGroup,
-      tunnelId: "buttons"
+      className: e.actionGroup
     }
   };
-  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(
+  return /* @__PURE__ */ o.createElement(D, { className: i, controller: s, ...c }, /* @__PURE__ */ o.createElement(u, { props: d }, /* @__PURE__ */ o.createElement(v, null, /* @__PURE__ */ o.createElement(E, { className: e.header }, /* @__PURE__ */ o.createElement(y, { id: "heading" }), l && /* @__PURE__ */ o.createElement(O, { closeOverlay: "Modal" }, /* @__PURE__ */ o.createElement(
     h,
     {
       variant: "plain",
       color: "secondary",
-      className: t.closeButton
+      className: e.closeButton
     },
     /* @__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;
+  ))), m)));
+}), _ = (t) => {
+  const { children: r, ...l } = t;
   return /* @__PURE__ */ o.createElement(
     N,
     {
       overlayType: "Modal",
-      ...e,
+      ...l,
       component: n.DialogTrigger
     },
     r