@hopper-ui/components 1.5.12 → 1.5.13

package/dist/chunk-D5BPOB2U.js

@@ -1,146 +0,0 @@
-import { useSlot } from './chunk-H5YTU3U7.js';
-import { _Spinner } from './chunk-UXVER6A6.js';
-import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ButtonContext } from './chunk-WMTWFKKP.js';
-import { ensureTextWrapper } from './chunk-ZJUDBIS4.js';
-import { useLocalizedString } from './chunk-75DHKNW2.js';
-import { useFormProps } from './chunk-5GXZIX65.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 { slot, useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
-import clsx from 'clsx';
-import { forwardRef, useState, useEffect } from 'react';
-import { useContextProps, composeRenderProps, Button as Button$1, DEFAULT_SLOT } from 'react-aria-components';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-// css-module:./Button.module.css#css-module
-var Button_module_default = { "hop-Button": "Button-module__hop-Button___sYLWn", "hop-Button--fluid": "Button-module__hop-Button--fluid___le0PW", "hop-Button--sm": "Button-module__hop-Button--sm___8595A", "hop-Button--md": "Button-module__hop-Button--md___NsbEQ", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___2f-Pe", "hop-Button--primary": "Button-module__hop-Button--primary___Qo6ZF", "hop-Button--secondary": "Button-module__hop-Button--secondary___TRVhJ", "hop-Button--upsell": "Button-module__hop-Button--upsell___A9KCV", "hop-Button--danger": "Button-module__hop-Button--danger___MmFni", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___NPZcY", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___AUKTq", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___MUIjw", "hop-Button--loading": "Button-module__hop-Button--loading___kTzFh", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___iTYDZ", "hop-Button__icon": "Button-module__hop-Button__icon___SSkg4", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___HST1q", "hop-Button__text": "Button-module__hop-Button__text___3imcm", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___wS0XC", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___-tH4t" };
-var GlobalButtonCssSelector = "hop-Button";
-function Button(props, ref) {
-  var _a, _b;
-  [props, ref] = useContextProps(props, ref, ButtonContext);
-  props = useFormProps(props);
-  const [isProgressVisible, setIsProgressVisible] = useState(false);
-  const { stylingProps, ...ownProps } = useStyledSystem(props);
-  const stringFormatter = useLocalizedString();
-  const {
-    className,
-    children: childrenProp,
-    size: sizeProp,
-    isFluid: isFluidProp,
-    variant = "primary",
-    isLoading,
-    style: styleProp,
-    spinnerProps,
-    ...otherProps
-  } = ownProps;
-  const [textRef, hasText] = useSlot();
-  const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
-  const isFluid = (_b = useResponsiveValue(isFluidProp)) != null ? _b : false;
-  const classNames = composeClassnameRenderProps(
-    className,
-    GlobalButtonCssSelector,
-    cssModule(
-      Button_module_default,
-      "hop-Button",
-      variant,
-      size,
-      isFluid && "fluid",
-      isProgressVisible && "loading",
-      !hasText && "icon-only"
-    ),
-    stylingProps.className
-  );
-  const style = composeRenderProps(styleProp, (prev) => {
-    return {
-      ...stylingProps.style,
-      ...prev
-    };
-  });
-  const children = composeRenderProps(childrenProp, (prev) => {
-    return ensureTextWrapper(prev);
-  });
-  const { className: spinnerClassName, ...otherSpinnerProps } = spinnerProps != null ? spinnerProps : {};
-  const spinnerClassNames = clsx(Button_module_default["hop-Button__Spinner"], spinnerClassName);
-  useEffect(() => {
-    let timeout;
-    if (isLoading) {
-      timeout = setTimeout(() => {
-        setIsProgressVisible(true);
-      }, 1e3);
-    } else {
-      setIsProgressVisible(false);
-    }
-    return () => {
-      clearTimeout(timeout);
-    };
-  }, [isLoading, setIsProgressVisible]);
-  return /* @__PURE__ */ jsx(
-    SlotProvider,
-    {
-      values: [
-        [IconListContext, {
-          slots: {
-            [DEFAULT_SLOT]: {
-              size,
-              className: Button_module_default["hop-Button__icon-list"]
-            },
-            "end-icon": {
-              size,
-              className: Button_module_default["hop-Button__end-icon-list"]
-            }
-          }
-        }],
-        [IconContext, {
-          slots: {
-            [DEFAULT_SLOT]: {
-              size,
-              className: Button_module_default["hop-Button__icon"]
-            },
-            "end-icon": {
-              size,
-              className: Button_module_default["hop-Button__end-icon"]
-            }
-          }
-        }],
-        [TextContext, {
-          className: Button_module_default["hop-Button__text"],
-          size,
-          ref: textRef
-        }]
-      ],
-      children: /* @__PURE__ */ jsx(
-        Button$1,
-        {
-          ref,
-          slot: props.slot || void 0,
-          className: classNames,
-          style,
-          isPending: isLoading,
-          ...otherProps,
-          children: (buttonRenderProps) => {
-            return /* @__PURE__ */ jsxs(Fragment, { children: [
-              children(buttonRenderProps),
-              isProgressVisible && /* @__PURE__ */ jsx(
-                _Spinner,
-                {
-                  "aria-label": stringFormatter.format("Button.spinnerAriaLabel"),
-                  size,
-                  className: spinnerClassNames,
-                  ...otherSpinnerProps
-                }
-              )
-            ] });
-          }
-        }
-      )
-    }
-  );
-}
-var _Button = slot("button", forwardRef(Button));
-_Button.displayName = "Button";
-
-export { GlobalButtonCssSelector, _Button };

