@primer/react 37.32.0-rc.f8e94f384 → 38.0.0-rc.1

package/lib-esm/Select/Select.js

@@ -64,7 +64,7 @@ const ArrowIndicator = t0 => {
 };
 const Select = /*#__PURE__*/React.forwardRef((t0, ref) => {
   var _ref, _defaultValue;
-  const $ = c(39);
+  const $ = c(41);
   let block;
   let children;
   let className;
@@ -119,93 +119,101 @@ const Select = /*#__PURE__*/React.forwardRef((t0, ref) => {
     sx = $[11];
     validationStatus = $[12];
   }
-  const t1 = validationStatus === "error" ? "true" : "false";
-  const t2 = disabled && classes.Disabled;
-  let t3;
-  if ($[13] !== className || $[14] !== t2) {
-    t3 = clsx(className, classes.Select, t2);
+  let t1;
+  if ($[13] !== className) {
+    t1 = clsx(classes.TextInputWrapper, className);
     $[13] = className;
-    $[14] = t2;
+    $[14] = t1;
+  } else {
+    t1 = $[14];
+  }
+  const t2 = validationStatus === "error" ? "true" : "false";
+  const t3 = disabled && classes.Disabled;
+  let t4;
+  if ($[15] !== t3) {
+    t4 = clsx(classes.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__*/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__*/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__*/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__*/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__*/jsx(ArrowIndicator, {
+  let t9;
+  if ($[31] === Symbol.for("react.memo_cache_sentinel")) {
+    t9 = /*#__PURE__*/jsx(ArrowIndicator, {
       className: classes.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__*/jsxs(TextInputWrapper, {
+  let t10;
+  if ($[32] !== block || $[33] !== contrast || $[34] !== disabled || $[35] !== size || $[36] !== sx || $[37] !== t1 || $[38] !== t8 || $[39] !== validationStatus) {
+    t10 = /*#__PURE__*/jsxs(TextInputWrapper, {
       block: block,
       contrast: contrast,
       disabled: disabled,
       size: size,
       validationStatus: validationStatus,
-      className: classes.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 $ = c(2);

package/lib-esm/SelectPanel/SelectPanel.js

@@ -11,7 +11,7 @@ import { FilteredActionListLoadingTypes } from '../FilteredActionList/FilteredAc
 import { announceFromElement, announce } from '@primer/live-region-element';
 import classes from './SelectPanel.module.css.js';
 import { clsx } from 'clsx';
-import { debounce } from '../node_modules/@github/mini-throttle/dist/index.js';
+import { debounce } from '@github/mini-throttle';
 import { useResponsiveValue } from '../hooks/useResponsiveValue.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useFeatureFlag } from '../FeatureFlags/useFeatureFlag.js';

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

@@ -1,7 +1,6 @@
 import type React from 'react';
-import type { SxProp } from '..';
 import type { PageLayoutContentProps, PageLayoutFooterProps, PageLayoutHeaderProps, PageLayoutPaneProps } from '../PageLayout';
-export type SplitPageLayoutProps = SxProp & {
+export type SplitPageLayoutProps = {
     className?: string;
 };
 export declare const Root: React.FC<React.PropsWithChildren<SplitPageLayoutProps>>;

package/lib-esm/Stack/Stack.js

@@ -3,12 +3,10 @@ import { forwardRef } from 'react';
 import { getResponsiveAttributes } from '../internal/utils/getResponsiveAttributes.js';
 import classes from './Stack.module.css.js';
 import { clsx } from 'clsx';
-import { BoxWithFallback } from '../internal/components/BoxWithFallback.js';
 import { jsx } from 'react/jsx-runtime';
 
 const Stack = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
   const $ = c(37);
-  let as;
   let children;
   let className;
   let gap;
@@ -18,146 +16,147 @@ const Stack = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
   let t3;
   let t4;
   let t5;
+  let t6;
   if ($[0] !== t0) {
     ({
-      as,
+      as: t1,
       children,
-      align: t1,
-      direction: t2,
+      align: t2,
+      direction: t3,
       gap,
-      justify: t3,
-      padding: t4,
-      wrap: t5,
+      justify: t4,
+      padding: t5,
+      wrap: t6,
       className,
       ...rest
     } = t0);
     $[0] = t0;
-    $[1] = as;
-    $[2] = children;
-    $[3] = className;
-    $[4] = gap;
-    $[5] = rest;
-    $[6] = t1;
-    $[7] = t2;
-    $[8] = t3;
-    $[9] = t4;
-    $[10] = t5;
+    $[1] = children;
+    $[2] = className;
+    $[3] = gap;
+    $[4] = rest;
+    $[5] = t1;
+    $[6] = t2;
+    $[7] = t3;
+    $[8] = t4;
+    $[9] = t5;
+    $[10] = t6;
   } else {
-    as = $[1];
-    children = $[2];
-    className = $[3];
-    gap = $[4];
-    rest = $[5];
-    t1 = $[6];
-    t2 = $[7];
-    t3 = $[8];
-    t4 = $[9];
-    t5 = $[10];
+    children = $[1];
+    className = $[2];
+    gap = $[3];
+    rest = $[4];
+    t1 = $[5];
+    t2 = $[6];
+    t3 = $[7];
+    t4 = $[8];
+    t5 = $[9];
+    t6 = $[10];
   }
-  const align = t1 === undefined ? "stretch" : t1;
-  const direction = t2 === undefined ? "vertical" : t2;
-  const justify = t3 === undefined ? "start" : t3;
-  const padding = t4 === undefined ? "none" : t4;
-  const wrap = t5 === undefined ? "nowrap" : t5;
-  let t6;
+  const Component = t1 === undefined ? "div" : t1;
+  const align = t2 === undefined ? "stretch" : t2;
+  const direction = t3 === undefined ? "vertical" : t3;
+  const justify = t4 === undefined ? "start" : t4;
+  const padding = t5 === undefined ? "none" : t5;
+  const wrap = t6 === undefined ? "nowrap" : t6;
+  let t7;
   if ($[11] !== className) {
-    t6 = clsx(className, classes.Stack);
+    t7 = clsx(className, classes.Stack);
     $[11] = className;
-    $[12] = t6;
+    $[12] = t7;
   } else {
-    t6 = $[12];
+    t7 = $[12];
   }
-  let t7;
+  let t8;
   if ($[13] !== gap) {
-    t7 = getResponsiveAttributes("gap", gap);
+    t8 = getResponsiveAttributes("gap", gap);
     $[13] = gap;
-    $[14] = t7;
+    $[14] = t8;
   } else {
-    t7 = $[14];
+    t8 = $[14];
   }
-  let t8;
+  let t9;
   if ($[15] !== direction) {
-    t8 = getResponsiveAttributes("direction", direction);
+    t9 = getResponsiveAttributes("direction", direction);
     $[15] = direction;
-    $[16] = t8;
+    $[16] = t9;
   } else {
-    t8 = $[16];
+    t9 = $[16];
   }
-  let t9;
+  let t10;
   if ($[17] !== align) {
-    t9 = getResponsiveAttributes("align", align);
+    t10 = getResponsiveAttributes("align", align);
     $[17] = align;
-    $[18] = t9;
+    $[18] = t10;
   } else {
-    t9 = $[18];
+    t10 = $[18];
   }
-  let t10;
+  let t11;
   if ($[19] !== wrap) {
-    t10 = getResponsiveAttributes("wrap", wrap);
+    t11 = getResponsiveAttributes("wrap", wrap);
     $[19] = wrap;
-    $[20] = t10;
+    $[20] = t11;
   } else {
-    t10 = $[20];
+    t11 = $[20];
   }
-  let t11;
+  let t12;
   if ($[21] !== justify) {
-    t11 = getResponsiveAttributes("justify", justify);
+    t12 = getResponsiveAttributes("justify", justify);
     $[21] = justify;
-    $[22] = t11;
+    $[22] = t12;
   } else {
-    t11 = $[22];
+    t12 = $[22];
   }
-  let t12;
+  let t13;
   if ($[23] !== padding) {
-    t12 = getResponsiveAttributes("padding", padding);
+    t13 = getResponsiveAttributes("padding", padding);
     $[23] = padding;
-    $[24] = t12;
+    $[24] = t13;
   } else {
-    t12 = $[24];
+    t13 = $[24];
   }
-  let t13;
-  if ($[25] !== as || $[26] !== children || $[27] !== forwardedRef || $[28] !== rest || $[29] !== t10 || $[30] !== t11 || $[31] !== t12 || $[32] !== t6 || $[33] !== t7 || $[34] !== t8 || $[35] !== t9) {
-    t13 = /*#__PURE__*/jsx(BoxWithFallback, {
-      as: as,
+  let t14;
+  if ($[25] !== Component || $[26] !== children || $[27] !== forwardedRef || $[28] !== rest || $[29] !== t10 || $[30] !== t11 || $[31] !== t12 || $[32] !== t13 || $[33] !== t7 || $[34] !== t8 || $[35] !== t9) {
+    t14 = /*#__PURE__*/jsx(Component, {
       ref: forwardedRef,
       ...rest,
-      className: t6,
-      ...t7,
+      className: t7,
       ...t8,
       ...t9,
       ...t10,
       ...t11,
       ...t12,
+      ...t13,
       children: children
     });
-    $[25] = as;
+    $[25] = Component;
     $[26] = children;
     $[27] = forwardedRef;
     $[28] = rest;
     $[29] = t10;
     $[30] = t11;
     $[31] = t12;
-    $[32] = t6;
+    $[32] = t13;
     $[33] = t7;
     $[34] = t8;
     $[35] = t9;
-    $[36] = t13;
+    $[36] = t14;
   } else {
-    t13 = $[36];
+    t14 = $[36];
   }
-  return t13;
+  return t14;
 });
 const StackItem = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
   const $ = c(21);
-  let as;
   let children;
   let className;
   let grow;
   let rest;
   let shrink;
+  let t1;
   if ($[0] !== t0) {
     ({
-      as,
+      as: t1,
       children,
       grow,
       shrink,
@@ -165,67 +164,67 @@ const StackItem = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
       ...rest
     } = t0);
     $[0] = t0;
-    $[1] = as;
-    $[2] = children;
-    $[3] = className;
-    $[4] = grow;
-    $[5] = rest;
-    $[6] = shrink;
+    $[1] = children;
+    $[2] = className;
+    $[3] = grow;
+    $[4] = rest;
+    $[5] = shrink;
+    $[6] = t1;
   } else {
-    as = $[1];
-    children = $[2];
-    className = $[3];
-    grow = $[4];
-    rest = $[5];
-    shrink = $[6];
+    children = $[1];
+    className = $[2];
+    grow = $[3];
+    rest = $[4];
+    shrink = $[5];
+    t1 = $[6];
   }
-  let t1;
+  const Component = t1 === undefined ? "div" : t1;
+  let t2;
   if ($[7] !== className) {
-    t1 = clsx(className, classes.StackItem);
+    t2 = clsx(className, classes.StackItem);
     $[7] = className;
-    $[8] = t1;
+    $[8] = t2;
   } else {
-    t1 = $[8];
+    t2 = $[8];
   }
-  let t2;
+  let t3;
   if ($[9] !== grow) {
-    t2 = getResponsiveAttributes("grow", grow);
+    t3 = getResponsiveAttributes("grow", grow);
     $[9] = grow;
-    $[10] = t2;
+    $[10] = t3;
   } else {
-    t2 = $[10];
+    t3 = $[10];
   }
-  let t3;
+  let t4;
   if ($[11] !== shrink) {
-    t3 = getResponsiveAttributes("shrink", shrink);
+    t4 = getResponsiveAttributes("shrink", shrink);
     $[11] = shrink;
-    $[12] = t3;
+    $[12] = t4;
   } else {
-    t3 = $[12];
+    t4 = $[12];
   }
-  let t4;
-  if ($[13] !== as || $[14] !== children || $[15] !== forwardedRef || $[16] !== rest || $[17] !== t1 || $[18] !== t2 || $[19] !== t3) {
-    t4 = /*#__PURE__*/jsx(BoxWithFallback, {
-      as: as,
+  let t5;
+  if ($[13] !== Component || $[14] !== children || $[15] !== forwardedRef || $[16] !== rest || $[17] !== t2 || $[18] !== t3 || $[19] !== t4) {
+    t5 = /*#__PURE__*/jsx(Component, {
       ref: forwardedRef,
       ...rest,
-      className: t1,
-      ...t2,
+      className: t2,
       ...t3,
+      ...t4,
       children: children
     });
-    $[13] = as;
+    $[13] = Component;
     $[14] = children;
     $[15] = forwardedRef;
     $[16] = rest;
-    $[17] = t1;
-    $[18] = t2;
-    $[19] = t3;
-    $[20] = t4;
+    $[17] = t2;
+    $[18] = t3;
+    $[19] = t4;
+    $[20] = t5;
   } else {
-    t4 = $[20];
+    t5 = $[20];
   }
-  return t4;
+  return t5;
 });
 
 export { Stack, StackItem };

package/lib-esm/StateLabel/StateLabel-cd27f475.css

@@ -0,0 +1,2 @@
+.prc-StateLabel-Icon-NuDm4{margin-right:var(--base-size-4,.25rem)}
+/*# sourceMappingURL=StateLabel-cd27f475.css.map */

package/lib-esm/StateLabel/StateLabel-cd27f475.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/StateLabel/StateLabel.module.css"],"names":[],"mappings":"AAAA,2BACE,sCACF","file":"StateLabel-cd27f475.css","sourcesContent":[".Icon {\n  margin-right: var(--base-size-4);\n}\n"]}

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

@@ -1,4 +1,3 @@
-import type { SxProp } from '../sx';
 import type { ComponentProps } from '../utils/types';
 declare const octiconMap: {
     issueOpened: import("@primer/octicons-react").Icon;
@@ -17,7 +16,7 @@ declare const octiconMap: {
 type StyledStateLabelBaseProps = {
     variant?: 'small' | 'normal';
     status: keyof typeof octiconMap;
-} & SxProp;
+};
 declare const StateLabelBase: import("styled-components").StyledComponent<"span", any, StyledStateLabelBaseProps, never>;
 export type StateLabelProps = ComponentProps<typeof StateLabelBase>;
 declare function StateLabel({ children, status, variant: variantProp, ...rest }: StateLabelProps): import("react").JSX.Element;

package/lib-esm/StateLabel/StateLabel.js

@@ -3,7 +3,7 @@ import { AlertIcon, GitMergeQueueIcon, IssueDraftIcon, GitPullRequestDraftIcon,
 import styled from 'styled-components';
 import { variant } from 'styled-system';
 import { get } from '../constants.js';
-import sx from '../sx.js';
+import classes from './StateLabel.module.css.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import Octicon from '../Octicon/Octicon.js';
 
@@ -118,7 +118,7 @@ const sizeVariants = variant({
 const StateLabelBase = styled.span.withConfig({
   displayName: "StateLabel__StateLabelBase",
   componentId: "sc-qthdln-0"
-})(["display:inline-flex;align-items:center;font-weight:", ";line-height:16px;color:", ";text-align:center;border-radius:", ";", ";", ";", ";"], get('fontWeights.bold'), get('colors.canvas.default'), get('radii.3'), colorVariants, sizeVariants, sx);
+})(["display:inline-flex;align-items:center;font-weight:", ";line-height:16px;color:", ";text-align:center;border-radius:", ";", ";", ";"], get('fontWeights.bold'), get('colors.canvas.default'), get('radii.3'), colorVariants, sizeVariants);
 function StateLabel(t0) {
   const $ = c(17);
   let children;
@@ -162,9 +162,7 @@ function StateLabel(t0) {
       ...octiconProps,
       icon: octiconMap[status] || QuestionIcon,
       "aria-label": labelMap[status],
-      sx: {
-        mr: 1
-      }
+      className: classes.Icon
     });
     $[7] = noIconStatus;
     $[8] = octiconProps;

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

@@ -0,0 +1,5 @@
+import './StateLabel-cd27f475.css';
+
+var classes = {"Icon":"prc-StateLabel-Icon-NuDm4"};
+
+export { classes as default };

package/lib-esm/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-esm/SubNav/SubNav.js

@@ -2,7 +2,6 @@ import { c } from 'react-compiler-runtime';
 import { clsx } from 'clsx';
 import React from 'react';
 import styles from './SubNav.module.css.js';
-import { BoxWithFallback } from '../internal/components/BoxWithFallback.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 const SubNav = /*#__PURE__*/React.forwardRef(function SubNav(t0, forwardRef) {
@@ -72,8 +71,7 @@ const SubNav = /*#__PURE__*/React.forwardRef(function SubNav(t0, forwardRef) {
   }
   let t5;
   if ($[13] !== forwardRef || $[14] !== label || $[15] !== rest || $[16] !== t1 || $[17] !== t3 || $[18] !== t4) {
-    t5 = /*#__PURE__*/jsxs(BoxWithFallback, {
-      as: "nav",
+    t5 = /*#__PURE__*/jsxs("nav", {
       ref: forwardRef,
       className: t1,
       "aria-label": label,
@@ -126,7 +124,7 @@ const SubNavLinks = /*#__PURE__*/React.forwardRef((t0, forwardRef) => {
   }
   let t2;
   if ($[6] !== children || $[7] !== forwardRef || $[8] !== rest || $[9] !== t1) {
-    t2 = /*#__PURE__*/jsx(BoxWithFallback, {
+    t2 = /*#__PURE__*/jsx("div", {
       ref: forwardRef,
       className: t1,
       ...rest,
@@ -176,8 +174,7 @@ const SubNavLink = /*#__PURE__*/React.forwardRef((t0, forwardRef) => {
   }
   let t2;
   if ($[6] !== children || $[7] !== forwardRef || $[8] !== rest || $[9] !== t1) {
-    t2 = /*#__PURE__*/jsx(BoxWithFallback, {
-      as: "a",
+    t2 = /*#__PURE__*/jsx("a", {
       ref: forwardRef,
       className: t1,
       "data-selected": rest.selected,

package/lib-esm/ToggleSwitch/ToggleSwitch-65936b4b.css

@@ -0,0 +1,4 @@
+.prc-ToggleSwitch-ToggleSwitch-E4lp0{align-items:center;display:inline-flex;flex-direction:row-reverse}.prc-ToggleSwitch-ToggleSwitch-E4lp0[data-status-label-position=start]{flex-direction:row}.prc-ToggleSwitch-StatusText-hWpj2{color:var(--fgColor-default,var(--color-fg-default));cursor:pointer;font-size:var(--text-body-size-medium,.875rem);margin-left:var(--base-size-8,.5rem);margin-right:var(--base-size-8,.5rem);position:relative}.prc-ToggleSwitch-StatusText-hWpj2[data-size=small]{font-size:var(--text-body-size-small,.75rem)}.prc-ToggleSwitch-StatusText-hWpj2[data-disabled=true]{color:var(--fgColor-muted,var(--color-fg-muted));cursor:not-allowed}.prc-ToggleSwitch-StatusTextItem-fvvXa{text-align:right}.prc-ToggleSwitch-StatusTextItem-fvvXa[data-hidden=true]{height:0;visibility:hidden}.prc-ToggleSwitch-IconContainer-zLC02{align-items:center;display:flex;height:100%;overflow:hidden;width:100%}.prc-ToggleSwitch-IconBox-NNOYG{flex-basis:50%;flex-grow:1;flex-shrink:0;line-height:0;transition-duration:80ms;transition-property:transform}.prc-ToggleSwitch-IconBox-NNOYG[data-type=on]{color:var(--control-checked-fgColor-rest,var(--color-switch-track-checked-fg,var(--fgColor-onEmphasis,var(--color-fg-on-emphasis))));transform:translateX(0)}.prc-ToggleSwitch-IconBox-NNOYG[data-type=on][data-checked=false]{transform:translateX(-100%)}.prc-ToggleSwitch-IconBox-NNOYG[data-type=on][data-disabled=true]{color:var(
+    --control-checked-fgColor-disabled,var(--color-switch-track-checked-disabled-fg,var(--fgColor-onEmphasis,var(--color-fg-on-emphasis)))
+  )}.prc-ToggleSwitch-IconBox-NNOYG[data-type=off]{color:var(--controlTrack-fgColor-rest,var(--color-switch-track-fg,var(--fgColor-muted,var(--color-fg-muted))));transform:translateX(100%)}.prc-ToggleSwitch-IconBox-NNOYG[data-type=off][data-checked=false]{transform:translateX(0)}.prc-ToggleSwitch-IconBox-NNOYG[data-type=off][data-disabled=true]{color:var(--controlTrack-fgColor-disabled,var(--color-switch-track-disabled-fg,var(--fgColor-onEmphasis,var(--color-fg-on-emphasis))))}
+/*# sourceMappingURL=ToggleSwitch-65936b4b.css.map */