@hopper-ui/components 1.5.0 → 1.5.2

package/dist/{chunk-I6K2IF6S.js → chunk-E27ARXCP.js}

@@ -1,5 +1,5 @@
 import { CalloutContext } from './chunk-NZ4VFVXA.js';
-import { _CloseButton } from './chunk-PSGJ3SGD.js';
+import { _CloseButton } from './chunk-QXUHQUOL.js';
 import { useSlot } from './chunk-H5YTU3U7.js';
 import { ContentContext } from './chunk-IXB2WK56.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
@@ -14,7 +14,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./Callout.module.css#css-module
-var Callout_module_default = { "hop-Callout": "Callout-module__hop-Callout___iE9P-", "hop-Callout__icon": "Callout-module__hop-Callout__icon___EZFP4", "hop-Callout__heading": "Callout-module__hop-Callout__heading___mG67A", "hop-Callout__content": "Callout-module__hop-Callout__content___t2q8o", "hop-Callout__button": "Callout-module__hop-Callout__button___KaxzJ", "hop-Callout__dismiss": "Callout-module__hop-Callout__dismiss___dvyPP", "hop-Callout--information": "Callout-module__hop-Callout--information___ydtCy", "hop-Callout--success": "Callout-module__hop-Callout--success___0sREM", "hop-Callout--warning": "Callout-module__hop-Callout--warning___wzVHE", "hop-Callout--upsell": "Callout-module__hop-Callout--upsell___NtR-7", "hop-Callout--subtle-fill": "Callout-module__hop-Callout--subtle-fill___WLoSA" };
+var Callout_module_default = { "hop-Callout": "Callout-module__hop-Callout___z3DN-", "hop-Callout__icon": "Callout-module__hop-Callout__icon___GHy-c", "hop-Callout__heading": "Callout-module__hop-Callout__heading___finsz", "hop-Callout__content": "Callout-module__hop-Callout__content___DWUXN", "hop-Callout__button": "Callout-module__hop-Callout__button___mYNkB", "hop-Callout__dismiss": "Callout-module__hop-Callout__dismiss___p3gU3", "hop-Callout--information": "Callout-module__hop-Callout--information___jshGA", "hop-Callout--success": "Callout-module__hop-Callout--success___S-dNv", "hop-Callout--warning": "Callout-module__hop-Callout--warning___VTAtS", "hop-Callout--upsell": "Callout-module__hop-Callout--upsell___yO6ct", "hop-Callout--subtle-fill": "Callout-module__hop-Callout--subtle-fill___PStUJ" };
 var GlobalCalloutCssSelector = "hop-Callout";
 var Callout = (props, ref) => {
   [props, ref] = useContextProps(props, ref, CalloutContext);

package/dist/{chunk-WERKME6J.js → chunk-EG7R3J2B.js}

@@ -1,6 +1,6 @@
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { useLocalizedString } from './chunk-75DHKNW2.js';
-import { useFormProps } from './chunk-F2CIGATZ.js';
+import { useFormProps } from './chunk-EX4TNKX6.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___tDR83", "hop-Label__indicator": "Label-module__hop-Label__indicator___Tm7Si" };
+var Label_module_default = { "hop-Label": "Label-module__hop-Label___b41EM", "hop-Label__indicator": "Label-module__hop-Label__indicator___VmW1e" };
 var GlobalLabelCssSelector = "hop-Label";
 function Label(props, ref) {
   [props, ref] = useContextProps(props, ref, LabelContext);

package/dist/{chunk-F2CIGATZ.js → chunk-EX4TNKX6.js}

@@ -7,7 +7,7 @@ import { Form as Form$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Form.module.css#css-module
-var Form_module_default = { "hop-Form": "Form-module__hop-Form___UdqoO" };
+var Form_module_default = { "hop-Form": "Form-module__hop-Form___C5zd1" };
 var GlobalFormCssSelector = "hop-Form";
 function useFormProps(props) {
   const ctx = useContext(FormContext);

package/dist/{chunk-VRKYQ753.js → chunk-FHEXMRR4.js}

@@ -1,9 +1,9 @@
-import { TagContext } from './chunk-EWMWQ2MC.js';
 import { TagGroupContext, InternalTagGroupContext } from './chunk-4BWTFR22.js';
-import { _HelperMessage } from './chunk-P7Y5EFUU.js';
-import { _ErrorMessage } from './chunk-LLZVUS6L.js';
-import { _Label } from './chunk-WERKME6J.js';
-import { useFormProps } from './chunk-F2CIGATZ.js';
+import { TagContext } from './chunk-EWMWQ2MC.js';
+import { _ErrorMessage } from './chunk-MXNSZYTY.js';
+import { _HelperMessage } from './chunk-GLJULTCI.js';
+import { _Label } from './chunk-EG7R3J2B.js';
+import { useFormProps } from './chunk-EX4TNKX6.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, FieldErrorContext, TagGroup as Tag
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./TagGroup.module.css#css-module
-var TagGroup_module_default = { "hop-TagGroup": "TagGroup-module__hop-TagGroup___RHzwN", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___NpMOq", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___cw4Kk", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___lN1kQ", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___x4jfy" };
+var TagGroup_module_default = { "hop-TagGroup": "TagGroup-module__hop-TagGroup___22I7N", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___uZ3cI", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___97q9v", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___MhBTX", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___QLPsg" };
 var GlobalTagGroupCssSelector = "hop-TagGroup";
 function TagGroup(props, ref) {
   var _a;

package/dist/chunk-FQEJKZ73.js

@@ -0,0 +1,46 @@
+import { TabPanelContext } from './chunk-YOMX6DZZ.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { useStyledSystem } from '@hopper-ui/styled-system';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { useContextProps, TabPanel as TabPanel$1 } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+// css-module:./TabPanel.module.css#css-module
+var TabPanel_module_default = { "hop-TabPanel": "TabPanel-module__hop-TabPanel___j68ny" };
+var GlobalTabPanelCssSelector = "hop-TabPanel";
+function TabPanel(props, ref) {
+  [props, ref] = useContextProps(props, ref, TabPanelContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    style,
+    ...otherProps
+  } = ownProps;
+  const classNames = clsx(
+    GlobalTabPanelCssSelector,
+    cssModule(
+      TabPanel_module_default,
+      "hop-TabPanel"
+    ),
+    stylingProps.className,
+    className
+  );
+  const mergedStyles = {
+    ...style,
+    ...stylingProps.style
+  };
+  return /* @__PURE__ */ jsx(
+    TabPanel$1,
+    {
+      ref,
+      style: mergedStyles,
+      className: classNames,
+      ...otherProps
+    }
+  );
+}
+var _TabPanel = forwardRef(TabPanel);
+_TabPanel.displayName = "TabPanel";
+
+export { GlobalTabPanelCssSelector, _TabPanel };

package/dist/{chunk-M7OZRSCE.js → chunk-FT6ASD4F.js}

@@ -8,7 +8,7 @@ import { useContextProps, ToggleGroupStateContext, ToggleButtonGroup, Provider }
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./SegmentedControl.module.css#css-module
-var SegmentedControl_module_default = { "hop-SegmentedControl": "SegmentedControl-module__hop-SegmentedControl___WrqQt" };
+var SegmentedControl_module_default = { "hop-SegmentedControl": "SegmentedControl-module__hop-SegmentedControl___l4Epu" };
 var GlobalSegmentedControlCssSelector = "hop-SegmentedControl";
 var SegmentedControl = (props, ref) => {
   [props, ref] = useContextProps(props, ref, SegmentedControlContext);

package/dist/{chunk-2W32X7FU.js → chunk-G6Y53VHH.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___--p27", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___c4R6n" };
+var InputGroup_module_default = { "hop-InputGroup": "InputGroup-module__hop-InputGroup___Mbbmm", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___hEK3K" };
 var GlobalInputGroupCssSelector = "hop-InputGroup";
 function InputGroup(props, ref) {
   var _a;

package/dist/{chunk-WRSQGJQP.js → chunk-GFUBJSJ4.js}

@@ -1,6 +1,6 @@
 import { LinkContext } from './chunk-4VVNSXIB.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-6VK6XY4Y.js';
+import { ensureTextWrapper } from './chunk-SIME6JYB.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___DzYhq", "hop-Link--standalone": "Link-module__hop-Link--standalone___BYbnv", "hop-Link__text": "Link-module__hop-Link__text___gW0lV", "hop-Link--xs": "Link-module__hop-Link--xs___RmTRK", "hop-Link--sm": "Link-module__hop-Link--sm___eklNK", "hop-Link--md": "Link-module__hop-Link--md___B7sQG", "hop-Link--lg": "Link-module__hop-Link--lg___6jC6g", "hop-Link--xl": "Link-module__hop-Link--xl___dpjHu", "hop-Link--2xl": "Link-module__hop-Link--2xl___U30Qc", "hop-Link--quiet": "Link-module__hop-Link--quiet___wYVK6", "hop-Link--primary": "Link-module__hop-Link--primary___MMiGn", "hop-Link--secondary": "Link-module__hop-Link--secondary___rF-Cj", "hop-Link__icon": "Link-module__hop-Link__icon___4UuGS", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___zzKJT", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___3G-vl", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___a8gB3" };
+var Link_module_default = { "hop-Link": "Link-module__hop-Link___HtLnl", "hop-Link--standalone": "Link-module__hop-Link--standalone___vupUx", "hop-Link__text": "Link-module__hop-Link__text___-Yvxm", "hop-Link--xs": "Link-module__hop-Link--xs___kDFkj", "hop-Link--sm": "Link-module__hop-Link--sm___u5wuE", "hop-Link--md": "Link-module__hop-Link--md___jJvze", "hop-Link--lg": "Link-module__hop-Link--lg___FTEMU", "hop-Link--xl": "Link-module__hop-Link--xl___SdxPh", "hop-Link--2xl": "Link-module__hop-Link--2xl___JTKIS", "hop-Link--quiet": "Link-module__hop-Link--quiet___BTS8c", "hop-Link--primary": "Link-module__hop-Link--primary___7TM-C", "hop-Link--secondary": "Link-module__hop-Link--secondary___Iu-U2", "hop-Link__icon": "Link-module__hop-Link__icon___0xdR6", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___kjOzC", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___2YOo5", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___-KZJZ" };
 var GlobalLinkCssSelector = "hop-Link";
 var LinkToIconSizeAdapter = {
   inherit: void 0,

package/dist/{chunk-P7Y5EFUU.js → chunk-GLJULTCI.js}

@@ -1,5 +1,5 @@
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
-import { _Text } from './chunk-44OL5LKJ.js';
+import { _Text } from './chunk-XE6LXAC5.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___2DKif", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___xKDQh" };
+var HelperMessage_module_default = { "hop-HelperMessage": "HelperMessage-module__hop-HelperMessage___yt2hE", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___rdeSI" };
 var GlobalHelperMessageCssSelector = "hop-HelperMessage";
 function HelperMessage(props, ref) {
   const validation = useContext(FieldErrorContext);

package/dist/{chunk-QOOKVLD6.js → chunk-GRCOKUPC.js}

@@ -6,7 +6,7 @@ import { useContextProps, Input as Input$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Input.module.css#css-module
-var Input_module_default = { "hop-Input": "Input-module__hop-Input___-ltEm", "hop-Input--sm": "Input-module__hop-Input--sm___3y-Q2" };
+var Input_module_default = { "hop-Input": "Input-module__hop-Input___ZaRWZ", "hop-Input--sm": "Input-module__hop-Input--sm___LQ0Bc" };
 var InputContext = createContext({});
 var Input = forwardRef(function Input2(props, ref) {
   var _a;

package/dist/{chunk-7SLBZ5XD.js → chunk-H6UNVESF.js}

@@ -1,6 +1,6 @@
 import { RadioFieldContext } from './chunk-DGLAGYBD.js';
 import { RadioContext } from './chunk-FU5CCPLP.js';
-import { _Text } from './chunk-44OL5LKJ.js';
+import { _Text } from './chunk-XE6LXAC5.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./RadioField.module.css#css-module
-var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-RadioField___k3AZM", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___B-gTC", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___-RCiR", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___2gS6e", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___Twmlz" };
+var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-RadioField___s6jwk", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___PAlc9", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___nF5oG", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___uQEzT", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___UiLg3" };
 var GlobalRadioFieldCssSelector = "hop-RadioField";
 var RadioToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-WFGDBWD6.js → chunk-I3S773MA.js}

@@ -1,6 +1,6 @@
 import { RadioContext } from './chunk-FU5CCPLP.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-6VK6XY4Y.js';
+import { ensureTextWrapper } from './chunk-SIME6JYB.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -13,7 +13,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___75d2P", "hop-Radio--sm": "Radio-module__hop-Radio--sm___ENTOs", "hop-Radio--md": "Radio-module__hop-Radio--md___WOf3w", "hop-Radio__icon": "Radio-module__hop-Radio__icon___B6TVi", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___fUV4f", "hop-Radio__box": "Radio-module__hop-Radio__box___XYk2f", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___WnjZ5", "hop-Radio__text": "Radio-module__hop-Radio__text___It24N" };
+var Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___0j3Bc", "hop-Radio--sm": "Radio-module__hop-Radio--sm___wdRGc", "hop-Radio--md": "Radio-module__hop-Radio--md___cg1J8", "hop-Radio__icon": "Radio-module__hop-Radio__icon___rFdnl", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___z8Y-a", "hop-Radio__box": "Radio-module__hop-Radio__box___yykJi", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___0H4wD", "hop-Radio__text": "Radio-module__hop-Radio__text___4eINf" };
 var GlobalRadioCssSelector = "hop-Radio";
 function Radio(props, ref) {
   var _a;

package/dist/chunk-IFSZVCXH.js

@@ -0,0 +1,74 @@
+import { TabsContext, InternalTabsContext } from './chunk-YOMX6DZZ.js';
+import { useStyledSystem } from '@hopper-ui/styled-system';
+import { useControlledState } from '@react-stately/utils';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { useContextProps, Tabs as Tabs$1, Provider } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+var GlobalTabsCssSelector = "hop-Tabs";
+function Tabs(props, ref) {
+  var _a;
+  [props, ref] = useContextProps(props, ref, TabsContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    children,
+    style,
+    slot,
+    isDisabled,
+    disabledKeys,
+    variant = "standalone",
+    size = "sm",
+    isFluid,
+    ...otherProps
+  } = ownProps;
+  const [value, setValue] = useControlledState(props.selectedKey, (_a = props.defaultSelectedKey) != null ? _a : null, props.onSelectionChange);
+  if (!props["aria-label"] && !props["aria-labelledby"]) {
+    console.warn("An aria-label or aria-labelledby prop is required on Tabs for accessibility.");
+  }
+  const classNames = clsx(
+    GlobalTabsCssSelector,
+    stylingProps.className,
+    className
+  );
+  const mergedStyles = {
+    ...style,
+    ...stylingProps.style
+  };
+  return /* @__PURE__ */ jsx(
+    Tabs$1,
+    {
+      ref,
+      slot,
+      className: classNames,
+      style: mergedStyles,
+      isDisabled,
+      disabledKeys,
+      ...otherProps,
+      children: /* @__PURE__ */ jsx(
+        Provider,
+        {
+          values: [
+            [InternalTabsContext, {
+              variant,
+              size,
+              selectedKey: value,
+              onSelectionChange: setValue,
+              isFluid,
+              isDisabled,
+              disabledKeys,
+              "aria-label": props["aria-label"],
+              "aria-labelledby": props["aria-labelledby"]
+            }]
+          ],
+          children
+        }
+      )
+    }
+  );
+}
+var _Tabs = forwardRef(Tabs);
+_Tabs.displayName = "Tabs";
+
+export { GlobalTabsCssSelector, _Tabs };

package/dist/{chunk-PLCSZSWK.js → chunk-IH7P6DWQ.js}

@@ -1,11 +1,11 @@
 import { SearchFieldContext } from './chunk-3NKF5TPD.js';
-import { _ClearButton } from './chunk-M75JHDEW.js';
-import { _InputGroup } from './chunk-2W32X7FU.js';
-import { Input } from './chunk-QOOKVLD6.js';
-import { _HelperMessage } from './chunk-P7Y5EFUU.js';
-import { _ErrorMessage } from './chunk-LLZVUS6L.js';
-import { _Label } from './chunk-WERKME6J.js';
-import { useFormProps } from './chunk-F2CIGATZ.js';
+import { _ClearButton } from './chunk-DSKBTOQK.js';
+import { Input } from './chunk-GRCOKUPC.js';
+import { _InputGroup } from './chunk-G6Y53VHH.js';
+import { _ErrorMessage } from './chunk-MXNSZYTY.js';
+import { _HelperMessage } from './chunk-GLJULTCI.js';
+import { _Label } from './chunk-EG7R3J2B.js';
+import { useFormProps } from './chunk-EX4TNKX6.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -20,7 +20,7 @@ import { useContextProps, composeRenderProps, SearchField as SearchField$1 } fro
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./SearchField.module.css#css-module
-var SearchField_module_default = { "hop-SearchField": "SearchField-module__hop-SearchField___eXiqh", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___GkWlF", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___vDNem", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___PeTWj", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___3JhbL", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___YE97X", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___WtBGc", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___NTtlM", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___hzXXl" };
+var SearchField_module_default = { "hop-SearchField": "SearchField-module__hop-SearchField___SECAe", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___01rg0", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___nEBtT", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___X-yqo", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___1UJBf", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___qO9BM", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___IfR5D", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___befYe", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___tZHhL" };
 var GlobalSearchFieldCssSelector = "hop-SearchField";
 function SearchField(props, ref) {
   var _a;

package/dist/chunk-IHFVBNOE.js

@@ -0,0 +1,80 @@
+import { TagContext } from './chunk-EWMWQ2MC.js';
+import { TabContext, InternalTabsContext } from './chunk-YOMX6DZZ.js';
+import { BadgeContext } from './chunk-CQDLZ42T.js';
+import { _Text } from './chunk-XE6LXAC5.js';
+import { TextContext } from './chunk-X6SER3TZ.js';
+import { cssModule } from './chunk-KVDXQMWI.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___vJUyZ", "hop-Tab--fluid": "Tab-module__hop-Tab--fluid___aA8yy", "hop-Tab--md": "Tab-module__hop-Tab--md___rPSjX", "hop-Tab__icon": "Tab-module__hop-Tab__icon___e2u-M", "hop-Tab__text": "Tab-module__hop-Tab__text___XGMER", "hop-Tab__badge": "Tab-module__hop-Tab__badge___stGUc", "hop-Tab__tag": "Tab-module__hop-Tab__tag___NODPO" };
+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-MLH5QPM6.js → chunk-IXQOSJDS.js}

@@ -1,6 +1,6 @@
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-6VK6XY4Y.js';
+import { ensureTextWrapper } from './chunk-SIME6JYB.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // css-module:./DecorativeCheckbox.module.css#css-module
-var DecorativeCheckbox_module_default = { "hop-DecorativeCheckbox": "DecorativeCheckbox-module__hop-DecorativeCheckbox___WmHcP Checkbox-module__hop-Checkbox___KLq70", "hop-DecorativeCheckbox--sm": "DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___DA3lU Checkbox-module__hop-Checkbox--sm___awAEl", "hop-DecorativeCheckbox--md": "DecorativeCheckbox-module__hop-DecorativeCheckbox--md___DsDcH Checkbox-module__hop-Checkbox--md___YgjUI", "hop-DecorativeCheckbox__icon": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___GBAqk Checkbox-module__hop-Checkbox__icon___Dhku9", "hop-DecorativeCheckbox__icon-list": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___h2gZY Checkbox-module__hop-Checkbox__icon___Dhku9", "hop-DecorativeCheckbox__box": "DecorativeCheckbox-module__hop-DecorativeCheckbox__box___uFEfA Checkbox-module__hop-Checkbox__box___HhBnD", "hop-DecorativeCheckbox__check": "DecorativeCheckbox-module__hop-DecorativeCheckbox__check___ff-Wk Checkbox-module__hop-Checkbox__check___UEteu", "hop-DecorativeCheckbox__text": "DecorativeCheckbox-module__hop-DecorativeCheckbox__text___ekhgd Checkbox-module__hop-Checkbox__text___-RQd9" };
+var DecorativeCheckbox_module_default = { "hop-DecorativeCheckbox": "DecorativeCheckbox-module__hop-DecorativeCheckbox___0qC6k Checkbox-module__hop-Checkbox___ikHEN", "hop-DecorativeCheckbox--sm": "DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___W--Tz Checkbox-module__hop-Checkbox--sm___76VZX", "hop-DecorativeCheckbox--md": "DecorativeCheckbox-module__hop-DecorativeCheckbox--md___ui7iG Checkbox-module__hop-Checkbox--md___Mi59Y", "hop-DecorativeCheckbox__icon": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___GgFJz Checkbox-module__hop-Checkbox__icon___tF-bn", "hop-DecorativeCheckbox__icon-list": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___CF2l- Checkbox-module__hop-Checkbox__icon___tF-bn", "hop-DecorativeCheckbox__box": "DecorativeCheckbox-module__hop-DecorativeCheckbox__box___ba5IE Checkbox-module__hop-Checkbox__box___UCsQ9", "hop-DecorativeCheckbox__check": "DecorativeCheckbox-module__hop-DecorativeCheckbox__check___I2dZH Checkbox-module__hop-Checkbox__check___Nuzuy", "hop-DecorativeCheckbox__text": "DecorativeCheckbox-module__hop-DecorativeCheckbox__text___CerK6 Checkbox-module__hop-Checkbox__text___Bv8NA" };
 var GlobalDecorativeCheckboxCssSelector = "hop-DecorativeCheckbox";
 function DecorativeCheckbox(props, ref) {
   var _a;

package/dist/{chunk-NKQRCWXB.js → chunk-JX5ASOQE.js}

@@ -1,6 +1,6 @@
 import { RadioContext } from './chunk-FU5CCPLP.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-6VK6XY4Y.js';
+import { ensureTextWrapper } from './chunk-SIME6JYB.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
@@ -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___X3gEw Radio-module__hop-Radio___75d2P", "hop-DecorativeRadio--sm": "DecorativeRadio-module__hop-DecorativeRadio--sm___6t9L8 Radio-module__hop-Radio--sm___ENTOs", "hop-DecorativeRadio--md": "DecorativeRadio-module__hop-DecorativeRadio--md___JIuK- Radio-module__hop-Radio--md___WOf3w", "hop-DecorativeRadio__icon": "DecorativeRadio-module__hop-DecorativeRadio__icon___e3WMA Radio-module__hop-Radio__icon___B6TVi", "hop-DecorativeRadio__icon-list": "DecorativeRadio-module__hop-DecorativeRadio__icon-list___ZESIk Radio-module__hop-Radio__icon___B6TVi", "hop-DecorativeRadio__box": "DecorativeRadio-module__hop-DecorativeRadio__box___5ipTd Radio-module__hop-Radio__box___XYk2f", "hop-DecorativeRadio__bullet": "DecorativeRadio-module__hop-DecorativeRadio__bullet___LhmD1 Radio-module__hop-Radio__bullet___WnjZ5", "hop-DecorativeRadio__text": "DecorativeRadio-module__hop-DecorativeRadio__text___Fbm-Y Radio-module__hop-Radio__text___It24N" };
+var DecorativeRadio_module_default = { "hop-DecorativeRadio": "DecorativeRadio-module__hop-DecorativeRadio___sSdtw Radio-module__hop-Radio___0j3Bc", "hop-DecorativeRadio--sm": "DecorativeRadio-module__hop-DecorativeRadio--sm___toC4N Radio-module__hop-Radio--sm___wdRGc", "hop-DecorativeRadio--md": "DecorativeRadio-module__hop-DecorativeRadio--md___Brw8a Radio-module__hop-Radio--md___cg1J8", "hop-DecorativeRadio__icon": "DecorativeRadio-module__hop-DecorativeRadio__icon___zgPYs Radio-module__hop-Radio__icon___rFdnl", "hop-DecorativeRadio__icon-list": "DecorativeRadio-module__hop-DecorativeRadio__icon-list___VJJhQ Radio-module__hop-Radio__icon___rFdnl", "hop-DecorativeRadio__box": "DecorativeRadio-module__hop-DecorativeRadio__box___z2umf Radio-module__hop-Radio__box___yykJi", "hop-DecorativeRadio__bullet": "DecorativeRadio-module__hop-DecorativeRadio__bullet___u-PnS Radio-module__hop-Radio__bullet___0H4wD", "hop-DecorativeRadio__text": "DecorativeRadio-module__hop-DecorativeRadio__text___OjK31 Radio-module__hop-Radio__text___4eINf" };
 var GlobalDecorativeRadioCssSelector = "hop-DecorativeRadio";
 function DecorativeRadio(props, ref) {
   var _a;

package/dist/{chunk-DXEEYPET.js → chunk-KP52XYUO.js}

@@ -7,7 +7,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Card.module.css#css-module
-var Card_module_default = { "hop-Card": "Card-module__hop-Card___XR26c", "hop-Card--main": "Card-module__hop-Card--main___EjpP1", "hop-Card--second-level": "Card-module__hop-Card--second-level___krTym" };
+var Card_module_default = { "hop-Card": "Card-module__hop-Card___XkmRk", "hop-Card--main": "Card-module__hop-Card--main___31bGc", "hop-Card--second-level": "Card-module__hop-Card--second-level___xLJBY" };
 var GlobalCardCssSelector = "hop-Card";
 var Card = (props, ref) => {
   [props, ref] = useContextProps(props, ref, CardContext);

package/dist/{chunk-ZTRTZJS3.js → chunk-LIEDF72E.js}

@@ -7,7 +7,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./SvgImage.module.css#css-module
-var SvgImage_module_default = { "hop-SvgImage": "SvgImage-module__hop-SvgImage___sjJbW" };
+var SvgImage_module_default = { "hop-SvgImage": "SvgImage-module__hop-SvgImage___nG02x" };
 var GlobalSvgImageCssSelector = "hop-SvgImage";
 function SvgImage(props, ref) {
   [props, ref] = useContextProps(props, ref, SvgImageContext);

package/dist/{chunk-CI4VOFJ3.js → chunk-LL3TLLAU.js}

@@ -1,17 +1,17 @@
 import { SelectContext } from './chunk-T24MBA34.js';
-import { _SelectValue } from './chunk-W4JGZWGA.js';
-import { _Popover } from './chunk-YRMUDTON.js';
+import { _SelectValue } from './chunk-3GBRC5JZ.js';
+import { _Popover } from './chunk-LXPL4Q4R.js';
 import { _Footer } from './chunk-VOZN65OL.js';
 import { _ListBoxSection } from './chunk-DZJSSJVJ.js';
-import { _ListBox } from './chunk-7LXE3JU6.js';
-import { _ListBoxItem } from './chunk-L3CCWJXX.js';
-import { _HelperMessage } from './chunk-P7Y5EFUU.js';
-import { _ErrorMessage } from './chunk-LLZVUS6L.js';
-import { _ToggleArrow } from './chunk-BSFMZPQZ.js';
+import { _ListBox } from './chunk-C4DYBD7L.js';
+import { _ListBoxItem } from './chunk-LN4JWEHN.js';
+import { _ErrorMessage } from './chunk-MXNSZYTY.js';
+import { _HelperMessage } from './chunk-GLJULTCI.js';
+import { _ToggleArrow } from './chunk-PXTZCRLR.js';
+import { ensureTextWrapper } from './chunk-SIME6JYB.js';
+import { _Label } from './chunk-EG7R3J2B.js';
+import { useFormProps } from './chunk-EX4TNKX6.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
-import { ensureTextWrapper } from './chunk-6VK6XY4Y.js';
-import { _Label } from './chunk-WERKME6J.js';
-import { useFormProps } from './chunk-F2CIGATZ.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots, ClearProviders } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -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___-uBIx", "hop-Select--fluid": "Select-module__hop-Select--fluid___sDgfT", "hop-Select__label": "Select-module__hop-Select__label___XwDif", "hop-Select__button": "Select-module__hop-Select__button___wqGGU", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___hQ9re", "hop-Select__button--md": "Select-module__hop-Select__button--md___0rsRI", "hop-Select__prefix": "Select-module__hop-Select__prefix___hq8VQ", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___dgZxg", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___oqccc", "hop-Select__error-message": "Select-module__hop-Select__error-message___nICd5" };
+var Select_module_default = { "hop-Select": "Select-module__hop-Select___xP3Pm", "hop-Select--fluid": "Select-module__hop-Select--fluid___WnF-A", "hop-Select__label": "Select-module__hop-Select__label___s97ar", "hop-Select__button": "Select-module__hop-Select__button___MzW-J", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___X4Sad", "hop-Select__button--md": "Select-module__hop-Select__button--md___4xGuX", "hop-Select__prefix": "Select-module__hop-Select__prefix___SQW7L", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___mZW46", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___kZK-L", "hop-Select__error-message": "Select-module__hop-Select__error-message___mLHj1" };
 var GlobalSelectCssSelector = "hop-Select";
 function Select(props, ref) {
   var _a, _b, _c, _d;

package/dist/{chunk-L3CCWJXX.js → chunk-LN4JWEHN.js}

@@ -1,10 +1,10 @@
-import { _DecorativeRadio } from './chunk-NKQRCWXB.js';
-import { _DecorativeCheckbox } from './chunk-MLH5QPM6.js';
+import { _DecorativeRadio } from './chunk-JX5ASOQE.js';
+import { _DecorativeCheckbox } from './chunk-IXQOSJDS.js';
 import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
-import { _ListBoxItemSkeleton } from './chunk-BUNJDMVL.js';
-import { BadgeContext } from './chunk-CQDLZ42T.js';
+import { _ListBoxItemSkeleton } from './chunk-6DNC64XS.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-6VK6XY4Y.js';
+import { ensureTextWrapper } from './chunk-SIME6JYB.js';
+import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.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___2QR19", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___JoLU5", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___oiXlJ", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___OyStz", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___whYAr", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___fHzex", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___hfcen", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___eFkQk", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___EwNEl", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___7vUaJ", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___CXIH-", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___Nr7mT", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___SBply", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___F2VZf", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___BrdRk", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___6U8rJ", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___JPUu7" };
+var ListBoxItem_module_default = { "hop-ListBoxItem": "ListBoxItem-module__hop-ListBoxItem___kgLEg", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___LeEL1", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___efuQG", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___qu69S", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___zx1ud", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___Q4keJ", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___p4b4k", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___2qjGh", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___yB5y9", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___Tgoaq", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___PMINC", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___VSibD", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___flYcr", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___iMWE-", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___Ib7Ls", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___82jVi", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___PGqKM" };
 var GlobalListBoxItemCssSelector = "hop-ListBoxItem";
 var ListBoxItemToIconSizeAdapter = {
   xs: "sm",

package/dist/{chunk-YRMUDTON.js → chunk-LXPL4Q4R.js}

@@ -19,7 +19,7 @@ import { useContextProps, composeRenderProps, Popover as Popover$1, Dialog } fro
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Popover.module.css#css-module
-var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___1O5Wh", "fade": "Popover-module__fade___pnYaE", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___8Onrs", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___Qex8c", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___HfBzv", "hop-Popover__title": "Popover-module__hop-Popover__title___Pg5AU", "hop-Popover__content": "Popover-module__hop-Popover__content___VQdVt", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___iB2gu", "hop-Popover__footer": "Popover-module__hop-Popover__footer___1R4mK", "hop-Popover__actions": "Popover-module__hop-Popover__actions___zfp0b", "hop-Popover__action": "Popover-module__hop-Popover__action___BupfK" };
+var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___rnTQf", "fade": "Popover-module__fade___N1SEZ", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___8448r", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___Z3Pzn", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___ldZjj", "hop-Popover__title": "Popover-module__hop-Popover__title___PbX2n", "hop-Popover__content": "Popover-module__hop-Popover__content___4QjB-", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___Vhhhv", "hop-Popover__footer": "Popover-module__hop-Popover__footer___zdYvg", "hop-Popover__actions": "Popover-module__hop-Popover__actions___rGdVq", "hop-Popover__action": "Popover-module__hop-Popover__action___wKefG" };
 var GlobalPopoverCssSelector = "hop-Popover";
 function Popover(props, ref) {
   var _a;

package/dist/{chunk-AK56Z4NC.js → chunk-MXCSBEVT.js}

@@ -1,11 +1,11 @@
 import { NumberFieldContext } from './chunk-ZQ3AWYRR.js';
-import { _InputGroup } from './chunk-2W32X7FU.js';
-import { Input } from './chunk-QOOKVLD6.js';
-import { _HelperMessage } from './chunk-P7Y5EFUU.js';
-import { _ErrorMessage } from './chunk-LLZVUS6L.js';
-import { ensureTextWrapper } from './chunk-6VK6XY4Y.js';
-import { _Label } from './chunk-WERKME6J.js';
-import { useFormProps } from './chunk-F2CIGATZ.js';
+import { Input } from './chunk-GRCOKUPC.js';
+import { _InputGroup } from './chunk-G6Y53VHH.js';
+import { _ErrorMessage } from './chunk-MXNSZYTY.js';
+import { _HelperMessage } from './chunk-GLJULTCI.js';
+import { ensureTextWrapper } from './chunk-SIME6JYB.js';
+import { _Label } from './chunk-EG7R3J2B.js';
+import { useFormProps } from './chunk-EX4TNKX6.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -22,7 +22,7 @@ import { useContextProps, composeRenderProps, NumberField as NumberField$1, Butt
 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___CLrMY", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___XZd0O", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___bUmlX", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___LGKbx", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___N7LX7", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___-2l3K", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___Az3C7", "hop-NumberField__steppers": "NumberField-module__hop-NumberField__steppers___72-ml", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___tLLyg", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___9fSHS", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___zwexg", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___Ai-T8", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___yiZHV" };
+var NumberField_module_default = { "hop-NumberField": "NumberField-module__hop-NumberField___8Ygym", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___VcjrO", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___GV41Z", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___JUwkJ", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___C6-RY", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___uxktp", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___ZCsyE", "hop-NumberField__steppers": "NumberField-module__hop-NumberField__steppers___XhdVG", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___0Eiad", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___NpQw4", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___Lb45I", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___A7QiK", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___ICkxA" };
 var GlobalNumberFieldCssSelector = "hop-NumberField";
 var StepperButton = ({ direction }) => {
   const StepperIcon = direction === "increment" ? AngleUpIcon : AngleDownIcon;

package/dist/{chunk-LLZVUS6L.js → chunk-MXNSZYTY.js}

@@ -1,5 +1,5 @@
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
-import { _Text } from './chunk-44OL5LKJ.js';
+import { _Text } from './chunk-XE6LXAC5.js';
 import { useRenderProps } from './chunk-2NSUMKNH.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___plNeo", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___fx3cm" };
+var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-ErrorMessage___vDFlD", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___ZLyWg" };
 var GlobalErrorMessageCssSelector = "hop-ErrorMessage";
 function ErrorMessage(props, ref) {
   const validation = useContext(FieldErrorContext);