nuxt-ui-tools 1.17.1 → 1.19.0

package/dist/runtime/spreadsheet/components/internal/spreadsheet-import-column-row.vue.d.ts

@@ -6,12 +6,12 @@ type __VLS_Props = {
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     reset: () => any;
-    assign: (header: number) => any;
     ignore: () => any;
+    assign: (header: number) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onReset?: (() => any) | undefined;
-    onAssign?: ((header: number) => any) | undefined;
     onIgnore?: (() => any) | undefined;
+    onAssign?: ((header: number) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/table/components/actions/row-actions.d.vue.ts

@@ -12,8 +12,10 @@ type __VLS_Props = {
 declare var __VLS_8: {
     items: DropdownMenuItem[][];
     open: boolean;
+    label: string | undefined;
 }, __VLS_24: {
     items: DropdownMenuItem[][];
+    label: string | undefined;
     open: boolean;
 };
 type __VLS_Slots = {} & {

package/dist/runtime/table/components/actions/row-actions.vue

@@ -6,6 +6,7 @@ import { computed, ref, useAttrs } from "vue";
 import { useDataListBreakpoint } from "../../composables/use-data-list-breakpoint";
 import { useTableInternals } from "../../composables/use-table-internals";
 import { useTableRowActionScope } from "../../composables/use-table-row-actions";
+import { useTableRowLabels } from "../../composables/use-table-row-labels";
 import { createRowActionDropdownGroups, resolveVisibleTableRowActions } from "../../utils";
 defineOptions({
   inheritAttrs: false
@@ -40,6 +41,10 @@ function runSheetItem(item) {
   item.onSelect?.(new Event("select"));
 }
 const scope = useTableRowActionScope();
+const labels = useTableRowLabels();
+const label = computed(
+  () => scope ? labels.rowActions({ index: scope.value.index, row: scope.value.row }) : void 0
+);
 const portal = computed(() => props.portal ?? true);
 const visibleActions = computed(() => {
   if (!scope?.value) {
@@ -66,7 +71,7 @@ const items = computed(() => {
     v-if="scope && visibleActions.length && items.length && isMobile"
     v-model:open="sheetOpen"
     direction="bottom"
-    title="Actions"
+    :title="label"
     :ui="{
   header: 'sr-only',
   content: 'nut-dl-sheet rounded-t-[16px]',
@@ -74,7 +79,7 @@ const items = computed(() => {
   body: 'p-0 pb-4'
 }"
   >
-    <slot :items="items" :open="sheetOpen" />
+    <slot :items="items" :open="sheetOpen" :label="label" />
     <template #body>
       <div class="px-[10px] pt-2">
         <template v-for="(item, index) in sheetItems" :key="index">
@@ -111,7 +116,7 @@ const items = computed(() => {
     v-bind="attrs"
   >
     <template #default="slotProps">
-      <slot v-bind="slotProps" :items="items" />
+      <slot v-bind="slotProps" :items="items" :label="label" />
     </template>
   </UDropdownMenu>
 </template>

package/dist/runtime/table/components/actions/row-actions.vue.d.ts

@@ -12,8 +12,10 @@ type __VLS_Props = {
 declare var __VLS_8: {
     items: DropdownMenuItem[][];
     open: boolean;
+    label: string | undefined;
 }, __VLS_24: {
     items: DropdownMenuItem[][];
+    label: string | undefined;
     open: boolean;
 };
 type __VLS_Slots = {} & {

package/dist/runtime/table/components/data-list/data-list-content.vue

@@ -44,6 +44,7 @@ const viewportStyle = computed(() => {
   }
   return void 0;
 });
+const presentation = computed(() => internals.rowSummary.active.value ? "summary" : "table");
 const rootUi = computed(() => dataListUi.ui.value.content?.ui);
 const resolvedSize = computed(
   () => props.size ?? dataListUi.ui.value.content?.size ?? dataListUi.controlSize.value
@@ -136,7 +137,12 @@ watch(
         mode="out-in"
       >
         <slot v-if="internals.controls.tableLayout.value === 'table'" name="table" :rows="rows">
-          <DataListTable :size="resolvedSize" :fill="fit !== 'content'" class="min-h-0 flex-1">
+          <DataListTable
+            :key="presentation"
+            :size="resolvedSize"
+            :fill="fit !== 'content'"
+            class="min-h-0 flex-1"
+          >
             <template v-if="$slots.error" #error="scope">
               <slot name="error" v-bind="scope" />
             </template>

package/dist/runtime/table/components/data-list/data-list-default.d.vue.ts

@@ -5,21 +5,21 @@ type __VLS_Props = {
     height?: string | number;
     ui?: DataListDefaultUi;
 };
-declare var __VLS_1: {}, __VLS_18: {}, __VLS_52: {
+declare var __VLS_1: {}, __VLS_18: {}, __VLS_57: {
     layout: import("../../types/index.js").TableLayout;
-}, __VLS_55: {
+}, __VLS_60: {
     layout: import("../../types/index.js").TableLayout;
-}, __VLS_58: any, __VLS_61: {
+}, __VLS_63: any, __VLS_66: {
     layout: string;
     refresh: () => void;
     hasActiveQuery: boolean;
     clearQuery: () => void;
-}, __VLS_64: {}, __VLS_67: {}, __VLS_70: {}, __VLS_80: {
+}, __VLS_69: {}, __VLS_72: {}, __VLS_75: {}, __VLS_85: {
     loadedCount: number;
-}, __VLS_83: {
+}, __VLS_88: {
     error: {};
     retry: () => Promise<import("@tanstack/vue-query").InfiniteQueryObserverRefetchErrorResult<unknown, unknown> | import("@tanstack/vue-query").InfiniteQueryObserverSuccessResult<unknown, unknown> | import("@tanstack/vue-query").InfiniteQueryObserverLoadingErrorResult<unknown, unknown> | import("@tanstack/vue-query").InfiniteQueryObserverPendingResult<unknown, unknown> | import("@tanstack/vue-query").InfiniteQueryObserverPlaceholderResult<unknown, unknown> | undefined>;
-}, __VLS_86: {
+}, __VLS_91: {
     loadedCount: number;
     totalCount: number | null;
 };
@@ -28,25 +28,25 @@ type __VLS_Slots = {} & {
 } & {
     actions?: (props: typeof __VLS_18) => any;
 } & {
-    'initial-loading'?: (props: typeof __VLS_52) => any;
+    'initial-loading'?: (props: typeof __VLS_57) => any;
 } & {
-    loading?: (props: typeof __VLS_55) => any;
+    loading?: (props: typeof __VLS_60) => any;
 } & {
-    error?: (props: typeof __VLS_58) => any;
+    error?: (props: typeof __VLS_63) => any;
 } & {
-    empty?: (props: typeof __VLS_61) => any;
+    empty?: (props: typeof __VLS_66) => any;
 } & {
-    'empty-table'?: (props: typeof __VLS_64) => any;
+    'empty-table'?: (props: typeof __VLS_69) => any;
 } & {
-    'empty-grid'?: (props: typeof __VLS_67) => any;
+    'empty-grid'?: (props: typeof __VLS_72) => any;
 } & {
-    refreshing?: (props: typeof __VLS_70) => any;
+    refreshing?: (props: typeof __VLS_75) => any;
 } & {
-    'loading-more'?: (props: typeof __VLS_80) => any;
+    'loading-more'?: (props: typeof __VLS_85) => any;
 } & {
-    'load-more-error'?: (props: typeof __VLS_83) => any;
+    'load-more-error'?: (props: typeof __VLS_88) => any;
 } & {
-    end?: (props: typeof __VLS_86) => any;
+    end?: (props: typeof __VLS_91) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/table/components/data-list/data-list-default.vue

@@ -15,6 +15,7 @@ import DataListRefresh from "./data-list-refresh.vue";
 import DataListSearch from "./data-list-search.vue";
 import DataListSelectionActions from "./data-list-selection-actions.vue";
 import DataListSortMenu from "./data-list-sort-menu.vue";
+import DataListViewToggle from "./data-list-view-toggle.vue";
 const props = defineProps({
   title: { type: String, required: false },
   description: { type: String, required: false },
@@ -98,6 +99,8 @@ function humanizeKey(value) {
           <DataListColumnPanel v-if="controls.columns" />
           <DataListRefresh v-if="controls.refresh" />
           <DataListLayoutSwitch v-if="controls.layout" />
+          <!-- Offset pagination carries the toggle in its footer; the other modes have none. -->
+          <DataListViewToggle v-if="internals.pagination.mode.value !== 'offset'" />
         </div>
       </div>
     </header>

package/dist/runtime/table/components/data-list/data-list-default.vue.d.ts

@@ -5,21 +5,21 @@ type __VLS_Props = {
     height?: string | number;
     ui?: DataListDefaultUi;
 };
-declare var __VLS_1: {}, __VLS_18: {}, __VLS_52: {
+declare var __VLS_1: {}, __VLS_18: {}, __VLS_57: {
     layout: import("../../types/index.js").TableLayout;
-}, __VLS_55: {
+}, __VLS_60: {
     layout: import("../../types/index.js").TableLayout;
-}, __VLS_58: any, __VLS_61: {
+}, __VLS_63: any, __VLS_66: {
     layout: string;
     refresh: () => void;
     hasActiveQuery: boolean;
     clearQuery: () => void;
-}, __VLS_64: {}, __VLS_67: {}, __VLS_70: {}, __VLS_80: {
+}, __VLS_69: {}, __VLS_72: {}, __VLS_75: {}, __VLS_85: {
     loadedCount: number;
-}, __VLS_83: {
+}, __VLS_88: {
     error: {};
     retry: () => Promise<import("@tanstack/vue-query").InfiniteQueryObserverRefetchErrorResult<unknown, unknown> | import("@tanstack/vue-query").InfiniteQueryObserverSuccessResult<unknown, unknown> | import("@tanstack/vue-query").InfiniteQueryObserverLoadingErrorResult<unknown, unknown> | import("@tanstack/vue-query").InfiniteQueryObserverPendingResult<unknown, unknown> | import("@tanstack/vue-query").InfiniteQueryObserverPlaceholderResult<unknown, unknown> | undefined>;
-}, __VLS_86: {
+}, __VLS_91: {
     loadedCount: number;
     totalCount: number | null;
 };
@@ -28,25 +28,25 @@ type __VLS_Slots = {} & {
 } & {
     actions?: (props: typeof __VLS_18) => any;
 } & {
-    'initial-loading'?: (props: typeof __VLS_52) => any;
+    'initial-loading'?: (props: typeof __VLS_57) => any;
 } & {
-    loading?: (props: typeof __VLS_55) => any;
+    loading?: (props: typeof __VLS_60) => any;
 } & {
-    error?: (props: typeof __VLS_58) => any;
+    error?: (props: typeof __VLS_63) => any;
 } & {
-    empty?: (props: typeof __VLS_61) => any;
+    empty?: (props: typeof __VLS_66) => any;
 } & {
-    'empty-table'?: (props: typeof __VLS_64) => any;
+    'empty-table'?: (props: typeof __VLS_69) => any;
 } & {
-    'empty-grid'?: (props: typeof __VLS_67) => any;
+    'empty-grid'?: (props: typeof __VLS_72) => any;
 } & {
-    refreshing?: (props: typeof __VLS_70) => any;
+    refreshing?: (props: typeof __VLS_75) => any;
 } & {
-    'loading-more'?: (props: typeof __VLS_80) => any;
+    'loading-more'?: (props: typeof __VLS_85) => any;
 } & {
-    'load-more-error'?: (props: typeof __VLS_83) => any;
+    'load-more-error'?: (props: typeof __VLS_88) => any;
 } & {
-    end?: (props: typeof __VLS_86) => any;
+    end?: (props: typeof __VLS_91) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/table/components/data-list/data-list-layout-switch.vue

@@ -8,6 +8,10 @@ import { useDataListBreakpoint } from "../../composables/use-data-list-breakpoin
 import { useDataListUi } from "../../composables/use-data-list-ui";
 import { useTableInternals } from "../../composables/use-table-internals";
 import { mergeDataListProps, mergeDataListUiClass } from "../../utils";
+const LAYOUT_LABEL_KEYS = {
+  grid: "table.header.gridView",
+  table: "table.header.tableView"
+};
 const props = defineProps({
   size: { type: String, required: false },
   labels: { type: Boolean, required: false },
@@ -59,21 +63,15 @@ function setLayout(layout) {
       :size="resolvedSize"
       :class="mergeDataListUiClass('nut-dl-layout', void 0, resolvedUi.root)"
     >
-      <UTooltip
-        v-for="layout in order"
-        :key="layout"
-        :text="layout === 'table' ? t('table.header.tableView') : t('table.header.gridView')"
-      >
+      <UTooltip v-for="layout in order" :key="layout" :text="t(LAYOUT_LABEL_KEYS[layout])">
         <UButton
           v-bind="buttonProps(internals.controls.tableLayout.value === layout)"
           :data-active="internals.controls.tableLayout.value === layout"
           :icon="
   controlProps.icons?.[layout] ?? (layout === 'table' ? 'i-lucide-menu' : 'i-lucide-box')
 "
-          :label="labels ? layout === 'table' ? 'Table' : 'Grid' : void 0"
-          :aria-label="
-  layout === 'table' ? t('table.header.tableView') : t('table.header.gridView')
-"
+          :label="labels ? t(LAYOUT_LABEL_KEYS[layout]) : void 0"
+          :aria-label="t(LAYOUT_LABEL_KEYS[layout])"
           :ui="{
   base: mergeDataListUiClass('nut-dl-layout__btn', void 0, resolvedUi.trigger),
   label: resolvedUi.triggerLabel,

package/dist/runtime/table/components/data-list/data-list-root.vue

@@ -7,6 +7,7 @@ import { useDataListBreakpoint } from "../../composables/use-data-list-breakpoin
 import { provideDataListUi } from "../../composables/use-data-list-ui";
 import { provideTableInternals } from "../../composables/use-table-internals";
 import { mergeDataListUiConfig } from "../../utils";
+import { layerDataListMobileDefaults } from "../../utils/mobile-defaults";
 const props = defineProps({
   table: { type: Object, required: true },
   locale: { type: Object, required: false },
@@ -26,14 +27,12 @@ provideDataListUi(
       props.density,
       props.size
     );
-    if (!isMobile.value || !merged.mobile) {
+    if (!isMobile.value) {
       return merged;
     }
-    return mergeDataListUiConfig(
-      merged,
-      merged.mobile,
-      merged.mobile.density,
-      merged.mobile.control?.size
+    const { mobile } = merged;
+    return layerDataListMobileDefaults(
+      mobile ? mergeDataListUiConfig(merged, mobile, mobile.density, mobile.control?.size) : merged
     );
   })
 );

package/dist/runtime/table/components/data-list/data-list-sort-menu.vue

@@ -39,7 +39,9 @@ const resolvedUi = computed(() => ({
   ...dataListUi.ui.value.sortMenu?.ui,
   ...props.ui
 }));
-const visible = computed(() => props.layouts.includes(internals.controls.tableLayout.value));
+const visible = computed(
+  () => props.layouts.includes(internals.controls.tableLayout.value) || internals.rowSummary.active.value && sortKeys.value.length > 0
+);
 const triggerControlProps = computed(
   () => mergeDataListProps(
     { color: "neutral", size: resolvedSize.value, variant: "outline" },

package/dist/runtime/table/components/data-list/data-list-table.d.vue.ts

@@ -1,13 +1,20 @@
 import type { DataListControlSize, DataListTableUi } from '../../types/index.js';
+/**
+ * The table layout. Summary rows are its compact presentation, so they share its states and slots.
+ * The template carries no comment on purpose: in development a root comment turns the root into a
+ * fragment, which a transition around this component cannot leave, so the next view never comes in.
+ */
 type __VLS_Props = {
     height?: string;
     size?: DataListControlSize;
     fill?: boolean;
     ui?: DataListTableUi;
 };
-declare var __VLS_10: string, __VLS_11: any;
+declare var __VLS_10: string, __VLS_11: any, __VLS_22: string, __VLS_23: any;
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_10>]?: (props: typeof __VLS_11) => any;
+} & {
+    [K in NonNullable<typeof __VLS_22>]?: (props: typeof __VLS_23) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/table/components/data-list/data-list-table.vue

@@ -1,6 +1,8 @@
 <script setup>
 import { computed } from "vue";
 import { useDataListUi } from "../../composables/use-data-list-ui";
+import { useTableInternals } from "../../composables/use-table-internals";
+import SummaryRenderer from "../summary/summary-renderer.vue";
 import TableRenderer from "../table/table-renderer.vue";
 const props = defineProps({
   height: { type: String, required: false },
@@ -8,10 +10,14 @@ const props = defineProps({
   fill: { type: Boolean, required: false },
   ui: { type: Object, required: false }
 });
+const internals = useTableInternals();
 const dataListUi = useDataListUi();
 const resolvedSize = computed(
   () => props.size ?? dataListUi.ui.value.table?.size ?? dataListUi.controlSize.value
 );
+const summarySize = computed(
+  () => props.size ?? dataListUi.ui.value.summary?.size ?? resolvedSize.value
+);
 const resolvedUi = computed(() => ({
   ...dataListUi.ui.value.table?.ui,
   ...props.ui
@@ -19,7 +25,18 @@ const resolvedUi = computed(() => ({
 </script>
 
 <template>
-  <TableRenderer :height="height" :size="resolvedSize" :fill="fill" :ui="resolvedUi">
+  <SummaryRenderer
+    v-if="internals.rowSummary.active.value"
+    :height="height"
+    :size="summarySize"
+    :fill="fill"
+    :ui="dataListUi.ui.value.summary?.ui"
+  >
+    <template v-for="(_, name) in $slots" #[name]="scope">
+      <slot :name="name" v-bind="scope ?? {}" />
+    </template>
+  </SummaryRenderer>
+  <TableRenderer v-else :height="height" :size="resolvedSize" :fill="fill" :ui="resolvedUi">
     <template v-for="(_, name) in $slots" #[name]="scope">
       <slot :name="name" v-bind="scope ?? {}" />
     </template>

package/dist/runtime/table/components/data-list/data-list-table.vue.d.ts

@@ -1,13 +1,20 @@
 import type { DataListControlSize, DataListTableUi } from '../../types/index.js';
+/**
+ * The table layout. Summary rows are its compact presentation, so they share its states and slots.
+ * The template carries no comment on purpose: in development a root comment turns the root into a
+ * fragment, which a transition around this component cannot leave, so the next view never comes in.
+ */
 type __VLS_Props = {
     height?: string;
     size?: DataListControlSize;
     fill?: boolean;
     ui?: DataListTableUi;
 };
-declare var __VLS_10: string, __VLS_11: any;
+declare var __VLS_10: string, __VLS_11: any, __VLS_22: string, __VLS_23: any;
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_10>]?: (props: typeof __VLS_11) => any;
+} & {
+    [K in NonNullable<typeof __VLS_22>]?: (props: typeof __VLS_23) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/table/components/data-list/data-list-view-toggle.d.vue.ts

@@ -0,0 +1,25 @@
+import type { DataListControlSize, DataListViewToggleProps, DataListViewToggleUi } from '../../types/index.js';
+type __VLS_Props = {
+    size?: DataListControlSize;
+    ui?: DataListViewToggleUi;
+    props?: DataListViewToggleProps;
+};
+declare function toggle(): void;
+declare var __VLS_1: {
+    active: boolean;
+    available: boolean;
+    label: string;
+    toggle: typeof toggle;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/table/components/data-list/data-list-view-toggle.vue

@@ -0,0 +1,57 @@
+<script setup>
+import UButton from "@nuxt/ui/components/Button.vue";
+import { computed } from "vue";
+import { useUiToolsLocale } from "#ui-tools/i18n";
+import { useDataListUi } from "../../composables/use-data-list-ui";
+import { useTableInternals } from "../../composables/use-table-internals";
+import { mergeDataListProps, mergeDataListUiClass } from "../../utils";
+const props = defineProps({
+  size: { type: String, required: false },
+  ui: { type: Object, required: false },
+  props: { type: Object, required: false }
+});
+const internals = useTableInternals();
+const dataListUi = useDataListUi();
+const { t } = useUiToolsLocale();
+const { rowSummary } = internals;
+const resolvedSize = computed(
+  () => props.size ?? dataListUi.ui.value.viewToggle?.size ?? dataListUi.controlSize.value
+);
+const resolvedUi = computed(() => ({
+  ...dataListUi.ui.value.viewToggle?.ui,
+  ...props.ui
+}));
+const label = computed(
+  () => t(rowSummary.active.value ? "table.header.tableView" : "table.header.summaryView")
+);
+const buttonProps = computed(
+  () => mergeDataListProps(
+    { color: "primary", size: resolvedSize.value, variant: "link" },
+    dataListUi.ui.value.viewToggle?.props?.button,
+    props.props?.button
+  )
+);
+function toggle() {
+  rowSummary.setActive(!rowSummary.active.value);
+}
+</script>
+
+<template>
+  <slot
+    :active="rowSummary.active.value"
+    :available="rowSummary.available.value"
+    :label="label"
+    :toggle="toggle"
+  >
+    <UButton
+      v-if="internals.controls.headerControls.value.summary"
+      v-bind="buttonProps"
+      :label="label"
+      :ui="{
+  ...resolvedUi,
+  base: mergeDataListUiClass('nut-dl-view-toggle font-semibold', void 0, resolvedUi.base)
+}"
+      @click="toggle"
+    />
+  </slot>
+</template>

package/dist/runtime/table/components/data-list/data-list-view-toggle.vue.d.ts

@@ -0,0 +1,25 @@
+import type { DataListControlSize, DataListViewToggleProps, DataListViewToggleUi } from '../../types/index.js';
+type __VLS_Props = {
+    size?: DataListControlSize;
+    ui?: DataListViewToggleUi;
+    props?: DataListViewToggleProps;
+};
+declare function toggle(): void;
+declare var __VLS_1: {
+    active: boolean;
+    available: boolean;
+    label: string;
+    toggle: typeof toggle;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/table/components/data-list/sort-menu-panel.vue

@@ -77,7 +77,7 @@ function humanize(value) {
           :aria-checked="activeDirection === dir"
           class="flex min-w-0 items-center justify-center gap-1.5 overflow-hidden rounded-[5px] px-1 font-medium whitespace-nowrap outline-none transition-colors focus-visible:ring-2 focus-visible:ring-primary/40"
           :class="[
-  compact ? 'h-7 text-[12px]' : 'h-8 text-[12.5px]',
+  compact ? 'h-7 text-[12px]' : 'h-11 text-[13px]',
   activeDirection === dir ? 'nut-dl-sort__dir--active bg-default text-highlighted shadow-[0_0_0_1px_var(--ui-border)]' : 'text-muted hover:text-default'
 ]"
           @click="emit('selectDirection', dir)"

package/dist/runtime/table/components/filters/tags/boolean-filter-tag.d.vue.ts

@@ -27,12 +27,12 @@ type __VLS_Slots = {} & {
     trigger?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    back: () => any;
     dismiss: () => any;
+    back: () => any;
     sessionClosed: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onBack?: (() => any) | undefined;
     onDismiss?: (() => any) | undefined;
+    onBack?: (() => any) | undefined;
     onSessionClosed?: (() => any) | undefined;
 }>, {
     header: boolean;

package/dist/runtime/table/components/filters/tags/boolean-filter-tag.vue.d.ts

@@ -27,12 +27,12 @@ type __VLS_Slots = {} & {
     trigger?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    back: () => any;
     dismiss: () => any;
+    back: () => any;
     sessionClosed: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onBack?: (() => any) | undefined;
     onDismiss?: (() => any) | undefined;
+    onBack?: (() => any) | undefined;
     onSessionClosed?: (() => any) | undefined;
 }>, {
     header: boolean;

package/dist/runtime/table/components/filters/tags/date-filter-tag.d.vue.ts

@@ -29,12 +29,12 @@ type __VLS_Slots = {} & {
     trigger?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    back: () => any;
     dismiss: () => any;
+    back: () => any;
     sessionClosed: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onBack?: (() => any) | undefined;
     onDismiss?: (() => any) | undefined;
+    onBack?: (() => any) | undefined;
     onSessionClosed?: (() => any) | undefined;
 }>, {
     header: boolean;

package/dist/runtime/table/components/filters/tags/date-filter-tag.vue.d.ts

@@ -29,12 +29,12 @@ type __VLS_Slots = {} & {
     trigger?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    back: () => any;
     dismiss: () => any;
+    back: () => any;
     sessionClosed: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onBack?: (() => any) | undefined;
     onDismiss?: (() => any) | undefined;
+    onBack?: (() => any) | undefined;
     onSessionClosed?: (() => any) | undefined;
 }>, {
     header: boolean;

package/dist/runtime/table/components/filters/tags/number-filter-tag.d.vue.ts

@@ -28,12 +28,12 @@ type __VLS_Slots = {} & {
     trigger?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    back: () => any;
     dismiss: () => any;
+    back: () => any;
     sessionClosed: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onBack?: (() => any) | undefined;
     onDismiss?: (() => any) | undefined;
+    onBack?: (() => any) | undefined;
     onSessionClosed?: (() => any) | undefined;
 }>, {
     header: boolean;

package/dist/runtime/table/components/filters/tags/number-filter-tag.vue.d.ts

@@ -28,12 +28,12 @@ type __VLS_Slots = {} & {
     trigger?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    back: () => any;
     dismiss: () => any;
+    back: () => any;
     sessionClosed: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onBack?: (() => any) | undefined;
     onDismiss?: (() => any) | undefined;
+    onBack?: (() => any) | undefined;
     onSessionClosed?: (() => any) | undefined;
 }>, {
     header: boolean;