@hopper-ui/components 1.2.1 → 1.3.1

package/dist/{chunk-PUNJWQAN.js → chunk-GG6RHMJ7.js}

@@ -1,55 +1,99 @@
 import { PopoverContext } from './chunk-SC6ZK5ON.js';
-import { ContentContext } from './chunk-IXB2WK56.js';
+import { _Footer } from './chunk-AQITZWYM.js';
 import { FooterContext } from './chunk-I67NHYK4.js';
-import { PasswordFieldContext } from './chunk-QW45G6K4.js';
 import { SearchFieldContext } from './chunk-3NKF5TPD.js';
 import { TextAreaContext } from './chunk-MHQZXLKW.js';
 import { TextFieldContext } from './chunk-O4XPUINW.js';
+import { ContentContext } from './chunk-IXB2WK56.js';
 import { NumberFieldContext } from './chunk-ZQ3AWYRR.js';
-import { HeadingContext } from './chunk-TXZ6BMFR.js';
+import { PasswordFieldContext } from './chunk-QW45G6K4.js';
 import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
 import { CheckboxGroupContext } from './chunk-N7YDPVZL.js';
-import { ButtonContext } from './chunk-WMTWFKKP.js';
 import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
+import { SelectContext } from './chunk-T24MBA34.js';
+import { _SelectValue } from './chunk-ARD3LWL2.js';
+import { HeadingContext } from './chunk-TXZ6BMFR.js';
+import { ButtonContext } from './chunk-WMTWFKKP.js';
 import { LinkContext } from './chunk-4VVNSXIB.js';
+import { _ListBox } from './chunk-ZG5E36S3.js';
 import { isFunction, isNil } from './chunk-TIPN4VYD.js';
+import { ListBoxContext } from './chunk-UIEP5BA5.js';
+import { _ListBoxItem } from './chunk-WDA6LWC4.js';
 import { RadioGroupContext } from './chunk-5MBJWRZD.js';
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
+import { LabelContext } from './chunk-QCA3ZR56.js';
+import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { HelperMessageContext } from './chunk-HZKFQ33E.js';
 import { _HopperProvider } from './chunk-NMKBUGSO.js';
+import { ErrorMessageContext } from './chunk-FAE27DLF.js';
 import { FormContext } from './chunk-EURJK4ZT.js';
+import { BadgeContext } from './chunk-CQDLZ42T.js';
+import { _Text } from './chunk-QCTIAKM6.js';
+import { TextContext } from './chunk-X6SER3TZ.js';
+import { ClearContainerSlots, ClearProviders } from './chunk-HXI3MEEK.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
-import { useStyledSystem, useColorSchemeContext, useResponsiveValue } from '@hopper-ui/styled-system';
+import { useStyledSystem, useResponsiveValue, useColorSchemeContext } from '@hopper-ui/styled-system';
 export * from '@hopper-ui/styled-system';
 import clsx from 'clsx';
 import { forwardRef, useReducer, useRef, useEffect } from 'react';
-import { useContextProps, Popover as Popover$1, Dialog, Form as Form$1 } from 'react-aria-components';
+import { useContextProps, composeRenderProps, Popover as Popover$1, Dialog, Select as Select$1, Button, TextContext as TextContext$1, ButtonContext as ButtonContext$1, Form as Form$1 } from 'react-aria-components';
 export { Collection } from 'react-aria-components';
-import { jsx } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { IconContext, AngleUpIcon, AngleDownIcon } from '@hopper-ui/icons';
 
 // css-module:./Popover.module.css#css-module
