@mittwald/flow-react-components 0.1.0-alpha.236 → 0.1.0-alpha.238

package/dist/Modal.js

@@ -1,71 +1,75 @@
 "use client"
 /* */
 import o from "react";
-import f from "clsx";
+import p from "clsx";
 import "./propsContext-DzAKlmhS.js";
-import { P as u } from "./PropsContextProvider-C6Z4XGp6.js";
+import { P as v } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
-import { TunnelProvider as v, TunnelExit as y } from "@mittwald/react-tunnel";
+import { TunnelProvider as y, TunnelExit as g } from "@mittwald/react-tunnel";
 import { f as C } from "./flowComponent-DT1Ap-ot.js";
 import * as n from "react-aria-components";
 import "mobx";
-import { u as g } from "./useOverlayController-D8pgx8nV.js";
-import { O as w, a as E } from "./OverlayTrigger-bD8_mPel.js";
+import { u as w } from "./useOverlayController-D8pgx8nV.js";
+import { O as E, a as h } from "./OverlayTrigger-bD8_mPel.js";
 import { H as O } from "./Header-BC3V_ugP.js";
-import { A as h } from "./Action-B6lMX6do.js";
-import { B as M } from "./Button-DPF2xiJl.js";
+import { A as M } from "./Action-B6lMX6do.js";
+import { B as N } from "./Button-DPF2xiJl.js";
 import "@tabler/icons-react";
 import "./Icon-0QYDidQk.js";
-import { I as N } from "./IconClose-gMf32kww.js";
-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,
-  header: P,
-  content: T,
-  actionGroup: B,
+import { I as x } from "./IconClose-gMf32kww.js";
+const z = "flow--modal", P = "flow--modal--off-canvas", T = "flow--modal--header", B = "flow--modal--content", A = "flow--modal--action-group", G = "flow--modal--left", I = "flow--modal--close-button", e = {
+  modal: z,
+  offCanvas: P,
+  header: T,
+  content: B,
+  actionGroup: A,
   "size-s": "flow--modal--size-s",
   "size-m": "flow--modal--size-m",
   "modal-zoom": "flow--modal--modal-zoom",
-  "modal-slide-in": "flow--modal--modal-slide-in",
+  "modal-slide-in-from-right": "flow--modal--modal-slide-in-from-right",
+  left: G,
+  "modal-slide-in-from-left": "flow--modal--modal-slide-in-from-left",
   "modal-slide-up": "flow--modal--modal-slide-up",
-  closeButton: A
-}, G = "flow--modal-overlay--overlay", I = {
-  overlay: G,
+  closeButton: I
+}, D = "flow--modal-overlay--overlay", F = {
+  overlay: D,
   "overlay-fade": "flow--modal-overlay--overlay-fade"
-}, D = (t) => {
+}, H = (t) => {
   const {
-    controller: a,
+    controller: r,
     children: l,
     isDismissable: s = !0,
     className: m
-  } = t, p = g("Modal", {
+  } = t, f = w("Modal", {
     reuseControllerFromContext: !0
-  }), r = a ?? p, c = r.useIsOpen(), i = f(I.overlay, m);
+  }), a = r ?? f, c = a.useIsOpen(), i = p(F.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(w, { type: "Modal", controller: r }, l)))
+    /* @__PURE__ */ o.createElement(n.Modal, null, /* @__PURE__ */ o.createElement(n.Dialog, null, /* @__PURE__ */ o.createElement(E, { type: "Modal", controller: a }, l)))
   );
-}, Y = C("Modal", (t) => {
+}, _ = C("Modal", (t) => {
   const {
-    size: a = "s",
+    size: r = "s",
     offCanvas: l,
     controller: s,
     children: m,
-    refProp: p,
-    className: r,
-    ...c
-  } = t, i = f(
+    refProp: f,
+    className: a,
+    offCanvasOrientation: c = "right",
+    ...i
+  } = t, d = p(
     l ? e.offCanvas : e.modal,
-    e[`size-${a}`],
-    r
-  ), d = {
+    e[`size-${r}`],
+    e[c],
+    a
+  ), u = {
     Content: {
       className: e.content
     },
@@ -78,29 +82,29 @@ const x = "flow--modal", z = "flow--modal--off-canvas", P = "flow--modal--header
       className: e.actionGroup
     }
   };
-  return /* @__PURE__ */ o.createElement(D, { className: i, controller: s, ...c }, /* @__PURE__ */ o.createElement(u, { props: d }, /* @__PURE__ */ o.createElement(v, null, /* @__PURE__ */ o.createElement(O, { className: e.header }, /* @__PURE__ */ o.createElement(y, { id: "heading" }), l && /* @__PURE__ */ o.createElement(h, { closeOverlay: "Modal" }, /* @__PURE__ */ o.createElement(
-    M,
+  return /* @__PURE__ */ o.createElement(H, { className: d, controller: s, ...i }, /* @__PURE__ */ o.createElement(v, { props: u }, /* @__PURE__ */ o.createElement(y, null, /* @__PURE__ */ o.createElement(O, { className: e.header }, /* @__PURE__ */ o.createElement(g, { id: "heading" }), l && /* @__PURE__ */ o.createElement(M, { closeOverlay: "Modal" }, /* @__PURE__ */ o.createElement(
+    N,
     {
       variant: "plain",
       color: "secondary",
       className: e.closeButton
     },
-    /* @__PURE__ */ o.createElement(N, null)
+    /* @__PURE__ */ o.createElement(x, null)
   ))), m)));
-}), Z = (t) => {
-  const { children: a, ...l } = t;
+}), oo = (t) => {
+  const { children: r, ...l } = t;
   return /* @__PURE__ */ o.createElement(
-    E,
+    h,
     {
       overlayType: "Modal",
       ...l,
       component: n.DialogTrigger
     },
-    a
+    r
   );
 };
 export {
-  Y as Modal,
-  Z as ModalTrigger,
-  Y as default
+  _ as Modal,
+  oo as ModalTrigger,
+  _ as default
 };