@hopper-ui/components 1.5.11 → 1.5.13

package/dist/checkbox/src/index.js

@@ -1,31 +1,26 @@
-export { _Checkbox as Checkbox, GlobalCheckboxCssSelector } from '../../chunk-HY4S7KLE.js';
-export { _CheckboxField as CheckboxField, GlobalCheckboxFieldCssSelector } from '../../chunk-U7FQMFRH.js';
-export { _CheckboxGroup as CheckboxGroup, GlobalCheckboxGroupCssSelector } from '../../chunk-RGFDCL23.js';
-export { CheckboxFieldContext } from '../../chunk-ZGNK4GWA.js';
+export { _CheckboxGroup as CheckboxGroup, GlobalCheckboxGroupCssSelector } from '../../chunk-W5LSA7PK.js';
 export { CheckboxGroupContext } from '../../chunk-N7YDPVZL.js';
-export { _DecorativeCheckbox as DecorativeCheckbox, GlobalDecorativeCheckboxCssSelector } from '../../chunk-V4GE24KV.js';
+import '../../chunk-SA322LHS.js';
+import '../../chunk-YVCZUIU3.js';
+import '../../chunk-HANWII4T.js';
+import '../../chunk-PNEJ6JDM.js';
+import '../../chunk-CFXK2ZSA.js';
+import '../../chunk-FV74YT2D.js';
+export { _DecorativeCheckbox as DecorativeCheckbox, GlobalDecorativeCheckboxCssSelector } from '../../chunk-2O2NCTBM.js';
+export { _Checkbox as Checkbox, GlobalCheckboxCssSelector } from '../../chunk-FFSXWRQ4.js';
+export { _CheckboxField as CheckboxField, GlobalCheckboxFieldCssSelector } from '../../chunk-26SAFLH2.js';
+export { CheckboxFieldContext } from '../../chunk-ZGNK4GWA.js';
 export { CheckboxContext } from '../../chunk-2EAZPH3M.js';
-import '../../chunk-JI5YG2S7.js';
-import '../../chunk-HZKFQ33E.js';
-import '../../chunk-5IJHCQKL.js';
-import '../../chunk-FAE27DLF.js';
-import '../../chunk-DHVVYSLB.js';
-import '../../chunk-UZLOWYWR.js';
-import '../../chunk-ZWU6DRRZ.js';
-import '../../chunk-DBIN32YS.js';
-import '../../chunk-CTPAX3QF.js';
-import '../../chunk-GLWSAOI7.js';
-import '../../chunk-QCA3ZR56.js';
-import '../../chunk-75DHKNW2.js';
-import '../../chunk-TXZ6BMFR.js';
-import '../../chunk-W3P5KKNN.js';
-import '../../chunk-Q7NXUUB3.js';
-import '../../chunk-OSMU4XR4.js';
-import '../../chunk-WPNVVGFW.js';
-import '../../chunk-WXLTW6WM.js';
-import '../../chunk-ZMIX3DJQ.js';
-import '../../chunk-X6SER3TZ.js';
 import '../../chunk-2NSUMKNH.js';
+import '../../chunk-GBWXEK6N.js';
+import '../../chunk-YMTZYK3U.js';
+import '../../chunk-UYYHPXUH.js';
+import '../../chunk-75DHKNW2.js';
+import '../../chunk-WPIH4OAE.js';
+import '../../chunk-ZWU6DRRZ.js';
+import '../../chunk-LKH3JL3P.js';
+import '../../chunk-WJ55ZV54.js';
+import '../../chunk-ZNOU2CGM.js';
 import '../../chunk-65JPI4FL.js';
 import '../../chunk-M36KANKC.js';
 import '../../chunk-KVDXQMWI.js';

package/dist/chunk-26SAFLH2.js

