@mittwald/flow-react-components 0.1.0-alpha.9 → 0.1.0-alpha.90

package/dist/RadioGroup.js

@@ -1,91 +1,87 @@
 "use client"
 /* */
-import t from "react";
-import * as m from "react-aria-components";
-import { c as f } from "./clsx-F0OAuoLf.js";
-import "./propsContext-1HT-3SRC.js";
-import { P as u } from "./PropsContextProvider-1ZntTV8J.js";
+import e from "react";
+import * as R from "react-aria-components";
+import E from "clsx";
+import "./propsContext-CauylOgH.js";
+import { P as C, m as b } from "./PropsContextProvider-DZvwqHLP.js";
 import "@react-aria/utils";
-import { F as g } from "./FieldError-O1TRrMMj.js";
-import { I as N } from "./Icon-ZFuEzyOR.js";
-import "./useProps-5ZdbXCrH.js";
-import "@fortawesome/react-fontawesome";
-import "html-react-parser";
-const v = "flow--radio-group", w = "flow--radio-group--content", C = "flow--radio-group--icon", k = "flow--radio-group--label", E = "flow--radio-group--field-error", b = "flow--radio-group--custom-field-error", P = "flow--radio-group--field-description", n = {
-  radioGroup: v,
-  content: w,
-  icon: C,
-  label: k,
-  fieldError: E,
-  customFieldError: b,
-  fieldDescription: P
-}, q = (o) => {
-  const { children: e, className: i, ...r } = o, c = f(n.radioGroup, i), a = {
+import "remeda";
+import { d as k } from "./dynamic-ClpUSmEt.js";
+import { F as x } from "./FieldError-CDPZJvma.js";
+import { C as y } from "./ColumnLayout-FMONjI17.js";
+import { TunnelProvider as F, TunnelExit as m } from "@mittwald/react-tunnel";
+import { s as c } from "./FormField.module-DHK6nIcD.js";
+import { d as I } from "./deepFindOfType-6pG0fH7S.js";
+import { C as w } from "./ClearPropsContext-CeCMjUK9.js";
+import "@tabler/icons-react";
+import "./Icon-DpcNiaNb.js";
+import { I as B, a as v } from "./IconRadioOn-D5xbBFYA.js";
+import { f as N } from "./flowComponent-C4FfRbD8.js";
+import "dot-prop";
+import { I as P } from "./IconCheck-DDbrMURX.js";
+const D = "flow--radio-group", T = "flow--radio-group--segmented-group", O = "flow--radio-group--segments", $ = "flow--radio-group--segment", L = "flow--radio-group--checkmark", a = {
+  radioGroup: D,
+  segmentedGroup: T,
+  segments: O,
+  segment: $,
+  checkmark: L
+}, A = "flow--radio-group--radio-button", j = "flow--radio-group--radio-button--content", q = "flow--radio-group--radio-button--label", f = {
+  radioButton: A,
+  content: j,
+  label: q
+}, z = N("RadioButton", (n) => {
+  const { children: t, className: r, ref: o, ...s } = n, l = E(f.radioButton, r), i = {
+    Text: {
+      className: f.label
+    },
+    Content: {
+      className: f.content
+    }
+  };
+  return /* @__PURE__ */ e.createElement(w, null, /* @__PURE__ */ e.createElement(K, { ...s, className: l, ref: o }, /* @__PURE__ */ e.createElement(C, { props: i }, t)));
+}), me = N("RadioGroup", (n) => {
+  const { children: t, className: r, variant: o = "default", s, m: l, l: i, ...d } = n, h = E(c.formField, r);
+  let p = {
     Label: {
-      className: n.label
+      className: c.label
     },
     FieldDescription: {
-      className: n.fieldDescription
+      className: c.fieldDescription,
+      tunnelId: "fieldDescription"
     },
     FieldError: {
-      className: n.customFieldError
-    }
-  };
-  return /* @__PURE__ */ t.createElement(m.RadioGroup, { ...r, className: c }, /* @__PURE__ */ t.createElement(u, { props: a }, e), /* @__PURE__ */ t.createElement(g, { className: n.fieldError }));
-}, D = "flow--radio-group--radio", F = "flow--radio-group--radio--content", G = "flow--radio-group--radio--icon", R = "flow--radio-group--radio--checkmark", y = "flow--radio-group--radio--label", l = {
-  radio: D,
-  content: F,
-  icon: G,
-  checkmark: R,
-  label: y
-};
-var h = {}, p = {};
-(function(o) {
-  Object.defineProperty(o, "__esModule", { value: !0 });
-  var e = "far", i = "circle-check", r = 512, c = 512, a = [61533, "check-circle"], s = "f058", d = "M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-111 111-47-47c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l64 64c9.4 9.4 24.6 9.4 33.9 0L369 209z";
-  o.definition = {
-    prefix: e,
-    iconName: i,
-    icon: [
-      r,
-      c,
-      a,
-      s,
-      d
-    ]
-  }, o.faCircleCheck = o.definition, o.prefix = e, o.iconName = i, o.width = r, o.height = c, o.ligatures = a, o.unicode = s, o.svgPathData = d, o.aliases = a;
-})(p);
-(function(o) {
-  Object.defineProperty(o, "__esModule", { value: !0 });
-  var e = p;
-  o.definition = {
-    prefix: e.prefix,
-    iconName: e.iconName,
-    icon: [
-      e.width,
-      e.height,
-      e.aliases,
-      e.unicode,
-      e.svgPathData
-    ]
-  }, o.faCheckCircle = o.definition, o.prefix = e.prefix, o.iconName = e.iconName, o.width = e.width, o.height = e.height, o.ligatures = e.aliases, o.unicode = e.unicode, o.svgPathData = e.svgPathData, o.aliases = e.aliases;
-})(h);
-const B = (o) => {
-  const { children: e, className: i, ...r } = o, c = f(l.radio, i), a = {
-    Icon: {
-      className: l.icon
+      className: c.customFieldError,
+      tunnelId: "fieldError"
     },
-    Text: {
-      className: l.label
+    RadioButton: {
+      tunnelId: "radios"
     },
-    Content: {
-      className: l.content
+    Radio: {
+      tunnelId: "radios"
     }
   };
-  return /* @__PURE__ */ t.createElement(m.Radio, { ...r, className: c }, /* @__PURE__ */ t.createElement(u, { props: a }, e), /* @__PURE__ */ t.createElement(N, { className: l.checkmark, faIcon: h.faCheckCircle }));
-};
+  o === "segmented" && (p = b(p, {
+    Radio: {
+      className: a.segment,
+      unstyled: !0,
+      children: k((G) => /* @__PURE__ */ e.createElement(e.Fragment, null, G.children, /* @__PURE__ */ e.createElement(P, { className: a.checkmark })))
+    }
+  }));
+  const u = !!I(t, z);
+  return o === "segmented" && u && console.warn(
+    "<RadioButton/> is not supported in 'segmented' variant of <RadioGroup />"
+  ), /* @__PURE__ */ e.createElement(R.RadioGroup, { ...d, className: h }, /* @__PURE__ */ e.createElement(F, null, /* @__PURE__ */ e.createElement(C, { props: p, dependencies: [o] }, t, o === "segmented" && /* @__PURE__ */ e.createElement("div", { className: a.segmentedGroup }, /* @__PURE__ */ e.createElement("div", { className: a.segments }, /* @__PURE__ */ e.createElement(m, { id: "radios" }))), o === "default" && u && /* @__PURE__ */ e.createElement(y, { s, m: l, l: i, className: a.radioGroup }, /* @__PURE__ */ e.createElement(m, { id: "radios" })), o === "default" && !u && /* @__PURE__ */ e.createElement("div", { className: a.radioGroup }, /* @__PURE__ */ e.createElement(m, { id: "radios" })), /* @__PURE__ */ e.createElement(m, { id: "fieldDescription" }), /* @__PURE__ */ e.createElement(m, { id: "fieldError" }))), /* @__PURE__ */ e.createElement(x, { className: c.fieldError }));
+}), H = "flow--radio-group--radio", J = "flow--radio-group--radio--icon", g = {
+  radio: H,
+  icon: J
+}, K = N("Radio", (n) => {
+  const { children: t, className: r, unstyled: o = !1, ref: s, ...l } = n, i = o ? r : E(g.radio, r);
+  return /* @__PURE__ */ e.createElement(w, null, /* @__PURE__ */ e.createElement(R.Radio, { ...l, className: i, ref: s }, ({ isSelected: d }) => /* @__PURE__ */ e.createElement(e.Fragment, null, d ? !o && /* @__PURE__ */ e.createElement(B, { className: g.icon }) : !o && /* @__PURE__ */ e.createElement(v, { className: g.icon }), t)));
+});
 export {
-  B as Radio,
-  q as RadioGroup,
-  q as default
+  K as Radio,
+  z as RadioButton,
+  me as RadioGroup,
+  me as default
 };

package/dist/Section.js

@@ -0,0 +1,38 @@
+"use client"
+/* */
+import s from "react";
+import i from "clsx";
+import "./propsContext-CauylOgH.js";
+import { P as l } from "./PropsContextProvider-DZvwqHLP.js";
+import "@react-aria/utils";
+import "remeda";
+const m = "flow--section", d = "flow--section--header", p = "flow--section--status-badge", e = {
+  section: m,
+  header: d,
+  switch: "flow--section--switch",
+  statusBadge: p
+}, x = (o) => {
+  const { children: t, className: a, ...c } = o;
+  if (!t)
+    return null;
+  const r = i(e.section, a), n = {
+    Heading: {
+      level: 2
+    },
+    Header: {
+      className: e.header,
+      Switch: {
+        className: e.switch,
+        labelPosition: "leading"
+      },
+      StatusBadge: {
+        className: e.statusBadge
+      }
+    }
+  };
+  return /* @__PURE__ */ s.createElement("section", { ...c, className: r }, /* @__PURE__ */ s.createElement(l, { props: n }, t));
+};
+export {
+  x as Section,
+  x as default
+};

package/dist/Select.js

@@ -0,0 +1,81 @@
+"use client"
+/* */
+import e from "react";
+import * as c from "react-aria-components";
+import "./propsContext-CauylOgH.js";
+import { P as C } from "./PropsContextProvider-DZvwqHLP.js";
+import "@react-aria/utils";
+import "remeda";
+import { s as r } from "./FormField.module-DHK6nIcD.js";
+import { F as w } from "./FieldError-CDPZJvma.js";
+import m from "clsx";
+import "@tabler/icons-react";
+import "./Icon-DpcNiaNb.js";
+import { I as x } from "./IconChevronDown-CbK0gKMB.js";
+import { f as E } from "./flowComponent-C4FfRbD8.js";
+import { P as h } from "./Popover-MmxZkKu3.js";
+import { TunnelProvider as v, TunnelExit as S } from "@mittwald/react-tunnel";
+const F = "flow--select", I = "flow--select--toggle", f = {
+  select: F,
+  toggle: I
+}, P = "flow--select--options--popover", O = "flow--select--options", d = {
+  popover: P,
+  options: O
+}, y = (o) => {
+  const { className: t, children: n, ...s } = o, l = m(d.options, t);
+  return /* @__PURE__ */ e.createElement(h, { className: d.popover }, /* @__PURE__ */ e.createElement(c.ListBox, { className: l, ...s }, n));
+}, U = E("Select", (o) => {
+  const {
+    children: t,
+    className: n,
+    onChange: s = () => {
+    },
+    onSelectionChange: l = () => {
+    },
+    ref: i,
+    ...a
+  } = o, u = m(
+    f.select,
+    r.formField,
+    n
+  ), N = {
+    Label: {
+      className: r.label,
+      optional: !o.isRequired
+    },
+    FieldDescription: {
+      className: r.fieldDescription
+    },
+    FieldError: {
+      className: r.customFieldError
+    },
+    Option: {
+      tunnelId: "options"
+    }
+  }, g = (p) => {
+    s(String(p)), l(p);
+  };
+  return /* @__PURE__ */ e.createElement(
+    c.Select,
+    {
+      ...a,
+      className: u,
+      ref: i,
+      onSelectionChange: g
+    },
+    /* @__PURE__ */ e.createElement(C, { props: N }, /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement(c.Button, { className: f.toggle }, /* @__PURE__ */ e.createElement(c.SelectValue, null), /* @__PURE__ */ e.createElement(x, null)), t, /* @__PURE__ */ e.createElement(y, null, /* @__PURE__ */ e.createElement(S, { id: "options" })), /* @__PURE__ */ e.createElement(w, { className: r.fieldError })))
+  );
+}), B = "flow--select--option", D = "flow--select--option--icon", L = "flow--select--option--text", $ = "flow--select--option--control-icon", b = {
+  option: B,
+  icon: D,
+  text: L,
+  controlIcon: $
+}, W = E("Option", (o) => {
+  const { className: t, children: n, value: s, ref: l, ...i } = o, a = m(b.option, t);
+  return /* @__PURE__ */ e.createElement(c.ListBoxItem, { className: a, ref: l, ...i, id: s }, n);
+});
+export {
+  W as Option,
+  U as Select,
+  U 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-BRm5TIe9.js";
+import { T as i } from "./Text-DlBpZns-.js";
+import { C as u } from "./ClearPropsContext-CeCMjUK9.js";
+import "./propsContext-CauylOgH.js";
+import "@react-aria/utils";
+import "remeda";
+import "dot-prop";
+import { f as d } from "./flowComponent-C4FfRbD8.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
+}, P = d("StatusBadge", (a) => {
+  const { children: o, className: n, status: e = "info", ref: r, ...c } = a, m = l(s.statusBadge, s[e], n);
+  return /* @__PURE__ */ t.createElement(u, null, /* @__PURE__ */ t.createElement("div", { className: m, ...c, ref: r }, /* @__PURE__ */ t.createElement(f, { size: "s", className: s.statusIcon, status: e }), /* @__PURE__ */ t.createElement(i, { className: s.text }, o)));
+});
+export {
+  P as StatusBadge,
+  P as default
+};

package/dist/StatusIcon-BRm5TIe9.js

@@ -0,0 +1,49 @@
+"use client"
+/* */
+import t from "react";
+import "@tabler/icons-react";
+import "./Icon-DpcNiaNb.js";
+import { I as m } from "./IconDanger-BCQl3s0h.js";
+import { I as f, a as l, b as I } from "./IconWarning-3thkYnBz.js";
+import { useLocalizedStringFormatter as g } from "react-aria";
+import { C as p } from "./ClearPropsContext-CeCMjUK9.js";
+import "./propsContext-CauylOgH.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: l,
+  warning: I
+}, q = (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 {
+  q as S
+};

package/dist/StatusIcon.js

@@ -1,16 +1,7 @@
 "use client"
 /* */
-import { S as o } from "./StatusIcon-R1Q9m-y9.js";
-import "react";
-import "./Icon-ZFuEzyOR.js";
-import "@fortawesome/react-fontawesome";
-import "./clsx-F0OAuoLf.js";
-import "html-react-parser";
-import "./propsContext-1HT-3SRC.js";
-import "@react-aria/utils";
-import "./useProps-5ZdbXCrH.js";
-import "react-aria";
+import { S as a } from "./StatusIcon-BRm5TIe9.js";
 export {
-  o as StatusIcon,
-  o as default
+  a as StatusIcon,
+  a as default
 };

package/dist/Switch.js

@@ -1,30 +1,40 @@
 "use client"
 /* */
-import c from "react";
-import * as r from "react-aria-components";
-import { c as w } from "./clsx-F0OAuoLf.js";
-const d = "flow--switch--indicator", m = "flow--switch--accent", h = "flow--switch--danger", t = {
+import e from "react";
+import * as n from "react-aria-components";
+import f from "clsx";
+import "@tabler/icons-react";
+import "./Icon-DpcNiaNb.js";
+import { I as p } from "./IconCheck-DDbrMURX.js";
+import { I as h } from "./IconClose-CwV3QUi2.js";
+import { L as w } from "./Label-Dq1cgQyP.js";
+import { C as d } from "./ClearPropsContext-CeCMjUK9.js";
+import "./propsContext-CauylOgH.js";
+import "@react-aria/utils";
+import "remeda";
+import "dot-prop";
+import { f as b } from "./flowComponent-C4FfRbD8.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,
-  accent: m,
-  danger: h
-}, b = (a) => {
+  track: E,
+  handle: C,
+  label: N
+}, R = b("Switch", (l) => {
   const {
-    children: e,
-    className: i,
-    labelPosition: s = "trailing",
-    variant: n = "accent",
-    ...o
-  } = a, l = w(
+    children: a,
+    className: o,
+    labelPosition: r = "trailing",
+    ref: s,
+    ...c
+  } = l, m = f(
     t.switch,
-    t[`label-${s}`],
-    t[n],
-    i
+    t[`label-${r}`],
+    o
   );
-  return /* @__PURE__ */ c.createElement(r.Switch, { ...o, className: l }, /* @__PURE__ */ c.createElement("div", { className: t.indicator }), e);
-};
+  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" }))), /* @__PURE__ */ e.createElement(w, { className: t.label }, a))));
+});
 export {
-  b as Switch,
-  b as default
+  R as Switch,
+  R as default
 };

package/dist/Tabs.js

@@ -0,0 +1,134 @@
+"use client"
+/* */
+import e, { useRef as h, useState as C, useEffect as M, useId as p, createContext as I, useContext as y } from "react";
+import * as E from "react-aria-components";
+import { MenuTrigger as O } from "react-aria-components";
+import m from "clsx";
+import { TunnelExit as f, TunnelProvider as P, TunnelEntry as b } from "@mittwald/react-tunnel";
+import { f as S } from "./flowComponent-C4FfRbD8.js";
+import { useCallbackRef as B } from "use-callback-ref";
+import { C as K } from "./ContextMenu-B3m9vxOe.js";
+import { M as L } from "./MenuItem-B5kgO_0u.js";
+import { B as F } from "./Button-DJcL25jy.js";
+import "@tabler/icons-react";
+import "./Icon-DpcNiaNb.js";
+import { I as A } from "./IconContextMenu-DD5RGOEW.js";
+import { T as R } from "./Text-DlBpZns-.js";
+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", u = {
+  tabList: j,
+  contextMenuButton: q,
+  titles: z,
+  collapsed: D
+}, G = () => {
+  const s = h(), [n, r] = C(!1), o = B(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", d = {
+  tabTitle: H,
+  text: J,
+  menuItem: Q
+}, U = (s) => {
+  const { className: n, ...r } = s, o = m(n, d.tabTitle);
+  return /* @__PURE__ */ e.createElement("div", { ...r, className: o, "data-selected": !0 }, /* @__PURE__ */ e.createElement(f, { id: "ActiveTitle" }));
+}, V = (s) => {
+  const { selection: n, disabledKeys: r, onContextMenuSelectionChange: o } = s, a = p(), c = G(), l = c.isOverflowing, t = m(u.tabList, l && u.collapsed), i = (N) => {
+    const [T] = N;
+    T && o(T);
+  }, v = /* @__PURE__ */ e.createElement(E.TabList, { className: u.titles, ref: c.ref }, /* @__PURE__ */ e.createElement(f, { id: "Titles" })), g = l && /* @__PURE__ */ e.createElement(U, { id: a }), w = l && /* @__PURE__ */ e.createElement(O, null, /* @__PURE__ */ e.createElement(
+    F,
+    {
+      style: "soft",
+      className: u.contextMenuButton,
+      variant: "secondary",
+      "aria-labelledby": a
+    },
+    /* @__PURE__ */ e.createElement(A, null)
+  ), /* @__PURE__ */ e.createElement(
+    K,
+    {
+      disabledKeys: r,
+      selectedKeys: n ? [n] : void 0,
+      selectionMode: "navigation",
+      onSelectionChange: i
+    },
+    /* @__PURE__ */ e.createElement(f, { id: "ContextMenuItems" })
+  ));
+  return /* @__PURE__ */ e.createElement("div", { className: t }, v, g, w);
+}, de = S("Tabs", (s) => {
+  const { children: n, className: r, defaultSelectedKey: o, disabledKeys: a, ...c } = s, l = m(k.tabs, r), [t, i] = C(
+    o
+  );
+  return /* @__PURE__ */ e.createElement(P, null, n, /* @__PURE__ */ e.createElement(
+    E.Tabs,
+    {
+      className: l,
+      ...c,
+      selectedKey: t,
+      onSelectionChange: i,
+      disabledKeys: a
+    },
+    /* @__PURE__ */ e.createElement(
+      V,
+      {
+        selection: t,
+        onContextMenuSelectionChange: i,
+        disabledKeys: a
+      }
+    ),
+    /* @__PURE__ */ e.createElement(f, { id: "Panels" })
+  ));
+}), x = I({
+  id: "undefined"
+}), X = () => y(x), Y = x.Provider, fe = (s) => {
+  const { children: n, className: r, ...o } = s, { id: a } = X(), c = m(d.tabTitle, r);
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(b, { id: "Titles" }, /* @__PURE__ */ e.createElement(E.Tab, { ...o, id: a, className: c }, (l) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(R, { emulateBoldWidth: !0 }, /* @__PURE__ */ e.createElement("span", { className: d.text }, n)), /* @__PURE__ */ e.createElement(b, { id: "ActiveTitle" }, l.isSelected && n)))), /* @__PURE__ */ e.createElement(b, { id: "ContextMenuItems" }, /* @__PURE__ */ e.createElement(L, { className: d.menuItem, id: a }, n)));
+}, Z = "flow--tabs--tab--tab-panel", _ = {
+  tabPanel: Z
+}, Ee = (s) => {
+  const {
+    children: n,
+    className: r,
+    shouldForceMount: o = !0,
+    id: a,
+    ...c
+  } = s, l = m(_.tabPanel, r), t = p(), i = a ?? t;
+  return /* @__PURE__ */ e.createElement(b, { id: "Panels" }, /* @__PURE__ */ e.createElement(
+    E.TabPanel,
+    {
+      className: l,
+      shouldForceMount: o,
+      id: i,
+      ...c
+    },
+    /* @__PURE__ */ e.createElement(Y, { value: { id: i } }, n)
+  ));
+};
+export {
+  Ee as Tab,
+  fe as TabTitle,
+  de as Tabs,
+  de as default
+};

