@okam/stack-ui 1.34.0 → 1.35.0

package/theme/Calendar/index.d.ts

@@ -1,15 +1,20 @@
-export declare const calendarContainer: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "inline-block text-gray-800", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "inline-block text-gray-800", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
-export declare const calendarHeaderContainer: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "flex items-center justify-between pb-4", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "flex items-center justify-between pb-4", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+export declare const calendarContainer: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-gray-800 flex flex-col gap-4", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-gray-800 flex flex-col gap-4", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+export declare const calendarHeader: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "flex items-center justify-between", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "flex items-center justify-between", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+export declare const calendarTitle: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-2xl text-color-1-500 font-bold", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-2xl text-color-1-500 font-bold", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+export declare const calendarHeaderContainer: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+export declare const calendarHeaderRow: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+export declare const calendarBody: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+export declare const calendarWeekRow: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
 export declare const calendarNavigationButtonsContainer: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "flex items-center gap-1", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "flex items-center gap-1", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
-export declare const calendarNavigationButtons: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "active:bg-color-1-500 p-2 rounded-full active:text-color-1-100 hover:bg-color-1-200 focus-ring-black", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "active:bg-color-1-500 p-2 rounded-full active:text-color-1-100 hover:bg-color-1-200 focus-ring-black", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
-export declare const calendarTable: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "flex-1", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "flex-1", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
-export declare const calendarDayLabel: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-center", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-center", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+export declare const calendarNavigationButtons: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "\n    active:bg-color-1-500\n    p-2\n    rounded-full\n    active:text-color-1-100\n    hover:bg-color-1-200\n    focus-ring-black\n    transition-all\n    duration-300\n    ease-in-out\n  ", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "\n    active:bg-color-1-500\n    p-2\n    rounded-full\n    active:text-color-1-100\n    hover:bg-color-1-200\n    focus-ring-black\n    transition-all\n    duration-300\n    ease-in-out\n  ", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+export declare const calendarTable: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "\n    border-spacing-2\n    border-separate\n  ", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "\n    border-spacing-2\n    border-separate\n  ", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+export declare const calendarDayLabel: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "\n    text-center\n    capitalize\n    rounded-lg\n    p-2\n    mx-2\n    bg-color-1-300\n  ", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "\n    text-center\n    capitalize\n    rounded-lg\n    p-2\n    mx-2\n    bg-color-1-300\n  ", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
 export declare const calendarCellContainer: import("tailwind-variants").TVReturnType<{
     isFocusVisible: {
         true: "z-10";
         false: "";
     };
-}, undefined, "py-0.5 relative", import("tailwind-variants/dist/config.js").TVConfig<{
+}, undefined, "text-center", import("tailwind-variants/dist/config.js").TVConfig<{
     isFocusVisible: {
         true: "z-10";
         false: "";
@@ -29,7 +34,7 @@ export declare const calendarCellContainer: import("tailwind-variants").TVReturn
         true: "z-10";
         false: "";
     };
-}, undefined, "py-0.5 relative", import("tailwind-variants/dist/config.js").TVConfig<{
+}, undefined, "text-center", import("tailwind-variants/dist/config.js").TVConfig<{
     isFocusVisible: {
         true: "z-10";
         false: "";
@@ -47,10 +52,22 @@ export declare const calendarCell: import("tailwind-variants").TVReturnType<{
     };
     isInvalid: {
         true: "";
-        fasle: "";
+        false: "";
     };
     isDisabled: {
-        true: "disabled";
+        true: "disabled pointer-events-none";
+        false: "";
+    };
+    isUnavailable: {
+        true: "pointer-events-none";
+        false: "";
+    };
+    isOutsideRange: {
+        true: "pointer-events-none";
+        false: "";
+    };
+    isOutsideVisibleRange: {
+        true: "pointer-events-none";
         false: "";
     };
     isRoundedLeft: {
@@ -61,17 +78,29 @@ export declare const calendarCell: import("tailwind-variants").TVReturnType<{
         true: "rounded-r-full";
         false: "";
     };
-}, undefined, "w-10 h-10 outline-none group", import("tailwind-variants/dist/config.js").TVConfig<{
+}, undefined, "w-10 h-10", import("tailwind-variants/dist/config.js").TVConfig<{
     isSelected: {
         true: "";
         false: "";
     };
     isInvalid: {
         true: "";
-        fasle: "";
+        false: "";
     };
     isDisabled: {
-        true: "disabled";
+        true: "disabled pointer-events-none";
+        false: "";
+    };
+    isUnavailable: {
+        true: "pointer-events-none";
+        false: "";
+    };
+    isOutsideRange: {
+        true: "pointer-events-none";
+        false: "";
+    };
+    isOutsideVisibleRange: {
+        true: "pointer-events-none";
         false: "";
     };
     isRoundedLeft: {
@@ -89,10 +118,22 @@ export declare const calendarCell: import("tailwind-variants").TVReturnType<{
     };
     isInvalid: {
         true: "";
-        fasle: "";
+        false: "";
     };
     isDisabled: {
-        true: "disabled";
+        true: "disabled pointer-events-none";
+        false: "";
+    };
+    isUnavailable: {
+        true: "pointer-events-none";
+        false: "";
+    };
+    isOutsideRange: {
+        true: "pointer-events-none";
+        false: "";
+    };
+    isOutsideVisibleRange: {
+        true: "pointer-events-none";
         false: "";
     };
     isRoundedLeft: {
@@ -110,10 +151,22 @@ export declare const calendarCell: import("tailwind-variants").TVReturnType<{
     };
     isInvalid: {
         true: "";
-        fasle: "";
+        false: "";
     };
     isDisabled: {
-        true: "disabled";
+        true: "disabled pointer-events-none";
+        false: "";
+    };
+    isUnavailable: {
+        true: "pointer-events-none";
+        false: "";
+    };
+    isOutsideRange: {
+        true: "pointer-events-none";
+        false: "";
+    };
+    isOutsideVisibleRange: {
+        true: "pointer-events-none";
         false: "";
     };
     isRoundedLeft: {
@@ -131,10 +184,22 @@ export declare const calendarCell: import("tailwind-variants").TVReturnType<{
     };
     isInvalid: {
         true: "";
-        fasle: "";
+        false: "";
     };
     isDisabled: {
-        true: "disabled";
+        true: "disabled pointer-events-none";
+        false: "";
+    };
+    isUnavailable: {
+        true: "pointer-events-none";
+        false: "";
+    };
+    isOutsideRange: {
+        true: "pointer-events-none";
+        false: "";
+    };
+    isOutsideVisibleRange: {
+        true: "pointer-events-none";
         false: "";
     };
     isRoundedLeft: {
@@ -145,17 +210,29 @@ export declare const calendarCell: import("tailwind-variants").TVReturnType<{
         true: "rounded-r-full";
         false: "";
     };
-}, undefined, "w-10 h-10 outline-none group", import("tailwind-variants/dist/config.js").TVConfig<{
+}, undefined, "w-10 h-10", import("tailwind-variants/dist/config.js").TVConfig<{
     isSelected: {
         true: "";
         false: "";
     };
     isInvalid: {
         true: "";
-        fasle: "";
+        false: "";
     };
     isDisabled: {
-        true: "disabled";
+        true: "disabled pointer-events-none";
+        false: "";
+    };
+    isUnavailable: {
+        true: "pointer-events-none";
+        false: "";
+    };
+    isOutsideRange: {
+        true: "pointer-events-none";
+        false: "";
+    };
+    isOutsideVisibleRange: {
+        true: "pointer-events-none";
         false: "";
     };
     isRoundedLeft: {
@@ -173,10 +250,22 @@ export declare const calendarCell: import("tailwind-variants").TVReturnType<{
     };
     isInvalid: {
         true: "";
-        fasle: "";
+        false: "";
     };
     isDisabled: {
-        true: "disabled";
+        true: "disabled pointer-events-none";
+        false: "";
+    };
+    isUnavailable: {
+        true: "pointer-events-none";
+        false: "";
+    };
+    isOutsideRange: {
+        true: "pointer-events-none";
+        false: "";
+    };
+    isOutsideVisibleRange: {
+        true: "pointer-events-none";
         false: "";
     };
     isRoundedLeft: {
@@ -188,21 +277,33 @@ export declare const calendarCell: import("tailwind-variants").TVReturnType<{
         false: "";
     };
 }>, unknown, unknown, undefined>>;
-export declare const calendarCellFormattedDate: import("tailwind-variants").TVReturnType<{
+export declare const calendarCellDate: import("tailwind-variants").TVReturnType<{
     isSelected: {
-        true: "";
-        false: "";
+        true: "\n        bg-color-1-400\n        text-white\n        hover:bg-color-1-500\n      ";
+        false: "\n        rounded-full\n        hover:text-white\n        hover:bg-color-1-400\n      ";
     };
     isInvalid: {
         true: "";
         fasle: "";
     };
     isDisabled: {
-        true: "";
+        true: "opacity-50";
+        false: "";
+    };
+    isUnavailable: {
+        true: "text-gray-200";
+        false: "";
+    };
+    isOutsideRange: {
+        true: "\n        text-black\n        before:content-['/']\n        before:text-gray-400\n        before:[font-weight:100]\n        before:text-4xl\n        before:absolute\n        before:inset-0\n        before:flex\n        before:items-center\n        before:justify-center\n      ";
+        false: "";
+    };
+    isOutsideVisibleRange: {
+        true: "text-gray-400";
         false: "";
     };
     isFocusVisible: {
-        true: "ring-2 group-focus:z-2 ring-violet-600 ring-offset-2";
+        true: "";
         false: "";
     };
     isSelectionStart: {
@@ -213,21 +314,33 @@ export declare const calendarCellFormattedDate: import("tailwind-variants").TVRe
         true: "";
         false: "";
     };
-}, undefined, "w-full h-full rounded-full flex items-center justify-center cursor-pointer", import("tailwind-variants/dist/config.js").TVConfig<{
+}, undefined, "\n    w-full\n    h-full\n    flex\n    items-center\n    justify-center\n    cursor-pointer\n    transition-all\n    duration-100\n    ease-in-out\n    relative\n  ", import("tailwind-variants/dist/config.js").TVConfig<{
     isSelected: {
-        true: "";
-        false: "";
+        true: "\n        bg-color-1-400\n        text-white\n        hover:bg-color-1-500\n      ";
+        false: "\n        rounded-full\n        hover:text-white\n        hover:bg-color-1-400\n      ";
     };
     isInvalid: {
         true: "";
         fasle: "";
     };
     isDisabled: {
-        true: "";
+        true: "opacity-50";
+        false: "";
+    };
+    isUnavailable: {
+        true: "text-gray-200";
+        false: "";
+    };
+    isOutsideRange: {
+        true: "\n        text-black\n        before:content-['/']\n        before:text-gray-400\n        before:[font-weight:100]\n        before:text-4xl\n        before:absolute\n        before:inset-0\n        before:flex\n        before:items-center\n        before:justify-center\n      ";
+        false: "";
+    };
+    isOutsideVisibleRange: {
+        true: "text-gray-400";
         false: "";
     };
     isFocusVisible: {
-        true: "ring-2 group-focus:z-2 ring-violet-600 ring-offset-2";
+        true: "";
         false: "";
     };
     isSelectionStart: {
@@ -240,19 +353,31 @@ export declare const calendarCellFormattedDate: import("tailwind-variants").TVRe
     };
 }, {
     isSelected: {
-        true: "";
-        false: "";
+        true: "\n        bg-color-1-400\n        text-white\n        hover:bg-color-1-500\n      ";
+        false: "\n        rounded-full\n        hover:text-white\n        hover:bg-color-1-400\n      ";
     };
     isInvalid: {
         true: "";
         fasle: "";
     };
     isDisabled: {
-        true: "";
+        true: "opacity-50";
+        false: "";
+    };
+    isUnavailable: {
+        true: "text-gray-200";
+        false: "";
+    };
+    isOutsideRange: {
+        true: "\n        text-black\n        before:content-['/']\n        before:text-gray-400\n        before:[font-weight:100]\n        before:text-4xl\n        before:absolute\n        before:inset-0\n        before:flex\n        before:items-center\n        before:justify-center\n      ";
+        false: "";
+    };
+    isOutsideVisibleRange: {
+        true: "text-gray-400";
         false: "";
     };
     isFocusVisible: {
-        true: "ring-2 group-focus:z-2 ring-violet-600 ring-offset-2";
+        true: "";
         false: "";
     };
     isSelectionStart: {
@@ -265,19 +390,31 @@ export declare const calendarCellFormattedDate: import("tailwind-variants").TVRe
     };
 }>, {
     isSelected: {
-        true: "";
-        false: "";
+        true: "\n        bg-color-1-400\n        text-white\n        hover:bg-color-1-500\n      ";
+        false: "\n        rounded-full\n        hover:text-white\n        hover:bg-color-1-400\n      ";
     };
     isInvalid: {
         true: "";
         fasle: "";
     };
     isDisabled: {
-        true: "";
+        true: "opacity-50";
+        false: "";
+    };
+    isUnavailable: {
+        true: "text-gray-200";
+        false: "";
+    };
+    isOutsideRange: {
+        true: "\n        text-black\n        before:content-['/']\n        before:text-gray-400\n        before:[font-weight:100]\n        before:text-4xl\n        before:absolute\n        before:inset-0\n        before:flex\n        before:items-center\n        before:justify-center\n      ";
+        false: "";
+    };
+    isOutsideVisibleRange: {
+        true: "text-gray-400";
         false: "";
     };
     isFocusVisible: {
-        true: "ring-2 group-focus:z-2 ring-violet-600 ring-offset-2";
+        true: "";
         false: "";
     };
     isSelectionStart: {
@@ -290,19 +427,31 @@ export declare const calendarCellFormattedDate: import("tailwind-variants").TVRe
     };
 }, undefined, import("tailwind-variants").TVReturnType<{
     isSelected: {
-        true: "";
-        false: "";
+        true: "\n        bg-color-1-400\n        text-white\n        hover:bg-color-1-500\n      ";
+        false: "\n        rounded-full\n        hover:text-white\n        hover:bg-color-1-400\n      ";
     };
     isInvalid: {
         true: "";
         fasle: "";
     };
     isDisabled: {
-        true: "";
+        true: "opacity-50";
+        false: "";
+    };
+    isUnavailable: {
+        true: "text-gray-200";
+        false: "";
+    };
+    isOutsideRange: {
+        true: "\n        text-black\n        before:content-['/']\n        before:text-gray-400\n        before:[font-weight:100]\n        before:text-4xl\n        before:absolute\n        before:inset-0\n        before:flex\n        before:items-center\n        before:justify-center\n      ";
+        false: "";
+    };
+    isOutsideVisibleRange: {
+        true: "text-gray-400";
         false: "";
     };
     isFocusVisible: {
-        true: "ring-2 group-focus:z-2 ring-violet-600 ring-offset-2";
+        true: "";
         false: "";
     };
     isSelectionStart: {
@@ -313,21 +462,33 @@ export declare const calendarCellFormattedDate: import("tailwind-variants").TVRe
         true: "";
         false: "";
     };
-}, undefined, "w-full h-full rounded-full flex items-center justify-center cursor-pointer", import("tailwind-variants/dist/config.js").TVConfig<{
+}, undefined, "\n    w-full\n    h-full\n    flex\n    items-center\n    justify-center\n    cursor-pointer\n    transition-all\n    duration-100\n    ease-in-out\n    relative\n  ", import("tailwind-variants/dist/config.js").TVConfig<{
     isSelected: {
-        true: "";
-        false: "";
+        true: "\n        bg-color-1-400\n        text-white\n        hover:bg-color-1-500\n      ";
+        false: "\n        rounded-full\n        hover:text-white\n        hover:bg-color-1-400\n      ";
     };
     isInvalid: {
         true: "";
         fasle: "";
     };
     isDisabled: {
-        true: "";
+        true: "opacity-50";
+        false: "";
+    };
+    isUnavailable: {
+        true: "text-gray-200";
+        false: "";
+    };
+    isOutsideRange: {
+        true: "\n        text-black\n        before:content-['/']\n        before:text-gray-400\n        before:[font-weight:100]\n        before:text-4xl\n        before:absolute\n        before:inset-0\n        before:flex\n        before:items-center\n        before:justify-center\n      ";
+        false: "";
+    };
+    isOutsideVisibleRange: {
+        true: "text-gray-400";
         false: "";
     };
     isFocusVisible: {
-        true: "ring-2 group-focus:z-2 ring-violet-600 ring-offset-2";
+        true: "";
         false: "";
     };
     isSelectionStart: {
@@ -340,19 +501,31 @@ export declare const calendarCellFormattedDate: import("tailwind-variants").TVRe
     };
 }, {
     isSelected: {
-        true: "";
-        false: "";
+        true: "\n        bg-color-1-400\n        text-white\n        hover:bg-color-1-500\n      ";
+        false: "\n        rounded-full\n        hover:text-white\n        hover:bg-color-1-400\n      ";
     };
     isInvalid: {
         true: "";
         fasle: "";
     };
     isDisabled: {
-        true: "";
+        true: "opacity-50";
+        false: "";
+    };
+    isUnavailable: {
+        true: "text-gray-200";
+        false: "";
+    };
+    isOutsideRange: {
+        true: "\n        text-black\n        before:content-['/']\n        before:text-gray-400\n        before:[font-weight:100]\n        before:text-4xl\n        before:absolute\n        before:inset-0\n        before:flex\n        before:items-center\n        before:justify-center\n      ";
+        false: "";
+    };
+    isOutsideVisibleRange: {
+        true: "text-gray-400";
         false: "";
     };
     isFocusVisible: {
-        true: "ring-2 group-focus:z-2 ring-violet-600 ring-offset-2";
+        true: "";
         false: "";
     };
     isSelectionStart: {
@@ -364,3 +537,541 @@ export declare const calendarCellFormattedDate: import("tailwind-variants").TVRe
         false: "";
     };
 }>, unknown, unknown, undefined>>;
+export declare const calendarTheme: {
+    container: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-gray-800 flex flex-col gap-4", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-gray-800 flex flex-col gap-4", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+    header: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "flex items-center justify-between", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "flex items-center justify-between", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+    calendarHeaderContainer: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+    title: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-2xl text-color-1-500 font-bold", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-2xl text-color-1-500 font-bold", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+    navigationButtonsContainer: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "flex items-center gap-1", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "flex items-center gap-1", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+    navigationButtons: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "\n    active:bg-color-1-500\n    p-2\n    rounded-full\n    active:text-color-1-100\n    hover:bg-color-1-200\n    focus-ring-black\n    transition-all\n    duration-300\n    ease-in-out\n  ", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "\n    active:bg-color-1-500\n    p-2\n    rounded-full\n    active:text-color-1-100\n    hover:bg-color-1-200\n    focus-ring-black\n    transition-all\n    duration-300\n    ease-in-out\n  ", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+    calendarTable: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "\n    border-spacing-2\n    border-separate\n  ", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "\n    border-spacing-2\n    border-separate\n  ", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+    calendarDayLabel: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "\n    text-center\n    capitalize\n    rounded-lg\n    p-2\n    mx-2\n    bg-color-1-300\n  ", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "\n    text-center\n    capitalize\n    rounded-lg\n    p-2\n    mx-2\n    bg-color-1-300\n  ", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+    cellContainer: import("tailwind-variants").TVReturnType<{
+        isFocusVisible: {
+            true: "z-10";
+            false: "";
+        };
+    }, undefined, "text-center", import("tailwind-variants/dist/config.js").TVConfig<{
+        isFocusVisible: {
+            true: "z-10";
+            false: "";
+        };
+    }, {
+        isFocusVisible: {
+            true: "z-10";
+            false: "";
+        };
+    }>, {
+        isFocusVisible: {
+            true: "z-10";
+            false: "";
+        };
+    }, undefined, import("tailwind-variants").TVReturnType<{
+        isFocusVisible: {
+            true: "z-10";
+            false: "";
+        };
+    }, undefined, "text-center", import("tailwind-variants/dist/config.js").TVConfig<{
+        isFocusVisible: {
+            true: "z-10";
+            false: "";
+        };
+    }, {
+        isFocusVisible: {
+            true: "z-10";
+            false: "";
+        };
+    }>, unknown, unknown, undefined>>;
+    cell: import("tailwind-variants").TVReturnType<{
+        isSelected: {
+            true: "";
+            false: "";
+        };
+        isInvalid: {
+            true: "";
+            false: "";
+        };
+        isDisabled: {
+            true: "disabled pointer-events-none";
+            false: "";
+        };
+        isUnavailable: {
+            true: "pointer-events-none";
+            false: "";
+        };
+        isOutsideRange: {
+            true: "pointer-events-none";
+            false: "";
+        };
+        isOutsideVisibleRange: {
+            true: "pointer-events-none";
+            false: "";
+        };
+        isRoundedLeft: {
+            true: "rounded-l-full";
+            false: "";
+        };
+        isRoundedRight: {
+            true: "rounded-r-full";
+            false: "";
+        };
+    }, undefined, "w-10 h-10", import("tailwind-variants/dist/config.js").TVConfig<{
+        isSelected: {
+            true: "";
+            false: "";
+        };
+        isInvalid: {
+            true: "";
+            false: "";
+        };
+        isDisabled: {
+            true: "disabled pointer-events-none";
+            false: "";
+        };
+        isUnavailable: {
+            true: "pointer-events-none";
+            false: "";
+        };
+        isOutsideRange: {
+            true: "pointer-events-none";
+            false: "";
+        };
+        isOutsideVisibleRange: {
+            true: "pointer-events-none";
+            false: "";
+        };
+        isRoundedLeft: {
+            true: "rounded-l-full";
+            false: "";
+        };
+        isRoundedRight: {
+            true: "rounded-r-full";
+            false: "";
+        };
+    }, {
+        isSelected: {
+            true: "";
+            false: "";
+        };
+        isInvalid: {
+            true: "";
+            false: "";
+        };
+        isDisabled: {
+            true: "disabled pointer-events-none";
+            false: "";
+        };
+        isUnavailable: {
+            true: "pointer-events-none";
+            false: "";
+        };
+        isOutsideRange: {
+            true: "pointer-events-none";
+            false: "";
+        };
+        isOutsideVisibleRange: {
+            true: "pointer-events-none";
+            false: "";
+        };
+        isRoundedLeft: {
+            true: "rounded-l-full";
+            false: "";
+        };
+        isRoundedRight: {
+            true: "rounded-r-full";
+            false: "";
+        };
+    }>, {
+        isSelected: {
+            true: "";
+            false: "";
+        };
+        isInvalid: {
+            true: "";
+            false: "";
+        };
+        isDisabled: {
+            true: "disabled pointer-events-none";
+            false: "";
+        };
+        isUnavailable: {
+            true: "pointer-events-none";
+            false: "";
+        };
+        isOutsideRange: {
+            true: "pointer-events-none";
+            false: "";
+        };
+        isOutsideVisibleRange: {
+            true: "pointer-events-none";
+            false: "";
+        };
+        isRoundedLeft: {
+            true: "rounded-l-full";
+            false: "";
+        };
+        isRoundedRight: {
+            true: "rounded-r-full";
+            false: "";
+        };
+    }, undefined, import("tailwind-variants").TVReturnType<{
+        isSelected: {
+            true: "";
+            false: "";
+        };
+        isInvalid: {
+            true: "";
+            false: "";
+        };
+        isDisabled: {
+            true: "disabled pointer-events-none";
+            false: "";
+        };
+        isUnavailable: {
+            true: "pointer-events-none";
+            false: "";
+        };
+        isOutsideRange: {
+            true: "pointer-events-none";
+            false: "";
+        };
+        isOutsideVisibleRange: {
+            true: "pointer-events-none";
+            false: "";
+        };
+        isRoundedLeft: {
+            true: "rounded-l-full";
+            false: "";
+        };
+        isRoundedRight: {
+            true: "rounded-r-full";
+            false: "";
+        };
+    }, undefined, "w-10 h-10", import("tailwind-variants/dist/config.js").TVConfig<{
+        isSelected: {
+            true: "";
+            false: "";
+        };
+        isInvalid: {
+            true: "";
+            false: "";
+        };
+        isDisabled: {
+            true: "disabled pointer-events-none";
+            false: "";
+        };
+        isUnavailable: {
+            true: "pointer-events-none";
+            false: "";
+        };
+        isOutsideRange: {
+            true: "pointer-events-none";
+            false: "";
+        };
+        isOutsideVisibleRange: {
+            true: "pointer-events-none";
+            false: "";
+        };
+        isRoundedLeft: {
+            true: "rounded-l-full";
+            false: "";
+        };
+        isRoundedRight: {
+            true: "rounded-r-full";
+            false: "";
+        };
+    }, {
+        isSelected: {
+            true: "";
+            false: "";
+        };
+        isInvalid: {
+            true: "";
+            false: "";
+        };
+        isDisabled: {
+            true: "disabled pointer-events-none";
+            false: "";
+        };
+        isUnavailable: {
+            true: "pointer-events-none";
+            false: "";
+        };
+        isOutsideRange: {
+            true: "pointer-events-none";
+            false: "";
+        };
+        isOutsideVisibleRange: {
+            true: "pointer-events-none";
+            false: "";
+        };
+        isRoundedLeft: {
+            true: "rounded-l-full";
+            false: "";
+        };
+        isRoundedRight: {
+            true: "rounded-r-full";
+            false: "";
+        };
+    }>, unknown, unknown, undefined>>;
+    cellDate: import("tailwind-variants").TVReturnType<{
+        isSelected: {
+            true: "\n        bg-color-1-400\n        text-white\n        hover:bg-color-1-500\n      ";
+            false: "\n        rounded-full\n        hover:text-white\n        hover:bg-color-1-400\n      ";
+        };
+        isInvalid: {
+            true: "";
+            fasle: "";
+        };
+        isDisabled: {
+            true: "opacity-50";
+            false: "";
+        };
+        isUnavailable: {
+            true: "text-gray-200";
+            false: "";
+        };
+        isOutsideRange: {
+            true: "\n        text-black\n        before:content-['/']\n        before:text-gray-400\n        before:[font-weight:100]\n        before:text-4xl\n        before:absolute\n        before:inset-0\n        before:flex\n        before:items-center\n        before:justify-center\n      ";
+            false: "";
+        };
+        isOutsideVisibleRange: {
+            true: "text-gray-400";
+            false: "";
+        };
+        isFocusVisible: {
+            true: "";
+            false: "";
+        };
+        isSelectionStart: {
+            true: "";
+            false: "";
+        };
+        isSelectionEnd: {
+            true: "";
+            false: "";
+        };
+    }, undefined, "\n    w-full\n    h-full\n    flex\n    items-center\n    justify-center\n    cursor-pointer\n    transition-all\n    duration-100\n    ease-in-out\n    relative\n  ", import("tailwind-variants/dist/config.js").TVConfig<{
+        isSelected: {
+            true: "\n        bg-color-1-400\n        text-white\n        hover:bg-color-1-500\n      ";
+            false: "\n        rounded-full\n        hover:text-white\n        hover:bg-color-1-400\n      ";
+        };
+        isInvalid: {
+            true: "";
+            fasle: "";
+        };
+        isDisabled: {
+            true: "opacity-50";
+            false: "";
+        };
+        isUnavailable: {
+            true: "text-gray-200";
+            false: "";
+        };
+        isOutsideRange: {
+            true: "\n        text-black\n        before:content-['/']\n        before:text-gray-400\n        before:[font-weight:100]\n        before:text-4xl\n        before:absolute\n        before:inset-0\n        before:flex\n        before:items-center\n        before:justify-center\n      ";
+            false: "";
+        };
+        isOutsideVisibleRange: {
+            true: "text-gray-400";
+            false: "";
+        };
+        isFocusVisible: {
+            true: "";
+            false: "";
+        };
+        isSelectionStart: {
+            true: "";
+            false: "";
+        };
+        isSelectionEnd: {
+            true: "";
+            false: "";
+        };
+    }, {
+        isSelected: {
+            true: "\n        bg-color-1-400\n        text-white\n        hover:bg-color-1-500\n      ";
+            false: "\n        rounded-full\n        hover:text-white\n        hover:bg-color-1-400\n      ";
+        };
+        isInvalid: {
+            true: "";
+            fasle: "";
+        };
+        isDisabled: {
+            true: "opacity-50";
+            false: "";
+        };
+        isUnavailable: {
+            true: "text-gray-200";
+            false: "";
+        };
+        isOutsideRange: {
+            true: "\n        text-black\n        before:content-['/']\n        before:text-gray-400\n        before:[font-weight:100]\n        before:text-4xl\n        before:absolute\n        before:inset-0\n        before:flex\n        before:items-center\n        before:justify-center\n      ";
+            false: "";
+        };
+        isOutsideVisibleRange: {
+            true: "text-gray-400";
+            false: "";
+        };
+        isFocusVisible: {
+            true: "";
+            false: "";
+        };
+        isSelectionStart: {
+            true: "";
+            false: "";
+        };
+        isSelectionEnd: {
+            true: "";
+            false: "";
+        };
+    }>, {
+        isSelected: {
+            true: "\n        bg-color-1-400\n        text-white\n        hover:bg-color-1-500\n      ";
+            false: "\n        rounded-full\n        hover:text-white\n        hover:bg-color-1-400\n      ";
+        };
+        isInvalid: {
+            true: "";
+            fasle: "";
+        };
+        isDisabled: {
+            true: "opacity-50";
+            false: "";
+        };
+        isUnavailable: {
+            true: "text-gray-200";
+            false: "";
+        };
+        isOutsideRange: {
+            true: "\n        text-black\n        before:content-['/']\n        before:text-gray-400\n        before:[font-weight:100]\n        before:text-4xl\n        before:absolute\n        before:inset-0\n        before:flex\n        before:items-center\n        before:justify-center\n      ";
+            false: "";
+        };
+        isOutsideVisibleRange: {
+            true: "text-gray-400";
+            false: "";
+        };
+        isFocusVisible: {
+            true: "";
+            false: "";
+        };
+        isSelectionStart: {
+            true: "";
+            false: "";
+        };
+        isSelectionEnd: {
+            true: "";
+            false: "";
+        };
+    }, undefined, import("tailwind-variants").TVReturnType<{
+        isSelected: {
+            true: "\n        bg-color-1-400\n        text-white\n        hover:bg-color-1-500\n      ";
+            false: "\n        rounded-full\n        hover:text-white\n        hover:bg-color-1-400\n      ";
+        };
+        isInvalid: {
+            true: "";
+            fasle: "";
+        };
+        isDisabled: {
+            true: "opacity-50";
+            false: "";
+        };
+        isUnavailable: {
+            true: "text-gray-200";
+            false: "";
+        };
+        isOutsideRange: {
+            true: "\n        text-black\n        before:content-['/']\n        before:text-gray-400\n        before:[font-weight:100]\n        before:text-4xl\n        before:absolute\n        before:inset-0\n        before:flex\n        before:items-center\n        before:justify-center\n      ";
+            false: "";
+        };
+        isOutsideVisibleRange: {
+            true: "text-gray-400";
+            false: "";
+        };
+        isFocusVisible: {
+            true: "";
+            false: "";
+        };
+        isSelectionStart: {
+            true: "";
+            false: "";
+        };
+        isSelectionEnd: {
+            true: "";
+            false: "";
+        };
+    }, undefined, "\n    w-full\n    h-full\n    flex\n    items-center\n    justify-center\n    cursor-pointer\n    transition-all\n    duration-100\n    ease-in-out\n    relative\n  ", import("tailwind-variants/dist/config.js").TVConfig<{
+        isSelected: {
+            true: "\n        bg-color-1-400\n        text-white\n        hover:bg-color-1-500\n      ";
+            false: "\n        rounded-full\n        hover:text-white\n        hover:bg-color-1-400\n      ";
+        };
+        isInvalid: {
+            true: "";
+            fasle: "";
+        };
+        isDisabled: {
+            true: "opacity-50";
+            false: "";
+        };
+        isUnavailable: {
+            true: "text-gray-200";
+            false: "";
+        };
+        isOutsideRange: {
+            true: "\n        text-black\n        before:content-['/']\n        before:text-gray-400\n        before:[font-weight:100]\n        before:text-4xl\n        before:absolute\n        before:inset-0\n        before:flex\n        before:items-center\n        before:justify-center\n      ";
+            false: "";
+        };
+        isOutsideVisibleRange: {
+            true: "text-gray-400";
+            false: "";
+        };
+        isFocusVisible: {
+            true: "";
+            false: "";
+        };
+        isSelectionStart: {
+            true: "";
+            false: "";
+        };
+        isSelectionEnd: {
+            true: "";
+            false: "";
+        };
+    }, {
+        isSelected: {
+            true: "\n        bg-color-1-400\n        text-white\n        hover:bg-color-1-500\n      ";
+            false: "\n        rounded-full\n        hover:text-white\n        hover:bg-color-1-400\n      ";
+        };
+        isInvalid: {
+            true: "";
+            fasle: "";
+        };
+        isDisabled: {
+            true: "opacity-50";
+            false: "";
+        };
+        isUnavailable: {
+            true: "text-gray-200";
+            false: "";
+        };
+        isOutsideRange: {
+            true: "\n        text-black\n        before:content-['/']\n        before:text-gray-400\n        before:[font-weight:100]\n        before:text-4xl\n        before:absolute\n        before:inset-0\n        before:flex\n        before:items-center\n        before:justify-center\n      ";
+            false: "";
+        };
+        isOutsideVisibleRange: {
+            true: "text-gray-400";
+            false: "";
+        };
+        isFocusVisible: {
+            true: "";
+            false: "";
+        };
+        isSelectionStart: {
+            true: "";
+            false: "";
+        };
+        isSelectionEnd: {
+            true: "";
+            false: "";
+        };
+    }>, unknown, unknown, undefined>>;
+};