@easypost/easy-ui 1.0.0-alpha.64 → 1.0.0-alpha.66

package/__chunks__/{RadioGroup-jGUuixrB.mjs → RadioGroup-DPJOnxCi.mjs}

@@ -30,15 +30,15 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import React__default, { useMemo, useState, useContext } from "react";
-import { T as Text } from "./Text-DLBOW0Eu.mjs";
-import { H as HorizontalStack } from "./HorizontalStack-9tVfFqP2.mjs";
-import { S as SelectorErrorTooltip } from "./SelectorErrorTooltip-By-GwbSg.mjs";
+import { T as Text } from "./Text-DYLBjpe-.mjs";
+import { H as HorizontalStack } from "./HorizontalStack-p9m9muAJ.mjs";
+import { S as SelectorErrorTooltip } from "./SelectorErrorTooltip-Cz7Uw_O_.mjs";
 import { classNames } from "../utilities/css.mjs";
 import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928, c as $bdb11010cef70236$export$f680877a34711e37 } from "./mergeProps-DSi85raC.mjs";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.mjs";
 import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-DA1Lwdha.mjs";
 import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./useFocusable-CNor_Zjt.mjs";
-import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, d as $e93e671b31057976$export$b8473d3665f3a75a } from "./useFormValidation-v2O6VL2V.mjs";
+import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, a as $e93e671b31057976$export$b8473d3665f3a75a } from "./useFormValidation-B3euLzzR.mjs";
 import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-Db4pSZfY.mjs";
 import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-YOWeCHgO.mjs";
 import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./useHover-BOYR4wqI.mjs";
@@ -242,16 +242,16 @@ const useRadioGroupContext = () => {
   }
   return radioGroupContext;
 };
-const RadioGroupItem$1 = "_RadioGroupItem_1jb64_5";
-const label = "_label_1jb64_11";
-const radioOuter = "_radioOuter_1jb64_29";
-const radioInner = "_radioInner_1jb64_30";
-const focusVisible = "_focusVisible_1jb64_44";
-const selected = "_selected_1jb64_63";
-const invalid = "_invalid_1jb64_67";
-const disabled = "_disabled_1jb64_71";
-const hovered = "_hovered_1jb64_83";
-const readOnly = "_readOnly_1jb64_83";
+const RadioGroupItem$1 = "_RadioGroupItem_19lhr_5";
+const label = "_label_19lhr_11";
+const radioOuter = "_radioOuter_19lhr_29";
+const radioInner = "_radioInner_19lhr_30";
+const focusVisible = "_focusVisible_19lhr_44";
+const selected = "_selected_19lhr_63";
+const invalid = "_invalid_19lhr_67";
+const disabled = "_disabled_19lhr_71";
+const hovered = "_hovered_19lhr_83";
+const readOnly = "_readOnly_19lhr_83";
 const styles$1 = {
   RadioGroupItem: RadioGroupItem$1,
   label,
@@ -300,8 +300,8 @@ function RadioGroupItem(props) {
     content: errorText
   })));
 }
-const RadioGroup$1 = "_RadioGroup_4y1ae_5";
-const list = "_list_4y1ae_14";
+const RadioGroup$1 = "_RadioGroup_1wvit_5";
+const list = "_list_1wvit_14";
 const styles = {
   RadioGroup: RadioGroup$1,
   list

package/__chunks__/{RadioGroup-CN_RSlFy.js → RadioGroup-Qn2c29rT.js}

@@ -31,9 +31,9 @@ var __objRest = (source, exclude) => {
   return target;
 };
 const React = require("react");
-const Text = require("./Text-DM6H1mZu.js");
-const HorizontalStack = require("./HorizontalStack-Bz49rrqk.js");
-const SelectorErrorTooltip = require("./SelectorErrorTooltip-DT7rcGh6.js");
+const Text = require("./Text-BwXTDw77.js");
+const HorizontalStack = require("./HorizontalStack-BG-lZii5.js");
+const SelectorErrorTooltip = require("./SelectorErrorTooltip-CNinvIcU.js");
 const utilities_css = require("../utilities/css.js");
 const mergeProps = require("./mergeProps-DniMwM6P.js");
 const filterDOMProps = require("./filterDOMProps-D3iOHP0H.js");
@@ -243,16 +243,16 @@ const useRadioGroupContext = () => {
   }
   return radioGroupContext;
 };
