@procore/core-react 0.0.0-20230808121909

package/dist/Section/Section.styles.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+export declare const StyledSectionInner: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledSectionCollapseHeading: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const sectionClassnames: {
+    divide: string;
+    levelAnonymous: string;
+    level: (num: number) => string;
+};
+export declare const StyledSection: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledSectionContentRegion: import("styled-components").StyledComponent<"div", any, {
+    $closed: boolean;
+    $noHeader: boolean;
+}, never>;
+export declare const StyledSectionHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledTitle: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").TitleProps & import("react").RefAttributes<HTMLDivElement>> & {
+    Pills: import("react").ForwardRefExoticComponent<import("../_utils/types").DivAttributes & import("react").RefAttributes<HTMLDivElement>>;
+    Text: import("react").ForwardRefExoticComponent<import("../_utils/types").DivAttributes & import("react").RefAttributes<HTMLDivElement>>;
+    Subtext: import("react").ForwardRefExoticComponent<import("../_utils/types").DivAttributes & import("react").RefAttributes<HTMLDivElement>>;
+    Actions: import("react").ForwardRefExoticComponent<import("../_utils/types").DivAttributes & import("react").RefAttributes<HTMLDivElement>>;
+    Assets: import("react").ForwardRefExoticComponent<import("../_utils/types").DivAttributes & import("react").RefAttributes<HTMLDivElement>>;
+}, any, {}, never>;

package/dist/Section/Section.styles.js

@@ -0,0 +1,28 @@
+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 { StyledFormRow } from '../Form/Form.styles';
+import { Title } from '../Title/Title';
+import { colors } from '../_styles/colors';
+import { spacing } from '../_styles/spacing';
+export var StyledSectionInner = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
+export var StyledSectionCollapseHeading = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  align-self: flex-start;\n  margin-right: ", "px;\n"], ["\n  align-self: flex-start;\n  margin-right: ", "px;\n"])), spacing.sm);
+export var sectionClassnames = {
+    divide: 'section--divide',
+    levelAnonymous: 'section--level-anon',
+    level: function (num) { return "section--level-".concat(num); },
+};
+export var StyledSection = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  padding-left: ", "px;\n  padding-right: ", "px;\n  padding-bottom: ", "px;\n\n  & > ", " {\n    padding-top: ", "px;\n  }\n\n  // horizontal divider\n  &.", " {\n    & > ", " {\n      border-top: 1px solid ", ";\n    }\n  }\n\n  // if leading, no horizontal divider\n  &:first-child > ", " {\n    border-top: 0;\n  }\n\n  & & {\n    padding-left: 0;\n    padding-right: 0;\n\n    // if leading in nested, add the division back\n    &:first-child > ", " {\n      border-top: 1px solid ", ";\n    }\n\n    &:last-child {\n      padding-bottom: 0;\n    }\n  }\n\n  // form rows have trailing space for error message\n  ", ":last-of-type {\n    margin-bottom: ", "px;\n  }\n\n  // form rows have trailing space for error message\n  ", " + &&& {\n    padding-top: ", "px;\n  }\n"], ["\n  padding-left: ", "px;\n  padding-right: ", "px;\n  padding-bottom: ", "px;\n\n  & > ", " {\n    padding-top: ", "px;\n  }\n\n  // horizontal divider\n  &.", " {\n    & > ", " {\n      border-top: 1px solid ", ";\n    }\n  }\n\n  // if leading, no horizontal divider\n  &:first-child > ", " {\n    border-top: 0;\n  }\n\n  & & {\n    padding-left: 0;\n    padding-right: 0;\n\n    // if leading in nested, add the division back\n    &:first-child > ", " {\n      border-top: 1px solid ", ";\n    }\n\n    &:last-child {\n      padding-bottom: 0;\n    }\n  }\n\n  // form rows have trailing space for error message\n  ", ":last-of-type {\n    margin-bottom: ", "px;\n  }\n\n  // form rows have trailing space for error message\n  ", " + &&& {\n    padding-top: ", "px;\n  }\n"])), spacing.xl, spacing.xl, spacing.xl, StyledSectionInner, spacing.xl, sectionClassnames.divide, StyledSectionInner, colors.gray85, StyledSectionInner, StyledSectionInner, colors.gray85, StyledFormRow, spacing.xl * -1, StyledFormRow, spacing.xs);
+export var StyledSectionContentRegion = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  padding-top: 20px;\n  padding-bottom: ", "px;\n\n  ", "\n\n  ", "\n\n  // if a nested section isn't first\n  // Section\n  //   P\n  //   Section <-- space above\n  & > :not(", ") + ", " {\n    padding-top: ", "px;\n  }\n\n  // nested sections, the last one doesn't need more trailing space\n  ", " ", " &:last-of-type {\n    padding-bottom: 0;\n  }\n"], ["\n  padding-top: 20px;\n  padding-bottom: ", "px;\n\n  ", "\n\n  ", "\n\n  // if a nested section isn't first\n  // Section\n  //   P\n  //   Section <-- space above\n  & > :not(", ") + ", " {\n    padding-top: ", "px;\n  }\n\n  // nested sections, the last one doesn't need more trailing space\n  ", " ", " &:last-of-type {\n    padding-bottom: 0;\n  }\n"])), spacing.sm, function (_a) {
+    var $closed = _a.$closed;
+    return $closed && css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      padding-top: 0;\n      padding-bottom: 0;\n    "], ["\n      padding-top: 0;\n      padding-bottom: 0;\n    "])));
+}, function (_a) {
+    var $noHeader = _a.$noHeader;
+    return $noHeader && css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      padding-top: 0;\n    "], ["\n      padding-top: 0;\n    "])));
+}, StyledSection, StyledSection, spacing.xl, StyledSection, StyledSection);
+export var StyledSectionHeader = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  // min-height on header for alignment:\n  //  - when heading line height is less than the collapse button height\n  //  - when heading line height is less than the button size it will shift\n  //      the heading text when the section is opened and buttons appear\n  min-height: 36px;\n  word-break: break-word;\n"], ["\n  align-items: center;\n  display: flex;\n  // min-height on header for alignment:\n  //  - when heading line height is less than the collapse button height\n  //  - when heading line height is less than the button size it will shift\n  //      the heading text when the section is opened and buttons appear\n  min-height: 36px;\n  word-break: break-word;\n"])));
+export var StyledTitle = styled(Title)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  width: 100%;\n"], ["\n  width: 100%;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
+//# sourceMappingURL=Section.styles.js.map

