@simple-builder/react 1.0.15 → 1.0.17

package/dist/{builder-content-Y5UGAVGE.js → builder-content-LN4AL22U.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkYUXA4HAL_js = require('./chunk-YUXA4HAL.js');
-var chunkVLRLE4MP_js = require('./chunk-VLRLE4MP.js');
+var chunkIB3LYMKX_js = require('./chunk-IB3LYMKX.js');
+var chunkW2LT4IQQ_js = require('./chunk-W2LT4IQQ.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 } = chunkYUXA4HAL_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(chunkYUXA4HAL_js.Button, { variant: "ghost", size: "sm", onClick: save }, "Opslaan")));
+  const { save } = chunkIB3LYMKX_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(chunkIB3LYMKX_js.Button, { variant: "ghost", size: "sm", onClick: save }, "Opslaan")));
 };
 
 // src/components/builder-content.tsx
 var BuilderContent = (props) => {
-  return /* @__PURE__ */ React2__namespace.createElement(chunkYUXA4HAL_js.BuilderProvider, { content: props.content }, /* @__PURE__ */ React2__namespace.createElement(BuilderContentInner, null));
+  return /* @__PURE__ */ React2__namespace.createElement(chunkIB3LYMKX_js.BuilderProvider, { content: props.content }, /* @__PURE__ */ React2__namespace.createElement(BuilderContentInner, null));
 };
 var BuilderContentInner = () => {
-  const { content } = chunkYUXA4HAL_js.useBuilder();
-  return /* @__PURE__ */ React2__namespace.createElement(React2__namespace.Fragment, null, /* @__PURE__ */ React2__namespace.createElement(BuilderHeader, null), /* @__PURE__ */ React2__namespace.createElement(chunkVLRLE4MP_js.BuildContainer, { name: "root", edit: true, multiple: true, content }));
+  const { content } = chunkIB3LYMKX_js.useBuilder();
+  return /* @__PURE__ */ React2__namespace.createElement(React2__namespace.Fragment, null, /* @__PURE__ */ React2__namespace.createElement(BuilderHeader, null), /* @__PURE__ */ React2__namespace.createElement(chunkW2LT4IQQ_js.BuildContainer, { name: "root", edit: true, multiple: true, content }));
 };
 var builder_content_default = BuilderContent;
 

package/dist/{builder-content-SMRSZVD3.css → builder-content-NRFOTOLD.css}

@@ -161,6 +161,9 @@
 .sb-left-1\/2 {
   left: 50%;
 }
+.sb-left-2 {
+  left: 0.5rem;
+}
 .sb-left-3 {
   left: 0.75rem;
 }
@@ -203,6 +206,10 @@
 .sb-z-50 {
   z-index: 50;
 }
+.sb--mx-1 {
+  margin-left: -0.25rem;
+  margin-right: -0.25rem;
+}
 .sb--my-\[2px\] {
   margin-top: -2px;
   margin-bottom: -2px;
@@ -211,6 +218,10 @@
   margin-left: auto;
   margin-right: auto;
 }
+.sb-my-1 {
+  margin-top: 0.25rem;
+  margin-bottom: 0.25rem;
+}
 .sb-mr-2 {
   margin-right: 0.5rem;
 }
@@ -253,6 +264,12 @@
 .sb-h-28 {
   height: 7rem;
 }
+.sb-h-3 {
+  height: 0.75rem;
+}
+.sb-h-3\.5 {
+  height: 0.875rem;
+}
 .sb-h-4 {
   height: 1rem;
 }
@@ -271,12 +288,21 @@
 .sb-h-9 {
   height: 2.25rem;
 }
+.sb-h-\[var\(--radix-select-trigger-height\)\] {
+  height: var(--radix-select-trigger-height);
+}
 .sb-h-auto {
   height: auto;
 }
 .sb-h-full {
   height: 100%;
 }
+.sb-h-px {
+  height: 1px;
+}
+.sb-max-h-96 {
+  max-height: 24rem;
+}
 .sb-max-h-\[80vh\] {
   max-height: 80vh;
 }
