@mittwald/flow-react-components 0.1.0-alpha.15 → 0.1.0-alpha.151

package/dist/Checkbox-zg7icNVe.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-CvhSELPq.js";
+import { I as x, a as f } from "./IconCheckboxEmpty-CzAVypP3.js";
+import { I as h } from "./IconCheckboxIndeterminate-CKiaFL3c.js";
+import { C } from "./ClearPropsContext-CUvsbMn8.js";
+import "./propsContext-DzAKlmhS.js";
+import "@react-aria/utils";
+import "remeda";
+import "dot-prop";
+import { f as k } from "./flowComponent-CWmvUeHT.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-zg7icNVe.js";
 export {
-  C as Checkbox,
-  C as default
+  a as Checkbox,
+  a as default
 };

package/dist/CheckboxButton-CbLlDhsH.js

@@ -0,0 +1,29 @@
+"use client"
+/* */
+import o from "react";
+import m from "clsx";
+import { C as p } from "./ClearPropsContext-CUvsbMn8.js";
+import { P as b } from "./PropsContextProvider-C6Z4XGp6.js";
+import "@react-aria/utils";
+import "./propsContext-DzAKlmhS.js";
+import "remeda";
+import { C as x } from "./Checkbox-zg7icNVe.js";
+import { f } from "./flowComponent-CWmvUeHT.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-CbLlDhsH.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 "./propsContext-DzAKlmhS.js";
+import { P as h } from "./PropsContextProvider-C6Z4XGp6.js";
+import "@react-aria/utils";
+import "remeda";
+import { F as E } from "./FieldError-eiEmcuuK.js";
+import { C as k } from "./CheckboxButton-CbLlDhsH.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-CWmvUeHT.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-CD1-9TZA.js → ClearPropsContext-CUvsbMn8.js}

@@ -1,7 +1,7 @@
 "use client"
 /* */
 import t from "react";
-import { p as o } from "./propsContext-Dx7WKmmM.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/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/Content-arM8nm8H.js

@@ -0,0 +1,25 @@
+"use client"
+/* */
+import t from "react";
+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-CWmvUeHT.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,15 +1,7 @@
 "use client"
 /* */
-import e from "react";
-import { C as s } from "./ClearPropsContext-CD1-9TZA.js";
-import "./propsContext-Dx7WKmmM.js";
-import "@react-aria/utils";
-import { u as l } from "./useProps-C7GIMcgB.js";
-const C = (t) => {
-  const { children: r, elementType: o = "div", ...n } = l("Content", t), m = o;
-  return /* @__PURE__ */ e.createElement(m, { ...n }, /* @__PURE__ */ e.createElement(s, null, r));
-};
+import { C as o } from "./Content-arM8nm8H.js";
 export {
-  C as Content,
-  C as default
+  o as Content,
+  o as default
 };

package/dist/ContextMenu.js

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

package/dist/ContextMenuTrigger-CxrvArf7.js

