@simple-builder/react 1.2.4 → 1.2.5

package/dist/builder-content-2CLARIDQ.js

@@ -1,42 +0,0 @@
-'use strict';
-
-var chunkISTZWAYI_js = require('./chunk-ISTZWAYI.js');
-var chunkZEA47N62_js = require('./chunk-ZEA47N62.js');
-var React2 = require('react');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
-
-var BuilderHeader = () => {
-  const { save } = chunkISTZWAYI_js.useBuilder();
-  return /* @__PURE__ */ React2__namespace.createElement("div", { className: "sb-grid sb-grid-cols-3 sb-gap-4 sb-items-center sb-p-2 sb-shadow-lg sb-sticky sb-inset-x-0 sb-top-0 sb-bg-background sb-z-30" }, /* @__PURE__ */ React2__namespace.createElement("div", { className: "sb-flex sb-gap-4 sb-items-center" }, /* @__PURE__ */ React2__namespace.createElement(chunkISTZWAYI_js.Button, { variant: "ghost", size: "sm", onClick: save }, "Opslaan")));
-};
-
-// src/components/builder-content.tsx
-var BuilderContent = (props) => {
-  return /* @__PURE__ */ React2__namespace.createElement(chunkISTZWAYI_js.BuilderProvider, { content: props.content }, /* @__PURE__ */ React2__namespace.createElement(BuilderContentInner, null));
-};
-var BuilderContentInner = () => {
-  const { content } = chunkISTZWAYI_js.useBuilder();
-  return /* @__PURE__ */ React2__namespace.createElement(React2__namespace.Fragment, null, /* @__PURE__ */ React2__namespace.createElement(BuilderHeader, null), /* @__PURE__ */ React2__namespace.createElement(chunkZEA47N62_js.BuildContainer, { name: "root", edit: true, multiple: true, content }));
-};
-var builder_content_default = BuilderContent;
-
-module.exports = builder_content_default;

package/dist/builder-content-44DXQN5V.mjs

@@ -1,20 +0,0 @@
-import { BuilderProvider, useBuilder, Button } from './chunk-WVO43G3J.mjs';
-import { BuildContainer } from './chunk-NAY45PRQ.mjs';
-import * as React2 from 'react';
-
-var BuilderHeader = () => {
-  const { save } = useBuilder();
-  return /* @__PURE__ */ React2.createElement("div", { className: "sb-grid sb-grid-cols-3 sb-gap-4 sb-items-center sb-p-2 sb-shadow-lg sb-sticky sb-inset-x-0 sb-top-0 sb-bg-background sb-z-30" }, /* @__PURE__ */ React2.createElement("div", { className: "sb-flex sb-gap-4 sb-items-center" }, /* @__PURE__ */ React2.createElement(Button, { variant: "ghost", size: "sm", onClick: save }, "Opslaan")));
-};
-
-// src/components/builder-content.tsx
-var BuilderContent = (props) => {
-  return /* @__PURE__ */ React2.createElement(BuilderProvider, { content: props.content }, /* @__PURE__ */ React2.createElement(BuilderContentInner, null));
-};
-var BuilderContentInner = () => {
-  const { content } = useBuilder();
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(BuilderHeader, null), /* @__PURE__ */ React2.createElement(BuildContainer, { name: "root", edit: true, multiple: true, content }));
-};
-var builder_content_default = BuilderContent;
-
-export { builder_content_default as default };

package/dist/builder-content-J45ZXXEM.mjs

@@ -1,20 +0,0 @@
-import { BuilderProvider, useBuilder, Button } from './chunk-TZQPIYI7.mjs';
-import { BuildContainer } from './chunk-527WHDFS.mjs';
-import * as React2 from 'react';
-
-var BuilderHeader = () => {
-  const { save } = useBuilder();
-  return /* @__PURE__ */ React2.createElement("div", { className: "sb-grid sb-grid-cols-3 sb-gap-4 sb-items-center sb-p-2 sb-shadow-lg sb-sticky sb-inset-x-0 sb-top-0 sb-bg-background sb-z-30" }, /* @__PURE__ */ React2.createElement("div", { className: "sb-flex sb-gap-4 sb-items-center" }, /* @__PURE__ */ React2.createElement(Button, { variant: "ghost", size: "sm", onClick: save }, "Opslaan")));
-};
-
-// src/components/builder-content.tsx
-var BuilderContent = (props) => {
-  return /* @__PURE__ */ React2.createElement(BuilderProvider, { content: props.content }, /* @__PURE__ */ React2.createElement(BuilderContentInner, null));
-};
-var BuilderContentInner = () => {
-  const { content } = useBuilder();
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(BuilderHeader, null), /* @__PURE__ */ React2.createElement(BuildContainer, { name: "root", edit: true, multiple: true, content }));
-};
-var builder_content_default = BuilderContent;
-
-export { builder_content_default as default };