@@ -295,6 +321,12 @@
 .sb-w-28 {
   width: 7rem;
 }
+.sb-w-3 {
+  width: 0.75rem;
+}
+.sb-w-3\.5 {
+  width: 0.875rem;
+}
 .sb-w-4 {
   width: 1rem;
 }
@@ -325,6 +357,12 @@
 .sb-w-full {
   width: 100%;
 }
+.sb-min-w-\[8rem\] {
+  min-width: 8rem;
+}
+.sb-min-w-\[var\(--radix-select-trigger-width\)\] {
+  min-width: var(--radix-select-trigger-width);
+}
 .sb-max-w-lg {
   max-width: 32rem;
 }
@@ -373,6 +411,9 @@
 .sb-animate-spin {
   animation: sb-spin 1s linear infinite;
 }
+.sb-cursor-default {
+  cursor: default;
+}
 .sb-cursor-pointer {
   cursor: pointer;
 }
@@ -633,9 +674,15 @@
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
 }
+.sb-pl-8 {
+  padding-left: 2rem;
+}
 .sb-pl-9 {
   padding-left: 2.25rem;
 }
+.sb-pr-2 {
+  padding-right: 0.5rem;
+}
 .sb-pr-7 {
   padding-right: 1.75rem;
 }
@@ -959,12 +1006,36 @@
 .hover\:sb-opacity-100:hover {
   opacity: 1;
 }
+.focus\:sb-bg-accent:focus {
+  background-color: hsl(var(--sb-accent));
+}
 .focus\:sb-bg-primary:focus {
   background-color: hsl(var(--sb-primary));
 }
+.focus\:sb-text-accent-foreground:focus {
+  color: hsl(var(--sb-accent-foreground));
+}
 .focus\:sb-text-primary-foreground:focus {
   color: hsl(var(--sb-primary-foreground));
 }