@@ -0,0 +1,103 @@
+import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
+import { CheckboxContext } from './chunk-2EAZPH3M.js';
+import { useRenderProps } from './chunk-2NSUMKNH.js';
+import { useFormProps } from './chunk-YMTZYK3U.js';
+import { _Text } from './chunk-LKH3JL3P.js';
+import { ClearContainerSlots } from './chunk-WJ55ZV54.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { SlotProvider } from './chunk-M36KANKC.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import { useSlotId } from '@react-aria/utils';
+import { forwardRef } from 'react';
+import { mergeProps } from 'react-aria';
+import { useContextProps, composeRenderProps } from 'react-aria-components';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// css-module:./CheckboxField.module.css#css-module
+var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___--Jsq", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___ytl1t", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___S7RLP", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___UlM6N", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___LXfgS" };
+var GlobalCheckboxFieldCssSelector = "hop-CheckboxField";
+var CheckboxToDescriptionSizeAdapter = {
+  sm: "xs",
+  md: "sm"
+};
+function CheckboxField(props, ref) {
+  var _a;
+  [props, ref] = useContextProps(props, ref, CheckboxFieldContext);
+  props = useFormProps(props);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    description,
+    isDisabled,
+    size: sizeProp = "md",
+    style,
+    slot,
+    ...otherProps
+  } = ownProps;
+  const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
+  const classNames = composeClassnameRenderProps(
+    className,
+    GlobalCheckboxFieldCssSelector,
+    cssModule(
+      CheckboxField_module_default,
+      "hop-CheckboxField",
+      size
+    ),
+    stylingProps.className
+  );
+  const mergedStyles = composeRenderProps(style, (prev) => {
+    return {
+      ...stylingProps.style,
+      ...prev
+    };
+  });
+  const renderProps = useRenderProps({
+    ...props,
+    className: classNames,
+    style: mergedStyles,
+    values: {
+      isDisabled: isDisabled || false
+    }
+  });
+  const descriptionId = useSlotId([Boolean(description)]);
+  return /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsx(
+    SlotProvider,
+    {
+      values: [
+        [CheckboxContext, {
+          className: CheckboxField_module_default["hop-CheckboxField__checkbox"],
+          size,
+          isDisabled,
+          "aria-describedby": descriptionId
+        }]
+      ],
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref,
+          slot: slot != null ? slot : void 0,
+          "data-disabled": isDisabled,
+          ...mergeProps(renderProps, otherProps),
+          children: [
+            renderProps.children,
+            description && /* @__PURE__ */ jsx(
+              _Text,
+              {
+                id: descriptionId,
+                className: CheckboxField_module_default["hop-CheckboxField__description"],
+                size: CheckboxToDescriptionSizeAdapter[size],
+                slot: "description",
+                children: description
+              }
+            )
+          ]
+        }
+      )
+    }
+  ) });
+}
+var _CheckboxField = forwardRef(CheckboxField);
+_CheckboxField.displayName = "CheckboxField";
+
+export { GlobalCheckboxFieldCssSelector, _CheckboxField };

package/dist/chunk-27MSAOIK.js