package/dist/Section/Section.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.styles.js","sourceRoot":"","sources":["../../src/Section/Section.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAE5C,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,qEAAA,EAAE,IAAA,CAAA;AAE9C,MAAM,CAAC,IAAM,4BAA4B,GAAG,MAAM,CAAC,GAAG,2HAAA,+CAEpC,EAAU,OAC3B,KADiB,OAAO,CAAC,EAAE,CAC3B,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG;IAC/B,MAAM,EAAE,iBAAiB;IACzB,cAAc,EAAE,qBAAqB;IACrC,KAAK,EAAE,UAAC,GAAW,IAAK,OAAA,yBAAkB,GAAG,CAAE,EAAvB,CAAuB;CAChD,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,80BAAA,oBACrB,EAAU,wBACT,EAAU,yBACT,EAAU,eAEtB,EAAkB,uBACP,EAAU,2CAIvB,EAAwB,cACpB,EAAkB,kCACE,EAAa,6EAKvB,EAAkB,iKAShB,EAAkB,kCACV,EAAa,kIASvC,EAAa,sCACI,EAAe,sEAIhC,EAAa,6BACE,EAAU,YAE5B,KA3CiB,OAAO,CAAC,EAAE,EACT,OAAO,CAAC,EAAE,EACT,OAAO,CAAC,EAAE,EAEtB,kBAAkB,EACP,OAAO,CAAC,EAAE,EAIvB,iBAAiB,CAAC,MAAM,EACpB,kBAAkB,EACE,MAAM,CAAC,MAAM,EAKvB,kBAAkB,EAShB,kBAAkB,EACV,MAAM,CAAC,MAAM,EASvC,aAAa,EACI,OAAO,CAAC,EAAE,GAAG,CAAC,CAAC,EAIhC,aAAa,EACE,OAAO,CAAC,EAAE,CAE5B,CAAA;AAED,MAAM,CAAC,IAAM,0BAA0B,GAAG,MAAM,CAAC,GAAG,waAGlD,4CAEkB,EAAU,WAE1B,EAKC,QAED,EAIC,+GAMQ,EAAa,MAAO,EAAa,uBAC3B,EAAU,qFAIzB,EAAa,GAAI,EAAa,kDAGjC,KA3BmB,OAAO,CAAC,EAAE,EAE1B,UAAC,EAAW;QAAT,OAAO,aAAA;IACV,OAAA,OAAO,IACP,GAAG,4HAAA,yDAGF,IAAA;AAJD,CAIC,EAED,UAAC,EAAa;QAAX,SAAS,eAAA;IACZ,OAAA,SAAS,IACT,GAAG,kGAAA,+BAEF,IAAA;AAHD,CAGC,EAMQ,aAAa,EAAO,aAAa,EAC3B,OAAO,CAAC,EAAE,EAIzB,aAAa,EAAI,aAAa,CAGjC,CAAA;AAED,MAAM,CAAC,IAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,4aAAA,yWAS5C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,uFAAA,oBAEvC,IAAA,CAAA"}

