@prolibu-suite/cobalt-form-builder 0.2.0

package/examples/05-themed-dark-form.json

@@ -0,0 +1,56 @@
+{
+  "title": "Solicitud Premium",
+  "description": "Acceso anticipado a features exclusivas",
+  "theme": {
+    "colorScheme": "dark",
+    "accent": "custom",
+    "accentHex": "#F32A73",
+    "borderRadius": "rounded",
+    "density": "comfortable",
+    "background": {
+      "color": "#0F1420",
+      "imageUrl": "https://images.unsplash.com/photo-1557683316-973673baf926?w=1920&q=80",
+      "imageSize": "cover",
+      "imageAttachment": "fixed",
+      "opacity": 100
+    }
+  },
+  "pages": [
+    {
+      "name": "main",
+      "title": "Cuéntanos sobre ti",
+      "fields": {
+        "name": {
+          "type": "String",
+          "required": true,
+          "label": "Nombre",
+          "full": true
+        },
+        "email": {
+          "type": "String",
+          "required": true,
+          "format": "email",
+          "label": "Email"
+        },
+        "company": {
+          "type": "String",
+          "label": "Empresa"
+        },
+        "use_case": {
+          "type": "String",
+          "uiCom": "TextArea",
+          "label": "¿Para qué planeas usarlo?",
+          "required": true,
+          "full": true,
+          "minLength": 20
+        },
+        "team_size": {
+          "type": "String",
+          "enum": ["1-5", "6-20", "21-100", "100+"],
+          "label": "Tamaño del equipo",
+          "full": true
+        }
+      }
+    }
+  ]
+}

package/examples/06-culture-survey.json

@@ -0,0 +1,99 @@
+{
+  "title": "Auditoría de cultura organizacional",
+  "description": "Anónima · 5 min · resultados a tu equipo",
+  "pages": [
+    {
+      "name": "context",
+      "title": "Contexto",
+      "fields": {
+        "intro_section": {
+          "uiCom": "Section",
+          "label": "Sobre ti",
+          "helperText": "Tu rol y tiempo en la empresa nos ayudan a segmentar.",
+          "full": true
+        },
+        "department": {
+          "type": "String",
+          "enum": ["Engineering", "Product", "Design", "Sales", "Marketing", "Ops", "Otro"],
+          "label": "Departamento",
+          "required": true
+        },
+        "tenure": {
+          "type": "String",
+          "enum": ["<1 año", "1-3 años", "3-5 años", "5+ años"],
+          "label": "Antigüedad",
+          "required": true
+        }
+      }
+    },
+    {
+      "name": "ratings",
+      "title": "Califica tu experiencia",
+      "fields": {
+        "wellbeing_section": {
+          "uiCom": "Section",
+          "label": "Bienestar",
+          "full": true
+        },
+        "work_life_balance": {
+          "type": "Number",
+          "uiCom": "Rating",
+          "max": 5,
+          "label": "Balance vida-trabajo",
+          "full": true
+        },
+        "team_section": {
+          "uiCom": "Section",
+          "label": "Equipo y manager",
+          "full": true
+        },
+        "manager_trust": {
+          "type": "Number",
+          "uiCom": "Rating",
+          "max": 5,
+          "label": "Confianza en tu manager",
+          "full": true
+        },
+        "team_psychological_safety": {
+          "type": "Number",
+          "uiCom": "Rating",
+          "max": 5,
+          "label": "Te sientes seguro/a expresando opiniones",
+          "full": true
+        },
+        "growth_section": {
+          "uiCom": "Section",
+          "label": "Crecimiento",
+          "full": true
+        },
+        "career_growth": {
+          "type": "Number",
+          "uiCom": "Slider",
+          "min": 0,
+          "max": 100,
+          "step": 5,
+          "label": "Oportunidades de crecimiento (0=ninguna, 100=excelentes)",
+          "full": true
+        }
+      }
+    },
+    {
+      "name": "open",
+      "title": "Comentarios abiertos",
+      "fields": {
+        "best": {
+          "type": "String",
+          "uiCom": "TextArea",
+          "label": "¿Qué es lo MEJOR de trabajar aquí?",
+          "full": true
+        },
+        "worst": {
+          "type": "String",
+          "uiCom": "TextArea",
+          "label": "¿Qué cambiarías si pudieras?",
+          "full": true
+        }
+      }
+    }
+  ]
+}

