@builder.io/sdk-svelte 5.2.7 → 5.2.8

package/lib/browser/blocks/image/image.svelte

@@ -84,7 +84,7 @@ onMount(() => { });
     })}
     loading={highPriority ? "eager" : "lazy"}
     fetchpriority={highPriority ? "high" : "auto"}
-    alt={altText}
+    alt={altText || ""}
     {title}
     role={altText ? undefined : "presentation"}
     class={"builder-image" + (className ? " " + className : "") + " img"}

package/lib/browser/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "5.2.7";
+export declare const SDK_VERSION = "5.2.8";

package/lib/browser/constants/sdk-version.js

@@ -1 +1 @@
-export const SDK_VERSION = "5.2.7";
+export const SDK_VERSION = "5.2.8";

package/lib/browser/types/components.d.ts

@@ -98,6 +98,20 @@ export interface ComponentInfo {
         query?: any;
     };
     friendlyName?: string;
+    /**
+     * Group custom components into their own accordion sections in the editor's insert menu.
+     * Components with the same `group` value are grouped together; components without a `group`
+     * (or with a blank value) fall back to the default "Custom Components" accordion.
+     *
+     * @example
+     * ```js
+     * Builder.registerComponent(MyStepComponent, {
+     *   name: 'Step',
+     *   group: 'Steps',
+     * })
+     * ```
+     */
+    group?: string;
     /**
      * Use to restrict access to your component based on a the current user permissions
      * By default components will show to all users

package/lib/edge/blocks/image/image.svelte

@@ -84,7 +84,7 @@ onMount(() => { });
     })}
     loading={highPriority ? "eager" : "lazy"}
     fetchpriority={highPriority ? "high" : "auto"}
-    alt={altText}
+    alt={altText || ""}
     {title}
     role={altText ? undefined : "presentation"}
     class={"builder-image" + (className ? " " + className : "") + " img"}

package/lib/edge/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "5.2.7";
+export declare const SDK_VERSION = "5.2.8";

package/lib/edge/constants/sdk-version.js

@@ -1 +1 @@
-export const SDK_VERSION = "5.2.7";
+export const SDK_VERSION = "5.2.8";

package/lib/edge/types/components.d.ts

@@ -98,6 +98,20 @@ export interface ComponentInfo {
         query?: any;
     };
     friendlyName?: string;
+    /**
+     * Group custom components into their own accordion sections in the editor's insert menu.
+     * Components with the same `group` value are grouped together; components without a `group`
+     * (or with a blank value) fall back to the default "Custom Components" accordion.
+     *
+     * @example
+     * ```js
+     * Builder.registerComponent(MyStepComponent, {
+     *   name: 'Step',
+     *   group: 'Steps',
+     * })
+     * ```
+     */
+    group?: string;
     /**
      * Use to restrict access to your component based on a the current user permissions
      * By default components will show to all users

package/lib/node/blocks/image/image.svelte

@@ -84,7 +84,7 @@ onMount(() => { });
     })}
     loading={highPriority ? "eager" : "lazy"}
     fetchpriority={highPriority ? "high" : "auto"}
-    alt={altText}
+    alt={altText || ""}
     {title}
     role={altText ? undefined : "presentation"}
     class={"builder-image" + (className ? " " + className : "") + " img"}

package/lib/node/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "5.2.7";
+export declare const SDK_VERSION = "5.2.8";

package/lib/node/constants/sdk-version.js

@@ -1 +1 @@
-export const SDK_VERSION = "5.2.7";
+export const SDK_VERSION = "5.2.8";

package/lib/node/types/components.d.ts

@@ -98,6 +98,20 @@ export interface ComponentInfo {
         query?: any;
     };
     friendlyName?: string;
+    /**
+     * Group custom components into their own accordion sections in the editor's insert menu.
+     * Components with the same `group` value are grouped together; components without a `group`
+     * (or with a blank value) fall back to the default "Custom Components" accordion.
+     *
+     * @example
+     * ```js
+     * Builder.registerComponent(MyStepComponent, {
+     *   name: 'Step',
+     *   group: 'Steps',
+     * })
+     * ```
+     */
+    group?: string;
     /**
      * Use to restrict access to your component based on a the current user permissions
      * By default components will show to all users

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-svelte",
   "description": "Builder.io SDK for Svelte",
-  "version": "5.2.7",
+  "version": "5.2.8",
   "type": "module",
   "files": [
     "lib",

package/src/blocks/image/image.svelte

@@ -93,7 +93,7 @@
     })}
     loading={highPriority ? "eager" : "lazy"}
     fetchpriority={highPriority ? "high" : "auto"}
-    alt={altText}
+    alt={altText || ""}
     {title}
     role={altText ? undefined : "presentation"}
     class={"builder-image" + (className ? " " + className : "") + " img"}

package/src/constants/sdk-version.ts

@@ -1 +1 @@
-export const SDK_VERSION = "5.2.7"
+export const SDK_VERSION = "5.2.8"

package/src/types/components.ts

@@ -106,6 +106,21 @@ export interface ComponentInfo {
   };
   friendlyName?: string;
 
+  /**
+   * Group custom components into their own accordion sections in the editor's insert menu.
+   * Components with the same `group` value are grouped together; components without a `group`
+   * (or with a blank value) fall back to the default "Custom Components" accordion.
+   *
+   * @example
+   * ```js
+   * Builder.registerComponent(MyStepComponent, {
+   *   name: 'Step',
+   *   group: 'Steps',
+   * })
+   * ```
+   */
+  group?: string;
+
   /**
    * Use to restrict access to your component based on a the current user permissions
    * By default components will show to all users