@g4rcez/components 5.0.0 → 5.0.1

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

@@ -1,45 +0,0 @@
-export * from "./core/tag";
-export * from "./form/form";
-export * from "./form/input";
-export * from "./core/button";
-export * from "./form/select";
-export * from "./form/slider";
-export * from "./form/switch";
-export * from "./table/index";
-export * from "./display/card";
-export * from "./display/list";
-export * from "./display/step";
-export * from "./display/tabs";
-export * from "./display/alert";
-export * from "./display/empty";
-export * from "./display/stats";
-export * from "./floating/menu";
-export * from "./form/checkbox";
-export * from "./form/radiobox";
-export * from "./form/textarea";
-export * from "./core/polymorph";
-export * from "./floating/modal";
-export * from "./form/task-list";
-export * from "./core/typography";
-export * from "./display/spinner";
-export * from "./floating/expand";
-export * from "./floating/wizard";
-export * from "./display/calendar";
-export * from "./display/progress";
-export * from "./display/timeline";
-export * from "./floating/toolbar";
-export * from "./floating/tooltip";
-export * from "./form/date-picker";
-export * from "./form/file-upload";
-export * from "./form/input-field";
-export * from "./floating/dropdown";
-export * from "./form/autocomplete";
-export * from "./form/multi-select";
-export * from "./core/render-on-view";
-export * from "./display/notifications";
-export * from "./floating/command-palette";
-export { CommandPalette as Commander } from "./floating/command-palette";
-export * from "./page-calendar";
-export { formReset } from "./form/formReset";
-export { createColumns, createOptionCols, type ColType, useTablePreferences, type TablePagination } from "./table/table-lib";
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACzE,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,KAAK,OAAO,EAAE,mBAAmB,EAAE,KAAK,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/src/components/index.js

@@ -1,44 +0,0 @@
-export * from "./core/tag";
-export * from "./form/form";
-export * from "./form/input";
-export * from "./core/button";
-export * from "./form/select";
-export * from "./form/slider";
-export * from "./form/switch";
-export * from "./table/index";
-export * from "./display/card";
-export * from "./display/list";
-export * from "./display/step";
-export * from "./display/tabs";
-export * from "./display/alert";
-export * from "./display/empty";
-export * from "./display/stats";
-export * from "./floating/menu";
-export * from "./form/checkbox";
-export * from "./form/radiobox";
-export * from "./form/textarea";
-export * from "./core/polymorph";
-export * from "./floating/modal";
-export * from "./form/task-list";
-export * from "./core/typography";
-export * from "./display/spinner";
-export * from "./floating/expand";
-export * from "./floating/wizard";
-export * from "./display/calendar";
-export * from "./display/progress";
-export * from "./display/timeline";
-export * from "./floating/toolbar";
-export * from "./floating/tooltip";
-export * from "./form/date-picker";
-export * from "./form/file-upload";
-export * from "./form/input-field";
-export * from "./floating/dropdown";
-export * from "./form/autocomplete";
-export * from "./form/multi-select";
-export * from "./core/render-on-view";
-export * from "./display/notifications";
-export * from "./floating/command-palette";
-export { CommandPalette as Commander } from "./floating/command-palette";
-export * from "./page-calendar";
-export { formReset } from "./form/formReset";
-export { createColumns, createOptionCols, useTablePreferences } from "./table/table-lib";

package/dist/src/components/page-calendar/calendar-header.d.ts

@@ -1,16 +0,0 @@
-import type { CalendarFilter, ViewMode } from "./page-calendar.types";
-import type { SetState } from "../../types";
-import { type ReactNode } from "react";
-type CalendarHeaderProps = {
-    currentDate: Date;
-    currentView: ViewMode;
-    onAddEvent?: () => void;
-    filters: CalendarFilter[];
-    filterArea?: ReactNode;
-    setCurrentDate: SetState<Date>;
-    setCurrentView: SetState<ViewMode>;
-    onToggleFilter: (id: string) => void;
-};
-export declare function CalendarHeader({ currentDate, currentView, filters, filterArea, setCurrentDate, setCurrentView, onToggleFilter, onAddEvent, }: CalendarHeaderProps): import("react").JSX.Element;
-export {};
-//# sourceMappingURL=calendar-header.d.ts.map

