@simple-builder/react 1.2.4 → 1.2.6

package/dist/build-container-client-YTZ4C67E.mjs

@@ -1,4 +1,11 @@
 'use client';
+'use client';
+'use client';
+'use client';
+'use client';
+'use client';
+'use client';
+'use client';
 import './chunk-7J7CMYXS.mjs';
 import { buttonVariants, Button, useBuilder } from './chunk-G6MYXYJU.mjs';
 import { cn, tv, DesignWrapper, builder, Image } from './chunk-NJ6FM7SJ.mjs';

package/dist/build-container-client-Z34EUPR3.js

@@ -1,4 +1,11 @@
 'use client';
+'use client';
+'use client';
+'use client';
+'use client';
+'use client';
+'use client';
+'use client';
 'use strict';
 
 require('./chunk-XJ4ZJCQS.js');

package/dist/{builder-content-2CLARIDQ.js → builder-content-5K55QBEE.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkISTZWAYI_js = require('./chunk-ISTZWAYI.js');
-var chunkZEA47N62_js = require('./chunk-ZEA47N62.js');
+var chunkIVF3GTYS_js = require('./chunk-IVF3GTYS.js');
+var chunk5VQCJART_js = require('./chunk-5VQCJART.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 } = chunkISTZWAYI_js.useBuilder();
-  return /* @__PURE__ */ React2__namespace.createElement("div", { className: "sb-grid sb-grid-cols-3 sb-gap-4 sb-items-center sb-p-2 sb-shadow-lg sb-sticky sb-inset-x-0 sb-top-0 sb-bg-background sb-z-30" }, /* @__PURE__ */ React2__namespace.createElement("div", { className: "sb-flex sb-gap-4 sb-items-center" }, /* @__PURE__ */ React2__namespace.createElement(chunkISTZWAYI_js.Button, { variant: "ghost", size: "sm", onClick: save }, "Opslaan")));
+  const { save } = chunkIVF3GTYS_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(chunkIVF3GTYS_js.Button, { variant: "ghost", size: "sm", onClick: save }, "Opslaan")));
 };
 
 // src/components/builder-content.tsx
 var BuilderContent = (props) => {
-  return /* @__PURE__ */ React2__namespace.createElement(chunkISTZWAYI_js.BuilderProvider, { content: props.content }, /* @__PURE__ */ React2__namespace.createElement(BuilderContentInner, null));
+  return /* @__PURE__ */ React2__namespace.createElement(chunkIVF3GTYS_js.BuilderProvider, { content: props.content }, /* @__PURE__ */ React2__namespace.createElement(BuilderContentInner, null));
 };
 var BuilderContentInner = () => {
-  const { content } = chunkISTZWAYI_js.useBuilder();
-  return /* @__PURE__ */ React2__namespace.createElement(React2__namespace.Fragment, null, /* @__PURE__ */ React2__namespace.createElement(BuilderHeader, null), /* @__PURE__ */ React2__namespace.createElement(chunkZEA47N62_js.BuildContainer, { name: "root", edit: true, multiple: true, content }));
+  const { content } = chunkIVF3GTYS_js.useBuilder();
+  return /* @__PURE__ */ React2__namespace.createElement(React2__namespace.Fragment, null, /* @__PURE__ */ React2__namespace.createElement(BuilderHeader, null), /* @__PURE__ */ React2__namespace.createElement(chunk5VQCJART_js.BuildContainer, { name: "root", edit: true, multiple: true, content }));
 };
 var builder_content_default = BuilderContent;
 

package/dist/{builder-content-YOL4MKX3.mjs → builder-content-EHVMYKSR.mjs}

