@mittwald/flow-react-components 0.1.0-alpha.218 → 0.1.0-alpha.219

package/dist/ContextMenu.js

@@ -1,7 +1,7 @@
 "use client"
 /* */
-import { C as t } from "./ContextMenuTrigger-DOCNHDwJ.js";
-import { a } from "./ContextMenuTrigger-DOCNHDwJ.js";
+import { C as t } from "./ContextMenuTrigger-Bh65PWwi.js";
+import { a } from "./ContextMenuTrigger-Bh65PWwi.js";
 import { M as n } from "./MenuItem-DcfYvfPJ.js";
 export {
   t as ContextMenu,

package/dist/{ContextMenuTrigger-DOCNHDwJ.js → ContextMenuTrigger-Bh65PWwi.js}

@@ -3,33 +3,32 @@
 import e from "react";
 import * as i from "react-aria-components";
 import { s } from "./ContextMenu.module-BZingr2B.js";
-import { f as m } from "./flowComponent-DHPUcYyM.js";
-import { P } from "./Popover-Cv7qj8sY.js";
-import "mobx";
-import { u as E } from "./useOverlayController-D8pgx8nV.js";
-import { C as O } from "./ClearPropsContext-CUvsbMn8.js";
-import { P as T } from "./PropsContextProvider-C6Z4XGp6.js";
+import { f as c } from "./flowComponent-DHPUcYyM.js";
+import { P } from "./PopoverTrigger-Nakex9Lr.js";
+import { C as E } from "./ClearPropsContext-CUvsbMn8.js";
+import { P as O } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "./propsContext-DzAKlmhS.js";
 import "remeda";
-import { O as S } from "./OverlayContextProvider-xvILXWn5.js";
-import { A } from "./Action-Dp_7RavF.js";
-import { O as h } from "./OverlayTrigger-D9ziPSB1.js";
-const G = m("ContextMenu", (t) => {
+import "mobx";
+import { u as T } from "./useOverlayController-D8pgx8nV.js";
+import { O as S, a as A } from "./OverlayTrigger-BPwYjPfK.js";
+import { A as h } from "./Action-Dp_7RavF.js";
+const B = c("ContextMenu", (t) => {
   const {
     children: r,
     onAction: n,
     selectionMode: o,
-    selectedKeys: c,
+    selectedKeys: m,
     defaultSelectedKeys: p,
     disabledKeys: C,
     onSelectionChange: u,
     refProp: v,
-    controller: f,
-    ...g
-  } = t, x = E("ContextMenu", {
+    controller: g,
+    ...x
+  } = t, M = T("ContextMenu", {
     reuseControllerFromContext: !0
-  }), l = f ?? x, M = o === "navigation" ? "none" : o, a = o === "navigation" ? "navigation" : "control", y = {
+  }), l = g ?? M, f = o === "navigation" ? "none" : o, a = o === "navigation" ? "navigation" : "control", y = {
     MenuItem: {
       selectionVariant: a
     },
@@ -40,10 +39,10 @@ const G = m("ContextMenu", (t) => {
       renderContextMenuSection: !0
     }
   }, d = o === "single" || o === "navigation" ? "ContextMenu" : void 0;
-  return /* @__PURE__ */ e.createElement(O, null, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement(E, null, /* @__PURE__ */ e.createElement(
     P,
     {
-      ...g,
+      ...x,
       contentClassName: s.popoverContent,
       controller: l,
       isDialogContent: !1
@@ -59,23 +58,23 @@ const G = m("ContextMenu", (t) => {
         {
           className: s.contextMenu,
           onAction: n,
-          selectionMode: M,
-          selectedKeys: c,
+          selectionMode: f,
+          selectedKeys: m,
           defaultSelectedKeys: p,
           disabledKeys: C,
           onSelectionChange: u,
           ref: v
         },
-        /* @__PURE__ */ e.createElement(T, { props: y }, /* @__PURE__ */ e.createElement(A, { closeOverlay: d }, r))
+        /* @__PURE__ */ e.createElement(O, { props: y }, /* @__PURE__ */ e.createElement(h, { closeOverlay: d }, r))
       )
     )
   ));
-}), H = m(
+}), G = c(
   "ContextMenuTrigger",
   (t) => {
     const { children: r, ...n } = t;
     return /* @__PURE__ */ e.createElement(
-      h,
+      A,
       {
         overlayType: "ContextMenu",
         ...n,
@@ -86,6 +85,6 @@ const G = m("ContextMenu", (t) => {
   }
 );
 export {
-  G as C,
-  H as a
+  B as C,
+  G as a
 };

package/dist/ContextualHelp.js

@@ -1,43 +1,42 @@
 "use client"
 /* */
 import t from "react";
-import { P as s } from "./Popover-Cv7qj8sY.js";
-import * as c from "react-aria-components";
-import "mobx";
-import { u } from "./useOverlayController-D8pgx8nV.js";
+import { P as s } from "./PopoverTrigger-Nakex9Lr.js";
 import "./propsContext-DzAKlmhS.js";
 import { P as l } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
-import "./context-Cf7tqFtF.js";
-import { f } from "./flowComponent-DHPUcYyM.js";
-import { O as x } from "./OverlayTrigger-D9ziPSB1.js";
+import { f as c } from "./flowComponent-DHPUcYyM.js";
+import "mobx";
+import { u } from "./useOverlayController-D8pgx8nV.js";
+import * as f from "react-aria-components";
+import { a as x } from "./OverlayTrigger-BPwYjPfK.js";
 import { useLocalizedStringFormatter as g } from "react-aria";
 import "@tabler/icons-react";
 import "./Icon-DPoIVASu.js";
 import { I as C } from "./IconInfo-p6ir3vIp.js";
 const H = "flow--contextual-help", d = {
   contextualHelp: H
-}, A = f("ContextualHelp", (o) => {
+}, b = c("ContextualHelp", (e) => {
   const {
-    children: e,
+    children: o,
     controller: r,
     refProp: a,
     ...n
-  } = o, m = u("ContextualHelp", {
+  } = e, m = u("ContextualHelp", {
     reuseControllerFromContext: !0
   }), p = r ?? m, i = {
     Heading: {
       level: 5
     }
   };
-  return /* @__PURE__ */ t.createElement(s, { withTip: !0, ...n, controller: p }, /* @__PURE__ */ t.createElement(l, { props: i }, /* @__PURE__ */ t.createElement("div", { className: d.contextualHelp }, e)));
+  return /* @__PURE__ */ t.createElement(s, { withTip: !0, ...n, controller: p }, /* @__PURE__ */ t.createElement(l, { props: i }, /* @__PURE__ */ t.createElement("div", { className: d.contextualHelp }, o)));
 }), P = { "de-DE": {
   "contextualHelpButton.moreInformation": "Weitere Informationen"
 }, "en-EN": {
   "contextualHelpButton.moreInformation": "More information"
-} }, L = (o) => {
-  const { children: e, ...r } = o, n = {
+} }, A = (e) => {
+  const { children: o, ...r } = e, n = {
     Button: {
       "aria-label": g(P).format(
         "contextualHelpButton.moreInformation"
@@ -52,13 +51,13 @@ const H = "flow--contextual-help", d = {
     {
       overlayType: "ContextualHelp",
       ...r,
-      component: c.DialogTrigger
+      component: f.DialogTrigger
     },
-    /* @__PURE__ */ t.createElement(l, { props: n, mergeInParentContext: !0 }, e)
+    /* @__PURE__ */ t.createElement(l, { props: n, mergeInParentContext: !0 }, o)
   );
 };
 export {
-  A as ContextualHelp,
-  L as ContextualHelpTrigger,
-  A as default
+  b as ContextualHelp,
+  A as ContextualHelpTrigger,
+  b as default
 };

package/dist/DatePicker.js

@@ -14,16 +14,15 @@ import "./Icon-DPoIVASu.js";
 import { a as D } from "./IconCalendar-DdHJ9y75.js";
 import { F as N } from "./FieldError-CHN9uCb_.js";
 import { s as o } from "./FormField.module-DHK6nIcD.js";
-import { P } from "./Popover-Cv7qj8sY.js";
+import { P } from "./PopoverTrigger-Nakex9Lr.js";
 import "mobx";
 import { u as b } from "./useOverlayController-D8pgx8nV.js";
-import "./context-Cf7tqFtF.js";
 const v = () => /* @__PURE__ */ e.createElement(r.Calendar, { className: E.calendar }, /* @__PURE__ */ e.createElement(f, null), /* @__PURE__ */ e.createElement(r.CalendarGrid, null, (t) => /* @__PURE__ */ e.createElement(r.CalendarCell, { date: t }))), I = "flow--date-picker--date-input", g = {
   dateInput: I
 }, y = (t) => {
   const { isDisabled: l } = t;
   return /* @__PURE__ */ e.createElement(r.Group, { className: g.dateInput }, /* @__PURE__ */ e.createElement(r.DateInput, null, (n) => /* @__PURE__ */ e.createElement(r.DateSegment, { segment: n })), /* @__PURE__ */ e.createElement(C, { variant: "plain", color: "secondary", isDisabled: l }, /* @__PURE__ */ e.createElement(D, null)));
-}, z = (t) => {
+}, j = (t) => {
   const { children: l, className: n, errorMessage: s, ...m } = t, i = d(o.formField, n), c = {
     Label: {
       className: o.label,
@@ -57,6 +56,6 @@ const v = () => /* @__PURE__ */ e.createElement(r.Calendar, { className: E.calen
   );
 };
 export {
-  z as DatePicker,
-  z as default
+  j as DatePicker,
+  j as default
 };

package/dist/DateRangePicker.js

@@ -8,22 +8,21 @@ import { P as u } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
 import * as t from "react-aria-components";
-import { P as E } from "./Popover-Cv7qj8sY.js";
-import "mobx";
-import { u as f } from "./useOverlayController-D8pgx8nV.js";
-import "./context-Cf7tqFtF.js";
-import { s as g, C } from "./CalendarHeader-DkUXY9HD.js";
-import { B as D } from "./Button-DQtavSbo.js";
+import { P as E } from "./PopoverTrigger-Nakex9Lr.js";
+import { s as f, C as g } from "./CalendarHeader-DkUXY9HD.js";
+import { B as C } from "./Button-DQtavSbo.js";
 import "@tabler/icons-react";
 import "./Icon-DPoIVASu.js";
-import { a as R } from "./IconCalendar-DdHJ9y75.js";
-import { F as N } from "./FieldError-CHN9uCb_.js";
-const P = () => /* @__PURE__ */ e.createElement(t.RangeCalendar, { className: g.calendar }, /* @__PURE__ */ e.createElement(C, null), /* @__PURE__ */ e.createElement(t.CalendarGrid, null, (a) => /* @__PURE__ */ e.createElement(t.CalendarCell, { date: a }))), v = "flow--date-range-picker--date-range-input", I = {
+import { a as D } from "./IconCalendar-DdHJ9y75.js";
+import { F as R } from "./FieldError-CHN9uCb_.js";
+import "mobx";
+import { u as N } from "./useOverlayController-D8pgx8nV.js";
+const P = () => /* @__PURE__ */ e.createElement(t.RangeCalendar, { className: f.calendar }, /* @__PURE__ */ e.createElement(g, null), /* @__PURE__ */ e.createElement(t.CalendarGrid, null, (a) => /* @__PURE__ */ e.createElement(t.CalendarCell, { date: a }))), v = "flow--date-range-picker--date-range-input", I = {
   dateRangeInput: v
 }, b = (a) => {
   const { isDisabled: l } = a;
-  return /* @__PURE__ */ e.createElement(t.Group, { className: I.dateRangeInput }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(t.DateInput, { slot: "start" }, (r) => /* @__PURE__ */ e.createElement(t.DateSegment, { segment: r })), /* @__PURE__ */ e.createElement("span", { "aria-hidden": "true" }, "–"), /* @__PURE__ */ e.createElement(t.DateInput, { slot: "end" }, (r) => /* @__PURE__ */ e.createElement(t.DateSegment, { segment: r }))), /* @__PURE__ */ e.createElement(D, { variant: "plain", color: "secondary", isDisabled: l }, /* @__PURE__ */ e.createElement(R, null)));
-}, z = (a) => {
+  return /* @__PURE__ */ e.createElement(t.Group, { className: I.dateRangeInput }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(t.DateInput, { slot: "start" }, (r) => /* @__PURE__ */ e.createElement(t.DateSegment, { segment: r })), /* @__PURE__ */ e.createElement("span", { "aria-hidden": "true" }, "–"), /* @__PURE__ */ e.createElement(t.DateInput, { slot: "end" }, (r) => /* @__PURE__ */ e.createElement(t.DateSegment, { segment: r }))), /* @__PURE__ */ e.createElement(C, { variant: "plain", color: "secondary", isDisabled: l }, /* @__PURE__ */ e.createElement(D, null)));
+}, j = (a) => {
   const { children: l, className: r, errorMessage: s, ...m } = a, i = d(o.formField, r), c = {
     Label: {
       className: o.label,
@@ -32,7 +31,7 @@ const P = () => /* @__PURE__ */ e.createElement(t.RangeCalendar, { className: g.
     FieldDescription: {
       className: o.fieldDescription
     }
-  }, n = f("Popover");
+  }, n = N("Popover");
   return /* @__PURE__ */ e.createElement(
     t.DateRangePicker,
     {
@@ -44,7 +43,7 @@ const P = () => /* @__PURE__ */ e.createElement(t.RangeCalendar, { className: g.
     },
     /* @__PURE__ */ e.createElement(b, { isDisabled: a.isDisabled }),
     /* @__PURE__ */ e.createElement(u, { props: c }, l),
-    /* @__PURE__ */ e.createElement(N, { className: o.fieldError }, s),
+    /* @__PURE__ */ e.createElement(R, { className: o.fieldError }, s),
     /* @__PURE__ */ e.createElement(
       E,
       {
@@ -57,6 +56,6 @@ const P = () => /* @__PURE__ */ e.createElement(t.RangeCalendar, { className: g.
   );
 };
 export {
-  z as DateRangePicker,
-  z as default
+  j as DateRangePicker,
+  j as default
 };

package/dist/List.js

@@ -13,7 +13,7 @@ import { B as w } from "./Button-DQtavSbo.js";
 import "@tabler/icons-react";
 import "./Icon-DPoIVASu.js";
 import { I as Ye } from "./IconContextMenu-jwoVcLvd.js";
-import { a as B, C as H } from "./ContextMenuTrigger-DOCNHDwJ.js";
+import { a as B, C as H } from "./ContextMenuTrigger-Bh65PWwi.js";
 import { M as q } from "./MenuItem-DcfYvfPJ.js";
 import { useLocalizedStringFormatter as y } from "react-aria";
 import { TunnelProvider as Qe, TunnelExit as ie } from "@mittwald/react-tunnel";

package/dist/Modal.js

@@ -11,14 +11,13 @@ import { f as C } from "./flowComponent-DHPUcYyM.js";
 import * as n from "react-aria-components";
 import "mobx";
 import { u as g } from "./useOverlayController-D8pgx8nV.js";
-import { O as w } from "./OverlayContextProvider-xvILXWn5.js";
-import { H as E } from "./Header-DvtpqjDj.js";
-import { A as O } from "./Action-Dp_7RavF.js";
-import { B as h } from "./Button-DQtavSbo.js";
+import { O as w, a as E } from "./OverlayTrigger-BPwYjPfK.js";
+import { H as O } from "./Header-DvtpqjDj.js";
+import { A as h } from "./Action-Dp_7RavF.js";
+import { B as M } from "./Button-DQtavSbo.js";
 import "@tabler/icons-react";
 import "./Icon-DPoIVASu.js";
-import { I as M } from "./IconClose-BFwPT_IX.js";
-import { O as N } from "./OverlayTrigger-D9ziPSB1.js";
+import { I as N } from "./IconClose-BFwPT_IX.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,
@@ -36,36 +35,36 @@ const x = "flow--modal", z = "flow--modal--off-canvas", P = "flow--modal--header
   "overlay-fade": "flow--modal-overlay--overlay-fade"
 }, D = (t) => {
   const {
-    controller: r,
+    controller: a,
     children: l,
     isDismissable: s = !0,
     className: m
   } = t, p = g("Modal", {
     reuseControllerFromContext: !0
-  }), a = r ?? p, c = a.useIsOpen(), i = f(I.overlay, m);
+  }), r = a ?? p, c = r.useIsOpen(), i = f(I.overlay, m);
   return /* @__PURE__ */ o.createElement(
     n.ModalOverlay,
     {
       className: i,
       isDismissable: s,
       isOpen: c,
-      onOpenChange: (d) => a.setOpen(d)
+      onOpenChange: (d) => r.setOpen(d)
     },
-    /* @__PURE__ */ o.createElement(n.Modal, null, /* @__PURE__ */ o.createElement(n.Dialog, null, /* @__PURE__ */ o.createElement(w, { type: "Modal", controller: a }, l)))
+    /* @__PURE__ */ o.createElement(n.Modal, null, /* @__PURE__ */ o.createElement(n.Dialog, null, /* @__PURE__ */ o.createElement(w, { type: "Modal", controller: r }, l)))
   );
-}, Z = C("Modal", (t) => {
+}, Y = C("Modal", (t) => {
   const {
-    size: r = "s",
+    size: a = "s",
     offCanvas: l,
     controller: s,
     children: m,
     refProp: p,
-    className: a,
+    className: r,
     ...c
   } = t, i = f(
     l ? e.offCanvas : e.modal,
-    e[`size-${r}`],
-    a
+    e[`size-${a}`],
+    r
   ), d = {
     Content: {
       className: e.content
@@ -79,29 +78,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(E, { className: e.header }, /* @__PURE__ */ o.createElement(y, { id: "heading" }), l && /* @__PURE__ */ o.createElement(O, { closeOverlay: "Modal" }, /* @__PURE__ */ o.createElement(
-    h,
+  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,
     {
       variant: "plain",
       color: "secondary",
       className: e.closeButton
     },
-    /* @__PURE__ */ o.createElement(M, null)
+    /* @__PURE__ */ o.createElement(N, null)
   ))), m)));
-}), _ = (t) => {
-  const { children: r, ...l } = t;
+}), Z = (t) => {
+  const { children: a, ...l } = t;
   return /* @__PURE__ */ o.createElement(
-    N,
+    E,
     {
       overlayType: "Modal",
       ...l,
       component: n.DialogTrigger
     },
-    r
+    a
   );
 };
 export {
-  Z as Modal,
-  _ as ModalTrigger,
-  Z as default
+  Y as Modal,
+  Z as ModalTrigger,
+  Y as default
 };

package/dist/OverlayTrigger-BPwYjPfK.js

@@ -0,0 +1,37 @@
+"use client"
+/* */
+import e from "react";
+import { u as c, o as i, O as m } from "./context-Cf7tqFtF.js";
+import "./propsContext-DzAKlmhS.js";
+import { P as v } from "./PropsContextProvider-C6Z4XGp6.js";
+import "@react-aria/utils";
+import "remeda";
+const y = (r) => {
+  const { type: t, controller: o, children: n } = r, a = c();
+  return /* @__PURE__ */ e.createElement(
+    i.Provider,
+    {
+      value: {
+        ...a,
+        [t]: o
+      }
+    },
+    n
+  );
+}, f = (r) => {
+  const {
+    overlayType: t,
+    isDefaultOpen: o = !1,
+    component: n,
+    children: a
+  } = r, s = m.useNew({ isDefaultOpen: o }), l = s.useIsOpen(), p = {
+    Button: {
+      onPress: s.open
+    }
+  };
+  return /* @__PURE__ */ e.createElement(y, { type: t, controller: s }, /* @__PURE__ */ e.createElement(v, { props: p, mergeInParentContext: !0 }, /* @__PURE__ */ e.createElement(n, { isOpen: l }, a)));
+};
+export {
+  y as O,
+  f as a
+};

package/dist/Popover.js

@@ -1,23 +1,9 @@
 "use client"
 /* */
-import { P as m } from "./Popover-Cv7qj8sY.js";
-import * as t from "react-aria-components";
-import a from "react";
-import { O as i } from "./OverlayTrigger-D9ziPSB1.js";
-const s = (r) => {
-  const { children: o, ...e } = r;
-  return /* @__PURE__ */ a.createElement(
-    i,
-    {
-      overlayType: "Popover",
-      ...e,
-      component: t.DialogTrigger
-    },
-    o
-  );
-};
+import { P as r } from "./PopoverTrigger-Nakex9Lr.js";
+import { a as p } from "./PopoverTrigger-Nakex9Lr.js";
 export {
-  m as Popover,
-  s as PopoverTrigger,
-  m as default
+  r as Popover,
+  p as PopoverTrigger,
+  r as default
 };

package/dist/PopoverTrigger-Nakex9Lr.js

@@ -0,0 +1,61 @@
+"use client"
+/* */
+import e from "react";
+import * as o from "react-aria-components";
+import l from "clsx";
+import "mobx";
+import { u as h } from "./useOverlayController-D8pgx8nV.js";
+import { f as a } from "./flowComponent-DHPUcYyM.js";
+import { O as y, a as E } from "./OverlayTrigger-BPwYjPfK.js";
+const x = "flow--popover", N = "flow--popover--content", T = "flow--popover--tip", s = {
+  popover: x,
+  content: N,
+  tip: T,
+  "popover-slide": "flow--popover--popover-slide"
+}, M = a("Popover", (r) => {
+  const {
+    children: t,
+    className: n,
+    contentClassName: c,
+    isDialogContent: i = !1,
+    controller: m,
+    withTip: v,
+    refProp: f,
+    defaultOpen: g = !1,
+    ...P
+  } = r, C = h("Popover", {
+    reuseControllerFromContext: !0,
+    isDefaultOpen: g
+  }), p = m ?? C, d = p.useIsOpen(), O = l(s.popover, n), u = i ? o.Dialog : "div";
+  return /* @__PURE__ */ e.createElement(
+    o.Popover,
+    {
+      ...P,
+      className: O,
+      containerPadding: 16,
+      ref: f,
+      isOpen: d,
+      onOpenChange: (w) => p.setOpen(w)
+    },
+    v && /* @__PURE__ */ e.createElement(o.OverlayArrow, { className: s.tip }, /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16" }, /* @__PURE__ */ e.createElement("path", { d: "M0 0 L8 8 L16 0" }))),
+    /* @__PURE__ */ e.createElement(u, { className: l(s.content, c) }, /* @__PURE__ */ e.createElement(y, { type: "Popover", controller: p }, t))
+  );
+}), R = a(
+  "PopoverTrigger",
+  (r) => {
+    const { children: t, ...n } = r;
+    return /* @__PURE__ */ e.createElement(
+      E,
+      {
+        overlayType: "Popover",
+        ...n,
+        component: o.DialogTrigger
+      },
+      t
+    );
+  }
+);
+export {
+  M as P,
+  R as a
+};

package/dist/Select.js

@@ -13,13 +13,11 @@ import "@tabler/icons-react";
 import "./Icon-DPoIVASu.js";
 import { I as P } from "./IconChevronDown--OxZLX8L.js";
 import { f as E } from "./flowComponent-DHPUcYyM.js";
-import { P as F } from "./Popover-Cv7qj8sY.js";
+import { P as F } from "./PopoverTrigger-Nakex9Lr.js";
 import "mobx";
 import { u as C } from "./useOverlayController-D8pgx8nV.js";
-import "dot-prop";
-import "./context-Cf7tqFtF.js";
 import { TunnelProvider as y, TunnelExit as I } from "@mittwald/react-tunnel";
-import { O as B } from "./OverlayContextProvider-xvILXWn5.js";
+import { O as B } from "./OverlayTrigger-BPwYjPfK.js";
 const D = "flow--select", L = "flow--select--toggle", u = {
   select: D,
   toggle: L
@@ -27,13 +25,13 @@ const D = "flow--select", L = "flow--select--toggle", u = {
   popover: $,
   options: b
 }, R = (o) => {
-  const { className: t, children: r, ...n } = o, l = f(d.options, t), s = C("Select");
-  return /* @__PURE__ */ e.createElement(F, { className: d.popover, controller: s }, /* @__PURE__ */ e.createElement(i.ListBox, { className: l, ...n }, r));
-}, le = E("Select", (o) => {
+  const { className: t, children: n, ...r } = o, l = f(d.options, t), s = C("Select");
+  return /* @__PURE__ */ e.createElement(F, { className: d.popover, controller: s }, /* @__PURE__ */ e.createElement(i.ListBox, { className: l, ...r }, n));
+}, ne = E("Select", (o) => {
   const {
     children: t,
-    className: r,
-    onChange: n = () => {
+    className: n,
+    onChange: r = () => {
     },
     onSelectionChange: l = () => {
     },
@@ -43,7 +41,7 @@ const D = "flow--select", L = "flow--select--toggle", u = {
   } = o, g = f(
     u.select,
     c.formField,
-    r
+    n
   ), x = {
     Label: {
       className: c.label,
@@ -59,7 +57,7 @@ const D = "flow--select", L = "flow--select--toggle", u = {
       tunnelId: "options"
     }
   }, v = (a) => {
-    n(String(a)), l(a);
+    r(String(a)), l(a);
   }, O = C("Select", {
     reuseControllerFromContext: !0
   }), p = s ?? O, S = p.useIsOpen();
@@ -80,12 +78,12 @@ const D = "flow--select", L = "flow--select--toggle", u = {
   icon: q,
   text: A,
   controlIcon: V
-}, se = E("Option", (o) => {
-  const { className: t, children: r, value: n, refProp: l, ...s } = o, m = f(j.option, t);
-  return /* @__PURE__ */ e.createElement(i.ListBoxItem, { className: m, ref: l, ...s, id: n }, r);
+}, re = E("Option", (o) => {
+  const { className: t, children: n, value: r, refProp: l, ...s } = o, m = f(j.option, t);
+  return /* @__PURE__ */ e.createElement(i.ListBoxItem, { className: m, ref: l, ...s, id: r }, n);
 });
 export {
-  se as Option,
-  le as Select,
-  le as default
+  re as Option,
+  ne as Select,
+  ne as default
 };

package/dist/Tabs.js

@@ -6,7 +6,7 @@ import u from "clsx";
 import { TunnelExit as C, TunnelProvider as P, TunnelEntry as f } from "@mittwald/react-tunnel";
 import { f as y } from "./flowComponent-DHPUcYyM.js";
 import { useCallbackRef as O } from "use-callback-ref";
-import { a as S, C as A } from "./ContextMenuTrigger-DOCNHDwJ.js";
+import { a as S, C as A } from "./ContextMenuTrigger-Bh65PWwi.js";
 import { M as B } from "./MenuItem-DcfYvfPJ.js";
 import { B as K } from "./Button-DQtavSbo.js";
 import "@tabler/icons-react";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.218",
+  "version": "0.1.0-alpha.219",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -301,7 +301,7 @@
     "@chakra-ui/live-region": "^2.1.0",
     "@internationalized/date": "^3.5.5",
     "@internationalized/string-compiler": "^3.2.4",
-    "@mittwald/react-tunnel": "^0.1.0-alpha.218",
+    "@mittwald/react-tunnel": "^0.1.0-alpha.219",
     "@mittwald/react-use-promise": "^2.4.0",
     "@react-aria/utils": "^3.25.2",
     "@react-types/shared": "^3.24.1",
@@ -327,7 +327,7 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^8.4.1",
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.218",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.219",
     "@mittwald/react-use-promise": "^2.4.0",
     "@nx/storybook": "^19.6.4",
     "@storybook/addon-a11y": "^8.2.9",
@@ -405,5 +405,5 @@
       "optional": true
     }
   },
-  "gitHead": "9adce02f047988853ad6a497b7d9ad636243a520"
+  "gitHead": "e62c8c29a208aeb9e7971a854fc54a2caf724332"
 }

package/dist/OverlayContextProvider-xvILXWn5.js

@@ -1,20 +0,0 @@
-"use client"
-/* */
-import a from "react";
-import { u as l, o as c } from "./context-Cf7tqFtF.js";
-const i = (e) => {
-  const { type: t, controller: r, children: o } = e, n = l();
-  return /* @__PURE__ */ a.createElement(
-    c.Provider,
-    {
-      value: {
-        ...n,
-        [t]: r
-      }
-    },
-    o
-  );
-};
-export {
-  i as O
-};

package/dist/OverlayTrigger-D9ziPSB1.js

@@ -1,25 +0,0 @@
-"use client"
-/* */
-import r from "react";
-import { O as m } from "./context-Cf7tqFtF.js";
-import "./propsContext-DzAKlmhS.js";
-import { P as i } from "./PropsContextProvider-C6Z4XGp6.js";
-import "@react-aria/utils";
-import "remeda";
-import { O as c } from "./OverlayContextProvider-xvILXWn5.js";
-const g = (o) => {
-  const {
-    overlayType: t,
-    isDefaultOpen: n = !1,
-    component: p,
-    children: s
-  } = o, e = m.useNew({ isDefaultOpen: n }), a = e.useIsOpen(), l = {
-    Button: {
-      onPress: e.open
-    }
-  };
-  return /* @__PURE__ */ r.createElement(c, { type: t, controller: e }, /* @__PURE__ */ r.createElement(i, { props: l, mergeInParentContext: !0 }, /* @__PURE__ */ r.createElement(p, { isOpen: a }, s)));
-};
-export {
-  g as O
-};

package/dist/Popover-Cv7qj8sY.js

@@ -1,46 +0,0 @@
-"use client"
-/* */
-import o from "react";
-import * as t from "react-aria-components";
-import n from "clsx";
-import "mobx";
-import { u as h } from "./useOverlayController-D8pgx8nV.js";
-import { f as g } from "./flowComponent-DHPUcYyM.js";
-import { O as x } from "./OverlayContextProvider-xvILXWn5.js";
-const E = "flow--popover", N = "flow--popover--content", y = "flow--popover--tip", r = {
-  popover: E,
-  content: N,
-  tip: y,
-  "popover-slide": "flow--popover--popover-slide"
-}, M = g("Popover", (p) => {
-  const {
-    children: s,
-    className: l,
-    contentClassName: a,
-    isDialogContent: c = !1,
-    controller: m,
-    withTip: i,
-    refProp: v,
-    defaultOpen: f = !1,
-    ...C
-  } = p, d = h("Popover", {
-    reuseControllerFromContext: !0,
-    isDefaultOpen: f
-  }), e = m ?? d, O = e.useIsOpen(), P = n(r.popover, l), w = c ? t.Dialog : "div";
-  return /* @__PURE__ */ o.createElement(
-    t.Popover,
-    {
-      ...C,
-      className: P,
-      containerPadding: 16,
-      ref: v,
-      isOpen: O,
-      onOpenChange: (u) => e.setOpen(u)
-    },
-    i && /* @__PURE__ */ o.createElement(t.OverlayArrow, { className: r.tip }, /* @__PURE__ */ o.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16" }, /* @__PURE__ */ o.createElement("path", { d: "M0 0 L8 8 L16 0" }))),
-    /* @__PURE__ */ o.createElement(w, { className: n(r.content, a) }, /* @__PURE__ */ o.createElement(x, { type: "Popover", controller: e }, s))
-  );
-});
-export {
-  M as P
-};