@simple-builder/react 1.0.9 → 1.0.10

package/dist/index.css

@@ -186,6 +186,9 @@
 .sb-right-1 {
   right: 0.25rem;
 }
+.sb-right-2 {
+  right: 0.5rem;
+}
 .sb-right-3 {
   right: 0.75rem;
 }
@@ -198,6 +201,9 @@
 .sb-top-1\/2 {
   top: 50%;
 }
+.sb-top-2 {
+  top: 0.5rem;
+}
 .sb-top-\[50\%\] {
   top: 50%;
 }
@@ -254,6 +260,12 @@
 .sb-h-11 {
   height: 2.75rem;
 }
+.sb-h-2 {
+  height: 0.5rem;
+}
+.sb-h-2\.5 {
+  height: 0.625rem;
+}
 .sb-h-28 {
   height: 7rem;
 }
@@ -278,12 +290,24 @@
 .sb-h-auto {
   height: auto;
 }
+.sb-h-full {
+  height: 100%;
+}
+.sb-max-h-\[80vh\] {
+  max-height: 80vh;
+}
 .sb-min-h-\[60px\] {
   min-height: 60px;
 }
 .sb-w-11 {
   width: 2.75rem;
 }
+.sb-w-2 {
+  width: 0.5rem;
+}
+.sb-w-2\.5 {
+  width: 0.625rem;
+}
 .sb-w-28 {
   width: 7rem;
 }
@@ -308,6 +332,9 @@
 .sb-w-8 {
   width: 2rem;
 }
+.sb-w-\[89\%\] {
+  width: 89%;
+}
 .sb-w-auto {
   width: auto;
 }
@@ -365,6 +392,14 @@
 .sb-cursor-pointer {
   cursor: pointer;
 }
+.sb-touch-none {
+  touch-action: none;
+}
+.sb-select-none {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+}
 .sb-grid-cols-2 {
   grid-template-columns: repeat(2, minmax(0, 1fr));
 }
@@ -457,6 +492,9 @@
 .sb-rounded {
   border-radius: 0.25rem;
 }
+.sb-rounded-\[inherit\] {
+  border-radius: inherit;
+}
 .sb-rounded-full {
   border-radius: 9999px;
 }
@@ -481,12 +519,27 @@
 .sb-border-b-2 {
   border-bottom-width: 2px;
 }
+.sb-border-l {
+  border-left-width: 1px;
+}
+.sb-border-t {
+  border-top-width: 1px;
+}
+.sb-border-dashed {
+  border-style: dashed;
+}
 .sb-border-input {
   border-color: hsl(var(--sb-input));
 }
 .sb-border-transparent {
   border-color: transparent;
 }
+.sb-border-l-transparent {
+  border-left-color: transparent;
+}
+.sb-border-t-transparent {
+  border-top-color: transparent;
+}
 .sb-bg-accent {
   background-color: hsl(var(--sb-accent));
 }
@@ -496,6 +549,9 @@
 .sb-bg-background\/80 {
   background-color: hsl(var(--sb-background) / 0.8);
 }
+.sb-bg-border {
+  background-color: hsl(var(--sb-border));
+}
 .sb-bg-card {
   background-color: hsl(var(--sb-card));
 }
@@ -554,6 +610,9 @@
 .sb-p-6 {
   padding: 1.5rem;
 }
+.sb-p-\[1px\] {
+  padding: 1px;
+}
 .sb-px-2 {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
@@ -656,6 +715,9 @@
 .sb-text-destructive-foreground {
   color: hsl(var(--sb-destructive-foreground));
 }
+.sb-text-foreground\/70 {
+  color: hsl(var(--sb-foreground) / 0.7);
+}
 .sb-text-muted-foreground {
   color: hsl(var(--sb-muted-foreground));
 }
@@ -901,6 +963,9 @@
 .hover\:sb-text-accent-foreground:hover {
   color: hsl(var(--sb-accent-foreground));
 }
+.hover\:sb-text-foreground:hover {
+  color: hsl(var(--sb-foreground));
+}
 .hover\:sb-text-muted-foreground:hover {
   color: hsl(var(--sb-muted-foreground));
 }

package/dist/index.d.mts

@@ -2,18 +2,21 @@ import * as React from 'react';
 import * as _simple_builder_server from '@simple-builder/server';
 import { BuilderContent as BuilderContent$1, ContentItem } from '@simple-builder/server';
 
-type InputType = "string" | "number" | "boolean" | "longText" | "richText" | "file" | "color" | "date";
+type InputType = "string" | "number" | "boolean" | "longText" | "richText" | "file" | "color" | "date" | "grouped";
 type ComponentInput<T extends InputType> = {
     type: T;
     name: string;
     friendlyName?: string;
     helperText?: string;
     defaultValue?: any;
+    multiple?: boolean;
 } & (T extends "string" ? {
     enum?: string[] | {
         label: string;
         value: any;
     };
+} : {}) & (T extends "grouped" ? {
+    inputs: ComponentInput<any>[];
 } : {});
 type Component = {
     component: (props?: any) => JSX.Element;
@@ -21,7 +24,7 @@ type Component = {
     friendlyName?: string;
     icon?: any;
     description?: string;
-    inputs?: ComponentInput<any>[];
+    inputs?: ComponentInput<InputType>[];
     defaults?: Record<string, unknown>;
     defaultStyles?: ContentItem["styles"];
 };

package/dist/index.d.ts

@@ -2,18 +2,21 @@ import * as React from 'react';
 import * as _simple_builder_server from '@simple-builder/server';
 import { BuilderContent as BuilderContent$1, ContentItem } from '@simple-builder/server';
 
-type InputType = "string" | "number" | "boolean" | "longText" | "richText" | "file" | "color" | "date";
+type InputType = "string" | "number" | "boolean" | "longText" | "richText" | "file" | "color" | "date" | "grouped";
 type ComponentInput<T extends InputType> = {
     type: T;
     name: string;
     friendlyName?: string;
     helperText?: string;
     defaultValue?: any;
+    multiple?: boolean;
 } & (T extends "string" ? {
     enum?: string[] | {
         label: string;
         value: any;
     };
+} : {}) & (T extends "grouped" ? {
+    inputs: ComponentInput<any>[];
 } : {});
 type Component = {
     component: (props?: any) => JSX.Element;
@@ -21,7 +24,7 @@ type Component = {
     friendlyName?: string;
     icon?: any;
     description?: string;
-    inputs?: ComponentInput<any>[];
+    inputs?: ComponentInput<InputType>[];
     defaults?: Record<string, unknown>;
     defaultStyles?: ContentItem["styles"];
 };

package/dist/index.js

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

package/dist/index.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simple-builder/react",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "private": false,
   "description": "React package for the simple builder package.",
   "repository": "https://github.com/pieter-berkel/simple-builder.git",
@@ -31,6 +31,7 @@
     "@radix-ui/react-dialog": "^1.0.5",
     "@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-slot": "^1.0.2",
     "@radix-ui/react-switch": "^1.0.3",
     "@radix-ui/react-tabs": "^1.0.4",
@@ -44,7 +45,7 @@
     "tailwind-merge": "^2.2.0",
     "tailwind-variants": "^0.1.20",
     "zod": "^3.22.4",
-    "@simple-builder/server": "1.0.9"
+    "@simple-builder/server": "1.0.10"
   },
   "peerDependencies": {
     "react": ">=16.8.0",