nuxt-ui-tools 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Cyprien Thao
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,48 @@
+# nuxt-ui-tools
+
+Nuxt module and runtime toolkit for UI-heavy Nuxt apps, with a local playground for integration testing and demos.
+
+The release-ready public runtimes are available through `nuxt-ui-tools/table`,
+`nuxt-ui-tools/form`, `nuxt-ui-tools/query-state`, `nuxt-ui-tools/shared`, and
+`nuxt-ui-tools/i18n`. Installing the Nuxt module also exposes the same domains
+through `#ui-tools/*`, auto-imports their primary functions, and registers their
+top-level components.
+
+The shared entrypoint exports the breakpoint-aware runtime helpers
+`getResponsiveValue`, `parseResponsiveValue`, `resolveResponsiveValueAtBreakpoint`,
+and `useResponsiveValue`. The spreadsheet import engine is still internal and is
+not part of the package export map or Nuxt public surface.
+
+## Structure
+
+- `src/module.ts`: Nuxt module entry
+- `src/runtime/shared`: shared types, composables, and helpers
+- `src/runtime/table`: table/query runtime
+- `src/runtime/form`: form runtime
+- `playground`: local Nuxt app used to validate the module end to end
+- `test`: Vitest suite for runtime and schema behavior
+
+## Commands
+
+```bash
+bun install
+bun run dev
+bun run build
+bun run typecheck
+bun run test
+```
+
+## Playground
+
+The playground loads the module from local source and exercises the integrated runtime in a real Nuxt app.
+
+```bash
+bun run dev:prepare
+bun run dev
+```
+
+## Docs
+
+- Playground guide: [`docs/playground.md`](docs/playground.md)
+- Release guide: [`docs/releasing.md`](docs/releasing.md)
+- Data table V2 notes: [`docs/iterations/data-table-v2/README.md`](docs/iterations/data-table-v2/README.md)

package/dist/module.d.mts

@@ -0,0 +1,26 @@
+import * as _nuxt_schema from '@nuxt/schema';
+import { FormUiConfig } from '../dist/runtime/form/types/index.js';
+import { DataListUiConfig } from '../dist/runtime/table/types/index.js';
+
+declare module '@nuxt/schema' {
+    interface AppConfigInput {
+        nuxtUiTools?: {
+            dataList?: DataListUiConfig;
+            form?: FormUiConfig;
+        };
+    }
+    interface AppConfig {
+        nuxtUiTools?: {
+            dataList?: DataListUiConfig;
+            form?: FormUiConfig;
+        };
+    }
+}
+interface ModuleOptions {
+    prefix?: string;
+    global?: boolean;
+}
+declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
+
+export { _default as default };
+export type { ModuleOptions };

package/dist/module.json

@@ -0,0 +1,13 @@
+{
+  "name": "nuxt-ui-tools",
+  "configKey": "nuxtUiTools",
+  "docs": "https://ui.nuxt.com/docs/getting-started/installation/nuxt",
+  "compatibility": {
+    "nuxt": ">=4.4.0"
+  },
+  "version": "0.1.0",
+  "builder": {
+    "@nuxt/module-builder": "1.0.2",
+    "unbuild": "unknown"
+  }
+}

package/dist/module.mjs

