nuxt-ui-tools 0.1.3 → 1.0.0

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

@@ -0,0 +1,36 @@
+import type { TableActionController } from '../../composables/use-table-actions.js';
+import type { DataListControlSize, DataListSelectionActionsProps, DataListSelectionActionsUi, GenericObject, TableActionSlotProps, TableApi, TableRuntimeRecord } from '../../types/index.js';
+type __VLS_Props = {
+    size?: DataListControlSize;
+    /** `absolute` docks the bar inside the nearest positioned ancestor; `fixed` pins it to the viewport. */
+    position?: 'absolute' | 'fixed';
+    /** Number of actions rendered inline before the overflow menu. */
+    maxVisible?: number;
+    /** Shows the selection / all-results scope switch when the schema allows an `all` scope. */
+    scope?: boolean;
+    ui?: DataListSelectionActionsUi;
+    props?: DataListSelectionActionsProps;
+};
+type TableActionSlot = TableActionSlotProps<GenericObject, TableRuntimeRecord, TableRuntimeRecord>;
+type __VLS_Slots = {
+    default?: (props: {
+        actions: TableActionController[];
+        selectedCount: number;
+        selection: TableApi['selection'];
+        clearSelection: () => void;
+    }) => import('vue').VNodeChild;
+    action?: (props: TableActionSlot) => import('vue').VNodeChild;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    scope: boolean;
+    position: "absolute" | "fixed";
+    maxVisible: number;
+}, {}, {}, {}, 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/{DataListSortMenu.d.vue.ts → data-list-sort-menu.d.vue.ts}

@@ -1,29 +1,33 @@
-import type { DataListControlSize, DataListSortMenuUi } from '../../types/index.js';
+import type { DataListControlSize, DataListSortMenuProps, DataListSortMenuUi, TableLayout } from '../../types/index.js';
 type __VLS_Props = {
     label?: string;
     size?: DataListControlSize;
+    layouts?: TableLayout[];
     ui?: DataListSortMenuUi;
+    props?: DataListSortMenuProps;
 };
