@mittwald/flow-react-components 0.1.0-alpha.45 → 0.1.0-alpha.47

package/dist/Icons.js

@@ -2,16 +2,16 @@
 /* */
 import e from "react";
 import { IconAppWindow as o, IconArrowLeft as l, IconClock as c, IconChevronLeft as a, IconChevronRight as r, IconCalendarCheck as I, IconBuilding as m, IconLayoutBoard as s, IconDatabase as E, IconCalendar as u, IconTrash as i, IconWorld as h, IconMail as p, IconExternalLink as f, IconFilter as C, IconEyeCancel as d, IconHome as S, IconList as L, IconPower as g, IconUsersGroup as x, IconBell as v, IconArchive as k, IconDice3 as D, IconSearch as $, IconListSearch as b, IconServer as w, IconSettings as H, IconEye as y, IconAdjustmentsHorizontal as A, IconDoor as B, IconHeadset as F, IconFileX as R, IconLayoutGrid as P } from "@tabler/icons-react";
-import { I as t } from "./Icon-S-6j_Kl3.js";
-import { I as ge } from "./IconCheck-1PRSXamm.js";
-import { I as ve, a as ke } from "./IconUnchecked-DuOQbrqC.js";
-import { I as $e, a as be } from "./IconChevronUp-_2GHUOdG.js";
-import { I as He } from "./IconClose-D-8Y7fMZ.js";
-import { I as Ae } from "./IconCopy-C1yg9WXZ.js";
-import { I as Fe } from "./IconDanger-Dd6HnAx9.js";
-import { I as Pe, a as Te, b as je } from "./IconSucceeded-BvrlGH02.js";
-import { I as Ue, a as We, b as Ge } from "./IconWarning-h9MeCuZE.js";
-import { I as ze, a as Ne } from "./IconPlus-D0cizRQb.js";
+import { I as t } from "./Icon-X0pOdlJY.js";
+import { I as ge } from "./IconCheck-BD6sGh4B.js";
+import { I as ve, a as ke } from "./IconUnchecked-BhOGDWAq.js";
+import { I as $e, a as be } from "./IconChevronUp-CyLNEJQy.js";
+import { I as He } from "./IconClose-mhahyKoS.js";
+import { I as Ae } from "./IconCopy-Bpp37OMK.js";
+import { I as Fe } from "./IconDanger-DH5QCYHj.js";
+import { I as Pe, a as Te, b as je } from "./IconSucceeded-DQdtfEkv.js";
+import { I as Ue, a as We, b as Ge } from "./IconWarning-D7qa4Hmz.js";
+import { I as ze, a as Ne } from "./IconPlus-CnjtlT2f.js";
 const U = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(o, null)), W = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(l, null)), G = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(c, null)), V = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(a, null)), z = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(r, null)), N = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(I, null)), X = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(m, null)), q = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(s, null)), J = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(E, null)), K = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(u, null)), O = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(i, null)), Q = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(h, null)), Y = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(p, null)), Z = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(f, null)), _ = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(C, null)), ee = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(d, null)), ne = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(S, null)), te = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(L, null)), ce = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(g, null)), oe = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(x, null)), le = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(v, null)), ae = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(k, null)), re = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(D, null)), Ie = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement($, null)), me = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(b, null)), se = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(w, null)), Ee = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(H, null)), ue = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(y, null)), ie = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(A, null)), he = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(B, null)), pe = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(F, null)), fe = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(R, null)), Ce = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(P, null)), de = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(c, null));
 export {
   U as IconApp,

package/dist/Image.js

@@ -1,10 +1,13 @@
 "use client"
 /* */
-import r from "react";
-import "./PropsContextProvider-C7Evvjhy.js";
-import "@react-aria/utils";
-import { u as t } from "./useProps-d5Do2me4.js";
-const i = (e) => /* @__PURE__ */ r.createElement("img", { ...t("Image", e) });
+import t from "react";
+import { C as o } from "./ClearPropsContext-CD1-9TZA.js";
+import "./propsContext-Dx7WKmmM.js";
+import { u as m } from "./useProps-4x7PxhiE.js";
+const i = (e) => {
+  const r = m("Image", e);
+  return /* @__PURE__ */ t.createElement(o, null, /* @__PURE__ */ t.createElement("img", { ...r }));
+};
 export {
   i as Image,
   i as default

package/dist/Initials.js

@@ -2,17 +2,17 @@
 /* */
 import e from "react";
 import c from "clsx";
-import "./PropsContextProvider-C7Evvjhy.js";
-import "@react-aria/utils";
-import { u as p } from "./useProps-d5Do2me4.js";
-import { onlyText as f } from "react-children-utilities";
-const u = (i) => i.replace(/[^\p{L}\s]/giu, "").split(" ").map((t) => t.trim()[0]).filter((t) => t !== void 0).map((t) => t.toUpperCase()).slice(0, 2), d = "flow--initials", x = {
-  initials: d
-}, v = (i) => {
-  const { children: t, className: a } = p("Initials", i), s = f(t), n = u(s), o = c(x.initials, a), l = n.map((r, m) => /* @__PURE__ */ e.createElement("span", { key: m }, r));
-  return /* @__PURE__ */ e.createElement("div", { "aria-label": s, className: o }, l);
+import { C as p } from "./ClearPropsContext-CD1-9TZA.js";
+import "./propsContext-Dx7WKmmM.js";
+import { u as f } from "./useProps-4x7PxhiE.js";
+import { onlyText as u } from "react-children-utilities";
+const C = (i) => i.replace(/[^\p{L}\s]/giu, "").split(" ").map((t) => t.trim()[0]).filter((t) => t !== void 0).map((t) => t.toUpperCase()).slice(0, 2), x = "flow--initials", d = {
+  initials: x
+}, P = (i) => {
+  const { children: t, className: a } = f("Initials", i), s = u(t), n = C(s), o = c(d.initials, a), l = n.map((r, m) => /* @__PURE__ */ e.createElement("span", { key: m }, r));
+  return /* @__PURE__ */ e.createElement(p, null, /* @__PURE__ */ e.createElement("div", { "aria-label": s, className: o }, l));
 };
 export {
-  v as Initials,
-  v as default
+  P as Initials,
+  P as default
 };

package/dist/InlineAlert.js

@@ -1,26 +1,27 @@
 "use client"
 /* */
 import e from "react";
-import { P as c } from "./PropsContextProvider-C7Evvjhy.js";
-import { u as m } from "./useProps-d5Do2me4.js";
-import f from "clsx";
-import { S as u } from "./StatusIcon-ab4wFrRb.js";
-const d = "flow--inline-alert", p = "flow--inline-alert--content", g = "flow--inline-alert--status-icon", w = "flow--inline-alert--heading", I = "flow--inline-alert--info", N = "flow--inline-alert--warning", h = "flow--inline-alert--danger", A = "flow--inline-alert--success", n = {
+import { C as c } from "./ClearPropsContext-CD1-9TZA.js";
+import { P as m } from "./PropsContextProvider-B6QiUIPM.js";
+import { u as f } from "./useProps-4x7PxhiE.js";
+import p from "clsx";
+import { S as u } from "./StatusIcon-VLj9j54q.js";
+const d = "flow--inline-alert", g = "flow--inline-alert--content", w = "flow--inline-alert--status-icon", C = "flow--inline-alert--heading", I = "flow--inline-alert--info", N = "flow--inline-alert--warning", h = "flow--inline-alert--danger", x = "flow--inline-alert--success", n = {
   inlineAlert: d,
-  content: p,
-  statusIcon: g,
-  heading: w,
+  content: g,
+  statusIcon: w,
+  heading: C,
   info: I,
   warning: N,
   danger: h,
-  success: A
-}, S = (s) => {
+  success: x
+}, H = (s) => {
   const {
     children: o,
     className: l,
     status: t = "info",
     ...a
-  } = m("InlineAlert", s), i = f(n.inlineAlert, n[t], l), r = {
+  } = f("InlineAlert", s), r = p(n.inlineAlert, n[t], l), i = {
     Heading: {
       className: n.heading,
       level: 3
@@ -29,9 +30,9 @@ const d = "flow--inline-alert", p = "flow--inline-alert--content", g = "flow--in
       className: n.content
     }
   };
-  return /* @__PURE__ */ e.createElement("aside", { ...a, className: i }, /* @__PURE__ */ e.createElement(u, { className: n.statusIcon, status: t }), /* @__PURE__ */ e.createElement(c, { props: r }, o));
+  return /* @__PURE__ */ e.createElement(c, null, /* @__PURE__ */ e.createElement("aside", { ...a, className: r }, /* @__PURE__ */ e.createElement(u, { className: n.statusIcon, status: t }), /* @__PURE__ */ e.createElement(m, { props: i }, o)));
 };
 export {
-  S as InlineAlert,
-  S as default
+  H as InlineAlert,
+  H as default
 };

package/dist/InlineCode-DZzyKdCm.js

@@ -0,0 +1,17 @@
+"use client"
+/* */
+import e from "react";
+import l from "clsx";
+import { C as i } from "./ClearPropsContext-CD1-9TZA.js";
+import "./propsContext-Dx7WKmmM.js";
+import "@react-aria/utils";
+import "remeda";
+const c = "flow--inline-code", m = {
+  inlineCode: c
+}, N = (o) => {
+  const { children: t, className: n, ...r } = o, s = l(m.inlineCode, n);
+  return /* @__PURE__ */ e.createElement(i, null, /* @__PURE__ */ e.createElement("code", { ...r, className: s }, t));
+};
+export {
+  N as I
+};

package/dist/InlineCode.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { I as o } from "./InlineCode-CVs3jCiw.js";
+import { I as o } from "./InlineCode-DZzyKdCm.js";
 export {
   o as InlineCode,
   o as default

package/dist/Label-DIeeRQZQ.js

@@ -0,0 +1,25 @@
+"use client"
+/* */
+import o from "react";
+import * as i from "react-aria-components";
+import c from "clsx";
+import { C as p } from "./ClearPropsContext-CD1-9TZA.js";
+import "./propsContext-Dx7WKmmM.js";
+import { u as b } from "./useProps-4x7PxhiE.js";
+import { useLocalizedStringFormatter as f } from "react-aria";
+const u = "flow--label", L = {
+  label: u
+}, C = {
+  "de-DE": {
+    "label.optional": "(optional)"
+  },
+  "en-EN": {
+    "label.optional": "(optional)"
+  }
+}, P = (t) => {
+  const { children: l, className: a, optional: e, ...r } = b("Label", t), s = f(C), n = c(L.label, a), m = " " + s.format("label.optional");
+  return /* @__PURE__ */ o.createElement(p, null, /* @__PURE__ */ o.createElement(i.Label, { ...r, className: n }, l, e && m));
+};
+export {
+  P as L
+};

package/dist/Label.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { L as e } from "./Label-B8RjhN8C.js";
+import { L as e } from "./Label-DIeeRQZQ.js";
 export {
   e as Label,
   e as default

package/dist/LabeledValue.js

@@ -2,14 +2,16 @@
 /* */
 import l from "react";
 import r from "clsx";
-import { P as c } from "./PropsContextProvider-C7Evvjhy.js";
+import { C as m } from "./ClearPropsContext-CD1-9TZA.js";
+import { P as c } from "./PropsContextProvider-B6QiUIPM.js";
 import "@react-aria/utils";
+import "./propsContext-Dx7WKmmM.js";
 import "remeda";
-const b = "flow--labeled-value", m = "flow--labeled-value--button", u = "flow--labeled-value--label", e = {
+const b = "flow--labeled-value", p = "flow--labeled-value--button", u = "flow--labeled-value--label", e = {
   labeledValue: b,
-  button: m,
+  button: p,
   label: u
-}, v = (t) => {
+}, y = (t) => {
   const { children: a, className: o } = t, s = r(e.labeledValue, o), n = {
     Label: {
       className: e.label
@@ -25,9 +27,9 @@ const b = "flow--labeled-value", m = "flow--labeled-value--button", u = "flow--l
       size: "s"
     }
   };
-  return /* @__PURE__ */ l.createElement("div", { className: s }, /* @__PURE__ */ l.createElement(c, { props: n }, a));
+  return /* @__PURE__ */ l.createElement(m, null, /* @__PURE__ */ l.createElement("div", { className: s }, /* @__PURE__ */ l.createElement(c, { props: n }, a)));
 };
 export {
-  v as LabeledValue,
-  v as default
+  y as LabeledValue,
+  y as default
 };

package/dist/LayoutCard.js

@@ -1,22 +1,21 @@
 "use client"
 /* */
-import m from "react";
-import "./PropsContextProvider-C7Evvjhy.js";
-import "@react-aria/utils";
-import { u as c } from "./useProps-d5Do2me4.js";
+import c from "react";
+import "./propsContext-Dx7WKmmM.js";
+import { u as m } from "./useProps-4x7PxhiE.js";
 import n from "clsx";
 const u = "flow--layout-card", d = {
   layoutCard: u
-}, N = (t) => {
+}, f = (t) => {
   const {
     children: o,
     className: a,
-    elementType: r = "div",
-    ...e
-  } = c("LayoutCard", t), s = n(d.layoutCard, a), l = r;
-  return /* @__PURE__ */ m.createElement(l, { className: s, ...e }, o);
+    elementType: e = "div",
+    ...r
+  } = m("LayoutCard", t), s = n(d.layoutCard, a), l = e;
+  return /* @__PURE__ */ c.createElement(l, { className: s, ...r }, o);
 };
 export {
-  N as LayoutCard,
-  N as default
+  f as LayoutCard,
+  f as default
 };

package/dist/Link.js

@@ -1,33 +1,33 @@
 "use client"
 /* */
-import m from "react";
+import i from "react";
 import * as c from "react-aria-components";
-import "./PropsContextProvider-C7Evvjhy.js";
-import "@react-aria/utils";
-import { u as k } from "./useProps-d5Do2me4.js";
-import p from "clsx";
-const f = "flow--link", d = "flow--link--inline", u = "flow--link--primary", w = "flow--link--danger", n = {
-  link: f,
-  inline: d,
-  primary: u,
+import { C as p } from "./ClearPropsContext-CD1-9TZA.js";
+import "./propsContext-Dx7WKmmM.js";
+import { u as k } from "./useProps-4x7PxhiE.js";
+import f from "clsx";
+const d = "flow--link", u = "flow--link--inline", C = "flow--link--primary", w = "flow--link--danger", n = {
+  link: d,
+  inline: u,
+  primary: C,
   danger: w
-}, C = (i) => {
+}, E = (r) => {
   const {
-    children: r,
+    children: e,
     className: o,
     variant: l = "default",
     inline: t,
-    linkComponent: e = c.Link,
+    linkComponent: a = c.Link,
     ...s
-  } = k("Link", i), a = p(
+  } = k("Link", r), m = f(
     n.link,
     n[l],
     t && n.inline,
     o
   );
-  return /* @__PURE__ */ m.createElement(e, { className: a, ...s }, r);
+  return /* @__PURE__ */ i.createElement(p, null, /* @__PURE__ */ i.createElement(a, { className: m, ...s }, e));
 };
 export {
-  C as Link,
-  C as default
+  E as Link,
+  E as default
 };

package/dist/List.js

@@ -5,17 +5,17 @@ var B = (i, t, e) => t in i ? V(i, t, { enumerable: !0, configurable: !0, writab
 var n = (i, t, e) => (B(i, typeof t != "symbol" ? t + "" : t, e), e);
 import r, { createContext as U, useContext as $, Suspense as D, createElement as x, useMemo as O, useEffect as I, isValidElement as H } from "react";
 import { useMessageFormatter as j, useLocalizedStringFormatter as q } from "react-aria";
-import { T as J } from "./Text-B5YK5s7t.js";
-import { B as b } from "./Button-FPl3fKiM.js";
+import { T as J } from "./Text-BAkan-um.js";
+import { B as b } from "./Button-IRdeGCc6.js";
 import "@tabler/icons-react";
-import "./Icon-S-6j_Kl3.js";
+import "./Icon-X0pOdlJY.js";
 import R from "clsx";
 import "html-react-parser";
-import "./PropsContextProvider-C7Evvjhy.js";
+import "./propsContext-Dx7WKmmM.js";
 import "@react-aria/utils";
 import { times as K } from "remeda";
-import { a as G, I as Q } from "./IconChevronUp-_2GHUOdG.js";
-import { L as W } from "./Label-B8RjhN8C.js";
+import { a as G, I as Q } from "./IconChevronUp-CyLNEJQy.js";
+import { L as W } from "./Label-DIeeRQZQ.js";
 import { getProperty as X } from "dot-prop";
 import { useSignal as f } from "@preact/signals-react";
 import { useReactTable as Y, getCoreRowModel as Z, getSortedRowModel as _, getFilteredRowModel as tt, getPaginationRowModel as et, getFacetedUniqueValues as at } from "@tanstack/react-table";
@@ -23,7 +23,7 @@ import { useSignals as S } from "@preact/signals-react/runtime";
 import it from "invariant";
 import { getAsyncResource as T } from "@mittwald/react-use-promise";
 import { deepFind as st, deepForEach as nt } from "react-children-utilities";
-import { I as rt } from "./InlineCode-CVs3jCiw.js";
+import { I as rt } from "./InlineCode-DZzyKdCm.js";
 import { ListLoaderAsyncResource as ot } from "./List/ListLoaderAsyncResource.js";
 const M = U({}), g = () => $(M).list, lt = (i) => /* @__PURE__ */ r.createElement(r.Fragment, null, i.children()), ct = (i) => {
   const { pageIndex: t } = i;

package/dist/Navigation.js

@@ -2,19 +2,20 @@
 /* */
 import t from "react";
 import c from "clsx";
-import { P as l } from "./PropsContextProvider-C7Evvjhy.js";
-import { u as m } from "./useProps-d5Do2me4.js";
+import "./propsContext-Dx7WKmmM.js";
+import { P as l } from "./PropsContextProvider-B6QiUIPM.js";
+import { u as m } from "./useProps-4x7PxhiE.js";
 import * as v from "react-aria-components";
 const g = "flow--navigation", p = {
   navigation: g
-}, P = (n) => {
+}, d = (n) => {
   const { className: a, children: o, ...e } = n, i = c(p.navigation, a);
   return /* @__PURE__ */ t.createElement("nav", { className: i, role: "navigation", ...e }, /* @__PURE__ */ t.createElement("ul", null, o));
 }, f = "flow--navigation--navigation-item", u = "flow--navigation--navigation-item--icon", x = "flow--navigation--navigation-item--text", s = {
   navigationItem: f,
   icon: u,
   text: x
-}, d = (n) => {
+}, k = (n) => {
   const {
     isCurrent: a,
     children: o,
@@ -39,7 +40,7 @@ const g = "flow--navigation", p = {
   ));
 };
 export {
-  P as Navigation,
-  d as NavigationItem,
-  P as default
+  d as Navigation,
+  k as NavigationItem,
+  d as default
 };

package/dist/NumberField.js

@@ -4,24 +4,26 @@ import e from "react";
 import * as r from "react-aria-components";
 import { s as o } from "./FormField.module-DHK6nIcD.js";
 import u from "clsx";
-import { P as p } from "./PropsContextProvider-C7Evvjhy.js";
+import { C as p } from "./ClearPropsContext-CD1-9TZA.js";
+import { P as d } from "./PropsContextProvider-B6QiUIPM.js";
 import "@react-aria/utils";
+import "./propsContext-Dx7WKmmM.js";
 import "remeda";
-import { F as d } from "./FieldError-BK5ho6N9.js";
-import { B as s } from "./Button-FPl3fKiM.js";
+import { F as f } from "./FieldError-BFjashy7.js";
+import { B as s } from "./Button-IRdeGCc6.js";
 import "@tabler/icons-react";
-import "./Icon-S-6j_Kl3.js";
+import "./Icon-X0pOdlJY.js";
 import "html-react-parser";
-import { I as f, a as E } from "./IconChevronUp-_2GHUOdG.js";
-import { I as N, a as I } from "./IconPlus-D0cizRQb.js";
-const b = "flow--number-field--group", B = "flow--number-field--input", F = "flow--number-field--decrement-button", P = "flow--number-field--increment-button", w = "flow--number-field--coarse-pointer-icon", h = "flow--number-field--touch-icon", t = {
-  group: b,
+import { I as E, a as N } from "./IconChevronUp-CyLNEJQy.js";
+import { I, a as b } from "./IconPlus-CnjtlT2f.js";
+const P = "flow--number-field--group", B = "flow--number-field--input", C = "flow--number-field--decrement-button", F = "flow--number-field--increment-button", w = "flow--number-field--coarse-pointer-icon", h = "flow--number-field--touch-icon", t = {
+  group: P,
   input: B,
-  decrementButton: F,
-  incrementButton: P,
+  decrementButton: C,
+  incrementButton: F,
   coarsePointerIcon: w,
   touchIcon: h
-}, U = (n) => {
+}, k = (n) => {
   const { children: c, className: a, ...m } = n, l = u(o.formField, a), i = {
     Label: {
       className: o.label,
@@ -34,7 +36,7 @@ const b = "flow--number-field--group", B = "flow--number-field--input", F = "flo
       className: o.customFieldError
     }
   };
-  return /* @__PURE__ */ e.createElement(r.NumberField, { ...m, className: l }, /* @__PURE__ */ e.createElement(r.Group, { className: t.group }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement(p, null, /* @__PURE__ */ e.createElement(r.NumberField, { ...m, className: l }, /* @__PURE__ */ e.createElement(r.Group, { className: t.group }, /* @__PURE__ */ e.createElement(
     s,
     {
       slot: "decrement",
@@ -43,8 +45,8 @@ const b = "flow--number-field--group", B = "flow--number-field--input", F = "flo
       style: "plain",
       variant: "secondary"
     },
-    /* @__PURE__ */ e.createElement(f, null),
-    /* @__PURE__ */ e.createElement(N, { className: t.coarsePointerIcon })
+    /* @__PURE__ */ e.createElement(E, null),
+    /* @__PURE__ */ e.createElement(I, { className: t.coarsePointerIcon })
   ), /* @__PURE__ */ e.createElement(r.Input, { className: t.input }), /* @__PURE__ */ e.createElement(
     s,
     {
@@ -54,11 +56,11 @@ const b = "flow--number-field--group", B = "flow--number-field--input", F = "flo
       style: "plain",
       variant: "secondary"
     },
-    /* @__PURE__ */ e.createElement(E, null),
-    /* @__PURE__ */ e.createElement(I, { className: t.coarsePointerIcon })
-  )), /* @__PURE__ */ e.createElement(p, { props: i }, c), /* @__PURE__ */ e.createElement(d, { className: o.fieldError }));
+    /* @__PURE__ */ e.createElement(N, null),
+    /* @__PURE__ */ e.createElement(b, { className: t.coarsePointerIcon })
+  )), /* @__PURE__ */ e.createElement(d, { props: i }, c), /* @__PURE__ */ e.createElement(f, { className: o.fieldError })));
 };
 export {
-  U as NumberField,
-  U as default
+  k as NumberField,
+  k as default
 };

package/dist/PropsContextProvider-B6QiUIPM.js

@@ -0,0 +1,28 @@
+"use client"
+/* */
+import m, { useMemo as t, isValidElement as n, cloneElement as P } from "react";
+import { p as h } from "./propsContext-Dx7WKmmM.js";
+const v = (s) => {
+  const {
+    props: p,
+    dependencies: c = [],
+    children: e,
+    ...r
+  } = s, d = t(
+    () => p,
+    c
+  ), o = n(e) ? {
+    ...r,
+    ...e.props
+  } : r, i = [
+    e,
+    ...Object.entries(o).flatMap((a) => a)
+  ], l = t(
+    () => n(e) ? P(e, o) : e,
+    i
+  );
+  return /* @__PURE__ */ m.createElement(h.Provider, { value: d }, l);
+};
+export {
+  v as P
+};

package/dist/RadioGroup.js

@@ -2,23 +2,24 @@
 /* */
 import o from "react";
 import * as n from "react-aria-components";
-import d from "clsx";
-import { P as m } from "./PropsContextProvider-C7Evvjhy.js";
+import m from "clsx";
+import "./propsContext-Dx7WKmmM.js";
+import { P as d } from "./PropsContextProvider-B6QiUIPM.js";
 import "@react-aria/utils";
 import "remeda";
-import { F as p } from "./FieldError-BK5ho6N9.js";
+import { F as p } from "./FieldError-BFjashy7.js";
 import "@tabler/icons-react";
-import "./Icon-S-6j_Kl3.js";
+import "./Icon-X0pOdlJY.js";
 import "html-react-parser";
-import { I as f } from "./IconCheck-1PRSXamm.js";
+import { I as f } from "./IconCheck-BD6sGh4B.js";
 const u = "flow--radio-group", E = "flow--radio-group--label", N = "flow--radio-group--field-error", g = "flow--radio-group--custom-field-error", w = "flow--radio-group--field-description", r = {
   radioGroup: u,
   label: E,
   fieldError: N,
   customFieldError: g,
   fieldDescription: w
-}, L = (a) => {
-  const { children: t, className: s, ...c } = a, i = d(r.radioGroup, s), l = {
+}, T = (t) => {
+  const { children: a, className: s, ...c } = t, i = m(r.radioGroup, s), l = {
     Label: {
       className: r.label
     },
@@ -29,15 +30,15 @@ const u = "flow--radio-group", E = "flow--radio-group--label", N = "flow--radio-
       className: r.customFieldError
     }
   };
-  return /* @__PURE__ */ o.createElement(n.RadioGroup, { ...c, className: i }, /* @__PURE__ */ o.createElement(m, { props: l }, t), /* @__PURE__ */ o.createElement(p, { className: r.fieldError }));
+  return /* @__PURE__ */ o.createElement(n.RadioGroup, { ...c, className: i }, /* @__PURE__ */ o.createElement(d, { props: l }, a), /* @__PURE__ */ o.createElement(p, { className: r.fieldError }));
 }, b = "flow--radio-group--radio", k = "flow--radio-group--radio--content", h = "flow--radio-group--radio--icon", C = "flow--radio-group--radio--checkmark", F = "flow--radio-group--radio--label", e = {
   radio: b,
   content: k,
   icon: h,
   checkmark: C,
   label: F
-}, T = (a) => {
-  const { children: t, className: s, ...c } = a, i = d(e.radio, s), l = {
+}, j = (t) => {
+  const { children: a, className: s, ...c } = t, i = m(e.radio, s), l = {
     Icon: {
       className: e.icon
     },
@@ -48,10 +49,10 @@ const u = "flow--radio-group", E = "flow--radio-group--label", N = "flow--radio-
       className: e.content
     }
   };
-  return /* @__PURE__ */ o.createElement(n.Radio, { ...c, className: i }, /* @__PURE__ */ o.createElement(m, { props: l }, t), /* @__PURE__ */ o.createElement(f, { className: e.checkmark }));
+  return /* @__PURE__ */ o.createElement(n.Radio, { ...c, className: i }, /* @__PURE__ */ o.createElement(d, { props: l }, a), /* @__PURE__ */ o.createElement(f, { className: e.checkmark }));
 };
 export {
-  T as Radio,
-  L as RadioGroup,
-  L as default
+  j as Radio,
+  T as RadioGroup,
+  T as default
 };

package/dist/Section.js

@@ -1,28 +1,38 @@
 "use client"
 /* */
-import t from "react";
+import s from "react";
 import i from "clsx";
-import { P as l } from "./PropsContextProvider-C7Evvjhy.js";
+import "./propsContext-Dx7WKmmM.js";
+import { P as l } from "./PropsContextProvider-B6QiUIPM.js";
 import "@react-aria/utils";
 import "remeda";
-const m = "flow--section", p = "flow--section--header", o = {
+const m = "flow--section", d = "flow--section--header", p = "flow--section--status-badge", e = {
   section: m,
-  header: p
-}, N = (s) => {
-  const { children: e, className: r, ...n } = s;
-  if (!e)
+  header: d,
+  switch: "flow--section--switch",
+  statusBadge: p
+}, x = (o) => {
+  const { children: t, className: a, ...c } = o;
+  if (!t)
     return null;
-  const c = i(o.section, r), a = {
+  const r = i(e.section, a), n = {
     Heading: {
       level: 2
     },
     Header: {
-      className: o.header
+      className: e.header,
+      Switch: {
+        className: e.switch,
+        labelPosition: "leading"
+      },
+      StatusBadge: {
+        className: e.statusBadge
+      }
     }
   };
-  return /* @__PURE__ */ t.createElement("section", { ...n, className: c }, /* @__PURE__ */ t.createElement(l, { props: a }, e));
+  return /* @__PURE__ */ s.createElement("section", { ...c, className: r }, /* @__PURE__ */ s.createElement(l, { props: n }, t));
 };
 export {
-  N as Section,
-  N as default
+  x as Section,
+  x as default
 };