@hopper-ui/components 1.5.12 → 1.5.13

package/dist/chunk-WWKN7BDU.js

@@ -1,217 +0,0 @@
-import { _SelectValue } from './chunk-VUR7ZP2L.js';
-import { SelectContext } from './chunk-T24MBA34.js';
-import { _Popover } from './chunk-NSWO6KOB.js';
-import { _Footer } from './chunk-VOZN65OL.js';
-import { _ListBoxSection } from './chunk-DZJSSJVJ.js';
-import { _ListBox } from './chunk-FUPP4KDU.js';
-import { _ListBoxItem } from './chunk-CQIEYCDR.js';
-import { _HelperMessage } from './chunk-34C3NQQ7.js';
-import { _ErrorMessage } from './chunk-BAIN4DDL.js';
-import { _ToggleArrow } from './chunk-QITF3KZ6.js';
-import { BadgeContext } from './chunk-CQDLZ42T.js';
-import { ensureTextWrapper } from './chunk-ZJUDBIS4.js';
-import { _Label } from './chunk-24A5HTNX.js';
-import { useFormProps } from './chunk-5GXZIX65.js';
-import { ClearContainerSlots, ClearProviders } from './chunk-ZMIX3DJQ.js';
-import { TextContext } from './chunk-X6SER3TZ.js';
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
-import { SlotProvider } from './chunk-M36KANKC.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
-import { IconContext } from '@hopper-ui/icons';
-import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
-import { forwardRef } from 'react';
-import { useContextProps, composeRenderProps, TextContext as TextContext$1, ButtonContext, Select as Select$1, Button } from 'react-aria-components';
-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___-zPQl", "hop-Select--fluid": "Select-module__hop-Select--fluid___FtZgA", "hop-Select__label": "Select-module__hop-Select__label___-aCFg", "hop-Select__button": "Select-module__hop-Select__button___WUzl0", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___LqpWx", "hop-Select__button--md": "Select-module__hop-Select__button--md___9Dqqj", "hop-Select__prefix": "Select-module__hop-Select__prefix___-PzM1", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___ASNUX", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___EX0Wt", "hop-Select__error-message": "Select-module__hop-Select__error-message___EtrdM" };
-var GlobalSelectCssSelector = "hop-Select";
-function Select(props, ref) {
-  var _a, _b, _c, _d;
-  [props, ref] = useContextProps(props, ref, SelectContext);
-  props = useFormProps(props);
-  const { stylingProps, ...ownProps } = useStyledSystem(props);
-  const {
-    align: alignProp,
-    className,
-    children,
-    description,
-    direction: directionProp,
-    errorMessage,
-    footer,
-    isAutoMenuWidth,
-    isFluid: isFluidProp,
-    isInvalid,
-    isLoading,
-    isRequired,
-    items,
-    label,
-    listBoxProps,
-    necessityIndicator,
-    onLoadMore,
-    popoverProps,
-    prefix,
-    renderValue,
-    selectionIndicator,
-    shouldFlip,
-    size: sizeProp,
-    style: styleProp,
-    triggerProps,
-    ...otherProps
-  } = ownProps;
-  const { stylingProps: triggerStylingProps, ...triggerOwnProps } = useStyledSystem(triggerProps != null ? triggerProps : {});
-  const {
-    className: triggerClassName,
-    style: triggerStyleProp,
-    ...otherTriggerProps
-  } = triggerOwnProps;
-  const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
-  const isFluid = (_b = useResponsiveValue(isFluidProp)) != null ? _b : false;
-  const align = (_c = useResponsiveValue(alignProp)) != null ? _c : "start";
-  const direction = (_d = useResponsiveValue(directionProp)) != null ? _d : "bottom";
-  const classNames = composeClassnameRenderProps(
-    className,
-    GlobalSelectCssSelector,
-    cssModule(
-      Select_module_default,
-      "hop-Select",
-      isFluid && "fluid",
-      size
-    ),
-    stylingProps.className
-  );
-  const buttonClassNames = composeClassnameRenderProps(
-    triggerClassName,
-    cssModule(
-      Select_module_default,
-      "hop-Select__button",
-      size
-    ),
-    triggerStylingProps.className
-  );
-  const style = composeRenderProps(styleProp, (prev) => {
-    return {
-      ...stylingProps.style,
-      ...prev
-    };
-  });
-  const triggerStyle = composeRenderProps(triggerStyleProp, (prev) => {
-    return {
-      ...triggerStylingProps.style,
-      ...prev
-    };
-  });
-  const prefixMarkup = prefix ? /* @__PURE__ */ jsx(
-    SlotProvider,
-    {
-      values: [
-        [TextContext, { size, className: Select_module_default["hop-Select__prefix"] }],
-        [IconContext, { size, className: Select_module_default["hop-Select__prefix"] }]
-      ],
-      children: /* @__PURE__ */ jsx(ClearContainerSlots, { children: ensureTextWrapper(prefix) })
-    }
-  ) : null;
-  const footerMarkup = footer ? /* @__PURE__ */ jsx(
-    ClearProviders,
-    {
-      values: [
-        TextContext$1,
-        TextContext,
-        ButtonContext
-      ],
-      children: /* @__PURE__ */ jsx(
-        SlotProvider,
-        {
-          values: [
-            [TextContext, {
-              size
-            }]
-          ],
-          children: /* @__PURE__ */ jsx(_Footer, { children: ensureTextWrapper(footer) })
-        }
-      )
-    }
-  ) : null;
-  return /* @__PURE__ */ jsx(
-    Select$1,
-    {
-      ref,
-      className: classNames,
-      style,
-      isInvalid,
-      isRequired,
-      ...otherProps,
-      children: (selectRenderProps) => {
-        const { isOpen } = selectRenderProps;
-        return /* @__PURE__ */ jsxs(Fragment, { children: [
-          label && /* @__PURE__ */ jsx(
-            _Label,
-            {
-              className: Select_module_default["hop-Select__label"],
-              isRequired,
-              necessityIndicator,
-              children: label
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            _Popover,
-            {
-              isAutoWidth: isAutoMenuWidth,
-              isNonDialog: true,
-              placement: `${direction} ${align}`,
-              shouldFlip,
-              ...popoverProps,
-              children: [
-                /* @__PURE__ */ jsx(
-                  SlotProvider,
-                  {
-                    values: [
-                      [BadgeContext, {
-                        variant: "secondary"
-                      }]
-                    ],
-                    children: /* @__PURE__ */ jsx(
-                      _ListBox,
-                      {
-                        size,
-                        isInvalid,
-                        items,
-                        isLoading,
-                        onLoadMore,
-                        selectionIndicator,
-                        ...listBoxProps,
-                        children
-                      }
-                    )
-                  }
-                ),
-                footerMarkup
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs(Button, { className: buttonClassNames, style: triggerStyle, "data-invalid": isInvalid || void 0, ...otherTriggerProps, children: [
-            prefixMarkup,
-            /* @__PURE__ */ jsx(_SelectValue, { size, children: (valueRenderProps) => {
-              return renderValue == null ? void 0 : renderValue(valueRenderProps);
-            } }),
-            /* @__PURE__ */ jsx(
-              _ToggleArrow,
-              {
-                className: Select_module_default["hop-Select__button-icon"],
-                isExpanded: isOpen
-              }
-            )
-          ] }),
-          description && /* @__PURE__ */ jsx(_HelperMessage, { className: Select_module_default["hop-Select__helper-message"], children: description }),
-          /* @__PURE__ */ jsx(_ErrorMessage, { className: Select_module_default["hop-Select__error-message"], children: errorMessage })
-        ] });
-      }
-    }
-  );
-}
-var _Select = forwardRef(Select);
-_Select.displayName = "Select";
-var SelectItem = _ListBoxItem;
-var SelectSection = _ListBoxSection;
-
-export { GlobalSelectCssSelector, SelectItem, SelectSection, _Select };

package/dist/chunk-X6SER3TZ.js

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

package/dist/chunk-XIRBRHNM.js

@@ -1,126 +0,0 @@
-import { CheckboxContext } from './chunk-2EAZPH3M.js';
-import { useRenderProps } from './chunk-2NSUMKNH.js';
-import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-ZJUDBIS4.js';
-import { ClearContainerSlots } from './chunk-ZMIX3DJQ.js';
-import { TextContext } from './chunk-X6SER3TZ.js';
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
-import { SlotProvider } from './chunk-M36KANKC.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
-import { IconContext, MinusIcon, CheckmarkIcon } from '@hopper-ui/icons';
-import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
-import { forwardRef } from 'react';
-import { mergeProps } from 'react-aria';
-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___UtIbA Checkbox-module__hop-Checkbox___vt1K-", "hop-DecorativeCheckbox--sm": "DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___JBXhC Checkbox-module__hop-Checkbox--sm___5uxV3", "hop-DecorativeCheckbox--md": "DecorativeCheckbox-module__hop-DecorativeCheckbox--md___4Tfmf Checkbox-module__hop-Checkbox--md___oO3tq", "hop-DecorativeCheckbox__icon": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___Zrpr4 Checkbox-module__hop-Checkbox__icon___iit6o", "hop-DecorativeCheckbox__icon-list": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___D8x-X Checkbox-module__hop-Checkbox__icon___iit6o", "hop-DecorativeCheckbox__box": "DecorativeCheckbox-module__hop-DecorativeCheckbox__box___NOwwZ Checkbox-module__hop-Checkbox__box___YBJh9", "hop-DecorativeCheckbox__check": "DecorativeCheckbox-module__hop-DecorativeCheckbox__check___-yhbe Checkbox-module__hop-Checkbox__check___UNjwk", "hop-DecorativeCheckbox__text": "DecorativeCheckbox-module__hop-DecorativeCheckbox__text___vRiIY Checkbox-module__hop-Checkbox__text___ZlGyJ" };
-var GlobalDecorativeCheckboxCssSelector = "hop-DecorativeCheckbox";
-function DecorativeCheckbox(props, ref) {
-  var _a;
-  [props, ref] = useContextProps(props, ref, CheckboxContext);
-  const { stylingProps, ...ownProps } = useStyledSystem(props);
-  const {
-    className,
-    children: childrenProp,
-    size: sizeProp = "md",
-    slot,
-    style: styleProp,
-    isSelected,
-    isPressed,
-    isHovered,
-    isFocused,
-    isFocusVisible,
-    isDisabled,
-    isReadOnly,
-    isInvalid,
-    isRequired,
-    isIndeterminate,
-    ...otherProps
-  } = ownProps;
-  const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
-  const children = composeRenderProps(childrenProp, (prev) => {
-    return ensureTextWrapper(prev);
-  });
-  const classNames = composeClassnameRenderProps(
-    className,
-    GlobalDecorativeCheckboxCssSelector,
-    cssModule(
-      DecorativeCheckbox_module_default,
-      "hop-DecorativeCheckbox",
-      size
-    ),
-    stylingProps.className
-  );
-  const style = composeRenderProps(styleProp, (prev) => {
-    return {
-      ...stylingProps.style,
-      ...prev
-    };
-  });
-  const renderProps = useRenderProps({
-    ...props,
-    className: classNames,
-    style,
-    children,
-    values: {
-      isSelected: isSelected || false,
-      isPressed: isPressed || false,
-      isHovered: isHovered || false,
-      isFocused: isFocused || false,
-      isFocusVisible: isFocusVisible || false,
-      isDisabled: isDisabled || false,
-      isReadOnly: isReadOnly || false,
-      isInvalid: isInvalid || false,
-      isRequired: isRequired || false,
-      isIndeterminate: isIndeterminate || false
-    }
-  });
-  const checkboxIconClassName = DecorativeCheckbox_module_default["hop-DecorativeCheckbox__check"];
-  const icon = isIndeterminate ? /* @__PURE__ */ jsx(MinusIcon, { size: "sm", className: checkboxIconClassName }) : /* @__PURE__ */ jsx(CheckmarkIcon, { size: "sm", className: checkboxIconClassName });
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref,
-      slot: slot || void 0,
-      "data-selected": isSelected || void 0,
-      "data-pressed": isPressed || void 0,
-      "data-hovered": isHovered || void 0,
-      "data-focused": isFocused || void 0,
-      "data-focus-visible": isFocusVisible || void 0,
-      "data-disabled": isDisabled || void 0,
-      "data-readonly": isReadOnly || void 0,
-      "data-invalid": isInvalid || void 0,
-      "data-required": isRequired || void 0,
-      ...mergeProps(renderProps, otherProps),
-      children: [
-        /* @__PURE__ */ jsx("div", { className: DecorativeCheckbox_module_default["hop-DecorativeCheckbox__box"], children: icon }),
-        /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsx(
-          SlotProvider,
-          {
-            values: [
-              [TextContext, {
-                className: DecorativeCheckbox_module_default["hop-DecorativeCheckbox__text"],
-                size
-              }],
-              [IconListContext, {
-                className: DecorativeCheckbox_module_default["hop-DecorativeCheckbox__icon-list"],
-                size
-              }],
-              [IconContext, {
-                className: DecorativeCheckbox_module_default["hop-DecorativeCheckbox__icon"],
-                size
-              }]
-            ],
-            children: renderProps.children
-          }
-        ) })
-      ]
-    }
-  );
-}
-var _DecorativeCheckbox = forwardRef(DecorativeCheckbox);
-_DecorativeCheckbox.displayName = "DecorativeCheckbox";
-
-export { GlobalDecorativeCheckboxCssSelector, _DecorativeCheckbox };

