@shwfed/nuxt 0.7.9 → 0.7.10

package/dist/runtime/components/ui/input-group/InputGroupComboboxInput.vue

@@ -2,7 +2,15 @@
 import { cn } from "../../../utils/cn";
 import { ListboxFilter } from "reka-ui";
 import { useCommand } from "../command";
+const props = defineProps({
+  invalid: { type: Boolean, required: false }
+});
+const emits = defineEmits(["blur"]);
 const { filterState } = useCommand();
+function handleBlur(event) {
+  filterState.search = "";
+  emits("blur", event);
+}
 </script>
 
 <template>
@@ -10,9 +18,10 @@ const { filterState } = useCommand();
     v-model="filterState.search"
     data-slot="input-group-control"
     :data-value="!!filterState.search"
+    :aria-invalid="props.invalid ? 'true' : void 0"
     :class="cn(
   'flex-1 px-2 rounded-none border-none bg-transparent shadow-none dark:bg-transparent peer outline-none disabled:cursor-not-allowed disabled:text-zinc-600 disabled:opacity-100'
 )"
-    @blur="filterState.search = ''"
+    @blur="handleBlur"
   />
 </template>

package/dist/runtime/components/ui/input-group/InputGroupComboboxInput.vue.d.ts

@@ -1,3 +1,10 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_Props = {
+    invalid?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    blur: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onBlur?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/ui/input-group/InputGroupNumberField.d.vue.ts

@@ -2,11 +2,14 @@ import type { NumberFieldRootProps } from 'reka-ui';
 import type { HTMLAttributes } from 'vue';
 type __VLS_Props = NumberFieldRootProps & {
     class?: HTMLAttributes['class'];
+    invalid?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (val: number) => any;
+    "update:modelValue": (...args: any[]) => void;
+    blur: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: ((val: number) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/ui/input-group/InputGroupNumberField.vue

@@ -22,10 +22,14 @@ const props = defineProps({
   as: { type: null, required: false },
   name: { type: String, required: false },
   required: { type: Boolean, required: false },
-  class: { type: null, required: false }
+  class: { type: null, required: false },
+  invalid: { type: Boolean, required: false }
 });
-const emits = defineEmits(["update:modelValue"]);
-const delegatedProps = reactiveOmit(props, "class");
+const emits = defineEmits([
+  "update:modelValue",
+  "blur"
+]);
+const delegatedProps = reactiveOmit(props, "class", "invalid");
 </script>
 
 <template>
@@ -37,9 +41,11 @@ const delegatedProps = reactiveOmit(props, "class");
     <NumberFieldInput
       data-slot="input-group-control"
       :data-value="typeof delegatedProps.modelValue === 'number'"
+      :aria-invalid="props.invalid ? 'true' : void 0"
       :class="cn(
   'flex-1 px-2 py-1 rounded-none w-full text-sm text-zinc-700 border-0 bg-transparent shadow-none dark:bg-transparent outline-none peer disabled:cursor-not-allowed disabled:text-zinc-600 disabled:opacity-100'
 )"
+      @blur="emits('blur', $event)"
     />
   </NumberField>
 </template>

package/dist/runtime/components/ui/input-group/InputGroupNumberField.vue.d.ts

@@ -2,11 +2,14 @@ import type { NumberFieldRootProps } from 'reka-ui';
 import type { HTMLAttributes } from 'vue';
 type __VLS_Props = NumberFieldRootProps & {
     class?: HTMLAttributes['class'];
+    invalid?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (val: number) => any;
+    "update:modelValue": (...args: any[]) => void;
+    blur: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: ((val: number) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/ui/input-group/index.js

@@ -31,7 +31,7 @@ export const inputGroupButtonVariants = cva(
       size: {
         "xs": "h-6 gap-1 px-2 rounded-sm [&>svg:not([class*='size-'])]:size-3.5 has-[>svg]:px-2",
         "sm": "h-8 px-2.5 gap-1.5 rounded-md has-[>svg]:px-2.5",
-        "icon-xs": "size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0",
+        "icon-xs": "size-6 rounded-xs p-0 has-[>svg]:p-0",
         "icon-sm": "size-8 p-0 has-[>svg]:p-0"
       }
     },

package/dist/runtime/components/ui/locale/Locale.d.vue.ts

@@ -0,0 +1,20 @@
+import type { HTMLAttributes } from 'vue';
+import { type LocaleValue } from '../../../utils/coders.js';
+type __VLS_Props = {
+    modelValue?: LocaleValue;
+    class?: HTMLAttributes['class'];
+    multiline?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (args_0: readonly {
+        locale: "zh" | "ja" | "en" | "ko";
+        message: string;
+    }[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((args_0: readonly {
+        locale: "zh" | "ja" | "en" | "ko";
+        message: string;
+    }[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ui/locale/Locale.vue

@@ -0,0 +1,291 @@
+<script setup>
+import { useVModel } from "@vueuse/core";
+import { Icon } from "@iconify/vue";
+import { computed } from "vue";
+import { useI18n } from "vue-i18n";
+import { cn } from "../../../utils/cn";
+import { supportedLocales } from "../../../utils/coders";
+import { Button } from "../button";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../dropdown-menu";
+import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupTextarea } from "../input-group";
+defineOptions({
+  inheritAttrs: false
+});
+const props = defineProps({
+  modelValue: { type: null, required: false },
+  class: { type: null, required: false },
+  multiline: { type: Boolean, required: false }
+});
+const emits = defineEmits(["update:modelValue"]);
+const modelValue = useVModel(props, "modelValue", emits, {
+  passive: true,
+  defaultValue: createDefaultLocaleValue()
+});
+const { t } = useI18n();
+const locales = computed(
+  () => [...modelValue.value ?? createDefaultLocaleValue()].sort((left, right) => {
+    if (left.locale === "zh") {
+      return -1;
+    }
+    if (right.locale === "zh") {
+      return 1;
+    }
+    return 0;
+  })
+);
+const hasRemainingLocales = computed(() => locales.value.length < supportedLocales.length);
+const localeLabels = {
+  zh: "\u4E2D\u6587",
+  ja: "\u65E5\u672C\u8A9E",
+  en: "English",
+  ko: "\uD55C\uAD6D\uC5B4"
+};
+function createDefaultLocaleValue() {
+  return [{ locale: "zh", message: "" }];
+}
+function localeIcon(locale) {
+  return `circle-flags:lang-${locale}`;
+}
+function localeLabel(locale) {
+  return localeLabels[locale];
+}
+function availableLocales(index) {
+  const currentLocale = locales.value[index]?.locale;
+  return supportedLocales.filter((locale) => locale !== currentLocale && !locales.value.some((item) => item.locale === locale));
+}
+function updateMessage(index, message) {
+  modelValue.value = locales.value.map((item, itemIndex) => {
+    if (itemIndex !== index) {
+      return item;
+    }
+    return {
+      locale: item.locale,
+      message: String(message)
+    };
+  });
+}
+function updateLocale(index, locale) {
+  const currentItem = locales.value[index];
+  if (!currentItem || currentItem.locale === "zh" && locale !== "zh") {
+    return;
+  }
+  modelValue.value = locales.value.map((item, itemIndex) => {
+    if (itemIndex !== index) {
+      return item;
+    }
+    return {
+      locale,
+      message: item.message
+    };
+  });
+}
+function removeLocale(index) {
+  const currentItem = locales.value[index];
+  if (!currentItem || currentItem.locale === "zh") {
+    return;
+  }
+  modelValue.value = locales.value.filter((_, itemIndex) => itemIndex !== index);
+}
+function addLocale() {
+  const locale = supportedLocales.find((candidate) => !locales.value.some((item) => item.locale === candidate));
+  if (!locale) {
+    return;
+  }
+  const nextValue = [...locales.value];
+  nextValue.push({
+    locale,
+    message: ""
+  });
+  modelValue.value = nextValue;
+}
+function handleMessageUpdate(index, value) {
+  updateMessage(index, value);
+}
+</script>
+
+<template>
+  <div
+    v-bind="$attrs"
+    data-slot="locale"
+    :class="cn('flex flex-col gap-2', props.class)"
+  >
+    <InputGroup
+      v-for="(item, index) in locales"
+      :key="item.locale"
+      data-slot="locale-row"
+      :data-locale="item.locale"
+    >
+      <InputGroupAddon
+        v-if="props.multiline"
+        align="block-start"
+        class="border-b border-zinc-200"
+      >
+        <div class="flex w-full items-center justify-between gap-3">
+          <DropdownMenu v-if="item.locale !== 'zh' && availableLocales(index).length > 0">
+            <DropdownMenuTrigger as-child>
+              <InputGroupButton
+                size="sm"
+                as-child
+              >
+                <button
+                  type="button"
+                  data-slot="locale-trigger"
+                  class="text-zinc-500 transition-colors hover:text-zinc-700"
+                  :aria-label="t('select-locale', { locale: localeLabel(item.locale) })"
+                >
+                  <Icon :icon="localeIcon(item.locale)" />
+                  <span>{{ localeLabel(item.locale) }}</span>
+                </button>
+              </InputGroupButton>
+            </DropdownMenuTrigger>
+            <DropdownMenuContent align="start">
+              <DropdownMenuItem
+                v-for="locale in availableLocales(index)"
+                :key="locale"
+                data-slot="locale-option"
+                :data-locale-option="locale"
+                @select="updateLocale(index, locale)"
+              >
+                <Icon :icon="localeIcon(locale)" />
+                <span>{{ localeLabel(locale) }}</span>
+              </DropdownMenuItem>
+            </DropdownMenuContent>
+          </DropdownMenu>
+
+          <span
+            v-else
+            data-slot="locale-icon"
+            class="flex items-center gap-2 text-zinc-500"
+          >
+            <Icon :icon="localeIcon(item.locale)" />
+            <span>{{ localeLabel(item.locale) }}</span>
+          </span>
+
+          <InputGroupButton
+            variant="destructive"
+            size="icon-xs"
+            as-child
+          >
+            <button
+              type="button"
+              data-slot="locale-delete"
+              :disabled="item.locale === 'zh'"
+              :aria-label="t('delete-locale', { locale: localeLabel(item.locale) })"
+              @click="removeLocale(index)"
+            >
+              <Icon icon="fluent:delete-20-regular" />
+            </button>
+          </InputGroupButton>
+        </div>
+      </InputGroupAddon>
+
+      <InputGroupAddon v-else>
+        <DropdownMenu v-if="item.locale !== 'zh' && availableLocales(index).length > 0">
+          <DropdownMenuTrigger as-child>
+            <InputGroupButton
+              size="icon-sm"
+              as-child
+            >
+              <button
+                type="button"
+                data-slot="locale-trigger"
+                class="text-zinc-500 transition-colors hover:text-zinc-700 [&_svg:not([class*='size-'])]:size-3.5"
+                :aria-label="t('select-locale', { locale: localeLabel(item.locale) })"
+              >
+                <Icon :icon="localeIcon(item.locale)" />
+              </button>
+            </InputGroupButton>
+          </DropdownMenuTrigger>
+          <DropdownMenuContent align="start">
+            <DropdownMenuItem
+              v-for="locale in availableLocales(index)"
+              :key="locale"
+              data-slot="locale-option"
+              :data-locale-option="locale"
+              @select="updateLocale(index, locale)"
+            >
+              <Icon :icon="localeIcon(locale)" />
+              <span>{{ localeLabel(locale) }}</span>
+            </DropdownMenuItem>
+          </DropdownMenuContent>
+        </DropdownMenu>
+        <span
+          v-else
+          data-slot="locale-icon"
+          class="-ml-[0.45rem] flex size-8 items-center justify-center text-zinc-500"
+        >
+          <Icon :icon="localeIcon(item.locale)" />
+        </span>
+      </InputGroupAddon>
+
+      <InputGroupInput
+        v-if="!props.multiline"
+        data-slot="locale-input"
+        :model-value="item.message"
+        :placeholder="localeLabel(item.locale)"
+        @update:model-value="handleMessageUpdate(index, $event)"
+      />
+
+      <InputGroupTextarea
+        v-else
+        data-slot="locale-textarea"
+        class="min-h-32"
+        :model-value="item.message"
+        :placeholder="localeLabel(item.locale)"
+        @update:model-value="handleMessageUpdate(index, $event)"
+      />
+
+      <InputGroupAddon
+        v-if="!props.multiline"
+        align="inline-end"
+      >
+        <InputGroupButton
+          variant="destructive"
+          size="icon-xs"
+          as-child
+        >
+          <button
+            type="button"
+            data-slot="locale-delete"
+            :disabled="item.locale === 'zh'"
+            :aria-label="t('delete-locale', { locale: localeLabel(item.locale) })"
+            @click="removeLocale(index)"
+          >
+            <Icon icon="fluent:delete-20-regular" />
+          </button>
+        </InputGroupButton>
+      </InputGroupAddon>
+    </InputGroup>
+
+    <Button
+      type="button"
+      data-slot="locale-add"
+      class="w-full justify-center"
+      :disabled="!hasRemainingLocales"
+      @click="addLocale"
+    >
+      <Icon icon="fluent:add-20-regular" />
+      <span>{{ t("add-language") }}</span>
+    </Button>
+  </div>
+</template>
+
+<i18n lang="json">
+{
+  "zh": {
+    "add-language": "新增语言",
+    "select-locale": "选择语言：{locale}",
+    "delete-locale": "删除语言：{locale}"
+  },
+  "ja": {
+    "add-language": "言語を追加",
+    "select-locale": "言語を選択: {locale}",
+    "delete-locale": "言語を削除: {locale}"
+  },
+  "en": {
+    "add-language": "Add language",
+    "select-locale": "Select language: {locale}",
+    "delete-locale": "Delete language: {locale}"
+  }
+}
+</i18n>

package/dist/runtime/components/ui/locale/Locale.vue.d.ts

@@ -0,0 +1,20 @@
+import type { HTMLAttributes } from 'vue';
+import { type LocaleValue } from '../../../utils/coders.js';
+type __VLS_Props = {
+    modelValue?: LocaleValue;
+    class?: HTMLAttributes['class'];
+    multiline?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (args_0: readonly {
+        locale: "zh" | "ja" | "en" | "ko";
+        message: string;
+    }[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((args_0: readonly {
+        locale: "zh" | "ja" | "en" | "ko";
+        message: string;
+    }[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ui/locale/index.d.ts

@@ -0,0 +1 @@
+export { default as Locale } from './Locale.vue.js';

package/dist/runtime/components/ui/locale/index.js

@@ -0,0 +1 @@
+export { default as Locale } from "./Locale.vue";

package/dist/runtime/components/ui/native-select/NativeSelectOption.d.vue.ts

@@ -1,6 +1,7 @@
 import type { HTMLAttributes } from 'vue';
 type __VLS_Props = {
     class?: HTMLAttributes['class'];
+    value?: string | number;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/runtime/components/ui/native-select/NativeSelectOption.vue

@@ -1,13 +1,16 @@
 <script setup>
 import { cn } from "../../../utils/cn";
 const props = defineProps({
-  class: { type: null, required: false }
+  class: { type: null, required: false },
+  value: { type: [String, Number], required: false }
 });
 </script>
 
 <template>
   <option
     data-slot="native-select-option"
+    :value="props.value"
+    v-bind="$attrs"
     :class="cn('bg-white text-zinc-700', props.class)"
   >
     <slot />

package/dist/runtime/components/ui/native-select/NativeSelectOption.vue.d.ts

@@ -1,6 +1,7 @@
 import type { HTMLAttributes } from 'vue';
 type __VLS_Props = {
     class?: HTMLAttributes['class'];
+    value?: string | number;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/runtime/components/ui/number-field/NumberFieldInput.vue

@@ -9,6 +9,6 @@ const props = defineProps({
 <template>
   <NumberFieldInput
     data-slot="input"
-    :class="cn('flex h-9 w-full rounded border border-zinc-200 hover:border-zinc-300 focus-visible:border-[color-mix(in_srgb,var(--primary)_60%,white)] bg-transparent py-1 text-sm text-center shadow-sm transition-colors duration-180 placeholder:text-zinc-700 outline-none disabled:cursor-not-allowed disabled:opacity-50', props.class)"
+    :class="cn('flex h-9 w-full rounded border border-zinc-200 hover:border-zinc-300 focus-visible:border-[color-mix(in_srgb,var(--primary)_60%,white)] bg-transparent px-3 py-1 text-sm text-center shadow-xs transition-colors duration-180 placeholder:text-zinc-700 outline-none disabled:cursor-not-allowed disabled:opacity-50', props.class)"
   />
 </template>

package/dist/runtime/components/ui/switch/Switch.vue

@@ -29,7 +29,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
     data-slot="switch"
     v-bind="forwarded"
     :class="cn(
-  'peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-zinc-200 focus-visible:border-(--primary) dark:data-[state=unchecked]:bg-zinc-200/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none disabled:cursor-not-allowed disabled:opacity-50',
+  'peer data-[state=checked]:bg-(--primary) data-[state=unchecked]:bg-zinc-200 focus-visible:border-(--primary) dark:data-[state=unchecked]:bg-zinc-200/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none disabled:cursor-not-allowed disabled:opacity-50',
   props.class
 )"
   >

package/dist/runtime/components/ui/table/Table.d.vue.ts

@@ -0,0 +1,81 @@
+import { type CellContext, type TableOptions } from '@tanstack/vue-table';
+import { Effect } from 'effect';
+import { type TableConfig } from './schema.js';
+export type { Accessor, Column, Expression, Markdown, Render, TableConfig } from './schema.js';
+export { AccessorC, ColumnC, RenderC, TableConfigC } from './schema.js';
+declare module '@tanstack/vue-table' {
+    interface ColumnMeta<TData extends import('@tanstack/vue-table').RowData, TValue> {
+        tooltip?: string;
+        grow?: boolean;
+        accessor?: import('./schema').Accessor;
+        __types?: [TData, TValue];
+    }
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    config: Effect.Effect<TableConfig>;
+    data: Array<unknown>;
+    rowCount?: number;
+}, import("@tanstack/table-core").Table<unknown>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:config": (args_0: Readonly<{
+        getRowId?: import("./schema.js").Expression;
+        getSubRows?: import("./schema.js").Expression;
+        enableRowSelection?: import("./schema.js").Expression;
+        enableMultiRowSelection?: import("./schema.js").Expression;
+        columns: readonly Readonly<{
+            id?: string;
+            title?: import("../../../utils/coders.js").LocaleValue;
+            accessor?: import("./schema.js").Accessor;
+            renderer?: import("./schema.js").Render;
+            tooltip?: import("../../../utils/coders.js").LocaleValue;
+            size?: number;
+            enableSorting?: boolean;
+            enableMultiSorting?: boolean;
+            enablePinning?: boolean;
+            columns?: readonly Readonly</*elided*/ any>[];
+            grow?: boolean;
+        }>[];
+        cellStyles?: import("./schema.js").Expression;
+        props?: Omit<TableOptions<unknown>, "columns" | "data" | "getRowId" | "getCoreRowModel">;
+        paginationLeft?: import("./schema.js").Markdown;
+        paginationRight?: import("./schema.js").Markdown;
+    }>) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    config: Effect.Effect<TableConfig>;
+    data: Array<unknown>;
+    rowCount?: number;
+}> & Readonly<{
+    "onUpdate:config"?: ((args_0: Readonly<{
+        getRowId?: import("./schema.js").Expression;
+        getSubRows?: import("./schema.js").Expression;
+        enableRowSelection?: import("./schema.js").Expression;
+        enableMultiRowSelection?: import("./schema.js").Expression;
+        columns: readonly Readonly<{
+            id?: string;
+            title?: import("../../../utils/coders.js").LocaleValue;
+            accessor?: import("./schema.js").Accessor;
+            renderer?: import("./schema.js").Render;
+            tooltip?: import("../../../utils/coders.js").LocaleValue;
+            size?: number;
+            enableSorting?: boolean;
+            enableMultiSorting?: boolean;
+            enablePinning?: boolean;
+            columns?: readonly Readonly</*elided*/ any>[];
+            grow?: boolean;
+        }>[];
+        cellStyles?: import("./schema.js").Expression;
+        props?: Omit<TableOptions<unknown>, "columns" | "data" | "getRowId" | "getCoreRowModel">;
+        paginationLeft?: import("./schema.js").Markdown;
+        paginationRight?: import("./schema.js").Markdown;
+    }>) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    [key: string]: (props: Readonly<{
+        cell: CellContext<unknown, unknown>;
+    }>) => void;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};