@procore/core-react 11.3.0-rc.1 → 11.3.0-rc.4

package/dist/NextMenu/NextMenu.js

@@ -9,8 +9,20 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import React from 'react';
 import { GroupedVirtuoso, Virtuoso } from 'react-virtuoso';
+import { defaultMenuHeight, optionMinHeight, StyledOptions, } from './NextMenu.styles';
 import { NextMenuGroup, NextMenuItem } from './NextMenuItem';
 /**
  * Defines how menu item will be rendered
@@ -40,6 +52,24 @@ export var getGroupCounts = function (items_, groups_, getItemGroupId) {
         return groupedItems.length;
     });
 };
+/**
+ * Get the height of the item list, used to make menu grow to size of item list
+ * (or to a max height if applied by implementer) with a minimum of 32px
+ * @param height;
+ * @returns number
+ */
+function calculateHeight(height) {
+    return Math.max(height, optionMinHeight);
+}
+var Options = React.forwardRef(function (props, ref) {
+    return React.createElement(StyledOptions, __assign({ ref: ref }, props));
+});
+var flatComponents = { Item: NextMenuItem, List: Options };
+var groupedComponents = {
+    Group: NextMenuGroup,
+    Item: NextMenuItem,
+    List: Options,
+};
 /**
  Menus are used in conjunction with components that contain dropdowns.
  For example, multi select, single select, and dropdown.
@@ -48,19 +78,25 @@ export var getGroupCounts = function (items_, groups_, getItemGroupId) {
  @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/coverage-nextmenu--with-groups)
  @see [Design Guidelines](https://design.procore.com/menu)
  */
