@simple-builder/react 1.0.8 → 1.0.9

package/dist/{builder-content-WVKVDIRR.mjs → builder-content-DNX5TNK2.mjs}

@@ -1,5 +1,5 @@
-import { BuilderProvider, useBuilder, Button } from './chunk-4Z4JII4A.mjs';
-import { BuildContainer } from './chunk-S3NVED5S.mjs';
+import { BuilderProvider, useBuilder, Button } from './chunk-2GQCSML3.mjs';
+import { BuildContainer } from './chunk-OCMLPCSW.mjs';
 import * as React2 from 'react';
 
 var BuilderHeader = () => {

package/dist/{builder-content-XAIOE6LA.js → builder-content-SSON3UB4.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkI2LWMDYD_js = require('./chunk-I2LWMDYD.js');
-var chunkLJSVUW4D_js = require('./chunk-LJSVUW4D.js');
+var chunkYGI2WZVP_js = require('./chunk-YGI2WZVP.js');
+var chunkECJUPPTG_js = require('./chunk-ECJUPPTG.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 } = chunkI2LWMDYD_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(chunkI2LWMDYD_js.Button, { variant: "ghost", size: "sm", onClick: save }, "Opslaan")));
+  const { save } = chunkYGI2WZVP_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(chunkYGI2WZVP_js.Button, { variant: "ghost", size: "sm", onClick: save }, "Opslaan")));
 };
 
 // src/components/builder-content.tsx
 var BuilderContent = (props) => {
-  return /* @__PURE__ */ React2__namespace.createElement(chunkI2LWMDYD_js.BuilderProvider, { content: props.content }, /* @__PURE__ */ React2__namespace.createElement(BuilderContentInner, null));
+  return /* @__PURE__ */ React2__namespace.createElement(chunkYGI2WZVP_js.BuilderProvider, { content: props.content }, /* @__PURE__ */ React2__namespace.createElement(BuilderContentInner, null));
 };
 var BuilderContentInner = () => {
-  const { content } = chunkI2LWMDYD_js.useBuilder();
-  return /* @__PURE__ */ React2__namespace.createElement(React2__namespace.Fragment, null, /* @__PURE__ */ React2__namespace.createElement(BuilderHeader, null), /* @__PURE__ */ React2__namespace.createElement(chunkLJSVUW4D_js.BuildContainer, { name: "root", edit: true, multiple: true, content }));
+  const { content } = chunkYGI2WZVP_js.useBuilder();
+  return /* @__PURE__ */ React2__namespace.createElement(React2__namespace.Fragment, null, /* @__PURE__ */ React2__namespace.createElement(BuilderHeader, null), /* @__PURE__ */ React2__namespace.createElement(chunkECJUPPTG_js.BuildContainer, { name: "root", edit: true, multiple: true, content }));
 };
 var builder_content_default = BuilderContent;
 

package/dist/{chunk-4Z4JII4A.mjs → chunk-2GQCSML3.mjs}

@@ -1,4 +1,4 @@
-import { tv, builder, insertAt } from './chunk-S3NVED5S.mjs';
+import { tv, builder, insertAt } from './chunk-OCMLPCSW.mjs';
 import * as React from 'react';
 import { Slot } from '@radix-ui/react-slot';
 
@@ -12,9 +12,7 @@ var BuilderProvider = (props) => {
   );
   const getItem = React.useCallback(
     (id) => {
-      const res = findRecursive(content, (item) => item.id === id);
-      console.log("RES", res);
-      return res;
+      return findRecursive(content, (item) => item.id === id);
     },
     [content]
   );

package/dist/{chunk-LJSVUW4D.js → chunk-ECJUPPTG.js}

