@prolibu-suite/cobalt-form-builder 0.2.0

package/dist/components/DesignerTab.vue.d.ts

@@ -0,0 +1,4 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=DesignerTab.vue.d.ts.map

package/dist/components/DesignerTab.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesignerTab.vue.d.ts","sourceRoot":"","sources":["../../src/components/DesignerTab.vue"],"names":[],"mappings":"AAuGA,QAAA,MAAM,YAAY,+QAChB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/EditableText.vue.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Inline-editable text. Click to focus, blur or Enter to commit.
+ *
+ * We use contenteditable on a span so layout doesn't shift between
+ * read/edit modes — switching to an <input> would jump the row height.
+ */
+type __VLS_Props = {
+    modelValue: string;
+    placeholder?: string;
+    multiline?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=EditableText.vue.d.ts.map

package/dist/components/EditableText.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableText.vue.d.ts","sourceRoot":"","sources":["../../src/components/EditableText.vue"],"names":[],"mappings":"AA+GA;;;;;GAKG;AACH,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAuGF,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/FieldCanvas.vue.d.ts

@@ -0,0 +1,4 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=FieldCanvas.vue.d.ts.map

package/dist/components/FieldCanvas.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldCanvas.vue.d.ts","sourceRoot":"","sources":["../../src/components/FieldCanvas.vue"],"names":[],"mappings":"AAydA,QAAA,MAAM,YAAY,+QAChB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/FieldCard.vue.d.ts

@@ -0,0 +1,9 @@
+type __VLS_Props = {
+    pageIdx: number;
+    fieldIdx: number;
+    fieldName: string;
+};
+declare const __VLS_export: 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 _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=FieldCard.vue.d.ts.map

package/dist/components/FieldCard.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldCard.vue.d.ts","sourceRoot":"","sources":["../../src/components/FieldCard.vue"],"names":[],"mappings":"AA2PA,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AA0OF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/FieldCardExpanded.vue.d.ts

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    pageIdx: number;
+    fieldName: string;
+};
+declare const __VLS_export: 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 _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=FieldCardExpanded.vue.d.ts.map

package/dist/components/FieldCardExpanded.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldCardExpanded.vue.d.ts","sourceRoot":"","sources":["../../src/components/FieldCardExpanded.vue"],"names":[],"mappings":"AA85BA,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AA8wCF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/FieldToolbox.vue.d.ts

@@ -0,0 +1,4 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=FieldToolbox.vue.d.ts.map

package/dist/components/FieldToolbox.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldToolbox.vue.d.ts","sourceRoot":"","sources":["../../src/components/FieldToolbox.vue"],"names":[],"mappings":"AAqfA,QAAA,MAAM,YAAY,+QAChB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/JsonTab.vue.d.ts

@@ -0,0 +1,4 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=JsonTab.vue.d.ts.map

package/dist/components/JsonTab.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JsonTab.vue.d.ts","sourceRoot":"","sources":["../../src/components/JsonTab.vue"],"names":[],"mappings":"AA8NA,QAAA,MAAM,YAAY,+QAChB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/PageCard.vue.d.ts

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    pageIdx: number;
+};
+declare const __VLS_export: 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 _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=PageCard.vue.d.ts.map

package/dist/components/PageCard.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageCard.vue.d.ts","sourceRoot":"","sources":["../../src/components/PageCard.vue"],"names":[],"mappings":"AAiUA,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAoUF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/PreviewTab.vue.d.ts

@@ -0,0 +1,4 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=PreviewTab.vue.d.ts.map

package/dist/components/PreviewTab.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewTab.vue.d.ts","sourceRoot":"","sources":["../../src/components/PreviewTab.vue"],"names":[],"mappings":"AAoTA,QAAA,MAAM,YAAY,+QAChB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/PropertiesPanel.vue.d.ts

@@ -0,0 +1,4 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=PropertiesPanel.vue.d.ts.map

