@hopper-ui/components 1.0.2 → 1.0.3

package/dist/{chunk-XTRE6FPK.js → chunk-JLFHTZUA.js}

@@ -1,11 +1,11 @@
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
-import { LinkContext } from './chunk-4VVNSXIB.js';
+import { _Text } from './chunk-4RIAVSLK.js';
+import { TextContext } from './chunk-X6SER3TZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
-import { _Text } from './chunk-2NABNL6G.js';
-import { TextContext } from './chunk-OE5BLFZI.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
+import { LinkContext } from './chunk-4VVNSXIB.js';
 import { IconContext } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { forwardRef } from 'react';
@@ -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___U6cP7", "hop-Link--quiet": "Link-module__hop-Link--quiet___E2pxu", "hop-Link--primary": "Link-module__hop-Link--primary___ieEQq", "hop-Link--secondary": "Link-module__hop-Link--secondary___NRzlz", "hop-Link__icon": "Link-module__hop-Link__icon___-X6mD", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___e3zJK", "hop-Link__text": "Link-module__hop-Link__text___jYV3x", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___siAVY", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___04l54" };
+var Link_module_default = { "hop-Link": "Link-module__hop-Link___vkXwU", "hop-Link--quiet": "Link-module__hop-Link--quiet___FEyKa", "hop-Link--primary": "Link-module__hop-Link--primary___KRkww", "hop-Link--secondary": "Link-module__hop-Link--secondary___OU7bb", "hop-Link__icon": "Link-module__hop-Link__icon___zgn-r", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___tYGCE", "hop-Link__text": "Link-module__hop-Link__text___fxC1y", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___jTw3J", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___6uk1L" };
 var GlobalLinkCssSelector = "hop-Link";
 var LinkToIconSizeAdapter = {
   inherit: void 0,

package/dist/chunk-LCAS3YQV.js

@@ -0,0 +1,7 @@
+import { createContext } from 'react';
+
+// src/tag/src/TagGroupContext.ts
+var TagGroupContext = createContext({});
+TagGroupContext.displayName = "TagGroupContext";
+
+export { TagGroupContext };

package/dist/chunk-LJXTJRSB.js

@@ -0,0 +1 @@
+

package/dist/chunk-LYV2D5RZ.js

@@ -0,0 +1,69 @@
+import { EmbeddedButtonContext } from './chunk-O7IJYNVQ.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { SlotProvider } from './chunk-M36KANKC.js';
+import { IconContext } from '@hopper-ui/icons';
+import { 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___1uONR", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___uix0V", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___8U58d", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___pPbur" };
+var GlobalEmbeddedButtonCssSelector = "hop-EmbeddedButton";
+function EmbeddedButton(props, ref) {
+  var _a;
+  [props, ref] = useContextProps(props, ref, EmbeddedButtonContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    size: sizeProp,
+    isDisabled,
+    style: styleProp,
+    children,
+    ...otherProps
+  } = ownProps;
+  const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
+  const classNames = composeClassnameRenderProps(
+    className,
+    GlobalEmbeddedButtonCssSelector,
+    cssModule(
+      EmbeddedButton_module_default,
+      "hop-EmbeddedButton",
+      size
+    ),
+    stylingProps.className
+  );
+  const style = composeRenderProps(styleProp, (prev) => {
+    return {
+      ...stylingProps.style,
+      ...prev
+    };
+  });
+  return /* @__PURE__ */ jsx(
+    SlotProvider,
+    {
+      values: [
+        [IconContext, {
+          className: EmbeddedButton_module_default["hop-EmbeddedButton__icon"],
+          size: "sm"
+        }]
+      ],
+      children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          ref,
+          className: classNames,
+          style,
+          isDisabled,
+          ...otherProps,
+          children
+        }
+      )
+    }
+  );
+}
+var _EmbeddedButton = forwardRef(EmbeddedButton);
+_EmbeddedButton.displayName = "EmbeddedButton";
+
+export { GlobalEmbeddedButtonCssSelector, _EmbeddedButton };

package/dist/chunk-O4XPUINW.js

