@procore/core-react 12.36.0 → 12.38.0

package/dist/Popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","names":["React","OverlayTrigger","addSubcomponents","isReactElement","StyledPopover","StyledPopoverContent","Content","forwardRef","_ref","ref","children","_ref$block","block","_ref$fluid","fluid","_ref$placement","placement","props","_objectWithoutProperties","_excluded","createElement","_extends","$block","$fluid","$placement","PopoverInner","_ref2","_ref2$initialIsVisibl","initialIsVisible","_ref2$restoreFocusOnH","restoreFocusOnHide","_ref2$placement","overlay","overlayRef","role","_excluded2","overlayNode","cloneElement","Fragment","_objectSpread","shrinkOverlay","arrow","Popover_","displayName","Popover"],"sources":["../../src/Popover/Popover.tsx"],"sourcesContent":["import React from 'react'\nimport { OverlayTrigger } from '../OverlayTrigger/OverlayTrigger'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { isReactElement } from '../_utils/isReactElement'\nimport { StyledPopover, StyledPopoverContent } from './Popover.styles'\nimport type {\n  PopoverContentProps,\n  PopoverProps,\n  PopoverRole,\n} from './Popover.types'\n\nconst Content = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & PopoverContentProps\n>(function Content(\n  { children, block = false, fluid = false, placement = 'top', ...props },\n  ref\n) {\n  return (\n    <StyledPopover ref={ref}>\n      <StyledPopoverContent\n        {...props}\n        $block={block}\n        $fluid={fluid}\n        $placement={placement}\n      >\n        {children}\n      </StyledPopoverContent>\n    </StyledPopover>\n  )\n})\n\nfunction PopoverInner<Role extends PopoverRole>(\n  {\n    children,\n    initialIsVisible = false,\n    restoreFocusOnHide = false,\n    placement = 'top',\n    overlay,\n    overlayRef,\n    role,\n    ...props\n  }: PopoverProps<Role>,\n  ref: React.ForwardedRef<HTMLElement>\n) {\n  const overlayNode = isReactElement(overlay) ? (\n    React.cloneElement(overlay, { placement })\n  ) : (\n    <React.Fragment />\n  )\n\n  return (\n    <OverlayTrigger\n      {...{\n        ...props,\n        initialIsVisible,\n        overlay: overlayNode,\n        placement,\n        role,\n        ref,\n        restoreFocusOnHide,\n        shrinkOverlay: true,\n        arrow: true,\n        overlayRef,\n      }}\n    >\n      {children}\n    </OverlayTrigger>\n  )\n}\n\nconst Popover_ = React.forwardRef(PopoverInner) as <Role extends PopoverRole>(\n  props: PopoverProps<Role>\n) => ReturnType<typeof PopoverInner>\n\n// @ts-expect-error\nPopover_.displayName = 'Popover'\n\nContent.displayName = 'Popover.Content'\n\n/**\n\n We use popovers to display more of an item’s information or details on hover.\n This may be used to show additional fields in an item’s form that aren’t shown\n by default in the UI. Oftentimes, there will be a visual queue to indicate that\n more information is available.\n\n Do not use popovers to display large amounts of information, perform data\n entry, or use as a replacement for an overflow, menu, or modal.\n\n If you want to show descriptive / educational information about an item,\n use a tooltip.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-popover--demo)\n\n @see [Design Guidelines](https://design.procore.com/popover)\n\n*/\nexport const Popover = addSubcomponents({ Content }, Popover_)\n"],"mappings":"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"}
+{"version":3,"file":"Popover.js","names":["React","OverlayTrigger","addSubcomponents","isReactElement","StyledPopover","StyledPopoverContent","Content","forwardRef","_ref","ref","children","_ref$block","block","_ref$fluid","fluid","_ref$placement","placement","props","_objectWithoutProperties","_excluded","createElement","_extends","$block","$fluid","$placement","PopoverInner","_ref2","_ref2$initialIsVisibl","initialIsVisible","_ref2$restoreFocusOnH","restoreFocusOnHide","_ref2$placement","overlay","overlayRef","role","_excluded2","overlayNode","cloneElement","Fragment","_objectSpread","shrinkOverlay","arrow","trackAriaExpanded","Popover_","displayName","Popover"],"sources":["../../src/Popover/Popover.tsx"],"sourcesContent":["import React from 'react'\nimport { OverlayTrigger } from '../OverlayTrigger/OverlayTrigger'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { isReactElement } from '../_utils/isReactElement'\nimport { StyledPopover, StyledPopoverContent } from './Popover.styles'\nimport type {\n  PopoverContentProps,\n  PopoverProps,\n  PopoverRole,\n} from './Popover.types'\n\nconst Content = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & PopoverContentProps\n>(function Content(\n  { children, block = false, fluid = false, placement = 'top', ...props },\n  ref\n) {\n  return (\n    <StyledPopover ref={ref}>\n      <StyledPopoverContent\n        {...props}\n        $block={block}\n        $fluid={fluid}\n        $placement={placement}\n      >\n        {children}\n      </StyledPopoverContent>\n    </StyledPopover>\n  )\n})\n\nfunction PopoverInner<Role extends PopoverRole>(\n  {\n    children,\n    initialIsVisible = false,\n    restoreFocusOnHide = false,\n    placement = 'top',\n    overlay,\n    overlayRef,\n    role,\n    ...props\n  }: PopoverProps<Role>,\n  ref: React.ForwardedRef<HTMLElement>\n) {\n  const overlayNode = isReactElement(overlay) ? (\n    React.cloneElement(overlay, { placement })\n  ) : (\n    <React.Fragment />\n  )\n\n  return (\n    <OverlayTrigger\n      {...{\n        ...props,\n        initialIsVisible,\n        overlay: overlayNode,\n        placement,\n        role,\n        ref,\n        restoreFocusOnHide,\n        shrinkOverlay: true,\n        arrow: true,\n        overlayRef,\n        trackAriaExpanded: true,\n      }}\n    >\n      {children}\n    </OverlayTrigger>\n  )\n}\n\nconst Popover_ = React.forwardRef(PopoverInner) as <Role extends PopoverRole>(\n  props: PopoverProps<Role>\n) => ReturnType<typeof PopoverInner>\n\n// @ts-expect-error\nPopover_.displayName = 'Popover'\n\nContent.displayName = 'Popover.Content'\n\n/**\n\n We use popovers to display more of an item’s information or details on hover.\n This may be used to show additional fields in an item’s form that aren’t shown\n by default in the UI. Oftentimes, there will be a visual queue to indicate that\n more information is available.\n\n Do not use popovers to display large amounts of information, perform data\n entry, or use as a replacement for an overflow, menu, or modal.\n\n If you want to show descriptive / educational information about an item,\n use a tooltip.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-popover--demo)\n\n @see [Design Guidelines](https://design.procore.com/popover)\n\n*/\nexport const Popover = addSubcomponents({ Content }, Popover_)\n"],"mappings":"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"}

