@dscout/particle 1.0.0-alpha.28 → 1.0.0-alpha.29

package/lib/cjs/components/button.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { CommonComponentProps, MarginModifierProp, ModifierClassProp } from '../types';
 import type { GetRef } from '../utils/refs';
-declare const COLORS: readonly ["alert", "close", "coachmark", "dscout", "archive", "none", "success", "note", "screener", "live", "diary", "test", "invert", "black", "white"];
+declare const COLORS: readonly ["ai", "alert", "close", "coachmark", "dscout", "archive", "none", "success", "note", "screener", "live", "diary", "test", "invert", "black", "white"];
 declare const SIZES: readonly ["tiny", "small", "big"];
 declare const WIDTHS: readonly ["fullwidth", "tight"];
 declare const VARIANTS: readonly ["glass", "outline"];

package/lib/cjs/components/button.js

@@ -32,6 +32,7 @@ var data_attributes_1 = __importDefault(require("../utils/data_attributes"));
 var modifier_classes_1 = require("../utils/modifier_classes");
 var common_button_1 = require("./common_button");
 var COLORS = [
+    'ai',
     'alert',
     'close',
     'coachmark',

package/lib/cjs/components/button.js.map

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

package/lib/cjs/components/button_icon.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import type { GetRef } from '../utils/refs';
 import type { Colors, CommonComponentProps, MarginModifierProp, ModifierClassProp, Radii } from '../types';
+import type { BuiltInTooltipConfig } from './tooltip/types';
 interface ButtonIconProps extends CommonComponentProps, MarginModifierProp, ModifierClassProp {
     'aria-controls'?: string;
     'aria-expanded'?: React.AriaAttributes['aria-expanded'];
@@ -26,7 +27,8 @@ interface ButtonIconProps extends CommonComponentProps, MarginModifierProp, Modi
     radius?: Radii;
     refProp?: string;
     title?: string;
+    tooltipConfig?: BuiltInTooltipConfig;
     type?: 'button' | 'submit';
 }
-export declare function ButtonIcon({ _modifierClass, 'aria-controls': ariaControls, 'aria-expanded': ariaExpanded, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'aria-pressed': ariaPressed, bgColor, bgSize, borderColor, children, color, disabled, getRef, hoverBgColor, hoverBorderColor, hoverColor, hoverBgSize, id, linkComponent, linkProps, margin, name, onClick, onMouseUp, radius, onMouseDown, refProp, title, type, ...rest }: ButtonIconProps): React.JSX.Element;
+export declare function ButtonIcon({ _modifierClass, 'aria-controls': ariaControls, 'aria-expanded': ariaExpanded, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'aria-pressed': ariaPressed, bgColor, bgSize, borderColor, children, color, disabled, getRef, hoverBgColor, hoverBorderColor, hoverColor, hoverBgSize, id, linkComponent, linkProps, margin, name, onClick, onMouseUp, radius, onMouseDown, refProp, title, tooltipConfig, type, ...rest }: ButtonIconProps): React.JSX.Element;
 export {};

package/lib/cjs/components/button_icon.js

@@ -59,7 +59,7 @@ var DEFAULT_HOVER_COLOR = 'main';
 var DEFAULT_DISABLED_COLOR = 'gray-3';
 var DEFAULT_RADIUS = 'circle';
 function ButtonIcon(_a) {
-    var _modifierClass = _a._modifierClass, ariaControls = _a["aria-controls"], ariaExpanded = _a["aria-expanded"], ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], ariaPressed = _a["aria-pressed"], bgColor = _a.bgColor, bgSize = _a.bgSize, borderColor = _a.borderColor, children = _a.children, color = _a.color, disabled = _a.disabled, getRef = _a.getRef, hoverBgColor = _a.hoverBgColor, hoverBorderColor = _a.hoverBorderColor, hoverColor = _a.hoverColor, hoverBgSize = _a.hoverBgSize, id = _a.id, linkComponent = _a.linkComponent, linkProps = _a.linkProps, margin = _a.margin, name = _a.name, onClick = _a.onClick, onMouseUp = _a.onMouseUp, radius = _a.radius, onMouseDown = _a.onMouseDown, refProp = _a.refProp, title = _a.title, type = _a.type, rest = __rest(_a, ["_modifierClass", 'aria-controls', 'aria-expanded', 'aria-label', 'aria-labelledby', 'aria-describedby', 'aria-pressed', "bgColor", "bgSize", "borderColor", "children", "color", "disabled", "getRef", "hoverBgColor", "hoverBorderColor", "hoverColor", "hoverBgSize", "id", "linkComponent", "linkProps", "margin", "name", "onClick", "onMouseUp", "radius", "onMouseDown", "refProp", "title", "type"]);
+    var _modifierClass = _a._modifierClass, ariaControls = _a["aria-controls"], ariaExpanded = _a["aria-expanded"], ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], ariaPressed = _a["aria-pressed"], bgColor = _a.bgColor, bgSize = _a.bgSize, borderColor = _a.borderColor, children = _a.children, color = _a.color, disabled = _a.disabled, getRef = _a.getRef, hoverBgColor = _a.hoverBgColor, hoverBorderColor = _a.hoverBorderColor, hoverColor = _a.hoverColor, hoverBgSize = _a.hoverBgSize, id = _a.id, linkComponent = _a.linkComponent, linkProps = _a.linkProps, margin = _a.margin, name = _a.name, onClick = _a.onClick, onMouseUp = _a.onMouseUp, radius = _a.radius, onMouseDown = _a.onMouseDown, refProp = _a.refProp, title = _a.title, tooltipConfig = _a.tooltipConfig, type = _a.type, rest = __rest(_a, ["_modifierClass", 'aria-controls', 'aria-expanded', 'aria-label', 'aria-labelledby', 'aria-describedby', 'aria-pressed', "bgColor", "bgSize", "borderColor", "children", "color", "disabled", "getRef", "hoverBgColor", "hoverBorderColor", "hoverColor", "hoverBgSize", "id", "linkComponent", "linkProps", "margin", "name", "onClick", "onMouseUp", "radius", "onMouseDown", "refProp", "title", "tooltipConfig", "type"]);
     var _b = (0, react_1.useState)(false), hovered = _b[0], setHovered = _b[1];
     function getBgColorClass() {
         var colorEnum = bgColor;
@@ -111,7 +111,7 @@ function ButtonIcon(_a) {
             setHovered(true);
         }, onMouseLeave: function () {
             setHovered(false);
-        }, onMouseUp: onMouseUp, refProp: refProp, style: style, title: title, type: type }),
+        }, onMouseUp: onMouseUp, refProp: refProp, style: style, title: title, tooltipConfig: tooltipConfig, type: type }),
         react_1.default.createElement("span", { className: "display--b" }, children)));
 }
 exports.ButtonIcon = ButtonIcon;

