@procore/core-react 10.30.0 → 11.0.0-rc.0

package/dist/esm/components/Icon/Icon.types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=Icon.types.js.map

package/dist/esm/components/Icon/Icon.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Icon.types.js","sourceRoot":"","sources":["../../../../src/components/Icon/Icon.types.ts"],"names":[],"mappings":""}

package/dist/esm/components/Icon/index.d.ts

@@ -1,2 +0,0 @@
-export { Icon as default, Icon } from './Icon';
-export { IconProps } from './Icon.types';

package/dist/esm/components/Icon/index.js

@@ -1,2 +0,0 @@
-export { Icon as default, Icon } from './Icon';
-//# sourceMappingURL=index.js.map

package/dist/esm/components/Icon/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA"}

package/dist/esm/components/Input/Input.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { InputAttributes } from '../../utils/types';
-import { InputProps } from './Input.types';
-/**
-  @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-input--demo)
-*/
-export declare const Input: React.ForwardRefExoticComponent<InputAttributes & InputProps & React.RefAttributes<HTMLInputElement>>;
-export default Input;

package/dist/esm/components/Input/Input.js

@@ -1,34 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    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 { StyledInput } from './Input.styles';
-/**
-  @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-input--demo)
-*/
-export var Input = React.forwardRef(function Input(_a, ref) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    return React.createElement(StyledInput, __assign({}, props, { ref: ref }));
-});
-Input.displayName = 'Input';
-export default Input;
-//# sourceMappingURL=Input.js.map

package/dist/esm/components/Input/Input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/Input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAG5C;;EAEE;AACF,MAAM,CAAC,IAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAGnC,SAAS,KAAK,CAAC,EAAsB,EAAE,GAAG;IAAzB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IACnC,OAAO,oBAAC,WAAW,eAAK,KAAK,IAAE,GAAG,EAAE,GAAG,IAAI,CAAA;AAC7C,CAAC,CAAC,CAAA;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA;AAE3B,eAAe,KAAK,CAAA"}

package/dist/esm/components/Input/Input.styles.js

