@mittwald/flow-react-components 0.2.0-alpha.23 → 0.2.0-alpha.25

package/dist/js/MenuTrigger-B6S1um5d.js

@@ -0,0 +1,8 @@
+"use client"
+/* */
+import { jsx as e } from "react/jsx-runtime";
+import * as o from "react-aria-components";
+const t = (r) => /* @__PURE__ */ e(o.MenuTrigger, { ...r });
+export {
+  t as M
+};

package/dist/js/Modal.js

@@ -1,47 +1,51 @@
 "use client"
 /* */
-import { jsx as a, jsxs as s } from "react/jsx-runtime";
-import "react";
-import g from "clsx";
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { useContext as g } from "react";
+import w from "clsx";
 import "./propsContext-DzAKlmhS.js";
 import { PropsContextProvider as h } from "./PropsContextProvider.js";
 import { TunnelProvider as u, TunnelExit as v } from "@mittwald/react-tunnel";
-import { f as w } from "./flowComponent-B8dC8eRj.js";
-import { O as C } from "./Overlay-B5crcN0U.js";
-import { H as z } from "./Header-6rzaR_ZQ.js";
-import { A as x } from "./Action-C1Tw5pqL.js";
-import { B as y } from "./Button-WawPguWq.js";
+import { f as C } from "./flowComponent-B8dC8eRj.js";
+import { O as x } from "./OverlayContent-BWbB9vpK.js";
+import "react-aria-components";
+import { A as z } from "./Action-C1Tw5pqL.js";
 import "@tabler/icons-react";
-import "./viewComponentContext-HXEKmx_D.js";
+import { v as y } from "./viewComponentContext-HXEKmx_D.js";
 import { I as N } from "./IconClose-B4zJVugN.js";
-import * as O from "react-aria-components";
+import { H } from "./Header-6rzaR_ZQ.js";
+import { B as O } from "./ButtonView-inzXKZFE.js";
 import { O as T } from "./OverlayTrigger-lqEEBZnu.js";
