@mittwald/flow-react-components 0.2.0-alpha.26 → 0.2.0-alpha.27

package/dist/js/{LoadingSpinner-Bi3wJJYc.js → LoadingSpinner-CLdEsHVt.js}

@@ -9,9 +9,9 @@ import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
 import "@mittwald/react-tunnel";
-import "./flowComponent-B8dC8eRj.js";
+import "./flowComponent--S4z-7r_.js";
 import "./viewComponentContext-HXEKmx_D.js";
-import { I as p } from "./IconPending-DtrOmfTQ.js";
+import { I as p } from "./IconPending-BMtWE5DF.js";
 const m = "flow--loading-spinner", a = "flow--loading-spinner--spin", e = {
   loadingSpinner: m,
   spin: a

package/dist/js/LoadingSpinner.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { L as o } from "./LoadingSpinner-Bi3wJJYc.js";
+import { L as o } from "./LoadingSpinner-CLdEsHVt.js";
 export {
   o as LoadingSpinner,
   o as default

package/dist/js/Markdown.js

@@ -3,16 +3,16 @@
 import { jsx as r } from "react/jsx-runtime";
 import { Children as p, isValidElement as t } from "react";
 import f from "react-markdown";
-import { L as g } from "./Link-CgqjxAXS.js";
-import { T as i } from "./Text-CW_CzcoD.js";
+import { L as g } from "./Link-Bi5EK_xM.js";
+import { T as i } from "./Text-CIEzKaxJ.js";
 import { I as u } from "./InlineCode-BSVDNulO.js";
-import { H as a } from "./Heading-CAK54nAl.js";
+import { H as a } from "./Heading-CxJ8-gg1.js";
 import { S as k } from "./Separator-DAT0Va4d.js";
-import { C as N } from "./CodeBlock-DyPUKUfC.js";
+import { C as N } from "./CodeBlock-CIe3HE6_.js";
 const w = "flow--markdown", l = {
   markdown: w
-}, I = (s) => {
-  const { children: h, color: c = "default", ...m } = s, o = c === "default" ? "primary" : c, d = c === "default" ? void 0 : c;
+}, H = (h) => {
+  const { children: s, color: c = "default", ...m } = h, o = c === "default" ? "primary" : c, d = c === "default" ? void 0 : c;
   return /* @__PURE__ */ r(
     f,
     {
@@ -45,14 +45,15 @@ const w = "flow--markdown", l = {
           );
         },
         ul: (e) => /* @__PURE__ */ r(i, { color: d, children: /* @__PURE__ */ r("ul", { children: e.children }) }),
-        ol: (e) => /* @__PURE__ */ r(i, { color: d, children: /* @__PURE__ */ r("ol", { children: e.children }) })
+        ol: (e) => /* @__PURE__ */ r(i, { color: d, children: /* @__PURE__ */ r("ol", { children: e.children }) }),
+        blockquote: (e) => /* @__PURE__ */ r(i, { color: d, children: /* @__PURE__ */ r("blockquote", { children: e.children }) })
       },
       className: l.markdown,
-      children: h
+      children: s
     }
   );
 };
 export {
-  I as Markdown,
-  I as default
+  H as Markdown,
+  H as default
 };

package/dist/js/MenuItem-DuSDaivo.js

