cekat-ui 1.2.3 → 1.2.5

package/dist/style.css

@@ -768,6 +768,10 @@ body{
   margin-bottom: 1rem;
 }
 
+.-mb-px{
+  margin-bottom: -1px;
+}
+
 .mb-1{
   margin-bottom: 0.25rem;
 }
@@ -776,6 +780,10 @@ body{
   margin-bottom: 0.5rem;
 }
 
+.mb-3{
+  margin-bottom: 0.75rem;
+}
+
 .ml-1{
   margin-left: 0.25rem;
 }
@@ -1011,6 +1019,10 @@ body{
   height: 1px;
 }
 
+.max-h-12{
+  max-height: 3rem;
+}
+
 .max-h-52{
   max-height: 13rem;
 }
@@ -1095,6 +1107,10 @@ body{
   width: 15rem;
 }
 
+.w-7{
+  width: 1.75rem;
+}
+
 .w-8{
   width: 2rem;
 }
@@ -1160,6 +1176,10 @@ body{
   min-width: max-content;
 }
 
+.min-w-px{
+  min-width: 1px;
+}
+
 .max-w-\[1280px\]{
   max-width: 1280px;
 }
@@ -1192,6 +1212,10 @@ body{
   flex-shrink: 0;
 }
 
+.flex-grow{
+  flex-grow: 1;
+}
+
 .-translate-x-1{
   --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));
@@ -1258,6 +1282,10 @@ body{
   animation: spin 1s linear infinite;
 }
 
+.cursor-default{
+  cursor: default;
+}
+
 .cursor-not-allowed{
   cursor: not-allowed;
 }
@@ -1308,6 +1336,10 @@ body{
   align-items: flex-start;
 }
 
+.items-end{
+  align-items: flex-end;
+}
+
 .items-center{
   align-items: center;
 }
@@ -1372,6 +1404,10 @@ body{
   gap: 1.5rem;
 }
 
+.self-end{
+  align-self: flex-end;
+}
+
 .overflow-hidden{
   overflow: hidden;
 }
@@ -1402,6 +1438,10 @@ body{
   white-space: nowrap;
 }
 
+.text-ellipsis{
+  text-overflow: ellipsis;
+}
+
 .whitespace-nowrap{
   white-space: nowrap;
 }
@@ -1464,6 +1504,11 @@ body{
   border-bottom-right-radius: 0.5rem;
 }
 
+.rounded-t-lg{
+  border-top-left-radius: 0.5rem;
+  border-top-right-radius: 0.5rem;
+}
+
 .border{
   border-width: 1px;
 }
@@ -2524,6 +2569,14 @@ body{
   padding-right: 9px;
 }
 
+.pt-4{
+  padding-top: 1rem;
+}
+
+.pt-px{
+  padding-top: 1px;
+}
+
 .text-left{
   text-align: left;
 }
@@ -2669,6 +2722,10 @@ body{
   line-height: .75rem;
 }
 
+.leading-4{
+  line-height: 1rem;
+}
+
 .leading-5{
   line-height: 1.25rem;
 }
@@ -3018,6 +3075,12 @@ body{
   outline-color: #1352BF;
 }
 
+.ring{
+  --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(3px + 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);
+}
+
 .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);
 }
@@ -3155,6 +3218,11 @@ body{
   background-color: rgb(131 9 36 / 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));
+}
+
 .hover\:bg-light-100:hover{
   --tw-bg-opacity: 1;
   background-color: rgb(242 244 247 / var(--tw-bg-opacity, 1));
@@ -3204,6 +3272,11 @@ body{
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
 
+.hover\:text-black:hover{
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
+}
+
 .hover\:text-error-800:hover{
   --tw-text-opacity: 1;
   color: rgb(131 9 36 / var(--tw-text-opacity, 1));
@@ -3219,6 +3292,11 @@ body{
   color: rgb(52 64 84 / var(--tw-text-opacity, 1));
 }
 
+.hover\:text-light-800:hover{
+  --tw-text-opacity: 1;
+  color: rgb(24 34 48 / var(--tw-text-opacity, 1));
+}
+
 .hover\:text-light-900:hover{
   --tw-text-opacity: 1;
   color: rgb(16 24 40 / var(--tw-text-opacity, 1));
@@ -3255,6 +3333,11 @@ body{
   border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
 }
 
+.focus-visible\:bg-primary-400:focus-visible{
+  --tw-bg-opacity: 1;
+  background-color: rgb(112 150 217 / var(--tw-bg-opacity, 1));
+}
+
 .focus-visible\:shadow-\[0_0_0_3px_rgba\(37\2c 99\2c 235\2c 0\.25\)\]:focus-visible{
   --tw-shadow: 0 0 0 3px rgba(37,99,235,0.25);
   --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color);
@@ -3355,10 +3438,40 @@ body{
   visibility: visible;
 }
 
+.group:hover .group-hover\:bg-light-100{
+  --tw-bg-opacity: 1;
+  background-color: rgb(242 244 247 / var(--tw-bg-opacity, 1));
+}
+
+.group:hover .group-hover\:text-light-800{
+  --tw-text-opacity: 1;
+  color: rgb(24 34 48 / var(--tw-text-opacity, 1));
+}
+
 .group:hover .group-hover\:opacity-100{
   opacity: 1;
 }
 
+.group:focus-visible .group-focus-visible\:rounded-b-lg{
+  border-bottom-right-radius: 0.5rem;
+  border-bottom-left-radius: 0.5rem;
+}
+
+.group:focus-visible .group-focus-visible\: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);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.group:focus-visible .group-focus-visible\:ring-primary-400{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(112 150 217 / var(--tw-ring-opacity, 1));
+}
+
+.group:focus-visible .group-focus-visible\:ring-offset-2{
+  --tw-ring-offset-width: 2px;
+}
+
 @media (min-width: 640px){
   .sm\:static{
     position: static;

package/dist/utils/cn.d.ts

@@ -0,0 +1,2 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cekat-ui",
-  "version": "1.2.3",
+  "version": "1.2.5",
   "description": "Cekat UI Component Library",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
@@ -40,7 +40,8 @@
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "react": "18.3.1",
-    "react-dom": "18.3.1"
+    "react-dom": "18.3.1",
+    "tailwind-merge": "^3.6.0"
   },
   "devDependencies": {
     "@storybook/react-vite": "^10.1.9",
@@ -57,4 +58,4 @@
     "vite": "^7.3.0",
     "vite-plugin-dts": "^4.5.4"
   }
-}
+}