@arkyn/components 3.0.1-beta.139 → 3.0.1-beta.141

package/dist/components/audioPlayer/index.js

@@ -33,7 +33,7 @@ import "./styles.css";
  * />
  */
 function AudioPlayer(props) {
-    const { onPlayAudio, onPauseAudio, disabled, ...rest } = props;
+    const { onPlayAudio, onPauseAudio, disabled, style, ...rest } = props;
     const [sliderValue, setSliderValue] = useSlider(0);
     const [isPlaying, setIsPlaying] = useState(false);
     const [isDragging, setIsDragging] = useState(false);
@@ -110,6 +110,6 @@ function AudioPlayer(props) {
             audioElement.removeEventListener("timeupdate", handleTimeUpdate);
         };
     }, []);
-    return (_jsxs("div", { className: "arkynAudioPlayer", children: [_jsx("audio", { ...rest, ref: audioReference, src: props.src, onEnded: handlePauseAudio }), _jsxs("button", { type: "button", disabled: disabled, onClick: handleToggleAudio, children: [isPlaying && _jsx(Pause, {}), !isPlaying && _jsx(Play, {})] }), _jsx("p", { children: formattedCurrentTime }), _jsx(Slider, { value: sliderValue, onChange: handleSliderChange, onDragging: setIsDragging, disabled: disabled }), _jsx("p", { children: formattedTotalTime })] }));
+    return (_jsxs("div", { className: "arkynAudioPlayer", style: style, children: [_jsx("audio", { ...rest, ref: audioReference, src: props.src, onEnded: handlePauseAudio }), _jsxs("button", { type: "button", disabled: disabled, onClick: handleToggleAudio, children: [isPlaying && _jsx(Pause, {}), !isPlaying && _jsx(Play, {})] }), _jsx("p", { children: formattedCurrentTime }), _jsx(Slider, { value: sliderValue, onChange: handleSliderChange, onDragging: setIsDragging, disabled: disabled }), _jsx("p", { children: formattedTotalTime })] }));
 }
 export { AudioPlayer };

package/dist/components/calendar/_calendarProvider.d.ts

@@ -0,0 +1,46 @@
+import { type ReactNode } from "react";
+import { type CalendarMatrix } from "./_viewService";
+type CalendarContextProps = {
+    valueDate: Date[];
+    viewDate: Date;
+    currentDate: string;
+    currentDay: string;
+    currentMonth: string;
+    currentYear: string;
+    listWeek: string[];
+    listMonths: {
+        label: string;
+        value: string;
+    }[];
+    listYears: {
+        label: string;
+        value: string;
+    }[];
+    listMatrix: CalendarMatrix;
+    changeDay: (day: number, month: number, year: number) => void;
+    changeMonth: (month: number) => void;
+    changeYear: (year: number) => void;
+    nextMonth: () => void;
+    previousMonth: () => void;
+};
+type SingleCalendarProviderProps = {
+    children: ReactNode;
+    calendarType: "single";
+    language?: string;
+    onChangeView?: (date: Date) => void;
+    defaultValue?: Date;
+    onChange?: (date: Date) => void;
+};
+type RangeCalendarProviderProps = {
+    children: ReactNode;
+    calendarType: "range";
+    language?: string;
+    onChangeView?: (date: Date) => void;
+    defaultValue?: [Date, Date];
+    onChange?: (date: [Date, Date]) => void;
+};
+type CalendarProviderProps = SingleCalendarProviderProps | RangeCalendarProviderProps;
+declare function useCalendar(): CalendarContextProps;
+declare function CalendarProvider(props: CalendarProviderProps): import("react/jsx-runtime").JSX.Element;
+export { CalendarProvider, useCalendar };
+//# sourceMappingURL=_calendarProvider.d.ts.map

