@procore/core-react 11.24.1 → 11.24.2

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$fluid","fluid","_ref$placement","placement","props","_objectWithoutProperties","_excluded","createElement","_extends","$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 { DivAttributes } from '../_utils/types'\nimport { StyledPopover, StyledPopoverContent } from './Popover.styles'\nimport { PopoverContentProps, PopoverProps, PopoverRole } from './Popover.types'\n\nconst Content = React.forwardRef<\n  HTMLDivElement,\n  DivAttributes & PopoverContentProps\n>(function Content(\n  { children, fluid = false, placement = 'top', ...props },\n  ref\n) {\n  return (\n    <StyledPopover ref={ref}>\n      <StyledPopoverContent {...props} $fluid={fluid} $placement={placement}>\n        {children}\n      </StyledPopoverContent>\n    </StyledPopover>\n  )\n})\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://procore.github.io/core/core-react/latest/?path=/story/demos-popover--demo)\n\n @see [Design Guidelines](https://design.procore.com/popover)\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\nexport const Popover = addSubcomponents({ Content }, Popover_)\n"],"mappings":";;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,kCAAkC;AACjE,SAASC,gBAAgB,QAAQ,4BAA4B;AAC7D,SAASC,cAAc,QAAQ,0BAA0B;AAEzD,SAASC,aAAa,EAAEC,oBAAoB,QAAQ,kBAAkB;AAGtE,IAAMC,OAAO,gBAAGN,KAAK,CAACO,UAAU,CAG9B,SAASD,OAAOA,CAAAE,IAAA,EAEhBC,GAAG,EACH;EAAA,IAFEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,UAAA,GAAAH,IAAA,CAAEI,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,KAAK,GAAAA,UAAA;IAAAE,cAAA,GAAAL,IAAA,CAAEM,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;IAAKE,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAGtD,oBACEjB,KAAA,CAAAkB,aAAA,CAACd,aAAa;IAACK,GAAG,EAAEA;EAAI,gBACtBT,KAAA,CAAAkB,aAAA,CAACb,oBAAoB,EAAAc,QAAA,KAAKJ,KAAK;IAAEK,MAAM,EAAER,KAAM;IAACS,UAAU,EAAEP;EAAU,IACnEJ,QACmB,CACT,CAAC;AAEpB,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASY,YAAYA,CAAAC,KAAA,EAWnBd,GAAoC,EACpC;EAAA,IAVEC,QAAQ,GAAAa,KAAA,CAARb,QAAQ;IAAAc,qBAAA,GAAAD,KAAA,CACRE,gBAAgB;IAAhBA,gBAAgB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IAAAE,qBAAA,GAAAH,KAAA,CACxBI,kBAAkB;IAAlBA,kBAAkB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IAAAE,eAAA,GAAAL,KAAA,CAC1BT,SAAS;IAATA,SAAS,GAAAc,eAAA,cAAG,KAAK,GAAAA,eAAA;IACjBC,OAAO,GAAAN,KAAA,CAAPM,OAAO;IACPC,UAAU,GAAAP,KAAA,CAAVO,UAAU;IACVC,IAAI,GAAAR,KAAA,CAAJQ,IAAI;IACDhB,KAAK,GAAAC,wBAAA,CAAAO,KAAA,EAAAS,UAAA;EAIV,IAAMC,WAAW,GAAG9B,cAAc,CAAC0B,OAAO,CAAC,gBACzC7B,KAAK,CAACkC,YAAY,CAACL,OAAO,EAAE;IAAEf,SAAS,EAATA;EAAU,CAAC,CAAC,gBAE1Cd,KAAA,CAAAkB,aAAA,CAAClB,KAAK,CAACmC,QAAQ,MAAE,CAClB;EAED,oBACEnC,KAAA,CAAAkB,aAAA,CAACjB,cAAc,EAAAmC,aAAA,CAAAA,aAAA,KAERrB,KAAK;IACRU,gBAAgB,EAAhBA,gBAAgB;IAChBI,OAAO,EAAEI,WAAW;IACpBnB,SAAS,EAATA,SAAS;IACTiB,IAAI,EAAJA,IAAI;IACJtB,GAAG,EAAHA,GAAG;IACHkB,kBAAkB,EAAlBA,kBAAkB;IAClBU,aAAa,EAAE,IAAI;IACnBC,KAAK,EAAE,IAAI;IACXR,UAAU,EAAVA;EAAU,IAGXpB,QACa,CAAC;AAErB;AAEA,IAAM6B,QAAQ,gBAAGvC,KAAK,CAACO,UAAU,CAACe,YAAY,CAEV;;AAEpC;AACAiB,QAAQ,CAACC,WAAW,GAAG,SAAS;AAEhClC,OAAO,CAACkC,WAAW,GAAG,iBAAiB;AAEvC,OAAO,IAAMC,OAAO,GAAGvC,gBAAgB,CAAC;EAAEI,OAAO,EAAPA;AAAQ,CAAC,EAAEiC,QAAQ,CAAC"}
+{"version":3,"file":"Popover.js","names":["React","OverlayTrigger","addSubcomponents","isReactElement","StyledPopover","StyledPopoverContent","Content","forwardRef","_ref","ref","children","_ref$fluid","fluid","_ref$placement","placement","props","_objectWithoutProperties","_excluded","createElement","_extends","$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 type { DivAttributes } from '../_utils/types'\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  DivAttributes & PopoverContentProps\n>(function Content(\n  { children, fluid = false, placement = 'top', ...props },\n  ref\n) {\n  return (\n    <StyledPopover ref={ref}>\n      <StyledPopoverContent {...props} $fluid={fluid} $placement={placement}>\n        {children}\n      </StyledPopoverContent>\n    </StyledPopover>\n  )\n})\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://procore.github.io/core/core-react/latest/?path=/story/demos-popover--demo)\n\n @see [Design Guidelines](https://design.procore.com/popover)\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\nexport const Popover = addSubcomponents({ Content }, Popover_)\n"],"mappings":";;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,kCAAkC;AACjE,SAASC,gBAAgB,QAAQ,4BAA4B;AAC7D,SAASC,cAAc,QAAQ,0BAA0B;AAEzD,SAASC,aAAa,EAAEC,oBAAoB,QAAQ,kBAAkB;AAOtE,IAAMC,OAAO,gBAAGN,KAAK,CAACO,UAAU,CAG9B,SAASD,OAAOA,CAAAE,IAAA,EAEhBC,GAAG,EACH;EAAA,IAFEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,UAAA,GAAAH,IAAA,CAAEI,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,KAAK,GAAAA,UAAA;IAAAE,cAAA,GAAAL,IAAA,CAAEM,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;IAAKE,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAGtD,oBACEjB,KAAA,CAAAkB,aAAA,CAACd,aAAa;IAACK,GAAG,EAAEA;EAAI,gBACtBT,KAAA,CAAAkB,aAAA,CAACb,oBAAoB,EAAAc,QAAA,KAAKJ,KAAK;IAAEK,MAAM,EAAER,KAAM;IAACS,UAAU,EAAEP;EAAU,IACnEJ,QACmB,CACT,CAAC;AAEpB,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASY,YAAYA,CAAAC,KAAA,EAWnBd,GAAoC,EACpC;EAAA,IAVEC,QAAQ,GAAAa,KAAA,CAARb,QAAQ;IAAAc,qBAAA,GAAAD,KAAA,CACRE,gBAAgB;IAAhBA,gBAAgB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IAAAE,qBAAA,GAAAH,KAAA,CACxBI,kBAAkB;IAAlBA,kBAAkB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IAAAE,eAAA,GAAAL,KAAA,CAC1BT,SAAS;IAATA,SAAS,GAAAc,eAAA,cAAG,KAAK,GAAAA,eAAA;IACjBC,OAAO,GAAAN,KAAA,CAAPM,OAAO;IACPC,UAAU,GAAAP,KAAA,CAAVO,UAAU;IACVC,IAAI,GAAAR,KAAA,CAAJQ,IAAI;IACDhB,KAAK,GAAAC,wBAAA,CAAAO,KAAA,EAAAS,UAAA;EAIV,IAAMC,WAAW,GAAG9B,cAAc,CAAC0B,OAAO,CAAC,gBACzC7B,KAAK,CAACkC,YAAY,CAACL,OAAO,EAAE;IAAEf,SAAS,EAATA;EAAU,CAAC,CAAC,gBAE1Cd,KAAA,CAAAkB,aAAA,CAAClB,KAAK,CAACmC,QAAQ,MAAE,CAClB;EAED,oBACEnC,KAAA,CAAAkB,aAAA,CAACjB,cAAc,EAAAmC,aAAA,CAAAA,aAAA,KAERrB,KAAK;IACRU,gBAAgB,EAAhBA,gBAAgB;IAChBI,OAAO,EAAEI,WAAW;IACpBnB,SAAS,EAATA,SAAS;IACTiB,IAAI,EAAJA,IAAI;IACJtB,GAAG,EAAHA,GAAG;IACHkB,kBAAkB,EAAlBA,kBAAkB;IAClBU,aAAa,EAAE,IAAI;IACnBC,KAAK,EAAE,IAAI;IACXR,UAAU,EAAVA;EAAU,IAGXpB,QACa,CAAC;AAErB;AAEA,IAAM6B,QAAQ,gBAAGvC,KAAK,CAACO,UAAU,CAACe,YAAY,CAEV;;AAEpC;AACAiB,QAAQ,CAACC,WAAW,GAAG,SAAS;AAEhClC,OAAO,CAACkC,WAAW,GAAG,iBAAiB;AAEvC,OAAO,IAAMC,OAAO,GAAGvC,gBAAgB,CAAC;EAAEI,OAAO,EAAPA;AAAQ,CAAC,EAAEiC,QAAQ,CAAC"}

package/dist/Popover/Popover.styles.d.ts

