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

package/dist/esm/lib2/shared/ui/Badge/styles.js

@@ -1,104 +0,0 @@
-import { tv } from 'tailwind-variants';
-export const badge = tv({
-    base: 'inline-flex justify-center items-center rounded-3xl gap-1 text-typography-typography-primary font-sans',
-    variants: {
-        variant: {
-            attention: '',
-            neutral: '',
-            warning: '',
-            danger: '',
-            success: '',
-            brand: '',
-            info: '',
-        },
-        size: {
-            S: 'px-2 py-1 text-xs/[140%] font-semibold',
-            M: 'px-2.5 py-1 text-[13px]/[150%] font-semibold',
-        },
-        type: {
-            default: '',
-            accent: '',
-        },
-    },
-    compoundVariants: [
-        // default badge with variants,
-        {
-            type: 'default',
-            variant: 'attention',
-            size: ['S', 'M'],
-            className: 'bg-badges-attention-bg text-badges-attention-main',
-        },
-        {
-            type: 'default',
-            variant: 'success',
-            size: ['S', 'M'],
-            className: 'bg-badges-success-bg text-badges-success-main',
-        },
-        {
-            type: 'default',
-            variant: 'info',
-            size: ['S', 'M'],
-            className: 'bg-badges-info-bg text-badges-info-main',
-        },
-        {
-            type: 'default',
-            variant: 'warning',
-            size: ['S', 'M'],
-            className: 'bg-badges-warning-bg text-badges-warning-main',
-        },
-        {
-            type: 'default',
-            variant: 'neutral',
-            size: ['S', 'M'],
-            className: 'bg-badges-neutral-bg text-badges-neutral-main/50',
-        },
-        {
-            type: 'default',
-            variant: 'brand',
-            size: ['S', 'M'],
-            className: '',
-        },
-        // accent badge with variants,
-        {
-            type: 'accent',
-            variant: 'attention',
-            size: ['S', 'M'],
-            className: 'bg-badges-attention-main text-color-background-white',
-        },
-        {
-            type: 'accent',
-            variant: 'success',
-            size: ['S', 'M'],
-            className: 'bg-badges-success-main text-color-background-white',
-        },
-        {
-            type: 'accent',
-            variant: 'info',
-            size: ['S', 'M'],
-            className: 'bg-badges-info-main text-color-background-white',
-        },
-        {
-            type: 'accent',
-            variant: 'warning',
-            size: ['S', 'M'],
-            className: 'bg-badges-warning-main text-color-background-white',
-        },
-        {
-            type: 'accent',
-            variant: 'brand',
-            size: ['S', 'M'],
-            className: 'bg-badges-accent-main text-color-background-white',
-        },
-        {
-            type: 'accent',
-            variant: 'neutral',
-            size: ['S', 'M'],
-            className: 'bg-badges-neutral-main text-color-background-white',
-        },
-    ],
-    defaultVariants: {
-        variant: 'neutral',
-        size: 'S',
-        type: 'default',
-    },
-});

package/dist/esm/lib2/shared/ui/Badge/types.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/lib2/shared/ui/Button_v2/Button_v2.js

