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

package/dist/Button-DAoWF37n.js

@@ -0,0 +1,120 @@
+"use client"
+/* */
+import o, { useEffect as x } from "react";
+import * as F from "react-aria-components";
+import E from "clsx";
+import { C as y } from "./ClearPropsContext-mes1t7Bj.js";
+import { P as C } from "./PropsContextProvider-B7e3QrmR.js";
+import "@react-aria/utils";
+import "./ComponentRenderContextProvider-C-1_ziLI.js";
+import "remeda";
+import "@tabler/icons-react";
+import "./Icon-DdmDlHdu.js";
+import { I as h, a as I } from "./IconSucceeded-cPVVsQAs.js";
+import { W as f } from "./Wrap-DGT1h1o3.js";
+import { T as N } from "./Text-CZrXXfX3.js";
+import { f as L } from "./flowComponent-CpHt0lsO.js";
+import { L as k } from "./LoadingSpinner-VQh3iQVs.js";
+import { useLocalizedStringFormatter as A } from "react-aria";
+import { useLiveRegion as D } from "@chakra-ui/live-region";
+const T = "flow--button", z = "flow--button--content", B = "flow--button--state-icon", R = "flow--button--avatar", K = "flow--button--icon", U = "flow--button--text", W = "flow--button--counter-label", $ = "flow--button--is-succeeded", j = "flow--button--is-failed", q = "flow--button--is-pending", G = "flow--button--plain", H = "flow--button--primary", J = "flow--button--solid", M = "flow--button--aria-disabled", O = "flow--button--accent", Q = "flow--button--danger", V = "flow--button--secondary", X = "flow--button--dark", Y = "flow--button--light", Z = "flow--button--soft", t = {
+  button: T,
+  content: z,
+  stateIcon: B,
+  avatar: R,
+  icon: K,
+  text: U,
+  counterLabel: W,
+  isSucceeded: $,
+  isFailed: j,
+  isPending: q,
+  plain: G,
+  "size-s": "flow--button--size-s",
+  primary: H,
+  solid: J,
+  ariaDisabled: M,
+  accent: O,
+  danger: Q,
+  secondary: V,
+  dark: X,
+  light: Y,
+  soft: Z
+}, _ = {
+  "de-DE": {
+    "action.isFailed": "Fehlgeschlagen",
+    "action.isPending": "Ausstehend...",
+    "action.isSucceeded": "Erfolgreich"
+  },
+  "en-EN": {
+    "action.isFailed": "Failed",
+    "action.isPending": "Pending...",
+    "action.isSucceeded": "Succeeded"
+  }
+}, ee = (e, r = {}) => {
+  const i = A(_), {
+    isPendingText: s = i.format("action.isPending"),
+    isSucceededText: c = i.format("action.isSucceeded"),
+    isFailedText: a = i.format("action.isFailed")
+  } = r, n = D({
+    "aria-live": "polite",
+    "aria-atomic": !1,
+    "aria-relevant": "text additions",
+    role: "status"
+  });
+  x(() => {
+    e === "isPending" ? n.speak(s) : e === "isSucceeded" ? n.speak(c) : e === "isFailed" && n.speak(a);
+  }, [e]);
+}, te = (e) => ((e.isPending || e.isSucceeded || e.isFailed || e["aria-disabled"]) && (e = { ...e }, e.onPress = void 0, e.onPressStart = void 0, e.onPressEnd = void 0, e.onPressChange = void 0, e.onPressUp = void 0, e.onKeyDown = void 0, e.onKeyUp = void 0), e), ve = L("Button", (e) => {
+  e = te(e);
+  const {
+    color: r = "primary",
+    variant: i = "solid",
+    children: s,
+    className: c,
+    size: a = "m",
+    isPending: n,
+    isSucceeded: l,
+    isFailed: d,
+    "aria-disabled": b,
+    refProp: g,
+    unstyled: m,
+    ...P
+  } = e, w = m ? c : E(
+    t.button,
+    n && t.isPending,
+    l && t.isSucceeded,
+    d && t.isFailed,
+    t[`size-${a}`],
+    t[r],
+    t[i],
+    c,
+    /**
+     * Workaround warning: The Aria.Button does not support "aria-disabled"
+     * by now, so this Button will be visually disabled via CSS.
+     */
+    b && t.ariaDisabled
+  );
+  ee(
+    n ? "isPending" : l ? "isSucceeded" : d ? "isFailed" : "isIdle"
+  );
+  const v = {
+    Icon: {
+      className: t.icon,
+      "aria-hidden": !0,
+      size: a
+    },
+    Text: {
+      className: t.text
+    },
+    Avatar: {
+      className: t.avatar
+    },
+    CounterLabel: {
+      className: t.counterLabel
+    }
+  }, u = l ? h : d ? I : n ? k : void 0, p = u && /* @__PURE__ */ o.createElement(u, { size: a, className: t.stateIcon }), S = typeof s == "string";
+  return /* @__PURE__ */ o.createElement(y, null, /* @__PURE__ */ o.createElement(F.Button, { className: w, ref: g, ...P }, /* @__PURE__ */ o.createElement(C, { props: v }, /* @__PURE__ */ o.createElement(f, { if: !m }, /* @__PURE__ */ o.createElement("span", { className: t.content }, /* @__PURE__ */ o.createElement(f, { if: S }, /* @__PURE__ */ o.createElement(N, null, s))))), p));
+});
+export {
+  ve as B
+};