-declare var __VLS_8: {
+declare var __VLS_29: {
     label: string | null;
     sorting: {
-        key: string | undefined;
-        dir: "desc" | "asc" | undefined;
         active: boolean;
+        dir: "desc" | "asc" | undefined;
+        key: string | undefined;
     };
     setSorting: (sorting: {
         key: string;
         dir: "asc" | "desc";
     } | null) => void;
     triggerProps: {
+        readonly 'aria-haspopup': "dialog";
         readonly type: "button";
-        readonly 'aria-haspopup': "menu";
     };
 };
 type __VLS_Slots = {} & {
-    trigger?: (props: typeof __VLS_8) => any;
+    trigger?: (props: typeof __VLS_29) => 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_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    layouts: TableLayout[];
+}, {}, {}, {}, 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;

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

@@ -0,0 +1,187 @@
+<script setup>
+import UButton from "@nuxt/ui/components/Button.vue";
+import UDrawer from "@nuxt/ui/components/Drawer.vue";
+import UIcon from "@nuxt/ui/components/Icon.vue";
+import UPopover from "@nuxt/ui/components/Popover.vue";
+import { ref, computed } from "vue";
+import { useUiToolsLocale } from "#ui-tools/i18n";
+import { isString } from "../../../shared/utils/predicate";
+import { useDataListBreakpoint } from "../../composables/use-data-list-breakpoint";
+import { useDataListUi } from "../../composables/use-data-list-ui";
+import { useTableInternals } from "../../composables/use-table-internals";
+import {
+  mergeDataListProps,
+  mergeDataListUiClass,
+  resolveDataListPopoverContentClass
+} from "../../utils";
+import SortMenuPanel from "./sort-menu-panel.vue";
+const props = defineProps({
+  label: { type: String, required: false },
+  size: { type: String, required: false },
+  layouts: { type: Array, required: false, default: () => ["grid"] },
+  ui: { type: Object, required: false },
+  props: { type: Object, required: false }
+});
+const internals = useTableInternals();
+const dataListUi = useDataListUi();
+const { isMobile } = useDataListBreakpoint();
+const { t } = useUiToolsLocale();
+const sheetOpen = ref(false);
+const menuOpen = ref(false);
+const triggerProps = {
+  "aria-haspopup": "dialog",
+  type: "button"
+};
+const resolvedSize = computed(
+  () => props.size ?? dataListUi.ui.value.sortMenu?.size ?? dataListUi.controlSize.value
+);
+const resolvedUi = computed(() => ({
+  ...dataListUi.ui.value.sortMenu?.ui,
+  ...props.ui
+}));
+const visible = computed(() => props.layouts.includes(internals.controls.tableLayout.value));
+const triggerControlProps = computed(
+  () => mergeDataListProps(
+    { color: "neutral", size: resolvedSize.value, variant: "outline" },
+    dataListUi.ui.value.sortMenu?.props?.trigger,
+    props.props?.trigger
+  )
+);
+const sheetTriggerProps = computed(
+  () => mergeDataListProps(
+    {
+      color: "neutral",
+      icon: "i-lucide-arrow-down-up",
+      size: resolvedSize.value,
+      square: true,
+      variant: "outline"
+    },
+    dataListUi.ui.value.sortMenu?.props?.sheetTrigger,
+    props.props?.sheetTrigger
+  )
+);
+const sortLabels = computed(() => {
+  const labels = /* @__PURE__ */ new Map();
+  for (const option of internals.schema.value.grid?.sortOptions ?? []) {
+    labels.set(option.key, isString(option.label) ? option.label : String(option.label()));
+  }
+  for (const column of internals.tableColumns.runtimeColumns.value) {
+    if (column.sortableKey) {
+      labels.set(column.sortableKey, column.label);
+    }
+  }
+  return labels;
+});
+const activeKey = computed(() => internals.tableColumns.sortingState.value.key);
+const activeDirection = computed(() => internals.tableColumns.sortingState.value.dir);
+const directionIcon = computed(
+  () => activeDirection.value === "asc" ? "i-lucide-arrow-up-narrow-wide" : "i-lucide-arrow-down-wide-narrow"
+);
+const gridSortKeys = computed(
+  () => (internals.schema.value.grid?.sortOptions ?? []).map((option) => option.key)
+);
+const sortKeys = computed(
+  () => internals.controls.tableLayout.value === "grid" && gridSortKeys.value.length ? gridSortKeys.value : [.../* @__PURE__ */ new Set([...internals.tableColumns.sortKeys.value, ...gridSortKeys.value])]
+);
+const activeLabel = computed(
+  () => activeKey.value ? sortLabels.value.get(activeKey.value) ?? humanize(activeKey.value) : null
+);
+function humanize(value) {
+  return value.split(".").at(-1)?.replaceAll(/[_-]+/gu, " ").replaceAll(/\b\w/gu, (char) => char.toUpperCase()) ?? value;
+}
+</script>
+
+<template>
+  <UDrawer
+    v-if="visible && isMobile"
+    v-model:open="sheetOpen"
+    direction="bottom"
+    :title="label ?? t('table.controls.sort')"
+    :ui="{
+  header: 'sr-only',
+  content: 'nut-dl-sheet max-h-[85vh] rounded-t-[16px]',
+  container: 'gap-0 p-0',
+  body: 'min-h-0 overflow-y-auto p-0 pb-2'
+}"
+  >
+    <UButton
+      v-bind="sheetTriggerProps"
+      :aria-label="label ?? t('table.controls.sort')"
+      :ui="{
+  base: mergeDataListUiClass(
+    'nut-dl-sortbtn nut-dl-sortbtn--sheet',
+    void 0,
+    resolvedUi.trigger
+  )
+}"
+    />
+    <template #body>
+      <SortMenuPanel
+        :keys="sortKeys"
+        :labels="sortLabels"
+        :active-key="activeKey"
+        :active-direction="activeDirection"
+        @select-key="internals.tableColumns.setSortKey($event)"
+        @select-direction="internals.tableColumns.setSortDirection($event)"
+      />
+    </template>
+  </UDrawer>
+
+  <UPopover
+    v-else-if="visible"
+    v-model:open="menuOpen"
+    mode="click"
+    :content="{ align: 'end', side: 'bottom', sideOffset: 8 }"
+    :ui="{
+  content: resolveDataListPopoverContentClass(
+    'fit',
+    mergeDataListUiClass(
+      'nut-dl-sortpanel w-56 overflow-hidden p-0',
+      void 0,
+      resolvedUi.content
+    )
+  )
+}"
+  >
+    <slot
+      name="trigger"
+      :label="activeLabel"
+      :sorting="internals.tableColumns.sortingState.value"
+      :set-sorting="internals.tableColumns.setSorting"
+      :trigger-props="triggerProps"
+    >
+      <UButton
+        v-bind="triggerControlProps"
+        icon="i-lucide-arrow-down-up"
+        :ui="{
+  base: mergeDataListUiClass('nut-dl-sortbtn', void 0, resolvedUi.trigger),
+  label: resolvedUi.triggerLabel,
+  leadingIcon: resolvedUi.triggerLeadingIcon,
+  trailingIcon: resolvedUi.triggerTrailingIcon
+}"
+      >
+        <span class="nut-dl-sortbtn__label flex items-center gap-1.5">
+          <span>{{ label ?? t("table.controls.sort") }}</span>
+          <span v-if="activeLabel" class="font-semibold text-highlighted">{{ activeLabel }}</span>
+          <UIcon
+            v-if="activeLabel"
+            :name="activeDirection === 'asc' ? 'i-lucide-arrow-up' : 'i-lucide-arrow-down'"
+            class="size-3.5 text-primary"
+          />
+        </span>
+      </UButton>
+    </slot>
+
+    <template #content>
+      <SortMenuPanel
+        compact
+        :keys="sortKeys"
+        :labels="sortLabels"
+        :active-key="activeKey"
+        :active-direction="activeDirection"
+        @select-key="internals.tableColumns.setSortKey($event)"
+        @select-direction="internals.tableColumns.setSortDirection($event)"
+      />
+    </template>
+  </UPopover>
+</template>