package/dist/chunk-XL7LO6IZ.js

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

package/dist/chunk-XNHE2OVW.js

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

package/dist/chunk-Y2POLIXK.js

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

package/dist/chunk-Y67OCNQ4.js

@@ -1,72 +0,0 @@
-import { BadgeContext } from './chunk-CQDLZ42T.js';
-import { FloatingBadgeContext } from './chunk-CIGS4QGT.js';
-import { ClearContainerSlots } from './chunk-ZMIX3DJQ.js';
-import { SlotProvider } from './chunk-M36KANKC.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
-import { useStyledSystem } from '@hopper-ui/styled-system';
-import clsx from 'clsx';
-import { forwardRef } from 'react';
-import { useContextProps } from 'react-aria-components';
-import { jsx } from 'react/jsx-runtime';
-
-// css-module:./FloatingBadge.module.css#css-module
-var FloatingBadge_module_default = { "hop-FloatingBadge": "FloatingBadge-module__hop-FloatingBadge___bBlSg", "hop-FloatingBadge__badge": "FloatingBadge-module__hop-FloatingBadge__badge___XvrlR" };
-var GlobalFloatingBadgeCssSelector = "hop-FloatingBadge";
-function FloatingBadge(props, ref) {
-  [props, ref] = useContextProps(props, ref, FloatingBadgeContext);
-  const { stylingProps, ...ownProps } = useStyledSystem(props);
-  const {
-    children,
-    className,
-    offset = [0, 0],
-    overlap = "rectangular",
-    placement = "top right",
-    style,
-    slot,
-    ...otherProps
-  } = ownProps;
-  const classNames = clsx(
-    className,
-    GlobalFloatingBadgeCssSelector,
-    cssModule(
-      FloatingBadge_module_default,
-      "hop-FloatingBadge"
-    ),
-    stylingProps.className
-  );
-  const offsetXValue = typeof offset[0] === "string" ? offset[0] : `${offset[0]}px`;
-  const offsetYValue = typeof offset[1] === "string" ? offset[1] : `${offset[1]}px`;
-  const mergedStyles = {
-    ...stylingProps.style,
-    ...style,
-    "--hop-FloatingBadge-offset-x": offsetXValue,
-    "--hop-FloatingBadge-offset-y": offsetYValue
-  };
-  return /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsx(
-    SlotProvider,
-    {
-      values: [
-        [BadgeContext, {
-          className: FloatingBadge_module_default["hop-FloatingBadge__badge"]
-        }]
-      ],
-      children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          ref,
-          className: classNames,
-          style: mergedStyles,
-          slot: slot != null ? slot : void 0,
-          "data-overlap": overlap,
-          "data-placement": placement,
-          ...otherProps,
-          children
-        }
-      )
-    }
-  ) });
-}
-var _FloatingBadge = forwardRef(FloatingBadge);
-_FloatingBadge.displayName = "FloatingBadge";
-
-export { GlobalFloatingBadgeCssSelector, _FloatingBadge };

