@vkzstudio/muza-ui 1.0.39 → 1.0.41

package/dist/components/Accordion/Accordion.js

@@ -30,21 +30,21 @@ const v = g("relative w-full transition-colors", {
     variant: {
       default: "pt-md",
       branded: "pt-2xl text-text-brand-def",
-      settings: "p-comp-accordion-settings-p"
+      settings: "p-comp-accordion-settings-p pt-comp-accordion-settings-p-top"
     }
   },
   defaultVariants: { variant: "default" }
 }), y = d.createContext({
   variant: "default"
-}), u = () => d.useContext(y), l = d.createContext({
+}), m = () => d.useContext(y), l = d.createContext({
   isStatic: !1
 }), k = () => d.useContext(l), j = ({
   className: e,
-  variant: r,
+  variant: o,
   ...a
 }) => {
-  const o = r ?? (a.type === "single" ? "branded" : "default");
-  return /* @__PURE__ */ t(y.Provider, { value: { variant: o }, children: /* @__PURE__ */ t(
+  const r = o ?? (a.type === "single" ? "branded" : "default");
+  return /* @__PURE__ */ t(y.Provider, { value: { variant: r }, children: /* @__PURE__ */ t(
     c.Root,
     {
       "data-slot": "accordion",
@@ -54,22 +54,22 @@ const v = g("relative w-full transition-colors", {
   ) });
 }, R = ({
   className: e,
-  children: r,
+  children: o,
   clickableContent: a = !0,
-  static: o,
+  static: r,
   value: i,
   disabled: A,
-  ...m
+  ...u
 }) => {
-  const { variant: f } = u(), p = d.useRef(null);
-  return o ? /* @__PURE__ */ t(l.Provider, { value: { isStatic: !0 }, children: /* @__PURE__ */ t(
+  const { variant: f } = m(), p = d.useRef(null);
+  return r ? /* @__PURE__ */ t(l.Provider, { value: { isStatic: !0 }, children: /* @__PURE__ */ t(
     "div",
     {
       "data-slot": "accordion-item",
       "data-state": "open",
       className: n(v({ variant: f }), e),
-      ...m,
-      children: r
+      ...u,
+      children: o
     }
   ) }) : /* @__PURE__ */ t(l.Provider, { value: { isStatic: !1 }, children: /* @__PURE__ */ t(
     c.Item,
@@ -90,48 +90,48 @@ const v = g("relative w-full transition-colors", {
         );
         s && !s.contains(C.target) && s.click();
       } : void 0,
-      ...m,
-      children: r
+      ...u,
+      children: o
     }
   ) });
 }, z = ({
   className: e,
-  children: r,
+  children: o,
   ...a
 }) => {
-  const { variant: o } = u(), { isStatic: i } = k();
+  const { variant: r } = m(), { isStatic: i } = k();
   return i ? /* @__PURE__ */ t("div", { className: "flex", ...a, children: /* @__PURE__ */ t(
     "div",
     {
       className: n(
-        x({ variant: o }),
+        x({ variant: r }),
         "cursor-default",
         e
       ),
-      children: r
+      children: o
     }
   ) }) : /* @__PURE__ */ t(c.Header, { className: "flex", ...a, children: /* @__PURE__ */ w(
     c.Trigger,
     {
       "data-slot": "accordion-trigger",
-      className: n(x({ variant: o }), e),
+      className: n(x({ variant: r }), e),
       children: [
-        r,
+        o,
         /* @__PURE__ */ t(N, { className: "size-comp-accordion-ico-size-md shrink-0 text-comp-select-icon-brand-def transition-transform duration-300 group-data-[disabled]:text-icon-dark-tertiary" })
       ]
     }
   ) });
 }, H = ({
   className: e,
-  children: r,
+  children: o,
   ...a
 }) => {
-  const { variant: o } = u(), { isStatic: i } = k();
+  const { variant: r } = m(), { isStatic: i } = k();
   return i ? /* @__PURE__ */ t("div", { "data-slot": "accordion-content", ...a, children: /* @__PURE__ */ t(
     "div",
     {
-      className: n(h({ variant: o }), e),
-      children: r
+      className: n(h({ variant: r }), e),
+      children: o
     }
   ) }) : /* @__PURE__ */ t(
     c.Content,
@@ -142,8 +142,8 @@ const v = g("relative w-full transition-colors", {
       children: /* @__PURE__ */ t(
         "div",
         {
-          className: n(h({ variant: o }), e),
-          children: r
+          className: n(h({ variant: r }), e),
+          children: o
         }
       )
     }

package/dist/components/DataTable/DataTable.d.ts

@@ -57,8 +57,9 @@ export interface DataTableProps<T> extends Omit<React.HTMLAttributes<HTMLTableEl
     /** Prevents interaction and applies muted text colors. @default false */
     disabled?: boolean;
     /**
-     * Fires when a row is clicked. When provided and not `disabled`, rows become
-     * interactive: cursor-pointer, keyboard-activatable, and a hover/focus border.
+     * Fires when a row is clicked (pointer only — rows are not keyboard-activatable).
+     * When provided and not `disabled`, rows get a pointer cursor and a
+     * hover/focus-within border on cells.
      */
     onRowClick?: (rowData: T, rowIndex: number) => void;
 }

package/dist/components/DataTable/DataTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,qBAAqB;;;8EAmB1B,CAAA;AAED;;;;;;;;;;GAUG;AACH,MAAM,WAAW,eAAe,CAAC,CAAC;IAChC,mEAAmE;IACnE,OAAO,EAAE,MAAM,CAAC,CAAA;IAChB,mCAAmC;IACnC,KAAK,EAAE,SAAS,CAAA;IAChB,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,CAAC,GAAG,CAAC,CAAA;IAC3B;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,CACP,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EACjB,OAAO,EAAE,CAAC,EACV,QAAQ,EAAE,MAAM,EAChB,QAAQ,CAAC,EAAE,OAAO,KACf,SAAS,CAAA;CACf;AAED;;;;GAIG;AACH,MAAM,WAAW,cAAc,CAAC,CAAC,CAC/B,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,EAC9D,IAAI,CAAC,YAAY,CAAC,OAAO,qBAAqB,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IAC1E,sDAAsD;IACtD,IAAI,EAAE,CAAC,EAAE,CAAA;IACT,qFAAqF;IACrF,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAA;IAC7B,iEAAiE;IACjE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kEAAkE;IAClE,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC7B,yEAAyE;IACzE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;CACpD;AAED,QAAA,MAAM,SAAS,GAAI,CAAC,EAAG,mFASpB,cAAc,CAAC,CAAC,CAAC,4CAwGnB,CAAA;AAED,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,CAAA"}
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,qBAAqB;;;8EAmB1B,CAAA;AAED;;;;;;;;;;GAUG;AACH,MAAM,WAAW,eAAe,CAAC,CAAC;IAChC,mEAAmE;IACnE,OAAO,EAAE,MAAM,CAAC,CAAA;IAChB,mCAAmC;IACnC,KAAK,EAAE,SAAS,CAAA;IAChB,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,CAAC,GAAG,CAAC,CAAA;IAC3B;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,CACP,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EACjB,OAAO,EAAE,CAAC,EACV,QAAQ,EAAE,MAAM,EAChB,QAAQ,CAAC,EAAE,OAAO,KACf,SAAS,CAAA;CACf;AAED;;;;GAIG;AACH,MAAM,WAAW,cAAc,CAAC,CAAC,CAC/B,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,EAC9D,IAAI,CAAC,YAAY,CAAC,OAAO,qBAAqB,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IAC1E,sDAAsD;IACtD,IAAI,EAAE,CAAC,EAAE,CAAA;IACT,qFAAqF;IACrF,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAA;IAC7B,iEAAiE;IACjE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kEAAkE;IAClE,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC7B,yEAAyE;IACzE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;CACpD;AAED,QAAA,MAAM,SAAS,GAAI,CAAC,EAAG,mFASpB,cAAc,CAAC,CAAC,CAAC,4CAwGnB,CAAA;AAED,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,CAAA"}

package/dist/components/ExpandableTable/ExpandableTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandableTable.d.ts","sourceRoot":"","sources":["../../../src/components/ExpandableTable/ExpandableTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAA;AAuBd;;;GAGG;AACH,MAAM,MAAM,oBAAoB,GAC5B,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,KAAK,CAAA;AAET;;;GAGG;AACH,MAAM,WAAW,OAAO,CAAC,CAAC;IACxB,wDAAwD;IACxD,OAAO,EAAE,MAAM,CAAC,CAAA;IAChB,iDAAiD;IACjD,KAAK,EAAE,SAAS,CAAA;IAChB,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,KAAK,SAAS,CAAA;IACrD;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,oBAAoB,GAAG,OAAO,CAAA;IAC3C;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B;AAED;;;GAGG;AACH,MAAM,WAAW,uBAAuB,CAAC,CAAC;IACxC,sDAAsD;IACtD,OAAO,EAAE,MAAM,CAAC,CAAA;IAChB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,6CAA6C;IAC7C,KAAK,EAAE,SAAS,CAAA;IAChB,kGAAkG;IAClG,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,KAAK,SAAS,CAAA;CACtD;AAED;;;;GAIG;AACH,MAAM,WAAW,0BAA0B,CAAC,CAAC;IAC3C,yDAAyD;IACzD,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,4FAA4F;IAC5F,KAAK,EAAE,uBAAuB,CAAC,CAAC,CAAC,EAAE,CAAA;CACpC;AAED;;;GAGG;AACH,MAAM,WAAW,oBAAoB,CAAC,CAAC;IACrC,sEAAsE;IACtE,IAAI,EAAE,CAAC,EAAE,CAAA;IACT,sFAAsF;IACtF,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAA;IACrB;;;;;;;;;;;;;OAaG;IACH,qBAAqB,CAAC,EAClB,0BAA0B,CAAC,CAAC,CAAC,EAAE,GAC/B,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,0BAA0B,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;IACjD;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;QACnB,0GAA0G;QAC1G,mBAAmB,EAAE,MAAM,CAAA;QAC3B,yFAAyF;QACzF,YAAY,EAAE,MAAM,CAAA;QACpB,0GAA0G;QAC1G,SAAS,EAAE,MAAM,CAAA;KAClB,CAAC,CAAA;CACH;AA4CD,eAAO,MAAM,eAAe,GAAI,CAAC,EAAG,uDAKjC,oBAAoB,CAAC,CAAC,CAAC,4CAgYzB,CAAA"}
+{"version":3,"file":"ExpandableTable.d.ts","sourceRoot":"","sources":["../../../src/components/ExpandableTable/ExpandableTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EAMf,MAAM,OAAO,CAAA;AAuBd;;;GAGG;AACH,MAAM,MAAM,oBAAoB,GAC5B,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,KAAK,CAAA;AAET;;;GAGG;AACH,MAAM,WAAW,OAAO,CAAC,CAAC;IACxB,wDAAwD;IACxD,OAAO,EAAE,MAAM,CAAC,CAAA;IAChB,iDAAiD;IACjD,KAAK,EAAE,SAAS,CAAA;IAChB,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,KAAK,SAAS,CAAA;IACrD;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,oBAAoB,GAAG,OAAO,CAAA;IAC3C;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B;AAED;;;GAGG;AACH,MAAM,WAAW,uBAAuB,CAAC,CAAC;IACxC,sDAAsD;IACtD,OAAO,EAAE,MAAM,CAAC,CAAA;IAChB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,6CAA6C;IAC7C,KAAK,EAAE,SAAS,CAAA;IAChB,kGAAkG;IAClG,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,KAAK,SAAS,CAAA;CACtD;AAED;;;;GAIG;AACH,MAAM,WAAW,0BAA0B,CAAC,CAAC;IAC3C,yDAAyD;IACzD,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,4FAA4F;IAC5F,KAAK,EAAE,uBAAuB,CAAC,CAAC,CAAC,EAAE,CAAA;CACpC;AAED;;;GAGG;AACH,MAAM,WAAW,oBAAoB,CAAC,CAAC;IACrC,sEAAsE;IACtE,IAAI,EAAE,CAAC,EAAE,CAAA;IACT,sFAAsF;IACtF,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAA;IACrB;;;;;;;;;;;;;OAaG;IACH,qBAAqB,CAAC,EAClB,0BAA0B,CAAC,CAAC,CAAC,EAAE,GAC/B,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,0BAA0B,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;IACjD;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;QACnB,0GAA0G;QAC1G,mBAAmB,EAAE,MAAM,CAAA;QAC3B,yFAAyF;QACzF,YAAY,EAAE,MAAM,CAAA;QACpB,0GAA0G;QAC1G,SAAS,EAAE,MAAM,CAAA;KAClB,CAAC,CAAA;CACH;AA4CD,eAAO,MAAM,eAAe,GAAI,CAAC,EAAG,uDAKjC,oBAAoB,CAAC,CAAC,CAAC,4CAiZzB,CAAA"}

package/dist/components/ExpandableTable/ExpandableTable.js

@@ -1,13 +1,13 @@
-import { jsxs as p, jsx as t, Fragment as A } from "react/jsx-runtime";
-import { useState as V, useRef as G, useEffect as _, useCallback as O, Fragment as W } from "react";
-import { cva as X } from "class-variance-authority";
-import { useIsMin3xl as q, useIsMin2xl as J, useIsMinXl as Q, useIsMinLg as U, useIsMinMd as Y, useIsMinSm as Z } from "../../hooks/use-is-breakpoint.js";
-import { Table as D, TableHeader as R, TableRow as L, TableHead as S, TableRowGroup as w, TableCell as $ } from "./Table.js";
-import { cn as a } from "../../utils/cn.js";
-import { Typography as f } from "../Typography/Typography.js";
-import { AltArrowDownOutline as I } from "@solar-icons/react-perf";
-import { Flex as j } from "../Flex/Flex.js";
-const z = X("", {
+import { jsxs as m, jsx as s, Fragment as J } from "react/jsx-runtime";
+import { useState as B, useRef as Q, useEffect as U, useCallback as Y, useMemo as E, Fragment as Z } from "react";
+import { cva as D } from "class-variance-authority";
+import { useIsMinSm as S, useIsMinMd as R, useIsMinLg as I, useIsMinXl as w, useIsMin2xl as ee, useIsMin3xl as re } from "../../hooks/use-is-breakpoint.js";
+import { Table as se, TableHeader as te, TableRow as H, TableHead as ie, TableRowGroup as ne, TableCell as P } from "./Table.js";
+import { cn as o } from "../../utils/cn.js";
+import { Typography as g } from "../Typography/Typography.js";
+import { AltArrowDownOutline as de } from "@solar-icons/react-perf";
+import { Flex as A } from "../Flex/Flex.js";
+const G = D("", {
   variants: {
     responsive: {
       xs: "",
@@ -28,76 +28,82 @@ const z = X("", {
       "3xl": "3xl:hidden"
     }
   }
-}), B = (n) => typeof n == "string" && (n === "xs" || n === "sm" || n === "md" || n === "lg" || n === "xl" || n === "2xl" || n === "3xl"), C = (n, m) => n === void 0 || n === "xs" ? !0 : typeof n == "boolean" ? n : m[n], oe = ({
+}), X = (n) => typeof n == "string" && (n === "xs" || n === "sm" || n === "md" || n === "lg" || n === "xl" || n === "2xl" || n === "3xl"), C = (n, a) => n === void 0 || n === "xs" ? !0 : typeof n == "boolean" ? n : a[n], ge = ({
   data: n,
-  columns: m,
-  expandableRowSections: s,
-  classNames: o
+  columns: a,
+  expandableRowSections: t,
+  classNames: p
 }) => {
-  const [v, H] = V(/* @__PURE__ */ new Set()), [P, u] = V(/* @__PURE__ */ new Set()), g = G(
+  const [v, _] = B(/* @__PURE__ */ new Set()), [O, y] = B(/* @__PURE__ */ new Set()), f = Q(
     /* @__PURE__ */ new Map()
   );
-  _(() => {
-    const e = g.current;
+  U(() => {
+    const e = f.current;
     return () => {
       e.forEach((i) => clearTimeout(i)), e.clear();
     };
   }, []);
-  const N = O((e) => {
-    H((i) => {
+  const M = Y((e) => {
+    _((i) => {
       const l = new Set(i);
       if (l.has(e)) {
-        l.delete(e), u((c) => {
+        l.delete(e), y((c) => {
           const r = new Set(c);
           return r.add(e), r;
         });
-        const d = g.current.get(e);
-        d && clearTimeout(d), g.current.set(
+        const d = f.current.get(e);
+        d && clearTimeout(d), f.current.set(
           e,
           setTimeout(() => {
-            u((c) => {
+            y((c) => {
               const r = new Set(c);
               return r.delete(e), r;
-            }), g.current.delete(e);
+            }), f.current.delete(e);
           }, 150)
         );
       } else {
         l.add(e);
-        const d = g.current.get(e);
-        d && (clearTimeout(d), g.current.delete(e), u((c) => {
+        const d = f.current.get(e);
+        d && (clearTimeout(d), f.current.delete(e), y((c) => {
           const r = new Set(c);
           return r.delete(e), r;
         }));
       }
       return l;
     });
-  }, []), y = {
-    xs: !0,
-    sm: Z(),
-    md: Y(),
-    lg: U(),
-    xl: Q(),
-    "2xl": J(),
-    "3xl": q()
-  }, M = m.some(
-    (e) => e.responsive !== void 0 && e.responsive !== "xs" && e.moveToExpandable !== !1 && !C(e.responsive, y)
-  );
-  let x = -1, F = -1;
-  m.forEach((e, i) => {
-    C(e.responsive, y) && (x === -1 && (x = i), F = i);
-  });
-  const T = !s && M, K = !!s || T;
-  return /* @__PURE__ */ p(D, { children: [
-    /* @__PURE__ */ t(R, { children: /* @__PURE__ */ t(L, { className: "[&>th]:border-0 [&>th]:bg-transparent", children: m.map((e, i) => {
-      const l = B(e.responsive) ? e.responsive : void 0, d = e.responsive === !1;
-      return /* @__PURE__ */ t(
-        S,
+  }, []), N = S(), V = R(), F = I(), K = w(), L = ee(), $ = re(), u = E(
+    () => ({
+      xs: !0,
+      sm: N,
+      md: V,
+      lg: F,
+      xl: K,
+      "2xl": L,
+      "3xl": $
+    }),
+    [N, V, F, K, L, $]
+  ), j = E(
+    () => a.some(
+      (e) => e.responsive !== void 0 && e.responsive !== "xs" && e.moveToExpandable !== !1 && !C(e.responsive, u)
+    ),
+    [a, u]
+  ), { firstVisibleIndex: W, lastVisibleIndex: q } = E(() => {
+    let e = -1, i = -1;
+    return a.forEach((l, d) => {
+      C(l.responsive, u) && (e === -1 && (e = d), i = d);
+    }), { firstVisibleIndex: e, lastVisibleIndex: i };
+  }, [a, u]), x = !t && j, z = !!t || x;
+  return /* @__PURE__ */ m(se, { children: [
+    /* @__PURE__ */ s(te, { children: /* @__PURE__ */ s(H, { className: "[&>th]:border-0 [&>th]:bg-transparent", children: a.map((e, i) => {
+      const l = X(e.responsive) ? e.responsive : void 0, d = e.responsive === !1;
+      return /* @__PURE__ */ s(
+        ie,
         {
-          className: a(
+          className: o(
             e.className,
-            z({ responsive: l })
+            G({ responsive: l }),
+            d && "hidden"
           ),
-          style: d ? { display: "none" } : void 0,
           children: e.title
         },
         i
@@ -105,44 +111,44 @@ const z = X("", {
     }) }) }),
     n.map((e, i) => {
       var c;
-      const l = v.has(i) || T, d = P.has(i);
-      return /* @__PURE__ */ p(
-        w,
+      const l = v.has(i) || x, d = O.has(i);
+      return /* @__PURE__ */ m(
+        ne,
         {
-          className: a({
-            "group hover:[&_td]:border-stroke-brand-hover": s
+          className: o({
+            "group hover:[&_td]:border-stroke-brand-hover": t
           }),
           children: [
-            /* @__PURE__ */ p(
-              L,
+            /* @__PURE__ */ m(
+              H,
               {
-                expandablePosition: s && (v.has(i) || d) || T ? "top" : "none",
-                className: a("focus-visible-default", {
-                  "cursor-pointer": s
+                expandablePosition: t && (v.has(i) || d) || x ? "top" : "none",
+                className: o("focus-visible-default", {
+                  "cursor-pointer": t
                 }),
-                onClick: s ? () => N(i) : void 0,
-                onKeyDown: s ? (r) => {
-                  (r.key === "Enter" || r.key === " ") && (r.preventDefault(), N(i));
+                onClick: t ? () => M(i) : void 0,
+                onKeyDown: t ? (r) => {
+                  (r.key === "Enter" || r.key === " ") && (r.preventDefault(), M(i));
                 } : void 0,
-                tabIndex: s ? 0 : void 0,
-                role: s ? "button" : void 0,
-                "aria-expanded": s ? v.has(i) : void 0,
+                tabIndex: t ? 0 : void 0,
+                role: t ? "button" : void 0,
+                "aria-expanded": t ? v.has(i) : void 0,
                 children: [
-                  m.map((r, h) => {
-                    const k = B(r.responsive) ? r.responsive : void 0, b = r.responsive === !1;
-                    return /* @__PURE__ */ t(
-                      $,
+                  a.map((r, h) => {
+                    const T = X(r.responsive) ? r.responsive : void 0, b = r.responsive === !1;
+                    return /* @__PURE__ */ s(
+                      P,
                       {
-                        isFirst: h === x,
-                        isLast: h === F && !s,
-                        expandablePosition: (l || d) && K ? "top" : "none",
-                        className: a(
+                        isFirst: h === W,
+                        isLast: h === q && !t,
+                        expandablePosition: (l || d) && z ? "top" : "none",
+                        className: o(
                           r.className,
-                          z({ responsive: k })
+                          G({ responsive: T }),
+                          b && "hidden"
                         ),
-                        style: b ? { display: "none" } : void 0,
-                        children: r.render ? r.render(e[r.dataKey], e) : /* @__PURE__ */ t(
-                          f,
+                        children: r.render ? r.render(e[r.dataKey], e) : /* @__PURE__ */ s(
+                          g,
                           {
                             variant: "body",
                             size: "base",
@@ -155,17 +161,17 @@ const z = X("", {
                       h
                     );
                   }),
-                  s && /* @__PURE__ */ t(
-                    $,
+                  t && /* @__PURE__ */ s(
+                    P,
                     {
                       className: "w-[68px]",
                       isFirst: !1,
                       isLast: !0,
                       expandablePosition: v.has(i) || d ? "top" : "none",
-                      children: /* @__PURE__ */ t(
-                        I,
+                      children: /* @__PURE__ */ s(
+                        de,
                         {
-                          className: a(
+                          className: o(
                             "text-text-brand-def transition-transform duration-300",
                             {
                               "rotate-180": v.has(i)
@@ -178,52 +184,52 @@ const z = X("", {
                 ]
               }
             ),
-            K && /* @__PURE__ */ t("tr", { "aria-hidden": !l, children: /* @__PURE__ */ t(
+            z && /* @__PURE__ */ s("tr", { "aria-hidden": !l, children: /* @__PURE__ */ s(
               "td",
               {
-                colSpan: m.length + (s ? 1 : 0),
+                colSpan: a.length + (t ? 1 : 0),
                 className: "border-0 p-0",
-                children: /* @__PURE__ */ t(
+                children: /* @__PURE__ */ s(
                   "div",
                   {
-                    className: a(
+                    className: o(
                       "grid transition-[grid-template-rows] duration-300 ease-in-out",
                       l ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
                     ),
-                    children: /* @__PURE__ */ t("div", { className: "min-h-0 overflow-hidden", children: /* @__PURE__ */ p(
+                    children: /* @__PURE__ */ s("div", { className: "min-h-0 overflow-hidden", children: /* @__PURE__ */ m(
                       "div",
                       {
-                        className: a(
+                        className: o(
                           "rounded-b-xl border-x-1 border-b-1 border-stroke-base-secondary bg-surface-base-secondary transition-colors group-hover:border-stroke-brand-hover"
                         ),
                         children: [
-                          /* @__PURE__ */ t("div", { className: "mx-comp-table-p border-t-1 border-stroke-base-secondary" }),
-                          /* @__PURE__ */ p(
+                          /* @__PURE__ */ s("div", { className: "mx-comp-table-p border-t-1 border-stroke-base-secondary" }),
+                          /* @__PURE__ */ m(
                             "div",
                             {
-                              className: a(
+                              className: o(
                                 "grid grid-cols-1 gap-2xl px-comp-table-p py-2xl md:grid-cols-[auto_1fr]",
-                                o == null ? void 0 : o.expandedContentGrid
+                                p == null ? void 0 : p.expandedContentGrid
                               ),
                               children: [
-                                M && /* @__PURE__ */ p(A, { children: [
-                                  /* @__PURE__ */ t(
-                                    j,
+                                j && /* @__PURE__ */ m(J, { children: [
+                                  /* @__PURE__ */ s(
+                                    A,
                                     {
                                       gap: "md",
                                       direction: "column",
                                       className: "col-span-full",
-                                      children: m.filter(
-                                        (r) => r.moveToExpandable !== !1 && r.responsive !== void 0 && r.responsive !== "xs" && !C(r.responsive, y)
-                                      ).map((r, h) => /* @__PURE__ */ p(
-                                        j,
+                                      children: a.filter(
+                                        (r) => r.moveToExpandable !== !1 && r.responsive !== void 0 && r.responsive !== "xs" && !C(r.responsive, u)
+                                      ).map((r, h) => /* @__PURE__ */ m(
+                                        A,
                                         {
                                           align: "center",
                                           justify: "between",
                                           direction: "row",
                                           children: [
-                                            /* @__PURE__ */ t(
-                                              f,
+                                            /* @__PURE__ */ s(
+                                              g,
                                               {
                                                 variant: "body",
                                                 component: "span",
@@ -233,8 +239,8 @@ const z = X("", {
                                             r.render ? r.render(
                                               e[r.dataKey],
                                               e
-                                            ) : /* @__PURE__ */ t(
-                                              f,
+                                            ) : /* @__PURE__ */ s(
+                                              g,
                                               {
                                                 variant: "body",
                                                 weight: "medium",
@@ -249,22 +255,22 @@ const z = X("", {
                                       ))
                                     }
                                   ),
-                                  s && /* @__PURE__ */ t("hr", { className: "col-span-full text-stroke-base-secondary md:col-span-2" })
+                                  t && /* @__PURE__ */ s("hr", { className: "col-span-full text-stroke-base-secondary md:col-span-2" })
                                 ] }),
-                                (c = typeof s == "function" ? s(e) : s) == null ? void 0 : c.map((r, h) => {
-                                  if (!s) return null;
-                                  const k = typeof s == "function" ? s(e).length : s.length;
-                                  return /* @__PURE__ */ p(W, { children: [
-                                    /* @__PURE__ */ p(
+                                (c = typeof t == "function" ? t(e) : t) == null ? void 0 : c.map((r, h) => {
+                                  if (!t) return null;
+                                  const T = typeof t == "function" ? t(e).length : t.length;
+                                  return /* @__PURE__ */ m(Z, { children: [
+                                    /* @__PURE__ */ m(
                                       "div",
                                       {
-                                        className: a(
+                                        className: o(
                                           "col-span-full grid grid-cols-1 gap-y-xl md:col-span-2 md:grid-cols-subgrid",
-                                          o == null ? void 0 : o.sectionTitle
+                                          p == null ? void 0 : p.sectionTitle
                                         ),
                                         children: [
-                                          r.title && /* @__PURE__ */ t(
-                                            f,
+                                          r.title && /* @__PURE__ */ s(
+                                            g,
                                             {
                                               variant: "body",
                                               uppercase: !0,
@@ -275,26 +281,26 @@ const z = X("", {
                                               children: r.title
                                             }
                                           ),
-                                          /* @__PURE__ */ t(
+                                          /* @__PURE__ */ s(
                                             "div",
                                             {
-                                              className: a(
+                                              className: o(
                                                 "col-span-full grid grid-cols-1 gap-x-3xl md:col-span-2 md:grid-cols-subgrid md:gap-y-md",
-                                                o == null ? void 0 : o.cellsWrap
+                                                p == null ? void 0 : p.cellsWrap
                                               ),
                                               children: r.cells.flatMap(
-                                                (b, E) => [
-                                                  /* @__PURE__ */ t(
-                                                    f,
+                                                (b, k) => [
+                                                  /* @__PURE__ */ s(
+                                                    g,
                                                     {
                                                       component: "span",
                                                       variant: "body",
                                                       className: "mb-xs text-text-dark-primary-def md:mb-0",
                                                       children: b.title
                                                     },
-                                                    `${E}-label`
+                                                    `${k}-label`
                                                   ),
-                                                  b.render ? /* @__PURE__ */ t(
+                                                  b.render ? /* @__PURE__ */ s(
                                                     "div",
                                                     {
                                                       className: "mb-md block last-of-type:mb-0 md:mb-0",
@@ -303,9 +309,9 @@ const z = X("", {
                                                         e
                                                       )
                                                     },
-                                                    `${E}-value`
-                                                  ) : /* @__PURE__ */ t(
-                                                    f,
+                                                    `${k}-value`
+                                                  ) : /* @__PURE__ */ s(
+                                                    g,
                                                     {
                                                       variant: "body",
                                                       weight: "medium",
@@ -313,7 +319,7 @@ const z = X("", {
                                                       className: "mb-md block last-of-type:mb-0 md:mb-0",
                                                       children: e[b.dataKey]
                                                     },
-                                                    `${E}-value`
+                                                    `${k}-value`
                                                   )
                                                 ]
                                               )
@@ -322,7 +328,7 @@ const z = X("", {
                                         ]
                                       }
                                     ),
-                                    h < k - 1 && /* @__PURE__ */ t("hr", { className: "col-span-full text-stroke-base-secondary md:col-span-2" })
+                                    h < T - 1 && /* @__PURE__ */ s("hr", { className: "col-span-full text-stroke-base-secondary md:col-span-2" })
                                   ] }, h);
                                 })
                               ]
@@ -343,5 +349,5 @@ const z = X("", {
   ] });
 };
 export {
-  oe as ExpandableTable
+  ge as ExpandableTable
 };

package/dist/components/FileUpload/FileItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileItem.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/FileItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA8C9B,UAAU,iBAAiB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,sEAAsE;IACtE,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAA;CAC/C;AAED,UAAU,iBAAkB,SAAQ,iBAAiB;IACnD,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,IAAI,CAAA;CACX;AAED,UAAU,gBAAiB,SAAQ,iBAAiB;IAClD,MAAM,EAAE,KAAK,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,KAAK,aAAa,GAAG,iBAAiB,GAAG,gBAAgB,CAAA;AAsEzD,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,4CAoO5C,CAAA"}
+{"version":3,"file":"FileItem.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/FileItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA8C9B,UAAU,iBAAiB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,sEAAsE;IACtE,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAA;CAC/C;AAED,UAAU,iBAAkB,SAAQ,iBAAiB;IACnD,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,IAAI,CAAA;CACX;AAED,UAAU,gBAAiB,SAAQ,iBAAiB;IAClD,MAAM,EAAE,KAAK,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,KAAK,aAAa,GAAG,iBAAiB,GAAG,gBAAgB,CAAA;AAsEzD,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,4CAuO5C,CAAA"}