@hopper-ui/components 1.5.11 → 1.5.13

package/dist/chunk-OSMU4XR4.js

@@ -1,44 +0,0 @@
-import { OverlineTextContext } from './chunk-WPNVVGFW.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
-import { useStyledSystem } from '@hopper-ui/styled-system';
-import clsx from 'clsx';
-import { forwardRef } from 'react';
-import { useContextProps, Text } from 'react-aria-components';
-import { jsx } from 'react/jsx-runtime';
-
-// css-module:./OverlineText.module.css#css-module
-var OverlineText_module_default = { "hop-OverlineText": "OverlineText-module__hop-OverlineText___-dlAI", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___2wgsy" };
-var GlobalOverlineTextCssSelector = "hop-OverlineText";
-function OverlineText(props, ref) {
-  [props, ref] = useContextProps(props, ref, OverlineTextContext);
-  const { stylingProps, ...ownProps } = useStyledSystem(props);
-  const { className, children, style, elementType = "span", ...otherProps } = ownProps;
-  const classNames = clsx(
-    GlobalOverlineTextCssSelector,
-    cssModule(
-      OverlineText_module_default,
-      "hop-OverlineText"
-    ),
-    stylingProps.className,
-    className
-  );
-  const mergedStyles = {
-    ...stylingProps.style,
-    ...style
-  };
-  return /* @__PURE__ */ jsx(
-    Text,
-    {
-      ref,
-      elementType,
-      className: classNames,
-      style: mergedStyles,
-      ...otherProps,
-      children: /* @__PURE__ */ jsx("span", { className: OverlineText_module_default["hop-OverlineText__text"], children })
-    }
-  );
-}
-var _OverlineText = forwardRef(OverlineText);
-_OverlineText.displayName = "OverlineText";
-
-export { GlobalOverlineTextCssSelector, _OverlineText };

package/dist/chunk-PDQLSFUM.js

@@ -1,98 +0,0 @@
-import { CompactCalloutContext } from './chunk-GRCAVJC6.js';
-import { LinkContext } from './chunk-4VVNSXIB.js';
-import { _CloseButton } from './chunk-DZNKA3W5.js';
-import { LinkButtonContext } from './chunk-3UQFC2NQ.js';
-import { ContentContext } from './chunk-IXB2WK56.js';
-import { ButtonContext } from './chunk-WMTWFKKP.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, DEFAULT_SLOT } from 'react-aria-components';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-// css-module:./CompactCallout.module.css#css-module
-var CompactCallout_module_default = { "hop-CompactCallout": "CompactCallout-module__hop-CompactCallout___OkGk5", "hop-CompactCallout--dismissable": "CompactCallout-module__hop-CompactCallout--dismissable___u3HNS", "hop-CompactCallout__content": "CompactCallout-module__hop-CompactCallout__content___XcpU6", "hop-CompactCallout__button": "CompactCallout-module__hop-CompactCallout__button___9SlrS", "hop-CompactCallout__link": "CompactCallout-module__hop-CompactCallout__link___qS1HV", "hop-CompactCallout__dismiss": "CompactCallout-module__hop-CompactCallout__dismiss___OW0wA", "hop-CompactCallout--information": "CompactCallout-module__hop-CompactCallout--information___Dlpnr", "hop-CompactCallout--success": "CompactCallout-module__hop-CompactCallout--success___Ff33l", "hop-CompactCallout--warning": "CompactCallout-module__hop-CompactCallout--warning___7cBlh", "hop-CompactCallout--upsell": "CompactCallout-module__hop-CompactCallout--upsell___ktEvY", "hop-CompactCallout--subtle-fill": "CompactCallout-module__hop-CompactCallout--subtle-fill___BqWXy" };
-var GlobalCompactCalloutCssSelector = "hop-CompactCallout";
-var CompactCallout = (props, ref) => {
-  [props, ref] = useContextProps(props, ref, CompactCalloutContext);
-  const { stylingProps, ...ownProps } = useStyledSystem(props);
-  const {
-    className,
-    children,
-    style,
-    slot,
-    onClose,
-    fillStyle = "border",
-    variant = "information",
-    ...otherProps
-  } = ownProps;
-  const isDismissible = onClose !== void 0;
-  const classNames = clsx(
-    GlobalCompactCalloutCssSelector,
-    cssModule(
-      CompactCallout_module_default,
-      "hop-CompactCallout",
-      variant,
-      fillStyle === "subtleFill" && "subtle-fill",
-      isDismissible && "dismissable"
-    ),
-    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: /* @__PURE__ */ jsxs(
-        SlotProvider,
-        {
-          values: [
-            [ContentContext, {
-              className: CompactCallout_module_default["hop-CompactCallout__content"]
-            }],
-            [ButtonContext, {
-              slots: {
-                [DEFAULT_SLOT]: {
-                  className: CompactCallout_module_default["hop-CompactCallout__button"],
-                  variant: "secondary",
-                  size: "sm"
-                },
-                close: {
-                  className: CompactCallout_module_default["hop-CompactCallout__dismiss"]
-                }
-              }
-            }],
-            [LinkButtonContext, {
-              className: CompactCallout_module_default["hop-CompactCallout__button"],
-              variant: "secondary",
-              size: "sm"
-            }],
-            [LinkContext, {
-              className: CompactCallout_module_default["hop-CompactCallout__link"],
-              variant: "secondary",
-              size: "sm"
-            }]
-          ],
-          children: [
-            children,
-            isDismissible && /* @__PURE__ */ jsx(_CloseButton, { onPress: onClose })
-          ]
-        }
-      )
-    }
-  );
-};
-var _CompactCallout = forwardRef(CompactCallout);
-_CompactCallout.displayName = "CompactCallout";
-
-export { GlobalCompactCalloutCssSelector, _CompactCallout };

