@simple-builder/react 1.2.10 → 1.3.1

package/dist/{chunk-IACBZNOK.js → chunk-2CPAROZB.js}

@@ -100,27 +100,27 @@ var DesignWrapper = (props) => {
   let hiddenClass = "";
   switch (hidden) {
     case "always":
-      hiddenClass = building ? "sb-opacity-30" : "sb-hidden";
+      hiddenClass = building ? "sb:opacity-30" : "sb:hidden";
       break;
     case "mobile":
-      hiddenClass = building ? "max-md:sb-opacity-30" : "max-md:sb-hidden";
+      hiddenClass = building ? "sb:max-md:opacity-30" : "sb:max-md:hidden";
       break;
     case "desktop":
-      hiddenClass = building ? "md:sb-opacity-30" : "md:sb-hidden";
+      hiddenClass = building ? "sb:md:opacity-30" : "sb:md:hidden";
       break;
     case "never":
       hiddenClass = "";
       break;
   }
-  return /* @__PURE__ */ React3__namespace.createElement("div", { id, className: cn("sb-relative", className, hiddenClass) }, src && /* @__PURE__ */ React3__namespace.createElement(
+  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]"
+      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, `
+  ), 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(" ")}
         }
@@ -133,7 +133,7 @@ var DesignWrapper = (props) => {
       `.replace(/\s\s+/g, " ")));
 };
 var BuildContainerInner = React3__namespace.lazy(
-  () => import('./build-container-client-JS3CR4W3.js')
+  () => import('./build-container-client-NXIMV3RF.js')
 );
 var BuildContainer = (props) => {
   const { content, edit, name } = props;

package/dist/{chunk-2DLJX5FY.mjs → chunk-B5R6QY7N.mjs}

@@ -76,27 +76,27 @@ var DesignWrapper = (props) => {
   let hiddenClass = "";
   switch (hidden) {
     case "always":
-      hiddenClass = building ? "sb-opacity-30" : "sb-hidden";
+      hiddenClass = building ? "sb:opacity-30" : "sb:hidden";
       break;
     case "mobile":
-      hiddenClass = building ? "max-md:sb-opacity-30" : "max-md:sb-hidden";
+      hiddenClass = building ? "sb:max-md:opacity-30" : "sb:max-md:hidden";
       break;
     case "desktop":
-      hiddenClass = building ? "md:sb-opacity-30" : "md:sb-hidden";
+      hiddenClass = building ? "sb:md:opacity-30" : "sb:md:hidden";
       break;
     case "never":
       hiddenClass = "";
       break;
   }
-  return /* @__PURE__ */ React3.createElement("div", { id, className: cn("sb-relative", className, hiddenClass) }, src && /* @__PURE__ */ React3.createElement(
+  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]"
+      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, `
+  ), 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(" ")}
         }
@@ -109,7 +109,7 @@ var DesignWrapper = (props) => {
       `.replace(/\s\s+/g, " ")));
 };
 var BuildContainerInner = React3.lazy(
-  () => import('./build-container-client-6D4M5MV6.mjs')
+  () => import('./build-container-client-5QC5KVS3.mjs')
 );
 var BuildContainer = (props) => {
   const { content, edit, name } = props;

package/dist/{chunk-5DXQZNUR.mjs → chunk-CJGHP5Q7.mjs}

@@ -1,4 +1,4 @@
-import { cn, builder, insertAt } from './chunk-TF7VKEU2.mjs';
+import { cn, builder, insertAt } from './chunk-B5R6QY7N.mjs';
 import * as React from 'react';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
@@ -115,13 +115,19 @@ var BuilderProvider = (props) => {
   );
   const save = React.useCallback(async () => {
     const slug = window.location.pathname;
-    await fetch(`${url}/page/update`, {
-      method: "POST",
-      body: JSON.stringify({
-        slug,
-        content
-      })
-    });
+    try {
+      await fetch(`${url}/page/update`, {
+        method: "POST",
+        body: JSON.stringify({
+          slug,
+          content
+        })
+      });
+      alert("Pagina opgeslagen!");
+    } catch (e) {
+      console.error("[simple-builder]: Failed to save content", e);
+      alert("Er is iets fout gegaan. Bekijk de console voor meer info.");
+    }
   }, [content]);
   return /* @__PURE__ */ React.createElement(
     BuilderContext.Provider,
@@ -196,22 +202,22 @@ var findRecursive = (items, predicate, key = "content") => {
   }
 };
 var buttonVariants = cva(
-  "sb-inline-flex sb-items-center sb-justify-center sb-gap-2 sb-whitespace-nowrap sb-rounded-md sb-text-sm sb-font-medium sb-transition-colors focus-visible:sb-outline-none focus-visible:sb-ring-1 focus-visible:sb-ring-ring disabled:sb-pointer-events-none disabled:sb-opacity-50 [&_svg]:sb-pointer-events-none [&_svg]:sb-size-4 [&_svg]:sb-shrink-0",
+  "sb:inline-flex sb:items-center sb:justify-center sb:gap-2 sb:whitespace-nowrap sb:rounded-md sb:text-sm sb:font-medium sb:transition-colors sb:focus-visible:outline-hidden sb:focus-visible:ring-1 sb:focus-visible:ring-ring sb:disabled:pointer-events-none sb:disabled:opacity-50 sb:[&_svg]:pointer-events-none sb:[&_svg]:size-4 sb:[&_svg]:shrink-0",
   {
     variants: {
       variant: {
-        default: "sb-bg-primary sb-text-primary-foreground sb-shadow hover:sb-bg-primary/90",
-        destructive: "sb-bg-destructive sb-text-destructive-foreground sb-shadow-sm hover:sb-bg-destructive/90",
-        outline: "sb-border sb-border-input sb-bg-background sb-shadow-sm hover:sb-bg-accent hover:sb-text-accent-foreground",
-        secondary: "sb-bg-secondary sb-text-secondary-foreground sb-shadow-sm hover:sb-bg-secondary/80",
-        ghost: "hover:sb-bg-accent hover:sb-text-accent-foreground",
-        link: "sb-text-primary sb-underline-offset-4 hover:sb-underline"
+        default: "sb:bg-primary sb:text-primary-foreground sb:shadow sb:hover:bg-primary/90",
+        destructive: "sb:bg-destructive sb:text-destructive-foreground sb:shadow-sm sb:hover:bg-destructive/90",
+        outline: "sb:border sb:border-input sb:bg-background sb:shadow-sm sb:hover:bg-accent sb:hover:text-accent-foreground",
+        secondary: "sb:bg-secondary sb:text-secondary-foreground sb:shadow-sm sb:hover:bg-secondary/80",
+        ghost: "sb:hover:bg-accent sb:hover:text-accent-foreground",
+        link: "sb:text-primary sb:underline-offset-4 sb:hover:underline"
       },
       size: {
-        default: "sb-h-9 sb-px-4 sb-py-2",
-        sm: "sb-h-8 sb-rounded-md sb-px-3 sb-text-xs",
-        lg: "sb-h-10 sb-rounded-md sb-px-8",
-        icon: "sb-h-9 sb-w-9"
+        default: "sb:h-9 sb:px-4 sb:py-2",
+        sm: "sb:h-8 sb:rounded-md sb:px-3 sb:text-xs",
+        lg: "sb:h-10 sb:rounded-md sb:px-8",
+        icon: "sb:h-9 sb:w-9"
       }
     },
     defaultVariants: {

package/dist/{chunk-5N4LAZ6V.js → chunk-WI3YU7TV.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkSMRPMB3V_js = require('./chunk-SMRPMB3V.js');
+var chunk2CPAROZB_js = require('./chunk-2CPAROZB.js');
 var React = require('react');
 
 function _interopNamespace(e) {
@@ -25,7 +25,7 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 var StaticContent = (props) => {
   return /* @__PURE__ */ React__namespace.createElement(
-    chunkSMRPMB3V_js.BuildContainer,
+    chunk2CPAROZB_js.BuildContainer,
     {
       name: "root",
       edit: false,
@@ -36,7 +36,7 @@ var StaticContent = (props) => {
 };
 
 // src/index.ts
-var BuilderContent = React.lazy(() => import('./builder-content-MPQ7ZQN4.js'));
+var BuilderContent = React.lazy(() => import('./builder-content-BIVYFWCC.js'));
 
 exports.BuilderContent = BuilderContent;
 exports.StaticContent = StaticContent;

package/dist/{chunk-3F3TNWYK.mjs → chunk-XSG7W73Z.mjs}

@@ -1,4 +1,4 @@
-import { BuildContainer } from './chunk-XFIY7HQO.mjs';
+import { BuildContainer } from './chunk-B5R6QY7N.mjs';
 import * as React from 'react';
 import { lazy } from 'react';
 
@@ -15,6 +15,6 @@ var StaticContent = (props) => {
 };
 
 // src/index.ts
-var BuilderContent = lazy(() => import('./builder-content-KWK44AH6.mjs'));
+var BuilderContent = lazy(() => import('./builder-content-3H7GF3KF.mjs'));
 
 export { BuilderContent, StaticContent };

package/dist/{chunk-6NZWMSQR.js → chunk-YKPZPQ5D.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkOOIADGIA_js = require('./chunk-OOIADGIA.js');
+var chunk2CPAROZB_js = require('./chunk-2CPAROZB.js');
 var React = require('react');
 var reactSlot = require('@radix-ui/react-slot');
 var classVarianceAuthority = require('class-variance-authority');
@@ -57,7 +57,7 @@ var BuilderProvider = (props) => {
   );
   const addContent = React__namespace.useCallback(
     (name, container, parent, index = 0) => {
-      const component = chunkOOIADGIA_js.builder.getComponent(name);
+      const component = chunk2CPAROZB_js.builder.getComponent(name);
       if (!component) {
         throw new Error(`[simple-builder]: Component "${name}" not found`);
       }
@@ -79,7 +79,7 @@ var BuilderProvider = (props) => {
         }
       };
       if (!parent) {
-        setContent((content2) => chunkOOIADGIA_js.insertAt(content2, index, entry));
+        setContent((content2) => chunk2CPAROZB_js.insertAt(content2, index, entry));
         return;
       }
       setContent(
@@ -89,7 +89,7 @@ var BuilderProvider = (props) => {
               ...item,
               content: {
                 ...item.content,
-                [container]: chunkOOIADGIA_js.insertAt(item.content?.[container], index, entry)
+                [container]: chunk2CPAROZB_js.insertAt(item.content?.[container], index, entry)
               }
             };
           }
@@ -137,13 +137,19 @@ var BuilderProvider = (props) => {
   );
   const save = React__namespace.useCallback(async () => {
     const slug = window.location.pathname;
-    await fetch(`${url}/page/update`, {
-      method: "POST",
-      body: JSON.stringify({
-        slug,
-        content
-      })
-    });
+    try {
+      await fetch(`${url}/page/update`, {
+        method: "POST",
+        body: JSON.stringify({
+          slug,
+          content
+        })
+      });
+      alert("Pagina opgeslagen!");
+    } catch (e) {
+      console.error("[simple-builder]: Failed to save content", e);
+      alert("Er is iets fout gegaan. Bekijk de console voor meer info.");
+    }
   }, [content]);
   return /* @__PURE__ */ React__namespace.createElement(
     BuilderContext.Provider,
@@ -218,22 +224,22 @@ var findRecursive = (items, predicate, key = "content") => {
   }
 };
 var buttonVariants = classVarianceAuthority.cva(
-  "sb-inline-flex sb-items-center sb-justify-center sb-gap-2 sb-whitespace-nowrap sb-rounded-md sb-text-sm sb-font-medium sb-transition-colors focus-visible:sb-outline-none focus-visible:sb-ring-1 focus-visible:sb-ring-ring disabled:sb-pointer-events-none disabled:sb-opacity-50 [&_svg]:sb-pointer-events-none [&_svg]:sb-size-4 [&_svg]:sb-shrink-0",
+  "sb:inline-flex sb:items-center sb:justify-center sb:gap-2 sb:whitespace-nowrap sb:rounded-md sb:text-sm sb:font-medium sb:transition-colors sb:focus-visible:outline-hidden sb:focus-visible:ring-1 sb:focus-visible:ring-ring sb:disabled:pointer-events-none sb:disabled:opacity-50 sb:[&_svg]:pointer-events-none sb:[&_svg]:size-4 sb:[&_svg]:shrink-0",
   {
     variants: {
       variant: {
-        default: "sb-bg-primary sb-text-primary-foreground sb-shadow hover:sb-bg-primary/90",
-        destructive: "sb-bg-destructive sb-text-destructive-foreground sb-shadow-sm hover:sb-bg-destructive/90",
-        outline: "sb-border sb-border-input sb-bg-background sb-shadow-sm hover:sb-bg-accent hover:sb-text-accent-foreground",
-        secondary: "sb-bg-secondary sb-text-secondary-foreground sb-shadow-sm hover:sb-bg-secondary/80",
-        ghost: "hover:sb-bg-accent hover:sb-text-accent-foreground",
-        link: "sb-text-primary sb-underline-offset-4 hover:sb-underline"
+        default: "sb:bg-primary sb:text-primary-foreground sb:shadow sb:hover:bg-primary/90",
+        destructive: "sb:bg-destructive sb:text-destructive-foreground sb:shadow-sm sb:hover:bg-destructive/90",
+        outline: "sb:border sb:border-input sb:bg-background sb:shadow-sm sb:hover:bg-accent sb:hover:text-accent-foreground",
+        secondary: "sb:bg-secondary sb:text-secondary-foreground sb:shadow-sm sb:hover:bg-secondary/80",
+        ghost: "sb:hover:bg-accent sb:hover:text-accent-foreground",
+        link: "sb:text-primary sb:underline-offset-4 sb:hover:underline"
       },
       size: {
-        default: "sb-h-9 sb-px-4 sb-py-2",
-        sm: "sb-h-8 sb-rounded-md sb-px-3 sb-text-xs",
-        lg: "sb-h-10 sb-rounded-md sb-px-8",
-        icon: "sb-h-9 sb-w-9"
+        default: "sb:h-9 sb:px-4 sb:py-2",
+        sm: "sb:h-8 sb:rounded-md sb:px-3 sb:text-xs",
+        lg: "sb:h-10 sb:rounded-md sb:px-8",
+        icon: "sb:h-9 sb:w-9"
       }
     },
     defaultVariants: {
@@ -248,7 +254,7 @@ var Button = React__namespace.forwardRef(
     return /* @__PURE__ */ React__namespace.createElement(
       Comp,
       {
-        className: chunkOOIADGIA_js.cn(buttonVariants({ variant, size, className })),
+        className: chunk2CPAROZB_js.cn(buttonVariants({ variant, size, className })),
         ref,
         ...props
       }