package/dist/chunk-Y7TOOHUJ.js

@@ -1,90 +0,0 @@
-import { useRenderProps } from './chunk-2NSUMKNH.js';
-import { RichIconAvatarImageContext } from './chunk-JWW56J7M.js';
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
-import { SlotProvider } from './chunk-M36KANKC.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
-import { RichIconContext } from '@hopper-ui/icons';
-import { slot, useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
-import { forwardRef } from 'react';
-import { mergeProps } from 'react-aria';
-import { useContextProps, composeRenderProps } from 'react-aria-components';
-import { jsx } from 'react/jsx-runtime';
-
-// css-module:./RichIconAvatarImage.module.css#css-module
-var RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-RichIconAvatarImage___w-4cv", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___-YCSt", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___kKx-Y", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___EKvy3", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___fqcPe", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___wpIGK", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___ddhaJ", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___IUfM5" };
-var GlobalRichIconAvatarImageCssSelector = "hop-RichIconAvatarImage";
-var AvatarToIconSizeAdapter = {
-  xs: "md",
-  sm: "md",
-  md: "lg",
-  lg: "xl",
-  xl: "xl",
-  "2xl": "xl"
-};
-function RichIconAvatarImage(props, ref) {
-  var _a;
-  [props, ref] = useContextProps(props, ref, RichIconAvatarImageContext);
-  const { stylingProps, ...ownProps } = useStyledSystem(props);
-  const {
-    className,
-    isDisabled,
-    style,
-    slot,
-    size: sizeValue,
-    ...otherProps
-  } = ownProps;
-  const size = (_a = useResponsiveValue(sizeValue)) != null ? _a : "md";
-  const classNames = composeClassnameRenderProps(
-    className,
-    GlobalRichIconAvatarImageCssSelector,
-    cssModule(
-      RichIconAvatarImage_module_default,
-      "hop-RichIconAvatarImage",
-      size
-    ),
-    stylingProps.className
-  );
-  const mergedStyles = composeRenderProps(style, (prev) => {
-    return {
-      ...stylingProps.style,
-      ...prev
-    };
-  });
-  const renderProps = useRenderProps({
-    ...props,
-    className: classNames,
-    style: mergedStyles,
-    values: {
-      isDisabled: isDisabled || false
-    }
-  });
-  if (!props["aria-label"] && !props["aria-labelledby"]) {
-    console.warn("An aria-label or aria-labelledby prop is required for accessibility.");
-  }
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ...mergeProps(otherProps, renderProps),
-      ref,
-      slot: slot != null ? slot : void 0,
-      role: "img",
-      "data-disabled": isDisabled || void 0,
-      children: /* @__PURE__ */ jsx(
-        SlotProvider,
-        {
-          values: [
-            [RichIconContext, {
-              className: RichIconAvatarImage_module_default["hop-RichIconAvatarImage__icon"],
-              size: AvatarToIconSizeAdapter[size]
-            }]
-          ],
-          children: renderProps.children
-        }
-      )
-    }
-  );
-}
-var _RichIconAvatarImage = slot("avatar", forwardRef(RichIconAvatarImage));
-_RichIconAvatarImage.displayName = "RichIconAvatarImage";
-
-export { AvatarToIconSizeAdapter, GlobalRichIconAvatarImageCssSelector, _RichIconAvatarImage };

