nuxt-ui-tools 0.1.0

package/dist/runtime/table/components/filters/panel/BooleanFilterPanelField.vue

@@ -0,0 +1,108 @@
+<script setup>
+import UIcon from "@nuxt/ui/components/Icon.vue";
+import URadioGroup from "@nuxt/ui/components/RadioGroup.vue";
+import USkeleton from "@nuxt/ui/components/Skeleton.vue";
+import { computed, ref } from "vue";
+import { useTableFilterOptions } from "../../../composables/use-table-filter-options";
+import { useTableInternals } from "../../../composables/use-table-internals";
+import { resolveBooleanFilterUi } from "../../../utils";
+import FilterPanelFieldShell from "./FilterPanelFieldShell.vue";
+const props = defineProps({
+  definition: { type: Object, required: true }
+});
+const internals = useTableInternals();
+const searchQuery = ref("");
+const optionSource = useTableFilterOptions({
+  definition: props.definition,
+  searchQuery,
+  active: internals.filterPresentation.panelOpen,
+  filters: internals.filters,
+  queryContent: internals.queryContent,
+  schema: internals.schema
+});
+const filterUi = computed(() => resolveBooleanFilterUi(props.definition, "is"));
+const isActive = computed(
+  () => internals.filterPresentation.getPanelDraftFilterState({ key: props.definition.key }) != null
+);
+const entries = computed(
+  () => optionSource.filteredEntries.value.filter((entry) => typeof entry.value === "boolean").map((entry) => ({
+    ...entry,
+    label: entry.value === true ? filterUi.value.labels.true : filterUi.value.labels.false,
+    icon: entry.value === true ? filterUi.value.icons.true : filterUi.value.icons.false
+  }))
+);
+const radioItems = computed(
+  () => entries.value.map((entry) => ({
+    label: entry.label,
+    value: String(entry.value),
+    count: entry.count,
+    icon: entry.icon
+  }))
+);
+const radioValue = computed({
+  get: () => {
+    const value = internals.filterPresentation.getPanelDraftFilterState({
+      key: props.definition.key
+    })?.value;
+    return value === true || value === false ? String(value) : void 0;
+  },
+  set: (value) => {
+    if (value === "true") {
+      internals.filterPresentation.setPanelScalarFilterValue({
+        key: props.definition.key,
+        value: true
+      });
+      return;
+    }
+    if (value === "false") {
+      internals.filterPresentation.setPanelScalarFilterValue({
+        key: props.definition.key,
+        value: false
+      });
+      return;
+    }
+    internals.filterPresentation.clearPanelFilter({ key: props.definition.key });
+  }
+});
+</script>
+
+<template>
+  <FilterPanelFieldShell
+    :label="internals.filters.getFilterLabelText({ label: definition.label })"
+    :active="isActive"
+  >
+    <URadioGroup
+      v-model="radioValue"
+      :items="radioItems"
+      color="neutral"
+      variant="list"
+      :ui="{
+  root: 'w-full',
+  fieldset: 'grid gap-0.5',
+  item: 'flex items-center rounded-md transition-colors hover:bg-elevated data-[state=checked]:bg-elevated',
+  container: 'self-center pl-3',
+  base: 'cursor-pointer',
+  wrapper: 'min-w-0 flex-1 py-2 pr-3',
+  label: 'w-full cursor-pointer text-sm text-default'
+}"
+    >
+      <template #label="{ item }">
+        <div class="flex min-w-0 items-center gap-3">
+          <UIcon
+            v-if="typeof item.icon === 'string'"
+            :name="item.icon"
+            class="size-4 shrink-0 text-muted"
+          />
+
+          <span class="min-w-0 flex-1 truncate">
+            {{ item.label }}
+          </span>
+          <USkeleton v-if="optionSource.isCountLoading.value" class="ml-3 h-3.5 w-6 shrink-0" />
+          <span v-else-if="item.count != null" class="ml-3 shrink-0 text-muted">
+            {{ item.count }}
+          </span>
+        </div>
+      </template>
+    </URadioGroup>
+  </FilterPanelFieldShell>
+</template>

package/dist/runtime/table/components/filters/panel/BooleanFilterPanelField.vue.d.ts

