@hopper-ui/components 1.4.13 → 1.5.1

package/dist/checkbox/src/index.js

@@ -1,32 +1,32 @@
-export { _CheckboxGroup as CheckboxGroup, GlobalCheckboxGroupCssSelector } from '../../chunk-ZUJ6KXDA.js';
+export { _CheckboxGroup as CheckboxGroup, GlobalCheckboxGroupCssSelector } from '../../chunk-WTGN37WJ.js';
 export { CheckboxGroupContext } from '../../chunk-N7YDPVZL.js';
-export { _Checkbox as Checkbox, GlobalCheckboxCssSelector } from '../../chunk-QNS7Q2XR.js';
-export { _CheckboxField as CheckboxField, GlobalCheckboxFieldCssSelector } from '../../chunk-MOPZLX5T.js';
+export { _Checkbox as Checkbox, GlobalCheckboxCssSelector } from '../../chunk-MYTJ645Q.js';
+export { _CheckboxField as CheckboxField, GlobalCheckboxFieldCssSelector } from '../../chunk-BIXK4EZC.js';
 export { CheckboxFieldContext } from '../../chunk-ZGNK4GWA.js';
-export { _DecorativeCheckbox as DecorativeCheckbox, GlobalDecorativeCheckboxCssSelector } from '../../chunk-VSP4G7ZK.js';
+export { _DecorativeCheckbox as DecorativeCheckbox, GlobalDecorativeCheckboxCssSelector } from '../../chunk-QJ37C2VR.js';
 export { CheckboxContext } from '../../chunk-2EAZPH3M.js';
-import '../../chunk-XKG2DTMX.js';
-import '../../chunk-HZKFQ33E.js';
-import '../../chunk-ZABWFRCB.js';
+import '../../chunk-UVAYZR6E.js';
 import '../../chunk-FAE27DLF.js';
+import '../../chunk-HX5DVM3I.js';
+import '../../chunk-HZKFQ33E.js';
 import '../../chunk-DHVVYSLB.js';
-import '../../chunk-ZZ7W2CSK.js';
+import '../../chunk-3K67676Q.js';
 import '../../chunk-ZWU6DRRZ.js';
 import '../../chunk-DBIN32YS.js';
-import '../../chunk-POIB7WJX.js';
-import '../../chunk-H4CNGCXD.js';
+import '../../chunk-PE2UQP74.js';
+import '../../chunk-3Z635COB.js';
 import '../../chunk-QCA3ZR56.js';
 import '../../chunk-75DHKNW2.js';
 import '../../chunk-TXZ6BMFR.js';
-import '../../chunk-U7OQMVV4.js';
+import '../../chunk-SYTIFS4W.js';
 import '../../chunk-Q7NXUUB3.js';
-import '../../chunk-WCO5VX2D.js';
-import '../../chunk-WPNVVGFW.js';
-import '../../chunk-IKIWDGGT.js';
+import '../../chunk-ZJWJ7L2B.js';
 import '../../chunk-X6SER3TZ.js';
-import '../../chunk-HXI3MEEK.js';
+import '../../chunk-KZNNZP23.js';
+import '../../chunk-WPNVVGFW.js';
 import '../../chunk-2NSUMKNH.js';
 import '../../chunk-65JPI4FL.js';
 import '../../chunk-M36KANKC.js';
+import '../../chunk-HXI3MEEK.js';
 import '../../chunk-KVDXQMWI.js';
 import '../../chunk-JSBRDJBE.js';

package/dist/{chunk-KPIWYEWU.js → chunk-24UNRQ4E.js}

@@ -1,10 +1,10 @@
 import { SwitchContext } from './chunk-YHBJAXUY.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-ZZ7W2CSK.js';