@@ -0,0 +1,228 @@
+import { addComponent, addImports, logger, addTemplate, defineNuxtModule, createResolver, installModule } from '@nuxt/kit';
+import { breakpointsTailwind } from '@vueuse/core';
+
+function getPublicComponents(runtimeDir, options) {
+  const prefix = options.prefix ?? "Ui";
+  return [
+    // I18n
+    {
+      name: `${prefix}ToolsProvider`,
+      filePath: `${runtimeDir}/i18n/provider.vue`,
+      global: options.global
+    },
+    // Table
+    {
+      name: `${prefix}DataList`,
+      filePath: `${runtimeDir}/table/components/DataList.vue`,
+      global: options.global
+    },
+    ...[
+      "Root",
+      "Search",
+      "FilterTags",
+      "AddFilter",
+      "FilterPanel",
+      "ClearFilters",
+      "ResultCount",
+      "Refresh",
+      "ColumnPanel",
+      "SortMenu",
+      "LayoutSwitch",
+      "Content",
+      "Table",
+      "Grid",
+      "Pagination",
+      "InfiniteLoader"
+    ].map((part) => ({
+      name: `${prefix}DataList${part}`,
+      filePath: `${runtimeDir}/table/components/data-list/DataList${part}.vue`,
+      global: options.global
+    })),
+    // Form
+    {
+      name: `${prefix}Form`,
+      filePath: `${runtimeDir}/form/components/root/Form.vue`,
+      global: options.global
+    },
+    {
+      name: `${prefix}FormProvider`,
+      filePath: `${runtimeDir}/form/components/provider/FormProvider.vue`,
+      global: options.global
+    }
+  ];
+}
+function setupComponents(runtimeDir, options) {
+  for (const component of getPublicComponents(runtimeDir, options)) addComponent(component);
+}
+
+function withRuntime(runtimeDir, imports) {
+  return imports.map((entry) => ({
+    ...entry,
+    from: `${runtimeDir}/${entry.from}`
+  }));
+}
+function setupImports(runtimeDir) {
+  addImports([
+    // Query state
+    ...withRuntime(runtimeDir, [
+      { name: "booleanCodec", from: "query-state" },
+      { name: "createArrayCodec", from: "query-state" },
+      { name: "createEnumCodec", from: "query-state" },
+      { name: "dateISOCodec", from: "query-state" },
+      { name: "dynamicQueryState", from: "query-state" },
+      { name: "numberCodec", from: "query-state" },
+      { name: "registerQueryStateClient", from: "query-state" },
+      { name: "stringCodec", from: "query-state" },
+      { name: "useQueryState", from: "query-state" },
+      { name: "useQueryStateClient", from: "query-state" },
+      { name: "useQueryStates", from: "query-state" }
+    ]),
+    // I18n
+    ...withRuntime(runtimeDir, [
+      { name: "defineUiToolsLocale", from: "i18n" },
+      { name: "extendUiToolsLocale", from: "i18n" },
+      { name: "provideUiToolsLocale", from: "i18n" },
+      { name: "useUiToolsLocale", from: "i18n" }
+    ]),
+    // Shared responsive helpers
+    ...withRuntime(runtimeDir, [
+      { name: "getResponsiveValue", from: "shared" },
+      { name: "parseResponsiveValue", from: "shared" },
+      { name: "resolveResponsiveValueAtBreakpoint", from: "shared" },
+      { name: "useResponsiveValue", from: "shared" }
+    ]),
+    // Table
+    ...withRuntime(runtimeDir, [
+      { name: "createTableColumnBuilder", from: "table" },
+      { name: "createTableFilterBuilder", from: "table" },
+      { name: "defineTableSchema", from: "table" },
+      { name: "useTable", from: "table" }
+    ]),
+    // Form
+    ...withRuntime(runtimeDir, [
+      { name: "defineFormField", from: "form" },
+      { name: "defineFormFields", from: "form" },
+      { name: "defineFormSchema", from: "form" },
+      { name: "useForm", from: "form" },
+      { name: "useFormApi", from: "form" },
+      { name: "useFormSubmit", from: "form" }
+    ])
+  ]);
+}
+
+function isUiCssTemplate(template) {
+  if (template.filename === "ui.css") {
+    return true;
+  }
+  return typeof template.dst === "string" && template.dst.endsWith("/ui.css");
+}
+function hasContentsGetter(template) {
+  return typeof template?.filename === "string" && typeof template.getContents === "function";
+}
+function setupTailwindCss(nuxt, runtimeDir) {
+  const runtimeSource = `${runtimeDir.replaceAll("\\", "/")}/**/*.{vue,js,mjs,ts,jsx,tsx}`;
+  const sourceDirective = `@source "${runtimeSource}";`;
+  nuxt.hook("modules:done", () => {
+    const uiCssTemplate = nuxt.options.build.templates.find(isUiCssTemplate);
+    if (!hasContentsGetter(uiCssTemplate)) {
+      logger.warn(
+        "[nuxt-ui-tools] Unable to find Nuxt UI ui.css template, package Tailwind source injection was skipped."
+      );
+      return;
+    }
+    addTemplate({
+      filename: "ui.css",
+      write: true,
+      getContents: async (ctx) => {
+        const uiCss = await uiCssTemplate.getContents(ctx);
+        if (typeof uiCss !== "string") return sourceDirective;
+        if (uiCss.includes(sourceDirective)) return uiCss;
+        return `${sourceDirective}
+${uiCss}`;
+      }
+    });
+  });
+}
+
+const viewportDefaults = {
+  breakpoints: breakpointsTailwind,
+  defaultBreakpoints: {
+    desktop: "lg",
+    mobile: "sm",
+    tablet: "md"
+  },
+  fallbackBreakpoint: "lg",
+  feature: "minWidth"
+};
+const optimizeDepsInclude = [
+  "@tanstack/vue-query",
+  "@tanstack/vue-virtual",
+  "@vueuse/core",
+  "@internationalized/date",
+  "motion-v",
+  "tailwind-merge",
+  "vue-draggable-plus"
+];
+const publicRuntimeDomains = ["form", "i18n", "query-state", "shared", "table"];
+const module$1 = defineNuxtModule({
+  defaults: {
+    prefix: "Ui",
+    global: false
+  },
+  meta: {
+    name: "nuxt-ui-tools",
+    configKey: "nuxtUiTools",
+    docs: "https://ui.nuxt.com/docs/getting-started/installation/nuxt",
+    compatibility: {
+      nuxt: ">=4.4.0"
+    }
+  },
+  moduleDependencies: {
+    "@nuxt/ui": {
+      version: ">=4.5.1"
+    },
+    "nuxt-viewport": {
+      version: ">=2.4.0"
+    }
+  },
+  async setup(options, nuxt) {
+    const { resolve } = createResolver(import.meta.url);
+    for (const domain of publicRuntimeDomains)
+      nuxt.options.alias[`#ui-tools/${domain}`] = resolve(`./runtime/${domain}`);
+    nuxt.options.vite ??= {};
+    nuxt.options.vite.optimizeDeps ??= {};
+    nuxt.options.vite.optimizeDeps.include = mergeOptimizeDepsInclude(
+      nuxt.options.vite.optimizeDeps.include
+    );
+    const viewportOptions = normalizeViewportOptions(nuxt.options.viewport);
+    nuxt.options.viewport = viewportOptions;
+    await installModule("nuxt-viewport", viewportOptions);
+    setupTailwindCss(nuxt, resolve("./runtime"));
+    setupImports(resolve("./runtime"));
+    setupComponents(resolve("./runtime"), options);
+  }
+});
+function mergeViewportOptions(viewportOptions) {
+  return {
+    breakpoints: {
+      ...viewportDefaults.breakpoints,
+      ...viewportOptions?.breakpoints
+    },
+    cookie: viewportOptions?.cookie ?? {},
+    defaultBreakpoints: {
+      ...viewportDefaults.defaultBreakpoints,
+      ...viewportOptions?.defaultBreakpoints
+    },
+    fallbackBreakpoint: viewportOptions?.fallbackBreakpoint ?? viewportDefaults.fallbackBreakpoint,
+    feature: viewportOptions?.feature ?? viewportDefaults.feature
+  };
+}
+function normalizeViewportOptions(viewportOptions) {
+  if (viewportOptions === false) return mergeViewportOptions(void 0);
+  return mergeViewportOptions(viewportOptions);
+}
+function mergeOptimizeDepsInclude(current) {
+  return [.../* @__PURE__ */ new Set([...current ?? [], ...optimizeDepsInclude])];
+}
+
+export { module$1 as default };

