@mindly/ui-components 8.0.0-alpha.38 → 8.0.0

package/dist/cjs/lib2/shared/ui/Button_v2/Button_v2.style.js

@@ -1,136 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonStyled = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-const react_1 = require("@ionic/react");
-exports.ButtonStyled = (0, styled_components_1.default)(react_1.IonButton) `
-  margin: 0;
-  --padding-top: 10px;
-  --padding-bottom: 10px;
-  --padding-end: 20px;
-  --padding-start: 20px;
-  --border-radius: 40px;
-  --color: var(--buttons-btn-text);
-  --background: var(--buttons-btn-primary);
-  --background-focused: var(--buttons-btn-primary);
-  --background-hover: var(--buttons-btn-primary);
-  --background-activated: var(--buttons-btn-pressed);
-  --background-focused-opacity: 1;
-  --background-hover-opacity: 1;
-  --background-activated-opacity: 1;
-
-  font-weight: 600;
-  font-size: 14px;
-
-  min-height: 40px;
-
-  &.loading {
-    --color: transparent;
-  }
-
-  & ion-spinner {
-    width: 20px;
-    height: 20px;
-    --color: var(--buttons-btn-text);
-  }
-
-  &.custom {
-    & ion-spinner {
-      --color: inherit;
-    }
-  }
-
-  &.full-width {
-    width: 100%;
-  }
-
-  &.button-small {
-    min-height: 30px;
-    --padding-top: 5px;
-    --padding-bottom: 5px;
-    --padding-end: 16px;
-    --padding-start: 16px;
-
-    font-size: 14px;
-  }
-
-  &.button-smaller {
-    min-height: 26px;
-    --padding-top: 5px;
-    --padding-bottom: 5px;
-    --padding-end: 16px;
-    --padding-start: 16px;
-
-    font-size: 8px;
-    & ion-spinner {
-      width: 12px;
-      height: 12px;
-    }
-  }
-
-  &.button-large {
-    --padding-top: 14px;
-    --padding-bottom: 14px;
-
-    font-size: 16px;
-    min-height: 52px;
-
-    & ion-spinner {
-      width: 24px;
-      height: 24px;
-    }
-  }
-
-  &.button-outline {
-    --color: var(--buttons-btn-primary);
-    --color-hover: var(--buttons-btn-primary);
-    --color-focused: var(--buttons-btn-primary);
-    --color-activated: var(--buttons-btn-primary);
-    --background: transparent;
-    --background-focused: none;
-    --background-hover: none;
-    --background-activated: var(--color-background-anti-flash-50);
-    --background-hover-opacity: 1;
-    --background-activated-opacity: 1;
-    --background-focused-opacity: 1;
-    --border-width: 2px;
-    --border-color: var(--buttons-btn-primary);
-
-    & ion-spinner {
-      --color: var(--buttons-btn-primary);
-    }
-
-    &.loading {
-      --color: transparent;
-    }
-  }
-
-  &.button-clear {
-    --color: var(--buttons-btn-primary);
-    --background: transparent;
-    --background-focused: transparent;
-    --background-hover: transparent;
-    --background-activated: transparent;
-
-    & ion-spinner {
-      --color: var(--buttons-btn-primary);
-    }
-
-    &.loading {
-      --color: transparent;
-    }
-  }
-
-  &.button-disabled.loading {
-    opacity: 1;
-  }
-
-  &::part(native) {
-    .button-inner {
-      padding: 20px;
-    }
-  }
-`;

package/dist/cjs/lib2/shared/ui/Button_v2/index.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Button_v2 = void 0;
-var Button_v2_1 = require("./Button_v2");
-Object.defineProperty(exports, "Button_v2", { enumerable: true, get: function () { return __importDefault(Button_v2_1).default; } });

package/dist/cjs/lib2/shared/ui/Calendar/Calendar.js