-const M = "flow--modal", P = "flow--modal--off-canvas", A = "flow--modal--header", G = "flow--modal--content", H = "flow--modal--action-group", B = "flow--modal--left", o = {
-  modal: M,
-  offCanvas: P,
-  header: A,
-  content: G,
-  actionGroup: H,
+import { D as M } from "./DialogTriggerView-L7WD5ojU.js";
+const P = "flow--modal", G = "flow--modal--off-canvas", V = "flow--modal--header", A = "flow--modal--content", B = "flow--modal--action-group", I = "flow--modal--left", o = {
+  modal: P,
+  offCanvas: G,
+  header: V,
+  content: A,
+  actionGroup: B,
   "size-s": "flow--modal--size-s",
   "size-m": "flow--modal--size-m",
   "modal-zoom": "flow--modal--modal-zoom",
   "modal-slide-in-from-right": "flow--modal--modal-slide-in-from-right",
-  left: B,
+  left: I,
   "modal-slide-in-from-left": "flow--modal--modal-slide-in-from-left",
   "modal-slide-up": "flow--modal--modal-slide-up"
-}, U = w(
+}, j = (a) => {
+  const r = g(y).Header ?? H;
+  return /* @__PURE__ */ e(r, { ...a });
+}, Z = C(
   "Modal",
-  (l) => {
+  (a) => {
     const {
       size: r = "s",
       offCanvas: t,
-      controller: e,
-      children: n,
+      controller: l,
+      children: s,
       ref: i,
       className: m,
       offCanvasOrientation: d = "right",
       ...f
-    } = l, c = g(
+    } = a, c = w(
       t ? o.offCanvas : o.modal,
       o[`size-${r}`],
       o[d],
@@ -65,46 +69,46 @@ const M = "flow--modal", P = "flow--modal--off-canvas", A = "flow--modal--header
         spacing: "m"
       }
     };
-    return /* @__PURE__ */ a(
-      C,
+    return /* @__PURE__ */ e(
+      x,
       {
         className: c,
-        controller: e,
+        controller: l,
         ref: i,
         ...f,
-        children: /* @__PURE__ */ a(h, { props: p, children: /* @__PURE__ */ s(u, { children: [
-          /* @__PURE__ */ s(z, { className: o.header, children: [
-            /* @__PURE__ */ a(v, { id: "heading" }),
-            /* @__PURE__ */ a(x, { closeOverlay: "Modal", children: /* @__PURE__ */ a(
-              y,
+        children: /* @__PURE__ */ e(h, { props: p, children: /* @__PURE__ */ n(u, { children: [
+          /* @__PURE__ */ n(j, { className: o.header, children: [
+            /* @__PURE__ */ e(v, { id: "heading" }),
+            /* @__PURE__ */ e(z, { closeOverlay: "Modal", children: /* @__PURE__ */ e(
+              O,
               {
                 variant: "plain",
                 color: "secondary",
                 className: o.closeButton,
-                onPress: e == null ? void 0 : e.close,
-                children: /* @__PURE__ */ a(N, {})
+                onPress: l == null ? void 0 : l.close,
+                children: /* @__PURE__ */ e(N, {})
               }
             ) })
           ] }),
-          n
+          s
         ] }) })
       }
     );
   }
-), V = (l) => {
-  const { children: r, ...t } = l;
-  return /* @__PURE__ */ a(
+), _ = (a) => {
+  const { children: r, ...t } = a;
+  return /* @__PURE__ */ e(
     T,
     {
       overlayType: "Modal",
       ...t,
-      component: O.DialogTrigger,
+      component: M,
       children: r
     }
   );
 };
 export {
-  U as Modal,
-  V as ModalTrigger,
-  U as default
+  Z as Modal,
+  _ as ModalTrigger,
+  Z as default
 };

package/dist/js/Overlay.js

@@ -0,0 +1,9 @@
+"use client"
+/* */
+import { O as r } from "./OverlayContent-BWbB9vpK.js";
+import { a as t } from "./OverlayContent-BWbB9vpK.js";
+export {
+  r as Overlay,
+  t as OverlayContent,
+  r as default
+};

package/dist/js/OverlayContent-BWbB9vpK.js

@@ -0,0 +1,47 @@
+"use client"
+/* */
+import { jsx as o } from "react/jsx-runtime";
+import { useContext as C } from "react";
+import O from "clsx";
+import "mobx";
+import { u as d } from "./useOverlayController-BwSJj4Ly.js";
+import { O as f } from "./OverlayContextProvider-B7EDTT1X.js";
+import "./context-BaYmTa0I.js";
+import { v as u } from "./viewComponentContext-HXEKmx_D.js";
+import * as n from "react-aria-components";
+const x = "flow--overlay", h = {
+  overlay: x,
+  "overlay-fade": "flow--overlay--overlay-fade"
+}, w = (r) => {
+  const e = C(u).OverlayContent ?? M;
+  return /* @__PURE__ */ o(e, { ...r });
+}, A = (r) => {
+  const {
+    controller: e,
+    children: t,
+    isDismissable: s = !0,
+    className: a,
+    overlayType: c = "Modal",
+    ref: i
+  } = r, m = d(c, {
+    reuseControllerFromContext: !0
+  }), l = e ?? m, p = l.useIsOpen(), v = O(h.overlay, a);
+  return /* @__PURE__ */ o(
+    w,
+    {
+      onOpenChange: (y) => l.setOpen(y),
+      isOpen: p,
+      ref: i,
+      isDismissable: s,
+      className: v,
+      children: /* @__PURE__ */ o(f, { type: "Modal", controller: l, children: t })
+    }
+  );
+}, M = (r) => {
+  const { children: e, ...t } = r;
+  return /* @__PURE__ */ o(n.ModalOverlay, { ...t, children: /* @__PURE__ */ o(n.Modal, { children: /* @__PURE__ */ o(n.Dialog, { children: e }) }) });
+};
+export {
+  A as O,
+  M as a
+};

package/dist/js/OverlayTrigger.js

@@ -0,0 +1,11 @@
+"use client"
+/* */
+import { O as e } from "./OverlayTrigger-lqEEBZnu.js";
+import { D as g } from "./DialogTrigger-BQe3ovfI.js";
+import { M as t } from "./MenuTrigger-B6S1um5d.js";
+export {
+  g as DialogTrigger,
+  t as MenuTrigger,
+  e as OverlayTrigger,
+  e as default
+};

package/dist/js/Popover-Ck5nKNR3.js

@@ -0,0 +1,92 @@
+"use client"
+/* */
+import { jsxs as h, jsx as o } from "react/jsx-runtime";
+import { useContext as w } from "react";
+import C from "clsx";
+import "mobx";
+import { u as P } from "./useOverlayController-BwSJj4Ly.js";
+import { f as O } from "./flowComponent-B8dC8eRj.js";
+import { O as g } from "./OverlayContextProvider-B7EDTT1X.js";
+import "./context-BaYmTa0I.js";
+import "./propsContext-DzAKlmhS.js";
+import "@react-aria/utils";
+import "remeda";
+import "dot-prop";
+import * as f from "react-aria-components";
+import "@mittwald/react-tunnel";
+import { v as u } from "./viewComponentContext-HXEKmx_D.js";
+const x = "flow--popover", y = "flow--popover--content", N = "flow--popover--tip", p = {
+  popover: x,
+  content: y,
+  "padding-s": "flow--popover--padding-s",
+  tip: N,
+  "popover-slide": "flow--popover--popover-slide"
+}, D = (e) => {
+  const {
+    children: t,
+    className: s,
+    isDialogContent: i = !1,
+    withTip: l,
+    onOpenChange: a,
+    ref: c,
+    isOpen: m,
+    width: r,
+    padding: n = "m",
+    ...v
+  } = e, d = i ? f.Dialog : "div";
+  return /* @__PURE__ */ h(
+    f.Popover,
+    {
+      ...v,
+      className: s,
+      containerPadding: 16,
+      ref: c,
+      isOpen: m,
+      onOpenChange: a,
+      style: { width: r },
+      children: [
+        l && /* @__PURE__ */ o(f.OverlayArrow, { className: p.tip, children: /* @__PURE__ */ o("svg", { width: 16, height: 16, viewBox: "0 0 16 16", children: /* @__PURE__ */ o("path", { d: "M0 0 L8 8 L16 0" }) }) }),
+        /* @__PURE__ */ o(
+          d,
+          {
+            className: C(
+              p.content,
+              n && p[`padding-${n}`]
+            ),
+            children: t
+          }
+        )
+      ]
+    }
+  );
+}, F = (e) => {
+  const t = w(u).PopoverContent ?? D;
+  return /* @__PURE__ */ o(t, { ...e });
+}, G = O("Popover", (e) => {
+  const {
+    children: t,
+    className: s,
+    controller: i,
+    defaultOpen: l = !1,
+    ref: a,
+    ...c
+  } = e, m = P("Popover", {
+    reuseControllerFromContext: !0,
+    isDefaultOpen: l
+  }), r = i ?? m, n = r.useIsOpen(), v = C(p.popover, s);
+  return /* @__PURE__ */ o(
+    F,
+    {
+      ...c,
+      className: v,
+      isOpen: n,
+      onOpenChange: (d) => r.setOpen(d),
+      ref: a,
+      children: /* @__PURE__ */ o(g, { type: "Popover", controller: r, children: t })
+    }
+  );
+});
+export {
+  G as P,
+  D as a
+};

package/dist/js/Popover.js

@@ -1,25 +1,28 @@
 "use client"
 /* */
 import { jsx as p } from "react/jsx-runtime";
-import * as i from "react-aria-components";
 import "react";
 import { O as t } from "./OverlayTrigger-lqEEBZnu.js";
-import { f as m } from "./flowComponent-B8dC8eRj.js";
-import { P as l } from "./Popover-C8jwukE3.js";
-const v = m("PopoverTrigger", (r) => {
-  const { children: o, ...e } = r;
+import "react-aria-components";
+import { f as i } from "./flowComponent-B8dC8eRj.js";
+import { D as m } from "./DialogTriggerView-L7WD5ojU.js";
+import { P as l } from "./Popover-Ck5nKNR3.js";
+import { a as y } from "./Popover-Ck5nKNR3.js";
+const T = i("PopoverTrigger", (o) => {
+  const { children: r, ...e } = o;
   return /* @__PURE__ */ p(
     t,
     {
       overlayType: "Popover",
       ...e,
-      component: i.DialogTrigger,
-      children: o
+      component: m,
+      children: r
     }
   );
 });
 export {
   l as Popover,
-  v as PopoverTrigger,
+  y as PopoverContent,
+  T as PopoverTrigger,
   l as default
 };

package/dist/js/Select.js

@@ -19,7 +19,7 @@ import "remeda";
 import "dot-prop";
 import "./context-BaYmTa0I.js";
 import { TunnelProvider as R, TunnelExit as k } from "@mittwald/react-tunnel";
-import { P as y } from "./Popover-C8jwukE3.js";
+import { P as y } from "./Popover-Ck5nKNR3.js";
 import { O as f } from "./OverlayContextProvider-B7EDTT1X.js";
 import { useLocalizedStringFormatter as D } from "react-aria";
 const O = "flow--select", H = "flow--select--toggle", h = {

package/dist/js/Tabs.js

@@ -7,7 +7,7 @@ import u from "clsx";
 import { TunnelExit as C, TunnelProvider as A, TunnelEntry as f } from "@mittwald/react-tunnel";
 import { f as B } from "./flowComponent-B8dC8eRj.js";
 import { useCallbackRef as E } from "use-callback-ref";
-import { a as K, C as L } from "./ContextMenuTrigger-BSYZFdGB.js";
+import { a as K, C as L } from "./ContextMenuContent-N8Co_64N.js";
 import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";
 import "remeda";