@@ -0,0 +1,83 @@
+"use client"
+/* */
+import e from "react";
+import * as a from "react-aria-components";
+import { f as g } from "./flowComponent-CWmvUeHT.js";
+import { P as d } from "./Popover-Me79N9-3.js";
+import "mobx";
+import { u as P } from "./useOverlayController-D8N4X2rc.js";
+import { C as E } from "./ClearPropsContext-CUvsbMn8.js";
+import { P as O } from "./PropsContextProvider-C6Z4XGp6.js";
+import "@react-aria/utils";
+import "./propsContext-DzAKlmhS.js";
+import "remeda";
+import { O as T } from "./OverlayContextProvider-DJzKzUwy.js";
+import { A } from "./Action-DYTtbQCP.js";
+import { O as h } from "./OverlayTrigger-Bdb65OEJ.js";
+const w = "flow--context-menu", F = "flow--context-menu--popover", s = {
+  contextMenu: w,
+  popover: F
+}, G = g("ContextMenu", (t) => {
+  const {
+    children: r,
+    onAction: n,
+    selectionMode: o,
+    selectedKeys: c,
+    defaultSelectedKeys: i,
+    disabledKeys: m,
+    onSelectionChange: p,
+    refProp: u,
+    controller: C,
+    ...v
+  } = t, x = P("ContextMenu", {
+    reuseControllerFromContext: !0
+  }), l = C ?? x, f = o === "navigation" ? "single" : o, y = {
+    MenuItem: {
+      selectionVariant: o === "navigation" ? "navigation" : "control"
+    }
+  }, M = o === "single" ? "ContextMenu" : void 0;
+  return /* @__PURE__ */ e.createElement(E, null, /* @__PURE__ */ e.createElement(
+    d,
+    {
+      ...v,
+      className: s.popover,
+      controller: l
+    },
+    /* @__PURE__ */ e.createElement(
+      T,
+      {
+        type: "ContextMenu",
+        controller: l
+      },
+      /* @__PURE__ */ e.createElement(
+        a.Menu,
+        {
+          className: s.contextMenu,
+          onAction: n,
+          selectionMode: f,
+          selectedKeys: c,
+          defaultSelectedKeys: i,
+          disabledKeys: m,
+          onSelectionChange: p,
+          ref: u
+        },
+        /* @__PURE__ */ e.createElement(O, { props: y }, /* @__PURE__ */ e.createElement(A, { closeOverlay: M }, r))
+      )
+    )
+  ));
+}), H = (t) => {
+  const { children: r, ...n } = t;
+  return /* @__PURE__ */ e.createElement(
+    h,
+    {
+      overlayType: "ContextMenu",
+      ...n,
+      component: a.MenuTrigger
+    },
+    r
+  );
+};
+export {
+  G as C,
+  H as a
+};

package/dist/ContextualHelp.js

@@ -0,0 +1,64 @@
+"use client"
+/* */
+import t from "react";
+import { P as s } from "./Popover-Me79N9-3.js";
+import * as c from "react-aria-components";
+import "mobx";
+import { u } from "./useOverlayController-D8N4X2rc.js";
+import "./propsContext-DzAKlmhS.js";
+import { P as l } from "./PropsContextProvider-C6Z4XGp6.js";
+import "@react-aria/utils";
+import "remeda";
+import "./context-BB3_MApL.js";
+import { f } from "./flowComponent-CWmvUeHT.js";
+import { O as x } from "./OverlayTrigger-Bdb65OEJ.js";
+import { useLocalizedStringFormatter as g } from "react-aria";
+import "@tabler/icons-react";
+import "./Icon-CvhSELPq.js";
+import { I as C } from "./IconInfo-DDhh409U.js";
+const H = "flow--contextual-help", d = {
+  contextualHelp: H
+}, A = f("ContextualHelp", (o) => {
+  const {
+    children: e,
+    controller: r,
+    refProp: a,
+    ...n
+  } = o, m = u("ContextualHelp", {
+    reuseControllerFromContext: !0
+  }), p = r ?? m, i = {
+    Heading: {
+      level: 5
+    }
+  };
+  return /* @__PURE__ */ t.createElement(s, { withTip: !0, ...n, controller: p }, /* @__PURE__ */ t.createElement(l, { props: i }, /* @__PURE__ */ t.createElement("div", { className: d.contextualHelp }, e)));
+}), P = { "de-DE": {
+  "contextualHelpButton.moreInformation": "Weitere Informationen"
+}, "en-EN": {
+  "contextualHelpButton.moreInformation": "More information"
+} }, L = (o) => {
+  const { children: e, ...r } = o, n = {
+    Button: {
+      "aria-label": g(P).format(
+        "contextualHelpButton.moreInformation"
+      ),
+      children: /* @__PURE__ */ t.createElement(C, null),
+      size: "s",
+      variant: "plain"
+    }
+  };
+  return /* @__PURE__ */ t.createElement(
+    x,
+    {
+      overlayType: "ContextualHelp",
+      ...r,
+      component: c.DialogTrigger
+    },
+    /* @__PURE__ */ t.createElement(l, { props: n, mergeInParentContext: !0 }, e)
+  );
+};
+export {
+  A as ContextualHelp,
+  L as ContextualHelpTrigger,
+  A as default
+};

