@simple-builder/react 1.2.4 → 1.2.6

package/dist/{build-container-client-XVX67J7D.js → build-container-client-QOFTIHCU.js}

@@ -1,15 +1,11 @@
 'use client';
 'use client';
 'use client';
-'use client';
-'use client';
-'use client';
-'use client';
 'use strict';
 
-require('./chunk-M2YJU6AM.js');
-var chunkIAIJXTFG_js = require('./chunk-IAIJXTFG.js');
-var chunk47IWLKYO_js = require('./chunk-47IWLKYO.js');
+require('./chunk-WP7KTUTL.js');
+var chunkRCDOLMDG_js = require('./chunk-RCDOLMDG.js');
+var chunkORODN5Q7_js = require('./chunk-ORODN5Q7.js');
 var React25 = require('react');
 var lucideReact = require('lucide-react');
 var AlertDialogPrimitive = require('@radix-ui/react-alert-dialog');
@@ -81,7 +77,7 @@ var AlertDialogPortal = AlertDialogPrimitive__namespace.Portal;
 var AlertDialogOverlay = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React25__namespace.createElement(
   AlertDialogPrimitive__namespace.Overlay,
   {
-    className: chunk47IWLKYO_js.cn(
+    className: chunkORODN5Q7_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
     ),
@@ -94,7 +90,7 @@ var AlertDialogContent = React25__namespace.forwardRef(({ className, ...props },
   AlertDialogPrimitive__namespace.Content,
   {
     ref,
-    className: chunk47IWLKYO_js.cn(
+    className: chunkORODN5Q7_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%] sm:sb-rounded-lg",
       className
     ),
@@ -108,7 +104,7 @@ var AlertDialogFooter = ({
 }) => /* @__PURE__ */ React25__namespace.createElement(
   "div",
   {
-    className: chunk47IWLKYO_js.cn(
+    className: chunkORODN5Q7_js.cn(
       "sb-flex sb-flex-col-reverse sm:sb-flex-row sm:sb-justify-end sm:sb-space-x-2",
       className
     ),
@@ -120,7 +116,7 @@ var AlertDialogTitle = React25__namespace.forwardRef(({ className, ...props }, r
   AlertDialogPrimitive__namespace.Title,
   {
     ref,
-    className: chunk47IWLKYO_js.cn("sb-text-lg sb-font-semibold", className),
+    className: chunkORODN5Q7_js.cn("sb-text-lg sb-font-semibold", className),
     ...props
   }
 ));
@@ -129,7 +125,7 @@ var AlertDialogDescription = React25__namespace.forwardRef(({ className, ...prop
   AlertDialogPrimitive__namespace.Description,
   {
     ref,
-    className: chunk47IWLKYO_js.cn("sb-text-sm sb-text-muted-foreground", className),
+    className: chunkORODN5Q7_js.cn("sb-text-sm sb-text-muted-foreground", className),
     ...props
   }
 ));
@@ -138,7 +134,7 @@ var AlertDialogAction = React25__namespace.forwardRef(({ className, ...props },
   AlertDialogPrimitive__namespace.Action,
   {
     ref,
-    className: chunk47IWLKYO_js.cn(chunkIAIJXTFG_js.buttonVariants(), className),
+    className: chunkORODN5Q7_js.cn(chunkRCDOLMDG_js.buttonVariants(), className),
     ...props
   }
 ));
@@ -147,8 +143,8 @@ var AlertDialogCancel = React25__namespace.forwardRef(({ className, ...props },
   AlertDialogPrimitive__namespace.Cancel,
   {
     ref,
-    className: chunk47IWLKYO_js.cn(
-      chunkIAIJXTFG_js.buttonVariants({ variant: "outline" }),
+    className: chunkORODN5Q7_js.cn(
+      chunkRCDOLMDG_js.buttonVariants({ variant: "outline" }),
       "sb-mt-2 sm:sb-mt-0",
       className
     ),
@@ -165,7 +161,7 @@ var PopoverContent = React25__namespace.forwardRef(({ className, align = "center
     ref,
     align,
     sideOffset,
-    className: chunk47IWLKYO_js.cn(
+    className: chunkORODN5Q7_js.cn(
       "sb-z-50 sb-w-72 sb-rounded-md sb-border sb-bg-popover sb-p-4 sb-text-popover-foreground sb-shadow-md sb-outline-none 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
     ),
@@ -248,7 +244,7 @@ var useRichTextEditor = ({
     (editor2) => {
       onUpdate?.(getOutput(editor2, output));
     },
-    [output]
+    [output, onUpdate]
   );
   const handleBlur = React25.useCallback(
     (editor2) => {
@@ -256,21 +252,22 @@ var useRichTextEditor = ({
     },
     [output, onBlur]
   );
-  const editor = react.useEditor({
+  const editorOptions = React25.useMemo(() => ({
     extensions: [starterKit.StarterKit, extensionUnderline.Underline, extensionColor.Color, extensionTextStyle.TextStyle, Link],
     editorProps: {
       attributes: {
         autocomplete: "off",
         autocorrect: "off",
         autocapitalize: "off",
-        class: chunk47IWLKYO_js.cn("sb-focus:outline-none", editorClassName)
+        class: chunkORODN5Q7_js.cn("sb-focus:outline-none", editorClassName)
       }
     },
     onCreate: ({ editor: editor2 }) => handleCreate(editor2),
     onUpdate: ({ editor: editor2 }) => handleUpdate(editor2),
     onBlur: ({ editor: editor2 }) => handleBlur(editor2),
     ...options
-  });
+  }), [editorClassName, handleCreate, handleUpdate, handleBlur, options]);
+  const editor = react.useEditor(editorOptions);
   return editor;
 };
 var DropdownMenu = DropdownMenuPrimitive__namespace.Root;
@@ -279,7 +276,7 @@ var DropdownMenuSubTrigger = React25__namespace.forwardRef(({ className, inset,
   DropdownMenuPrimitive__namespace.SubTrigger,
   {
     ref,
-    className: chunk47IWLKYO_js.cn(
+    className: chunkORODN5Q7_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-none focus:sb-bg-accent data-[state=open]:sb-bg-accent [&_svg]:sb-pointer-events-none [&_svg]:sb-size-4 [&_svg]:sb-shrink-0",
       inset && "sb-pl-8",
       className
@@ -294,7 +291,7 @@ var DropdownMenuSubContent = React25__namespace.forwardRef(({ className, ...prop
   DropdownMenuPrimitive__namespace.SubContent,
   {
     ref,
-    className: chunk47IWLKYO_js.cn(
+    className: chunkORODN5Q7_js.cn(
       "sb-z-50 sb-min-w-[8rem] 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
     ),
@@ -307,7 +304,7 @@ var DropdownMenuContent = React25__namespace.forwardRef(({ className, sideOffset
   {
     ref,
     sideOffset,
-    className: chunk47IWLKYO_js.cn(
+    className: chunkORODN5Q7_js.cn(
       "sb-z-50 sb-max-h-[var(--radix-dropdown-menu-content-available-height)] sb-min-w-[8rem] 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
@@ -320,7 +317,7 @@ var DropdownMenuItem = React25__namespace.forwardRef(({ className, inset, ...pro
   DropdownMenuPrimitive__namespace.Item,
   {
     ref,
-    className: chunk47IWLKYO_js.cn(
+    className: chunkORODN5Q7_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-none sb-transition-colors focus:sb-bg-accent focus:sb-text-accent-foreground data-[disabled]:sb-pointer-events-none data-[disabled]:sb-opacity-50 [&>svg]:sb-size-4 [&>svg]:sb-shrink-0",
       inset && "sb-pl-8",
       className
@@ -333,7 +330,7 @@ var DropdownMenuCheckboxItem = React25__namespace.forwardRef(({ className, child
   DropdownMenuPrimitive__namespace.CheckboxItem,
   {
     ref,
-    className: chunk47IWLKYO_js.cn(
+    className: chunkORODN5Q7_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-none sb-transition-colors focus:sb-bg-accent focus:sb-text-accent-foreground data-[disabled]:sb-pointer-events-none data-[disabled]:sb-opacity-50",
       className
     ),
@@ -348,7 +345,7 @@ var DropdownMenuRadioItem = React25__namespace.forwardRef(({ className, children
   DropdownMenuPrimitive__namespace.RadioItem,
   {
     ref,
-    className: chunk47IWLKYO_js.cn(
+    className: chunkORODN5Q7_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-none sb-transition-colors focus:sb-bg-accent focus:sb-text-accent-foreground data-[disabled]:sb-pointer-events-none data-[disabled]:sb-opacity-50",
       className
     ),
@@ -362,7 +359,7 @@ var DropdownMenuLabel = React25__namespace.forwardRef(({ className, inset, ...pr
   DropdownMenuPrimitive__namespace.Label,
   {
     ref,
-    className: chunk47IWLKYO_js.cn(
+    className: chunkORODN5Q7_js.cn(
       "sb-px-2 sb-py-1.5 sb-text-sm sb-font-semibold",
       inset && "sb-pl-8",
       className
@@ -375,7 +372,7 @@ var DropdownMenuSeparator = React25__namespace.forwardRef(({ className, ...props
   DropdownMenuPrimitive__namespace.Separator,
   {
     ref,
-    className: chunk47IWLKYO_js.cn("sb--mx-1 sb-my-1 sb-h-px sb-bg-muted", className),
+    className: chunkORODN5Q7_js.cn("sb--mx-1 sb-my-1 sb-h-px sb-bg-muted", className),
     ...props
   }
 ));
@@ -387,7 +384,7 @@ var Separator2 = React25__namespace.forwardRef(
       ref,
       decorative,
       orientation,
-      className: chunk47IWLKYO_js.cn(
+      className: chunkORODN5Q7_js.cn(
         "sb-shrink-0 sb-bg-border",
         orientation === "horizontal" ? "sb-h-[1px] sb-w-full" : "sb-h-full sb-w-[1px]",
         className
@@ -421,7 +418,7 @@ var Toggle = React25__namespace.forwardRef(({ className, variant, size, ...props
   TogglePrimitive__namespace.Root,
   {
     ref,
-    className: chunk47IWLKYO_js.cn(toggleVariants({ variant, size, className })),
+    className: chunkORODN5Q7_js.cn(toggleVariants({ variant, size, className })),
     ...props
   }
 ));
@@ -434,7 +431,7 @@ var ToggleGroup = React25__namespace.forwardRef(({ className, variant, size, chi
   ToggleGroupPrimitive__namespace.Root,
   {
     ref,
-    className: chunk47IWLKYO_js.cn("sb-flex sb-items-center sb-justify-center sb-gap-1", className),
+    className: chunkORODN5Q7_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)
@@ -446,7 +443,7 @@ var ToggleGroupItem = React25__namespace.forwardRef(({ className, children, vari
     ToggleGroupPrimitive__namespace.Item,
     {
       ref,
-      className: chunk47IWLKYO_js.cn(
+      className: chunkORODN5Q7_js.cn(
         toggleVariants({
           variant: context.variant || variant,
           size: context.size || size
@@ -464,7 +461,9 @@ var PALETTES = [
     inverse: "hsl(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))" }
@@ -474,7 +473,9 @@ var PALETTES = [
     inverse: "hsl(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))" }
@@ -594,7 +595,7 @@ var ElementTool = ({ editor }) => {
     DropdownMenuItem,
     {
       key: action.label,
-      className: chunk47IWLKYO_js.cn({
+      className: chunkORODN5Q7_js.cn({
         "sb-bg-accent": action.level ? editor.isActive("heading", { level: action.level }) : editor.isActive("paragraph")
       }),
       onClick: () => handleFormatChange(action.level)
@@ -691,7 +692,7 @@ var DialogOverlay = React25__namespace.forwardRef(({ className, ...props }, ref)
   DialogPrimitive__namespace.Overlay,
   {
     ref,
-    className: chunk47IWLKYO_js.cn(
+    className: chunkORODN5Q7_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
     ),
@@ -703,7 +704,7 @@ var DialogContent = React25__namespace.forwardRef(({ className, children, ...pro
   DialogPrimitive__namespace.Content,
   {
     ref,
-    className: chunk47IWLKYO_js.cn(
+    className: chunkORODN5Q7_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%] sm:sb-rounded-lg",
       className
     ),
@@ -719,7 +720,7 @@ var DialogHeader = ({
 }) => /* @__PURE__ */ React25__namespace.createElement(
   "div",
   {
-    className: chunk47IWLKYO_js.cn(
+    className: chunkORODN5Q7_js.cn(
       "sb-flex sb-flex-col sb-space-y-1.5 sb-text-center sm:sb-text-left",
       className
     ),
@@ -731,7 +732,7 @@ var DialogTitle = React25__namespace.forwardRef(({ className, ...props }, ref) =
   DialogPrimitive__namespace.Title,
   {
     ref,
-    className: chunk47IWLKYO_js.cn(
+    className: chunkORODN5Q7_js.cn(
       "sb-text-lg sb-font-semibold sb-leading-none sb-tracking-tight",
       className
     ),
@@ -743,7 +744,7 @@ var DialogDescription = React25__namespace.forwardRef(({ className, ...props },
   DialogPrimitive__namespace.Description,
   {
     ref,
-    className: chunk47IWLKYO_js.cn("sb-text-sm sb-text-muted-foreground", className),
+    className: chunkORODN5Q7_js.cn("sb-text-sm sb-text-muted-foreground", className),
     ...props
   }
 ));
@@ -755,7 +756,7 @@ var Label2 = React25__namespace.forwardRef(({ className, ...props }, ref) => /*
   LabelPrimitive__namespace.Root,
   {
     ref,
-    className: chunk47IWLKYO_js.cn(labelVariants(), className),
+    className: chunkORODN5Q7_js.cn(labelVariants(), className),
     ...props
   }
 ));
@@ -794,7 +795,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: chunk47IWLKYO_js.cn("sb-space-y-2", className), ...props }));
+  return /* @__PURE__ */ React25__namespace.createElement(FormItemContext.Provider, { value: { id } }, /* @__PURE__ */ React25__namespace.createElement("div", { ref, className: chunkORODN5Q7_js.cn("sb-space-y-2", className), ...props }));
 });
 FormItem.displayName = "FormItem";
 var FormLabel = React25__namespace.forwardRef(({ className, ...props }, ref) => {
@@ -803,7 +804,7 @@ var FormLabel = React25__namespace.forwardRef(({ className, ...props }, ref) =>
     Label2,
     {
       ref,
-      className: chunk47IWLKYO_js.cn(error && "sb-text-destructive", className),
+      className: chunkORODN5Q7_js.cn(error && "sb-text-destructive", className),
       htmlFor: formItemId,
       ...props
     }
@@ -831,7 +832,7 @@ var FormDescription = React25__namespace.forwardRef(({ className, ...props }, re
     {
       ref,
       id: formDescriptionId,
-      className: chunk47IWLKYO_js.cn("sb-text-[0.8rem] sb-text-muted-foreground", className),
+      className: chunkORODN5Q7_js.cn("sb-text-[0.8rem] sb-text-muted-foreground", className),
       ...props
     }
   );
@@ -848,7 +849,7 @@ var FormMessage = React25__namespace.forwardRef(({ className, children, ...props
     {
       ref,
       id: formMessageId,
-      className: chunk47IWLKYO_js.cn("sb-text-[0.8rem] sb-font-medium sb-text-destructive", className),
+      className: chunkORODN5Q7_js.cn("sb-text-[0.8rem] sb-font-medium sb-text-destructive", className),
       ...props
     },
     body
@@ -861,7 +862,7 @@ var Input = React25__namespace.forwardRef(
       "input",
       {
         type,
-        className: chunk47IWLKYO_js.cn(
+        className: chunkORODN5Q7_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 file:sb-border-0 file:sb-bg-transparent file:sb-text-sm file:sb-font-medium file:sb-text-foreground placeholder:sb-text-muted-foreground focus-visible:sb-outline-none focus-visible:sb-ring-1 focus-visible:sb-ring-ring disabled:sb-cursor-not-allowed disabled:sb-opacity-50 md:sb-text-sm",
           className
         ),
@@ -881,7 +882,7 @@ AdvancedInput.displayName = "AdvancedInput";
 var Switch = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React25__namespace.createElement(
   SwitchPrimitives__namespace.Root,
   {
-    className: chunk47IWLKYO_js.cn(
+    className: chunkORODN5Q7_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 focus-visible:sb-outline-none focus-visible:sb-ring-2 focus-visible:sb-ring-ring focus-visible:sb-ring-offset-2 focus-visible:sb-ring-offset-background disabled:sb-cursor-not-allowed disabled:sb-opacity-50 data-[state=checked]:sb-bg-primary data-[state=unchecked]:sb-bg-input",
       className
     ),
@@ -891,7 +892,7 @@ var Switch = React25__namespace.forwardRef(({ className, ...props }, ref) => /*
   /* @__PURE__ */ React25__namespace.createElement(
     SwitchPrimitives__namespace.Thumb,
     {
-      className: chunk47IWLKYO_js.cn(
+      className: chunkORODN5Q7_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 data-[state=checked]:sb-translate-x-4 data-[state=unchecked]:sb-translate-x-0"
       )
     }
@@ -980,7 +981,7 @@ var LinkForm = ({
         }
       )), /* @__PURE__ */ React25__namespace.createElement(FormLabel, null, "Open in new tab")), /* @__PURE__ */ React25__namespace.createElement(FormMessage, null))
     }
-  ), /* @__PURE__ */ React25__namespace.createElement(chunkIAIJXTFG_js.Button, { type: "button", onClick: form.handleSubmit(handleSubmit) }, "Save")));
+  ), /* @__PURE__ */ React25__namespace.createElement(chunkRCDOLMDG_js.Button, { type: "button", onClick: form.handleSubmit(handleSubmit) }, "Save")));
 };
 var actions3 = [
   {
@@ -1035,7 +1036,7 @@ var ToolbarSection = ({
     DropdownMenuItem,
     {
       key: action.label,
-      className: chunk47IWLKYO_js.cn("sb-flex sb-flex-row sb-items-center sb-gap-2", {
+      className: chunkORODN5Q7_js.cn("sb-flex sb-flex-row sb-items-center sb-gap-2", {
         "sb-bg-accent": action.isActive(editor)
       }),
       onClick: () => action.action(editor),
@@ -1045,23 +1046,22 @@ var ToolbarSection = ({
     /* @__PURE__ */ React25__namespace.createElement("span", null, action.label)
   )))));
 };
-var ToolbarButton = ({
-  className,
-  ...props
-}) => {
+var ToolbarButton = React25__namespace.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ React25__namespace.createElement(
     Toggle,
     {
       size: "sm",
-      className: chunk47IWLKYO_js.cn(
+      className: chunkORODN5Q7_js.cn(
         "sb-size-8 sb-p-0 data-[state=on]:sb-bg-accent",
         { "sb-bg-accent": props.pressed },
         className
       ),
+      ref,
       ...props
     }
   );
-};
+});
+ToolbarButton.displayName = "ToolbarButton";
 
 // src/features/rich-text-editor/components/rich-text-editor.tsx
 var RichTextEditor = ({
@@ -1075,7 +1075,7 @@ var RichTextEditor = ({
   const editor = useRichTextEditor({
     value,
     onUpdate: onChange,
-    editorClassName: chunk47IWLKYO_js.cn("sb-flex-1 sb-px-3 sb-py-1", editorClassName),
+    editorClassName: chunkORODN5Q7_js.cn("sb-flex-1 sb-px-3 sb-py-1", editorClassName),
     ...props
   });
   if (!editor) {
@@ -1084,7 +1084,7 @@ var RichTextEditor = ({
   return /* @__PURE__ */ React25__namespace.createElement(
     "div",
     {
-      className: chunk47IWLKYO_js.cn(
+      className: chunkORODN5Q7_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 focus-within:sb-border-primary",
         className
       )
@@ -1094,8 +1094,8 @@ var RichTextEditor = ({
       react.EditorContent,
       {
         editor,
-        className: chunk47IWLKYO_js.cn(
-          "sb-editflow sb-prose sb-flex sb-flex-1",
+        className: chunkORODN5Q7_js.cn(
+          "sb-editflow prose sb-flex sb-flex-1",
           editorContentClassName
         )
       }
@@ -1112,15 +1112,15 @@ function Calendar({
     reactDayPicker.DayPicker,
     {
       showOutsideDays,
-      className: chunk47IWLKYO_js.cn("sb-p-3 sb-font-roboto", className),
+      className: chunkORODN5Q7_js.cn("sb-p-3 sb-font-roboto", className),
       classNames: {
         months: "sb-flex sb-flex-col sm:sb-flex-row sb-space-y-4 sm:sb-space-x-4 sm:sb-space-y-0",
         month: "sb-space-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-space-x-1 sb-flex sb-items-center",
-        nav_button: chunk47IWLKYO_js.cn(
-          chunkIAIJXTFG_js.buttonVariants({ variant: "outline" }),
+        nav_button: chunkORODN5Q7_js.cn(
+          chunkRCDOLMDG_js.buttonVariants({ variant: "outline" }),
           "sb-h-7 sb-w-7 sb-bg-transparent sb-p-0 sb-opacity-50 hover:sb-opacity-100"
         ),
         nav_button_previous: "sb-absolute sb-left-1",
@@ -1129,12 +1129,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: chunk47IWLKYO_js.cn(
+        cell: chunkORODN5Q7_js.cn(
           "sb-relative sb-p-0 sb-text-center sb-text-sm focus-within:sb-relative focus-within:sb-z-20 [&:has([aria-selected])]:sb-bg-accent [&:has([aria-selected].day-outside)]:sb-bg-accent/50 [&:has([aria-selected].day-range-end)]:sb-rounded-r-md",
           props.mode === "range" ? "[&:has(>.day-range-end)]:sb-rounded-r-md [&:has(>.day-range-start)]:sb-rounded-l-md first:[&:has([aria-selected])]:sb-rounded-l-md last:[&:has([aria-selected])]:sb-rounded-r-md" : "[&:has([aria-selected])]:sb-rounded-md"
         ),
-        day: chunk47IWLKYO_js.cn(
-          chunkIAIJXTFG_js.buttonVariants({ variant: "ghost" }),
+        day: chunkORODN5Q7_js.cn(
+          chunkRCDOLMDG_js.buttonVariants({ variant: "ghost" }),
           "sb-h-8 sb-w-8 sb-p-0 sb-font-normal aria-selected:sb-opacity-100"
         ),
         day_range_start: "day-range-start",
@@ -1170,11 +1170,11 @@ var ColorPicker = (props) => {
     "#FF0000"
   ];
   return /* @__PURE__ */ React25__namespace.createElement(Popover, null, /* @__PURE__ */ React25__namespace.createElement(PopoverTrigger, { asChild: true }, /* @__PURE__ */ React25__namespace.createElement(
-    chunkIAIJXTFG_js.Button,
+    chunkRCDOLMDG_js.Button,
     {
       variant: "outline",
       size: "sm",
-      className: chunk47IWLKYO_js.cn(
+      className: chunkORODN5Q7_js.cn(
         "sb-justify-start sb-text-left sb-font-normal sb-normal-case sb-w-full",
         !color && "sb-text-muted-foreground",
         className
@@ -1274,8 +1274,8 @@ var MediaInput = (props) => {
       body: JSON.stringify({ src })
     });
   };
-  return /* @__PURE__ */ React25__namespace.createElement("div", { className: chunk47IWLKYO_js.cn("flex flex-wrap gap-4", props.className) }, sources.map((src) => /* @__PURE__ */ React25__namespace.createElement(MediaInputItem, { key: src, className: chunk47IWLKYO_js.cn("group", props.itemClassName) }, /* @__PURE__ */ React25__namespace.createElement(
-    chunk47IWLKYO_js.Image,
+  return /* @__PURE__ */ React25__namespace.createElement("div", { className: chunkORODN5Q7_js.cn("flex flex-wrap gap-4", props.className) }, sources.map((src) => /* @__PURE__ */ React25__namespace.createElement(MediaInputItem, { key: src, className: chunkORODN5Q7_js.cn("group", props.itemClassName) }, /* @__PURE__ */ React25__namespace.createElement(
+    chunkORODN5Q7_js.Image,
     {
       src,
       alt: "",
@@ -1293,7 +1293,7 @@ var MediaInput = (props) => {
     MediaInputItem,
     {
       key: i,
-      className: chunk47IWLKYO_js.cn(
+      className: chunkORODN5Q7_js.cn(
         "sb-flex sb-h-28 sb-w-28 sb-items-center sb-justify-center",
         props.itemClassName
       )
@@ -1303,7 +1303,7 @@ var MediaInput = (props) => {
     "label",
     {
       htmlFor: id,
-      className: chunk47IWLKYO_js.cn(
+      className: chunkORODN5Q7_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
       )
@@ -1326,7 +1326,7 @@ var MediaInputItem = (props) => {
   return /* @__PURE__ */ React25__namespace.createElement(
     "div",
     {
-      className: chunk47IWLKYO_js.cn(
+      className: chunkORODN5Q7_js.cn(
         "sb-relative sb-h-28 sb-w-28 sb-overflow-hidden sb-rounded-lg sb-border",
         props.className
       )
@@ -1349,7 +1349,7 @@ var SelectTrigger = React25__namespace.forwardRef(({ className, children, ...pro
   SelectPrimitive__namespace.Trigger,
   {
     ref,
-    className: chunk47IWLKYO_js.cn(
+    className: chunkORODN5Q7_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 placeholder:sb-text-muted-foreground focus:sb-outline-none focus:sb-ring-2 focus:sb-ring-ring focus:sb-ring-offset-2 disabled:sb-cursor-not-allowed disabled:sb-opacity-50 [&>span]:sb-line-clamp-1",
       className
     ),
@@ -1363,7 +1363,7 @@ var SelectScrollUpButton = React25__namespace.forwardRef(({ className, ...props
   SelectPrimitive__namespace.ScrollUpButton,
   {
     ref,
-    className: chunk47IWLKYO_js.cn(
+    className: chunkORODN5Q7_js.cn(
       "sb-flex sb-cursor-default sb-items-center sb-justify-center sb-py-1",
       className
     ),
@@ -1376,7 +1376,7 @@ var SelectScrollDownButton = React25__namespace.forwardRef(({ className, ...prop
   SelectPrimitive__namespace.ScrollDownButton,
   {
     ref,
-    className: chunk47IWLKYO_js.cn(
+    className: chunkORODN5Q7_js.cn(
       "sb-flex sb-cursor-default sb-items-center sb-justify-center sb-py-1",
       className
     ),
@@ -1389,7 +1389,7 @@ var SelectContent = React25__namespace.forwardRef(({ className, children, positi
   SelectPrimitive__namespace.Content,
   {
     ref,
-    className: chunk47IWLKYO_js.cn(
+    className: chunkORODN5Q7_js.cn(
       "sb-relative sb-z-50 sb-max-h-96 sb-min-w-[8rem] 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" && "data-[side=bottom]:sb-translate-y-1 data-[side=left]:sb--translate-x-1 data-[side=right]:sb-translate-x-1 data-[side=top]:sb--translate-y-1",
       className
@@ -1401,7 +1401,7 @@ var SelectContent = React25__namespace.forwardRef(({ className, children, positi
   /* @__PURE__ */ React25__namespace.createElement(
     SelectPrimitive__namespace.Viewport,
     {
-      className: chunk47IWLKYO_js.cn(
+      className: chunkORODN5Q7_js.cn(
         "sb-p-1",
         position === "popper" && "sb-h-[var(--radix-select-trigger-height)] sb-w-full sb-min-w-[var(--radix-select-trigger-width)]"
       )
@@ -1415,7 +1415,7 @@ var SelectLabel = React25__namespace.forwardRef(({ className, ...props }, ref) =
   SelectPrimitive__namespace.Label,
   {
     ref,
-    className: chunk47IWLKYO_js.cn(
+    className: chunkORODN5Q7_js.cn(
       "sb-py-1.5 sb-pl-8 sb-pr-2 sb-text-sm sb-font-semibold",
       className
     ),
@@ -1427,7 +1427,7 @@ var SelectItem = React25__namespace.forwardRef(({ className, children, ...props
   SelectPrimitive__namespace.Item,
   {
     ref,
-    className: chunk47IWLKYO_js.cn(
+    className: chunkORODN5Q7_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-none focus:sb-bg-accent focus:sb-text-accent-foreground data-[disabled]:sb-pointer-events-none data-[disabled]:sb-opacity-50",
       className
     ),
@@ -1441,7 +1441,7 @@ var SelectSeparator = React25__namespace.forwardRef(({ className, ...props }, re
   SelectPrimitive__namespace.Separator,
   {
     ref,
-    className: chunk47IWLKYO_js.cn("sb--mx-1 sb-my-1 sb-h-px sb-bg-muted", className),
+    className: chunkORODN5Q7_js.cn("sb--mx-1 sb-my-1 sb-h-px sb-bg-muted", className),
     ...props
   }
 ));
@@ -1451,7 +1451,7 @@ var Textarea = React25__namespace.forwardRef(
     return /* @__PURE__ */ React25__namespace.createElement(
       "textarea",
       {
-        className: chunk47IWLKYO_js.cn(
+        className: chunkORODN5Q7_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 placeholder:sb-text-muted-foreground focus-visible:sb-outline-none focus-visible:sb-ring-1 focus-visible:sb-ring-ring disabled:sb-cursor-not-allowed disabled:sb-opacity-50",
           className
         ),
@@ -1466,8 +1466,8 @@ Textarea.displayName = "Textarea";
 // src/components/container-item-form.tsx
 var ContainerItemForm = (props) => {
   const { item } = props;
-  const { patchItem } = chunkIAIJXTFG_js.useBuilder();
-  const component = chunk47IWLKYO_js.builder.getComponent(item.component);
+  const { patchItem } = chunkRCDOLMDG_js.useBuilder();
+  const component = chunkORODN5Q7_js.builder.getComponent(item.component);
   if (!component) {
     throw new Error(
       `[simple-builder]: Component with id ${item.component} not found in container item form component`
@@ -1540,12 +1540,12 @@ var RenderFormField = (props) => {
         /* @__PURE__ */ React25__namespace.createElement(lucideReact.XIcon, { className: "sb-h-4 sb-w-4" })
       ))
     ), /* @__PURE__ */ React25__namespace.createElement(
-      chunkIAIJXTFG_js.Button,
+      chunkRCDOLMDG_js.Button,
       {
         type: "button",
         variant: "outline",
         size: "sm",
-        className: chunk47IWLKYO_js.cn(
+        className: chunkORODN5Q7_js.cn(
           "sb-w-[89%] sb-border-2 sb-border-dashed sb-text-muted-foreground",
           type === "grouped" && "sb-w-full"
         ),
@@ -1571,7 +1571,7 @@ var RenderFormField = (props) => {
         }
       );
     case "richText":
-      return /* @__PURE__ */ React25__namespace.createElement(Dialog, null, /* @__PURE__ */ React25__namespace.createElement("div", { className: "sb-space-y-2" }, /* @__PURE__ */ React25__namespace.createElement(FormLabel, null, input.friendlyName || input.name), /* @__PURE__ */ React25__namespace.createElement(DialogTrigger, { asChild: true }, /* @__PURE__ */ React25__namespace.createElement(chunkIAIJXTFG_js.Button, { variant: "outline", className: "sb-w-full" }, 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 sm:sb-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-space-y-2" }, /* @__PURE__ */ React25__namespace.createElement(FormLabel, null, input.friendlyName || input.name), /* @__PURE__ */ React25__namespace.createElement(DialogTrigger, { asChild: true }, /* @__PURE__ */ React25__namespace.createElement(chunkRCDOLMDG_js.Button, { variant: "outline", className: "sb-w-full" }, 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 sm:sb-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,
@@ -1626,11 +1626,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(
-        chunkIAIJXTFG_js.Button,
+        chunkRCDOLMDG_js.Button,
         {
           variant: "outline",
           size: "sm",
-          className: chunk47IWLKYO_js.cn(
+          className: chunkORODN5Q7_js.cn(
             "sb-w-full sb-flex sb-justify-start sb-text-left sb-font-normal",
             !field.value && "sb-text-muted-foreground"
           )
@@ -1670,7 +1670,7 @@ var RenderInput = (props) => {
   }
 };
 var Tabs = TabsPrimitive__namespace.Root;
-var tabsListVariants = chunk47IWLKYO_js.tv({
+var tabsListVariants = chunkORODN5Q7_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",
@@ -1690,7 +1690,7 @@ var TabsList = React25__namespace.forwardRef(({ variant, className, ...props },
   }
 ));
 TabsList.displayName = TabsPrimitive__namespace.List.displayName;
-var tabsTriggerVariants = chunk47IWLKYO_js.tv({
+var tabsTriggerVariants = chunkORODN5Q7_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 focus-visible:sb-outline-none focus-visible:sb-ring-2 focus-visible:sb-ring-ring focus-visible:sb-ring-offset-2 disabled:sb-pointer-events-none disabled:sb-opacity-50 data-[state=active]:sb-bg-background data-[state=active]:sb-text-foreground data-[state=active]:sb-shadow-sm",
@@ -1714,7 +1714,7 @@ var TabsContent = React25__namespace.forwardRef(({ className, ...props }, ref) =
   TabsPrimitive__namespace.Content,
   {
     ref,
-    className: chunk47IWLKYO_js.cn(
+    className: chunkORODN5Q7_js.cn(
       "sb-ring-offset-background sb-font-roboto focus-visible:sb-outline-none focus-visible:sb-ring-2 focus-visible:sb-ring-ring focus-visible:sb-ring-offset-2",
       className
     ),
@@ -1753,11 +1753,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(
-    chunkIAIJXTFG_js.Button,
+    chunkRCDOLMDG_js.Button,
     {
       variant: "outline",
       size: "sm",
-      className: chunk47IWLKYO_js.cn(
+      className: chunkORODN5Q7_js.cn(
         "sb-justify-start sb-text-left sb-font-normal sb-normal-case sb-w-full",
         !background && "sb-text-muted-foreground",
         className
@@ -1953,7 +1953,7 @@ var designSchema = zod.z.object({
 });
 var ItemDesignForm = (props) => {
   const { item } = props;
-  const component = chunk47IWLKYO_js.builder.getComponent(item.component);
+  const component = chunkORODN5Q7_js.builder.getComponent(item.component);
   if (!component) {
     throw new Error(
       `[simple-builder]: Component "${item.component}" not found`
@@ -1995,7 +1995,7 @@ var ItemDesignForm = (props) => {
       mobile: getDefaultDeviceValues("mobile")
     }
   });
-  const { patchItem } = chunkIAIJXTFG_js.useBuilder();
+  const { patchItem } = chunkRCDOLMDG_js.useBuilder();
   const onSubmit = (values) => {
     const { container, hidden, desktop, mobile } = values;
     const dirtyFields = form.formState.dirtyFields;
@@ -2128,7 +2128,7 @@ var ScrollArea = React25__namespace.forwardRef(({ className, children, ...props
   ScrollAreaPrimitive__namespace.Root,
   {
     ref,
-    className: chunk47IWLKYO_js.cn("sb-relative sb-overflow-hidden", className),
+    className: chunkORODN5Q7_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),
@@ -2141,7 +2141,7 @@ var ScrollBar = React25__namespace.forwardRef(({ className, orientation = "verti
   {
     ref,
     orientation,
-    className: chunk47IWLKYO_js.cn(
+    className: chunkORODN5Q7_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-[1px]",
       orientation === "horizontal" && "sb-h-2.5 sb-flex-col sb-border-t sb-border-t-transparent sb-p-[1px]",
@@ -2156,9 +2156,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 } = chunkIAIJXTFG_js.useBuilder();
+  const { bringUp, bringDown } = chunkRCDOLMDG_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(
-    chunkIAIJXTFG_js.Button,
+    chunkRCDOLMDG_js.Button,
     {
       variant: "ghost",
       className: "sb-w-8 sb-h-8 sb-p-0",
@@ -2167,7 +2167,7 @@ var ContainerItemToolbar = (props) => {
     },
     /* @__PURE__ */ React25__namespace.createElement(lucideReact.ArrowUp, { className: "sb-h-5 sb-w-5" })
   ), /* @__PURE__ */ React25__namespace.createElement(
-    chunkIAIJXTFG_js.Button,
+    chunkRCDOLMDG_js.Button,
     {
       variant: "ghost",
       className: "sb-w-8 sb-h-8 sb-p-0",
@@ -2178,7 +2178,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(chunkIAIJXTFG_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(chunkRCDOLMDG_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",
@@ -2193,7 +2193,7 @@ var EditButton = ({ id }) => {
 };
 var EditPopoverInner = (props) => {
   const { id } = props;
-  const { getItem } = chunkIAIJXTFG_js.useBuilder();
+  const { getItem } = chunkRCDOLMDG_js.useBuilder();
   const item = getItem(id);
   if (!item) {
     throw new Error(
@@ -2203,9 +2203,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 } = chunkIAIJXTFG_js.useBuilder();
+  const { deleteContent } = chunkRCDOLMDG_js.useBuilder();
   return /* @__PURE__ */ React25__namespace.createElement(AlertDialog, null, /* @__PURE__ */ React25__namespace.createElement(AlertDialogTrigger, { asChild: true }, /* @__PURE__ */ React25__namespace.createElement(
-    chunkIAIJXTFG_js.Button,
+    chunkRCDOLMDG_js.Button,
     {
       variant: "ghost",
       className: "sb-w-8 sb-h-8 sb-p-0 sb-text-destructive"
@@ -2214,7 +2214,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: chunkIAIJXTFG_js.buttonVariants({ variant: "destructive" }),
+      className: chunkRCDOLMDG_js.buttonVariants({ variant: "destructive" }),
       onClick: () => deleteContent(contentId)
     },
     "Verwijderen"
@@ -2230,7 +2230,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(chunk47IWLKYO_js.DesignWrapper, { building: true, styles: item.styles }, chunk47IWLKYO_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(chunkORODN5Q7_js.DesignWrapper, { building: true, styles: item.styles }, chunkORODN5Q7_js.builder.bindComponent(item, true)), /* @__PURE__ */ React25__namespace.createElement(
     ContainerItemToolbar,
     {
       contentId: item.id,
@@ -2248,12 +2248,12 @@ var BuildContainerInner = (props) => {
 };
 var build_container_client_default = BuildContainerInner;
 var AddContentButton = (props) => {
-  const components = chunk47IWLKYO_js.builder.getComponents();
-  const { addContent } = chunkIAIJXTFG_js.useBuilder();
+  const components = chunkORODN5Q7_js.builder.getComponents();
+  const { addContent } = chunkRCDOLMDG_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(
-      chunkIAIJXTFG_js.Button,
+      chunkRCDOLMDG_js.Button,
       {
         variant: "ghost",
         className: "sb-justify-start",
@@ -2272,11 +2272,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(chunkIAIJXTFG_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(chunkRCDOLMDG_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(
-    chunkIAIJXTFG_js.Button,
+    chunkRCDOLMDG_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"