@simple-builder/react 1.0.20 → 1.1.0

package/dist/index.css

@@ -121,6 +121,17 @@
   --tw-backdrop-saturate: ;
   --tw-backdrop-sepia: ;
 }
+.sb-sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
 .sb-pointer-events-none {
   pointer-events: none;
 }
@@ -167,6 +178,9 @@
 .sb-right-3 {
   right: 0.75rem;
 }
+.sb-right-4 {
+  right: 1rem;
+}
 .sb-top-0 {
   top: 0px;
 }
@@ -179,6 +193,9 @@
 .sb-top-2 {
   top: 0.5rem;
 }
+.sb-top-4 {
+  top: 1rem;
+}
 .sb-top-\[50\%\] {
   top: 50%;
 }
@@ -194,6 +211,12 @@
 .sb-z-50 {
   z-index: 50;
 }
+.sb-m-0 {
+  margin: 0px;
+}
+.sb-m-auto {
+  margin: auto;
+}
 .sb--mx-1 {
   margin-left: -0.25rem;
   margin-right: -0.25rem;
@@ -202,6 +225,10 @@
   margin-top: -2px;
   margin-bottom: -2px;
 }
+.sb-mx-2 {
+  margin-left: 0.5rem;
+  margin-right: 0.5rem;
+}
 .sb-mx-auto {
   margin-left: auto;
   margin-right: auto;
@@ -210,6 +237,9 @@
   margin-top: 0.25rem;
   margin-bottom: 0.25rem;
 }
+.sb-ml-auto {
+  margin-left: auto;
+}
 .sb-mr-2 {
   margin-right: 0.5rem;
 }
@@ -234,15 +264,32 @@
 .sb-aspect-video {
   aspect-ratio: 16 / 9;
 }
+.sb-size-4 {
+  width: 1rem;
+  height: 1rem;
+}
+.sb-size-5 {
+  width: 1.25rem;
+  height: 1.25rem;
+}
+.sb-size-6 {
+  width: 1.5rem;
+  height: 1.5rem;
+}
+.sb-size-7 {
+  width: 1.75rem;
+  height: 1.75rem;
+}
+.sb-size-8 {
+  width: 2rem;
+  height: 2rem;
+}
 .sb-h-1 {
   height: 0.25rem;
 }
 .sb-h-10 {
   height: 2.5rem;
 }
-.sb-h-11 {
-  height: 2.75rem;
-}
 .sb-h-2 {
   height: 0.5rem;
 }
@@ -276,6 +323,9 @@
 .sb-h-9 {
   height: 2.25rem;
 }
+.sb-h-\[1px\] {
+  height: 1px;
+}
 .sb-h-\[var\(--radix-select-trigger-height\)\] {
   height: var(--radix-select-trigger-height);
 }
@@ -294,11 +344,20 @@
 .sb-max-h-\[80vh\] {
   max-height: 80vh;
 }
+.sb-max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] {
+  max-height: var(--radix-dropdown-menu-content-available-height);
+}
+.sb-max-h-svh {
+  max-height: 100svh;
+}
+.sb-min-h-72 {
+  min-height: 18rem;
+}
 .sb-min-h-\[60px\] {
   min-height: 60px;
 }