package/examples/07-crm-quotation.json

@@ -0,0 +1,70 @@
+{
+  "title": "Crear cotización",
+  "pages": [
+    {
+      "name": "main",
+      "title": "Información general",
+      "fields": {
+        "title": {
+          "type": "String",
+          "required": true,
+          "label": "Título de la cotización",
+          "full": true,
+          "placeholder": "Renovación licencia 2026"
+        },
+        "contact": {
+          "type": "ObjectId",
+          "ref": "Contact",
+          "displayName": "name",
+          "label": "Contacto principal",
+          "required": true
+        },
+        "company": {
+          "type": "ObjectId",
+          "ref": "Company",
+          "displayName": "name",
+          "label": "Empresa",
+          "required": true
+        },
+        "owner": {
+          "type": "ObjectId",
+          "ref": "User",
+          "displayName": "email",
+          "label": "Responsable interno"
+        },
+        "currency": {
+          "type": "String",
+          "enum": ["USD", "COP", "MXN", "EUR"],
+          "label": "Moneda",
+          "default": "USD"
+        },
+        "valid_until": {
+          "type": "Date",
+          "required": true,
+          "label": "Válida hasta"
+        },
+        "notes": {
+          "type": "String",
+          "uiCom": "TextArea",
+          "label": "Notas internas",
+          "full": true,
+          "placeholder": "Condiciones especiales, descuentos negociados…"
+        },
+        "send_copy": {
+          "type": "Boolean",
+          "label": "Enviar copia al cliente",
+          "default": true,
+          "full": true
+        },
+        "client_email": {
+          "type": "String",
+          "format": "email",
+          "label": "Email del cliente",
+          "visibleIf": "{send_copy} == true",
+          "requiredIf": "{send_copy} == true",
+          "full": true
+        }
+      }
+    }
+  ]
+}

package/examples/08-landing-page-embed.json