@@ -0,0 +1,7 @@
+import type { TableBooleanFilterDefinition } from '../../../types/index.js';
+type __VLS_Props = {
+    definition: TableBooleanFilterDefinition;
+};
+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/panel/DateFilterPanelField.d.vue.ts

@@ -0,0 +1,7 @@
+import type { TableDateFilterDefinition } from '../../../types/index.js';
+type __VLS_Props = {
+    definition: TableDateFilterDefinition;
+};
+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/panel/DateFilterPanelField.vue

@@ -0,0 +1,188 @@
+<script setup>
+import { CalendarDate, getLocalTimeZone } from "@internationalized/date";
+import UInputDate from "@nuxt/ui/components/InputDate.vue";
+import { computed, ref, shallowRef, watch } from "vue";
+import { useTableInternals } from "../../../composables/use-table-internals";
+import { getDateRangeValue, resolveDateFilterUi } from "../../../utils";
+import FilterMatchModeButton from "../shared/FilterMatchModeButton.vue";
+import FilterPanelFieldShell from "./FilterPanelFieldShell.vue";
+const props = defineProps({
+  definition: { type: Object, required: true }
+});
+const internals = useTableInternals();
+const pendingOperator = ref(resolveInitialOperator());
+const operatorItems = computed(
+  () => internals.filters.getFilterOperatorOptions({
+    key: props.definition.key
+  })
+);
+const filterUi = computed(() => resolveDateFilterUi(props.definition, pendingOperator.value));
+const isActive = computed(
+  () => internals.filterPresentation.getPanelDraftFilterState({ key: props.definition.key }) != null
+);
+const localDate = shallowRef(void 0);
+const localRangeStart = shallowRef(void 0);
+const localRangeEnd = shallowRef(void 0);
+function resolveInitialOperator() {
+  const operator = internals.filterPresentation.getPanelFilterOperator({
+    key: props.definition.key
+  });
+  return operator === "isNot" || operator === "before" || operator === "after" || operator === "between" ? operator : "is";
+}
+function handleOperatorChange(operator) {
+  pendingOperator.value = operator === "isNot" || operator === "before" || operator === "after" || operator === "between" ? operator : "is";
+  if (filterUi.value.clearOnOperatorChange) clearFilter();
+}
+function setSingleDate(value) {
+  localDate.value = coerceCalendarDate(value);
+  syncScalarDraft();
+}
+function setRangeStart(value) {
+  localRangeStart.value = coerceCalendarDate(value);
+  syncRangeDraft();
+}
+function setRangeEnd(value) {
+  localRangeEnd.value = coerceCalendarDate(value);
+  syncRangeDraft();
+}
+function syncScalarDraft() {
+  internals.filterPresentation.setPanelScalarFilterValue({
+    key: props.definition.key,
+    value: localDate.value ? toJsDate(localDate.value) : void 0,
+    operator: pendingOperator.value
+  });
+}
+function syncRangeDraft() {
+  const from = localRangeStart.value ? toJsDate(localRangeStart.value) : void 0;
+  const to = localRangeEnd.value ? toJsDate(localRangeEnd.value) : void 0;
+  internals.filterPresentation.setPanelScalarFilterValue({
+    key: props.definition.key,
+    value: from || to ? { ...from ? { from } : {}, ...to ? { to } : {} } : void 0,
+    operator: pendingOperator.value
+  });
+}
+function resetLocalState() {
+  if (pendingOperator.value === "between") {
+    const range = getDateRangeValue({
+      value: internals.filterPresentation.getPanelDraftFilterState({ key: props.definition.key })?.value
+    });
+    localRangeStart.value = range?.from ? toCalendarDate(range.from) : void 0;
+    localRangeEnd.value = range?.to ? toCalendarDate(range.to) : void 0;
+    localDate.value = void 0;
+    return;
+  }
+  const value = internals.filterPresentation.getPanelDraftFilterState({
+    key: props.definition.key
+  })?.value;
+  const date = value instanceof Date ? value : value ? new Date(String(value)) : void 0;
+  localDate.value = date ? toCalendarDate(date) : void 0;
+  localRangeStart.value = void 0;
+  localRangeEnd.value = void 0;
+}
+function clearFilter() {
+  internals.filterPresentation.clearPanelFilter({ key: props.definition.key });
+  localDate.value = void 0;
+  localRangeStart.value = void 0;
+  localRangeEnd.value = void 0;
+}
+function coerceCalendarDate(value) {
+  if (value && typeof value === "object" && "year" in value && "month" in value && "day" in value && typeof value.year === "number" && typeof value.month === "number" && typeof value.day === "number") {
+    return new CalendarDate(value.year, value.month, value.day);
+  }
+  return void 0;
+}
+function toCalendarDate(value) {
+  if (!(value instanceof Date) && typeof value !== "string" && typeof value !== "number")
+    return void 0;
+  const resolvedDate = value instanceof Date ? value : new Date(value);
+  if (Number.isNaN(resolvedDate.getTime())) return void 0;
+  return new CalendarDate(
+    resolvedDate.getFullYear(),
+    resolvedDate.getMonth() + 1,
+    resolvedDate.getDate()
+  );
+}
+function toJsDate(value) {
+  return value.toDate(getLocalTimeZone());
+}
+resetLocalState();
+watch(
+  () => internals.filterPresentation.panelOpen.value,
+  (open) => {
+    if (!open) return;
+    resetLocalState();
+  }
+);
+watch(
+  () => internals.filterPresentation.getPanelDraftFilterState({ key: props.definition.key })?.value,
+  () => {
+    resetLocalState();
+  },
+  { deep: true }
+);
+watch(
+  () => pendingOperator.value,
+  () => {
+    resetLocalState();
+  }
+);
+</script>
+
+<template>
+  <FilterPanelFieldShell
+    :label="internals.filters.getFilterLabelText({ label: definition.label })"
+    :active="isActive"
+  >
+    <template #actions>
+      <FilterMatchModeButton
+        v-if="operatorItems.length > 1"
+        :label="operatorItems.find((item) => item.value === pendingOperator)?.label ?? 'is'"
+        :items="operatorItems"
+        variant="compact"
+        @select="handleOperatorChange"
+      />
+    </template>
+
+    <div v-if="pendingOperator === 'between'" class="grid gap-2 sm:grid-cols-2">
+      <UInputDate
+        :model-value="localRangeStart"
+        leading
+        :fixed="filterUi.range.input.fixed"
+        :highlight="filterUi.range.input.highlight"
+        :granularity="filterUi.range.input.granularity"
+        :hide-time-zone="filterUi.range.input.hideTimeZone"
+        :hour-cycle="filterUi.range.input.hourCycle"
+        leading-icon="i-lucide-calendar-days"
+        class="w-full"
+        @update:model-value="setRangeStart"
+      />
+
+      <UInputDate
+        :model-value="localRangeEnd"
+        leading
+        :fixed="filterUi.range.input.fixed"
+        :highlight="filterUi.range.input.highlight"
+        :granularity="filterUi.range.input.granularity"
+        :hide-time-zone="filterUi.range.input.hideTimeZone"
+        :hour-cycle="filterUi.range.input.hourCycle"
+        leading-icon="i-lucide-calendar-days"
+        class="w-full"
+        @update:model-value="setRangeEnd"
+      />
+    </div>
+
+    <UInputDate
+      v-else
+      :model-value="localDate"
+      leading
+      :fixed="filterUi.scalar.input.fixed"
+      :highlight="filterUi.scalar.input.highlight"
+      :granularity="filterUi.scalar.input.granularity"
+      :hide-time-zone="filterUi.scalar.input.hideTimeZone"
+      :hour-cycle="filterUi.scalar.input.hourCycle"
+      leading-icon="i-lucide-calendar-days"
+      class="w-full"
+      @update:model-value="setSingleDate"
+    />
+  </FilterPanelFieldShell>
+</template>

