@procore/core-react 12.52.0 → 12.53.1

package/CHANGELOG.md

@@ -1,5 +1,37 @@
 # Change Log
 
+## 12.53.1
+
+### Patch Changes
+
+- 4669ccb: Restore the `AvatarStack` disabled avatar popover mouse and keyboard support
+- e7002f4: Fix `DateInput`/`DateSelect` clearing or corrupting a manually typed date. While a user was still filling in segments the date is transiently incomplete (`null`), and `DateInput` reported that as a clear — firing `onChange(null)`. Now only fired when the whole field is empty (clear button / deleting every segment), and the committed date is always built from the latest segment values instead of stale render-closure values
+- e7002f4: Fix the date-segment change handler in `DateSelect`. The display date is now derived from a cloned `Date`, leaving committed values untouched
+- 8c5bfab: `DateInput` segments get labels to be more distinct
+- e12d9d3: Fix `Dropdown` not returning focus to its trigger when closed with `Escape` while it contained interactive footer elements or `hasTabbableElements`
+- f34e927: Allow keyboard to open a `Select` with ENTER and SPACE in addition to ARROWDOWN
+- b9a2c42: Toast text and icon alignment fix
+
+## 12.53.0
+
+### Minor Changes
+
+- 7e53f92: Responsive and Reflow improvements.
+  - Form: `FormRow` collapses to a single column at mobile viewport widths;
+  - SegmentedController: Segments now stack vertically at 320px viewport widths;
+  - DateSelect: Overlay is constrained to a max height to prevent overflow at small viewports, scrolls;
+  - SuperSelect: Overlay now positions within available space to support 400% zoom;
+  - Toast: Container width remains in the viewport and reflow at 320px
+
+### Patch Changes
+
+- a0ab8c9: Fix `SplitViewCard` panel not animating on open and squeezing on close. Both open and close now animate in sync with the main content: the panel slides in/out via `transform: translateX` while the main content resizes to make room.
+- 8fb364a: Adjust `Typeahead` input right padding to be smaller when the input is empty.
+- d8940ff: Fix focus order in `MultiSelect`
+- 651f78c: Fix `TieredSelect` with `selectableTiers={false}` not forwarding `aria-labelledby` to its trigger. The trigger now associates with the field label — e.g. the `label` on `Form.TieredSelect` — so screen readers announce the field name instead of only the selected value or placeholder
+- 2ae157a: Fix `MenuImperative` hover styling persisting on an item after the mouse leaves the menu
+- Update `Breadcrumbs` crumb text color from `gray45` to `gray40` to meet contrast requirements
+
 ## 12.52.0
 
 ### Minor Changes

package/dist/@types/files.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"files.d.js","names":[],"sources":["../../src/@types/files.d.ts"],"sourcesContent":["declare module '*.css' {\n  const styles: Record<string, string>\n\n  export = styles\n}\n\ndeclare module '*.scss' {\n  const styles: Record<string, string>\n\n  export = styles\n}\n\ndeclare module '*.png' {\n  const value: any\n\n  export = value\n}\n\ndeclare module '*.svg' {\n  const value: any\n  export default value\n}\n\ndeclare module '*.jpeg' {\n  const value: any\n\n  export = value\n}\n\ndeclare module '*.mp4' {\n  const value: any\n\n  export = value\n}\n\ndeclare module '*.json' {\n  const value: any\n\n  export = value\n}\n"],"mappings":""}
+{"version":3,"file":"files.d.js","names":[],"sources":["../../src/@types/files.d.ts"],"sourcesContent":["declare module '*.css' {\n  const styles: Record<string, string>\n\n  export = styles\n}\n\ndeclare module '*.scss' {\n  const styles: Record<string, string>\n\n  export = styles\n}\n\ndeclare module '*.png' {\n  const value: any\n\n  export = value\n}\n\ndeclare module '*.svg' {\n  const value: any\n  export default value\n}\n\ndeclare module '*.jpeg' {\n  const value: any\n\n  export = value\n}\n\ndeclare module '*.mp4' {\n  const value: any\n\n  export = value\n}\n\ndeclare module '*.json' {\n  const value: any\n\n  export = value\n}\n"],"mappings":"","ignoreList":[]}

package/dist/@types/global.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"global.d.js","names":[],"sources":["../../src/@types/global.d.ts"],"sourcesContent":["declare module '*.css' {\n  const styles: Record<string, string>\n\n  export = styles\n}\n\ndeclare module '*.scss' {\n  const styles: Record<string, string>\n\n  export = styles\n}\n\ndeclare module '*.png' {\n  const value: any\n\n  export = value\n}\n\n// We need to declare this module explicitly because it doesn't have a TypeScript support\ndeclare module 'raf-stub'\n\n/**\n * The typings for React 17 erroneously include events named\n * `onPointerEnterCapture` and `onPointerLeaveCapture`.\n *\n * This causes type errors in React 18, where these event names are not valid.\n *\n * To work around this, wrap any such type in this helper, which will strip off\n * the invalid event names.\n */\n// declare module 'react' {\n//   interface HTMLAttributes<T> extends React.HTMLAttributes<T> {\n//     placeholder?: string\n//     onPointerEnterCapture?: (e: React.PointerEvent<T>) => void\n//     onPointerLeaveCapture?: (e: React.PointerEvent<T>) => void\n//   }\n//   interface RefAttributes<T> extends React.RefAttributes<T> {\n//     placeholder?: string\n//     onPointerEnterCapture?: (e: React.PointerEvent<T>) => void\n//     onPointerLeaveCapture?: (e: React.PointerEvent<T>) => void\n//   }\n// }\n"],"mappings":""}
+{"version":3,"file":"global.d.js","names":[],"sources":["../../src/@types/global.d.ts"],"sourcesContent":["declare module '*.css' {\n  const styles: Record<string, string>\n\n  export = styles\n}\n\ndeclare module '*.scss' {\n  const styles: Record<string, string>\n\n  export = styles\n}\n\ndeclare module '*.png' {\n  const value: any\n\n  export = value\n}\n\n// We need to declare this module explicitly because it doesn't have a TypeScript support\ndeclare module 'raf-stub'\n\n/**\n * The typings for React 17 erroneously include events named\n * `onPointerEnterCapture` and `onPointerLeaveCapture`.\n *\n * This causes type errors in React 18, where these event names are not valid.\n *\n * To work around this, wrap any such type in this helper, which will strip off\n * the invalid event names.\n */\n// declare module 'react' {\n//   interface HTMLAttributes<T> extends React.HTMLAttributes<T> {\n//     placeholder?: string\n//     onPointerEnterCapture?: (e: React.PointerEvent<T>) => void\n//     onPointerLeaveCapture?: (e: React.PointerEvent<T>) => void\n//   }\n//   interface RefAttributes<T> extends React.RefAttributes<T> {\n//     placeholder?: string\n//     onPointerEnterCapture?: (e: React.PointerEvent<T>) => void\n//     onPointerLeaveCapture?: (e: React.PointerEvent<T>) => void\n//   }\n// }\n"],"mappings":"","ignoreList":[]}