@@ -1,22 +0,0 @@
-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, { css } from 'styled-components';
-import { borderRadius } from '../../styles/borderRadius';
-import { colors } from '../../styles/colors';
-import { getFocus } from '../../styles/mixins';
-import { spacing } from '../../styles/spacing';
-import { getTypographyIntent } from '../Typography/Typography.styles';
-export var dataQa = {
-    focused: 'core-input-focused',
-    hovered: 'core-input-hovered',
-};
-var inputHeight = 36;
-export function getInputStyles(_a) {
-    var error = _a.error, variant = _a.variant;
-    return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    ", "\n\n    background-color: ", ";\n    border-color: ", ";\n    border-radius: ", "px;\n    border-style: solid;\n    border-width: 1px;\n    color: ", ";\n    display: block;\n    font-family: inherit;\n    height: ", "px;\n    width: 100%;\n\n    &::placeholder {\n      color: ", ";\n    }\n\n    /* Firefox 19+ */\n    &::-moz-placeholder {\n      color: ", ";\n      opacity: 1;\n    }\n\n    ", "\n\n    &:focus,\n    &[data-qa=", "] {\n      ", "\n    }\n\n    &:disabled {\n      background-color: ", ";\n      border-color: ", ";\n      color: ", ";\n      // Safari: fixes lighter color of disabled input text\n      -webkit-text-fill-color: ", ";\n      opacity: 1;\n    }\n\n    ", "\n  "], ["\n    ", "\n\n    background-color: ", ";\n    border-color: ", ";\n    border-radius: ", "px;\n    border-style: solid;\n    border-width: 1px;\n    color: ", ";\n    display: block;\n    font-family: inherit;\n    height: ", "px;\n    width: 100%;\n\n    &::placeholder {\n      color: ", ";\n    }\n\n    /* Firefox 19+ */\n    &::-moz-placeholder {\n      color: ", ";\n      opacity: 1;\n    }\n\n    ", "\n\n    &:focus,\n    &[data-qa=", "] {\n      ", "\n    }\n\n    &:disabled {\n      background-color: ", ";\n      border-color: ", ";\n      color: ", ";\n      // Safari: fixes lighter color of disabled input text\n      -webkit-text-fill-color: ", ";\n      opacity: 1;\n    }\n\n    ", "\n  "])), getTypographyIntent('body'), colors.white, colors.gray70, borderRadius.md, colors.gray15, inputHeight, colors.gray45, colors.gray45, !error && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      &:hover,\n      &[data-qa=", "] {\n        border-color: ", ";\n      }\n    "], ["\n      &:hover,\n      &[data-qa=", "] {\n        border-color: ", ";\n      }\n    "])), dataQa.hovered, colors.gray45), dataQa.focused, getFocus(), colors.gray94, colors.gray70, colors.gray45, colors.gray45, (error || variant === 'error') && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      border-color: ", ";\n      background-color: ", ";\n\n      // TODO we can clean up these css vars when we convert Form to JSS\n      border-color: var(--core-input-error-border-color, ", ");\n      background-color: var(\n        --core-input-error-background-color,\n        ", "\n      );\n    "], ["\n      border-color: ", ";\n      background-color: ", ";\n\n      // TODO we can clean up these css vars when we convert Form to JSS\n      border-color: var(--core-input-error-border-color, ", ");\n      background-color: var(\n        --core-input-error-background-color,\n        ", "\n      );\n    "])), colors.red50, colors.white, colors.red50, colors.white));
-}
-export var StyledInput = styled.input(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", "\n\n  padding: 0 ", "px;\n\n  &::-ms-clear {\n    display: none;\n  }\n\n  &[type='number'] {\n    -moz-appearance: textfield;\n\n    &::-webkit-inner-spin-button,\n    &::-webkit-outer-spin-button {\n      -webkit-appearance: none;\n      margin: 0;\n    }\n  }\n"], ["\n  ", "\n\n  padding: 0 ", "px;\n\n  &::-ms-clear {\n    display: none;\n  }\n\n  &[type='number'] {\n    -moz-appearance: textfield;\n\n    &::-webkit-inner-spin-button,\n    &::-webkit-outer-spin-button {\n      -webkit-appearance: none;\n      margin: 0;\n    }\n  }\n"])), getInputStyles, spacing.md);
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
-//# sourceMappingURL=Input.styles.js.map

package/dist/esm/components/Input/Input.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.styles.js","sourceRoot":"","sources":["../../../../src/components/Input/Input.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AAErE,MAAM,CAAC,IAAM,MAAM,GAAG;IACpB,OAAO,EAAE,oBAAoB;IAC7B,OAAO,EAAE,oBAAoB;CAC9B,CAAA;AAED,IAAM,WAAW,GAAG,EAAE,CAAA;AAEtB,MAAM,UAAU,cAAc,CAAC,EAM9B;QALC,KAAK,WAAA,EACL,OAAO,aAAA;IAKP,OAAO,GAAG,wwBAAA,QACN,EAA2B,4BAET,EAAY,uBAChB,EAAa,wBACZ,EAAe,oEAGvB,EAAa,iEAGZ,EAAW,8DAIV,EAAa,6EAKb,EAAa,qCAItB,EAMD,kCAGW,EAAc,aACtB,EAAU,uDAIQ,EAAa,yBACjB,EAAa,kBACpB,EAAa,iGAEK,EAAa,qCAIxC,EAWD,MACF,KAzDG,mBAAmB,CAAC,MAAM,CAAC,EAET,MAAM,CAAC,KAAK,EAChB,MAAM,CAAC,MAAM,EACZ,YAAY,CAAC,EAAE,EAGvB,MAAM,CAAC,MAAM,EAGZ,WAAW,EAIV,MAAM,CAAC,MAAM,EAKb,MAAM,CAAC,MAAM,EAItB,CAAC,KAAK,IACR,GAAG,0JAAA,oCAEW,EAAc,6BACR,EAAa,kBAEhC,KAHa,MAAM,CAAC,OAAO,EACR,MAAM,CAAC,MAAM,CAEhC,EAGW,MAAM,CAAC,OAAO,EACtB,QAAQ,EAAE,EAIQ,MAAM,CAAC,MAAM,EACjB,MAAM,CAAC,MAAM,EACpB,MAAM,CAAC,MAAM,EAEK,MAAM,CAAC,MAAM,EAIxC,CAAC,KAAK,IAAI,OAAO,KAAK,OAAO,CAAC,IAChC,GAAG,sXAAA,wBACe,EAAY,6BACR,EAAY,0IAGqB,EAAY,0FAG7D,EAAY,kBAEjB,KATiB,MAAM,CAAC,KAAK,EACR,MAAM,CAAC,KAAK,EAGqB,MAAM,CAAC,KAAK,EAG7D,MAAM,CAAC,KAAK,CAEjB,EACF;AACH,CAAC;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,qVAAA,MACnC,EAAc,mBAEH,EAAU,qPAexB,KAjBG,cAAc,EAEH,OAAO,CAAC,EAAE,CAexB,CAAA"}

package/dist/esm/components/Input/Input.types.d.ts

@@ -1,14 +0,0 @@
-import { InputAttributes } from '../../utils/types';
-export interface InputProps extends InputAttributes {
-    /**
-     * Controls the error state of the `Input`, changing the
-     * background color and border colors to red
-     * @since 10.19.0
-     */
-    error?: boolean;
-    /**
-     * @deprecated Use the `error` prop instead
-     * @since 10.19.0
-     */
-    variant?: 'error' | '';
-}

package/dist/esm/components/Input/Input.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.types.js","sourceRoot":"","sources":["../../../../src/components/Input/Input.types.ts"],"names":[],"mappings":""}

package/dist/esm/components/Input/index.d.ts

@@ -1,2 +0,0 @@
-export { Input as default, Input } from './Input';
-export { InputProps } from './Input.types';

package/dist/esm/components/Input/index.js

@@ -1,2 +0,0 @@
-export { Input as default, Input } from './Input';
-//# sourceMappingURL=index.js.map

package/dist/esm/components/Input/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA"}

package/dist/esm/components/Link/Link.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../../src/components/Link/Link.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAG1C;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,IAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAClC,UAAC,EAAsB,EAAE,GAAG;IAAzB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IACnB,OAAO,CACL,oBAAC,UAAU,eAAK,KAAK,IAAE,GAAG,EAAE,GAAG,KAC5B,QAAQ,CACE,CACd,CAAA;AACH,CAAC,CACF,CAAA;AAED,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA"}

package/dist/esm/components/Link/Link.styles.js

@@ -1,23 +0,0 @@
-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, { css } from 'styled-components';
-import { getBorderRadius } from '../../styles/borderRadius';
-import { colors } from '../../styles/colors';
-import { focusable } from '../../styles/mixins';
-function getLinkColors(_a) {
-    var _b = _a.variant, variant = _b === void 0 ? 'default' : _b;
-    switch (variant) {
-        case 'gray':
-            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        color: ", ";\n\n        &:hover {\n          color: ", ";\n        }\n      "], ["\n        color: ", ";\n\n        &:hover {\n          color: ", ";\n        }\n      "])), colors.gray30, colors.orange50);
-        case 'white':
-            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        color: ", ";\n\n        &:hover {\n          color: ", ";\n        }\n      "], ["\n        color: ", ";\n\n        &:hover {\n          color: ", ";\n        }\n      "])), colors.white, colors.white);
-        case 'default':
-        default:
-            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        color: ", ";\n\n        &:hover {\n          color: ", ";\n        }\n      "], ["\n        color: ", ";\n\n        &:hover {\n          color: ", ";\n        }\n      "])), colors.blue45, colors.blue30);
-    }
-}
-export var StyledLink = styled.a(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  text-decoration: underline;\n\n  &:hover {\n    cursor: pointer;\n    text-decoration: underline;\n  }\n\n  ", "\n\n  // the focusable mixin applies the class and pseudo selector\n  &.focus,\n  &:focus {\n    ", ";\n  }\n\n  ", "\n"], ["\n  text-decoration: underline;\n\n  &:hover {\n    cursor: pointer;\n    text-decoration: underline;\n  }\n\n  ", "\n\n  // the focusable mixin applies the class and pseudo selector\n  &.focus,\n  &:focus {\n    ", ";\n  }\n\n  ", "\n"])), focusable, getBorderRadius('md'), getLinkColors);
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
-//# sourceMappingURL=Link.styles.js.map

package/dist/esm/components/Link/Link.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Link.styles.js","sourceRoot":"","sources":["../../../../src/components/Link/Link.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAG/C,SAAS,aAAa,CAAC,EAAuB;QAArB,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA;IAC1C,QAAQ,OAAO,EAAE;QACf,KAAK,MAAM;YACT,OAAO,GAAG,2JAAA,mBACC,EAAa,2CAGX,EAAe,sBAE3B,KALU,MAAM,CAAC,MAAM,EAGX,MAAM,CAAC,QAAQ,EAE3B;QACH,KAAK,OAAO;YACV,OAAO,GAAG,2JAAA,mBACC,EAAY,2CAGV,EAAY,sBAExB,KALU,MAAM,CAAC,KAAK,EAGV,MAAM,CAAC,KAAK,EAExB;QACH,KAAK,SAAS,CAAC;QACf;YACE,OAAO,GAAG,2JAAA,mBACC,EAAa,2CAGX,EAAa,sBAEzB,KALU,MAAM,CAAC,MAAM,EAGX,MAAM,CAAC,MAAM,EAEzB;KACJ;AACH,CAAC;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,CAAC,gTAAW,kHAQzC,EAAS,mGAKP,EAAqB,cAGvB,EAAa,IAChB,KATG,SAAS,EAKP,eAAe,CAAC,IAAI,CAAC,EAGvB,aAAa,CAChB,CAAA"}

package/dist/esm/components/Link/Link.types.d.ts

@@ -1,10 +0,0 @@
-import { AnchorAttributes, Props } from '../../utils/types';
-declare type LinkVariant = 'gray' | 'white';
-export interface LinkProps extends Props, AnchorAttributes {
-    /**
-     * The color variant of the link
-     * @since 10.19.0
-     */
-    variant?: LinkVariant;
-}
-export {};

package/dist/esm/components/Link/Link.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Link.types.js","sourceRoot":"","sources":["../../../../src/components/Link/Link.types.ts"],"names":[],"mappings":""}

package/dist/esm/components/Link/index.d.ts

@@ -1,2 +0,0 @@
-export { Link as default, Link } from './Link';
-export { LinkProps } from './Link.types';

package/dist/esm/components/Link/index.js

@@ -1,2 +0,0 @@
-export { Link as default, Link } from './Link';
-//# sourceMappingURL=index.js.map

package/dist/esm/components/Link/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Link/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA"}

package/dist/esm/components/Loader/Loader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../../../src/components/Loader/Loader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAG9D,MAAM,CAAC,IAAM,gBAAgB,GAAG,CAAC,CAAA;AACjC,MAAM,CAAC,IAAM,gBAAgB,GAAG,GAAG,CAAA;AAEnC,MAAM,CAAC,IAAM,KAAK,GAAG,UACnB,KAAa,EACb,QAAmC,EACnC,QAAmC;IADnC,yBAAA,EAAA,2BAAmC;IACnC,yBAAA,EAAA,2BAAmC;IAChC,OAAA,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AAAzD,CAAyD,CAAA;AAE9D,MAAM,CAAC,IAAM,MAAM,GAA0B,SAAS,MAAM,CAAC,EAK5D;IAJC,IAAA,aAAS,EAAT,KAAK,mBAAG,CAAC,KAAA,EACT,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,QAAQ,cAAA,EACL,KAAK,cAJmD,iCAK5D,CADS;IAER,IAAM,aAAa,GAAG,KAAK,CAAC,KAAK,CAAC,CAAA;IAElC,OAAO,CACL,oBAAC,YAAY,eAAK,KAAK,IAAE,KAAK,EAAE,EAAE,KAAK,EAAE,UAAG,aAAa,MAAG,EAAE;QAC5D,oBAAC,cAAc,iBAAY,QAAQ,IAAG,QAAQ,CAAkB,CACnD,CAChB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA"}

package/dist/esm/components/Loader/Loader.styles.js

@@ -1,19 +0,0 @@
-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, { css, keyframes } from 'styled-components';
-import { colors } from '../../styles/colors';
-var backgroundSize = 8;
-var color1 = colors.blue50;
-var color2 = colors.blue40;
-export var transitionDuration = 250;
-var movingStripes = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  from {\n    background-position: ", "px 0;\n  }\n  100% {\n    background-position: 0 ", "px;\n  }\n"], ["\n  from {\n    background-position: ", "px 0;\n  }\n  100% {\n    background-position: 0 ", "px;\n  }\n"])), backgroundSize, backgroundSize);
-export var StyledLoader = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: block;\n  height: 100%;\n  left: 0;\n  min-width: 12px; // TODO one-off value\n  position: absolute;\n  transition: width ", "ms ease-out; // TODO animation palette\n  top: 0;\n"], ["\n  display: block;\n  height: 100%;\n  left: 0;\n  min-width: 12px; // TODO one-off value\n  position: absolute;\n  transition: width ", "ms ease-out; // TODO animation palette\n  top: 0;\n"])), transitionDuration);
-export var StyledGradient = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  height: 100%;\n\n  ", "\n"], ["\n  height: 100%;\n\n  ", "\n"])), function (_a) {
-    var $animated = _a.$animated;
-    return $animated
-        ? css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n          animation: ", " 0.5s linear infinite;\n          background-image: linear-gradient(\n            45deg,\n            ", " 26%,\n            ", " 25%,\n            ", " 51%,\n            ", " 50%,\n            ", " 76%,\n            ", " 75%,\n            ", "\n          );\n          background-size: ", "px ", "px;\n        "], ["\n          animation: ", " 0.5s linear infinite;\n          background-image: linear-gradient(\n            45deg,\n            ", " 26%,\n            ", " 25%,\n            ", " 51%,\n            ", " 50%,\n            ", " 76%,\n            ", " 75%,\n            ", "\n          );\n          background-size: ", "px ", "px;\n        "])), movingStripes, color1, color2, color2, color1, color1, color2, color2, backgroundSize, backgroundSize) : css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n          background-color: ", ";\n        "], ["\n          background-color: ", ";\n        "])), colors.blue50);
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
-//# sourceMappingURL=Loader.styles.js.map