package/dist/components/calendar/_calendarProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_calendarProvider.d.ts","sourceRoot":"","sources":["../../../src/components/calendar/_calendarProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAe,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAElE,KAAK,oBAAoB,GAAG;IAC1B,SAAS,EAAE,IAAI,EAAE,CAAC;IAClB,QAAQ,EAAE,IAAI,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,UAAU,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC/C,SAAS,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC9C,UAAU,EAAE,cAAc,CAAC;IAC3B,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,KAAK,2BAA2B,GAAG;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,EAAE,QAAQ,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACpC,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CACjC,CAAC;AAEF,KAAK,0BAA0B,GAAG;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACpC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,KAAK,qBAAqB,GACtB,2BAA2B,GAC3B,0BAA0B,CAAC;AAI/B,iBAAS,WAAW,yBAEnB;AAED,iBAAS,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAqErD;AAED,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/calendar/_calendarProvider.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useState } from "react";
+import { ViewService } from "./_viewService";
+const CalendarContext = createContext({});
+function useCalendar() {
+    return useContext(CalendarContext);
+}
+function CalendarProvider(props) {
+    const language = props.language || "pt-BR";
+    const defaultValue = props.calendarType === "single"
+        ? [props.defaultValue || new Date(), props.defaultValue || new Date()]
+        : props.defaultValue || [new Date(), new Date()];
+    const [viewDate, rawSetViewDate] = useState(new Date());
+    const [valueDate, rawSetValueDate] = useState(defaultValue);
+    const viewService = new ViewService();
+    function setValueDate(value) {
+        const normalizedValue = [
+            new Date(value[0]),
+            new Date(value[1]),
+        ];
+        if (props.onChange && props.calendarType === "range") {
+            props.onChange(normalizedValue);
+        }
+        if (props.onChange && props.calendarType === "single") {
+            props.onChange(normalizedValue[0]);
+        }
+        rawSetValueDate(normalizedValue);
+    }
+    function setViewDate(date) {
+        if (props.onChangeView)
+            props.onChangeView(date);
+        rawSetViewDate(date);
+    }
+    return (_jsx(CalendarContext.Provider, { value: {
+            valueDate,
+            viewDate,
+            currentDate: viewDate.toLocaleDateString(language).slice(3),
+            currentDay: viewService.currentDay(viewDate),
+            currentMonth: viewService.currentMonth(viewDate),
+            currentYear: viewService.currentYear(viewDate),
+            listWeek: viewService.listWeek(language),
+            listMonths: viewService.listMonths(viewDate, language),
+            listYears: viewService.listYears(100),
+            listMatrix: viewService.listMatrix(viewDate, valueDate),
+            changeDay: (day, month, year) => viewService.changeDay(day, month, year, props.calendarType, valueDate, setValueDate, setViewDate),
+            changeMonth: (month) => viewService.changeMonth(month, viewDate, setViewDate),
+            changeYear: (year) => viewService.changeYear(year, viewDate, setViewDate),
+            nextMonth: () => viewService.nextMonth(viewDate, setViewDate),
+            previousMonth: () => viewService.previousMonth(viewDate, setViewDate),
+        }, children: props.children }));
+}
+export { CalendarProvider, useCalendar };

package/dist/components/calendar/_viewService.d.ts

@@ -0,0 +1,32 @@
+type CalendarCell = {
+    day: number;
+    month: number;
+    year: number;
+    dayType: "checkedDay" | "middleDay" | "uncheckedDay";
+    dayOwner: "previous" | "current" | "next";
+};
+type CalendarMatrix = CalendarCell[][];
+declare class ViewService {
+    currentDay(viewDate: Date): string;
+    currentMonth(viewDate: Date): string;
+    currentYear(viewDate: Date): string;
+    capitalize(text: string): string;
+    parseDayType(day: number, month: number, year: number, valueDate: [Date, Date]): "checkedDay" | "middleDay" | "uncheckedDay";
+    listWeek(language: string): string[];
+    listMonths(viewDate: Date, language: string): {
+        label: string;
+        value: string;
+    }[];
+    listYears(lastYears: number): {
+        label: string;
+        value: string;
+    }[];
+    listMatrix(viewDate: Date, valueDate: [Date, Date]): CalendarMatrix;
+    changeDay(day: number, month: number, year: number, calendarType: "single" | "range", valueDate: [Date, Date], setValueDate: (date: [Date, Date]) => void, setViewDate: (date: Date) => void): void;
+    changeMonth(month: number, viewDate: Date, setViewDate: (date: Date) => void): void;
+    changeYear(year: number, viewDate: Date, setViewDate: (date: Date) => void): void;
+    nextMonth(viewDate: Date, setViewDate: (date: Date) => void): void;
+    previousMonth(viewDate: Date, setViewDate: (date: Date) => void): void;
+}
+export { ViewService, type CalendarMatrix };
+//# sourceMappingURL=_viewService.d.ts.map