-var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___RNUtp", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___EcMei", "hop-Popover__title": "Popover-module__hop-Popover__title___mb1-K", "hop-Popover__actions": "Popover-module__hop-Popover__actions___OAUQ0", "hop-Popover__action": "Popover-module__hop-Popover__action___5Ok8v", "hop-Popover__content": "Popover-module__hop-Popover__content___n-NbF", "hop-Popover__footer": "Popover-module__hop-Popover__footer___zKrod" };
+var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___GhhaI", "fade": "Popover-module__fade___uLf7r", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___AoYE2", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___-3-1Y", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___ub0rC", "hop-Popover__title": "Popover-module__hop-Popover__title___uge2S", "hop-Popover__content": "Popover-module__hop-Popover__content___sDJTD", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___mk7Zk", "hop-Popover__footer": "Popover-module__hop-Popover__footer___TkhzY", "hop-Popover__actions": "Popover-module__hop-Popover__actions___oM8iu", "hop-Popover__action": "Popover-module__hop-Popover__action___xyIXY" };
 var GlobalPopoverCssSelector = "hop-Popover";
 function Popover(props, ref) {
+  var _a;
   [props, ref] = useContextProps(props, ref, PopoverContext);
   const { stylingProps, ...ownProps } = useStyledSystem(props);
   const {
+    autoWidth,
     children,
     className,
     offset = 4,
     boundaryOffset,
+    isNonDialog,
+    containerPadding = 16,
+    containerProps,
+    placement: placementProp,
+    style: styleProp,
     ...otherProps
   } = ownProps;
+  const placement = (_a = useResponsiveValue(placementProp)) != null ? _a : "bottom";
+  const { stylingProps: containerStylingProps, ...containerOwnProps } = useStyledSystem(containerProps != null ? containerProps : {});
+  const {
+    className: containerClassName,
+    style: containerStyleProp,
+    slot,
+    ...containerOtherProps
+  } = containerOwnProps;
   const { colorScheme } = useColorSchemeContext();
   const popoverClassNames = composeClassnameRenderProps(
     className,
     GlobalPopoverCssSelector,
     cssModule(
       Popover_module_default,
-      "hop-Popover"
-    )
+      "hop-Popover",
+      isNonDialog && "non-dialog"
+    ),
+    stylingProps.className
   );
