@mittwald/flow-react-components 0.1.0-alpha.279 → 0.1.0-alpha.280

package/dist/Table.js

@@ -1,7 +1,7 @@
 "use client"
 /* */
-import { T as a, a as t } from "./TableRow-DNTJVTkO.js";
-import { b as m, c as f, d as c, e as d } from "./TableRow-DNTJVTkO.js";
+import { T as a, a as t } from "./TableRow-C2VaotTp.js";
+import { b as m, c as f, d as c, e as d } from "./TableRow-C2VaotTp.js";
 import o from "react";
 const b = (e) => /* @__PURE__ */ o.createElement(a, { ...e, footer: !0 });
 export {

package/dist/{TableRow-DNTJVTkO.js → TableRow-C2VaotTp.js}

@@ -3,31 +3,36 @@
 import s, { Suspense as b } from "react";
 import * as r from "react-aria-components";
 import n from "clsx";
-import { S as d } from "./SkeletonText-B5ZghZhO.js";
-const f = "flow--table--table-container", i = "flow--table", N = "flow--table--header", u = "flow--table--body", w = "flow--table--footer", C = "flow--table--cell", h = "flow--table--column", c = {
-  tableContainer: f,
-  table: i,
+import { S as i } from "./SkeletonText-B5ZghZhO.js";
+const d = "flow--table--table-container", f = "flow--table", N = "flow--table--header", u = "flow--table--body", w = "flow--table--footer", C = "flow--table--cell", h = "flow--table--column", c = {
+  tableContainer: d,
+  table: f,
   header: N,
   body: u,
   footer: w,
   cell: C,
-  column: h
+  column: h,
+  "vertical-align-middle": "flow--table--vertical-align-middle"
 }, y = (t) => {
-  const { children: a, className: e, ...l } = t, o = n(c.table, e);
-  return /* @__PURE__ */ s.createElement("div", { className: c.tableContainer }, /* @__PURE__ */ s.createElement(r.Table, { className: o, ...l }, a));
-}, x = (t) => {
+  const { children: a, className: e, verticalAlign: l = "top", ...o } = t, m = n(
+    c.table,
+    c[`vertical-align-${l}`],
+    e
+  );
+  return /* @__PURE__ */ s.createElement("div", { className: c.tableContainer }, /* @__PURE__ */ s.createElement(r.Table, { className: m, ...o }, a));
+}, v = (t) => {
   const { children: a, className: e, ...l } = t, o = n(c.body, e);
   return /* @__PURE__ */ s.createElement(r.TableBody, { className: o, ...l }, a);
-}, R = (t) => {
+}, g = (t) => {
   const { children: a, className: e, ...l } = t, o = n(c.cell, e);
-  return /* @__PURE__ */ s.createElement(r.Cell, { className: o, ...l }, /* @__PURE__ */ s.createElement(b, { fallback: /* @__PURE__ */ s.createElement(d, { width: "100px" }) }, a));
-}, H = (t) => {
+  return /* @__PURE__ */ s.createElement(r.Cell, { className: o, ...l }, /* @__PURE__ */ s.createElement(b, { fallback: /* @__PURE__ */ s.createElement(i, { width: "100px" }) }, a));
+}, x = (t) => {
   const { children: a, className: e, ...l } = t, o = n(c.column, e);
   return /* @__PURE__ */ s.createElement(r.Column, { isRowHeader: !0, className: o, ...l }, a);
-}, S = (t) => {
+}, R = (t) => {
   const { children: a, className: e, ...l } = t, o = n(c.header, e);
   return /* @__PURE__ */ s.createElement(r.TableHeader, { className: o, ...l }, a);
-}, k = (t) => {
+}, H = (t) => {
   const { children: a, className: e, footer: l, ...o } = t;
   return /* @__PURE__ */ s.createElement(
     r.Row,
@@ -43,10 +48,10 @@ const f = "flow--table--table-container", i = "flow--table", N = "flow--table--h
   );
 };
 export {
-  k as T,
+  H as T,
   y as a,
-  x as b,
-  R as c,
-  H as d,
-  S as e
+  v as b,
+  g as c,
+  x as d,
+  R as e
 };