package/dist/esm/components/Loader/Loader.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Loader.styles.js","sourceRoot":"","sources":["../../../../src/components/Loader/Loader.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAE5C,IAAM,cAAc,GAAG,CAAC,CAAA;AAExB,IAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAA;AAE5B,IAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAA;AAE5B,MAAM,CAAC,IAAM,kBAAkB,GAAG,GAAG,CAAA;AAErC,IAAM,aAAa,GAAG,SAAS,6KAAA,uCAEJ,EAAc,mDAGZ,EAAc,YAE1C,KAL0B,cAAc,EAGZ,cAAc,CAE1C,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,mQAAA,yIAMhB,EAAkB,qDAEvC,KAFqB,kBAAkB,CAEvC,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,kGAAwB,yBAG5D,EAkBK,IACR,KAnBG,UAAC,EAAa;QAAX,SAAS,eAAA;IACZ,OAAA,SAAS;QACP,CAAC,CAAC,GAAG,uZAAA,yBACY,EAAa,wGAGtB,EAAM,qBACN,EAAM,qBACN,EAAM,qBACN,EAAM,qBACN,EAAM,qBACN,EAAM,qBACN,EAAM,6CAES,EAAc,KAAM,EAAc,eACtD,KAZc,aAAa,EAGtB,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EAES,cAAc,EAAM,cAAc,EAEzD,CAAC,CAAC,GAAG,kHAAA,gCACmB,EAAa,aAClC,KADqB,MAAM,CAAC,MAAM,CAClC;AAjBL,CAiBK,CACR,CAAA"}