@@ -1,5 +1,5 @@
-import { BuilderProvider, useBuilder, Button } from './chunk-Q42UV6O3.mjs';
-import { BuildContainer } from './chunk-F7EVAQN7.mjs';
+import { BuilderProvider, useBuilder, Button } from './chunk-BUELIHBX.mjs';
+import { BuildContainer } from './chunk-UH23D2JA.mjs';
 import * as React2 from 'react';
 
 var BuilderHeader = () => {

package/dist/{builder-content-Y7KZGM4Z.js → builder-content-J6G2PNIM.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkIAIJXTFG_js = require('./chunk-IAIJXTFG.js');
-var chunk47IWLKYO_js = require('./chunk-47IWLKYO.js');
+var chunkRCDOLMDG_js = require('./chunk-RCDOLMDG.js');
+var chunkORODN5Q7_js = require('./chunk-ORODN5Q7.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 } = chunkIAIJXTFG_js.useBuilder();
-  return /* @__PURE__ */ React2__namespace.createElement("div", { className: "sb-grid sb-grid-cols-3 sb-gap-4 sb-items-center sb-p-2 sb-shadow-lg sb-sticky sb-inset-x-0 sb-top-0 sb-bg-background sb-z-30" }, /* @__PURE__ */ React2__namespace.createElement("div", { className: "sb-flex sb-gap-4 sb-items-center" }, /* @__PURE__ */ React2__namespace.createElement(chunkIAIJXTFG_js.Button, { variant: "ghost", size: "sm", onClick: save }, "Opslaan")));
+  const { save } = chunkRCDOLMDG_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(chunkRCDOLMDG_js.Button, { variant: "ghost", size: "sm", onClick: save }, "Opslaan")));
 };
 
 // src/components/builder-content.tsx
 var BuilderContent = (props) => {
-  return /* @__PURE__ */ React2__namespace.createElement(chunkIAIJXTFG_js.BuilderProvider, { content: props.content }, /* @__PURE__ */ React2__namespace.createElement(BuilderContentInner, null));
+  return /* @__PURE__ */ React2__namespace.createElement(chunkRCDOLMDG_js.BuilderProvider, { content: props.content }, /* @__PURE__ */ React2__namespace.createElement(BuilderContentInner, null));
 };
 var BuilderContentInner = () => {
-  const { content } = chunkIAIJXTFG_js.useBuilder();
-  return /* @__PURE__ */ React2__namespace.createElement(React2__namespace.Fragment, null, /* @__PURE__ */ React2__namespace.createElement(BuilderHeader, null), /* @__PURE__ */ React2__namespace.createElement(chunk47IWLKYO_js.BuildContainer, { name: "root", edit: true, multiple: true, content }));
+  const { content } = chunkRCDOLMDG_js.useBuilder();
+  return /* @__PURE__ */ React2__namespace.createElement(React2__namespace.Fragment, null, /* @__PURE__ */ React2__namespace.createElement(BuilderHeader, null), /* @__PURE__ */ React2__namespace.createElement(chunkORODN5Q7_js.BuildContainer, { name: "root", edit: true, multiple: true, content }));
 };
 var builder_content_default = BuilderContent;
 

package/dist/{builder-content-44DXQN5V.mjs → builder-content-JQ7BYR4W.mjs}

@@ -1,5 +1,5 @@
-import { BuilderProvider, useBuilder, Button } from './chunk-WVO43G3J.mjs';
-import { BuildContainer } from './chunk-NAY45PRQ.mjs';
+import { BuilderProvider, useBuilder, Button } from './chunk-5NN2XSII.mjs';
+import { BuildContainer } from './chunk-2DLJX5FY.mjs';
 import * as React2 from 'react';
 
 var BuilderHeader = () => {

package/dist/{builder-content-P2XQRXZX.js → builder-content-LYSSA6KK.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkDXQKEGLP_js = require('./chunk-DXQKEGLP.js');
-var chunk7SAGJTH2_js = require('./chunk-7SAGJTH2.js');
+var chunk2S5KDJXM_js = require('./chunk-2S5KDJXM.js');
+var chunkIACBZNOK_js = require('./chunk-IACBZNOK.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 } = chunkDXQKEGLP_js.useBuilder();
-  return /* @__PURE__ */ React2__namespace.createElement("div", { className: "sb-grid sb-grid-cols-3 sb-gap-4 sb-items-center sb-p-2 sb-shadow-lg sb-sticky sb-inset-x-0 sb-top-0 sb-bg-background sb-z-30" }, /* @__PURE__ */ React2__namespace.createElement("div", { className: "sb-flex sb-gap-4 sb-items-center" }, /* @__PURE__ */ React2__namespace.createElement(chunkDXQKEGLP_js.Button, { variant: "ghost", size: "sm", onClick: save }, "Opslaan")));
+  const { save } = chunk2S5KDJXM_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(chunk2S5KDJXM_js.Button, { variant: "ghost", size: "sm", onClick: save }, "Opslaan")));
 };
 
 // src/components/builder-content.tsx
 var BuilderContent = (props) => {
-  return /* @__PURE__ */ React2__namespace.createElement(chunkDXQKEGLP_js.BuilderProvider, { content: props.content }, /* @__PURE__ */ React2__namespace.createElement(BuilderContentInner, null));
+  return /* @__PURE__ */ React2__namespace.createElement(chunk2S5KDJXM_js.BuilderProvider, { content: props.content }, /* @__PURE__ */ React2__namespace.createElement(BuilderContentInner, null));
 };
 var BuilderContentInner = () => {
-  const { content } = chunkDXQKEGLP_js.useBuilder();
-  return /* @__PURE__ */ React2__namespace.createElement(React2__namespace.Fragment, null, /* @__PURE__ */ React2__namespace.createElement(BuilderHeader, null), /* @__PURE__ */ React2__namespace.createElement(chunk7SAGJTH2_js.BuildContainer, { name: "root", edit: true, multiple: true, content }));
+  const { content } = chunk2S5KDJXM_js.useBuilder();
+  return /* @__PURE__ */ React2__namespace.createElement(React2__namespace.Fragment, null, /* @__PURE__ */ React2__namespace.createElement(BuilderHeader, null), /* @__PURE__ */ React2__namespace.createElement(chunkIACBZNOK_js.BuildContainer, { name: "root", edit: true, multiple: true, content }));
 };
 var builder_content_default = BuilderContent;
 