package/dist/src/components/page-calendar/calendar-header.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"calendar-header.d.ts","sourceRoot":"","sources":["../../../../src/components/page-calendar/calendar-header.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEtE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhD,KAAK,mBAAmB,GAAG;IACvB,WAAW,EAAE,IAAI,CAAC;IAClB,WAAW,EAAE,QAAQ,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,cAAc,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC/B,cAAc,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACnC,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC3B,WAAW,EACX,WAAW,EACX,OAAO,EACP,UAAU,EACV,cAAc,EACd,cAAc,EACd,cAAc,EACd,UAAU,GACb,EAAE,mBAAmB,+BAuHrB"}

package/dist/src/components/page-calendar/calendar-header.jsx

@@ -1,83 +0,0 @@
-import { Button } from "../core/button";
-import { Tag } from "../core/tag";
-import { useLocale } from "../../hooks/use-locale";
-import { useTranslations } from "../../hooks/use-translations";
-import { CaretLeftIcon, CaretRightIcon, PlusCircleIcon, CalendarIcon } from "@phosphor-icons/react";
-import { addDays, addMonths, addWeeks, isToday, subDays, subMonths, subWeeks } from "date-fns";
-import { formatDay, formatMonthShort, formatMonthYear, getWeekNumber } from "./page-calendar.utils";
-import { useMemo } from "react";
-export function CalendarHeader({ currentDate, currentView, filters, filterArea, setCurrentDate, setCurrentView, onToggleFilter, onAddEvent, }) {
-    const locale = useLocale();
-    const t = useTranslations();
-    const isDateToday = isToday(currentDate);
-    const VIEWS = useMemo(() => [
-        { value: "month", label: t.pageCalendarMonthView },
-        { value: "week", label: t.pageCalendarWeekView },
-        { value: "day", label: t.pageCalendarDayView },
-    ], [t]);
-    const handlePrev = () => {
-        setCurrentDate((currentDate) => {
-            if (currentView === "month")
-                return subMonths(currentDate, 1);
-            if (currentView === "week")
-                return subWeeks(currentDate, 1);
-            return subDays(currentDate, 1);
-        });
-    };
-    const handleNext = () => {
-        setCurrentDate((currentDate) => {
-            if (currentView === "month")
-                return addMonths(currentDate, 1);
-            if (currentView === "week")
-                return addWeeks(currentDate, 1);
-            return addDays(currentDate, 1);
-        });
-    };
-    const weekNum = getWeekNumber(currentDate);
-    return (<header className="flex flex-col gap-page-calendar-header-gap">
-            <div className="flex items-center justify-between gap-page-calendar-header-gap">
-                <div className="flex items-center gap-page-calendar-date-gap">
-                    <div aria-hidden="true" className={`rounded-page-calendar-badge-radius flex size-page-calendar-badge-size flex-col items-center justify-center overflow-hidden text-page-calendar-week-label-text ${isDateToday ? "bg-primary text-primary-foreground" : "bg-card text-foreground"}`}>
-                        <span className="font-light uppercase leading-none">{formatMonthShort(currentDate, locale)}</span>
-                        <span className="text-page-calendar-title-text font-medium leading-none">{formatDay(currentDate, locale)}</span>
-                    </div>
-                    <div>
-                        <h1 aria-live="polite" aria-atomic="true" className="text-page-calendar-title-text font-bold leading-tight">
-                            {formatMonthYear(currentDate, locale)}
-                        </h1>
-                        <span className="text-page-calendar-week-label-text text-muted-foreground">{t.pageCalendarWeekLabel(weekNum)}</span>
-                    </div>
-                </div>
-                <nav aria-label={t.pageCalendarNavigation} className="flex items-center gap-page-calendar-nav-gap">
-                    <div className="flex items-center gap-page-calendar-nav-btn-gap">
-                        <Button size="small" title={t.pageCalendarPrevious} aria-label={t.pageCalendarPrevious} theme="ghost-muted" onClick={handlePrev}>
-                            <CaretLeftIcon size={16}/>
-                        </Button>
-                        <button type="button" aria-label={t.pageCalendarToday} onClick={() => setCurrentDate(new Date())} className="rounded-page-calendar-today-radius px-page-calendar-today-px py-page-calendar-today-py text-page-calendar-today-text transition-colors hover:bg-muted/50">
-                            {t.pageCalendarToday}
-                        </button>
-                        <Button size="small" title={t.pageCalendarNext} aria-label={t.pageCalendarNext} theme="ghost-muted" onClick={handleNext}>
-                            <CaretRightIcon size={16}/>
-                        </Button>
-                    </div>
-                    <div className="rounded-page-calendar-view-switch-radius flex">
-                        {VIEWS.map((v) => (<Button size="small" key={v.value} onClick={() => setCurrentView(v.value)} theme={currentView === v.value ? "primary" : "muted"} aria-pressed={currentView === v.value} className="first:rounded-l-button last:rounded-r-button rounded-button-radius-squared">
-                                {v.label}
-                            </Button>))}
-                    </div>
-                    {onAddEvent && (<Button theme="primary" size="small" onClick={onAddEvent}>
-                            <PlusCircleIcon size={14}/>
-                            {t.pageCalendarAddEvent}
-                        </Button>)}
-                </nav>
-            </div>
-            {filterArea ??
-            (filters.length > 0 && (<div role="group" aria-label={t.pageCalendarFilter} className="flex flex-wrap items-center gap-page-calendar-filter-gap">
-                        <CalendarIcon size={14} className="text-muted-foreground" aria-hidden="true"/>
-                        <span className="mr-page-calendar-nav-mr text-page-calendar-filter-text text-muted-foreground">{t.pageCalendarFilter}</span>
-                        {filters.map((filter) => (<Tag as="button" size="small" type="button" key={filter.id} theme={filter.theme} indicator={filter.enabled ? filter.theme : undefined} aria-pressed={filter.enabled} aria-label={`${filter.label}, ${filter.enabled ? t.pageCalendarFilterEnabled : t.pageCalendarFilterDisabled}`} onClick={() => onToggleFilter(filter.id)}>
-                                {filter.label}
-                            </Tag>))}
-                    </div>))}
-        </header>);
-}