@@ -1,36 +0,0 @@
-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;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ButtonStyled } from './Button_v2.style';
-import { IonSpinner } from '@ionic/react';
-import classNames from 'classnames';
-const Button_v2 = (_a) => {
-    var { children, fullWidth = false, className = '', routerLink, onClick, isLoading, disabled, icon, iconPosition = 'start', customSize, style } = _a, props = __rest(_a, ["children", "fullWidth", "className", "routerLink", "onClick", "isLoading", "disabled", "icon", "iconPosition", "customSize", "style"]);
-    return (_jsx(ButtonStyled, Object.assign({ className: classNames('relative', { 'full-width': fullWidth }, { loading: isLoading }, className, { [`button-${customSize}`]: !!customSize }, { custom: !!style }), routerLink: routerLink, onClick: onClick }, props, { disabled: !!disabled || !!isLoading, mode: "ios", style: style }, { children: _jsxs("div", Object.assign({ className: classNames('flex justify-center items-center w-full relative', {
-                'gap-2.5': iconPosition === 'center',
-            }) }, { children: [!!icon && (_jsx("div", Object.assign({ className: classNames('flex items-center justify-center', {
-                        'absolute left-0 top-1/2 -translate-y-1/2': iconPosition !== 'center',
-                    }, { 'w-6 h-6': props.size !== 'small' }, { 'w-5 h-5': props.size === 'small' }, { invisible: isLoading }) }, { children: icon }))), isLoading && (_jsx(IonSpinner, { name: 'crescent', className: 'absolute left-1/2 top-1/2 -translate-y-1/2 -translate-x-1/2' })), _jsx("div", Object.assign({ className: classNames({ 'flex-1': iconPosition !== 'center' }, {
-                        'pl-7': iconPosition !== 'center' &&
-                            props.size === 'small' &&
-                            !fullWidth &&
-                            !!icon,
-                    }, {
-                        'pl-8': iconPosition !== 'center' &&
-                            props.size !== 'small' &&
-                            !fullWidth &&
-                            !!icon,
-                    }, {
-                        invisible: isLoading,
-                    }) }, { children: children }))] })) })));
-};
-export default Button_v2;

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

@@ -1,130 +0,0 @@
-import styled from 'styled-components';
-import { IonButton } from '@ionic/react';
-export const ButtonStyled = styled(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/esm/lib2/shared/ui/Button_v2/index.js

@@ -1 +0,0 @@
-export { default as Button_v2 } from './Button_v2';

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

@@ -1,72 +0,0 @@
-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;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { I18nProvider, useCalendar } from 'react-aria';
-import { useCalendarState } from 'react-stately';
-import { createCalendar, today } from '@internationalized/date';
-import { useEffect, useMemo, useState } from 'react';
-import { DateTime } from 'luxon';
-import { CalendarButton } from './CalendarButton';
-import CalendarGrid from './CalendarGrid';
-import { IconArrowRight } from '../../assets';
-import { Typography, TypographyVariantsEnum } from '../Typography';
-import { calendarStyles } from './styles';
-import { getParsedISODate } from './utils/getParsedISODate';
-import { getLastValueInMap } from './utils/getLastValueInMap';
-export function Calendar(_a) {
-    var { maxValue, minValue, timeZone = 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] = useState(() => {
-        return new Map(defaultSelectDates.map((date) => [
-            DateTime.fromISO(date, { zone: timeZone }).toISODate(),
-            // Always to set in current selected time zone
-            DateTime.fromISO(date, { zone: timeZone }).toISO(),
-        ]));
-    });
-    const lastSelectedDate = 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
-        ? getParsedISODate(DateTime.fromISO(lastSelectedDate, {
-            zone: timeZone,
-        }).toISODate(), timeZone)
-        : today(timeZone);
-    const state = useCalendarState(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, props), { defaultValue }), (maxValue && { maxValue: getParsedISODate(maxValue, timeZone) })), (minValue && { minValue: getParsedISODate(minValue, timeZone) })), { locale,
-        createCalendar }));
-    const { header, base, navigation } = calendarStyles();
-    const { calendarProps, prevButtonProps, nextButtonProps } = useCalendar(Object.assign(Object.assign({}, props), { defaultValue }), state);
-    const focusedDate = useMemo(() => {
-        return 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;
-        });
-    };
-    useEffect(() => {
-        onSelectionChange([...selectionState.values()]);
-    }, [selectionState]);
-    return (_jsx(I18nProvider, Object.assign({ locale: locale }, { children: _jsxs("div", Object.assign({}, calendarProps, { className: base({ fullWidth }) }, { children: [_jsxs("div", Object.assign({ className: header({ className: 'my-3' }) }, { children: [_jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Title20Semi, className: "capitalize" }, { children: focusedDate })), isShowMonthNavigation && (_jsxs("div", Object.assign({ className: navigation() }, { children: [_jsx(CalendarButton, Object.assign({}, prevButtonProps, { children: _jsx(IconArrowRight, { className: "transform rotate-180", width: 24, height: 24 }) })), _jsx(CalendarButton, Object.assign({}, nextButtonProps, { children: _jsx(IconArrowRight, { width: 24, height: 24 }) }))] })))] })), _jsx(CalendarGrid, { timeZone: timeZone, onDatePress: onDatePress, isShowWeekNames: isShowWeekNames, locale: locale, selectionMode: selectionMode, selectionState: selectionState, renderCustomDateContent: renderCustomDateContent, handleSelectionDateChange: handleSelectionDateChange, state: state })] })) })));
-}

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