package/dist/chunk-PH5BSJDK.js

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

package/dist/chunk-PLN7W3IN.js

@@ -1,58 +0,0 @@
-import { _RichIconAvatarImage } from './chunk-4N3XTYNJ.js';
-import { useRenderProps } from './chunk-2NSUMKNH.js';
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
-import { AvatarContext } from './chunk-AES7QBQE.js';
-import { BrokenImageRichIcon } 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 { jsx } from 'react/jsx-runtime';
-
-var GlobalBrokenAvatarCssSelector = "hop-BrokenAvatar";
-function BrokenAvatar(props, ref) {
-  var _a;
-  [props, ref] = useContextProps(props, ref, AvatarContext);
-  const { stylingProps, ...ownProps } = useStyledSystem(props);
-  const {
-    className,
-    size: sizeValue,
-    style,
-    isDisabled,
-    ...otherProps
-  } = ownProps;
-  const size = (_a = useResponsiveValue(sizeValue)) != null ? _a : "md";
-  const classNames = composeClassnameRenderProps(
-    className,
-    GlobalBrokenAvatarCssSelector,
-    stylingProps.className
-  );
-  const mergedStyles = composeRenderProps(style, (prev) => {
-    return {
-      ...stylingProps.style,
-      ...prev
-    };
-  });
-  const renderProps = useRenderProps({
-    ...props,
-    className: classNames,
-    style: mergedStyles,
-    values: {
-      isDisabled: isDisabled || false
-    }
-  });
-  return /* @__PURE__ */ jsx(
-    _RichIconAvatarImage,
-    {
-      isDisabled,
-      ref,
-      size,
-      ...mergeProps(renderProps, otherProps),
-      children: /* @__PURE__ */ jsx(BrokenImageRichIcon, {})
-    }
-  );
-}
-var _BrokenAvatar = forwardRef(BrokenAvatar);
-_BrokenAvatar.displayName = "BrokenAvatar";
-
-export { GlobalBrokenAvatarCssSelector, _BrokenAvatar };

package/dist/chunk-PWZL5HZF.js