package/dist/Section/Section.types.d.ts

@@ -0,0 +1,66 @@
+import React from 'react';
+import { Props } from '../_utils/types';
+export interface SectionProviderProps {
+    /**
+     * @since 10.19.0
+     */
+    children: React.ReactNode;
+}
+export interface SectionProps extends Props {
+    /**
+     * @description Actions of Buttons and Dropdowns to render. If a function,
+     * the open state is provided as `open` key
+     * @since 10.19.0
+     */
+    actions?: React.ReactNode | ((section: {
+        open: boolean;
+    }) => React.ReactNode);
+    /**
+     * @description Enable the expand and collapse accordion feature.
+     *  Requires a unique ID across sections, unique within the provider (DetailPage.Card) and
+     *  requires a heading on the section. Closed sections will not render its children.
+     * @since 10.19.0
+     */
+    expandId?: string | number;
+    /**
+     * @description Heading text for the section
+     * @since 10.19.0
+     */
+    heading?: string;
+    /**
+     * @description If expandable, start open or closed
+     * @since 10.19.0
+     */
+    initialIsOpen?: boolean;
+    /**
+     * @description Title assets
+     * @since 10.19.0
+     */
+    assets?: React.ReactNode;
+    /**
+     * @description Title pills
+     * @since 10.19.0
+     */
+    pills?: React.ReactNode;
+    /**
+     * @description Title subtext
+     * @since 10.19.0
+     */
+    subtext?: React.ReactNode;
+}
+export interface SectionContextAPI {
+    /**
+     * @since 10.19.0
+     */
+    open: {
+        [id: string]: boolean;
+    };
+    /**
+     * @since 10.19.0
+     */
+    setSection: (id: string | number, open: boolean) => void;
+    /**
+     * @since 10.19.0
+     */
+    toggleSection: (id: string | number) => void;
+}

package/dist/Section/Section.types.js

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

package/dist/Section/Section.types.js.map

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

package/dist/Section/index.d.ts

@@ -0,0 +1 @@
+export { LevelContext, Section, SectionProvider } from './Section';

package/dist/Section/index.js

@@ -0,0 +1,2 @@
+export { LevelContext, Section, SectionProvider } from './Section';
+//# sourceMappingURL=index.js.map

package/dist/Section/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Section/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA"}

package/dist/SegmentedController/SegmentedController.d.ts

