@pathscale/ui 1.1.37 → 1.1.39

package/dist/components/calendar/Calendar.js

@@ -1,194 +1,331 @@
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-import "cally";
-import "./input.css";
-import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+import "./Calendar.css";
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
 import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE__icon_Icon_js_f8a6327a__ from "../icon/Icon.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="relative inline-block"><button type=button>'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div class=w-full><calendar-date><calendar-month>", true, false, false), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="fixed inset-0 z-40">'), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><calendar-date><calendar-month>", true, false, false);
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_date_index_js_897f0efe__ from "../../hooks/date/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__Calendar_classes_js_c12a72e0__ from "./Calendar.classes.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><div data-slot=calendar-header><div data-slot=calendar-nav><button type=button data-slot=calendar-nav-button aria-label="Previous month"><svg data-slot=calendar-nav-button-icon viewBox="0 0 24 24"aria-hidden=true fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="m15 18-6-6 6-6"></path></svg></button></div><div data-slot=calendar-heading aria-live=polite></div><div data-slot=calendar-nav><button type=button data-slot=calendar-nav-button aria-label="Next month"><svg data-slot=calendar-nav-button-icon viewBox="0 0 24 24"aria-hidden=true fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="m9 18 6-6-6-6"></path></svg></button></div></div><div data-slot=calendar-grid role=grid><div data-slot=calendar-grid-header role=rowgroup><div data-slot=calendar-grid-row role=row></div></div><div data-slot=calendar-grid-body role=rowgroup>'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span data-slot=calendar-header-cell role=columnheader>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div data-slot=calendar-grid-row role=row>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button type=button data-slot=calendar-cell role=gridcell><span data-slot=calendar-day>"), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div data-slot=calendar-day-wrapper role=presentation>"), _tmpl$6 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span data-slot=calendar-day-placeholder aria-hidden=true>");
 const Calendar_Calendar = (props)=>{
-    const [local] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "size",
-        "value",
-        "onDateSelect",
-        "asInput",
-        "placeholder",
-        "disabled",
-        "children",
-        "dataTheme",
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "class",
         "className",
-        "style"
+        "dataTheme",
+        "style",
+        "ref",
+        "selectionMode",
+        "value",
+        "defaultValue",
+        "onChange",
+        "rangeStart",
+        "rangeEnd",
+        "rangePreview",
+        "onDaySelect",
+        "onDayHover",
+        "minValue",
+        "maxValue",
+        "isDateUnavailable",
+        "locale",
+        "weekdayFormat",
+        "showOutsideDays",
+        "isDisabled",
+        "disabled"
     ]);
