@mittwald/flow-react-components 0.1.0-alpha.24 → 0.1.0-alpha.240

package/dist/SettingsProvider-D2-kWC3S.js

@@ -0,0 +1,98 @@
+"use client"
+/* */
+var d = Object.defineProperty;
+var w = (s, t, e) => t in s ? d(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
+var c = (s, t, e) => w(s, typeof t != "symbol" ? t + "" : t, e);
+import y, { createContext as J, useRef as v, useMemo as O, useEffect as K, useContext as b } from "react";
+import { makeAutoObservable as l, ObservableMap as a, autorun as x } from "mobx";
+import { getAsyncResource as A } from "@mittwald/react-use-promise";
+import { mapValues as E } from "remeda";
+class i {
+  constructor(t = new a()) {
+    c(this, "settings");
+    this.settings = t, l(this);
+  }
+  set(t, e, n) {
+    this.settings.set(t, e.parse(n));
+  }
+  get(t, e) {
+    return e.parse(this.settings.get(t));
+  }
+  clear(t) {
+    this.settings.delete(t);
+  }
+  get asJson() {
+    return this.settings.toJSON();
+  }
+  static fromJson(t) {
+    return new i(new a(t));
+  }
+}
+class g {
+  constructor(t = new a()) {
+    c(this, "componentSettings");
+    this.componentSettings = t, l(this);
+  }
+  set(t, e, n, o) {
+    const r = this.componentSettings.get(t) ?? new i();
+    r.set(e, n, o), this.componentSettings.set(t, r);
+  }
+  get(t, e, n) {
+    return (this.componentSettings.get(t) ?? new i()).get(e, n);
+  }
+  clear(t, e) {
+    var n;
+    (n = this.componentSettings.get(t)) == null || n.clear(e);
+  }
+  get asJson() {
+    return Object.fromEntries(
+      Array.from(this.componentSettings.entries()).map(([t, e]) => [
+        t,
+        e.asJson
+      ])
+    );
+  }
+  static fromJson(t) {
+    const e = E(t, (n) => i.fromJson(n));
+    return new g(new a(e));
+  }
+}
+class P {
+  constructor(t) {
+    c(this, "storageKey");
+    this.storageKey = t;
+  }
+  async load() {
+    const t = localStorage.getItem(this.storageKey);
+    return t === null ? {} : JSON.parse(t);
+  }
+  async store(t) {
+    localStorage.setItem(this.storageKey, JSON.stringify(t));
+  }
+}
+const R = (s) => {
+  switch (s.type) {
+    case "custom":
+      return s.store;
+    case "localStorage":
+      return new P(s.storageKey);
+  }
+  throw new Error(`Unsupported setting backend: ${s}`);
+}, S = J(void 0), M = () => b(S), N = (s) => {
+  const { children: t, id: e, ...n } = s, o = R(n), r = A(() => o.load(), [], {
+    loaderId: e
+  }), h = r.use(), u = v(Promise.resolve()), m = O(
+    () => g.fromJson(h),
+    [e]
+  ), p = () => {
+    const f = m.asJson;
+    u.current = u.current.then(async () => {
+      await o.store(f), r.refresh();
+    });
+  };
+  return K(() => x(p), [e]), /* @__PURE__ */ y.createElement(S.Provider, { value: m }, t);
+};
+export {
+  N as S,
+  M as u
+};

package/dist/SettingsProvider.js

@@ -0,0 +1,7 @@
+"use client"
+/* */
+import { S as t } from "./SettingsProvider-D2-kWC3S.js";
+export {
+  t as SettingsProvider,
+  t as default
+};

package/dist/Skeleton-CKLaTmDR.js

@@ -0,0 +1,22 @@
+"use client"
+/* */
+import r from "react";
+import m from "clsx";
+const a = "flow--skeleton", c = "flow--skeleton--shimmer", i = {
+  skeleton: a,
+  shimmer: c
+}, d = (e) => {
+  const { width: s, height: t, className: o, ...l } = e, n = m(i.skeleton, o);
+  return /* @__PURE__ */ r.createElement(
+    "div",
+    {
+      className: n,
+      "aria-hidden": !0,
+      style: { height: t, width: s },
+      ...l
+    }
+  );
+};
+export {
+  d as S
+};

package/dist/Skeleton.js

@@ -0,0 +1,7 @@
+"use client"
+/* */
+import { S as o } from "./Skeleton-CKLaTmDR.js";
+export {
+  o as Skeleton,
+  o as default
+};

package/dist/SkeletonText-B5ZghZhO.js

@@ -0,0 +1,13 @@
+"use client"
+/* */
+import e from "react";
+const l = "flow--skeleton-text", r = "flow--skeleton-text--shimmer", m = {
+  skeletonText: l,
+  shimmer: r
+}, i = (t) => {
+  const { width: s, style: o = {}, ...n } = t;
+  return /* @__PURE__ */ e.createElement("div", { "aria-hidden": !0, style: { width: s, ...o }, ...n }, /* @__PURE__ */ e.createElement("div", { className: m.skeletonText }));
+};
+export {
+  i as S
+};

package/dist/SkeletonText.js

@@ -0,0 +1,7 @@
+"use client"
+/* */
+import { S as t } from "./SkeletonText-B5ZghZhO.js";
+export {
+  t as SkeletonText,
+  t as default
+};

package/dist/Slider.js

@@ -0,0 +1,104 @@
+"use client"
+/* */
+import e from "react";
+import { f as E } from "./flowComponent-DT1Ap-ot.js";
+import * as n from "react-aria-components";
+import h from "clsx";
+import "./propsContext-DzAKlmhS.js";
+import { P as v } from "./PropsContextProvider-C6Z4XGp6.js";
+import "@react-aria/utils";
+import "remeda";
+import { B as i } from "./Button-DPF2xiJl.js";
+import "@tabler/icons-react";
+import "./Icon-0QYDidQk.js";
+import { I as w, a as N } from "./IconPlus-CgQ84K31.js";
+import { useLocalizedStringFormatter as k } from "react-aria";
+const x = "flow--slider", P = "flow--slider--text", S = "flow--slider--value", T = "flow--slider--track", g = "flow--slider--fill", y = "flow--slider--initial-marker", F = "flow--slider--thumb", I = "flow--slider--increment", M = "flow--slider--decrement", C = "flow--slider--disabled", r = {
+  slider: x,
+  text: P,
+  value: S,
+  track: T,
+  fill: g,
+  initialMarker: y,
+  thumb: F,
+  increment: I,
+  decrement: M,
+  disabled: C
+}, z = { "de-DE": {
+  "slider.decrement": "Wert verkleinern",
+  "slider.increment": "Wert erhöhen"
+}, "en-EN": {
+  "slider.decrement": "Decrement value",
+  "slider.increment": "Increment value"
+} }, H = E("Slider", (m) => {
+  const {
+    className: c,
+    children: o,
+    name: d,
+    isDisabled: t,
+    defaultValue: l,
+    showInitialMarker: u,
+    ...f
+  } = m, p = h(
+    r.slider,
+    t && r.disabled,
+    c
+  ), s = k(z), b = {
+    Label: {
+      unstyled: !0
+    }
+  };
+  return /* @__PURE__ */ e.createElement(
+    n.Slider,
+    {
+      className: p,
+      isDisabled: t,
+      defaultValue: l,
+      ...f
+    },
+    /* @__PURE__ */ e.createElement("div", { className: r.text }, /* @__PURE__ */ e.createElement(n.SliderOutput, { className: r.value }), /* @__PURE__ */ e.createElement(v, { props: b }, o)),
+    /* @__PURE__ */ e.createElement(n.SliderTrack, { className: r.track }, ({ state: a }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+      i,
+      {
+        onPress: () => a.decrementThumb(0),
+        "aria-label": s.format("slider.decrement"),
+        size: "s",
+        variant: "plain",
+        className: r.decrement,
+        isDisabled: t,
+        excludeFromTabOrder: !0
+      },
+      /* @__PURE__ */ e.createElement(w, null)
+    ), /* @__PURE__ */ e.createElement(
+      i,
+      {
+        onPress: () => a.incrementThumb(0),
+        "aria-label": s.format("slider.increment"),
+        size: "s",
+        variant: "plain",
+        className: r.increment,
+        isDisabled: t,
+        excludeFromTabOrder: !0
+      },
+      /* @__PURE__ */ e.createElement(N, null)
+    ), /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        className: r.fill,
+        style: { width: a.getThumbPercent(0) * 100 + "%" }
+      }
+    ), u && l && typeof l == "number" && /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        className: r.initialMarker,
+        style: {
+          left: `calc(${a.getValuePercent(l) * 100}% - 2px)`
+        }
+      }
+    ), /* @__PURE__ */ e.createElement(n.SliderThumb, { name: d, className: r.thumb })))
+  );
+});
+export {
+  H as Slider,
+  H as default
+};

