@simple-builder/react 1.0.1 → 1.0.2

package/dist/{builder-content-4E6TBF6O.js → builder-content-66LHSBUX.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkW544L5I2_js = require('./chunk-W544L5I2.js');
-var chunkAAKS5YHL_js = require('./chunk-AAKS5YHL.js');
+var chunk5ZDNACOH_js = require('./chunk-5ZDNACOH.js');
+var chunk3S4FFEHM_js = require('./chunk-3S4FFEHM.js');
 require('./chunk-VMHWPKU4.js');
 var React2 = require('react');
 
@@ -26,17 +26,17 @@ function _interopNamespace(e) {
 var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
 
 var BuilderHeader = () => {
-  const { save } = chunkAAKS5YHL_js.useBuilder();
-  return /* @__PURE__ */ React2__namespace.createElement("div", { className: "grid grid-cols-3 gap-4 items-center p-2 shadow-lg sticky inset-x-0 top-0 bg-sb-background z-30" }, /* @__PURE__ */ React2__namespace.createElement("div", { className: "flex gap-4 items-center" }, /* @__PURE__ */ React2__namespace.createElement(chunkAAKS5YHL_js.Button, { variant: "ghost", size: "sm", onClick: save }, "Opslaan")));
+  const { save } = chunk3S4FFEHM_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(chunk3S4FFEHM_js.Button, { variant: "ghost", size: "sm", onClick: save }, "Opslaan")));
 };
 
 // src/components/builder-content.tsx
 var BuilderContent = (props) => {
-  return /* @__PURE__ */ React2__namespace.createElement(chunkAAKS5YHL_js.BuilderProvider, { content: props.content }, /* @__PURE__ */ React2__namespace.createElement(BuilderContentInner, null));
+  return /* @__PURE__ */ React2__namespace.createElement(chunk3S4FFEHM_js.BuilderProvider, { content: props.content }, /* @__PURE__ */ React2__namespace.createElement(BuilderContentInner, null));
 };
 var BuilderContentInner = () => {
-  const { content } = chunkAAKS5YHL_js.useBuilder();
-  return /* @__PURE__ */ React2__namespace.createElement(React2__namespace.Fragment, null, /* @__PURE__ */ React2__namespace.createElement(BuilderHeader, null), /* @__PURE__ */ React2__namespace.createElement(chunkW544L5I2_js.BuildContainer, { name: "root", edit: true, multiple: true, content }));
+  const { content } = chunk3S4FFEHM_js.useBuilder();
+  return /* @__PURE__ */ React2__namespace.createElement(React2__namespace.Fragment, null, /* @__PURE__ */ React2__namespace.createElement(BuilderHeader, null), /* @__PURE__ */ React2__namespace.createElement(chunk5ZDNACOH_js.BuildContainer, { name: "root", edit: true, multiple: true, content }));
 };
 var builder_content_default = BuilderContent;
 

package/dist/{builder-content-DEBYN2B4.mjs → builder-content-FCQHSHSY.mjs}

@@ -1,11 +1,11 @@
-import { BuildContainer } from './chunk-6C6XHDMD.mjs';
-import { BuilderProvider, useBuilder, Button } from './chunk-YHA5XZL4.mjs';
+import { BuildContainer } from './chunk-NROQCSBF.mjs';
+import { BuilderProvider, useBuilder, Button } from './chunk-BXL6F5AB.mjs';
 import './chunk-7K7IGTF3.mjs';
 import * as React2 from 'react';
 
 var BuilderHeader = () => {
   const { save } = useBuilder();
-  return /* @__PURE__ */ React2.createElement("div", { className: "grid grid-cols-3 gap-4 items-center p-2 shadow-lg sticky inset-x-0 top-0 bg-sb-background z-30" }, /* @__PURE__ */ React2.createElement("div", { className: "flex gap-4 items-center" }, /* @__PURE__ */ React2.createElement(Button, { variant: "ghost", size: "sm", onClick: save }, "Opslaan")));
+  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

package/dist/{chunk-AAKS5YHL.js → chunk-3S4FFEHM.js}

@@ -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];
@@ -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-W544L5I2.js → chunk-5ZDNACOH.js}

@@ -24,7 +24,7 @@ function _interopNamespace(e) {
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 var BuildContainerInner = React__namespace.lazy(
-  () => import('./build-container-client-DICNH7KJ.js')
+  () => import('./build-container-client-LHGW2FFR.js')
 );
 var BuildContainer = (props) => {
   const { content, edit, name } = props;

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

@@ -1,10 +1,13 @@
 import { builder } from './chunk-7K7IGTF3.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-6C6XHDMD.mjs → chunk-NROQCSBF.mjs}

@@ -2,7 +2,7 @@ import { builder } from './chunk-7K7IGTF3.mjs';
 import * as React from 'react';
 
 var BuildContainerInner = React.lazy(
-  () => import('./build-container-client-6LLYJPDM.mjs')
+  () => import('./build-container-client-SL4TZBOD.mjs')
 );
 var BuildContainer = (props) => {
   const { content, edit, name } = props;