@hopper-ui/components 1.0.2 → 1.0.4

package/dist/chunk-SWMFTL46.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-FGDSWA7S.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-PDYU6DNF.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-ZAJJD5FY.js';
+import { GlobalSwitchFieldCssSelector, _SwitchField } from './chunk-N745TDH5.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-BGESEKEN.js';
+import { GlobalRadioFieldCssSelector, _RadioField } from './chunk-TSXPLL55.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-PEPKE5SW.js';
+import { ChipContext } from './chunk-WTKIUAHI.js';
+import { _ErrorMessage, GlobalErrorMessageCssSelector } from './chunk-QJBQRYJS.js';
+import { GlobalHelperMessageCssSelector, _HelperMessage } from './chunk-GBABMUAI.js';
+import { _CheckboxField, GlobalCheckboxFieldCssSelector } from './chunk-XSASR6CK.js';
+import { _CheckboxGroup, GlobalCheckboxGroupCssSelector } from './chunk-LSVXKVG4.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-HDYG2F3D.js';
+import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
+import { _ClearButton, GlobalClearButtonCssSelector } from './chunk-5GRWAXTT.js';
+import { ClearButtonContext } from './chunk-DXVKHP4V.js';
+import { _EmbeddedButton, GlobalEmbeddedButtonCssSelector } from './chunk-6MSYEF4W.js';
+import { EmbeddedButtonContext } from './chunk-O7IJYNVQ.js';
+import { _Checkbox, GlobalCheckboxCssSelector } from './chunk-OMBQ3J4O.js';
+import { CheckboxContext } from './chunk-2EAZPH3M.js';
+import { _Badge, GlobalBadgeCssSelector } from './chunk-LRXYIR2A.js';
+import { GlobalOverlineTextCssSelector, _OverlineText } from './chunk-BCHUEONM.js';
+import { OverlineTextContext } from './chunk-WPNVVGFW.js';
+import { BadgeContext } from './chunk-ZSFJVMJN.js';
+import { _Button, GlobalButtonCssSelector } from './chunk-Y3L6TPP3.js';
+import { useSlot } from './chunk-H5YTU3U7.js';
+import { useRenderProps } from './chunk-NH3IVMXB.js';
+import { useLocalizedString } from './chunk-H6CDFWVR.js';
+import { GlobalSpinnerCssSelector, _Spinner } from './chunk-Y7XWWUMU.js';
+import { GlobalLabelCssSelector, _Label } from './chunk-2CKDJG6R.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-F7HR3VI4.js';
+import { GlobalLinkCssSelector, _Link } from './chunk-RCFB4SN4.js';
+import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
+import { GlobalTextCssSelector, _Text } from './chunk-WGDP4ECF.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___Q3-KC", "hop-Heading--xs": "Heading-module__hop-Heading--xs___7idA2", "hop-Heading--sm": "Heading-module__hop-Heading--sm___tKfS2", "hop-Heading--md": "Heading-module__hop-Heading--md___EZDa1", "hop-Heading--lg": "Heading-module__hop-Heading--lg___wONbp", "hop-Heading--xl": "Heading-module__hop-Heading--xl___jZufr", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___UHXYW", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___f817X" };
+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___7-wrs", "hop-Tag--md": "Tag-module__hop-Tag--md___WMt5B", "hop-Tag__icon": "Tag-module__hop-Tag__icon___5WFui", "hop-Tag__icon-list": "Tag-module__hop-Tag__icon-list___bWXWD", "hop-Tag__badge": "Tag-module__hop-Tag__badge___d16x6", "hop-Tag__remove-btn": "Tag-module__hop-Tag__remove-btn___UFMPy", "hop-Tag__Spinner": "Tag-module__hop-Tag__Spinner___MVzwl", "hop-Tag--lg": "Tag-module__hop-Tag--lg___8WdhU", "hop-Tag__text": "Tag-module__hop-Tag__text___kf8E-", "hop-Badge--secondary": "Tag-module__hop-Badge--secondary___nwORS" };
+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-TIPN4VYD.js