-    const [selectedValue, setSelectedValue] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(local.value || "");
-    const [isOpen, setIsOpen] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
-    const uniqueId = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createUniqueId)();
-    const inputId = `calendar-input-${uniqueId}`;
-    let calendarRef;
-    let inputRef;
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
-        if (void 0 !== local.value) setSelectedValue(local.value);
+    const selectionMode = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local.selectionMode ?? "single");
+    const dateSelection = (0, __WEBPACK_EXTERNAL_MODULE__hooks_date_index_js_897f0efe__.useDateSelection)({
+        value: ()=>local.value,
+        defaultValue: ()=>local.defaultValue,
+        onChange: ()=>local.onChange
     });
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
-        if (calendarRef && calendarRef.value !== selectedValue()) calendarRef.value = selectedValue();
+    const selectedDate = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>"single" === selectionMode() ? dateSelection.selectedDate() : null);
+    const rangeStart = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE__hooks_date_index_js_897f0efe__.normalizeDate)(local.rangeStart));
+    const rangeEnd = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE__hooks_date_index_js_897f0efe__.normalizeDate)(local.rangeEnd));
+    const rangePreview = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE__hooks_date_index_js_897f0efe__.normalizeDate)(local.rangePreview));
+    const defaultReferenceDate = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE__hooks_date_index_js_897f0efe__.normalizeDate)(local.defaultValue) ?? (0, __WEBPACK_EXTERNAL_MODULE__hooks_date_index_js_897f0efe__.getToday)());
+    const focusReferenceDate = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>selectedDate() ?? rangeEnd() ?? rangeStart() ?? (0, __WEBPACK_EXTERNAL_MODULE__hooks_date_index_js_897f0efe__.normalizeDate)(local.value) ?? defaultReferenceDate());
+    const minDate = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE__hooks_date_index_js_897f0efe__.normalizeDate)(local.minValue));
+    const maxDate = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE__hooks_date_index_js_897f0efe__.normalizeDate)(local.maxValue));
+    const locale = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local.locale ?? "en-US");
+    const weekdayFormat = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local.weekdayFormat ?? "short");
+    const showOutsideDays = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local.showOutsideDays ?? true);
+    const isCalendarDisabled = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>Boolean(local.isDisabled) || Boolean(local.disabled));
+    const isDateUnavailable = (date)=>Boolean(local.isDateUnavailable?.(date));
+    const isDateDisabled = (date)=>{
+        if (isCalendarDisabled()) return true;
+        const min = minDate();
+        if (min && (0, __WEBPACK_EXTERNAL_MODULE__hooks_date_index_js_897f0efe__.compareDates)(date, min) < 0) return true;
+        const max = maxDate();
+        if (max && (0, __WEBPACK_EXTERNAL_MODULE__hooks_date_index_js_897f0efe__.compareDates)(date, max) > 0) return true;
+        return isDateUnavailable(date);
+    };
+    const navigation = (0, __WEBPACK_EXTERNAL_MODULE__hooks_date_index_js_897f0efe__.useCalendarNavigation)({
+        initialFocusedDate: ()=>focusReferenceDate(),
+        minDate,
+        maxDate,
+        isDateDisabled
     });
     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
-        const shouldSetupListeners = local.asInput ? isOpen() && calendarRef : calendarRef;
-        if (shouldSetupListeners) {
-            const handleChange = (e)=>{
-                const target = e.target;
-                const newValue = target.value;
-                if (newValue && newValue !== selectedValue()) {
-                    setSelectedValue(newValue);
-                    if (local.onDateSelect) local.onDateSelect(newValue);
-                    if (local.asInput) setIsOpen(false);
-                }
-            };
-            const handleClick = (e)=>{
-                setTimeout(()=>{
-                    const value = calendarRef.value;
-                    if (value && value !== selectedValue()) {
-                        setSelectedValue(value);
-                        if (local.onDateSelect) local.onDateSelect(value);
-                        if (local.asInput) setIsOpen(false);
-                    }
-                }, 100);
-            };
-            calendarRef.addEventListener("change", handleChange);
-            calendarRef.addEventListener("click", handleClick);
-            return ()=>{
-                if (calendarRef) {
-                    calendarRef.removeEventListener("change", handleChange);
-                    calendarRef.removeEventListener("click", handleClick);
-                }
-            };
-        }
+        navigation.syncFocusedDate(focusReferenceDate());
     });
