@expcat/tigercat-react 1.5.0 → 2.0.0-preview.1

package/dist/chunk-TIDVBSXR.js

@@ -1,762 +0,0 @@
-"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 _chunkL3WPA2RPjs = require('./chunk-L3WPA2RP.js');
-
-
-var _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
-
-// src/components/DatePicker.tsx
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-
-// src/components/DatePicker/state.ts
-var _react = require('react');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-// src/components/DatePicker/types.ts
-var isRangeDatePicker = (props) => props.range === true;
-
-// src/components/DatePicker/state.ts
-function normalizeDatePickerLocale(locale) {
-  if (!locale) return void 0;
-  if (typeof locale === "string") return { locale };
-  if ("datePicker" in locale) return locale;
-  const preset = locale;
-  return {
-    locale: hasDatePickerLocaleCode(preset) ? preset.locale : void 0,
-    datePicker: preset
-  };
-}
-function hasDatePickerLocaleCode(locale) {
-  return typeof locale.locale === "string";
-}
-function useDatePickerState(props) {
-  const config = _chunkTDODFBBOjs.useTigerConfig.call(void 0, );
-  const {
-    size = "md",
-    disabled = false,
-    readonly = false,
-    required = false,
-    clearable = true,
-    format = "yyyy-MM-dd"
-  } = props;
-  const isRangeMode = isRangeDatePicker(props);
-  const placeholder = _nullishCoalesce(props.placeholder, () => ( (isRangeMode ? "Select date range" : "Select date")));
-  const divProps = (({
-    value: _value,
-    defaultValue: _defaultValue,
-    range: _range,
-    locale: _locale,
-    labels: _labels,
-    size: _size,
-    format: _format,
-    placeholder: _placeholder,
-    disabled: _disabled,
-    readonly: _readonly,
-    required: _required,
-    minDate: _minDate,
-    maxDate: _maxDate,
-    clearable: _clearable,
-    name: _name,
-    id: _id,
-    onChange: _onChange,
-    onClear: _onClear,
-    className: _className,
-    shortcuts: _shortcuts,
-    ...rest
-  }) => rest)(props);
-  const [isOpen, setIsOpen] = _react.useState.call(void 0, false);
-  const [activeDateIso, setActiveDateIso] = _react.useState.call(void 0, null);
-  const [activeRangePart, setActiveRangePart] = _react.useState.call(void 0, "start");
-  const singleProps = props;
-  const rangeProps = props;
-  const parseRangeTuple = (tuple) => {
-    if (!tuple || !Array.isArray(tuple)) return [null, null];
-    return [_tigercatcore.parseDate.call(void 0, tuple[0]), _tigercatcore.parseDate.call(void 0, tuple[1])];
-  };
-  const [singleValue, setSingleValue] = _chunkL3WPA2RPjs.useControlledState.call(void 0, 
-    !isRangeMode && singleProps.value !== void 0 ? _tigercatcore.parseDate.call(void 0, _nullishCoalesce(singleProps.value, () => ( null))) : void 0,
-    _tigercatcore.parseDate.call(void 0, _nullishCoalesce(singleProps.defaultValue, () => ( null))),
-    singleProps.onChange
-  );
-  const [rangeValue, setRangeValue] = _chunkL3WPA2RPjs.useControlledState.call(void 0, 
-    isRangeMode && rangeProps.value !== void 0 ? parseRangeTuple(rangeProps.value) : void 0,
-    parseRangeTuple(rangeProps.defaultValue),
-    rangeProps.onChange
-  );
-  const calendarRef = _react.useRef.call(void 0, null);
-  const mobileCalendarRef = _react.useRef.call(void 0, null);
-  const inputWrapperRef = _react.useRef.call(void 0, null);
-  const inputRef = _react.useRef.call(void 0, null);
-  const pendingFocusIsoRef = _react.useRef.call(void 0, null);
-  const restoreFocusRef = _react.useRef.call(void 0, null);
-  const selectedDate = isRangeMode ? null : singleValue;
-  const selectedRange = _react.useMemo.call(void 0, 
-    () => isRangeMode ? rangeValue : [null, null],
-    [isRangeMode, rangeValue]
-  );
-  const minDateParsed = _react.useMemo.call(void 0, () => _tigercatcore.parseDate.call(void 0, _nullishCoalesce(props.minDate, () => ( null))), [props.minDate]);
-  const maxDateParsed = _react.useMemo.call(void 0, () => _tigercatcore.parseDate.call(void 0, _nullishCoalesce(props.maxDate, () => ( null))), [props.maxDate]);
-  const mergedLocale = _react.useMemo.call(void 0, 
-    () => _tigercatcore.mergeTigerLocale.call(void 0, config.locale, normalizeDatePickerLocale(props.locale)),
-    [config.locale, props.locale]
-  );
-  const localeCode = _react.useMemo.call(void 0, () => _tigercatcore.getDatePickerLocaleCode.call(void 0, mergedLocale), [mergedLocale]);
-  const [viewingMonth, setViewingMonth] = _react.useState.call(void 0, 
-    _nullishCoalesce(_optionalChain([(_nullishCoalesce(selectedDate, () => ( selectedRange[0]))), 'optionalAccess', _2 => _2.getMonth, 'call', _3 => _3()]), () => ( (/* @__PURE__ */ new Date()).getMonth()))
-  );
-  const [viewingYear, setViewingYear] = _react.useState.call(void 0, 
-    _nullishCoalesce(_optionalChain([(_nullishCoalesce(selectedDate, () => ( selectedRange[0]))), 'optionalAccess', _4 => _4.getFullYear, 'call', _5 => _5()]), () => ( (/* @__PURE__ */ new Date()).getFullYear()))
-  );
-  const displayValue = (() => {
-    if (!isRangeMode) {
-      return selectedDate ? _tigercatcore.formatDate.call(void 0, selectedDate, format, localeCode) : "";
-    }
-    const [start, end] = selectedRange;
-    const startText = start ? _tigercatcore.formatDate.call(void 0, start, format, localeCode) : "";
-    const endText = end ? _tigercatcore.formatDate.call(void 0, end, format, localeCode) : "";
-    if (!startText && !endText) return "";
-    if (startText && endText) return `${startText} - ${endText}`;
-    return startText ? `${startText} - ` : ` - ${endText}`;
-  })();
-  const showClearButton = (() => {
-    if (!clearable || disabled || readonly) return false;
-    if (!isRangeMode) return selectedDate !== null;
-    return selectedRange[0] !== null || selectedRange[1] !== null;
-  })();
-  const calendarDays = _react.useMemo.call(void 0, 
-    () => _tigercatcore.getCalendarDays.call(void 0, viewingYear, viewingMonth),
-    [viewingYear, viewingMonth]
-  );
-  const selectedDateRef = _react.useRef.call(void 0, selectedDate);
-  const selectedRangeRef = _react.useRef.call(void 0, selectedRange);
-  const minDateParsedRef = _react.useRef.call(void 0, minDateParsed);
-  const maxDateParsedRef = _react.useRef.call(void 0, maxDateParsed);
-  const calendarDaysRef = _react.useRef.call(void 0, calendarDays);
-  selectedDateRef.current = selectedDate;
-  selectedRangeRef.current = selectedRange;
-  minDateParsedRef.current = minDateParsed;
-  maxDateParsedRef.current = maxDateParsed;
-  calendarDaysRef.current = calendarDays;
-  const dayNames = _react.useMemo.call(void 0, () => _tigercatcore.getShortDayNames.call(void 0, localeCode), [localeCode]);
-  const isRtl = _tigercatcore.getLocaleDirection.call(void 0, localeCode) === "rtl";
-  const labels = _react.useMemo.call(void 0, 
-    () => _tigercatcore.getDatePickerLabels.call(void 0, mergedLocale, props.labels),
-    [mergedLocale, props.labels]
-  );
-  const mobileDate = _react.useMemo.call(void 0, () => {
-    if (!isRangeMode) return _nullishCoalesce(selectedDate, () => ( _tigercatcore.normalizeDate.call(void 0, /* @__PURE__ */ new Date())));
-    const [start, end] = selectedRange;
-    return _nullishCoalesce(_nullishCoalesce(_nullishCoalesce((activeRangePart === "start" ? start : end), () => ( start)), () => ( end)), () => ( _tigercatcore.normalizeDate.call(void 0, /* @__PURE__ */ new Date())));
-  }, [activeRangePart, isRangeMode, selectedDate, selectedRange]);
-  const mobileYears = _react.useMemo.call(void 0, () => {
-    const baseYear = mobileDate.getFullYear();
-    return Array.from({ length: 101 }, (_, index) => baseYear - 50 + index);
-  }, [mobileDate]);
-  const mobileDays = _react.useMemo.call(void 0, () => {
-    const daysInMonth = new Date(mobileDate.getFullYear(), mobileDate.getMonth() + 1, 0).getDate();
-    return Array.from({ length: daysInMonth }, (_, index) => index + 1);
-  }, [mobileDate]);
-  const toggleCalendar = () => {
-    if (!disabled && !readonly) {
-      setIsOpen(!isOpen);
-      if (!isOpen) {
-        restoreFocusRef.current = _nullishCoalesce(inputRef.current, () => ( null));
-        const baseDate = _nullishCoalesce(selectedDate, () => ( selectedRange[0]));
-        if (baseDate) {
-          setViewingMonth(baseDate.getMonth());
-          setViewingYear(baseDate.getFullYear());
-        }
-      }
-    }
-  };
-  const closeCalendar = _react.useCallback.call(void 0, () => {
-    setIsOpen(false);
-  }, []);
-  const isDateDisabled = _react.useCallback.call(void 0, (date) => {
-    if (!date) return true;
-    return !_tigercatcore.isDateInRange.call(void 0, date, minDateParsedRef.current, maxDateParsedRef.current);
-  }, []);
-  const getFirstEnabledIsoInView = _react.useCallback.call(void 0, () => {
-    for (const date of calendarDaysRef.current) {
-      if (!date) continue;
-      const iso = _tigercatcore.formatDate.call(void 0, date, "yyyy-MM-dd");
-      const isDisabled = isDateDisabled(date);
-      if (!isDisabled) return iso;
-    }
-    return null;
-  }, [isDateDisabled]);
-  const getPreferredFocusIso = _react.useCallback.call(void 0, () => {
-    const focusDate = isRangeMode ? _nullishCoalesce(selectedRangeRef.current[0], () => ( selectedRangeRef.current[1])) : selectedDateRef.current;
-    if (focusDate) {
-      return _tigercatcore.formatDate.call(void 0, focusDate, "yyyy-MM-dd");
-    }
-    const today = _tigercatcore.normalizeDate.call(void 0, /* @__PURE__ */ new Date());
-    if (_tigercatcore.isDateInRange.call(void 0, today, minDateParsedRef.current, maxDateParsedRef.current)) {
-      return _tigercatcore.formatDate.call(void 0, today, "yyyy-MM-dd");
-    }
-    return getFirstEnabledIsoInView();
-  }, [isRangeMode, getFirstEnabledIsoInView]);
-  const focusDateButtonByIso = _react.useCallback.call(void 0, (iso) => {
-    const button = _optionalChain([calendarRef, 'access', _6 => _6.current, 'optionalAccess', _7 => _7.querySelector, 'call', _8 => _8(
-      `button[data-date="${iso}"]`
-    )]);
-    if (!button || button.disabled) return false;
-    button.focus();
-    setActiveDateIso(iso);
-    return true;
-  }, []);
-  const restoreFocus = _react.useCallback.call(void 0, () => {
-    const target = _nullishCoalesce(restoreFocusRef.current, () => ( inputRef.current));
-    if (!target) return;
-    if (typeof target.focus === "function") {
-      ;
-      target.focus();
-    }
-  }, []);
-  const moveFocus = (deltaDays) => {
-    const activeEl = document.activeElement;
-    const currentIso = _nullishCoalesce(_nullishCoalesce(_optionalChain([activeEl, 'optionalAccess', _9 => _9.getAttribute, 'call', _10 => _10("data-date")]), () => ( activeDateIso)), () => ( null));
-    const baseIso = _nullishCoalesce(currentIso, () => ( getPreferredFocusIso()));
-    if (!baseIso) return;
-    const baseDate = _tigercatcore.parseDate.call(void 0, baseIso);
-    if (!baseDate) return;
-    let candidate = _tigercatcore.addDays.call(void 0, baseDate, deltaDays);
-    for (let attempts = 0; attempts < 42; attempts++) {
-      const iso = _tigercatcore.formatDate.call(void 0, candidate, "yyyy-MM-dd");
-      const el = _optionalChain([calendarRef, 'access', _11 => _11.current, 'optionalAccess', _12 => _12.querySelector, 'call', _13 => _13(
-        `button[data-date="${iso}"]`
-      )]);
-      if (el && !el.disabled) {
-        el.focus();
-        setActiveDateIso(iso);
-        return;
-      }
-      if (!el) {
-        pendingFocusIsoRef.current = iso;
-        setViewingYear(candidate.getFullYear());
-        setViewingMonth(candidate.getMonth());
-        setActiveDateIso(iso);
-        return;
-      }
-      candidate = _tigercatcore.addDays.call(void 0, candidate, deltaDays);
-    }
-  };
-  const handleCalendarKeyDown = (event) => {
-    if (!isOpen) return;
-    switch (event.key) {
-      case "Escape": {
-        event.preventDefault();
-        closeCalendar();
-        return;
-      }
-      case "ArrowRight": {
-        event.preventDefault();
-        moveFocus(1);
-        return;
-      }
-      case "ArrowLeft": {
-        event.preventDefault();
-        moveFocus(-1);
-        return;
-      }
-      case "ArrowDown": {
-        event.preventDefault();
-        moveFocus(7);
-        return;
-      }
-      case "ArrowUp": {
-        event.preventDefault();
-        moveFocus(-7);
-        return;
-      }
-      case "Enter":
-      case " ": {
-        const activeEl = document.activeElement;
-        if (_optionalChain([activeEl, 'optionalAccess', _14 => _14.tagName]) === "BUTTON" && activeEl.dataset.date) {
-          event.preventDefault();
-          if (!activeEl.disabled) activeEl.click();
-        }
-        return;
-      }
-    }
-  };
-  const selectDate = (date) => {
-    if (!date) return;
-    const normalizedDate = _tigercatcore.normalizeDate.call(void 0, date);
-    if (!_tigercatcore.isDateInRange.call(void 0, normalizedDate, minDateParsed, maxDateParsed)) {
-      return;
-    }
-    if (!isRangeMode) {
-      setSingleValue(normalizedDate);
-      closeCalendar();
-      return;
-    }
-    const [start, end] = selectedRange;
-    if (!start || start && end) {
-      setRangeValue([normalizedDate, null]);
-      return;
-    }
-    setRangeValue([start, normalizedDate < start ? start : normalizedDate]);
-  };
-  const setToday = () => {
-    selectDate(/* @__PURE__ */ new Date());
-  };
-  const commitMobileDate = (date) => {
-    const normalized = _tigercatcore.normalizeDate.call(void 0, date);
-    if (!_tigercatcore.isDateInRange.call(void 0, normalized, minDateParsed, maxDateParsed)) return;
-    setViewingYear(normalized.getFullYear());
-    setViewingMonth(normalized.getMonth());
-    if (!isRangeMode) {
-      setSingleValue(normalized);
-      return;
-    }
-    const [start, end] = selectedRange;
-    if (activeRangePart === "start") {
-      const next = [normalized, end && end < normalized ? normalized : end];
-      setRangeValue(next);
-      setActiveRangePart("end");
-      return;
-    }
-    setRangeValue([_nullishCoalesce(start, () => ( normalized)), start && normalized < start ? start : normalized]);
-  };
-  const updateMobileDate = (part, value) => {
-    const nextYear = part === "year" ? value : mobileDate.getFullYear();
-    const nextMonth2 = part === "month" ? value : mobileDate.getMonth();
-    const maxDay = new Date(nextYear, nextMonth2 + 1, 0).getDate();
-    const nextDay = Math.min(part === "day" ? value : mobileDate.getDate(), maxDay);
-    commitMobileDate(new Date(nextYear, nextMonth2, nextDay));
-  };
-  const handleShortcut = (shortcut) => {
-    const val = typeof shortcut.value === "function" ? shortcut.value() : shortcut.value;
-    if (!isRangeMode) {
-      const date = val instanceof Date ? _tigercatcore.normalizeDate.call(void 0, val) : val ? _tigercatcore.normalizeDate.call(void 0, _tigercatcore.parseDate.call(void 0, val)) : null;
-      setSingleValue(date);
-    } else {
-      const range = val;
-      if (range && Array.isArray(range)) {
-        const parsed = [
-          range[0] ? _tigercatcore.normalizeDate.call(void 0, range[0] instanceof Date ? range[0] : _tigercatcore.parseDate.call(void 0, range[0])) : null,
-          range[1] ? _tigercatcore.normalizeDate.call(void 0, range[1] instanceof Date ? range[1] : _tigercatcore.parseDate.call(void 0, range[1])) : null
-        ];
-        setRangeValue(parsed);
-      }
-    }
-    closeCalendar();
-  };
-  const clearDate = (event) => {
-    event.stopPropagation();
-    if (!isRangeMode) {
-      setSingleValue(null);
-    } else {
-      setRangeValue([null, null]);
-    }
-    _optionalChain([props, 'access', _15 => _15.onClear, 'optionalCall', _16 => _16()]);
-  };
-  const stepViewingMonth = (delta) => {
-    const next = _tigercatcore.addMonths.call(void 0, new Date(viewingYear, viewingMonth, 1), delta);
-    setViewingYear(next.getFullYear());
-    setViewingMonth(next.getMonth());
-  };
-  const previousMonth = () => stepViewingMonth(-1);
-  const nextMonth = () => stepViewingMonth(1);
-  const isCurrentMonth = (date) => {
-    if (!date) return false;
-    return date.getMonth() === viewingMonth;
-  };
-  _react.useEffect.call(void 0, () => {
-    if (isOpen) {
-      const handleClickOutside = (event) => {
-        if (calendarRef.current && mobileCalendarRef.current && inputWrapperRef.current && !calendarRef.current.contains(event.target) && !mobileCalendarRef.current.contains(event.target) && !inputWrapperRef.current.contains(event.target)) {
-          closeCalendar();
-        }
-      };
-      document.addEventListener("click", handleClickOutside);
-      const preferred = _nullishCoalesce(pendingFocusIsoRef.current, () => ( getPreferredFocusIso()));
-      pendingFocusIsoRef.current = null;
-      setTimeout(() => {
-        if (preferred && focusDateButtonByIso(preferred)) return;
-        const fallback = getFirstEnabledIsoInView();
-        if (fallback) focusDateButtonByIso(fallback);
-      }, 0);
-      return () => document.removeEventListener("click", handleClickOutside);
-    }
-    setTimeout(() => restoreFocus(), 0);
-  }, [
-    isOpen,
-    closeCalendar,
-    focusDateButtonByIso,
-    getFirstEnabledIsoInView,
-    getPreferredFocusIso,
-    restoreFocus
-  ]);
-  _react.useEffect.call(void 0, () => {
-    if (!isOpen) return;
-    const pending = pendingFocusIsoRef.current;
-    if (!pending) return;
-    pendingFocusIsoRef.current = null;
-    setTimeout(() => {
-      if (focusDateButtonByIso(pending)) return;
-      const fallback = getFirstEnabledIsoInView();
-      if (fallback) focusDateButtonByIso(fallback);
-    }, 0);
-  }, [isOpen, focusDateButtonByIso, getFirstEnabledIsoInView]);
-  const inputClasses = _react.useMemo.call(void 0, 
-    () => _tigercatcore.getDatePickerInputClasses.call(void 0, size, disabled || readonly),
-    [size, disabled, readonly]
-  );
-  const iconButtonClasses = _react.useMemo.call(void 0, () => _tigercatcore.getDatePickerIconButtonClasses.call(void 0, size), [size]);
-  return {
-    inputWrapperRef,
-    inputRef,
-    calendarRef,
-    mobileCalendarRef,
-    isOpen,
-    activeRangePart,
-    setActiveRangePart,
-    activeDateIso,
-    setActiveDateIso,
-    isRangeMode,
-    placeholder,
-    disabled,
-    readonly,
-    required,
-    name: props.name,
-    id: props.id,
-    shortcuts: props.shortcuts,
-    containerClasses: _tigercatcore.classNames.call(void 0, _tigercatcore.datePickerBaseClasses, props.className),
-    divProps,
-    displayValue,
-    showClearButton,
-    inputClasses,
-    iconButtonClasses,
-    labels,
-    localeCode,
-    isRtl,
-    dayNames,
-    calendarDays,
-    selectedDate,
-    selectedRange,
-    viewingMonth,
-    viewingYear,
-    mobileDate,
-    mobileYears,
-    mobileDays,
-    toggleCalendar,
-    closeCalendar,
-    clearDate,
-    selectDate,
-    setToday,
-    handleShortcut,
-    handleCalendarKeyDown,
-    previousMonth,
-    nextMonth,
-    updateMobileDate,
-    isCurrentMonth,
-    isDateDisabled
-  };
-}
-
-// src/components/DatePicker/render-mobile.tsx
-
-
-
-
-
-
-var _jsxruntime = require('react/jsx-runtime');
-function renderDatePickerMobile(ctx) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "div",
-    {
-      ref: ctx.mobileCalendarRef,
-      className: _tigercatcore.datePickerMobileWheelClasses,
-      role: "group",
-      "aria-label": ctx.labels.calendar,
-      children: [
-        ctx.isRangeMode && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-3 flex items-center gap-2", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "button",
-            {
-              type: "button",
-              className: _tigercatcore.datePickerFooterButtonClasses,
-              "aria-selected": ctx.activeRangePart === "start",
-              onClick: () => ctx.setActiveRangePart("start"),
-              children: "Start"
-            }
-          ),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "button",
-            {
-              type: "button",
-              className: _tigercatcore.datePickerFooterButtonClasses,
-              "aria-selected": ctx.activeRangePart === "end",
-              onClick: () => ctx.setActiveRangePart("end"),
-              children: "End"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.datePickerMobileWheelGridClasses, children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "select",
-            {
-              className: _tigercatcore.datePickerMobileWheelSelectClasses,
-              value: ctx.mobileDate.getFullYear(),
-              "aria-label": "Year",
-              onChange: (event) => ctx.updateMobileDate("year", Number(event.target.value)),
-              children: ctx.mobileYears.map((year) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "option", { value: year, children: year }, year))
-            }
-          ),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "select",
-            {
-              className: _tigercatcore.datePickerMobileWheelSelectClasses,
-              value: ctx.mobileDate.getMonth(),
-              "aria-label": "Month",
-              onChange: (event) => ctx.updateMobileDate("month", Number(event.target.value)),
-              children: Array.from({ length: 12 }, (_, month) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "option", { value: month, children: month + 1 }, month))
-            }
-          ),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "select",
-            {
-              className: _tigercatcore.datePickerMobileWheelSelectClasses,
-              value: ctx.mobileDate.getDate(),
-              "aria-label": "Day",
-              onChange: (event) => ctx.updateMobileDate("day", Number(event.target.value)),
-              children: ctx.mobileDays.map((day) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "option", { value: day, children: day }, day))
-            }
-          )
-        ] }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-4 flex justify-end gap-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "button",
-          {
-            type: "button",
-            className: _tigercatcore.datePickerFooterButtonClasses,
-            "aria-label": `Mobile ${ctx.labels.ok}`,
-            onClick: ctx.closeCalendar,
-            children: ctx.labels.ok
-          }
-        ) })
-      ]
-    }
-  );
-}
-
-// src/components/DatePicker/render-calendar.tsx
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-// src/components/DatePicker/icons.tsx
-
-
-var Icon = ({ path, className }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-  "svg",
-  {
-    className,
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: _tigercatcore.icon20ViewBox,
-    fill: "currentColor",
-    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { fillRule: "evenodd", d: path, clipRule: "evenodd" })
-  }
-);
-
-// src/components/DatePicker/render-calendar.tsx
-
-function renderDatePickerCalendar(ctx) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "div",
-    {
-      ref: ctx.calendarRef,
-      className: _tigercatcore.datePickerCalendarClasses,
-      role: "dialog",
-      "aria-modal": "true",
-      "aria-label": ctx.labels.calendar,
-      onKeyDown: ctx.handleCalendarKeyDown,
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.datePickerCalendarHeaderClasses, children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "button",
-            {
-              type: "button",
-              className: _tigercatcore.datePickerNavButtonClasses,
-              onClick: ctx.previousMonth,
-              "aria-label": ctx.labels.previousMonth,
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon, { path: ctx.isRtl ? _tigercatcore.ChevronRightIconPath : _tigercatcore.ChevronLeftIconPath, className: "w-5 h-5" })
-            }
-          ),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.datePickerMonthYearClasses, children: _tigercatcore.formatMonthYear.call(void 0, ctx.viewingYear, ctx.viewingMonth, ctx.localeCode) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "button",
-            {
-              type: "button",
-              className: _tigercatcore.datePickerNavButtonClasses,
-              onClick: ctx.nextMonth,
-              "aria-label": ctx.labels.nextMonth,
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon, { path: ctx.isRtl ? _tigercatcore.ChevronLeftIconPath : _tigercatcore.ChevronRightIconPath, className: "w-5 h-5" })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.datePickerCalendarGridClasses, role: "row", children: ctx.dayNames.map((day) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.datePickerDayNameClasses, role: "columnheader", children: day }, day)) }),
-        (() => {
-          return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "div",
-            {
-              className: _tigercatcore.datePickerCalendarGridClasses,
-              role: "grid",
-              "aria-rowcount": 6,
-              "aria-colcount": 7,
-              children: ctx.calendarDays.map((date, index) => {
-                if (!date) return null;
-                const cell = _tigercatcore.getDatePickerCalendarCellState.call(void 0, {
-                  date,
-                  selectedDate: ctx.selectedDate,
-                  selectedRange: ctx.selectedRange,
-                  isRangeMode: ctx.isRangeMode,
-                  isCurrentMonth: ctx.isCurrentMonth,
-                  isDateDisabled: ctx.isDateDisabled
-                });
-                return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  "button",
-                  {
-                    type: "button",
-                    className: _tigercatcore.getDatePickerDayCellClasses.call(void 0, 
-                      cell.isCurrentMonthDay,
-                      cell.isSelected,
-                      cell.isTodayDay,
-                      cell.isDisabled,
-                      cell.isInRange,
-                      cell.isRangeStart,
-                      cell.isRangeEnd
-                    ),
-                    disabled: cell.isDisabled,
-                    onClick: () => ctx.selectDate(date),
-                    role: "gridcell",
-                    "data-date": cell.iso,
-                    onFocus: () => ctx.setActiveDateIso(cell.iso),
-                    tabIndex: ctx.activeDateIso === cell.iso && !cell.isDisabled ? 0 : -1,
-                    "aria-label": cell.iso,
-                    "aria-selected": cell.isSelected,
-                    "aria-current": cell.isTodayDay ? "date" : void 0,
-                    children: date.getDate()
-                  },
-                  index
-                );
-              })
-            }
-          );
-        })(),
-        ctx.shortcuts && ctx.shortcuts.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-wrap gap-1 px-3 py-2 border-t border-[var(--tiger-border,#e5e7eb)]", children: ctx.shortcuts.map((sc, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "button",
-          {
-            type: "button",
-            className: _tigercatcore.datePickerFooterButtonClasses,
-            onClick: () => ctx.handleShortcut(sc),
-            children: sc.label
-          },
-          i
-        )) }),
-        ctx.isRangeMode && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.datePickerFooterClasses, children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { type: "button", className: _tigercatcore.datePickerFooterButtonClasses, onClick: ctx.setToday, children: ctx.labels.today }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "button",
-            {
-              type: "button",
-              className: _tigercatcore.datePickerFooterButtonClasses,
-              onClick: ctx.closeCalendar,
-              children: ctx.labels.ok
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-
-// src/components/DatePicker.tsx
-
-var DatePicker = (props) => {
-  const ctx = useDatePickerState(props);
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: ctx.containerClasses, ...ctx.divProps, children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref: ctx.inputWrapperRef, className: _tigercatcore.datePickerInputWrapperClasses, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "input",
-        {
-          ref: ctx.inputRef,
-          type: "text",
-          className: ctx.inputClasses,
-          value: ctx.displayValue,
-          placeholder: ctx.placeholder,
-          disabled: ctx.disabled,
-          readOnly: true,
-          required: ctx.required,
-          name: ctx.name,
-          id: ctx.id,
-          onClick: ctx.toggleCalendar,
-          "aria-label": ctx.placeholder || "Select date"
-        }
-      ),
-      ctx.showClearButton && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "button",
-        {
-          type: "button",
-          className: _tigercatcore.datePickerClearButtonClasses,
-          onClick: ctx.clearDate,
-          "aria-label": ctx.labels.clearDate,
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon, { path: _tigercatcore.CloseIconPath, className: "w-4 h-4" })
-        }
-      ),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "button",
-        {
-          type: "button",
-          className: ctx.iconButtonClasses,
-          disabled: ctx.disabled || ctx.readonly,
-          onClick: ctx.toggleCalendar,
-          "aria-label": ctx.labels.toggleCalendar,
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon, { path: _tigercatcore.CalendarIconPath, className: "w-5 h-5" })
-        }
-      )
-    ] }),
-    ctx.isOpen && renderDatePickerMobile(ctx),
-    ctx.isOpen && renderDatePickerCalendar(ctx)
-  ] });
-};
-
-
-
-exports.DatePicker = DatePicker;