@@ -0,0 +1,115 @@
+import { useIsOverflow } from './chunk-EHXOXTDN.js';
+import { AvatarContext } from './chunk-FA26RZSE.js';
+import { useRenderProps } from './chunk-2NSUMKNH.js';
+import { useLocalizedString } from './chunk-75DHKNW2.js';
+import { _Text } from './chunk-LKH3JL3P.js';
+import { ClearContainerSlots } from './chunk-WJ55ZV54.js';
+import { TextContext } from './chunk-ZNOU2CGM.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 { filterDOMProps } from '@react-aria/utils';
+import { forwardRef, useRef, useContext } from 'react';
+import { useContextProps, SelectValueContext, SelectStateContext, useSlottedContext, SelectContext, composeRenderProps, DEFAULT_SLOT } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+// css-module:./SelectValue.module.css#css-module
+var SelectValue_module_default = { "hop-SelectValue": "SelectValue-module__hop-SelectValue___vVhK3", "hop-SelectValue__text": "SelectValue-module__hop-SelectValue__text___hmbaS", "hop-SelectValue__avatar": "SelectValue-module__hop-SelectValue__avatar___9kISj", "hop-SelectValue__icon": "SelectValue-module__hop-SelectValue__icon___3BGwz", "hop-SelectValue__end-icon": "SelectValue-module__hop-SelectValue__end-icon___orcaX" };
+var GlobalSelectValueCssSelector = "hop-SelectValue";
+var SelectValueToAvatarSizeAdapter = {
+  sm: "xs",
+  md: "md"
+};
+function SelectValue(props, ref) {
+  var _a, _b, _c, _d;
+  [props, ref] = useContextProps(props, ref, SelectValueContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    size: sizeProp,
+    style: styleProp,
+    ...otherProps
+  } = ownProps;
+  const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "sm";
+  const textRef = useRef(null);
+  const refForOverflowCheck = textRef.current ? textRef : ref;
+  const isOverflow = useIsOverflow(refForOverflowCheck);
+  const state = useContext(SelectStateContext);
+  const { placeholder } = useSlottedContext(SelectContext);
+  const selectedItem = (state == null ? void 0 : state.selectedKey) != null ? state.collection.getItem(state.selectedKey) : null;
+  const stringFormatter = useLocalizedString();
+  const textValue = (_b = state == null ? void 0 : state.selectedItem) == null ? void 0 : _b.textValue;
+  const classNames = composeClassnameRenderProps(
+    className,
+    GlobalSelectValueCssSelector,
+    cssModule(
+      SelectValue_module_default,
+      "hop-SelectValue"
+    ),
+    stylingProps.className
+  );
+  const style = composeRenderProps(styleProp, (prev) => {
+    return {
+      ...stylingProps.style,
+      ...prev
+    };
+  });
+  const renderProps = useRenderProps({
+    ...otherProps,
+    className: classNames,
+    defaultChildren: textValue || placeholder || stringFormatter.format("Select.placeholder"),
+    style,
+    values: {
+      selectedItem: (_d = (_c = state == null ? void 0 : state.selectedItem) == null ? void 0 : _c.value) != null ? _d : null,
+      selectedText: textValue != null ? textValue : null,
+      isPlaceholder: !selectedItem
+    }
+  });
+  const DOMProps = filterDOMProps(ownProps);
+  return /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsx(
+    _Text,
+    {
+      ref,
+      ...DOMProps,
+      ...renderProps,
+      size,
+      title: isOverflow ? textValue : void 0,
+      "data-placeholder": !selectedItem || void 0,
+      children: /* @__PURE__ */ jsx(
+        SlotProvider,
+        {
+          values: [
+            [AvatarContext, {
+              className: SelectValue_module_default["hop-SelectValue__avatar"],
+              size: SelectValueToAvatarSizeAdapter[size]
+            }],
+            [TextContext, {
+              slot: "label",
+              className: SelectValue_module_default["hop-SelectValue__text"],
+              ref: textRef
+            }],
+            [IconContext, {
+              slots: {
+                [DEFAULT_SLOT]: {
+                  className: SelectValue_module_default["hop-SelectValue__icon"],
+                  size
+                },
+                "end-icon": {
+                  className: SelectValue_module_default["hop-SelectValue__end-icon"],
+                  size
+                }
+              }
+            }]
+          ],
+          children: renderProps.children
+        }
+      )
+    }
+  ) });
+}
+var _SelectValue = forwardRef(SelectValue);
+_SelectValue.displayName = "SelectValue";
+
+export { GlobalSelectValueCssSelector, _SelectValue };

package/dist/chunk-2O2NCTBM.js

@@ -0,0 +1,126 @@
+import { CheckboxContext } from './chunk-2EAZPH3M.js';
+import { useRenderProps } from './chunk-2NSUMKNH.js';
+import { IconListContext } from './chunk-GBWXEK6N.js';
+import { ensureTextWrapper } from './chunk-WPIH4OAE.js';
+import { ClearContainerSlots } from './chunk-WJ55ZV54.js';
+import { TextContext } from './chunk-ZNOU2CGM.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___p2bGT Checkbox-module__hop-Checkbox___DqcRn", "hop-DecorativeCheckbox--sm": "DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___ivNbI Checkbox-module__hop-Checkbox--sm___mEoAk", "hop-DecorativeCheckbox--md": "DecorativeCheckbox-module__hop-DecorativeCheckbox--md___f8N1y Checkbox-module__hop-Checkbox--md___GR7p3", "hop-DecorativeCheckbox__icon": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___Jr6i2 Checkbox-module__hop-Checkbox__icon___gyRpI", "hop-DecorativeCheckbox__icon-list": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___2n-JR Checkbox-module__hop-Checkbox__icon___gyRpI", "hop-DecorativeCheckbox__box": "DecorativeCheckbox-module__hop-DecorativeCheckbox__box___mUX34 Checkbox-module__hop-Checkbox__box___gE0ae", "hop-DecorativeCheckbox__check": "DecorativeCheckbox-module__hop-DecorativeCheckbox__check___DoZ6K Checkbox-module__hop-Checkbox__check___e1PuA", "hop-DecorativeCheckbox__text": "DecorativeCheckbox-module__hop-DecorativeCheckbox__text___-XfT7 Checkbox-module__hop-Checkbox__text___9O6m-" };
+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-2OHC57EK.js

