@nu-grid/nuxt 0.3.0 → 0.3.1

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@nu-grid/nuxt",
   "configKey": "nuGrid",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/NuGrid.vue

@@ -40,7 +40,7 @@ import NuGridSplitGroup from "./_internal/NuGridSplitGroup.vue";
 import NuGridTooltip from "./_internal/NuGridTooltip.vue";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
-  ui: { type: null, required: false },
+  ui: { type: Object, required: false },
   preset: { type: String, required: false },
   focus: { type: Object, required: false },
   editing: { type: [Boolean, Object], required: false },
@@ -254,7 +254,11 @@ watch(
 );
 const rows = orderedRows;
 const stickyEnabled = computed(() => props.layout?.stickyHeaders ?? false);
-const resizeMode = computed(() => props.layout?.resizeMode ?? "shift");
+const resizeMode = computed(() => {
+  if (props.layout?.resizeMode) return props.layout.resizeMode;
+  if (props.layout?.autoSize === "fill") return "shift";
+  return "expand";
+});
 const {
   virtualizer,
   virtualizationEnabled,

package/dist/runtime/components/_internal/NuGridBase.vue

@@ -16,7 +16,7 @@ import NuGridHeaderSortButton from "./NuGridHeaderSortButton.vue";
 import NuGridRow from "./NuGridRow.vue";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
-  ui: { type: null, required: false },
+  ui: { type: Object, required: false },
   preset: { type: String, required: false },
   focus: { type: Object, required: false },
   editing: { type: [Boolean, Object], required: false },

package/dist/runtime/components/_internal/NuGridGroup.vue

@@ -19,7 +19,7 @@ import NuGridHeaderSortButton from "./NuGridHeaderSortButton.vue";
 import NuGridRow from "./NuGridRow.vue";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
-  ui: { type: null, required: false },
+  ui: { type: Object, required: false },
   preset: { type: String, required: false },
   focus: { type: Object, required: false },
   editing: { type: [Boolean, Object], required: false },

package/dist/runtime/components/_internal/NuGridGroupCheckbox.vue

@@ -16,7 +16,7 @@ const props = defineProps({
   icon: { type: null, required: false },
   indeterminateIcon: { type: null, required: false },
   class: { type: null, required: false },
-  ui: { type: null, required: false },
+  ui: { type: Object, required: false },
   disabled: { type: Boolean, required: false },
   required: { type: Boolean, required: false },
   name: { type: String, required: false },

package/dist/runtime/components/_internal/NuGridSplitGroup.vue

@@ -19,7 +19,7 @@ import NuGridHeaderSortButton from "./NuGridHeaderSortButton.vue";
 import NuGridRow from "./NuGridRow.vue";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
-  ui: { type: null, required: false },
+  ui: { type: Object, required: false },
   preset: { type: String, required: false },
   focus: { type: Object, required: false },
   editing: { type: [Boolean, Object], required: false },

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

@@ -585,7 +585,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;
-        loading: (slotProps?: ({
+        tbody: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -643,7 +643,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;
-        empty: (slotProps?: ({
+        loading: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -701,7 +701,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;
-        separator: (slotProps?: ({
+        empty: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -759,7 +759,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;
-        rowDragHandle: (slotProps?: ({
+        separator: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -817,7 +817,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;
-        colResizeHandle: (slotProps?: ({
+        rowDragHandle: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -875,7 +875,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;
-        colResizer: (slotProps?: ({
+        colResizeHandle: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -933,7 +933,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;
-        rowDragHeaderHandle: (slotProps?: ({
+        colResizer: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -991,7 +991,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;
-        thInner: (slotProps?: ({
+        rowDragHeaderHandle: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -1049,7 +1049,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;
-        sortHandle: (slotProps?: ({
+        thInner: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -1107,7 +1107,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;
-        sortHandleHover: (slotProps?: ({
+        sortHandle: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -1165,7 +1165,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;
-        rowDragIcon: (slotProps?: ({
+        sortHandleHover: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -1223,7 +1223,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;
-        headerContainer: (slotProps?: ({
+        rowDragIcon: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -1281,7 +1281,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;
-        headerControls: (slotProps?: ({
+        headerContainer: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -1339,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;
-        columnMenu: (slotProps?: ({
+        headerControls: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -1397,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;
-        footerContent: (slotProps?: ({
+        columnMenu: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -1455,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;
-        groupHeader: (slotProps?: ({
+        footerContent: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -1513,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;
-        groupHeaderLeft: (slotProps?: ({
+        groupHeader: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -1571,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;
-        groupIcon: (slotProps?: ({
+        groupHeaderLeft: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -1629,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;
-        groupLabel: (slotProps?: ({
+        groupIcon: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -1687,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;
-        groupHeaderSpacer: (slotProps?: ({
+        groupLabel: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -1745,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;
-        collapsedHeaderCell: (slotProps?: ({
+        groupHeaderSpacer: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -1803,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;
-        collapsedText: (slotProps?: ({
+        collapsedHeaderCell: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -1861,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;
-        expandedText: (slotProps?: ({
+        collapsedText: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -1919,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;
-        stickyGroupHeader: (slotProps?: ({
+        expandedText: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -1977,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;
-        stickyColumnHeader: (slotProps?: ({
+        stickyGroupHeader: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -2035,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;
-        thGroup: (slotProps?: ({
+        stickyColumnHeader: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -2093,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;
-        thGroupInner: (slotProps?: ({
+        thGroup: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -2151,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;
-        editorErrorRing: (slotProps?: ({
+        thGroupInner: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -2209,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;
-        validationPopoverContent: (slotProps?: ({
+        editorErrorRing: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -2267,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;
-        validationPopoverInner: (slotProps?: ({
+        validationPopoverContent: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -2325,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;
-        multiRowHeaderRow: (slotProps?: ({
+        validationPopoverInner: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -2383,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;
-        multiRowContainer: (slotProps?: ({
+        multiRowHeaderRow: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -2441,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;
-        multiRowDragHandle: (slotProps?: ({
+        multiRowContainer: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -2499,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;
-        multiRowContent: (slotProps?: ({
+        multiRowDragHandle: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -2557,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;
-        visualRow: (slotProps?: ({
+        multiRowContent: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -2615,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;
-        alignedLayout: (slotProps?: ({
+        visualRow: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -2673,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;
-        alignedPinnedLeft: (slotProps?: ({
+        alignedLayout: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -2731,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;
-        alignedPinnedRight: (slotProps?: ({
+        alignedPinnedLeft: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -2789,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;
-        alignedContent: (slotProps?: ({
+        alignedPinnedRight: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -2847,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;
-        alignedFiller: (slotProps?: ({
+        alignedContent: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -2905,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;
-        rowAnimation: (slotProps?: ({
+        alignedFiller: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -2963,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;
-        addRowIndicator: (slotProps?: ({
+        rowAnimation: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -3021,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;
-        caption: (slotProps?: ({
+        addRowIndicator: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -3079,7 +3079,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?: ({
+        caption: (slotProps?: ({
             loading?: boolean | undefined;
             loadingAnimation?: "carousel" | "carousel-inverse" | "swing" | "elastic" | undefined;
             loadingColor?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
@@ -3137,7 +3137,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;
-        tbody: (slotProps?: ({
+        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

@@ -44,7 +44,6 @@ export declare const nuGridDefaults: {
         stickyHeaders: false;
         scrollbars: "scroll";
         autoSize: "fill";
-        resizeMode: "shift";
     };
     columnDefaults: {
         sortIcons: {

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

@@ -43,8 +43,8 @@ export const nuGridDefaults = {
     mode: "div",
     stickyHeaders: false,
     scrollbars: "scroll",
-    autoSize: "fill",
-    resizeMode: "shift"
+    autoSize: "fill"
+    // resizeMode defaults to 'shift' when autoSize is 'fill', otherwise 'expand'
   },
   columnDefaults: {
     sortIcons: {

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;
@@ -54,7 +55,6 @@ export declare const nuGridTheme: {
         addRowIndicator: string;
         caption: string;
         thead: string;
-        tbody: string;
         tfoot: string;
     };
     variants: {

package/dist/runtime/themes/nuGridTheme.js

@@ -12,12 +12,13 @@ export const nuGridTheme = {
     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 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",

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;
@@ -56,7 +57,6 @@ export declare const nuGridThemeCompact: {
         addRowIndicator: string;
         caption: string;
         thead: string;
-        tbody: string;
         tfoot: string;
     };
     variants: {

package/dist/runtime/themes/nuGridThemeCompact.js

@@ -18,6 +18,7 @@ export const nuGridThemeCompact = {
     // Tighter cell padding: px-2 py-1 instead of p-4
     td: "flex shrink-0 items-center overflow-hidden border-r border-gray-300/50 dark:border-gray-600/50 last:border-r-0 px-2 py-1 whitespace-nowrap text-sm text-gray-900 dark:text-white outline-none! focus-visible:outline-none!",
     tr: "flex border-b border-gray-300 dark:border-gray-600 hover:bg-gray-100 dark:hover:bg-gray-700 outline-none! focus-visible:outline-none!",
+    tbody: "divide-y-0",
     loading: "flex-1",
     empty: "flex-1",
     separator: "flex-1",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nu-grid/nuxt",
   "type": "module",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "A powerful data grid component for Nuxt with virtualization, cell editing, and TanStack Table integration",
   "license": "MIT",
   "homepage": "https://www.nu-grid.dev",
@@ -61,7 +61,7 @@
     }
   },
   "dependencies": {
-    "@nuxt/kit": "^4.2.1",
+    "@nuxt/kit": "^4.3.0",
     "@tanstack/vue-table": "^8.21.3",
     "defu": "^6.1.4",
     "tailwind-scrollbar": "^4.0.2"
@@ -74,9 +74,9 @@
     "@nuxt/devtools": "^3.1.0",
     "@nuxt/eslint": "^1.11.0",
     "@nuxt/module-builder": "^1.0.2",
-    "@nuxt/schema": "^4.2.1",
+    "@nuxt/schema": "^4.3.0",
     "@nuxt/test-utils": "^3.20.1",
-    "@nuxt/ui": "^4.2.1",
+    "@nuxt/ui": "^4.4.0",
     "@playwright/test": "^1.57.0",
     "@types/node": "latest",
     "@vitest/ui": "^4.0.14",
@@ -86,7 +86,7 @@
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-prettier": "^5.5.4",
     "happy-dom": "^20.0.11",
-    "nuxt": "^4.2.1",
+    "nuxt": "^4.3.0",
     "prettier": "^3.7.4",
     "prettier-plugin-classnames": "^0.8.6",
     "typescript": "^5.9.3",