package/dist/StatusBadge.js

@@ -0,0 +1,27 @@
+"use client"
+/* */
+import t from "react";
+import l from "clsx";
+import { S as f } from "./StatusIcon-CMJEehNi.js";
+import { T as i } from "./Text-pgjmZdTC.js";
+import { C as u } from "./ClearPropsContext-CUvsbMn8.js";
+import "./propsContext-DzAKlmhS.js";
+import "@react-aria/utils";
+import "remeda";
+import "dot-prop";
+import { f as d } from "./flowComponent-DT1Ap-ot.js";
+const g = "flow--status-badge", p = "flow--status-badge--text", w = "flow--status-badge--info", x = "flow--status-badge--success", b = "flow--status-badge--warning", B = "flow--status-badge--danger", s = {
+  statusBadge: g,
+  text: p,
+  info: w,
+  success: x,
+  warning: b,
+  danger: B
+}, z = d("StatusBadge", (a) => {
+  const { children: o, className: r, status: e = "info", refProp: n, ...c } = a, m = l(s.statusBadge, s[e], r);
+  return /* @__PURE__ */ t.createElement(u, null, /* @__PURE__ */ t.createElement("div", { className: m, ...c, ref: n }, /* @__PURE__ */ t.createElement(f, { size: "s", className: s.statusIcon, status: e }), /* @__PURE__ */ t.createElement(i, { className: s.text }, o)));
+});
+export {
+  z as StatusBadge,
+  z as default
+};

