@k3-universe/react-kit 0.0.37 → 0.0.39

package/dist/kit/themes/spotify.css

@@ -1,10 +1,13 @@
-/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
 @layer properties {
   @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
     *, :before, :after, ::backdrop {
       --tw-translate-x: 0;
       --tw-translate-y: 0;
       --tw-translate-z: 0;
+      --tw-scale-x: 1;
+      --tw-scale-y: 1;
+      --tw-scale-z: 1;
       --tw-rotate-x: initial;
       --tw-rotate-y: initial;
       --tw-rotate-z: initial;
@@ -88,14 +91,24 @@
     --font-serif: var(--font-serif);
     --font-mono: var(--font-mono);
     --color-red-500: oklch(63.7% .237 25.331);
+    --color-red-600: oklch(57.7% .245 27.325);
+    --color-red-700: oklch(50.5% .213 27.518);
+    --color-green-400: oklch(79.2% .209 151.711);
     --color-green-500: oklch(72.3% .219 149.579);
+    --color-green-600: oklch(62.7% .194 149.214);
     --color-teal-50: oklch(98.4% .014 180.72);
+    --color-teal-100: oklch(95.3% .051 180.801);
+    --color-teal-200: oklch(91% .096 180.426);
+    --color-teal-400: oklch(77.7% .152 181.912);
+    --color-teal-600: oklch(60% .118 184.704);
     --color-teal-700: oklch(51.1% .096 186.391);
+    --color-teal-900: oklch(38.6% .063 188.416);
     --color-blue-50: oklch(97% .014 254.604);
     --color-blue-200: oklch(88.2% .059 254.128);
     --color-blue-800: oklch(42.4% .199 265.638);
     --color-blue-900: oklch(37.9% .146 265.522);
     --color-gray-600: oklch(44.6% .03 256.802);
+    --color-gray-800: oklch(27.8% .033 256.848);
     --color-gray-900: oklch(21% .034 264.665);
     --color-black: #000;
     --color-white: #fff;
@@ -649,6 +662,10 @@
     grid-row: span 2 / span 2;
   }
 
+  .row-span-3 {
+    grid-row: span 3 / span 3;
+  }
+
   .row-start-1 {
     grid-row-start: 1;
   }
@@ -1037,6 +1054,10 @@
     height: 1px;
   }
 
+  .h-screen {
+    height: 100vh;
+  }
+
   .h-svh {
     height: 100svh;
   }
@@ -1077,6 +1098,10 @@
     min-height: calc(var(--spacing) * 16);
   }
 
+  .min-h-\[60px\] {
+    min-height: 60px;
+  }
+
   .min-h-dvh {
     min-height: 100dvh;
   }
@@ -1305,10 +1330,22 @@
     max-width: var(--container-6xl);
   }
 
+  .max-w-\[80px\] {
+    max-width: 80px;
+  }
+
+  .max-w-\[88px\] {
+    max-width: 88px;
+  }
+
   .max-w-\[150px\] {
     max-width: 150px;
   }
 
+  .max-w-\[630px\] {
+    max-width: 630px;
+  }
+
   .max-w-\[calc\(100\%-2rem\)\] {
     max-width: calc(100% - 2rem);
   }
@@ -1377,6 +1414,10 @@
     min-width: 12rem;
   }
 
+  .min-w-\[80px\] {
+    min-width: 80px;
+  }
+
   .min-w-\[120px\] {
     min-width: 120px;
   }
@@ -1393,6 +1434,10 @@
     min-width: 400px;
   }
 
+  .min-w-\[630px\] {
+    min-width: 630px;
+  }
+
   .min-w-\[900px\] {
     min-width: 900px;
   }
@@ -1497,6 +1542,13 @@
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
 
+  .scale-95 {
+    --tw-scale-x: 95%;
+    --tw-scale-y: 95%;
+    --tw-scale-z: 95%;
+    scale: var(--tw-scale-x) var(--tw-scale-y);
+  }
+
   .rotate-45 {
     rotate: 45deg;
   }
@@ -1505,6 +1557,10 @@
     rotate: 90deg;
   }
 
+  .rotate-180 {
+    rotate: 180deg;
+  }
+
   .transform {
     transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
   }
@@ -1878,6 +1934,11 @@
     border-width: 1px;
   }
 
+  .border-2 {
+    border-style: var(--tw-border-style);
+    border-width: 2px;
+  }
+
   .border-\[1\.5px\] {
     border-style: var(--tw-border-style);
     border-width: 1.5px;
@@ -1957,6 +2018,18 @@
     border-color: var(--sidebar-border);
   }
 