package/dist/components/calendar/_viewService.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_viewService.d.ts","sourceRoot":"","sources":["../../../src/components/calendar/_viewService.ts"],"names":[],"mappings":"AAEA,KAAK,YAAY,GAAG;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,YAAY,GAAG,WAAW,GAAG,cAAc,CAAC;IACrD,QAAQ,EAAE,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC;CAC3C,CAAC;AAEF,KAAK,cAAc,GAAG,YAAY,EAAE,EAAE,CAAC;AAEvC,cAAM,WAAW;IACf,UAAU,CAAC,QAAQ,EAAE,IAAI;IAIzB,YAAY,CAAC,QAAQ,EAAE,IAAI;IAI3B,WAAW,CAAC,QAAQ,EAAE,IAAI;IAI1B,UAAU,CAAC,IAAI,EAAE,MAAM;IAIvB,YAAY,CACV,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,GACtB,YAAY,GAAG,WAAW,GAAG,cAAc;IAmB9C,QAAQ,CAAC,QAAQ,EAAE,MAAM;IAiBzB,UAAU,CAAC,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM;;;;IAe3C,SAAS,CAAC,SAAS,EAAE,MAAM;;;;IAS3B,UAAU,CAAC,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC;IAgElD,SAAS,CACP,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,MAAM,EACZ,YAAY,EAAE,QAAQ,GAAG,OAAO,EAChC,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,EACvB,YAAY,EAAE,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,IAAI,EAC1C,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI;IAmDnC,WAAW,CACT,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,IAAI,EACd,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI;IAOnC,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI;IAM1E,SAAS,CAAC,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI;IAO3D,aAAa,CAAC,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI;CAMhE;AAED,OAAO,EAAE,WAAW,EAAE,KAAK,cAAc,EAAE,CAAC"}

package/dist/components/calendar/_viewService.js