-const RadioGroupItem$1 = "_RadioGroupItem_1jb64_5";
-const label = "_label_1jb64_11";
-const radioOuter = "_radioOuter_1jb64_29";
-const radioInner = "_radioInner_1jb64_30";
-const focusVisible = "_focusVisible_1jb64_44";
-const selected = "_selected_1jb64_63";
-const invalid = "_invalid_1jb64_67";
-const disabled = "_disabled_1jb64_71";
-const hovered = "_hovered_1jb64_83";
-const readOnly = "_readOnly_1jb64_83";
+const RadioGroupItem$1 = "_RadioGroupItem_19lhr_5";
+const label = "_label_19lhr_11";
+const radioOuter = "_radioOuter_19lhr_29";
+const radioInner = "_radioInner_19lhr_30";
+const focusVisible = "_focusVisible_19lhr_44";
+const selected = "_selected_19lhr_63";
+const invalid = "_invalid_19lhr_67";
+const disabled = "_disabled_19lhr_71";
+const hovered = "_hovered_19lhr_83";
+const readOnly = "_readOnly_19lhr_83";
 const styles$1 = {
   RadioGroupItem: RadioGroupItem$1,
   label,
@@ -301,8 +301,8 @@ function RadioGroupItem(props) {
     content: errorText
   })));
 }