package/dist/Button.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { B as o } from "./Button-eL1xJ40W.js";
+import { B as o } from "./Button-DAoWF37n.js";
 export {
   o as Button,
   o as default

package/dist/Checkbox-2PUuXc0T.js

@@ -0,0 +1,25 @@
+"use client"
+/* */
+import e from "react";
+import * as i from "react-aria-components";
+import p from "clsx";
+import "@tabler/icons-react";
+import "./Icon-DdmDlHdu.js";
+import { I as x, a as f } from "./IconCheckboxEmpty-BxpTlSro.js";
+import { I as h } from "./IconCheckboxIndeterminate-Cc72OI6v.js";
+import { C } from "./ClearPropsContext-mes1t7Bj.js";
+import "./ComponentRenderContextProvider-C-1_ziLI.js";
+import "@react-aria/utils";
+import "remeda";
+import "dot-prop";
+import { f as k } from "./flowComponent-CpHt0lsO.js";
+const b = "flow--checkbox", E = "flow--checkbox--icon", o = {
+  checkbox: b,
+  icon: E
+}, q = k("Checkbox", (c) => {
+  const { children: t, className: r, refProp: m, ...a } = c, n = p(o.checkbox, r);
+  return /* @__PURE__ */ e.createElement(C, null, /* @__PURE__ */ e.createElement(i.Checkbox, { ...a, className: n, ref: m }, ({ isSelected: s, isIndeterminate: l }) => /* @__PURE__ */ e.createElement(e.Fragment, null, s ? /* @__PURE__ */ e.createElement(x, { className: o.icon }) : l ? /* @__PURE__ */ e.createElement(h, { className: o.icon }) : /* @__PURE__ */ e.createElement(f, { className: o.icon }), t)));
+});
+export {
+  q as C
+};

package/dist/Checkbox.js

@@ -1,71 +1,7 @@
 "use client"
 /* */
-import t from "react";
-import * as d from "react-aria-components";
-import { c as v } from "./clsx-DB4S2d7J.js";
-import { I as s } from "./Icon-Dp34FFi3.js";
-const k = "flow--checkbox", g = "flow--checkbox--checkmark", u = {
-  checkbox: k,
-  checkmark: g
-};
-var l = {}, o = {};
-(function(a) {
-  Object.defineProperty(a, "__esModule", { value: !0 });
-  var e = "far", i = "square-check", n = 448, h = 512, c = [9745, 9989, 61510, "check-square"], r = "f14a", f = "M64 80c-8.8 0-16 7.2-16 16V416c0 8.8 7.2 16 16 16H384c8.8 0 16-7.2 16-16V96c0-8.8-7.2-16-16-16H64zM0 96C0 60.7 28.7 32 64 32H384c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z";
-  a.definition = {
-    prefix: e,
-    iconName: i,
-    icon: [
-      n,
-      h,
-      c,
-      r,
-      f
-    ]
-  }, a.faSquareCheck = a.definition, a.prefix = e, a.iconName = i, a.width = n, a.height = h, a.ligatures = c, a.unicode = r, a.svgPathData = f, a.aliases = c;
-})(o);
-(function(a) {
-  Object.defineProperty(a, "__esModule", { value: !0 });
-  var e = o;
-  a.definition = {
-    prefix: e.prefix,
-    iconName: e.iconName,
-    icon: [
-      e.width,
-      e.height,
-      e.aliases,
-      e.unicode,
-      e.svgPathData
-    ]
-  }, a.faCheckSquare = a.definition, a.prefix = e.prefix, a.iconName = e.iconName, a.width = e.width, a.height = e.height, a.ligatures = e.aliases, a.unicode = e.unicode, a.svgPathData = e.svgPathData, a.aliases = e.aliases;
-})(l);
-var m = {};
-(function(a) {
-  Object.defineProperty(a, "__esModule", { value: !0 });
-  var e = "far", i = "square", n = 448, h = 512, c = [9632, 9723, 9724, 61590], r = "f0c8", f = "M384 80c8.8 0 16 7.2 16 16V416c0 8.8-7.2 16-16 16H64c-8.8 0-16-7.2-16-16V96c0-8.8 7.2-16 16-16H384zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64z";
-  a.definition = {
-    prefix: e,
-    iconName: i,
-    icon: [
-      n,
-      h,
-      c,
-      r,
-      f
-    ]
-  }, a.faSquare = a.definition, a.prefix = e, a.iconName = i, a.width = n, a.height = h, a.ligatures = c, a.unicode = r, a.svgPathData = f, a.aliases = c;
-})(m);
-const C = (a) => {
-  const { children: e, className: i, ...n } = a, h = v(u.checkbox, i);
-  return /* @__PURE__ */ t.createElement(d.Checkbox, { ...n, className: h }, ({ isSelected: c }) => /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(
-    s,
-    {
-      className: u.checkmark,
-      faIcon: c ? l.faCheckSquare : m.faSquare
-    }
-  ), e));
-};
+import { C as a } from "./Checkbox-2PUuXc0T.js";
 export {
-  C as Checkbox,
-  C as default
+  a as Checkbox,
+  a as default
 };