package/dist/Popover/Popover.styles.js

@@ -5,7 +5,7 @@ import { getShadow } from '../_styles/shadows';
 export var popoverArrowSize = 6;
 export var StyledPopoverContent = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledPopoverContent",
-  componentId: "core-12_36_0__sc-1cd0ihn-0"
+  componentId: "core-12_38_0__sc-1cd0ihn-0"
 })(["background-color:", ";border-radius:inherit;color:", ";display:inline-block;max-width:250px;position:relative;", ""], colors.white, colors.gray15, function (_ref) {
   var $block = _ref.$block,
     $fluid = _ref.$fluid;
@@ -15,6 +15,6 @@ export var StyledPopoverContent = /*#__PURE__*/styled.span.withConfig({
 });
 export var StyledPopover = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPopover",
-  componentId: "core-12_36_0__sc-1cd0ihn-1"
+  componentId: "core-12_38_0__sc-1cd0ihn-1"
 })(["display:inline-block;border-radius:", "px;", " & + [data-overlay-arrow]{background:", ";}"], borderRadius.md, getShadow(3), colors.white);
 //# sourceMappingURL=Popover.styles.js.map

package/dist/Portal/Portal.styles.js

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
 export var StyledPortal = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPortal",
-  componentId: "core-12_36_0__sc-15o1h2-0"
+  componentId: "core-12_38_0__sc-15o1h2-0"
 })(["left:0;pointer-events:none;position:fixed;top:0;> *{pointer-events:all;}"]);
 //# sourceMappingURL=Portal.styles.js.map

package/dist/ProgressBar/ProgressBar.styles.js

@@ -7,11 +7,11 @@ var animationDelay = '300ms';
 var fadeIn = /*#__PURE__*/keyframes(["from{opacity:1;}to{opacity:0;}"]);
 export var StyledProgressBarLoader = /*#__PURE__*/styled(Loader).withConfig({
   displayName: "StyledProgressBarLoader",
-  componentId: "core-12_36_0__sc-vdy2wl-0"
+  componentId: "core-12_38_0__sc-vdy2wl-0"
 })([""]);
 export var StyledProgressBar = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledProgressBar",
-  componentId: "core-12_36_0__sc-vdy2wl-1"
+  componentId: "core-12_38_0__sc-vdy2wl-1"
 })(["overflow:hidden;position:relative;display:block;height:", "px;background-color:", ";border-radius:", "px;margin:", "px 0;transition:background-color 0s linear;", " ", ""], loaderGridUnit, function (_ref) {
   var $complete = _ref.$complete;
   return $complete ? colors.blue50 : colors.gray94;

package/dist/RadioButton/RadioButton.styles.js

@@ -9,7 +9,7 @@ export var dataQa = {
 var radioButtonSize = 20;
 export var StyledRadioButton = /*#__PURE__*/styled.label.withConfig({
   displayName: "StyledRadioButton",
-  componentId: "core-12_36_0__sc-nd95zs-0"
+  componentId: "core-12_38_0__sc-nd95zs-0"
 })(["color:", ";display:flex;position:relative;vertical-align:middle;& + &{margin-top:", "px;}", " ", ""], colors.gray15, spacing.md, function (_ref) {
   var $error = _ref.$error;
   return $error && css(["", ":before,", ":checked:not(:disabled) + ", ":before{border-color:", ";}", ":checked:disabled + ", ":before{border-color:", ";}"], StyledRadioButtonLabel, StyledRadioButtonInput, StyledRadioButtonLabel, colors.red50, StyledRadioButtonInput, StyledRadioButtonLabel, colors.gray85);
@@ -19,10 +19,10 @@ export var StyledRadioButton = /*#__PURE__*/styled.label.withConfig({
 });
 export var StyledRadioButtonLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledRadioButtonLabel",
-  componentId: "core-12_36_0__sc-nd95zs-1"
+  componentId: "core-12_38_0__sc-nd95zs-1"
 })(["", ";cursor:default;display:flex;&:before{background:", ";border-radius:100%;border:2px solid ", ";content:'';display:inline-block;flex:0;height:", "px;min-width:", "px;width:", "px;}"], getTypographyIntent('body'), colors.white, colors.gray50, radioButtonSize, radioButtonSize, radioButtonSize);
 export var StyledRadioButtonInput = /*#__PURE__*/styled.input.withConfig({
   displayName: "StyledRadioButtonInput",
-  componentId: "core-12_36_0__sc-nd95zs-2"
+  componentId: "core-12_38_0__sc-nd95zs-2"
 })(["left:0;margin:0;opacity:0;padding:0;position:absolute;top:0;&:focus:not(:checked),&[data-qa=", "]:not(:checked){&:not(:disabled) + ", ":before{", "}}&:focus:checked:not(:disabled),&[data-qa=", "]:checked:not(:disabled){+ ", ":before{box-shadow:0 0 0 2px ", ";}}&:checked + ", ":before{border:6px solid ", ";}&:disabled + ", ":before{border-color:", ";}&:disabled:checked + ", ":before{border-color:", ";}"], dataQa.focused, StyledRadioButtonLabel, getFocus(), dataQa.focused, StyledRadioButtonLabel, colors.blue40, StyledRadioButtonLabel, colors.blue50, StyledRadioButtonLabel, colors.gray85, StyledRadioButtonLabel, colors.blue85);
 //# sourceMappingURL=RadioButton.styles.js.map

package/dist/Required/Required.styles.js

@@ -5,7 +5,7 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledRequiredMark = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledRequiredMark",
-  componentId: "core-12_36_0__sc-bja1ql-0"
+  componentId: "core-12_38_0__sc-bja1ql-0"
 })(["color:", ";", ""], colors.red50, function (_ref) {
   var $showLabel = _ref.$showLabel;
   if ($showLabel) {
@@ -15,10 +15,10 @@ export var StyledRequiredMark = /*#__PURE__*/styled.span.withConfig({
 });
 export var StyledRequiredContainer = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledRequiredContainer",
-  componentId: "core-12_36_0__sc-bja1ql-1"
+  componentId: "core-12_38_0__sc-bja1ql-1"
 })(["", " ", " > &{margin-left:", "px;}"], getTypographyIntent('small'), StyledCheckboxLabel, spacing.xs);
 export var StyledRequiredText = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledRequiredText",
-  componentId: "core-12_36_0__sc-bja1ql-2"
+  componentId: "core-12_38_0__sc-bja1ql-2"
 })(["font-style:italic;color:", ";margin-left:4px;"], colors.gray45);
 //# sourceMappingURL=Required.styles.js.map

package/dist/Search/Search.styles.js

@@ -33,22 +33,22 @@ export function getSearchInputStyles() {
 }
 export var StyledInput = /*#__PURE__*/styled.input.withConfig({
   displayName: "StyledInput",
-  componentId: "core-12_36_0__sc-3j8khv-0"
+  componentId: "core-12_38_0__sc-3j8khv-0"
 })(["", ""], getSearchInputStyles);
 var StyledButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledButton",