@@ -0,0 +1,90 @@
+import React from 'react';
+import { SegmentedControllerProps, SegmentedControllerSegmentProps, SegmentedControllerTooltipProps } from './SegmentedController.types';
+export declare const Segment: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & SegmentedControllerSegmentProps & React.RefAttributes<HTMLInputElement>>;
+/**
+ * @deprecated
+ *
+ * The `SegmentedController.Tooltip` component has been deprecated will be
+ * removed in a future version.
+ *
+ * Tooltips are now built into `SegmentedController.Segment`s, and can be added
+ * by configuring the `tooltip` prop.
+ *
+ * **Before**
+ *
+ * ```
+ * <SegmentedController>
+ *   <SegmentedController.Tooltip tooltip="Item 1 is the first item">
+ *     <SegmentedController.Segment>
+ *       Item 1
+ *     </SegmentedController.Segment>
+ *   </SegmentedController.Tooltip>
+ * </SegmentedController>
+ * ```
+ *
+ * **After**
+ *
+ * ```
+ * <SegmentedController>
+ *   <SegmentedController.Segment tooltip="Item 1 is the first item">
+ *     Item 1
+ *   </SegmentedController.Segment>
+ * </SegmentedController>
+ * ```
+ *
+ * @deprecatedSince 10.20.0
+ */
+export declare const Tooltip: React.ForwardRefExoticComponent<SegmentedControllerTooltipProps & React.RefAttributes<HTMLElement>>;
+/**
+ * @deprecated
+ *
+ * This `SegmentedController.State` utility has been deprecated. Please just
+ * use a simple state management hook instead.
+ *
+ *
+ * **Before**
+ *
+ * ```
+ * <SegmentedController.State>
+ *   {({ selectedIndex, setSelected }) => (
+ *     <SegmentedController>
+ *       <SegmentedController.Segment onClick={() => setSelected(0)} active={selectedIndex === 0}>
+ *         Item 1
+ *       </SegmentedController.Segment>
+ *     </SegmentedController>
+ *   )}
+ * </SegmentedController.State>
+ * ```
+ *
+ * **After**
+ *
+ * ```
+ * const [selected, setSelected] = React.useState(0)
+ *
+ * <SegmentedController onChange={setSelected}>
+ *   <SegmentedController.Segment active={selectedIndex === 0}>
+ *     Item 1
+ *   </SegmentedController.Segment>
+ * </SegmentedController>
+ * ```
+ *
+ * @deprecatedSince 10.20.0
+ */
+export declare const State: (props: any) => JSX.Element;
+/**
+
+ Segmented controllers allow users to switch between related but mutually
+ exclusive content or actions.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-segmentedcontroller--demo)
+
+ @see [Design Guidelines](https://design.procore.com/segmented-controller)
+
+ */
+export declare const SegmentedController: React.ForwardRefExoticComponent<SegmentedControllerProps & React.RefAttributes<HTMLDivElement>> & {
+    Segment: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & SegmentedControllerSegmentProps & React.RefAttributes<HTMLInputElement>>;
+    State: (props: any) => JSX.Element;
+    Tooltip: React.ForwardRefExoticComponent<SegmentedControllerTooltipProps & React.RefAttributes<HTMLElement>>;
+};

package/dist/SegmentedController/SegmentedController.js

