@expcat/tigercat-react 1.1.0 → 1.2.0

package/dist/chunk-4U5HSR2H.js

@@ -0,0 +1,351 @@
+"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 _chunkSTTQ5LXXjs = require('./chunk-STTQ5LXX.js');
+
+// src/components/ImagePreview.tsx
+var _react = require('react');
+var _reactdom = require('react-dom');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var SvgIcon = ({ d, cls = "w-5 h-5" }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "svg",
+  {
+    className: cls,
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    stroke: "currentColor",
+    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d })
+  }
+);
+var ImagePreview = ({
+  open,
+  images,
+  currentIndex = 0,
+  zIndex = 1050,
+  maskClosable = true,
+  scaleStep = 0.5,
+  minScale = 0.25,
+  maxScale = 5,
+  onOpenChange,
+  onCurrentIndexChange,
+  onScaleChange
+}) => {
+  const isOpen = _nullishCoalesce(open, () => ( false));
+  const [scale, setScale] = _react.useState.call(void 0, 1);
+  const [rotation, setRotation] = _react.useState.call(void 0, 0);
+  const [offsetX, setOffsetX] = _react.useState.call(void 0, 0);
+  const [offsetY, setOffsetY] = _react.useState.call(void 0, 0);
+  const [index, setIndex] = _react.useState.call(void 0, currentIndex);
+  const draggingRef = _react.useRef.call(void 0, false);
+  const dragStartRef = _react.useRef.call(void 0, { x: 0, y: 0, ox: 0, oy: 0 });
+  const panRef = _react.useRef.call(void 0, _tigercatcore.createPanState.call(void 0, ));
+  const pinchRef = _react.useRef.call(void 0, _tigercatcore.createPinchState.call(void 0, ));
+  const resetTransform = _react.useCallback.call(void 0, () => {
+    setScale(1);
+    setRotation(0);
+    setOffsetX(0);
+    setOffsetY(0);
+    panRef.current = _tigercatcore.createPanState.call(void 0, );
+    pinchRef.current = _tigercatcore.createPinchState.call(void 0, );
+  }, []);
+  _react.useEffect.call(void 0, () => {
+    setIndex(currentIndex);
+    resetTransform();
+  }, [currentIndex, resetTransform]);
+  _react.useEffect.call(void 0, () => {
+    if (isOpen) {
+      resetTransform();
+      setIndex(currentIndex);
+      document.body.style.overflow = "hidden";
+    } else {
+      document.body.style.overflow = "";
+    }
+    return () => {
+      document.body.style.overflow = "";
+    };
+  }, [isOpen, currentIndex, resetTransform]);
+  const handleClose = _react.useCallback.call(void 0, () => {
+    _optionalChain([onOpenChange, 'optionalCall', _ => _(false)]);
+  }, [onOpenChange]);
+  _chunkSTTQ5LXXjs.useEscapeKey.call(void 0, { enabled: !!isOpen, onEscape: handleClose });
+  const navState = _react.useMemo.call(void 0, () => _tigercatcore.getPreviewNavState.call(void 0, index, images.length), [index, images.length]);
+  const handleZoomIn = _react.useCallback.call(void 0, () => {
+    setScale((s) => {
+      const next = _tigercatcore.clampScale.call(void 0, s + scaleStep, minScale, maxScale);
+      _optionalChain([onScaleChange, 'optionalCall', _2 => _2(next)]);
+      return next;
+    });
+  }, [scaleStep, minScale, maxScale, onScaleChange]);
+  const handleZoomOut = _react.useCallback.call(void 0, () => {
+    setScale((s) => {
+      const next = _tigercatcore.clampScale.call(void 0, s - scaleStep, minScale, maxScale);
+      _optionalChain([onScaleChange, 'optionalCall', _3 => _3(next)]);
+      return next;
+    });
+  }, [scaleStep, minScale, maxScale, onScaleChange]);
+  const handleReset = _react.useCallback.call(void 0, () => {
+    resetTransform();
+    _optionalChain([onScaleChange, 'optionalCall', _4 => _4(1)]);
+  }, [resetTransform, onScaleChange]);
+  const handleRotateLeft = _react.useCallback.call(void 0, () => {
+    setRotation((value) => _tigercatcore.normalizeRotation.call(void 0, value - 90));
+  }, []);
+  const handleRotateRight = _react.useCallback.call(void 0, () => {
+    setRotation((value) => _tigercatcore.normalizeRotation.call(void 0, value + 90));
+  }, []);
+  const handlePrev = _react.useCallback.call(void 0, () => {
+    if (index > 0) {
+      const next = index - 1;
+      setIndex(next);
+      resetTransform();
+      _optionalChain([onCurrentIndexChange, 'optionalCall', _5 => _5(next)]);
+    }
+  }, [index, resetTransform, onCurrentIndexChange]);
+  const handleNext = _react.useCallback.call(void 0, () => {
+    if (index < images.length - 1) {
+      const next = index + 1;
+      setIndex(next);
+      resetTransform();
+      _optionalChain([onCurrentIndexChange, 'optionalCall', _6 => _6(next)]);
+    }
+  }, [index, images.length, resetTransform, onCurrentIndexChange]);
+  _react.useEffect.call(void 0, () => {
+    if (!isOpen) return;
+    const handler = (e) => {
+      if (e.key === "ArrowLeft") handlePrev();
+      if (e.key === "ArrowRight") handleNext();
+    };
+    document.addEventListener("keydown", handler);
+    return () => document.removeEventListener("keydown", handler);
+  }, [isOpen, handlePrev, handleNext]);
+  const handleWheel = _react.useCallback.call(void 0, 
+    (e) => {
+      e.preventDefault();
+      const delta = e.deltaY > 0 ? -scaleStep : scaleStep;
+      setScale((s) => {
+        const next = _tigercatcore.clampScale.call(void 0, s + delta, minScale, maxScale);
+        _optionalChain([onScaleChange, 'optionalCall', _7 => _7(next)]);
+        return next;
+      });
+    },
+    [scaleStep, minScale, maxScale, onScaleChange]
+  );
+  const handleMouseDown = _react.useCallback.call(void 0, 
+    (e) => {
+      if (e.button !== 0) return;
+      e.preventDefault();
+      draggingRef.current = true;
+      dragStartRef.current = { x: e.clientX, y: e.clientY, ox: offsetX, oy: offsetY };
+    },
+    [offsetX, offsetY]
+  );
+  const handleMouseMove = _react.useCallback.call(void 0, (e) => {
+    if (!draggingRef.current) return;
+    setOffsetX(dragStartRef.current.ox + (e.clientX - dragStartRef.current.x));
+    setOffsetY(dragStartRef.current.oy + (e.clientY - dragStartRef.current.y));
+  }, []);
+  const handleMouseUp = _react.useCallback.call(void 0, () => {
+    draggingRef.current = false;
+  }, []);
+  const handleTouchStart = _react.useCallback.call(void 0, 
+    (e) => {
+      if (e.touches.length === 2) {
+        e.preventDefault();
+        pinchRef.current = _tigercatcore.startPinch.call(void 0, e.touches[0], e.touches[1], scale);
+        return;
+      }
+      if (e.touches.length === 1) {
+        panRef.current = _tigercatcore.startPan.call(void 0, e.touches[0].clientX, e.touches[0].clientY, offsetX, offsetY);
+      }
+    },
+    [offsetX, offsetY, scale]
+  );
+  const handleTouchMove = _react.useCallback.call(void 0, 
+    (e) => {
+      if (e.touches.length === 2 && pinchRef.current.isPinching) {
+        e.preventDefault();
+        const next = _tigercatcore.movePinch.call(void 0, pinchRef.current, e.touches[0], e.touches[1], minScale, maxScale);
+        setScale(next);
+        _optionalChain([onScaleChange, 'optionalCall', _8 => _8(next)]);
+        return;
+      }
+      if (e.touches.length === 1 && panRef.current.isPanning) {
+        const next = _tigercatcore.movePan.call(void 0, panRef.current, e.touches[0].clientX, e.touches[0].clientY);
+        setOffsetX(next.translateX);
+        setOffsetY(next.translateY);
+      }
+    },
+    [maxScale, minScale, onScaleChange]
+  );
+  const handleTouchEnd = _react.useCallback.call(void 0, () => {
+    panRef.current = _tigercatcore.createPanState.call(void 0, );
+    pinchRef.current = _tigercatcore.createPinchState.call(void 0, );
+  }, []);
+  const handleMaskClick = _react.useCallback.call(void 0, 
+    (e) => {
+      if (maskClosable && e.target === e.currentTarget) {
+        handleClose();
+      }
+    },
+    [maskClosable, handleClose]
+  );
+  const transform = _react.useMemo.call(void 0, 
+    () => `${_tigercatcore.calculateTransform.call(void 0, scale, offsetX, offsetY)} rotate(${rotation}deg)`,
+    [scale, offsetX, offsetY, rotation]
+  );
+  if (!isOpen || !images.length) return null;
+  const currentSrc = images[index] || images[0];
+  return _reactdom.createPortal.call(void 0, 
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        className: _tigercatcore.imagePreviewWrapperClasses,
+        style: { zIndex },
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": "Image preview",
+        onClick: handleMaskClick,
+        onWheel: handleWheel,
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.imagePreviewMaskClasses, "aria-hidden": "true" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "img",
+            {
+              src: currentSrc,
+              className: _tigercatcore.imagePreviewImgClasses,
+              style: { transform },
+              alt: `Preview image ${index + 1}`,
+              draggable: false,
+              onMouseDown: handleMouseDown,
+              onMouseMove: handleMouseMove,
+              onMouseUp: handleMouseUp,
+              onMouseLeave: handleMouseUp,
+              onTouchStart: handleTouchStart,
+              onTouchMove: handleTouchMove,
+              onTouchEnd: handleTouchEnd,
+              onTouchCancel: handleTouchEnd
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "button",
+            {
+              className: _tigercatcore.imagePreviewCloseBtnClasses,
+              onClick: handleClose,
+              "aria-label": "Close preview",
+              type: "button",
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { d: _tigercatcore.previewCloseIconPath })
+            }
+          ),
+          images.length > 1 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "button",
+            {
+              className: _tigercatcore.classNames.call(void 0, _tigercatcore.imagePreviewNavBtnClasses, "left-4"),
+              onClick: handlePrev,
+              disabled: !navState.hasPrev,
+              "aria-label": "Previous image",
+              type: "button",
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { d: _tigercatcore.prevIconPath })
+            }
+          ),
+          images.length > 1 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "button",
+            {
+              className: _tigercatcore.classNames.call(void 0, _tigercatcore.imagePreviewNavBtnClasses, "right-4"),
+              onClick: handleNext,
+              disabled: !navState.hasNext,
+              "aria-label": "Next image",
+              type: "button",
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { d: _tigercatcore.nextIconPath })
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.imagePreviewToolbarClasses, children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "button",
+              {
+                className: _tigercatcore.imagePreviewToolbarBtnClasses,
+                onClick: handleZoomOut,
+                "aria-label": "Zoom out",
+                type: "button",
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { d: _tigercatcore.zoomOutIconPath })
+              }
+            ),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "button",
+              {
+                className: _tigercatcore.imagePreviewToolbarBtnClasses,
+                onClick: handleReset,
+                "aria-label": "Reset",
+                type: "button",
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { d: _tigercatcore.resetIconPath })
+              }
+            ),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "button",
+              {
+                className: _tigercatcore.imagePreviewToolbarBtnClasses,
+                onClick: handleZoomIn,
+                "aria-label": "Zoom in",
+                type: "button",
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { d: _tigercatcore.zoomInIconPath })
+              }
+            ),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "button",
+              {
+                className: _tigercatcore.imagePreviewToolbarBtnClasses,
+                onClick: handleRotateLeft,
+                "aria-label": "Rotate left",
+                type: "button",
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { d: _tigercatcore.imageViewerIcons.rotateLeft })
+              }
+            ),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "button",
+              {
+                className: _tigercatcore.imagePreviewToolbarBtnClasses,
+                onClick: handleRotateRight,
+                "aria-label": "Rotate right",
+                type: "button",
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { d: _tigercatcore.imageViewerIcons.rotateRight })
+              }
+            ),
+            navState.counter && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.imagePreviewCounterClasses, children: navState.counter })
+          ] })
+        ]
+      }
+    ),
+    document.body
+  );
+};
+
+
+
+exports.ImagePreview = ImagePreview;