-  componentId: "core-12_36_0__sc-3j8khv-1"
+  componentId: "core-12_38_0__sc-3j8khv-1"
 })(["position:absolute;top:", "px;"], buttonTop);
 export var StyledSearchButton = /*#__PURE__*/styled(StyledButton).withConfig({
   displayName: "StyledSearchButton",
-  componentId: "core-12_36_0__sc-3j8khv-2"
+  componentId: "core-12_38_0__sc-3j8khv-2"
 })([""]);
 export var StyledClearButton = /*#__PURE__*/styled(StyledButton).withConfig({
   displayName: "StyledClearButton",
-  componentId: "core-12_36_0__sc-3j8khv-3"
+  componentId: "core-12_38_0__sc-3j8khv-3"
 })([""]);
 export var StyledSearch = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSearch",
-  componentId: "core-12_36_0__sc-3j8khv-4"
+  componentId: "core-12_38_0__sc-3j8khv-4"
 })(["position:relative;width:100%;", "{padding-right:", "px;}", "{right:", "px;}", "{right:", "px;}"], StyledInput, inputRight, StyledSearchButton, searchRight, StyledClearButton, clearRight);
 //# sourceMappingURL=Search.styles.js.map

package/dist/Section/Section.styles.js

@@ -6,15 +6,15 @@ import { getFocus } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var StyledSectionBanner = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSectionBanner",
-  componentId: "core-12_36_0__sc-1lxbrwv-0"
+  componentId: "core-12_38_0__sc-1lxbrwv-0"
 })(["margin-bottom:", "px;> * + *{margin-top:", "px;}"], spacing.sm, spacing.sm);
 export var StyledSectionInner = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSectionInner",
-  componentId: "core-12_36_0__sc-1lxbrwv-1"
+  componentId: "core-12_38_0__sc-1lxbrwv-1"
 })([""]);
 export var StyledSectionCollapseHeading = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSectionCollapseHeading",
-  componentId: "core-12_36_0__sc-1lxbrwv-2"
+  componentId: "core-12_38_0__sc-1lxbrwv-2"
 })(["align-self:flex-start;margin-right:", "px;"], spacing.sm);
 export var sectionClassnames = {
   divide: 'section--divide',
@@ -25,11 +25,11 @@ export var sectionClassnames = {
 };
 export var StyledSection = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSection",
-  componentId: "core-12_36_0__sc-1lxbrwv-3"
+  componentId: "core-12_38_0__sc-1lxbrwv-3"
 })(["padding-left:", "px;padding-right:", "px;padding-bottom:", "px;& > ", "{padding-top:", "px;}&.", "{& > ", "{border-top:1px solid ", ";}}&:first-child > ", "{border-top:0;}& &{padding-left:0;padding-right:0;&:first-child > ", "{border-top:1px solid ", ";}&:last-child{padding-bottom:0;}}", ":last-of-type{margin-bottom:", "px;}", " + &&&{padding-top:", "px;}"], spacing.lg, spacing.lg, spacing.lg, StyledSectionInner, spacing.lg, sectionClassnames.divide, StyledSectionInner, colors.gray85, StyledSectionInner, StyledSectionInner, colors.gray85, StyledFormRow, spacing.lg * -1, StyledFormRow, spacing.xs);
 export var StyledSectionContentRegion = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSectionContentRegion",
-  componentId: "core-12_36_0__sc-1lxbrwv-4"
+  componentId: "core-12_38_0__sc-1lxbrwv-4"
 })(["padding-top:", "px;&:focus-visible{", "}", " ", " & > :not(", ") + ", "{padding-top:", "px;}", " ", " &:last-of-type{padding-bottom:0;}"], spacing.sm, getFocus(), function (_ref) {
   var $closed = _ref.$closed;
   return $closed && css(["padding-top:0;"]);
@@ -39,10 +39,10 @@ export var StyledSectionContentRegion = /*#__PURE__*/styled.div.withConfig({
 }, StyledSection, StyledSection, spacing.xl, StyledSection, StyledSection);
 export var StyledSectionHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSectionHeader",
-  componentId: "core-12_36_0__sc-1lxbrwv-5"
+  componentId: "core-12_38_0__sc-1lxbrwv-5"
 })(["align-items:center;display:flex;min-height:36px;word-break:break-word;"]);
 export var StyledTitle = /*#__PURE__*/styled(Title).withConfig({
   displayName: "StyledTitle",
-  componentId: "core-12_36_0__sc-1lxbrwv-6"
+  componentId: "core-12_38_0__sc-1lxbrwv-6"
 })(["width:100%;"]);
 //# sourceMappingURL=Section.styles.js.map

package/dist/SegmentedController/SegmentedController.js