@@ -0,0 +1,142 @@
+{
+  "title": "Solicita acceso anticipado",
+  "description": "Únete a la lista de espera y sé de los primeros en probarlo",
+  "mode": "form",
+  "theme": {
+    "colorScheme": "light",
+    "accent": "custom",
+    "accentHex": "#7C3AED",
+    "borderRadius": "rounded",
+    "density": "comfortable",
+    "fontFamily": "Inter, system-ui, sans-serif",
+    "background": {
+      "color": "#FAF7F2",
+      "imageUrl": "https://images.unsplash.com/photo-1557683316-973673baf926?w=2000&q=80",
+      "imageSize": "cover",
+      "imageAttachment": "fixed",
+      "opacity": 100
+    },
+    "header": {
+      "show": true,
+      "backgroundColor": null,
+      "height": "180px"
+    },
+    "customCss": ".co-form-wizard__title { font-weight: 800; letter-spacing: -0.04em; background: linear-gradient(135deg, #7C3AED 0%, #F32A73 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\n.co-form-wizard__title-desc { font-style: italic; }\n[data-co-field-kind=\"text\"] co-input::part(input),\n[data-co-field-kind=\"textarea\"] co-input::part(input) { letter-spacing: 0.01em; }\n.co-form-wizard__page-pill { text-transform: none; letter-spacing: 0.02em; font-weight: 600; font-size: 11px; }\n[data-co-field=\"company\"] { position: relative; }\n[data-co-field=\"company\"]::after { content: \"💼\"; position: absolute; right: -28px; top: 28px; opacity: 0.5; font-size: 16px; }"
+  },
+  "pages": [
+    {
+      "name": "you",
+      "title": "Cuéntanos sobre ti",
+      "description": "Solo lo esencial para reservar tu lugar.",
+      "fields": {
+        "full_name": {
+          "type": "String",
+          "required": true,
+          "label": "Nombre completo",
+          "placeholder": "María González",
+          "full": true,
+          "minLength": 2
+        },
+        "email": {
+          "type": "String",
+          "required": true,
+          "format": "email",
+          "label": "Email de trabajo",
+          "placeholder": "maria@empresa.com"
+        },
+        "company": {
+          "type": "String",
+          "required": true,
+          "label": "Empresa",
+          "placeholder": "Acme Inc."
+        },
+        "role": {
+          "type": "String",
+          "enum": [
+            "Founder / CEO",
+            "Product / Engineering",
+            "Sales / Marketing",
+            "Operations",
+            "Otro"
+          ],
+          "required": true,
+          "label": "Tu rol",
+          "full": true
+        }
+      }
+    },
+    {
+      "name": "context",
+      "title": "Cuéntanos un poco más",
+      "description": "Esto nos ayuda a priorizar tu acceso anticipado.",
+      "fields": {
+        "team_size": {
+          "type": "String",
+          "enum": ["1-10", "11-50", "51-200", "201-1000", "1000+"],
+          "required": true,
+          "label": "Tamaño del equipo",
+          "full": true
+        },
+        "current_tools": {
+          "type": "String",
+          "enum": [
+            "HubSpot",
+            "Salesforce",
+            "Pipedrive",
+            "Excel / Sheets",
+            "Ninguno",
+            "Otro"
+          ],
+          "multiple": true,
+          "label": "Herramientas actuales (selecciona varias)",
+          "required": true,
+          "full": true
+        },
+        "use_case": {
+          "type": "String",
+          "uiCom": "TextArea",
+          "label": "¿Qué problema esperas resolver?",
+          "placeholder": "Una o dos líneas, no más.",
+          "required": true,
+          "full": true,
+          "minLength": 20,
+          "maxLength": 280
+        },
+        "priority": {
+          "type": "Number",
+          "uiCom": "Rating",
+          "max": 5,
+          "label": "¿Qué tan urgente es para ti? (1 = curiosidad, 5 = lo necesito ya)",
+          "required": true,
+          "full": true
+        }
+      }
+    },
+    {
+      "name": "extras",
+      "title": "Casi listo",
+      "description": "Detalles opcionales que mejoran tu experiencia.",
+      "fields": {
+        "newsletter": {
+          "type": "Boolean",
+          "label": "Recibir tips de producto y novedades",
+          "default": true,
+          "full": true
+        },
+        "early_partner": {
+          "type": "Boolean",
+          "label": "Me interesa ser design partner (sesiones 1-a-1 con el equipo)",
+          "default": false,
+          "full": true
+        },
+        "referral": {
+          "type": "String",
+          "label": "¿Cómo nos conociste?",
+          "placeholder": "Twitter, recomendación, blog…",
+          "full": true,
+          "visibleIf": "{newsletter} == true || {early_partner} == true"
+        }
+      }
+    }
+  ]
+}

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@prolibu-suite/cobalt-form-builder",
+  "version": "0.2.0",
+  "type": "module",
+  "description": "Visual builder for Cobalt Form schemas. Vue 3 component + standalone playground.",
+  "main": "./dist/cobalt-form-builder.cjs",
+  "module": "./dist/cobalt-form-builder.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/cobalt-form-builder.js",
+      "require": "./dist/cobalt-form-builder.cjs"
+    },
+    "./style.css": "./dist/cobalt-form-builder.css"
+  },
+  "files": [
+    "dist",
+    "examples"
+  ],
+  "peerDependencies": {
+    "vue": "^3.5.0",
+    "@prolibu-suite/cobalt-core": "0.1.1",
+    "@prolibu-suite/cobalt-form": "0.2.0",
+    "@prolibu-suite/cobalt-form-core": "0.2.0",
+    "@prolibu-suite/cobalt-vue": "0.1.1",
+    "@prolibu-suite/cobalt-tokens": "0.1.1"
+  },
+  "dependencies": {
+    "vue-draggable-plus": "^0.6.1"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^6.0.1",
+    "typescript": "^6.0.3",
+    "vite": "^7.1.13",
+    "vue": "^3.5.21",
+    "vue-tsc": "^3.1.3",
+    "@prolibu-suite/cobalt-core": "0.1.1",
+    "@prolibu-suite/cobalt-form-core": "0.2.0",
+    "@prolibu-suite/cobalt-tokens": "0.1.1",
+    "@prolibu-suite/cobalt-vue": "0.1.1",
+    "@prolibu-suite/cobalt-form": "0.2.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc --noEmit && vite build --mode lib && vue-tsc -p tsconfig.lib.json",
+    "build:demo": "vue-tsc --noEmit && vite build",
+    "preview": "vite preview",
+    "clean": "rm -rf dist node_modules/.vite"
+  }
+}