@simple-builder/react 1.0.1 → 1.0.3

package/dist/{chunk-7K7IGTF3.mjs → chunk-FGQSJAOO.mjs}

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { createElement } from 'react';
 
 // src/lib/builder.ts
@@ -36,5 +37,16 @@ var builder = /* @__PURE__ */ (() => {
     }
   };
 })();
+var BuildContainerInner = React.lazy(
+  () => import('./build-container-client-R2FNJHPM.mjs')
+);
+var BuildContainer = (props) => {
+  const { content, edit, name } = props;
+  const items = Array.isArray(content) ? content : content?.[name] || [];
+  if (!edit) {
+    return items.map((item) => builder.bindComponent(item));
+  }
+  return /* @__PURE__ */ React.createElement(React.Suspense, { fallback: /* @__PURE__ */ React.createElement("div", null, "Loading...") }, /* @__PURE__ */ React.createElement(BuildContainerInner, { ...props }));
+};
 
-export { builder };
+export { BuildContainer, builder };

package/dist/{chunk-AAKS5YHL.js → chunk-GSOMMLCG.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkVMHWPKU4_js = require('./chunk-VMHWPKU4.js');
+var chunkUZFAGH6G_js = require('./chunk-UZFAGH6G.js');
 var React = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
@@ -27,8 +27,11 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
+var twMerge = tailwindMerge.extendTailwindMerge({
+  prefix: "sb-"
+});
 function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
+  return twMerge(clsx.clsx(inputs));
 }
 var insertAt = (items, index, item) => {
   return Array.isArray(items) ? [...items.slice(0, index), item, ...items.slice(index)] : [item];
@@ -89,7 +92,7 @@ var BuilderProvider = (props) => {
   );
   const addContent = React__namespace.useCallback(
     (name, container, parent, index = 0) => {
-      const component = chunkVMHWPKU4_js.builder.getComponent(name);
+      const component = chunkUZFAGH6G_js.builder.getComponent(name);
       if (!component) {
         throw new Error(`[simple-builder]: Component "${name}" not found`);
       }
@@ -250,18 +253,18 @@ var findRecursive = (items, predicate, key = "content") => {
   }
 };
 var buttonVariants = classVarianceAuthority.cva(
-  "inline-flex uppercase font-roboto items-center justify-center whitespace-nowrap rounded-md text-xs font-semibold ring-offset-sb-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sb-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+  "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: {
-        primary: "bg-sb-primary text-sb-primary-foreground hover:bg-sb-primary/90",
-        destructive: "bg-sb-destructive text-sb-destructive-foreground hover:bg-sb-destructive/90",
-        outline: "border border-sb-input bg-sb-background hover:bg-sb-accent hover:text-sb-accent-foreground",
-        ghost: "hover:bg-sb-accent hover:text-sb-accent-foreground"
+        primary: "sb-bg-primary sb-text-primary-foreground hover:sb-bg-primary/90",
+        destructive: "sb-bg-destructive sb-text-destructive-foreground hover:sb-bg-destructive/90",
+        outline: "sb-border border-input sb-bg-background hover:sb-bg-accent hover:sb-text-accent-foreground",
+        ghost: "hover:sb-bg-accent hover:sb-text-accent-foreground"
       },
       size: {
-        default: "h-10 px-4 py-2",
-        sm: "h-8 px-3 py-1"
+        default: "sb-h-10 sb-px-4 sb-py-2",
+        sm: "sb-h-8 sb-px-3 sb-py-1"
       }
     },
     defaultVariants: {

package/dist/chunk-IVFWYNC3.mjs

@@ -0,0 +1,20 @@
+import { BuildContainer } from './chunk-FGQSJAOO.mjs';
+import * as React from 'react';
+import { lazy } from 'react';
+
+var StaticContent = (props) => {
+  return /* @__PURE__ */ React.createElement(
+    BuildContainer,
+    {
+      name: "root",
+      edit: false,
+      multiple: true,
+      content: props.content || []
+    }
+  );
+};
+
+// src/index.ts
+var BuilderContent = lazy(() => import('./builder-content-MNCJZTFS.mjs'));
+
+export { BuilderContent, StaticContent };

package/dist/{chunk-YHA5XZL4.mjs → chunk-LPIHSXYO.mjs}

@@ -1,10 +1,13 @@
-import { builder } from './chunk-7K7IGTF3.mjs';
+import { builder } from './chunk-FGQSJAOO.mjs';
 import * as React from 'react';
 import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
+import { extendTailwindMerge } from 'tailwind-merge';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 
+var twMerge = extendTailwindMerge({
+  prefix: "sb-"
+});
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -228,18 +231,18 @@ var findRecursive = (items, predicate, key = "content") => {
   }
 };
 var buttonVariants = cva(
-  "inline-flex uppercase font-roboto items-center justify-center whitespace-nowrap rounded-md text-xs font-semibold ring-offset-sb-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sb-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+  "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: {
-        primary: "bg-sb-primary text-sb-primary-foreground hover:bg-sb-primary/90",
-        destructive: "bg-sb-destructive text-sb-destructive-foreground hover:bg-sb-destructive/90",
-        outline: "border border-sb-input bg-sb-background hover:bg-sb-accent hover:text-sb-accent-foreground",
-        ghost: "hover:bg-sb-accent hover:text-sb-accent-foreground"
+        primary: "sb-bg-primary sb-text-primary-foreground hover:sb-bg-primary/90",
+        destructive: "sb-bg-destructive sb-text-destructive-foreground hover:sb-bg-destructive/90",
+        outline: "sb-border border-input sb-bg-background hover:sb-bg-accent hover:sb-text-accent-foreground",
+        ghost: "hover:sb-bg-accent hover:sb-text-accent-foreground"
       },
       size: {
-        default: "h-10 px-4 py-2",
-        sm: "h-8 px-3 py-1"
+        default: "sb-h-10 sb-px-4 sb-py-2",
+        sm: "sb-h-8 sb-px-3 sb-py-1"
       }
     },
     defaultVariants: {

package/dist/{chunk-W544L5I2.js → chunk-N2X3IJBG.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkVMHWPKU4_js = require('./chunk-VMHWPKU4.js');
+var chunkUZFAGH6G_js = require('./chunk-UZFAGH6G.js');
 var React = require('react');
 
 function _interopNamespace(e) {
@@ -23,16 +23,20 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-var BuildContainerInner = React__namespace.lazy(
-  () => import('./build-container-client-DICNH7KJ.js')
-);
-var BuildContainer = (props) => {
-  const { content, edit, name } = props;
-  const items = Array.isArray(content) ? content : content?.[name] || [];
-  if (!edit) {
-    return items.map((item) => chunkVMHWPKU4_js.builder.bindComponent(item));
-  }
-  return /* @__PURE__ */ React__namespace.createElement(BuildContainerInner, { ...props });
+var StaticContent = (props) => {
+  return /* @__PURE__ */ React__namespace.createElement(
+    chunkUZFAGH6G_js.BuildContainer,
+    {
+      name: "root",
+      edit: false,
+      multiple: true,
+      content: props.content || []
+    }
+  );
 };
 
-exports.BuildContainer = BuildContainer;
+// src/index.ts
+var BuilderContent = React.lazy(() => import('./builder-content-BOQEXOAK.js'));
+
+exports.BuilderContent = BuilderContent;
+exports.StaticContent = StaticContent;

package/dist/chunk-UZFAGH6G.js

@@ -0,0 +1,74 @@
+'use strict';
+
+var React = 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 React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+// src/lib/builder.ts
+var builder = /* @__PURE__ */ (() => {
+  const components = [];
+  return {
+    register: (component, config) => {
+      if (components.find(({ name }) => name === config.name)) {
+        console.log(
+          `[simple-builder]: Component ${config.name} already registered.`
+        );
+        return;
+      }
+      components.push({
+        component,
+        ...config
+      });
+    },
+    getComponents: () => components,
+    getComponent: (name) => {
+      return components.find((c) => c.name === name);
+    },
+    bindComponent: ({ content, ...block }, edit) => {
+      const component = components.find(({ name }) => name === block.component);
+      if (!component) {
+        throw new Error(
+          `[simple-builder]: Component ${block.component} not found`
+        );
+      }
+      const Element = React.createElement(component.component, {
+        key: block.id,
+        builder: { id: block.id, content, edit },
+        ...block.props
+      });
+      return Element;
+    }
+  };
+})();
+var BuildContainerInner = React__namespace.lazy(
+  () => import('./build-container-client-MHVIH442.js')
+);
+var BuildContainer = (props) => {
+  const { content, edit, name } = props;
+  const items = Array.isArray(content) ? content : content?.[name] || [];
+  if (!edit) {
+    return items.map((item) => builder.bindComponent(item));
+  }
+  return /* @__PURE__ */ React__namespace.createElement(React__namespace.Suspense, { fallback: /* @__PURE__ */ React__namespace.createElement("div", null, "Loading...") }, /* @__PURE__ */ React__namespace.createElement(BuildContainerInner, { ...props }));
+};
+
+exports.BuildContainer = BuildContainer;
+exports.builder = builder;