cekat-ui 1.2.6 → 1.2.8

package/dist/style.css

@@ -1139,10 +1139,6 @@ body{
   width: 320px;
 }
 
-.w-\[500px\]{
-  width: 500px;
-}
-
 .w-\[92px\]{
   width: 92px;
 }
@@ -1324,6 +1320,10 @@ body{
   list-style-type: disc;
 }
 
+.grid-cols-4{
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+}
+
 .flex-row{
   flex-direction: row;
 }
@@ -1979,6 +1979,11 @@ body{
   background-color: rgb(128 128 128 / var(--tw-bg-opacity, 1));
 }
 
+.bg-indigo-100{
+  --tw-bg-opacity: 1;
+  background-color: rgb(224 234 255 / var(--tw-bg-opacity, 1));
+}
+
 .bg-indigo-50{
   --tw-bg-opacity: 1;
   background-color: rgb(238 244 255 / var(--tw-bg-opacity, 1));
@@ -2084,11 +2089,21 @@ body{
   background-color: rgb(16 24 40 / var(--tw-bg-opacity, 1));
 }
 
+.bg-orange-100{
+  --tw-bg-opacity: 1;
+  background-color: rgb(253 234 215 / var(--tw-bg-opacity, 1));
+}
+
 .bg-orange-50{
   --tw-bg-opacity: 1;
   background-color: rgb(254 246 238 / var(--tw-bg-opacity, 1));
 }
 
+.bg-pink-100{
+  --tw-bg-opacity: 1;
+  background-color: rgb(252 231 246 / var(--tw-bg-opacity, 1));
+}
+
 .bg-pink-50{
   --tw-bg-opacity: 1;
   background-color: rgb(253 242 250 / var(--tw-bg-opacity, 1));
@@ -2144,11 +2159,21 @@ body{
   background-color: rgb(4 16 38 / var(--tw-bg-opacity, 1));
 }
 
+.bg-purple-100{
+  --tw-bg-opacity: 1;
+  background-color: rgb(235 233 254 / var(--tw-bg-opacity, 1));
+}
+
 .bg-purple-50{
   --tw-bg-opacity: 1;
   background-color: rgb(244 243 255 / var(--tw-bg-opacity, 1));
 }
 
+.bg-rose-100{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 228 232 / var(--tw-bg-opacity, 1));
+}
+
 .bg-secondary-100{
   --tw-bg-opacity: 1;
   background-color: rgb(228 245 249 / var(--tw-bg-opacity, 1));
@@ -2249,6 +2274,11 @@ body{
   background-color: rgb(1 69 59 / var(--tw-bg-opacity, 1));
 }
 
+.bg-teal-100{
+  --tw-bg-opacity: 1;
+  background-color: rgb(204 251 239 / var(--tw-bg-opacity, 1));
+}
+
 .bg-transparent{
   background-color: #FFFFFF00;
 }
@@ -2896,11 +2926,21 @@ body{
   color: rgb(162 15 35 / var(--tw-text-opacity, 1));
 }
 
+.text-indigo-600{
+  --tw-text-opacity: 1;
+  color: rgb(68 76 231 / var(--tw-text-opacity, 1));
+}
+
 .text-indigo-700{
   --tw-text-opacity: 1;
   color: rgb(53 56 205 / var(--tw-text-opacity, 1));
 }
 
+.text-info-700{
+  --tw-text-opacity: 1;
+  color: rgb(8 59 164 / var(--tw-text-opacity, 1));
+}
+
 .text-light-100{
   --tw-text-opacity: 1;
   color: rgb(242 244 247 / var(--tw-text-opacity, 1));
@@ -2941,11 +2981,21 @@ body{
   color: rgb(16 24 40 / var(--tw-text-opacity, 1));
 }
 
+.text-orange-600{
+  --tw-text-opacity: 1;
+  color: rgb(224 79 22 / var(--tw-text-opacity, 1));
+}
+
 .text-orange-700{
   --tw-text-opacity: 1;
   color: rgb(185 56 21 / var(--tw-text-opacity, 1));
 }
 
+.text-pink-600{
+  --tw-text-opacity: 1;
+  color: rgb(221 37 144 / var(--tw-text-opacity, 1));
+}
+
 .text-pink-700{
   --tw-text-opacity: 1;
   color: rgb(193 21 116 / var(--tw-text-opacity, 1));
@@ -2966,11 +3016,26 @@ body{
   color: rgb(11 49 115 / var(--tw-text-opacity, 1));
 }
 
+.text-purple-600{
+  --tw-text-opacity: 1;
+  color: rgb(105 56 239 / var(--tw-text-opacity, 1));
+}
+
 .text-purple-700{
   --tw-text-opacity: 1;
   color: rgb(89 37 220 / var(--tw-text-opacity, 1));
 }
 
+.text-rose-600{
+  --tw-text-opacity: 1;
+  color: rgb(227 27 84 / var(--tw-text-opacity, 1));
+}
+
+.text-secondary-600{
+  --tw-text-opacity: 1;
+  color: rgb(15 134 153 / var(--tw-text-opacity, 1));
+}
+
 .text-success-500{
   --tw-text-opacity: 1;
   color: rgb(8 145 70 / var(--tw-text-opacity, 1));
@@ -2981,6 +3046,11 @@ body{
   color: rgb(4 104 69 / var(--tw-text-opacity, 1));
 }
 
+.text-teal-600{
+  --tw-text-opacity: 1;
+  color: rgb(14 147 132 / var(--tw-text-opacity, 1));
+}
+
 .text-warning-500{
   --tw-text-opacity: 1;
   color: rgb(247 144 9 / var(--tw-text-opacity, 1));
@@ -3240,6 +3310,11 @@ body{
   background-color: rgb(131 9 36 / var(--tw-bg-opacity, 1));
 }
 
+.hover\:bg-info-100:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(206 233 253 / var(--tw-bg-opacity, 1));
+}
+
 .hover\:bg-info-500:hover{
   --tw-bg-opacity: 1;
   background-color: rgb(16 104 229 / var(--tw-bg-opacity, 1));
@@ -3334,6 +3409,11 @@ body{
   color: rgb(8 33 76 / var(--tw-text-opacity, 1));
 }
 
+.hover\:text-red-700:hover{
+  --tw-text-opacity: 1;
+  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
+}
+
 .hover\:shadow-sm:hover{
   --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
   --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cekat-ui",
-  "version": "1.2.6",
+  "version": "1.2.8",
   "description": "Cekat UI Component Library",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
@@ -40,11 +40,13 @@
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "react": "18.3.1",
+    "react-aria-components": "^1.20.0",
     "react-dom": "18.3.1",
     "tailwind-merge": "^3.6.0"
   },
   "devDependencies": {
-    "@storybook/react-vite": "^10.1.9",
+    "@storybook/addon-docs": "^10.1.9",
+    "@storybook/react-vite": "^10.5.6",
     "@types/node": "^25.0.8",
     "@types/react": "^18",
     "@types/react-dom": "^18",
@@ -52,7 +54,7 @@
     "autoprefixer": "^10.4.23",
     "postcss": "^8.5.6",
     "rollup": "^3.29.5",
-    "storybook": "^10.1.9",
+    "storybook": "^10.5.6",
     "tailwindcss": "3.4.17",
     "typescript": "^5.9.3",
     "vite": "^7.3.0",