package/dist/CheckboxButton-BPHQLZJq.js

@@ -0,0 +1,29 @@
+"use client"
+/* */
+import o from "react";
+import m from "clsx";
+import { C as p } from "./ClearPropsContext-mes1t7Bj.js";
+import { P as b } from "./PropsContextProvider-B7e3QrmR.js";
+import "@react-aria/utils";
+import "./ComponentRenderContextProvider-C-1_ziLI.js";
+import "remeda";
+import { C as x } from "./Checkbox-2PUuXc0T.js";
+import { f } from "./flowComponent-CpHt0lsO.js";
+const C = "flow--checkbox-button", i = "flow--checkbox-button--label", h = "flow--checkbox-button--content", t = {
+  checkboxButton: C,
+  label: i,
+  content: h
+}, y = f("CheckboxButton", (e) => {
+  const { children: c, className: n, refProp: r, ...s } = e, l = m(t.checkboxButton, n), a = {
+    Text: {
+      className: t.label
+    },
+    Content: {
+      className: t.content
+    }
+  };
+  return /* @__PURE__ */ o.createElement(p, null, /* @__PURE__ */ o.createElement(x, { ...s, className: l, ref: r }, /* @__PURE__ */ o.createElement(b, { props: a }, c)));
+});
+export {
+  y as C
+};

package/dist/CheckboxButton.js

@@ -0,0 +1,7 @@
+"use client"
+/* */
+import { C as t } from "./CheckboxButton-BPHQLZJq.js";
+export {
+  t as CheckboxButton,
+  t as default
+};

package/dist/CheckboxGroup.js

