@chayns-components/date 5.0.0-beta.1000

package/lib/esm/components/calendar/month-wrapper/month/Month.js

@@ -0,0 +1,61 @@
+import React from 'react';
+import MonthYearPickers from '../../month-year-pickers/MonthYearPickers';
+import DayWrapper from './day-wrapper/DayWrapper';
+import { StyledMonth, StyledMonthHead } from './Month.styles';
+import WeekdayWrapper from './weekday-wrapper/WeekdayWrapper';
+const Month = _ref => {
+  let {
+    month,
+    year,
+    locale,
+    highlightedDates,
+    selectedDate,
+    onSelect,
+    categories,
+    height,
+    minDate,
+    maxDate,
+    customThumbColors,
+    shouldShowHighlightsInMonthOverlay,
+    type,
+    hoveringDay,
+    setHoveringDay,
+    disabledDates,
+    setCurrentDate,
+    displayIndex,
+    showMonthYearPickers
+  } = _ref;
+  return /*#__PURE__*/React.createElement(StyledMonth, {
+    $height: height
+  }, /*#__PURE__*/React.createElement(StyledMonthHead, null, /*#__PURE__*/React.createElement(MonthYearPickers, {
+    month: month,
+    year: year,
+    locale: locale,
+    minDate: minDate,
+    maxDate: maxDate,
+    setCurrentDate: setCurrentDate,
+    displayIndex: displayIndex,
+    showMonthYearPickers: showMonthYearPickers
+  })), /*#__PURE__*/React.createElement(WeekdayWrapper, {
+    locale: locale
+  }), /*#__PURE__*/React.createElement(DayWrapper, {
+    key: `day-wrapper-${month}`,
+    categories: categories,
+    selectedDate: selectedDate,
+    customThumbColors: customThumbColors,
+    month: month,
+    year: year,
+    onSelect: onSelect,
+    shouldShowHighlightsInMonthOverlay: shouldShowHighlightsInMonthOverlay,
+    highlightedDates: highlightedDates,
+    minDate: minDate,
+    maxDate: maxDate,
+    type: type,
+    hoveringDay: hoveringDay,
+    setHoveringDay: setHoveringDay,
+    disabledDates: disabledDates
+  }));
+};
+Month.displayName = 'Month';
+export default Month;
+//# sourceMappingURL=Month.js.map

package/lib/esm/components/calendar/month-wrapper/month/Month.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Month.js","names":["React","MonthYearPickers","DayWrapper","StyledMonth","StyledMonthHead","WeekdayWrapper","Month","_ref","month","year","locale","highlightedDates","selectedDate","onSelect","categories","height","minDate","maxDate","customThumbColors","shouldShowHighlightsInMonthOverlay","type","hoveringDay","setHoveringDay","disabledDates","setCurrentDate","displayIndex","showMonthYearPickers","createElement","$height","key","displayName"],"sources":["../../../../../../src/components/calendar/month-wrapper/month/Month.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport {\n    CalendarType,\n    Categories, CustomThumbColors,\n    DateInterval,\n    EMonth,\n    HighlightedDates,\n} from '../../../../types/calendar';\nimport MonthYearPickers from '../../month-year-pickers/MonthYearPickers';\nimport DayWrapper from './day-wrapper/DayWrapper';\nimport { StyledMonth, StyledMonthHead } from './Month.styles';\nimport WeekdayWrapper from './weekday-wrapper/WeekdayWrapper';\nimport {Language} from \"chayns-api\";\n\nexport type MonthProps = {\n    month: EMonth;\n    year: number;\n    locale: Language;\n    highlightedDates?: HighlightedDates[];\n    onSelect: (date: Date) => void;\n    selectedDate?: Date | Date[] | DateInterval;\n    categories?: Categories[];\n    height: number;\n    minDate: Date;\n    maxDate: Date;\n    type: CalendarType;\n    hoveringDay: Date | null;\n    setHoveringDay: (date: Date | null) => void;\n    disabledDates: Date[];\n    setCurrentDate: (date: Date) => void;\n    displayIndex?: number;\n    shouldShowHighlightsInMonthOverlay: boolean;\n    customThumbColors?: CustomThumbColors;\n    showMonthYearPickers: boolean;\n};\n\nconst Month: FC<MonthProps> = ({\n    month,\n    year,\n    locale,\n    highlightedDates,\n    selectedDate,\n    onSelect,\n    categories,\n    height,\n    minDate,\n    maxDate,customThumbColors,\n    shouldShowHighlightsInMonthOverlay,\n    type,\n    hoveringDay,\n    setHoveringDay,\n    disabledDates,\n    setCurrentDate,\n    displayIndex,\n    showMonthYearPickers,\n}) => (\n    <StyledMonth $height={height}>\n        <StyledMonthHead>\n            <MonthYearPickers\n                month={month}\n                year={year}\n                locale={locale}\n                minDate={minDate}\n                maxDate={maxDate}\n                setCurrentDate={setCurrentDate}\n                displayIndex={displayIndex}\n                showMonthYearPickers={showMonthYearPickers}\n            />\n        </StyledMonthHead>\n        <WeekdayWrapper locale={locale} />\n        <DayWrapper\n            key={`day-wrapper-${month}`}\n            categories={categories}\n            selectedDate={selectedDate}\n            customThumbColors={customThumbColors}\n            month={month}\n            year={year}\n            onSelect={onSelect}\n            shouldShowHighlightsInMonthOverlay={shouldShowHighlightsInMonthOverlay}\n            highlightedDates={highlightedDates}\n            minDate={minDate}\n            maxDate={maxDate}\n            type={type}\n            hoveringDay={hoveringDay}\n            setHoveringDay={setHoveringDay}\n            disabledDates={disabledDates}\n        />\n    </StyledMonth>\n);\n\nMonth.displayName = 'Month';\n\nexport default Month;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAc,OAAO;AAQjC,OAAOC,gBAAgB,MAAM,2CAA2C;AACxE,OAAOC,UAAU,MAAM,0BAA0B;AACjD,SAASC,WAAW,EAAEC,eAAe,QAAQ,gBAAgB;AAC7D,OAAOC,cAAc,MAAM,kCAAkC;AAyB7D,MAAMC,KAAqB,GAAGC,IAAA;EAAA,IAAC;IAC3BC,KAAK;IACLC,IAAI;IACJC,MAAM;IACNC,gBAAgB;IAChBC,YAAY;IACZC,QAAQ;IACRC,UAAU;IACVC,MAAM;IACNC,OAAO;IACPC,OAAO;IAACC,iBAAiB;IACzBC,kCAAkC;IAClCC,IAAI;IACJC,WAAW;IACXC,cAAc;IACdC,aAAa;IACbC,cAAc;IACdC,YAAY;IACZC;EACJ,CAAC,GAAAnB,IAAA;EAAA,oBACGP,KAAA,CAAA2B,aAAA,CAACxB,WAAW;IAACyB,OAAO,EAAEb;EAAO,gBACzBf,KAAA,CAAA2B,aAAA,CAACvB,eAAe,qBACZJ,KAAA,CAAA2B,aAAA,CAAC1B,gBAAgB;IACbO,KAAK,EAAEA,KAAM;IACbC,IAAI,EAAEA,IAAK;IACXC,MAAM,EAAEA,MAAO;IACfM,OAAO,EAAEA,OAAQ;IACjBC,OAAO,EAAEA,OAAQ;IACjBO,cAAc,EAAEA,cAAe;IAC/BC,YAAY,EAAEA,YAAa;IAC3BC,oBAAoB,EAAEA;EAAqB,CAC9C,CACY,CAAC,eAClB1B,KAAA,CAAA2B,aAAA,CAACtB,cAAc;IAACK,MAAM,EAAEA;EAAO,CAAE,CAAC,eAClCV,KAAA,CAAA2B,aAAA,CAACzB,UAAU;IACP2B,GAAG,EAAE,eAAerB,KAAK,EAAG;IAC5BM,UAAU,EAAEA,UAAW;IACvBF,YAAY,EAAEA,YAAa;IAC3BM,iBAAiB,EAAEA,iBAAkB;IACrCV,KAAK,EAAEA,KAAM;IACbC,IAAI,EAAEA,IAAK;IACXI,QAAQ,EAAEA,QAAS;IACnBM,kCAAkC,EAAEA,kCAAmC;IACvER,gBAAgB,EAAEA,gBAAiB;IACnCK,OAAO,EAAEA,OAAQ;IACjBC,OAAO,EAAEA,OAAQ;IACjBG,IAAI,EAAEA,IAAK;IACXC,WAAW,EAAEA,WAAY;IACzBC,cAAc,EAAEA,cAAe;IAC/BC,aAAa,EAAEA;EAAc,CAChC,CACQ,CAAC;AAAA,CACjB;AAEDjB,KAAK,CAACwB,WAAW,GAAG,OAAO;AAE3B,eAAexB,KAAK","ignoreList":[]}

