@mittwald/flow-react-components 0.1.0-alpha.85 → 0.1.0-alpha.87

package/dist/Action-Bu-hapYW.js

@@ -0,0 +1,176 @@
+"use client"
+/* */
+var v = Object.defineProperty;
+var E = (t, e, n) => e in t ? v(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var d = (t, e, n) => (E(t, typeof e != "symbol" ? e + "" : e, n), n);
+import c, { createContext as D, useContext as g, useRef as M, useState as P, useEffect as w } from "react";
+import "./propsContext-CauylOgH.js";
+import { P as x } from "./PropsContextProvider-DZvwqHLP.js";
+import "@react-aria/utils";
+import "remeda";
+import { u as y, O as R } from "./index-Cb88QILt.js";
+import { TunnelProvider as B, TunnelExit as I } from "@mittwald/react-tunnel";
+import { makeObservable as O, observable as T, action as N } from "mobx";
+import { u as $ } from "./useSelector-DpU7_HMO.js";
+const b = D(void 0), G = () => g(b), H = b.Provider, S = (t) => (...e) => {
+  const n = [...t], i = n.shift();
+  if (i) {
+    const r = i(...e), s = () => n.length === 0 ? r : S(n)(...e);
+    return r instanceof Promise ? r.then(s) : s();
+  }
+}, C = "flowBreakActionMarker";
+function U(t) {
+  return !!t && t instanceof Error && t.message === C;
+}
+const j = () => {
+  throw new Error(C);
+}, A = {
+  pending: 1e3,
+  succeeded: 1500,
+  failed: 2e3
+};
+class q {
+  constructor(e, n, i = {}) {
+    d(this, "options");
+    d(this, "state");
+    d(this, "args");
+    d(this, "isDone", !1);
+    d(this, "error");
+    const {
+      resetAfterDone: r = !0,
+      onFeedbackDone: s = () => {
+      },
+      showFeedback: o = !1
+    } = i;
+    this.state = e, this.args = n, this.options = { resetAfterDone: r, onFeedbackDone: s, showFeedback: o };
+  }
+  onAsyncStart() {
+    this.options.showFeedback = !0, this.state.updateState("isExecuting"), setTimeout(() => this.startPending(), A.pending);
+  }
+  onSucceeded() {
+    this.onDone();
+  }
+  onFailed(e) {
+    this.error = e ?? new Error("Unknown error"), console.error(e), this.onDone();
+  }
+  startFailedFeedback() {
+    U(this.error) ? this.resetAfterDone() : (this.state.updateState("isFailed"), setTimeout(() => this.resetAfterDone(), A.failed));
+  }
+  startSucceededFeedback() {
+    this.state.updateState("isSucceeded"), setTimeout(() => this.resetAfterDone(), A.succeeded);
+  }
+  resetAfterDone() {
+    this.options.resetAfterDone && this.state.updateState("isIdle"), this.error || this.options.onFeedbackDone(...this.args);
+  }
+  onDone() {
+    this.isDone = !0, this.options.showFeedback ? this.error ? this.startFailedFeedback() : this.startSucceededFeedback() : this.resetAfterDone();
+  }
+  startPending() {
+    this.isDone || this.state.updateState("isPending");
+  }
+}
+class p {
+  constructor() {
+    d(this, "state", "isIdle");
+    O(this, {
+      state: T,
+      updateState: N
+    });
+  }
+  static useNew() {
+    return M(new p()).current;
+  }
+  updateState(e) {
+    this.state = e;
+  }
+  useState() {
+    return $(() => this.state, [this]);
+  }
+}
+const z = () => {
+}, J = (t) => {
+  const {
+    action: e,
+    toggleModal: n,
+    openModal: i,
+    closeModal: r,
+    break: s
+  } = t, o = y();
+  return e || (n ? o.toggle : i ? o.open : r ? o.close : s ? j : z);
+}, K = (t, e = {}) => {
+  const {
+    onSync: n = () => {
+    },
+    onAsync: i = () => {
+    },
+    then: r = () => {
+    },
+    catch: s = () => {
+    },
+    finally: o = () => {
+    }
+  } = e;
+  try {
+    const a = t();
+    return a instanceof Promise ? (i(), a.then(r).catch(s).finally(o)) : (n(), r(a), o(), a);
+  } catch (a) {
+    n(), s(a), o();
+  }
+}, L = (t) => {
+  const { isConfirmationAction: e, showFeedback: n } = t, i = J(t), r = G(), s = p.useNew(), o = !e, a = e ? void 0 : r, k = e ? r : void 0, m = S([i, a]);
+  return {
+    callAction: (...l) => {
+      const f = new q(s, l, {
+        onFeedbackDone: k,
+        resetAfterDone: o,
+        showFeedback: n
+      });
+      return K(m, {
+        onAsync: () => f.onAsyncStart(),
+        then: () => f.onSucceeded(),
+        catch: (F) => f.onFailed(F)
+      });
+    },
+    state: s
+  };
+}, h = (t) => {
+  const [e, n] = P(!1), i = R.useNew(), r = L(t), s = e ? i.open : r.callAction, o = r.state.useState(), m = {
+    Button: {
+      onPress: s,
+      isPending: o === "isPending" ? !0 : void 0,
+      "aria-disabled": o !== "isIdle" ? !0 : void 0,
+      isSucceeded: o === "isSucceeded" ? !0 : void 0,
+      isFailed: o === "isFailed" ? !0 : void 0
+    },
+    Modal: {
+      tunnelId: "outsideActionProvider",
+      render: (u, l) => (w(() => {
+        if (l.slot === "actionConfirm")
+          return n(!0), () => {
+            n(!1);
+          };
+      }, []), /* @__PURE__ */ c.createElement(u, { controller: i, ...l })),
+      ButtonGroup: {
+        Button: {
+          render: (u, l) => {
+            const { variant: f } = l;
+            return f === "secondary" ? /* @__PURE__ */ c.createElement(h, { break: !0 }, /* @__PURE__ */ c.createElement(h, { closeModal: !0 }, /* @__PURE__ */ c.createElement(u, { ...l }))) : /* @__PURE__ */ c.createElement(h, { closeModal: !0 }, /* @__PURE__ */ c.createElement(h, { ...t, isConfirmationAction: !0 }, /* @__PURE__ */ c.createElement(u, { ...l })));
+          }
+        }
+      }
+    }
+  };
+  return /* @__PURE__ */ c.createElement(B, null, /* @__PURE__ */ c.createElement(
+    x,
+    {
+      props: m,
+      dependencies: [e, o],
+      mergeInParentContext: !0
+    },
+    /* @__PURE__ */ c.createElement(H, { value: s }, t.children),
+    /* @__PURE__ */ c.createElement(I, { id: "outsideActionProvider" })
+  ));
+};
+export {
+  h as A
+};

package/dist/Action.js

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

package/dist/Avatar.js

@@ -4,7 +4,7 @@ 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 { u as f } from "./useProps-CIrrudrV.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 = {

package/dist/Breadcrumb.js

@@ -1,34 +1,32 @@
 "use client"
 /* */
 import r from "react";
-import * as m from "react-aria-components";
+import * as c 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 "./Icon-DpcNiaNb.js";
+import { I as d } from "./IconChevronRight-CJv9kuRZ.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
+const p = "flow--breadcrumb", f = "flow--breadcrumb--link", N = "flow--breadcrumb--breadcrumb-item", E = "flow--breadcrumb--icon", e = {
+  breadcrumb: p,
+  link: f,
+  breadcrumbItem: N,
+  icon: E
 }, 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 = {
+  const { children: m } = t, o = a(e.breadcrumbItem);
+  return /* @__PURE__ */ r.createElement(c.Breadcrumb, { className: o }, m, /* @__PURE__ */ r.createElement(d, { size: "s", className: e.icon }));
+}, R = (t) => {
+  const { children: m, className: o, ...s } = t, n = a(e.breadcrumb, o), l = {
     Link: {
-      unstyled: !0,
-      className: e.link,
-      hoc: (b) => /* @__PURE__ */ r.createElement(I, null, b)
+      render: (b, i) => /* @__PURE__ */ r.createElement(I, null, /* @__PURE__ */ r.createElement(b, { ...i, unstyled: !0, className: e.link }))
     }
   };
-  return /* @__PURE__ */ r.createElement(m.Breadcrumbs, { ...s, className: n }, /* @__PURE__ */ r.createElement(u, { props: l }, o));
+  return /* @__PURE__ */ r.createElement(c.Breadcrumbs, { ...s, className: n }, /* @__PURE__ */ r.createElement(u, { props: l }, m));
 };
 export {
-  y as Breadcrumb,
-  y as default
+  R as Breadcrumb,
+  R as default
 };

package/dist/Button-DJcL25jy.js

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

package/dist/Button.js

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

package/dist/ButtonGroup.js

@@ -3,19 +3,21 @@
 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 "@react-aria/utils";
+import "./propsContext-CauylOgH.js";
+import "remeda";
+import { d as i } 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 = {
+import { f as b } from "./flowComponent-C4FfRbD8.js";
+const d = "flow--button-group--button-group-container", f = "flow--button-group", C = "flow--button-group--button", G = "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 = {
+  buttonGroup: f,
+  button: C,
+  secondary: G
+}, h = b("ButtonGroup", (n) => {
+  const { children: e, className: s, ...u } = n, a = r(t.buttonGroupContainer, s), p = {
     Button: {
-      className: b(
+      className: i(
         (c) => r(
           t.button,
           c.variant === "secondary" ? t.secondary : void 0
@@ -26,6 +28,6 @@ const d = "flow--button-group--button-group-container", C = "flow--button-group"
   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
+  h as ButtonGroup,
+  h as default
 };

package/dist/{Checkbox-PPWtxoYH.js → Checkbox-C8yHXTDv.js}

@@ -4,15 +4,15 @@ 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 "./Icon-DpcNiaNb.js";
+import { I as x, a as h } from "./IconCheckboxEmpty-0Lz4T3u4.js";
+import { I as C } from "./IconCheckboxIndeterminate-p6GmeDnv.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";
+import { f as k } from "./flowComponent-C4FfRbD8.js";
 const b = "flow--checkbox", E = "flow--checkbox--icon", o = {
   checkbox: b,
   icon: E

package/dist/Checkbox.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { C as a } from "./Checkbox-PPWtxoYH.js";
+import { C as a } from "./Checkbox-C8yHXTDv.js";
 export {
   a as Checkbox,
   a as default

package/dist/{CheckboxButton-B5OAcIK5.js → CheckboxButton-DaoWw8LD.js}

@@ -7,8 +7,8 @@ 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";
+import { C as b } from "./Checkbox-C8yHXTDv.js";
+import { f as x } from "./flowComponent-C4FfRbD8.js";
 const C = "flow--checkbox-button", f = "flow--checkbox-button--label", i = "flow--checkbox-button--content", o = {
   checkboxButton: C,
   label: f,

package/dist/CheckboxButton.js

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

package/dist/CheckboxGroup.js

@@ -7,13 +7,13 @@ 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 { F as h } from "./FieldError-CDPZJvma.js";
+import { C as E } from "./CheckboxButton-DaoWw8LD.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";
+import { f as F } from "./flowComponent-C4FfRbD8.js";
 const G = "flow--checkbox-group", s = {
   checkboxGroup: G
 }, j = F("CheckboxGroup", (l) => {

package/dist/Content.js

@@ -6,7 +6,7 @@ import "./propsContext-CauylOgH.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f as i } from "./flowComponent-dvQga3NG.js";
+import { f as i } from "./flowComponent-C4FfRbD8.js";
 const E = i("Content", (e) => {
   const { children: o, elementType: r = "div", ref: n, ...m } = e, p = r;
   return /* @__PURE__ */ t.createElement(l, null, /* @__PURE__ */ t.createElement(p, { ref: n, ...m }, o));

package/dist/{ContextMenu-BeySGa4K.js → ContextMenu-B3m9vxOe.js}

@@ -2,7 +2,7 @@
 /* */
 import e from "react";
 import * as u from "react-aria-components";
-import { f as d } from "./flowComponent-dvQga3NG.js";
+import { f as d } from "./flowComponent-C4FfRbD8.js";
 import { P as x } from "./Popover-MmxZkKu3.js";
 import { C } from "./ClearPropsContext-CeCMjUK9.js";
 import { P as M } from "./PropsContextProvider-DZvwqHLP.js";

package/dist/ContextMenu.js

@@ -1,7 +1,7 @@
 "use client"
 /* */
-import { C as r } from "./ContextMenu-BeySGa4K.js";
-import { M as n } from "./MenuItem-Bi8sYht4.js";
+import { C as r } from "./ContextMenu-B3m9vxOe.js";
+import { M as n } from "./MenuItem-B5kgO_0u.js";
 import { MenuTrigger as m } from "react-aria-components";
 export {
   r as ContextMenu,

package/dist/CopyButton.js

@@ -2,20 +2,20 @@
 /* */
 import o from "react";
 import a from "copy-to-clipboard";
-import { B as i } from "./Button-CZjBV5AM.js";
+import { B as i } from "./Button-DJcL25jy.js";
 import "@tabler/icons-react";
-import "./Icon-DwHDa4pA.js";
-import { I as c } from "./IconCopy-CHksIqDs.js";
+import "./Icon-DpcNiaNb.js";
+import { I as c } from "./IconCopy-BOSbNCO3.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 { a as s, T as u } from "./TooltipTrigger-TslkLN5s.js";
+import { onlyText as f } from "react-children-utilities";
 import { C as y } from "./ClearPropsContext-CeCMjUK9.js";
 import "./propsContext-CauylOgH.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f as C } from "./flowComponent-dvQga3NG.js";
-import { A as E } from "./Action-XlqKlkaB.js";
+import { f as C } from "./flowComponent-C4FfRbD8.js";
+import { A as E } from "./Action-Bu-hapYW.js";
 const B = {
   "de-DE": {
     "copyButton.copy": "Kopieren"
@@ -23,13 +23,13 @@ const B = {
   "en-EN": {
     "copyButton.copy": "Copy"
   }
-}, S = C("CopyButton", (r) => {
+}, R = C("CopyButton", (r) => {
   const { text: e, ref: m, ...n } = r, t = l(B).format("copyButton.copy"), p = () => {
-    a(u(e));
+    a(f(e));
   };
-  return /* @__PURE__ */ o.createElement(y, null, /* @__PURE__ */ o.createElement(s, null, /* @__PURE__ */ o.createElement(E, { action: p, feedback: !0 }, /* @__PURE__ */ o.createElement(i, { "aria-label": t, ...n, ref: m }, /* @__PURE__ */ o.createElement(c, null))), /* @__PURE__ */ o.createElement(f, null, t)));
+  return /* @__PURE__ */ o.createElement(y, null, /* @__PURE__ */ o.createElement(s, null, /* @__PURE__ */ o.createElement(E, { action: p, showFeedback: !0 }, /* @__PURE__ */ o.createElement(i, { "aria-label": t, ...n, ref: m }, /* @__PURE__ */ o.createElement(c, null))), /* @__PURE__ */ o.createElement(u, null, t)));
 });
 export {
-  S as CopyButton,
-  S as default
+  R as CopyButton,
+  R as default
 };

package/dist/FieldDescription.js

@@ -7,8 +7,8 @@ import "./propsContext-CauylOgH.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { T as c } from "./Text-CKd46eHq.js";
-import { f as p } from "./flowComponent-dvQga3NG.js";
+import { T as c } from "./Text-DlBpZns-.js";
+import { f as p } from "./flowComponent-C4FfRbD8.js";
 const a = "flow--field-description", f = {
   fieldDescription: a
 }, T = p("FieldDescription", (e) => {

package/dist/{FieldError-b6CAH0ya.js → FieldError-CDPZJvma.js}

@@ -9,9 +9,9 @@ import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
 import "@tabler/icons-react";
-import "./Icon-DwHDa4pA.js";
-import { I as p } from "./IconDanger-MdCt1mDP.js";
-import { f } from "./flowComponent-dvQga3NG.js";
+import "./Icon-DpcNiaNb.js";
+import { I as p } from "./IconDanger-BCQl3s0h.js";
+import { f } from "./flowComponent-C4FfRbD8.js";
 const E = "flow--field-error", d = {
   fieldError: E
 }, z = f("FieldError", (o) => {

package/dist/FieldError.js

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

package/dist/Header.js

@@ -1,7 +1,7 @@
 "use client"
 /* */
 import m from "react";
-import { f as c } from "./flowComponent-dvQga3NG.js";
+import { f as c } from "./flowComponent-C4FfRbD8.js";
 const s = c("Header", (e) => {
   const { children: t, ref: r, elementType: o = "header", ...n } = e, a = o;
   return /* @__PURE__ */ m.createElement(a, { ...n, ref: r }, t);