@@ -0,0 +1,179 @@
+import { formatToCapitalizeFirstWordLetter } from "@arkyn/shared";
+class ViewService {
+    currentDay(viewDate) {
+        return String(viewDate.getDate()).padStart(2, "0");
+    }
+    currentMonth(viewDate) {
+        return String(viewDate.getMonth() + 1).padStart(2, "0");
+    }
+    currentYear(viewDate) {
+        return String(viewDate.getFullYear());
+    }
+    capitalize(text) {
+        return formatToCapitalizeFirstWordLetter(text);
+    }
+    parseDayType(day, month, year, valueDate) {
+        const firstDateDay = valueDate[0].getDate();
+        const firstDateMonth = valueDate[0].getMonth();
+        const firstDateYear = valueDate[0].getFullYear();
+        const secondDateDay = valueDate[1].getDate();
+        const secondDateMonth = valueDate[1].getMonth();
+        const secondDateYear = valueDate[1].getFullYear();
+        const firstDate = new Date(firstDateYear, firstDateMonth, firstDateDay);
+        const secondDate = new Date(secondDateYear, secondDateMonth, secondDateDay);
+        const currentDate = new Date(year, month, day);
+        if (firstDate.getTime() === currentDate.getTime())
+            return "checkedDay";
+        if (secondDate.getTime() === currentDate.getTime())
+            return "checkedDay";
+        if (currentDate > firstDate && currentDate < secondDate)
+            return "middleDay";
+        return "uncheckedDay";
+    }
+    listWeek(language) {
+        const weekDays = [];
+        const firstSundayUtc = new Date(Date.UTC(2023, 0, 1));
+        for (let i = 0; i < 7; i++) {
+            const day = new Date(firstSundayUtc);
+            day.setUTCDate(firstSundayUtc.getUTCDate() + i);
+            const dayName = day.toLocaleDateString(language, {
+                weekday: "short",
+                timeZone: "UTC",
+            });
+            weekDays.push(dayName);
+        }
+        return weekDays;
+    }
+    listMonths(viewDate, language) {
+        const monthsByNavigatorLanguage = new Intl.DateTimeFormat(language, {
+            month: "long",
+        });
+        return Array.from({ length: 12 }, (_, i) => {
+            const date = new Date(viewDate.getFullYear(), i, 1);
+            const label = monthsByNavigatorLanguage.format(date);
+            return {
+                label: this.capitalize(label),
+                value: String(i).padStart(2, "0"),
+            };
+        });
+    }
+    listYears(lastYears) {
+        const currentYear = new Date().getFullYear();
+        return Array.from({ length: lastYears + 1 }, (_, i) => {
+            const year = currentYear - lastYears + i;
+            return { label: String(year), value: String(year) };
+        }).reverse();
+    }
+    listMatrix(viewDate, valueDate) {
+        const year = viewDate.getFullYear();
+        const monthIndex = viewDate.getMonth();
+        const firstDayOfMonth = new Date(year, monthIndex, 1);
+        const firstWeekday = firstDayOfMonth.getDay();
+        const daysInCurrentMonth = new Date(year, monthIndex + 1, 0).getDate();
+        const daysInPreviousMonth = new Date(year, monthIndex, 0).getDate();
+        const totalCells = Math.ceil((firstWeekday + daysInCurrentMonth) / 7) * 7;
+        const weeks = [];
+        let currentMonthDay = 1;
+        let nextMonthDay = 1;
+        for (let i = 0; i < totalCells; i++) {
+            const weekIndex = Math.floor(i / 7);
+            if (!weeks[weekIndex])
+                weeks[weekIndex] = [];
+            if (i < firstWeekday) {
+                const day = daysInPreviousMonth - (firstWeekday - i - 1);
+                const month = monthIndex === 0 ? 11 : monthIndex - 1;
+                const cellYear = monthIndex === 0 ? year - 1 : year;
+                weeks[weekIndex].push({
+                    day,
+                    month,
+                    year: cellYear,
+                    dayOwner: "previous",
+                    dayType: this.parseDayType(day, month, cellYear, valueDate),
+                });
+            }
+            else if (currentMonthDay <= daysInCurrentMonth) {
+                weeks[weekIndex].push({
+                    day: currentMonthDay,
+                    month: monthIndex,
+                    year: year,
+                    dayOwner: "current",
+                    dayType: this.parseDayType(currentMonthDay, monthIndex, year, valueDate),
+                });
+                currentMonthDay++;
+            }
+            else {
+                const month = monthIndex === 11 ? 0 : monthIndex + 1;
+                const cellYear = monthIndex === 11 ? year + 1 : year;
+                weeks[weekIndex].push({
+                    day: nextMonthDay,
+                    month,
+                    year: cellYear,
+                    dayOwner: "next",
+                    dayType: this.parseDayType(nextMonthDay, month, cellYear, valueDate),
+                });
+                nextMonthDay++;
+            }
+        }
+        return weeks;
+    }
+    changeDay(day, month, year, calendarType, valueDate, setValueDate, setViewDate) {
+        const normalizeDate = (date) => new Date(date.getFullYear(), date.getMonth(), date.getDate());
+        const newDate = normalizeDate(new Date(year, month, day));
+        setViewDate(newDate);
+        if (calendarType === "single") {
+            setValueDate([newDate, newDate]);
+            return;
+        }
+        let startDate = normalizeDate(valueDate[0]);
+        let endDate = normalizeDate(valueDate[1]);
+        const newDateTime = newDate.getTime();
+        const startDateTime = startDate.getTime();
+        const endDateTime = endDate.getTime();
+        if (newDateTime === startDateTime) {
+            setValueDate([newDate, newDate]);
+            return;
+        }
+        if (newDateTime === endDateTime) {
+            setValueDate([newDate, newDate]);
+            return;
+        }
+        if (newDate < startDate) {
+            setValueDate([newDate, endDate]);
+            return;
+        }
+        if (newDate > endDate) {
+            setValueDate([startDate, newDate]);
+            return;
+        }
+        const distanceToStart = Math.abs(newDateTime - startDateTime);
+        const distanceToEnd = Math.abs(endDateTime - newDateTime);
+        if (distanceToStart <= distanceToEnd) {
+            setValueDate([newDate, endDate]);
+            return;
+        }
+        setValueDate([startDate, newDate]);
+    }
+    changeMonth(month, viewDate, setViewDate) {
+        const nextViewDate = new Date(viewDate);
+        nextViewDate.setMonth(month);
+        setViewDate(nextViewDate);
+    }
+    changeYear(year, viewDate, setViewDate) {
+        const nextViewDate = new Date(viewDate);
+        nextViewDate.setFullYear(year);
+        setViewDate(nextViewDate);
+    }
+    nextMonth(viewDate, setViewDate) {
+        const nextViewDate = new Date(viewDate);
+        nextViewDate.setDate(1);
+        nextViewDate.setMonth(nextViewDate.getMonth() + 1);
+        setViewDate(nextViewDate);
+    }
+    previousMonth(viewDate, setViewDate) {
+        const nextViewDate = new Date(viewDate);
+        nextViewDate.setDate(1);
+        nextViewDate.setMonth(nextViewDate.getMonth() - 1);
+        setViewDate(nextViewDate);
+    }
+}
+export { ViewService };

