@inf-monkeys-tech/monkeys-design 0.4.32 → 0.4.33

package/dist/{theme-CvbotXXr.d.ts → theme-CoG9vCPT.d.mts}

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { b as BaseAccordionProps, e as BaseAvatarProps, h as BaseBadgeProps, l as BaseBreadcrumbProps, n as BaseButtonProps, p as BaseCheckboxProps, z as BaseContextMenuProps, s as BaseContextMenuCheckboxItemProps, v as BaseContextMenuContentProps, x as BaseContextMenuItemProps, y as BaseContextMenuLabelProps, A as BaseContextMenuRadioGroupProps, C as BaseContextMenuRadioItemProps, D as BaseContextMenuSeparatorProps, F as BaseContextMenuSubProps, E as BaseContextMenuSubContentProps, G as BaseContextMenuSubTriggerProps, H as BaseContextMenuTriggerProps, L as BaseDescriptionListProps, N as BaseDialogProps, P as BaseDividerProps, T as BaseDropdownMenuProps, U as BaseEmptyStateProps, W as BaseFieldProps, X as BaseInputProps, Y as BaseLoadingStateProps, _ as BaseNoticeProps, a0 as BasePanelProps, a2 as BasePaginationProps, a4 as BaseProgressProps, a7 as BaseRadioGroupProps, ad as BaseSelectProps, ab as BaseSectionHeaderProps, ag as BaseSegmentedControlProps, ai as BaseSkeletonProps, al as BaseSwitchProps, aJ as BaseTableProps, an as BaseTableBodyProps, ap as BaseTableCaptionProps, ar as BaseTableCellProps, ay as BaseTableContainerProps, aA as BaseTableEmptyProps, aD as BaseTableFooterProps, aG as BaseTableHeadProps, aE as BaseTableHeaderProps, aI as BaseTableLoadingProps, aL as BaseTableRowProps, aC as BaseTableFooterBarProps, aQ as BaseTabsProps, aR as BaseTextareaProps, aU as BaseTooltipProps, aW as BaseToolbarProps, a9 as BaseResolvedTheme, r as BaseControlTone, c as BaseAppearance } from './types-BgEEUqSm.js';
+import { b as BaseAccordionProps, e as BaseAvatarProps, h as BaseBadgeProps, l as BaseBreadcrumbProps, n as BaseButtonProps, p as BaseCheckboxProps, z as BaseContextMenuProps, s as BaseContextMenuCheckboxItemProps, v as BaseContextMenuContentProps, x as BaseContextMenuItemProps, y as BaseContextMenuLabelProps, A as BaseContextMenuRadioGroupProps, C as BaseContextMenuRadioItemProps, D as BaseContextMenuSeparatorProps, F as BaseContextMenuSubProps, E as BaseContextMenuSubContentProps, G as BaseContextMenuSubTriggerProps, H as BaseContextMenuTriggerProps, L as BaseDescriptionListProps, N as BaseDialogProps, P as BaseDividerProps, T as BaseDropdownMenuProps, U as BaseEmptyStateProps, W as BaseFieldProps, X as BaseInputProps, a2 as BaseLayoutProps, a0 as BaseLayoutPaneProps, a4 as BaseLayoutResizeHandleProps, a7 as BaseLayoutSplitProps, a8 as BaseLoadingStateProps, aa as BaseNoticeProps, ac as BasePanelProps, ae as BasePaginationProps, ag as BaseProgressProps, aj as BaseRadioGroupProps, ap as BaseSelectProps, an as BaseSectionHeaderProps, as as BaseSegmentedControlProps, au as BaseSkeletonProps, ax as BaseSwitchProps, aV as BaseTableProps, az as BaseTableBodyProps, aB as BaseTableCaptionProps, aD as BaseTableCellProps, aK as BaseTableContainerProps, aM as BaseTableEmptyProps, aP as BaseTableFooterProps, aS as BaseTableHeadProps, aQ as BaseTableHeaderProps, aU as BaseTableLoadingProps, aX as BaseTableRowProps, aO as BaseTableFooterBarProps, b0 as BaseTabsProps, b1 as BaseTextareaProps, b4 as BaseTooltipProps, b6 as BaseToolbarProps, al as BaseResolvedTheme, r as BaseControlTone, c as BaseAppearance } from './types-CZALgtez.mjs';
 import * as React from 'react';
 
 declare function BaseAccordion({ items, value, defaultValue, allowCollapse, appearance, className, classNames, style, onValueChange, id, ...accordionProps }: BaseAccordionProps): react_jsx_runtime.JSX.Element;
