@easypost/easy-ui 1.0.0-alpha.7 → 1.0.0-alpha.70

package/__chunks__/RadioGroup-BKpolhQi.js

@@ -0,0 +1,331 @@
+"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-C6DuTMMj.js");
+const HorizontalStack = require("./HorizontalStack-ClWTvZqM.js");
+const SelectorErrorTooltip = require("./SelectorErrorTooltip-BpiNAFuB.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-BQyiwtXU.js");
+const useFormValidation = require("./useFormValidation-BeqiYVJN.js");
+const usePress = require("./usePress-DTGD4Sub.js");
+const useFocusRing = require("./useFocusRing-f5StfjhA.js");
+const useHover = require("./useHover-BIKwjrCT.js");
+const useControlledState = require("./useControlledState-mnKBd6Uc.js");
+const FocusScope = require("./FocusScope-Djtxzznf.js");
+const useField = require("./useField-BJW_bXVD.js");
+const useFocusWithin = require("./useFocusWithin-C-45XiL1.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_wa79t_5";
+const label = "_label_wa79t_11";
+const radioOuter = "_radioOuter_wa79t_29";
+const radioInner = "_radioInner_wa79t_30";
+const focusVisible = "_focusVisible_wa79t_44";
+const selected = "_selected_wa79t_63";
+const invalid = "_invalid_wa79t_67";
+const disabled = "_disabled_wa79t_71";
+const hovered = "_hovered_wa79t_83";
+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 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_vtqza_5";
+const list = "_list_vtqza_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;

package/__chunks__/RadioGroup-mbzALykd.mjs

@@ -0,0 +1,332 @@
+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-BY4p1xZ-.mjs";
+import { H as HorizontalStack } from "./HorizontalStack-ycH41R6u.mjs";
+import { S as SelectorErrorTooltip } from "./SelectorErrorTooltip-CPVNpxGK.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-DxcU91xN.mjs";
+import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, a as $e93e671b31057976$export$b8473d3665f3a75a } from "./useFormValidation-CCe1AoIX.mjs";
+import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-CqfuY_T7.mjs";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-KIEn23AD.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-CUJV-jWH.mjs";
+import { $ as $2baaea4c71418dea$export$294aa081a6c6f55d } from "./useField-B6VplZ_n.mjs";
+import { $ as $9ab94262bd0047c7$export$420e68273165f4ec } from "./useFocusWithin-BGNdxo9d.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_wa79t_5";
+const label = "_label_wa79t_11";
+const radioOuter = "_radioOuter_wa79t_29";
+const radioInner = "_radioInner_wa79t_30";
+const focusVisible = "_focusVisible_wa79t_44";
+const selected = "_selected_wa79t_63";
+const invalid = "_invalid_wa79t_67";
+const disabled = "_disabled_wa79t_71";
+const hovered = "_hovered_wa79t_83";
+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__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_vtqza_5";
+const list = "_list_vtqza_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
+};