cekat-ui 1.3.15 → 1.3.17

package/dist/style.css

@@ -695,6 +695,10 @@ body {
   bottom: 0px;
 }
 
+.bottom-1 {
+  bottom: 0.25rem;
+}
+
 .bottom-\[calc\(100\%\+8px\)\] {
   bottom: calc(100% + 8px);
 }
@@ -912,6 +916,11 @@ body {
   display: none;
 }
 
+.size-1 {
+  width: 0.25rem;
+  height: 0.25rem;
+}
+
 .size-10 {
   width: 2.5rem;
   height: 2.5rem;
@@ -1154,6 +1163,11 @@ body {
   height: auto;
 }
 
+.h-fit {
+  height: -moz-fit-content;
+  height: fit-content;
+}
+
 .h-full {
   height: 100%;
 }
@@ -1218,10 +1232,6 @@ body {
   min-height: 36px;
 }
 
-.min-h-\[38px\] {
-  min-height: 38px;
-}
-
 .min-h-\[42px\] {
   min-height: 42px;
 }
@@ -1302,6 +1312,10 @@ body {
   width: 1rem;
 }
 
+.w-48 {
+  width: 12rem;
+}
+
 .w-5 {
   width: 1.25rem;
 }
@@ -1370,10 +1384,6 @@ body {
   width: 92px;
 }
 
-.w-auto {
-  width: auto;
-}
-
 .w-fit {
   width: -moz-fit-content;
   width: fit-content;
@@ -1500,6 +1510,20 @@ body {
   border-collapse: collapse;
 }
 
+.border-separate {
+  border-collapse: separate;
+}
+
+.border-spacing-x-0 {
+  --tw-border-spacing-x: 0px;
+  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
+}
+
+.border-spacing-y-1 {
+  --tw-border-spacing-y: 0.25rem;
+  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
+}
+
 .-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));
@@ -1737,6 +1761,12 @@ body {
   gap: 2rem;
 }
 
+.space-y-3 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
+}
+
 .self-start {
   align-self: flex-start;
 }
@@ -2770,6 +2800,11 @@ body {
   padding: 5px;
 }
 