@@ -41,6 +41,11 @@ declare function BaseField({ label, description, message, error, required, disab
 
 declare const BaseInput: React.ForwardRefExoticComponent<BaseInputProps & React.RefAttributes<HTMLInputElement>>;
 
+declare function BaseLayout({ header, sidebar, aside, footer, children, sidebarSize, asideSize, gap, fullHeight, appearance, className, classNames, style, ...layoutProps }: BaseLayoutProps): react_jsx_runtime.JSX.Element;
+declare function BaseLayoutPane({ as, scrollable, bordered, surface, children, appearance, className, classNames, style, ...paneProps }: BaseLayoutPaneProps): react_jsx_runtime.JSX.Element;
+declare function BaseLayoutResizeHandle({ orientation, resizable, disabled, size, minSize, maxSize, label, appearance, className, classNames, style, tabIndex, ...handleProps }: BaseLayoutResizeHandleProps): react_jsx_runtime.JSX.Element;
+declare function BaseLayoutSplit({ orientation, primary, secondary, children, resizable, size, defaultSize, minSize, maxSize, gap, keyboardStep, resizeLabel, appearance, className, classNames, style, onSizeChange, ...splitProps }: BaseLayoutSplitProps): react_jsx_runtime.JSX.Element;
+
 declare function BaseLoadingState({ icon, title, description, actions, appearance, className, classNames, style, ...stateProps }: BaseLoadingStateProps): react_jsx_runtime.JSX.Element;
 
 declare function BaseNotice({ tone, icon, title, description, actions, children, appearance, className, classNames, style, ...noticeProps }: BaseNoticeProps): react_jsx_runtime.JSX.Element;
@@ -69,7 +74,7 @@ declare function BaseTableHeader({ appearance, className, classNames, style, ...
 declare function BaseTableBody({ appearance, className, classNames, style, ...bodyProps }: BaseTableBodyProps): react_jsx_runtime.JSX.Element;
 declare function BaseTableFooter({ appearance, className, classNames, style, ...footerProps }: BaseTableFooterProps): react_jsx_runtime.JSX.Element;
 declare function BaseTableRow({ interactive, selected, disabled, appearance, className, classNames, style, ...rowProps }: BaseTableRowProps): react_jsx_runtime.JSX.Element;
-declare function BaseTableHead({ columnId, align, icon, label, description, meta, actions, trailing, sortable, sortDirection, sortLabel, onSort, draggable, dragLabel, resizable, resizeLabel, width, minWidth, maxWidth, appearance, className, classNames, style, children, onDragOver, onDrop, ...headProps }: BaseTableHeadProps): react_jsx_runtime.JSX.Element;
+declare const BaseTableHead: React.ForwardRefExoticComponent<BaseTableHeadProps & React.RefAttributes<HTMLTableCellElement>>;
 declare function BaseTableCell({ align, appearance, className, classNames, style, ...cellProps }: BaseTableCellProps): react_jsx_runtime.JSX.Element;
 declare function BaseTableCaption({ appearance, className, classNames, style, ...captionProps }: BaseTableCaptionProps): react_jsx_runtime.JSX.Element;
 declare function BaseTableEmpty({ colSpan, icon, title, description, actions, children, appearance, className, classNames, style, ...emptyProps }: BaseTableEmptyProps): react_jsx_runtime.JSX.Element;
@@ -91,4 +96,4 @@ declare function getBaseBadgeToneClassName(theme: BaseResolvedTheme, tone?: Base
 declare function getBaseNoticeToneClassName(theme: BaseResolvedTheme, tone?: BaseControlTone): string;
 declare function getBaseMenuItemToneClassName(theme: BaseResolvedTheme, tone?: BaseControlTone): string;
 
-export { getBaseButtonToneClassName as $, BasePanel as A, BaseAccordion as B, BasePagination as C, BaseProgress as D, BaseRadioGroup as E, BaseSelect as F, BaseSectionHeader as G, BaseSegmentedControl as H, BaseSkeleton as I, BaseSwitch as J, BaseTable as K, BaseTableBody as L, BaseTableCaption as M, BaseTableCell as N, BaseTableContainer as O, BaseTableEmpty as P, BaseTableFooter as Q, BaseTableFooterBar as R, BaseTableHead as S, BaseTableHeader as T, BaseTableLoading as U, BaseTableRow as V, BaseTabs as W, BaseTextarea as X, BaseTooltip as Y, BaseToolbar as Z, getBaseBadgeToneClassName as _, BaseAvatar as a, getBaseMenuItemToneClassName as a0, getBaseNoticeToneClassName as a1, resolveBaseAppearance as a2, BaseBadge as b, BaseBreadcrumb as c, BaseButton as d, BaseCheckbox as e, BaseContextMenu as f, BaseContextMenuCheckboxItem as g, BaseContextMenuContent as h, BaseContextMenuItem as i, BaseContextMenuLabel as j, BaseContextMenuRadioGroup as k, BaseContextMenuRadioItem as l, BaseContextMenuSeparator as m, BaseContextMenuSub as n, BaseContextMenuSubContent as o, BaseContextMenuSubTrigger as p, BaseContextMenuTrigger as q, BaseDescriptionList as r, BaseDialog as s, BaseDivider as t, BaseDropdownMenu as u, BaseEmptyState as v, BaseField as w, BaseInput as x, BaseLoadingState as y, BaseNotice as z };
+export { BaseTextarea as $, BaseLayoutResizeHandle as A, BaseAccordion as B, BaseLayoutSplit as C, BaseLoadingState as D, BaseNotice as E, BasePanel as F, BasePagination as G, BaseProgress as H, BaseRadioGroup as I, BaseSelect as J, BaseSectionHeader as K, BaseSegmentedControl as L, BaseSkeleton as M, BaseSwitch as N, BaseTable as O, BaseTableBody as P, BaseTableCaption as Q, BaseTableCell as R, BaseTableContainer as S, BaseTableEmpty as T, BaseTableFooter as U, BaseTableFooterBar as V, BaseTableHead as W, BaseTableHeader as X, BaseTableLoading as Y, BaseTableRow as Z, BaseTabs as _, BaseAvatar as a, BaseTooltip as a0, BaseToolbar as a1, getBaseBadgeToneClassName as a2, getBaseButtonToneClassName as a3, getBaseMenuItemToneClassName as a4, getBaseNoticeToneClassName as a5, resolveBaseAppearance as a6, BaseBadge as b, BaseBreadcrumb as c, BaseButton as d, BaseCheckbox as e, BaseContextMenu as f, BaseContextMenuCheckboxItem as g, BaseContextMenuContent as h, BaseContextMenuItem as i, BaseContextMenuLabel as j, BaseContextMenuRadioGroup as k, BaseContextMenuRadioItem as l, BaseContextMenuSeparator as m, BaseContextMenuSub as n, BaseContextMenuSubContent as o, BaseContextMenuSubTrigger as p, BaseContextMenuTrigger as q, BaseDescriptionList as r, BaseDialog as s, BaseDivider as t, BaseDropdownMenu as u, BaseEmptyState as v, BaseField as w, BaseInput as x, BaseLayout as y, BaseLayoutPane as z };

package/dist/{theme-6RDum855.d.mts → theme-Cuy60thu.d.ts}

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { b as BaseAccordionProps, e as BaseAvatarProps, h as BaseBadgeProps, l as BaseBreadcrumbProps, n as BaseButtonProps, p as BaseCheckboxProps, z as BaseContextMenuProps, s as BaseContextMenuCheckboxItemProps, v as BaseContextMenuContentProps, x as BaseContextMenuItemProps, y as BaseContextMenuLabelProps, A as BaseContextMenuRadioGroupProps, C as BaseContextMenuRadioItemProps, D as BaseContextMenuSeparatorProps, F as BaseContextMenuSubProps, E as BaseContextMenuSubContentProps, G as BaseContextMenuSubTriggerProps, H as BaseContextMenuTriggerProps, L as BaseDescriptionListProps, N as BaseDialogProps, P as BaseDividerProps, T as BaseDropdownMenuProps, U as BaseEmptyStateProps, W as BaseFieldProps, X as BaseInputProps, Y as BaseLoadingStateProps, _ as BaseNoticeProps, a0 as BasePanelProps, a2 as BasePaginationProps, a4 as BaseProgressProps, a7 as BaseRadioGroupProps, ad as BaseSelectProps, ab as BaseSectionHeaderProps, ag as BaseSegmentedControlProps, ai as BaseSkeletonProps, al as BaseSwitchProps, aJ as BaseTableProps, an as BaseTableBodyProps, ap as BaseTableCaptionProps, ar as BaseTableCellProps, ay as BaseTableContainerProps, aA as BaseTableEmptyProps, aD as BaseTableFooterProps, aG as BaseTableHeadProps, aE as BaseTableHeaderProps, aI as BaseTableLoadingProps, aL as BaseTableRowProps, aC as BaseTableFooterBarProps, aQ as BaseTabsProps, aR as BaseTextareaProps, aU as BaseTooltipProps, aW as BaseToolbarProps, a9 as BaseResolvedTheme, r as BaseControlTone, c as BaseAppearance } from './types-BgEEUqSm.mjs';
+import { b as BaseAccordionProps, e as BaseAvatarProps, h as BaseBadgeProps, l as BaseBreadcrumbProps, n as BaseButtonProps, p as BaseCheckboxProps, z as BaseContextMenuProps, s as BaseContextMenuCheckboxItemProps, v as BaseContextMenuContentProps, x as BaseContextMenuItemProps, y as BaseContextMenuLabelProps, A as BaseContextMenuRadioGroupProps, C as BaseContextMenuRadioItemProps, D as BaseContextMenuSeparatorProps, F as BaseContextMenuSubProps, E as BaseContextMenuSubContentProps, G as BaseContextMenuSubTriggerProps, H as BaseContextMenuTriggerProps, L as BaseDescriptionListProps, N as BaseDialogProps, P as BaseDividerProps, T as BaseDropdownMenuProps, U as BaseEmptyStateProps, W as BaseFieldProps, X as BaseInputProps, a2 as BaseLayoutProps, a0 as BaseLayoutPaneProps, a4 as BaseLayoutResizeHandleProps, a7 as BaseLayoutSplitProps, a8 as BaseLoadingStateProps, aa as BaseNoticeProps, ac as BasePanelProps, ae as BasePaginationProps, ag as BaseProgressProps, aj as BaseRadioGroupProps, ap as BaseSelectProps, an as BaseSectionHeaderProps, as as BaseSegmentedControlProps, au as BaseSkeletonProps, ax as BaseSwitchProps, aV as BaseTableProps, az as BaseTableBodyProps, aB as BaseTableCaptionProps, aD as BaseTableCellProps, aK as BaseTableContainerProps, aM as BaseTableEmptyProps, aP as BaseTableFooterProps, aS as BaseTableHeadProps, aQ as BaseTableHeaderProps, aU as BaseTableLoadingProps, aX as BaseTableRowProps, aO as BaseTableFooterBarProps, b0 as BaseTabsProps, b1 as BaseTextareaProps, b4 as BaseTooltipProps, b6 as BaseToolbarProps, al as BaseResolvedTheme, r as BaseControlTone, c as BaseAppearance } from './types-CZALgtez.js';
 import * as React from 'react';
 
 declare function BaseAccordion({ items, value, defaultValue, allowCollapse, appearance, className, classNames, style, onValueChange, id, ...accordionProps }: BaseAccordionProps): react_jsx_runtime.JSX.Element;
@@ -41,6 +41,11 @@ declare function BaseField({ label, description, message, error, required, disab
 
 declare const BaseInput: React.ForwardRefExoticComponent<BaseInputProps & React.RefAttributes<HTMLInputElement>>;
 
+declare function BaseLayout({ header, sidebar, aside, footer, children, sidebarSize, asideSize, gap, fullHeight, appearance, className, classNames, style, ...layoutProps }: BaseLayoutProps): react_jsx_runtime.JSX.Element;
+declare function BaseLayoutPane({ as, scrollable, bordered, surface, children, appearance, className, classNames, style, ...paneProps }: BaseLayoutPaneProps): react_jsx_runtime.JSX.Element;
+declare function BaseLayoutResizeHandle({ orientation, resizable, disabled, size, minSize, maxSize, label, appearance, className, classNames, style, tabIndex, ...handleProps }: BaseLayoutResizeHandleProps): react_jsx_runtime.JSX.Element;
+declare function BaseLayoutSplit({ orientation, primary, secondary, children, resizable, size, defaultSize, minSize, maxSize, gap, keyboardStep, resizeLabel, appearance, className, classNames, style, onSizeChange, ...splitProps }: BaseLayoutSplitProps): react_jsx_runtime.JSX.Element;
+
 declare function BaseLoadingState({ icon, title, description, actions, appearance, className, classNames, style, ...stateProps }: BaseLoadingStateProps): react_jsx_runtime.JSX.Element;
 
 declare function BaseNotice({ tone, icon, title, description, actions, children, appearance, className, classNames, style, ...noticeProps }: BaseNoticeProps): react_jsx_runtime.JSX.Element;
@@ -69,7 +74,7 @@ declare function BaseTableHeader({ appearance, className, classNames, style, ...
 declare function BaseTableBody({ appearance, className, classNames, style, ...bodyProps }: BaseTableBodyProps): react_jsx_runtime.JSX.Element;
 declare function BaseTableFooter({ appearance, className, classNames, style, ...footerProps }: BaseTableFooterProps): react_jsx_runtime.JSX.Element;
 declare function BaseTableRow({ interactive, selected, disabled, appearance, className, classNames, style, ...rowProps }: BaseTableRowProps): react_jsx_runtime.JSX.Element;
-declare function BaseTableHead({ columnId, align, icon, label, description, meta, actions, trailing, sortable, sortDirection, sortLabel, onSort, draggable, dragLabel, resizable, resizeLabel, width, minWidth, maxWidth, appearance, className, classNames, style, children, onDragOver, onDrop, ...headProps }: BaseTableHeadProps): react_jsx_runtime.JSX.Element;
+declare const BaseTableHead: React.ForwardRefExoticComponent<BaseTableHeadProps & React.RefAttributes<HTMLTableCellElement>>;
 declare function BaseTableCell({ align, appearance, className, classNames, style, ...cellProps }: BaseTableCellProps): react_jsx_runtime.JSX.Element;
 declare function BaseTableCaption({ appearance, className, classNames, style, ...captionProps }: BaseTableCaptionProps): react_jsx_runtime.JSX.Element;
 declare function BaseTableEmpty({ colSpan, icon, title, description, actions, children, appearance, className, classNames, style, ...emptyProps }: BaseTableEmptyProps): react_jsx_runtime.JSX.Element;
@@ -91,4 +96,4 @@ declare function getBaseBadgeToneClassName(theme: BaseResolvedTheme, tone?: Base
 declare function getBaseNoticeToneClassName(theme: BaseResolvedTheme, tone?: BaseControlTone): string;
 declare function getBaseMenuItemToneClassName(theme: BaseResolvedTheme, tone?: BaseControlTone): string;
 
-export { getBaseButtonToneClassName as $, BasePanel as A, BaseAccordion as B, BasePagination as C, BaseProgress as D, BaseRadioGroup as E, BaseSelect as F, BaseSectionHeader as G, BaseSegmentedControl as H, BaseSkeleton as I, BaseSwitch as J, BaseTable as K, BaseTableBody as L, BaseTableCaption as M, BaseTableCell as N, BaseTableContainer as O, BaseTableEmpty as P, BaseTableFooter as Q, BaseTableFooterBar as R, BaseTableHead as S, BaseTableHeader as T, BaseTableLoading as U, BaseTableRow as V, BaseTabs as W, BaseTextarea as X, BaseTooltip as Y, BaseToolbar as Z, getBaseBadgeToneClassName as _, BaseAvatar as a, getBaseMenuItemToneClassName as a0, getBaseNoticeToneClassName as a1, resolveBaseAppearance as a2, BaseBadge as b, BaseBreadcrumb as c, BaseButton as d, BaseCheckbox as e, BaseContextMenu as f, BaseContextMenuCheckboxItem as g, BaseContextMenuContent as h, BaseContextMenuItem as i, BaseContextMenuLabel as j, BaseContextMenuRadioGroup as k, BaseContextMenuRadioItem as l, BaseContextMenuSeparator as m, BaseContextMenuSub as n, BaseContextMenuSubContent as o, BaseContextMenuSubTrigger as p, BaseContextMenuTrigger as q, BaseDescriptionList as r, BaseDialog as s, BaseDivider as t, BaseDropdownMenu as u, BaseEmptyState as v, BaseField as w, BaseInput as x, BaseLoadingState as y, BaseNotice as z };
+export { BaseTextarea as $, BaseLayoutResizeHandle as A, BaseAccordion as B, BaseLayoutSplit as C, BaseLoadingState as D, BaseNotice as E, BasePanel as F, BasePagination as G, BaseProgress as H, BaseRadioGroup as I, BaseSelect as J, BaseSectionHeader as K, BaseSegmentedControl as L, BaseSkeleton as M, BaseSwitch as N, BaseTable as O, BaseTableBody as P, BaseTableCaption as Q, BaseTableCell as R, BaseTableContainer as S, BaseTableEmpty as T, BaseTableFooter as U, BaseTableFooterBar as V, BaseTableHead as W, BaseTableHeader as X, BaseTableLoading as Y, BaseTableRow as Z, BaseTabs as _, BaseAvatar as a, BaseTooltip as a0, BaseToolbar as a1, getBaseBadgeToneClassName as a2, getBaseButtonToneClassName as a3, getBaseMenuItemToneClassName as a4, getBaseNoticeToneClassName as a5, resolveBaseAppearance as a6, BaseBadge as b, BaseBreadcrumb as c, BaseButton as d, BaseCheckbox as e, BaseContextMenu as f, BaseContextMenuCheckboxItem as g, BaseContextMenuContent as h, BaseContextMenuItem as i, BaseContextMenuLabel as j, BaseContextMenuRadioGroup as k, BaseContextMenuRadioItem as l, BaseContextMenuSeparator as m, BaseContextMenuSub as n, BaseContextMenuSubContent as o, BaseContextMenuSubTrigger as p, BaseContextMenuTrigger as q, BaseDescriptionList as r, BaseDialog as s, BaseDivider as t, BaseDropdownMenu as u, BaseEmptyState as v, BaseField as w, BaseInput as x, BaseLayout as y, BaseLayoutPane as z };

package/dist/theme-system/index.d.mts

@@ -1,4 +1,4 @@
-import { c as BaseAppearance, a9 as BaseResolvedTheme } from '../types-BgEEUqSm.mjs';
+import { c as BaseAppearance, al as BaseResolvedTheme } from '../types-CZALgtez.mjs';
 import { c as DataExplorerAppearance, Y as DataExplorerResolvedTheme } from '../types-B81dpI1o.mjs';
 import 'react';
 import '@radix-ui/react-context-menu';

package/dist/theme-system/index.d.ts

@@ -1,4 +1,4 @@
-import { c as BaseAppearance, a9 as BaseResolvedTheme } from '../types-BgEEUqSm.js';
+import { c as BaseAppearance, al as BaseResolvedTheme } from '../types-CZALgtez.js';
 import { c as DataExplorerAppearance, Y as DataExplorerResolvedTheme } from '../types-B81dpI1o.js';
 import 'react';
 import '@radix-ui/react-context-menu';

package/dist/theme-system/index.js

@@ -8548,7 +8548,41 @@ var baseSlots = {
   tableEmptyActions: "mt-4 flex flex-wrap items-center justify-center gap-2",
   tableLoadingRow: "border-b border-border/60",
   tableLoadingCell: "px-3 py-2",
-  tableLoadingSkeleton: "h-4 w-full rounded-md bg-muted/70"
+  tableLoadingSkeleton: "h-4 w-full rounded-md bg-muted/70",
+  layoutRoot: cn(
+    "grid min-w-0 overflow-hidden grid-rows-[auto_minmax(0,1fr)_auto] gap-3 rounded-lg border border-border/70 bg-background p-3 text-foreground",
+    motionBase
+  ),
+  layoutRootFull: "h-full min-h-0",
+  layoutHeader: "min-w-0",
+  layoutBody: "grid min-h-0 min-w-0 overflow-hidden gap-3",
+  layoutSidebar: "min-h-0 min-w-0 overflow-hidden",
+  layoutMain: "min-h-0 min-w-0 overflow-hidden",
+  layoutAside: "min-h-0 min-w-0 overflow-hidden",
+  layoutFooter: "min-w-0",
+  layoutPane: cn(
+    "h-full max-h-full min-h-0 min-w-0 overflow-hidden rounded-lg bg-background text-foreground",
+    motionBase
+  ),
+  layoutPaneScrollable: "overflow-auto",
+  layoutPaneBordered: "border border-border/70",
+  layoutPaneMuted: "bg-muted/25",
+  layoutPaneSoft: "bg-background/95 shadow-sm",
+  layoutPaneTransparent: "bg-transparent shadow-none",
+  layoutSplitRoot: "grid min-h-0 min-w-0 overflow-hidden",
+  layoutSplitHorizontal: "grid-flow-col",
+  layoutSplitVertical: "grid-flow-row",
+  layoutSplitPane: "min-h-0 min-w-0 overflow-hidden",
+  layoutSplitPrimary: "",
+  layoutSplitSecondary: "",
+  layoutResizeHandle: cn(
+    "group/resize relative z-10 flex shrink-0 items-center justify-center bg-transparent text-muted-foreground hover:bg-border/60 active:bg-border/70 focus-visible:bg-border/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30",
+    motionInteractive
+  ),
+  layoutResizeHandleHorizontal: "w-2 cursor-col-resize",
+  layoutResizeHandleVertical: "h-2 cursor-row-resize",
+  layoutResizeHandleDisabled: "cursor-default opacity-60",
+  layoutResizeHandleIndicator: "rounded-full bg-muted-foreground/45 group-hover/resize:bg-primary/70"
 };
 var densitySlots = {
   compact: {
@@ -8622,7 +8656,12 @@ var densitySlots = {
     tableCell: "px-2 py-1.5 text-xs",
     tableHeadLabel: "text-[11px]",
     tableHeadDescription: "text-[10px] leading-3",
-    tableLoadingCell: "px-2 py-1.5"
+    tableLoadingCell: "px-2 py-1.5",
+    layoutRoot: "gap-2 p-2",
+    layoutBody: "gap-2",
+    layoutPane: "rounded-md text-xs",
+    layoutResizeHandleHorizontal: "w-1.5",
+    layoutResizeHandleVertical: "h-1.5"
   },
   default: {
     buttonBase: "h-9"
@@ -8673,7 +8712,12 @@ var densitySlots = {
     menuSubTrigger: "min-h-9 px-3 py-2",
     tableHead: "h-12 px-4 py-3",
     tableCell: "px-4 py-3",
-    tableLoadingCell: "px-4 py-3"
+    tableLoadingCell: "px-4 py-3",
+    layoutRoot: "gap-4 p-4",
+    layoutBody: "gap-4",
+    layoutPane: "rounded-xl",
+    layoutResizeHandleHorizontal: "w-2.5",
+    layoutResizeHandleVertical: "h-2.5"
   }
 };
 var radiusSlots = {
@@ -8717,7 +8761,9 @@ var radiusSlots = {
     menuSubContent: "rounded-none",
     tableContainer: "rounded-none",
     tableEmptyIcon: "rounded-none",
-    tableLoadingSkeleton: "rounded-none"
+    tableLoadingSkeleton: "rounded-none",
+    layoutRoot: "rounded-none",
+    layoutPane: "rounded-none"
   },
   sm: {
     buttonBase: "rounded-sm",
@@ -8759,7 +8805,9 @@ var radiusSlots = {
     menuSubContent: "rounded-sm",
     tableContainer: "rounded-sm",
     tableEmptyIcon: "rounded-sm",
-    tableLoadingSkeleton: "rounded-sm"
+    tableLoadingSkeleton: "rounded-sm",
+    layoutRoot: "rounded-sm",
+    layoutPane: "rounded-sm"
   },
   md: {},
   lg: {
@@ -8796,7 +8844,9 @@ var radiusSlots = {
     menuSubContent: "rounded-lg",
     tableContainer: "rounded-xl",
     tableEmptyIcon: "rounded-xl",
-    tableLoadingSkeleton: "rounded-lg"
+    tableLoadingSkeleton: "rounded-lg",
+    layoutRoot: "rounded-xl",
+    layoutPane: "rounded-xl"
   },
   xl: {
     buttonBase: "rounded-xl",
@@ -8834,7 +8884,9 @@ var radiusSlots = {
     menuSubContent: "rounded-xl",
     tableContainer: "rounded-2xl",
     tableEmptyIcon: "rounded-2xl",
-    tableLoadingSkeleton: "rounded-xl"
+    tableLoadingSkeleton: "rounded-xl",
+    layoutRoot: "rounded-2xl",
+    layoutPane: "rounded-2xl"
   },
   full: {
     buttonBase: "rounded-full",
@@ -8876,7 +8928,9 @@ var radiusSlots = {
     menuSubContent: "rounded-2xl",
     tableContainer: "rounded-2xl",
     tableEmptyIcon: "rounded-full",
-    tableLoadingSkeleton: "rounded-full"
+    tableLoadingSkeleton: "rounded-full",
+    layoutRoot: "rounded-2xl",
+    layoutPane: "rounded-2xl"
   }
 };
 var borderSlots = {
@@ -8918,7 +8972,10 @@ var borderSlots = {
     tableFooterBarAttached: "border-t border-transparent",
     tableRow: "border-transparent",
     tableEmptyRow: "border-transparent",
-    tableLoadingRow: "border-transparent"
+    tableLoadingRow: "border-transparent",
+    layoutRoot: "border-transparent",
+    layoutPaneBordered: "border-transparent",
+    layoutResizeHandle: "bg-transparent hover:bg-transparent active:bg-transparent focus-visible:bg-transparent"
   },
   subtle: {
     buttonDefault: "border-border/60",
@@ -8958,7 +9015,9 @@ var borderSlots = {
     tableFooterBarAttached: "border-t border-border/60",
     tableRow: "border-border/50",
     tableEmptyRow: "border-border/50",
-    tableLoadingRow: "border-border/50"
+    tableLoadingRow: "border-border/50",
+    layoutRoot: "border-border/60",
+    layoutPaneBordered: "border-border/60"
   },
   solid: {},
   strong: {
@@ -8999,7 +9058,10 @@ var borderSlots = {
     tableFooterBarAttached: "border-t border-foreground/20",
     tableRow: "border-foreground/15",
     tableEmptyRow: "border-foreground/15",
-    tableLoadingRow: "border-foreground/15"
+    tableLoadingRow: "border-foreground/15",
+    layoutRoot: "border-foreground/20",
+    layoutPaneBordered: "border-foreground/20",
+    layoutResizeHandle: "hover:bg-foreground/15 active:bg-foreground/20 focus-visible:bg-foreground/15"
   }
 };
 var backgroundSlots = {
@@ -9041,7 +9103,11 @@ var backgroundSlots = {
     tableFooter: "bg-muted/35",
     tableFooterBar: "bg-muted/30 shadow-none",
     tableRowInteractive: "cursor-pointer hover:bg-muted/45",
-    tableLoadingSkeleton: "bg-muted"
+    tableLoadingSkeleton: "bg-muted",
+    layoutRoot: "bg-card",
+    layoutPane: "bg-card",
+    layoutPaneMuted: "bg-muted/35",
+    layoutResizeHandle: "hover:bg-border/70 active:bg-border/80 focus-visible:bg-border/70"
   },
   soft: {
     buttonDefault: "bg-muted/30 hover:bg-muted/55",
@@ -9077,7 +9143,10 @@ var backgroundSlots = {
     tableFooter: "bg-muted/25",
     tableFooterBar: "bg-muted/25 shadow-none",
     tableRowInteractive: "cursor-pointer hover:bg-muted/35",
-    tableLoadingSkeleton: "bg-muted/65"
+    tableLoadingSkeleton: "bg-muted/65",
+    layoutRoot: "bg-background/95 shadow-sm",
+    layoutPane: "bg-background/95 shadow-sm",
+    layoutPaneSoft: "bg-background/95 shadow-md"
   },
   glass: {
     buttonBase: "backdrop-blur-md",
@@ -9138,7 +9207,13 @@ var backgroundSlots = {
     tableRow: "border-white/10",
     tableRowInteractive: "cursor-pointer hover:bg-white/[0.08]",
     tableHeadLabel: "text-foreground",
-    tableLoadingSkeleton: "bg-white/[0.16]"
+    tableLoadingSkeleton: "bg-white/[0.16]",
+    layoutRoot: "border-white/10 bg-white/[0.05] shadow-none backdrop-blur-md",
+    layoutPane: "border-white/10 bg-white/[0.06] shadow-none backdrop-blur-md",
+    layoutPaneMuted: "bg-white/[0.08]",
+    layoutPaneSoft: "bg-white/[0.10] shadow-none backdrop-blur-md",
+    layoutResizeHandle: "text-foreground/65 hover:bg-white/10 active:bg-white/15 focus-visible:bg-white/10",
+    layoutResizeHandleIndicator: "bg-white/45 group-hover/resize:bg-white/75"
   },
   dark: {
     buttonBase: "border-white/15 text-white shadow-lg backdrop-blur",
@@ -9267,7 +9342,13 @@ var backgroundSlots = {
     menuSubTrigger: "text-white focus:bg-white/[0.10] focus:text-white data-[highlighted]:bg-white/[0.10] data-[highlighted]:text-white data-[state=open]:bg-white/[0.12]",
     menuSubTriggerIcon: "text-white/55",
     menuSubContent: "border-white/10 bg-slate-950 text-white shadow-2xl",
-    tableLoadingSkeleton: "bg-white/[0.14]"
+    tableLoadingSkeleton: "bg-white/[0.14]",
+    layoutRoot: "border-white/10 bg-slate-950 text-white shadow-none",
+    layoutPane: "border-white/10 bg-slate-950 text-white shadow-none",
+    layoutPaneMuted: "bg-white/[0.06]",
+    layoutPaneSoft: "bg-white/[0.08] shadow-none",
+    layoutResizeHandle: "text-white/65 hover:bg-white/10 active:bg-white/15 focus-visible:bg-white/10",
+    layoutResizeHandleIndicator: "bg-white/45 group-hover/resize:bg-white/75"
   }
 };
 var presetDefaults = {
@@ -10118,7 +10199,308 @@ react.forwardRef(
     );
   }
 );
-react.createContext(null);
+var DATA_TRANSFER_COLUMN_TYPE = "application/x-monkeys-base-table-column";
+var BaseTableContext = react.createContext(null);
+function useBaseTableContext(appearance) {
+  const context = react.useContext(BaseTableContext);
+  if (context) {
+    return {
+      ...context,
+      theme: appearance ? resolveBaseAppearance(appearance) : context.theme,
+      appearance: appearance ?? context.appearance
+    };
+  }
+  const theme = resolveBaseAppearance(appearance);
+  return {
+    appearance,
+    theme,
+    setDraggingColumnId: () => {
+    }
+  };
+}
+function toCssSize(value) {
+  if (value === void 0) return void 0;
+  return typeof value === "number" ? `${value}px` : value;
+}
+function clampWidth(value, minWidth, maxWidth) {
+  const min5 = minWidth ?? 48;
+  const max5 = maxWidth ?? Number.POSITIVE_INFINITY;
+  return Math.min(Math.max(value, min5), max5);
+}
+function getNextColumnOrder(order, columnId, targetColumnId) {
+  if (!order || columnId === targetColumnId) return void 0;
+  const fromIndex = order.indexOf(columnId);
+  const toIndex = order.indexOf(targetColumnId);
+  if (fromIndex < 0 || toIndex < 0) return void 0;
+  const next = [...order];
+  const [moved] = next.splice(fromIndex, 1);
+  next.splice(toIndex, 0, moved);
+  return next;
+}
+function sortAriaValue(direction) {
+  switch (direction) {
+    case "asc":
+      return "ascending";
+    case "desc":
+      return "descending";
+    default:
+      return void 0;
+  }
+}
+function SortIndicator({
+  direction,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      "aria-hidden": "true",
+      className: cn(
+        className,
+        direction === "desc" && "rotate-180",
+        (!direction || direction === "none") && "opacity-45"
+      ),
+      children: "\u25B2"
+    }
+  );
+}
+function DragHandleIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { "aria-hidden": "true", className: "grid gap-0.5", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-0.5 w-0.5 rounded-full bg-current" }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-0.5 w-0.5 rounded-full bg-current" }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-0.5 w-0.5 rounded-full bg-current" })
+  ] });
+}
+react.forwardRef(function BaseTableHead2({
+  columnId,
+  align = "left",
+  icon,
+  label,
+  description,
+  meta,
+  actions,
+  trailing,
+  sortable,
+  sortDirection = "none",
+  sortLabel,
+  onSort,
+  draggable,
+  dragLabel,
+  resizable,
+  resizeLabel,
+  width,
+  minWidth,
+  maxWidth,
+  appearance,
+  className,
+  classNames,
+  style,
+  children,
+  onDragOver,
+  onDrop,
+  ...headProps
+}, forwardedRef) {
+  const tableContext = useBaseTableContext(appearance);
+  const { theme } = tableContext;
+  const headRef = react.useRef(null);
+  const setHeadRef = (node) => {
+    headRef.current = node;
+    if (typeof forwardedRef === "function") {
+      forwardedRef(node);
+    } else if (forwardedRef) {
+      forwardedRef.current = node;
+    }
+  };
+  const controlledWidth = columnId && tableContext.columnSizes?.[columnId] !== void 0 ? tableContext.columnSizes[columnId] : width;
+  const canDrag = Boolean(
+    columnId && draggable !== false && (draggable || tableContext.columnDragEnabled) && tableContext.columnOrder && tableContext.onColumnOrderChange
+  );
+  const canResize = Boolean(
+    columnId && resizable !== false && (resizable || tableContext.columnResizeEnabled) && tableContext.onColumnSizeChange
+  );
+  const interactiveSort = Boolean(sortable || onSort);
+  const ariaSort = sortAriaValue(sortDirection);
+  const content = hasRenderableNode(label) ? label : children;
+  const usesRichHeader = canDrag || hasRenderableNode(icon) || hasRenderableNode(label) || hasRenderableNode(description) || hasRenderableNode(meta) || hasRenderableNode(actions) || hasRenderableNode(trailing) || interactiveSort;
+  const renderedContent = usesRichHeader ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(theme.slots.tableHeadContent, classNames?.content), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(theme.slots.tableHeadMain, classNames?.main), children: [
+      canDrag ? /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          draggable: true,
+          title: dragLabel,
+          "aria-label": dragLabel ?? `Drag column ${columnId}`,
+          className: cn(theme.slots.tableHeadDragHandle, classNames?.dragHandle),
+          onClick: (event) => event.stopPropagation(),
+          onDragStart: (event) => {
+            event.stopPropagation();
+            tableContext.setDraggingColumnId(columnId);
+            event.dataTransfer.effectAllowed = "move";
+            event.dataTransfer.setData(DATA_TRANSFER_COLUMN_TYPE, columnId);
+          },
+          onDragEnd: (event) => {
+            event.stopPropagation();
+            tableContext.setDraggingColumnId(void 0);
+          },
+          children: /* @__PURE__ */ jsxRuntime.jsx(DragHandleIcon, {})
+        }
+      ) : null,
+      icon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(theme.slots.tableHeadIcon, classNames?.icon), children: icon }) : null,
+      interactiveSort ? /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          disabled: !onSort,
+          title: sortLabel,
+          className: cn(theme.slots.tableHeadSortButton, classNames?.sortButton),
+          onClick: (event) => {
+            event.stopPropagation();
+            onSort?.(columnId);
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cn(theme.slots.tableHeadText, classNames?.text), children: [
+              hasRenderableNode(content) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(theme.slots.tableHeadLabel, classNames?.label), children: content }) : null,
+              hasRenderableNode(description) ? /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  className: cn(
+                    theme.slots.tableHeadDescription,
+                    classNames?.description
+                  ),
+                  children: description
+                }
+              ) : null
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              SortIndicator,
+              {
+                direction: sortDirection,
+                className: cn(theme.slots.tableHeadSortIcon, classNames?.sortIcon)
+              }
+            )
+          ]
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cn(theme.slots.tableHeadText, classNames?.text), children: [
+        hasRenderableNode(content) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(theme.slots.tableHeadLabel, classNames?.label), children: content }) : null,
+        hasRenderableNode(description) ? /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: cn(
+              theme.slots.tableHeadDescription,
+              classNames?.description
+            ),
+            children: description
+          }
+        ) : null
+      ] })
+    ] }),
+    hasRenderableNode(meta) || hasRenderableNode(actions) || hasRenderableNode(trailing) ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(theme.slots.tableHeadActions, classNames?.actions), children: [
+      hasRenderableNode(meta) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(theme.slots.tableHeadMeta, classNames?.meta), children: meta }) : null,
+      actions,
+      trailing
+    ] }) : null
+  ] }) : children;
+  const handleDragOver = (event) => {
+    onDragOver?.(event);
+    if (!canDrag || !tableContext.draggingColumnId || tableContext.draggingColumnId === columnId) {
+      return;
+    }
+    event.preventDefault();
+    event.dataTransfer.dropEffect = "move";
+  };
+  const handleDrop = (event) => {
+    onDrop?.(event);
+    if (!canDrag || !columnId) return;
+    const sourceColumnId = tableContext.draggingColumnId || event.dataTransfer.getData(DATA_TRANSFER_COLUMN_TYPE);
+    if (!sourceColumnId || sourceColumnId === columnId) return;
+    const nextOrder = getNextColumnOrder(
+      tableContext.columnOrder,
+      sourceColumnId,
+      columnId
+    );
+    if (nextOrder) {
+      event.preventDefault();
+      tableContext.onColumnOrderChange?.(nextOrder, {
+        columnId: sourceColumnId,
+        targetColumnId: columnId
+      });
+    }
+    tableContext.setDraggingColumnId(void 0);
+  };
+  const handleResizePointerDown = (event) => {
+    if (!canResize || !columnId || !tableContext.onColumnSizeChange) return;
+    event.preventDefault();
+    event.stopPropagation();
+    const startX = event.clientX;
+    const currentWidth = typeof controlledWidth === "number" ? controlledWidth : headRef.current?.offsetWidth ?? minWidth ?? 96;
+    const previousWidth = clampWidth(currentWidth, minWidth, maxWidth);
+    const pointerId = event.pointerId;
+    const target = event.currentTarget;
+    target.setPointerCapture?.(pointerId);
+    const handlePointerMove = (moveEvent) => {
+      const nextWidth = clampWidth(
+        previousWidth + moveEvent.clientX - startX,
+        minWidth,
+        maxWidth
+      );
+      tableContext.onColumnSizeChange?.(columnId, nextWidth, {
+        columnId,
+        previousWidth,
+        minWidth,
+        maxWidth
+      });
+    };
+    const cleanup = () => {
+      target.releasePointerCapture?.(pointerId);
+      window.removeEventListener("pointermove", handlePointerMove);
+      window.removeEventListener("pointerup", cleanup);
+      window.removeEventListener("pointercancel", cleanup);
+    };
+    window.addEventListener("pointermove", handlePointerMove);
+    window.addEventListener("pointerup", cleanup);
+    window.addEventListener("pointercancel", cleanup);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "th",
+    {
+      ...headProps,
+      ref: setHeadRef,
+      scope: headProps.scope ?? "col",
+      "aria-sort": ariaSort,
+      className: cn(
+        theme.slots.tableHead,
+        align === "center" && theme.slots.tableCellAlignCenter,
+        align === "right" && theme.slots.tableCellAlignRight,
+        classNames?.root,
+        className
+      ),
+      style: {
+        ...theme.styles.tableHead,
+        width: toCssSize(controlledWidth),
+        minWidth: toCssSize(minWidth),
+        maxWidth: toCssSize(maxWidth),
+        ...style
+      },
+      onDragOver: handleDragOver,
+      onDrop: handleDrop,
+      children: [
+        renderedContent,
+        canResize ? /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            title: resizeLabel,
+            "aria-label": resizeLabel ?? `Resize column ${columnId}`,
+            className: cn(theme.slots.tableHeadResizeHandle, classNames?.resizeHandle),
+            onClick: (event) => event.stopPropagation(),
+            onPointerDown: handleResizePointerDown
+          }
+        ) : null
+      ]
+    }
+  );
+});
 react.forwardRef(
   function BaseTextarea2({
     invalid = false,