@dgithiomi/sbui-web 1.0.0 → 1.0.3

package/dist/styles.css

@@ -731,6 +731,9 @@ video {
   white-space: nowrap;
   border-width: 0;
 }
+.pointer-events-none {
+  pointer-events: none;
+}
 .visible {
   visibility: visible;
 }
@@ -759,9 +762,15 @@ video {
 .bottom-1\.5 {
   bottom: 0.375rem;
 }
+.bottom-14 {
+  bottom: 3.5rem;
+}
 .bottom-2 {
   bottom: 0.5rem;
 }
+.bottom-4 {
+  bottom: 1rem;
+}
 .bottom-\[-2px\] {
   bottom: -2px;
 }
@@ -840,6 +849,9 @@ video {
 .z-\[-1\] {
   z-index: -1;
 }
+.z-\[9999\] {
+  z-index: 9999;
+}
 .mb-1 {
   margin-bottom: 0.25rem;
 }
@@ -852,6 +864,9 @@ video {
 .flex {
   display: flex;
 }
+.grid {
+  display: grid;
+}
 .hidden {
   display: none;
 }
@@ -859,6 +874,10 @@ video {
   width: 1.25rem;
   height: 1.25rem;
 }
+.size-8 {
+  width: 2rem;
+  height: 2rem;
+}
 .h-1 {
   height: 0.25rem;
 }
@@ -877,6 +896,9 @@ video {
 .h-\[100px\] {
   height: 100px;
 }
+.h-\[3px\] {
+  height: 3px;
+}
 .h-full {
   height: 100%;
 }
@@ -902,6 +924,9 @@ video {
   width: -moz-max-content;
   width: max-content;
 }
+.flex-1 {
+  flex: 1 1 0%;
+}
 .origin-bottom {
   transform-origin: bottom;
 }
@@ -953,6 +978,9 @@ video {
 .flex-col {
   flex-direction: column;
 }
+.place-items-center {
+  place-items: center;
+}
 .items-start {
   align-items: flex-start;
 }
@@ -968,6 +996,12 @@ video {
 .gap-1 {
   gap: 0.25rem;
 }
+.gap-2 {
+  gap: 0.5rem;
+}
+.gap-3 {
+  gap: 0.75rem;
+}
 .overflow-hidden {
   overflow: hidden;
 }
@@ -980,6 +1014,9 @@ video {
 .rounded-sm {
   border-radius: 0.125rem;
 }
+.rounded-xl {
+  border-radius: 0.75rem;
+}
 .rounded-b-full {
   border-bottom-right-radius: 9999px;
   border-bottom-left-radius: 9999px;
@@ -1062,6 +1099,9 @@ video {
 .p-2 {
   padding: 0.5rem;
 }
+.p-3 {
+  padding: 0.75rem;
+}
 .px-2 {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
@@ -1124,6 +1164,17 @@ video {
 .opacity-0 {
   opacity: 0;
 }
+.opacity-50 {
+  opacity: 0.5;
+}
+.opacity-80 {
+  opacity: 0.8;
+}
+.shadow-xl {
+  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 .outline-none {
   outline: 2px solid transparent;
   outline-offset: 2px;
@@ -1153,6 +1204,11 @@ video {
 .filter {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
+.transition {
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
 .transition-all {
   transition-property: all;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -1233,10 +1289,18 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(var(--color-warning-500) / var(--tw-bg-opacity, 1));
 }
+.hover\:opacity-100:hover {
+  opacity: 1;
+}
 .focus\:outline-none:focus {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
+@media (min-width: 640px) {
+  .sm\:w-\[22\.5rem\] {
+    width: 22.5rem;
+  }
+}
 @media (prefers-color-scheme: dark) {
   .dark\:text-fg-inverse {
     --tw-text-opacity: 1;

package/dist/tailwind-preset.mjs

@@ -1,4 +1,4 @@
-import "./chunk-3QS3WKRC.mjs";
+import "./chunk-LZOMFHX3.mjs";
 
 // ../../packages/assets/colors.ts
 var primary = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dgithiomi/sbui-web",
-  "version": "1.0.0",
+  "version": "1.0.3",
   "description": "The web specific UI component library",
   "keywords": [
     "web",
@@ -49,8 +49,8 @@
     "access": "public"
   },
   "peerDependencies": {
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0",
     "tailwindcss": "^3.4.0"
   },
   "peerDependenciesMeta": {