package/dist/src/components/page-calendar/day-view.d.ts

@@ -1,12 +0,0 @@
-import type { CalendarEvent, CalendarEventBase } from "./page-calendar.types";
-type DayViewProps<T extends CalendarEventBase> = {
-    currentDate: Date;
-    onDateChange: (date: Date) => void;
-    onSlotClick?: (date: Date) => void;
-    eventsByDate: Map<string, CalendarEvent<T>[]>;
-    onEventClick: (event: CalendarEvent<T>) => void;
-    renderEvent?: (event: CalendarEvent<T>) => React.ReactNode;
-};
-export declare function DayView<T extends CalendarEventBase>({ currentDate, onSlotClick, renderEvent, eventsByDate, onDateChange, onEventClick, }: DayViewProps<T>): import("react").JSX.Element;
-export {};
-//# sourceMappingURL=day-view.d.ts.map

package/dist/src/components/page-calendar/day-view.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"day-view.d.ts","sourceRoot":"","sources":["../../../../src/components/page-calendar/day-view.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAuB9E,KAAK,YAAY,CAAC,CAAC,SAAS,iBAAiB,IAAI;IAC7C,WAAW,EAAE,IAAI,CAAC;IAClB,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAC9C,YAAY,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAChD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;CAC9D,CAAC;AAEF,wBAAgB,OAAO,CAAC,CAAC,SAAS,iBAAiB,EAAE,EACjD,WAAW,EACX,WAAW,EACX,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,YAAY,GACf,EAAE,YAAY,CAAC,CAAC,CAAC,+BA4HjB"}

package/dist/src/components/page-calendar/day-view.jsx

