@easypost/easy-ui 1.0.0-alpha.55 → 1.0.0-alpha.57

package/RangeCalendar/RangeCalendar.d.ts

@@ -0,0 +1,71 @@
+import React from "react";
+import { RangeValue } from "@react-types/shared";
+import { DateValue, MappedDateValue, DateRange } from "@react-types/calendar";
+import { CalendarBaseStateProps } from "../Calendar/CalendarBase";
+export type RangeCalendarProps = CalendarBaseStateProps & {
+    /**
+     * The current value (controlled).
+     */
+    value?: DateRange | null;
+    /**
+     * The default value (uncontrolled).
+     */
+    defaultValue?: DateRange | null;
+    /**
+     * Handler that is called when the value changes.
+     */
+    onChange?: (value: RangeValue<MappedDateValue<DateValue>>) => void;
+};
+/**
+ *
+ * A `RangeCalendar` displays a grid of days and allows users to select a range of dates.
+ *
+ * @example
+ * _Default Value:_
+ * ```tsx
+ * <Calendar
+ *   defaultValue={{
+ *     start: new CalendarDate(2024, 7, 15),
+ *     end: new CalendarDate(2024, 7, 25),
+ *   }}
+ * />
+ * ```
+ *
+ * @example
+ * _Set limited available dates:_
+ * ```tsx
+ * <RangeCalendar
+ *  minValue={new CalendarDate(2024, 7, 24)}
+ *  maxValue={new CalendarDate(2024, 8, 5)}
+ * />
+ * ```
+ *
+ * @example
+ * _Date availability:_
+ * ```tsx
+ * <RangeCalendar
+ *  isDateUnavailable={(date: DateValue) =>
+ *    today(getLocalTimeZone()).compare(date) > 0
+ *  }
+ * />
+ * ```
+ *
+ * @example
+ * _Controlled:_
+ * ```tsx
+ * const [date, setDate] = React.useState({
+ *   start: today(getLocalTimeZone()).subtract({ days: 7 }),
+ *   end: today(getLocalTimeZone()),
+ * });
+ *
+ * <RangeCalendar
+ *  value={date}
+ *  onChange={setDate}
+ * />
+ * ```
+ */
+export declare function RangeCalendar(props: RangeCalendarProps): React.JSX.Element;
+export declare namespace RangeCalendar {
+    var displayName: string;
+}
+//# sourceMappingURL=RangeCalendar.d.ts.map

package/RangeCalendar/RangeCalendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeCalendar.d.ts","sourceRoot":"","sources":["../../src/RangeCalendar/RangeCalendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC9E,OAAO,EAAgB,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAEhF,MAAM,MAAM,kBAAkB,GAAG,sBAAsB,GAAG;IACxD;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACzB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAChC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,KAAK,IAAI,CAAC;CACpE,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAkBtD;yBAlBe,aAAa"}

package/RangeCalendar/RangeCalendar.stories.d.ts

@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { RangeCalendar } from "./RangeCalendar";
+type Story = StoryObj<typeof RangeCalendar>;
+declare const meta: Meta<typeof RangeCalendar>;
+export default meta;
+export declare const Default: Story;
+export declare const DefaultValue: Story;
+export declare const LimitAvailableDates: Story;
+export declare const DatesAvailability: Story;
+export declare const ShowDaysOutsideCurrentMonth: Story;
+export declare const ControlledSelection: Story;
+export declare const InvalidSelection: Story;
+export declare const DisabledCalendar: Story;
+export declare const ReadonlyCalendar: Story;
+//# sourceMappingURL=RangeCalendar.stories.d.ts.map

package/RangeCalendar/RangeCalendar.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeCalendar.stories.d.ts","sourceRoot":"","sources":["../../src/RangeCalendar/RangeCalendar.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIlD,OAAO,EAAE,aAAa,EAAsB,MAAM,iBAAiB,CAAC;AAEpE,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC;AAI5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAqBpC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAQ1B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAUjC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAM/B,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,KAKzC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KASjC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAkB9B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAK9B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAK9B,CAAC"}

