nuxt-ui-tools 0.1.0 → 0.1.2

package/dist/runtime/table/types/data-list.d.ts

@@ -26,8 +26,40 @@ export interface DataListSearchUi {
     trailing?: DataListUiClass;
     trailingIcon?: DataListUiClass;
 }
-/** UI slots rendered by filter tags and their adjacent actions. */
-export interface DataListFilterTagsUi {
+/** Shared UI slots rendered by a progressive filter editor popover. */
+export interface DataListFilterEditorUi {
+    popoverContent?: DataListUiClass;
+    operatorContent?: DataListUiClass;
+    operatorItem?: DataListUiClass;
+    operatorLabel?: DataListUiClass;
+    operatorTrigger?: DataListUiClass;
+    editor?: DataListUiClass;
+    searchHeader?: DataListUiClass;
+    search?: DataListUiClass;
+    searchInput?: DataListUiClass;
+    scrollArea?: DataListUiClass;
+    scrollViewport?: DataListUiClass;
+    list?: DataListUiClass;
+    listDivider?: DataListUiClass;
+    option?: DataListUiClass;
+    optionCheckbox?: DataListUiClass;
+    optionExpander?: DataListUiClass;
+    optionSpacer?: DataListUiClass;
+    optionIcon?: DataListUiClass;
+    optionLabel?: DataListUiClass;
+    optionCount?: DataListUiClass;
+    empty?: DataListUiClass;
+    footer?: DataListUiClass;
+    clear?: DataListUiClass;
+    apply?: DataListUiClass;
+    inputs?: DataListUiClass;
+    presets?: DataListUiClass;
+    preset?: DataListUiClass;
+    calendar?: DataListUiClass;
+    slider?: DataListUiClass;
+}
+/** UI slots rendered by filter tags, their editors, and adjacent actions. */
+export interface DataListFilterTagsUi extends DataListFilterEditorUi {
     root?: DataListUiClass;
     trigger?: DataListUiClass;
     label?: DataListUiClass;
@@ -36,14 +68,10 @@ export interface DataListFilterTagsUi {
     addTrigger?: DataListUiClass;
     clearTrigger?: DataListUiClass;
 }
-/** UI slots rendered by the add-filter picker. */
-export interface DataListAddFilterUi {
+/** UI slots rendered by the progressive add-filter picker. */
+export interface DataListAddFilterUi extends DataListFilterEditorUi {
     trigger?: DataListUiClass;
-    popoverContent?: DataListUiClass;
     panel?: DataListUiClass;
-    option?: DataListUiClass;
-    optionIcon?: DataListUiClass;
-    optionLabel?: DataListUiClass;
     optionTrailingIcon?: DataListUiClass;
 }
 /** UI slots rendered by the filter slideover. */
@@ -130,11 +158,15 @@ export interface DataListContentUi {
     root?: DataListUiClass;
     error?: DataListUiClass;
     errorBody?: DataListUiClass;
+    errorIcon?: DataListUiClass;
+    errorCopy?: DataListUiClass;
     errorTitle?: DataListUiClass;
+    errorDescription?: DataListUiClass;
     retry?: DataListUiClass;
 }
 /** UI slots rendered by the table mode. Nuxt UI table slots are forwarded unchanged. */
 export interface DataListTableUi {
+    wrapper?: DataListUiClass;
     root?: DataListUiClass;
     base?: DataListUiClass;
     caption?: DataListUiClass;
@@ -157,6 +189,7 @@ export interface DataListGridUi {
     canvas?: DataListUiClass;
     row?: DataListUiClass;
     item?: DataListUiClass;
+    flowRoot?: DataListUiClass;
     flow?: DataListUiClass;
     loading?: DataListUiClass;
     error?: DataListUiClass;

package/dist/runtime/table/types/filters.d.ts

@@ -17,6 +17,10 @@ export type TableFilterPreviewMode = 'auto' | 'summary' | 'tags';
 export type TableFilterDisplayLocation = 'tag' | 'panel' | 'tag-dynamic';
 export type TableFilterDisplayLocationValue = TableFilterDisplayLocation | string;
 export interface TableFilterBehaviorCommon<TOperator extends TableFilterOperator = TableFilterOperator> {
+    /**
+     * Effective filter value when the URL has no override for this definition.
+     * The default stays active but is omitted from the URL; clearing the filter restores it.
+     */
     defaultValue?: TableQueryStateFilterValue;
     operators?: TOperator[];
     defaultOperator?: TOperator;

package/dist/runtime/table/utils/actions.d.ts

@@ -1,4 +1,4 @@
-import type { DropdownMenuItem } from '@nuxt/ui';
+import type { DropdownMenuItem } from '@nuxt/ui/components/DropdownMenu.vue';
 import type { TableInjectedRowActionScope } from '../composables/use-table-row-actions.js';
 import type { GenericObject, TableRowAction, TableSchemaView } from '../types/index.js';
 type RowActionSchemaSource = {

package/dist/runtime/table/utils/columns/menu.d.ts

@@ -1,3 +1,4 @@
+import type { DropdownMenuItem } from '@nuxt/ui/components/DropdownMenu.vue';
 import type { TableSchemaView } from '../../types/index.js';
 export declare function createColumnMenuItems(options: {
     columnId: string;
@@ -24,17 +25,7 @@ export declare function createColumnMenuItems(options: {
         key: string;
         dir: 'asc' | 'desc';
     } | null) => void;
-}): ({
-    label: string;
-    icon: string;
-    color: string;
-    onSelect: () => void;
-} | {
-    label: string;
-    icon: string;
-    onSelect: () => void;
-    color?: undefined;
-})[][];
+}): DropdownMenuItem[][];
 export declare function getColumnHeaderIcon(options: {
     columnId: string;
     getSortState: (options: {

package/dist/runtime/table/utils/columns/render.d.ts

@@ -1,14 +1,8 @@
 /** @jsxImportSource vue */
+import type { DropdownMenuItem } from '@nuxt/ui/components/DropdownMenu.vue';
 import type { VNodeChild } from 'vue';
 import type { GenericObject } from '../../types/index.js';
 import { type SchemaTableColumn, type TableColumnRenderParams, type TableRuntimeColumn, type UseTableColumnsParams } from './types.js';
-type ColumnMenuItem = {
-    label?: string;
-    icon?: string;
-    color?: string;
-    class?: string;
-    onSelect?: () => void;
-};
 export declare function createSelectionColumn(options: {
     params: UseTableColumnsParams;
 }): {
@@ -48,7 +42,7 @@ export declare function createDataColumns(options: {
     visibleOrderedColumns: TableRuntimeColumn[];
     getMenuItems: (options: {
         columnId: string;
-    }) => ColumnMenuItem[][];
+    }) => DropdownMenuItem[][];
     getPinnedState: (options: {
         columnId: string;
     }) => 'left' | 'right' | null;
@@ -155,4 +149,3 @@ export declare function getColumnCellClass(options: {
 export declare function normalizeColumnSize(options: {
     size?: number | string;
 }): number | undefined;
-export {};

package/dist/runtime/table/utils/columns/render.js

@@ -34,8 +34,7 @@ export function createSelectionColumn(options) {
           UCheckbox,
           {
             modelValue: options.params.selection.allSelected.value ? true : options.params.selection.partiallySelected.value ? "indeterminate" : false,
-            color: "neutral",
-            ui: { base: "!rounded-md", indicator: "!rounded-none" }
+            color: "neutral"
           }
         )
       }
@@ -59,8 +58,7 @@ export function createSelectionColumn(options) {
           UCheckbox,
           {
             modelValue: options.params.selection.isRowSelected({ rowId: String(row.id) }),
-            color: "neutral",
-            ui: { base: "!rounded-md", indicator: "!rounded-none" }
+            color: "neutral"
           }
         )
       }
@@ -114,36 +112,46 @@ export function createDataColumns(options) {
         /* @__PURE__ */ jsx(
           UDropdownMenu,
           {
+            size: "sm",
             items: options.getMenuItems({ columnId: runtimeColumn.id }),
             content: { align: "start", side: "bottom", sideOffset: 10 },
             modal: false,
             ui: { content: "w-fit p-1 shadow-none" },
-            children: /* @__PURE__ */ jsxs(
-              "button",
-              {
-                type: "button",
-                class: "inline-flex h-8 min-w-0 max-w-full items-center gap-2 rounded-md px-2.5 text-left text-sm text-default transition-colors hover:bg-elevated",
-                children: [
-                  /* @__PURE__ */ jsxs("div", { class: "flex min-w-0 items-center gap-2.5", children: [
-                    runtimeColumn.icon ? /* @__PURE__ */ jsx(UIcon, { name: runtimeColumn.icon, class: "size-4 shrink-0 text-muted" }) : null,
-                    /* @__PURE__ */ jsx(TableCellEllipsis, { title: runtimeColumn.label, wrapperClass: "min-w-0 max-w-full", children: runtimeColumn.label })
-                  ] }),
-                  /* @__PURE__ */ jsx(
-                    UIcon,
-                    {
-                      name: getColumnHeaderIcon({
-                        columnId: runtimeColumn.id,
-                        canHide: tableColumn.getCanHide?.(),
-                        getSortState: options.getSortState,
-                        getPinnedState: options.getPinnedState
-                      }),
-                      class: "size-4 shrink-0 text-muted"
-                    }
-                  ),
-                  options.getPinnedState({ columnId: runtimeColumn.id }) ? /* @__PURE__ */ jsx(UIcon, { name: "i-lucide-pin", class: "size-3.5 shrink-0 text-muted" }) : null
-                ]
-              }
-            )
+            "v-slots": {
+              default: () => /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  class: "inline-flex h-8 min-w-0 max-w-full items-center gap-2 rounded-md px-2.5 text-left text-sm text-default transition-colors hover:bg-elevated",
+                  children: [
+                    /* @__PURE__ */ jsxs("div", { class: "flex min-w-0 items-center gap-2.5", children: [
+                      runtimeColumn.icon ? /* @__PURE__ */ jsx(UIcon, { name: runtimeColumn.icon, class: "size-4 shrink-0 text-muted" }) : null,
+                      /* @__PURE__ */ jsx(
+                        TableCellEllipsis,
+                        {
+                          title: runtimeColumn.label,
+                          wrapperClass: "min-w-0 max-w-full",
+                          children: runtimeColumn.label
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsx(
+                      UIcon,
+                      {
+                        name: getColumnHeaderIcon({
+                          columnId: runtimeColumn.id,
+                          canHide: tableColumn.getCanHide?.(),
+                          getSortState: options.getSortState,
+                          getPinnedState: options.getPinnedState
+                        }),
+                        class: "size-4 shrink-0 text-muted"
+                      }
+                    ),
+                    options.getPinnedState({ columnId: runtimeColumn.id }) ? /* @__PURE__ */ jsx(UIcon, { name: "i-lucide-pin", class: "size-3.5 shrink-0 text-muted" }) : null
+                  ]
+                }
+              )
+            }
           }
         ),
         column.resizable !== false ? /* @__PURE__ */ jsx(
@@ -324,6 +332,7 @@ function createRowActionsColumn(options) {
       return /* @__PURE__ */ jsx(TableRowScopeProvider, { scope, children: /* @__PURE__ */ jsx("div", { class: "flex justify-end", children: /* @__PURE__ */ jsx(
         RowActions,
         {
+          size: "sm",
           content: { align: "end", side: "bottom", sideOffset: 8 },
           modal: false,
           portal: true,

package/dist/runtime/table/utils/columns/state.d.ts

@@ -186,4 +186,4 @@ export declare function createResetColumnState(options: {
 export declare function getPinnedState(options: {
     currentState: TableColumnState;
     columnId: string;
-}): "right" | "left" | null;
+}): "left" | "right" | null;

package/dist/runtime/table/utils/data-list-ui.d.ts

@@ -1,3 +1,5 @@
-import type { DataListUiClass } from '../types/index.js';
+import type { DataListDensity, DataListUiClass, DataListUiConfig } from '../types/index.js';
 /** Merges DataList slot classes with the same conflict resolution used by Nuxt UI. */
 export declare function mergeDataListUiClass(defaults?: DataListUiClass, root?: DataListUiClass, local?: DataListUiClass): string;
+/** Merges application and root DataList defaults without losing nested UI slots. */
+export declare function mergeDataListUiConfig(appUi: DataListUiConfig | undefined, componentUi: DataListUiConfig | undefined, density: DataListDensity | undefined): DataListUiConfig;

package/dist/runtime/table/utils/data-list-ui.js

@@ -2,3 +2,48 @@ import { twMerge } from "tailwind-merge";
 export function mergeDataListUiClass(defaults, root, local) {
   return twMerge(defaults, root, local);
 }
+export function mergeDataListUiConfig(appUi, componentUi, density) {
+  return {
+    ...appUi,
+    ...componentUi,
+    density: density ?? componentUi?.density ?? appUi?.density,
+    control: { ...appUi?.control, ...componentUi?.control },
+    default: mergeUiConfig(appUi?.default, componentUi?.default),
+    search: mergeSearchConfig(appUi?.search, componentUi?.search),
+    filterTags: mergePartConfig(appUi?.filterTags, componentUi?.filterTags),
+    addFilter: mergePartConfig(appUi?.addFilter, componentUi?.addFilter),
+    filterPanel: mergePartConfig(appUi?.filterPanel, componentUi?.filterPanel),
+    clearFilters: mergePartConfig(appUi?.clearFilters, componentUi?.clearFilters),
+    resultCount: mergeUiConfig(appUi?.resultCount, componentUi?.resultCount),
+    columnPanel: mergePartConfig(appUi?.columnPanel, componentUi?.columnPanel),
+    sortMenu: mergePartConfig(appUi?.sortMenu, componentUi?.sortMenu),
+    layoutSwitch: mergePartConfig(appUi?.layoutSwitch, componentUi?.layoutSwitch),
+    refresh: mergePartConfig(appUi?.refresh, componentUi?.refresh),
+    content: mergeUiConfig(appUi?.content, componentUi?.content),
+    table: mergeUiConfig(appUi?.table, componentUi?.table),
+    grid: mergeUiConfig(appUi?.grid, componentUi?.grid),
+    pagination: mergePartConfig(appUi?.pagination, componentUi?.pagination),
+    infiniteLoader: mergePartConfig(appUi?.infiniteLoader, componentUi?.infiniteLoader)
+  };
+}
+function mergeUiConfig(appDefaults, componentConfig) {
+  return {
+    ...appDefaults,
+    ...componentConfig,
+    ui: { ...appDefaults?.ui, ...componentConfig?.ui }
+  };
+}
+function mergePartConfig(appDefaults, componentConfig) {
+  return {
+    ...appDefaults,
+    ...componentConfig,
+    ui: { ...appDefaults?.ui, ...componentConfig?.ui }
+  };
+}
+function mergeSearchConfig(appDefaults, componentConfig) {
+  return {
+    ...appDefaults,
+    ...componentConfig,
+    ui: { ...appDefaults?.ui, ...componentConfig?.ui }
+  };
+}

package/dist/runtime/table/utils/filters/editor-size.d.ts

@@ -0,0 +1,11 @@
+import type { DataListControlSize } from '../../types/index.js';
+export declare function resolveFilterEditorSizeClasses(size: DataListControlSize | undefined): {
+    editor: string;
+    searchHeader: string;
+    scrollArea: string;
+    option: string;
+    optionIcon: string;
+    optionLabel: string;
+    footer: string;
+    empty: string;
+};

package/dist/runtime/table/utils/filters/editor-size.js

@@ -0,0 +1,45 @@
+const filterEditorSizeClasses = {
+  xs: {
+    editor: "w-[min(13rem,calc(100vw-1rem))] min-w-44 max-w-52",
+    searchHeader: "p-1",
+    scrollArea: "p-1",
+    option: "gap-1.5 px-1.5 py-1 text-xs",
+    optionIcon: "size-3.5",
+    optionLabel: "text-xs",
+    footer: "p-1",
+    empty: "px-2 py-4 text-xs"
+  },
+  sm: {
+    editor: "w-[min(15rem,calc(100vw-1rem))] min-w-48 max-w-60",
+    searchHeader: "p-1.5",
+    scrollArea: "p-1",
+    option: "gap-2 px-2 py-1.5 text-xs",
+    optionIcon: "size-3.5",
+    optionLabel: "text-xs",
+    footer: "p-1.5",
+    empty: "px-2.5 py-5 text-xs"
+  },
+  md: {
+    editor: "w-[min(17rem,calc(100vw-1rem))] min-w-52 max-w-68",
+    searchHeader: "p-2",
+    scrollArea: "p-2",
+    option: "gap-3 px-3 py-2 text-sm",
+    optionIcon: "size-4",
+    optionLabel: "text-sm",
+    footer: "p-2",
+    empty: "px-3 py-8 text-sm"
+  },
+  lg: {
+    editor: "w-[min(19rem,calc(100vw-1rem))] min-w-56 max-w-76",
+    searchHeader: "p-2.5",
+    scrollArea: "p-2.5",
+    option: "gap-3 px-3.5 py-2.5 text-sm",
+    optionIcon: "size-4.5",
+    optionLabel: "text-sm",
+    footer: "p-2.5",
+    empty: "px-3.5 py-9 text-sm"
+  }
+};
+export function resolveFilterEditorSizeClasses(size) {
+  return filterEditorSizeClasses[size ?? "md"];
+}

package/dist/runtime/table/utils/filters/index.d.ts

@@ -1,6 +1,6 @@
 export * from './common.js';
 export * from './date.js';
-export * from './operators.js';
+export * from './editor-size.js';
 export * from './options.js';
 export * from './presentation.js';
 export * from './preview.js';

package/dist/runtime/table/utils/filters/index.js

@@ -1,6 +1,6 @@
 export * from "./common.js";
 export * from "./date.js";
-export * from "./operators.js";
+export * from "./editor-size.js";
 export * from "./options.js";
 export * from "./presentation.js";
 export * from "./preview/index.js";

package/dist/runtime/table/utils/query-state.d.ts

@@ -1,5 +1,5 @@
 import type { QueryCodec } from '#ui-tools/query-state';
-import type { TableFilterOperator, TableLayout, TableUiFilterDefinition, TableQueryStateFilterDefinition, TableQueryStateFilterValue, TableSchemaView, TableSortingDirection, TablePaginationState, TablePaginationSchema } from '../types/index.js';
+import type { TableFilterOperator, TableLayout, TableQueryStateFilterRule, TableUiFilterDefinition, TableQueryStateFilterDefinition, TableQueryStateFilterValue, TableSchemaView, TableSortingDirection, TablePaginationState, TablePaginationSchema } from '../types/index.js';
 export declare function getPaginationMode(schema: {
     pagination?: TablePaginationSchema;
 }): TablePaginationState['mode'];
@@ -27,3 +27,20 @@ export declare function createTableFilterValueCodec(definition: TableQueryStateF
 export declare function resolveFilterDefaultOperator(definition: TableQueryStateFilterDefinition): TableFilterOperator;
 export declare function resolveFilterSupportedOperators(definition: TableQueryStateFilterDefinition): TableFilterOperator[];
 export declare function normalizeFilterDefinition(definition: TableQueryStateFilterDefinition | TableUiFilterDefinition): TableQueryStateFilterDefinition;
+export declare function resolveTableFilterDefaultRules(definitions: TableUiFilterDefinition[]): TableQueryStateFilterRule[];
+export declare function mergeTableFilterDefaultRules(options: {
+    rules: TableQueryStateFilterRule[];
+    definitions: TableUiFilterDefinition[];
+}): TableQueryStateFilterRule[];
+export declare function isTableFilterRuleDefault(options: {
+    rule: TableQueryStateFilterRule;
+    definition: TableUiFilterDefinition;
+}): boolean;
+export declare function parseTableFilterQueryState(options: {
+    entries: ReadonlyMap<string, unknown>;
+    definitions: TableUiFilterDefinition[];
+}): TableQueryStateFilterRule[];
+export declare function serializeTableFilterQueryState(options: {
+    rules: TableQueryStateFilterRule[];
+    definitions: TableUiFilterDefinition[];
+}): Map<string, unknown>;

package/dist/runtime/table/utils/query-state.js

@@ -160,12 +160,121 @@ export function normalizeFilterDefinition(definition) {
     defaultValue
   };
 }
+export function resolveTableFilterDefaultRules(definitions) {
+  return definitions.flatMap((definition) => {
+    const normalizedDefinition = normalizeFilterDefinition(definition);
+    const value = normalizedDefinition.defaultValue;
+    if (value === void 0 || !hasFilterValue(value)) {
+      return [];
+    }
+    return [
+      {
+        key: normalizedDefinition.key,
+        operator: resolveFilterDefaultOperator(normalizedDefinition),
+        value
+      }
+    ];
+  });
+}
+export function mergeTableFilterDefaultRules(options) {
+  const defaults = new Map(
+    resolveTableFilterDefaultRules(options.definitions).map((rule) => [rule.key, rule])
+  );
+  const definitionKeys = new Set(options.definitions.map((definition) => definition.key));
+  const merged = options.definitions.flatMap((definition) => {
+    const rule = options.rules.find((candidate) => candidate.key === definition.key);
+    const defaultRule = defaults.get(definition.key);
+    return rule ? [rule] : defaultRule ? [defaultRule] : [];
+  });
+  return [...merged, ...options.rules.filter((rule) => !definitionKeys.has(rule.key))];
+}
+export function isTableFilterRuleDefault(options) {
+  const normalizedDefinition = normalizeFilterDefinition(options.definition);
+  const defaultValue = normalizedDefinition.defaultValue;
+  return defaultValue !== void 0 && (options.rule.operator ?? resolveFilterDefaultOperator(normalizedDefinition)) === resolveFilterDefaultOperator(normalizedDefinition) && areFilterValuesEqual(options.rule.value, defaultValue);
+}
+export function parseTableFilterQueryState(options) {
+  const rules = [];
+  for (const filter of options.definitions) {
+    const definition = normalizeFilterDefinition(filter);
+    const operators = resolveFilterSupportedOperators(definition);
+    const defaultOperator = resolveFilterDefaultOperator(definition);
+    for (const operator of operators) {
+      const urlKey = operator === defaultOperator ? definition.key : `${definition.key}~${operator}`;
+      const value = options.entries.get(urlKey);
+      if (isTableFilterValue(value)) {
+        rules.push({ key: definition.key, operator, value });
+        break;
+      }
+    }
+  }
+  return mergeTableFilterDefaultRules({ rules, definitions: options.definitions });
+}
+export function serializeTableFilterQueryState(options) {
+  const result = /* @__PURE__ */ new Map();
+  for (const rule of options.rules) {
+    const filter = options.definitions.find((definition2) => definition2.key === rule.key);
+    if (!filter || isTableFilterRuleDefault({ rule, definition: filter })) continue;
+    const definition = normalizeFilterDefinition(filter);
+    const operator = rule.operator ?? resolveFilterDefaultOperator(definition);
+    const defaultOperator = resolveFilterDefaultOperator(definition);
+    const urlKey = operator === defaultOperator ? definition.key : `${definition.key}~${operator}`;
+    result.set(urlKey, rule.value);
+  }
+  return result;
+}
 function isRange(value) {
   if (!value || typeof value !== "object") {
     return false;
   }
   return "from" in value || "to" in value;
 }
+function hasFilterValue(value) {
+  if (Array.isArray(value)) return value.length > 0;
+  if (typeof value === "string") return value.length > 0;
+  if (isRange(value)) return value.from != null || value.to != null;
+  return true;
+}
+function isTableFilterValue(value) {
+  if (typeof value === "string" || typeof value === "number" || typeof value === "boolean" || value instanceof Date) {
+    return true;
+  }
+  if (Array.isArray(value)) {
+    return value.every(
+      (item) => typeof item === "string" || typeof item === "number" || typeof item === "boolean"
+    );
+  }
+  if (!isRange(value)) return false;
+  return [value.from, value.to].every(
+    (item) => item == null || typeof item === "number" || item instanceof Date
+  );
+}
+function areFilterValuesEqual(left, right) {
+  if (Array.isArray(left) || Array.isArray(right)) {
+    if (!Array.isArray(left) || !Array.isArray(right) || left.length !== right.length) return false;
+    const unmatched = [...right];
+    for (const value of left) {
+      const index = unmatched.findIndex((candidate) => Object.is(candidate, value));
+      if (index === -1) return false;
+      unmatched.splice(index, 1);
+    }
+    return true;
+  }
+  if (left instanceof Date || right instanceof Date) {
+    return left instanceof Date && right instanceof Date && left.getTime() === right.getTime();
+  }
+  if (isRange(left) || isRange(right)) {
+    if (!isRange(left) || !isRange(right)) return false;
+    return areOptionalFilterValuesEqual(left.from, right.from) && areOptionalFilterValuesEqual(left.to, right.to);
+  }
+  return Object.is(left, right);
+}
+function areOptionalFilterValuesEqual(left, right) {
+  if (left instanceof Date || right instanceof Date) {
+    return left instanceof Date && right instanceof Date && left.getTime() === right.getTime();
+  }
+  return Object.is(left, right);
+}
 function isMinMaxNumberRange(value) {
   if (!value || typeof value !== "object" || Array.isArray(value)) {
     return false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-ui-tools",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Nuxt module and runtime toolkit for UI-heavy Nuxt applications",
   "homepage": "https://github.com/ChronicStone/nuxt-ui-tools#readme",
   "bugs": "https://github.com/ChronicStone/nuxt-ui-tools/issues",
@@ -130,10 +130,10 @@
   "dependencies": {
     "@internationalized/date": "^3.12.0",
     "@nuxt/kit": "^4.4.2",
-    "@nuxt/ui": "^4.5.1",
     "@tanstack/pacer": "0.19.0",
     "@tanstack/vue-virtual": "3.13.23",
     "@vueuse/core": "14.2.1",
+    "cookiejs": "2.1.3",
     "libphonenumber-js": "1.13.1",
     "motion-v": "2.0.1",
     "nuxt-viewport": "2.4.0",
@@ -142,6 +142,7 @@
   "devDependencies": {
     "@nuxt/module-builder": "^1.0.2",
     "@nuxt/schema": "^4.4.2",
+    "@nuxt/ui": "^4.5.1",
     "@types/node": "25.4.0",
     "changelogen": "^0.6.2",
     "nuxt": "^4.4.2",
@@ -153,6 +154,7 @@
     "xlsx": "0.18.5"
   },
   "peerDependencies": {
+    "@nuxt/ui": ">=4.5.1",
     "@tanstack/vue-query": ">=5.0.0",
     "nuxt": ">=4.4.0",
     "tailwindcss": ">=4.0.0",

package/dist/runtime/table/utils/filters/operators.d.ts

@@ -1,4 +0,0 @@
-import type { TableFilterOperator } from '../../types/index.js';
-export declare function getFilterOperatorLabel(options: {
-    operator?: TableFilterOperator;
-}): string;

package/dist/runtime/table/utils/filters/operators.js

@@ -1,6 +0,0 @@
-import { useUiToolsLocale } from "#ui-tools/i18n";
-export function getFilterOperatorLabel(options) {
-  const { t } = useUiToolsLocale();
-  const operator = options.operator ?? "is";
-  return t(`table.filters.operators.${operator}`);
-}