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

package/dist/js/Tabs.js

@@ -5,27 +5,25 @@ import { useRef as y, useState as g, useEffect as P, useId as M, createContext a
 import * as T from "react-aria-components";
 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 { f as B } from "./flowComponent--S4z-7r_.js";
 import { useCallbackRef as E } from "use-callback-ref";
-import { a as K, C as L } from "./ContextMenuContent-N8Co_64N.js";
+import { a as K, C as L } from "./ContextMenuContent-DQojalD_.js";
 import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
 import "@tabler/icons-react";
 import "./viewComponentContext-HXEKmx_D.js";
-import { I as W } from "./IconContextMenu-DnwSrGtk.js";
-import "invariant";
-import "react-children-utilities";
-import "object-code";
+import { I as W } from "./IconContextMenu-Ddfi5ZZF.js";
 import "react-aria";
 import "mobx";
 import "./context-BaYmTa0I.js";
-import "./Action-C1Tw5pqL.js";
+import "invariant";
+import "./Action-DfWvHbWy.js";
 import "./getActionGroupSlot-CekBnXeM.js";
-import { B as F } from "./Button-WawPguWq.js";
-import { T as R } from "./Text-CW_CzcoD.js";
-import { M as $ } from "./MenuItem-D0A7OXWd.js";
+import { B as F } from "./Button-CpidnrB2.js";
+import { T as R } from "./Text-CIEzKaxJ.js";
+import { M as $ } from "./MenuItem-DuSDaivo.js";
 import { PropsContextProvider as j } from "./PropsContextProvider.js";
 import { A as N } from "./Activity-BekrxIf7.js";
 const k = "flow--tabs", q = "flow--tabs--list", z = {
@@ -37,26 +35,26 @@ const k = "flow--tabs", q = "flow--tabs--list", z = {
   titles: H,
   collapsed: J
 }, Q = () => {
-  const n = y(null), [s, i] = g(!1), o = E(null, (e) => {
-    l(), a(e);
-  }), r = ([
+  const n = y(null), [s, a] = g(!1), o = E(null, (e) => {
+    r(), i(e);
+  }), l = ([
     e
   ]) => {
-    e && i(!e.isIntersecting);
-  }, a = (e = o.current) => {
+    e && a(!e.isIntersecting);
+  }, i = (e = o.current) => {
     if (e && e instanceof Element) {
-      const c = new IntersectionObserver(r, {
+      const c = new IntersectionObserver(l, {
         root: e.parentElement,
         // 1 = invoke callback when the element is 100% visible within the parent element
         threshold: 1
       });
       n.current = c, c.observe(e);
     }
-  }, l = () => {
+  }, r = () => {
     var e;
     (e = n.current) == null || e.disconnect();
   };
-  return P(() => (a(), l), [n.current]), {
+  return P(() => (i(), r), [n.current]), {
     ref: o,
     isOverflowing: s
   };
@@ -65,26 +63,26 @@ const k = "flow--tabs", q = "flow--tabs--list", z = {
   text: V,
   menuItem: X
 }, Y = (n) => {
-  const { className: s, ...i } = n, o = u(s, h.tabTitle);
-  return /* @__PURE__ */ t("div", { ...i, className: o, "data-selected": !0, children: /* @__PURE__ */ t(C, { id: "ActiveTitle" }) });
+  const { className: s, ...a } = n, o = u(s, h.tabTitle);
+  return /* @__PURE__ */ t("div", { ...a, className: o, "data-selected": !0, children: /* @__PURE__ */ t(C, { id: "ActiveTitle" }) });
 }, Z = (n) => {
-  const { selection: s, disabledKeys: i, onContextMenuSelectionChange: o } = n, r = M(), a = Q(), l = a.isOverflowing, e = u(p.tabList, l && p.collapsed), c = (x) => {
+  const { selection: s, disabledKeys: a, onContextMenuSelectionChange: o } = n, l = M(), i = Q(), r = i.isOverflowing, e = u(p.tabList, r && p.collapsed), c = (x) => {
     o(x);
-  }, d = /* @__PURE__ */ t(T.TabList, { className: p.titles, ref: a.ref, children: /* @__PURE__ */ t(C, { id: "Titles" }) }), b = l && /* @__PURE__ */ t(Y, { id: r }), v = l && /* @__PURE__ */ m(K, { children: [
+  }, d = /* @__PURE__ */ t(T.TabList, { className: p.titles, ref: i.ref, children: /* @__PURE__ */ t(C, { id: "Titles" }) }), b = r && /* @__PURE__ */ t(Y, { id: l }), v = r && /* @__PURE__ */ m(K, { children: [
     /* @__PURE__ */ t(
       F,
       {
         variant: "soft",
         className: p.contextMenuButton,
         color: "secondary",
-        "aria-labelledby": r,
+        "aria-labelledby": l,
         children: /* @__PURE__ */ t(W, {})
       }
     ),
     /* @__PURE__ */ t(
       L,
       {
-        disabledKeys: i,
+        disabledKeys: a,
         selectedKeys: s ? [s] : void 0,
         selectionMode: "navigation",
         onAction: (x) => c(x),
@@ -97,15 +95,15 @@ const k = "flow--tabs", q = "flow--tabs--list", z = {
     b,
     v
   ] });
-}, At = B("Tabs", (n) => {
+}, Ot = B("Tabs", (n) => {
   const {
     children: s,
-    className: i,
+    className: a,
     defaultSelectedKey: o,
-    disabledKeys: r,
-    ref: a,
-    ...l
-  } = n, e = u(z.tabs, i), [c, d] = g(
+    disabledKeys: l,
+    ref: i,
+    ...r
+  } = n, e = u(z.tabs, a), [c, d] = g(
     o
   );
   return /* @__PURE__ */ m(A, { children: [
@@ -115,18 +113,18 @@ const k = "flow--tabs", q = "flow--tabs--list", z = {
       {
         slot: null,
         className: e,
-        ...l,
+        ...r,
         selectedKey: c,
         onSelectionChange: d,
-        disabledKeys: r,
-        ref: a,
+        disabledKeys: l,
+        ref: i,
         children: [
           /* @__PURE__ */ t(
             Z,
             {
               selection: c,
               onContextMenuSelectionChange: d,
-              disabledKeys: r
+              disabledKeys: l
             }
           ),
           /* @__PURE__ */ t(C, { id: "Panels" })
@@ -136,19 +134,19 @@ const k = "flow--tabs", q = "flow--tabs--list", z = {
   ] });
 }), I = O({
   id: "undefined"
-}), _ = () => S(I), tt = I.Provider, Bt = (n) => {
-  const { children: s, className: i, ...o } = n, { id: r } = _(), a = u(h.tabTitle, i);
+}), _ = () => S(I), tt = I.Provider, St = (n) => {
+  const { children: s, className: a, ...o } = n, { id: l } = _(), i = u(h.tabTitle, a);
   return /* @__PURE__ */ m(w, { children: [
-    /* @__PURE__ */ t(f, { id: "Titles", children: /* @__PURE__ */ t(T.Tab, { ...o, id: r, className: a, children: (l) => /* @__PURE__ */ m(w, { children: [
+    /* @__PURE__ */ t(f, { id: "Titles", children: /* @__PURE__ */ t(T.Tab, { ...o, id: l, className: i, children: (r) => /* @__PURE__ */ m(w, { children: [
       /* @__PURE__ */ t(R, { emulateBoldWidth: !0, children: /* @__PURE__ */ t("span", { className: h.text, children: s }) }),
-      /* @__PURE__ */ t(f, { id: "ActiveTitle", children: l.isSelected && s })
+      /* @__PURE__ */ t(f, { id: "ActiveTitle", children: r.isSelected && s })
     ] }) }) }),
-    /* @__PURE__ */ t(f, { id: "ContextMenuItems", children: /* @__PURE__ */ t($, { className: h.menuItem, id: r, children: s }) })
+    /* @__PURE__ */ t(f, { id: "ContextMenuItems", children: /* @__PURE__ */ t($, { className: h.menuItem, id: l, children: s }) })
   ] });
 }, et = "flow--tabs--tab--tab-panel", st = {
   tabPanel: et
-}, Et = (n) => {
-  const { children: s, className: i, id: o, ...r } = n, a = u(st.tabPanel, i), l = M(), e = o ?? l, c = (d) => {
+}, At = (n) => {
+  const { children: s, className: a, id: o, ...l } = n, i = u(st.tabPanel, a), r = M(), e = o ?? r, c = (d) => {
     const b = d.state.selectedKey === e;
     return /* @__PURE__ */ t(
       j,
@@ -169,17 +167,17 @@ const k = "flow--tabs", q = "flow--tabs--list", z = {
   return /* @__PURE__ */ t(f, { id: "Panels", children: /* @__PURE__ */ t(tt, { value: { id: e }, children: /* @__PURE__ */ t(
     T.TabPanel,
     {
-      className: a,
+      className: i,
       shouldForceMount: !0,
       id: e,
-      ...r,
+      ...l,
       children: c
     }
   ) }) });
 };
 export {
-  Et as Tab,
-  Bt as TabTitle,
-  At as Tabs,
-  At as default
+  At as Tab,
+  St as TabTitle,
+  Ot as Tabs,
+  Ot as default
 };

package/dist/js/{Text-CW_CzcoD.js → Text-CIEzKaxJ.js}

@@ -7,7 +7,7 @@ import "./propsContext-DzAKlmhS.js";
 import { C as u } from "./ClearPropsContext-CIgOlDjP.js";
 import { PropsContextProvider as C } from "./PropsContextProvider.js";
 import b from "invariant";
-import { f as N } from "./flowComponent-B8dC8eRj.js";
+import { f as N } from "./flowComponent--S4z-7r_.js";
 import x from "clsx";
 import { W as w } from "./Wrap-DGT1h1o3.js";
 const y = "flow--emulated-bold-text", g = "flow--emulated-bold-text--bold-text", c = {

package/dist/js/Text.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { T as a } from "./Text-CW_CzcoD.js";
+import { T as a } from "./Text-CIEzKaxJ.js";
 export {
   a as Text,
   a as default

package/dist/js/TextArea.js

@@ -3,13 +3,13 @@
 import { jsx as o } from "react/jsx-runtime";
 import { useRef as h } from "react";
 import * as x from "react-aria-components";
-import { T as g } from "./TextFieldBase-BOhCwxJG.js";
+import { T as g } from "./TextFieldBase-ByaoeeVY.js";
 import "./propsContext-DzAKlmhS.js";
 import { C as u } from "./ClearPropsContext-CIgOlDjP.js";
 import { mergeRefs as d } from "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f as A } from "./flowComponent-B8dC8eRj.js";
+import { f as A } from "./flowComponent--S4z-7r_.js";
 const H = "flow--text-area", y = {
   textArea: H
 }, M = A("TextArea", (a) => {

package/dist/js/TextField.js

@@ -3,13 +3,13 @@
 import { jsx as t } from "react/jsx-runtime";
 import "react";
 import * as p from "react-aria-components";
-import { T as n } from "./TextFieldBase-BOhCwxJG.js";
+import { T as n } from "./TextFieldBase-ByaoeeVY.js";
 import "./propsContext-DzAKlmhS.js";
 import { C as a } from "./ClearPropsContext-CIgOlDjP.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f } from "./flowComponent-B8dC8eRj.js";
+import { f } from "./flowComponent--S4z-7r_.js";
 const d = "flow--text-field", x = {
   textField: d
 }, A = f("TextField", (e) => {

package/dist/js/{TextFieldBase-BOhCwxJG.js → TextFieldBase-ByaoeeVY.js}

@@ -8,8 +8,8 @@ import $ from "clsx";
 import "./propsContext-DzAKlmhS.js";
 import { C as D } from "./ClearPropsContext-CIgOlDjP.js";
 import { PropsContextProvider as E } from "./PropsContextProvider.js";
-import { F as B } from "./FieldError-Dvter_gI.js";
-import { F as L } from "./FieldDescription-DBKM9JJK.js";
+import { F as B } from "./FieldError-x5ErhzHX.js";
+import { F as L } from "./FieldDescription-6bRgUF6j.js";
 import { useLocalizedStringFormatter as P } from "react-aria";
 const S = { "de-DE": {
   "textFieldBase.characters": (e, o) => `${o.select({ 0: () => `${e.count}`, other: () => `${e.count}/${e.maxCount}` }, e.maxCount)} Zeichen`

package/dist/js/TimeField.js

@@ -3,11 +3,11 @@
 import { jsxs as c, jsx as r } from "react/jsx-runtime";
 import "react";
 import * as o from "react-aria-components";
-import { f as p } from "./flowComponent-B8dC8eRj.js";
+import { f as p } from "./flowComponent--S4z-7r_.js";
 import "./propsContext-DzAKlmhS.js";
 import { PropsContextProvider as f } from "./PropsContextProvider.js";
 import { f as e } from "./FormField.module-CqWpTQKP.js";
-import { F as u } from "./FieldError-Dvter_gI.js";
+import { F as u } from "./FieldError-x5ErhzHX.js";
 import F from "clsx";
 const N = "flow--time-field--date-input", x = {
   dateInput: N