package/dist/chunk-DAPJWTDY.js

@@ -1,52 +0,0 @@
-import { CardContext } from './chunk-V2EQFVTJ.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:./Card.module.css#css-module
-var Card_module_default = { "hop-Card": "Card-module__hop-Card___a-zCs", "hop-Card--main": "Card-module__hop-Card--main___uqbYs", "hop-Card--second-level": "Card-module__hop-Card--second-level___vtJo9" };
-var GlobalCardCssSelector = "hop-Card";
-var Card = (props, ref) => {
-  [props, ref] = useContextProps(props, ref, CardContext);
-  const { stylingProps, ...ownProps } = useStyledSystem(props);
-  const {
-    className,
-    children,
-    style,
-    slot,
-    variant = "main",
-    ...otherProps
-  } = ownProps;
-  const classNames = clsx(
-    GlobalCardCssSelector,
-    cssModule(
-      Card_module_default,
-      "hop-Card",
-      variant
-    ),
-    stylingProps.className,
-    className
-  );
-  const mergedStyles = {
-    ...style,
-    ...stylingProps.style
-  };
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      className: classNames,
-      style: mergedStyles,
-      slot: slot != null ? slot : void 0,
-      ...otherProps,
-      children
-    }
-  );
-};
-var _Card = forwardRef(Card);
-_Card.displayName = "Card";
-
-export { GlobalCardCssSelector, _Card };

package/dist/chunk-DBIN32YS.js

@@ -1 +0,0 @@
-

package/dist/chunk-DFLH2TRR.js