+  const containerClassNames = isNonDialog ? clsx(containerClassName, Popover_module_default["hop-Popover__dropdown"], containerStylingProps.className) : clsx(containerClassName, Popover_module_default["hop-Popover__dialog"], containerStylingProps.className);
+  const style = composeRenderProps(styleProp, (prev) => {
+    return {
+      ...stylingProps.style,
+      "--container-padding": `${containerPadding}px`,
+      ...prev
+    };
+  });
+  const containerStyle = {
+    ...containerStylingProps.style,
+    ...containerStyleProp
+  };
   return /* @__PURE__ */ jsx(
     Popover$1,
     {
@@ -58,50 +102,231 @@ function Popover(props, ref) {
       ref,
       className: popoverClassNames,
       arrowBoundaryOffset: boundaryOffset,
-      children: (state) => /* @__PURE__ */ jsx(_HopperProvider, { colorScheme, children: /* @__PURE__ */ jsx(
-        Dialog,
-        {
-          className: clsx(stylingProps.className, Popover_module_default["hop-Popover__dialog"]),
-          style: stylingProps.style,
-          children: /* @__PURE__ */ jsx(
+      "data-auto-width": autoWidth || void 0,
+      containerPadding,
+      style,
+      placement,
+      children: (state) => {
+        const content = isFunction(children) && !isNil(children) ? children(state) : children;
+        if (isNonDialog) {
+          return /* @__PURE__ */ jsx(_HopperProvider, { colorScheme, className: Popover_module_default["hop-Popover__wrapper"], children: /* @__PURE__ */ jsx(
+            "div",
+            {
+              ...containerOtherProps,
+              className: containerClassNames,
+              style: containerStyle,
+              slot: slot || void 0,
+              children: /* @__PURE__ */ jsx(
+                SlotProvider,
+                {
+                  values: [
+                    [ListBoxContext, {
+                      className: Popover_module_default["hop-Popover__list-box"]
+                    }],
+                    [FooterContext, {
+                      className: Popover_module_default["hop-Popover__footer"]
+                    }],
+                    [LinkContext, {
+                      size: "sm",
+                      variant: "primary",
+                      isQuiet: true
+                    }]
+                  ],
+                  children: content
+                }
+              )
+            }
+          ) });
+        }
+        return /* @__PURE__ */ jsx(_HopperProvider, { colorScheme, children: /* @__PURE__ */ jsx(Dialog, { ...containerOtherProps, className: containerClassNames, style: containerStyle, children: /* @__PURE__ */ jsx(
+          SlotProvider,
+          {
+            values: [
+              [HeadingContext, {
+                className: Popover_module_default["hop-Popover__title"],
+                size: "xs"
+              }],
+              [ButtonContext, {
+                size: "sm",
+                className: Popover_module_default["hop-Popover__action"]
+              }],
+              [ButtonGroupContext, {
+                size: "sm",
+                align: "end",
+                className: Popover_module_default["hop-Popover__actions"]
+              }],
+              [ContentContext, {
+                className: Popover_module_default["hop-Popover__content"]
+              }],
+              [FooterContext, {
+                className: Popover_module_default["hop-Popover__footer"]
+              }],
+              [LinkContext, {
+                size: "sm",
+                variant: "primary",
+                isQuiet: true
+              }]
+            ],
+            children: content
+          }
+        ) }) });
+      }
+    }
+  );
+}
+var _Popover = forwardRef(Popover);
+_Popover.displayName = "Popover";
+
+// css-module:./Select.module.css#css-module
+var Select_module_default = { "hop-Select": "Select-module__hop-Select___YSMVc", "hop-Select--fluid": "Select-module__hop-Select--fluid___w94yO", "hop-Select__label": "Select-module__hop-Select__label___NnWsa", "hop-Select__button": "Select-module__hop-Select__button___7z-Kj", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___XNopb", "hop-Select__button--md": "Select-module__hop-Select__button--md___bNWOy", "hop-Select__prefix": "Select-module__hop-Select__prefix___c-Ovr", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___JQAcH", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___VAqai", "hop-Select__error-message": "Select-module__hop-Select__error-message___OggC8" };
+var GlobalSelectCssSelector = "hop-Select";
+function Select(props, ref) {
+  var _a, _b;
+  [props, ref] = useContextProps(props, ref, SelectContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    children,
+    fieldChildren,
+    footer,
+    isAutoMenuWidth,
+    isFluid: isFluidProp,
+    isInvalid,
+    items,
+    listBoxProps,
+    popoverProps,
+    prefix,
+    renderValue,
+    size: sizeProp,
+    style: styleProp,
+    triggerProps,
+    ...otherProps
+  } = ownProps;
+  const { stylingProps: triggerStylingProps, ...triggerOwnProps } = useStyledSystem(triggerProps != null ? triggerProps : {});
+  const {
+    className: triggerClassName,
+    style: triggerStyleProp,
+    ...otherTriggerProps
+  } = triggerOwnProps;
+  const { placement = "bottom start", ...otherPopoverProps } = popoverProps != null ? popoverProps : {};
+  const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "sm";
+  const isFluid = (_b = useResponsiveValue(isFluidProp)) != null ? _b : false;
+  const classNames = composeClassnameRenderProps(
+    className,
+    GlobalSelectCssSelector,
+    cssModule(
+      Select_module_default,
+      "hop-Select",
+      isFluid && "fluid",
+      size
+    ),
+    stylingProps.className
+  );
+  const buttonClassNames = composeClassnameRenderProps(
+    triggerClassName,
+    cssModule(
+      Select_module_default,
+      "hop-Select__button",
+      size
+    ),
+    triggerStylingProps.className
+  );
+  const style = composeRenderProps(styleProp, (prev) => {
+    return {
+      ...stylingProps.style,
+      ...prev
+    };
+  });
+  const triggerStyle = {
+    ...triggerStylingProps.style,
+    ...triggerStyleProp
+  };
+  const prefixMarkup = prefix ? /* @__PURE__ */ jsx(
+    SlotProvider,
+    {
+      values: [
+        [TextContext, { size, className: Select_module_default["hop-Select__prefix"] }],
+        [IconContext, { size, className: Select_module_default["hop-Select__prefix"] }]
+      ],
+      children: /* @__PURE__ */ jsx(ClearContainerSlots, { children: isTextOnlyChildren(prefix) ? /* @__PURE__ */ jsx(_Text, { children: prefix }) : prefix })
+    }
+  ) : null;
+  const footerMarkup = footer ? /* @__PURE__ */ jsx(_Footer, { children: isTextOnlyChildren(footer) ? /* @__PURE__ */ jsx(_Text, { children: footer }) : footer }) : null;
+  return /* @__PURE__ */ jsx(
+    Select$1,
+    {
+      ...otherProps,
+      ref,
+      className: classNames,
+      style,
+      isInvalid,
+      children: (selectRenderProps) => {
+        const { isOpen } = selectRenderProps;
+        const ButtonIcon = isOpen ? AngleUpIcon : AngleDownIcon;
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
             SlotProvider,
             {
               values: [
-                [HeadingContext, {
-                  className: Popover_module_default["hop-Popover__title"],
-                  size: "xs"
+                [LabelContext, {
+                  className: Select_module_default["hop-Select__label"]
                 }],
-                [ButtonContext, {
-                  size: "sm",
-                  className: Popover_module_default["hop-Popover__action"]
+                [HelperMessageContext, {
+                  className: Select_module_default["hop-Select__helper-message"]
                 }],
-                [ButtonGroupContext, {
-                  size: "sm",
-                  align: "end",
-                  className: Popover_module_default["hop-Popover__actions"]
-                }],
-                [ContentContext, {
-                  className: Popover_module_default["hop-Popover__content"]
-                }],
-                [FooterContext, {
-                  className: Popover_module_default["hop-Popover__footer"]
-                }],
-                [LinkContext, {
-                  size: "sm",
-                  variant: "primary",
-                  isQuiet: true
+                [ErrorMessageContext, {
+                  className: Select_module_default["hop-Select__error-message"]
                 }]
               ],
-              children: isFunction(children) && !isNil(children) ? children(state) : children
+              children: fieldChildren
             }
-          )
-        }
-      ) })
+          ),
+          /* @__PURE__ */ jsxs(Button, { ...otherTriggerProps, className: buttonClassNames, style: triggerStyle, "data-invalid": isInvalid || void 0, children: [
+            prefixMarkup,
+            /* @__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__ */ jsxs(_Popover, { ...otherPopoverProps, placement, isNonDialog: true, autoWidth: isAutoMenuWidth, children: [
+            /* @__PURE__ */ jsx(
+              SlotProvider,
+              {
+                values: [
+                  [BadgeContext, {
+                    variant: "secondary"
+                  }]
+                ],
+                children: /* @__PURE__ */ jsx(_ListBox, { ...listBoxProps, items, size, isInvalid, children })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              ClearProviders,
+              {
+                values: [
+                  TextContext$1,
+                  TextContext,
+                  ButtonContext$1
+                ],
+                children: footerMarkup
+              }
+            )
+          ] })
+        ] });
+      }
     }
   );
 }
-var _Popover = forwardRef(Popover);
-_Popover.displayName = "Popover";
+var _Select = forwardRef(Select);
+_Select.displayName = "Select";
+var CompoundSelect = Object.assign(_Select, {
+  /**
+   * A select option is an item that is displayed in a select.
+   *
+   * [View Documentation](TODO)
+   */
+  Option: _ListBoxItem
+});
 function $0d86e9c8f07f9a7b$export$79c0c687a5963b0a(opts, dispatch) {
   let { cursor, getKey } = opts;
   return {
@@ -513,7 +738,7 @@ function $f86e6c1ec7da6ebb$export$bc3384a35de93d66(options) {
 }
 
 // css-module:./Form.module.css#css-module
-var Form_module_default = { "hop-Form": "Form-module__hop-Form___QJzNB" };
+var Form_module_default = { "hop-Form": "Form-module__hop-Form___Nzjsc" };
 var GlobalFormCssSelector = "hop-Form";
 function Form(props, ref) {
   var _a;
@@ -605,4 +830,4 @@ function Form(props, ref) {
 var _Form = forwardRef(Form);
 _Form.displayName = "Form";
 
-export { $f86e6c1ec7da6ebb$export$bc3384a35de93d66, GlobalFormCssSelector, GlobalPopoverCssSelector, _Form, _Popover };
+export { $f86e6c1ec7da6ebb$export$bc3384a35de93d66, CompoundSelect, GlobalFormCssSelector, GlobalPopoverCssSelector, GlobalSelectCssSelector, _Form, _Popover };

package/dist/{chunk-WYBQCRQB.js → chunk-HLXQ6C2E.js}

@@ -1,6 +1,6 @@
 import { ClearButtonContext } from './chunk-DXVKHP4V.js';
-import { _EmbeddedButton } from './chunk-DZKJZSTQ.js';
-import { useLocalizedString } from './chunk-F4H76S4H.js';
+import { _EmbeddedButton } from './chunk-TJMAMWRQ.js';
+import { useLocalizedString } from './chunk-TFVDF4YH.js';
 import { DismissIcon } from '@hopper-ui/icons';
 import { forwardRef } from 'react';
 import { useContextProps } from 'react-aria-components';

package/dist/{chunk-SPFANCCV.js → chunk-HXPTWMD5.js}

@@ -1,7 +1,7 @@
+import { _Text } from './chunk-QCTIAKM6.js';
 import { useImageFallback } from './chunk-NS3XVOQ7.js';
-import { _Text } from './chunk-K7DU4YR4.js';
 import { AvatarContext } from './chunk-AES7QBQE.js';
-import { _RichIconAvatarImage } from './chunk-THUFFPGX.js';
+import { _RichIconAvatarImage } from './chunk-BO53NITW.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { BrokenImageRichIcon } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -12,7 +12,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Avatar.module.css#css-module
-var Avatar_module_default = { "hop-Avatar": "Avatar-module__hop-Avatar___IsFnk", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___xVZ4Y", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___dAvAi", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___v2kru", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___4a7C-", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___GGmZt", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___V0vm2", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___WjAhq", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___lp7nc", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___L4QFf", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___XDAjT", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___HT6Yj", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___ID7fC", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___yDEQt", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___FKawW", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___y4zJc", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___ikmZz" };
+var Avatar_module_default = { "hop-Avatar": "Avatar-module__hop-Avatar___voDSB", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___vyK5f", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___tZ1n5", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___ZETXa", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___2JJif", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___GbLkx", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___i2HmH", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___swzwE", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___61Ewl", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___btSY5", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___muuvm", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___FAvFc", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___tZ9LE", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___fXKic", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___43DZK", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___Hc--N", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___BNmTQ" };
 var GlobalAvatarCssSelector = "hop-Avatar";
 var AvatarToTextSizeAdapter = {
   xs: "xs",

package/dist/{chunk-MX5BW5VE.js → chunk-JVDCU4PT.js}

@@ -7,7 +7,7 @@ import { useContextProps, Text } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./OverlineText.module.css#css-module
-var OverlineText_module_default = { "hop-OverlineText": "OverlineText-module__hop-OverlineText___N5J5g", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___EUFfb" };
+var OverlineText_module_default = { "hop-OverlineText": "OverlineText-module__hop-OverlineText___-AumH", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___epYug" };
 var GlobalOverlineTextCssSelector = "hop-OverlineText";
 function OverlineText(props, ref) {
   [props, ref] = useContextProps(props, ref, OverlineTextContext);

package/dist/{chunk-XI3BX2TP.js → chunk-JVZRUDLP.js}

@@ -1,13 +1,13 @@
-import { useFontFaceReady } from './chunk-IU6XMS2X.js';
 import { useTruncatedText } from './chunk-Z57VHYOF.js';
+import { useFontFaceReady } from './chunk-IU6XMS2X.js';
 import { TextAreaContext } from './chunk-MHQZXLKW.js';
-import { _InputGroup } from './chunk-TFELIWJO.js';
+import { _InputGroup } from './chunk-PUMWU6M4.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
-import { useLocalizedString } from './chunk-F4H76S4H.js';
+import { useLocalizedString } from './chunk-TFVDF4YH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
-import { _Text } from './chunk-K7DU4YR4.js';
+import { _Text } from './chunk-QCTIAKM6.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -79,7 +79,7 @@ function $b5e257d569688ac6$export$535bd6ca7f90a273() {
 }
 
 // css-module:./TextArea.module.css#css-module
-var TextArea_module_default = { "hop-TextArea": "TextArea-module__hop-TextArea___RQPX1", "hop-TextArea--fluid": "TextArea-module__hop-TextArea--fluid___8Dtb-", "hop-TextArea__Label": "TextArea-module__hop-TextArea__Label___up8f-", "hop-TextArea__prefix": "TextArea-module__hop-TextArea__prefix___Goc9g", "hop-TextArea__InputGroup": "TextArea-module__hop-TextArea__InputGroup___5CqUn", "hop-TextArea__textarea": "TextArea-module__hop-TextArea__textarea___Hc7Ow", "hop-TextArea__char-count": "TextArea-module__hop-TextArea__char-count___U8NGM", "hop-TextArea__ErrorMessage": "TextArea-module__hop-TextArea__ErrorMessage___QQhT-", "hop-TextArea__HelperMessage": "TextArea-module__hop-TextArea__HelperMessage___JSKR5" };
+var TextArea_module_default = { "hop-TextArea": "TextArea-module__hop-TextArea___-viZw", "hop-TextArea--fluid": "TextArea-module__hop-TextArea--fluid___z9E7Y", "hop-TextArea__Label": "TextArea-module__hop-TextArea__Label___NLupB", "hop-TextArea__prefix": "TextArea-module__hop-TextArea__prefix___ToOXW", "hop-TextArea__InputGroup": "TextArea-module__hop-TextArea__InputGroup___NJe7D", "hop-TextArea__textarea": "TextArea-module__hop-TextArea__textarea___qdiem", "hop-TextArea__char-count": "TextArea-module__hop-TextArea__char-count___hejQO", "hop-TextArea__ErrorMessage": "TextArea-module__hop-TextArea__ErrorMessage___aOBw-", "hop-TextArea__HelperMessage": "TextArea-module__hop-TextArea__HelperMessage___RDO3F" };
 var GlobalTextAreaCssSelector = "hop-TextArea";
 var DefaultMinimumTextAreaRows = 3;
 var pxToInt = (value) => {

package/dist/{chunk-F4KQUFXI.js → chunk-L3Y67TUF.js}

@@ -1,7 +1,7 @@
-import { RadioGroupContext } from './chunk-5MBJWRZD.js';
-import { RadioListContext } from './chunk-A7TZHALP.js';
 import { RadioContext } from './chunk-FU5CCPLP.js';
 import { RadioFieldContext } from './chunk-DGLAGYBD.js';
+import { RadioGroupContext } from './chunk-5MBJWRZD.js';
+import { RadioListContext } from './chunk-A7TZHALP.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, RadioGroup as RadioGroup$1 } from
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./RadioGroup.module.css#css-module
-var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-RadioGroup___uUMYg", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___GS69Y", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___aaj9S", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___GZDza", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___6FEgv", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___ram8I", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___Wg80N", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___xY86-", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___vidfD" };
+var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-RadioGroup___Xb3dE", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___6ME7V", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___LFCc4", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___tynlW", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___KdIUX", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___XQf5n", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___KBI6w", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___An-sx", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___bKTCy" };
 var GlobalRadioGroupCssSelector = "hop-RadioGroup";
 function RadioGroup(props, ref) {
   var _a, _b;

package/dist/{chunk-QGC3OX7W.js → chunk-NEPRDVF7.js}

@@ -11,7 +11,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./SwitchField.module.css#css-module
-var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-SwitchField___zDwCH", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___lMs5H", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___QxTMV", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___VfRpb", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___CmbgN" };
+var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-SwitchField___J7KA6", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___JlpAt", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___i2eDM", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___xETIr", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___ciEgu" };
 var GlobalSwitchFieldCssSelector = "hop-SwitchField";
 var SwitchToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-4APVXEPA.js → chunk-NJHNYL6X.js}

@@ -2,7 +2,7 @@ import { SwitchContext } from './chunk-YHBJAXUY.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { _Text } from './chunk-K7DU4YR4.js';
+import { _Text } from './chunk-QCTIAKM6.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, Switch as Switch$1 } from 'react-a
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Switch.module.css#css-module
-var Switch_module_default = { "hop-Switch": "Switch-module__hop-Switch___PBSbj", "hop-Switch--sm": "Switch-module__hop-Switch--sm___XOtE7", "hop-Switch--md": "Switch-module__hop-Switch--md___2hAHs", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___yA7xK", "hop-Switch__text": "Switch-module__hop-Switch__text___zM-BW", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___rl5uH", "hop-Switch__icon": "Switch-module__hop-Switch__icon___TgU-E" };
+var Switch_module_default = { "hop-Switch": "Switch-module__hop-Switch___spK1e", "hop-Switch--sm": "Switch-module__hop-Switch--sm___pXmUA", "hop-Switch--md": "Switch-module__hop-Switch--md___1EMLj", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___8cdnp", "hop-Switch__text": "Switch-module__hop-Switch__text___jqfx-", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___cwZEQ", "hop-Switch__icon": "Switch-module__hop-Switch__icon___Cp-D0" };
 var GlobalSwitchCssSelector = "hop-Switch";
 function Switch(props, ref) {
   var _a;

package/dist/{chunk-XUCH26RT.js → chunk-OLXX46IZ.js}

@@ -1,5 +1,5 @@
 import { LabelContext } from './chunk-QCA3ZR56.js';
-import { useLocalizedString } from './chunk-F4H76S4H.js';
+import { useLocalizedString } from './chunk-TFVDF4YH.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
@@ -8,7 +8,7 @@ import { useContextProps, Label as Label$1 } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./Label.module.css#css-module
-var Label_module_default = { "hop-Label": "Label-module__hop-Label___43PE1", "hop-Label__indicator": "Label-module__hop-Label__indicator___PXvS0" };
+var Label_module_default = { "hop-Label": "Label-module__hop-Label___xyX8G", "hop-Label__indicator": "Label-module__hop-Label__indicator___QJQXo" };
 var GlobalLabelCssSelector = "hop-Label";
 function Label(props, ref) {
   [props, ref] = useContextProps(props, ref, LabelContext);

package/dist/{chunk-TFELIWJO.js → chunk-PUMWU6M4.js}

@@ -9,7 +9,7 @@ import { useContextProps, useSlottedContext, InputContext, TextAreaContext, Fiel
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./InputGroup.module.css#css-module
-var InputGroup_module_default = { "hop-InputGroup": "InputGroup-module__hop-InputGroup___JGJFG", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___6JfQH", "hop-InputGroup--sm": "InputGroup-module__hop-InputGroup--sm___JoxWu", "hop-InputGroup__input": "InputGroup-module__hop-InputGroup__input___2VtDU", "hop-InputGroup__textarea": "InputGroup-module__hop-InputGroup__textarea___eOkGw" };
+var InputGroup_module_default = { "hop-InputGroup": "InputGroup-module__hop-InputGroup___Bza37", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___cf38K", "hop-InputGroup--sm": "InputGroup-module__hop-InputGroup--sm___DJIbp", "hop-InputGroup__input": "InputGroup-module__hop-InputGroup__input___gfqs7", "hop-InputGroup__textarea": "InputGroup-module__hop-InputGroup__textarea___wZzaX" };
 var GlobalInputGroupCssSelector = "hop-InputGroup";
 function InputGroup(props, ref) {
   var _a, _b;

package/dist/{chunk-ZEXXNE5U.js → chunk-QAIK237T.js}

@@ -1,13 +1,13 @@
 import { TextFieldContext } from './chunk-O4XPUINW.js';
-import { _InputGroup } from './chunk-TFELIWJO.js';
-import { _ClearButton } from './chunk-WYBQCRQB.js';
+import { _InputGroup } from './chunk-PUMWU6M4.js';
+import { _ClearButton } from './chunk-HLXQ6C2E.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
-import { useLocalizedString } from './chunk-F4H76S4H.js';
+import { useLocalizedString } from './chunk-TFVDF4YH.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
-import { _Text } from './chunk-K7DU4YR4.js';
+import { _Text } from './chunk-QCTIAKM6.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -22,7 +22,7 @@ import { useContextProps, composeRenderProps, Input, TextField as TextField$1 }
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./TextField.module.css#css-module
-var TextField_module_default = { "hop-TextField": "TextField-module__hop-TextField___YVH8a", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___ZNRHZ", "hop-TextField__Label": "TextField-module__hop-TextField__Label___ztJuQ", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___Jjuy-", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___N7bZl", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___CUNme", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___FIu1i" };
+var TextField_module_default = { "hop-TextField": "TextField-module__hop-TextField___kOhsi", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___7iHqg", "hop-TextField__Label": "TextField-module__hop-TextField__Label___Gt48-", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___aeL29", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___g0Gme", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___Wp1Oo", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___TY3Us" };
 var GlobalTextFieldCssSelector = "hop-TextField";
 function TextField(props, ref) {
   var _a;

package/dist/{chunk-K7DU4YR4.js → chunk-QCTIAKM6.js}

@@ -9,7 +9,7 @@ import { useContextProps, Text as Text$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Text.module.css#css-module
-var Text_module_default = { "hop-Text": "Text-module__hop-Text___Ww7PP", "hop-Text--xs": "Text-module__hop-Text--xs___YsuwL", "hop-Text--sm": "Text-module__hop-Text--sm___9lTR-", "hop-Text--md": "Text-module__hop-Text--md___to5eX", "hop-Text--lg": "Text-module__hop-Text--lg___Y-6Mo", "hop-Text--xl": "Text-module__hop-Text--xl___Qo9et", "hop-Text--2xl": "Text-module__hop-Text--2xl___dViKj", "hop-Text--inherit": "Text-module__hop-Text--inherit___uMHTH" };
+var Text_module_default = { "hop-Text": "Text-module__hop-Text___D1rn4", "hop-Text--xs": "Text-module__hop-Text--xs___83nUB", "hop-Text--sm": "Text-module__hop-Text--sm___J7Ynn", "hop-Text--md": "Text-module__hop-Text--md___vDq4E", "hop-Text--lg": "Text-module__hop-Text--lg___d93YP", "hop-Text--xl": "Text-module__hop-Text--xl___7Poiv", "hop-Text--2xl": "Text-module__hop-Text--2xl___owE8f", "hop-Text--inherit": "Text-module__hop-Text--inherit___LGo4-" };
 var GlobalTextCssSelector = "hop-Text";
 function Text(props, ref) {
   [props, ref] = useContextProps(props, ref, TextContext);

package/dist/{chunk-CXWMHWSS.js → chunk-QSWSZUZM.js}

@@ -1,5 +1,5 @@
 import { AvatarContext } from './chunk-AES7QBQE.js';
-import { _RichIconAvatarImage } from './chunk-THUFFPGX.js';
+import { _RichIconAvatarImage } from './chunk-BO53NITW.js';
 import { DeletedUserRichIcon } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import clsx from 'clsx';

package/dist/{chunk-462UBJV3.js → chunk-SD6DBWYC.js}

@@ -12,7 +12,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./RadioField.module.css#css-module
-var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-RadioField___iH4DX", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___82LpO", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___mHhI1", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___VXjob", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___-LJe8" };
+var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-RadioField___C1gXe", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___LY1rM", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___QsiW7", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___PAedH", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___VMtji" };
 var GlobalRadioFieldCssSelector = "hop-RadioField";
 var RadioToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-ZPPQJKHC.js → chunk-SFZBLVJN.js}

@@ -2,7 +2,7 @@ import { RadioContext } from './chunk-FU5CCPLP.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { _Text } from './chunk-K7DU4YR4.js';
+import { _Text } from './chunk-QCTIAKM6.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -14,7 +14,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___W0NkE", "hop-Radio--focused": "Radio-module__hop-Radio--focused___37nBy", "hop-Radio--hovered": "Radio-module__hop-Radio--hovered___bnBdz", "hop-Radio--pressed": "Radio-module__hop-Radio--pressed___Idq0t", "hop-Radio--sm": "Radio-module__hop-Radio--sm___Xk9cY", "hop-Radio--md": "Radio-module__hop-Radio--md___Ookee", "hop-Radio__icon": "Radio-module__hop-Radio__icon___V-YEN", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___-ZAQI", "hop-Radio__box": "Radio-module__hop-Radio__box___o2-Za", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___c4d6u", "hop-Radio__text": "Radio-module__hop-Radio__text___3HhWA" };
+var Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___kjqe3", "hop-Radio--focused": "Radio-module__hop-Radio--focused___lQ30-", "hop-Radio--hovered": "Radio-module__hop-Radio--hovered___-S-oj", "hop-Radio--pressed": "Radio-module__hop-Radio--pressed___7J0QF", "hop-Radio--sm": "Radio-module__hop-Radio--sm___xnPjA", "hop-Radio--md": "Radio-module__hop-Radio--md___9JVd4", "hop-Radio__icon": "Radio-module__hop-Radio__icon___MXNrF", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___6PWZA", "hop-Radio__box": "Radio-module__hop-Radio__box___kGWwH", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___A5FBg", "hop-Radio__text": "Radio-module__hop-Radio__text___yqy6k" };
 var GlobalRadioCssSelector = "hop-Radio";
 function Radio(props, ref) {
   var _a;