@@ -1,89 +0,0 @@
-import { isToday } from "date-fns";
-import { useEffect, useRef, useState } from "react";
-import { Tag } from "../core/tag";
-import { useLocale } from "../../hooks/use-locale";
-import { EventPill } from "./event-pill";
-import { Calendar } from "../display/calendar";
-import { getHourSlots, toDateKey, formatDay, formatWeekdayLong, formatMonthYear, formatHourLabel, formatFullDate, formatTime, computeEventColumns, } from "./page-calendar.utils";
-const HOUR_HEIGHT = 48;
-function getTopOffset(event) {
-    const hour = event.date.getHours();
-    const minutes = event.date.getMinutes();
-    return hour * HOUR_HEIGHT + (minutes / 60) * HOUR_HEIGHT;
-}
-export function DayView({ currentDate, onSlotClick, renderEvent, eventsByDate, onDateChange, onEventClick, }) {
-    const locale = useLocale();
-    const currentHourRef = useRef(null);
-    const scrollBodyRef = useRef(null);
-    const hours = getHourSlots();
-    const [selectedEvent, setSelectedEvent] = useState(null);
-    useEffect(() => {
-        if (scrollBodyRef.current && currentHourRef.current) {
-            const top = currentHourRef.current.offsetTop;
-            scrollBodyRef.current.scrollTop = top - scrollBodyRef.current.clientHeight / 2;
-        }
-    }, []);
-    const dayKey = toDateKey(currentDate);
-    const events = eventsByDate.get(dayKey) || [];
-    const RenderOnDay = ({ date }) => {
-        const key = toDateKey(date);
-        const hasEvents = (eventsByDate.get(key) || []).length > 0;
-        const isSelected = toDateKey(date) === toDateKey(currentDate);
-        if (!hasEvents || isSelected)
-            return null;
-        return (<span className="absolute bottom-page-calendar-dot-bottom left-1/2 size-page-calendar-dot-size -translate-x-1/2 rounded-full bg-primary"/>);
-    };
-    const handleEventClick = (event) => {
-        setSelectedEvent(event);
-        onEventClick(event);
-    };
-    return (<div className="flex min-w-full flex-1">
-            <div className="flex w-full flex-1 flex-col">
-                <div aria-label={formatFullDate(currentDate, locale)} className="flex flex-shrink-0 items-center gap-page-calendar-day-header-gap border-b border-border px-page-calendar-day-header-px py-page-calendar-day-header-py">
-                    <span className={`inline-flex size-page-calendar-day-badge-size items-center justify-center rounded-full font-bold ${isToday(currentDate) ? "bg-primary text-primary-foreground" : "text-foreground"}`}>
-                        {formatDay(currentDate, locale)}
-                    </span>
-                    <div>
-                        <div className="font-semibold">{formatWeekdayLong(currentDate, locale)}</div>
-                        <div className="text-typography-xs text-muted-foreground">{formatMonthYear(currentDate, locale)}</div>
-                    </div>
-                </div>
-                <div ref={scrollBodyRef} className="flex flex-1 items-start overflow-y-auto">
-                    <div className="w-page-calendar-gutter-w flex-shrink-0">
-                        {hours.map((hour) => (<div key={hour} className="relative" style={{ height: HOUR_HEIGHT }}>
-                                <span className="absolute -top-2.5 right-2 text-page-calendar-hour-text text-muted-foreground">
-                                    {hour === 0 ? "" : formatHourLabel(hour, locale)}
-                                </span>
-                                {hour === new Date().getHours() && <div ref={currentHourRef}/>}
-                            </div>))}
-                    </div>
-                    <div className="relative flex-1 border-l border-card-border">
-                        {hours.map((hour) => {
-            const slotDate = new Date(currentDate);
-            slotDate.setHours(hour, 0, 0, 0);
-            return (<button key={hour} type="button" aria-label={formatHourLabel(hour, locale)} className="w-full cursor-pointer border-b border-border/50 hover:bg-muted/20" style={{ height: HOUR_HEIGHT }} onClick={() => onSlotClick?.(slotDate)}/>);
-        })}
-                        {computeEventColumns(events).map(({ event, columnIndex, columnCount }) => (<div key={event.id} role="presentation" className="absolute" style={{
-                top: getTopOffset(event),
-                height: HOUR_HEIGHT,
-                left: `calc(${(columnIndex / columnCount) * 100}% + 2px)`,
-                width: `calc(${100 / columnCount}% - 4px)`,
-            }} onClick={(e) => e.stopPropagation()} onKeyDown={(e) => e.stopPropagation()}>
-                                <EventPill event={event} onClick={() => handleEventClick(event)}/>
-                            </div>))}
-                    </div>
-                </div>
-            </div>
-            <div className="flex flex-col overflow-y-auto border-l border-card-border px-page-calendar-side-px">
-                <Calendar date={currentDate} markToday changeOnlyOnClick RenderOnDay={RenderOnDay} onChange={(d) => d && onDateChange(d)}/>
-                {selectedEvent && (<div className="flex flex-col gap-page-calendar-detail-gap border-t p-page-calendar-detail-p">
-                        {renderEvent ? (renderEvent(selectedEvent)) : (<>
-                                <div className="text-typography-sm truncate font-semibold">{selectedEvent.title}</div>
-                                <div className="text-typography-xs text-muted-foreground">{formatFullDate(selectedEvent.date, locale)}</div>
-                                <div className="text-typography-xs text-muted-foreground">{formatTime(selectedEvent.date, locale)}</div>
-                                <Tag theme={selectedEvent.className ? "custom" : "primary"} size="small" className={`self-start${selectedEvent.className ? ` ${selectedEvent.className}` : ""}`}/>
-                            </>)}
-                    </div>)}
-            </div>
-        </div>);
-}

