@nu-grid/nuxt 0.2.0 → 0.3.1

package/dist/runtime/composables/_internal/useNuGridUI.d.ts

@@ -585,6 +585,64 @@ export declare function useNuGridUI(props: NuGridProps): {
             virtualize?: boolean | undefined;
             sticky?: boolean | "header" | "footer" | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        tbody: (slotProps?: ({
+            loading?: boolean | undefined;
+            loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
+            loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
+            focusCell?: boolean | undefined;
+            focusRow?: boolean | undefined;
+            rowInvalid?: boolean | undefined;
+            hasLeftBorder?: boolean | undefined;
+            hasRightBorder?: boolean | undefined;
+            pinned?: boolean | undefined;
+            gridFocused?: boolean | undefined;
+            activeRow?: boolean | undefined;
+            colResizing?: boolean | undefined;
+            colDraggable?: boolean | undefined;
+            colDragging?: boolean | undefined;
+            colDropTarget?: boolean | undefined;
+            focusMultiRow?: boolean | undefined;
+            virtualize?: boolean | undefined;
+            sticky?: boolean | "header" | "footer" | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
+            loading?: boolean | undefined;
+            loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
+            loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
+            focusCell?: boolean | undefined;
+            focusRow?: boolean | undefined;
+            rowInvalid?: boolean | undefined;
+            hasLeftBorder?: boolean | undefined;
+            hasRightBorder?: boolean | undefined;
+            pinned?: boolean | undefined;
+            gridFocused?: boolean | undefined;
+            activeRow?: boolean | undefined;
+            colResizing?: boolean | undefined;
+            colDraggable?: boolean | undefined;
+            colDragging?: boolean | undefined;
+            colDropTarget?: boolean | undefined;
+            focusMultiRow?: boolean | undefined;
+            virtualize?: boolean | undefined;
+            sticky?: boolean | "header" | "footer" | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
+            loading?: boolean | undefined;
+            loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
+            loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
+            focusCell?: boolean | undefined;
+            focusRow?: boolean | undefined;
+            rowInvalid?: boolean | undefined;
+            hasLeftBorder?: boolean | undefined;
+            hasRightBorder?: boolean | undefined;
+            pinned?: boolean | undefined;
+            gridFocused?: boolean | undefined;
+            activeRow?: boolean | undefined;
+            colResizing?: boolean | undefined;
+            colDraggable?: boolean | undefined;
+            colDragging?: boolean | undefined;
+            colDropTarget?: boolean | undefined;
+            focusMultiRow?: boolean | undefined;
+            virtualize?: boolean | undefined;
+            sticky?: boolean | "header" | "footer" | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         loading: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
@@ -1281,7 +1339,7 @@ export declare function useNuGridUI(props: NuGridProps): {
             virtualize?: boolean | undefined;
             sticky?: boolean | "header" | "footer" | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
-        footerContent: (slotProps?: ({
+        headerControls: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -1339,7 +1397,7 @@ export declare function useNuGridUI(props: NuGridProps): {
             virtualize?: boolean | undefined;
             sticky?: boolean | "header" | "footer" | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
-        groupHeader: (slotProps?: ({
+        columnMenu: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -1397,7 +1455,7 @@ export declare function useNuGridUI(props: NuGridProps): {
             virtualize?: boolean | undefined;
             sticky?: boolean | "header" | "footer" | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
-        groupHeaderLeft: (slotProps?: ({
+        footerContent: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -1455,7 +1513,7 @@ export declare function useNuGridUI(props: NuGridProps): {
             virtualize?: boolean | undefined;
             sticky?: boolean | "header" | "footer" | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
-        groupIcon: (slotProps?: ({
+        groupHeader: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -1513,7 +1571,7 @@ export declare function useNuGridUI(props: NuGridProps): {
             virtualize?: boolean | undefined;
             sticky?: boolean | "header" | "footer" | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
-        groupLabel: (slotProps?: ({
+        groupHeaderLeft: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -1571,7 +1629,7 @@ export declare function useNuGridUI(props: NuGridProps): {
             virtualize?: boolean | undefined;
             sticky?: boolean | "header" | "footer" | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
-        groupHeaderSpacer: (slotProps?: ({
+        groupIcon: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -1629,7 +1687,7 @@ export declare function useNuGridUI(props: NuGridProps): {
             virtualize?: boolean | undefined;
             sticky?: boolean | "header" | "footer" | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
-        collapsedHeaderCell: (slotProps?: ({
+        groupLabel: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -1687,7 +1745,7 @@ export declare function useNuGridUI(props: NuGridProps): {
             virtualize?: boolean | undefined;
             sticky?: boolean | "header" | "footer" | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
-        collapsedText: (slotProps?: ({
+        groupHeaderSpacer: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -1745,7 +1803,7 @@ export declare function useNuGridUI(props: NuGridProps): {
             virtualize?: boolean | undefined;
             sticky?: boolean | "header" | "footer" | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
-        expandedText: (slotProps?: ({
+        collapsedHeaderCell: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -1803,7 +1861,7 @@ export declare function useNuGridUI(props: NuGridProps): {
             virtualize?: boolean | undefined;
             sticky?: boolean | "header" | "footer" | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
-        stickyGroupHeader: (slotProps?: ({
+        collapsedText: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -1861,7 +1919,7 @@ export declare function useNuGridUI(props: NuGridProps): {
             virtualize?: boolean | undefined;
             sticky?: boolean | "header" | "footer" | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
-        stickyColumnHeader: (slotProps?: ({
+        expandedText: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -1919,7 +1977,7 @@ export declare function useNuGridUI(props: NuGridProps): {
             virtualize?: boolean | undefined;
             sticky?: boolean | "header" | "footer" | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
-        thGroup: (slotProps?: ({
+        stickyGroupHeader: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -1977,7 +2035,7 @@ export declare function useNuGridUI(props: NuGridProps): {
             virtualize?: boolean | undefined;
             sticky?: boolean | "header" | "footer" | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
-        thGroupInner: (slotProps?: ({
+        stickyColumnHeader: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -2035,7 +2093,7 @@ export declare function useNuGridUI(props: NuGridProps): {
             virtualize?: boolean | undefined;
             sticky?: boolean | "header" | "footer" | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
-        editorErrorRing: (slotProps?: ({
+        thGroup: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -2093,7 +2151,7 @@ export declare function useNuGridUI(props: NuGridProps): {
             virtualize?: boolean | undefined;
             sticky?: boolean | "header" | "footer" | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
-        validationPopoverContent: (slotProps?: ({
+        thGroupInner: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -2151,7 +2209,7 @@ export declare function useNuGridUI(props: NuGridProps): {
             virtualize?: boolean | undefined;
             sticky?: boolean | "header" | "footer" | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
-        validationPopoverInner: (slotProps?: ({
+        editorErrorRing: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -2209,7 +2267,7 @@ export declare function useNuGridUI(props: NuGridProps): {
             virtualize?: boolean | undefined;
             sticky?: boolean | "header" | "footer" | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
-        multiRowHeaderRow: (slotProps?: ({
+        validationPopoverContent: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -2267,7 +2325,7 @@ export declare function useNuGridUI(props: NuGridProps): {
             virtualize?: boolean | undefined;
             sticky?: boolean | "header" | "footer" | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
-        multiRowContainer: (slotProps?: ({
+        validationPopoverInner: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -2325,7 +2383,7 @@ export declare function useNuGridUI(props: NuGridProps): {
             virtualize?: boolean | undefined;
             sticky?: boolean | "header" | "footer" | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
-        multiRowDragHandle: (slotProps?: ({
+        multiRowHeaderRow: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -2383,7 +2441,7 @@ export declare function useNuGridUI(props: NuGridProps): {
             virtualize?: boolean | undefined;
             sticky?: boolean | "header" | "footer" | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
-        multiRowContent: (slotProps?: ({
+        multiRowContainer: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -2441,7 +2499,7 @@ export declare function useNuGridUI(props: NuGridProps): {
             virtualize?: boolean | undefined;
             sticky?: boolean | "header" | "footer" | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
-        visualRow: (slotProps?: ({
+        multiRowDragHandle: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -2499,7 +2557,7 @@ export declare function useNuGridUI(props: NuGridProps): {
             virtualize?: boolean | undefined;
             sticky?: boolean | "header" | "footer" | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
-        alignedLayout: (slotProps?: ({
+        multiRowContent: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -2557,7 +2615,7 @@ export declare function useNuGridUI(props: NuGridProps): {
             virtualize?: boolean | undefined;
             sticky?: boolean | "header" | "footer" | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
-        alignedPinnedLeft: (slotProps?: ({
+        visualRow: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -2615,7 +2673,7 @@ export declare function useNuGridUI(props: NuGridProps): {
             virtualize?: boolean | undefined;
             sticky?: boolean | "header" | "footer" | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
-        alignedPinnedRight: (slotProps?: ({
+        alignedLayout: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -2673,7 +2731,7 @@ export declare function useNuGridUI(props: NuGridProps): {
             virtualize?: boolean | undefined;
             sticky?: boolean | "header" | "footer" | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
-        alignedContent: (slotProps?: ({
+        alignedPinnedLeft: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -2731,7 +2789,7 @@ export declare function useNuGridUI(props: NuGridProps): {
             virtualize?: boolean | undefined;
             sticky?: boolean | "header" | "footer" | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
-        alignedFiller: (slotProps?: ({
+        alignedPinnedRight: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -2789,7 +2847,7 @@ export declare function useNuGridUI(props: NuGridProps): {
             virtualize?: boolean | undefined;
             sticky?: boolean | "header" | "footer" | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
-        rowAnimation: (slotProps?: ({
+        alignedContent: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -2847,7 +2905,7 @@ export declare function useNuGridUI(props: NuGridProps): {
             virtualize?: boolean | undefined;
             sticky?: boolean | "header" | "footer" | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
-        addRowIndicator: (slotProps?: ({
+        alignedFiller: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -2905,7 +2963,7 @@ export declare function useNuGridUI(props: NuGridProps): {
             virtualize?: boolean | undefined;
             sticky?: boolean | "header" | "footer" | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
-        caption: (slotProps?: ({
+        rowAnimation: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -2963,7 +3021,7 @@ export declare function useNuGridUI(props: NuGridProps): {
             virtualize?: boolean | undefined;
             sticky?: boolean | "header" | "footer" | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
-        thead: (slotProps?: ({
+        addRowIndicator: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -3021,7 +3079,65 @@ export declare function useNuGridUI(props: NuGridProps): {
             virtualize?: boolean | undefined;
             sticky?: boolean | "header" | "footer" | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
-        tbody: (slotProps?: ({
+        caption: (slotProps?: ({
+            loading?: boolean | undefined;
+            loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
+            loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
+            focusCell?: boolean | undefined;
+            focusRow?: boolean | undefined;
+            rowInvalid?: boolean | undefined;
+            hasLeftBorder?: boolean | undefined;
+            hasRightBorder?: boolean | undefined;
+            pinned?: boolean | undefined;
+            gridFocused?: boolean | undefined;
+            activeRow?: boolean | undefined;
+            colResizing?: boolean | undefined;
+            colDraggable?: boolean | undefined;
+            colDragging?: boolean | undefined;
+            colDropTarget?: boolean | undefined;
+            focusMultiRow?: boolean | undefined;
+            virtualize?: boolean | undefined;
+            sticky?: boolean | "header" | "footer" | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
+            loading?: boolean | undefined;
+            loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
+            loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
+            focusCell?: boolean | undefined;
+            focusRow?: boolean | undefined;
+            rowInvalid?: boolean | undefined;
+            hasLeftBorder?: boolean | undefined;
+            hasRightBorder?: boolean | undefined;
+            pinned?: boolean | undefined;
+            gridFocused?: boolean | undefined;
+            activeRow?: boolean | undefined;
+            colResizing?: boolean | undefined;
+            colDraggable?: boolean | undefined;
+            colDragging?: boolean | undefined;
+            colDropTarget?: boolean | undefined;
+            focusMultiRow?: boolean | undefined;
+            virtualize?: boolean | undefined;
+            sticky?: boolean | "header" | "footer" | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
+            loading?: boolean | undefined;
+            loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
+            loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
+            focusCell?: boolean | undefined;
+            focusRow?: boolean | undefined;
+            rowInvalid?: boolean | undefined;
+            hasLeftBorder?: boolean | undefined;
+            hasRightBorder?: boolean | undefined;
+            pinned?: boolean | undefined;
+            gridFocused?: boolean | undefined;
+            activeRow?: boolean | undefined;
+            colResizing?: boolean | undefined;
+            colDraggable?: boolean | undefined;
+            colDragging?: boolean | undefined;
+            colDropTarget?: boolean | undefined;
+            focusMultiRow?: boolean | undefined;
+            virtualize?: boolean | undefined;
+            sticky?: boolean | "header" | "footer" | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        thead: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;

package/dist/runtime/config/_internal/options-defaults.d.ts

@@ -21,7 +21,7 @@ export declare const nuGridDefaults: {
         validateOnAddRow: true;
         icon: string;
     };
-    selection: {
+    rowSelection: {
         mode: "multi";
         placement: "start";
         enabled: true;
@@ -43,8 +43,7 @@ export declare const nuGridDefaults: {
         mode: "div";
         stickyHeaders: false;
         scrollbars: "scroll";
-        autoSize: false;
-        maintainWidth: false;
+        autoSize: "fill";
     };
     columnDefaults: {
         sortIcons: {
@@ -113,7 +112,6 @@ export declare const nuGridDefaults: {
         autoPageSizeMinimum: number;
         suppressPanel: false;
     };
-    skipAutoSizeColumns: never[];
     cellTypes: never[];
     addNewRow: false;
     rowId: string;

package/dist/runtime/config/_internal/options-defaults.js

@@ -21,7 +21,7 @@ export const nuGridDefaults = {
     validateOnAddRow: true,
     icon: "i-lucide-alert-circle"
   },
-  selection: {
+  rowSelection: {
     mode: "multi",
     placement: "start",
     enabled: true,
@@ -43,8 +43,8 @@ export const nuGridDefaults = {
     mode: "div",
     stickyHeaders: false,
     scrollbars: "scroll",
-    autoSize: false,
-    maintainWidth: false
+    autoSize: "fill"
+    // resizeMode defaults to 'shift' when autoSize is 'fill', otherwise 'expand'
   },
   columnDefaults: {
     sortIcons: {
@@ -113,7 +113,6 @@ export const nuGridDefaults = {
     autoPageSizeMinimum: 5,
     suppressPanel: false
   },
-  skipAutoSizeColumns: [],
   cellTypes: [],
   addNewRow: false,
   rowId: "id",

package/dist/runtime/config/_internal/prop-utils.d.ts

@@ -7,7 +7,7 @@ import { nuGridDefaults } from './options-defaults.js';
  * Keys must match nuGridDefaults - TypeScript will error if they diverge.
  */
 type OptionsTypeMap = {
-    [K in keyof typeof nuGridDefaults]: K extends 'focus' ? NuGridFocusOptions : K extends 'editing' ? NuGridEditingOptions : K extends 'validation' ? NuGridValidationOptions : K extends 'selection' ? NuGridSelectionOptions : K extends 'layout' ? NuGridLayoutOptions : K extends 'virtualization' ? NuGridVirtualizerOptions : K extends 'tooltip' ? NuGridTooltipOptions : K extends 'multiRow' ? NuGridMultiRowOptions : K extends 'animation' ? NuGridAnimationOptions : K extends 'paging' ? NuGridPagingOptions : never;
+    [K in keyof typeof nuGridDefaults]: K extends 'focus' ? NuGridFocusOptions : K extends 'editing' ? NuGridEditingOptions : K extends 'validation' ? NuGridValidationOptions : K extends 'rowSelection' ? NuGridSelectionOptions : K extends 'layout' ? NuGridLayoutOptions : K extends 'virtualization' ? NuGridVirtualizerOptions : K extends 'tooltip' ? NuGridTooltipOptions : K extends 'multiRow' ? NuGridMultiRowOptions : K extends 'animation' ? NuGridAnimationOptions : K extends 'paging' ? NuGridPagingOptions : never;
 };
 type DefaultsKey = {
     [K in keyof OptionsTypeMap]: OptionsTypeMap[K] extends never ? never : K;
@@ -22,6 +22,9 @@ export declare function getDefaults<K extends DefaultsKey>(key: K): DefaultsGrou
  * Creates a computed ref that extracts a prop value with fallback to nuGridDefaults.
  * Defaults are automatically sourced from the centralized nuGridDefaults.
  *
+ * Supports boolean shorthand for props like `editing: true` which means
+ * "enable editing with default settings".
+ *
  * @param props - The props object (reactive)
  * @param group - The defaults group key (e.g., 'focus', 'editing', 'validation')
  * @param key - The key to extract from the prop group
@@ -36,6 +39,9 @@ export declare function usePropWithDefault<G extends DefaultsKey, K extends keyo
  * Creates multiple computed refs for a prop group with defaults from nuGridDefaults.
  * Useful when extracting several properties from the same group.
  *
+ * Supports boolean shorthand for props like `editing: true` which means
+ * "enable editing with default settings".
+ *
  * @param props - The props object (reactive)
  * @param group - The defaults group key
  * @param keys - Array of keys to extract

package/dist/runtime/config/_internal/prop-utils.js

@@ -3,19 +3,33 @@ import { nuGridDefaults } from "./options-defaults.js";
 export function getDefaults(key) {
   return nuGridDefaults[key];
 }
+function normalizePropGroup(propValue) {
+  if (propValue === true) {
+    return {};
+  }
+  if (propValue === false || propValue === void 0 || propValue === null) {
+    return void 0;
+  }
+  if (typeof propValue === "object") {
+    return propValue;
+  }
+  return void 0;
+}
 export function usePropWithDefault(props, group, key) {
   const defaults = nuGridDefaults[group];
-  return computed(
-    () => props[group]?.[key] ?? defaults[key]
-  );
+  return computed(() => {
+    const normalized = normalizePropGroup(props[group]);
+    return normalized?.[key] ?? defaults[key];
+  });
 }
 export function usePropsWithDefaults(props, group, keys) {
   const defaults = nuGridDefaults[group];
   const result = {};
   for (const key of keys) {
-    result[key] = computed(
-      () => props[group]?.[key] ?? defaults[key]
-    );
+    result[key] = computed(() => {
+      const normalized = normalizePropGroup(props[group]);
+      return normalized?.[key] ?? defaults[key];
+    });
   }
   return result;
 }

package/dist/runtime/config/presets.js

@@ -14,7 +14,7 @@ const presets = {
   editable: {
     focus: { mode: "cell", retain: true },
     editing: { enabled: true },
-    layout: { stickyHeaders: true, autoSize: "fitCell" }
+    layout: { stickyHeaders: true, autoSize: "content" }
   },
   /**
    * Kanban-style grouped grid with row navigation
@@ -33,7 +33,7 @@ const presets = {
     focus: { mode: "cell", retain: true, cmdArrows: "firstlast", pageStep: 5 },
     editing: { enabled: true, startClicks: "single" },
     validation: { validateOn: "blur" },
-    layout: { scrollbars: "native", autoSize: "fitGrid", maintainWidth: true }
+    layout: { scrollbars: "native", autoSize: "fill" }
   },
   /**
    * Analytics grid optimized for large read-only datasets

package/dist/runtime/themes/nuGridTheme.d.ts

@@ -10,6 +10,7 @@ export declare const nuGridTheme: {
         th: string;
         td: string;
         tr: string;
+        tbody: string;
         loading: string;
         empty: string;
         separator: string;
@@ -22,6 +23,8 @@ export declare const nuGridTheme: {
         sortHandleHover: string;
         rowDragIcon: string;
         headerContainer: string;
+        headerControls: string;
+        columnMenu: string;
         footerContent: string;
         groupHeader: string;
         groupHeaderLeft: string;
@@ -52,7 +55,6 @@ export declare const nuGridTheme: {
         addRowIndicator: string;
         caption: string;
         thead: string;
-        tbody: string;
         tfoot: string;
     };
     variants: {

package/dist/runtime/themes/nuGridTheme.js

@@ -4,32 +4,36 @@ export const nuGridTheme = {
   slots: {
     ...theme.slots,
     // Root container - extends base with height to fill parent container
-    root: "relative overflow-auto h-full",
+    // min-h-0 allows shrinking in flex contexts (overrides default min-height: auto)
+    root: "relative overflow-auto h-full min-h-0",
     // style the checkboxes to match compact theme
     checkboxBase: "",
     checkboxIndicator: "",
     checkboxContainer: "",
     checkboxIcon: "",
     // Base slots with div mode styles merged in - pb-3 provides space for horizontal scrollbar
-    base: "flex flex-col pb-3 w-max min-w-0 border-separate border-spacing-0",
+    base: "flex flex-col pb-3 w-max min-w-0",
     // Scrollbar styling - uses tailwind-scrollbar plugin
     scrollbar: "scrollbar-thin scrollbar-track-transparent scrollbar-thumb-gray-400/50 hover:scrollbar-thumb-gray-500/60 dark:scrollbar-thumb-gray-500/50 dark:hover:scrollbar-thumb-gray-400/60 scrollbar-thumb-rounded",
-    th: "flex shrink-0 items-stretch overflow-hidden p-0! group text-left rtl:text-right text-sm font-semibold text-highlighted py-2 first:rounded-l-lg last:rounded-r-lg border-y border-default first:border-l last:border-r",
+    th: "flex shrink-0 items-stretch p-0! group text-left rtl:text-right text-sm font-semibold text-highlighted py-2 first:rounded-l-lg last:rounded-r-lg border-y border-default first:border-l last:border-r",
     td: "flex shrink-0 items-center overflow-hidden p-4 whitespace-nowrap text-sm text-muted outline-none! focus-visible:outline-none! border-b border-default",
     tr: "flex outline-none! focus-visible:outline-none!",
+    tbody: "divide-y-0",
     loading: "flex-1",
     empty: "flex-1",
     separator: "flex-1 h-0",
     // Additional NuGrid-specific slots
     rowDragHandle: "flex shrink-0 items-center justify-center px-2 w-10 min-w-10 max-w-10",
-    colResizeHandle: "flex shrink-0 items-center justify-center w-4 cursor-col-resize select-none touch-none opacity-0 group-hover:opacity-100 focus-within:opacity-100 transition-opacity duration-200 relative z-10 hover:bg-primary-500/10 [&:hover_.col-resizer]:bg-primary-500/80",
+    colResizeHandle: "flex items-center justify-center w-4 h-full cursor-col-resize select-none touch-none opacity-0 group-hover:opacity-100 focus-within:opacity-100 transition-opacity duration-200 hover:bg-primary-500/10 [&:hover_.col-resizer]:bg-primary-500/80",
     colResizer: "w-0.5 h-3/5 rounded-sm transition-colors duration-200 bg-gray-400/60 col-resizer",
     rowDragHeaderHandle: "shrink-0 w-10 min-w-10 max-w-10",
     thInner: "flex flex-1 items-center px-3 py-2 truncate",
     sortHandle: "flex shrink-0 items-center px-1 cursor-pointer select-none opacity-100 hover:text-primary-500 transition-opacity duration-200",
     sortHandleHover: "flex shrink-0 items-center px-1 cursor-pointer select-none text-gray-400/60 opacity-0 group-hover:opacity-100 focus-within:opacity-100 hover:text-primary-500 transition-opacity duration-200",
     rowDragIcon: "inline-block w-4 h-4",
-    headerContainer: "flex items-stretch w-full h-full",
+    headerContainer: "relative flex items-stretch w-full h-full",
+    headerControls: "absolute right-0 inset-y-0 flex items-center z-10 bg-inherit",
+    columnMenu: "flex items-center px-1 transition-opacity duration-200",
     footerContent: "w-full truncate",
     groupHeader: "flex items-stretch cursor-pointer bg-primary/10 hover:bg-primary/15 transition-colors",
     groupHeaderLeft: "sticky left-0 z-50 flex items-center gap-3 px-4 py-3 border-b-0 border-l-4 border-primary",

package/dist/runtime/themes/nuGridThemeCompact.d.ts

@@ -13,6 +13,7 @@ export declare const nuGridThemeCompact: {
         th: string;
         td: string;
         tr: string;
+        tbody: string;
         loading: string;
         empty: string;
         separator: string;
@@ -25,6 +26,8 @@ export declare const nuGridThemeCompact: {
         sortHandleHover: string;
         rowDragIcon: string;
         headerContainer: string;
+        headerControls: string;
+        columnMenu: string;
         footerContent: string;
         groupHeader: string;
         groupHeaderLeft: string;
@@ -54,7 +57,6 @@ export declare const nuGridThemeCompact: {
         addRowIndicator: string;
         caption: string;
         thead: string;
-        tbody: string;
         tfoot: string;
     };
     variants: {