@primer/react 38.0.0-rc.3 → 38.0.0-rc.4

package/dist/Pagehead/Pagehead.d.ts

@@ -1,10 +1,9 @@
 import type React from 'react';
-import { type SxProp } from '../sx';
-declare const Pagehead: ({ className, ...rest }: PageheadProps) => React.JSX.Element;
+declare const Pagehead: ({ as: BaseComponent, className, ...rest }: PageheadProps) => React.JSX.Element;
 /**
  * @deprecated
  */
-export type PageheadProps = SxProp & React.ComponentPropsWithoutRef<'div'> & {
+export type PageheadProps = React.ComponentPropsWithoutRef<'div'> & {
     as?: React.ElementType;
 };
 export default Pagehead;

package/dist/Pagehead/Pagehead.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pagehead.d.ts","sourceRoot":"","sources":["../../src/Pagehead/Pagehead.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAIjC,QAAA,MAAM,QAAQ,GAAI,wBAAsB,aAAa,sBAEpD,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,MAAM,GAChC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,GAAG;IACtC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CACvB,CAAA;AACH,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"Pagehead.d.ts","sourceRoot":"","sources":["../../src/Pagehead/Pagehead.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,QAAQ,GAAI,2CAAiD,aAAa,sBAE/E,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAClE,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CACvB,CAAA;AACD,eAAe,QAAQ,CAAA"}

package/dist/Pagehead/Pagehead.js

@@ -1,13 +1,13 @@
 import { clsx } from 'clsx';
 import classes from './Pagehead.module.css.js';
-import { BoxWithFallback } from '../internal/components/BoxWithFallback.js';
 import { jsx } from 'react/jsx-runtime';
 
 const Pagehead = ({
+  as: BaseComponent = 'div',
   className,
   ...rest
 }) => {
-  return /*#__PURE__*/jsx(BoxWithFallback, {
+  return /*#__PURE__*/jsx(BaseComponent, {
     className: clsx(classes.Pagehead, className),
     ...rest
   });

package/dist/ProgressBar/{ProgressBar-181186d4.css → ProgressBar-d27aca1d.css}

@@ -1,2 +1,2 @@
-@keyframes prc-ProgressBar-shimmer-i1RxN{0%{mask-position:200%}to{mask-position:0}}.prc-ProgressBar-ProgressBarItem-stL6O{--progress-width: ;--progress-bg: ;background-color:var(--progress-bg);width:var(--progress-width)}@media (prefers-reduced-motion:no-preference){.prc-ProgressBar-ProgressBarItem-stL6O[data-animated=true]{animation-duration:1s;animation-iteration-count:infinite;animation-name:prc-ProgressBar-shimmer-i1RxN;mask-image:linear-gradient(75deg,#000 30%,rgba(0,0,0,.65) 80%);mask-size:200%}}.prc-ProgressBar-ProgressBarContainer-E-z8S{background-color:var(--progressBar-track-bgColor);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-181186d4.css.map */
+@keyframes prc-ProgressBar-shimmer-i1RxN{0%{mask-position:200%}to{mask-position:0}}.prc-ProgressBar-ProgressBarItem-stL6O{--progress-width: ;--progress-bg: ;background-color:var(--progress-bg);width:var(--progress-width)}@media (prefers-reduced-motion:no-preference){.prc-ProgressBar-ProgressBarItem-stL6O[data-animated=true]{animation-duration:1s;animation-iteration-count:infinite;animation-name:prc-ProgressBar-shimmer-i1RxN;mask-image:linear-gradient(75deg,#000 30%,rgba(0,0,0,.65) 80%);mask-size:200%}}.prc-ProgressBar-ProgressBarContainer-E-z8S{background-color:var(--progressBar-track-bgColor);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}@media (forced-colors:active){:root{--progress-bg:LinkText;--progressBar-track-bgColor:CanvasText}.prc-ProgressBar-ProgressBarContainer-E-z8S,.prc-ProgressBar-ProgressBarItem-stL6O{forced-color-adjust:none}}
+/*# sourceMappingURL=ProgressBar-d27aca1d.css.map */

package/dist/ProgressBar/ProgressBar-d27aca1d.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ProgressBar/ProgressBar.module.css"],"names":[],"mappings":"AAAA,yCACE,GACE,kBACF,CAEA,GACE,eACF,CACF,CAEA,uCAEE,kBAAkB,CAClB,eAAe,CAIf,mCAAoC,CAFpC,2BAaF,CATE,8CACE,2DAIE,qBAAsB,CACtB,kCAAmC,CAFnC,4CAAuB,CAFvB,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,CAGF,8BACE,MACE,sBAAuB,CACvB,sCACF,CAEA,mFAEE,wBACF,CACF","file":"ProgressBar-d27aca1d.css","sourcesContent":["@keyframes shimmer {\n  from {\n    mask-position: 200%;\n  }\n\n  to {\n    mask-position: 0%;\n  }\n}\n\n.ProgressBarItem {\n  /* these are passed from the component */\n  --progress-width: ;\n  --progress-bg: ;\n\n  width: var(--progress-width);\n  /* stylelint-disable-next-line primer/colors */\n  background-color: var(--progress-bg);\n\n  @media (prefers-reduced-motion: no-preference) {\n    &[data-animated='true'] {\n      mask-image: linear-gradient(75deg, #000 30%, 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\n@media (forced-colors: active) {\n  :root {\n    --progress-bg: LinkText;\n    --progressBar-track-bgColor: CanvasText;\n  }\n\n  .ProgressBarContainer,\n  .ProgressBarItem {\n    forced-color-adjust: none;\n  }\n}\n"]}

package/dist/ProgressBar/ProgressBar.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import type { SxProp } from '../sx';
 type ProgressProp = {
     className?: string;
     progress?: string | number;
@@ -9,15 +8,15 @@ type StyledProgressContainerProps = {
     inline?: boolean;
     barSize?: 'small' | 'default' | 'large';
     animated?: boolean;
-} & SxProp;
+};
 export type ProgressBarItemProps = React.HTMLAttributes<HTMLSpanElement> & {
     'aria-label'?: string;
     className?: string;
-} & ProgressProp & SxProp;
+} & ProgressProp;
 export declare const Item: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & {
     'aria-label'?: string;
     className?: string;
-} & ProgressProp & SxProp & React.RefAttributes<HTMLSpanElement>>;
+} & ProgressProp & React.RefAttributes<HTMLSpanElement>>;
 export type ProgressBarProps = React.HTMLAttributes<HTMLSpanElement> & {
     bg?: string;
     className?: string;
@@ -25,10 +24,6 @@ export type ProgressBarProps = React.HTMLAttributes<HTMLSpanElement> & {
 export declare const ProgressBar: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & {
     bg?: string;
     className?: string;
-} & {
-    inline?: boolean;
-    barSize?: "small" | "default" | "large";
-    animated?: boolean;
-} & SxProp & ProgressProp & React.RefAttributes<HTMLSpanElement>>;
+} & StyledProgressContainerProps & ProgressProp & React.RefAttributes<HTMLSpanElement>>;
 export {};
 //# sourceMappingURL=ProgressBar.d.ts.map

package/dist/ProgressBar/ProgressBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../src/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAKjC,KAAK,YAAY,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,KAAK,4BAA4B,GAAG;IAClC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,MAAM,CAAA;AAEV,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG;IACzE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,YAAY,GACd,MAAM,CAAA;AAER,eAAO,MAAM,IAAI;mBALA,MAAM;gBACT,MAAM;iEAmDnB,CAAA;AAID,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG;IACrE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,4BAA4B,GAC9B,YAAY,CAAA;AAEd,eAAO,MAAM,WAAW;SALjB,MAAM;gBACC,MAAM;;aAhET,OAAO;cACN,OAAO,GAAG,SAAS,GAAG,OAAO;eAC5B,OAAO;iEAmHnB,CAAA"}
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../src/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,KAAK,YAAY,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,KAAK,4BAA4B,GAAG;IAClC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG;IACzE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,YAAY,CAAA;AAEhB,eAAO,MAAM,IAAI;mBAJA,MAAM;gBACT,MAAM;wDAgDnB,CAAA;AAID,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG;IACrE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,4BAA4B,GAC9B,YAAY,CAAA;AAEd,eAAO,MAAM,WAAW;SALjB,MAAM;gBACC,MAAM;uFAoDnB,CAAA"}

package/dist/ProgressBar/ProgressBar.js

@@ -2,11 +2,10 @@ import { c } from 'react-compiler-runtime';
 import React, { forwardRef } from 'react';
 import { clsx } from 'clsx';
 import classes from './ProgressBar.module.css.js';
-import { BoxWithFallback } from '../internal/components/BoxWithFallback.js';
 import { jsx } from 'react/jsx-runtime';
 
 const Item = /*#__PURE__*/forwardRef((t0, forwardRef) => {
-  const $ = c(33);
+  const $ = c(32);
   let ariaLabel;
   let ariaValueNow;
   let ariaValueText;
@@ -112,28 +111,25 @@ const Item = /*#__PURE__*/forwardRef((t0, forwardRef) => {
     t4 = $[24];
   }
   let t5;
-  if ($[25] !== ariaAttributes || $[26] !== ariaLabel || $[27] !== forwardRef || $[28] !== progress || $[29] !== rest || $[30] !== t3 || $[31] !== t4) {
-    t5 = /*#__PURE__*/jsx(BoxWithFallback, {
-      as: "span",
+  if ($[25] !== ariaAttributes || $[26] !== ariaLabel || $[27] !== forwardRef || $[28] !== rest || $[29] !== t3 || $[30] !== t4) {
+    t5 = /*#__PURE__*/jsx("span", {
       className: t3,
       ...rest,
       role: "progressbar",
       "aria-label": ariaLabel,
       ref: forwardRef,
-      progress: progress,
       style: t4,
       ...ariaAttributes
     });
     $[25] = ariaAttributes;
     $[26] = ariaLabel;
     $[27] = forwardRef;
-    $[28] = progress;
-    $[29] = rest;
-    $[30] = t3;
-    $[31] = t4;
-    $[32] = t5;
+    $[28] = rest;
+    $[29] = t3;
+    $[30] = t4;
+    $[31] = t5;
   } else {
-    t5 = $[32];
+    t5 = $[31];
   }
   return t5;
 });
@@ -237,8 +233,7 @@ const ProgressBar = /*#__PURE__*/forwardRef((t0, forwardRef) => {
   }
   let t7;
   if ($[25] !== barSize || $[26] !== forwardRef || $[27] !== rest || $[28] !== t4 || $[29] !== t5 || $[30] !== t6) {
-    t7 = /*#__PURE__*/jsx(BoxWithFallback, {
-      as: "span",
+    t7 = /*#__PURE__*/jsx("span", {
       ref: forwardRef,
       className: t4,
       "data-progress-display": t5,

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

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

package/dist/ProgressBar/index.d.ts

@@ -9,7 +9,7 @@ export declare const ProgressBar: import("react").ForwardRefExoticComponent<impo
     inline?: boolean;
     barSize?: "small" | "default" | "large";
     animated?: boolean;
-} & import("..").SxProp & {
+} & {
     className?: string;
     progress?: string | number;
     bg?: string;
@@ -21,6 +21,6 @@ export declare const ProgressBar: import("react").ForwardRefExoticComponent<impo
         className?: string;
         progress?: string | number;
         bg?: string;
-    } & import("..").SxProp & import("react").RefAttributes<HTMLSpanElement>>;
+    } & import("react").RefAttributes<HTMLSpanElement>>;
 };
 //# sourceMappingURL=index.d.ts.map

package/dist/Radio/Radio.d.ts

@@ -1,6 +1,5 @@
 import type { InputHTMLAttributes } from 'react';
 import React from 'react';
-import type { SxProp } from '../sx';
 export type RadioProps = {
     /**
      * A unique value that is never shown to the user.
@@ -27,7 +26,7 @@ export type RadioProps = {
      * Indicates whether the radio button must be checked before the form can be submitted
      */
     required?: boolean;
-} & InputHTMLAttributes<HTMLInputElement> & SxProp;
+} & InputHTMLAttributes<HTMLInputElement>;
 /**
  * An accessible, native radio component for selecting one option from a list.
  */

package/dist/Radio/Radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../src/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAqB,mBAAmB,EAAe,MAAM,OAAO,CAAA;AAChF,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAOjC,MAAM,MAAM,UAAU,GAAG;IACvB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IACvC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,GACvC,MAAM,CAAA;AAER;;GAEG;AACH,QAAA,MAAM,KAAK,kGA8CV,CAAA;AAID,eAAe,KAAK,CAAA"}
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../src/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAqB,mBAAmB,EAAe,MAAM,OAAO,CAAA;AAChF,OAAO,KAAmB,MAAM,OAAO,CAAA;AAMvC,MAAM,MAAM,UAAU,GAAG;IACvB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IACvC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAA;AAEzC;;GAEG;AACH,QAAA,MAAM,KAAK,kGA6CV,CAAA;AAID,eAAe,KAAK,CAAA"}

package/dist/Radio/Radio.js

@@ -4,7 +4,6 @@ import { RadioGroupContext } from '../RadioGroup/RadioGroup.js';
 import { clsx } from 'clsx';
 import sharedClasses from '../Checkbox/shared.module.css.js';
 import classes from './Radio.module.css.js';
-import { BoxWithFallback } from '../internal/components/BoxWithFallback.js';
 import { jsx } from 'react/jsx-runtime';
 
 /**
@@ -84,8 +83,7 @@ const Radio = /*#__PURE__*/React.forwardRef((t0, ref) => {
   }
   let t5;
   if ($[15] !== checked || $[16] !== disabled || $[17] !== handleOnChange || $[18] !== name || $[19] !== ref || $[20] !== required || $[21] !== rest || $[22] !== t3 || $[23] !== t4 || $[24] !== value) {
-    t5 = /*#__PURE__*/jsx(BoxWithFallback, {
-      as: "input",
+    t5 = /*#__PURE__*/jsx("input", {
       type: "radio",
       value: value,
       name: name,

package/dist/RadioGroup/RadioGroup.d.ts

@@ -1,8 +1,7 @@
 import type { ChangeEvent, ChangeEventHandler, FC } from 'react';
 import type React from 'react';
 import type { CheckboxOrRadioGroupProps } from '../internal/components/CheckboxOrRadioGroup';
-import type { SxProp } from '../sx';
-type RadioGroupProps = {
+export type RadioGroupProps = {
     /**
      * An onChange handler that gets called when the selection changes
      */
@@ -11,14 +10,14 @@ type RadioGroupProps = {
      * The name used to identify this group of radios
      */
     name: string;
-} & CheckboxOrRadioGroupProps & SxProp;
+} & CheckboxOrRadioGroupProps;
 export declare const RadioGroupContext: React.Context<{
     disabled?: boolean;
     onChange?: ChangeEventHandler<HTMLInputElement>;
     name: string;
 } | null>;
 declare const _default: FC<React.PropsWithChildren<RadioGroupProps>> & {
-    Caption: FC<SxProp & {
+    Caption: FC<import("..").SxProp & {
         children?: React.ReactNode | undefined;
     } & {
         className?: string;

package/dist/RadioGroup/RadioGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../src/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,WAAW,EAAE,kBAAkB,EAAE,EAAE,EAAC,MAAM,OAAO,CAAA;AAC9D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAC,yBAAyB,EAAC,MAAM,6CAA6C,CAAA;AAM1F,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,KAAK,eAAe,GAAG;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC/E;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;CACb,GAAG,yBAAyB,GAC3B,MAAM,CAAA;AAER,eAAO,MAAM,iBAAiB;eACjB,OAAO;eACP,kBAAkB,CAAC,gBAAgB,CAAC;UACzC,MAAM;SACC,CAAA;;;;;;;;;;AAkCf,wBAIE"}
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../src/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,WAAW,EAAE,kBAAkB,EAAE,EAAE,EAAC,MAAM,OAAO,CAAA;AAC9D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAC,yBAAyB,EAAC,MAAM,6CAA6C,CAAA;AAO1F,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC/E;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;CACb,GAAG,yBAAyB,CAAA;AAE7B,eAAO,MAAM,iBAAiB;eACjB,OAAO;eACP,kBAAkB,CAAC,gBAAgB,CAAC;UACzC,MAAM;SACC,CAAA;;;;;;;;;;AAkCf,wBAIE"}

package/dist/RadioGroup/index.d.ts

@@ -1,2 +1,3 @@
 export { default, RadioGroupContext } from './RadioGroup';
+export type { RadioGroupProps } from './RadioGroup';
 //# sourceMappingURL=index.d.ts.map

package/dist/RadioGroup/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/RadioGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAE,iBAAiB,EAAC,MAAM,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/RadioGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAE,iBAAiB,EAAC,MAAM,cAAc,CAAA;AAEvD,YAAY,EAAC,eAAe,EAAC,MAAM,cAAc,CAAA"}

package/dist/RelativeTime/RelativeTime.d.ts

@@ -1,8 +1,6 @@
 import { RelativeTimeElement } from '@github/relative-time-element';
 import type { ComponentProps } from '../utils/types';
-declare const RelativeTimeComponent: string & import("styled-components").StyledComponentBase<import("@lit-labs/react").ReactWebComponent<RelativeTimeElement, {}>, any, import("..").SxProp, never> & import("hoist-non-react-statics").NonReactStatics<import("@lit-labs/react").ReactWebComponent<RelativeTimeElement, {}>, {}> & {
-    displayName: string;
-};
+declare const RelativeTimeComponent: import("@lit-labs/react").ReactWebComponent<RelativeTimeElement, {}>;
 declare function RelativeTime({ date, datetime, children, noTitle, ...props }: RelativeTimeProps): import("react").JSX.Element;
 export type RelativeTimeProps = ComponentProps<typeof RelativeTimeComponent>;
 export default RelativeTime;

package/dist/RelativeTime/RelativeTime.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RelativeTime.d.ts","sourceRoot":"","sources":["../../src/RelativeTime/RelativeTime.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAC,MAAM,+BAA+B,CAAA;AACjE,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAA;AAGlD,QAAA,MAAM,qBAAqB;;CAAwD,CAAA;AAGnF,iBAAS,YAAY,CAAC,EAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,EAAC,EAAE,iBAAiB,+BAOrF;AAED,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,OAAO,qBAAqB,CAAC,CAAA;AAC5E,eAAe,YAAY,CAAA"}
+{"version":3,"file":"RelativeTime.d.ts","sourceRoot":"","sources":["../../src/RelativeTime/RelativeTime.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAC,MAAM,+BAA+B,CAAA;AACjE,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAA;AAGlD,QAAA,MAAM,qBAAqB,sEAAwD,CAAA;AAGnF,iBAAS,YAAY,CAAC,EAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,EAAC,EAAE,iBAAiB,+BAOrF;AAED,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,OAAO,qBAAqB,CAAC,CAAA;AAC5E,eAAe,YAAY,CAAA"}

package/dist/Spinner/Spinner.d.ts

@@ -1,5 +1,4 @@
 import type React from 'react';
-import { type SxProp } from '../sx';
 import type { HTMLDataAttributes } from '../internal/internal-types';
 declare const sizeMap: {
     small: string;
@@ -15,10 +14,10 @@ export type SpinnerProps = {
     'aria-label'?: string;
     className?: string;
     style?: React.CSSProperties;
-} & HTMLDataAttributes & SxProp;
-declare function StyledSpinner({ className, ...props }: SpinnerProps): React.JSX.Element;
-declare namespace StyledSpinner {
+} & HTMLDataAttributes;
+declare function Spinner({ size: sizeKey, srText, 'aria-label': ariaLabel, className, style, ...props }: SpinnerProps): React.JSX.Element;
+declare namespace Spinner {
     var displayName: string;
 }
-export default StyledSpinner;
+export default Spinner;
 //# sourceMappingURL=Spinner.d.ts.map

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

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

package/dist/Spinner/Spinner.js

@@ -1,8 +1,7 @@
 import { c } from 'react-compiler-runtime';
 import classes from './Spinner.module.css.js';
 import { clsx } from 'clsx';
-import { BoxWithFallback } from '../internal/components/BoxWithFallback.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { useId } from '../hooks/useId.js';
 import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden.js';
 
@@ -13,7 +12,7 @@ const sizeMap = {
 };
 function Spinner(t0) {
   var _ariaLabel;
-  const $ = c(23);
+  const $ = c(25);
   let ariaLabel;
   let className;
   let props;
@@ -52,9 +51,17 @@ function Spinner(t0) {
   const t3 = (_ariaLabel = ariaLabel) !== null && _ariaLabel !== void 0 ? _ariaLabel : undefined;
   const t4 = hasHiddenLabel ? labelId : undefined;
   let t5;
+  if ($[7] !== className) {
+    t5 = clsx(className, classes.SpinnerAnimation);
+    $[7] = className;
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
   let t6;
-  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-    t5 = /*#__PURE__*/jsx("circle", {
+  let t7;
+  if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+    t6 = /*#__PURE__*/jsx("circle", {
       cx: "8",
       cy: "8",
       r: "7",
@@ -63,22 +70,22 @@ function Spinner(t0) {
       strokeWidth: "2",
       vectorEffect: "non-scaling-stroke"
     });
-    t6 = /*#__PURE__*/jsx("path", {
+    t7 = /*#__PURE__*/jsx("path", {
       d: "M15 8a7.002 7.002 0 00-7-7",
       stroke: "currentColor",
       strokeWidth: "2",
       strokeLinecap: "round",
       vectorEffect: "non-scaling-stroke"
     });
-    $[7] = t5;
-    $[8] = t6;
+    $[9] = t6;
+    $[10] = t7;
   } else {
-    t5 = $[7];
-    t6 = $[8];
+    t6 = $[9];
+    t7 = $[10];
   }
-  let t7;
-  if ($[9] !== className || $[10] !== props || $[11] !== size || $[12] !== style || $[13] !== t3 || $[14] !== t4) {
-    t7 = /*#__PURE__*/jsxs("svg", {
+  let t8;
+  if ($[11] !== props || $[12] !== size || $[13] !== style || $[14] !== t3 || $[15] !== t4 || $[16] !== t5) {
+    t8 = /*#__PURE__*/jsxs("svg", {
       height: size,
       width: size,
       viewBox: "0 0 16 16",
@@ -86,87 +93,48 @@ function Spinner(t0) {
       "aria-hidden": true,
       "aria-label": t3,
       "aria-labelledby": t4,
-      className: className,
+      className: t5,
       style: style,
       ...props,
-      children: [t5, t6]
+      children: [t6, t7]
     });
-    $[9] = className;
-    $[10] = props;
-    $[11] = size;
-    $[12] = style;
-    $[13] = t3;
-    $[14] = t4;
-    $[15] = t7;
+    $[11] = props;
+    $[12] = size;
+    $[13] = style;
+    $[14] = t3;
+    $[15] = t4;
+    $[16] = t5;
+    $[17] = t8;
   } else {
-    t7 = $[15];
+    t8 = $[17];
   }
-  let t8;
-  if ($[16] !== hasHiddenLabel || $[17] !== labelId || $[18] !== srText) {
-    t8 = hasHiddenLabel ? /*#__PURE__*/jsx(VisuallyHidden, {
+  let t9;
+  if ($[18] !== hasHiddenLabel || $[19] !== labelId || $[20] !== srText) {
+    t9 = hasHiddenLabel ? /*#__PURE__*/jsx(VisuallyHidden, {
       id: labelId,
       children: srText
     }) : null;
-    $[16] = hasHiddenLabel;
-    $[17] = labelId;
-    $[18] = srText;
-    $[19] = t8;
+    $[18] = hasHiddenLabel;
+    $[19] = labelId;
+    $[20] = srText;
+    $[21] = t9;
   } else {
-    t8 = $[19];
+    t9 = $[21];
   }
-  let t9;
-  if ($[20] !== t7 || $[21] !== t8) {
-    t9 = /*#__PURE__*/jsxs("span", {
+  let t10;
+  if ($[22] !== t8 || $[23] !== t9) {
+    t10 = /*#__PURE__*/jsxs("span", {
       className: classes.Box,
-      children: [t7, t8]
-    });
-    $[20] = t7;
-    $[21] = t8;
-    $[22] = t9;
-  } else {
-    t9 = $[22];
-  }
-  return t9;
-}
-function StyledSpinner(t0) {
-  const $ = c(8);
-  let className;
-  let props;
-  if ($[0] !== t0) {
-    ({
-      className,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = className;
-    $[2] = props;
-  } else {
-    className = $[1];
-    props = $[2];
-  }
-  let t1;
-  if ($[3] !== className) {
-    t1 = clsx(className, classes.SpinnerAnimation);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== props || $[6] !== t1) {
-    t2 = /*#__PURE__*/jsx(BoxWithFallback, {
-      as: Spinner,
-      className: t1,
-      ...props
+      children: [t8, t9]
     });
-    $[5] = props;
-    $[6] = t1;
-    $[7] = t2;
+    $[22] = t8;
+    $[23] = t9;
+    $[24] = t10;
   } else {
-    t2 = $[7];
+    t10 = $[24];
   }
-  return t2;
+  return t10;
 }
-StyledSpinner.displayName = 'Spinner';
+Spinner.displayName = 'Spinner';
 
-export { StyledSpinner as default };
+export { Spinner as default };

package/dist/Timeline/Timeline.d.ts

@@ -1,39 +1,32 @@
 import React from 'react';
-import type { SxProp } from '../sx';
 type StyledTimelineProps = {
     clipSidebar?: boolean;
     className?: string;
-} & SxProp;
+};
 export type TimelineProps = StyledTimelineProps & React.ComponentPropsWithoutRef<'div'>;
 type StyledTimelineItemProps = {
     condensed?: boolean;
     className?: string;
-} & SxProp;
+};
 /**
  * @deprecated Use the `TimelineItemProps` type instead
  */
-export type TimelineItemsProps = StyledTimelineItemProps & SxProp & React.ComponentPropsWithoutRef<'div'>;
-export type TimelineItemProps = StyledTimelineItemProps & SxProp & React.ComponentPropsWithoutRef<'div'>;
+export type TimelineItemsProps = StyledTimelineItemProps & React.ComponentPropsWithoutRef<'div'>;
+export type TimelineItemProps = StyledTimelineItemProps & React.ComponentPropsWithoutRef<'div'>;
 export type TimelineBadgeProps = {
     children?: React.ReactNode;
     className?: string;
-} & SxProp & React.ComponentPropsWithoutRef<'div'>;
+} & React.ComponentPropsWithoutRef<'div'>;
 export type TimelineBodyProps = {
     /** Class name for custom styling */
     className?: string;
-} & SxProp & React.ComponentPropsWithoutRef<'div'>;
+} & React.ComponentPropsWithoutRef<'div'>;
 export type TimelineBreakProps = {
     /** Class name for custom styling */
     className?: string;
-} & SxProp & React.ComponentPropsWithoutRef<'div'>;
-declare const _default: React.ForwardRefExoticComponent<{
-    clipSidebar?: boolean;
-    className?: string;
-} & SxProp & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>> & {
-    Item: React.ForwardRefExoticComponent<{
-        condensed?: boolean;
-        className?: string;
-    } & SxProp & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+} & React.ComponentPropsWithoutRef<'div'>;
+declare const _default: React.ForwardRefExoticComponent<StyledTimelineProps & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>> & {
+    Item: React.ForwardRefExoticComponent<StyledTimelineItemProps & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
     Badge: {
         ({ className, ...props }: TimelineBadgeProps): React.JSX.Element;
         displayName: string;
@@ -41,11 +34,11 @@ declare const _default: React.ForwardRefExoticComponent<{
     Body: React.ForwardRefExoticComponent<{
         /** Class name for custom styling */
         className?: string;
-    } & SxProp & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
     Break: React.ForwardRefExoticComponent<{
         /** Class name for custom styling */
         className?: string;
-    } & SxProp & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 };
 export default _default;
 //# sourceMappingURL=Timeline.d.ts.map

package/dist/Timeline/Timeline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../src/Timeline/Timeline.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAIjC,KAAK,mBAAmB,GAAG;IAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAC,GAAG,MAAM,CAAA;AAE/E,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAevF,KAAK,uBAAuB,GAAG;IAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAC,GAAG,MAAM,CAAA;AAEjF;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,uBAAuB,GAAG,MAAM,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAEzG,MAAM,MAAM,iBAAiB,GAAG,uBAAuB,GAAG,MAAM,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAiBxG,MAAM,MAAM,kBAAkB,GAAG;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAC,GAAG,MAAM,GACxF,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAYvC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,MAAM,GACR,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAQvC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,MAAM,GACR,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;;kBAtEG,OAAO;gBAAc,MAAM;;;oBAiBzB,OAAO;oBAAc,MAAM;;;kCA2BzB,kBAAkB;;;;QAW9D,oCAAoC;oBACxB,MAAM;;;QAWlB,oCAAoC;oBACxB,MAAM;;;AAUpB,wBAKE"}
+{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../src/Timeline/Timeline.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,KAAK,mBAAmB,GAAG;IAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAC,CAAA;AAEtE,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAevF,KAAK,uBAAuB,GAAG;IAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAC,CAAA;AAExE;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAEhG,MAAM,MAAM,iBAAiB,GAAG,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAiB/F,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAYzC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAQzC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;;;;kCAxBK,kBAAkB;;;;QAW9D,oCAAoC;oBACxB,MAAM;;;QAUlB,oCAAoC;oBACxB,MAAM;;;AASpB,wBAKE"}

package/dist/Timeline/Timeline.js

@@ -2,7 +2,6 @@ import { c } from 'react-compiler-runtime';
 import { clsx } from 'clsx';
 import React from 'react';
 import classes from './Timeline.module.css.js';
-import { BoxWithFallback } from '../internal/components/BoxWithFallback.js';
 import { jsx } from 'react/jsx-runtime';
 
 const Timeline = /*#__PURE__*/React.forwardRef((t0, forwardRef) => {
@@ -36,7 +35,7 @@ const Timeline = /*#__PURE__*/React.forwardRef((t0, forwardRef) => {
   const t2 = clipSidebar ? "" : undefined;
   let t3;
   if ($[6] !== forwardRef || $[7] !== props || $[8] !== t1 || $[9] !== t2) {
-    t3 = /*#__PURE__*/jsx(BoxWithFallback, {
+    t3 = /*#__PURE__*/jsx("div", {
       ...props,
       className: t1,
       ref: forwardRef,
@@ -89,7 +88,7 @@ const TimelineItem = /*#__PURE__*/React.forwardRef((t0, forwardRef) => {
   const t2 = condensed ? "" : undefined;
   let t3;
   if ($[6] !== forwardRef || $[7] !== props || $[8] !== t1 || $[9] !== t2) {
-    t3 = /*#__PURE__*/jsx(BoxWithFallback, {
+    t3 = /*#__PURE__*/jsx("div", {
       ...props,
       className: t1,
       ref: forwardRef,
@@ -134,7 +133,7 @@ const TimelineBadge = t0 => {
   if ($[5] !== props || $[6] !== t1) {
     t2 = /*#__PURE__*/jsx("div", {
       className: classes.TimelineBadgeWrapper,
-      children: /*#__PURE__*/jsx(BoxWithFallback, {
+      children: /*#__PURE__*/jsx("div", {
         ...props,
         className: t1
       })
@@ -174,7 +173,7 @@ const TimelineBody = /*#__PURE__*/React.forwardRef((t0, forwardRef) => {
   }
   let t2;
   if ($[5] !== forwardRef || $[6] !== props || $[7] !== t1) {
-    t2 = /*#__PURE__*/jsx(BoxWithFallback, {
+    t2 = /*#__PURE__*/jsx("div", {
       ...props,
       className: t1,
       ref: forwardRef
@@ -215,7 +214,7 @@ const TimelineBreak = /*#__PURE__*/React.forwardRef((t0, forwardRef) => {
   }
   let t2;
   if ($[5] !== forwardRef || $[6] !== props || $[7] !== t1) {
-    t2 = /*#__PURE__*/jsx(BoxWithFallback, {
+    t2 = /*#__PURE__*/jsx("div", {
       ...props,
       className: t1,
       ref: forwardRef

package/dist/ToggleSwitch/ToggleSwitch.d.ts

@@ -34,6 +34,10 @@ export interface ToggleSwitchProps extends Omit<React.HTMLAttributes<HTMLDivElem
     loadingLabel?: string;
     /** type of button to account for behavior when added to a form*/
     buttonType?: 'button' | 'submit' | 'reset';
+    /** Text to display when the toggle switch is in the 'on' position. Defaults to 'On'. Only customize this label if there is a more specific label for the context. For example, you might use 'Show' if the setting is 'Show images'. */
+    buttonLabelOn?: string;
+    /** Text to display when the toggle switch is in the 'off' position. Defaults to 'Off'. Only customize this label if there is a more specific label for the context. For example, you might use 'Hide' if the setting is 'Show images'. */
+    buttonLabelOff?: string;
 }
 declare const ToggleSwitch: React.ForwardRefExoticComponent<ToggleSwitchProps & React.RefAttributes<HTMLButtonElement>>;
 export default ToggleSwitch;