@@ -0,0 +1,44 @@
+"use client"
+/* */
+import e from "react";
+import * as x from "react-aria-components";
+import b from "clsx";
+import "./ComponentRenderContextProvider-C-1_ziLI.js";
+import { P as h } from "./PropsContextProvider-B7e3QrmR.js";
+import "@react-aria/utils";
+import "remeda";
+import { F as E } from "./FieldError-BKoqRvQY.js";
+import { C as k } from "./CheckboxButton-BPHQLZJq.js";
+import { TunnelProvider as C, TunnelExit as r } from "@mittwald/react-tunnel";
+import { s as o } from "./FormField.module-DHK6nIcD.js";
+import { C as N } from "./ColumnLayout-FMONjI17.js";
+import { d as F } from "./deepFindOfType-6pG0fH7S.js";
+import { f as G } from "./flowComponent-CpHt0lsO.js";
+const P = "flow--checkbox-group", s = {
+  checkboxGroup: P
+}, j = G("CheckboxGroup", (l) => {
+  const { children: t, className: m, s: n, m: a, l: i, refProp: p, ...d } = l, f = b(o.formField, m), u = {
+    Label: {
+      className: o.label
+    },
+    FieldDescription: {
+      className: o.fieldDescription,
+      tunnelId: "fieldDescription"
+    },
+    FieldError: {
+      className: o.customFieldError,
+      tunnelId: "fieldError"
+    },
+    Checkbox: {
+      tunnelId: "checkboxes"
+    },
+    CheckboxButton: {
+      tunnelId: "checkboxes"
+    }
+  }, c = !!F(t, k);
+  return /* @__PURE__ */ e.createElement(x.CheckboxGroup, { ...d, className: f, ref: p }, /* @__PURE__ */ e.createElement(h, { props: u }, /* @__PURE__ */ e.createElement(C, null, t, c && /* @__PURE__ */ e.createElement(N, { s: n, m: a, l: i, className: s.checkboxGroup }, /* @__PURE__ */ e.createElement(r, { id: "checkboxes" })), !c && /* @__PURE__ */ e.createElement("div", { className: s.checkboxGroup }, /* @__PURE__ */ e.createElement(r, { id: "checkboxes" })), /* @__PURE__ */ e.createElement(r, { id: "fieldDescription" }), /* @__PURE__ */ e.createElement(r, { id: "fieldError" }))), /* @__PURE__ */ e.createElement(E, { className: o.fieldError }));
+});
+export {
+  j as CheckboxGroup,
+  j as default
+};

package/dist/ClearPropsContext-mes1t7Bj.js

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

package/dist/ColumnLayout-FMONjI17.js

@@ -0,0 +1,22 @@
+"use client"
+/* */
+import e from "react";
+import C from "clsx";
+const L = "flow--column-layout--column-layout-container", d = "flow--column-layout", r = {
+  columnLayoutContainer: L,
+  columnLayout: d
+}, c = (o) => {
+  if (o.length < 1)
+    throw new Error("Column layout array is empty");
+  return o.map((t) => `${t}fr`).join(" ");
+}, w = (o) => {
+  const { children: u, className: t, s: n, m: l, l: a } = o, s = n ? c(n) : void 0, m = l ? c(l) : n ? s : void 0, y = a ? c(a) : l || n ? m : void 0, i = {
+    "--column-layout--columns-s": s,
+    "--column-layout--columns-m": m,
+    "--column-layout--columns-l": y
+  }, f = C(r.columnLayoutContainer, t);
+  return /* @__PURE__ */ e.createElement("div", { className: f, style: i }, /* @__PURE__ */ e.createElement("div", { className: r.columnLayout }, u));
+};
+export {
+  w as C
+};

package/dist/ColumnLayout.js

@@ -0,0 +1,7 @@
+"use client"
+/* */
+import { C as a } from "./ColumnLayout-FMONjI17.js";
+export {
+  a as ColumnLayout,
+  a as default
+};

package/dist/ComponentRenderContextProvider-C-1_ziLI.js

@@ -0,0 +1,29 @@
+"use client"
+/* */
+import i, { createContext as t, useContext as n } from "react";
+import { mapValues as x } from "remeda";
+const r = t({});
+r.Provider;
+const l = () => n(r), o = t(void 0), p = () => n(o), u = o.Provider, R = (s) => {
+  const { children: d, propsContext: a } = s, C = p(), c = x(
+    a,
+    (e) => e && "render" in e && e.render !== !1 ? e.render : void 0
+  );
+  return /* @__PURE__ */ i.createElement(
+    u,
+    {
+      value: {
+        render: c,
+        parentContext: C
+      }
+    },
+    d
+  );
+};
+export {
+  u as C,
+  R as P,
+  p as a,
+  r as p,
+  l as u
+};

