@caspeco/casper-ui-library 7.10.1 → 7.11.1

package/dist/components/alert/helper.js

@@ -10,7 +10,6 @@ const o = (e) => {
       return r.OnWarningContainer;
     case "neutral":
       return r.OnNeutralContainer;
-    case "success":
     default:
       return r.OnSuccessContainer;
   }
@@ -24,7 +23,6 @@ const o = (e) => {
       return r.WarningContainer;
     case "neutral":
       return r.NeutralContainer;
-    case "success":
     default:
       return r.SuccessContainer;
   }

package/dist/components/checkbox/checkbox-icon.js

@@ -5,13 +5,7 @@ import { Minus as m } from "./icons/minus.js";
 import { Plus as f } from "./icons/plus.js";
 function p(o, c, r) {
   if (c && !r)
-    switch (o) {
-      case "sm":
-        return "9px";
-      case "md":
-      default:
-        return "10px";
-    }
+    return o === "sm" ? "9px" : "10px";
   switch (o) {
     case "sm":
       return "14px";

package/dist/components/menu/helper.js

@@ -8,7 +8,6 @@ function t(e) {
       return "a";
     case "none":
       return "div";
-    case "button":
     default:
       return "button";
   }

package/dist/components/stepper/step.js

@@ -22,7 +22,6 @@ function I(e, r) {
       return "4px";
     case "13px":
       return "-6px";
-    case "24px":
     default:
       return "0px";
   }

package/dist/components/table/table-cell.js

@@ -91,7 +91,7 @@ const X = ({
         borderBottom: 0,
         paddingLeft: A()
       },
-      children: /* @__PURE__ */ k(j, { w: "100%", align: "center", children: [
+      children: /* @__PURE__ */ k(j, { w: "100%", h: "100%", align: "center", children: [
         d && /* @__PURE__ */ n(G, { children: ({ isOpen: e }) => /* @__PURE__ */ k(
           h,
           {

package/dist/components/table/table-content.d.ts

@@ -43,8 +43,12 @@ export interface TableContentProps<TData extends TableData = TableData> {
      * Enables virtualization for the table rows to improve performance with large datasets.
      */
     virtualization?: VirtualizationOptions;
+    /**
+     * Anchor portals to a referenced layer. Defaults to document body.
+     */
+    portalContainerRef?: React.RefObject<HTMLElement | null>;
 }
-declare const TableContentInner: <TData extends TableData>({ onClickRow, onRowClickIndication, hideTableHeaderDropdown, showRowHoverStyle, stickyHeaders, virtualization, ...props }: TableContentProps<TData> & ThemeStyleProps) => import("react/jsx-runtime").JSX.Element;
+declare const TableContentInner: <TData extends TableData>({ onClickRow, onRowClickIndication, hideTableHeaderDropdown, showRowHoverStyle, stickyHeaders, virtualization, portalContainerRef, ...props }: TableContentProps<TData> & ThemeStyleProps) => import("react/jsx-runtime").JSX.Element;
 export declare const TableContent: typeof TableContentInner;
 export {};
 //# sourceMappingURL=table-content.d.ts.map

package/dist/components/table/table-content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-content.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAO/C,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,SAAS,CAAC;AAEnE,UAAU,qBAAqB;IAC9B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,iBAAiB,CAAC,KAAK,SAAS,SAAS,GAAG,SAAS;IACrE;;OAEG;IACH,UAAU,CAAC,EAAE,CACZ,GAAG,EAAE,YAAY,CAAC,KAAK,CAAC,EACxB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,KACnF,IAAI,CAAC;IAEV;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B;;OAEG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAElC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,cAAc,CAAC,EAAE,qBAAqB,CAAC;CACvC;AAED,QAAA,MAAM,iBAAiB,GAAI,KAAK,SAAS,SAAS,EAAE,2HAQjD,iBAAiB,CAAC,KAAK,CAAC,GAAG,eAAe,4CAsJ5C,CAAC;AAEF,eAAO,MAAM,YAAY,EAA8B,OAAO,iBAAiB,CAAC"}
+{"version":3,"file":"table-content.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAO/C,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,SAAS,CAAC;AAEnE,UAAU,qBAAqB;IAC9B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,iBAAiB,CAAC,KAAK,SAAS,SAAS,GAAG,SAAS;IACrE;;OAEG;IACH,UAAU,CAAC,EAAE,CACZ,GAAG,EAAE,YAAY,CAAC,KAAK,CAAC,EACxB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,KACnF,IAAI,CAAC;IAEV;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B;;OAEG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAElC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,cAAc,CAAC,EAAE,qBAAqB,CAAC;IACvC;;OAEG;IACH,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CACzD;AAED,QAAA,MAAM,iBAAiB,GAAI,KAAK,SAAS,SAAS,EAAE,+IASjD,iBAAiB,CAAC,KAAK,CAAC,GAAG,eAAe,4CAuJ5C,CAAC;AAEF,eAAO,MAAM,YAAY,EAA8B,OAAO,iBAAiB,CAAC"}

package/dist/components/table/table-content.js

@@ -1,20 +1,21 @@
 import { jsxs as S, jsx as e } from "react/jsx-runtime";
-import { Table as j, Thead as E, Box as M, Tbody as y } from "@chakra-ui/react";
-import { useVirtualizer as $ } from "../../node_modules/@tanstack/react-virtual/dist/esm/index.js";
-import { memo as D, useRef as L, useMemo as u } from "react";
-import { useTableContext as O } from "./table-context.js";
-import { TableHeaderRow as Y } from "./table-header-row.js";
+import { Table as E, Thead as M, Box as $, Tbody as y } from "@chakra-ui/react";
+import { useVirtualizer as D } from "../../node_modules/@tanstack/react-virtual/dist/esm/index.js";
+import { memo as L, useRef as O, useMemo as u } from "react";
+import { useTableContext as Y } from "./table-context.js";
+import { TableHeaderRow as k } from "./table-header-row.js";
 import { TableRow as v } from "./table-row.js";
-const k = ({
+const q = ({
   onClickRow: m,
   onRowClickIndication: b,
   hideTableHeaderDropdown: w,
   showRowHoverStyle: g = !0,
   stickyHeaders: h,
   virtualization: a,
-  ...R
+  portalContainerRef: R,
+  ...z
 }) => {
-  const t = O(), i = L(null), z = u(() => h ? {
+  const t = Y(), i = O(null), B = u(() => h ? {
     position: "sticky",
     top: 0,
     zIndex: 1
@@ -29,7 +30,7 @@ const k = ({
       t.sorting,
       t.data
     ]
-  ), p = c.length, l = !!a, f = a?.estimateRowHeight ?? 40, x = a?.overscan ?? 5, B = a?.height ?? "600px", H = u(
+  ), p = c.length, l = !!a, f = a?.estimateRowHeight ?? 40, x = a?.overscan ?? 5, H = a?.height ?? "600px", I = u(
     () => ({
       count: p,
       getScrollElement: () => i.current,
@@ -41,7 +42,7 @@ const k = ({
       }
     }),
     [l, f, x, p]
-  ), C = $(H), n = l ? C.getVirtualItems() : [], I = () => {
+  ), C = D(I), n = l ? C.getVirtualItems() : [], _ = () => {
     if (!l)
       return /* @__PURE__ */ e(y, { children: c.map((s) => {
         const r = s.getVisibleCells();
@@ -63,12 +64,12 @@ const k = ({
       n.map((s) => {
         const r = c[s.index];
         if (!r) return null;
-        const _ = r.getVisibleCells();
+        const j = r.getVisibleCells();
         return /* @__PURE__ */ e(
           v,
           {
             row: r,
-            visibleCells: _,
+            visibleCells: j,
             onClickRow: m,
             onRowClickIndication: b,
             showRowHoverStyle: g
@@ -78,23 +79,24 @@ const k = ({
       }),
       d > 0 && /* @__PURE__ */ e("tr", { style: { height: `${d}px` }, "aria-hidden": "true", children: /* @__PURE__ */ e("td", { colSpan: V }) })
     ] });
-  }, T = /* @__PURE__ */ S(j, { ...R, id: t.id, children: [
-    /* @__PURE__ */ e(E, { style: z, children: t.table.getHeaderGroups().map((o) => /* @__PURE__ */ e(
-      Y,
+  }, T = /* @__PURE__ */ S(E, { ...z, id: t.id, children: [
+    /* @__PURE__ */ e(M, { style: B, children: t.table.getHeaderGroups().map((o) => /* @__PURE__ */ e(
+      k,
       {
         headerGroup: o,
-        hideTableHeaderDropdown: w
+        hideTableHeaderDropdown: w,
+        portalContainerRef: R
       },
       o.id
     )) }),
-    I()
+    _()
   ] });
   return l ? /* @__PURE__ */ e(
-    M,
+    $,
     {
       ref: i,
       overflowY: "auto",
-      height: B,
+      height: H,
       position: "relative",
       tabIndex: -1,
       outline: "none",
@@ -103,7 +105,7 @@ const k = ({
       children: T
     }
   ) : T;
-}, P = D(k);
+}, Q = L(q);
 export {
-  P as TableContent
+  Q as TableContent
 };

package/dist/components/table/table-header-dropdown.d.ts

@@ -12,7 +12,9 @@ type TableHeaderDropdownProps<TData extends TableData> = {
     columnVisibility: VisibilityState;
     localeString: Locales;
 };
-declare const TableHeaderDropdownComponent: <TData extends TableData>({ header, breakingContentState, onBreakingContentChange, setBreakingContentState, headerGroup, sorting, setSorting, localeString, }: TableHeaderDropdownProps<TData>) => import("react/jsx-runtime").JSX.Element;
+declare const TableHeaderDropdownComponent: <TData extends TableData>({ header, breakingContentState, onBreakingContentChange, setBreakingContentState, headerGroup, sorting, setSorting, localeString, portalContainerRef, }: TableHeaderDropdownProps<TData> & {
+    portalContainerRef?: React.RefObject<HTMLElement | null>;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const TableHeaderDropdown: typeof TableHeaderDropdownComponent;
 export {};
 //# sourceMappingURL=table-header-dropdown.d.ts.map

package/dist/components/table/table-header-dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-header-dropdown.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-header-dropdown.tsx"],"names":[],"mappings":"AAWA,OAAO,EAGN,KAAK,MAAM,EACX,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,eAAe,EACpB,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAE,KAAK,OAAO,EAAgB,MAAM,gBAAgB,CAAC;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnD,KAAK,wBAAwB,CAAC,KAAK,SAAS,SAAS,IAAI;IACxD,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;IACzC,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C,uBAAuB,CAAC,EAAE,CAAC,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAClF,uBAAuB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,KAAK,IAAI,CAAC;IACxF,WAAW,EAAE,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC;IAC5C,OAAO,EAAE,YAAY,CAAC;IACtB,UAAU,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1C,gBAAgB,EAAE,eAAe,CAAC;IAClC,YAAY,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,4BAA4B,GAAI,KAAK,SAAS,SAAS,EAAE,qIAS5D,wBAAwB,CAAC,KAAK,CAAC,4CA0IjC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAyC,OAAO,4BAA4B,CAAC"}
+{"version":3,"file":"table-header-dropdown.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-header-dropdown.tsx"],"names":[],"mappings":"AAWA,OAAO,EAGN,KAAK,MAAM,EACX,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,eAAe,EACpB,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAE,KAAK,OAAO,EAAgB,MAAM,gBAAgB,CAAC;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnD,KAAK,wBAAwB,CAAC,KAAK,SAAS,SAAS,IAAI;IACxD,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;IACzC,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C,uBAAuB,CAAC,EAAE,CAAC,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAClF,uBAAuB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,KAAK,IAAI,CAAC;IACxF,WAAW,EAAE,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC;IAC5C,OAAO,EAAE,YAAY,CAAC;IACtB,UAAU,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1C,gBAAgB,EAAE,eAAe,CAAC;IAClC,YAAY,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,4BAA4B,GAAI,KAAK,SAAS,SAAS,EAAE,yJAU5D,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAAE,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;CAAE,4CA0IhG,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAyC,OAAO,4BAA4B,CAAC"}

package/dist/components/table/table-header-dropdown.js

@@ -1,8 +1,8 @@
 import { jsxs as d, Fragment as a, jsx as n } from "react/jsx-runtime";
-import { Portal as O } from "@chakra-ui/react";
-import { flexRender as j } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
-import { memo as A, useCallback as D, useMemo as p } from "react";
-import { useTableContext as L } from "./table-context.js";
+import { Portal as j } from "@chakra-ui/react";
+import { flexRender as A } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
+import { memo as L, useCallback as D, useMemo as p } from "react";
+import { useTableContext as R } from "./table-context.js";
 import { translations as U } from "./translations.js";
 import { Icon as S } from "../icon/icon.js";
 import { Icons as l } from "../icon/types.js";
@@ -11,10 +11,10 @@ import { Text as r } from "../text/text.js";
 import { MenuDivider as k } from "../menu/menu-divider.js";
 import { Switch as X } from "../switch/switch.js";
 import { Menu as v } from "../menu/menu.js";
-import { MenuBoxButton as R } from "../menu/menu-box-button.js";
-import { MenuList as $ } from "../menu/menu-list.js";
-import { ThemeIconSizeVariable as F, ThemeColorVariable as w, ThemeSpaceVariable as q, ThemeFontSizeVariable as z } from "../../theme/theme-types.js";
-const J = ({
+import { MenuBoxButton as $ } from "../menu/menu-box-button.js";
+import { MenuList as q } from "../menu/menu-list.js";
+import { ThemeIconSizeVariable as F, ThemeColorVariable as w, ThemeSpaceVariable as J, ThemeFontSizeVariable as z } from "../../theme/theme-types.js";
+const K = ({
   header: o,
   breakingContentState: m,
   onBreakingContentChange: h,
@@ -22,9 +22,10 @@ const J = ({
   headerGroup: g,
   sorting: u,
   setSorting: f,
-  localeString: V
+  localeString: V,
+  portalContainerRef: y
 }) => {
-  const e = U[V], y = L(), { getTableFilterMethods: s } = y, T = D(
+  const e = U[V], H = R(), { getTableFilterMethods: s } = H, T = D(
     (i) => {
       const c = {
         ...m,
@@ -36,18 +37,18 @@ const J = ({
   ), b = D(
     (i) => {
       const c = i.getIndex();
-      g.forEach((B) => {
-        B.headers.forEach((E, I) => {
-          const { column: M } = E;
+      g.forEach((E) => {
+        E.headers.forEach((O, I) => {
+          const { column: M } = O;
           i.getIsPinned() ? I >= c && M.pin(!1) : I <= c && M.pin("left");
         });
       });
     },
     [g]
-  ), H = p(() => /* @__PURE__ */ d(a, { children: [
+  ), P = p(() => /* @__PURE__ */ d(a, { children: [
     u.find((i) => i.id === o.column.id) && (u.find((i) => i.desc) ? /* @__PURE__ */ n(S, { icon: l.SortDesc, size: F.XSmall }) : /* @__PURE__ */ n(S, { icon: l.SortAsc, size: F.XSmall })),
     o.column.columnDef.header
-  ] }), [o.column.columnDef.header, o.column.id, u]), x = p(() => s()?.canFilterOnColumn(o.column.id) ?? !1, [o.column.id, s]), P = p(() => /* @__PURE__ */ d(a, { children: [
+  ] }), [o.column.columnDef.header, o.column.id, u]), x = p(() => s()?.canFilterOnColumn(o.column.id) ?? !1, [o.column.id, s]), B = p(() => /* @__PURE__ */ d(a, { children: [
     /* @__PURE__ */ n(
       t,
       {
@@ -101,7 +102,7 @@ const J = ({
   ]);
   return /* @__PURE__ */ n(v, { isLazy: !0, children: ({ isOpen: i }) => /* @__PURE__ */ d(a, { children: [
     /* @__PURE__ */ n(
-      R,
+      $,
       {
         color: w.OnBackgroundSubdued,
         textTransform: "none",
@@ -109,15 +110,15 @@ const J = ({
         h: "40px",
         display: "flex",
         alignItems: "center",
-        padding: `0px 0px 0px ${q.Small}`,
+        padding: `0px 0px 0px ${J.Small}`,
         backgroundColor: i ? w.BackgroundDisabled : "unset",
         w: "100%",
-        children: j(H, o.getContext())
+        children: A(P, o.getContext())
       }
     ),
-    /* @__PURE__ */ n(O, { children: /* @__PURE__ */ n($, { fontSize: z.Medium, children: P }) })
+    /* @__PURE__ */ n(j, { containerRef: y, children: /* @__PURE__ */ n(q, { fontSize: z.Medium, children: B }) })
   ] }) });
-}, dn = A(J);
+}, un = L(K);
 export {
-  dn as TableHeaderDropdown
+  un as TableHeaderDropdown
 };

package/dist/components/table/table-header-row.d.ts

@@ -4,7 +4,9 @@ type TableHeaderRowProps<TData extends TableData> = {
     headerGroup: HeaderGroup<TableRow<TData>>;
     hideTableHeaderDropdown: boolean | undefined;
 };
-declare const TableHeaderRowComponent: <TData extends TableData>({ headerGroup, hideTableHeaderDropdown, }: TableHeaderRowProps<TData>) => import("react/jsx-runtime").JSX.Element;
+declare const TableHeaderRowComponent: <TData extends TableData>({ headerGroup, hideTableHeaderDropdown, portalContainerRef, }: TableHeaderRowProps<TData> & {
+    portalContainerRef?: React.RefObject<HTMLElement | null>;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const TableHeaderRow: typeof TableHeaderRowComponent;
 export {};
 //# sourceMappingURL=table-header-row.d.ts.map

package/dist/components/table/table-header-row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-header-row.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-header-row.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA2B,KAAK,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAYlF,OAAO,KAAK,EAAmB,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEpE,KAAK,mBAAmB,CAAC,KAAK,SAAS,SAAS,IAAI;IACnD,WAAW,EAAE,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;IAC1C,uBAAuB,EAAE,OAAO,GAAG,SAAS,CAAC;CAC7C,CAAC;AAEF,QAAA,MAAM,uBAAuB,GAAI,KAAK,SAAS,SAAS,EAAE,2CAGvD,mBAAmB,CAAC,KAAK,CAAC,4CA0F5B,CAAC;AAuJF,eAAO,MAAM,cAAc,EAAoC,OAAO,uBAAuB,CAAC"}
+{"version":3,"file":"table-header-row.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-header-row.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA2B,KAAK,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAYlF,OAAO,KAAK,EAAmB,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEpE,KAAK,mBAAmB,CAAC,KAAK,SAAS,SAAS,IAAI;IACnD,WAAW,EAAE,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;IAC1C,uBAAuB,EAAE,OAAO,GAAG,SAAS,CAAC;CAC7C,CAAC;AAEF,QAAA,MAAM,uBAAuB,GAAI,KAAK,SAAS,SAAS,EAAE,+DAIvD,mBAAmB,CAAC,KAAK,CAAC,GAAG;IAAE,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;CAAE,4CA2F3F,CAAC;AAuJF,eAAO,MAAM,cAAc,EAAoC,OAAO,uBAAuB,CAAC"}

package/dist/components/table/table-header-row.js

@@ -1,16 +1,16 @@
-import { jsx as e, Fragment as h, jsxs as S } from "react/jsx-runtime";
-import { Tr as B, Th as C, useMediaQuery as v, Portal as M } from "@chakra-ui/react";
+import { jsx as e, Fragment as u, jsxs as f } from "react/jsx-runtime";
+import { Tr as B, Th as b, useMediaQuery as v, Portal as M } from "@chakra-ui/react";
 import { flexRender as T } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
-import { memo as y, useCallback as w, useMemo as A } from "react";
-import { useTableContext as u } from "./table-context.js";
+import { memo as y, useCallback as C, useMemo as A } from "react";
+import { useTableContext as p } from "./table-context.js";
 import { TableHeaderDropdown as V } from "./table-header-dropdown.js";
-import { translations as k } from "./translations.js";
+import { translations as x } from "./translations.js";
 import { Box as g } from "../box/box.js";
-import { Flex as f } from "../flex/flex.js";
+import { Flex as w } from "../flex/flex.js";
 import { Divider as z } from "../divider/divider.js";
 import { Menu as D } from "../menu/menu.js";
 import { MenuButton as F } from "../menu/menu-button.js";
-import { Icons as x } from "../icon/types.js";
+import { Icons as R } from "../icon/types.js";
 import { MenuList as H } from "../menu/menu-list.js";
 import { Checkbox as P } from "../checkbox/checkbox.js";
 import { MenuItem as L } from "../menu/menu-item.js";
@@ -19,21 +19,22 @@ import { Button as O } from "../button/button.js";
 import { ThemeColorVariable as d, ThemeSpaceVariable as m, ThemeFontSizeVariable as j, ThemeFontVariable as $ } from "../../theme/theme-types.js";
 const W = ({
   headerGroup: o,
-  hideTableHeaderDropdown: l
+  hideTableHeaderDropdown: r,
+  portalContainerRef: a
 }) => {
-  const n = u(), a = !!n.getRowActions, s = w((r) => {
-    const t = r.getIsPinned();
+  const n = p(), s = !!n.getRowActions, i = C((t) => {
+    const l = t.getIsPinned();
     return {
-      position: t ? "sticky" : "relative",
-      left: t ? `${r.getStart("left")}px` : void 0,
-      backgroundColor: t ? d.Background : void 0,
-      zIndex: t ? 1 : 0,
-      width: r.getSize(),
-      maxWidth: r.getSize()
+      position: l ? "sticky" : "relative",
+      left: l ? `${t.getStart("left")}px` : void 0,
+      backgroundColor: l ? d.Background : void 0,
+      zIndex: l ? 1 : 0,
+      width: t.getSize(),
+      maxWidth: t.getSize()
     };
-  }, []), i = (n.selectedRowIds?.length ?? 0) > 0 && (n.selectionActions?.length ?? 0) > 0;
-  return /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(B, { children: i ? /* @__PURE__ */ e(
-    C,
+  }, []), c = (n.selectedRowIds?.length ?? 0) > 0 && (n.selectionActions?.length ?? 0) > 0;
+  return /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(B, { children: c ? /* @__PURE__ */ e(
+    b,
     {
       colSpan: o.headers.length,
       sx: {
@@ -48,27 +49,27 @@ const W = ({
       zIndex: 1,
       style: {
         borderBottom: `1px solid ${d.OnBackgroundBorder}`,
-        paddingLeft: a ? "24px" : void 0
+        paddingLeft: s ? "24px" : void 0
       },
-      children: /* @__PURE__ */ e(b, { showSelectAll: !0, children: /* @__PURE__ */ e(Q, {}) })
+      children: /* @__PURE__ */ e(I, { showSelectAll: !0, children: /* @__PURE__ */ e(Q, {}) })
     }
-  ) : /* @__PURE__ */ e(h, { children: o.headers.map((r) => {
-    const { column: t } = r, c = t.getIndex() === 0;
+  ) : /* @__PURE__ */ e(u, { children: o.headers.map((t) => {
+    const { column: l } = t, h = l.getIndex() === 0;
     return /* @__PURE__ */ e(
-      C,
+      b,
       {
         className: "tableHeaderCell",
-        isNumeric: t.columnDef.meta?.isNumeric,
-        zIndex: t.getIsPinned() ? 2 : 1,
+        isNumeric: l.columnDef.meta?.isNumeric,
+        zIndex: l.getIsPinned() ? 2 : 1,
         style: {
-          ...s(t),
+          ...i(l),
           borderBottom: `1px solid ${d.OnBackgroundBorder}`,
-          paddingLeft: c && a ? "24px" : void 0
+          paddingLeft: h && s ? "24px" : void 0
         },
-        children: /* @__PURE__ */ e(b, { showSelectAll: n.canSelectRows && c, children: /* @__PURE__ */ e(h, { children: l ? /* @__PURE__ */ e(g, { paddingLeft: m.Small, children: T(r.column.columnDef.header, r.getContext()) }) : /* @__PURE__ */ e(
+        children: /* @__PURE__ */ e(I, { showSelectAll: n.canSelectRows && h, children: /* @__PURE__ */ e(u, { children: r ? /* @__PURE__ */ e(g, { paddingLeft: m.Small, children: T(t.column.columnDef.header, t.getContext()) }) : /* @__PURE__ */ e(
           V,
           {
-            header: r,
+            header: t,
             breakingContentState: n.breakingContentState,
             columnVisibility: n.columnVisibility,
             headerGroup: n.table.getHeaderGroups(),
@@ -76,42 +77,43 @@ const W = ({
             setBreakingContentState: n.setBreakingContentState,
             setSorting: n.setSorting,
             sorting: n.sorting,
-            onBreakingContentChange: n.onBreakingContentChange
+            onBreakingContentChange: n.onBreakingContentChange,
+            portalContainerRef: a
           }
         ) }) })
       },
-      r.id
+      t.id
     );
   }) }) }, o.id) });
-}, b = ({ showSelectAll: o, children: l }) => o ? /* @__PURE__ */ S(f, { w: "100%", align: "center", children: [
+}, I = ({ showSelectAll: o, children: r }) => o ? /* @__PURE__ */ f(w, { w: "100%", align: "center", children: [
   /* @__PURE__ */ e(g, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ e(E, {}) }),
-  l
-] }) : /* @__PURE__ */ e(h, { children: l }), E = () => {
-  const o = u(), l = w(
+  r
+] }) : /* @__PURE__ */ e(u, { children: r }), E = () => {
+  const o = p(), r = C(
     (s) => {
-      const i = s.target.checked, r = o.getSelectableRowIds();
-      i ? o.setSelectedRowIds((t) => [.../* @__PURE__ */ new Set([...t, ...r])]) : o.setSelectedRowIds((t) => t.filter((c) => !r.includes(c)));
+      const i = s.target.checked, c = o.getSelectableRowIds();
+      i ? o.setSelectedRowIds((t) => [.../* @__PURE__ */ new Set([...t, ...c])]) : o.setSelectedRowIds((t) => t.filter((l) => !c.includes(l)));
     },
     [o]
-  ), { allIsSelected: n, shouldShowIndeterminateState: a } = A(() => {
-    const i = o.table.getRowModel().flatRows, r = new Set(o.selectedRowIds), t = o.getSelectableRowIds(), c = t.length > 0 && t.every((p) => r.has(p)), R = i.some((p) => r.has(p.id));
+  ), { allIsSelected: a, shouldShowIndeterminateState: n } = A(() => {
+    const i = o.table.getRowModel().flatRows, c = new Set(o.selectedRowIds), t = o.getSelectableRowIds(), l = t.length > 0 && t.every((S) => c.has(S)), h = i.some((S) => c.has(S.id));
     return {
-      allIsSelected: c,
-      shouldShowIndeterminateState: R && !c
+      allIsSelected: l,
+      shouldShowIndeterminateState: h && !l
     };
   }, [o]);
   return /* @__PURE__ */ e(
     P,
     {
-      isChecked: n,
-      isIndeterminate: a,
-      onChange: l
+      isChecked: a,
+      isIndeterminate: n,
+      onChange: r
     }
   );
 }, Q = () => {
-  const { localeString: o, selectedRowIds: l = [], selectionActions: n = [] } = u(), a = k[o], [s] = v("(min-width: 48em)"), i = n.length > 3 || !s, r = l.length === 1 ? a.selectedSingular.replace("{count}", "1") : a.selected.replace("{count}", l.length.toString());
-  return /* @__PURE__ */ S(
-    f,
+  const { localeString: o, selectedRowIds: r = [], selectionActions: a = [] } = p(), n = x[o], [s] = v("(min-width: 48em)"), i = a.length > 3 || !s, c = r.length === 1 ? n.selectedSingular.replace("{count}", "1") : n.selected.replace("{count}", r.length.toString());
+  return /* @__PURE__ */ f(
+    w,
     {
       gap: m.Medium,
       align: "center",
@@ -127,30 +129,30 @@ const W = ({
             fontSize: j.Medium,
             whiteSpace: "nowrap",
             style: { fontVariantNumeric: "normal" },
-            children: r
+            children: c
           }
         ),
         /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(z, { orientation: "vertical", height: "20px" }) }),
-        /* @__PURE__ */ e(f, { gap: m.Small, align: "center", children: i ? /* @__PURE__ */ S(D, { children: [
-          /* @__PURE__ */ e(F, { variant: "ghost", rightIcon: x.TreeViewCollapse, children: a.action }),
-          /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(H, { children: n.map((t) => /* @__PURE__ */ e(I, { isMenuItem: !0, action: t }, t.name)) }) })
-        ] }) : n.map((t) => /* @__PURE__ */ e(I, { isMenuItem: !1, action: t }, t.name)) })
+        /* @__PURE__ */ e(w, { gap: m.Small, align: "center", children: i ? /* @__PURE__ */ f(D, { children: [
+          /* @__PURE__ */ e(F, { variant: "ghost", rightIcon: R.TreeViewCollapse, children: n.action }),
+          /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(H, { children: a.map((t) => /* @__PURE__ */ e(k, { isMenuItem: !0, action: t }, t.name)) }) })
+        ] }) : a.map((t) => /* @__PURE__ */ e(k, { isMenuItem: !1, action: t }, t.name)) })
       ]
     }
   );
-}, I = ({ isMenuItem: o, action: l }) => {
-  const { selectedRowIds: n, localeString: a } = u(), s = k[a], i = w(() => {
-    l.onClick(n || []);
-  }, [l, n]);
-  return o ? /* @__PURE__ */ e(L, { onClick: i, children: l.variant === "delete" ? /* @__PURE__ */ e(g, { as: "span", color: d.Error, children: l.name }) : l.name }) : l.variant === "delete" ? /* @__PURE__ */ e(
+}, k = ({ isMenuItem: o, action: r }) => {
+  const { selectedRowIds: a, localeString: n } = p(), s = x[n], i = C(() => {
+    r.onClick(a || []);
+  }, [r, a]);
+  return o ? /* @__PURE__ */ e(L, { onClick: i, children: r.variant === "delete" ? /* @__PURE__ */ e(g, { as: "span", color: d.Error, children: r.name }) : r.name }) : r.variant === "delete" ? /* @__PURE__ */ e(
     N,
     {
       onClick: i,
-      icon: x.Delete,
+      icon: R.Delete,
       "aria-label": s.deleteSelectedRows,
       variant: "ghost"
     }
-  ) : /* @__PURE__ */ e(O, { onClick: i, variant: "ghost", children: l.name });
+  ) : /* @__PURE__ */ e(O, { onClick: i, variant: "ghost", children: r.name });
 }, de = y(W);
 export {
   de as TableHeaderRow

package/dist/components/table/table-row-expand-toggle-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-row-expand-toggle-button.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-row-expand-toggle-button.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,EAAE,KAAK,OAAO,EAAgB,MAAM,gBAAgB,CAAC;AAC5D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,UAAU,+BAA+B;IACxC,GAAG,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC;IACnB,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,0BAA0B,qFACS,+BAA+B,6CAoC9E,CAAC"}
+{"version":3,"file":"table-row-expand-toggle-button.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-row-expand-toggle-button.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,EAAE,KAAK,OAAO,EAAgB,MAAM,gBAAgB,CAAC;AAC5D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,UAAU,+BAA+B;IACxC,GAAG,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC;IACnB,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,0BAA0B,qFACS,+BAA+B,6CAkC9E,CAAC"}

package/dist/components/table/table-row-expand-toggle-button.js

@@ -1,33 +1,32 @@
-import { jsx as t } from "react/jsx-runtime";
-import { Box as c } from "@chakra-ui/react";
-import { memo as d } from "react";
-import { translations as x } from "./translations.js";
-import { IconButton as g } from "../icon-button/icon-button.js";
-import { Icons as i } from "../icon/types.js";
-import { ThemeSpaceVariable as f } from "../../theme/theme-types.js";
-const B = d(
-  ({ row: o, localeString: l, rowIsExpanded: n, hidden: a }) => {
-    const r = x[l], p = o.getToggleExpandedHandler(), s = (e) => {
-      e.stopPropagation(), p();
-    }, m = () => n ? `${r.collapseRow} ${o.index + 1}` : `${r.expandRow} ${o.index + 1}`;
-    return /* @__PURE__ */ t(c, { as: "span", h: "100%", children: /* @__PURE__ */ t(
-      g,
+import { jsx as m } from "react/jsx-runtime";
+import { memo as c } from "react";
+import { translations as d } from "./translations.js";
+import { IconButton as x } from "../icon-button/icon-button.js";
+import { Icons as r } from "../icon/types.js";
+import { ThemeSpaceVariable as g } from "../../theme/theme-types.js";
+const w = c(
+  ({ row: o, localeString: i, rowIsExpanded: a, hidden: e }) => {
+    const n = d[i], l = o.getToggleExpandedHandler(), p = (t) => {
+      t.stopPropagation(), l();
+    }, s = () => a ? `${n.collapseRow} ${o.index + 1}` : `${n.expandRow} ${o.index + 1}`;
+    return /* @__PURE__ */ m(
+      x,
       {
         size: "xs",
-        mr: f.XSmall,
+        mr: g.XSmall,
         variant: "ghost",
-        "aria-label": m(),
-        icon: n ? i.TreeViewCollapse : i.TreeViewExpand,
-        onClick: s,
-        onKeyDown: (e) => e.stopPropagation(),
-        visibility: a ? "hidden" : "initial",
-        "aria-hidden": a,
-        tabIndex: a ? -1 : 0,
+        "aria-label": s(),
+        icon: a ? r.TreeViewCollapse : r.TreeViewExpand,
+        onClick: p,
+        onKeyDown: (t) => t.stopPropagation(),
+        visibility: e ? "hidden" : "initial",
+        "aria-hidden": e,
+        tabIndex: e ? -1 : 0,
         borderRadius: "0"
       }
-    ) });
+    );
   }
 );
 export {
-  B as TableRowExpandToggleButton
+  w as TableRowExpandToggleButton
 };

package/dist/node_modules/@tanstack/react-virtual/dist/esm/index.js

@@ -1,35 +1,38 @@
-import * as r from "react";
-import { flushSync as c } from "react-dom";
-import { Virtualizer as f, elementScroll as i, observeElementOffset as m, observeElementRect as d } from "../../../virtual-core/dist/esm/index.js";
-import { defaultKeyExtractor as R, defaultRangeExtractor as g, measureElement as z } from "../../../virtual-core/dist/esm/index.js";
-const a = typeof document < "u" ? r.useLayoutEffect : r.useEffect;
-function p(e) {
-  const n = r.useReducer(() => ({}), {})[1], o = {
-    ...e,
-    onChange: (l, u) => {
-      var s;
-      u ? c(n) : n(), (s = e.onChange) == null || s.call(e, l, u);
+import * as t from "react";
+import { flushSync as f } from "react-dom";
+import { Virtualizer as i, elementScroll as m, observeElementOffset as d, observeElementRect as p } from "../../../virtual-core/dist/esm/index.js";
+import { defaultKeyExtractor as g, defaultRangeExtractor as z, measureElement as O } from "../../../virtual-core/dist/esm/index.js";
+const l = typeof document < "u" ? t.useLayoutEffect : t.useEffect;
+function E({
+  useFlushSync: r = !0,
+  ...n
+}) {
+  const o = t.useReducer(() => ({}), {})[1], u = {
+    ...n,
+    onChange: (c, s) => {
+      var a;
+      r && s ? f(o) : o(), (a = n.onChange) == null || a.call(n, c, s);
     }
-  }, [t] = r.useState(
-    () => new f(o)
+  }, [e] = t.useState(
+    () => new i(u)
   );
-  return t.setOptions(o), a(() => t._didMount(), []), a(() => t._willUpdate()), t;
+  return e.setOptions(u), l(() => e._didMount(), []), l(() => e._willUpdate()), e;
 }
-function h(e) {
-  return p({
-    observeElementRect: d,
-    observeElementOffset: m,
-    scrollToFn: i,
-    ...e
+function x(r) {
+  return E({
+    observeElementRect: p,
+    observeElementOffset: d,
+    scrollToFn: m,
+    ...r
   });
 }
 export {
-  f as Virtualizer,
-  R as defaultKeyExtractor,
-  g as defaultRangeExtractor,
-  i as elementScroll,
-  z as measureElement,
-  m as observeElementOffset,
-  d as observeElementRect,
-  h as useVirtualizer
+  i as Virtualizer,
+  g as defaultKeyExtractor,
+  z as defaultRangeExtractor,
+  m as elementScroll,
+  O as measureElement,
+  d as observeElementOffset,
+  p as observeElementRect,
+  x as useVirtualizer
 };

package/dist/node_modules/@tanstack/virtual-core/dist/esm/index.js

@@ -2,12 +2,12 @@ import { memo as p, notUndefined as O, approxEqual as I, debounce as A } from ".
 const y = (r) => {
   const { offsetWidth: h, offsetHeight: e } = r;
   return { width: h, height: e };
-}, R = (r) => r, F = (r) => {
+}, F = (r) => r, R = (r) => {
   const h = Math.max(r.startIndex - r.overscan, 0), e = Math.min(r.endIndex + r.overscan, r.count - 1), s = [];
   for (let t = h; t <= e; t++)
     s.push(t);
   return s;
-}, W = (r, h) => {
+}, D = (r, h) => {
   const e = r.scrollElement;
   if (!e)
     return;
@@ -25,9 +25,9 @@ const y = (r) => {
     const o = () => {
       const a = i[0];
       if (a?.borderBoxSize) {
-        const d = a.borderBoxSize[0];
-        if (d) {
-          t({ width: d.inlineSize, height: d.blockSize });
+        const u = a.borderBoxSize[0];
+        if (u) {
+          t({ width: u.inlineSize, height: u.blockSize });
           return;
         }
       }
@@ -40,7 +40,7 @@ const y = (r) => {
   };
 }, M = {
   passive: !0
-}, w = typeof window > "u" ? !0 : "onscrollend" in window, D = (r, h) => {
+}, w = typeof window > "u" ? !0 : "onscrollend" in window, k = (r, h) => {
   const e = r.scrollElement;
   if (!e)
     return;
@@ -56,13 +56,13 @@ const y = (r) => {
     },
     r.options.isScrollingResetDelay
   ), i = (c) => () => {
-    const { horizontal: u, isRtl: l } = r.options;
-    t = u ? e.scrollLeft * (l && -1 || 1) : e.scrollTop, n(), h(t, c);
+    const { horizontal: m, isRtl: l } = r.options;
+    t = m ? e.scrollLeft * (l && -1 || 1) : e.scrollTop, n(), h(t, c);
   }, o = i(!0), a = i(!1);
-  a(), e.addEventListener("scroll", o, M);
-  const d = r.options.useScrollendEvent && w;
-  return d && e.addEventListener("scrollend", a, M), () => {
-    e.removeEventListener("scroll", o), d && e.removeEventListener("scrollend", a);
+  e.addEventListener("scroll", o, M);
+  const u = r.options.useScrollendEvent && w;
+  return u && e.addEventListener("scrollend", a, M), () => {
+    e.removeEventListener("scroll", o), u && e.removeEventListener("scrollend", a);
   };
 }, _ = (r, h, e) => {
   if (h?.borderBoxSize) {
@@ -73,7 +73,7 @@ const y = (r) => {
       );
   }
   return r[e.options.horizontal ? "offsetWidth" : "offsetHeight"];
-}, L = (r, {
+}, T = (r, {
   adjustments: h = 0,
   behavior: e
 }, s) => {
@@ -84,9 +84,9 @@ const y = (r) => {
     behavior: e
   });
 };
-class T {
+class L {
   constructor(h) {
-    this.unsubs = [], this.scrollElement = null, this.targetWindow = null, this.isScrolling = !1, this.measurementsCache = [], this.itemSizeCache = /* @__PURE__ */ new Map(), this.laneAssignments = /* @__PURE__ */ new Map(), this.pendingMeasuredCacheIndexes = [], this.prevLanes = void 0, this.lanesChangedFlag = !1, this.lanesSettling = !1, this.scrollRect = null, this.scrollOffset = null, this.scrollDirection = null, this.scrollAdjustments = 0, this.elementsCache = /* @__PURE__ */ new Map(), this.observer = /* @__PURE__ */ (() => {
+    this.unsubs = [], this.scrollElement = null, this.targetWindow = null, this.isScrolling = !1, this.currentScrollToIndex = null, this.measurementsCache = [], this.itemSizeCache = /* @__PURE__ */ new Map(), this.laneAssignments = /* @__PURE__ */ new Map(), this.pendingMeasuredCacheIndexes = [], this.prevLanes = void 0, this.lanesChangedFlag = !1, this.lanesSettling = !1, this.scrollRect = null, this.scrollOffset = null, this.scrollDirection = null, this.scrollAdjustments = 0, this.elementsCache = /* @__PURE__ */ new Map(), this.observer = /* @__PURE__ */ (() => {
       let e = null;
       const s = () => e || (!this.targetWindow || !this.targetWindow.ResizeObserver ? null : e = new this.targetWindow.ResizeObserver((t) => {
         t.forEach((n) => {
@@ -122,8 +122,8 @@ class T {
         scrollPaddingStart: 0,
         scrollPaddingEnd: 0,
         horizontal: !1,
-        getItemKey: R,
-        rangeExtractor: F,
+        getItemKey: F,
+        rangeExtractor: R,
         onChange: () => {
         },
         measureElement: _,
@@ -175,9 +175,6 @@ class T {
         }
         this.scrollElement = s, this.scrollElement && "ownerDocument" in this.scrollElement ? this.targetWindow = this.scrollElement.ownerDocument.defaultView : this.targetWindow = ((e = this.scrollElement) == null ? void 0 : e.window) ?? null, this.elementsCache.forEach((t) => {
           this.observer.observe(t);
-        }), this._scrollToOffset(this.getScrollOffset(), {
-          adjustments: void 0,
-          behavior: void 0
         }), this.unsubs.push(
           this.options.observeElementRect(this, (t) => {
             this.scrollRect = t, this.maybeNotify();
@@ -186,7 +183,10 @@ class T {
           this.options.observeElementOffset(this, (t, n) => {
             this.scrollAdjustments = 0, this.scrollDirection = n ? this.getScrollOffset() < t ? "forward" : "backward" : null, this.scrollOffset = t, this.isScrolling = n, this.maybeNotify();
           })
-        );
+        ), this._scrollToOffset(this.getScrollOffset(), {
+          adjustments: void 0,
+          behavior: void 0
+        });
       }
     }, this.getSize = () => this.options.enabled ? (this.scrollRect = this.scrollRect ?? this.options.initialRect, this.scrollRect[this.options.horizontal ? "width" : "height"]) : (this.scrollRect = null, 0), this.getScrollOffset = () => this.options.enabled ? (this.scrollOffset = this.scrollOffset ?? (typeof this.options.initialOffset == "function" ? this.options.initialOffset() : this.options.initialOffset), this.scrollOffset) : (this.scrollOffset = null, 0), this.getFurthestMeasurement = (e, s) => {
       const t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map();
@@ -219,11 +219,7 @@ class T {
         lanes: o
       }),
       {
-        key: !1,
-        skipInitialOnChange: !0,
-        onChange: () => {
-          this.notify(this.isScrolling);
-        }
+        key: !1
       }
     ), this.getMeasurements = p(
       () => [this.getMeasurementOptions(), this.itemSizeCache],
@@ -233,38 +229,38 @@ class T {
         if (this.laneAssignments.size > e)
           for (const l of this.laneAssignments.keys())
             l >= e && this.laneAssignments.delete(l);
-        this.lanesChangedFlag && (this.lanesChangedFlag = !1, this.lanesSettling = !0, this.measurementsCache = [], this.itemSizeCache.clear(), this.laneAssignments.clear(), this.pendingMeasuredCacheIndexes = []), this.measurementsCache.length === 0 && (this.measurementsCache = this.options.initialMeasurementsCache, this.measurementsCache.forEach((l) => {
+        this.lanesChangedFlag && (this.lanesChangedFlag = !1, this.lanesSettling = !0, this.measurementsCache = [], this.itemSizeCache.clear(), this.laneAssignments.clear(), this.pendingMeasuredCacheIndexes = []), this.measurementsCache.length === 0 && !this.lanesSettling && (this.measurementsCache = this.options.initialMeasurementsCache, this.measurementsCache.forEach((l) => {
           this.itemSizeCache.set(l.key, l.size);
         }));
-        const d = this.lanesSettling ? 0 : this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
+        const u = this.lanesSettling ? 0 : this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
         this.pendingMeasuredCacheIndexes = [], this.lanesSettling && this.measurementsCache.length === e && (this.lanesSettling = !1);
-        const c = this.measurementsCache.slice(0, d), u = new Array(o).fill(
+        const c = this.measurementsCache.slice(0, u), m = new Array(o).fill(
           void 0
         );
-        for (let l = 0; l < d; l++) {
+        for (let l = 0; l < u; l++) {
           const f = c[l];
-          f && (u[f.lane] = l);
+          f && (m[f.lane] = l);
         }
-        for (let l = d; l < e; l++) {
+        for (let l = u; l < e; l++) {
           const f = n(l), v = this.laneAssignments.get(l);
-          let g, b;
+          let d, b;
           if (v !== void 0 && this.options.lanes > 1) {
-            g = v;
-            const m = u[g], x = m !== void 0 ? c[m] : void 0;
+            d = v;
+            const g = m[d], x = g !== void 0 ? c[g] : void 0;
             b = x ? x.end + this.options.gap : s + t;
           } else {
-            const m = this.options.lanes === 1 ? c[l - 1] : this.getFurthestMeasurement(c, l);
-            b = m ? m.end + this.options.gap : s + t, g = m ? m.lane : l % this.options.lanes, this.options.lanes > 1 && this.laneAssignments.set(l, g);
+            const g = this.options.lanes === 1 ? c[l - 1] : this.getFurthestMeasurement(c, l);
+            b = g ? g.end + this.options.gap : s + t, d = g ? g.lane : l % this.options.lanes, this.options.lanes > 1 && this.laneAssignments.set(l, d);
           }
-          const S = a.get(f), E = typeof S == "number" ? S : this.options.estimateSize(l), C = b + E;
+          const E = a.get(f), S = typeof E == "number" ? E : this.options.estimateSize(l), C = b + S;
           c[l] = {
             index: l,
             start: b,
-            size: E,
+            size: S,
             end: C,
             key: f,
-            lane: g
-          }, u[g] = l;
+            lane: d
+          }, m[d] = l;
         }
         return this.measurementsCache = c, c;
       },
@@ -279,7 +275,7 @@ class T {
         this.getScrollOffset(),
         this.options.lanes
       ],
-      (e, s, t, n) => this.range = e.length > 0 && s > 0 ? N({
+      (e, s, t, n) => this.range = e.length > 0 && s > 0 ? W({
         measurements: e,
         outerSize: s,
         scrollOffset: t,
@@ -364,10 +360,19 @@ class T {
             e
           )]
         );
+    }, this.getMaxScrollOffset = () => {
+      if (!this.scrollElement) return 0;
+      if ("scrollHeight" in this.scrollElement)
+        return this.options.horizontal ? this.scrollElement.scrollWidth - this.scrollElement.clientWidth : this.scrollElement.scrollHeight - this.scrollElement.clientHeight;
+      {
+        const e = this.scrollElement.document.documentElement;
+        return this.options.horizontal ? e.scrollWidth - this.scrollElement.innerWidth : e.scrollHeight - this.scrollElement.innerHeight;
+      }
     }, this.getOffsetForAlignment = (e, s, t = 0) => {
+      if (!this.scrollElement) return 0;
       const n = this.getSize(), i = this.getScrollOffset();
       s === "auto" && (s = e >= i + n ? "end" : "start"), s === "center" ? e += (t - n) / 2 : s === "end" && (e -= n);
-      const o = this.getTotalSize() + this.options.scrollMargin - n;
+      const o = this.getMaxScrollOffset();
       return Math.max(Math.min(o, e), 0);
     }, this.getOffsetForIndex = (e, s = "auto") => {
       e = Math.max(0, Math.min(e, this.options.count - 1));
@@ -382,6 +387,8 @@ class T {
           s = "start";
         else
           return [i, s];
+      if (s === "end" && e === this.options.count - 1)
+        return [this.getMaxScrollOffset(), s];
       const o = s === "end" ? t.end + this.options.scrollPaddingEnd : t.start - this.options.scrollPaddingStart;
       return [
         this.getOffsetForAlignment(o, s, t.size),
@@ -397,26 +404,30 @@ class T {
     }, this.scrollToIndex = (e, { align: s = "auto", behavior: t } = {}) => {
       t === "smooth" && this.isDynamicMode() && console.warn(
         "The `smooth` scroll behavior is not fully supported with dynamic size."
-      ), e = Math.max(0, Math.min(e, this.options.count - 1));
+      ), e = Math.max(0, Math.min(e, this.options.count - 1)), this.currentScrollToIndex = e;
       let n = 0;
-      const i = 10, o = (d) => {
+      const i = 10, o = (u) => {
         if (!this.targetWindow) return;
-        const c = this.getOffsetForIndex(e, d);
+        const c = this.getOffsetForIndex(e, u);
         if (!c) {
           console.warn("Failed to get offset for index:", e);
           return;
         }
-        const [u, l] = c;
-        this._scrollToOffset(u, { adjustments: void 0, behavior: t }), this.targetWindow.requestAnimationFrame(() => {
-          const f = this.getScrollOffset(), v = this.getOffsetForIndex(e, l);
-          if (!v) {
-            console.warn("Failed to get offset for index:", e);
-            return;
-          }
-          I(v[0], f) || a(l);
+        const [m, l] = c;
+        this._scrollToOffset(m, { adjustments: void 0, behavior: t }), this.targetWindow.requestAnimationFrame(() => {
+          const f = () => {
+            if (this.currentScrollToIndex !== e) return;
+            const v = this.getScrollOffset(), d = this.getOffsetForIndex(e, l);
+            if (!d) {
+              console.warn("Failed to get offset for index:", e);
+              return;
+            }
+            I(d[0], v) || a(l);
+          };
+          this.isDynamicMode() ? this.targetWindow.requestAnimationFrame(f) : f();
         });
-      }, a = (d) => {
-        this.targetWindow && (n++, n < i ? (process.env.NODE_ENV !== "production" && this.options.debug && console.info("Schedule retry", n, i), this.targetWindow.requestAnimationFrame(() => o(d))) : console.warn(
+      }, a = (u) => {
+        this.targetWindow && this.currentScrollToIndex === e && (n++, n < i ? (process.env.NODE_ENV !== "production" && this.options.debug && console.info("Schedule retry", n, i), this.targetWindow.requestAnimationFrame(() => o(u))) : console.warn(
           `Failed to scroll to index ${e} after ${i} attempts.`
         ));
       };
@@ -471,7 +482,7 @@ const z = (r, h, e, s) => {
   }
   return r > 0 ? r - 1 : 0;
 };
-function N({
+function W({
   measurements: r,
   outerSize: h,
   scrollOffset: e,
@@ -498,25 +509,25 @@ function N({
       const c = r[o];
       a[c.lane] = c.end, o++;
     }
-    const d = Array(s).fill(e + h);
-    for (; i >= 0 && d.some((c) => c >= e); ) {
+    const u = Array(s).fill(e + h);
+    for (; i >= 0 && u.some((c) => c >= e); ) {
       const c = r[i];
-      d[c.lane] = c.start, i--;
+      u[c.lane] = c.start, i--;
     }
     i = Math.max(0, i - i % s), o = Math.min(t, o + (s - 1 - o % s));
   }
   return { startIndex: i, endIndex: o };
 }
 export {
-  T as Virtualizer,
+  L as Virtualizer,
   I as approxEqual,
   A as debounce,
-  R as defaultKeyExtractor,
-  F as defaultRangeExtractor,
-  L as elementScroll,
+  F as defaultKeyExtractor,
+  R as defaultRangeExtractor,
+  T as elementScroll,
   _ as measureElement,
   p as memo,
   O as notUndefined,
-  D as observeElementOffset,
-  W as observeElementRect
+  k as observeElementOffset,
+  D as observeElementRect
 };

package/dist/node_modules/date-fns/_lib/format/formatters.js

@@ -25,8 +25,6 @@ const s = {
       // A, B
       case "GGGGG":
         return e.era(t, { width: "narrow" });
-      // Anno Domini, Before Christ
-      case "GGGG":
       default:
         return e.era(t, { width: "wide" });
     }
@@ -91,8 +89,6 @@ const s = {
           width: "narrow",
           context: "formatting"
         });
-      // 1st quarter, 2nd quarter, ...
-      case "QQQQ":
       default:
         return e.quarter(t, {
           width: "wide",
@@ -125,8 +121,6 @@ const s = {
           width: "narrow",
           context: "standalone"
         });
-      // 1st quarter, 2nd quarter, ...
-      case "qqqq":
       default:
         return e.quarter(t, {
           width: "wide",
@@ -156,8 +150,6 @@ const s = {
           width: "narrow",
           context: "formatting"
         });
-      // January, February, ..., December
-      case "MMMM":
       default:
         return e.month(t, { width: "wide", context: "formatting" });
     }
@@ -187,8 +179,6 @@ const s = {
           width: "narrow",
           context: "standalone"
         });
-      // January, February, ..., December
-      case "LLLL":
       default:
         return e.month(t, { width: "wide", context: "standalone" });
     }
@@ -236,8 +226,6 @@ const s = {
           width: "short",
           context: "formatting"
         });
-      // Tuesday
-      case "EEEE":
       default:
         return e.day(t, {
           width: "wide",
@@ -275,8 +263,6 @@ const s = {
           width: "short",
           context: "formatting"
         });
-      // Tuesday
-      case "eeee":
       default:
         return e.day(a, {
           width: "wide",
@@ -314,8 +300,6 @@ const s = {
           width: "short",
           context: "standalone"
         });
-      // Tuesday
-      case "cccc":
       default:
         return e.day(a, {
           width: "wide",
@@ -354,8 +338,6 @@ const s = {
           width: "short",
           context: "formatting"
         });
-      // Tuesday
-      case "iiii":
       default:
         return e.day(t, {
           width: "wide",
@@ -383,7 +365,6 @@ const s = {
           width: "narrow",
           context: "formatting"
         });
-      case "aaaa":
       default:
         return e.dayPeriod(a, {
           width: "wide",
@@ -412,7 +393,6 @@ const s = {
           width: "narrow",
           context: "formatting"
         });
-      case "bbbb":
       default:
         return e.dayPeriod(a, {
           width: "wide",
@@ -437,7 +417,6 @@ const s = {
           width: "narrow",
           context: "formatting"
         });
-      case "BBBB":
       default:
         return e.dayPeriod(a, {
           width: "wide",
@@ -494,11 +473,6 @@ const s = {
       case "XXXX":
       case "XX":
         return c(t);
-      // Hours, minutes and optional seconds with `:` delimiter
-      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
-      // so this token always has the same output as `XXX`
-      case "XXXXX":
-      case "XXX":
       // Hours and minutes with `:` delimiter
       default:
         return c(t, ":");
@@ -517,11 +491,6 @@ const s = {
       case "xxxx":
       case "xx":
         return c(t);
-      // Hours, minutes and optional seconds with `:` delimiter
-      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
-      // so this token always has the same output as `xxx`
-      case "xxxxx":
-      case "xxx":
       // Hours and minutes with `:` delimiter
       default:
         return c(t, ":");
@@ -536,8 +505,6 @@ const s = {
       case "OO":
       case "OOO":
         return "GMT" + d(t, ":");
-      // Long
-      case "OOOO":
       default:
         return "GMT" + c(t, ":");
     }
@@ -551,8 +518,6 @@ const s = {
       case "zz":
       case "zzz":
         return "GMT" + d(t, ":");
-      // Long
-      case "zzzz":
       default:
         return "GMT" + c(t, ":");
     }

package/dist/node_modules/date-fns/_lib/format/lightFormatters.js

@@ -25,7 +25,6 @@ const g = {
         return r;
       case "aaaaa":
         return r[0];
-      case "aaaa":
       default:
         return r === "am" ? "a.m." : "p.m.";
     }

package/dist/node_modules/date-fns/_lib/format/longFormatters.js

@@ -6,7 +6,6 @@ const s = (t, e) => {
       return e.date({ width: "medium" });
     case "PPP":
       return e.date({ width: "long" });
-    case "PPPP":
     default:
       return e.date({ width: "full" });
   }
@@ -18,7 +17,6 @@ const s = (t, e) => {
       return e.time({ width: "medium" });
     case "ppp":
       return e.time({ width: "long" });
-    case "pppp":
     default:
       return e.time({ width: "full" });
   }
@@ -37,7 +35,6 @@ const s = (t, e) => {
     case "PPP":
       i = e.dateTime({ width: "long" });
       break;
-    case "PPPP":
     default:
       i = e.dateTime({ width: "full" });
       break;

package/dist/node_modules/date-fns/constants.js

@@ -1,4 +1,4 @@
-const o = 6048e5, c = 864e5, n = Symbol.for("constructDateFrom");
+const o = 6048e5, c = 864e5, n = /* @__PURE__ */ Symbol.for("constructDateFrom");
 export {
   n as constructFromSymbol,
   c as millisecondsInDay,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@caspeco/casper-ui-library",
-	"version": "7.10.1",
+	"version": "7.11.1",
 	"prettier": "@caspeco/prettier-config",
 	"type": "module",
 	"sideEffects": false,
@@ -32,25 +32,25 @@
 		"@caspeco/prettier-config": "^1.0.7",
 		"@eslint/js": "^9.39.2",
 		"@testing-library/jest-dom": "^6.9.1",
-		"@testing-library/react": "^16.3.0",
+		"@testing-library/react": "^16.3.1",
 		"@testing-library/user-event": "^14.6.1",
 		"@types/jest": "^30.0.0",
-		"@types/node": "^24.10.1",
+		"@types/node": "^24.10.7",
 		"@types/react": "^18.3.12",
 		"@types/react-dom": "^18.3.1",
 		"@vitejs/plugin-react-swc": "^4.2.2",
 		"eslint": "^9.39.2",
 		"eslint-plugin-react-hooks": "^7.0.1",
-		"eslint-plugin-react-refresh": "^0.4.25",
+		"eslint-plugin-react-refresh": "^0.4.26",
 		"globals": "^16.5.0",
-		"jsdom": "^27.3.0",
+		"jsdom": "^27.4.0",
 		"tsc-alias": "^1.8.16",
 		"typescript": "~5.9.3",
-		"typescript-eslint": "^8.49.0",
-		"vite": "^7.2.7",
+		"typescript-eslint": "^8.52.0",
+		"vite": "^7.3.1",
 		"vite-plugin-dts": "^4.5.4",
-		"vite-tsconfig-paths": "^5.1.4",
-		"vitest": "^4.0.15"
+		"vite-tsconfig-paths": "^6.0.4",
+		"vitest": "^4.0.16"
 	},
 	"peerDependencies": {
 		"@chakra-ui/react": "^2.8.2",
@@ -62,7 +62,7 @@
 		"@chakra-ui/anatomy": "^2.3.4",
 		"@floating-ui/dom": "^1.7.4",
 		"@tanstack/react-table": "^8.21.3",
-		"@tanstack/react-virtual": "^3.13.13",
+		"@tanstack/react-virtual": "^3.13.18",
 		"csstype": "^3.2.3",
 		"date-fns": "^4.1.0"
 	}