@easypost/easy-ui 1.0.0-alpha.8 → 1.0.0-alpha.80

package/DateRangePicker/index.mjs

@@ -0,0 +1,449 @@
+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));
+import React__default, { useState, useMemo, useRef } from "react";
+import { R as RangeCalendar } from "../__chunks__/RangeCalendar-CNLF6YQu.mjs";
+import { $ as $35a22f14a1f04b11$export$2440da353cedad43, a as $35a22f14a1f04b11$export$80ff8fc0ae339c13, b as $35a22f14a1f04b11$export$7e319ea407e63bc0, c as $35a22f14a1f04b11$export$c5221a78ef73c5e9, d as $3dfb0f96be0d6a08$export$4a931266a3838b86, e as $dfb4eba373ed9493$exports, f as $16f0b7bb276bc17e$export$300019f83c56d282, g as $16f0b7bb276bc17e$export$7b3062cd49e80452, D as DatePickerBase } from "../__chunks__/DatePickerBase-Bg4YQMAj.mjs";
+import { m as $fb18d541ea1ad717$export$ad991b66133851cf, n as $11d87f3f76e88657$export$b21e0b124e224484, d as $11d87f3f76e88657$export$93522d1a439f3617 } from "../__chunks__/CalendarBase-adL7KcVi.mjs";
+import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, b as $e5be200c675c3b3a$export$dad6ae84456c676a, c as $e5be200c675c3b3a$export$a763b9476acd3eb, d as $e5be200c675c3b3a$export$75ee7c75d68f5b0e } from "../__chunks__/useFormValidation-HasG7QCl.mjs";
+import { a as $fc909762b330b746$export$61c6a8c84e605fb6 } from "../__chunks__/Overlay-Cj4W5w8m.mjs";
+import { $ as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "../__chunks__/useControlledState-BDO08zJF.mjs";
+import { a as $9bf71ea28793e738$export$c5251b9e124bf29 } from "../__chunks__/FocusScope-DP1VSF7s.mjs";
+import { c as $bdb11010cef70236$export$f680877a34711e37, $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "../__chunks__/mergeProps-CORsYhTp.mjs";
+import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../__chunks__/filterDOMProps-EDDcM64A.mjs";
+import { $ as $ef06256079686ba0$export$f8aeda7b10753fa1 } from "../__chunks__/scrollIntoView-BY1C_8w5.mjs";
+import { $ as $9ab94262bd0047c7$export$420e68273165f4ec } from "../__chunks__/useFocusWithin-DPnHAdQU.mjs";
+import { $ as $2baaea4c71418dea$export$294aa081a6c6f55d } from "../__chunks__/useField-D1rL_Lz6.mjs";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../__chunks__/context-BEoWr5Bw.mjs";
+import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "../__chunks__/useLocalizedStringFormatter-D-qKpkp4.mjs";
+function $93c38a5e28be6249$export$e50a61c1de9f574(props) {
+  var _value_start, _value_end;
+  let overlayState = $fc909762b330b746$export$61c6a8c84e605fb6(props);
+  let [controlledValue, setControlledValue] = $458b0a5536c1a7cf$export$40bfa8c7b0832715(props.value, props.defaultValue || null, props.onChange);
+  let [placeholderValue, setPlaceholderValue] = useState(() => controlledValue || {
+    start: null,
+    end: null
+  });
+  if (controlledValue == null && placeholderValue.start && placeholderValue.end) {
+    placeholderValue = {
+      start: null,
+      end: null
+    };
+    setPlaceholderValue(placeholderValue);
+  }
+  let value = controlledValue || placeholderValue;
+  let setValue = (value2) => {
+    setPlaceholderValue(value2 || {
+      start: null,
+      end: null
+    });
+    if ($93c38a5e28be6249$var$isCompleteRange(value2)) setControlledValue(value2);
+    else setControlledValue(null);
+  };
+  let v = (value === null || value === void 0 ? void 0 : value.start) || (value === null || value === void 0 ? void 0 : value.end) || props.placeholderValue || null;
+  let [granularity, defaultTimeZone] = $35a22f14a1f04b11$export$2440da353cedad43(v, props.granularity);
+  let hasTime = granularity === "hour" || granularity === "minute" || granularity === "second";
+  var _props_shouldCloseOnSelect;
+  let shouldCloseOnSelect = (_props_shouldCloseOnSelect = props.shouldCloseOnSelect) !== null && _props_shouldCloseOnSelect !== void 0 ? _props_shouldCloseOnSelect : true;
+  let [dateRange, setSelectedDateRange] = useState(null);
+  let [timeRange, setSelectedTimeRange] = useState(null);
+  if (value && $93c38a5e28be6249$var$isCompleteRange(value)) {
+    dateRange = value;
+    if ("hour" in value.start) timeRange = value;
+  }
+  let commitValue = (dateRange2, timeRange2) => {
+    setValue({
+      start: "timeZone" in timeRange2.start ? timeRange2.start.set($11d87f3f76e88657$export$93522d1a439f3617(dateRange2.start)) : $11d87f3f76e88657$export$b21e0b124e224484(dateRange2.start, timeRange2.start),
+      end: "timeZone" in timeRange2.end ? timeRange2.end.set($11d87f3f76e88657$export$93522d1a439f3617(dateRange2.end)) : $11d87f3f76e88657$export$b21e0b124e224484(dateRange2.end, timeRange2.end)
+    });
+    setSelectedDateRange(null);
+    setSelectedTimeRange(null);
+    validation.commitValidation();
+  };
+  let setDateRange = (range) => {
+    let shouldClose = typeof shouldCloseOnSelect === "function" ? shouldCloseOnSelect() : shouldCloseOnSelect;
+    if (hasTime) {
+      if ($93c38a5e28be6249$var$isCompleteRange(range) && (timeRange === null || timeRange === void 0 ? void 0 : timeRange.start) && (timeRange === null || timeRange === void 0 ? void 0 : timeRange.end)) commitValue(range, {
+        start: (timeRange === null || timeRange === void 0 ? void 0 : timeRange.start) || $35a22f14a1f04b11$export$c5221a78ef73c5e9(props.placeholderValue),
+        end: (timeRange === null || timeRange === void 0 ? void 0 : timeRange.end) || $35a22f14a1f04b11$export$c5221a78ef73c5e9(props.placeholderValue)
+      });
+      else setSelectedDateRange(range);
+    } else if ($93c38a5e28be6249$var$isCompleteRange(range)) {
+      setValue(range);
+      validation.commitValidation();
+    } else setSelectedDateRange(range);
+    if (shouldClose) overlayState.setOpen(false);
+  };
+  let setTimeRange = (range) => {
+    if ($93c38a5e28be6249$var$isCompleteRange(dateRange) && $93c38a5e28be6249$var$isCompleteRange(range)) commitValue(dateRange, range);
+    else setSelectedTimeRange(range);
+  };
+  let showEra = (value === null || value === void 0 ? void 0 : (_value_start = value.start) === null || _value_start === void 0 ? void 0 : _value_start.calendar.identifier) === "gregory" && value.start.era === "BC" || (value === null || value === void 0 ? void 0 : (_value_end = value.end) === null || _value_end === void 0 ? void 0 : _value_end.calendar.identifier) === "gregory" && value.end.era === "BC";
+  let formatOpts = useMemo(() => ({
+    granularity,
+    timeZone: defaultTimeZone,
+    hideTimeZone: props.hideTimeZone,
+    hourCycle: props.hourCycle,
+    shouldForceLeadingZeros: props.shouldForceLeadingZeros,
+    showEra
+  }), [
+    granularity,
+    props.hourCycle,
+    props.shouldForceLeadingZeros,
+    defaultTimeZone,
+    props.hideTimeZone,
+    showEra
+  ]);
+  let { minValue, maxValue, isDateUnavailable } = props;
+  let builtinValidation = useMemo(() => $35a22f14a1f04b11$export$80ff8fc0ae339c13(value, minValue, maxValue, isDateUnavailable, formatOpts), [
+    value,
+    minValue,
+    maxValue,
+    isDateUnavailable,
+    formatOpts
+  ]);
+  let validation = $e5be200c675c3b3a$export$fc1a364ae1f3ff10(__spreadProps(__spreadValues({}, props), {
+    value: controlledValue,
+    name: useMemo(() => [
+      props.startName,
+      props.endName
+    ].filter((n) => n != null), [
+      props.startName,
+      props.endName
+    ]),
+    builtinValidation
+  }));
+  let isValueInvalid = validation.displayValidation.isInvalid;
+  let validationState = props.validationState || (isValueInvalid ? "invalid" : null);
+  return __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, validation), {
+    value,
+    setValue,
+    dateRange,
+    timeRange,
+    granularity,
+    hasTime,
+    setDate(part, date) {
+      var _dateRange_end, _dateRange_start;
+      if (part === "start") setDateRange({
+        start: date,
+        end: (_dateRange_end = dateRange === null || dateRange === void 0 ? void 0 : dateRange.end) !== null && _dateRange_end !== void 0 ? _dateRange_end : null
+      });
+      else setDateRange({
+        start: (_dateRange_start = dateRange === null || dateRange === void 0 ? void 0 : dateRange.start) !== null && _dateRange_start !== void 0 ? _dateRange_start : null,
+        end: date
+      });
+    },
+    setTime(part, time) {
+      var _timeRange_end, _timeRange_start;
+      if (part === "start") setTimeRange({
+        start: time,
+        end: (_timeRange_end = timeRange === null || timeRange === void 0 ? void 0 : timeRange.end) !== null && _timeRange_end !== void 0 ? _timeRange_end : null
+      });
+      else setTimeRange({
+        start: (_timeRange_start = timeRange === null || timeRange === void 0 ? void 0 : timeRange.start) !== null && _timeRange_start !== void 0 ? _timeRange_start : null,
+        end: time
+      });
+    },
+    setDateTime(part, dateTime) {
+      var _value_end2, _value_start2;
+      if (part === "start") setValue({
+        start: dateTime,
+        end: (_value_end2 = value === null || value === void 0 ? void 0 : value.end) !== null && _value_end2 !== void 0 ? _value_end2 : null
+      });
+      else setValue({
+        start: (_value_start2 = value === null || value === void 0 ? void 0 : value.start) !== null && _value_start2 !== void 0 ? _value_start2 : null,
+        end: dateTime
+      });
+    },
+    setDateRange,
+    setTimeRange
+  }), overlayState), {
+    setOpen(isOpen) {
+      if (!isOpen && !((value === null || value === void 0 ? void 0 : value.start) && (value === null || value === void 0 ? void 0 : value.end)) && $93c38a5e28be6249$var$isCompleteRange(dateRange) && hasTime) commitValue(dateRange, {
+        start: (timeRange === null || timeRange === void 0 ? void 0 : timeRange.start) || $35a22f14a1f04b11$export$c5221a78ef73c5e9(props.placeholderValue),
+        end: (timeRange === null || timeRange === void 0 ? void 0 : timeRange.end) || $35a22f14a1f04b11$export$c5221a78ef73c5e9(props.placeholderValue)
+      });
+      overlayState.setOpen(isOpen);
+    },
+    validationState,
+    isInvalid: isValueInvalid,
+    formatValue(locale, fieldOptions) {
+      if (!value || !value.start || !value.end) return null;
+      let startTimeZone = "timeZone" in value.start ? value.start.timeZone : void 0;
+      let startGranularity = props.granularity || (value.start && "minute" in value.start ? "minute" : "day");
+      let endTimeZone = "timeZone" in value.end ? value.end.timeZone : void 0;
+      let endGranularity = props.granularity || (value.end && "minute" in value.end ? "minute" : "day");
+      let startOptions = $35a22f14a1f04b11$export$7e319ea407e63bc0(fieldOptions, {
+        granularity: startGranularity,
+        timeZone: startTimeZone,
+        hideTimeZone: props.hideTimeZone,
+        hourCycle: props.hourCycle,
+        showEra: value.start.calendar.identifier === "gregory" && value.start.era === "BC" || value.end.calendar.identifier === "gregory" && value.end.era === "BC"
+      });
+      let startDate = value.start.toDate(startTimeZone || "UTC");
+      let endDate = value.end.toDate(endTimeZone || "UTC");
+      let startFormatter = new $fb18d541ea1ad717$export$ad991b66133851cf(locale, startOptions);
+      let endFormatter;
+      if (startTimeZone === endTimeZone && startGranularity === endGranularity && value.start.compare(value.end) !== 0) {
+        try {
+          let parts = startFormatter.formatRangeToParts(startDate, endDate);
+          let separatorIndex = -1;
+          for (let i = 0; i < parts.length; i++) {
+            let part = parts[i];
+            if (part.source === "shared" && part.type === "literal") separatorIndex = i;
+            else if (part.source === "endRange") break;
+          }
+          let start = "";
+          let end = "";
+          for (let i = 0; i < parts.length; i++) {
+            if (i < separatorIndex) start += parts[i].value;
+            else if (i > separatorIndex) end += parts[i].value;
+          }
+          return {
+            start,
+            end
+          };
+        } catch (e) {
+        }
+        endFormatter = startFormatter;
+      } else {
+        let endOptions = $35a22f14a1f04b11$export$7e319ea407e63bc0(fieldOptions, {
+          granularity: endGranularity,
+          timeZone: endTimeZone,
+          hideTimeZone: props.hideTimeZone,
+          hourCycle: props.hourCycle
+        });
+        endFormatter = new $fb18d541ea1ad717$export$ad991b66133851cf(locale, endOptions);
+      }
+      return {
+        start: startFormatter.format(startDate),
+        end: endFormatter.format(endDate)
+      };
+    },
+    getDateFormatter(locale, formatOptions) {
+      let newOptions = __spreadValues(__spreadValues({}, formatOpts), formatOptions);
+      let newFormatOptions = $35a22f14a1f04b11$export$7e319ea407e63bc0({}, newOptions);
+      return new $fb18d541ea1ad717$export$ad991b66133851cf(locale, newFormatOptions);
+    }
+  });
+}
+function $93c38a5e28be6249$var$isCompleteRange(value) {
+  return (value === null || value === void 0 ? void 0 : value.start) != null && value.end != null;
+}
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+function $887cac91b7cc8801$export$12fd5f0e9f4bb192(props, state, ref) {
+  var _state_value, _state_value1, _state_dateRange;
+  let stringFormatter = $fca6afa0e843324b$export$f12b703ca79dfbb1($parcel$interopDefault($dfb4eba373ed9493$exports), "@react-aria/datepicker");
+  let { isInvalid, validationErrors, validationDetails } = state.displayValidation;
+  let { labelProps, fieldProps, descriptionProps, errorMessageProps } = $2baaea4c71418dea$export$294aa081a6c6f55d(__spreadProps(__spreadValues({}, props), {
+    labelElementType: "span",
+    isInvalid,
+    errorMessage: props.errorMessage || validationErrors
+  }));
+  let labelledBy = fieldProps["aria-labelledby"] || fieldProps.id;
+  let { locale } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
+  let range = state.formatValue(locale, {
+    month: "long"
+  });
+  let description = range ? stringFormatter.format("selectedRangeDescription", {
+    startDate: range.start,
+    endDate: range.end
+  }) : "";
+  let descProps = $ef06256079686ba0$export$f8aeda7b10753fa1(description);
+  let startFieldProps = {
+    "aria-label": stringFormatter.format("startDate"),
+    "aria-labelledby": labelledBy
+  };
+  let endFieldProps = {
+    "aria-label": stringFormatter.format("endDate"),
+    "aria-labelledby": labelledBy
+  };
+  let buttonId = $bdb11010cef70236$export$f680877a34711e37();
+  let dialogId = $bdb11010cef70236$export$f680877a34711e37();
+  let groupProps = $3dfb0f96be0d6a08$export$4a931266a3838b86(state, ref);
+  let ariaDescribedBy = [
+    descProps["aria-describedby"],
+    fieldProps["aria-describedby"]
+  ].filter(Boolean).join(" ") || void 0;
+  let focusManager = useMemo(() => $9bf71ea28793e738$export$c5251b9e124bf29(ref, {
+    // Exclude the button from the focus manager.
+    accept: (element) => element.id !== buttonId
+  }), [
+    ref,
+    buttonId
+  ]);
+  let commonFieldProps = {
+    [$16f0b7bb276bc17e$export$7b3062cd49e80452]: focusManager,
+    [$16f0b7bb276bc17e$export$300019f83c56d282]: "presentation",
+    "aria-describedby": ariaDescribedBy,
+    placeholderValue: props.placeholderValue,
+    hideTimeZone: props.hideTimeZone,
+    hourCycle: props.hourCycle,
+    granularity: props.granularity,
+    shouldForceLeadingZeros: props.shouldForceLeadingZeros,
+    isDisabled: props.isDisabled,
+    isReadOnly: props.isReadOnly,
+    isRequired: props.isRequired,
+    validationBehavior: props.validationBehavior
+  };
+  let domProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props);
+  let isFocused = useRef(false);
+  let { focusWithinProps } = $9ab94262bd0047c7$export$420e68273165f4ec(__spreadProps(__spreadValues({}, props), {
+    isDisabled: state.isOpen,
+    onBlurWithin: (e) => {
+      let dialog = document.getElementById(dialogId);
+      if (!(dialog === null || dialog === void 0 ? void 0 : dialog.contains(e.relatedTarget))) {
+        var _props_onBlur, _props_onFocusChange;
+        isFocused.current = false;
+        (_props_onBlur = props.onBlur) === null || _props_onBlur === void 0 ? void 0 : _props_onBlur.call(props, e);
+        (_props_onFocusChange = props.onFocusChange) === null || _props_onFocusChange === void 0 ? void 0 : _props_onFocusChange.call(props, false);
+      }
+    },
+    onFocusWithin: (e) => {
+      if (!isFocused.current) {
+        var _props_onFocus, _props_onFocusChange;
+        isFocused.current = true;
+        (_props_onFocus = props.onFocus) === null || _props_onFocus === void 0 ? void 0 : _props_onFocus.call(props, e);
+        (_props_onFocusChange = props.onFocusChange) === null || _props_onFocusChange === void 0 ? void 0 : _props_onFocusChange.call(props, true);
+      }
+    }
+  }));
+  let startFieldValidation = useRef($e5be200c675c3b3a$export$dad6ae84456c676a);
+  let endFieldValidation = useRef($e5be200c675c3b3a$export$dad6ae84456c676a);
+  var _state_value_start, _state_value_end;
+  return {
+    groupProps: $3ef42575df84b30b$export$9d1611c77c2fe928(domProps, groupProps, fieldProps, descProps, focusWithinProps, {
+      role: "group",
+      "aria-disabled": props.isDisabled || null,
+      "aria-describedby": ariaDescribedBy,
+      onKeyDown(e) {
+        if (state.isOpen) return;
+        if (props.onKeyDown) props.onKeyDown(e);
+      },
+      onKeyUp(e) {
+        if (state.isOpen) return;
+        if (props.onKeyUp) props.onKeyUp(e);
+      }
+    }),
+    labelProps: __spreadProps(__spreadValues({}, labelProps), {
+      onClick: () => {
+        focusManager.focusFirst();
+      }
+    }),
+    buttonProps: __spreadProps(__spreadValues({}, descProps), {
+      id: buttonId,
+      "aria-haspopup": "dialog",
+      "aria-label": stringFormatter.format("calendar"),
+      "aria-labelledby": `${buttonId} ${labelledBy}`,
+      "aria-describedby": ariaDescribedBy,
+      "aria-expanded": state.isOpen,
+      isDisabled: props.isDisabled || props.isReadOnly,
+      onPress: () => state.setOpen(true)
+    }),
+    dialogProps: {
+      id: dialogId,
+      "aria-labelledby": `${buttonId} ${labelledBy}`
+    },
+    startFieldProps: __spreadProps(__spreadValues(__spreadValues({}, startFieldProps), commonFieldProps), {
+      value: (_state_value_start = (_state_value = state.value) === null || _state_value === void 0 ? void 0 : _state_value.start) !== null && _state_value_start !== void 0 ? _state_value_start : null,
+      onChange: (start) => state.setDateTime("start", start),
+      autoFocus: props.autoFocus,
+      name: props.startName,
+      [$e5be200c675c3b3a$export$a763b9476acd3eb]: {
+        realtimeValidation: state.realtimeValidation,
+        displayValidation: state.displayValidation,
+        updateValidation(e) {
+          startFieldValidation.current = e;
+          state.updateValidation($e5be200c675c3b3a$export$75ee7c75d68f5b0e(e, endFieldValidation.current));
+        },
+        resetValidation: state.resetValidation,
+        commitValidation: state.commitValidation
+      }
+    }),
+    endFieldProps: __spreadProps(__spreadValues(__spreadValues({}, endFieldProps), commonFieldProps), {
+      value: (_state_value_end = (_state_value1 = state.value) === null || _state_value1 === void 0 ? void 0 : _state_value1.end) !== null && _state_value_end !== void 0 ? _state_value_end : null,
+      onChange: (end) => state.setDateTime("end", end),
+      name: props.endName,
+      [$e5be200c675c3b3a$export$a763b9476acd3eb]: {
+        realtimeValidation: state.realtimeValidation,
+        displayValidation: state.displayValidation,
+        updateValidation(e) {
+          endFieldValidation.current = e;
+          state.updateValidation($e5be200c675c3b3a$export$75ee7c75d68f5b0e(startFieldValidation.current, e));
+        },
+        resetValidation: state.resetValidation,
+        commitValidation: state.commitValidation
+      }
+    }),
+    descriptionProps,
+    errorMessageProps,
+    calendarProps: {
+      autoFocus: true,
+      value: ((_state_dateRange = state.dateRange) === null || _state_dateRange === void 0 ? void 0 : _state_dateRange.start) && state.dateRange.end ? state.dateRange : null,
+      onChange: state.setDateRange,
+      minValue: props.minValue,
+      maxValue: props.maxValue,
+      isDisabled: props.isDisabled,
+      isReadOnly: props.isReadOnly,
+      isDateUnavailable: props.isDateUnavailable,
+      allowsNonContiguousRanges: props.allowsNonContiguousRanges,
+      defaultFocusedValue: state.dateRange ? void 0 : props.placeholderValue,
+      isInvalid: state.isInvalid,
+      errorMessage: typeof props.errorMessage === "function" ? props.errorMessage(state.displayValidation) : props.errorMessage || state.displayValidation.validationErrors.join(" ")
+    },
+    isInvalid,
+    validationErrors,
+    validationDetails
+  };
+}
+function DateRangePicker(props) {
+  const { label, size = "md", isDisabled, isInvalid, errorMessage, "aria-label": ariaLabel } = props;
+  const datePickerRef = React__default.useRef(null);
+  const state = $93c38a5e28be6249$export$e50a61c1de9f574(props);
+  const { groupProps, labelProps, startFieldProps, endFieldProps, buttonProps, dialogProps, calendarProps } = $887cac91b7cc8801$export$12fd5f0e9f4bb192(props, state, datePickerRef);
+  const triggerProps = {
+    datePickerRef,
+    buttonProps,
+    groupProps,
+    startFieldProps,
+    endFieldProps,
+    isDisabled,
+    size,
+    isInvalid,
+    errorMessage: errorMessage || calendarProps.errorMessage
+  };
+  const overlayProps = {
+    dialogProps
+  };
+  return React__default.createElement(DatePickerBase, {
+    labelProps,
+    triggerProps,
+    overlayProps,
+    state,
+    label,
+    "aria-label": ariaLabel
+  }, React__default.createElement(RangeCalendar, __spreadProps(__spreadValues({}, calendarProps), {
+    isInvalid: false
+  })));
+}
+export {
+  DateRangePicker
+};

