@primer/react 38.2.0-rc.62ae6b6f4 → 38.2.0-rc.728b8cf16

package/dist/FilteredActionList/FilteredActionList.js

@@ -14,7 +14,6 @@ import { isValidElementType } from 'react-is';
 import { useAnnouncements } from './useAnnouncements.js';
 import { clsx } from 'clsx';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useFeatureFlag } from '../FeatureFlags/useFeatureFlag.js';
 import TextInput from '../TextInput/TextInput.js';
 import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden.js';
 import Checkbox from '../Checkbox/Checkbox.js';
@@ -43,6 +42,7 @@ function FilteredActionList({
   announcementsEnabled = true,
   fullScreenOnNarrow,
   onSelectAllChange,
+  _PrivateFocusManagement = 'active-descendant',
   ...listProps
 }) {
   const [filterValue, setInternalFilterValue] = useProvidedStateOrCreate(externalFilterValue, undefined, '');
@@ -55,7 +55,7 @@ function FilteredActionList({
   const listRef = useRef(null);
   const scrollContainerRef = useRef(null);
   const inputRef = useProvidedRefOrCreate(providedInputRef);
-  const usingRemoveActiveDescendant = useFeatureFlag('primer_react_select_panel_remove_active_descendant');
+  const usingRovingTabindex = _PrivateFocusManagement === 'roving-tabindex';
   const [listContainerElement, setListContainerElement] = useState(null);
   const activeDescendantRef = useRef();
   const listId = useId();
@@ -115,8 +115,6 @@ function FilteredActionList({
       activeDescendantRef.current.dispatchEvent(activeDescendantEvent);
     }
   }, [activeDescendantRef]);
-
-  // BEGIN: Todo remove when we remove usingRemoveActiveDescendant
   const listContainerRefCallback = useCallback(node => {
     setListContainerElement(node);
     onListContainerRefChanged === null || onListContainerRefChanged === void 0 ? void 0 : onListContainerRefChanged(node);
@@ -124,9 +122,7 @@ function FilteredActionList({
   useEffect(() => {
     onInputRefChanged === null || onInputRefChanged === void 0 ? void 0 : onInputRefChanged(inputRef);
   }, [inputRef, onInputRefChanged]);
-  //END: Todo remove when we remove usingRemoveActiveDescendant
-
-  useFocusZone(!usingRemoveActiveDescendant ? {
+  useFocusZone(!usingRovingTabindex ? {
     containerRef: {
       current: listContainerElement
     },
@@ -142,7 +138,7 @@ function FilteredActionList({
         scrollIntoView(current, scrollContainerRef.current, menuScrollMargins);
       }
     }
-  } : undefined, [listContainerElement, usingRemoveActiveDescendant]);
+  } : undefined, [listContainerElement, usingRovingTabindex]);
   useEffect(() => {
     if (activeDescendantRef.current && scrollContainerRef.current) {
       scrollIntoView(activeDescendantRef.current, scrollContainerRef.current, {
@@ -152,7 +148,7 @@ function FilteredActionList({
     }
   }, [items, inputRef]);
   useEffect(() => {
-    if (usingRemoveActiveDescendant) {
+    if (usingRovingTabindex) {
       const inputAndListContainerElement = inputAndListContainerRef.current;
       if (!inputAndListContainerElement) return;
       const list = listRef.current;
@@ -169,16 +165,16 @@ function FilteredActionList({
         inputAndListContainerElement.removeEventListener('focusin', handleFocusIn);
       };
     }
-  }, [items, inputRef, listContainerElement, usingRemoveActiveDescendant]); // Re-run when items change to update active indicators
+  }, [items, inputRef, listContainerElement, usingRovingTabindex]); // Re-run when items change to update active indicators
 
   useEffect(() => {
-    if (usingRemoveActiveDescendant && !loading) {
+    if (usingRovingTabindex && !loading) {
       setIsInputFocused(inputRef.current && inputRef.current === document.activeElement ? true : false);
     }
-  }, [loading, inputRef, usingRemoveActiveDescendant]);
-  useAnnouncements(items, usingRemoveActiveDescendant ? listRef : {
+  }, [loading, inputRef, usingRovingTabindex]);
+  useAnnouncements(items, usingRovingTabindex ? listRef : {
     current: listContainerElement
-  }, inputRef, announcementsEnabled, loading, messageText);
+  }, inputRef, announcementsEnabled, loading, messageText, _PrivateFocusManagement);
   useScrollFlash(scrollContainerRef);
   const handleSelectAllChange = useCallback(e_0 => {
     if (onSelectAllChange) {
@@ -197,7 +193,7 @@ function FilteredActionList({
     }
     let firstGroupIndex_0 = 0;
     const actionListContent = /*#__PURE__*/jsx(ActionList, {
-      ref: usingRemoveActiveDescendant ? listRef : listContainerRefCallback,
+      ref: usingRovingTabindex ? listRef : listContainerRefCallback,
       showDividers: showItemDividers,
       selectionVariant: selectionVariant,
       ...listProps,
@@ -245,7 +241,7 @@ function FilteredActionList({
     });
 
     // Use ActionListContainerContext.Provider only for the old behavior (when feature flag is disabled)
-    if (usingRemoveActiveDescendant) {
+    if (usingRovingTabindex) {
       return /*#__PURE__*/jsx(ActionListContainerContext.Provider, {
         value: {
           container: 'FilteredActionList',
@@ -278,7 +274,7 @@ function FilteredActionList({
         value: filterValue,
         onChange: onInputChange,
         onKeyPress: onInputKeyPress,
-        onKeyDown: usingRemoveActiveDescendant ? onInputKeyDown : () => {},
+        onKeyDown: usingRovingTabindex ? onInputKeyDown : () => {},
         placeholder: placeholderText,
         role: "combobox",
         "aria-expanded": "true",

package/dist/FilteredActionList/useAnnouncements.d.ts

@@ -2,5 +2,5 @@ import type { FilteredActionListProps } from './index';
 export declare const useAnnouncements: (items: FilteredActionListProps["items"], listContainerRef: React.RefObject<HTMLUListElement>, inputRef: React.RefObject<HTMLInputElement>, enabled?: boolean, loading?: boolean, message?: {
     title: string;
     description: string;
-}) => void;
+}, focusManagement?: "active-descendant" | "roving-tabindex") => void;
 //# sourceMappingURL=useAnnouncements.d.ts.map

package/dist/FilteredActionList/useAnnouncements.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAnnouncements.d.ts","sourceRoot":"","sources":["../../src/FilteredActionList/useAnnouncements.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,uBAAuB,EAAC,MAAM,SAAS,CAAA;AAsCpD,eAAO,MAAM,gBAAgB,GAC3B,OAAO,uBAAuB,CAAC,OAAO,CAAC,EACvC,kBAAkB,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EACnD,UAAU,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAC3C,UAAS,OAAc,EACvB,UAAS,OAAe,EACxB,UAAU;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAC,SA2G/C,CAAA"}
+{"version":3,"file":"useAnnouncements.d.ts","sourceRoot":"","sources":["../../src/FilteredActionList/useAnnouncements.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,uBAAuB,EAAC,MAAM,SAAS,CAAA;AAmCpD,eAAO,MAAM,gBAAgB,GAC3B,OAAO,uBAAuB,CAAC,OAAO,CAAC,EACvC,kBAAkB,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EACnD,UAAU,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAC3C,UAAS,OAAc,EACvB,UAAS,OAAe,EACxB,UAAU;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAC,EAC9C,kBAAkB,mBAAmB,GAAG,iBAAiB,SA4G1D,CAAA"}

package/dist/FilteredActionList/useAnnouncements.js

@@ -1,7 +1,6 @@
 import { c } from 'react-compiler-runtime';
 import { announce } from '@primer/live-region-element';
 import { useEffect, useRef } from 'react';
-import { useFeatureFlag } from '../FeatureFlags/useFeatureFlag.js';
 
 // we add a delay so that it does not interrupt default screen reader announcement and queues after it
 const delayMs = 500;
@@ -13,8 +12,6 @@ const useFirstRender = () => {
   // eslint-disable-next-line react-hooks/refs
   return firstRender.current;
 };
-
-//TODO remove this when we remove usingRemoveActiveDescendant
 const getItemWithActiveDescendant = (listRef, items) => {
   const listElement = listRef.current;
   const activeItemElement = listElement === null || listElement === void 0 ? void 0 : listElement.querySelector('[data-is-active-descendant]');
@@ -30,13 +27,11 @@ const getItemWithActiveDescendant = (listRef, items) => {
     selected
   };
 };
-//TODO remove this when we remove usingRemoveActiveDescendant
-
-const useAnnouncements = (items, listContainerRef, inputRef, t0, t1, message) => {
+const useAnnouncements = (items, listContainerRef, inputRef, t0, t1, message, focusManagement) => {
   const $ = c(33);
   const enabled = t0 === undefined ? true : t0;
   const loading = t1 === undefined ? false : t1;
-  const usingRemoveActiveDescendant = useFeatureFlag("primer_react_select_panel_remove_active_descendant");
+  const usingRovingTabindex = focusManagement === "roving-tabindex";
   let t2;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
     t2 = document.querySelector("live-region");
@@ -70,10 +65,10 @@ const useAnnouncements = (items, listContainerRef, inputRef, t0, t1, message) =>
   const announce$1 = t4;
   let t5;
   let t6;
-  if ($[5] !== announce$1 || $[6] !== inputRef || $[7] !== items || $[8] !== listContainerRef || $[9] !== selectedItems || $[10] !== usingRemoveActiveDescendant) {
+  if ($[5] !== announce$1 || $[6] !== inputRef || $[7] !== items || $[8] !== listContainerRef || $[9] !== selectedItems || $[10] !== usingRovingTabindex) {
     t5 = function announceInitialFocus() {
       const focusHandler = () => {
-        if (usingRemoveActiveDescendant) {
+        if (usingRovingTabindex) {
           const announcementText = `${items.length} item${items.length > 1 ? "s" : ""} available, ${selectedItems} selected.`;
           announce$1(announcementText, {
             delayMs,
@@ -102,13 +97,13 @@ const useAnnouncements = (items, listContainerRef, inputRef, t0, t1, message) =>
       inputElement === null || inputElement === void 0 ? void 0 : inputElement.addEventListener("focus", focusHandler);
       return () => inputElement === null || inputElement === void 0 ? void 0 : inputElement.removeEventListener("focus", focusHandler);
     };
-    t6 = [listContainerRef, inputRef, items, liveRegion, announce$1, usingRemoveActiveDescendant, selectedItems];
+    t6 = [listContainerRef, inputRef, items, liveRegion, announce$1, usingRovingTabindex, selectedItems];
     $[5] = announce$1;
     $[6] = inputRef;
     $[7] = items;
     $[8] = listContainerRef;
     $[9] = selectedItems;
-    $[10] = usingRemoveActiveDescendant;
+    $[10] = usingRovingTabindex;
     $[11] = t5;
     $[12] = t6;
   } else {
@@ -118,7 +113,7 @@ const useAnnouncements = (items, listContainerRef, inputRef, t0, t1, message) =>
   useEffect(t5, t6);
   const isFirstRender = useFirstRender();
   let t7;
-  if ($[13] !== announce$1 || $[14] !== isFirstRender || $[15] !== items || $[16] !== listContainerRef || $[17] !== loading || $[18] !== (message === null || message === void 0 ? void 0 : message.description) || $[19] !== (message === null || message === void 0 ? void 0 : message.title) || $[20] !== selectedItems || $[21] !== usingRemoveActiveDescendant) {
+  if ($[13] !== announce$1 || $[14] !== isFirstRender || $[15] !== items || $[16] !== listContainerRef || $[17] !== loading || $[18] !== (message === null || message === void 0 ? void 0 : message.description) || $[19] !== (message === null || message === void 0 ? void 0 : message.title) || $[20] !== selectedItems || $[21] !== usingRovingTabindex) {
     t7 = function announceListUpdates() {
       if (isFirstRender) {
         return;
@@ -130,7 +125,7 @@ const useAnnouncements = (items, listContainerRef, inputRef, t0, t1, message) =>
         });
         return;
       }
-      if (usingRemoveActiveDescendant) {
+      if (usingRovingTabindex) {
         const announcementText_1 = `${items.length} item${items.length > 1 ? "s" : ""} available, ${selectedItems} selected.`;
         announce$1(announcementText_1, {
           delayMs,
@@ -163,7 +158,7 @@ const useAnnouncements = (items, listContainerRef, inputRef, t0, t1, message) =>
     $[18] = message === null || message === void 0 ? void 0 : message.description;
     $[19] = message === null || message === void 0 ? void 0 : message.title;
     $[20] = selectedItems;
-    $[21] = usingRemoveActiveDescendant;
+    $[21] = usingRovingTabindex;
     $[22] = t7;
   } else {
     t7 = $[22];
@@ -171,8 +166,8 @@ const useAnnouncements = (items, listContainerRef, inputRef, t0, t1, message) =>
   const t8 = message === null || message === void 0 ? void 0 : message.title;
   const t9 = message === null || message === void 0 ? void 0 : message.description;
   let t10;
-  if ($[23] !== announce$1 || $[24] !== isFirstRender || $[25] !== items || $[26] !== listContainerRef || $[27] !== loading || $[28] !== selectedItems || $[29] !== t8 || $[30] !== t9 || $[31] !== usingRemoveActiveDescendant) {
-    t10 = [announce$1, isFirstRender, items, listContainerRef, liveRegion, usingRemoveActiveDescendant, t8, t9, loading, selectedItems];
+  if ($[23] !== announce$1 || $[24] !== isFirstRender || $[25] !== items || $[26] !== listContainerRef || $[27] !== loading || $[28] !== selectedItems || $[29] !== t8 || $[30] !== t9 || $[31] !== usingRovingTabindex) {
+    t10 = [announce$1, isFirstRender, items, listContainerRef, liveRegion, usingRovingTabindex, t8, t9, loading, selectedItems];
     $[23] = announce$1;
     $[24] = isFirstRender;
     $[25] = items;
@@ -181,7 +176,7 @@ const useAnnouncements = (items, listContainerRef, inputRef, t0, t1, message) =>
     $[28] = selectedItems;
     $[29] = t8;
     $[30] = t9;
-    $[31] = usingRemoveActiveDescendant;
+    $[31] = usingRovingTabindex;
     $[32] = t10;
   } else {
     t10 = $[32];

package/dist/Header/Header.js

@@ -163,9 +163,9 @@ const HeaderLink = /*#__PURE__*/React.forwardRef(function HeaderLink(t0, forward
   return t3;
 });
 HeaderLink.displayName = 'Header.Link';
-var Header$1 = Object.assign(Header, {
+var Header_default = Object.assign(Header, {
   Link: HeaderLink,
   Item: HeaderItem
 });
 
-export { Header$1 as default };
+export { Header_default as default };

package/dist/KeybindingHint/components/Chord.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chord.d.ts","sourceRoot":"","sources":["../../../src/KeybindingHint/components/Chord.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,UAAU,CAAA;AA+BjD,eAAO,MAAM,KAAK,GAAI,iCAAmE,mBAAmB,gCAqB3G,CAAA;AAED,2EAA2E;AAC3E,eAAO,MAAM,qBAAqB,GAAI,OAAO,MAAM,EAAE,SAAS,OAAO,WAGvD,CAAA"}
+{"version":3,"file":"Chord.d.ts","sourceRoot":"","sources":["../../../src/KeybindingHint/components/Chord.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,UAAU,CAAA;AA+BjD,eAAO,MAAM,KAAK,GAAI,iCAAmE,mBAAmB,gCAsB3G,CAAA;AAED,2EAA2E;AAC3E,eAAO,MAAM,qBAAqB,GAAI,OAAO,MAAM,EAAE,SAAS,OAAO,WAGvD,CAAA"}

package/dist/KeybindingHint/components/Chord.js

@@ -82,6 +82,7 @@ const Chord = t0 => {
   let t10;
   if ($[10] !== t8 || $[11] !== t9) {
     t10 = /*#__PURE__*/jsx(Text, {
+      "data-kbd-chord": true,
       className: t8,
       children: t9
     });

package/dist/NavList/NavList.d.ts

@@ -39,6 +39,7 @@ export type NavListGroupExpandProps = {
 export declare const GroupExpand: React.ForwardRefExoticComponent<NavListGroupExpandProps & React.RefAttributes<HTMLButtonElement>>;
 export type NavListGroupHeadingProps = ActionListGroupHeadingProps;
 export declare const NavList: React.ForwardRefExoticComponent<Omit<NavListProps, "ref"> & React.RefAttributes<HTMLElement>> & {
+    Description: import("../utils/types").FCWithSlotMarker<React.PropsWithChildren<import("..").ActionListDescriptionProps>>;
     Item: PolymorphicForwardRefComponent<"a", NavListItemProps>;
     SubNav: PolymorphicForwardRefComponent<"ul", NavListSubNavProps>;
     LeadingVisual: import("../utils/types").FCWithSlotMarker<React.PropsWithChildren<import("../ActionList/Visuals").VisualProps>>;

package/dist/NavList/NavList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavList.d.ts","sourceRoot":"","sources":["../../src/NavList/NavList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,IAAI,EAAC,MAAM,wBAAwB,CAAA;AAC3E,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAC/F,OAAO,KAAuB,MAAM,OAAO,CAAA;AAE3C,OAAO,KAAK,EACV,6BAA6B,EAC7B,sBAAsB,EACtB,4BAA4B,EAC5B,6BAA6B,EAC7B,2BAA2B,EAC5B,MAAM,eAAe,CAAA;AActB,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;AAqB/B,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAA;IAC5F,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAoHD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAkCD,MAAM,MAAM,yBAAyB,GAAG,4BAA4B,CAAA;AASpE,MAAM,MAAM,0BAA0B,GAAG,6BAA6B,CAAA;AAStE,MAAM,MAAM,mBAAmB,GAAG,sBAAsB,CAAA;AAQxD,MAAM,MAAM,0BAA0B,GAAG,6BAA6B,CAAA;AAStE,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,GAAG;IACpE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAqBD,KAAK,SAAS,GAAG;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,cAAc,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IAC9B,aAAa,CAAC,EAAE,IAAI,CAAA;IACpB,cAAc,CAAC,EAAE,6BAA6B,CAAA;IAC9C,0BAA0B,CAAC,EAAE,MAAM,CAAA;CACpC,GAAG,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAA;AAEtC,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,SAAS,EAAE,CAAA;IAClB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,KAAK,CAAC,SAAS,CAAA;CAClD,CAAA;AAED,eAAO,MAAM,WAAW,mGAgFvB,CAAA;AAKD,MAAM,MAAM,wBAAwB,GAAG,2BAA2B,CAAA;AAqBlE,eAAO,MAAM,OAAO;;;;;;;;;;CAUlB,CAAA"}
+{"version":3,"file":"NavList.d.ts","sourceRoot":"","sources":["../../src/NavList/NavList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,IAAI,EAAC,MAAM,wBAAwB,CAAA;AAC3E,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAC/F,OAAO,KAAuB,MAAM,OAAO,CAAA;AAE3C,OAAO,KAAK,EACV,6BAA6B,EAC7B,sBAAsB,EACtB,4BAA4B,EAC5B,6BAA6B,EAC7B,2BAA2B,EAC5B,MAAM,eAAe,CAAA;AActB,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;AAqB/B,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAA;IAC5F,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAoHD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAkCD,MAAM,MAAM,yBAAyB,GAAG,4BAA4B,CAAA;AASpE,MAAM,MAAM,0BAA0B,GAAG,6BAA6B,CAAA;AAStE,MAAM,MAAM,mBAAmB,GAAG,sBAAsB,CAAA;AAQxD,MAAM,MAAM,0BAA0B,GAAG,6BAA6B,CAAA;AAStE,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,GAAG;IACpE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAqBD,KAAK,SAAS,GAAG;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,cAAc,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IAC9B,aAAa,CAAC,EAAE,IAAI,CAAA;IACpB,cAAc,CAAC,EAAE,6BAA6B,CAAA;IAC9C,0BAA0B,CAAC,EAAE,MAAM,CAAA;CACpC,GAAG,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAA;AAEtC,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,SAAS,EAAE,CAAA;IAClB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,KAAK,CAAC,SAAS,CAAA;CAClD,CAAA;AAED,eAAO,MAAM,WAAW,mGAgFvB,CAAA;AAKD,MAAM,MAAM,wBAAwB,GAAG,2BAA2B,CAAA;AAqBlE,eAAO,MAAM,OAAO;;;;;;;;;;;CAWlB,CAAA"}

package/dist/NavList/NavList.js

@@ -685,6 +685,7 @@ const GroupHeading = t0 => {
 // Export
 
 const NavList = Object.assign(Root, {
+  Description: ActionList.Description,
   Item,
   SubNav,
   LeadingVisual,

package/dist/Overlay/Overlay-43cda449.css

@@ -0,0 +1,2 @@
+@keyframes prc-Overlay-overlay-appear-DGY3B{0%{opacity:0}to{opacity:1}}.prc-Overlay-Overlay-dVyJl{background-color:var(--overlay-bgColor,var(--color-canvas-overlay));border-radius:var(--borderRadius-large,.75rem);bottom:var(--bottom,auto);box-shadow:var(--shadow-floating-small,var(--color-overlay-shadow));height:auto;left:var(--left,auto);max-height:100vh;max-width:calc(100vw - 2rem);min-width:192px;overflow:hidden;position:absolute;right:var(--right,auto);top:var(--top,auto);width:auto}.prc-Overlay-Overlay-dVyJl:focus{outline:none}@media (forced-colors:active){.prc-Overlay-Overlay-dVyJl{outline:1px solid transparent}}.prc-Overlay-Overlay-dVyJl:where([data-reflow-container=true]){max-width:calc(100vw - 2rem)}.prc-Overlay-Overlay-dVyJl:where([data-overflow-auto]){overflow:auto}.prc-Overlay-Overlay-dVyJl:where([data-overflow-hidden]){overflow:hidden}.prc-Overlay-Overlay-dVyJl:where([data-overflow-scroll]){overflow:scroll}.prc-Overlay-Overlay-dVyJl:where([data-overflow-visible]){overflow:visible}.prc-Overlay-Overlay-dVyJl:where([data-height-xsmall]){height:192px}.prc-Overlay-Overlay-dVyJl:where([data-height-small]){height:256px}.prc-Overlay-Overlay-dVyJl:where([data-height-medium]){height:320px}.prc-Overlay-Overlay-dVyJl:where([data-height-large]){height:432px}.prc-Overlay-Overlay-dVyJl:where([data-height-xlarge]){height:600px}.prc-Overlay-Overlay-dVyJl:where([data-height-auto]),.prc-Overlay-Overlay-dVyJl:where([data-height-initial]){height:auto}.prc-Overlay-Overlay-dVyJl:where([data-height-fit-content]){height:-moz-fit-content;height:fit-content}.prc-Overlay-Overlay-dVyJl:where([data-max-height-xsmall]){max-height:192px}.prc-Overlay-Overlay-dVyJl:where([data-max-height-small]){max-height:256px}.prc-Overlay-Overlay-dVyJl:where([data-max-height-medium]){max-height:320px}.prc-Overlay-Overlay-dVyJl:where([data-max-height-large]){max-height:432px}.prc-Overlay-Overlay-dVyJl:where([data-max-height-xlarge]){max-height:600px}.prc-Overlay-Overlay-dVyJl:where([data-max-height-fit-content]){max-height:-moz-fit-content;max-height:fit-content}.prc-Overlay-Overlay-dVyJl:where([data-width-small]){width:256px}.prc-Overlay-Overlay-dVyJl:where([data-width-medium]){width:320px}.prc-Overlay-Overlay-dVyJl:where([data-width-large]){width:480px}.prc-Overlay-Overlay-dVyJl:where([data-width-xlarge]){width:640px}.prc-Overlay-Overlay-dVyJl:where([data-width-xxlarge]){width:960px}.prc-Overlay-Overlay-dVyJl:where([data-width-auto]){width:auto}.prc-Overlay-Overlay-dVyJl:where([data-max-width-small]){max-width:256px}.prc-Overlay-Overlay-dVyJl:where([data-max-width-medium]){max-width:320px}.prc-Overlay-Overlay-dVyJl:where([data-max-width-large]){max-width:480px}.prc-Overlay-Overlay-dVyJl:where([data-max-width-xlarge]){max-width:640px}.prc-Overlay-Overlay-dVyJl:where([data-max-width-xxlarge]){max-width:960px}.prc-Overlay-Overlay-dVyJl:where([data-visibility-visible]){visibility:visible}.prc-Overlay-Overlay-dVyJl:where([data-visibility-hidden]){visibility:hidden}@media screen and (max-width:calc(48rem - 0.02px)){.prc-Overlay-Overlay-dVyJl:where([data-responsive=fullscreen]){border-radius:unset;height:100vh;left:0;margin:0;max-height:none;max-width:none;position:fixed;top:0;width:100vw}}@supports (height:100dvh){.prc-Overlay-Overlay-dVyJl:where([data-variant=fullscreen]){height:100dvh}}@media (prefers-reduced-motion:no-preference){.prc-Overlay-Overlay-dVyJl{animation:prc-Overlay-overlay-appear-DGY3B .2s cubic-bezier(.33,1,.68,1)}}
+/*# sourceMappingURL=Overlay-43cda449.css.map */

package/dist/Overlay/Overlay-43cda449.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Overlay/Overlay.module.css"],"names":[],"mappings":"AAAA,4CACE,GACE,SACF,CAEA,GACE,SACF,CACF,CAEA,2BAQE,mEAAwC,CACxC,8CAAwC,CASxC,yBAA2B,CAR3B,mEAAwC,CALxC,WAAY,CASZ,qBAAuB,CARvB,gBAAiB,CAJjB,4BAA6B,CAE7B,eAAgB,CAGhB,eAAgB,CANhB,iBAAkB,CAelB,uBAAyB,CAJzB,mBAAqB,CATrB,UA8KF,CA7JE,iCACE,YACF,CAEA,8BAxBF,2BA0BI,6BAuJJ,CAtJE,CAEA,+DACE,4BACF,CAEA,uDACE,aACF,CAEA,yDACE,eACF,CAEA,yDACE,eACF,CAEA,0DACE,gBACF,CAEA,uDACE,YACF,CAEA,sDACE,YACF,CAEA,uDACE,YACF,CAEA,sDACE,YACF,CAEA,uDACE,YACF,CAEA,6GAEE,WACF,CAEA,4DACE,uBAAmB,CAAnB,kBACF,CAEA,2DACE,gBACF,CAEA,0DACE,gBACF,CAEA,2DACE,gBACF,CAEA,0DACE,gBACF,CAEA,2DACE,gBACF,CAEA,gEACE,2BAAuB,CAAvB,sBACF,CAEA,qDACE,WACF,CAEA,sDACE,WACF,CAEA,qDAEE,WACF,CAEA,sDAEE,WACF,CAEA,uDAEE,WACF,CAEA,oDACE,UACF,CAEA,yDACE,eACF,CAEA,0DACE,eACF,CAEA,yDACE,eACF,CAEA,0DACE,eACF,CAEA,2DACE,eACF,CAEA,4DACE,kBACF,CAEA,2DACE,iBACF,CAGE,mDADF,+DAUI,mBAAoB,CAHpB,YAAa,CAHb,MAAO,CAKP,QAAS,CADT,eAAgB,CAFhB,cAAe,CAJf,cAAe,CACf,KAAM,CAEN,WAOJ,CADE,CAGF,0BAEE,4DACE,aACF,CACF,CAGF,8CACE,2BACE,wEACF,CACF","file":"Overlay-43cda449.css","sourcesContent":["@keyframes overlay-appear {\n  0% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\n.Overlay {\n  position: absolute;\n  max-width: calc(100vw - 2rem);\n  width: auto;\n  min-width: 192px;\n  height: auto;\n  max-height: 100vh;\n  overflow: hidden;\n  background-color: var(--overlay-bgColor);\n  border-radius: var(--borderRadius-large);\n  box-shadow: var(--shadow-floating-small);\n  /* stylelint-disable-next-line primer/spacing */\n  top: var(--top, auto);\n  /* stylelint-disable-next-line primer/spacing */\n  left: var(--left, auto);\n  /* stylelint-disable-next-line primer/spacing */\n  right: var(--right, auto);\n  /* stylelint-disable-next-line primer/spacing */\n  bottom: var(--bottom, auto);\n\n  &:focus {\n    outline: none;\n  }\n\n  @media (forced-colors: active) {\n    /* Support for Windows high contrast https://sarahmhigley.com/writing/whcm-quick-tips */\n    outline: solid 1px transparent;\n  }\n\n  &:where([data-reflow-container='true']) {\n    max-width: calc(100vw - 2rem);\n  }\n\n  &:where([data-overflow-auto]) {\n    overflow: auto;\n  }\n\n  &:where([data-overflow-hidden]) {\n    overflow: hidden;\n  }\n\n  &:where([data-overflow-scroll]) {\n    overflow: scroll;\n  }\n\n  &:where([data-overflow-visible]) {\n    overflow: visible;\n  }\n\n  &:where([data-height-xsmall]) {\n    height: 192px;\n  }\n\n  &:where([data-height-small]) {\n    height: 256px;\n  }\n\n  &:where([data-height-medium]) {\n    height: 320px;\n  }\n\n  &:where([data-height-large]) {\n    height: 432px;\n  }\n\n  &:where([data-height-xlarge]) {\n    height: 600px;\n  }\n\n  &:where([data-height-auto]),\n  &:where([data-height-initial]) {\n    height: auto;\n  }\n\n  &:where([data-height-fit-content]) {\n    height: fit-content;\n  }\n\n  &:where([data-max-height-xsmall]) {\n    max-height: 192px;\n  }\n\n  &:where([data-max-height-small]) {\n    max-height: 256px;\n  }\n\n  &:where([data-max-height-medium]) {\n    max-height: 320px;\n  }\n\n  &:where([data-max-height-large]) {\n    max-height: 432px;\n  }\n\n  &:where([data-max-height-xlarge]) {\n    max-height: 600px;\n  }\n\n  &:where([data-max-height-fit-content]) {\n    max-height: fit-content;\n  }\n\n  &:where([data-width-small]) {\n    width: 256px;\n  }\n\n  &:where([data-width-medium]) {\n    width: 320px;\n  }\n\n  &:where([data-width-large]) {\n    /* stylelint-disable-next-line primer/responsive-widths */\n    width: 480px;\n  }\n\n  &:where([data-width-xlarge]) {\n    /* stylelint-disable-next-line primer/responsive-widths */\n    width: 640px;\n  }\n\n  &:where([data-width-xxlarge]) {\n    /* stylelint-disable-next-line primer/responsive-widths */\n    width: 960px;\n  }\n\n  &:where([data-width-auto]) {\n    width: auto;\n  }\n\n  &:where([data-max-width-small]) {\n    max-width: 256px;\n  }\n\n  &:where([data-max-width-medium]) {\n    max-width: 320px;\n  }\n\n  &:where([data-max-width-large]) {\n    max-width: 480px;\n  }\n\n  &:where([data-max-width-xlarge]) {\n    max-width: 640px;\n  }\n\n  &:where([data-max-width-xxlarge]) {\n    max-width: 960px;\n  }\n\n  &:where([data-visibility-visible]) {\n    visibility: visible;\n  }\n\n  &:where([data-visibility-hidden]) {\n    visibility: hidden;\n  }\n\n  &:where([data-responsive='fullscreen']) {\n    @media screen and (--viewportRange-narrow) {\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100vw;\n      max-width: none;\n      height: 100vh;\n      max-height: none;\n      margin: 0;\n      border-radius: unset;\n    }\n  }\n\n  @supports (height: 100dvh) {\n    /* fix for mobile safari (100vh clips the screen with the toolbar) */\n    &:where([data-variant='fullscreen']) {\n      height: 100dvh;\n    }\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .Overlay {\n    animation: overlay-appear 200ms cubic-bezier(0.33, 1, 0.68, 1);\n  }\n}\n"]}

package/dist/Overlay/Overlay.js

@@ -81,10 +81,10 @@ const BaseOverlay = /*#__PURE__*/React.forwardRef(({
     ...rest,
     ref: forwardedRef,
     style: {
-      left,
-      right,
-      top,
-      bottom,
+      '--top': typeof top === 'number' ? `${top}px` : top,
+      '--left': typeof left === 'number' ? `${left}px` : left,
+      '--right': typeof right === 'number' ? `${right}px` : right,
+      '--bottom': typeof bottom === 'number' ? `${bottom}px` : bottom,
       position,
       ...styleFromProps
     },

package/dist/Overlay/Overlay.module.css.js

@@ -1,4 +1,4 @@
-import './Overlay-40e80d0e.css';
+import './Overlay-43cda449.css';
 
 var classes = {"Overlay":"prc-Overlay-Overlay-dVyJl"};
 

package/dist/Popover/Popover-a93df39c.css

@@ -0,0 +1,2 @@
+.prc-Popover-Popover-v1ShS{display:none;position:absolute;z-index:100}.prc-Popover-Popover-v1ShS:where([data-open]){display:block}.prc-Popover-Popover-v1ShS:where([data-relative]){position:relative}.prc-Popover-PopoverContent-nMzFS{background-color:var(--overlay-bgColor,var(--color-canvas-overlay));border-radius:var(--borderRadius-medium,.375rem);box-shadow:var(--shadow-floating-small,var(--color-overlay-shadow));margin-left:auto;margin-right:auto;padding:var(--base-size-24,1.5rem);position:relative}.prc-Popover-PopoverContent-nMzFS:after,.prc-Popover-PopoverContent-nMzFS:before{content:"";display:inline-block;left:50%;position:absolute}.prc-Popover-PopoverContent-nMzFS:before{border-bottom-color:transparent;border:var(--base-size-8,.5rem) solid transparent;border-bottom:var(--base-size-8,.5rem) solid var(--borderColor-default,var(--color-border-default));margin-left:-9px;top:calc(var(--base-size-16,1rem)*-1)}.prc-Popover-PopoverContent-nMzFS:after{border:7px solid transparent;border-bottom:7px solid var(--overlay-bgColor,var(--color-canvas-overlay));margin-left:calc(var(--base-size-8,.5rem)*-1);top:-14px}:is(:where([data-caret=bottom]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-left]) .prc-Popover-PopoverContent-nMzFS):after,:is(:where([data-caret=bottom]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-left]) .prc-Popover-PopoverContent-nMzFS):before{border-bottom-color:transparent;top:auto}:is(:where([data-caret=bottom]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-left]) .prc-Popover-PopoverContent-nMzFS):before{border-top-color:var(--borderColor-default,var(--color-border-default));bottom:calc(var(--base-size-16,1rem)*-1)}:is(:where([data-caret=bottom]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-left]) .prc-Popover-PopoverContent-nMzFS):after{border-top-color:var(--overlay-bgColor,var(--color-canvas-overlay));bottom:-14px}:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=top-right]) .prc-Popover-PopoverContent-nMzFS{margin-right:0;right:-9px}:is(:where([data-caret=top-right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-nMzFS):after,:is(:where([data-caret=top-right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-nMzFS):before{left:auto;margin-left:0}:is(:where([data-caret=top-right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-nMzFS):before{right:20px}:is(:where([data-caret=top-right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-nMzFS):after{right:21px}:where([data-caret=bottom-left]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=top-left]) .prc-Popover-PopoverContent-nMzFS{left:-9px;margin-left:0}:is(:where([data-caret=top-left]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-left]) .prc-Popover-PopoverContent-nMzFS):after,:is(:where([data-caret=top-left]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-left]) .prc-Popover-PopoverContent-nMzFS):before{left:var(--base-size-24,1.5rem);margin-left:0}:is(:where([data-caret=top-left]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-left]) .prc-Popover-PopoverContent-nMzFS):after{left:calc(var(--base-size-24,1.5rem) + 1px)}:is(:where([data-caret=right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=right-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-nMzFS):after,:is(:where([data-caret=right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=right-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-nMzFS):before{border-bottom-color:transparent;left:auto;margin-left:0;top:50%}:is(:where([data-caret=right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=right-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-nMzFS):before{margin-top:calc((var(--base-size-8,.5rem) + 1px)*-1)}:is(:where([data-caret=right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=right-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-nMzFS):after{margin-top:calc(var(--base-size-8,.5rem)*-1)}:is(:where([data-caret=right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=right-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-nMzFS):before{border-left-color:var(--borderColor-default,var(--color-border-default));right:calc(var(--base-size-16,1rem)*-1)}:is(:where([data-caret=right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=right-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-nMzFS):after{border-left-color:var(--overlay-bgColor,var(--color-canvas-overlay));right:-14px}:is(:where([data-caret=left]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-nMzFS):before{border-right-color:var(--borderColor-default,var(--color-border-default));left:calc(var(--base-size-16,1rem)*-1)}:is(:where([data-caret=left]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-nMzFS):after{border-right-color:var(--overlay-bgColor,var(--color-canvas-overlay));left:-14px}:is(:where([data-caret=right-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-top]) .prc-Popover-PopoverContent-nMzFS):after,:is(:where([data-caret=right-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-top]) .prc-Popover-PopoverContent-nMzFS):before{top:var(--base-size-24,1.5rem)}:is(:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-nMzFS):after,:is(:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-nMzFS):before{top:auto}:is(:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-nMzFS):before{bottom:var(--base-size-16,1rem)}:is(:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-nMzFS):after{bottom:calc(var(--base-size-16,1rem) + 1px)}.prc-Popover-PopoverContent-nMzFS:where([data-width=xsmall]){width:var(--overlay-width-xsmall,12rem)}.prc-Popover-PopoverContent-nMzFS:where([data-width=small]){width:var(--overlay-width-small,20rem)}.prc-Popover-PopoverContent-nMzFS:where([data-width=medium]){width:var(--overlay-width-medium,30rem)}.prc-Popover-PopoverContent-nMzFS:where([data-width=large]){width:var(--overlay-width-large,40rem)}.prc-Popover-PopoverContent-nMzFS:where([data-width=xlarge]){width:var(--overlay-width-xlarge,60rem)}.prc-Popover-PopoverContent-nMzFS:where([data-width=auto]){width:auto}.prc-Popover-PopoverContent-nMzFS:where([data-height=small]){height:var(--overlay-height-small,16rem)}.prc-Popover-PopoverContent-nMzFS:where([data-height=medium]){height:var(--overlay-height-medium,20rem)}.prc-Popover-PopoverContent-nMzFS:where([data-height=large]){height:var(--overlay-height-large,27rem)}.prc-Popover-PopoverContent-nMzFS:where([data-height=xlarge]){height:var(--overlay-height-xlarge,37.5rem)}.prc-Popover-PopoverContent-nMzFS:where([data-height=fit-content]){height:-moz-fit-content;height:fit-content}.prc-Popover-PopoverContent-nMzFS:where([data-height=auto]){height:auto}
+/*# sourceMappingURL=Popover-a93df39c.css.map */

package/dist/Popover/Popover-a93df39c.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Popover/Popover.module.css"],"names":[],"mappings":"AAAA,2BAGE,YAAa,CAFb,iBAAkB,CAClB,WAUF,CAPE,8CACE,aACF,CAEA,kDACE,iBACF,CAGF,kCAKE,mEAAwC,CACxC,gDAAyC,CACzC,mEAAwC,CAHxC,gBAAiB,CADjB,iBAAkB,CADlB,kCAA4B,CAD5B,iBA+OF,CAtOE,iFAKE,UAAW,CADX,oBAAqB,CADrB,QAAS,CADT,iBAIF,CAEA,yCAOE,+BAA4C,CAC5C,iDAA+C,CAA/C,mGAA+C,CAL/C,gBAAiB,CAFjB,qCAQF,CAEA,wCASE,4BAA2C,CAA3C,0EAA2C,CAN3C,6CAA0C,CAD1C,SAQF,CAME,iaAGE,+BAAgC,CADhC,QAEF,CAEA,iNAEE,uEAA4C,CAD5C,wCAEF,CAEA,gNAIE,mEAAwC,CAFxC,YAGF,CAIF,qIAIE,cAAe,CADf,UAkBF,CAfE,iSAEE,SAAU,CACV,aACF,CAEA,iJAEE,UACF,CAEA,gJAEE,UACF,CAIF,mIAGE,SAAU,CACV,aAYF,CAVE,6RAEE,+BAAyB,CACzB,aACF,CAEA,8IAEE,2CACF,CAUA,yxBAKE,+BAAgC,CAFhC,SAAU,CACV,aAAc,CAFd,OAIF,CAEA,6YAEE,oDACF,CAEA,4YACE,4CACF,CAOA,8MAEE,wEAA6C,CAD7C,uCAEF,CAEA,6MAIE,oEAAyC,CAFzC,WAGF,CAOA,2MAEE,yEAA8C,CAD9C,sCAEF,CAEA,0MAIE,qEAA0C,CAF1C,UAGF,CAMA,yRAEE,8BACF,CAMA,qSAEE,QACF,CAEA,mJACE,+BACF,CAEA,kJAEE,2CACF,CAGF,6DACE,uCACF,CAEA,4DACE,sCACF,CAEA,6DACE,uCACF,CAEA,4DACE,sCACF,CAEA,6DACE,uCACF,CAEA,2DACE,UACF,CAEA,6DACE,wCACF,CAEA,8DACE,yCACF,CAEA,6DACE,wCACF,CAEA,8DACE,2CACF,CAEA,mEACE,uBAAmB,CAAnB,kBACF,CAEA,4DACE,WACF","file":"Popover-a93df39c.css","sourcesContent":[".Popover {\n  position: absolute;\n  z-index: 100;\n  display: none;\n\n  &:where([data-open]) {\n    display: block;\n  }\n\n  &:where([data-relative]) {\n    position: relative;\n  }\n}\n\n.PopoverContent {\n  position: relative;\n  padding: var(--base-size-24);\n  margin-right: auto;\n  margin-left: auto;\n  background-color: var(--overlay-bgColor);\n  border-radius: var(--borderRadius-medium);\n  box-shadow: var(--shadow-floating-small);\n\n  /* Carets */\n  &::before,\n  &::after {\n    position: absolute;\n    left: 50%;\n    display: inline-block;\n    content: '';\n  }\n\n  &::before {\n    top: calc(-1 * var(--base-size-16));\n    /* stylelint-disable-next-line primer/spacing */\n    margin-left: -9px;\n\n    /* TODO: solid? */\n    /* stylelint-disable-next-line primer/borders */\n    border: var(--base-size-8) solid transparent;\n    border-bottom-color: var(--borderColor-default);\n  }\n\n  &::after {\n    /* stylelint-disable-next-line primer/spacing */\n    top: -14px;\n    margin-left: calc(-1 * var(--base-size-8));\n\n    /* // todo: solid */\n    /* stylelint-disable-next-line primer/borders */\n    border: 7px solid transparent;\n    /* stylelint-disable-next-line primer/colors */\n    border-bottom-color: var(--overlay-bgColor);\n  }\n\n  /* Bottom-oriented carets */\n  :where([data-caret='bottom']) &,\n  :where([data-caret='bottom-right']) &,\n  :where([data-caret='bottom-left']) & {\n    &::before,\n    &::after {\n      top: auto;\n      border-bottom-color: transparent;\n    }\n\n    &::before {\n      bottom: calc(-1 * var(--base-size-16));\n      border-top-color: var(--borderColor-default);\n    }\n\n    &::after {\n      /* stylelint-disable-next-line primer/spacing */\n      bottom: -14px;\n      /* stylelint-disable-next-line primer/colors */\n      border-top-color: var(--overlay-bgColor);\n    }\n  }\n\n  /* Top & Bottom: Right-oriented carets */\n  :where([data-caret='top-right']) &,\n  :where([data-caret='bottom-right']) & {\n    /* stylelint-disable-next-line primer/spacing */\n    right: -9px;\n    margin-right: 0;\n\n    &::before,\n    &::after {\n      left: auto;\n      margin-left: 0;\n    }\n\n    &::before {\n      /* stylelint-disable-next-line primer/spacing */\n      right: 20px;\n    }\n\n    &::after {\n      /* stylelint-disable-next-line primer/spacing */\n      right: 21px;\n    }\n  }\n\n  /* Top & Bottom: Left-oriented carets */\n  :where([data-caret='top-left']) &,\n  :where([data-caret='bottom-left']) & {\n    /* stylelint-disable-next-line primer/spacing */\n    left: -9px;\n    margin-left: 0;\n\n    &::before,\n    &::after {\n      left: var(--base-size-24);\n      margin-left: 0;\n    }\n\n    &::after {\n      /* stylelint-disable-next-line primer/spacing */\n      left: calc(var(--base-size-24) + 1px);\n    }\n  }\n\n  /* Right- & Left-oriented carets */\n  :where([data-caret='right']) &,\n  :where([data-caret='right-top']) &,\n  :where([data-caret='right-bottom']) &,\n  :where([data-caret='left']) &,\n  :where([data-caret='left-top']) &,\n  :where([data-caret='left-bottom']) & {\n    &::before,\n    &::after {\n      top: 50%;\n      left: auto;\n      margin-left: 0;\n      border-bottom-color: transparent;\n    }\n\n    &::before {\n      /* stylelint-disable-next-line primer/spacing */\n      margin-top: calc((var(--base-size-8) + 1px) * -1);\n    }\n\n    &::after {\n      margin-top: calc(-1 * var(--base-size-8));\n    }\n  }\n\n  /* Right-oriented carets */\n  :where([data-caret='right']) &,\n  :where([data-caret='right-top']) &,\n  :where([data-caret='right-bottom']) & {\n    &::before {\n      right: calc(-1 * var(--base-size-16));\n      border-left-color: var(--borderColor-default);\n    }\n\n    &::after {\n      /* stylelint-disable-next-line primer/spacing */\n      right: -14px;\n      /* stylelint-disable-next-line primer/colors */\n      border-left-color: var(--overlay-bgColor);\n    }\n  }\n\n  /* Left-oriented carets */\n  :where([data-caret='left']) &,\n  :where([data-caret='left-top']) &,\n  :where([data-caret='left-bottom']) & {\n    &::before {\n      left: calc(-1 * var(--base-size-16));\n      border-right-color: var(--borderColor-default);\n    }\n\n    &::after {\n      /* stylelint-disable-next-line primer/spacing */\n      left: -14px;\n      /* stylelint-disable-next-line primer/colors */\n      border-right-color: var(--overlay-bgColor);\n    }\n  }\n\n  /* Right & Left: Top-oriented carets */\n  :where([data-caret='right-top']) &,\n  :where([data-caret='left-top']) & {\n    &::before,\n    &::after {\n      top: var(--base-size-24);\n    }\n  }\n\n  /* Right & Left: Bottom-oriented carets */\n  :where([data-caret='right-bottom']) &,\n  :where([data-caret='left-bottom']) & {\n    &::before,\n    &::after {\n      top: auto;\n    }\n\n    &::before {\n      bottom: var(--base-size-16);\n    }\n\n    &::after {\n      /* stylelint-disable-next-line primer/spacing */\n      bottom: calc(var(--base-size-16) + 1px);\n    }\n  }\n\n  &:where([data-width='xsmall']) {\n    width: var(--overlay-width-xsmall);\n  }\n\n  &:where([data-width='small']) {\n    width: var(--overlay-width-small);\n  }\n\n  &:where([data-width='medium']) {\n    width: var(--overlay-width-medium);\n  }\n\n  &:where([data-width='large']) {\n    width: var(--overlay-width-large);\n  }\n\n  &:where([data-width='xlarge']) {\n    width: var(--overlay-width-xlarge);\n  }\n\n  &:where([data-width='auto']) {\n    width: auto;\n  }\n\n  &:where([data-height='small']) {\n    height: var(--overlay-height-small);\n  }\n\n  &:where([data-height='medium']) {\n    height: var(--overlay-height-medium);\n  }\n\n  &:where([data-height='large']) {\n    height: var(--overlay-height-large);\n  }\n\n  &:where([data-height='xlarge']) {\n    height: var(--overlay-height-xlarge);\n  }\n\n  &:where([data-height='fit-content']) {\n    height: fit-content;\n  }\n\n  &:where([data-height='auto']) {\n    height: auto;\n  }\n}\n"]}

package/dist/Popover/Popover.js

@@ -148,9 +148,9 @@ const PopoverContent = t0 => {
   return t6;
 };
 PopoverContent.displayName = 'Popover.Content';
-var Popover$1 = Object.assign(Popover, {
+var Popover_default = Object.assign(Popover, {
   Content: PopoverContent
 });
 function _temp() {}
 
-export { Popover$1 as default };
+export { Popover_default as default };

package/dist/Popover/Popover.module.css.js

@@ -1,4 +1,4 @@
-import './Popover-3ba3b962.css';
+import './Popover-a93df39c.css';
 
 var classes = {"Popover":"prc-Popover-Popover-v1ShS","PopoverContent":"prc-Popover-PopoverContent-nMzFS"};
 

package/dist/ProgressBar/ProgressBar-e403d83d.css

@@ -0,0 +1,2 @@
+@keyframes prc-ProgressBar-shimmer-i1RxN{0%{mask-position:200%}to{mask-position:0}}.prc-ProgressBar-ProgressBarItem-stL6O{--progress-width: ;--progress-bg: ;background-color:var(--progress-bg);width:var(--progress-width)}@media (prefers-reduced-motion:no-preference){.prc-ProgressBar-ProgressBarItem-stL6O[data-animated=true]{animation-duration:1s;animation-iteration-count:infinite;animation-name:prc-ProgressBar-shimmer-i1RxN;mask-image:linear-gradient(75deg,#000 30%,rgba(0,0,0,.65) 80%);mask-size:200%}}.prc-ProgressBar-ProgressBarContainer-E-z8S{background-color:var(--progressBar-track-bgColor,#d1d9e0);border-radius:var(--borderRadius-small,.1875rem);display:flex;gap:2px;outline:solid 1px var(--progressBar-track-borderColor,#ffffff00);outline-offset:-1px;overflow:hidden}.prc-ProgressBar-ProgressBarContainer-E-z8S:where([data-progress-display=inline]){display:inline-flex}.prc-ProgressBar-ProgressBarContainer-E-z8S:where([data-progress-bar-size=default]){height:8px}.prc-ProgressBar-ProgressBarContainer-E-z8S:where([data-progress-bar-size=small]){height:5px}.prc-ProgressBar-ProgressBarContainer-E-z8S:where([data-progress-bar-size=large]){height:10px}@media (forced-colors:active){:root{--progress-bg:LinkText;--progressBar-track-bgColor:CanvasText}.prc-ProgressBar-ProgressBarContainer-E-z8S,.prc-ProgressBar-ProgressBarItem-stL6O{forced-color-adjust:none}}
+/*# sourceMappingURL=ProgressBar-e403d83d.css.map */

package/dist/ProgressBar/{ProgressBar-b667c85b.css.map → ProgressBar-e403d83d.css.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/ProgressBar/ProgressBar.module.css"],"names":[],"mappings":"AAAA,yCACE,GACE,kBACF,CAEA,GACE,eACF,CACF,CAEA,uCAEE,kBAAkB,CAClB,eAAe,CAIf,mCAAoC,CAFpC,2BAaF,CATE,8CACE,2DAIE,qBAAsB,CACtB,kCAAmC,CAFnC,4CAAuB,CAFvB,8DAAoE,CACpE,cAIF,CACF,CAGF,4CAIE,iDAAkD,CAClD,gDAAwC,CAJxC,YAAa,CAKb,OAAQ,CACR,sDAAuD,CACvD,mBAAoB,CANpB,eAuBF,CAfE,kFACE,mBACF,CAEA,oFACE,UACF,CAEA,kFACE,UACF,CAEA,kFACE,WACF,CAGF,8BACE,MACE,sBAAuB,CACvB,sCACF,CAEA,mFAEE,wBACF,CACF","file":"ProgressBar-b667c85b.css","sourcesContent":["@keyframes shimmer {\n  from {\n    mask-position: 200%;\n  }\n\n  to {\n    mask-position: 0%;\n  }\n}\n\n.ProgressBarItem {\n  /* these are passed from the component */\n  --progress-width: ;\n  --progress-bg: ;\n\n  width: var(--progress-width);\n  /* stylelint-disable-next-line primer/colors */\n  background-color: var(--progress-bg);\n\n  @media (prefers-reduced-motion: no-preference) {\n    &[data-animated='true'] {\n      mask-image: linear-gradient(75deg, #000 30%, rgb(0, 0, 0, 0.65) 80%);\n      mask-size: 200%;\n      animation-name: shimmer;\n      animation-duration: 1s;\n      animation-iteration-count: infinite;\n    }\n  }\n}\n\n.ProgressBarContainer {\n  display: flex;\n  overflow: hidden;\n  /* stylelint-disable-next-line primer/colors */\n  background-color: var(--progressBar-track-bgColor);\n  border-radius: var(--borderRadius-small);\n  gap: 2px;\n  outline: solid 1px var(--progressBar-track-borderColor);\n  outline-offset: -1px;\n\n  &:where([data-progress-display='inline']) {\n    display: inline-flex;\n  }\n\n  &:where([data-progress-bar-size='default']) {\n    height: 8px;\n  }\n\n  &:where([data-progress-bar-size='small']) {\n    height: 5px;\n  }\n\n  &:where([data-progress-bar-size='large']) {\n    height: 10px;\n  }\n}\n\n@media (forced-colors: active) {\n  :root {\n    --progress-bg: LinkText;\n    --progressBar-track-bgColor: CanvasText;\n  }\n\n  .ProgressBarContainer,\n  .ProgressBarItem {\n    forced-color-adjust: none;\n  }\n}\n"]}
+{"version":3,"sources":["../src/ProgressBar/ProgressBar.module.css"],"names":[],"mappings":"AAAA,yCACE,GACE,kBACF,CAEA,GACE,eACF,CACF,CAEA,uCAEE,kBAAkB,CAClB,eAAe,CAIf,mCAAoC,CAFpC,2BAaF,CATE,8CACE,2DAIE,qBAAsB,CACtB,kCAAmC,CAFnC,4CAAuB,CAFvB,8DAAoE,CACpE,cAIF,CACF,CAGF,4CAGE,yDAAkD,CAClD,gDAAwC,CAHxC,YAAa,CAIb,OAAQ,CACR,gEAAuD,CACvD,mBAAoB,CALpB,eAsBF,CAfE,kFACE,mBACF,CAEA,oFACE,UACF,CAEA,kFACE,UACF,CAEA,kFACE,WACF,CAGF,8BACE,MACE,sBAAuB,CACvB,sCACF,CAEA,mFAEE,wBACF,CACF","file":"ProgressBar-e403d83d.css","sourcesContent":["@keyframes shimmer {\n  from {\n    mask-position: 200%;\n  }\n\n  to {\n    mask-position: 0%;\n  }\n}\n\n.ProgressBarItem {\n  /* these are passed from the component */\n  --progress-width: ;\n  --progress-bg: ;\n\n  width: var(--progress-width);\n  /* stylelint-disable-next-line primer/colors */\n  background-color: var(--progress-bg);\n\n  @media (prefers-reduced-motion: no-preference) {\n    &[data-animated='true'] {\n      mask-image: linear-gradient(75deg, #000 30%, rgb(0, 0, 0, 0.65) 80%);\n      mask-size: 200%;\n      animation-name: shimmer;\n      animation-duration: 1s;\n      animation-iteration-count: infinite;\n    }\n  }\n}\n\n.ProgressBarContainer {\n  display: flex;\n  overflow: hidden;\n  background-color: var(--progressBar-track-bgColor);\n  border-radius: var(--borderRadius-small);\n  gap: 2px;\n  outline: solid 1px var(--progressBar-track-borderColor);\n  outline-offset: -1px;\n\n  &:where([data-progress-display='inline']) {\n    display: inline-flex;\n  }\n\n  &:where([data-progress-bar-size='default']) {\n    height: 8px;\n  }\n\n  &:where([data-progress-bar-size='small']) {\n    height: 5px;\n  }\n\n  &:where([data-progress-bar-size='large']) {\n    height: 10px;\n  }\n}\n\n@media (forced-colors: active) {\n  :root {\n    --progress-bg: LinkText;\n    --progressBar-track-bgColor: CanvasText;\n  }\n\n  .ProgressBarContainer,\n  .ProgressBarItem {\n    forced-color-adjust: none;\n  }\n}\n"]}

package/dist/ProgressBar/ProgressBar.module.css.js

@@ -1,4 +1,4 @@
-import './ProgressBar-b667c85b.css';
+import './ProgressBar-e403d83d.css';
 
 var classes = {"ProgressBarItem":"prc-ProgressBar-ProgressBarItem-stL6O","ProgressBarContainer":"prc-ProgressBar-ProgressBarContainer-E-z8S"};
 

package/dist/RadioGroup/RadioGroup.js

@@ -112,11 +112,11 @@ const RadioGroup = t0 => {
   }
   return t5;
 };
-var RadioGroup$1 = Object.assign(RadioGroup, {
+var RadioGroup_default = Object.assign(RadioGroup, {
   __SLOT__: Symbol('RadioGroup'),
   Caption: CheckboxOrRadioGroupCaption,
   Label: CheckboxOrRadioGroupLabel,
   Validation: CheckboxOrRadioGroupValidation
 });
 
-export { RadioGroupContext, RadioGroup$1 as default };
+export { RadioGroupContext, RadioGroup_default as default };

package/dist/SideNav.js

@@ -46,8 +46,8 @@ const SideNavLink = ({
 SideNavLink.displayName = "SideNavLink";
 SideNavLink.displayName = 'SideNav.Link';
 /** @deprecated Use [NavList](https://primer.style/react/NavList) instead */
-var SideNav$1 = Object.assign(SideNav, {
+var SideNav_default = Object.assign(SideNav, {
   Link: SideNavLink
 });
 
-export { SideNav$1 as default };
+export { SideNav_default as default };

package/dist/Spinner/Spinner.d.ts

@@ -14,8 +14,10 @@ export type SpinnerProps = {
     'aria-label'?: string;
     className?: string;
     style?: React.CSSProperties;
+    /** Whether to delay the spinner before rendering by the defined 1000ms. */
+    delay?: boolean;
 } & HTMLDataAttributes;
-declare function Spinner({ size: sizeKey, srText, 'aria-label': ariaLabel, className, style, ...props }: SpinnerProps): React.JSX.Element;
+declare function Spinner({ size: sizeKey, srText, 'aria-label': ariaLabel, className, style, delay, ...props }: SpinnerProps): React.JSX.Element | null;
 declare namespace Spinner {
     var displayName: string;
 }

package/dist/Spinner/Spinner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../src/Spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,4BAA4B,CAAA;AAKlE,QAAA,MAAM,OAAO;;;;CAIZ,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,OAAO,OAAO,CAAA;IAC3B,0KAA0K;IAC1K,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B,GAAG,kBAAkB,CAAA;AAEtB,iBAAS,OAAO,CAAC,EACf,IAAI,EAAE,OAAkB,EACxB,MAAkB,EAClB,YAAY,EAAE,SAAS,EACvB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,YAAY,qBAwCd;kBA/CQ,OAAO;;;AAmDhB,eAAe,OAAO,CAAA"}
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../src/Spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,4BAA4B,CAAA;AAKlE,QAAA,MAAM,OAAO;;;;CAIZ,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,OAAO,OAAO,CAAA;IAC3B,0KAA0K;IAC1K,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,2EAA2E;IAC3E,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,GAAG,kBAAkB,CAAA;AAEtB,iBAAS,OAAO,CAAC,EACf,IAAI,EAAE,OAAkB,EACxB,MAAkB,EAClB,YAAY,EAAE,SAAS,EACvB,SAAS,EACT,KAAK,EACL,KAAa,EACb,GAAG,KAAK,EACT,EAAE,YAAY,4BAwDd;kBAhEQ,OAAO;;;AAoEhB,eAAe,OAAO,CAAA"}