@hopper-ui/components 1.3.9 → 1.3.11

package/dist/{chunk-AQITZWYM.js → chunk-GTM56LGX.js}

@@ -1,5 +1,5 @@
 import { FooterContext } from './chunk-I67NHYK4.js';
-import { useStyledSystem } from '@hopper-ui/styled-system';
+import { slot, useStyledSystem } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 import { useContextProps } from 'react-aria-components';
@@ -37,7 +37,7 @@ function Footer(props, ref) {
     }
   );
 }
-var _Footer = forwardRef(Footer);
+var _Footer = slot("footer", forwardRef(Footer));
 _Footer.displayName = "Footer";
 
 export { GlobalFooterCssSelector, _Footer };

package/dist/{chunk-ENHK4K3U.js → chunk-GTNBBI2S.js}

@@ -1,5 +1,5 @@
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
-import { _Text } from './chunk-KQQCELPA.js';
+import { _Text } from './chunk-R5YV23ZF.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -10,7 +10,7 @@ import { FieldErrorContext, useContextProps, composeRenderProps } from 'react-ar
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./ErrorMessage.module.css#css-module
-var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-ErrorMessage___0kKCu", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___7VzNH" };
+var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-ErrorMessage___lXZly", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___lsI-D" };
 var GlobalErrorMessageCssSelector = "hop-ErrorMessage";
 function ErrorMessage(props, ref) {
   const validation = useContext(FieldErrorContext);

package/dist/{chunk-TMGUYWTR.js → chunk-HPPNJVV6.js}

@@ -1,5 +1,5 @@
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
-import { _Text } from './chunk-KQQCELPA.js';
+import { _Text } from './chunk-R5YV23ZF.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { InfoIcon } from '@hopper-ui/icons';
 import { useStyledSystem } from '@hopper-ui/styled-system';
@@ -9,7 +9,7 @@ import { useContextProps, FieldErrorContext } from 'react-aria-components';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // css-module:./HelperMessage.module.css#css-module
-var HelperMessage_module_default = { "hop-HelperMessage": "HelperMessage-module__hop-HelperMessage___baQv5", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___85txW" };
+var HelperMessage_module_default = { "hop-HelperMessage": "HelperMessage-module__hop-HelperMessage___JFPT8", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___5ii8C" };
 var GlobalHelperMessageCssSelector = "hop-HelperMessage";
 function HelperMessage(props, ref) {
   const validation = useContext(FieldErrorContext);

package/dist/{chunk-CZRCXQFS.js → chunk-I7C4D6SO.js}

@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps } 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___y405X", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___xFdo7", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___-TjKd", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___1rQov", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___gtu2Z" };
+var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-RadioField___ra7zr", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___zc7Lw", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___MgeF-", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___whU1G", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___QBYhd" };
 var GlobalRadioFieldCssSelector = "hop-RadioField";
 var RadioToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-HI2SHIGG.js → chunk-JOIYDL4E.js}

@@ -12,7 +12,7 @@ import { useContextProps, composeRenderProps } 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___Qvdoz", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___4TFIz", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___4nlaD", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___t1Ev0", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___tWVL4" };
+var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___Ac7dH", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___p6Eo9", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___U20hY", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___krA-H", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___7uav0" };
 var GlobalCheckboxFieldCssSelector = "hop-CheckboxField";
 var CheckboxToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-6U6JI3L3.js → chunk-KKCIN6AH.js}

@@ -10,7 +10,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./FloatingBadge.module.css#css-module
-var FloatingBadge_module_default = { "hop-FloatingBadge": "FloatingBadge-module__hop-FloatingBadge___Y0FDf", "hop-FloatingBadge__badge": "FloatingBadge-module__hop-FloatingBadge__badge___pl1V5" };
+var FloatingBadge_module_default = { "hop-FloatingBadge": "FloatingBadge-module__hop-FloatingBadge___paIY7", "hop-FloatingBadge__badge": "FloatingBadge-module__hop-FloatingBadge__badge___wSoRB" };
 var GlobalFloatingBadgeCssSelector = "hop-FloatingBadge";
 function FloatingBadge(props, ref) {
   [props, ref] = useContextProps(props, ref, FloatingBadgeContext);

package/dist/{chunk-VQKJXEPU.js → chunk-KS255M2B.js}

@@ -1,7 +1,7 @@
 import { SwitchContext } from './chunk-YHBJAXUY.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { _Text } from './chunk-KQQCELPA.js';
+import { _Text } from './chunk-R5YV23ZF.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.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___ZiKpN", "hop-Switch--sm": "Switch-module__hop-Switch--sm___UnrZ2", "hop-Switch--md": "Switch-module__hop-Switch--md___FWbwB", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___lxvxY", "hop-Switch__text": "Switch-module__hop-Switch__text___jt3yM", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___5ELG6", "hop-Switch__icon": "Switch-module__hop-Switch__icon___U8pPq" };
+var Switch_module_default = { "hop-Switch": "Switch-module__hop-Switch___-Q-zE", "hop-Switch--sm": "Switch-module__hop-Switch--sm___0LN2w", "hop-Switch--md": "Switch-module__hop-Switch--md___ulXFc", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___jX6Uq", "hop-Switch__text": "Switch-module__hop-Switch__text___IxNKF", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___fgbx3", "hop-Switch__icon": "Switch-module__hop-Switch__icon___OR0Ym" };
 var GlobalSwitchCssSelector = "hop-Switch";
 function Switch(props, ref) {
   var _a;

package/dist/{chunk-E4JB7I3F.js → chunk-L3DEPUAF.js}

@@ -12,7 +12,7 @@ import { useContextProps, composeRenderProps } 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___ARPRk", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___emckg", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___vNzgC", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___2Z9-2", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___XtHCo" };
+var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-SwitchField___e-Ywk", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___rCTA2", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___XNVHT", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___SxHY7", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___M4qOn" };
 var GlobalSwitchFieldCssSelector = "hop-SwitchField";
 var SwitchToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-A3E76SDY.js → chunk-M64YZ3V3.js}

@@ -1,5 +1,5 @@
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
-import { _Text } from './chunk-KQQCELPA.js';
+import { _Text } from './chunk-R5YV23ZF.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 
 var EnsureTextWrapper = ({ children }) => {

package/dist/{chunk-S6AH3YTH.js → chunk-MOEKGI3Q.js}

@@ -1,13 +1,13 @@
 import { TextFieldContext } from './chunk-O4XPUINW.js';
 import { useTruncatedText } from './chunk-Z57VHYOF.js';
-import { _RemainingCharacterCount } from './chunk-2ZXF62AA.js';
-import { _InputGroup } from './chunk-GDVP2QEZ.js';
-import { _ClearButton } from './chunk-UR3NK3LV.js';
+import { _RemainingCharacterCount } from './chunk-WSHJXUF4.js';
+import { _InputGroup } from './chunk-64O3N7JE.js';
+import { _ClearButton } from './chunk-5ORMXIMY.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
-import { _Text } from './chunk-KQQCELPA.js';
+import { _Text } from './chunk-R5YV23ZF.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -23,7 +23,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___1sv5-", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___12PF-", "hop-TextField__Label": "TextField-module__hop-TextField__Label___v5PNS", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___6Ykah", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___e0Vhr", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___9tUFi", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___b5vV2" };
+var TextField_module_default = { "hop-TextField": "TextField-module__hop-TextField___wfEmf", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___INP7f", "hop-TextField__Label": "TextField-module__hop-TextField__Label___KDgCU", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___Hvtkn", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___O-G65", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___tOA4z", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___8zyTc" };
 var GlobalTextFieldCssSelector = "hop-TextField";
 function TextField(props, ref) {
   var _a;
@@ -56,6 +56,7 @@ function TextField(props, ref) {
     isInvalid,
     isRequired,
     restrictMaxLength = true,
+    necessityIndicator,
     ...otherProps
   } = ownProps;
   const inputRef = useObjectRef(mergeRefs(userProvidedInputRef, props.inputRef !== void 0 ? props.inputRef : null));
@@ -137,7 +138,7 @@ function TextField(props, ref) {
         SlotProvider,
         {
           values: [
-            [LabelContext, { className: TextField_module_default["hop-TextField__Label"], isRequired }],
+            [LabelContext, { className: TextField_module_default["hop-TextField__Label"], isRequired, necessityIndicator }],
             [HelperMessageContext, { className: TextField_module_default["hop-TextField__HelperMessage"] }],
             [ErrorMessageContext, { className: TextField_module_default["hop-TextField__ErrorMessage"] }]
           ],

package/dist/{chunk-NQD2OQEG.js → chunk-MZTFEGDM.js}

@@ -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___1zcVv", "hop-Label__indicator": "Label-module__hop-Label__indicator___ZX47s" };
+var Label_module_default = { "hop-Label": "Label-module__hop-Label___Yuie9", "hop-Label__indicator": "Label-module__hop-Label__indicator___-c2pq" };
 var GlobalLabelCssSelector = "hop-Label";
 function Label(props, ref) {
   [props, ref] = useContextProps(props, ref, LabelContext);
@@ -18,7 +18,7 @@ function Label(props, ref) {
     children,
     style,
     isRequired,
-    necessityIndicator = isRequired != null ? "icon" : null,
+    necessityIndicator,
     ...otherProps
   } = ownProps;
   const stringFormatter = useLocalizedString();
@@ -54,12 +54,12 @@ function Label(props, ref) {
       style: mergedStyles,
       children: [
         children,
-        necessityIndicator === "label" && /* @__PURE__ */ jsxs("span", { children: [
+        necessityIndicator === "label" && !isRequired && /* @__PURE__ */ jsxs("span", { className: Label_module_default["hop-Label__label-indicator"], children: [
           " (",
           necessityLabel,
           ")"
         ] }),
-        necessityIndicator === "icon" && isRequired && requiredIndicator
+        necessityIndicator === "asterisk" && isRequired && requiredIndicator
       ]
     }
   );

package/dist/{chunk-L5A2UTQV.js → chunk-N5UT7MST.js}

@@ -1,5 +1,5 @@
 import { HeaderContext } from './chunk-7JOGKC3W.js';
-import { useStyledSystem } from '@hopper-ui/styled-system';
+import { slot, useStyledSystem } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 import { useContextProps, Header as Header$1 } from 'react-aria-components';
@@ -37,7 +37,7 @@ function Header(props, ref) {
     }
   );
 }
-var _Header = forwardRef(Header);
+var _Header = slot("header", forwardRef(Header));
 _Header.displayName = "Header";
 
 export { GlobalHeaderCssSelector, _Header };

package/dist/{chunk-2GYC6ADT.js → chunk-NTFJHBUN.js}

@@ -1,11 +1,11 @@
-import { _DecorativeRadio } from './chunk-4FVIH73F.js';
-import { _DecorativeCheckbox } from './chunk-PAW7CB3K.js';
+import { _DecorativeRadio } from './chunk-5RQ3FMMG.js';
+import { _DecorativeCheckbox } from './chunk-QAUIUFHM.js';
 import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
-import { _ListBoxItemSkeleton } from './chunk-RDLI353P.js';
+import { _ListBoxItemSkeleton } from './chunk-VJWTYDCA.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
-import { _Text } from './chunk-KQQCELPA.js';
+import { _Text } from './chunk-R5YV23ZF.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { AvatarContext } from './chunk-AES7QBQE.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -18,7 +18,7 @@ import { useContextProps, composeRenderProps, ListBoxItem as ListBoxItem$1, List
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./ListBoxItem.module.css#css-module
-var ListBoxItem_module_default = { "hop-ListBoxItem": "ListBoxItem-module__hop-ListBoxItem___7JVGR", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___V8rDD", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___Aduv3", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___Cd0tq", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___uroMj", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___jRb4M", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___QpTUU", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___MyHdA", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___qWM1f", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___GUgXl", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___sjHHi", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___r8tji", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___WqPrF", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___8Oxiy", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___pjBtZ", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___cpHA-", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___FJ8gQ" };
+var ListBoxItem_module_default = { "hop-ListBoxItem": "ListBoxItem-module__hop-ListBoxItem___-WYAy", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___0V3M4", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___gTmBk", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___cnajW", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___DaJA9", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___KfJ5-", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___ON19T", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___p5DjD", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___cbTk-", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___TUYeV", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___HnhMI", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___BKptR", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___pkfoA", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___A6dmV", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___AedUm", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___zaejp", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___2xctd" };
 var GlobalListBoxItemCssSelector = "hop-ListBoxItem";
 var ListBoxItemToIconSizeAdapter = {
   xs: "sm",

package/dist/{chunk-VC3HSOGC.js → chunk-O6I523D7.js}

@@ -1,11 +1,11 @@
 import { useScale } from './chunk-MTDFS4CZ.js';
 import { NumberFieldContext } from './chunk-ZQ3AWYRR.js';
-import { _InputGroup } from './chunk-GDVP2QEZ.js';
+import { _InputGroup } from './chunk-64O3N7JE.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
-import { _Text } from './chunk-KQQCELPA.js';
+import { _Text } from './chunk-R5YV23ZF.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -21,7 +21,7 @@ import { useContextProps, composeRenderProps, Input, NumberField as NumberField$
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./NumberField.module.css#css-module
-var NumberField_module_default = { "hop-NumberField": "NumberField-module__hop-NumberField___VWgJv", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___D4KuH", "hop-NumberField--mobile": "NumberField-module__hop-NumberField--mobile___JdtJi", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___DpcSp", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___baTwE", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___f4BCh", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___iTVwp", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___JGOeo", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___h67o-", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___bcKtE", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___qY0Q-", "hop-NumberField__stepper-button--mobile": "NumberField-module__hop-NumberField__stepper-button--mobile___DrHY1", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___ogLPx", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___7YBOI" };
+var NumberField_module_default = { "hop-NumberField": "NumberField-module__hop-NumberField___SgdwC", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___Oym1Q", "hop-NumberField--mobile": "NumberField-module__hop-NumberField--mobile___UM9kc", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___UakjP", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___ByFtf", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___ISO9z", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___8abIq", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___IIeLe", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___637no", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___C-wMt", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___-ls03", "hop-NumberField__stepper-button--mobile": "NumberField-module__hop-NumberField__stepper-button--mobile___bZNni", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___ojGV3", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___RjmQf" };
 var GlobalNumberFieldCssSelector = "hop-NumberField";
 var StepperButton = ({ direction }) => {
   const scale = useScale();
@@ -72,6 +72,7 @@ function NumberField(props, ref) {
     isDisabled,
     isInvalid,
     isRequired,
+    necessityIndicator,
     ...otherProps
   } = ownProps;
   const inputRef = useObjectRef(mergeRefs(userProvidedInputRef, props.inputRef !== void 0 ? props.inputRef : null));
@@ -133,7 +134,7 @@ function NumberField(props, ref) {
         SlotProvider,
         {
           values: [
-            [LabelContext, { className: NumberField_module_default["hop-NumberField__Label"], isRequired }],
+            [LabelContext, { className: NumberField_module_default["hop-NumberField__Label"], isRequired, necessityIndicator }],
             [HelperMessageContext, { className: NumberField_module_default["hop-NumberField__HelperMessage"] }],
             [ErrorMessageContext, { className: NumberField_module_default["hop-NumberField__ErrorMessage"] }]
           ],

package/dist/{chunk-3O74ORYF.js → chunk-P7OXW6SX.js}

@@ -1,7 +1,7 @@
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
 import { LinkContext } from './chunk-4VVNSXIB.js';
-import { _Text } from './chunk-KQQCELPA.js';
+import { _Text } from './chunk-R5YV23ZF.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -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___hCv6o", "hop-Link--quiet": "Link-module__hop-Link--quiet___r6f69", "hop-Link--primary": "Link-module__hop-Link--primary___Nrvdi", "hop-Link--secondary": "Link-module__hop-Link--secondary___4ytgC", "hop-Link__icon": "Link-module__hop-Link__icon___GjiY8", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___eWJSv", "hop-Link__text": "Link-module__hop-Link__text___VgjRa", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___8qO6o", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___2Ha5F" };
+var Link_module_default = { "hop-Link": "Link-module__hop-Link___kizDn", "hop-Link--quiet": "Link-module__hop-Link--quiet___mj9YM", "hop-Link--primary": "Link-module__hop-Link--primary___XzpKA", "hop-Link--secondary": "Link-module__hop-Link--secondary___-y9N5", "hop-Link__icon": "Link-module__hop-Link__icon___3yyEP", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___ptLy2", "hop-Link__text": "Link-module__hop-Link__text___gpjqw", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___jw3pJ", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___tMDOB" };
 var GlobalLinkCssSelector = "hop-Link";
 var LinkToIconSizeAdapter = {
   inherit: void 0,

package/dist/{chunk-PAW7CB3K.js → chunk-QAUIUFHM.js}

@@ -1,7 +1,7 @@
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { _Text } from './chunk-KQQCELPA.js';
+import { _Text } from './chunk-R5YV23ZF.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
@@ -16,7 +16,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./DecorativeCheckbox.module.css#css-module
-var DecorativeCheckbox_module_default = { "hop-DecorativeCheckbox": "DecorativeCheckbox-module__hop-DecorativeCheckbox___uojgy Checkbox-module__hop-Checkbox___ftNKr", "hop-DecorativeCheckbox--sm": "DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___NCu0g Checkbox-module__hop-Checkbox--sm___aBalJ", "hop-DecorativeCheckbox--md": "DecorativeCheckbox-module__hop-DecorativeCheckbox--md___zZoAa Checkbox-module__hop-Checkbox--md___NRQ6W", "hop-DecorativeCheckbox__icon": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___GdgJP Checkbox-module__hop-Checkbox__icon___9RX3t", "hop-DecorativeCheckbox__icon-list": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___0hjQG Checkbox-module__hop-Checkbox__icon___9RX3t", "hop-DecorativeCheckbox__box": "DecorativeCheckbox-module__hop-DecorativeCheckbox__box___B1OKw Checkbox-module__hop-Checkbox__box___aUVd0", "hop-DecorativeCheckbox__check": "DecorativeCheckbox-module__hop-DecorativeCheckbox__check___uWACi Checkbox-module__hop-Checkbox__check___6akLc", "hop-DecorativeCheckbox__text": "DecorativeCheckbox-module__hop-DecorativeCheckbox__text___8K-I- Checkbox-module__hop-Checkbox__text___b92Eu" };
+var DecorativeCheckbox_module_default = { "hop-DecorativeCheckbox": "DecorativeCheckbox-module__hop-DecorativeCheckbox___gCeb- Checkbox-module__hop-Checkbox___vVvFz", "hop-DecorativeCheckbox--sm": "DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___JiMKC Checkbox-module__hop-Checkbox--sm___kEihE", "hop-DecorativeCheckbox--md": "DecorativeCheckbox-module__hop-DecorativeCheckbox--md___l7cek Checkbox-module__hop-Checkbox--md___-0gXA", "hop-DecorativeCheckbox__icon": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___yGdbb Checkbox-module__hop-Checkbox__icon___pTwC-", "hop-DecorativeCheckbox__icon-list": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___K5TDp Checkbox-module__hop-Checkbox__icon___pTwC-", "hop-DecorativeCheckbox__box": "DecorativeCheckbox-module__hop-DecorativeCheckbox__box___-dWPg Checkbox-module__hop-Checkbox__box___3HpyC", "hop-DecorativeCheckbox__check": "DecorativeCheckbox-module__hop-DecorativeCheckbox__check___VQ4FV Checkbox-module__hop-Checkbox__check___0VQFD", "hop-DecorativeCheckbox__text": "DecorativeCheckbox-module__hop-DecorativeCheckbox__text___eHpVu Checkbox-module__hop-Checkbox__text___3dcc1" };
 var GlobalDecorativeCheckboxCssSelector = "hop-DecorativeCheckbox";
 function DecorativeCheckbox(props, ref) {
   var _a;

package/dist/{chunk-N66DZLL6.js → chunk-QEVF4GU6.js}

@@ -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___14xMC", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___l2bhv", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___neJyh", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___rWmWC", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___XikDk" };
+var TagGroup_module_default = { "hop-TagGroup": "TagGroup-module__hop-TagGroup___0CG4x", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___wftMR", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___qNxTj", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___ayjwz", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___RjlXA" };
 var GlobalTagGroupCssSelector = "hop-TagGroup";
 function TagGroup(props, ref) {
   var _a;
@@ -23,6 +23,7 @@ function TagGroup(props, ref) {
     className,
     children,
     isInvalid = false,
+    necessityIndicator,
     style: styleProp,
     size: sizeProp,
     variant,
@@ -48,7 +49,8 @@ function TagGroup(props, ref) {
     {
       values: [
         [LabelContext, {
-          className: TagGroup_module_default["hop-TagGroup__label"]
+          className: TagGroup_module_default["hop-TagGroup__label"],
+          necessityIndicator
         }],
         [TagListContext, {
           className: TagGroup_module_default["hop-TagGroup__list"]

package/dist/{chunk-KQQCELPA.js → chunk-R5YV23ZF.js}

@@ -2,14 +2,14 @@ import { TextContext } from './chunk-X6SER3TZ.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 { slot, useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 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___aPHsZ", "hop-Text--xs": "Text-module__hop-Text--xs___Q-dLx", "hop-Text--sm": "Text-module__hop-Text--sm___FPZs6", "hop-Text--md": "Text-module__hop-Text--md___wwFGu", "hop-Text--lg": "Text-module__hop-Text--lg___eP1l5", "hop-Text--xl": "Text-module__hop-Text--xl___MX4B5", "hop-Text--2xl": "Text-module__hop-Text--2xl___jSUoQ", "hop-Text--inherit": "Text-module__hop-Text--inherit___rWFT-" };
+var Text_module_default = { "hop-Text": "Text-module__hop-Text___qZV3q", "hop-Text--xs": "Text-module__hop-Text--xs___bDVxV", "hop-Text--sm": "Text-module__hop-Text--sm___d61X4", "hop-Text--md": "Text-module__hop-Text--md___xnyIv", "hop-Text--lg": "Text-module__hop-Text--lg___8GI0t", "hop-Text--xl": "Text-module__hop-Text--xl___x12No", "hop-Text--2xl": "Text-module__hop-Text--2xl___ctOKo", "hop-Text--inherit": "Text-module__hop-Text--inherit___BukrW" };
 var GlobalTextCssSelector = "hop-Text";
 function Text(props, ref) {
   [props, ref] = useContextProps(props, ref, TextContext);
@@ -52,7 +52,7 @@ function Text(props, ref) {
     }
   );
 }
-var _Text = forwardRef(Text);
+var _Text = slot("text", forwardRef(Text));
 _Text.displayName = "Text";
 
 export { GlobalTextCssSelector, _Text };

package/dist/{chunk-4PBFVO5S.js → chunk-S4JSEGNU.js}

@@ -3,13 +3,13 @@ import { composeClassnameRenderProps } from './chunk-65JPI4FL.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 { slot, useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { forwardRef } from 'react';
 import { useContextProps, composeRenderProps, Button } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./EmbeddedButton.module.css#css-module
-var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-EmbeddedButton___2WaLy", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___lxb1O", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___SpjUQ", "hop-EmbeddedButton--neutral": "EmbeddedButton-module__hop-EmbeddedButton--neutral___QFnOV", "hop-EmbeddedButton--subdued": "EmbeddedButton-module__hop-EmbeddedButton--subdued___gJi4N", "hop-EmbeddedButton--progress": "EmbeddedButton-module__hop-EmbeddedButton--progress___jIlHr", "hop-EmbeddedButton--positive": "EmbeddedButton-module__hop-EmbeddedButton--positive___NQpBo", "hop-EmbeddedButton--caution": "EmbeddedButton-module__hop-EmbeddedButton--caution___sogLm", "hop-EmbeddedButton--negative": "EmbeddedButton-module__hop-EmbeddedButton--negative___Sa9vk", "hop-EmbeddedButton--option1": "EmbeddedButton-module__hop-EmbeddedButton--option1___RbkgY", "hop-EmbeddedButton--option2": "EmbeddedButton-module__hop-EmbeddedButton--option2___5DC-T", "hop-EmbeddedButton--option3": "EmbeddedButton-module__hop-EmbeddedButton--option3___GBNPg", "hop-EmbeddedButton--option4": "EmbeddedButton-module__hop-EmbeddedButton--option4___Ghg6C", "hop-EmbeddedButton--option5": "EmbeddedButton-module__hop-EmbeddedButton--option5___MjvaG", "hop-EmbeddedButton--option6": "EmbeddedButton-module__hop-EmbeddedButton--option6___w1Nfc", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___NeGqZ" };
+var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-EmbeddedButton___Zya2B", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___k-sir", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___JVXQw", "hop-EmbeddedButton--neutral": "EmbeddedButton-module__hop-EmbeddedButton--neutral___lBOkO", "hop-EmbeddedButton--subdued": "EmbeddedButton-module__hop-EmbeddedButton--subdued___gpLdv", "hop-EmbeddedButton--progress": "EmbeddedButton-module__hop-EmbeddedButton--progress___GxrOm", "hop-EmbeddedButton--positive": "EmbeddedButton-module__hop-EmbeddedButton--positive___Qvl8I", "hop-EmbeddedButton--caution": "EmbeddedButton-module__hop-EmbeddedButton--caution___-vkv8", "hop-EmbeddedButton--negative": "EmbeddedButton-module__hop-EmbeddedButton--negative___wz4PQ", "hop-EmbeddedButton--option1": "EmbeddedButton-module__hop-EmbeddedButton--option1___mv0X8", "hop-EmbeddedButton--option2": "EmbeddedButton-module__hop-EmbeddedButton--option2___TcU3R", "hop-EmbeddedButton--option3": "EmbeddedButton-module__hop-EmbeddedButton--option3___MAsmn", "hop-EmbeddedButton--option4": "EmbeddedButton-module__hop-EmbeddedButton--option4___PrthQ", "hop-EmbeddedButton--option5": "EmbeddedButton-module__hop-EmbeddedButton--option5___7u-Au", "hop-EmbeddedButton--option6": "EmbeddedButton-module__hop-EmbeddedButton--option6___k-pcM", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___saA-f" };
 var GlobalEmbeddedButtonCssSelector = "hop-EmbeddedButton";
 function EmbeddedButton(props, ref) {
   var _a;
@@ -69,7 +69,7 @@ function EmbeddedButton(props, ref) {
     }
   );
 }
-var _EmbeddedButton = forwardRef(EmbeddedButton);
+var _EmbeddedButton = slot("button", forwardRef(EmbeddedButton));
 _EmbeddedButton.displayName = "EmbeddedButton";
 
 export { GlobalEmbeddedButtonCssSelector, _EmbeddedButton };

package/dist/{chunk-I55EPFTM.js → chunk-SCDADO4Y.js}

@@ -2,7 +2,7 @@ import { ButtonContext } from './chunk-WMTWFKKP.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 { slot, useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { filterDOMProps } from '@react-aria/utils';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
@@ -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___YqGjd", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___IAVP-", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___Wd3u6", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___48eD5", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___WVvIF", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___rQM-t", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___I0RTB", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___Y0q6D" };
+var ButtonGroup_module_default = { "hop-ButtonGroup": "ButtonGroup-module__hop-ButtonGroup___faZKJ", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___dyeRs", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___Y2OM3", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___3hyQL", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___f-5ev", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___qROBt", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___1UWS-", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___L92YO" };
 var GlobalButtonGroupCssSelector = "hop-ButtonGroup";
 function ButtonGroup(props, ref) {
   var _a, _b, _c, _d, _e;
@@ -76,7 +76,7 @@ function ButtonGroup(props, ref) {
     }
   );
 }
-var _ButtonGroup = forwardRef(ButtonGroup);
+var _ButtonGroup = slot("button-group", forwardRef(ButtonGroup));
 _ButtonGroup.displayName = "ButtonGroup";
 
 export { GlobalButtonGroupCssSelector, _ButtonGroup };

package/dist/{chunk-6KHTQTRF.js → chunk-TELARNV2.js}

@@ -1,5 +1,5 @@
 import { AvatarContext } from './chunk-AES7QBQE.js';
-import { _RichIconAvatarImage } from './chunk-2WK465I4.js';
+import { _RichIconAvatarImage } from './chunk-BXBMRBPB.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { AnonymousRichIcon } from '@hopper-ui/icons';

package/dist/{chunk-Q6SYCTJD.js → chunk-TQLIL4FK.js}

@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, CheckboxGroup as CheckboxGroup$1 }
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./CheckboxGroup.module.css#css-module
-var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-CheckboxGroup___YZl2f", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___kuOiD", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___pb3m6", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___CLmD-", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___Le2oD", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___Izhrn", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___s97d3", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___EVE-z", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___y8GQ-" };
+var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-CheckboxGroup___u507k", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___9Qu2O", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___Dnbm3", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___QjaDP", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___NjyZ-", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___X-euF", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___r74w-", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___29oqY", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___Jj7UF" };
 var GlobalCheckboxGroupCssSelector = "hop-CheckboxGroup";
 function CheckboxGroup(props, ref) {
   var _a, _b;
@@ -25,6 +25,8 @@ function CheckboxGroup(props, ref) {
     children,
     isDisabled,
     isInvalid,
+    isRequired,
+    necessityIndicator,
     orientation: orientationProp = "vertical",
     size: sizeProp = "md",
     style: styleProp,
@@ -55,7 +57,9 @@ function CheckboxGroup(props, ref) {
     {
       values: [
         [LabelContext, {
-          className: CheckboxGroup_module_default["hop-CheckboxGroup__label"]
+          className: CheckboxGroup_module_default["hop-CheckboxGroup__label"],
+          isRequired,
+          necessityIndicator
         }],
         [CheckboxContext, {
           className: CheckboxGroup_module_default["hop-CheckboxGroup__checkbox"],
@@ -86,6 +90,7 @@ function CheckboxGroup(props, ref) {
           style,
           isInvalid,
           isDisabled,
+          isRequired,
           "data-orientation": orientation,
           ...otherProps,
           children

package/dist/{chunk-FBABNQTM.js → chunk-UXI6MVF4.js}

@@ -1,6 +1,6 @@
 import { PasswordFieldContext } from './chunk-QW45G6K4.js';
-import { _InputGroup } from './chunk-GDVP2QEZ.js';
-import { _EmbeddedButton } from './chunk-4PBFVO5S.js';
+import { _InputGroup } from './chunk-64O3N7JE.js';
+import { _EmbeddedButton } from './chunk-S4JSEGNU.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
@@ -18,7 +18,7 @@ import { useContextProps, composeRenderProps, Input, TextField } from 'react-ari
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./PasswordField.module.css#css-module
-var PasswordField_module_default = { "hop-PasswordField": "PasswordField-module__hop-PasswordField___JFqMs", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___-nCNw", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___x9hdM", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___qxBAq", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___Zs-kC", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___BjHLI" };
+var PasswordField_module_default = { "hop-PasswordField": "PasswordField-module__hop-PasswordField___mmwfl", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___l6ePk", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___dglFc", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___0QEbW", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___0cQTW", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___Ywc3K" };
 var GlobalPasswordFieldCssSelector = "hop-PasswordField";
 function PasswordField(props, ref) {
   var _a;
@@ -40,6 +40,7 @@ function PasswordField(props, ref) {
     isDisabled,
     isInvalid,
     isRequired,
+    necessityIndicator,
     ...otherProps
   } = ownProps;
   const inputRef = useObjectRef(mergeRefs(userProvidedInputRef, props.inputRef !== void 0 ? props.inputRef : null));
@@ -91,7 +92,7 @@ function PasswordField(props, ref) {
         SlotProvider,
         {
           values: [
-            [LabelContext, { className: PasswordField_module_default["hop-PasswordField__Label"], isRequired }],
+            [LabelContext, { className: PasswordField_module_default["hop-PasswordField__Label"], isRequired, necessityIndicator }],
             [HelperMessageContext, { className: PasswordField_module_default["hop-PasswordField__HelperMessage"] }],
             [ErrorMessageContext, { className: PasswordField_module_default["hop-PasswordField__ErrorMessage"] }]
           ],

package/dist/{chunk-MLHAFFJQ.js → chunk-VFI4XPBU.js}

@@ -1,5 +1,5 @@
 import { AvatarContext } from './chunk-AES7QBQE.js';
-import { _RichIconAvatarImage } from './chunk-2WK465I4.js';
+import { _RichIconAvatarImage } from './chunk-BXBMRBPB.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { DeletedUserRichIcon } from '@hopper-ui/icons';

package/dist/{chunk-RDLI353P.js → chunk-VJWTYDCA.js}

@@ -7,7 +7,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./ListBoxItemSkeleton.module.css#css-module
-var ListBoxItemSkeleton_module_default = { "hop-ListBoxItemSkeleton": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___lR0QJ", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___3zK8z", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___D0X6e", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___hoJSr", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___v24sl", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___SPqjn" };
+var ListBoxItemSkeleton_module_default = { "hop-ListBoxItemSkeleton": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___qusXw", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___fXdJi", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___HVwY1", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___A54Xm", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___Az8tS", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___nTbnG" };
 var GlobalListBoxItemSkeletonCssSelector = "hop-ListBoxItemSkeleton";
 function ListBoxItemSkeleton(props, ref) {
   var _a;

package/dist/{chunk-GIMOHY5C.js → chunk-W6DTEUHF.js}

@@ -1,7 +1,7 @@
 import { RadioContext } from './chunk-FU5CCPLP.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { _Text } from './chunk-KQQCELPA.js';
+import { _Text } from './chunk-R5YV23ZF.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.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___mjGTL", "hop-Radio--sm": "Radio-module__hop-Radio--sm___yl7Uc", "hop-Radio--md": "Radio-module__hop-Radio--md___Umq9X", "hop-Radio__icon": "Radio-module__hop-Radio__icon___umH4r", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___x6UXM", "hop-Radio__box": "Radio-module__hop-Radio__box___5S65W", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___9Zldv", "hop-Radio__text": "Radio-module__hop-Radio__text___Jw3rk" };
+var Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___ioF6P", "hop-Radio--sm": "Radio-module__hop-Radio--sm___t9FlK", "hop-Radio--md": "Radio-module__hop-Radio--md___Ea4bQ", "hop-Radio__icon": "Radio-module__hop-Radio__icon___yDzLG", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___Es3Gh", "hop-Radio__box": "Radio-module__hop-Radio__box___dwVaq", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___Ir9Zc", "hop-Radio__text": "Radio-module__hop-Radio__text___IziEM" };
 var GlobalRadioCssSelector = "hop-Radio";
 function Radio(props, ref) {
   var _a;