@hopper-ui/components 1.3.10 → 1.3.11

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

@@ -1,13 +1,13 @@
 import { TextFieldContext } from './chunk-O4XPUINW.js';
 import { useTruncatedText } from './chunk-Z57VHYOF.js';
-import { _RemainingCharacterCount } from './chunk-B44HANDX.js';
-import { _InputGroup } from './chunk-CIKHW47C.js';
-import { _ClearButton } from './chunk-XBVS62J3.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-Y7G6PIDC.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___1FtZC", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___GutEY", "hop-TextField__Label": "TextField-module__hop-TextField__Label___TBD0R", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___YlDxO", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___dARWs", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___9-sXm", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___HhoDC" };
+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;

package/dist/{chunk-MMROXMQV.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___2IpOS", "hop-Label__indicator": "Label-module__hop-Label__indicator___nEWGk" };
+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);

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-LU7KOIOH.js → chunk-NTFJHBUN.js}

@@ -1,11 +1,11 @@
-import { _DecorativeRadio } from './chunk-BJNXUNAB.js';
-import { _DecorativeCheckbox } from './chunk-XT4MALWA.js';
+import { _DecorativeRadio } from './chunk-5RQ3FMMG.js';
+import { _DecorativeCheckbox } from './chunk-QAUIUFHM.js';
 import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
-import { _ListBoxItemSkeleton } from './chunk-VRMZDHNL.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-Y7G6PIDC.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___W325Q", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___CdJZG", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___dZMVr", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___Lq6FY", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___vkdBW", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___KKBhD", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___wXLwn", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___QenNQ", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___CfP0T", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___iaY3V", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___p2wCv", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___ITmPT", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___IxLk2", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___m0bUs", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___zzPrO", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___awWKd", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___-kCfN" };
+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-GU6D6RQL.js → chunk-O6I523D7.js}

@@ -1,11 +1,11 @@
 import { useScale } from './chunk-MTDFS4CZ.js';
 import { NumberFieldContext } from './chunk-ZQ3AWYRR.js';
-import { _InputGroup } from './chunk-CIKHW47C.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-Y7G6PIDC.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___SQ-T7", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___6SyKQ", "hop-NumberField--mobile": "NumberField-module__hop-NumberField--mobile___rHeEi", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___OPAwN", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___GQ-bS", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___-Xcp-", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___lC-je", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___Gr9hE", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___GCK47", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___NPF-g", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___aRPH3", "hop-NumberField__stepper-button--mobile": "NumberField-module__hop-NumberField__stepper-button--mobile___MBaPI", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___PGs1W", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___-DsQz" };
+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();

package/dist/{chunk-GLFAZQ25.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-Y7G6PIDC.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___f0TqC", "hop-Link--quiet": "Link-module__hop-Link--quiet___-jNN7", "hop-Link--primary": "Link-module__hop-Link--primary___AcfJ8", "hop-Link--secondary": "Link-module__hop-Link--secondary___-2oF8", "hop-Link__icon": "Link-module__hop-Link__icon___6Ufeq", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___-5W5s", "hop-Link__text": "Link-module__hop-Link__text___kfXDL", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___NUj49", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___VJOKc" };
+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-XT4MALWA.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-Y7G6PIDC.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___faka9 Checkbox-module__hop-Checkbox___AFr1n", "hop-DecorativeCheckbox--sm": "DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___ZrNKf Checkbox-module__hop-Checkbox--sm___cv1sJ", "hop-DecorativeCheckbox--md": "DecorativeCheckbox-module__hop-DecorativeCheckbox--md___bXnfS Checkbox-module__hop-Checkbox--md___TocUo", "hop-DecorativeCheckbox__icon": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___CAeZ- Checkbox-module__hop-Checkbox__icon___JH9nN", "hop-DecorativeCheckbox__icon-list": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___lJU4H Checkbox-module__hop-Checkbox__icon___JH9nN", "hop-DecorativeCheckbox__box": "DecorativeCheckbox-module__hop-DecorativeCheckbox__box___hTseX Checkbox-module__hop-Checkbox__box___IDUqw", "hop-DecorativeCheckbox__check": "DecorativeCheckbox-module__hop-DecorativeCheckbox__check___IOdeC Checkbox-module__hop-Checkbox__check___CRsUX", "hop-DecorativeCheckbox__text": "DecorativeCheckbox-module__hop-DecorativeCheckbox__text___pSOuk Checkbox-module__hop-Checkbox__text___x76Rd" };
+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-KKL5HHYL.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___gLm6g", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___D9H8a", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___CIMy4", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___ttjZc", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___xirFF" };
+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;