@@ -1,29 +0,0 @@
-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;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useMemo } from 'react';
-import { useButton } from 'react-aria';
-import { useDomRef } from '../../hooks';
-import { calendarStyles } from './styles';
-export const CalendarButton = React.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 = useDomRef(ref);
-    const { buttonProps } = useButton(Object.assign({ onPressEnd, onPress, onPressChange, onPressStart, onPressUp }, props), buttonRef);
-    const classes = useMemo(() => {
-        const { navigationButton } = calendarStyles();
-        return navigationButton({
-            isDisabled,
-            className,
-        });
-    }, [className, isDisabled]);
-    return (_jsx("button", Object.assign({ className: classes, ref: buttonRef }, buttonProps, { children: children })));
-});

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

@@ -1,47 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useMemo } from 'react';
-import { isSameMonth } from '@internationalized/date';
-import { mergeProps, useCalendarCell } from 'react-aria';
-import { DateTime } from 'luxon';
-import { useDomRef, useEvent } from '../../hooks';
-import { calendarStyles } from './styles';
-export const CalendarCell = React.forwardRef(function CalendarCell({ state, selectionState, handleSelectionDateChange, date, timeZone, currentMonth, onDatePress, renderCustomDateContent, }, ref) {
-    const calendarCellRef = useDomRef(ref);
-    const { cellProps, buttonProps, isSelected, isOutsideVisibleRange, isDisabled, isUnavailable, formattedDate, } = useCalendarCell({ date }, state, calendarCellRef);
-    const isOutsideMonth = !isSameMonth(currentMonth, date);
-    const isToday = DateTime.fromJSDate(date.toDate(timeZone), {
-        zone: timeZone,
-    }).hasSame(DateTime.local({ zone: timeZone }), 'day');
-    const className = useMemo(() => {
-        const { weekday } = calendarStyles();
-        return weekday({
-            isDisabled,
-            isSelected: selectionState.has(date.toString()),
-            isToday,
-            isUnavailable,
-        });
-    }, [isDisabled, isSelected, isToday, isUnavailable, selectionState, date]);
-    const onClick = 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(), DateTime.fromJSDate(date.toDate(timeZone), {
-            zone: timeZone,
-        }).toISO());
-        onDatePress === null || onDatePress === void 0 ? void 0 : onDatePress(DateTime.fromJSDate(date.toDate(timeZone), {
-            zone: timeZone,
-        }).toISO(), evt);
-    });
-    if (isOutsideVisibleRange || isOutsideMonth) {
-        return _jsx("div", {});
-    }
-    return (_jsx("button", Object.assign({ className: className, ref: calendarCellRef }, mergeProps(buttonProps, cellProps, {
-        onClick,
-    }), { children: renderCustomDateContent
-            ? renderCustomDateContent(DateTime.fromJSDate(date.toDate(timeZone)).toISO(), formattedDate, selectionState.has(date.toString()), isToday)
-            : formattedDate })));
-});
-CalendarCell.displayName = 'CalendarCell';
-export default React.memo(CalendarCell);

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

