nuxt-ui-tools 1.2.0 → 1.3.0

package/dist/runtime/dashboard/components/dashboard-card.vue

@@ -12,19 +12,26 @@ import { useDashboardGridContext, useDashboardUi } from "../composables/use-dash
 import { downloadDashboardFile, resolveDashboardFileName, toDashboardCsv } from "../utils/export";
 import { resolveDashboardClasses } from "../utils/ui";
 import DashboardBlockState from "./block/dashboard-block-state.vue";
+import DashboardChips from "./block/dashboard-chips.vue";
 import DashboardDataTableView from "./block/dashboard-data-table.vue";
 import DashboardSkeleton from "./block/dashboard-skeleton.vue";
 import DashboardLegend from "./dashboard-legend.vue";
+const HEADER_LINK = {
+  class: "h-auto p-0 font-medium",
+  color: "neutral",
+  trailingIcon: "i-lucide-chevron-right",
+  variant: "link"
+};
 const props = defineProps({
   title: { type: [String, Number, Function], required: false },
   subtitle: { type: [String, Number, Function], required: false },
   size: { type: String, required: false },
-  rows: { type: String, required: false },
   card: { type: Boolean, required: false, default: true },
   activation: { type: String, required: false },
   empty: { type: Object, required: false },
   menu: { type: [Boolean, Array, Function], required: false, default: void 0 },
   actions: { type: Array, required: false },
+  filters: { type: Array, required: false },
   freshness: { type: Boolean, required: false, default: void 0 },
   ui: { type: Object, required: false },
   source: { type: Object, required: false },
@@ -43,7 +50,6 @@ const block = useDashboardBlock({
   activation: () => props.activation,
   empty: () => props.isEmpty,
   root,
-  rows: () => props.rows,
   size: () => props.size,
   source: () => props.source
 });
@@ -84,7 +90,7 @@ const title = computed(() => resolveTextValue(props.title));
 const subtitle = computed(() => resolveTextValue(props.subtitle));
 const phase = computed(() => block.phase.value);
 const pending = computed(() => phase.value === "loading" || phase.value === "idle");
-const busy = computed(() => phase.value === "loading" || block.refreshing.value);
+const busy = computed(() => phase.value === "loading" || block.fetching.value);
 const builtInActions = ["table", "csv", "expand"];
 const tableView = shallowRef(false);
 const expanded = shallowRef(false);
@@ -112,10 +118,13 @@ const actionButtons = computed(() => {
   const footer = [];
   for (const { placement, ...button } of props.actions ?? []) {
     if (placement === "footer") footer.push(button);
-    else header.push(button);
+    else header.push(isPlainLink(button) ? { ...HEADER_LINK, ...button } : button);
   }
   return { footer, header };
 });
+function isPlainLink(button) {
+  return button.to !== void 0 && button.variant === void 0 && button.icon === void 0 && button.trailingIcon === void 0;
+}
 const showTable = computed(
   () => tableView.value && props.viewAsTable && phase.value === "content" && props.tabulate !== void 0
 );
@@ -172,6 +181,15 @@ const updatedAt = computed(() => {
   const freshness = props.freshness ?? grid?.freshness.value ?? false;
   return freshness && phase.value === "content" ? props.source?.updatedAt : void 0;
 });
+const filterChips = computed(
+  () => (props.filters ?? []).filter((filter) => filter.enabled && filter.changed).map((filter) => ({
+    key: filter.key,
+    label: filter.display,
+    prefix: filter.label,
+    remove: () => filter.reset(),
+    removeLabel: t("dashboard.filters.clear", { label: filter.label })
+  }))
+);
 const hasHeader = computed(
   () => Boolean(
     title.value || subtitle.value || props.legend?.length || slots["header-right"] || actionButtons.value.header.length || menuItems.value.length
@@ -181,6 +199,7 @@ const hasHeader = computed(
 
 <template>
   <section
+    v-if="!block.hidden.value"
     ref="root"
     :style="block.style.value"
     :data-phase="phase"
@@ -189,8 +208,9 @@ const hasHeader = computed(
     :class="classes.root"
   >
     <div
-      v-if="block.refreshing.value"
+      v-if="block.fetching.value"
       aria-hidden="true"
+      data-progress
       class="pointer-events-none absolute inset-x-0 top-0 h-0.5 overflow-hidden"
     >
       <div class="nut-dash-progress h-full w-1/3 rounded-full bg-primary" />
@@ -240,7 +260,8 @@ const hasHeader = computed(
       </UDropdownMenu>
     </header>
 
-    <div v-if="$slots.toolbar" :class="classes.toolbar">
+    <div v-if="$slots.toolbar || filterChips.length" :class="classes.toolbar">
+      <DashboardChips v-if="filterChips.length" :chips="filterChips" />
       <slot name="toolbar" />
     </div>
 
@@ -255,6 +276,7 @@ const hasHeader = computed(
         v-else-if="phase === 'error' || phase === 'empty'"
         :kind="phase"
         :empty
+        :retrying="block.fetching.value"
         @retry="block.retry"
       />
       <div v-else aria-hidden="true" :class="phase === 'loading' && 'nut-dash-shimmer'">

package/dist/runtime/dashboard/components/dashboard-combo-chart.d.vue.ts

@@ -1,5 +1,5 @@
 import type { LazyTextValue } from '#ui-tools/shared/types/utils';
-import type { DashboardAxisOptions, DashboardBlockBaseProps, DashboardHighlight, DashboardReferenceLine, DashboardSelected, DashboardSelectEvent, DashboardSeries, DashboardSourceLike, DashboardValueFormat } from '../types/index.js';
+import type { DashboardAxisOptions, DashboardBlockBaseProps, DashboardChartTotals, DashboardHighlight, DashboardReferenceLine, DashboardSelected, DashboardSelectEvent, DashboardSeries, DashboardSourceLike, DashboardValueFormat } from '../types/index.js';
 declare const __VLS_export: <TRow>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import("vue").PublicProps & __VLS_PrettifyLocal<DashboardBlockBaseProps & {
         source: DashboardSourceLike<readonly TRow[] | undefined>;
@@ -27,6 +27,11 @@ declare const __VLS_export: <TRow>(__VLS_props: NonNullable<Awaited<typeof __VLS
         selected?: DashboardSelected<TRow>;
         /** Prints each group's value above its bars (the stack total when `stacked`). */
         labels?: boolean;
+        /**
+         * Footer totals of the solid series, formatted like their axis: `true` / `'sum'` adds each
+         * series up, `'average'` averages it. Footer slot content follows them.
+         */
+        totals?: DashboardChartTotals;
         /** A click on the chart selects the x position under the pointer. */
         onSelect?: (event: DashboardSelectEvent<TRow>) => void;
     }> & (typeof globalThis extends {

package/dist/runtime/dashboard/components/dashboard-combo-chart.vue

@@ -8,6 +8,7 @@ import {
 import DashboardSkeleton from "./block/dashboard-skeleton.vue";
 import { dashboardChartRenderer } from "./charts/renderer";
 import DashboardCard from "./dashboard-card.vue";
+import DashboardTotal from "./dashboard-total.vue";
 const {
   source,
   card = true,
@@ -27,18 +28,19 @@ const {
   highlight,
   selected,
   labels = false,
+  totals,
   onSelect,
   ...block
 } = defineProps({
   title: { type: [String, Number, Function], required: false },
   subtitle: { type: [String, Number, Function], required: false },
   size: { type: String, required: false },
-  rows: { type: String, required: false },
   card: { type: Boolean, required: false },
   activation: { type: String, required: false },
   empty: { type: Object, required: false },
   menu: { type: [Boolean, Array, Function], required: false },
   actions: { type: Array, required: false },
+  filters: { type: Array, required: false },
   freshness: { type: Boolean, required: false },
   ui: { type: Object, required: false },
   source: { type: Object, required: true },
@@ -48,7 +50,7 @@ const {
   series: { type: Array, required: true },
   yAxis: { type: Object, required: false },
   y2Axis: { type: Object, required: false },
-  format: { type: Function, required: false },
+  format: { type: [String, Function], required: false, skipCheck: true },
   reference: { type: [Object, Array], required: false },
   height: { type: Number, required: false },
   legend: { type: Boolean, required: false },
@@ -56,6 +58,7 @@ const {
   highlight: { type: [String, Function], required: false },
   selected: { type: Function, required: false },
   labels: { type: Boolean, required: false },
+  totals: { type: [Boolean, String], required: false },
   onSelect: { type: Function, required: false }
 });
 defineSlots();
@@ -66,6 +69,7 @@ const skeletonSeries = computed(
 );
 const skeletonPoints = computed(() => source.data?.length || points);
 const chart = useDashboardChart({
+  totals: () => totals,
   defaultType: "bar",
   format: () => format,
   highlight: () => highlight,
@@ -109,7 +113,13 @@ const chart = useDashboardChart({
     <template v-if="$slots.toolbar" #toolbar>
       <slot name="toolbar" />
     </template>
-    <template v-if="$slots.footer" #footer>
+    <template v-if="$slots.footer || chart.totals.value.length" #footer>
+      <DashboardTotal
+        v-for="total in chart.totals.value"
+        :key="total.key"
+        :label="total.label"
+        :value="total.text"
+      />
       <slot name="footer" />
     </template>
 

package/dist/runtime/dashboard/components/dashboard-combo-chart.vue.d.ts

@@ -1,5 +1,5 @@
 import type { LazyTextValue } from '#ui-tools/shared/types/utils';
-import type { DashboardAxisOptions, DashboardBlockBaseProps, DashboardHighlight, DashboardReferenceLine, DashboardSelected, DashboardSelectEvent, DashboardSeries, DashboardSourceLike, DashboardValueFormat } from '../types/index.js';
+import type { DashboardAxisOptions, DashboardBlockBaseProps, DashboardChartTotals, DashboardHighlight, DashboardReferenceLine, DashboardSelected, DashboardSelectEvent, DashboardSeries, DashboardSourceLike, DashboardValueFormat } from '../types/index.js';
 declare const __VLS_export: <TRow>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import("vue").PublicProps & __VLS_PrettifyLocal<DashboardBlockBaseProps & {
         source: DashboardSourceLike<readonly TRow[] | undefined>;
@@ -27,6 +27,11 @@ declare const __VLS_export: <TRow>(__VLS_props: NonNullable<Awaited<typeof __VLS
         selected?: DashboardSelected<TRow>;
         /** Prints each group's value above its bars (the stack total when `stacked`). */
         labels?: boolean;
+        /**
+         * Footer totals of the solid series, formatted like their axis: `true` / `'sum'` adds each
+         * series up, `'average'` averages it. Footer slot content follows them.
+         */
+        totals?: DashboardChartTotals;
         /** A click on the chart selects the x position under the pointer. */
         onSelect?: (event: DashboardSelectEvent<TRow>) => void;
     }> & (typeof globalThis extends {

package/dist/runtime/dashboard/components/dashboard-donut-chart.vue

@@ -40,12 +40,12 @@ const {
   title: { type: [String, Number, Function], required: false },
   subtitle: { type: [String, Number, Function], required: false },
   size: { type: String, required: false },
-  rows: { type: String, required: false },
   card: { type: Boolean, required: false },
   activation: { type: String, required: false },
   empty: { type: Object, required: false },
   menu: { type: [Boolean, Array, Function], required: false },
   actions: { type: Array, required: false },
+  filters: { type: Array, required: false },
   freshness: { type: Boolean, required: false },
   source: { type: Object, required: true },
   label: { type: Function, required: true },
@@ -100,7 +100,7 @@ const segments = computed(() => {
       selected: picked[index] ?? false,
       share,
       swatch: base,
-      text: text ? resolveTextValue(text(row, share)) : formats.percent.value(share),
+      text: text ? resolveTextValue(text(row, share)) : formats.percent(share),
       value: amount
     };
   });
@@ -109,7 +109,7 @@ const padAngle = computed(() => gap / Math.max(1, (diameter - thickness) / 2));
 const centerText = computed(() => {
   if (!center) return "";
   const resolved = center(rows.value);
-  return isNumber(resolved) ? formats.number.value(resolved) : resolveTextValue(resolved);
+  return isNumber(resolved) ? formats.number(resolved) : resolveTextValue(resolved);
 });
 function select(index) {
   const segment = segments.value[index];
@@ -124,8 +124,8 @@ function tabulate() {
     ],
     rows: segments.value.map((segment) => [
       toDashboardCell(segment.label),
-      toDashboardCell(segment.value, formats.number.value(segment.value)),
-      toDashboardCell(Math.round(segment.share * 10) / 10, formats.percent.value(segment.share))
+      toDashboardCell(segment.value, formats.number(segment.value)),
+      toDashboardCell(Math.round(segment.share * 10) / 10, formats.percent(segment.share))
     ])
   };
 }

package/dist/runtime/dashboard/components/dashboard-feed.vue

@@ -40,12 +40,12 @@ const {
   title: { type: [String, Number, Function], required: false },
   subtitle: { type: [String, Number, Function], required: false },
   size: { type: String, required: false },
-  rows: { type: String, required: false },
   card: { type: Boolean, required: false },
   activation: { type: String, required: false },
   empty: { type: Object, required: false },
   menu: { type: [Boolean, Array, Function], required: false },
   actions: { type: Array, required: false },
+  filters: { type: Array, required: false },
   freshness: { type: Boolean, required: false },
   source: { type: Object, required: true },
   label: { type: Function, required: true },

package/dist/runtime/dashboard/components/dashboard-filter.d.vue.ts

@@ -0,0 +1,67 @@
+import type { DashboardFilterControl, DashboardFilterUi, DashboardOption, DashboardOptionValue } from '../types/index.js';
+declare const __VLS_export: <TValue, TItem extends DashboardOptionValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<{
+        filter: DashboardFilterControl<TValue, TItem>;
+        variant?: "pill" | "button";
+        /** Name on the pill, or the text of the button. Defaults to the filter label. */
+        label?: string;
+        /** Leading icon of the trigger. */
+        icon?: string;
+        /** An active pill shows a button restoring the default value. Defaults to `true`. */
+        clearable?: boolean;
+        /** Menu alignment against the trigger. Defaults to `start` for pills, `end` for buttons. */
+        align?: "start" | "center" | "end";
+        /**
+         * What the menu lists: options and presets (default), the options only, or the presets only (a
+         * "Presets" button next to the filter).
+         */
+        list?: "all" | "options" | "presets";
+        ui?: DashboardFilterUi;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        /** Replaces the whole trigger. The menu still opens from it. */
+        trigger?: (props: {
+            filter: DashboardFilterControl<TValue, TItem>;
+            active: boolean;
+            display: string;
+        }) => unknown;
+        /** Replaces the name and value inside the pill. */
+        label?: (props: {
+            filter: DashboardFilterControl<TValue, TItem>;
+            display: string;
+        }) => unknown;
+        /** Replaces the content of each menu row. */
+        item?: (props: {
+            item: DashboardOption<TItem>;
+            selected: boolean;
+            disabled: boolean;
+            filter: DashboardFilterControl<TValue, TItem>;
+        }) => unknown;
+        /** Content above the option list. */
+        header?: (props: {
+            filter: DashboardFilterControl<TValue, TItem>;
+        }) => unknown;
+        /** Content below the option list (presets, actions). */
+        footer?: (props: {
+            filter: DashboardFilterControl<TValue, TItem>;
+        }) => unknown;
+        /** Replaces "No results". */
+        empty?: (props: {
+            filter: DashboardFilterControl<TValue, TItem>;
+        }) => unknown;
+    };
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/runtime/dashboard/components/dashboard-filter.vue

@@ -0,0 +1,134 @@
+<script setup>
+import UIcon from "@nuxt/ui/components/Icon.vue";
+import UPopover from "@nuxt/ui/components/Popover.vue";
+import { createReusableTemplate } from "@vueuse/core";
+import { computed, shallowRef, watch } from "vue";
+import { useUiToolsLocale } from "#ui-tools/i18n";
+import { useDashboardUi } from "../composables/use-dashboard-ui";
+import { DASHBOARD_FILTER_CLASSES, hasDashboardFilterMenu } from "../utils/filters";
+import { resolveDashboardClasses } from "../utils/ui";
+import DashboardFilterMenu from "./filter/dashboard-filter-menu.vue";
+const {
+  filter,
+  variant = "pill",
+  label,
+  icon,
+  clearable = true,
+  align,
+  list = "all",
+  ui
+} = defineProps({
+  filter: { type: Object, required: true },
+  variant: { type: String, required: false },
+  label: { type: String, required: false },
+  icon: { type: String, required: false },
+  clearable: { type: Boolean, required: false },
+  align: { type: String, required: false },
+  list: { type: String, required: false },
+  ui: { type: Object, required: false }
+});
+defineSlots();
+const { t } = useUiToolsLocale();
+const appUi = useDashboardUi();
+const [DefineMenu, ReuseMenu] = createReusableTemplate();
+const classes = computed(
+  () => resolveDashboardClasses(DASHBOARD_FILTER_CLASSES, appUi.value.filter, ui)
+);
+const name = computed(() => label ?? filter.label);
+const active = computed(() => variant === "pill" && filter.changed);
+const listed = computed(() => hasDashboardFilterMenu(filter));
+const content = computed(() => ({
+  align: align ?? (variant === "button" ? "end" : "start"),
+  side: "bottom",
+  sideOffset: 6
+}));
+const open = shallowRef(false);
+watch(open, (value) => {
+  filter.open = value;
+});
+function close() {
+  open.value = false;
+}
+</script>
+
+<template>
+  <DefineMenu v-slot="{ title }">
+    <DashboardFilterMenu :filter :classes :title :list @picked="close">
+      <template v-if="$slots.item" #item="slotProps">
+        <slot name="item" v-bind="slotProps" />
+      </template>
+      <template v-if="$slots.header" #header="slotProps">
+        <slot name="header" v-bind="slotProps" />
+      </template>
+      <template v-if="$slots.footer" #footer="slotProps">
+        <slot name="footer" v-bind="slotProps" />
+      </template>
+      <template v-if="$slots.empty" #empty="slotProps">
+        <slot name="empty" v-bind="slotProps" />
+      </template>
+    </DashboardFilterMenu>
+  </DefineMenu>
+
+  <UPopover
+    v-if="variant === 'button'"
+    v-model:open="open"
+    :content
+    :ui="{ content: classes.content }"
+  >
+    <slot name="trigger" :filter :active :display="filter.display">
+      <button type="button" :class="classes.button" data-dashboard-filter-button>
+        <UIcon v-if="icon" :name="icon" class="size-3.5 flex-none" />
+        {{ name }}
+      </button>
+    </slot>
+    <template #content>
+      <ReuseMenu :title="list === 'presets' ? t('dashboard.filters.presets') : filter.label" />
+    </template>
+  </UPopover>
+
+  <span
+    v-else
+    :class="classes.root"
+    :data-active="active || void 0"
+    :data-dashboard-filter="filter.key"
+  >
+    <UPopover v-if="listed" v-model:open="open" :content :ui="{ content: classes.content }">
+      <slot name="trigger" :filter :active :display="filter.display">
+        <button type="button" :class="classes.trigger" data-dashboard-filter-trigger>
+          <UIcon v-if="icon" :name="icon" class="size-3.5 flex-none text-muted" />
+          <slot name="label" :filter :display="filter.display">
+            <span :class="classes.label">{{ name }}</span>
+            <span :class="classes.value">{{ filter.display }}</span>
+          </slot>
+          <UIcon
+            v-if="!active || !clearable"
+            name="i-lucide-chevron-down"
+            :class="classes.chevron"
+          />
+        </button>
+      </slot>
+      <template #content>
+        <ReuseMenu />
+      </template>
+    </UPopover>
+    <slot v-else name="trigger" :filter :active :display="filter.display">
+      <span :class="classes.trigger">
+        <UIcon v-if="icon" :name="icon" class="size-3.5 flex-none text-muted" />
+        <slot name="label" :filter :display="filter.display">
+          <span :class="classes.label">{{ name }}</span>
+          <span :class="classes.value">{{ filter.display }}</span>
+        </slot>
+      </span>
+    </slot>
+    <button
+      v-if="active && clearable"
+      type="button"
+      :class="classes.clear"
+      :aria-label="t('dashboard.filters.clear', { label: name })"
+      data-dashboard-filter-clear
+      @click="filter.reset()"
+    >
+      <UIcon name="i-lucide-x" class="size-3" />
+    </button>
+  </span>
+</template>

package/dist/runtime/dashboard/components/dashboard-filter.vue.d.ts

@@ -0,0 +1,67 @@
+import type { DashboardFilterControl, DashboardFilterUi, DashboardOption, DashboardOptionValue } from '../types/index.js';
+declare const __VLS_export: <TValue, TItem extends DashboardOptionValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<{
+        filter: DashboardFilterControl<TValue, TItem>;
+        variant?: "pill" | "button";
+        /** Name on the pill, or the text of the button. Defaults to the filter label. */
+        label?: string;
+        /** Leading icon of the trigger. */
+        icon?: string;
+        /** An active pill shows a button restoring the default value. Defaults to `true`. */
+        clearable?: boolean;
+        /** Menu alignment against the trigger. Defaults to `start` for pills, `end` for buttons. */
+        align?: "start" | "center" | "end";
+        /**
+         * What the menu lists: options and presets (default), the options only, or the presets only (a
+         * "Presets" button next to the filter).
+         */
+        list?: "all" | "options" | "presets";
+        ui?: DashboardFilterUi;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        /** Replaces the whole trigger. The menu still opens from it. */
+        trigger?: (props: {
+            filter: DashboardFilterControl<TValue, TItem>;
+            active: boolean;
+            display: string;
+        }) => unknown;
+        /** Replaces the name and value inside the pill. */
+        label?: (props: {
+            filter: DashboardFilterControl<TValue, TItem>;
+            display: string;
+        }) => unknown;
+        /** Replaces the content of each menu row. */
+        item?: (props: {
+            item: DashboardOption<TItem>;
+            selected: boolean;
+            disabled: boolean;
+            filter: DashboardFilterControl<TValue, TItem>;
+        }) => unknown;
+        /** Content above the option list. */
+        header?: (props: {
+            filter: DashboardFilterControl<TValue, TItem>;
+        }) => unknown;
+        /** Content below the option list (presets, actions). */
+        footer?: (props: {
+            filter: DashboardFilterControl<TValue, TItem>;
+        }) => unknown;
+        /** Replaces "No results". */
+        empty?: (props: {
+            filter: DashboardFilterControl<TValue, TItem>;
+        }) => unknown;
+    };
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/runtime/dashboard/components/dashboard-filters.d.vue.ts

@@ -0,0 +1,49 @@
+import type { DashboardFilterControl, DashboardFilterKeysOf, DashboardFiltersTarget, DashboardFiltersUi, DashboardOption, DashboardOptionValue } from '../types/index.js';
+declare const __VLS_export: <TTarget extends DashboardFiltersTarget>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<{
+        dashboard: TTarget;
+        /** Shows these filters only, in this order. */
+        only?: readonly (DashboardFilterKeysOf<TTarget> & string)[];
+        /** Hides these filters. */
+        exclude?: readonly (DashboardFilterKeysOf<TTarget> & string)[];
+        /** Shows "Reset" once a filter differs from its default. Defaults to `true`. */
+        reset?: boolean;
+        ui?: DashboardFiltersUi;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: { [TKey in DashboardFilterKeysOf<TTarget> & string]?: ((props: {
+        filter: DashboardFilterControl;
+    }) => unknown) | undefined; } & {
+        /** Renders every filter that has no slot of its own. */
+        filter?: (props: {
+            filter: DashboardFilterControl;
+        }) => unknown;
+        /** Content of the menu rows of every pill. */
+        item?: (props: {
+            item: DashboardOption<DashboardOptionValue>;
+            selected: boolean;
+            disabled: boolean;
+            filter: DashboardFilterControl;
+        }) => unknown;
+        /** Replaces the "Reset" button. */
+        reset?: (props: {
+            filtered: boolean;
+            reset: () => void;
+        }) => unknown;
+        leading?: () => unknown;
+        trailing?: () => unknown;
+    };
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};