@@ -1,76 +0,0 @@
-import { DisclosureHeaderContext } from './chunk-GFRTCF4B.js';
-import { DisclosureContext } from './chunk-MUAXK42C.js';
-import { DisclosurePanelContext } from './chunk-7CJXILRD.js';
-import { AccordionContext } from './chunk-7IM3UQB4.js';
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
-import { SlotProvider } from './chunk-M36KANKC.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
-import { useStyledSystem } from '@hopper-ui/styled-system';
-import { forwardRef } from 'react';
-import { useContextProps, composeRenderProps, DisclosureGroup } from 'react-aria-components';
-import { jsx } from 'react/jsx-runtime';
-
-// css-module:./Accordion.module.css#css-module
-var Accordion_module_default = { "hop-Accordion": "Accordion-module__hop-Accordion___QC7wA", "hop-Accordion--inline": "Accordion-module__hop-Accordion--inline___QiCPh", "hop-Accordion__disclosure": "Accordion-module__hop-Accordion__disclosure___HQJZs", "hop-Accordion__disclosure-header": "Accordion-module__hop-Accordion__disclosure-header___x4gs5", "hop-Accordion__disclosure-panel": "Accordion-module__hop-Accordion__disclosure-panel___3oYov" };
-var GlobalAccordionCssSelector = "hop-Accordion";
-function Accordion(props, ref) {
-  [props, ref] = useContextProps(props, ref, AccordionContext);
-  const { stylingProps, ...ownProps } = useStyledSystem(props);
-  const {
-    className,
-    children: childrenProp,
-    style: styleProp,
-    variant = "standalone",
-    ...otherProps
-  } = ownProps;
-  const classNames = composeClassnameRenderProps(
-    className,
-    GlobalAccordionCssSelector,
-    cssModule(
-      Accordion_module_default,
-      "hop-Accordion",
-      variant
-    ),
-    stylingProps.className
-  );
-  const style = composeRenderProps(styleProp, (prev) => {
-    return {
-      ...stylingProps.style,
-      ...prev
-    };
-  });
-  const children = composeRenderProps(childrenProp, (prev) => {
-    return prev;
-  });
-  return /* @__PURE__ */ jsx(
-    DisclosureGroup,
-    {
-      ref,
-      className: classNames,
-      style,
-      ...otherProps,
-      children: (accordionRenderProps) => /* @__PURE__ */ jsx(
-        SlotProvider,
-        {
-          values: [
-            [DisclosureContext, {
-              className: Accordion_module_default["hop-Accordion__disclosure"],
-              variant: "inline"
-            }],
-            [DisclosureHeaderContext, {
-              className: Accordion_module_default["hop-Accordion__disclosure-header"]
-            }],
-            [DisclosurePanelContext, {
-              className: Accordion_module_default["hop-Accordion__disclosure-panel"]
-            }]
-          ],
-          children: children(accordionRenderProps)
-        }
-      )
-    }
-  );
-}
-var _Accordion = forwardRef(Accordion);
-_Accordion.displayName = "Accordion";
-
-export { GlobalAccordionCssSelector, _Accordion };

package/dist/chunk-DHVVYSLB.js

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

package/dist/chunk-DPJMFJEG.js

@@ -1,84 +0,0 @@
-import { EmbeddedButtonContext } from './chunk-O7IJYNVQ.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 { slot, 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';
-
-// src/tag/utils/Tag.utils.ts
-function mapOrbiterToHopperVariants(variant) {
-  if (variant === "informative") {
-    return "option1";
-  }
-  if (variant === "warning") {
-    return "option6";
-  }
-  return variant;
-}
-
-// css-module:./EmbeddedButton.module.css#css-module
-var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-EmbeddedButton___OyflJ", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___7cQ-z", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___pY8FD", "hop-EmbeddedButton--neutral": "EmbeddedButton-module__hop-EmbeddedButton--neutral___-qPK3", "hop-EmbeddedButton--subdued": "EmbeddedButton-module__hop-EmbeddedButton--subdued___ecR-y", "hop-EmbeddedButton--progress": "EmbeddedButton-module__hop-EmbeddedButton--progress___-pbCV", "hop-EmbeddedButton--positive": "EmbeddedButton-module__hop-EmbeddedButton--positive___gdNhk", "hop-EmbeddedButton--caution": "EmbeddedButton-module__hop-EmbeddedButton--caution___ZCpNF", "hop-EmbeddedButton--negative": "EmbeddedButton-module__hop-EmbeddedButton--negative___GVTMz", "hop-EmbeddedButton--option1": "EmbeddedButton-module__hop-EmbeddedButton--option1___zFrop", "hop-EmbeddedButton--option2": "EmbeddedButton-module__hop-EmbeddedButton--option2___-80xY", "hop-EmbeddedButton--option3": "EmbeddedButton-module__hop-EmbeddedButton--option3___sLCcf", "hop-EmbeddedButton--option4": "EmbeddedButton-module__hop-EmbeddedButton--option4___BHgJ2", "hop-EmbeddedButton--option5": "EmbeddedButton-module__hop-EmbeddedButton--option5___TnMgt", "hop-EmbeddedButton--option6": "EmbeddedButton-module__hop-EmbeddedButton--option6___G5qjM", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___ti04X" };
-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,
-    isSelected = false,
-    style: styleProp,
-    children,
-    variant = "neutral",
-    ...otherProps
-  } = ownProps;
-  const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
-  const classNames = composeClassnameRenderProps(
-    className,
-    GlobalEmbeddedButtonCssSelector,
-    cssModule(
-      EmbeddedButton_module_default,
-      "hop-EmbeddedButton",
-      size,
-      mapOrbiterToHopperVariants(variant)
-    ),
-    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,
-          "data-selected": isSelected || void 0,
-          ...otherProps,
-          children
-        }
-      )
-    }
-  );
-}
-var _EmbeddedButton = slot("button", forwardRef(EmbeddedButton));
-_EmbeddedButton.displayName = "EmbeddedButton";
-
-export { GlobalEmbeddedButtonCssSelector, _EmbeddedButton, mapOrbiterToHopperVariants };