package/dist/builder-content-MPQ7ZQN4.js

@@ -0,0 +1,42 @@
+'use strict';
+
+var chunkI4TPSTXB_js = require('./chunk-I4TPSTXB.js');
+var chunkSMRPMB3V_js = require('./chunk-SMRPMB3V.js');
+var React2 = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
+
+var BuilderHeader = () => {
+  const { save } = chunkI4TPSTXB_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(chunkI4TPSTXB_js.Button, { variant: "ghost", size: "sm", onClick: save }, "Opslaan")));
+};
+
+// src/components/builder-content.tsx
+var BuilderContent = (props) => {
+  return /* @__PURE__ */ React2__namespace.createElement(chunkI4TPSTXB_js.BuilderProvider, { content: props.content }, /* @__PURE__ */ React2__namespace.createElement(BuilderContentInner, null));
+};
+var BuilderContentInner = () => {
+  const { content } = chunkI4TPSTXB_js.useBuilder();
+  return /* @__PURE__ */ React2__namespace.createElement(React2__namespace.Fragment, null, /* @__PURE__ */ React2__namespace.createElement(BuilderHeader, null), /* @__PURE__ */ React2__namespace.createElement(chunkSMRPMB3V_js.BuildContainer, { name: "root", edit: true, multiple: true, content }));
+};
+var builder_content_default = BuilderContent;
+
+module.exports = builder_content_default;

package/dist/{builder-content-J45ZXXEM.mjs → builder-content-OE75E24Z.mjs}