package/lib/esm/components/calendar/month-wrapper/month/Month.styles.js

@@ -0,0 +1,22 @@
+import styled from 'styled-components';
+export const StyledMonth = styled.div`
+    height: ${_ref => {
+  let {
+    $height
+  } = _ref;
+  return $height;
+}}px;
+    aspect-ratio: 1;
+`;
+export const StyledMonthHead = styled.div`
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    column-gap: 7px;
+`;
+export const StyledMonthName = styled.div`
+    font-weight: bold;
+    text-align: center;
+    user-select: none;
+`;
+//# sourceMappingURL=Month.styles.js.map

package/lib/esm/components/calendar/month-wrapper/month/Month.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Month.styles.js","names":["styled","StyledMonth","div","_ref","$height","StyledMonthHead","StyledMonthName"],"sources":["../../../../../../src/components/calendar/month-wrapper/month/Month.styles.ts"],"sourcesContent":["import type { WithTheme } from '@chayns-components/core';\nimport styled from 'styled-components';\n\ntype StyledMonthProps = WithTheme<{ $height: number }>;\n\nexport const StyledMonth = styled.div<StyledMonthProps>`\n    height: ${({ $height }) => $height}px;\n    aspect-ratio: 1;\n`;\n\nexport const StyledMonthHead = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    column-gap: 7px;\n`;\n\nexport const StyledMonthName = styled.div`\n    font-weight: bold;\n    text-align: center;\n    user-select: none;\n`;\n"],"mappings":"AACA,OAAOA,MAAM,MAAM,mBAAmB;AAItC,OAAO,MAAMC,WAAW,GAAGD,MAAM,CAACE,GAAqB;AACvD,cAAcC,IAAA;EAAA,IAAC;IAAEC;EAAQ,CAAC,GAAAD,IAAA;EAAA,OAAKC,OAAO;AAAA;AACtC;AACA,CAAC;AAED,OAAO,MAAMC,eAAe,GAAGL,MAAM,CAACE,GAAG;AACzC;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMI,eAAe,GAAGN,MAAM,CAACE,GAAG;AACzC;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/esm/components/calendar/month-wrapper/month/day-wrapper/DayWrapper.js

@@ -0,0 +1,121 @@
+import React, { useCallback, useMemo } from 'react';
+import { CalendarType } from '../../../../../types/calendar';
+import { findNextDate } from '../../../../../utils/calendar';
+import Day from './day/Day';
+import { StyledDayWrapper } from './DayWrapper.styles';
+import { addDays, isAfter, isSameDay, isSameMonth, isWithinInterval, startOfMonth, startOfWeek } from "../../../../../utils/date";
+const DayWrapper = _ref => {
+  let {
+    month,
+    year,
+    highlightedDates,
+    onSelect,
+    selectedDate,
+    categories,
+    minDate,
+    maxDate,
+    customThumbColors,
+    type,
+    hoveringDay,
+    shouldShowHighlightsInMonthOverlay,
+    setHoveringDay,
+    disabledDates
+  } = _ref;
+  const dayOfCurrentMonth = useMemo(() => new Date(year, month - 1, 13), [month, year]);
+  const days = useMemo(() => {
+    const dateArray = [];
+    const currentDate = startOfMonth(dayOfCurrentMonth);
+    const startDay = startOfWeek(currentDate);
+    for (let i = 0; i < 42; i++) {
+      const newDate = addDays(startDay, i);
+      dateArray.push(newDate);
+    }
+    return dateArray;
+  }, [dayOfCurrentMonth]);
+  const handleDayClick = useCallback((date, shouldFireEvent) => {
+    if (shouldFireEvent) {
+      onSelect(date);
+    }
+  }, [onSelect]);
+  const dayElements = useMemo(() => {
+    const items = [];
+    const {
+      start,
+      end
+    } = selectedDate || {};
+    const firstDisabledDateAfterStart = findNextDate(start, disabledDates);
+    days.forEach(day => {
+      let isSelected = false;
+      let isIntervalStart = false;
+      let isIntervalEnd = false;
+      let isWithinIntervalSelection = false;
+      const showHoverEffect = false;
+      let isDisabled =
+      // Disables dates, that are not between minDate and maxDate.
+      !isWithinInterval(day, {
+        start: minDate,
+        end: maxDate
+      }) ||
+      // Disables
+      disabledDates.some(disabledDate => isSameDay(disabledDate, day));
+      if (type === CalendarType.Single && selectedDate instanceof Date) {
+        isSelected = isSameDay(selectedDate, day);
+      } else if (type === CalendarType.Multiple && Array.isArray(selectedDate)) {
+        isSelected = selectedDate.some(date => isSameDay(date, day));
+      } else if (type === CalendarType.Interval && start) {
+        isIntervalStart = isSameDay(start, day);
+        if (end) {
+          isIntervalEnd = isSameDay(end, day);
+          isWithinIntervalSelection = isWithinInterval(day, {
+            start,
+            end
+          });
+        } else if (firstDisabledDateAfterStart && !isDisabled && isAfter(day, firstDisabledDateAfterStart)) {
+          // Ensures, that the interval end can't be set in a way, that the interval includes disabled dates.
+          isDisabled = true;
+        }
+      }
+      if (type === CalendarType.Interval && hoveringDay && !isIntervalStart && !isIntervalEnd && !isWithinIntervalSelection) {
+        if (!start) {
+          isIntervalStart = isSameDay(day, hoveringDay);
+        } else if (start && !end) {
+          if (start > day) {
+            isIntervalStart = isSameDay(day, hoveringDay);
+          } else {
+            isWithinIntervalSelection = isWithinInterval(day, {
+              start,
+              end: hoveringDay
+            });
+            isIntervalEnd = isSameDay(hoveringDay, day);
+          }
+        } else if (start && end && isSameDay(hoveringDay, day)) {
+          isIntervalStart = !isWithinInterval(day, {
+            start,
+            end
+          });
+        }
+      }
+      items.push(/*#__PURE__*/React.createElement(Day, {
+        key: `single-day-${day.toDateString()}`,
+        categories: categories,
+        date: day,
+        isSelected: isSelected,
+        customThumbColors: customThumbColors,
+        isIntervalStart: isIntervalStart,
+        isIntervalEnd: isIntervalEnd,
+        isWithinIntervalSelection: isWithinIntervalSelection,
+        isDisabled: isDisabled,
+        shouldShowHighlightsInMonthOverlay: shouldShowHighlightsInMonthOverlay,
+        isSameMonth: isSameMonth(day, dayOfCurrentMonth),
+        onClick: handleDayClick,
+        highlightedDates: highlightedDates,
+        setHoveringDay: setHoveringDay
+      }));
+    });
+    return items;
+  }, [selectedDate, disabledDates, days, minDate, maxDate, type, hoveringDay, categories, customThumbColors, shouldShowHighlightsInMonthOverlay, dayOfCurrentMonth, handleDayClick, highlightedDates, setHoveringDay]);
+  return /*#__PURE__*/React.createElement(StyledDayWrapper, null, dayElements);
+};
+DayWrapper.displayName = 'DayWrapper';
+export default DayWrapper;
+//# sourceMappingURL=DayWrapper.js.map

package/lib/esm/components/calendar/month-wrapper/month/day-wrapper/DayWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DayWrapper.js","names":["React","useCallback","useMemo","CalendarType","findNextDate","Day","StyledDayWrapper","addDays","isAfter","isSameDay","isSameMonth","isWithinInterval","startOfMonth","startOfWeek","DayWrapper","_ref","month","year","highlightedDates","onSelect","selectedDate","categories","minDate","maxDate","customThumbColors","type","hoveringDay","shouldShowHighlightsInMonthOverlay","setHoveringDay","disabledDates","dayOfCurrentMonth","Date","days","dateArray","currentDate","startDay","i","newDate","push","handleDayClick","date","shouldFireEvent","dayElements","items","start","end","firstDisabledDateAfterStart","forEach","day","isSelected","isIntervalStart","isIntervalEnd","isWithinIntervalSelection","showHoverEffect","isDisabled","some","disabledDate","Single","Multiple","Array","isArray","Interval","createElement","key","toDateString","onClick","displayName"],"sources":["../../../../../../../src/components/calendar/month-wrapper/month/day-wrapper/DayWrapper.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo, type ReactElement } from 'react';\nimport {\n    CalendarType,\n    type Categories, CustomThumbColors,\n    type DateInterval,\n    type EMonth,\n    type HighlightedDates,\n} from '../../../../../types/calendar';\nimport { findNextDate } from '../../../../../utils/calendar';\nimport Day from './day/Day';\nimport { StyledDayWrapper } from './DayWrapper.styles';\nimport {\n    addDays,\n    isAfter,\n    isSameDay,\n    isSameMonth,\n    isWithinInterval,\n    startOfMonth,\n    startOfWeek\n} from \"../../../../../utils/date\";\n\nexport type DayWrapperProps = {\n    month: EMonth;\n    year: number;\n    highlightedDates?: HighlightedDates[];\n    onSelect: (date: Date) => void;\n    selectedDate?: Date | Date[] | DateInterval;\n    categories?: Categories[];\n    minDate: Date;\n    maxDate: Date;\n    type: CalendarType;\n    hoveringDay: Date | null;\n    setHoveringDay: (date: Date | null) => void;\n    disabledDates: Date[];\n    customThumbColors?: CustomThumbColors;\n    shouldShowHighlightsInMonthOverlay: boolean;\n};\n\nconst DayWrapper: FC<DayWrapperProps> = ({\n    month,\n    year,\n    highlightedDates,\n    onSelect,\n    selectedDate,\n    categories,\n    minDate,\n    maxDate,customThumbColors,\n    type,\n    hoveringDay,\n    shouldShowHighlightsInMonthOverlay,\n    setHoveringDay,\n    disabledDates,\n}) => {\n    const dayOfCurrentMonth = useMemo(() => new Date(year, month - 1, 13), [month, year]);\n\n    const days = useMemo(() => {\n        const dateArray: Date[] = [];\n\n        const currentDate = startOfMonth(dayOfCurrentMonth);\n\n        const startDay = startOfWeek(currentDate);\n\n        for (let i = 0; i < 42; i++) {\n            const newDate = addDays(startDay, i);\n            dateArray.push(newDate);\n        }\n\n        return dateArray;\n    }, [dayOfCurrentMonth]);\n\n    const handleDayClick = useCallback(\n        (date: Date, shouldFireEvent: boolean) => {\n            if (shouldFireEvent) {\n                onSelect(date);\n            }\n        },\n        [onSelect],\n    );\n\n    const dayElements = useMemo(() => {\n        const items: ReactElement[] = [];\n\n        const { start, end } = (selectedDate || {}) as DateInterval;\n        const firstDisabledDateAfterStart = findNextDate(start, disabledDates);\n\n        days.forEach((day) => {\n            let isSelected = false;\n            let isIntervalStart = false;\n            let isIntervalEnd = false;\n            let isWithinIntervalSelection = false;\n            const showHoverEffect = false;\n\n            let isDisabled =\n                // Disables dates, that are not between minDate and maxDate.\n                !isWithinInterval(day, { start: minDate, end: maxDate }) ||\n                // Disables\n                disabledDates.some((disabledDate) => isSameDay(disabledDate, day));\n\n            if (type === CalendarType.Single && selectedDate instanceof Date) {\n                isSelected = isSameDay(selectedDate, day);\n            } else if (type === CalendarType.Multiple && Array.isArray(selectedDate)) {\n                isSelected = selectedDate.some((date) => isSameDay(date, day));\n            } else if (type === CalendarType.Interval && start) {\n                isIntervalStart = isSameDay(start, day);\n                if (end) {\n                    isIntervalEnd = isSameDay(end, day);\n\n                    isWithinIntervalSelection = isWithinInterval(day, {\n                        start,\n                        end,\n                    });\n                } else if (\n                    firstDisabledDateAfterStart &&\n                    !isDisabled &&\n                    isAfter(day, firstDisabledDateAfterStart)\n                ) {\n                    // Ensures, that the interval end can't be set in a way, that the interval includes disabled dates.\n                    isDisabled = true;\n                }\n            }\n\n            if (\n                type === CalendarType.Interval &&\n                hoveringDay &&\n                !isIntervalStart &&\n                !isIntervalEnd &&\n                !isWithinIntervalSelection\n            ) {\n                if (!start) {\n                    isIntervalStart = isSameDay(day, hoveringDay);\n                } else if (start && !end) {\n                    if (start > day) {\n                        isIntervalStart = isSameDay(day, hoveringDay);\n                    } else {\n                        isWithinIntervalSelection = isWithinInterval(day, {\n                            start,\n                            end: hoveringDay,\n                        });\n                        isIntervalEnd = isSameDay(hoveringDay, day);\n                    }\n                } else if (start && end && isSameDay(hoveringDay, day)) {\n                    isIntervalStart = !isWithinInterval(day, { start, end });\n                }\n            }\n\n            items.push(\n                <Day\n                    key={`single-day-${day.toDateString()}`}\n                    categories={categories}\n                    date={day}\n                    isSelected={isSelected}\n                    customThumbColors={customThumbColors}\n                    isIntervalStart={isIntervalStart}\n                    isIntervalEnd={isIntervalEnd}\n                    isWithinIntervalSelection={isWithinIntervalSelection}\n                    isDisabled={isDisabled}\n                    shouldShowHighlightsInMonthOverlay={shouldShowHighlightsInMonthOverlay}\n                    isSameMonth={isSameMonth(day, dayOfCurrentMonth)}\n                    onClick={handleDayClick}\n                    highlightedDates={highlightedDates}\n                    setHoveringDay={setHoveringDay}\n                />,\n            );\n        });\n\n        return items;\n    }, [selectedDate, disabledDates, days, minDate, maxDate, type, hoveringDay, categories, customThumbColors, shouldShowHighlightsInMonthOverlay, dayOfCurrentMonth, handleDayClick, highlightedDates, setHoveringDay]);\n\n    return <StyledDayWrapper>{dayElements}</StyledDayWrapper>;\n};\n\nDayWrapper.displayName = 'DayWrapper';\n\nexport default DayWrapper;\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/components/calendar/month-wrapper/month/day-wrapper/DayWrapper.styles.js

@@ -0,0 +1,9 @@
+import styled from 'styled-components';
+export const StyledDayWrapper = styled.div`
+    display: grid;
+    grid-template-rows: repeat(6, 1fr);
+    grid-template-columns: repeat(7, 1fr);
+    padding-top: 6px;
+    margin: 0 15px;
+`;
+//# sourceMappingURL=DayWrapper.styles.js.map

package/lib/esm/components/calendar/month-wrapper/month/day-wrapper/DayWrapper.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DayWrapper.styles.js","names":["styled","StyledDayWrapper","div"],"sources":["../../../../../../../src/components/calendar/month-wrapper/month/day-wrapper/DayWrapper.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledDayWrapper = styled.div`\n    display: grid;\n    grid-template-rows: repeat(6, 1fr);\n    grid-template-columns: repeat(7, 1fr);\n    padding-top: 6px;\n    margin: 0 15px;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,OAAO,MAAMC,gBAAgB,GAAGD,MAAM,CAACE,GAAG;AAC1C;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/esm/components/calendar/month-wrapper/month/day-wrapper/day/Day.js