package/dist/components/calendar/calendarContainer/index.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from "react";
+import "./styles.css";
+type CalendarContainerProps = {
+    children?: ReactNode;
+};
+declare function CalendarContainer({ children }: CalendarContainerProps): import("react/jsx-runtime").JSX.Element;
+export { CalendarContainer };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/calendar/calendarContainer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/calendar/calendarContainer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,cAAc,CAAC;AAEtB,KAAK,sBAAsB,GAAG;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,iBAAS,iBAAiB,CAAC,EAAE,QAAQ,EAAE,EAAE,sBAAsB,2CAE9D;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/calendar/calendarContainer/index.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "./styles.css";
+function CalendarContainer({ children }) {
+    return _jsx("div", { className: `arkynCalendarContainer`, children: children });
+}
+export { CalendarContainer };

package/dist/components/calendar/calendarHeader/index.d.ts

@@ -0,0 +1,7 @@
+import "./styles.css";
+type CalendarHeaderProps = {
+    basicMode: boolean;
+};
+declare function CalendarHeader({ basicMode }: CalendarHeaderProps): import("react/jsx-runtime").JSX.Element;
+export { CalendarHeader };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/calendar/calendarHeader/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/calendar/calendarHeader/index.tsx"],"names":[],"mappings":"AAIA,OAAO,cAAc,CAAC;AAEtB,KAAK,mBAAmB,GAAG;IACzB,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,EAAE,mBAAmB,2CAgEzD;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/calendar/calendarHeader/index.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import { Select } from "../../select";
+import { useCalendar } from "../_calendarProvider";
+import "./styles.css";
+function CalendarHeader({ basicMode }) {
+    const calendar = useCalendar();
+    if (basicMode) {
+        return (_jsxs("div", { className: `arkynCalendarHeader`, children: [_jsx("button", { className: "arkynCalendarButton", onClick: () => calendar.previousMonth(), children: _jsx(ChevronLeft, {}) }), _jsx("p", { children: calendar.currentDate }), _jsx("button", { className: "arkynCalendarButton", onClick: () => calendar.nextMonth(), children: _jsx(ChevronRight, {}) })] }));
+    }
+    return (_jsxs("div", { className: `arkynCalendarHeader`, children: [_jsxs("div", { children: [_jsx("button", { className: "arkynCalendarButton", onClick: () => calendar.previousMonth(), children: _jsx(ChevronLeft, {}) }), _jsx("button", { className: "arkynCalendarButton", onClick: () => calendar.nextMonth(), children: _jsx(ChevronRight, {}) })] }), _jsxs("div", { children: [_jsx(Select, { name: "calendarMonth", variant: "underline", className: "calendarMonthSelect", value: calendar.currentMonth, options: calendar.listMonths, onChange: (value) => calendar.changeMonth(+value) }), _jsx(Select, { name: "calendarYear", variant: "underline", className: "calendarYearSelect", value: calendar.currentYear, options: calendar.listYears, onChange: (value) => calendar.changeYear(+value) })] })] }));
+}
+export { CalendarHeader };

