@riverbankcms/sdk 0.7.5 → 0.8.1

package/dist/client/hooks.mjs

@@ -163,7 +163,11 @@ var uiSchema = z2.object({
   layout: z2.enum(["stack", "grid"]).optional(),
   columns: z2.number().int().min(2).max(4).optional(),
   // Entry picker configuration
-  contentTypeField: z2.string().optional()
+  contentTypeField: z2.string().optional(),
+  // Extras pattern: fields marked as extras are hidden behind a modal toggle
+  extras: z2.boolean().optional(),
+  // Render in block header instead of form body (used for section styles)
+  renderInHeader: z2.boolean().optional()
 }).partial();
 var baseFieldSchema = z2.object({
   id: z2.string().min(1, "Field id is required"),
@@ -1336,25 +1340,30 @@ function createButtonGroup(options = {}) {
       ui: { colSpan: 2 }
     }
   ];
-  const iconsGroup = {
-    id: "icons",
-    type: "group",
-    label: "Icons",
-    required: false,
-    ui: { preset: "disclosure", colSpan: 2 },
-    schema: {
-      fields: [
-        { id: "iconLeft", type: "media", label: "Left icon", required: false, mediaKinds: ["image"] },
-        { id: "iconRight", type: "media", label: "Right icon", required: false, mediaKinds: ["image"] }
-      ]
+  const iconFields = [
+    {
+      id: "iconLeft",
+      type: "media",
+      label: "Left icon",
+      required: false,
+      mediaKinds: ["image"],
+      ui: { extras: true }
+    },
+    {
+      id: "iconRight",
+      type: "media",
+      label: "Right icon",
+      required: false,
+      mediaKinds: ["image"],
+      ui: { extras: true }
     }
-  };
+  ];
   return {
     id: groupId,
     type: "group",
     label: groupLabel,
     ui: { layout: "grid", columns: 2, flattenInRepeater, hideLabel: !showGroupLabel },
-    schema: { fields: [...mainFields, iconsGroup] },
+    schema: { fields: [...mainFields, ...iconFields] },
     required: false
   };
 }
@@ -2650,6 +2659,10 @@ var BACKGROUND_POSITION_PRESETS = [
 var BACKGROUND_POSITION_PRESET_VALUES = BACKGROUND_POSITION_PRESETS.map((p) => p.value);
 
 // ../blocks/src/system/fields/background.ts
+var BACKGROUND_WIDGETS = {
+  COLOR: "backgroundColor",
+  GRADIENT: "backgroundGradient"
+};
 function createBackgroundField(options = {}) {
   const {
     id = "background",
@@ -2675,8 +2688,7 @@ function createBackgroundField(options = {}) {
           required: false,
           multiline: false,
           ui: {
-            // Use BackgroundColorWidget via widget override
-            widget: "backgroundColor"
+            widget: BACKGROUND_WIDGETS.COLOR
           }
         }
       ]
@@ -2693,11 +2705,11 @@ function createBackgroundField(options = {}) {
           id: "gradient",
           type: "text",
           label: "Gradient",
-          description: "CSS gradient value (e.g., linear-gradient(to right, #ff0000, #00ff00)).",
+          description: "Select a gradient from theme presets.",
           required: false,
-          multiline: true,
+          multiline: false,
           ui: {
-            placeholder: "linear-gradient(to right, #ff0000, #00ff00)"
+            widget: BACKGROUND_WIDGETS.GRADIENT
           }
         }
       ]
@@ -2756,7 +2768,7 @@ function createBackgroundField(options = {}) {
         id: "position",
         type: "presetOrCustom",
         label: "Position",
-        description: 'Anchor point for the image. Relevant for "Fill" and "Custom size" options.',
+        description: 'Anchor point for scaled images. For "Fill" mode, the image focus point (if set) takes precedence.',
         required: false,
         presets: [...BACKGROUND_POSITION_PRESETS],
         customInput: {
@@ -2847,6 +2859,8 @@ function sectionStylesField(options = {}) {
     required: false,
     schema: { fields: fields4 },
     ui: {
+      // Render in block header instead of form body
+      renderInHeader: true,
       modalConfig: {
         buttonLabel: label,
         description: "Configure background and spacing for this section.",