@mindly/ui-components 7.5.1 → 8.0.0-alpha.31

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

@@ -0,0 +1,73 @@
+"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

@@ -0,0 +1,63 @@
+"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

@@ -0,0 +1,77 @@
+"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

@@ -0,0 +1,47 @@
+"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

@@ -0,0 +1,9 @@
+"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

@@ -0,0 +1,20 @@
+"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.d.ts

@@ -1,140 +1 @@
-export declare const calendarStyles: import("tailwind-variants").TVReturnType<{
-    isDisabled: {
-        true: {};
-    };
-    isToday: {
-        true: {};
-    };
-    isSelected: {
-        true: {};
-    };
-    isUnavailable: {
-        true: {};
-    };
-    fullWidth: {
-        true: {};
-    };
-}, {
-    header: string;
-    title: string;
-    week: string;
-    weekday: string;
-    daysOfWeek: string;
-    day: string;
-    navigation: string;
-    navigationButton: string;
-}, "flex-1 max-w-xs", import("tailwind-variants/dist/config").TVConfig<{
-    isDisabled: {
-        true: {};
-    };
-    isToday: {
-        true: {};
-    };
-    isSelected: {
-        true: {};
-    };
-    isUnavailable: {
-        true: {};
-    };
-    fullWidth: {
-        true: {};
-    };
-}, {
-    isDisabled: {
-        true: {};
-    };
-    isToday: {
-        true: {};
-    };
-    isSelected: {
-        true: {};
-    };
-    isUnavailable: {
-        true: {};
-    };
-    fullWidth: {
-        true: {};
-    };
-}>, {
-    isDisabled: {
-        true: {};
-    };
-    isToday: {
-        true: {};
-    };
-    isSelected: {
-        true: {};
-    };
-    isUnavailable: {
-        true: {};
-    };
-    fullWidth: {
-        true: {};
-    };
-}, {
-    header: string;
-    title: string;
-    week: string;
-    weekday: string;
-    daysOfWeek: string;
-    day: string;
-    navigation: string;
-    navigationButton: string;
-}, import("tailwind-variants").TVReturnType<{
-    isDisabled: {
-        true: {};
-    };
-    isToday: {
-        true: {};
-    };
-    isSelected: {
-        true: {};
-    };
-    isUnavailable: {
-        true: {};
-    };
-    fullWidth: {
-        true: {};
-    };
-}, {
-    header: string;
-    title: string;
-    week: string;
-    weekday: string;
-    daysOfWeek: string;
-    day: string;
-    navigation: string;
-    navigationButton: string;
-}, "flex-1 max-w-xs", import("tailwind-variants/dist/config").TVConfig<{
-    isDisabled: {
-        true: {};
-    };
-    isToday: {
-        true: {};
-    };
-    isSelected: {
-        true: {};
-    };
-    isUnavailable: {
-        true: {};
-    };
-    fullWidth: {
-        true: {};
-    };
-}, {
-    isDisabled: {
-        true: {};
-    };
-    isToday: {
-        true: {};
-    };
-    isSelected: {
-        true: {};
-    };
-    isUnavailable: {
-        true: {};
-    };
-    fullWidth: {
-        true: {};
-    };
-}>, unknown, unknown, undefined>>;
+export declare const calendarStyles: any;

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

