cekat-ui 1.3.13 → 1.3.15

package/dist/style.css

@@ -1310,6 +1310,10 @@ body {
   width: 1.5rem;
 }
 
+.w-64 {
+  width: 16rem;
+}
+
 .w-7 {
   width: 1.75rem;
 }
@@ -1717,6 +1721,10 @@ body {
   gap: 1rem;
 }
 
+.gap-48 {
+  gap: 12rem;
+}
+
 .gap-5 {
   gap: 1.25rem;
 }
@@ -1867,16 +1875,6 @@ body {
   border-right-width: 1px;
 }
 
-.border-x-8 {
-  border-left-width: 8px;
-  border-right-width: 8px;
-}
-
-.border-y-8 {
-  border-top-width: 8px;
-  border-bottom-width: 8px;
-}
-
 .border-b {
   border-bottom-width: 1px;
 }
@@ -1885,10 +1883,6 @@ body {
   border-bottom-width: 2px;
 }
 
-.border-b-\[6px\] {
-  border-bottom-width: 6px;
-}
-
 .border-l {
   border-left-width: 1px;
 }
@@ -1901,10 +1895,6 @@ body {
   border-left-width: 2px;
 }
 
-.border-l-\[6px\] {
-  border-left-width: 6px;
-}
-
 .border-r {
   border-right-width: 1px;
 }
@@ -1913,18 +1903,10 @@ body {
   border-right-width: 0px;
 }
 
-.border-r-\[6px\] {
-  border-right-width: 6px;
-}
-
 .border-t {
   border-top-width: 1px;
 }
 
-.border-t-\[6px\] {
-  border-top-width: 6px;
-}
-
 .border-dashed {
   border-style: dashed;
 }
@@ -1997,6 +1979,10 @@ body {
   border-color: rgb(226 38 31 / var(--tw-border-opacity, 1));
 }
 
