@easypost/easy-ui 1.0.0-alpha.60 → 1.0.0-alpha.62

package/__chunks__/RadioGroup-DZxaIqD6.mjs

@@ -0,0 +1,334 @@
+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, { useMemo, useState, useContext } from "react";
+import { T as Text } from "./Text-tpkE6IlH.mjs";
+import { H as HorizontalStack } from "./HorizontalStack-CdtNq_TW.mjs";
+import { S as SelectorErrorTooltip } from "./SelectorErrorTooltip-Cja4A8Yq.mjs";
+import { classNames } from "../utilities/css.mjs";
+import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928, c as $bdb11010cef70236$export$f680877a34711e37 } from "./mergeProps-DSi85raC.mjs";
+import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.mjs";
+import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-DA1Lwdha.mjs";
+import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./useFocusable-CNor_Zjt.mjs";
+import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, d as $e93e671b31057976$export$b8473d3665f3a75a } from "./useFormValidation-v2O6VL2V.mjs";
+import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-Db4pSZfY.mjs";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-YOWeCHgO.mjs";
+import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./useHover-BOYR4wqI.mjs";
+import { $ as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useControlledState-CFWhSD5C.mjs";
+import { $ as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "./FocusScope-Qg8vUhZ_.mjs";
+import { $ as $2baaea4c71418dea$export$294aa081a6c6f55d } from "./useField-B6VplZ_n.mjs";
+import { $ as $9ab94262bd0047c7$export$420e68273165f4ec } from "./useFocusWithin-B-vQAW9V.mjs";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-BZCcafjG.mjs";
+let $a54cdc5c1942b639$var$instance = Math.round(Math.random() * 1e10);
+let $a54cdc5c1942b639$var$i = 0;
+function $a54cdc5c1942b639$export$bca9d026f8e704eb(props) {
+  let name = useMemo(() => props.name || `radio-group-${$a54cdc5c1942b639$var$instance}-${++$a54cdc5c1942b639$var$i}`, [
+    props.name
+  ]);
+  var _props_defaultValue;
+  let [selectedValue, setSelected] = $458b0a5536c1a7cf$export$40bfa8c7b0832715(props.value, (_props_defaultValue = props.defaultValue) !== null && _props_defaultValue !== void 0 ? _props_defaultValue : null, props.onChange);
+  let [lastFocusedValue, setLastFocusedValue] = useState(null);
+  let validation = $e5be200c675c3b3a$export$fc1a364ae1f3ff10(__spreadProps(__spreadValues({}, props), {
+    value: selectedValue
+  }));
+  let setSelectedValue = (value) => {
+    if (!props.isReadOnly && !props.isDisabled) {
+      setSelected(value);
+      validation.commitValidation();
+    }
+  };
+  let isInvalid = validation.displayValidation.isInvalid;
+  return __spreadProps(__spreadValues({}, validation), {
+    name,
+    selectedValue,
+    setSelectedValue,
+    lastFocusedValue,
+    setLastFocusedValue,
+    isDisabled: props.isDisabled || false,
+    isReadOnly: props.isReadOnly || false,
+    isRequired: props.isRequired || false,
+    validationState: props.validationState || (isInvalid ? "invalid" : null),
+    isInvalid
+  });
+}
+const $884aeceb3d67f00f$export$37b65e5b5444d35c = /* @__PURE__ */ new WeakMap();
+function $0d5c49892c1215da$export$37b0961d2f4751e2(props, state, ref) {
+  let { value, children, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby } = props;
+  const isDisabled = props.isDisabled || state.isDisabled;
+  let hasChildren = children != null;
+  let hasAriaLabel = ariaLabel != null || ariaLabelledby != null;
+  if (!hasChildren && !hasAriaLabel) console.warn("If you do not provide children, you must specify an aria-label for accessibility");
+  let checked = state.selectedValue === value;
+  let onChange = (e) => {
+    e.stopPropagation();
+    state.setSelectedValue(value);
+  };
+  let { pressProps, isPressed } = $f6c31cce2adf654f$export$45712eceda6fad21({
+    isDisabled
+  });
+  let { pressProps: labelProps, isPressed: isLabelPressed } = $f6c31cce2adf654f$export$45712eceda6fad21({
+    isDisabled,
+    onPress() {
+      state.setSelectedValue(value);
+    }
+  });
+  let { focusableProps } = $e6afbd83fe6ebbd2$export$4c014de7c8940b4c($3ef42575df84b30b$export$9d1611c77c2fe928(props, {
+    onFocus: () => state.setLastFocusedValue(value)
+  }), ref);
+  let interactions = $3ef42575df84b30b$export$9d1611c77c2fe928(pressProps, focusableProps);
+  let domProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
+    labelable: true
+  });
+  let tabIndex = -1;
+  if (state.selectedValue != null) {
+    if (state.selectedValue === value) tabIndex = 0;
+  } else if (state.lastFocusedValue === value || state.lastFocusedValue == null) tabIndex = 0;
+  if (isDisabled) tabIndex = void 0;
+  let { name, descriptionId, errorMessageId, validationBehavior } = $884aeceb3d67f00f$export$37b65e5b5444d35c.get(state);
+  $99facab73266f662$export$5add1d006293d136(ref, state.selectedValue, state.setSelectedValue);
+  $e93e671b31057976$export$b8473d3665f3a75a({
+    validationBehavior
+  }, state, ref);
+  return {
+    labelProps: $3ef42575df84b30b$export$9d1611c77c2fe928(labelProps, {
+      onClick: (e) => e.preventDefault()
+    }),
+    inputProps: $3ef42575df84b30b$export$9d1611c77c2fe928(domProps, __spreadProps(__spreadValues({}, interactions), {
+      type: "radio",
+      name,
+      tabIndex,
+      disabled: isDisabled,
+      required: state.isRequired && validationBehavior === "native",
+      checked,
+      value,
+      onChange,
+      "aria-describedby": [
+        props["aria-describedby"],
+        state.isInvalid ? errorMessageId : null,
+        descriptionId
+      ].filter(Boolean).join(" ") || void 0
+    })),
+    isDisabled,
+    isSelected: checked,
+    isPressed: isPressed || isLabelPressed
+  };
+}
+function $430f30ed08ec25fa$export$62b9571f283ff5c2(props, state) {
+  let { name, isReadOnly, isRequired, isDisabled, orientation = "vertical", validationBehavior = "aria" } = props;
+  let { direction } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
+  let { isInvalid, validationErrors, validationDetails } = state.displayValidation;
+  let { labelProps, fieldProps, descriptionProps, errorMessageProps } = $2baaea4c71418dea$export$294aa081a6c6f55d(__spreadProps(__spreadValues({}, props), {
+    // Radio group is not an HTML input element so it
+    // shouldn't be labeled by a <label> element.
+    labelElementType: "span",
+    isInvalid: state.isInvalid,
+    errorMessage: props.errorMessage || validationErrors
+  }));
+  let domProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
+    labelable: true
+  });
+  let { focusWithinProps } = $9ab94262bd0047c7$export$420e68273165f4ec({
+    onBlurWithin(e) {
+      var _props_onBlur;
+      (_props_onBlur = props.onBlur) === null || _props_onBlur === void 0 ? void 0 : _props_onBlur.call(props, e);
+      if (!state.selectedValue) state.setLastFocusedValue(null);
+    },
+    onFocusWithin: props.onFocus,
+    onFocusWithinChange: props.onFocusChange
+  });
+  let onKeyDown = (e) => {
+    let nextDir;
+    switch (e.key) {
+      case "ArrowRight":
+        if (direction === "rtl" && orientation !== "vertical") nextDir = "prev";
+        else nextDir = "next";
+        break;
+      case "ArrowLeft":
+        if (direction === "rtl" && orientation !== "vertical") nextDir = "next";
+        else nextDir = "prev";
+        break;
+      case "ArrowDown":
+        nextDir = "next";
+        break;
+      case "ArrowUp":
+        nextDir = "prev";
+        break;
+      default:
+        return;
+    }
+    e.preventDefault();
+    let walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa(e.currentTarget, {
+      from: e.target
+    });
+    let nextElem;
+    if (nextDir === "next") {
+      nextElem = walker.nextNode();
+      if (!nextElem) {
+        walker.currentNode = e.currentTarget;
+        nextElem = walker.firstChild();
+      }
+    } else {
+      nextElem = walker.previousNode();
+      if (!nextElem) {
+        walker.currentNode = e.currentTarget;
+        nextElem = walker.lastChild();
+      }
+    }
+    if (nextElem) {
+      nextElem.focus();
+      state.setSelectedValue(nextElem.value);
+    }
+  };
+  let groupName = $bdb11010cef70236$export$f680877a34711e37(name);
+  $884aeceb3d67f00f$export$37b65e5b5444d35c.set(state, {
+    name: groupName,
+    descriptionId: descriptionProps.id,
+    errorMessageId: errorMessageProps.id,
+    validationBehavior
+  });
+  return {
+    radioGroupProps: $3ef42575df84b30b$export$9d1611c77c2fe928(domProps, __spreadValues(__spreadValues({
+      // https://www.w3.org/TR/wai-aria-1.2/#radiogroup
+      role: "radiogroup",
+      onKeyDown,
+      "aria-invalid": state.isInvalid || void 0,
+      "aria-errormessage": props["aria-errormessage"],
+      "aria-readonly": isReadOnly || void 0,
+      "aria-required": isRequired || void 0,
+      "aria-disabled": isDisabled || void 0,
+      "aria-orientation": orientation
+    }, fieldProps), focusWithinProps)),
+    labelProps,
+    descriptionProps,
+    errorMessageProps,
+    isInvalid,
+    validationErrors,
+    validationDetails
+  };
+}
+const RadioGroupContext = React__default.createContext(null);
+const useRadioGroupContext = () => {
+  const radioGroupContext = useContext(RadioGroupContext);
+  if (!radioGroupContext) {
+    throw new Error("Must be within a RadioGroup");
+  }
+  return radioGroupContext;
+};
+const RadioGroupItem$1 = "_RadioGroupItem_g11br_5";
+const label = "_label_g11br_11";
+const radioOuter = "_radioOuter_g11br_29";
+const radioInner = "_radioInner_g11br_30";
+const focusVisible = "_focusVisible_g11br_44";
+const selected = "_selected_g11br_63";
+const invalid = "_invalid_g11br_67";
+const disabled = "_disabled_g11br_71";
+const hovered = "_hovered_g11br_83";
+const readOnly = "_readOnly_g11br_83";
+const styles$1 = {
+  RadioGroupItem: RadioGroupItem$1,
+  label,
+  radioOuter,
+  radioInner,
+  focusVisible,
+  selected,
+  invalid,
+  disabled,
+  hovered,
+  readOnly
+};
+function RadioGroupItem(props) {
+  const { children, errorText, validationState } = props;
+  const ref = React__default.useRef(null);
+  const state = useRadioGroupContext();
+  const { inputProps, isSelected, isDisabled } = $0d5c49892c1215da$export$37b0961d2f4751e2(props, state, ref);
+  const { isFocusVisible, focusProps } = $f7dceffc5ad7768b$export$4e328f61c538687f();
+  const { isHovered, hoverProps } = $6179b936705e76d3$export$ae780daf29e6d456(props);
+  const className = classNames(styles$1.RadioGroupItem, isSelected && styles$1.selected, isDisabled && styles$1.disabled, isFocusVisible && styles$1.focusVisible, isHovered && styles$1.hovered, validationState === "invalid" && styles$1.invalid);
+  const textColor = isDisabled ? "neutral.300" : validationState === "invalid" ? "negative.600" : "primary.800";
+  return React__default.createElement("div", {
+    className
+  }, React__default.createElement(HorizontalStack, {
+    gap: "1",
+    blockAlign: "center"
+  }, React__default.createElement("label", {
+    className: styles$1.label
+  }, React__default.createElement(HorizontalStack, __spreadValues({
+    blockAlign: "start",
+    gap: "1",
+    wrap: false
+  }, hoverProps), React__default.createElement("input", __spreadProps(__spreadValues(__spreadValues({
+    "aria-invalid": validationState === "invalid"
+  }, inputProps), focusProps), {
+    className: styles$1.input,
+    ref
+  })), React__default.createElement("span", {
+    className: styles$1.radioOuter
+  }, React__default.createElement("span", {
+    className: styles$1.radioInner
+  })), React__default.createElement(Text, {
+    variant: "body1",
+    color: textColor
+  }, children))), validationState === "invalid" && errorText && React__default.createElement(SelectorErrorTooltip, {
+    content: errorText
+  })));
+}
+const RadioGroup$1 = "_RadioGroup_wn0sd_5";
+const list = "_list_wn0sd_14";
+const styles = {
+  RadioGroup: RadioGroup$1,
+  list
+};
+function RadioGroupContainer(props) {
+  const { children, label: label2 } = props;
+  const state = $a54cdc5c1942b639$export$bca9d026f8e704eb(props);
+  const { radioGroupProps, labelProps } = $430f30ed08ec25fa$export$62b9571f283ff5c2(props, state);
+  return React__default.createElement("fieldset", __spreadValues({
+    className: styles.RadioGroup
+  }, radioGroupProps), label2 && React__default.createElement("div", null, React__default.createElement(Text, __spreadValues({
+    as: "legend",
+    variant: "subtitle1",
+    color: "gray.bold"
+  }, labelProps), label2)), React__default.createElement(RadioGroupContext.Provider, {
+    value: state
+  }, children));
+}
+function RadioGroup(props) {
+  const _a = props, { children } = _a, containerProps = __objRest(_a, ["children"]);
+  return React__default.createElement(RadioGroupContainer, __spreadValues({}, containerProps), React__default.createElement("div", {
+    className: styles.list
+  }, children));
+}
+RadioGroup.Container = RadioGroupContainer;
+RadioGroup.Item = RadioGroupItem;
+export {
+  RadioGroup as R,
+  useRadioGroupContext as u
+};

package/__chunks__/RangeCalendar-CPEW2_Ij.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 "./CalendarBase-B_2qDiO8.mjs";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-BZCcafjG.mjs";
+import { $ as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useControlledState-CFWhSD5C.mjs";
+import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-B0fsKtsf.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 as R
+};