package/dist/chunk-YJANLD7B.js

@@ -1,57 +0,0 @@
-import { HeadingContext } from './chunk-TXZ6BMFR.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
-import { slot, useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
-import clsx from 'clsx';
-import { forwardRef } from 'react';
-import { useContextProps, Heading as Heading$1 } from 'react-aria-components';
-import { jsx } from 'react/jsx-runtime';
-
-// css-module:./Heading.module.css#css-module
-var Heading_module_default = { "hop-Heading": "Heading-module__hop-Heading___sRoDm", "hop-Heading--xs": "Heading-module__hop-Heading--xs___lnER0", "hop-Heading--sm": "Heading-module__hop-Heading--sm___oVJ9P", "hop-Heading--md": "Heading-module__hop-Heading--md___7MvJW", "hop-Heading--lg": "Heading-module__hop-Heading--lg___pPPX9", "hop-Heading--xl": "Heading-module__hop-Heading--xl___KUhTQ", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___821WG", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___jT1tO" };
-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 = 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,
-    {
-      ref,
-      className: classNames,
-      style: mergedStyles,
-      ...otherProps,
-      children
-    }
-  );
-}
-var _Heading = slot("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");
-
-export { GlobalHeadingCssSelector, H1, H2, H3, H4, H5, H6, _Heading };

