@konstructio/ui 0.1.3 → 0.1.4

package/dist/components/VirtualizedTable/components/Header/Header.js

@@ -1,60 +1,62 @@
-import { n as N } from "../../../../table.provider-Dhs7WtwK.js";
+import { n as y } from "../../../../table.provider-Dhs7WtwK.js";
 import { t } from "../../../../utils-DnIJruo0.js";
-import w from "../../assets/chevron-down.js";
-import y from "../../assets/chevron-up.js";
-import { HIDE_BELOW_CLASS as P } from "../../constants/responsive.js";
-import { useTableContext as D } from "../../contexts/table.hook.js";
-import { getPinnedCellProps as H } from "../../utils/pinned-columns/pinned-columns.js";
-import { jsx as r, jsxs as s } from "react/jsx-runtime";
-var G = ({ className: p, classNameArrows: f, classNameActiveArrows: l, classNameHeaderContent: h }) => {
-  const { table: o, headerContent: d, onSorting: n, pinnedWidths: x, getPinnedHeaderRef: b } = D(), g = (a) => {
-    n([{
-      id: a.id,
-      desc: !1
-    }]);
-  }, k = (a) => {
-    n([{
-      id: a.id,
-      desc: !0
+import B from "../../assets/chevron-down.js";
+import P from "../../assets/chevron-up.js";
+import { BORDER_EDGE_CLASSES as L, HIDE_BELOW_CLASS as O, ROUNDED_TOP_EDGE_CLASSES as H } from "../../constants/responsive.js";
+import { useTableContext as I } from "../../contexts/table.hook.js";
+import { getPinnedCellProps as T } from "../../utils/pinned-columns/pinned-columns.js";
+import { getResponsiveEdgeClasses as k } from "../../utils/responsive-edges/responsive-edges.js";
+import { jsx as r, jsxs as c } from "react/jsx-runtime";
+var j = {
+  asc: "ascending",
+  desc: "descending",
+  none: "none"
+}, J = ({ className: S, classNameArrows: v, classNameActiveArrows: m, classNameHeaderContent: C }) => {
+  const { table: n, headerContent: o, onSorting: E, pinnedWidths: N, getPinnedHeaderRef: D } = I(), w = (s) => {
+    E([{
+      id: s.id,
+      desc: s.getIsSorted() === "asc"
     }]);
   };
-  return /* @__PURE__ */ s("thead", {
-    className: t("kvt-header", "font-semibold", "uppercase", "text-slate-500", "text-xs", "not-italic", "bg-slate-100", "overflow-hidden", "dark:text-slate-300", "dark:bg-metal-800", p),
-    children: [d && /* @__PURE__ */ r("tr", {
+  return /* @__PURE__ */ c("thead", {
+    className: t("kvt-header", "font-semibold", "uppercase", "text-slate-500", "text-xs", "not-italic", "bg-slate-100", "overflow-hidden", "dark:text-slate-300", "dark:bg-metal-800", S),
+    children: [o && /* @__PURE__ */ r("tr", {
       "data-header-content": !0,
       children: /* @__PURE__ */ r("th", {
-        colSpan: o.getVisibleLeafColumns().length,
-        className: t("kvt-header-content", "px-6", "py-4", "text-left", "text-sm", "font-normal", "normal-case", "text-slate-800", "bg-white", "rounded-tl-lg", "rounded-tr-lg", "border-b", "border-b-gray-200", "dark:border-b-0", "dark:text-metal-50", "dark:bg-metal-900", "dark:border-t", "dark:border-x", "dark:border-metal-700", h),
-        children: d
+        colSpan: n.getVisibleLeafColumns().length,
+        className: t("kvt-header-content", "px-6", "py-4", "text-left", "text-sm", "font-normal", "normal-case", "text-slate-800", "bg-white", "rounded-tl-lg", "rounded-tr-lg", "border-b", "border-b-gray-200", "dark:border-b-0", "dark:text-metal-50", "dark:bg-metal-900", "dark:border-t", "dark:border-x", "dark:border-metal-700", C),
+        children: o
       })
-    }), o.getHeaderGroups().map(({ id: a, headers: u }) => /* @__PURE__ */ r("tr", {
-      className: "kvt-header-row",
-      children: u.map(({ id: C, column: e, getContext: S }) => {
-        const { hideBelow: i, headerClassName: v } = e.columnDef.meta ?? {}, c = !!e.getIsPinned(), m = H(o, e, x);
-        return /* @__PURE__ */ r("th", {
-          scope: "col",
-          ref: c ? b(e.id) : void 0,
-          className: t("kvt-header-cell", "px-4", "py-3", "text-left", "text-xs", !d && "first:rounded-tl-lg", !d && "last:rounded-tr-lg", "border-transparent", "dark:border-t", "dark:border-metal-700", "dark:first:border-l", "dark:last:border-r", c && "bg-slate-100 dark:bg-metal-800", m.className, i && P[i], v),
-          style: m.style,
-          children: /* @__PURE__ */ s("span", {
-            className: "flex items-center gap-2 w-full",
-            children: [N(e.columnDef.header, S()), e.getCanSort() && /* @__PURE__ */ s("div", {
-              className: t("flex flex-col text-slate-400 justify-center items-center gap-1", f),
-              role: "presentation",
-              children: [/* @__PURE__ */ r(y, {
-                className: t("w-2 h-2 cursor-pointer", { "text-blue-600 dark:text-aurora-500": e.getIsSorted() === "asc" }, l),
-                onClick: () => g(e)
-              }), /* @__PURE__ */ r(w, {
-                className: t("w-2 h-2 cursor-pointer", { "text-blue-600 dark:text-aurora-500": e.getIsSorted() === "desc" }, l),
-                onClick: () => k(e)
+    }), n.getHeaderGroups().map(({ id: s, headers: p }) => {
+      const d = p.map(({ column: l }) => l.columnDef.meta?.hideBelow), a = d.some(Boolean);
+      return /* @__PURE__ */ r("tr", {
+        className: "kvt-header-row",
+        children: p.map(({ id: l, column: e, getContext: R }, g) => {
+          const { hideBelow: f, headerClassName: _ } = e.columnDef.meta ?? {}, b = !!e.getIsPinned(), h = T(n, e, N), x = e.getCanSort(), i = e.getIsSorted(), u = y(e.columnDef.header, R());
+          return /* @__PURE__ */ r("th", {
+            scope: "col",
+            ref: b ? D(e.id) : void 0,
+            className: t("kvt-header-cell", "px-4", "py-3", "text-left", "text-xs", !o && !a && "first:rounded-tl-lg", !o && !a && "last:rounded-tr-lg", !o && a && k(d, g, H), "border-transparent", "dark:border-t", "dark:border-metal-700", !a && "dark:first:border-l", !a && "dark:last:border-r", a && k(d, g, L), b && "bg-slate-100 dark:bg-metal-800", h.className, f && O[f], _),
+            style: h.style,
+            "aria-sort": x ? j[i || "none"] : void 0,
+            children: x ? /* @__PURE__ */ c("button", {
+              type: "button",
+              className: t("relative flex w-full items-center gap-2 text-left", "cursor-pointer rounded-xs outline-none [text-transform:inherit]", "tap-target touch-hit-area", "focus-visible:ring-1 focus-visible:ring-aurora-500"),
+              onClick: () => w(e),
+              children: [u, /* @__PURE__ */ c("span", {
+                className: t("flex flex-col text-slate-400 justify-center items-center gap-1", v),
+                children: [/* @__PURE__ */ r(P, { className: t("w-2 h-2", { "text-blue-600 dark:text-aurora-500": i === "asc" }, m) }), /* @__PURE__ */ r(B, { className: t("w-2 h-2", { "text-blue-600 dark:text-aurora-500": i === "desc" }, m) })]
               })]
-            })]
-          })
-        }, C);
-      })
-    }, a))]
+            }) : /* @__PURE__ */ r("span", {
+              className: "flex items-center gap-2 w-full",
+              children: u
+            })
+          }, l);
+        })
+      }, s);
+    })]
   });
 };
 export {
-  G as Header
+  J as Header
 };

package/dist/components/VirtualizedTable/components/Skeleton/Skeleton.js

@@ -1,50 +1,51 @@
-import { t as p } from "../../../../ellipsis-vertical-C_yX7aQe.js";
-import { Button as g } from "../../../Button/Button.js";
-import { HIDE_BELOW_CLASS as m } from "../../constants/responsive.js";
-import { useTableContext as f } from "../../contexts/table.hook.js";
-import { getPinnedCellProps as k } from "../../utils/pinned-columns/pinned-columns.js";
-import { t as l } from "../../../../utils-DnIJruo0.js";
-import { jsx as e } from "react/jsx-runtime";
-var w = ({ numberOfRows: b, table: n }) => {
-  const { tableLoading: c, pinnedWidths: h } = f(), r = Array.from({ length: b });
-  return /* @__PURE__ */ e("tbody", {
+import { t as y } from "../../../../ellipsis-vertical-C_yX7aQe.js";
+import { Button as _ } from "../../../Button/Button.js";
+import { BORDER_EDGE_CLASSES as E, HIDE_BELOW_CLASS as h, ROUNDED_BOTTOM_EDGE_CLASSES as N } from "../../constants/responsive.js";
+import { useTableContext as u } from "../../contexts/table.hook.js";
+import { getPinnedCellProps as D } from "../../utils/pinned-columns/pinned-columns.js";
+import { getResponsiveEdgeClasses as c } from "../../utils/responsive-edges/responsive-edges.js";
+import { t as i } from "../../../../utils-DnIJruo0.js";
+import { jsx as r } from "react/jsx-runtime";
+var T = ({ numberOfRows: g, table: b }) => {
+  const { tableLoading: f, pinnedWidths: k } = u(), a = Array.from({ length: g });
+  return /* @__PURE__ */ r("tbody", {
     className: "kvt-skeleton text-slate-800 text-sm font-normal relative",
-    children: r.map((y, a) => {
-      const o = n.getVisibleLeafColumns();
-      return /* @__PURE__ */ e("tr", {
-        className: l("border-b", "border-b-gray-200", "bg-transparent", "last:border-b-transparent"),
-        children: o.map((t, s) => {
-          const { hideBelow: d } = t.columnDef.meta ?? {}, i = k(n, t, h);
-          return t.id !== "actions" ? /* @__PURE__ */ e("td", {
-            style: i.style,
-            className: l("px-4", "py-1", "bg-white", "dark:bg-metal-900", "dark:border-t", "dark:border-metal-700", "dark:first:border-l", "dark:last:border-r", "dark:[tr:last-child_&]:border-b", i.className, d && m[d], t.columnDef.meta?.className, {
-              "[tr:last-child_&:first-of-type]:rounded-bl-lg": a === r.length - 1 && s === 0,
-              "[tr:last-child_&:last-of-type]:rounded-br-lg": a === r.length - 1 && s === o.length - 1
+    children: a.map((S, s) => {
+      const d = b.getVisibleLeafColumns(), m = d.map((e) => e.columnDef.meta?.hideBelow), t = m.some(Boolean), p = (e) => [c(m, e, E), s === a.length - 1 && c(m, e, N)];
+      return /* @__PURE__ */ r("tr", {
+        className: i("border-b", "border-b-gray-200", "bg-transparent", "last:border-b-transparent"),
+        children: d.map((e, l) => {
+          const { hideBelow: o } = e.columnDef.meta ?? {}, n = D(b, e, k);
+          return e.id !== "actions" ? /* @__PURE__ */ r("td", {
+            style: n.style,
+            className: i("px-4", "py-1", "bg-white", "dark:bg-metal-900", "dark:border-t", "dark:border-metal-700", !t && "dark:first:border-l", !t && "dark:last:border-r", t && p(l), "dark:[tr:last-child_&]:border-b", n.className, o && h[o], e.columnDef.meta?.className, {
+              "[tr:last-child_&:first-of-type]:rounded-bl-lg": !t && s === a.length - 1 && l === 0,
+              "[tr:last-child_&:last-of-type]:rounded-br-lg": !t && s === a.length - 1 && l === d.length - 1
             }),
-            children: /* @__PURE__ */ e("div", {
+            children: /* @__PURE__ */ r("div", {
               className: "animate-in fade-in-0",
-              children: /* @__PURE__ */ e("div", { className: l("bg-gray-200", "dark:bg-metal-700", "animate-pulse", "rounded", "h-5", "w-full") })
+              children: /* @__PURE__ */ r("div", { className: i("bg-gray-200", "dark:bg-metal-700", "animate-pulse", "rounded", "h-5", "w-full") })
             })
-          }, `skeleton-${t.id}`) : /* @__PURE__ */ e("td", {
-            style: i.style,
-            className: l("px-4", "py-1", "bg-white", "dark:bg-metal-900", "dark:border-t", "dark:border-metal-700", "dark:first:border-l", "dark:last:border-r", "dark:[tr:last-child_&]:border-b", i.className, d && m[d], t.columnDef.meta?.className, {
-              "[tr:last-child_&:first-of-type]:rounded-bl-lg": a === r.length - 1 && s === 0,
-              "[tr:last-child_&:last-of-type]:rounded-br-lg": a === r.length - 1 && s === o.length - 1
+          }, `skeleton-${e.id}`) : /* @__PURE__ */ r("td", {
+            style: n.style,
+            className: i("px-4", "py-1", "bg-white", "dark:bg-metal-900", "dark:border-t", "dark:border-metal-700", !t && "dark:first:border-l", !t && "dark:last:border-r", t && p(l), "dark:[tr:last-child_&]:border-b", n.className, o && h[o], e.columnDef.meta?.className, {
+              "[tr:last-child_&:first-of-type]:rounded-bl-lg": !t && s === a.length - 1 && l === 0,
+              "[tr:last-child_&:last-of-type]:rounded-br-lg": !t && s === a.length - 1 && l === d.length - 1
             }),
-            children: /* @__PURE__ */ e(g, {
+            children: /* @__PURE__ */ r(_, {
               variant: "link",
               shape: "circle",
               size: "large",
               disabled: !0,
               "aria-hidden": "true",
-              children: /* @__PURE__ */ e(p, { className: l("w-5", "h-5", "text-slate-400", "dark:text-metal-700", { "text-gray-300 animate-pulse": c }) })
+              children: /* @__PURE__ */ r(y, { className: i("w-5", "h-5", "text-slate-400", "dark:text-metal-700", { "text-gray-300 animate-pulse": f }) })
             })
-          }, `skeleton-${t.id}`);
+          }, `skeleton-${e.id}`);
         })
-      }, `skeleton-row-${a}`);
+      }, `skeleton-row-${s}`);
     })
   });
 };
 export {
-  w as Skeleton
+  T as Skeleton
 };

package/dist/components/VirtualizedTable/components/VirtualizedTableContent/VirtualizedTableContent.js

@@ -1,4 +1,4 @@
-import { t as p } from "../../../../utils-DnIJruo0.js";
+import { t as d } from "../../../../utils-DnIJruo0.js";
 import { t as rr } from "../../../../table.provider-Dhs7WtwK.js";
 import { Body as er } from "../Body/Body.js";
 import { Filter as ar } from "../Filter/Filter.js";
@@ -7,18 +7,18 @@ import { Pagination as lr } from "../Pagination/Pagination.js";
 import { ScrollContainer as or } from "../ScrollContainer/ScrollContainer.js";
 import { WrapperBody as ir } from "../WrapperBody/WrapperBody.js";
 import { jsx as r, jsxs as l } from "react/jsx-runtime";
-var ur = ({ id: o, ariaLabel: d, columns: n, data: b, totalItems: h = -1 / 0, className: u, classNameHeaderActiveArrows: v, classNameHeaderArrows: N, classNameHeaderTable: k, classNameTable: x, classNameWrapperTable: y, isLoading: a, emptyState: A, errorState: B, headerContent: j, classNameHeaderContent: w, classNameScrollContainer: i, columnPinning: t, getRowId: C, fetchData: P, queryOptions: g, showPagination: z, showTotalItems: s, showDropdownPagination: m, showDotPagination: c, showFormPagination: f, pageSizes: E, dropdownPaginationDirection: H, showFilter: T = !1, showFilterInput: V, filterSearchPlaceholder: W = "", filters: q, multiSelectFilter: F, filterActions: G, showResetButton: I = !0, resetButtonClassName: J, closeOnApply: K = !0, enableHoverRow: M, classNameHoverRow: O, enableExpandedRow: Q, expandedState: R, defaultExpanded: S, classNameExpandedRow: U, classNameExpandedCell: X, classNameExpandedContent: Y, classNameExpandedHeader: Z, classNameActiveExpandedRow: _, onExpandedChange: $, renderExpandedRow: L, keepExpandColumnVisible: D }) => {
+var ur = ({ id: o, ariaLabel: f, columns: n, data: b, totalItems: h = -1 / 0, className: u, classNameHeaderActiveArrows: v, classNameHeaderArrows: N, classNameHeaderTable: k, classNameTable: w, classNameWrapperTable: y, isLoading: a, emptyState: x, errorState: A, headerContent: B, classNameHeaderContent: j, classNameScrollContainer: i, columnPinning: t, getRowId: C, fetchData: P, queryOptions: g, showPagination: z, showTotalItems: s, showDropdownPagination: m, showDotPagination: c, showFormPagination: p, pageSizes: E, dropdownPaginationDirection: H, showFilter: T = !1, showFilterInput: V, filterSearchPlaceholder: W = "", filters: q, multiSelectFilter: F, filterActions: G, showResetButton: I = !0, resetButtonClassName: J, closeOnApply: K = !0, enableHoverRow: M, classNameHoverRow: O, enableExpandedRow: Q, expandedState: R, defaultExpanded: S, classNameExpandedRow: U, classNameExpandedCell: X, classNameExpandedContent: Y, classNameExpandedHeader: Z, classNameActiveExpandedRow: _, onExpandedChange: $, renderExpandedRow: L, keepExpandColumnVisible: D }) => {
   const e = z || [
     s,
     m,
     c,
-    f
+    p
   ].some(Boolean);
   return /* @__PURE__ */ r(rr, {
     id: o,
     columns: n,
     data: b,
-    headerContent: j,
+    headerContent: B,
     getRowId: C,
     fetchData: P,
     totalItems: h,
@@ -39,7 +39,7 @@ var ur = ({ id: o, ariaLabel: d, columns: n, data: b, totalItems: h = -1 / 0, cl
     keepExpandColumnVisible: D,
     columnPinning: t,
     children: /* @__PURE__ */ l("section", {
-      className: p("kvt", "w-full min-w-fit", u),
+      className: d("kvt", "w-full min-w-fit", u),
       children: [T && /* @__PURE__ */ r(ar, {
         id: o,
         actions: G,
@@ -58,25 +58,25 @@ var ur = ({ id: o, ariaLabel: d, columns: n, data: b, totalItems: h = -1 / 0, cl
           classNameWrapperTable: y,
           isLoading: a,
           children: /* @__PURE__ */ l("table", {
-            className: p("kvt-table", "w-full border-collapse table-auto", "dark:border-separate dark:border-spacing-0", x),
-            "aria-label": d,
+            className: d("kvt-table", "w-full border-collapse table-auto", "dark:border-separate dark:border-spacing-0", w, "has-[[data-empty-row]]:min-w-0!"),
+            "aria-label": f,
             children: [/* @__PURE__ */ r(tr, {
               className: k,
               classNameArrows: N,
               classNameActiveArrows: v,
-              classNameHeaderContent: w
+              classNameHeaderContent: j
             }), /* @__PURE__ */ r(er, {
               isLoading: a,
               showPagination: e,
-              emptyState: A,
-              errorState: B
+              emptyState: x,
+              errorState: A
             })]
           })
         }), e && /* @__PURE__ */ r(lr, {
           showTotalItems: s,
           showDropdownPagination: m,
           showDotPagination: c,
-          showFormPagination: f,
+          showFormPagination: p,
           pageSizes: E,
           isLoading: a,
           isListPortal: !!i,

package/dist/components/VirtualizedTable/constants/index.js

@@ -1,7 +1,12 @@
-import { DEFAULT_PAGE_SIZE as _, DEFAULT_PAGE_SIZES as o } from "./pagination.js";
-import { HIDE_BELOW_CLASS as A } from "./responsive.js";
+import { DEFAULT_PAGE_SIZE as S, DEFAULT_PAGE_SIZES as _ } from "./pagination.js";
+import { BORDER_EDGE_CLASSES as O, HIDE_BELOW_CLASS as A, RESPONSIVE_TIERS as L, ROUNDED_BOTTOM_EDGE_CLASSES as R, ROUNDED_TOP_EDGE_CLASSES as T, SHOW_BELOW_CLASS as o } from "./responsive.js";
 export {
-  _ as DEFAULT_PAGE_SIZE,
-  o as DEFAULT_PAGE_SIZES,
-  A as HIDE_BELOW_CLASS
+  O as BORDER_EDGE_CLASSES,
+  S as DEFAULT_PAGE_SIZE,
+  _ as DEFAULT_PAGE_SIZES,
+  A as HIDE_BELOW_CLASS,
+  L as RESPONSIVE_TIERS,
+  R as ROUNDED_BOTTOM_EDGE_CLASSES,
+  T as ROUNDED_TOP_EDGE_CLASSES,
+  o as SHOW_BELOW_CLASS
 };

package/dist/components/VirtualizedTable/constants/responsive.js

@@ -4,7 +4,76 @@ var d = {
   lg: "max-lg:hidden",
   xl: "max-xl:hidden",
   "2xl": "max-2xl:hidden"
+}, l = {
+  sm: "sm:hidden",
+  md: "md:hidden",
+  lg: "lg:hidden",
+  xl: "xl:hidden",
+  "2xl": "2xl:hidden"
+}, r = [
+  "base",
+  "sm",
+  "md",
+  "lg",
+  "xl",
+  "2xl"
+], x = {
+  left: {
+    base: "max-sm:dark:border-l",
+    sm: "sm:max-md:dark:border-l",
+    md: "md:max-lg:dark:border-l",
+    lg: "lg:max-xl:dark:border-l",
+    xl: "xl:max-2xl:dark:border-l",
+    "2xl": "2xl:dark:border-l"
+  },
+  right: {
+    base: "max-sm:dark:border-r",
+    sm: "sm:max-md:dark:border-r",
+    md: "md:max-lg:dark:border-r",
+    lg: "lg:max-xl:dark:border-r",
+    xl: "xl:max-2xl:dark:border-r",
+    "2xl": "2xl:dark:border-r"
+  }
+}, m = {
+  left: {
+    base: "max-sm:rounded-tl-lg",
+    sm: "sm:max-md:rounded-tl-lg",
+    md: "md:max-lg:rounded-tl-lg",
+    lg: "lg:max-xl:rounded-tl-lg",
+    xl: "xl:max-2xl:rounded-tl-lg",
+    "2xl": "2xl:rounded-tl-lg"
+  },
+  right: {
+    base: "max-sm:rounded-tr-lg",
+    sm: "sm:max-md:rounded-tr-lg",
+    md: "md:max-lg:rounded-tr-lg",
+    lg: "lg:max-xl:rounded-tr-lg",
+    xl: "xl:max-2xl:rounded-tr-lg",
+    "2xl": "2xl:rounded-tr-lg"
+  }
+}, a = {
+  left: {
+    base: "max-sm:rounded-bl-lg",
+    sm: "sm:max-md:rounded-bl-lg",
+    md: "md:max-lg:rounded-bl-lg",
+    lg: "lg:max-xl:rounded-bl-lg",
+    xl: "xl:max-2xl:rounded-bl-lg",
+    "2xl": "2xl:rounded-bl-lg"
+  },
+  right: {
+    base: "max-sm:rounded-br-lg",
+    sm: "sm:max-md:rounded-br-lg",
+    md: "md:max-lg:rounded-br-lg",
+    lg: "lg:max-xl:rounded-br-lg",
+    xl: "xl:max-2xl:rounded-br-lg",
+    "2xl": "2xl:rounded-br-lg"
+  }
 };
 export {
-  d as HIDE_BELOW_CLASS
+  x as BORDER_EDGE_CLASSES,
+  d as HIDE_BELOW_CLASS,
+  r as RESPONSIVE_TIERS,
+  a as ROUNDED_BOTTOM_EDGE_CLASSES,
+  m as ROUNDED_TOP_EDGE_CLASSES,
+  l as SHOW_BELOW_CLASS
 };

package/dist/components/VirtualizedTable/hooks/index.js

@@ -1,4 +1,8 @@
-import { useVirtualizedTableReady as r } from "./useVirtualizedTableReady/useVirtualizedTableReady.js";
+import { useVirtualizedTableReady as o } from "./useVirtualizedTableReady/useVirtualizedTableReady.js";
+import { useIsFlexWrapped as m } from "./useIsFlexWrapped/useIsFlexWrapped.js";
+import { useDisplayedColumnCount as i } from "./useDisplayedColumnCount/useDisplayedColumnCount.js";
 export {
-  r as useVirtualizedTableReady
+  i as useDisplayedColumnCount,
+  m as useIsFlexWrapped,
+  o as useVirtualizedTableReady
 };

package/dist/components/VirtualizedTable/hooks/useDisplayedColumnCount/index.js

@@ -0,0 +1,4 @@
+import { useDisplayedColumnCount as e } from "./useDisplayedColumnCount.js";
+export {
+  e as useDisplayedColumnCount
+};

package/dist/components/VirtualizedTable/hooks/useDisplayedColumnCount/useDisplayedColumnCount.js

@@ -0,0 +1,20 @@
+import { useEffect as c, useState as u } from "react";
+var d = (t) => {
+  const o = t.tHead?.rows[t.tHead.rows.length - 1];
+  if (!o) return;
+  const r = Array.from(o.cells).reduce((n, e) => getComputedStyle(e).display === "none" ? n : n + e.colSpan, 0);
+  return r > 0 ? r : void 0;
+}, a = () => {
+  const [t, o] = u(null), [r, n] = u();
+  return c(() => {
+    const e = t?.closest("table");
+    if (!e || typeof ResizeObserver > "u") return;
+    const s = new ResizeObserver(() => {
+      n(d(e));
+    });
+    return s.observe(e), () => s.disconnect();
+  }, [t]), [o, r];
+};
+export {
+  a as useDisplayedColumnCount
+};

package/dist/components/VirtualizedTable/hooks/useIsFlexWrapped/index.js

@@ -0,0 +1,4 @@
+import { useIsFlexWrapped as p } from "./useIsFlexWrapped.js";
+export {
+  p as useIsFlexWrapped
+};

package/dist/components/VirtualizedTable/hooks/useIsFlexWrapped/useIsFlexWrapped.js

@@ -0,0 +1,18 @@
+import { useEffect as o, useState as f } from "react";
+var i = (e) => {
+  const r = e.firstElementChild, s = e.lastElementChild;
+  return !r || !s || r === s ? !1 : s.offsetTop > r.offsetTop;
+}, a = (e) => {
+  const [r, s] = f(!1);
+  return o(() => {
+    const t = e.current;
+    if (!t || typeof ResizeObserver > "u") return;
+    const n = new ResizeObserver(() => {
+      s(i(t));
+    });
+    return n.observe(t), () => n.disconnect();
+  }, [e]), r;
+};
+export {
+  a as useIsFlexWrapped
+};

package/dist/components/VirtualizedTable/utils/index.js

@@ -1,16 +1,18 @@
 import { getTableId as i } from "./get-table-id.js";
-import { getLoadedVirtualizedTableContent as o, isVirtualizedTableContentLoaded as a, loadVirtualizedTableContent as r, preloadVirtualizedTable as n, subscribeToVirtualizedTableContent as d } from "./load-content/load-content.js";
-import { isPaginationBarVisible as b } from "./pagination.js";
-import { getPinnedCellProps as s, getPinnedOffset as p, isPinnedBoundary as u } from "./pinned-columns/pinned-columns.js";
+import { getLoadedVirtualizedTableContent as o, isVirtualizedTableContentLoaded as r, loadVirtualizedTableContent as a, preloadVirtualizedTable as n, subscribeToVirtualizedTableContent as d } from "./load-content/load-content.js";
+import { isPaginationBarVisible as s } from "./pagination.js";
+import { getPinnedCellProps as b, getPinnedOffset as p, isPinnedBoundary as f } from "./pinned-columns/pinned-columns.js";
+import { getResponsiveEdgeClasses as u } from "./responsive-edges/responsive-edges.js";
 export {
   o as getLoadedVirtualizedTableContent,
-  s as getPinnedCellProps,
+  b as getPinnedCellProps,
   p as getPinnedOffset,
+  u as getResponsiveEdgeClasses,
   i as getTableId,
-  b as isPaginationBarVisible,
-  u as isPinnedBoundary,
-  a as isVirtualizedTableContentLoaded,
-  r as loadVirtualizedTableContent,
+  s as isPaginationBarVisible,
+  f as isPinnedBoundary,
+  r as isVirtualizedTableContentLoaded,
+  a as loadVirtualizedTableContent,
   n as preloadVirtualizedTable,
   d as subscribeToVirtualizedTableContent
 };

package/dist/components/VirtualizedTable/utils/responsive-edges/responsive-edges.js

@@ -0,0 +1,8 @@
+import { RESPONSIVE_TIERS as f } from "../../constants/responsive.js";
+var o = (s, t) => !s || f.indexOf(s) <= t, v = (s, t, e) => f.flatMap((i, p) => {
+  const a = s.flatMap((n, l) => o(n, p) ? [l] : []), r = [];
+  return a[0] === t && r.push(e.left[i]), a.at(-1) === t && r.push(e.right[i]), r;
+});
+export {
+  v as getResponsiveEdgeClasses
+};