-    const calendarClasses = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("cally", !local.asInput && "bg-base-100 border border-base-300 shadow-lg rounded-box", "[&_[slot=heading]]:text-xs [&_[slot=heading]]:font-medium", "[&_.cally-month-header]:text-xs [&_.cally-year]:text-xs", "text-sm", local.asInput && "w-full max-w-full", "[&_table]:w-full [&_td]:p-1 [&_th]:p-1", "[&_button]:p-1 [&_button]:min-h-0 [&_button]:h-auto", local.class, local.className, (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
-            "text-base [&_[slot=heading]]:text-sm": "lg" === local.size,
-            "text-sm [&_[slot=heading]]:text-xs": "md" === local.size || !local.size,
-            "text-xs [&_[slot=heading]]:text-xs [&_button]:text-xs": "sm" === local.size,
-            "text-xs [&_button]:text-xs": "xs" === local.size
-        }));
-    const inputClasses = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("input input-bordered cursor-pointer", "w-72", (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
-            "input-lg w-80": "lg" === local.size,
-            "input-md w-72": "md" === local.size || !local.size,
-            "input-sm w-64": "sm" === local.size,
-            "input-xs w-56": "xs" === local.size,
-            "input-disabled cursor-not-allowed": local.disabled
-        }));
-    const dropdownClasses = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("absolute left-0 top-full mt-1 bg-base-100 rounded-box shadow-lg z-50 p-2", "w-auto", (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
-            "w-80": "lg" === local.size,
-            "w-72": "md" === local.size || !local.size,
-            "w-64": "sm" === local.size,
-            "w-56": "xs" === local.size
-        }));
-    const ArrowLeftIcon = ()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__icon_Icon_js_f8a6327a__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-            name: "icon-[mdi-light--chevron-left]",
-            width: 20,
-            height: 20
-        }, {
-            "aria-label": "Previous",
-            slot: "previous"
-        }));
-    const ArrowRightIcon = ()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__icon_Icon_js_f8a6327a__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-            name: "icon-[mdi-light--chevron-right]",
-            width: 20,
-            height: 20
-        }, {
-            "aria-label": "Next",
-            slot: "next"
-        }));
-    const formatDisplayDate = (value)=>{
-        if (!value) return local.placeholder || "Pick a date";
-        try {
-            const date = new Date(value);
-            return date.toLocaleDateString();
-        } catch  {
-            return local.placeholder || "Pick a date";
+    const calendarState = (0, __WEBPACK_EXTERNAL_MODULE__hooks_date_index_js_897f0efe__.useCalendarState)({
+        selectionMode: ()=>selectionMode(),
+        locale,
+        weekdayFormat,
+        visibleMonth: navigation.visibleMonth,
+        focusedDate: navigation.focusedDate,
+        selectedDate,
+        rangeStart,
+        rangeEnd,
+        rangePreview,
+        isDateDisabled,
+        isDateUnavailable
+    });
+    let rootRef;
+    const focusDateButton = (date)=>{
+        const dateValue = (0, __WEBPACK_EXTERNAL_MODULE__hooks_date_index_js_897f0efe__.toISODate)(date);
+        queueMicrotask(()=>{
+            const target = rootRef?.querySelector(`[data-slot=\"calendar-cell\"][data-date=\"${dateValue}\"]`);
+            target?.focus();
+        });
+    };
+    const selectDate = (date)=>{
+        if (isDateDisabled(date)) return;
+        if ("function" == typeof local.onDaySelect) local.onDaySelect(date);
+        else if ("single" === selectionMode()) dateSelection.setSelectedDate(date);
+        navigation.setFocusedDate(date);
+        navigation.setVisibleMonthFromDate(date);
+    };
+    const navigateMonth = (direction)=>{
+        if (isCalendarDisabled()) return;
+        const nextFocus = navigation.navigateMonth(direction);
+        if (nextFocus) focusDateButton(nextFocus);
+    };
+    const handleCellKeyDown = (event)=>{
+        if (isCalendarDisabled()) return;
+        const dateValue = (0, __WEBPACK_EXTERNAL_MODULE__hooks_date_index_js_897f0efe__.parseDate)(event.currentTarget.dataset.date);
+        if (!dateValue) return;
+        if ("Enter" === event.key || " " === event.key) {
+            event.preventDefault();
+            selectDate(dateValue);
+            return;
+        }
+        let nextDate = null;
+        let direction = 1;
+        switch(event.key){
+            case "ArrowLeft":
+                nextDate = (0, __WEBPACK_EXTERNAL_MODULE__hooks_date_index_js_897f0efe__.addDays)(dateValue, -1);
+                direction = -1;
+                break;
+            case "ArrowRight":
+                nextDate = (0, __WEBPACK_EXTERNAL_MODULE__hooks_date_index_js_897f0efe__.addDays)(dateValue, 1);
+                direction = 1;
+                break;
+            case "ArrowUp":
+                nextDate = (0, __WEBPACK_EXTERNAL_MODULE__hooks_date_index_js_897f0efe__.addDays)(dateValue, -__WEBPACK_EXTERNAL_MODULE__hooks_date_index_js_897f0efe__.DAYS_PER_WEEK);
+                direction = -1;
+                break;
+            case "ArrowDown":
+                nextDate = (0, __WEBPACK_EXTERNAL_MODULE__hooks_date_index_js_897f0efe__.addDays)(dateValue, __WEBPACK_EXTERNAL_MODULE__hooks_date_index_js_897f0efe__.DAYS_PER_WEEK);
+                direction = 1;
+                break;
+            case "Home":
+                nextDate = (0, __WEBPACK_EXTERNAL_MODULE__hooks_date_index_js_897f0efe__.addDays)(dateValue, -dateValue.getDay());
+                direction = -1;
+                break;
+            case "End":
+                nextDate = (0, __WEBPACK_EXTERNAL_MODULE__hooks_date_index_js_897f0efe__.addDays)(dateValue, __WEBPACK_EXTERNAL_MODULE__hooks_date_index_js_897f0efe__.DAYS_PER_WEEK - 1 - dateValue.getDay());
+                direction = 1;
+                break;
+            case "PageUp":
+                nextDate = (0, __WEBPACK_EXTERNAL_MODULE__hooks_date_index_js_897f0efe__.shiftDateByMonths)(dateValue, -1);
+                direction = -1;
+                break;
+            case "PageDown":
+                nextDate = (0, __WEBPACK_EXTERNAL_MODULE__hooks_date_index_js_897f0efe__.shiftDateByMonths)(dateValue, 1);
+                direction = 1;
+                break;
+            default:
+                return;
         }
+        if (!nextDate) return;
+        event.preventDefault();
+        const nextFocus = navigation.moveFocusToDate(nextDate, direction);
+        focusDateButton(nextFocus);
     };
-    if (local.asInput) return (()=>{
-        var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
-        _el$2.$$click = ()=>setIsOpen(!isOpen());
-        var _ref$ = inputRef;
-        "function" == typeof _ref$ ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$, _el$2) : inputRef = _el$2;
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "id", inputId);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>formatDisplayDate(selectedValue()));
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (()=>{
-            var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!isOpen());
-            return ()=>_c$() && (()=>{
-                    var _el$3 = _tmpl$2(), _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild, _el$6 = _el$5.firstChild;
-                    _el$3.$$click = (e)=>e.stopPropagation();
-                    var _ref$2 = calendarRef;
-                    "function" == typeof _ref$2 ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$2, _el$5) : calendarRef = _el$5;
-                    _el$5._$owner = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.getOwner)();
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ArrowLeftIcon, {}), _el$6);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ArrowRightIcon, {}), _el$6);
-                    _el$6._$owner = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.getOwner)();
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-                        var _v$5 = dropdownClasses(), _v$6 = calendarClasses();
-                        _v$5 !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$3, _p$.e = _v$5);
-                        _v$6 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$5, _p$.t = _v$6);
-                        return _p$;
-                    }, {
-                        e: void 0,
-                        t: void 0
-                    });
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>_el$5.value = selectedValue());
-                    return _el$3;
-                })();
-        })(), null);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (()=>{
-            var _c$2 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!isOpen());
-            return ()=>_c$2() && (()=>{
-                    var _el$7 = _tmpl$3();
-                    _el$7.$$click = ()=>setIsOpen(false);
-                    return _el$7;
-                })();
-        })(), null);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children, null);
+    const uniqueId = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createUniqueId)();
+    const headingId = `calendar-heading-${uniqueId}`;
+    return (()=>{
+        var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild, _el$6 = _el$3.nextSibling, _el$7 = _el$6.nextSibling, _el$8 = _el$7.firstChild, _el$9 = _el$8.firstChild, _el$0 = _el$2.nextSibling, _el$1 = _el$0.firstChild, _el$10 = _el$1.firstChild, _el$11 = _el$1.nextSibling;
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)((node)=>{
+            rootRef = node;
+            if ("function" == typeof local.ref) local.ref(node);
+        }, _el$);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Calendar_classes_js_c12a72e0__.CLASSES.Root.base, isCalendarDisabled() && __WEBPACK_EXTERNAL_MODULE__Calendar_classes_js_c12a72e0__.CLASSES.Root.flag.disabled, local.class, local.className);
+            },
+            "data-slot": "calendar",
+            get ["data-selection-mode"] () {
+                return selectionMode();
+            },
+            get ["data-disabled"] () {
+                return isCalendarDisabled() ? "true" : "false";
+            },
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get style () {
+                return local.style;
+            },
+            get ["aria-disabled"] () {
+                return isCalendarDisabled() ? "true" : void 0;
+            }
+        }), false, true);
+        _el$4.$$click = ()=>navigateMonth(-1);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "id", headingId);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, ()=>calendarState.monthFormatter().format(navigation.visibleMonth()));
+        _el$8.$$click = ()=>navigateMonth(1);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$0, "aria-labelledby", headingId);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$10, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
+            get each () {
+                return calendarState.weekdayLabels();
+            },
+            children: (label)=>(()=>{
+                    var _el$12 = _tmpl$2();
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$12, label);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$12, __WEBPACK_EXTERNAL_MODULE__Calendar_classes_js_c12a72e0__.CLASSES.HeaderCell.base));
+                    return _el$12;
+                })()
+        }));
+        _el$11.addEventListener("mouseleave", ()=>local.onDayHover?.(void 0));
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$11, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
+            get each () {
+                return calendarState.calendarWeeks();
+            },
+            children: (week)=>(()=>{
+                    var _el$13 = _tmpl$3();
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$13, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
+                        each: week,
+                        children: (date)=>{
+                            const cellState = calendarState.getCellState(date);
+                            const isoDate = (0, __WEBPACK_EXTERNAL_MODULE__hooks_date_index_js_897f0efe__.toISODate)(date);
+                            return (()=>{
+                                var _el$14 = _tmpl$5();
+                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$14, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                                    get when () {
+                                        return showOutsideDays() || !cellState.isOutsideMonth;
+                                    },
+                                    get fallback () {
+                                        return (()=>{
+                                            var _el$17 = _tmpl$6();
+                                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$17, __WEBPACK_EXTERNAL_MODULE__Calendar_classes_js_c12a72e0__.CLASSES.DayPlaceholder.base));
+                                            return _el$17;
+                                        })();
+                                    },
+                                    get children () {
+                                        var _el$15 = _tmpl$4(), _el$16 = _el$15.firstChild;
+                                        _el$15.$$keydown = handleCellKeyDown;
+                                        _el$15.addEventListener("mouseenter", ()=>{
+                                            if (cellState.isDisabled) return;
+                                            local.onDayHover?.(date);
+                                        });
+                                        _el$15.addEventListener("focus", ()=>navigation.setFocusedDate(date));
+                                        _el$15.$$click = ()=>selectDate(date);
+                                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$15, "data-date", isoDate);
+                                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$16, ()=>date.getDate());
+                                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+                                            var _v$16 = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Calendar_classes_js_c12a72e0__.CLASSES.Cell.base, cellState.isSelected && __WEBPACK_EXTERNAL_MODULE__Calendar_classes_js_c12a72e0__.CLASSES.Cell.flag.selected, cellState.isRangeStart && __WEBPACK_EXTERNAL_MODULE__Calendar_classes_js_c12a72e0__.CLASSES.Cell.flag.rangeStart, cellState.isRangeEnd && __WEBPACK_EXTERNAL_MODULE__Calendar_classes_js_c12a72e0__.CLASSES.Cell.flag.rangeEnd, cellState.isInCommittedRange && __WEBPACK_EXTERNAL_MODULE__Calendar_classes_js_c12a72e0__.CLASSES.Cell.flag.inRange, cellState.isInPreviewRange && !cellState.isInCommittedRange && __WEBPACK_EXTERNAL_MODULE__Calendar_classes_js_c12a72e0__.CLASSES.Cell.flag.inPreviewRange, cellState.isToday && __WEBPACK_EXTERNAL_MODULE__Calendar_classes_js_c12a72e0__.CLASSES.Cell.flag.today, cellState.isOutsideMonth && __WEBPACK_EXTERNAL_MODULE__Calendar_classes_js_c12a72e0__.CLASSES.Cell.flag.outsideMonth, cellState.isDisabled && __WEBPACK_EXTERNAL_MODULE__Calendar_classes_js_c12a72e0__.CLASSES.Cell.flag.disabled, cellState.isUnavailable && __WEBPACK_EXTERNAL_MODULE__Calendar_classes_js_c12a72e0__.CLASSES.Cell.flag.unavailable, cellState.isFocused && __WEBPACK_EXTERNAL_MODULE__Calendar_classes_js_c12a72e0__.CLASSES.Cell.flag.focused), _v$17 = cellState.isSelected ? "true" : "false", _v$18 = cellState.isRangeStart ? "true" : "false", _v$19 = cellState.isRangeEnd ? "true" : "false", _v$20 = cellState.isInCommittedRange ? "true" : "false", _v$21 = cellState.isInPreviewRange ? "true" : "false", _v$22 = cellState.isToday ? "true" : "false", _v$23 = cellState.isOutsideMonth ? "true" : "false", _v$24 = cellState.isDisabled ? "true" : "false", _v$25 = cellState.isUnavailable ? "true" : "false", _v$26 = calendarState.dayLabelFormatter().format(date), _v$27 = cellState.isAriaSelected ? "true" : "false", _v$28 = cellState.isDisabled ? "true" : "false", _v$29 = cellState.isDisabled, _v$30 = cellState.isFocused ? 0 : -1, _v$31 = __WEBPACK_EXTERNAL_MODULE__Calendar_classes_js_c12a72e0__.CLASSES.Day.base;
+                                            _v$16 !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$15, _p$.e = _v$16);
+                                            _v$17 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$15, "data-selected", _p$.t = _v$17);
+                                            _v$18 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$15, "data-range-start", _p$.a = _v$18);
+                                            _v$19 !== _p$.o && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$15, "data-range-end", _p$.o = _v$19);
+                                            _v$20 !== _p$.i && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$15, "data-in-range", _p$.i = _v$20);
+                                            _v$21 !== _p$.n && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$15, "data-in-preview-range", _p$.n = _v$21);
+                                            _v$22 !== _p$.s && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$15, "data-today", _p$.s = _v$22);
+                                            _v$23 !== _p$.h && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$15, "data-outside-month", _p$.h = _v$23);
+                                            _v$24 !== _p$.r && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$15, "data-disabled", _p$.r = _v$24);
+                                            _v$25 !== _p$.d && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$15, "data-unavailable", _p$.d = _v$25);
+                                            _v$26 !== _p$.l && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$15, "aria-label", _p$.l = _v$26);
+                                            _v$27 !== _p$.u && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$15, "aria-selected", _p$.u = _v$27);
+                                            _v$28 !== _p$.c && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$15, "aria-disabled", _p$.c = _v$28);
+                                            _v$29 !== _p$.w && (_el$15.disabled = _p$.w = _v$29);
+                                            _v$30 !== _p$.m && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$15, "tabindex", _p$.m = _v$30);
+                                            _v$31 !== _p$.f && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$16, _p$.f = _v$31);
+                                            return _p$;
+                                        }, {
+                                            e: void 0,
+                                            t: void 0,
+                                            a: void 0,
+                                            o: void 0,
+                                            i: void 0,
+                                            n: void 0,
+                                            s: void 0,
+                                            h: void 0,
+                                            r: void 0,
+                                            d: void 0,
+                                            l: void 0,
+                                            u: void 0,
+                                            c: void 0,
+                                            w: void 0,
+                                            m: void 0,
+                                            f: void 0
+                                        });
+                                        return _el$15;
+                                    }
+                                }));
+                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$14, __WEBPACK_EXTERNAL_MODULE__Calendar_classes_js_c12a72e0__.CLASSES.DayWrapper.base));
+                                return _el$14;
+                            })();
+                        }
+                    }));
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$13, __WEBPACK_EXTERNAL_MODULE__Calendar_classes_js_c12a72e0__.CLASSES.GridRow.base));
+                    return _el$13;
+                })()
+        }));
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-            var _v$ = local.dataTheme, _v$2 = local.style, _v$3 = inputClasses(), _v$4 = local.disabled;
-            _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "data-theme", _p$.e = _v$);
-            _p$.t = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.style)(_el$, _v$2, _p$.t);
-            _v$3 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, _p$.a = _v$3);
-            _v$4 !== _p$.o && (_el$2.disabled = _p$.o = _v$4);
+            var _v$ = __WEBPACK_EXTERNAL_MODULE__Calendar_classes_js_c12a72e0__.CLASSES.Header.base, _v$2 = __WEBPACK_EXTERNAL_MODULE__Calendar_classes_js_c12a72e0__.CLASSES.Nav.base, _v$3 = __WEBPACK_EXTERNAL_MODULE__Calendar_classes_js_c12a72e0__.CLASSES.NavButton.base, _v$4 = isCalendarDisabled() || !navigation.canNavigatePrevious(), _v$5 = isCalendarDisabled() || !navigation.canNavigatePrevious() ? "true" : void 0, _v$6 = __WEBPACK_EXTERNAL_MODULE__Calendar_classes_js_c12a72e0__.CLASSES.NavButtonIcon.base, _v$7 = __WEBPACK_EXTERNAL_MODULE__Calendar_classes_js_c12a72e0__.CLASSES.Heading.base, _v$8 = __WEBPACK_EXTERNAL_MODULE__Calendar_classes_js_c12a72e0__.CLASSES.Nav.base, _v$9 = __WEBPACK_EXTERNAL_MODULE__Calendar_classes_js_c12a72e0__.CLASSES.NavButton.base, _v$0 = isCalendarDisabled() || !navigation.canNavigateNext(), _v$1 = isCalendarDisabled() || !navigation.canNavigateNext() ? "true" : void 0, _v$10 = __WEBPACK_EXTERNAL_MODULE__Calendar_classes_js_c12a72e0__.CLASSES.NavButtonIcon.base, _v$11 = __WEBPACK_EXTERNAL_MODULE__Calendar_classes_js_c12a72e0__.CLASSES.Grid.base, _v$12 = isCalendarDisabled() ? "true" : void 0, _v$13 = __WEBPACK_EXTERNAL_MODULE__Calendar_classes_js_c12a72e0__.CLASSES.GridHeader.base, _v$14 = __WEBPACK_EXTERNAL_MODULE__Calendar_classes_js_c12a72e0__.CLASSES.GridRow.base, _v$15 = __WEBPACK_EXTERNAL_MODULE__Calendar_classes_js_c12a72e0__.CLASSES.GridBody.base;
+            _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, _p$.e = _v$);
+            _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$3, _p$.t = _v$2);
+            _v$3 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$4, _p$.a = _v$3);
+            _v$4 !== _p$.o && (_el$4.disabled = _p$.o = _v$4);
+            _v$5 !== _p$.i && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$4, "data-disabled", _p$.i = _v$5);
+            _v$6 !== _p$.n && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$5, "class", _p$.n = _v$6);
+            _v$7 !== _p$.s && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$6, _p$.s = _v$7);
+            _v$8 !== _p$.h && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$7, _p$.h = _v$8);
+            _v$9 !== _p$.r && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$8, _p$.r = _v$9);
+            _v$0 !== _p$.d && (_el$8.disabled = _p$.d = _v$0);
+            _v$1 !== _p$.l && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$8, "data-disabled", _p$.l = _v$1);
+            _v$10 !== _p$.u && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$9, "class", _p$.u = _v$10);
+            _v$11 !== _p$.c && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$0, _p$.c = _v$11);
+            _v$12 !== _p$.w && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$0, "aria-readonly", _p$.w = _v$12);
+            _v$13 !== _p$.m && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$1, _p$.m = _v$13);
+            _v$14 !== _p$.f && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$10, _p$.f = _v$14);
+            _v$15 !== _p$.y && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$11, _p$.y = _v$15);
             return _p$;
         }, {
             e: void 0,
             t: void 0,
             a: void 0,
-            o: void 0
+            o: void 0,
+            i: void 0,
+            n: void 0,
+            s: void 0,
+            h: void 0,
+            r: void 0,
+            d: void 0,
+            l: void 0,
+            u: void 0,
+            c: void 0,
+            w: void 0,
+            m: void 0,
+            f: void 0,
+            y: void 0
         });
         return _el$;
     })();