package/dist/src/components/page-calendar/event-pill.d.ts

@@ -1,9 +0,0 @@
-import type { CalendarEvent } from "./page-calendar.types";
-type EventPillProps = {
-    compact?: boolean;
-    onClick: () => void;
-    event: CalendarEvent;
-};
-export declare function EventPill({ event, onClick, compact }: EventPillProps): import("react").JSX.Element;
-export {};
-//# sourceMappingURL=event-pill.d.ts.map

package/dist/src/components/page-calendar/event-pill.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"event-pill.d.ts","sourceRoot":"","sources":["../../../../src/components/page-calendar/event-pill.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAI3D,KAAK,cAAc,GAAG;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,aAAa,CAAC;CACxB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,OAAe,EAAE,EAAE,cAAc,+BA0C5E"}

package/dist/src/components/page-calendar/event-pill.jsx

@@ -1,25 +0,0 @@
-import { Button } from "../core/button";
-import { css } from "../../lib/dom";
-import { useTranslations } from "../../hooks/use-translations";
-import { formatEventTime } from "./page-calendar.utils";
-export function EventPill({ event, onClick, compact = false }) {
-    const t = useTranslations();
-    const props = {
-        style: {
-            border: "0",
-            padding: "0 0.5rem",
-            height: "1.25rem",
-            borderRadius: "0.25rem",
-        },
-        className: css("w-full border-0 justify-start rounded-page-calendar-pill-radius text-page-calendar-pill-text truncate text-ellipsis overflow-hidden border leading-tight", event.className),
-    };
-    if (compact) {
-        return (<Button {...props} size="small" onClick={onClick} title={event.title} aria-label={t.pageCalendarEventAt(event.title, formatEventTime(event.date))} theme={event.className ? "raw" : "primary"}>
-                {event.title}
-            </Button>);
-    }
-    return (<Button {...props} size="small" onClick={onClick} title={event.title} aria-label={t.pageCalendarEventAt(event.title, formatEventTime(event.date))} theme={event.className ? "raw" : "primary"}>
-            <div className="truncate font-medium">{event.title}</div>
-            <div className="text-page-calendar-pill-text opacity-60">{formatEventTime(event.date)}</div>
-        </Button>);
-}

package/dist/src/components/page-calendar/index.d.ts

@@ -1,4 +0,0 @@
-export { PageCalendar } from "./page-calendar";
-export type { CalendarEvent, CalendarFilter, ViewMode } from "./page-calendar.types";
-export { toDateKey, groupEventsByDate, getMonthDays, getWeekDays, getHourSlots, formatEventTime, formatDay, formatWeekdayLong, formatWeekdayShort, formatMonthYear, formatMonthShort, formatHourLabel, formatFullDate, formatTime, getWeekNumber, } from "./page-calendar.utils";
-//# sourceMappingURL=index.d.ts.map

package/dist/src/components/page-calendar/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/page-calendar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACrF,OAAO,EACH,SAAS,EACT,iBAAiB,EACjB,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,eAAe,EACf,SAAS,EACT,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,UAAU,EACV,aAAa,GAChB,MAAM,uBAAuB,CAAC"}

package/dist/src/components/page-calendar/index.js

@@ -1,2 +0,0 @@
-export { PageCalendar } from "./page-calendar";
-export { toDateKey, groupEventsByDate, getMonthDays, getWeekDays, getHourSlots, formatEventTime, formatDay, formatWeekdayLong, formatWeekdayShort, formatMonthYear, formatMonthShort, formatHourLabel, formatFullDate, formatTime, getWeekNumber, } from "./page-calendar.utils";

package/dist/src/components/page-calendar/month-view.d.ts

