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

package/__chunks__/{Overlay-CuhLUuXt.mjs → Overlay-DyfvFsGi.mjs}

@@ -1,9 +1,41 @@
-import React__default, { useCallback, useMemo, useEffect, useContext, createContext, useState } from "react";
+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, { useCallback, useMemo, useRef, useContext, useEffect, createContext, useState } from "react";
 import { $ as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useControlledState-CFWhSD5C.mjs";
-import { b as $ae1eeba8b9eafd08$export$5165eccb35aaadb5 } from "./context-CgOWZch5.mjs";
-import { a as $9bf71ea28793e738$export$20e40289641fbbb6 } from "./FocusScope-CEeqhVmO.mjs";
+import { c as $ae1eeba8b9eafd08$export$5165eccb35aaadb5, b as $e7801be82b4b2a53$export$4debdb1a3f0fa79e } from "./context-EpOG85wC.mjs";
+import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928, e as $b5e257d569688ac6$export$535bd6ca7f90a273, d as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c } from "./mergeProps-DSi85raC.mjs";
+import { $ as $df56164dff5785e2$export$4338b53315abf666 } from "./useObjectRef-wU82Pkgx.mjs";
+import { c as $9bf71ea28793e738$export$20e40289641fbbb6 } from "./FocusScope-Qg8vUhZ_.mjs";
 import ReactDOM from "react-dom";
