@mittwald/flow-react-components 0.1.0-alpha.13 → 0.1.0-alpha.131

package/dist/PropsContextProvider-B7e3QrmR.js

@@ -0,0 +1,64 @@
+"use client"
+/* */
+import P, { useMemo as m, isValidElement as d, cloneElement as u } from "react";
+import { u as v, P as E, p as x } from "./ComponentRenderContextProvider-C-1_ziLI.js";
+import { mergeProps as h } from "@react-aria/utils";
+import { isObjectType as c } from "remeda";
+import { setProperty as N } from "dot-prop";
+const b = (t = {}) => (...r) => {
+  const { mergeClassNames: n = !0, mergeEventHandler: s = !0 } = t, e = h(...r);
+  if (c(e)) {
+    if (!n)
+      for (const o of r)
+        c(o) && "className" in e && "className" in o && (e.className = o.className);
+    if (!s) {
+      for (const o of r)
+        if (c(o))
+          for (const [p, a] of Object.entries(o))
+            /^on[A-Z]/.test(p) && N(e, p, a);
+    }
+  }
+  return e;
+}, j = b({
+  mergeClassNames: !1,
+  mergeEventHandler: !1
+}), O = (t = {}, r = {}) => {
+  const n = Object.keys({
+    ...t,
+    ...r
+  });
+  return Object.fromEntries(
+    n.map((s) => [
+      s,
+      j(
+        t[s],
+        r[s]
+      )
+    ])
+  );
+}, V = (t) => {
+  const {
+    props: r,
+    dependencies: n = [],
+    mergeInParentContext: s = !1,
+    children: e,
+    ...o
+  } = t, p = v(), a = m(() => r, n), i = m(
+    () => s ? O(p, r) : r,
+    [a, p, s]
+  ), l = d(e) ? {
+    ...o,
+    ...e.props
+  } : o, f = [
+    e,
+    ...Object.entries(l).flatMap((C) => C)
+  ], g = m(
+    () => d(e) ? u(e, l) : e,
+    f
+  );
+  return /* @__PURE__ */ P.createElement(E, { propsContext: r }, /* @__PURE__ */ P.createElement(x.Provider, { value: i }, g));
+};
+export {
+  V as P,
+  O as m
+};

package/dist/RadioGroup.js

@@ -1,88 +1,102 @@
 "use client"
 /* */
-import t from "react";
-import * as f from "react-aria-components";
-import { c as m } from "./clsx-DB4S2d7J.js";
-import "./propsContext-Dx7WKmmM.js";
-import { P as u } from "./PropsContextProvider-CEoxD8yK.js";
+import e from "react";
+import * as R from "react-aria-components";
+import E from "clsx";
+import "./ComponentRenderContextProvider-C-1_ziLI.js";
+import { P as C, m as k } from "./PropsContextProvider-B7e3QrmR.js";
 import "@react-aria/utils";
