@simple-builder/react 1.4.0 → 1.4.2

package/dist/{build-container-client-LMZUWEUI.mjs → build-container-client-6S55GQVT.mjs}

@@ -1,7 +1,7 @@
 'use client';
-import './chunk-UA2CNH3R.mjs';
-import { buttonVariants, Button, useBuilder } from './chunk-MXIMMIPT.mjs';
-import { cn, tv, DesignWrapper, builder, Image } from './chunk-ZQBKKI2S.mjs';
+import './chunk-X5MZZBYC.mjs';
+import { buttonVariants, Button, useBuilder } from './chunk-ZJYB6LEV.mjs';
+import { cn, tv, DesignWrapper, builder, Image } from './chunk-QSAIF4GO.mjs';
 import * as React25 from 'react';
 import { useCallback } from 'react';
 import { ChevronRight, Check, Circle, X, ChevronDown, ChevronUp, PlusIcon, ArrowUp, ArrowDown, Edit2Icon, Trash2Icon, ImageIcon, XIcon, PlusCircleIcon, CalendarIcon, MonitorIcon, SmartphoneIcon, ChevronLeftIcon, ChevronRightIcon, PaintbrushIcon, Loader2Icon, AlignHorizontalSpaceAroundIcon, AlignHorizontalJustifyStartIcon, ScanIcon } from 'lucide-react';
@@ -173,13 +173,16 @@ var Link = TiptapLink.extend({
   }
 });
 
