@digilogiclabs/saas-factory-ui 0.16.0 → 0.18.0

package/dist/index.css

@@ -1064,9 +1064,15 @@ body {
 .min-h-\[44px\] {
   min-height: 44px;
 }
+.min-h-\[52px\] {
+  min-height: 52px;
+}
 .min-h-\[600px\] {
   min-height: 600px;
 }
+.min-h-\[72px\] {
+  min-height: 72px;
+}
 .min-h-screen {
   min-height: 100vh;
 }
@@ -1169,6 +1175,9 @@ body {
 .min-w-\[44px\] {
   min-width: 44px;
 }
+.min-w-\[52px\] {
+  min-width: 52px;
+}
 .min-w-\[60px\] {
   min-width: 60px;
 }
@@ -1226,6 +1235,9 @@ body {
 .flex-shrink-0 {
   flex-shrink: 0;
 }
+.shrink {
+  flex-shrink: 1;
+}
 .shrink-0 {
   flex-shrink: 0;
 }
@@ -1778,6 +1790,9 @@ body {
   --tw-border-opacity: 1;
   border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
 }
+.border-white\/30 {
+  border-color: rgb(255 255 255 / 0.3);
+}
 .border-yellow-200 {
   --tw-border-opacity: 1;
   border-color: rgb(254 240 138 / var(--tw-border-opacity, 1));
@@ -1824,6 +1839,9 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
 }
+.bg-black\/10 {
+  background-color: rgb(0 0 0 / 0.1);
+}
 .bg-black\/20 {
   background-color: rgb(0 0 0 / 0.2);
 }
@@ -2000,6 +2018,9 @@ body {
 .bg-red-500\/10 {
   background-color: rgb(239 68 68 / 0.1);
 }
+.bg-red-500\/20 {
+  background-color: rgb(239 68 68 / 0.2);
+}
 .bg-red-600 {
   --tw-bg-opacity: 1;
   background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
@@ -2051,6 +2072,11 @@ body {
 .bg-gradient-to-t {
   background-image: linear-gradient(to top, var(--tw-gradient-stops));
 }
+.from-black\/5 {
+  --tw-gradient-from: rgb(0 0 0 / 0.05) var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
 .from-black\/80 {
   --tw-gradient-from: rgb(0 0 0 / 0.8) var(--tw-gradient-from-position);
   --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
@@ -2066,6 +2092,16 @@ body {
   --tw-gradient-to: hsl(var(--foreground) / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
+.from-gray-100 {
+  --tw-gradient-from: #f3f4f6 var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(243 244 246 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+.from-green-400 {
+  --tw-gradient-from: #4ade80 var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(74 222 128 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
 .from-green-50 {
   --tw-gradient-from: #f0fdf4 var(--tw-gradient-from-position);
   --tw-gradient-to: rgb(240 253 244 / 0) var(--tw-gradient-to-position);
@@ -2096,6 +2132,11 @@ body {
   --tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
+.from-white\/20 {
+  --tw-gradient-from: rgb(255 255 255 / 0.2) var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
 .via-transparent {
   --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops:
@@ -2115,6 +2156,12 @@ body {
 .to-foreground\/80 {
   --tw-gradient-to: hsl(var(--foreground) / 0.8) var(--tw-gradient-to-position);
 }
+.to-gray-200 {
+  --tw-gradient-to: #e5e7eb var(--tw-gradient-to-position);
+}
+.to-green-600 {
+  --tw-gradient-to: #16a34a var(--tw-gradient-to-position);
+}
 .to-muted\/50 {
   --tw-gradient-to: hsl(var(--muted) / 0.5) var(--tw-gradient-to-position);
 }
@@ -2127,6 +2174,9 @@ body {
 .to-primary\/80 {
   --tw-gradient-to: hsl(var(--primary) / 0.8) var(--tw-gradient-to-position);
 }
+.to-primary\/90 {
+  --tw-gradient-to: hsl(var(--primary) / 0.9) var(--tw-gradient-to-position);
+}
 .to-purple-600 {
   --tw-gradient-to: #9333ea var(--tw-gradient-to-position);
 }
@@ -2580,6 +2630,9 @@ body {
 .text-primary-foreground\/80 {
   color: hsl(var(--primary-foreground) / 0.8);
 }
+.text-primary\/80 {
+  color: hsl(var(--primary) / 0.8);
+}
 .text-purple-500 {
   --tw-text-opacity: 1;
   color: rgb(168 85 247 / var(--tw-text-opacity, 1));
@@ -2702,6 +2755,14 @@ body {
     var(--tw-ring-shadow, 0 0 #0000),
     var(--tw-shadow);
 }
+.shadow-\[inset_0_0_12px_rgba\(59\,130\,246\,0\.1\)\] {
+  --tw-shadow: inset 0 0 12px rgba(59,130,246,0.1);
+  --tw-shadow-colored: inset 0 0 12px var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000),
+    var(--tw-shadow);
+}
 .shadow-lg {
   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
@@ -2746,6 +2807,10 @@ body {
   --tw-shadow-color: rgb(0 0 0 / 0.1);
   --tw-shadow: var(--tw-shadow-colored);
 }
+.shadow-primary\/25 {
+  --tw-shadow-color: hsl(var(--primary) / 0.25);
+  --tw-shadow: var(--tw-shadow-colored);
+}
 .outline-none {
   outline: 2px solid transparent;
   outline-offset: 2px;
@@ -2761,6 +2826,14 @@ body {
     var(--tw-ring-shadow),
     var(--tw-shadow, 0 0 #0000);
 }
+.ring-0 {
+  --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(0px + 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);
+}
 .ring-2 {
   --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);
@@ -2776,6 +2849,9 @@ body {
 .ring-primary\/20 {
   --tw-ring-color: hsl(var(--primary) / 0.2);
 }
+.ring-primary\/50 {
+  --tw-ring-color: hsl(var(--primary) / 0.5);
+}
 .ring-offset-background {
   --tw-ring-offset-color: hsl(var(--background));
 }
@@ -3012,6 +3088,7 @@ body {
     transition: none !important;
   }
 }
+@import "./glassmorphism.css";
 .file\:border-0::file-selector-button {
   border-width: 0px;
 }
@@ -3039,6 +3116,16 @@ body {
   content: var(--tw-content);
   inset: 0px;
 }
+.before\:-inset-y-2::before {
+  content: var(--tw-content);
+  top: -0.5rem;
+  bottom: -0.5rem;
+}
+.before\:inset-x-0::before {
+  content: var(--tw-content);
+  left: 0px;
+  right: 0px;
+}
 .before\:z-10::before {
   content: var(--tw-content);
   z-index: 10;
@@ -3069,6 +3156,10 @@ body {
   content: var(--tw-content);
   --tw-gradient-to: transparent var(--tw-gradient-to-position);
 }
+.before\:content-\[\'\'\]::before {
+  --tw-content: "";
+  content: var(--tw-content);
+}
 .after\:ml-0\.5::after {
   content: var(--tw-content);
   margin-left: 0.125rem;
@@ -3081,6 +3172,9 @@ body {
   --tw-content: "*";
   content: var(--tw-content);
 }
+.hover\:h-2:hover {
+  height: 0.5rem;
+}
 .hover\:border-muted-foreground:hover {
   border-color: hsl(var(--muted-foreground));
 }
@@ -3090,6 +3184,9 @@ body {
 .hover\:bg-accent:hover {
   background-color: hsl(var(--accent));
 }
+.hover\:bg-black\/5:hover {
+  background-color: rgb(0 0 0 / 0.05);
+}
 .hover\:bg-black\/70:hover {
   background-color: rgb(0 0 0 / 0.7);
 }
@@ -3169,6 +3266,14 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(202 138 4 / var(--tw-bg-opacity, 1));
 }
+.hover\:from-primary\/90:hover {
+  --tw-gradient-from: hsl(var(--primary) / 0.9) var(--tw-gradient-from-position);
+  --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+.hover\:to-primary\/80:hover {
+  --tw-gradient-to: hsl(var(--primary) / 0.8) var(--tw-gradient-to-position);
+}
 .hover\:text-accent-foreground:hover {
   color: hsl(var(--accent-foreground));
 }
@@ -3269,6 +3374,21 @@ body {
     var(--tw-ring-shadow, 0 0 #0000),
     var(--tw-shadow);
 }
+.hover\:shadow-primary\/30:hover {
+  --tw-shadow-color: hsl(var(--primary) / 0.3);
+  --tw-shadow: var(--tw-shadow-colored);
+}
+.hover\:ring-2:hover {
+  --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);
+}
+.hover\:ring-primary\/20:hover {
+  --tw-ring-color: hsl(var(--primary) / 0.2);
+}
 .focus\:scale-\[1\.01\]:focus {
   --tw-scale-x: 1.01;
   --tw-scale-y: 1.01;
@@ -3317,6 +3437,9 @@ body {
 .focus\:ring-primary:focus {
   --tw-ring-color: hsl(var(--primary));
 }
+.focus\:ring-primary\/30:focus {
+  --tw-ring-color: hsl(var(--primary) / 0.3);
+}
 .focus\:ring-ring:focus {
   --tw-ring-color: hsl(var(--ring));
 }
@@ -3374,6 +3497,9 @@ body {
 .focus-visible\:ring-offset-2:focus-visible {
   --tw-ring-offset-width: 2px;
 }
+.active\:h-2:active {
+  height: 0.5rem;
+}
 .active\:scale-95:active {
   --tw-scale-x: .95;
   --tw-scale-y: .95;
@@ -3382,6 +3508,9 @@ body {
 .active\:cursor-grabbing:active {
   cursor: grabbing;
 }
+.active\:bg-black\/10:active {
+  background-color: rgb(0 0 0 / 0.1);
+}
 .disabled\:pointer-events-none:disabled {
   pointer-events: none;
 }
@@ -3631,6 +3760,10 @@ body {
 .dark\:bg-blue-950\/30:is(.dark *) {
   background-color: rgb(23 37 84 / 0.3);
 }
+.dark\:bg-gray-100:is(.dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
+}
 .dark\:bg-gray-600:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
@@ -3678,6 +3811,9 @@ body {
 .dark\:bg-pink-950\/30:is(.dark *) {
   background-color: rgb(80 7 36 / 0.3);
 }
+.dark\:bg-primary\/20:is(.dark *) {
+  background-color: hsl(var(--primary) / 0.2);
+}
 .dark\:bg-purple-800:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(107 33 168 / var(--tw-bg-opacity, 1));
@@ -3697,6 +3833,9 @@ body {
 .dark\:bg-teal-950\/30:is(.dark *) {
   background-color: rgb(4 47 46 / 0.3);
 }
+.dark\:bg-white\/10:is(.dark *) {
+  background-color: rgb(255 255 255 / 0.1);
+}
 .dark\:bg-yellow-800\/20:is(.dark *) {
   background-color: rgb(133 77 14 / 0.2);
 }
@@ -3709,6 +3848,11 @@ body {
 .dark\:bg-yellow-950\/30:is(.dark *) {
   background-color: rgb(66 32 6 / 0.3);
 }
+.dark\:from-gray-800:is(.dark *) {
+  --tw-gradient-from: #1f2937 var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
 .dark\:from-green-950\/30:is(.dark *) {
   --tw-gradient-from: rgb(5 46 22 / 0.3) var(--tw-gradient-from-position);
   --tw-gradient-to: rgb(5 46 22 / 0) var(--tw-gradient-to-position);
@@ -3722,6 +3866,9 @@ body {
 .dark\:to-blue-950\/30:is(.dark *) {
   --tw-gradient-to: rgb(23 37 84 / 0.3) var(--tw-gradient-to-position);
 }
+.dark\:to-gray-900:is(.dark *) {
+  --tw-gradient-to: #111827 var(--tw-gradient-to-position);
+}
 .dark\:to-pink-950\/30:is(.dark *) {
   --tw-gradient-to: rgb(80 7 36 / 0.3) var(--tw-gradient-to-position);
 }
@@ -3781,6 +3928,10 @@ body {
   --tw-text-opacity: 1;
   color: rgb(250 204 21 / var(--tw-text-opacity, 1));
 }
+.dark\:shadow-black\/25:is(.dark *) {
+  --tw-shadow-color: rgb(0 0 0 / 0.25);
+  --tw-shadow: var(--tw-shadow-colored);
+}
 .dark\:ring-blue-700:is(.dark *) {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(29 78 216 / var(--tw-ring-opacity, 1));
@@ -3796,6 +3947,9 @@ body {
 .dark\:hover\:bg-gray-900\/50:hover:is(.dark *) {
   background-color: rgb(17 24 39 / 0.5);
 }
+.dark\:hover\:bg-white\/5:hover:is(.dark *) {
+  background-color: rgb(255 255 255 / 0.05);
+}
 .dark\:hover\:text-blue-400:hover:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(96 165 250 / var(--tw-text-opacity, 1));
@@ -3816,6 +3970,9 @@ body {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
+.dark\:active\:bg-white\/10:active:is(.dark *) {
+  background-color: rgb(255 255 255 / 0.1);
+}
 @media (min-width: 640px) {
   .sm\:bottom-0 {
     bottom: 0px;
@@ -3838,9 +3995,24 @@ body {
   .sm\:hidden {
     display: none;
   }
+  .sm\:h-14 {
+    height: 3.5rem;
+  }
+  .sm\:h-5 {
+    height: 1.25rem;
+  }
   .sm\:h-\[50vh\] {
     height: 50vh;
   }
+  .sm\:min-h-\[80px\] {
+    min-height: 80px;
+  }
+  .sm\:w-14 {
+    width: 3.5rem;
+  }
+  .sm\:w-5 {
+    width: 1.25rem;
+  }
   .sm\:max-w-md {
     max-width: 28rem;
   }
@@ -3908,6 +4080,12 @@ body {
   .sm\:rounded-lg {
     border-radius: var(--radius);
   }
+  .sm\:p-2\.5 {
+    padding: 0.625rem;
+  }
+  .sm\:p-3\.5 {
+    padding: 0.875rem;
+  }
   .sm\:px-4 {
     padding-left: 1rem;
     padding-right: 1rem;
@@ -3932,6 +4110,10 @@ body {
     padding-top: 5rem;
     padding-bottom: 5rem;
   }
+  .sm\:py-4 {
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+  }
   .sm\:py-8 {
     padding-top: 2rem;
     padding-bottom: 2rem;
@@ -3967,6 +4149,10 @@ body {
     font-size: 1.125rem;
     line-height: 1.75rem;
   }
+  .sm\:text-sm {
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+  }
   .sm\:text-xl {
     font-size: 1.25rem;
     line-height: 1.75rem;