@@ -1,62 +0,0 @@
-import { TabListContext, InternalTabsContext } from './chunk-YOMX6DZZ.js';
-import { TabLine } from './chunk-R7YMXR2R.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
-import { useStyledSystem } from '@hopper-ui/styled-system';
-import clsx from 'clsx';
-import { forwardRef, useContext, useState, useLayoutEffect } from 'react';
-import { useContextProps, TabListStateContext, TabList as TabList$1 } from 'react-aria-components';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-// css-module:./TabList.module.css#css-module
-var TabList_module_default = { "hop-TabList": "TabList-module__hop-TabList___ExbRZ", "hop-TabList--standalone": "TabList-module__hop-TabList--standalone___UXbcC", "hop-TabList--in-card": "TabList-module__hop-TabList--in-card___EDRAz", "hop-TabList__tablist": "TabList-module__hop-TabList__tablist___iIEXe", "hop-TabList--heading": "TabList-module__hop-TabList--heading___AnqHm" };
-var GlobalTabListCssSelector = "hop-TabList";
-function TabList(props, ref) {
-  var _a, _b;
-  [props, ref] = useContextProps(props, ref, TabListContext);
-  const { variant, isDisabled, disabledKeys } = (_a = useContext(InternalTabsContext)) != null ? _a : {};
-  const state = useContext(TabListStateContext);
-  const [selectedTab, setSelectedTab] = useState(void 0);
-  const { stylingProps, ...ownProps } = useStyledSystem(props);
-  useLayoutEffect(() => {
-    if (ref == null ? void 0 : ref.current) {
-      const tab = ref.current.querySelector("[role=tab][data-selected=true]");
-      if (tab != null) {
-        setSelectedTab(tab);
-      }
-    }
-  }, [ref, (_b = state == null ? void 0 : state.selectedItem) == null ? void 0 : _b.key]);
-  const {
-    className,
-    style,
-    ...otherProps
-  } = ownProps;
-  const classNames = clsx(
-    GlobalTabListCssSelector,
-    cssModule(
-      TabList_module_default,
-      "hop-TabList",
-      variant
-    ),
-    stylingProps.className,
-    className
-  );
-  const mergedStyles = {
-    ...style,
-    ...stylingProps.style
-  };
-  return /* @__PURE__ */ jsxs("div", { className: classNames, style: mergedStyles, children: [
-    /* @__PURE__ */ jsx(
-      TabList$1,
-      {
-        ...otherProps,
-        ref,
-        className: TabList_module_default["hop-TabList__tablist"]
-      }
-    ),
-    /* @__PURE__ */ jsx(TabLine, { selectedTab, isDisabled, disabledKeys })
-  ] });
-}
-var _TabList = forwardRef(TabList);
-_TabList.displayName = "TabList";
-
-export { GlobalTabListCssSelector, _TabList };

package/dist/chunk-Q7NXUUB3.js

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

package/dist/chunk-QCA3ZR56.js

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

package/dist/chunk-R7YMXR2R.js

@@ -1,74 +0,0 @@
-import { cssModule } from './chunk-KVDXQMWI.js';
-import clsx from 'clsx';
-import { useContext, useState, useEffect, useCallback, useLayoutEffect } from 'react';
-import { TabListStateContext } from 'react-aria-components';
-import { jsx } from 'react/jsx-runtime';
-
-// css-module:./TabLine.module.css#css-module
-var TabLine_module_default = { "hop-TabLine": "TabLine-module__hop-TabLine___NuLFE", "hop-TabLine--disabled": "TabLine-module__hop-TabLine--disabled___jn8AO" };
-var GlobalTabLineCssSelector = "hop-TabLine";
-function TabLine(props) {
-  var _a;
-  const { selectedTab, disabledKeys, isDisabled: isTabsDisabled } = props;
-  const state = useContext(TabListStateContext);
-  const [isDisabled, setIsDisabled] = useState(false);
-  useEffect(() => {
-    const disabled = isTabsDisabled || isAllTabsDisabled(state == null ? void 0 : state.collection, disabledKeys ? new Set(disabledKeys) : /* @__PURE__ */ new Set(null));
-    setIsDisabled(disabled);
-  }, [state == null ? void 0 : state.collection, disabledKeys, isTabsDisabled, setIsDisabled]);
-  const [style, setStyle] = useState({
-    transform: void 0,
-    width: void 0,
-    height: void 0
-  });
-  const onResize = useCallback(() => {
-    if (selectedTab) {
-      const styleObj = {
-        transform: void 0,
-        width: void 0,
-        height: void 0
-      };
-      const offset = selectedTab.offsetLeft;
-      styleObj.transform = `translateX(calc(${offset}px + var(--hop-space-inset-sm)))`;
-      styleObj.width = `calc(${selectedTab.offsetWidth}px - 2 * var(--hop-space-inset-sm))`;
-      setStyle(styleObj);
-    }
-  }, [setStyle, selectedTab]);
-  useEffect(() => {
-    window.addEventListener("resize", onResize, false);
-    return () => {
-      window.removeEventListener("resize", onResize, false);
-    };
-  }, [onResize]);
-  useLayoutEffect(() => {
-    onResize();
-  }, [onResize, (_a = state == null ? void 0 : state.selectedItem) == null ? void 0 : _a.key]);
-  const classNames = clsx(
-    GlobalTabLineCssSelector,
-    cssModule(
-      TabLine_module_default,
-      "hop-TabLine",
-      isDisabled && "disabled"
-    )
-  );
-  return /* @__PURE__ */ jsx("div", { style: { ...style }, className: classNames });
-}
-function isAllTabsDisabled(collection, disabledKeys) {
-  var _a, _b;
-  let testKey = null;
-  if (collection && collection.size > 0) {
-    testKey = collection.getFirstKey();
-    let index = 0;
-    while (testKey && index < collection.size) {
-      if (!disabledKeys.has(testKey) && !((_b = (_a = collection.getItem(testKey)) == null ? void 0 : _a.props) == null ? void 0 : _b.isDisabled)) {
-        return false;
-      }
-      testKey = collection.getKeyAfter(testKey);
-      index++;
-    }
-    return true;
-  }
-  return false;
-}
-
-export { GlobalTabLineCssSelector, TabLine };

