@mittwald/flow-react-components 0.1.0-alpha.131 → 0.1.0-alpha.133

package/dist/{ClearPropsContext-mes1t7Bj.js → ClearPropsContext-CUvsbMn8.js}

@@ -1,7 +1,7 @@
 "use client"
 /* */
 import t from "react";
-import { p as o } from "./ComponentRenderContextProvider-C-1_ziLI.js";
+import { p as o } from "./propsContext-DzAKlmhS.js";
 const a = (r) => {
   const { children: e } = r;
   return /* @__PURE__ */ t.createElement(o.Provider, { value: {} }, e);

package/dist/{Content-eQoJ_gHK.js → Content-DlB-BYko.js}

@@ -1,12 +1,12 @@
 "use client"
 /* */
 import t from "react";
-import { C as c } from "./ClearPropsContext-mes1t7Bj.js";
-import "./ComponentRenderContextProvider-C-1_ziLI.js";
+import { C as c } from "./ClearPropsContext-CUvsbMn8.js";
+import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f as l } from "./flowComponent-CpHt0lsO.js";
+import { f as l } from "./flowComponent-CPKCCJEg.js";
 import { W as s } from "./Wrap-DGT1h1o3.js";
 import { A as f } from "./Activity-CmfZpgOM.js";
 const W = l("Content", (e) => {

package/dist/Content.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { C as o } from "./Content-eQoJ_gHK.js";
+import { C as o } from "./Content-DlB-BYko.js";
 export {
   o as Content,
   o as default

package/dist/ContextMenu.js

@@ -1,8 +1,8 @@
 "use client"
 /* */
-import { C as t } from "./ContextMenuTrigger-AyIRlUZ8.js";
-import { a } from "./ContextMenuTrigger-AyIRlUZ8.js";
-import { M as n } from "./MenuItem-DL25To7v.js";
+import { C as t } from "./ContextMenuTrigger-BwhLrGm5.js";
+import { a } from "./ContextMenuTrigger-BwhLrGm5.js";
+import { M as n } from "./MenuItem-Dny58Rqq.js";
 export {
   t as ContextMenu,
   a as ContextMenuTrigger,

package/dist/{ContextMenuTrigger-AyIRlUZ8.js → ContextMenuTrigger-BwhLrGm5.js}

@@ -2,31 +2,28 @@
 /* */
 import e from "react";
 import * as n from "react-aria-components";
-import { f as M } from "./flowComponent-CpHt0lsO.js";
+import { f as M } from "./flowComponent-CPKCCJEg.js";
 import { P as d } from "./Popover-B-COTLld.js";
 import "mobx";
 import "./useOverlayController-CGKumeGL.js";
-import "invariant";
-import "./context-D_-mRqs8.js";
-import "./ActionStateContext-C_nPivaA.js";
-import { C as g } from "./ClearPropsContext-mes1t7Bj.js";
-import { P as x } from "./PropsContextProvider-B7e3QrmR.js";
+import { C as g } from "./ClearPropsContext-CUvsbMn8.js";
+import { P as x } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
-import "./ComponentRenderContextProvider-C-1_ziLI.js";
+import "./propsContext-DzAKlmhS.js";
 import "remeda";
-import { O as C } from "./OverlayTrigger-Bb8cs_IA.js";
+import { O as C } from "./OverlayTrigger-DbjMkqKf.js";
 const P = "flow--context-menu", v = {
   contextMenu: P
-}, j = M("ContextMenu", (t) => {
+}, N = M("ContextMenu", (t) => {
   const {
     children: r,
     onAction: i,
     selectionMode: o,
     selectedKeys: a,
     defaultSelectedKeys: s,
-    disabledKeys: m,
-    onSelectionChange: l,
-    refProp: c,
+    disabledKeys: l,
+    onSelectionChange: c,
+    refProp: m,
     ...p
   } = t, u = o === "navigation" ? "single" : o, f = {
     MenuItem: {
@@ -41,14 +38,14 @@ const P = "flow--context-menu", v = {
       selectionMode: u,
       selectedKeys: a,
       defaultSelectedKeys: s,
-      disabledKeys: m,
-      onSelectionChange: l,
-      ref: c
+      disabledKeys: l,
+      onSelectionChange: c,
+      ref: m
     },
     /* @__PURE__ */ e.createElement(x, { props: f }, r)
   )));
-}), k = (t) => /* @__PURE__ */ e.createElement(C, null, /* @__PURE__ */ e.createElement(n.MenuTrigger, null, t.children));
+}), R = (t) => /* @__PURE__ */ e.createElement(C, null, /* @__PURE__ */ e.createElement(n.MenuTrigger, null, t.children));
 export {
-  j as C,
-  k as a
+  N as C,
+  R as a
 };

package/dist/CopyButton.js

@@ -2,20 +2,20 @@
 /* */
 import o from "react";
 import a from "copy-to-clipboard";
-import { B as i } from "./Button-DAoWF37n.js";
+import { B as i } from "./Button-BPAhEOTg.js";
 import "@tabler/icons-react";
-import "./Icon-DdmDlHdu.js";
-import { I as c } from "./IconCopy-CMzS4NPN.js";
+import "./Icon-D4bkU_pz.js";
+import { I as c } from "./IconCopy-DH_CNzXF.js";
 import { useLocalizedStringFormatter as l } from "react-aria";
 import { a as s, T as f } from "./TooltipTrigger-TslkLN5s.js";
 import { onlyText as u } from "react-children-utilities";
-import { C as y } from "./ClearPropsContext-mes1t7Bj.js";
-import "./ComponentRenderContextProvider-C-1_ziLI.js";
+import { C as y } from "./ClearPropsContext-CUvsbMn8.js";
+import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f as C } from "./flowComponent-CpHt0lsO.js";
-import { A as E } from "./Action-COYULIMl.js";
+import { f as C } from "./flowComponent-CPKCCJEg.js";
+import { A as E } from "./Action-Dp9FyJCZ.js";
 const B = {
   "de-DE": {
     "copyButton.copy": "Kopieren"

package/dist/CounterBadge.js

@@ -0,0 +1,18 @@
+"use client"
+/* */
+import n from "react";
+import s from "clsx";
+import { f as c } from "./flowComponent-CPKCCJEg.js";
+const m = "flow--counter-badge", u = {
+  counterBadge: m
+}, g = c(
+  "CounterBadge",
+  (t) => {
+    const { className: o, count: e, ...a } = t, r = s(u.counterBadge, o);
+    return /* @__PURE__ */ n.createElement("span", { className: r, ...a, "aria-hidden": !0 }, e && e > 99 ? "99+" : e);
+  }
+);
+export {
+  g as CounterBadge,
+  g as default
+};

package/dist/FieldDescription.js

@@ -2,13 +2,13 @@
 /* */
 import e from "react";
 import m from "clsx";
-import { C as n } from "./ClearPropsContext-mes1t7Bj.js";
-import "./ComponentRenderContextProvider-C-1_ziLI.js";
+import { C as n } from "./ClearPropsContext-CUvsbMn8.js";
+import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { T as p } from "./Text-CZrXXfX3.js";
-import { f as c } from "./flowComponent-CpHt0lsO.js";
+import { T as p } from "./Text-D6e-S6em.js";
+import { f as c } from "./flowComponent-CPKCCJEg.js";
 const a = "flow--field-description", f = {
   fieldDescription: a
 }, P = c("FieldDescription", (o) => {

package/dist/{FieldError-BKoqRvQY.js → FieldError-D_VRyiJG.js}

@@ -3,15 +3,15 @@
 import r from "react";
 import * as n from "react-aria-components";
 import a from "clsx";
-import { C as p } from "./ClearPropsContext-mes1t7Bj.js";
-import "./ComponentRenderContextProvider-C-1_ziLI.js";
+import { C as p } from "./ClearPropsContext-CUvsbMn8.js";
+import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
 import "@tabler/icons-react";
-import "./Icon-DdmDlHdu.js";
-import { I as c } from "./IconDanger-DJImCjO3.js";
-import { f } from "./flowComponent-CpHt0lsO.js";
+import "./Icon-D4bkU_pz.js";
+import { I as c } from "./IconDanger-PwvUWqzQ.js";
+import { f } from "./flowComponent-CPKCCJEg.js";
 const E = "flow--field-error", d = {
   fieldError: E
 }, y = f("FieldError", (o) => {

package/dist/FieldError.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { F as o } from "./FieldError-BKoqRvQY.js";
+import { F as o } from "./FieldError-D_VRyiJG.js";
 export {
   o as FieldError,
   o as default

package/dist/{Header-XA8CGkKW.js → Header-BetbThNR.js}

@@ -1,7 +1,7 @@
 "use client"
 /* */
 import a from "react";
-import { f as c } from "./flowComponent-CpHt0lsO.js";
+import { f as c } from "./flowComponent-CPKCCJEg.js";
 const s = c("Header", (e) => {
   const { children: r, refProp: t, elementType: o = "header", ...n } = e, m = o;
   return /* @__PURE__ */ a.createElement(m, { ...n, ref: t }, r);

package/dist/Header.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { H as e } from "./Header-XA8CGkKW.js";
+import { H as e } from "./Header-BetbThNR.js";
 export {
   e as Header,
   e as default

package/dist/HeaderNavigation.js

@@ -1,38 +1,37 @@
 "use client"
 /* */
-import e from "react";
-import "./ComponentRenderContextProvider-C-1_ziLI.js";
-import { P as d } from "./PropsContextProvider-B7e3QrmR.js";
+import t from "react";
+import "./propsContext-DzAKlmhS.js";
+import { P as m } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
-import u from "clsx";
-import { E as g } from "./EmulatedBoldText-Dtox8Wd1.js";
-const h = "flow--header-navigation", p = "flow--header-navigation--link", v = "flow--header-navigation--button", f = "flow--header-navigation--light", E = "flow--header-navigation--dark", a = {
-  headerNavigation: h,
-  link: p,
+import { d } from "./dynamic-ClpUSmEt.js";
+import p from "clsx";
+import { E as h } from "./EmulatedBoldText-Dtox8Wd1.js";
+const u = "flow--header-navigation", g = "flow--header-navigation--link", v = "flow--header-navigation--button", f = "flow--header-navigation--light", N = "flow--header-navigation--dark", e = {
+  headerNavigation: u,
+  link: g,
   button: v,
   light: f,
-  dark: E
-}, P = (r) => {
-  const { children: l, className: i, color: o = "primary", ...s } = r, c = u(a.headerNavigation, a[o], i), m = {
+  dark: N
+}, B = (n) => {
+  const { children: o, className: r, color: a = "primary", ...i } = n, l = p(e.headerNavigation, e[a], r), s = {
     Link: {
-      render: (n, t) => /* @__PURE__ */ e.createElement("li", null, /* @__PURE__ */ e.createElement(n, { ...t, className: a.link, unstyled: !0 }, /* @__PURE__ */ e.createElement(g, null, t.children)))
+      wrapWith: /* @__PURE__ */ t.createElement("li", null),
+      className: e.link,
+      unstyled: !0,
+      children: d((c) => /* @__PURE__ */ t.createElement(h, null, c.children))
     },
     Button: {
-      render: (n, t) => /* @__PURE__ */ e.createElement("li", null, /* @__PURE__ */ e.createElement(
-        n,
-        {
-          ...t,
-          className: a.button,
-          variant: "plain",
-          color: o
-        }
-      ))
+      className: e.button,
+      color: a,
+      variant: "plain",
+      wrapWith: /* @__PURE__ */ t.createElement("li", null)
     }
   };
-  return /* @__PURE__ */ e.createElement("nav", { className: c, role: "navigation", ...s }, /* @__PURE__ */ e.createElement("ul", null, /* @__PURE__ */ e.createElement(d, { props: m }, l)));
+  return /* @__PURE__ */ t.createElement("nav", { className: l, role: "navigation", ...i }, /* @__PURE__ */ t.createElement("ul", null, /* @__PURE__ */ t.createElement(m, { props: s }, o)));
 };
 export {
-  P as HeaderNavigation,
-  P as default
+  B as HeaderNavigation,
+  B as default
 };

package/dist/{Heading-C-bS3Ayo.js → Heading-CfQzGjxY.js}

@@ -2,12 +2,12 @@
 /* */
 import e from "react";
 import d from "clsx";
-import { C as f } from "./ClearPropsContext-mes1t7Bj.js";
-import { P as g } from "./PropsContextProvider-B7e3QrmR.js";
+import { C as f } from "./ClearPropsContext-CUvsbMn8.js";
+import { P as g } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
-import "./ComponentRenderContextProvider-C-1_ziLI.js";
+import "./propsContext-DzAKlmhS.js";
 import "remeda";
-import { f as p } from "./flowComponent-CpHt0lsO.js";
+import { f as p } from "./flowComponent-CPKCCJEg.js";
 import * as w from "react-aria-components";
 const C = "flow--heading", x = "flow--heading--dark", P = "flow--heading--light", u = "flow--heading--icon", H = "flow--heading--h1", N = "flow--heading--h2", k = "flow--heading--h3", v = "flow--heading--h4", E = "flow--heading--h5", y = "flow--heading--h6", o = {
   heading: C,

package/dist/Heading.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { H as e } from "./Heading-C-bS3Ayo.js";
+import { H as e } from "./Heading-CfQzGjxY.js";
 export {
   e as Heading,
   e as default

package/dist/{Icon-DdmDlHdu.js → Icon-D4bkU_pz.js}

@@ -3,12 +3,12 @@
 import i, { Children as f, useMemo as p } from "react";
 import g from "clsx";
 import d from "html-react-parser";
-import { C as w } from "./ClearPropsContext-mes1t7Bj.js";
-import "./ComponentRenderContextProvider-C-1_ziLI.js";
+import { C as w } from "./ClearPropsContext-CUvsbMn8.js";
+import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f as z } from "./flowComponent-CpHt0lsO.js";
+import { f as z } from "./flowComponent-CPKCCJEg.js";
 const b = "flow--icon", c = {
   icon: b,
   "size-m": "flow--icon--size-m",

package/dist/Icon.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { I as a } from "./Icon-DdmDlHdu.js";
+import { I as a } from "./Icon-D4bkU_pz.js";
 export {
   a as Icon,
   a as default

package/dist/{IconCheck-B1Dn4nJ7.js → IconCheck-CMWmQYpS.js}

@@ -2,7 +2,7 @@
 /* */
 import e from "react";
 import { IconCheck as c } from "@tabler/icons-react";
-import { I as t } from "./Icon-DdmDlHdu.js";
+import { I as t } from "./Icon-D4bkU_pz.js";
 const a = (o) => /* @__PURE__ */ e.createElement(t, { ...o }, /* @__PURE__ */ e.createElement(c, null));
 export {
   a as I

package/dist/{IconCheckboxEmpty-BxpTlSro.js → IconCheckboxEmpty-DQLeOSmS.js}

@@ -2,7 +2,7 @@
 /* */
 import e from "react";
 import { IconSquareCheckFilled as t, IconSquare as n } from "@tabler/icons-react";
-import { I as o } from "./Icon-DdmDlHdu.js";
+import { I as o } from "./Icon-D4bkU_pz.js";
 const l = (c) => /* @__PURE__ */ e.createElement(o, { ...c }, /* @__PURE__ */ e.createElement(t, null)), I = (c) => /* @__PURE__ */ e.createElement(o, { ...c }, /* @__PURE__ */ e.createElement(n, null));
 export {
   l as I,

package/dist/{IconCheckboxIndeterminate-Cc72OI6v.js → IconCheckboxIndeterminate-DoNQre-9.js}

@@ -2,7 +2,7 @@
 /* */
 import e from "react";
 import { IconSquareMinusFilled as t } from "@tabler/icons-react";
-import { I as r } from "./Icon-DdmDlHdu.js";
+import { I as r } from "./Icon-D4bkU_pz.js";
 const a = (o) => /* @__PURE__ */ e.createElement(r, { ...o }, /* @__PURE__ */ e.createElement(t, null));
 export {
   a as I

package/dist/{IconChevronDown-1Ln2Aunx.js → IconChevronDown-HLDPe1kj.js}

@@ -2,7 +2,7 @@
 /* */
 import o from "react";
 import { IconChevronDown as e } from "@tabler/icons-react";
-import { I as r } from "./Icon-DdmDlHdu.js";
+import { I as r } from "./Icon-D4bkU_pz.js";
 const a = (n) => /* @__PURE__ */ o.createElement(r, { ...n }, /* @__PURE__ */ o.createElement(e, null));
 export {
   a as I

package/dist/{IconChevronRight-CAcIYBGT.js → IconChevronRight-DmCZeDFh.js}

@@ -2,7 +2,7 @@
 /* */
 import o from "react";
 import { IconChevronRight as t } from "@tabler/icons-react";
-import { I as r } from "./Icon-DdmDlHdu.js";
+import { I as r } from "./Icon-D4bkU_pz.js";
 const a = (e) => /* @__PURE__ */ o.createElement(r, { ...e }, /* @__PURE__ */ o.createElement(t, null));
 export {
   a as I

package/dist/IconChevronUp-CUKpaGeP.js

@@ -0,0 +1,9 @@
+"use client"
+/* */
+import o from "react";
+import { IconChevronUp as r } from "@tabler/icons-react";
+import { I as n } from "./Icon-D4bkU_pz.js";
+const p = (e) => /* @__PURE__ */ o.createElement(n, { ...e }, /* @__PURE__ */ o.createElement(r, null));
+export {
+  p as I
+};

package/dist/{IconClose-BuwjCtDl.js → IconClose-FTrJdf_N.js}

@@ -2,7 +2,7 @@
 /* */
 import o from "react";
 import { IconX as t } from "@tabler/icons-react";
-import { I as r } from "./Icon-DdmDlHdu.js";
+import { I as r } from "./Icon-D4bkU_pz.js";
 const a = (e) => /* @__PURE__ */ o.createElement(r, { ...e }, /* @__PURE__ */ o.createElement(t, null));
 export {
   a as I

package/dist/{IconContextMenu-Cbh6mtE6.js → IconContextMenu-Bmk1_j_0.js}

@@ -2,7 +2,7 @@
 /* */
 import o from "react";
 import { IconDots as e } from "@tabler/icons-react";
-import { I as n } from "./Icon-DdmDlHdu.js";
+import { I as n } from "./Icon-D4bkU_pz.js";
 const a = (t) => /* @__PURE__ */ o.createElement(n, { ...t }, /* @__PURE__ */ o.createElement(e, null));
 export {
   a as I

package/dist/{IconCopy-CMzS4NPN.js → IconCopy-DH_CNzXF.js}

@@ -2,7 +2,7 @@
 /* */
 import o from "react";
 import { IconCopy as t } from "@tabler/icons-react";
-import { I as r } from "./Icon-DdmDlHdu.js";
+import { I as r } from "./Icon-D4bkU_pz.js";
 const p = (e) => /* @__PURE__ */ o.createElement(r, { ...e }, /* @__PURE__ */ o.createElement(t, null));
 export {
   p as I

package/dist/{IconDanger-DJImCjO3.js → IconDanger-PwvUWqzQ.js}

@@ -2,7 +2,7 @@
 /* */
 import e from "react";
 import { IconAlertTriangle as o } from "@tabler/icons-react";
-import { I as t } from "./Icon-DdmDlHdu.js";
+import { I as t } from "./Icon-D4bkU_pz.js";
 const c = (r) => /* @__PURE__ */ e.createElement(t, { ...r }, /* @__PURE__ */ e.createElement(o, null));
 export {
   c as I

package/dist/{IconPending-D_CAUjui.js → IconPending-BV7TXz8_.js}

@@ -2,7 +2,7 @@
 /* */
 import e from "react";
 import { IconLoader2 as r } from "@tabler/icons-react";
-import { I as t } from "./Icon-DdmDlHdu.js";
+import { I as t } from "./Icon-D4bkU_pz.js";
 const a = (o) => /* @__PURE__ */ e.createElement(t, { ...o }, /* @__PURE__ */ e.createElement(r, null));
 export {
   a as I

package/dist/IconPlus-CAQpgAH5.js

@@ -0,0 +1,10 @@
+"use client"
+/* */
+import e from "react";
+import { IconMinus as t, IconPlus as c } from "@tabler/icons-react";
+import { I as o } from "./Icon-D4bkU_pz.js";
+const r = (n) => /* @__PURE__ */ e.createElement(o, { ...n }, /* @__PURE__ */ e.createElement(t, null)), m = (n) => /* @__PURE__ */ e.createElement(o, { ...n }, /* @__PURE__ */ e.createElement(c, null));
+export {
+  r as I,
+  m as a
+};

package/dist/{IconRadioOn-DV1XnVyC.js → IconRadioOn-BIS8wd64.js}

@@ -2,7 +2,7 @@
 /* */
 import e from "react";
 import { IconCircle as c, IconCircleDotFilled as n } from "@tabler/icons-react";
-import { I as t } from "./Icon-DdmDlHdu.js";
+import { I as t } from "./Icon-D4bkU_pz.js";
 const m = (o) => /* @__PURE__ */ e.createElement(t, { ...o }, /* @__PURE__ */ e.createElement(c, null)), i = (o) => /* @__PURE__ */ e.createElement(t, { ...o }, /* @__PURE__ */ e.createElement(n, null));
 export {
   i as I,

package/dist/{IconSearch-zHh8DtpL.js → IconSearch-DadOOeXe.js}

@@ -2,7 +2,7 @@
 /* */
 import e from "react";
 import { IconSearch as r } from "@tabler/icons-react";
-import { I as c } from "./Icon-DdmDlHdu.js";
+import { I as c } from "./Icon-D4bkU_pz.js";
 const n = (o) => /* @__PURE__ */ e.createElement(c, { ...o }, /* @__PURE__ */ e.createElement(r, null));
 export {
   n as I

package/dist/{IconSucceeded-cPVVsQAs.js → IconSucceeded-KKiDIenP.js}

@@ -2,7 +2,7 @@
 /* */
 import e from "react";
 import { IconX as o, IconCheck as n } from "@tabler/icons-react";
-import { I as t } from "./Icon-DdmDlHdu.js";
+import { I as t } from "./Icon-D4bkU_pz.js";
 const l = (c) => /* @__PURE__ */ e.createElement(t, { ...c }, /* @__PURE__ */ e.createElement(o, null)), I = (c) => /* @__PURE__ */ e.createElement(t, { ...c }, /* @__PURE__ */ e.createElement(n, null));
 export {
   I,

package/dist/{IconWarning-Cl_jqXKr.js → IconWarning-DFG_1t6M.js}

@@ -2,7 +2,7 @@
 /* */
 import e from "react";
 import { IconInfoCircle as t, IconCircleCheck as o, IconAlertCircle as r } from "@tabler/icons-react";
-import { I as n } from "./Icon-DdmDlHdu.js";
+import { I as n } from "./Icon-D4bkU_pz.js";
 const I = (c) => /* @__PURE__ */ e.createElement(n, { ...c }, /* @__PURE__ */ e.createElement(t, null)), s = (c) => /* @__PURE__ */ e.createElement(n, { ...c }, /* @__PURE__ */ e.createElement(o, null)), i = (c) => /* @__PURE__ */ e.createElement(n, { ...c }, /* @__PURE__ */ e.createElement(r, null));
 export {
   I,