package/dist/esm/components/Loader/Loader.types.d.ts

@@ -1,11 +0,0 @@
-import { Props } from '../../utils/types';
-export interface LoaderProps extends Props {
-    /**
-     * @since 10.19.0
-     */
-    value: number;
-    /**
-     * @since 10.19.0
-     */
-    animated?: boolean;
-}

package/dist/esm/components/Loader/Loader.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Loader.types.js","sourceRoot":"","sources":["../../../../src/components/Loader/Loader.types.ts"],"names":[],"mappings":""}

package/dist/esm/components/Loader/index.d.ts

@@ -1 +0,0 @@
-export { Loader as default, Loader } from './Loader';

package/dist/esm/components/Loader/index.js

@@ -1,2 +0,0 @@
-export { Loader as default, Loader } from './Loader';
-//# sourceMappingURL=index.js.map

package/dist/esm/components/Loader/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Loader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA"}

package/dist/esm/components/Menu/Menu.d.ts

@@ -1,38 +0,0 @@
-import React from 'react';
-import { DivAttributes } from '../../utils/types';
-import { ElementTypeChecker, ItemProps, GroupProps, OptionsProps, MenuSearchProps, HeaderProps, FooterProps, MenuHookConfig, MenuHook, MenuProps } from './Menu.types';
-export declare const isItem: ElementTypeChecker;
-export declare function useMenu({ isSelectable, keyHandlerRef: externalKeyHandlerRef, multiple, onScrollBottom, onSearch, onSelect, scrollable, }: MenuHookConfig): MenuHook;
-export declare const MenuHookContext: React.Context<MenuHook | null>;
-export declare function useMenuHookContext(): MenuHook;
-/**
-
- Menus are used in conjunction with components that contain dropdowns.
- For example, multi select, single select, and dropdown.
-
- @since 10.19.0
-
- @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-menu--demo)
-
- @see [Design Guidelines](https://design.procore.com/menu)
-
- */
-export declare const Menu_: React.ForwardRefExoticComponent<MenuProps & React.RefAttributes<HTMLDivElement>>;
-export declare const Group: React.ForwardRefExoticComponent<DivAttributes & GroupProps & React.RefAttributes<HTMLDivElement>>;
-export declare const Item: React.ForwardRefExoticComponent<Pick<DivAttributes & ItemProps, "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "selected" | "item" | "suggested" | "index"> & React.RefAttributes<HTMLDivElement>>;
-export declare const Options: React.ForwardRefExoticComponent<OptionsProps & React.RefAttributes<HTMLDivElement>>;
-export declare function Search({ className, i18nScope, placeholder, ...props }: MenuSearchProps): JSX.Element;
-export declare namespace Search {
-    var displayName: string;
-}
-export declare const Header: React.ForwardRefExoticComponent<DivAttributes & HeaderProps & React.RefAttributes<HTMLDivElement>>;
-export declare const Footer: React.ForwardRefExoticComponent<DivAttributes & FooterProps & React.RefAttributes<HTMLDivElement>>;
-export declare const Menu: React.ForwardRefExoticComponent<MenuProps & React.RefAttributes<HTMLDivElement>> & {
-    Footer: React.ForwardRefExoticComponent<DivAttributes & FooterProps & React.RefAttributes<HTMLDivElement>>;
-    Group: React.ForwardRefExoticComponent<DivAttributes & GroupProps & React.RefAttributes<HTMLDivElement>>;
-    Header: React.ForwardRefExoticComponent<DivAttributes & HeaderProps & React.RefAttributes<HTMLDivElement>>;
-    Item: React.ForwardRefExoticComponent<Pick<DivAttributes & ItemProps, "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "selected" | "item" | "suggested" | "index"> & React.RefAttributes<HTMLDivElement>>;
-    Options: React.ForwardRefExoticComponent<OptionsProps & React.RefAttributes<HTMLDivElement>>;
-    Search: typeof Search;
-};
-export default Menu;