-import { F as g } from "./FieldError-BAnloBK7.js";
-import { I as N } from "./Icon-Dp34FFi3.js";
-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
-}, L = (o) => {
-  const { children: e, className: i, ...r } = o, c = m(n.radioGroup, i), a = {
+import "remeda";
+import { d as x } from "./dynamic-ClpUSmEt.js";
+import { F as y } from "./FieldError-BKoqRvQY.js";
+import { C as F } from "./ColumnLayout-FMONjI17.js";
+import { TunnelProvider as I, TunnelExit as m } from "@mittwald/react-tunnel";
+import { s as c } from "./FormField.module-DHK6nIcD.js";
+import { d as P } from "./deepFindOfType-6pG0fH7S.js";
+import { C as w } from "./ClearPropsContext-mes1t7Bj.js";
+import "@tabler/icons-react";
+import "./Icon-DdmDlHdu.js";
+import { I as B, a as v } from "./IconRadioOn-DV1XnVyC.js";
+import { f as N } from "./flowComponent-CpHt0lsO.js";
+import "dot-prop";
+import { I as D } from "./IconCheck-B1Dn4nJ7.js";
+const T = "flow--radio-group", O = "flow--radio-group--segmented-group", $ = "flow--radio-group--segments", L = "flow--radio-group--segment", A = "flow--radio-group--checkmark", a = {
+  radioGroup: T,
+  segmentedGroup: O,
+  segments: $,
+  segment: L,
+  checkmark: A
+}, j = "flow--radio-group--radio-button", q = "flow--radio-group--radio-button--content", z = "flow--radio-group--radio-button--label", f = {
+  radioButton: j,
+  content: q,
+  label: z
+}, H = N("RadioButton", (n) => {
+  const { children: t, className: r, refProp: 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(M, { ...s, className: l, ref: o }, /* @__PURE__ */ e.createElement(C, { props: i }, t)));
+}), ce = N("RadioGroup", (n) => {
+  const {
+    children: t,
+    className: r,
+    variant: o = "default",
+    s,
+    m: l,
+    l: i,
+    refProp: d,
+    ...h
+  } = n, G = 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(f.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 O = (o) => {
-  const { children: e, className: i, ...r } = o, c = m(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(f.Radio, { ...r, className: c }, /* @__PURE__ */ t.createElement(u, { props: a }, e), /* @__PURE__ */ t.createElement(N, { className: l.checkmark, faIcon: h.faCheckCircle }));
-};
+  o === "segmented" && (p = k(p, {
+    Radio: {
+      className: a.segment,
+      unstyled: !0,
+      children: x((b) => /* @__PURE__ */ e.createElement(e.Fragment, null, b.children, /* @__PURE__ */ e.createElement(D, { className: a.checkmark })))
+    }
+  }));
+  const u = !!P(t, H);
+  return o === "segmented" && u && console.warn(
+    "<RadioButton/> is not supported in 'segmented' variant of <RadioGroup />"
+  ), /* @__PURE__ */ e.createElement(R.RadioGroup, { ...h, className: G, ref: d }, /* @__PURE__ */ e.createElement(I, 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(F, { 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(y, { className: c.fieldError }));
+}), J = "flow--radio-group--radio", K = "flow--radio-group--radio--icon", g = {
+  radio: J,
+  icon: K
+}, M = N("Radio", (n) => {
+  const {
+    children: t,
+    className: r,
+    unstyled: o = !1,
+    refProp: 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 {
-  O as Radio,
-  L as RadioGroup,
-  L as default
+  M as Radio,
+  H as RadioButton,
+  ce as RadioGroup,
+  ce as default
 };

package/dist/Render-BdlTa7Qb.js

@@ -0,0 +1,7 @@
+"use client"
+/* */
+import e from "react";
+const n = (r) => /* @__PURE__ */ e.createElement(e.Fragment, null, r.children());
+export {
+  n as R
+};

package/dist/Render.js

@@ -0,0 +1,6 @@
+"use client"
+/* */
+import { R as o } from "./Render-BdlTa7Qb.js";
+export {
+  o as Render
+};

package/dist/Section.js

@@ -0,0 +1,40 @@
+"use client"
+/* */
+import t from "react";
+import m from "clsx";
+import "./ComponentRenderContextProvider-C-1_ziLI.js";
+import { P as p } from "./PropsContextProvider-B7e3QrmR.js";
+import "@react-aria/utils";
+import "remeda";
+import { f as d } from "./flowComponent-CpHt0lsO.js";
+import { A as f } from "./Activity-CmfZpgOM.js";
+const u = "flow--section", h = "flow--section--header", w = "flow--section--status-badge", e = {
+  section: u,
+  header: h,
+  switch: "flow--section--switch",
+  statusBadge: w
+}, A = d("Section", (o) => {
+  const { children: s, className: a, isActive: r = !0, refProp: c, ...i } = o;
+  if (!s)
+    return null;
+  const n = m(e.section, a), l = {
+    Heading: {
+      level: 2
+    },
+    Header: {
+      className: e.header,
+      Switch: {
+        className: e.switch,
+        labelPosition: "leading"
+      },
+      StatusBadge: {
+        className: e.statusBadge
+      }
+    }
+  };
+  return /* @__PURE__ */ t.createElement(f, { isActive: r }, /* @__PURE__ */ t.createElement("section", { ...i, className: n, ref: c }, /* @__PURE__ */ t.createElement(p, { props: l }, s)));
+});
+export {
+  A as Section,
+  A as default
+};

package/dist/Select.js

@@ -0,0 +1,87 @@
+"use client"
+/* */
+import e from "react";
+import * as c from "react-aria-components";
+import "./ComponentRenderContextProvider-C-1_ziLI.js";
+import { P as C } from "./PropsContextProvider-B7e3QrmR.js";
+import "@react-aria/utils";
+import "remeda";
+import { s as l } from "./FormField.module-DHK6nIcD.js";
+import { F as w } from "./FieldError-BKoqRvQY.js";
+import m from "clsx";
+import "@tabler/icons-react";
+import "./Icon-DdmDlHdu.js";
+import { I as x } from "./IconChevronDown-1Ln2Aunx.js";
+import { f as E } from "./flowComponent-CpHt0lsO.js";
+import { P as h } from "./Popover-B-COTLld.js";
+import "mobx";
+import "./useOverlayController-CGKumeGL.js";
+import "invariant";
+import "./context-D_-mRqs8.js";
+import "./ActionStateContext-C_nPivaA.js";
+import "dot-prop";
+import { TunnelProvider as v, TunnelExit as P } from "@mittwald/react-tunnel";
+const S = "flow--select", F = "flow--select--toggle", f = {
+  select: S,
+  toggle: F
+}, I = "flow--select--options--popover", O = "flow--select--options", d = {
+  popover: I,
+  options: O
+}, y = (o) => {
+  const { className: t, children: n, ...s } = o, r = m(d.options, t);
+  return /* @__PURE__ */ e.createElement(h, { className: d.popover }, /* @__PURE__ */ e.createElement(c.ListBox, { className: r, ...s }, n));
+}, ee = E("Select", (o) => {
+  const {
+    children: t,
+    className: n,
+    onChange: s = () => {
+    },
+    onSelectionChange: r = () => {
+    },
+    refProp: i,
+    ...a
+  } = o, u = m(
+    f.select,
+    l.formField,
+    n
+  ), N = {
+    Label: {
+      className: l.label,
+      optional: !o.isRequired
+    },
+    FieldDescription: {
+      className: l.fieldDescription
+    },
+    FieldError: {
+      className: l.customFieldError
+    },
+    Option: {
+      tunnelId: "options"
+    }
+  }, g = (p) => {
+    s(String(p)), r(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(P, { id: "options" })), /* @__PURE__ */ e.createElement(w, { className: l.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: $
+}, oe = E("Option", (o) => {
+  const { className: t, children: n, value: s, refProp: r, ...i } = o, a = m(b.option, t);
+  return /* @__PURE__ */ e.createElement(c.ListBoxItem, { className: a, ref: r, ...i, id: s }, n);
+});
+export {
+  oe as Option,
+  ee as Select,
+  ee as default
+};

package/dist/Separator.js

@@ -0,0 +1,15 @@
+"use client"
+/* */
+import o from "react";
+import s from "clsx";
+import * as m from "react-aria-components";
+const p = "flow--separator", c = {
+  separator: p
+}, f = (r) => {
+  const { className: a, ...t } = r, e = s(c.separator, a);
+  return /* @__PURE__ */ o.createElement(m.Separator, { elementType: "hr", className: e, ...t });
+};
+export {
+  f as Separator,
+  f 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/StatusBadge.js

@@ -0,0 +1,27 @@
+"use client"
+/* */
+import t from "react";
+import l from "clsx";
+import { S as f } from "./StatusIcon-DEiuIEOs.js";
+import { T as i } from "./Text-CZrXXfX3.js";
+import { C as u } from "./ClearPropsContext-mes1t7Bj.js";
+import "./ComponentRenderContextProvider-C-1_ziLI.js";
+import "@react-aria/utils";
+import "remeda";
+import "dot-prop";
+import { f as d } from "./flowComponent-CpHt0lsO.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-DEiuIEOs.js

@@ -0,0 +1,49 @@
+"use client"
+/* */
+import t from "react";
+import "@tabler/icons-react";
+import "./Icon-DdmDlHdu.js";
+import { I as m } from "./IconDanger-DJImCjO3.js";
+import { I as f, a as l, b as I } from "./IconWarning-Cl_jqXKr.js";
+import { useLocalizedStringFormatter as g } from "react-aria";
+import { C as p } from "./ClearPropsContext-mes1t7Bj.js";
+import "./ComponentRenderContextProvider-C-1_ziLI.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,6 +1,6 @@
 "use client"
 /* */
-import { S as a } from "./StatusIcon-B3kq3jOT.js";
+import { S as a } from "./StatusIcon-DEiuIEOs.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-DdmDlHdu.js";
+import { I as p } from "./IconCheck-B1Dn4nJ7.js";
+import { I as h } from "./IconClose-BuwjCtDl.js";
+import { L as w } from "./Label-BK1BkCCd.js";
+import { C as d } from "./ClearPropsContext-mes1t7Bj.js";
+import "./ComponentRenderContextProvider-C-1_ziLI.js";
+import "@react-aria/utils";
+import "remeda";
+import "dot-prop";
+import { f as b } from "./flowComponent-CpHt0lsO.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", (l) => {
   const {
     children: a,
-    className: e,
-    labelPosition: i = "trailing",
-    variant: o = "success",
-    ...l
-  } = t, r = w(
-    s.switch,
-    s[`label-${i}`],
-    s[o],
-    e
+    className: o,
+    labelPosition: r = "trailing",
+    refProp: s,
+    ...c
+  } = l, 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" }))), /* @__PURE__ */ e.createElement(w, { className: t.label }, a))));
+});
 export {
-  u as Switch,
-  u as default
+  R as Switch,
+  R as default
 };

package/dist/Table.js

@@ -0,0 +1,40 @@
+"use client"
+/* */
+import o from "react";
+import * as n from "react-aria-components";
+import r from "clsx";
+const m = "flow--table--table-container", b = "flow--table", d = "flow--table--header", N = "flow--table--body", i = "flow--table--cell", u = "flow--table--column", c = {
+  tableContainer: m,
+  table: b,
+  header: d,
+  body: N,
+  cell: i,
+  column: u
+}, h = (e) => {
+  const { children: a, className: t, ...l } = e, s = r(c.table, t);
+  return /* @__PURE__ */ o.createElement("div", { className: c.tableContainer }, /* @__PURE__ */ o.createElement(n.Table, { className: s, ...l }, a));
+}, w = (e) => {
+  const { children: a, className: t, ...l } = e, s = r(c.body, t);
+  return /* @__PURE__ */ o.createElement(n.TableBody, { className: s, ...l }, a);
+}, T = (e) => {
+  const { children: a, className: t, ...l } = e, s = r(c.cell, t);
+  return /* @__PURE__ */ o.createElement(n.Cell, { className: s, ...l }, a);
+}, y = (e) => {
+  const { children: a, className: t, ...l } = e, s = r(c.column, t);
+  return /* @__PURE__ */ o.createElement(n.Column, { isRowHeader: !0, className: s, ...l }, a);
+}, E = (e) => {
+  const { children: a, className: t, ...l } = e, s = r(c.header, t);
+  return /* @__PURE__ */ o.createElement(n.TableHeader, { className: s, ...l }, a);
+}, p = (e) => {
+  const { children: a, className: t, ...l } = e, s = r(c.row, t);
+  return /* @__PURE__ */ o.createElement(n.Row, { className: s, ...l }, a);
+};
+export {
+  h as Table,
+  w as TableBody,
+  T as TableCell,
+  y as TableColumn,
+  E as TableHeader,
+  p as TableRow,
+  h as default
+};