@builder.io/sdk-react-nextjs 0.14.21 → 0.14.24

package/lib/node/{bundle-5c7927a4.js → bundle-9b0c3f03.js}

@@ -1,7 +1,7 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import "react";
 import { LRUCache } from "lru-cache";
-import { I as InteractiveElement, B as BlockWrapper, a as BlocksWrapper, D as DynamicRenderer, C as CustomCode, E as Embed, b as ImgComponent, V as Video, c as Button, F as FragmentComponent, d as Image, S as SectionComponent, e as EnableEditor } from "./USE_CLIENT_BUNDLE-14685e18.js";
+import { I as InteractiveElement, B as BlockWrapper, a as BlocksWrapper, D as DynamicRenderer, C as CustomCode, E as Embed, b as ImgComponent, V as Video, c as Button, F as FragmentComponent, d as Image, S as SectionComponent, e as EnableEditor } from "./USE_CLIENT_BUNDLE-af2f5052.js";
 import "next/navigation";
 const EMPTY_HTML_ELEMENTS = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), isEmptyElement = (e) => typeof e == "string" && EMPTY_HTML_ELEMENTS.has(e.toLowerCase()), TARGET = "rsc", getClassPropName = () => {
   switch (TARGET) {
@@ -396,7 +396,7 @@ function getProcessedBlock({
     context: t
   }) : a;
 }
-const camelToKebabCase = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), convertStyleMapToCSSArray = (e) => Object.entries(e).map(([n, o]) => {
+const camelToKebabCase = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "", convertStyleMapToCSSArray = (e) => Object.entries(e).map(([n, o]) => {
   if (typeof o == "string")
     return `${camelToKebabCase(n)}: ${o};`;
 }).filter(checkIsDefined), convertStyleMapToCSS = (e) => convertStyleMapToCSSArray(e).join(`
@@ -495,7 +495,7 @@ const getComponent = ({
     },
     block: o
   }));
-}, shouldPassLinkComponent = (e) => e && (e.isRSC || ["Core:Button", "Symbol", "Columns", "Form:Form", "Builder: Tabs"].includes(e.name)), shouldPassRegisteredComponents = (e) => e && (e.isRSC || ["Symbol", "Columns", "Form:Form", "Builder: Tabs"].includes(e.name)), SIZES = {
+}, shouldPassLinkComponent = (e) => e && (e.isRSC || ["Core:Button", "Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(e.name)), shouldPassRegisteredComponents = (e) => e && (e.isRSC || ["Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(e.name)), SIZES = {
   small: {
     min: 320,
     default: 321,
@@ -547,47 +547,6 @@ function InlinedStyles(e) {
     }
   );
 }
-function assign(e, ...t) {
-  const n = Object(e);
-  for (let o = 1; o < arguments.length; o++) {
-    const r = arguments[o];
-    if (r != null)
-      for (const i in r)
-        Object.prototype.hasOwnProperty.call(r, i) && (n[i] = r[i]);
-  }
-  return n;
-}
-const camelCaseToKebabCase = (e) => e ? e.replace(/([A-Z])/g, (t) => `-${t[0].toLowerCase()}`) : "";
-function warnElementNotPresent(e) {
-  console.warn(`Cannot animate element: element with ID ${e} not found!`);
-}
-function augmentAnimation(e, t) {
-  const n = getAllStylesUsed(e), o = getComputedStyle(t), r = e.steps[0].styles, i = e.steps[e.steps.length - 1].styles, a = [r, i];
-  for (const s of a)
-    for (const c of n)
-      c in s || (s[c] = o[c]);
-}
-function getAllStylesUsed(e) {
-  const t = [];
-  for (const n of e.steps)
-    for (const o in n.styles)
-      t.indexOf(o) === -1 && t.push(o);
-  return t;
-}
-function triggerAnimation(e) {
-  const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
-  if (!t.length) {
-    warnElementNotPresent(e.elementId || e.id || "");
-    return;
-  }
-  Array.from(t).forEach((n) => {
-    augmentAnimation(e, n), n.style.transition = "none", n.style.transitionDelay = "0", assign(n.style, e.steps[0].styles), setTimeout(() => {
-      n.style.transition = `all ${e.duration}s ${camelCaseToKebabCase(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), assign(n.style, e.steps[1].styles), setTimeout(() => {
-        n.style.transition = "", n.style.transitionDelay = "";
-      }, (e.delay || 0) * 1e3 + e.duration * 1e3 + 100);
-    });
-  });
-}
 function BlockStyles(e) {
   const t = function() {
     const r = getProcessedBlock({
@@ -638,7 +597,7 @@ function BlockStyles(e) {
         className: `${l}:hover`,
         styles: {
           ...S,
-          transition: `all ${p.duration}s ${camelCaseToKebabCase(
+          transition: `all ${p.duration}s ${camelToKebabCase(
             p.easing
           )}`,
           transitionDelay: p.delay ? `${p.delay}s` : "0s"
@@ -1030,7 +989,7 @@ function Columns(e) {
     /* @__PURE__ */ jsxs(
       "div",
       {
-        className: getColumnsClass((p = e.builderBlock) == null ? void 0 : p.id) + " div-2651dce4",
+        className: getColumnsClass((p = e.builderBlock) == null ? void 0 : p.id) + " div-eeca3604",
         style: f(),
         children: [
           /* @__PURE__ */ jsx(InlinedStyles, { id: "builderio-columns", styles: g() }),
@@ -1060,7 +1019,7 @@ function Columns(e) {
         ]
       }
     ),
-    /* @__PURE__ */ jsx("style", { children: `.div-2651dce4 {
+    /* @__PURE__ */ jsx("style", { children: `.div-eeca3604 {
   display: flex;
   line-height: normal;
 }` })
@@ -2369,7 +2328,7 @@ function isFromTrustedHost(e, t) {
   const n = new URL(t.origin), o = n.hostname;
   return (e || DEFAULT_TRUSTED_HOSTS).findIndex((r) => r.startsWith("*.") ? o.endsWith(r.slice(1)) : r === o) > -1;
 }
-const SDK_VERSION = "0.14.21", registry = {};
+const SDK_VERSION = "0.14.24", registry = {};
 function register(e, t) {
   let n = registry[e];
   if (n || (n = registry[e] = []), n.push(t), isBrowser()) {
@@ -2517,7 +2476,48 @@ const setupBrowserForEditing = (e = {}) => {
   return window.addEventListener("message", o), () => {
     window.removeEventListener("message", o);
   };
-}, getCssFromFont = (e) => {
+};
+function assign(e, ...t) {
+  const n = Object(e);
+  for (let o = 1; o < arguments.length; o++) {
+    const r = arguments[o];
+    if (r != null)
+      for (const i in r)
+        Object.prototype.hasOwnProperty.call(r, i) && (n[i] = r[i]);
+  }
+  return n;
+}
+function warnElementNotPresent(e) {
+  console.warn(`Cannot animate element: element with ID ${e} not found!`);
+}
+function augmentAnimation(e, t) {
+  const n = getAllStylesUsed(e), o = getComputedStyle(t), r = e.steps[0].styles, i = e.steps[e.steps.length - 1].styles, a = [r, i];
+  for (const s of a)
+    for (const c of n)
+      c in s || (s[c] = o[c]);
+}
+function getAllStylesUsed(e) {
+  const t = [];
+  for (const n of e.steps)
+    for (const o in n.styles)
+      t.indexOf(o) === -1 && t.push(o);
+  return t;
+}
+function triggerAnimation(e) {
+  const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
+  if (!t.length) {
+    warnElementNotPresent(e.elementId || e.id || "");
+    return;
+  }
+  Array.from(t).forEach((n) => {
+    augmentAnimation(e, n), n.style.transition = "none", n.style.transitionDelay = "0", assign(n.style, e.steps[0].styles), setTimeout(() => {
+      n.style.transition = `all ${e.duration}s ${camelToKebabCase(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), assign(n.style, e.steps[1].styles), setTimeout(() => {
+        n.style.transition = "", n.style.transitionDelay = "";
+      }, (e.delay || 0) * 1e3 + e.duration * 1e3 + 100);
+    });
+  });
+}
+const getCssFromFont = (e) => {
   var i;
   const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], o = e.fileUrl ?? ((i = e == null ? void 0 : e.files) == null ? void 0 : i.regular);
   let r = "";

package/lib/node/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./USE_CLIENT_BUNDLE-80d049f9.cjs"),e=require("./bundle-8a453488.cjs");require("react/jsx-runtime");require("react");require("./USE_SERVER_BUNDLE-c11df0b0.cjs");require("next/navigation");require("lru-cache");exports.BuilderContext=t.builderContext;exports.Button=t.Button;exports.Fragment=t.FragmentComponent;exports.Image=t.Image;exports.Section=t.SectionComponent;exports.Video=t.Video;exports.Blocks=e.Blocks;exports.Columns=e.Columns;exports.Content=e.ContentVariants;exports.Symbol=e.Symbol;exports.Text=e.Text;exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./USE_CLIENT_BUNDLE-2a3a1484.cjs"),e=require("./bundle-10b57ad3.cjs");require("react/jsx-runtime");require("react");require("./USE_SERVER_BUNDLE-290676c5.cjs");require("next/navigation");require("lru-cache");exports.BuilderContext=t.builderContext;exports.Button=t.Button;exports.Fragment=t.FragmentComponent;exports.Image=t.Image;exports.Section=t.SectionComponent;exports.Video=t.Video;exports.Blocks=e.Blocks;exports.Columns=e.Columns;exports.Content=e.ContentVariants;exports.Symbol=e.Symbol;exports.Text=e.Text;exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;

package/lib/node/index.mjs

@@ -1,8 +1,8 @@
-import { f as n, c as m, F as c, d as p, S as g, V as d } from "./USE_CLIENT_BUNDLE-14685e18.js";
-import { B as l, C as f, x as B, S as C, T as E, G as S, u as x, F as h, H as b, v as y, A as F, c as P, j as T, y as k, z as v, E as R, D as V } from "./bundle-5c7927a4.js";
+import { f as n, c as m, F as c, d as p, S as g, V as d } from "./USE_CLIENT_BUNDLE-af2f5052.js";
+import { B as l, C as f, x as B, S as C, T as E, G as S, u as x, F as h, H as b, v as y, A as F, c as P, j as T, y as k, z as v, E as R, D as V } from "./bundle-9b0c3f03.js";
 import "react/jsx-runtime";
 import "react";
-import "./USE_SERVER_BUNDLE-c93447b3.js";
+import "./USE_SERVER_BUNDLE-55adca17.js";
 import "next/navigation";
 import "lru-cache";
 export {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-react-nextjs",
   "description": "Builder.io RSC SDK for NextJS App Directory",
-  "version": "0.14.21",
+  "version": "0.14.24",
   "homepage": "https://github.com/BuilderIO/builder/tree/main/packages/sdks/output/nextjs",
   "repository": {
     "type": "git",
@@ -98,8 +98,8 @@
     "@builder.io/sdks": "workspace:*",
     "@vitejs/plugin-react": "^4.0.4",
     "next": ">=13.4.20",
-    "nx": "^16.6.0",
-    "nx-cloud": "^16.2.0",
+    "nx": "16.10.0",
+    "nx-cloud": "16.5.2",
     "react": "^18.2.0",
     "rimraf": "^3.0.2",
     "typescript": "^5.1.6",

package/types/cjs/blocks/accordion/accordion.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import type { AccordionProps } from "./accordion.types.js";
+declare function Accordion(props: AccordionProps): React.JSX.Element;
+export default Accordion;

package/types/cjs/blocks/accordion/accordion.types.d.ts

@@ -0,0 +1,12 @@
+import type { BuilderBlock } from '../../types/builder-block.js';
+import type { BuilderComponentsProp, BuilderDataProps, BuilderLinkComponentProp } from '../../types/builder-props.js';
+export interface AccordionProps extends BuilderComponentsProp, BuilderLinkComponentProp, BuilderDataProps {
+    items: {
+        title: BuilderBlock[];
+        detail: BuilderBlock[];
+    }[];
+    oneAtATime?: boolean;
+    grid?: boolean;
+    gridRowWidth?: string;
+    useChildrenForItems?: boolean;
+}

package/types/cjs/blocks/accordion/component-info.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components.js';
+export declare const componentInfo: ComponentInfo;

package/types/cjs/blocks/accordion/helpers.d.ts

@@ -0,0 +1 @@
+export declare const convertOrderNumberToString: (order: number) => string;

package/types/cjs/blocks/accordion/index.d.ts

@@ -0,0 +1 @@
+export { default } from './accordion.js';

package/types/cjs/components/block/animator.d.ts

@@ -1,5 +1,4 @@
 import type { BuilderAnimation } from '../../types/builder-block.js';
-export declare const camelCaseToKebabCase: (str?: string) => string;
 export declare function bindAnimations(animations: BuilderAnimation[]): void;
 export declare function triggerAnimation(animation: BuilderAnimation): void;
 export declare function bindScrollInViewAnimation(animation: BuilderAnimation): void;

package/types/cjs/components/content-variants/content-variants.types.d.ts

@@ -22,7 +22,7 @@ export interface ContentVariantsPrps {
      */
     context?: BuilderRenderContext;
     /**
-     * Your API Key: needed to dynamically fetch symbols (required).
+     * Your API Key: needed to enable visual editing, and to dynamically fetch symbols (required).
      */
     apiKey: string;
     apiVersion?: ApiVersion;

package/types/cjs/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.14.21";
+export declare const SDK_VERSION = "0.14.24";

package/types/cjs/functions/camel-to-kebab-case.d.ts

@@ -1 +1 @@
-export declare const camelToKebabCase: (string: string) => string;
+export declare const camelToKebabCase: (str?: string) => string;

package/types/esm/blocks/accordion/accordion.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import type { AccordionProps } from "./accordion.types.js";
+declare function Accordion(props: AccordionProps): React.JSX.Element;
+export default Accordion;

package/types/esm/blocks/accordion/accordion.types.d.ts

@@ -0,0 +1,12 @@
+import type { BuilderBlock } from '../../types/builder-block.js';
+import type { BuilderComponentsProp, BuilderDataProps, BuilderLinkComponentProp } from '../../types/builder-props.js';
+export interface AccordionProps extends BuilderComponentsProp, BuilderLinkComponentProp, BuilderDataProps {
+    items: {
+        title: BuilderBlock[];
+        detail: BuilderBlock[];
+    }[];
+    oneAtATime?: boolean;
+    grid?: boolean;
+    gridRowWidth?: string;
+    useChildrenForItems?: boolean;
+}

package/types/esm/blocks/accordion/component-info.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components.js';
+export declare const componentInfo: ComponentInfo;

package/types/esm/blocks/accordion/helpers.d.ts

@@ -0,0 +1 @@
+export declare const convertOrderNumberToString: (order: number) => string;

package/types/esm/blocks/accordion/index.d.ts

@@ -0,0 +1 @@
+export { default } from './accordion.js';

package/types/esm/components/block/animator.d.ts

@@ -1,5 +1,4 @@
 import type { BuilderAnimation } from '../../types/builder-block.js';
-export declare const camelCaseToKebabCase: (str?: string) => string;
 export declare function bindAnimations(animations: BuilderAnimation[]): void;
 export declare function triggerAnimation(animation: BuilderAnimation): void;
 export declare function bindScrollInViewAnimation(animation: BuilderAnimation): void;

package/types/esm/components/content-variants/content-variants.types.d.ts

@@ -22,7 +22,7 @@ export interface ContentVariantsPrps {
      */
     context?: BuilderRenderContext;
     /**
-     * Your API Key: needed to dynamically fetch symbols (required).
+     * Your API Key: needed to enable visual editing, and to dynamically fetch symbols (required).
      */
     apiKey: string;
     apiVersion?: ApiVersion;

package/types/esm/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.14.21";
+export declare const SDK_VERSION = "0.14.24";

package/types/esm/functions/camel-to-kebab-case.d.ts

@@ -1 +1 @@
-export declare const camelToKebabCase: (string: string) => string;
+export declare const camelToKebabCase: (str?: string) => string;