package/dist/components/calendar/calendarTableBody/index.d.ts

@@ -0,0 +1,4 @@
+import "./styles.css";
+declare function CalendarTableBody(): import("react/jsx-runtime").JSX.Element;
+export { CalendarTableBody };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/calendar/calendarTableBody/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/calendar/calendarTableBody/index.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,CAAC;AAEtB,iBAAS,iBAAiB,4CAczB;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/calendar/calendarTableBody/index.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCalendar } from "../_calendarProvider";
+import { CalendarTableTd } from "../calendarTableTd";
+import "./styles.css";
+function CalendarTableBody() {
+    const calendar = useCalendar();
+    return (_jsx("tbody", { className: "arkynCalendarTableBody", children: calendar.listMatrix.map((week, weekIndex) => (_jsx("tr", { children: week.map((props, dayIndex) => (_jsx(CalendarTableTd, { ...props }, dayIndex))) }, weekIndex))) }));
+}
+export { CalendarTableBody };

package/dist/components/calendar/calendarTableContainer/index.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from "react";
+import "./styles.css";
+type CalendarTableContainerProps = {
+    children: ReactNode;
+};
+declare function CalendarTableContainer({ children }: CalendarTableContainerProps): import("react/jsx-runtime").JSX.Element;
+export { CalendarTableContainer };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/calendar/calendarTableContainer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/calendar/calendarTableContainer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,cAAc,CAAC;AAEtB,KAAK,2BAA2B,GAAG;IACjC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,iBAAS,sBAAsB,CAAC,EAAE,QAAQ,EAAE,EAAE,2BAA2B,2CAExE;AAED,OAAO,EAAE,sBAAsB,EAAE,CAAC"}

package/dist/components/calendar/calendarTableContainer/index.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "./styles.css";
+function CalendarTableContainer({ children }) {
+    return _jsx("table", { className: "arkynCalendarTableContainer", children: children });
+}
+export { CalendarTableContainer };

package/dist/components/calendar/calendarTableHeader/index.d.ts

@@ -0,0 +1,4 @@
+import "./styles.css";
+declare function CalendarTableHeader(): import("react/jsx-runtime").JSX.Element;
+export { CalendarTableHeader };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/calendar/calendarTableHeader/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/calendar/calendarTableHeader/index.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,CAAC;AAEtB,iBAAS,mBAAmB,4CAY3B;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/components/calendar/calendarTableHeader/index.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { formatToCapitalizeFirstWordLetter } from "@arkyn/shared";
+import { useCalendar } from "../_calendarProvider";
+import "./styles.css";
+function CalendarTableHeader() {
+    const { listWeek } = useCalendar();
+    return (_jsx("thead", { className: "arkynCalendarTableHeader", children: _jsx("tr", { children: listWeek.map((day, index) => (_jsx("th", { children: formatToCapitalizeFirstWordLetter(day) }, index))) }) }));
+}
+export { CalendarTableHeader };

package/dist/components/calendar/calendarTableTd/index.d.ts