@@ -0,0 +1,54 @@
+import React, { useMemo, useRef } from 'react';
+import Category from './category/Category';
+import { StyledDay, StyledDayCategoryWrapper, StyledDayNumber } from './Day.styles';
+import { isSameDay } from "../../../../../../utils/date";
+const Day = _ref => {
+  let {
+    date,
+    highlightedDates,
+    categories,
+    isSameMonth,
+    isSelected,
+    onClick,
+    isDisabled,
+    isIntervalStart,
+    isIntervalEnd,
+    customThumbColors,
+    isWithinIntervalSelection,
+    shouldShowHighlightsInMonthOverlay,
+    setHoveringDay
+  } = _ref;
+  const dayRef = useRef(null);
+  const styles = useMemo(() => {
+    if (!highlightedDates || !shouldShowHighlightsInMonthOverlay && !isSameMonth) {
+      return undefined;
+    }
+    return highlightedDates.find(highlightedDate => highlightedDate.dates.some(highlighted => isSameDay(highlighted, date)))?.style;
+  }, [date, highlightedDates, isSameMonth, shouldShowHighlightsInMonthOverlay]);
+  const categoryElements = useMemo(() => {
+    if (!categories || !shouldShowHighlightsInMonthOverlay && !isSameMonth) return [];
+    return categories.flatMap(category => category.dates.filter(day => isSameDay(day, date)).map(day => /*#__PURE__*/React.createElement(Category, {
+      key: day.getTime() * Math.random(),
+      color: category.color
+    })));
+  }, [categories, date, isSameMonth, shouldShowHighlightsInMonthOverlay]);
+  return /*#__PURE__*/React.createElement(StyledDay, {
+    ref: dayRef,
+    onClick: () => onClick(date, isSameMonth && !isDisabled),
+    $isSameMonth: isSameMonth,
+    $isDisabled: isDisabled,
+    $backgroundColor: styles?.backgroundColor,
+    $textColor: styles?.textColor,
+    onMouseEnter: () => setHoveringDay(date),
+    onMouseLeave: () => setHoveringDay(null)
+  }, /*#__PURE__*/React.createElement(StyledDayNumber, {
+    $customThumbColors: customThumbColors,
+    $isSelected: shouldShowHighlightsInMonthOverlay ? isSelected : isSelected && isSameMonth,
+    $isIntervalStart: shouldShowHighlightsInMonthOverlay ? isIntervalStart : isIntervalStart && isSameMonth,
+    $isIntervalEnd: shouldShowHighlightsInMonthOverlay ? isIntervalEnd : isIntervalEnd && isSameMonth,
+    $isWithinIntervalSelection: shouldShowHighlightsInMonthOverlay ? isWithinIntervalSelection : isWithinIntervalSelection && isSameMonth
+  }, date.getDate()), categoryElements && /*#__PURE__*/React.createElement(StyledDayCategoryWrapper, null, categoryElements));
+};
+Day.displayName = 'Day';
+export default Day;
+//# sourceMappingURL=Day.js.map