package/Drawer/Drawer.d.ts

@@ -0,0 +1,53 @@
+import React, { ReactNode } from "react";
+import { DrawerBanner } from "./DrawerBanner";
+import { DrawerBody } from "./DrawerBody";
+import { DrawerCloseButton } from "./DrawerCloseButton";
+import { DrawerContainer } from "./DrawerContainer";
+import { DrawerBanneredContentArea, DrawerStandaloneContentArea } from "./DrawerContentArea";
+import { DrawerHeader, DrawerTitle } from "./DrawerHeader";
+import { DrawerTrigger } from "./DrawerTrigger";
+import { useDrawerTrigger } from "./context";
+export type DrawerProps = {
+    /**
+     * Content of the drawer.
+     */
+    children: ReactNode;
+};
+/**
+ * A `Drawer` is a modal that stays on the side of the screen.
+ *
+ * @remarks
+ *  Use a `<Drawer />` when you want to capture information from the user as
+ * a part of a concentrated workflow without having them leave the parent page.
+ *
+ * @example
+ * <Drawer.Trigger>
+ *   <Button>Open drawer</Button>
+ *   <Drawer>
+ *     <Drawer.Body>
+ *       <Drawer.StandaloneContentArea>
+ *         <VerticalStack gap="2">
+ *           <HorizontalStack align="space-between" blockAlign="center">
+ *             <Drawer.Title>Drawer Title</Drawer.Title>
+ *             <Drawer.CloseButton />
+ *           </HorizontalStack>
+ *           <PlaceholderBox width="100%">Content</PlaceholderBox>
+ *         </VerticalStack>
+ *       </Drawer.StandaloneContentArea>
+ *     </Drawer.Body>
+ *   </Drawer>
+ * </Drawer.Trigger>
+ */
+export declare function Drawer(props: DrawerProps): React.JSX.Element;
+export declare namespace Drawer {
+    var Trigger: typeof DrawerTrigger;
+    var Header: typeof DrawerHeader;
+    var Title: typeof DrawerTitle;
+    var Banner: typeof DrawerBanner;
+    var Body: typeof DrawerBody;
+    var BanneredContentArea: typeof DrawerBanneredContentArea;
+    var StandaloneContentArea: typeof DrawerStandaloneContentArea;
+    var CloseButton: typeof DrawerCloseButton;
+}
+export { DrawerContainer, useDrawerTrigger };
+//# sourceMappingURL=Drawer.d.ts.map

