nuxt-ui-tools 1.11.2 → 1.13.0

package/dist/runtime/spreadsheet/components/spreadsheet-import-root.vue.d.ts

@@ -0,0 +1,24 @@
+import type { UiToolsLocale, UiToolsMessages } from '#ui-tools/i18n';
+import type { SpreadsheetImporter, SpreadsheetSteps } from '../types/index.js';
+/**
+ * Provides an importer (and its steps, for a wizard) to every `SpreadsheetImport*` part inside.
+ * Renders nothing of its own.
+ */
+type __VLS_Props = {
+    importer: SpreadsheetImporter;
+    steps?: SpreadsheetSteps;
+    locale?: UiToolsLocale<UiToolsMessages>;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => 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/spreadsheet/components/spreadsheet-import.d.vue.ts

@@ -1,18 +1,33 @@
 import type { UiToolsLocale, UiToolsMessages } from '#ui-tools/i18n';
-import type { SpreadsheetComponentApi } from './types.js';
+import type { SpreadsheetImporter, SpreadsheetStep } from '../types/index.js';
+/**
+ * A ready-made import wizard built from the public parts: file, columns and values when needed,
+ * review, and import. Pass `steps` to reorder them or add your own; a slot named after a step key
+ * replaces its content.
+ */
 type __VLS_Props = {
-    spreadsheet: SpreadsheetComponentApi;
+    importer: SpreadsheetImporter;
+    steps?: readonly SpreadsheetStep[];
     title?: string;
-    description?: string;
-    onDownloadTemplate?: () => void;
     closable?: boolean;
-    mode?: 'inline' | 'fullscreen';
     locale?: UiToolsLocale<UiToolsMessages>;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare var __VLS_28: string, __VLS_29: {
+    step: import("../types/index.js").SpreadsheetStepStatus;
+};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_28>]?: (props: typeof __VLS_29) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClose?: (() => 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/spreadsheet/components/spreadsheet-import.vue

@@ -1,277 +1,61 @@
 <script setup>
-import { computed, ref, nextTick, watch } from "vue";
-import { provideUiToolsLocale, useUiToolsLocale, useUiToolsLocaleRef } from "#ui-tools/i18n";
-import { isNumber, isObject } from "#ui-tools/shared";
-import { resolveTextValue } from "#ui-tools/shared/utils/render";
-import { useSpreadsheetView } from "../composables/use-spreadsheet-view";
-import SpreadsheetImportFileBar from "./layout/spreadsheet-import-file-bar.vue";
-import SpreadsheetImportFooter from "./layout/spreadsheet-import-footer.vue";
-import SpreadsheetImportHeader from "./layout/spreadsheet-import-header.vue";
-import SpreadsheetImportSidebar from "./layout/spreadsheet-import-sidebar.vue";
-import SpreadsheetImportMatchingStep from "./steps/spreadsheet-import-matching-step.vue";
-import SpreadsheetImportReferencesStep from "./steps/spreadsheet-import-references-step.vue";
-import SpreadsheetImportReviewStep from "./steps/spreadsheet-import-review-step.vue";
-import SpreadsheetImportStructureStep from "./steps/spreadsheet-import-structure-step.vue";
-import SpreadsheetImportUploadStep from "./steps/spreadsheet-import-upload-step.vue";
+import UButton from "@nuxt/ui/components/Button.vue";
+import { useUiToolsLocale } from "#ui-tools/i18n";
+import { useSpreadsheetSteps } from "../composables/use-spreadsheet-steps";
+import SpreadsheetImportRoot from "./spreadsheet-import-root.vue";
+import SpreadsheetImportStepNav from "./steps/spreadsheet-import-step-nav.vue";
+import SpreadsheetImportStep from "./steps/spreadsheet-import-step.vue";
+import SpreadsheetImportStepper from "./steps/spreadsheet-import-stepper.vue";
 const props = defineProps({
-  spreadsheet: { type: Object, required: true },
+  importer: { type: Object, required: true },
+  steps: { type: Array, required: false },
   title: { type: String, required: false },
-  description: { type: String, required: false },
-  onDownloadTemplate: { type: Function, required: false },
   closable: { type: Boolean, required: false },
-  mode: { type: String, required: false },
   locale: { type: Object, required: false }
 });
-const locale = useUiToolsLocaleRef(computed(() => props.locale));
-provideUiToolsLocale(locale);
-const { t } = useUiToolsLocale(locale);
 const emit = defineEmits(["close"]);
-const view = useSpreadsheetView({
-  hasReferences: () => props.spreadsheet.referenceResolutions.value.length > 0,
-  stepConfig: () => props.spreadsheet.schema.value.steps,
-  t
-});
-const workspaceTitle = computed(
-  () => props.title ?? humanizeKey(props.spreadsheet.schema.value.importKey)
-);
-const workspaceDescription = computed(() => props.description);
-const { activeStep, activeStepIndex, steps, goToPrevStep, goToNextStep } = view;
-const currentStep = computed(
-  () => steps.value.find((step) => step.value === activeStep.value) ?? steps.value[0]
-);
-const stageTitle = computed(() => {
-  if (activeStep.value === "upload") {
-    return resolveTextValue(
-      props.spreadsheet.schema.value.steps?.upload?.title,
-      t("spreadsheet.steps.upload.stageTitle")
-    );
-  }
-  if (activeStep.value === "structure") {
-    return resolveTextValue(
-      props.spreadsheet.schema.value.steps?.structure?.title,
-      t("spreadsheet.steps.structure.stageTitle")
-    );
-  }
-  return currentStep.value?.title ?? humanizeKey(props.spreadsheet.schema.value.importKey);
-});
-const stageDescription = computed(() => currentStep.value?.description ?? "");
-const renderMode = computed(() => props.mode ?? "inline");
-const isFullscreen = computed(() => renderMode.value === "fullscreen");
-const isClosable = computed(() => props.closable ?? false);
-const isPreparingNextStep = ref(false);
-const hasWorkbook = computed(() => Boolean(props.spreadsheet.workbook.value));
-const hasHeaders = computed(() => props.spreadsheet.headers.value.length > 0);
-function getSchemaMaxRecords(schema) {
-  if ("file" in schema && schema.file && isObject(schema.file) && "maxRecords" in schema.file) {
-    return isNumber(schema.file.maxRecords) ? schema.file.maxRecords : void 0;
-  }
-  if ("source" in schema && schema.source && isObject(schema.source) && "maxRecords" in schema.source) {
-    return isNumber(schema.source.maxRecords) ? schema.source.maxRecords : void 0;
-  }
-  return void 0;
-}
-const canGoNext = computed(() => {
-  if (activeStep.value === "upload") {
-    return hasWorkbook.value;
-  }
-  if (activeStep.value === "structure") {
-    return hasWorkbook.value && hasHeaders.value;
-  }
-  if (activeStep.value === "matching") {
-    return hasWorkbook.value && hasHeaders.value;
-  }
-  if (activeStep.value === "references") {
-    return hasWorkbook.value && hasHeaders.value;
-  }
-  return false;
-});
-const fileName = computed(() => props.spreadsheet.workbook.value?.fileName);
-const maxRecords = computed(() => getSchemaMaxRecords(props.spreadsheet.schema.value) ?? Infinity);
-const importableRowCount = computed(
-  () => Math.min(props.spreadsheet.rowSummary.value.totalRows, maxRecords.value)
-);
-const overflowRowCount = computed(
-  () => Math.max(props.spreadsheet.rowSummary.value.totalRows - importableRowCount.value, 0)
-);
-const sidebarItems = computed(
-  () => steps.value.map((step, index) => ({
-    ...step,
-    disabled: step.value !== "upload" && !hasWorkbook.value,
-    status: index < activeStepIndex.value ? "done" : step.value === activeStep.value ? "active" : "pending"
-  }))
-);
-function humanizeKey(value) {
-  return value.split(".").at(-1)?.replaceAll(/([a-z0-9])([A-Z])/gu, "$1 $2").replaceAll(/[_-]+/gu, " ").replaceAll(/\b\w/gu, (char) => char.toUpperCase()) ?? value;
-}
-const actionHint = computed(() => {
-  if (activeStep.value === "structure") {
-    return t("spreadsheet.common.clickToChangeHeaderRow");
-  }
-  if (activeStep.value === "references") {
-    return t("spreadsheet.common.referencesStepHint");
-  }
-  return void 0;
-});
-const primaryActionLabel = computed(() => {
-  if (activeStep.value === "review") {
-    return t("spreadsheet.common.importRows", { count: importableRowCount.value });
-  }
-  return t("spreadsheet.common.continue");
-});
-const primaryActionColor = computed(
-  () => activeStep.value === "review" ? "success" : "primary"
-);
-const primaryActionBusyLabel = computed(() => t("spreadsheet.common.preparingReview"));
-function getNextStepValue() {
-  return steps.value[activeStepIndex.value + 1]?.value;
-}
-function waitForPaint() {
-  return new Promise(
-    (resolve) => requestAnimationFrame(() => requestAnimationFrame(() => resolve()))
-  );
-}
-async function handlePrimaryAction() {
-  if (activeStep.value === "review") {
-    void props.spreadsheet.refresh();
-    return;
-  }
-  if (!canGoNext.value) {
-    return;
-  }
-  const nextStep = getNextStepValue();
-  if (nextStep === "review") {
-    isPreparingNextStep.value = true;
-    await nextTick();
-    await waitForPaint();
-  }
-  goToNextStep();
-  if (nextStep === "review") {
-    await nextTick();
-    isPreparingNextStep.value = false;
-  }
-}
-function handleClose() {
-  emit("close");
-}
-watch(hasWorkbook, (nextHasWorkbook) => {
-  if (!nextHasWorkbook) {
-    return;
-  }
-  if (activeStep.value !== "upload") {
-    return;
-  }
-  goToNextStep();
-});
+const { t } = useUiToolsLocale();
+const wizard = useSpreadsheetSteps(props.importer, props.steps);
 </script>
 
 <template>
-  <div
-    class="grid h-full overflow-hidden bg-default lg:grid-cols-[320px_minmax(0,1fr)]"
-    :class="
-  isFullscreen ? 'min-h-full' : 'min-h-[44rem] rounded-[var(--ui-radius)] border border-default/70 shadow-sm'
-"
-  >
-    <SpreadsheetImportSidebar
-      :title="workspaceTitle"
-      :description="workspaceDescription"
-      :items="sidebarItems"
-    />
-
-    <div class="grid min-h-0 grid-rows-[minmax(0,1fr)_auto] bg-default">
-      <div
-        class="relative min-h-0"
-        :class="
-  activeStep === 'matching' || activeStep === 'review' ? 'overflow-hidden' : 'overflow-y-auto'
-"
-      >
-        <div
-          v-if="isPreparingNextStep"
-          class="absolute inset-0 z-10 flex items-center justify-center bg-default/72 backdrop-blur-sm"
-        >
-          <div
-            class="flex items-center gap-3 rounded-[var(--ui-radius)] border border-default/70 bg-default px-4 py-3 shadow-sm"
-          >
-            <div
-              class="size-4 animate-spin rounded-full border-2 border-default border-t-primary"
-            />
-            <div class="grid gap-0.5">
-              <span class="text-sm font-medium text-highlighted">{{ primaryActionBusyLabel }}</span>
-              <span class="text-xs text-muted">{{
-                t("spreadsheet.common.preparingReviewDescription")
-              }}</span>
-            </div>
-          </div>
-        </div>
-
-        <div
-          class="grid px-6 py-5 lg:px-10 lg:py-6"
-          :class="
-  activeStep === 'matching' || activeStep === 'review' ? 'h-full grid-rows-[auto_minmax(0,1fr)] gap-4' : 'gap-4'
-"
-        >
-          <div class="grid gap-3" :class="activeStep === 'upload' ? '' : 'pb-2'">
-            <SpreadsheetImportHeader
-              :title="stageTitle"
-              :description="stageDescription"
-              :closable="isClosable"
-              @close="handleClose"
-            />
-
-            <SpreadsheetImportFileBar
-              v-if="activeStep !== 'upload'"
-              :file-name="fileName"
-              :total-sheets="spreadsheet.workbook.value?.sheets.length ?? 0"
-              :row-count="spreadsheet.rows.value.length"
-              :has-workbook="hasWorkbook"
-            />
-          </div>
-
-          <SpreadsheetImportUploadStep
-            v-if="activeStep === 'upload'"
-            :spreadsheet="spreadsheet"
-            :on-download-template="onDownloadTemplate"
+  <SpreadsheetImportRoot :importer="importer" :steps="wizard" :locale="locale">
+    <div
+      data-spreadsheet-import
+      class="grid min-w-0 overflow-hidden rounded-xl border border-default bg-default"
+    >
+      <div class="grid gap-5 px-5 pt-5 sm:px-7">
+        <div class="flex min-w-0 items-center gap-3">
+          <h2 class="truncate text-base font-semibold text-highlighted">
+            {{ title ?? t("spreadsheet.steps.submit") }}
+          </h2>
+          <span v-if="importer.file.name" class="hidden truncate text-sm text-muted sm:inline">{{
+            importer.file.name
+          }}</span>
+          <UButton
+            v-if="closable"
+            class="ms-auto"
+            color="neutral"
+            variant="ghost"
+            size="sm"
+            square
+            icon="i-lucide-x"
+            :aria-label="t('spreadsheet.nav.close')"
+            @click="emit('close')"
           />
-
-          <SpreadsheetImportStructureStep
-            v-else-if="activeStep === 'structure'"
-            :spreadsheet="spreadsheet"
-          />
-
-          <SpreadsheetImportMatchingStep
-            v-else-if="activeStep === 'matching'"
-            :spreadsheet="spreadsheet"
-          />
-
-          <SpreadsheetImportReferencesStep
-            v-else-if="activeStep === 'references'"
-            :spreadsheet="spreadsheet"
-          />
-
-          <SpreadsheetImportReviewStep v-else :spreadsheet="spreadsheet" />
         </div>
+        <SpreadsheetImportStepper />
+      </div>
+      <div class="min-w-0 px-5 py-6 sm:px-7">
+        <SpreadsheetImportStep headings>
+          <template v-for="(_, name) in $slots" #[name]="scope">
+            <slot :name="name" v-bind="scope" />
+          </template>
+        </SpreadsheetImportStep>
+      </div>
+      <div class="border-t border-default bg-elevated/40 px-5 py-4 sm:px-7">
+        <SpreadsheetImportStepNav :closable="closable" @close="emit('close')" />
       </div>
-
-      <SpreadsheetImportFooter
-        v-if="activeStep !== 'upload'"
-        :hint="actionHint"
-        :show-previous="activeStep !== 'upload'"
-        :previous-label="t('spreadsheet.common.previous')"
-        :primary-label="primaryActionLabel"
-        :primary-disabled="activeStep !== 'review' && !canGoNext"
-        :primary-loading="isPreparingNextStep"
-        :primary-color="primaryActionColor"
-        :primary-icon="activeStep === 'review' ? 'i-lucide-check' : 'i-lucide-arrow-right'"
-        :show-export="activeStep === 'review' && overflowRowCount > 0"
-        :export-label="t('spreadsheet.common.exportDiscardedRows', { count: overflowRowCount })"
-        :meta-text="
-  t('spreadsheet.common.importSummary', {
-    importable: importableRowCount,
-    total: spreadsheet.rowSummary.value.totalRows
-  })
-"
-        @previous="goToPrevStep"
-        @primary="handlePrimaryAction"
-      />
     </div>
-  </div>
+  </SpreadsheetImportRoot>
 </template>

package/dist/runtime/spreadsheet/components/spreadsheet-import.vue.d.ts

@@ -1,18 +1,33 @@
 import type { UiToolsLocale, UiToolsMessages } from '#ui-tools/i18n';
-import type { SpreadsheetComponentApi } from './types.js';
+import type { SpreadsheetImporter, SpreadsheetStep } from '../types/index.js';
+/**
+ * A ready-made import wizard built from the public parts: file, columns and values when needed,
+ * review, and import. Pass `steps` to reorder them or add your own; a slot named after a step key
+ * replaces its content.
+ */
 type __VLS_Props = {
-    spreadsheet: SpreadsheetComponentApi;
+    importer: SpreadsheetImporter;
+    steps?: readonly SpreadsheetStep[];
     title?: string;
-    description?: string;
-    onDownloadTemplate?: () => void;
     closable?: boolean;
-    mode?: 'inline' | 'fullscreen';
     locale?: UiToolsLocale<UiToolsMessages>;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare var __VLS_28: string, __VLS_29: {
+    step: import("../types/index.js").SpreadsheetStepStatus;
+};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_28>]?: (props: typeof __VLS_29) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClose?: (() => 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/spreadsheet/components/{layout/spreadsheet-import-header.d.vue.ts → steps/spreadsheet-import-step-nav.d.vue.ts}

@@ -1,6 +1,10 @@
+import type { SpreadsheetImporter, SpreadsheetSteps } from '../../types/index.js';
 type __VLS_Props = {
-    title: string;
-    description?: string;
+    importer?: SpreadsheetImporter;
+    steps?: SpreadsheetSteps;
+    /** Page the Cancel button of the first step goes to. */
+    cancelTo?: string;
+    /** Shows Cancel on the first step and Close after the import, emitting `close`. */
     closable?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {

package/dist/runtime/spreadsheet/components/steps/spreadsheet-import-step-nav.vue

@@ -0,0 +1,116 @@
+<script setup>
+import UButton from "@nuxt/ui/components/Button.vue";
+import { computed } from "vue";
+import { useUiToolsLocale } from "#ui-tools/i18n";
+import {
+  useSpreadsheetImporter,
+  useSpreadsheetStepsContext
+} from "../../composables/use-spreadsheet-import-context";
+import SpreadsheetImportSubmitButton from "../parts/spreadsheet-import-submit-button.vue";
+const props = defineProps({
+  importer: { type: Object, required: false },
+  steps: { type: Object, required: false },
+  cancelTo: { type: String, required: false },
+  closable: { type: Boolean, required: false }
+});
+const emit = defineEmits(["close"]);
+const importer = useSpreadsheetImporter(() => props.importer);
+const steps = useSpreadsheetStepsContext(() => props.steps);
+const { t } = useUiToolsLocale();
+const step = computed(() => steps.value?.step ?? null);
+const submitting = computed(() => step.value?.builtIn === "submit");
+const status = computed(() => importer.value.submit.status);
+const hint = computed(() => {
+  const current = step.value;
+  if (!current) return { blocking: false, text: "" };
+  if (current.builtIn === "file" && !importer.value.file.loaded)
+    return { blocking: false, text: t("spreadsheet.nav.blockers.file") };
+  if (current.builtIn === "columns" && current.blockers)
+    return {
+      blocking: true,
+      text: t("spreadsheet.nav.blockers.columns", { count: current.blockers })
+    };
+  if (current.builtIn === "values" && current.blockers)
+    return {
+      blocking: true,
+      text: t("spreadsheet.nav.blockers.values", { count: current.blockers })
+    };
+  if (current.builtIn === "review") {
+    if (!importer.value.readiness.importable)
+      return { blocking: true, text: t("spreadsheet.nav.blockers.review") };
+    const invalid = importer.value.readiness.invalidRows;
+    return {
+      blocking: false,
+      text: invalid ? t("spreadsheet.nav.blockers.invalid", { count: invalid }) : ""
+    };
+  }
+  return { blocking: false, text: "" };
+});
+function next() {
+  steps.value?.next();
+}
+function back() {
+  steps.value?.back();
+}
+function another() {
+  importer.value.reset();
+  steps.value?.reset();
+}
+</script>
+
+<template>
+  <div v-if="steps" data-spreadsheet-step-nav class="flex flex-wrap items-center gap-x-3 gap-y-2">
+    <UButton
+      v-if="steps.canBack && status !== 'running' && status !== 'done'"
+      color="neutral"
+      variant="outline"
+      icon="i-lucide-arrow-left"
+      :label="t('spreadsheet.nav.back')"
+      @click="back"
+    />
+    <UButton
+      v-else-if="!steps.canBack && cancelTo"
+      color="neutral"
+      variant="ghost"
+      :to="cancelTo"
+      :label="t('spreadsheet.nav.cancel')"
+    />
+    <UButton
+      v-else-if="!steps.canBack && closable"
+      color="neutral"
+      variant="ghost"
+      :label="t('spreadsheet.nav.cancel')"
+      @click="emit('close')"
+    />
+    <span
+      v-if="hint.text"
+      class="order-last basis-full text-sm sm:order-none sm:ms-auto sm:basis-auto sm:text-end"
+      :class="hint.blocking ? 'font-medium text-error' : 'text-muted'"
+    >
+      {{ hint.text }}
+    </span>
+    <div class="ms-auto flex gap-2" :class="hint.text ? 'sm:ms-0' : ''">
+      <template v-if="submitting">
+        <SpreadsheetImportSubmitButton v-if="status === 'idle' || status === 'running'" />
+        <template v-else-if="status === 'done'">
+          <UButton
+            color="neutral"
+            variant="outline"
+            :label="t('spreadsheet.nav.another')"
+            @click="another"
+          />
+          <UButton v-if="closable" :label="t('spreadsheet.nav.close')" @click="emit('close')" />
+          <UButton v-else-if="cancelTo" :to="cancelTo" :label="t('spreadsheet.nav.close')" />
+        </template>
+      </template>
+      <UButton
+        v-else
+        data-spreadsheet-next
+        trailing-icon="i-lucide-arrow-right"
+        :label="t('spreadsheet.nav.continue')"
+        :disabled="!steps.canNext"
+        @click="next"
+      />
+    </div>
+  </div>
+</template>

package/dist/runtime/spreadsheet/components/{layout/spreadsheet-import-header.vue.d.ts → steps/spreadsheet-import-step-nav.vue.d.ts}

@@ -1,6 +1,10 @@
+import type { SpreadsheetImporter, SpreadsheetSteps } from '../../types/index.js';
 type __VLS_Props = {
-    title: string;
-    description?: string;
+    importer?: SpreadsheetImporter;
+    steps?: SpreadsheetSteps;
+    /** Page the Cancel button of the first step goes to. */
+    cancelTo?: string;
+    /** Shows Cancel on the first step and Close after the import, emitting `close`. */
     closable?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {

package/dist/runtime/spreadsheet/components/steps/spreadsheet-import-step.d.vue.ts

@@ -0,0 +1,26 @@
+import type { SpreadsheetImporter, SpreadsheetSteps } from '../../types/index.js';
+/**
+ * The current step. A slot named after the step key replaces its content; built-in steps
+ * otherwise render their default parts.
+ */
+type __VLS_Props = {
+    importer?: SpreadsheetImporter;
+    steps?: SpreadsheetSteps;
+    /** Shows the built-in title and description above the default content. */
+    headings?: boolean;
+};
+declare var __VLS_2: string, __VLS_3: {
+    step: import("../../types/index.js").SpreadsheetStepStatus;
+};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_2>]?: (props: typeof __VLS_3) => 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;
+    };
+};