package/dist/runtime/table/components/filters/panel/DateFilterPanelField.vue.d.ts

@@ -0,0 +1,7 @@
+import type { TableDateFilterDefinition } from '../../../types/index.js';
+type __VLS_Props = {
+    definition: TableDateFilterDefinition;
+};
+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/panel/FilterPanel.d.vue.ts

@@ -0,0 +1,26 @@
+import type { DataListControlSize, DataListFilterPanelUi } from '../../../types/index.js';
+type __VLS_Props = {
+    size?: DataListControlSize;
+    ui?: DataListFilterPanelUi;
+};
+type __VLS_Slots = {
+    trigger?: (props: {
+        open: () => void;
+        close: () => void;
+        toggle: () => void;
+        openState: boolean;
+        triggerProps: {
+            type: 'button';
+            'aria-expanded': boolean;
+        };
+    }) => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/table/components/filters/panel/FilterPanel.vue

@@ -0,0 +1,132 @@
+<script setup>
+import UBadge from "@nuxt/ui/components/Badge.vue";
+import UButton from "@nuxt/ui/components/Button.vue";
+import USlideover from "@nuxt/ui/components/Slideover.vue";
+import { computed } from "vue";
+import { useUiToolsLocale } from "#ui-tools/i18n";
+import { useDataListUi } from "../../../composables/use-data-list-ui";
+import { useTableInternals } from "../../../composables/use-table-internals";
+import { mergeDataListUiClass } from "../../../utils";
+import { resolveFilterPanelComponent } from "./registry";
+const props = defineProps({
+  size: { type: String, required: false },
+  ui: { type: Object, required: false }
+});
+const internals = useTableInternals();
+const dataListUi = useDataListUi();
+const { t } = useUiToolsLocale();
+const resolvedUi = computed(() => ({
+  ...dataListUi.ui.value.filterPanel?.ui,
+  ...props.ui
+}));
+defineSlots();
+function toggle() {
+  if (internals.filterPresentation.panelOpen.value) internals.filterPresentation.closePanel();
+  else internals.filterPresentation.openPanel();
+}
+</script>
+
+<template>
+  <USlideover
+    :open="internals.filterPresentation.panelOpen.value"
+    side="right"
+    inset
+    :overlay="true"
+    :title="t('table.filters.panel.trigger')"
+    :ui="{
+  overlay: resolvedUi.overlay,
+  content: resolvedUi.content,
+  header: resolvedUi.header,
+  wrapper: resolvedUi.wrapper,
+  body: resolvedUi.body,
+  footer: resolvedUi.footer,
+  title: resolvedUi.title,
+  description: resolvedUi.description,
+  close: resolvedUi.close
+}"
+    @update:open="
+  $event ? internals.filterPresentation.openPanel() : internals.filterPresentation.closePanel()
+"
+  >
+    <slot
+      name="trigger"
+      :open="internals.filterPresentation.openPanel"
+      :close="internals.filterPresentation.closePanel"
+      :toggle="toggle"
+      :open-state="internals.filterPresentation.panelOpen.value"
+      :trigger-props="{
+  type: 'button',
+  'aria-expanded': internals.filterPresentation.panelOpen.value
+}"
+    >
+      <UButton
+        color="neutral"
+        variant="outline"
+        :size="props.size ?? dataListUi.ui.value.filterPanel?.size ?? dataListUi.controlSize.value"
+        icon="i-lucide-funnel"
+        :ui="{
+  base: mergeDataListUiClass('shrink-0', void 0, resolvedUi.trigger)
+}"
+      >
+        <span
+          :class="
+  mergeDataListUiClass('flex items-center gap-2', void 0, resolvedUi.triggerContent)
+"
+        >
+          <span>{{ t("table.filters.panel.trigger") }}</span>
+          <UBadge
+            v-if="internals.filterPresentation.activePanelCount.value > 0"
+            color="neutral"
+            variant="subtle"
+            size="sm"
+            :label="String(internals.filterPresentation.activePanelCount.value)"
+            :class="resolvedUi.count"
+          />
+        </span>
+      </UButton>
+    </slot>
+
+    <template #body>
+      <div class="min-h-0 overflow-y-auto">
+        <div :class="mergeDataListUiClass('grid gap-5', void 0, resolvedUi.fields)">
+          <component
+            :is="resolveFilterPanelComponent(definition)"
+            v-for="definition in internals.filterPresentation.panelDefinitions.value"
+            :key="definition.key"
+            :definition="definition"
+          />
+        </div>
+      </div>
+    </template>
+
+    <template #footer>
+      <div
+        :class="
+  mergeDataListUiClass(
+    'flex w-full items-center justify-between gap-3',
+    void 0,
+    resolvedUi.footerActions
+  )
+"
+      >
+        <UButton
+          color="neutral"
+          variant="ghost"
+          size="sm"
+          :label="t('table.filters.panel.clearAll')"
+          :ui="{ base: resolvedUi.clear }"
+          @click="internals.filterPresentation.clearPanelDraft()"
+        />
+
+        <UButton
+          color="neutral"
+          variant="subtle"
+          size="sm"
+          :label="t('table.filters.panel.apply')"
+          :ui="{ base: resolvedUi.apply }"
+          @click="internals.filterPresentation.applyPanelDraft()"
+        />
+      </div>
+    </template>
+  </USlideover>
+</template>