@@ -0,0 +1,46 @@
+// src/utils/src/assertion.ts
+function isNull(value) {
+  return value == null;
+}
+function isUndefined(value) {
+  return typeof value === "undefined" || value === void 0;
+}
+function isDefined(value) {
+  return typeof value !== "undefined" && value !== void 0;
+}
+function isNil(value) {
+  return isNull(value) || isUndefined(value);
+}
+function isNilOrEmpty(value) {
+  return isNil(value) || value === "";
+}
+function isString(value) {
+  return Object.prototype.toString.call(value) === "[object String]";
+}
+function isNumber(value) {
+  return typeof value === "number";
+}
+function isArray(value) {
+  return Array.isArray(value);
+}
+function isEmptyArray(value) {
+  return isArray(value) && value.length === 0;
+}
+function isFunction(value) {
+  return typeof value === "function";
+}
+function isObject(value) {
+  return typeof value === "object" && !Array.isArray(value) && value != null;
+}
+function isPlainObject(value) {
+  if (Object.prototype.toString.call(value) !== "[object Object]") {
+    return false;
+  }
+  const prototype = Object.getPrototypeOf(value);
+  return prototype === null || prototype === Object.prototype;
+}
+function isPromise(value) {
+  return !isNil(value) && !isNil(value.then);
+}
+
+export { isArray, isDefined, isEmptyArray, isFunction, isNil, isNilOrEmpty, isNull, isNumber, isObject, isPlainObject, isPromise, isString, isUndefined };

package/dist/chunk-TR7YX3IZ.js

@@ -0,0 +1,96 @@
+import { PopoverContext } from './chunk-SC6ZK5ON.js';
+import { src_exports } from './chunk-SWMFTL46.js';
+import { HeadingContext } from './chunk-TXZ6BMFR.js';
+import { isFunction, isNil } from './chunk-TIPN4VYD.js';
+import { ContentContext } from './chunk-IXB2WK56.js';
+import { FooterContext } from './chunk-I67NHYK4.js';
+import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
+import { ButtonContext } from './chunk-WMTWFKKP.js';
+import { _HopperProvider } from './chunk-ANVMQBBG.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { SlotProvider } from './chunk-M36KANKC.js';
+import { LinkContext } from './chunk-4VVNSXIB.js';
+import { useStyledSystem } from '@hopper-ui/styled-system';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { DialogTrigger, useContextProps, Popover as Popover$1, Dialog } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+// css-module:./Popover.module.css#css-module
+var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___zDpdV", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___hHqgn", "hop-Popover__title": "Popover-module__hop-Popover__title___z78aU", "hop-Popover__actions": "Popover-module__hop-Popover__actions___j-QCL", "hop-Popover__action": "Popover-module__hop-Popover__action___AXH59", "hop-Popover__content": "Popover-module__hop-Popover__content___4Mf8v", "hop-Popover__footer": "Popover-module__hop-Popover__footer___sSTVx" };
+var GlobalPopoverCssSelector = "hop-Popover";
+var PopoverTrigger = (props) => /* @__PURE__ */ jsx(DialogTrigger, { ...props, children: props.children });
+function Popover(props, ref) {
+  [props, ref] = useContextProps(props, ref, PopoverContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    children,
+    className,
+    offset = 4,
+    boundaryOffset,
+    ...otherProps
+  } = ownProps;
+  const { colorScheme } = (0, src_exports.useColorSchemeContext)();
+  const popoverClassNames = composeClassnameRenderProps(
+    className,
+    GlobalPopoverCssSelector,
+    cssModule(
+      Popover_module_default,
+      "hop-Popover"
+    )
+  );
+  return /* @__PURE__ */ jsx(
+    Popover$1,
+    {
+      ...otherProps,
+      offset,
+      ref,
+      className: popoverClassNames,
+      arrowBoundaryOffset: boundaryOffset,
+      children: (state) => /* @__PURE__ */ jsx(_HopperProvider, { colorScheme, children: /* @__PURE__ */ jsx(
+        Dialog,
+        {
+          className: clsx(stylingProps.className, Popover_module_default["hop-Popover__dialog"]),
+          style: stylingProps.style,
+          children: /* @__PURE__ */ jsx(
+            SlotProvider,
+            {
+              values: [
+                [HeadingContext, {
+                  className: Popover_module_default["hop-Popover__title"],
+                  size: "xs"
+                }],
+                [ButtonContext, {
+                  size: "sm",
+                  className: Popover_module_default["hop-Popover__action"]
+                }],
+                [ButtonGroupContext, {
+                  size: "sm",
+                  align: "end",
+                  className: Popover_module_default["hop-Popover__actions"]
+                }],
+                [ContentContext, {
+                  className: Popover_module_default["hop-Popover__content"]
+                }],
+                [FooterContext, {
+                  className: Popover_module_default["hop-Popover__footer"]
+                }],
+                [LinkContext, {
+                  size: "sm",
+                  variant: "primary",
+                  isQuiet: true
+                }]
+              ],
+              children: isFunction(children) && !isNil(children) ? children(state) : children
+            }
+          )
+        }
+      ) })
+    }
+  );
+}
+var _Popover = forwardRef(Popover);
+_Popover.displayName = "Popover";
+
+export { GlobalPopoverCssSelector, PopoverTrigger, _Popover };