@@ -236,7 +236,7 @@ export var Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(_ref7, ref)
   return overlay ? /*#__PURE__*/React.createElement(TooltipBase, _extends({}, props, {
     overlay: overlay,
     ref: ref,
-    trigger: "hover"
+    trigger: ['hover', 'focus']
   }), children) : /*#__PURE__*/React.createElement(React.Fragment, null, children);
 });
 var withState = function withState(config) {

package/dist/SegmentedController/SegmentedController.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedController.js","names":["useFocusRing","useRadio","useRadioGroup","mergeProps","useId","VisuallyHidden","React","useRadioGroupState","Tooltip","TooltipBase","addSubcomponents","StyledContainer","StyledLabel","StyledSegment","StyledSegmentDisabledInteractiveWrapper","isSegment","node","isValidElement","type","Segment","determineSelectedState","_ref","active","selected","isSelected","undefined","RadioButtonContext","createContext","SegmentedController_","forwardRef","SegmentedController","_ref2","ref","ariaLabel","ariaLabelledby","children","_ref2$block","block","disabled","onChange","props","_objectWithoutProperties","_excluded","name","radioGroupState","isDisabled","rawValue","num","Number","value","isNaN","_useRadioGroup","orientation","radioGroupProps","createElement","_extends","$block","Provider","Children","toArray","filter","child","map","index","cloneElement","internalIndex","SegmentWithGroup","_ref3","_ref3$placement","placement","tooltip","state","_excluded2","adjustedValue","String","innerRef","useRef","actualRef","_useRadio","inputProps","_useFocusRing","focusProps","isFocusVisible","useEffect","setSelectedValue","overlay","$focused","$disabled","$selected","StandaloneSegment","_ref4","_ref5","_ref6","_ref4$placement","_excluded3","_useFocusRing2","isControlled","_React$useState","useState","_React$useState2","_slicedToArray","uncontrolledSelected","setUncontrolledSelected","handleChange","e","_props$onChange","target","checked","call","useContext","_ref7","_excluded4","trigger","Fragment","withState","config","Component","_React$useState3","_React$useState4","selectedIndex","setSelected","_objectSpread","State","_ref8","_excluded5","displayName"],"sources":["../../src/SegmentedController/SegmentedController.tsx"],"sourcesContent":["import { useFocusRing } from '@react-aria/focus'\nimport { useRadio, useRadioGroup } from '@react-aria/radio'\nimport { mergeProps, useId } from '@react-aria/utils'\nimport { VisuallyHidden } from '@react-aria/visually-hidden'\nimport React from 'react'\nimport type { RadioGroupState } from 'react-stately'\nimport { useRadioGroupState } from 'react-stately'\nimport { Tooltip as TooltipBase } from '../Tooltip/Tooltip'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport {\n  StyledContainer,\n  StyledLabel,\n  StyledSegment,\n  StyledSegmentDisabledInteractiveWrapper,\n} from './SegmentedController.styles'\nimport type {\n  SegmentedControllerProps,\n  SegmentedControllerSegmentProps,\n  SegmentedControllerTooltipProps,\n} from './SegmentedController.types'\n\nfunction isSegment(\n  node: unknown\n): node is React.ReactElement<HTMLInputElement> {\n  return (\n    React.isValidElement(node as React.ReactElement) &&\n    (node as React.ReactElement).type === Segment\n  )\n}\n\nexport function determineSelectedState({\n  active,\n  selected,\n  isSelected,\n}: {\n  active?: boolean\n  isSelected: boolean\n  selected?: boolean\n}): boolean {\n  // Selected is a prop, so it should be the source of truth\n  if (selected !== undefined) {\n    return selected\n  }\n  // Active is a prop, so it should be the source of truth\n  if (active !== undefined) {\n    return active\n  }\n  // If neither props are passed in, use the react-stately state\n  return isSelected\n}\n\nconst RadioButtonContext = React.createContext<RadioGroupState | null>(null)\n\nconst SegmentedController_ = React.forwardRef<\n  HTMLDivElement,\n  SegmentedControllerProps\n>(function SegmentedController(\n  {\n    // TODO make label props required in type?\n    // React Aria logs warnings without 1 of 2. Axe does not fail\n    ['aria-label']: ariaLabel,\n    ['aria-labelledby']: ariaLabelledby,\n    children,\n    block = false,\n    disabled,\n    onChange,\n    ...props\n  },\n  ref\n) {\n  const name = useId()\n  const radioGroupState = useRadioGroupState({\n    name,\n    isDisabled: disabled,\n    onChange: (rawValue) => {\n      const num = Number(rawValue)\n      const value = !isNaN(num) ? num : rawValue\n      onChange?.(value as number)\n    },\n  })\n  const { radioGroupProps } = useRadioGroup(\n    {\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      orientation: 'horizontal',\n    },\n    radioGroupState\n  )\n  return (\n    <StyledContainer ref={ref} $block={block} {...radioGroupProps} {...props}>\n      <RadioButtonContext.Provider value={radioGroupState}>\n        {React.Children.toArray(children)\n          .filter((child) => isSegment(child))\n          .map((child, index) =>\n            React.cloneElement(child as React.ReactElement, {\n              internalIndex: index,\n            })\n          )}\n      </RadioButtonContext.Provider>\n    </StyledContainer>\n  )\n})\n\n// Segment with RadioGroup context\nconst SegmentWithGroup = React.forwardRef<\n  HTMLInputElement,\n  React.InputHTMLAttributes<HTMLInputElement> &\n    SegmentedControllerSegmentProps & { state: RadioGroupState }\n>(function SegmentWithGroup(\n  {\n    active,\n    children,\n    placement = 'top',\n    tooltip,\n    disabled,\n    value,\n    internalIndex,\n    selected,\n    state,\n    ...props\n  },\n  ref\n) {\n  const adjustedValue = String(value ?? internalIndex)\n  const innerRef = React.useRef<HTMLInputElement>(null)\n  const actualRef = ref ?? innerRef\n\n  const { inputProps, isSelected, isDisabled } = useRadio(\n    {\n      isDisabled: disabled ?? state.isDisabled,\n      value: adjustedValue as string,\n      children,\n    },\n    state,\n    actualRef as unknown as React.RefObject<HTMLInputElement>\n  )\n  const { focusProps, isFocusVisible } = useFocusRing()\n\n  React.useEffect(() => {\n    if (active || selected) {\n      state.setSelectedValue(adjustedValue)\n    }\n  }, [active, state, adjustedValue, selected])\n\n  return (\n    <Tooltip overlay={tooltip} placement={placement}>\n      <StyledSegmentDisabledInteractiveWrapper>\n        <StyledSegment\n          $focused={isFocusVisible}\n          $disabled={isDisabled}\n          $selected={determineSelectedState({ active, selected, isSelected })}\n        >\n          <VisuallyHidden>\n            <input\n              {...mergeProps(props, inputProps, focusProps)}\n              ref={actualRef}\n            />\n          </VisuallyHidden>\n          <StyledLabel>{children}</StyledLabel>\n        </StyledSegment>\n      </StyledSegmentDisabledInteractiveWrapper>\n    </Tooltip>\n  )\n})\n\n// Standalone segment\nconst StandaloneSegment = React.forwardRef<\n  HTMLInputElement,\n  React.InputHTMLAttributes<HTMLInputElement> & SegmentedControllerSegmentProps\n>(function StandaloneSegment(\n  {\n    active,\n    children,\n    placement = 'top',\n    tooltip,\n    disabled,\n    value,\n    internalIndex,\n    selected,\n    ...props\n  },\n  ref\n) {\n  const adjustedValue = String(value ?? internalIndex)\n  const innerRef = React.useRef<HTMLInputElement>(null)\n  const actualRef = ref ?? innerRef\n  const { focusProps, isFocusVisible } = useFocusRing()\n\n  const isControlled = selected !== undefined || active !== undefined\n  const [uncontrolledSelected, setUncontrolledSelected] = React.useState(\n    selected ?? active ?? false\n  )\n  const isSelected = selected ?? active ?? uncontrolledSelected\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (!isControlled) {\n      setUncontrolledSelected(e.target.checked)\n    }\n    props.onChange?.(e)\n  }\n\n  return (\n    <Tooltip overlay={tooltip} placement={placement}>\n      <StyledSegmentDisabledInteractiveWrapper>\n        <StyledSegment\n          $focused={isFocusVisible}\n          $disabled={disabled ?? false}\n          $selected={isSelected}\n        >\n          <VisuallyHidden>\n            <input\n              {...mergeProps(props, focusProps)}\n              ref={actualRef}\n              type=\"radio\"\n              value={adjustedValue}\n              checked={isSelected}\n              disabled={disabled}\n              onChange={handleChange}\n            />\n          </VisuallyHidden>\n          <StyledLabel>{children}</StyledLabel>\n        </StyledSegment>\n      </StyledSegmentDisabledInteractiveWrapper>\n    </Tooltip>\n  )\n})\n\n// Wrapper that chooses the right implementation\nexport const Segment = React.forwardRef<\n  HTMLInputElement,\n  React.InputHTMLAttributes<HTMLInputElement> & SegmentedControllerSegmentProps\n>(function Segment(props, ref) {\n  const state = React.useContext(RadioButtonContext)\n\n  if (state) {\n    return <SegmentWithGroup {...props} state={state} ref={ref} />\n  }\n\n  return <StandaloneSegment {...props} ref={ref} />\n})\n\n/**\n * @deprecated\n *\n * The `SegmentedController.Tooltip` component has been deprecated will be\n * removed in a future version.\n *\n * Tooltips are now built into `SegmentedController.Segment`s, and can be added\n * by configuring the `tooltip` prop.\n *\n * **Before**\n *\n * ```\n * <SegmentedController>\n *   <SegmentedController.Tooltip tooltip=\"Item 1 is the first item\">\n *     <SegmentedController.Segment>\n *       Item 1\n *     </SegmentedController.Segment>\n *   </SegmentedController.Tooltip>\n * </SegmentedController>\n * ```\n *\n * **After**\n *\n * ```\n * <SegmentedController>\n *   <SegmentedController.Segment tooltip=\"Item 1 is the first item\">\n *     Item 1\n *   </SegmentedController.Segment>\n * </SegmentedController>\n * ```\n *\n * @deprecatedSince 10.20.0\n */\nexport const Tooltip = React.forwardRef<\n  HTMLElement,\n  SegmentedControllerTooltipProps\n>(function Tooltip({ children, overlay, ...props }, ref) {\n  return overlay ? (\n    <TooltipBase {...props} overlay={overlay} ref={ref} trigger=\"hover\">\n      {children}\n    </TooltipBase>\n  ) : (\n    <>{children}</>\n  )\n})\n\nconst withState = (config: any) => (Component: any) => (props: any) => {\n  const [selectedIndex, setSelected] = React.useState(0)\n\n  return <Component {...{ ...props, selectedIndex, setSelected }} />\n}\n\n/**\n * @deprecated\n *\n * This `SegmentedController.State` utility has been deprecated. Please just\n * use a simple state management hook instead.\n *\n *\n * **Before**\n *\n * ```\n * <SegmentedController.State>\n *   {({ selectedIndex, setSelected }) => (\n *     <SegmentedController>\n *       <SegmentedController.Segment onClick={() => setSelected(0)} active={selectedIndex === 0}>\n *         Item 1\n *       </SegmentedController.Segment>\n *     </SegmentedController>\n *   )}\n * </SegmentedController.State>\n * ```\n *\n * **After**\n *\n * ```\n * const [selected, setSelected] = React.useState(0)\n *\n * <SegmentedController onChange={setSelected}>\n *   <SegmentedController.Segment active={selectedIndex === 0}>\n *     Item 1\n *   </SegmentedController.Segment>\n * </SegmentedController>\n * ```\n *\n * @deprecatedSince 10.20.0\n */\nexport const State = withState({})(({ children, ...props }: any) =>\n  children(props)\n)\n\nSegmentedController_.displayName = 'SegmentedController'\n\nSegment.displayName = 'SegmentedController.Segment'\n\nTooltip.displayName = 'SegmentedController.Tooltip'\n\n/**\n\n Segmented controllers allow users to switch between related but mutually\n exclusive content or actions.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-segmentedcontroller--demo)\n\n @see [Design Guidelines](https://design.procore.com/segmented-controller)\n\n */\nexport const SegmentedController = addSubcomponents(\n  {\n    Segment,\n    State,\n    Tooltip,\n  },\n  SegmentedController_\n)\n"],"mappings":"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"}
+{"version":3,"file":"SegmentedController.js","names":["useFocusRing","useRadio","useRadioGroup","mergeProps","useId","VisuallyHidden","React","useRadioGroupState","Tooltip","TooltipBase","addSubcomponents","StyledContainer","StyledLabel","StyledSegment","StyledSegmentDisabledInteractiveWrapper","isSegment","node","isValidElement","type","Segment","determineSelectedState","_ref","active","selected","isSelected","undefined","RadioButtonContext","createContext","SegmentedController_","forwardRef","SegmentedController","_ref2","ref","ariaLabel","ariaLabelledby","children","_ref2$block","block","disabled","onChange","props","_objectWithoutProperties","_excluded","name","radioGroupState","isDisabled","rawValue","num","Number","value","isNaN","_useRadioGroup","orientation","radioGroupProps","createElement","_extends","$block","Provider","Children","toArray","filter","child","map","index","cloneElement","internalIndex","SegmentWithGroup","_ref3","_ref3$placement","placement","tooltip","state","_excluded2","adjustedValue","String","innerRef","useRef","actualRef","_useRadio","inputProps","_useFocusRing","focusProps","isFocusVisible","useEffect","setSelectedValue","overlay","$focused","$disabled","$selected","StandaloneSegment","_ref4","_ref5","_ref6","_ref4$placement","_excluded3","_useFocusRing2","isControlled","_React$useState","useState","_React$useState2","_slicedToArray","uncontrolledSelected","setUncontrolledSelected","handleChange","e","_props$onChange","target","checked","call","useContext","_ref7","_excluded4","trigger","Fragment","withState","config","Component","_React$useState3","_React$useState4","selectedIndex","setSelected","_objectSpread","State","_ref8","_excluded5","displayName"],"sources":["../../src/SegmentedController/SegmentedController.tsx"],"sourcesContent":["import { useFocusRing } from '@react-aria/focus'\nimport { useRadio, useRadioGroup } from '@react-aria/radio'\nimport { mergeProps, useId } from '@react-aria/utils'\nimport { VisuallyHidden } from '@react-aria/visually-hidden'\nimport React from 'react'\nimport type { RadioGroupState } from 'react-stately'\nimport { useRadioGroupState } from 'react-stately'\nimport { Tooltip as TooltipBase } from '../Tooltip/Tooltip'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport {\n  StyledContainer,\n  StyledLabel,\n  StyledSegment,\n  StyledSegmentDisabledInteractiveWrapper,\n} from './SegmentedController.styles'\nimport type {\n  SegmentedControllerProps,\n  SegmentedControllerSegmentProps,\n  SegmentedControllerTooltipProps,\n} from './SegmentedController.types'\n\nfunction isSegment(\n  node: unknown\n): node is React.ReactElement<HTMLInputElement> {\n  return (\n    React.isValidElement(node as React.ReactElement) &&\n    (node as React.ReactElement).type === Segment\n  )\n}\n\nexport function determineSelectedState({\n  active,\n  selected,\n  isSelected,\n}: {\n  active?: boolean\n  isSelected: boolean\n  selected?: boolean\n}): boolean {\n  // Selected is a prop, so it should be the source of truth\n  if (selected !== undefined) {\n    return selected\n  }\n  // Active is a prop, so it should be the source of truth\n  if (active !== undefined) {\n    return active\n  }\n  // If neither props are passed in, use the react-stately state\n  return isSelected\n}\n\nconst RadioButtonContext = React.createContext<RadioGroupState | null>(null)\n\nconst SegmentedController_ = React.forwardRef<\n  HTMLDivElement,\n  SegmentedControllerProps\n>(function SegmentedController(\n  {\n    // TODO make label props required in type?\n    // React Aria logs warnings without 1 of 2. Axe does not fail\n    ['aria-label']: ariaLabel,\n    ['aria-labelledby']: ariaLabelledby,\n    children,\n    block = false,\n    disabled,\n    onChange,\n    ...props\n  },\n  ref\n) {\n  const name = useId()\n  const radioGroupState = useRadioGroupState({\n    name,\n    isDisabled: disabled,\n    onChange: (rawValue) => {\n      const num = Number(rawValue)\n      const value = !isNaN(num) ? num : rawValue\n      onChange?.(value as number)\n    },\n  })\n  const { radioGroupProps } = useRadioGroup(\n    {\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      orientation: 'horizontal',\n    },\n    radioGroupState\n  )\n  return (\n    <StyledContainer ref={ref} $block={block} {...radioGroupProps} {...props}>\n      <RadioButtonContext.Provider value={radioGroupState}>\n        {React.Children.toArray(children)\n          .filter((child) => isSegment(child))\n          .map((child, index) =>\n            React.cloneElement(child as React.ReactElement, {\n              internalIndex: index,\n            })\n          )}\n      </RadioButtonContext.Provider>\n    </StyledContainer>\n  )\n})\n\n// Segment with RadioGroup context\nconst SegmentWithGroup = React.forwardRef<\n  HTMLInputElement,\n  React.InputHTMLAttributes<HTMLInputElement> &\n    SegmentedControllerSegmentProps & { state: RadioGroupState }\n>(function SegmentWithGroup(\n  {\n    active,\n    children,\n    placement = 'top',\n    tooltip,\n    disabled,\n    value,\n    internalIndex,\n    selected,\n    state,\n    ...props\n  },\n  ref\n) {\n  const adjustedValue = String(value ?? internalIndex)\n  const innerRef = React.useRef<HTMLInputElement>(null)\n  const actualRef = ref ?? innerRef\n\n  const { inputProps, isSelected, isDisabled } = useRadio(\n    {\n      isDisabled: disabled ?? state.isDisabled,\n      value: adjustedValue as string,\n      children,\n    },\n    state,\n    actualRef as unknown as React.RefObject<HTMLInputElement>\n  )\n  const { focusProps, isFocusVisible } = useFocusRing()\n\n  React.useEffect(() => {\n    if (active || selected) {\n      state.setSelectedValue(adjustedValue)\n    }\n  }, [active, state, adjustedValue, selected])\n\n  return (\n    <Tooltip overlay={tooltip} placement={placement}>\n      <StyledSegmentDisabledInteractiveWrapper>\n        <StyledSegment\n          $focused={isFocusVisible}\n          $disabled={isDisabled}\n          $selected={determineSelectedState({ active, selected, isSelected })}\n        >\n          <VisuallyHidden>\n            <input\n              {...mergeProps(props, inputProps, focusProps)}\n              ref={actualRef}\n            />\n          </VisuallyHidden>\n          <StyledLabel>{children}</StyledLabel>\n        </StyledSegment>\n      </StyledSegmentDisabledInteractiveWrapper>\n    </Tooltip>\n  )\n})\n\n// Standalone segment\nconst StandaloneSegment = React.forwardRef<\n  HTMLInputElement,\n  React.InputHTMLAttributes<HTMLInputElement> & SegmentedControllerSegmentProps\n>(function StandaloneSegment(\n  {\n    active,\n    children,\n    placement = 'top',\n    tooltip,\n    disabled,\n    value,\n    internalIndex,\n    selected,\n    ...props\n  },\n  ref\n) {\n  const adjustedValue = String(value ?? internalIndex)\n  const innerRef = React.useRef<HTMLInputElement>(null)\n  const actualRef = ref ?? innerRef\n  const { focusProps, isFocusVisible } = useFocusRing()\n\n  const isControlled = selected !== undefined || active !== undefined\n  const [uncontrolledSelected, setUncontrolledSelected] = React.useState(\n    selected ?? active ?? false\n  )\n  const isSelected = selected ?? active ?? uncontrolledSelected\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (!isControlled) {\n      setUncontrolledSelected(e.target.checked)\n    }\n    props.onChange?.(e)\n  }\n\n  return (\n    <Tooltip overlay={tooltip} placement={placement}>\n      <StyledSegmentDisabledInteractiveWrapper>\n        <StyledSegment\n          $focused={isFocusVisible}\n          $disabled={disabled ?? false}\n          $selected={isSelected}\n        >\n          <VisuallyHidden>\n            <input\n              {...mergeProps(props, focusProps)}\n              ref={actualRef}\n              type=\"radio\"\n              value={adjustedValue}\n              checked={isSelected}\n              disabled={disabled}\n              onChange={handleChange}\n            />\n          </VisuallyHidden>\n          <StyledLabel>{children}</StyledLabel>\n        </StyledSegment>\n      </StyledSegmentDisabledInteractiveWrapper>\n    </Tooltip>\n  )\n})\n\n// Wrapper that chooses the right implementation\nexport const Segment = React.forwardRef<\n  HTMLInputElement,\n  React.InputHTMLAttributes<HTMLInputElement> & SegmentedControllerSegmentProps\n>(function Segment(props, ref) {\n  const state = React.useContext(RadioButtonContext)\n\n  if (state) {\n    return <SegmentWithGroup {...props} state={state} ref={ref} />\n  }\n\n  return <StandaloneSegment {...props} ref={ref} />\n})\n\n/**\n * @deprecated\n *\n * The `SegmentedController.Tooltip` component has been deprecated will be\n * removed in a future version.\n *\n * Tooltips are now built into `SegmentedController.Segment`s, and can be added\n * by configuring the `tooltip` prop.\n *\n * **Before**\n *\n * ```\n * <SegmentedController>\n *   <SegmentedController.Tooltip tooltip=\"Item 1 is the first item\">\n *     <SegmentedController.Segment>\n *       Item 1\n *     </SegmentedController.Segment>\n *   </SegmentedController.Tooltip>\n * </SegmentedController>\n * ```\n *\n * **After**\n *\n * ```\n * <SegmentedController>\n *   <SegmentedController.Segment tooltip=\"Item 1 is the first item\">\n *     Item 1\n *   </SegmentedController.Segment>\n * </SegmentedController>\n * ```\n *\n * @deprecatedSince 10.20.0\n */\nexport const Tooltip = React.forwardRef<\n  HTMLElement,\n  SegmentedControllerTooltipProps\n>(function Tooltip({ children, overlay, ...props }, ref) {\n  return overlay ? (\n    <TooltipBase\n      {...props}\n      overlay={overlay}\n      ref={ref}\n      trigger={['hover', 'focus']}\n    >\n      {children}\n    </TooltipBase>\n  ) : (\n    <>{children}</>\n  )\n})\n\nconst withState = (config: any) => (Component: any) => (props: any) => {\n  const [selectedIndex, setSelected] = React.useState(0)\n\n  return <Component {...{ ...props, selectedIndex, setSelected }} />\n}\n\n/**\n * @deprecated\n *\n * This `SegmentedController.State` utility has been deprecated. Please just\n * use a simple state management hook instead.\n *\n *\n * **Before**\n *\n * ```\n * <SegmentedController.State>\n *   {({ selectedIndex, setSelected }) => (\n *     <SegmentedController>\n *       <SegmentedController.Segment onClick={() => setSelected(0)} active={selectedIndex === 0}>\n *         Item 1\n *       </SegmentedController.Segment>\n *     </SegmentedController>\n *   )}\n * </SegmentedController.State>\n * ```\n *\n * **After**\n *\n * ```\n * const [selected, setSelected] = React.useState(0)\n *\n * <SegmentedController onChange={setSelected}>\n *   <SegmentedController.Segment active={selectedIndex === 0}>\n *     Item 1\n *   </SegmentedController.Segment>\n * </SegmentedController>\n * ```\n *\n * @deprecatedSince 10.20.0\n */\nexport const State = withState({})(({ children, ...props }: any) =>\n  children(props)\n)\n\nSegmentedController_.displayName = 'SegmentedController'\n\nSegment.displayName = 'SegmentedController.Segment'\n\nTooltip.displayName = 'SegmentedController.Tooltip'\n\n/**\n\n Segmented controllers allow users to switch between related but mutually\n exclusive content or actions.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-segmentedcontroller--demo)\n\n @see [Design Guidelines](https://design.procore.com/segmented-controller)\n\n */\nexport const SegmentedController = addSubcomponents(\n  {\n    Segment,\n    State,\n    Tooltip,\n  },\n  SegmentedController_\n)\n"],"mappings":"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"}

package/dist/SegmentedController/SegmentedController.styles.js

@@ -5,7 +5,7 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledContainer",
-  componentId: "core-12_36_0__sc-ocai3-0"
+  componentId: "core-12_38_0__sc-ocai3-0"
 })(["align-items:center;display:", ";height:36px;justify-content:center;width:", ";"], function (_ref) {
   var $block = _ref.$block;
   return $block ? 'flex' : 'inline-flex';
@@ -15,7 +15,7 @@ export var StyledContainer = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledSegment = /*#__PURE__*/styled.label.withConfig({
   displayName: "StyledSegment",
-  componentId: "core-12_36_0__sc-ocai3-1"
+  componentId: "core-12_38_0__sc-ocai3-1"
 })(["align-items:center;border-radius:0;border:1px solid ", ";cursor:pointer;display:flex;flex:1 1 auto;height:100%;justify-content:center;min-width:0;outline:0;padding:0 ", "px;position:relative;background-color:", ";color:", ";&:hover{background-color:", ";border-color:", ";color:", ";}", " ", ";"], colors.gray85, spacing.md, colors.white, colors.gray45, colors.gray94, colors.gray85, colors.gray45, function (_ref3) {
   var _ref3$$focused = _ref3.$focused,
     $focused = _ref3$$focused === void 0 ? false : _ref3$$focused;
@@ -37,10 +37,10 @@ export var StyledSegment = /*#__PURE__*/styled.label.withConfig({
 });
 export var StyledSegmentDisabledInteractiveWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSegmentDisabledInteractiveWrapper",
-  componentId: "core-12_36_0__sc-ocai3-2"
+  componentId: "core-12_38_0__sc-ocai3-2"
 })(["display:flex;flex:1 1 auto;min-width:0;height:100%;margin-right:-1px;&:first-child ", "{border-bottom-left-radius:", "px;border-top-left-radius:", "px;}&:last-child ", "{border-bottom-right-radius:", "px;border-top-right-radius:", "px;}"], StyledSegment, borderRadius.md, borderRadius.md, StyledSegment, borderRadius.md, borderRadius.md);
 export var StyledLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledLabel",
-  componentId: "core-12_36_0__sc-ocai3-3"
+  componentId: "core-12_38_0__sc-ocai3-3"
 })(["", ";display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"], getTypographyIntent('body'));
 //# sourceMappingURL=SegmentedController.styles.js.map