package/dist/components/PropertiesPanel.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertiesPanel.vue.d.ts","sourceRoot":"","sources":["../../src/components/PropertiesPanel.vue"],"names":[],"mappings":"AAmsEA,QAAA,MAAM,YAAY,+QAChB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/fieldCatalog.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Catalog of field types the builder can insert. Each entry pairs a Cobalt
+ * FieldKind (or composite `uiCom`) with a human label, group, search aliases,
+ * and a Phosphor icon name rendered by <co-icon>.
+ */
+export interface FieldCatalogEntry {
+    id: string;
+    label: string;
+    group: 'inputs' | 'choices' | 'advanced' | 'layout';
+    /** Extra terms the search matches against. */
+    aliases?: string[];
+    /** Phosphor icon name (used by <co-icon name="..." />). */
+    icon: string;
+}
+export declare const FIELD_CATALOG: FieldCatalogEntry[];
+export declare const GROUP_LABELS: Record<FieldCatalogEntry['group'], string>;
+//# sourceMappingURL=fieldCatalog.d.ts.map

package/dist/fieldCatalog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldCatalog.d.ts","sourceRoot":"","sources":["../src/fieldCatalog.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,QAAQ,GAAG,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAC;IACpD,8CAA8C;IAC9C,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,2DAA2D;IAC3D,IAAI,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,aAAa,EAAE,iBAAiB,EAoB5C,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,iBAAiB,CAAC,OAAO,CAAC,EAAE,MAAM,CAKnE,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Library entry point for `@prolibu-suite/cobalt-form-builder`.
+ *
+ * Consumers (e.g. suite-v2) install the package and mount the builder
+ * inside their own Vue 3 app:
+ *
+ *   ```vue
+ *   <script setup>
+ *   import { CobaltFormBuilder } from '@prolibu-suite/cobalt-form-builder';
+ *   import '@prolibu-suite/cobalt-form-builder/style.css';
+ *   // Required peer setup (tokens + custom elements registration):
+ *   import '@prolibu-suite/cobalt-tokens/css';
+ *   const schema = ref({});
+ *   </script>
+ *
+ *   <template>
+ *     <CobaltFormBuilder v-model="schema" @save="save" />
+ *   </template>
+ *   ```
+ *
+ * The component handles its own Pinia store internally. **V1 limitation**:
+ * the store is a singleton, so only one `<CobaltFormBuilder>` can be
+ * mounted on a page at a time (multi-instance support comes in Fase 2 via
+ * provide/inject scoping).
+ */
+import './style.css';
+export { default as CobaltFormBuilder } from './CobaltFormBuilder.vue';
+export type { PagedSchema, PageDefinition, ResolvedTheme, ThemeSpec, } from '@prolibu-suite/cobalt-form-core';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAIvE,YAAY,EACV,WAAW,EACX,cAAc,EACd,aAAa,EACb,SAAS,GACV,MAAM,iCAAiC,CAAC"}

package/dist/stores/schema.d.ts