package/dist/chunk-RCJYVQME.js

@@ -1,114 +0,0 @@
-import { useSlot } from './chunk-H5YTU3U7.js';
-import { LinkButtonContext } from './chunk-3UQFC2NQ.js';
-import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-UZLOWYWR.js';
-import { useFormProps } from './chunk-W3P5KKNN.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 { forwardRef } from 'react';
-import { useContextProps, composeRenderProps, DEFAULT_SLOT, Link } from 'react-aria-components';
-import { jsx } from 'react/jsx-runtime';
-
-// css-module:./LinkButton.module.css#css-module
-var LinkButton_module_default = { "hop-LinkButton": "LinkButton-module__hop-LinkButton___PeVfo Button-module__hop-Button___YCe-2", "hop-LinkButton--fluid": "LinkButton-module__hop-LinkButton--fluid___t5Yxk Button-module__hop-Button--fluid___wgd9m", "hop-LinkButton--sm": "LinkButton-module__hop-LinkButton--sm___rSXY8 Button-module__hop-Button--sm___MAD9T", "hop-LinkButton--icon-only": "LinkButton-module__hop-LinkButton--icon-only___lBIHP Button-module__hop-Button--icon-only___P2zDm", "hop-LinkButton--primary": "LinkButton-module__hop-LinkButton--primary___lxmg4 Button-module__hop-Button--primary___O-LuI", "hop-LinkButton--secondary": "LinkButton-module__hop-LinkButton--secondary___hUSmS Button-module__hop-Button--secondary___EDYA0", "hop-LinkButton--upsell": "LinkButton-module__hop-LinkButton--upsell___J-JQT Button-module__hop-Button--upsell___47s0q", "hop-LinkButton--danger": "LinkButton-module__hop-LinkButton--danger___L0HBT Button-module__hop-Button--danger___TWFse", "hop-LinkButton--ghost-primary": "LinkButton-module__hop-LinkButton--ghost-primary___PQ8e2 Button-module__hop-Button--ghost-primary___3z5-c", "hop-LinkButton--ghost-secondary": "LinkButton-module__hop-LinkButton--ghost-secondary___vAhj- Button-module__hop-Button--ghost-secondary___-4DTH", "hop-LinkButton--ghost-danger": "LinkButton-module__hop-LinkButton--ghost-danger___V389z Button-module__hop-Button--ghost-danger___xLbkb", "hop-LinkButton__Spinner": "LinkButton-module__hop-LinkButton__Spinner___4xX7d Button-module__hop-Button__Spinner___p9Y4H", "hop-LinkButton__icon": "LinkButton-module__hop-LinkButton__icon___cpbvG Button-module__hop-Button__icon___Da8Lt", "hop-LinkButton__icon-list": "LinkButton-module__hop-LinkButton__icon-list___V7mDu Button-module__hop-Button__icon___Da8Lt", "hop-LinkButton__text": "LinkButton-module__hop-LinkButton__text___NyRRc Button-module__hop-Button__text___L-BHP", "hop-LinkButton__end-icon": "LinkButton-module__hop-LinkButton__end-icon___9KLiz Button-module__hop-Button__end-icon___Tv-6-", "hop-LinkButton__end-icon-list": "LinkButton-module__hop-LinkButton__end-icon-list___86-Q8 Button-module__hop-Button__end-icon___Tv-6-" };
-var GlobalLinkButtonCssSelector = "hop-LinkButton";
-function LinkButton(props, ref) {
-  var _a, _b;
-  [props, ref] = useContextProps(props, ref, LinkButtonContext);
-  props = useFormProps(props);
-  const { stylingProps, ...ownProps } = useStyledSystem(props);
-  const {
-    className,
-    children: childrenProp,
-    size: sizeProp,
-    isExternal,
-    rel,
-    target,
-    isFluid: isFluidProp,
-    variant = "primary",
-    style: styleProp,
-    ...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,
-    GlobalLinkButtonCssSelector,
-    cssModule(
-      LinkButton_module_default,
-      "hop-LinkButton",
-      variant,
-      size,
-      isFluid && "fluid",
-      !hasText && "icon-only"
-    ),
-    stylingProps.className
-  );
-  const style = composeRenderProps(styleProp, (prev) => {
-    return {
-      ...stylingProps.style,
-      ...prev
-    };
-  });
-  const children = composeRenderProps(childrenProp, (prev) => {
-    return ensureTextWrapper(prev);
-  });
-  return /* @__PURE__ */ jsx(
-    SlotProvider,
-    {
-      values: [
-        [IconListContext, {
-          slots: {
-            [DEFAULT_SLOT]: {
-              size,
-              className: LinkButton_module_default["hop-LinkButton__icon-list"]
-            },
-            "end-icon": {
-              size,
-              className: LinkButton_module_default["hop-LinkButton__end-icon-list"]
-            }
-          }
-        }],
-        [IconContext, {
-          slots: {
-            [DEFAULT_SLOT]: {
-              size,
-              className: LinkButton_module_default["hop-LinkButton__icon"]
-            },
-            "end-icon": {
-              size,
-              className: LinkButton_module_default["hop-LinkButton__end-icon"]
-            }
-          }
-        }],
-        [TextContext, {
-          className: LinkButton_module_default["hop-LinkButton__text"],
-          size,
-          ref: textRef
-        }]
-      ],
-      children: /* @__PURE__ */ jsx(
-        Link,
-        {
-          ref,
-          rel: rel != null ? rel : isExternal ? "noopener noreferrer" : void 0,
-          target: target != null ? target : isExternal ? "_blank" : void 0,
-          className: classNames,
-          style,
-          slot: props.slot || void 0,
-          ...otherProps,
-          children
-        }
-      )
-    }
-  );
-}
-var _LinkButton = slot("button", forwardRef(LinkButton));
-_LinkButton.displayName = "LinkButton";
-
-export { GlobalLinkButtonCssSelector, _LinkButton };

