@hopper-ui/components 1.0.5 → 1.0.7

package/dist/{chunk-KOA2CREJ.js → chunk-5CIADHZR.js}

@@ -1,11 +1,11 @@
-import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
+import { LinkContext } from './chunk-4VVNSXIB.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { LinkContext } from './chunk-4VVNSXIB.js';
-import { _Text } from './chunk-7Q7VIED2.js';
+import { _Text } from './chunk-E7Y25WJE.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 { forwardRef } from 'react';
@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps, DEFAULT_SLOT, Link as Link$1 } fro
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Link.module.css#css-module
-var Link_module_default = { "hop-Link": "Link-module__hop-Link___UXQIE", "hop-Link--quiet": "Link-module__hop-Link--quiet___wGnRL", "hop-Link--primary": "Link-module__hop-Link--primary___ti1DR", "hop-Link--secondary": "Link-module__hop-Link--secondary___WUbS9", "hop-Link__icon": "Link-module__hop-Link__icon___4hTxA", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___4mwdq", "hop-Link__text": "Link-module__hop-Link__text___zwfdO", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___qb39L", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___2OqTa" };
+var Link_module_default = { "hop-Link": "Link-module__hop-Link___A7403", "hop-Link--quiet": "Link-module__hop-Link--quiet___ZckQe", "hop-Link--primary": "Link-module__hop-Link--primary___7RcG1", "hop-Link--secondary": "Link-module__hop-Link--secondary___HiMOh", "hop-Link__icon": "Link-module__hop-Link__icon___D-D9r", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___RDI-L", "hop-Link__text": "Link-module__hop-Link__text___Vnxs6", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___pwaHz", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___74vmY" };
 var GlobalLinkCssSelector = "hop-Link";
 var LinkToIconSizeAdapter = {
   inherit: void 0,

package/dist/chunk-5H5AZJPQ.js

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

package/dist/{chunk-WTKIUAHI.js → chunk-632B5YBQ.js}

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

package/dist/{chunk-WFPCHFJI.js → chunk-666H6UTL.js}

@@ -1,8 +1,8 @@
 import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
 import { CheckboxContext } from './chunk-2EAZPH3M.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 { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
@@ -11,7 +11,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./CheckboxField.module.css#css-module
-var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___1AqAL", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___OJnAa", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___tIMZu", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___66dnG", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___wXN2n" };
+var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___lRXrF", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___QyS56", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___FDfFW", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___5z4Zy", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___wUKGl" };
 var GlobalCheckboxFieldCssSelector = "hop-CheckboxField";
 var CheckboxToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/chunk-7JOGKC3W.js

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

package/dist/chunk-AE24HPDG.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___7TzJN", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___9DyxE" };
+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-UOBWYTW7.js → chunk-CK5HMGDC.js}

@@ -1,17 +1,17 @@
 import { TextFieldContext } from './chunk-O4XPUINW.js';
-import { _InputGroup } from './chunk-GWEUWPLT.js';
-import { ErrorMessageContext } from './chunk-ACVMW6YD.js';
-import { HelperMessageContext } from './chunk-ESVVLTEN.js';
-import { _ClearButton } from './chunk-P7JRKXBD.js';
-import { useLocalizedString } from './chunk-H6CDFWVR.js';
+import { _InputGroup } from './chunk-YZRL7TXT.js';
+import { _ClearButton } from './chunk-HVUX7ZQ3.js';
+import { useLocalizedString } from './chunk-YEYNRBMQ.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
-import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
-import { _Text } from './chunk-7Q7VIED2.js';
-import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
+import { HelperMessageContext } from './chunk-HZKFQ33E.js';
+import { ErrorMessageContext } from './chunk-FAE27DLF.js';
+import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
+import { _Text } from './chunk-E7Y25WJE.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
+import { ClearContainerSlots } from './chunk-HXI3MEEK.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 { mergeRefs } from '@react-aria/utils';
@@ -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___kinvO", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___9n2wP", "hop-TextField__Label": "TextField-module__hop-TextField__Label___C1veN", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___Hw8Cr", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___or9FG", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___zXsFu", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___yHZ0J" };
+var TextField_module_default = { "hop-TextField": "TextField-module__hop-TextField___LZ2cj", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___mVkPz", "hop-TextField__Label": "TextField-module__hop-TextField__Label___0R9nA", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___mOaIR", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___OWSvz", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___-nvCK", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___J31YD" };
 var GlobalTextFieldCssSelector = "hop-TextField";
 function TextField(props, ref) {
   var _a;
@@ -100,7 +100,7 @@ function TextField(props, ref) {
   const inputMarkup = /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsxs(
     _InputGroup,
     {
-      isFluid,
+      isFluid: true,
       size,
       className: TextField_module_default["hop-TextField__InputGroup"],
       isDisabled,

package/dist/{chunk-5F5CWOM4.js → chunk-COBPJHIY.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___1Q95u", "hop-Label--xs": "Label-module__hop-Label--xs___26au1", "hop-Label--sm": "Label-module__hop-Label--sm___yXnaV", "hop-Label--md": "Label-module__hop-Label--md___KkrL-", "hop-Label--lg": "Label-module__hop-Label--lg___t1zeQ", "hop-Label--xl": "Label-module__hop-Label--xl___FWD2K", "hop-Label--2xl": "Label-module__hop-Label--2xl___nw4yX", "hop-Label--inherit": "Label-module__hop-Label--inherit___1xo-7" };
 var GlobalLabelCssSelector = "hop-Label";
 function Label(props, ref) {
   var _a;

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-THCG3QCD.js → chunk-CXIMLIUB.js}

@@ -1,8 +1,8 @@
-import { SwitchFieldContext } from './chunk-H7VJS4MX.js';
 import { SwitchContext } from './chunk-YHBJAXUY.js';
+import { SwitchFieldContext } from './chunk-H7VJS4MX.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 { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
@@ -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___nmxTu", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___cVtQp", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___DpMwX", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___hUNKc", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___-gZNo" };
+var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-SwitchField___cXB1T", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___6MUUx", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___-JFZO", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___GRPT3", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___qRL1p" };
 var GlobalSwitchFieldCssSelector = "hop-SwitchField";
 var SwitchToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/chunk-DESANYPD.js

@@ -0,0 +1,142 @@
+import { isFunction } from './chunk-TIPN4VYD.js';
+import { useLoadOnScroll } from './chunk-JTNMFPM4.js';
+import { SectionContext } from './chunk-5H5AZJPQ.js';
+import { ListBoxContext } from './chunk-UIEP5BA5.js';
+import { _ListBoxItem } from './chunk-SXPMPVDJ.js';
+import { useLocalizedString } from './chunk-YEYNRBMQ.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
+import { HeaderContext } from './chunk-7JOGKC3W.js';
+import { DividerContext } from './chunk-FYIHMKHI.js';
+import { _Text } from './chunk-E7Y25WJE.js';
+import { SlotProvider } from './chunk-M36KANKC.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { useContextProps, composeRenderProps, ListBox as ListBox$1, Collection } from 'react-aria-components';
+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___QXVwa", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___Bk46B", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___L6k5l", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___n2kTc", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___-2AbX", "hop-ListBox__divider": "ListBox-module__hop-ListBox__divider___nHChF" };
+var GlobalListBoxCssSelector = "hop-ListBox";
+var GlobalListBoxEmptyItemCssSelector = "hop-ListBox__empty-item";
+var ListBoxToTextSizeAdapter = {
+  xs: "sm",
+  sm: "sm",
+  md: "sm",
+  lg: "md"
+};
+function ListBox(props, ref) {
+  var _a, _b;
+  [props, ref] = useContextProps(props, ref, ListBoxContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    children,
+    disallowEmptySelection: disallowEmptySelectionProp,
+    isFluid: isFluidProp,
+    isInvalid,
+    isLoading,
+    onLoadMore,
+    renderEmptyState,
+    size: sizeProp,
+    style: styleProp,
+    selectionIndicator = "check",
+    selectionMode,
+    ...otherProps
+  } = ownProps;
+  const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "sm";
+  const isFluid = (_b = useResponsiveValue(isFluidProp)) != null ? _b : false;
+  const disallowEmptySelection = disallowEmptySelectionProp != null ? disallowEmptySelectionProp : selectionIndicator === "input" && selectionMode === "single";
+  const stringFormatter = useLocalizedString();
+  const classNames = composeClassnameRenderProps(
+    className,
+    GlobalListBoxCssSelector,
+    cssModule(
+      ListBox_module_default,
+      "hop-ListBox",
+      size,
+      isFluid && "fluid"
+    ),
+    stylingProps.className
+  );
+  const emptyItemClassNames = clsx(
+    GlobalListBoxEmptyItemCssSelector,
+    cssModule(
+      ListBox_module_default,
+      "hop-ListBox__empty-item",
+      size
+    )
+  );
+  const style = composeRenderProps(styleProp, (prev) => {
+    return {
+      ...stylingProps.style,
+      ...prev
+    };
+  });
+  const onScroll = useLoadOnScroll({ isLoading, onLoadMore }, ref);
+  const renderChildren = () => {
+    if (props.items) {
+      return /* @__PURE__ */ jsx(Collection, { items: props.items, children: (item) => isFunction(children) ? children(item) : children });
+    }
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  };
+  const handleRenderEmptyState = (renderProps) => {
+    let result = null;
+    if (renderEmptyState && isFunction(renderEmptyState)) {
+      result = renderEmptyState(renderProps);
+      if (result) {
+        return /* @__PURE__ */ jsx(_Text, { className: emptyItemClassNames, size: ListBoxToTextSizeAdapter[size], children: result });
+      }
+    }
+    return result;
+  };
+  return /* @__PURE__ */ jsx(
+    SlotProvider,
+    {
+      values: [
+        [HeaderContext, {
+          className: ListBox_module_default["hop-ListBox__section-header"]
+        }],
+        [SectionContext, {
+          className: ListBox_module_default["hop-ListBox__section"]
+        }],
+        [DividerContext, {
+          className: ListBox_module_default["hop-ListBox__divider"]
+        }],
+        [ListBoxItemContext, {
+          className: ListBox_module_default["hop-ListBox__item"],
+          size,
+          selectionIndicator,
+          isInvalid
+        }]
+      ],
+      children: /* @__PURE__ */ jsxs(
+        ListBox$1,
+        {
+          ...otherProps,
+          ref,
+          className: classNames,
+          disallowEmptySelection,
+          renderEmptyState: handleRenderEmptyState,
+          selectionMode,
+          style,
+          onScroll,
+          "data-loading": isLoading,
+          shouldSelectOnPressUp: true,
+          children: [
+            renderChildren(),
+            isLoading && Array.from({ length: 5 }).map((_, index) => {
+              return /* @__PURE__ */ jsx(_ListBoxItem, { id: `loadingListItem_${index.toString()}`, isLoading, size, textValue: stringFormatter.format("ListBoxItem.loadingTextValue") }, `loadingListItem_${index.toString()}`);
+            })
+          ]
+        }
+      )
+    }
+  );
+}
+var _ListBox = forwardRef(ListBox);
+_ListBox.displayName = "ListBox";
+
+export { GlobalListBoxCssSelector, GlobalListBoxEmptyItemCssSelector, _ListBox };

package/dist/{chunk-7Q7VIED2.js → chunk-E7Y25WJE.js}

@@ -1,7 +1,7 @@
-import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
+import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
@@ -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___xYoYb", "hop-Text--xs": "Text-module__hop-Text--xs___nPUGu", "hop-Text--sm": "Text-module__hop-Text--sm___nMPq3", "hop-Text--md": "Text-module__hop-Text--md___HT-Wz", "hop-Text--lg": "Text-module__hop-Text--lg___NL7tS", "hop-Text--xl": "Text-module__hop-Text--xl___3aFN2", "hop-Text--2xl": "Text-module__hop-Text--2xl___bsEDq", "hop-Text--inherit": "Text-module__hop-Text--inherit___xKxgn" };
+var Text_module_default = { "hop-Text": "Text-module__hop-Text___QAKDh", "hop-Text--xs": "Text-module__hop-Text--xs___q7OkS", "hop-Text--sm": "Text-module__hop-Text--sm___5RyDW", "hop-Text--md": "Text-module__hop-Text--md___qmqwg", "hop-Text--lg": "Text-module__hop-Text--lg___BZX0m", "hop-Text--xl": "Text-module__hop-Text--xl___3Zi7y", "hop-Text--2xl": "Text-module__hop-Text--2xl___RbrDM", "hop-Text--inherit": "Text-module__hop-Text--inherit___G5g04" };
 var GlobalTextCssSelector = "hop-Text";
 function Text(props, ref) {
   [props, ref] = useContextProps(props, ref, TextContext);

package/dist/{chunk-3IEED7AY.js → chunk-EBXHYPDU.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___ENkOl", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___NnNns" };
 var GlobalOverlineTextCssSelector = "hop-OverlineText";
 function OverlineText(props, ref) {
   [props, ref] = useContextProps(props, ref, OverlineTextContext);

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-TM6742MU.js → chunk-FMSIW5AX.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___Puvx-", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___69pSm", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___pbI9w", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___kjLfN", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___-WZys", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___NaHco", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___XuRNe", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___lKp5V" };
 var GlobalButtonGroupCssSelector = "hop-ButtonGroup";
 function ButtonGroup(props, ref) {
   var _a, _b, _c, _d, _e;

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-P7JRKXBD.js → chunk-HVUX7ZQ3.js}

@@ -1,6 +1,6 @@
 import { ClearButtonContext } from './chunk-DXVKHP4V.js';
-import { _EmbeddedButton } from './chunk-F7S2I43Y.js';
-import { useLocalizedString } from './chunk-H6CDFWVR.js';
+import { _EmbeddedButton } from './chunk-4TJUYXYN.js';
+import { useLocalizedString } from './chunk-YEYNRBMQ.js';
 import { DismissIcon } from '@hopper-ui/icons';
 import { forwardRef } from 'react';
 import { useContextProps } from 'react-aria-components';

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-6WWYES56.js → chunk-IUQNDY3E.js}

@@ -1,11 +1,11 @@
-import { TagContext } from './chunk-EWMWQ2MC.js';
 import { TagGroupContext } from './chunk-LCAS3YQV.js';
 import { TagListContext } from './chunk-XLKYXKWE.js';
-import { ErrorMessageContext } from './chunk-ACVMW6YD.js';
-import { HelperMessageContext } from './chunk-ESVVLTEN.js';
+import { TagContext } from './chunk-EWMWQ2MC.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
+import { HelperMessageContext } from './chunk-HZKFQ33E.js';
+import { ErrorMessageContext } from './chunk-FAE27DLF.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
@@ -13,7 +13,7 @@ import { useContextProps, FieldErrorContext, TagGroup as TagGroup$1 } from 'reac
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./TagGroup.module.css#css-module
-var TagGroup_module_default = { "hop-TagGroup": "TagGroup-module__hop-TagGroup___muX-P", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___dhbyb", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___V4zxa", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___u8YEV", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___SgKv3" };
+var TagGroup_module_default = { "hop-TagGroup": "TagGroup-module__hop-TagGroup___56WQ3", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___f0j9J", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___aSjzB", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___PLqFO", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___DQNXE" };
 var GlobalTagGroupCssSelector = "hop-TagGroup";
 function TagGroup(props, ref) {
   var _a;

package/dist/{chunk-2P3A4VVY.js → chunk-JSBRDJBE.js}

@@ -7,10 +7,6 @@ var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __commonJS = (cb, mod) => function __require() {
   return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 };
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -19,7 +15,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
   // If the importer is in node compatibility mode or this is not an ESM
   // file that has been converted to a CommonJS file using a Babel-
@@ -29,4 +24,4 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 
-export { __commonJS, __export, __reExport, __toESM };
+export { __commonJS, __toESM };

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-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-Z33QZKRG.js → chunk-LIUW56HE.js}

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

package/dist/{chunk-WNVTTHBK.js → chunk-LM4HMPSD.js}

@@ -1,5 +1,6 @@
-import { _OverlineText } from './chunk-3IEED7AY.js';
-import { BadgeContext } from './chunk-ZSFJVMJN.js';
+import { _OverlineText } from './chunk-EBXHYPDU.js';
+import { BadgeContext } from './chunk-CQDLZ42T.js';
+import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
@@ -8,7 +9,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Badge.module.css#css-module
-var Badge_module_default = { "hop-Badge": "Badge-module__hop-Badge___6JEMi", "hop-Badge--primary": "Badge-module__hop-Badge--primary___fXWYG", "hop-Badge--secondary": "Badge-module__hop-Badge--secondary___vxWGy" };
+var Badge_module_default = { "hop-Badge": "Badge-module__hop-Badge___gejg5", "hop-Badge--primary": "Badge-module__hop-Badge--primary___-DIFS", "hop-Badge--secondary": "Badge-module__hop-Badge--secondary___aTpzY" };
 var GlobalBadgeCssSelector = "hop-Badge";
 function Badge(props, ref) {
   [props, ref] = useContextProps(props, ref, BadgeContext);
@@ -36,7 +37,7 @@ function Badge(props, ref) {
     ...stylingProps.style,
     ...style
   };
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsx(
     _OverlineText,
     {
       ...otherProps,
@@ -48,7 +49,7 @@ function Badge(props, ref) {
       "aria-disabled": isDisabled || void 0,
       children
     }
-  );
+  ) });
 }
 var _Badge = forwardRef(Badge);
 _Badge.displayName = "Badge";