@@ -1,79 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Calendar = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_aria_1 = require("react-aria");
-const react_stately_1 = require("react-stately");
-const date_1 = require("@internationalized/date");
-const react_1 = require("react");
-const luxon_1 = require("luxon");
-const CalendarButton_1 = require("./CalendarButton");
-const CalendarGrid_1 = __importDefault(require("./CalendarGrid"));
-const assets_1 = require("../../assets");
-const Typography_1 = require("../Typography");
-const styles_1 = require("./styles");
-const getParsedISODate_1 = require("./utils/getParsedISODate");
-const getLastValueInMap_1 = require("./utils/getLastValueInMap");
-function Calendar(_a) {
-    var { maxValue, minValue, timeZone = luxon_1.DateTime.local().zoneName, locale = 'uk', isShowWeekNames = true, isShowMonthNavigation = true, selectionMode = 'single', onSelectionChange, defaultSelectDates, onDatePress, renderCustomDateContent, fullWidth = true } = _a, props = __rest(_a, ["maxValue", "minValue", "timeZone", "locale", "isShowWeekNames", "isShowMonthNavigation", "selectionMode", "onSelectionChange", "defaultSelectDates", "onDatePress", "renderCustomDateContent", "fullWidth"]);
-    const [selectionState, setSelectionState] = (0, react_1.useState)(() => {
-        return new Map(defaultSelectDates.map((date) => [
-            luxon_1.DateTime.fromISO(date, { zone: timeZone }).toISODate(),
-            // Always to set in current selected time zone
-            luxon_1.DateTime.fromISO(date, { zone: timeZone }).toISO(),
-        ]));
-    });
-    const lastSelectedDate = (0, getLastValueInMap_1.getLastValueInMap)(selectionState);
-    // Focus month, for example: 'January 2021'
-    // if we have more than one selected date like '2022-01-01' and '2023-01-01'.
-    // Last focused month to be '2023-01-01'.
-    const defaultValue = lastSelectedDate
-        ? (0, getParsedISODate_1.getParsedISODate)(luxon_1.DateTime.fromISO(lastSelectedDate, {
-            zone: timeZone,
-        }).toISODate(), timeZone)
-        : (0, date_1.today)(timeZone);
-    const state = (0, react_stately_1.useCalendarState)(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, props), { defaultValue }), (maxValue && { maxValue: (0, getParsedISODate_1.getParsedISODate)(maxValue, timeZone) })), (minValue && { minValue: (0, getParsedISODate_1.getParsedISODate)(minValue, timeZone) })), { locale,
-        createCalendar: date_1.createCalendar }));
-    const { header, base, navigation } = (0, styles_1.calendarStyles)();
-    const { calendarProps, prevButtonProps, nextButtonProps } = (0, react_aria_1.useCalendar)(Object.assign(Object.assign({}, props), { defaultValue }), state);
-    const focusedDate = (0, react_1.useMemo)(() => {
-        return luxon_1.DateTime.fromJSDate(state.focusedDate.toDate(timeZone))
-            .setZone(timeZone)
-            .setLocale(locale)
-            .toFormat('LLLL yyyy');
-    }, [locale, timeZone, state.focusedDate]);
-    const handleSelectionDateChange = (dateKey, dateValue) => {
-        setSelectionState((prevState) => {
-            if (selectionMode === 'single' || selectionMode === 'none') {
-                return new Map([[dateKey, dateValue]]);
-            }
-            const selectedKeys = new Map([...prevState]);
-            if (selectedKeys.has(dateKey)) {
-                selectedKeys.delete(dateKey);
-            }
-            else {
-                selectedKeys.set(dateKey, dateValue);
-            }
-            return selectedKeys;
-        });
-    };
-    (0, react_1.useEffect)(() => {
-        onSelectionChange([...selectionState.values()]);
-    }, [selectionState]);
-    return ((0, jsx_runtime_1.jsx)(react_aria_1.I18nProvider, Object.assign({ locale: locale }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({}, calendarProps, { className: base({ fullWidth }) }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: header({ className: 'my-3' }) }, { children: [(0, jsx_runtime_1.jsx)(Typography_1.Typography, Object.assign({ variant: Typography_1.TypographyVariantsEnum.Title20Semi, className: "capitalize" }, { children: focusedDate })), isShowMonthNavigation && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: navigation() }, { children: [(0, jsx_runtime_1.jsx)(CalendarButton_1.CalendarButton, Object.assign({}, prevButtonProps, { children: (0, jsx_runtime_1.jsx)(assets_1.IconArrowRight, { className: "transform rotate-180", width: 24, height: 24 }) })), (0, jsx_runtime_1.jsx)(CalendarButton_1.CalendarButton, Object.assign({}, nextButtonProps, { children: (0, jsx_runtime_1.jsx)(assets_1.IconArrowRight, { width: 24, height: 24 }) }))] })))] })), (0, jsx_runtime_1.jsx)(CalendarGrid_1.default, { timeZone: timeZone, onDatePress: onDatePress, isShowWeekNames: isShowWeekNames, locale: locale, selectionMode: selectionMode, selectionState: selectionState, renderCustomDateContent: renderCustomDateContent, handleSelectionDateChange: handleSelectionDateChange, state: state })] })) })));
-}
-exports.Calendar = Calendar;