package/dist/Content-eQoJ_gHK.js

@@ -0,0 +1,25 @@
+"use client"
+/* */
+import t from "react";
+import { C as c } from "./ClearPropsContext-mes1t7Bj.js";
+import "./ComponentRenderContextProvider-C-1_ziLI.js";
+import "@react-aria/utils";
+import "remeda";
+import "dot-prop";
+import { f as l } from "./flowComponent-CpHt0lsO.js";
+import { W as s } from "./Wrap-DGT1h1o3.js";
+import { A as f } from "./Activity-CmfZpgOM.js";
+const W = l("Content", (e) => {
+  const {
+    children: r,
+    elementType: o = "div",
+    refProp: m,
+    clearPropsContext: n = !0,
+    isActive: i = !0,
+    ...p
+  } = e, a = o;
+  return /* @__PURE__ */ t.createElement(s, { if: n }, /* @__PURE__ */ t.createElement(c, null, /* @__PURE__ */ t.createElement(f, { isActive: i }, /* @__PURE__ */ t.createElement(a, { ref: m, ...p }, r))));
+});
+export {
+  W as C
+};

package/dist/Content.js

@@ -1,20 +1,7 @@
 "use client"
 /* */
-import r, { createElement as l } from "react";
-import { p as s } from "./propsContext-Dx7WKmmM.js";
-import "@react-aria/utils";
-import { u as c } from "./useProps-C7GIMcgB.js";
-const m = (e) => {
-  const { children: t } = e;
-  return /* @__PURE__ */ r.createElement(s.Provider, { value: {} }, t);
-}, d = (e) => {
-  const { children: t, elementType: n = "div", ...o } = c("Content", e);
-  return l(n, {
-    ...o,
-    children: /* @__PURE__ */ r.createElement(m, null, t)
-  });
-};
+import { C as o } from "./Content-eQoJ_gHK.js";
 export {
-  d as Content,
-  d as default
+  o as Content,
+  o as default
 };

package/dist/ContextMenu.js

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

package/dist/ContextMenuTrigger-AyIRlUZ8.js

@@ -0,0 +1,54 @@
+"use client"
+/* */
+import e from "react";
+import * as n from "react-aria-components";
+import { f as M } from "./flowComponent-CpHt0lsO.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 "@react-aria/utils";
+import "./ComponentRenderContextProvider-C-1_ziLI.js";
+import "remeda";
+import { O as C } from "./OverlayTrigger-Bb8cs_IA.js";
+const P = "flow--context-menu", v = {
+  contextMenu: P
+}, j = M("ContextMenu", (t) => {
+  const {
+    children: r,
+    onAction: i,
+    selectionMode: o,
+    selectedKeys: a,
+    defaultSelectedKeys: s,
+    disabledKeys: m,
+    onSelectionChange: l,
+    refProp: c,
+    ...p
+  } = t, u = o === "navigation" ? "single" : o, f = {
+    MenuItem: {
+      selectionVariant: o === "navigation" ? "navigation" : "control"
+    }
+  };
+  return /* @__PURE__ */ e.createElement(g, null, /* @__PURE__ */ e.createElement(d, { ...p }, /* @__PURE__ */ e.createElement(
+    n.Menu,
+    {
+      className: v.contextMenu,
+      onAction: i,
+      selectionMode: u,
+      selectedKeys: a,
+      defaultSelectedKeys: s,
+      disabledKeys: m,
+      onSelectionChange: l,
+      ref: c
+    },
+    /* @__PURE__ */ e.createElement(x, { props: f }, r)
+  )));
+}), k = (t) => /* @__PURE__ */ e.createElement(C, null, /* @__PURE__ */ e.createElement(n.MenuTrigger, null, t.children));
+export {
+  j as C,
+  k as a
+};

package/dist/CopyButton.js

