@expcat/tigercat-react 1.4.0 → 1.5.0

package/dist/{chunk-PXO2F2CS.mjs → chunk-V23KR23W.mjs}

@@ -60,6 +60,34 @@ var Rate = ({
     setHoverValue(0);
     onHoverChange?.(0);
   }, [disabled, onHoverChange]);
+  const step = allowHalf ? 0.5 : 1;
+  const handleKeyDown = useCallback(
+    (e) => {
+      if (disabled) return;
+      let next = value;
+      switch (e.key) {
+        case "ArrowRight":
+        case "ArrowUp":
+          next = Math.min(count, value + step);
+          break;
+        case "ArrowLeft":
+        case "ArrowDown":
+          next = Math.max(0, value - step);
+          break;
+        case "Home":
+          next = 0;
+          break;
+        case "End":
+          next = count;
+          break;
+        default:
+          return;
+      }
+      e.preventDefault();
+      if (next !== value) onChange?.(next);
+    },
+    [disabled, value, count, step, onChange]
+  );
   const starIcon = useMemo(
     () => /* @__PURE__ */ jsx("svg", { viewBox: starViewBox, fill: "currentColor", className: "w-full h-full", children: /* @__PURE__ */ jsx("path", { d: starPathD }) }),
     []
@@ -90,9 +118,7 @@ var Rate = ({
           "span",
           {
             className: getRateStarClasses(size, isChar, disabled),
-            role: "radio",
-            "aria-checked": full || half,
-            "aria-label": `${i + 1} star${i + 1 > 1 ? "s" : ""}`,
+            "aria-hidden": "true",
             onClick: (e) => handleClick(i, e),
             onMouseMove: (e) => handleMouseMove(i, e),
             onMouseLeave: handleMouseLeave,
@@ -117,7 +143,24 @@ var Rate = ({
     handleMouseMove,
     handleMouseLeave
   ]);
-  return /* @__PURE__ */ jsx("div", { className: classNames(rateBaseClasses, className), role: "radiogroup", "aria-label": "Rating", children: stars });
+  const valueText = `${value} star${value === 1 ? "" : "s"}`;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: classNames(rateBaseClasses, className),
+      role: "slider",
+      "aria-label": "Rating",
+      "aria-valuemin": 0,
+      "aria-valuemax": count,
+      "aria-valuenow": value,
+      "aria-valuetext": valueText,
+      "aria-disabled": disabled || void 0,
+      "aria-orientation": "horizontal",
+      tabIndex: disabled ? -1 : 0,
+      onKeyDown: handleKeyDown,
+      children: stars
+    }
+  );
 };
 
 export {

package/dist/{chunk-BA6TJQZL.js → chunk-V3QEV3TL.js}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunkTEYL5X56js = require('./chunk-TEYL5X56.js');
+var _chunkDH4B2COVjs = require('./chunk-DH4B2COV.js');
 
 
-var _chunkKYNWNTGOjs = require('./chunk-KYNWNTGO.js');
+var _chunkHFGTJEQWjs = require('./chunk-HFGTJEQW.js');
 
 
 var _chunkWOSKRZOOjs = require('./chunk-WOSKRZOO.js');
 
 
-var _chunkM3FVPPMMjs = require('./chunk-M3FVPPMM.js');
+var _chunkTO4SSBAJjs = require('./chunk-TO4SSBAJ.js');
 
 
 var _chunkLZG24TDBjs = require('./chunk-LZG24TDB.js');
@@ -310,7 +310,7 @@ var DataTableWithToolbar = ({
                 ),
                 children: [
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _chunkM3FVPPMMjs.Input,
+                    _chunkTO4SSBAJjs.Input,
                     {
                       type: "search",
                       size: "sm",
@@ -383,7 +383,7 @@ var DataTableWithToolbar = ({
                   className: _nullishCoalesce(filter.itemClass, () => ( "w-full sm:w-auto sm:min-w-[120px] sm:max-w-[180px]")),
                   style: filter.itemStyle,
                   children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _chunkKYNWNTGOjs.Select,
+                    _chunkHFGTJEQWjs.Select,
                     {
                       size: "sm",
                       options: (_nullishCoalesce(filter.options, () => ( []))).map((opt) => ({
@@ -435,7 +435,7 @@ var DataTableWithToolbar = ({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: wrapperClasses, "data-tiger-data-table-with-toolbar": true, children: [
     renderToolbar(),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkTEYL5X56js.Table,
+      _chunkDH4B2COVjs.Table,
       {
         ...remainingTableProps,
         locale,

package/dist/{chunk-GG72T6JK.js → chunk-VOSN3IQC.js}

@@ -60,6 +60,34 @@ var Rate = ({
     setHoverValue(0);
     _optionalChain([onHoverChange, 'optionalCall', _3 => _3(0)]);
   }, [disabled, onHoverChange]);
+  const step = allowHalf ? 0.5 : 1;
+  const handleKeyDown = _react.useCallback.call(void 0, 
+    (e) => {
+      if (disabled) return;
+      let next = value;
+      switch (e.key) {
+        case "ArrowRight":
+        case "ArrowUp":
+          next = Math.min(count, value + step);
+          break;
+        case "ArrowLeft":
+        case "ArrowDown":
+          next = Math.max(0, value - step);
+          break;
+        case "Home":
+          next = 0;
+          break;
+        case "End":
+          next = count;
+          break;
+        default:
+          return;
+      }
+      e.preventDefault();
+      if (next !== value) _optionalChain([onChange, 'optionalCall', _4 => _4(next)]);
+    },
+    [disabled, value, count, step, onChange]
+  );
   const starIcon = _react.useMemo.call(void 0, 
     () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { viewBox: _tigercatcore.starViewBox, fill: "currentColor", className: "w-full h-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: _tigercatcore.starPathD }) }),
     []
@@ -90,9 +118,7 @@ var Rate = ({
           "span",
           {
             className: _tigercatcore.getRateStarClasses.call(void 0, size, isChar, disabled),
-            role: "radio",
-            "aria-checked": full || half,
-            "aria-label": `${i + 1} star${i + 1 > 1 ? "s" : ""}`,
+            "aria-hidden": "true",
             onClick: (e) => handleClick(i, e),
             onMouseMove: (e) => handleMouseMove(i, e),
             onMouseLeave: handleMouseLeave,
@@ -117,7 +143,24 @@ var Rate = ({
     handleMouseMove,
     handleMouseLeave
   ]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.classNames.call(void 0, _tigercatcore.rateBaseClasses, className), role: "radiogroup", "aria-label": "Rating", children: stars });
+  const valueText = `${value} star${value === 1 ? "" : "s"}`;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      className: _tigercatcore.classNames.call(void 0, _tigercatcore.rateBaseClasses, className),
+      role: "slider",
+      "aria-label": "Rating",
+      "aria-valuemin": 0,
+      "aria-valuemax": count,
+      "aria-valuenow": value,
+      "aria-valuetext": valueText,
+      "aria-disabled": disabled || void 0,
+      "aria-orientation": "horizontal",
+      tabIndex: disabled ? -1 : 0,
+      onKeyDown: handleKeyDown,
+      children: stars
+    }
+  );
 };
 
 

package/dist/{chunk-J4OQ2VRH.mjs → chunk-W6T3CG7U.mjs}

@@ -1,3 +1,7 @@
+import {
+  useTigerConfig
+} from "./chunk-QAIBQHIO.mjs";
+
 // src/components/AutoComplete.tsx
 import { useState, useRef, useEffect, useId, useMemo } from "react";
 import {
@@ -14,6 +18,8 @@ import {
   getPickerOptionAria,
   getPickerOptionId,
   classNames,
+  resolveLocaleText,
+  mergeTigerLocale,
   icon20ViewBox,
   closeSolidIcon20PathD
 } from "@expcat/tigercat-core";
@@ -29,6 +35,7 @@ var AUTOCOMPLETE_KEYS = /* @__PURE__ */ new Set([
   "filterOption",
   "defaultActiveFirstOption",
   "allowFreeInput",
+  "locale",
   "onChange",
   "onSelect",
   "onSearch"
@@ -41,15 +48,27 @@ var AutoComplete = (props) => {
     size = "md",
     disabled = false,
     clearable = false,
-    notFoundText = "No matches found",
+    notFoundText,
     filterOption = true,
     defaultActiveFirstOption = true,
+    allowFreeInput = true,
+    locale,
     className,
     onChange,
     onSelect,
     onSearch,
     ...rest
   } = props;
+  const config = useTigerConfig();
+  const mergedLocale = useMemo(
+    () => mergeTigerLocale(config.locale, locale),
+    [config.locale, locale]
+  );
+  const resolvedNotFoundText = resolveLocaleText(
+    "No matches found",
+    notFoundText,
+    mergedLocale?.common?.emptyText
+  );
   const divProps = {};
   for (const key of Object.keys(rest)) {
     if (!AUTOCOMPLETE_KEYS.has(key)) {
@@ -80,6 +99,23 @@ var AutoComplete = (props) => {
     setIsOpen(false);
     setActiveIndex(-1);
   }
+  function constrainToOption() {
+    if (allowFreeInput) return;
+    const match = options.find((o) => !o.disabled && o.label === inputValue);
+    if (match) {
+      if (String(match.value) !== String(value)) {
+        onChange?.(match.value);
+        onSelect?.(match.value, match);
+      }
+      return;
+    }
+    const current = options.find((o) => String(o.value) === String(value));
+    const revertLabel = current ? current.label : "";
+    if (revertLabel !== inputValue) {
+      setInputValue(revertLabel);
+      onChange?.(current ? current.value : "");
+    }
+  }
   function handleInput(e) {
     const val = e.target.value;
     setInputValue(val);
@@ -126,6 +162,9 @@ var AutoComplete = (props) => {
         e.preventDefault();
         if (activeIndex >= 0 && activeIndex < filteredOptions.length) {
           handleSelect(filteredOptions[activeIndex]);
+        } else {
+          constrainToOption();
+          closeDropdown();
         }
         break;
       case "Escape":
@@ -159,7 +198,8 @@ var AutoComplete = (props) => {
         autoComplete: "off",
         onChange: handleInput,
         onFocus: openDropdown,
-        onKeyDown: handleKeyDown
+        onKeyDown: handleKeyDown,
+        onBlur: constrainToOption
       }
     ),
     showClearButton && /* @__PURE__ */ jsx(
@@ -167,7 +207,7 @@ var AutoComplete = (props) => {
       {
         type: "button",
         className: "absolute right-2 top-1/2 -translate-y-1/2 text-[var(--tiger-autocomplete-clear,var(--tiger-text-muted,#9ca3af))] hover:text-[var(--tiger-autocomplete-clear-hover,var(--tiger-text,#111827))] transition-colors",
-        "aria-label": "Clear",
+        "aria-label": resolveLocaleText("Clear", mergedLocale?.common?.clearText),
         onClick: handleClear,
         children: /* @__PURE__ */ jsx(
           "svg",
@@ -194,13 +234,14 @@ var AutoComplete = (props) => {
           !!option.disabled,
           size
         ),
+        onMouseDown: (e) => e.preventDefault(),
         onClick: () => handleSelect(option),
         onMouseEnter: () => setActiveIndex(index),
         children: option.label
       },
       String(option.value)
     )) }),
-    isOpen && inputValue && filteredOptions.length === 0 && /* @__PURE__ */ jsx("div", { className: classNames(autoCompleteDropdownClasses, autoCompleteEmptyStateClasses), children: notFoundText })
+    isOpen && inputValue && filteredOptions.length === 0 && /* @__PURE__ */ jsx("div", { className: classNames(autoCompleteDropdownClasses, autoCompleteEmptyStateClasses), children: resolvedNotFoundText })
   ] });
 };
 

package/dist/{chunk-OTEM4FVX.mjs → chunk-WGKNAOW7.mjs}

@@ -1,5 +1,5 @@
 // src/components/FloatButton.tsx
-import { useState, useMemo, useCallback } from "react";
+import { createContext, useContext, useState, useMemo, useCallback } from "react";
 import ReactDOM from "react-dom";
 import {
   classNames,
@@ -12,8 +12,9 @@ import {
   floatButtonGroupClasses
 } from "@expcat/tigercat-core";
 import { jsx, jsxs } from "react/jsx-runtime";
+var FloatButtonGroupContext = createContext(null);
 var FloatButton = ({
-  shape = "circle",
+  shape,
   size = "md",
   type = "primary",
   tooltip,
@@ -24,16 +25,18 @@ var FloatButton = ({
   onClick,
   ...props
 }) => {
+  const group = useContext(FloatButtonGroupContext);
+  const resolvedShape = shape ?? group?.shape ?? "circle";
   const classes = useMemo(
     () => classNames(
       floatButtonBaseClasses,
-      floatButtonShapeClasses[shape],
+      floatButtonShapeClasses[resolvedShape],
       floatButtonSizeClasses[size],
       floatButtonTypeClasses[type],
       disabled && floatButtonDisabledClasses,
       className
     ),
-    [shape, size, type, disabled, className]
+    [resolvedShape, size, type, disabled, className]
   );
   return /* @__PURE__ */ jsx(
     "button",
@@ -50,7 +53,7 @@ var FloatButton = ({
   );
 };
 var FloatButtonGroup = ({
-  shape: _shape = "circle",
+  shape: groupShape,
   trigger = "click",
   open: controlledOpen,
   triggerNode,
@@ -59,6 +62,7 @@ var FloatButtonGroup = ({
   onOpenChange,
   ...props
 }) => {
+  const groupContextValue = useMemo(() => ({ shape: groupShape }), [groupShape]);
   const [internalOpen, setInternalOpen] = useState(false);
   const isOpen = controlledOpen ?? internalOpen;
   const toggle = useCallback(() => {
@@ -76,7 +80,7 @@ var FloatButtonGroup = ({
   }, [onOpenChange]);
   const groupClasses = useMemo(() => classNames(floatButtonGroupClasses, className), [className]);
   if (!isBrowser()) return null;
-  const content = /* @__PURE__ */ jsxs(
+  const content = /* @__PURE__ */ jsx(FloatButtonGroupContext.Provider, { value: groupContextValue, children: /* @__PURE__ */ jsxs(
     "div",
     {
       className: groupClasses,
@@ -88,7 +92,7 @@ var FloatButtonGroup = ({
         isOpen && children
       ]
     }
-  );
+  ) });
   return ReactDOM.createPortal(content, document.body);
 };
 

package/dist/chunk-WLFLQB4R.mjs

@@ -0,0 +1,312 @@
+import {
+  useTigerConfig
+} from "./chunk-QAIBQHIO.mjs";
+
+// src/components/Calendar.tsx
+import { useState, useMemo, useCallback, useRef, useEffect } from "react";
+import { classNames } from "@expcat/tigercat-core";
+import {
+  getCalendarContainerClasses,
+  calendarHeaderClasses,
+  calendarNavButtonClasses,
+  calendarTitleClasses,
+  calendarWeekdayClasses,
+  getCalendarDayClasses,
+  getCalendarMonthClasses,
+  isSameDay,
+  getMonthDays,
+  getShortDayNames,
+  getShortMonthNames,
+  formatMonthYear,
+  formatDate,
+  parseDate,
+  addDays,
+  getCalendarLabels,
+  mergeTigerLocale
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Calendar = ({
+  value,
+  mode = "month",
+  fullscreen = false,
+  disabledDate,
+  locale,
+  onChange,
+  onPanelChange,
+  className
+}) => {
+  const config = useTigerConfig();
+  const mergedLocale = useMemo(
+    () => mergeTigerLocale(config.locale, locale),
+    [config.locale, locale]
+  );
+  const localeCode = mergedLocale?.locale;
+  const labels = useMemo(() => getCalendarLabels(mergedLocale), [mergedLocale]);
+  const weekdayNames = useMemo(() => getShortDayNames(localeCode), [localeCode]);
+  const monthNames = useMemo(() => getShortMonthNames(localeCode), [localeCode]);
+  const today = /* @__PURE__ */ new Date();
+  const [viewYear, setViewYear] = useState(value?.getFullYear() ?? today.getFullYear());
+  const [viewMonth, setViewMonth] = useState(value?.getMonth() ?? today.getMonth());
+  const days = useMemo(() => getMonthDays(viewYear, viewMonth), [viewYear, viewMonth]);
+  const weeks = useMemo(() => {
+    const out = [];
+    for (let i = 0; i < days.length; i += 7) out.push(days.slice(i, i + 7));
+    return out;
+  }, [days]);
+  const monthRows = useMemo(() => {
+    const out = [];
+    for (let i = 0; i < monthNames.length; i += 3) out.push(monthNames.slice(i, i + 3));
+    return out;
+  }, [monthNames]);
+  const navigate = useCallback(
+    (newYear, newMonth) => {
+      setViewYear(newYear);
+      setViewMonth(newMonth);
+      onPanelChange?.(new Date(newYear, newMonth, 1), mode);
+    },
+    [mode, onPanelChange]
+  );
+  const prevMonth = useCallback(() => {
+    if (viewMonth === 0) navigate(viewYear - 1, 11);
+    else navigate(viewYear, viewMonth - 1);
+  }, [viewYear, viewMonth, navigate]);
+  const nextMonth = useCallback(() => {
+    if (viewMonth === 11) navigate(viewYear + 1, 0);
+    else navigate(viewYear, viewMonth + 1);
+  }, [viewYear, viewMonth, navigate]);
+  const prevYear = useCallback(
+    () => navigate(viewYear - 1, viewMonth),
+    [viewYear, viewMonth, navigate]
+  );
+  const nextYear = useCallback(
+    () => navigate(viewYear + 1, viewMonth),
+    [viewYear, viewMonth, navigate]
+  );
+  const selectDay = useCallback(
+    (date) => {
+      if (disabledDate?.(date)) return;
+      onChange?.(date);
+    },
+    [disabledDate, onChange]
+  );
+  const selectMonth = useCallback(
+    (monthIdx) => {
+      setViewMonth(monthIdx);
+      onPanelChange?.(new Date(viewYear, monthIdx, 1), mode);
+    },
+    [viewYear, mode, onPanelChange]
+  );
+  const dayGridRef = useRef(null);
+  const pendingFocusIsoRef = useRef(null);
+  const [activeIso, setActiveIso] = useState(null);
+  const toIso = (d) => formatDate(d, "yyyy-MM-dd");
+  const defaultDayIso = (() => {
+    if (value && value.getFullYear() === viewYear && value.getMonth() === viewMonth)
+      return toIso(value);
+    if (today.getFullYear() === viewYear && today.getMonth() === viewMonth) return toIso(today);
+    return toIso(new Date(viewYear, viewMonth, 1));
+  })();
+  const rovingDayIso = activeIso ?? defaultDayIso;
+  const focusDayIso = (iso) => {
+    const el = dayGridRef.current?.querySelector(`button[data-date="${iso}"]`);
+    if (el && !el.disabled) {
+      el.focus();
+      setActiveIso(iso);
+      return true;
+    }
+    return false;
+  };
+  const moveDayFocus = (deltaDays) => {
+    const activeEl = document.activeElement;
+    const currentIso = activeEl?.getAttribute("data-date") ?? rovingDayIso;
+    const base = parseDate(currentIso);
+    if (!base) return;
+    let candidate = addDays(base, deltaDays);
+    for (let attempts = 0; attempts < 42; attempts++) {
+      const iso = toIso(candidate);
+      const el = dayGridRef.current?.querySelector(`button[data-date="${iso}"]`);
+      if (el && !el.disabled) {
+        el.focus();
+        setActiveIso(iso);
+        return;
+      }
+      if (!el) {
+        pendingFocusIsoRef.current = iso;
+        setActiveIso(iso);
+        navigate(candidate.getFullYear(), candidate.getMonth());
+        return;
+      }
+      candidate = addDays(candidate, deltaDays);
+    }
+  };
+  useEffect(() => {
+    const iso = pendingFocusIsoRef.current;
+    if (!iso) return;
+    const el = dayGridRef.current?.querySelector(`button[data-date="${iso}"]`);
+    if (el) {
+      el.focus();
+      pendingFocusIsoRef.current = null;
+    }
+  }, [days]);
+  const handleDayGridKeyDown = (e) => {
+    switch (e.key) {
+      case "ArrowLeft":
+        e.preventDefault();
+        moveDayFocus(-1);
+        break;
+      case "ArrowRight":
+        e.preventDefault();
+        moveDayFocus(1);
+        break;
+      case "ArrowUp":
+        e.preventDefault();
+        moveDayFocus(-7);
+        break;
+      case "ArrowDown":
+        e.preventDefault();
+        moveDayFocus(7);
+        break;
+      case "Home":
+        e.preventDefault();
+        focusDayIso(toIso(new Date(viewYear, viewMonth, 1)));
+        break;
+      case "End":
+        e.preventDefault();
+        focusDayIso(toIso(new Date(viewYear, viewMonth + 1, 0)));
+        break;
+      case "Enter":
+      case " ": {
+        const activeEl = document.activeElement;
+        const iso = activeEl?.getAttribute("data-date");
+        if (iso) {
+          e.preventDefault();
+          const d = parseDate(iso);
+          if (d) selectDay(d);
+        }
+        break;
+      }
+      default:
+        break;
+    }
+  };
+  const [activeMonthIdx, setActiveMonthIdx] = useState(null);
+  const rovingMonthIdx = activeMonthIdx ?? viewMonth;
+  const monthGridRef = useRef(null);
+  const focusMonthIdx = (idx) => {
+    const els = monthGridRef.current?.querySelectorAll('button[role="gridcell"]');
+    els?.[idx]?.focus();
+    setActiveMonthIdx(idx);
+  };
+  const handleMonthKeyDown = (e, idx) => {
+    let target = idx;
+    switch (e.key) {
+      case "ArrowRight":
+        target = Math.min(11, idx + 1);
+        break;
+      case "ArrowLeft":
+        target = Math.max(0, idx - 1);
+        break;
+      case "ArrowDown":
+        target = Math.min(11, idx + 3);
+        break;
+      case "ArrowUp":
+        target = Math.max(0, idx - 3);
+        break;
+      case "Home":
+        target = 0;
+        break;
+      case "End":
+        target = 11;
+        break;
+      case "Enter":
+      case " ":
+        e.preventDefault();
+        selectMonth(idx);
+        return;
+      default:
+        return;
+    }
+    e.preventDefault();
+    focusMonthIdx(target);
+  };
+  const containerClass = classNames(getCalendarContainerClasses(fullscreen), className);
+  return /* @__PURE__ */ jsxs("div", { className: containerClass, role: "group", children: [
+    /* @__PURE__ */ jsxs("div", { className: calendarHeaderClasses, children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: calendarNavButtonClasses,
+          "aria-label": mode === "month" ? labels.previousMonth : labels.previousYear,
+          onClick: mode === "month" ? prevMonth : prevYear,
+          children: "\u2039"
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: calendarTitleClasses, children: mode === "month" ? formatMonthYear(viewYear, viewMonth, localeCode) : `${viewYear}` }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: calendarNavButtonClasses,
+          "aria-label": mode === "month" ? labels.nextMonth : labels.nextYear,
+          onClick: mode === "month" ? nextMonth : nextYear,
+          children: "\u203A"
+        }
+      )
+    ] }),
+    mode === "year" ? /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-2", role: "grid", ref: monthGridRef, children: monthRows.map((row, ri) => /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 gap-2", role: "row", children: row.map((m, ci) => {
+      const i = ri * 3 + ci;
+      return /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          role: "gridcell",
+          "aria-selected": viewMonth === i,
+          tabIndex: rovingMonthIdx === i ? 0 : -1,
+          className: getCalendarMonthClasses(viewMonth === i),
+          onClick: () => selectMonth(i),
+          onFocus: () => setActiveMonthIdx(i),
+          onKeyDown: (e) => handleMonthKeyDown(e, i),
+          children: m
+        },
+        i
+      );
+    }) }, ri)) }) : /* @__PURE__ */ jsxs("div", { role: "grid", "aria-rowcount": 7, "aria-colcount": 7, ref: dayGridRef, children: [
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7", role: "row", children: weekdayNames.map((wd) => /* @__PURE__ */ jsx("div", { className: calendarWeekdayClasses, role: "columnheader", children: wd }, wd)) }),
+      weeks.map((week, wi) => /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7", role: "row", onKeyDown: handleDayGridKeyDown, children: week.map((date) => {
+        const isCurrentMonth = date.getMonth() === viewMonth;
+        const isSelected = value ? isSameDay(date, value) : false;
+        const isTodayDate = isSameDay(date, today);
+        const isDisabled = !!disabledDate?.(date);
+        const iso = toIso(date);
+        return /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            role: "gridcell",
+            "data-date": iso,
+            "aria-label": iso,
+            "aria-selected": isSelected,
+            "aria-current": isTodayDate ? "date" : void 0,
+            disabled: isDisabled,
+            tabIndex: rovingDayIso === iso && !isDisabled ? 0 : -1,
+            className: classNames(
+              getCalendarDayClasses(isSelected, isTodayDate, isCurrentMonth, isDisabled),
+              "justify-self-center my-0.5"
+            ),
+            onClick: () => selectDay(date),
+            onFocus: () => setActiveIso(iso),
+            children: date.getDate()
+          },
+          iso
+        );
+      }) }, wi))
+    ] })
+  ] });
+};
+var Calendar_default = Calendar;
+
+export {
+  Calendar,
+  Calendar_default
+};