@frigear-nu/forms 0.1.3 → 0.2.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@frigear-nu/forms",
   "configKey": "forms",
-  "version": "0.1.3",
+  "version": "0.2.0",
   "builder": {
     "@nuxt/module-builder": "1.0.3",
     "unbuild": "unknown"

package/dist/runtime/app/components/FormBuilder.vue

@@ -3,6 +3,7 @@ import { fieldTypes } from "../../utils";
 import { useCaptchaSecrets } from "../composables/useCaptchaSecrets";
 import { useFormBuilderEditor } from "../composables/useFormBuilderEditor";
 import { fieldTypeIcons, useFormBuilderLabels } from "../composables/useFormBuilderLabels";
+import { computed, useModuleT } from "#imports";
 const definition = defineModel({ type: Object, ...{ required: true } });
 const props = defineProps({
   formId: { type: String, required: false }

package/dist/runtime/app/components/FormBuilderAccess.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { formsApi, resolveAccess, setAccess } from "../../utils";
+import { $fetch, computed, ref, useCopyToClipboard, useErrorToast, useFetch, useFormat, useModuleT, useRequestURL, useToast } from "#imports";
 const definition = defineModel({ type: Object, ...{ required: true } });
 const props = defineProps({
   formId: { type: String, required: true },

package/dist/runtime/app/components/FormBuilderCaptchaSettings.vue

@@ -1,6 +1,7 @@
 <script setup>
 import { captchaProviders } from "../../utils";
 import { captchaSiteKey } from "../composables/useCaptcha";
+import { computed, useModuleT } from "#imports";
 const props = defineProps({
   field: { type: Object, required: true },
   formId: { type: String, required: false },

package/dist/runtime/app/components/FormBuilderCondition.vue

@@ -1,4 +1,5 @@
 <script setup>
+import { computed, useModuleT } from "#imports";
 const props = defineProps({
   fields: { type: Array, required: true }
 });

package/dist/runtime/app/components/FormBuilderFieldRow.d.vue.ts

@@ -6,21 +6,21 @@ type __VLS_Props = {
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     select: () => any;
+    remove: () => any;
     dragend: () => any;
     dragover: (event: DragEvent) => any;
     dragstart: (event: DragEvent) => any;
     up: () => any;
     down: () => any;
-    remove: () => any;
     duplicate: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSelect?: (() => any) | undefined;
+    onRemove?: (() => any) | undefined;
     onDragend?: (() => any) | undefined;
     onDragover?: ((event: DragEvent) => any) | undefined;
     onDragstart?: ((event: DragEvent) => any) | undefined;
     onUp?: (() => any) | undefined;
     onDown?: (() => any) | undefined;
-    onRemove?: (() => any) | undefined;
     onDuplicate?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/app/components/FormBuilderFieldRow.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { fieldTypeIcons, useFormBuilderLabels } from "../composables/useFormBuilderLabels";
+import { useModuleT } from "#imports";
 defineProps({
   field: { type: Object, required: true },
   selected: { type: Boolean, required: true },

package/dist/runtime/app/components/FormBuilderFieldRow.vue.d.ts

@@ -6,21 +6,21 @@ type __VLS_Props = {
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     select: () => any;
+    remove: () => any;
     dragend: () => any;
     dragover: (event: DragEvent) => any;
     dragstart: (event: DragEvent) => any;
     up: () => any;
     down: () => any;
-    remove: () => any;
     duplicate: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSelect?: (() => any) | undefined;
+    onRemove?: (() => any) | undefined;
     onDragend?: (() => any) | undefined;
     onDragover?: ((event: DragEvent) => any) | undefined;
     onDragstart?: ((event: DragEvent) => any) | undefined;
     onUp?: (() => any) | undefined;
     onDown?: (() => any) | undefined;
-    onRemove?: (() => any) | undefined;
     onDuplicate?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/app/components/FormBuilderFieldSettings.vue

@@ -2,6 +2,7 @@
 import { translate } from "../../utils";
 import { useFormBuilderLabels } from "../composables/useFormBuilderLabels";
 import { useFormsLocale } from "../composables/useForms";
+import { computed, useModuleT } from "#imports";
 const props = defineProps({
   field: { type: Object, required: true },
   at: { type: Object, required: true },

package/dist/runtime/app/components/FormBuilderOptions.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { arrayMove } from "../../utils";
+import { useModuleT } from "#imports";
 const props = defineProps({
   options: { type: Array, required: false }
 });

package/dist/runtime/app/components/FormBuilderPhoneSettings.vue

@@ -1,6 +1,7 @@
 <script setup>
 import { allPhoneCountries, countryName, defaultPhoneCountry, phoneCountries } from "../../utils";
 import { useFormsLocale } from "../composables/useForms";
+import { computed, useModuleT } from "#imports";
 const props = defineProps({
   field: { type: Object, required: true }
 });

package/dist/runtime/app/components/FormBuilderSettings.vue

@@ -16,6 +16,7 @@ import {
   unknownBodyVariables
 } from "../../utils";
 import { useFormsLocale } from "../composables/useForms";
+import { computed, ref, useModuleT } from "#imports";
 const definition = defineModel({ type: Object, ...{ required: true } });
 const t = useModuleT("forms");
 const locale = useFormsLocale();

package/dist/runtime/app/components/FormBuilderStepHeader.d.vue.ts

@@ -10,18 +10,18 @@ type __VLS_Props = {
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     select: () => any;
+    remove: () => any;
     dragend: () => any;
     dragstart: (event: DragEvent) => any;
     up: () => any;
     down: () => any;
-    remove: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSelect?: (() => any) | undefined;
+    onRemove?: (() => any) | undefined;
     onDragend?: (() => any) | undefined;
     onDragstart?: ((event: DragEvent) => any) | undefined;
     onUp?: (() => any) | undefined;
     onDown?: (() => any) | undefined;
-    onRemove?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/app/components/FormBuilderStepHeader.vue

@@ -1,6 +1,7 @@
 <script setup>
 import { translate } from "../../utils";
 import { useFormsLocale } from "../composables/useForms";
+import { useModuleT } from "#imports";
 defineProps({
   step: { type: Object, required: true },
   index: { type: Number, required: true },

package/dist/runtime/app/components/FormBuilderStepHeader.vue.d.ts

@@ -10,18 +10,18 @@ type __VLS_Props = {
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     select: () => any;
+    remove: () => any;
     dragend: () => any;
     dragstart: (event: DragEvent) => any;
     up: () => any;
     down: () => any;
-    remove: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSelect?: (() => any) | undefined;
+    onRemove?: (() => any) | undefined;
     onDragend?: (() => any) | undefined;
     onDragstart?: ((event: DragEvent) => any) | undefined;
     onUp?: (() => any) | undefined;
     onDown?: (() => any) | undefined;
-    onRemove?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/app/components/FormBuilderStepSettings.vue

@@ -1,4 +1,5 @@
 <script setup>
+import { useModuleT } from "#imports";
 defineProps({
   step: { type: Object, required: true },
   conditionFields: { type: Array, required: true }

package/dist/runtime/app/components/FormBuilderText.vue

@@ -1,6 +1,7 @@
 <script setup>
 import { collapseTranslated, expandTranslated, readTranslated } from "../../utils";
 import { useFormsLocale, useFormsLocales } from "../composables/useForms";
+import { computed, ref, useModuleT } from "#imports";
 const props = defineProps({
   placeholder: { type: String, required: false },
   multiline: { type: Boolean, required: false },

package/dist/runtime/app/components/FormCaptcha.vue

@@ -1,6 +1,7 @@
 <script setup>
 import { resolveCaptcha } from "../../utils";
 import { captchaDefaultProvider, captchaSiteKey, loadCaptchaScript } from "../composables/useCaptcha";
+import { computed, onBeforeUnmount, onMounted, ref, useModuleT, useTemplateRef, watch } from "#imports";
 const props = defineProps({
   field: { type: Object, required: true },
   preview: { type: Boolean, required: false },

package/dist/runtime/app/components/FormCreateSlideover.vue

@@ -1,6 +1,7 @@
 <script setup>
 import { z } from "zod";
 import { defineForm, formsApi } from "../../utils";
+import { $fetch, reactive, useAction, useModuleT, watch } from "#imports";
 const emit = defineEmits(["close"]);
 const t = useModuleT("forms");
 const { busy, run } = useAction();

package/dist/runtime/app/components/FormEmbed.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { embedMode, formsApi } from "../../utils";
+import { $fetch, FORM_PASSWORD_HEADER, computed, ref, useAuthPages, useFormAccess, useModuleT, useRoute, watch } from "#imports";
 const props = defineProps({
   slug: { type: String, required: true },
   title: { type: Boolean, required: false, default: false },

package/dist/runtime/app/components/FormField.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { isCountryPhone, renderMarkdown, translate } from "../../utils";
+import { computed, useModuleT } from "#imports";
 const props = defineProps({
   field: { type: Object, required: true },
   locale: { type: String, required: true },
@@ -25,7 +26,6 @@ const isCheckbox = computed(() => props.field.type === "checkbox");
     class="prose prose-sm max-w-none text-muted"
     v-html="html"
   />
-  <!-- eslint-enable vue/no-v-html -->
 
   <UFormField
     v-else-if="field.type === 'captcha'"
@@ -109,4 +109,5 @@ const isCheckbox = computed(() => props.field.type === "checkbox");
       class="w-full"
     />
   </UFormField>
+  <!-- eslint-enable vue/no-v-html -->
 </template>

package/dist/runtime/app/components/FormImportSlideover.vue

@@ -1,6 +1,7 @@
 <script setup>
 import { z } from "zod";
 import { formsApi } from "../../utils";
+import { $fetch, reactive, useAction, useModuleT } from "#imports";
 const emit = defineEmits(["close"]);
 const t = useModuleT("forms");
 const { busy, run } = useAction();

package/dist/runtime/app/components/FormPhoneInput.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { composePhone, countryName, defaultPhoneCountry, parsePhone, phoneCountries } from "../../utils";
+import { computed, ref, watch } from "#imports";
 const props = defineProps({
   config: { type: Object, required: false },
   locale: { type: String, required: true },

package/dist/runtime/app/components/FormPreview.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { PREVIEW_WIDTHS, previewScale } from "../../utils";
+import { computed, onBeforeUnmount, onMounted, ref, useCopyToClipboard, useFormsPaths, useModuleT, useTemplateRef, watch } from "#imports";
 const props = defineProps({
   slug: { type: String, required: true },
   name: { type: String, required: false },

package/dist/runtime/app/components/FormRenderer.vue

@@ -2,6 +2,7 @@
 import { previewPayload, translate } from "../../utils";
 import { emptyAnswers, submissionIssues, submitAnswers, useFormsLocale } from "../composables/useForms";
 import { useFormStepper } from "../composables/useFormStepper";
+import { computed, getCurrentInstance, navigateTo, reactive, ref, useForm, useModuleT, useTemplateRef, useToast, watch } from "#imports";
 const props = defineProps({
   slug: { type: String, required: false },
   form: { type: Object, required: false },

package/dist/runtime/app/components/FormSubmissionView.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { formsApi, isAnswerField, resolveVisibility, translate } from "../../utils";
+import { computed, useFormsLocale, useModuleT } from "#imports";
 const props = defineProps({
   submission: { type: Object, required: true }
 });

package/dist/runtime/app/composables/useCaptcha.js

@@ -1,4 +1,5 @@
 import { normalizeCaptchaProvider, resolveCaptcha } from "../../utils/index.js";
+import { useRuntimeConfig } from "#imports";
 const SCRIPTS = {
   turnstile: { src: "https://challenges.cloudflare.com/turnstile/v0/api.js", global: "turnstile" },
   recaptcha: { src: "https://www.google.com/recaptcha/api.js", global: "grecaptcha" },

package/dist/runtime/app/composables/useCaptchaSecrets.d.ts

@@ -1,7 +1,19 @@
-import type { FormField } from '../../../types.js';
+import type { FormField, FormSecretsDto } from '../../../types.js';
+import type { MaybeRefOrGetter } from '#imports';
 /**
  * The write-only captcha secret key of a saved form. It is stored right away through the admin secrets API,
  * not with the definition. `field` is the currently selected field; the state only applies when it is a captcha.
  */
-export declare function useCaptchaSecrets(formId: MaybeRefOrGetter<string | undefined>, field: MaybeRefOrGetter<FormField | undefined>): any;
+export declare function useCaptchaSecrets(formId: MaybeRefOrGetter<string | undefined>, field: MaybeRefOrGetter<FormField | undefined>): {
+    captcha: (Required<Pick<import("../../utils/index.js").CaptchaConfig, "provider">> & import("../../utils/index.js").CaptchaConfig) | undefined;
+    secrets: FormSecretsDto | undefined;
+    value: string;
+    saving: boolean;
+    loading: boolean;
+    source: import("../../utils/index.js").SecretSource | undefined;
+    statusLabel: any;
+    setValue: (next: string) => void;
+    save: () => Promise<void>;
+    remove: () => Promise<void>;
+};
 export type CaptchaSecrets = ReturnType<typeof useCaptchaSecrets>;

package/dist/runtime/app/composables/useCaptchaSecrets.js

@@ -1,5 +1,6 @@
 import { formsApi, resolveCaptcha } from "../../utils/index.js";
 import { captchaDefaultProvider } from "./useCaptcha.js";
+import { $fetch, computed, onMounted, reactive, ref, toValue, useModuleT, useToast, watch } from "#imports";
 export function useCaptchaSecrets(formId, field) {
   const t = useModuleT("forms");
   const toast = useToast();

package/dist/runtime/app/composables/useFormActions.js

@@ -1,5 +1,6 @@
 import { LazyFormCreateSlideover, LazyFormImportSlideover } from "#components";
 import { formsApi } from "../../utils/index.js";
+import { $fetch, navigateTo, refreshNuxtData, useAction, useConfirmDialog, useErrorToast, useFormLink, useFormsPaths, useModuleT, useOverlay, useToast } from "#imports";
 export const FORMS_LIST_KEY = "forms:admin:forms";
 export function useFormActions() {
   const t = useModuleT("forms");

package/dist/runtime/app/composables/useFormBuilderEditor.d.ts

@@ -1,5 +1,6 @@
 import type { FormDefinition, FormField, FormStep, FieldType } from '../../../types.js';
 import type { FieldPosition } from '../../utils/index.js';
+import type { Ref } from '#imports';
 export type BuilderSelection = {
     kind: 'field';
     at: FieldPosition;
@@ -7,20 +8,35 @@ export type BuilderSelection = {
     kind: 'step';
     index: number;
 };
+type Dragged = {
+    kind: 'field';
+    from: FieldPosition;
+} | {
+    kind: 'step';
+    index: number;
+};
+type DropSlot = {
+    kind: 'field';
+    step: number;
+    index: number;
+} | {
+    kind: 'step';
+    index: number;
+};
 /**
  * State and edit actions of the form builder: what is selected, drag and drop reordering and every change to
  * the definition. All edits go through the `definition` model, so the builder stays a pure v-model component.
  */
 export declare function useFormBuilderEditor(definition: Ref<FormDefinition>): {
-    selection: any;
-    selectedField: any;
-    selectedStep: any;
+    selection: Ref<BuilderSelection | undefined, BuilderSelection | undefined>;
+    selectedField: import("vue").ComputedRef<FormField | undefined>;
+    selectedStep: import("vue").ComputedRef<FormStep | undefined>;
     isSelected: (step: number, index: number) => boolean;
     isStepSelected: (index: number) => boolean;
     selectField: (at: FieldPosition) => void;
     selectStep: (index: number) => void;
-    dragged: any;
-    slot: any;
+    dragged: Ref<Dragged | undefined, Dragged | undefined>;
+    slot: Ref<DropSlot | undefined, DropSlot | undefined>;
     startFieldDrag: (event: DragEvent, from: FieldPosition) => void;
     startStepDrag: (event: DragEvent, index: number) => void;
     endDrag: () => void;
@@ -34,7 +50,7 @@ export declare function useFormBuilderEditor(definition: Ref<FormDefinition>): {
     showLine: (step: number, index: number) => boolean;
     showStepLine: (index: number) => boolean;
     addField: (type: FieldType, at: FieldPosition) => void;
-    addStep: (index?: any) => void;
+    addStep: (index?: number) => void;
     removeAtField: (at: FieldPosition) => void;
     copyField: (at: FieldPosition) => void;
     nudge: (at: FieldPosition, delta: -1 | 1) => void;
@@ -45,5 +61,6 @@ export declare function useFormBuilderEditor(definition: Ref<FormDefinition>): {
     patchStep: (patch: Partial<FormStep>) => void;
     moveToStep: (step: number) => void;
     setMode: (mode: FormDefinition["mode"]) => Promise<void>;
-    conditionFields: (step: number, index: number) => any;
+    conditionFields: (step: number, index: number) => string[];
 };
+export {};

package/dist/runtime/app/composables/useFormBuilderEditor.js

@@ -15,6 +15,7 @@ import {
   updateStep
 } from "../../utils/index.js";
 import { useConfirmDialog } from "@frigear-nu/ui/composables";
+import { computed, ref, useModuleT, watch } from "#imports";
 export function useFormBuilderEditor(definition) {
   const t = useModuleT("forms");
   const confirm = useConfirmDialog();

package/dist/runtime/app/composables/useFormBuilderLabels.js

@@ -1,5 +1,6 @@
 import { translate } from "../../utils/index.js";
 import { useFormsLocale } from "./useForms.js";
+import { useModuleT } from "#imports";
 export const fieldTypeIcons = {
   text: "i-lucide-text-cursor-input",
   textarea: "i-lucide-align-left",

package/dist/runtime/app/composables/useFormStepper.d.ts

@@ -1,5 +1,6 @@
 import type { FormDefinition } from '../../../types.js';
 import type { Answers, MessageTranslator } from '../../utils/index.js';
+import type { MaybeRefOrGetter } from '#imports';
 /**
  * State machine for single page and stepped forms. Steps and fields that are hidden by `showIf`
  * are skipped, so `current` always refers to a visible step.
@@ -8,13 +9,15 @@ export declare function useFormStepper(definition: MaybeRefOrGetter<FormDefiniti
     t?: MaybeRefOrGetter<MessageTranslator | undefined>;
     locale?: MaybeRefOrGetter<string>;
 }): {
-    steps: any;
-    index: any;
-    current: any;
-    isFirst: any;
-    isLast: any;
-    stepped: any;
-    schema: any;
+    steps: import("vue").ComputedRef<import("../../utils/index.js").VisibleStep[]>;
+    index: import("vue").ComputedRef<number>;
+    current: import("vue").ComputedRef<import("../../utils/index.js").VisibleStep | undefined>;
+    isFirst: import("vue").ComputedRef<boolean>;
+    isLast: import("vue").ComputedRef<boolean>;
+    stepped: import("vue").ComputedRef<boolean>;
+    schema: import("vue").ComputedRef<import("zod").ZodObject<{
+        [x: string]: import("zod").ZodType<unknown, unknown, import("zod/v4/core").$ZodTypeInternals<unknown, unknown>>;
+    }, import("zod/v4/core").$strip>>;
     next: () => void;
     prev: () => void;
     reset: (to?: number) => void;

package/dist/runtime/app/composables/useFormStepper.js

@@ -1,4 +1,5 @@
 import { buildFormSchema, resolveVisibility } from "../../utils/index.js";
+import { computed, ref, toValue } from "#imports";
 export function useFormStepper(definition, answers, options = {}) {
   const position = ref(0);
   const steps = computed(() => resolveVisibility(toValue(definition), toValue(answers)));

package/dist/runtime/app/composables/useForms.d.ts

@@ -1,14 +1,15 @@
-import type { FormDefinition, FormField, SubmitResponse } from '../../../types.js';
+import type { FormAccessInfoDto, FormDefinition, FormField, PublicFormDto, SubmitResponse } from '../../../types.js';
+import type { MaybeRefOrGetter } from '#imports';
 /** Locale for translated form content: `@nuxtjs/i18n`'s when installed, otherwise `en`. */
-export declare function useFormsLocale(): any;
+export declare function useFormsLocale(): import("vue").ComputedRef<string>;
 /** Locales content can be translated into: `@nuxtjs/i18n`'s configured locales when installed, otherwise just `en`. */
-export declare function useFormsLocales(): any;
+export declare function useFormsLocales(): import("vue").ComputedRef<string[]>;
 /** Header carrying the shared password of a password-protected form. */
 export declare const FORM_PASSWORD_HEADER = "x-form-password";
 /** Loads a published form definition by slug; `password` unlocks a password-protected form. */
-export declare function useForm(slug: MaybeRefOrGetter<string>, password?: MaybeRefOrGetter<string | undefined>): any;
+export declare function useForm(slug: MaybeRefOrGetter<string>, password?: MaybeRefOrGetter<string | undefined>): import("#app").AsyncData<PublicFormDto | undefined, import("#app").NuxtError<unknown> | undefined>;
 /** Loads what the public page needs to choose between the form, a password/sign-in gate and "not found". */
-export declare function useFormAccess(slug: MaybeRefOrGetter<string>): any;
+export declare function useFormAccess(slug: MaybeRefOrGetter<string>): import("#app").AsyncData<FormAccessInfoDto | undefined, import("#app").NuxtError<unknown> | undefined>;
 /** Initial answers: empty arrays for files, `false` for checkboxes, everything else unset. */
 export declare function emptyAnswers(definition: Pick<FormDefinition, 'steps'>): Record<string, unknown>;
 /** One problem with a submission, as the submit route reports it. */
@@ -34,7 +35,7 @@ declare const DEFAULT_PATHS: {
 export declare function useFormsPaths(): (name: keyof typeof DEFAULT_PATHS, params?: Record<string, string>) => string;
 /** Absolute public address of a form and a clipboard copier; `enabled` is false when the form page route is off. */
 export declare function useFormLink(): {
-    enabled: any;
+    enabled: import("vue").ComputedRef<boolean>;
     url: (slug: string) => string;
     copy: (slug: string) => any;
 };

package/dist/runtime/app/composables/useForms.js

@@ -1,4 +1,5 @@
 import { formsApi, resolveVisibility, translate } from "../../utils/index.js";
+import { $fetch, computed, toValue, useCopyToClipboard, useFetch, useModuleT, useNuxtApp, useRequestURL, useRuntimeConfig } from "#imports";
 export function useFormsLocale() {
   const nuxtApp = useNuxtApp();
   return computed(() => nuxtApp.$i18n?.locale?.value ?? "en");

package/dist/runtime/app/pages/admin-form.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { formDefinitionSchema, formsApi } from "../../utils";
+import { $fetch, computed, navigateTo, reactive, ref, toRaw, useAction, useFetch, useFormActions, useFormsPaths, useModuleT, useRoute, watch } from "#imports";
 const t = useModuleT("forms");
 const route = useRoute();
 const paths = useFormsPaths();
@@ -118,7 +119,8 @@ const menu = computed(() => form.value ? actions.menu({ ...form.value, storage:
         :items="tabs"
       />
 
-      <!-- The builder has its own chrome (canvas and settings panel), so it is not framed again. -->
+      <!-- The builder has its own chrome (canvas and settings panel), so it is not framed again; settings and
+           access render their own `SectionCard`s, one per topic. -->
       <FormBuilder
         v-if="tab === 'builder'"
         v-model="definition"
@@ -134,7 +136,6 @@ const menu = computed(() => form.value ? actions.menu({ ...form.value, storage:
         </template>
       </FormBuilder>
 
-      <!-- Settings and access render their own `SectionCard`s, one per topic. -->
       <FormBuilderSettings
         v-else-if="tab === 'settings'"
         v-model="definition"

package/dist/runtime/app/pages/admin-submission.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { formsApi } from "../../utils";
+import { computed, useFetch, useFormActions, useFormat, useFormsPaths, useModuleT, useRoute } from "#imports";
 const t = useModuleT("forms");
 const route = useRoute();
 const paths = useFormsPaths();

package/dist/runtime/app/pages/admin-submissions.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { formsApi } from "../../utils";
+import { computed, useFetch, useFormActions, useFormat, useFormsPaths, useModuleT, useRoute, useTableQuery, useTableSort } from "#imports";
 const t = useModuleT("forms");
 const route = useRoute();
 const paths = useFormsPaths();

package/dist/runtime/app/pages/admin.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { formsApi } from "../../utils";
+import { FORMS_LIST_KEY, computed, numericColumn, useFetch, useFormActions, useFormat, useFormsPaths, useModuleT, useTableQuery, useTableSort } from "#imports";
 const t = useModuleT("forms");
 const paths = useFormsPaths();
 const format = useFormat();

package/dist/runtime/app/pages/form.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { formsApi } from "../../utils";
+import { $fetch, FORM_PASSWORD_HEADER, computed, createError, navigateTo, ref, useAuthPages, useFormAccess, useFormat, useHead, useModuleT, useRoute } from "#imports";
 const route = useRoute();
 const t = useModuleT("forms");
 const format = useFormat();

package/dist/runtime/menus.js

@@ -1,4 +1,5 @@
 import { defineMenuItem, defineMenuSource, extendMenuItem } from "@frigear-nu/menu/utils";
+import { useRuntimeConfig } from "#imports";
 export default defineMenuSource(() => {
   const config = useRuntimeConfig().public.forms;
   if (config?.pages?.admin) {

package/dist/runtime/server/utils/admin-schemas.d.ts

@@ -13,8 +13,8 @@ export declare const formInput: z.ZodObject<{
             stepped: "stepped";
         }>;
         storage: z.ZodDefault<z.ZodEnum<{
-            db: "db";
             none: "none";
+            db: "db";
         }>>;
         steps: z.ZodArray<z.ZodObject<{
             id: z.ZodString;
@@ -23,8 +23,8 @@ export declare const formInput: z.ZodObject<{
             showIf: z.ZodOptional<z.ZodObject<{
                 field: z.ZodString;
                 op: z.ZodEnum<{
-                    in: "in";
                     eq: "eq";
+                    in: "in";
                     neq: "neq";
                     empty: "empty";
                     notEmpty: "notEmpty";
@@ -36,16 +36,16 @@ export declare const formInput: z.ZodObject<{
                 key: z.ZodString;
                 type: z.ZodEnum<{
                     number: "number";
-                    date: "date";
-                    file: "file";
-                    email: "email";
                     text: "text";
+                    email: "email";
+                    file: "file";
+                    markdown: "markdown";
+                    date: "date";
                     tel: "tel";
                     textarea: "textarea";
                     select: "select";
                     radio: "radio";
                     checkbox: "checkbox";
-                    markdown: "markdown";
                     captcha: "captcha";
                 }>;
                 content: z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodRecord<z.ZodString, z.ZodString>]>>;
@@ -98,8 +98,8 @@ export declare const formInput: z.ZodObject<{
                 showIf: z.ZodOptional<z.ZodObject<{
                     field: z.ZodString;
                     op: z.ZodEnum<{
-                        in: "in";
                         eq: "eq";
+                        in: "in";
                         neq: "neq";
                         empty: "empty";
                         notEmpty: "notEmpty";
@@ -123,8 +123,8 @@ export declare const formInput: z.ZodObject<{
                 api: "api";
             }>>;
             auth: z.ZodDefault<z.ZodEnum<{
-                none: "none";
                 user: "user";
+                none: "none";
                 token: "token";
                 password: "password";
             }>>;
@@ -172,8 +172,8 @@ export declare const formPatch: z.ZodObject<{
             stepped: "stepped";
         }>;
         storage: z.ZodDefault<z.ZodEnum<{
-            db: "db";
             none: "none";
+            db: "db";
         }>>;
         steps: z.ZodArray<z.ZodObject<{
             id: z.ZodString;
@@ -182,8 +182,8 @@ export declare const formPatch: z.ZodObject<{
             showIf: z.ZodOptional<z.ZodObject<{
                 field: z.ZodString;
                 op: z.ZodEnum<{
-                    in: "in";
                     eq: "eq";
+                    in: "in";
                     neq: "neq";
                     empty: "empty";
                     notEmpty: "notEmpty";
@@ -195,16 +195,16 @@ export declare const formPatch: z.ZodObject<{
                 key: z.ZodString;
                 type: z.ZodEnum<{
                     number: "number";
-                    date: "date";
-                    file: "file";
-                    email: "email";
                     text: "text";
+                    email: "email";
+                    file: "file";
+                    markdown: "markdown";
+                    date: "date";
                     tel: "tel";
                     textarea: "textarea";
                     select: "select";
                     radio: "radio";
                     checkbox: "checkbox";
-                    markdown: "markdown";
                     captcha: "captcha";
                 }>;
                 content: z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodRecord<z.ZodString, z.ZodString>]>>;
@@ -257,8 +257,8 @@ export declare const formPatch: z.ZodObject<{
                 showIf: z.ZodOptional<z.ZodObject<{
                     field: z.ZodString;
                     op: z.ZodEnum<{
-                        in: "in";
                         eq: "eq";
+                        in: "in";
                         neq: "neq";
                         empty: "empty";
                         notEmpty: "notEmpty";
@@ -282,8 +282,8 @@ export declare const formPatch: z.ZodObject<{
                 api: "api";
             }>>;
             auth: z.ZodDefault<z.ZodEnum<{
-                none: "none";
                 user: "user";
+                none: "none";
                 token: "token";
                 password: "password";
             }>>;
@@ -337,8 +337,8 @@ export declare const importInput: z.ZodObject<{
                 stepped: "stepped";
             }>;
             storage: z.ZodDefault<z.ZodEnum<{
-                db: "db";
                 none: "none";
+                db: "db";
             }>>;
             steps: z.ZodArray<z.ZodObject<{
                 id: z.ZodString;
@@ -347,8 +347,8 @@ export declare const importInput: z.ZodObject<{
                 showIf: z.ZodOptional<z.ZodObject<{
                     field: z.ZodString;
                     op: z.ZodEnum<{
-                        in: "in";
                         eq: "eq";
+                        in: "in";
                         neq: "neq";
                         empty: "empty";
                         notEmpty: "notEmpty";
@@ -360,16 +360,16 @@ export declare const importInput: z.ZodObject<{
                     key: z.ZodString;
                     type: z.ZodEnum<{
                         number: "number";
-                        date: "date";
-                        file: "file";
-                        email: "email";
                         text: "text";
+                        email: "email";
+                        file: "file";
+                        markdown: "markdown";
+                        date: "date";
                         tel: "tel";
                         textarea: "textarea";
                         select: "select";
                         radio: "radio";
                         checkbox: "checkbox";
-                        markdown: "markdown";
                         captcha: "captcha";
                     }>;
                     content: z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodRecord<z.ZodString, z.ZodString>]>>;
@@ -422,8 +422,8 @@ export declare const importInput: z.ZodObject<{
                     showIf: z.ZodOptional<z.ZodObject<{
                         field: z.ZodString;
                         op: z.ZodEnum<{
-                            in: "in";
                             eq: "eq";
+                            in: "in";
                             neq: "neq";
                             empty: "empty";
                             notEmpty: "notEmpty";
@@ -447,8 +447,8 @@ export declare const importInput: z.ZodObject<{
                     api: "api";
                 }>>;
                 auth: z.ZodDefault<z.ZodEnum<{
-                    none: "none";
                     user: "user";
+                    none: "none";
                     token: "token";
                     password: "password";
                 }>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@frigear-nu/forms",
-  "version": "0.1.3",
+  "version": "0.2.0",
   "description": "Dynamic, database-stored forms (single page or stepped) with submissions, file uploads and email delivery for the frigear ecosystem.",
   "homepage": "https://docs.frigear.dev/modules/forms",
   "repository": {
@@ -35,13 +35,13 @@
     "playground"
   ],
   "dependencies": {
-    "@frigear-nu/admin": "0.1.3",
-    "@frigear-nu/module-kit": "1.1.3",
-    "@frigear-nu/notify": "0.1.3",
-    "@frigear-nu/ui": "0.1.3",
-    "@frigear-nu/auth": "0.1.4",
-    "@frigear-nu/mcp": "0.1.3",
-    "@frigear-nu/users": "1.1.4",
+    "@frigear-nu/admin": "0.2.0",
+    "@frigear-nu/module-kit": "1.2.0",
+    "@frigear-nu/notify": "0.2.0",
+    "@frigear-nu/ui": "0.2.0",
+    "@frigear-nu/auth": "0.2.0",
+    "@frigear-nu/mcp": "0.2.0",
+    "@frigear-nu/users": "1.2.0",
     "@libsql/client": "^0.18.0",
     "@nuxt/kit": "^4.6.1",
     "drizzle-kit": "^0.31.11",
@@ -51,7 +51,7 @@
     "zod": "^4.6.5"
   },
   "peerDependencies": {
-    "@frigear-nu/menu": "0.1.3",
+    "@frigear-nu/menu": "0.2.0",
     "@nuxt/ui": "^4.12.0",
     "@nuxthub/core": "^0.10.8"
   },
@@ -64,7 +64,7 @@
     }
   },
   "devDependencies": {
-    "@frigear-nu/menu": "0.1.3",
+    "@frigear-nu/menu": "0.2.0",
     "@nuxt/devtools": "^3.4.2",
     "@nuxt/eslint-config": "^1.17.0",
     "@nuxt/module-builder": "^1.0.3",