@primer/react 37.32.0-rc.f648ca0d1 → 38.0.0-rc.0

package/lib/Select/Select.js

@@ -70,7 +70,7 @@ const ArrowIndicator = t0 => {
 };
 const Select = /*#__PURE__*/React__default.default.forwardRef((t0, ref) => {
   var _ref, _defaultValue;
-  const $ = reactCompilerRuntime.c(39);
+  const $ = reactCompilerRuntime.c(41);
   let block;
   let children;
   let className;
@@ -125,93 +125,101 @@ const Select = /*#__PURE__*/React__default.default.forwardRef((t0, ref) => {
     sx = $[11];
     validationStatus = $[12];
   }
-  const t1 = validationStatus === "error" ? "true" : "false";
-  const t2 = disabled && Select_module.Disabled;
-  let t3;
-  if ($[13] !== className || $[14] !== t2) {
-    t3 = clsx.clsx(className, Select_module.Select, t2);
+  let t1;
+  if ($[13] !== className) {
+    t1 = clsx.clsx(Select_module.TextInputWrapper, className);
     $[13] = className;
-    $[14] = t2;
+    $[14] = t1;
+  } else {
+    t1 = $[14];
+  }
+  const t2 = validationStatus === "error" ? "true" : "false";
+  const t3 = disabled && Select_module.Disabled;
+  let t4;
+  if ($[15] !== t3) {
+    t4 = clsx.clsx(Select_module.Select, t3);
     $[15] = t3;
+    $[16] = t4;
   } else {
-    t3 = $[15];
+    t4 = $[16];
   }
-  const t4 = Boolean(placeholder);
-  const t5 = (_ref = (_defaultValue = defaultValue) !== null && _defaultValue !== void 0 ? _defaultValue : placeholder) !== null && _ref !== void 0 ? _ref : undefined;
-  let t6;
-  if ($[16] !== placeholder || $[17] !== required) {
-    t6 = placeholder && /*#__PURE__*/jsxRuntime.jsx("option", {
+  const t5 = Boolean(placeholder);
+  const t6 = (_ref = (_defaultValue = defaultValue) !== null && _defaultValue !== void 0 ? _defaultValue : placeholder) !== null && _ref !== void 0 ? _ref : undefined;
+  let t7;
+  if ($[17] !== placeholder || $[18] !== required) {
+    t7 = placeholder && /*#__PURE__*/jsxRuntime.jsx("option", {
       value: "",
       disabled: required,
       hidden: required,
       children: placeholder
     });
-    $[16] = placeholder;
-    $[17] = required;
-    $[18] = t6;
+    $[17] = placeholder;
+    $[18] = required;
+    $[19] = t7;
   } else {
-    t6 = $[18];
+    t7 = $[19];
   }
-  let t7;
-  if ($[19] !== children || $[20] !== disabled || $[21] !== ref || $[22] !== required || $[23] !== rest || $[24] !== t1 || $[25] !== t3 || $[26] !== t4 || $[27] !== t5 || $[28] !== t6) {
-    t7 = /*#__PURE__*/jsxRuntime.jsxs("select", {
+  let t8;
+  if ($[20] !== children || $[21] !== disabled || $[22] !== ref || $[23] !== required || $[24] !== rest || $[25] !== t2 || $[26] !== t4 || $[27] !== t5 || $[28] !== t6 || $[29] !== t7) {
+    t8 = /*#__PURE__*/jsxRuntime.jsxs("select", {
       ...rest,
       ref: ref,
       required: required,
       disabled: disabled,
-      "aria-invalid": t1,
-      className: t3,
-      "data-hasplaceholder": t4,
-      defaultValue: t5,
-      children: [t6, children]
+      "aria-invalid": t2,
+      className: t4,
+      "data-hasplaceholder": t5,
+      defaultValue: t6,
+      children: [t7, children]
     });
-    $[19] = children;
-    $[20] = disabled;
-    $[21] = ref;
-    $[22] = required;
-    $[23] = rest;
-    $[24] = t1;
-    $[25] = t3;
+    $[20] = children;
+    $[21] = disabled;
+    $[22] = ref;
+    $[23] = required;
+    $[24] = rest;
+    $[25] = t2;
     $[26] = t4;
     $[27] = t5;
     $[28] = t6;
     $[29] = t7;
+    $[30] = t8;
   } else {
-    t7 = $[29];
+    t8 = $[30];
   }
-  let t8;
-  if ($[30] === Symbol.for("react.memo_cache_sentinel")) {
-    t8 = /*#__PURE__*/jsxRuntime.jsx(ArrowIndicator, {
+  let t9;
+  if ($[31] === Symbol.for("react.memo_cache_sentinel")) {
+    t9 = /*#__PURE__*/jsxRuntime.jsx(ArrowIndicator, {
       className: Select_module.ArrowIndicator
     });
-    $[30] = t8;
+    $[31] = t9;
   } else {
-    t8 = $[30];
+    t9 = $[31];
   }
-  let t9;
-  if ($[31] !== block || $[32] !== contrast || $[33] !== disabled || $[34] !== size || $[35] !== sx || $[36] !== t7 || $[37] !== validationStatus) {
-    t9 = /*#__PURE__*/jsxRuntime.jsxs(TextInputWrapper.TextInputWrapper, {
+  let t10;
+  if ($[32] !== block || $[33] !== contrast || $[34] !== disabled || $[35] !== size || $[36] !== sx || $[37] !== t1 || $[38] !== t8 || $[39] !== validationStatus) {
+    t10 = /*#__PURE__*/jsxRuntime.jsxs(TextInputWrapper.TextInputWrapper, {
       block: block,
       contrast: contrast,
       disabled: disabled,
       size: size,
       validationStatus: validationStatus,
-      className: Select_module.TextInputWrapper,
+      className: t1,
       sx: sx,
-      children: [t7, t8]
+      children: [t8, t9]
     });
-    $[31] = block;
-    $[32] = contrast;
-    $[33] = disabled;
-    $[34] = size;
-    $[35] = sx;
-    $[36] = t7;
-    $[37] = validationStatus;
-    $[38] = t9;
+    $[32] = block;
+    $[33] = contrast;
+    $[34] = disabled;
+    $[35] = size;
+    $[36] = sx;
+    $[37] = t1;
+    $[38] = t8;
+    $[39] = validationStatus;
+    $[40] = t10;
   } else {
-    t9 = $[38];
+    t10 = $[40];
   }
-  return t9;
+  return t10;
 });
 const Option = props => {
   const $ = reactCompilerRuntime.c(2);

package/lib/SelectPanel/SelectPanel.js

@@ -13,7 +13,7 @@ var FilteredActionListLoaders = require('../FilteredActionList/FilteredActionLis
 var liveRegionElement = require('@primer/live-region-element');
 var SelectPanel_module = require('./SelectPanel.module.css.js');
 var clsx = require('clsx');
-var index = require('../node_modules/@github/mini-throttle/dist/index.js');
+var miniThrottle = require('@github/mini-throttle');
 var useResponsiveValue = require('../hooks/useResponsiveValue.js');
 var jsxRuntime = require('react/jsx-runtime');
 var useFeatureFlag = require('../FeatureFlags/useFeatureFlag.js');
@@ -318,7 +318,7 @@ function Panel({
     }
     initialHeightRef.current = window.visualViewport.height;
     initialScaleRef.current = window.visualViewport.scale;
-    const handleViewportChange = index.debounce(() => {
+    const handleViewportChange = miniThrottle.debounce(() => {
       if (window.visualViewport) {
         const currentScale = window.visualViewport.scale;
         const isZooming = currentScale !== initialScaleRef.current;

package/lib/SubNav/SubNav.d.ts

@@ -1,27 +1,19 @@
 import type { To } from 'history';
 import React from 'react';
-import type { ComponentProps } from '../utils/types';
-import type { SxProp } from '../sx';
-type StyledSubNavProps = React.ComponentProps<'nav'> & {
+export type SubNavProps = React.ComponentProps<'nav'> & {
     actions?: React.ReactNode;
     align?: 'right';
     full?: boolean;
     label?: string;
-} & SxProp;
-type StyledSubNavLinksProps = React.ComponentProps<'div'> & SxProp;
-type StyledSubNavLinkProps = React.ComponentProps<'a'> & {
+};
+export type SubNavLinksProps = React.ComponentProps<'div'>;
+export type SubNavLinkProps = React.ComponentProps<'a'> & {
     to?: To;
     selected?: boolean;
-} & SxProp;
-declare const SubNav: React.ForwardRefExoticComponent<Omit<StyledSubNavProps, "ref"> & React.RefAttributes<HTMLElement>>;
-declare const SubNavLinks: React.ForwardRefExoticComponent<Omit<StyledSubNavLinksProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SubNavLink: React.ForwardRefExoticComponent<Omit<StyledSubNavLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-export type SubNavProps = ComponentProps<typeof SubNav>;
-export type SubNavLinksProps = ComponentProps<typeof SubNavLinks>;
-export type SubNavLinkProps = ComponentProps<typeof SubNavLink>;
-declare const _default: React.ForwardRefExoticComponent<Omit<StyledSubNavProps, "ref"> & React.RefAttributes<HTMLElement>> & {
-    Link: React.ForwardRefExoticComponent<Omit<StyledSubNavLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-    Links: React.ForwardRefExoticComponent<Omit<StyledSubNavLinksProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};
+declare const _default: React.ForwardRefExoticComponent<Omit<SubNavProps, "ref"> & React.RefAttributes<HTMLElement>> & {
+    Link: React.ForwardRefExoticComponent<Omit<SubNavLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+    Links: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 };
 export default _default;
 //# sourceMappingURL=SubNav.d.ts.map

package/lib/SubNav/SubNav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SubNav.d.ts","sourceRoot":"","sources":["../../src/SubNav/SubNav.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,EAAE,EAAC,MAAM,SAAS,CAAA;AAC/B,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAA;AAGlD,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAGjC,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IACrD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,MAAM,CAAA;AACV,KAAK,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,MAAM,CAAA;AAClE,KAAK,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG;IAAC,EAAE,CAAC,EAAE,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAC,GAAG,MAAM,CAAA;AAE/F,QAAA,MAAM,MAAM,oGAgBV,CAAA;AAKF,QAAA,MAAM,WAAW,4GAQhB,CAAA;AAKD,QAAA,MAAM,UAAU,8GAef,CAAA;AAID,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAA;AACvD,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAA;AACjE,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,CAAA;;;;;AAC/D,wBAA4E"}
+{"version":3,"file":"SubNav.d.ts","sourceRoot":"","sources":["../../src/SubNav/SubNav.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,EAAE,EAAC,MAAM,SAAS,CAAA;AAC/B,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IACtD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AACD,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;AAC1D,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG;IAAC,EAAE,CAAC,EAAE,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAC,CAAA;;;;;AA8CvF,wBAA4E"}

package/lib/SubNav/SubNav.js

@@ -4,7 +4,6 @@ var reactCompilerRuntime = require('react-compiler-runtime');
 var clsx = require('clsx');
 var React = require('react');
 var SubNav_module = require('./SubNav.module.css.js');
-var BoxWithFallback = require('../internal/components/BoxWithFallback.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -78,8 +77,7 @@ const SubNav = /*#__PURE__*/React__default.default.forwardRef(function SubNav(t0
   }
   let t5;
   if ($[13] !== forwardRef || $[14] !== label || $[15] !== rest || $[16] !== t1 || $[17] !== t3 || $[18] !== t4) {
-    t5 = /*#__PURE__*/jsxRuntime.jsxs(BoxWithFallback.BoxWithFallback, {
-      as: "nav",
+    t5 = /*#__PURE__*/jsxRuntime.jsxs("nav", {
       ref: forwardRef,
       className: t1,
       "aria-label": label,
@@ -132,7 +130,7 @@ const SubNavLinks = /*#__PURE__*/React__default.default.forwardRef((t0, forwardR
   }
   let t2;
   if ($[6] !== children || $[7] !== forwardRef || $[8] !== rest || $[9] !== t1) {
-    t2 = /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
+    t2 = /*#__PURE__*/jsxRuntime.jsx("div", {
       ref: forwardRef,
       className: t1,
       ...rest,
@@ -182,8 +180,7 @@ const SubNavLink = /*#__PURE__*/React__default.default.forwardRef((t0, forwardRe
   }
   let t2;
   if ($[6] !== children || $[7] !== forwardRef || $[8] !== rest || $[9] !== t1) {
-    t2 = /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
-      as: "a",
+    t2 = /*#__PURE__*/jsxRuntime.jsx("a", {
       ref: forwardRef,
       className: t1,
       "data-selected": rest.selected,

package/lib-esm/Autocomplete/AutocompleteMenu.js

@@ -1,5 +1,5 @@
 import React, { useContext, useRef, useState, useMemo, useEffect } from 'react';
-import { debounce } from '../node_modules/@github/mini-throttle/dist/index.js';
+import { debounce } from '@github/mini-throttle';
 import { announce } from '@primer/live-region-element';
 import { scrollIntoView } from '@primer/behaviors';
 import { ActionList } from '../ActionList/index.js';

package/lib-esm/CircleOcticon/CircleOcticon.d.ts

@@ -8,6 +8,9 @@ export type CircleOcticonProps = {
         size?: IconProps['size'];
     }>>;
 } & BoxProps;
+/**
+ * @deprecated This component is deprecated. Replace component with specific icon imports from `@primer/octicons-react` and customized styling.)
+ */
 declare function CircleOcticon(props: CircleOcticonProps): React.JSX.Element;
 export default CircleOcticon;
 //# sourceMappingURL=CircleOcticon.d.ts.map

package/lib-esm/CircleOcticon/CircleOcticon.js

@@ -2,6 +2,9 @@ import { c } from 'react-compiler-runtime';
 import { jsx } from 'react/jsx-runtime';
 import Box from '../Box/Box.js';
 
+/**
+ * @deprecated This component is deprecated. Replace component with specific icon imports from `@primer/octicons-react` and customized styling.)
+ */
 function CircleOcticon(props) {
   const $ = c(21);
   let IconComponent;

package/lib-esm/ConfirmationDialog/ConfirmationDialog.d.ts

@@ -26,6 +26,14 @@ export interface ConfirmationDialogProps {
      * The type of button to use for the confirm button. Default: Button.
      */
     confirmButtonType?: 'normal' | 'primary' | 'danger';
+    /**
+     * Whether the cancel button is in a loading state. Default: false.
+     */
+    cancelButtonLoading?: boolean;
+    /**
+     * Whether the confirm button is in a loading state. Default: false.
+     */
+    confirmButtonLoading?: boolean;
     /**
      * Additional class names to apply to the dialog
      */

package/lib-esm/ConfirmationDialog/ConfirmationDialog.js

@@ -69,6 +69,8 @@ const ConfirmationDialog = props => {
     cancelButtonContent = 'Cancel',
     confirmButtonContent = 'OK',
     confirmButtonType = 'normal',
+    cancelButtonLoading = false,
+    confirmButtonLoading = false,
     children,
     className,
     width = 'medium',
@@ -84,13 +86,15 @@ const ConfirmationDialog = props => {
   const cancelButton = {
     content: cancelButtonContent,
     onClick: onCancelButtonClick,
-    autoFocus: isConfirmationDangerous
+    autoFocus: isConfirmationDangerous,
+    loading: cancelButtonLoading
   };
   const confirmButton = {
     content: confirmButtonContent,
     buttonType: confirmButtonType,
     onClick: onConfirmButtonClick,
-    autoFocus: !isConfirmationDangerous
+    autoFocus: !isConfirmationDangerous,
+    loading: confirmButtonLoading
   };
   const footerButtons = [cancelButton, confirmButton];
   return /*#__PURE__*/jsx(Dialog, {

package/lib-esm/ProgressBar/ProgressBar-a0957632.css

@@ -0,0 +1,2 @@
+@keyframes prc-ProgressBar-shimmer-i1RxN{0%{mask-position:200%}to{mask-position:0}}.prc-ProgressBar-ProgressBarItem-stL6O{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);border-radius:var(--borderRadius-small,.1875rem);display:flex;gap:2px;outline:solid 1px var(--progressBar-track-borderColor);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}
+/*# sourceMappingURL=ProgressBar-a0957632.css.map */

package/lib-esm/ProgressBar/ProgressBar-a0957632.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ProgressBar/ProgressBar.module.css"],"names":[],"mappings":"AAAA,yCACE,GACE,kBACF,CAEA,GACE,eACF,CACF,CAEA,uCAGE,mCAAoC,CAFpC,2BAaF,CATE,8CACE,2DAIE,qBAAsB,CACtB,kCAAmC,CAFnC,4CAAuB,CAFvB,8DAAqE,CACrE,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","file":"ProgressBar-a0957632.css","sourcesContent":["@keyframes shimmer {\n  from {\n    mask-position: 200%;\n  }\n\n  to {\n    mask-position: 0%;\n  }\n}\n\n.ProgressBarItem {\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%, rgba(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"]}

package/lib-esm/ProgressBar/ProgressBar.js

@@ -6,10 +6,11 @@ import { BoxWithFallback } from '../internal/components/BoxWithFallback.js';
 import { jsx } from 'react/jsx-runtime';
 
 const Item = /*#__PURE__*/forwardRef((t0, forwardRef) => {
-  const $ = c(32);
+  const $ = c(33);
   let ariaLabel;
   let ariaValueNow;
   let ariaValueText;
+  let bg;
   let className;
   let progress;
   let rest;
@@ -22,93 +23,96 @@ const Item = /*#__PURE__*/forwardRef((t0, forwardRef) => {
       "aria-valuetext": ariaValueText,
       className,
       style,
+      bg,
       ...rest
     } = t0);
     $[0] = t0;
     $[1] = ariaLabel;
     $[2] = ariaValueNow;
     $[3] = ariaValueText;
-    $[4] = className;
-    $[5] = progress;
-    $[6] = rest;
-    $[7] = style;
+    $[4] = bg;
+    $[5] = className;
+    $[6] = progress;
+    $[7] = rest;
+    $[8] = style;
   } else {
     ariaLabel = $[1];
     ariaValueNow = $[2];
     ariaValueText = $[3];
-    className = $[4];
-    progress = $[5];
-    rest = $[6];
-    style = $[7];
+    bg = $[4];
+    className = $[5];
+    progress = $[6];
+    rest = $[7];
+    style = $[8];
   }
   const progressAsNumber = typeof progress === "string" ? parseInt(progress, 10) : progress;
   let t1;
-  if ($[8] !== ariaValueNow || $[9] !== progressAsNumber) {
+  if ($[9] !== ariaValueNow || $[10] !== progressAsNumber) {
     var _ariaValueNow;
     t1 = (_ariaValueNow = ariaValueNow) !== null && _ariaValueNow !== void 0 ? _ariaValueNow : progressAsNumber !== undefined && progressAsNumber >= 0 ? Math.round(progressAsNumber) : 0;
-    $[8] = ariaValueNow;
-    $[9] = progressAsNumber;
-    $[10] = t1;
+    $[9] = ariaValueNow;
+    $[10] = progressAsNumber;
+    $[11] = t1;
   } else {
-    t1 = $[10];
+    t1 = $[11];
   }
   let t2;
-  if ($[11] !== ariaValueText || $[12] !== t1) {
+  if ($[12] !== ariaValueText || $[13] !== t1) {
     t2 = {
       "aria-valuenow": t1,
       "aria-valuemin": 0,
       "aria-valuemax": 100,
       "aria-valuetext": ariaValueText
     };
-    $[11] = ariaValueText;
-    $[12] = t1;
-    $[13] = t2;
+    $[12] = ariaValueText;
+    $[13] = t1;
+    $[14] = t2;
   } else {
-    t2 = $[13];
+    t2 = $[14];
   }
   const ariaAttributes = t2;
   let styles;
-  if ($[14] !== progress || $[15] !== rest.bg) {
+  if ($[15] !== bg || $[16] !== progress) {
     styles = {};
     let t3;
-    if ($[17] !== rest.bg) {
-      t3 = rest.bg && rest.bg.split(".");
-      $[17] = rest.bg;
-      $[18] = t3;
+    if ($[18] !== bg) {
+      t3 = bg && bg.split(".");
+      $[18] = bg;
+      $[19] = t3;
     } else {
-      t3 = $[18];
+      t3 = $[19];
     }
     const bgType = t3;
     styles["--progress-width"] = progress ? `${progress}%` : "0%";
-    styles["--progress-bg"] = bgType && `var(--bgColor-${bgType[0]}-${bgType[1]})` || "var(--bgColor-success-emphasis)";
-    $[14] = progress;
-    $[15] = rest.bg;
-    $[16] = styles;
+    styles["--progress-bg"] = bgType && `var(--bgColor-${bgType[0]}-${bgType[1] || "emphasis"})` || "var(--bgColor-success-emphasis)";
+    $[15] = bg;
+    $[16] = progress;
+    $[17] = styles;
   } else {
-    styles = $[16];
+    styles = $[17];
   }
   let t3;
-  if ($[19] !== className) {
+  if ($[20] !== className) {
     t3 = clsx(className, classes.ProgressBarItem);
-    $[19] = className;
-    $[20] = t3;
+    $[20] = className;
+    $[21] = t3;
   } else {
-    t3 = $[20];
+    t3 = $[21];
   }
   let t4;
-  if ($[21] !== style || $[22] !== styles) {
+  if ($[22] !== style || $[23] !== styles) {
     t4 = {
       ...styles,
       ...style
     };
-    $[21] = style;
-    $[22] = styles;
-    $[23] = t4;
+    $[22] = style;
+    $[23] = styles;
+    $[24] = t4;
   } else {
-    t4 = $[23];
+    t4 = $[24];
   }
   let t5;
-  if ($[24] !== ariaAttributes || $[25] !== ariaLabel || $[26] !== forwardRef || $[27] !== progress || $[28] !== rest || $[29] !== t3 || $[30] !== t4) {
+  if ($[25] !== ariaAttributes || $[26] !== ariaLabel || $[27] !== forwardRef || $[28] !== progress || $[29] !== rest || $[30] !== t3 || $[31] !== t4) {
     t5 = /*#__PURE__*/jsx(BoxWithFallback, {
       as: "span",
       className: t3,
@@ -120,16 +124,16 @@ const Item = /*#__PURE__*/forwardRef((t0, forwardRef) => {
       style: t4,
       ...ariaAttributes
     });
-    $[24] = ariaAttributes;
-    $[25] = ariaLabel;
-    $[26] = forwardRef;
-    $[27] = progress;
-    $[28] = rest;
-    $[29] = t3;
-    $[30] = t4;
-    $[31] = t5;
+    $[25] = ariaAttributes;
+    $[26] = ariaLabel;
+    $[27] = forwardRef;
+    $[28] = progress;
+    $[29] = rest;
+    $[30] = t3;
+    $[31] = t4;
+    $[32] = t5;
   } else {
-    t5 = $[31];
+    t5 = $[32];
   }
   return t5;
 });

package/lib-esm/ProgressBar/ProgressBar.module.css.js

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

package/{lib/Radio/Radio-b2a92b7d.css → lib-esm/Radio/Radio-df9a5c02.css}

@@ -1,2 +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(--fgColor-muted,var(--color-fg-muted));border-color:var(--fgColor-muted,var(--color-fg-muted));cursor:not-allowed}.prc-Radio-Radio-Ly4MR:focus,.prc-Radio-Radio-Ly4MR:focus-within{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-b2a92b7d.css.map */
+.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/{lib/Radio/Radio-b2a92b7d.css.map → lib-esm/Radio/Radio-df9a5c02.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,uEA+BF,CA3BE,uCAEE,yFAAqD,CAIrD,qFAAiD,CACjD,8CASF,CAPE,gDAGE,2DAAsC,CAEtC,uDAAkC,CAJlC,kBAKF,CAGF,iECrBA,eAAgB,CAFhB,kEAAgC,CAChC,kBDyBA,CAEA,8BA7BF,uBA8BI,2BAA4B,CAC5B,uBAEJ,CADE","file":"Radio-b2a92b7d.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,\n  &:focus-within {\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,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"]}

package/lib-esm/Radio/Radio.module.css.js

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