@easypost/easy-ui 1.0.0-alpha.12 → 1.0.0-alpha.120

package/__chunks__/RadioGroup-BiCqtR0F.js

@@ -0,0 +1,374 @@
+"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;
+};
+const jsxRuntime = require("react/jsx-runtime");
+const Text = require("./Text-DkzMEqky.js");
+const React = require("react");
+const HorizontalStack = require("./HorizontalStack-CWdKKY8L.js");
+const SelectorErrorTooltip = require("./SelectorErrorTooltip-BNLrFRLN.js");
+const utilities_css = require("../utilities/css.js");
+const mergeProps = require("./mergeProps-DLPcevok.js");
+const filterDOMProps = require("./filterDOMProps-p6wKN-SS.js");
+const useFormReset = require("./useFormReset-D6l7xmN8.js");
+const usePress = require("./usePress-B5G5CgVn.js");
+const useFocusable = require("./useFocusable-fxgaZN7X.js");
+const useFormValidation = require("./useFormValidation-joghLMcB.js");
+const useFocusRing = require("./useFocusRing-DbC9E5wC.js");
+const useHover = require("./useHover-Ck1otl-j.js");
+const useControlledState = require("./useControlledState-CcM4H_K0.js");
+const useFocusVisible = require("./useFocusVisible-BNcpO5Sv.js");
+const FocusScope = require("./FocusScope-CncDnO-E.js");
+const useFocusWithin = require("./useFocusWithin-DDWT9Br8.js");
+const useField = require("./useField-CsvcuQrg.js");
+const context = require("./context-DJdNiOsb.js");
+let $a54cdc5c1942b639$var$instance = Math.round(Math.random() * 1e10);
+let $a54cdc5c1942b639$var$i = 0;
+function $a54cdc5c1942b639$export$bca9d026f8e704eb(props) {
+  let name = React.useMemo(() => props.name || `radio-group-${$a54cdc5c1942b639$var$instance}-${++$a54cdc5c1942b639$var$i}`, [
+    props.name
+  ]);
+  var _props_defaultValue;
+  let [selectedValue, setSelected] = useControlledState.$458b0a5536c1a7cf$export$40bfa8c7b0832715(props.value, (_props_defaultValue = props.defaultValue) !== null && _props_defaultValue !== void 0 ? _props_defaultValue : null, props.onChange);
+  let [initialValue] = React.useState(selectedValue);
+  let [lastFocusedValue, setLastFocusedValue] = React.useState(null);
+  let validation = useFormValidation.$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;
+  var _props_defaultValue1;
+  return __spreadProps(__spreadValues({}, validation), {
+    name,
+    selectedValue,
+    defaultSelectedValue: props.value !== void 0 ? initialValue : (_props_defaultValue1 = props.defaultValue) !== null && _props_defaultValue1 !== void 0 ? _props_defaultValue1 : null,
+    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, onPressStart, onPressEnd, onPressChange, onPress, onPressUp, onClick } = props;
+  const isDisabled = props.isDisabled || state.isDisabled;
+  let hasChildren = children != null;
+  let hasAriaLabel = ariaLabel != null || ariaLabelledby != null;
+  if (!hasChildren && !hasAriaLabel && process.env.NODE_ENV !== "production") 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 } = usePress.$f6c31cce2adf654f$export$45712eceda6fad21({
+    onPressStart,
+    onPressEnd,
+    onPressChange,
+    onPress,
+    onPressUp,
+    onClick,
+    isDisabled
+  });
+  let { pressProps: labelProps, isPressed: isLabelPressed } = usePress.$f6c31cce2adf654f$export$45712eceda6fad21({
+    onPressStart,
+    onPressEnd,
+    onPressChange,
+    onPressUp,
+    onClick,
+    isDisabled,
+    onPress(e) {
+      var _ref_current;
+      onPress === null || onPress === void 0 ? void 0 : onPress(e);
+      state.setSelectedValue(value);
+      (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.focus();
+    }
+  });
+  let { focusableProps } = useFocusable.$f645667febf57a63$export$4c014de7c8940b4c(mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(props, {
+    onFocus: () => state.setLastFocusedValue(value)
+  }), ref);
+  let interactions = mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(pressProps, focusableProps);
+  let domProps = filterDOMProps.$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, form, descriptionId, errorMessageId, validationBehavior } = $884aeceb3d67f00f$export$37b65e5b5444d35c.get(state);
+  useFormReset.$99facab73266f662$export$5add1d006293d136(ref, state.defaultSelectedValue, state.setSelectedValue);
+  useFormValidation.$e93e671b31057976$export$b8473d3665f3a75a({
+    validationBehavior
+  }, state, ref);
+  return {
+    labelProps: mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(labelProps, React.useMemo(() => ({
+      onClick: (e) => e.preventDefault(),
+      // Prevent label from being focused when mouse down on it.
+      // Note, this does not prevent the input from being focused in the `click` event.
+      onMouseDown: (e) => e.preventDefault()
+    }), [])),
+    inputProps: mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(domProps, __spreadProps(__spreadValues({}, interactions), {
+      type: "radio",
+      name,
+      form,
+      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, form, isReadOnly, isRequired, isDisabled, orientation = "vertical", validationBehavior = "aria" } = props;
+  let { direction } = context.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
+  let { isInvalid, validationErrors, validationDetails } = state.displayValidation;
+  let { labelProps, fieldProps, descriptionProps, errorMessageProps } = useField.$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 = filterDOMProps.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
+    labelable: true
+  });
+  let { focusWithinProps } = useFocusWithin.$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 = FocusScope.$9bf71ea28793e738$export$2d6ec8fc375ceafa(e.currentTarget, {
+      from: e.target,
+      accept: (node) => node instanceof useFocusVisible.$431fbd86ca7dc216$export$f21a1ffae260145a(node).HTMLInputElement && node.type === "radio"
+    });
+    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 = mergeProps.$bdb11010cef70236$export$f680877a34711e37(name);
+  $884aeceb3d67f00f$export$37b65e5b5444d35c.set(state, {
+    name: groupName,
+    form,
+    descriptionId: descriptionProps.id,
+    errorMessageId: errorMessageProps.id,
+    validationBehavior
+  });
+  return {
+    radioGroupProps: mergeProps.$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.createContext(null);
+const useRadioGroupContext = () => {
+  const radioGroupContext = React.useContext(RadioGroupContext);
+  if (!radioGroupContext) {
+    throw new Error("Must be within a RadioGroup");
+  }
+  return radioGroupContext;
+};
+const RadioGroupItem$1 = "_RadioGroupItem_hxtze_4";
+const label = "_label_hxtze_10";
+const radioOuter = "_radioOuter_hxtze_33";
+const radioInner = "_radioInner_hxtze_34";
+const focusVisible = "_focusVisible_hxtze_48";
+const selected = "_selected_hxtze_67";
+const invalid = "_invalid_hxtze_71";
+const disabled = "_disabled_hxtze_75";
+const hovered = "_hovered_hxtze_87";
+const styles$1 = {
+  RadioGroupItem: RadioGroupItem$1,
+  label,
+  radioOuter,
+  radioInner,
+  focusVisible,
+  selected,
+  invalid,
+  disabled,
+  hovered
+};
+function RadioGroupItem(props) {
+  const { children, errorText, validationState } = props;
+  const ref = React.useRef(null);
+  const state = useRadioGroupContext();
+  const { inputProps, isSelected, isDisabled } = $0d5c49892c1215da$export$37b0961d2f4751e2(props, state, ref);
+  const { isFocusVisible, focusProps } = useFocusRing.$f7dceffc5ad7768b$export$4e328f61c538687f();
+  const { isHovered, hoverProps } = useHover.$6179b936705e76d3$export$ae780daf29e6d456(props);
+  const className = utilities_css.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 jsxRuntime.jsx("div", {
+    className,
+    children: jsxRuntime.jsxs(HorizontalStack.HorizontalStack, {
+      gap: "1",
+      blockAlign: "center",
+      children: [jsxRuntime.jsx("label", {
+        className: styles$1.label,
+        children: jsxRuntime.jsxs(HorizontalStack.HorizontalStack, __spreadProps(__spreadValues({
+          blockAlign: "start",
+          gap: "1",
+          wrap: false
+        }, hoverProps), {
+          children: [jsxRuntime.jsx("input", __spreadProps(__spreadValues(__spreadValues({
+            "aria-invalid": validationState === "invalid"
+          }, inputProps), focusProps), {
+            className: styles$1.input,
+            ref
+          })), jsxRuntime.jsx("span", {
+            className: styles$1.radioOuter,
+            children: jsxRuntime.jsx("span", {
+              className: styles$1.radioInner
+            })
+          }), jsxRuntime.jsx(Text.Text, {
+            variant: "body1",
+            color: textColor,
+            children
+          })]
+        }))
+      }), validationState === "invalid" && errorText && jsxRuntime.jsx(SelectorErrorTooltip.SelectorErrorTooltip, {
+        content: errorText
+      })]
+    })
+  });
+}
+const RadioGroup$1 = "_RadioGroup_rhiwx_4";
+const list = "_list_rhiwx_13";
+const styles = {
+  RadioGroup: RadioGroup$1,
+  list
+};
+function RadioGroupContainer(props) {
+  const { children, label: label2 } = props;
+  const castProps = props;
+  const state = $a54cdc5c1942b639$export$bca9d026f8e704eb(castProps);
+  const { radioGroupProps, labelProps } = $430f30ed08ec25fa$export$62b9571f283ff5c2(castProps, state);
+  return jsxRuntime.jsxs("fieldset", __spreadProps(__spreadValues({
+    className: styles.RadioGroup
+  }, radioGroupProps), {
+    children: [label2 && jsxRuntime.jsx("div", {
+      children: jsxRuntime.jsx(Text.Text, __spreadProps(__spreadValues({
+        as: "legend",
+        variant: "subtitle1",
+        color: "gray.bold"
+      }, labelProps), {
+        children: label2
+      }))
+    }), jsxRuntime.jsx(RadioGroupContext.Provider, {
+      value: state,
+      children
+    })]
+  }));
+}
+function RadioGroup(props) {
+  const _a = props, { children } = _a, containerProps = __objRest(_a, ["children"]);
+  return jsxRuntime.jsx(RadioGroupContainer, __spreadProps(__spreadValues({}, containerProps), {
+    children: jsxRuntime.jsx("div", {
+      className: styles.list,
+      children
+    })
+  }));
+}
+RadioGroup.Container = RadioGroupContainer;
+RadioGroup.Item = RadioGroupItem;
+exports.RadioGroup = RadioGroup;
+exports.useRadioGroupContext = useRadioGroupContext;

package/__chunks__/RangeCalendar-DVnJU360.mjs

@@ -0,0 +1,229 @@
+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 { jsx } from "react/jsx-runtime";
+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, C as CalendarBase, b as $64244302c3013299$export$dd0bbc9b26defe37 } from "./CalendarBase-BuIkpPIv.mjs";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-5UR8ToA1.mjs";
+import { $ as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useControlledState-BPR3PrW4.mjs";
+import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-CnahkmoD.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: props.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 jsx(CalendarBase, __spreadProps(__spreadValues(__spreadValues({}, props), rangeCalendarProps), {
+    state,
+    calendarRef
+  }));
+}
+RangeCalendar.displayName = "RangeCalendar";
+export {
+  RangeCalendar as R
+};