package/dist/chunk-DRFFM5PG.js

@@ -1,6 +0,0 @@
-import { DialogTrigger } from 'react-aria-components';
-
-// src/Modal/src/ModalTrigger.tsx
-var ModalTrigger = DialogTrigger;
-
-export { ModalTrigger };

package/dist/chunk-DVVK2IWW.js

@@ -1,64 +0,0 @@
-import { StyledSystemProvider } from '@hopper-ui/styled-system';
-import clsx from 'clsx';
-import { createContext, forwardRef, useContext } from 'react';
-import { I18nProvider, RouterProvider } from 'react-aria-components';
-import { jsx } from 'react/jsx-runtime';
-
-// src/HopperProvider/src/HopperProvider.tsx
-var GlobalHopperProviderCssSelector = "hop-HopperProvider";
-var HopperContext = createContext(null);
-function useHopperContext() {
-  const context = useContext(HopperContext);
-  if (context === null) {
-    throw new Error("useHopperContext must be used within a HopperProvider");
-  }
-  return context;
-}
-function useForwardedHopperContext() {
-  const context = useContext(HopperContext);
-  return {
-    locale: context == null ? void 0 : context.locale,
-    colorScheme: context == null ? void 0 : context.colorScheme,
-    navigate: context == null ? void 0 : context.navigate,
-    useHref: context == null ? void 0 : context.useHref,
-    withCssVariables: false
-    // we never need to re-add css variables in a nested provider
-  };
-}
-var HopperProvider = (props, ref) => {
-  const {
-    children,
-    locale,
-    withBodyStyle = false,
-    colorScheme = "light",
-    withCssVariables = true,
-    className,
-    navigate,
-    useHref,
-    ...rest
-  } = props;
-  const classNames = clsx(
-    GlobalHopperProviderCssSelector,
-    className
-  );
-  let content = children;
-  if (navigate) {
-    content = /* @__PURE__ */ jsx(RouterProvider, { navigate, useHref, children });
-  }
-  return /* @__PURE__ */ jsx(HopperContext.Provider, { value: props, children: /* @__PURE__ */ jsx(
-    StyledSystemProvider,
-    {
-      ref,
-      withBodyStyle,
-      colorScheme,
-      withCssVariables,
-      className: classNames,
-      ...rest,
-      children: /* @__PURE__ */ jsx(I18nProvider, { locale, children: content })
-    }
-  ) });
-};
-var _HopperProvider = forwardRef(HopperProvider);
-_HopperProvider.displayName = "HopperProvider";
-
-export { GlobalHopperProviderCssSelector, HopperContext, _HopperProvider, useForwardedHopperContext, useHopperContext };

package/dist/chunk-DZJSSJVJ.js

@@ -1,41 +0,0 @@
-import { ListBoxSectionContext } from './chunk-RLDIAT4F.js';
-import { useStyledSystem } from '@hopper-ui/styled-system';
-import clsx from 'clsx';
-import { forwardRef } from 'react';
-import { useContextProps, ListBoxSection as ListBoxSection$1 } from 'react-aria-components';
-import { jsx } from 'react/jsx-runtime';
-
-var GlobalSectionCssSelector = "hop-ListBoxSection";
-function ListBoxSection(props, ref) {
-  [props, ref] = useContextProps(props, ref, ListBoxSectionContext);
-  const { stylingProps, ...ownProps } = useStyledSystem(props);
-  const {
-    className,
-    children,
-    style,
-    ...otherProps
-  } = ownProps;
-  const classNames = clsx(
-    GlobalSectionCssSelector,
-    stylingProps.className,
-    className
-  );
-  const mergedStyles = {
-    ...stylingProps.style,
-    ...style
-  };
-  return /* @__PURE__ */ jsx(
-    ListBoxSection$1,
-    {
-      ref,
-      className: classNames,
-      style: mergedStyles,
-      ...otherProps,
-      children
-    }
-  );
-}
-var _ListBoxSection = forwardRef(ListBoxSection);
-_ListBoxSection.displayName = "ListBoxSection";
-
-export { GlobalSectionCssSelector, _ListBoxSection };

