@hopper-ui/components 1.3.33 → 1.3.35

package/dist/{chunk-DRVU56LK.js → chunk-RFVQDNIT.js}

@@ -1,30 +1,33 @@
-import { _SelectValue } from './chunk-NDJTJNFH.js';
 import { SelectContext } from './chunk-T24MBA34.js';
-import { _Popover } from './chunk-6URDOTFT.js';
+import { _SelectValue } from './chunk-UKPQDNTE.js';
+import { _Popover } from './chunk-ZUSVLWHC.js';
 import { _Footer } from './chunk-VOZN65OL.js';
-import { _ListBox } from './chunk-DJWMHKN5.js';
-import { ensureTextWrapper } from './chunk-R5756BNI.js';
-import { _HelperMessage } from './chunk-5L4SRFMM.js';
-import { _Label } from './chunk-YQXI64TQ.js';
-import { _ErrorMessage } from './chunk-Z2UVDVEE.js';
+import { _ListBox } from './chunk-TP3LLTP7.js';
+import { _HelperMessage } from './chunk-5MVIPFJG.js';
+import { ensureTextWrapper } from './chunk-X3G7OJKA.js';
+import { _ErrorMessage } from './chunk-EJGX57JX.js';
+import { _ToggleArrow } from './chunk-XJPH3TL7.js';
+import { _Label } from './chunk-NEVRDLRS.js';
+import { useFormProps } from './chunk-RTABBR2E.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots, ClearProviders } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
-import { IconContext, AngleUpIcon, AngleDownIcon } from '@hopper-ui/icons';
+import { IconContext } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { forwardRef } from 'react';
 import { useContextProps, composeRenderProps, TextContext as TextContext$1, ButtonContext, Select as Select$1, Button } from 'react-aria-components';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Select.module.css#css-module