package/dist/StatusIcon-CMJEehNi.js

@@ -0,0 +1,47 @@
+"use client"
+/* */
+import t from "react";
+import "@tabler/icons-react";
+import "./Icon-0QYDidQk.js";
+import { I as m } from "./IconDanger-1BGpTe7U.js";
+import { I as f } from "./IconInfo-Dug3kHx4.js";
+import { I, a as l } from "./IconWarning-BZpNEOZk.js";
+import { useLocalizedStringFormatter as g } from "react-aria";
+import { C as p } from "./ClearPropsContext-CUvsbMn8.js";
+import "./propsContext-DzAKlmhS.js";
+import "@react-aria/utils";
+import "remeda";
+import "dot-prop";
+import w from "clsx";
+const S = { "de-DE": {
+  "statusIcon.danger": "Status Fehler",
+  "statusIcon.info": "Status Information",
+  "statusIcon.success": "Status Erfolg",
+  "statusIcon.warning": "Status Warnung"
+}, "en-EN": {
+  "statusIcon.danger": "Status error",
+  "statusIcon.info": "Status information",
+  "statusIcon.success": "Status success",
+  "statusIcon.warning": "Status warning"
+} }, d = "flow--status-icon--info", E = "flow--status-icon", C = "flow--status-icon--warning", N = "flow--status-icon--danger", x = "flow--status-icon--success", o = {
+  info: d,
+  statusIcon: E,
+  warning: C,
+  danger: N,
+  success: x
+}, F = {
+  danger: m,
+  info: f,
+  success: I,
+  warning: l
+}, v = (n) => {
+  const { status: s = "info", className: a, ...c } = n, r = w(o.statusIcon, o[s], a), e = g(S), i = F[s], u = {
+    className: r,
+    "aria-label": e.format(`statusIcon.${s}`),
+    ...c
+  };
+  return /* @__PURE__ */ t.createElement(p, null, /* @__PURE__ */ t.createElement(i, { ...u }));
+};
+export {
+  v as S
+};