package/dist/builder-content-P2XQRXZX.js

@@ -1,42 +0,0 @@
-'use strict';
-
-var chunkDXQKEGLP_js = require('./chunk-DXQKEGLP.js');
-var chunk7SAGJTH2_js = require('./chunk-7SAGJTH2.js');
-var React2 = require('react');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
-
-var BuilderHeader = () => {
-  const { save } = chunkDXQKEGLP_js.useBuilder();
-  return /* @__PURE__ */ React2__namespace.createElement("div", { className: "sb-grid sb-grid-cols-3 sb-gap-4 sb-items-center sb-p-2 sb-shadow-lg sb-sticky sb-inset-x-0 sb-top-0 sb-bg-background sb-z-30" }, /* @__PURE__ */ React2__namespace.createElement("div", { className: "sb-flex sb-gap-4 sb-items-center" }, /* @__PURE__ */ React2__namespace.createElement(chunkDXQKEGLP_js.Button, { variant: "ghost", size: "sm", onClick: save }, "Opslaan")));
-};
-
-// src/components/builder-content.tsx
-var BuilderContent = (props) => {
-  return /* @__PURE__ */ React2__namespace.createElement(chunkDXQKEGLP_js.BuilderProvider, { content: props.content }, /* @__PURE__ */ React2__namespace.createElement(BuilderContentInner, null));
-};
-var BuilderContentInner = () => {
-  const { content } = chunkDXQKEGLP_js.useBuilder();
-  return /* @__PURE__ */ React2__namespace.createElement(React2__namespace.Fragment, null, /* @__PURE__ */ React2__namespace.createElement(BuilderHeader, null), /* @__PURE__ */ React2__namespace.createElement(chunk7SAGJTH2_js.BuildContainer, { name: "root", edit: true, multiple: true, content }));
-};
-var builder_content_default = BuilderContent;
-
-module.exports = builder_content_default;

package/dist/builder-content-Y7KZGM4Z.js

@@ -1,42 +0,0 @@
-'use strict';
-
-var chunkIAIJXTFG_js = require('./chunk-IAIJXTFG.js');
-var chunk47IWLKYO_js = require('./chunk-47IWLKYO.js');
-var React2 = require('react');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
-
-var BuilderHeader = () => {
-  const { save } = chunkIAIJXTFG_js.useBuilder();
-  return /* @__PURE__ */ React2__namespace.createElement("div", { className: "sb-grid sb-grid-cols-3 sb-gap-4 sb-items-center sb-p-2 sb-shadow-lg sb-sticky sb-inset-x-0 sb-top-0 sb-bg-background sb-z-30" }, /* @__PURE__ */ React2__namespace.createElement("div", { className: "sb-flex sb-gap-4 sb-items-center" }, /* @__PURE__ */ React2__namespace.createElement(chunkIAIJXTFG_js.Button, { variant: "ghost", size: "sm", onClick: save }, "Opslaan")));
-};
-
-// src/components/builder-content.tsx
-var BuilderContent = (props) => {
-  return /* @__PURE__ */ React2__namespace.createElement(chunkIAIJXTFG_js.BuilderProvider, { content: props.content }, /* @__PURE__ */ React2__namespace.createElement(BuilderContentInner, null));
-};
-var BuilderContentInner = () => {
-  const { content } = chunkIAIJXTFG_js.useBuilder();
-  return /* @__PURE__ */ React2__namespace.createElement(React2__namespace.Fragment, null, /* @__PURE__ */ React2__namespace.createElement(BuilderHeader, null), /* @__PURE__ */ React2__namespace.createElement(chunk47IWLKYO_js.BuildContainer, { name: "root", edit: true, multiple: true, content }));
-};
-var builder_content_default = BuilderContent;
-
-module.exports = builder_content_default;

package/dist/builder-content-YOL4MKX3.mjs

