@hopper-ui/components 1.4.13 → 1.5.1

package/dist/{chunk-6GO6ESPS.js → chunk-V27OY74S.js}

@@ -12,7 +12,7 @@ import { useContextProps, useSlottedContext, composeRenderProps, Disclosure as D
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Disclosure.module.css#css-module
-var Disclosure_module_default = { "hop-Disclosure": "Disclosure-module__hop-Disclosure___Nqbst", "hop-Disclosure__header": "Disclosure-module__hop-Disclosure__header___IqWol", "hop-Disclosure--inline": "Disclosure-module__hop-Disclosure--inline___BQo9C", "hop-Disclosure__panel": "Disclosure-module__hop-Disclosure__panel___vwBrS" };
+var Disclosure_module_default = { "hop-Disclosure": "Disclosure-module__hop-Disclosure___WOgqD", "hop-Disclosure__header": "Disclosure-module__hop-Disclosure__header___Xa07O", "hop-Disclosure--inline": "Disclosure-module__hop-Disclosure--inline___CA-pc", "hop-Disclosure__panel": "Disclosure-module__hop-Disclosure__panel___TUGzH" };
 var GlobalDisclosureCssSelector = "hop-Disclosure";
 function Disclosure(props, ref) {
   [props, ref] = useContextProps(props, ref, DisclosureContext);

package/dist/chunk-VZNJHDCF.js

@@ -0,0 +1,74 @@
+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___JKE0b", "hop-TabLine--disabled": "TabLine-module__hop-TabLine--disabled___d19De" };
+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-VV7FSQG3.js → chunk-WATUBU3Q.js}

@@ -1,8 +1,8 @@
-import { _ToggleArrow } from './chunk-G6BSMNGR.js';
-import { _Heading } from './chunk-POIB7WJX.js';
+import { _ToggleArrow } from './chunk-CJ265VTW.js';
+import { _Heading } from './chunk-PE2UQP74.js';
+import { TextContext } from './chunk-X6SER3TZ.js';
 import { DisclosureContext } from './chunk-MUAXK42C.js';
 import { DisclosureHeaderContext } from './chunk-GFRTCF4B.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';
@@ -14,7 +14,7 @@ import { useContextProps, DisclosureStateContext, useSlottedContext, composeRend
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./DisclosureHeader.module.css#css-module
-var DisclosureHeader_module_default = { "hop-DisclosureHeader": "DisclosureHeader-module__hop-DisclosureHeader___-h6Wt", "hop-DisclosureHeader__button": "DisclosureHeader-module__hop-DisclosureHeader__button___L4IPi", "hop-DisclosureHeader__button--inline": "DisclosureHeader-module__hop-DisclosureHeader__button--inline___NaX1m", "hop-DisclosureHeader__icon": "DisclosureHeader-module__hop-DisclosureHeader__icon___KNV0I", "hop-DisclosureHeader__title": "DisclosureHeader-module__hop-DisclosureHeader__title___dNZWC", "hop-DisclosureHeader__toggle-arrow": "DisclosureHeader-module__hop-DisclosureHeader__toggle-arrow___QvSCD" };
+var DisclosureHeader_module_default = { "hop-DisclosureHeader": "DisclosureHeader-module__hop-DisclosureHeader___Ywr1q", "hop-DisclosureHeader__button": "DisclosureHeader-module__hop-DisclosureHeader__button___tqBuV", "hop-DisclosureHeader__button--inline": "DisclosureHeader-module__hop-DisclosureHeader__button--inline___0zyLs", "hop-DisclosureHeader__icon": "DisclosureHeader-module__hop-DisclosureHeader__icon___mn4-9", "hop-DisclosureHeader__title": "DisclosureHeader-module__hop-DisclosureHeader__title___Ngumt", "hop-DisclosureHeader__toggle-arrow": "DisclosureHeader-module__hop-DisclosureHeader__toggle-arrow___oU9og" };
 var GlobalDisclosureHeaderCssSelector = "hop-DisclosureHeader";
 function DisclosureHeader(props, ref) {
   [props, ref] = useContextProps(props, ref, DisclosureHeaderContext);

package/dist/{chunk-ZUJ6KXDA.js → chunk-WTGN37WJ.js}

@@ -1,10 +1,10 @@
 import { CheckboxGroupContext } from './chunk-N7YDPVZL.js';
 import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
-import { _HelperMessage } from './chunk-XKG2DTMX.js';
-import { _ErrorMessage } from './chunk-ZABWFRCB.js';
-import { _Label } from './chunk-H4CNGCXD.js';
-import { useFormProps } from './chunk-U7OQMVV4.js';
+import { _ErrorMessage } from './chunk-UVAYZR6E.js';
+import { _HelperMessage } from './chunk-HX5DVM3I.js';
+import { _Label } from './chunk-3Z635COB.js';
+import { useFormProps } from './chunk-SYTIFS4W.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps, CheckboxGroup as CheckboxGroup$1 }
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./CheckboxGroup.module.css#css-module
-var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-CheckboxGroup___R9RR3", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___OKR9z", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___-PQ35", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___8puMS", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___MQxVz", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___B8keo", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___MVdlv", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___prYI0", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___qAm8K" };
+var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-CheckboxGroup___Y1RoM", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___WIuer", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___SBHD4", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___Ba6B5", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___hXVK9", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___j9-Of", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___iAlbI", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___n2TF9", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___tighp" };
 var GlobalCheckboxGroupCssSelector = "hop-CheckboxGroup";
 function CheckboxGroup(props, ref) {
   var _a, _b, _c;

package/dist/{chunk-VN23ZR4X.js → chunk-Y2XU5F7I.js}

@@ -1,5 +1,5 @@
-import { InternalTileContext } from './chunk-JTNKUYE5.js';
 import { TileGroupContext } from './chunk-3MTGAZ77.js';
+import { InternalTileContext } from './chunk-JTNKUYE5.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -8,7 +8,7 @@ import { useContextProps, composeRenderProps, ToggleButtonGroup, Provider } from
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./TileGroup.module.css#css-module
-var TileGroup_module_default = { "hop-TileGroup": "TileGroup-module__hop-TileGroup___h9e1i" };
+var TileGroup_module_default = { "hop-TileGroup": "TileGroup-module__hop-TileGroup___0EKFH" };
 var GlobalTileGroupCssSelector = "hop-TileGroup";
 var TileGroup = (props, ref) => {
   [props, ref] = useContextProps(props, ref, TileGroupContext);

package/dist/{chunk-YCCJKJBR.js → chunk-Y7RGTITH.js}

@@ -1,6 +1,6 @@
 import { InternalSegmentedControlContext } from './chunk-JHX5QEIH.js';
 import { SegmentedControlItemContext } from './chunk-TDKQPTN6.js';
-import { _Text } from './chunk-IKIWDGGT.js';
+import { _Text } from './chunk-ZJWJ7L2B.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { IconContext } from '@hopper-ui/icons';
@@ -11,7 +11,7 @@ import { useContextProps, ToggleGroupStateContext, ToggleButton, Provider, DEFAU
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./SegmentedControlItem.module.css#css-module
-var SegmentedControlItem_module_default = { "hop-SegmentedControlItem": "SegmentedControlItem-module__hop-SegmentedControlItem___QkHDr", "hop-SegmentedControlItem__slider": "SegmentedControlItem-module__hop-SegmentedControlItem__slider___ylUEe", "hop-SegmentedControlItem__wrapper": "SegmentedControlItem-module__hop-SegmentedControlItem__wrapper___fw7ER", "hop-SegmentedControlItem--md": "SegmentedControlItem-module__hop-SegmentedControlItem--md___9MNpY", "hop-SegmentedControlItem__icon": "SegmentedControlItem-module__hop-SegmentedControlItem__icon___NUH3I", "hop-SegmentedControlItem__text": "SegmentedControlItem-module__hop-SegmentedControlItem__text___qfw48", "hop-SegmentedControlItem__start-icon": "SegmentedControlItem-module__hop-SegmentedControlItem__start-icon___2bVLL", "hop-SegmentedControlItem--justified": "SegmentedControlItem-module__hop-SegmentedControlItem--justified___Z7axw" };
+var SegmentedControlItem_module_default = { "hop-SegmentedControlItem": "SegmentedControlItem-module__hop-SegmentedControlItem___CJGf1", "hop-SegmentedControlItem__slider": "SegmentedControlItem-module__hop-SegmentedControlItem__slider___ze1EL", "hop-SegmentedControlItem__wrapper": "SegmentedControlItem-module__hop-SegmentedControlItem__wrapper___m71E6", "hop-SegmentedControlItem--md": "SegmentedControlItem-module__hop-SegmentedControlItem--md___fwk8J", "hop-SegmentedControlItem__icon": "SegmentedControlItem-module__hop-SegmentedControlItem__icon___LfTtX", "hop-SegmentedControlItem__text": "SegmentedControlItem-module__hop-SegmentedControlItem__text___ZcZq9", "hop-SegmentedControlItem__start-icon": "SegmentedControlItem-module__hop-SegmentedControlItem__start-icon___ozeuR", "hop-SegmentedControlItem--justified": "SegmentedControlItem-module__hop-SegmentedControlItem--justified___D92Bc" };
 var GlobalSegmentedControlItemCssSelector = "hop-SegmentedControlItem";
 var SegmentedControlItem = (props, ref) => {
   var _a;

package/dist/chunk-YOMX6DZZ.js

@@ -0,0 +1,14 @@
+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-JPIQEUGC.js → chunk-YPFRE4CL.js}

@@ -19,7 +19,7 @@ import { useContextProps, composeRenderProps, Popover as Popover$1, Dialog } fro
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Popover.module.css#css-module
-var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___xLkHy", "fade": "Popover-module__fade___n-Z1N", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___vYaf1", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___IZBPf", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___76zs7", "hop-Popover__title": "Popover-module__hop-Popover__title___TUGPm", "hop-Popover__content": "Popover-module__hop-Popover__content___EAnEV", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___9meUl", "hop-Popover__footer": "Popover-module__hop-Popover__footer___lDNs-", "hop-Popover__actions": "Popover-module__hop-Popover__actions___3KT7S", "hop-Popover__action": "Popover-module__hop-Popover__action___qNKXd" };
+var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___neyZ5", "fade": "Popover-module__fade___5TgEv", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___4La6D", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___TXWyl", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___V0Zhj", "hop-Popover__title": "Popover-module__hop-Popover__title___Svre-", "hop-Popover__content": "Popover-module__hop-Popover__content___UysL-", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___fMvZ7", "hop-Popover__footer": "Popover-module__hop-Popover__footer___3vEeT", "hop-Popover__actions": "Popover-module__hop-Popover__actions___AnQbf", "hop-Popover__action": "Popover-module__hop-Popover__action___LOmsV" };
 var GlobalPopoverCssSelector = "hop-Popover";
 function Popover(props, ref) {
   var _a;

package/dist/{chunk-IKIWDGGT.js → chunk-ZJWJ7L2B.js}

@@ -1,6 +1,6 @@
 import { TextContext } from './chunk-X6SER3TZ.js';
-import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
+import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { slot, useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
@@ -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___YfEHi", "hop-Text--xs": "Text-module__hop-Text--xs___j4xPi", "hop-Text--sm": "Text-module__hop-Text--sm___OXs98", "hop-Text--md": "Text-module__hop-Text--md___C8d9Q", "hop-Text--lg": "Text-module__hop-Text--lg___dKGEY", "hop-Text--xl": "Text-module__hop-Text--xl___0Qome", "hop-Text--2xl": "Text-module__hop-Text--2xl___oKkd6", "hop-Text--inherit": "Text-module__hop-Text--inherit___3w5j-" };
+var Text_module_default = { "hop-Text": "Text-module__hop-Text___-mq-9", "hop-Text--xs": "Text-module__hop-Text--xs___LWGGG", "hop-Text--sm": "Text-module__hop-Text--sm___6V-Xj", "hop-Text--md": "Text-module__hop-Text--md___Eiv6y", "hop-Text--lg": "Text-module__hop-Text--lg___OD24T", "hop-Text--xl": "Text-module__hop-Text--xl___odGR6", "hop-Text--2xl": "Text-module__hop-Text--2xl___V0Frb", "hop-Text--inherit": "Text-module__hop-Text--inherit___B6F-o" };
 var GlobalTextCssSelector = "hop-Text";
 function Text(props, ref) {
   [props, ref] = useContextProps(props, ref, TextContext);

package/dist/{chunk-EI72PCB2.js → chunk-ZNXY6WGS.js}

@@ -1,18 +1,18 @@
 import { useTruncatedText } from './chunk-Z57VHYOF.js';
 import { TextFieldContext } from './chunk-O4XPUINW.js';
-import { _RemainingCharacterCount } from './chunk-2VHFVBGS.js';
-import { _ClearButton } from './chunk-5IRNUDUF.js';
-import { _InputGroup } from './chunk-5FJYI4LW.js';
-import { Input } from './chunk-22KQXJXZ.js';
-import { _HelperMessage } from './chunk-XKG2DTMX.js';
-import { _ErrorMessage } from './chunk-ZABWFRCB.js';
-import { ensureTextWrapper } from './chunk-ZZ7W2CSK.js';
-import { _Label } from './chunk-H4CNGCXD.js';
-import { useFormProps } from './chunk-U7OQMVV4.js';
+import { _RemainingCharacterCount } from './chunk-5NSON22C.js';
+import { _ClearButton } from './chunk-4DM7I7HD.js';
+import { Input } from './chunk-EWPU3O4M.js';
+import { _InputGroup } from './chunk-5C6QSVAT.js';
+import { _ErrorMessage } from './chunk-UVAYZR6E.js';
+import { _HelperMessage } from './chunk-HX5DVM3I.js';
+import { ensureTextWrapper } from './chunk-3K67676Q.js';
+import { _Label } from './chunk-3Z635COB.js';
+import { useFormProps } from './chunk-SYTIFS4W.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
-import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
+import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { IconContext } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue, useIsomorphicLayoutEffect } from '@hopper-ui/styled-system';
@@ -25,7 +25,7 @@ import { useContextProps, composeRenderProps, TextField as TextField$1 } from 'r
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./TextField.module.css#css-module
-var TextField_module_default = { "hop-TextField": "TextField-module__hop-TextField___H7uLe", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___4BYtq", "hop-TextField__Label": "TextField-module__hop-TextField__Label___aKu3s", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___RDmx1", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___JTq6s", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___8hbHv", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___X6Mk0" };
+var TextField_module_default = { "hop-TextField": "TextField-module__hop-TextField___ekUBD", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___C17nV", "hop-TextField__Label": "TextField-module__hop-TextField__Label___vwzCL", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___g-sK7", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___l-3sE", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___bxebI", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___VBbFC" };
 var GlobalTextFieldCssSelector = "hop-TextField";
 function TextField(props, ref) {
   var _a;

package/dist/{chunk-XAUV6YNQ.js → chunk-ZXPYDQIQ.js}

@@ -7,7 +7,7 @@ import { useContextProps, Separator } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Divider.module.css#css-module
-var Divider_module_default = { "hop-Divider": "Divider-module__hop-Divider___O6MeI", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___oj2dm" };
+var Divider_module_default = { "hop-Divider": "Divider-module__hop-Divider___kqzbX", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___U2Mtv" };
 var GlobalDividerCssSelector = "hop-Divider";
 function Divider(props, ref) {
   [props, ref] = useContextProps(props, ref, DividerContext);