+.px-0\.5 {
+  padding-left: 0.125rem;
+  padding-right: 0.125rem;
+}
+
 .px-1 {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
@@ -2889,6 +2924,10 @@ body {
   padding-bottom: 0.125rem;
 }
 
+.pb-1 {
+  padding-bottom: 0.25rem;
+}
+
 .pb-2 {
   padding-bottom: 0.5rem;
 }
@@ -3134,6 +3173,11 @@ body {
   text-transform: uppercase;
 }
 
+.tabular-nums {
+  --tw-numeric-spacing: tabular-nums;
+  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
+}
+
 .leading-3 {
   line-height: .75rem;
 }
@@ -3512,6 +3556,10 @@ body {
   text-underline-offset: 2px;
 }
 
+.caret-transparent {
+  caret-color: #FFFFFF00;
+}
+
 .opacity-0 {
   opacity: 0;
 }
@@ -3572,6 +3620,12 @@ body {
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
+.shadow-focus {
+  --tw-shadow: 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 4px #7096D9;
+  --tw-shadow-colored: 0px 0px 0px 2px var(--tw-shadow-color), 0px 0px 0px 4px 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: 0px 4px 6px -2px rgba(16,24,40,0.03), 0px 12px 16px -4px rgba(16,24,40,0.08);
   --tw-shadow-colored: 0px 4px 6px -2px var(--tw-shadow-color), 0px 12px 16px -4px var(--tw-shadow-color);
@@ -3868,6 +3922,12 @@ body {
   border-color: rgb(19 82 191 / var(--tw-border-opacity, 1));
 }
 
+.focus-within\:shadow-focus:focus-within {
+  --tw-shadow: 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 4px #7096D9;
+  --tw-shadow-colored: 0px 0px 0px 2px var(--tw-shadow-color), 0px 0px 0px 4px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
 .focus-within\:ring-2:focus-within {
   --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);
@@ -4307,6 +4367,12 @@ body {
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
+.focus-visible\:shadow-focus:focus-visible {
+  --tw-shadow: 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 4px #7096D9;
+  --tw-shadow-colored: 0px 0px 0px 2px var(--tw-shadow-color), 0px 0px 0px 4px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
 .focus-visible\:outline-none:focus-visible {
   outline: 2px solid transparent;
   outline-offset: 2px;
@@ -4486,6 +4552,11 @@ body {
   background-color: rgb(242 244 247 / var(--tw-bg-opacity, 1));
 }
 
+.group:hover .group-hover\:bg-light-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 250 251 / 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));
@@ -4515,6 +4586,11 @@ body {
   --tw-ring-offset-width: 2px;
 }
 
+.group:active .group-active\:bg-light-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
+}
+
 .has-\[\[data-resizable-direction\]\]\:border-r-0:has([data-resizable-direction]) {
   border-right-width: 0px;
 }
@@ -4523,6 +4599,14 @@ body {
   pointer-events: none;
 }
 
+.data-\[outside-month\]\:pointer-events-none[data-outside-month] {
+  pointer-events: none;
+}
+
+.data-\[unavailable\]\:pointer-events-none[data-unavailable] {
+  pointer-events: none;
+}
+
 .data-\[placement\=bottom\]\:\!bottom-\[calc\(100\%-1px\)\][data-placement="bottom"] {
   bottom: calc(100% - 1px) !important;
 }
@@ -4547,6 +4631,18 @@ body {
   cursor: e-resize;
 }
 
+.data-\[selected\]\:data-\[selection-end\]\:rounded-full[data-selection-end][data-selected] {
+  border-radius: 9999px;
+}
+
+.data-\[selected\]\:data-\[selection-start\]\:rounded-full[data-selection-start][data-selected] {
+  border-radius: 9999px;
+}
+
+.data-\[selected\]\:rounded-none[data-selected] {
+  border-radius: 0px;
+}
+
 .data-\[focus-within\]\:border-2[data-focus-within] {
   border-width: 2px;
 }
@@ -4575,6 +4671,11 @@ body {
   border-color: rgb(252 190 165 / var(--tw-border-opacity, 1));
 }
 
+.data-\[invalid\]\:border-error-500[data-invalid] {
+  --tw-border-opacity: 1;
+  border-color: rgb(226 38 31 / 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;
@@ -4610,6 +4711,11 @@ body {
   background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
 }
 
+.data-\[focused\]\:bg-primary-500[data-focused] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(19 82 191 / var(--tw-bg-opacity, 1));
+}
+
 .data-\[hovered\]\:bg-light-100[data-hovered] {
   --tw-bg-opacity: 1;
   background-color: rgb(242 244 247 / var(--tw-bg-opacity, 1));
@@ -4649,14 +4755,14 @@ body {
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
 }
 
-.data-\[selected\]\:bg-primary-100[data-selected] {
+.data-\[selected\]\:bg-light-50[data-selected] {
   --tw-bg-opacity: 1;
-  background-color: rgb(228 235 249 / var(--tw-bg-opacity, 1));
+  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
 }
 
-.data-\[selected\]\:bg-primary-50[data-selected] {
+.data-\[selected\]\:bg-primary-100[data-selected] {
   --tw-bg-opacity: 1;
-  background-color: rgb(251 252 255 / var(--tw-bg-opacity, 1));
+  background-color: rgb(228 235 249 / var(--tw-bg-opacity, 1));
 }
 
 .data-\[selected\]\:bg-primary-500[data-selected] {
@@ -4664,11 +4770,55 @@ body {
   background-color: rgb(19 82 191 / var(--tw-bg-opacity, 1));
 }
 
+.data-\[selected\]\:data-\[hovered\]\:bg-light-100[data-hovered][data-selected] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(242 244 247 / var(--tw-bg-opacity, 1));
+}
+
 .data-\[selected\]\:data-\[hovered\]\:bg-primary-200[data-hovered][data-selected] {
   --tw-bg-opacity: 1;
   background-color: rgb(205 218 242 / var(--tw-bg-opacity, 1));
 }
 
+.data-\[selected\]\:data-\[hovered\]\:bg-primary-600[data-hovered][data-selected] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(15 66 153 / var(--tw-bg-opacity, 1));
+}
+
+.data-\[selected\]\:data-\[hovered\]\:data-\[selection-end\]\:bg-primary-600[data-selection-end][data-hovered][data-selected] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(15 66 153 / var(--tw-bg-opacity, 1));
+}
+
+.data-\[selected\]\:data-\[hovered\]\:data-\[selection-start\]\:bg-primary-600[data-selection-start][data-hovered][data-selected] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(15 66 153 / var(--tw-bg-opacity, 1));
+}
+
+.data-\[selected\]\:data-\[selection-end\]\:bg-primary-500[data-selection-end][data-selected] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(19 82 191 / var(--tw-bg-opacity, 1));
+}
+
+.data-\[selected\]\:data-\[selection-start\]\:bg-primary-500[data-selection-start][data-selected] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(19 82 191 / var(--tw-bg-opacity, 1));
+}
+
+.data-\[selection-start\]\:bg-primary-500[data-selection-start] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(19 82 191 / var(--tw-bg-opacity, 1));
+}
+
+.data-\[type\=literal\]\:px-0[data-type="literal"] {
+  padding-left: 0px;
+  padding-right: 0px;
+}
+
+.data-\[today\]\:font-bold[data-today] {
+  font-weight: 700;
+}
+
 .data-\[current\]\:text-light-800[data-current] {
   --tw-text-opacity: 1;
   color: rgb(24 34 48 / var(--tw-text-opacity, 1));
@@ -4679,6 +4829,11 @@ body {
   color: rgb(8 33 76 / var(--tw-text-opacity, 1));
 }
 
+.data-\[disabled\]\:text-light-300[data-disabled] {
+  --tw-text-opacity: 1;
+  color: rgb(208 213 221 / var(--tw-text-opacity, 1));
+}
+
 .data-\[disabled\]\:text-light-400[data-disabled] {
   --tw-text-opacity: 1;
   color: rgb(152 162 179 / var(--tw-text-opacity, 1));
@@ -4694,6 +4849,11 @@ body {
   color: rgb(16 24 40 / var(--tw-text-opacity, 1));
 }
 
+.data-\[focused\]\:text-white[data-focused] {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+
 .data-\[hovered\]\:text-light-700[data-hovered] {
   --tw-text-opacity: 1;
   color: rgb(52 64 84 / var(--tw-text-opacity, 1));
@@ -4709,20 +4869,84 @@ body {
   color: rgb(8 33 76 / var(--tw-text-opacity, 1));
 }
 
+.data-\[outside-month\]\:text-light-400[data-outside-month] {
+  --tw-text-opacity: 1;
+  color: rgb(152 162 179 / var(--tw-text-opacity, 1));
+}
+
 .data-\[pending\]\:\!text-light-400[data-pending] {
   --tw-text-opacity: 1 !important;
   color: rgb(152 162 179 / var(--tw-text-opacity, 1)) !important;
 }
 
-.data-\[selected\]\:text-primary-700[data-selected] {
+.data-\[placeholder\]\:text-light-400[data-placeholder] {
   --tw-text-opacity: 1;
-  color: rgb(11 49 115 / var(--tw-text-opacity, 1));
+  color: rgb(152 162 179 / var(--tw-text-opacity, 1));
+}
+
+.data-\[selected\]\:data-\[selection-end\]\:text-white[data-selection-end][data-selected] {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+
+.data-\[selected\]\:data-\[selection-start\]\:text-white[data-selection-start][data-selected] {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+
+.data-\[selected\]\:text-light-700[data-selected] {
+  --tw-text-opacity: 1;
+  color: rgb(52 64 84 / var(--tw-text-opacity, 1));
+}
+
+.data-\[selected\]\:text-white[data-selected] {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+
+.data-\[today\]\:data-\[selected\]\:data-\[selection-end\]\:text-white[data-selection-end][data-selected][data-today] {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+
+.data-\[today\]\:data-\[selected\]\:data-\[selection-start\]\:text-white[data-selection-start][data-selected][data-today] {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+
+.data-\[today\]\:data-\[selected\]\:text-primary-500[data-selected][data-today] {
+  --tw-text-opacity: 1;
+  color: rgb(19 82 191 / var(--tw-text-opacity, 1));
+}
+
+.data-\[today\]\:data-\[selected\]\:text-white[data-selected][data-today] {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+
+.data-\[today\]\:text-primary-500[data-today] {
+  --tw-text-opacity: 1;
+  color: rgb(19 82 191 / var(--tw-text-opacity, 1));
+}
+
+.data-\[type\=literal\]\:text-light-400[data-type="literal"] {
+  --tw-text-opacity: 1;
+  color: rgb(152 162 179 / var(--tw-text-opacity, 1));
+}
+
+.data-\[unavailable\]\:text-light-400[data-unavailable] {
+  --tw-text-opacity: 1;
+  color: rgb(152 162 179 / var(--tw-text-opacity, 1));
 }
 
 .data-\[hovered\]\:underline[data-hovered] {
   text-decoration-line: underline;
 }
 
+.data-\[unavailable\]\:line-through[data-unavailable] {
+  text-decoration-line: line-through;
+}
+
 .data-\[disabled\]\:opacity-60[data-disabled] {
   opacity: 0.6;
 }
@@ -4804,16 +5028,36 @@ body {
   border-color: rgb(19 82 191 / var(--tw-border-opacity, 1));
 }
 
+.group\/cell[data-disabled] .group-data-\[disabled\]\/cell\:bg-light-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(152 162 179 / var(--tw-bg-opacity, 1));
+}
+
 .group[data-disabled] .group-data-\[disabled\]\:bg-light-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(242 244 247 / var(--tw-bg-opacity, 1));
 }
 
+.group\/cell[data-selected][data-selection-end] .group-data-\[selected\]\/cell\:group-data-\[selection-end\]\/cell\:bg-white {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+}
+
+.group\/cell[data-selected][data-selection-start] .group-data-\[selected\]\/cell\:group-data-\[selection-start\]\/cell\:bg-white {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+}
+
 .group\/row[data-selected] .group-data-\[selected\]\/row\:bg-primary-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(228 235 249 / var(--tw-bg-opacity, 1));
 }
 
+.group\/cell[data-unavailable] .group-data-\[unavailable\]\/cell\:bg-light-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(152 162 179 / var(--tw-bg-opacity, 1));
+}
+
 .group[data-disabled] .group-data-\[disabled\]\:text-light-400 {
   --tw-text-opacity: 1;
   color: rgb(152 162 179 / var(--tw-text-opacity, 1));
@@ -4977,6 +5221,20 @@ body {
   width: 1.5rem;
 }
 
+.\[\&_\[data-slot\=supporting-text\]\]\:font-normal [data-slot=supporting-text] {
+  font-weight: 400;
+}
+
+.\[\&_\[data-slot\=supporting-text\]\]\:text-light-400 [data-slot=supporting-text] {
+  --tw-text-opacity: 1;
+  color: rgb(152 162 179 / var(--tw-text-opacity, 1));
+}
+
+.\[\&_\[data-slot\=supporting-text\]\]\:text-light-700 [data-slot=supporting-text] {
+  --tw-text-opacity: 1;
+  color: rgb(52 64 84 / var(--tw-text-opacity, 1));
+}
+
 .\[\&_svg\]\:size-full svg {
   width: 100%;
   height: 100%;
@@ -4986,3 +5244,13 @@ body {
   --tw-bg-opacity: 1 !important;
   background-color: rgb(242 244 247 / var(--tw-bg-opacity, 1)) !important;
 }
+
+td:first-child .\[td\:first-child_\&\]\:data-\[selected\]\:rounded-l-full[data-selected] {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+}
+
+td:last-child .\[td\:last-child_\&\]\:data-\[selected\]\:rounded-r-full[data-selected] {
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cekat-ui",
-  "version": "1.3.15",
+  "version": "1.3.17",
   "description": "Cekat UI Component Library",
   "main": "dist/index.umd.js",
   "module": "dist/index.mjs",
@@ -50,6 +50,7 @@
     "prepublishOnly": "yarn build:lib"
   },
   "dependencies": {
+    "@internationalized/date": "^3.12.3",
     "@tabler/core": "^1.4.0",
     "@tabler/icons-react": "^3.36.1",
     "class-variance-authority": "^0.7.1",