package/dist/{chunk-Y7G6PIDC.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___bIQxx", "hop-Text--xs": "Text-module__hop-Text--xs___uYk5Y", "hop-Text--sm": "Text-module__hop-Text--sm___kg1RL", "hop-Text--md": "Text-module__hop-Text--md___UxnHr", "hop-Text--lg": "Text-module__hop-Text--lg___n7Sbi", "hop-Text--xl": "Text-module__hop-Text--xl___f-RXZ", "hop-Text--2xl": "Text-module__hop-Text--2xl___-DveI", "hop-Text--inherit": "Text-module__hop-Text--inherit___zEio8" };
+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-2BYOZEHS.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___oDPL1", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___YerXu", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___Orpxh", "hop-EmbeddedButton--neutral": "EmbeddedButton-module__hop-EmbeddedButton--neutral___J2aMz", "hop-EmbeddedButton--subdued": "EmbeddedButton-module__hop-EmbeddedButton--subdued___ktact", "hop-EmbeddedButton--progress": "EmbeddedButton-module__hop-EmbeddedButton--progress___4QSlo", "hop-EmbeddedButton--positive": "EmbeddedButton-module__hop-EmbeddedButton--positive___IkDM8", "hop-EmbeddedButton--caution": "EmbeddedButton-module__hop-EmbeddedButton--caution___LTJKh", "hop-EmbeddedButton--negative": "EmbeddedButton-module__hop-EmbeddedButton--negative___nlex4", "hop-EmbeddedButton--option1": "EmbeddedButton-module__hop-EmbeddedButton--option1___0M1Z9", "hop-EmbeddedButton--option2": "EmbeddedButton-module__hop-EmbeddedButton--option2___uwDHL", "hop-EmbeddedButton--option3": "EmbeddedButton-module__hop-EmbeddedButton--option3___bMb4Q", "hop-EmbeddedButton--option4": "EmbeddedButton-module__hop-EmbeddedButton--option4___6FFR4", "hop-EmbeddedButton--option5": "EmbeddedButton-module__hop-EmbeddedButton--option5___uHcVz", "hop-EmbeddedButton--option6": "EmbeddedButton-module__hop-EmbeddedButton--option6___0CXDL", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___Ec-6l" };
+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-4KKT3O2S.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___peGwG", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___-28HA", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___oEB32", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___EIxXS", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___LzAzO", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___NKKh-", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___8glcj", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___ryBpP" };
+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-RKX7GGGY.js → chunk-TELARNV2.js}

@@ -1,5 +1,5 @@
 import { AvatarContext } from './chunk-AES7QBQE.js';
-import { _RichIconAvatarImage } from './chunk-RZ4K42NA.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-UBMAVA4B.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___ZC22r", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___R716L", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___lVGiA", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___nKP8S", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___m0yDe", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___AHXzY", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___2-no-", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___f1wa6", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___Rmslf" };
+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;

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

@@ -1,6 +1,6 @@
 import { PasswordFieldContext } from './chunk-QW45G6K4.js';
-import { _InputGroup } from './chunk-CIKHW47C.js';
-import { _EmbeddedButton } from './chunk-2BYOZEHS.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___HKYN-", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___ov1ao", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___nc1jG", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___lZBUS", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___T7Gk3", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___N7CeS" };
+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;

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

@@ -1,5 +1,5 @@
 import { AvatarContext } from './chunk-AES7QBQE.js';