package/dist/chunk-YOMX6DZZ.js

@@ -1,14 +0,0 @@
-import { createContext } from 'react';
-
-// src/Tabs/src/TabsContext.ts
-var TabsContext = createContext({});
-TabsContext.displayName = "TabsContext";
-var TabContext = createContext({});
-TabContext.displayName = "TabContext";
-var TabPanelContext = createContext({});
-TabPanelContext.displayName = "TabPanelContext";
-var TabListContext = createContext({});
-TabListContext.displayName = "TabListContext";
-var InternalTabsContext = createContext({});
-
-export { InternalTabsContext, TabContext, TabListContext, TabPanelContext, TabsContext };

package/dist/chunk-YPFNLIK3.js

@@ -1,66 +0,0 @@
-import { PopoverBaseContext } from './chunk-GHYAFDMB.js';
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
-import { useStyledSystem, useColorSchemeContext, useResponsiveValue, getRootCSSClasses } from '@hopper-ui/styled-system';
-import { forwardRef } from 'react';
-import { useContextProps, composeRenderProps, Popover } from 'react-aria-components';
-import { jsx } from 'react/jsx-runtime';
-
-// css-module:./PopoverBase.module.css#css-module
-var PopoverBase_module_default = { "hop-PopoverBase": "PopoverBase-module__hop-PopoverBase___Qkj9u" };
-var GlobalPopoverBaseCssSelector = "hop-PopoverBase";
-function PopoverBase(props, ref) {
-  var _a;
-  [props, ref] = useContextProps(props, ref, PopoverBaseContext);
-  const { stylingProps, ...ownProps } = useStyledSystem(props);
-  const { colorScheme } = useColorSchemeContext();
-  const {
-    children,
-    className,
-    placement: placementProp,
-    style: styleProp,
-    containerPadding,
-    ...otherProps
-  } = ownProps;
-  const placement = (_a = useResponsiveValue(placementProp)) != null ? _a : "bottom";
-  const popoverClassNames = composeClassnameRenderProps(
-    className,
-    GlobalPopoverBaseCssSelector,
-    cssModule(
-      PopoverBase_module_default,
-      "hop-PopoverBase"
-    ),
-    getRootCSSClasses(colorScheme),
-    stylingProps.className
-  );
-  const style = composeRenderProps(styleProp, (prev) => {
-    let extraStyles = {};
-    if (containerPadding) {
-      extraStyles = {
-        ...extraStyles,
-        "--container-padding": `${containerPadding}px`
-      };
-    }
-    return {
-      ...stylingProps.style,
-      ...extraStyles,
-      ...prev
-    };
-  });
-  return /* @__PURE__ */ jsx(
-    Popover,
-    {
-      ref,
-      style,
-      className: popoverClassNames,
-      containerPadding,
-      placement,
-      ...otherProps,
-      children
-    }
-  );
-}
-var _PopoverBase = forwardRef(PopoverBase);
-_PopoverBase.displayName = "PopoverBase";
-
-export { GlobalPopoverBaseCssSelector, _PopoverBase };