@@ -0,0 +1,193 @@
+import { type InjectionKey } from 'vue';
+import { type ThemeSpec } from '@prolibu-suite/cobalt-form-core';
+/**
+ * Internal model for the builder. We always work with the paged shape so
+ * the UI can render pages as containers à la SurveyJS, even when the user
+ * only has one page.
+ */
+interface BuilderPage {
+    name: string;
+    title?: string;
+    description?: string;
+    visibleIf?: string;
+    hideTitle?: boolean;
+    hideDescription?: boolean;
+    fields: Record<string, any>;
+}
+interface BuilderSchema {
+    title: string;
+    description: string;
+    mode: 'form' | 'quiz' | 'survey';
+    pages: BuilderPage[];
+    theme: ThemeSpec;
+}
+/**
+ * Selection has three scopes, each editing a different layer of the schema:
+ *  - `form`  → global form-level settings (theme, title, mode).
+ *  - `page`  → page-level (id, visibleIf, etc.). pageIdx points at it.
+ *  - `field` → field inside the current page. fieldName is the key.
+ */
+export interface Selection {
+    kind: 'form' | 'page' | 'field';
+    pageIdx: number;
+    fieldName: string | null;
+}
+/**
+ * Granular events the store emits on mutations. `CobaltFormBuilder` bridges
+ * them to Vue emits so host apps can react to specific actions (e.g. track
+ * analytics when a field is added).
+ */
+export type SchemaEvent = {
+    type: 'field-added';
+    pageIdx: number;
+    fieldName: string;
+    kind: string;
+} | {
+    type: 'field-removed';
+    pageIdx: number;
+    fieldName: string;
+} | {
+    type: 'field-renamed';
+    pageIdx: number;
+    oldName: string;
+    newName: string;
+} | {
+    type: 'field-updated';
+    pageIdx: number;
+    fieldName: string;
+    patch: Record<string, any>;
+} | {
+    type: 'field-duplicated';
+    pageIdx: number;
+    sourceName: string;
+    newName: string;
+} | {
+    type: 'field-reordered';
+    pageIdx: number;
+    order: string[];
+} | {
+    type: 'page-added';
+    pageIdx: number;
+} | {
+    type: 'page-removed';
+    pageIdx: number;
+} | {
+    type: 'page-duplicated';
+    sourceIdx: number;
+    newIdx: number;
+} | {
+    type: 'page-updated';
+    pageIdx: number;
+    patch: Record<string, any>;
+} | {
+    type: 'theme-changed';
+    theme: ThemeSpec;
+} | {
+    type: 'selection-changed';
+    selection: Selection;
+} | {
+    type: 'schema-replaced';
+} | {
+    type: 'undo';
+} | {
+    type: 'redo';
+};
+export declare const FIELD_DEFAULTS: Record<string, () => Record<string, any>>;
+export interface SchemaStoreOptions {
+    /** Schema to hydrate the builder with on creation. */
+    initialSchema?: Record<string, any>;
+    /** Bag of typed events the host can listen to (in addition to v-model). */
+    onEvent?: (event: SchemaEvent) => void;
+}
+/**
+ * Create an independent schema-store instance. Each `<CobaltFormBuilder>`
+ * mounts its own store and provides it via `SCHEMA_STORE_KEY` so child
+ * components inject it without sharing state across instances.
+ *
+ * Returned shape matches the public composable API the components used
+ * before (data, selection, methods) — no Pinia involved.
+ */
+export declare function createSchemaStore(options?: SchemaStoreOptions): {
+    data: {
+        title: string;
+        description: string;
+        mode: "form" | "quiz" | "survey";
+        pages: {
+            name: string;
+            title?: string | undefined;
+            description?: string | undefined;
+            visibleIf?: string | undefined;
+            hideTitle?: boolean | undefined;
+            hideDescription?: boolean | undefined;
+            fields: Record<string, any>;
+        }[];
+        theme: {
+            colorScheme?: import("@prolibu-suite/cobalt-form-core").ColorScheme | undefined;
+            accent?: import("@prolibu-suite/cobalt-form-core").AccentPreset | undefined;
+            accentHex?: string | undefined;
+            questionAppearance?: import("@prolibu-suite/cobalt-form-core").QuestionAppearance | undefined;
+            density?: import("@prolibu-suite/cobalt-form-core").Density | undefined;
+            borderRadius?: import("@prolibu-suite/cobalt-form-core").BorderRadius | undefined;
+            background?: {
+                color?: string | null | undefined;
+                imageUrl?: string | null | undefined;
+                imageSize?: import("@prolibu-suite/cobalt-form-core").BackgroundSize | undefined;
+                imageAttachment?: import("@prolibu-suite/cobalt-form-core").BackgroundAttachment | undefined;
+                opacity?: number | undefined;
+            } | undefined;
+            header?: {
+                show?: boolean | undefined;
+                backgroundColor?: string | null | undefined;
+                height?: string | null | undefined;
+            } | undefined;
+            fontFamily?: string | undefined;
+            customCss?: string | undefined;
+        };
+    };
+    selection: {
+        kind: "form" | "page" | "field";
+        pageIdx: number;
+        fieldName: string | null;
+    };
+    currentPage: BuilderPage | null;
+    selectedField: any;
+    canUndo: boolean;
+    canRedo: boolean;
+    exported: Record<string, any>;
+    resolvedTheme: import("@prolibu-suite/cobalt-form-core").ResolvedTheme;
+    selectField: (pageIdx: number, fieldName: string | null) => void;
+    selectPage: (pageIdx: number) => void;
+    selectForm: () => void;
+    undo: () => void;
+    redo: () => void;
+    setTitle: (title: string) => void;
+    setDescription: (description: string) => void;
+    setMode: (mode: BuilderSchema["mode"]) => void;
+    setTheme: (patch: Partial<ThemeSpec>) => void;
+    setThemeSection: (section: "background" | "header", patch: Record<string, any>) => void;
+    resetTheme: () => void;
+    addPage: () => void;
+    removePage: (idx: number) => void;
+    duplicatePage: (idx: number) => void;
+    updatePage: (idx: number, patch: Partial<BuilderPage>) => void;
+    addField: (kind: string, pageIdx?: number) => void;
+    insertFieldAfter: (pageIdx: number, refName: string, kind: string) => void;
+    removeField: (pageIdx: number, name: string) => void;
+    duplicateField: (pageIdx: number, name: string) => void;
+    updateField: (pageIdx: number, name: string, patch: Record<string, any>) => void;
+    replaceFieldDef: (pageIdx: number, name: string, newDef: Record<string, any>) => void;
+    renameField: (pageIdx: number, oldName: string, newName: string) => void;
+    moveField: (pageIdx: number, fromIdx: number, toIdx: number) => void;
+    reorderFieldsByNames: (pageIdx: number, names: string[]) => void;
+    replaceAll: (raw: any) => void;
+};
+export type SchemaStore = ReturnType<typeof createSchemaStore>;
+export declare const SCHEMA_STORE_KEY: InjectionKey<SchemaStore>;
+/**
+ * Inject the schema store provided by an ancestor `<CobaltFormBuilder>`.
+ * Throws if called outside one — that's almost always a bug worth surfacing
+ * loudly rather than silently returning an unrelated singleton.
+ */
+export declare function useSchemaStore(): SchemaStore;
+export {};
+//# sourceMappingURL=schema.d.ts.map