@@ -0,0 +1,11 @@
+import "./styles.css";
+type CalendarTableTdProps = {
+    day: number;
+    month: number;
+    year: number;
+    dayType: "checkedDay" | "middleDay" | "uncheckedDay";
+    dayOwner: "previous" | "current" | "next";
+};
+declare function CalendarTableTd(props: CalendarTableTdProps): import("react/jsx-runtime").JSX.Element;
+export { CalendarTableTd };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/calendar/calendarTableTd/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/calendar/calendarTableTd/index.tsx"],"names":[],"mappings":"AACA,OAAO,cAAc,CAAC;AAEtB,KAAK,oBAAoB,GAAG;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,YAAY,GAAG,WAAW,GAAG,cAAc,CAAC;IACrD,QAAQ,EAAE,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC;CAC3C,CAAC;AAEF,iBAAS,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAwBnD;AAED,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/calendar/calendarTableTd/index.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCalendar } from "../_calendarProvider";
+import "./styles.css";
+function CalendarTableTd(props) {
+    const { day, month, year, dayOwner, dayType } = props;
+    const { changeDay } = useCalendar();
+    function isToday() {
+        const today = new Date();
+        return (day === today.getDate() &&
+            month === today.getMonth() &&
+            year === today.getFullYear());
+    }
+    return (_jsx("td", { onClick: () => changeDay(day, month, year), className: `arkynCalendarTableTd ${dayOwner} ${dayType} ${isToday() ? "today" : ""}`, children: _jsxs("div", { className: "textGroup", children: [_jsx("span", {}), _jsx("p", { children: day })] }) }));
+}
+export { CalendarTableTd };

package/dist/components/calendar/index.d.ts