-import { e as $b5e257d569688ac6$export$535bd6ca7f90a273, a as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c } from "./mergeProps-T961Q1yJ.mjs";
 function $fc909762b330b746$export$61c6a8c84e605fb6(props) {
   let [isOpen, setOpen] = $458b0a5536c1a7cf$export$40bfa8c7b0832715(props.isOpen, props.defaultOpen || false, props.onOpenChange);
   const open = useCallback(() => {
@@ -30,6 +62,29 @@ function $fc909762b330b746$export$61c6a8c84e605fb6(props) {
     toggle
   };
 }
+const $f1ab8c75478c6f73$export$3351871ee4b288b8 = /* @__PURE__ */ React__default.forwardRef((_a, ref) => {
+  var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
+  let isRegistered = useRef(false);
+  let prevContext = useContext($ae1eeba8b9eafd08$export$5165eccb35aaadb5);
+  ref = $df56164dff5785e2$export$4338b53315abf666(ref || (prevContext === null || prevContext === void 0 ? void 0 : prevContext.ref));
+  let context = $3ef42575df84b30b$export$9d1611c77c2fe928(prevContext || {}, __spreadProps(__spreadValues({}, props), {
+    ref,
+    register() {
+      isRegistered.current = true;
+      if (prevContext) prevContext.register();
+    }
+  }));
+  $e7801be82b4b2a53$export$4debdb1a3f0fa79e(prevContext, ref);
+  useEffect(() => {
+    if (!isRegistered.current) {
+      console.warn("A PressResponder was rendered without a pressable child. Either call the usePress hook, or wrap your DOM node with <Pressable> component.");
+      isRegistered.current = true;
+    }
+  }, []);
+  return /* @__PURE__ */ React__default.createElement($ae1eeba8b9eafd08$export$5165eccb35aaadb5.Provider, {
+    value: context
+  }, children);
+});
 function $f1ab8c75478c6f73$export$cf75428e0b9ed1ea({ children }) {
   let context = useMemo(() => ({
     register: () => {
@@ -101,9 +156,10 @@ function $337b884510726a0d$export$14c98a7594375490() {
   ]);
 }
 export {
-  $dd149f63282afbbf$export$18fc8428861184da as $,
+  $dd149f63282afbbf$export$f6211563215e3b37 as $,
   $337b884510726a0d$export$14c98a7594375490 as a,
-  $fc909762b330b746$export$61c6a8c84e605fb6 as b,
-  $337b884510726a0d$export$c6fdb837b070b4ff as c,
-  $dd149f63282afbbf$export$f6211563215e3b37 as d
+  $dd149f63282afbbf$export$18fc8428861184da as b,
+  $fc909762b330b746$export$61c6a8c84e605fb6 as c,
+  $337b884510726a0d$export$c6fdb837b070b4ff as d,
+  $f1ab8c75478c6f73$export$3351871ee4b288b8 as e
 };

package/__chunks__/RadioGroup-CCObCqda.js

@@ -0,0 +1,333 @@
+"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 React = require("react");
+const Text = require("./Text-Bbhl1fdd.js");
+const HorizontalStack = require("./HorizontalStack-D4ecxt6R.js");
+const SelectorErrorTooltip = require("./SelectorErrorTooltip-BK76kp1j.js");
+const utilities_css = require("../utilities/css.js");
+const mergeProps = require("./mergeProps-DniMwM6P.js");
+const filterDOMProps = require("./filterDOMProps-D3iOHP0H.js");
+const useFormReset = require("./useFormReset-Bgj93eR3.js");
+const useFocusable = require("./useFocusable-8kJcp2yc.js");
+const useFormValidation = require("./useFormValidation-DYz5WFze.js");
+const usePress = require("./usePress-DNETV97g.js");
+const useFocusRing = require("./useFocusRing-DFRFvht_.js");
+const useHover = require("./useHover-BIKwjrCT.js");
+const useControlledState = require("./useControlledState-mnKBd6Uc.js");
+const FocusScope = require("./FocusScope-DFE0IeGl.js");
+const useField = require("./useField-BJW_bXVD.js");
+const useFocusWithin = require("./useFocusWithin-C1ioGWec.js");
+const context = require("./context-D3NeXov7.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 [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;
+  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 } = usePress.$f6c31cce2adf654f$export$45712eceda6fad21({
+    isDisabled
+  });
+  let { pressProps: labelProps, isPressed: isLabelPressed } = usePress.$f6c31cce2adf654f$export$45712eceda6fad21({
+    isDisabled,
+    onPress() {
+      state.setSelectedValue(value);
+    }
+  });
+  let { focusableProps } = useFocusable.$e6afbd83fe6ebbd2$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, descriptionId, errorMessageId, validationBehavior } = $884aeceb3d67f00f$export$37b65e5b5444d35c.get(state);
+  useFormReset.$99facab73266f662$export$5add1d006293d136(ref, state.selectedValue, state.setSelectedValue);
+  useFormValidation.$e93e671b31057976$export$b8473d3665f3a75a({
+    validationBehavior
+  }, state, ref);
+  return {
+    labelProps: mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(labelProps, {
+      onClick: (e) => e.preventDefault()
+    }),
+    inputProps: mergeProps.$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 } = 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
+    });
+    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,
+    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_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.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 React.createElement("div", {
+    className
+  }, React.createElement(HorizontalStack.HorizontalStack, {
+    gap: "1",
+    blockAlign: "center"
+  }, React.createElement("label", {
+    className: styles$1.label
+  }, React.createElement(HorizontalStack.HorizontalStack, __spreadValues({
+    blockAlign: "start",
+    gap: "1",
+    wrap: false
+  }, hoverProps), React.createElement("input", __spreadProps(__spreadValues(__spreadValues({
+    "aria-invalid": validationState === "invalid"
+  }, inputProps), focusProps), {
+    className: styles$1.input,
+    ref
+  })), React.createElement("span", {
+    className: styles$1.radioOuter
+  }, React.createElement("span", {
+    className: styles$1.radioInner
+  })), React.createElement(Text.Text, {
+    variant: "body1",
+    color: textColor
+  }, children))), validationState === "invalid" && errorText && React.createElement(SelectorErrorTooltip.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.createElement("fieldset", __spreadValues({
+    className: styles.RadioGroup
+  }, radioGroupProps), label2 && React.createElement("div", null, React.createElement(Text.Text, __spreadValues({
+    as: "legend",
+    variant: "subtitle1",
+    color: "gray.bold"
+  }, labelProps), label2)), React.createElement(RadioGroupContext.Provider, {
+    value: state
+  }, children));
+}
+function RadioGroup(props) {
+  const _a = props, { children } = _a, containerProps = __objRest(_a, ["children"]);
+  return React.createElement(RadioGroupContainer, __spreadValues({}, containerProps), React.createElement("div", {
+    className: styles.list
+  }, children));
+}
+RadioGroup.Container = RadioGroupContainer;
+RadioGroup.Item = RadioGroupItem;
+exports.RadioGroup = RadioGroup;
+exports.useRadioGroupContext = useRadioGroupContext;