package/dist/stores/schema.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../src/stores/schema.ts"],"names":[],"mappings":"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"}

package/examples/01-contact-form.json

@@ -0,0 +1,36 @@
+{
+  "name": {
+    "type": "String",
+    "required": true,
+    "label": "Nombre completo",
+    "placeholder": "Ej. María González",
+    "full": true,
+    "minLength": 2
+  },
+  "email": {
+    "type": "String",
+    "required": true,
+    "format": "email",
+    "label": "Email",
+    "placeholder": "tu@ejemplo.com"
+  },
+  "phone": {
+    "type": "String",
+    "label": "Teléfono",
+    "placeholder": "+57 300 123 4567"
+  },
+  "message": {
+    "type": "String",
+    "uiCom": "TextArea",
+    "label": "Mensaje",
+    "placeholder": "Cuéntanos en qué podemos ayudarte",
+    "full": true,
+    "maxLength": 500
+  },
+  "newsletter": {
+    "type": "Boolean",
+    "label": "Suscribirme al newsletter",
+    "default": true,
+    "full": true
+  }
+}

package/examples/02-nps-survey.json

@@ -0,0 +1,59 @@
+{
+  "title": "Encuesta de Satisfacción",
+  "description": "Tu opinión nos ayuda a mejorar",
+  "mode": "survey",
+  "pages": [
+    {
+      "name": "rating",
+      "title": "¿Cómo nos calificas?",
+      "fields": {
+        "nps_score": {
+          "type": "Number",
+          "uiCom": "Rating",
+          "max": 10,
+          "label": "¿Qué tan probable es que nos recomiendes? (0-10)",
+          "required": true,
+          "full": true
+        }
+      }
+    },
+    {
+      "name": "detractor",
+      "title": "Cuéntanos más",
+      "visibleIf": "{nps_score} < 7",
+      "fields": {
+        "problem": {
+          "type": "String",
+          "uiCom": "TextArea",
+          "label": "¿Qué podríamos mejorar?",
+          "required": true,
+          "full": true,
+          "minLength": 10
+        },
+        "contact_back": {
+          "type": "Boolean",
+          "label": "Me gustaría que me contacten",
+          "full": true
+        }
+      }
+    },
+    {
+      "name": "promoter",
+      "title": "¡Gracias!",
+      "visibleIf": "{nps_score} >= 9",
+      "fields": {
+        "highlight": {
+          "type": "String",
+          "enum": ["Velocidad", "Diseño", "Soporte", "Precio", "Funcionalidades"],
+          "label": "¿Qué es lo que más te gusta?",
+          "full": true
+        },
+        "share": {
+          "type": "Boolean",
+          "label": "Compartir mi testimonio públicamente",
+          "full": true
+        }
+      }
+    }
+  ]
+}

package/examples/03-quiz-vue3.json