package/dist/Text-DlBpZns-.js

@@ -0,0 +1,38 @@
+"use client"
+/* */
+import e from "react";
+import * as f from "react-aria-components";
+import { C as x } from "./ClearPropsContext-CeCMjUK9.js";
+import { P as E } from "./PropsContextProvider-DZvwqHLP.js";
+import "@react-aria/utils";
+import "./propsContext-CauylOgH.js";
+import "remeda";
+import u from "invariant";
+import { f as T } from "./flowComponent-C4FfRbD8.js";
+import { E as d } from "./EmulatedBoldText-Dtox8Wd1.js";
+import { W as C } from "./Wrap-DGT1h1o3.js";
+const A = T("Text", (r) => {
+  const {
+    children: i,
+    className: l,
+    elementType: t = "span",
+    emulateBoldWidth: p,
+    ref: o,
+    ...s
+  } = r, n = { ...s, className: l }, a = {
+    Link: {
+      inline: !0
+    }
+  }, m = /* @__PURE__ */ e.createElement(E, { props: a }, /* @__PURE__ */ e.createElement(C, { if: p }, /* @__PURE__ */ e.createElement(d, null, i)));
+  if (!r.slot) {
+    const c = t;
+    return /* @__PURE__ */ e.createElement(c, { ...n, ref: o }, m);
+  }
+  return u(
+    typeof t == "string",
+    "'elementType' in Text component must be of type string"
+  ), /* @__PURE__ */ e.createElement(x, null, /* @__PURE__ */ e.createElement(f.Text, { ...n, elementType: t, ref: o }, m));
+});
+export {
+  A as T
+};

package/dist/Text.js

@@ -1,12 +1,7 @@
 "use client"
 /* */
-import { T as o } from "./Text-ZKs-d7Xd.js";
-import "react";
-import "react-aria-components";
-import "./propsContext-1HT-3SRC.js";
-import "@react-aria/utils";
-import "./useProps-5ZdbXCrH.js";
+import { T as a } from "./Text-DlBpZns-.js";
 export {
-  o as Text,
-  o as default
+  a as Text,
+  a as default
 };