@@ -1,20 +0,0 @@
-import { BuilderProvider, useBuilder, Button } from './chunk-Q42UV6O3.mjs';
-import { BuildContainer } from './chunk-F7EVAQN7.mjs';
-import * as React2 from 'react';
-
-var BuilderHeader = () => {
-  const { save } = useBuilder();
-  return /* @__PURE__ */ React2.createElement("div", { className: "sb-grid sb-grid-cols-3 sb-gap-4 sb-items-center sb-p-2 sb-shadow-lg sb-sticky sb-inset-x-0 sb-top-0 sb-bg-background sb-z-30" }, /* @__PURE__ */ React2.createElement("div", { className: "sb-flex sb-gap-4 sb-items-center" }, /* @__PURE__ */ React2.createElement(Button, { variant: "ghost", size: "sm", onClick: save }, "Opslaan")));
-};
-
-// src/components/builder-content.tsx
-var BuilderContent = (props) => {
-  return /* @__PURE__ */ React2.createElement(BuilderProvider, { content: props.content }, /* @__PURE__ */ React2.createElement(BuilderContentInner, null));
-};
-var BuilderContentInner = () => {
-  const { content } = useBuilder();
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(BuilderHeader, null), /* @__PURE__ */ React2.createElement(BuildContainer, { name: "root", edit: true, multiple: true, content }));
-};
-var builder_content_default = BuilderContent;
-
-export { builder_content_default as default };

package/dist/chunk-47IWLKYO.js

