@mittwald/flow-react-components 0.1.0-alpha.8 → 0.1.0-alpha.80

package/dist/Action-XlqKlkaB.js

@@ -0,0 +1,153 @@
+"use client"
+/* */
+var S = Object.defineProperty;
+var A = (e, t, o) => t in e ? S(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
+var d = (e, t, o) => (A(e, typeof t != "symbol" ? t + "" : t, o), o);
+import b, { useRef as M } from "react";
+import "./propsContext-CauylOgH.js";
+import { P as y } from "./PropsContextProvider-DZvwqHLP.js";
+import "@react-aria/utils";
+import "remeda";
+import "dot-prop";
+import { u as P } from "./useProps-DfMs_ElR.js";
+import { u as C } from "./index-ViVxK7d1.js";
+import { makeObservable as F, observable as k, runInAction as x } from "mobx";
+import { u as I } from "./useSelector-DpU7_HMO.js";
+const v = () => {
+}, w = (e) => {
+  const t = C();
+  return (e == null ? void 0 : e.type) === "function" ? e.fn : (e == null ? void 0 : e.type) === "toggleModal" ? t.toggle : (e == null ? void 0 : e.type) === "openModal" ? t.open : (e == null ? void 0 : e.type) === "closeModal" ? t.close : v;
+}, g = (e, t) => {
+  const o = [...t];
+  let s;
+  for (; o.length > 0; )
+    if (s = o.shift(), s) {
+      const i = s(...e);
+      if (i instanceof Promise)
+        return i.then(() => g(e, o));
+    }
+}, p = {
+  pending: 1e3,
+  succeeded: 1500,
+  failed: 2e3
+};
+class f {
+  constructor(t = {}) {
+    d(this, "feedback");
+    d(this, "executionCount", 0);
+    d(this, "state", "isIdle");
+    const { feedback: o = !1 } = t;
+    this.feedback = o, F(this, {
+      state: k
+    });
+  }
+  static useNew(t) {
+    return M(new f(t)).current;
+  }
+  onAsyncStart() {
+    const t = ++this.executionCount;
+    this.updateState("isExecuting"), setTimeout(() => this.startPending(t), p.pending);
+  }
+  onSucceeded() {
+    this.onDone(!0);
+  }
+  onFailed() {
+    this.onDone(!1);
+  }
+  updateState(t) {
+    x(() => {
+      this.state = t;
+    });
+  }
+  startFailedFeedback() {
+    this.updateState("isFailed"), setTimeout(() => this.updateState("isIdle"), p.failed);
+  }
+  startSucceededFeedback() {
+    this.updateState("isSucceeded"), setTimeout(() => this.updateState("isIdle"), p.succeeded);
+  }
+  onDone(t) {
+    if (!this.feedback) {
+      this.updateState("isIdle");
+      return;
+    }
+    t ? this.startSucceededFeedback() : this.startFailedFeedback();
+  }
+  startPending(t) {
+    this.state === "isExecuting" && t === this.executionCount && this.updateState("isPending");
+  }
+  useState() {
+    return I(() => this.state, [this]);
+  }
+}
+const W = (e, t) => {
+  const { action: o } = P("Action", {}), s = w(e), i = (...c) => g(c, [s, o]), n = f.useNew(t);
+  return {
+    callAction: i,
+    callActionWithStateHandling: (...c) => {
+      try {
+        const a = i(...c);
+        if (a instanceof Promise)
+          return n.onAsyncStart(), a.then(() => n.onSucceeded()).catch(() => n.onFailed());
+        n.onSucceeded();
+      } catch {
+        n.onFailed();
+      }
+    },
+    state: n
+  };
+};
+function h(e) {
+  return typeof e == "boolean" ? void 0 : e;
+}
+const r = {
+  fn: (e) => ({
+    type: "function",
+    fn: e
+  }),
+  openModal: (e) => ({
+    type: "openModal",
+    controller: h(e)
+  }),
+  closeModal: (e) => ({
+    type: "closeModal",
+    controller: h(e)
+  }),
+  toggleModal: (e) => ({
+    type: "toggleModal",
+    controller: h(e)
+  })
+}, G = (e) => {
+  const {
+    children: t,
+    feedback: o,
+    action: s,
+    toggleModal: i,
+    openModal: n,
+    closeModal: u
+  } = e, c = s ? r.fn(s) : i ? r.toggleModal(i) : n ? r.openModal(n) : u ? r.closeModal(u) : void 0, a = W(c, {
+    feedback: o
+  }), l = a.state.useState(), m = {
+    Button: {
+      onPress: a.callActionWithStateHandling,
+      isPending: l === "isPending",
+      "aria-disabled": l !== "isIdle",
+      isSucceeded: l === "isSucceeded",
+      isFailed: l === "isFailed"
+    },
+    Action: {
+      action: a.callAction
+    }
+  };
+  return /* @__PURE__ */ b.createElement(
+    y,
+    {
+      mergeInParentContext: !0,
+      props: m,
+      dependencies: [l]
+    },
+    t
+  );
+};
+export {
+  G as A
+};

package/dist/Action.js

@@ -0,0 +1,7 @@
+"use client"
+/* */
+import { A as t } from "./Action-XlqKlkaB.js";
+export {
+  t as Action,
+  t as default
+};

package/dist/Avatar.js

@@ -1,25 +1,56 @@
 "use client"
 /* */
-import s from "react";
-import { c as n } from "./clsx-F0OAuoLf.js";
-import "./propsContext-1HT-3SRC.js";
-import { P as c } from "./PropsContextProvider-1ZntTV8J.js";
-import "@react-aria/utils";
-const m = "flow--avatar", p = "flow--avatar--initials", a = {
-  avatar: m,
-  initials: p,
-  "size-s": "flow--avatar--size-s",
+import i, { isValidElement as v } from "react";
+import m from "clsx";
+import { C as p } from "./ClearPropsContext-CeCMjUK9.js";
+import { P as c } from "./PropsContextProvider-DZvwqHLP.js";
+import { u as f } from "./useProps-DfMs_ElR.js";
+import { hash as w } from "object-code";
+import { deepForEach as z } from "react-children-utilities";
+const d = "flow--avatar", h = "flow--avatar--icon", u = "flow--avatar--initials", r = {
+  avatar: d,
+  icon: h,
+  initials: u,
   "size-m": "flow--avatar--size-m",
-  "size-l": "flow--avatar--size-l"
-}, x = (t) => {
-  const { children: i, className: e, size: o = "s" } = t, r = n(a.avatar, a[`size-${o}`], e), l = {
+  "size-xs": "flow--avatar--size-xs",
+  "size-s": "flow--avatar--size-s",
+  "size-l": "flow--avatar--size-l",
+  "variant-1": "flow--avatar--variant-1",
+  "variant-2": "flow--avatar--variant-2",
+  "variant-3": "flow--avatar--variant-3",
+  "variant-4": "flow--avatar--variant-4"
+}, C = (s) => {
+  const a = [];
+  z(s, (t) => {
+    v(t) ? a.push({
+      props: t.props,
+      type: t.type
+    }) : a.push(t);
+  });
+  const o = w(a);
+  return Math.abs(o % 4) + 1;
+}, A = (s) => {
+  const {
+    children: a,
+    className: o,
+    variant: t,
+    size: e = "m"
+  } = f("Avatar", s), n = m(
+    r.avatar,
+    r[`size-${e}`],
+    o,
+    r[`variant-${t ?? C(a)}`]
+  ), l = {
     Initials: {
-      className: a.initials
+      className: r.initials
+    },
+    Icon: {
+      className: r.icon
     }
   };
-  return /* @__PURE__ */ s.createElement("div", { className: r }, /* @__PURE__ */ s.createElement(c, { props: l }, i));
+  return /* @__PURE__ */ i.createElement(p, null, /* @__PURE__ */ i.createElement("div", { className: n }, /* @__PURE__ */ i.createElement(c, { props: l }, a)));
 };
 export {
-  x as Avatar,
-  x as default
+  A as Avatar,
+  A as default
 };

package/dist/Breadcrumb.js

@@ -0,0 +1,34 @@
+"use client"
+/* */
+import r from "react";
+import * as m from "react-aria-components";
+import a from "clsx";
+import "@tabler/icons-react";
+import "./Icon-DwHDa4pA.js";
+import { I as i } from "./IconChevronRight-CFcrQPos.js";
+import "./propsContext-CauylOgH.js";
+import { P as u } from "./PropsContextProvider-DZvwqHLP.js";
+import "@react-aria/utils";
+import "remeda";
+const d = "flow--breadcrumb", p = "flow--breadcrumb--link", f = "flow--breadcrumb--breadcrumb-item", N = "flow--breadcrumb--icon", e = {
+  breadcrumb: d,
+  link: p,
+  breadcrumbItem: f,
+  icon: N
+}, I = (t) => {
+  const { children: o } = t, c = a(e.breadcrumbItem);
+  return /* @__PURE__ */ r.createElement(m.Breadcrumb, { className: c }, o, /* @__PURE__ */ r.createElement(i, { size: "s", className: e.icon }));
+}, y = (t) => {
+  const { children: o, className: c, ...s } = t, n = a(e.breadcrumb, c), l = {
+    Link: {
+      unstyled: !0,
+      className: e.link,
+      hoc: (b) => /* @__PURE__ */ r.createElement(I, null, b)
+    }
+  };
+  return /* @__PURE__ */ r.createElement(m.Breadcrumbs, { ...s, className: n }, /* @__PURE__ */ r.createElement(u, { props: l }, o));
+};
+export {
+  y as Breadcrumb,
+  y as default
+};

package/dist/Button-CZjBV5AM.js

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

package/dist/Button.js

@@ -1,13 +1,6 @@
 "use client"
 /* */
-import { B as o } from "./Button-e6_nSMC7.js";
-import "react";
-import "react-aria-components";
-import "./clsx-F0OAuoLf.js";
-import "./propsContext-1HT-3SRC.js";
-import "./PropsContextProvider-1ZntTV8J.js";
-import "@react-aria/utils";
-import "./useProps-5ZdbXCrH.js";
+import { B as o } from "./Button-CZjBV5AM.js";
 export {
   o as Button,
   o as default

package/dist/ButtonGroup.js

@@ -0,0 +1,31 @@
+"use client"
+/* */
+import o from "react";
+import { C as m } from "./ClearPropsContext-CeCMjUK9.js";
+import { P as l } from "./PropsContextProvider-DZvwqHLP.js";
+import { u as i } from "./useProps-DfMs_ElR.js";
+import { d as b } from "./dynamic-ClpUSmEt.js";
+import r from "clsx";
+import { f } from "./flowComponent-dvQga3NG.js";
+const d = "flow--button-group--button-group-container", C = "flow--button-group", G = "flow--button-group--button", y = "flow--button-group--secondary", t = {
+  buttonGroupContainer: d,
+  buttonGroup: C,
+  button: G,
+  secondary: y
+}, E = f("ButtonGroup", (n) => {
+  const { children: e, className: s, ...u } = i("ButtonGroup", n), a = r(t.buttonGroupContainer, s), p = {
+    Button: {
+      className: b(
+        (c) => r(
+          t.button,
+          c.variant === "secondary" ? t.secondary : void 0
+        )
+      )
+    }
+  };
+  return /* @__PURE__ */ o.createElement(m, null, /* @__PURE__ */ o.createElement("div", { ...u, className: a }, /* @__PURE__ */ o.createElement("div", { className: t.buttonGroup, role: "group" }, /* @__PURE__ */ o.createElement(l, { props: p }, e))));
+});
+export {
+  E as ButtonGroup,
+  E as default
+};

package/dist/Checkbox-PPWtxoYH.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-DwHDa4pA.js";
+import { I as x, a as h } from "./IconCheckboxEmpty-BlU9hQOh.js";
+import { I as C } from "./IconCheckboxIndeterminate-B-p8FuLS.js";
+import { C as f } from "./ClearPropsContext-CeCMjUK9.js";
+import "./propsContext-CauylOgH.js";
+import "@react-aria/utils";
+import "remeda";
+import "dot-prop";
+import { f as k } from "./flowComponent-dvQga3NG.js";
+const b = "flow--checkbox", E = "flow--checkbox--icon", o = {
+  checkbox: b,
+  icon: E
+}, q = k("Checkbox", (c) => {
+  const { children: t, className: r, ref: m, ...a } = c, n = p(o.checkbox, r);
+  return /* @__PURE__ */ e.createElement(f, 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(C, { className: o.icon }) : /* @__PURE__ */ e.createElement(h, { className: o.icon }), t)));
+});
+export {
+  q as C
+};

package/dist/Checkbox.js

@@ -1,76 +1,7 @@
 "use client"
 /* */
-import f from "react";
-import * as d from "react-aria-components";
-import { c as v } from "./clsx-F0OAuoLf.js";
-import { I as s } from "./Icon-ZFuEzyOR.js";
-import "@fortawesome/react-fontawesome";
-import "html-react-parser";
-import "./propsContext-1HT-3SRC.js";
-import "@react-aria/utils";
-import "./useProps-5ZdbXCrH.js";
-const k = "flow--checkbox", g = "flow--checkbox--checkmark", u = {
-  checkbox: k,
-  checkmark: g
-};
-var o = {}, m = {};
-(function(a) {
-  Object.defineProperty(a, "__esModule", { value: !0 });
-  var e = "far", i = "square-check", n = 448, r = 512, c = [9745, 9989, 61510, "check-square"], h = "f14a", t = "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,
-      r,
-      c,
-      h,
-      t
-    ]
-  }, a.faSquareCheck = a.definition, a.prefix = e, a.iconName = i, a.width = n, a.height = r, a.ligatures = c, a.unicode = h, a.svgPathData = t, a.aliases = c;
-})(m);
-(function(a) {
-  Object.defineProperty(a, "__esModule", { value: !0 });
-  var e = m;
-  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;
-})(o);
-var l = {};
-(function(a) {
-  Object.defineProperty(a, "__esModule", { value: !0 });
-  var e = "far", i = "square", n = 448, r = 512, c = [9632, 9723, 9724, 61590], h = "f0c8", t = "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,
-      r,
-      c,
-      h,
-      t
-    ]
-  }, a.faSquare = a.definition, a.prefix = e, a.iconName = i, a.width = n, a.height = r, a.ligatures = c, a.unicode = h, a.svgPathData = t, a.aliases = c;
-})(l);
-const S = (a) => {
-  const { children: e, className: i, ...n } = a, r = v(u.checkbox, i);
-  return /* @__PURE__ */ f.createElement(d.Checkbox, { ...n, className: r }, ({ isSelected: c }) => /* @__PURE__ */ f.createElement(f.Fragment, null, /* @__PURE__ */ f.createElement(
-    s,
-    {
-      className: u.checkmark,
-      faIcon: c ? o.faCheckSquare : l.faSquare
-    }
-  ), e));
-};
+import { C as a } from "./Checkbox-PPWtxoYH.js";
 export {
-  S as Checkbox,
-  S as default
+  a as Checkbox,
+  a as default
 };