-const RadioGroup$1 = "_RadioGroup_4y1ae_5";
-const list = "_list_4y1ae_14";
+const RadioGroup$1 = "_RadioGroup_1wvit_5";
+const list = "_list_1wvit_14";
 const styles = {
   RadioGroup: RadioGroup$1,
   list

package/__chunks__/{RangeCalendar-D5fz339R.mjs → RangeCalendar-BNySCRAa.mjs}

@@ -30,7 +30,7 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import React__default, { useState, useRef, useMemo } from "react";
-import { c as $f62d864046160412$export$f4a51ff076cc9a09, d as $11d87f3f76e88657$export$93522d1a439f3617, e as $14e0f24ef4ac5c92$export$a75f2bff57811055, f as $14e0f24ef4ac5c92$export$5c333a116e949cdd, a as $131cf43a05231e1e$export$6d095e787d2b5e1f, g as $14e0f24ef4ac5c92$export$91b62ebf2ba703ee, h as $f62d864046160412$export$eac50920cf2fd59a, i as $f62d864046160412$export$4f5203c0d889109e, j as $f62d864046160412$export$a1d3911297b952d7, k as $11d87f3f76e88657$export$b4a036af3fc0b032, l as $3b62074eb05584b2$export$80ee6245ec4f29ec, $ as $c4acc1de3ab169cf$export$d652b3ea2d672d5b, b as $64244302c3013299$export$dd0bbc9b26defe37, C as CalendarBase } from "./CalendarBase-Cq-ReOPx.mjs";
+import { c as $f62d864046160412$export$f4a51ff076cc9a09, d as $11d87f3f76e88657$export$93522d1a439f3617, e as $14e0f24ef4ac5c92$export$a75f2bff57811055, f as $14e0f24ef4ac5c92$export$5c333a116e949cdd, a as $131cf43a05231e1e$export$6d095e787d2b5e1f, g as $14e0f24ef4ac5c92$export$91b62ebf2ba703ee, h as $f62d864046160412$export$eac50920cf2fd59a, i as $f62d864046160412$export$4f5203c0d889109e, j as $f62d864046160412$export$a1d3911297b952d7, k as $11d87f3f76e88657$export$b4a036af3fc0b032, l as $3b62074eb05584b2$export$80ee6245ec4f29ec, $ as $c4acc1de3ab169cf$export$d652b3ea2d672d5b, b as $64244302c3013299$export$dd0bbc9b26defe37, C as CalendarBase } from "./CalendarBase-aeU9JZC2.mjs";
 import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-BZCcafjG.mjs";
 import { $ as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useControlledState-CFWhSD5C.mjs";
 import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-B0fsKtsf.mjs";

package/__chunks__/{RangeCalendar-odwkDlEn.js → RangeCalendar-lhIzCnWl.js}

@@ -31,7 +31,7 @@ var __objRest = (source, exclude) => {
   return target;
 };
 const React = require("react");
-const CalendarBase = require("./CalendarBase-CIkCiMYk.js");
+const CalendarBase = require("./CalendarBase-Cavy4k_H.js");
 const context = require("./context-D3NeXov7.js");
 const useControlledState = require("./useControlledState-mnKBd6Uc.js");
 const useEvent = require("./useEvent-DY7dR7Mi.js");

package/__chunks__/{SelectOverlay-BegZKkp1.js → SelectOverlay-CoOED545.js}

@@ -24,23 +24,20 @@ const useSingleSelectListState = require("./useSingleSelectListState-5RB1w9vv.js
 const React = require("react");
 const mergeProps = require("./mergeProps-DniMwM6P.js");
 const filterDOMProps = require("./filterDOMProps-D3iOHP0H.js");
-const useSelectableList = require("./useSelectableList-UkBCcTuC.js");
+const useSelectableList = require("./useSelectableList-CzTJAukw.js");
 const useSelectableItem = require("./useSelectableItem-DpEX9QBc.js");
 const useFocusVisible = require("./useFocusVisible-PBQuklI8.js");
 const useCollator = require("./useCollator-DGrSWVh4.js");
 const useField = require("./useField-BJW_bXVD.js");
-const useTriggerWidth = require("./useTriggerWidth-Dj7C0lza.js");
+const useMenuTrigger = require("./useMenuTrigger-qbIPy-fg.js");
 const useFormReset = require("./useFormReset-Bgj93eR3.js");
 const VisuallyHidden = require("./VisuallyHidden-CVfjb1YY.js");
-const Text = require("./Text-DM6H1mZu.js");
+const Text = require("./Text-BwXTDw77.js");
 const Item = require("./Item-CfWjPrxx.js");
-const usePress = require("./usePress-DNETV97g.js");
-const isVirtualEvent = require("./isVirtualEvent-DwoP1rNI.js");
-const useHover = require("./useHover-BIKwjrCT.js");
-const utilities = require("./utilities-CaBPUKEB.js");
+const useListBoxSection = require("./useListBoxSection-BlFRlBZy.js");
+const utilities = require("./utilities-BDABIMDb.js");
 const utilities_useScrollbar = require("../utilities/useScrollbar.js");
-const useFocusWithin = require("./useFocusWithin-C1ioGWec.js");
-const useLabel = require("./useLabel-t-N6anB8.js");
+const useTriggerWidth = require("./useTriggerWidth-B-IM2wNY.js");
 function $2bc3a590c5373a4e$export$5159ec8b34d4ec12(props) {
   let triggerState = Overlay.$fc909762b330b746$export$61c6a8c84e605fb6(props);
   let [focusStrategy, setFocusStrategy] = React.useState(null);
@@ -73,163 +70,6 @@ function $2bc3a590c5373a4e$export$5159ec8b34d4ec12(props) {
     setFocused
   });
 }
-const $b1f0cad8af73213b$export$3585ede4d035bf14 = /* @__PURE__ */ new WeakMap();
-function $b1f0cad8af73213b$var$normalizeKey(key) {
-  if (typeof key === "string") return key.replace(/\s*/g, "");
-  return "" + key;
-}
-function $b1f0cad8af73213b$export$9145995848b05025(state, itemKey) {
-  let data = $b1f0cad8af73213b$export$3585ede4d035bf14.get(state);
-  if (!data) throw new Error("Unknown list");
-  return `${data.id}-option-${$b1f0cad8af73213b$var$normalizeKey(itemKey)}`;
-}
-function $c132121280ec012d$export$50eacbbf140a3141(props, state, ref) {
-  let domProps = filterDOMProps.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
-    labelable: true
-  });
-  let selectionBehavior = props.selectionBehavior || "toggle";
-  let linkBehavior = props.linkBehavior || (selectionBehavior === "replace" ? "action" : "override");
-  if (selectionBehavior === "toggle" && linkBehavior === "action")
-    linkBehavior = "override";
-  let { listProps } = useSelectableList.$982254629710d113$export$b95089534ab7c1fd(__spreadProps(__spreadValues({}, props), {
-    ref,
-    selectionManager: state.selectionManager,
-    collection: state.collection,
-    disabledKeys: state.disabledKeys,
-    linkBehavior
-  }));
-  let { focusWithinProps } = useFocusWithin.$9ab94262bd0047c7$export$420e68273165f4ec({
-    onFocusWithin: props.onFocus,
-    onBlurWithin: props.onBlur,
-    onFocusWithinChange: props.onFocusChange
-  });
-  let id = mergeProps.$bdb11010cef70236$export$f680877a34711e37(props.id);
-  $b1f0cad8af73213b$export$3585ede4d035bf14.set(state, {
-    id,
-    shouldUseVirtualFocus: props.shouldUseVirtualFocus,
-    shouldSelectOnPressUp: props.shouldSelectOnPressUp,
-    shouldFocusOnHover: props.shouldFocusOnHover,
-    isVirtualized: props.isVirtualized,
-    onAction: props.onAction,
-    linkBehavior
-  });
-  let { labelProps, fieldProps } = useLabel.$d191a55c9702f145$export$8467354a121f1b9f(__spreadProps(__spreadValues({}, props), {
-    id,
-    // listbox is not an HTML input element so it
-    // shouldn't be labeled by a <label> element.
-    labelElementType: "span"
-  }));
-  return {
-    labelProps,
-    listBoxProps: mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(domProps, focusWithinProps, state.selectionManager.selectionMode === "multiple" ? {
-      "aria-multiselectable": "true"
-    } : {}, __spreadValues({
-      role: "listbox"
-    }, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(fieldProps, listProps)))
-  };
-}
-function $293f70390ea03370$export$497855f14858aa34(props, state, ref) {
-  var _item_props, _item_props1;
-  let { key } = props;
-  let data = $b1f0cad8af73213b$export$3585ede4d035bf14.get(state);
-  var _props_isDisabled;
-  let isDisabled = (_props_isDisabled = props.isDisabled) !== null && _props_isDisabled !== void 0 ? _props_isDisabled : state.selectionManager.isDisabled(key);
-  var _props_isSelected;
-  let isSelected = (_props_isSelected = props.isSelected) !== null && _props_isSelected !== void 0 ? _props_isSelected : state.selectionManager.isSelected(key);
-  var _props_shouldSelectOnPressUp;
-  let shouldSelectOnPressUp = (_props_shouldSelectOnPressUp = props.shouldSelectOnPressUp) !== null && _props_shouldSelectOnPressUp !== void 0 ? _props_shouldSelectOnPressUp : data === null || data === void 0 ? void 0 : data.shouldSelectOnPressUp;
-  var _props_shouldFocusOnHover;
-  let shouldFocusOnHover = (_props_shouldFocusOnHover = props.shouldFocusOnHover) !== null && _props_shouldFocusOnHover !== void 0 ? _props_shouldFocusOnHover : data === null || data === void 0 ? void 0 : data.shouldFocusOnHover;
-  var _props_shouldUseVirtualFocus;
-  let shouldUseVirtualFocus = (_props_shouldUseVirtualFocus = props.shouldUseVirtualFocus) !== null && _props_shouldUseVirtualFocus !== void 0 ? _props_shouldUseVirtualFocus : data === null || data === void 0 ? void 0 : data.shouldUseVirtualFocus;
-  var _props_isVirtualized;
-  let isVirtualized = (_props_isVirtualized = props.isVirtualized) !== null && _props_isVirtualized !== void 0 ? _props_isVirtualized : data === null || data === void 0 ? void 0 : data.isVirtualized;
-  let labelId = mergeProps.$bdb11010cef70236$export$b4cc09c592e8fdb8();
-  let descriptionId = mergeProps.$bdb11010cef70236$export$b4cc09c592e8fdb8();
-  let optionProps = {
-    role: "option",
-    "aria-disabled": isDisabled || void 0,
-    "aria-selected": state.selectionManager.selectionMode !== "none" ? isSelected : void 0
-  };
-  if (!(isVirtualEvent.$c87311424ea30a05$export$9ac100e40613ea10() && isVirtualEvent.$c87311424ea30a05$export$78551043582a6a98())) {
-    optionProps["aria-label"] = props["aria-label"];
-    optionProps["aria-labelledby"] = labelId;
-    optionProps["aria-describedby"] = descriptionId;
-  }
-  let item = state.collection.getItem(key);
-  if (isVirtualized) {
-    let index = Number(item === null || item === void 0 ? void 0 : item.index);
-    optionProps["aria-posinset"] = Number.isNaN(index) ? void 0 : index + 1;
-    optionProps["aria-setsize"] = useTriggerWidth.$453cc9f0df89c0a5$export$77d5aafae4e095b2(state.collection);
-  }
-  let onAction = (data === null || data === void 0 ? void 0 : data.onAction) ? () => {
-    var _data_onAction;
-    return data === null || data === void 0 ? void 0 : (_data_onAction = data.onAction) === null || _data_onAction === void 0 ? void 0 : _data_onAction.call(data, key);
-  } : void 0;
-  let { itemProps, isPressed, isFocused, hasAction, allowsSelection } = useSelectableItem.$880e95eb8b93ba9a$export$ecf600387e221c37({
-    selectionManager: state.selectionManager,
-    key,
-    ref,
-    shouldSelectOnPressUp,
-    allowsDifferentPressOrigin: shouldSelectOnPressUp && shouldFocusOnHover,
-    isVirtualized,
-    shouldUseVirtualFocus,
-    isDisabled,
-    onAction: onAction || (item === null || item === void 0 ? void 0 : (_item_props = item.props) === null || _item_props === void 0 ? void 0 : _item_props.onAction) ? mergeProps.$ff5963eb1fccf552$export$e08e3b67e392101e(item === null || item === void 0 ? void 0 : (_item_props1 = item.props) === null || _item_props1 === void 0 ? void 0 : _item_props1.onAction, onAction) : void 0,
-    linkBehavior: data === null || data === void 0 ? void 0 : data.linkBehavior
-  });
-  let { hoverProps } = useHover.$6179b936705e76d3$export$ae780daf29e6d456({
-    isDisabled: isDisabled || !shouldFocusOnHover,
-    onHoverStart() {
-      if (!useFocusVisible.$507fabe10e71c6fb$export$b9b3dfddab17db27()) {
-        state.selectionManager.setFocused(true);
-        state.selectionManager.setFocusedKey(key);
-      }
-    }
-  });
-  let domProps = filterDOMProps.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(item === null || item === void 0 ? void 0 : item.props);
-  delete domProps.id;
-  let linkProps = usePress.$ea8dcbcb9ea1b556$export$7e924b3091a3bd18(item === null || item === void 0 ? void 0 : item.props);
-  return {
-    optionProps: __spreadProps(__spreadValues(__spreadValues({}, optionProps), mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(domProps, itemProps, hoverProps, linkProps)), {
-      id: $b1f0cad8af73213b$export$9145995848b05025(state, key)
-    }),
-    labelProps: {
-      id: labelId
-    },
-    descriptionProps: {
-      id: descriptionId
-    },
-    isFocused,
-    isFocusVisible: isFocused && useFocusVisible.$507fabe10e71c6fb$export$b9b3dfddab17db27(),
-    isSelected,
-    isDisabled,
-    isPressed,
-    allowsSelection,
-    hasAction
-  };
-}
-function $af383d3bef1cfdc9$export$c3f9f39876e4bc7(props) {
-  let { heading, "aria-label": ariaLabel } = props;
-  let headingId = mergeProps.$bdb11010cef70236$export$f680877a34711e37();
-  return {
-    itemProps: {
-      role: "presentation"
-    },
-    headingProps: heading ? {
-      // Techincally, listbox cannot contain headings according to ARIA.
-      // We hide the heading from assistive technology, using role="presentation",
-      // and only use it as a visual label for the nested group.
-      id: headingId,
-      role: "presentation"
-    } : {},
-    groupProps: {
-      role: "group",
-      "aria-label": ariaLabel,
-      "aria-labelledby": heading ? headingId : void 0
-    }
-  };
-}
 const $58aed456727eb0f3$export$703601b7e90536f8 = /* @__PURE__ */ new WeakMap();
 function $58aed456727eb0f3$export$e64b2f635402ca43(props, state, ref) {
   let { keyboardDelegate, isDisabled, isRequired, name, validationBehavior = "aria" } = props;
@@ -243,7 +83,7 @@ function $58aed456727eb0f3$export$e64b2f635402ca43(props, state, ref) {
     state.disabledKeys,
     collator
   ]);