@@ -1,153 +0,0 @@
-'use strict';
-
-var React3 = require('react');
-var NextImage = require('next/image');
-var clsx = require('clsx');
-var tailwindMerge = require('tailwind-merge');
-var tailwindVariants = require('tailwind-variants');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React3__namespace = /*#__PURE__*/_interopNamespace(React3);
-var NextImage__default = /*#__PURE__*/_interopDefault(NextImage);
-
-// src/lib/builder.ts
-var builder = /* @__PURE__ */ (() => {
-  const components = [];
-  return {
-    register: (component, config) => {
-      if (components.find(({ name }) => name === config.name)) {
-        console.log(
-          `[simple-builder]: Component ${config.name} already registered.`
-        );
-        return;
-      }
-      components.push({
-        component,
-        ...config
-      });
-    },
-    getComponents: () => components,
-    getComponent: (name) => {
-      return components.find((c) => c.name === name);
-    },
-    bindComponent: ({ content, ...block }, edit) => {
-      const component = components.find(({ name }) => name === block.component);
-      if (!component) {
-        throw new Error(
-          `[simple-builder]: Component ${block.component} not found`
-        );
-      }
-      const Element = React3.createElement(component.component, {
-        key: block.id,
-        builder: { id: block.id, content, edit },
-        ...block.props
-      });
-      return Element;
-    }
-  };
-})();
-var Image = (props) => {
-  if (typeof NextImage__default.default !== "undefined") {
-    return /* @__PURE__ */ React3__namespace.createElement(NextImage__default.default, { ...props });
-  }
-  return /* @__PURE__ */ React3__namespace.createElement("img", { ...props });
-};
-var twMerge = tailwindMerge.extendTailwindMerge({
-  prefix: "sb-"
-});
-function cn(...inputs) {
-  return twMerge(clsx.clsx(inputs));
-}
-var tv = tailwindVariants.createTV({
-  twMergeConfig: {
-    prefix: "sb-"
-  }
-});
-var insertAt = (items, index, item) => {
-  return Array.isArray(items) ? [...items.slice(0, index), item, ...items.slice(index)] : [item];
-};
-
-// src/components/design-wrapper.tsx
-var DesignWrapper = (props) => {
-  const { children, className, building = false } = props;
-  const { background } = props.styles?.desktop ?? {};
-  const matches = typeof background === "string" ? background.match(/url\(["']?(.*?)["']?\)/) : void 0;
-  const src = matches ? matches[1] : void 0;
-  const desktopStyles = props.styles?.desktop ?? {};
-  const mobileStyles = props.styles?.mobile ?? {};
-  const container = props.styles?.container ?? true;
-  const hidden = props.styles?.hidden ?? "never";
-  const id = React3__namespace.useId().replace(/[^a-zA-Z0-9]/g, "");
-  let hiddenClass = "";
-  switch (hidden) {
-    case "always":
-      hiddenClass = building ? "sb-opacity-30" : "sb-hidden";
-      break;
-    case "mobile":
-      hiddenClass = building ? "max-md:sb-opacity-30" : "max-md:sb-hidden";
-      break;
-    case "desktop":
-      hiddenClass = building ? "md:sb-opacity-30" : "md:sb-hidden";
-      break;
-    case "never":
-      hiddenClass = "";
-      break;
-  }
-  return /* @__PURE__ */ React3__namespace.createElement("div", { id, className: cn("sb-relative", className, hiddenClass) }, src && /* @__PURE__ */ React3__namespace.createElement(
-    Image,
-    {
-      src,
-      alt: "",
-      fill: true,
-      className: "sb-object-cover sb-absolute sb-inset-0 sb-pointer-events-none sb--z-[1]"
-    }
-  ), container ? /* @__PURE__ */ React3__namespace.createElement("div", { className: "container sb-mx-auto" }, children) : children, /* @__PURE__ */ React3__namespace.createElement("style", null, `
-        #${id} {
-          ${Object.entries(desktopStyles).filter(([key]) => !(key === "background" && src)).map(([key, value]) => `${key}: ${value};`).join(" ")}
-        }
-
-        @media (max-width: 1024px) {
-          #${id} {
-            ${Object.entries(mobileStyles).filter(([key]) => !(key === "background" && src)).map(([key, value]) => `${key}: ${value}; `).join(" ")}
-          }
-        }
-      `.replace(/\s\s+/g, " ")));
-};
-var BuildContainerInner = React3__namespace.lazy(
-  () => import('./build-container-client-XVX67J7D.js')
-);
-var BuildContainer = (props) => {
-  const { content, edit, name } = props;
-  const items = Array.isArray(content) ? content : content?.[name] || [];
-  if (!edit) {
-    return items.map((item) => /* @__PURE__ */ React3__namespace.createElement(DesignWrapper, { styles: item.styles }, builder.bindComponent(item, true)));
-  }
-  return /* @__PURE__ */ React3__namespace.createElement(React3__namespace.Suspense, { fallback: /* @__PURE__ */ React3__namespace.createElement("div", null, "Loading...") }, /* @__PURE__ */ React3__namespace.createElement(BuildContainerInner, { ...props }));
-};
-
-exports.BuildContainer = BuildContainer;
-exports.DesignWrapper = DesignWrapper;
-exports.Image = Image;
-exports.builder = builder;
-exports.cn = cn;
-exports.insertAt = insertAt;
-exports.tv = tv;

package/dist/chunk-527WHDFS.mjs

@@ -1,123 +0,0 @@
-import * as React3 from 'react';
-import { createElement } from 'react';
-import NextImage from 'next/image';
-import { clsx } from 'clsx';
-import { extendTailwindMerge } from 'tailwind-merge';
-import { createTV } from 'tailwind-variants';
-
-// src/lib/builder.ts
-var builder = /* @__PURE__ */ (() => {
-  const components = [];
-  return {
-    register: (component, config) => {
-      if (components.find(({ name }) => name === config.name)) {
-        console.log(
-          `[simple-builder]: Component ${config.name} already registered.`
-        );
-        return;
-      }
-      components.push({
-        component,
-        ...config
-      });
-    },
-    getComponents: () => components,
-    getComponent: (name) => {
-      return components.find((c) => c.name === name);
-    },
-    bindComponent: ({ content, ...block }, edit) => {
-      const component = components.find(({ name }) => name === block.component);
-      if (!component) {
-        throw new Error(
-          `[simple-builder]: Component ${block.component} not found`
-        );
-      }
-      const Element = createElement(component.component, {
-        key: block.id,
-        builder: { id: block.id, content, edit },
-        ...block.props
-      });
-      return Element;
-    }
-  };
-})();
-var Image = (props) => {
-  if (typeof NextImage !== "undefined") {
-    return /* @__PURE__ */ React3.createElement(NextImage, { ...props });
-  }
-  return /* @__PURE__ */ React3.createElement("img", { ...props });
-};
-var twMerge = extendTailwindMerge({
-  prefix: "sb-"
-});
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-var tv = createTV({
-  twMergeConfig: {
-    prefix: "sb-"
-  }
-});
-var insertAt = (items, index, item) => {
-  return Array.isArray(items) ? [...items.slice(0, index), item, ...items.slice(index)] : [item];
-};
-
-// src/components/design-wrapper.tsx
-var DesignWrapper = (props) => {
-  const { children, className, building = false } = props;
-  const { background } = props.styles?.desktop ?? {};
-  const matches = typeof background === "string" ? background.match(/url\(["']?(.*?)["']?\)/) : void 0;
-  const src = matches ? matches[1] : void 0;
-  const desktopStyles = props.styles?.desktop ?? {};
-  const mobileStyles = props.styles?.mobile ?? {};
-  const container = props.styles?.container ?? true;
-  const hidden = props.styles?.hidden ?? "never";
-  const id = React3.useId().replace(/[^a-zA-Z0-9]/g, "");
-  let hiddenClass = "";
-  switch (hidden) {
-    case "always":
-      hiddenClass = building ? "sb-opacity-30" : "sb-hidden";
-      break;
-    case "mobile":
-      hiddenClass = building ? "max-md:sb-opacity-30" : "max-md:sb-hidden";
-      break;
-    case "desktop":
-      hiddenClass = building ? "md:sb-opacity-30" : "md:sb-hidden";
-      break;
-    case "never":
-      hiddenClass = "";
-      break;
-  }
-  return /* @__PURE__ */ React3.createElement("div", { id, className: cn("sb-relative", className, hiddenClass) }, src && /* @__PURE__ */ React3.createElement(
-    Image,
-    {
-      src,
-      alt: "",
-      fill: true,
-      className: "sb-object-cover sb-absolute sb-inset-0 sb-pointer-events-none sb--z-[1]"
-    }
-  ), container ? /* @__PURE__ */ React3.createElement("div", { className: "container sb-mx-auto" }, children) : children, /* @__PURE__ */ React3.createElement("style", null, `
-        #${id} {
-          ${Object.entries(desktopStyles).filter(([key]) => !(key === "background" && src)).map(([key, value]) => `${key}: ${value};`).join(" ")}
-        }
-
-        @media (max-width: 1024px) {
-          #${id} {
-            ${Object.entries(mobileStyles).filter(([key]) => !(key === "background" && src)).map(([key, value]) => `${key}: ${value}; `).join(" ")}
-          }
-        }
-      `.replace(/\s\s+/g, " ")));
-};
-var BuildContainerInner = React3.lazy(
-  () => import('./build-container-client-UYQEUZU5.mjs')
-);
-var BuildContainer = (props) => {
-  const { content, edit, name } = props;
-  const items = Array.isArray(content) ? content : content?.[name] || [];
-  if (!edit) {
-    return items.map((item) => /* @__PURE__ */ React3.createElement(DesignWrapper, { styles: item.styles }, builder.bindComponent(item, true)));
-  }
-  return /* @__PURE__ */ React3.createElement(React3.Suspense, { fallback: /* @__PURE__ */ React3.createElement("div", null, "Loading...") }, /* @__PURE__ */ React3.createElement(BuildContainerInner, { ...props }));
-};
-
-export { BuildContainer, DesignWrapper, Image, builder, cn, insertAt, tv };

package/dist/chunk-5EZQG6MP.mjs

@@ -1,20 +0,0 @@
-import { BuildContainer } from './chunk-NAY45PRQ.mjs';
-import * as React from 'react';
-import { lazy } from 'react';
-
-var StaticContent = (props) => {
-  return /* @__PURE__ */ React.createElement(
-    BuildContainer,
-    {
-      name: "root",
-      edit: false,
-      multiple: true,
-      content: props.content || []
-    }
-  );
-};
-
-// src/index.ts
-var BuilderContent = lazy(() => import('./builder-content-44DXQN5V.mjs'));
-
-export { BuilderContent, StaticContent };

package/dist/chunk-7SAGJTH2.js

@@ -1,153 +0,0 @@
-'use strict';
-
-var React3 = require('react');
-var NextImage = require('next/image');
-var clsx = require('clsx');
-var tailwindMerge = require('tailwind-merge');
-var tailwindVariants = require('tailwind-variants');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React3__namespace = /*#__PURE__*/_interopNamespace(React3);
-var NextImage__default = /*#__PURE__*/_interopDefault(NextImage);
-
-// src/lib/builder.ts
-var builder = /* @__PURE__ */ (() => {
-  const components = [];
-  return {
-    register: (component, config) => {
-      if (components.find(({ name }) => name === config.name)) {
-        console.log(
-          `[simple-builder]: Component ${config.name} already registered.`
-        );
-        return;
-      }
-      components.push({
-        component,
-        ...config
-      });
-    },
-    getComponents: () => components,
-    getComponent: (name) => {
-      return components.find((c) => c.name === name);
-    },
-    bindComponent: ({ content, ...block }, edit) => {
-      const component = components.find(({ name }) => name === block.component);
-      if (!component) {
-        throw new Error(
-          `[simple-builder]: Component ${block.component} not found`
-        );
-      }
-      const Element = React3.createElement(component.component, {
-        key: block.id,
-        builder: { id: block.id, content, edit },
-        ...block.props
-      });
-      return Element;
-    }
-  };
-})();
-var Image = (props) => {
-  if (typeof NextImage__default.default !== "undefined") {
-    return /* @__PURE__ */ React3__namespace.createElement(NextImage__default.default, { ...props });
-  }
-  return /* @__PURE__ */ React3__namespace.createElement("img", { ...props });
-};
-var twMerge = tailwindMerge.extendTailwindMerge({
-  prefix: "sb-"
-});
-function cn(...inputs) {
-  return twMerge(clsx.clsx(inputs));
-}
-var tv = tailwindVariants.createTV({
-  twMergeConfig: {
-    prefix: "sb-"
-  }
-});
-var insertAt = (items, index, item) => {
-  return Array.isArray(items) ? [...items.slice(0, index), item, ...items.slice(index)] : [item];
-};
-
-// src/components/design-wrapper.tsx
-var DesignWrapper = (props) => {
-  const { children, className, building = false } = props;
-  const { background } = props.styles?.desktop ?? {};
-  const matches = typeof background === "string" ? background.match(/url\(["']?(.*?)["']?\)/) : void 0;
-  const src = matches ? matches[1] : void 0;
-  const desktopStyles = props.styles?.desktop ?? {};
-  const mobileStyles = props.styles?.mobile ?? {};
-  const container = props.styles?.container ?? true;
-  const hidden = props.styles?.hidden ?? "never";
-  const id = React3__namespace.useId().replace(/[^a-zA-Z0-9]/g, "");
-  let hiddenClass = "";
-  switch (hidden) {
-    case "always":
-      hiddenClass = building ? "sb-opacity-30" : "sb-hidden";
-      break;
-    case "mobile":
-      hiddenClass = building ? "max-md:sb-opacity-30" : "max-md:sb-hidden";
-      break;
-    case "desktop":
-      hiddenClass = building ? "md:sb-opacity-30" : "md:sb-hidden";
-      break;
-    case "never":
-      hiddenClass = "";
-      break;
-  }
-  return /* @__PURE__ */ React3__namespace.createElement("div", { id, className: cn("sb-relative", className, hiddenClass) }, src && /* @__PURE__ */ React3__namespace.createElement(
-    Image,
-    {
-      src,
-      alt: "",
-      fill: true,
-      className: "sb-object-cover sb-absolute sb-inset-0 sb-pointer-events-none sb--z-[1]"
-    }
-  ), container ? /* @__PURE__ */ React3__namespace.createElement("div", { className: "container sb-mx-auto" }, children) : children, /* @__PURE__ */ React3__namespace.createElement("style", null, `
-        #${id} {
-          ${Object.entries(desktopStyles).filter(([key]) => !(key === "background" && src)).map(([key, value]) => `${key}: ${value};`).join(" ")}
-        }
-
-        @media (max-width: 1024px) {
-          #${id} {
-            ${Object.entries(mobileStyles).filter(([key]) => !(key === "background" && src)).map(([key, value]) => `${key}: ${value}; `).join(" ")}
-          }
-        }
-      `.replace(/\s\s+/g, " ")));
-};
-var BuildContainerInner = React3__namespace.lazy(
-  () => import('./build-container-client-LR4UL6XD.js')
-);
-var BuildContainer = (props) => {
-  const { content, edit, name } = props;
-  const items = Array.isArray(content) ? content : content?.[name] || [];
-  if (!edit) {
-    return items.map((item) => /* @__PURE__ */ React3__namespace.createElement(DesignWrapper, { styles: item.styles }, builder.bindComponent(item, true)));
-  }
-  return /* @__PURE__ */ React3__namespace.createElement(React3__namespace.Suspense, { fallback: /* @__PURE__ */ React3__namespace.createElement("div", null, "Loading...") }, /* @__PURE__ */ React3__namespace.createElement(BuildContainerInner, { ...props }));
-};
-
-exports.BuildContainer = BuildContainer;
-exports.DesignWrapper = DesignWrapper;
-exports.Image = Image;
-exports.builder = builder;
-exports.cn = cn;
-exports.insertAt = insertAt;
-exports.tv = tv;