package/lib/esm/components/calendar/month-wrapper/month/day-wrapper/day/Day.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Day.js","names":["React","useMemo","useRef","Category","StyledDay","StyledDayCategoryWrapper","StyledDayNumber","isSameDay","Day","_ref","date","highlightedDates","categories","isSameMonth","isSelected","onClick","isDisabled","isIntervalStart","isIntervalEnd","customThumbColors","isWithinIntervalSelection","shouldShowHighlightsInMonthOverlay","setHoveringDay","dayRef","styles","undefined","find","highlightedDate","dates","some","highlighted","style","categoryElements","flatMap","category","filter","day","map","createElement","key","getTime","Math","random","color","ref","$isSameMonth","$isDisabled","$backgroundColor","backgroundColor","$textColor","textColor","onMouseEnter","onMouseLeave","$customThumbColors","$isSelected","$isIntervalStart","$isIntervalEnd","$isWithinIntervalSelection","getDate","displayName"],"sources":["../../../../../../../../src/components/calendar/month-wrapper/month/day-wrapper/day/Day.tsx"],"sourcesContent":["import React, { FC, useMemo, useRef } from 'react';\nimport {\n    Categories, CustomThumbColors,\n    HighlightedDates,\n    HighlightedDateStyles,\n} from '../../../../../../types/calendar';\nimport Category from './category/Category';\nimport { StyledDay, StyledDayCategoryWrapper, StyledDayNumber } from './Day.styles';\nimport {isSameDay} from \"../../../../../../utils/date\";\n\nexport type DayProps = {\n    date: Date;\n    isSameMonth: boolean;\n    isSelected: boolean;\n    onClick: (date: Date, shouldFireEvent: boolean) => void;\n    highlightedDates?: HighlightedDates[];\n    categories?: Categories[];\n    isDisabled: boolean;\n    isIntervalStart: boolean;\n    isIntervalEnd: boolean;\n    isWithinIntervalSelection: boolean;\n    setHoveringDay: (date: Date | null) => void;\n    shouldShowHighlightsInMonthOverlay: boolean;\n    customThumbColors?: CustomThumbColors;\n};\n\nconst Day: FC<DayProps> = ({\n    date,\n    highlightedDates,\n    categories,\n    isSameMonth,\n    isSelected,\n    onClick,\n    isDisabled,\n    isIntervalStart,\n    isIntervalEnd,customThumbColors,\n    isWithinIntervalSelection,\n    shouldShowHighlightsInMonthOverlay,\n    setHoveringDay,\n}) => {\n    const dayRef = useRef<HTMLDivElement>(null);\n\n    const styles: HighlightedDateStyles | undefined = useMemo(() => {\n        if (!highlightedDates || (!shouldShowHighlightsInMonthOverlay && !isSameMonth)) {\n            return undefined;\n        }\n\n        return highlightedDates.find((highlightedDate) =>\n            highlightedDate.dates.some((highlighted) => isSameDay(highlighted, date)),\n        )?.style;\n    }, [date, highlightedDates, isSameMonth, shouldShowHighlightsInMonthOverlay]);\n\n    const categoryElements = useMemo(() => {\n        if (!categories || (!shouldShowHighlightsInMonthOverlay && !isSameMonth)) return [];\n\n        return categories.flatMap((category) =>\n            category.dates\n                .filter((day) => isSameDay(day, date))\n                .map((day) => (\n                    <Category key={day.getTime() * Math.random()} color={category.color} />\n                )),\n        );\n    }, [categories, date, isSameMonth, shouldShowHighlightsInMonthOverlay]);\n\n    return (\n        <StyledDay\n            ref={dayRef}\n            onClick={() => onClick(date, isSameMonth && !isDisabled)}\n            $isSameMonth={isSameMonth}\n            $isDisabled={isDisabled}\n            $backgroundColor={styles?.backgroundColor}\n            $textColor={styles?.textColor}\n            onMouseEnter={() => setHoveringDay(date)}\n            onMouseLeave={() => setHoveringDay(null)}\n        >\n            <StyledDayNumber\n                $customThumbColors={customThumbColors}\n                $isSelected={\n                    shouldShowHighlightsInMonthOverlay ? isSelected : isSelected && isSameMonth\n                }\n                $isIntervalStart={\n                    shouldShowHighlightsInMonthOverlay\n                        ? isIntervalStart\n                        : isIntervalStart && isSameMonth\n                }\n                $isIntervalEnd={\n                    shouldShowHighlightsInMonthOverlay\n                        ? isIntervalEnd\n                        : isIntervalEnd && isSameMonth\n                }\n                $isWithinIntervalSelection={\n                    shouldShowHighlightsInMonthOverlay\n                        ? isWithinIntervalSelection\n                        : isWithinIntervalSelection && isSameMonth\n                }\n            >\n                {date.getDate()}\n            </StyledDayNumber>\n            {categoryElements && (\n                <StyledDayCategoryWrapper>{categoryElements}</StyledDayCategoryWrapper>\n            )}\n        </StyledDay>\n    );\n};\n\nDay.displayName = 'Day';\n\nexport default Day;\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/components/calendar/month-wrapper/month/day-wrapper/day/Day.styles.js