package/dist/{chunk-FAXZNX63.js → chunk-TSXPLL55.js}

@@ -1,8 +1,9 @@
 import { RadioContext } from './chunk-FU5CCPLP.js';
 import { RadioFieldContext } from './chunk-DGLAGYBD.js';
-import { TextContext } from './chunk-OE5BLFZI.js';
-import { SlotProvider } from './chunk-M36KANKC.js';
+import { ClearContainerSlots } from './chunk-HXI3MEEK.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 +12,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./RadioField.module.css#css-module
-var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-RadioField___FXm1A", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___iqe9r", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___k4LVV", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___G8S6e", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___QOuTf" };
+var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-RadioField___j6Bgm", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___jr--X", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___RSqRn", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___kCUrj", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___ii87W" };
 var GlobalRadioFieldCssSelector = "hop-RadioField";
 var RadioToDescriptionSizeAdapter = {
   sm: "xs",
@@ -46,7 +47,7 @@ function RadioField(props, ref) {
     ...style
   };
   const descriptionId = useId();
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsx(
     SlotProvider,
     {
       values: [
@@ -75,7 +76,7 @@ function RadioField(props, ref) {
         }
       )
     }
-  );
+  ) });
 }
 var _RadioField = forwardRef(RadioField);
 _RadioField.displayName = "RadioField";

package/dist/chunk-TXZ6BMFR.js

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

package/dist/{chunk-2NABNL6G.js → chunk-WGDP4ECF.js}

@@ -1,7 +1,7 @@
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
-import { TextContext } from './chunk-OE5BLFZI.js';
-import { SlotProvider } from './chunk-M36KANKC.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';
@@ -9,7 +9,7 @@ import { useContextProps, Text as Text$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Text.module.css#css-module
-var Text_module_default = { "hop-Text": "Text-module__hop-Text___AZmOV", "hop-Text--xs": "Text-module__hop-Text--xs___V1bcv", "hop-Text--sm": "Text-module__hop-Text--sm___Dq2fh", "hop-Text--md": "Text-module__hop-Text--md___OIBbn", "hop-Text--lg": "Text-module__hop-Text--lg___2Dp00", "hop-Text--xl": "Text-module__hop-Text--xl___OCJ5n", "hop-Text--2xl": "Text-module__hop-Text--2xl___bZkQu", "hop-Text--inherit": "Text-module__hop-Text--inherit___bNF26" };
+var Text_module_default = { "hop-Text": "Text-module__hop-Text___L5SE4", "hop-Text--xs": "Text-module__hop-Text--xs___4XSOM", "hop-Text--sm": "Text-module__hop-Text--sm___rxq9a", "hop-Text--md": "Text-module__hop-Text--md___I1rkh", "hop-Text--lg": "Text-module__hop-Text--lg___A5qVa", "hop-Text--xl": "Text-module__hop-Text--xl___W3xPi", "hop-Text--2xl": "Text-module__hop-Text--2xl___C50TH", "hop-Text--inherit": "Text-module__hop-Text--inherit___YDakN" };
 var GlobalTextCssSelector = "hop-Text";
 function Text(props, ref) {
   [props, ref] = useContextProps(props, ref, TextContext);

package/dist/chunk-WPNVVGFW.js

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

package/dist/chunk-WWRB4K4M.js

@@ -0,0 +1,44 @@
+import { TagListContext } from './chunk-XLKYXKWE.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { useStyledSystem } from '@hopper-ui/styled-system';
+import { forwardRef } from 'react';
+import { useContextProps, composeRenderProps, TagList as TagList$1 } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+var GlobalTagListCssSelector = "hop-TagList";
+function TagList(props, ref) {
+  [props, ref] = useContextProps(props, ref, TagListContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    children,
+    style: styleProp,
+    ...otherProps
+  } = ownProps;
+  const classNames = composeClassnameRenderProps(
+    className,
+    GlobalTagListCssSelector,
+    "hop-TagList",
+    stylingProps.className
+  );
+  const style = composeRenderProps(styleProp, (prev) => {
+    return {
+      ...stylingProps.style,
+      ...prev
+    };
+  });
+  return /* @__PURE__ */ jsx(
+    TagList$1,
+    {
+      ...otherProps,
+      ref,
+      className: classNames,
+      style,
+      children
+    }
+  );
+}
+var _TagList = forwardRef(TagList);
+_TagList.displayName = "TagList";
+
+export { GlobalTagListCssSelector, _TagList };

package/dist/{chunk-OE5BLFZI.js → chunk-X6SER3TZ.js}

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

package/dist/chunk-XLKYXKWE.js

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