package/dist/cjs/lib2/shared/ui/Calendar/CalendarButton.js

@@ -1,55 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CalendarButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-const react_aria_1 = require("react-aria");
-const hooks_1 = require("../../hooks");
-const styles_1 = require("./styles");
-exports.CalendarButton = react_1.default.forwardRef(function CalendarButton(_a, ref) {
-    var { children, onPressEnd, onPress, onPressChange, onPressStart, onPressUp, isDisabled, className } = _a, props = __rest(_a, ["children", "onPressEnd", "onPress", "onPressChange", "onPressStart", "onPressUp", "isDisabled", "className"]);
-    const buttonRef = (0, hooks_1.useDomRef)(ref);
-    const { buttonProps } = (0, react_aria_1.useButton)(Object.assign({ onPressEnd, onPress, onPressChange, onPressStart, onPressUp }, props), buttonRef);
-    const classes = (0, react_1.useMemo)(() => {
-        const { navigationButton } = (0, styles_1.calendarStyles)();
-        return navigationButton({
-            isDisabled,
-            className,
-        });
-    }, [className, isDisabled]);
-    return ((0, jsx_runtime_1.jsx)("button", Object.assign({ className: classes, ref: buttonRef }, buttonProps, { children: children })));
-});

package/dist/cjs/lib2/shared/ui/Calendar/CalendarCell.js

