@teamnovu/nuxt-statamic-formbuilder 0.1.0 → 1.0.0

package/README.md

@@ -1,6 +1,6 @@
 # @teamnovu/nuxt-statamic-formbuilder
 
-Core Nuxt module: form configuration types, Valibot validation from Statamic rules, field conditions, field registry, Statamic CSRF submit, and `StatamicFormBuilder`.
+Core Nuxt module: form configuration types, Valibot validation from Statamic rules, field conditions, field registry, Statamic CSRF submit, `StatamicFormBuilder`, and `StatamicFormBuilderFields`.
 
 See the [monorepo README](../../README.md) for install and usage.
 
@@ -10,4 +10,6 @@ Client-side Valibot rules are for UX only. Authoritative validation is Statamic
 
 ## Texts vs i18n
 
-Bundled locales cover field validation messages and toast titles. Submit / loading / success / error body copy belongs on CMS `FormBuilderTexts` (see monorepo README).
+Bundled locales cover field validation messages and toast titles (`form.user_feedback.*`). Submit / loading / success / error body copy belongs on CMS `FormBuilderTexts` (see monorepo README).
+
+By default the module publishes en/de/fr via `i18n:registerModule`. Set `statamicFormBuilder.publishI18n: false` to disable that and provide those keys in the host app instead.

package/dist/module.d.mts

@@ -1,5 +1,5 @@
 import * as _nuxt_schema from '@nuxt/schema';
-export { BaseFieldConfig, DefaultInputField, DisplayTextFieldConfig, FormBuilderConfiguration, FormBuilderField, FormBuilderFieldBase, FormBuilderFieldType, FormBuilderRequestState, FormBuilderSubmitter, FormBuilderTexts, FormFieldOption, InputCheckboxesFieldConfig, InputDateFieldConfig, InputEmailFieldConfig, InputFileUploadFieldConfig, InputFormBuilderField, InputNumberFieldConfig, InputPhoneFieldConfig, InputRadioButtonsFieldConfig, InputRules, InputSelectFieldConfig, InputSliderFieldConfig, InputSwitchFieldConfig, InputTextFieldConfig, InputTextareaFieldConfig, TranslatableInput, UseFormBuilderOptions, ValidationTrigger, defaultInputField, formBuilderStateKey, isDisplayOrSpacerField, isFileUploadField, isInputField, isMultiValueField } from '../dist/runtime/types.js';
+export { BaseFieldConfig, DefaultInputField, DisplayTextFieldConfig, FormBuilderConfiguration, FormBuilderField, FormBuilderFieldBase, FormBuilderFieldType, FormBuilderRequestState, FormBuilderStyleConfig, FormBuilderSubmitter, FormBuilderTexts, FormFieldCheckboxesProps, FormFieldComponentProps, FormFieldConfig, FormFieldConfigByType, FormFieldDateProps, FormFieldDisplayTextProps, FormFieldEmailProps, FormFieldFileUploadProps, FormFieldNumberProps, FormFieldOption, FormFieldPhoneProps, FormFieldRadioButtonsProps, FormFieldSelectProps, FormFieldShellProps, FormFieldSliderProps, FormFieldSwitchProps, FormFieldTextProps, FormFieldTextareaProps, InputCheckboxesFieldConfig, InputDateFieldConfig, InputEmailFieldConfig, InputFileUploadFieldConfig, InputFormBuilderField, InputNumberFieldConfig, InputPhoneFieldConfig, InputRadioButtonsFieldConfig, InputRules, InputSelectFieldConfig, InputSliderFieldConfig, InputSwitchFieldConfig, InputTextFieldConfig, InputTextareaFieldConfig, TranslatableInput, UseFormBuilderOptions, ValidationTrigger, defaultInputField, formBuilderStateKey, isDisplayOrSpacerField, isFileUploadField, isInputField, isMultiValueField } from '../dist/runtime/types.js';
 
 interface ModuleOptions {
     /**
@@ -7,6 +7,12 @@ interface ModuleOptions {
      * Falls back to `runtimeConfig.public.BACKEND_URL` when unset.
      */
     serverUrl?: string;
+    /**
+     * When true (default), register bundled `form.user_feedback.*` locale
+     * files via `i18n:registerModule`. Set to false to own these strings
+     * in the host app (e.g. locales not shipped by this module).
+     */
+    publishI18n?: boolean;
 }
 declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
 

package/dist/module.json