@@ -0,0 +1,123 @@
+import styled, { css } from 'styled-components';
+export const StyledDay = styled.div`
+    position: relative;
+    cursor: ${_ref => {
+  let {
+    $isSameMonth,
+    $isDisabled
+  } = _ref;
+  return $isSameMonth && !$isDisabled ? 'pointer' : 'default';
+}};
+    color: ${_ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return theme.text;
+}};
+    opacity: ${_ref3 => {
+  let {
+    $isSameMonth,
+    $isDisabled
+  } = _ref3;
+  if ($isSameMonth && !$isDisabled) {
+    return '1';
+  }
+  if ($isDisabled) {
+    return '0.2';
+  }
+  return '0.5';
+}};
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    aspect-ratio: 1;
+    pointer-events: ${_ref4 => {
+  let {
+    $isSameMonth,
+    $isDisabled
+  } = _ref4;
+  return $isSameMonth && !$isDisabled ? 'auto' : 'none';
+}};
+
+    ${_ref5 => {
+  let {
+    $backgroundColor,
+    $textColor
+  } = _ref5;
+  return $backgroundColor && $textColor && css`
+            color: ${$textColor};
+            background-color: ${$backgroundColor};
+        `;
+}}
+`;
+export const StyledDayNumber = styled.div`
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 80%;
+    height: 80%;
+    font-size: 90%;
+
+    ${_ref6 => {
+  let {
+    $isSelected,
+    $isIntervalEnd,
+    $isIntervalStart,
+    $isWithinIntervalSelection,
+    $customThumbColors,
+    theme
+  } = _ref6;
+  return !!($isSelected || $isIntervalStart || $isIntervalEnd || $isWithinIntervalSelection) && css`
+            background-color: ${$customThumbColors?.mainBackgroundColor ?? theme['404']};
+            color: ${$customThumbColors?.mainTextColor ?? theme['409']};
+        `;
+}}
+
+    ${_ref7 => {
+  let {
+    $isIntervalStart,
+    $isIntervalEnd,
+    $isWithinIntervalSelection,
+    $customThumbColors,
+    theme
+  } = _ref7;
+  if ($isIntervalStart && $isIntervalEnd) {
+    return css`
+                border-radius: 5px;
+                width: 100%;
+            `;
+  }
+  if ($isIntervalStart) {
+    return css`
+                border-radius: 5px 0 0 5px;
+                width: 100%;
+            `;
+  }
+  if ($isIntervalEnd) {
+    return css`
+                border-radius: 0 5px 5px 0;
+                width: 100%;
+            `;
+  }
+  if ($isWithinIntervalSelection) {
+    return css`
+                border-radius: 0;
+                width: 100%;
+                background-color: ${$customThumbColors?.secondaryBackgroundColor ?? theme['403']};
+            `;
+  }
+  return '';
+}}
+`;
+export const StyledDayCategoryWrapper = styled.div`
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 6%;
+    width: 100%;
+    position: absolute;
+    bottom: 2px;
+`;
+//# sourceMappingURL=Day.styles.js.map