+// src/features/rich-text-editor/utils/normalize-rich-text-colors.ts
+var normalizeRichTextColors = (html) => html.replaceAll(/hsl\(var\((--[A-Za-z0-9-]+)\)\)/g, "var($1)");
+
 // src/features/rich-text-editor/utils/get-output.ts
 var getOutput = (editor, format2) => {
   switch (format2) {
     case "json":
       return editor.getJSON();
     case "html":
-      return editor.isEmpty ? "" : editor.getHTML();
+      return editor.isEmpty ? "" : normalizeRichTextColors(editor.getHTML());
     default:
       return editor.getText();
   }
@@ -198,7 +201,9 @@ var useRichTextEditor = ({
     (editor2) => {
       console.count("useRichTextEditor:handleCreate");
       if (value && editor2.isEmpty) {
-        editor2.commands.setContent(value);
+        editor2.commands.setContent(
+          typeof value === "string" ? normalizeRichTextColors(value) : value
+        );
       }
     },
     [value]
@@ -423,32 +428,34 @@ var ToggleGroupItem = React25.forwardRef(({ className, children, variant, size,
 ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
 var PALETTES = [
   {
-    inverse: "hsl(var(--background))",
+    inverse: "var(--background)",
     colors: [
-      { cssVar: "hsl(var(--foreground))" },
-      { cssVar: "hsl(var(--primary-foreground))" },
-      { cssVar: "hsl(var(--secondary-foreground))" },
-      { cssVar: "hsl(var(--tertiary-foreground))" },
-      { cssVar: "hsl(var(--muted-foreground))" },
-      { cssVar: "hsl(var(--accent-foreground))" },
-      { cssVar: "hsl(var(--destructive-foreground))" }
+      { cssVar: "var(--foreground)" },
+      { cssVar: "var(--primary-foreground)" },
+      { cssVar: "var(--secondary-foreground)" },
+      { cssVar: "var(--tertiary-foreground)" },
+      { cssVar: "var(--muted-foreground)" },
+      { cssVar: "var(--accent-foreground)" },
+      { cssVar: "var(--destructive-foreground)" }
     ]
   },
   {
-    inverse: "hsl(var(--foreground))",
+    inverse: "var(--foreground)",
     colors: [
-      { cssVar: "hsl(var(--background))" },
-      { cssVar: "hsl(var(--primary))" },
-      { cssVar: "hsl(var(--secondary))" },
-      { cssVar: "hsl(var(--tertiary))" },
-      { cssVar: "hsl(var(--muted))" },
-      { cssVar: "hsl(var(--accent))" },
-      { cssVar: "hsl(var(--destructive))" }
+      { cssVar: "var(--background)" },
+      { cssVar: "var(--primary)" },
+      { cssVar: "var(--secondary)" },
+      { cssVar: "var(--tertiary)" },
+      { cssVar: "var(--muted)" },
+      { cssVar: "var(--accent)" },
+      { cssVar: "var(--destructive)" }
     ]
   }
 ];
 var ColorTool = ({ editor }) => {
-  const color = editor.getAttributes("textStyle")?.color || "hsl(var(--foreground))";
+  const color = normalizeRichTextColors(
+    editor.getAttributes("textStyle")?.color || "var(--foreground)"
+  );
   const [selectedColor, setSelectedColor] = React25.useState(color);
   React25.useEffect(() => {
     setSelectedColor(color);
@@ -495,7 +502,7 @@ var ColorTool = ({ editor }) => {
         value: color2.cssVar,
         style: { backgroundColor: color2.cssVar }
       },
-      selectedColor === color2.cssVar && /* @__PURE__ */ React25.createElement(
+      normalizeRichTextColors(selectedColor) === color2.cssVar && /* @__PURE__ */ React25.createElement(
         LuCheck,
         {
           className: "sb:absolute sb:inset-0 sb:m-auto sb:size-6",

package/dist/{build-container-client-EQBL556Y.js → build-container-client-JAITVVDD.js}

@@ -1,9 +1,9 @@
 'use client';
 'use strict';
 
-require('./chunk-7I4RGF45.js');
-var chunk4SFXTFFU_js = require('./chunk-4SFXTFFU.js');
-var chunkYFRFNRKR_js = require('./chunk-YFRFNRKR.js');
+require('./chunk-JFWIO2AR.js');
+var chunk7FWFM2TR_js = require('./chunk-7FWFM2TR.js');
+var chunk63LNKQZD_js = require('./chunk-63LNKQZD.js');
 var React25 = require('react');
 var lucideReact = require('lucide-react');
 var AlertDialogPrimitive = require('@radix-ui/react-alert-dialog');
@@ -75,7 +75,7 @@ var AlertDialogPortal = AlertDialogPrimitive__namespace.Portal;
 var AlertDialogOverlay = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React25__namespace.createElement(
   AlertDialogPrimitive__namespace.Overlay,
   {
-    className: chunkYFRFNRKR_js.cn(
+    className: chunk63LNKQZD_js.cn(
       "sb:fixed sb:inset-0 sb:z-50 sb:bg-background/80 sb:backdrop-blur-sm data-[state=open]:sb-animate-in data-[state=closed]:sb-animate-out data-[state=closed]:sb-fade-out-0 data-[state=open]:sb-fade-in-0",
       className
     ),
@@ -88,7 +88,7 @@ var AlertDialogContent = React25__namespace.forwardRef(({ className, ...props },
   AlertDialogPrimitive__namespace.Content,
   {
     ref,
-    className: chunkYFRFNRKR_js.cn(
+    className: chunk63LNKQZD_js.cn(
       "sb:fixed sb:font-roboto sb:left-[50%] sb:top-[50%] sb:z-50 sb:grid sb:w-full sb:max-w-lg sb:translate-x-[-50%] sb:translate-y-[-50%] sb:gap-4 sb:border sb:bg-background sb:p-6 sb:shadow-lg sb:duration-200 data-[state=open]:sb-animate-in data-[state=closed]:sb-animate-out data-[state=closed]:sb-fade-out-0 data-[state=open]:sb-fade-in-0 data-[state=closed]:sb-zoom-out-95 data-[state=open]:sb-zoom-in-95 data-[state=closed]:sb-slide-out-to-left-1/2 data-[state=closed]:sb-slide-out-to-top-[48%] data-[state=open]:sb-slide-in-from-left-1/2 data-[state=open]:sb-slide-in-from-top-[48%] sb:sm:rounded-lg",
       className
     ),
@@ -102,7 +102,7 @@ var AlertDialogFooter = ({
 }) => /* @__PURE__ */ React25__namespace.createElement(
   "div",
   {
-    className: chunkYFRFNRKR_js.cn(
+    className: chunk63LNKQZD_js.cn(
       "sb:flex sb:flex-col-reverse sb:sm:flex-row sb:sm:justify-end sb:sm:gap-2",
       className
     ),
@@ -114,7 +114,7 @@ var AlertDialogTitle = React25__namespace.forwardRef(({ className, ...props }, r
   AlertDialogPrimitive__namespace.Title,
   {
     ref,
-    className: chunkYFRFNRKR_js.cn("sb:text-lg sb:font-semibold", className),
+    className: chunk63LNKQZD_js.cn("sb:text-lg sb:font-semibold", className),
     ...props
   }
 ));
@@ -123,7 +123,7 @@ var AlertDialogDescription = React25__namespace.forwardRef(({ className, ...prop
   AlertDialogPrimitive__namespace.Description,
   {
     ref,
-    className: chunkYFRFNRKR_js.cn("sb:text-sm sb:text-muted-foreground", className),
+    className: chunk63LNKQZD_js.cn("sb:text-sm sb:text-muted-foreground", className),
     ...props
   }
 ));
@@ -132,7 +132,7 @@ var AlertDialogAction = React25__namespace.forwardRef(({ className, ...props },
   AlertDialogPrimitive__namespace.Action,
   {
     ref,
-    className: chunkYFRFNRKR_js.cn(chunk4SFXTFFU_js.buttonVariants(), className),
+    className: chunk63LNKQZD_js.cn(chunk7FWFM2TR_js.buttonVariants(), className),
     ...props
   }
 ));
@@ -141,8 +141,8 @@ var AlertDialogCancel = React25__namespace.forwardRef(({ className, ...props },
   AlertDialogPrimitive__namespace.Cancel,
   {
     ref,
-    className: chunkYFRFNRKR_js.cn(
-      chunk4SFXTFFU_js.buttonVariants({ variant: "outline" }),
+    className: chunk63LNKQZD_js.cn(
+      chunk7FWFM2TR_js.buttonVariants({ variant: "outline" }),
       "sb:mt-2 sb:sm:mt-0",
       className
     ),
@@ -159,7 +159,7 @@ var PopoverContent = React25__namespace.forwardRef(({ className, align = "center
     ref,
     align,
     sideOffset,
-    className: chunkYFRFNRKR_js.cn(
+    className: chunk63LNKQZD_js.cn(
       "sb:z-50 sb:w-72 sb:rounded-md sb:border sb:bg-popover sb:text-popover-foreground sb:shadow-md sb:outline-hidden data-[state=open]:sb-animate-in data-[state=closed]:sb-animate-out data-[state=closed]:sb-fade-out-0 data-[state=open]:sb-fade-in-0 data-[state=closed]:sb-zoom-out-95 data-[state=open]:sb-zoom-in-95 data-[side=bottom]:sb-slide-in-from-top-2 data-[side=left]:sb-slide-in-from-right-2 data-[side=right]:sb-slide-in-from-left-2 data-[side=top]:sb-slide-in-from-bottom-2 sb:origin-(--radix-popover-content-transform-origin)",
       className
     ),
@@ -209,13 +209,16 @@ var Link = TiptapLink__default.default.extend({
   }
 });
 
+// src/features/rich-text-editor/utils/normalize-rich-text-colors.ts
+var normalizeRichTextColors = (html) => html.replaceAll(/hsl\(var\((--[A-Za-z0-9-]+)\)\)/g, "var($1)");
+
 // src/features/rich-text-editor/utils/get-output.ts
 var getOutput = (editor, format2) => {
   switch (format2) {
     case "json":
       return editor.getJSON();
     case "html":
-      return editor.isEmpty ? "" : editor.getHTML();
+      return editor.isEmpty ? "" : normalizeRichTextColors(editor.getHTML());
     default:
       return editor.getText();
   }
@@ -234,7 +237,9 @@ var useRichTextEditor = ({
     (editor2) => {
       console.count("useRichTextEditor:handleCreate");
       if (value && editor2.isEmpty) {
-        editor2.commands.setContent(value);
+        editor2.commands.setContent(
+          typeof value === "string" ? normalizeRichTextColors(value) : value
+        );
       }
     },
     [value]
@@ -260,7 +265,7 @@ var useRichTextEditor = ({
         autocomplete: "off",
         autocorrect: "off",
         autocapitalize: "off",
-        class: chunkYFRFNRKR_js.cn("sb-focus:outline-none", editorClassName)
+        class: chunk63LNKQZD_js.cn("sb-focus:outline-none", editorClassName)
       }
     },
     onCreate: ({ editor: editor2 }) => handleCreate(editor2),
@@ -277,7 +282,7 @@ var DropdownMenuSubTrigger = React25__namespace.forwardRef(({ className, inset,
   DropdownMenuPrimitive__namespace.SubTrigger,
   {
     ref,
-    className: chunkYFRFNRKR_js.cn(
+    className: chunk63LNKQZD_js.cn(
       "sb:flex sb:cursor-default sb:select-none sb:items-center sb:gap-2 sb:rounded-sm sb:px-2 sb:py-1.5 sb:text-sm sb:outline-hidden sb:focus:bg-accent sb:data-[state=open]:bg-accent sb:[&_svg]:pointer-events-none sb:[&_svg]:size-4 sb:[&_svg]:shrink-0",
       inset && "sb:pl-8",
       className
@@ -292,7 +297,7 @@ var DropdownMenuSubContent = React25__namespace.forwardRef(({ className, ...prop
   DropdownMenuPrimitive__namespace.SubContent,
   {
     ref,
-    className: chunkYFRFNRKR_js.cn(
+    className: chunk63LNKQZD_js.cn(
       "sb:z-50 sb:min-w-32 sb:overflow-hidden sb:rounded-md sb:border sb:bg-popover sb:p-1 sb:text-popover-foreground sb:shadow-lg data-[state=open]:sb-animate-in data-[state=closed]:sb-animate-out data-[state=closed]:sb-fade-out-0 data-[state=open]:sb-fade-in-0 data-[state=closed]:sb-zoom-out-95 data-[state=open]:sb-zoom-in-95 data-[side=bottom]:sb-slide-in-from-top-2 data-[side=left]:sb-slide-in-from-right-2 data-[side=right]:sb-slide-in-from-left-2 data-[side=top]:sb-slide-in-from-bottom-2 sb:origin-(--radix-dropdown-menu-content-transform-origin)",
       className
     ),
@@ -305,7 +310,7 @@ var DropdownMenuContent = React25__namespace.forwardRef(({ className, sideOffset
   {
     ref,
     sideOffset,
-    className: chunkYFRFNRKR_js.cn(
+    className: chunk63LNKQZD_js.cn(
       "sb:z-50 sb:max-h-(--radix-dropdown-menu-content-available-height) sb:min-w-32 sb:overflow-y-auto sb:overflow-x-hidden sb:rounded-md sb:border sb:bg-popover sb:p-1 sb:text-popover-foreground sb:shadow-md",
       "data-[state=open]:sb-animate-in data-[state=closed]:sb-animate-out data-[state=closed]:sb-fade-out-0 data-[state=open]:sb-fade-in-0 data-[state=closed]:sb-zoom-out-95 data-[state=open]:sb-zoom-in-95 data-[side=bottom]:sb-slide-in-from-top-2 data-[side=left]:sb-slide-in-from-right-2 data-[side=right]:sb-slide-in-from-left-2 data-[side=top]:sb-slide-in-from-bottom-2 sb:origin-(--radix-dropdown-menu-content-transform-origin)",
       className
@@ -318,7 +323,7 @@ var DropdownMenuItem = React25__namespace.forwardRef(({ className, inset, ...pro
   DropdownMenuPrimitive__namespace.Item,
   {
     ref,
-    className: chunkYFRFNRKR_js.cn(
+    className: chunk63LNKQZD_js.cn(
       "sb:relative sb:flex sb:cursor-default sb:select-none sb:items-center sb:gap-2 sb:rounded-sm sb:px-2 sb:py-1.5 sb:text-sm sb:outline-hidden sb:transition-colors sb:focus:bg-accent sb:focus:text-accent-foreground sb:data-disabled:pointer-events-none sb:data-disabled:opacity-50 sb:[&>svg]:size-4 sb:[&>svg]:shrink-0",
       inset && "sb:pl-8",
       className
@@ -331,7 +336,7 @@ var DropdownMenuCheckboxItem = React25__namespace.forwardRef(({ className, child
   DropdownMenuPrimitive__namespace.CheckboxItem,
   {
     ref,
-    className: chunkYFRFNRKR_js.cn(
+    className: chunk63LNKQZD_js.cn(
       "sb:relative sb:flex sb:cursor-default sb:select-none sb:items-center sb:rounded-sm sb:py-1.5 sb:pl-8 sb:pr-2 sb:text-sm sb:outline-hidden sb:transition-colors sb:focus:bg-accent sb:focus:text-accent-foreground sb:data-disabled:pointer-events-none sb:data-disabled:opacity-50",
       className
     ),
@@ -346,7 +351,7 @@ var DropdownMenuRadioItem = React25__namespace.forwardRef(({ className, children
   DropdownMenuPrimitive__namespace.RadioItem,
   {
     ref,
-    className: chunkYFRFNRKR_js.cn(
+    className: chunk63LNKQZD_js.cn(
       "sb:relative sb:flex sb:cursor-default sb:select-none sb:items-center sb:rounded-sm sb:py-1.5 sb:pl-8 sb:pr-2 sb:text-sm sb:outline-hidden sb:transition-colors sb:focus:bg-accent sb:focus:text-accent-foreground sb:data-disabled:pointer-events-none sb:data-disabled:opacity-50",
       className
     ),
@@ -360,7 +365,7 @@ var DropdownMenuLabel = React25__namespace.forwardRef(({ className, inset, ...pr
   DropdownMenuPrimitive__namespace.Label,
   {
     ref,
-    className: chunkYFRFNRKR_js.cn(
+    className: chunk63LNKQZD_js.cn(
       "sb:px-2 sb:py-1.5 sb:text-sm sb:font-semibold",
       inset && "sb:pl-8",
       className
@@ -373,7 +378,7 @@ var DropdownMenuSeparator = React25__namespace.forwardRef(({ className, ...props
   DropdownMenuPrimitive__namespace.Separator,
   {
     ref,
-    className: chunkYFRFNRKR_js.cn("sb:-mx-1 sb:my-1 sb:h-px sb:bg-muted", className),
+    className: chunk63LNKQZD_js.cn("sb:-mx-1 sb:my-1 sb:h-px sb:bg-muted", className),
     ...props
   }
 ));
@@ -385,7 +390,7 @@ var Separator2 = React25__namespace.forwardRef(
       ref,
       decorative,
       orientation,
-      className: chunkYFRFNRKR_js.cn(
+      className: chunk63LNKQZD_js.cn(
         "sb:shrink-0 sb:bg-border",
         orientation === "horizontal" ? "sb:h-px sb:w-full" : "sb:h-full sb:w-px",
         className
@@ -419,7 +424,7 @@ var Toggle = React25__namespace.forwardRef(({ className, variant, size, ...props
   TogglePrimitive__namespace.Root,
   {
     ref,
-    className: chunkYFRFNRKR_js.cn(toggleVariants({ variant, size, className })),
+    className: chunk63LNKQZD_js.cn(toggleVariants({ variant, size, className })),
     ...props
   }
 ));
@@ -432,7 +437,7 @@ var ToggleGroup = React25__namespace.forwardRef(({ className, variant, size, chi
   ToggleGroupPrimitive__namespace.Root,
   {
     ref,
-    className: chunkYFRFNRKR_js.cn("sb:flex sb:items-center sb:justify-center sb:gap-1", className),
+    className: chunk63LNKQZD_js.cn("sb:flex sb:items-center sb:justify-center sb:gap-1", className),
     ...props
   },
   /* @__PURE__ */ React25__namespace.createElement(ToggleGroupContext.Provider, { value: { variant, size } }, children)
@@ -444,7 +449,7 @@ var ToggleGroupItem = React25__namespace.forwardRef(({ className, children, vari
     ToggleGroupPrimitive__namespace.Item,
     {
       ref,
-      className: chunkYFRFNRKR_js.cn(
+      className: chunk63LNKQZD_js.cn(
         toggleVariants({
           variant: context.variant || variant,
           size: context.size || size
@@ -459,32 +464,34 @@ var ToggleGroupItem = React25__namespace.forwardRef(({ className, children, vari
 ToggleGroupItem.displayName = ToggleGroupPrimitive__namespace.Item.displayName;
 var PALETTES = [
   {
-    inverse: "hsl(var(--background))",
+    inverse: "var(--background)",
     colors: [
-      { cssVar: "hsl(var(--foreground))" },
-      { cssVar: "hsl(var(--primary-foreground))" },
-      { cssVar: "hsl(var(--secondary-foreground))" },
-      { cssVar: "hsl(var(--tertiary-foreground))" },
-      { cssVar: "hsl(var(--muted-foreground))" },
-      { cssVar: "hsl(var(--accent-foreground))" },
-      { cssVar: "hsl(var(--destructive-foreground))" }
+      { cssVar: "var(--foreground)" },
+      { cssVar: "var(--primary-foreground)" },
+      { cssVar: "var(--secondary-foreground)" },
+      { cssVar: "var(--tertiary-foreground)" },
+      { cssVar: "var(--muted-foreground)" },
+      { cssVar: "var(--accent-foreground)" },
+      { cssVar: "var(--destructive-foreground)" }
     ]
   },
   {
-    inverse: "hsl(var(--foreground))",
+    inverse: "var(--foreground)",
     colors: [
-      { cssVar: "hsl(var(--background))" },
-      { cssVar: "hsl(var(--primary))" },
-      { cssVar: "hsl(var(--secondary))" },
-      { cssVar: "hsl(var(--tertiary))" },
-      { cssVar: "hsl(var(--muted))" },
-      { cssVar: "hsl(var(--accent))" },
-      { cssVar: "hsl(var(--destructive))" }
+      { cssVar: "var(--background)" },
+      { cssVar: "var(--primary)" },
+      { cssVar: "var(--secondary)" },
+      { cssVar: "var(--tertiary)" },
+      { cssVar: "var(--muted)" },
+      { cssVar: "var(--accent)" },
+      { cssVar: "var(--destructive)" }
     ]
   }
 ];
 var ColorTool = ({ editor }) => {
-  const color = editor.getAttributes("textStyle")?.color || "hsl(var(--foreground))";
+  const color = normalizeRichTextColors(
+    editor.getAttributes("textStyle")?.color || "var(--foreground)"
+  );
   const [selectedColor, setSelectedColor] = React25__namespace.useState(color);
   React25__namespace.useEffect(() => {
     setSelectedColor(color);
@@ -531,7 +538,7 @@ var ColorTool = ({ editor }) => {
         value: color2.cssVar,
         style: { backgroundColor: color2.cssVar }
       },
-      selectedColor === color2.cssVar && /* @__PURE__ */ React25__namespace.createElement(
+      normalizeRichTextColors(selectedColor) === color2.cssVar && /* @__PURE__ */ React25__namespace.createElement(
         lu.LuCheck,
         {
           className: "sb:absolute sb:inset-0 sb:m-auto sb:size-6",
@@ -596,7 +603,7 @@ var ElementTool = ({ editor }) => {
     DropdownMenuItem,
     {
       key: action.label,
-      className: chunkYFRFNRKR_js.cn({
+      className: chunk63LNKQZD_js.cn({
         "sb:bg-accent": action.level ? editor.isActive("heading", { level: action.level }) : editor.isActive("paragraph")
       }),
       onClick: () => handleFormatChange(action.level)
@@ -693,7 +700,7 @@ var DialogOverlay = React25__namespace.forwardRef(({ className, ...props }, ref)
   DialogPrimitive__namespace.Overlay,
   {
     ref,
-    className: chunkYFRFNRKR_js.cn(
+    className: chunk63LNKQZD_js.cn(
       "sb:fixed sb:inset-0 sb:z-50 sb:bg-black/80 sb- data-[state=open]:sb-animate-in data-[state=closed]:sb-animate-out data-[state=closed]:sb-fade-out-0 data-[state=open]:sb-fade-in-0",
       className
     ),
@@ -705,7 +712,7 @@ var DialogContent = React25__namespace.forwardRef(({ className, children, ...pro
   DialogPrimitive__namespace.Content,
   {
     ref,
-    className: chunkYFRFNRKR_js.cn(
+    className: chunk63LNKQZD_js.cn(
       "sb:fixed sb:left-[50%] sb:top-[50%] sb:z-50 sb:grid sb:w-full sb:max-w-lg sb:translate-x-[-50%] sb:translate-y-[-50%] sb:gap-4 sb:border sb:bg-background sb:p-6 sb:shadow-lg sb:duration-200 data-[state=open]:sb-animate-in data-[state=closed]:sb-animate-out data-[state=closed]:sb-fade-out-0 data-[state=open]:sb-fade-in-0 data-[state=closed]:sb-zoom-out-95 data-[state=open]:sb-zoom-in-95 data-[state=closed]:sb-slide-out-to-left-1/2 data-[state=closed]:sb-slide-out-to-top-[48%] data-[state=open]:sb-slide-in-from-left-1/2 data-[state=open]:sb-slide-in-from-top-[48%] sb:sm:rounded-lg",
       className
     ),
@@ -721,7 +728,7 @@ var DialogHeader = ({
 }) => /* @__PURE__ */ React25__namespace.createElement(
   "div",
   {
-    className: chunkYFRFNRKR_js.cn(
+    className: chunk63LNKQZD_js.cn(
       "sb:flex sb:flex-col sb:gap-1.5 sb:text-center sb:sm:text-left",
       className
     ),
@@ -733,7 +740,7 @@ var DialogTitle = React25__namespace.forwardRef(({ className, ...props }, ref) =
   DialogPrimitive__namespace.Title,
   {
     ref,
-    className: chunkYFRFNRKR_js.cn(
+    className: chunk63LNKQZD_js.cn(
       "sb:text-lg sb:font-semibold sb:leading-none sb:tracking-tight",
       className
     ),
@@ -745,7 +752,7 @@ var DialogDescription = React25__namespace.forwardRef(({ className, ...props },
   DialogPrimitive__namespace.Description,
   {
     ref,
-    className: chunkYFRFNRKR_js.cn("sb:text-sm sb:text-muted-foreground", className),
+    className: chunk63LNKQZD_js.cn("sb:text-sm sb:text-muted-foreground", className),
     ...props
   }
 ));
@@ -757,7 +764,7 @@ var Label2 = React25__namespace.forwardRef(({ className, ...props }, ref) => /*
   LabelPrimitive__namespace.Root,
   {
     ref,
-    className: chunkYFRFNRKR_js.cn(labelVariants(), className),
+    className: chunk63LNKQZD_js.cn(labelVariants(), className),
     ...props
   }
 ));
@@ -796,7 +803,7 @@ var FormItemContext = React25__namespace.createContext(
 );
 var FormItem = React25__namespace.forwardRef(({ className, ...props }, ref) => {
   const id = React25__namespace.useId();
-  return /* @__PURE__ */ React25__namespace.createElement(FormItemContext.Provider, { value: { id } }, /* @__PURE__ */ React25__namespace.createElement("div", { ref, className: chunkYFRFNRKR_js.cn("sb:flex sb:flex-col sb:gap-2", className), ...props }));
+  return /* @__PURE__ */ React25__namespace.createElement(FormItemContext.Provider, { value: { id } }, /* @__PURE__ */ React25__namespace.createElement("div", { ref, className: chunk63LNKQZD_js.cn("sb:flex sb:flex-col sb:gap-2", className), ...props }));
 });
 FormItem.displayName = "FormItem";
 var FormLabel = React25__namespace.forwardRef(({ className, ...props }, ref) => {
@@ -805,7 +812,7 @@ var FormLabel = React25__namespace.forwardRef(({ className, ...props }, ref) =>
     Label2,
     {
       ref,
-      className: chunkYFRFNRKR_js.cn(error && "sb:text-destructive", className),
+      className: chunk63LNKQZD_js.cn(error && "sb:text-destructive", className),
       htmlFor: formItemId,
       ...props
     }
@@ -833,7 +840,7 @@ var FormDescription = React25__namespace.forwardRef(({ className, ...props }, re
     {
       ref,
       id: formDescriptionId,
-      className: chunkYFRFNRKR_js.cn("sb:text-[0.8rem] sb:text-muted-foreground", className),
+      className: chunk63LNKQZD_js.cn("sb:text-[0.8rem] sb:text-muted-foreground", className),
       ...props
     }
   );
@@ -850,7 +857,7 @@ var FormMessage = React25__namespace.forwardRef(({ className, children, ...props
     {
       ref,
       id: formMessageId,
-      className: chunkYFRFNRKR_js.cn("sb:text-[0.8rem] sb:font-medium sb:text-destructive", className),
+      className: chunk63LNKQZD_js.cn("sb:text-[0.8rem] sb:font-medium sb:text-destructive", className),
       ...props
     },
     body
@@ -863,7 +870,7 @@ var Input = React25__namespace.forwardRef(
       "input",
       {
         type,
-        className: chunkYFRFNRKR_js.cn(
+        className: chunk63LNKQZD_js.cn(
           "sb:flex sb:h-9 sb:w-full sb:rounded-md sb:border sb:border-input sb:bg-transparent sb:px-3 sb:py-1 sb:text-base sb:shadow-sm sb:transition-colors sb:file:border-0 sb:file:bg-transparent sb:file:text-sm sb:file:font-medium sb:file:text-foreground sb:placeholder:text-muted-foreground sb:focus-visible:outline-hidden sb:focus-visible:ring-1 sb:focus-visible:ring-ring sb:disabled:cursor-not-allowed sb:disabled:opacity-50 sb:md:text-sm",
           className
         ),
@@ -883,7 +890,7 @@ AdvancedInput.displayName = "AdvancedInput";
 var Switch = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React25__namespace.createElement(
   SwitchPrimitives__namespace.Root,
   {
-    className: chunkYFRFNRKR_js.cn(
+    className: chunk63LNKQZD_js.cn(
       "sb:peer sb:inline-flex sb:h-5 sb:w-9 sb:shrink-0 sb:cursor-pointer sb:items-center sb:rounded-full sb:border-2 sb:border-transparent sb:shadow-sm sb:transition-colors sb:focus-visible:outline-hidden sb:focus-visible:ring-2 sb:focus-visible:ring-ring sb:focus-visible:ring-offset-2 sb:focus-visible:ring-offset-background sb:disabled:cursor-not-allowed sb:disabled:opacity-50 sb:data-[state=checked]:bg-primary sb:data-[state=unchecked]:bg-input",
       className
     ),
@@ -893,7 +900,7 @@ var Switch = React25__namespace.forwardRef(({ className, ...props }, ref) => /*
   /* @__PURE__ */ React25__namespace.createElement(
     SwitchPrimitives__namespace.Thumb,
     {
-      className: chunkYFRFNRKR_js.cn(
+      className: chunk63LNKQZD_js.cn(
         "sb:pointer-events-none sb:block sb:h-4 sb:w-4 sb:rounded-full sb:bg-background sb:shadow-lg sb:ring-0 sb:transition-transform sb:data-[state=checked]:translate-x-4 sb:data-[state=unchecked]:translate-x-0"
       )
     }
@@ -982,7 +989,7 @@ var LinkForm = ({
         }
       )), /* @__PURE__ */ React25__namespace.createElement(FormLabel, null, "Open in new tab")), /* @__PURE__ */ React25__namespace.createElement(FormMessage, null))
     }
-  ), /* @__PURE__ */ React25__namespace.createElement(chunk4SFXTFFU_js.Button, { type: "button", onClick: form.handleSubmit(handleSubmit) }, "Save")));
+  ), /* @__PURE__ */ React25__namespace.createElement(chunk7FWFM2TR_js.Button, { type: "button", onClick: form.handleSubmit(handleSubmit) }, "Save")));
 };
 var actions3 = [
   {
@@ -1037,7 +1044,7 @@ var ToolbarSection = ({
     DropdownMenuItem,
     {
       key: action.label,
-      className: chunkYFRFNRKR_js.cn("sb:flex sb:flex-row sb:items-center sb:gap-2", {
+      className: chunk63LNKQZD_js.cn("sb:flex sb:flex-row sb:items-center sb:gap-2", {
         "sb:bg-accent": action.isActive(editor)
       }),
       onClick: () => action.action(editor),
@@ -1052,7 +1059,7 @@ var ToolbarButton = React25__namespace.forwardRef(({ className, ...props }, ref)
     Toggle,
     {
       size: "sm",
-      className: chunkYFRFNRKR_js.cn(
+      className: chunk63LNKQZD_js.cn(
         "sb:size-8 sb:p-0 sb:data-[state=on]:bg-accent",
         { "sb:bg-accent": props.pressed },
         className
@@ -1077,7 +1084,7 @@ var RichTextEditor = ({
   const editor = useRichTextEditor({
     value,
     onUpdate: onChange,
-    editorClassName: chunkYFRFNRKR_js.cn("sb:flex-1 sb:px-3 sb:py-1", editorClassName),
+    editorClassName: chunk63LNKQZD_js.cn("sb:flex-1 sb:px-3 sb:py-1", editorClassName),
     ...props
   });
   if (!editor) {
@@ -1086,7 +1093,7 @@ var RichTextEditor = ({
   return /* @__PURE__ */ React25__namespace.createElement(
     "div",
     {
-      className: chunkYFRFNRKR_js.cn(
+      className: chunk63LNKQZD_js.cn(
         "sb:flex sb:h-auto sb:min-h-72 sb:w-full sb:flex-col sb:rounded-md sb:border sb:border-input sb:shadow-sm sb:focus-within:border-primary",
         className
       )
@@ -1096,7 +1103,7 @@ var RichTextEditor = ({
       react.EditorContent,
       {
         editor,
-        className: chunkYFRFNRKR_js.cn(
+        className: chunk63LNKQZD_js.cn(
           "sb-editflow prose sb:flex sb:flex-1",
           editorContentClassName
         )
@@ -1114,15 +1121,15 @@ function Calendar({
     reactDayPicker.DayPicker,
     {
       showOutsideDays,
-      className: chunkYFRFNRKR_js.cn("sb:p-3 sb:font-roboto", className),
+      className: chunk63LNKQZD_js.cn("sb:p-3 sb:font-roboto", className),
       classNames: {
         months: "sb:flex sb:flex-col sb:sm:flex-row sb:gap-y-4 sb:sm:gap-x-4 sb:sm:gap-y-0",
         month: "sb:gap-y-4",
         caption: "sb:flex sb:justify-center sb:pt-1 sb:relative sb:items-center",
         caption_label: "sb:text-sm sb:font-medium",
         nav: "sb:gap-x-1 sb:flex sb:items-center",
-        nav_button: chunkYFRFNRKR_js.cn(
-          chunk4SFXTFFU_js.buttonVariants({ variant: "outline" }),
+        nav_button: chunk63LNKQZD_js.cn(
+          chunk7FWFM2TR_js.buttonVariants({ variant: "outline" }),
           "sb:h-7 sb:w-7 sb:bg-transparent sb:p-0 sb:opacity-50 sb:hover:opacity-100"
         ),
         nav_button_previous: "sb:absolute sb:left-1",
@@ -1131,12 +1138,12 @@ function Calendar({
         head_row: "sb:flex",
         head_cell: "sb:text-muted-foreground sb:rounded-md sb:w-8 sb:font-normal sb:text-[0.8rem]",
         row: "sb:flex sb:w-full sb:mt-2",
-        cell: chunkYFRFNRKR_js.cn(
+        cell: chunk63LNKQZD_js.cn(
           "sb:relative sb:p-0 sb:text-center sb:text-sm sb:focus-within:relative sb:focus-within:z-20 sb:[&:has([aria-selected])]:bg-accent sb:[&:has([aria-selected].day-outside)]:bg-accent/50 sb:[&:has([aria-selected].day-range-end)]:rounded-r-md",
           props.mode === "range" ? "sb:[&:has(>.day-range-end)]:rounded-r-md sb:[&:has(>.day-range-start)]:rounded-l-md sb:first:[&:has([aria-selected])]:rounded-l-md sb:last:[&:has([aria-selected])]:rounded-r-md" : "sb:[&:has([aria-selected])]:rounded-md"
         ),
-        day: chunkYFRFNRKR_js.cn(
-          chunk4SFXTFFU_js.buttonVariants({ variant: "ghost" }),
+        day: chunk63LNKQZD_js.cn(
+          chunk7FWFM2TR_js.buttonVariants({ variant: "ghost" }),
           "sb:h-8 sb:w-8 sb:p-0 sb:font-normal sb:aria-selected:opacity-100"
         ),
         day_range_start: "day-range-start",
@@ -1172,11 +1179,11 @@ var ColorPicker = (props) => {
     "#FF0000"
   ];
   return /* @__PURE__ */ React25__namespace.createElement(Popover, null, /* @__PURE__ */ React25__namespace.createElement(PopoverTrigger, { asChild: true }, /* @__PURE__ */ React25__namespace.createElement(
-    chunk4SFXTFFU_js.Button,
+    chunk7FWFM2TR_js.Button,
     {
       variant: "outline",
       size: "sm",
-      className: chunkYFRFNRKR_js.cn(
+      className: chunk63LNKQZD_js.cn(
         "sb:justify-start sb:text-left sb:font-normal sb:normal-case sb:w-full",
         !color && "sb:text-muted-foreground",
         className
@@ -1294,7 +1301,7 @@ var MediaInput = (props) => {
       body: JSON.stringify({ src })
     });
   };
-  return /* @__PURE__ */ React25__namespace.createElement("div", { className: chunkYFRFNRKR_js.cn("flex flex-wrap gap-4", props.className) }, sources.map((src) => /* @__PURE__ */ React25__namespace.createElement(MediaInputItem, { key: src, className: chunkYFRFNRKR_js.cn("group", props.itemClassName) }, /* @__PURE__ */ React25__namespace.createElement(
+  return /* @__PURE__ */ React25__namespace.createElement("div", { className: chunk63LNKQZD_js.cn("flex flex-wrap gap-4", props.className) }, sources.map((src) => /* @__PURE__ */ React25__namespace.createElement(MediaInputItem, { key: src, className: chunk63LNKQZD_js.cn("group", props.itemClassName) }, /* @__PURE__ */ React25__namespace.createElement(
     MediaPreview,
     {
       src,
@@ -1311,7 +1318,7 @@ var MediaInput = (props) => {
     MediaInputItem,
     {
       key: i,
-      className: chunkYFRFNRKR_js.cn(
+      className: chunk63LNKQZD_js.cn(
         "sb:flex sb:h-28 sb:w-28 sb:items-center sb:justify-center",
         props.itemClassName
       )
@@ -1321,7 +1328,7 @@ var MediaInput = (props) => {
     "label",
     {
       htmlFor: id,
-      className: chunkYFRFNRKR_js.cn(
+      className: chunk63LNKQZD_js.cn(
         "sb:flex sb:h-28 sb:w-28 sb:cursor-pointer sb:items-center sb:justify-center sb:rounded-lg sb:border",
         props.itemClassName
       )
@@ -1344,7 +1351,7 @@ var MediaInputItem = (props) => {
   return /* @__PURE__ */ React25__namespace.createElement(
     "div",
     {
-      className: chunkYFRFNRKR_js.cn(
+      className: chunk63LNKQZD_js.cn(
         "sb:relative sb:h-28 sb:w-28 sb:overflow-hidden sb:rounded-lg sb:border",
         props.className
       )
@@ -1369,7 +1376,7 @@ var MediaPreview = (props) => {
     );
   }
   return /* @__PURE__ */ React25__namespace.createElement(
-    chunkYFRFNRKR_js.Image,
+    chunk63LNKQZD_js.Image,
     {
       src: props.src,
       alt: "",
@@ -1394,7 +1401,7 @@ var SelectTrigger = React25__namespace.forwardRef(({ className, children, ...pro
   SelectPrimitive__namespace.Trigger,
   {
     ref,
-    className: chunkYFRFNRKR_js.cn(
+    className: chunk63LNKQZD_js.cn(
       "sb:flex sb:h-10 sb:w-full sb:items-center sb:justify-between sb:rounded-md sb:border sb:border-input sb:bg-background sb:px-3 sb:py-2 sb:text-sm sb:ring-offset-background sb:placeholder:text-muted-foreground sb:focus:outline-hidden sb:focus:ring-2 sb:focus:ring-ring sb:focus:ring-offset-2 sb:disabled:cursor-not-allowed sb:disabled:opacity-50 sb:[&>span]:line-clamp-1",
       className
     ),
@@ -1408,7 +1415,7 @@ var SelectScrollUpButton = React25__namespace.forwardRef(({ className, ...props
   SelectPrimitive__namespace.ScrollUpButton,
   {
     ref,
-    className: chunkYFRFNRKR_js.cn(
+    className: chunk63LNKQZD_js.cn(
       "sb:flex sb:cursor-default sb:items-center sb:justify-center sb:py-1",
       className
     ),
@@ -1421,7 +1428,7 @@ var SelectScrollDownButton = React25__namespace.forwardRef(({ className, ...prop
   SelectPrimitive__namespace.ScrollDownButton,
   {
     ref,
-    className: chunkYFRFNRKR_js.cn(
+    className: chunk63LNKQZD_js.cn(
       "sb:flex sb:cursor-default sb:items-center sb:justify-center sb:py-1",
       className
     ),
@@ -1434,7 +1441,7 @@ var SelectContent = React25__namespace.forwardRef(({ className, children, positi
   SelectPrimitive__namespace.Content,
   {
     ref,
-    className: chunkYFRFNRKR_js.cn(
+    className: chunk63LNKQZD_js.cn(
       "sb:relative sb:z-50 sb:max-h-96 sb:min-w-32 sb:overflow-hidden sb:rounded-md sb:border sb:bg-popover sb:text-popover-foreground sb:shadow-md data-[state=open]:sb-animate-in data-[state=closed]:sb-animate-out data-[state=closed]:sb-fade-out-0 data-[state=open]:sb-fade-in-0 data-[state=closed]:sb-zoom-out-95 data-[state=open]:sb-zoom-in-95 data-[side=bottom]:sb-slide-in-from-top-2 data-[side=left]:sb-slide-in-from-right-2 data-[side=right]:sb-slide-in-from-left-2 data-[side=top]:sb-slide-in-from-bottom-2",
       position === "popper" && "sb:data-[side=bottom]:translate-y-1 sb:data-[side=left]:-translate-x-1 sb:data-[side=right]:translate-x-1 sb:data-[side=top]:-translate-y-1",
       className
@@ -1446,7 +1453,7 @@ var SelectContent = React25__namespace.forwardRef(({ className, children, positi
   /* @__PURE__ */ React25__namespace.createElement(
     SelectPrimitive__namespace.Viewport,
     {
-      className: chunkYFRFNRKR_js.cn(
+      className: chunk63LNKQZD_js.cn(
         "sb:p-1",
         position === "popper" && "sb:h-(--radix-select-trigger-height) sb:w-full sb:min-w-(--radix-select-trigger-width)"
       )
@@ -1460,7 +1467,7 @@ var SelectLabel = React25__namespace.forwardRef(({ className, ...props }, ref) =
   SelectPrimitive__namespace.Label,
   {
     ref,
-    className: chunkYFRFNRKR_js.cn(
+    className: chunk63LNKQZD_js.cn(
       "sb:py-1.5 sb:pl-8 sb:pr-2 sb:text-sm sb:font-semibold",
       className
     ),
@@ -1472,7 +1479,7 @@ var SelectItem = React25__namespace.forwardRef(({ className, children, ...props
   SelectPrimitive__namespace.Item,
   {
     ref,
-    className: chunkYFRFNRKR_js.cn(
+    className: chunk63LNKQZD_js.cn(
       "sb:relative sb:flex sb:w-full sb:cursor-default sb:select-none sb:items-center sb:rounded-sm sb:py-1.5 sb:pl-8 sb:pr-2 sb:text-sm sb:outline-hidden sb:focus:bg-accent sb:focus:text-accent-foreground sb:data-disabled:pointer-events-none sb:data-disabled:opacity-50",
       className
     ),
@@ -1486,7 +1493,7 @@ var SelectSeparator = React25__namespace.forwardRef(({ className, ...props }, re
   SelectPrimitive__namespace.Separator,
   {
     ref,
-    className: chunkYFRFNRKR_js.cn("sb:-mx-1 sb:my-1 sb:h-px sb:bg-muted", className),
+    className: chunk63LNKQZD_js.cn("sb:-mx-1 sb:my-1 sb:h-px sb:bg-muted", className),
     ...props
   }
 ));
@@ -1496,7 +1503,7 @@ var Textarea = React25__namespace.forwardRef(
     return /* @__PURE__ */ React25__namespace.createElement(
       "textarea",
       {
-        className: chunkYFRFNRKR_js.cn(
+        className: chunk63LNKQZD_js.cn(
           "sb:flex sb:min-h-[60px] sb:font-roboto sb:w-full sb:rounded-md sb:border sb:border-input sb:bg-transparent sb:px-3 sb:py-2 sb:text-sm sb:shadow-sm sb:placeholder:text-muted-foreground sb:focus-visible:outline-hidden sb:focus-visible:ring-1 sb:focus-visible:ring-ring sb:disabled:cursor-not-allowed sb:disabled:opacity-50",
           className
         ),
@@ -1511,8 +1518,8 @@ Textarea.displayName = "Textarea";
 // src/components/container-item-form.tsx
 var ContainerItemForm = (props) => {
   const { item } = props;
-  const { patchItem } = chunk4SFXTFFU_js.useBuilder();
-  const component = chunkYFRFNRKR_js.builder.getComponent(item.component);
+  const { patchItem } = chunk7FWFM2TR_js.useBuilder();
+  const component = chunk63LNKQZD_js.builder.getComponent(item.component);
   if (!component) {
     throw new Error(
       `[simple-builder]: Component with id ${item.component} not found in container item form component`
@@ -1543,7 +1550,7 @@ var ContainerItemForm = (props) => {
       input,
       form
     }
-  )), /* @__PURE__ */ React25__namespace.createElement(chunk4SFXTFFU_js.Button, { type: "submit", className: "w-full" }, "Opslaan"))));
+  )), /* @__PURE__ */ React25__namespace.createElement(chunk7FWFM2TR_js.Button, { type: "submit", className: "w-full" }, "Opslaan"))));
 };
 var RenderFormField = (props) => {
   const { type, input, form } = props;
@@ -1584,12 +1591,12 @@ var RenderFormField = (props) => {
         /* @__PURE__ */ React25__namespace.createElement(lucideReact.XIcon, { className: "sb:h-4 sb:w-4" })
       ))
     ), /* @__PURE__ */ React25__namespace.createElement(
-      chunk4SFXTFFU_js.Button,
+      chunk7FWFM2TR_js.Button,
       {
         type: "button",
         variant: "outline",
         size: "sm",
-        className: chunkYFRFNRKR_js.cn(
+        className: chunk63LNKQZD_js.cn(
           "sb:w-[89%] sb:border-2 sb:border-dashed sb:text-muted-foreground",
           type === "grouped" && "sb:w-full"
         ),
@@ -1615,7 +1622,7 @@ var RenderFormField = (props) => {
         }
       );
     case "richText":
-      return /* @__PURE__ */ React25__namespace.createElement(Dialog, null, /* @__PURE__ */ React25__namespace.createElement("div", { className: "sb:flex sb:flex-col sb:gap-2" }, /* @__PURE__ */ React25__namespace.createElement(FormLabel, null, input.friendlyName || input.name), /* @__PURE__ */ React25__namespace.createElement(DialogTrigger, { asChild: true }, /* @__PURE__ */ React25__namespace.createElement(chunk4SFXTFFU_js.Button, { variant: "outline", className: "sb:w-full", type: "button" }, input.friendlyName || input.name, " bewerken"))), /* @__PURE__ */ React25__namespace.createElement(DialogContent, { className: "sb:max-w-3xl sb:p-0" }, /* @__PURE__ */ React25__namespace.createElement("div", { className: "sb:flex sb:h-full sb:max-h-svh sb:w-full sb:flex-col sb:sm:max-h-[90svh]" }, /* @__PURE__ */ React25__namespace.createElement(DialogHeader, { className: "sb:flex-none sb:border-b sb:p-6" }, /* @__PURE__ */ React25__namespace.createElement(DialogTitle, null, input.friendlyName || input.name, " editor")), /* @__PURE__ */ React25__namespace.createElement("div", { className: "sb:flex-1 sb:overflow-y-auto" }, /* @__PURE__ */ React25__namespace.createElement(
+      return /* @__PURE__ */ React25__namespace.createElement(Dialog, null, /* @__PURE__ */ React25__namespace.createElement("div", { className: "sb:flex sb:flex-col sb:gap-2" }, /* @__PURE__ */ React25__namespace.createElement(FormLabel, null, input.friendlyName || input.name), /* @__PURE__ */ React25__namespace.createElement(DialogTrigger, { asChild: true }, /* @__PURE__ */ React25__namespace.createElement(chunk7FWFM2TR_js.Button, { variant: "outline", className: "sb:w-full", type: "button" }, input.friendlyName || input.name, " bewerken"))), /* @__PURE__ */ React25__namespace.createElement(DialogContent, { className: "sb:max-w-3xl sb:p-0" }, /* @__PURE__ */ React25__namespace.createElement("div", { className: "sb:flex sb:h-full sb:max-h-svh sb:w-full sb:flex-col sb:sm:max-h-[90svh]" }, /* @__PURE__ */ React25__namespace.createElement(DialogHeader, { className: "sb:flex-none sb:border-b sb:p-6" }, /* @__PURE__ */ React25__namespace.createElement(DialogTitle, null, input.friendlyName || input.name, " editor")), /* @__PURE__ */ React25__namespace.createElement("div", { className: "sb:flex-1 sb:overflow-y-auto" }, /* @__PURE__ */ React25__namespace.createElement(
         FormField,
         {
           key: input.name,
@@ -1670,11 +1677,11 @@ var RenderInput = (props) => {
       return /* @__PURE__ */ React25__namespace.createElement(ColorPicker, { color: field.value, onColorChange: field.onChange });
     case "date":
       return /* @__PURE__ */ React25__namespace.createElement(Popover, null, /* @__PURE__ */ React25__namespace.createElement(PopoverTrigger, { asChild: true }, /* @__PURE__ */ React25__namespace.createElement(
-        chunk4SFXTFFU_js.Button,
+        chunk7FWFM2TR_js.Button,
         {
           variant: "outline",
           size: "sm",
-          className: chunkYFRFNRKR_js.cn(
+          className: chunk63LNKQZD_js.cn(
             "sb:w-full sb:flex sb:justify-start sb:text-left sb:font-normal",
             !field.value && "sb:text-muted-foreground"
           )
@@ -1714,7 +1721,7 @@ var RenderInput = (props) => {
   }
 };
 var Tabs = TabsPrimitive__namespace.Root;
-var tabsListVariants = chunkYFRFNRKR_js.tv({
+var tabsListVariants = chunk63LNKQZD_js.tv({
   variants: {
     variant: {
       contained: "sb:inline-flex sb:h-10 sb:items-center sb:justify-center sb:rounded-md sb:bg-muted sb:p-1 sb:text-muted-foreground",
@@ -1734,7 +1741,7 @@ var TabsList = React25__namespace.forwardRef(({ variant, className, ...props },
   }
 ));
 TabsList.displayName = TabsPrimitive__namespace.List.displayName;
-var tabsTriggerVariants = chunkYFRFNRKR_js.tv({
+var tabsTriggerVariants = chunk63LNKQZD_js.tv({
   variants: {
     variant: {
       contained: "sb:inline-flex sb:items-center sb:justify-center sb:whitespace-nowrap sb:rounded-sm sb:px-3 sb:py-1.5 sb:text-sm sb:font-medium sb:ring-offset-background sb:transition-all sb:focus-visible:outline-hidden sb:focus-visible:ring-2 sb:focus-visible:ring-ring sb:focus-visible:ring-offset-2 sb:disabled:pointer-events-none sb:disabled:opacity-50 sb:data-[state=active]:bg-background sb:data-[state=active]:text-foreground sb:data-[state=active]:shadow-sm",
@@ -1758,7 +1765,7 @@ var TabsContent = React25__namespace.forwardRef(({ className, ...props }, ref) =
   TabsPrimitive__namespace.Content,
   {
     ref,
-    className: chunkYFRFNRKR_js.cn(
+    className: chunk63LNKQZD_js.cn(
       "sb:ring-offset-background sb:font-roboto sb:focus-visible:outline-hidden sb:focus-visible:ring-2 sb:focus-visible:ring-ring sb:focus-visible:ring-offset-2",
       className
     ),
@@ -1797,11 +1804,11 @@ var BackgroundPicker = (props) => {
     return "solid";
   }, [background]);
   return /* @__PURE__ */ React25__namespace.createElement(Popover, null, /* @__PURE__ */ React25__namespace.createElement(PopoverTrigger, { asChild: true }, /* @__PURE__ */ React25__namespace.createElement(
-    chunk4SFXTFFU_js.Button,
+    chunk7FWFM2TR_js.Button,
     {
       variant: "outline",
       size: "sm",
-      className: chunkYFRFNRKR_js.cn(
+      className: chunk63LNKQZD_js.cn(
         "sb:justify-start sb:text-left sb:font-normal sb:normal-case sb:w-full",
         !background && "sb:text-muted-foreground",
         className
@@ -1998,7 +2005,7 @@ var designSchema = zod.z.object({
 });
 var ItemDesignForm = (props) => {
   const { item } = props;
-  const component = chunkYFRFNRKR_js.builder.getComponent(item.component);
+  const component = chunk63LNKQZD_js.builder.getComponent(item.component);
   if (!component) {
     throw new Error(
       `[simple-builder]: Component "${item.component}" not found`
@@ -2040,7 +2047,7 @@ var ItemDesignForm = (props) => {
       mobile: getDefaultDeviceValues("mobile")
     }
   });
-  const { patchItem } = chunk4SFXTFFU_js.useBuilder();
+  const { patchItem } = chunk7FWFM2TR_js.useBuilder();
   const onSubmit = React25__namespace.useCallback(
     (values) => {
       const { container, hidden, desktop, mobile } = values;
@@ -2166,13 +2173,13 @@ var ItemDesignForm = (props) => {
         }
       )), /* @__PURE__ */ React25__namespace.createElement(FormMessage, null))
     }
-  )), /* @__PURE__ */ React25__namespace.createElement(chunk4SFXTFFU_js.Button, { type: "submit", className: "w-full" }, "Opslaan"))));
+  )), /* @__PURE__ */ React25__namespace.createElement(chunk7FWFM2TR_js.Button, { type: "submit", className: "w-full" }, "Opslaan"))));
 };
 var ScrollArea = React25__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React25__namespace.createElement(
   ScrollAreaPrimitive__namespace.Root,
   {
     ref,
-    className: chunkYFRFNRKR_js.cn("sb:relative sb:overflow-hidden", className),
+    className: chunk63LNKQZD_js.cn("sb:relative sb:overflow-hidden", className),
     ...props
   },
   /* @__PURE__ */ React25__namespace.createElement(ScrollAreaPrimitive__namespace.Viewport, { className: "sb:h-full sb:max-h-[80vh] sb:w-full sb:rounded-[inherit]" }, children),
@@ -2185,7 +2192,7 @@ var ScrollBar = React25__namespace.forwardRef(({ className, orientation = "verti
   {
     ref,
     orientation,
-    className: chunkYFRFNRKR_js.cn(
+    className: chunk63LNKQZD_js.cn(
       "sb:flex sb:touch-none sb:select-none sb:transition-colors",
       orientation === "vertical" && "sb:h-full sb:w-2.5 sb:border-l sb:border-l-transparent sb:p-px",
       orientation === "horizontal" && "sb:h-2.5 sb:flex-col sb:border-t sb:border-t-transparent sb:p-px",
@@ -2200,9 +2207,9 @@ ScrollBar.displayName = ScrollAreaPrimitive__namespace.ScrollAreaScrollbar.displ
 // src/components/container-item-toolbar.tsx
 var ContainerItemToolbar = (props) => {
   const { contentId, canBringUp = false, canBringDown = false } = props;
-  const { bringUp, bringDown } = chunk4SFXTFFU_js.useBuilder();
+  const { bringUp, bringDown } = chunk7FWFM2TR_js.useBuilder();
   return /* @__PURE__ */ React25__namespace.createElement("div", { className: "sb:absolute sb:z-20 sb:top-1 sb:right-1 sb:rounded-md sb:shadow sb:flex sb:flex-col sb:gap-1 sb:p-1 sb:bg-card sb:text-card-foreground sb-item-toolbar sb:opacity-0 sb:transition-opacity" }, /* @__PURE__ */ React25__namespace.createElement("div", { className: "sb:h-10 sb:p-1 sb:border sb:border-input sb:bg-background sb:rounded-md sb:text-sm sb:font-medium sb:flex sb:gap-1 sb:items-center sb:justify-start" }, /* @__PURE__ */ React25__namespace.createElement(EditButton, { id: contentId }), /* @__PURE__ */ React25__namespace.createElement(
-    chunk4SFXTFFU_js.Button,
+    chunk7FWFM2TR_js.Button,
     {
       variant: "ghost",
       className: "sb:w-8 sb:h-8 sb:p-0",
@@ -2211,7 +2218,7 @@ var ContainerItemToolbar = (props) => {
     },
     /* @__PURE__ */ React25__namespace.createElement(lucideReact.ArrowUp, { className: "sb:h-5 sb:w-5" })
   ), /* @__PURE__ */ React25__namespace.createElement(
-    chunk4SFXTFFU_js.Button,
+    chunk7FWFM2TR_js.Button,
     {
       variant: "ghost",
       className: "sb:w-8 sb:h-8 sb:p-0",
@@ -2222,7 +2229,7 @@ var ContainerItemToolbar = (props) => {
   ), /* @__PURE__ */ React25__namespace.createElement(DeleteButton, { contentId })));
 };
 var EditButton = ({ id }) => {
-  return /* @__PURE__ */ React25__namespace.createElement(Popover, { modal: true }, /* @__PURE__ */ React25__namespace.createElement(PopoverTrigger, { asChild: true }, /* @__PURE__ */ React25__namespace.createElement(chunk4SFXTFFU_js.Button, { variant: "ghost", className: "sb:w-8 sb:h-8 sb:p-0" }, /* @__PURE__ */ React25__namespace.createElement(lucideReact.Edit2Icon, { className: "sb:h-5 sb:w-5" }))), /* @__PURE__ */ React25__namespace.createElement(
+  return /* @__PURE__ */ React25__namespace.createElement(Popover, { modal: true }, /* @__PURE__ */ React25__namespace.createElement(PopoverTrigger, { asChild: true }, /* @__PURE__ */ React25__namespace.createElement(chunk7FWFM2TR_js.Button, { variant: "ghost", className: "sb:w-8 sb:h-8 sb:p-0" }, /* @__PURE__ */ React25__namespace.createElement(lucideReact.Edit2Icon, { className: "sb:h-5 sb:w-5" }))), /* @__PURE__ */ React25__namespace.createElement(
     PopoverContent,
     {
       side: "left",
@@ -2237,7 +2244,7 @@ var EditButton = ({ id }) => {
 };
 var EditPopoverInner = (props) => {
   const { id } = props;
-  const { getItem } = chunk4SFXTFFU_js.useBuilder();
+  const { getItem } = chunk7FWFM2TR_js.useBuilder();
   const item = getItem(id);
   if (!item) {
     throw new Error(
@@ -2247,9 +2254,9 @@ var EditPopoverInner = (props) => {
   return /* @__PURE__ */ React25__namespace.createElement(Tabs, null, /* @__PURE__ */ React25__namespace.createElement(TabsList, { variant: "text", defaultValue: "content" }, /* @__PURE__ */ React25__namespace.createElement(TabsTrigger, { variant: "text", value: "content" }, "Inhoud"), /* @__PURE__ */ React25__namespace.createElement(TabsTrigger, { variant: "text", value: "design" }, "Design")), /* @__PURE__ */ React25__namespace.createElement(TabsContent, { value: "content" }, /* @__PURE__ */ React25__namespace.createElement(ScrollArea, null, /* @__PURE__ */ React25__namespace.createElement(ContainerItemForm, { item }))), /* @__PURE__ */ React25__namespace.createElement(TabsContent, { value: "design" }, /* @__PURE__ */ React25__namespace.createElement(ItemDesignForm, { item })));
 };
 var DeleteButton = ({ contentId }) => {
-  const { deleteContent } = chunk4SFXTFFU_js.useBuilder();
+  const { deleteContent } = chunk7FWFM2TR_js.useBuilder();
   return /* @__PURE__ */ React25__namespace.createElement(AlertDialog, null, /* @__PURE__ */ React25__namespace.createElement(AlertDialogTrigger, { asChild: true }, /* @__PURE__ */ React25__namespace.createElement(
-    chunk4SFXTFFU_js.Button,
+    chunk7FWFM2TR_js.Button,
     {
       variant: "ghost",
       className: "sb:w-8 sb:h-8 sb:p-0 sb:text-destructive"
@@ -2258,7 +2265,7 @@ var DeleteButton = ({ contentId }) => {
   )), /* @__PURE__ */ React25__namespace.createElement(AlertDialogContent, null, /* @__PURE__ */ React25__namespace.createElement(AlertDialogDescription, null, "Weet je zeker dat je dit blok wilt verwijderen?"), /* @__PURE__ */ React25__namespace.createElement(AlertDialogFooter, null, /* @__PURE__ */ React25__namespace.createElement(AlertDialogCancel, null, "Annuleren"), /* @__PURE__ */ React25__namespace.createElement(
     AlertDialogAction,
     {
-      className: chunk4SFXTFFU_js.buttonVariants({ variant: "destructive" }),
+      className: chunk7FWFM2TR_js.buttonVariants({ variant: "destructive" }),
       onClick: () => deleteContent(contentId)
     },
     "Verwijderen"
@@ -2274,7 +2281,7 @@ var BuildContainerInner = (props) => {
       "[simple-builder]: Multiple content blocks detected when using property multiple false."
     );
   }
-  return /* @__PURE__ */ React25__namespace.createElement("div", null, items.length <= 0 ? /* @__PURE__ */ React25__namespace.createElement(AddContentPlaceholder, { parent: id, container: name, index: 0 }) : multiple && /* @__PURE__ */ React25__namespace.createElement(AddContentDividerButton, { parent: id, container: name, index: 0 }), items.map((item, i) => /* @__PURE__ */ React25__namespace.createElement(React25__namespace.Fragment, { key: item.id }, /* @__PURE__ */ React25__namespace.createElement("div", { className: "sb:relative sb-container-item" }, /* @__PURE__ */ React25__namespace.createElement(chunkYFRFNRKR_js.DesignWrapper, { building: true, styles: item.styles }, chunkYFRFNRKR_js.builder.bindComponent(item, true)), /* @__PURE__ */ React25__namespace.createElement(
+  return /* @__PURE__ */ React25__namespace.createElement("div", null, items.length <= 0 ? /* @__PURE__ */ React25__namespace.createElement(AddContentPlaceholder, { parent: id, container: name, index: 0 }) : multiple && /* @__PURE__ */ React25__namespace.createElement(AddContentDividerButton, { parent: id, container: name, index: 0 }), items.map((item, i) => /* @__PURE__ */ React25__namespace.createElement(React25__namespace.Fragment, { key: item.id }, /* @__PURE__ */ React25__namespace.createElement("div", { className: "sb:relative sb-container-item" }, /* @__PURE__ */ React25__namespace.createElement(chunk63LNKQZD_js.DesignWrapper, { building: true, styles: item.styles }, chunk63LNKQZD_js.builder.bindComponent(item, true)), /* @__PURE__ */ React25__namespace.createElement(
     ContainerItemToolbar,
     {
       contentId: item.id,
@@ -2292,12 +2299,12 @@ var BuildContainerInner = (props) => {
 };
 var build_container_client_default = BuildContainerInner;
 var AddContentButton = (props) => {
-  const components = chunkYFRFNRKR_js.builder.getComponents();
-  const { addContent } = chunk4SFXTFFU_js.useBuilder();
+  const components = chunk63LNKQZD_js.builder.getComponents();
+  const { addContent } = chunk7FWFM2TR_js.useBuilder();
   return /* @__PURE__ */ React25__namespace.createElement(Popover, null, /* @__PURE__ */ React25__namespace.createElement(PopoverTrigger, { asChild: true }, props.children), /* @__PURE__ */ React25__namespace.createElement(PopoverContent, { className: "sb:p-1" }, /* @__PURE__ */ React25__namespace.createElement("div", { className: "sb:grid sb:grid-cols-2 sb:gap-2" }, components.map((component) => {
     const Icon2 = component.icon ?? lucideReact.ImageIcon;
     return /* @__PURE__ */ React25__namespace.createElement(PopoverClose, { key: component.name, asChild: true }, /* @__PURE__ */ React25__namespace.createElement(
-      chunk4SFXTFFU_js.Button,
+      chunk7FWFM2TR_js.Button,
       {
         variant: "ghost",
         className: "sb:justify-start",
@@ -2316,11 +2323,11 @@ var AddContentButton = (props) => {
   }))));
 };
 var AddContentPlaceholder = (props) => {
-  return /* @__PURE__ */ React25__namespace.createElement(AddContentButton, { ...props }, /* @__PURE__ */ React25__namespace.createElement("div", { className: "sb:flex sb:justify-center sb:bg-primary/50 p-4" }, /* @__PURE__ */ React25__namespace.createElement(chunk4SFXTFFU_js.Button, { size: "sm" }, /* @__PURE__ */ React25__namespace.createElement(lucideReact.PlusIcon, { className: "sb:mr-2 sb:h-4 sb:w-4" }), "Blok Toevoegen")));
+  return /* @__PURE__ */ React25__namespace.createElement(AddContentButton, { ...props }, /* @__PURE__ */ React25__namespace.createElement("div", { className: "sb:flex sb:justify-center sb:bg-primary/50 p-4" }, /* @__PURE__ */ React25__namespace.createElement(chunk7FWFM2TR_js.Button, { size: "sm" }, /* @__PURE__ */ React25__namespace.createElement(lucideReact.PlusIcon, { className: "sb:mr-2 sb:h-4 sb:w-4" }), "Blok Toevoegen")));
 };
 var AddContentDividerButton = (props) => {
   return /* @__PURE__ */ React25__namespace.createElement(AddContentButton, { ...props }, /* @__PURE__ */ React25__namespace.createElement("div", { className: "sb:w-full sb:h-1 sb:-my-[2px] sb:bg-primary sb:relative sb:z-20 sb:opacity-0 add-content-divider-button sb:transition-opacity" }, /* @__PURE__ */ React25__namespace.createElement(
-    chunk4SFXTFFU_js.Button,
+    chunk7FWFM2TR_js.Button,
     {
       size: "sm",
       className: "sb:absolute sb:left-1/2 sb:top-1/2 sb:-translate-y-1/2 sb:-translate-x-1/2 sb:shadow"

package/dist/{builder-content-XNIM2YVG.js → builder-content-7ZRYWXPN.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunk4SFXTFFU_js = require('./chunk-4SFXTFFU.js');
-var chunkYFRFNRKR_js = require('./chunk-YFRFNRKR.js');
+var chunk7FWFM2TR_js = require('./chunk-7FWFM2TR.js');
+var chunk63LNKQZD_js = require('./chunk-63LNKQZD.js');
 var React2 = require('react');
 
 function _interopNamespace(e) {
@@ -25,17 +25,17 @@ function _interopNamespace(e) {
 var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
 
 var BuilderHeader = () => {
-  const { save } = chunk4SFXTFFU_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(chunk4SFXTFFU_js.Button, { variant: "ghost", size: "sm", onClick: save }, "Opslaan")));
+  const { save } = chunk7FWFM2TR_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(chunk7FWFM2TR_js.Button, { variant: "ghost", size: "sm", onClick: save }, "Opslaan")));
 };
 
 // src/components/builder-content.tsx
 var BuilderContent = (props) => {
-  return /* @__PURE__ */ React2__namespace.createElement(chunk4SFXTFFU_js.BuilderProvider, { content: props.content }, /* @__PURE__ */ React2__namespace.createElement(BuilderContentInner, null));
+  return /* @__PURE__ */ React2__namespace.createElement(chunk7FWFM2TR_js.BuilderProvider, { content: props.content }, /* @__PURE__ */ React2__namespace.createElement(BuilderContentInner, null));
 };
 var BuilderContentInner = () => {
-  const { content } = chunk4SFXTFFU_js.useBuilder();
-  return /* @__PURE__ */ React2__namespace.createElement(React2__namespace.Fragment, null, /* @__PURE__ */ React2__namespace.createElement(BuilderHeader, null), /* @__PURE__ */ React2__namespace.createElement(chunkYFRFNRKR_js.BuildContainer, { name: "root", edit: true, multiple: true, content }));
+  const { content } = chunk7FWFM2TR_js.useBuilder();
+  return /* @__PURE__ */ React2__namespace.createElement(React2__namespace.Fragment, null, /* @__PURE__ */ React2__namespace.createElement(BuilderHeader, null), /* @__PURE__ */ React2__namespace.createElement(chunk63LNKQZD_js.BuildContainer, { name: "root", edit: true, multiple: true, content }));
 };
 var builder_content_default = BuilderContent;
 

package/dist/{builder-content-OR2VTIUY.mjs → builder-content-H75SR7I7.mjs}

@@ -1,5 +1,5 @@
-import { BuilderProvider, useBuilder, Button } from './chunk-MXIMMIPT.mjs';
-import { BuildContainer } from './chunk-ZQBKKI2S.mjs';
+import { BuilderProvider, useBuilder, Button } from './chunk-ZJYB6LEV.mjs';
+import { BuildContainer } from './chunk-QSAIF4GO.mjs';
 import * as React2 from 'react';
 
 var BuilderHeader = () => {

package/dist/{chunk-YFRFNRKR.js → chunk-63LNKQZD.js}

@@ -133,7 +133,7 @@ var DesignWrapper = (props) => {
       `.replace(/\s\s+/g, " ")));
 };
 var BuildContainerInner = React3__namespace.lazy(
-  () => import('./build-container-client-EQBL556Y.js')
+  () => import('./build-container-client-JAITVVDD.js')
 );
 var BuildContainer = (props) => {
   const { content, edit, name } = props;

package/dist/{chunk-4SFXTFFU.js → chunk-7FWFM2TR.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkYFRFNRKR_js = require('./chunk-YFRFNRKR.js');
+var chunk63LNKQZD_js = require('./chunk-63LNKQZD.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 = chunkYFRFNRKR_js.builder.getComponent(name);
+      const component = chunk63LNKQZD_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) => chunkYFRFNRKR_js.insertAt(content2, index, entry));
+        setContent((content2) => chunk63LNKQZD_js.insertAt(content2, index, entry));
         return;
       }
       setContent(
@@ -89,7 +89,7 @@ var BuilderProvider = (props) => {
               ...item,
               content: {
                 ...item.content,
-                [container]: chunkYFRFNRKR_js.insertAt(item.content?.[container], index, entry)
+                [container]: chunk63LNKQZD_js.insertAt(item.content?.[container], index, entry)
               }
             };
           }
@@ -254,7 +254,7 @@ var Button = React__namespace.forwardRef(
     return /* @__PURE__ */ React__namespace.createElement(
       Comp,
       {
-        className: chunkYFRFNRKR_js.cn(buttonVariants({ variant, size, className })),
+        className: chunk63LNKQZD_js.cn(buttonVariants({ variant, size, className })),
         ref,
         ...props
       }

package/dist/{chunk-7I4RGF45.js → chunk-JFWIO2AR.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkYFRFNRKR_js = require('./chunk-YFRFNRKR.js');
+var chunk63LNKQZD_js = require('./chunk-63LNKQZD.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(
-    chunkYFRFNRKR_js.BuildContainer,
+    chunk63LNKQZD_js.BuildContainer,
     {
       name: "root",
       edit: false,
@@ -36,7 +36,7 @@ var StaticContent = (props) => {
 };
 
 // src/index.ts
-var BuilderContent = React.lazy(() => import('./builder-content-XNIM2YVG.js'));
+var BuilderContent = React.lazy(() => import('./builder-content-7ZRYWXPN.js'));
 
 exports.BuilderContent = BuilderContent;
 exports.StaticContent = StaticContent;

package/dist/{chunk-ZQBKKI2S.mjs → chunk-QSAIF4GO.mjs}

@@ -109,7 +109,7 @@ var DesignWrapper = (props) => {
       `.replace(/\s\s+/g, " ")));
 };
 var BuildContainerInner = React3.lazy(
-  () => import('./build-container-client-LMZUWEUI.mjs')
+  () => import('./build-container-client-6S55GQVT.mjs')
 );
 var BuildContainer = (props) => {
   const { content, edit, name } = props;

package/dist/{chunk-UA2CNH3R.mjs → chunk-X5MZZBYC.mjs}

@@ -1,4 +1,4 @@
-import { BuildContainer } from './chunk-ZQBKKI2S.mjs';
+import { BuildContainer } from './chunk-QSAIF4GO.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-OR2VTIUY.mjs'));
+var BuilderContent = lazy(() => import('./builder-content-H75SR7I7.mjs'));
 
 export { BuilderContent, StaticContent };

package/dist/{chunk-MXIMMIPT.mjs → chunk-ZJYB6LEV.mjs}

@@ -1,4 +1,4 @@
-import { cn, builder, insertAt } from './chunk-ZQBKKI2S.mjs';
+import { cn, builder, insertAt } from './chunk-QSAIF4GO.mjs';
 import * as React from 'react';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';

package/dist/index.js

@@ -1,23 +1,23 @@
 'use strict';
 
-var chunk7I4RGF45_js = require('./chunk-7I4RGF45.js');
-var chunkYFRFNRKR_js = require('./chunk-YFRFNRKR.js');
+var chunkJFWIO2AR_js = require('./chunk-JFWIO2AR.js');
+var chunk63LNKQZD_js = require('./chunk-63LNKQZD.js');
 
 
 
 Object.defineProperty(exports, "BuilderContent", {
   enumerable: true,
-  get: function () { return chunk7I4RGF45_js.BuilderContent; }
+  get: function () { return chunkJFWIO2AR_js.BuilderContent; }
 });
 Object.defineProperty(exports, "StaticContent", {
   enumerable: true,
-  get: function () { return chunk7I4RGF45_js.StaticContent; }
+  get: function () { return chunkJFWIO2AR_js.StaticContent; }
 });
 Object.defineProperty(exports, "BuildContainer", {
   enumerable: true,
-  get: function () { return chunkYFRFNRKR_js.BuildContainer; }
+  get: function () { return chunk63LNKQZD_js.BuildContainer; }
 });
 Object.defineProperty(exports, "builder", {
   enumerable: true,
-  get: function () { return chunkYFRFNRKR_js.builder; }
+  get: function () { return chunk63LNKQZD_js.builder; }
 });

package/dist/index.mjs

@@ -1,2 +1,2 @@
-export { BuilderContent, StaticContent } from './chunk-UA2CNH3R.mjs';
-export { BuildContainer, builder } from './chunk-ZQBKKI2S.mjs';
+export { BuilderContent, StaticContent } from './chunk-X5MZZBYC.mjs';
+export { BuildContainer, builder } from './chunk-QSAIF4GO.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simple-builder/react",
-  "version": "1.4.0",
+  "version": "1.4.2",
   "private": false,
   "description": "React package for the simple builder package.",
   "repository": "https://github.com/pieter-berkel/simple-builder.git",
@@ -59,7 +59,7 @@
     "tailwind-merge": "^2.2.0",
     "tailwind-variants": "^0.1.20",
     "zod": "^3.22.4",
-    "@simple-builder/server": "1.4.0"
+    "@simple-builder/server": "1.4.2"
   },
   "peerDependencies": {
     "react": ">=16.8.0",