feat: collapsible grouped fields, blocks, and repeaters

my-sonicjs-app/src/collections/page-blocks.collection.ts

@@ -1,5 +1,82 @@
 import type { CollectionConfig } from '@sonicjs-cms/core'
 
+const heroBlock = {
+  label: 'Hero',
+  properties: {
+    heading: { type: 'string', title: 'Heading', required: true },
+    height: {
+      type: 'radio',
+      title: 'Height',
+      enum: ['small', 'medium', 'full'],
+      enumLabels: ['Small', 'Medium', 'Full'],
+      default: 'medium',
+      inline: true,
+    },
+    subheading: { type: 'textarea', title: 'Subheading', maxLength: 600 },
+    image: { type: 'media', title: 'Background/Image' },
+    imageAlt: { type: 'string', title: 'Image Alt' },
+
+    ctaPrimary: {
+      title: 'Primary CTA',
+      type: 'object',
+      properties: {
+        label: { type: 'string', title: 'Label' },
+        link: {
+          title: 'Link',
+          type: 'object',
+          properties: {
+            mode: {
+              type: 'select',
+              title: 'Link type',
+              enum: ['none', 'internal', 'external'],
+              enumLabels: ['None', 'Internal', 'External'],
+              default: 'none',
+            },
+            reference: { type: 'reference', title: 'Internal reference', collection: 'pages' },
+            url: { type: 'url', title: 'External URL' },
+          },
+        },
+        style: {
+          type: 'select',
+          title: 'Button style',
+          enum: ['primary', 'secondary'],
+          enumLabels: ['Primary', 'Secondary'],
+          default: 'primary',
+        },
+      },
+    },
+    ctaSecondary: {
+      title: 'Secondary CTA',
+      type: 'object',
+      properties: {
+        label: { type: 'string', title: 'Label' },
+        link: {
+          title: 'Link',
+          type: 'object',
+          properties: {
+            mode: {
+              type: 'select',
+              title: 'Type',
+              enum: ['none', 'internal', 'external'],
+              enumLabels: ['None', 'Internal', 'External'],
+              default: 'none',
+            },
+            reference: { type: 'reference', title: 'Internal reference', collection: 'pages' },
+            url: { type: 'url', title: 'External URL' },
+          },
+        },
+        style: {
+          type: 'select',
+          title: 'Button style',
+          enum: ['primary', 'secondary'],
+          enumLabels: ['Primary', 'Secondary'],
+          default: 'primary',
+        },
+      },
+    },
+  },
+}
+
 const pageBlocksCollection: CollectionConfig = {
   name: 'page_blocks',
   displayName: 'Page Blocks',
@@ -28,6 +105,7 @@ const pageBlocksCollection: CollectionConfig = {
       seo: {
         type: 'object',
         title: 'SEO',
+        objectLayout: 'flat',
         properties: {
           title: { type: 'string', title: 'SEO title' },
           description: { type: 'textarea', title: 'SEO description' },
@@ -60,6 +138,7 @@ const pageBlocksCollection: CollectionConfig = {
           type: 'object',
           discriminator: 'blockType',
           blocks: {
+            hero: heroBlock,
             text: {
               label: 'Text',
               properties: {

packages/core/dist/chunk-DMZI7OU3.cjs → packages/core/dist/chunk-5HMR2SJW.cjs

@@ -421,7 +421,7 @@ function buildQuery(table, filter) {
 // package.json
 var package_default = {
   name: "@sonicjs-cms/core",
-  version: "2.7.0",
+  version: "2.8.0",
   description: "Core framework for SonicJS headless CMS - Edge-first, TypeScript-native CMS built for Cloudflare Workers",
   type: "module",
   main: "./dist/index.cjs",
@@ -617,5 +617,5 @@ exports.renderTemplate = renderTemplate;
 exports.sanitizeInput = sanitizeInput;
 exports.sanitizeObject = sanitizeObject;
 exports.templateRenderer = templateRenderer;
-//# sourceMappingURL=chunk-DMZI7OU3.cjs.map
-//# sourceMappingURL=chunk-DMZI7OU3.cjs.map
+//# sourceMappingURL=chunk-5HMR2SJW.cjs.map
+//# sourceMappingURL=chunk-5HMR2SJW.cjs.map

packages/core/dist/chunk-2YRNPIU4.cjs → packages/core/dist/chunk-C2S5X6CO.cjs

@@ -2108,5 +2108,5 @@ var MigrationService = class {
 };
 
 exports.MigrationService = MigrationService;
-//# sourceMappingURL=chunk-2YRNPIU4.cjs.map
-//# sourceMappingURL=chunk-2YRNPIU4.cjs.map
+//# sourceMappingURL=chunk-C2S5X6CO.cjs.map
+//# sourceMappingURL=chunk-C2S5X6CO.cjs.map