@primer/react 38.0.0-rc.1 → 38.0.0-rc.2

package/lib/AvatarStack/AvatarStack.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import type { SxProp } from '../sx';
 import type { ResponsiveValue } from '../hooks/useResponsiveValue';
 export type AvatarStackProps = {
     alignRight?: boolean;
@@ -10,7 +9,7 @@ export type AvatarStackProps = {
     className?: string;
     children: React.ReactNode;
     style?: React.CSSProperties;
-} & SxProp;
-declare const AvatarStack: ({ children, variant, shape, alignRight, disableExpand, size, className, style, sx: sxProp, }: AvatarStackProps) => React.JSX.Element;
+};
+declare const AvatarStack: ({ children, variant, shape, alignRight, disableExpand, size, className, style, }: AvatarStackProps) => React.JSX.Element;
 export default AvatarStack;
 //# sourceMappingURL=AvatarStack.d.ts.map

package/lib/AvatarStack/AvatarStack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarStack.d.ts","sourceRoot":"","sources":["../../src/AvatarStack/AvatarStack.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoC,MAAM,OAAO,CAAA;AACxD,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAGjC,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,6BAA6B,CAAA;AAkBhE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC7B,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,MAAM,CAAC,CAAA;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B,GAAG,MAAM,CAAA;AA8BV,QAAA,MAAM,WAAW,GAAI,8FAUlB,gBAAgB,sBA0HlB,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"AvatarStack.d.ts","sourceRoot":"","sources":["../../src/AvatarStack/AvatarStack.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoC,MAAM,OAAO,CAAA;AAGxD,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,6BAA6B,CAAA;AAkBhE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC7B,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,MAAM,CAAC,CAAA;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B,CAAA;AA8BD,QAAA,MAAM,WAAW,GAAI,kFASlB,gBAAgB,sBAyHlB,CAAA;AAED,eAAe,WAAW,CAAA"}

package/lib/AvatarStack/AvatarStack.js

