@mittwald/flow-react-components 0.1.0-alpha.114 → 0.1.0-alpha.115

package/dist/{Accordion-c-zskOK4.js → Accordion-DsX7RI_p.js}

@@ -7,7 +7,7 @@ import { P as N } from "./PropsContextProvider-DZvwqHLP.js";
 import "@react-aria/utils";
 import "remeda";
 import { d } from "./dynamic-ClpUSmEt.js";
-import { B as w } from "./Button-DcXbM73F.js";
+import { B as w } from "./Button-D59Yuz6-.js";
 import "@tabler/icons-react";
 import "./Icon-CA9DycKJ.js";
 import { I as B } from "./IconChevronDown-DvDzDLHn.js";

package/dist/Accordion.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { A as r } from "./Accordion-c-zskOK4.js";
+import { A as r } from "./Accordion-DsX7RI_p.js";
 export {
   r as Accordion,
   r as default

package/dist/{Action-BoUrh0Ww.js → Action-BZHZj-BD.js}

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

package/dist/Action.js

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

package/dist/Breadcrumb.js

@@ -1,8 +1,8 @@
 "use client"
 /* */
-import e from "react";
+import r from "react";
 import * as m from "react-aria-components";
-import s from "clsx";
+import a from "clsx";
 import "@tabler/icons-react";
 import "./Icon-CA9DycKJ.js";
 import { I as u } from "./IconChevronRight-CQ4ThSCR.js";
@@ -10,28 +10,25 @@ import "./propsContext-CauylOgH.js";
 import { P as p } from "./PropsContextProvider-DZvwqHLP.js";
 import "@react-aria/utils";
 import "remeda";
-const f = "flow--breadcrumb", v = "flow--breadcrumb--link", N = "flow--breadcrumb--breadcrumb-item", E = "flow--breadcrumb--icon", I = "flow--breadcrumb--inverse", r = {
+const f = "flow--breadcrumb", k = "flow--breadcrumb--link", h = "flow--breadcrumb--breadcrumb-item", N = "flow--breadcrumb--icon", w = "flow--breadcrumb--dark", E = "flow--breadcrumb--light", e = {
   breadcrumb: f,
-  link: v,
-  breadcrumbItem: N,
-  icon: E,
-  inverse: I
-}, k = (t) => {
-  const { children: o } = t, c = s(r.breadcrumbItem);
-  return /* @__PURE__ */ e.createElement(m.Breadcrumb, { className: c }, o, /* @__PURE__ */ e.createElement(u, { size: "s", className: r.icon }));
-}, z = (t) => {
-  const { children: o, className: c, inverse: n, ...a } = t, i = s(
-    r.breadcrumb,
-    n && r.inverse,
-    c
-  ), l = {
+  link: k,
+  breadcrumbItem: h,
+  icon: N,
+  dark: w,
+  light: E
+}, I = (t) => {
+  const { children: o } = t, c = a(e.breadcrumbItem);
+  return /* @__PURE__ */ r.createElement(m.Breadcrumb, { className: c }, o, /* @__PURE__ */ r.createElement(u, { size: "s", className: e.icon }));
+}, A = (t) => {
+  const { children: o, className: c, color: s = "primary", ...n } = t, l = a(e.breadcrumb, e[s], c), b = {
     Link: {
-      render: (b, d) => /* @__PURE__ */ e.createElement(k, null, /* @__PURE__ */ e.createElement(b, { ...d, unstyled: !0, className: r.link }))
+      render: (i, d) => /* @__PURE__ */ r.createElement(I, null, /* @__PURE__ */ r.createElement(i, { ...d, unstyled: !0, className: e.link }))
     }
   };
-  return /* @__PURE__ */ e.createElement(m.Breadcrumbs, { ...a, className: i }, /* @__PURE__ */ e.createElement(p, { props: l }, o));
+  return /* @__PURE__ */ r.createElement(m.Breadcrumbs, { ...n, className: l }, /* @__PURE__ */ r.createElement(p, { props: b }, o));
 };
 export {
-  z as Breadcrumb,
-  z as default
+  A as Breadcrumb,
+  A as default
 };

package/dist/Button-D59Yuz6-.js

@@ -0,0 +1,116 @@
+"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-CeCMjUK9.js";
+import { P as h } from "./PropsContextProvider-DZvwqHLP.js";
+import "@react-aria/utils";
+import "./propsContext-CauylOgH.js";
+import "remeda";
+import "@tabler/icons-react";
+import "./Icon-CA9DycKJ.js";
+import { I as C, a as I } from "./IconSucceeded-DHtj6r9L.js";
+import { W as u } from "./Wrap-DGT1h1o3.js";
+import { T as N } from "./Text-D94bUNze.js";
+import { f as k } from "./flowComponent-MjC63Rjp.js";
+import { L as A } from "./LoadingSpinner-CQKhFNdn.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", 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--dark", X = "flow--button--light", Y = "flow--button--soft", t = {
+  button: z,
+  content: B,
+  stateIcon: L,
+  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,
+  dark: V,
+  light: X,
+  soft: Y
+}, Z = {
+  "de-DE": {
+    "action.isFailed": "Fehlgeschlagen",
+    "action.isPending": "Ausstehend...",
+    "action.isSucceeded": "Erfolgreich"
+  },
+  "en-EN": {
+    "action.isFailed": "Failed",
+    "action.isPending": "Pending...",
+    "action.isSucceeded": "Succeeded"
+  }
+}, _ = (e, d = {}) => {
+  const i = D(Z), {
+    isPendingText: a = i.format("action.isPending"),
+    isSucceededText: c = i.format("action.isSucceeded"),
+    isFailedText: s = i.format("action.isFailed")
+  } = d, n = T({
+    "aria-live": "polite",
+    "aria-atomic": !1,
+    "aria-relevant": "text additions",
+    role: "status"
+  });
+  x(() => {
+    e === "isPending" ? n.speak(a) : e === "isSucceeded" ? n.speak(c) : e === "isFailed" && n.speak(s);
+  }, [e]);
+}, ee = (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), we = k("Button", (e) => {
+  e = ee(e);
+  const {
+    color: d = "primary",
+    variant: i = "solid",
+    children: a,
+    className: c,
+    size: s = "m",
+    isPending: n,
+    isSucceeded: r,
+    isFailed: l,
+    "aria-disabled": b,
+    ref: g,
+    unstyled: m,
+    ...P
+  } = e, w = m ? c : E(
+    t.button,
+    n && t.isPending,
+    r && t.isSucceeded,
+    l && t.isFailed,
+    t[`size-${s}`],
+    t[d],
+    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
+  );
+  _(
+    n ? "isPending" : r ? "isSucceeded" : l ? "isFailed" : "isIdle"
+  );
+  const v = {
+    Icon: {
+      className: t.icon,
+      "aria-hidden": !0,
+      size: s
+    },
+    Text: {
+      className: t.text
+    },
+    Avatar: {
+      className: t.avatar
+    }
+  }, f = r ? C : l ? I : n ? A : void 0, p = f && /* @__PURE__ */ o.createElement(f, { size: s, className: t.stateIcon }), S = typeof a == "string";
+  return /* @__PURE__ */ o.createElement(y, null, /* @__PURE__ */ o.createElement(F.Button, { className: w, ref: g, ...P }, /* @__PURE__ */ o.createElement(h, { props: v }, /* @__PURE__ */ o.createElement(u, { if: !m }, /* @__PURE__ */ o.createElement("span", { className: t.content }, /* @__PURE__ */ o.createElement(u, { if: S }, /* @__PURE__ */ o.createElement(N, null, a))))), p));
+});
+export {
+  we as B
+};

package/dist/Button.js

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

package/dist/CopyButton.js

@@ -2,7 +2,7 @@
 /* */
 import o from "react";
 import a from "copy-to-clipboard";
-import { B as i } from "./Button-DcXbM73F.js";
+import { B as i } from "./Button-D59Yuz6-.js";
 import "@tabler/icons-react";
 import "./Icon-CA9DycKJ.js";
 import { I as c } from "./IconCopy-DFsbS558.js";
@@ -15,7 +15,7 @@ import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
 import { f as C } from "./flowComponent-MjC63Rjp.js";
-import { A as E } from "./Action-BoUrh0Ww.js";
+import { A as E } from "./Action-BZHZj-BD.js";
 const B = {
   "de-DE": {
     "copyButton.copy": "Kopieren"

package/dist/HeaderNavigation.js

@@ -5,35 +5,32 @@ import "./propsContext-CauylOgH.js";
 import { P as d } from "./PropsContextProvider-DZvwqHLP.js";
 import "@react-aria/utils";
 import "remeda";
-import v from "clsx";
-import { E as u } from "./EmulatedBoldText-Dtox8Wd1.js";
-const p = "flow--header-navigation", E = "flow--header-navigation--link", f = "flow--header-navigation--button", g = "flow--header-navigation--inverse", n = {
-  headerNavigation: p,
-  link: E,
-  button: f,
-  inverse: g
-}, P = (o) => {
-  const { children: i, className: l, inverse: r, ...s } = o, c = v(
-    n.headerNavigation,
-    r && n.inverse,
-    l
-  ), m = {
+import u from "clsx";
+import { E as g } from "./EmulatedBoldText-Dtox8Wd1.js";
+const h = "flow--header-navigation", p = "flow--header-navigation--link", v = "flow--header-navigation--button", f = "flow--header-navigation--light", E = "flow--header-navigation--dark", a = {
+  headerNavigation: h,
+  link: p,
+  button: v,
+  light: f,
+  dark: E
+}, P = (r) => {
+  const { children: l, className: i, color: o = "primary", ...s } = r, c = u(a.headerNavigation, a[o], i), m = {
     Link: {
-      render: (a, t) => /* @__PURE__ */ e.createElement("li", null, /* @__PURE__ */ e.createElement(a, { ...t, className: n.link, unstyled: !0 }, /* @__PURE__ */ e.createElement(u, null, t.children)))
+      render: (n, t) => /* @__PURE__ */ e.createElement("li", null, /* @__PURE__ */ e.createElement(n, { ...t, className: a.link, unstyled: !0 }, /* @__PURE__ */ e.createElement(g, null, t.children)))
     },
     Button: {
-      render: (a, t) => /* @__PURE__ */ e.createElement("li", null, /* @__PURE__ */ e.createElement(
-        a,
+      render: (n, t) => /* @__PURE__ */ e.createElement("li", null, /* @__PURE__ */ e.createElement(
+        n,
         {
           ...t,
-          className: n.button,
+          className: a.button,
           variant: "plain",
-          inverse: r
+          color: o
         }
       ))
     }
   };
-  return /* @__PURE__ */ e.createElement("nav", { className: c, role: "navigation", ...s }, /* @__PURE__ */ e.createElement("ul", null, /* @__PURE__ */ e.createElement(d, { props: m }, i)));
+  return /* @__PURE__ */ e.createElement("nav", { className: c, role: "navigation", ...s }, /* @__PURE__ */ e.createElement("ul", null, /* @__PURE__ */ e.createElement(d, { props: m }, l)));
 };
 export {
   P as HeaderNavigation,

package/dist/Heading.js

@@ -1,45 +1,49 @@
 "use client"
 /* */
-import o from "react";
+import e from "react";
 import m from "clsx";
-import { C as d } from "./ClearPropsContext-CeCMjUK9.js";
-import { P as f } from "./PropsContextProvider-DZvwqHLP.js";
+import { C as f } from "./ClearPropsContext-CeCMjUK9.js";
+import { P as g } from "./PropsContextProvider-DZvwqHLP.js";
 import "@react-aria/utils";
 import "./propsContext-CauylOgH.js";
 import "remeda";
 import { f as p } from "./flowComponent-MjC63Rjp.js";
-import * as g from "react-aria-components";
-const w = "flow--heading", C = "flow--heading--icon", u = "flow--heading--h1", x = "flow--heading--h2", N = "flow--heading--h3", P = "flow--heading--h4", v = "flow--heading--h5", E = "flow--heading--h6", e = {
-  heading: w,
-  icon: C,
-  h1: u,
-  h2: x,
-  h3: N,
-  h4: P,
-  h5: v,
-  h6: E
-}, b = p("Heading", (a) => {
+import * as w from "react-aria-components";
+const C = "flow--heading", u = "flow--heading--dark", x = "flow--heading--light", N = "flow--heading--icon", P = "flow--heading--h1", k = "flow--heading--h2", v = "flow--heading--h3", E = "flow--heading--h4", H = "flow--heading--h5", y = "flow--heading--h6", o = {
+  heading: C,
+  dark: u,
+  light: x,
+  icon: N,
+  h1: P,
+  h2: k,
+  h3: v,
+  h4: E,
+  h5: H,
+  h6: y
+}, q = p("Heading", (a) => {
   const {
-    children: s,
-    className: r,
+    children: r,
+    className: i,
     level: n = 2,
     levelVisual: t = n,
-    ref: i,
-    ...h
-  } = a, l = m(
-    e.heading,
-    t && e[`h${t}`],
-    r
-  ), c = {
+    color: s = "primary",
+    ref: h,
+    ...l
+  } = a, c = m(
+    o.heading,
+    t && o[`h${t}`],
+    o[s],
+    i
+  ), d = {
     Icon: {
       "aria-hidden": !0,
       size: "s",
-      className: e.icon
+      className: o.icon
     }
   };
-  return /* @__PURE__ */ o.createElement(d, null, /* @__PURE__ */ o.createElement(g.Heading, { level: n, className: l, ...h, ref: i }, /* @__PURE__ */ o.createElement(f, { props: c }, s)));
+  return /* @__PURE__ */ e.createElement(f, null, /* @__PURE__ */ e.createElement(w.Heading, { level: n, className: c, ...l, ref: h }, /* @__PURE__ */ e.createElement(g, { props: d }, r)));
 });
 export {
-  b as Heading,
-  b as default
+  q as Heading,
+  q as default
 };

package/dist/Link-TVG_Y-ZN.js

@@ -0,0 +1,51 @@
+"use client"
+/* */
+import o, { useContext as d } from "react";
+import * as w from "react-aria-components";
+import { C as L } from "./ClearPropsContext-CeCMjUK9.js";
+import { P } from "./PropsContextProvider-DZvwqHLP.js";
+import "@react-aria/utils";
+import "./propsContext-CauylOgH.js";
+import "remeda";
+import g from "clsx";
+import { f as h } from "./flowComponent-MjC63Rjp.js";
+import { l as y } from "./context-BlNV7smK.js";
+const N = "flow--link", E = "flow--link--inline", F = "flow--link--icon", v = "flow--link--dark", z = "flow--link--light", n = {
+  link: N,
+  inline: E,
+  icon: F,
+  dark: v,
+  light: z
+}, G = h("Link", (r) => {
+  const {
+    children: i,
+    className: t,
+    inline: e,
+    linkComponent: l,
+    color: s = "primary",
+    unstyled: m = !1,
+    "aria-current": a,
+    ref: c,
+    ...p
+  } = r, { linkComponent: k } = d(y), f = l ?? k ?? w.Link, C = m ? t : g(n.link, e && n.inline, n[s], t), u = {
+    Icon: {
+      className: n.icon,
+      size: "s"
+    }
+  }, x = {
+    "aria-current": a
+  };
+  return /* @__PURE__ */ o.createElement(L, null, /* @__PURE__ */ o.createElement(
+    f,
+    {
+      ...p,
+      ...x,
+      className: C,
+      ref: c
+    },
+    /* @__PURE__ */ o.createElement(P, { props: u }, i)
+  ));
+});
+export {
+  G as L
+};

package/dist/Link.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { L as o } from "./Link-C9hXxA2A.js";
+import { L as o } from "./Link-TVG_Y-ZN.js";
 export {
   o as Link,
   o as default

package/dist/List.js

@@ -12,7 +12,7 @@ import { T as b } from "./Text-D94bUNze.js";
 import "@tabler/icons-react";
 import "./Icon-CA9DycKJ.js";
 import { I as $ } from "./IconChevronDown-DvDzDLHn.js";
-import { B as h } from "./Button-DcXbM73F.js";
+import { B as h } from "./Button-D59Yuz6-.js";
 import { useMessageFormatter as H, useLocalizedStringFormatter as q } from "react-aria";
 import K from "clsx";
 import { I as rt } from "./IconClose-9_7oZ-l1.js";
@@ -28,7 +28,7 @@ import "./propsContext-CauylOgH.js";
 import { P as bt } from "./PropsContextProvider-DZvwqHLP.js";
 import "@react-aria/utils";
 import { W as St } from "./Wrap-DGT1h1o3.js";
-import { L as yt } from "./Link-C9hXxA2A.js";
+import { L as yt } from "./Link-TVG_Y-ZN.js";
 import { I as Ct } from "./IconContextMenu-CdytNL-c.js";
 import { d as f, a as M } from "./deepFindOfType-6pG0fH7S.js";
 import { I as vt } from "./InlineCode-BV2i5uN0.js";