+import { ensureTextWrapper } from './chunk-3K67676Q.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
-import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
+import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { IconContext } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -13,7 +13,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___nTHhk", "hop-Switch--sm": "Switch-module__hop-Switch--sm___Sj9Ki", "hop-Switch--md": "Switch-module__hop-Switch--md___pXkQ-", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___c6KHY", "hop-Switch__text": "Switch-module__hop-Switch__text___oLYPI", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___SY4do", "hop-Switch__icon": "Switch-module__hop-Switch__icon___DQZcH" };
+var Switch_module_default = { "hop-Switch": "Switch-module__hop-Switch___dRbf-", "hop-Switch--sm": "Switch-module__hop-Switch--sm___6vIrt", "hop-Switch--md": "Switch-module__hop-Switch--md___rcQ6B", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___IfmCE", "hop-Switch__text": "Switch-module__hop-Switch__text___rbPdm", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___haieh", "hop-Switch__icon": "Switch-module__hop-Switch__icon___Rq1cz" };
 var GlobalSwitchCssSelector = "hop-Switch";
 function Switch(props, ref) {
   var _a;

package/dist/{chunk-MGZ3SNTF.js → chunk-2YM227AX.js}

@@ -1,8 +1,8 @@
-import { ensureTextWrapper } from './chunk-ZZ7W2CSK.js';
+import { ensureTextWrapper } from './chunk-3K67676Q.js';
 import { FormContext } from './chunk-Q7NXUUB3.js';
+import { TextContext } from './chunk-X6SER3TZ.js';
 import { DisclosurePanelContext } from './chunk-7CJXILRD.js';
 import { DisclosureContext } from './chunk-MUAXK42C.js';
-import { TextContext } from './chunk-X6SER3TZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -12,7 +12,7 @@ import { useContextProps, useSlottedContext, composeRenderProps, DisclosurePanel
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./DisclosurePanel.module.css#css-module
-var DisclosurePanel_module_default = { "hop-DisclosurePanel": "DisclosurePanel-module__hop-DisclosurePanel___Qsv92", "hop-DisclosurePanel--inline": "DisclosurePanel-module__hop-DisclosurePanel--inline___MepuJ", "hop-DisclosurePanel--disabled": "DisclosurePanel-module__hop-DisclosurePanel--disabled___fvjNX", "hop-DisclosurePanel__text": "DisclosurePanel-module__hop-DisclosurePanel__text___-npGq" };
+var DisclosurePanel_module_default = { "hop-DisclosurePanel": "DisclosurePanel-module__hop-DisclosurePanel___i1Kfd", "hop-DisclosurePanel--inline": "DisclosurePanel-module__hop-DisclosurePanel--inline___wZkAV", "hop-DisclosurePanel--disabled": "DisclosurePanel-module__hop-DisclosurePanel--disabled___s5rdx", "hop-DisclosurePanel__text": "DisclosurePanel-module__hop-DisclosurePanel__text___FyPG7" };
 var GlobalDisclosurePanelCssSelector = "hop-DisclosurePanel";
 function DisclosurePanel(props, ref) {
   [props, ref] = useContextProps(props, ref, DisclosurePanelContext);

package/dist/{chunk-4OLZ77DZ.js → chunk-2ZWRKKGQ.js}

@@ -1,11 +1,11 @@
 import { RadioContext } from './chunk-FU5CCPLP.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-ZZ7W2CSK.js';
+import { ensureTextWrapper } from './chunk-3K67676Q.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
-import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
+import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { BulletIcon, IconContext } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // css-module:./DecorativeRadio.module.css#css-module
-var DecorativeRadio_module_default = { "hop-DecorativeRadio": "DecorativeRadio-module__hop-DecorativeRadio___hSD31 Radio-module__hop-Radio___xtEqf", "hop-DecorativeRadio--sm": "DecorativeRadio-module__hop-DecorativeRadio--sm___RVwKz Radio-module__hop-Radio--sm___EvnvS", "hop-DecorativeRadio--md": "DecorativeRadio-module__hop-DecorativeRadio--md___ue6EE Radio-module__hop-Radio--md___5Iuob", "hop-DecorativeRadio__icon": "DecorativeRadio-module__hop-DecorativeRadio__icon___u5rBF Radio-module__hop-Radio__icon___-w0uV", "hop-DecorativeRadio__icon-list": "DecorativeRadio-module__hop-DecorativeRadio__icon-list___NUn1s Radio-module__hop-Radio__icon___-w0uV", "hop-DecorativeRadio__box": "DecorativeRadio-module__hop-DecorativeRadio__box___T3h6g Radio-module__hop-Radio__box___0Uwx3", "hop-DecorativeRadio__bullet": "DecorativeRadio-module__hop-DecorativeRadio__bullet___L-aid Radio-module__hop-Radio__bullet___OFhUy", "hop-DecorativeRadio__text": "DecorativeRadio-module__hop-DecorativeRadio__text___PSLQb Radio-module__hop-Radio__text___IRryl" };
+var DecorativeRadio_module_default = { "hop-DecorativeRadio": "DecorativeRadio-module__hop-DecorativeRadio___zFvqt Radio-module__hop-Radio___4uD-b", "hop-DecorativeRadio--sm": "DecorativeRadio-module__hop-DecorativeRadio--sm___4RdHK Radio-module__hop-Radio--sm___UT36i", "hop-DecorativeRadio--md": "DecorativeRadio-module__hop-DecorativeRadio--md___pheDg Radio-module__hop-Radio--md___2vnqY", "hop-DecorativeRadio__icon": "DecorativeRadio-module__hop-DecorativeRadio__icon___bJTpr Radio-module__hop-Radio__icon___NpK1D", "hop-DecorativeRadio__icon-list": "DecorativeRadio-module__hop-DecorativeRadio__icon-list___f9O3D Radio-module__hop-Radio__icon___NpK1D", "hop-DecorativeRadio__box": "DecorativeRadio-module__hop-DecorativeRadio__box___i8bqf Radio-module__hop-Radio__box___BPMlm", "hop-DecorativeRadio__bullet": "DecorativeRadio-module__hop-DecorativeRadio__bullet___TcENc Radio-module__hop-Radio__bullet___QM0l-", "hop-DecorativeRadio__text": "DecorativeRadio-module__hop-DecorativeRadio__text___H6LL6 Radio-module__hop-Radio__text___Nf4UP" };
 var GlobalDecorativeRadioCssSelector = "hop-DecorativeRadio";
 function DecorativeRadio(props, ref) {
   var _a;

package/dist/{chunk-BQZWAIQW.js → chunk-3J4PLSI3.js}

@@ -1,13 +1,13 @@
 import { useIsOverflow } from './chunk-EHXOXTDN.js';
 import { useLocalizedString } from './chunk-75DHKNW2.js';
-import { _Text } from './chunk-IKIWDGGT.js';
+import { _Text } from './chunk-ZJWJ7L2B.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
-import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
+import { AvatarContext } from './chunk-AES7QBQE.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
+import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
-import { AvatarContext } from './chunk-AES7QBQE.js';
 import { IconContext } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { filterDOMProps } from '@react-aria/utils';
@@ -16,7 +16,7 @@ import { useContextProps, SelectValueContext, SelectStateContext, useSlottedCont
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./SelectValue.module.css#css-module
-var SelectValue_module_default = { "hop-SelectValue": "SelectValue-module__hop-SelectValue___jaUKI", "hop-SelectValue__text": "SelectValue-module__hop-SelectValue__text___FqsR-", "hop-SelectValue__avatar": "SelectValue-module__hop-SelectValue__avatar___TOX83", "hop-SelectValue__icon": "SelectValue-module__hop-SelectValue__icon___8NaT-", "hop-SelectValue__end-icon": "SelectValue-module__hop-SelectValue__end-icon___imp6z" };
+var SelectValue_module_default = { "hop-SelectValue": "SelectValue-module__hop-SelectValue___ADuUQ", "hop-SelectValue__text": "SelectValue-module__hop-SelectValue__text___jKRPn", "hop-SelectValue__avatar": "SelectValue-module__hop-SelectValue__avatar___9MrG1", "hop-SelectValue__icon": "SelectValue-module__hop-SelectValue__icon___a8dbY", "hop-SelectValue__end-icon": "SelectValue-module__hop-SelectValue__end-icon___Z-SGN" };
 var GlobalSelectValueCssSelector = "hop-SelectValue";
 var SelectValueToAvatarSizeAdapter = {
   sm: "xs",

package/dist/{chunk-ZZ7W2CSK.js → chunk-3K67676Q.js}

@@ -1,5 +1,5 @@
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
-import { _Text } from './chunk-IKIWDGGT.js';
+import { _Text } from './chunk-ZJWJ7L2B.js';
 import { jsx } from 'react/jsx-runtime';
 
 function ensureTextWrapper(children, elementType) {

package/dist/{chunk-H4CNGCXD.js → chunk-3Z635COB.js}

@@ -1,6 +1,6 @@
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { useLocalizedString } from './chunk-75DHKNW2.js';
-import { useFormProps } from './chunk-U7OQMVV4.js';
+import { useFormProps } from './chunk-SYTIFS4W.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem } from '@hopper-ui/styled-system';
 import { filterDOMProps } from '@react-aria/utils';
@@ -10,7 +10,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___rKwjy", "hop-Label__indicator": "Label-module__hop-Label__indicator___ClkXR" };
+var Label_module_default = { "hop-Label": "Label-module__hop-Label___S5Xyf", "hop-Label__indicator": "Label-module__hop-Label__indicator___8tIeX" };
 var GlobalLabelCssSelector = "hop-Label";
 function Label(props, ref) {
   [props, ref] = useContextProps(props, ref, LabelContext);

package/dist/{chunk-LCAS3YQV.js → chunk-4BWTFR22.js}

@@ -2,6 +2,7 @@ import { createContext } from 'react';
 
 // src/tag/src/TagGroupContext.ts
 var TagGroupContext = createContext({});
+var InternalTagGroupContext = createContext({ isInGroup: false });
 TagGroupContext.displayName = "TagGroupContext";
 
-export { TagGroupContext };
+export { InternalTagGroupContext, TagGroupContext };

package/dist/{chunk-5IRNUDUF.js → chunk-4DM7I7HD.js}

@@ -1,5 +1,5 @@
-import { _EmbeddedButton } from './chunk-UW6ZUG7Z.js';
 import { ClearButtonContext } from './chunk-DXVKHP4V.js';
+import { _EmbeddedButton } from './chunk-N4GR4BPJ.js';
 import { useLocalizedString } from './chunk-75DHKNW2.js';
 import { DismissIcon } from '@hopper-ui/icons';
 import { forwardRef } from 'react';

package/dist/chunk-4Q2JVTHW.js

@@ -0,0 +1,62 @@
+import { TabLine } from './chunk-VZNJHDCF.js';
+import { TabListContext, InternalTabsContext } from './chunk-YOMX6DZZ.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { useStyledSystem } from '@hopper-ui/styled-system';
+import clsx from 'clsx';
+import { forwardRef, useContext, useState, useLayoutEffect } from 'react';
+import { useContextProps, TabListStateContext, TabList as TabList$1 } from 'react-aria-components';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// css-module:./TabList.module.css#css-module
+var TabList_module_default = { "hop-TabList": "TabList-module__hop-TabList___yFRBT", "hop-TabList--standalone": "TabList-module__hop-TabList--standalone___9WOoH", "hop-TabList--in-card": "TabList-module__hop-TabList--in-card___M56bB", "hop-TabList__tablist": "TabList-module__hop-TabList__tablist___oDdtJ", "hop-TabList--heading": "TabList-module__hop-TabList--heading___7faJ-" };
+var GlobalTabListCssSelector = "hop-TabList";
+function TabList(props, ref) {
+  var _a, _b;
+  [props, ref] = useContextProps(props, ref, TabListContext);
+  const { variant, isDisabled, disabledKeys } = (_a = useContext(InternalTabsContext)) != null ? _a : {};
+  const state = useContext(TabListStateContext);
+  const [selectedTab, setSelectedTab] = useState(void 0);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  useLayoutEffect(() => {
+    if (ref == null ? void 0 : ref.current) {
+      const tab = ref.current.querySelector("[role=tab][data-selected=true]");
+      if (tab != null) {
+        setSelectedTab(tab);
+      }
+    }
+  }, [ref, (_b = state == null ? void 0 : state.selectedItem) == null ? void 0 : _b.key]);
+  const {
+    className,
+    style,
+    ...otherProps
+  } = ownProps;
+  const classNames = clsx(
+    GlobalTabListCssSelector,
+    cssModule(
+      TabList_module_default,
+      "hop-TabList",
+      variant
+    ),
+    stylingProps.className,
+    className
+  );
+  const mergedStyles = {
+    ...style,
+    ...stylingProps.style
+  };
+  return /* @__PURE__ */ jsxs("div", { className: classNames, style: mergedStyles, children: [
+    /* @__PURE__ */ jsx(
+      TabList$1,
+      {
+        ...otherProps,
+        ref,
+        className: TabList_module_default["hop-TabList__tablist"]
+      }
+    ),
+    /* @__PURE__ */ jsx(TabLine, { selectedTab, isDisabled, disabledKeys })
+  ] });
+}
+var _TabList = forwardRef(TabList);
+_TabList.displayName = "TabList";
+
+export { GlobalTabListCssSelector, _TabList };

package/dist/{chunk-NLXPIXK6.js → chunk-4XCHLR74.js}

@@ -1,15 +1,15 @@
-import { _DecorativeRadio } from './chunk-4OLZ77DZ.js';
-import { _DecorativeCheckbox } from './chunk-VSP4G7ZK.js';
+import { _DecorativeRadio } from './chunk-2ZWRKKGQ.js';
+import { _DecorativeCheckbox } from './chunk-QJ37C2VR.js';
 import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
-import { _ListBoxItemSkeleton } from './chunk-FWAI7C6V.js';
-import { BadgeContext } from './chunk-CQDLZ42T.js';
+import { _ListBoxItemSkeleton } from './chunk-PDXLCAJJ.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-ZZ7W2CSK.js';
+import { ensureTextWrapper } from './chunk-3K67676Q.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
+import { AvatarContext } from './chunk-AES7QBQE.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
-import { AvatarContext } from './chunk-AES7QBQE.js';
+import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { CheckmarkIcon, IconContext } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
@@ -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___-ikts", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___0-LpG", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___pEqyA", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___Bom9B", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___WoQRJ", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___JwTsr", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___fdU65", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___DHHCT", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___-Ata8", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___7ueD1", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___xtIrv", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___g3YOi", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___aqin0", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___KyFoY", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___DoXF2", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___uTQg9", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___d37Wx" };
+var ListBoxItem_module_default = { "hop-ListBoxItem": "ListBoxItem-module__hop-ListBoxItem___11pbp", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___GLnmO", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___EfOKe", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___hvK7O", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___9tCEH", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___FCVTY", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___jgZj8", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___V3sTP", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___DiI1c", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___XpV9Q", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___wLfEQ", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___-lT1b", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___QA96e", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___wfS4c", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___XZjF1", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___-7id5", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___kRrvc" };
 var GlobalListBoxItemCssSelector = "hop-ListBoxItem";
 var ListBoxItemToIconSizeAdapter = {
   xs: "sm",

package/dist/{chunk-5FJYI4LW.js → chunk-5C6QSVAT.js}

@@ -7,7 +7,7 @@ import { useContextProps, FieldErrorContext, composeRenderProps, Group } from 'r
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./InputGroup.module.css#css-module
-var InputGroup_module_default = { "hop-InputGroup": "InputGroup-module__hop-InputGroup___N67qO", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___nibeG" };
+var InputGroup_module_default = { "hop-InputGroup": "InputGroup-module__hop-InputGroup___Pz1Wo", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___oxK0p" };
 var GlobalInputGroupCssSelector = "hop-InputGroup";
 function InputGroup(props, ref) {
   var _a;

package/dist/{chunk-DDU66JFJ.js → chunk-5IFTOOZZ.js}

@@ -1,22 +1,22 @@
 import { SelectContext } from './chunk-T24MBA34.js';
-import { _SelectValue } from './chunk-BQZWAIQW.js';
-import { _Popover } from './chunk-JPIQEUGC.js';
+import { _SelectValue } from './chunk-3J4PLSI3.js';
+import { _Popover } from './chunk-YPFRE4CL.js';
 import { _Footer } from './chunk-VOZN65OL.js';
 import { _ListBoxSection } from './chunk-DZJSSJVJ.js';
-import { _ListBox } from './chunk-HYJ7TQWP.js';
-import { _ListBoxItem } from './chunk-NLXPIXK6.js';
-import { _HelperMessage } from './chunk-XKG2DTMX.js';
-import { _ErrorMessage } from './chunk-ZABWFRCB.js';
-import { _ToggleArrow } from './chunk-G6BSMNGR.js';
-import { BadgeContext } from './chunk-CQDLZ42T.js';
-import { ensureTextWrapper } from './chunk-ZZ7W2CSK.js';
-import { _Label } from './chunk-H4CNGCXD.js';
-import { useFormProps } from './chunk-U7OQMVV4.js';
+import { _ListBox } from './chunk-7PFBJGXR.js';
+import { _ListBoxItem } from './chunk-4XCHLR74.js';
+import { _ErrorMessage } from './chunk-UVAYZR6E.js';
+import { _HelperMessage } from './chunk-HX5DVM3I.js';
+import { _ToggleArrow } from './chunk-CJ265VTW.js';
+import { ensureTextWrapper } from './chunk-3K67676Q.js';
+import { _Label } from './chunk-3Z635COB.js';
+import { useFormProps } from './chunk-SYTIFS4W.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
-import { ClearContainerSlots, ClearProviders } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
+import { ClearContainerSlots, ClearProviders } from './chunk-HXI3MEEK.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
+import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { IconContext } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { forwardRef } from 'react';
@@ -24,7 +24,7 @@ import { useContextProps, composeRenderProps, TextContext as TextContext$1, Butt
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Select.module.css#css-module
-var Select_module_default = { "hop-Select": "Select-module__hop-Select___zhsr6", "hop-Select--fluid": "Select-module__hop-Select--fluid___Q5XYv", "hop-Select__label": "Select-module__hop-Select__label___SIRoy", "hop-Select__button": "Select-module__hop-Select__button___iAySk", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___xmbaC", "hop-Select__button--md": "Select-module__hop-Select__button--md___k2jq6", "hop-Select__prefix": "Select-module__hop-Select__prefix___qlPPz", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___tLCzi", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___iBz3o", "hop-Select__error-message": "Select-module__hop-Select__error-message___sbmJW" };
+var Select_module_default = { "hop-Select": "Select-module__hop-Select___S28u6", "hop-Select--fluid": "Select-module__hop-Select--fluid___FzwTo", "hop-Select__label": "Select-module__hop-Select__label___rJOt3", "hop-Select__button": "Select-module__hop-Select__button___kDutC", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___FfTwp", "hop-Select__button--md": "Select-module__hop-Select__button--md___J5ceK", "hop-Select__prefix": "Select-module__hop-Select__prefix___0eZU1", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___-EFb5", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___11zfn", "hop-Select__error-message": "Select-module__hop-Select__error-message___gxg1a" };
 var GlobalSelectCssSelector = "hop-Select";
 function Select(props, ref) {
   var _a, _b, _c, _d;

package/dist/{chunk-2VHFVBGS.js → chunk-5NSON22C.js}

@@ -1,5 +1,5 @@
 import { useLocalizedString } from './chunk-75DHKNW2.js';
-import { _Text } from './chunk-IKIWDGGT.js';
+import { _Text } from './chunk-ZJWJ7L2B.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -10,7 +10,7 @@ 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___1M6df" };
+var RemainingCharacterCount_module_default = { "hop-RemainingCharacterCount": "RemainingCharacterCount-module__hop-RemainingCharacterCount___l3UO0" };
 var GlobalRemainingCharacterCountCssSelector = "hop-RemainingCharacterCount";
 function RemainingCharacterCount(props, ref) {
   const { stylingProps, ...ownProps } = useStyledSystem(props);

package/dist/chunk-5T27BE6E.js

@@ -0,0 +1,80 @@
+import { TagContext } from './chunk-EWMWQ2MC.js';
+import { TabContext, InternalTabsContext } from './chunk-YOMX6DZZ.js';
+import { _Text } from './chunk-ZJWJ7L2B.js';
+import { TextContext } from './chunk-X6SER3TZ.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { BadgeContext } from './chunk-CQDLZ42T.js';
+import { IconContext } from '@hopper-ui/icons';
+import { useStyledSystem } from '@hopper-ui/styled-system';
+import clsx from 'clsx';
+import { forwardRef, useContext } from 'react';
+import { useContextProps, Tab as Tab$1, Provider } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+// css-module:./Tab.module.css#css-module
+var Tab_module_default = { "hop-Tab": "Tab-module__hop-Tab___2mg5e", "hop-Tab--fluid": "Tab-module__hop-Tab--fluid___6RYLv", "hop-Tab--md": "Tab-module__hop-Tab--md___SlYZl", "hop-Tab__icon": "Tab-module__hop-Tab__icon___S3XR7", "hop-Tab__text": "Tab-module__hop-Tab__text___--Mxt", "hop-Tab__badge": "Tab-module__hop-Tab__badge___cl9f4", "hop-Tab__tag": "Tab-module__hop-Tab__tag___TwXzr" };
+var GlobalTabCssSelector = "hop-Tab";
+function Tab(props, ref) {
+  var _a;
+  [props, ref] = useContextProps(props, ref, TabContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const { variant, size, isFluid } = (_a = useContext(InternalTabsContext)) != null ? _a : {};
+  const {
+    className,
+    children,
+    style,
+    ...otherProps
+  } = ownProps;
+  const classNames = clsx(
+    GlobalTabCssSelector,
+    cssModule(
+      Tab_module_default,
+      "hop-Tab",
+      variant,
+      size,
+      isFluid && "fluid"
+    ),
+    stylingProps.className,
+    className
+  );
+  const mergedStyles = {
+    ...style,
+    ...stylingProps.style
+  };
+  return /* @__PURE__ */ jsx(
+    Tab$1,
+    {
+      ...otherProps,
+      style: mergedStyles,
+      className: classNames,
+      ref,
+      children: /* @__PURE__ */ jsx(
+        Provider,
+        {
+          values: [
+            [TextContext, {
+              className: Tab_module_default["hop-Tab__text"],
+              size
+            }],
+            [IconContext, {
+              className: Tab_module_default["hop-Tab__icon"],
+              size
+            }],
+            [BadgeContext, {
+              className: Tab_module_default["hop-Tab__badge"]
+            }],
+            [TagContext, {
+              className: Tab_module_default["hop-Tab__tag"],
+              size
+            }]
+          ],
+          children: typeof children === "string" ? /* @__PURE__ */ jsx(_Text, { children }) : children
+        }
+      )
+    }
+  );
+}
+var _Tab = forwardRef(Tab);
+_Tab.displayName = "Tab";
+
+export { GlobalTabCssSelector, _Tab };

package/dist/{chunk-HYJ7TQWP.js → chunk-7PFBJGXR.js}

@@ -1,14 +1,14 @@
 import { isFunction } from './chunk-TIPN4VYD.js';
 import { ListBoxSectionContext } from './chunk-RLDIAT4F.js';
 import { ListBoxContext } from './chunk-UIEP5BA5.js';
-import { _ListBoxItem } from './chunk-NLXPIXK6.js';
+import { _ListBoxItem } from './chunk-4XCHLR74.js';
 import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
 import { HeaderContext } from './chunk-7JOGKC3W.js';
 import { useLocalizedString } from './chunk-75DHKNW2.js';
-import { _Text } from './chunk-IKIWDGGT.js';
-import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
+import { _Text } from './chunk-ZJWJ7L2B.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
+import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { useLoadMore } from '@react-aria/utils';
@@ -18,7 +18,7 @@ import { useContextProps, composeRenderProps, ListBox as ListBox$1, Collection }
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./ListBox.module.css#css-module
-var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___rdO2O", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___b6hMd", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___e3pde", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___CXqqa", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___jwTE3" };
+var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___1kDPO", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___4C96F", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___GG3xB", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___PX6Xm", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___ywmLP" };
 var GlobalListBoxCssSelector = "hop-ListBox";
 var GlobalListBoxEmptyItemCssSelector = "hop-ListBox__empty-item";
 var ListBoxToTextSizeAdapter = {
@@ -82,7 +82,7 @@ function ListBox(props, ref) {
       return /* @__PURE__ */ jsx(Collection, { items: props.items, children: (item) => isFunction(children) ? children(item) : children });
     }
     if (isFunction(children)) {
-      console.error("ListBox: Children should not be a function when items are not provided.");
+      console.warn("ListBox: Children should not be a function when items are not provided.");
       return null;
     }
     return children;

package/dist/{chunk-J6IHIWKX.js → chunk-7X75OHND.js}

@@ -7,7 +7,7 @@ import { useContextProps, composeRenderProps, Popover } from 'react-aria-compone
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./PopoverBase.module.css#css-module
-var PopoverBase_module_default = { "hop-PopoverBase": "PopoverBase-module__hop-PopoverBase___ROkok" };
+var PopoverBase_module_default = { "hop-PopoverBase": "PopoverBase-module__hop-PopoverBase___OOHd1" };
 var GlobalPopoverBaseCssSelector = "hop-PopoverBase";
 function PopoverBase(props, ref) {
   var _a;

package/dist/{chunk-JHJBTFLY.js → chunk-APPIP25B.js}

@@ -1,6 +1,6 @@
 import { LinkContext } from './chunk-4VVNSXIB.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-ZZ7W2CSK.js';
+import { ensureTextWrapper } from './chunk-3K67676Q.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -12,7 +12,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___Xn1BZ", "hop-Link--standalone": "Link-module__hop-Link--standalone___rB6cb", "hop-Link__text": "Link-module__hop-Link__text___xZ7Hm", "hop-Link--xs": "Link-module__hop-Link--xs___vAucw", "hop-Link--sm": "Link-module__hop-Link--sm___9YA9F", "hop-Link--md": "Link-module__hop-Link--md___eyxwE", "hop-Link--lg": "Link-module__hop-Link--lg___zV0bM", "hop-Link--xl": "Link-module__hop-Link--xl___u7G5W", "hop-Link--2xl": "Link-module__hop-Link--2xl___e5sTV", "hop-Link--quiet": "Link-module__hop-Link--quiet___8UNBU", "hop-Link--primary": "Link-module__hop-Link--primary___q-ILB", "hop-Link--secondary": "Link-module__hop-Link--secondary___Gtr-1", "hop-Link__icon": "Link-module__hop-Link__icon___yttY-", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___cICgs", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___2jl8m", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___HSNgW" };
+var Link_module_default = { "hop-Link": "Link-module__hop-Link___YOvYJ", "hop-Link--standalone": "Link-module__hop-Link--standalone___gPNsU", "hop-Link__text": "Link-module__hop-Link__text___qjocb", "hop-Link--xs": "Link-module__hop-Link--xs___-AUGg", "hop-Link--sm": "Link-module__hop-Link--sm___1OHJj", "hop-Link--md": "Link-module__hop-Link--md___tCgL7", "hop-Link--lg": "Link-module__hop-Link--lg___mrpKy", "hop-Link--xl": "Link-module__hop-Link--xl___J96Px", "hop-Link--2xl": "Link-module__hop-Link--2xl___1KOPw", "hop-Link--quiet": "Link-module__hop-Link--quiet___apCpF", "hop-Link--primary": "Link-module__hop-Link--primary___3f9tS", "hop-Link--secondary": "Link-module__hop-Link--secondary___hlXh7", "hop-Link__icon": "Link-module__hop-Link__icon___oph4R", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___AkgXZ", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___kENW0", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___5t-aO" };
 var GlobalLinkCssSelector = "hop-Link";
 var LinkToIconSizeAdapter = {
   inherit: void 0,

package/dist/{chunk-2SLQXXR3.js → chunk-BDTANCWW.js}

@@ -1,10 +1,10 @@
 import { useSlot } from './chunk-H5YTU3U7.js';
-import { _Spinner } from './chunk-VN2LIBN3.js';
+import { _Spinner } from './chunk-MQJJVH2S.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
-import { ensureTextWrapper } from './chunk-ZZ7W2CSK.js';
+import { ensureTextWrapper } from './chunk-3K67676Q.js';
 import { useLocalizedString } from './chunk-75DHKNW2.js';
-import { useFormProps } from './chunk-U7OQMVV4.js';
+import { useFormProps } from './chunk-SYTIFS4W.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -17,7 +17,7 @@ import { useContextProps, composeRenderProps, DEFAULT_SLOT, Button as Button$1 }
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Button.module.css#css-module
-var Button_module_default = { "hop-Button": "Button-module__hop-Button___0gfqJ", "hop-Button--fluid": "Button-module__hop-Button--fluid___myrTT", "hop-Button--sm": "Button-module__hop-Button--sm___g5QUy", "hop-Button--md": "Button-module__hop-Button--md___1aehr", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___RLF7D", "hop-Button--primary": "Button-module__hop-Button--primary___W-L6h", "hop-Button--secondary": "Button-module__hop-Button--secondary___yTvTT", "hop-Button--upsell": "Button-module__hop-Button--upsell___2BpME", "hop-Button--danger": "Button-module__hop-Button--danger___fOYq-", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___9FMZB", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___C1Yig", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___ezCDa", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___KndEG", "hop-Button__icon": "Button-module__hop-Button__icon___e-txS", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___cDq1T", "hop-Button__text": "Button-module__hop-Button__text___N-sLR", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___auKKg", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___5l1s3" };
+var Button_module_default = { "hop-Button": "Button-module__hop-Button___PZqew", "hop-Button--fluid": "Button-module__hop-Button--fluid___N37Qk", "hop-Button--sm": "Button-module__hop-Button--sm___pZcBu", "hop-Button--md": "Button-module__hop-Button--md___3uzDj", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___mYOOa", "hop-Button--primary": "Button-module__hop-Button--primary___sWDr5", "hop-Button--secondary": "Button-module__hop-Button--secondary___rZmmv", "hop-Button--upsell": "Button-module__hop-Button--upsell___0Eg9m", "hop-Button--danger": "Button-module__hop-Button--danger___vSKtG", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___XiP37", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___MKVtS", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___LrR6R", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___Ofdtn", "hop-Button__icon": "Button-module__hop-Button__icon___GEXHo", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___ib5zs", "hop-Button__text": "Button-module__hop-Button__text___jIS3o", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___3B-f5", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___jnacE" };
 var GlobalButtonCssSelector = "hop-Button";
 function Button(props, ref) {
   var _a, _b;

package/dist/{chunk-MOPZLX5T.js → chunk-BIXK4EZC.js}

@@ -1,11 +1,11 @@
 import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
-import { useFormProps } from './chunk-U7OQMVV4.js';
-import { _Text } from './chunk-IKIWDGGT.js';
-import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
+import { useFormProps } from './chunk-SYTIFS4W.js';
+import { _Text } from './chunk-ZJWJ7L2B.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
+import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { useSlotId } from '@react-aria/utils';
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./CheckboxField.module.css#css-module
-var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___-POxb", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___0xtEg", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___3GD-i", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___kagln", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___tY8z4" };
+var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___JjpJe", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___UCdfO", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___MXSKQ", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___EaFzd", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___naeGJ" };
 var GlobalCheckboxFieldCssSelector = "hop-CheckboxField";
 var CheckboxToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-DXE6DHXH.js → chunk-BP6SHXTL.js}

@@ -1,9 +1,9 @@
-import { BadgeContext } from './chunk-CQDLZ42T.js';
-import { _OverlineText } from './chunk-WCO5VX2D.js';
-import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
+import { _OverlineText } from './chunk-KZNNZP23.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
+import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { slot, useStyledSystem } from '@hopper-ui/styled-system';
 import { filterDOMProps } from '@react-aria/utils';
 import { forwardRef } from 'react';
@@ -23,7 +23,7 @@ function mapOrbiterToHopperVariants(variant) {
 }
 
 // css-module:./Badge.module.css#css-module
-var Badge_module_default = { "hop-Badge": "Badge-module__hop-Badge___GWaYT", "hop-Badge--primary": "Badge-module__hop-Badge--primary___1aVIg", "hop-Badge--secondary": "Badge-module__hop-Badge--secondary___j1jHL", "hop-Badge--subdued": "Badge-module__hop-Badge--subdued___fnI0p" };
+var Badge_module_default = { "hop-Badge": "Badge-module__hop-Badge___f9YXx", "hop-Badge--primary": "Badge-module__hop-Badge--primary___VgHcL", "hop-Badge--secondary": "Badge-module__hop-Badge--secondary___r8hTx", "hop-Badge--subdued": "Badge-module__hop-Badge--subdued___hzm46" };
 var GlobalBadgeCssSelector = "hop-Badge";
 function Badge(props, ref) {
   [props, ref] = useContextProps(props, ref, BadgeContext);