@@ -48,8 +48,7 @@ const AvatarStack = ({
   disableExpand,
   size,
   className,
-  style,
-  sx: sxProp
+  style
 }) => {
   const [hasInteractiveChildren, setHasInteractiveChildren] = React.useState(false);
   const stackContainer = React.useRef(null);
@@ -144,7 +143,6 @@ const AvatarStack = ({
       ...getResponsiveAvatarSizeStyles(),
       ...style
     },
-    sx: sxProp,
     children: /*#__PURE__*/jsxRuntime.jsxs(AvatarStackBody, {
       disableExpand: disableExpand,
       hasInteractiveChildren: hasInteractiveChildren,

package/lib/Banner/Banner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../src/Banner/Banner.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,EAAqB,KAAK,WAAW,EAAC,MAAM,WAAW,CAAA;AAI9D,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAE/F,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAA;AAElF,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,wBAAwB,CAAC,SAAS,CAAC,GAAG;IACpE;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE7B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAEtB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IAEtB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE/B;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAEjC;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAEvB;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAA;CACxB,CAAA;AAkBD,eAAO,MAAM,MAAM;IAxEjB;;;OAGG;mBACY,MAAM;IAErB;;;OAGG;gBACS,MAAM;IAElB;;;OAGG;kBACW,KAAK,CAAC,SAAS;IAE7B;;OAEG;gBACS,OAAO;IAEnB;;OAEG;WACI,KAAK,CAAC,SAAS;IAEtB;;;OAGG;gBACS,MAAM,IAAI;IAEtB;;OAEG;oBACa,KAAK,CAAC,SAAS;IAE/B;;OAEG;sBACe,KAAK,CAAC,SAAS;IAEjC;;;OAGG;YACK,KAAK,CAAC,SAAS;IAEvB;;OAEG;cACO,aAAa;qCAwGvB,CAAA;AAEF,KAAK,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAEtD,MAAM,MAAM,gBAAgB,CAAC,EAAE,SAAS,cAAc,IAAI;IACxD,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,KAAK,CAAC,wBAAwB,CAAC,EAAE,SAAS,IAAI,GAAG,IAAI,GAAG,EAAE,CAAC,CAAA;AAE/D,wBAAgB,WAAW,CAAC,EAAE,SAAS,cAAc,EAAE,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,qBAOjF;AAED,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAE1E,wBAAgB,iBAAiB,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAC,EAAE,sBAAsB,qBAMvF;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAClC,CAAA;AAED,wBAAgB,aAAa,CAAC,EAAC,aAAa,EAAE,eAAe,EAAC,EAAE,kBAAkB,qBAajF;AAED,MAAM,MAAM,wBAAwB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAA;AAEnE,QAAA,MAAM,mBAAmB,EAMnB,8BAA8B,CAAC,QAAQ,EAAE,wBAAwB,CAAC,CAAA;AAIxE,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAA;AAErE,QAAA,MAAM,qBAAqB,EAMrB,8BAA8B,CAAC,QAAQ,EAAE,0BAA0B,CAAC,CAAA;AAI1E,OAAO,EAAC,mBAAmB,EAAE,qBAAqB,EAAC,CAAA"}
+{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../src/Banner/Banner.tsx"],"names":[],"mappings":"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"}

package/lib/Banner/Banner.js

@@ -31,6 +31,7 @@ const labels = {
 };
 const Banner = /*#__PURE__*/React__default.default.forwardRef(function Banner({
   'aria-label': label,
+  'aria-labelledby': labelledBy,
   children,
   className,
   description,
@@ -70,7 +71,8 @@ const Banner = /*#__PURE__*/React__default.default.forwardRef(function Banner({
   }
   return /*#__PURE__*/jsxRuntime.jsxs("section", {
     ...rest,
-    "aria-label": label !== null && label !== void 0 ? label : labels[variant],
+    "aria-labelledby": labelledBy,
+    "aria-label": labelledBy ? undefined : label !== null && label !== void 0 ? label : labels[variant],
     className: clsx.clsx(className, Banner_module.Banner),
     "data-dismissible": onDismiss ? '' : undefined,
     "data-title-hidden": hideTitle ? '' : undefined,

package/lib/Blankslate/Blankslate.js

@@ -47,75 +47,73 @@ function Blankslate(t0) {
   }
   const size = t1 === undefined ? "medium" : t1;
   let t2;
-  let t3;
   if ($[8] !== size) {
-    t3 = {
+    t2 = {
       size
     };
     $[8] = size;
-    $[9] = t3;
+    $[9] = t2;
   } else {
-    t3 = $[9];
+    t2 = $[9];
   }
-  t2 = t3;
   const value = t2;
-  let t4;
+  let t3;
   if ($[10] !== className) {
-    t4 = clsx.clsx(Blankslate_module.Blankslate, className);
+    t3 = clsx.clsx(Blankslate_module.Blankslate, className);
     $[10] = className;
-    $[11] = t4;
+    $[11] = t3;
   } else {
-    t4 = $[11];
+    t3 = $[11];
   }
-  const t5 = border ? "" : undefined;
-  const t6 = narrow ? "" : undefined;
-  const t7 = spacious ? "" : undefined;
-  let t8;
-  if ($[12] !== children || $[13] !== size || $[14] !== t4 || $[15] !== t5 || $[16] !== t6 || $[17] !== t7) {
-    t8 = /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: t4,
-      "data-border": t5,
-      "data-narrow": t6,
-      "data-spacious": t7,
+  const t4 = border ? "" : undefined;
+  const t5 = narrow ? "" : undefined;
+  const t6 = spacious ? "" : undefined;
+  let t7;
+  if ($[12] !== children || $[13] !== size || $[14] !== t3 || $[15] !== t4 || $[16] !== t5 || $[17] !== t6) {
+    t7 = /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: t3,
+      "data-border": t4,
+      "data-narrow": t5,
+      "data-spacious": t6,
       "data-size": size,
       children: children
     });
     $[12] = children;
     $[13] = size;
-    $[14] = t4;
-    $[15] = t5;
-    $[16] = t6;
-    $[17] = t7;
-    $[18] = t8;
+    $[14] = t3;
+    $[15] = t4;
+    $[16] = t5;
+    $[17] = t6;
+    $[18] = t7;
   } else {
-    t8 = $[18];
+    t7 = $[18];
   }
-  let t9;
-  if ($[19] !== rest || $[20] !== t8) {
-    t9 = /*#__PURE__*/jsxRuntime.jsx("div", {
+  let t8;
+  if ($[19] !== rest || $[20] !== t7) {
+    t8 = /*#__PURE__*/jsxRuntime.jsx("div", {
       ...rest,
       className: Blankslate_module.Container,
-      children: t8
+      children: t7
     });
     $[19] = rest;
-    $[20] = t8;
-    $[21] = t9;
+    $[20] = t7;
+    $[21] = t8;
   } else {
-    t9 = $[21];
+    t8 = $[21];
   }
-  let t10;
-  if ($[22] !== t9 || $[23] !== value) {
-    t10 = /*#__PURE__*/jsxRuntime.jsx(BlankslateContext.Provider, {
+  let t9;
+  if ($[22] !== t8 || $[23] !== value) {
+    t9 = /*#__PURE__*/jsxRuntime.jsx(BlankslateContext.Provider, {
       value: value,
-      children: t9
+      children: t8
     });
-    $[22] = t9;
+    $[22] = t8;
     $[23] = value;
-    $[24] = t10;
+    $[24] = t9;
   } else {
-    t10 = $[24];
+    t9 = $[24];
   }
-  return t10;
+  return t9;
 }
 function Visual(t0) {
   const $ = reactCompilerRuntime.c(10);

package/lib/BranchName/BranchName.d.ts

@@ -1,12 +1,15 @@
 import React from 'react';
-import type { SxProp } from '../sx';
 type BranchNameProps<As extends React.ElementType> = {
     as?: As;
-} & DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? 'a' : As>, 'as'> & Omit<SxProp, 'sx'> & SxProp;
+} & DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? 'a' : As>, 'as'> & {
+    className?: string;
+};
 type DistributiveOmit<T, TOmitted extends PropertyKey> = T extends any ? Omit<T, TOmitted> : never;
 export type { BranchNameProps };
 declare const _default: <As extends React.ElementType>(props: {
     as?: As | undefined;
-} & DistributiveOmit<React.ComponentPropsWithRef<React.ElementType<any, keyof React.JSX.IntrinsicElements> extends As ? "a" : As>, "as"> & Omit<SxProp, "sx"> & SxProp & React.RefAttributes<any>) => React.ReactNode;
+} & DistributiveOmit<React.ComponentPropsWithRef<React.ElementType<any, keyof React.JSX.IntrinsicElements> extends As ? "a" : As>, "as"> & {
+    className?: string;
+} & React.RefAttributes<any>) => React.ReactNode;
 export default _default;
 //# sourceMappingURL=BranchName.d.ts.map

package/lib/BranchName/BranchName.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BranchName.d.ts","sourceRoot":"","sources":["../../src/BranchName/BranchName.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAA;AAE9C,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAIjC,KAAK,eAAe,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,IAAI;IACnD,EAAE,CAAC,EAAE,EAAE,CAAA;CACR,GAAG,gBAAgB,CAAC,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,WAAW,SAAS,EAAE,GAAG,GAAG,GAAG,EAAE,CAAC,EAAE,IAAI,CAAC,GAC9F,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,GAClB,MAAM,CAAA;AAoBR,KAAK,gBAAgB,CAAC,CAAC,EAAE,QAAQ,SAAS,WAAW,IAAI,CAAC,SAAS,GAAG,GAAG,IAAI,CAAC,CAAC,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAA;AAIlG,YAAY,EAAC,eAAe,EAAC,CAAA;yBArBT,EAAE,SAAS,KAAK,CAAC,WAAW;;sMAYJ,KAAK,CAAC,SAAS;AAU3D,wBAA0C"}
+{"version":3,"file":"BranchName.d.ts","sourceRoot":"","sources":["../../src/BranchName/BranchName.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAA;AAI9C,KAAK,eAAe,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,IAAI;IACnD,EAAE,CAAC,EAAE,EAAE,CAAA;CACR,GAAG,gBAAgB,CAAC,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,WAAW,SAAS,EAAE,GAAG,GAAG,GAAG,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG;IAC/F,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAoBH,KAAK,gBAAgB,CAAC,CAAC,EAAE,QAAQ,SAAS,WAAW,IAAI,CAAC,SAAS,GAAG,GAAG,IAAI,CAAC,CAAC,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAA;AAIlG,YAAY,EAAC,eAAe,EAAC,CAAA;yBArBT,EAAE,SAAS,KAAK,CAAC,WAAW;;;gBAJhC,MAAM;iCAgBsB,KAAK,CAAC,SAAS;AAU3D,wBAA0C"}

package/lib/BranchName/BranchName.js

@@ -4,7 +4,6 @@ var reactCompilerRuntime = require('react-compiler-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var BranchName_module = require('./BranchName.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 }; }
@@ -47,8 +46,7 @@ function BranchName(props, ref) {
   }
   let t2;
   if ($[7] !== Component || $[8] !== children || $[9] !== ref || $[10] !== rest || $[11] !== t1) {
-    t2 = /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
-      as: Component,
+    t2 = /*#__PURE__*/jsxRuntime.jsx(Component, {
       ...rest,
       ref: ref,
       className: t1,

package/lib/Button/ButtonBase.js

@@ -102,7 +102,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(({
         "data-has-count": count !== undefined ? true : undefined,
         "aria-describedby": [loadingAnnouncementID, ariaDescribedBy].filter(descriptionID => Boolean(descriptionID)).join(' ')
         // aria-labelledby is needed because the accessible name becomes unset when the button is in a loading state.
-        // We only set it when the button is in a loading state because it will supercede the aria-label when the screen
+        // We only set it when the button is in a loading state because it will supersede the aria-label when the screen
         // reader announces the button name.
         ,
         "aria-labelledby": loading ? [`${uuid}-label`, ariaLabelledBy].filter(labelID => Boolean(labelID)).join(' ') : ariaLabelledBy,
@@ -177,7 +177,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(({
       "data-has-count": count !== undefined ? true : undefined,
       "aria-describedby": [loadingAnnouncementID, ariaDescribedBy].filter(descriptionID => Boolean(descriptionID)).join(' ')
       // aria-labelledby is needed because the accessible name becomes unset when the button is in a loading state.
-      // We only set it when the button is in a loading state because it will supercede the aria-label when the screen
+      // We only set it when the button is in a loading state because it will supersede the aria-label when the screen
       // reader announces the button name.
       ,
       "aria-labelledby": loading ? [`${uuid}-label`, ariaLabelledBy].filter(labelID => Boolean(labelID)).join(' ') : ariaLabelledBy,

package/lib/Checkbox/Checkbox.js

@@ -1,5 +1,6 @@
 'use strict';
 
+var reactCompilerRuntime = require('react-compiler-runtime');
 var clsx = require('clsx');
 var React = require('react');
 var useIsomorphicLayoutEffect = require('../utils/useIsomorphicLayoutEffect.js');
@@ -17,70 +18,200 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 /**
  * An accessible, native checkbox component
  */
-const Checkbox = /*#__PURE__*/React__default.default.forwardRef(({
-  checked,
-  className,
-  defaultChecked,
-  indeterminate,
-  disabled,
-  onChange,
-  sx: sxProp,
-  required,
-  validationStatus,
-  value,
-  ...rest
-}, ref) => {
+const Checkbox = /*#__PURE__*/React__default.default.forwardRef((t0, ref) => {
+  const $ = reactCompilerRuntime.c(47);
+  let checked;
+  let className;
+  let defaultChecked;
+  let disabled;
+  let indeterminate;
+  let onChange;
+  let required;
+  let rest;
+  let sxProp;
+  let validationStatus;
+  let value;
+  if ($[0] !== t0) {
+    ({
+      checked,
+      className,
+      defaultChecked,
+      indeterminate,
+      disabled,
+      onChange,
+      sx: sxProp,
+      required,
+      validationStatus,
+      value,
+      ...rest
+    } = t0);
+    $[0] = t0;
+    $[1] = checked;
+    $[2] = className;
+    $[3] = defaultChecked;
+    $[4] = disabled;
+    $[5] = indeterminate;
+    $[6] = onChange;
+    $[7] = required;
+    $[8] = rest;
+    $[9] = sxProp;
+    $[10] = validationStatus;
+    $[11] = value;
+  } else {
+    checked = $[1];
+    className = $[2];
+    defaultChecked = $[3];
+    disabled = $[4];
+    indeterminate = $[5];
+    onChange = $[6];
+    required = $[7];
+    rest = $[8];
+    sxProp = $[9];
+    validationStatus = $[10];
+    value = $[11];
+  }
   const checkboxRef = useProvidedRefOrCreate.useProvidedRefOrCreate(ref);
   const checkboxGroupContext = React.useContext(CheckboxGroupContext.CheckboxGroupContext);
-  const handleOnChange = e => {
-    checkboxGroupContext.onChange && checkboxGroupContext.onChange(e);
-    onChange && onChange(e);
-  };
-  const inputProps = {
-    type: 'checkbox',
-    disabled,
-    ref: checkboxRef,
-    checked: indeterminate ? false : checked,
-    defaultChecked,
-    required,
-    ['aria-required']: required ? 'true' : 'false',
-    ['aria-invalid']: validationStatus === 'error' ? 'true' : 'false',
-    onChange: handleOnChange,
-    value,
-    name: value,
-    ...rest
-  };
-  useIsomorphicLayoutEffect(() => {
-    if (checkboxRef.current) {
-      // eslint-disable-next-line react-compiler/react-compiler
-      checkboxRef.current.indeterminate = indeterminate || false;
-    }
-  }, [indeterminate, checked, checkboxRef]);
-  React.useEffect(() => {
-    const {
-      current: checkbox
-    } = checkboxRef;
-    if (!checkbox) {
-      return;
+  let t1;
+  if ($[12] !== checkboxGroupContext || $[13] !== onChange) {
+    t1 = e => {
+      checkboxGroupContext.onChange && checkboxGroupContext.onChange(e);
+      onChange && onChange(e);
+    };
+    $[12] = checkboxGroupContext;
+    $[13] = onChange;
+    $[14] = t1;
+  } else {
+    t1 = $[14];
+  }
+  const handleOnChange = t1;
+  const t2 = indeterminate ? false : checked;
+  const t3 = required ? "true" : "false";
+  const t4 = validationStatus === "error" ? "true" : "false";
+  let t5;
+  if ($[15] !== checkboxRef || $[16] !== defaultChecked || $[17] !== disabled || $[18] !== handleOnChange || $[19] !== required || $[20] !== rest || $[21] !== t2 || $[22] !== t3 || $[23] !== t4 || $[24] !== value) {
+    t5 = {
+      type: "checkbox",
+      disabled,
+      ref: checkboxRef,
+      checked: t2,
+      defaultChecked,
+      required,
+      "aria-required": t3,
+      "aria-invalid": t4,
+      onChange: handleOnChange,
+      value,
+      name: value,
+      ...rest
+    };
+    $[15] = checkboxRef;
+    $[16] = defaultChecked;
+    $[17] = disabled;
+    $[18] = handleOnChange;
+    $[19] = required;
+    $[20] = rest;
+    $[21] = t2;
+    $[22] = t3;
+    $[23] = t4;
+    $[24] = value;
+    $[25] = t5;
+  } else {
+    t5 = $[25];
+  }
+  const inputProps = t5;
+  let t6;
+  if ($[26] !== checkboxRef || $[27] !== indeterminate) {
+    t6 = () => {
+      if (checkboxRef.current) {
+        checkboxRef.current.indeterminate = indeterminate || false;
+      }
+    };
+    $[26] = checkboxRef;
+    $[27] = indeterminate;
+    $[28] = t6;
+  } else {
+    t6 = $[28];
+  }
+  let t7;
+  if ($[29] !== checkboxRef || $[30] !== checked || $[31] !== indeterminate) {
+    t7 = [indeterminate, checked, checkboxRef];
+    $[29] = checkboxRef;
+    $[30] = checked;
+    $[31] = indeterminate;
+    $[32] = t7;
+  } else {
+    t7 = $[32];
+  }
+  useIsomorphicLayoutEffect(t6, t7);
+  let t8;
+  if ($[33] !== checkboxRef || $[34] !== indeterminate) {
+    t8 = () => {
+      const {
+        current: checkbox
+      } = checkboxRef;
+      if (!checkbox) {
+        return;
+      }
+      if (indeterminate) {
+        checkbox.setAttribute("aria-checked", "mixed");
+      } else {
+        checkbox.setAttribute("aria-checked", checkbox.checked ? "true" : "false");
+      }
+    };
+    $[33] = checkboxRef;
+    $[34] = indeterminate;
+    $[35] = t8;
+  } else {
+    t8 = $[35];
+  }
+  React.useEffect(t8);
+  if (sxProp) {
+    let t9;
+    if ($[36] !== className) {
+      t9 = clsx.clsx(className, shared_module.Input, Checkbox_module.Checkbox);
+      $[36] = className;
+      $[37] = t9;
+    } else {
+      t9 = $[37];
     }
-    if (indeterminate) {
-      checkbox.setAttribute('aria-checked', 'mixed');
+    let t10;
+    if ($[38] !== inputProps || $[39] !== sxProp || $[40] !== t9) {
+      t10 = /*#__PURE__*/jsxRuntime.jsx(Box, {
+        as: "input",
+        ...inputProps,
+        className: t9,
+        sx: sxProp
+      });
+      $[38] = inputProps;
+      $[39] = sxProp;
+      $[40] = t9;
+      $[41] = t10;
     } else {
-      checkbox.setAttribute('aria-checked', checkbox.checked ? 'true' : 'false');
+      t10 = $[41];
     }
-  });
-  if (sxProp) {
-    return /*#__PURE__*/jsxRuntime.jsx(Box, {
-      as: "input",
+    return t10;
+  }
+  let t9;
+  if ($[42] !== className) {
+    t9 = clsx.clsx(className, shared_module.Input, Checkbox_module.Checkbox);
+    $[42] = className;
+    $[43] = t9;
+  } else {
+    t9 = $[43];
+  }
+  let t10;
+  if ($[44] !== inputProps || $[45] !== t9) {
+    t10 = /*#__PURE__*/jsxRuntime.jsx("input", {
       ...inputProps,
-      className: clsx.clsx(className, shared_module.Input, Checkbox_module.Checkbox),
-      sx: sxProp
+      className: t9
     });
+    $[44] = inputProps;
+    $[45] = t9;
+    $[46] = t10;
+  } else {
+    t10 = $[46];
   }
-  return /*#__PURE__*/jsxRuntime.jsx("input", {
-    ...inputProps,
-    className: clsx.clsx(className, shared_module.Input, Checkbox_module.Checkbox)
-  });
+  return t10;
 });
 Checkbox.displayName = 'Checkbox';
 

package/lib/CircleBadge/CircleBadge.d.ts

@@ -17,6 +17,10 @@ declare const CircleBadgeIcon: import("styled-components").StyledComponent<impor
 } & import("@primer/octicons-react").IconProps & SxProp & import("react").RefAttributes<SVGSVGElement>>, any, SxProp, never>;
 export type CircleBadgeProps = ComponentProps<typeof CircleBadge>;
 export type CircleBadgeIconProps = ComponentProps<typeof CircleBadgeIcon>;
+/**
+ * @deprecated This component is deprecated.
+ * Replace component with specific icon imports from `@primer/octicons-react` and customized styling.
+ */
 declare const _default: string & import("styled-components").StyledComponentBase<"div", any, StyledCircleBadgeProps, never> & import("hoist-non-react-statics").NonReactStatics<never, {}> & {
     Icon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
         icon: React.ElementType;

package/lib/CircleBadge/CircleBadge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CircleBadge.d.ts","sourceRoot":"","sources":["../../src/CircleBadge/CircleBadge.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAGjC,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAA;AAElD,QAAA,MAAM,YAAY;;;;CAIjB,CAAA;AAED,KAAK,sBAAsB,GAAG;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,OAAO,YAAY,CAAA;IACnC,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,GAAG,MAAM,CAAA;AAUV,QAAA,MAAM,WAAW,wFAShB,CAAA;AAED,QAAA,MAAM,eAAe;;;4HAIpB,CAAA;AAID,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAA;AACjE,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,CAAA;;;;;;;AACzE,wBAAkE"}
+{"version":3,"file":"CircleBadge.d.ts","sourceRoot":"","sources":["../../src/CircleBadge/CircleBadge.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAGjC,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAA;AAElD,QAAA,MAAM,YAAY;;;;CAIjB,CAAA;AAED,KAAK,sBAAsB,GAAG;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,OAAO,YAAY,CAAA;IACnC,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,GAAG,MAAM,CAAA;AAUV,QAAA,MAAM,WAAW,wFAShB,CAAA;AACD,QAAA,MAAM,eAAe;;;4HAIpB,CAAA;AAID,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAA;AAEjE,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,CAAA;AAEzE;;;GAGG;;;;;;;AACH,wBAAkE"}

package/lib/CircleBadge/CircleBadge.js

@@ -36,6 +36,10 @@ const CircleBadgeIcon = styled__default.default(Octicon).withConfig({
   componentId: "sc-nywehb-1"
 })(["height:auto;max-width:60%;max-height:55%;"]);
 CircleBadgeIcon.displayName = 'CircleBadge.Icon';
+/**
+ * @deprecated This component is deprecated.
+ * Replace component with specific icon imports from `@primer/octicons-react` and customized styling.
+ */
 var CircleBadge$1 = Object.assign(CircleBadge, {
   Icon: CircleBadgeIcon
 });