package/lib/cjs/components/button_icon.js.map

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

package/lib/cjs/components/callout.js

@@ -86,7 +86,9 @@ function Callout(_a) {
     return (react_1.default.createElement("div", __assign({ className: containerClassnames }, (0, data_attributes_1.default)(rest)),
         react_1.default.createElement("div", { className: "Callout__Title-Container flex" },
             react_1.default.createElement("div", { className: "Callout__Icon-Container rounded--small height--1.5 width--1.5 flex-shrink--0 flex-grow--0 margin-r--0.75 flex justify--center" }, icon),
-            react_1.default.createElement("div", { className: "padding-r--1 flex-grow--1" },
+            react_1.default.createElement("div", { className: (0, class_names_1.default)('flex-grow--1', {
+                    'padding-r--1': renderWithDetailsAccordion || renderWithActionButton
+                }) },
                 react_1.default.createElement("span", { className: "font-size--s" }, title)),
             renderWithDetailsAccordion && (react_1.default.createElement(button_plain_1.ButtonPlain, { margin: {
                     left: 'auto'

package/lib/cjs/components/callout.js.map

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

package/lib/cjs/components/common_button.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import type { CommonComponentProps } from '../types';
 import type { GetRef } from '../utils/refs';
+import type { BuiltInTooltipConfig } from './tooltip/types';
 interface CommonButtonProps extends CommonComponentProps {
     'aria-controls'?: string;
     'aria-expanded'?: React.AriaAttributes['aria-expanded'];
@@ -23,8 +24,13 @@ interface CommonButtonProps extends CommonComponentProps {
     refProp?: string;
     style?: React.CSSProperties;
     tabIndex?: number;
+    tooltipConfig?: BuiltInTooltipConfig;
     title?: string;
     type?: 'button' | 'submit';
 }
-export declare function CommonButton({ 'aria-controls': ariaControls, 'aria-expanded': ariaExpanded, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'aria-pressed': ariaPressed, children, className, disabled, getRef, id, linkComponent, linkProps, name, onBlur, onClick, onFocus, onMouseDown, onMouseEnter, onMouseLeave, onMouseUp, refProp, style, tabIndex, title, type, ...rest }: CommonButtonProps): React.JSX.Element;
+/**
+ * Wrapper for the `BaseCommonButton` component that enables optionally rendering the button
+ * within a TooltipContainer if `tooltipConfig` is provided in props
+ */
+export declare function CommonButton({ disabled, tooltipConfig, getRef, refProp, ...rest }: CommonButtonProps): React.JSX.Element;
 export {};

package/lib/cjs/components/common_button.js

@@ -10,6 +10,29 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 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)
@@ -26,9 +49,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CommonButton = void 0;
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
 var reject_1 = __importDefault(require("../utils/reject"));
 var data_attributes_1 = __importDefault(require("../utils/data_attributes"));
+var tooltip_container_1 = require("./tooltip/tooltip_container");
 var DISALLOWED_LINK_PROPS = ['className'];
 var HREF = 'href';
 function sanitizeProps(props, disabled) {
@@ -39,7 +63,7 @@ function sanitizeProps(props, disabled) {
         : DISALLOWED_LINK_PROPS;
     return (0, reject_1.default)(props, propsToRemove);
 }
-function CommonButton(_a) {
+function CommonButtonBase(_a) {
     var _b;
     var ariaControls = _a["aria-controls"], ariaExpanded = _a["aria-expanded"], ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], ariaPressed = _a["aria-pressed"], children = _a.children, className = _a.className, disabled = _a.disabled, getRef = _a.getRef, id = _a.id, linkComponent = _a.linkComponent, linkProps = _a.linkProps, name = _a.name, onBlur = _a.onBlur, onClick = _a.onClick, onFocus = _a.onFocus, onMouseDown = _a.onMouseDown, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onMouseUp = _a.onMouseUp, _c = _a.refProp, refProp = _c === void 0 ? 'ref' : _c, style = _a.style, tabIndex = _a.tabIndex, title = _a.title, _d = _a.type, type = _d === void 0 ? 'button' : _d, rest = __rest(_a, ['aria-controls', 'aria-expanded', 'aria-label', 'aria-labelledby', 'aria-describedby', 'aria-pressed', "children", "className", "disabled", "getRef", "id", "linkComponent", "linkProps", "name", "onBlur", "onClick", "onFocus", "onMouseDown", "onMouseEnter", "onMouseLeave", "onMouseUp", "refProp", "style", "tabIndex", "title", "type"]);
     var isLink = !!linkComponent;
@@ -47,5 +71,39 @@ function CommonButton(_a) {
     var refProps = getRef ? (_b = {}, _b[refProp] = getRef, _b) : {};
     return (react_1.default.createElement(Component, __assign({}, sanitizeProps(linkProps, disabled), refProps, (0, data_attributes_1.default)(rest), { "aria-controls": ariaControls, "aria-expanded": ariaExpanded, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, "aria-pressed": ariaPressed, className: className, disabled: disabled, id: id, name: name, onBlur: onBlur, onClick: onClick, onFocus: onFocus, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onMouseUp: onMouseUp, onMouseDown: onMouseDown, style: style, tabIndex: isLink && disabled ? -1 : tabIndex, title: title, type: isLink ? undefined : type }), children));
 }
+/**
+ * Wrapper for the `BaseCommonButton` component that enables optionally rendering the button
+ * within a TooltipContainer if `tooltipConfig` is provided in props
+ */
+function CommonButton(_a) {
+    var disabled = _a.disabled, tooltipConfig = _a.tooltipConfig, getRef = _a.getRef, _b = _a.refProp, refProp = _b === void 0 ? 'ref' : _b, rest = __rest(_a, ["disabled", "tooltipConfig", "getRef", "refProp"]);
+    var tooltipRefFunctionRef = (0, react_1.useRef)(function () { });
+    var setRef = (0, react_1.useCallback)(function (ref, value) {
+        if (typeof ref === 'function') {
+            ref(value);
+        }
+        else if (ref && 'current' in ref) {
+            ref.current = value;
+        }
+    }, []);
+    var assignRefs = (0, react_1.useCallback)(function (element) {
+        setRef(getRef, element);
+        setRef(tooltipRefFunctionRef.current, element);
+    }, [getRef, setRef]);
+    if (!tooltipConfig) {
+        return (react_1.default.createElement(CommonButtonBase, __assign({}, rest, { disabled: disabled, refProp: refProp, getRef: getRef })));
+    }
+    return (react_1.default.createElement(tooltip_container_1.TooltipContainer, __assign({}, tooltipConfig), function (_a) {
+        var ref = _a.ref;
+        // We assign the TooltipContainer ref to our own ref here to prevent passing it to `assignRefs` directly
+        // via an inline function below. That inline function would be recreated on every render and cause the
+        // ref to be re-assigned unnecessarily and potentially impact performance
+        tooltipRefFunctionRef.current = ref;
+        // Disabled buttons do not receive focus or hover events and require a wrapping `span` element
+        // to receive the tooltip ref
+        return disabled ? (react_1.default.createElement("span", { ref: ref },
+            react_1.default.createElement(CommonButtonBase, __assign({}, rest, { disabled: disabled, refProp: refProp, getRef: getRef })))) : (react_1.default.createElement(CommonButtonBase, __assign({}, rest, { disabled: disabled, refProp: refProp, getRef: assignRefs })));
+    }));
+}
 exports.CommonButton = CommonButton;
 //# sourceMappingURL=common_button.js.map

package/lib/cjs/components/common_button.js.map

@@ -1 +1 @@
-{"version":3,"file":"common_button.js","sourceRoot":"","sources":["../../../src/components/common_button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAK1B,2DAAqC;AACrC,6EAAyD;AA4BzD,IAAM,qBAAqB,GAAG,CAAC,WAAW,CAAC,CAAC;AAC5C,IAAM,IAAI,GAAG,MAAM,CAAC;AAEpB,SAAS,aAAa,CAAC,KAA8B,EAAE,QAAiB;IACtE,IAAI,CAAC,KAAK;QAAE,OAAO;IAEnB,IAAM,aAAa,GAAG,QAAQ;QAC5B,CAAC,CAAC,qBAAqB,CAAC,MAAM,CAAC,IAAI,CAAC;QACpC,CAAC,CAAC,qBAAqB,CAAC;IAE1B,OAAO,IAAA,gBAAM,EAAC,KAAK,EAAE,aAAa,CAAC,CAAC;AACtC,CAAC;AAED,SAAgB,YAAY,CAAC,EA4BT;;IA3BlB,IAAiB,YAAY,sBAAA,EACZ,YAAY,sBAAA,EACf,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnB,WAAW,qBAAA,EAC3B,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,aAAa,mBAAA,EACb,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,OAAO,aAAA,EACP,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACZ,IAAI,cA3BoB,+UA4B5B,CADQ;IAEP,IAAM,MAAM,GAAG,CAAC,CAAC,aAAa,CAAC;IAC/B,IAAM,SAAS,GAAG,aAAa,IAAI,QAAQ,CAAC;IAC5C,IAAM,QAAQ,GAAG,MAAM,CAAC,CAAC,WAAG,GAAC,OAAO,IAAG,MAAM,MAAG,CAAC,CAAC,EAAE,CAAC;IAErD,OAAO,CACL,8BAAC,SAAS,eACJ,aAAa,CAAC,SAAS,EAAE,QAAQ,CAAC,EAClC,QAAQ,EACR,IAAA,yBAAiB,EAAC,IAAI,CAAC,qBACZ,YAAY,mBACZ,YAAY,gBACf,SAAS,qBACJ,cAAc,sBACb,eAAe,kBACnB,WAAW,EACzB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,MAAM,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,EAC5C,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,KAE9B,QAAQ,CACC,CACb,CAAC;AACJ,CAAC;AA/DD,oCA+DC"}
+{"version":3,"file":"common_button.js","sourceRoot":"","sources":["../../../src/components/common_button.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/components/dropdown/dropdown_container.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { ContentRenderProp, ToggleRenderProp, DropdownOptions, DropdownPopoverOptions } from './types';
+interface ContainerProps {
+    children: ContentRenderProp | React.ReactNode;
+    closeOnOutsideClick?: boolean;
+    setLockOutsideClick?: (lock: boolean) => void;
+    onToggle?: (isToggled: boolean) => void;
+    toggle: ToggleRenderProp;
+}
+/**
+ * The preferred export for implementing boundary aware dropdowns, which can be externally controlled or internally
+ * controlled. This component is responsible for rendering the toggle element and the dropdown popover content, where the
+ * `children` of this component are placed within the popover.
+ *
+ * Make sure you utilize the render prop pattern to ensure proper ref forwarding, this prevents
+ * this component from needing to render its own `span` element and will ensure a consistent layout
+ *
+ * If you render a dropdown that interferes with clickoutside logic due to it being render via a portal
+ * (such as a click within a dropdown should not trigger clickoutside logic),
+ * check out the `DropdownPortalRegistrationContextProvider` and corresponding `useActiveDropdownsContext` hook.
+ */
+export default function DropdownContainer({ boundary, boundaryPadding, children, className, closeOnOutsideClick, contentWidth, disabled, dropdownId, eventListenerOptions, focusToggleOnClose, flip, externallyControlled, hide, initialFocusDisabled, isOpen: externallyIsOpen, maxHeight, offset, onToggle, placement, portalContainer, boundaryElementRef, setLockOutsideClick, shrinkToPreventOverflow, shift, toggle, zIndex }: ContainerProps & DropdownOptions & DropdownPopoverOptions): React.JSX.Element;
+export {};

package/lib/cjs/components/dropdown/dropdown_container.js

@@ -0,0 +1,142 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var noop_1 = __importDefault(require("../../utils/noop"));
+var use_dropdown_1 = __importDefault(require("./use_dropdown"));
+/**
+ * The preferred export for implementing boundary aware dropdowns, which can be externally controlled or internally
+ * controlled. This component is responsible for rendering the toggle element and the dropdown popover content, where the
+ * `children` of this component are placed within the popover.
+ *
+ * Make sure you utilize the render prop pattern to ensure proper ref forwarding, this prevents
+ * this component from needing to render its own `span` element and will ensure a consistent layout
+ *
+ * If you render a dropdown that interferes with clickoutside logic due to it being render via a portal
+ * (such as a click within a dropdown should not trigger clickoutside logic),
+ * check out the `DropdownPortalRegistrationContextProvider` and corresponding `useActiveDropdownsContext` hook.
+ */
+function DropdownContainer(_a) {
+    var boundary = _a.boundary, boundaryPadding = _a.boundaryPadding, children = _a.children, className = _a.className, _b = _a.closeOnOutsideClick, closeOnOutsideClick = _b === void 0 ? true : _b, contentWidth = _a.contentWidth, disabled = _a.disabled, dropdownId = _a.dropdownId, eventListenerOptions = _a.eventListenerOptions, _c = _a.focusToggleOnClose, focusToggleOnClose = _c === void 0 ? true : _c, flip = _a.flip, _d = _a.externallyControlled, externallyControlled = _d === void 0 ? false : _d, hide = _a.hide, _e = _a.initialFocusDisabled, initialFocusDisabled = _e === void 0 ? false : _e, _f = _a.isOpen, externallyIsOpen = _f === void 0 ? false : _f, maxHeight = _a.maxHeight, offset = _a.offset, _g = _a.onToggle, onToggle = _g === void 0 ? noop_1.default : _g, placement = _a.placement, portalContainer = _a.portalContainer, boundaryElementRef = _a.boundaryElementRef, setLockOutsideClick = _a.setLockOutsideClick, _h = _a.shrinkToPreventOverflow, shrinkToPreventOverflow = _h === void 0 ? false : _h, shift = _a.shift, toggle = _a.toggle, zIndex = _a.zIndex;
+    var _j = (0, react_1.useState)(false), isOpen = _j[0], setIsOpen = _j[1];
+    var eventListenerOptionsRef = (0, react_1.useRef)(eventListenerOptions);
+    eventListenerOptionsRef.current = eventListenerOptions;
+    var toggleDropdown = (0, react_1.useCallback)(function (stateOverride) {
+        var newState = typeof stateOverride === 'boolean' ? stateOverride : !isOpen;
+        setIsOpen(newState);
+        onToggle(newState);
+        if (setLockOutsideClick)
+            setLockOutsideClick(false);
+    }, [isOpen, onToggle, setLockOutsideClick]);
+    (0, react_1.useEffect)(function () {
+        if (!externallyControlled)
+            return;
+        toggleDropdown(externallyIsOpen);
+    }, [externallyControlled, externallyIsOpen, toggleDropdown]);
+    var renderPopoverContent = (0, react_1.useMemo)(function () {
+        if (typeof children === 'function') {
+            return children({ toggleDropdown: toggleDropdown });
+        }
+        return children;
+    }, [children, toggleDropdown]);
+    var _k = (0, use_dropdown_1.default)(renderPopoverContent, isOpen, {
+        boundary: boundary,
+        boundaryPadding: boundaryPadding,
+        className: className,
+        disabled: disabled,
+        flip: flip,
+        focusToggleOnClose: focusToggleOnClose,
+        hide: hide,
+        offset: offset,
+        placement: placement,
+        portalContainer: portalContainer,
+        shift: shift,
+        zIndex: zIndex
+    }, {
+        contentWidth: contentWidth,
+        maxHeight: maxHeight,
+        shrinkToPreventOverflow: shrinkToPreventOverflow,
+        initialFocusDisabled: initialFocusDisabled,
+        dropdownId: dropdownId,
+        boundaryElementRef: boundaryElementRef
+    }), ref = _k.ref, dropdownPopover = _k.dropdownPopover, popoverElementRef = _k.popoverElementRef, toggleElementRef = _k.toggleElementRef;
+    (0, react_1.useEffect)(function () {
+        var handleClickOutside = function (event) {
+            var _a;
+            if (!closeOnOutsideClick || !popoverElementRef.current)
+                return;
+            var hasComposedPath = typeof event.composedPath === 'function';
+            // Prefer composed path check for detecting outside clicks to prevent issues with
+            // clicking dynamically rendered content (see PAR-155 for more info)
+            var isClickInside = hasComposedPath
+                ? event.composedPath().includes(popoverElementRef.current)
+                : popoverElementRef.current.contains(event.target);
+            var isClickOnToggle = hasComposedPath && toggleElementRef.current
+                ? event.composedPath().includes(toggleElementRef.current)
+                : (_a = toggleElementRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target);
+            if (!isClickInside && !isClickOnToggle) {
+                toggleDropdown();
+            }
+        };
+        var handleKeydownClose = function (event) {
+            if (!closeOnOutsideClick)
+                return;
+            var key = event.key;
+            if (key === 'Escape') {
+                toggleDropdown();
+            }
+        };
+        if (isOpen && !externallyControlled) {
+            document.addEventListener('click', handleClickOutside, eventListenerOptionsRef.current);
+            document.addEventListener('keydown', handleKeydownClose, eventListenerOptionsRef.current);
+        }
+        return function () {
+            document.removeEventListener('click', handleClickOutside, eventListenerOptionsRef.current);
+            document.removeEventListener('keydown', handleKeydownClose, eventListenerOptionsRef.current);
+        };
+    }, [
+        closeOnOutsideClick,
+        externallyControlled,
+        isOpen,
+        popoverElementRef,
+        toggleDropdown,
+        toggleElementRef
+    ]);
+    var renderToggleContent = (0, react_1.useCallback)(function () {
+        return toggle({
+            ref: ref,
+            toggleDropdown: toggleDropdown,
+            isToggled: isOpen
+        });
+    }, [isOpen, ref, toggle, toggleDropdown]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        renderToggleContent(),
+        dropdownPopover));
+}
+exports.default = DropdownContainer;
+//# sourceMappingURL=dropdown_container.js.map

package/lib/cjs/components/dropdown/dropdown_container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown_container.js","sourceRoot":"","sources":["../../../../src/components/dropdown/dropdown_container.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAMe;AAEf,0DAAoC;AAOpC,gEAAyC;AAUzC;;;;;;;;;;;GAWG;AACH,SAAwB,iBAAiB,CAAC,EA2BkB;QA1B1D,QAAQ,cAAA,EACR,eAAe,qBAAA,EACf,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,2BAA0B,EAA1B,mBAAmB,mBAAG,IAAI,KAAA,EAC1B,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,oBAAoB,0BAAA,EACpB,0BAAyB,EAAzB,kBAAkB,mBAAG,IAAI,KAAA,EACzB,IAAI,UAAA,EACJ,4BAA4B,EAA5B,oBAAoB,mBAAG,KAAK,KAAA,EAC5B,IAAI,UAAA,EACJ,4BAA4B,EAA5B,oBAAoB,mBAAG,KAAK,KAAA,EAC5B,cAAgC,EAAxB,gBAAgB,mBAAG,KAAK,KAAA,EAChC,SAAS,eAAA,EACT,MAAM,YAAA,EACN,gBAAe,EAAf,QAAQ,mBAAG,cAAI,KAAA,EACf,SAAS,eAAA,EACT,eAAe,qBAAA,EACf,kBAAkB,wBAAA,EAClB,mBAAmB,yBAAA,EACnB,+BAA+B,EAA/B,uBAAuB,mBAAG,KAAK,KAAA,EAC/B,KAAK,WAAA,EACL,MAAM,YAAA,EACN,MAAM,YAAA;IAEA,IAAA,KAAsB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAApC,MAAM,QAAA,EAAE,SAAS,QAAmB,CAAC;IAE5C,IAAM,uBAAuB,GAAG,IAAA,cAAM,EAAC,oBAAoB,CAAC,CAAC;IAC7D,uBAAuB,CAAC,OAAO,GAAG,oBAAoB,CAAC;IAEvD,IAAM,cAAc,GAAG,IAAA,mBAAW,EAChC,UAAC,aAAuB;QACtB,IAAM,QAAQ,GACZ,OAAO,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;QAC/D,SAAS,CAAC,QAAQ,CAAC,CAAC;QACpB,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACnB,IAAI,mBAAmB;YAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC;IACtD,CAAC,EACD,CAAC,MAAM,EAAE,QAAQ,EAAE,mBAAmB,CAAC,CACxC,CAAC;IAEF,IAAA,iBAAS,EAAC;QACR,IAAI,CAAC,oBAAoB;YAAE,OAAO;QAElC,cAAc,CAAC,gBAAgB,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,oBAAoB,EAAE,gBAAgB,EAAE,cAAc,CAAC,CAAC,CAAC;IAE7D,IAAM,oBAAoB,GAAG,IAAA,eAAO,EAAC;QACnC,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;YAClC,OAAO,QAAQ,CAAC,EAAE,cAAc,gBAAA,EAAE,CAAC,CAAC;SACrC;QAED,OAAO,QAAQ,CAAC;IAClB,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC;IAEzB,IAAA,KACJ,IAAA,sBAAW,EACT,oBAAoB,EACpB,MAAM,EACN;QACE,QAAQ,UAAA;QACR,eAAe,iBAAA;QACf,SAAS,WAAA;QACT,QAAQ,UAAA;QACR,IAAI,MAAA;QACJ,kBAAkB,oBAAA;QAClB,IAAI,MAAA;QACJ,MAAM,QAAA;QACN,SAAS,WAAA;QACT,eAAe,iBAAA;QACf,KAAK,OAAA;QACL,MAAM,QAAA;KACP,EACD;QACE,YAAY,cAAA;QACZ,SAAS,WAAA;QACT,uBAAuB,yBAAA;QACvB,oBAAoB,sBAAA;QACpB,UAAU,YAAA;QACV,kBAAkB,oBAAA;KACnB,CACF,EA1BK,GAAG,SAAA,EAAE,eAAe,qBAAA,EAAE,iBAAiB,uBAAA,EAAE,gBAAgB,sBA0B9D,CAAC;IAEJ,IAAA,iBAAS,EAAC;QACR,IAAM,kBAAkB,GAAG,UAAC,KAAiB;;YAC3C,IAAI,CAAC,mBAAmB,IAAI,CAAC,iBAAiB,CAAC,OAAO;gBAAE,OAAO;YAE/D,IAAM,eAAe,GAAG,OAAO,KAAK,CAAC,YAAY,KAAK,UAAU,CAAC;YACjE,iFAAiF;YACjF,oEAAoE;YACpE,IAAM,aAAa,GAAG,eAAe;gBACnC,CAAC,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC,QAAQ,CAAC,iBAAiB,CAAC,OAAO,CAAC;gBAC1D,CAAC,CAAC,iBAAiB,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAiB,CAAC,CAAC;YAEhE,IAAM,eAAe,GACnB,eAAe,IAAI,gBAAgB,CAAC,OAAO;gBACzC,CAAC,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC,QAAQ,CAAC,gBAAgB,CAAC,OAAO,CAAC;gBACzD,CAAC,CAAC,MAAA,gBAAgB,CAAC,OAAO,0CAAE,QAAQ,CAAC,KAAK,CAAC,MAAiB,CAAC,CAAC;YAElE,IAAI,CAAC,aAAa,IAAI,CAAC,eAAe,EAAE;gBACtC,cAAc,EAAE,CAAC;aAClB;QACH,CAAC,CAAC;QAEF,IAAM,kBAAkB,GAAG,UAAC,KAAoB;YAC9C,IAAI,CAAC,mBAAmB;gBAAE,OAAO;YAEzB,IAAA,GAAG,GAAK,KAAK,IAAV,CAAW;YACtB,IAAI,GAAG,KAAK,QAAQ,EAAE;gBACpB,cAAc,EAAE,CAAC;aAClB;QACH,CAAC,CAAC;QAEF,IAAI,MAAM,IAAI,CAAC,oBAAoB,EAAE;YACnC,QAAQ,CAAC,gBAAgB,CACvB,OAAO,EACP,kBAAkB,EAClB,uBAAuB,CAAC,OAAO,CAChC,CAAC;YACF,QAAQ,CAAC,gBAAgB,CACvB,SAAS,EACT,kBAAkB,EAClB,uBAAuB,CAAC,OAAO,CAChC,CAAC;SACH;QAED,OAAO;YACL,QAAQ,CAAC,mBAAmB,CAC1B,OAAO,EACP,kBAAkB,EAClB,uBAAuB,CAAC,OAAO,CAChC,CAAC;YACF,QAAQ,CAAC,mBAAmB,CAC1B,SAAS,EACT,kBAAkB,EAClB,uBAAuB,CAAC,OAAO,CAChC,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC,EAAE;QACD,mBAAmB;QACnB,oBAAoB;QACpB,MAAM;QACN,iBAAiB;QACjB,cAAc;QACd,gBAAgB;KACjB,CAAC,CAAC;IAEH,IAAM,mBAAmB,GAAG,IAAA,mBAAW,EACrC;QACE,OAAA,MAAM,CAAC;YACL,GAAG,KAAA;YACH,cAAc,gBAAA;YACd,SAAS,EAAE,MAAM;SAClB,CAAC;IAJF,CAIE,EACJ,CAAC,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,cAAc,CAAC,CACtC,CAAC;IAEF,OAAO,CACL;QACG,mBAAmB,EAAE;QACrB,eAAe,CACf,CACJ,CAAC;AACJ,CAAC;AAtKD,oCAsKC"}

package/lib/cjs/components/dropdown/dropdown_popover.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { Strategy } from '@floating-ui/dom';
+import type { DropdownPopoverOptions } from './types';
+type Position = {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+};
+interface Props {
+    className?: string;
+    children: React.ReactNode;
+    id?: string;
+    position?: Position;
+    show?: boolean;
+    strategy?: Strategy;
+    zIndex?: number;
+}
+declare const _default: React.ForwardRefExoticComponent<Props & DropdownPopoverOptions & React.RefAttributes<HTMLDivElement>>;
+export default _default;

package/lib/cjs/components/dropdown/dropdown_popover.js

@@ -0,0 +1,88 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var focus_trap_1 = require("../focus_trap");
+var theme_provider_1 = require("../theme_provider");
+var class_names_1 = __importDefault(require("../../utils/class_names"));
+var dropdown_portal_registration_context_1 = require("./dropdown_portal_registration_context");
+function DropdownPopover(_a, ref) {
+    var children = _a.children, className = _a.className, contentWidth = _a.contentWidth, id = _a.id, maxHeight = _a.maxHeight, dropdownId = _a.dropdownId, _b = _a.position, position = _b === void 0 ? {} : _b, show = _a.show, strategy = _a.strategy, zIndex = _a.zIndex;
+    var contentRef = (0, react_1.useRef)(null);
+    var _c = (0, react_1.useContext)(dropdown_portal_registration_context_1.DropdownPortalRegistrationContext), registerPortal = _c.registerPortal, unregisterPortal = _c.unregisterPortal;
+    /**
+     * If a dropdown ID was provided to this dropdown instance, register it's content using that
+     * ID with the dropdown portal registration context. This enables implementing components
+     * that rely on DOM events to determine if a node is within the portal rendered dropdown content
+     * created by this component.
+     */
+    (0, react_1.useEffect)(function () {
+        if (!dropdownId)
+            return;
+        var idToRegister = dropdownId;
+        if (contentRef.current) {
+            registerPortal(idToRegister, contentRef.current);
+        }
+        return function () {
+            if (dropdownId) {
+                unregisterPortal(idToRegister);
+            }
+        };
+    }, [id, dropdownId, registerPortal, unregisterPortal]);
+    var assignRef = (0, react_1.useCallback)(function (el) {
+        if (ref && 'current' in ref) {
+            ref.current = el;
+        }
+        else if (typeof ref === 'function') {
+            ref(el);
+        }
+        contentRef.current = el;
+    }, [ref]);
+    // Retrieve currently applied theme from context
+    var theme = (0, react_1.useContext)(theme_provider_1.ThemeContext).theme;
+    return (
+    // Render popover content wrapped in a `ThemeProvider` using the current theme's value
+    // this ensures this content, rendered with via portal at the document's body, is wrapped
+    // in the correct theme classes
+    react_1.default.createElement(theme_provider_1.ThemeProvider, { theme: theme, className: "height--none" },
+        react_1.default.createElement(focus_trap_1.FocusTrap, { active: true },
+            react_1.default.createElement("div", { "data-testid": "dropdown-popover", className: (0, class_names_1.default)('margin--none rounded--med bg-color--invert shadow--xl', className), id: id, style: {
+                    bottom: position.bottom,
+                    left: position.left,
+                    maxHeight: maxHeight,
+                    opacity: show ? 1 : 0,
+                    position: strategy,
+                    right: position.right,
+                    top: position.top,
+                    transition: 'opacity 0.3s',
+                    width: contentWidth,
+                    zIndex: zIndex
+                }, ref: assignRef }, children))));
+}
+exports.default = react_1.default.forwardRef(DropdownPopover);
+//# sourceMappingURL=dropdown_popover.js.map

package/lib/cjs/components/dropdown/dropdown_popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown_popover.js","sourceRoot":"","sources":["../../../../src/components/dropdown/dropdown_popover.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0E;AAG1E,4CAA0C;AAC1C,oDAAgE;AAChE,wEAAiD;AAGjD,+FAA2F;AAmB3F,SAAS,eAAe,CACtB,EAWiC,EACjC,GAAuC;QAXrC,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,EAAE,QAAA,EACF,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,MAAM,YAAA;IAIR,IAAM,UAAU,GAAG,IAAA,cAAM,EAAqB,IAAI,CAAC,CAAC;IAC9C,IAAA,KAAuC,IAAA,kBAAU,EACrD,wEAAiC,CAClC,EAFO,cAAc,oBAAA,EAAE,gBAAgB,sBAEvC,CAAC;IAEF;;;;;OAKG;IACH,IAAA,iBAAS,EAAC;QACR,IAAI,CAAC,UAAU;YAAE,OAAO;QAExB,IAAM,YAAY,GAAG,UAAU,CAAC;QAEhC,IAAI,UAAU,CAAC,OAAO,EAAE;YACtB,cAAc,CAAC,YAAY,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;SAClD;QAED,OAAO;YACL,IAAI,UAAU,EAAE;gBACd,gBAAgB,CAAC,YAAY,CAAC,CAAC;aAChC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,EAAE,EAAE,UAAU,EAAE,cAAc,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEvD,IAAM,SAAS,GAAG,IAAA,mBAAW,EAC3B,UAAC,EAAkB;QACjB,IAAI,GAAG,IAAI,SAAS,IAAI,GAAG,EAAE;YAC3B,GAAG,CAAC,OAAO,GAAG,EAAE,CAAC;SAClB;aAAM,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;YACpC,GAAG,CAAC,EAAE,CAAC,CAAC;SACT;QAED,UAAU,CAAC,OAAO,GAAG,EAAE,CAAC;IAC1B,CAAC,EACD,CAAC,GAAG,CAAC,CACN,CAAC;IAEF,gDAAgD;IACxC,IAAA,KAAK,GAAK,IAAA,kBAAU,EAAC,6BAAY,CAAC,MAA7B,CAA8B;IAE3C,OAAO;IACL,sFAAsF;IACtF,yFAAyF;IACzF,+BAA+B;IAC/B,8BAAC,8BAAa,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,cAAc;QACnD,8BAAC,sBAAS,IAAC,MAAM;YACf,sDACc,kBAAkB,EAC9B,SAAS,EAAE,IAAA,qBAAU,EACnB,uDAAuD,EACvD,SAAS,CACV,EACD,EAAE,EAAE,EAAE,EACN,KAAK,EAAE;oBACL,MAAM,EAAE,QAAQ,CAAC,MAAM;oBACvB,IAAI,EAAE,QAAQ,CAAC,IAAI;oBACnB,SAAS,WAAA;oBACT,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;oBACrB,QAAQ,EAAE,QAAQ;oBAClB,KAAK,EAAE,QAAQ,CAAC,KAAK;oBACrB,GAAG,EAAE,QAAQ,CAAC,GAAG;oBACjB,UAAU,EAAE,cAAc;oBAC1B,KAAK,EAAE,YAAY;oBACnB,MAAM,QAAA;iBACP,EACD,GAAG,EAAE,SAAS,IAEb,QAAQ,CACL,CACI,CACE,CACjB,CAAC;AACJ,CAAC;AAED,kBAAe,eAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC"}

package/lib/cjs/components/dropdown/dropdown_portal_registration_context.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+type ContextValue = {
+    registerPortal: (id: string, element: HTMLElement) => void;
+    unregisterPortal: (id: string) => void;
+    getPortalElement: (id: string) => HTMLElement | undefined;
+    isNodeWithinPortalDropdown: (node: Node, id: string) => boolean;
+};
+export declare const DropdownPortalRegistrationContext: React.Context<ContextValue>;
+/**
+ * For consuming components a slimmer version of the context is returned, omitting `registerPortal`
+ * and `unregisterPortal` as those functions are only utilized by the `dropdown_popover` itself.
+ * `isNodeWithinPortalDropdown` is the preferred export, but `getPortalElement` is also provided
+ * if more complex logic is needed involving portal rendered dropdown content
+ */
+export declare const useActiveDropdownsContext: () => Pick<ContextValue, 'getPortalElement' | 'isNodeWithinPortalDropdown'>;
+/**
+ * This context allows `DropdownContainer` components to opt into registering a reference to their
+ * rendered DOM content when the dropdown opens. To enable a `DropdownContainer` to opt into this context behavior,
+ * a `dropdownId` must be passed to the `DropdownContainer`.
+ *
+ * This context is `ref` based to reduce re-renders of consuming components and because ref data is a good match for
+ * tracking DOM references. This does mean that accessing data in this context should be done only at the time it is needed,
+ * such as in a click outside event handler. `isNodeWithinPortalDropdown` is the preferred export from this context
+ * for usage within standard components.
+ */
+declare function DropdownPortalRegistrationContextProvider({ children }: {
+    children: React.ReactNode | React.ReactNode[];
+}): React.JSX.Element;
+export default DropdownPortalRegistrationContextProvider;