@@ -1,73 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CalendarCell = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-const date_1 = require("@internationalized/date");
-const react_aria_1 = require("react-aria");
-const luxon_1 = require("luxon");
-const hooks_1 = require("../../hooks");
-const styles_1 = require("./styles");
-exports.CalendarCell = react_1.default.forwardRef(function CalendarCell({ state, selectionState, handleSelectionDateChange, date, timeZone, currentMonth, onDatePress, renderCustomDateContent, }, ref) {
-    const calendarCellRef = (0, hooks_1.useDomRef)(ref);
-    const { cellProps, buttonProps, isSelected, isOutsideVisibleRange, isDisabled, isUnavailable, formattedDate, } = (0, react_aria_1.useCalendarCell)({ date }, state, calendarCellRef);
-    const isOutsideMonth = !(0, date_1.isSameMonth)(currentMonth, date);
-    const isToday = luxon_1.DateTime.fromJSDate(date.toDate(timeZone), {
-        zone: timeZone,
-    }).hasSame(luxon_1.DateTime.local({ zone: timeZone }), 'day');
-    const className = (0, react_1.useMemo)(() => {
-        const { weekday } = (0, styles_1.calendarStyles)();
-        return weekday({
-            isDisabled,
-            isSelected: selectionState.has(date.toString()),
-            isToday,
-            isUnavailable,
-        });
-    }, [isDisabled, isSelected, isToday, isUnavailable, selectionState, date]);
-    const onClick = (0, hooks_1.useEvent)((evt) => {
-        var _a;
-        if (isDisabled || isUnavailable) {
-            return;
-        }
-        (_a = buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.onClick) === null || _a === void 0 ? void 0 : _a.call(buttonProps, evt);
-        handleSelectionDateChange(date.toString(), luxon_1.DateTime.fromJSDate(date.toDate(timeZone), {
-            zone: timeZone,
-        }).toISO());
-        onDatePress === null || onDatePress === void 0 ? void 0 : onDatePress(luxon_1.DateTime.fromJSDate(date.toDate(timeZone), {
-            zone: timeZone,
-        }).toISO(), evt);
-    });
-    if (isOutsideVisibleRange || isOutsideMonth) {
-        return (0, jsx_runtime_1.jsx)("div", {});
-    }
-    return ((0, jsx_runtime_1.jsx)("button", Object.assign({ className: className, ref: calendarCellRef }, (0, react_aria_1.mergeProps)(buttonProps, cellProps, {
-        onClick,
-    }), { children: renderCustomDateContent
-            ? renderCustomDateContent(luxon_1.DateTime.fromJSDate(date.toDate(timeZone)).toISO(), formattedDate, selectionState.has(date.toString()), isToday)
-            : formattedDate })));
-});
-exports.CalendarCell.displayName = 'CalendarCell';
-exports.default = react_1.default.memo(exports.CalendarCell);

package/dist/cjs/lib2/shared/ui/Calendar/CalendarGrid.js

@@ -1,63 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CalendarGrid = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_aria_1 = require("react-aria");
-const date_1 = require("@internationalized/date");
-const React = __importStar(require("react"));
-const CalendarCell_1 = __importDefault(require("./CalendarCell"));
-const styles_1 = require("./styles");
-const Typography_1 = require("../Typography");
-function CalendarGrid(_a) {
-    var { state, selectionState, locale, isShowWeekNames, weekdayStyle = 'short', handleSelectionDateChange, selectionMode, onDatePress, offset = {}, renderCustomDateContent, timeZone } = _a, props = __rest(_a, ["state", "selectionState", "locale", "isShowWeekNames", "weekdayStyle", "handleSelectionDateChange", "selectionMode", "onDatePress", "offset", "renderCustomDateContent", "timeZone"]);
-    const startDate = state.visibleRange.start.add(offset);
-    const endDate = (0, date_1.endOfMonth)(startDate);
-    const { gridProps, headerProps, weekDays } = (0, react_aria_1.useCalendarGrid)(Object.assign(Object.assign({}, props), { startDate, endDate, weekdayStyle }), state);
-    // Get the number of weeks in the month so we can render the proper number of rows.
-    const weeksInMonth = (0, date_1.getWeeksInMonth)(startDate, locale);
-    const { daysOfWeek, week, day: dayStyles } = (0, styles_1.calendarStyles)();
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, gridProps, { children: [isShowWeekNames && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: week({ className: 'py-3 mt-5' }) }, headerProps, { children: weekDays.map((day, index) => ((0, jsx_runtime_1.jsx)(Typography_1.Typography, Object.assign({ variant: Typography_1.TypographyVariantsEnum.Text12Regular, className: dayStyles({
-                        className: 'text-typography-typography-primary/50',
-                    }) }, { children: day.slice(0, 2) }), index))) }))), [...new Array(weeksInMonth).keys()].map((weekIndex) => ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: daysOfWeek() }, { children: state.getDatesInWeek(weekIndex, startDate).map((date, i) => {
-                    return date ? ((0, jsx_runtime_1.jsx)(CalendarCell_1.default, { timeZone: timeZone, locale: locale, renderCustomDateContent: renderCustomDateContent, onDatePress: onDatePress, currentMonth: startDate, selectionMode: selectionMode, selectionState: selectionState, handleSelectionDateChange: handleSelectionDateChange, state: state, date: date }, i)) : ((0, jsx_runtime_1.jsx)("div", {}, i));
-                }) }), weekIndex)))] })));
-}
-exports.CalendarGrid = CalendarGrid;
-exports.default = React.memo(CalendarGrid);