+  .border-teal-200 {
+    border-color: var(--color-teal-200);
+  }
+
+  .border-teal-400 {
+    border-color: var(--color-teal-400);
+  }
+
+  .border-teal-600 {
+    border-color: var(--color-teal-600);
+  }
+
   .border-transparent {
     border-color: #0000;
   }
@@ -2047,6 +2120,14 @@
     background-color: var(--foreground);
   }
 
+  .bg-green-400 {
+    background-color: var(--color-green-400);
+  }
+
+  .bg-green-500 {
+    background-color: var(--color-green-500);
+  }
+
   .bg-muted, .bg-muted\/40 {
     background-color: var(--muted);
   }
@@ -2091,6 +2172,10 @@
     }
   }
 
+  .bg-red-600 {
+    background-color: var(--color-red-600);
+  }
+
   .bg-secondary {
     background-color: var(--secondary);
   }
@@ -2107,6 +2192,14 @@
     background-color: var(--color-teal-50);
   }
 
+  .bg-teal-100 {
+    background-color: var(--color-teal-100);
+  }
+
+  .bg-teal-600 {
+    background-color: var(--color-teal-600);
+  }
+
   .bg-teal-700 {
     background-color: var(--color-teal-700);
   }
@@ -2115,6 +2208,10 @@
     background-color: #0000;
   }
 
+  .bg-white {
+    background-color: var(--color-white);
+  }
+
   .fill-current {
     fill: currentColor;
   }
@@ -2255,6 +2352,10 @@
     padding-top: calc(var(--spacing) * 6);
   }
 
+  .pt-40 {
+    padding-top: calc(var(--spacing) * 40);
+  }
+
   .pr-1 {
     padding-right: calc(var(--spacing) * 1);
   }
@@ -2283,6 +2384,10 @@
     padding-bottom: calc(var(--spacing) * 8);
   }
 
+  .pb-96 {
+    padding-bottom: calc(var(--spacing) * 96);
+  }
+
   .pl-2 {
     padding-left: calc(var(--spacing) * 2);
   }
@@ -2478,6 +2583,10 @@
     color: var(--color-gray-600);
   }
 
+  .text-gray-800 {
+    color: var(--color-gray-800);
+  }
+
   .text-gray-900 {
     color: var(--color-gray-900);
   }
@@ -2520,6 +2629,10 @@
     }
   }
 
+  .text-teal-600 {
+    color: var(--color-teal-600);
+  }
+
   .text-white {
     color: var(--color-white);
   }
@@ -2742,6 +2855,11 @@
     transition-property: none;
   }
 
+  .duration-150 {
+    --tw-duration: .15s;
+    transition-duration: .15s;
+  }
+
   .duration-200 {
     --tw-duration: .2s;
     transition-duration: .2s;
@@ -3261,6 +3379,14 @@
       }
     }
 
+    .hover\:bg-green-500:hover {
+      background-color: var(--color-green-500);
+    }
+
+    .hover\:bg-green-600:hover {
+      background-color: var(--color-green-600);
+    }
+
     .hover\:bg-muted:hover, .hover\:bg-muted\/50:hover {
       background-color: var(--muted);
     }
@@ -3281,6 +3407,10 @@
       }
     }
 
+    .hover\:bg-red-700:hover {
+      background-color: var(--color-red-700);
+    }
+
     .hover\:bg-secondary\/80:hover {
       background-color: var(--secondary);
     }
@@ -3301,6 +3431,14 @@
       }
     }
 
+    .hover\:bg-teal-50:hover {
+      background-color: var(--color-teal-50);
+    }
+
+    .hover\:bg-teal-700:hover {
+      background-color: var(--color-teal-700);
+    }
+
     .hover\:text-accent-foreground:hover {
       color: var(--accent-foreground);
     }
@@ -3317,6 +3455,10 @@
       color: var(--sidebar-accent-foreground);
     }
 
+    .hover\:text-teal-900:hover {
+      color: var(--color-teal-900);
+    }
+
     .hover\:underline:hover {
       text-decoration-line: underline;
     }
@@ -5569,6 +5711,24 @@
   initial-value: 0;
 }
 
+@property --tw-scale-x {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
+
+@property --tw-scale-y {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
+
+@property --tw-scale-z {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
+
 @property --tw-rotate-x {
   syntax: "*";
   inherits: false

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@k3-universe/react-kit",
-  "version": "0.0.37",
+  "version": "0.0.39",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",

package/src/index.ts

@@ -20,6 +20,8 @@ export * from './kit/components/forminfo';
 // Ensure default export for Login at root
 export { default as Login } from './kit/components/login/Login';
 export * from './kit/components/fileuploader';
+export * from './kit/components/numpad';
+export * from './kit/components/keyboard';
 
 // -----------------------------
 // KIT: layouts (admin)