@caspeco/casper-ui-library 9.13.0 → 10.0.0

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

@@ -39,7 +39,9 @@ const d = {
     "&:has(input):not(:has(input[type='checkbox']))": {
       padding: "0px !important"
     },
-    "&:has(textarea)": { padding: "0px !important" }
+    "&:has(textarea)": {
+      padding: "0px !important"
+    }
   },
   "& tr": {
     borderColor: o.OnBackgroundBorder
@@ -65,7 +67,9 @@ const d = {
   },
   _hover: {
     // Show action menu button on row hover
-    "& .action-menu-button": { opacity: 1 },
+    "& .action-menu-button": {
+      opacity: 1
+    },
     '&[data-allow-hovered="true"]': {
       backgroundColor: o.AccentHoverAlpha
     }

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

@@ -7,6 +7,6 @@ interface TableRowExpandToggleButtonProps {
     rowIsExpanded: boolean;
     hidden?: boolean;
 }
-export declare const TableRowExpandToggleButton: import('react').MemoExoticComponent<({ row, localeString, rowIsExpanded, hidden }: TableRowExpandToggleButtonProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const TableRowExpandToggleButton: import('react').MemoExoticComponent<({ row, localeString, rowIsExpanded, hidden }: TableRowExpandToggleButtonProps) => import("react").JSX.Element>;
 export {};
 //# sourceMappingURL=table-row-expand-toggle-button.d.ts.map

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":"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"}
+{"version":3,"file":"table-row-expand-toggle-button.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-row-expand-toggle-button.tsx"],"names":[],"mappings":"AAOA,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,iCAkC9E,CAAC"}

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

@@ -5,29 +5,32 @@ import { IconButton as d } from "../icon-button/icon-button.js";
 import { TreeViewCollapseIcon as x } from "../icon/icons/tree-view-collapse-icon.js";
 import { TreeViewExpandIcon as g } from "../icon/icons/tree-view-expand-icon.js";
 import { ThemeSpaceVariable as f } from "../../theme/theme-types.js";
-const V = s(
-  ({ row: o, localeString: a, rowIsExpanded: n, hidden: t }) => {
-    const r = c[a], i = o.getToggleExpandedHandler(), l = (e) => {
-      e.stopPropagation(), i();
-    }, m = () => n ? `${r.collapseRow} ${o.index + 1}` : `${r.expandRow} ${o.index + 1}`;
-    return /* @__PURE__ */ p(
-      d,
-      {
-        size: "xs",
-        mr: f.XSmall,
-        variant: "ghost",
-        "aria-label": m(),
-        icon: n ? x : g,
-        onClick: l,
-        onKeyDown: (e) => e.stopPropagation(),
-        visibility: t ? "hidden" : "initial",
-        "aria-hidden": t,
-        tabIndex: t ? -1 : 0,
-        borderRadius: "0"
-      }
-    );
-  }
-);
+const V = s(({
+  row: o,
+  localeString: a,
+  rowIsExpanded: n,
+  hidden: t
+}) => {
+  const r = c[a], i = o.getToggleExpandedHandler(), l = (e) => {
+    e.stopPropagation(), i();
+  }, m = () => n ? `${r.collapseRow} ${o.index + 1}` : `${r.expandRow} ${o.index + 1}`;
+  return /* @__PURE__ */ p(
+    d,
+    {
+      size: "xs",
+      mr: f.XSmall,
+      variant: "ghost",
+      "aria-label": m(),
+      icon: n ? x : g,
+      onClick: l,
+      onKeyDown: (e) => e.stopPropagation(),
+      visibility: t ? "hidden" : "initial",
+      "aria-hidden": t,
+      tabIndex: t ? -1 : 0,
+      borderRadius: "0"
+    }
+  );
+});
 export {
   V as TableRowExpandToggleButton
 };

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

@@ -7,7 +7,7 @@ type TableRowProps<TData extends TableData> = {
     showRowHoverStyle?: boolean;
     onRowClickIndication?: boolean;
 };
-declare const TableRowInner: <TData extends TableData>({ row, visibleCells, onClickRow, showRowHoverStyle, onRowClickIndication, }: TableRowProps<TData>) => import("react/jsx-runtime").JSX.Element;
+declare const TableRowInner: <TData extends TableData>({ row, visibleCells, onClickRow, showRowHoverStyle, onRowClickIndication, }: TableRowProps<TData>) => import("react").JSX.Element;
 export declare const TableRow: typeof TableRowInner;
 export {};
 //# sourceMappingURL=table-row.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"table-row.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-row.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAIvD,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,SAAS,CAAC;AAEnE,KAAK,aAAa,CAAC,KAAK,SAAS,SAAS,IAAI;IAC7C,GAAG,EAAE,GAAG,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;IAC9B,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,EAAE,CAAC;IACnD,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;IACV,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAEF,QAAA,MAAM,aAAa,GAAI,KAAK,SAAS,SAAS,EAAE,6EAM7C,aAAa,CAAC,KAAK,CAAC,4CA0EtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAA0B,OAAO,aAAa,CAAC"}
+{"version":3,"file":"table-row.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-row.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAIvD,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,SAAS,CAAC;AAEnE,KAAK,aAAa,CAAC,KAAK,SAAS,SAAS,IAAI;IAC7C,GAAG,EAAE,GAAG,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;IAC9B,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,EAAE,CAAC;IACnD,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;IACV,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAEF,QAAA,MAAM,aAAa,GAAI,KAAK,SAAS,SAAS,EAAE,6EAM7C,aAAa,CAAC,KAAK,CAAC,gCA0EtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAA0B,OAAO,aAAa,CAAC"}

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

@@ -10,17 +10,13 @@ const T = ({
   showRowHoverStyle: d,
   onRowClickIndication: i
 }) => {
-  const a = I(), c = r(
-    (t) => {
-      o && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), o(e.original, t));
-    },
-    [o, e.original]
-  ), g = r(
-    (t) => {
-      t.stopPropagation(), e.getToggleSelectedHandler(), o && o(e.original, t), i && a.setRowHighlight({ [t.currentTarget.id]: !0 });
-    },
-    [e, o, i, a]
-  ), u = S(() => e.getIsSelected() || a.selectedRowIds?.includes(e.id), [e, a.rowHighlight, a.selectedRowIds]), b = a.getRowActions?.(e.original), m = (t) => a.disableSelectionCheckbox?.(t) ?? !1;
+  const a = I(), c = r((t) => {
+    o && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), o(e.original, t));
+  }, [o, e.original]), g = r((t) => {
+    t.stopPropagation(), e.getToggleSelectedHandler(), o && o(e.original, t), i && a.setRowHighlight({
+      [t.currentTarget.id]: !0
+    });
+  }, [e, o, i, a]), u = S(() => e.getIsSelected() || a.selectedRowIds?.includes(e.id), [e, a.rowHighlight, a.selectedRowIds]), b = a.getRowActions?.(e.original), m = (t) => a.disableSelectionCheckbox?.(t) ?? !1;
   return /* @__PURE__ */ l(
     h.Row,
     {
@@ -34,21 +30,7 @@ const T = ({
       "data-is-root-level": e.depth === 0,
       children: n.map((t, p) => {
         const s = p === 0;
-        return /* @__PURE__ */ l(
-          x,
-          {
-            cell: t,
-            visibleCells: n,
-            row: e,
-            rowIsExpanded: e.getIsExpanded(),
-            breakingContentState: a.breakingContentState,
-            localeString: a.localeString,
-            actionMenu: s ? b : void 0,
-            canSelectRows: a.canSelectRows && s,
-            isCheckboxDisabled: m(e)
-          },
-          t.id
-        );
+        return /* @__PURE__ */ l(x, { cell: t, visibleCells: n, row: e, rowIsExpanded: e.getIsExpanded(), breakingContentState: a.breakingContentState, localeString: a.localeString, actionMenu: s ? b : void 0, canSelectRows: a.canSelectRows && s, isCheckboxDisabled: m(e) }, t.id);
       })
     },
     e.id

package/dist/components/table/table-toolbar-actions.d.ts

@@ -6,7 +6,7 @@ export type TableToolbarActionsProps = {
      */
     children: ReactElement<ComponentProps<typeof MenuList>, typeof MenuList>;
 };
-declare const TableToolbarActionsInner: ({ children }: TableToolbarActionsProps) => import("react/jsx-runtime").JSX.Element;
+declare const TableToolbarActionsInner: ({ children }: TableToolbarActionsProps) => import("react").JSX.Element;
 /**
  * Custom action menu for table operations. Accepts MenuList as children. Use inside TableToolbar.
  *

package/dist/components/table/table-toolbar-actions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-toolbar-actions.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-toolbar-actions.tsx"],"names":[],"mappings":"AACA,OAAO,EAAwB,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAIrE,MAAM,MAAM,wBAAwB,GAAG;IACtC;;OAEG;IACH,QAAQ,EAAE,YAAY,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,EAAE,OAAO,QAAQ,CAAC,CAAC;CACzE,CAAC;AAEF,QAAA,MAAM,wBAAwB,GAAI,cAAc,wBAAwB,4CAevE,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAqC,OAAO,wBAAwB,CAAC"}
+{"version":3,"file":"table-toolbar-actions.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-toolbar-actions.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAwB,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAIrE,MAAM,MAAM,wBAAwB,GAAG;IACtC;;OAEG;IACH,QAAQ,EAAE,YAAY,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,EAAE,OAAO,QAAQ,CAAC,CAAC;CACzE,CAAC;AAEF,QAAA,MAAM,wBAAwB,GAAI,cAAc,wBAAwB,gCAevE,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAqC,OAAO,wBAAwB,CAAC"}

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

@@ -5,18 +5,12 @@ import { translations as m } from "./translations.js";
 import { Menu as s } from "../menu/menu.js";
 import { MenuIconButton as l } from "../menu/menu-icon-button.js";
 import { MoreVerticalIcon as c } from "../icon/icons/more-vertical-icon.js";
-const b = ({ children: o }) => {
+const b = ({
+  children: o
+}) => {
   const t = e(), r = m[t.localeString];
   return /* @__PURE__ */ n(s, { children: [
-    /* @__PURE__ */ a(
-      l,
-      {
-        icon: c,
-        variant: "ghost",
-        size: "md",
-        "aria-label": r.toolbarActions
-      }
-    ),
+    /* @__PURE__ */ a(l, { icon: c, variant: "ghost", size: "md", "aria-label": r.toolbarActions }),
     o
   ] });
 }, M = i(b);

package/dist/components/table/table-toolbar-add-button.d.ts

@@ -2,7 +2,7 @@ import { IconButtonProps } from '../icon-button/index.js';
 export type TableToolbarAddButtonProps = Omit<IconButtonProps, "icon" | "aria-label"> & {
     "aria-label"?: string;
 };
-declare const TableToolbarAddButtonInner: (props: TableToolbarAddButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const TableToolbarAddButtonInner: (props: TableToolbarAddButtonProps) => import("react").JSX.Element;
 /**
  * Add button with icon for creating new items. Use inside TableToolbar.
  *

package/dist/components/table/table-toolbar-add-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-toolbar-add-button.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-toolbar-add-button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAK5E,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,YAAY,CAAC,GAAG;IACvF,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,0BAA0B,GAAI,OAAO,0BAA0B,4CAMpE,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,EAAuC,OAAO,0BAA0B,CAAC"}
+{"version":3,"file":"table-toolbar-add-button.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-toolbar-add-button.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAK5E,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,YAAY,CAAC,GAAG;IACvF,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,0BAA0B,GAAI,OAAO,0BAA0B,gCAMpE,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,EAAuC,OAAO,0BAA0B,CAAC"}

package/dist/components/table/table-toolbar-search.d.ts

@@ -1,6 +1,6 @@
 import { InputProps } from '../input/index.js';
 export type TableToolbarSearchProps = InputProps;
-declare const TableToolbarSearchInner: ({ ...props }: TableToolbarSearchProps) => import("react/jsx-runtime").JSX.Element;
+declare const TableToolbarSearchInner: ({ ...props }: TableToolbarSearchProps) => import("react").JSX.Element;
 /**
  * Search input with icon for filtering table data. Use inside TableToolbar.
  *

package/dist/components/table/table-toolbar-search.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-toolbar-search.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-toolbar-search.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAG5D,MAAM,MAAM,uBAAuB,GAAG,UAAU,CAAC;AAEjD,QAAA,MAAM,uBAAuB,GAAI,cAAc,uBAAuB,4CAWrE,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,EAAoC,OAAO,uBAAuB,CAAC"}
+{"version":3,"file":"table-toolbar-search.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-toolbar-search.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAG5D,MAAM,MAAM,uBAAuB,GAAG,UAAU,CAAC;AAEjD,QAAA,MAAM,uBAAuB,GAAI,cAAc,uBAAuB,gCAWrE,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,EAAoC,OAAO,uBAAuB,CAAC"}

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

@@ -2,17 +2,12 @@ import { jsx as r } from "react/jsx-runtime";
 import { memo as o } from "react";
 import { Input as t } from "../input/input.js";
 import { SearchIcon as m } from "../icon/icons/search-icon.js";
-const a = ({ ...e }) => /* @__PURE__ */ r(
-  t,
-  {
-    leftElement: /* @__PURE__ */ r(m, {}),
-    size: "md",
-    type: "search",
-    w: { base: "100%", md: "170px" },
-    "data-testid": "filterInput",
-    ...e
-  }
-), l = o(a);
+const a = ({
+  ...e
+}) => /* @__PURE__ */ r(t, { leftElement: /* @__PURE__ */ r(m, {}), size: "md", type: "search", w: {
+  base: "100%",
+  md: "170px"
+}, "data-testid": "filterInput", ...e }), l = o(a);
 export {
   l as TableToolbarSearch
 };

package/dist/components/table/table-toolbar-settings.d.ts

@@ -16,6 +16,6 @@ type TableToolbarSettingsProps = {
  *
  * @see Docs https://caspeco.github.io/casper-ui-library/components/table#column-visibility-and-how-to-store-it
  */
-export declare const TableToolbarSettings: import('react').MemoExoticComponent<({ pageSize, onPageSizeChange }: TableToolbarSettingsProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const TableToolbarSettings: import('react').MemoExoticComponent<({ pageSize, onPageSizeChange }: TableToolbarSettingsProps) => import("react").JSX.Element>;
 export {};
 //# sourceMappingURL=table-toolbar-settings.d.ts.map

package/dist/components/table/table-toolbar-settings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-toolbar-settings.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-toolbar-settings.tsx"],"names":[],"mappings":"AAqBA,KAAK,yBAAyB,GAAG;IAChC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD,CAAC;AA6OF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,uEAxNkC,yBAAyB,6CAwNzB,CAAC"}
+{"version":3,"file":"table-toolbar-settings.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-toolbar-settings.tsx"],"names":[],"mappings":"AAyBA,KAAK,yBAAyB,GAAG;IAChC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD,CAAC;AA6OF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,uEAxNkC,yBAAyB,iCAwNzB,CAAC"}

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

@@ -9,138 +9,96 @@ import { flushSync as Y } from "react-dom";
 import { getColumnLabel as O } from "./helper.js";
 import { useTableContext as j } from "./table-context.js";
 import { DEFAULT_PAGE_SIZE_OPTIONS as N } from "./table.constants.js";
-import { translations as _ } from "./translations.js";
-import { Menu as z } from "../menu/menu.js";
-import { MenuButton as H } from "../menu/menu-button.js";
-import { SlidersIcon as U } from "../icon/icons/sliders-icon.js";
-import { MenuList as K } from "../menu/menu-list.js";
+import { translations as z } from "./translations.js";
+import { Menu as H } from "../menu/menu.js";
+import { MenuButton as U } from "../menu/menu-button.js";
+import { SlidersIcon as K } from "../icon/icons/sliders-icon.js";
+import { MenuList as X } from "../menu/menu-list.js";
 import { Text as C } from "../text/text.js";
 import { MenuDivider as k } from "../menu/menu-divider.js";
 import { MenuItem as b } from "../menu/menu-item.js";
 import { Checkbox as D } from "../checkbox/checkbox.js";
-import { RadioGroup as X } from "../radio/radio-group.js";
-import { Radio as Z } from "../radio/radio.js";
-import { Switch as q } from "../switch/switch.js";
-import { GripMoreIcon as J } from "../icon/icons/grip-more-icon.js";
-import { ThemeIconSizeVariable as B, ThemeSpaceVariable as u, ThemeColorVariable as f, ThemeShadowVariable as Q } from "../../theme/theme-types.js";
-const W = (i, l, r, o) => {
+import { RadioGroup as Z } from "../radio/radio-group.js";
+import { Radio as q } from "../radio/radio.js";
+import { Switch as J } from "../switch/switch.js";
+import { GripMoreIcon as Q } from "../icon/icons/grip-more-icon.js";
+import { ThemeIconSizeVariable as B, ThemeSpaceVariable as u, ThemeColorVariable as f, ThemeShadowVariable as W } from "../../theme/theme-types.js";
+const $ = (i, l, r, o) => {
   if (!o || o.sourceId === i) return "none";
   const s = r.findIndex((a) => a.id === o.sourceId), d = r.findIndex((a) => a.id === o.targetId);
   return s < 0 || d < 0 || s === d ? "none" : s < d && l > s && l <= d ? "translateY(-100%)" : s > d && l >= d && l < s ? "translateY(100%)" : "none";
 }, v = (i) => {
   if (!E(i)) return null;
-  const { source: l, target: r } = i;
-  return l && r ? { source: l, target: r } : null;
-}, $ = ({ pageSize: i, onPageSizeChange: l }) => {
-  const r = j(), o = _[r.localeString], s = !!l && Number.isInteger(i), [d, a] = F(null), g = r.table.getAllLeafColumns().filter((e) => e.getCanHide()), p = g.filter((e) => e.getIsVisible()), T = g.filter((e) => !e.getIsVisible()).sort((e, n) => {
+  const {
+    source: l,
+    target: r
+  } = i;
+  return l && r ? {
+    source: l,
+    target: r
+  } : null;
+}, _ = ({
+  pageSize: i,
+  onPageSizeChange: l
+}) => {
+  const r = j(), o = z[r.localeString], s = !!l && Number.isInteger(i), [d, a] = F(null), g = r.table.getAllLeafColumns().filter((e) => e.getCanHide()), p = g.filter((e) => e.getIsVisible()), T = g.filter((e) => !e.getIsVisible()).sort((e, n) => {
     const m = O(e.columnDef.header, e.id), S = O(n.columnDef.header, n.id);
-    return m.localeCompare(S, r.localeString, { sensitivity: "base" });
-  }), M = x(() => r.table.getAllColumns().length === Object.keys(r.breakingContentState).length && !Object.values(r.breakingContentState).includes(!1), [r.breakingContentState, r.table]), V = x(
-    ({ checked: e }) => {
-      const n = {};
-      r.table.getAllColumns().forEach((m) => {
-        n[m.id] = e;
-      }), r.setBreakingContentState(n), r.onBreakingContentChange?.(n);
-    },
-    [r]
-  );
-  return /* @__PURE__ */ t(y, { children: /* @__PURE__ */ c(z, { closeOnSelect: !1, isLazy: !0, children: [
-    /* @__PURE__ */ t(H, { "aria-label": o.presets, variant: "ghost", p: "unset", w: "40px", h: "40px", children: /* @__PURE__ */ t(U, { size: B.Medium }) }),
-    /* @__PURE__ */ t(w, { children: /* @__PURE__ */ c(K, { children: [
-      /* @__PURE__ */ t(
-        C,
-        {
-          color: f.OnSurfaceSubdued,
-          py: u.Small,
-          px: u.Medium,
-          children: o.shownInTable
-        }
-      ),
+    return m.localeCompare(S, r.localeString, {
+      sensitivity: "base"
+    });
+  }), M = x(() => r.table.getAllColumns().length === Object.keys(r.breakingContentState).length && !Object.values(r.breakingContentState).includes(!1), [r.breakingContentState, r.table]), V = x(({
+    checked: e
+  }) => {
+    const n = {};
+    r.table.getAllColumns().forEach((m) => {
+      n[m.id] = e;
+    }), r.setBreakingContentState(n), r.onBreakingContentChange?.(n);
+  }, [r]);
+  return /* @__PURE__ */ t(y, { children: /* @__PURE__ */ c(H, { closeOnSelect: !1, isLazy: !0, children: [
+    /* @__PURE__ */ t(U, { "aria-label": o.presets, variant: "ghost", p: "unset", w: "40px", h: "40px", children: /* @__PURE__ */ t(K, { size: B.Medium }) }),
+    /* @__PURE__ */ t(w, { children: /* @__PURE__ */ c(X, { children: [
+      /* @__PURE__ */ t(C, { color: f.OnSurfaceSubdued, py: u.Small, px: u.Medium, children: o.shownInTable }),
       /* @__PURE__ */ c(I, { maxHeight: "400px", overflowY: "auto", children: [
-        /* @__PURE__ */ t(
-          A,
-          {
-            onDragOver: (e) => {
-              const n = v(e.operation);
-              n && a({
-                sourceId: String(n.source.id),
-                targetId: String(n.target.id)
-              });
-            },
-            onDragEnd: (e) => {
-              const n = v(e.operation);
-              Y(() => {
-                a(null), n && r.handleDragEnd(String(n.source.id), String(n.target.id));
-              });
-            },
-            children: p.map((e, n) => /* @__PURE__ */ t(
-              re,
-              {
-                column: e,
-                index: n,
-                isDisabled: p.length === 1,
-                translateY: W(e.id, n, p, d)
-              },
-              e.id
-            ))
-          }
-        ),
+        /* @__PURE__ */ t(A, { onDragOver: (e) => {
+          const n = v(e.operation);
+          n && a({
+            sourceId: String(n.source.id),
+            targetId: String(n.target.id)
+          });
+        }, onDragEnd: (e) => {
+          const n = v(e.operation);
+          Y(() => {
+            a(null), n && r.handleDragEnd(String(n.source.id), String(n.target.id));
+          });
+        }, children: p.map((e, n) => /* @__PURE__ */ t(re, { column: e, index: n, isDisabled: p.length === 1, translateY: $(e.id, n, p, d) }, e.id)) }),
         T.length > 0 && /* @__PURE__ */ c(h, { children: [
           /* @__PURE__ */ t(k, {}),
-          /* @__PURE__ */ t(
-            C,
-            {
-              color: f.OnSurfaceSubdued,
-              py: u.Small,
-              px: u.Medium,
-              children: o.hiddenInTable
-            }
-          ),
+          /* @__PURE__ */ t(C, { color: f.OnSurfaceSubdued, py: u.Small, px: u.Medium, children: o.hiddenInTable }),
           T.map((e) => /* @__PURE__ */ c(b, { itemType: "checkbox", value: e.id, children: [
             /* @__PURE__ */ t(h, { children: e.columnDef.header }),
-            /* @__PURE__ */ t(
-              D,
-              {
-                isChecked: e.getIsVisible(),
-                onCheckedChange: ({ checked: n }) => {
-                  if (e.toggleVisibility(!!n), n) {
-                    const m = r.columnOrder.filter((S) => S !== e.id);
-                    m.push(e.id), r.setColumnOrder(m);
-                  }
-                }
+            /* @__PURE__ */ t(D, { isChecked: e.getIsVisible(), onCheckedChange: ({
+              checked: n
+            }) => {
+              if (e.toggleVisibility(!!n), n) {
+                const m = r.columnOrder.filter((S) => S !== e.id);
+                m.push(e.id), r.setColumnOrder(m);
               }
-            )
+            } })
           ] }, e.id))
         ] })
       ] }),
       /* @__PURE__ */ t(k, {}),
       s && /* @__PURE__ */ c(h, { children: [
-        /* @__PURE__ */ t(
-          C,
-          {
-            color: f.OnSurfaceSubdued,
-            py: u.Small,
-            px: u.Medium,
-            children: o.rowsPerPage
-          }
-        ),
-        /* @__PURE__ */ t(
-          X,
-          {
-            gap: "unset",
-            value: String(i),
-            onValueChange: (e) => l?.(Number(e.value)),
-            children: N.map((e) => /* @__PURE__ */ c(b, { itemType: "radio", value: String(e), children: [
-              o.numberOfRows.replace("{count}", String(e)),
-              /* @__PURE__ */ t(Z, { value: String(e) })
-            ] }, e))
-          }
-        ),
+        /* @__PURE__ */ t(C, { color: f.OnSurfaceSubdued, py: u.Small, px: u.Medium, children: o.rowsPerPage }),
+        /* @__PURE__ */ t(Z, { gap: "unset", value: String(i), onValueChange: (e) => l?.(Number(e.value)), children: N.map((e) => /* @__PURE__ */ c(b, { itemType: "radio", value: String(e), children: [
+          o.numberOfRows.replace("{count}", String(e)),
+          /* @__PURE__ */ t(q, { value: String(e) })
+        ] }, e)) }),
         /* @__PURE__ */ t(k, {})
       ] }),
       /* @__PURE__ */ c(b, { itemType: "switch", value: "breakingContent", children: [
         o.breakingContent,
-        /* @__PURE__ */ t(q, { onCheckedChange: V, isChecked: M() })
+        /* @__PURE__ */ t(J, { onCheckedChange: V, isChecked: M() })
       ] })
     ] }) })
   ] }) });
@@ -160,43 +118,16 @@ const W = (i, l, r, o) => {
     collisionDetector: P,
     plugins: ee
   });
-  return /* @__PURE__ */ t(
-    I,
-    {
-      ref: s,
-      role: "none",
-      opacity: a ? 0.95 : 1,
-      backgroundColor: f.Background,
-      transform: o,
-      transition: a ? void 0 : "transform 200ms ease",
-      boxShadow: a ? Q.Medium : void 0,
-      children: /* @__PURE__ */ c(b, { itemType: "checkbox", value: i.id, children: [
-        /* @__PURE__ */ c(y, { alignItems: "center", gap: u.XSmall, children: [
-          /* @__PURE__ */ t(
-            I,
-            {
-              ref: d,
-              cursor: a ? "grabbing" : "grab",
-              display: "inline-flex",
-              alignItems: "center",
-              flexShrink: 0,
-              children: /* @__PURE__ */ t(J, { size: B.Medium })
-            }
-          ),
-          /* @__PURE__ */ t(h, { children: i.columnDef.header })
-        ] }),
-        !a && /* @__PURE__ */ t(
-          D,
-          {
-            isDisabled: r,
-            isChecked: i.getIsVisible(),
-            onCheckedChange: ({ checked: g }) => i.toggleVisibility(!!g)
-          }
-        )
-      ] })
-    }
-  );
-}, De = R($);
+  return /* @__PURE__ */ t(I, { ref: s, role: "none", opacity: a ? 0.95 : 1, backgroundColor: f.Background, transform: o, transition: a ? void 0 : "transform 200ms ease", boxShadow: a ? W.Medium : void 0, children: /* @__PURE__ */ c(b, { itemType: "checkbox", value: i.id, children: [
+    /* @__PURE__ */ c(y, { alignItems: "center", gap: u.XSmall, children: [
+      /* @__PURE__ */ t(I, { ref: d, cursor: a ? "grabbing" : "grab", display: "inline-flex", alignItems: "center", flexShrink: 0, children: /* @__PURE__ */ t(Q, { size: B.Medium }) }),
+      /* @__PURE__ */ t(h, { children: i.columnDef.header })
+    ] }),
+    !a && /* @__PURE__ */ t(D, { isDisabled: r, isChecked: i.getIsVisible(), onCheckedChange: ({
+      checked: g
+    }) => i.toggleVisibility(!!g) })
+  ] }) });
+}, De = R(_);
 export {
   De as TableToolbarSettings
 };

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

@@ -10,7 +10,7 @@ export type TableToolbarProps = {
      */
     children?: ReactNode;
 };
-declare const TableToolbarInner: ({ title, children, ...props }: TableToolbarProps & ThemeStyleProps) => import("react/jsx-runtime").JSX.Element;
+declare const TableToolbarInner: ({ title, children, ...props }: TableToolbarProps & ThemeStyleProps) => import("react").JSX.Element;
 /**
  * Composable toolbar for tables. Accepts title prop and renders subcomponents in a responsive layout.
  *

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

@@ -1 +1 @@
-{"version":3,"file":"table-toolbar.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-toolbar.tsx"],"names":[],"mappings":"AACA,OAAO,EAKN,KAAK,eAAe,EACpB,MAAM,SAAS,CAAC;AAEjB,OAAO,EAA8C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAOnF,MAAM,MAAM,iBAAiB,GAAG;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,iBAAiB,GAAI,+BAA+B,iBAAiB,GAAG,eAAe,4CAqF5F,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAA8B,OAAO,iBAAiB,CAAC"}
+{"version":3,"file":"table-toolbar.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-toolbar.tsx"],"names":[],"mappings":"AAKA,OAAO,EAKN,KAAK,eAAe,EACpB,MAAM,SAAS,CAAC;AAEjB,OAAO,EAA8C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAOnF,MAAM,MAAM,iBAAiB,GAAG;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,iBAAiB,GAAI,+BAA+B,iBAAiB,GAAG,eAAe,gCAqF5F,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAA8B,OAAO,iBAAiB,CAAC"}

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

@@ -8,48 +8,42 @@ import { TableToolbarSearch as F } from "./table-toolbar-search.js";
 import { TableToolbarSettings as V } from "./table-toolbar-settings.js";
 import { Text as I } from "../text/text.js";
 import { ThemeFontVariable as z, ThemeColorVariable as A, ThemeFontSizeVariable as H, ThemeSpaceVariable as r } from "../../theme/theme-types.js";
-const k = ({ title: m, children: c, ...T }) => {
+const k = ({
+  title: m,
+  children: c,
+  ...T
+}) => {
   const d = B(), [h] = M(["(min-width: 48em)"]), g = d.id ? `${d.id}-toolbar` : void 0, e = l(() => {
     let u = null, b = null, p = null, f = null;
     return j.forEach(c, (a) => {
       if (!a || typeof a != "object" || !("type" in a)) return;
       const t = a;
       t.type === F ? u = t : t.type === V ? b = t : t.type === L ? p = t : t.type === w && (f = t);
-    }), { search: u, settings: b, actions: p, addButton: f };
-  }, [c]), i = l(() => m ? /* @__PURE__ */ s(
-    I,
-    {
-      fontSize: H.X2Large,
-      color: A.OnBackgroundHeader,
-      fontWeight: "bold",
-      fontFamily: z.Header,
-      children: m
-    }
-  ) : null, [m]), y = l(
-    () => /* @__PURE__ */ s(o, { direction: "column", gap: r.Medium, mb: r.Medium, children: /* @__PURE__ */ n(o, { justifyContent: "space-between", alignItems: "center", children: [
+    }), {
+      search: u,
+      settings: b,
+      actions: p,
+      addButton: f
+    };
+  }, [c]), i = l(() => m ? /* @__PURE__ */ s(I, { fontSize: H.X2Large, color: A.OnBackgroundHeader, fontWeight: "bold", fontFamily: z.Header, children: m }) : null, [m]), y = l(() => /* @__PURE__ */ s(o, { direction: "column", gap: r.Medium, mb: r.Medium, children: /* @__PURE__ */ n(o, { justifyContent: "space-between", alignItems: "center", children: [
+    i,
+    /* @__PURE__ */ n(o, { gap: r.Medium, children: [
+      e.search,
+      e.settings,
+      e.actions,
+      e.addButton
+    ] })
+  ] }) }), [i, e]), x = l(() => /* @__PURE__ */ n(o, { direction: "column", gap: r.Medium, mb: r.Medium, children: [
+    /* @__PURE__ */ n(o, { justifyContent: "space-between", children: [
       i,
-      /* @__PURE__ */ n(o, { gap: r.Medium, children: [
-        e.search,
-        e.settings,
-        e.actions,
-        e.addButton
-      ] })
-    ] }) }),
-    [i, e]
-  ), x = l(
-    () => /* @__PURE__ */ n(o, { direction: "column", gap: r.Medium, mb: r.Medium, children: [
-      /* @__PURE__ */ n(o, { justifyContent: "space-between", children: [
-        i,
-        e.addButton
-      ] }),
-      /* @__PURE__ */ n(o, { justifyContent: "space-between", gap: r.Medium, children: [
-        e.search,
-        e.actions,
-        e.settings
-      ] })
+      e.addButton
     ] }),
-    [i, e]
-  );
+    /* @__PURE__ */ n(o, { justifyContent: "space-between", gap: r.Medium, children: [
+      e.search,
+      e.actions,
+      e.settings
+    ] })
+  ] }), [i, e]);
   return /* @__PURE__ */ s(S, { id: g, ...T, children: h ? y : x });
 }, J = C(k);
 export {