@@ -1,4 +1,4 @@
-import { Placement } from '../_utils/placement';
+import type { Placement } from '../_utils/placement';
 export declare const popoverArrowSize = 6;
 interface StyledPopoverProps {
     $fluid: boolean;

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-11_24_1__sc-1cd0ihn-0"
+  componentId: "core-11_24_2__sc-1cd0ihn-0"
 })(["background-color:", ";border-radius:", "px;color:", ";display:inline-block;max-width:250px;position:relative;", ""], colors.white, borderRadius.md, colors.gray15, function (_ref) {
   var $fluid = _ref.$fluid;
   if ($fluid) {
@@ -14,6 +14,6 @@ export var StyledPopoverContent = /*#__PURE__*/styled.span.withConfig({
 });
 export var StyledPopover = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPopover",
-  componentId: "core-11_24_1__sc-1cd0ihn-1"
+  componentId: "core-11_24_2__sc-1cd0ihn-1"
 })(["display:inline-block;", " & + [data-overlay-arrow]{background:", ";}"], getShadow(3), colors.white);
 //# sourceMappingURL=Popover.styles.js.map

package/dist/Popover/Popover.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.styles.js","names":["styled","css","borderRadius","colors","getShadow","popoverArrowSize","StyledPopoverContent","span","withConfig","displayName","componentId","white","md","gray15","_ref","$fluid","StyledPopover","div"],"sources":["../../src/Popover/Popover.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { borderRadius } from '../_styles/borderRadius'\nimport { colors } from '../_styles/colors'\nimport { getShadow } from '../_styles/shadows'\nimport { Placement } from '../_utils/placement'\n\nexport const popoverArrowSize = 6\n\ninterface StyledPopoverProps {\n  $fluid: boolean\n  $placement: Placement\n}\n\nexport const StyledPopoverContent = styled.span<Required<StyledPopoverProps>>`\n  background-color: ${colors.white};\n  border-radius: ${borderRadius.md}px;\n\n  color: ${colors.gray15};\n  display: inline-block;\n  max-width: 250px;\n  position: relative;\n\n  ${({ $fluid }) => {\n    if ($fluid) {\n      return css`\n        max-width: none;\n      `\n    }\n  }}\n`\n\nexport const StyledPopover = styled.div`\n  display: inline-block;\n  ${getShadow(3)}\n\n  & + [data-overlay-arrow] {\n    background: ${colors.white};\n  }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,SAAS,QAAQ,oBAAoB;AAG9C,OAAO,IAAMC,gBAAgB,GAAG,CAAC;AAOjC,OAAO,IAAMC,oBAAoB,gBAAGN,MAAM,CAACO,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0HACzBP,MAAM,CAACQ,KAAK,EACfT,YAAY,CAACU,EAAE,EAEvBT,MAAM,CAACU,MAAM,EAKpB,UAAAC,IAAA,EAAgB;EAAA,IAAbC,MAAM,GAAAD,IAAA,CAANC,MAAM;EACT,IAAIA,MAAM,EAAE;IACV,OAAOd,GAAG;EAGZ;AACF,CAAC,CACF;AAED,OAAO,IAAMe,aAAa,gBAAGhB,MAAM,CAACiB,GAAG,CAAAT,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6EAEnCN,SAAS,CAAC,CAAC,CAAC,EAGED,MAAM,CAACQ,KAAK,CAE7B"}
+{"version":3,"file":"Popover.styles.js","names":["styled","css","borderRadius","colors","getShadow","popoverArrowSize","StyledPopoverContent","span","withConfig","displayName","componentId","white","md","gray15","_ref","$fluid","StyledPopover","div"],"sources":["../../src/Popover/Popover.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { borderRadius } from '../_styles/borderRadius'\nimport { colors } from '../_styles/colors'\nimport { getShadow } from '../_styles/shadows'\nimport type { Placement } from '../_utils/placement'\n\nexport const popoverArrowSize = 6\n\ninterface StyledPopoverProps {\n  $fluid: boolean\n  $placement: Placement\n}\n\nexport const StyledPopoverContent = styled.span<Required<StyledPopoverProps>>`\n  background-color: ${colors.white};\n  border-radius: ${borderRadius.md}px;\n\n  color: ${colors.gray15};\n  display: inline-block;\n  max-width: 250px;\n  position: relative;\n\n  ${({ $fluid }) => {\n    if ($fluid) {\n      return css`\n        max-width: none;\n      `\n    }\n  }}\n`\n\nexport const StyledPopover = styled.div`\n  display: inline-block;\n  ${getShadow(3)}\n\n  & + [data-overlay-arrow] {\n    background: ${colors.white};\n  }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,SAAS,QAAQ,oBAAoB;AAG9C,OAAO,IAAMC,gBAAgB,GAAG,CAAC;AAOjC,OAAO,IAAMC,oBAAoB,gBAAGN,MAAM,CAACO,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0HACzBP,MAAM,CAACQ,KAAK,EACfT,YAAY,CAACU,EAAE,EAEvBT,MAAM,CAACU,MAAM,EAKpB,UAAAC,IAAA,EAAgB;EAAA,IAAbC,MAAM,GAAAD,IAAA,CAANC,MAAM;EACT,IAAIA,MAAM,EAAE;IACV,OAAOd,GAAG;EAGZ;AACF,CAAC,CACF;AAED,OAAO,IAAMe,aAAa,gBAAGhB,MAAM,CAACiB,GAAG,CAAAT,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6EAEnCN,SAAS,CAAC,CAAC,CAAC,EAGED,MAAM,CAACQ,KAAK,CAE7B"}

package/dist/Popover/Popover.types.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import { OverlayTriggerRef } from '../OverlayTrigger/OverlayTrigger.types';
-import { BeforeCallback } from '../_hooks/DelayedCallback';
-import { TriggerConfig } from '../_hooks/Trigger';
-import { Placement } from '../_utils/placement';
-import { AriaLabelled, Props } from '../_utils/types';
+import type { OverlayTriggerRef } from '../OverlayTrigger/OverlayTrigger.types';
+import type { BeforeCallback } from '../_hooks/DelayedCallback';
+import type { TriggerConfig } from '../_hooks/Trigger';
+import type { Placement } from '../_utils/placement';
+import type { AriaLabelled, Props } from '../_utils/types';
 export interface PopoverContentProps {
     /**
      * @since 10.19.0

package/dist/Popover/Popover.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.types.js","names":[],"sources":["../../src/Popover/Popover.types.ts"],"sourcesContent":["import { OverlayTriggerRef } from '../OverlayTrigger/OverlayTrigger.types'\nimport { BeforeCallback } from '../_hooks/DelayedCallback'\nimport { TriggerConfig } from '../_hooks/Trigger'\nimport { Placement } from '../_utils/placement'\nimport { AriaLabelled, Props } from '../_utils/types'\n\nexport interface PopoverContentProps {\n  /**\n   * @since 10.19.0\n   */\n  fluid?: boolean\n  /**\n   * @since 10.19.0\n   */\n  placement?: Placement\n}\n\nexport type PopoverRole = 'dialog' | undefined\n\nexport interface PopoverBaseProps<Role extends PopoverRole = undefined>\n  extends Props {\n  /**\n   * Whether to show the overlay on initial render\n   * @defaultValue false\n   * @since 10.19.0\n   */\n  initialIsVisible?: boolean\n  /**\n   * The tip we want to display\n   * @since 10.19.0\n   */\n  overlay?: React.ReactElement<{ placement?: Placement }>\n  /**\n   * Determines the position of the arrow\n   * @defaultValue top\n   * @since 10.19.0\n   */\n  placement?: Placement\n  /**\n   * Return focus to trigger after the closing popover modal dialog\n   * @a11y Should be set to true.\n   * @defaultValue false\n   * @since 11.8.0\n   */\n  restoreFocusOnHide?: boolean\n  /**\n   * The event to trigger the overlay\n   * @defaultValue click\n   * @since 10.19.0\n   */\n  trigger?: TriggerConfig['trigger']\n\n  /**\n   * Toggles overlay visibility\n   * @since 11.2.0\n   */\n  overlayRef?: React.Ref<OverlayTriggerRef>\n  /**\n   * @since 11.11.0\n   */\n  role?: Role\n\n  /**\n   *  The callback to run before the overlay is hidden. Returning\n   *  `false` will prevent hiding.\n   * ```\n   * (e: event) => boolean | Promise | undefined\n   * ```\n   * @since 11.15.0\n   */\n  beforeHide?: BeforeCallback\n\n  /**\n   *  The callback to run before the overlay is shown. Returning\n   *  `false` will prevent showing.\n   * ```\n   * (e: event) => boolean | Promise | undefined\n   * ```\n   * @since 11.15.0\n   */\n  beforeShow?: BeforeCallback\n}\n\nexport type PopoverProps<Role extends PopoverRole = undefined> =\n  Role extends 'dialog'\n    ? AriaLabelled<PopoverBaseProps<'dialog'>>\n    : PopoverBaseProps<undefined>\n"],"mappings":""}
+{"version":3,"file":"Popover.types.js","names":[],"sources":["../../src/Popover/Popover.types.ts"],"sourcesContent":["import type { OverlayTriggerRef } from '../OverlayTrigger/OverlayTrigger.types'\nimport type { BeforeCallback } from '../_hooks/DelayedCallback'\nimport type { TriggerConfig } from '../_hooks/Trigger'\nimport type { Placement } from '../_utils/placement'\nimport type { AriaLabelled, Props } from '../_utils/types'\n\nexport interface PopoverContentProps {\n  /**\n   * @since 10.19.0\n   */\n  fluid?: boolean\n  /**\n   * @since 10.19.0\n   */\n  placement?: Placement\n}\n\nexport type PopoverRole = 'dialog' | undefined\n\nexport interface PopoverBaseProps<Role extends PopoverRole = undefined>\n  extends Props {\n  /**\n   * Whether to show the overlay on initial render\n   * @defaultValue false\n   * @since 10.19.0\n   */\n  initialIsVisible?: boolean\n  /**\n   * The tip we want to display\n   * @since 10.19.0\n   */\n  overlay?: React.ReactElement<{ placement?: Placement }>\n  /**\n   * Determines the position of the arrow\n   * @defaultValue top\n   * @since 10.19.0\n   */\n  placement?: Placement\n  /**\n   * Return focus to trigger after the closing popover modal dialog\n   * @a11y Should be set to true.\n   * @defaultValue false\n   * @since 11.8.0\n   */\n  restoreFocusOnHide?: boolean\n  /**\n   * The event to trigger the overlay\n   * @defaultValue click\n   * @since 10.19.0\n   */\n  trigger?: TriggerConfig['trigger']\n\n  /**\n   * Toggles overlay visibility\n   * @since 11.2.0\n   */\n  overlayRef?: React.Ref<OverlayTriggerRef>\n  /**\n   * @since 11.11.0\n   */\n  role?: Role\n\n  /**\n   *  The callback to run before the overlay is hidden. Returning\n   *  `false` will prevent hiding.\n   * ```\n   * (e: event) => boolean | Promise | undefined\n   * ```\n   * @since 11.15.0\n   */\n  beforeHide?: BeforeCallback\n\n  /**\n   *  The callback to run before the overlay is shown. Returning\n   *  `false` will prevent showing.\n   * ```\n   * (e: event) => boolean | Promise | undefined\n   * ```\n   * @since 11.15.0\n   */\n  beforeShow?: BeforeCallback\n}\n\nexport type PopoverProps<Role extends PopoverRole = undefined> =\n  Role extends 'dialog'\n    ? AriaLabelled<PopoverBaseProps<'dialog'>>\n    : PopoverBaseProps<undefined>\n"],"mappings":""}

package/dist/Portal/Portal.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { PortalProps } from './Portal.types';
+import type { PortalProps } from './Portal.types';
 /**
  * @deprecatedSince 11
  * @deprecated Intended for internal library development.

package/dist/Portal/Portal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Portal.js","names":["React","ReactDOM","useZIndexContext","StyledPortal","Portal","_ref","children","container","props","_objectWithoutProperties","_excluded","zIndexCtx","createPortal","createElement","_extends","style","zIndex","value","document","body"],"sources":["../../src/Portal/Portal.tsx"],"sourcesContent":["import React from 'react'\nimport ReactDOM from 'react-dom'\nimport { useZIndexContext } from '../_hooks/ZIndex'\nimport { StyledPortal } from './Portal.styles'\nimport { PortalProps } from './Portal.types'\n\n/**\n * @deprecatedSince 11\n * @deprecated Intended for internal library development.\n * @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/coverage-portal--defaults)\n */\nexport function Portal({\n  children,\n  container,\n  ...props\n}: PortalProps): React.ReactPortal {\n  const zIndexCtx = useZIndexContext()\n\n  return ReactDOM.createPortal(\n    <StyledPortal {...props} style={{ zIndex: zIndexCtx.value }}>\n      {children}\n    </StyledPortal>,\n    container || document.body\n  )\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,WAAW;AAChC,SAASC,gBAAgB,QAAQ,kBAAkB;AACnD,SAASC,YAAY,QAAQ,iBAAiB;AAG9C;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,MAAMA,CAAAC,IAAA,EAIa;EAAA,IAHjCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACNC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAER,IAAMC,SAAS,GAAGT,gBAAgB,CAAC,CAAC;EAEpC,oBAAOD,QAAQ,CAACW,YAAY,eAC1BZ,KAAA,CAAAa,aAAA,CAACV,YAAY,EAAAW,QAAA,KAAKN,KAAK;IAAEO,KAAK,EAAE;MAAEC,MAAM,EAAEL,SAAS,CAACM;IAAM;EAAE,IACzDX,QACW,CAAC,EACfC,SAAS,IAAIW,QAAQ,CAACC,IACxB,CAAC;AACH"}
+{"version":3,"file":"Portal.js","names":["React","ReactDOM","useZIndexContext","StyledPortal","Portal","_ref","children","container","props","_objectWithoutProperties","_excluded","zIndexCtx","createPortal","createElement","_extends","style","zIndex","value","document","body"],"sources":["../../src/Portal/Portal.tsx"],"sourcesContent":["import React from 'react'\nimport ReactDOM from 'react-dom'\nimport { useZIndexContext } from '../_hooks/ZIndex'\nimport { StyledPortal } from './Portal.styles'\nimport type { PortalProps } from './Portal.types'\n\n/**\n * @deprecatedSince 11\n * @deprecated Intended for internal library development.\n * @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/coverage-portal--defaults)\n */\nexport function Portal({\n  children,\n  container,\n  ...props\n}: PortalProps): React.ReactPortal {\n  const zIndexCtx = useZIndexContext()\n\n  return ReactDOM.createPortal(\n    <StyledPortal {...props} style={{ zIndex: zIndexCtx.value }}>\n      {children}\n    </StyledPortal>,\n    container || document.body\n  )\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,WAAW;AAChC,SAASC,gBAAgB,QAAQ,kBAAkB;AACnD,SAASC,YAAY,QAAQ,iBAAiB;AAG9C;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,MAAMA,CAAAC,IAAA,EAIa;EAAA,IAHjCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACNC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAER,IAAMC,SAAS,GAAGT,gBAAgB,CAAC,CAAC;EAEpC,oBAAOD,QAAQ,CAACW,YAAY,eAC1BZ,KAAA,CAAAa,aAAA,CAACV,YAAY,EAAAW,QAAA,KAAKN,KAAK;IAAEO,KAAK,EAAE;MAAEC,MAAM,EAAEL,SAAS,CAACM;IAAM;EAAE,IACzDX,QACW,CAAC,EACfC,SAAS,IAAIW,QAAQ,CAACC,IACxB,CAAC;AACH"}

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-11_24_1__sc-15o1h2-0"
+  componentId: "core-11_24_2__sc-15o1h2-0"
 })(["left:0;pointer-events:none;position:fixed;top:0;> *{pointer-events:all;}"]);
 //# sourceMappingURL=Portal.styles.js.map

package/dist/Portal/Portal.types.d.ts

@@ -1,4 +1,4 @@
-import { Props } from '../_utils/types';
+import type { Props } from '../_utils/types';
 export interface PortalProps extends Props {
     /**
      * @since 10.19.0

package/dist/Portal/Portal.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Portal.types.js","names":[],"sources":["../../src/Portal/Portal.types.ts"],"sourcesContent":["import { Props } from '../_utils/types'\n\nexport interface PortalProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  container?: HTMLElement\n}\n"],"mappings":""}
+{"version":3,"file":"Portal.types.js","names":[],"sources":["../../src/Portal/Portal.types.ts"],"sourcesContent":["import type { Props } from '../_utils/types'\n\nexport interface PortalProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  container?: HTMLElement\n}\n"],"mappings":""}

package/dist/ProgressBar/ProgressBar.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ProgressBarProps } from './ProgressBar.types';
+import type { ProgressBarProps } from './ProgressBar.types';
 /**
 
  Progress bars visually show system loading progress, such as uploading a file

package/dist/ProgressBar/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","names":["React","clamp","maxProgressValue","minProgressValue","StyledProgressBar","StyledProgressBarLoader","finalAnimationDuration","ProgressBar","forwardRef","_ref","ref","_ref$animated","animated","value","props","_objectWithoutProperties","_excluded","isProgressValueComplete","_React$useState","useState","_React$useState2","_slicedToArray","isFinalized","setFinalized","_React$useState3","_React$useState4","isProgressComplete","setProgressComplete","didMountRef","useRef","useEffect","current","timerId","window","setTimeout","clearTimeout","clampedValue","createElement","_extends","$complete","$finalized","role","displayName"],"sources":["../../src/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import React from 'react'\nimport { clamp, maxProgressValue, minProgressValue } from '../Loader/Loader'\nimport {\n  StyledProgressBar,\n  StyledProgressBarLoader,\n} from './ProgressBar.styles'\nimport { ProgressBarProps } from './ProgressBar.types'\n\nconst finalAnimationDuration = 900\n\n/**\n\n Progress bars visually show system loading progress, such as uploading a file\n or loading a page, as well as user progress, like filling out a form.\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-progressbar--demo)\n\n @see [Design Guidelines](https://design.procore.com/progress-bar)\n\n */\nexport const ProgressBar = React.forwardRef<HTMLDivElement, ProgressBarProps>(\n  function ProgressBar({ animated = false, value, ...props }, ref) {\n    const isProgressValueComplete = value >= maxProgressValue\n    const [isFinalized, setFinalized] = React.useState(false)\n    const [isProgressComplete, setProgressComplete] = React.useState(\n      isProgressValueComplete\n    )\n    const didMountRef = React.useRef(false)\n\n    React.useEffect(() => {\n      const isFinalized = didMountRef.current && isProgressValueComplete\n      const timerId: number | null = isFinalized\n        ? window.setTimeout(() => {\n            setFinalized(false)\n          }, finalAnimationDuration)\n        : null\n\n      setProgressComplete(isProgressValueComplete)\n      setFinalized(isFinalized)\n\n      if (!didMountRef.current) {\n        didMountRef.current = true\n      }\n\n      return () => {\n        timerId && clearTimeout(timerId)\n      }\n    }, [isProgressValueComplete])\n\n    const clampedValue = clamp(value)\n\n    return (\n      <StyledProgressBar\n        $complete={isProgressComplete}\n        $finalized={isFinalized}\n        ref={ref}\n        role=\"progressbar\"\n        aria-valuenow={clampedValue}\n        aria-valuemin={minProgressValue}\n        aria-valuemax={maxProgressValue}\n        {...props}\n        aria-valuetext={\n          typeof props['aria-valuetext'] === 'function'\n            ? props['aria-valuetext']({ value: clampedValue })\n            : props['aria-valuetext']\n        }\n      >\n        <StyledProgressBarLoader value={value} animated={animated} />\n      </StyledProgressBar>\n    )\n  }\n)\n\nProgressBar.displayName = 'ProgressBar'\n"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,gBAAgB,EAAEC,gBAAgB,QAAQ,kBAAkB;AAC5E,SACEC,iBAAiB,EACjBC,uBAAuB,QAClB,sBAAsB;AAG7B,IAAMC,sBAAsB,GAAG,GAAG;;AAElC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,WAAW,gBAAGP,KAAK,CAACQ,UAAU,CACzC,SAASD,WAAWA,CAAAE,IAAA,EAAwCC,GAAG,EAAE;EAAA,IAAAC,aAAA,GAAAF,IAAA,CAA1CG,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAAEE,KAAK,GAAAJ,IAAA,CAALI,KAAK;IAAKC,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EACtD,IAAMC,uBAAuB,GAAGJ,KAAK,IAAIX,gBAAgB;EACzD,IAAAgB,eAAA,GAAoClB,KAAK,CAACmB,QAAQ,CAAC,KAAK,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAH,eAAA;IAAlDI,WAAW,GAAAF,gBAAA;IAAEG,YAAY,GAAAH,gBAAA;EAChC,IAAAI,gBAAA,GAAkDxB,KAAK,CAACmB,QAAQ,CAC9DF,uBACF,CAAC;IAAAQ,gBAAA,GAAAJ,cAAA,CAAAG,gBAAA;IAFME,kBAAkB,GAAAD,gBAAA;IAAEE,mBAAmB,GAAAF,gBAAA;EAG9C,IAAMG,WAAW,GAAG5B,KAAK,CAAC6B,MAAM,CAAC,KAAK,CAAC;EAEvC7B,KAAK,CAAC8B,SAAS,CAAC,YAAM;IACpB,IAAMR,WAAW,GAAGM,WAAW,CAACG,OAAO,IAAId,uBAAuB;IAClE,IAAMe,OAAsB,GAAGV,WAAW,GACtCW,MAAM,CAACC,UAAU,CAAC,YAAM;MACtBX,YAAY,CAAC,KAAK,CAAC;IACrB,CAAC,EAAEjB,sBAAsB,CAAC,GAC1B,IAAI;IAERqB,mBAAmB,CAACV,uBAAuB,CAAC;IAC5CM,YAAY,CAACD,WAAW,CAAC;IAEzB,IAAI,CAACM,WAAW,CAACG,OAAO,EAAE;MACxBH,WAAW,CAACG,OAAO,GAAG,IAAI;IAC5B;IAEA,OAAO,YAAM;MACXC,OAAO,IAAIG,YAAY,CAACH,OAAO,CAAC;IAClC,CAAC;EACH,CAAC,EAAE,CAACf,uBAAuB,CAAC,CAAC;EAE7B,IAAMmB,YAAY,GAAGnC,KAAK,CAACY,KAAK,CAAC;EAEjC,oBACEb,KAAA,CAAAqC,aAAA,CAACjC,iBAAiB,EAAAkC,QAAA;IAChBC,SAAS,EAAEb,kBAAmB;IAC9Bc,UAAU,EAAElB,WAAY;IACxBZ,GAAG,EAAEA,GAAI;IACT+B,IAAI,EAAC,aAAa;IAClB,iBAAeL,YAAa;IAC5B,iBAAejC,gBAAiB;IAChC,iBAAeD;EAAiB,GAC5BY,KAAK;IACT,kBACE,OAAOA,KAAK,CAAC,gBAAgB,CAAC,KAAK,UAAU,GACzCA,KAAK,CAAC,gBAAgB,CAAC,CAAC;MAAED,KAAK,EAAEuB;IAAa,CAAC,CAAC,GAChDtB,KAAK,CAAC,gBAAgB;EAC3B,iBAEDd,KAAA,CAAAqC,aAAA,CAAChC,uBAAuB;IAACQ,KAAK,EAAEA,KAAM;IAACD,QAAQ,EAAEA;EAAS,CAAE,CAC3C,CAAC;AAExB,CACF,CAAC;AAEDL,WAAW,CAACmC,WAAW,GAAG,aAAa"}
+{"version":3,"file":"ProgressBar.js","names":["React","clamp","maxProgressValue","minProgressValue","StyledProgressBar","StyledProgressBarLoader","finalAnimationDuration","ProgressBar","forwardRef","_ref","ref","_ref$animated","animated","value","props","_objectWithoutProperties","_excluded","isProgressValueComplete","_React$useState","useState","_React$useState2","_slicedToArray","isFinalized","setFinalized","_React$useState3","_React$useState4","isProgressComplete","setProgressComplete","didMountRef","useRef","useEffect","current","timerId","window","setTimeout","clearTimeout","clampedValue","createElement","_extends","$complete","$finalized","role","displayName"],"sources":["../../src/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import React from 'react'\nimport { clamp, maxProgressValue, minProgressValue } from '../Loader/Loader'\nimport {\n  StyledProgressBar,\n  StyledProgressBarLoader,\n} from './ProgressBar.styles'\nimport type { ProgressBarProps } from './ProgressBar.types'\n\nconst finalAnimationDuration = 900\n\n/**\n\n Progress bars visually show system loading progress, such as uploading a file\n or loading a page, as well as user progress, like filling out a form.\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-progressbar--demo)\n\n @see [Design Guidelines](https://design.procore.com/progress-bar)\n\n */\nexport const ProgressBar = React.forwardRef<HTMLDivElement, ProgressBarProps>(\n  function ProgressBar({ animated = false, value, ...props }, ref) {\n    const isProgressValueComplete = value >= maxProgressValue\n    const [isFinalized, setFinalized] = React.useState(false)\n    const [isProgressComplete, setProgressComplete] = React.useState(\n      isProgressValueComplete\n    )\n    const didMountRef = React.useRef(false)\n\n    React.useEffect(() => {\n      const isFinalized = didMountRef.current && isProgressValueComplete\n      const timerId: number | null = isFinalized\n        ? window.setTimeout(() => {\n            setFinalized(false)\n          }, finalAnimationDuration)\n        : null\n\n      setProgressComplete(isProgressValueComplete)\n      setFinalized(isFinalized)\n\n      if (!didMountRef.current) {\n        didMountRef.current = true\n      }\n\n      return () => {\n        timerId && clearTimeout(timerId)\n      }\n    }, [isProgressValueComplete])\n\n    const clampedValue = clamp(value)\n\n    return (\n      <StyledProgressBar\n        $complete={isProgressComplete}\n        $finalized={isFinalized}\n        ref={ref}\n        role=\"progressbar\"\n        aria-valuenow={clampedValue}\n        aria-valuemin={minProgressValue}\n        aria-valuemax={maxProgressValue}\n        {...props}\n        aria-valuetext={\n          typeof props['aria-valuetext'] === 'function'\n            ? props['aria-valuetext']({ value: clampedValue })\n            : props['aria-valuetext']\n        }\n      >\n        <StyledProgressBarLoader value={value} animated={animated} />\n      </StyledProgressBar>\n    )\n  }\n)\n\nProgressBar.displayName = 'ProgressBar'\n"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,gBAAgB,EAAEC,gBAAgB,QAAQ,kBAAkB;AAC5E,SACEC,iBAAiB,EACjBC,uBAAuB,QAClB,sBAAsB;AAG7B,IAAMC,sBAAsB,GAAG,GAAG;;AAElC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,WAAW,gBAAGP,KAAK,CAACQ,UAAU,CACzC,SAASD,WAAWA,CAAAE,IAAA,EAAwCC,GAAG,EAAE;EAAA,IAAAC,aAAA,GAAAF,IAAA,CAA1CG,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAAEE,KAAK,GAAAJ,IAAA,CAALI,KAAK;IAAKC,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EACtD,IAAMC,uBAAuB,GAAGJ,KAAK,IAAIX,gBAAgB;EACzD,IAAAgB,eAAA,GAAoClB,KAAK,CAACmB,QAAQ,CAAC,KAAK,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAH,eAAA;IAAlDI,WAAW,GAAAF,gBAAA;IAAEG,YAAY,GAAAH,gBAAA;EAChC,IAAAI,gBAAA,GAAkDxB,KAAK,CAACmB,QAAQ,CAC9DF,uBACF,CAAC;IAAAQ,gBAAA,GAAAJ,cAAA,CAAAG,gBAAA;IAFME,kBAAkB,GAAAD,gBAAA;IAAEE,mBAAmB,GAAAF,gBAAA;EAG9C,IAAMG,WAAW,GAAG5B,KAAK,CAAC6B,MAAM,CAAC,KAAK,CAAC;EAEvC7B,KAAK,CAAC8B,SAAS,CAAC,YAAM;IACpB,IAAMR,WAAW,GAAGM,WAAW,CAACG,OAAO,IAAId,uBAAuB;IAClE,IAAMe,OAAsB,GAAGV,WAAW,GACtCW,MAAM,CAACC,UAAU,CAAC,YAAM;MACtBX,YAAY,CAAC,KAAK,CAAC;IACrB,CAAC,EAAEjB,sBAAsB,CAAC,GAC1B,IAAI;IAERqB,mBAAmB,CAACV,uBAAuB,CAAC;IAC5CM,YAAY,CAACD,WAAW,CAAC;IAEzB,IAAI,CAACM,WAAW,CAACG,OAAO,EAAE;MACxBH,WAAW,CAACG,OAAO,GAAG,IAAI;IAC5B;IAEA,OAAO,YAAM;MACXC,OAAO,IAAIG,YAAY,CAACH,OAAO,CAAC;IAClC,CAAC;EACH,CAAC,EAAE,CAACf,uBAAuB,CAAC,CAAC;EAE7B,IAAMmB,YAAY,GAAGnC,KAAK,CAACY,KAAK,CAAC;EAEjC,oBACEb,KAAA,CAAAqC,aAAA,CAACjC,iBAAiB,EAAAkC,QAAA;IAChBC,SAAS,EAAEb,kBAAmB;IAC9Bc,UAAU,EAAElB,WAAY;IACxBZ,GAAG,EAAEA,GAAI;IACT+B,IAAI,EAAC,aAAa;IAClB,iBAAeL,YAAa;IAC5B,iBAAejC,gBAAiB;IAChC,iBAAeD;EAAiB,GAC5BY,KAAK;IACT,kBACE,OAAOA,KAAK,CAAC,gBAAgB,CAAC,KAAK,UAAU,GACzCA,KAAK,CAAC,gBAAgB,CAAC,CAAC;MAAED,KAAK,EAAEuB;IAAa,CAAC,CAAC,GAChDtB,KAAK,CAAC,gBAAgB;EAC3B,iBAEDd,KAAA,CAAAqC,aAAA,CAAChC,uBAAuB;IAACQ,KAAK,EAAEA,KAAM;IAACD,QAAQ,EAAEA;EAAS,CAAE,CAC3C,CAAC;AAExB,CACF,CAAC;AAEDL,WAAW,CAACmC,WAAW,GAAG,aAAa"}

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-11_24_1__sc-vdy2wl-0"
+  componentId: "core-11_24_2__sc-vdy2wl-0"
 })([""]);
 export var StyledProgressBar = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledProgressBar",
-  componentId: "core-11_24_1__sc-vdy2wl-1"
+  componentId: "core-11_24_2__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/ProgressBar/ProgressBar.types.d.ts

@@ -1,5 +1,5 @@
-import { LoaderProps } from '../Loader/Loader.types';
-import { DivAttributes } from '../_utils/types';
+import type { LoaderProps } from '../Loader/Loader.types';
+import type { DivAttributes } from '../_utils/types';
 declare type ValueTextRender = (props: {
     value: number;
 }) => string;

package/dist/ProgressBar/ProgressBar.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.types.js","names":[],"sources":["../../src/ProgressBar/ProgressBar.types.ts"],"sourcesContent":["import { LoaderProps } from '../Loader/Loader.types'\nimport { DivAttributes } from '../_utils/types'\n\ntype ValueTextRender = (props: { value: number }) => string\nexport interface ProgressBarProps\n  extends LoaderProps,\n    Omit<DivAttributes, 'aria-valuetext'> {\n  /**\n   * @a11y Assistive technologies often present the value of `aria-valuenow` as a percentage.\n   * If this would not be accurate, use this property to make the progress bar value understandable.\n   *\n   * @since 11.8.0\n   */\n  ['aria-valuetext']?: string | ValueTextRender\n}\n"],"mappings":""}
+{"version":3,"file":"ProgressBar.types.js","names":[],"sources":["../../src/ProgressBar/ProgressBar.types.ts"],"sourcesContent":["import type { LoaderProps } from '../Loader/Loader.types'\nimport type { DivAttributes } from '../_utils/types'\n\ntype ValueTextRender = (props: { value: number }) => string\nexport interface ProgressBarProps\n  extends LoaderProps,\n    Omit<DivAttributes, 'aria-valuetext'> {\n  /**\n   * @a11y Assistive technologies often present the value of `aria-valuenow` as a percentage.\n   * If this would not be accurate, use this property to make the progress bar value understandable.\n   *\n   * @since 11.8.0\n   */\n  ['aria-valuetext']?: string | ValueTextRender\n}\n"],"mappings":""}

package/dist/RadioButton/RadioButton.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { RadioButtonProps } from './RadioButton.types';
+import type { RadioButtonProps } from './RadioButton.types';
 /**
 
  We use radio buttons to allow users to select a single, exclusive option from

package/dist/RadioButton/RadioButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.js","names":["React","StyledRadioButton","StyledRadioButtonInput","StyledRadioButtonLabel","RadioButton","forwardRef","_ref","ref","children","className","_ref$error","error","style","props","_objectWithoutProperties","_excluded","createElement","$children","$error","_extends","type","displayName"],"sources":["../../src/RadioButton/RadioButton.tsx"],"sourcesContent":["import React from 'react'\nimport {\n  StyledRadioButton,\n  StyledRadioButtonInput,\n  StyledRadioButtonLabel,\n} from './RadioButton.styles'\nimport { RadioButtonProps } from './RadioButton.types'\n\n/**\n\n We use radio buttons to allow users to select a single, exclusive option from\n a list of multiple options.\n\n To present options in a dropdown, use a single select.\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-radiobutton--demo)\n\n @see [Design Guidelines](https://design.procore.com/radio-button)\n\n */\nexport const RadioButton = React.forwardRef<\n  HTMLInputElement,\n  React.InputHTMLAttributes<HTMLInputElement> & RadioButtonProps\n>(function RadioButton(\n  { children, className, error = false, style, ...props },\n  ref\n) {\n  return (\n    <StyledRadioButton\n      className={className}\n      style={style}\n      $children={children}\n      $error={error}\n    >\n      <StyledRadioButtonInput type=\"radio\" ref={ref} {...props} />\n      <StyledRadioButtonLabel>{children}</StyledRadioButtonLabel>\n    </StyledRadioButton>\n  )\n})\n\nRadioButton.displayName = 'RadioButton'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,iBAAiB,EACjBC,sBAAsB,EACtBC,sBAAsB,QACjB,sBAAsB;AAG7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,WAAW,gBAAGJ,KAAK,CAACK,UAAU,CAGzC,SAASD,WAAWA,CAAAE,IAAA,EAEpBC,GAAG,EACH;EAAA,IAFEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;IAAAC,UAAA,GAAAJ,IAAA,CAAEK,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,KAAK,GAAAA,UAAA;IAAEE,KAAK,GAAAN,IAAA,CAALM,KAAK;IAAKC,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAGrD,oBACEf,KAAA,CAAAgB,aAAA,CAACf,iBAAiB;IAChBQ,SAAS,EAAEA,SAAU;IACrBG,KAAK,EAAEA,KAAM;IACbK,SAAS,EAAET,QAAS;IACpBU,MAAM,EAAEP;EAAM,gBAEdX,KAAA,CAAAgB,aAAA,CAACd,sBAAsB,EAAAiB,QAAA;IAACC,IAAI,EAAC,OAAO;IAACb,GAAG,EAAEA;EAAI,GAAKM,KAAK,CAAG,CAAC,eAC5Db,KAAA,CAAAgB,aAAA,CAACb,sBAAsB,QAAEK,QAAiC,CACzC,CAAC;AAExB,CAAC,CAAC;AAEFJ,WAAW,CAACiB,WAAW,GAAG,aAAa"}
+{"version":3,"file":"RadioButton.js","names":["React","StyledRadioButton","StyledRadioButtonInput","StyledRadioButtonLabel","RadioButton","forwardRef","_ref","ref","children","className","_ref$error","error","style","props","_objectWithoutProperties","_excluded","createElement","$children","$error","_extends","type","displayName"],"sources":["../../src/RadioButton/RadioButton.tsx"],"sourcesContent":["import React from 'react'\nimport {\n  StyledRadioButton,\n  StyledRadioButtonInput,\n  StyledRadioButtonLabel,\n} from './RadioButton.styles'\nimport type { RadioButtonProps } from './RadioButton.types'\n\n/**\n\n We use radio buttons to allow users to select a single, exclusive option from\n a list of multiple options.\n\n To present options in a dropdown, use a single select.\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-radiobutton--demo)\n\n @see [Design Guidelines](https://design.procore.com/radio-button)\n\n */\nexport const RadioButton = React.forwardRef<\n  HTMLInputElement,\n  React.InputHTMLAttributes<HTMLInputElement> & RadioButtonProps\n>(function RadioButton(\n  { children, className, error = false, style, ...props },\n  ref\n) {\n  return (\n    <StyledRadioButton\n      className={className}\n      style={style}\n      $children={children}\n      $error={error}\n    >\n      <StyledRadioButtonInput type=\"radio\" ref={ref} {...props} />\n      <StyledRadioButtonLabel>{children}</StyledRadioButtonLabel>\n    </StyledRadioButton>\n  )\n})\n\nRadioButton.displayName = 'RadioButton'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,iBAAiB,EACjBC,sBAAsB,EACtBC,sBAAsB,QACjB,sBAAsB;AAG7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,WAAW,gBAAGJ,KAAK,CAACK,UAAU,CAGzC,SAASD,WAAWA,CAAAE,IAAA,EAEpBC,GAAG,EACH;EAAA,IAFEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;IAAAC,UAAA,GAAAJ,IAAA,CAAEK,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,KAAK,GAAAA,UAAA;IAAEE,KAAK,GAAAN,IAAA,CAALM,KAAK;IAAKC,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAGrD,oBACEf,KAAA,CAAAgB,aAAA,CAACf,iBAAiB;IAChBQ,SAAS,EAAEA,SAAU;IACrBG,KAAK,EAAEA,KAAM;IACbK,SAAS,EAAET,QAAS;IACpBU,MAAM,EAAEP;EAAM,gBAEdX,KAAA,CAAAgB,aAAA,CAACd,sBAAsB,EAAAiB,QAAA;IAACC,IAAI,EAAC,OAAO;IAACb,GAAG,EAAEA;EAAI,GAAKM,KAAK,CAAG,CAAC,eAC5Db,KAAA,CAAAgB,aAAA,CAACb,sBAAsB,QAAEK,QAAiC,CACzC,CAAC;AAExB,CAAC,CAAC;AAEFJ,WAAW,CAACiB,WAAW,GAAG,aAAa"}

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-11_24_1__sc-nd95zs-0"
+  componentId: "core-11_24_2__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-11_24_1__sc-nd95zs-1"
+  componentId: "core-11_24_2__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.gray70, radioButtonSize, radioButtonSize, radioButtonSize);
 export var StyledRadioButtonInput = /*#__PURE__*/styled.input.withConfig({
   displayName: "StyledRadioButtonInput",
-  componentId: "core-11_24_1__sc-nd95zs-2"
+  componentId: "core-11_24_2__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/RadioButton/RadioButton.types.d.ts

@@ -1,4 +1,4 @@
-import { Props } from '../_utils/types';
+import type { Props } from '../_utils/types';
 export interface RadioButtonProps extends Props {
     /**
      * Selected state of the radio button

package/dist/RadioButton/RadioButton.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.types.js","names":[],"sources":["../../src/RadioButton/RadioButton.types.ts"],"sourcesContent":["import { Props } from '../_utils/types'\n\nexport interface RadioButtonProps extends Props {\n  /**\n   * Selected state of the radio button\n   * @since 10.19.0\n   */\n  checked?: boolean\n\n  /**\n   * Disabled state of the radio button\n   * @since 10.19.0\n   */\n  disabled?: boolean\n\n  /**\n   * Error state of the radio button\n   * @since 10.19.0\n   */\n  error?: boolean\n}\n"],"mappings":""}
+{"version":3,"file":"RadioButton.types.js","names":[],"sources":["../../src/RadioButton/RadioButton.types.ts"],"sourcesContent":["import type { Props } from '../_utils/types'\n\nexport interface RadioButtonProps extends Props {\n  /**\n   * Selected state of the radio button\n   * @since 10.19.0\n   */\n  checked?: boolean\n\n  /**\n   * Disabled state of the radio button\n   * @since 10.19.0\n   */\n  disabled?: boolean\n\n  /**\n   * Error state of the radio button\n   * @since 10.19.0\n   */\n  error?: boolean\n}\n"],"mappings":""}

package/dist/Required/Required.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { RequiredProps } from './Required.types';
+import type { RequiredProps } from './Required.types';
 /**
 
  @since 10.19.0

package/dist/Required/Required.js.map

@@ -1 +1 @@
-{"version":3,"file":"Required.js","names":["React","useI18nContext","StyledRequiredContainer","StyledRequiredMark","StyledRequiredText","Required","forwardRef","_ref","ref","children","_ref$i18nScope","i18nScope","_ref$showLabel","showLabel","props","_objectWithoutProperties","_excluded","I18n","labelOrChildren","Boolean","createElement","_extends","$showLabel","t","scope","displayName"],"sources":["../../src/Required/Required.tsx"],"sourcesContent":["import React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport {\n  StyledRequiredContainer,\n  StyledRequiredMark,\n  StyledRequiredText,\n} from './Required.styles'\nimport { RequiredProps } from './Required.types'\n\n/**\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-required--demo)\n\n */\nexport const Required = React.forwardRef<HTMLSpanElement, RequiredProps>(\n  (\n    { children, i18nScope = 'core.required', showLabel = false, ...props },\n    ref\n  ) => {\n    const I18n = useI18nContext()\n    const labelOrChildren = showLabel || Boolean(children)\n\n    return (\n      <StyledRequiredContainer {...props} ref={ref}>\n        <StyledRequiredMark $showLabel={labelOrChildren}>*</StyledRequiredMark>\n        {labelOrChildren ? (\n          <StyledRequiredText>\n            {children\n              ? children\n              : I18n.t('requiredFields', { scope: i18nScope })}\n          </StyledRequiredText>\n        ) : null}\n      </StyledRequiredContainer>\n    )\n  }\n)\n\nRequired.displayName = 'Required'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SACEC,uBAAuB,EACvBC,kBAAkB,EAClBC,kBAAkB,QACb,mBAAmB;AAG1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,QAAQ,gBAAGL,KAAK,CAACM,UAAU,CACtC,UAAAC,IAAA,EAEEC,GAAG,EACA;EAAA,IAFDC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,cAAA,GAAAH,IAAA,CAAEI,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,eAAe,GAAAA,cAAA;IAAAE,cAAA,GAAAL,IAAA,CAAEM,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;IAAKE,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAGpE,IAAMC,IAAI,GAAGhB,cAAc,CAAC,CAAC;EAC7B,IAAMiB,eAAe,GAAGL,SAAS,IAAIM,OAAO,CAACV,QAAQ,CAAC;EAEtD,oBACET,KAAA,CAAAoB,aAAA,CAAClB,uBAAuB,EAAAmB,QAAA,KAAKP,KAAK;IAAEN,GAAG,EAAEA;EAAI,iBAC3CR,KAAA,CAAAoB,aAAA,CAACjB,kBAAkB;IAACmB,UAAU,EAAEJ;EAAgB,GAAC,GAAqB,CAAC,EACtEA,eAAe,gBACdlB,KAAA,CAAAoB,aAAA,CAAChB,kBAAkB,QAChBK,QAAQ,GACLA,QAAQ,GACRQ,IAAI,CAACM,CAAC,CAAC,gBAAgB,EAAE;IAAEC,KAAK,EAAEb;EAAU,CAAC,CAC/B,CAAC,GACnB,IACmB,CAAC;AAE9B,CACF,CAAC;AAEDN,QAAQ,CAACoB,WAAW,GAAG,UAAU"}
+{"version":3,"file":"Required.js","names":["React","useI18nContext","StyledRequiredContainer","StyledRequiredMark","StyledRequiredText","Required","forwardRef","_ref","ref","children","_ref$i18nScope","i18nScope","_ref$showLabel","showLabel","props","_objectWithoutProperties","_excluded","I18n","labelOrChildren","Boolean","createElement","_extends","$showLabel","t","scope","displayName"],"sources":["../../src/Required/Required.tsx"],"sourcesContent":["import React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport {\n  StyledRequiredContainer,\n  StyledRequiredMark,\n  StyledRequiredText,\n} from './Required.styles'\nimport type { RequiredProps } from './Required.types'\n\n/**\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-required--demo)\n\n */\nexport const Required = React.forwardRef<HTMLSpanElement, RequiredProps>(\n  (\n    { children, i18nScope = 'core.required', showLabel = false, ...props },\n    ref\n  ) => {\n    const I18n = useI18nContext()\n    const labelOrChildren = showLabel || Boolean(children)\n\n    return (\n      <StyledRequiredContainer {...props} ref={ref}>\n        <StyledRequiredMark $showLabel={labelOrChildren}>*</StyledRequiredMark>\n        {labelOrChildren ? (\n          <StyledRequiredText>\n            {children\n              ? children\n              : I18n.t('requiredFields', { scope: i18nScope })}\n          </StyledRequiredText>\n        ) : null}\n      </StyledRequiredContainer>\n    )\n  }\n)\n\nRequired.displayName = 'Required'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SACEC,uBAAuB,EACvBC,kBAAkB,EAClBC,kBAAkB,QACb,mBAAmB;AAG1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,QAAQ,gBAAGL,KAAK,CAACM,UAAU,CACtC,UAAAC,IAAA,EAEEC,GAAG,EACA;EAAA,IAFDC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,cAAA,GAAAH,IAAA,CAAEI,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,eAAe,GAAAA,cAAA;IAAAE,cAAA,GAAAL,IAAA,CAAEM,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;IAAKE,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAGpE,IAAMC,IAAI,GAAGhB,cAAc,CAAC,CAAC;EAC7B,IAAMiB,eAAe,GAAGL,SAAS,IAAIM,OAAO,CAACV,QAAQ,CAAC;EAEtD,oBACET,KAAA,CAAAoB,aAAA,CAAClB,uBAAuB,EAAAmB,QAAA,KAAKP,KAAK;IAAEN,GAAG,EAAEA;EAAI,iBAC3CR,KAAA,CAAAoB,aAAA,CAACjB,kBAAkB;IAACmB,UAAU,EAAEJ;EAAgB,GAAC,GAAqB,CAAC,EACtEA,eAAe,gBACdlB,KAAA,CAAAoB,aAAA,CAAChB,kBAAkB,QAChBK,QAAQ,GACLA,QAAQ,GACRQ,IAAI,CAACM,CAAC,CAAC,gBAAgB,EAAE;IAAEC,KAAK,EAAEb;EAAU,CAAC,CAC/B,CAAC,GACnB,IACmB,CAAC;AAE9B,CACF,CAAC;AAEDN,QAAQ,CAACoB,WAAW,GAAG,UAAU"}

package/dist/Required/Required.styles.js

@@ -3,7 +3,7 @@ import { getTypographyIntent, typographyWeights } from '../Typography/Typography
 import { colors } from '../_styles/colors';
 export var StyledRequiredMark = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledRequiredMark",
-  componentId: "core-11_24_1__sc-bja1ql-0"
+  componentId: "core-11_24_2__sc-bja1ql-0"
 })(["color:", ";", ""], colors.red50, function (_ref) {
   var $showLabel = _ref.$showLabel;
   if ($showLabel) {
@@ -13,10 +13,10 @@ export var StyledRequiredMark = /*#__PURE__*/styled.span.withConfig({
 });
 export var StyledRequiredContainer = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledRequiredContainer",
-  componentId: "core-11_24_1__sc-bja1ql-1"
+  componentId: "core-11_24_2__sc-bja1ql-1"
 })(["", ""], getTypographyIntent('small'));
 export var StyledRequiredText = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledRequiredText",
-  componentId: "core-11_24_1__sc-bja1ql-2"
+  componentId: "core-11_24_2__sc-bja1ql-2"
 })(["font-style:italic;color:", ";margin-left:4px;"], colors.gray45);
 //# sourceMappingURL=Required.styles.js.map

package/dist/Required/Required.types.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Props } from '../_utils/types';
+import type { Props } from '../_utils/types';
 export interface RequiredProps extends Props {
     /**
      * If provided, takes the place of label normally reading "required fields"

package/dist/Required/Required.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Required.types.js","names":[],"sources":["../../src/Required/Required.types.ts"],"sourcesContent":["import { Props } from '../_utils/types'\n\nexport interface RequiredProps extends Props {\n  /**\n   * If provided, takes the place of label normally reading \"required fields\"\n   * @since 10.19.0\n   */\n  children?: React.ReactChild\n  /**\n   * Changes where I18n looks for the requiredFields key\n   * @since 10.19.0\n   */\n  i18nScope?: string\n  /**\n   * Controls showing text reading \"required fields\"\n   * @since 10.19.0\n   */\n  showLabel?: boolean\n}\n"],"mappings":""}
+{"version":3,"file":"Required.types.js","names":[],"sources":["../../src/Required/Required.types.ts"],"sourcesContent":["import type { Props } from '../_utils/types'\n\nexport interface RequiredProps extends Props {\n  /**\n   * If provided, takes the place of label normally reading \"required fields\"\n   * @since 10.19.0\n   */\n  children?: React.ReactChild\n  /**\n   * Changes where I18n looks for the requiredFields key\n   * @since 10.19.0\n   */\n  i18nScope?: string\n  /**\n   * Controls showing text reading \"required fields\"\n   * @since 10.19.0\n   */\n  showLabel?: boolean\n}\n"],"mappings":""}

package/dist/Search/Search.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { SearchProps } from './Search.types';
+import type { SearchProps } from './Search.types';
 /**
 
  Our users use search to find items on a tool’s landing page or, in forms, users

package/dist/Search/Search.hooks.d.ts

@@ -1,2 +1,2 @@
-import { SearchHook, SearchHookConfig } from './Search.types';
+import type { SearchHook, SearchHookConfig } from './Search.types';
 export declare function useSearch({ onChange: externalOnChange, onClear, onSubmit, initialValue, }: SearchHookConfig): SearchHook;

package/dist/Search/Search.hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"Search.hooks.js","names":["React","useSearch","_ref","_ref$onChange","onChange","externalOnChange","_ref$onClear","onClear","_ref$onSubmit","onSubmit","_ref$initialValue","initialValue","_React$useState","useState","_React$useState2","_slicedToArray","value","setValue","useEffect","isEmpty","clear","target","submit","e","onKeyDown","key","stopPropagation","domHandlers"],"sources":["../../src/Search/Search.hooks.ts"],"sourcesContent":["import React from 'react'\nimport { ChangeEvent } from '../_hooks/TextEntry'\nimport { SearchHook, SearchHookConfig } from './Search.types'\n\n// TODO remove this and do a breaking change on Search to `useImperativeHandle`\n// to support controlled/uncontrolled behavior\nexport function useSearch({\n  onChange: externalOnChange = () => {},\n  onClear = () => {},\n  onSubmit = () => {},\n  initialValue = '',\n}: SearchHookConfig): SearchHook {\n  const [value, setValue] = React.useState(initialValue)\n\n  React.useEffect(() => {\n    setValue(initialValue)\n  }, [initialValue])\n\n  const isEmpty = value === ''\n\n  function clear() {\n    setValue('')\n    onChange({ target: { value: '' } } as ChangeEvent)\n    onClear()\n  }\n\n  function submit() {\n    onSubmit(value)\n  }\n\n  function onChange(e: ChangeEvent) {\n    setValue(e.target.value)\n\n    externalOnChange(e)\n  }\n\n  function onKeyDown(e: React.KeyboardEvent<HTMLInputElement>) {\n    if (e.key === 'Enter') {\n      submit()\n    } else if (e.key === 'Escape' || e.key === 'Esc') {\n      // only let parent listeners (modal, overlay) know when empty\n      if (value) {\n        e.stopPropagation()\n      }\n      clear()\n    }\n  }\n\n  return {\n    clear,\n    domHandlers: {\n      onChange,\n      onKeyDown,\n    },\n    isEmpty,\n    submit,\n    value,\n  }\n}\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAIzB;AACA;AACA,OAAO,SAASC,SAASA,CAAAC,IAAA,EAKQ;EAAA,IAAAC,aAAA,GAAAD,IAAA,CAJ/BE,QAAQ;IAAEC,gBAAgB,GAAAF,aAAA,cAAG,YAAM,CAAC,CAAC,GAAAA,aAAA;IAAAG,YAAA,GAAAJ,IAAA,CACrCK,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,YAAM,CAAC,CAAC,GAAAA,YAAA;IAAAE,aAAA,GAAAN,IAAA,CAClBO,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,YAAM,CAAC,CAAC,GAAAA,aAAA;IAAAE,iBAAA,GAAAR,IAAA,CACnBS,YAAY;IAAZA,YAAY,GAAAD,iBAAA,cAAG,EAAE,GAAAA,iBAAA;EAEjB,IAAAE,eAAA,GAA0BZ,KAAK,CAACa,QAAQ,CAACF,YAAY,CAAC;IAAAG,gBAAA,GAAAC,cAAA,CAAAH,eAAA;IAA/CI,KAAK,GAAAF,gBAAA;IAAEG,QAAQ,GAAAH,gBAAA;EAEtBd,KAAK,CAACkB,SAAS,CAAC,YAAM;IACpBD,QAAQ,CAACN,YAAY,CAAC;EACxB,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB,IAAMQ,OAAO,GAAGH,KAAK,KAAK,EAAE;EAE5B,SAASI,KAAKA,CAAA,EAAG;IACfH,QAAQ,CAAC,EAAE,CAAC;IACZb,QAAQ,CAAC;MAAEiB,MAAM,EAAE;QAAEL,KAAK,EAAE;MAAG;IAAE,CAAgB,CAAC;IAClDT,OAAO,CAAC,CAAC;EACX;EAEA,SAASe,MAAMA,CAAA,EAAG;IAChBb,QAAQ,CAACO,KAAK,CAAC;EACjB;EAEA,SAASZ,QAAQA,CAACmB,CAAc,EAAE;IAChCN,QAAQ,CAACM,CAAC,CAACF,MAAM,CAACL,KAAK,CAAC;IAExBX,gBAAgB,CAACkB,CAAC,CAAC;EACrB;EAEA,SAASC,SAASA,CAACD,CAAwC,EAAE;IAC3D,IAAIA,CAAC,CAACE,GAAG,KAAK,OAAO,EAAE;MACrBH,MAAM,CAAC,CAAC;IACV,CAAC,MAAM,IAAIC,CAAC,CAACE,GAAG,KAAK,QAAQ,IAAIF,CAAC,CAACE,GAAG,KAAK,KAAK,EAAE;MAChD;MACA,IAAIT,KAAK,EAAE;QACTO,CAAC,CAACG,eAAe,CAAC,CAAC;MACrB;MACAN,KAAK,CAAC,CAAC;IACT;EACF;EAEA,OAAO;IACLA,KAAK,EAALA,KAAK;IACLO,WAAW,EAAE;MACXvB,QAAQ,EAARA,QAAQ;MACRoB,SAAS,EAATA;IACF,CAAC;IACDL,OAAO,EAAPA,OAAO;IACPG,MAAM,EAANA,MAAM;IACNN,KAAK,EAALA;EACF,CAAC;AACH"}
+{"version":3,"file":"Search.hooks.js","names":["React","useSearch","_ref","_ref$onChange","onChange","externalOnChange","_ref$onClear","onClear","_ref$onSubmit","onSubmit","_ref$initialValue","initialValue","_React$useState","useState","_React$useState2","_slicedToArray","value","setValue","useEffect","isEmpty","clear","target","submit","e","onKeyDown","key","stopPropagation","domHandlers"],"sources":["../../src/Search/Search.hooks.ts"],"sourcesContent":["import React from 'react'\nimport type { ChangeEvent } from '../_hooks/TextEntry'\nimport type { SearchHook, SearchHookConfig } from './Search.types'\n\n// TODO remove this and do a breaking change on Search to `useImperativeHandle`\n// to support controlled/uncontrolled behavior\nexport function useSearch({\n  onChange: externalOnChange = () => {},\n  onClear = () => {},\n  onSubmit = () => {},\n  initialValue = '',\n}: SearchHookConfig): SearchHook {\n  const [value, setValue] = React.useState(initialValue)\n\n  React.useEffect(() => {\n    setValue(initialValue)\n  }, [initialValue])\n\n  const isEmpty = value === ''\n\n  function clear() {\n    setValue('')\n    onChange({ target: { value: '' } } as ChangeEvent)\n    onClear()\n  }\n\n  function submit() {\n    onSubmit(value)\n  }\n\n  function onChange(e: ChangeEvent) {\n    setValue(e.target.value)\n\n    externalOnChange(e)\n  }\n\n  function onKeyDown(e: React.KeyboardEvent<HTMLInputElement>) {\n    if (e.key === 'Enter') {\n      submit()\n    } else if (e.key === 'Escape' || e.key === 'Esc') {\n      // only let parent listeners (modal, overlay) know when empty\n      if (value) {\n        e.stopPropagation()\n      }\n      clear()\n    }\n  }\n\n  return {\n    clear,\n    domHandlers: {\n      onChange,\n      onKeyDown,\n    },\n    isEmpty,\n    submit,\n    value,\n  }\n}\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAIzB;AACA;AACA,OAAO,SAASC,SAASA,CAAAC,IAAA,EAKQ;EAAA,IAAAC,aAAA,GAAAD,IAAA,CAJ/BE,QAAQ;IAAEC,gBAAgB,GAAAF,aAAA,cAAG,YAAM,CAAC,CAAC,GAAAA,aAAA;IAAAG,YAAA,GAAAJ,IAAA,CACrCK,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,YAAM,CAAC,CAAC,GAAAA,YAAA;IAAAE,aAAA,GAAAN,IAAA,CAClBO,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,YAAM,CAAC,CAAC,GAAAA,aAAA;IAAAE,iBAAA,GAAAR,IAAA,CACnBS,YAAY;IAAZA,YAAY,GAAAD,iBAAA,cAAG,EAAE,GAAAA,iBAAA;EAEjB,IAAAE,eAAA,GAA0BZ,KAAK,CAACa,QAAQ,CAACF,YAAY,CAAC;IAAAG,gBAAA,GAAAC,cAAA,CAAAH,eAAA;IAA/CI,KAAK,GAAAF,gBAAA;IAAEG,QAAQ,GAAAH,gBAAA;EAEtBd,KAAK,CAACkB,SAAS,CAAC,YAAM;IACpBD,QAAQ,CAACN,YAAY,CAAC;EACxB,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB,IAAMQ,OAAO,GAAGH,KAAK,KAAK,EAAE;EAE5B,SAASI,KAAKA,CAAA,EAAG;IACfH,QAAQ,CAAC,EAAE,CAAC;IACZb,QAAQ,CAAC;MAAEiB,MAAM,EAAE;QAAEL,KAAK,EAAE;MAAG;IAAE,CAAgB,CAAC;IAClDT,OAAO,CAAC,CAAC;EACX;EAEA,SAASe,MAAMA,CAAA,EAAG;IAChBb,QAAQ,CAACO,KAAK,CAAC;EACjB;EAEA,SAASZ,QAAQA,CAACmB,CAAc,EAAE;IAChCN,QAAQ,CAACM,CAAC,CAACF,MAAM,CAACL,KAAK,CAAC;IAExBX,gBAAgB,CAACkB,CAAC,CAAC;EACrB;EAEA,SAASC,SAASA,CAACD,CAAwC,EAAE;IAC3D,IAAIA,CAAC,CAACE,GAAG,KAAK,OAAO,EAAE;MACrBH,MAAM,CAAC,CAAC;IACV,CAAC,MAAM,IAAIC,CAAC,CAACE,GAAG,KAAK,QAAQ,IAAIF,CAAC,CAACE,GAAG,KAAK,KAAK,EAAE;MAChD;MACA,IAAIT,KAAK,EAAE;QACTO,CAAC,CAACG,eAAe,CAAC,CAAC;MACrB;MACAN,KAAK,CAAC,CAAC;IACT;EACF;EAEA,OAAO;IACLA,KAAK,EAALA,KAAK;IACLO,WAAW,EAAE;MACXvB,QAAQ,EAARA,QAAQ;MACRoB,SAAS,EAATA;IACF,CAAC;IACDL,OAAO,EAAPA,OAAO;IACPG,MAAM,EAANA,MAAM;IACNN,KAAK,EAALA;EACF,CAAC;AACH"}

package/dist/Search/Search.js

@@ -3,14 +3,13 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { Clear, Search as SearchIcon } from '@procore/core-icons/dist';
+import { mergeProps } from '@react-aria/utils';
 import React from 'react';
 import { useI18nContext } from '../_hooks/I18n';
 import { mergeRefs } from '../_utils/mergeRefs';
 import { usingHookOrDefault } from '../_utils/usingHookOrDefault';
 import { useSearch } from './Search.hooks';
 import { StyledClearButton, StyledInput, StyledSearch, StyledSearchButton } from './Search.styles';
-import { mergeProps } from '@react-aria/utils';
-
 /**
 
  Our users use search to find items on a tool’s landing page or, in forms, users

package/dist/Search/Search.js.map

@@ -1 +1 @@
-{"version":3,"file":"Search.js","names":["Clear","Search","SearchIcon","React","useI18nContext","mergeRefs","usingHookOrDefault","useSearch","StyledClearButton","StyledInput","StyledSearch","StyledSearchButton","mergeProps","forwardRef","_ref","ref","_ref$onChange","onChange","_ref$onClear","onClear","_ref$onSubmit","onSubmit","usingHook","_ref$value","value","props","_objectWithoutProperties","_excluded","i18n","search","initialValue","inputRef","useRef","setFocusToInput","current","focus","createElement","_extends","domHandlers","isEmpty","t","icon","size","variant","disabled","onClick","clear","tabIndex","submit","displayName"],"sources":["../../src/Search/Search.tsx"],"sourcesContent":["import { Clear, Search as SearchIcon } from '@procore/core-icons/dist'\nimport React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport { usingHookOrDefault } from '../_utils/usingHookOrDefault'\nimport { useSearch } from './Search.hooks'\nimport {\n  StyledClearButton,\n  StyledInput,\n  StyledSearch,\n  StyledSearchButton,\n} from './Search.styles'\nimport { SearchProps } from './Search.types'\nimport { mergeProps } from '@react-aria/utils'\n\n/**\n\n Our users use search to find items on a tool’s landing page or, in forms, users\n use a search typeahead to find information to associate with the form.\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-search--demo)\n\n @see [Design Guidelines](https://design.procore.com/search-component)\n\n */\nexport const Search = React.forwardRef<HTMLInputElement, SearchProps>(\n  function Search(\n    {\n      onChange = () => {},\n      onClear = () => {},\n      onSubmit = () => {},\n      usingHook,\n      value = '',\n      ...props\n    },\n    ref\n  ) {\n    const i18n = useI18nContext()\n    const search = usingHookOrDefault(\n      usingHook,\n      useSearch\n    )({\n      initialValue: value,\n      onChange,\n      onClear,\n      onSubmit,\n    })\n\n    const inputRef = React.useRef<HTMLInputElement>(null)\n\n    const setFocusToInput = () => {\n      if (inputRef.current) {\n        inputRef.current.focus()\n      }\n    }\n\n    return (\n      <StyledSearch>\n        <StyledInput\n          {...mergeProps(props, search.domHandlers)}\n          data-qa=\"core-search-input\"\n          ref={mergeRefs(ref, inputRef)}\n          value={search.value}\n        />\n        {!search.isEmpty && (\n          <StyledClearButton\n            aria-label={i18n.t('core.search.clear')}\n            data-qa=\"core-search-clear-icon\"\n            icon={<Clear />}\n            size=\"sm\"\n            variant=\"tertiary\"\n            disabled={props.disabled}\n            onClick={() => {\n              search.clear()\n\n              setFocusToInput()\n            }}\n            tabIndex={-1} // TODO revisit this accessibility\n          />\n        )}\n        {\n          <StyledSearchButton\n            aria-label={i18n.t('core.search.goSearch')}\n            data-qa=\"core-search-search-icon\"\n            icon={<SearchIcon />}\n            size=\"sm\"\n            variant=\"tertiary\"\n            disabled={props.disabled}\n            onClick={() => {\n              search.submit()\n\n              setFocusToInput()\n            }}\n            tabIndex={-1} // TODO revisit this accessibility\n          />\n        }\n      </StyledSearch>\n    )\n  }\n)\n\nSearch.displayName = 'Search'\n"],"mappings":"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"}
+{"version":3,"file":"Search.js","names":["Clear","Search","SearchIcon","mergeProps","React","useI18nContext","mergeRefs","usingHookOrDefault","useSearch","StyledClearButton","StyledInput","StyledSearch","StyledSearchButton","forwardRef","_ref","ref","_ref$onChange","onChange","_ref$onClear","onClear","_ref$onSubmit","onSubmit","usingHook","_ref$value","value","props","_objectWithoutProperties","_excluded","i18n","search","initialValue","inputRef","useRef","setFocusToInput","current","focus","createElement","_extends","domHandlers","isEmpty","t","icon","size","variant","disabled","onClick","clear","tabIndex","submit","displayName"],"sources":["../../src/Search/Search.tsx"],"sourcesContent":["import { Clear, Search as SearchIcon } from '@procore/core-icons/dist'\nimport { mergeProps } from '@react-aria/utils'\nimport React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport { usingHookOrDefault } from '../_utils/usingHookOrDefault'\nimport { useSearch } from './Search.hooks'\nimport {\n  StyledClearButton,\n  StyledInput,\n  StyledSearch,\n  StyledSearchButton,\n} from './Search.styles'\nimport type { SearchProps } from './Search.types'\n\n/**\n\n Our users use search to find items on a tool’s landing page or, in forms, users\n use a search typeahead to find information to associate with the form.\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-search--demo)\n\n @see [Design Guidelines](https://design.procore.com/search-component)\n\n */\nexport const Search = React.forwardRef<HTMLInputElement, SearchProps>(\n  function Search(\n    {\n      onChange = () => {},\n      onClear = () => {},\n      onSubmit = () => {},\n      usingHook,\n      value = '',\n      ...props\n    },\n    ref\n  ) {\n    const i18n = useI18nContext()\n    const search = usingHookOrDefault(\n      usingHook,\n      useSearch\n    )({\n      initialValue: value,\n      onChange,\n      onClear,\n      onSubmit,\n    })\n\n    const inputRef = React.useRef<HTMLInputElement>(null)\n\n    const setFocusToInput = () => {\n      if (inputRef.current) {\n        inputRef.current.focus()\n      }\n    }\n\n    return (\n      <StyledSearch>\n        <StyledInput\n          {...mergeProps(props, search.domHandlers)}\n          data-qa=\"core-search-input\"\n          ref={mergeRefs(ref, inputRef)}\n          value={search.value}\n        />\n        {!search.isEmpty && (\n          <StyledClearButton\n            aria-label={i18n.t('core.search.clear')}\n            data-qa=\"core-search-clear-icon\"\n            icon={<Clear />}\n            size=\"sm\"\n            variant=\"tertiary\"\n            disabled={props.disabled}\n            onClick={() => {\n              search.clear()\n\n              setFocusToInput()\n            }}\n            tabIndex={-1} // TODO revisit this accessibility\n          />\n        )}\n        {\n          <StyledSearchButton\n            aria-label={i18n.t('core.search.goSearch')}\n            data-qa=\"core-search-search-icon\"\n            icon={<SearchIcon />}\n            size=\"sm\"\n            variant=\"tertiary\"\n            disabled={props.disabled}\n            onClick={() => {\n              search.submit()\n\n              setFocusToInput()\n            }}\n            tabIndex={-1} // TODO revisit this accessibility\n          />\n        }\n      </StyledSearch>\n    )\n  }\n)\n\nSearch.displayName = 'Search'\n"],"mappings":"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"}

package/dist/Search/Search.styles.js

@@ -27,22 +27,22 @@ export function getSearchInputStyles() {
 }
 export var StyledInput = /*#__PURE__*/styled.input.withConfig({
   displayName: "StyledInput",
-  componentId: "core-11_24_1__sc-3j8khv-0"
+  componentId: "core-11_24_2__sc-3j8khv-0"
 })(["", ""], getSearchInputStyles);
 var StyledButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledButton",
-  componentId: "core-11_24_1__sc-3j8khv-1"
+  componentId: "core-11_24_2__sc-3j8khv-1"
 })(["position:absolute;top:", "px;"], buttonTop);
 export var StyledSearchButton = /*#__PURE__*/styled(StyledButton).withConfig({
   displayName: "StyledSearchButton",
-  componentId: "core-11_24_1__sc-3j8khv-2"
+  componentId: "core-11_24_2__sc-3j8khv-2"
 })([""]);
 export var StyledClearButton = /*#__PURE__*/styled(StyledButton).withConfig({
   displayName: "StyledClearButton",
-  componentId: "core-11_24_1__sc-3j8khv-3"
+  componentId: "core-11_24_2__sc-3j8khv-3"
 })([""]);
 export var StyledSearch = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSearch",
-  componentId: "core-11_24_1__sc-3j8khv-4"
+  componentId: "core-11_24_2__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/Search/Search.types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { InputProps } from '../Input/Input.types';
-import { ChangeEvent } from '../_hooks/TextEntry';
+import type { InputProps } from '../Input/Input.types';
+import type { ChangeEvent } from '../_hooks/TextEntry';
 export interface SearchHookConfig {
     /**
      * @since 10.19.0

package/dist/Search/Search.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Search.types.js","names":[],"sources":["../../src/Search/Search.types.ts"],"sourcesContent":["import { InputProps } from '../Input/Input.types'\nimport { ChangeEvent } from '../_hooks/TextEntry'\n\nexport interface SearchHookConfig {\n  /**\n   * @since 10.19.0\n   */\n  initialValue?: string\n  /**\n   * @deprecated\n   *\n   * The `onChange` prop has been deprecated and will be removed in a future version.\n   *\n   * A new component, `Typeahead`, has been introduced with specific UX for typeahead-like\n   * behavior. Please use this component instead.\n   *\n   * **Before**\n   *\n   * <Search typeahead onChange={() => { ... }} />\n   *\n   * **After**\n   *\n   * <Typeahead onChange={() => { ... }} />\n   *\n   * @deprecatedSince 10.20.0\n   *\n   * @see https://core.procore.com/latest/web/components/typeahead/react/\n   * @since 10.19.0\n   */\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void\n  /**\n   * @since 10.19.0\n   */\n  onClear?: () => void\n\n  /**\n   * <div>Input handler for search variant</div>\n   * <CodeBlock>(value: string) => void</CodeBlock>\n   * @since 10.19.0\n   */\n  onSubmit?: (value: string) => void\n}\n\nexport interface SearchHook {\n  /**\n   * @since 10.19.0\n   */\n  domHandlers: {\n    onChange: (e: ChangeEvent) => void\n    onKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void\n  }\n  /**\n   * @since 10.19.0\n   */\n  clear: () => void\n  /**\n   * @since 10.19.0\n   */\n  isEmpty: boolean\n  /**\n   * @since 10.19.0\n   */\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void\n  /**\n   * @since 10.19.0\n   */\n  submit: () => void\n  /**\n   * @since 10.19.0\n   */\n  value: string\n}\n\nexport interface SearchProps\n  extends Omit<InputProps, 'onSubmit'>,\n    SearchHookConfig {\n  /**\n   * @since 10.19.0\n   */\n  autoFocus?: boolean\n  /**\n   * @since 10.19.0\n   */\n  usingHook?: SearchHook\n\n  /**\n   * Initial value string\n   * @default ''\n   * @since 10.19.0\n   */\n  value?: string\n}\n"],"mappings":""}
+{"version":3,"file":"Search.types.js","names":[],"sources":["../../src/Search/Search.types.ts"],"sourcesContent":["import type { InputProps } from '../Input/Input.types'\nimport type { ChangeEvent } from '../_hooks/TextEntry'\n\nexport interface SearchHookConfig {\n  /**\n   * @since 10.19.0\n   */\n  initialValue?: string\n  /**\n   * @deprecated\n   *\n   * The `onChange` prop has been deprecated and will be removed in a future version.\n   *\n   * A new component, `Typeahead`, has been introduced with specific UX for typeahead-like\n   * behavior. Please use this component instead.\n   *\n   * **Before**\n   *\n   * <Search typeahead onChange={() => { ... }} />\n   *\n   * **After**\n   *\n   * <Typeahead onChange={() => { ... }} />\n   *\n   * @deprecatedSince 10.20.0\n   *\n   * @see https://core.procore.com/latest/web/components/typeahead/react/\n   * @since 10.19.0\n   */\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void\n  /**\n   * @since 10.19.0\n   */\n  onClear?: () => void\n\n  /**\n   * <div>Input handler for search variant</div>\n   * <CodeBlock>(value: string) => void</CodeBlock>\n   * @since 10.19.0\n   */\n  onSubmit?: (value: string) => void\n}\n\nexport interface SearchHook {\n  /**\n   * @since 10.19.0\n   */\n  domHandlers: {\n    onChange: (e: ChangeEvent) => void\n    onKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void\n  }\n  /**\n   * @since 10.19.0\n   */\n  clear: () => void\n  /**\n   * @since 10.19.0\n   */\n  isEmpty: boolean\n  /**\n   * @since 10.19.0\n   */\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void\n  /**\n   * @since 10.19.0\n   */\n  submit: () => void\n  /**\n   * @since 10.19.0\n   */\n  value: string\n}\n\nexport interface SearchProps\n  extends Omit<InputProps, 'onSubmit'>,\n    SearchHookConfig {\n  /**\n   * @since 10.19.0\n   */\n  autoFocus?: boolean\n  /**\n   * @since 10.19.0\n   */\n  usingHook?: SearchHook\n\n  /**\n   * Initial value string\n   * @default ''\n   * @since 10.19.0\n   */\n  value?: string\n}\n"],"mappings":""}

package/dist/Section/Section.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { HeadingProps } from '../Semantic/Semantic.types';
-import { SectionProps, SectionProviderProps } from './Section.types';
+import type { HeadingProps } from '../Semantic/Semantic.types';
+import type { SectionProps, SectionProviderProps } from './Section.types';
 export declare const LevelContext: React.Context<number>;
 export declare function Heading({ level: level_, ...props }: HeadingProps & {
     level?: number;

package/dist/Section/Section.js.map

@@ -1 +1 @@
-{"version":3,"file":"Section.js","names":["ChevronDown","ChevronRight","cx","React","ulid","Button","getHeadingComponent","Title","sectionClassnames","StyledSection","StyledSectionCollapseHeading","StyledSectionContentRegion","StyledSectionHeader","StyledSectionInner","StyledTitle","isFunction","obj","LevelContext","createContext","SectionContext","open","setSection","toggleSection","Heading","_ref","level_","level","props","_objectWithoutProperties","_excluded","useContext","H","createElement","SectionProvider","_ref2","children","_React$useState","useState","_React$useState2","_slicedToArray","setSectionsOpen","id","prev","_objectSpread","_defineProperty","Provider","value","Section","forwardRef","_ref3","ref","_cx","actions","className","expandId","heading","_ref3$initialIsOpen","initialIsOpen","pills","subtext","assets","_excluded2","sections","toggleOpen","useCallback","useEffect","undefined","_React$useMemo","useMemo","contentRegionId","concat","headingTextId","expandClosed","divide","hasHeader","_extends","levelAnonymous","role","icon","onClick","variant","Text","Subtext","Pills","Actions","Assets","$closed","$noHeader","displayName"],"sources":["../../src/Section/Section.tsx"],"sourcesContent":["import { ChevronDown, ChevronRight } from '@procore/core-icons/dist'\nimport cx from 'classnames'\nimport React from 'react'\nimport { ulid } from 'ulid'\nimport { Button } from '../Button/Button'\nimport { getHeadingComponent } from '../Semantic/Semantic'\nimport { HeadingProps } from '../Semantic/Semantic.types'\nimport { Title } from '../Title/Title'\nimport {\n  sectionClassnames,\n  StyledSection,\n  StyledSectionCollapseHeading,\n  StyledSectionContentRegion,\n  StyledSectionHeader,\n  StyledSectionInner,\n  StyledTitle,\n} from './Section.styles'\nimport {\n  SectionContextAPI,\n  SectionProps,\n  SectionProviderProps,\n} from './Section.types'\n\nconst isFunction = (obj: unknown): boolean => typeof obj === 'function'\n\n// Header levels start at level 2\nexport const LevelContext = React.createContext(2)\n\nconst SectionContext = React.createContext<SectionContextAPI>({\n  open: {},\n  setSection: () => {},\n  toggleSection: () => {},\n})\n\nexport function Heading({\n  level: level_,\n  ...props\n}: HeadingProps & { level?: number }) {\n  const level = React.useContext(LevelContext)\n  const H = getHeadingComponent(level_ || level)\n  return <H {...props} />\n}\n\nexport const SectionProvider = ({ children }: SectionProviderProps) => {\n  const [open, setSectionsOpen] = React.useState<{\n    [key: string]: boolean\n  }>({})\n\n  const toggleSection: SectionContextAPI['toggleSection'] = (id) =>\n    setSectionsOpen((prev) => ({\n      ...prev,\n      [id]: !prev[id],\n    }))\n\n  const setSection: SectionContextAPI['setSection'] = (id, open) =>\n    setSectionsOpen((prev) => ({\n      ...prev,\n      [id]: open,\n    }))\n\n  return (\n    <SectionContext.Provider\n      value={{\n        open,\n        toggleSection,\n        setSection,\n      }}\n    >\n      {children}\n    </SectionContext.Provider>\n  )\n}\n/**\n * @deprecatedSince 11\n * @deprecated Intended for internal library development. See Panel.Section or DetailPage.Section\n */\nexport const Section = React.forwardRef<HTMLDivElement, SectionProps>(\n  function Section(\n    {\n      actions,\n      children,\n      className,\n      expandId,\n      heading,\n      initialIsOpen = true,\n      pills,\n      subtext,\n      assets,\n      ...props\n    },\n    ref\n  ) {\n    const level = React.useContext(LevelContext)\n\n    const sections = React.useContext(SectionContext)\n    const toggleOpen = React.useCallback(() => {\n      if (expandId) {\n        sections.toggleSection(expandId)\n      }\n    }, [expandId])\n    const open = expandId ? sections.open[expandId] : true\n\n    React.useEffect(() => {\n      if (expandId && open === undefined) {\n        sections.setSection(expandId, initialIsOpen)\n      }\n    }, [])\n\n    const { contentRegionId, headingTextId } = React.useMemo(() => {\n      return {\n        contentRegionId: `content-${ulid()}`,\n        headingTextId: `heading-${ulid()}`,\n      }\n    }, [])\n\n    const expandClosed = !open || !children\n    const divide = level >= 3 || !heading\n    const hasHeader = heading || actions\n\n    return (\n      <LevelContext.Provider value={level + 1}>\n        <StyledSection\n          ref={ref}\n          className={cx(className, {\n            [sectionClassnames.divide]: divide,\n            [sectionClassnames.levelAnonymous]: !heading,\n            [sectionClassnames.level(level)]: heading && level,\n          })}\n          {...props}\n        >\n          <StyledSectionInner>\n            {hasHeader ? (\n              <StyledSectionHeader>\n                {expandId ? (\n                  <StyledSectionCollapseHeading\n                    aria-labelledby={headingTextId}\n                    aria-level={level}\n                    role=\"heading\"\n                  >\n                    <Button\n                      aria-controls={contentRegionId}\n                      aria-expanded={open}\n                      aria-labelledby={headingTextId}\n                      icon={open ? <ChevronDown /> : <ChevronRight />}\n                      onClick={toggleOpen}\n                      variant=\"tertiary\"\n                    />\n                  </StyledSectionCollapseHeading>\n                ) : null}\n                <StyledTitle>\n                  <Title.Text>\n                    {heading && (\n                      <Heading\n                        aria-hidden={expandId ? true : false}\n                        id={headingTextId}\n                        // Pass level since Heading component renders\n                        // under the incremented (level + 1) LevelProvider.\n                        // Alternative, render Heading as a variable outside of return.\n                        level={level}\n                      >\n                        {heading}\n                      </Heading>\n                    )}\n                  </Title.Text>\n                  <Title.Subtext>{subtext}</Title.Subtext>\n                  <Title.Pills>{pills}</Title.Pills>\n                  <Title.Actions>\n                    {isFunction(actions)\n                      ? (actions as Function)({ open })\n                      : actions}\n                  </Title.Actions>\n                  <Title.Assets>{assets}</Title.Assets>\n                </StyledTitle>\n              </StyledSectionHeader>\n            ) : null}\n            <StyledSectionContentRegion\n              aria-hidden={!open}\n              aria-labelledby={heading ? headingTextId : undefined}\n              id={contentRegionId}\n              role=\"region\"\n              $closed={expandClosed}\n              $noHeader={!hasHeader}\n            >\n              {open ? children : null}\n            </StyledSectionContentRegion>\n          </StyledSectionInner>\n        </StyledSection>\n      </LevelContext.Provider>\n    )\n  }\n)\n\nSection.displayName = 'Section'\n"],"mappings":"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"}
+{"version":3,"file":"Section.js","names":["ChevronDown","ChevronRight","cx","React","ulid","Button","getHeadingComponent","Title","sectionClassnames","StyledSection","StyledSectionCollapseHeading","StyledSectionContentRegion","StyledSectionHeader","StyledSectionInner","StyledTitle","isFunction","obj","LevelContext","createContext","SectionContext","open","setSection","toggleSection","Heading","_ref","level_","level","props","_objectWithoutProperties","_excluded","useContext","H","createElement","SectionProvider","_ref2","children","_React$useState","useState","_React$useState2","_slicedToArray","setSectionsOpen","id","prev","_objectSpread","_defineProperty","Provider","value","Section","forwardRef","_ref3","ref","_cx","actions","className","expandId","heading","_ref3$initialIsOpen","initialIsOpen","pills","subtext","assets","_excluded2","sections","toggleOpen","useCallback","useEffect","undefined","_React$useMemo","useMemo","contentRegionId","concat","headingTextId","expandClosed","divide","hasHeader","_extends","levelAnonymous","role","icon","onClick","variant","Text","Subtext","Pills","Actions","Assets","$closed","$noHeader","displayName"],"sources":["../../src/Section/Section.tsx"],"sourcesContent":["import { ChevronDown, ChevronRight } from '@procore/core-icons/dist'\nimport cx from 'classnames'\nimport React from 'react'\nimport { ulid } from 'ulid'\nimport { Button } from '../Button/Button'\nimport { getHeadingComponent } from '../Semantic/Semantic'\nimport type { HeadingProps } from '../Semantic/Semantic.types'\nimport { Title } from '../Title/Title'\nimport {\n  sectionClassnames,\n  StyledSection,\n  StyledSectionCollapseHeading,\n  StyledSectionContentRegion,\n  StyledSectionHeader,\n  StyledSectionInner,\n  StyledTitle,\n} from './Section.styles'\nimport type {\n  SectionContextAPI,\n  SectionProps,\n  SectionProviderProps,\n} from './Section.types'\n\nconst isFunction = (obj: unknown): boolean => typeof obj === 'function'\n\n// Header levels start at level 2\nexport const LevelContext = React.createContext(2)\n\nconst SectionContext = React.createContext<SectionContextAPI>({\n  open: {},\n  setSection: () => {},\n  toggleSection: () => {},\n})\n\nexport function Heading({\n  level: level_,\n  ...props\n}: HeadingProps & { level?: number }) {\n  const level = React.useContext(LevelContext)\n  const H = getHeadingComponent(level_ || level)\n  return <H {...props} />\n}\n\nexport const SectionProvider = ({ children }: SectionProviderProps) => {\n  const [open, setSectionsOpen] = React.useState<{\n    [key: string]: boolean\n  }>({})\n\n  const toggleSection: SectionContextAPI['toggleSection'] = (id) =>\n    setSectionsOpen((prev) => ({\n      ...prev,\n      [id]: !prev[id],\n    }))\n\n  const setSection: SectionContextAPI['setSection'] = (id, open) =>\n    setSectionsOpen((prev) => ({\n      ...prev,\n      [id]: open,\n    }))\n\n  return (\n    <SectionContext.Provider\n      value={{\n        open,\n        toggleSection,\n        setSection,\n      }}\n    >\n      {children}\n    </SectionContext.Provider>\n  )\n}\n/**\n * @deprecatedSince 11\n * @deprecated Intended for internal library development. See Panel.Section or DetailPage.Section\n */\nexport const Section = React.forwardRef<HTMLDivElement, SectionProps>(\n  function Section(\n    {\n      actions,\n      children,\n      className,\n      expandId,\n      heading,\n      initialIsOpen = true,\n      pills,\n      subtext,\n      assets,\n      ...props\n    },\n    ref\n  ) {\n    const level = React.useContext(LevelContext)\n\n    const sections = React.useContext(SectionContext)\n    const toggleOpen = React.useCallback(() => {\n      if (expandId) {\n        sections.toggleSection(expandId)\n      }\n    }, [expandId])\n    const open = expandId ? sections.open[expandId] : true\n\n    React.useEffect(() => {\n      if (expandId && open === undefined) {\n        sections.setSection(expandId, initialIsOpen)\n      }\n    }, [])\n\n    const { contentRegionId, headingTextId } = React.useMemo(() => {\n      return {\n        contentRegionId: `content-${ulid()}`,\n        headingTextId: `heading-${ulid()}`,\n      }\n    }, [])\n\n    const expandClosed = !open || !children\n    const divide = level >= 3 || !heading\n    const hasHeader = heading || actions\n\n    return (\n      <LevelContext.Provider value={level + 1}>\n        <StyledSection\n          ref={ref}\n          className={cx(className, {\n            [sectionClassnames.divide]: divide,\n            [sectionClassnames.levelAnonymous]: !heading,\n            [sectionClassnames.level(level)]: heading && level,\n          })}\n          {...props}\n        >\n          <StyledSectionInner>\n            {hasHeader ? (\n              <StyledSectionHeader>\n                {expandId ? (\n                  <StyledSectionCollapseHeading\n                    aria-labelledby={headingTextId}\n                    aria-level={level}\n                    role=\"heading\"\n                  >\n                    <Button\n                      aria-controls={contentRegionId}\n                      aria-expanded={open}\n                      aria-labelledby={headingTextId}\n                      icon={open ? <ChevronDown /> : <ChevronRight />}\n                      onClick={toggleOpen}\n                      variant=\"tertiary\"\n                    />\n                  </StyledSectionCollapseHeading>\n                ) : null}\n                <StyledTitle>\n                  <Title.Text>\n                    {heading && (\n                      <Heading\n                        aria-hidden={expandId ? true : false}\n                        id={headingTextId}\n                        // Pass level since Heading component renders\n                        // under the incremented (level + 1) LevelProvider.\n                        // Alternative, render Heading as a variable outside of return.\n                        level={level}\n                      >\n                        {heading}\n                      </Heading>\n                    )}\n                  </Title.Text>\n                  <Title.Subtext>{subtext}</Title.Subtext>\n                  <Title.Pills>{pills}</Title.Pills>\n                  <Title.Actions>\n                    {isFunction(actions)\n                      ? (actions as Function)({ open })\n                      : actions}\n                  </Title.Actions>\n                  <Title.Assets>{assets}</Title.Assets>\n                </StyledTitle>\n              </StyledSectionHeader>\n            ) : null}\n            <StyledSectionContentRegion\n              aria-hidden={!open}\n              aria-labelledby={heading ? headingTextId : undefined}\n              id={contentRegionId}\n              role=\"region\"\n              $closed={expandClosed}\n              $noHeader={!hasHeader}\n            >\n              {open ? children : null}\n            </StyledSectionContentRegion>\n          </StyledSectionInner>\n        </StyledSection>\n      </LevelContext.Provider>\n    )\n  }\n)\n\nSection.displayName = 'Section'\n"],"mappings":"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"}