-    return (()=>{
-        var _el$8 = _tmpl$4(), _el$9 = _el$8.firstChild, _el$0 = _el$9.firstChild;
-        var _ref$3 = calendarRef;
-        "function" == typeof _ref$3 ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$3, _el$9) : calendarRef = _el$9;
-        _el$9._$owner = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.getOwner)();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$9, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ArrowLeftIcon, {}), _el$0);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$9, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ArrowRightIcon, {}), _el$0);
-        _el$0._$owner = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.getOwner)();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$8, ()=>local.children, null);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-            var _v$7 = local.dataTheme, _v$8 = local.style, _v$9 = calendarClasses();
-            _v$7 !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$8, "data-theme", _p$.e = _v$7);
-            _p$.t = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.style)(_el$8, _v$8, _p$.t);
-            _v$9 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$9, _p$.a = _v$9);
-            return _p$;
-        }, {
-            e: void 0,
-            t: void 0,
-            a: void 0
-        });
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>_el$9.value = selectedValue());
-        return _el$8;
-    })();
 };
 const Calendar = Calendar_Calendar;
 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
-    "click"
+    "click",
+    "keydown"
 ]);
 export { Calendar as default };

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

@@ -1 +1 @@
-export { default, type CalendarProps } from "./Calendar";
+export { default, type CalendarProps, type CalendarWeekdayFormat, type CalendarSelectionMode, type CalendarDaySelectHandler, type CalendarDayHoverHandler, } from "./Calendar";