package/dist/CopyButton.js

@@ -0,0 +1,32 @@
+"use client"
+/* */
+import o from "react";
+import a from "copy-to-clipboard";
+import { B as i } from "./Button-Bs4J6es6.js";
+import "@tabler/icons-react";
+import "./Icon-CvhSELPq.js";
+import { I as c } from "./IconCopy-D2sPjH5b.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-CUvsbMn8.js";
+import "./propsContext-DzAKlmhS.js";
+import "@react-aria/utils";
+import "remeda";
+import "dot-prop";
+import { f as C } from "./flowComponent-CWmvUeHT.js";
+import { A as E } from "./Action-DYTtbQCP.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/CounterBadge.js

@@ -0,0 +1,18 @@
+"use client"
+/* */
+import n from "react";
+import s from "clsx";
+import { f as c } from "./flowComponent-CWmvUeHT.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/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-jVeMFUA3.js

@@ -0,0 +1,20 @@
+"use client"
+/* */
+import o from "react";
+import m from "clsx";
+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-BgxTAtk1.js";
+import { f as c } from "./flowComponent-CWmvUeHT.js";
+const a = "flow--field-description", f = {
+  fieldDescription: a
+}, P = c("FieldDescription", (e) => {
+  const { children: t, className: r, refProp: i, ...s } = e, l = m(f.fieldDescription, r);
+  return /* @__PURE__ */ o.createElement(n, null, /* @__PURE__ */ o.createElement(p, { slot: "description", ...s, className: l, ref: i }, t));
+});
+export {
+  P as F
+};

package/dist/FieldDescription.js

@@ -1,18 +1,7 @@
 "use client"
 /* */
-import r from "react";
-import { c } from "./clsx-DB4S2d7J.js";
-import "./propsContext-Dx7WKmmM.js";
-import "@react-aria/utils";
-import { u as l } from "./useProps-C7GIMcgB.js";
-import { T as n } from "./Text--ofl9X5e.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 { F as i } from "./FieldDescription-jVeMFUA3.js";
 export {
-  N as FieldDescription,
-  N as default
+  i as FieldDescription,
+  i as default
 };

package/dist/FieldError-eiEmcuuK.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-CUvsbMn8.js";
+import "./propsContext-DzAKlmhS.js";
+import "@react-aria/utils";
+import "remeda";
+import "dot-prop";
+import "@tabler/icons-react";
+import "./Icon-CvhSELPq.js";
+import { I as c } from "./IconDanger-C-H0zYrp.js";
+import { f } from "./flowComponent-CWmvUeHT.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-eiEmcuuK.js";
 export {
   o as FieldError,
   o as default

package/dist/Header-DAaa854y.js

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

package/dist/Header.js

@@ -0,0 +1,7 @@
+"use client"
+/* */
+import { H as e } from "./Header-DAaa854y.js";
+export {
+  e as Header,
+  e as default
+};

package/dist/HeaderNavigation.js

@@ -0,0 +1,37 @@
+"use client"
+/* */
+import t from "react";
+import "./propsContext-DzAKlmhS.js";
+import { P as m } from "./PropsContextProvider-C6Z4XGp6.js";
+import "@react-aria/utils";
+import "remeda";
+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: N
+}, B = (n) => {
+  const { children: o, className: r, color: a = "primary", ...i } = n, l = p(e.headerNavigation, e[a], r), s = {
+    Link: {
+      wrapWith: /* @__PURE__ */ t.createElement("li", null),
+      className: e.link,
+      unstyled: !0,
+      children: d((c) => /* @__PURE__ */ t.createElement(h, null, c.children))
+    },
+    Button: {
+      className: e.button,
+      color: a,
+      variant: "plain",
+      wrapWith: /* @__PURE__ */ t.createElement("li", null)
+    }
+  };
+  return /* @__PURE__ */ t.createElement("nav", { className: l, role: "navigation", ...i }, /* @__PURE__ */ t.createElement("ul", null, /* @__PURE__ */ t.createElement(m, { props: s }, o)));
+};
+export {
+  B as HeaderNavigation,
+  B as default
+};