@overmap-ai/blocks 1.0.25-table-row-loading.0 → 1.0.25-try-to-fix-react-table-library-imports.2

package/dist/Badge/Badge.d.ts

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { BadgeProps } from "./typings.ts";
+import { BadgeProps } from "./typings";
 /** The Badge Component is a user interface element that provides visual feedback, typically displaying a small amount
  * of information. It is commonly used to indicate counts, statuses, or labels in a concise and visually appealing
  * manner. This Badge components wraps the Badge component from Radix-ui found here https://www.radix-ui.com/themes/docs/components/badge */

package/dist/Badge/typings.d.ts

@@ -1,6 +1,6 @@
 import { ComponentProps } from "react";
 import { Badge as RadixBadge, MarginProps } from "@radix-ui/themes";
-import { Severity } from "../typings.ts";
+import { Severity } from "../typings";
 export interface BadgeProps extends Omit<ComponentProps<typeof RadixBadge>, keyof MarginProps> {
     /** The severity of the Badge, supports all global severities. Note that specifying a severity will overwrite any
      * color passed into the Badge component. */

package/dist/BaseMenuGroups/utils.d.ts

@@ -1,5 +1,5 @@
 import { MenuItemProps } from "@radix-ui/react-menu";
 import { ChangeEvent } from "react";
-import { TextFilterProps } from "./typings.ts";
+import { TextFilterProps } from "./typings";
 export declare const useCloseOnSelectHandler: (closeOnSelect: boolean) => (onSelect: MenuItemProps["onSelect"]) => (event: Event) => void;
 export declare const useTextFilterChangeHandler: () => (onTextFilterChange: TextFilterProps["onFilterValueChange"]) => (event: ChangeEvent<HTMLInputElement>) => void;

package/dist/Breadcrumb/Breadcrumb.d.ts

@@ -1,7 +1,7 @@
 import { Link } from "@radix-ui/themes";
 import { FlexProps } from "../Flex";
 import { ComponentProps, HTMLProps, ReactNode } from "react";
-import { Severity } from "../typings.ts";
+import { Severity } from "../typings";
 export interface BreadcrumbItemProps extends Omit<HTMLProps<HTMLAnchorElement>, "size" | "ref" | "color"> {
 }
 export declare const Item: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<BreadcrumbItemProps & import("react").RefAttributes<HTMLAnchorElement>>>;

package/dist/ButtonGroup/ButtonGroup.d.ts

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { ButtonGroupProps } from "./typings.ts";
+import { ButtonGroupProps } from "./typings";
 /** The ButtonGroup Component is a user interface element that groups multiple buttons together for improved user
  * interaction and visual clarity. It is commonly used to present related actions or options in a compact and organized
  * manner. The ButtonGroup supports all props of the RadixUI Flex layout component besides MarginProps,

package/dist/ButtonGroup/typings.d.ts

@@ -1,6 +1,6 @@
 import { Flex, MarginProps, Responsive } from "@radix-ui/themes";
 import { ComponentProps } from "react";
-import { Severity, Size, Variant } from "../typings.ts";
+import { Severity, Size, Variant } from "../typings";
 import { ButtonHoverEffect } from "../Buttons";
 export interface ButtonGroupProps extends Omit<ComponentProps<typeof Flex>, keyof MarginProps | "size" | "direction" | "asChild"> {
     /** The direction in which the Buttons within the ButtonGroup are stacked

package/dist/Buttons/Button.d.ts

@@ -1,4 +1,4 @@
 import { FC } from "react";
-import { ButtonProps } from "./typings.ts";
+import { ButtonProps } from "./typings";
 declare const Button: FC<ButtonProps>;
 export default Button;

package/dist/Buttons/IconButton.d.ts

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { ButtonProps } from "./typings.ts";
+import { ButtonProps } from "./typings";
 interface IconButtonProps extends ButtonProps {
     "aria-label": string;
 }

package/dist/Buttons/constants.d.ts

@@ -1,4 +1,4 @@
-import { ButtonHoverEffect } from "./typings.ts";
+import { ButtonHoverEffect } from "./typings";
 import { KeyboardEvent } from "react";
 export declare const hoverEffectClassNameMapping: Record<ButtonHoverEffect, string | undefined>;
 /** Passing this to a `div` will make it behave like a `button`. However, it will **NOT** support the disabled state. */

package/dist/Buttons/typings.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { Button as RadixButton, MarginProps, Responsive } from "@radix-ui/themes";
-import { Severity, Size, Variant } from "../typings.ts";
+import { Severity, Size, Variant } from "../typings";
 export interface Shortcut {
     keys: string[];
     action: () => void;

package/dist/ContextMenu/index.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 export type { ContextMenuRootProps } from "./Root";
 export declare const ContextMenu: {
-    Root: import("react").MemoExoticComponent<(props: import("./Root.tsx").ContextMenuRootProps) => import("react/jsx-runtime").JSX.Element>;
-    ActionItemGroup: import("react").MemoExoticComponent<(props: import("../index.ts").BaseItemGroupProps) => import("react/jsx-runtime").JSX.Element>;
-    SelectItemGroup: import("react").MemoExoticComponent<(props: import("../index.ts").BaseSelectGroupProps) => import("react/jsx-runtime").JSX.Element>;
-    MultiSelectItemGroup: import("react").MemoExoticComponent<(props: import("../index.ts").BaseMultiSelectGroupProps) => import("react/jsx-runtime").JSX.Element>;
-    SubItemGroup: import("react").MemoExoticComponent<(props: import("../index.ts").BaseSubMenuGroupProps) => import("react/jsx-runtime").JSX.Element>;
+    Root: import("react").MemoExoticComponent<(props: import("./Root").ContextMenuRootProps) => import("react/jsx-runtime").JSX.Element>;
+    ActionItemGroup: import("react").MemoExoticComponent<(props: import("..").BaseItemGroupProps) => import("react/jsx-runtime").JSX.Element>;
+    SelectItemGroup: import("react").MemoExoticComponent<(props: import("..").BaseSelectGroupProps) => import("react/jsx-runtime").JSX.Element>;
+    MultiSelectItemGroup: import("react").MemoExoticComponent<(props: import("..").BaseMultiSelectGroupProps) => import("react/jsx-runtime").JSX.Element>;
+    SubItemGroup: import("react").MemoExoticComponent<(props: import("..").BaseSubMenuGroupProps) => import("react/jsx-runtime").JSX.Element>;
 };

package/dist/DropdownItemMenu/DropdownItemMenu.d.ts

@@ -1,7 +1,7 @@
 import { FC } from "react";
+import { DropdownMenuContentProps } from "@radix-ui/react-dropdown-menu";
 import { DropdownMenuItemGroupItemProps, DropdownMenuItemGroupProps } from "../DropdownMenu";
 import { BaseMenuProps } from "../BaseMenuGroups";
-import { DropdownMenuContentProps } from "@radix-ui/react-dropdown-menu";
 export type DropdownItemMenuItemProps = DropdownMenuItemGroupItemProps;
 export type DropdownItemMenuProps = DropdownMenuItemGroupProps & BaseMenuProps & DropdownMenuContentProps;
 /** The DropdownItemMenu component is a user interface element that provides a list of options for the user to choose from.

package/dist/DropdownMenu/DropdownMenu.d.ts

@@ -1,7 +1,7 @@
 import { FC, PropsWithChildren } from "react";
-import { DropdownMenuItemGroupItemProps } from "./DropdownMenuGroups.tsx";
-import { BaseMenuProps } from "../BaseMenuGroups";
 import { DropdownMenuContentProps } from "@radix-ui/react-dropdown-menu";
+import { DropdownMenuItemGroupItemProps } from "./DropdownMenuGroups";
+import { BaseMenuProps } from "../BaseMenuGroups";
 export type DropdownMenuItemProps = DropdownMenuItemGroupItemProps;
 export type DropdownMenuProps = PropsWithChildren & BaseMenuProps & DropdownMenuContentProps;
 /** The DropdownMenu component is a user interface element that provides a list of options for the user to choose from.

package/dist/DropdownMultiSelect/DropdownMultiSelect.d.ts

@@ -1,7 +1,7 @@
 import { FC } from "react";
+import { DropdownMenuContentProps } from "@radix-ui/react-dropdown-menu";
 import { DropdownMenuMultiSelectGroupItemProps, DropdownMenuMultiSelectGroupProps } from "../DropdownMenu";
 import { BaseMenuProps } from "../BaseMenuGroups";
-import { DropdownMenuContentProps } from "@radix-ui/react-dropdown-menu";
 export type DropdownMultiSelectItemProps = DropdownMenuMultiSelectGroupItemProps;
 export type DropdownMultiSelectProps = DropdownMenuMultiSelectGroupProps & BaseMenuProps & DropdownMenuContentProps;
 export declare const DropdownMultiSelect: FC<DropdownMultiSelectProps>;

package/dist/DropdownSelect/DropdownSelect.d.ts

@@ -1,7 +1,7 @@
 import { FC } from "react";
+import { DropdownMenuContentProps } from "@radix-ui/react-dropdown-menu";
 import { DropdownMenuItemGroupItemProps, DropdownMenuSelectGroupProps } from "../DropdownMenu";
 import { BaseMenuProps } from "../BaseMenuGroups";
-import { DropdownMenuContentProps } from "@radix-ui/react-dropdown-menu";
 export type DropdownSelectItemProps = DropdownMenuItemGroupItemProps;
 export type DropdownSelectProps = DropdownMenuSelectGroupProps & BaseMenuProps & DropdownMenuContentProps;
 export declare const DropdownSelect: FC<DropdownSelectProps>;

package/dist/IconColorUtility/IconColorUtility.d.ts

@@ -1,6 +1,6 @@
 import { ComponentProps, ReactElement } from "react";
 import { Theme } from "@radix-ui/themes";
-import { Severity } from "../typings.ts";
+import { Severity } from "../typings";
 interface IconColorUtilityProps {
     children: ReactElement;
 }

package/dist/Input/Input.d.ts

@@ -1,3 +1,3 @@
 import { FC } from "react";
-import { InputProps } from "./typings.ts";
+import { InputProps } from "./typings";
 export declare const Input: FC<InputProps>;

package/dist/Input/typings.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { Responsive, TextField as RadixTextField } from "@radix-ui/themes";
-import { Severity, Size } from "../typings.ts";
+import { Severity, Size } from "../typings";
 import { MarginProps } from "@radix-ui/themes";
 type TextFieldInputProps = React.ComponentProps<typeof RadixTextField.Input>;
 export interface InputProps extends Omit<TextFieldInputProps, "size" | "color" | "radius" | "variant" | keyof MarginProps> {

package/dist/Layout/Root.d.ts

@@ -1,15 +1,4 @@
-import { Dispatch, PropsWithChildren, SetStateAction } from "react";
-interface ILayoutContent {
-    small: boolean;
-    hideLayout: boolean;
-    /** controlled value for open state of LeftSlideOut Component. */
-    showLeftSlideOut: boolean;
-    setShowLeftSlideOut: Dispatch<SetStateAction<boolean>>;
-    /** controlled value for open state of RightSlideOut Component. */
-    showRightSlideOut: boolean;
-    setShowRightSlideOut: Dispatch<SetStateAction<boolean>>;
-}
-export declare const LayoutContext: import("react").Context<ILayoutContent>;
+import { PropsWithChildren } from "react";
 export interface RootProps extends PropsWithChildren {
     /** TODO: DOCUMENT THIS HEAVILY
      * @default false */
@@ -20,4 +9,3 @@ export interface RootProps extends PropsWithChildren {
 }
 /** */
 export declare const Root: import("react").MemoExoticComponent<(props: RootProps) => import("react/jsx-runtime").JSX.Element>;
-export {};

package/dist/Layout/SlideOutOverlay.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { PropsWithClassNameAndStyle } from "../typings.ts";
+import { PropsWithClassNameAndStyle } from "../typings";
 import { SlideOutV3Props } from "../SlideOutV3";
 export interface OverlayProps extends PropsWithClassNameAndStyle {
     active?: boolean;

package/dist/Layout/context.d.ts

@@ -0,0 +1,14 @@
+import { Dispatch, SetStateAction } from "react";
+interface ILayoutContent {
+    small: boolean;
+    hideLayout: boolean;
+    /** controlled value for open state of LeftSlideOut Component. */
+    showLeftSlideOut: boolean;
+    setShowLeftSlideOut: Dispatch<SetStateAction<boolean>>;
+    /** controlled value for open state of RightSlideOut Component. */
+    showRightSlideOut: boolean;
+    setShowRightSlideOut: Dispatch<SetStateAction<boolean>>;
+}
+export declare const LayoutContext: import("react").Context<ILayoutContent>;
+export declare const useLayoutContext: () => ILayoutContent;
+export {};

package/dist/Layout/index.d.ts

@@ -7,7 +7,7 @@ export declare const Layout: {
     RightSlideOut: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./SlideOut").LayoutSlideOutProps & import("react").RefAttributes<HTMLDivElement>>>;
     SlideOutTrigger: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./SlideOutTrigger").SlideOutTriggerProps & import("react").RefAttributes<HTMLButtonElement>>>;
 };
-export * from "./hooks";
+export * from "./context";
 export type * from "./Root";
 export type * from "./Container";
 export type * from "./SlideOutOverlay";

package/dist/Popover/Popover.d.ts

@@ -1,3 +1,3 @@
 import { FC } from "react";
-import { PopoverProps } from "./typings.ts";
+import { PopoverProps } from "./typings";
 export declare const Popover: FC<PopoverProps>;

package/dist/Separator/Separator.d.ts

@@ -1,3 +1,3 @@
 import { FC } from "react";
-import { SeparatorProps } from "./typings.ts";
+import { SeparatorProps } from "./typings";
 export declare const Separator: FC<SeparatorProps>;

package/dist/Separator/typings.d.ts

@@ -1,6 +1,6 @@
 import { Flex, Text, Separator as RadixSeparator, MarginProps } from "@radix-ui/themes";
 import { ComponentProps } from "react";
-import { Severity } from "../typings.ts";
+import { Severity } from "../typings";
 export interface SeparatorProps extends Omit<ComponentProps<typeof RadixSeparator>, "color" | "asChild" | keyof MarginProps> {
     /** text to be displayed in the middle of the separator */
     text?: string;

package/dist/SlideOut/SlideOutV2.d.ts

@@ -1,6 +1,6 @@
 import { PropsWithChildren } from "react";
 import { FocusOutsideEvent, PointerDownOutsideEvent } from "@radix-ui/react-dismissable-layer";
-import { PropsWithClassNameAndStyle } from "../typings.ts";
+import { PropsWithClassNameAndStyle } from "../typings";
 export type DismissibleEventTypes = PointerDownOutsideEvent | FocusOutsideEvent | KeyboardEvent;
 export interface SlideOutV2Props extends PropsWithChildren, PropsWithClassNameAndStyle {
     /** The controlled open state of the SlideOut */

package/dist/Switch/Switch.d.ts

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { SwitchProps } from "./typings.ts";
+import { SwitchProps } from "./typings";
 /** The Switch Component is a user interface element that allows users to toggle between two states, typically
  * representing "on" and "off" or "enabled" and "disabled". It is commonly used for settings, preferences, or any
  * binary options. This Switch component is a wrapper around the Radix-ui Switch component found here https://www.radix-ui.com/themes/docs/components/switch

package/dist/Switch/typings.d.ts

@@ -1,6 +1,6 @@
 import { ComponentProps, ReactElement, ReactNode } from "react";
 import { MarginProps, Switch as RadixSwitch } from "@radix-ui/themes";
-import { Severity } from "../typings.ts";
+import { Severity } from "../typings";
 interface SwitchIconProps {
     checked: ReactNode;
     unchecked: ReactNode;

package/dist/Table/typings.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import { ReactElement, ReactNode } from "react";
 export type IdLabel = string | number;
 export type ValueLabel = IdLabel | null | undefined;
 export type TableLabel = ValueLabel | ReactNode;
@@ -38,6 +38,7 @@ export interface TableRow {
     columns: {
         [columnId: string]: TableCell;
     };
+    decorator?: (row: ReactElement) => ReactElement;
 }
 export interface TableProps {
     columns: TableColumn[];

package/dist/TextArea/TextArea.d.ts

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { TextAreaProps } from "./typings.ts";
+import { TextAreaProps } from "./typings";
 /** The TextArea Component is a user interface element that allows users to input and edit multi-line text.
  It is commonly used in forms, chat applications, and other scenarios where longer text inputs are required.
  This TextArea is a wrapper of the RadixUI TextArea component found here https://www.radix-ui.com/themes/docs/components/text-area.

package/dist/TextArea/typings.d.ts

@@ -1,6 +1,6 @@
 import { ComponentProps } from "react";
 import { TextArea as RadixTextArea, MarginProps } from "@radix-ui/themes";
-import { Severity } from "../typings.ts";
+import { Severity } from "../typings";
 export interface TextAreaProps extends Omit<ComponentProps<typeof RadixTextArea>, keyof MarginProps | "color" | "variant"> {
     /** used to set the severity of the TextArea, supports all 5 global severities
      * @default "primary"

package/dist/Toast/typings.d.ts

@@ -1,7 +1,7 @@
 import { ComponentProps, ReactElement, ReactNode } from "react";
 import { ToastActionProps, ToastProps as RadixToastProps, ToastProviderProps, ToastViewportProps } from "@radix-ui/react-toast";
 import { Callout } from "@radix-ui/themes";
-import { Severity } from "../typings.ts";
+import { Severity } from "../typings";
 export interface ToastProps {
     size?: ComponentProps<typeof Callout.Root>["size"];
     /**

package/dist/ToggleGroup/ToggleGroup.d.ts

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { ToggleGroupSingleProps } from "./typings.ts";
+import { ToggleGroupSingleProps } from "./typings";
 /** The Toggle Group Component is a user interface element that allows users to select a single option from a set of
  * mutually exclusive choices. It is commonly used in situations where users need to make a single selection from a
  * predefined list of options. This component is built using the ButtonGroup and IconButton components in combination

package/dist/blocks.js

@@ -19,11 +19,6 @@ import * as RadixToast from "@radix-ui/react-toast";
 import { ToastProvider as ToastProvider$1, ToastViewport as ToastViewport$1 } from "@radix-ui/react-toast";
 import { useErrorBoundary, ErrorBoundary } from "react-error-boundary";
 import FeatherIcon from "feather-icons-react";
-import { HeaderCell, Table as Table$1, Header, HeaderRow, Body, Cell, Row } from "@table-library/react-table-library/table.js";
-import { useTheme } from "@table-library/react-table-library/theme.js";
-import { useSort, HeaderCellSort } from "@table-library/react-table-library/sort.js";
-import { useRowSelect, SelectTypes, SelectClickTypes, HeaderCellSelect, CellSelect } from "@table-library/react-table-library/select.js";
-import { usePagination } from "@table-library/react-table-library/pagination.js";
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }
@@ -97,11 +92,11 @@ const nonThemeSeverityMapping = {
   info: "gray"
 };
 const useSeverityColor = (severity) => {
-  const theme = useThemeContext();
+  const theme2 = useThemeContext();
   if (!severity)
     return void 0;
   if (severity === "primary")
-    return theme.accentColor;
+    return theme2.accentColor;
   return nonThemeSeverityMapping[severity];
 };
 const useViewportSize = () => {
@@ -1495,6 +1490,7 @@ const _Sidebar = forwardRef(function Sidebar2({
 });
 const Sidebar = memo(_Sidebar);
 const LayoutContext = createContext({});
+const useLayoutContext = () => useContext(LayoutContext);
 const Root$1 = memo((props) => {
   const { children, small = false, hideLayout = false } = props;
   const [showLeftSlideOut, setShowLeftSlideOut] = useState(false);
@@ -1513,7 +1509,6 @@ const Root$1 = memo((props) => {
   return /* @__PURE__ */ jsx(LayoutContext.Provider, { value: contextValue, children });
 });
 Root$1.displayName = "Layout.Root";
-const useLayoutContext = () => useContext(LayoutContext);
 const Container = memo(
   forwardRef((props, ref) => {
     const { children, style, grow = "1", height = "100%", position, ...rest } = props;
@@ -3555,7 +3550,7 @@ const tableTopContainer = "_tableTopContainer_5i91d_21";
 const tableContainer = "_tableContainer_5i91d_25";
 const searchContainer = "_searchContainer_5i91d_30";
 const columnFilterSelect = "_columnFilterSelect_5i91d_40";
-const table = "_table_5i91d_21";
+const table$1 = "_table_5i91d_21";
 const tableHeaderCell = "_tableHeaderCell_5i91d_58";
 const showSortIcon = "_showSortIcon_5i91d_74";
 const tableRow = "_tableRow_5i91d_78";
@@ -3574,7 +3569,7 @@ const styles$1 = {
   tableContainer,
   searchContainer,
   columnFilterSelect,
-  table,
+  table: table$1,
   tableHeaderCell,
   showSortIcon,
   tableRow,
@@ -3586,6 +3581,16 @@ const styles$1 = {
   pageText,
   descriptionSecondLine
 };
+const table = import("@overmap-ai/react-table-library/table.js");
+const { Body, Cell, Header, HeaderCell, HeaderRow, Row, Table: ReactLibraryTable } = table;
+const theme = import("@overmap-ai/react-table-library/theme.js");
+const { useTheme } = theme;
+const sort = import("@overmap-ai/react-table-library/sort.js");
+const { HeaderCellSort, useSort } = sort;
+const select = import("@overmap-ai/react-table-library/select.js");
+const { CellSelect, HeaderCellSelect, SelectClickTypes, SelectTypes, useRowSelect } = select;
+const pagination = import("@overmap-ai/react-table-library/pagination.js");
+const { usePagination } = pagination;
 const _Table = forwardRef(function Table2(props, ref) {
   var _a;
   const {
@@ -3748,7 +3753,7 @@ const _Table = forwardRef(function Table2(props, ref) {
       isCarryForward: false
     }
   );
-  const pagination = usePagination(
+  const pagination2 = usePagination(
     tableData,
     {
       state: {
@@ -3760,7 +3765,7 @@ const _Table = forwardRef(function Table2(props, ref) {
       isServer: false
     }
   );
-  const sort = useSort(
+  const sort2 = useSort(
     tableData,
     {
       onChange: (_action, state) => {
@@ -3877,7 +3882,7 @@ const _Table = forwardRef(function Table2(props, ref) {
   });
   const SelectedModeButton = isMobile ? IconButton : Button2;
   const layout = useMemo(() => ({ custom: true, ...fixHeader && { fixedHeader: true } }), [fixHeader]);
-  const theme = useTheme({
+  const theme2 = useTheme({
     Table: `
 			 --data-table-library_grid-template-columns: ${gridTemplateColumns} !important;
 		`,
@@ -3900,14 +3905,14 @@ const _Table = forwardRef(function Table2(props, ref) {
     if (showPageNavigation) {
       const numTotalPages = Math.ceil(rows.length / numRowsPerPage);
       setTotalPages(numTotalPages);
-      if (pagination.state.page < 0) {
-        pagination.fns.onSetPage(0);
+      if (pagination2.state.page < 0) {
+        pagination2.fns.onSetPage(0);
       }
-      if (pagination.state.page > numTotalPages - 1) {
-        pagination.fns.onSetPage(numTotalPages - 1);
+      if (pagination2.state.page > numTotalPages - 1) {
+        pagination2.fns.onSetPage(numTotalPages - 1);
       }
     }
-  }, [rowsPerPage, rows.length, numRowsPerPage, pagination, showPageNavigation]);
+  }, [rowsPerPage, rows.length, numRowsPerPage, pagination2, showPageNavigation]);
   return /* @__PURE__ */ jsxs(Flex$1, { className: classNames({ [styles$1.outerTableContainer]: showContainer }), direction: "column", height: "100%", children: [
     (!!title || !!description) && /* @__PURE__ */ jsxs("div", { className: styles$1.headerContainer, children: [
       !!title && /* @__PURE__ */ jsx(Text$1, { weight: "bold", size: "5", children: title }),
@@ -3940,7 +3945,7 @@ const _Table = forwardRef(function Table2(props, ref) {
             color: "crimson",
             onClick: () => {
               setColumnFilterValues(defaultColumnFilterValues);
-              pagination.fns.onSetPage(0);
+              pagination2.fns.onSetPage(0);
             },
             "aria-label": "Clear filters",
             children: /* @__PURE__ */ jsx(Cross2Icon, {})
@@ -3961,13 +3966,13 @@ const _Table = forwardRef(function Table2(props, ref) {
     ] }),
     children,
     /* @__PURE__ */ jsx("div", { className: styles$1.tableContainer, children: /* @__PURE__ */ jsx(
-      Table$1,
+      ReactLibraryTable,
       {
         className: classNames(styles$1.table, className),
         data: tableData,
-        theme,
-        sort,
-        pagination: showPageNavigation && pagination,
+        theme: theme2,
+        sort: sort2,
+        pagination: showPageNavigation && pagination2,
         select: tableSelect,
         layout,
         ref,
@@ -3985,7 +3990,7 @@ const _Table = forwardRef(function Table2(props, ref) {
                 className: classNames(styles$1.tableRow, rowClassName, row.className, {
                   [styles$1.disabled]: row.disabled
                 }),
-                onClick: !row.loading && !row.disabled && row.onClick,
+                onClick: !row.disabled && row.onClick,
                 children: row.loading ? /* @__PURE__ */ jsx(
                   Cell,
                   {
@@ -4033,7 +4038,7 @@ const _Table = forwardRef(function Table2(props, ref) {
             items: rowsPerPageOptions,
             defaultValue: (_a = rowsPerPageOptions.find((rowPerPage) => rowPerPage.value === defaultRowsPerPage.toString())) == null ? void 0 : _a.value.toString(),
             onValueChange: (v) => {
-              pagination.fns.onSetSize(Number(v));
+              pagination2.fns.onSetSize(Number(v));
               setNumRowsPerPage(Number(v));
             },
             placeholder: rowsPerPageOptions[0].itemContent,
@@ -4041,14 +4046,14 @@ const _Table = forwardRef(function Table2(props, ref) {
           }
         )
       ] }),
-      showPageNumber && /* @__PURE__ */ jsx(Flex$1, { justify: "center", children: /* @__PURE__ */ jsx(Text$1, { className: styles$1.pageText, size: "2", children: totalPages > 0 && `Page ${pagination.state.page + 1} of ${totalPages}` }) }),
+      showPageNumber && /* @__PURE__ */ jsx(Flex$1, { justify: "center", children: /* @__PURE__ */ jsx(Text$1, { className: styles$1.pageText, size: "2", children: totalPages > 0 && `Page ${pagination2.state.page + 1} of ${totalPages}` }) }),
       showPageNavigation && /* @__PURE__ */ jsxs(Flex$1, { className: styles$1.rowsPerPageContainer, gap: "2", justify: "end", children: [
         /* @__PURE__ */ jsx(
           IconButton,
           {
             variant: "surface",
-            onClick: () => pagination.fns.onSetPage(0),
-            disabled: pagination.state.page === 0 || totalPages === 0,
+            onClick: () => pagination2.fns.onSetPage(0),
+            disabled: pagination2.state.page === 0 || totalPages === 0,
             "aria-label": "Go to first page",
             children: /* @__PURE__ */ jsx(DoubleArrowLeftIcon, {})
           }
@@ -4057,8 +4062,8 @@ const _Table = forwardRef(function Table2(props, ref) {
           IconButton,
           {
             variant: "surface",
-            disabled: pagination.state.page === 0 || totalPages === 0,
-            onClick: () => pagination.fns.onSetPage(pagination.state.page - 1),
+            disabled: pagination2.state.page === 0 || totalPages === 0,
+            onClick: () => pagination2.fns.onSetPage(pagination2.state.page - 1),
             "aria-label": "Previous page",
             children: /* @__PURE__ */ jsx(ChevronLeftIcon, {})
           }
@@ -4067,8 +4072,8 @@ const _Table = forwardRef(function Table2(props, ref) {
           IconButton,
           {
             variant: "surface",
-            disabled: pagination.state.page + 1 === totalPages || totalPages === 0,
-            onClick: () => pagination.fns.onSetPage(pagination.state.page + 1),
+            disabled: pagination2.state.page + 1 === totalPages || totalPages === 0,
+            onClick: () => pagination2.fns.onSetPage(pagination2.state.page + 1),
             "aria-label": "Next page",
             children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
           }
@@ -4077,8 +4082,8 @@ const _Table = forwardRef(function Table2(props, ref) {
           IconButton,
           {
             variant: "surface",
-            disabled: pagination.state.page + 1 === totalPages || totalPages === 0,
-            onClick: () => pagination.fns.onSetPage(totalPages - 1),
+            disabled: pagination2.state.page + 1 === totalPages || totalPages === 0,
+            onClick: () => pagination2.fns.onSetPage(totalPages - 1),
             "aria-label": "Go to last page",
             children: /* @__PURE__ */ jsx(DoubleArrowRightIcon, {})
           }
@@ -4281,6 +4286,7 @@ export {
   IconColorUtility,
   Input,
   Layout,
+  LayoutContext,
   LeftAndRightPanels,
   MultiPagePopover,
   MultiSelect,