package/dist/runtime/table/components/filters/panel/FilterPanel.vue.d.ts

@@ -0,0 +1,26 @@
+import type { DataListControlSize, DataListFilterPanelUi } from '../../../types/index.js';
+type __VLS_Props = {
+    size?: DataListControlSize;
+    ui?: DataListFilterPanelUi;
+};
+type __VLS_Slots = {
+    trigger?: (props: {
+        open: () => void;
+        close: () => void;
+        toggle: () => void;
+        openState: boolean;
+        triggerProps: {
+            type: 'button';
+            'aria-expanded': boolean;
+        };
+    }) => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/table/components/filters/panel/FilterPanelFieldShell.d.vue.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    label: string;
+    active?: boolean;
+};
+type __VLS_Slots = {
+    actions?: () => any;
+    default?: () => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/table/components/filters/panel/FilterPanelFieldShell.vue

@@ -0,0 +1,25 @@
+<script setup>
+defineProps({
+  label: { type: String, required: true },
+  active: { type: Boolean, required: false }
+});
+defineSlots();
+</script>
+
+<template>
+  <section class="relative grid gap-1.5">
+    <div class="min-w-0 pr-24">
+      <div class="min-w-0">
+        <h3 class="truncate text-sm font-medium text-highlighted">
+          {{ label }}
+        </h3>
+      </div>
+    </div>
+
+    <div class="absolute right-0 top-0 flex shrink-0 items-center gap-2">
+      <slot name="actions" />
+    </div>
+
+    <slot />
+  </section>
+</template>

package/dist/runtime/table/components/filters/panel/FilterPanelFieldShell.vue.d.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    label: string;
+    active?: boolean;
+};
+type __VLS_Slots = {
+    actions?: () => any;
+    default?: () => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/table/components/filters/panel/FilterPanelInputTrigger.d.vue.ts

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    value?: string;
+    placeholder: string;
+    icon?: string;
+};
+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/panel/FilterPanelInputTrigger.vue