@@ -0,0 +1,7 @@
+import { createContext } from 'react';
+
+// src/inputs/src/TextFieldContext.ts
+var TextFieldContext = createContext({});
+TextFieldContext.displayName = "TextFieldContext";
+
+export { TextFieldContext };

package/dist/chunk-O7IJYNVQ.js

@@ -0,0 +1,7 @@
+import { createContext } from 'react';
+
+// src/buttons/src/EmbeddedButtonContext.ts
+var EmbeddedButtonContext = createContext({});
+EmbeddedButtonContext.displayName = "EmbeddedButtonContext";
+
+export { EmbeddedButtonContext };

package/dist/chunk-OGMLQRES.js

@@ -0,0 +1,91 @@
+import { TagContext } from './chunk-EWMWQ2MC.js';
+import { TagGroupContext } from './chunk-LCAS3YQV.js';
+import { TagListContext } from './chunk-XLKYXKWE.js';
+import { ErrorMessageContext } from './chunk-ACVMW6YD.js';
+import { HelperMessageContext } from './chunk-ESVVLTEN.js';
+import { LabelContext } from './chunk-QCA3ZR56.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { SlotProvider } from './chunk-M36KANKC.js';
+import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { useContextProps, FieldErrorContext, TagGroup as TagGroup$1 } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+// css-module:./TagGroup.module.css#css-module
+var TagGroup_module_default = { "hop-TagGroup": "TagGroup-module__hop-TagGroup___-9K4-", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___HliMe", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___wzY6r", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___KGiI-", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___B4nYY" };
+var GlobalTagGroupCssSelector = "hop-TagGroup";
+function TagGroup(props, ref) {
+  var _a;
+  [props, ref] = useContextProps(props, ref, TagGroupContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    children,
+    isInvalid = false,
+    style: styleProp,
+    size: sizeProp,
+    ...otherProps
+  } = ownProps;
+  const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
+  const classNames = clsx(
+    className,
+    GlobalTagGroupCssSelector,
+    stylingProps.className,
+    cssModule(
+      TagGroup_module_default,
+      "hop-TagGroup",
+      size
+    )
+  );
+  const style = {
+    ...stylingProps.style,
+    ...styleProp
+  };
+  return /* @__PURE__ */ jsx(
+    SlotProvider,
+    {
+      values: [
+        [LabelContext, {
+          className: TagGroup_module_default["hop-TagGroup__label"],
+          size
+        }],
+        [TagListContext, {
+          className: TagGroup_module_default["hop-TagGroup__list"]
+        }],
+        [TagContext, {
+          className: TagGroup_module_default["hop-TagGroup__tag"],
+          isInvalid,
+          size
+        }],
+        [ErrorMessageContext, {
+          className: TagGroup_module_default["hop-TagGroup__error-message"],
+          hideIcon: true
+        }],
+        [HelperMessageContext, {
+          className: TagGroup_module_default["hop-TagGroup__helper-message"],
+          hideIcon: true
+        }],
+        [FieldErrorContext, {
+          isInvalid,
+          validationErrors: [],
+          validationDetails: {}
+        }]
+      ],
+      children: /* @__PURE__ */ jsx(
+        TagGroup$1,
+        {
+          ...otherProps,
+          ref,
+          className: classNames,
+          style,
+          children
+        }
+      )
+    }
+  );
+}
+var _TagGroup = forwardRef(TagGroup);
+_TagGroup.displayName = "TagGroup";
+
+export { GlobalTagGroupCssSelector, _TagGroup };

package/dist/chunk-OQW6BT6B.js