@@ -1,11 +0,0 @@
-import type { CalendarEvent } from "./page-calendar.types";
-type MonthViewProps = {
-    days: Date[];
-    currentDate: Date;
-    onDayClick: (date: Date) => void;
-    eventsByDate: Map<string, CalendarEvent[]>;
-    onEventClick: (event: CalendarEvent) => void;
-};
-export declare function MonthView({ days, eventsByDate, currentDate, onEventClick, onDayClick }: MonthViewProps): import("react").JSX.Element;
-export {};
-//# sourceMappingURL=month-view.d.ts.map

package/dist/src/components/page-calendar/month-view.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"month-view.d.ts","sourceRoot":"","sources":["../../../../src/components/page-calendar/month-view.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAK3D,KAAK,cAAc,GAAG;IAClB,IAAI,EAAE,IAAI,EAAE,CAAC;IACb,WAAW,EAAE,IAAI,CAAC;IAClB,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACjC,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,aAAa,EAAE,CAAC,CAAC;IAC3C,YAAY,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,EAAE,cAAc,+BAkEtG"}

package/dist/src/components/page-calendar/month-view.jsx

@@ -1,46 +0,0 @@
-import { isSameMonth, isToday } from "date-fns";
-import { useLocale } from "../../hooks/use-locale";
-import { useTranslations } from "../../hooks/use-translations";
-import { EventPill } from "./event-pill";
-import { toDateKey, formatDay, getWeekDays, formatWeekDay, formatFullDate } from "./page-calendar.utils";
-import { useMemo } from "react";
-export function MonthView({ days, eventsByDate, currentDate, onEventClick, onDayClick }) {
-    const locale = useLocale();
-    const t = useTranslations();
-    const WEEKDAY_LABELS = useMemo(() => getWeekDays(new Date()), []);
-    return (<div className="flex h-full flex-1 flex-col">
-            <ul role="row" aria-hidden="true" className="grid grid-cols-7 border-b border-border">
-                {WEEKDAY_LABELS.map((date) => {
-            const day = formatWeekDay(date, locale);
-            return (<li key={day} className="py-page-calendar-weekday-py text-center text-page-calendar-weekday-text font-medium text-muted-foreground">
-                            {day}
-                        </li>);
-        })}
-            </ul>
-            <div role="grid" aria-label={t.pageCalendarMonthGrid} className="grid flex-1 auto-rows-fr grid-cols-7">
-                {days.map((day, idx) => {
-            const key = toDateKey(day);
-            const events = eventsByDate.get(key) || [];
-            const isCurrentMonth = isSameMonth(day, currentDate);
-            const isCurrentDay = isToday(day);
-            return (<button key={idx} type="button" onClick={() => onDayClick(day)} aria-label={`${formatFullDate(day, locale)}${events.length > 0 ? `, ${t.pageCalendarEventCount(events.length)}` : ""}`} className={`group flex min-h-page-calendar-cell-min-h cursor-pointer flex-col gap-page-calendar-cell-gap border-b border-r border-border p-page-calendar-cell-p transition-colors hover:bg-muted hover:bg-opacity-20 ${!isCurrentMonth ? "opacity-50" : ""}`}>
-                            <div className="flex items-center justify-between">
-                                <span className={`flex size-page-calendar-month-badge-size items-center justify-center rounded-full text-page-calendar-month-badge-text font-medium ${isCurrentDay ? "bg-primary text-primary-foreground" : "text-foreground"}`}>
-                                    {formatDay(day, locale)}
-                                </span>
-                                <span aria-hidden="true" className="text-page-calendar-overflow-text leading-none text-muted-foreground opacity-0 transition-opacity group-hover:opacity-40">
-                                    +
-                                </span>
-                            </div>
-                            <div className="min-h-0 flex-1 overflow-y-auto">
-                                <div className="flex flex-col gap-page-calendar-cell-gap-tight">
-                                    {events.map((event) => (<div key={event.id} role="presentation" onClick={(e) => e.stopPropagation()} onKeyDown={(e) => e.stopPropagation()}>
-                                            <EventPill compact event={event} onClick={() => onEventClick(event)}/>
-                                        </div>))}
-                                </div>
-                            </div>
-                        </button>);
-        })}
-            </div>
-        </div>);
-}

package/dist/src/components/page-calendar/page-calendar.d.ts