package/dist/runtime/table/components/data-list/{DataListSortMenu.vue.d.ts → data-list-sort-menu.vue.d.ts}

@@ -1,29 +1,33 @@
-import type { DataListControlSize, DataListSortMenuUi } from '../../types/index.js';
+import type { DataListControlSize, DataListSortMenuProps, DataListSortMenuUi, TableLayout } from '../../types/index.js';
 type __VLS_Props = {
     label?: string;
     size?: DataListControlSize;
+    layouts?: TableLayout[];
     ui?: DataListSortMenuUi;
+    props?: DataListSortMenuProps;
 };
-declare var __VLS_8: {
+declare var __VLS_29: {
     label: string | null;
     sorting: {
-        key: string | undefined;
-        dir: "desc" | "asc" | undefined;
         active: boolean;
+        dir: "desc" | "asc" | undefined;
+        key: string | undefined;
     };
     setSorting: (sorting: {
         key: string;
         dir: "asc" | "desc";
     } | null) => void;
     triggerProps: {
+        readonly 'aria-haspopup': "dialog";
         readonly type: "button";
-        readonly 'aria-haspopup': "menu";
     };
 };
 type __VLS_Slots = {} & {
-    trigger?: (props: typeof __VLS_8) => any;
+    trigger?: (props: typeof __VLS_29) => 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_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    layouts: TableLayout[];
+}, {}, {}, {}, 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;

package/dist/runtime/table/components/data-list/{DataListTable.d.vue.ts → data-list-table.d.vue.ts}

@@ -1,6 +1,8 @@
-import type { DataListTableUi } from '../../types/index.js';
+import type { DataListControlSize, DataListTableUi } from '../../types/index.js';
 type __VLS_Props = {
     height?: string;
+    size?: DataListControlSize;
+    fill?: boolean;
     ui?: DataListTableUi;
 };
 declare var __VLS_10: string, __VLS_11: any;

package/dist/runtime/table/components/data-list/{DataListTable.vue → data-list-table.vue}

@@ -1,12 +1,17 @@
 <script setup>
 import { computed } from "vue";
 import { useDataListUi } from "../../composables/use-data-list-ui";
-import TableRenderer from "../table/TableRenderer.vue";
+import TableRenderer from "../table/table-renderer.vue";
 const props = defineProps({
   height: { type: String, required: false },
+  size: { type: String, required: false },
+  fill: { type: Boolean, required: false },
   ui: { type: Object, required: false }
 });
 const dataListUi = useDataListUi();
+const resolvedSize = computed(
+  () => props.size ?? dataListUi.ui.value.table?.size ?? dataListUi.controlSize.value
+);
 const resolvedUi = computed(() => ({
   ...dataListUi.ui.value.table?.ui,
   ...props.ui
@@ -14,7 +19,7 @@ const resolvedUi = computed(() => ({
 </script>
 
 <template>
-  <TableRenderer :height="height" :ui="resolvedUi">
+  <TableRenderer :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/{DataListTable.vue.d.ts → data-list-table.vue.d.ts}

@@ -1,6 +1,8 @@
-import type { DataListTableUi } from '../../types/index.js';
+import type { DataListControlSize, DataListTableUi } from '../../types/index.js';
 type __VLS_Props = {
     height?: string;
+    size?: DataListControlSize;
+    fill?: boolean;
     ui?: DataListTableUi;
 };
 declare var __VLS_10: string, __VLS_11: any;

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

@@ -0,0 +1,18 @@
+type __VLS_Props = {
+    keys: string[];
+    labels: Map<string, string>;
+    activeKey?: string;
+    activeDirection?: 'asc' | 'desc';
+    compact?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    selectKey: (key: string) => any;
+    selectDirection: (direction: "desc" | "asc") => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelectKey?: ((key: string) => any) | undefined;
+    onSelectDirection?: ((direction: "desc" | "asc") => any) | undefined;
+}>, {
+    compact: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,86 @@
+<script setup>
+import UIcon from "@nuxt/ui/components/Icon.vue";
+import { useUiToolsLocale } from "#ui-tools/i18n";
+const props = defineProps({
+  keys: { type: Array, required: true },
+  labels: { type: Map, required: true },
+  activeKey: { type: String, required: false },
+  activeDirection: { type: String, required: false },
+  compact: { type: Boolean, required: false, default: false }
+});
+const emit = defineEmits(["selectKey", "selectDirection"]);
+const { t } = useUiToolsLocale();
+function labelFor(key) {
+  return props.labels.get(key) ?? humanize(key);
+}
+function humanize(value) {
+  return value.split(".").at(-1)?.replaceAll(/[_-]+/gu, " ").replaceAll(/\b\w/gu, (char) => char.toUpperCase()) ?? value;
+}
+</script>
+
+<template>
+  <div class="nut-dl-sort" :data-compact="compact">
+    <div
+      class="nut-dl-sort__caption font-semibold tracking-[0.06em] text-dimmed uppercase"
+      :class="compact ? 'px-2.5 pt-2 pb-1 text-[10.5px]' : 'px-5 pt-3 pb-2 text-[11px]'"
+    >
+      {{ t("table.filters.sheet.sortBy") }}
+    </div>
+    <div :class="compact ? 'px-1' : 'px-[10px]'">
+      <button
+        v-for="key in keys"
+        :key="key"
+        type="button"
+        class="nut-dl-sort__row flex w-full items-center gap-[10px] rounded-lg text-left transition-colors hover:bg-elevated active:bg-elevated"
+        :class="[
+  compact ? 'h-8 px-2.5 text-[13px]' : 'h-[46px] px-[10px] text-[15px]',
+  activeKey === key ? 'nut-dl-sort__row--active font-semibold text-highlighted' : 'text-default'
+]"
+        @click="emit('selectKey', key)"
+      >
+        <span
+          class="size-[7px] shrink-0 rounded-full transition-colors"
+          :class="
+  activeKey === key ? 'bg-primary shadow-[0_0_0_3px_color-mix(in_srgb,var(--ui-primary)_18%,transparent)]' : 'bg-accented'
+"
+        />
+        <span class="min-w-0 flex-1 truncate">{{ labelFor(key) }}</span>
+        <UIcon
+          v-if="activeKey === key"
+          :name="activeDirection === 'asc' ? 'i-lucide-arrow-up' : 'i-lucide-arrow-down'"
+          class="size-3.5 text-muted"
+        />
+      </button>
+    </div>
+    <div
+      class="nut-dl-sort__caption border-t border-default font-semibold tracking-[0.06em] text-dimmed uppercase"
+      :class="
+  compact ? 'mx-1 mt-1.5 px-1.5 pt-2 pb-1 text-[10.5px]' : 'mt-2 px-5 pt-4 pb-2 text-[11px]'
+"
+    >
+      {{ t("table.filters.sheet.order") }}
+    </div>
+    <div
+      class="nut-dl-sort__dir grid grid-cols-[repeat(2,minmax(0,1fr))] gap-0.5 overflow-hidden rounded-md bg-elevated p-0.5"
+      :class="compact ? 'mx-2.5 mb-2.5' : 'mx-4 mb-5'"
+    >
+      <button
+        v-for="dir in ['asc', 'desc']"
+        :key="dir"
+        type="button"
+        class="flex min-w-0 items-center justify-center gap-1.5 rounded-[5px] px-1 font-medium whitespace-nowrap"
+        :class="[
+  compact ? 'h-7 text-[12px]' : 'h-8 text-[12.5px]',
+  activeDirection === dir ? 'nut-dl-sort__dir--active bg-default text-highlighted shadow-[0_0_0_1px_var(--ui-border)]' : 'text-muted'
+]"
+        @click="emit('selectDirection', dir)"
+      >
+        <UIcon
+          :name="dir === 'asc' ? 'i-lucide-arrow-up' : 'i-lucide-arrow-down'"
+          class="size-3.5"
+        />
+        {{ dir === "asc" ? "A \u2192 Z" : "Z \u2192 A" }}
+      </button>
+    </div>
+  </div>
+</template>

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

@@ -0,0 +1,18 @@
+type __VLS_Props = {
+    keys: string[];
+    labels: Map<string, string>;
+    activeKey?: string;
+    activeDirection?: 'asc' | 'desc';
+    compact?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    selectKey: (key: string) => any;
+    selectDirection: (direction: "desc" | "asc") => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelectKey?: ((key: string) => any) | undefined;
+    onSelectDirection?: ((direction: "desc" | "asc") => any) | undefined;
+}>, {
+    compact: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/table/components/{DataList.d.vue.ts → data-list.d.vue.ts}

@@ -1,13 +1,13 @@
 import type { ComputedRef } from 'vue';
 import type { UiToolsLocale, UiToolsMessages } from '#ui-tools/i18n';
 import type { TableInternals } from '../composables/use-table-internals.js';
-import type { DataListDensity, DataListUiConfig } from '../types/index.js';
-type DataListTable = {
+import type { DataListControlSize, DataListDensity, DataListUiConfig } from '../types/index.js';
+interface DataListTable {
     schema: ComputedRef<{
         tableKey: string;
     }>;
     __internals: TableInternals;
-};
+}
 type __VLS_Props = {
     table: DataListTable;
     title?: string;
@@ -15,6 +15,7 @@ type __VLS_Props = {
     height?: string | number;
     locale?: UiToolsLocale<UiToolsMessages>;
     density?: DataListDensity;
+    size?: DataListControlSize;
     ui?: DataListUiConfig;
 };
 declare var __VLS_15: {}, __VLS_18: {}, __VLS_21: {
@@ -23,9 +24,9 @@ declare var __VLS_15: {}, __VLS_18: {}, __VLS_21: {
     hasActiveQuery: boolean;
     clearQuery: () => void;
 }, __VLS_24: {}, __VLS_27: {}, __VLS_30: {
-    layout: "table" | "grid";
+    layout: import("../types/index.js").TableLayout;
 }, __VLS_33: {
-    layout: "table" | "grid";
+    layout: import("../types/index.js").TableLayout;
 }, __VLS_36: {
     error: {};
     retry: () => void;

package/dist/runtime/table/components/{DataList.vue → data-list.vue}

@@ -1,6 +1,6 @@
 <script setup>
-import DataListDefault from "./data-list/DataListDefault.vue";
-import DataListRoot from "./data-list/DataListRoot.vue";
+import DataListDefault from "./data-list/data-list-default.vue";
+import DataListRoot from "./data-list/data-list-root.vue";
 defineProps({
   table: { type: Object, required: true },
   title: { type: String, required: false },
@@ -8,12 +8,13 @@ defineProps({
   height: { type: [String, Number], required: false },
   locale: { type: Object, required: false },
   density: { type: String, required: false },
+  size: { type: String, required: false },
   ui: { type: Object, required: false }
 });
 </script>
 
 <template>
-  <DataListRoot :table="table" :locale="locale" :density="density" :ui="ui">
+  <DataListRoot :table="table" :locale="locale" :density="density" :size="size" :ui="ui">
     <DataListDefault :title="title" :description="description" :height="height">
       <template v-if="$slots.title" #title>
         <slot name="title" />

package/dist/runtime/table/components/{DataList.vue.d.ts → data-list.vue.d.ts}

@@ -1,13 +1,13 @@
 import type { ComputedRef } from 'vue';
 import type { UiToolsLocale, UiToolsMessages } from '#ui-tools/i18n';
 import type { TableInternals } from '../composables/use-table-internals.js';
-import type { DataListDensity, DataListUiConfig } from '../types/index.js';
-type DataListTable = {
+import type { DataListControlSize, DataListDensity, DataListUiConfig } from '../types/index.js';
+interface DataListTable {
     schema: ComputedRef<{
         tableKey: string;
     }>;
     __internals: TableInternals;
-};
+}
 type __VLS_Props = {
     table: DataListTable;
     title?: string;
@@ -15,6 +15,7 @@ type __VLS_Props = {
     height?: string | number;
     locale?: UiToolsLocale<UiToolsMessages>;
     density?: DataListDensity;
+    size?: DataListControlSize;
     ui?: DataListUiConfig;
 };
 declare var __VLS_15: {}, __VLS_18: {}, __VLS_21: {
@@ -23,9 +24,9 @@ declare var __VLS_15: {}, __VLS_18: {}, __VLS_21: {
     hasActiveQuery: boolean;
     clearQuery: () => void;
 }, __VLS_24: {}, __VLS_27: {}, __VLS_30: {
-    layout: "table" | "grid";
+    layout: import("../types/index.js").TableLayout;
 }, __VLS_33: {
-    layout: "table" | "grid";
+    layout: import("../types/index.js").TableLayout;
 }, __VLS_36: {
     error: {};
     retry: () => void;

package/dist/runtime/table/components/drawers/{ColumnPanel.d.vue.ts → column-panel.d.vue.ts}

@@ -1,7 +1,9 @@
-import type { DataListColumnPanelUi, DataListControlSize } from '../../types/index.js';
+import type { VNodeChild } from 'vue';
+import type { DataListColumnPanelProps, DataListColumnPanelUi, DataListControlSize } from '../../types/index.js';
 type __VLS_Props = {
     size?: DataListControlSize;
     ui?: DataListColumnPanelUi;
+    props?: DataListColumnPanelProps;
 };
 type __VLS_Slots = {
     trigger?: (props: {
@@ -13,7 +15,7 @@ type __VLS_Slots = {
             type: 'button';
             'aria-expanded': boolean;
         };
-    }) => unknown;
+    }) => VNodeChild;
 };
 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>;