@hopper-ui/components 1.0.5 → 1.0.6

package/dist/{chunk-TM6742MU.js → chunk-BKC74M6Y.js}

@@ -1,7 +1,7 @@
-import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
+import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { filterDOMProps } from '@react-aria/utils';
 import clsx from 'clsx';
@@ -10,7 +10,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./ButtonGroup.module.css#css-module
-var ButtonGroup_module_default = { "hop-ButtonGroup": "ButtonGroup-module__hop-ButtonGroup___nzEIB", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___-b5iJ", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___bArOc", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___5BJTJ", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___bPHp6", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___RtzB4", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___PiEGR", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___9BHBE" };
+var ButtonGroup_module_default = { "hop-ButtonGroup": "ButtonGroup-module__hop-ButtonGroup___WMOza", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___Ifbuz", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___FV4jP", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___SCa6l", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___09ey-", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___SudBa", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___O3fzZ", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___70I5p" };
 var GlobalButtonGroupCssSelector = "hop-ButtonGroup";
 function ButtonGroup(props, ref) {
   var _a, _b, _c, _d, _e;

package/dist/{chunk-ZSFJVMJN.js → chunk-CQDLZ42T.js}

@@ -1,6 +1,6 @@
 import { createContext } from 'react';
 
-// src/badge/src/BadgeContext.ts
+// src/Badge/src/BadgeContext.ts
 var BadgeContext = createContext({});
 BadgeContext.displayName = "BadgeContext";
 

package/dist/chunk-E4ALW4MZ.js

@@ -0,0 +1,250 @@
+import { _RadioGroup } from './chunk-JRDN364E.js';
+import { _RadioList } from './chunk-NKHMUPAP.js';
+import { _Radio } from './chunk-2XUHTPCX.js';
+import { _Checkbox } from './chunk-53FHDOG7.js';
+import { useLocalizedString } from './chunk-ZOTVZM6F.js';
+import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
+import { _ListBoxItemSkeleton } from './chunk-4TXFHYHL.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { BadgeContext } from './chunk-CQDLZ42T.js';
+import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
+import { IconListContext } from './chunk-DHVVYSLB.js';
+import { _Text } from './chunk-RG4JKE4N.js';
+import { TextContext } from './chunk-X6SER3TZ.js';
+import { SlotProvider } from './chunk-M36KANKC.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { CheckmarkIcon, IconContext } from '@hopper-ui/icons';
+import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import { forwardRef, useContext, useState } from 'react';
+import { useContextProps, composeRenderProps, ListBoxItem as ListBoxItem$1, ListStateContext, DEFAULT_SLOT } from 'react-aria-components';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// css-module:./ListBoxItem.module.css#css-module
+var ListBoxItem_module_default = { "hop-ListBoxItem": "ListBoxItem-module__hop-ListBoxItem___Yx1lW", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___-dXrA", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___PJua2", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___tUXMc", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___eGqO4", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___QR5j1", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___Ei8-S", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___grvX-", "hop-ListBoxItem__radio-group": "ListBoxItem-module__hop-ListBoxItem__radio-group___7RjtE", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___jfL9v", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___q2xtk", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___FHexQ", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___0KEwI", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___-q2Uo", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___h93Wc", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___bzOPv", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___AONN3" };
+var GlobalListBoxItemCssSelector = "hop-ListBoxItem";
+var ListBoxItemToIconSizeAdapter = {
+  xs: "sm",
+  sm: "sm",
+  md: "md",
+  lg: "md"
+};
+var ListBoxItemToTextSizeAdapter = {
+  xs: "sm",
+  sm: "sm",
+  md: "sm",
+  lg: "md"
+};
+function ListBoxItemInner(props) {
+  const stringFormatter = useLocalizedString();
+  const listStateContext = useContext(ListStateContext);
+  const {
+    selectionMode,
+    isDisabled,
+    isFocusVisible,
+    isPressed,
+    isHovered,
+    isSelected,
+    selectionIndicator,
+    isInvalid,
+    size,
+    children
+  } = 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 [isListHasSelectionEnd, setIsListHasSelectionEnd] = useState(isListHasSelection);
+  const handleTransitionEnd = (event) => {
+    if (event.propertyName === "grid-template-columns") {
+      setIsListHasSelectionEnd((prev) => isListHasSelection && !prev);
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: ListBoxItem_module_default["hop-ListBoxItem__inner"],
+      "data-list-has-selection": isListHasSelection || void 0,
+      "data-list-has-selection-end": isListHasSelectionEnd || void 0,
+      onTransitionEnd: handleTransitionEnd,
+      children: [
+        isRadio && /* @__PURE__ */ jsx(
+          _RadioGroup,
+          {
+            size: "sm",
+            "aria-hidden": "true",
+            "aria-label": stringFormatter.format("ListBoxItem.indicatorAriaLabel"),
+            value: isSelected ? "radio" : null,
+            className: ListBoxItem_module_default["hop-ListBoxItem__radio-group"],
+            isInvalid,
+            children: /* @__PURE__ */ jsx(_RadioList, { children: /* @__PURE__ */ jsx(
+              _Radio,
+              {
+                className: ListBoxItem_module_default["hop-ListBoxItem__radio"],
+                value: "radio",
+                isDisabled,
+                isFocused: isFocusVisible,
+                isHovered,
+                isPressed
+              }
+            ) })
+          }
+        ),
+        isCheckbox && /* @__PURE__ */ jsx(
+          _Checkbox,
+          {
+            size: "sm",
+            value: "checkbox",
+            "aria-hidden": "true",
+            className: ListBoxItem_module_default["hop-ListBoxItem__checkbox"],
+            isDisabled,
+            isFocused: isFocusVisible,
+            isHovered,
+            isPressed,
+            isSelected,
+            isInvalid
+          }
+        ),
+        isCheck && /* @__PURE__ */ jsx(CheckmarkIcon, { className: ListBoxItem_module_default["hop-ListBoxItem__checkmark"], size: "sm" }),
+        /* @__PURE__ */ jsx(
+          SlotProvider,
+          {
+            values: [
+              [TextContext, {
+                slots: {
+                  [DEFAULT_SLOT]: {
+                    slot: "label",
+                    className: ListBoxItem_module_default["hop-ListBoxItem__label"],
+                    size: ListBoxItemToTextSizeAdapter[size]
+                  },
+                  label: {
+                    className: ListBoxItem_module_default["hop-ListBoxItem__label"],
+                    size: ListBoxItemToTextSizeAdapter[size]
+                  },
+                  description: {
+                    className: ListBoxItem_module_default["hop-ListBoxItem__description"],
+                    size: "xs"
+                  }
+                }
+              }],
+              [IconListContext, {
+                slots: {
+                  [DEFAULT_SLOT]: {
+                    className: ListBoxItem_module_default["hop-ListBoxItem__icon-list"],
+                    size: ListBoxItemToIconSizeAdapter[size]
+                  },
+                  "end-icon": {
+                    className: ListBoxItem_module_default["hop-ListBoxItem__end-icon-list"],
+                    size: ListBoxItemToIconSizeAdapter[size]
+                  }
+                }
+              }],
+              [IconContext, {
+                slots: {
+                  [DEFAULT_SLOT]: {
+                    className: ListBoxItem_module_default["hop-ListBoxItem__icon"],
+                    size: ListBoxItemToIconSizeAdapter[size]
+                  },
+                  "end-icon": {
+                    className: ListBoxItem_module_default["hop-ListBoxItem__end-icon"],
+                    size: ListBoxItemToIconSizeAdapter[size]
+                  }
+                }
+              }],
+              [BadgeContext, {
+                className: ListBoxItem_module_default["hop-ListBoxItem__badge"],
+                isDisabled
+              }]
+            ],
+            children
+          }
+        )
+      ]
+    }
+  );
+}
+function ListBoxItem(props, ref) {
+  var _a;
+  [props, ref] = useContextProps(props, ref, ListBoxItemContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    children: childrenProp,
+    isDisabled,
+    isInvalid,
+    isLoading,
+    size: sizeProp,
+    style: styleProp,
+    textValue: textValueProp,
+    selectionIndicator,
+    ...otherProps
+  } = ownProps;
+  const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "sm";
+  const textValue = textValueProp != null ? textValueProp : typeof childrenProp === "string" ? childrenProp : void 0;
+  const classNames = composeClassnameRenderProps(
+    className,
+    GlobalListBoxItemCssSelector,
+    cssModule(
+      ListBoxItem_module_default,
+      "hop-ListBoxItem",
+      size,
+      selectionIndicator
+    ),
+    stylingProps.className
+  );
+  const style = composeRenderProps(styleProp, (prev) => {
+    return {
+      ...stylingProps.style,
+      ...prev
+    };
+  });
+  const children = composeRenderProps(childrenProp, (prev) => {
+    if (prev && isTextOnlyChildren(prev)) {
+      return /* @__PURE__ */ jsx(_Text, { slot: "label", children: prev });
+    }
+    return prev;
+  });
+  return /* @__PURE__ */ jsx(
+    ListBoxItem$1,
+    {
+      ...otherProps,
+      ref,
+      className: classNames,
+      style,
+      textValue,
+      isDisabled: isLoading || isDisabled,
+      "data-invalid": isInvalid || void 0,
+      "data-loading": isLoading || void 0,
+      children: (listBoxItemProps) => {
+        if (isLoading) {
+          return /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: ListBoxItem_module_default["hop-ListBoxItem__inner"],
+              children: /* @__PURE__ */ jsx(
+                _ListBoxItemSkeleton,
+                {
+                  size,
+                  slot: "label"
+                }
+              )
+            }
+          );
+        }
+        return /* @__PURE__ */ jsx(
+          ListBoxItemInner,
+          {
+            ...listBoxItemProps,
+            selectionIndicator,
+            isInvalid,
+            size,
+            children: children(listBoxItemProps)
+          }
+        );
+      }
+    }
+  );
+}
+var _ListBoxItem = forwardRef(ListBoxItem);
+_ListBoxItem.displayName = "ListBoxItem";
+
+export { GlobalListBoxItemCssSelector, _ListBoxItem };

package/dist/{chunk-OPFRM3JC.js → chunk-E4WFKXW4.js}

@@ -1,6 +1,6 @@
-import { _Text } from './chunk-7Q7VIED2.js';
+import { _Text } from './chunk-RG4JKE4N.js';
 import { AvatarContext } from './chunk-AES7QBQE.js';
-import { _RichIconAvatarImage } from './chunk-CP4AWOFU.js';
+import { _RichIconAvatarImage } from './chunk-ITQK6JTD.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useImageFallback } from './chunk-NS3XVOQ7.js';
 import { BrokenImageRichIcon } from '@hopper-ui/icons';
@@ -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___d9YZ9", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___BWHEr", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___fNWQO", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___-6GnY", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___f8yyT", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___r5PUt", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___CG0YD", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___OIRSj", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___-uwSb", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___xhe3G", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___e38Gs", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___-GQzw", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___CeiJh", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___nvuXB", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___Q4Z9Z", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___TsOBZ", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___6YUZZ" };
+var Avatar_module_default = { "hop-Avatar": "Avatar-module__hop-Avatar___8RZO3", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___ynFuF", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___3oY2t", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___6Gv9Q", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___S6Ehu", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___1CYyi", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___u7E0y", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___ULBn2", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___J4qwW", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___yKw7L", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___KS3Oe", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___lTcxY", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___vuJcI", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___SBK4z", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___smE79", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___vvtuE", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___M4hSZ" };
 var GlobalAvatarCssSelector = "hop-Avatar";
 var AvatarToTextSizeAdapter = {
   xs: "xs",

package/dist/{chunk-KOJGCQ3F.js → chunk-F2URSFJA.js}

@@ -1,10 +1,10 @@
-import { ChipContext } from './chunk-WTKIUAHI.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { _Text } from './chunk-7Q7VIED2.js';
+import { ChipContext } from './chunk-632B5YBQ.js';
+import { _Text } from './chunk-RG4JKE4N.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
 import { IconContext } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
@@ -13,7 +13,7 @@ import { useContextProps, DEFAULT_SLOT } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Chip.module.css#css-module
-var Chip_module_default = { "hop-Chip": "Chip-module__hop-Chip___cxU82", "hop-Chip--xs": "Chip-module__hop-Chip--xs___MPhiR", "hop-Chip--sm": "Chip-module__hop-Chip--sm___OYijB", "hop-Chip--md": "Chip-module__hop-Chip--md___-CMix", "hop-Chip--lg": "Chip-module__hop-Chip--lg___j1jM1", "hop-Chip--neutral": "Chip-module__hop-Chip--neutral___kLtLJ", "hop-Chip--progress": "Chip-module__hop-Chip--progress___5GBF8", "hop-Chip--positive": "Chip-module__hop-Chip--positive___F-3cU", "hop-Chip--caution": "Chip-module__hop-Chip--caution___ezAXo", "hop-Chip--negative": "Chip-module__hop-Chip--negative___SrEHc", "hop-Chip--option1": "Chip-module__hop-Chip--option1___TNAVL", "hop-Chip--option2": "Chip-module__hop-Chip--option2___WFy37", "hop-Chip--option3": "Chip-module__hop-Chip--option3___qYEVE", "hop-Chip--option4": "Chip-module__hop-Chip--option4___MHav7", "hop-Chip--option5": "Chip-module__hop-Chip--option5___Y-i-5", "hop-Chip--option6": "Chip-module__hop-Chip--option6___qTRX9", "hop-Chip--inactive": "Chip-module__hop-Chip--inactive___vSk80", "hop-Chip--disabled": "Chip-module__hop-Chip--disabled___175zy", "hop-Chip__icon": "Chip-module__hop-Chip__icon___yyVQ2", "hop-Chip__icon-list": "Chip-module__hop-Chip__icon-list___fSAV6", "hop-Chip__text": "Chip-module__hop-Chip__text___hO2-Q", "hop-Chip__end-icon": "Chip-module__hop-Chip__end-icon___thI6k", "hop-Chip__end-icon-list": "Chip-module__hop-Chip__end-icon-list___sNXbx" };
+var Chip_module_default = { "hop-Chip": "Chip-module__hop-Chip___s008o", "hop-Chip--xs": "Chip-module__hop-Chip--xs___b5iix", "hop-Chip--sm": "Chip-module__hop-Chip--sm___C8xGE", "hop-Chip--md": "Chip-module__hop-Chip--md___taZzL", "hop-Chip--lg": "Chip-module__hop-Chip--lg___7MJ0a", "hop-Chip--neutral": "Chip-module__hop-Chip--neutral___WiQy4", "hop-Chip--progress": "Chip-module__hop-Chip--progress___D-NIl", "hop-Chip--positive": "Chip-module__hop-Chip--positive___x7VFX", "hop-Chip--caution": "Chip-module__hop-Chip--caution___4ZjhL", "hop-Chip--negative": "Chip-module__hop-Chip--negative___D02Dr", "hop-Chip--option1": "Chip-module__hop-Chip--option1___eYOWy", "hop-Chip--option2": "Chip-module__hop-Chip--option2___2gGTf", "hop-Chip--option3": "Chip-module__hop-Chip--option3___1ZcdZ", "hop-Chip--option4": "Chip-module__hop-Chip--option4___5KV7u", "hop-Chip--option5": "Chip-module__hop-Chip--option5___dcyfm", "hop-Chip--option6": "Chip-module__hop-Chip--option6___PO6T4", "hop-Chip--inactive": "Chip-module__hop-Chip--inactive___ASMuf", "hop-Chip--disabled": "Chip-module__hop-Chip--disabled___-uqxh", "hop-Chip__icon": "Chip-module__hop-Chip__icon___mqVpj", "hop-Chip__icon-list": "Chip-module__hop-Chip__icon-list___PV91l", "hop-Chip__text": "Chip-module__hop-Chip__text___KOlG8", "hop-Chip__end-icon": "Chip-module__hop-Chip__end-icon___yJdUP", "hop-Chip__end-icon-list": "Chip-module__hop-Chip__end-icon-list___BmX3z" };
 var GlobalChipCssSelector = "hop-Chip";
 var ChipToTextSizeAdapter = {
   xs: "xs",

package/dist/{chunk-ACVMW6YD.js → chunk-FAE27DLF.js}

@@ -1,6 +1,6 @@
 import { createContext } from 'react';
 
-// src/errorMessage/src/ErrorMessageContext.ts
+// src/ErrorMessage/src/ErrorMessageContext.ts
 var ErrorMessageContext = createContext({});
 ErrorMessageContext.displayName = "ErrorMessageContext";
 

package/dist/chunk-FYIHMKHI.js

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

package/dist/{chunk-BVGKXCQH.js → chunk-G242LPQE.js}

@@ -1,4 +1,4 @@
-import { _Label } from './chunk-5F5CWOM4.js';
+import { _Label } from './chunk-HR25MLRP.js';
 import { SpinnerContext } from './chunk-4ZYV2XLW.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -8,7 +8,7 @@ import { useContextProps, ProgressBar } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./Spinner.module.css#css-module
-var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___RPH--", "spin": "Spinner-module__spin___oUKEY", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___tp6ha", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___hQWm0", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___erfkq", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___bATgL", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___eBQF8", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___J7Dnp" };
+var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___LbEMh", "spin": "Spinner-module__spin___Z5UnU", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___peiQV", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___8fE20", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___3UVCZ", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___tZuJb", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___EVNJP", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___nM4Dw" };
 var GlobalSpinnerCssSelector = "hop-Spinner";
 var SpinnerToLabelSizeAdapter = {
   sm: "xs",

package/dist/{chunk-5F5CWOM4.js → chunk-HR25MLRP.js}

@@ -7,7 +7,7 @@ import { useContextProps, Label as Label$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Label.module.css#css-module
-var Label_module_default = { "hop-Label": "Label-module__hop-Label___Wqsi6", "hop-Label--xs": "Label-module__hop-Label--xs___4haq7", "hop-Label--sm": "Label-module__hop-Label--sm___-mTev", "hop-Label--md": "Label-module__hop-Label--md___Itj3l", "hop-Label--lg": "Label-module__hop-Label--lg___HB3TK", "hop-Label--xl": "Label-module__hop-Label--xl___7o9x-", "hop-Label--2xl": "Label-module__hop-Label--2xl___7vA1P", "hop-Label--inherit": "Label-module__hop-Label--inherit___XavZ-" };
+var Label_module_default = { "hop-Label": "Label-module__hop-Label___mLBaa", "hop-Label--xs": "Label-module__hop-Label--xs___SooLf", "hop-Label--sm": "Label-module__hop-Label--sm___0IFHf", "hop-Label--md": "Label-module__hop-Label--md___OwSmD", "hop-Label--lg": "Label-module__hop-Label--lg___NtQQ0", "hop-Label--xl": "Label-module__hop-Label--xl___-Hdm9", "hop-Label--2xl": "Label-module__hop-Label--2xl___Ulb-V", "hop-Label--inherit": "Label-module__hop-Label--inherit___K1Xcp" };
 var GlobalLabelCssSelector = "hop-Label";
 function Label(props, ref) {
   var _a;

package/dist/{chunk-ESVVLTEN.js → chunk-HZKFQ33E.js}

@@ -1,6 +1,6 @@
 import { createContext } from 'react';
 
-// src/helperMessage/src/HelperMessageContext.ts
+// src/HelperMessage/src/HelperMessageContext.ts
 var HelperMessageContext = createContext({});
 HelperMessageContext.displayName = "HelperMessageContext";
 

package/dist/chunk-I4VPBQI7.js

@@ -0,0 +1,7 @@
+import { DialogTrigger } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+// src/overlays/Popover/src/PopoverTrigger.tsx
+var PopoverTrigger = (props) => /* @__PURE__ */ jsx(DialogTrigger, { ...props, children: props.children });
+
+export { PopoverTrigger };

package/dist/{chunk-CP4AWOFU.js → chunk-ITQK6JTD.js}

@@ -1,5 +1,5 @@
-import { cssModule } from './chunk-KVDXQMWI.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
 import { RichIconAvatarImageContext } from './chunk-JWW56J7M.js';
 import { RichIconContext } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -9,7 +9,7 @@ import { useContextProps } 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___oV9WF", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___kdGVl", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___4WUqP", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___fsiew", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___BJtzS", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___MFhsm", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___jFtFa", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___9-bD3" };
+var RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-RichIconAvatarImage___R2v-y", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___r7PMb", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___nZFlr", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___mkcIx", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___TifOU", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___xs3Zv", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___l0TTX", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___6FWkl" };
 var GlobalRichIconAvatarImageCssSelector = "hop-RichIconAvatarImage";
 var AvatarToIconSizeAdapter = {
   xs: "md",

package/dist/{chunk-Z33QZKRG.js → chunk-J33IFG4U.js}

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

package/dist/chunk-J53HGLCT.js

@@ -0,0 +1,49 @@
+import { DividerContext } from './chunk-FYIHMKHI.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { useStyledSystem } from '@hopper-ui/styled-system';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+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___lUCFu", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___uIryJ" };
+var GlobalDividerCssSelector = "hop-Divider";
+function Divider(props, ref) {
+  [props, ref] = useContextProps(props, ref, DividerContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    style,
+    orientation,
+    ...otherProps
+  } = ownProps;
+  const classNames = clsx(
+    GlobalDividerCssSelector,
+    cssModule(
+      Divider_module_default,
+      "hop-Divider",
+      orientation
+    ),
+    stylingProps.className,
+    className
+  );
+  const mergedStyles = {
+    ...stylingProps.style,
+    ...style
+  };
+  return /* @__PURE__ */ jsx(
+    Separator,
+    {
+      ...otherProps,
+      ref,
+      className: classNames,
+      style: mergedStyles,
+      orientation
+    }
+  );
+}
+var _Divider = forwardRef(Divider);
+_Divider.displayName = "Divider";
+
+export { GlobalDividerCssSelector, _Divider };

package/dist/{chunk-W2SKBBWE.js → chunk-JRDN364E.js}

@@ -1,20 +1,20 @@
+import { RadioFieldContext } from './chunk-DGLAGYBD.js';
 import { RadioGroupContext } from './chunk-5MBJWRZD.js';
 import { RadioListContext } from './chunk-A7TZHALP.js';
-import { RadioFieldContext } from './chunk-DGLAGYBD.js';
 import { RadioContext } from './chunk-FU5CCPLP.js';
-import { ErrorMessageContext } from './chunk-ACVMW6YD.js';
-import { HelperMessageContext } from './chunk-ESVVLTEN.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
+import { ErrorMessageContext } from './chunk-FAE27DLF.js';
+import { HelperMessageContext } from './chunk-HZKFQ33E.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { forwardRef } from 'react';
 import { useContextProps, composeRenderProps, RadioGroup as RadioGroup$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./RadioGroup.module.css#css-module
-var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-RadioGroup___ZkN81", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___Bi-0Z", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___rknTP", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___hXQE8", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___2-otR", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___HI--g", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___Y2PHm", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___fsKgY", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___qULS3" };
+var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-RadioGroup___S6s5y", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___CFrBV", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___2p7Wk", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___eqGjG", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___7-iXB", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___C5N0N", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___k3eYk", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___vOUPq", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___uQgIj" };
 var GlobalRadioGroupCssSelector = "hop-RadioGroup";
 function RadioGroup(props, ref) {
   var _a, _b;

package/dist/chunk-JTNMFPM4.js

@@ -0,0 +1,41 @@
+import { useIsomorphicLayoutEffect } from '@hopper-ui/styled-system';
+import { useState, useRef, useCallback } from 'react';
+
+// src/ListBox/src/useLoadOnScroll.ts
+function useLoadOnScroll(props, ref) {
+  const { isLoading, onLoadMore, scrollOffset = 5 } = props;
+  const [hasLoaded, setHasLoaded] = useState(false);
+  const isLoadingRef = useRef(isLoading);
+  const prevProps = useRef(props);
+  const onScroll = useCallback(() => {
+    if (ref.current && !isLoadingRef.current && onLoadMore) {
+      const shouldLoadMore = ref.current.scrollHeight - ref.current.scrollTop - ref.current.clientHeight < scrollOffset;
+      if (shouldLoadMore) {
+        isLoadingRef.current = true;
+        onLoadMore();
+      }
+    }
+  }, [onLoadMore, ref, scrollOffset]);
+  const lastContentSize = useRef(0);
+  useIsomorphicLayoutEffect(() => {
+    var _a;
+    const wasLoading = isLoadingRef.current;
+    if (props !== prevProps.current) {
+      isLoadingRef.current = isLoading;
+      prevProps.current = props;
+    }
+    const shouldLoadMore = !hasLoaded && (ref == null ? void 0 : ref.current) && !isLoadingRef.current && onLoadMore && ref.current.clientHeight === ref.current.scrollHeight && (wasLoading || ref.current.scrollHeight !== lastContentSize.current);
+    if (shouldLoadMore) {
+      isLoadingRef.current = true;
+      onLoadMore == null ? void 0 : onLoadMore();
+      setHasLoaded(true);
+    }
+    lastContentSize.current = ((_a = ref.current) == null ? void 0 : _a.scrollHeight) || 0;
+    return () => {
+      setHasLoaded(false);
+    };
+  }, [isLoading, onLoadMore, props, ref]);
+  return onScroll;
+}
+
+export { useLoadOnScroll };

package/dist/{chunk-FYDLV5BM.js → chunk-JUMJ6A3K.js}

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

package/dist/{chunk-3IEED7AY.js → chunk-K4ZGI7DJ.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___pTUGl", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___D5JMM" };
+var OverlineText_module_default = { "hop-OverlineText": "OverlineText-module__hop-OverlineText___a5x6R", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___TV62d" };
 var GlobalOverlineTextCssSelector = "hop-OverlineText";
 function OverlineText(props, ref) {
   [props, ref] = useContextProps(props, ref, OverlineTextContext);

package/dist/chunk-L5A2UTQV.js

@@ -0,0 +1,43 @@
+import { HeaderContext } from './chunk-7JOGKC3W.js';
+import { useStyledSystem } from '@hopper-ui/styled-system';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { useContextProps, Header as Header$1 } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+var GlobalHeaderCssSelector = "hop-Header";
+function Header(props, ref) {
+  [props, ref] = useContextProps(props, ref, HeaderContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    children,
+    style,
+    slot,
+    ...otherProps
+  } = ownProps;
+  const classNames = clsx(
+    GlobalHeaderCssSelector,
+    stylingProps.className,
+    className
+  );
+  const mergedStyles = {
+    ...stylingProps.style,
+    ...style
+  };
+  return /* @__PURE__ */ jsx(
+    Header$1,
+    {
+      ...otherProps,
+      ref,
+      className: classNames,
+      style: mergedStyles,
+      slot: slot || void 0,
+      children
+    }
+  );
+}
+var _Header = forwardRef(Header);
+_Header.displayName = "Header";
+
+export { GlobalHeaderCssSelector, _Header };

package/dist/{chunk-F7S2I43Y.js → chunk-MED2BIDV.js}

@@ -1,7 +1,7 @@
 import { EmbeddedButtonContext } from './chunk-O7IJYNVQ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
 import { IconContext } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { forwardRef } from 'react';
@@ -9,7 +9,7 @@ import { useContextProps, composeRenderProps, Button } from 'react-aria-componen
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./EmbeddedButton.module.css#css-module
-var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-EmbeddedButton___aWxfX", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___MHkDZ", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___hXT2I", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___XoFBK" };
+var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-EmbeddedButton___-vxw3", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___-R-Cb", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___RoLAu", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___JHGDE" };
 var GlobalEmbeddedButtonCssSelector = "hop-EmbeddedButton";
 function EmbeddedButton(props, ref) {
   var _a;