package/dist/CheckboxButton-B5OAcIK5.js

@@ -0,0 +1,29 @@
+"use client"
+/* */
+import t from "react";
+import a from "clsx";
+import { C as m } from "./ClearPropsContext-CeCMjUK9.js";
+import { P as p } from "./PropsContextProvider-DZvwqHLP.js";
+import "@react-aria/utils";
+import "./propsContext-CauylOgH.js";
+import "remeda";
+import { C as b } from "./Checkbox-PPWtxoYH.js";
+import { f as x } from "./flowComponent-dvQga3NG.js";
+const C = "flow--checkbox-button", f = "flow--checkbox-button--label", i = "flow--checkbox-button--content", o = {
+  checkboxButton: C,
+  label: f,
+  content: i
+}, v = x("CheckboxButton", (e) => {
+  const { children: c, className: n, ...r } = e, s = a(o.checkboxButton, n), l = {
+    Text: {
+      className: o.label
+    },
+    Content: {
+      className: o.content
+    }
+  };
+  return /* @__PURE__ */ t.createElement(m, null, /* @__PURE__ */ t.createElement(b, { ...r, className: s }, /* @__PURE__ */ t.createElement(p, { props: l }, c)));
+});
+export {
+  v as C
+};

package/dist/CheckboxButton.js

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

package/dist/CheckboxGroup.js

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

package/dist/ClearPropsContext-CeCMjUK9.js

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