@@ -0,0 +1,187 @@
+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 { useFocusRing } from '@react-aria/focus';
+import { useRadio, useRadioGroup } from '@react-aria/radio';
+import { mergeProps, useId } from '@react-aria/utils';
+import { VisuallyHidden } from '@react-aria/visually-hidden';
+import React from 'react';
+import { useRadioGroupState } from 'react-stately';
+import { Tooltip as TooltipBase } from '../Tooltip/Tooltip';
+import { addSubcomponents } from '../_utils/addSubcomponents';
+import { StyledContainer, StyledLabel, StyledSegment, StyledSegmentDisabledInteractiveWrapper, } from './SegmentedController.styles';
+function isSegment(node) {
+    return (React.isValidElement(node) &&
+        node.type === Segment);
+}
+var RadioButtonContext = React.createContext(null);
+var SegmentedController_ = React.forwardRef(function SegmentedController(_a, ref) {
+    var children = _a.children, _b = _a.block, block = _b === void 0 ? false : _b, disabled = _a.disabled, onChange = _a.onChange, props = __rest(_a, ["children", "block", "disabled", "onChange"]);
+    var name = useId();
+    var radioGroupState = useRadioGroupState({
+        name: name,
+        isDisabled: disabled,
+        onChange: function (rawValue) {
+            var num = Number(rawValue);
+            var value = !isNaN(num) ? num : rawValue;
+            onChange === null || onChange === void 0 ? void 0 : onChange(value);
+        },
+    });
+    var radioGroupProps = useRadioGroup({ orientation: 'horizontal' }, radioGroupState).radioGroupProps;
+    return (React.createElement(StyledContainer, __assign({ ref: ref, block: block }, radioGroupProps, props),
+        React.createElement(RadioButtonContext.Provider, { value: radioGroupState }, React.Children.toArray(children)
+            .filter(function (child) { return isSegment(child); })
+            .map(function (child, index) {
+            return React.cloneElement(child, {
+                internalIndex: index,
+            });
+        }))));
+});
+export var Segment = React.forwardRef(function Segment(_a, ref) {
+    var active = _a.active, children = _a.children, _b = _a.placement, placement = _b === void 0 ? 'top' : _b, tooltip = _a.tooltip, disabled = _a.disabled, value = _a.value, internalIndex = _a.internalIndex, props = __rest(_a, ["active", "children", "placement", "tooltip", "disabled", "value", "internalIndex"]);
+    var adjustedValue = String(value !== null && value !== void 0 ? value : internalIndex);
+    var state = React.useContext(RadioButtonContext);
+    var adjustedState = React.useMemo(function () {
+        var _a;
+        return (_a = state) !== null && _a !== void 0 ? _a : {};
+    }, [state]);
+    var innerRef = React.useRef(null);
+    var actualRef = ref !== null && ref !== void 0 ? ref : innerRef;
+    var _c = useRadio({
+        isDisabled: disabled !== null && disabled !== void 0 ? disabled : adjustedState.isDisabled,
+        value: adjustedValue,
+        children: children,
+    }, adjustedState, actualRef), inputProps = _c.inputProps, isSelected = _c.isSelected, isDisabled = _c.isDisabled;
+    var _d = useFocusRing(), focusProps = _d.focusProps, isFocusVisible = _d.isFocusVisible;
+    React.useEffect(function () {
+        if (active) {
+            adjustedState.setSelectedValue(adjustedValue);
+        }
+    }, [active, adjustedState, adjustedValue]);
+    return (React.createElement(Tooltip, { overlay: tooltip, placement: placement },
+        React.createElement(StyledSegmentDisabledInteractiveWrapper, null,
+            React.createElement(StyledSegment, { "$focused": isFocusVisible, "$disabled": isDisabled, "$active": active || isSelected },
+                React.createElement(VisuallyHidden, null,
+                    React.createElement("input", __assign({}, mergeProps(props, inputProps, focusProps), { ref: actualRef }))),
+                React.createElement(StyledLabel, null, children)))));
+});
+/**
+ * @deprecated
+ *
+ * The `SegmentedController.Tooltip` component has been deprecated will be
+ * removed in a future version.
+ *
+ * Tooltips are now built into `SegmentedController.Segment`s, and can be added
+ * by configuring the `tooltip` prop.
+ *
+ * **Before**
+ *
+ * ```
+ * <SegmentedController>
+ *   <SegmentedController.Tooltip tooltip="Item 1 is the first item">
+ *     <SegmentedController.Segment>
+ *       Item 1
+ *     </SegmentedController.Segment>
+ *   </SegmentedController.Tooltip>
+ * </SegmentedController>
+ * ```
+ *
+ * **After**
+ *
+ * ```
+ * <SegmentedController>
+ *   <SegmentedController.Segment tooltip="Item 1 is the first item">
+ *     Item 1
+ *   </SegmentedController.Segment>
+ * </SegmentedController>
+ * ```
+ *
+ * @deprecatedSince 10.20.0
+ */
+export var Tooltip = React.forwardRef(function Tooltip(_a, ref) {
+    var children = _a.children, overlay = _a.overlay, props = __rest(_a, ["children", "overlay"]);
+    return overlay ? (React.createElement(TooltipBase, __assign({}, props, { overlay: overlay, ref: ref, trigger: "hover" }), children)) : (React.createElement(React.Fragment, null, children));
+});
+var withState = function (config) { return function (Component) { return function (props) {
+    var _a = React.useState(0), selectedIndex = _a[0], setSelected = _a[1];
+    return React.createElement(Component, __assign({}, __assign(__assign({}, props), { selectedIndex: selectedIndex, setSelected: setSelected })));
+}; }; };
+/**
+ * @deprecated
+ *
+ * This `SegmentedController.State` utility has been deprecated. Please just
+ * use a simple state management hook instead.
+ *
+ *
+ * **Before**
+ *
+ * ```
+ * <SegmentedController.State>
+ *   {({ selectedIndex, setSelected }) => (
+ *     <SegmentedController>
+ *       <SegmentedController.Segment onClick={() => setSelected(0)} active={selectedIndex === 0}>
+ *         Item 1
+ *       </SegmentedController.Segment>
+ *     </SegmentedController>
+ *   )}
+ * </SegmentedController.State>
+ * ```
+ *
+ * **After**
+ *
+ * ```
+ * const [selected, setSelected] = React.useState(0)
+ *
+ * <SegmentedController onChange={setSelected}>
+ *   <SegmentedController.Segment active={selectedIndex === 0}>
+ *     Item 1
+ *   </SegmentedController.Segment>
+ * </SegmentedController>
+ * ```
+ *
+ * @deprecatedSince 10.20.0
+ */
+export var State = withState({})(function (_a) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return children(props);
+});
+SegmentedController_.displayName = 'SegmentedController';
+Segment.displayName = 'SegmentedController.Segment';
+Tooltip.displayName = 'SegmentedController.Tooltip';
+/**
+
+ Segmented controllers allow users to switch between related but mutually
+ exclusive content or actions.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-segmentedcontroller--demo)
+
+ @see [Design Guidelines](https://design.procore.com/segmented-controller)
+
+ */
+export var SegmentedController = addSubcomponents({
+    Segment: Segment,
+    State: State,
+    Tooltip: Tooltip,
+}, SegmentedController_);
+//# sourceMappingURL=SegmentedController.js.map