package/lib/esm/components/calendar/month-wrapper/month/day-wrapper/day/Day.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Day.styles.js","names":["styled","css","StyledDay","div","_ref","$isSameMonth","$isDisabled","_ref2","theme","text","_ref3","_ref4","_ref5","$backgroundColor","$textColor","StyledDayNumber","_ref6","$isSelected","$isIntervalEnd","$isIntervalStart","$isWithinIntervalSelection","$customThumbColors","mainBackgroundColor","mainTextColor","_ref7","secondaryBackgroundColor","StyledDayCategoryWrapper"],"sources":["../../../../../../../../src/components/calendar/month-wrapper/month/day-wrapper/day/Day.styles.ts"],"sourcesContent":["import type { WithTheme } from '@chayns-components/core';\nimport type { CSSProperties } from 'react';\nimport styled, { css } from 'styled-components';\nimport {CustomThumbColors} from \"../../../../../../types/calendar\";\n\ntype StyledDayProps = WithTheme<{\n    $isSameMonth: boolean;\n    $backgroundColor?: CSSProperties['backgroundColor'];\n    $textColor?: CSSProperties['color'];\n    $isDisabled: boolean;\n}>;\n\nexport const StyledDay = styled.div<StyledDayProps>`\n    position: relative;\n    cursor: ${({ $isSameMonth, $isDisabled }) =>\n        $isSameMonth && !$isDisabled ? 'pointer' : 'default'};\n    color: ${({ theme }: StyledDayProps) => theme.text};\n    opacity: ${({ $isSameMonth, $isDisabled }) => {\n        if ($isSameMonth && !$isDisabled) {\n            return '1';\n        }\n        if ($isDisabled) {\n            return '0.2';\n        }\n        return '0.5';\n    }};\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    aspect-ratio: 1;\n    pointer-events: ${({ $isSameMonth, $isDisabled }) =>\n        $isSameMonth && !$isDisabled ? 'auto' : 'none'};\n\n    ${({ $backgroundColor, $textColor }) =>\n        $backgroundColor &&\n        $textColor &&\n        css`\n            color: ${$textColor};\n            background-color: ${$backgroundColor};\n        `}\n`;\n\ntype StyledDayNumberProps = WithTheme<{\n    $isSelected: boolean;\n    $isIntervalEnd: boolean;\n    $isIntervalStart: boolean;\n    $isWithinIntervalSelection: boolean;\n    $customThumbColors?: CustomThumbColors;\n}>;\n\nexport const StyledDayNumber = styled.div<StyledDayNumberProps>`\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 80%;\n    height: 80%;\n    font-size: 90%;\n\n    ${({ $isSelected, $isIntervalEnd, $isIntervalStart, $isWithinIntervalSelection, $customThumbColors, theme }) =>\n        !!($isSelected || $isIntervalStart || $isIntervalEnd || $isWithinIntervalSelection) &&\n        css`\n            background-color: ${$customThumbColors?.mainBackgroundColor ?? theme['404']};\n            color: ${$customThumbColors?.mainTextColor ?? theme['409']};\n        `}\n\n    ${({ $isIntervalStart, $isIntervalEnd, $isWithinIntervalSelection, $customThumbColors, theme }) => {\n        if ($isIntervalStart && $isIntervalEnd) {\n            return css`\n                border-radius: 5px;\n                width: 100%;\n            `;\n        }\n        if ($isIntervalStart) {\n            return css`\n                border-radius: 5px 0 0 5px;\n                width: 100%;\n            `;\n        }\n        if ($isIntervalEnd) {\n            return css`\n                border-radius: 0 5px 5px 0;\n                width: 100%;\n            `;\n        }\n        if ($isWithinIntervalSelection) {\n            return css`\n                border-radius: 0;\n                width: 100%;\n                background-color: ${$customThumbColors?.secondaryBackgroundColor ?? theme['403']};\n            `;\n        }\n\n        return '';\n    }}\n`;\n\nexport const StyledDayCategoryWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 6%;\n    width: 100%;\n    position: absolute;\n    bottom: 2px;\n`;\n"],"mappings":"AAEA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAU/C,OAAO,MAAMC,SAAS,GAAGF,MAAM,CAACG,GAAmB;AACnD;AACA,cAAcC,IAAA;EAAA,IAAC;IAAEC,YAAY;IAAEC;EAAY,CAAC,GAAAF,IAAA;EAAA,OACpCC,YAAY,IAAI,CAACC,WAAW,GAAG,SAAS,GAAG,SAAS;AAAA;AAC5D,aAAaC,KAAA;EAAA,IAAC;IAAEC;EAAsB,CAAC,GAAAD,KAAA;EAAA,OAAKC,KAAK,CAACC,IAAI;AAAA;AACtD,eAAeC,KAAA,IAAmC;EAAA,IAAlC;IAAEL,YAAY;IAAEC;EAAY,CAAC,GAAAI,KAAA;EACrC,IAAIL,YAAY,IAAI,CAACC,WAAW,EAAE;IAC9B,OAAO,GAAG;EACd;EACA,IAAIA,WAAW,EAAE;IACb,OAAO,KAAK;EAChB;EACA,OAAO,KAAK;AAChB,CAAC;AACL;AACA;AACA;AACA;AACA;AACA,sBAAsBK,KAAA;EAAA,IAAC;IAAEN,YAAY;IAAEC;EAAY,CAAC,GAAAK,KAAA;EAAA,OAC5CN,YAAY,IAAI,CAACC,WAAW,GAAG,MAAM,GAAG,MAAM;AAAA;AACtD;AACA,MAAMM,KAAA;EAAA,IAAC;IAAEC,gBAAgB;IAAEC;EAAW,CAAC,GAAAF,KAAA;EAAA,OAC/BC,gBAAgB,IAChBC,UAAU,IACVb,GAAG;AACX,qBAAqBa,UAAU;AAC/B,gCAAgCD,gBAAgB;AAChD,SAAS;AAAA;AACT,CAAC;AAUD,OAAO,MAAME,eAAe,GAAGf,MAAM,CAACG,GAAyB;AAC/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMa,KAAA;EAAA,IAAC;IAAEC,WAAW;IAAEC,cAAc;IAAEC,gBAAgB;IAAEC,0BAA0B;IAAEC,kBAAkB;IAAEb;EAAM,CAAC,GAAAQ,KAAA;EAAA,OACvG,CAAC,EAAEC,WAAW,IAAIE,gBAAgB,IAAID,cAAc,IAAIE,0BAA0B,CAAC,IACnFnB,GAAG;AACX,gCAAgCoB,kBAAkB,EAAEC,mBAAmB,IAAId,KAAK,CAAC,KAAK,CAAC;AACvF,qBAAqBa,kBAAkB,EAAEE,aAAa,IAAIf,KAAK,CAAC,KAAK,CAAC;AACtE,SAAS;AAAA;AACT;AACA,MAAMgB,KAAA,IAAiG;EAAA,IAAhG;IAAEL,gBAAgB;IAAED,cAAc;IAAEE,0BAA0B;IAAEC,kBAAkB;IAAEb;EAAM,CAAC,GAAAgB,KAAA;EAC1F,IAAIL,gBAAgB,IAAID,cAAc,EAAE;IACpC,OAAOjB,GAAG;AACtB;AACA;AACA,aAAa;EACL;EACA,IAAIkB,gBAAgB,EAAE;IAClB,OAAOlB,GAAG;AACtB;AACA;AACA,aAAa;EACL;EACA,IAAIiB,cAAc,EAAE;IAChB,OAAOjB,GAAG;AACtB;AACA;AACA,aAAa;EACL;EACA,IAAImB,0BAA0B,EAAE;IAC5B,OAAOnB,GAAG;AACtB;AACA;AACA,oCAAoCoB,kBAAkB,EAAEI,wBAAwB,IAAIjB,KAAK,CAAC,KAAK,CAAC;AAChG,aAAa;EACL;EAEA,OAAO,EAAE;AACb,CAAC;AACL,CAAC;AAED,OAAO,MAAMkB,wBAAwB,GAAG1B,MAAM,CAACG,GAAG;AAClD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/esm/components/calendar/month-wrapper/month/day-wrapper/day/category/Category.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { StyledCategory } from './Category.styles';
+const Category = _ref => {
+  let {
+    color
+  } = _ref;
+  return /*#__PURE__*/React.createElement(StyledCategory, {
+    $color: color
+  });
+};
+Category.displayName = 'Category';
+export default Category;
+//# sourceMappingURL=Category.js.map