@@ -0,0 +1,373 @@
+import { HeadingContext } from './chunk-TXZ6BMFR.js';
+import { isArray, isDefined, isEmptyArray, isFunction, isNil, isNilOrEmpty, isNull, isNumber, isObject, isPlainObject, isPromise, isString, isUndefined } from './chunk-TIPN4VYD.js';
+import { GlobalTagGroupCssSelector, _TagGroup } from './chunk-OGMLQRES.js';
+import { TagContext } from './chunk-EWMWQ2MC.js';
+import { TagGroupContext } from './chunk-LCAS3YQV.js';
+import { GlobalTagListCssSelector, _TagList } from './chunk-WWRB4K4M.js';
+import { TagListContext } from './chunk-XLKYXKWE.js';
+import { GlobalRadioGroupCssSelector, _RadioGroup } from './chunk-7NT6M6KM.js';
+import { RadioGroupContext } from './chunk-5MBJWRZD.js';
+import { GlobalRadioListCssSelector, _RadioList } from './chunk-NKHMUPAP.js';
+import { RadioListContext } from './chunk-A7TZHALP.js';
+import { GlobalSwitchCssSelector, _Switch } from './chunk-XFKAXBB5.js';
+import { GlobalSwitchFieldCssSelector, _SwitchField } from './chunk-OUN5KSHD.js';
+import { SwitchFieldContext } from './chunk-H7VJS4MX.js';
+import { SwitchContext } from './chunk-YHBJAXUY.js';
+import { _Grid, fitContent, minmax, repeat } from './chunk-Z3ID4UEE.js';
+import { _Inline } from './chunk-Y7HUXUHX.js';
+import { _Stack } from './chunk-D6UTDI2K.js';
+import { GlobalRadioCssSelector, _Radio } from './chunk-JLF7DSUY.js';
+import { GlobalRadioFieldCssSelector, _RadioField } from './chunk-IOLNBXZM.js';
+import { RadioContext } from './chunk-FU5CCPLP.js';
+import { RadioFieldContext } from './chunk-DGLAGYBD.js';
+import { _Content, GlobalContentCssSelector } from './chunk-GXBVNCVP.js';
+import { ContentContext } from './chunk-IXB2WK56.js';
+import { _Flex } from './chunk-TVFC2MJ4.js';
+import { _Footer, GlobalFooterCssSelector } from './chunk-AQITZWYM.js';
+import { FooterContext } from './chunk-I67NHYK4.js';
+import { _Chip, GlobalChipCssSelector } from './chunk-DJU2DUTQ.js';
+import { ChipContext } from './chunk-WTKIUAHI.js';
+import { _ErrorMessage, GlobalErrorMessageCssSelector } from './chunk-3DWVMCIV.js';
+import { GlobalHelperMessageCssSelector, _HelperMessage } from './chunk-2VBOJKEP.js';
+import { _CheckboxField, GlobalCheckboxFieldCssSelector } from './chunk-3XFTRBIC.js';
+import { _CheckboxGroup, GlobalCheckboxGroupCssSelector } from './chunk-EE75ND6V.js';
+import { ErrorMessageContext } from './chunk-ACVMW6YD.js';
+import { HelperMessageContext } from './chunk-ESVVLTEN.js';
+import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
+import { CheckboxGroupContext } from './chunk-N7YDPVZL.js';
+import { _CheckboxList, GlobalCheckboxListCssSelector } from './chunk-3LRBUQC2.js';
+import { CheckboxListContext } from './chunk-WDUQUPTE.js';
+import { _ButtonGroup, GlobalButtonGroupCssSelector } from './chunk-BAKCRZAG.js';
+import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
+import { _ClearButton, GlobalClearButtonCssSelector } from './chunk-UARL5M2W.js';
+import { ClearButtonContext } from './chunk-DXVKHP4V.js';
+import { _EmbeddedButton, GlobalEmbeddedButtonCssSelector } from './chunk-LYV2D5RZ.js';
+import { EmbeddedButtonContext } from './chunk-O7IJYNVQ.js';
+import { _Checkbox, GlobalCheckboxCssSelector } from './chunk-DLTYFRKN.js';
+import { CheckboxContext } from './chunk-2EAZPH3M.js';
+import { _Badge, GlobalBadgeCssSelector } from './chunk-GF2U6E4D.js';
+import { GlobalOverlineTextCssSelector, _OverlineText } from './chunk-5EPNXRCT.js';
+import { OverlineTextContext } from './chunk-WPNVVGFW.js';
+import { BadgeContext } from './chunk-ZSFJVMJN.js';
+import { _Button, GlobalButtonCssSelector } from './chunk-UY7WQ7TC.js';
+import { useSlot } from './chunk-H5YTU3U7.js';
+import { useRenderProps } from './chunk-NH3IVMXB.js';
+import { useLocalizedString } from './chunk-H6CDFWVR.js';
+import { GlobalSpinnerCssSelector, _Spinner } from './chunk-WLSLSMK7.js';
+import { GlobalLabelCssSelector, _Label } from './chunk-CTK5YVBZ.js';
+import { LabelContext } from './chunk-QCA3ZR56.js';
+import { SpinnerContext } from './chunk-4ZYV2XLW.js';
+import { ButtonContext } from './chunk-WMTWFKKP.js';
+import { GlobalHopperProviderCssSelector, _HopperProvider } from './chunk-ANVMQBBG.js';
+import { GlobalIconListCssSelector, _IconList } from './chunk-XIOIAME2.js';
+import { GlobalLinkCssSelector, _Link } from './chunk-JLFHTZUA.js';
+import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
+import { GlobalTextCssSelector, _Text } from './chunk-4RIAVSLK.js';
+import { ClearContainerSlots, ClearProviders } from './chunk-HXI3MEEK.js';
+import { TextContext } from './chunk-X6SER3TZ.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { SlotProvider } from './chunk-M36KANKC.js';
+import { IconListContext } from './chunk-DHVVYSLB.js';
+import { LinkContext } from './chunk-4VVNSXIB.js';
+import { __export, __reExport } from './chunk-2P3A4VVY.js';
+import * as styled_system_star from '@hopper-ui/styled-system';
+import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { useContextProps, Heading as Heading$1, composeRenderProps, Tag as Tag$1 } from 'react-aria-components';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { IconContext } from '@hopper-ui/icons';
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  Badge: () => _Badge,
+  BadgeContext: () => BadgeContext,
+  Button: () => _Button,
+  ButtonContext: () => ButtonContext,
+  ButtonGroup: () => _ButtonGroup,
+  ButtonGroupContext: () => ButtonGroupContext,
+  Checkbox: () => _Checkbox,
+  CheckboxContext: () => CheckboxContext,
+  CheckboxField: () => _CheckboxField,
+  CheckboxFieldContext: () => CheckboxFieldContext,
+  CheckboxGroup: () => _CheckboxGroup,
+  CheckboxGroupContext: () => CheckboxGroupContext,
+  CheckboxList: () => _CheckboxList,
+  CheckboxListContext: () => CheckboxListContext,
+  Chip: () => _Chip,
+  ChipContext: () => ChipContext,
+  ClearButton: () => _ClearButton,
+  ClearButtonContext: () => ClearButtonContext,
+  ClearContainerSlots: () => ClearContainerSlots,
+  ClearProviders: () => ClearProviders,
+  Content: () => _Content,
+  ContentContext: () => ContentContext,
+  EmbeddedButton: () => _EmbeddedButton,
+  EmbeddedButtonContext: () => EmbeddedButtonContext,
+  ErrorMessage: () => _ErrorMessage,
+  ErrorMessageContext: () => ErrorMessageContext,
+  Flex: () => _Flex,
+  Footer: () => _Footer,
+  FooterContext: () => FooterContext,
+  GlobalBadgeCssSelector: () => GlobalBadgeCssSelector,
+  GlobalButtonCssSelector: () => GlobalButtonCssSelector,
+  GlobalButtonGroupCssSelector: () => GlobalButtonGroupCssSelector,
+  GlobalCheckboxCssSelector: () => GlobalCheckboxCssSelector,
+  GlobalCheckboxFieldCssSelector: () => GlobalCheckboxFieldCssSelector,
+  GlobalCheckboxGroupCssSelector: () => GlobalCheckboxGroupCssSelector,
+  GlobalCheckboxListCssSelector: () => GlobalCheckboxListCssSelector,
+  GlobalChipCssSelector: () => GlobalChipCssSelector,
+  GlobalClearButtonCssSelector: () => GlobalClearButtonCssSelector,
+  GlobalContentCssSelector: () => GlobalContentCssSelector,
+  GlobalEmbeddedButtonCssSelector: () => GlobalEmbeddedButtonCssSelector,
+  GlobalErrorMessageCssSelector: () => GlobalErrorMessageCssSelector,
+  GlobalFooterCssSelector: () => GlobalFooterCssSelector,
+  GlobalHeadingCssSelector: () => GlobalHeadingCssSelector,
+  GlobalHelperMessageCssSelector: () => GlobalHelperMessageCssSelector,
+  GlobalHopperProviderCssSelector: () => GlobalHopperProviderCssSelector,
+  GlobalIconListCssSelector: () => GlobalIconListCssSelector,
+  GlobalLabelCssSelector: () => GlobalLabelCssSelector,
+  GlobalLinkCssSelector: () => GlobalLinkCssSelector,
+  GlobalOverlineTextCssSelector: () => GlobalOverlineTextCssSelector,
+  GlobalRadioCssSelector: () => GlobalRadioCssSelector,
+  GlobalRadioFieldCssSelector: () => GlobalRadioFieldCssSelector,
+  GlobalRadioGroupCssSelector: () => GlobalRadioGroupCssSelector,
+  GlobalRadioListCssSelector: () => GlobalRadioListCssSelector,
+  GlobalSpinnerCssSelector: () => GlobalSpinnerCssSelector,
+  GlobalSwitchCssSelector: () => GlobalSwitchCssSelector,
+  GlobalSwitchFieldCssSelector: () => GlobalSwitchFieldCssSelector,
+  GlobalTagCssSelector: () => GlobalTagCssSelector,
+  GlobalTagGroupCssSelector: () => GlobalTagGroupCssSelector,
+  GlobalTagListCssSelector: () => GlobalTagListCssSelector,
+  GlobalTextCssSelector: () => GlobalTextCssSelector,
+  Grid: () => _Grid,
+  H1: () => H1,
+  H2: () => H2,
+  H3: () => H3,
+  H4: () => H4,
+  H5: () => H5,
+  H6: () => H6,
+  Heading: () => _Heading,
+  HeadingContext: () => HeadingContext,
+  HelperMessage: () => _HelperMessage,
+  HelperMessageContext: () => HelperMessageContext,
+  HopperProvider: () => _HopperProvider,
+  IconList: () => _IconList,
+  IconListContext: () => IconListContext,
+  Inline: () => _Inline,
+  Label: () => _Label,
+  LabelContext: () => LabelContext,
+  Link: () => _Link,
+  LinkContext: () => LinkContext,
+  OverlineText: () => _OverlineText,
+  OverlineTextContext: () => OverlineTextContext,
+  Radio: () => _Radio,
+  RadioContext: () => RadioContext,
+  RadioField: () => _RadioField,
+  RadioFieldContext: () => RadioFieldContext,
+  RadioGroup: () => _RadioGroup,
+  RadioGroupContext: () => RadioGroupContext,
+  RadioList: () => _RadioList,
+  RadioListContext: () => RadioListContext,
+  SlotProvider: () => SlotProvider,
+  Spinner: () => _Spinner,
+  SpinnerContext: () => SpinnerContext,
+  Stack: () => _Stack,
+  Switch: () => _Switch,
+  SwitchContext: () => SwitchContext,
+  SwitchField: () => _SwitchField,
+  SwitchFieldContext: () => SwitchFieldContext,
+  Tag: () => _Tag,
+  TagContext: () => TagContext,
+  TagGroup: () => _TagGroup,
+  TagGroupContext: () => TagGroupContext,
+  TagList: () => _TagList,
+  TagListContext: () => TagListContext,
+  Text: () => _Text,
+  TextContext: () => TextContext,
+  composeClassnameRenderProps: () => composeClassnameRenderProps,
+  cssModule: () => cssModule,
+  fitContent: () => fitContent,
+  isArray: () => isArray,
+  isDefined: () => isDefined,
+  isEmptyArray: () => isEmptyArray,
+  isFunction: () => isFunction,
+  isNil: () => isNil,
+  isNilOrEmpty: () => isNilOrEmpty,
+  isNull: () => isNull,
+  isNumber: () => isNumber,
+  isObject: () => isObject,
+  isPlainObject: () => isPlainObject,
+  isPromise: () => isPromise,
+  isString: () => isString,
+  isTextOnlyChildren: () => isTextOnlyChildren,
+  isUndefined: () => isUndefined,
+  minmax: () => minmax,
+  repeat: () => repeat,
+  useRenderProps: () => useRenderProps,
+  useSlot: () => useSlot
+});
+
+// css-module:./Heading.module.css#css-module
+var Heading_module_default = { "hop-Heading": "Heading-module__hop-Heading___XEMpo", "hop-Heading--xs": "Heading-module__hop-Heading--xs___QP1iF", "hop-Heading--sm": "Heading-module__hop-Heading--sm___q3RaI", "hop-Heading--md": "Heading-module__hop-Heading--md___wAHF9", "hop-Heading--lg": "Heading-module__hop-Heading--lg___1yXCu", "hop-Heading--xl": "Heading-module__hop-Heading--xl___N5H9A", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___9j09H", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___LGn-R" };
+var GlobalHeadingCssSelector = "hop-Heading";
+function Heading(props, ref) {
+  [props, ref] = useContextProps(props, ref, HeadingContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const { className, size: sizeProp, children, style, ...otherProps } = ownProps;
+  const size = (0, src_exports.useResponsiveValue)(sizeProp != null ? sizeProp : "md");
+  const classNames = clsx(
+    GlobalHeadingCssSelector,
+    cssModule(
+      Heading_module_default,
+      "hop-Heading",
+      size
+    ),
+    stylingProps.className,
+    className
+  );
+  const mergedStyles = {
+    ...stylingProps.style,
+    ...style
+  };
+  return /* @__PURE__ */ jsx(
+    Heading$1,
+    {
+      ...otherProps,
+      ref,
+      className: classNames,
+      style: mergedStyles,
+      children
+    }
+  );
+}
+var _Heading = forwardRef(Heading);
+_Heading.displayName = "Heading";
+function createHeading(as) {
+  const level = parseInt(as[1]);
+  return forwardRef((props, ref) => {
+    return /* @__PURE__ */ jsx(_Heading, { ...props, ref, level });
+  });
+}
+var H1 = createHeading("h1");
+var H2 = createHeading("h2");
+var H3 = createHeading("h3");
+var H4 = createHeading("h4");
+var H5 = createHeading("h5");
+var H6 = createHeading("h6");
+
+// src/index.ts
+__reExport(src_exports, styled_system_star);
+
+// css-module:./Tag.module.css#css-module
+var Tag_module_default = { "hop-Tag": "Tag-module__hop-Tag___Arrz-", "hop-Tag--md": "Tag-module__hop-Tag--md___Ig1m0", "hop-Tag__icon": "Tag-module__hop-Tag__icon___Q2RKs", "hop-Tag__icon-list": "Tag-module__hop-Tag__icon-list___p4FYl", "hop-Tag__badge": "Tag-module__hop-Tag__badge___aFb39", "hop-Tag__remove-btn": "Tag-module__hop-Tag__remove-btn___5kLUr", "hop-Tag__Spinner": "Tag-module__hop-Tag__Spinner___QMS-T", "hop-Tag--lg": "Tag-module__hop-Tag--lg___J1-GI", "hop-Tag__text": "Tag-module__hop-Tag__text___2zDrG", "hop-Badge--secondary": "Tag-module__hop-Badge--secondary___guKe6" };
+var GlobalTagCssSelector = "hop-Tag";
+var TagToTextSizeAdapter = {
+  md: "xs",
+  lg: "sm"
+};
+function Tag(props, ref) {
+  var _a;
+  [props, ref] = useContextProps(props, ref, TagContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    children: childrenProp,
+    isInvalid,
+    isLoading,
+    size: sizeProp = "md",
+    style: styleProp,
+    textValue: textValueProp,
+    ...otherProps
+  } = ownProps;
+  const stringFormatter = useLocalizedString();
+  const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
+  const textValue = textValueProp != null ? textValueProp : typeof childrenProp === "string" ? childrenProp : void 0;
+  const classNames = composeClassnameRenderProps(
+    className,
+    GlobalTagCssSelector,
+    cssModule(
+      Tag_module_default,
+      "hop-Tag",
+      size
+    ),
+    stylingProps.className
+  );
+  const style = composeRenderProps(styleProp, (prev) => {
+    return {
+      ...stylingProps.style,
+      ...prev
+    };
+  });
+  const children = composeRenderProps(childrenProp, (prev) => {
+    if (prev && isTextOnlyChildren(prev)) {
+      return /* @__PURE__ */ jsx(_Text, { children: prev });
+    }
+    return prev;
+  });
+  return /* @__PURE__ */ jsx(
+    Tag$1,
+    {
+      ...otherProps,
+      ref,
+      className: classNames,
+      style,
+      textValue,
+      "data-invalid": isInvalid || void 0,
+      "data-loading": isLoading || void 0,
+      children: (tagProps) => {
+        const { allowsRemoving, isDisabled } = tagProps;
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsx(
+            SlotProvider,
+            {
+              values: [
+                [TextContext, {
+                  className: Tag_module_default["hop-Tag__text"],
+                  size: TagToTextSizeAdapter[size]
+                }],
+                [IconListContext, {
+                  className: Tag_module_default["hop-Tag__icon-list"],
+                  size: "sm"
+                }],
+                [IconContext, {
+                  className: Tag_module_default["hop-Tag__icon"],
+                  size: "sm"
+                }],
+                [BadgeContext, {
+                  className: Tag_module_default["hop-Tag__badge"],
+                  isDisabled
+                }]
+              ],
+              children: children(tagProps)
+            }
+          ) }),
+          allowsRemoving && !isLoading && /* @__PURE__ */ jsx(
+            _ClearButton,
+            {
+              slot: "remove",
+              isDisabled,
+              className: Tag_module_default["hop-Tag__remove-btn"],
+              "aria-label": stringFormatter.format("Tag.removeAriaLabel"),
+              size
+            }
+          ),
+          isLoading && /* @__PURE__ */ jsx(
+            _Spinner,
+            {
+              "aria-label": stringFormatter.format("Tag.spinnerAriaLabel"),
+              size: "sm",
+              className: Tag_module_default["hop-Tag__Spinner"]
+            }
+          )
+        ] });
+      }
+    }
+  );
+}
+var _Tag = forwardRef(Tag);
+_Tag.displayName = "Tag";
+
+export { GlobalHeadingCssSelector, GlobalTagCssSelector, H1, H2, H3, H4, H5, H6, _Heading, _Tag, src_exports };