@@ -0,0 +1,22 @@
+<script setup>
+import UButton from "@nuxt/ui/components/Button.vue";
+import UIcon from "@nuxt/ui/components/Icon.vue";
+defineProps({
+  value: { type: String, required: false },
+  placeholder: { type: String, required: true },
+  icon: { type: String, required: false }
+});
+</script>
+
+<template>
+  <UButton color="neutral" variant="outline" size="md" class="w-full justify-between text-left">
+    <span class="flex min-w-0 items-center gap-3">
+      <UIcon v-if="icon" :name="icon" class="size-4 shrink-0 text-muted" />
+      <span class="min-w-0 truncate" :class="value ? 'text-default' : 'text-muted'">
+        {{ value || placeholder }}
+      </span>
+    </span>
+
+    <UIcon name="i-lucide-chevron-down" class="size-4 shrink-0 text-muted" />
+  </UButton>
+</template>

package/dist/runtime/table/components/filters/panel/FilterPanelInputTrigger.vue.d.ts

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    value?: string;
+    placeholder: string;
+    icon?: string;
+};
+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/panel/NumberFilterPanelField.d.vue.ts

@@ -0,0 +1,7 @@
+import type { TableNumberFilterDefinition } from '../../../types/index.js';
+type __VLS_Props = {
+    definition: TableNumberFilterDefinition;
+};
+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;