@@ -1,7 +1,10 @@
 {
   "name": "@teamnovu/nuxt-statamic-formbuilder",
-  "configKey": "formBuilder",
-  "version": "0.1.0",
+  "configKey": "statamicFormBuilder",
+  "compatibility": {
+    "nuxt": ">=3.16.0"
+  },
+  "version": "1.0.0",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -1,19 +1,41 @@
-import { defineNuxtModule, createResolver, addImports, addComponent } from '@nuxt/kit';
+import { defineNuxtModule, createResolver, addTypeTemplate, addImports, addComponent } from '@nuxt/kit';
+import { defu } from 'defu';
 export { formBuilderStateKey, isDisplayOrSpacerField, isFileUploadField, isInputField, isMultiValueField } from '../dist/runtime/types.js';
 
+const RUNTIME_CONFIG_AUGMENTATION = `declare module '@nuxt/schema' {
+  interface PublicRuntimeConfig {
+    statamicFormBuilder: {
+      serverUrl: string
+    }
+  }
+}
+
+export {}
+`;
 const module$1 = defineNuxtModule({
   meta: {
     name: "@teamnovu/nuxt-statamic-formbuilder",
-    configKey: "formBuilder"
+    configKey: "statamicFormBuilder",
+    compatibility: {
+      nuxt: ">=3.16.0"
+    }
   },
   defaults: {
-    serverUrl: void 0
+    serverUrl: void 0,
+    publishI18n: true
   },
   setup(options, nuxt) {
     const resolver = createResolver(import.meta.url);
-    nuxt.options.runtimeConfig.public.formBuilder = {
-      serverUrl: options.serverUrl ?? nuxt.options.runtimeConfig.public.BACKEND_URL ?? ""
-    };
+    addTypeTemplate({
+      filename: "types/statamic-formbuilder-runtime-config.d.ts",
+      getContents: () => RUNTIME_CONFIG_AUGMENTATION
+    });
+    nuxt.options.runtimeConfig.public.statamicFormBuilder = defu(
+      nuxt.options.runtimeConfig.public.statamicFormBuilder,
+      {
+        serverUrl: options.serverUrl ?? nuxt.options.runtimeConfig.public.BACKEND_URL ?? ""
+      }
+    );
     const composables = [
       "useFormBuilder",
       "useFormValidation",
@@ -24,16 +46,16 @@ const module$1 = defineNuxtModule({
     for (const name of composables) {
       addImports({
         name,
-        from: resolver.resolve(`./runtime/composables/${name}`)
+        from: resolver.resolve(`./runtime/app/composables/${name}`)
       });
     }
     addImports({
       name: "registerFormField",
-      from: resolver.resolve("./runtime/composables/useFormFieldRegistry")
+      from: resolver.resolve("./runtime/app/composables/useFormFieldRegistry")
     });
     addImports({
       name: "resolveFormField",
-      from: resolver.resolve("./runtime/composables/useFormFieldRegistry")
+      from: resolver.resolve("./runtime/app/composables/useFormFieldRegistry")
     });
     addImports({
       name: "toFormBuilderConfiguration",
@@ -43,10 +65,6 @@ const module$1 = defineNuxtModule({
       name: "COMPONENT_FORM_BUILDER_FRAGMENT",
       from: resolver.resolve("./runtime/utils/graphqlFragment")
     });
-    addImports({
-      name: "removePTags",
-      from: resolver.resolve("./runtime/utils/removePTags")
-    });
     for (const name of [
       "isDisplayOrSpacerField",
       "isInputField",
@@ -60,23 +78,26 @@ const module$1 = defineNuxtModule({
       });
     }
     addComponent({
-      name: "FormBuilderFields",
-      filePath: resolver.resolve("./runtime/components/FormBuilderFields.vue")
+      name: "StatamicFormBuilderFields",
+      filePath: resolver.resolve("./runtime/app/components/StatamicFormBuilderFields.vue")
     });
     addComponent({
       name: "StatamicFormBuilder",
-      filePath: resolver.resolve("./runtime/components/StatamicFormBuilder.vue")
+      filePath: resolver.resolve("./runtime/app/components/StatamicFormBuilder.vue")
     });
-    nuxt.hook("i18n:registerModule", (register) => {
-      register({
-        langDir: resolver.resolve("./runtime/locales"),
-        locales: [
-          { code: "en", file: "en.json" },
-          { code: "de", file: "de.json" },
-          { code: "fr", file: "fr.json" }
-        ]
+    if (options.publishI18n) {
+      nuxt.hook("i18n:registerModule", (register) => {
+        register({
+          langDir: resolver.resolve("./runtime/locales"),
+          locales: [
+            { code: "en", file: "en.json" },
+            { code: "de", file: "de.json" },
+            { code: "fr", file: "fr.json" },
+            { code: "it", file: "it.json" }
+          ]
+        });
       });
-    });
+    }
   }
 });
 

package/dist/runtime/{components → app/components}/StatamicFormBuilder.d.vue.ts

@@ -1,9 +1,9 @@
-import type { FormBuilderConfiguration, FormBuilderSubmitter, FormBuilderTexts } from '../types.js';
+import type { FormBuilderConfiguration, FormBuilderStyleConfig, FormBuilderSubmitter, FormBuilderTexts } from '../../types.js';
 type __VLS_Props = {
     form: FormBuilderConfiguration;
     texts: FormBuilderTexts;
     serverUrl?: string;
-    styleConfig?: Record<string, unknown>;
+    styleConfig?: FormBuilderStyleConfig;
     submitter?: FormBuilderSubmitter;
     /**
      * Override the FormBuilder component (defaults to globally registered `FormBuilder`

package/dist/runtime/{components → app/components}/StatamicFormBuilder.vue

@@ -34,7 +34,7 @@ const props = defineProps({
 });
 const runtimeConfig = useRuntimeConfig();
 const resolvedServerUrl = computed(
-  () => props.serverUrl || runtimeConfig.public.formBuilder?.serverUrl || runtimeConfig.public.BACKEND_URL || ""
+  () => props.serverUrl || runtimeConfig.public.statamicFormBuilder.serverUrl || runtimeConfig.public.BACKEND_URL || ""
 );
 const formBuilderComponent = computed(() => {
   if (props.formComponent) {

package/dist/runtime/{components → app/components}/StatamicFormBuilder.vue.d.ts

@@ -1,9 +1,9 @@
-import type { FormBuilderConfiguration, FormBuilderSubmitter, FormBuilderTexts } from '../types.js';
+import type { FormBuilderConfiguration, FormBuilderStyleConfig, FormBuilderSubmitter, FormBuilderTexts } from '../../types.js';
 type __VLS_Props = {
     form: FormBuilderConfiguration;
     texts: FormBuilderTexts;
     serverUrl?: string;
-    styleConfig?: Record<string, unknown>;
+    styleConfig?: FormBuilderStyleConfig;
     submitter?: FormBuilderSubmitter;
     /**
      * Override the FormBuilder component (defaults to globally registered `FormBuilder`

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

@@ -0,0 +1,27 @@
+import type { FormBuilderConfiguration, FormBuilderField, FormBuilderStyleConfig } from '../../types.js';
+type __VLS_Props = {
+    form: FormBuilderConfiguration;
+    fields: Array<FormBuilderField>;
+    error?: Record<string, unknown>;
+    styleConfig?: FormBuilderStyleConfig;
+    validationErrors?: Record<string, string | undefined>;
+};
+declare var __VLS_2: string, __VLS_3: {
+    config?: import("../../fieldConfigs.js").BaseFieldConfig | import("../../fieldConfigs.js").InputTextFieldConfig | import("../../fieldConfigs.js").InputTextareaFieldConfig | import("../../fieldConfigs.js").InputEmailFieldConfig | import("../../fieldConfigs.js").InputPhoneFieldConfig | import("../../fieldConfigs.js").InputNumberFieldConfig | import("../../fieldConfigs.js").InputSelectFieldConfig | import("../../fieldConfigs.js").InputDateFieldConfig | import("../../fieldConfigs.js").InputSliderFieldConfig | import("../../fieldConfigs.js").InputCheckboxesFieldConfig | import("../../fieldConfigs.js").InputRadioButtonsFieldConfig | import("../../fieldConfigs.js").InputSwitchFieldConfig | import("../../fieldConfigs.js").InputFileUploadFieldConfig | import("../../fieldConfigs.js").DisplayTextFieldConfig | undefined;
+    styleConfig: FormBuilderStyleConfig;
+    input: import("../../types.js").DefaultInputField;
+    error?: string | null;
+    field: FormBuilderField;
+};
+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;
+    };
+};

package/dist/runtime/{components/FormBuilderFields.vue → app/components/StatamicFormBuilderFields.vue}

@@ -35,7 +35,7 @@
 
 <script setup>
 import { inject, ref } from "vue";
-import { formBuilderStateKey } from "../injectionKeys";
+import { formBuilderStateKey } from "../../injectionKeys";
 import { useFieldConditions } from "../composables/useFieldConditions";
 import { resolveFormField } from "../composables/useFormFieldRegistry";
 const props = defineProps({

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

@@ -0,0 +1,27 @@
+import type { FormBuilderConfiguration, FormBuilderField, FormBuilderStyleConfig } from '../../types.js';
+type __VLS_Props = {
+    form: FormBuilderConfiguration;
+    fields: Array<FormBuilderField>;
+    error?: Record<string, unknown>;
+    styleConfig?: FormBuilderStyleConfig;
+    validationErrors?: Record<string, string | undefined>;
+};
+declare var __VLS_2: string, __VLS_3: {
+    config?: import("../../fieldConfigs.js").BaseFieldConfig | import("../../fieldConfigs.js").InputTextFieldConfig | import("../../fieldConfigs.js").InputTextareaFieldConfig | import("../../fieldConfigs.js").InputEmailFieldConfig | import("../../fieldConfigs.js").InputPhoneFieldConfig | import("../../fieldConfigs.js").InputNumberFieldConfig | import("../../fieldConfigs.js").InputSelectFieldConfig | import("../../fieldConfigs.js").InputDateFieldConfig | import("../../fieldConfigs.js").InputSliderFieldConfig | import("../../fieldConfigs.js").InputCheckboxesFieldConfig | import("../../fieldConfigs.js").InputRadioButtonsFieldConfig | import("../../fieldConfigs.js").InputSwitchFieldConfig | import("../../fieldConfigs.js").InputFileUploadFieldConfig | import("../../fieldConfigs.js").DisplayTextFieldConfig | undefined;
+    styleConfig: FormBuilderStyleConfig;
+    input: import("../../types.js").DefaultInputField;
+    error?: string | null;
+    field: FormBuilderField;
+};
+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;
+    };
+};

package/dist/runtime/{composables → app/composables}/useFieldConditions.d.ts

@@ -1,5 +1,5 @@
 import type { MaybeRefOrGetter } from 'vue';
-import type { FormBuilderField } from '../types.js';
+import type { FormBuilderField } from '../../types.js';
 /**
  * Evaluates Statamic field conditions against the current form values.
  *

package/dist/runtime/{composables → app/composables}/useFormBuilder.d.ts

@@ -1,11 +1,11 @@
 import type { Ref } from 'vue';
-import type { FormBuilderConfiguration, FormBuilderField, FormBuilderRequestState, UseFormBuilderOptions } from '../types.js';
+import type { FormBuilderConfiguration, FormBuilderField, FormBuilderRequestState, UseFormBuilderOptions } from '../../types.js';
 export declare function useFormBuilder(formBuilderConfiguration: FormBuilderConfiguration, serverUrlOrOptions?: string | UseFormBuilderOptions): {
     requestState: Ref<FormBuilderRequestState, FormBuilderRequestState>;
     submit: (_event?: unknown, stateRef?: Ref<Record<string, unknown>>) => Promise<unknown>;
     reset: () => void;
     state: Ref<Record<string, unknown>, Record<string, unknown>>;
     fields: import("vue").ComputedRef<FormBuilderField[]>;
-    serverUrl: import("vue").ComputedRef<string>;
+    serverUrl: import("vue").ComputedRef<any>;
 };
 export default useFormBuilder;

package/dist/runtime/{composables → app/composables}/useFormBuilder.js

@@ -1,8 +1,8 @@
 import { useRuntimeConfig } from "#imports";
 import { useI18n } from "vue-i18n";
 import { computed, ref, toValue } from "vue";
-import { isDisplayOrSpacerField, isMultiValueField } from "../types.js";
-import { submitStatamicForm } from "../utils/submitStatamicForm.js";
+import { isDisplayOrSpacerField, isMultiValueField } from "../../types.js";
+import { submitStatamicForm } from "../../utils/submitStatamicForm.js";
 function flattenFields(form) {
   if ("fields" in form) {
     return form.fields;
@@ -29,7 +29,7 @@ export function useFormBuilder(formBuilderConfiguration, serverUrlOrOptions) {
   const runtimeConfig = useRuntimeConfig();
   const { locale } = useI18n();
   const serverUrl = computed(
-    () => options.serverUrl || runtimeConfig.public.formBuilder?.serverUrl || runtimeConfig.public.BACKEND_URL || ""
+    () => options.serverUrl || runtimeConfig.public.statamicFormBuilder.serverUrl || runtimeConfig.public.BACKEND_URL || ""
   );
   const submitter = options.submitter ?? submitStatamicForm;
   const requestState = ref("not_submitted");

package/dist/runtime/{composables → app/composables}/useFormValidation.d.ts

@@ -1,6 +1,6 @@
 import * as v from 'valibot';
 import type { MaybeRefOrGetter, Ref } from 'vue';
-import type { FormBuilderConfiguration, FormBuilderField, InputRules } from '../types.js';
+import type { FormBuilderConfiguration, FormBuilderField, InputRules } from '../../types.js';
 export declare function useFormValidation(fieldsInput: MaybeRefOrGetter<readonly FormBuilderField[]>, formRules: FormBuilderConfiguration['rules'], _state?: Ref<Record<string, unknown>>): {
     schema: import("vue").ComputedRef<v.ObjectSchema<Record<string, v.BaseSchema<unknown, unknown, v.BaseIssue<unknown>>>, undefined>>;
     validationErrors: Ref<Record<string, string>, Record<string, string>>;

package/dist/runtime/{composables → app/composables}/useFormValidation.js

@@ -1,7 +1,7 @@
 import * as v from "valibot";
 import { useI18n } from "vue-i18n";
 import { computed, ref, toValue } from "vue";
-import { isDisplayOrSpacerField } from "../types.js";
+import { isDisplayOrSpacerField } from "../../types.js";
 export function useFormValidation(fieldsInput, formRules, _state) {
   const { t } = useI18n();
   const fields = computed(() => toValue(fieldsInput) ?? []);

package/dist/runtime/{composables → app/composables}/useTranslatableInput.d.ts

@@ -1,4 +1,4 @@
-import type { TranslatableInput } from '../types.js';
+import type { TranslatableInput } from '../../types.js';
 export type ResolveTranslatableInput = (input: TranslatableInput | string | undefined | null) => string | undefined;
 /**
  * Call once at the top of `<script setup>`. Returns a resolver safe to use

package/dist/runtime/fieldConfigs.d.ts

@@ -1,9 +1,17 @@
 export type ValidationTrigger = 'blur' | 'submit';
+/**
+ * Localized string payload from Statamic `translatable_input` / similar fieldtypes.
+ * Frontend expectation — not generated from the PHP addon.
+ */
 export type TranslatableInput = {
     handle: string;
     value: string | null;
 }[];
-/** Shared CMS field config keys present on most input fieldtypes. */
+/**
+ * Shared CMS field config keys present on most input fieldtypes.
+ * Shapes mirror what GraphQL `fields { config }` typically delivers after editors
+ * configure `teamnovu/formbuilder` fieldtypes — owned here as frontend contracts.
+ */
 export type BaseFieldConfig = {
     label?: string | TranslatableInput;
     hint?: string | TranslatableInput;
@@ -89,3 +97,26 @@ export type DisplayTextFieldConfig = {
     title?: TranslatableInput;
     text?: TranslatableInput;
 };
+/** Union of every known fieldtype `config` payload. */
+export type FormFieldConfig = BaseFieldConfig | InputTextFieldConfig | InputTextareaFieldConfig | InputEmailFieldConfig | InputPhoneFieldConfig | InputNumberFieldConfig | InputSelectFieldConfig | InputDateFieldConfig | InputSliderFieldConfig | InputCheckboxesFieldConfig | InputRadioButtonsFieldConfig | InputSwitchFieldConfig | InputFileUploadFieldConfig | DisplayTextFieldConfig;
+/**
+ * Map of Statamic field `type` → expected `config` object.
+ * Use when normalizing GraphQL payloads or building custom field renderers.
+ */
+export type FormFieldConfigByType = {
+    input_text: InputTextFieldConfig;
+    input_textarea: InputTextareaFieldConfig;
+    input_email: InputEmailFieldConfig;
+    input_phone: InputPhoneFieldConfig;
+    input_number: InputNumberFieldConfig;
+    input_select: InputSelectFieldConfig;
+    input_date: InputDateFieldConfig;
+    input_daterange: InputDateFieldConfig;
+    input_slider: InputSliderFieldConfig;
+    input_checkboxes: InputCheckboxesFieldConfig;
+    input_radio_buttons: InputRadioButtonsFieldConfig;
+    input_switch: InputSwitchFieldConfig;
+    input_file_upload: InputFileUploadFieldConfig;
+    display_text: DisplayTextFieldConfig;
+    spacer: BaseFieldConfig;
+};

package/dist/runtime/fieldProps.d.ts

@@ -0,0 +1,41 @@
+import type { BaseFieldConfig, DisplayTextFieldConfig, FormFieldConfig, InputCheckboxesFieldConfig, InputDateFieldConfig, InputEmailFieldConfig, InputFileUploadFieldConfig, InputNumberFieldConfig, InputPhoneFieldConfig, InputRadioButtonsFieldConfig, InputSelectFieldConfig, InputSliderFieldConfig, InputSwitchFieldConfig, InputTextFieldConfig, InputTextareaFieldConfig } from './fieldConfigs.js';
+import type { FormBuilderStyleConfig } from './styleConfig.js';
+import type { DefaultInputField } from './types.js';
+/**
+ * Props `StatamicFormBuilderFields` binds onto every registered field component.
+ *
+ * - `TConfig` — frontend-expected CMS field config (see `fieldConfigs.ts`)
+ * - `TStyle` — presentation tokens; defaults to `FormBuilderStyleConfig`
+ *   (augmented by the UI adapter)
+ */
+export type FormFieldComponentProps<TConfig extends FormFieldConfig = FormFieldConfig, TStyle extends FormBuilderStyleConfig = FormBuilderStyleConfig> = {
+    config?: TConfig;
+    styleConfig: TStyle;
+    input: DefaultInputField;
+    error?: string | null;
+};
+export type FormFieldTextProps<TStyle extends FormBuilderStyleConfig = FormBuilderStyleConfig> = FormFieldComponentProps<InputTextFieldConfig, TStyle>;
+export type FormFieldTextareaProps<TStyle extends FormBuilderStyleConfig = FormBuilderStyleConfig> = FormFieldComponentProps<InputTextareaFieldConfig, TStyle>;
+export type FormFieldEmailProps<TStyle extends FormBuilderStyleConfig = FormBuilderStyleConfig> = FormFieldComponentProps<InputEmailFieldConfig, TStyle>;
+export type FormFieldPhoneProps<TStyle extends FormBuilderStyleConfig = FormBuilderStyleConfig> = FormFieldComponentProps<InputPhoneFieldConfig, TStyle>;
+export type FormFieldNumberProps<TStyle extends FormBuilderStyleConfig = FormBuilderStyleConfig> = FormFieldComponentProps<InputNumberFieldConfig, TStyle>;
+export type FormFieldSelectProps<TStyle extends FormBuilderStyleConfig = FormBuilderStyleConfig> = FormFieldComponentProps<InputSelectFieldConfig, TStyle>;
+export type FormFieldDateProps<TStyle extends FormBuilderStyleConfig = FormBuilderStyleConfig> = FormFieldComponentProps<InputDateFieldConfig, TStyle> & {
+    /** Set by StatamicFormBuilderFields for `input_daterange`. */
+    isRange?: boolean;
+};
+export type FormFieldSliderProps<TStyle extends FormBuilderStyleConfig = FormBuilderStyleConfig> = FormFieldComponentProps<InputSliderFieldConfig, TStyle>;
+export type FormFieldCheckboxesProps<TStyle extends FormBuilderStyleConfig = FormBuilderStyleConfig> = FormFieldComponentProps<InputCheckboxesFieldConfig, TStyle>;
+export type FormFieldRadioButtonsProps<TStyle extends FormBuilderStyleConfig = FormBuilderStyleConfig> = FormFieldComponentProps<InputRadioButtonsFieldConfig, TStyle>;
+export type FormFieldSwitchProps<TStyle extends FormBuilderStyleConfig = FormBuilderStyleConfig> = FormFieldComponentProps<InputSwitchFieldConfig, TStyle>;
+export type FormFieldFileUploadProps<TStyle extends FormBuilderStyleConfig = FormBuilderStyleConfig> = FormFieldComponentProps<InputFileUploadFieldConfig, TStyle>;
+/** Display-only field — no input binding required by the renderer. */
+export type FormFieldDisplayTextProps = {
+    config?: DisplayTextFieldConfig;
+};
+/** Shared wrapper props used by UI layout shells (label / hint / help). */
+export type FormFieldShellProps<TStyle extends FormBuilderStyleConfig = FormBuilderStyleConfig> = {
+    config?: BaseFieldConfig;
+    styleConfig: TStyle;
+    input: DefaultInputField;
+};

package/dist/runtime/locales/it.json

@@ -0,0 +1,29 @@
+{
+  "form": {
+    "user_feedback": {
+      "error": {
+        "title": "Errore"
+      },
+      "field_invalid": "Nessun campo è compilato. | Il campo {fields} non è valido. | I {count} campi {fields} non sono validi.",
+      "field_validation": {
+        "email": "Indirizzo e-mail non valido",
+        "invalid_format": "Formato non valido",
+        "max_items": "Massimo {n} elementi",
+        "max_number": "Deve essere al massimo {n}",
+        "max_value": "Deve essere al massimo {n}",
+        "maxlength_characters": "Deve contenere al massimo {n} caratteri",
+        "min_items": "Minimo {n} elementi",
+        "min_number": "Deve essere almeno {n}",
+        "min_value": "Deve essere almeno {n}",
+        "minlength_characters": "Deve contenere almeno {n} caratteri",
+        "required": "Questo campo è obbligatorio",
+        "phone": "Numero di telefono non valido",
+        "max_filesize": "La dimensione del file non deve superare {n} KB",
+        "max_files": "È possibile caricare al massimo {n} file | È possibile caricare al massimo {n} file"
+      },
+      "success": {
+        "title": "Successo"
+      }
+    }
+  }
+}

package/dist/runtime/styleConfig.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Presentation tokens forwarded by core into UI field components.
+ *
+ * Empty by default — not part of the CMS GraphQL payload. UI adapters
+ * (e.g. `@teamnovu/nuxt-statamic-formbuilder-nuxt-ui`) augment this interface
+ * so host apps get typed `:style-config` on `StatamicFormBuilder`.
+ *
+ * @example Augment from a UI adapter
+ * ```ts
+ * declare module '@teamnovu/nuxt-statamic-formbuilder/runtime/styleConfig' {
+ *   interface FormBuilderStyleConfig {
+ *     color?: string
+ *     variant?: string
+ *   }
+ * }
+ * ```
+ */
+export interface FormBuilderStyleConfig {
+}

package/dist/runtime/styles/form-builder.css

@@ -1 +1 @@
-@source "../**/*.{vue,js,ts}";
+@source "../app/**/*.{vue,js,ts}";

package/dist/runtime/types.d.ts

@@ -1,4 +1,5 @@
-export type { ValidationTrigger, TranslatableInput, BaseFieldConfig, FormFieldOption, InputTextFieldConfig, InputTextareaFieldConfig, InputEmailFieldConfig, InputPhoneFieldConfig, InputNumberFieldConfig, InputSelectFieldConfig, InputDateFieldConfig, InputSliderFieldConfig, InputCheckboxesFieldConfig, InputRadioButtonsFieldConfig, InputSwitchFieldConfig, InputFileUploadFieldConfig, DisplayTextFieldConfig, } from './fieldConfigs.js';
+export type { ValidationTrigger, TranslatableInput, BaseFieldConfig, FormFieldOption, InputTextFieldConfig, InputTextareaFieldConfig, InputEmailFieldConfig, InputPhoneFieldConfig, InputNumberFieldConfig, InputSelectFieldConfig, InputDateFieldConfig, InputSliderFieldConfig, InputCheckboxesFieldConfig, InputRadioButtonsFieldConfig, InputSwitchFieldConfig, InputFileUploadFieldConfig, DisplayTextFieldConfig, FormFieldConfig, FormFieldConfigByType, } from './fieldConfigs.js';
+export type { FormBuilderStyleConfig } from './styleConfig.js';
 import type { BaseFieldConfig, DisplayTextFieldConfig, InputCheckboxesFieldConfig, InputDateFieldConfig, InputEmailFieldConfig, InputFileUploadFieldConfig, InputNumberFieldConfig, InputPhoneFieldConfig, InputRadioButtonsFieldConfig, InputSelectFieldConfig, InputSliderFieldConfig, InputSwitchFieldConfig, InputTextFieldConfig, InputTextareaFieldConfig } from './fieldConfigs.js';
 /** Shared field metadata from Statamic (all field types). */
 export type FormBuilderFieldBase = {
@@ -6,8 +7,6 @@ export type FormBuilderFieldBase = {
     display: string | null;
     width: number;
     instructions: string | null;
-    /** UI-layer specific style hints (typed by the UI package). */
-    styleConfig?: Record<string, unknown>;
     if?: Record<string, string> | null;
     unless?: Record<string, string> | null;
     prefix?: string;
@@ -123,4 +122,5 @@ export type UseFormBuilderOptions = {
     serverUrl?: string;
     submitter?: FormBuilderSubmitter;
 };
+export type { FormFieldComponentProps, FormFieldTextProps, FormFieldTextareaProps, FormFieldEmailProps, FormFieldPhoneProps, FormFieldNumberProps, FormFieldSelectProps, FormFieldDateProps, FormFieldSliderProps, FormFieldCheckboxesProps, FormFieldRadioButtonsProps, FormFieldSwitchProps, FormFieldFileUploadProps, FormFieldDisplayTextProps, FormFieldShellProps, } from './fieldProps.js';
 export { formBuilderStateKey } from './injectionKeys.js';

package/dist/types.d.mts

@@ -1,4 +1,4 @@
-export { type BaseFieldConfig, type DefaultInputField, type DisplayTextFieldConfig, type FormBuilderConfiguration, type FormBuilderField, type FormBuilderFieldBase, type FormBuilderFieldType, type FormBuilderRequestState, type FormBuilderSubmitter, type FormBuilderTexts, type FormFieldOption, type InputCheckboxesFieldConfig, type InputDateFieldConfig, type InputEmailFieldConfig, type InputFileUploadFieldConfig, type InputFormBuilderField, type InputNumberFieldConfig, type InputPhoneFieldConfig, type InputRadioButtonsFieldConfig, type InputRules, type InputSelectFieldConfig, type InputSliderFieldConfig, type InputSwitchFieldConfig, type InputTextFieldConfig, type InputTextareaFieldConfig, type TranslatableInput, type UseFormBuilderOptions, type ValidationTrigger, type defaultInputField, type formBuilderStateKey, type isDisplayOrSpacerField, type isFileUploadField, type isInputField, type isMultiValueField } from '../dist/runtime/types.js'
+export { type BaseFieldConfig, type DefaultInputField, type DisplayTextFieldConfig, type FormBuilderConfiguration, type FormBuilderField, type FormBuilderFieldBase, type FormBuilderFieldType, type FormBuilderRequestState, type FormBuilderStyleConfig, type FormBuilderSubmitter, type FormBuilderTexts, type FormFieldCheckboxesProps, type FormFieldComponentProps, type FormFieldConfig, type FormFieldConfigByType, type FormFieldDateProps, type FormFieldDisplayTextProps, type FormFieldEmailProps, type FormFieldFileUploadProps, type FormFieldNumberProps, type FormFieldOption, type FormFieldPhoneProps, type FormFieldRadioButtonsProps, type FormFieldSelectProps, type FormFieldShellProps, type FormFieldSliderProps, type FormFieldSwitchProps, type FormFieldTextProps, type FormFieldTextareaProps, type InputCheckboxesFieldConfig, type InputDateFieldConfig, type InputEmailFieldConfig, type InputFileUploadFieldConfig, type InputFormBuilderField, type InputNumberFieldConfig, type InputPhoneFieldConfig, type InputRadioButtonsFieldConfig, type InputRules, type InputSelectFieldConfig, type InputSliderFieldConfig, type InputSwitchFieldConfig, type InputTextFieldConfig, type InputTextareaFieldConfig, type TranslatableInput, type UseFormBuilderOptions, type ValidationTrigger, type defaultInputField, type formBuilderStateKey, type isDisplayOrSpacerField, type isFileUploadField, type isInputField, type isMultiValueField } from '../dist/runtime/types.js'
 
 export { default } from './module.mjs'
 

package/package.json

@@ -1,8 +1,17 @@
 {
   "name": "@teamnovu/nuxt-statamic-formbuilder",
-  "version": "0.1.0",
+  "version": "1.0.0",
   "description": "Headless Nuxt form builder with Statamic submit adapter",
   "license": "MIT",
+  "homepage": "https://github.com/teamnovu/nuxt-statamic-formbuilder#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/teamnovu/nuxt-statamic-formbuilder.git",
+    "directory": "packages/core"
+  },
+  "bugs": {
+    "url": "https://github.com/teamnovu/nuxt-statamic-formbuilder/issues"
+  },
   "type": "module",
   "exports": {
     ".": {
@@ -18,9 +27,25 @@
       "types": "./dist/runtime/types.d.ts",
       "import": "./dist/runtime/types.js"
     },
+    "./runtime/styleConfig": {
+      "types": "./dist/runtime/styleConfig.d.ts",
+      "import": "./dist/runtime/styleConfig.js"
+    },
+    "./runtime/app/composables/*": {
+      "types": "./dist/runtime/app/composables/*.d.ts",
+      "import": "./dist/runtime/app/composables/*"
+    },
+    "./runtime/app/components/*": {
+      "types": "./dist/runtime/app/components/*.d.ts",
+      "import": "./dist/runtime/app/components/*"
+    },
     "./runtime/composables/*": {
-      "types": "./dist/runtime/composables/*.d.ts",
-      "import": "./dist/runtime/composables/*"
+      "types": "./dist/runtime/app/composables/*.d.ts",
+      "import": "./dist/runtime/app/composables/*"
+    },
+    "./runtime/components/*": {
+      "types": "./dist/runtime/app/components/*.d.ts",
+      "import": "./dist/runtime/app/components/*"
     }
   },
   "main": "./dist/module.mjs",
@@ -39,6 +64,7 @@
   },
   "dependencies": {
     "@nuxt/kit": "^4.3.1",
+    "defu": "^6.1.7",
     "valibot": "^1.2.0"
   },
   "peerDependencies": {

package/dist/runtime/components/FormBuilderFields.d.vue.ts

@@ -1,34 +0,0 @@
-import type { FormBuilderConfiguration, FormBuilderField } from '../types.js';
-type __VLS_Props = {
-    form: FormBuilderConfiguration;
-    fields: Array<FormBuilderField>;
-    error?: Record<string, unknown>;
-    styleConfig?: Record<string, unknown>;
-    validationErrors?: Record<string, string | undefined>;
-};
-declare var __VLS_2: string, __VLS_3: {
-    field: FormBuilderField;
-    config: import("../fieldConfigs.js").BaseFieldConfig | import("../fieldConfigs.js").InputTextFieldConfig | import("../fieldConfigs.js").InputTextareaFieldConfig | import("../fieldConfigs.js").InputEmailFieldConfig | import("../fieldConfigs.js").InputPhoneFieldConfig | import("../fieldConfigs.js").InputNumberFieldConfig | import("../fieldConfigs.js").InputSelectFieldConfig | import("../fieldConfigs.js").InputDateFieldConfig | import("../fieldConfigs.js").InputSliderFieldConfig | import("../fieldConfigs.js").InputCheckboxesFieldConfig | import("../fieldConfigs.js").InputRadioButtonsFieldConfig | import("../fieldConfigs.js").InputSwitchFieldConfig | import("../fieldConfigs.js").InputFileUploadFieldConfig | import("../fieldConfigs.js").DisplayTextFieldConfig;
-    styleConfig: Record<string, unknown>;
-    input: {
-        name: string;
-        id: string;
-        ariaLabel: string;
-        rules: {
-            required: boolean | undefined;
-        };
-    };
-    error: {} | null;
-};
-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;
-    };
-};

package/dist/runtime/components/FormBuilderFields.vue.d.ts

@@ -1,34 +0,0 @@
-import type { FormBuilderConfiguration, FormBuilderField } from '../types.js';
-type __VLS_Props = {
-    form: FormBuilderConfiguration;
-    fields: Array<FormBuilderField>;
-    error?: Record<string, unknown>;
-    styleConfig?: Record<string, unknown>;
-    validationErrors?: Record<string, string | undefined>;
-};
-declare var __VLS_2: string, __VLS_3: {
-    field: FormBuilderField;
-    config: import("../fieldConfigs.js").BaseFieldConfig | import("../fieldConfigs.js").InputTextFieldConfig | import("../fieldConfigs.js").InputTextareaFieldConfig | import("../fieldConfigs.js").InputEmailFieldConfig | import("../fieldConfigs.js").InputPhoneFieldConfig | import("../fieldConfigs.js").InputNumberFieldConfig | import("../fieldConfigs.js").InputSelectFieldConfig | import("../fieldConfigs.js").InputDateFieldConfig | import("../fieldConfigs.js").InputSliderFieldConfig | import("../fieldConfigs.js").InputCheckboxesFieldConfig | import("../fieldConfigs.js").InputRadioButtonsFieldConfig | import("../fieldConfigs.js").InputSwitchFieldConfig | import("../fieldConfigs.js").InputFileUploadFieldConfig | import("../fieldConfigs.js").DisplayTextFieldConfig;
-    styleConfig: Record<string, unknown>;
-    input: {
-        name: string;
-        id: string;
-        ariaLabel: string;
-        rules: {
-            required: boolean | undefined;
-        };
-    };
-    error: {} | null;
-};
-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;
-    };
-};