-.sb-w-11 {
-  width: 2.75rem;
+.sb-w-12 {
+  width: 3rem;
 }
 .sb-w-2 {
   width: 0.5rem;
@@ -336,6 +395,12 @@
 .sb-w-8 {
   width: 2rem;
 }
+.sb-w-9 {
+  width: 2.25rem;
+}
+.sb-w-\[1px\] {
+  width: 1px;
+}
 .sb-w-\[89\%\] {
   width: 89%;
 }
@@ -345,24 +410,55 @@
 .sb-w-full {
   width: 100%;
 }
+.sb-w-max {
+  width: -moz-max-content;
+  width: max-content;
+}
+.sb-min-w-10 {
+  min-width: 2.5rem;
+}
+.sb-min-w-8 {
+  min-width: 2rem;
+}
+.sb-min-w-80 {
+  min-width: 20rem;
+}
+.sb-min-w-9 {
+  min-width: 2.25rem;
+}
 .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-3xl {
+  max-width: 48rem;
+}
 .sb-max-w-lg {
   max-width: 32rem;
 }
 .sb-flex-1 {
   flex: 1 1 0%;
 }
+.sb-flex-none {
+  flex: none;
+}
 .sb-shrink-0 {
   flex-shrink: 0;
 }
+.sb-grow {
+  flex-grow: 1;
+}
 .sb-border-collapse {
   border-collapse: collapse;
 }
+.sb-origin-\[--radix-dropdown-menu-content-transform-origin\] {
+  transform-origin: var(--radix-dropdown-menu-content-transform-origin);
+}
+.sb-origin-\[--radix-popover-content-transform-origin\] {
+  transform-origin: var(--radix-popover-content-transform-origin);
+}
 .sb--translate-x-1\/2 {
   --tw-translate-x: -50%;
   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));
@@ -452,6 +548,9 @@
 .sb-gap-1 {
   gap: 0.25rem;
 }
+.sb-gap-1\.5 {
+  gap: 0.375rem;
+}
 .sb-gap-2 {
   gap: 0.5rem;
 }
@@ -461,11 +560,19 @@
 .sb-gap-4 {
   gap: 1rem;
 }
+.sb-gap-px {
+  gap: 1px;
+}
 .sb-space-x-1 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(0.25rem * var(--tw-space-x-reverse));
   margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
 }
+.sb-space-x-2 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
+  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
+}
 .sb-space-x-6 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(1.5rem * var(--tw-space-x-reverse));
@@ -481,6 +588,11 @@
   margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
   margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
 }
+.sb-space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
+}
 .sb-space-y-2 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
   margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
@@ -491,9 +603,23 @@
   margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
   margin-bottom: calc(1rem * var(--tw-space-y-reverse));
 }
+.sb-space-y-6 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
+}
 .sb-overflow-hidden {
   overflow: hidden;
 }