@@ -1,33 +0,0 @@
-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;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCalendarGrid } from 'react-aria';
-import { getWeeksInMonth, endOfMonth } from '@internationalized/date';
-import * as React from 'react';
-import CalendarCell from './CalendarCell';
-import { calendarStyles } from './styles';
-import { Typography, TypographyVariantsEnum } from '../Typography';
-export 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 = endOfMonth(startDate);
-    const { gridProps, headerProps, weekDays } = 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 = getWeeksInMonth(startDate, locale);
-    const { daysOfWeek, week, day: dayStyles } = calendarStyles();
-    return (_jsxs("div", Object.assign({}, gridProps, { children: [isShowWeekNames && (_jsx("div", Object.assign({ className: week({ className: 'py-3 mt-5' }) }, headerProps, { children: weekDays.map((day, index) => (_jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text12Regular, className: dayStyles({
-                        className: 'text-typography-typography-primary/50',
-                    }) }, { children: day.slice(0, 2) }), index))) }))), [...new Array(weeksInMonth).keys()].map((weekIndex) => (_jsx("div", Object.assign({ className: daysOfWeek() }, { children: state.getDatesInWeek(weekIndex, startDate).map((date, i) => {
-                    return date ? (_jsx(CalendarCell, { timeZone: timeZone, locale: locale, renderCustomDateContent: renderCustomDateContent, onDatePress: onDatePress, currentMonth: startDate, selectionMode: selectionMode, selectionState: selectionState, handleSelectionDateChange: handleSelectionDateChange, state: state, date: date }, i)) : (_jsx("div", {}, i));
-                }) }), weekIndex)))] })));
-}
-export default React.memo(CalendarGrid);

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

@@ -1,73 +0,0 @@
-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;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { I18nProvider, useCalendar } from 'react-aria';
-import { useCalendarState } from 'react-stately';
-import { createCalendar, today } from '@internationalized/date';
-import { useCallback, useLayoutEffect, useState } from 'react';
-import { DateTime } from 'luxon';
-import { CalendarGrid } from './CalendarGrid';
-import { Typography, TypographyVariantsEnum } from '../Typography';
-import { calendarStyles } from './styles';
-import { getWeekDates } from './utils/getWeekDayNames';
-import { getParsedISODate } from './utils/getParsedISODate';
-export function VerticalCalendar(_a) {
-    var { maxValue, timeZone = 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] = useState(() => {
-        return Array.from({ length: visibleDuration - 1 }, (_, idx) => idx + 1);
-    });
-    const [selectionState, setSelectionState] = useState(() => {
-        return new Map(defaultSelectDates.map((date) => [
-            DateTime.fromISO(date, { zone: timeZone }).toISODate(),
-            DateTime.fromISO(date, { zone: timeZone }).toISO(),
-        ]));
-    });
-    const defaultValue = today(timeZone);
-    const state = useCalendarState(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, props), { defaultValue }), (maxValue && { maxValue: getParsedISODate(maxValue, timeZone) })), (minValue && { minValue: getParsedISODate(minValue, timeZone) })), { locale,
-        createCalendar, visibleDuration: {
-            months: visibleDuration,
-        } }));
-    const { header, base, week, day: dayStyles } = calendarStyles();
-    const { calendarProps } = useCalendar(Object.assign(Object.assign({}, props), { defaultValue }), state);
-    const getFormattedMonth = useCallback((date) => {
-        return 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;
-        });
-    };
-    useLayoutEffect(() => {
-        const selectedKeys = new Map(defaultSelectDates.map((date) => [
-            DateTime.fromISO(date, { zone: timeZone }).toISODate(),
-            DateTime.fromISO(date, { zone: timeZone }).toISO(),
-        ]));
-        setSelectionState(selectedKeys);
-    }, [defaultSelectDates, setSelectionState]);
-    return (_jsxs(I18nProvider, Object.assign({ locale: locale }, { children: [_jsx("div", Object.assign({ className: "w-full sticky top-0 pb-0.5 bg-color-background-white" }, { children: _jsx("div", Object.assign({ className: week({ className: 'my-3' }) }, { children: getWeekDates(locale, timeZone).map((day) => (_jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text12Regular, className: dayStyles() }, { children: day.slice(0, 2) }), day))) })) })), _jsxs("div", Object.assign({}, calendarProps, { className: base({ className: 'flex flex-col gap-y-5 mt-5', fullWidth }) }, { children: [_jsxs("div", { children: [_jsx("div", Object.assign({ className: header({ className: 'mb-2' }) }, { children: _jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Title20Semi, className: "capitalize" }, { children: getFormattedMonth(state.visibleRange.start) })) })), _jsx(CalendarGrid, { timeZone: timeZone, renderCustomDateContent: renderCustomDateContent, isShowWeekNames: false, locale: locale, selectionMode: selectionMode, selectionState: selectionState, handleSelectionDateChange: handleSelectionDateChange, onDatePress: onDatePress, state: state })] }), monthList.map((months) => (_jsxs("div", { children: [_jsx("div", Object.assign({ className: header({ className: 'mb-2' }) }, { children: _jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Title20Semi, className: "capitalize" }, { children: getFormattedMonth(state.visibleRange.start.add({ months })) })) })), _jsx(CalendarGrid, { timeZone: timeZone, renderCustomDateContent: renderCustomDateContent, isShowWeekNames: false, locale: locale, selectionMode: selectionMode, selectionState: selectionState, onDatePress: onDatePress, handleSelectionDateChange: handleSelectionDateChange, state: state, offset: { months } })] }, months)))] }))] })));
-}

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