package/dist/StatusIcon.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { S as a } from "./StatusIcon-BBNE68gH.js";
+import { S as a } from "./StatusIcon-CMJEehNi.js";
 export {
   a as StatusIcon,
   a as default

package/dist/Switch.js

@@ -1,30 +1,40 @@
 "use client"
 /* */
-import c from "react";
+import e from "react";
 import * as n from "react-aria-components";
-import { c as w } from "./clsx-DB4S2d7J.js";
-const d = "flow--switch--indicator", m = "flow--switch--success", h = "flow--switch--danger", s = {
+import f from "clsx";
+import "@tabler/icons-react";
+import "./Icon-0QYDidQk.js";
+import { I as p } from "./IconCheck-kPAdcx3h.js";
+import { I as h } from "./IconClose-gMf32kww.js";
+import { L as w } from "./Label-DDi1b6gx.js";
+import { C as d } from "./ClearPropsContext-CUvsbMn8.js";
+import "./propsContext-DzAKlmhS.js";
+import "@react-aria/utils";
+import "remeda";
+import "dot-prop";
+import { f as b } from "./flowComponent-DT1Ap-ot.js";
+const E = "flow--switch--track", C = "flow--switch--handle", N = "flow--switch--label", t = {
   switch: "flow--switch",
   "label-leading": "flow--switch--label-leading",
-  indicator: d,
-  success: m,
-  danger: h
-}, u = (t) => {
+  track: E,
+  handle: C,
+  label: N
+}, R = b("Switch", (a) => {
   const {
-    children: a,
-    className: e,
-    labelPosition: i = "trailing",
-    variant: o = "success",
-    ...l
-  } = t, r = w(
-    s.switch,
-    s[`label-${i}`],
-    s[o],
-    e
+    children: l,
+    className: o,
+    labelPosition: r = "trailing",
+    refProp: s,
+    ...c
+  } = a, m = f(
+    t.switch,
+    t[`label-${r}`],
+    o
   );
-  return /* @__PURE__ */ c.createElement(n.Switch, { ...l, className: r }, /* @__PURE__ */ c.createElement("div", { className: s.indicator }), a);
-};
+  return /* @__PURE__ */ e.createElement(d, null, /* @__PURE__ */ e.createElement(n.Switch, { ...c, className: m, ref: s }, ({ isSelected: i }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: t.track }, /* @__PURE__ */ e.createElement("div", { className: t.handle }, i ? /* @__PURE__ */ e.createElement(p, { size: "s" }) : /* @__PURE__ */ e.createElement(h, { size: "s" }))), l && /* @__PURE__ */ e.createElement(w, { className: t.label }, l))));
+});
 export {
-  u as Switch,
-  u as default
+  R as Switch,
+  R as default
 };

package/dist/Table.js

@@ -0,0 +1,13 @@
+"use client"
+/* */
+import { T as e } from "./TableRow-BsPgWqkU.js";
+import { a as b, b as s, c as T, d as r, e as d } from "./TableRow-BsPgWqkU.js";
+export {
+  e as Table,
+  b as TableBody,
+  s as TableCell,
+  T as TableColumn,
+  r as TableHeader,
+  d as TableRow,
+  e as default
+};

package/dist/TableRow-BsPgWqkU.js

@@ -0,0 +1,50 @@
+"use client"
+/* */
+import o, { Suspense as m } from "react";
+import * as n from "react-aria-components";
+import r from "clsx";
+import { S as b } from "./SkeletonText-B5ZghZhO.js";
+const d = "flow--table--table-container", i = "flow--table", N = "flow--table--header", u = "flow--table--body", f = "flow--table--cell", C = "flow--table--column", c = {
+  tableContainer: d,
+  table: i,
+  header: N,
+  body: u,
+  cell: f,
+  column: C
+}, E = (a) => {
+  const { children: t, className: e, ...l } = a, s = r(c.table, e);
+  return /* @__PURE__ */ o.createElement("div", { className: c.tableContainer }, /* @__PURE__ */ o.createElement(n.Table, { className: s, ...l }, t));
+}, p = (a) => {
+  const { children: t, className: e, ...l } = a, s = r(c.body, e);
+  return /* @__PURE__ */ o.createElement(n.TableBody, { className: s, ...l }, t);
+}, y = (a) => {
+  const { children: t, className: e, ...l } = a, s = r(c.cell, e);
+  return /* @__PURE__ */ o.createElement(n.Cell, { className: s, ...l }, /* @__PURE__ */ o.createElement(m, { fallback: /* @__PURE__ */ o.createElement(b, { width: "100px" }) }, t));
+}, x = (a) => {
+  const { children: t, className: e, ...l } = a, s = r(c.column, e);
+  return /* @__PURE__ */ o.createElement(n.Column, { isRowHeader: !0, className: s, ...l }, t);
+}, R = (a) => {
+  const { children: t, className: e, ...l } = a, s = r(c.header, e);
+  return /* @__PURE__ */ o.createElement(n.TableHeader, { className: s, ...l }, t);
+}, H = (a) => {
+  const { children: t, className: e, ...l } = a;
+  return /* @__PURE__ */ o.createElement(
+    n.Row,
+    {
+      className: (s) => r(
+        c.row,
+        typeof e == "function" ? e(s) : e
+      ),
+      ...l
+    },
+    t
+  );
+};
+export {
+  E as T,
+  p as a,
+  y as b,
+  x as c,
+  R as d,
+  H as e
+};