package/Drawer/Drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../src/Drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAmB,MAAM,OAAO,CAAC;AAGtE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EACL,yBAAyB,EACzB,2BAA2B,EAC5B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAiB,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAK5D,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,qBA8BxC;yBA9Be,MAAM;;;;;;;;;;AAoFtB,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,CAAC"}

package/Drawer/Drawer.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { Drawer } from "./Drawer";
+import { DrawerTrigger } from "./DrawerTrigger";
+type DrawerStory = StoryObj<typeof Drawer>;
+type DrawerTriggerStory = StoryObj<typeof DrawerTrigger>;
+declare const meta: Meta<typeof Drawer>;
+export default meta;
+export declare const Standalone: DrawerStory;
+export declare const BannerAndTabs: DrawerStory;
+export declare const Nondismissable: DrawerTriggerStory;
+export declare const DefaultOpen: DrawerTriggerStory;
+export declare const Controlled: DrawerTriggerStory;
+export declare const MenuTrigger: DrawerTriggerStory;
+//# sourceMappingURL=Drawer.stories.d.ts.map

package/Drawer/Drawer.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.stories.d.ts","sourceRoot":"","sources":["../../src/Drawer/Drawer.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIlD,OAAO,EAAE,MAAM,EAAqC,MAAM,UAAU,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAShD,KAAK,WAAW,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAC3C,KAAK,kBAAkB,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC;AAEzD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAQ7B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,UAAU,EAAE,WAmBxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,WA4C3B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,kBA4B5B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,kBAyBzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,kBAyBxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,kBAyBzB,CAAC"}