package/dist/chunk-E273RKXA.js

@@ -1,70 +0,0 @@
-import { TooltipContext } from './chunk-FZK3TKHG.js';
-import { TooltipTriggerContext } from './chunk-MVQISVDN.js';
-import { ensureTextWrapper } from './chunk-ZJUDBIS4.js';
-import { TextContext } from './chunk-X6SER3TZ.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
-import { useStyledSystem, useColorSchemeContext, getRootCSSClasses } from '@hopper-ui/styled-system';
-import clsx from 'clsx';
-import { forwardRef, useContext } from 'react';
-import { useContextProps, Provider, Tooltip as Tooltip$1 } from 'react-aria-components';
-import { jsx } from 'react/jsx-runtime';
-
-// css-module:./Tooltip.module.css#css-module
-var Tooltip_module_default = { "hop-Tooltip": "Tooltip-module__hop-Tooltip___8Hwi6", "hop-Tooltip--top": "Tooltip-module__hop-Tooltip--top___iNbfZ", "hop-Tooltip--right": "Tooltip-module__hop-Tooltip--right___W8SRQ", "hop-Tooltip--bottom": "Tooltip-module__hop-Tooltip--bottom___ml63w", "hop-Tooltip--left": "Tooltip-module__hop-Tooltip--left___YDEhL", "slide": "Tooltip-module__slide___4z0aJ" };
-var GlobalTooltipCssSelector = "hop-Tooltip";
-function Tooltip(props, ref) {
-  [props, ref] = useContextProps(props, ref, TooltipContext);
-  const { stylingProps, ...ownProps } = useStyledSystem(props);
-  const { colorScheme } = useColorSchemeContext();
-  const { containerPadding, crossOffset, offset, placement = "top", shouldFlip } = useContext(TooltipTriggerContext);
-  const {
-    className,
-    children,
-    style,
-    ...otherProps
-  } = ownProps;
-  const classNames = clsx(
-    GlobalTooltipCssSelector,
-    getRootCSSClasses(colorScheme),
-    cssModule(
-      Tooltip_module_default,
-      "hop-Tooltip",
-      placement
-    ),
-    stylingProps.className,
-    className
-  );
-  const mergedStyles = {
-    ...style,
-    ...stylingProps.style
-  };
-  return /* @__PURE__ */ jsx(
-    Provider,
-    {
-      values: [
-        [TextContext, {
-          size: "xs"
-        }]
-      ],
-      children: /* @__PURE__ */ jsx(
-        Tooltip$1,
-        {
-          ref,
-          style: mergedStyles,
-          className: classNames,
-          containerPadding,
-          crossOffset,
-          offset,
-          placement,
-          shouldFlip,
-          ...otherProps,
-          children: ensureTextWrapper(children)
-        }
-      )
-    }
-  );
-}
-var _Tooltip = forwardRef(Tooltip);
-_Tooltip.displayName = "Tooltip";
-
-export { GlobalTooltipCssSelector, _Tooltip };

package/dist/chunk-E4LQY732.js

@@ -1,80 +0,0 @@
-import { TagContext } from './chunk-EWMWQ2MC.js';
-import { TabContext, InternalTabsContext } from './chunk-YOMX6DZZ.js';
-import { BadgeContext } from './chunk-CQDLZ42T.js';
-import { _Text } from './chunk-V4PG262Z.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___tRWRK", "hop-Tab--fluid": "Tab-module__hop-Tab--fluid___QpCnS", "hop-Tab--md": "Tab-module__hop-Tab--md___6eN9A", "hop-Tab__icon": "Tab-module__hop-Tab__icon___uxJfW", "hop-Tab__text": "Tab-module__hop-Tab__text___8r-NA", "hop-Tab__badge": "Tab-module__hop-Tab__badge___MxRSP", "hop-Tab__tag": "Tab-module__hop-Tab__tag___Uh04O" };
-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 };