@@ -0,0 +1,35 @@
+"use client"
+/* */
+import o from "react";
+import a from "copy-to-clipboard";
+import { B as i } from "./Button-DAoWF37n.js";
+import "@tabler/icons-react";
+import "./Icon-DdmDlHdu.js";
+import { I as c } from "./IconCopy-CMzS4NPN.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 "@react-aria/utils";
+import "remeda";
+import "dot-prop";
+import { f as C } from "./flowComponent-CpHt0lsO.js";
+import { A as E } from "./Action-COYULIMl.js";
+const B = {
+  "de-DE": {
+    "copyButton.copy": "Kopieren"
+  },
+  "en-EN": {
+    "copyButton.copy": "Copy"
+  }
+}, R = C("CopyButton", (r) => {
+  const { text: e, refProp: m, ...p } = r, t = l(B).format("copyButton.copy"), n = () => {
+    a(u(e));
+  };
+  return /* @__PURE__ */ o.createElement(y, null, /* @__PURE__ */ o.createElement(s, null, /* @__PURE__ */ o.createElement(E, { action: n, showFeedback: !0 }, /* @__PURE__ */ o.createElement(i, { "aria-label": t, ...p, ref: m }, /* @__PURE__ */ o.createElement(c, null))), /* @__PURE__ */ o.createElement(f, null, t)));
+});
+export {
+  R as CopyButton,
+  R as default
+};

package/dist/CounterLabel.js

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

package/dist/EmulatedBoldText-Dtox8Wd1.js

@@ -0,0 +1,14 @@
+"use client"
+/* */
+import t from "react";
+import m from "clsx";
+const c = "flow--emulated-bold-text", r = "flow--emulated-bold-text--bold-text", l = {
+  emulatedBoldText: c,
+  boldText: r
+}, u = (o) => {
+  const { children: e, className: a, ...s } = o, d = m(l.emulatedBoldText, a);
+  return /* @__PURE__ */ t.createElement("span", { className: d, ...s }, e, /* @__PURE__ */ t.createElement("span", { "aria-hidden": "true", className: l.boldText }, e));
+};
+export {
+  u as E
+};

package/dist/FieldDescription.js

@@ -1,18 +1,21 @@
 "use client"
 /* */
-import r from "react";
-import { c } from "./clsx-DB4S2d7J.js";
-import "./propsContext-Dx7WKmmM.js";
+import e from "react";
+import m from "clsx";
+import { C as n } from "./ClearPropsContext-mes1t7Bj.js";
+import "./ComponentRenderContextProvider-C-1_ziLI.js";
 import "@react-aria/utils";
-import { u as l } from "./useProps-C7GIMcgB.js";
-import { T as n } from "./Text-D-bYVFks.js";
-const p = "flow--field-description", m = {
-  fieldDescription: p
-}, N = (e) => {
-  const { children: s, className: t, ...o } = l("FieldDescription", e), i = c(m.fieldDescription, t);
-  return /* @__PURE__ */ r.createElement(n, { slot: "description", ...o, className: i }, s);
-};
+import "remeda";
+import "dot-prop";
+import { T as p } from "./Text-CZrXXfX3.js";
+import { f as c } from "./flowComponent-CpHt0lsO.js";
+const a = "flow--field-description", f = {
+  fieldDescription: a
+}, P = c("FieldDescription", (o) => {
+  const { children: t, className: r, refProp: i, ...s } = o, l = m(f.fieldDescription, r);
+  return /* @__PURE__ */ e.createElement(n, null, /* @__PURE__ */ e.createElement(p, { slot: "description", ...s, className: l, ref: i }, t));
+});
 export {
-  N as FieldDescription,
-  N as default
+  P as FieldDescription,
+  P as default
 };

package/dist/FieldError-BKoqRvQY.js

@@ -0,0 +1,23 @@
+"use client"
+/* */
+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 "@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";
+const E = "flow--field-error", d = {
+  fieldError: E
+}, y = f("FieldError", (o) => {
+  const { children: e, className: t, refProp: m, ...l } = o, s = a(d.fieldError, t);
+  return /* @__PURE__ */ r.createElement(p, null, /* @__PURE__ */ r.createElement(n.FieldError, { ...l, className: s, ref: m }, ({ validationErrors: i }) => /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(c, { size: "s" }), /* @__PURE__ */ r.createElement("span", null, e || i.join(" ")))));
+});
+export {
+  y as F
+};

package/dist/FieldError.js

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

package/dist/Header-XA8CGkKW.js

@@ -0,0 +1,11 @@
+"use client"
+/* */
+import a from "react";
+import { f as c } from "./flowComponent-CpHt0lsO.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);
+});
+export {
+  s as H
+};