package/dist/esm/components/Menu/Menu.js

@@ -1,285 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    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 { useEventListener } from '../../effects/EventListener';
-import { useI18nContext } from '../../state/I18n';
-import { useListNavigation } from '../../state/ListNavigation';
-import { addSubcomponents } from '../../utils/addSubcomponents';
-import { usingHookOrDefault } from '../../utils/usingHookOrDefault';
-import { useOverlayTriggerContext } from '../OverlayTrigger';
-import { Search as SearchBase } from '../Search';
-import { useSearch } from '../Search/Search.hooks';
-import { StyledFooter, StyledGroup, StyledHeader, StyledItem, StyledMenu, StyledOptions, StyledSearch, StyledWrapper, } from '../MenuImperative/MenuImperative.styles';
-var onScrollBottomThreshold = 8;
-export var isItem = function (element) { return element.type === Item; };
-function scrollIntoView(index, element) {
-    if (!element.parentElement) {
-        return;
-    }
-    if (index === 0) {
-        element.parentElement.scrollTop = 0;
-        return;
-    }
-    var offsetTop = element.offsetTop, clientHeight = element.clientHeight;
-    var _a = element.parentElement, scrollTop = _a.scrollTop, parentHeight = _a.clientHeight;
-    if (offsetTop < scrollTop) {
-        element.parentElement.scrollTop = offsetTop;
-    }
-    else if (offsetTop + clientHeight > scrollTop + parentHeight) {
-        element.parentElement.scrollTop = offsetTop - parentHeight + clientHeight;
-    }
-}
-function checkBottomScrollPosition(callback) {
-    return function onScroll(e) {
-        if (callback &&
-            e.currentTarget instanceof HTMLElement &&
-            e.currentTarget.scrollTop >=
-                e.currentTarget.scrollHeight -
-                    e.currentTarget.clientHeight -
-                    onScrollBottomThreshold) {
-            callback(e);
-        }
-    };
-}
-function noop() { }
-export function useMenu(_a) {
-    var _b = _a.isSelectable, isSelectable = _b === void 0 ? isItem : _b, externalKeyHandlerRef = _a.keyHandlerRef, _c = _a.multiple, multiple = _c === void 0 ? false : _c, onScrollBottom = _a.onScrollBottom, _d = _a.onSearch, onSearch = _d === void 0 ? noop : _d, _e = _a.onSelect, onSelect = _e === void 0 ? noop : _e, _f = _a.scrollable, scrollable = _f === void 0 ? true : _f;
-    var listNavigation = useListNavigation({
-        circular: !onScrollBottom,
-        initialIndex: 0,
-        size: 0,
-    });
-    var search = useSearch({
-        onChange: function (e) {
-            listNavigation.set(0);
-            onSearch(e);
-        },
-        typeahead: true,
-    });
-    var highlighted = React.useRef(null);
-    var keyHandlerRef = externalKeyHandlerRef || React.createRef();
-    var selectItem = React.useCallback(function (selection) {
-        onSelect(selection);
-    }, [onSelect]);
-    var onKeyDown = React.useCallback(function (e) {
-        var key = e.key;
-        if (key === 'ArrowDown' || key === 'Down') {
-            listNavigation.increment();
-            e.preventDefault();
-        }
-        else if (key === 'ArrowUp' || key === 'Up') {
-            listNavigation.decrement();
-            e.preventDefault();
-        }
-        else if (key === 'Enter') {
-            if (highlighted.current) {
-                highlighted.current.click();
-            }
-        }
-    }, [listNavigation]);
-    // TODO - deprecate keyhandlerRef, this is just for backwards compatibility since we already exposed it
-    React.useEffect(function () {
-        var el;
-        if (keyHandlerRef.current) {
-            keyHandlerRef.current.addEventListener('keydown', onKeyDown);
-            el = keyHandlerRef.current;
-        }
-        return function () {
-            if (el) {
-                el.removeEventListener('keydown', onKeyDown);
-            }
-        };
-    }, [keyHandlerRef, onKeyDown]);
-    return {
-        domHandlers: {
-            onKeyDown: function (e) {
-                return onKeyDown(e.nativeEvent);
-            },
-        },
-        highlighted: highlighted,
-        isSelectable: isSelectable,
-        listNavigation: listNavigation,
-        multiple: multiple,
-        onScrollBottom: onScrollBottom,
-        scrollable: scrollable,
-        selectItem: selectItem,
-        search: search,
-    };
-}
-export var MenuHookContext = React.createContext(null);
-export function useMenuHookContext() {
-    var context = React.useContext(MenuHookContext);
-    if (context === null) {
-        throw new Error('Cannot find `MenuHook` context, please wrap your component in `<MenuHookContext.Provider>`');
-    }
-    return context;
-}
-/**
-
- Menus are used in conjunction with components that contain dropdowns.
- For example, multi select, single select, and dropdown.
-
- @since 10.19.0
-
- @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-menu--demo)
-
- @see [Design Guidelines](https://design.procore.com/menu)
-
- */
-export var Menu_ = React.forwardRef(function Menu(_a, ref) {
-    var children = _a.children, _b = _a.UNSAFE_closesOnSelect, UNSAFE_closesOnSelect = _b === void 0 ? true : _b, _c = _a.isSelectable, isSelectable = _c === void 0 ? isItem : _c, keyHandlerRef = _a.keyHandlerRef, onScrollBottom = _a.onScrollBottom, _d = _a.onSelect, onSelect = _d === void 0 ? noop : _d, _e = _a.scrollable, scrollable = _e === void 0 ? true : _e, usingHook = _a.usingHook, props = __rest(_a, ["children", "UNSAFE_closesOnSelect", "isSelectable", "keyHandlerRef", "onScrollBottom", "onSelect", "scrollable", "usingHook"]);
-    // Don't be tempted to put this in useMenu. In order for hooks to be portable
-    // across the dom tree, they should not contain context consumers.
-    var overlayTriggerContext = useOverlayTriggerContext();
-    var menu = usingHookOrDefault(usingHook, useMenu)({
-        isSelectable: isSelectable,
-        keyHandlerRef: keyHandlerRef,
-        onScrollBottom: onScrollBottom,
-        onSelect: onSelect,
-        scrollable: scrollable,
-    });
-    React.useEffect(function () {
-        // When unmounting, reset the listNavigation index and set
-        // the current highlighted item to null. we only want to run this once,
-        // so don't pass any dependencies
-        return function () {
-            menu.search.clear();
-            menu.listNavigation.reset();
-            menu.highlighted.current = null;
-        };
-    }, 
-    /* eslint-disable */ [] /* eslint-enable */);
-    function selectItem(selection) {
-        menu.selectItem(selection);
-        if (UNSAFE_closesOnSelect) {
-            overlayTriggerContext.hide(selection.event);
-        }
-    }
-    return (React.createElement(MenuHookContext.Provider, { value: __assign(__assign({}, menu), { selectItem: selectItem }) },
-        React.createElement(StyledWrapper, __assign({}, menu.domHandlers, { ref: ref, tabIndex: 0 }),
-            React.createElement(StyledMenu, __assign({}, props), children))));
-});
-export var Group = React.forwardRef(function Group(_a, ref) {
-    var children = _a.children, _b = _a.clickable, clickable = _b === void 0 ? false : _b, item = _a.item, props = __rest(_a, ["children", "clickable", "item"]);
-    return (React.createElement(StyledGroup, __assign({}, props, { ref: ref, onClick: function (event) {
-            // TODO: implement selecting groups?
-        }, "$clickable": clickable }), children));
-});
-export var Item = React.forwardRef(function Item(_a, ref) {
-    var children = _a.children, _b = _a.index, index = _b === void 0 ? 0 : _b, item = _a.item, _c = _a.onClick, onClick = _c === void 0 ? noop : _c, _d = _a.selected, selected = _d === void 0 ? false : _d, _e = _a.suggested, suggested = _e === void 0 ? false : _e, onMouseMove = _a.onMouseMove, props = __rest(_a, ["children", "index", "item", "onClick", "selected", "suggested", "onMouseMove"]);
-    var _f = useMenuHookContext(), highlighted = _f.highlighted, listNavigation = _f.listNavigation, multiple = _f.multiple, selectItem = _f.selectItem;
-    var itemRef = 
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    ref || React.useRef();
-    var isHighlighted = index === listNavigation.index;
-    React.useEffect(function () {
-        // When mounting, check if this item is selected or suggested, and if
-        // it is, then set it as the current index and scroll to it.
-        // We only want to run this once, so don't pass any dependencies
-        if (multiple) {
-            // don't do this behavior in multiple mode
-            return;
-        }
-        if (itemRef.current && (selected || suggested)) {
-            highlighted.current = itemRef.current;
-            listNavigation.set(index);
-        }
-    }, 
-    /* eslint-disable */ [] /* eslint-enable */);
-    React.useEffect(function () {
-        // If this item has become highlighted, scroll to it
-        if (itemRef.current && isHighlighted) {
-            highlighted.current = itemRef.current;
-            scrollIntoView(index, itemRef.current);
-        }
-    }, [highlighted, index, isHighlighted, itemRef]);
-    return (React.createElement(StyledItem, __assign({}, props, { onClick: function (event) {
-            listNavigation.set(index);
-            selectItem({ event: event.nativeEvent, item: item, group: false });
-            onClick(event);
-        }, onMouseMove: function (event) {
-            if (onMouseMove) {
-                onMouseMove(event);
-            }
-            if (listNavigation.index !== index) {
-                listNavigation.set(index);
-            }
-        }, ref: itemRef, "$highlighted": isHighlighted, "$selected": selected }), children));
-});
-export var Options = React.forwardRef(function Options(_a, ref) {
-    var children = _a.children, className = _a.className, _b = _a.scrollable, scrollable = _b === void 0 ? true : _b;
-    var _c = useMenuHookContext(), listNavigation = _c.listNavigation, isSelectable = _c.isSelectable, onScrollBottom = _c.onScrollBottom, menuScrollable = _c.scrollable;
-    var optionsRef = ref || React.createRef();
-    var size = React.Children.toArray(children).filter(isSelectable).length;
-    React.useEffect(function () {
-        listNavigation.setSize(size);
-    }, [listNavigation, size]);
-    useEventListener({
-        event: 'scroll',
-        handler: checkBottomScrollPosition(onScrollBottom),
-        scope: optionsRef,
-    });
-    var index = 0;
-    return (React.createElement(StyledOptions, { className: className, ref: optionsRef, "$scrollable": menuScrollable || scrollable }, React.Children.map(children, function (child) {
-        if (React.isValidElement(child) && isSelectable(child)) {
-            var selectableIndex = index;
-            index = index + 1;
-            return React.cloneElement(child, {
-                index: selectableIndex,
-            });
-        }
-        return child;
-    })));
-});
-export function Search(_a) {
-    var className = _a.className, _b = _a.i18nScope, i18nScope = _b === void 0 ? 'core.menu' : _b, placeholder = _a.placeholder, props = __rest(_a, ["className", "i18nScope", "placeholder"]);
-    var menu = useMenuHookContext();
-    var I18n = useI18nContext();
-    return (React.createElement(StyledSearch, { className: className },
-        React.createElement(SearchBase, __assign({}, props, { autoFocus: true, placeholder: placeholder || I18n.t('search', { scope: i18nScope }), typeahead: true, usingHook: menu.search }))));
-}
-export var Header = React.forwardRef(function Header(_a, ref) {
-    var props = __rest(_a, []);
-    return React.createElement(StyledHeader, __assign({ ref: ref }, props));
-});
-export var Footer = React.forwardRef(function Footer(_a, ref) {
-    var _b = _a.padding, padding = _b === void 0 ? 'md lg' : _b, props = __rest(_a, ["padding"]);
-    return React.createElement(StyledFooter, __assign({ ref: ref, padding: padding }, props));
-});
-Menu_.displayName = 'Menu';
-Footer.displayName = 'Menu.Footer';
-Group.displayName = 'Menu.Group';
-Header.displayName = 'Menu.Header';
-Item.displayName = 'Menu.Item';
-Options.displayName = 'Menu.Options';
-Search.displayName = 'Menu.Search';
-export var Menu = addSubcomponents({
-    Footer: Footer,
-    Group: Group,
-    Header: Header,
-    Item: Item,
-    Options: Options,
-    Search: Search,
-}, Menu_);
-export default Menu;
-//# sourceMappingURL=Menu.js.map