package/dist/cjs/lib2/shared/ui/Calendar/VerticalCalendar.js

@@ -1,77 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VerticalCalendar = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_aria_1 = require("react-aria");
-const react_stately_1 = require("react-stately");
-const date_1 = require("@internationalized/date");
-const react_1 = require("react");
-const luxon_1 = require("luxon");
-const CalendarGrid_1 = require("./CalendarGrid");
-const Typography_1 = require("../Typography");
-const styles_1 = require("./styles");
-const getWeekDayNames_1 = require("./utils/getWeekDayNames");
-const getParsedISODate_1 = require("./utils/getParsedISODate");
-function VerticalCalendar(_a) {
-    var { maxValue, timeZone = luxon_1.DateTime.local().zoneName, locale = 'uk', selectionMode = 'single', onSelectionChange, defaultSelectDates, onDatePress, renderCustomDateContent, fullWidth = false, minValue, visibleDuration = 3 } = _a, props = __rest(_a, ["maxValue", "timeZone", "locale", "selectionMode", "onSelectionChange", "defaultSelectDates", "onDatePress", "renderCustomDateContent", "fullWidth", "minValue", "visibleDuration"]);
-    const [monthList] = (0, react_1.useState)(() => {
-        return Array.from({ length: visibleDuration - 1 }, (_, idx) => idx + 1);
-    });
-    const [selectionState, setSelectionState] = (0, react_1.useState)(() => {
-        return new Map(defaultSelectDates.map((date) => [
-            luxon_1.DateTime.fromISO(date, { zone: timeZone }).toISODate(),
-            luxon_1.DateTime.fromISO(date, { zone: timeZone }).toISO(),
-        ]));
-    });
-    const defaultValue = (0, date_1.today)(timeZone);
-    const state = (0, react_stately_1.useCalendarState)(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, props), { defaultValue }), (maxValue && { maxValue: (0, getParsedISODate_1.getParsedISODate)(maxValue, timeZone) })), (minValue && { minValue: (0, getParsedISODate_1.getParsedISODate)(minValue, timeZone) })), { locale,
-        createCalendar: date_1.createCalendar, visibleDuration: {
-            months: visibleDuration,
-        } }));
-    const { header, base, week, day: dayStyles } = (0, styles_1.calendarStyles)();
-    const { calendarProps } = (0, react_aria_1.useCalendar)(Object.assign(Object.assign({}, props), { defaultValue }), state);
-    const getFormattedMonth = (0, react_1.useCallback)((date) => {
-        return luxon_1.DateTime.fromJSDate(date.toDate(timeZone), {
-            zone: timeZone,
-        })
-            .setLocale(locale)
-            .toFormat('LLLL yyyy');
-    }, [timeZone, locale]);
-    const handleSelectionDateChange = (dateKey, date) => {
-        setSelectionState((prevState) => {
-            if (selectionMode === 'single' || selectionMode === 'none') {
-                onSelectionChange([date]);
-                return new Map([[dateKey, date]]);
-            }
-            const selectedKeys = new Map([...prevState]);
-            if (selectedKeys.has(dateKey)) {
-                selectedKeys.delete(dateKey);
-            }
-            else {
-                selectedKeys.set(dateKey, date);
-            }
-            onSelectionChange([...selectedKeys.values()]);
-            return selectedKeys;
-        });
-    };
-    (0, react_1.useLayoutEffect)(() => {
-        const selectedKeys = new Map(defaultSelectDates.map((date) => [
-            luxon_1.DateTime.fromISO(date, { zone: timeZone }).toISODate(),
-            luxon_1.DateTime.fromISO(date, { zone: timeZone }).toISO(),
-        ]));
-        setSelectionState(selectedKeys);
-    }, [defaultSelectDates, setSelectionState]);
-    return ((0, jsx_runtime_1.jsxs)(react_aria_1.I18nProvider, Object.assign({ locale: locale }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "w-full sticky top-0 pb-0.5 bg-color-background-white" }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: week({ className: 'my-3' }) }, { children: (0, getWeekDayNames_1.getWeekDates)(locale, timeZone).map((day) => ((0, jsx_runtime_1.jsx)(Typography_1.Typography, Object.assign({ variant: Typography_1.TypographyVariantsEnum.Text12Regular, className: dayStyles() }, { children: day.slice(0, 2) }), day))) })) })), (0, jsx_runtime_1.jsxs)("div", Object.assign({}, calendarProps, { className: base({ className: 'flex flex-col gap-y-5 mt-5', fullWidth }) }, { children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: header({ className: 'mb-2' }) }, { children: (0, jsx_runtime_1.jsx)(Typography_1.Typography, Object.assign({ variant: Typography_1.TypographyVariantsEnum.Title20Semi, className: "capitalize" }, { children: getFormattedMonth(state.visibleRange.start) })) })), (0, jsx_runtime_1.jsx)(CalendarGrid_1.CalendarGrid, { timeZone: timeZone, renderCustomDateContent: renderCustomDateContent, isShowWeekNames: false, locale: locale, selectionMode: selectionMode, selectionState: selectionState, handleSelectionDateChange: handleSelectionDateChange, onDatePress: onDatePress, state: state })] }), monthList.map((months) => ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: header({ className: 'mb-2' }) }, { children: (0, jsx_runtime_1.jsx)(Typography_1.Typography, Object.assign({ variant: Typography_1.TypographyVariantsEnum.Title20Semi, className: "capitalize" }, { children: getFormattedMonth(state.visibleRange.start.add({ months })) })) })), (0, jsx_runtime_1.jsx)(CalendarGrid_1.CalendarGrid, { timeZone: timeZone, renderCustomDateContent: renderCustomDateContent, isShowWeekNames: false, locale: locale, selectionMode: selectionMode, selectionState: selectionState, onDatePress: onDatePress, handleSelectionDateChange: handleSelectionDateChange, state: state, offset: { months } })] }, months)))] }))] })));
-}
-exports.VerticalCalendar = VerticalCalendar;