@@ -1,17 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import Skeleton from '../../../../lib/Skeleton';
-const randomNumberInRange = () => {
-    const MIN_DAY = 1;
-    const MAX_DAY = 7;
-    return Math.floor(Math.random() * (MAX_DAY - MIN_DAY + 1)) + MIN_DAY;
-};
-export function VerticalCalendarMonthSkeleton({ days, }) {
-    const [randomNumber] = React.useState(randomNumberInRange);
-    return (_jsxs("div", Object.assign({ className: "mt-6" }, { children: [_jsx(Skeleton, { style: { borderRadius: 20 }, heightPx: 20, widthPx: 144 }), _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 ? (_jsx(Skeleton, {}, idx)) : (_jsx("div", {}, idx));
-                }) }))] })));
-}

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

@@ -1,5 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { VerticalCalendarMonthSkeleton } from './VerticalCalendarMonthSkeleton';
-export function VerticalCalendarSkeleton() {
-    return (_jsxs("div", Object.assign({ className: "flex flex-col gap-y-10" }, { children: [_jsx(VerticalCalendarMonthSkeleton, { days: 31 }), _jsx(VerticalCalendarMonthSkeleton, { days: 31 }), _jsx(VerticalCalendarMonthSkeleton, { days: 31 })] })));
-}

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

@@ -1,4 +0,0 @@
-export * from './Calendar';
-export * from './VerticalCalendar';
-export * from './VerticalCalendarMonthSkeleton';
-export * from './VerticalCalendarSkeleton';

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

@@ -1,65 +0,0 @@
-import { tv } from 'tailwind-variants';
-export const calendarStyles = 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/esm/lib2/shared/ui/Calendar/types.js

@@ -1 +0,0 @@
-export {};

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

@@ -1,5 +0,0 @@
-export const getLastValueInMap = (map) => {
-    if (map.size === 0)
-        return undefined;
-    return [...map.values()][map.size - 1];
-};

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

@@ -1,5 +0,0 @@
-import { parseDate } from '@internationalized/date';
-import { DateTime } from 'luxon';
-export function getParsedISODate(iso, timeZone) {
-    return parseDate(DateTime.fromISO(iso, { zone: timeZone }).toISODate());
-}