package/lib/esm/components/calendar/month-wrapper/month/day-wrapper/day/category/Category.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Category.js","names":["React","StyledCategory","Category","_ref","color","createElement","$color","displayName"],"sources":["../../../../../../../../../src/components/calendar/month-wrapper/month/day-wrapper/day/category/Category.tsx"],"sourcesContent":["import React, { FC, type CSSProperties } from 'react';\nimport { StyledCategory } from './Category.styles';\n\nexport type CategoryProps = {\n    color: CSSProperties['color'];\n};\n\nconst Category: FC<CategoryProps> = ({ color }) => <StyledCategory $color={color} />;\n\nCategory.displayName = 'Category';\n\nexport default Category;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAkC,OAAO;AACrD,SAASC,cAAc,QAAQ,mBAAmB;AAMlD,MAAMC,QAA2B,GAAGC,IAAA;EAAA,IAAC;IAAEC;EAAM,CAAC,GAAAD,IAAA;EAAA,oBAAKH,KAAA,CAAAK,aAAA,CAACJ,cAAc;IAACK,MAAM,EAAEF;EAAM,CAAE,CAAC;AAAA;AAEpFF,QAAQ,CAACK,WAAW,GAAG,UAAU;AAEjC,eAAeL,QAAQ","ignoreList":[]}

package/lib/esm/components/calendar/month-wrapper/month/day-wrapper/day/category/Category.styles.js

@@ -0,0 +1,14 @@
+import styled from 'styled-components';
+export const StyledCategory = styled.div`
+    border-radius: 50%;
+    width: 24%;
+    aspect-ratio: 1;
+    background-color: ${_ref => {
+  let {
+    $color
+  } = _ref;
+  return $color;
+}};
+    border: 1px solid white;
+`;
+//# sourceMappingURL=Category.styles.js.map

package/lib/esm/components/calendar/month-wrapper/month/day-wrapper/day/category/Category.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Category.styles.js","names":["styled","StyledCategory","div","_ref","$color"],"sources":["../../../../../../../../../src/components/calendar/month-wrapper/month/day-wrapper/day/category/Category.styles.ts"],"sourcesContent":["import type { WithTheme } from '@chayns-components/core';\nimport type { CSSProperties } from 'react';\nimport styled from 'styled-components';\n\ntype StyledCategoryProps = WithTheme<{ $color: CSSProperties['color'] }>;\n\nexport const StyledCategory = styled.div<StyledCategoryProps>`\n    border-radius: 50%;\n    width: 24%;\n    aspect-ratio: 1;\n    background-color: ${({ $color }) => $color};\n    border: 1px solid white;\n`;\n"],"mappings":"AAEA,OAAOA,MAAM,MAAM,mBAAmB;AAItC,OAAO,MAAMC,cAAc,GAAGD,MAAM,CAACE,GAAwB;AAC7D;AACA;AACA;AACA,wBAAwBC,IAAA;EAAA,IAAC;IAAEC;EAAO,CAAC,GAAAD,IAAA;EAAA,OAAKC,MAAM;AAAA;AAC9C;AACA,CAAC","ignoreList":[]}

package/lib/esm/components/calendar/month-wrapper/month/weekday-wrapper/WeekdayWrapper.js

@@ -0,0 +1,34 @@
+import React, { useMemo } from 'react';
+import { StyledWeekdayWrapper } from './WeekdayWrapper.styles';
+import Weekday from './weekday/Weekday';
+import { eachDayOfInterval, endOfWeek, startOfWeek } from "../../../../../utils/date";
+const WeekdayWrapper = _ref => {
+  let {
+    locale
+  } = _ref;
+  const monday = startOfWeek(new Date());
+  const sunday = endOfWeek(new Date());
+  const weekdays = eachDayOfInterval({
+    start: monday,
+    end: sunday
+  });
+  const weekdayElements = useMemo(() => {
+    const items = [];
+    weekdays.forEach(day => {
+      const options = {
+        weekday: 'short'
+      };
+      const formatter = new Intl.DateTimeFormat(locale, options);
+      const formattedDay = formatter.format(day);
+      items.push(/*#__PURE__*/React.createElement(Weekday, {
+        key: `weekday-${formattedDay}`,
+        name: formattedDay
+      }));
+    });
+    return items;
+  }, [locale, weekdays]);
+  return /*#__PURE__*/React.createElement(StyledWeekdayWrapper, null, weekdayElements);
+};
+WeekdayWrapper.displayName = 'WeekdayWrapper';
+export default WeekdayWrapper;
+//# sourceMappingURL=WeekdayWrapper.js.map