package/dist/chunk-RE6VSXSN.js

@@ -1,87 +0,0 @@
-import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
-import { LinkButtonContext } from './chunk-3UQFC2NQ.js';
-import { ButtonContext } from './chunk-WMTWFKKP.js';
-import { SlotProvider } from './chunk-M36KANKC.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
-import { slot, useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
-import { filterDOMProps } from '@react-aria/utils';
-import clsx from 'clsx';
-import { forwardRef } from 'react';
-import { useContextProps } from 'react-aria-components';
-import { jsx } from 'react/jsx-runtime';
-
-// css-module:./ButtonGroup.module.css#css-module
-var ButtonGroup_module_default = { "hop-ButtonGroup": "ButtonGroup-module__hop-ButtonGroup___rbZ5J", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___VnEeB", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___fYoSG", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___RdI-G", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___qXDOJ", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___Vk86D", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___VCRo8", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___jhEgD" };
-var GlobalButtonGroupCssSelector = "hop-ButtonGroup";
-function ButtonGroup(props, ref) {
-  var _a, _b, _c, _d;
-  [props, ref] = useContextProps(props, ref, ButtonGroupContext);
-  const { stylingProps, ...ownProps } = useStyledSystem(props);
-  const {
-    children,
-    size: sizeProp,
-    isFluid: isFluidProp,
-    isDisabled = false,
-    className,
-    align: alignProp,
-    style: styleProp,
-    orientation: orientationProp,
-    wrap: wrapProp,
-    ...otherProps
-  } = ownProps;
-  const align = useResponsiveValue(alignProp);
-  const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
-  const isFluid = (_b = useResponsiveValue(isFluidProp)) != null ? _b : false;
-  const wrap = (_c = useResponsiveValue(wrapProp)) != null ? _c : true;
-  const orientation = (_d = useResponsiveValue(orientationProp)) != null ? _d : "horizontal";
-  const classNames = clsx(
-    className,
-    GlobalButtonGroupCssSelector,
-    cssModule(
-      ButtonGroup_module_default,
-      "hop-ButtonGroup",
-      size,
-      align,
-      isFluid && "fluid",
-      wrap && "wrap",
-      orientation
-    ),
-    stylingProps.className
-  );
-  const style = {
-    ...stylingProps.style,
-    ...styleProp
-  };
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ...filterDOMProps(otherProps, { labelable: true }),
-      ref,
-      className: classNames,
-      style,
-      slot: props.slot || void 0,
-      children: /* @__PURE__ */ jsx(
-        SlotProvider,
-        {
-          values: [
-            [ButtonContext, {
-              size,
-              isDisabled,
-              isFluid
-            }],
-            [LinkButtonContext, {
-              size,
-              isDisabled,
-              isFluid
-            }]
-          ],
-          children
-        }
-      )
-    }
-  );
-}
-var _ButtonGroup = slot("button-group", forwardRef(ButtonGroup));
-_ButtonGroup.displayName = "ButtonGroup";
-
-export { GlobalButtonGroupCssSelector, _ButtonGroup };