@@ -0,0 +1,59 @@
+{
+  "title": "Quiz: Vue 3 Fundamentals",
+  "mode": "quiz",
+  "pages": [
+    {
+      "name": "p1",
+      "title": "Composition API",
+      "fields": {
+        "q1_reactive": {
+          "type": "String",
+          "enum": ["ref()", "reactive()", "computed()", "watch()"],
+          "label": "¿Cuál crea un proxy reactivo de un objeto?",
+          "required": true,
+          "full": true,
+          "quiz": { "correctAnswer": "reactive()", "points": 10 }
+        },
+        "q2_lifecycle": {
+          "type": "String",
+          "enum": ["onMounted", "onCreated", "onInit", "onBeforeRender"],
+          "label": "Hook que reemplaza a 'mounted' en Composition API",
+          "required": true,
+          "full": true,
+          "quiz": { "correctAnswer": "onMounted", "points": 10 }
+        }
+      }
+    },
+    {
+      "name": "p2",
+      "title": "Reactividad",
+      "fields": {
+        "q3_unwrap": {
+          "type": "Boolean",
+          "label": "Los refs se auto-unwrappean en el template",
+          "required": true,
+          "full": true,
+          "quiz": { "correctAnswer": true, "points": 10 }
+        },
+        "q4_features": {
+          "type": "String",
+          "enum": ["computed", "watch", "watchEffect", "v-for"],
+          "multiple": true,
+          "label": "¿Cuáles son parte del sistema de reactividad? (varias)",
+          "required": true,
+          "full": true,
+          "quiz": { "correctAnswer": ["computed", "watch", "watchEffect"], "points": 20 }
+        }
+      }
+    }
+  ],
+  "scoring": {
+    "showScore": true,
+    "passingScore": 70,
+    "feedbackRules": [
+      { "expression": "{_score} == 100", "message": "🎉 Perfecto — manejas Vue 3 al 100%" },
+      { "expression": "{_score} >= 70 && {_score} < 100", "message": "✅ Aprobado, pero hay espacio para repasar." },
+      { "expression": "{_score} < 70", "message": "📚 Te recomendamos repasar la documentación oficial." }
+    ]
+  }
+}

package/examples/04-event-registration.json

@@ -0,0 +1,100 @@
+{
+  "title": "Registro: DevConf 2026",
+  "description": "Únete a la conferencia de devs más grande del año",
+  "pages": [
+    {
+      "name": "personal",
+      "title": "Datos personales",
+      "fields": {
+        "full_name": {
+          "type": "String",
+          "required": true,
+          "label": "Nombre completo",
+          "full": true
+        },
+        "email": {
+          "type": "String",
+          "required": true,
+          "format": "email",
+          "label": "Email corporativo"
+        },
+        "role": {
+          "type": "String",
+          "enum": ["Frontend", "Backend", "Full-stack", "DevOps", "Manager", "Otro"],
+          "required": true,
+          "label": "Rol"
+        },
+        "experience": {
+          "type": "Number",
+          "uiCom": "Slider",
+          "min": 0,
+          "max": 20,
+          "step": 1,
+          "label": "Años de experiencia",
+          "full": true
+        }
+      }
+    },
+    {
+      "name": "preferences",
+      "title": "Preferencias",
+      "fields": {
+        "tracks": {
+          "type": "String",
+          "enum": ["AI/ML", "Frontend", "Backend", "Cloud", "Security", "Mobile"],
+          "multiple": true,
+          "label": "Tracks de interés (selecciona varios)",
+          "required": true,
+          "full": true
+        },
+        "satisfaction_last_year": {
+          "type": "Number",
+          "uiCom": "Rating",
+          "max": 5,
+          "label": "Si fuiste el año pasado, ¿cómo lo calificarías?",
+          "full": true
+        },
+        "dietary": {
+          "type": "String",
+          "uiCom": "TextArea",
+          "label": "Restricciones alimentarias",
+          "placeholder": "Vegetariano, gluten-free, alergias…",
+          "full": true
+        }
+      }
+    },
+    {
+      "name": "extras",
+      "title": "Extras",
+      "fields": {
+        "wants_swag": {
+          "type": "Boolean",
+          "label": "Quiero el kit de bienvenida",
+          "default": true,
+          "full": true
+        },
+        "swag_size": {
+          "type": "String",
+          "enum": ["XS", "S", "M", "L", "XL", "XXL"],
+          "label": "Talla de camiseta",
+          "visibleIf": "{wants_swag} == true",
+          "requiredIf": "{wants_swag} == true",
+          "full": true
+        },
+        "accent_color": {
+          "type": "String",
+          "uiCom": "ColorPicker",
+          "label": "Color favorito (para tu badge)",
+          "default": "#2563EB",
+          "full": true
+        },
+        "photo": {
+          "type": "String",
+          "uiCom": "File",
+          "label": "Foto de perfil (opcional)",
+          "full": true
+        }
+      }
+    }
+  ]
+}