package/dist/components/chatbubble/ChatBubble.classes.d.ts

@@ -0,0 +1,24 @@
+export declare const CLASSES: {
+    readonly base: "chatbubble";
+    readonly align: {
+        readonly start: "chatbubble--start";
+        readonly end: "chatbubble--end";
+    };
+    readonly slot: {
+        readonly header: "chatbubble__header";
+        readonly footer: "chatbubble__footer";
+        readonly avatar: "chatbubble__avatar";
+        readonly message: "chatbubble__message";
+        readonly time: "chatbubble__time";
+    };
+    readonly color: {
+        readonly neutral: "chatbubble__message--neutral";
+        readonly primary: "chatbubble__message--primary";
+        readonly secondary: "chatbubble__message--secondary";
+        readonly accent: "chatbubble__message--accent";
+        readonly info: "chatbubble__message--info";
+        readonly success: "chatbubble__message--success";
+        readonly warning: "chatbubble__message--warning";
+        readonly error: "chatbubble__message--error";
+    };
+};

package/dist/components/chatbubble/ChatBubble.classes.js

@@ -0,0 +1,25 @@
+const CLASSES = {
+    base: "chatbubble",
+    align: {
+        start: "chatbubble--start",
+        end: "chatbubble--end"
+    },
+    slot: {
+        header: "chatbubble__header",
+        footer: "chatbubble__footer",
+        avatar: "chatbubble__avatar",
+        message: "chatbubble__message",
+        time: "chatbubble__time"
+    },
+    color: {
+        neutral: "chatbubble__message--neutral",
+        primary: "chatbubble__message--primary",
+        secondary: "chatbubble__message--secondary",
+        accent: "chatbubble__message--accent",
+        info: "chatbubble__message--info",
+        success: "chatbubble__message--success",
+        warning: "chatbubble__message--warning",
+        error: "chatbubble__message--error"
+    }
+};
+export { CLASSES };