-  let { menuTriggerProps, menuProps } = useTriggerWidth.$168583247155ddda$export$dc9c12ed27dd1b49({
+  let { menuTriggerProps, menuProps } = useMenuTrigger.$168583247155ddda$export$dc9c12ed27dd1b49({
     isDisabled,
     type: "listbox"
   }, state, ref);
@@ -425,24 +265,24 @@ function useInternalSelectContext() {
   }
   return selectContext;
 }
-const underlay = "_underlay_m5sif_5";
-const listboxRoot = "_listboxRoot_m5sif_10";
-const listbox = "_listbox_m5sif_10";
-const listboxList = "_listboxList_m5sif_79";
-const sectionList = "_sectionList_m5sif_80";
-const optionContent = "_optionContent_m5sif_86";
-const separator = "_separator_m5sif_87";
-const option = "_option_m5sif_86";
-const fieldRoot = "_fieldRoot_m5sif_130";
-const selectField = "_selectField_m5sif_151";
-const selectSizeSm = "_selectSizeSm_m5sif_188";
-const selectSizeLg = "_selectSizeLg_m5sif_200";
-const selectFieldError = "_selectFieldError_m5sif_206";
-const selectFieldIconStart = "_selectFieldIconStart_m5sif_214";
-const selectFieldIconEnd = "_selectFieldIconEnd_m5sif_218";
-const selectFieldIconContainer = "_selectFieldIconContainer_m5sif_222";
-const selectFieldText = "_selectFieldText_m5sif_228";
-const listboxOpen = "_listboxOpen_m5sif_232";
+const underlay = "_underlay_irnxr_5";
+const listboxRoot = "_listboxRoot_irnxr_10";
+const listbox = "_listbox_irnxr_10";
+const listboxList = "_listboxList_irnxr_79";
+const sectionList = "_sectionList_irnxr_80";
+const optionContent = "_optionContent_irnxr_86";
+const separator = "_separator_irnxr_87";
+const option = "_option_irnxr_86";
+const fieldRoot = "_fieldRoot_irnxr_130";
+const selectField = "_selectField_irnxr_151";
+const selectSizeSm = "_selectSizeSm_irnxr_188";
+const selectSizeLg = "_selectSizeLg_irnxr_200";
+const selectFieldError = "_selectFieldError_irnxr_206";
+const selectFieldIconStart = "_selectFieldIconStart_irnxr_214";
+const selectFieldIconEnd = "_selectFieldIconEnd_irnxr_218";
+const selectFieldIconContainer = "_selectFieldIconContainer_irnxr_222";
+const selectFieldText = "_selectFieldText_irnxr_228";
+const listboxOpen = "_listboxOpen_irnxr_232";
 const styles = {
   underlay,
   listboxRoot,
@@ -469,7 +309,7 @@ function SelectOption(_props) {
 Object.assign(SelectOption, Item.$c1d7fb2ec91bae71$export$6d08773d2e66f8f2);
 function SelectOptionContent({ item, state }) {
   const ref = React.useRef(null);
-  const { optionProps, isSelected, isFocused, isDisabled } = $293f70390ea03370$export$497855f14858aa34({
+  const { optionProps, isSelected, isFocused, isDisabled } = useListBoxSection.$293f70390ea03370$export$497855f14858aa34({
     key: item.key
   }, state, ref);
   return React.createElement("li", __spreadProps(__spreadValues({}, optionProps), {
@@ -490,7 +330,7 @@ function SelectSection(_props) {
 }
 Object.assign(SelectSection, useTriggerWidth.$9fc4852771d079eb$export$6e2c8f0811a474ce);
 function SelectSectionContent({ section, state }) {
-  const { itemProps, groupProps } = $af383d3bef1cfdc9$export$c3f9f39876e4bc7({
+  const { itemProps, groupProps } = useListBoxSection.$af383d3bef1cfdc9$export$c3f9f39876e4bc7({
     "aria-label": section["aria-label"]
   });
   const { separatorProps } = useTriggerWidth.$f4b273590fab9f93$export$52210f68a14655d0({
@@ -528,7 +368,7 @@ function SelectOverlayContent() {
     scrollRef: listBoxRef,
     triggerRef
   }, selectState);
-  const { listBoxProps } = $c132121280ec012d$export$50eacbbf140a3141(listBoxPropsFromSelect, selectState, listBoxRef);
+  const { listBoxProps } = useListBoxSection.$c132121280ec012d$export$50eacbbf140a3141(listBoxPropsFromSelect, selectState, listBoxRef);
   utilities_useScrollbar.useScrollbar(listBoxRef, "ezui-os-theme-overlay");
   const style = __spreadValues(__spreadValues({}, popoverProps.style), utilities.getUnmergedPopoverStyles(utilities.DEFAULT_WIDTH, triggerWidth));
   return React.createElement(Overlay.$337b884510726a0d$export$c6fdb837b070b4ff, null, React.createElement("div", __spreadProps(__spreadValues({}, underlayProps), {