@@ -0,0 +1,68 @@
+"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

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

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getLastValueInMap = void 0;
+const getLastValueInMap = (map) => {
+    if (map.size === 0)
+        return undefined;
+    return [...map.values()][map.size - 1];
+};
+exports.getLastValueInMap = getLastValueInMap;

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getParsedISODate = void 0;
+const date_1 = require("@internationalized/date");
+const luxon_1 = require("luxon");
+function getParsedISODate(iso, timeZone) {
+    return (0, date_1.parseDate)(luxon_1.DateTime.fromISO(iso, { zone: timeZone }).toISODate());
+}
+exports.getParsedISODate = getParsedISODate;

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getWeekDates = void 0;
+const luxon_1 = require("luxon");
+function getWeekDates(locale, timeZone) {
+    const names = [];
+    for (let i = 1; i <= 7; i++) {
+        const day = luxon_1.DateTime.fromObject({ weekday: i }, { zone: timeZone, locale });
+        const fullDayName = day.weekdayShort;
+        names.push(fullDayName);
+    }
+    return names;
+}
+exports.getWeekDates = getWeekDates;

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

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectItemType = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_2 = require("react");
+const assets_1 = require("../../assets");
+const Typography_1 = require("../Typography");
+var SelectItemType;
+(function (SelectItemType) {
+    SelectItemType["Checkbox"] = "checkbox";
+    SelectItemType["Radio"] = "radio";
+})(SelectItemType = exports.SelectItemType || (exports.SelectItemType = {}));
+const CheckBoxItem = (0, react_1.forwardRef)(({ type, checked, value, name, label, onChange }, ref) => {
+    const CheckedIcon = (0, react_2.useMemo)(() => {
+        const checkedIconTypes = {
+            [SelectItemType.Checkbox]: assets_1.IconCheckboxChecked,
+            [SelectItemType.Radio]: assets_1.IconRadioButtonChecked,
+        };
+        return checkedIconTypes[type];
+    }, [type]);
+    return ((0, jsx_runtime_1.jsxs)("label", Object.assign({ className: "w-full flex items-center justify-between py-5" }, { children: [(0, jsx_runtime_1.jsx)("input", { className: "h-0 w-0 absolute opacity-0", ref: ref, checked: checked, readOnly: true, onClick: () => {
+                    onChange === null || onChange === void 0 ? void 0 : onChange(value);
+                }, name: name, type: type, value: value }), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex items-center gap-4" }, { children: (0, jsx_runtime_1.jsx)(Typography_1.Typography, Object.assign({ variant: Typography_1.TypographyVariantsEnum.Text16Regular }, { children: label })) })), checked ? ((0, jsx_runtime_1.jsx)(CheckedIcon, { className: "w-6 h-6 fill-color-black" })) : ((0, jsx_runtime_1.jsx)(assets_1.IconCheckboxUnchecked, { className: "w-6 h-6 fill-color-black" }))] })));
+});
+CheckBoxItem.displayName = 'CheckBoxItem';
+exports.default = CheckBoxItem;

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

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

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

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CollapsableText = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const __1 = require("..");
+const styles_1 = require("./styles");
+function CollapsableText({ t, text, size = 14, fontWeight = 'Regular', }) {
+    const textWrapRef = (0, react_1.useRef)(null);
+    const textContenrRef = (0, react_1.useRef)(null);
+    const [isCollapsable, setIsCollapsable] = (0, react_1.useState)(false);
+    const [collapsed, setCollapsed] = (0, react_1.useState)(true);
+    (0, react_1.useEffect)(() => {
+        var _a, _b, _c, _d;
+        setIsCollapsable(((_b = (_a = textWrapRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight) !== null && _b !== void 0 ? _b : 0) <
+            ((_d = (_c = textContenrRef.current) === null || _c === void 0 ? void 0 : _c.offsetHeight) !== null && _d !== void 0 ? _d : 0));
+    }, [text]);
+    const styles = (0, styles_1.collapsableTextStyles)({
+        collapsed,
+    });
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ ref: textWrapRef }, { children: (0, jsx_runtime_1.jsx)(__1.Typography, Object.assign({ className: styles.contentWrap(), variant: __1.TypographyVariantsEnum[`Title${size}${fontWeight}`] }, { children: (0, jsx_runtime_1.jsx)("span", Object.assign({ className: styles.contentText(), ref: textContenrRef }, { children: text })) })) })), isCollapsable &&
+                (0, jsx_runtime_1.jsx)("p", Object.assign({ className: styles.collapsing(), onClick: () => setCollapsed(!collapsed) }, { children: collapsed
+                        ? t('details.more.link')
+                        : t('details.less.link') }))] })));
+}
+exports.CollapsableText = CollapsableText;

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CollapsableText = void 0;
+var CollapsableText_1 = require("./CollapsableText");
+Object.defineProperty(exports, "CollapsableText", { enumerable: true, get: function () { return CollapsableText_1.CollapsableText; } });