package/RangeCalendar/RangeCalendar.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=RangeCalendar.test.d.ts.map

package/RangeCalendar/RangeCalendar.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeCalendar.test.d.ts","sourceRoot":"","sources":["../../src/RangeCalendar/RangeCalendar.test.tsx"],"names":[],"mappings":""}

package/RangeCalendar/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./RangeCalendar";
+//# sourceMappingURL=index.d.ts.map

package/RangeCalendar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/RangeCalendar/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/RangeCalendar/index.js

@@ -0,0 +1,228 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const CalendarBase = require("../__chunks__/CalendarBase-BE9ZXuNU.js");
+const context = require("../__chunks__/context-D3NeXov7.js");
+const useControlledState = require("../__chunks__/useControlledState-mnKBd6Uc.js");
+const useEvent = require("../__chunks__/useEvent-DY7dR7Mi.js");
+function $9a36b6ba2fb1a7c5$export$9a987164d97ecc90(props) {
+  let _a = props, { value: valueProp, defaultValue, onChange, createCalendar, locale, visibleDuration = {
+    months: 1
+  }, minValue, maxValue } = _a, calendarProps = __objRest(_a, ["value", "defaultValue", "onChange", "createCalendar", "locale", "visibleDuration", "minValue", "maxValue"]);
+  let [value, setValue] = useControlledState.$458b0a5536c1a7cf$export$40bfa8c7b0832715(valueProp, defaultValue || null, onChange);
+  let [anchorDate, setAnchorDateState] = React.useState(null);
+  let alignment = "center";
+  if (value && value.start && value.end) {
+    let start = CalendarBase.$f62d864046160412$export$f4a51ff076cc9a09(CalendarBase.$11d87f3f76e88657$export$93522d1a439f3617(value.start), visibleDuration, locale, minValue, maxValue);
+    let end = start.add(visibleDuration).subtract({
+      days: 1
+    });
+    if (value.end.compare(end) > 0) alignment = "start";
+  }
+  let availableRangeRef = React.useRef(null);
+  let [availableRange, setAvailableRange] = React.useState(null);
+  let min = React.useMemo(() => CalendarBase.$14e0f24ef4ac5c92$export$a75f2bff57811055(minValue, availableRange === null || availableRange === void 0 ? void 0 : availableRange.start), [
+    minValue,
+    availableRange
+  ]);
+  let max = React.useMemo(() => CalendarBase.$14e0f24ef4ac5c92$export$5c333a116e949cdd(maxValue, availableRange === null || availableRange === void 0 ? void 0 : availableRange.end), [
+    maxValue,
+    availableRange
+  ]);
+  let calendar = CalendarBase.$131cf43a05231e1e$export$6d095e787d2b5e1f(__spreadProps(__spreadValues({}, calendarProps), {
+    value: value && value.start,
+    createCalendar,
+    locale,
+    visibleDuration,
+    minValue: min,
+    maxValue: max,
+    selectionAlignment: alignment
+  }));
+  let updateAvailableRange = (date) => {
+    if (date && props.isDateUnavailable && !props.allowsNonContiguousRanges) {
+      const nextAvailableStartDate = $9a36b6ba2fb1a7c5$var$nextUnavailableDate(date, calendar, -1);
+      const nextAvailableEndDate = $9a36b6ba2fb1a7c5$var$nextUnavailableDate(date, calendar, 1);
+      availableRangeRef.current = {
+        start: nextAvailableStartDate,
+        end: nextAvailableEndDate
+      };
+      setAvailableRange(availableRangeRef.current);
+    } else {
+      availableRangeRef.current = null;
+      setAvailableRange(null);
+    }
+  };
+  let [lastVisibleRange, setLastVisibleRange] = React.useState(calendar.visibleRange);
+  if (!CalendarBase.$14e0f24ef4ac5c92$export$91b62ebf2ba703ee(calendar.visibleRange.start, lastVisibleRange.start) || !CalendarBase.$14e0f24ef4ac5c92$export$91b62ebf2ba703ee(calendar.visibleRange.end, lastVisibleRange.end)) {
+    updateAvailableRange(anchorDate);
+    setLastVisibleRange(calendar.visibleRange);
+  }
+  let setAnchorDate = (date) => {
+    if (date) {
+      setAnchorDateState(date);
+      updateAvailableRange(date);
+    } else {
+      setAnchorDateState(null);
+      updateAvailableRange(null);
+    }
+  };
+  let highlightedRange = anchorDate ? $9a36b6ba2fb1a7c5$var$makeRange(anchorDate, calendar.focusedDate) : value && $9a36b6ba2fb1a7c5$var$makeRange(value.start, value.end);
+  let selectDate = (date) => {
+    if (props.isReadOnly) return;
+    const constrainedDate = CalendarBase.$f62d864046160412$export$4f5203c0d889109e(date, min, max);
+    const previousAvailableConstrainedDate = CalendarBase.$f62d864046160412$export$a1d3911297b952d7(constrainedDate, calendar.visibleRange.start, props.isDateUnavailable);
+    if (!previousAvailableConstrainedDate) return;
+    if (!anchorDate) setAnchorDate(previousAvailableConstrainedDate);
+    else {
+      let range = $9a36b6ba2fb1a7c5$var$makeRange(anchorDate, previousAvailableConstrainedDate);
+      if (range) setValue({
+        start: $9a36b6ba2fb1a7c5$var$convertValue(range.start, value === null || value === void 0 ? void 0 : value.start),
+        end: $9a36b6ba2fb1a7c5$var$convertValue(range.end, value === null || value === void 0 ? void 0 : value.end)
+      });
+      setAnchorDate(null);
+    }
+  };
+  let [isDragging, setDragging] = React.useState(false);
+  let { isDateUnavailable } = props;
+  let isInvalidSelection = React.useMemo(() => {
+    if (!value || anchorDate) return false;
+    if (isDateUnavailable && (isDateUnavailable(value.start) || isDateUnavailable(value.end))) return true;
+    return CalendarBase.$f62d864046160412$export$eac50920cf2fd59a(value.start, minValue, maxValue) || CalendarBase.$f62d864046160412$export$eac50920cf2fd59a(value.end, minValue, maxValue);
+  }, [
+    isDateUnavailable,
+    value,
+    anchorDate,
+    minValue,
+    maxValue
+  ]);
+  let isValueInvalid = props.isInvalid || props.validationState === "invalid" || isInvalidSelection;
+  let validationState = isValueInvalid ? "invalid" : null;
+  return __spreadProps(__spreadValues({}, calendar), {
+    value,
+    setValue,
+    anchorDate,
+    setAnchorDate,
+    highlightedRange,
+    validationState,
+    isValueInvalid,
+    selectFocusedDate() {
+      selectDate(calendar.focusedDate);
+    },
+    selectDate,
+    highlightDate(date) {
+      if (anchorDate) calendar.setFocusedDate(date);
+    },
+    isSelected(date) {
+      return Boolean(highlightedRange && date.compare(highlightedRange.start) >= 0 && date.compare(highlightedRange.end) <= 0 && !calendar.isCellDisabled(date) && !calendar.isCellUnavailable(date));
+    },
+    isInvalid(date) {
+      var _availableRangeRef_current, _availableRangeRef_current1;
+      return calendar.isInvalid(date) || CalendarBase.$f62d864046160412$export$eac50920cf2fd59a(date, (_availableRangeRef_current = availableRangeRef.current) === null || _availableRangeRef_current === void 0 ? void 0 : _availableRangeRef_current.start, (_availableRangeRef_current1 = availableRangeRef.current) === null || _availableRangeRef_current1 === void 0 ? void 0 : _availableRangeRef_current1.end);
+    },
+    isDragging,
+    setDragging
+  });
+}
+function $9a36b6ba2fb1a7c5$var$makeRange(start, end) {
+  if (!start || !end) return null;
+  if (end.compare(start) < 0) [start, end] = [
+    end,
+    start
+  ];
+  return {
+    start: CalendarBase.$11d87f3f76e88657$export$93522d1a439f3617(start),
+    end: CalendarBase.$11d87f3f76e88657$export$93522d1a439f3617(end)
+  };
+}
+function $9a36b6ba2fb1a7c5$var$convertValue(newValue, oldValue) {
+  newValue = CalendarBase.$11d87f3f76e88657$export$b4a036af3fc0b032(newValue, (oldValue === null || oldValue === void 0 ? void 0 : oldValue.calendar) || new CalendarBase.$3b62074eb05584b2$export$80ee6245ec4f29ec());
+  if (oldValue && "hour" in oldValue) return oldValue.set(newValue);
+  return newValue;
+}
+function $9a36b6ba2fb1a7c5$var$nextUnavailableDate(anchorDate, state, dir) {
+  let nextDate = anchorDate.add({
+    days: dir
+  });
+  while ((dir < 0 ? nextDate.compare(state.visibleRange.start) >= 0 : nextDate.compare(state.visibleRange.end) <= 0) && !state.isCellUnavailable(nextDate)) nextDate = nextDate.add({
+    days: dir
+  });
+  if (state.isCellUnavailable(nextDate)) return nextDate.add({
+    days: -dir
+  });
+}
+function $46a4342aab3d8076$export$87e0539f600c24e5(props, state, ref) {
+  let res = CalendarBase.$c4acc1de3ab169cf$export$d652b3ea2d672d5b(props, state);
+  let isVirtualClick = React.useRef(false);
+  let windowRef = React.useRef(typeof window !== "undefined" ? window : null);
+  useEvent.$e9faafb641e167db$export$90fc3a17d93f704c(windowRef, "pointerdown", (e) => {
+    isVirtualClick.current = e.width === 0 && e.height === 0;
+  });
+  let endDragging = (e) => {
+    if (isVirtualClick.current) {
+      isVirtualClick.current = false;
+      return;
+    }
+    state.setDragging(false);
+    if (!state.anchorDate) return;
+    let target = e.target;
+    if (ref.current && ref.current.contains(document.activeElement) && (!ref.current.contains(target) || !target.closest('button, [role="button"]'))) state.selectFocusedDate();
+  };
+  useEvent.$e9faafb641e167db$export$90fc3a17d93f704c(windowRef, "pointerup", endDragging);
+  res.calendarProps.onBlur = (e) => {
+    if (!ref.current) return;
+    if ((!e.relatedTarget || !ref.current.contains(e.relatedTarget)) && state.anchorDate) state.selectFocusedDate();
+  };
+  useEvent.$e9faafb641e167db$export$90fc3a17d93f704c(ref, "touchmove", (e) => {
+    if (state.isDragging) e.preventDefault();
+  }, {
+    passive: false,
+    capture: true
+  });
+  return res;
+}
+function RangeCalendar(props) {
+  const { locale } = context.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
+  const calendarRef = React.useRef(null);
+  const state = $9a36b6ba2fb1a7c5$export$9a987164d97ecc90(__spreadProps(__spreadValues({}, props), {
+    locale,
+    createCalendar: CalendarBase.$64244302c3013299$export$dd0bbc9b26defe37
+  }));
+  const rangeCalendarProps = $46a4342aab3d8076$export$87e0539f600c24e5(props, state, calendarRef);
+  return React.createElement(CalendarBase.CalendarBase, __spreadProps(__spreadValues(__spreadValues({}, props), rangeCalendarProps), {
+    state,
+    calendarRef
+  }));
+}
+RangeCalendar.displayName = "RangeCalendar";
+exports.RangeCalendar = RangeCalendar;