@@ -1,18 +0,0 @@
-import { type ReactNode } from "react";
-import type { CalendarEvent, CalendarEventBase, CalendarFilter, ViewMode } from "./page-calendar.types";
-type PageCalendarProps<T extends CalendarEventBase> = {
-    defaultDate?: Date;
-    defaultView?: ViewMode;
-    filterArea?: ReactNode;
-    onAddEvent?: () => void;
-    getFilterId?: () => void;
-    events: CalendarEvent<T>[];
-    filters?: CalendarFilter[];
-    onSlotClick?: (date: Date) => void;
-    onEventClick?: (event: CalendarEvent) => void;
-    renderEvent?: (event: CalendarEvent<T>) => ReactNode;
-    onChangeFilters?: (filters: CalendarFilter[]) => void;
-};
-export declare function PageCalendar<T extends CalendarEventBase>({ events, filterArea, onAddEvent, defaultDate, onSlotClick, getFilterId, renderEvent, onEventClick, filters, defaultView, onChangeFilters: onActiveFiltersChange, }: PageCalendarProps<T>): import("react").JSX.Element;
-export {};
-//# sourceMappingURL=page-calendar.d.ts.map

package/dist/src/components/page-calendar/page-calendar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-calendar.d.ts","sourceRoot":"","sources":["../../../../src/components/page-calendar/page-calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAOxG,KAAK,iBAAiB,CAAC,CAAC,SAAS,iBAAiB,IAAI;IAClD,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC;IACrD,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;CACzD,CAAC;AAIF,wBAAgB,YAAY,CAAC,CAAC,SAAS,iBAAiB,EAAE,EACtD,MAAM,EACN,UAAU,EACV,UAAU,EACV,WAAW,EACX,WAAW,EACX,WAAW,EACX,WAAW,EACX,YAAY,EACZ,OAAc,EACd,WAAqB,EACrB,eAAe,EAAE,qBAAqB,GACzC,EAAE,iBAAiB,CAAC,CAAC,CAAC,+BAyEtB"}

package/dist/src/components/page-calendar/page-calendar.jsx

@@ -1,41 +0,0 @@
-import { useMemo, useState } from "react";
-import { useTranslations } from "../../hooks/use-translations";
-import { groupEventsByDate, getMonthDays, getWeekDays } from "./page-calendar.utils";
-import { CalendarHeader } from "./calendar-header";
-import { MonthView } from "./month-view";
-import { WeekView } from "./week-view";
-import { DayView } from "./day-view";
-const noop = [];
-export function PageCalendar({ events, filterArea, onAddEvent, defaultDate, onSlotClick, getFilterId, renderEvent, onEventClick, filters = noop, defaultView = "month", onChangeFilters: onActiveFiltersChange, }) {
-    const t = useTranslations();
-    const [currentView, setCurrentView] = useState(defaultView);
-    const [currentDate, setCurrentDate] = useState(() => defaultDate ?? new Date());
-    const [internalFilters, setInternalFilters] = useState(filters);
-    const toggleFilter = (id) => {
-        setInternalFilters((prev) => {
-            const next = prev.map((f) => (f.id === id ? { ...f, enabled: !f.enabled } : f));
-            onActiveFiltersChange?.(next);
-            return next;
-        });
-    };
-    const filteredEvents = useMemo(() => {
-        if (filters.length === 0)
-            return events;
-        const get = getFilterId ?? ((e) => e?.filterId);
-        return events.filter((e) => internalFilters.find((f) => f.id === get(e))?.enabled ?? true);
-    }, [events, internalFilters, filters, getFilterId]);
-    const eventsByDate = useMemo(() => groupEventsByDate(filteredEvents), [filteredEvents]);
-    const monthDays = useMemo(() => getMonthDays(currentDate), [currentDate]);
-    const weekDays = useMemo(() => getWeekDays(currentDate), [currentDate]);
-    const handleEventClick = (event) => onEventClick?.(event);
-    const handleDayClick = (date) => {
-        setCurrentDate(date);
-        setCurrentView("day");
-    };
-    return (<div role="application" aria-label={t.pageCalendarLabel} className="flex h-full w-full flex-grow flex-col gap-page-calendar-gap">
-            <CalendarHeader filters={internalFilters} filterArea={filterArea} onAddEvent={onAddEvent} currentDate={currentDate} currentView={currentView} setCurrentDate={setCurrentDate} setCurrentView={setCurrentView} onToggleFilter={toggleFilter}/>
-            {currentView === "month" && (<MonthView days={monthDays} currentDate={currentDate} eventsByDate={eventsByDate} onDayClick={handleDayClick} onEventClick={handleEventClick}/>)}
-            {currentView === "week" && (<WeekView days={weekDays} currentDate={currentDate} onSlotClick={onSlotClick} eventsByDate={eventsByDate} onEventClick={handleEventClick}/>)}
-            {currentView === "day" && (<DayView currentDate={currentDate} onSlotClick={onSlotClick} renderEvent={renderEvent} eventsByDate={eventsByDate} onDateChange={setCurrentDate} onEventClick={handleEventClick}/>)}
-        </div>);
-}