@@ -0,0 +1,58 @@
+"use client"
+/* */
+import { jsxs as u, Fragment as f, jsx as o } from "react/jsx-runtime";
+import "react";
+import * as h from "react-aria-components";
+import a from "clsx";
+import "./propsContext-DzAKlmhS.js";
+import { PropsContextProvider as p } from "./PropsContextProvider.js";
+import "@tabler/icons-react";
+import "@mittwald/react-tunnel";
+import { f as d } from "./flowComponent--S4z-7r_.js";
+import "@react-aria/utils";
+import "remeda";
+import "./viewComponentContext-HXEKmx_D.js";
+import { I as w, a as x } from "./IconCheckboxEmpty-CdHWDs3V.js";
+import { I as C, a as N } from "./IconRadioOn-DtJlH5uD.js";
+import { S as I } from "./Switch-DGEFjK19.js";
+const v = "flow--menu-item", M = "flow--menu-item--icon", S = "flow--menu-item--control-icon", g = "flow--menu-item--avatar", t = {
+  menuItem: v,
+  switch: "flow--menu-item--switch",
+  icon: M,
+  controlIcon: S,
+  avatar: g
+}, y = (s) => {
+  const {
+    selectionMode: e,
+    isSelected: n,
+    selectionVariant: c = "control",
+    children: r
+  } = s, i = {
+    Icon: {
+      className: t.icon
+    },
+    Text: {
+      className: t.text
+    },
+    Avatar: {
+      className: t.avatar
+    }
+  }, m = {
+    Icon: {
+      className: a(t.controlIcon, t.icon)
+    },
+    Switch: {
+      className: a(t.controlIcon, t.switch)
+    }
+  };
+  return /* @__PURE__ */ u(f, { children: [
+    /* @__PURE__ */ o(p, { props: m, children: e === "none" || c === "navigation" ? null : c === "switch" && n ? /* @__PURE__ */ o(I, { isReadOnly: !0, isSelected: !0 }) : c === "switch" && !n ? /* @__PURE__ */ o(I, { isReadOnly: !0 }) : e === "single" && n ? /* @__PURE__ */ o(C, {}) : e === "single" && !n ? /* @__PURE__ */ o(N, {}) : e === "multiple" && n ? /* @__PURE__ */ o(w, {}) : /* @__PURE__ */ o(x, {}) }),
+    /* @__PURE__ */ o(p, { props: i, children: r })
+  ] });
+}, D = d("MenuItem", (s) => {
+  const { children: e, className: n, selectionVariant: c, ref: r, ...i } = s, m = a(t.menuItem, n);
+  return /* @__PURE__ */ o(h.MenuItem, { ...i, className: m, ref: r, children: (l) => /* @__PURE__ */ o(y, { ...l, selectionVariant: c, children: e }) });
+});
+export {
+  D as M
+};