package/dist/runtime/form/components/actions/FormActions.d.vue.ts

@@ -0,0 +1,14 @@
+import type { FormAction, FormRuntime } from '../../types/index.js';
+type __VLS_Props = {
+    runtime: FormRuntime;
+    actions: readonly FormAction[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    cancel: () => any;
+    submit: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    onSubmit?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/form/components/actions/FormActions.vue

@@ -0,0 +1,172 @@
+<script setup>
+import UButton from "@nuxt/ui/components/Button.vue";
+import { computed } from "vue";
+import { getResponsiveValue } from "../../../shared/composables/use-responsive-value";
+import { useFormUi } from "../../composables/use-form-ui";
+import { createPublicFormApi } from "../../utils/api";
+import { resolveFormText } from "../../utils/text";
+import { mergeFormUiClass } from "../../utils/ui";
+const props = defineProps({
+  runtime: { type: Object, required: true },
+  actions: { type: Array, required: true }
+});
+const formUi = useFormUi();
+const emit = defineEmits(["submit", "cancel"]);
+const actionContext = computed(() => ({
+  currentStep: props.runtime.currentStepIndex.value,
+  api: createPublicFormApi(props.runtime),
+  actionPending: props.runtime.actionPending.value,
+  isMultiStep: props.runtime.isStepped.value,
+  isFirstStep: props.runtime.isFirstStep.value,
+  isLastStep: props.runtime.isLastStep.value
+}));
+const visibleActions = computed(
+  () => props.actions.filter((action) => action.condition?.(actionContext.value) ?? true)
+);
+const actionsLeft = computed(
+  () => visibleActions.value.filter((action) => resolveActionSlot(action) === "left")
+);
+const actionsRight = computed(
+  () => visibleActions.value.filter((action) => resolveActionSlot(action) !== "left")
+);
+async function runAction(action) {
+  if (isBuiltInAction(action, "submit")) {
+    emit("submit");
+    return;
+  }
+  if (isBuiltInAction(action, "next")) {
+    await props.runtime.nextStep();
+    return;
+  }
+  if (isBuiltInAction(action, "previous")) {
+    await props.runtime.previousStep();
+    return;
+  }
+  if (isBuiltInAction(action, "reset")) {
+    props.runtime.reset();
+    return;
+  }
+  if (isBuiltInAction(action, "cancel")) {
+    emit("cancel");
+    return;
+  }
+  if ("action" in action) await action.action?.(actionContext.value);
+}
+function resolveActionLabel(action) {
+  return resolveFormText(action.label);
+}
+function resolveActionSlot(action) {
+  const slot = getResponsiveValue(action.slot ?? "right");
+  return slot === "left" ? "left" : "right";
+}
+function resolveActionWidth(action) {
+  const width = getResponsiveValue(action.width ?? "fit");
+  return width === "fill" ? "fill" : "fit";
+}
+function resolveActionLink(action) {
+  if (!("link" in action)) return void 0;
+  return typeof action.link === "function" ? action.link(actionContext.value) : action.link;
+}
+function isActionDisabled(action) {
+  const disabled = action.disabled?.(actionContext.value) ?? false;
+  if (disabled) return true;
+  if (!props.runtime.actionPending.value) return false;
+  return !isActionLoading(action);
+}
+function isActionLoading(action) {
+  if (!isBuiltInActionKey(action.key)) return false;
+  const pending = props.runtime.actionPending.value;
+  if (pending === null) return false;
+  if (pending === "submit" || pending === "next")
+    return action.key === "submit" || action.key === "next";
+  return false;
+}
+function resolveActionColor(action) {
+  if (action.color) return action.color;
+  if (action.type === "primary") return "primary";
+  return void 0;
+}
+function resolveActionVariant(action) {
+  if (action.variant) return action.variant;
+  if (action.type === "primary") return "solid";
+  return void 0;
+}
+function actionButtonClass(action) {
+  return mergeFormUiClass(
+    resolveActionWidth(action) === "fill" ? "flex-1" : void 0,
+    formUi.ui.value.actions?.ui?.button,
+    action.class
+  );
+}
+function isBuiltInAction(action, key) {
+  return action.key === key;
+}
+function isBuiltInActionKey(value) {
+  return value === "reset" || value === "cancel" || value === "submit" || value === "previous" || value === "next";
+}
+</script>
+
+<template>
+  <div
+    :class="
+  mergeFormUiClass(
+    'flex w-full flex-col gap-3 sm:flex-row sm:items-center sm:justify-between',
+    formUi.ui.value.actions?.ui?.root
+  )
+"
+  >
+    <div
+      v-if="actionsLeft.length"
+      :class="
+  mergeFormUiClass(
+    'flex min-w-0 flex-1 flex-wrap items-center justify-start gap-2',
+    formUi.ui.value.actions?.ui?.left
+  )
+"
+    >
+      <UButton
+        v-for="(action, index) in actionsLeft"
+        :key="action.key ?? index"
+        type="button"
+        :to="resolveActionLink(action)"
+        :label="resolveActionLabel(action)"
+        :icon="action.icon === false ? void 0 : action.icon"
+        :trailing-icon="action.trailingIcon === false ? void 0 : action.trailingIcon"
+        :color="resolveActionColor(action)"
+        :variant="resolveActionVariant(action)"
+        :size="action.size ?? formUi.controlSize.value"
+        :class="actionButtonClass(action)"
+        :disabled="isActionDisabled(action)"
+        :loading="isActionLoading(action)"
+        @click="runAction(action)"
+      />
+    </div>
+
+    <div
+      v-if="actionsRight.length"
+      :class="
+  mergeFormUiClass(
+    'flex min-w-0 flex-1 flex-wrap items-center justify-end gap-2',
+    formUi.ui.value.actions?.ui?.right
+  )
+"
+    >
+      <UButton
+        v-for="(action, index) in actionsRight"
+        :key="action.key ?? index"
+        type="button"
+        :to="resolveActionLink(action)"
+        :label="resolveActionLabel(action)"
+        :icon="action.icon === false ? void 0 : action.icon"
+        :trailing-icon="action.trailingIcon === false ? void 0 : action.trailingIcon"
+        :color="resolveActionColor(action)"
+        :variant="resolveActionVariant(action)"
+        :size="action.size ?? formUi.controlSize.value"
+        :class="actionButtonClass(action)"
+        :disabled="isActionDisabled(action)"
+        :loading="isActionLoading(action)"
+        @click="runAction(action)"
+      />
+    </div>
+  </div>
+</template>

package/dist/runtime/form/components/actions/FormActions.vue.d.ts

@@ -0,0 +1,14 @@
+import type { FormAction, FormRuntime } from '../../types/index.js';
+type __VLS_Props = {
+    runtime: FormRuntime;
+    actions: readonly FormAction[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    cancel: () => any;
+    submit: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    onSubmit?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/form/components/layout/DrawerLayout.d.vue.ts

@@ -0,0 +1,20 @@
+import type { FormDrawerLayoutProps } from '../../types/index.js';
+declare var __VLS_12: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<FormDrawerLayoutProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+    "after-close": () => any;
+}, string, import("vue").PublicProps, Readonly<FormDrawerLayoutProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onAfter-close"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, 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/form/components/layout/DrawerLayout.vue

@@ -0,0 +1,48 @@
+<script setup>
+import UDrawer from "@nuxt/ui/components/Drawer.vue";
+import { computed } from "vue";
+import { mergeFormUiClass } from "../../utils/ui";
+const props = defineProps({
+  config: { type: Object, required: false },
+  open: { type: Boolean, required: true },
+  title: { type: String, required: false },
+  description: { type: String, required: false },
+  dismissible: { type: Boolean, required: true },
+  ui: { type: Object, required: false }
+});
+defineEmits(["update:open", "after-close"]);
+const direction = computed(() => props.config?.placement ?? "right");
+const contentStyle = computed(() => ({
+  width: cssSize(props.config?.width),
+  height: cssSize(props.config?.height),
+  resize: props.config?.resizable ? ["top", "bottom"].includes(direction.value) ? "vertical" : "horizontal" : void 0
+}));
+function cssSize(value) {
+  return typeof value === "number" ? `${value}px` : value;
+}
+</script>
+
+<template>
+  <UDrawer
+    :open="open"
+    :title="title"
+    :description="description"
+    :direction="direction"
+    :dismissible="dismissible && config?.allowOutsideClick !== false"
+    :style="contentStyle"
+    :handle="false"
+    :ui="{
+  overlay: ui?.overlay,
+  content: mergeFormUiClass(
+    'h-dvh overflow-hidden border-l border-default p-0 md:max-w-xl',
+    ui?.content
+  )
+}"
+    @update:open="$emit('update:open', $event)"
+    @animation-end="$emit('after-close')"
+  >
+    <template #content>
+      <slot />
+    </template>
+  </UDrawer>
+</template>

package/dist/runtime/form/components/layout/DrawerLayout.vue.d.ts

@@ -0,0 +1,20 @@
+import type { FormDrawerLayoutProps } from '../../types/index.js';
+declare var __VLS_12: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<FormDrawerLayoutProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+    "after-close": () => any;
+}, string, import("vue").PublicProps, Readonly<FormDrawerLayoutProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onAfter-close"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, 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/form/components/layout/FullscreenLayout.d.vue.ts

@@ -0,0 +1,20 @@
+import type { FormFullscreenLayoutProps } from '../../types/index.js';
+declare var __VLS_12: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<FormFullscreenLayoutProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+    "after-close": () => any;
+}, string, import("vue").PublicProps, Readonly<FormFullscreenLayoutProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onAfter-close"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, 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;
+    };
+};