@primer/react 37.29.0-rc.af59a9de1 → 38.0.0-rc.195178541

package/lib-esm/Token/Token.js

@@ -1,5 +1,6 @@
 import { c } from 'react-compiler-runtime';
 import { forwardRef } from 'react';
+import { defaultSxProp } from '../utils/defaultSxProp.js';
 import TokenBase, { isTokenInteractive, defaultTokenSize } from './TokenBase.js';
 import RemoveTokenButton from './_RemoveTokenButton.js';
 import TokenTextContainer from './_TokenTextContainer.js';
@@ -48,7 +49,7 @@ const LeadingVisualContainer = t0 => {
   return t3;
 };
 const Token = /*#__PURE__*/forwardRef((props, forwardedRef) => {
-  const $ = c(66);
+  const $ = c(68);
   let LeadingVisual;
   let as;
   let className;
@@ -60,6 +61,7 @@ const Token = /*#__PURE__*/forwardRef((props, forwardedRef) => {
   let rest;
   let style;
   let t0;
+  let t1;
   let text;
   if ($[0] !== props) {
     ({
@@ -72,6 +74,7 @@ const Token = /*#__PURE__*/forwardRef((props, forwardedRef) => {
       hideRemoveButton,
       href,
       onClick,
+      sx: t1,
       className,
       style,
       ...rest
@@ -88,7 +91,8 @@ const Token = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     $[9] = rest;
     $[10] = style;
     $[11] = t0;
-    $[12] = text;
+    $[12] = t1;
+    $[13] = text;
   } else {
     LeadingVisual = $[1];
     as = $[2];
@@ -101,183 +105,187 @@ const Token = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     rest = $[9];
     style = $[10];
     t0 = $[11];
-    text = $[12];
+    t1 = $[12];
+    text = $[13];
   }
   const size = t0 === undefined ? defaultTokenSize : t0;
-  let t1;
-  if ($[13] !== hideRemoveButton || $[14] !== onRemove || $[15] !== props) {
-    t1 = isTokenInteractive(props) && Boolean(onRemove) && !hideRemoveButton;
-    $[13] = hideRemoveButton;
-    $[14] = onRemove;
-    $[15] = props;
-    $[16] = t1;
+  const sxProp = t1 === undefined ? defaultSxProp : t1;
+  let t2;
+  if ($[14] !== hideRemoveButton || $[15] !== onRemove || $[16] !== props) {
+    t2 = isTokenInteractive(props) && Boolean(onRemove) && !hideRemoveButton;
+    $[14] = hideRemoveButton;
+    $[15] = onRemove;
+    $[16] = props;
+    $[17] = t2;
   } else {
-    t1 = $[16];
+    t2 = $[17];
   }
-  const hasMultipleActionTargets = t1;
-  let t2;
-  if ($[17] !== onRemove) {
-    t2 = e => {
+  const hasMultipleActionTargets = t2;
+  let t3;
+  if ($[18] !== onRemove) {
+    t3 = e => {
       e.stopPropagation();
       onRemove && onRemove();
     };
-    $[17] = onRemove;
-    $[18] = t2;
+    $[18] = onRemove;
+    $[19] = t3;
   } else {
-    t2 = $[18];
+    t3 = $[19];
   }
-  const onRemoveClick = t2;
-  let t3;
-  if ($[19] !== as || $[20] !== href || $[21] !== onClick) {
-    t3 = {
+  const onRemoveClick = t3;
+  let t4;
+  if ($[20] !== as || $[21] !== href || $[22] !== onClick) {
+    t4 = {
       as,
       href,
       onClick
     };
-    $[19] = as;
-    $[20] = href;
-    $[21] = onClick;
-    $[22] = t3;
+    $[20] = as;
+    $[21] = href;
+    $[22] = onClick;
+    $[23] = t4;
   } else {
-    t3 = $[22];
+    t4 = $[23];
   }
-  const interactiveTokenProps = t3;
-  let t4;
-  if ($[23] !== id) {
+  const interactiveTokenProps = t4;
+  let t5;
+  if ($[24] !== id) {
     var _id;
-    t4 = (_id = id) === null || _id === void 0 ? void 0 : _id.toString();
-    $[23] = id;
-    $[24] = t4;
+    t5 = (_id = id) === null || _id === void 0 ? void 0 : _id.toString();
+    $[24] = id;
+    $[25] = t5;
   } else {
-    t4 = $[24];
+    t5 = $[25];
   }
-  let t5;
-  if ($[25] !== className) {
-    t5 = clsx(className, classes.Token);
-    $[25] = className;
-    $[26] = t5;
+  let t6;
+  if ($[26] !== className) {
+    t6 = clsx(className, classes.Token);
+    $[26] = className;
+    $[27] = t6;
   } else {
-    t5 = $[26];
+    t6 = $[27];
   }
-  const t6 = !(hideRemoveButton || !onRemove);
-  let t7;
-  if ($[27] !== hasMultipleActionTargets || $[28] !== interactiveTokenProps) {
-    t7 = !hasMultipleActionTargets ? interactiveTokenProps : {};
-    $[27] = hasMultipleActionTargets;
-    $[28] = interactiveTokenProps;
-    $[29] = t7;
+  const t7 = !(hideRemoveButton || !onRemove);
+  let t8;
+  if ($[28] !== hasMultipleActionTargets || $[29] !== interactiveTokenProps) {
+    t8 = !hasMultipleActionTargets ? interactiveTokenProps : {};
+    $[28] = hasMultipleActionTargets;
+    $[29] = interactiveTokenProps;
+    $[30] = t8;
   } else {
-    t7 = $[29];
+    t8 = $[30];
   }
-  let t8;
-  if ($[30] !== style) {
-    t8 = {
+  let t9;
+  if ($[31] !== style) {
+    t9 = {
       borderWidth: `${tokenBorderWidthPx}px`,
       ...style
     };
-    $[30] = style;
-    $[31] = t8;
+    $[31] = style;
+    $[32] = t9;
   } else {
-    t8 = $[31];
+    t9 = $[32];
   }
-  let t9;
-  if ($[32] !== LeadingVisual || $[33] !== size) {
-    t9 = LeadingVisual ? /*#__PURE__*/jsx(LeadingVisualContainer, {
+  let t10;
+  if ($[33] !== LeadingVisual || $[34] !== size) {
+    t10 = LeadingVisual ? /*#__PURE__*/jsx(LeadingVisualContainer, {
       size: size,
       children: /*#__PURE__*/jsx(LeadingVisual, {})
     }) : null;
-    $[32] = LeadingVisual;
-    $[33] = size;
-    $[34] = t9;
+    $[33] = LeadingVisual;
+    $[34] = size;
+    $[35] = t10;
   } else {
-    t9 = $[34];
+    t10 = $[35];
   }
-  let t10;
-  if ($[35] !== hasMultipleActionTargets || $[36] !== interactiveTokenProps) {
-    t10 = hasMultipleActionTargets ? interactiveTokenProps : {};
-    $[35] = hasMultipleActionTargets;
-    $[36] = interactiveTokenProps;
-    $[37] = t10;
+  let t11;
+  if ($[36] !== hasMultipleActionTargets || $[37] !== interactiveTokenProps) {
+    t11 = hasMultipleActionTargets ? interactiveTokenProps : {};
+    $[36] = hasMultipleActionTargets;
+    $[37] = interactiveTokenProps;
+    $[38] = t11;
   } else {
-    t10 = $[37];
+    t11 = $[38];
   }
-  let t11;
-  if ($[38] !== onRemove) {
-    t11 = onRemove && /*#__PURE__*/jsx(VisuallyHidden, {
+  let t12;
+  if ($[39] !== onRemove) {
+    t12 = onRemove && /*#__PURE__*/jsx(VisuallyHidden, {
       children: " (press backspace or delete to remove)"
     });
-    $[38] = onRemove;
-    $[39] = t11;
+    $[39] = onRemove;
+    $[40] = t12;
   } else {
-    t11 = $[39];
+    t12 = $[40];
   }
-  let t12;
-  if ($[40] !== t10 || $[41] !== t11 || $[42] !== text) {
-    t12 = /*#__PURE__*/jsxs(TokenTextContainer, {
-      ...t10,
-      children: [text, t11]
+  let t13;
+  if ($[41] !== t11 || $[42] !== t12 || $[43] !== text) {
+    t13 = /*#__PURE__*/jsxs(TokenTextContainer, {
+      ...t11,
+      children: [text, t12]
     });
-    $[40] = t10;
     $[41] = t11;
-    $[42] = text;
-    $[43] = t12;
+    $[42] = t12;
+    $[43] = text;
+    $[44] = t13;
   } else {
-    t12 = $[43];
+    t13 = $[44];
   }
-  let t13;
-  if ($[44] !== hasMultipleActionTargets || $[45] !== hideRemoveButton || $[46] !== onRemove || $[47] !== onRemoveClick || $[48] !== props || $[49] !== size) {
-    t13 = !hideRemoveButton && onRemove ? /*#__PURE__*/jsx(RemoveTokenButton, {
+  let t14;
+  if ($[45] !== hasMultipleActionTargets || $[46] !== hideRemoveButton || $[47] !== onRemove || $[48] !== onRemoveClick || $[49] !== props || $[50] !== size) {
+    t14 = !hideRemoveButton && onRemove ? /*#__PURE__*/jsx(RemoveTokenButton, {
       borderOffset: tokenBorderWidthPx,
       onClick: onRemoveClick,
       size: size,
       isParentInteractive: isTokenInteractive(props),
       "aria-hidden": hasMultipleActionTargets ? "true" : "false"
     }) : null;
-    $[44] = hasMultipleActionTargets;
-    $[45] = hideRemoveButton;
-    $[46] = onRemove;
-    $[47] = onRemoveClick;
-    $[48] = props;
-    $[49] = size;
-    $[50] = t13;
+    $[45] = hasMultipleActionTargets;
+    $[46] = hideRemoveButton;
+    $[47] = onRemove;
+    $[48] = onRemoveClick;
+    $[49] = props;
+    $[50] = size;
+    $[51] = t14;
   } else {
-    t13 = $[50];
+    t14 = $[51];
   }
-  let t14;
-  if ($[51] !== forwardedRef || $[52] !== onRemove || $[53] !== props.isSelected || $[54] !== rest || $[55] !== size || $[56] !== t12 || $[57] !== t13 || $[58] !== t4 || $[59] !== t5 || $[60] !== t6 || $[61] !== t7 || $[62] !== t8 || $[63] !== t9 || $[64] !== text) {
-    t14 = /*#__PURE__*/jsxs(TokenBase, {
+  let t15;
+  if ($[52] !== forwardedRef || $[53] !== onRemove || $[54] !== props.isSelected || $[55] !== rest || $[56] !== size || $[57] !== sxProp || $[58] !== t10 || $[59] !== t13 || $[60] !== t14 || $[61] !== t5 || $[62] !== t6 || $[63] !== t7 || $[64] !== t8 || $[65] !== t9 || $[66] !== text) {
+    t15 = /*#__PURE__*/jsxs(TokenBase, {
       onRemove: onRemove,
-      id: t4,
-      className: t5,
+      id: t5,
+      className: t6,
       text: text,
       size: size,
+      sx: sxProp,
       "data-is-selected": props.isSelected,
-      "data-is-remove-btn": t6,
-      ...t7,
+      "data-is-remove-btn": t7,
+      ...t8,
       ...rest,
       ref: forwardedRef,
-      style: t8,
-      children: [t9, t12, t13]
+      style: t9,
+      children: [t10, t13, t14]
     });
-    $[51] = forwardedRef;
-    $[52] = onRemove;
-    $[53] = props.isSelected;
-    $[54] = rest;
-    $[55] = size;
-    $[56] = t12;
-    $[57] = t13;
-    $[58] = t4;
-    $[59] = t5;
-    $[60] = t6;
-    $[61] = t7;
-    $[62] = t8;
-    $[63] = t9;
-    $[64] = text;
-    $[65] = t14;
+    $[52] = forwardedRef;
+    $[53] = onRemove;
+    $[54] = props.isSelected;
+    $[55] = rest;
+    $[56] = size;
+    $[57] = sxProp;
+    $[58] = t10;
+    $[59] = t13;
+    $[60] = t14;
+    $[61] = t5;
+    $[62] = t6;
+    $[63] = t7;
+    $[64] = t8;
+    $[65] = t9;
+    $[66] = text;
+    $[67] = t15;
   } else {
-    t14 = $[65];
+    t15 = $[67];
   }
-  return t14;
+  return t15;
 });
 Token.displayName = 'Token';
 

package/lib-esm/TreeView/TreeView.js

@@ -12,11 +12,11 @@ import { useSlots } from '../hooks/useSlots.js';
 import { getAccessibleName } from './shared.js';
 import { useRovingTabIndex, getFirstChildElement } from './useRovingTabIndex.js';
 import { useTypeahead } from './useTypeahead.js';
+import { SkeletonAvatar } from '../experimental/Skeleton/SkeletonAvatar.js';
+import { SkeletonText } from '../experimental/Skeleton/SkeletonText.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import StyledSpinner from '../Spinner/Spinner.js';
 import Text from '../Text/Text.js';
-import { SkeletonAvatar } from '../SkeletonAvatar/SkeletonAvatar.js';
-import { SkeletonText } from '../SkeletonText/SkeletonText.js';
 
 const RootContext = /*#__PURE__*/React.createContext({
   announceUpdate: () => {},

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

@@ -11,7 +11,7 @@ import { type HTMLAttributes } from 'react';
  *
  * @see https://www.scottohara.me/blog/2023/03/21/visually-hidden-hack.html
  */
-export declare const VisuallyHidden: ({ className, children, ...rest }: VisuallyHiddenProps) => React.JSX.Element;
+export declare const VisuallyHidden: ({ className, children, sx: sxProp, ...rest }: VisuallyHiddenProps) => React.JSX.Element;
 export type VisuallyHiddenProps = React.PropsWithChildren<HTMLAttributes<HTMLSpanElement> & {
     className?: string;
 } & SxProp>;

package/lib-esm/VisuallyHidden/VisuallyHidden.js

@@ -1,53 +1,85 @@
 import { c } from 'react-compiler-runtime';
 import { clsx } from 'clsx';
 import classes from './VisuallyHidden.module.css.js';
-import { BoxWithFallback } from '../internal/components/BoxWithFallback.js';
+import { defaultSxProp } from '../utils/defaultSxProp.js';
 import { jsx } from 'react/jsx-runtime';
+import Box from '../Box/Box.js';
 
 const VisuallyHidden = t0 => {
-  const $ = c(10);
+  const $ = c(18);
   let children;
   let className;
   let rest;
+  let t1;
   if ($[0] !== t0) {
     ({
       className,
       children,
+      sx: t1,
       ...rest
     } = t0);
     $[0] = t0;
     $[1] = children;
     $[2] = className;
     $[3] = rest;
+    $[4] = t1;
   } else {
     children = $[1];
     className = $[2];
     rest = $[3];
+    t1 = $[4];
   }
-  let t1;
-  if ($[4] !== className) {
-    t1 = clsx(className, classes.VisuallyHidden);
-    $[4] = className;
-    $[5] = t1;
-  } else {
-    t1 = $[5];
+  const sxProp = t1 === undefined ? defaultSxProp : t1;
+  if (sxProp !== defaultSxProp) {
+    let t2;
+    if ($[5] !== className) {
+      t2 = clsx(className, classes.VisuallyHidden);
+      $[5] = className;
+      $[6] = t2;
+    } else {
+      t2 = $[6];
+    }
+    let t3;
+    if ($[7] !== children || $[8] !== rest || $[9] !== sxProp || $[10] !== t2) {
+      t3 = /*#__PURE__*/jsx(Box, {
+        sx: sxProp,
+        className: t2,
+        ...rest,
+        children: children
+      });
+      $[7] = children;
+      $[8] = rest;
+      $[9] = sxProp;
+      $[10] = t2;
+      $[11] = t3;
+    } else {
+      t3 = $[11];
+    }
+    return t3;
   }
   let t2;
-  if ($[6] !== children || $[7] !== rest || $[8] !== t1) {
-    t2 = /*#__PURE__*/jsx(BoxWithFallback, {
-      as: "span",
-      className: t1,
+  if ($[12] !== className) {
+    t2 = clsx(className, classes.VisuallyHidden);
+    $[12] = className;
+    $[13] = t2;
+  } else {
+    t2 = $[13];
+  }
+  let t3;
+  if ($[14] !== children || $[15] !== rest || $[16] !== t2) {
+    t3 = /*#__PURE__*/jsx("span", {
+      className: t2,
       ...rest,
       children: children
     });
-    $[6] = children;
-    $[7] = rest;
-    $[8] = t1;
-    $[9] = t2;
+    $[14] = children;
+    $[15] = rest;
+    $[16] = t2;
+    $[17] = t3;
   } else {
-    t2 = $[9];
+    t3 = $[17];
   }
-  return t2;
+  return t3;
 };
 
 export { VisuallyHidden };

package/lib-esm/_VisuallyHidden.d.ts

@@ -1,8 +1,7 @@
 import type { SxProp } from './sx';
-interface Props extends React.ComponentPropsWithoutRef<'span'> {
+interface Props {
     isVisible?: boolean;
-    as?: React.ElementType;
 }
-declare function VisuallyHidden({ isVisible, children, as, className, ...rest }: Props & SxProp): import("react").JSX.Element;
+declare const VisuallyHidden: import("styled-components").StyledComponent<"span", any, Props & SxProp, never>;
 export default VisuallyHidden;
 //# sourceMappingURL=_VisuallyHidden.d.ts.map

package/lib-esm/_VisuallyHidden.js

@@ -1,67 +1,26 @@
-import { c } from 'react-compiler-runtime';
-import classes from './_VisuallyHidden.module.css.js';
-import { clsx } from 'clsx';
-import { BoxWithFallback } from './internal/components/BoxWithFallback.js';
-import { jsx } from 'react/jsx-runtime';
+import styled from 'styled-components';
+import sx from './sx.js';
 
-function VisuallyHidden(t0) {
-  const $ = c(14);
-  let children;
-  let className;
-  let isVisible;
-  let rest;
-  let t1;
-  if ($[0] !== t0) {
-    ({
-      isVisible,
-      children,
-      as: t1,
-      className,
-      ...rest
-    } = t0);
-    $[0] = t0;
-    $[1] = children;
-    $[2] = className;
-    $[3] = isVisible;
-    $[4] = rest;
-    $[5] = t1;
-  } else {
-    children = $[1];
-    className = $[2];
-    isVisible = $[3];
-    rest = $[4];
-    t1 = $[5];
+const VisuallyHidden = styled.span.withConfig({
+  displayName: "_VisuallyHidden__VisuallyHidden",
+  componentId: "sc-11jhm7a-0"
+})(["", ""], ({
+  isVisible = false
+}) => {
+  if (isVisible) {
+    return sx;
   }
-  const as = t1 === undefined ? "span" : t1;
-  const t2 = !isVisible;
-  let t3;
-  if ($[6] !== className || $[7] !== t2) {
-    t3 = clsx(className, {
-      [classes.InternalVisuallyHidden]: t2
-    });
-    $[6] = className;
-    $[7] = t2;
-    $[8] = t3;
-  } else {
-    t3 = $[8];
-  }
-  let t4;
-  if ($[9] !== as || $[10] !== children || $[11] !== rest || $[12] !== t3) {
-    t4 = /*#__PURE__*/jsx(BoxWithFallback, {
-      as: as,
-      className: t3,
-      ...rest,
-      children: children
-    });
-    $[9] = as;
-    $[10] = children;
-    $[11] = rest;
-    $[12] = t3;
-    $[13] = t4;
-  } else {
-    t4 = $[13];
-  }
-  return t4;
-}
+  return `
+        position: absolute;
+        width: 1px;
+        height: 1px;
+        padding: 0;
+        margin: -1px;
+        overflow: hidden;
+        clip: rect(0, 0, 0, 0);
+        white-space: nowrap;
+        border-width: 0;
+    `;
+});
 
 export { VisuallyHidden as default };

package/lib-esm/experimental/Skeleton/SkeletonAvatar-e00fff32.css

@@ -0,0 +1,2 @@
+.prc-Skeleton-SkeletonAvatar-TYNvX:where([data-component=SkeletonAvatar]){border-radius:50%;display:inline-block;height:var(--avatarSize-regular);line-height:1;width:var(--avatarSize-regular)}.prc-Skeleton-SkeletonAvatar-TYNvX:where([data-square]){border-radius:clamp(4px,var(--avatarSize-regular) - 24px,var(--borderRadius-medium,.375rem))}@media screen and (max-width:calc(48rem - 0.02px)){.prc-Skeleton-SkeletonAvatar-TYNvX:where([data-responsive]){height:var(--avatarSize-narrow);width:var(--avatarSize-narrow)}}@media screen and (min-width:48rem){.prc-Skeleton-SkeletonAvatar-TYNvX:where([data-responsive]){height:var(--avatarSize-regular);width:var(--avatarSize-regular)}}@media screen and (min-width:87.5rem){.prc-Skeleton-SkeletonAvatar-TYNvX:where([data-responsive]){height:var(--avatarSize-wide);width:var(--avatarSize-wide)}}
+/*# sourceMappingURL=SkeletonAvatar-e00fff32.css.map */

package/lib-esm/experimental/Skeleton/SkeletonAvatar-e00fff32.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/experimental/Skeleton/SkeletonAvatar.module.css"],"names":[],"mappings":"AACE,0EAME,iBAAkB,CALlB,oBAAqB,CAErB,gCAAiC,CAEjC,aAAc,CAHd,+BAKF,CAEA,wDAEE,4FACF,CAGE,mDADF,4DAGI,+BAAgC,CADhC,8BAaJ,CAXE,CAEA,oCANF,4DAQI,gCAAiC,CADjC,+BAQJ,CANE,CAEA,sCAXF,4DAaI,6BAA8B,CAD9B,4BAGJ,CADE","file":"SkeletonAvatar-e00fff32.css","sourcesContent":[".SkeletonAvatar {\n  &:where([data-component='SkeletonAvatar']) {\n    display: inline-block;\n    width: var(--avatarSize-regular);\n    height: var(--avatarSize-regular);\n    /* stylelint-disable-next-line primer/typography */\n    line-height: 1;\n    border-radius: 50%;\n  }\n\n  &:where([data-square]) {\n    /* stylelint-disable-next-line primer/borders */\n    border-radius: clamp(4px, var(--avatarSize-regular) - 24px, var(--borderRadius-medium));\n  }\n\n  &:where([data-responsive]) {\n    @media screen and (--viewportRange-narrow) {\n      width: var(--avatarSize-narrow);\n      height: var(--avatarSize-narrow);\n    }\n\n    @media screen and (--viewportRange-regular) {\n      width: var(--avatarSize-regular);\n      height: var(--avatarSize-regular);\n    }\n\n    @media screen and (--viewportRange-wide) {\n      width: var(--avatarSize-wide);\n      height: var(--avatarSize-wide);\n    }\n  }\n}\n"]}

package/lib-esm/experimental/Skeleton/SkeletonAvatar.d.ts

@@ -0,0 +1,8 @@
+import type React from 'react';
+import type { AvatarProps } from '../../Avatar';
+export type SkeletonAvatarProps = Pick<AvatarProps, 'size' | 'square'> & {
+    /** Class name for custom styling */
+    className?: string;
+} & Omit<React.HTMLProps<HTMLDivElement>, 'size'>;
+export declare const SkeletonAvatar: React.FC<SkeletonAvatarProps>;
+//# sourceMappingURL=SkeletonAvatar.d.ts.map

package/lib-esm/{SkeletonAvatar → experimental/Skeleton}/SkeletonAvatar.js

@@ -1,14 +1,14 @@
 import { c } from 'react-compiler-runtime';
-import { isResponsiveValue } from '../hooks/useResponsiveValue.js';
-import { DEFAULT_AVATAR_SIZE } from '../Avatar/Avatar.js';
-import { SkeletonBox } from '../Skeleton/SkeletonBox.js';
+import { isResponsiveValue } from '../../hooks/useResponsiveValue.js';
+import { DEFAULT_AVATAR_SIZE } from '../../Avatar/Avatar.js';
+import { SkeletonBox } from '../../Skeleton/SkeletonBox.js';
 import classes from './SkeletonAvatar.module.css.js';
 import { clsx } from 'clsx';
 import '@styled-system/css';
 import merge from 'deepmerge';
 import { jsx } from 'react/jsx-runtime';
 
-function SkeletonAvatar(t0) {
+const SkeletonAvatar = t0 => {
   const $ = c(31);
   let className;
   let rest;
@@ -119,6 +119,6 @@ function SkeletonAvatar(t0) {
     t9 = $[30];
   }
   return t9;
-}
+};
 
 export { SkeletonAvatar };

package/lib-esm/experimental/Skeleton/SkeletonAvatar.module.css.js

@@ -0,0 +1,5 @@
+import './SkeletonAvatar-e00fff32.css';
+
+var classes = {"SkeletonAvatar":"prc-Skeleton-SkeletonAvatar-TYNvX"};
+
+export { classes as default };

package/lib-esm/experimental/Skeleton/SkeletonText-5cf908c1.css

@@ -0,0 +1,2 @@
+.prc-Skeleton-SkeletonText-o0dUS{--font-size:var(--text-body-size-medium,0.875rem);--line-height:var(--text-body-lineHeight-medium,1.4285);--leading:calc(var(--font-size)*var(--line-height) - var(--font-size))}@supports (margin-block:mod(1px,1px)){.prc-Skeleton-SkeletonText-o0dUS{--leading:mod(var(--font-size) * var(--line-height),var(--font-size))}}.prc-Skeleton-SkeletonText-o0dUS{border-radius:var(--borderRadius-small,.1875rem);height:var(--font-size);margin-block:calc(var(--leading)/2)}.prc-Skeleton-SkeletonText-o0dUS:where([data-in-multiline]){margin-block-end:calc(var(--leading)*2)}.prc-Skeleton-SkeletonText-o0dUS:where([data-in-multiline]):last-child{margin-bottom:0;max-width:65%;min-width:50px}.prc-Skeleton-SkeletonText-o0dUS:where([data-text-skeleton-size=display]),.prc-Skeleton-SkeletonText-o0dUS:where([data-text-skeleton-size=titleLarge]){border-radius:var(--borderRadius-medium,.375rem)}.prc-Skeleton-SkeletonText-o0dUS:where([data-text-skeleton-size=display]){--font-size:var(--text-display-size,2.5rem);--line-height:var(--text-display-lineHeight,1.4)}.prc-Skeleton-SkeletonText-o0dUS:where([data-text-skeleton-size=titleLarge]){--font-size:var(--text-title-size-large,2rem);--line-height:var(--text-title-lineHeight-large,1.5)}.prc-Skeleton-SkeletonText-o0dUS:where([data-text-skeleton-size=titleMedium]){--font-size:var(--text-title-size-medium,1.25rem);--line-height:var(--text-title-lineHeight-medium,1.6)}.prc-Skeleton-SkeletonText-o0dUS:where([data-text-skeleton-size=titleSmall]){--font-size:var(--text-title-size-small,1rem);--line-height:var(--text-title-lineHeight-small,1.5)}.prc-Skeleton-SkeletonText-o0dUS:where([data-text-skeleton-size=subtitle]){--font-size:var(--text-subtitle-size,1.25rem);--line-height:var(--text-subtitle-lineHeight,1.6)}.prc-Skeleton-SkeletonText-o0dUS:where([data-text-skeleton-size=bodyLarge]){--font-size:var(--text-body-size-large,1rem);--line-height:var(--text-body-lineHeight-large,1.5)}.prc-Skeleton-SkeletonText-o0dUS:where([data-text-skeleton-size=bodySmall]){--font-size:var(--text-body-size-small,0.75rem);--line-height:var(--text-body-lineHeight-small,1.6666)}.prc-Skeleton-SkeletonTextWrapper-QRoBW{padding-block:.1px}
+/*# sourceMappingURL=SkeletonText-5cf908c1.css.map */

package/lib-esm/experimental/Skeleton/SkeletonText-5cf908c1.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/experimental/Skeleton/SkeletonText.module.css"],"names":[],"mappings":"AAAA,iCACE,iDAAyC,CACzC,uDAAiD,CACjD,sEA6DF,CA3DE,sCALF,iCAMI,qEA0DJ,CAzDE,CAPF,iCAUE,gDAAwC,CADxC,uBAAwB,CAGxB,mCAoDF,CAlDE,4DAEE,uCAOF,CALE,uEAGE,eAAgB,CADhB,aAAc,CADd,cAGF,CAGF,uJAEE,gDACF,CAEA,0EACE,2CAAqC,CACrC,gDACF,CAEA,6EACE,6CAAyC,CACzC,oDACF,CAEA,8EACE,iDAA0C,CAC1C,qDACF,CAEA,6EACE,6CAAyC,CACzC,oDACF,CAEA,2EACE,6CAAsC,CACtC,iDACF,CAEA,4EACE,4CAAwC,CACxC,mDACF,CAEA,4EACE,+CAAwC,CACxC,sDACF,CAGF,wCAEE,kBACF","file":"SkeletonText-5cf908c1.css","sourcesContent":[".SkeletonText {\n  --font-size: var(--text-body-size-medium);\n  --line-height: var(--text-body-lineHeight-medium);\n  --leading: calc(var(--font-size) * var(--line-height) - var(--font-size));\n\n  @supports (margin-block: mod(1px, 1px)) {\n    --leading: mod(var(--font-size) * var(--line-height), var(--font-size));\n  }\n\n  height: var(--font-size);\n  border-radius: var(--borderRadius-small);\n  /* stylelint-disable-next-line primer/spacing */\n  margin-block: calc(var(--leading) / 2);\n\n  &:where([data-in-multiline]) {\n    /* stylelint-disable-next-line primer/spacing */\n    margin-block-end: calc(var(--leading) * 2);\n\n    &:last-child {\n      min-width: 50px;\n      max-width: 65%;\n      margin-bottom: 0;\n    }\n  }\n\n  &:where([data-text-skeleton-size='display']),\n  &:where([data-text-skeleton-size='titleLarge']) {\n    border-radius: var(--borderRadius-medium);\n  }\n\n  &:where([data-text-skeleton-size='display']) {\n    --font-size: var(--text-display-size);\n    --line-height: var(--text-display-lineHeight);\n  }\n\n  &:where([data-text-skeleton-size='titleLarge']) {\n    --font-size: var(--text-title-size-large);\n    --line-height: var(--text-title-lineHeight-large);\n  }\n\n  &:where([data-text-skeleton-size='titleMedium']) {\n    --font-size: var(--text-title-size-medium);\n    --line-height: var(--text-title-lineHeight-medium);\n  }\n\n  &:where([data-text-skeleton-size='titleSmall']) {\n    --font-size: var(--text-title-size-small);\n    --line-height: var(--text-title-lineHeight-small);\n  }\n\n  &:where([data-text-skeleton-size='subtitle']) {\n    --font-size: var(--text-subtitle-size);\n    --line-height: var(--text-subtitle-lineHeight);\n  }\n\n  &:where([data-text-skeleton-size='bodyLarge']) {\n    --font-size: var(--text-body-size-large);\n    --line-height: var(--text-body-lineHeight-large);\n  }\n\n  &:where([data-text-skeleton-size='bodySmall']) {\n    --font-size: var(--text-body-size-small);\n    --line-height: var(--text-body-lineHeight-small);\n  }\n}\n\n.SkeletonTextWrapper {\n  /* stylelint-disable-next-line primer/spacing */\n  padding-block: 0.1px;\n}\n"]}