package/dist/cjs/lib2/shared/ui/Calendar/VerticalCalendarMonthSkeleton.js

@@ -1,47 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VerticalCalendarMonthSkeleton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const Skeleton_1 = __importDefault(require("../../../../lib/Skeleton"));
-const randomNumberInRange = () => {
-    const MIN_DAY = 1;
-    const MAX_DAY = 7;
-    return Math.floor(Math.random() * (MAX_DAY - MIN_DAY + 1)) + MIN_DAY;
-};
-function VerticalCalendarMonthSkeleton({ days, }) {
-    const [randomNumber] = React.useState(randomNumberInRange);
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "mt-6" }, { children: [(0, jsx_runtime_1.jsx)(Skeleton_1.default, { style: { borderRadius: 20 }, heightPx: 20, widthPx: 144 }), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "grid grid-cols-7 gap-x-5 gap-y-6 mt-8" }, { children: Array.from({ length: days })
-                    .fill(null)
-                    .map((_day, idx) => {
-                    const day = idx + 1;
-                    return day > randomNumber ? ((0, jsx_runtime_1.jsx)(Skeleton_1.default, {}, idx)) : ((0, jsx_runtime_1.jsx)("div", {}, idx));
-                }) }))] })));
-}
-exports.VerticalCalendarMonthSkeleton = VerticalCalendarMonthSkeleton;

