@mittwald/flow-react-components 0.1.0-alpha.48 → 0.1.0-alpha.49

package/dist/InlineAlert.js

@@ -3,25 +3,23 @@
 import e from "react";
 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: g,
-  statusIcon: w,
+import "@react-aria/utils";
+import "./propsContext-Dx7WKmmM.js";
+import "remeda";
+import f from "clsx";
+import { S as p } from "./StatusIcon-BTQPL8cG.js";
+import { f as d } from "./flowComponent-DLzr2Cvi.js";
+const u = "flow--inline-alert", w = "flow--inline-alert--content", g = "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: u,
+  content: w,
+  statusIcon: g,
   heading: C,
   info: I,
   warning: N,
   danger: h,
   success: x
-}, H = (s) => {
-  const {
-    children: o,
-    className: l,
-    status: t = "info",
-    ...a
-  } = f("InlineAlert", s), r = p(n.inlineAlert, n[t], l), i = {
+}, j = d("InlineAlert", (o) => {
+  const { children: s, className: l, status: t = "info", ...r } = o, a = f(n.inlineAlert, n[t], l), i = {
     Heading: {
       className: n.heading,
       level: 3
@@ -30,9 +28,9 @@ const d = "flow--inline-alert", g = "flow--inline-alert--content", w = "flow--in
       className: n.content
     }
   };
-  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)));
-};
+  return /* @__PURE__ */ e.createElement(c, null, /* @__PURE__ */ e.createElement("aside", { ...r, className: a }, /* @__PURE__ */ e.createElement(p, { className: n.statusIcon, status: t }), /* @__PURE__ */ e.createElement(m, { props: i }, s)));
+});
 export {
-  H as InlineAlert,
-  H as default
+  j as InlineAlert,
+  j as default
 };

package/dist/Label-696-vpHQ.js

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

package/dist/Label.js

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

package/dist/LayoutCard.js

@@ -1,21 +1,15 @@
 "use client"
 /* */
 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
-}, f = (t) => {
-  const {
-    children: o,
-    className: a,
-    elementType: e = "div",
-    ...r
-  } = m("LayoutCard", t), s = n(d.layoutCard, a), l = e;
+import m from "clsx";
+import { f as n } from "./flowComponent-DLzr2Cvi.js";
+const d = "flow--layout-card", u = {
+  layoutCard: d
+}, p = n("LayoutCard", (t) => {
+  const { children: o, className: a, elementType: e = "div", ...r } = t, s = m(u.layoutCard, a), l = e;
   return /* @__PURE__ */ c.createElement(l, { className: s, ...r }, o);
-};
+});
 export {
-  f as LayoutCard,
-  f as default
+  p as LayoutCard,
+  p as default
 };

package/dist/Link.js

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

package/dist/List.js

@@ -5,21 +5,21 @@ 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-BAkan-um.js";
-import { B as b } from "./Button-IRdeGCc6.js";
+import { T as J } from "./Text-DaJ0Ajt9.js";
+import { B as b } from "./Button-DiHP-IYs.js";
 import "@tabler/icons-react";
-import "./Icon-X0pOdlJY.js";
 import R from "clsx";
 import "html-react-parser";
 import "./propsContext-Dx7WKmmM.js";
 import "@react-aria/utils";
 import { times as K } from "remeda";
-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 "./flowComponent-DLzr2Cvi.js";
 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";
 import { useSignals as S } from "@preact/signals-react/runtime";
+import { a as G, I as Q } from "./IconChevronUp-DOOZfR76.js";
+import { L as W } from "./Label-696-vpHQ.js";
+import { getProperty as X } from "dot-prop";
+import { useReactTable as Y, getCoreRowModel as Z, getSortedRowModel as _, getFilteredRowModel as tt, getPaginationRowModel as et, getFacetedUniqueValues as at } from "@tanstack/react-table";
 import it from "invariant";
 import { getAsyncResource as T } from "@mittwald/react-use-promise";
 import { deepFind as st, deepForEach as nt } from "react-children-utilities";

package/dist/Navigation.js

@@ -1,46 +1,48 @@
 "use client"
 /* */
 import t from "react";
-import c from "clsx";
+import m from "clsx";
 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";
