nuxt-ui-tools 1.0.1 → 1.2.0

package/dist/runtime/shared/styles/scrollbars.css

@@ -1 +1 @@
-:root{--nut-scrollbar-size:11px;--nut-scrollbar-gap:3px;--nut-scrollbar-thumb:color-mix(in srgb,var(--ui-text,#1f1d1a) 18%,transparent);--nut-scrollbar-thumb-hover:color-mix(in srgb,var(--ui-text,#1f1d1a) 32%,transparent);--nut-scrollbar-thumb-active:color-mix(in srgb,var(--ui-text,#1f1d1a) 44%,transparent)}@supports not selector(::-webkit-scrollbar){*{scrollbar-color:transparent transparent;scrollbar-width:thin;transition:scrollbar-color .2s ease}:hover{scrollbar-color:var(--nut-scrollbar-thumb) transparent}}@supports selector(::-webkit-scrollbar){::-webkit-scrollbar{background:transparent;height:var(--nut-scrollbar-size);width:var(--nut-scrollbar-size)}::-webkit-scrollbar-corner,::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:transparent;border:var(--nut-scrollbar-gap) solid transparent;border-radius:999px}:hover::-webkit-scrollbar-thumb{background-color:var(--nut-scrollbar-thumb)}::-webkit-scrollbar-thumb:hover{background-color:var(--nut-scrollbar-thumb-hover)}::-webkit-scrollbar-thumb:active{background-color:var(--nut-scrollbar-thumb-active)}}
+:root{--nut-scrollbar-size:11px;--nut-scrollbar-gap:3px;--nut-scrollbar-thumb:color-mix(in srgb,var(--ui-text,#1f1d1a) 18%,transparent);--nut-scrollbar-thumb-hover:color-mix(in srgb,var(--ui-text,#1f1d1a) 32%,transparent);--nut-scrollbar-thumb-active:color-mix(in srgb,var(--ui-text,#1f1d1a) 44%,transparent)}@supports (scrollbar-width:thin){*{scrollbar-color:transparent transparent;scrollbar-width:thin;transition:scrollbar-color .2s ease}:hover{scrollbar-color:var(--nut-scrollbar-thumb) transparent}}@supports not (scrollbar-width:thin){::-webkit-scrollbar{background:transparent;height:var(--nut-scrollbar-size);width:var(--nut-scrollbar-size)}::-webkit-scrollbar-corner,::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:transparent;border:var(--nut-scrollbar-gap) solid transparent;border-radius:999px}:hover::-webkit-scrollbar-thumb{background-color:var(--nut-scrollbar-thumb)}::-webkit-scrollbar-thumb:hover{background-color:var(--nut-scrollbar-thumb-hover)}::-webkit-scrollbar-thumb:active{background-color:var(--nut-scrollbar-thumb-active)}}

package/dist/runtime/shared/styles/tokens.css

@@ -1 +1 @@
-:root{--nut-form-veil:rgba(31,29,26,.18)}.dark{--nut-form-veil:rgba(0,0,0,.45)}
+:root{--nut-form-veil:rgba(31,29,26,.18)}.dark{--nut-form-veil:rgba(0,0,0,.45)}:where(:root){--nut-dash-s1:var(--ui-primary);--nut-dash-s2:var(--ui-color-neutral-400);--nut-dash-s3:var(--ui-secondary);--nut-dash-s4:color-mix(in oklab,var(--ui-primary) 20%,var(--ui-bg));--nut-dash-s5:var(--ui-warning);--nut-dash-s6:color-mix(in oklab,var(--ui-secondary) 35%,var(--ui-bg));--nut-dash-up:var(--ui-success);--nut-dash-up-mark:var(--nut-dash-up);--nut-dash-down:var(--ui-error);--nut-dash-muted:var(--ui-border-accented);--nut-dash-track:var(--ui-bg-elevated);--nut-dash-grid:var(--ui-border-muted);--nut-dash-axis:var(--ui-text-dimmed);--nut-dash-ref:var(--ui-text-dimmed);--nut-dash-ref-label:var(--ui-text-muted);--nut-dash-ghost:var(--ui-bg-accented);--nut-dash-ghost-shine:color-mix(in oklab,var(--ui-bg) 70%,transparent)}:where(.dark){--nut-dash-s2:var(--ui-color-neutral-500);--nut-dash-s4:color-mix(in oklab,var(--ui-primary) 30%,var(--ui-bg));--nut-dash-s6:color-mix(in oklab,var(--ui-secondary) 40%,var(--ui-bg))}@supports (color:oklch(from red l c h)){:where(:root){--nut-dash-s4:oklch(from var(--ui-primary) 0.88 calc(c * 0.45) h);--nut-dash-s6:oklch(from var(--ui-secondary) 0.8 calc(c * 0.55) h)}:where(.dark){--nut-dash-s4:oklch(from var(--ui-primary) 0.42 calc(c * 0.6) h);--nut-dash-s6:oklch(from var(--ui-secondary) 0.45 calc(c * 0.65) h)}}.nut-dash-chart{--vis-font-family:inherit;--vis-axis-tick-label-color:var(--nut-dash-axis);--vis-axis-tick-label-font-size:10px;--vis-axis-grid-color:var(--nut-dash-grid);--vis-axis-domain-color:var(--nut-dash-grid);--vis-crosshair-line-stroke-color:var(--ui-border-accented);--vis-crosshair-circle-stroke-color:var(--ui-bg);--vis-tooltip-background-color:var(--ui-bg);--vis-tooltip-border-color:var(--ui-border);--vis-tooltip-text-color:var(--ui-text);--vis-tooltip-padding:8px 10px;--vis-tooltip-border-radius:calc(var(--ui-radius)*1.5);--vis-tooltip-shadow-color:rgb(0 0 0/8%);--vis-plotline-label-font-size:10px}.nut-dash-chart--bars [data-vis-component] rect:hover{opacity:.8}.nut-dash-tip{display:flex;flex-direction:column;font-size:12px;gap:4px;min-width:9rem}.nut-dash-tip-title{color:var(--ui-text-muted);font-weight:500}.nut-dash-tip-row{align-items:center;display:flex;gap:6px}.nut-dash-tip-row i{border-radius:2px;height:8px;width:8px}.nut-dash-tip-row span{color:var(--ui-text-muted);flex:1}.nut-dash-tip-row b{font-variant-numeric:tabular-nums;font-weight:600}.nut-dash-ghost{background:var(--nut-dash-ghost)}.nut-dash-shimmer{overflow:hidden;position:relative}.nut-dash-shimmer:after{animation:nut-dash-shimmer 1.6s ease-in-out infinite;background:linear-gradient(100deg,transparent 25%,var(--nut-dash-ghost-shine) 50%,transparent 75%);content:"";inset:0;pointer-events:none;position:absolute;transform:translateX(-100%);will-change:transform}@keyframes nut-dash-shimmer{to{transform:translateX(100%)}}.nut-dash-enter{animation:nut-dash-enter .28s ease-out}@keyframes nut-dash-enter{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:none}}.nut-dash-progress{animation:nut-dash-progress 1.1s ease-in-out infinite}@keyframes nut-dash-progress{0%{transform:translateX(-100%)}to{transform:translateX(300%)}}@media (prefers-reduced-motion:reduce){.nut-dash-shimmer:after{display:none}.nut-dash-enter{animation:none}.nut-dash-progress{animation-duration:3s}}

package/dist/runtime/shared/types/query.d.ts

@@ -0,0 +1,10 @@
+import type { QueryFunction, QueryKey, UseQueryOptions } from '@tanstack/vue-query';
+/**
+ * TanStack query definition accepted by runtime domains that own the `useQuery` call themselves
+ * (table sources, dashboard queries): an explicit `queryKey`, an optional `queryFn`, and any other
+ * query option.
+ */
+export type QueryDefinition<TData = unknown> = Omit<UseQueryOptions<TData>, 'queryFn'> & {
+    queryKey: QueryKey;
+    queryFn?: QueryFunction<TData, QueryKey, string | null>;
+};

package/dist/runtime/shared/types/remote-options.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Page envelope returned by an index-paginated remote option source.
+ */
+export interface RemoteOptionsPage<TOption> {
+    options: readonly TOption[];
+    hasMore: boolean;
+}
+/**
+ * Page envelope returned by a cursor-paginated remote option source.
+ */
+export interface RemoteCursorOptionsPage<TOption> {
+    options: readonly TOption[];
+    nextCursor: string | null;
+}
+export type RemoteOptionsResult<TOption> = RemoteOptionsPage<TOption> | RemoteCursorOptionsPage<TOption>;
+/**
+ * Page requested from a remote option source. `cursor` is set for cursor pagination and `index`
+ * (1-based) for page pagination.
+ */
+export interface RemoteOptionsPageRequest {
+    index: number;
+    cursor: string | null;
+    size: number;
+}
+export interface RemoteOptionsPagination {
+    type: 'page' | 'cursor';
+    /** Page size forwarded to the source. */
+    size: number;
+    /** Distance from the list end that triggers the next page: pixels, or `'viewport'` for three viewport heights. Defaults to `'viewport'`. */
+    prefetchDistance?: number | 'viewport';
+}
+export interface RemoteOptionsSearch {
+    /** Debounce applied to typed search terms, in milliseconds. Defaults to 250. */
+    debounce?: number;
+    /** Minimum term length before a search request runs. Defaults to 0. */
+    minLength?: number;
+}

package/dist/runtime/shared/utils/remote-options.d.ts

@@ -0,0 +1,10 @@
+import type { RemoteOptionsResult } from '../types/remote-options.js';
+/** Position of a page in a remote option source: its 1-based index, and its cursor when paged by cursor. */
+export interface RemoteOptionsPageParam {
+    index: number;
+    cursor: string | null;
+}
+/** First page of any remote option source. */
+export declare const REMOTE_OPTIONS_FIRST_PAGE: RemoteOptionsPageParam;
+/** Next page of a page- or cursor-paginated remote option source, or `undefined` at the end. */
+export declare function resolveRemoteOptionsNextPage<TOption>(page: RemoteOptionsResult<TOption>, loadedPages: number): RemoteOptionsPageParam | undefined;

package/dist/runtime/shared/utils/remote-options.js

@@ -0,0 +1,6 @@
+export const REMOTE_OPTIONS_FIRST_PAGE = { cursor: null, index: 1 };
+export function resolveRemoteOptionsNextPage(page, loadedPages) {
+  if ("nextCursor" in page)
+    return page.nextCursor ? { cursor: page.nextCursor, index: loadedPages + 1 } : void 0;
+  return page.hasMore ? { cursor: null, index: loadedPages + 1 } : void 0;
+}

package/dist/runtime/spreadsheet/components/layout/spreadsheet-import-footer.d.vue.ts

@@ -12,12 +12,12 @@ type __VLS_Props = {
     primaryIcon?: string;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    primary: () => any;
     previous: () => any;
+    primary: () => any;
     export: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onPrimary?: (() => any) | undefined;
     onPrevious?: (() => any) | undefined;
+    onPrimary?: (() => any) | undefined;
     onExport?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/spreadsheet/components/layout/spreadsheet-import-footer.vue.d.ts

@@ -12,12 +12,12 @@ type __VLS_Props = {
     primaryIcon?: string;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    primary: () => any;
     previous: () => any;
+    primary: () => any;
     export: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onPrimary?: (() => any) | undefined;
     onPrevious?: (() => any) | undefined;
+    onPrimary?: (() => any) | undefined;
     onExport?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/spreadsheet/composables/use-spreadsheet-internals.d.ts

@@ -65,8 +65,8 @@ declare function createSpreadsheetInternals<TSchema extends {
             sourceValue: string;
         }) => void;
         queryRequests: ComputedRef<import("../types/index.js").SpreadsheetReferenceQueryRequest[]>;
-        referenceDefinitions: ComputedRef<readonly import("../types/index.js").SpreadsheetResolutionDefinition<"column" | "reference", string, string, unknown, unknown, import("../types/index.js").SpreadsheetOptionItem, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetFieldRulesInput<unknown> | undefined>[]>;
-        resolutionDefinitions: ComputedRef<readonly import("../types/index.js").SpreadsheetResolutionDefinition<"column" | "reference", string, string, unknown, unknown, import("../types/index.js").SpreadsheetOptionItem, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetFieldRulesInput<unknown> | undefined>[]>;
+        referenceDefinitions: ComputedRef<readonly import("../types/index.js").SpreadsheetResolutionDefinition<"reference" | "column", string, string, unknown, unknown, import("../types/index.js").SpreadsheetOptionItem, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetFieldRulesInput<unknown> | undefined>[]>;
+        resolutionDefinitions: ComputedRef<readonly import("../types/index.js").SpreadsheetResolutionDefinition<"reference" | "column", string, string, unknown, unknown, import("../types/index.js").SpreadsheetOptionItem, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetFieldRulesInput<unknown> | undefined>[]>;
         resolutions: ComputedRef<import("../types/index.js").SpreadsheetReferenceResolution<unknown, unknown>[]>;
         resolvedRows: ComputedRef<import("../types/index.js").SpreadsheetResolvedReferenceRow<import("../types/index.js").SpreadsheetRecord>[]>;
         selectReference: (selection: {
@@ -98,8 +98,8 @@ declare function createSpreadsheetInternals<TSchema extends {
             sourceValue: string;
         }) => void;
         queryRequests: ComputedRef<import("../types/index.js").SpreadsheetReferenceQueryRequest[]>;
-        referenceDefinitions: ComputedRef<readonly import("../types/index.js").SpreadsheetResolutionDefinition<"column" | "reference", string, string, unknown, unknown, import("../types/index.js").SpreadsheetOptionItem, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetFieldRulesInput<unknown> | undefined>[]>;
-        resolutionDefinitions: ComputedRef<readonly import("../types/index.js").SpreadsheetResolutionDefinition<"column" | "reference", string, string, unknown, unknown, import("../types/index.js").SpreadsheetOptionItem, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetFieldRulesInput<unknown> | undefined>[]>;
+        referenceDefinitions: ComputedRef<readonly import("../types/index.js").SpreadsheetResolutionDefinition<"reference" | "column", string, string, unknown, unknown, import("../types/index.js").SpreadsheetOptionItem, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetFieldRulesInput<unknown> | undefined>[]>;
+        resolutionDefinitions: ComputedRef<readonly import("../types/index.js").SpreadsheetResolutionDefinition<"reference" | "column", string, string, unknown, unknown, import("../types/index.js").SpreadsheetOptionItem, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetFieldRulesInput<unknown> | undefined>[]>;
         resolutions: ComputedRef<import("../types/index.js").SpreadsheetReferenceResolution<unknown, unknown>[]>;
         resolvedRows: ComputedRef<import("../types/index.js").SpreadsheetResolvedReferenceRow<import("../types/index.js").SpreadsheetRecord>[]>;
         selectReference: (selection: {
@@ -163,7 +163,7 @@ declare function createSpreadsheetInternals<TSchema extends {
         };
         references: any[];
         relations: readonly unknown[];
-        resolutions: readonly import("../types/index.js").SpreadsheetResolutionDefinition<"column" | "reference", string, string, unknown, unknown, import("../types/index.js").SpreadsheetOptionItem, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetFieldRulesInput<unknown> | undefined>[];
+        resolutions: readonly import("../types/index.js").SpreadsheetResolutionDefinition<"reference" | "column", string, string, unknown, unknown, import("../types/index.js").SpreadsheetOptionItem, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetFieldRulesInput<unknown> | undefined>[];
         review: {
             [x: string]: unknown;
         };
@@ -272,8 +272,8 @@ declare function useProvideSpreadsheetInternals(options: {
             sourceValue: string;
         }) => void;
         queryRequests: ComputedRef<import("../types/index.js").SpreadsheetReferenceQueryRequest[]>;
-        referenceDefinitions: ComputedRef<readonly import("../types/index.js").SpreadsheetResolutionDefinition<"column" | "reference", string, string, unknown, unknown, import("../types/index.js").SpreadsheetOptionItem, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetFieldRulesInput<unknown> | undefined>[]>;
-        resolutionDefinitions: ComputedRef<readonly import("../types/index.js").SpreadsheetResolutionDefinition<"column" | "reference", string, string, unknown, unknown, import("../types/index.js").SpreadsheetOptionItem, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetFieldRulesInput<unknown> | undefined>[]>;
+        referenceDefinitions: ComputedRef<readonly import("../types/index.js").SpreadsheetResolutionDefinition<"reference" | "column", string, string, unknown, unknown, import("../types/index.js").SpreadsheetOptionItem, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetFieldRulesInput<unknown> | undefined>[]>;
+        resolutionDefinitions: ComputedRef<readonly import("../types/index.js").SpreadsheetResolutionDefinition<"reference" | "column", string, string, unknown, unknown, import("../types/index.js").SpreadsheetOptionItem, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetFieldRulesInput<unknown> | undefined>[]>;
         resolutions: ComputedRef<import("../types/index.js").SpreadsheetReferenceResolution<unknown, unknown>[]>;
         resolvedRows: ComputedRef<import("../types/index.js").SpreadsheetResolvedReferenceRow<import("../types/index.js").SpreadsheetRecord>[]>;
         selectReference: (selection: {
@@ -305,8 +305,8 @@ declare function useProvideSpreadsheetInternals(options: {
             sourceValue: string;
         }) => void;
         queryRequests: ComputedRef<import("../types/index.js").SpreadsheetReferenceQueryRequest[]>;
-        referenceDefinitions: ComputedRef<readonly import("../types/index.js").SpreadsheetResolutionDefinition<"column" | "reference", string, string, unknown, unknown, import("../types/index.js").SpreadsheetOptionItem, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetFieldRulesInput<unknown> | undefined>[]>;
-        resolutionDefinitions: ComputedRef<readonly import("../types/index.js").SpreadsheetResolutionDefinition<"column" | "reference", string, string, unknown, unknown, import("../types/index.js").SpreadsheetOptionItem, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetFieldRulesInput<unknown> | undefined>[]>;
+        referenceDefinitions: ComputedRef<readonly import("../types/index.js").SpreadsheetResolutionDefinition<"reference" | "column", string, string, unknown, unknown, import("../types/index.js").SpreadsheetOptionItem, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetFieldRulesInput<unknown> | undefined>[]>;
+        resolutionDefinitions: ComputedRef<readonly import("../types/index.js").SpreadsheetResolutionDefinition<"reference" | "column", string, string, unknown, unknown, import("../types/index.js").SpreadsheetOptionItem, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetFieldRulesInput<unknown> | undefined>[]>;
         resolutions: ComputedRef<import("../types/index.js").SpreadsheetReferenceResolution<unknown, unknown>[]>;
         resolvedRows: ComputedRef<import("../types/index.js").SpreadsheetResolvedReferenceRow<import("../types/index.js").SpreadsheetRecord>[]>;
         selectReference: (selection: {
@@ -372,7 +372,7 @@ declare function useProvideSpreadsheetInternals(options: {
         };
         references: any[];
         relations: readonly unknown[];
-        resolutions: readonly import("../types/index.js").SpreadsheetResolutionDefinition<"column" | "reference", string, string, unknown, unknown, import("../types/index.js").SpreadsheetOptionItem, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetFieldRulesInput<unknown> | undefined>[];
+        resolutions: readonly import("../types/index.js").SpreadsheetResolutionDefinition<"reference" | "column", string, string, unknown, unknown, import("../types/index.js").SpreadsheetOptionItem, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetFieldRulesInput<unknown> | undefined>[];
         review: {
             [x: string]: unknown;
         };
@@ -474,8 +474,8 @@ declare function useSpreadsheetInternals(): {
             sourceValue: string;
         }) => void;
         queryRequests: ComputedRef<import("../types/index.js").SpreadsheetReferenceQueryRequest[]>;
-        referenceDefinitions: ComputedRef<readonly import("../types/index.js").SpreadsheetResolutionDefinition<"column" | "reference", string, string, unknown, unknown, import("../types/index.js").SpreadsheetOptionItem, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetFieldRulesInput<unknown> | undefined>[]>;
-        resolutionDefinitions: ComputedRef<readonly import("../types/index.js").SpreadsheetResolutionDefinition<"column" | "reference", string, string, unknown, unknown, import("../types/index.js").SpreadsheetOptionItem, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetFieldRulesInput<unknown> | undefined>[]>;
+        referenceDefinitions: ComputedRef<readonly import("../types/index.js").SpreadsheetResolutionDefinition<"reference" | "column", string, string, unknown, unknown, import("../types/index.js").SpreadsheetOptionItem, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetFieldRulesInput<unknown> | undefined>[]>;
+        resolutionDefinitions: ComputedRef<readonly import("../types/index.js").SpreadsheetResolutionDefinition<"reference" | "column", string, string, unknown, unknown, import("../types/index.js").SpreadsheetOptionItem, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetFieldRulesInput<unknown> | undefined>[]>;
         resolutions: ComputedRef<import("../types/index.js").SpreadsheetReferenceResolution<unknown, unknown>[]>;
         resolvedRows: ComputedRef<import("../types/index.js").SpreadsheetResolvedReferenceRow<import("../types/index.js").SpreadsheetRecord>[]>;
         selectReference: (selection: {
@@ -507,8 +507,8 @@ declare function useSpreadsheetInternals(): {
             sourceValue: string;
         }) => void;
         queryRequests: ComputedRef<import("../types/index.js").SpreadsheetReferenceQueryRequest[]>;
-        referenceDefinitions: ComputedRef<readonly import("../types/index.js").SpreadsheetResolutionDefinition<"column" | "reference", string, string, unknown, unknown, import("../types/index.js").SpreadsheetOptionItem, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetFieldRulesInput<unknown> | undefined>[]>;
-        resolutionDefinitions: ComputedRef<readonly import("../types/index.js").SpreadsheetResolutionDefinition<"column" | "reference", string, string, unknown, unknown, import("../types/index.js").SpreadsheetOptionItem, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetFieldRulesInput<unknown> | undefined>[]>;
+        referenceDefinitions: ComputedRef<readonly import("../types/index.js").SpreadsheetResolutionDefinition<"reference" | "column", string, string, unknown, unknown, import("../types/index.js").SpreadsheetOptionItem, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetFieldRulesInput<unknown> | undefined>[]>;
+        resolutionDefinitions: ComputedRef<readonly import("../types/index.js").SpreadsheetResolutionDefinition<"reference" | "column", string, string, unknown, unknown, import("../types/index.js").SpreadsheetOptionItem, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetFieldRulesInput<unknown> | undefined>[]>;
         resolutions: ComputedRef<import("../types/index.js").SpreadsheetReferenceResolution<unknown, unknown>[]>;
         resolvedRows: ComputedRef<import("../types/index.js").SpreadsheetResolvedReferenceRow<import("../types/index.js").SpreadsheetRecord>[]>;
         selectReference: (selection: {
@@ -574,7 +574,7 @@ declare function useSpreadsheetInternals(): {
         };
         references: any[];
         relations: readonly unknown[];
-        resolutions: readonly import("../types/index.js").SpreadsheetResolutionDefinition<"column" | "reference", string, string, unknown, unknown, import("../types/index.js").SpreadsheetOptionItem, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetFieldRulesInput<unknown> | undefined>[];
+        resolutions: readonly import("../types/index.js").SpreadsheetResolutionDefinition<"reference" | "column", string, string, unknown, unknown, import("../types/index.js").SpreadsheetOptionItem, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetRecord, import("../types/index.js").SpreadsheetFieldRulesInput<unknown> | undefined>[];
         review: {
             [x: string]: unknown;
         };

package/dist/runtime/spreadsheet/composables/use-spreadsheet-resolutions.d.ts

@@ -15,8 +15,8 @@ export declare function useSpreadsheetResolutions(params: UseSpreadsheetResoluti
         sourceValue: string;
     }) => void;
     queryRequests: ComputedRef<import("../types/index.js").SpreadsheetReferenceQueryRequest[]>;
-    referenceDefinitions: ComputedRef<readonly import("../types/index.js").SpreadsheetResolutionDefinition<"column" | "reference", string, string, unknown, unknown, import("../types/index.js").SpreadsheetOptionItem, SpreadsheetRecord, SpreadsheetRecord, import("../types/index.js").SpreadsheetFieldRulesInput<unknown> | undefined>[]>;
-    resolutionDefinitions: ComputedRef<readonly import("../types/index.js").SpreadsheetResolutionDefinition<"column" | "reference", string, string, unknown, unknown, import("../types/index.js").SpreadsheetOptionItem, SpreadsheetRecord, SpreadsheetRecord, import("../types/index.js").SpreadsheetFieldRulesInput<unknown> | undefined>[]>;
+    referenceDefinitions: ComputedRef<readonly import("../types/index.js").SpreadsheetResolutionDefinition<"reference" | "column", string, string, unknown, unknown, import("../types/index.js").SpreadsheetOptionItem, SpreadsheetRecord, SpreadsheetRecord, import("../types/index.js").SpreadsheetFieldRulesInput<unknown> | undefined>[]>;
+    resolutionDefinitions: ComputedRef<readonly import("../types/index.js").SpreadsheetResolutionDefinition<"reference" | "column", string, string, unknown, unknown, import("../types/index.js").SpreadsheetOptionItem, SpreadsheetRecord, SpreadsheetRecord, import("../types/index.js").SpreadsheetFieldRulesInput<unknown> | undefined>[]>;
     resolutions: ComputedRef<SpreadsheetReferenceResolution<unknown, unknown>[]>;
     resolvedRows: ComputedRef<import("../types/index.js").SpreadsheetResolvedReferenceRow<SpreadsheetRecord>[]>;
     selectReference: (selection: {

package/dist/runtime/spreadsheet/schema/normalize.d.ts

@@ -45,7 +45,7 @@ export declare function normalizeSpreadsheetSchema<TSchema extends {
     };
     references: any[];
     relations: readonly unknown[];
-    resolutions: readonly SpreadsheetResolutionDefinition<"column" | "reference", string, string, unknown, unknown, import("../types/index.js").SpreadsheetOptionItem, SpreadsheetRecord, SpreadsheetRecord, import("../types/index.js").SpreadsheetFieldRulesInput<unknown> | undefined>[];
+    resolutions: readonly SpreadsheetResolutionDefinition<"reference" | "column", string, string, unknown, unknown, import("../types/index.js").SpreadsheetOptionItem, SpreadsheetRecord, SpreadsheetRecord, import("../types/index.js").SpreadsheetFieldRulesInput<unknown> | undefined>[];
     review: {
         [x: string]: unknown;
     };

package/dist/runtime/spreadsheet/utils/references/sources.d.ts

@@ -5,5 +5,5 @@ export declare function collectSpreadsheetReferenceSources(references: readonly
         rowIndexes: number[];
         value: string;
     }[];
-    reference: import("../../types/index.js").SpreadsheetResolutionDefinition<"column" | "reference", string, string, unknown, unknown, import("../../types/index.js").SpreadsheetOptionItem, SpreadsheetRecord, SpreadsheetRecord, import("../../types/index.js").SpreadsheetFieldRulesInput<unknown> | undefined>;
+    reference: import("../../types/index.js").SpreadsheetResolutionDefinition<"reference" | "column", string, string, unknown, unknown, import("../../types/index.js").SpreadsheetOptionItem, SpreadsheetRecord, SpreadsheetRecord, import("../../types/index.js").SpreadsheetFieldRulesInput<unknown> | undefined>;
 }[];

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

@@ -71,8 +71,8 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     transition: boolean;
-    fit: DataListContentFit;
     surface: DataListContentSurface;
+    fit: DataListContentFit;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -71,8 +71,8 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     transition: boolean;
-    fit: DataListContentFit;
     surface: DataListContentSurface;
+    fit: DataListContentFit;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -22,7 +22,7 @@ declare var __VLS_1: {
         isLoadingMore: boolean;
         loadMoreError: unknown;
         loadedCount: number;
-        mode: "none" | "offset" | "cursor";
+        mode: "cursor" | "none" | "offset";
         pageCount: number;
         pageIndex: number;
         pageSize: number;

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

@@ -22,7 +22,7 @@ declare var __VLS_1: {
         isLoadingMore: boolean;
         loadMoreError: unknown;
         loadedCount: number;
-        mode: "none" | "offset" | "cursor";
+        mode: "cursor" | "none" | "offset";
         pageCount: number;
         pageIndex: number;
         pageSize: number;

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

@@ -17,8 +17,8 @@ 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<{}>, {
-    mobile: boolean;
     order: TableLayout[];
+    mobile: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -17,8 +17,8 @@ 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<{}>, {
-    mobile: boolean;
     order: TableLayout[];
+    mobile: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -11,7 +11,7 @@ declare var __VLS_1: {
         isLoadingMore: boolean;
         loadMoreError: unknown;
         loadedCount: number;
-        mode: "none" | "offset" | "cursor";
+        mode: "cursor" | "none" | "offset";
         pageCount: number;
         pageIndex: number;
         pageSize: number;

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

@@ -11,7 +11,7 @@ declare var __VLS_1: {
         isLoadingMore: boolean;
         loadMoreError: unknown;
         loadedCount: number;
-        mode: "none" | "offset" | "cursor";
+        mode: "cursor" | "none" | "offset";
         pageCount: number;
         pageIndex: number;
         pageSize: number;

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

@@ -10,7 +10,7 @@ declare var __VLS_29: {
     label: string | null;
     sorting: {
         active: boolean;
-        dir: "desc" | "asc" | undefined;
+        dir: "asc" | "desc" | undefined;
         key: string | undefined;
     };
     setSorting: (sorting: {

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

@@ -10,7 +10,7 @@ declare var __VLS_29: {
     label: string | null;
     sorting: {
         active: boolean;
-        dir: "desc" | "asc" | undefined;
+        dir: "asc" | "desc" | undefined;
         key: string | undefined;
     };
     setSorting: (sorting: {

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

@@ -7,10 +7,10 @@ type __VLS_Props = {
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     selectKey: (key: string) => any;
-    selectDirection: (direction: "desc" | "asc") => any;
+    selectDirection: (direction: "asc" | "desc") => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSelectKey?: ((key: string) => any) | undefined;
-    onSelectDirection?: ((direction: "desc" | "asc") => any) | undefined;
+    onSelectDirection?: ((direction: "asc" | "desc") => any) | undefined;
 }>, {
     compact: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -7,10 +7,10 @@ type __VLS_Props = {
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     selectKey: (key: string) => any;
-    selectDirection: (direction: "desc" | "asc") => any;
+    selectDirection: (direction: "asc" | "desc") => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSelectKey?: ((key: string) => any) | undefined;
-    onSelectDirection?: ((direction: "desc" | "asc") => any) | undefined;
+    onSelectDirection?: ((direction: "asc" | "desc") => any) | undefined;
 }>, {
     compact: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/table/components/filters/shared/filter-match-mode-button.d.vue.ts

@@ -15,11 +15,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSelect?: ((value: TableFilterOperator) => any) | undefined;
 }>, {
-    variant: "default" | "compact";
     items: {
         label: string;
         value: TableFilterOperator;
     }[];
+    variant: "default" | "compact";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/table/components/filters/shared/filter-match-mode-button.vue.d.ts

@@ -15,11 +15,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSelect?: ((value: TableFilterOperator) => any) | undefined;
 }>, {
-    variant: "default" | "compact";
     items: {
         label: string;
         value: TableFilterOperator;
     }[];
+    variant: "default" | "compact";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/table/components/filters/shared/filter-option-list-end.d.vue.ts

@@ -0,0 +1,11 @@
+import type { useTableFilterOptions } from '../../../composables/use-table-filter-options.js';
+import type { DataListControlSize, DataListFilterEditorUi } from '../../../types/index.js';
+type __VLS_Props = {
+    remote: ReturnType<typeof useTableFilterOptions>['remote'];
+    indicator: 'checkbox' | 'radio';
+    size?: DataListControlSize;
+    ui?: DataListFilterEditorUi;
+};
+declare const __VLS_export: 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 _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/table/components/filters/shared/filter-option-list-end.vue

@@ -0,0 +1,76 @@
+<script setup>
+import { useEventListener } from "@vueuse/core";
+import { nextTick, shallowRef, watch } from "vue";
+import { useUiToolsLocale } from "#ui-tools/i18n";
+import FilterOptionLoadingList from "./filter-option-loading-list.vue";
+const PREFETCH_VIEWPORTS = 3;
+const props = defineProps({
+  remote: { type: null, required: true },
+  indicator: { type: String, required: true },
+  size: { type: String, required: false },
+  ui: { type: Object, required: false }
+});
+const { t } = useUiToolsLocale();
+const sentinel = shallowRef(null);
+const viewport = shallowRef(null);
+watch(sentinel, (element) => {
+  viewport.value = findScrollContainer(element);
+});
+useEventListener(viewport, "scroll", loadAhead, { passive: true });
+watch(
+  () => [props.remote.hasMore.value, props.remote.loadingMore.value, viewport.value],
+  async () => {
+    await nextTick();
+    loadAhead();
+  },
+  { immediate: true }
+);
+function loadAhead() {
+  const element = viewport.value;
+  const { failed, hasMore, loadingMore, prefetchDistance } = props.remote;
+  if (!element || element.clientHeight === 0) return;
+  if (!hasMore.value || loadingMore.value || failed.value) return;
+  const distance = prefetchDistance.value;
+  const threshold = distance === "viewport" ? element.clientHeight * PREFETCH_VIEWPORTS : Math.max(0, distance);
+  if (element.scrollHeight - element.scrollTop - element.clientHeight <= threshold) {
+    props.remote.loadMore();
+  }
+}
+function findScrollContainer(element) {
+  const marked = element?.closest("[data-filter-option-scroll]");
+  if (marked instanceof HTMLElement) return marked;
+  for (let current = element?.parentElement; current; current = current.parentElement) {
+    if (/(auto|scroll)/.test(getComputedStyle(current).overflowY)) return current;
+  }
+  return null;
+}
+</script>
+
+<template>
+  <div data-filter-option-list-end>
+    <FilterOptionLoadingList
+      v-if="remote.loadingMore.value"
+      :count="3"
+      :indicator="indicator"
+      :size="size"
+      :ui="ui"
+      data-filter-option-loading-more
+    />
+    <div
+      v-else-if="remote.failed.value"
+      class="flex items-center justify-between gap-2 px-2 py-1.5 text-xs text-error"
+      data-filter-option-error
+    >
+      <span class="truncate">{{ t("table.filters.options.loadError") }}</span>
+      <button
+        type="button"
+        class="shrink-0 font-medium underline-offset-2 hover:underline focus-visible:underline focus-visible:outline-none"
+        data-filter-option-retry
+        @click="remote.retry()"
+      >
+        {{ t("table.filters.options.retry") }}
+      </button>
+    </div>
+    <span ref="sentinel" aria-hidden="true" class="block h-px w-full" />
+  </div>
+</template>

package/dist/runtime/table/components/filters/shared/filter-option-list-end.vue.d.ts

@@ -0,0 +1,11 @@
+import type { useTableFilterOptions } from '../../../composables/use-table-filter-options.js';
+import type { DataListControlSize, DataListFilterEditorUi } from '../../../types/index.js';
+type __VLS_Props = {
+    remote: ReturnType<typeof useTableFilterOptions>['remote'];
+    indicator: 'checkbox' | 'radio';
+    size?: DataListControlSize;
+    ui?: DataListFilterEditorUi;
+};
+declare const __VLS_export: 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 _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/table/components/filters/shared/filter-option-loading-list.d.vue.ts

@@ -2,9 +2,12 @@ import type { DataListControlSize, DataListFilterEditorUi } from '../../../types
 type __VLS_Props = {
     size?: DataListControlSize;
     indicator?: 'checkbox' | 'radio';
+    /** Placeholder rows. */
+    count?: number;
     ui?: DataListFilterEditorUi;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    count: number;
     indicator: "checkbox" | "radio";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/table/components/filters/shared/filter-option-loading-list.vue

@@ -6,6 +6,7 @@ import { mergeDataListUiClass, resolveFilterEditorSizeClasses } from "../../../u
 const props = defineProps({
   size: { type: String, required: false },
   indicator: { type: String, required: false, default: "radio" },
+  count: { type: Number, required: false, default: 5 },
   ui: { type: Object, required: false }
 });
 const dataListUi = useDataListUi();
@@ -18,7 +19,7 @@ const sizeClasses = computed(() => resolveFilterEditorSizeClasses(resolvedSize.v
 <template>
   <div :class="mergeDataListUiClass('grid gap-0.5', void 0, ui?.list)">
     <div
-      v-for="index in 5"
+      v-for="index in props.count"
       :key="index"
       :class="
   mergeDataListUiClass(

package/dist/runtime/table/components/filters/shared/filter-option-loading-list.vue.d.ts

@@ -2,9 +2,12 @@ import type { DataListControlSize, DataListFilterEditorUi } from '../../../types
 type __VLS_Props = {
     size?: DataListControlSize;
     indicator?: 'checkbox' | 'radio';
+    /** Placeholder rows. */
+    count?: number;
     ui?: DataListFilterEditorUi;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    count: number;
     indicator: "checkbox" | "radio";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/table/components/filters/shared/filter-option-multiple-list.vue

@@ -100,7 +100,7 @@ const geometry = computed(() => resolveDataListControlGeometry(size.value));
         </button>
 
         <USkeleton
-          v-if="props.showCounts && props.countLoading"
+          v-if="props.showCounts && (props.countLoading || entry.count == null)"
           :class="[sizeClasses.skeletonCount, 'shrink-0 rounded-full']"
         />
         <span