package/dist/Tabs.js

@@ -0,0 +1,156 @@
+"use client"
+/* */
+import e, { useRef as g, useState as v, useEffect as M, useId as w, createContext as h, useContext as I } from "react";
+import * as E from "react-aria-components";
+import u from "clsx";
+import { TunnelExit as C, TunnelProvider as P, TunnelEntry as f } from "@mittwald/react-tunnel";
+import { f as y } from "./flowComponent-DT1Ap-ot.js";
+import { useCallbackRef as O } from "use-callback-ref";
+import { a as S, C as A } from "./ContextMenuTrigger-CYlZTk_W.js";
+import { M as B } from "./MenuItem-Dr-3EfkY.js";
+import { B as K } from "./Button-DPF2xiJl.js";
+import "@tabler/icons-react";
+import "./Icon-0QYDidQk.js";
+import { I as L } from "./IconContextMenu-DQey4U_b.js";
+import { T as F } from "./Text-pgjmZdTC.js";
+import "./propsContext-DzAKlmhS.js";
+import { P as R } from "./PropsContextProvider-C6Z4XGp6.js";
+import "@react-aria/utils";
+import "remeda";
+const W = "flow--tabs", $ = "flow--tabs--list", k = {
+  tabs: W,
+  list: $
+}, j = "flow--tabs--tab-list", q = "flow--tabs--tab-list--context-menu-button", z = "flow--tabs--tab-list--titles", D = "flow--tabs--tab-list--collapsed", b = {
+  tabList: j,
+  contextMenuButton: q,
+  titles: z,
+  collapsed: D
+}, G = () => {
+  const s = g(), [n, r] = v(!1), o = O(null, (t) => {
+    l(), c(t);
+  }), a = ([
+    t
+  ]) => {
+    t && r(!t.isIntersecting);
+  }, c = (t = o.current) => {
+    if (t && t instanceof Element) {
+      const i = new IntersectionObserver(a, {
+        root: t.parentElement,
+        // 1 = invoke callback when the element is 100% visible within the parent element
+        threshold: 1
+      });
+      s.current = i, i.observe(t);
+    }
+  }, l = () => {
+    var t;
+    (t = s.current) == null || t.disconnect();
+  };
+  return M(() => (c(), l), [s.current]), {
+    ref: o,
+    isOverflowing: n
+  };
+}, H = "flow--tabs--tab-title", J = "flow--tabs--tab-title--text", Q = "flow--tabs--tab-title--menu-item", p = {
+  tabTitle: H,
+  text: J,
+  menuItem: Q
+}, U = (s) => {
+  const { className: n, ...r } = s, o = u(n, p.tabTitle);
+  return /* @__PURE__ */ e.createElement("div", { ...r, className: o, "data-selected": !0 }, /* @__PURE__ */ e.createElement(C, { id: "ActiveTitle" }));
+}, V = (s) => {
+  const { selection: n, disabledKeys: r, onContextMenuSelectionChange: o } = s, a = w(), c = G(), l = c.isOverflowing, t = u(b.tabList, l && b.collapsed), i = (x) => {
+    o(x);
+  }, m = /* @__PURE__ */ e.createElement(E.TabList, { className: b.titles, ref: c.ref }, /* @__PURE__ */ e.createElement(C, { id: "Titles" })), d = l && /* @__PURE__ */ e.createElement(U, { id: a }), T = l && /* @__PURE__ */ e.createElement(S, null, /* @__PURE__ */ e.createElement(
+    K,
+    {
+      variant: "soft",
+      className: b.contextMenuButton,
+      color: "secondary",
+      "aria-labelledby": a
+    },
+    /* @__PURE__ */ e.createElement(L, null)
+  ), /* @__PURE__ */ e.createElement(
+    A,
+    {
+      disabledKeys: r,
+      selectedKeys: n ? [n] : void 0,
+      selectionMode: "navigation",
+      onAction: (x) => i(x)
+    },
+    /* @__PURE__ */ e.createElement(C, { id: "ContextMenuItems" })
+  ));
+  return /* @__PURE__ */ e.createElement("div", { className: t }, m, d, T);
+}, Ce = y("Tabs", (s) => {
+  const {
+    children: n,
+    className: r,
+    defaultSelectedKey: o,
+    disabledKeys: a,
+    refProp: c,
+    ...l
+  } = s, t = u(k.tabs, r), [i, m] = v(
+    o
+  );
+  return /* @__PURE__ */ e.createElement(P, null, n, /* @__PURE__ */ e.createElement(
+    E.Tabs,
+    {
+      slot: null,
+      className: t,
+      ...l,
+      selectedKey: i,
+      onSelectionChange: m,
+      disabledKeys: a,
+      ref: c
+    },
+    /* @__PURE__ */ e.createElement(
+      V,
+      {
+        selection: i,
+        onContextMenuSelectionChange: m,
+        disabledKeys: a
+      }
+    ),
+    /* @__PURE__ */ e.createElement(C, { id: "Panels" })
+  ));
+}), N = h({
+  id: "undefined"
+}), X = () => I(N), Y = N.Provider, Ee = (s) => {
+  const { children: n, className: r, ...o } = s, { id: a } = X(), c = u(p.tabTitle, r);
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(f, { id: "Titles" }, /* @__PURE__ */ e.createElement(E.Tab, { ...o, id: a, className: c }, (l) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(F, { emulateBoldWidth: !0 }, /* @__PURE__ */ e.createElement("span", { className: p.text }, n)), /* @__PURE__ */ e.createElement(f, { id: "ActiveTitle" }, l.isSelected && n)))), /* @__PURE__ */ e.createElement(f, { id: "ContextMenuItems" }, /* @__PURE__ */ e.createElement(B, { className: p.menuItem, id: a }, n)));
+}, Z = "flow--tabs--tab--tab-panel", _ = {
+  tabPanel: Z
+}, Te = (s) => {
+  const { children: n, className: r, id: o, ...a } = s, c = u(_.tabPanel, r), l = w(), t = o ?? l, i = (m) => {
+    const d = m.state.selectedKey === t, T = {
+      Content: {
+        isActive: d
+      },
+      Section: {
+        isActive: d
+      }
+    };
+    return /* @__PURE__ */ e.createElement(
+      R,
+      {
+        props: T,
+        dependencies: [d, n]
+      },
+      n
+    );
+  };
+  return /* @__PURE__ */ e.createElement(f, { id: "Panels" }, /* @__PURE__ */ e.createElement(Y, { value: { id: t } }, /* @__PURE__ */ e.createElement(
+    E.TabPanel,
+    {
+      className: c,
+      shouldForceMount: !0,
+      id: t,
+      ...a
+    },
+    i
+  )));
+};
+export {
+  Te as Tab,
+  Ee as TabTitle,
+  Ce as Tabs,
+  Ce as default
+};

