@mittwald/flow-react-components 0.1.0-alpha.152 → 0.1.0-alpha.154

package/dist/ContextMenu.js

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

package/dist/{ContextMenuTrigger-CxrvArf7.js → ContextMenuTrigger-DXPJlFQQ.js}

@@ -1,7 +1,7 @@
 "use client"
 /* */
 import e from "react";
-import * as a from "react-aria-components";
+import * as s from "react-aria-components";
 import { f as g } from "./flowComponent-CWmvUeHT.js";
 import { P as d } from "./Popover-Me79N9-3.js";
 import "mobx";
@@ -14,7 +14,7 @@ import "remeda";
 import { O as T } from "./OverlayContextProvider-DJzKzUwy.js";
 import { A } from "./Action-DYTtbQCP.js";
 import { O as h } from "./OverlayTrigger-Bdb65OEJ.js";
-const w = "flow--context-menu", F = "flow--context-menu--popover", s = {
+const w = "flow--context-menu", F = "flow--context-menu--popover", a = {
   contextMenu: w,
   popover: F
 }, G = g("ContextMenu", (t) => {
@@ -35,12 +35,12 @@ const w = "flow--context-menu", F = "flow--context-menu--popover", s = {
     MenuItem: {
       selectionVariant: o === "navigation" ? "navigation" : "control"
     }
-  }, M = o === "single" ? "ContextMenu" : void 0;
+  }, M = o === "single" || o === "navigation" ? "ContextMenu" : void 0;
   return /* @__PURE__ */ e.createElement(E, null, /* @__PURE__ */ e.createElement(
     d,
     {
       ...v,
-      className: s.popover,
+      className: a.popover,
       controller: l
     },
     /* @__PURE__ */ e.createElement(
@@ -50,9 +50,9 @@ const w = "flow--context-menu", F = "flow--context-menu--popover", s = {
         controller: l
       },
       /* @__PURE__ */ e.createElement(
-        a.Menu,
+        s.Menu,
         {
-          className: s.contextMenu,
+          className: a.contextMenu,
           onAction: n,
           selectionMode: f,
           selectedKeys: c,
@@ -72,7 +72,7 @@ const w = "flow--context-menu", F = "flow--context-menu--popover", s = {
     {
       overlayType: "ContextMenu",
       ...n,
-      component: a.MenuTrigger
+      component: s.MenuTrigger
     },
     r
   );

package/dist/List.js

@@ -5,7 +5,7 @@ var tt = (s, t, e) => t in s ? _(s, t, { enumerable: !0, configurable: !0, writa
 var o = (s, t, e) => tt(s, typeof t != "symbol" ? t + "" : t, e);
 import n, { createContext as et, useContext as at, createElement as st, useEffect as F, useRef as nt, Suspense as it } from "react";
 import { R as rt } from "./Render-BdlTa7Qb.js";
-import { a as w, C as K } from "./ContextMenuTrigger-CxrvArf7.js";
+import { a as w, C as K } from "./ContextMenuTrigger-DXPJlFQQ.js";
 import { M as j } from "./MenuItem-CCEquV9i.js";
 import "react-aria-components";
 import { autorun as ot, runInAction as lt, makeObservable as ct, observable as M, computed as V, action as I } from "mobx";

package/dist/Modal.js

@@ -29,8 +29,8 @@ const z = "flow--modal", C = "flow--modal--action-group", E = "flow--modal--cont
     controller: r,
     children: n,
     refProp: y,
-    ...m
-  } = t, s = d(
+    ...s
+  } = t, m = d(
     e.modal,
     e[`size-${l}`],
     a && e.offCanvas
@@ -40,6 +40,7 @@ const z = "flow--modal", C = "flow--modal--action-group", E = "flow--modal--cont
     },
     Heading: {
       level: 2,
+      levelVisual: 4,
       slot: "title"
     },
     ActionGroup: {
@@ -47,7 +48,7 @@ const z = "flow--modal", C = "flow--modal--action-group", E = "flow--modal--cont
       tunnelId: "buttons"
     }
   };
-  return /* @__PURE__ */ o.createElement(g, { className: s, controller: r, ...m }, /* @__PURE__ */ o.createElement(c, { props: i }, /* @__PURE__ */ o.createElement(f, null, /* @__PURE__ */ o.createElement("div", { className: e.content }, n), /* @__PURE__ */ o.createElement(p, { id: "buttons" }))));
+  return /* @__PURE__ */ o.createElement(g, { className: m, controller: r, ...s }, /* @__PURE__ */ o.createElement(c, { props: i }, /* @__PURE__ */ o.createElement(f, null, /* @__PURE__ */ o.createElement("div", { className: e.content }, n), /* @__PURE__ */ o.createElement(p, { id: "buttons" }))));
 }), F = (t) => {
   const { children: l, ...a } = t;
   return /* @__PURE__ */ o.createElement(

package/dist/Section.js

@@ -14,12 +14,13 @@ const u = "flow--section", h = "flow--section--header", w = "flow--section--stat
   switch: "flow--section--switch",
   statusBadge: w
 }, A = d("Section", (o) => {
-  const { children: s, className: r, isActive: a = !0, refProp: c, ...n } = o;
+  const { children: s, className: a, isActive: r = !0, refProp: c, ...n } = o;
   if (!s)
     return null;
-  const i = m(e.section, r), l = {
+  const i = m(e.section, a), l = {
     Heading: {
-      level: 2
+      level: 2,
+      levelVisual: 4
     },
     Header: {
       className: e.header,
@@ -32,7 +33,7 @@ const u = "flow--section", h = "flow--section--header", w = "flow--section--stat
       }
     }
   };
-  return /* @__PURE__ */ t.createElement(f, { isActive: a }, /* @__PURE__ */ t.createElement("section", { ...n, className: i, ref: c }, /* @__PURE__ */ t.createElement(p, { props: l, mergeInParentContext: !0 }, s)));
+  return /* @__PURE__ */ t.createElement(f, { isActive: r }, /* @__PURE__ */ t.createElement("section", { ...n, className: i, ref: c }, /* @__PURE__ */ t.createElement(p, { props: l, mergeInParentContext: !0 }, s)));
 });
 export {
   A as Section,

package/dist/Tabs.js

@@ -6,7 +6,7 @@ import u from "clsx";
 import { TunnelExit as C, TunnelProvider as y, TunnelEntry as f } from "@mittwald/react-tunnel";
 import { f as S } from "./flowComponent-CWmvUeHT.js";
 import { useCallbackRef as O } from "use-callback-ref";
-import { a as B, C as K } from "./ContextMenuTrigger-CxrvArf7.js";
+import { a as B, C as K } from "./ContextMenuTrigger-DXPJlFQQ.js";
 import { M as A } from "./MenuItem-CCEquV9i.js";
 import { B as L } from "./Button-Bs4J6es6.js";
 import "@tabler/icons-react";

package/dist/types/components/Popover/stories/Default.stories.d.ts

@@ -6,3 +6,4 @@ export default meta;
 type Story = StoryObj<typeof Popover>;
 export declare const Default: Story;
 export declare const WithTip: Story;
+export declare const WithController: Story;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.152",
+  "version": "0.1.0-alpha.154",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -280,7 +280,7 @@
   "dependencies": {
     "@chakra-ui/live-region": "^2.1.0",
     "@internationalized/string-compiler": "^3.2.4",
-    "@mittwald/react-tunnel": "^0.1.0-alpha.152",
+    "@mittwald/react-tunnel": "^0.1.0-alpha.154",
     "@mittwald/react-use-promise": "^2.3.13",
     "@react-aria/utils": "^3.24.1",
     "@react-types/shared": "^3.23.1",
@@ -307,7 +307,7 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^8.4.1",
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.152",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.154",
     "@mittwald/react-use-promise": "^2.3.13",
     "@nx/storybook": "^19.3.0",
     "@storybook/addon-a11y": "^8.1.10",
@@ -383,5 +383,5 @@
       "optional": true
     }
   },
-  "gitHead": "11b3383422d987da7a3e7b1873672eee56ded30a"
+  "gitHead": "e3b645a2235e4a7c57c0b674ba07c256dd0bf5e7"
 }