@@ -1,5 +1,5 @@
-import { BuilderProvider, useBuilder, Button } from './chunk-TZQPIYI7.mjs';
-import { BuildContainer } from './chunk-527WHDFS.mjs';
+import { BuilderProvider, useBuilder, Button } from './chunk-5DXQZNUR.mjs';
+import { BuildContainer } from './chunk-TF7VKEU2.mjs';
 import * as React2 from 'react';
 
 var BuilderHeader = () => {

package/dist/builder-content-STUVQ4ME.mjs

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

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

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

package/dist/{chunk-ISTZWAYI.js → chunk-2S5KDJXM.js}

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

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

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

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk7SAGJTH2_js = require('./chunk-7SAGJTH2.js');
+var chunkSMRPMB3V_js = require('./chunk-SMRPMB3V.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(
-    chunk7SAGJTH2_js.BuildContainer,
+    chunkSMRPMB3V_js.BuildContainer,
     {
       name: "root",
       edit: false,
@@ -36,7 +36,7 @@ var StaticContent = (props) => {
 };
 
 // src/index.ts
-var BuilderContent = React.lazy(() => import('./builder-content-P2XQRXZX.js'));
+var BuilderContent = React.lazy(() => import('./builder-content-MPQ7ZQN4.js'));
 
 exports.BuilderContent = BuilderContent;
 exports.StaticContent = StaticContent;

package/dist/{chunk-Q42UV6O3.mjs → chunk-5NN2XSII.mjs}

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

package/dist/{chunk-47IWLKYO.js → chunk-5VQCJART.js}

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

package/dist/{chunk-WVO43G3J.mjs → chunk-75X4HNGS.mjs}

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

package/dist/chunk-BUELIHBX.mjs

@@ -0,0 +1,238 @@
+import { cn, builder, insertAt } from './chunk-UH23D2JA.mjs';
+import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+
+var BuilderContext = React.createContext(
+  null
+);
+var BuilderProvider = (props) => {
+  const url = props.url ?? "/api/simple-builder";
+  const [content, setContent] = React.useState(
+    props.content ?? []
+  );
+  const getItem = React.useCallback(
+    (id) => {
+      return findRecursive(content, (item) => item.id === id);
+    },
+    [content]
+  );
+  const patchItem = React.useCallback(
+    (id, patch) => {
+      setContent(
+        (content2) => mapRecursive(content2, (item) => {
+          if (item.id === id) {
+            return {
+              ...item,
+              ...patch
+            };
+          }
+          return item;
+        })
+      );
+    },
+    [setContent, mapRecursive]
+  );
+  const addContent = React.useCallback(
+    (name, container, parent, index = 0) => {
+      const component = builder.getComponent(name);
+      if (!component) {
+        throw new Error(`[simple-builder]: Component "${name}" not found`);
+      }
+      const entry = {
+        id: crypto.randomUUID(),
+        component: component.name,
+        ...parent && { parent },
+        ...component.inputs && {
+          props: component.inputs.reduce(
+            (acc, input) => ({
+              ...acc,
+              [input.name]: input.defaultValue
+            }),
+            {}
+          )
+        },
+        ...component.defaultStyles && {
+          styles: component.defaultStyles
+        }
+      };
+      if (!parent) {
+        setContent((content2) => insertAt(content2, index, entry));
+        return;
+      }
+      setContent(
+        (content2) => mapRecursive(content2, (item) => {
+          if (item.id === parent) {
+            return {
+              ...item,
+              content: {
+                ...item.content,
+                [container]: insertAt(item.content?.[container], index, entry)
+              }
+            };
+          }
+          return item;
+        })
+      );
+    },
+    [setContent, mapRecursive]
+  );
+  const deleteContent = React.useCallback(
+    (id) => setContent((prev) => filterRecursive(prev, (item) => item.id !== id)),
+    [setContent, filterRecursive]
+  );
+  const bringUp = React.useCallback(
+    (id) => {
+      setContent(
+        (content2) => mapRecursive(content2, (item, index, arr) => {
+          if (item.id === id && index > 0) {
+            return arr[index - 1];
+          }
+          if (arr[index + 1]?.id === id) {
+            return arr[index + 1];
+          }
+          return item;
+        })
+      );
+    },
+    [setContent, mapRecursive]
+  );
+  const bringDown = React.useCallback(
+    (id) => {
+      setContent(
+        (content2) => mapRecursive(content2, (item, index, arr) => {
+          if (item.id === id && index < arr.length - 1) {
+            return arr[index + 1];
+          }
+          if (arr[index - 1]?.id === id) {
+            return arr[index - 1];
+          }
+          return item;
+        })
+      );
+    },
+    [setContent, mapRecursive]
+  );
+  const save = React.useCallback(async () => {
+    const slug = window.location.pathname;
+    await fetch(`${url}/page/update`, {
+      method: "POST",
+      body: JSON.stringify({
+        slug,
+        content
+      })
+    });
+  }, [content]);
+  return /* @__PURE__ */ React.createElement(
+    BuilderContext.Provider,
+    {
+      value: {
+        url,
+        content,
+        setContent,
+        getItem,
+        patchItem,
+        addContent,
+        bringUp,
+        bringDown,
+        deleteContent,
+        save
+      }
+    },
+    props.children
+  );
+};
+var useBuilder = () => {
+  const context = React.useContext(BuilderContext);
+  if (!context) {
+    throw new Error(
+      "[simple-builder]: useBuilder must be used within a BuilderProvider"
+    );
+  }
+  return context;
+};
+var filterRecursive = (items, predicate, key = "content") => {
+  return items.filter(predicate).map((item) => ({
+    ...item,
+    ...item[key] && {
+      [key]: Object.entries(item[key] ?? {}).reduce(
+        (acc, [name, content]) => ({
+          ...acc,
+          [name]: filterRecursive(content, predicate, key)
+        }),
+        {}
+      )
+    }
+  }));
+};
+var mapRecursive = (items, predicate, key = "content") => {
+  return items.map(predicate).map((item) => ({
+    ...item,
+    ...item[key] && {
+      [key]: Object.entries(item[key] ?? {}).reduce(
+        (acc, [name, content]) => ({
+          ...acc,
+          [name]: mapRecursive(content, predicate, key)
+        }),
+        {}
+      )
+    }
+  }));
+};
+var findRecursive = (items, predicate, key = "content") => {
+  for (const item of items) {
+    if (predicate(item)) {
+      return item;
+    }
+    if (item[key]) {
+      const keys = Object.keys(item[key] ?? {});
+      for (const x of keys) {
+        const found = findRecursive(item[key][x], predicate, key);
+        if (found) {
+          return found;
+        }
+      }
+    }
+  }
+};
+var buttonVariants = cva(
+  "sb-inline-flex sb-items-center sb-justify-center sb-gap-2 sb-whitespace-nowrap sb-rounded-md sb-text-sm sb-font-medium sb-transition-colors focus-visible:sb-outline-none focus-visible:sb-ring-1 focus-visible:sb-ring-ring disabled:sb-pointer-events-none disabled:sb-opacity-50 [&_svg]:sb-pointer-events-none [&_svg]:sb-size-4 [&_svg]:sb-shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "sb-bg-primary sb-text-primary-foreground sb-shadow hover:sb-bg-primary/90",
+        destructive: "sb-bg-destructive sb-text-destructive-foreground sb-shadow-sm hover:sb-bg-destructive/90",
+        outline: "sb-border sb-border-input sb-bg-background sb-shadow-sm hover:sb-bg-accent hover:sb-text-accent-foreground",
+        secondary: "sb-bg-secondary sb-text-secondary-foreground sb-shadow-sm hover:sb-bg-secondary/80",
+        ghost: "hover:sb-bg-accent hover:sb-text-accent-foreground",
+        link: "sb-text-primary sb-underline-offset-4 hover:sb-underline"
+      },
+      size: {
+        default: "sb-h-9 sb-px-4 sb-py-2",
+        sm: "sb-h-8 sb-rounded-md sb-px-3 sb-text-xs",
+        lg: "sb-h-10 sb-rounded-md sb-px-8",
+        icon: "sb-h-9 sb-w-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = React.forwardRef(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    return /* @__PURE__ */ React.createElement(
+      Comp,
+      {
+        className: cn(buttonVariants({ variant, size, className })),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+
+export { BuilderProvider, Button, buttonVariants, useBuilder };

package/dist/{chunk-U3LGZ4IJ.js → chunk-DMNRRIPC.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkZEA47N62_js = require('./chunk-ZEA47N62.js');
+var chunkIACBZNOK_js = require('./chunk-IACBZNOK.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(
-    chunkZEA47N62_js.BuildContainer,
+    chunkIACBZNOK_js.BuildContainer,
     {
       name: "root",
       edit: false,
@@ -36,7 +36,7 @@ var StaticContent = (props) => {
 };
 
 // src/index.ts
-var BuilderContent = React.lazy(() => import('./builder-content-2CLARIDQ.js'));
+var BuilderContent = React.lazy(() => import('./builder-content-LYSSA6KK.js'));
 
 exports.BuilderContent = BuilderContent;
 exports.StaticContent = StaticContent;

package/dist/{chunk-5EZQG6MP.mjs → chunk-EMZAPBOH.mjs}

@@ -1,4 +1,4 @@
-import { BuildContainer } from './chunk-NAY45PRQ.mjs';
+import { BuildContainer } from './chunk-TF7VKEU2.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-44DXQN5V.mjs'));
+var BuilderContent = lazy(() => import('./builder-content-OE75E24Z.mjs'));
 
 export { BuilderContent, StaticContent };

package/dist/{chunk-FUIGTZRW.mjs → chunk-FN6K4WJP.mjs}

@@ -1,4 +1,4 @@
-import { BuildContainer } from './chunk-527WHDFS.mjs';
+import { BuildContainer } from './chunk-2DLJX5FY.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-J45ZXXEM.mjs'));
+var BuilderContent = lazy(() => import('./builder-content-JQ7BYR4W.mjs'));
 
 export { BuilderContent, StaticContent };

package/dist/{chunk-527WHDFS.mjs → chunk-HA4DTJA7.mjs}

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