package/dist/Select/Select.js

@@ -1,6 +1,6 @@
 var _excluded = ["value"],
-  _excluded2 = ["block", "children", "className", "clearRef", "disabled", "error", "focus", "label", "loading", "onClear", "open", "placeholder", "qa", "tabIndex", "isMenuOpened"],
-  _excluded3 = ["onSearch", "header", "footer", "emptyMessage", "optionsRef", "children", "i18nScope", "onSelect", "menuRef"],
+  _excluded2 = ["block", "children", "className", "clearRef", "disabled", "error", "focus", "label", "loading", "onClear", "open", "placeholder", "qa", "tabIndex", "isMenuOpened", "isListboxOnly", "menuId", "aria-expanded", "style"],
+  _excluded3 = ["onSearch", "header", "footer", "emptyMessage", "optionsRef", "children", "i18nScope", "onSelect", "menuRef", "menuId"],
   _excluded4 = ["afterHide", "afterShow", "beforeHide", "beforeShow", "block", "children", "className", "container", "disabled", "emptyMessage", "error", "header", "footer", "hideDelay", "i18nScope", "label", "loading", "onClear", "onKeyDown", "onScrollBottom", "onSearch", "onSelect", "optionsRef", "placeholder", "placement", "restoreFocusOnHide", "showDelay", "tabIndex", "qa"];
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -12,6 +12,7 @@ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import { Clear } from '@procore/core-icons/dist';
+import { useId } from '@react-aria/utils';
 import classNames from 'classnames';
 import { isNil } from 'ramda';
 import React from 'react';