package/dist/{chunk-WFIQIBLC.mjs → chunk-4XOWNEZA.mjs}

@@ -1,7 +1,15 @@
-import { useFloating, useClickOutside, useEscapeKey } from './chunk-XTSG362L.mjs';
-import { useState, useRef, useCallback, useMemo } from 'react';
-import { getTransformOrigin, buildTriggerHandlerMap } from '@expcat/tigercat-core';
+import {
+  useClickOutside,
+  useEscapeKey,
+  useFloating
+} from "./chunk-SEWNVIHH.mjs";
 
+// src/utils/use-popup.ts
+import { useCallback, useMemo, useRef, useState } from "react";
+import {
+  getTransformOrigin,
+  buildTriggerHandlerMap
+} from "@expcat/tigercat-core";
 function usePopup(options) {
   const {
     open,
@@ -92,4 +100,6 @@ function usePopup(options) {
   };
 }
 
-export { usePopup };
+export {
+  usePopup
+};

package/dist/chunk-5EVHVZG5.js

@@ -1,10 +1,20 @@
-'use strict';
+"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; }// src/components/Calendar.tsx
+var _react = require('react');
+var _tigercatcore = require('@expcat/tigercat-core');
 
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
 
-// src/components/Calendar.tsx
+
+
+
+
+
+
+
+
+
+
+
+var _jsxruntime = require('react/jsx-runtime');
 var Calendar = ({
   value,
   mode = "month",
@@ -15,91 +25,91 @@ var Calendar = ({
   className
 }) => {
   const today = /* @__PURE__ */ new Date();
-  const [viewYear, setViewYear] = react.useState(value?.getFullYear() ?? today.getFullYear());
-  const [viewMonth, setViewMonth] = react.useState(value?.getMonth() ?? today.getMonth());
-  const days = react.useMemo(() => tigercatCore.getMonthDays(viewYear, viewMonth), [viewYear, viewMonth]);
-  const navigate = react.useCallback(
+  const [viewYear, setViewYear] = _react.useState.call(void 0, _nullishCoalesce(_optionalChain([value, 'optionalAccess', _ => _.getFullYear, 'call', _2 => _2()]), () => ( today.getFullYear())));
+  const [viewMonth, setViewMonth] = _react.useState.call(void 0, _nullishCoalesce(_optionalChain([value, 'optionalAccess', _3 => _3.getMonth, 'call', _4 => _4()]), () => ( today.getMonth())));
+  const days = _react.useMemo.call(void 0, () => _tigercatcore.getMonthDays.call(void 0, viewYear, viewMonth), [viewYear, viewMonth]);
+  const navigate = _react.useCallback.call(void 0, 
     (newYear, newMonth) => {
       setViewYear(newYear);
       setViewMonth(newMonth);
-      onPanelChange?.(new Date(newYear, newMonth, 1), mode);
+      _optionalChain([onPanelChange, 'optionalCall', _5 => _5(new Date(newYear, newMonth, 1), mode)]);
     },
     [mode, onPanelChange]
   );
-  const prevMonth = react.useCallback(() => {
+  const prevMonth = _react.useCallback.call(void 0, () => {
     if (viewMonth === 0) navigate(viewYear - 1, 11);
     else navigate(viewYear, viewMonth - 1);
   }, [viewYear, viewMonth, navigate]);
-  const nextMonth = react.useCallback(() => {
+  const nextMonth = _react.useCallback.call(void 0, () => {
     if (viewMonth === 11) navigate(viewYear + 1, 0);
     else navigate(viewYear, viewMonth + 1);
   }, [viewYear, viewMonth, navigate]);
-  const prevYear = react.useCallback(
+  const prevYear = _react.useCallback.call(void 0, 
     () => navigate(viewYear - 1, viewMonth),
     [viewYear, viewMonth, navigate]
   );
-  const nextYear = react.useCallback(
+  const nextYear = _react.useCallback.call(void 0, 
     () => navigate(viewYear + 1, viewMonth),
     [viewYear, viewMonth, navigate]
   );
-  const selectDay = react.useCallback(
+  const selectDay = _react.useCallback.call(void 0, 
     (date) => {
-      if (disabledDate?.(date)) return;
-      onChange?.(date);
+      if (_optionalChain([disabledDate, 'optionalCall', _6 => _6(date)])) return;
+      _optionalChain([onChange, 'optionalCall', _7 => _7(date)]);
     },
     [disabledDate, onChange]
   );
-  const selectMonth = react.useCallback(
+  const selectMonth = _react.useCallback.call(void 0, 
     (monthIdx) => {
       setViewMonth(monthIdx);
-      onPanelChange?.(new Date(viewYear, monthIdx, 1), mode);
+      _optionalChain([onPanelChange, 'optionalCall', _8 => _8(new Date(viewYear, monthIdx, 1), mode)]);
     },
     [viewYear, mode, onPanelChange]
   );
-  const containerClass = tigercatCore.classNames(tigercatCore.getCalendarContainerClasses(fullscreen), className);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: containerClass, role: "group", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.calendarHeaderClasses, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
+  const containerClass = _tigercatcore.classNames.call(void 0, _tigercatcore.getCalendarContainerClasses.call(void 0, fullscreen), className);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: containerClass, role: "group", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.calendarHeaderClasses, children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "button",
         {
           type: "button",
-          className: tigercatCore.calendarNavButtonClasses,
+          className: _tigercatcore.calendarNavButtonClasses,
           "aria-label": mode === "month" ? "Previous month" : "Previous year",
           onClick: mode === "month" ? prevMonth : prevYear,
           children: "\u2039"
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: tigercatCore.calendarTitleClasses, children: mode === "month" ? `${tigercatCore.MONTHS[viewMonth]} ${viewYear}` : `${viewYear}` }),
-      /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.calendarTitleClasses, children: mode === "month" ? `${_tigercatcore.MONTHS[viewMonth]} ${viewYear}` : `${viewYear}` }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "button",
         {
           type: "button",
-          className: tigercatCore.calendarNavButtonClasses,
+          className: _tigercatcore.calendarNavButtonClasses,
           "aria-label": mode === "month" ? "Next month" : "Next year",
           onClick: mode === "month" ? nextMonth : nextYear,
           children: "\u203A"
         }
       )
     ] }),
-    mode === "year" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-3 gap-2", children: tigercatCore.MONTHS.map((m, i) => /* @__PURE__ */ jsxRuntime.jsx(
+    mode === "year" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid grid-cols-3 gap-2", children: _tigercatcore.MONTHS.map((m, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
-        className: tigercatCore.getCalendarMonthClasses(viewMonth === i),
+        className: _tigercatcore.getCalendarMonthClasses.call(void 0, viewMonth === i),
         onClick: () => selectMonth(i),
         children: m
       },
       i
-    )) }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-7", children: tigercatCore.WEEKDAYS.map((wd) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.calendarWeekdayClasses, children: wd }, wd)) }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-7", children: days.map((date, i) => {
+    )) }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid grid-cols-7", children: _tigercatcore.WEEKDAYS.map((wd) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.calendarWeekdayClasses, children: wd }, wd)) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid grid-cols-7", children: days.map((date, i) => {
         const isCurrentMonth = date.getMonth() === viewMonth;
-        const isSelected = value ? tigercatCore.isSameDay(date, value) : false;
-        const isTodayDate = tigercatCore.isSameDay(date, today);
-        const isDisabled = !!disabledDate?.(date);
-        return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center py-0.5", children: /* @__PURE__ */ jsxRuntime.jsx(
+        const isSelected = value ? _tigercatcore.isSameDay.call(void 0, date, value) : false;
+        const isTodayDate = _tigercatcore.isSameDay.call(void 0, date, today);
+        const isDisabled = !!_optionalChain([disabledDate, 'optionalCall', _9 => _9(date)]);
+        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center justify-center py-0.5", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "div",
           {
-            className: tigercatCore.getCalendarDayClasses(
+            className: _tigercatcore.getCalendarDayClasses.call(void 0, 
               isSelected,
               isTodayDate,
               isCurrentMonth,
@@ -115,5 +125,7 @@ var Calendar = ({
 };
 var Calendar_default = Calendar;
 
-exports.Calendar = Calendar;
-exports.Calendar_default = Calendar_default;
+
+
+
+exports.Calendar = Calendar; exports.Calendar_default = Calendar_default;