-import { _RichIconAvatarImage } from './chunk-RZ4K42NA.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-VRMZDHNL.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___qf7nU", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___cmTU1", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___UY0IN", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___eaduW", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___-jYC5", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___8VWm-" };
+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-AH3LBZUR.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-Y7G6PIDC.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___9Bh4R", "hop-Radio--sm": "Radio-module__hop-Radio--sm___zLF4V", "hop-Radio--md": "Radio-module__hop-Radio--md___gKxx2", "hop-Radio__icon": "Radio-module__hop-Radio__icon___FtbVn", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___wF0hY", "hop-Radio__box": "Radio-module__hop-Radio__box___Y0VE1", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___es-94", "hop-Radio__text": "Radio-module__hop-Radio__text___-q0Z2" };
+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;

package/dist/{chunk-B44HANDX.js → chunk-WSHJXUF4.js}

@@ -1,5 +1,5 @@
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
-import { _Text } from './chunk-Y7G6PIDC.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,13 +10,18 @@ import { composeRenderProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./RemainingCharacterCount.module.css#css-module
-var RemainingCharacterCount_module_default = { "hop-RemainingCharacterCount": "RemainingCharacterCount-module__hop-RemainingCharacterCount___wI8Lz" };
+var RemainingCharacterCount_module_default = { "hop-RemainingCharacterCount": "RemainingCharacterCount-module__hop-RemainingCharacterCount___fByXf" };
+var GlobalRemainingCharacterCountCssSelector = "hop-RemainingCharacterCount";
 function RemainingCharacterCount(props, ref) {
   const { stylingProps, ...ownProps } = useStyledSystem(props);
   const { className, style, count, isDisabled, isInvalid, ...textProps } = ownProps;
   const stringFormatter = useLocalizedString();
   const accessibilityString = stringFormatter.format("Input.charactersLeft", { charLeft: count });
-  const classNames = composeClassnameRenderProps(className, cssModule(RemainingCharacterCount_module_default, "hop-RemainingCharacterCount"));
+  const classNames = composeClassnameRenderProps(
+    className,
+    GlobalRemainingCharacterCountCssSelector,
+    cssModule(RemainingCharacterCount_module_default, "hop-RemainingCharacterCount")
+  );
   const mergedStyles = composeRenderProps(style, (prev) => {
     return {
       ...stylingProps.style,
@@ -49,4 +54,4 @@ function RemainingCharacterCount(props, ref) {
 var _RemainingCharacterCount = forwardRef(RemainingCharacterCount);
 _RemainingCharacterCount.displayName = "Footer";
 
-export { _RemainingCharacterCount };
+export { GlobalRemainingCharacterCountCssSelector, _RemainingCharacterCount };

package/dist/{chunk-JMQTEJC4.js → chunk-Y4V25PX4.js}

@@ -1,11 +1,11 @@
 import { isFunction } from './chunk-TIPN4VYD.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
 import { ListBoxContext } from './chunk-UIEP5BA5.js';
-import { _ListBoxItem } from './chunk-LU7KOIOH.js';
+import { _ListBoxItem } from './chunk-NTFJHBUN.js';
 import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
 import { SectionContext } from './chunk-5H5AZJPQ.js';
 import { HeaderContext } from './chunk-7JOGKC3W.js';
-import { _Text } from './chunk-Y7G6PIDC.js';
+import { _Text } from './chunk-R5YV23ZF.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -17,7 +17,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___LIHuX", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___a3XQA", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___0UWh0", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___fcJBr", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___cIBsM" };
+var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___ZBeiG", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___9EfEB", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___mn5-E", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___j1lF6", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___VpdYg" };
 var GlobalListBoxCssSelector = "hop-ListBox";
 var GlobalListBoxEmptyItemCssSelector = "hop-ListBox__empty-item";
 var ListBoxToTextSizeAdapter = {

package/dist/{chunk-X7ZM3VW6.js → chunk-YV4BUYJN.js}

@@ -1,13 +1,13 @@
 import { HeadingContext } from './chunk-TXZ6BMFR.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, Heading as Heading$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Heading.module.css#css-module
-var Heading_module_default = { "hop-Heading": "Heading-module__hop-Heading___Z-4EL", "hop-Heading--xs": "Heading-module__hop-Heading--xs___wFSJ8", "hop-Heading--sm": "Heading-module__hop-Heading--sm___XbWC5", "hop-Heading--md": "Heading-module__hop-Heading--md___B-n4o", "hop-Heading--lg": "Heading-module__hop-Heading--lg___dcKED", "hop-Heading--xl": "Heading-module__hop-Heading--xl___rOKV1", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___RYtOx", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___DIk1u" };
+var Heading_module_default = { "hop-Heading": "Heading-module__hop-Heading___vu21Z", "hop-Heading--xs": "Heading-module__hop-Heading--xs___gjgUo", "hop-Heading--sm": "Heading-module__hop-Heading--sm___1fSAD", "hop-Heading--md": "Heading-module__hop-Heading--md___ddJPc", "hop-Heading--lg": "Heading-module__hop-Heading--lg___-HY-X", "hop-Heading--xl": "Heading-module__hop-Heading--xl___16E0u", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___j7Igk", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___xb45E" };
 var GlobalHeadingCssSelector = "hop-Heading";
 function Heading(props, ref) {
   [props, ref] = useContextProps(props, ref, HeadingContext);
@@ -39,7 +39,7 @@ function Heading(props, ref) {
     }
   );
 }
-var _Heading = forwardRef(Heading);
+var _Heading = slot("heading", forwardRef(Heading));
 _Heading.displayName = "Heading";
 function createHeading(as) {
   const level = parseInt(as[1]);

package/dist/{chunk-P5YCVNZM.js → chunk-ZJKTV2QB.js}

@@ -1,8 +1,8 @@
 import { useFontFaceReady } from './chunk-IU6XMS2X.js';
 import { TextAreaContext } from './chunk-MHQZXLKW.js';
 import { useTruncatedText } from './chunk-Z57VHYOF.js';
-import { _RemainingCharacterCount } from './chunk-B44HANDX.js';
-import { _InputGroup } from './chunk-CIKHW47C.js';
+import { _RemainingCharacterCount } from './chunk-WSHJXUF4.js';
+import { _InputGroup } from './chunk-64O3N7JE.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
@@ -78,7 +78,7 @@ function $b5e257d569688ac6$export$535bd6ca7f90a273() {
 }
 
 // css-module:./TextArea.module.css#css-module
-var TextArea_module_default = { "hop-TextArea": "TextArea-module__hop-TextArea___ayVLZ", "hop-TextArea--fluid": "TextArea-module__hop-TextArea--fluid___DD2CN", "hop-TextArea__Label": "TextArea-module__hop-TextArea__Label___7ysE-", "hop-TextArea__prefix": "TextArea-module__hop-TextArea__prefix___qELG8", "hop-TextArea__InputGroup": "TextArea-module__hop-TextArea__InputGroup___uxV86", "hop-TextArea__RemainingCharacterCount": "TextArea-module__hop-TextArea__RemainingCharacterCount___uDD9f", "hop-TextArea__textarea": "TextArea-module__hop-TextArea__textarea___JWTll", "hop-TextArea__ErrorMessage": "TextArea-module__hop-TextArea__ErrorMessage___A54rv", "hop-TextArea__HelperMessage": "TextArea-module__hop-TextArea__HelperMessage___UCMn7" };
+var TextArea_module_default = { "hop-TextArea": "TextArea-module__hop-TextArea___emVb6", "hop-TextArea--fluid": "TextArea-module__hop-TextArea--fluid___Q470-", "hop-TextArea__Label": "TextArea-module__hop-TextArea__Label___xer9b", "hop-TextArea__prefix": "TextArea-module__hop-TextArea__prefix___mx2JN", "hop-TextArea__InputGroup": "TextArea-module__hop-TextArea__InputGroup___AwE8W", "hop-TextArea__RemainingCharacterCount": "TextArea-module__hop-TextArea__RemainingCharacterCount___--ONv", "hop-TextArea__textarea": "TextArea-module__hop-TextArea__textarea___39pLe", "hop-TextArea__ErrorMessage": "TextArea-module__hop-TextArea__ErrorMessage___Cu34e", "hop-TextArea__HelperMessage": "TextArea-module__hop-TextArea__HelperMessage___BV7wN" };
 var GlobalTextAreaCssSelector = "hop-TextArea";
 var DefaultMinimumTextAreaRows = 3;
 var pxToInt = (value) => {