@primer/react 38.4.0-rc.fc59a24d1 → 38.4.0

package/CHANGELOG.md

@@ -8,11 +8,19 @@
 
 - [#7250](https://github.com/primer/react/pull/7250) [`a193d30`](https://github.com/primer/react/commit/a193d30cad6e308e2f0cc29ebdcc926ee057f0fb) Thanks [@siddharthkp](https://github.com/siddharthkp)! - Banner: Add `flush` prop for use within confined spaces, such as dialogs, tables, cards, or boxes where available space is limited.
 
+- [#7247](https://github.com/primer/react/pull/7247) [`e1021e7`](https://github.com/primer/react/commit/e1021e7a5b65c605d98f025a30ef4fb5cce91024) Thanks [@liuliu-dev](https://github.com/liuliu-dev)! - Add leadingVisual to InlineMessage component.
+
 - [#7047](https://github.com/primer/react/pull/7047) [`c07dd71`](https://github.com/primer/react/commit/c07dd71e990323a1c73ec99c44752df43d153090) Thanks [@TylerJDev](https://github.com/TylerJDev)! - Remove the feature flag for `primer_react_segmented_control_tooltip` and GA tooltip by default behavior.
   - Ensure that when `disabled` is applied, the tooltip is still triggered.
 
 ### Patch Changes
 
+- [#7244](https://github.com/primer/react/pull/7244) [`d973c5a`](https://github.com/primer/react/commit/d973c5ad5aa59c66e1f609558b33a6b63880234a) Thanks [@lukasoppermann](https://github.com/lukasoppermann)! - "Update logic for how hex codes are applied"
+
+- [#7230](https://github.com/primer/react/pull/7230) [`534ca11`](https://github.com/primer/react/commit/534ca119a2552bb71684c64d2e7481cf426023b6) Thanks [@mperrotti](https://github.com/mperrotti)! - Replaces 'aria-live' usage and removes internal LiveRegion component
+
+- [#7267](https://github.com/primer/react/pull/7267) [`1d8759a`](https://github.com/primer/react/commit/1d8759aae8a3bdd1dc2b8bc8785867ca467b72b5) Thanks [@lukasoppermann](https://github.com/lukasoppermann)! - Used correct tokens for disabled radio control
+
 - [#7241](https://github.com/primer/react/pull/7241) [`181f12e`](https://github.com/primer/react/commit/181f12e1244ea1f33559976ff16e32a1777e877d) Thanks [@francinelucca](https://github.com/francinelucca)! - fix(LabelGroup): add role and aria-label to hidden items overlay
 
 ## 38.3.0

package/dist/DataTable/Pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../src/DataTable/Pagination.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,6BAA6B,CAAA;AAMhE,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IACtF;;OAEG;IACH,YAAY,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IAEzB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAA;IAE3C;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC,OAAO,CAAC,CAAA;IAE9C;;OAEG;IACH,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAMD,wBAAgB,UAAU,CAAC,EACzB,YAAY,EAAE,KAAK,EACnB,gBAAgB,EAChB,EAAE,EACF,QAAQ,EACR,QAAa,EACb,SAA4B,EAC5B,UAAU,GACX,EAAE,eAAe,qBAwGjB;AAwDD,KAAK,eAAe,GAAG;IACrB;;OAEG;IACH,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA"}
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../src/DataTable/Pagination.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,6BAA6B,CAAA;AAMhE,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IACtF;;OAEG;IACH,YAAY,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IAEzB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAA;IAE3C;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC,OAAO,CAAC,CAAA;IAE9C;;OAEG;IACH,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAMD,wBAAgB,UAAU,CAAC,EACzB,YAAY,EAAE,KAAK,EACnB,gBAAgB,EAChB,EAAE,EACF,QAAQ,EACR,QAAa,EACb,SAA4B,EAC5B,UAAU,GACX,EAAE,eAAe,qBAqGjB;AA4DD,KAAK,eAAe,GAAG;IACrB;;OAEG;IACH,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA"}

package/dist/DataTable/Pagination.js

@@ -2,7 +2,6 @@ import { c } from 'react-compiler-runtime';
 import { ChevronLeftIcon, ChevronRightIcon } from '@primer/octicons-react';
 import { useState } from 'react';
 import { Button } from '../internal/components/ButtonReset.js';
-import { LiveRegionOutlet, LiveRegion, Message } from '../internal/components/LiveRegion.js';
 import { warning } from '../utils/warning.js';
 import { viewportRanges } from '../hooks/useResponsiveValue.js';
 import { buildPaginationModel } from '../Pagination/model.js';
@@ -10,12 +9,13 @@ import classes from './Pagination.module.css.js';
 import { clsx } from 'clsx';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden.js';
+import { AriaStatus } from '../live-region/AriaStatus.js';
 
 const defaultShowPages = {
   narrow: false
 };
 function Pagination(t0) {
-  const $ = c(61);
+  const $ = c(60);
   const {
     "aria-label": label,
     defaultPageIndex,
@@ -87,119 +87,112 @@ function Pagination(t0) {
   const model = t7;
   let t8;
   if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
-    t8 = /*#__PURE__*/jsx(LiveRegionOutlet, {});
+    t8 = clsx("TablePagination", classes.TablePagination);
     $[11] = t8;
   } else {
     t8 = $[11];
   }
   let t9;
-  if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
-    t9 = clsx("TablePagination", classes.TablePagination);
-    $[12] = t9;
-  } else {
-    t9 = $[12];
-  }
-  let t10;
-  if ($[13] !== pageEnd || $[14] !== pageStart || $[15] !== totalCount) {
-    t10 = /*#__PURE__*/jsx(Range, {
+  if ($[12] !== pageEnd || $[13] !== pageStart || $[14] !== totalCount) {
+    t9 = /*#__PURE__*/jsx(Range, {
       pageStart: pageStart,
       pageEnd: pageEnd,
       totalCount: totalCount
     });
-    $[13] = pageEnd;
-    $[14] = pageStart;
-    $[15] = totalCount;
+    $[12] = pageEnd;
+    $[13] = pageStart;
+    $[14] = totalCount;
+    $[15] = t9;
+  } else {
+    t9 = $[15];
+  }
+  let t10;
+  if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+    t10 = clsx("TablePaginationSteps", classes.TablePaginationSteps);
     $[16] = t10;
   } else {
     t10 = $[16];
   }
   let t11;
-  if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
-    t11 = clsx("TablePaginationSteps", classes.TablePaginationSteps);
-    $[17] = t11;
-  } else {
-    t11 = $[17];
-  }
-  let t12;
-  if ($[18] !== getViewportRangesToHidePages) {
-    t12 = getViewportRangesToHidePages();
-    $[18] = getViewportRangesToHidePages;
-    $[19] = t12;
-  } else {
-    t12 = $[19];
-  }
-  const t13 = t12.join(" ");
-  let t14;
-  if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
-    t14 = clsx("TablePaginationAction", classes.TablePaginationAction);
-    $[20] = t14;
-  } else {
-    t14 = $[20];
-  }
-  const t15 = hasPreviousPage ? true : undefined;
-  const t16 = !hasPreviousPage ? true : undefined;
-  let t17;
-  if ($[21] !== hasPreviousPage || $[22] !== selectPreviousPage) {
-    t17 = () => {
+  if ($[17] !== getViewportRangesToHidePages) {
+    t11 = getViewportRangesToHidePages();
+    $[17] = getViewportRangesToHidePages;
+    $[18] = t11;
+  } else {
+    t11 = $[18];
+  }
+  const t12 = t11.join(" ");
+  let t13;
+  if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
+    t13 = clsx("TablePaginationAction", classes.TablePaginationAction);
+    $[19] = t13;
+  } else {
+    t13 = $[19];
+  }
+  const t14 = hasPreviousPage ? true : undefined;
+  const t15 = !hasPreviousPage ? true : undefined;
+  let t16;
+  if ($[20] !== hasPreviousPage || $[21] !== selectPreviousPage) {
+    t16 = () => {
       if (!hasPreviousPage) {
         return;
       }
       selectPreviousPage();
     };
-    $[21] = hasPreviousPage;
-    $[22] = selectPreviousPage;
-    $[23] = t17;
+    $[20] = hasPreviousPage;
+    $[21] = selectPreviousPage;
+    $[22] = t16;
   } else {
-    t17 = $[23];
+    t16 = $[22];
   }
-  let t18;
-  if ($[24] !== hasPreviousPage) {
-    t18 = hasPreviousPage ? /*#__PURE__*/jsx(ChevronLeftIcon, {}) : null;
-    $[24] = hasPreviousPage;
-    $[25] = t18;
+  let t17;
+  if ($[23] !== hasPreviousPage) {
+    t17 = hasPreviousPage ? /*#__PURE__*/jsx(ChevronLeftIcon, {}) : null;
+    $[23] = hasPreviousPage;
+    $[24] = t17;
   } else {
-    t18 = $[25];
+    t17 = $[24];
   }
+  let t18;
   let t19;
-  let t20;
-  if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
-    t19 = /*#__PURE__*/jsx("span", {
+  if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
+    t18 = /*#__PURE__*/jsx("span", {
       children: "Previous"
     });
-    t20 = /*#__PURE__*/jsx(VisuallyHidden, {
+    t19 = /*#__PURE__*/jsx(VisuallyHidden, {
       children: "\xA0page"
     });
+    $[25] = t18;
     $[26] = t19;
-    $[27] = t20;
   } else {
+    t18 = $[25];
     t19 = $[26];
-    t20 = $[27];
   }
-  let t21;
-  if ($[28] !== t15 || $[29] !== t16 || $[30] !== t17 || $[31] !== t18) {
-    t21 = /*#__PURE__*/jsx(Step, {
+  let t20;
+  if ($[27] !== t14 || $[28] !== t15 || $[29] !== t16 || $[30] !== t17) {
+    t20 = /*#__PURE__*/jsx(Step, {
       children: /*#__PURE__*/jsxs(Button, {
-        className: t14,
+        className: t13,
         type: "button",
-        "data-has-page": t15,
-        "aria-disabled": t16,
-        onClick: t17,
-        children: [t18, t19, t20]
+        "data-has-page": t14,
+        "aria-disabled": t15,
+        onClick: t16,
+        children: [t17, t18, t19]
       })
     });
+    $[27] = t14;
     $[28] = t15;
     $[29] = t16;
     $[30] = t17;
-    $[31] = t18;
-    $[32] = t21;
+    $[31] = t20;
   } else {
-    t21 = $[32];
+    t20 = $[31];
   }
-  let t22;
-  if ($[33] !== model || $[34] !== selectPage) {
-    let t23;
-    if ($[36] !== selectPage) {
-      t23 = (page, i) => {
+  let t21;
+  if ($[32] !== model || $[33] !== selectPage) {
+    let t22;
+    if ($[35] !== selectPage) {
+      t22 = (page, i) => {
         if (page.type === "BREAK") {
           return /*#__PURE__*/jsx(TruncationStep, {}, `truncation-${i}`);
         } else {
@@ -218,121 +211,119 @@ function Pagination(t0) {
           }
         }
       };
-      $[36] = selectPage;
-      $[37] = t23;
+      $[35] = selectPage;
+      $[36] = t22;
     } else {
-      t23 = $[37];
+      t22 = $[36];
     }
-    t22 = model.map(t23);
-    $[33] = model;
-    $[34] = selectPage;
-    $[35] = t22;
+    t21 = model.map(t22);
+    $[32] = model;
+    $[33] = selectPage;
+    $[34] = t21;
   } else {
-    t22 = $[35];
+    t21 = $[34];
   }
-  let t23;
-  if ($[38] === Symbol.for("react.memo_cache_sentinel")) {
-    t23 = clsx("TablePaginationAction", classes.TablePaginationAction);
-    $[38] = t23;
+  let t22;
+  if ($[37] === Symbol.for("react.memo_cache_sentinel")) {
+    t22 = clsx("TablePaginationAction", classes.TablePaginationAction);
+    $[37] = t22;
   } else {
-    t23 = $[38];
+    t22 = $[37];
   }
-  const t24 = hasNextPage ? true : undefined;
-  const t25 = !hasNextPage ? true : undefined;
-  let t26;
-  if ($[39] !== hasNextPage || $[40] !== selectNextPage) {
-    t26 = () => {
+  const t23 = hasNextPage ? true : undefined;
+  const t24 = !hasNextPage ? true : undefined;
+  let t25;
+  if ($[38] !== hasNextPage || $[39] !== selectNextPage) {
+    t25 = () => {
       if (!hasNextPage) {
         return;
       }
       selectNextPage();
     };
-    $[39] = hasNextPage;
-    $[40] = selectNextPage;
-    $[41] = t26;
+    $[38] = hasNextPage;
+    $[39] = selectNextPage;
+    $[40] = t25;
   } else {
-    t26 = $[41];
+    t25 = $[40];
   }
+  let t26;
   let t27;
-  let t28;
-  if ($[42] === Symbol.for("react.memo_cache_sentinel")) {
-    t27 = /*#__PURE__*/jsx("span", {
+  if ($[41] === Symbol.for("react.memo_cache_sentinel")) {
+    t26 = /*#__PURE__*/jsx("span", {
       children: "Next"
     });
-    t28 = /*#__PURE__*/jsx(VisuallyHidden, {
+    t27 = /*#__PURE__*/jsx(VisuallyHidden, {
       children: "\xA0page"
     });
+    $[41] = t26;
     $[42] = t27;
-    $[43] = t28;
   } else {
+    t26 = $[41];
     t27 = $[42];
-    t28 = $[43];
   }
-  let t29;
-  if ($[44] !== hasNextPage) {
-    t29 = hasNextPage ? /*#__PURE__*/jsx(ChevronRightIcon, {}) : null;
-    $[44] = hasNextPage;
-    $[45] = t29;
+  let t28;
+  if ($[43] !== hasNextPage) {
+    t28 = hasNextPage ? /*#__PURE__*/jsx(ChevronRightIcon, {}) : null;
+    $[43] = hasNextPage;
+    $[44] = t28;
   } else {
-    t29 = $[45];
+    t28 = $[44];
   }
-  let t30;
-  if ($[46] !== t24 || $[47] !== t25 || $[48] !== t26 || $[49] !== t29) {
-    t30 = /*#__PURE__*/jsx(Step, {
+  let t29;
+  if ($[45] !== t23 || $[46] !== t24 || $[47] !== t25 || $[48] !== t28) {
+    t29 = /*#__PURE__*/jsx(Step, {
       children: /*#__PURE__*/jsxs(Button, {
-        className: t23,
+        className: t22,
         type: "button",
-        "data-has-page": t24,
-        "aria-disabled": t25,
-        onClick: t26,
-        children: [t27, t28, t29]
+        "data-has-page": t23,
+        "aria-disabled": t24,
+        onClick: t25,
+        children: [t26, t27, t28]
       })
     });
+    $[45] = t23;
     $[46] = t24;
     $[47] = t25;
-    $[48] = t26;
+    $[48] = t28;
     $[49] = t29;
-    $[50] = t30;
   } else {
-    t30 = $[50];
+    t29 = $[49];
   }
-  let t31;
-  if ($[51] !== t13 || $[52] !== t21 || $[53] !== t22 || $[54] !== t30) {
-    t31 = /*#__PURE__*/jsxs("ol", {
-      className: t11,
-      "data-hidden-viewport-ranges": t13,
-      children: [t21, t22, t30]
+  let t30;
+  if ($[50] !== t12 || $[51] !== t20 || $[52] !== t21 || $[53] !== t29) {
+    t30 = /*#__PURE__*/jsxs("ol", {
+      className: t10,
+      "data-hidden-viewport-ranges": t12,
+      children: [t20, t21, t29]
     });
-    $[51] = t13;
+    $[50] = t12;
+    $[51] = t20;
     $[52] = t21;
-    $[53] = t22;
+    $[53] = t29;
     $[54] = t30;
-    $[55] = t31;
-  } else {
-    t31 = $[55];
-  }
-  let t32;
-  if ($[56] !== id || $[57] !== label || $[58] !== t10 || $[59] !== t31) {
-    t32 = /*#__PURE__*/jsxs(LiveRegion, {
-      children: [t8, /*#__PURE__*/jsxs("nav", {
-        "aria-label": label,
-        className: t9,
-        id: id,
-        children: [t10, t31]
-      })]
+  } else {
+    t30 = $[54];
+  }
+  let t31;
+  if ($[55] !== id || $[56] !== label || $[57] !== t30 || $[58] !== t9) {
+    t31 = /*#__PURE__*/jsxs("nav", {
+      "aria-label": label,
+      className: t8,
+      id: id,
+      children: [t9, t30]
     });
-    $[56] = id;
-    $[57] = label;
-    $[58] = t10;
+    $[55] = id;
+    $[56] = label;
+    $[57] = t30;
+    $[58] = t9;
     $[59] = t31;
-    $[60] = t32;
   } else {
-    t32 = $[60];
+    t31 = $[59];
   }
-  return t32;
+  return t31;
 }
 function Range(t0) {
-  const $ = c(12);
+  const $ = c(14);
   const {
     pageStart,
     pageEnd,
@@ -340,65 +331,68 @@ function Range(t0) {
   } = t0;
   const start = pageStart + 1;
   const end = pageEnd;
-  const t1 = `Showing ${start} through ${end} of ${totalCount}`;
-  let t2;
-  if ($[0] !== t1) {
-    t2 = /*#__PURE__*/jsx(Message, {
-      value: t1
+  let t1;
+  if ($[0] !== end || $[1] !== start || $[2] !== totalCount) {
+    t1 = /*#__PURE__*/jsx(VisuallyHidden, {
+      children: /*#__PURE__*/jsxs(AriaStatus, {
+        children: ["Showing ", start, " through ", end, " of ", totalCount]
+      })
     });
-    $[0] = t1;
-    $[1] = t2;
+    $[0] = end;
+    $[1] = start;
+    $[2] = totalCount;
+    $[3] = t1;
   } else {
-    t2 = $[1];
+    t1 = $[3];
   }
-  let t3;
-  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-    t3 = clsx("TablePaginationRange", classes.TablePaginationRange);
-    $[2] = t3;
+  let t2;
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = clsx("TablePaginationRange", classes.TablePaginationRange);
+    $[4] = t2;
   } else {
-    t3 = $[2];
+    t2 = $[4];
   }
+  let t3;
   let t4;
-  let t5;
-  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-    t4 = /*#__PURE__*/jsx(VisuallyHidden, {
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = /*#__PURE__*/jsx(VisuallyHidden, {
       children: "\xA0through\xA0"
     });
-    t5 = /*#__PURE__*/jsx("span", {
+    t4 = /*#__PURE__*/jsx("span", {
       "aria-hidden": "true",
       children: "\u2012"
     });
-    $[3] = t4;
-    $[4] = t5;
+    $[5] = t3;
+    $[6] = t4;
   } else {
-    t4 = $[3];
-    t5 = $[4];
+    t3 = $[5];
+    t4 = $[6];
   }
-  let t6;
-  if ($[5] !== end || $[6] !== start || $[7] !== totalCount) {
-    t6 = /*#__PURE__*/jsxs("p", {
-      className: t3,
-      children: [start, t4, t5, end, " of ", totalCount]
+  let t5;
+  if ($[7] !== end || $[8] !== start || $[9] !== totalCount) {
+    t5 = /*#__PURE__*/jsxs("p", {
+      className: t2,
+      children: [start, t3, t4, end, " of ", totalCount]
     });
-    $[5] = end;
-    $[6] = start;
-    $[7] = totalCount;
-    $[8] = t6;
+    $[7] = end;
+    $[8] = start;
+    $[9] = totalCount;
+    $[10] = t5;
   } else {
-    t6 = $[8];
+    t5 = $[10];
   }
-  let t7;
-  if ($[9] !== t2 || $[10] !== t6) {
-    t7 = /*#__PURE__*/jsxs(Fragment, {
-      children: [t2, t6]
+  let t6;
+  if ($[11] !== t1 || $[12] !== t5) {
+    t6 = /*#__PURE__*/jsxs(Fragment, {
+      children: [t1, t5]
     });
-    $[9] = t2;
-    $[10] = t6;
-    $[11] = t7;
+    $[11] = t1;
+    $[12] = t5;
+    $[13] = t6;
   } else {
-    t7 = $[11];
+    t6 = $[13];
   }
-  return t7;
+  return t6;
 }
 function TruncationStep() {
   const $ = c(1);

package/dist/InlineMessage/InlineMessage.d.ts

@@ -9,7 +9,11 @@ export type InlineMessageProps = React.ComponentPropsWithoutRef<'div'> & {
      * Specify the type of the InlineMessage
      */
     variant: MessageVariant;
+    /**
+     * A custom leading visual (icon or other element) to display instead of the default variant icon.
+     */
+    leadingVisual?: React.ElementType | React.ReactNode;
 };
-export declare function InlineMessage({ children, className, size, variant, ...rest }: InlineMessageProps): React.JSX.Element;
+export declare function InlineMessage({ children, className, size, variant, leadingVisual: LeadingVisual, ...rest }: InlineMessageProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=InlineMessage.d.ts.map

package/dist/InlineMessage/InlineMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InlineMessage.d.ts","sourceRoot":"","sources":["../../src/InlineMessage/InlineMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,KAAK,cAAc,GAAG,UAAU,GAAG,SAAS,GAAG,aAAa,GAAG,SAAS,CAAA;AAExE,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,GAAG;IACvE;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAEzB;;OAEG;IACH,OAAO,EAAE,cAAc,CAAA;CACxB,CAAA;AAgBD,wBAAgB,aAAa,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,IAAe,EAAE,OAAO,EAAE,GAAG,IAAI,EAAC,EAAE,kBAAkB,qBASzG"}
+{"version":3,"file":"InlineMessage.d.ts","sourceRoot":"","sources":["../../src/InlineMessage/InlineMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,KAAK,cAAc,GAAG,UAAU,GAAG,SAAS,GAAG,aAAa,GAAG,SAAS,CAAA;AAExE,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,GAAG;IACvE;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAEzB;;OAEG;IACH,OAAO,EAAE,cAAc,CAAA;IAEvB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,SAAS,CAAA;CACpD,CAAA;AAgBD,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,IAAe,EACf,OAAO,EACP,aAAa,EAAE,aAAa,EAC5B,GAAG,IAAI,EACR,EAAE,kBAAkB,qBAoBpB"}

package/dist/InlineMessage/InlineMessage.js

@@ -1,6 +1,7 @@
 import { c } from 'react-compiler-runtime';
 import { AlertFillIcon, CheckCircleFillIcon, AlertIcon, CheckCircleIcon } from '@primer/octicons-react';
 import { clsx } from 'clsx';
+import { isValidElementType } from 'react-is';
 import classes from './InlineMessage.module.css.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -37,7 +38,8 @@ const smallIcons = {
   })
 };
 function InlineMessage(t0) {
-  const $ = c(15);
+  const $ = c(18);
+  let LeadingVisual;
   let children;
   let className;
   let rest;
@@ -49,33 +51,55 @@ function InlineMessage(t0) {
       className,
       size: t1,
       variant,
+      leadingVisual: LeadingVisual,
       ...rest
     } = t0);
     $[0] = t0;
-    $[1] = children;
-    $[2] = className;
-    $[3] = rest;
-    $[4] = t1;
-    $[5] = variant;
+    $[1] = LeadingVisual;
+    $[2] = children;
+    $[3] = className;
+    $[4] = rest;
+    $[5] = t1;
+    $[6] = variant;
   } else {
-    children = $[1];
-    className = $[2];
-    rest = $[3];
-    t1 = $[4];
-    variant = $[5];
+    LeadingVisual = $[1];
+    children = $[2];
+    className = $[3];
+    rest = $[4];
+    t1 = $[5];
+    variant = $[6];
   }
   const size = t1 === undefined ? "medium" : t1;
-  const icon = size === "small" ? smallIcons[variant] : icons[variant];
+  let icon;
+  if (LeadingVisual !== undefined) {
+    if (typeof LeadingVisual !== "string" && isValidElementType(LeadingVisual)) {
+      let t2;
+      if ($[7] !== LeadingVisual) {
+        t2 = /*#__PURE__*/jsx(LeadingVisual, {
+          className: classes.InlineMessageIcon
+        });
+        $[7] = LeadingVisual;
+        $[8] = t2;
+      } else {
+        t2 = $[8];
+      }
+      icon = t2;
+    } else {
+      icon = LeadingVisual;
+    }
+  } else {
+    icon = size === "small" ? smallIcons[variant] : icons[variant];
+  }
   let t2;
-  if ($[6] !== className) {
+  if ($[9] !== className) {
     t2 = clsx(className, classes.InlineMessage);
-    $[6] = className;
-    $[7] = t2;
+    $[9] = className;
+    $[10] = t2;
   } else {
-    t2 = $[7];
+    t2 = $[10];
   }
   let t3;
-  if ($[8] !== children || $[9] !== icon || $[10] !== rest || $[11] !== size || $[12] !== t2 || $[13] !== variant) {
+  if ($[11] !== children || $[12] !== icon || $[13] !== rest || $[14] !== size || $[15] !== t2 || $[16] !== variant) {
     t3 = /*#__PURE__*/jsxs("div", {
       ...rest,
       className: t2,
@@ -83,15 +107,15 @@ function InlineMessage(t0) {
       "data-variant": variant,
       children: [icon, children]
     });
-    $[8] = children;
-    $[9] = icon;
-    $[10] = rest;
-    $[11] = size;
-    $[12] = t2;
-    $[13] = variant;
-    $[14] = t3;
+    $[11] = children;
+    $[12] = icon;
+    $[13] = rest;
+    $[14] = size;
+    $[15] = t2;
+    $[16] = variant;
+    $[17] = t3;
   } else {
-    t3 = $[14];
+    t3 = $[17];
   }
   return t3;
 }

package/dist/Radio/Radio-4319e717.css

@@ -0,0 +1,2 @@
+.prc-Radio-Radio-Ly4MR{border-radius:var(--borderRadius-full,100vh);transition:background-color,border-color 80ms cubic-bezier(.33,1,.68,1)}.prc-Radio-Radio-Ly4MR:where(:checked){background-color:var(--control-checked-fgColor-rest,var(--color-switch-track-checked-fg));border-color:var(--control-checked-bgColor-rest,var(--color-switch-track-checked-bg));border-width:var(--borderWidth-thicker,.25rem)}.prc-Radio-Radio-Ly4MR:where(:checked):disabled{background-color:var(--control-checked-fgColor-disabled,var(--color-switch-track-checked-disabled-fg));border-color:var(--control-checked-bgColor-disabled,var(--color-switch-track-disabled-bg));cursor:not-allowed}.prc-Radio-Radio-Ly4MR:focus-visible{box-shadow:none;outline:2px solid var(--focus-outlineColor,var(--color-accent-fg));outline-offset:2px}@media (forced-colors:active){.prc-Radio-Radio-Ly4MR{background-color:canvastext;border-color:canvastext}}
+/*# sourceMappingURL=Radio-4319e717.css.map */

package/dist/Radio/{Radio-df9a5c02.css.map → Radio-4319e717.css.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/Radio/Radio.module.css","../../postcss-preset-primer/src/mixins/focusOutline.css"],"names":[],"mappings":"AAAA,uBACE,4CAA8C,CAC9C,uEA8BF,CA1BE,uCAEE,yFAAqD,CAIrD,qFAAiD,CACjD,8CASF,CAPE,gDAGE,2DAAsC,CAEtC,uDAAkC,CAJlC,kBAKF,CAGF,qCCrBA,eAAgB,CAFhB,kEAAgC,CAChC,kBDwBA,CAEA,8BA5BF,uBA6BI,2BAA4B,CAC5B,uBAEJ,CADE","file":"Radio-df9a5c02.css","sourcesContent":[".Radio {\n  border-radius: var(--borderRadius-full, 100vh);\n  transition:\n    background-color,\n    border-color 80ms cubic-bezier(0.33, 1, 0.68, 1); /* checked -> unchecked - add 120ms delay to fully see animation-out */\n\n  &:where(:checked) {\n    /* stylelint-disable-next-line primer/colors */\n    background-color: var(--control-checked-fgColor-rest);\n\n    /* using bgColor here to avoid a border change in dark high contrast */\n    /* stylelint-disable-next-line primer/colors */\n    border-color: var(--control-checked-bgColor-rest);\n    border-width: var(--borderWidth-thicker);\n\n    &:disabled {\n      cursor: not-allowed;\n      /* stylelint-disable-next-line primer/colors */\n      background-color: var(--fgColor-muted);\n      /* stylelint-disable-next-line primer/colors */\n      border-color: var(--fgColor-muted);\n    }\n  }\n\n  &:focus-visible {\n    @mixin focusOutline 2px;\n  }\n\n  @media (forced-colors: active) {\n    background-color: canvastext;\n    border-color: canvastext;\n  }\n}\n","@define-mixin focusOutline $outlineOffset: -2px, $outlineColor: var(--focus-outlineColor) {\n  outline: 2px solid $outlineColor;\n  outline-offset: $outlineOffset;\n  box-shadow: none;\n}\n"]}
+{"version":3,"sources":["../src/Radio/Radio.module.css","../../postcss-preset-primer/src/mixins/focusOutline.css"],"names":[],"mappings":"AAAA,uBACE,4CAA8C,CAC9C,uEA8BF,CA1BE,uCAEE,yFAAqD,CAIrD,qFAAiD,CACjD,8CASF,CAPE,gDAGE,sGAAyD,CAEzD,0FAAqD,CAJrD,kBAKF,CAGF,qCCrBA,eAAgB,CAFhB,kEAAgC,CAChC,kBDwBA,CAEA,8BA5BF,uBA6BI,2BAA4B,CAC5B,uBAEJ,CADE","file":"Radio-4319e717.css","sourcesContent":[".Radio {\n  border-radius: var(--borderRadius-full, 100vh);\n  transition:\n    background-color,\n    border-color 80ms cubic-bezier(0.33, 1, 0.68, 1); /* checked -> unchecked - add 120ms delay to fully see animation-out */\n\n  &:where(:checked) {\n    /* stylelint-disable-next-line primer/colors */\n    background-color: var(--control-checked-fgColor-rest);\n\n    /* using bgColor here to avoid a border change in dark high contrast */\n    /* stylelint-disable-next-line primer/colors */\n    border-color: var(--control-checked-bgColor-rest);\n    border-width: var(--borderWidth-thicker);\n\n    &:disabled {\n      cursor: not-allowed;\n      /* stylelint-disable-next-line primer/colors */\n      background-color: var(--control-checked-fgColor-disabled);\n      /* stylelint-disable-next-line primer/colors */\n      border-color: var(--control-checked-bgColor-disabled);\n    }\n  }\n\n  &:focus-visible {\n    @mixin focusOutline 2px;\n  }\n\n  @media (forced-colors: active) {\n    background-color: canvastext;\n    border-color: canvastext;\n  }\n}\n","@define-mixin focusOutline $outlineOffset: -2px, $outlineColor: var(--focus-outlineColor) {\n  outline: 2px solid $outlineColor;\n  outline-offset: $outlineOffset;\n  box-shadow: none;\n}\n"]}

package/dist/Radio/Radio.module.css.js

@@ -1,4 +1,4 @@
-import './Radio-df9a5c02.css';
+import './Radio-4319e717.css';
 
 var classes = {"Radio":"prc-Radio-Radio-Ly4MR"};
 

package/dist/TreeView/TreeView.d.ts.map

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

package/dist/TreeView/TreeView.js

@@ -19,6 +19,7 @@ import { ActionList } from '../ActionList/index.js';
 import { isSlot } from '../utils/is-slot.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useIsMacOS } from '../hooks/useIsMacOS.js';
+import { AriaStatus } from '../live-region/AriaStatus.js';
 import Spinner from '../Spinner/Spinner.js';
 import { Tooltip } from '../TooltipV2/Tooltip.js';
 import Text from '../Text/Text.js';
@@ -26,9 +27,6 @@ import { SkeletonAvatar } from '../SkeletonAvatar/SkeletonAvatar.js';
 import { SkeletonText } from '../SkeletonText/SkeletonText.js';
 import { getAccessibleKeybindingHintString } from '../KeybindingHint/KeybindingHint.js';
 
-// ----------------------------------------------------------------------------
-// Context
-
 const RootContext = /*#__PURE__*/React.createContext({
   announceUpdate: () => {},
   expandedStateCache: {
@@ -153,10 +151,10 @@ const Root = t0 => {
   let t9;
   if ($[8] !== ariaLiveMessage) {
     t9 = /*#__PURE__*/jsx(VisuallyHidden, {
-      role: "status",
-      "aria-live": "polite",
-      "aria-atomic": "true",
-      children: ariaLiveMessage
+      children: /*#__PURE__*/jsx(AriaStatus, {
+        announceOnShow: true,
+        children: ariaLiveMessage
+      })
     });
     $[8] = ariaLiveMessage;
     $[9] = t9;

package/dist/experimental/IssueLabel/IssueLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IssueLabel.d.ts","sourceRoot":"","sources":["../../../src/experimental/IssueLabel/IssueLabel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,KAAK,GAAG,GAAG,IAAI,MAAM,EAAE,CAAA;AAEvB,KAAK,iBAAiB,GAClB,QAAQ,GACR,MAAM,GACN,OAAO,GACP,OAAO,GACP,MAAM,GACN,MAAM,GACN,OAAO,GACP,QAAQ,GACR,OAAO,GACP,MAAM,GACN,OAAO,GACP,QAAQ,GACR,MAAM,GACN,MAAM,GACN,MAAM,GACN,QAAQ,GACR,KAAK,GACL,MAAM,GACN,QAAQ,CAAA;AAEZ,KAAK,SAAS,GAAG;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,GAAG,CAAA;IACf,OAAO,CAAC,EAAE,iBAAiB,CAAA;CAC5B,CAAA;AAED,KAAK,WAAW,GAAG,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,GACzD,SAAS,GAAG;IACV,EAAE,CAAC,EAAE,KAAK,CAAA;IACV,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;CACpD,CAAA;AAEH,KAAK,SAAS,GAAG,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,GAClD,SAAS,GAAG;IACV,EAAE,CAAC,EAAE,KAAK,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAEH,KAAK,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC,GACtE,SAAS,GAAG;IACV,EAAE,CAAC,EAAE,KAAK,CAAA;IACV,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,IAAI,CAAC,EAAE,KAAK,CAAA;CACb,CAAA;AAEH,KAAK,iBAAiB,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,IAAI;IACrD,EAAE,EAAE,EAAE,CAAA;CACP,GAAG,SAAS,GACX,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,EAAE,CAAC,EAAE,MAAM,SAAS,CAAC,CAAA;AAE3D,KAAK,eAAe,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,IAAI,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,iBAAiB,CAAC,EAAE,CAAC,CAAA;AAEhH,iBAAS,UAAU,CAAC,KAAK,EAAE,SAAS,GAAG,KAAK,CAAC,SAAS,CAAA;AACtD,iBAAS,UAAU,CAAC,KAAK,EAAE,SAAS,GAAG,KAAK,CAAC,SAAS,CAAA;AACtD,iBAAS,UAAU,CAAC,KAAK,EAAE,WAAW,GAAG,KAAK,CAAC,SAAS,CAAA;AACxD,iBAAS,UAAU,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,EAAE,KAAK,EAAE,iBAAiB,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,SAAS,CAAA;AA+ChG,OAAO,EAAC,UAAU,EAAC,CAAA;AACnB,YAAY,EAAC,eAAe,EAAE,GAAG,EAAC,CAAA"}
+{"version":3,"file":"IssueLabel.d.ts","sourceRoot":"","sources":["../../../src/experimental/IssueLabel/IssueLabel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,KAAK,GAAG,GAAG,IAAI,MAAM,EAAE,CAAA;AAEvB,KAAK,iBAAiB,GAClB,QAAQ,GACR,MAAM,GACN,OAAO,GACP,OAAO,GACP,MAAM,GACN,MAAM,GACN,OAAO,GACP,QAAQ,GACR,OAAO,GACP,MAAM,GACN,OAAO,GACP,QAAQ,GACR,MAAM,GACN,MAAM,GACN,MAAM,GACN,QAAQ,GACR,KAAK,GACL,MAAM,GACN,QAAQ,CAAA;AAEZ,KAAK,SAAS,GAAG;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,GAAG,CAAA;IACf,OAAO,CAAC,EAAE,iBAAiB,CAAA;CAC5B,CAAA;AAED,KAAK,WAAW,GAAG,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,GACzD,SAAS,GAAG;IACV,EAAE,CAAC,EAAE,KAAK,CAAA;IACV,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;CACpD,CAAA;AAEH,KAAK,SAAS,GAAG,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,GAClD,SAAS,GAAG;IACV,EAAE,CAAC,EAAE,KAAK,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAEH,KAAK,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC,GACtE,SAAS,GAAG;IACV,EAAE,CAAC,EAAE,KAAK,CAAA;IACV,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,IAAI,CAAC,EAAE,KAAK,CAAA;CACb,CAAA;AAEH,KAAK,iBAAiB,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,IAAI;IACrD,EAAE,EAAE,EAAE,CAAA;CACP,GAAG,SAAS,GACX,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,EAAE,CAAC,EAAE,MAAM,SAAS,CAAC,CAAA;AAE3D,KAAK,eAAe,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,IAAI,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,iBAAiB,CAAC,EAAE,CAAC,CAAA;AAEhH,iBAAS,UAAU,CAAC,KAAK,EAAE,SAAS,GAAG,KAAK,CAAC,SAAS,CAAA;AACtD,iBAAS,UAAU,CAAC,KAAK,EAAE,SAAS,GAAG,KAAK,CAAC,SAAS,CAAA;AACtD,iBAAS,UAAU,CAAC,KAAK,EAAE,WAAW,GAAG,KAAK,CAAC,SAAS,CAAA;AACxD,iBAAS,UAAU,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,EAAE,KAAK,EAAE,iBAAiB,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,SAAS,CAAA;AAqDhG,OAAO,EAAC,UAAU,EAAC,CAAA;AACnB,YAAY,EAAC,eAAe,EAAE,GAAG,EAAC,CAAA"}

package/dist/experimental/IssueLabel/IssueLabel.js

@@ -1,7 +1,7 @@
 import { c } from 'react-compiler-runtime';
 import { clsx } from 'clsx';
-import { getColorsFromHex } from './getColorFromHex.js';
 import classes from './IssueLabel.module.css.js';
+import { readableColor } from 'color2k';
 import { jsx } from 'react/jsx-runtime';
 
 function IssueLabel(t0) {
@@ -50,7 +50,8 @@ function IssueLabel(t0) {
   if ($[9] !== fillColor || $[10] !== style) {
     t4 = fillColor ? {
       ...style,
-      ...getColorsFromHex(fillColor)
+      backgroundColor: fillColor,
+      color: readableColor(fillColor)
     } : style;
     $[9] = fillColor;
     $[10] = style;

package/dist/experimental/SelectPanel2/SelectPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectPanel.d.ts","sourceRoot":"","sources":["../../../src/experimental/SelectPanel2/SelectPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAGvE,OAAO,KAAK,EAAC,WAAW,EAAE,cAAc,EAAmB,SAAS,EAAE,aAAa,EAAC,MAAM,aAAa,CAAA;AAevG,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,uBAAuB,CAAA;AAMvD,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,gCAAgC,CAAA;AAInE,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,mBAAmB,CAAA;AACvD,OAAO,KAAK,EAAC,gBAAgB,EAAE,cAAc,EAAC,MAAM,mBAAmB,CAAA;AA2BvE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,eAAe,CAAC,UAAU,GAAG,OAAO,EAAE,aAAa,GAAG,cAAc,CAAC,CAAA;IACtG,gBAAgB,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAA;IACpD,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;IACrD,wBAAwB,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAA;IAEpD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,gBAAgB,CAAC,EAAE,SAAS,GAAG,CAAC,MAAM,IAAI,CAAC,CAAA;IAC3C,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAA;IAG7D,KAAK,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAA;IAC7B,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,QAAQ,CAAC,CAAA;IAExD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAudD,MAAM,MAAM,+BAA+B,GAAG;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAC,GAAG,CACxE,CAAC;IAAC,OAAO,EAAE,QAAQ,CAAA;CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC,GAC7D,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAC,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,GACxC,CAAC;IAAC,OAAO,EAAE,UAAU,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAA;CAAC,GAAG,aAAa,CAAC,CACvD,CAAA;AAwBD,MAAM,MAAM,uBAAuB,GAAG;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAC,GAAG,CAChE;IACE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,CAAA;CACvC,GACD;IACE,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,OAAO,EAAE,SAAS,GAAG,OAAO,CAAA;CAC7B,CACJ,CAAA;AAuCD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;iBAxRoE,MAAM,IAAI;;;;;;;;;4BA6NxC,KAAK,CAAC,iBAAiB;;;CAmEnF,CAAA"}
+{"version":3,"file":"SelectPanel.d.ts","sourceRoot":"","sources":["../../../src/experimental/SelectPanel2/SelectPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAGvE,OAAO,KAAK,EAAC,WAAW,EAAE,cAAc,EAAmB,SAAS,EAAE,aAAa,EAAC,MAAM,aAAa,CAAA;AAevG,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,uBAAuB,CAAA;AAMvD,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,gCAAgC,CAAA;AAInE,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,mBAAmB,CAAA;AACvD,OAAO,KAAK,EAAC,gBAAgB,EAAE,cAAc,EAAC,MAAM,mBAAmB,CAAA;AA2BvE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,eAAe,CAAC,UAAU,GAAG,OAAO,EAAE,aAAa,GAAG,cAAc,CAAC,CAAA;IACtG,gBAAgB,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAA;IACpD,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;IACrD,wBAAwB,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAA;IAEpD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,gBAAgB,CAAC,EAAE,SAAS,GAAG,CAAC,MAAM,IAAI,CAAC,CAAA;IAC3C,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAA;IAG7D,KAAK,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAA;IAC7B,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,QAAQ,CAAC,CAAA;IAExD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAudD,MAAM,MAAM,+BAA+B,GAAG;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAC,GAAG,CACxE,CAAC;IAAC,OAAO,EAAE,QAAQ,CAAA;CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC,GAC7D,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAC,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,GACxC,CAAC;IAAC,OAAO,EAAE,UAAU,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAA;CAAC,GAAG,aAAa,CAAC,CACvD,CAAA;AAwBD,MAAM,MAAM,uBAAuB,GAAG;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAC,GAAG,CAChE;IACE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,CAAA;CACvC,GACD;IACE,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,OAAO,EAAE,SAAS,GAAG,OAAO,CAAA;CAC7B,CACJ,CAAA;AAqCD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;iBAtRoE,MAAM,IAAI;;;;;;;;;4BA6NxC,KAAK,CAAC,iBAAiB;;;CAiEnF,CAAA"}

package/dist/experimental/SelectPanel2/SelectPanel.js

@@ -14,6 +14,7 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useProvidedRefOrCreate } from '../../hooks/useProvidedRefOrCreate.js';
 import { useId } from '../../hooks/useId.js';
 import { useAnchoredPosition } from '../../hooks/useAnchoredPosition.js';
+import { AriaStatus } from '../../live-region/AriaStatus.js';
 import Octicon from '../../Octicon/Octicon.js';
 import TextInput from '../../TextInput/TextInput.js';
 import { useFormControlForwardedProps } from '../../FormControl/_FormControlContext.js';
@@ -23,7 +24,6 @@ import Checkbox from '../../Checkbox/Checkbox.js';
 import { IconButton } from '../../Button/IconButton.js';
 import Heading from '../../Heading/Heading.js';
 import Spinner from '../../Spinner/Spinner.js';
-import { AriaStatus } from '../../live-region/AriaStatus.js';
 
 const SelectPanelContext = /*#__PURE__*/React.createContext({
   title: '',
@@ -932,9 +932,9 @@ const SelectPanelMessage = ({
   title,
   children
 }) => {
+  const MessageWrapper = variant === 'empty' ? 'div' : AriaStatus;
   if (size === 'full') {
-    return /*#__PURE__*/jsxs("div", {
-      "aria-live": variant === 'empty' ? undefined : 'polite',
+    return /*#__PURE__*/jsxs(MessageWrapper, {
       className: classes.MessageFull,
       children: [variant !== 'empty' ? /*#__PURE__*/jsx(Octicon, {
         icon: AlertIcon,
@@ -948,8 +948,7 @@ const SelectPanelMessage = ({
       })]
     });
   } else {
-    return /*#__PURE__*/jsxs("div", {
-      "aria-live": variant === 'empty' ? undefined : 'polite',
+    return /*#__PURE__*/jsxs(MessageWrapper, {
       className: classes.MessageInline,
       "data-variant": variant,
       children: [/*#__PURE__*/jsx(AlertIcon, {

package/generated/components.json

@@ -3616,6 +3616,12 @@
           "description": "Specify the type of the inline message",
           "type": "'critical' | 'success' | 'unvailable' | 'warning'",
           "required": true
+        },
+        {
+          "name": "leadingVisual",
+          "description": "A custom leading visual to display instead of the default variant icon.",
+          "type": "React.ElementType | React.ReactNode",
+          "required": false
         }
       ]
     },

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@primer/react",
   "type": "module",
-  "version": "38.4.0-rc.fc59a24d1",
+  "version": "38.4.0",
   "description": "An implementation of GitHub's Primer Design System using React",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -116,11 +116,11 @@
     "@rollup/plugin-terser": "0.4.4",
     "@rollup/plugin-typescript": "12.3.0",
     "@rollup/plugin-virtual": "3.0.2",
-    "@storybook/addon-a11y": "^9.1.10",
-    "@storybook/addon-docs": "^9.1.10",
-    "@storybook/addon-links": "^9.1.10",
-    "@storybook/icons": "^1.6.0",
-    "@storybook/react-vite": "^9.1.10",
+    "@storybook/addon-a11y": "^10.1.2",
+    "@storybook/addon-docs": "^10.1.2",
+    "@storybook/addon-links": "^10.1.2",
+    "@storybook/icons": "^2.0.1",
+    "@storybook/react-vite": "^10.1.2",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.4.5",
     "@testing-library/react": "^16.3.0",
@@ -172,11 +172,11 @@
     "react-is": "18.3.1",
     "recast": "0.23.7",
     "rimraf": "5.0.5",
-    "rollup": "4.53.1",
+    "rollup": "4.53.3",
     "rollup-plugin-import-css": "^0.0.0",
     "rollup-plugin-postcss": "4.0.2",
     "rollup-plugin-visualizer": "6.0.5",
-    "storybook": "^9.1.10",
+    "storybook": "^10.1.2",
     "terser": "5.36.0",
     "ts-toolbelt": "9.6.0",
     "tsx": "4.20.3",

package/dist/Radio/Radio-df9a5c02.css

@@ -1,2 +0,0 @@
-.prc-Radio-Radio-Ly4MR{border-radius:var(--borderRadius-full,100vh);transition:background-color,border-color 80ms cubic-bezier(.33,1,.68,1)}.prc-Radio-Radio-Ly4MR:where(:checked){background-color:var(--control-checked-fgColor-rest,var(--color-switch-track-checked-fg));border-color:var(--control-checked-bgColor-rest,var(--color-switch-track-checked-bg));border-width:var(--borderWidth-thicker,.25rem)}.prc-Radio-Radio-Ly4MR:where(:checked):disabled{background-color:var(--fgColor-muted,var(--color-fg-muted));border-color:var(--fgColor-muted,var(--color-fg-muted));cursor:not-allowed}.prc-Radio-Radio-Ly4MR:focus-visible{box-shadow:none;outline:2px solid var(--focus-outlineColor,var(--color-accent-fg));outline-offset:2px}@media (forced-colors:active){.prc-Radio-Radio-Ly4MR{background-color:canvastext;border-color:canvastext}}
-/*# sourceMappingURL=Radio-df9a5c02.css.map */

package/dist/experimental/IssueLabel/getColorFromHex.d.ts

@@ -1,8 +0,0 @@
-import type { Hex } from './IssueLabel';
-/**
- * transforms a hex color provided by the user into a color object with background and text colors
- * @param colorHex — the hex color provided by the user
- * @returns
- */
-export declare const getColorsFromHex: (colorHex: Hex) => React.CSSProperties | undefined;
-//# sourceMappingURL=getColorFromHex.d.ts.map

package/dist/experimental/IssueLabel/getColorFromHex.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"getColorFromHex.d.ts","sourceRoot":"","sources":["../../../src/experimental/IssueLabel/getColorFromHex.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,GAAG,EAAC,MAAM,cAAc,CAAA;AAErC;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,GAAI,UAAU,GAAG,KAAG,KAAK,CAAC,aAAa,GAAG,SA+EtE,CAAA"}

package/dist/experimental/IssueLabel/getColorFromHex.js

@@ -1,185 +0,0 @@
-import { getContrast } from 'color2k';
-import { Hsluv } from 'hsluv';
-
-/**
- * transforms a hex color provided by the user into a color object with background and text colors
- * @param colorHex — the hex color provided by the user
- * @returns
- */
-const getColorsFromHex = colorHex => {
-  // start values for light mode
-  const lightBgLightness = 96;
-  const lightLightnessIncrement = -1;
-  const lightRatio = 4.5;
-  const darkBgLightness = 16;
-  const darkLightnessIncrement = 1;
-  const darkRatio = 5.5;
-
-  // get hue and saturation value from hex color
-  // eslint-disable-next-line prefer-const
-  let {
-    h,
-    s
-  } = hexToHsluv(colorHex);
-
-  // avoid intense bright colors
-  // Hue range: 58 - 198
-  // 58 marks the transition from yellow to yellow-green
-  // 198 makes the tranisiton from cyan to blue
-  // yellow, yellow-green, green, cyan, blue tend to be bright and intense
-  // Setting the hue range of 58 and 198 helps avoid bright colors
-  // saturation: represents the intensity of a color, measured as a percentage from 0 to 100. Capping at 70% to avoid intense bright colors
-  if (h >= 58 && h <= 198 && s > 70) {
-    s = 70;
-  }
-  /**
-   * creating a background color from the provided hex color
-   */
-  const {
-    colorHex: darkBackgroundColor,
-    lightness: darkCurrentBgLightness
-  } = getColorWithContrast(hsluvToHex({
-    h,
-    s,
-    l: darkBgLightness
-  }), '#0d1117',
-  // dark mode background color
-  1.2, darkLightnessIncrement);
-
-  /**
-   * creating a background color from the provided hex color
-   */
-  const {
-    colorHex: lightBackgroundColor,
-    lightness: lightCurrentBgLightness
-  } = getColorWithContrast(hsluvToHex({
-    h,
-    s,
-    l: lightBgLightness
-  }), '#ffffff',
-  // light mode background color
-  1.2, lightLightnessIncrement);
-
-  // avoid intense bright colors
-  if (h >= 58 && h <= 316 && s > 80) {
-    s = 80;
-  }
-  /**
-   * creating a text color from with a contrast ratio of at least 4.5 to the generated background color
-   */
-  const {
-    colorHex: darkTextColor
-  } = getColorWithContrast(hsluvToHex({
-    h,
-    s,
-    l: 50
-  }), darkBackgroundColor, darkRatio, darkLightnessIncrement);
-  const {
-    colorHex: lightTextColor
-  } = getColorWithContrast(hsluvToHex({
-    h,
-    s,
-    l: 50
-  }), lightBackgroundColor, lightRatio, lightLightnessIncrement);
-  return {
-    '--label-bgColor-light-rest': lightBackgroundColor,
-    '--label-bgColor-light-hover': hsluvToHex({
-      h,
-      s,
-      l: lightCurrentBgLightness + 4 * lightLightnessIncrement
-    }),
-    '--label-bgColor-light-active': hsluvToHex({
-      h,
-      s,
-      l: lightCurrentBgLightness + 8 * lightLightnessIncrement
-    }),
-    '--label-fgColor-light': lightTextColor,
-    '--label-fgColor-light-hover': lightTextColor,
-    '--label-fgColor-light-active': lightTextColor,
-    '--label-bgColor-dark-rest': darkBackgroundColor,
-    '--label-bgColor-dark-hover': hsluvToHex({
-      h,
-      s,
-      l: darkCurrentBgLightness + 4 * darkLightnessIncrement
-    }),
-    '--label-bgColor-dark-active': hsluvToHex({
-      h,
-      s,
-      l: darkCurrentBgLightness + 8 * darkLightnessIncrement
-    }),
-    '--label-fgColor-dark': darkTextColor,
-    '--label-fgColor-dark-hover': darkTextColor,
-    '--label-fgColor-dark-active': darkTextColor
-  };
-};
-/**
- * Changes the lightness of a hex color until the contrast ratio is reached and returns the new hex color
- * @param colorHex — initial hex color
- * @param bgHex — color to check the contrast against
- * @param contrastRatio — the contrast ratio to reach
- * @param increment — the direction to change the lightness depending on the color scheme
- * @returns the new hex color
- */
-const getColorWithContrast = (fgColor, bgColor, contrastRatio, increment) => {
-  const hsluv = hexToHsluv(fgColor);
-  let color = fgColor;
-
-  // change lightness until contrast is reached
-  while (getContrast(color, bgColor) < contrastRatio && hsluv.l > 0 && hsluv.l < 100) {
-    hsluv.l += increment;
-    color = hsluvToHex(hsluv);
-  }
-  return {
-    colorHex: color,
-    lightness: hsluv.l
-  };
-};
-
-/**
- * Takes a hex value and returns the hue, saturation and lightness for HSLuv as an object
- * @param hex user provided hex string
- * @returns an object with the hue, saturation and lightness values
- */
-const hexToHsluv = hex => {
-  // convert hex to hsluv
-  const color = new Hsluv();
-  color.hex = hex;
-  color.hexToHsluv();
-  // extract h, s and l values
-  const {
-    hsluv_h: h,
-    hsluv_s: s,
-    hsluv_l: l
-  } = color;
-  // return h, s, l as an object
-  return {
-    h,
-    s,
-    l
-  };
-};
-/**
- * Takes an object with hue, saturation and lightness values and returns a hex string
- * @param hex user provided hex string
- * @returns an object with the hue, saturation and lightness values
- */
-const hsluvToHex = ({
-  h,
-  s,
-  l
-}) => {
-  // create a new HSLuv color object and assign values
-  const color = new Hsluv();
-  // eslint-disable-next-line camelcase
-  color.hsluv_h = h;
-  // eslint-disable-next-line camelcase
-  color.hsluv_s = s;
-  // eslint-disable-next-line camelcase
-  color.hsluv_l = l;
-  // convert hsluv to hex
-  color.hsluvToHex();
-  // return hex string
-  return color.hex;
-};
-
-export { getColorsFromHex };

package/dist/internal/components/LiveRegion.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-type LiveRegionContext = {
-    announce: (message: string) => void;
-    message: string;
-};
-declare const LiveRegionContext: React.Context<LiveRegionContext | null>;
-declare function useLiveRegion(): LiveRegionContext;
-declare function LiveRegion({ children }: React.PropsWithChildren): React.JSX.Element;
-declare function LiveRegionOutlet(): React.JSX.Element;
-declare function Message({ value }: {
-    value: string;
-}): null;
-export { LiveRegion, LiveRegionOutlet, Message, useLiveRegion };
-//# sourceMappingURL=LiveRegion.d.ts.map

package/dist/internal/components/LiveRegion.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LiveRegion.d.ts","sourceRoot":"","sources":["../../../src/internal/components/LiveRegion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,OAAO,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,QAAA,MAAM,iBAAiB,yCAAsD,CAAA;AAE7E,iBAAS,aAAa,sBAMrB;AAED,iBAAS,UAAU,CAAC,EAAC,QAAQ,EAAC,EAAE,KAAK,CAAC,iBAAiB,qBAUtD;AAED,iBAAS,gBAAgB,sBAOxB;AAED,iBAAS,OAAO,CAAC,EAAC,KAAK,EAAC,EAAE;IAAC,KAAK,EAAE,MAAM,CAAA;CAAC,QA6BxC;AAED,OAAO,EAAC,UAAU,EAAE,gBAAgB,EAAE,OAAO,EAAE,aAAa,EAAC,CAAA"}

package/dist/internal/components/LiveRegion.js

@@ -1,130 +0,0 @@
-import { c } from 'react-compiler-runtime';
-import React from 'react';
-import { jsx } from 'react/jsx-runtime';
-import { VisuallyHidden } from '../../VisuallyHidden/VisuallyHidden.js';
-
-const LiveRegionContext = /*#__PURE__*/React.createContext(null);
-function useLiveRegion() {
-  const context = React.useContext(LiveRegionContext);
-  if (!context) {
-    throw new Error("useLiveRegion() must be used within a <LiveRegion>");
-  }
-  return context;
-}
-function LiveRegion(t0) {
-  const $ = c(5);
-  const {
-    children
-  } = t0;
-  const [message, setMessage] = React.useState("");
-  let t1;
-  if ($[0] !== message) {
-    t1 = {
-      announce: setMessage,
-      message
-    };
-    $[0] = message;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const value = t1;
-  let t2;
-  if ($[2] !== children || $[3] !== value) {
-    t2 = /*#__PURE__*/jsx(LiveRegionContext.Provider, {
-      value: value,
-      children: children
-    });
-    $[2] = children;
-    $[3] = value;
-    $[4] = t2;
-  } else {
-    t2 = $[4];
-  }
-  return t2;
-}
-function LiveRegionOutlet() {
-  const $ = c(2);
-  const liveRegion = useLiveRegion();
-  let t0;
-  if ($[0] !== liveRegion.message) {
-    t0 = /*#__PURE__*/jsx(VisuallyHidden, {
-      role: "status",
-      "aria-live": "polite",
-      "aria-atomic": true,
-      children: liveRegion.message
-    });
-    $[0] = liveRegion.message;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
-  return t0;
-}
-function Message(t0) {
-  const $ = c(8);
-  const {
-    value
-  } = t0;
-  const liveRegion = useLiveRegion();
-  const savedLiveRegion = React.useRef(liveRegion);
-  const committedRef = React.useRef(false);
-  let t1;
-  let t2;
-  if ($[0] !== liveRegion) {
-    t1 = () => {
-      savedLiveRegion.current = liveRegion;
-    };
-    t2 = [liveRegion];
-    $[0] = liveRegion;
-    $[1] = t1;
-    $[2] = t2;
-  } else {
-    t1 = $[1];
-    t2 = $[2];
-  }
-  React.useEffect(t1, t2);
-  let t3;
-  let t4;
-  if ($[3] !== value) {
-    t3 = () => {
-      if (committedRef.current !== true) {
-        return;
-      }
-      const timeoutId = setTimeout(() => {
-        savedLiveRegion.current.announce(value);
-      }, 750);
-      return () => {
-        clearTimeout(timeoutId);
-      };
-    };
-    t4 = [value];
-    $[3] = value;
-    $[4] = t3;
-    $[5] = t4;
-  } else {
-    t3 = $[4];
-    t4 = $[5];
-  }
-  React.useEffect(t3, t4);
-  let t5;
-  let t6;
-  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-    t5 = () => {
-      committedRef.current = true;
-      return () => {
-        committedRef.current = false;
-      };
-    };
-    t6 = [];
-    $[6] = t5;
-    $[7] = t6;
-  } else {
-    t5 = $[6];
-    t6 = $[7];
-  }
-  React.useEffect(t5, t6);
-  return null;
-}
-
-export { LiveRegion, LiveRegionOutlet, Message, useLiveRegion };

package/dist/polyfills/eventListenerSignal.d.ts

@@ -1,7 +0,0 @@
-export declare function polyfill(): void;
-declare global {
-    interface AddEventListenerOptions {
-        signal?: AbortSignal;
-    }
-}
-//# sourceMappingURL=eventListenerSignal.d.ts.map

package/dist/polyfills/eventListenerSignal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"eventListenerSignal.d.ts","sourceRoot":"","sources":["../../src/polyfills/eventListenerSignal.ts"],"names":[],"mappings":"AAqDA,wBAAgB,QAAQ,IAAI,IAAI,CAK/B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,uBAAuB;QAC/B,MAAM,CAAC,EAAE,WAAW,CAAA;KACrB;CACF"}