-var Select_module_default = { "hop-Select": "Select-module__hop-Select___HKV0L", "hop-Select--fluid": "Select-module__hop-Select--fluid___x378i", "hop-Select__label": "Select-module__hop-Select__label___7atL0", "hop-Select__button": "Select-module__hop-Select__button___nW0qM", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___EoL4S", "hop-Select__button--md": "Select-module__hop-Select__button--md___W9ExL", "hop-Select__prefix": "Select-module__hop-Select__prefix___1qDA5", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___5wERI", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___qYYca", "hop-Select__error-message": "Select-module__hop-Select__error-message___JqF5G" };
+var Select_module_default = { "hop-Select": "Select-module__hop-Select___seuDq", "hop-Select--fluid": "Select-module__hop-Select--fluid___BBRur", "hop-Select__label": "Select-module__hop-Select__label___J4OCa", "hop-Select__button": "Select-module__hop-Select__button___9tMvD", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___E4LyZ", "hop-Select__button--md": "Select-module__hop-Select__button--md___OaW5D", "hop-Select__prefix": "Select-module__hop-Select__prefix___kJK-x", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___0uaGB", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___dTR3p", "hop-Select__error-message": "Select-module__hop-Select__error-message___e1ged" };
 var GlobalSelectCssSelector = "hop-Select";
 function Select(props, ref) {
   var _a, _b, _c, _d;
   [props, ref] = useContextProps(props, ref, SelectContext);
+  props = useFormProps(props);
   const { stylingProps, ...ownProps } = useStyledSystem(props);
   const {
     align: alignProp,
@@ -138,7 +141,6 @@ function Select(props, ref) {
       ...otherProps,
       children: (selectRenderProps) => {
         const { isOpen } = selectRenderProps;
-        const ButtonIcon = isOpen ? AngleUpIcon : AngleDownIcon;
         return /* @__PURE__ */ jsxs(Fragment, { children: [
           label && /* @__PURE__ */ jsx(
             _Label,
@@ -190,7 +192,13 @@ function Select(props, ref) {
             /* @__PURE__ */ jsx(_SelectValue, { size, children: (valueRenderProps) => {
               return renderValue == null ? void 0 : renderValue(valueRenderProps);
             } }),
-            /* @__PURE__ */ jsx(ButtonIcon, { size: "sm", className: Select_module_default["hop-Select__button-icon"] })
+            /* @__PURE__ */ jsx(
+              _ToggleArrow,
+              {
+                className: Select_module_default["hop-Select__button-icon"],
+                isExpanded: isOpen
+              }
+            )
           ] }),
           description && /* @__PURE__ */ jsx(_HelperMessage, { className: Select_module_default["hop-Select__helper-message"], children: description }),
           /* @__PURE__ */ jsx(_ErrorMessage, { className: Select_module_default["hop-Select__error-message"], children: errorMessage })

package/dist/chunk-RLDIAT4F.js

@@ -0,0 +1,7 @@
+import { createContext } from 'react';
+
+// src/ListBoxSection/src/ListBoxSectionContext.ts
+var ListBoxSectionContext = createContext({});
+ListBoxSectionContext.displayName = "ListBoxSectionContext";
+
+export { ListBoxSectionContext };

package/dist/chunk-RTABBR2E.js

@@ -0,0 +1,68 @@
+import { FormContext } from './chunk-Q7NXUUB3.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import clsx from 'clsx';
+import { forwardRef, useContext, useMemo } from 'react';
+import { Form as Form$1 } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+// css-module:./Form.module.css#css-module
+var Form_module_default = { "hop-Form": "Form-module__hop-Form___OXHm7" };
+var GlobalFormCssSelector = "hop-Form";
+function useFormProps(props) {
+  const ctx = useContext(FormContext);
+  return useMemo(() => {
+    let result = props;
+    if (ctx) {
+      result = { ...props };
+      for (const key in ctx) {
+        if (result[key] === void 0) {
+          result[key] = ctx[key];
+        }
+      }
+    }
+    return result;
+  }, [ctx, props]);
+}
+function Form(props, ref) {
+  var _a;
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    children,
+    style,
+    isFluid,
+    isDisabled,
+    necessityIndicator,
+    size: sizeProp,
+    ...otherProps
+  } = ownProps;
+  const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
+  const classNames = clsx(
+    GlobalFormCssSelector,
+    cssModule(
+      Form_module_default,
+      "hop-Form"
+    ),
+    stylingProps.className,
+    className
+  );
+  const mergedStyles = {
+    ...stylingProps.style,
+    ...style
+  };
+  return /* @__PURE__ */ jsx(FormContext.Provider, { value: { isDisabled, isFluid, necessityIndicator, size }, children: /* @__PURE__ */ jsx(
+    Form$1,
+    {
+      ref,
+      className: classNames,
+      style: mergedStyles,
+      ...otherProps,
+      children
+    }
+  ) });
+}
+var _Form = forwardRef(Form);
+_Form.displayName = "Form";
+
+export { GlobalFormCssSelector, _Form, useFormProps };

package/dist/{chunk-5N6R4USJ.js → chunk-SDNIPJPM.js}

@@ -1,5 +1,5 @@
 import { ClearButtonContext } from './chunk-DXVKHP4V.js';
-import { _EmbeddedButton } from './chunk-PSIGABQ5.js';
+import { _EmbeddedButton } from './chunk-QZTLUJBL.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
 import { DismissIcon } from '@hopper-ui/icons';
 import { forwardRef } from 'react';

package/dist/{chunk-O44XKAD6.js → chunk-SYXSGWNE.js}

@@ -1,9 +1,10 @@
 import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
 import { CheckboxGroupContext } from './chunk-N7YDPVZL.js';
-import { _HelperMessage } from './chunk-5L4SRFMM.js';
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
-import { _Label } from './chunk-YQXI64TQ.js';
-import { _ErrorMessage } from './chunk-Z2UVDVEE.js';
+import { _HelperMessage } from './chunk-5MVIPFJG.js';
+import { _ErrorMessage } from './chunk-EJGX57JX.js';
+import { _Label } from './chunk-NEVRDLRS.js';
+import { useFormProps } from './chunk-RTABBR2E.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -14,11 +15,12 @@ import { useContextProps, composeRenderProps, CheckboxGroup as CheckboxGroup$1 }
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./CheckboxGroup.module.css#css-module
-var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-CheckboxGroup___qlfXk", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___t4Hy3", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___pLgMX", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___-zaey", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___-tn4S", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___IIpMN", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___2mhp0", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___9ehz2", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___J9vKD" };
+var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-CheckboxGroup___3NbD4", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___CfcV5", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___JV4x3", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___QjdjF", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___OfD-I", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___Oa-UA", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___D76Qp", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___AvyZR", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___po9xv" };
 var GlobalCheckboxGroupCssSelector = "hop-CheckboxGroup";
 function CheckboxGroup(props, ref) {
   var _a, _b, _c;
   [props, ref] = useContextProps(props, ref, CheckboxGroupContext);
+  props = useFormProps(props);
   const { stylingProps, ...ownProps } = useStyledSystem(props);
   const { stylingProps: listStylingProps, ...listProps } = useStyledSystem((_a = ownProps.listProps) != null ? _a : {});
   const {

package/dist/{chunk-VDEBLHQC.js → chunk-TBZB627Y.js}

@@ -1,9 +1,9 @@
-import { _DecorativeRadio } from './chunk-HXO6663T.js';
-import { _DecorativeCheckbox } from './chunk-JQDHDPWX.js';
-import { ensureTextWrapper } from './chunk-R5756BNI.js';
+import { _DecorativeRadio } from './chunk-YSL6C4TP.js';
+import { _DecorativeCheckbox } from './chunk-YGFDJWW6.js';
 import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
-import { _ListBoxItemSkeleton } from './chunk-MAMRCWYC.js';
+import { _ListBoxItemSkeleton } from './chunk-QKJUME2B.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
+import { ensureTextWrapper } from './chunk-X3G7OJKA.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { AvatarContext } from './chunk-AES7QBQE.js';
@@ -18,7 +18,7 @@ import { useContextProps, composeRenderProps, ListBoxItem as ListBoxItem$1, List
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./ListBoxItem.module.css#css-module
-var ListBoxItem_module_default = { "hop-ListBoxItem": "ListBoxItem-module__hop-ListBoxItem___W8oHd", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___9sEil", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___k08lG", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___UiveV", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___m6tiw", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___KHPq8", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___WcPVb", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___Jti3l", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___Q-fyr", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___CvAh6", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___lm2Dm", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___UrAt-", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___Tq6wd", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___xleku", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___wUOZn", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___XiYqQ", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___RYeBy" };
+var ListBoxItem_module_default = { "hop-ListBoxItem": "ListBoxItem-module__hop-ListBoxItem___IE8-z", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___HQP4E", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___ThhWh", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___oNHXF", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___C7R5e", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___aaYxB", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___anZ2b", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___NpjiB", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___Dn9Cy", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___Hwu82", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___-IG1L", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___aGhSg", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___9cvZP", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___TDIs9", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___N6zJv", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___qGrpv", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___R5c41" };
 var GlobalListBoxItemCssSelector = "hop-ListBoxItem";
 var ListBoxItemToIconSizeAdapter = {
   xs: "sm",
@@ -39,6 +39,7 @@ var ListBoxItemToAvatarSizeAdapter = {
   lg: "md"
 };
 function ListBoxItemInner(props) {
+  var _a, _b;
   const listStateContext = useContext(ListStateContext);
   const {
     selectionMode,
@@ -57,7 +58,8 @@ function ListBoxItemInner(props) {
   const isRadio = selectionIndicator === "input" && selectionMode === "single";
   const isCheckbox = selectionIndicator === "input" && selectionMode === "multiple";
   const isCheck = selectionIndicator === "check" && selectionMode !== "none";
-  const isListHasSelection = listStateContext.selectionManager.selectedKeys.size > 0;
+  const selectedKeysLength = (_b = (_a = listStateContext == null ? void 0 : listStateContext.selectionManager) == null ? void 0 : _a.selectedKeys) == null ? void 0 : _b.size;
+  const isListHasSelection = (selectedKeysLength != null ? selectedKeysLength : 0) > 0;
   const [isListHasSelectionEnd, setIsListHasSelectionEnd] = useState(isListHasSelection);
   const handleTransitionEnd = (event) => {
     if (event.propertyName === "grid-template-columns") {

package/dist/{chunk-DJWMHKN5.js → chunk-TP3LLTP7.js}

@@ -1,11 +1,11 @@
 import { isFunction } from './chunk-TIPN4VYD.js';
-import { SectionContext } from './chunk-5H5AZJPQ.js';
+import { ListBoxSectionContext } from './chunk-RLDIAT4F.js';
 import { ListBoxContext } from './chunk-UIEP5BA5.js';
-import { _ListBoxItem } from './chunk-VDEBLHQC.js';
+import { _ListBoxItem } from './chunk-TBZB627Y.js';
 import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
-import { useLocalizedString } from './chunk-TFVDF4YH.js';
 import { HeaderContext } from './chunk-7JOGKC3W.js';
-import { _Text } from './chunk-5V32JYKM.js';
+import { useLocalizedString } from './chunk-TFVDF4YH.js';
+import { _Text } from './chunk-MM727X5U.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -17,7 +17,7 @@ import { useContextProps, composeRenderProps, ListBox as ListBox$1, Collection }
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./ListBox.module.css#css-module
-var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___Ve7Lb", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___fI2fo", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___HAoly", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___0yGL9", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___7Es4f" };
+var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___k3FN-", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___P77qj", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___tn1SB", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___fRzRY", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___vJb8R" };
 var GlobalListBoxCssSelector = "hop-ListBox";
 var GlobalListBoxEmptyItemCssSelector = "hop-ListBox__empty-item";
 var ListBoxToTextSizeAdapter = {
@@ -99,7 +99,7 @@ function ListBox(props, ref) {
         [HeaderContext, {
           className: ListBox_module_default["hop-ListBox__section-header"]
         }],
-        [SectionContext, {
+        [ListBoxSectionContext, {
           className: ListBox_module_default["hop-ListBox__section"]
         }],
         [ListBoxItemContext, {

package/dist/{chunk-NDJTJNFH.js → chunk-UKPQDNTE.js}

@@ -1,6 +1,6 @@
 import { useIsOverflow } from './chunk-EHXOXTDN.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
-import { _Text } from './chunk-5V32JYKM.js';
+import { _Text } from './chunk-MM727X5U.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { AvatarContext } from './chunk-AES7QBQE.js';
@@ -16,7 +16,7 @@ import { useContextProps, SelectValueContext, SelectStateContext, useSlottedCont
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./SelectValue.module.css#css-module
-var SelectValue_module_default = { "hop-SelectValue": "SelectValue-module__hop-SelectValue___PGzUc", "hop-SelectValue__text": "SelectValue-module__hop-SelectValue__text___e3k7t", "hop-SelectValue__avatar": "SelectValue-module__hop-SelectValue__avatar___Kxm8b", "hop-SelectValue__icon": "SelectValue-module__hop-SelectValue__icon___HB8mu", "hop-SelectValue__end-icon": "SelectValue-module__hop-SelectValue__end-icon___VbZBf" };
+var SelectValue_module_default = { "hop-SelectValue": "SelectValue-module__hop-SelectValue___WZNcG", "hop-SelectValue__text": "SelectValue-module__hop-SelectValue__text___hCdE9", "hop-SelectValue__avatar": "SelectValue-module__hop-SelectValue__avatar___eX9dA", "hop-SelectValue__icon": "SelectValue-module__hop-SelectValue__icon___E1t6L", "hop-SelectValue__end-icon": "SelectValue-module__hop-SelectValue__end-icon___q-P8n" };
 var GlobalSelectValueCssSelector = "hop-SelectValue";
 var SelectValueToAvatarSizeAdapter = {
   sm: "xs",

package/dist/{chunk-NOY3G4YX.js → chunk-USO7PAIT.js}

@@ -8,7 +8,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./IconList.module.css#css-module
-var IconList_module_default = { "hop-IconList": "IconList-module__hop-IconList___ozcS7" };
+var IconList_module_default = { "hop-IconList": "IconList-module__hop-IconList___aKk8b" };
 var GlobalIconListCssSelector = "hop-IconList";
 function IconList(props, ref) {
   [props, ref] = useContextProps(props, ref, IconListContext);

package/dist/{chunk-YXAAHLMF.js → chunk-VK743S4L.js}

@@ -1,10 +1,11 @@
 import { TagContext } from './chunk-EWMWQ2MC.js';
-import { _ClearButton } from './chunk-5N6R4USJ.js';
-import { mapOrbiterToHopperVariants } from './chunk-PSIGABQ5.js';
-import { _Spinner } from './chunk-HLWX7CML.js';
-import { ensureTextWrapper } from './chunk-R5756BNI.js';
+import { _ClearButton } from './chunk-SDNIPJPM.js';
+import { mapOrbiterToHopperVariants } from './chunk-QZTLUJBL.js';
+import { _Spinner } from './chunk-LL362RG6.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
+import { ensureTextWrapper } from './chunk-X3G7OJKA.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
+import { useFormProps } from './chunk-RTABBR2E.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
@@ -20,7 +21,7 @@ import { useContextProps, composeRenderProps, Tag as Tag$1 } from 'react-aria-co
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Tag.module.css#css-module
-var Tag_module_default = { "hop-Tag": "Tag-module__hop-Tag___W4oC4", "hop-Tag--sm": "Tag-module__hop-Tag--sm___x85xn", "hop-Tag__remove-btn": "Tag-module__hop-Tag__remove-btn___A208L", "hop-Tag__Spinner": "Tag-module__hop-Tag__Spinner___xZuir", "hop-Tag__avatar": "Tag-module__hop-Tag__avatar___6OhEg", "hop-Tag--md": "Tag-module__hop-Tag--md___fML1s", "hop-Tag--lg": "Tag-module__hop-Tag--lg___o6wTL", "hop-Tag--neutral": "Tag-module__hop-Tag--neutral___AXoLO", "hop-Tag--subdued": "Tag-module__hop-Tag--subdued___5BKeK", "hop-Tag--progress": "Tag-module__hop-Tag--progress___H5q6-", "hop-Tag--positive": "Tag-module__hop-Tag--positive___31zwJ", "hop-Tag--caution": "Tag-module__hop-Tag--caution___T52xr", "hop-Tag--negative": "Tag-module__hop-Tag--negative___SfS1B", "hop-Tag--option1": "Tag-module__hop-Tag--option1___J1GTC", "hop-Tag--option2": "Tag-module__hop-Tag--option2___Cfm54", "hop-Tag--option3": "Tag-module__hop-Tag--option3___nDJ60", "hop-Tag--option4": "Tag-module__hop-Tag--option4___55YNt", "hop-Tag--option5": "Tag-module__hop-Tag--option5___7izxM", "hop-Tag--option6": "Tag-module__hop-Tag--option6___kqi7V", "hop-Tag__icon": "Tag-module__hop-Tag__icon___EWrFf", "hop-Tag__icon-list": "Tag-module__hop-Tag__icon-list___INOd3", "hop-Tag__text": "Tag-module__hop-Tag__text___AnqI4", "hop-Tag__badge": "Tag-module__hop-Tag__badge___lj4Se", "hop-Tag__badge--subdued": "Tag-module__hop-Tag__badge--subdued___oYpN1" };
+var Tag_module_default = { "hop-Tag": "Tag-module__hop-Tag___sbn6o", "hop-Tag--sm": "Tag-module__hop-Tag--sm___6kwWX", "hop-Tag__remove-btn": "Tag-module__hop-Tag__remove-btn___3IObp", "hop-Tag__Spinner": "Tag-module__hop-Tag__Spinner___pFwVj", "hop-Tag__avatar": "Tag-module__hop-Tag__avatar___ForEc", "hop-Tag--md": "Tag-module__hop-Tag--md___IrR1-", "hop-Tag--lg": "Tag-module__hop-Tag--lg___EJhU5", "hop-Tag--neutral": "Tag-module__hop-Tag--neutral___V-Woc", "hop-Tag--subdued": "Tag-module__hop-Tag--subdued___E2yQY", "hop-Tag--progress": "Tag-module__hop-Tag--progress___xsT0l", "hop-Tag--positive": "Tag-module__hop-Tag--positive___8-j-b", "hop-Tag--caution": "Tag-module__hop-Tag--caution___aiMnF", "hop-Tag--negative": "Tag-module__hop-Tag--negative___D9YhU", "hop-Tag--option1": "Tag-module__hop-Tag--option1___zs5pn", "hop-Tag--option2": "Tag-module__hop-Tag--option2___3Wn-b", "hop-Tag--option3": "Tag-module__hop-Tag--option3___w-4ol", "hop-Tag--option4": "Tag-module__hop-Tag--option4___eLEcC", "hop-Tag--option5": "Tag-module__hop-Tag--option5___QuYOq", "hop-Tag--option6": "Tag-module__hop-Tag--option6___cESws", "hop-Tag__icon": "Tag-module__hop-Tag__icon___cJUVv", "hop-Tag__icon-list": "Tag-module__hop-Tag__icon-list___9XEvF", "hop-Tag__text": "Tag-module__hop-Tag__text___50-xL", "hop-Tag__badge": "Tag-module__hop-Tag__badge___-bC0L", "hop-Tag__badge--subdued": "Tag-module__hop-Tag__badge--subdued___D89bI" };
 var GlobalTagCssSelector = "hop-Tag";
 var TagToTextSizeAdapter = {
   sm: "xs",
@@ -40,6 +41,7 @@ var TagToButtonSizeAdapter = {
 function Tag(props, ref) {
   var _a;
   [props, ref] = useContextProps(props, ref, TagContext);
+  props = useFormProps(props);
   const { stylingProps, ...ownProps } = useStyledSystem(props);
   const {
     className,

package/dist/{chunk-R5756BNI.js → chunk-X3G7OJKA.js}

@@ -1,10 +1,10 @@
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
-import { _Text } from './chunk-5V32JYKM.js';
+import { _Text } from './chunk-MM727X5U.js';
 import { jsx } from 'react/jsx-runtime';
 
-function ensureTextWrapper(children) {
+function ensureTextWrapper(children, elementType) {
   if (children && isTextOnlyChildren(children)) {
-    return /* @__PURE__ */ jsx(_Text, { children });
+    return /* @__PURE__ */ jsx(_Text, { elementType, children });
   }
   return children;
 }

package/dist/chunk-XJPH3TL7.js

@@ -0,0 +1,50 @@
+import { ToggleArrowContext } from './chunk-J6WBI2I2.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { AngleDownIcon } from '@hopper-ui/icons';
+import { useStyledSystem } from '@hopper-ui/styled-system';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { useContextProps } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+// css-module:./ToggleArrow.module.css#css-module
+var ToggleArrow_module_default = { "hop-ToggleArrow": "ToggleArrow-module__hop-ToggleArrow___ZWmVx" };
+var GlobalToggleArrowCssSelector = "hop-ToggleArrow";
+function ToggleArrow(props, ref) {
+  [props, ref] = useContextProps(props, ref, ToggleArrowContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    isExpanded,
+    style: styleProp,
+    ...otherProps
+  } = ownProps;
+  const classNames = clsx(
+    GlobalToggleArrowCssSelector,
+    cssModule(
+      ToggleArrow_module_default,
+      "hop-ToggleArrow"
+    ),
+    stylingProps.className,
+    className
+  );
+  const style = {
+    ...stylingProps.style,
+    ...styleProp
+  };
+  return /* @__PURE__ */ jsx(
+    AngleDownIcon,
+    {
+      ref,
+      className: classNames,
+      style,
+      size: "sm",
+      "data-expanded": isExpanded || void 0,
+      ...otherProps
+    }
+  );
+}
+var _ToggleArrow = forwardRef(ToggleArrow);
+_ToggleArrow.displayName = "ToggleArrow";
+
+export { GlobalToggleArrowCssSelector, _ToggleArrow };

package/dist/{chunk-JCJA22ZN.js → chunk-XJUDFLDF.js}

@@ -1,6 +1,7 @@
 import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
-import { _Text } from './chunk-5V32JYKM.js';
+import { useFormProps } from './chunk-RTABBR2E.js';
+import { _Text } from './chunk-MM727X5U.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -14,7 +15,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./CheckboxField.module.css#css-module
-var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___NIuDa", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___FgZ2Q", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___7huNS", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___HVO7r", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___mYVT6" };
+var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___CopQp", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___-fmG7", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___5NXiz", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___Cp5xf", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___cbibX" };
 var GlobalCheckboxFieldCssSelector = "hop-CheckboxField";
 var CheckboxToDescriptionSizeAdapter = {
   sm: "xs",
@@ -23,6 +24,7 @@ var CheckboxToDescriptionSizeAdapter = {
 function CheckboxField(props, ref) {
   var _a;
   [props, ref] = useContextProps(props, ref, CheckboxFieldContext);
+  props = useFormProps(props);
   const { stylingProps, ...ownProps } = useStyledSystem(props);
   const {
     className,

package/dist/{chunk-SVBLMLJM.js → chunk-XYU4RE35.js}

@@ -7,7 +7,7 @@ import { useContextProps, Separator } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Divider.module.css#css-module
-var Divider_module_default = { "hop-Divider": "Divider-module__hop-Divider___VskCj", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___Ip90V" };
+var Divider_module_default = { "hop-Divider": "Divider-module__hop-Divider___zGXPW", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___PM-tr" };
 var GlobalDividerCssSelector = "hop-Divider";
 function Divider(props, ref) {
   [props, ref] = useContextProps(props, ref, DividerContext);

package/dist/{chunk-JQDHDPWX.js → chunk-YGFDJWW6.js}

@@ -1,6 +1,6 @@
-import { ensureTextWrapper } from './chunk-R5756BNI.js';
-import { IconListContext } from './chunk-DHVVYSLB.js';
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
+import { IconListContext } from './chunk-DHVVYSLB.js';
+import { ensureTextWrapper } from './chunk-X3G7OJKA.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // css-module:./DecorativeCheckbox.module.css#css-module
-var DecorativeCheckbox_module_default = { "hop-DecorativeCheckbox": "DecorativeCheckbox-module__hop-DecorativeCheckbox___DAhTU Checkbox-module__hop-Checkbox___Ce4TM", "hop-DecorativeCheckbox--sm": "DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___wABFy Checkbox-module__hop-Checkbox--sm___XoeSg", "hop-DecorativeCheckbox--md": "DecorativeCheckbox-module__hop-DecorativeCheckbox--md___moYat Checkbox-module__hop-Checkbox--md___eYKKq", "hop-DecorativeCheckbox__icon": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___HjrZc Checkbox-module__hop-Checkbox__icon___hGFLW", "hop-DecorativeCheckbox__icon-list": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___YTFQe Checkbox-module__hop-Checkbox__icon___hGFLW", "hop-DecorativeCheckbox__box": "DecorativeCheckbox-module__hop-DecorativeCheckbox__box___VPVu5 Checkbox-module__hop-Checkbox__box___PYojt", "hop-DecorativeCheckbox__check": "DecorativeCheckbox-module__hop-DecorativeCheckbox__check___4uUdY Checkbox-module__hop-Checkbox__check___wm88w", "hop-DecorativeCheckbox__text": "DecorativeCheckbox-module__hop-DecorativeCheckbox__text___KX-b8 Checkbox-module__hop-Checkbox__text___tks63" };
+var DecorativeCheckbox_module_default = { "hop-DecorativeCheckbox": "DecorativeCheckbox-module__hop-DecorativeCheckbox___BDXhJ Checkbox-module__hop-Checkbox___fJ0hw", "hop-DecorativeCheckbox--sm": "DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___bo4E8 Checkbox-module__hop-Checkbox--sm___C3RYR", "hop-DecorativeCheckbox--md": "DecorativeCheckbox-module__hop-DecorativeCheckbox--md___eikLw Checkbox-module__hop-Checkbox--md___7jr7u", "hop-DecorativeCheckbox__icon": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___mgnQg Checkbox-module__hop-Checkbox__icon___CorNP", "hop-DecorativeCheckbox__icon-list": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___WUmBl Checkbox-module__hop-Checkbox__icon___CorNP", "hop-DecorativeCheckbox__box": "DecorativeCheckbox-module__hop-DecorativeCheckbox__box___Kgwzc Checkbox-module__hop-Checkbox__box___Tpq92", "hop-DecorativeCheckbox__check": "DecorativeCheckbox-module__hop-DecorativeCheckbox__check___eTb3E Checkbox-module__hop-Checkbox__check___bDkze", "hop-DecorativeCheckbox__text": "DecorativeCheckbox-module__hop-DecorativeCheckbox__text___83f4T Checkbox-module__hop-Checkbox__text___NlwJN" };
 var GlobalDecorativeCheckboxCssSelector = "hop-DecorativeCheckbox";
 function DecorativeCheckbox(props, ref) {
   var _a;

package/dist/{chunk-HXO6663T.js → chunk-YSL6C4TP.js}

@@ -1,6 +1,6 @@
 import { RadioContext } from './chunk-FU5CCPLP.js';
-import { ensureTextWrapper } from './chunk-R5756BNI.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
+import { ensureTextWrapper } from './chunk-X3G7OJKA.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // css-module:./DecorativeRadio.module.css#css-module
-var DecorativeRadio_module_default = { "hop-DecorativeRadio": "DecorativeRadio-module__hop-DecorativeRadio___N077I Radio-module__hop-Radio___ysMdN", "hop-DecorativeRadio--sm": "DecorativeRadio-module__hop-DecorativeRadio--sm___1FX-g Radio-module__hop-Radio--sm___UlE-Z", "hop-DecorativeRadio--md": "DecorativeRadio-module__hop-DecorativeRadio--md___jA154 Radio-module__hop-Radio--md___CsFON", "hop-DecorativeRadio__icon": "DecorativeRadio-module__hop-DecorativeRadio__icon___rdexv Radio-module__hop-Radio__icon___eJEsc", "hop-DecorativeRadio__icon-list": "DecorativeRadio-module__hop-DecorativeRadio__icon-list___TAcbh Radio-module__hop-Radio__icon___eJEsc", "hop-DecorativeRadio__box": "DecorativeRadio-module__hop-DecorativeRadio__box___4PBKo Radio-module__hop-Radio__box___4LGHp", "hop-DecorativeRadio__bullet": "DecorativeRadio-module__hop-DecorativeRadio__bullet___RbbX6 Radio-module__hop-Radio__bullet___Y6x4C", "hop-DecorativeRadio__text": "DecorativeRadio-module__hop-DecorativeRadio__text___8VIKR Radio-module__hop-Radio__text___wlxG8" };
+var DecorativeRadio_module_default = { "hop-DecorativeRadio": "DecorativeRadio-module__hop-DecorativeRadio___Wpi5I Radio-module__hop-Radio___TG-WF", "hop-DecorativeRadio--sm": "DecorativeRadio-module__hop-DecorativeRadio--sm___F9lyI Radio-module__hop-Radio--sm___y4yZa", "hop-DecorativeRadio--md": "DecorativeRadio-module__hop-DecorativeRadio--md___3MZCT Radio-module__hop-Radio--md___bmepu", "hop-DecorativeRadio__icon": "DecorativeRadio-module__hop-DecorativeRadio__icon___6IxUS Radio-module__hop-Radio__icon___PPhpu", "hop-DecorativeRadio__icon-list": "DecorativeRadio-module__hop-DecorativeRadio__icon-list___irJJg Radio-module__hop-Radio__icon___PPhpu", "hop-DecorativeRadio__box": "DecorativeRadio-module__hop-DecorativeRadio__box___9smua Radio-module__hop-Radio__box___f4sNQ", "hop-DecorativeRadio__bullet": "DecorativeRadio-module__hop-DecorativeRadio__bullet___HDYOy Radio-module__hop-Radio__bullet___PmY5I", "hop-DecorativeRadio__text": "DecorativeRadio-module__hop-DecorativeRadio__text___pZJKN Radio-module__hop-Radio__text___lQDmi" };
 var GlobalDecorativeRadioCssSelector = "hop-DecorativeRadio";
 function DecorativeRadio(props, ref) {
   var _a;

package/dist/{chunk-MYDEFJS3.js → chunk-ZFGFRLWN.js}

@@ -11,7 +11,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./RichIconAvatarImage.module.css#css-module
-var RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-RichIconAvatarImage___PGcqC", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___xK-w-", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___UoMmc", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___91WVB", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___feRva", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___rxULM", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___Mi2-g", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___JdHkQ" };
+var RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-RichIconAvatarImage___jDh9z", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___sDKDs", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___fz7KS", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___qGFk1", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___oDwrG", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___j3ehb", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___qFOUf", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___RS7mU" };
 var GlobalRichIconAvatarImageCssSelector = "hop-RichIconAvatarImage";
 var AvatarToIconSizeAdapter = {
   xs: "md",

package/dist/{chunk-TQKARZW6.js → chunk-ZJCGRPXS.js}

@@ -1,6 +1,6 @@
 import { RadioContext } from './chunk-FU5CCPLP.js';
-import { ensureTextWrapper } from './chunk-R5756BNI.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
+import { ensureTextWrapper } from './chunk-X3G7OJKA.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps, Radio as Radio$1 } from 'react-ari
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Radio.module.css#css-module
-var Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___ysMdN", "hop-Radio--sm": "Radio-module__hop-Radio--sm___UlE-Z", "hop-Radio--md": "Radio-module__hop-Radio--md___CsFON", "hop-Radio__icon": "Radio-module__hop-Radio__icon___eJEsc", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___YNpGZ", "hop-Radio__box": "Radio-module__hop-Radio__box___4LGHp", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___Y6x4C", "hop-Radio__text": "Radio-module__hop-Radio__text___wlxG8" };
+var Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___TG-WF", "hop-Radio--sm": "Radio-module__hop-Radio--sm___y4yZa", "hop-Radio--md": "Radio-module__hop-Radio--md___bmepu", "hop-Radio__icon": "Radio-module__hop-Radio__icon___PPhpu", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___8iFsx", "hop-Radio__box": "Radio-module__hop-Radio__box___f4sNQ", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___PmY5I", "hop-Radio__text": "Radio-module__hop-Radio__text___lQDmi" };
 var GlobalRadioCssSelector = "hop-Radio";
 function Radio(props, ref) {
   var _a;

package/dist/{chunk-BCUIZE4G.js → chunk-ZTSBOPRT.js}

@@ -7,7 +7,7 @@ import { useContextProps, Heading as Heading$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Heading.module.css#css-module
-var Heading_module_default = { "hop-Heading": "Heading-module__hop-Heading___CVskF", "hop-Heading--xs": "Heading-module__hop-Heading--xs___7Zrw2", "hop-Heading--sm": "Heading-module__hop-Heading--sm___VbyiN", "hop-Heading--md": "Heading-module__hop-Heading--md___gkCTa", "hop-Heading--lg": "Heading-module__hop-Heading--lg___XhmuU", "hop-Heading--xl": "Heading-module__hop-Heading--xl___0Rnx-", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___H2izG", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___NX39q" };
+var Heading_module_default = { "hop-Heading": "Heading-module__hop-Heading___kTk6X", "hop-Heading--xs": "Heading-module__hop-Heading--xs___YkbL6", "hop-Heading--sm": "Heading-module__hop-Heading--sm___blSam", "hop-Heading--md": "Heading-module__hop-Heading--md___y4meX", "hop-Heading--lg": "Heading-module__hop-Heading--lg___uBzEA", "hop-Heading--xl": "Heading-module__hop-Heading--xl___GpG4F", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___MTCAL", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___rWxe6" };
 var GlobalHeadingCssSelector = "hop-Heading";
 function Heading(props, ref) {
   [props, ref] = useContextProps(props, ref, HeadingContext);

package/dist/{chunk-6URDOTFT.js → chunk-ZUSVLWHC.js}

@@ -1,14 +1,14 @@
 import { PopoverContext } from './chunk-SC6ZK5ON.js';
 import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
-import { LinkContext } from './chunk-4VVNSXIB.js';
+import { LinkButtonContext } from './chunk-3UQFC2NQ.js';
+import { ButtonContext } from './chunk-WMTWFKKP.js';
 import { isFunction, isNil } from './chunk-TIPN4VYD.js';
 import { ListBoxContext } from './chunk-UIEP5BA5.js';
 import { _HopperProvider } from './chunk-NMKBUGSO.js';
-import { LinkButtonContext } from './chunk-3UQFC2NQ.js';
-import { ButtonContext } from './chunk-WMTWFKKP.js';
-import { HeadingContext } from './chunk-TXZ6BMFR.js';
-import { FooterContext } from './chunk-I67NHYK4.js';
+import { LinkContext } from './chunk-4VVNSXIB.js';
 import { ContentContext } from './chunk-IXB2WK56.js';
+import { FooterContext } from './chunk-I67NHYK4.js';
+import { HeadingContext } from './chunk-TXZ6BMFR.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -19,7 +19,7 @@ import { useContextProps, composeRenderProps, Popover as Popover$1, Dialog } fro
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Popover.module.css#css-module
-var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___FvGr8", "fade": "Popover-module__fade___C0etx", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___VtkZ-", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___XrFgd", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___JceH5", "hop-Popover__title": "Popover-module__hop-Popover__title___kN7XY", "hop-Popover__content": "Popover-module__hop-Popover__content___LyfYW", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___Qqrjh", "hop-Popover__footer": "Popover-module__hop-Popover__footer___0qhgZ", "hop-Popover__actions": "Popover-module__hop-Popover__actions___z7wpk", "hop-Popover__action": "Popover-module__hop-Popover__action___WcLuA" };
+var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___LJWAP", "fade": "Popover-module__fade___aNg-R", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___tWxHY", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___SKAez", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___gaiur", "hop-Popover__title": "Popover-module__hop-Popover__title___-P1sb", "hop-Popover__content": "Popover-module__hop-Popover__content___3Gg81", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___DWRjE", "hop-Popover__footer": "Popover-module__hop-Popover__footer___3WUVh", "hop-Popover__actions": "Popover-module__hop-Popover__actions___kXeak", "hop-Popover__action": "Popover-module__hop-Popover__action___ODE26" };
 var GlobalPopoverCssSelector = "hop-Popover";
 function Popover(props, ref) {
   var _a;