package/dist/Text-pgjmZdTC.js

@@ -0,0 +1,44 @@
+"use client"
+/* */
+import t from "react";
+import * as E from "react-aria-components";
+import { C as u } from "./ClearPropsContext-CUvsbMn8.js";
+import { P as T } from "./PropsContextProvider-C6Z4XGp6.js";
+import "@react-aria/utils";
+import "./propsContext-DzAKlmhS.js";
+import "remeda";
+import C from "invariant";
+import { f as h } from "./flowComponent-DT1Ap-ot.js";
+import { E as P } from "./EmulatedBoldText-Dtox8Wd1.js";
+import { W as g } from "./Wrap-DGT1h1o3.js";
+import y from "clsx";
+const k = "flow--text", w = "flow--text--light", N = "flow--text--dark", l = {
+  text: k,
+  light: w,
+  dark: N
+}, F = h("Text", (o) => {
+  const {
+    children: a,
+    className: i,
+    elementType: e = "span",
+    emulateBoldWidth: p,
+    refProp: r,
+    color: n,
+    ...c
+  } = o, f = y(l.text, n && l[n], i), m = { ...c, className: f }, x = {
+    Link: {
+      inline: !0
+    }
+  }, s = /* @__PURE__ */ t.createElement(T, { props: x }, /* @__PURE__ */ t.createElement(g, { if: p }, /* @__PURE__ */ t.createElement(P, null, a)));
+  if (!o.slot) {
+    const d = e;
+    return /* @__PURE__ */ t.createElement(d, { ...m, ref: r }, s);
+  }
+  return C(
+    typeof e == "string",
+    "'elementType' in Text component must be of type string"
+  ), /* @__PURE__ */ t.createElement(u, null, /* @__PURE__ */ t.createElement(E.Text, { ...m, elementType: e, ref: r }, s));
+});
+export {
+  F as T
+};