@hopper-ui/components 1.1.0 → 1.2.0

package/dist/{chunk-KA6KVIVV.js → chunk-VYKPDMP3.js}

@@ -1,8 +1,8 @@
 import { SwitchContext } from './chunk-YHBJAXUY.js';
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { _Text } from './chunk-6MSRPPI6.js';
+import { _Text } from './chunk-XT2MZWEV.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___O8KNx", "hop-Switch--sm": "Switch-module__hop-Switch--sm___S19Re", "hop-Switch--md": "Switch-module__hop-Switch--md___zJnb3", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___1aOFY", "hop-Switch__text": "Switch-module__hop-Switch__text___pxT8d", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___fvPJj", "hop-Switch__icon": "Switch-module__hop-Switch__icon___xoa-8" };
+var Switch_module_default = { "hop-Switch": "Switch-module__hop-Switch___Mf5VL", "hop-Switch--sm": "Switch-module__hop-Switch--sm___-gT1c", "hop-Switch--md": "Switch-module__hop-Switch--md___bPSgp", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___Ak4ez", "hop-Switch__text": "Switch-module__hop-Switch__text___yWPwC", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___Lx1ak", "hop-Switch__icon": "Switch-module__hop-Switch__icon___vAPk1" };
 var GlobalSwitchCssSelector = "hop-Switch";
 function Switch(props, ref) {
   var _a;

package/dist/{chunk-XHZ4R2MB.js → chunk-W2BQZEW6.js}

@@ -2,13 +2,13 @@ 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-RD6VCI72.js';
-import { useLocalizedString } from './chunk-YEYNRBMQ.js';
+import { _ListBoxItem } from './chunk-W474WFOP.js';
+import { useLocalizedString } from './chunk-F4H76S4H.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-6MSRPPI6.js';
+import { _Text } from './chunk-XT2MZWEV.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -18,7 +18,7 @@ import { useContextProps, composeRenderProps, ListBox as ListBox$1, Collection }
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./ListBox.module.css#css-module
-var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___cyQ8m", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___TImf9", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___nULeu", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___r3RgS", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___DWGXa", "hop-ListBox__divider": "ListBox-module__hop-ListBox__divider___ncxbm" };
+var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___84c8C", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___mHn4u", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___iv9s3", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___rQ48O", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___WUF4y", "hop-ListBox__divider": "ListBox-module__hop-ListBox__divider___PU1hF" };
 var GlobalListBoxCssSelector = "hop-ListBox";
 var GlobalListBoxEmptyItemCssSelector = "hop-ListBox__empty-item";
 var ListBoxToTextSizeAdapter = {

package/dist/{chunk-RD6VCI72.js → chunk-W474WFOP.js}

@@ -1,16 +1,17 @@
 import { _RadioList } from './chunk-NKHMUPAP.js';
-import { _Radio } from './chunk-TMWNNF4J.js';
-import { _RadioGroup } from './chunk-VVY3ONWS.js';
-import { _Checkbox } from './chunk-ZNGSZW7M.js';
-import { useLocalizedString } from './chunk-YEYNRBMQ.js';
+import { _Radio } from './chunk-J44DIB5J.js';
+import { _RadioGroup } from './chunk-EJUIYBAC.js';
+import { _Checkbox } from './chunk-FOKTHCFK.js';
+import { useLocalizedString } from './chunk-F4H76S4H.js';
+import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
-import { _ListBoxItemSkeleton } from './chunk-AT7ZY6GA.js';
-import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
+import { _ListBoxItemSkeleton } from './chunk-UT4CSUUM.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
-import { _Text } from './chunk-6MSRPPI6.js';
+import { _Text } from './chunk-XT2MZWEV.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
+import { AvatarContext } from './chunk-AES7QBQE.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { CheckmarkIcon, IconContext } from '@hopper-ui/icons';
@@ -20,7 +21,7 @@ import { useContextProps, composeRenderProps, ListBoxItem as ListBoxItem$1, List
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./ListBoxItem.module.css#css-module
-var ListBoxItem_module_default = { "hop-ListBoxItem": "ListBoxItem-module__hop-ListBoxItem___iKH4-", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___WKAJM", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___qMqJu", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___7gqf9", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___am7Ho", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___jTC0B", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___6GyY1", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___jWtkG", "hop-ListBoxItem__radio-group": "ListBoxItem-module__hop-ListBoxItem__radio-group___PPRRO", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___VYOzU", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___VH5yz", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___iphhb", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___ZiAaD", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___SskOq", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___dgScQ", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___r--xS", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___nOu91" };
+var ListBoxItem_module_default = { "hop-ListBoxItem": "ListBoxItem-module__hop-ListBoxItem___u6Es7", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___yXyVw", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___937pQ", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___ymimv", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___1mW38", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___I35FE", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___LAbSz", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___EPW2R", "hop-ListBoxItem__radio-group": "ListBoxItem-module__hop-ListBoxItem__radio-group___g-HnK", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___ppGNP", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___QwkiM", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___Yhy58", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___mFm52", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___y1bWL", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___LBHo2", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___Luvle", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___bdsUo" };
 var GlobalListBoxItemCssSelector = "hop-ListBoxItem";
 var ListBoxItemToIconSizeAdapter = {
   xs: "sm",
@@ -34,6 +35,12 @@ var ListBoxItemToTextSizeAdapter = {
   md: "sm",
   lg: "md"
 };
+var ListBoxItemToAvatarSizeAdapter = {
+  xs: "xs",
+  sm: "xs",
+  md: "md",
+  lg: "md"
+};
 function ListBoxItemInner(props) {
   const stringFormatter = useLocalizedString();
   const listStateContext = useContext(ListStateContext);
@@ -153,6 +160,11 @@ function ListBoxItemInner(props) {
               [BadgeContext, {
                 className: ListBoxItem_module_default["hop-ListBoxItem__badge"],
                 isDisabled
+              }],
+              [AvatarContext, {
+                className: ListBoxItem_module_default["hop-ListBoxItem__avatar"],
+                isDisabled,
+                size: ListBoxItemToAvatarSizeAdapter[size]
               }]
             ],
             children

package/dist/{chunk-QY6U3R3W.js → chunk-X253QCYD.js}

@@ -1,4 +1,4 @@
-import { _OverlineText } from './chunk-YE7RARJB.js';
+import { _OverlineText } from './chunk-CEUQHDEQ.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -9,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___TeU9H", "hop-Badge--primary": "Badge-module__hop-Badge--primary___NOZgt", "hop-Badge--secondary": "Badge-module__hop-Badge--secondary___vODxB" };
+var Badge_module_default = { "hop-Badge": "Badge-module__hop-Badge___lrDM9", "hop-Badge--primary": "Badge-module__hop-Badge--primary___B9IJu", "hop-Badge--secondary": "Badge-module__hop-Badge--secondary___rsYF4" };
 var GlobalBadgeCssSelector = "hop-Badge";
 function Badge(props, ref) {
   [props, ref] = useContextProps(props, ref, BadgeContext);
@@ -47,6 +47,7 @@ function Badge(props, ref) {
       slot: slot != null ? slot : void 0,
       "data-disabled": isDisabled || void 0,
       "aria-disabled": isDisabled || void 0,
+      "data-variant": variant,
       children
     }
   ) });

package/dist/{chunk-6MSRPPI6.js → chunk-XT2MZWEV.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___HnTiu", "hop-Text--xs": "Text-module__hop-Text--xs___ndb-c", "hop-Text--sm": "Text-module__hop-Text--sm___cv0bL", "hop-Text--md": "Text-module__hop-Text--md___daNZS", "hop-Text--lg": "Text-module__hop-Text--lg___ByUWL", "hop-Text--xl": "Text-module__hop-Text--xl___Udc-p", "hop-Text--2xl": "Text-module__hop-Text--2xl___sxc7S", "hop-Text--inherit": "Text-module__hop-Text--inherit___WU81u" };
+var Text_module_default = { "hop-Text": "Text-module__hop-Text___7s-NC", "hop-Text--xs": "Text-module__hop-Text--xs___uRZNm", "hop-Text--sm": "Text-module__hop-Text--sm___LfDaA", "hop-Text--md": "Text-module__hop-Text--md___aGVbv", "hop-Text--lg": "Text-module__hop-Text--lg___TgsRg", "hop-Text--xl": "Text-module__hop-Text--xl___gAcxP", "hop-Text--2xl": "Text-module__hop-Text--2xl___n-9B9", "hop-Text--inherit": "Text-module__hop-Text--inherit___SEa0P" };
 var GlobalTextCssSelector = "hop-Text";
 function Text(props, ref) {
   [props, ref] = useContextProps(props, ref, TextContext);

package/dist/{chunk-ICDMJUNE.js → chunk-XUJNQNB3.js}

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

package/dist/i18n/src/index.js

@@ -1,2 +1,2 @@
-export { useLocalizedString } from '../../chunk-YEYNRBMQ.js';
+export { useLocalizedString } from '../../chunk-F4H76S4H.js';
 import '../../chunk-JSBRDJBE.js';

package/dist/i18n/src/useLocalizedString.js

@@ -1,2 +1,2 @@
-export { useLocalizedString } from '../../chunk-YEYNRBMQ.js';
+export { useLocalizedString } from '../../chunk-F4H76S4H.js';
 import '../../chunk-JSBRDJBE.js';