+.sb-overflow-x-auto {
+  overflow-x: auto;
+}
+.sb-overflow-y-auto {
+  overflow-y: auto;
+}
+.sb-overflow-x-hidden {
+  overflow-x: hidden;
+}
 .sb-truncate {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -541,6 +667,9 @@
 .sb-border-dashed {
   border-style: dashed;
 }
+.sb-border-border {
+  border-color: hsl(var(--sb-border));
+}
 .sb-border-input {
   border-color: hsl(var(--sb-input));
 }
@@ -562,6 +691,9 @@
 .sb-bg-background\/80 {
   background-color: hsl(var(--sb-background) / 0.8);
 }
+.sb-bg-black\/80 {
+  background-color: rgb(0 0 0 / 0.8);
+}
 .sb-bg-border {
   background-color: hsl(var(--sb-border));
 }
@@ -601,6 +733,9 @@
 .sb-bg-center {
   background-position: center;
 }
+.sb-fill-current {
+  fill: currentColor;
+}
 .sb-object-cover {
   -o-object-fit: cover;
   object-fit: cover;
@@ -626,6 +761,14 @@
 .sb-p-\[1px\] {
   padding: 1px;
 }
+.sb-px-1 {
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+}
+.sb-px-1\.5 {
+  padding-left: 0.375rem;
+  padding-right: 0.375rem;
+}
 .sb-px-2 {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
@@ -642,9 +785,9 @@
   padding-left: 1rem;
   padding-right: 1rem;
 }
-.sb-px-5 {
-  padding-left: 1.25rem;
-  padding-right: 1.25rem;
+.sb-px-8 {
+  padding-left: 2rem;
+  padding-right: 2rem;
 }
 .sb-py-1 {
   padding-top: 0.25rem;
@@ -689,9 +832,17 @@
 .sb-font-roboto {
   font-family: Roboto, sans-serif;
 }
+.sb-text-3xl {
+  font-size: 1.875rem;
+  line-height: 2.25rem;
+}
 .sb-text-\[0\.8rem\] {
   font-size: 0.8rem;
 }
+.sb-text-base {
+  font-size: 1rem;
+  line-height: 1.5rem;
+}
 .sb-text-lg {
   font-size: 1.125rem;
   line-height: 1.75rem;
@@ -700,10 +851,20 @@
   font-size: 0.875rem;
   line-height: 1.25rem;
 }
+.sb-text-xl {
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+}
 .sb-text-xs {
   font-size: 0.75rem;
   line-height: 1rem;
 }
+.sb-font-bold {
+  font-weight: 700;
+}
+.sb-font-extrabold {
+  font-weight: 800;
+}
 .sb-font-medium {
   font-weight: 500;
 }
@@ -713,15 +874,18 @@
 .sb-font-semibold {
   font-weight: 600;
 }
-.sb-uppercase {
-  text-transform: uppercase;
-}
 .sb-normal-case {
   text-transform: none;
 }
 .sb-leading-none {
   line-height: 1;
 }
+.sb-tracking-tight {
+  letter-spacing: -0.025em;
+}
+.sb-tracking-widest {
+  letter-spacing: 0.1em;
+}
 .sb-text-accent-foreground {
   color: hsl(var(--sb-accent-foreground));
 }
@@ -743,18 +907,33 @@
 .sb-text-popover-foreground {
   color: hsl(var(--sb-popover-foreground));
 }
+.sb-text-primary {
+  color: hsl(var(--sb-primary));
+}
 .sb-text-primary-foreground {
   color: hsl(var(--sb-primary-foreground));
 }
 .sb-text-secondary-foreground {
   color: hsl(var(--sb-secondary-foreground));
 }
+.sb-underline-offset-4 {
+  text-underline-offset: 4px;
+}
 .sb-opacity-0 {
   opacity: 0;
 }
+.sb-opacity-30 {
+  opacity: 0.3;
+}
 .sb-opacity-50 {
   opacity: 0.5;
 }
+.sb-opacity-60 {
+  opacity: 0.6;
+}
+.sb-opacity-70 {
+  opacity: 0.7;
+}
 .sb-opacity-90 {
   opacity: 0.9;
 }
@@ -939,6 +1118,19 @@
 .sb-container-item:has(.sb-container-item:hover) > .sb-item-toolbar {
   opacity: 0;
 }
+.sb-editflow .ProseMirror {
+  display: flex;
+  max-width: 100%;
+  cursor: text;
+  flex-direction: column;
+  z-index: 0;
+  outline-width: 0px;
+}
+.sb-editflow .ProseMirror > div.editor {
+  display: block;
+  flex: 1 1 0%;
+  white-space: pre-wrap;
+}
 .file\:sb-border-0::file-selector-button {
   border-width: 0px;
 }
@@ -952,6 +1144,9 @@
 .file\:sb-font-medium::file-selector-button {
   font-weight: 500;
 }
+.file\:sb-text-foreground::file-selector-button {
+  color: hsl(var(--sb-foreground));
+}
 .placeholder\:sb-text-muted-foreground::-moz-placeholder {
   color: hsl(var(--sb-muted-foreground));
 }
@@ -964,6 +1159,9 @@
 .focus-within\:sb-z-20:focus-within {
   z-index: 20;
 }
+.focus-within\:sb-border-primary:focus-within {
+  border-color: hsl(var(--sb-primary));
+}
 .hover\:sb-bg-accent:hover {
   background-color: hsl(var(--sb-accent));
 }
@@ -979,6 +1177,9 @@
 .hover\:sb-bg-primary\/90:hover {
   background-color: hsl(var(--sb-primary) / 0.9);
 }
+.hover\:sb-bg-secondary\/80:hover {
+  background-color: hsl(var(--sb-secondary) / 0.8);
+}
 .hover\:sb-text-accent-foreground:hover {
   color: hsl(var(--sb-accent-foreground));
 }
@@ -991,6 +1192,9 @@
 .hover\:sb-text-primary-foreground:hover {
   color: hsl(var(--sb-primary-foreground));
 }
+.hover\:sb-underline:hover {
+  text-decoration-line: underline;
+}
 .hover\:sb-opacity-100:hover {
   opacity: 1;
 }
@@ -1116,8 +1320,8 @@
   --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;
+.data-\[state\=checked\]\:sb-translate-x-4[data-state=checked] {
+  --tw-translate-x: 1rem;
   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\=unchecked\]\:sb-translate-x-0[data-state=unchecked] {
@@ -1137,6 +1341,9 @@
 .data-\[state\=on\]\:sb-bg-accent[data-state=on] {
   background-color: hsl(var(--sb-accent));
 }
+.data-\[state\=open\]\:sb-bg-accent[data-state=open] {
+  background-color: hsl(var(--sb-accent));
+}
 .data-\[state\=unchecked\]\:sb-bg-input[data-state=unchecked] {
   background-color: hsl(var(--sb-input));
 }
@@ -1146,6 +1353,9 @@
 .data-\[state\=on\]\:sb-text-accent-foreground[data-state=on] {
   color: hsl(var(--sb-accent-foreground));
 }
+.data-\[state\=open\]\:sb-text-muted-foreground[data-state=open] {
+  color: hsl(var(--sb-muted-foreground));
+}
 .data-\[disabled\]\:sb-opacity-50[data-disabled] {
   opacity: 0.5;
 }
@@ -1211,10 +1421,21 @@
 .data-\[state\=open\]\:sb-slide-in-from-top-\[48\%\][data-state=open] {
   --tw-enter-translate-y: -48%;
 }
+@media not all and (min-width: 768px) {
+  .max-md\:sb-hidden {
+    display: none;
+  }
+  .max-md\:sb-opacity-30 {
+    opacity: 0.3;
+  }
+}
 @media (min-width: 640px) {
   .sm\:sb-mt-0 {
     margin-top: 0px;
   }
+  .sm\:sb-max-h-\[90svh\] {
+    max-height: 90svh;
+  }
   .sm\:sb-flex-row {
     flex-direction: row;
   }
@@ -1243,6 +1464,18 @@
     text-align: left;
   }
 }
+@media (min-width: 768px) {
+  .md\:sb-hidden {
+    display: none;
+  }
+  .md\:sb-text-sm {
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+  }
+  .md\:sb-opacity-30 {
+    opacity: 0.3;
+  }
+}
 .\[\&\:has\(\>\.day-range-end\)\]\:sb-rounded-r-md:has(> .day-range-end) {
   border-top-right-radius: calc(var(--sb-radius) - 2px);
   border-bottom-right-radius: calc(var(--sb-radius) - 2px);
@@ -1278,3 +1511,20 @@
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
 }
+.\[\&\>svg\]\:sb-size-4 > svg {
+  width: 1rem;
+  height: 1rem;
+}
+.\[\&\>svg\]\:sb-shrink-0 > svg {
+  flex-shrink: 0;
+}
+.\[\&_svg\]\:sb-pointer-events-none svg {
+  pointer-events: none;
+}
+.\[\&_svg\]\:sb-size-4 svg {
+  width: 1rem;
+  height: 1rem;
+}
+.\[\&_svg\]\:sb-shrink-0 svg {
+  flex-shrink: 0;
+}

package/dist/index.js

@@ -1,23 +1,23 @@
 'use strict';
 
-var chunkIY3JM23H_js = require('./chunk-IY3JM23H.js');
-var chunkLLKCXOGO_js = require('./chunk-LLKCXOGO.js');
+var chunkU3LGZ4IJ_js = require('./chunk-U3LGZ4IJ.js');
+var chunkZEA47N62_js = require('./chunk-ZEA47N62.js');
 
 
 
 Object.defineProperty(exports, "BuilderContent", {
   enumerable: true,
-  get: function () { return chunkIY3JM23H_js.BuilderContent; }
+  get: function () { return chunkU3LGZ4IJ_js.BuilderContent; }
 });
 Object.defineProperty(exports, "StaticContent", {
   enumerable: true,
-  get: function () { return chunkIY3JM23H_js.StaticContent; }
+  get: function () { return chunkU3LGZ4IJ_js.StaticContent; }
 });
 Object.defineProperty(exports, "BuildContainer", {
   enumerable: true,
-  get: function () { return chunkLLKCXOGO_js.BuildContainer; }
+  get: function () { return chunkZEA47N62_js.BuildContainer; }
 });
 Object.defineProperty(exports, "builder", {
   enumerable: true,
-  get: function () { return chunkLLKCXOGO_js.builder; }
+  get: function () { return chunkZEA47N62_js.builder; }
 });

package/dist/index.mjs

@@ -1,2 +1,2 @@
-export { BuilderContent, StaticContent } from './chunk-J6SSP2IE.mjs';
-export { BuildContainer, builder } from './chunk-SLA7GUFF.mjs';
+export { BuilderContent, StaticContent } from './chunk-MV72DQML.mjs';
+export { BuildContainer, builder } from './chunk-F7EVAQN7.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simple-builder/react",
-  "version": "1.0.20",
+  "version": "1.1.0",
   "private": false,
   "description": "React package for the simple builder package.",
   "repository": "https://github.com/pieter-berkel/simple-builder.git",
@@ -28,25 +28,38 @@
   "dependencies": {
     "@hookform/resolvers": "^3.3.4",
     "@radix-ui/react-alert-dialog": "^1.0.5",
-    "@radix-ui/react-dialog": "^1.0.5",
+    "@radix-ui/react-dialog": "^1.1.6",
+    "@radix-ui/react-dropdown-menu": "^2.1.6",
     "@radix-ui/react-label": "^2.0.2",
-    "@radix-ui/react-popover": "^1.0.7",
+    "@radix-ui/react-popover": "^1.1.6",
     "@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-separator": "^1.1.2",
+    "@radix-ui/react-slot": "^1.1.2",
     "@radix-ui/react-switch": "^1.0.3",
     "@radix-ui/react-tabs": "^1.0.4",
-    "@radix-ui/react-toggle": "^1.0.3",
+    "@radix-ui/react-toggle": "^1.1.2",
+    "@radix-ui/react-toggle-group": "^1.1.2",
+    "@tiptap/extension-color": "^2.11.5",
+    "@tiptap/extension-heading": "^2.11.5",
+    "@tiptap/extension-link": "^2.11.5",
+    "@tiptap/extension-text-style": "^2.11.5",
+    "@tiptap/extension-underline": "^2.11.5",
+    "@tiptap/pm": "^2.11.5",
+    "@tiptap/react": "^2.11.5",
+    "@tiptap/starter-kit": "^2.11.5",
+    "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",
     "date-fns": "^3.2.0",
     "lucide-react": "^0.312.0",
     "react-day-picker": "^8.10.0",
     "react-hook-form": "^7.49.3",
+    "react-icons": "^5.5.0",
     "server-only": "^0.0.1",
     "tailwind-merge": "^2.2.0",
     "tailwind-variants": "^0.1.20",
     "zod": "^3.22.4",
-    "@simple-builder/server": "1.0.20"
+    "@simple-builder/server": "1.0.21"
   },
   "peerDependencies": {
     "react": ">=16.8.0",