@@ -0,0 +1,49 @@
+import { DividerContext } from './chunk-AB4BRU6Z.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { useStyledSystem } from '@hopper-ui/styled-system';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+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___Pbig-", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___yITNw" };
+var GlobalDividerCssSelector = "hop-Divider";
+function Divider(props, ref) {
+  [props, ref] = useContextProps(props, ref, DividerContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    style,
+    orientation,
+    ...otherProps
+  } = ownProps;
+  const classNames = clsx(
+    GlobalDividerCssSelector,
+    cssModule(
+      Divider_module_default,
+      "hop-Divider",
+      orientation
+    ),
+    stylingProps.className,
+    className
+  );
+  const mergedStyles = {
+    ...stylingProps.style,
+    ...style
+  };
+  return /* @__PURE__ */ jsx(
+    Separator,
+    {
+      ref,
+      className: classNames,
+      style: mergedStyles,
+      orientation,
+      ...otherProps
+    }
+  );
+}
+var _Divider = forwardRef(Divider);
+_Divider.displayName = "Divider";
+
+export { GlobalDividerCssSelector, _Divider };

package/dist/chunk-336PKPIF.js

@@ -0,0 +1,82 @@
+import { ToggleArrowContext } from './chunk-LWPDIKEX.js';
+import { DisclosureHeaderContext } from './chunk-CPAFY34U.js';
+import { DisclosureContext } from './chunk-U4HRZ6DN.js';
+import { DisclosurePanelContext } from './chunk-5XY5L6ZN.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 clsx from 'clsx';
+import { forwardRef } from 'react';
+import { useContextProps, useSlottedContext, composeRenderProps, Disclosure as Disclosure$1 } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+// css-module:./Disclosure.module.css#css-module
+var Disclosure_module_default = { "hop-Disclosure": "Disclosure-module__hop-Disclosure___EgxOK", "hop-Disclosure__header": "Disclosure-module__hop-Disclosure__header___I1IOx", "hop-Disclosure--inline": "Disclosure-module__hop-Disclosure--inline___rdfzJ", "hop-Disclosure__panel": "Disclosure-module__hop-Disclosure__panel___rp4y8" };
+var GlobalDisclosureCssSelector = "hop-Disclosure";
+function Disclosure(props, ref) {
+  [props, ref] = useContextProps(props, ref, DisclosureContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    children: childrenProp,
+    style: styleProp,
+    variant = "standalone",
+    ...otherProps
+  } = ownProps;
+  const disclosureHeaderCtx = useSlottedContext(DisclosureHeaderContext);
+  const disclosurePanelCtx = useSlottedContext(DisclosurePanelContext);
+  const classNames = composeClassnameRenderProps(
+    className,
+    GlobalDisclosureCssSelector,
+    cssModule(
+      Disclosure_module_default,
+      "hop-Disclosure",
+      variant
+    ),
+    stylingProps.className
+  );
+  const style = composeRenderProps(styleProp, (prev) => {
+    return {
+      ...stylingProps.style,
+      ...prev
+    };
+  });
+  const children = composeRenderProps(childrenProp, (prev) => {
+    return prev;
+  });
+  return /* @__PURE__ */ jsx(
+    Disclosure$1,
+    {
+      ref,
+      className: classNames,
+      style,
+      ...otherProps,
+      children: (disclosureRenderProps) => /* @__PURE__ */ jsx(
+        SlotProvider,
+        {
+          values: [
+            [DisclosureContext, {
+              isDisabled: disclosureRenderProps.isDisabled,
+              variant
+            }],
+            [DisclosureHeaderContext, {
+              className: clsx(disclosureHeaderCtx == null ? void 0 : disclosureHeaderCtx.className, Disclosure_module_default["hop-Disclosure__header"])
+            }],
+            [DisclosurePanelContext, {
+              className: clsx(disclosurePanelCtx == null ? void 0 : disclosurePanelCtx.className, Disclosure_module_default["hop-Disclosure__panel"])
+            }],
+            [ToggleArrowContext, {
+              isExpanded: disclosureRenderProps.isExpanded
+            }]
+          ],
+          children: children(disclosureRenderProps)
+        }
+      )
+    }
+  );
+}
+var _Disclosure = forwardRef(Disclosure);
+_Disclosure.displayName = "Disclosure";
+
+export { GlobalDisclosureCssSelector, _Disclosure };

package/dist/chunk-3B2PUC6W.js

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