package/lib/esm/components/calendar/month-wrapper/month/weekday-wrapper/WeekdayWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WeekdayWrapper.js","names":["React","useMemo","StyledWeekdayWrapper","Weekday","eachDayOfInterval","endOfWeek","startOfWeek","WeekdayWrapper","_ref","locale","monday","Date","sunday","weekdays","start","end","weekdayElements","items","forEach","day","options","weekday","formatter","Intl","DateTimeFormat","formattedDay","format","push","createElement","key","name","displayName"],"sources":["../../../../../../../src/components/calendar/month-wrapper/month/weekday-wrapper/WeekdayWrapper.tsx"],"sourcesContent":["import React, { FC, type ReactElement, useMemo } from 'react';\nimport { StyledWeekdayWrapper } from './WeekdayWrapper.styles';\nimport Weekday from './weekday/Weekday';\nimport {Language} from \"chayns-api\";\nimport {eachDayOfInterval, endOfWeek, startOfWeek} from \"../../../../../utils/date\";\n\nexport type WeekdayWrapperProps = {\n    locale?: Language;\n};\n\nconst WeekdayWrapper: FC<WeekdayWrapperProps> = ({ locale }) => {\n    const monday = startOfWeek(new Date());\n    const sunday = endOfWeek(new Date());\n    const weekdays = eachDayOfInterval({ start: monday, end: sunday });\n\n    const weekdayElements = useMemo(() => {\n        const items: ReactElement[] = [];\n\n        weekdays.forEach((day) => {\n            const options: Intl.DateTimeFormatOptions = { weekday: 'short' };\n            const formatter = new Intl.DateTimeFormat(locale, options);\n            const formattedDay = formatter.format(day);\n\n            items.push(<Weekday key={`weekday-${formattedDay}`} name={formattedDay} />);\n        });\n\n        return items;\n    }, [locale, weekdays]);\n\n    return <StyledWeekdayWrapper>{weekdayElements}</StyledWeekdayWrapper>;\n};\n\nWeekdayWrapper.displayName = 'WeekdayWrapper';\n\nexport default WeekdayWrapper;\n"],"mappings":"AAAA,OAAOA,KAAK,IAA2BC,OAAO,QAAQ,OAAO;AAC7D,SAASC,oBAAoB,QAAQ,yBAAyB;AAC9D,OAAOC,OAAO,MAAM,mBAAmB;AAEvC,SAAQC,iBAAiB,EAAEC,SAAS,EAAEC,WAAW,QAAO,2BAA2B;AAMnF,MAAMC,cAAuC,GAAGC,IAAA,IAAgB;EAAA,IAAf;IAAEC;EAAO,CAAC,GAAAD,IAAA;EACvD,MAAME,MAAM,GAAGJ,WAAW,CAAC,IAAIK,IAAI,CAAC,CAAC,CAAC;EACtC,MAAMC,MAAM,GAAGP,SAAS,CAAC,IAAIM,IAAI,CAAC,CAAC,CAAC;EACpC,MAAME,QAAQ,GAAGT,iBAAiB,CAAC;IAAEU,KAAK,EAAEJ,MAAM;IAAEK,GAAG,EAAEH;EAAO,CAAC,CAAC;EAElE,MAAMI,eAAe,GAAGf,OAAO,CAAC,MAAM;IAClC,MAAMgB,KAAqB,GAAG,EAAE;IAEhCJ,QAAQ,CAACK,OAAO,CAAEC,GAAG,IAAK;MACtB,MAAMC,OAAmC,GAAG;QAAEC,OAAO,EAAE;MAAQ,CAAC;MAChE,MAAMC,SAAS,GAAG,IAAIC,IAAI,CAACC,cAAc,CAACf,MAAM,EAAEW,OAAO,CAAC;MAC1D,MAAMK,YAAY,GAAGH,SAAS,CAACI,MAAM,CAACP,GAAG,CAAC;MAE1CF,KAAK,CAACU,IAAI,cAAC3B,KAAA,CAAA4B,aAAA,CAACzB,OAAO;QAAC0B,GAAG,EAAE,WAAWJ,YAAY,EAAG;QAACK,IAAI,EAAEL;MAAa,CAAE,CAAC,CAAC;IAC/E,CAAC,CAAC;IAEF,OAAOR,KAAK;EAChB,CAAC,EAAE,CAACR,MAAM,EAAEI,QAAQ,CAAC,CAAC;EAEtB,oBAAOb,KAAA,CAAA4B,aAAA,CAAC1B,oBAAoB,QAAEc,eAAsC,CAAC;AACzE,CAAC;AAEDT,cAAc,CAACwB,WAAW,GAAG,gBAAgB;AAE7C,eAAexB,cAAc","ignoreList":[]}

package/lib/esm/components/calendar/month-wrapper/month/weekday-wrapper/WeekdayWrapper.styles.js

@@ -0,0 +1,9 @@
+import styled from 'styled-components';
+export const StyledWeekdayWrapper = styled.div`
+    display: grid;
+    grid-template-rows: repeat(1, 1fr);
+    grid-template-columns: repeat(7, 1fr);
+    padding-top: 6px;
+    margin: 0 15px;
+`;
+//# sourceMappingURL=WeekdayWrapper.styles.js.map

package/lib/esm/components/calendar/month-wrapper/month/weekday-wrapper/WeekdayWrapper.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WeekdayWrapper.styles.js","names":["styled","StyledWeekdayWrapper","div"],"sources":["../../../../../../../src/components/calendar/month-wrapper/month/weekday-wrapper/WeekdayWrapper.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledWeekdayWrapper = styled.div`\n    display: grid;\n    grid-template-rows: repeat(1, 1fr);\n    grid-template-columns: repeat(7, 1fr);\n    padding-top: 6px;\n    margin: 0 15px;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,OAAO,MAAMC,oBAAoB,GAAGD,MAAM,CAACE,GAAG;AAC9C;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/esm/components/calendar/month-wrapper/month/weekday-wrapper/weekday/Weekday.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { StyledWeekday } from './Weekday.styles';
+const Weekday = _ref => {
+  let {
+    name
+  } = _ref;
+  return /*#__PURE__*/React.createElement(StyledWeekday, null, name);
+};
+Weekday.displayName = 'Weekday';
+export default Weekday;
+//# sourceMappingURL=Weekday.js.map

package/lib/esm/components/calendar/month-wrapper/month/weekday-wrapper/weekday/Weekday.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Weekday.js","names":["React","StyledWeekday","Weekday","_ref","name","createElement","displayName"],"sources":["../../../../../../../../src/components/calendar/month-wrapper/month/weekday-wrapper/weekday/Weekday.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyledWeekday } from './Weekday.styles';\n\nexport type WeekdayProps = {\n    name: string;\n};\n\nconst Weekday: FC<WeekdayProps> = ({ name }) => <StyledWeekday>{name}</StyledWeekday>;\n\nWeekday.displayName = 'Weekday';\n\nexport default Weekday;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAc,OAAO;AACjC,SAASC,aAAa,QAAQ,kBAAkB;AAMhD,MAAMC,OAAyB,GAAGC,IAAA;EAAA,IAAC;IAAEC;EAAK,CAAC,GAAAD,IAAA;EAAA,oBAAKH,KAAA,CAAAK,aAAA,CAACJ,aAAa,QAAEG,IAAoB,CAAC;AAAA;AAErFF,OAAO,CAACI,WAAW,GAAG,SAAS;AAE/B,eAAeJ,OAAO","ignoreList":[]}

package/lib/esm/components/calendar/month-wrapper/month/weekday-wrapper/weekday/Weekday.styles.js

@@ -0,0 +1,13 @@
+import styled from 'styled-components';
+export const StyledWeekday = styled.div`
+    color: ${_ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.headline;
+}};
+    cursor: default;
+    font-size: 90%;
+    text-align: center;
+`;
+//# sourceMappingURL=Weekday.styles.js.map

package/lib/esm/components/calendar/month-wrapper/month/weekday-wrapper/weekday/Weekday.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Weekday.styles.js","names":["styled","StyledWeekday","div","_ref","theme","headline"],"sources":["../../../../../../../../src/components/calendar/month-wrapper/month/weekday-wrapper/weekday/Weekday.styles.ts"],"sourcesContent":["import type { WithTheme } from '@chayns-components/core';\nimport styled from 'styled-components';\n\ntype StyledWeekdayProps = WithTheme<unknown>;\n\nexport const StyledWeekday = styled.div<StyledWeekdayProps>`\n    color: ${({ theme }: StyledWeekdayProps) => theme.headline};\n    cursor: default;\n    font-size: 90%;\n    text-align: center;\n`;\n"],"mappings":"AACA,OAAOA,MAAM,MAAM,mBAAmB;AAItC,OAAO,MAAMC,aAAa,GAAGD,MAAM,CAACE,GAAuB;AAC3D,aAAaC,IAAA;EAAA,IAAC;IAAEC;EAA0B,CAAC,GAAAD,IAAA;EAAA,OAAKC,KAAK,CAACC,QAAQ;AAAA;AAC9D;AACA;AACA;AACA,CAAC","ignoreList":[]}