@procore/core-react 10.26.0 → 10.26.1-rc.2

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

@@ -0,0 +1,41 @@
+import { Props, Size } from '../../utils/types';
+export declare type IconSize = Extract<Size, 'inherit' | 'sm' | 'md' | 'lg'>;
+declare type IconVariant = '' | 'hover-circle' | 'hover-fill';
+export interface SVGIconProps {
+    /**
+     * @since 10.19.0
+     */
+    path: string;
+    /**
+     * @since 10.19.0
+     */
+    fill?: string;
+    /**
+     * @since 10.19.0
+     */
+    size: IconSize;
+}
+export interface IconProps extends Props {
+    /**
+     * @since 10.19.0
+     */
+    clickable?: boolean;
+    /**
+     * The core-icon to show
+     * @since 10.19.0
+     */
+    icon: string;
+    /**
+     * The size of the icon
+     * @default 'sm'
+     * @since 10.19.0
+     */
+    size?: IconSize;
+    /**
+     * The icon variant
+     * @default ''
+     * @since 10.19.0
+     */
+    variant?: IconVariant;
+}
+export {};

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1,34 @@
+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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,12 @@
+export declare const dataQa: {
+    focused: string;
+    hovered: string;
+};
+export declare function getInputStyles({ error, variant, }: {
+    error?: boolean;
+    variant?: 'error' | '';
+}): import("styled-components").FlattenSimpleInterpolation;
+export declare const StyledInput: import("styled-components").StyledComponent<"input", any, {
+    error?: boolean | undefined;
+    variant?: "" | "error" | undefined;
+}, never>;

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

@@ -0,0 +1,21 @@
+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 { 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      border-style: solid;\n      border-width: 1px;\n      border-color: transparent;\n      box-shadow: 0 0 0 2px ", ";\n      outline: none;\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      border-style: solid;\n      border-width: 1px;\n      border-color: transparent;\n      box-shadow: 0 0 0 2px ", ";\n      outline: none;\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, colors.blue40, 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

@@ -0,0 +1 @@
+{"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;AAE5C,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,64BAAA,QACN,EAA2B,4BAET,EAAY,uBAChB,EAAa,wBACZ,EAAe,oEAGvB,EAAa,iEAGZ,EAAW,8DAIV,EAAa,6EAKb,EAAa,qCAItB,EAMD,kCAGW,EAAc,2HAIA,EAAa,8EAKjB,EAAa,yBACjB,EAAa,kBACpB,EAAa,iGAEK,EAAa,qCAIxC,EAWD,MACF,KA7DG,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,EAIA,MAAM,CAAC,MAAM,EAKjB,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

@@ -0,0 +1,14 @@
+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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { LinkProps } from './Link.types';
+/**
+
+ Links provide users with quick references to relevant Procore or affiliate
+ websites that will provide more contextual information to a page or feature.
+
+ Links should not be used to reference a page or modal in Procore’s product.
+ In that case, use a button.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-link--demo)
+
+ @see [Design Guidelines](https://design.procore.com/link)
+
+ */
+export declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;

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

@@ -0,0 +1,45 @@
+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 { StyledLink } from './Link.styles';
+/**
+
+ Links provide users with quick references to relevant Procore or affiliate
+ websites that will provide more contextual information to a page or feature.
+
+ Links should not be used to reference a page or modal in Procore’s product.
+ In that case, use a button.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-link--demo)
+
+ @see [Design Guidelines](https://design.procore.com/link)
+
+ */
+export var Link = React.forwardRef(function (_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(StyledLink, __assign({}, props, { ref: ref }), children));
+});
+Link.displayName = 'Link';
+//# sourceMappingURL=Link.js.map

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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,2 @@
+import { LinkProps } from './Link.types';
+export declare const StyledLink: import("styled-components").StyledComponent<"a", any, LinkProps, never>;

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

@@ -0,0 +1,19 @@
+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 { colors } from '../../styles/colors';
+import { focusable } from '../../styles/mixins';
+export var StyledLink = styled.a(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  text-decoration: none;\n\n  &:hover {\n    cursor: pointer;\n    text-decoration: underline;\n  }\n\n  ", "\n\n  ", "\n"], ["\n  text-decoration: none;\n\n  &:hover {\n    cursor: pointer;\n    text-decoration: underline;\n  }\n\n  ", "\n\n  ", "\n"])), focusable, function (_a) {
+    var variant = _a.variant;
+    if (variant && variant === '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);
+    }
+    else if (variant && variant === 'white') {
+        return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        color: ", ";\n      "], ["\n        color: ", ";\n      "])), colors.white);
+    }
+    return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      color: ", ";\n    "], ["\n      color: ", ";\n    "])), colors.blue40);
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=Link.styles.js.map

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

@@ -0,0 +1 @@
+{"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,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAG/C,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,CAAC,gMAAW,6GAQzC,EAAS,QAET,EAkBD,IACF,KArBG,SAAS,EAET,UAAC,EAAW;QAAT,OAAO,aAAA;IACV,IAAI,OAAO,IAAI,OAAO,KAAK,MAAM,EAAE;QACjC,OAAO,GAAG,2JAAA,mBACC,EAAa,2CAGX,EAAe,sBAE3B,KALU,MAAM,CAAC,MAAM,EAGX,MAAM,CAAC,QAAQ,EAE3B;KACF;SAAM,IAAI,OAAO,IAAI,OAAO,KAAK,OAAO,EAAE;QACzC,OAAO,GAAG,mGAAA,mBACC,EAAY,WACtB,KADU,MAAM,CAAC,KAAK,EACtB;KACF;IAED,OAAO,GAAG,+FAAA,iBACC,EAAa,SACvB,KADU,MAAM,CAAC,MAAM,EACvB;AACH,CAAC,CACF,CAAA"}

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

@@ -0,0 +1,10 @@
+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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { LoaderProps } from './Loader.types';
+export declare const minProgressValue = 0;
+export declare const maxProgressValue = 100;
+export declare const clamp: (value: number, minValue?: number, maxValue?: number) => number;
+export declare const Loader: React.FC<LoaderProps>;

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

@@ -0,0 +1,39 @@
+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 { StyledGradient, StyledLoader } from './Loader.styles';
+export var minProgressValue = 0;
+export var maxProgressValue = 100;
+export var clamp = function (value, minValue, maxValue) {
+    if (minValue === void 0) { minValue = minProgressValue; }
+    if (maxValue === void 0) { maxValue = maxProgressValue; }
+    return Math.max(minValue, Math.min(maxValue, Math.floor(value)));
+};
+export var Loader = function Loader(_a) {
+    var _b = _a.value, value = _b === void 0 ? 0 : _b, _c = _a.animated, animated = _c === void 0 ? false : _c, children = _a.children, props = __rest(_a, ["value", "animated", "children"]);
+    var progressValue = clamp(value);
+    return (React.createElement(StyledLoader, __assign({}, props, { style: { width: "".concat(progressValue, "%") } }),
+        React.createElement(StyledGradient, { "$animated": animated }, children)));
+};
+Loader.displayName = 'Loader';
+//# sourceMappingURL=Loader.js.map

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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,5 @@
+export declare const transitionDuration = 250;
+export declare const StyledLoader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledGradient: import("styled-components").StyledComponent<"div", any, {
+    $animated: boolean;
+}, never>;

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

@@ -0,0 +1,19 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,11 @@
+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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,38 @@
+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;