@caspeco/casper-ui-library 4.0.0 → 4.0.1

package/dist/components/segmented-control/segmented-control.js

@@ -1,41 +1,41 @@
-import { jsx as a } from "react/jsx-runtime";
-import { Box as b, ButtonGroup as p } from "@chakra-ui/react";
-import { SegmentedControlButton as t } from "./segmented-control-item.js";
-import { ThemeRadiusVariable as u, ThemeColorVariable as h, ThemeSpaceVariable as o } from "../../theme/theme-types.js";
+import { jsx as e } from "react/jsx-runtime";
+import { Box as m, ButtonGroup as s } from "@chakra-ui/react";
+import { SegmentedControlButton as b } from "./segmented-control-item.js";
+import { ThemeRadiusVariable as p, ThemeColorVariable as u, ThemeSpaceVariable as l } from "../../theme/theme-types.js";
 function g({
-  items: e,
-  activeItemId: n,
-  onChange: l,
-  isDisabled: d,
-  size: i = "md",
-  ...c
+  items: o,
+  activeItemId: i,
+  onChange: a,
+  isDisabled: n,
+  size: d = "md",
+  ...t
 }) {
-  const s = (r) => {
-    l && l(r);
+  const c = (r) => {
+    a && a(r);
   };
-  return /* @__PURE__ */ a(
-    b,
+  return /* @__PURE__ */ e(
+    m,
     {
-      p: o.XSmall,
-      bg: h.AccentContainer,
-      borderRadius: u.Small,
-      ...c,
-      children: /* @__PURE__ */ a(
-        p,
+      p: l.XSmall,
+      bg: u.AccentContainer,
+      borderRadius: p.Small,
+      ...t,
+      children: /* @__PURE__ */ e(
+        s,
         {
           w: "100%",
-          isDisabled: d,
-          spacing: o.XSmall,
+          isDisabled: n,
+          spacing: l.XSmall,
           _disabled: { opacity: 1, cursor: "not-allowed" },
-          children: e.map((r) => /* @__PURE__ */ a(
-            t,
+          children: o.map((r) => /* @__PURE__ */ e(
+            b,
             {
               item: r,
-              onClick: s,
-              isDisabled: r == null ? void 0 : r.isDisabled,
-              isActive: n === r.id,
-              size: i,
-              "aria-label": r == null ? void 0 : r.ariaLabel,
+              onClick: c,
+              isDisabled: r?.isDisabled,
+              isActive: i === r.id,
+              size: d,
+              "aria-label": r?.ariaLabel,
               children: r.label
             },
             r.id

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

@@ -1,23 +1,22 @@
-import { jsx as o, jsxs as b, Fragment as C } from "react/jsx-runtime";
-import { Divider as S, Td as T, Flex as y } from "@chakra-ui/react";
-import { flexRender as I } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
-import { memo as w, useMemo as l, useCallback as D } from "react";
-import { TableRowExpandToggleButton as F } from "./table-row-expand-toggle-button.js";
-import { ThemeColorVariable as R, ThemeSpaceVariable as z } from "../../theme/theme-types.js";
-const N = w(
-  ({ cell: n, row: i, rowIsExpanded: p, visibleCells: u, breakingContentState: s, localeString: f }) => {
-    var c;
-    const { column: t } = n, h = l(() => {
+import { jsx as o, jsxs as v, Fragment as b } from "react/jsx-runtime";
+import { Divider as C, Td as S, Flex as T } from "@chakra-ui/react";
+import { flexRender as y } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
+import { memo as I, useMemo as l, useCallback as w } from "react";
+import { TableRowExpandToggleButton as D } from "./table-row-expand-toggle-button.js";
+import { ThemeColorVariable as F, ThemeSpaceVariable as R } from "../../theme/theme-types.js";
+const j = I(
+  ({ cell: n, row: i, rowIsExpanded: c, visibleCells: p, breakingContentState: s, localeString: u }) => {
+    const { column: t } = n, f = l(() => {
       const e = {
         width: "100%"
       };
       return s[t.id] || (e.overflow = "hidden", e.whiteSpace = "nowrap"), e;
-    }, [s]), x = l(() => t.getIndex() === 0, []), m = i.getCanExpand(), d = u[0].id === n.id, a = m && d, g = l(() => {
+    }, [s]), h = l(() => t.getIndex() === 0, []), m = i.getCanExpand(), d = p[0].id === n.id, a = m && d, x = l(() => {
       const e = [];
       for (let r = 0; r < i.depth; r += 1)
         e.push(
           /* @__PURE__ */ o(
-            S,
+            C,
             {
               orientation: "vertical",
               position: "absolute",
@@ -29,39 +28,39 @@ const N = w(
           )
         );
       return e;
-    }, []), v = D(() => {
+    }, []), g = w(() => {
       const e = t.getIsPinned();
       return {
         position: e ? "sticky" : "relative",
         left: e ? `${t.getStart("left")}px` : void 0,
-        backgroundColor: e ? R.Background : void 0,
+        backgroundColor: e ? F.Background : void 0,
         zIndex: e ? 1 : void 0,
         width: t.getSize(),
         maxWidth: t.getSize()
       };
     }, []);
     return /* @__PURE__ */ o(
-      T,
+      S,
       {
         id: i.id,
-        isNumeric: (c = t.columnDef.meta) == null ? void 0 : c.isNumeric,
+        isNumeric: t.columnDef.meta?.isNumeric,
         style: {
-          ...v(),
+          ...g(),
           borderBottom: 0,
-          paddingLeft: i.depth && d || a ? `${i.depth * 2}rem` : z.Small
+          paddingLeft: i.depth && d || a ? `${i.depth * 2}rem` : R.Small
         },
-        children: /* @__PURE__ */ b(y, { w: "100%", align: "center", children: [
+        children: /* @__PURE__ */ v(T, { w: "100%", align: "center", children: [
           a || i.depth > 0 && d ? /* @__PURE__ */ o(
-            F,
+            D,
             {
               row: i,
-              localeString: f,
+              localeString: u,
               hidden: !m,
-              rowIsExpanded: p
+              rowIsExpanded: c
             }
-          ) : /* @__PURE__ */ o(C, {}),
-          x && g,
-          /* @__PURE__ */ o("div", { style: h, children: I(t.columnDef.cell, n.getContext()) })
+          ) : /* @__PURE__ */ o(b, {}),
+          h && x,
+          /* @__PURE__ */ o("div", { style: f, children: y(t.columnDef.cell, n.getContext()) })
         ] })
       },
       n.id
@@ -69,5 +68,5 @@ const N = w(
   }
 );
 export {
-  N as TableCell
+  j as TableCell
 };

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

@@ -1,115 +1,115 @@
-import { jsxs as f, Fragment as p, jsx as o } from "react/jsx-runtime";
-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, useContext as U, useCallback as I, useMemo as S } from "react";
-import { TableContext as X } from "./table-context.js";
-import { translations as v } from "./translations.js";
-import { Icon as T } from "../icon/icon.js";
+import { jsxs as s, Fragment as u, jsx as n } from "react/jsx-runtime";
+import { Portal as E } from "@chakra-ui/react";
+import { flexRender as j } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
+import { memo as A, useContext as L, useCallback as x, useMemo as g } from "react";
+import { TableContext as U } from "./table-context.js";
+import { translations as X } from "./translations.js";
+import { Icon as I } from "../icon/icon.js";
 import { Icons as l } from "../icon/types.js";
 import { MenuItem as r } from "../menu/menu-item.js";
-import { Text as t } from "../text/text.js";
-import { MenuDivider as C } from "../menu/menu-divider.js";
-import { Switch as B } from "../switch/switch.js";
+import { Text as c } from "../text/text.js";
+import { MenuDivider as S } from "../menu/menu-divider.js";
+import { Switch as v } from "../switch/switch.js";
 import { Menu as O } 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 b, ThemeColorVariable as z, ThemeSpaceVariable as q, ThemeFontSizeVariable as M } from "../../theme/theme-types.js";
-const mo = L(
+import { ThemeIconSizeVariable as T, ThemeColorVariable as b, ThemeSpaceVariable as q, ThemeFontSizeVariable as k } from "../../theme/theme-types.js";
+const dn = A(
   ({
-    header: n,
+    header: o,
     breakingContentState: m,
-    onBreakingContentChange: d,
-    setBreakingContentState: k,
-    headerGroup: D,
-    sorting: s,
+    onBreakingContentChange: f,
+    setBreakingContentState: D,
+    headerGroup: z,
+    sorting: d,
     setSorting: a,
-    columnVisibility: g,
+    columnVisibility: M,
     localeString: w
   }) => {
-    const i = v[w], u = U(X), F = I(
+    const i = X[w], p = L(U), B = x(
       (e) => {
-        const c = {
+        const t = {
           ...m,
-          [n.column.id]: e.target.checked
+          [o.column.id]: e.target.checked
         };
-        k(c), d == null || d(c);
+        D(t), f?.(t);
       },
-      [m, d]
-    ), P = I(
+      [m, f]
+    ), F = x(
       (e) => {
-        const c = e.getIndex();
-        D.forEach((H) => {
-          H.headers.forEach((E, h) => {
-            const { column: x } = E;
-            e.getIsPinned() ? h >= c && x.pin(!1) : h <= c && x.pin("left");
+        const t = e.getIndex();
+        z.forEach((y) => {
+          y.headers.forEach((H, h) => {
+            const { column: C } = H;
+            e.getIsPinned() ? h >= t && C.pin(!1) : h <= t && C.pin("left");
           });
         });
       },
       []
-    ), V = S(() => /* @__PURE__ */ f(p, { children: [
-      s.find((e) => e.id === n.column.id) && (s.find((e) => e.desc) ? /* @__PURE__ */ o(T, { icon: l.SortDesc, size: b.XSmall }) : /* @__PURE__ */ o(T, { icon: l.SortAsc, size: b.XSmall })),
-      n.column.columnDef.header
-    ] }), [s]), y = S(() => /* @__PURE__ */ f(p, { children: [
-      /* @__PURE__ */ o(
+    ), P = g(() => /* @__PURE__ */ s(u, { children: [
+      d.find((e) => e.id === o.column.id) && (d.find((e) => e.desc) ? /* @__PURE__ */ n(I, { icon: l.SortDesc, size: T.XSmall }) : /* @__PURE__ */ n(I, { icon: l.SortAsc, size: T.XSmall })),
+      o.column.columnDef.header
+    ] }), [d]), V = g(() => /* @__PURE__ */ s(u, { children: [
+      /* @__PURE__ */ n(
         r,
         {
-          onClick: () => a([{ desc: !1, id: n.column.id }]),
+          onClick: () => a([{ desc: !1, id: o.column.id }]),
           leftIcon: l.SortAsc,
-          children: /* @__PURE__ */ o(t, { children: i.sortUp })
+          children: /* @__PURE__ */ n(c, { children: i.sortUp })
         }
       ),
-      /* @__PURE__ */ o(
+      /* @__PURE__ */ n(
         r,
         {
-          onClick: () => a([{ desc: !0, id: n.column.id }]),
+          onClick: () => a([{ desc: !0, id: o.column.id }]),
           leftIcon: l.SortDesc,
-          children: /* @__PURE__ */ o(t, { children: i.sortDown })
+          children: /* @__PURE__ */ n(c, { children: i.sortDown })
         }
       ),
-      /* @__PURE__ */ o(
+      /* @__PURE__ */ n(
         r,
         {
           onClick: () => {
-            u != null && u.onFilterColumn && u.onFilterColumn(n.column);
+            p?.onFilterColumn && p.onFilterColumn(o.column);
           },
           leftIcon: l.Filter,
-          children: /* @__PURE__ */ o(t, { children: i.filter })
+          children: /* @__PURE__ */ n(c, { children: i.filter })
         }
       ),
-      /* @__PURE__ */ o(C, {}),
-      n.column.getCanHide() && /* @__PURE__ */ o(r, { onClick: n.column.getToggleVisibilityHandler(), leftIcon: l.Hide, children: /* @__PURE__ */ o(t, { children: i.hideColumn }) }),
-      /* @__PURE__ */ o(r, { onClick: () => P(n.column), leftIcon: l.Thumbtack, children: /* @__PURE__ */ o(t, { children: n.column.getIsPinned() ? i.stopPinningColumn : i.pinUpToColumn }) }),
-      /* @__PURE__ */ o(C, {}),
-      /* @__PURE__ */ f(r, { itemType: "switch", children: [
+      /* @__PURE__ */ n(S, {}),
+      o.column.getCanHide() && /* @__PURE__ */ n(r, { onClick: o.column.getToggleVisibilityHandler(), leftIcon: l.Hide, children: /* @__PURE__ */ n(c, { children: i.hideColumn }) }),
+      /* @__PURE__ */ n(r, { onClick: () => F(o.column), leftIcon: l.Thumbtack, children: /* @__PURE__ */ n(c, { children: o.column.getIsPinned() ? i.stopPinningColumn : i.pinUpToColumn }) }),
+      /* @__PURE__ */ n(S, {}),
+      /* @__PURE__ */ s(r, { itemType: "switch", children: [
         i.breakingContent,
-        /* @__PURE__ */ o(
-          B,
+        /* @__PURE__ */ n(
+          v,
           {
-            onChange: F,
-            isChecked: m[n.column.id]
+            onChange: B,
+            isChecked: m[o.column.id]
           }
         )
       ] })
-    ] }), [m, g, s]);
-    return /* @__PURE__ */ o(O, { isLazy: !0, children: ({ isOpen: e }) => /* @__PURE__ */ f(p, { children: [
-      /* @__PURE__ */ o(
+    ] }), [m, M, d]);
+    return /* @__PURE__ */ n(O, { isLazy: !0, children: ({ isOpen: e }) => /* @__PURE__ */ s(u, { children: [
+      /* @__PURE__ */ n(
         R,
         {
-          color: z.OnBackgroundSubdued,
+          color: b.OnBackgroundSubdued,
           textTransform: "none",
-          fontSize: M.Small,
+          fontSize: k.Small,
           h: "40px",
           display: "flex",
           alignItems: "center",
           padding: `0px 0px 0px ${q.Small}`,
-          backgroundColor: e ? z.BackgroundDisabled : "unset",
-          children: A(V, n.getContext())
+          backgroundColor: e ? b.BackgroundDisabled : "unset",
+          children: j(P, o.getContext())
         }
       ),
-      /* @__PURE__ */ o(j, { children: /* @__PURE__ */ o($, { fontSize: M.Medium, children: y }) })
+      /* @__PURE__ */ n(E, { children: /* @__PURE__ */ n($, { fontSize: k.Medium, children: V }) })
     ] }) });
   }
 );
 export {
-  mo as TableHeaderDropdown
+  dn as TableHeaderDropdown
 };

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

@@ -1,21 +1,21 @@
 import { jsx as n } from "react/jsx-runtime";
-import { Tr as s, Th as d } from "@chakra-ui/react";
-import { flexRender as g } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
-import { memo as c, useContext as p, useCallback as b } from "react";
-import { TableContext as C } from "./table-context.js";
-import { TableHeaderDropdown as f } from "./table-header-dropdown.js";
-import { Box as u } from "../box/box.js";
-import { ThemeColorVariable as a, ThemeSpaceVariable as S } from "../../theme/theme-types.js";
-const z = c(({ headerGroup: r, hideTableHeaderDropdown: l }) => {
-  const t = p(C);
+import { Tr as m, Th as s } from "@chakra-ui/react";
+import { flexRender as d } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
+import { memo as g, useContext as c, useCallback as p } from "react";
+import { TableContext as b } from "./table-context.js";
+import { TableHeaderDropdown as C } from "./table-header-dropdown.js";
+import { Box as f } from "../box/box.js";
+import { ThemeColorVariable as i, ThemeSpaceVariable as u } from "../../theme/theme-types.js";
+const D = g(({ headerGroup: r, hideTableHeaderDropdown: a }) => {
+  const t = c(b);
   if (!t) throw new Error("Expected tableData");
-  const m = b(
+  const l = p(
     (e) => {
       const o = e.getIsPinned();
       return {
         position: o ? "sticky" : "relative",
         left: o ? `${e.getStart("left")}px` : void 0,
-        backgroundColor: o ? a.Background : void 0,
+        backgroundColor: o ? i.Background : void 0,
         zIndex: o ? 1 : 0,
         width: e.getSize(),
         maxWidth: e.getSize()
@@ -23,21 +23,20 @@ const z = c(({ headerGroup: r, hideTableHeaderDropdown: l }) => {
     },
     []
   );
-  return /* @__PURE__ */ n(s, { children: r.headers.map((e) => {
-    var i;
+  return /* @__PURE__ */ n(m, { children: r.headers.map((e) => {
     const { column: o } = e;
     return /* @__PURE__ */ n(
-      d,
+      s,
       {
         className: "tableHeaderCell",
-        isNumeric: (i = o.columnDef.meta) == null ? void 0 : i.isNumeric,
+        isNumeric: o.columnDef.meta?.isNumeric,
         zIndex: o.getIsPinned() ? 2 : 1,
         style: {
-          ...m(o),
-          borderBottom: `1px solid ${a.OnBackgroundBorder}`
+          ...l(o),
+          borderBottom: `1px solid ${i.OnBackgroundBorder}`
         },
-        children: l ? /* @__PURE__ */ n(u, { paddingLeft: S.Small, children: g(e.column.columnDef.header, e.getContext()) }) : /* @__PURE__ */ n(
-          f,
+        children: a ? /* @__PURE__ */ n(f, { paddingLeft: u.Small, children: d(e.column.columnDef.header, e.getContext()) }) : /* @__PURE__ */ n(
+          C,
           {
             header: e,
             breakingContentState: t.breakingContentState,
@@ -56,5 +55,5 @@ const z = c(({ headerGroup: r, hideTableHeaderDropdown: l }) => {
   }) }, r.id);
 });
 export {
-  z as TableHeaderRow
+  D as TableHeaderRow
 };

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

@@ -1,108 +1,107 @@
-import { jsx as t, jsxs as o, Fragment as F } from "react/jsx-runtime";
-import { useMediaQuery as L, Flex as i, Box as j, Portal as z } from "@chakra-ui/react";
-import { memo as O, useContext as v, useCallback as A, useMemo as g } from "react";
-import { TableContext as H } from "./table-context.js";
-import { translations as E } from "./translations.js";
-import { Text as f } from "../text/text.js";
-import { Input as G } from "../input/input.js";
-import { Icon as C } from "../icon/icon.js";
-import { Icons as m } from "../icon/types.js";
-import { Menu as D } from "../menu/menu.js";
-import { MenuButton as N } from "../menu/menu-button.js";
-import { MenuList as P } from "../menu/menu-list.js";
-import { MenuItem as k } from "../menu/menu-item.js";
-import { Checkbox as Q } from "../checkbox/checkbox.js";
-import { MenuDivider as W } from "../menu/menu-divider.js";
-import { Switch as X } from "../switch/switch.js";
-import { IconButton as q } from "../icon-button/icon-button.js";
-import { ThemeSpaceVariable as r, ThemeFontVariable as J, ThemeColorVariable as S, ThemeFontSizeVariable as K, ThemeIconSizeVariable as R } from "../../theme/theme-types.js";
-function U({
-  tableName: T,
-  onSearch: c,
+import { jsx as t, jsxs as o, Fragment as V } from "react/jsx-runtime";
+import { useMediaQuery as F, Flex as i, Box as L, Portal as j } from "@chakra-ui/react";
+import { memo as z, useContext as O, useCallback as v, useMemo as p } from "react";
+import { TableContext as A } from "./table-context.js";
+import { translations as H } from "./translations.js";
+import { Text as g } from "../text/text.js";
+import { Input as D } from "../input/input.js";
+import { Icon as f } from "../icon/icon.js";
+import { Icons as c } from "../icon/types.js";
+import { Menu as E } from "../menu/menu.js";
+import { MenuButton as G } from "../menu/menu-button.js";
+import { MenuList as N } from "../menu/menu-list.js";
+import { MenuItem as C } from "../menu/menu-item.js";
+import { Checkbox as P } from "../checkbox/checkbox.js";
+import { MenuDivider as Q } from "../menu/menu-divider.js";
+import { Switch as W } from "../switch/switch.js";
+import { IconButton as X } from "../icon-button/icon-button.js";
+import { ThemeSpaceVariable as r, ThemeFontVariable as q, ThemeColorVariable as S, ThemeFontSizeVariable as J, ThemeIconSizeVariable as K } from "../../theme/theme-types.js";
+function R({
+  tableName: k,
+  onSearch: T,
   onAddNewItem: y,
   ...M
 }) {
-  const e = v(H);
+  const e = O(A);
   if (!e) throw new Error("No table context found");
-  const [x] = L("(min-width: 48em)"), l = E[e.localeString], s = A(() => e.table.getAllColumns().length === Object.keys(e.breakingContentState).length && !Object.values(e.breakingContentState).includes(!1), [e.breakingContentState]), I = (n) => {
-    var d;
-    const a = {};
-    e.table.getAllColumns().forEach((V) => {
-      a[V.id] = n.target.checked;
-    }), e.setBreakingContentState(a), (d = e.onBreakingContentChange) == null || d.call(e, a);
-  }, u = () => /* @__PURE__ */ t(
-    G,
+  const [x] = F("(min-width: 48em)"), a = H[e.localeString], m = v(() => e.table.getAllColumns().length === Object.keys(e.breakingContentState).length && !Object.values(e.breakingContentState).includes(!1), [e.breakingContentState]), I = (n) => {
+    const l = {};
+    e.table.getAllColumns().forEach((b) => {
+      l[b.id] = n.target.checked;
+    }), e.setBreakingContentState(l), e.onBreakingContentChange?.(l);
+  }, s = () => /* @__PURE__ */ t(
+    D,
     {
-      leftElement: /* @__PURE__ */ t(C, { icon: m.Search }),
-      onChange: (n) => c == null ? void 0 : c(n),
+      leftElement: /* @__PURE__ */ t(f, { icon: c.Search }),
+      onChange: (n) => T?.(n),
       size: "md",
       type: "search",
       w: { base: "100%", md: "170px" },
       "data-testid": "filterInput"
     }
-  ), h = () => /* @__PURE__ */ t(i, { children: /* @__PURE__ */ o(D, { closeOnSelect: !1, isLazy: !0, children: [
-    /* @__PURE__ */ t(N, { "aria-label": l.presets, variant: "ghost", p: "unset", w: "40px", h: "40px", children: /* @__PURE__ */ t(C, { icon: m.Sliders, size: R.Medium }) }),
-    /* @__PURE__ */ t(z, { children: /* @__PURE__ */ o(P, { children: [
+  ), d = () => /* @__PURE__ */ t(i, { children: /* @__PURE__ */ o(E, { closeOnSelect: !1, isLazy: !0, children: [
+    /* @__PURE__ */ t(G, { "aria-label": a.presets, variant: "ghost", p: "unset", w: "40px", h: "40px", children: /* @__PURE__ */ t(f, { icon: c.Sliders, size: K.Medium }) }),
+    /* @__PURE__ */ t(j, { children: /* @__PURE__ */ o(N, { children: [
       /* @__PURE__ */ t(
-        f,
+        g,
         {
           color: S.OnSurfaceSubdued,
           py: r.Small,
           px: r.Medium,
-          children: l.showColumns
+          children: a.showColumns
         }
       ),
-      e.table.getAllLeafColumns().filter((n) => n.getCanHide()).map((n) => /* @__PURE__ */ o(k, { itemType: "checkbox", leftIcon: m.GripMore, children: [
-        /* @__PURE__ */ t(F, { children: n.columnDef.header }),
+      e.table.getAllLeafColumns().filter((n) => n.getCanHide()).map((n) => /* @__PURE__ */ o(C, { itemType: "checkbox", leftIcon: c.GripMore, children: [
+        /* @__PURE__ */ t(V, { children: n.columnDef.header }),
         /* @__PURE__ */ t(
-          Q,
+          P,
           {
             isChecked: n.getIsVisible(),
             onChange: n.getToggleVisibilityHandler()
           }
         )
       ] }, n.id)),
-      /* @__PURE__ */ t(W, {}),
-      /* @__PURE__ */ o(k, { itemType: "switch", children: [
-        l.breakingContent,
-        /* @__PURE__ */ t(X, { onChange: I, isChecked: s() })
+      /* @__PURE__ */ t(Q, {}),
+      /* @__PURE__ */ o(C, { itemType: "switch", children: [
+        a.breakingContent,
+        /* @__PURE__ */ t(W, { onChange: I, isChecked: m() })
       ] })
     ] }) })
-  ] }) }), b = () => /* @__PURE__ */ t(q, { "aria-label": l.new, icon: m.Increase, onClick: y, variant: "primary" }), p = () => /* @__PURE__ */ t(
-    f,
+  ] }) }), u = () => /* @__PURE__ */ t(X, { "aria-label": a.new, icon: c.Increase, onClick: y, variant: "primary" }), h = () => /* @__PURE__ */ t(
+    g,
     {
-      fontSize: K.X2Large,
+      fontSize: J.X2Large,
       color: S.OnBackgroundHeader,
       fontWeight: "bold",
-      fontFamily: J.Header,
-      children: T
+      fontFamily: q.Header,
+      children: k
     }
-  ), w = g(
+  ), w = p(
     () => /* @__PURE__ */ t(i, { direction: "column", gap: r.Medium, mb: r.Medium, children: /* @__PURE__ */ o(i, { justifyContent: "space-between", alignItems: "center", children: [
-      p(),
+      h(),
       /* @__PURE__ */ o(i, { gap: r.Medium, children: [
-        u(),
-        h(),
-        b()
+        s(),
+        d(),
+        u()
       ] })
     ] }) }),
-    [s, e.breakingContentState, e.columnVisibility, e.data]
-  ), B = g(
+    [m, e.breakingContentState, e.columnVisibility, e.data]
+  ), B = p(
     () => /* @__PURE__ */ o(i, { direction: "column", gap: r.Medium, mb: r.Medium, children: [
       /* @__PURE__ */ o(i, { justifyContent: "space-between", children: [
-        p(),
-        b()
+        h(),
+        u()
       ] }),
       /* @__PURE__ */ o(i, { justifyContent: "space-between", gap: r.Medium, children: [
-        u(),
-        h()
+        s(),
+        d()
       ] })
     ] }),
-    [s, e.breakingContentState, e.columnVisibility]
+    [m, e.breakingContentState, e.columnVisibility]
   );
-  return /* @__PURE__ */ t(j, { id: "tableToolbar", ...M, children: x ? w : B });
+  return /* @__PURE__ */ t(L, { id: "tableToolbar", ...M, children: x ? w : B });
 }
-const be = O(U);
+const he = z(R);
 export {
-  be as TableToolbar
+  he as TableToolbar
 };

package/dist/components/table/use-controllable-state.js

@@ -1,12 +1,12 @@
-import { useState as i } from "react";
-function p(e, t, s) {
-  const [r, u] = i(s);
-  return [e !== void 0 ? e : r, (o) => {
-    if (typeof o == "function")
+import { useState as s } from "react";
+function a(o, e, n) {
+  const [r, l] = s(n);
+  return [o !== void 0 ? o : r, (t) => {
+    if (typeof t == "function")
       throw new Error("Function as argument is not supported.");
-    u(o), t == null || t(o);
+    l(t), e?.(t);
   }];
 }
 export {
-  p as useControllableState
+  a as useControllableState
 };

package/dist/node_modules/@floating-ui/dom/dist/floating-ui.dom.js

@@ -369,7 +369,7 @@ function Et(t, e, n, i) {
     var d;
     u.forEach((y) => {
       o && y.removeEventListener("scroll", n), r && y.removeEventListener("resize", n);
-    }), h == null || h(), (d = a) == null || d.disconnect(), a = null, l && cancelAnimationFrame(x);
+    }), h?.(), (d = a) == null || d.disconnect(), a = null, l && cancelAnimationFrame(x);
   };
 }
 const Ft = st, Wt = (t, e, n) => {