+import { P as c } from "./PropsContextProvider-B6QiUIPM.js";
+import "@react-aria/utils";
+import "remeda";
+import * as l from "react-aria-components";
+import { f as v } from "./flowComponent-DLzr2Cvi.js";
 const g = "flow--navigation", p = {
   navigation: g
-}, 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 = {
+}, P = (n) => {
+  const { className: o, children: a, ...i } = n, e = m(p.navigation, o);
+  return /* @__PURE__ */ t.createElement("nav", { className: e, role: "navigation", ...i }, /* @__PURE__ */ t.createElement("ul", null, a));
+}, f = "flow--navigation--navigation-item", x = "flow--navigation--navigation-item--icon", N = "flow--navigation--navigation-item--text", r = {
   navigationItem: f,
-  icon: u,
-  text: x
-}, k = (n) => {
+  icon: x,
+  text: N
+}, h = v("NavigationItem", (n) => {
   const {
-    isCurrent: a,
-    children: o,
-    linkComponent: e = v.Link,
-    ...i
-  } = m("NavigationItem", n), r = {
+    isCurrent: o,
+    children: a,
+    linkComponent: i = l.Link,
+    ...e
+  } = n, s = {
     Text: {
-      className: s.text
+      className: r.text
     },
     Icon: {
-      className: s.icon
+      className: r.icon
     }
   };
   return /* @__PURE__ */ t.createElement("li", null, /* @__PURE__ */ t.createElement(
-    e,
+    i,
     {
-      ...i,
-      className: s.navigationItem,
-      "aria-current": a ? "page" : !1
+      ...e,
+      className: r.navigationItem,
+      "aria-current": o ? "page" : !1
     },
-    /* @__PURE__ */ t.createElement(l, { props: r }, o)
+    /* @__PURE__ */ t.createElement(c, { props: s }, a)
   ));
-};
+});
 export {
-  d as Navigation,
-  k as NavigationItem,
-  d as default
+  P as Navigation,
+  h as NavigationItem,
+  P as default
 };

package/dist/NumberField.js

@@ -3,19 +3,21 @@
 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 { C as p } from "./ClearPropsContext-CD1-9TZA.js";
+import p from "clsx";
+import { C as u } 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 f } from "./FieldError-BFjashy7.js";
-import { B as s } from "./Button-IRdeGCc6.js";
+import { F as f } from "./FieldError-BmzydlRW.js";
+import { B as s } from "./Button-DiHP-IYs.js";
 import "@tabler/icons-react";
-import "./Icon-X0pOdlJY.js";
 import "html-react-parser";
-import { I as E, a as N } from "./IconChevronUp-CyLNEJQy.js";
-import { I, a as b } from "./IconPlus-CnjtlT2f.js";
+import "./flowComponent-DLzr2Cvi.js";
+import "@preact/signals-react";
+import "@preact/signals-react/runtime";
+import { I as E, a as N } from "./IconChevronUp-DOOZfR76.js";
+import { I, a as b } from "./IconPlus-ChJLWEqL.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,
@@ -23,8 +25,8 @@ const P = "flow--number-field--group", B = "flow--number-field--input", C = "flo
   incrementButton: F,
   coarsePointerIcon: w,
   touchIcon: h