package/dist/SegmentedController/SegmentedController.js.map

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

package/dist/SegmentedController/SegmentedController.styles.d.ts

@@ -0,0 +1,10 @@
+export declare const StyledContainer: import("styled-components").StyledComponent<"div", any, {
+    block?: boolean | undefined;
+}, never>;
+export declare const StyledSegment: import("styled-components").StyledComponent<"label", any, {
+    $disabled: boolean;
+    $focused: boolean;
+    $active: boolean;
+}, never>;
+export declare const StyledSegmentDisabledInteractiveWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledLabel: import("styled-components").StyledComponent<"span", any, {}, never>;

package/dist/SegmentedController/SegmentedController.styles.js

@@ -0,0 +1,37 @@
+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 { getTypographyIntent } from '../Typography/Typography.styles';
+import { borderRadius } from '../_styles/borderRadius';
+import { colors } from '../_styles/colors';
+import { spacing } from '../_styles/spacing';
+export var StyledContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: center;\n  display: ", ";\n  height: 36px;\n  justify-content: center;\n  width: ", ";\n"], ["\n  align-items: center;\n  display: ", ";\n  height: 36px;\n  justify-content: center;\n  width: ", ";\n"])), function (_a) {
+    var block = _a.block;
+    return (block ? 'flex' : 'inline-flex');
+}, function (_a) {
+    var block = _a.block;
+    return (block ? '100%' : null);
+});
+export var StyledSegment = styled.label(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  align-items: center;\n  border-radius: 0;\n  border: 1px solid ", ";\n  cursor: pointer;\n  display: flex;\n  flex: 1 1 auto;\n  height: 100%;\n  justify-content: center;\n  min-width: 0;\n  outline: 0;\n  padding: 0 ", "px;\n  position: relative;\n  background-color: ", ";\n  color: ", ";\n\n  &:hover {\n    background-color: ", ";\n    border-color: ", ";\n    color: ", ";\n  }\n\n  ", "\n\n  ", ";\n"], ["\n  align-items: center;\n  border-radius: 0;\n  border: 1px solid ", ";\n  cursor: pointer;\n  display: flex;\n  flex: 1 1 auto;\n  height: 100%;\n  justify-content: center;\n  min-width: 0;\n  outline: 0;\n  padding: 0 ", "px;\n  position: relative;\n  background-color: ", ";\n  color: ", ";\n\n  &:hover {\n    background-color: ", ";\n    border-color: ", ";\n    color: ", ";\n  }\n\n  ", "\n\n  ", ";\n"])), colors.gray85, spacing.md, colors.white, colors.gray45, colors.gray94, colors.gray85, colors.gray45, function (_a) {
+    var _b = _a.$focused, $focused = _b === void 0 ? false : _b;
+    if ($focused) {
+        return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        border-color: ", ";\n        box-shadow: 0 0 0 1px ", ";\n        z-index: 1;\n      "], ["\n        border-color: ", ";\n        box-shadow: 0 0 0 1px ", ";\n        z-index: 1;\n      "])), colors.blue40, colors.blue40);
+    }
+}, function (_a) {
+    var _b = _a.$disabled, $disabled = _b === void 0 ? false : _b, _c = _a.$active, $active = _c === void 0 ? false : _c;
+    if ($disabled && $active) {
+        return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        &,\n        &:hover,\n        &:disabled {\n          background-color: ", ";\n          border-color: ", ";\n          color: ", ";\n          pointer-events: none;\n        }\n      "], ["\n        &,\n        &:hover,\n        &:disabled {\n          background-color: ", ";\n          border-color: ", ";\n          color: ", ";\n          pointer-events: none;\n        }\n      "])), colors.gray85, colors.gray85, colors.white);
+    }
+    else if ($disabled) {
+        return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        &,\n        &:hover,\n        &:disabled {\n          background-color: ", ";\n          border-color: ", ";\n          color: ", ";\n          pointer-events: none;\n      "], ["\n        &,\n        &:hover,\n        &:disabled {\n          background-color: ", ";\n          border-color: ", ";\n          color: ", ";\n          pointer-events: none;\n      "])), colors.white, colors.gray85, colors.gray85);
+    }
+    else if ($active) {
+        return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n        &,\n        &:hover {\n          background-color: ", ";\n          border-color: ", ";\n          color: ", ";\n        }\n      "], ["\n        &,\n        &:hover {\n          background-color: ", ";\n          border-color: ", ";\n          color: ", ";\n        }\n      "])), colors.blue50, colors.blue50, colors.white);
+    }
+});
+export var StyledSegmentDisabledInteractiveWrapper = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  display: flex;\n  flex: 1 1 auto;\n  min-width: 0;\n  height: 100%;\n  margin-right: -1px;\n\n  &:first-child ", " {\n    border-bottom-left-radius: ", "px;\n    border-top-left-radius: ", "px;\n  }\n\n  &:last-child ", " {\n    border-bottom-right-radius: ", "px;\n    border-top-right-radius: ", "px;\n  }\n"], ["\n  display: flex;\n  flex: 1 1 auto;\n  min-width: 0;\n  height: 100%;\n  margin-right: -1px;\n\n  &:first-child ", " {\n    border-bottom-left-radius: ", "px;\n    border-top-left-radius: ", "px;\n  }\n\n  &:last-child ", " {\n    border-bottom-right-radius: ", "px;\n    border-top-right-radius: ", "px;\n  }\n"])), StyledSegment, borderRadius.md, borderRadius.md, StyledSegment, borderRadius.md, borderRadius.md);
+export var StyledLabel = styled.span(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  ", ";\n\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"], ["\n  ", ";\n\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"])), getTypographyIntent('body'));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
+//# sourceMappingURL=SegmentedController.styles.js.map

package/dist/SegmentedController/SegmentedController.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedController.styles.js","sourceRoot":"","sources":["../../src/SegmentedController/SegmentedController.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAE5C,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,GAAG,8KAAqB,uCAEjD,EAA+C,2DAGjD,EAAsC,KAChD,KAJY,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC;AAAhC,CAAgC,EAGjD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;AAAvB,CAAuB,CAChD,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,KAAK,8dAIvC,qEAGoB,EAAa,wJAQpB,EAAU,kDAEH,EAAY,cACvB,EAAa,0CAGA,EAAa,uBACjB,EAAa,gBACpB,EAAa,cAGtB,EAQD,QAEC,EAgCD,KACF,KA9DqB,MAAM,CAAC,MAAM,EAQpB,OAAO,CAAC,EAAE,EAEH,MAAM,CAAC,KAAK,EACvB,MAAM,CAAC,MAAM,EAGA,MAAM,CAAC,MAAM,EACjB,MAAM,CAAC,MAAM,EACpB,MAAM,CAAC,MAAM,EAGtB,UAAC,EAAoB;QAAlB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IACnB,IAAI,QAAQ,EAAE;QACZ,OAAO,GAAG,oKAAA,0BACQ,EAAa,mCACL,EAAa,gCAEtC,KAHiB,MAAM,CAAC,MAAM,EACL,MAAM,CAAC,MAAM,EAEtC;KACF;AACH,CAAC,EAEC,UAAC,EAAsC;QAApC,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EAAE,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA;IACrC,IAAI,SAAS,IAAI,OAAO,EAAE;QACxB,OAAO,GAAG,uQAAA,oFAIc,EAAa,6BACjB,EAAa,sBACpB,EAAY,uDAGxB,KALuB,MAAM,CAAC,MAAM,EACjB,MAAM,CAAC,MAAM,EACpB,MAAM,CAAC,KAAK,EAGxB;KACF;SAAM,IAAI,SAAS,EAAE;QACpB,OAAO,GAAG,4PAAA,oFAIc,EAAY,6BAChB,EAAa,sBACpB,EAAa,4CAEzB,KAJuB,MAAM,CAAC,KAAK,EAChB,MAAM,CAAC,MAAM,EACpB,MAAM,CAAC,MAAM,EAEzB;KACF;SAAM,IAAI,OAAO,EAAE;QAClB,OAAO,GAAG,iNAAA,+DAGc,EAAa,6BACjB,EAAa,sBACpB,EAAY,sBAExB,KAJuB,MAAM,CAAC,MAAM,EACjB,MAAM,CAAC,MAAM,EACpB,MAAM,CAAC,KAAK,EAExB;KACF;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,IAAM,uCAAuC,GAAG,MAAM,CAAC,GAAG,8XAAA,oHAO/C,EAAa,qCACE,EAAe,mCAClB,EAAe,6BAG5B,EAAa,sCACI,EAAe,oCAClB,EAAe,YAE7C,KATiB,aAAa,EACE,YAAY,CAAC,EAAE,EAClB,YAAY,CAAC,EAAE,EAG5B,aAAa,EACI,YAAY,CAAC,EAAE,EAClB,YAAY,CAAC,EAAE,CAE7C,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,IAAI,8KAAA,MAClC,EAA2B,mGAM9B,KANG,mBAAmB,CAAC,MAAM,CAAC,CAM9B,CAAA"}

package/dist/SegmentedController/SegmentedController.types.d.ts

@@ -0,0 +1,69 @@
+import React from 'react';
+import { DivAttributes, Placement, Props } from '../_utils/types';
+/**
+ * @deprecated Please use the `active` and `disabled` props
+ */
+export declare const segmentedControllerSegmentVariant: {
+    readonly active: "active";
+    readonly disabled: "disabled";
+    readonly none: "";
+};
+export interface SegmentedControllerProps extends Props, Omit<DivAttributes, 'onChange'> {
+    /**
+     * The segment is active
+     * @since 10.19.0
+     * */
+    active?: number;
+    /**
+     * The segment controller is block sized
+     * @since 10.19.0
+     */
+    block?: boolean;
+    /**
+     * Disables all segments in the controller
+     * @since 10.19.0
+     */
+    disabled?: boolean;
+    /**
+     * A callback to be called when the radio group value changes
+     * @since 10.19.0
+     */
+    onChange?: (active: number) => void;
+    /**
+     * @deprecated Please use the `block` prop
+     * @since 10.19.0
+     */
+    variant?: 'block' | '';
+}
+export interface SegmentedControllerSegmentProps extends Props {
+    /**
+     * The segment is active
+     * @since 10.19.0
+     */
+    active?: boolean;
+    /**
+     * Is the segment disabled
+     * @since 10.19.0
+     */
+    disabled?: boolean;
+    /**
+     * To change the tooltip placement
+     * @since 10.19.0
+     */
+    placement?: Placement;
+    /**
+     * The tooltip we want to display on hover
+     * @since 10.19.0
+     */
+    tooltip?: React.ReactNode;
+}
+export interface SegmentedControllerTooltipProps extends Props {
+    /**
+     * @since 10.19.0
+     */
+    overlay?: any;
+    /**
+     * @since 10.19.0
+     */
+    placement: Placement;
+}

package/dist/SegmentedController/SegmentedController.types.js

@@ -0,0 +1,9 @@
+/**
+ * @deprecated Please use the `active` and `disabled` props
+ */
+export var segmentedControllerSegmentVariant = {
+    active: 'active',
+    disabled: 'disabled',
+    none: '',
+};
+//# sourceMappingURL=SegmentedController.types.js.map

package/dist/SegmentedController/SegmentedController.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedController.types.js","sourceRoot":"","sources":["../../src/SegmentedController/SegmentedController.types.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,CAAC,IAAM,iCAAiC,GAAG;IAC/C,MAAM,EAAE,QAAQ;IAChB,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,EAAE;CACA,CAAA"}

package/dist/SegmentedController/index.d.ts

@@ -0,0 +1,2 @@
+export { SegmentedController } from './SegmentedController';
+export { SegmentedControllerProps } from './SegmentedController.types';

package/dist/SegmentedController/index.js

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

package/dist/SegmentedController/index.js.map

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

package/dist/Select/Select.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Props } from '../_utils/types';
+import { SelectButtonProps, SelectOptionProps, SelectProps } from './Select.types';
+export declare const OptGroup: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export declare const Option: React.ForwardRefExoticComponent<SelectOptionProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Button: React.ForwardRefExoticComponent<SelectButtonProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLDivElement>> & {
+    Button: React.ForwardRefExoticComponent<SelectButtonProps & React.RefAttributes<HTMLDivElement>>;
+    Option: React.ForwardRefExoticComponent<SelectOptionProps & React.RefAttributes<HTMLDivElement>>;
+    OptGroup: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+};