package/dist/js/MenuItem.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { M as t } from "./MenuItem-BGGLM0sj.js";
+import { M as t } from "./MenuItem-DuSDaivo.js";
 export {
   t as MenuItem,
   t as default

package/dist/js/Message.js

@@ -7,11 +7,11 @@ import "@tabler/icons-react";
 import "./propsContext-DzAKlmhS.js";
 import { PropsContextProvider as l } from "./PropsContextProvider.js";
 import "@mittwald/react-tunnel";
-import "./flowComponent-B8dC8eRj.js";
+import "./flowComponent--S4z-7r_.js";
 import "@react-aria/utils";
 import "remeda";
 import "./viewComponentContext-HXEKmx_D.js";
-import { I as p } from "./IconContextMenu-DnwSrGtk.js";
+import { I as p } from "./IconContextMenu-Ddfi5ZZF.js";
 const d = "flow--message", g = "flow--message--content", f = "flow--message--responder", h = "flow--message--header", u = "flow--message--user", N = "flow--message--date", w = "flow--message--action", x = "flow--message--right", e = {
   message: d,
   content: g,

package/dist/js/Modal.js

@@ -6,15 +6,15 @@ 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 C } from "./flowComponent-B8dC8eRj.js";
+import { f as C } from "./flowComponent--S4z-7r_.js";
 import { O as x } from "./OverlayContent-BWbB9vpK.js";
 import "react-aria-components";
-import { A as z } from "./Action-C1Tw5pqL.js";
+import { A as z } from "./Action-DfWvHbWy.js";
 import "@tabler/icons-react";
 import { v as y } from "./viewComponentContext-HXEKmx_D.js";
-import { I as N } from "./IconClose-B4zJVugN.js";
-import { H } from "./Header-6rzaR_ZQ.js";
-import { B as O } from "./ButtonView-inzXKZFE.js";
+import { I as N } from "./IconClose-DE2OkcZ3.js";
+import { H } from "./Header-CKEomWir.js";
+import { B as O } from "./ButtonView-9JIUBb3-.js";
 import { O as T } from "./OverlayTrigger-lqEEBZnu.js";
 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 = {

package/dist/js/Navigation.js

@@ -1,76 +1,77 @@
 "use client"
 /* */
-import { jsx as n, jsxs as g } from "react/jsx-runtime";
+import { jsx as n, jsxs as m } from "react/jsx-runtime";
 import { useId as f } from "react";
 import v from "clsx";
-import { W as h } from "./Wrap-DGT1h1o3.js";
 import "./propsContext-DzAKlmhS.js";
-import { PropsContextProvider as l } from "./PropsContextProvider.js";
-import { d as x } from "./deepHas-KHS5X1F_.js";
-import { TunnelProvider as u, TunnelExit as m } from "@mittwald/react-tunnel";
-import { A as b } from "./Accordion-ehDuiU7W.js";
-import { C as w } from "./Content-mlearvuR.js";
-const N = "flow--navigation", C = "flow--navigation--item", I = "flow--navigation--icon", P = "flow--navigation--text", k = "flow--navigation--control-icon", G = "flow--navigation--avatar", r = {
-  navigation: N,
-  item: C,
+import { PropsContextProvider as i } from "./PropsContextProvider.js";
+import { TunnelExit as r, TunnelProvider as u } from "@mittwald/react-tunnel";
+import { A as h } from "./Accordion-Dpj1oFzd.js";
+import { C as x } from "./Content-VZW7wYH0.js";
+const b = "flow--navigation", N = "flow--navigation--item", w = "flow--navigation--icon", C = "flow--navigation--control-icon", I = "flow--navigation--avatar", e = {
+  navigation: b,
+  item: N,
   switch: "flow--navigation--switch",
-  icon: I,
-  text: P,
-  controlIcon: k,
-  avatar: G
-}, J = (s) => {
-  const { className: o, children: t, ...a } = s, c = v(r.navigation, o), e = x(t, W), i = {
+  icon: w,
+  controlIcon: C,
+  avatar: I
+}, q = (l) => {
+  const { className: o, children: s, ...t } = l, c = v(e.navigation, o), a = {
     Link: {
       wrapWith: /* @__PURE__ */ n("li", {}),
-      className: r.item,
+      className: e.item,
       unstyled: !0,
       Text: {
-        className: r.text
+        className: e.text
       },
       Icon: {
-        className: r.icon
-      }
+        className: e.icon
+      },
+      tunnelId: "links"
     }
   };
-  return /* @__PURE__ */ n("nav", { className: c, role: "navigation", ...a, children: /* @__PURE__ */ n(l, { props: i, mergeInParentContext: !0, children: /* @__PURE__ */ n(h, { if: !e, children: /* @__PURE__ */ n("ul", { children: t }) }) }) });
-}, y = "flow--navigation--navigation-group", L = "flow--navigation--navigation-group--collapsable", T = "flow--navigation--navigation-group--label", d = {
-  navigationGroup: y,
-  collapsable: L,
-  label: T
-}, W = (s) => {
-  const { children: o, className: t, collapsable: a, ...c } = s, e = v(
+  return /* @__PURE__ */ n("nav", { className: c, role: "navigation", ...t, children: /* @__PURE__ */ m(i, { props: a, mergeInParentContext: !0, children: [
+    /* @__PURE__ */ n("ul", { children: /* @__PURE__ */ n(r, { id: "links" }) }),
+    s
+  ] }) });
+}, P = "flow--navigation--navigation-group", k = "flow--navigation--navigation-group--collapsable", L = "flow--navigation--navigation-group--label", d = {
+  navigationGroup: P,
+  collapsable: k,
+  label: L
+}, z = (l) => {
+  const { children: o, className: s, collapsable: t, ...c } = l, a = v(
     d.navigationGroup,
-    a && d.collapsable,
-    t
-  ), i = f(), p = {
+    t && d.collapsable,
+    s
+  ), g = f(), p = {
     Label: {
-      id: i,
+      id: g,
       className: d.label,
       "aria-hidden": !0
     },
     Link: {
-      tunnelId: "links"
+      tunnelId: "groupLinks"
     }
   };
-  return a ? /* @__PURE__ */ n(l, { mergeInParentContext: !0, props: p, children: /* @__PURE__ */ n(u, { children: /* @__PURE__ */ g(b, { defaultExpanded: !0, className: e, children: [
+  return t ? /* @__PURE__ */ n(i, { mergeInParentContext: !0, props: p, children: /* @__PURE__ */ n(u, { children: /* @__PURE__ */ m(h, { defaultExpanded: !0, className: a, children: [
     o,
-    /* @__PURE__ */ n(w, { clearPropsContext: !1, children: /* @__PURE__ */ n("ul", { children: /* @__PURE__ */ n(m, { id: "links" }) }) })
-  ] }) }) }) : /* @__PURE__ */ n(l, { mergeInParentContext: !0, props: p, children: /* @__PURE__ */ n(u, { children: /* @__PURE__ */ n(
+    /* @__PURE__ */ n(x, { clearPropsContext: !1, children: /* @__PURE__ */ n("ul", { children: /* @__PURE__ */ n(r, { id: "groupLinks" }) }) })
+  ] }) }) }) : /* @__PURE__ */ n(i, { mergeInParentContext: !0, props: p, children: /* @__PURE__ */ n(u, { children: /* @__PURE__ */ n(
     "section",
     {
-      "aria-labelledby": i,
-      className: e,
+      "aria-labelledby": g,
+      className: a,
       ...c,
-      children: /* @__PURE__ */ g(l, { mergeInParentContext: !0, props: p, children: [
+      children: /* @__PURE__ */ m(i, { mergeInParentContext: !0, props: p, children: [
         o,
-        /* @__PURE__ */ n(m, { id: "Label" }),
-        /* @__PURE__ */ n("ul", { children: /* @__PURE__ */ n(m, { id: "links" }) })
+        /* @__PURE__ */ n(r, { id: "Label" }),
+        /* @__PURE__ */ n("ul", { children: /* @__PURE__ */ n(r, { id: "groupLinks" }) })
       ] })
     }
   ) }) });
 };
 export {
-  J as Navigation,
-  W as NavigationGroup,
-  J as default
+  q as Navigation,
+  z as NavigationGroup,
+  q as default
 };

package/dist/js/Notification.js

@@ -6,16 +6,16 @@ import u from "clsx";
 import "./propsContext-DzAKlmhS.js";
 import { PropsContextProvider as x } from "./PropsContextProvider.js";
 import { d as k } from "./dynamic-ClpUSmEt.js";
-import { A as C } from "./AlertIcon-zxc_IFxt.js";
-import { L as N } from "./Link-CgqjxAXS.js";
-import { B as L } from "./Button-WawPguWq.js";
+import { A as C } from "./AlertIcon-DLNwOcjK.js";
+import { L as N } from "./Link-Bi5EK_xM.js";
+import { B as L } from "./Button-CpidnrB2.js";
 import "@tabler/icons-react";
 import "@mittwald/react-tunnel";
-import "./flowComponent-B8dC8eRj.js";
+import "./flowComponent--S4z-7r_.js";
 import "@react-aria/utils";
 import "remeda";
 import "./viewComponentContext-HXEKmx_D.js";
-import { I as v } from "./IconClose-B4zJVugN.js";
+import { I as v } from "./IconClose-DE2OkcZ3.js";
 const y = "flow--notification", P = "flow--notification--link", A = "flow--notification--heading", B = "flow--notification--text", I = "flow--notification--close", j = "flow--notification--info", z = "flow--notification--has-link", F = "flow--notification--warning", H = "flow--notification--danger", T = "flow--notification--success", o = {
   notification: y,
   link: P,

package/dist/js/NotificationProvider.js

@@ -1,12 +1,12 @@
 "use client"
 /* */
-var w = Object.defineProperty;
-var A = (o, t, i) => t in o ? w(o, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : o[t] = i;
-var n = (o, t, i) => A(o, typeof t != "symbol" ? t + "" : t, i);
-import { jsx as s, jsxs as C } from "react/jsx-runtime";
+var C = Object.defineProperty;
+var w = (o, t, e) => t in o ? C(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var n = (o, t, e) => w(o, typeof t != "symbol" ? t + "" : t, e);
+import { jsx as s, jsxs as A } from "react/jsx-runtime";
 import { useRef as D, cloneElement as v, Suspense as N, createContext as x, useContext as g } from "react";
 import { u as b } from "./useSelector-DpU7_HMO.js";
-import { makeObservable as y, observable as I, action as u } from "mobx";
+import { makeObservable as y, observable as I, action as c } from "mobx";
 import { Duration as m, DateTime as d } from "luxon";
 import M from "react-dom";
 import P from "clsx";
@@ -20,10 +20,10 @@ class j {
     n(this, "pausedAt");
     n(this, "runningTimeoutId");
   }
-  start(t, i) {
+  start(t, e) {
     if (this.startedAt)
       throw new Error("Timer already started");
-    this.duration = m.fromDurationLike(t), this.onDone = i, this.startTimeout(this.duration);
+    this.duration = m.fromDurationLike(t), this.onDone = e, this.startTimeout(this.duration);
   }
   restart() {
     this.stop(), this.startTimeout(this.duration);
@@ -36,8 +36,8 @@ class j {
   resume() {
     if (this.startedAt) {
       if (this.pausedAt) {
-        const t = this.pausedAt.diff(this.startedAt), i = this.duration.minus(t);
-        this.startTimeout(i);
+        const t = this.pausedAt.diff(this.startedAt), e = this.duration.minus(t);
+        this.startTimeout(e);
       }
     } else throw new Error("Timer not paused");
   }
@@ -62,8 +62,8 @@ class a {
     n(this, "id", 0);
     y(this, {
       notificationsData: I.shallow,
-      add: u.bound,
-      remove: u.bound
+      add: c.bound,
+      remove: c.bound
     });
   }
   static useNew() {
@@ -73,16 +73,16 @@ class a {
     return b(() => Array.from(this.notificationsData.values()));
   }
   add(t) {
-    const i = this.id++, e = {
-      id: i,
+    const e = this.id++, i = {
+      id: e,
       createdAt: Date.now(),
       autoCloseTimer: new j()
     };
-    this.notificationsData.set(i, {
+    this.notificationsData.set(e, {
       element: t,
-      meta: e
-    }), t.props.autoClose && e.autoCloseTimer.start({ seconds: 10 }, () => {
-      this.remove(i);
+      meta: i
+    }), t.props.autoClose && i.autoCloseTimer.start({ seconds: 10 }, () => {
+      this.remove(e);
     });
   }
   remove(t) {
@@ -93,27 +93,27 @@ const B = "flow--notification-provider--notification-container", O = "flow--noti
   notificationContainer: B,
   notification: O
 }, z = (o) => {
-  const { notification: t, controller: i } = o;
+  const { notification: t, controller: e } = o;
   return v(t.element, {
     onMouseEnter: () => {
-      t.meta.autoCloseTimer.pause();
+      t.element.props.autoClose && t.meta.autoCloseTimer.pause();
     },
     onMouseLeave: () => {
-      t.meta.autoCloseTimer.resume();
+      t.element.props.autoClose && t.meta.autoCloseTimer.resume();
     },
     onClose: () => {
-      var e, r;
-      i.remove(t.meta.id), (r = (e = t.element.props).onClose) == null || r.call(e);
+      var i, r;
+      e.remove(t.meta.id), (r = (i = t.element.props).onClose) == null || r.call(i);
     },
     onFocus: () => {
-      t.meta.autoCloseTimer.pause();
+      t.element.props.autoClose && t.meta.autoCloseTimer.pause();
     },
     onBlur: () => {
-      t.meta.autoCloseTimer.resume();
+      t.element.props.autoClose && t.meta.autoCloseTimer.resume();
     }
   });
 }, F = (o) => {
-  const { className: t, ...i } = o, e = q(), r = e.useNotifications(), h = R(), p = P(l.notificationContainer, t), T = /* @__PURE__ */ s(S, { features: E, children: /* @__PURE__ */ s("div", { className: p, ...i, children: /* @__PURE__ */ s(L, { children: r.map((c) => /* @__PURE__ */ s(
+  const { className: t, ...e } = o, i = q(), r = i.useNotifications(), h = R(), p = P(l.notificationContainer, t), T = /* @__PURE__ */ s(S, { features: E, children: /* @__PURE__ */ s("div", { className: p, ...e, children: /* @__PURE__ */ s(L, { children: r.map((u) => /* @__PURE__ */ s(
     k.div,
     {
       className: l.notification,
@@ -126,20 +126,20 @@ const B = "flow--notification-provider--notification-container", O = "flow--noti
       children: /* @__PURE__ */ s(N, { children: /* @__PURE__ */ s(
         z,
         {
-          notification: c,
-          controller: e
+          notification: u,
+          controller: i
         }
       ) })
     },
-    c.meta.id
+    u.meta.id
   )) }) }) });
   return h ? null : M.createPortal(T, document.body);
 }, f = x(
   new a()
 ), q = () => g(f), Z = (o) => {
-  const { children: t, ...i } = o, e = a.useNew();
-  return /* @__PURE__ */ C(f.Provider, { value: e, children: [
-    /* @__PURE__ */ s(F, { ...i }),
+  const { children: t, ...e } = o, i = a.useNew();
+  return /* @__PURE__ */ A(f.Provider, { value: i, children: [
+    /* @__PURE__ */ s(F, { ...e }),
     t
   ] });
 };

package/dist/js/NumberField.js

@@ -8,14 +8,14 @@ import d from "clsx";
 import "./propsContext-DzAKlmhS.js";
 import { C as f } from "./ClearPropsContext-CIgOlDjP.js";
 import { PropsContextProvider as N } from "./PropsContextProvider.js";
-import { F as b } from "./FieldError-Dvter_gI.js";
-import { B as i } from "./Button-WawPguWq.js";
+import { F as b } from "./FieldError-x5ErhzHX.js";
+import { B as i } from "./Button-CpidnrB2.js";
 import "@tabler/icons-react";
-import { f as I } from "./flowComponent-B8dC8eRj.js";
+import { f as I } from "./flowComponent--S4z-7r_.js";
 import "./viewComponentContext-HXEKmx_D.js";
-import { I as F } from "./IconChevronDown-DbVQ4UKe.js";
-import { I as C } from "./IconChevronUp-C7IqV12r.js";
-import { I as h, a as B } from "./IconPlus-B4GbH9Av.js";
+import { I as F } from "./IconChevronDown-DaiVaZc2.js";
+import { I as C } from "./IconChevronUp-Bt9GQ5m2.js";
+import { I as h, a as B } from "./IconPlus-gE84aqHi.js";
 const P = "flow--number-field--group", w = "flow--number-field--input", x = "flow--number-field--decrement-button", v = "flow--number-field--increment-button", g = "flow--number-field--coarse-pointer-icon", r = {
   group: P,
   input: w,

package/dist/js/Option-Dq2kSEMl.js

@@ -0,0 +1,20 @@
+"use client"
+/* */
+import { jsx as a } from "react/jsx-runtime";
+import "react";
+import * as p from "react-aria-components";
+import l from "clsx";
+import { f as m } from "./flowComponent--S4z-7r_.js";
+const e = "flow--option", f = "flow--option--icon", w = "flow--option--control-icon", v = "flow--option--avatar", x = {
+  option: e,
+  switch: "flow--option--switch",
+  icon: f,
+  controlIcon: w,
+  avatar: v
+}, d = m("Option", (o) => {
+  const { className: t, children: n, value: i, ref: s, ...c } = o, r = l(x.option, t);
+  return /* @__PURE__ */ a(p.ListBoxItem, { className: r, ref: s, ...c, id: i, children: n });
+});
+export {
+  d as O
+};

package/dist/js/Option.js

@@ -0,0 +1,7 @@
+"use client"
+/* */
+import { O as t } from "./Option-Dq2kSEMl.js";
+export {
+  t as Option,
+  t as default
+};

package/dist/js/Options-1UizQrjb.js

@@ -0,0 +1,26 @@
+"use client"
+/* */
+import { jsx as o } from "react/jsx-runtime";
+import "react";
+import * as n from "react-aria-components";
+import "mobx";
+import "./context-BaYmTa0I.js";
+import "./propsContext-DzAKlmhS.js";
+import "@react-aria/utils";
+import "remeda";
+import "dot-prop";
+import "@mittwald/react-tunnel";
+import "./flowComponent--S4z-7r_.js";
+import "./viewComponentContext-HXEKmx_D.js";
+import c from "clsx";
+import { P as a } from "./Popover-2yo5j1XN.js";
+const l = "flow--options--popover", f = "flow--options", r = {
+  popover: l,
+  options: f
+}, C = (t) => {
+  const { className: p, children: s, controller: i, ...m } = t, e = c(r.options, p);
+  return /* @__PURE__ */ o(a, { className: r.popover, controller: i, children: /* @__PURE__ */ o(n.ListBox, { className: e, ...m, children: s }) });
+};
+export {
+  C as O
+};

package/dist/js/{Popover-Ck5nKNR3.js → Popover-2yo5j1XN.js}

@@ -5,7 +5,7 @@ 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 { f as O } from "./flowComponent--S4z-7r_.js";
 import { O as g } from "./OverlayContextProvider-B7EDTT1X.js";
 import "./context-BaYmTa0I.js";
 import "./propsContext-DzAKlmhS.js";

package/dist/js/Popover.js

@@ -4,10 +4,10 @@ import { jsx as p } from "react/jsx-runtime";
 import "react";
 import { O as t } from "./OverlayTrigger-lqEEBZnu.js";
 import "react-aria-components";
-import { f as i } from "./flowComponent-B8dC8eRj.js";
+import { f as i } from "./flowComponent--S4z-7r_.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";
+import { P as l } from "./Popover-2yo5j1XN.js";
+import { a as y } from "./Popover-2yo5j1XN.js";
 const T = i("PopoverTrigger", (o) => {
   const { children: r, ...e } = o;
   return /* @__PURE__ */ p(