-}, k = (n) => {
-  const { children: c, className: a, ...m } = n, l = u(o.formField, a), i = {
+}, J = (n) => {
+  const { children: c, className: m, ...a } = n, l = p(o.formField, m), i = {
     Label: {
       className: o.label,
       optional: !n.isRequired
@@ -36,7 +38,7 @@ const P = "flow--number-field--group", B = "flow--number-field--input", C = "flo
       className: o.customFieldError
     }
   };
-  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(
+  return /* @__PURE__ */ e.createElement(u, null, /* @__PURE__ */ e.createElement(r.NumberField, { ...a, className: l }, /* @__PURE__ */ e.createElement(r.Group, { className: t.group }, /* @__PURE__ */ e.createElement(
     s,
     {
       slot: "decrement",
@@ -61,6 +63,6 @@ const P = "flow--number-field--group", B = "flow--number-field--input", C = "flo
   )), /* @__PURE__ */ e.createElement(d, { props: i }, c), /* @__PURE__ */ e.createElement(f, { className: o.fieldError })));
 };
 export {
-  k as NumberField,
-  k as default
+  J as NumberField,
+  J as default
 };

package/dist/RadioGroup.js

@@ -7,19 +7,21 @@ import "./propsContext-Dx7WKmmM.js";
 import { P as d } from "./PropsContextProvider-B6QiUIPM.js";
 import "@react-aria/utils";
 import "remeda";
-import { F as p } from "./FieldError-BFjashy7.js";
+import { F as p } from "./FieldError-BmzydlRW.js";
 import "@tabler/icons-react";
-import "./Icon-X0pOdlJY.js";
 import "html-react-parser";
-import { I as f } from "./IconCheck-BD6sGh4B.js";
+import "./flowComponent-DLzr2Cvi.js";
+import "@preact/signals-react";
+import "@preact/signals-react/runtime";
+import { I as f } from "./IconCheck-B_oanaSr.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
-}, T = (t) => {
-  const { children: a, className: s, ...c } = t, i = m(r.radioGroup, s), l = {
+}, q = (t) => {
+  const { children: a, className: s, ...i } = t, c = m(r.radioGroup, s), l = {
     Label: {
       className: r.label
     },
@@ -30,15 +32,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(d, { props: l }, a), /* @__PURE__ */ o.createElement(p, { className: r.fieldError }));
+  return /* @__PURE__ */ o.createElement(n.RadioGroup, { ...i, className: c }, /* @__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
-}, j = (t) => {
-  const { children: a, className: s, ...c } = t, i = m(e.radio, s), l = {
+}, z = (t) => {
+  const { children: a, className: s, ...i } = t, c = m(e.radio, s), l = {
     Icon: {
       className: e.icon
     },
@@ -49,10 +51,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(d, { props: l }, a), /* @__PURE__ */ o.createElement(f, { className: e.checkmark }));
+  return /* @__PURE__ */ o.createElement(n.Radio, { ...i, className: c }, /* @__PURE__ */ o.createElement(d, { props: l }, a), /* @__PURE__ */ o.createElement(f, { className: e.checkmark }));
 };
 export {
-  j as Radio,
-  T as RadioGroup,
-  T as default
+  z as Radio,
+  q as RadioGroup,
+  q as default
 };

package/dist/StatusBadge.js

@@ -1,29 +1,26 @@
 "use client"
 /* */
 import t from "react";
-import l from "clsx";
-import { S as m } from "./StatusIcon-VLj9j54q.js";
-import { T as u } from "./Text-BAkan-um.js";
-import { C as d } from "./ClearPropsContext-CD1-9TZA.js";
+import m from "clsx";
+import { S as l } from "./StatusIcon-BTQPL8cG.js";
+import { T as u } from "./Text-DaJ0Ajt9.js";
+import { C as f } from "./ClearPropsContext-CD1-9TZA.js";
 import "./propsContext-Dx7WKmmM.js";
-import { u as f } from "./useProps-4x7PxhiE.js";
-const g = "flow--status-badge", i = "flow--status-badge--text", p = "flow--status-badge--info", w = "flow--status-badge--success", x = "flow--status-badge--warning", b = "flow--status-badge--danger", s = {
-  statusBadge: g,
-  text: i,
+import "@react-aria/utils";
+import "remeda";
+import { f as i } from "./flowComponent-DLzr2Cvi.js";
+const d = "flow--status-badge", g = "flow--status-badge--text", p = "flow--status-badge--info", w = "flow--status-badge--success", x = "flow--status-badge--warning", b = "flow--status-badge--danger", s = {
+  statusBadge: d,
+  text: g,
   info: p,
   success: w,
   warning: x,
   danger: b
-}, T = (a) => {
-  const {
-    children: o,
-    className: n,
-    status: e = "info",
-    ...r
-  } = f("StatusBadge", a), c = l(s.statusBadge, s[e], n);
-  return /* @__PURE__ */ t.createElement(d, null, /* @__PURE__ */ t.createElement("div", { className: c, ...r }, /* @__PURE__ */ t.createElement(m, { size: "s", className: s.statusIcon, status: e }), /* @__PURE__ */ t.createElement(u, { className: s.text }, o)));
-};
+}, y = i("StatusBadge", (a) => {
+  const { children: o, className: n, status: e = "info", ...r } = a, c = m(s.statusBadge, s[e], n);
+  return /* @__PURE__ */ t.createElement(f, null, /* @__PURE__ */ t.createElement("div", { className: c, ...r }, /* @__PURE__ */ t.createElement(l, { size: "s", className: s.statusIcon, status: e }), /* @__PURE__ */ t.createElement(u, { className: s.text }, o)));
+});
 export {
-  T as StatusBadge,
-  T as default
+  y as StatusBadge,
+  y as default
 };

package/dist/{StatusIcon-VLj9j54q.js → StatusIcon-BTQPL8cG.js}

@@ -2,17 +2,19 @@
 /* */
 import o from "react";
 import "@tabler/icons-react";
-import "./Icon-X0pOdlJY.js";
 import "clsx";
 import "html-react-parser";
 import { C as c } from "./ClearPropsContext-CD1-9TZA.js";
 import "./propsContext-Dx7WKmmM.js";
 import "@react-aria/utils";
 import "remeda";
-import { I as e } from "./IconDanger-DH5QCYHj.js";
-import { I as i, a as m, b as u } from "./IconWarning-D7qa4Hmz.js";
+import "./flowComponent-DLzr2Cvi.js";
+import "@preact/signals-react";
+import "@preact/signals-react/runtime";
+import { I as e } from "./IconDanger-Bq08fgKM.js";
+import { I as i, a as m, b as u } from "./IconWarning-BYFc8Vv9.js";
 import { useLocalizedStringFormatter as I } from "react-aria";
-const f = {
+const p = {
   "de-DE": {
     "statusIcon.danger": "Fehler",
     "statusIcon.info": "Information",
@@ -25,15 +27,15 @@ const f = {
     "statusIcon.success": "Successful",
     "statusIcon.warning": "Warning"
   }
-}, g = {
+}, f = {
   danger: e,
   info: i,
   success: m,
   warning: u
-}, L = (n) => {
-  const { status: t = "info", ...r } = n, s = I(f).format(`statusIcon.${t}`), a = g[t];
+}, N = (n) => {
+  const { status: t = "info", ...r } = n, s = I(p).format(`statusIcon.${t}`), a = f[t];
   return /* @__PURE__ */ o.createElement(c, null, /* @__PURE__ */ o.createElement(a, { "aria-label": s, ...r }));
 };
 export {
-  L as S
+  N as S
 };

package/dist/StatusIcon.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { S as a } from "./StatusIcon-VLj9j54q.js";
+import { S as a } from "./StatusIcon-BTQPL8cG.js";
 export {
   a as StatusIcon,
   a as default

package/dist/Switch.js

@@ -4,34 +4,30 @@ import e from "react";
 import * as i from "react-aria-components";
 import n from "clsx";
 import "@tabler/icons-react";
-import "./Icon-X0pOdlJY.js";
 import "html-react-parser";
-import { C as h } from "./ClearPropsContext-CD1-9TZA.js";
+import { C as f } from "./ClearPropsContext-CD1-9TZA.js";
 import "./propsContext-Dx7WKmmM.js";
-import { u as p } from "./useProps-4x7PxhiE.js";
-import { I as w } from "./IconCheck-BD6sGh4B.js";
-import { I as f } from "./IconClose-mhahyKoS.js";
-import { L as d } from "./Label-DIeeRQZQ.js";
-const b = "flow--switch--track", E = "flow--switch--handle", u = "flow--switch--label", t = {
+import "@react-aria/utils";
+import "remeda";
+import { f as h } from "./flowComponent-DLzr2Cvi.js";
+import { I as p } from "./IconCheck-B_oanaSr.js";
+import { I as w } from "./IconClose-iB7vE9z6.js";
+import { L as d } from "./Label-696-vpHQ.js";
+const b = "flow--switch--track", E = "flow--switch--handle", C = "flow--switch--label", t = {
   switch: "flow--switch",
   "label-leading": "flow--switch--label-leading",
   track: b,
   handle: E,
-  label: u
-}, y = (l) => {
-  const {
-    children: a,
-    className: s,
-    labelPosition: r = "trailing",
-    ...o
-  } = p("Switch", l), c = n(
+  label: C
+}, A = h("Switch", (l) => {
+  const { children: a, className: o, labelPosition: r = "trailing", ...s } = l, c = n(
     t.switch,
     t[`label-${r}`],
-    s
+    o
   );
-  return /* @__PURE__ */ e.createElement(h, null, /* @__PURE__ */ e.createElement(i.Switch, { ...o, className: c }, ({ isSelected: m }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: t.track }, /* @__PURE__ */ e.createElement("div", { className: t.handle }, m ? /* @__PURE__ */ e.createElement(w, { size: "s" }) : /* @__PURE__ */ e.createElement(f, { size: "s" }))), /* @__PURE__ */ e.createElement(d, { className: t.label }, a))));
-};
+  return /* @__PURE__ */ e.createElement(f, null, /* @__PURE__ */ e.createElement(i.Switch, { ...s, className: c }, ({ isSelected: m }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: t.track }, /* @__PURE__ */ e.createElement("div", { className: t.handle }, m ? /* @__PURE__ */ e.createElement(p, { size: "s" }) : /* @__PURE__ */ e.createElement(w, { size: "s" }))), /* @__PURE__ */ e.createElement(d, { className: t.label }, a))));
+});
 export {
-  y as Switch,
-  y as default
+  A as Switch,
+  A as default
 };

package/dist/Text-DaJ0Ajt9.js

@@ -0,0 +1,29 @@
+"use client"
+/* */
+import t from "react";
+import * as l from "react-aria-components";
+import { C as c } from "./ClearPropsContext-CD1-9TZA.js";
+import { P as f } from "./PropsContextProvider-B6QiUIPM.js";
+import "@react-aria/utils";
+import "./propsContext-Dx7WKmmM.js";
+import "remeda";
+import x from "invariant";
+import { f as T } from "./flowComponent-DLzr2Cvi.js";
+const v = T("Text", (r) => {
+  const { children: m, className: s, elementType: e = "span", ...i } = r, o = { ...i, className: s }, p = {
+    Link: {
+      inline: !0
+    }
+  }, n = /* @__PURE__ */ t.createElement(f, { props: p }, m);
+  if (!r.slot) {
+    const a = e;
+    return /* @__PURE__ */ t.createElement(a, { ...o }, n);
+  }
+  return x(
+    typeof e == "string",
+    "'elementType' in Text component must be of type string"
+  ), /* @__PURE__ */ t.createElement(c, null, /* @__PURE__ */ t.createElement(l.Text, { ...o, elementType: e }, n));
+});
+export {
+  v as T
+};

package/dist/Text.js

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

package/dist/TextArea.js

@@ -2,7 +2,7 @@
 /* */
 import e from "react";
 import * as l from "react-aria-components";
-import { T as n } from "./TextFieldBase-_wFIsQyH.js";
+import { T as n } from "./TextFieldBase-D60i8AOY.js";
 import { C as c } from "./ClearPropsContext-CD1-9TZA.js";
 import "./propsContext-Dx7WKmmM.js";
 import "@react-aria/utils";

package/dist/TextField.js

@@ -2,7 +2,7 @@
 /* */
 import t from "react";
 import * as s from "react-aria-components";
-import { T as a } from "./TextFieldBase-_wFIsQyH.js";
+import { T as a } from "./TextFieldBase-D60i8AOY.js";
 import { C as m } from "./ClearPropsContext-CD1-9TZA.js";
 import "./propsContext-Dx7WKmmM.js";
 import "@react-aria/utils";

package/dist/{TextFieldBase-_wFIsQyH.js → TextFieldBase-D60i8AOY.js}

@@ -9,7 +9,7 @@ import { P as d } from "./PropsContextProvider-B6QiUIPM.js";
 import "@react-aria/utils";
 import "./propsContext-Dx7WKmmM.js";
 import "remeda";
-import { F as f } from "./FieldError-BFjashy7.js";
+import { F as f } from "./FieldError-BmzydlRW.js";
 const D = (o) => {
   const { children: t, className: s, input: a, ...i } = o, l = p(e.formField, s), m = {
     Label: {