@@ -24,7 +25,7 @@ import { Tooltip } from '../Tooltip';
 import { useI18nContext } from '../_hooks/I18n';
 import { OverflowObserver } from '../_hooks/OverflowObserver';
 import { addSubcomponents } from '../_utils/addSubcomponents';
-import { StyledSelectArrow, StyledSelectArrowContainer, StyledSelectButton, StyledSelectButtonLabel, StyledSelectClearIcon, StyledSelectMenu, StyledSelectSpinner } from './Select.styles';
+import { StyledSelectArrow, StyledSelectArrowContainer, StyledSelectButton, StyledSelectButtonLabel, StyledSelectButtonWrapper, StyledSelectClearIcon, StyledSelectMenu, StyledSelectSpinner } from './Select.styles';
 function noop() {}
 function isFunction(obj) {
   return typeof obj === 'function';
@@ -73,24 +74,31 @@ export var Button = /*#__PURE__*/React.forwardRef(function Button(_ref3, ref) {
     tabIndex = _ref3$tabIndex === void 0 ? 0 : _ref3$tabIndex,
     _ref3$isMenuOpened = _ref3.isMenuOpened,
     isMenuOpened = _ref3$isMenuOpened === void 0 ? false : _ref3$isMenuOpened,
+    _ref3$isListboxOnly = _ref3.isListboxOnly,
+    isListboxOnly = _ref3$isListboxOnly === void 0 ? false : _ref3$isListboxOnly,
+    menuId = _ref3.menuId,
+    ariaExpandedProp = _ref3['aria-expanded'],
+    style = _ref3.style,
     props = _objectWithoutProperties(_ref3, _excluded2);
   var i18n = useI18nContext();
-  var hasClearIcon = !disabled && !loading && Boolean(label);
+  var hasClearIcon = Boolean(onClear);
+  var showClearIcon = !disabled && !loading && Boolean(label);
+  var labelId = useId();
+  var triggerRole = isListboxOnly ? 'combobox' : 'button';
   var content = children || label || placeholder;
-  return /*#__PURE__*/React.createElement(StyledSelectButton, _extends({
-    className: classNames(className, {
-      focus: isFunction(focus) ? focus({
-        open: open
-      }) : focus
-    }),
+  var ariaExpanded = disabled ? undefined : isListboxOnly ? ariaExpandedProp : open;
+  var button = /*#__PURE__*/React.createElement(StyledSelectButton, _extends({
     ref: ref,
-    role: "button",
+    role: triggerRole,
     "aria-disabled": disabled,
     tabIndex: disabled ? -1 : tabIndex,
+    "aria-expanded": ariaExpanded,
+    "aria-labelledby": isListboxOnly ? labelId : undefined,
     $block: block,
     $error: error,
     $disabled: disabled,
     $hasClearIcon: hasClearIcon,
+    $showClearIcon: showClearIcon,
     $loading: loading,
     $open: open,
     $placeholder: !label
@@ -99,6 +107,7 @@ export var Button = /*#__PURE__*/React.forwardRef(function Button(_ref3, ref) {
       overflowRef = _ref4.ref;
     var showTooltip = !disabled && isOverflowingX && !isMenuOpened;
     var trigger = /*#__PURE__*/React.createElement(StyledSelectButtonLabel, {
+      id: labelId,
       "data-qa": qa === null || qa === void 0 ? void 0 : qa.label,
       $hoverable: showTooltip,
       ref: overflowRef
@@ -107,9 +116,19 @@ export var Button = /*#__PURE__*/React.forwardRef(function Button(_ref3, ref) {
       trigger: "hover",
       overlay: content
     }, trigger) : trigger;
-  }), onClear && /*#__PURE__*/React.createElement(StyledSelectClearIcon, {
-    "aria-hidden": true // prevents reading "delete field" button when select in focus
-    ,
+  }), loading ? /*#__PURE__*/React.createElement(StyledSelectSpinner, null, /*#__PURE__*/React.createElement(Spinner, {
+    color: "blue50",
+    size: "xs"
+  })) : /*#__PURE__*/React.createElement(StyledSelectArrowContainer, null, /*#__PURE__*/React.createElement(StyledSelectArrow, null)));
+  return /*#__PURE__*/React.createElement(StyledSelectButtonWrapper, {
+    $block: block,
+    className: classNames(className, {
+      focus: isFunction(focus) ? focus({
+        open: open
+      }) : focus
+    }),
+    style: style
+  }, button, onClear ? /*#__PURE__*/React.createElement(StyledSelectClearIcon, {
     "aria-label": i18n.t('core.select.clear'),
     ref: clearRef,
     "data-qa": (qa === null || qa === void 0 ? void 0 : qa.clear) || 'core-select-clear',
@@ -121,11 +140,8 @@ export var Button = /*#__PURE__*/React.forwardRef(function Button(_ref3, ref) {
       return e.preventDefault();
     } // prevents an element from getting the focus
     ,
-    tabIndex: -1 // TODO revisit this accessibility
-  }), loading ? /*#__PURE__*/React.createElement(StyledSelectSpinner, null, /*#__PURE__*/React.createElement(Spinner, {
-    color: "blue50",
-    size: "xs"
-  })) : /*#__PURE__*/React.createElement(StyledSelectArrowContainer, null, /*#__PURE__*/React.createElement(StyledSelectArrow, null)));
+    tabIndex: showClearIcon ? 0 : -1
+  }) : null);
 });
 var SelectMenu = /*#__PURE__*/React.forwardRef(function SelectMenu(_ref5, ref) {
   var onSearch_ = _ref5.onSearch,
@@ -138,6 +154,7 @@ var SelectMenu = /*#__PURE__*/React.forwardRef(function SelectMenu(_ref5, ref) {
     _ref5$onSelect = _ref5.onSelect,
     onSelect_ = _ref5$onSelect === void 0 ? noop : _ref5$onSelect,
     menuRef = _ref5.menuRef,
+    menuId = _ref5.menuId,
     props = _objectWithoutProperties(_ref5, _excluded3);
   var ctx = useOverlayTriggerContext();
   var _React$useState = React.useState(''),
@@ -183,6 +200,7 @@ var SelectMenu = /*#__PURE__*/React.forwardRef(function SelectMenu(_ref5, ref) {
     role: "listbox",
     onKeyDown: onKeyDown,
     onSelect: onSelect,
+    id: menuId,
     circular: true
   }), onSearch_ && /*#__PURE__*/React.createElement(MenuImperative.Search, _extends({
     autoComplete: "false",
@@ -257,6 +275,8 @@ var Select_ = /*#__PURE__*/React.forwardRef(function Select(_ref6, forwardRef) {
     isMenuOpened = _React$useState4[0],
     setIsMenuOpened = _React$useState4[1];
   var clearRef = React.useRef(null);
+  var menuId = useId();
+  var isListboxOnly = !onSearch && !header && !footer;
   var emptyMessageText = emptyMessage !== null && emptyMessage !== void 0 ? emptyMessage : i18n.t('noResult', {
     scope: i18nScope
   });
@@ -295,6 +315,9 @@ var Select_ = /*#__PURE__*/React.forwardRef(function Select(_ref6, forwardRef) {
     container: container,
     hideDelay: hideDelay,
     restoreFocusOnHide: restoreFocusOnHide,
+    role: isListboxOnly ? 'listbox' : undefined,
+    passA11yPropsToOverlay: isListboxOnly,
+    overlayId: menuId,
     overlay: /*#__PURE__*/React.createElement(SelectMenu, {
       onSearch: onSearch,
       header: header,
@@ -304,7 +327,8 @@ var Select_ = /*#__PURE__*/React.forwardRef(function Select(_ref6, forwardRef) {
       i18nScope: i18nScope,
       onSelect: onSelect,
       onScrollBottom: onScrollBottom,
-      menuRef: menuRef
+      menuRef: menuRef,
+      menuId: menuId
     }, children),
     placement: placement,
     ref: ref,
@@ -324,6 +348,8 @@ var Select_ = /*#__PURE__*/React.forwardRef(function Select(_ref6, forwardRef) {
     onClear: isNil(onClear_) ? onClear_ : onClear,
     isMenuOpened: isMenuOpened,
     tabIndex: tabIndex,
+    isListboxOnly: isListboxOnly,
+    menuId: menuId,
     qa: qa
   })));
 });