package/dist/cjs/lib2/shared/ui/Calendar/VerticalCalendarSkeleton.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VerticalCalendarSkeleton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const VerticalCalendarMonthSkeleton_1 = require("./VerticalCalendarMonthSkeleton");
-function VerticalCalendarSkeleton() {
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-col gap-y-10" }, { children: [(0, jsx_runtime_1.jsx)(VerticalCalendarMonthSkeleton_1.VerticalCalendarMonthSkeleton, { days: 31 }), (0, jsx_runtime_1.jsx)(VerticalCalendarMonthSkeleton_1.VerticalCalendarMonthSkeleton, { days: 31 }), (0, jsx_runtime_1.jsx)(VerticalCalendarMonthSkeleton_1.VerticalCalendarMonthSkeleton, { days: 31 })] })));
-}
-exports.VerticalCalendarSkeleton = VerticalCalendarSkeleton;

package/dist/cjs/lib2/shared/ui/Calendar/index.js

@@ -1,20 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Calendar"), exports);
-__exportStar(require("./VerticalCalendar"), exports);
-__exportStar(require("./VerticalCalendarMonthSkeleton"), exports);
-__exportStar(require("./VerticalCalendarSkeleton"), exports);

package/dist/cjs/lib2/shared/ui/Calendar/styles.js

@@ -1,68 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.calendarStyles = void 0;
-const tailwind_variants_1 = require("tailwind-variants");
-exports.calendarStyles = (0, tailwind_variants_1.tv)({
-    base: 'flex-1 max-w-xs',
-    variants: {
-        isDisabled: {
-            true: {},
-        },
-        isToday: {
-            true: {},
-        },
-        isSelected: {
-            true: {},
-        },
-        isUnavailable: {
-            true: {},
-        },
-        fullWidth: {
-            true: {},
-        },
-    },
-    slots: {
-        header: 'flex justify-between items-center flex-1 mb-5',
-        title: '!text-typography-typography-primary font-semibold text-lg leading-7',
-        week: 'grid grid-cols-7 gap-x-2 mb-1',
-        weekday: 'flex justify-center items-center w-10 h-10 rounded-full text-lg leading-relaxed font-normal outline-none cursor-pointer !text-typography-typography-primary',
-        daysOfWeek: 'grid grid-cols-7 gap-x-2 mb-1',
-        day: 'flex justify-center items-center w-10 uppercase !text-typography-typography-primary/50',
-        navigation: 'flex gap-4',
-        navigationButton: 'flex justify-center items-center w-6 h-6 bg-transparent !text-typography-typography-primary',
-    },
-    compoundSlots: [
-        {
-            slots: ['base'],
-            fullWidth: true,
-            className: 'w-full max-w-full',
-        },
-        {
-            slots: ['navigationButton'],
-            isDisabled: true,
-            className: '!text-typography-typography-primary/30 cursor-default',
-        },
-        {
-            slots: ['weekday'],
-            isDisabled: true,
-            className: 'bg-white !text-typography-typography-primary/30 cursor-default',
-        },
-        {
-            slots: ['weekday'],
-            isUnavailable: true,
-            className: 'bg-white !text-typography-typography-primary/30 cursor-default',
-        },
-        {
-            slots: ['weekday'],
-            isToday: true,
-            className: 'border border-solid border-typography-typography-primary cursor-pointer',
-        },
-        {
-            slots: ['weekday'],
-            isSelected: true,
-            isToday: false,
-            isDisabled: false,
-            className: 'bg-typography-typography-primary !text-color-background-white cursor-pointer',
-        },
-    ],
-});

package/dist/cjs/lib2/shared/ui/Calendar/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });