cekat-ui 1.3.16 → 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%;
 }
@@ -1496,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));
@@ -2772,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;
@@ -3140,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;
 }
@@ -3518,6 +3556,10 @@ body {
   text-underline-offset: 2px;
 }
 
+.caret-transparent {
+  caret-color: #FFFFFF00;
+}
+
 .opacity-0 {
   opacity: 0;
 }
@@ -4557,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;
 }
@@ -4581,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;
 }
@@ -4609,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;
@@ -4644,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));
@@ -4683,6 +4755,11 @@ body {
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
 }
 
+.data-\[selected\]\:bg-light-50[data-selected] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
+}
+
 .data-\[selected\]\:bg-primary-100[data-selected] {
   --tw-bg-opacity: 1;
   background-color: rgb(228 235 249 / var(--tw-bg-opacity, 1));
@@ -4693,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));
@@ -4708,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));
@@ -4723,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));
@@ -4738,19 +4869,94 @@ 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-\[placeholder\]\:text-light-400[data-placeholder] {
+  --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;
 }
 
+.data-\[focus-visible\]\:shadow-focus[data-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);
+}
+
 .data-\[focus-visible\]\:outline[data-focus-visible] {
   outline-style: solid;
 }
@@ -4822,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));
@@ -5018,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.16",
+  "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",