@simple-builder/react 1.0.15 → 1.0.17

package/dist/{build-container-client-2NZERZ4Y.css → build-container-client-5Z6CS44L.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;
+}