+.focus\:sb-outline-none:focus {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+.focus\:sb-ring-2:focus {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow),
+    var(--tw-ring-shadow),
+    var(--tw-shadow, 0 0 #0000);
+}
+.focus\:sb-ring-ring:focus {
+  --tw-ring-color: hsl(var(--sb-ring));
+}
+.focus\:sb-ring-offset-2:focus {
+  --tw-ring-offset-width: 2px;
+}
 .focus-visible\:sb-outline-none:focus-visible {
   outline: 2px solid transparent;
   outline-offset: 2px;
@@ -1035,9 +1106,28 @@
 .aria-selected\:sb-opacity-30[aria-selected=true] {
   opacity: 0.3;
 }
+.data-\[disabled\]\:sb-pointer-events-none[data-disabled] {
+  pointer-events: none;
+}
 .data-\[state\=active\]\:sb-flex[data-state=active] {
   display: flex;
 }
+.data-\[side\=bottom\]\:sb-translate-y-1[data-side=bottom] {
+  --tw-translate-y: 0.25rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.data-\[side\=left\]\:sb--translate-x-1[data-side=left] {
+  --tw-translate-x: -0.25rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.data-\[side\=right\]\:sb-translate-x-1[data-side=right] {
+  --tw-translate-x: 0.25rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.data-\[side\=top\]\:sb--translate-y-1[data-side=top] {
+  --tw-translate-y: -0.25rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .data-\[state\=checked\]\:sb-translate-x-5[data-state=checked] {
   --tw-translate-x: 1.25rem;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -1068,6 +1158,9 @@
 .data-\[state\=on\]\:sb-text-accent-foreground[data-state=on] {
   color: hsl(var(--sb-accent-foreground));
 }
+.data-\[disabled\]\:sb-opacity-50[data-disabled] {
+  opacity: 0.5;
+}
 .data-\[state\=active\]\:sb-shadow-sm[data-state=active] {
   --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
   --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
@@ -1191,3 +1284,9 @@
   border-top-right-radius: calc(var(--sb-radius) - 2px);
   border-bottom-right-radius: calc(var(--sb-radius) - 2px);
 }
+.\[\&\>span\]\:sb-line-clamp-1 > span {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+}

package/dist/{builder-content-ETNK3ZJU.mjs → builder-content-ZUCSF3IA.mjs}

@@ -1,5 +1,5 @@
-import { BuilderProvider, useBuilder, Button } from './chunk-UINPX3PZ.mjs';
-import { BuildContainer } from './chunk-2LPUNQNU.mjs';
+import { BuilderProvider, useBuilder, Button } from './chunk-EAJECB23.mjs';
+import { BuildContainer } from './chunk-WBBJYW7G.mjs';
 import * as React2 from 'react';
 
 var BuilderHeader = () => {

package/dist/{chunk-DO2DIXEI.js → chunk-2TW2TJGG.js}

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

package/dist/{chunk-ZHTUNLVE.mjs → chunk-4YC3BMSK.mjs}

@@ -1,4 +1,4 @@
-import { BuildContainer } from './chunk-2LPUNQNU.mjs';
+import { BuildContainer } from './chunk-WBBJYW7G.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-ETNK3ZJU.mjs'));
+var BuilderContent = lazy(() => import('./builder-content-ZUCSF3IA.mjs'));
 
 export { BuilderContent, StaticContent };

package/dist/{chunk-UINPX3PZ.mjs → chunk-EAJECB23.mjs}

@@ -1,4 +1,4 @@
-import { tv, builder, insertAt } from './chunk-2LPUNQNU.mjs';
+import { tv, builder, insertAt } from './chunk-WBBJYW7G.mjs';
 import * as React from 'react';
 import { Slot } from '@radix-ui/react-slot';
 

package/dist/{chunk-YUXA4HAL.js → chunk-IB3LYMKX.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkVLRLE4MP_js = require('./chunk-VLRLE4MP.js');
+var chunkW2LT4IQQ_js = require('./chunk-W2LT4IQQ.js');
 var React = require('react');
 var reactSlot = require('@radix-ui/react-slot');
 
@@ -56,7 +56,7 @@ var BuilderProvider = (props) => {
   );
   const addContent = React__namespace.useCallback(
     (name, container, parent, index = 0) => {
-      const component = chunkVLRLE4MP_js.builder.getComponent(name);
+      const component = chunkW2LT4IQQ_js.builder.getComponent(name);
       if (!component) {
         throw new Error(`[simple-builder]: Component "${name}" not found`);
       }
@@ -78,7 +78,7 @@ var BuilderProvider = (props) => {
         }
       };
       if (!parent) {
-        setContent((content2) => chunkVLRLE4MP_js.insertAt(content2, index, entry));
+        setContent((content2) => chunkW2LT4IQQ_js.insertAt(content2, index, entry));
         return;
       }
       setContent(
@@ -88,7 +88,7 @@ var BuilderProvider = (props) => {
               ...item,
               content: {
                 ...item.content,
-                [container]: chunkVLRLE4MP_js.insertAt(item.content?.[container], index, entry)
+                [container]: chunkW2LT4IQQ_js.insertAt(item.content?.[container], index, entry)
               }
             };
           }
@@ -216,7 +216,7 @@ var findRecursive = (items, predicate, key = "content") => {
     }
   }
 };
-var buttonVariants = chunkVLRLE4MP_js.tv({
+var buttonVariants = chunkW2LT4IQQ_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/{chunk-VLRLE4MP.js → chunk-W2LT4IQQ.js}

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

package/dist/{chunk-2LPUNQNU.mjs → chunk-WBBJYW7G.mjs}

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

package/dist/index.css

@@ -161,6 +161,9 @@
 .sb-left-1\/2 {
   left: 50%;
 }
+.sb-left-2 {
+  left: 0.5rem;
+}
 .sb-left-3 {
   left: 0.75rem;
 }
@@ -203,6 +206,10 @@
 .sb-z-50 {
   z-index: 50;
 }
+.sb--mx-1 {
+  margin-left: -0.25rem;
+  margin-right: -0.25rem;
+}
 .sb--my-\[2px\] {
   margin-top: -2px;
   margin-bottom: -2px;
@@ -211,6 +218,10 @@
   margin-left: auto;
   margin-right: auto;
 }
+.sb-my-1 {
+  margin-top: 0.25rem;
+  margin-bottom: 0.25rem;
+}
 .sb-mr-2 {
   margin-right: 0.5rem;
 }
@@ -253,6 +264,12 @@
 .sb-h-28 {
   height: 7rem;
 }
+.sb-h-3 {
+  height: 0.75rem;
+}
+.sb-h-3\.5 {
+  height: 0.875rem;
+}
 .sb-h-4 {
   height: 1rem;
 }
@@ -271,12 +288,21 @@
 .sb-h-9 {
   height: 2.25rem;
 }
+.sb-h-\[var\(--radix-select-trigger-height\)\] {
+  height: var(--radix-select-trigger-height);
+}
 .sb-h-auto {
   height: auto;
 }
 .sb-h-full {
   height: 100%;
 }
+.sb-h-px {
+  height: 1px;
+}
+.sb-max-h-96 {
+  max-height: 24rem;
+}
 .sb-max-h-\[80vh\] {
   max-height: 80vh;
 }
@@ -295,6 +321,12 @@
 .sb-w-28 {
   width: 7rem;
 }
+.sb-w-3 {
+  width: 0.75rem;
+}
+.sb-w-3\.5 {
+  width: 0.875rem;
+}
 .sb-w-4 {
   width: 1rem;
 }
@@ -325,6 +357,12 @@
 .sb-w-full {
   width: 100%;
 }
+.sb-min-w-\[8rem\] {
+  min-width: 8rem;
+}
+.sb-min-w-\[var\(--radix-select-trigger-width\)\] {
+  min-width: var(--radix-select-trigger-width);
+}
 .sb-max-w-lg {
   max-width: 32rem;
 }
@@ -373,6 +411,9 @@
 .sb-animate-spin {
   animation: sb-spin 1s linear infinite;
 }
+.sb-cursor-default {
+  cursor: default;
+}
 .sb-cursor-pointer {
   cursor: pointer;
 }
@@ -633,9 +674,15 @@
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
 }
+.sb-pl-8 {
+  padding-left: 2rem;
+}
 .sb-pl-9 {
   padding-left: 2.25rem;
 }
+.sb-pr-2 {
+  padding-right: 0.5rem;
+}
 .sb-pr-7 {
   padding-right: 1.75rem;
 }
@@ -959,12 +1006,36 @@
 .hover\:sb-opacity-100:hover {
   opacity: 1;
 }
+.focus\:sb-bg-accent:focus {
+  background-color: hsl(var(--sb-accent));
+}
 .focus\:sb-bg-primary:focus {
   background-color: hsl(var(--sb-primary));
 }
+.focus\:sb-text-accent-foreground:focus {
+  color: hsl(var(--sb-accent-foreground));
+}
 .focus\:sb-text-primary-foreground:focus {
   color: hsl(var(--sb-primary-foreground));
 }
+.focus\:sb-outline-none:focus {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+.focus\:sb-ring-2:focus {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow),
+    var(--tw-ring-shadow),
+    var(--tw-shadow, 0 0 #0000);
+}
+.focus\:sb-ring-ring:focus {
+  --tw-ring-color: hsl(var(--sb-ring));
+}
+.focus\:sb-ring-offset-2:focus {
+  --tw-ring-offset-width: 2px;
+}
 .focus-visible\:sb-outline-none:focus-visible {
   outline: 2px solid transparent;
   outline-offset: 2px;
@@ -1035,9 +1106,28 @@
 .aria-selected\:sb-opacity-30[aria-selected=true] {
   opacity: 0.3;
 }
+.data-\[disabled\]\:sb-pointer-events-none[data-disabled] {
+  pointer-events: none;
+}
 .data-\[state\=active\]\:sb-flex[data-state=active] {
   display: flex;
 }
+.data-\[side\=bottom\]\:sb-translate-y-1[data-side=bottom] {
+  --tw-translate-y: 0.25rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.data-\[side\=left\]\:sb--translate-x-1[data-side=left] {
+  --tw-translate-x: -0.25rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.data-\[side\=right\]\:sb-translate-x-1[data-side=right] {
+  --tw-translate-x: 0.25rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.data-\[side\=top\]\:sb--translate-y-1[data-side=top] {
+  --tw-translate-y: -0.25rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .data-\[state\=checked\]\:sb-translate-x-5[data-state=checked] {
   --tw-translate-x: 1.25rem;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -1068,6 +1158,9 @@
 .data-\[state\=on\]\:sb-text-accent-foreground[data-state=on] {
   color: hsl(var(--sb-accent-foreground));
 }
+.data-\[disabled\]\:sb-opacity-50[data-disabled] {
+  opacity: 0.5;
+}
 .data-\[state\=active\]\:sb-shadow-sm[data-state=active] {
   --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
   --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
@@ -1191,3 +1284,9 @@
   border-top-right-radius: calc(var(--sb-radius) - 2px);
   border-bottom-right-radius: calc(var(--sb-radius) - 2px);
 }
+.\[\&\>span\]\:sb-line-clamp-1 > span {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+}

package/dist/index.js

@@ -1,23 +1,23 @@
 'use strict';
 
-var chunkDO2DIXEI_js = require('./chunk-DO2DIXEI.js');
-var chunkVLRLE4MP_js = require('./chunk-VLRLE4MP.js');
+var chunk2TW2TJGG_js = require('./chunk-2TW2TJGG.js');
+var chunkW2LT4IQQ_js = require('./chunk-W2LT4IQQ.js');
 
 
 
 Object.defineProperty(exports, "BuilderContent", {
   enumerable: true,
-  get: function () { return chunkDO2DIXEI_js.BuilderContent; }
+  get: function () { return chunk2TW2TJGG_js.BuilderContent; }
 });
 Object.defineProperty(exports, "StaticContent", {
   enumerable: true,
-  get: function () { return chunkDO2DIXEI_js.StaticContent; }
+  get: function () { return chunk2TW2TJGG_js.StaticContent; }
 });
 Object.defineProperty(exports, "BuildContainer", {
   enumerable: true,
-  get: function () { return chunkVLRLE4MP_js.BuildContainer; }
+  get: function () { return chunkW2LT4IQQ_js.BuildContainer; }
 });
 Object.defineProperty(exports, "builder", {
   enumerable: true,
-  get: function () { return chunkVLRLE4MP_js.builder; }
+  get: function () { return chunkW2LT4IQQ_js.builder; }
 });

package/dist/index.mjs

@@ -1,2 +1,2 @@
-export { BuilderContent, StaticContent } from './chunk-ZHTUNLVE.mjs';
-export { BuildContainer, builder } from './chunk-2LPUNQNU.mjs';
+export { BuilderContent, StaticContent } from './chunk-4YC3BMSK.mjs';
+export { BuildContainer, builder } from './chunk-WBBJYW7G.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simple-builder/react",
-  "version": "1.0.15",
+  "version": "1.0.17",
   "private": false,
   "description": "React package for the simple builder package.",
   "repository": "https://github.com/pieter-berkel/simple-builder.git",
@@ -32,6 +32,7 @@
     "@radix-ui/react-label": "^2.0.2",
     "@radix-ui/react-popover": "^1.0.7",
     "@radix-ui/react-scroll-area": "^1.0.5",
+    "@radix-ui/react-select": "^2.0.0",
     "@radix-ui/react-slot": "^1.0.2",
     "@radix-ui/react-switch": "^1.0.3",
     "@radix-ui/react-tabs": "^1.0.4",
@@ -45,7 +46,7 @@
     "tailwind-merge": "^2.2.0",
     "tailwind-variants": "^0.1.20",
     "zod": "^3.22.4",
-    "@simple-builder/server": "1.0.15"
+    "@simple-builder/server": "1.0.17"
   },
   "peerDependencies": {
     "react": ">=16.8.0",