@@ -0,0 +1,88 @@
+/**
+ * Props for Calendar single-date selection mode.
+ */
+type SingleCalendarProps = {
+    /** Sets single-date selection mode. */
+    type: "single";
+    /**
+     * Defines the visual/behavioral variant.
+     * - `basic`: simplified header.
+     * - `complete`: full navigation experience.
+     *
+     * @default "complete"
+     */
+    variant?: "basic" | "complete";
+    /** Initial selected date. */
+    defaultValue?: Date;
+    /** Callback fired when the selected date changes. */
+    onChange?: (date: Date) => void;
+    /** Callback fired when the view (month/year) changes. */
+    onChangeView?: (date: Date) => void;
+};
+/**
+ * Props for Calendar range selection mode.
+ */
+type RangeCalendarProps = {
+    /** Sets range selection mode. */
+    type: "range";
+    /**
+     * Defines the visual/behavioral variant.
+     * - `basic`: simplified header.
+     * - `complete`: full navigation experience.
+     *
+     * @default "complete"
+     */
+    variant?: "basic" | "complete";
+    /** Initial selected range in `[start, end]` format. */
+    defaultValue?: [Date, Date];
+    /** Callback fired when the selected range changes. */
+    onChange?: (date: [Date, Date]) => void;
+    /** Callback fired when the view (month/year) changes. */
+    onChangeView?: (date: Date) => void;
+};
+/**
+ * Discriminated union of Calendar props.
+ */
+type CalendarProps = SingleCalendarProps | RangeCalendarProps;
+/**
+ * Reusable calendar component with support for two selection modes:
+ * single date (`single`) and range (`range`).
+ *
+ * The component encapsulates calendar state and navigation rules through
+ * `CalendarProvider`, exposing a simple API for forms, filters,
+ * and scheduling flows.
+ *
+ * @param props Calendar properties (`single` or `range` mode).
+ * @returns Calendar UI structure with header and date grid.
+ *
+ * @example
+ * // Single-date selection
+ * <Calendar
+ *   type="single"
+ *   variant="complete"
+ *   defaultValue={new Date()}
+ *   onChange={(date) => {
+ *     console.log("Selected date:", date);
+ *   }}
+ *   onChangeView={(viewDate) => {
+ *     console.log("Current view:", viewDate);
+ *   }}
+ * />
+ *
+ * @example
+ * // Range selection
+ * <Calendar
+ *   type="range"
+ *   variant="basic"
+ *   defaultValue={[new Date(2026, 5, 1), new Date(2026, 5, 15)]}
+ *   onChange={([start, end]) => {
+ *     console.log("Range:", start, end);
+ *   }}
+ *   onChangeView={(viewDate) => {
+ *     console.log("Focused month:", viewDate);
+ *   }}
+ * />
+ */
+declare function Calendar(props: CalendarProps): import("react/jsx-runtime").JSX.Element;
+export { Calendar };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/calendar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/calendar/index.tsx"],"names":[],"mappings":"AAOA;;GAEG;AACH,KAAK,mBAAmB,GAAG;IACzB,uCAAuC;IACvC,IAAI,EAAE,QAAQ,CAAC;IACf;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAC/B,6BAA6B;IAC7B,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAChC,yDAAyD;IACzD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CACrC,CAAC;AAEF;;GAEG;AACH,KAAK,kBAAkB,GAAG;IACxB,iCAAiC;IACjC,IAAI,EAAE,OAAO,CAAC;IACd;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAC/B,uDAAuD;IACvD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAC5B,sDAAsD;IACtD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,IAAI,CAAC;IACxC,yDAAyD;IACzD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CACrC,CAAC;AAEF;;GAEG;AACH,KAAK,aAAa,GAAG,mBAAmB,GAAG,kBAAkB,CAAC;AAE9D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,iBAAS,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAsCrC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/calendar/index.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CalendarProvider } from "./_calendarProvider";
+import { CalendarContainer } from "./calendarContainer";
+import { CalendarHeader } from "./calendarHeader";
+import { CalendarTableBody } from "./calendarTableBody";
+import { CalendarTableContainer } from "./calendarTableContainer";
+import { CalendarTableHeader } from "./calendarTableHeader";
+/**
+ * Reusable calendar component with support for two selection modes:
+ * single date (`single`) and range (`range`).
+ *
+ * The component encapsulates calendar state and navigation rules through
+ * `CalendarProvider`, exposing a simple API for forms, filters,
+ * and scheduling flows.
+ *
+ * @param props Calendar properties (`single` or `range` mode).
+ * @returns Calendar UI structure with header and date grid.
+ *
+ * @example
+ * // Single-date selection
+ * <Calendar
+ *   type="single"
+ *   variant="complete"
+ *   defaultValue={new Date()}
+ *   onChange={(date) => {
+ *     console.log("Selected date:", date);
+ *   }}
+ *   onChangeView={(viewDate) => {
+ *     console.log("Current view:", viewDate);
+ *   }}
+ * />
+ *
+ * @example
+ * // Range selection
+ * <Calendar
+ *   type="range"
+ *   variant="basic"
+ *   defaultValue={[new Date(2026, 5, 1), new Date(2026, 5, 15)]}
+ *   onChange={([start, end]) => {
+ *     console.log("Range:", start, end);
+ *   }}
+ *   onChangeView={(viewDate) => {
+ *     console.log("Focused month:", viewDate);
+ *   }}
+ * />
+ */
+function Calendar(props) {
+    const variant = props.variant || "complete";
+    if (props.type === "range") {
+        return (_jsx(CalendarProvider, { defaultValue: props.defaultValue, calendarType: "range", onChange: props.onChange, onChangeView: props.onChangeView, children: _jsxs(CalendarContainer, { children: [_jsx(CalendarHeader, { basicMode: variant.includes("basic") }), _jsxs(CalendarTableContainer, { children: [_jsx(CalendarTableHeader, {}), _jsx(CalendarTableBody, {})] })] }) }));
+    }
+    return (_jsx(CalendarProvider, { defaultValue: props.defaultValue, calendarType: "single", onChange: props.onChange, onChangeView: props.onChangeView, children: _jsxs(CalendarContainer, { children: [_jsx(CalendarHeader, { basicMode: variant.includes("basic") }), _jsxs(CalendarTableContainer, { children: [_jsx(CalendarTableHeader, {}), _jsx(CalendarTableBody, {})] })] }) }));
+}
+export { Calendar };

package/dist/components/cardTab/cardTabContainer/index.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useState } from "react";
-import { TabProvider } from "../cardTabContext";
+import { CardTabProvider } from "../cardTabContext";
 import "./styles.css";
 /**
  * CardTabContainer component - used as a wrapper for CardTabButton components to create tabbed navigation
@@ -83,6 +83,6 @@ function CardTabContainer(props) {
         if (onChange)
             onChange(value);
     }
-    return (_jsx(TabProvider, { disabled: disabled, currentTab: currentTab, changeCurrentTab: changeCurrentTab, children: _jsx("nav", { className: className.trim(), ...rest, children: children }) }));
+    return (_jsx(CardTabProvider, { disabled: disabled, currentTab: currentTab, changeCurrentTab: changeCurrentTab, children: _jsx("nav", { className: className.trim(), ...rest, children: children }) }));
 }
 export { CardTabContainer };