+.border-error-500\/40 {
+  border-color: rgb(226 38 31 / 0.4);
+}
+
 .border-error-600 {
   --tw-border-opacity: 1;
   border-color: rgb(194 22 31 / var(--tw-border-opacity, 1));
@@ -2067,6 +2053,14 @@ body {
   border-color: rgb(19 82 191 / var(--tw-border-opacity, 1));
 }
 
+.border-primary-500\/40 {
+  border-color: rgb(19 82 191 / 0.4);
+}
+
+.border-primary-600\/20 {
+  border-color: rgb(15 66 153 / 0.2);
+}
+
 .border-purple-200 {
   --tw-border-opacity: 1;
   border-color: rgb(217 214 254 / var(--tw-border-opacity, 1));
@@ -2092,6 +2086,10 @@ body {
   border-color: rgb(8 145 70 / var(--tw-border-opacity, 1));
 }
 
+.border-success-500\/40 {
+  border-color: rgb(8 145 70 / 0.4);
+}
+
 .border-success-600 {
   --tw-border-opacity: 1;
   border-color: rgb(5 124 71 / var(--tw-border-opacity, 1));
@@ -2116,6 +2114,10 @@ body {
   border-color: rgb(247 144 9 / var(--tw-border-opacity, 1));
 }
 
+.border-warning-500\/40 {
+  border-color: rgb(247 144 9 / 0.4);
+}
+
 .border-warning-600 {
   --tw-border-opacity: 1;
   border-color: rgb(220 104 3 / var(--tw-border-opacity, 1));
@@ -2126,56 +2128,26 @@ body {
   border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
 }
 
-.border-x-transparent {
-  border-left-color: #FFFFFF00;
-  border-right-color: #FFFFFF00;
-}
-
-.border-y-transparent {
-  border-top-color: #FFFFFF00;
-  border-bottom-color: #FFFFFF00;
-}
-
 .border-b-\[\#111827\] {
   --tw-border-opacity: 1;
   border-bottom-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
 }
 
-.border-b-primary-900 {
-  --tw-border-opacity: 1;
-  border-bottom-color: rgb(4 16 38 / var(--tw-border-opacity, 1));
-}
-
 .border-l-\[\#111827\] {
   --tw-border-opacity: 1;
   border-left-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
 }
 
-.border-l-primary-900 {
-  --tw-border-opacity: 1;
-  border-left-color: rgb(4 16 38 / var(--tw-border-opacity, 1));
-}
-
 .border-r-\[\#111827\] {
   --tw-border-opacity: 1;
   border-right-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
 }
 
-.border-r-primary-900 {
-  --tw-border-opacity: 1;
-  border-right-color: rgb(4 16 38 / var(--tw-border-opacity, 1));
-}
-
 .border-t-\[\#111827\] {
   --tw-border-opacity: 1;
   border-top-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
 }
 
-.border-t-primary-900 {
-  --tw-border-opacity: 1;
-  border-top-color: rgb(4 16 38 / var(--tw-border-opacity, 1));
-}
-
 .\!bg-light-100 {
   --tw-bg-opacity: 1 !important;
   background-color: rgb(242 244 247 / var(--tw-bg-opacity, 1)) !important;
@@ -2741,11 +2713,6 @@ body {
   stroke: #FFFFFF;
 }
 
-.object-contain {
-  -o-object-fit: contain;
-     object-fit: contain;
-}
-
 .object-cover {
   -o-object-fit: cover;
      object-fit: cover;
@@ -3448,6 +3415,11 @@ body {
   color: rgb(11 49 115 / var(--tw-text-opacity, 1));
 }
 
+.text-primary-900 {
+  --tw-text-opacity: 1;
+  color: rgb(4 16 38 / var(--tw-text-opacity, 1));
+}
+
 .text-purple-600 {
   --tw-text-opacity: 1;
   color: rgb(105 56 239 / var(--tw-text-opacity, 1));
@@ -4551,6 +4523,10 @@ body {
   pointer-events: none;
 }
 
+.data-\[placement\=bottom\]\:\!bottom-\[calc\(100\%-1px\)\][data-placement="bottom"] {
+  bottom: calc(100% - 1px) !important;
+}
+
 .data-\[empty\]\:h-full[data-empty] {
   height: 100%;
 }
@@ -4571,11 +4547,34 @@ body {
   cursor: e-resize;
 }
 
+.data-\[focus-within\]\:border-2[data-focus-within] {
+  border-width: 2px;
+}
+
+.data-\[focus-within\]\:data-\[invalid\]\:border-2[data-invalid][data-focus-within] {
+  border-width: 2px;
+}
+
+.data-\[focus-within\]\:border-primary-500[data-focus-within] {
+  --tw-border-opacity: 1;
+  border-color: rgb(19 82 191 / var(--tw-border-opacity, 1));
+}
+
+.data-\[focus-within\]\:data-\[invalid\]\:border-error-500[data-invalid][data-focus-within] {
+  --tw-border-opacity: 1;
+  border-color: rgb(226 38 31 / var(--tw-border-opacity, 1));
+}
+
 .data-\[indeterminate\]\:border-primary-500[data-indeterminate] {
   --tw-border-opacity: 1;
   border-color: rgb(19 82 191 / var(--tw-border-opacity, 1));
 }
 
+.data-\[invalid\]\:border-error-200[data-invalid] {
+  --tw-border-opacity: 1;
+  border-color: rgb(252 190 165 / var(--tw-border-opacity, 1));
+}
+
 .data-\[pending\]\:\!border-light-200[data-pending] {
   --tw-border-opacity: 1 !important;
   border-color: rgb(228 231 236 / var(--tw-border-opacity, 1)) !important;
@@ -4596,6 +4595,11 @@ body {
   background-color: rgb(228 235 249 / var(--tw-bg-opacity, 1));
 }
 
+.data-\[disabled\]\:bg-light-100[data-disabled] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(242 244 247 / var(--tw-bg-opacity, 1));
+}
+
 .data-\[disabled\]\:bg-white[data-disabled] {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cekat-ui",
-  "version": "1.3.13",
+  "version": "1.3.15",
   "description": "Cekat UI Component Library",
   "main": "dist/index.umd.js",
   "module": "dist/index.mjs",
@@ -54,6 +54,7 @@
     "@tabler/icons-react": "^3.36.1",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "libphonenumber-js": "^1.13.3",
     "react": "18.3.1",
     "react-aria-components": "^1.20.0",
     "react-dom": "18.3.1",