-export var NextMenu = React.forwardRef(function (props, menuRef) {
-    var _a;
-    if (!((_a = props.groups) === null || _a === void 0 ? void 0 : _a.length)) {
-        return React.createElement(NextMenuFlat, __assign({}, props));
+export var NextMenu = React.forwardRef(function (_a, menuRef) {
+    var _b;
+    var style = _a.style, props = __rest(_a, ["style"]);
+    var _c = React.useState(defaultMenuHeight), adjustedHeight = _c[0], setAdjustedHeight = _c[1];
+    if (!((_b = props.groups) === null || _b === void 0 ? void 0 : _b.length)) {
+        return (React.createElement(NextMenuFlat, __assign({ ref: menuRef, style: __assign({ height: adjustedHeight, minHeight: optionMinHeight }, style), totalListHeightChanged: function (height) {
+                return setAdjustedHeight(calculateHeight(height));
+            } }, props)));
     }
-    return React.createElement(NextMenuGrouped, __assign({}, props));
+    return (React.createElement(NextMenuGrouped, __assign({ ref: menuRef, style: __assign({ height: adjustedHeight, minHeight: optionMinHeight }, style), totalListHeightChanged: function (height) {
+            return setAdjustedHeight(calculateHeight(height));
+        } }, props)));
 });
 /**
  * Flat version of menu list
  * */
 export var NextMenuFlat = React.forwardRef(function (_a, menuRef) {
-    var items = _a.items, menuItemRenderer = _a.menuItemRenderer;
-    return (React.createElement(Virtuoso, { ref: menuRef, data: items, style: { height: '500px' }, itemContent: menuItemRenderer, components: { Item: NextMenuItem } }));
+    var items = _a.items, menuItemRenderer = _a.menuItemRenderer, style = _a.style, totalListHeightChanged = _a.totalListHeightChanged;
+    return (React.createElement(Virtuoso, { components: flatComponents, data: items, itemContent: menuItemRenderer, ref: menuRef, style: style, totalListHeightChanged: totalListHeightChanged }));
 });
 /**
  * Grouped version of menu list
@@ -68,10 +104,10 @@ export var NextMenuFlat = React.forwardRef(function (_a, menuRef) {
  * @see getGroupCounts
  * */
 export var NextMenuGrouped = React.forwardRef(function (props, menuRef) {
-    var children = props.children, items = props.items, _a = props.groups, groups = _a === void 0 ? [] : _a, _b = props.getItemGroupId, getItemGroupId = _b === void 0 ? function () { return -1; } : _b, _c = props.menuItemRenderer, menuItemRenderer = _c === void 0 ? groups.length
+    var children = props.children, _a = props.getItemGroupId, getItemGroupId = _a === void 0 ? function () { return -1; } : _a, _b = props.groupHeaderRenderer, groupHeaderRenderer = _b === void 0 ? defaultGroupHeaderRenderer : _b, _c = props.groups, groups = _c === void 0 ? [] : _c, items = props.items, _d = props.menuItemRenderer, menuItemRenderer = _d === void 0 ? groups.length
         ? defaultGroupedMenuItemRenderer
-        : defaultMenuItemRenderer : _c, _d = props.groupHeaderRenderer, groupHeaderRenderer = _d === void 0 ? defaultGroupHeaderRenderer : _d, onSelect_ = props.onSelect;
+        : defaultMenuItemRenderer : _d, onSelect_ = props.onSelect, style = props.style, totalListHeightChanged = props.totalListHeightChanged;
     var groupCounts = getGroupCounts(items, groups, getItemGroupId);
-    return (React.createElement(GroupedVirtuoso, { ref: menuRef, groupCounts: groupCounts, style: { height: '500px' }, groupContent: groupHeaderRenderer, itemContent: menuItemRenderer, components: { Group: NextMenuGroup, Item: NextMenuItem } }));
+    return (React.createElement(GroupedVirtuoso, { components: groupedComponents, groupContent: groupHeaderRenderer, groupCounts: groupCounts, itemContent: menuItemRenderer, ref: menuRef, style: style, totalListHeightChanged: totalListHeightChanged }));
 });
 //# sourceMappingURL=NextMenu.js.map

package/dist/NextMenu/NextMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"NextMenu.js","sourceRoot":"","sources":["../../src/NextMenu/NextMenu.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"NextMenu.js","sourceRoot":"","sources":["../../src/NextMenu/NextMenu.tsx"],"names":[],"mappings":"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"}

package/dist/NextMenu/NextMenu.styles.d.ts

@@ -0,0 +1,6 @@
+export declare const optionMinHeight = 32;
+/** Large enough to fit one group and one item */
+export declare const defaultMenuHeight = 64;
+export declare const StyledOptions: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledItem: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledGroup: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/NextMenu/NextMenu.styles.js

@@ -0,0 +1,14 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled from 'styled-components';
+import { getTypographyIntent, typographyWeights, } from '../Typography/Typography.styles';
+export var optionMinHeight = 32;
+/** Large enough to fit one group and one item */
+export var defaultMenuHeight = 64;
+export var StyledOptions = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
+export var StyledItem = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", ";\n\n  cursor: pointer;\n  list-style-type: none;\n"], ["\n  ", ";\n\n  cursor: pointer;\n  list-style-type: none;\n"])), getTypographyIntent('body'));
+export var StyledGroup = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", ";\n  font-weight: ", ";\n  background: white;\n  list-style-type: none;\n"], ["\n  ", ";\n  font-weight: ", ";\n  background: white;\n  list-style-type: none;\n"])), getTypographyIntent('body'), typographyWeights.semibold);
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=NextMenu.styles.js.map

package/dist/NextMenu/NextMenu.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NextMenu.styles.js","sourceRoot":"","sources":["../../src/NextMenu/NextMenu.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EACL,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,iCAAiC,CAAA;AAExC,MAAM,CAAC,IAAM,eAAe,GAAG,EAAE,CAAA;AACjC,iDAAiD;AACjD,MAAM,CAAC,IAAM,iBAAiB,GAAG,EAAE,CAAA;AAEnC,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,qEAAA,EAAE,IAAA,CAAA;AAEzC,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,gIAAA,MAChC,EAA2B,qDAI9B,KAJG,mBAAmB,CAAC,MAAM,CAAC,CAI9B,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,sJAAA,MACjC,EAA2B,oBACd,EAA0B,qDAG1C,KAJG,mBAAmB,CAAC,MAAM,CAAC,EACd,iBAAiB,CAAC,QAAQ,CAG1C,CAAA"}

package/dist/NextMenu/NextMenuItem.js

@@ -10,16 +10,17 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import React from 'react';
+import { StyledGroup, StyledItem } from './NextMenu.styles';
 /**
  *  Default representation of item in menu
  * */
 export var NextMenuItem = React.forwardRef(function (props, ref) {
-    return React.createElement("div", __assign({ ref: ref }, props));
+    return React.createElement(StyledItem, __assign({ ref: ref }, props));
 });
 /**
  *  Default representation of group with items in menu
  * */
 export var NextMenuGroup = React.forwardRef(function (props, ref) {
-    return (React.createElement("div", __assign({ ref: ref }, props), props.children));
+    return (React.createElement(StyledGroup, __assign({ ref: ref }, props), props.children));
 });
 //# sourceMappingURL=NextMenuItem.js.map

package/dist/NextMenu/NextMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"NextMenuItem.js","sourceRoot":"","sources":["../../src/NextMenu/NextMenuItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB;;KAEK;AACL,MAAM,CAAC,IAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAG1C,UAAC,KAAK,EAAE,GAAG;IACX,OAAO,sCAAK,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CAAA;AACrC,CAAC,CAAC,CAAA;AAEF;;KAEK;AACL,MAAM,CAAC,IAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAG3C,UAAC,KAAK,EAAE,GAAG;IACX,OAAO,CACL,sCAAK,GAAG,EAAE,GAAG,IAAM,KAAK,GACrB,KAAK,CAAC,QAAQ,CACX,CACP,CAAA;AACH,CAAC,CAAC,CAAA"}
+{"version":3,"file":"NextMenuItem.js","sourceRoot":"","sources":["../../src/NextMenu/NextMenuItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAG3D;;KAEK;AACL,MAAM,CAAC,IAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAG1C,UAAC,KAAK,EAAE,GAAG;IACX,OAAO,oBAAC,UAAU,aAAC,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CAAA;AAC5C,CAAC,CAAC,CAAA;AAEF;;KAEK;AACL,MAAM,CAAC,IAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAG3C,UAAC,KAAK,EAAE,GAAG;IACX,OAAO,CACL,oBAAC,WAAW,aAAC,GAAG,EAAE,GAAG,IAAM,KAAK,GAC7B,KAAK,CAAC,QAAQ,CACH,CACf,CAAA;AACH,CAAC,CAAC,CAAA"}

package/dist/Overlay/Overlay.d.ts

@@ -9,6 +9,7 @@ export interface OverlayProps extends AnchorProps {
      * @since 10.19.0
      */
     container?: HTMLElement;
+    arrow?: boolean;
 }
 /**
  * @deprecatedSince 11

package/dist/Overlay/Overlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"Overlay.js","sourceRoot":"","sources":["../../src/Overlay/Overlay.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,MAAM,EAAe,MAAM,kBAAkB,CAAA;AAatD;;;GAGG;AACH,MAAM,CAAC,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CACrC,SAAS,OAAO,CACd,EASC,EACD,UAAU;QATR,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EACd,QAAQ,cAAA,EACR,eAAW,EAAX,OAAO,mBAAG,CAAC,KAAA,EACX,iBAAoB,EAApB,SAAS,mBAAG,QAAQ,KAAA,EACpB,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,SAAS,eAAA,EACT,SAAS,eAAA,EACT,QAAQ,cAAA;IAIV,IAAM,GAAG;IACP,sDAAsD;IACrD,UAA2C,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IAEpE,OAAO,CACL,oBAAC,MAAM,IAAC,SAAS,EAAE,SAAS;QAC1B,oBAAC,MAAM,eACD;YACF,OAAO,SAAA;YACP,YAAY,EAAE,CAAC,QAAQ,CAAC;YACxB,QAAQ,EAAE,UAAC,MAAM;gBACf,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE;oBAChB,OAAM;iBACP;gBAED,IAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;gBACpC,IAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;gBAElC,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,kCAA2B,IAAI,iBAAO,GAAG,QAAK,CAAA;YAC9E,CAAC;YACD,UAAU,EAAE,GAAG;YACf,OAAO,SAAA;YACP,SAAS,WAAA;YACT,SAAS,WAAA;YACT,aAAa,eAAA;YACb,QAAQ,UAAA;SACT,GAEA,QAAQ,CACF,CACF,CACV,CAAA;AACH,CAAC,CACF,CAAA"}
+{"version":3,"file":"Overlay.js","sourceRoot":"","sources":["../../src/Overlay/Overlay.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,MAAM,EAAe,MAAM,kBAAkB,CAAA;AAetD;;;GAGG;AACH,MAAM,CAAC,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CACrC,SAAS,OAAO,CACd,EASC,EACD,UAAU;QATR,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EACd,QAAQ,cAAA,EACR,eAAW,EAAX,OAAO,mBAAG,CAAC,KAAA,EACX,iBAAoB,EAApB,SAAS,mBAAG,QAAQ,KAAA,EACpB,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,SAAS,eAAA,EACT,SAAS,eAAA,EACT,QAAQ,cAAA;IAIV,IAAM,GAAG;IACP,sDAAsD;IACrD,UAA2C,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IAEpE,OAAO,CACL,oBAAC,MAAM,IAAC,SAAS,EAAE,SAAS;QAC1B,oBAAC,MAAM,eACD;YACF,OAAO,SAAA;YACP,YAAY,EAAE,CAAC,QAAQ,CAAC;YACxB,QAAQ,EAAE,UAAC,MAAM;gBACf,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE;oBAChB,OAAM;iBACP;gBAED,IAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;gBACpC,IAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;gBAElC,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,kCAA2B,IAAI,iBAAO,GAAG,QAAK,CAAA;YAC9E,CAAC;YACD,UAAU,EAAE,GAAG;YACf,OAAO,SAAA;YACP,SAAS,WAAA;YACT,SAAS,WAAA;YACT,aAAa,eAAA;YACb,QAAQ,UAAA;SACT,GAEA,QAAQ,CACF,CACF,CACV,CAAA;AACH,CAAC,CACF,CAAA"}

package/dist/Overlay/OverlayArrow.d.ts

@@ -0,0 +1,11 @@
+import { MiddlewareData } from '@floating-ui/react-dom';
+import React from 'react';
+import { OverlayPlacement } from './useOverlay';
+interface ArrowProps {
+    placement: OverlayPlacement;
+    x?: number;
+    y?: number;
+    arrow: MiddlewareData['arrow'];
+}
+export declare const Arrow: React.ForwardRefExoticComponent<ArrowProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/Overlay/OverlayArrow.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { arrowSize, StyledArrow } from './OverlayArrow.styles';
+export var Arrow = React.forwardRef(function Arrow(_a, ref) {
+    var _b;
+    var _c, _d;
+    var placement = _a.placement, arrow = _a.arrow;
+    var staticSide = {
+        top: 'bottom',
+        right: 'left',
+        bottom: 'top',
+        left: 'right',
+    }[placement.split('-')[0]];
+    var arrowX = (_c = arrow === null || arrow === void 0 ? void 0 : arrow.x) !== null && _c !== void 0 ? _c : null;
+    var arrowY = (_d = arrow === null || arrow === void 0 ? void 0 : arrow.y) !== null && _d !== void 0 ? _d : null;
+    return (React.createElement(StyledArrow, { ref: ref, style: (_b = {
+                position: 'absolute',
+                left: arrowX !== null ? "".concat(arrowX, "px") : undefined,
+                top: arrowY !== null ? "".concat(arrowY, "px") : undefined,
+                right: '',
+                bottom: ''
+            },
+            _b[staticSide] = "-".concat(arrowSize / 2, "px"),
+            _b), "data-overlay-arrow": true }));
+});
+//# sourceMappingURL=OverlayArrow.js.map

package/dist/Overlay/OverlayArrow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayArrow.js","sourceRoot":"","sources":["../../src/Overlay/OverlayArrow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAU9D,MAAM,CAAC,IAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CACnC,SAAS,KAAK,CAAC,EAAoB,EAAE,GAAG;;;QAAvB,SAAS,eAAA,EAAE,KAAK,WAAA;IAC/B,IAAM,UAAU,GAAG;QACjB,GAAG,EAAE,QAAQ;QACb,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,OAAO;KACd,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IAE1B,IAAM,MAAM,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,CAAC,mCAAI,IAAI,CAAA;IAC/B,IAAM,MAAM,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,CAAC,mCAAI,IAAI,CAAA;IAE/B,OAAO,CACL,oBAAC,WAAW,IACV,GAAG,EAAE,GAAG,EACR,KAAK;gBACH,QAAQ,EAAE,UAAU;gBACpB,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,UAAG,MAAM,OAAI,CAAC,CAAC,CAAC,SAAS;gBACjD,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,UAAG,MAAM,OAAI,CAAC,CAAC,CAAC,SAAS;gBAChD,KAAK,EAAE,EAAE;gBACT,MAAM,EAAE,EAAE;;YACV,GAAC,UAAoB,IAAG,WAAI,SAAS,GAAG,CAAC,OAAI;8CAG/C,CACH,CAAA;AACH,CAAC,CACF,CAAA"}

package/dist/Overlay/OverlayArrow.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const arrowSize = 8;
+export declare const StyledArrow: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/Overlay/OverlayArrow.styles.js

@@ -0,0 +1,9 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled from 'styled-components';
+export var arrowSize = 8;
+export var StyledArrow = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  background: inherit;\n  width: ", "px;\n  height: ", "px;\n  transform: rotate(45deg);\n"], ["\n  position: absolute;\n  background: inherit;\n  width: ", "px;\n  height: ", "px;\n  transform: rotate(45deg);\n"])), arrowSize, arrowSize);
+var templateObject_1;
+//# sourceMappingURL=OverlayArrow.styles.js.map

package/dist/Overlay/OverlayArrow.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayArrow.styles.js","sourceRoot":"","sources":["../../src/Overlay/OverlayArrow.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,IAAM,SAAS,GAAG,CAAC,CAAA;AAE1B,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,wLAAA,4DAG1B,EAAS,iBACR,EAAS,oCAEpB,KAHU,SAAS,EACR,SAAS,CAEpB,CAAA"}

package/dist/Overlay/useOverlay.d.ts

@@ -0,0 +1,18 @@
+import { Middleware, MiddlewareData, offset, Placement as FloatingPlacement, ReferenceType } from '@floating-ui/react-dom';
+import { CSSProperties } from 'react';
+import { Placement } from '../_utils/placement';
+export declare type OverlayOffsetValue = Parameters<typeof offset>[0];
+export declare type OverlayRefType = (node: HTMLElement | null) => void;
+export declare type ReferenceRefType = (node: ReferenceType | null) => void;
+export declare type OverlayMiddleware = Middleware;
+export declare type OverlayPlacement = FloatingPlacement;
+export declare function useOverlay({ placement, middleware, }: {
+    placement: Placement;
+    middleware?: Middleware[];
+}): {
+    overlayRef: (node: HTMLElement | null) => void;
+    referenceRef: (node: ReferenceType | null) => void;
+    overlayStyle: CSSProperties;
+    middlewareData: MiddlewareData;
+    placement: OverlayPlacement;
+};

package/dist/Overlay/useOverlay.js

@@ -0,0 +1,23 @@
+import { autoUpdate, useFloating, } from '@floating-ui/react-dom';
+import { getPlacement } from '../_utils/placement';
+export function useOverlay(_a) {
+    var placement = _a.placement, middleware = _a.middleware;
+    var _b = useFloating({
+        strategy: 'fixed',
+        whileElementsMounted: autoUpdate,
+        placement: getPlacement(placement),
+        middleware: middleware,
+    }), middlewareData = _b.middlewareData, currentPlacement = _b.placement, referenceRef = _b.reference, overlayRef = _b.floating, x = _b.x, y = _b.y, strategy = _b.strategy;
+    return {
+        overlayStyle: {
+            left: "".concat(x, "px"),
+            top: "".concat(y, "px"),
+            position: strategy,
+        },
+        overlayRef: overlayRef,
+        referenceRef: referenceRef,
+        middlewareData: middlewareData,
+        placement: currentPlacement,
+    };
+}
+//# sourceMappingURL=useOverlay.js.map

package/dist/Overlay/useOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOverlay.js","sourceRoot":"","sources":["../../src/Overlay/useOverlay.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EAMV,WAAW,GACZ,MAAM,wBAAwB,CAAA;AAE/B,OAAO,EAAE,YAAY,EAAa,MAAM,qBAAqB,CAAA;AAY7D,MAAM,UAAU,UAAU,CAAC,EAM1B;QALC,SAAS,eAAA,EACT,UAAU,gBAAA;IAWJ,IAAA,KAQF,WAAW,CAAC;QACd,QAAQ,EAAE,OAAO;QACjB,oBAAoB,EAAE,UAAU;QAChC,SAAS,EAAE,YAAY,CAAC,SAAS,CAAC;QAClC,UAAU,YAAA;KACX,CAAC,EAZA,cAAc,oBAAA,EACH,gBAAgB,eAAA,EAChB,YAAY,eAAA,EACb,UAAU,cAAA,EACpB,CAAC,OAAA,EACD,CAAC,OAAA,EACD,QAAQ,cAMR,CAAA;IACF,OAAO;QACL,YAAY,EAAE;YACZ,IAAI,EAAE,UAAG,CAAC,OAAI;YACd,GAAG,EAAE,UAAG,CAAC,OAAI;YACb,QAAQ,EAAE,QAAQ;SACnB;QACD,UAAU,YAAA;QACV,YAAY,cAAA;QACZ,cAAc,gBAAA;QACd,SAAS,EAAE,gBAAgB;KAC5B,CAAA;AACH,CAAC"}

package/dist/OverlayTrigger/OverlayTrigger.d.ts

@@ -3,7 +3,8 @@ import { OverlayProps } from '../Overlay/Overlay';
 import { BeforeCallback } from '../_hooks/DelayedCallback';
 import { TriggerRenderProps } from '../_hooks/Trigger';
 import { VisibilityConfig } from '../_hooks/Visibility';
-declare type PickedOverlayProps = Pick<OverlayProps, 'canFlip' | 'padding' | 'placement' | 'shrinkOverlay'>;
+import { Placement } from '../_utils/placement';
+declare type PickedOverlayProps = Pick<OverlayProps, 'canFlip' | 'padding' | 'placement' | 'shrinkOverlay' | 'arrow'>;
 declare type PickedTriggerProps = Pick<TriggerRenderProps, 'children' | 'trigger'>;
 declare type PickedTriggerRenderProps = Pick<TriggerRenderProps, 'children'>;
 declare type PickedVisibilityProps = Pick<VisibilityConfig, 'afterHide' | 'afterShow' | 'initialIsVisible'>;
@@ -61,7 +62,29 @@ export interface OverlayTriggerProps extends PickedOverlayProps, PickedTriggerPr
      * @since 10.19.0
      */
     showKeys?: string[];
+    /**
+     * Toggles overlay visibility
+     * @since 11.2.0
+     */
+    overlayRef?: React.Ref<OverlayTriggerRef>;
 }
+export interface OverlayTriggerRef {
+    /**
+     * Show visibility
+     * @since 11.2.0
+     */
+    show: () => void;
+    /**
+     * Hide overlay
+     * @since 11.2.0
+     */
+    hide: () => void;
+}
+/**
+ * @deprecatedSince 11.2.0
+ * @deprecated To be replaced by OverlayTriggerProps#overlayRef in future release
+ */
+export declare type DeprecatedOverlayTriggerRef = HTMLElement;
 /**
 
  @since 10.19.0
@@ -78,4 +101,14 @@ export declare function useOverlayTriggerContext(): {
     show: (event: any) => any;
     toggle: (event: any) => any;
 };
+interface TriggerOverlayProps {
+    placement: Placement;
+    canFlip?: boolean;
+    arrow?: boolean;
+    padding: number;
+    shrinkOverlay: boolean;
+    overlay: React.ReactNode;
+    referenceElement: HTMLElement | null;
+}
+export declare const TriggerOverlay: React.ForwardRefExoticComponent<TriggerOverlayProps & React.RefAttributes<HTMLElement>>;
 export {};

package/dist/OverlayTrigger/OverlayTrigger.js

@@ -18,12 +18,17 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
+import { arrow as floatingArrow, flip as floatingFlip, limitShift, offset as floatingOffset, shift as floatingShift, size as floatingSize, } from '@floating-ui/react-dom';
 import React from 'react';
-import { Overlay } from '../Overlay/Overlay';
+import { Arrow } from '../Overlay/OverlayArrow';
+import { arrowSize } from '../Overlay/OverlayArrow.styles';
+import { useOverlay } from '../Overlay/useOverlay';
+import { Portal } from '../Portal';
 import { useClickOutside } from '../_hooks/ClickOutside';
-import { DelayedToggleContext, DelayedToggleProvider, useDelayedToggleContext, } from '../_hooks/DelayedToggle';
-import { Trigger } from '../_hooks/Trigger';
+import { DelayedToggleContext, useDelayedToggle, useDelayedToggleContext, } from '../_hooks/DelayedToggle';
+import { useTrigger } from '../_hooks/Trigger';
 import { useVisibility } from '../_hooks/Visibility';
+import { mergeRefs } from '../_utils/mergeRefs';
 var ClickOutside = function (_a) {
     var onClickOutside = _a.onClickOutside, refs = _a.refs;
     useClickOutside({
@@ -45,16 +50,21 @@ export var OverlayTrigger = React.forwardRef(function OverlayTrigger(_a, ref) {
         target: ['Escape', 'Esc'],
     } : _j, _k = _a.initialIsVisible, initialIsVisible = _k === void 0 ? false : _k, overlay = _a.overlay, _l = _a.padding, padding = _l === void 0 ? 2 : _l, _m = _a.placement, placement = _m === void 0 ? 'top' : _m, _o = _a.restoreFocusOnHide, restoreFocusOnHide = _o === void 0 ? true : _o, // TODO: change default to be false, but that is a breaking change
     _p = _a.showDelay, // TODO: change default to be false, but that is a breaking change
-    showDelay = _p === void 0 ? 0 : _p, _q = _a.showKeys, showKeys = _q === void 0 ? ['ArrowDown', 'Down'] : _q, _r = _a.shrinkOverlay, shrinkOverlay = _r === void 0 ? false : _r, _s = _a.trigger, trigger = _s === void 0 ? 'click' : _s;
-    var overlayRef = React.useRef(null);
-    var innerRef = React.useRef(null);
-    var targetRef = ref || innerRef;
+    showDelay = _p === void 0 ? 0 : _p, _q = _a.showKeys, showKeys = _q === void 0 ? ['ArrowDown', 'Down'] : _q, _r = _a.shrinkOverlay, shrinkOverlay = _r === void 0 ? false : _r, _s = _a.trigger, trigger = _s === void 0 ? 'click' : _s, _t = _a.arrow, arrow = _t === void 0 ? false : _t, overlayApiRef = _a.overlayRef;
+    var innerTriggerElRef = React.useRef(null);
+    var triggerElRef = ref || innerTriggerElRef;
+    var overlayElRef = React.useRef(null);
+    var _u = React.useState(null), referenceElement = _u[0], setReferenceElement = _u[1];
     var clickedOutsideRef = React.useRef(true);
     var visibility = useVisibility({
         afterHide: afterHide,
         afterShow: afterShow,
         initialIsVisible: initialIsVisible,
     });
+    React.useImperativeHandle(overlayApiRef, function () { return ({
+        show: visibility.show,
+        hide: visibility.hide,
+    }); });
     var triggers = React.useMemo(function () { return (Array.isArray(trigger) ? trigger : [trigger]); }, [trigger]);
     React.useEffect(function () {
         if (triggers.indexOf('none') >= 0 && visibility.isVisible) {
@@ -68,11 +78,11 @@ export var OverlayTrigger = React.forwardRef(function OverlayTrigger(_a, ref) {
         if (restoreFocusOnHide &&
             !visibility.isVisible &&
             !clickedOutsideRef.current) {
-            targetRef.current && targetRef.current.focus();
+            triggerElRef.current && triggerElRef.current.focus();
         }
         clickedOutsideRef.current = false;
-    }, [restoreFocusOnHide, targetRef, visibility.isVisible]);
-    return (React.createElement(DelayedToggleProvider, __assign({}, {
+    }, [restoreFocusOnHide, triggerElRef, visibility.isVisible]);
+    var delayedToggle = useDelayedToggle({
         beforeDisable: beforeHide,
         beforeEnable: beforeShow,
         disableDelay: hideDelay,
@@ -80,44 +90,45 @@ export var OverlayTrigger = React.forwardRef(function OverlayTrigger(_a, ref) {
         isEnabled: visibility.isVisible,
         onDisable: visibility.hide,
         onEnable: visibility.show,
-    }),
-        React.createElement(DelayedToggleContext.Consumer, null, function (_a) {
-            var enable = _a.enable, disable = _a.disable;
-            return (React.createElement(React.Fragment, null,
-                React.createElement(Trigger, __assign({}, {
-                    isEnabled: visibility.isVisible,
-                    enable: enable,
-                    disable: disable,
-                    enableKeys: showKeys,
-                    disableKeys: hideKeys.target,
-                    trigger: trigger,
-                    triggerRef: targetRef,
-                }), children),
-                visibility.isVisible && (React.createElement(React.Fragment, null,
-                    React.createElement(ClickOutside, __assign({}, {
-                        onClickOutside: function (event) {
-                            clickedOutsideRef.current = true;
-                            disable(event);
-                        },
-                        refs: __spreadArray([overlayRef, targetRef], clickOutsideIgnoreRefs, true),
-                    })),
-                    React.createElement(Trigger, __assign({}, {
-                        isEnabled: visibility.isVisible,
-                        enable: enable,
-                        disable: disable,
-                        disableKeys: hideKeys.overlay,
-                        trigger: trigger === 'click' ? 'none' : trigger,
-                        triggerRef: overlayRef,
-                    }),
-                        React.createElement(Overlay, __assign({}, {
-                            canFlip: canFlip,
-                            overlayRef: overlayRef,
-                            padding: padding,
-                            placement: placement,
-                            shrinkOverlay: shrinkOverlay,
-                            targetRef: targetRef,
-                        }), overlay))))));
-        })));
+    });
+    var triggerApi = useTrigger({
+        isEnabled: visibility.isVisible,
+        enable: delayedToggle.enable,
+        disable: delayedToggle.disable,
+        enableKeys: showKeys,
+        disableKeys: hideKeys.target,
+        trigger: trigger,
+        triggerRef: triggerElRef,
+    });
+    var triggerElement = typeof children === 'function'
+        ? children(triggerApi)
+        : children;
+    var wrappedTriggerElement = React.cloneElement(triggerElement, {
+        open: triggerApi.isVisible,
+        ref: triggerElement.ref
+            ? mergeRefs(triggerElement.ref, triggerElRef, setReferenceElement)
+            : mergeRefs(triggerElRef, setReferenceElement),
+    });
+    useTrigger({
+        isEnabled: visibility.isVisible,
+        enable: delayedToggle.enable,
+        disable: delayedToggle.disable,
+        disableKeys: hideKeys.overlay,
+        trigger: trigger === 'click' ? 'none' : trigger,
+        triggerRef: overlayElRef,
+    });
+    return (React.createElement(DelayedToggleContext.Provider, { value: delayedToggle },
+        wrappedTriggerElement,
+        visibility.isVisible && (React.createElement(React.Fragment, null,
+            React.createElement(ClickOutside, __assign({}, {
+                onClickOutside: function (event) {
+                    clickedOutsideRef.current = true;
+                    delayedToggle.disable(event);
+                },
+                refs: __spreadArray([overlayElRef, triggerElRef], clickOutsideIgnoreRefs, true),
+            })),
+            React.createElement(Portal, null,
+                React.createElement(TriggerOverlay, { ref: overlayElRef, referenceElement: referenceElement, overlay: overlay, shrinkOverlay: shrinkOverlay, placement: placement, padding: padding, canFlip: canFlip, arrow: arrow }))))));
 });
 export function CloseOnFocus(_a) {
     var hide = _a.hide;
@@ -140,4 +151,38 @@ export function useOverlayTriggerContext() {
         toggle: toggle,
     };
 }
+export var TriggerOverlay = React.forwardRef(function (_a, ref) {
+    var placement = _a.placement, canFlip = _a.canFlip, arrow = _a.arrow, padding = _a.padding, shrinkOverlay = _a.shrinkOverlay, overlay = _a.overlay, referenceElement = _a.referenceElement;
+    var arrowRef = React.useRef(null);
+    var arrowPadding = arrowSize / 2 + 1;
+    var middleware = [
+        floatingOffset({ mainAxis: arrow ? padding + arrowPadding : padding }),
+        canFlip ? floatingFlip() : null,
+        floatingShift({ limiter: limitShift() }),
+        !shrinkOverlay
+            ? floatingSize({
+                apply: function (_a) {
+                    var elements = _a.elements;
+                    Object.assign(elements.floating.style, {
+                        minWidth: "".concat(elements.reference.getBoundingClientRect().width, "px"),
+                    });
+                },
+            })
+            : null,
+        floatingArrow({
+            element: arrowRef,
+            padding: 6,
+        }),
+    ].filter(function (middleware) { return middleware !== null; });
+    var _b = useOverlay({
+        middleware: middleware,
+        placement: placement,
+    }), overlayStyle = _b.overlayStyle, referenceRefCallback = _b.referenceRef, overlayRef = _b.overlayRef, middlewareData = _b.middlewareData, currentPlacement = _b.placement;
+    React.useEffect(function () {
+        referenceRefCallback(referenceElement);
+    }, [referenceElement, referenceRefCallback]);
+    return (React.createElement("div", { ref: mergeRefs(ref, overlayRef), style: overlayStyle },
+        overlay,
+        arrow && (React.createElement(Arrow, { ref: arrowRef, arrow: middlewareData.arrow, placement: currentPlacement }))));
+});
 //# sourceMappingURL=OverlayTrigger.js.map

package/dist/OverlayTrigger/OverlayTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverlayTrigger.js","sourceRoot":"","sources":["../../src/OverlayTrigger/OverlayTrigger.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"OverlayTrigger.js","sourceRoot":"","sources":["../../src/OverlayTrigger/OverlayTrigger.tsx"],"names":[],"mappings":"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"}

package/dist/Popover/Popover.js

@@ -51,9 +51,9 @@ var Content = React.forwardRef(function Content(_a, ref) {
 
  */
 var Popover_ = React.forwardRef(function Popover(_a, ref) {
-    var children = _a.children, _b = _a.initialIsVisible, initialIsVisible = _b === void 0 ? false : _b, _c = _a.placement, placement = _c === void 0 ? 'top' : _c, overlay = _a.overlay, props = __rest(_a, ["children", "initialIsVisible", "placement", "overlay"]);
+    var children = _a.children, _b = _a.initialIsVisible, initialIsVisible = _b === void 0 ? false : _b, _c = _a.placement, placement = _c === void 0 ? 'top' : _c, overlay = _a.overlay, overlayRef = _a.overlayRef, props = __rest(_a, ["children", "initialIsVisible", "placement", "overlay", "overlayRef"]);
     var overlayNode = isReactElement(overlay) ? (React.cloneElement(overlay, { placement: placement })) : (React.createElement(React.Fragment, null));
-    return (React.createElement(OverlayTrigger, __assign({}, __assign(__assign({}, props), { initialIsVisible: initialIsVisible, overlay: overlayNode, placement: placement, ref: ref, restoreFocusOnHide: false, shrinkOverlay: true })), children));
+    return (React.createElement(OverlayTrigger, __assign({}, __assign(__assign({}, props), { initialIsVisible: initialIsVisible, overlay: overlayNode, placement: placement, ref: ref, restoreFocusOnHide: false, shrinkOverlay: true, arrow: true, overlayRef: overlayRef })), children));
 });
 Popover_.displayName = 'Popover';
 Content.displayName = 'Popover.Content';

package/dist/Popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../src/Popover/Popover.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAA;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAEzD,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAGtE,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAG9B,SAAS,OAAO,CAChB,EAAwD,EACxD,GAAG;IADD,IAAA,QAAQ,cAAA,EAAE,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EAAE,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EAAK,KAAK,cAAtD,kCAAwD,CAAF;IAGtD,OAAO,CACL,oBAAC,aAAa,IAAC,GAAG,EAAE,GAAG;QACrB,oBAAC,oBAAoB,eAAK,KAAK,cAAU,KAAK,gBAAc,SAAS,KAClE,QAAQ,CACY,CACT,CACjB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,IAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAA4B,SAAS,OAAO,CAC3E,EAA4E,EAC5E,GAAG;IADD,IAAA,QAAQ,cAAA,EAAE,wBAAwB,EAAxB,gBAAgB,mBAAG,KAAK,KAAA,EAAE,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAA1E,wDAA4E,CAAF;IAG1E,IAAM,WAAW,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAC5C,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,EAAE,SAAS,WAAA,EAAE,CAAC,CAC3C,CAAC,CAAC,CAAC,CACF,oBAAC,KAAK,CAAC,QAAQ,OAAG,CACnB,CAAA;IAED,OAAO,CACL,oBAAC,cAAc,qCAER,KAAK,KACR,gBAAgB,kBAAA,EAChB,OAAO,EAAE,WAAW,EACpB,SAAS,WAAA,EACT,GAAG,KAAA,EACH,kBAAkB,EAAE,KAAK,EACzB,aAAa,EAAE,IAAI,MAGpB,QAAQ,CACM,CAClB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,WAAW,GAAG,SAAS,CAAA;AAEhC,OAAO,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAEvC,MAAM,CAAC,IAAM,OAAO,GAAG,gBAAgB,CAAC,EAAE,OAAO,SAAA,EAAE,EAAE,QAAQ,CAAC,CAAA"}
+{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../src/Popover/Popover.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAA;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAEzD,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAGtE,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAG9B,SAAS,OAAO,CAChB,EAAwD,EACxD,GAAG;IADD,IAAA,QAAQ,cAAA,EAAE,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EAAE,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EAAK,KAAK,cAAtD,kCAAwD,CAAF;IAGtD,OAAO,CACL,oBAAC,aAAa,IAAC,GAAG,EAAE,GAAG;QACrB,oBAAC,oBAAoB,eAAK,KAAK,cAAU,KAAK,gBAAc,SAAS,KAClE,QAAQ,CACY,CACT,CACjB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,IAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAA4B,SAAS,OAAO,CAC3E,EAOC,EACD,GAAG;IAPD,IAAA,QAAQ,cAAA,EACR,wBAAwB,EAAxB,gBAAgB,mBAAG,KAAK,KAAA,EACxB,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,OAAO,aAAA,EACP,UAAU,gBAAA,EACP,KAAK,cANV,sEAOC,CADS;IAIV,IAAM,WAAW,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAC5C,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,EAAE,SAAS,WAAA,EAAE,CAAC,CAC3C,CAAC,CAAC,CAAC,CACF,oBAAC,KAAK,CAAC,QAAQ,OAAG,CACnB,CAAA;IAED,OAAO,CACL,oBAAC,cAAc,qCAER,KAAK,KACR,gBAAgB,kBAAA,EAChB,OAAO,EAAE,WAAW,EACpB,SAAS,WAAA,EACT,GAAG,KAAA,EACH,kBAAkB,EAAE,KAAK,EACzB,aAAa,EAAE,IAAI,EACnB,KAAK,EAAE,IAAI,EACX,UAAU,YAAA,MAGX,QAAQ,CACM,CAClB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,WAAW,GAAG,SAAS,CAAA;AAEhC,OAAO,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAEvC,MAAM,CAAC,IAAM,OAAO,GAAG,gBAAgB,CAAC,EAAE,OAAO,SAAA,EAAE,EAAE,QAAQ,CAAC,CAAA"}

package/dist/Popover/Popover.styles.d.ts

@@ -1,4 +1,5 @@
 import { Placement } from '../_utils/placement';
+export declare const popoverArrowSize = 6;
 interface StyledPopoverProps {
     $fluid: boolean;
     $placement: Placement;