package/dist/src/components/page-calendar/page-calendar.types.d.ts

@@ -1,18 +0,0 @@
-import type { TagProps } from "../core/tag";
-export type ViewMode = "month" | "week" | "day";
-export type CalendarEventBase = {
-    date: Date;
-    id: string;
-};
-export type CalendarEvent<T extends CalendarEventBase = CalendarEventBase> = T & {
-    title: string;
-    filterId?: string;
-    className?: string;
-};
-export type CalendarFilter = {
-    id: string;
-    label: string;
-    enabled: boolean;
-    theme: TagProps["theme"];
-};
-//# sourceMappingURL=page-calendar.types.d.ts.map

package/dist/src/components/page-calendar/page-calendar.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-calendar.types.d.ts","sourceRoot":"","sources":["../../../../src/components/page-calendar/page-calendar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,KAAK,CAAC;AAEhD,MAAM,MAAM,iBAAiB,GAAG;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAE3D,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,iBAAiB,GAAG,iBAAiB,IAAI,CAAC,GAAG;IAC7E,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;CAC5B,CAAC"}

package/dist/src/components/page-calendar/page-calendar.types.js

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

package/dist/src/components/page-calendar/page-calendar.utils.d.ts

@@ -1,24 +0,0 @@
-import type { CalendarEvent, CalendarEventBase } from "./page-calendar.types";
-export declare function toDateKey(d: Date): string;
-export declare function groupEventsByDate<T extends CalendarEventBase>(events: CalendarEvent<T>[]): Map<string, CalendarEvent<T>[]>;
-export declare function getMonthDays(date: Date): Date[];
-export declare function getWeekDays(date: Date): Date[];
-export declare function getHourSlots(): number[];
-export declare function formatEventTime(date: Date, locale?: string): string;
-export declare function formatDay(date: Date, locale?: string): string;
-export declare function formatWeekDay(date: Date, locale?: string): string;
-export declare function formatWeekdayLong(date: Date, locale?: string): string;
-export declare function formatWeekdayShort(date: Date, locale?: string): string;
-export declare function formatMonthYear(date: Date, locale?: string): string;
-export declare function formatMonthShort(date: Date, locale?: string): string;
-export declare function formatHourLabel(hour: number, locale?: string): string;
-export declare function formatFullDate(date: Date, locale?: string): string;
-export declare function formatTime(date: Date, locale?: string): string;
-export declare function getWeekNumber(date: Date): number;
-export type EventColumn<T extends CalendarEventBase> = {
-    event: CalendarEvent<T>;
-    columnIndex: number;
-    columnCount: number;
-};
-export declare function computeEventColumns<T extends CalendarEventBase>(events: CalendarEvent<T>[]): EventColumn<T>[];
-//# sourceMappingURL=page-calendar.utils.d.ts.map

package/dist/src/components/page-calendar/page-calendar.utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-calendar.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/page-calendar/page-calendar.utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE9E,wBAAgB,SAAS,CAAC,CAAC,EAAE,IAAI,GAAG,MAAM,CAEzC;AAED,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,iBAAiB,EAAE,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,GAAG,GAAG,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,CAY1H;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,CAQ/C;AAED,wBAAgB,WAAW,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,CAO9C;AAED,wBAAgB,YAAY,IAAI,MAAM,EAAE,CAEvC;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAEnE;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAE7D;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAEjE;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAErE;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAEtE;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAEnE;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAEpE;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAErE;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAElE;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAE9D;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAEhD;AAED,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,iBAAiB,IAAI;IACnD,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,iBAAiB,EAAE,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,GAAG,WAAW,CAAC,CAAC,CAAC,EAAE,CAoB7G"}