package/dist/{chunk-O2WSE3EM.js → chunk-OUN5KSHD.js}

@@ -1,8 +1,8 @@
-import { SwitchContext } from './chunk-YHBJAXUY.js';
 import { SwitchFieldContext } from './chunk-H7VJS4MX.js';
-import { TextContext } from './chunk-OE5BLFZI.js';
-import { SlotProvider } from './chunk-M36KANKC.js';
+import { SwitchContext } from './chunk-YHBJAXUY.js';
+import { TextContext } from './chunk-X6SER3TZ.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
+import { SlotProvider } from './chunk-M36KANKC.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
@@ -11,7 +11,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./SwitchField.module.css#css-module
-var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-SwitchField___ck41E", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___dILhI", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___MOhwH", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___kfrvM", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___VdzcG" };
+var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-SwitchField___OlYHx", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___7s7Ty", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___gIbMI", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___Jj-gO", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___OZkSD" };
 var GlobalSwitchFieldCssSelector = "hop-SwitchField";
 var SwitchToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-HVKOIMMW.js → chunk-QCA3ZR56.js}

@@ -1,6 +1,6 @@
 import { createContext } from 'react';
 
-// src/Label/src/LabelContext.ts
+// src/typography/Label/src/LabelContext.ts
 var LabelContext = createContext({});
 LabelContext.displayName = "LabelContext";
 

package/dist/chunk-QW45G6K4.js

@@ -0,0 +1,7 @@
+import { createContext } from 'react';
+
+// src/inputs/src/PasswordFieldContext.ts
+var PasswordFieldContext = createContext({});
+PasswordFieldContext.displayName = "PasswordFieldContext";
+
+export { PasswordFieldContext };