package/RangeCalendar/index.mjs

@@ -0,0 +1,228 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import React__default, { useState, useRef, useMemo } from "react";
+import { c as $f62d864046160412$export$f4a51ff076cc9a09, d as $11d87f3f76e88657$export$93522d1a439f3617, e as $14e0f24ef4ac5c92$export$a75f2bff57811055, f as $14e0f24ef4ac5c92$export$5c333a116e949cdd, a as $131cf43a05231e1e$export$6d095e787d2b5e1f, g as $14e0f24ef4ac5c92$export$91b62ebf2ba703ee, h as $f62d864046160412$export$eac50920cf2fd59a, i as $f62d864046160412$export$4f5203c0d889109e, j as $f62d864046160412$export$a1d3911297b952d7, k as $11d87f3f76e88657$export$b4a036af3fc0b032, l as $3b62074eb05584b2$export$80ee6245ec4f29ec, $ as $c4acc1de3ab169cf$export$d652b3ea2d672d5b, b as $64244302c3013299$export$dd0bbc9b26defe37, C as CalendarBase } from "../__chunks__/CalendarBase-lJhsIoGb.mjs";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../__chunks__/context-DEwqildc.mjs";
+import { $ as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "../__chunks__/useControlledState-CFWhSD5C.mjs";
+import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "../__chunks__/useEvent-C5RCZjKr.mjs";
+function $9a36b6ba2fb1a7c5$export$9a987164d97ecc90(props) {
+  let _a = props, { value: valueProp, defaultValue, onChange, createCalendar, locale, visibleDuration = {
+    months: 1
+  }, minValue, maxValue } = _a, calendarProps = __objRest(_a, ["value", "defaultValue", "onChange", "createCalendar", "locale", "visibleDuration", "minValue", "maxValue"]);
+  let [value, setValue] = $458b0a5536c1a7cf$export$40bfa8c7b0832715(valueProp, defaultValue || null, onChange);
+  let [anchorDate, setAnchorDateState] = useState(null);
+  let alignment = "center";
+  if (value && value.start && value.end) {
+    let start = $f62d864046160412$export$f4a51ff076cc9a09($11d87f3f76e88657$export$93522d1a439f3617(value.start), visibleDuration, locale, minValue, maxValue);
+    let end = start.add(visibleDuration).subtract({
+      days: 1
+    });
+    if (value.end.compare(end) > 0) alignment = "start";
+  }
+  let availableRangeRef = useRef(null);
+  let [availableRange, setAvailableRange] = useState(null);
+  let min = useMemo(() => $14e0f24ef4ac5c92$export$a75f2bff57811055(minValue, availableRange === null || availableRange === void 0 ? void 0 : availableRange.start), [
+    minValue,
+    availableRange
+  ]);
+  let max = useMemo(() => $14e0f24ef4ac5c92$export$5c333a116e949cdd(maxValue, availableRange === null || availableRange === void 0 ? void 0 : availableRange.end), [
+    maxValue,
+    availableRange
+  ]);
+  let calendar = $131cf43a05231e1e$export$6d095e787d2b5e1f(__spreadProps(__spreadValues({}, calendarProps), {
+    value: value && value.start,
+    createCalendar,
+    locale,
+    visibleDuration,
+    minValue: min,
+    maxValue: max,
+    selectionAlignment: alignment
+  }));
+  let updateAvailableRange = (date) => {
+    if (date && props.isDateUnavailable && !props.allowsNonContiguousRanges) {
+      const nextAvailableStartDate = $9a36b6ba2fb1a7c5$var$nextUnavailableDate(date, calendar, -1);
+      const nextAvailableEndDate = $9a36b6ba2fb1a7c5$var$nextUnavailableDate(date, calendar, 1);
+      availableRangeRef.current = {
+        start: nextAvailableStartDate,
+        end: nextAvailableEndDate
+      };
+      setAvailableRange(availableRangeRef.current);
+    } else {
+      availableRangeRef.current = null;
+      setAvailableRange(null);
+    }
+  };
+  let [lastVisibleRange, setLastVisibleRange] = useState(calendar.visibleRange);
+  if (!$14e0f24ef4ac5c92$export$91b62ebf2ba703ee(calendar.visibleRange.start, lastVisibleRange.start) || !$14e0f24ef4ac5c92$export$91b62ebf2ba703ee(calendar.visibleRange.end, lastVisibleRange.end)) {
+    updateAvailableRange(anchorDate);
+    setLastVisibleRange(calendar.visibleRange);
+  }
+  let setAnchorDate = (date) => {
+    if (date) {
+      setAnchorDateState(date);
+      updateAvailableRange(date);
+    } else {
+      setAnchorDateState(null);
+      updateAvailableRange(null);
+    }
+  };
+  let highlightedRange = anchorDate ? $9a36b6ba2fb1a7c5$var$makeRange(anchorDate, calendar.focusedDate) : value && $9a36b6ba2fb1a7c5$var$makeRange(value.start, value.end);
+  let selectDate = (date) => {
+    if (props.isReadOnly) return;
+    const constrainedDate = $f62d864046160412$export$4f5203c0d889109e(date, min, max);
+    const previousAvailableConstrainedDate = $f62d864046160412$export$a1d3911297b952d7(constrainedDate, calendar.visibleRange.start, props.isDateUnavailable);
+    if (!previousAvailableConstrainedDate) return;
+    if (!anchorDate) setAnchorDate(previousAvailableConstrainedDate);
+    else {
+      let range = $9a36b6ba2fb1a7c5$var$makeRange(anchorDate, previousAvailableConstrainedDate);
+      if (range) setValue({
+        start: $9a36b6ba2fb1a7c5$var$convertValue(range.start, value === null || value === void 0 ? void 0 : value.start),
+        end: $9a36b6ba2fb1a7c5$var$convertValue(range.end, value === null || value === void 0 ? void 0 : value.end)
+      });
+      setAnchorDate(null);
+    }
+  };
+  let [isDragging, setDragging] = useState(false);
+  let { isDateUnavailable } = props;
+  let isInvalidSelection = useMemo(() => {
+    if (!value || anchorDate) return false;
+    if (isDateUnavailable && (isDateUnavailable(value.start) || isDateUnavailable(value.end))) return true;
+    return $f62d864046160412$export$eac50920cf2fd59a(value.start, minValue, maxValue) || $f62d864046160412$export$eac50920cf2fd59a(value.end, minValue, maxValue);
+  }, [
+    isDateUnavailable,
+    value,
+    anchorDate,
+    minValue,
+    maxValue
+  ]);
+  let isValueInvalid = props.isInvalid || props.validationState === "invalid" || isInvalidSelection;
+  let validationState = isValueInvalid ? "invalid" : null;
+  return __spreadProps(__spreadValues({}, calendar), {
+    value,
+    setValue,
+    anchorDate,
+    setAnchorDate,
+    highlightedRange,
+    validationState,
+    isValueInvalid,
+    selectFocusedDate() {
+      selectDate(calendar.focusedDate);
+    },
+    selectDate,
+    highlightDate(date) {
+      if (anchorDate) calendar.setFocusedDate(date);
+    },
+    isSelected(date) {
+      return Boolean(highlightedRange && date.compare(highlightedRange.start) >= 0 && date.compare(highlightedRange.end) <= 0 && !calendar.isCellDisabled(date) && !calendar.isCellUnavailable(date));
+    },
+    isInvalid(date) {
+      var _availableRangeRef_current, _availableRangeRef_current1;
+      return calendar.isInvalid(date) || $f62d864046160412$export$eac50920cf2fd59a(date, (_availableRangeRef_current = availableRangeRef.current) === null || _availableRangeRef_current === void 0 ? void 0 : _availableRangeRef_current.start, (_availableRangeRef_current1 = availableRangeRef.current) === null || _availableRangeRef_current1 === void 0 ? void 0 : _availableRangeRef_current1.end);
+    },
+    isDragging,
+    setDragging
+  });
+}
+function $9a36b6ba2fb1a7c5$var$makeRange(start, end) {
+  if (!start || !end) return null;
+  if (end.compare(start) < 0) [start, end] = [
+    end,
+    start
+  ];
+  return {
+    start: $11d87f3f76e88657$export$93522d1a439f3617(start),
+    end: $11d87f3f76e88657$export$93522d1a439f3617(end)
+  };
+}
+function $9a36b6ba2fb1a7c5$var$convertValue(newValue, oldValue) {
+  newValue = $11d87f3f76e88657$export$b4a036af3fc0b032(newValue, (oldValue === null || oldValue === void 0 ? void 0 : oldValue.calendar) || new $3b62074eb05584b2$export$80ee6245ec4f29ec());
+  if (oldValue && "hour" in oldValue) return oldValue.set(newValue);
+  return newValue;
+}
+function $9a36b6ba2fb1a7c5$var$nextUnavailableDate(anchorDate, state, dir) {
+  let nextDate = anchorDate.add({
+    days: dir
+  });
+  while ((dir < 0 ? nextDate.compare(state.visibleRange.start) >= 0 : nextDate.compare(state.visibleRange.end) <= 0) && !state.isCellUnavailable(nextDate)) nextDate = nextDate.add({
+    days: dir
+  });
+  if (state.isCellUnavailable(nextDate)) return nextDate.add({
+    days: -dir
+  });
+}
+function $46a4342aab3d8076$export$87e0539f600c24e5(props, state, ref) {
+  let res = $c4acc1de3ab169cf$export$d652b3ea2d672d5b(props, state);
+  let isVirtualClick = useRef(false);
+  let windowRef = useRef(typeof window !== "undefined" ? window : null);
+  $e9faafb641e167db$export$90fc3a17d93f704c(windowRef, "pointerdown", (e) => {
+    isVirtualClick.current = e.width === 0 && e.height === 0;
+  });
+  let endDragging = (e) => {
+    if (isVirtualClick.current) {
+      isVirtualClick.current = false;
+      return;
+    }
+    state.setDragging(false);
+    if (!state.anchorDate) return;
+    let target = e.target;
+    if (ref.current && ref.current.contains(document.activeElement) && (!ref.current.contains(target) || !target.closest('button, [role="button"]'))) state.selectFocusedDate();
+  };
+  $e9faafb641e167db$export$90fc3a17d93f704c(windowRef, "pointerup", endDragging);
+  res.calendarProps.onBlur = (e) => {
+    if (!ref.current) return;
+    if ((!e.relatedTarget || !ref.current.contains(e.relatedTarget)) && state.anchorDate) state.selectFocusedDate();
+  };
+  $e9faafb641e167db$export$90fc3a17d93f704c(ref, "touchmove", (e) => {
+    if (state.isDragging) e.preventDefault();
+  }, {
+    passive: false,
+    capture: true
+  });
+  return res;
+}
+function RangeCalendar(props) {
+  const { locale } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
+  const calendarRef = React__default.useRef(null);
+  const state = $9a36b6ba2fb1a7c5$export$9a987164d97ecc90(__spreadProps(__spreadValues({}, props), {
+    locale,
+    createCalendar: $64244302c3013299$export$dd0bbc9b26defe37
+  }));
+  const rangeCalendarProps = $46a4342aab3d8076$export$87e0539f600c24e5(props, state, calendarRef);
+  return React__default.createElement(CalendarBase, __spreadProps(__spreadValues(__spreadValues({}, props), rangeCalendarProps), {
+    state,
+    calendarRef
+  }));
+}
+RangeCalendar.displayName = "RangeCalendar";
+export {
+  RangeCalendar
+};