@@ -85,49 +85,6 @@ var tv = tailwindVariants.createTV({
 var insertAt = (items, index, item) => {
   return Array.isArray(items) ? [...items.slice(0, index), item, ...items.slice(index)] : [item];
 };
-var spacing = {
-  parse: (input) => {
-    if (typeof input !== "string")
-      return {
-        top: 0,
-        right: 0,
-        bottom: 0,
-        left: 0
-      };
-    const matches = input.match(/(\d+)/gm);
-    const [top = 0, right = 0, bottom = 0, left = 0] = matches?.map((match) => +match) || [];
-    switch (matches?.length) {
-      case 1:
-        return { top, right: top, bottom: top, left: top };
-      case 2:
-        return { top, bottom: top, left: right, right };
-      case 3:
-        return { top, right, left: right, bottom };
-      default:
-        return { top, right, bottom, left };
-    }
-  },
-  stringify: ({
-    top = 0,
-    right = 0,
-    bottom = 0,
-    left = 0
-  }) => {
-    if ([right, bottom, left].every((v) => v === top)) {
-      if (top === 0)
-        return;
-      return `${top}px`;
-    } else if (top === bottom && left === right) {
-      return `${top}px ${left}px`;
-    } else {
-      return `${top}px ${right}px ${bottom}px ${left}px`;
-    }
-  },
-  isIndipendent: (input) => {
-    const { top, right, bottom, left } = spacing.parse(input || "");
-    return top !== bottom || right !== left;
-  }
-};
 
 // src/components/design-wrapper.tsx
 var DesignWrapper = (props) => {
@@ -159,7 +116,7 @@ var DesignWrapper = (props) => {
       `.replace(/\s\s+/g, " ")));
 };
 var BuildContainerInner = React3__namespace.lazy(
-  () => import('./build-container-client-64PFJ5XN.js')
+  () => import('./build-container-client-PB2K64X3.js')
 );
 var BuildContainer = (props) => {
   const { content, edit, name } = props;
@@ -176,5 +133,4 @@ exports.Image = Image;
 exports.builder = builder;
 exports.cn = cn;
 exports.insertAt = insertAt;
-exports.spacing = spacing;
 exports.tv = tv;

package/dist/{chunk-EFA2EAPD.mjs → chunk-LULPEBSO.mjs}

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

package/dist/{chunk-S3NVED5S.mjs → chunk-OCMLPCSW.mjs}

@@ -61,49 +61,6 @@ var tv = createTV({
 var insertAt = (items, index, item) => {
   return Array.isArray(items) ? [...items.slice(0, index), item, ...items.slice(index)] : [item];
 };
-var spacing = {
-  parse: (input) => {
-    if (typeof input !== "string")
-      return {
-        top: 0,
-        right: 0,
-        bottom: 0,
-        left: 0
-      };
-    const matches = input.match(/(\d+)/gm);
-    const [top = 0, right = 0, bottom = 0, left = 0] = matches?.map((match) => +match) || [];
-    switch (matches?.length) {
-      case 1:
-        return { top, right: top, bottom: top, left: top };
-      case 2:
-        return { top, bottom: top, left: right, right };
-      case 3:
-        return { top, right, left: right, bottom };
-      default:
-        return { top, right, bottom, left };
-    }
-  },
-  stringify: ({
-    top = 0,
-    right = 0,
-    bottom = 0,
-    left = 0
-  }) => {
-    if ([right, bottom, left].every((v) => v === top)) {
-      if (top === 0)
-        return;
-      return `${top}px`;
-    } else if (top === bottom && left === right) {
-      return `${top}px ${left}px`;
-    } else {
-      return `${top}px ${right}px ${bottom}px ${left}px`;
-    }
-  },
-  isIndipendent: (input) => {
-    const { top, right, bottom, left } = spacing.parse(input || "");
-    return top !== bottom || right !== left;
-  }
-};
 
 // src/components/design-wrapper.tsx
 var DesignWrapper = (props) => {
@@ -135,7 +92,7 @@ var DesignWrapper = (props) => {
       `.replace(/\s\s+/g, " ")));
 };
 var BuildContainerInner = React3.lazy(
-  () => import('./build-container-client-TRHCXW7W.mjs')
+  () => import('./build-container-client-BOFDDL56.mjs')
 );
 var BuildContainer = (props) => {
   const { content, edit, name } = props;
@@ -146,4 +103,4 @@ var BuildContainer = (props) => {
   return /* @__PURE__ */ React3.createElement(React3.Suspense, { fallback: /* @__PURE__ */ React3.createElement("div", null, "Loading...") }, /* @__PURE__ */ React3.createElement(BuildContainerInner, { ...props }));
 };
 
-export { BuildContainer, DesignWrapper, Image, builder, cn, insertAt, spacing, tv };
+export { BuildContainer, DesignWrapper, Image, builder, cn, insertAt, tv };

package/dist/{chunk-MSCSJUNQ.js → chunk-VFH3LVDU.js}

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

package/dist/{chunk-I2LWMDYD.js → chunk-YGI2WZVP.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkLJSVUW4D_js = require('./chunk-LJSVUW4D.js');
+var chunkECJUPPTG_js = require('./chunk-ECJUPPTG.js');
 var React = require('react');
 var reactSlot = require('@radix-ui/react-slot');
 
@@ -34,9 +34,7 @@ var BuilderProvider = (props) => {
   );
   const getItem = React__namespace.useCallback(
     (id) => {
-      const res = findRecursive(content, (item) => item.id === id);
-      console.log("RES", res);
-      return res;
+      return findRecursive(content, (item) => item.id === id);
     },
     [content]
   );
@@ -58,7 +56,7 @@ var BuilderProvider = (props) => {
   );
   const addContent = React__namespace.useCallback(
     (name, container, parent, index = 0) => {
-      const component = chunkLJSVUW4D_js.builder.getComponent(name);
+      const component = chunkECJUPPTG_js.builder.getComponent(name);
       if (!component) {
         throw new Error(`[simple-builder]: Component "${name}" not found`);
       }
@@ -80,7 +78,7 @@ var BuilderProvider = (props) => {
         }
       };
       if (!parent) {
-        setContent((content2) => chunkLJSVUW4D_js.insertAt(content2, index, entry));
+        setContent((content2) => chunkECJUPPTG_js.insertAt(content2, index, entry));
         return;
       }
       setContent(
@@ -90,7 +88,7 @@ var BuilderProvider = (props) => {
               ...item,
               content: {
                 ...item.content,
-                [container]: chunkLJSVUW4D_js.insertAt(item.content?.[container], index, entry)
+                [container]: chunkECJUPPTG_js.insertAt(item.content?.[container], index, entry)
               }
             };
           }
@@ -218,7 +216,7 @@ var findRecursive = (items, predicate, key = "content") => {
     }
   }
 };
-var buttonVariants = chunkLJSVUW4D_js.tv({
+var buttonVariants = chunkECJUPPTG_js.tv({
   base: "sb-inline-flex sb-uppercase sb-font-roboto sb-items-center sb-justify-center sb-whitespace-nowrap sb-rounded-md sb-text-xs sb-font-semibold ring-offset-background sb-transition-colors focus-visible:sb-outline-none focus-visible:sb-ring-2 focus-visible:ring-ring focus-visible:sb-ring-offset-2 disabled:sb-pointer-events-none disabled:sb-opacity-50",
   variants: {
     variant: {

package/dist/index.js

@@ -1,23 +1,23 @@
 'use strict';
 
-var chunkMSCSJUNQ_js = require('./chunk-MSCSJUNQ.js');
-var chunkLJSVUW4D_js = require('./chunk-LJSVUW4D.js');
+var chunkVFH3LVDU_js = require('./chunk-VFH3LVDU.js');
+var chunkECJUPPTG_js = require('./chunk-ECJUPPTG.js');
 
 
 
 Object.defineProperty(exports, "BuilderContent", {
   enumerable: true,
-  get: function () { return chunkMSCSJUNQ_js.BuilderContent; }
+  get: function () { return chunkVFH3LVDU_js.BuilderContent; }
 });
 Object.defineProperty(exports, "StaticContent", {
   enumerable: true,
-  get: function () { return chunkMSCSJUNQ_js.StaticContent; }
+  get: function () { return chunkVFH3LVDU_js.StaticContent; }
 });
 Object.defineProperty(exports, "BuildContainer", {
   enumerable: true,
-  get: function () { return chunkLJSVUW4D_js.BuildContainer; }
+  get: function () { return chunkECJUPPTG_js.BuildContainer; }
 });
 Object.defineProperty(exports, "builder", {
   enumerable: true,
-  get: function () { return chunkLJSVUW4D_js.builder; }
+  get: function () { return chunkECJUPPTG_js.builder; }
 });

package/dist/index.mjs

@@ -1,2 +1,2 @@
-export { BuilderContent, StaticContent } from './chunk-EFA2EAPD.mjs';
-export { BuildContainer, builder } from './chunk-S3NVED5S.mjs';
+export { BuilderContent, StaticContent } from './chunk-LULPEBSO.mjs';
+export { BuildContainer, builder } from './chunk-OCMLPCSW.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simple-builder/react",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "private": false,
   "description": "React package for the simple builder package.",
   "repository": "https://github.com/pieter-berkel/simple-builder.git",
@@ -37,24 +37,24 @@
     "@radix-ui/react-toggle": "^1.0.3",
     "clsx": "^2.1.0",
     "date-fns": "^3.2.0",
-    "lucide-react": "^0.309.0",
+    "lucide-react": "^0.312.0",
     "react-day-picker": "^8.10.0",
     "react-hook-form": "^7.49.3",
     "server-only": "^0.0.1",
     "tailwind-merge": "^2.2.0",
     "tailwind-variants": "^0.1.20",
     "zod": "^3.22.4",
-    "@simple-builder/server": "1.0.8"
+    "@simple-builder/server": "1.0.9"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
   "devDependencies": {
-    "@types/node": "^20.11.0",
-    "@types/react": "^18.2.47",
+    "@types/node": "^20.11.5",
+    "@types/react": "^18.2.48",
     "@types/react-dom": "^18.2.18",
-    "autoprefixer": "^10.4.16",
+    "autoprefixer": "^10.4.17",
     "postcss": "^8.4.33",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",