package/Drawer/Drawer.test.d.ts

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

package/Drawer/Drawer.test.d.ts.map

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

package/Drawer/DrawerBanner.d.ts

@@ -0,0 +1,9 @@
+import React, { ReactNode } from "react";
+export type DrawerBannerProps = {
+    /**
+     * Content of the drawer banner.
+     */
+    children: ReactNode;
+};
+export declare function DrawerBanner(props: DrawerBannerProps): React.JSX.Element;
+//# sourceMappingURL=DrawerBanner.d.ts.map

package/Drawer/DrawerBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerBanner.d.ts","sourceRoot":"","sources":["../../src/Drawer/DrawerBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKzC,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,qBAGpD"}

package/Drawer/DrawerBody.d.ts

@@ -0,0 +1,10 @@
+import React, { ReactNode } from "react";
+type DrawerBodyProps = {
+    /**
+     * Drawer body content.
+     */
+    children: ReactNode;
+};
+export declare function DrawerBody(props: DrawerBodyProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=DrawerBody.d.ts.map

package/Drawer/DrawerBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerBody.d.ts","sourceRoot":"","sources":["../../src/Drawer/DrawerBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMzC,KAAK,eAAe,GAAG;IACrB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,qBAUhD"}

package/Drawer/DrawerCloseButton.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+export declare function DrawerCloseButton(): React.JSX.Element | null;
+//# sourceMappingURL=DrawerCloseButton.d.ts.map

package/Drawer/DrawerCloseButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerCloseButton.d.ts","sourceRoot":"","sources":["../../src/Drawer/DrawerCloseButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAO3C,wBAAgB,iBAAiB,6BAiBhC"}

package/Drawer/DrawerContainer.d.ts

@@ -0,0 +1,18 @@
+import React, { ReactNode } from "react";
+type DrawerContainerProps = {
+    /**
+     * Drawer wrap content.
+     */
+    children: ReactNode;
+    /**
+     * Whether or not the drawer is dismissable.
+     */
+    isDismissable?: boolean;
+    /**
+     * Handler that is called when the overlay is closed.
+     */
+    onDismiss?: () => void;
+};
+export declare function DrawerContainer(props: DrawerContainerProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=DrawerContainer.d.ts.map

package/Drawer/DrawerContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerContainer.d.ts","sourceRoot":"","sources":["../../src/Drawer/DrawerContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEZ,SAAS,EAKV,MAAM,OAAO,CAAC;AAMf,KAAK,oBAAoB,GAAG;IAC1B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBA0D1D"}

package/Drawer/DrawerContentArea.d.ts

@@ -0,0 +1,17 @@
+import React, { ReactNode } from "react";
+type DrawerBanneredContentAreaProps = {
+    /**
+     * Content for drawer bannered content area.
+     */
+    children: ReactNode;
+};
+type DrawerStandaloneContentAreaProps = {
+    /**
+     * Content for drawer standalone content area.
+     */
+    children: ReactNode;
+};
+export declare function DrawerBanneredContentArea(props: DrawerBanneredContentAreaProps): React.JSX.Element;
+export declare function DrawerStandaloneContentArea(props: DrawerStandaloneContentAreaProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=DrawerContentArea.d.ts.map

package/Drawer/DrawerContentArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerContentArea.d.ts","sourceRoot":"","sources":["../../src/Drawer/DrawerContentArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC,KAAK,8BAA8B,GAAG;IACpC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,KAAK,gCAAgC,GAAG;IACtC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,8BAA8B,qBAItC;AAED,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,gCAAgC,qBAIxC"}

package/Drawer/DrawerHeader.d.ts

@@ -0,0 +1,12 @@
+import React, { ReactNode } from "react";
+import { TextProps } from "../Text";
+export type DrawerHeaderProps = {
+    /**
+     * The content for the drawer header.
+     */
+    children: ReactNode;
+};
+export type DrawerTitleProps = TextProps;
+export declare function DrawerHeader(props: DrawerHeaderProps): React.JSX.Element;
+export declare function DrawerTitle(props: DrawerTitleProps): React.JSX.Element;
+//# sourceMappingURL=DrawerHeader.d.ts.map

package/Drawer/DrawerHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerHeader.d.ts","sourceRoot":"","sources":["../../src/Drawer/DrawerHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKzC,OAAO,EAAQ,SAAS,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAC;AAEzC,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,qBAQpD;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAGlD"}

package/Drawer/DrawerTrigger.d.ts

@@ -0,0 +1,26 @@
+import React, { ReactElement } from "react";
+export type CloseableDrawerElement = (close: () => void) => ReactElement;
+export type DrawerTriggerProps = {
+    /**
+     * Content of modal trigger. Must be exactly two elements.
+     */
+    children: [ReactElement, CloseableDrawerElement | ReactElement];
+    /**
+     * Whether the modal is open by default (uncontrolled).
+     */
+    defaultOpen?: boolean;
+    /**
+     * Whether or not the modal can be dismissed.
+     */
+    isDismissable?: boolean;
+    /**
+     * Whether the modal is open by default (controlled).
+     */
+    isOpen?: boolean;
+    /**
+     * Handler that is called when the overlay's open state changes.
+     */
+    onOpenChange?: (isOpen: boolean) => void;
+};
+export declare function DrawerTrigger(props: DrawerTriggerProps): React.JSX.Element;
+//# sourceMappingURL=DrawerTrigger.d.ts.map