package/dist/AnchorNavigation/AnchorNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnchorNavigation.js","names":["React","useI18nContext","StyledAnchor","StyledAnchorNavigation","StyledAnchorNavigationLandmark","StyledAnchorSection","Anchor","_ref","id","label","selected","onClick","href","concat","encodeURIComponent","handleClick","event","button","metaKey","ctrlKey","shiftKey","altKey","preventDefault","createElement","$selected","undefined","AnchorNavigation","forwardRef","_ref2","ref","sections","onSelect","ariaLabelProp","i18n","navigationAriaLabel","t","map","_ref3","key"],"sources":["../../src/AnchorNavigation/AnchorNavigation.tsx"],"sourcesContent":["import React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport {\n  StyledAnchor,\n  StyledAnchorNavigation,\n  StyledAnchorNavigationLandmark,\n  StyledAnchorSection,\n} from './AnchorNavigation.styles'\nimport type {\n  AnchorNavigationProps,\n  AnchorProps,\n} from './AnchorNavigation.types'\n\nconst Anchor = ({ id, label, selected, onClick }: AnchorProps) => {\n  const href = `#${encodeURIComponent(id)}`\n\n  const handleClick = (event: React.MouseEvent<HTMLAnchorElement>) => {\n    if (\n      event.button !== 0 ||\n      event.metaKey ||\n      event.ctrlKey ||\n      event.shiftKey ||\n      event.altKey\n    ) {\n      return\n    }\n    event.preventDefault()\n    onClick()\n  }\n\n  return (\n    <StyledAnchorSection $selected={selected}>\n      <StyledAnchor\n        href={href}\n        aria-current={selected ? 'page' : undefined}\n        $selected={selected}\n        onClick={handleClick}\n      >\n        {label}\n      </StyledAnchor>\n    </StyledAnchorSection>\n  )\n}\n\nexport const AnchorNavigation = React.forwardRef<\n  HTMLUListElement,\n  AnchorNavigationProps\n>(({ sections, selected, onSelect, 'aria-label': ariaLabelProp }, ref) => {\n  const i18n = useI18nContext()\n  const navigationAriaLabel =\n    ariaLabelProp ?? i18n.t('core.anchorNavigation.landmarkLabel')\n\n  return (\n    <StyledAnchorNavigationLandmark aria-label={navigationAriaLabel}>\n      <StyledAnchorNavigation ref={ref}>\n        {sections.map(({ id, label }) => {\n          return (\n            <Anchor\n              key={id}\n              id={id}\n              onClick={() => onSelect(id)}\n              selected={selected === id}\n              label={label}\n            />\n          )\n        })}\n      </StyledAnchorNavigation>\n    </StyledAnchorNavigationLandmark>\n  )\n})\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SACEC,YAAY,EACZC,sBAAsB,EACtBC,8BAA8B,EAC9BC,mBAAmB,QACd,2BAA2B;AAMlC,IAAMC,MAAM,GAAG,SAATA,MAAMA,CAAAC,IAAA,EAAsD;EAAA,IAAhDC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;EAC5C,IAAMC,IAAI,OAAAC,MAAA,CAAOC,kBAAkB,CAACN,EAAE,CAAC,CAAE;EAEzC,IAAMO,WAAW,GAAG,SAAdA,WAAWA,CAAIC,KAA0C,EAAK;IAClE,IACEA,KAAK,CAACC,MAAM,KAAK,CAAC,IAClBD,KAAK,CAACE,OAAO,IACbF,KAAK,CAACG,OAAO,IACbH,KAAK,CAACI,QAAQ,IACdJ,KAAK,CAACK,MAAM,EACZ;MACA;IACF;IACAL,KAAK,CAACM,cAAc,CAAC,CAAC;IACtBX,OAAO,CAAC,CAAC;EACX,CAAC;EAED,oBACEX,KAAA,CAAAuB,aAAA,CAAClB,mBAAmB;IAACmB,SAAS,EAAEd;EAAS,gBACvCV,KAAA,CAAAuB,aAAA,CAACrB,YAAY;IACXU,IAAI,EAAEA,IAAK;IACX,gBAAcF,QAAQ,GAAG,MAAM,GAAGe,SAAU;IAC5CD,SAAS,EAAEd,QAAS;IACpBC,OAAO,EAAEI;EAAY,GAEpBN,KACW,CACK,CAAC;AAE1B,CAAC;AAED,OAAO,IAAMiB,gBAAgB,gBAAG1B,KAAK,CAAC2B,UAAU,CAG9C,UAAAC,KAAA,EAAgEC,GAAG,EAAK;EAAA,IAArEC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;IAAEpB,QAAQ,GAAAkB,KAAA,CAARlB,QAAQ;IAAEqB,QAAQ,GAAAH,KAAA,CAARG,QAAQ;IAAgBC,aAAa,GAAAJ,KAAA,CAA3B,YAAY;EAC7C,IAAMK,IAAI,GAAGhC,cAAc,CAAC,CAAC;EAC7B,IAAMiC,mBAAmB,GACvBF,aAAa,aAAbA,aAAa,cAAbA,aAAa,GAAIC,IAAI,CAACE,CAAC,CAAC,qCAAqC,CAAC;EAEhE,oBACEnC,KAAA,CAAAuB,aAAA,CAACnB,8BAA8B;IAAC,cAAY8B;EAAoB,gBAC9DlC,KAAA,CAAAuB,aAAA,CAACpB,sBAAsB;IAAC0B,GAAG,EAAEA;EAAI,GAC9BC,QAAQ,CAACM,GAAG,CAAC,UAAAC,KAAA,EAAmB;IAAA,IAAhB7B,EAAE,GAAA6B,KAAA,CAAF7B,EAAE;MAAEC,KAAK,GAAA4B,KAAA,CAAL5B,KAAK;IACxB,oBACET,KAAA,CAAAuB,aAAA,CAACjB,MAAM;MACLgC,GAAG,EAAE9B,EAAG;MACRA,EAAE,EAAEA,EAAG;MACPG,OAAO,EAAE,SAATA,OAAOA,CAAA;QAAA,OAAQoB,QAAQ,CAACvB,EAAE,CAAC;MAAA,CAAC;MAC5BE,QAAQ,EAAEA,QAAQ,KAAKF,EAAG;MAC1BC,KAAK,EAAEA;IAAM,CACd,CAAC;EAEN,CAAC,CACqB,CACM,CAAC;AAErC,CAAC,CAAC"}
+{"version":3,"file":"AnchorNavigation.js","names":["React","useI18nContext","StyledAnchor","StyledAnchorNavigation","StyledAnchorNavigationLandmark","StyledAnchorSection","Anchor","_ref","id","label","selected","onClick","href","concat","encodeURIComponent","handleClick","event","button","metaKey","ctrlKey","shiftKey","altKey","preventDefault","createElement","$selected","undefined","AnchorNavigation","forwardRef","_ref2","ref","sections","onSelect","ariaLabelProp","i18n","navigationAriaLabel","t","map","_ref3","key"],"sources":["../../src/AnchorNavigation/AnchorNavigation.tsx"],"sourcesContent":["import React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport {\n  StyledAnchor,\n  StyledAnchorNavigation,\n  StyledAnchorNavigationLandmark,\n  StyledAnchorSection,\n} from './AnchorNavigation.styles'\nimport type {\n  AnchorNavigationProps,\n  AnchorProps,\n} from './AnchorNavigation.types'\n\nconst Anchor = ({ id, label, selected, onClick }: AnchorProps) => {\n  const href = `#${encodeURIComponent(id)}`\n\n  const handleClick = (event: React.MouseEvent<HTMLAnchorElement>) => {\n    if (\n      event.button !== 0 ||\n      event.metaKey ||\n      event.ctrlKey ||\n      event.shiftKey ||\n      event.altKey\n    ) {\n      return\n    }\n    event.preventDefault()\n    onClick()\n  }\n\n  return (\n    <StyledAnchorSection $selected={selected}>\n      <StyledAnchor\n        href={href}\n        aria-current={selected ? 'page' : undefined}\n        $selected={selected}\n        onClick={handleClick}\n      >\n        {label}\n      </StyledAnchor>\n    </StyledAnchorSection>\n  )\n}\n\nexport const AnchorNavigation = React.forwardRef<\n  HTMLUListElement,\n  AnchorNavigationProps\n>(({ sections, selected, onSelect, 'aria-label': ariaLabelProp }, ref) => {\n  const i18n = useI18nContext()\n  const navigationAriaLabel =\n    ariaLabelProp ?? i18n.t('core.anchorNavigation.landmarkLabel')\n\n  return (\n    <StyledAnchorNavigationLandmark aria-label={navigationAriaLabel}>\n      <StyledAnchorNavigation ref={ref}>\n        {sections.map(({ id, label }) => {\n          return (\n            <Anchor\n              key={id}\n              id={id}\n              onClick={() => onSelect(id)}\n              selected={selected === id}\n              label={label}\n            />\n          )\n        })}\n      </StyledAnchorNavigation>\n    </StyledAnchorNavigationLandmark>\n  )\n})\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SACEC,YAAY,EACZC,sBAAsB,EACtBC,8BAA8B,EAC9BC,mBAAmB,QACd,2BAA2B;AAMlC,IAAMC,MAAM,GAAG,SAATA,MAAMA,CAAAC,IAAA,EAAsD;EAAA,IAAhDC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;EAC5C,IAAMC,IAAI,OAAAC,MAAA,CAAOC,kBAAkB,CAACN,EAAE,CAAC,CAAE;EAEzC,IAAMO,WAAW,GAAG,SAAdA,WAAWA,CAAIC,KAA0C,EAAK;IAClE,IACEA,KAAK,CAACC,MAAM,KAAK,CAAC,IAClBD,KAAK,CAACE,OAAO,IACbF,KAAK,CAACG,OAAO,IACbH,KAAK,CAACI,QAAQ,IACdJ,KAAK,CAACK,MAAM,EACZ;MACA;IACF;IACAL,KAAK,CAACM,cAAc,CAAC,CAAC;IACtBX,OAAO,CAAC,CAAC;EACX,CAAC;EAED,oBACEX,KAAA,CAAAuB,aAAA,CAAClB,mBAAmB;IAACmB,SAAS,EAAEd;EAAS,gBACvCV,KAAA,CAAAuB,aAAA,CAACrB,YAAY;IACXU,IAAI,EAAEA,IAAK;IACX,gBAAcF,QAAQ,GAAG,MAAM,GAAGe,SAAU;IAC5CD,SAAS,EAAEd,QAAS;IACpBC,OAAO,EAAEI;EAAY,GAEpBN,KACW,CACK,CAAC;AAE1B,CAAC;AAED,OAAO,IAAMiB,gBAAgB,gBAAG1B,KAAK,CAAC2B,UAAU,CAG9C,UAAAC,KAAA,EAAgEC,GAAG,EAAK;EAAA,IAArEC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;IAAEpB,QAAQ,GAAAkB,KAAA,CAARlB,QAAQ;IAAEqB,QAAQ,GAAAH,KAAA,CAARG,QAAQ;IAAgBC,aAAa,GAAAJ,KAAA,CAA3B,YAAY;EAC7C,IAAMK,IAAI,GAAGhC,cAAc,CAAC,CAAC;EAC7B,IAAMiC,mBAAmB,GACvBF,aAAa,aAAbA,aAAa,cAAbA,aAAa,GAAIC,IAAI,CAACE,CAAC,CAAC,qCAAqC,CAAC;EAEhE,oBACEnC,KAAA,CAAAuB,aAAA,CAACnB,8BAA8B;IAAC,cAAY8B;EAAoB,gBAC9DlC,KAAA,CAAAuB,aAAA,CAACpB,sBAAsB;IAAC0B,GAAG,EAAEA;EAAI,GAC9BC,QAAQ,CAACM,GAAG,CAAC,UAAAC,KAAA,EAAmB;IAAA,IAAhB7B,EAAE,GAAA6B,KAAA,CAAF7B,EAAE;MAAEC,KAAK,GAAA4B,KAAA,CAAL5B,KAAK;IACxB,oBACET,KAAA,CAAAuB,aAAA,CAACjB,MAAM;MACLgC,GAAG,EAAE9B,EAAG;MACRA,EAAE,EAAEA,EAAG;MACPG,OAAO,EAAE,SAATA,OAAOA,CAAA;QAAA,OAAQoB,QAAQ,CAACvB,EAAE,CAAC;MAAA,CAAC;MAC5BE,QAAQ,EAAEA,QAAQ,KAAKF,EAAG;MAC1BC,KAAK,EAAEA;IAAM,CACd,CAAC;EAEN,CAAC,CACqB,CACM,CAAC;AAErC,CAAC,CAAC","ignoreList":[]}

package/dist/AnchorNavigation/AnchorNavigation.styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const StyledAnchorNavigationLandmark: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
 export declare const StyledAnchorNavigation: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
 export declare const StyledAnchorSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {

package/dist/AnchorNavigation/AnchorNavigation.styles.js

@@ -5,15 +5,15 @@ import { getEllipsis } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var StyledAnchorNavigationLandmark = /*#__PURE__*/styled.nav.withConfig({
   displayName: "StyledAnchorNavigationLandmark",
-  componentId: "core-12_52_0__sc-aacdj4-0"
+  componentId: "core-12_53_1__sc-aacdj4-0"
 })([""]);
 export var StyledAnchorNavigation = /*#__PURE__*/styled.ul.withConfig({
   displayName: "StyledAnchorNavigation",
-  componentId: "core-12_52_0__sc-aacdj4-1"
+  componentId: "core-12_53_1__sc-aacdj4-1"
 })(["max-width:200px;margin:0;padding-inline-start:0;"]);
 export var StyledAnchorSection = /*#__PURE__*/styled.li.withConfig({
   displayName: "StyledAnchorSection",
-  componentId: "core-12_52_0__sc-aacdj4-2"
+  componentId: "core-12_53_1__sc-aacdj4-2"
 })(["display:flex;cursor:pointer;border-left:", "px solid ", ";background-color:", ";border-top-right-radius:4px;border-bottom-right-radius:4px;:hover{border-left:", "px solid ", ";background-color:", ";}"], spacing.xs, function (_ref) {
   var $selected = _ref.$selected;
   return $selected ? colors.gray15 : colors.gray90;
@@ -26,7 +26,7 @@ export var StyledAnchorSection = /*#__PURE__*/styled.li.withConfig({
 }, colors.gray90);
 export var StyledAnchor = /*#__PURE__*/styled.a.withConfig({
   displayName: "StyledAnchor",
-  componentId: "core-12_52_0__sc-aacdj4-3"
+  componentId: "core-12_53_1__sc-aacdj4-3"
 })(["box-sizing:border-box;display:block;flex:1;min-width:0;width:100%;padding:6px ", "px;color:inherit;text-decoration:none;&:visited{color:inherit;}", " ", ";", " :focus-visible{box-shadow:inset 0 0 0 2px ", ";outline:none;}"], spacing.sm, getTypographyIntent('body'), function (_ref4) {
   var $selected = _ref4.$selected;
   return $selected ? css(["font-weight:600;"]) : '';

package/dist/AnchorNavigation/AnchorNavigation.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnchorNavigation.styles.js","names":["styled","css","getTypographyIntent","colors","getEllipsis","spacing","StyledAnchorNavigationLandmark","nav","withConfig","displayName","componentId","StyledAnchorNavigation","ul","StyledAnchorSection","li","xs","_ref","$selected","gray15","gray90","_ref2","_ref3","gray60","StyledAnchor","a","sm","_ref4","blue50"],"sources":["../../src/AnchorNavigation/AnchorNavigation.styles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { getTypographyIntent } from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { getEllipsis } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledAnchorNavigationLandmark = styled.nav``\n\nexport const StyledAnchorNavigation = styled.ul`\n  max-width: 200px;\n  margin: 0;\n  padding-inline-start: 0;\n`\n\nexport const StyledAnchorSection = styled.li<{ $selected: boolean }>`\n  display: flex;\n  cursor: pointer;\n  border-left: ${spacing.xs}px solid\n    ${({ $selected }) => ($selected ? colors.gray15 : colors.gray90)};\n  background-color: ${({ $selected }) =>\n    $selected ? colors.gray90 : 'transparent'};\n  border-top-right-radius: 4px;\n  border-bottom-right-radius: 4px;\n\n  :hover {\n    border-left: ${spacing.xs}px solid\n      ${({ $selected }) => ($selected ? colors.gray15 : colors.gray60)};\n    background-color: ${colors.gray90};\n  }\n`\nexport const StyledAnchor = styled.a<{ $selected: boolean }>`\n  box-sizing: border-box;\n  display: block;\n  flex: 1;\n  min-width: 0;\n  width: 100%;\n  padding: 6px ${spacing.sm}px;\n  color: inherit;\n  text-decoration: none;\n\n  &:visited {\n    color: inherit;\n  }\n\n  ${getTypographyIntent('body')}\n\n  ${({ $selected }) =>\n    $selected\n      ? css`\n          font-weight: 600;\n        `\n      : ''};\n\n  ${getEllipsis()}\n\n  :focus-visible {\n    box-shadow: inset 0 0 0 2px ${colors.blue50};\n    outline: none;\n  }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,mBAAmB,QAAQ,iCAAiC;AACrE,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,8BAA8B,gBAAGN,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,QAAE;AAE1D,OAAO,IAAMC,sBAAsB,gBAAGX,MAAM,CAACY,EAAE,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wDAI9C;AAED,OAAO,IAAMG,mBAAmB,gBAAGb,MAAM,CAACc,EAAE,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gNAG3BL,OAAO,CAACU,EAAE,EACrB,UAAAC,IAAA;EAAA,IAAGC,SAAS,GAAAD,IAAA,CAATC,SAAS;EAAA,OAAQA,SAAS,GAAGd,MAAM,CAACe,MAAM,GAAGf,MAAM,CAACgB,MAAM;AAAA,CAAC,EAC9C,UAAAC,KAAA;EAAA,IAAGH,SAAS,GAAAG,KAAA,CAATH,SAAS;EAAA,OAC9BA,SAAS,GAAGd,MAAM,CAACgB,MAAM,GAAG,aAAa;AAAA,GAK1Bd,OAAO,CAACU,EAAE,EACrB,UAAAM,KAAA;EAAA,IAAGJ,SAAS,GAAAI,KAAA,CAATJ,SAAS;EAAA,OAAQA,SAAS,GAAGd,MAAM,CAACe,MAAM,GAAGf,MAAM,CAACmB,MAAM;AAAA,CAAC,EAC9CnB,MAAM,CAACgB,MAAM,CAEpC;AACD,OAAO,IAAMI,YAAY,gBAAGvB,MAAM,CAACwB,CAAC,CAAAhB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sOAMnBL,OAAO,CAACoB,EAAE,EAQvBvB,mBAAmB,CAAC,MAAM,CAAC,EAE3B,UAAAwB,KAAA;EAAA,IAAGT,SAAS,GAAAS,KAAA,CAATT,SAAS;EAAA,OACZA,SAAS,GACLhB,GAAG,yBAGH,EAAE;AAAA,GAENG,WAAW,CAAC,CAAC,EAGiBD,MAAM,CAACwB,MAAM,CAG9C"}
+{"version":3,"file":"AnchorNavigation.styles.js","names":["styled","css","getTypographyIntent","colors","getEllipsis","spacing","StyledAnchorNavigationLandmark","nav","withConfig","displayName","componentId","StyledAnchorNavigation","ul","StyledAnchorSection","li","xs","_ref","$selected","gray15","gray90","_ref2","_ref3","gray60","StyledAnchor","a","sm","_ref4","blue50"],"sources":["../../src/AnchorNavigation/AnchorNavigation.styles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { getTypographyIntent } from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { getEllipsis } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledAnchorNavigationLandmark = styled.nav``\n\nexport const StyledAnchorNavigation = styled.ul`\n  max-width: 200px;\n  margin: 0;\n  padding-inline-start: 0;\n`\n\nexport const StyledAnchorSection = styled.li<{ $selected: boolean }>`\n  display: flex;\n  cursor: pointer;\n  border-left: ${spacing.xs}px solid\n    ${({ $selected }) => ($selected ? colors.gray15 : colors.gray90)};\n  background-color: ${({ $selected }) =>\n    $selected ? colors.gray90 : 'transparent'};\n  border-top-right-radius: 4px;\n  border-bottom-right-radius: 4px;\n\n  :hover {\n    border-left: ${spacing.xs}px solid\n      ${({ $selected }) => ($selected ? colors.gray15 : colors.gray60)};\n    background-color: ${colors.gray90};\n  }\n`\nexport const StyledAnchor = styled.a<{ $selected: boolean }>`\n  box-sizing: border-box;\n  display: block;\n  flex: 1;\n  min-width: 0;\n  width: 100%;\n  padding: 6px ${spacing.sm}px;\n  color: inherit;\n  text-decoration: none;\n\n  &:visited {\n    color: inherit;\n  }\n\n  ${getTypographyIntent('body')}\n\n  ${({ $selected }) =>\n    $selected\n      ? css`\n          font-weight: 600;\n        `\n      : ''};\n\n  ${getEllipsis()}\n\n  :focus-visible {\n    box-shadow: inset 0 0 0 2px ${colors.blue50};\n    outline: none;\n  }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,mBAAmB,QAAQ,iCAAiC;AACrE,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,8BAA8B,gBAAGN,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,QAAE;AAE1D,OAAO,IAAMC,sBAAsB,gBAAGX,MAAM,CAACY,EAAE,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wDAI9C;AAED,OAAO,IAAMG,mBAAmB,gBAAGb,MAAM,CAACc,EAAE,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gNAG3BL,OAAO,CAACU,EAAE,EACrB,UAAAC,IAAA;EAAA,IAAGC,SAAS,GAAAD,IAAA,CAATC,SAAS;EAAA,OAAQA,SAAS,GAAGd,MAAM,CAACe,MAAM,GAAGf,MAAM,CAACgB,MAAM;AAAA,CAAC,EAC9C,UAAAC,KAAA;EAAA,IAAGH,SAAS,GAAAG,KAAA,CAATH,SAAS;EAAA,OAC9BA,SAAS,GAAGd,MAAM,CAACgB,MAAM,GAAG,aAAa;AAAA,GAK1Bd,OAAO,CAACU,EAAE,EACrB,UAAAM,KAAA;EAAA,IAAGJ,SAAS,GAAAI,KAAA,CAATJ,SAAS;EAAA,OAAQA,SAAS,GAAGd,MAAM,CAACe,MAAM,GAAGf,MAAM,CAACmB,MAAM;AAAA,CAAC,EAC9CnB,MAAM,CAACgB,MAAM,CAEpC;AACD,OAAO,IAAMI,YAAY,gBAAGvB,MAAM,CAACwB,CAAC,CAAAhB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sOAMnBL,OAAO,CAACoB,EAAE,EAQvBvB,mBAAmB,CAAC,MAAM,CAAC,EAE3B,UAAAwB,KAAA;EAAA,IAAGT,SAAS,GAAAS,KAAA,CAATT,SAAS;EAAA,OACZA,SAAS,GACLhB,GAAG,yBAGH,EAAE;AAAA,GAENG,WAAW,CAAC,CAAC,EAGiBD,MAAM,CAACwB,MAAM,CAG9C","ignoreList":[]}

package/dist/AnchorNavigation/AnchorNavigation.types.d.ts

@@ -1,8 +1,8 @@
-export declare type AnchorNavigationSection = {
+export type AnchorNavigationSection = {
     id: string;
     label: string;
 };
-export declare type AnchorNavigationElementSection = AnchorNavigationSection & {
+export type AnchorNavigationElementSection = AnchorNavigationSection & {
     element: HTMLElement;
 };
 export interface AnchorNavigationProps {
@@ -28,7 +28,7 @@ export interface AnchorNavigationProps {
      */
     'aria-label'?: string;
 }
-export declare type AnchorProps = {
+export type AnchorProps = {
     id: string;
     label: string;
     selected: boolean;

package/dist/AnchorNavigation/AnchorNavigation.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnchorNavigation.types.js","names":[],"sources":["../../src/AnchorNavigation/AnchorNavigation.types.tsx"],"sourcesContent":["export type AnchorNavigationSection = {\n  id: string\n  label: string\n}\n\nexport type AnchorNavigationElementSection = AnchorNavigationSection & {\n  element: HTMLElement\n}\n\nexport interface AnchorNavigationProps {\n  /**\n   * An array of sections used in the anchor navigation.\n   * @since 12.18.0\n   */\n  sections: AnchorNavigationSection[]\n  /**\n   * The ID of the currently selected section.\n   * @since 12.18.0\n   */\n  selected: string\n  /**\n   * Callback function to update the selected section ID.\n   * @since 12.18.0\n   */\n  onSelect: (id: string) => void\n  /**\n   * Accessible name for the navigation landmark. When omitted, the default\n   * translated string `On this page` is used.\n   * @since 12.42.0\n   */\n  'aria-label'?: string\n}\n\nexport type AnchorProps = {\n  id: string\n  label: string\n  selected: boolean\n  onClick: () => void\n}\n"],"mappings":""}
+{"version":3,"file":"AnchorNavigation.types.js","names":[],"sources":["../../src/AnchorNavigation/AnchorNavigation.types.tsx"],"sourcesContent":["export type AnchorNavigationSection = {\n  id: string\n  label: string\n}\n\nexport type AnchorNavigationElementSection = AnchorNavigationSection & {\n  element: HTMLElement\n}\n\nexport interface AnchorNavigationProps {\n  /**\n   * An array of sections used in the anchor navigation.\n   * @since 12.18.0\n   */\n  sections: AnchorNavigationSection[]\n  /**\n   * The ID of the currently selected section.\n   * @since 12.18.0\n   */\n  selected: string\n  /**\n   * Callback function to update the selected section ID.\n   * @since 12.18.0\n   */\n  onSelect: (id: string) => void\n  /**\n   * Accessible name for the navigation landmark. When omitted, the default\n   * translated string `On this page` is used.\n   * @since 12.42.0\n   */\n  'aria-label'?: string\n}\n\nexport type AnchorProps = {\n  id: string\n  label: string\n  selected: boolean\n  onClick: () => void\n}\n"],"mappings":"","ignoreList":[]}

package/dist/AnchorNavigation/AnchorNavigationProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnchorNavigationProvider.js","names":["throttle","React","AnchorNavigationContext","createContext","offset","sections","selected","registerSection","unregisterSection","onSelect","useAnchorNavigationContext","useContext","findScrollContainer","element","parent","parentElement","_window$getComputedSt","window","getComputedStyle","overflow","split","every","o","document","documentElement","getElementScrollPosition","scroller","y","el","offsetTop","offsetParent","getEffectiveOffset","remoteHeader","getElementById","headerBottom","getBoundingClientRect","bottom","Math","max","AnchorNavigationProvider","_ref","children","_ref$offset","_React$useState","useState","_React$useState2","_slicedToArray","setSelected","ref","useRef","blockScrollTimestamp","changeSelected","id","_sections$find","_ref$current","current","effectiveOffset","find","section","scrollTo","top","behavior","Date","getTime","heading","querySelector","HTMLElement","hasAttribute","setAttribute","focus","preventScroll","useEffect","onScroll","event","_ref$current2","now","length","scrollTop","scrollY","_sections$","selectedIndex","findIndex","item","selectedElement","throttleScrollEvent","addEventListener","capture","passive","removeEventListener","cancel","label","_ref$current3","index","push","splice","createElement","Provider","value"],"sources":["../../src/AnchorNavigation/AnchorNavigationProvider.tsx"],"sourcesContent":["import throttle from 'lodash.throttle'\nimport React from 'react'\nimport type { AnchorNavigationElementSection } from './AnchorNavigation.types'\n\nexport const AnchorNavigationContext = React.createContext<{\n  offset: number\n  sections: AnchorNavigationElementSection[]\n  selected: string\n  registerSection: (id: string, label: string, element: HTMLElement) => void\n  unregisterSection: (id: string) => void\n  onSelect: (id: string, withScroll?: boolean) => void\n}>({\n  offset: 0,\n  sections: [],\n  selected: '',\n  registerSection: () => {},\n  unregisterSection: () => {},\n  onSelect: () => {},\n})\n\nexport const useAnchorNavigationContext = () =>\n  React.useContext(AnchorNavigationContext)\n\ninterface AnchorNavigationProviderProps {\n  offset?: number\n}\n\nfunction findScrollContainer(element: HTMLElement): HTMLElement {\n  let parent = element.parentElement\n  while (parent) {\n    const { overflow } = window.getComputedStyle(parent)\n    if (overflow.split(' ').every((o) => o === 'auto' || o === 'scroll')) {\n      return parent\n    }\n    parent = parent.parentElement\n  }\n\n  return document.documentElement\n}\n\nfunction getElementScrollPosition(\n  element: HTMLElement,\n  scroller: HTMLElement | null\n): number {\n  let y = 0\n  let el: HTMLElement | null = element\n\n  do {\n    y += el.offsetTop\n    el = el.offsetParent as HTMLElement | null\n  } while (el && el !== scroller)\n\n  return y\n}\n\nfunction getEffectiveOffset(offset: number): number {\n  const remoteHeader = document.getElementById('remote-header-container')\n\n  if (!remoteHeader) {\n    return offset\n  }\n\n  const headerBottom = remoteHeader.getBoundingClientRect().bottom\n\n  return offset + Math.max(headerBottom, 0)\n}\n\nexport function AnchorNavigationProvider({\n  children,\n  offset = 0,\n}: React.PropsWithChildren<AnchorNavigationProviderProps>) {\n  const [selected, setSelected] = React.useState('')\n  const ref = React.useRef<{\n    sections: AnchorNavigationElementSection[]\n    blockScrollTimestamp: number\n    scroller: HTMLElement | null\n  }>({\n    sections: [],\n    blockScrollTimestamp: 0,\n    scroller: null,\n  })\n\n  const changeSelected = (id: string) => {\n    const { sections, scroller } = ref.current\n    const effectiveOffset = getEffectiveOffset(offset)\n    setSelected(id)\n\n    const element = sections.find((section) => section.id === id)?.element\n\n    if (element) {\n      ;(scroller || window).scrollTo({\n        top: getElementScrollPosition(element, scroller) - effectiveOffset,\n        behavior: 'smooth',\n      })\n\n      // Disable scroll listener to avoid changing active element\n      ref.current.blockScrollTimestamp = new Date().getTime()\n\n      // Move focus to the section heading for keyboard and screen reader users\n      const heading = element.querySelector('h1, h2, h3, h4, h5, h6')\n      if (heading instanceof HTMLElement) {\n        if (!heading.hasAttribute('tabindex')) {\n          heading.setAttribute('tabindex', '-1')\n        }\n        heading.focus({ preventScroll: true })\n      }\n    }\n  }\n\n  React.useEffect(() => {\n    const onScroll = (event?: Event) => {\n      const { blockScrollTimestamp, sections, scroller } = ref.current\n      const now = new Date().getTime()\n\n      if (!sections.length) return\n\n      // Disable scroll event when auto scrolling by clicking on the anchor\n      if (now - blockScrollTimestamp < 200) {\n        ref.current.blockScrollTimestamp = now\n        return\n      }\n\n      const y =\n        (scroller\n          ? scroller.scrollTop\n          : window.scrollY || document.documentElement.scrollTop) +\n        getEffectiveOffset(offset)\n\n      // Before the first element\n      if (getElementScrollPosition(sections[0].element, scroller) > y) {\n        if (event) {\n          setSelected(sections[0]?.id)\n        }\n        return\n      }\n\n      // Get first element overflowing top, get the previous one\n      const selectedIndex = sections.findIndex(\n        (item) => getElementScrollPosition(item.element, scroller) > y\n      )\n\n      const selectedElement =\n        selectedIndex === -1\n          ? sections[sections.length - 1]\n          : sections[Math.max(selectedIndex - 1, 0)]\n\n      if (selectedElement) {\n        setSelected(selectedElement.id)\n      }\n    }\n\n    const throttleScrollEvent = throttle(onScroll, 100)\n    addEventListener('scroll', throttleScrollEvent, {\n      capture: false,\n      passive: true,\n    })\n    onScroll()\n\n    return () => {\n      removeEventListener('scroll', throttleScrollEvent, { capture: false })\n      throttleScrollEvent.cancel()\n    }\n  }, []) // eslint-disable-line react-hooks/exhaustive-deps\n\n  const registerSection = (id: string, label: string, element: HTMLElement) => {\n    if (!ref.current.scroller) {\n      ref.current.scroller = findScrollContainer(element)\n    }\n    const { sections, scroller } = ref.current\n\n    if (sections.find((section) => section.id === id)) {\n      return\n    }\n\n    const y = getElementScrollPosition(element, scroller)\n    const index = sections.findIndex(\n      (section) => getElementScrollPosition(section.element, scroller) > y\n    )\n\n    if (index === -1) {\n      sections.push({ id, label, element })\n    } else {\n      sections.splice(index, 0, { id, label, element })\n    }\n\n    if (sections.length === 1) {\n      setSelected(id)\n    }\n  }\n\n  const unregisterSection = (id: string) => {\n    const { sections } = ref.current\n    const index = sections.findIndex((section) => section.id === id)\n    if (index !== -1) {\n      sections.splice(index, 1)\n    }\n  }\n\n  return (\n    <AnchorNavigationContext.Provider\n      value={{\n        offset,\n        selected,\n        sections: ref.current.sections,\n        onSelect: changeSelected,\n        registerSection,\n        unregisterSection,\n      }}\n    >\n      {children}\n    </AnchorNavigationContext.Provider>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"AnchorNavigationProvider.js","names":["throttle","React","AnchorNavigationContext","createContext","offset","sections","selected","registerSection","unregisterSection","onSelect","useAnchorNavigationContext","useContext","findScrollContainer","element","parent","parentElement","_window$getComputedSt","window","getComputedStyle","overflow","split","every","o","document","documentElement","getElementScrollPosition","scroller","y","el","offsetTop","offsetParent","getEffectiveOffset","remoteHeader","getElementById","headerBottom","getBoundingClientRect","bottom","Math","max","AnchorNavigationProvider","_ref","children","_ref$offset","_React$useState","useState","_React$useState2","_slicedToArray","setSelected","ref","useRef","blockScrollTimestamp","changeSelected","id","_sections$find","_ref$current","current","effectiveOffset","find","section","scrollTo","top","behavior","Date","getTime","heading","querySelector","HTMLElement","hasAttribute","setAttribute","focus","preventScroll","useEffect","onScroll","event","_ref$current2","now","length","scrollTop","scrollY","_sections$","selectedIndex","findIndex","item","selectedElement","throttleScrollEvent","addEventListener","capture","passive","removeEventListener","cancel","label","_ref$current3","index","push","splice","createElement","Provider","value"],"sources":["../../src/AnchorNavigation/AnchorNavigationProvider.tsx"],"sourcesContent":["import throttle from 'lodash.throttle'\nimport React from 'react'\nimport type { AnchorNavigationElementSection } from './AnchorNavigation.types'\n\nexport const AnchorNavigationContext = React.createContext<{\n  offset: number\n  sections: AnchorNavigationElementSection[]\n  selected: string\n  registerSection: (id: string, label: string, element: HTMLElement) => void\n  unregisterSection: (id: string) => void\n  onSelect: (id: string, withScroll?: boolean) => void\n}>({\n  offset: 0,\n  sections: [],\n  selected: '',\n  registerSection: () => {},\n  unregisterSection: () => {},\n  onSelect: () => {},\n})\n\nexport const useAnchorNavigationContext = () =>\n  React.useContext(AnchorNavigationContext)\n\ninterface AnchorNavigationProviderProps {\n  offset?: number\n}\n\nfunction findScrollContainer(element: HTMLElement): HTMLElement {\n  let parent = element.parentElement\n  while (parent) {\n    const { overflow } = window.getComputedStyle(parent)\n    if (overflow.split(' ').every((o) => o === 'auto' || o === 'scroll')) {\n      return parent\n    }\n    parent = parent.parentElement\n  }\n\n  return document.documentElement\n}\n\nfunction getElementScrollPosition(\n  element: HTMLElement,\n  scroller: HTMLElement | null\n): number {\n  let y = 0\n  let el: HTMLElement | null = element\n\n  do {\n    y += el.offsetTop\n    el = el.offsetParent as HTMLElement | null\n  } while (el && el !== scroller)\n\n  return y\n}\n\nfunction getEffectiveOffset(offset: number): number {\n  const remoteHeader = document.getElementById('remote-header-container')\n\n  if (!remoteHeader) {\n    return offset\n  }\n\n  const headerBottom = remoteHeader.getBoundingClientRect().bottom\n\n  return offset + Math.max(headerBottom, 0)\n}\n\nexport function AnchorNavigationProvider({\n  children,\n  offset = 0,\n}: React.PropsWithChildren<AnchorNavigationProviderProps>) {\n  const [selected, setSelected] = React.useState('')\n  const ref = React.useRef<{\n    sections: AnchorNavigationElementSection[]\n    blockScrollTimestamp: number\n    scroller: HTMLElement | null\n  }>({\n    sections: [],\n    blockScrollTimestamp: 0,\n    scroller: null,\n  })\n\n  const changeSelected = (id: string) => {\n    const { sections, scroller } = ref.current\n    const effectiveOffset = getEffectiveOffset(offset)\n    setSelected(id)\n\n    const element = sections.find((section) => section.id === id)?.element\n\n    if (element) {\n      ;(scroller || window).scrollTo({\n        top: getElementScrollPosition(element, scroller) - effectiveOffset,\n        behavior: 'smooth',\n      })\n\n      // Disable scroll listener to avoid changing active element\n      ref.current.blockScrollTimestamp = new Date().getTime()\n\n      // Move focus to the section heading for keyboard and screen reader users\n      const heading = element.querySelector('h1, h2, h3, h4, h5, h6')\n      if (heading instanceof HTMLElement) {\n        if (!heading.hasAttribute('tabindex')) {\n          heading.setAttribute('tabindex', '-1')\n        }\n        heading.focus({ preventScroll: true })\n      }\n    }\n  }\n\n  React.useEffect(() => {\n    const onScroll = (event?: Event) => {\n      const { blockScrollTimestamp, sections, scroller } = ref.current\n      const now = new Date().getTime()\n\n      if (!sections.length) return\n\n      // Disable scroll event when auto scrolling by clicking on the anchor\n      if (now - blockScrollTimestamp < 200) {\n        ref.current.blockScrollTimestamp = now\n        return\n      }\n\n      const y =\n        (scroller\n          ? scroller.scrollTop\n          : window.scrollY || document.documentElement.scrollTop) +\n        getEffectiveOffset(offset)\n\n      // Before the first element\n      if (getElementScrollPosition(sections[0].element, scroller) > y) {\n        if (event) {\n          setSelected(sections[0]?.id)\n        }\n        return\n      }\n\n      // Get first element overflowing top, get the previous one\n      const selectedIndex = sections.findIndex(\n        (item) => getElementScrollPosition(item.element, scroller) > y\n      )\n\n      const selectedElement =\n        selectedIndex === -1\n          ? sections[sections.length - 1]\n          : sections[Math.max(selectedIndex - 1, 0)]\n\n      if (selectedElement) {\n        setSelected(selectedElement.id)\n      }\n    }\n\n    const throttleScrollEvent = throttle(onScroll, 100)\n    addEventListener('scroll', throttleScrollEvent, {\n      capture: false,\n      passive: true,\n    })\n    onScroll()\n\n    return () => {\n      removeEventListener('scroll', throttleScrollEvent, { capture: false })\n      throttleScrollEvent.cancel()\n    }\n  }, []) // eslint-disable-line react-hooks/exhaustive-deps\n\n  const registerSection = (id: string, label: string, element: HTMLElement) => {\n    if (!ref.current.scroller) {\n      ref.current.scroller = findScrollContainer(element)\n    }\n    const { sections, scroller } = ref.current\n\n    if (sections.find((section) => section.id === id)) {\n      return\n    }\n\n    const y = getElementScrollPosition(element, scroller)\n    const index = sections.findIndex(\n      (section) => getElementScrollPosition(section.element, scroller) > y\n    )\n\n    if (index === -1) {\n      sections.push({ id, label, element })\n    } else {\n      sections.splice(index, 0, { id, label, element })\n    }\n\n    if (sections.length === 1) {\n      setSelected(id)\n    }\n  }\n\n  const unregisterSection = (id: string) => {\n    const { sections } = ref.current\n    const index = sections.findIndex((section) => section.id === id)\n    if (index !== -1) {\n      sections.splice(index, 1)\n    }\n  }\n\n  return (\n    <AnchorNavigationContext.Provider\n      value={{\n        offset,\n        selected,\n        sections: ref.current.sections,\n        onSelect: changeSelected,\n        registerSection,\n        unregisterSection,\n      }}\n    >\n      {children}\n    </AnchorNavigationContext.Provider>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/AnchorNavigation/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["AnchorNavigation","UNSAFE_AnchorNavigation"],"sources":["../../src/AnchorNavigation/index.ts"],"sourcesContent":["export { AnchorNavigation as UNSAFE_AnchorNavigation } from './AnchorNavigation'\nexport type { AnchorNavigationProps as UNSAFE_AnchorNavigationProps } from './AnchorNavigation.types'\n"],"mappings":"AAAA,SAASA,gBAAgB,IAAIC,uBAAuB,QAAQ,oBAAoB"}
+{"version":3,"file":"index.js","names":["AnchorNavigation","UNSAFE_AnchorNavigation"],"sources":["../../src/AnchorNavigation/index.ts"],"sourcesContent":["export { AnchorNavigation as UNSAFE_AnchorNavigation } from './AnchorNavigation'\nexport type { AnchorNavigationProps as UNSAFE_AnchorNavigationProps } from './AnchorNavigation.types'\n"],"mappings":"AAAA,SAASA,gBAAgB,IAAIC,uBAAuB,QAAQ,oBAAoB","ignoreList":[]}

package/dist/Avatar/Avatar.d.ts

@@ -38,7 +38,7 @@ export declare const NextAvatar: (<Role extends AvatarRoles>(props: AvatarProps<
 
  */
 export declare const Avatar: (<Role extends AvatarRoles>(props: AvatarProps<Role> | (BaseAvatarProps & {
-    ref?: React.ComponentPropsWithRef<'div'>['ref'];
+    ref?: React.ComponentPropsWithRef<"div">["ref"];
 })) => ReturnType<typeof AvatarInner>) & {
     Icon: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & AvatarIconProps & React.RefAttributes<HTMLDivElement>>;
     Label: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & AvatarLabelProps & React.RefAttributes<HTMLDivElement>>;

package/dist/Avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","names":["useButton","React","addSubcomponents","StyledAvatarContainer","StyledAvatarOverlay","StyledIconContainer","StyledLabelContainer","StyledPortraitContainer","AvatarInner","_ref","ref","as","clickable","disabled","href","size","children","onBlur","onFocus","rel","role","target","props","_objectWithoutProperties","_excluded","_ref2","onPress","onClick","buttonPropsBase","_excluded2","elementType","_useButton","_objectSpread","isDisabled","type","buttonProps","linkDisabled","a11yProps","$clickable","_defineProperty","undefined","roleSpecificProps","createElement","_extends","$disabled","$size","Children","only","Avatar_","forwardRef","NextAvatar_","Icon","_ref5","icon","_excluded3","Label","_ref6","_excluded4","Portrait","_ref7","imageUrl","_excluded5","$imageUrl","displayName","NextAvatar","Avatar"],"sources":["../../src/Avatar/Avatar.tsx"],"sourcesContent":["import { useButton } from '@react-aria/button'\nimport React from 'react'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport {\n  StyledAvatarContainer,\n  StyledAvatarOverlay,\n  StyledIconContainer,\n  StyledLabelContainer,\n  StyledPortraitContainer,\n} from './Avatar.styles'\nimport type {\n  AvatarIconProps,\n  AvatarLabelProps,\n  AvatarPortraitProps,\n  AvatarProps,\n  AvatarRef,\n  AvatarRoles,\n  AvatarRoleType,\n  BaseAvatarProps,\n} from './Avatar.types'\n\nfunction AvatarInner(\n  {\n    as,\n    clickable,\n    disabled,\n    // @ts-ignore link only\n    href,\n    size,\n    children,\n    onBlur,\n    onFocus,\n    // @ts-ignore link only\n    rel,\n    // @ts-ignore not on legacy\n    role,\n    // @ts-ignore link only\n    target,\n    ...props\n  }: AvatarProps<AvatarRoleType>,\n  ref: AvatarRef<AvatarRoleType>\n) {\n  const { onPress, onClick, ...buttonPropsBase } =\n    props as AvatarProps<'button'>\n\n  const elementType =\n    typeof as === 'string' && as === 'a' ? ('a' as const) : ('div' as const)\n\n  let { buttonProps } = useButton(\n    {\n      ...buttonPropsBase,\n      onBlur: onBlur as (e: React.FocusEvent) => void,\n      onFocus: onFocus as (e: React.FocusEvent) => void,\n      elementType,\n      href,\n      isDisabled: disabled,\n      onPress,\n      rel,\n      target,\n      type: 'button',\n    },\n    ref as unknown as React.RefObject<HTMLElement>\n  )\n\n  const linkDisabled = disabled || (role === 'link' && !href)\n\n  const a11yProps =\n    role === 'button'\n      ? { ...buttonProps, as: as || 'div', $clickable: !disabled }\n      : role === 'link'\n      ? {\n          ['aria-disabled']: linkDisabled ? true : undefined,\n          as: as || 'a',\n          $clickable: !linkDisabled,\n          href: linkDisabled ? undefined : href,\n          onBlur,\n          onFocus,\n          rel,\n          role: 'link',\n          target,\n        }\n      : role === 'img'\n      ? {\n          ['aria-disabled']: disabled ? true : undefined,\n          role: 'img',\n          onBlur,\n          onFocus,\n        }\n      : { onBlur, onFocus }\n\n  // For button role, spread buttonPropsBase to preserve useButton's onClick\n  // For other roles, spread all props\n  // Exclude ref since it's passed separately\n  const roleSpecificProps =\n    role === 'button'\n      ? (buttonPropsBase as Omit<\n          AvatarProps<'button'>,\n          'onPress' | 'onClick' | 'ref'\n        >)\n      : (props as Omit<AvatarProps<AvatarRoleType>, 'ref'>)\n\n  return (\n    <StyledAvatarContainer\n      ref={ref as unknown as React.Ref<HTMLDivElement>}\n      $clickable={clickable}\n      $disabled={disabled}\n      $size={size}\n      data-qa=\"core-avatar\"\n      {...(a11yProps as Record<string, unknown>)}\n      {...(roleSpecificProps as Record<string, unknown>)}\n    >\n      {React.Children.only(children)}\n      <StyledAvatarOverlay aria-hidden />\n    </StyledAvatarContainer>\n  )\n}\n\nconst Avatar_ = React.forwardRef(AvatarInner) as <Role extends AvatarRoles>(\n  props:\n    | AvatarProps<Role>\n    // Legacy\n    | (BaseAvatarProps & { ref?: React.ComponentPropsWithRef<'div'>['ref'] })\n) => ReturnType<typeof AvatarInner>\n\nconst NextAvatar_ = React.forwardRef(AvatarInner) as <Role extends AvatarRoles>(\n  props: AvatarProps<Role>\n) => ReturnType<typeof AvatarInner>\n\nexport const Icon = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & AvatarIconProps\n>(function Icon({ icon, ...props }, ref) {\n  return (\n    <StyledIconContainer ref={ref} {...props}>\n      {icon}\n    </StyledIconContainer>\n  )\n})\n\nexport const Label = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & AvatarLabelProps\n>(function Label({ children, ...props }, ref) {\n  // Breaking change: Option to make aria-hidden since parent requires a label.\n  // Can add in major once labelling is enforced\n  return (\n    <StyledLabelContainer ref={ref} {...props}>\n      {children}\n    </StyledLabelContainer>\n  )\n})\n\nexport const Portrait = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & AvatarPortraitProps\n>(function Portrait({ imageUrl, ...props }, ref) {\n  return (\n    <StyledPortraitContainer ref={ref} $imageUrl={imageUrl} {...props}>\n      <StyledAvatarOverlay />\n    </StyledPortraitContainer>\n  )\n})\n\n// @ts-ignore\nAvatar_.displayName = 'Avatar'\n\nIcon.displayName = 'Avatar.Icon'\n\nLabel.displayName = 'Avatar.Label'\n\nPortrait.displayName = 'Avatar.Portrait'\n\n// @ts-ignore\nNextAvatar_.displayName = 'Avatar'\n\n/**\n\n We use avatars to visually represent our users, places, and things in the app.\n These can be in the form of rich media or representative illustrations.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-avatar--demo)\n\n @see [Design Guidelines](https://design.procore.com/avatar)\n\n @a11y Avatar's need a `aria-label` and can be enhanced with `role` for interaction. If decorative only, add `aria-hidden`. The inaccessible `clickable` prop is for UI only\n\n */\nexport const NextAvatar = addSubcomponents(\n  {\n    Icon,\n    Label,\n    Portrait,\n  },\n  NextAvatar_\n)\n\n/**\n\n We use avatars to visually represent our users, places, and things in the app.\n These can be in the form of rich media or representative illustrations.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-avatar--demo)\n\n @see [Design Guidelines](https://design.procore.com/avatar)\n\n @a11y Avatar's need a `aria-label` and can be enhanced with `role` for interaction. If decorative only, add `aria-hidden`. The inaccessible `clickable` prop is for UI only\n\n */\nexport const Avatar = addSubcomponents(\n  {\n    Icon,\n    Label,\n    Portrait,\n  },\n  Avatar_\n)\n"],"mappings":"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"}
+{"version":3,"file":"Avatar.js","names":["useButton","React","addSubcomponents","StyledAvatarContainer","StyledAvatarOverlay","StyledIconContainer","StyledLabelContainer","StyledPortraitContainer","AvatarInner","_ref","ref","as","clickable","disabled","href","size","children","onBlur","onFocus","rel","role","target","props","_objectWithoutProperties","_excluded","_ref2","onPress","onClick","buttonPropsBase","_excluded2","elementType","_useButton","_objectSpread","isDisabled","type","buttonProps","linkDisabled","a11yProps","$clickable","_defineProperty","undefined","roleSpecificProps","createElement","_extends","$disabled","$size","Children","only","Avatar_","forwardRef","NextAvatar_","Icon","_ref5","icon","_excluded3","Label","_ref6","_excluded4","Portrait","_ref7","imageUrl","_excluded5","$imageUrl","displayName","NextAvatar","Avatar"],"sources":["../../src/Avatar/Avatar.tsx"],"sourcesContent":["import { useButton } from '@react-aria/button'\nimport React from 'react'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport {\n  StyledAvatarContainer,\n  StyledAvatarOverlay,\n  StyledIconContainer,\n  StyledLabelContainer,\n  StyledPortraitContainer,\n} from './Avatar.styles'\nimport type {\n  AvatarIconProps,\n  AvatarLabelProps,\n  AvatarPortraitProps,\n  AvatarProps,\n  AvatarRef,\n  AvatarRoles,\n  AvatarRoleType,\n  BaseAvatarProps,\n} from './Avatar.types'\n\nfunction AvatarInner(\n  {\n    as,\n    clickable,\n    disabled,\n    // @ts-ignore link only\n    href,\n    size,\n    children,\n    onBlur,\n    onFocus,\n    // @ts-ignore link only\n    rel,\n    // @ts-ignore not on legacy\n    role,\n    // @ts-ignore link only\n    target,\n    ...props\n  }: AvatarProps<AvatarRoleType>,\n  ref: AvatarRef<AvatarRoleType>\n) {\n  const { onPress, onClick, ...buttonPropsBase } =\n    props as AvatarProps<'button'>\n\n  const elementType =\n    typeof as === 'string' && as === 'a' ? ('a' as const) : ('div' as const)\n\n  let { buttonProps } = useButton(\n    {\n      ...buttonPropsBase,\n      onBlur: onBlur as (e: React.FocusEvent) => void,\n      onFocus: onFocus as (e: React.FocusEvent) => void,\n      elementType,\n      href,\n      isDisabled: disabled,\n      onPress,\n      rel,\n      target,\n      type: 'button',\n    },\n    ref as unknown as React.RefObject<HTMLElement>\n  )\n\n  const linkDisabled = disabled || (role === 'link' && !href)\n\n  const a11yProps =\n    role === 'button'\n      ? { ...buttonProps, as: as || 'div', $clickable: !disabled }\n      : role === 'link'\n      ? {\n          ['aria-disabled']: linkDisabled ? true : undefined,\n          as: as || 'a',\n          $clickable: !linkDisabled,\n          href: linkDisabled ? undefined : href,\n          onBlur,\n          onFocus,\n          rel,\n          role: 'link',\n          target,\n        }\n      : role === 'img'\n      ? {\n          ['aria-disabled']: disabled ? true : undefined,\n          role: 'img',\n          onBlur,\n          onFocus,\n        }\n      : { onBlur, onFocus }\n\n  // For button role, spread buttonPropsBase to preserve useButton's onClick\n  // For other roles, spread all props\n  // Exclude ref since it's passed separately\n  const roleSpecificProps =\n    role === 'button'\n      ? (buttonPropsBase as Omit<\n          AvatarProps<'button'>,\n          'onPress' | 'onClick' | 'ref'\n        >)\n      : (props as Omit<AvatarProps<AvatarRoleType>, 'ref'>)\n\n  return (\n    <StyledAvatarContainer\n      ref={ref as unknown as React.Ref<HTMLDivElement>}\n      $clickable={clickable}\n      $disabled={disabled}\n      $size={size}\n      data-qa=\"core-avatar\"\n      {...(a11yProps as Record<string, unknown>)}\n      {...(roleSpecificProps as Record<string, unknown>)}\n    >\n      {React.Children.only(children)}\n      <StyledAvatarOverlay aria-hidden />\n    </StyledAvatarContainer>\n  )\n}\n\nconst Avatar_ = React.forwardRef(AvatarInner) as <Role extends AvatarRoles>(\n  props:\n    | AvatarProps<Role>\n    // Legacy\n    | (BaseAvatarProps & { ref?: React.ComponentPropsWithRef<'div'>['ref'] })\n) => ReturnType<typeof AvatarInner>\n\nconst NextAvatar_ = React.forwardRef(AvatarInner) as <Role extends AvatarRoles>(\n  props: AvatarProps<Role>\n) => ReturnType<typeof AvatarInner>\n\nexport const Icon = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & AvatarIconProps\n>(function Icon({ icon, ...props }, ref) {\n  return (\n    <StyledIconContainer ref={ref} {...props}>\n      {icon}\n    </StyledIconContainer>\n  )\n})\n\nexport const Label = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & AvatarLabelProps\n>(function Label({ children, ...props }, ref) {\n  // Breaking change: Option to make aria-hidden since parent requires a label.\n  // Can add in major once labelling is enforced\n  return (\n    <StyledLabelContainer ref={ref} {...props}>\n      {children}\n    </StyledLabelContainer>\n  )\n})\n\nexport const Portrait = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & AvatarPortraitProps\n>(function Portrait({ imageUrl, ...props }, ref) {\n  return (\n    <StyledPortraitContainer ref={ref} $imageUrl={imageUrl} {...props}>\n      <StyledAvatarOverlay />\n    </StyledPortraitContainer>\n  )\n})\n\n// @ts-ignore\nAvatar_.displayName = 'Avatar'\n\nIcon.displayName = 'Avatar.Icon'\n\nLabel.displayName = 'Avatar.Label'\n\nPortrait.displayName = 'Avatar.Portrait'\n\n// @ts-ignore\nNextAvatar_.displayName = 'Avatar'\n\n/**\n\n We use avatars to visually represent our users, places, and things in the app.\n These can be in the form of rich media or representative illustrations.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-avatar--demo)\n\n @see [Design Guidelines](https://design.procore.com/avatar)\n\n @a11y Avatar's need a `aria-label` and can be enhanced with `role` for interaction. If decorative only, add `aria-hidden`. The inaccessible `clickable` prop is for UI only\n\n */\nexport const NextAvatar = addSubcomponents(\n  {\n    Icon,\n    Label,\n    Portrait,\n  },\n  NextAvatar_\n)\n\n/**\n\n We use avatars to visually represent our users, places, and things in the app.\n These can be in the form of rich media or representative illustrations.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-avatar--demo)\n\n @see [Design Guidelines](https://design.procore.com/avatar)\n\n @a11y Avatar's need a `aria-label` and can be enhanced with `role` for interaction. If decorative only, add `aria-hidden`. The inaccessible `clickable` prop is for UI only\n\n */\nexport const Avatar = addSubcomponents(\n  {\n    Icon,\n    Label,\n    Portrait,\n  },\n  Avatar_\n)\n"],"mappings":"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","ignoreList":[]}

package/dist/Avatar/Avatar.styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { BaseAvatarProps } from './Avatar.types';
 interface StyledAvatarProps {
     $clickable: BaseAvatarProps['clickable'];

package/dist/Avatar/Avatar.styles.js

@@ -28,26 +28,26 @@ var iconSize = {
 };
 export var StyledAvatarOverlay = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAvatarOverlay",
-  componentId: "core-12_52_0__sc-7q2ydl-0"
+  componentId: "core-12_53_1__sc-7q2ydl-0"
 })(["width:100%;height:100%;position:absolute;top:0;left:0;border-radius:100%;opacity:0;"]);
 export var StyledIconContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledIconContainer",
-  componentId: "core-12_52_0__sc-7q2ydl-1"
+  componentId: "core-12_53_1__sc-7q2ydl-1"
 })(["display:inline-flex;"]);
 export var StyledLabelContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledLabelContainer",
-  componentId: "core-12_52_0__sc-7q2ydl-2"
+  componentId: "core-12_53_1__sc-7q2ydl-2"
 })(["text-transform:uppercase;"]);
 export var StyledPortraitContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPortraitContainer",
-  componentId: "core-12_52_0__sc-7q2ydl-3"
+  componentId: "core-12_53_1__sc-7q2ydl-3"
 })(["background-color:", ";background-position:center;background-repeat:no-repeat;background-size:cover;height:100%;width:100%;", ""], colors.white, function (_ref) {
   var $imageUrl = _ref.$imageUrl;
   return css(["background-image:url(", ");"], $imageUrl);
 });
 export var StyledAvatarContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAvatarContainer",
-  componentId: "core-12_52_0__sc-7q2ydl-4"
+  componentId: "core-12_53_1__sc-7q2ydl-4"
 })(["display:inline-flex;justify-content:center;align-items:center;border-radius:100%;overflow:hidden;position:relative;cursor:default;color:", ";background-color:", ";text-decoration:none;a:has(> &){text-decoration:none;}&:focus{", "}a:focus:has(> &){", " border-radius:100%;}", " ", ";"], colors.white, colors.gray30, getGapOutlineFocus('outside'), getGapOutlineFocus('outside'), function (_ref2) {
   var _ref2$$size = _ref2.$size,
     $size = _ref2$$size === void 0 ? 'md' : _ref2$$size;

package/dist/Avatar/Avatar.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.styles.js","names":["styled","css","colors","getGapOutlineFocus","activeOverlayOpacity","containerSize","xl","lg","md","sm","fontSize","fontWeights","iconSize","StyledAvatarOverlay","div","withConfig","displayName","componentId","StyledIconContainer","StyledLabelContainer","StyledPortraitContainer","white","_ref","$imageUrl","StyledAvatarContainer","gray30","_ref2","_ref2$$size","$size","_ref3","$disabled","$clickable","black","gray85"],"sources":["../../src/Avatar/Avatar.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { colors } from '../_styles/colors'\nimport { getGapOutlineFocus } from '../_styles/mixins'\nimport type { BaseAvatarProps } from './Avatar.types'\n\ninterface StyledAvatarProps {\n  $clickable: BaseAvatarProps['clickable']\n  $disabled: BaseAvatarProps['disabled']\n  $size: BaseAvatarProps['size']\n}\n\nconst activeOverlayOpacity = 0.3\n\nconst containerSize = { xl: 96, lg: 40, md: 32, sm: 24 } as const\n\nconst fontSize = { xl: 40, lg: 14, md: 14, sm: 12 } as const\n\nconst fontWeights = { xl: 700, lg: 600, md: 600, sm: 600 } as const\n\nconst iconSize = { xl: 48, lg: 24, md: 16, sm: 16 } as const\n\nexport const StyledAvatarOverlay = styled.div`\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  border-radius: 100%;\n  opacity: 0;\n`\n\nexport const StyledIconContainer = styled.div`\n  display: inline-flex;\n`\n\nexport const StyledLabelContainer = styled.div`\n  text-transform: uppercase;\n`\n\nexport const StyledPortraitContainer = styled.div<{ $imageUrl: string }>`\n  background-color: ${colors.white};\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: cover;\n  height: 100%;\n  width: 100%;\n  ${({ $imageUrl }) =>\n    css`\n      background-image: url(${$imageUrl});\n    `}\n`\n\nexport const StyledAvatarContainer = styled.div<StyledAvatarProps>`\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 100%;\n  overflow: hidden;\n  position: relative;\n  cursor: default;\n  color: ${colors.white};\n  background-color: ${colors.gray30};\n  text-decoration: none;\n\n  a:has(> &) {\n    text-decoration: none;\n  }\n\n  &:focus {\n    ${getGapOutlineFocus('outside')}\n  }\n  // For safety, separate rule block with 'has' for supported browsers\n  // this supports any anchor directly wrapping an Avatar.\n  // 'outline' works better on display inline-block and inline-flex,\n  // elements, unfortunately anchors and inline by default.\n  a:focus:has(> &) {\n    ${getGapOutlineFocus('outside')}\n    border-radius: 100%;\n  }\n\n  ${({ $size = 'md' }) => css`\n    font-size: ${fontSize[$size]}px;\n    font-weight: ${fontWeights[$size]};\n    height: ${containerSize[$size]}px;\n    width: ${containerSize[$size]}px;\n    min-height: ${containerSize[$size]}px;\n    min-width: ${containerSize[$size]}px;\n\n    ${StyledIconContainer} {\n      svg {\n        height: ${iconSize[$size]}px;\n        width: ${iconSize[$size]}px;\n      }\n    }\n  `}\n\n  ${({ $disabled, $clickable }) => {\n    if (!$disabled && $clickable) {\n      return css`\n        cursor: pointer;\n\n        &:hover {\n          ${StyledAvatarOverlay} {\n            opacity: ${activeOverlayOpacity};\n          }\n        }\n\n        ${StyledAvatarOverlay} {\n          background-color: ${colors.black};\n        }\n      `\n    }\n\n    if ($disabled && !$clickable) {\n      return css`\n        background-color: ${colors.gray85};\n\n        ${StyledAvatarOverlay} {\n          background-color: ${colors.white};\n          opacity: ${activeOverlayOpacity};\n        }\n      `\n    }\n\n    if ($disabled && $clickable) {\n      return css`\n        cursor: pointer;\n        background-color: ${colors.gray85};\n\n        &:hover {\n          ${StyledAvatarOverlay} {\n            background-color: ${colors.black};\n            opacity: ${activeOverlayOpacity};\n          }\n        }\n\n        ${StyledAvatarOverlay} {\n          background-color: ${colors.white};\n          opacity: ${activeOverlayOpacity};\n        }\n      `\n    }\n  }};\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,kBAAkB,QAAQ,mBAAmB;AAStD,IAAMC,oBAAoB,GAAG,GAAG;AAEhC,IAAMC,aAAa,GAAG;EAAEC,EAAE,EAAE,EAAE;EAAEC,EAAE,EAAE,EAAE;EAAEC,EAAE,EAAE,EAAE;EAAEC,EAAE,EAAE;AAAG,CAAU;AAEjE,IAAMC,QAAQ,GAAG;EAAEJ,EAAE,EAAE,EAAE;EAAEC,EAAE,EAAE,EAAE;EAAEC,EAAE,EAAE,EAAE;EAAEC,EAAE,EAAE;AAAG,CAAU;AAE5D,IAAME,WAAW,GAAG;EAAEL,EAAE,EAAE,GAAG;EAAEC,EAAE,EAAE,GAAG;EAAEC,EAAE,EAAE,GAAG;EAAEC,EAAE,EAAE;AAAI,CAAU;AAEnE,IAAMG,QAAQ,GAAG;EAAEN,EAAE,EAAE,EAAE;EAAEC,EAAE,EAAE,EAAE;EAAEC,EAAE,EAAE,EAAE;EAAEC,EAAE,EAAE;AAAG,CAAU;AAE5D,OAAO,IAAMI,mBAAmB,gBAAGb,MAAM,CAACc,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2FAQ5C;AAED,OAAO,IAAMC,mBAAmB,gBAAGlB,MAAM,CAACc,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4BAE5C;AAED,OAAO,IAAME,oBAAoB,gBAAGnB,MAAM,CAACc,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iCAE7C;AAED,OAAO,IAAMG,uBAAuB,gBAAGpB,MAAM,CAACc,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uIAC3Bf,MAAM,CAACmB,KAAK,EAM9B,UAAAC,IAAA;EAAA,IAAGC,SAAS,GAAAD,IAAA,CAATC,SAAS;EAAA,OACZtB,GAAG,kCACuBsB,SAAS;AAAA,CAClC,CACJ;AAED,OAAO,IAAMC,qBAAqB,gBAAGxB,MAAM,CAACc,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mSAQpCf,MAAM,CAACmB,KAAK,EACDnB,MAAM,CAACuB,MAAM,EAQ7BtB,kBAAkB,CAAC,SAAS,CAAC,EAO7BA,kBAAkB,CAAC,SAAS,CAAC,EAI/B,UAAAuB,KAAA;EAAA,IAAAC,WAAA,GAAAD,KAAA,CAAGE,KAAK;IAALA,KAAK,GAAAD,WAAA,cAAG,IAAI,GAAAA,WAAA;EAAA,OAAO1B,GAAG,6IACZS,QAAQ,CAACkB,KAAK,CAAC,EACbjB,WAAW,CAACiB,KAAK,CAAC,EACvBvB,aAAa,CAACuB,KAAK,CAAC,EACrBvB,aAAa,CAACuB,KAAK,CAAC,EACfvB,aAAa,CAACuB,KAAK,CAAC,EACrBvB,aAAa,CAACuB,KAAK,CAAC,EAE/BV,mBAAmB,EAEPN,QAAQ,CAACgB,KAAK,CAAC,EAChBhB,QAAQ,CAACgB,KAAK,CAAC;AAAA,CAG7B,EAEC,UAAAC,KAAA,EAA+B;EAAA,IAA5BC,SAAS,GAAAD,KAAA,CAATC,SAAS;IAAEC,UAAU,GAAAF,KAAA,CAAVE,UAAU;EACxB,IAAI,CAACD,SAAS,IAAIC,UAAU,EAAE;IAC5B,OAAO9B,GAAG,8EAIJY,mBAAmB,EACRT,oBAAoB,EAIjCS,mBAAmB,EACCX,MAAM,CAAC8B,KAAK;EAGtC;EAEA,IAAIF,SAAS,IAAI,CAACC,UAAU,EAAE;IAC5B,OAAO9B,GAAG,sEACYC,MAAM,CAAC+B,MAAM,EAE/BpB,mBAAmB,EACCX,MAAM,CAACmB,KAAK,EACrBjB,oBAAoB;EAGrC;EAEA,IAAI0B,SAAS,IAAIC,UAAU,EAAE;IAC3B,OAAO9B,GAAG,uIAEYC,MAAM,CAAC+B,MAAM,EAG7BpB,mBAAmB,EACCX,MAAM,CAAC8B,KAAK,EACrB5B,oBAAoB,EAIjCS,mBAAmB,EACCX,MAAM,CAACmB,KAAK,EACrBjB,oBAAoB;EAGrC;AACF,CAAC,CACF"}
+{"version":3,"file":"Avatar.styles.js","names":["styled","css","colors","getGapOutlineFocus","activeOverlayOpacity","containerSize","xl","lg","md","sm","fontSize","fontWeights","iconSize","StyledAvatarOverlay","div","withConfig","displayName","componentId","StyledIconContainer","StyledLabelContainer","StyledPortraitContainer","white","_ref","$imageUrl","StyledAvatarContainer","gray30","_ref2","_ref2$$size","$size","_ref3","$disabled","$clickable","black","gray85"],"sources":["../../src/Avatar/Avatar.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { colors } from '../_styles/colors'\nimport { getGapOutlineFocus } from '../_styles/mixins'\nimport type { BaseAvatarProps } from './Avatar.types'\n\ninterface StyledAvatarProps {\n  $clickable: BaseAvatarProps['clickable']\n  $disabled: BaseAvatarProps['disabled']\n  $size: BaseAvatarProps['size']\n}\n\nconst activeOverlayOpacity = 0.3\n\nconst containerSize = { xl: 96, lg: 40, md: 32, sm: 24 } as const\n\nconst fontSize = { xl: 40, lg: 14, md: 14, sm: 12 } as const\n\nconst fontWeights = { xl: 700, lg: 600, md: 600, sm: 600 } as const\n\nconst iconSize = { xl: 48, lg: 24, md: 16, sm: 16 } as const\n\nexport const StyledAvatarOverlay = styled.div`\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  border-radius: 100%;\n  opacity: 0;\n`\n\nexport const StyledIconContainer = styled.div`\n  display: inline-flex;\n`\n\nexport const StyledLabelContainer = styled.div`\n  text-transform: uppercase;\n`\n\nexport const StyledPortraitContainer = styled.div<{ $imageUrl: string }>`\n  background-color: ${colors.white};\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: cover;\n  height: 100%;\n  width: 100%;\n  ${({ $imageUrl }) =>\n    css`\n      background-image: url(${$imageUrl});\n    `}\n`\n\nexport const StyledAvatarContainer = styled.div<StyledAvatarProps>`\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 100%;\n  overflow: hidden;\n  position: relative;\n  cursor: default;\n  color: ${colors.white};\n  background-color: ${colors.gray30};\n  text-decoration: none;\n\n  a:has(> &) {\n    text-decoration: none;\n  }\n\n  &:focus {\n    ${getGapOutlineFocus('outside')}\n  }\n  // For safety, separate rule block with 'has' for supported browsers\n  // this supports any anchor directly wrapping an Avatar.\n  // 'outline' works better on display inline-block and inline-flex,\n  // elements, unfortunately anchors and inline by default.\n  a:focus:has(> &) {\n    ${getGapOutlineFocus('outside')}\n    border-radius: 100%;\n  }\n\n  ${({ $size = 'md' }) => css`\n    font-size: ${fontSize[$size]}px;\n    font-weight: ${fontWeights[$size]};\n    height: ${containerSize[$size]}px;\n    width: ${containerSize[$size]}px;\n    min-height: ${containerSize[$size]}px;\n    min-width: ${containerSize[$size]}px;\n\n    ${StyledIconContainer} {\n      svg {\n        height: ${iconSize[$size]}px;\n        width: ${iconSize[$size]}px;\n      }\n    }\n  `}\n\n  ${({ $disabled, $clickable }) => {\n    if (!$disabled && $clickable) {\n      return css`\n        cursor: pointer;\n\n        &:hover {\n          ${StyledAvatarOverlay} {\n            opacity: ${activeOverlayOpacity};\n          }\n        }\n\n        ${StyledAvatarOverlay} {\n          background-color: ${colors.black};\n        }\n      `\n    }\n\n    if ($disabled && !$clickable) {\n      return css`\n        background-color: ${colors.gray85};\n\n        ${StyledAvatarOverlay} {\n          background-color: ${colors.white};\n          opacity: ${activeOverlayOpacity};\n        }\n      `\n    }\n\n    if ($disabled && $clickable) {\n      return css`\n        cursor: pointer;\n        background-color: ${colors.gray85};\n\n        &:hover {\n          ${StyledAvatarOverlay} {\n            background-color: ${colors.black};\n            opacity: ${activeOverlayOpacity};\n          }\n        }\n\n        ${StyledAvatarOverlay} {\n          background-color: ${colors.white};\n          opacity: ${activeOverlayOpacity};\n        }\n      `\n    }\n  }};\n`\n"],"mappings":"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","ignoreList":[]}

package/dist/Avatar/Avatar.types.d.ts

@@ -2,15 +2,15 @@ import type { AriaButtonProps } from '@react-aria/button';
 import type React from 'react';
 import type { Polymorphic } from '../_utils/polymorphic';
 import type { AriaLabelled, Props, Size } from '../_utils/types';
-export declare type AvatarSize = Extract<Size, 'sm' | 'md' | 'lg' | 'xl'>;
-export declare type AvatarRoleType = 'link' | 'button' | 'img';
+export type AvatarSize = Extract<Size, 'sm' | 'md' | 'lg' | 'xl'>;
+export type AvatarRoleType = 'link' | 'button' | 'img';
 export interface AvatarPolyMap extends Record<AvatarRoleType, React.ElementType> {
     button: 'div';
     img: 'div';
     link: 'a';
 }
-export declare type AvatarRoles = AvatarRoleType | undefined;
-export declare type AvatarRef<Role extends AvatarRoles = undefined> = Role extends AvatarRoleType ? Polymorphic.Ref<AvatarPolyMap, Role> : React.ComponentPropsWithRef<'div'>['ref'];
+export type AvatarRoles = AvatarRoleType | undefined;
+export type AvatarRef<Role extends AvatarRoles = undefined> = Role extends AvatarRoleType ? Polymorphic.Ref<AvatarPolyMap, Role> : React.ComponentPropsWithRef<'div'>['ref'];
 export interface BaseAvatarProps extends Props {
     /**
      * Sets the Avatar's clickable UI state. For accessibility, see `role`
@@ -50,11 +50,11 @@ export interface BaseAvatarProps extends Props {
      */
     size?: AvatarSize;
 }
-declare type DecorativeAvatarProps<Role extends AvatarRoles = undefined> = {
+type DecorativeAvatarProps<Role extends AvatarRoles = undefined> = {
     'aria-hidden': true;
     role?: Role;
 } & BaseAvatarProps;
-export declare type AvatarProps<Role extends AvatarRoles = undefined> = Role extends 'link' ? Polymorphic.ComponentPropsWithRef<AvatarPolyMap, 'link', 'href', AriaLabelled<BaseAvatarProps>> : Role extends 'button' ? Polymorphic.ComponentPropsWithRef<AvatarPolyMap, 'button', never, AriaLabelled<{
+export type AvatarProps<Role extends AvatarRoles = undefined> = Role extends 'link' ? Polymorphic.ComponentPropsWithRef<AvatarPolyMap, 'link', 'href', AriaLabelled<BaseAvatarProps>> : Role extends 'button' ? Polymorphic.ComponentPropsWithRef<AvatarPolyMap, 'button', never, AriaLabelled<{
     onPress: AriaButtonProps['onPress'];
 } & BaseAvatarProps>> : Role extends 'img' ? Polymorphic.ComponentPropsWithRef<AvatarPolyMap, 'img', never, AriaLabelled<BaseAvatarProps>> : DecorativeAvatarProps & {
     ref?: AvatarRef<undefined>;

package/dist/Avatar/Avatar.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.types.js","names":[],"sources":["../../src/Avatar/Avatar.types.ts"],"sourcesContent":["import type { AriaButtonProps } from '@react-aria/button'\nimport type React from 'react'\nimport type { Polymorphic } from '../_utils/polymorphic'\nimport type { AriaLabelled, Props, Size } from '../_utils/types'\n\nexport type AvatarSize = Extract<Size, 'sm' | 'md' | 'lg' | 'xl'>\n\nexport type AvatarRoleType = 'link' | 'button' | 'img'\n\nexport interface AvatarPolyMap\n  extends Record<AvatarRoleType, React.ElementType> {\n  button: 'div'\n  img: 'div'\n  link: 'a'\n}\n\n// Add undefined for aria-hidden\nexport type AvatarRoles = AvatarRoleType | undefined\n\nexport type AvatarRef<Role extends AvatarRoles = undefined> =\n  Role extends AvatarRoleType\n    ? Polymorphic.Ref<AvatarPolyMap, Role>\n    : React.ComponentPropsWithRef<'div'>['ref']\n\nexport interface BaseAvatarProps extends Props {\n  /**\n   * Sets the Avatar's clickable UI state. For accessibility, see `role`\n   * @ally This prop is around UI and has 0 UX or JS for interaction, try `role` instead.\n   * @defaultValue false\n   * @deprecated Reviewing for removal from system, prefer accessible `role=\"link\"` or `role=\"button\"` for interactive UI.\n   * @deprecatedSince TBD\n   * @since 10.19.0\n   */\n  clickable?: boolean\n  /**\n   * Sets the Avatar's disabled state\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean\n  /**\n   * Sets the Avatar's size\n   *\n   * @defaultValue md\n   *\n   * @deprecated\n   *\n   * Size \"xl\" been deprecated and will be removed in a future version.\n   * Please use \"lg\" instead of \"xl\".\n   *\n   * **Before**\n   *\n   * `<Avatar size=\"xl\" />`\n   *\n   * **After**\n   *\n   * `<Avatar size=\"lg\" />`\n   *\n   * @deprecatedSince 10.20.0\n   * @since 10.19.0\n   */\n  size?: AvatarSize\n}\n\ntype DecorativeAvatarProps<Role extends AvatarRoles = undefined> = {\n  'aria-hidden': true\n  role?: Role\n} & BaseAvatarProps\n\nexport type AvatarProps<Role extends AvatarRoles = undefined> =\n  Role extends 'link'\n    ? Polymorphic.ComponentPropsWithRef<\n        AvatarPolyMap,\n        'link',\n        'href',\n        AriaLabelled<BaseAvatarProps>\n      >\n    : Role extends 'button'\n    ? Polymorphic.ComponentPropsWithRef<\n        AvatarPolyMap,\n        'button',\n        never,\n        AriaLabelled<{ onPress: AriaButtonProps['onPress'] } & BaseAvatarProps>\n      >\n    : Role extends 'img'\n    ? Polymorphic.ComponentPropsWithRef<\n        AvatarPolyMap,\n        'img',\n        never,\n        AriaLabelled<BaseAvatarProps>\n      >\n    : DecorativeAvatarProps & { ref?: AvatarRef<undefined> }\n\nexport interface AvatarIconProps extends Props {\n  /**\n   * The icon to display\n   *\n   * @since 10.19.0\n   */\n  icon: React.ReactNode\n}\n\nexport interface AvatarPortraitProps extends Props {\n  /**\n   * The Avatar rich media url\n   * @since 10.19.0\n   */\n  imageUrl: string\n}\n\nexport interface AvatarLabelProps extends Props {}\n"],"mappings":""}
+{"version":3,"file":"Avatar.types.js","names":[],"sources":["../../src/Avatar/Avatar.types.ts"],"sourcesContent":["import type { AriaButtonProps } from '@react-aria/button'\nimport type React from 'react'\nimport type { Polymorphic } from '../_utils/polymorphic'\nimport type { AriaLabelled, Props, Size } from '../_utils/types'\n\nexport type AvatarSize = Extract<Size, 'sm' | 'md' | 'lg' | 'xl'>\n\nexport type AvatarRoleType = 'link' | 'button' | 'img'\n\nexport interface AvatarPolyMap\n  extends Record<AvatarRoleType, React.ElementType> {\n  button: 'div'\n  img: 'div'\n  link: 'a'\n}\n\n// Add undefined for aria-hidden\nexport type AvatarRoles = AvatarRoleType | undefined\n\nexport type AvatarRef<Role extends AvatarRoles = undefined> =\n  Role extends AvatarRoleType\n    ? Polymorphic.Ref<AvatarPolyMap, Role>\n    : React.ComponentPropsWithRef<'div'>['ref']\n\nexport interface BaseAvatarProps extends Props {\n  /**\n   * Sets the Avatar's clickable UI state. For accessibility, see `role`\n   * @ally This prop is around UI and has 0 UX or JS for interaction, try `role` instead.\n   * @defaultValue false\n   * @deprecated Reviewing for removal from system, prefer accessible `role=\"link\"` or `role=\"button\"` for interactive UI.\n   * @deprecatedSince TBD\n   * @since 10.19.0\n   */\n  clickable?: boolean\n  /**\n   * Sets the Avatar's disabled state\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean\n  /**\n   * Sets the Avatar's size\n   *\n   * @defaultValue md\n   *\n   * @deprecated\n   *\n   * Size \"xl\" been deprecated and will be removed in a future version.\n   * Please use \"lg\" instead of \"xl\".\n   *\n   * **Before**\n   *\n   * `<Avatar size=\"xl\" />`\n   *\n   * **After**\n   *\n   * `<Avatar size=\"lg\" />`\n   *\n   * @deprecatedSince 10.20.0\n   * @since 10.19.0\n   */\n  size?: AvatarSize\n}\n\ntype DecorativeAvatarProps<Role extends AvatarRoles = undefined> = {\n  'aria-hidden': true\n  role?: Role\n} & BaseAvatarProps\n\nexport type AvatarProps<Role extends AvatarRoles = undefined> =\n  Role extends 'link'\n    ? Polymorphic.ComponentPropsWithRef<\n        AvatarPolyMap,\n        'link',\n        'href',\n        AriaLabelled<BaseAvatarProps>\n      >\n    : Role extends 'button'\n    ? Polymorphic.ComponentPropsWithRef<\n        AvatarPolyMap,\n        'button',\n        never,\n        AriaLabelled<{ onPress: AriaButtonProps['onPress'] } & BaseAvatarProps>\n      >\n    : Role extends 'img'\n    ? Polymorphic.ComponentPropsWithRef<\n        AvatarPolyMap,\n        'img',\n        never,\n        AriaLabelled<BaseAvatarProps>\n      >\n    : DecorativeAvatarProps & { ref?: AvatarRef<undefined> }\n\nexport interface AvatarIconProps extends Props {\n  /**\n   * The icon to display\n   *\n   * @since 10.19.0\n   */\n  icon: React.ReactNode\n}\n\nexport interface AvatarPortraitProps extends Props {\n  /**\n   * The Avatar rich media url\n   * @since 10.19.0\n   */\n  imageUrl: string\n}\n\nexport interface AvatarLabelProps extends Props {}\n"],"mappings":"","ignoreList":[]}

package/dist/Avatar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Avatar"],"sources":["../../src/Avatar/index.ts"],"sourcesContent":["export { Avatar } from './Avatar'\nexport type {\n  AvatarIconProps,\n  AvatarPortraitProps,\n  AvatarProps,\n} from './Avatar.types'\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,UAAU"}
+{"version":3,"file":"index.js","names":["Avatar"],"sources":["../../src/Avatar/index.ts"],"sourcesContent":["export { Avatar } from './Avatar'\nexport type {\n  AvatarIconProps,\n  AvatarPortraitProps,\n  AvatarProps,\n} from './Avatar.types'\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,UAAU","ignoreList":[]}

package/dist/AvatarStack/AvatarStack.constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarStack.constants.js","names":["visibleItemsCap","foldedItemsCap","restCountThreshold","colorsOrder"],"sources":["../../src/AvatarStack/AvatarStack.constants.ts"],"sourcesContent":["import type { Color } from '../_styles/colors'\n\nexport const visibleItemsCap = 5\n\nexport const foldedItemsCap = 4\n\nexport const restCountThreshold = 99\n\nexport const colorsOrder: Color[] = ['blue40', 'purple40', 'orange40', 'gray40']\n"],"mappings":"AAEA,OAAO,IAAMA,eAAe,GAAG,CAAC;AAEhC,OAAO,IAAMC,cAAc,GAAG,CAAC;AAE/B,OAAO,IAAMC,kBAAkB,GAAG,EAAE;AAEpC,OAAO,IAAMC,WAAoB,GAAG,CAAC,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,CAAC"}
+{"version":3,"file":"AvatarStack.constants.js","names":["visibleItemsCap","foldedItemsCap","restCountThreshold","colorsOrder"],"sources":["../../src/AvatarStack/AvatarStack.constants.ts"],"sourcesContent":["import type { Color } from '../_styles/colors'\n\nexport const visibleItemsCap = 5\n\nexport const foldedItemsCap = 4\n\nexport const restCountThreshold = 99\n\nexport const colorsOrder: Color[] = ['blue40', 'purple40', 'orange40', 'gray40']\n"],"mappings":"AAEA,OAAO,IAAMA,eAAe,GAAG,CAAC;AAEhC,OAAO,IAAMC,cAAc,GAAG,CAAC;AAE/B,OAAO,IAAMC,kBAAkB,GAAG,EAAE;AAEpC,OAAO,IAAMC,WAAoB,GAAG,CAAC,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,CAAC","ignoreList":[]}

package/dist/AvatarStack/AvatarStack.d.ts

@@ -42,6 +42,6 @@ declare const _AvatarStack: <Item extends AvatarStackItem>({ items: _items, titl
  @see [Design Guidelines](https://design.procore.com/avatar-stack)
  */
 export declare const AvatarStack: <Item extends AvatarStackItem>(props: AvatarStackProps<Item> & {
-    ref?: React.ForwardedRef<HTMLDivElement> | undefined;
+    ref?: React.ForwardedRef<HTMLDivElement>;
 }) => ReturnType<typeof _AvatarStack>;
 export {};

package/dist/AvatarStack/AvatarStack.js

@@ -161,7 +161,7 @@ function AvatarWithPopover(_ref4) {
     }),
     triggerRef = _useAvatarPopover.triggerRef,
     popoverContentRef = _useAvatarPopover.popoverContentRef,
-    _beforeShow = _useAvatarPopover.beforeShow,
+    beforeShow = _useAvatarPopover.beforeShow,
     beforeHide = _useAvatarPopover.beforeHide,
     afterHide = _useAvatarPopover.afterHide;
   return /*#__PURE__*/React.createElement(OverlayTrigger, {
@@ -174,10 +174,7 @@ function AvatarWithPopover(_ref4) {
     arrow: true,
     trackAriaExpanded: true,
     placement: "top",
-    beforeShow: function beforeShow(e) {
-      if (item.inactive) return false;
-      return _beforeShow(e);
-    },
+    beforeShow: beforeShow,
     beforeHide: beforeHide,
     afterHide: afterHide,
     overlay: /*#__PURE__*/React.createElement(Popover.Content, {
@@ -193,14 +190,17 @@ function AvatarWithPopover(_ref4) {
       linkUrl: item.linkUrl,
       description: item.description
     }))
-  }, /*#__PURE__*/React.createElement(StyledAvatar, {
+  }, /*#__PURE__*/React.createElement(StyledAvatar, _extends({
     ref: triggerRef,
     role: "button",
     $color: colors.get(item.id),
     "aria-label": "".concat(item.name, ", ").concat(item.description),
-    disabled: item.inactive,
+    disabled: item.inactive
+  }, item.inactive ? {
+    tabIndex: 0
+  } : {}, {
     size: size
-  }, /*#__PURE__*/React.createElement(AvatarContent, {
+  }), /*#__PURE__*/React.createElement(AvatarContent, {
     imageUrl: item.imageUrl,
     initials: item.initials,
     type: item.type,
@@ -347,7 +347,7 @@ var _AvatarStack = function _AvatarStack(_ref8, ref) {
     if (wasModalOpenRef.current && !isModalOpen) {
       var id = setTimeout(function () {
         var _viewMoreTriggerRef$c;
-        (_viewMoreTriggerRef$c = viewMoreTriggerRef.current) === null || _viewMoreTriggerRef$c === void 0 ? void 0 : _viewMoreTriggerRef$c.focus();
+        (_viewMoreTriggerRef$c = viewMoreTriggerRef.current) === null || _viewMoreTriggerRef$c === void 0 || _viewMoreTriggerRef$c.focus();
       }, MODAL_CLOSE_FOCUS_DELAY_MS);
       wasModalOpenRef.current = false;
       return function () {