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

package/lib-esm/Token/TokenBase.js

@@ -26,114 +26,109 @@ const isTokenInteractive = ({
 };
 const TokenBase = /*#__PURE__*/React.forwardRef((t0, forwardedRef) => {
   const $ = c(26);
-  let className;
+  let T0;
   let id;
-  let onKeyDown;
-  let onRemove;
   let rest;
+  let size;
   let t1;
   let t2;
+  let t3;
+  let t4;
   if ($[0] !== t0) {
     const {
-      onRemove: t3,
-      onKeyDown: t4,
+      onRemove,
+      onKeyDown,
       id: t5,
-      className: t6,
-      size: t7,
+      className,
+      size: t6,
       isSelected: _isSelected,
-      as: t8,
-      ...t9
+      as: t7,
+      ...t8
     } = t0;
-    onRemove = t3;
-    onKeyDown = t4;
     id = t5;
-    className = t6;
-    t1 = t7;
-    t2 = t8;
-    rest = t9;
+    rest = t8;
+    size = t6 === undefined ? defaultTokenSize : t6;
+    const as = t7 === undefined ? "span" : t7;
+    T0 = BoxWithFallback;
+    t1 = as;
+    if ($[9] !== onKeyDown || $[10] !== onRemove) {
+      t2 = event => {
+        onKeyDown && onKeyDown(event);
+        if ((event.key === "Backspace" || event.key === "Delete") && onRemove) {
+          onRemove();
+        }
+      };
+      $[9] = onKeyDown;
+      $[10] = onRemove;
+      $[11] = t2;
+    } else {
+      t2 = $[11];
+    }
+    if ($[12] !== className) {
+      t3 = clsx(classes.TokenBase, className);
+      $[12] = className;
+      $[13] = t3;
+    } else {
+      t3 = $[13];
+    }
+    t4 = isTokenInteractive({
+      as,
+      ...rest
+    });
     $[0] = t0;
-    $[1] = className;
+    $[1] = T0;
     $[2] = id;
-    $[3] = onKeyDown;
-    $[4] = onRemove;
-    $[5] = rest;
-    $[6] = t1;
-    $[7] = t2;
+    $[3] = rest;
+    $[4] = size;
+    $[5] = t1;
+    $[6] = t2;
+    $[7] = t3;
+    $[8] = t4;
   } else {
-    className = $[1];
+    T0 = $[1];
     id = $[2];
-    onKeyDown = $[3];
-    onRemove = $[4];
-    rest = $[5];
-    t1 = $[6];
-    t2 = $[7];
-  }
-  const size = t1 === undefined ? defaultTokenSize : t1;
-  const as = t2 === undefined ? "span" : t2;
-  let t3;
-  if ($[8] !== onKeyDown || $[9] !== onRemove) {
-    t3 = event => {
-      onKeyDown && onKeyDown(event);
-      if ((event.key === "Backspace" || event.key === "Delete") && onRemove) {
-        onRemove();
-      }
-    };
-    $[8] = onKeyDown;
-    $[9] = onRemove;
-    $[10] = t3;
-  } else {
-    t3 = $[10];
-  }
-  let t4;
-  if ($[11] !== className) {
-    t4 = clsx(classes.TokenBase, className);
-    $[11] = className;
-    $[12] = t4;
-  } else {
-    t4 = $[12];
+    rest = $[3];
+    size = $[4];
+    t1 = $[5];
+    t2 = $[6];
+    t3 = $[7];
+    t4 = $[8];
   }
   let t5;
-  if ($[13] !== rest) {
-    t5 = isTokenInteractive(rest);
-    $[13] = rest;
-    $[14] = t5;
-  } else {
-    t5 = $[14];
-  }
-  let t6;
-  if ($[15] !== id) {
+  if ($[14] !== id) {
     var _id;
-    t6 = (_id = id) === null || _id === void 0 ? void 0 : _id.toString();
-    $[15] = id;
-    $[16] = t6;
+    t5 = (_id = id) === null || _id === void 0 ? void 0 : _id.toString();
+    $[14] = id;
+    $[15] = t5;
   } else {
-    t6 = $[16];
+    t5 = $[15];
   }
-  let t7;
-  if ($[17] !== as || $[18] !== forwardedRef || $[19] !== rest || $[20] !== size || $[21] !== t3 || $[22] !== t4 || $[23] !== t5 || $[24] !== t6) {
-    t7 = /*#__PURE__*/jsx(BoxWithFallback, {
-      as: as,
-      onKeyDown: t3,
-      className: t4,
-      "data-cursor-is-interactive": t5,
+  let t6;
+  if ($[16] !== T0 || $[17] !== forwardedRef || $[18] !== rest || $[19] !== size || $[20] !== t1 || $[21] !== t2 || $[22] !== t3 || $[23] !== t4 || $[24] !== t5) {
+    t6 = /*#__PURE__*/jsx(T0, {
+      as: t1,
+      onKeyDown: t2,
+      className: t3,
+      "data-cursor-is-interactive": t4,
       "data-size": size,
-      id: t6,
+      id: t5,
       ...rest,
       ref: forwardedRef
     });
-    $[17] = as;
-    $[18] = forwardedRef;
-    $[19] = rest;
-    $[20] = size;
-    $[21] = t3;
-    $[22] = t4;
-    $[23] = t5;
-    $[24] = t6;
-    $[25] = t7;
+    $[16] = T0;
+    $[17] = forwardedRef;
+    $[18] = rest;
+    $[19] = size;
+    $[20] = t1;
+    $[21] = t2;
+    $[22] = t3;
+    $[23] = t4;
+    $[24] = t5;
+    $[25] = t6;
   } else {
-    t7 = $[25];
+    t6 = $[25];
   }
-  return t7;
+  return t6;
 });
 
 export { TokenBase as default, defaultTokenSize, isTokenInteractive, tokenSizes };

package/lib-esm/Token/_RemoveTokenButton.js

@@ -1,3 +1,4 @@
+import { c } from 'react-compiler-runtime';
 import { XIcon } from '@primer/octicons-react';
 import { clsx } from 'clsx';
 import { defaultTokenSize, tokenSizes } from './TokenBase.js';
@@ -6,32 +7,111 @@ import { BoxWithFallback } from '../internal/components/BoxWithFallback.js';
 import { jsx } from 'react/jsx-runtime';
 
 const getTokenButtonIconSize = size => parseInt(tokenSizes[size || defaultTokenSize], 10) * 0.75;
-const RemoveTokenButton = ({
-  'aria-label': ariaLabel,
-  isParentInteractive,
-  size = defaultTokenSize,
-  className,
-  borderOffset = 0,
-  as: _as,
-  ...rest
-}) => {
-  // eslint-disable-next-line react-compiler/react-compiler
-  delete rest.children;
-  return /*#__PURE__*/jsx(BoxWithFallback, {
-    as: isParentInteractive ? 'span' : 'button',
-    tabIndex: isParentInteractive ? -1 : undefined,
-    "aria-label": !isParentInteractive ? 'Remove token' : ariaLabel,
-    "data-size": size,
-    className: clsx(classes.TokenButton, className),
-    style: {
-      transform: `translate(${borderOffset}px, -${borderOffset}px)`
-    },
-    ...rest,
-    children: /*#__PURE__*/jsx(XIcon, {
-      size: getTokenButtonIconSize(size)
-    })
-  });
+const RemoveTokenButton = t0 => {
+  const $ = c(24);
+  let ariaLabel;
+  let borderOffset;
+  let className;
+  let isParentInteractive;
+  let rest;
+  let size;
+  if ($[0] !== t0) {
+    const {
+      "aria-label": t1,
+      isParentInteractive: t2,
+      size: t3,
+      className: t4,
+      borderOffset: t5,
+      as: _as,
+      ...t6
+    } = t0;
+    ariaLabel = t1;
+    isParentInteractive = t2;
+    className = t4;
+    rest = t6;
+    size = t3 === undefined ? defaultTokenSize : t3;
+    borderOffset = t5 === undefined ? 0 : t5;
+    delete rest.children;
+    $[0] = t0;
+    $[1] = ariaLabel;
+    $[2] = borderOffset;
+    $[3] = className;
+    $[4] = isParentInteractive;
+    $[5] = rest;
+    $[6] = size;
+  } else {
+    ariaLabel = $[1];
+    borderOffset = $[2];
+    className = $[3];
+    isParentInteractive = $[4];
+    rest = $[5];
+    size = $[6];
+  }
+  const t1 = isParentInteractive ? "span" : "button";
+  const t2 = isParentInteractive ? -1 : undefined;
+  const t3 = !isParentInteractive ? "Remove token" : ariaLabel;
+  let t4;
+  if ($[7] !== className) {
+    t4 = clsx(classes.TokenButton, className);
+    $[7] = className;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  const t5 = `translate(${borderOffset}px, -${borderOffset}px)`;
+  let t6;
+  if ($[9] !== t5) {
+    t6 = {
+      transform: t5
+    };
+    $[9] = t5;
+    $[10] = t6;
+  } else {
+    t6 = $[10];
+  }
+  let t7;
+  if ($[11] !== size) {
+    t7 = getTokenButtonIconSize(size);
+    $[11] = size;
+    $[12] = t7;
+  } else {
+    t7 = $[12];
+  }
+  let t8;
+  if ($[13] !== t7) {
+    t8 = /*#__PURE__*/jsx(XIcon, {
+      size: t7
+    });
+    $[13] = t7;
+    $[14] = t8;
+  } else {
+    t8 = $[14];
+  }
+  let t9;
+  if ($[15] !== rest || $[16] !== size || $[17] !== t1 || $[18] !== t2 || $[19] !== t3 || $[20] !== t4 || $[21] !== t6 || $[22] !== t8) {
+    t9 = /*#__PURE__*/jsx(BoxWithFallback, {
+      as: t1,
+      tabIndex: t2,
+      "aria-label": t3,
+      "data-size": size,
+      className: t4,
+      style: t6,
+      ...rest,
+      children: t8
+    });
+    $[15] = rest;
+    $[16] = size;
+    $[17] = t1;
+    $[18] = t2;
+    $[19] = t3;
+    $[20] = t4;
+    $[21] = t6;
+    $[22] = t8;
+    $[23] = t9;
+  } else {
+    t9 = $[23];
+  }
+  return t9;
 };
-RemoveTokenButton.displayName = "RemoveTokenButton";
 
 export { RemoveTokenButton as default };

package/lib-esm/Token/index.d.ts

@@ -3,5 +3,4 @@ export { default } from './Token';
 export type { TokenProps } from './Token';
 export { default as IssueLabelToken } from './IssueLabelToken';
 export type { IssueLabelTokenProps } from './IssueLabelToken';
-export { default as AvatarToken } from './AvatarToken';
 //# sourceMappingURL=index.d.ts.map

package/lib-esm/Tooltip/Tooltip.js

@@ -85,21 +85,19 @@ function Tooltip(t0) {
   }
   const classes = t6;
   let t7;
-  let t8;
   if ($[16] !== tooltipId) {
-    t8 = {
+    t7 = {
       tooltipId
     };
     $[16] = tooltipId;
-    $[17] = t8;
+    $[17] = t7;
   } else {
-    t8 = $[17];
+    t7 = $[17];
   }
-  t7 = t8;
   const value = t7;
-  let t9;
+  let t8;
   if ($[18] !== children || $[19] !== classes || $[20] !== rest || $[21] !== text || $[22] !== tooltipId) {
-    t9 = /*#__PURE__*/jsx(TooltipBase, {
+    t8 = /*#__PURE__*/jsx(TooltipBase, {
       role: "tooltip",
       "aria-label": text,
       id: tooltipId,
@@ -112,23 +110,23 @@ function Tooltip(t0) {
     $[20] = rest;
     $[21] = text;
     $[22] = tooltipId;
-    $[23] = t9;
+    $[23] = t8;
   } else {
-    t9 = $[23];
+    t8 = $[23];
   }
-  let t10;
-  if ($[24] !== t9 || $[25] !== value) {
-    t10 = /*#__PURE__*/jsx(TooltipContext.Provider, {
+  let t9;
+  if ($[24] !== t8 || $[25] !== value) {
+    t9 = /*#__PURE__*/jsx(TooltipContext.Provider, {
       value: value,
-      children: t9
+      children: t8
     });
-    $[24] = t9;
+    $[24] = t8;
     $[25] = value;
-    $[26] = t10;
+    $[26] = t9;
   } else {
-    t10 = $[26];
+    t9 = $[26];
   }
-  return t10;
+  return t9;
 }
 Tooltip.alignments = ['left', 'right'];
 Tooltip.directions = ['n', 'ne', 'e', 'se', 's', 'sw', 'w', 'nw'];

package/lib-esm/TooltipV2/Tooltip-5a80d7b2.css

@@ -0,0 +1,2 @@
+@keyframes prc-TooltipV2-tooltip-appear-hLf77{0%{opacity:0}to{opacity:1}}.prc-TooltipV2-Tooltip-cYMVY{display:none}.prc-TooltipV2-Tooltip-cYMVY[popover]{margin:auto;max-width:250px;overflow:visible;padding:var(--overlay-paddingBlock-condensed,.25rem) var(--overlay-padding-condensed,.5rem);position:absolute;width:max-content;clip:auto;color:var(--tooltip-fgColor,#fff);font:var(--text-body-shorthand-small,400 .75rem/1.6666 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji");text-align:center;word-wrap:break-word;background:var(--tooltip-bgColor,#25292e);border:0;border-radius:var(--borderRadius-medium,.375rem);white-space:normal;-webkit-font-smoothing:subpixel-antialiased;inset:auto;text-wrap:balance}.prc-TooltipV2-Tooltip-cYMVY[popover]:popover-open{display:block}.prc-TooltipV2-Tooltip-cYMVY[popover].\\:popover-open{display:block}@media (forced-colors:active){.prc-TooltipV2-Tooltip-cYMVY{outline:1px solid transparent}}.prc-TooltipV2-Tooltip-cYMVY:after{content:"";display:block;height:var(--overlay-offset,.25rem);left:0;position:absolute;right:0}.prc-TooltipV2-Tooltip-cYMVY[data-direction=n]:after,.prc-TooltipV2-Tooltip-cYMVY[data-direction=ne]:after,.prc-TooltipV2-Tooltip-cYMVY[data-direction=nw]:after{top:100%}.prc-TooltipV2-Tooltip-cYMVY[data-direction=s]:after,.prc-TooltipV2-Tooltip-cYMVY[data-direction=se]:after,.prc-TooltipV2-Tooltip-cYMVY[data-direction=sw]:after{bottom:100%}.prc-TooltipV2-Tooltip-cYMVY[data-direction=w]:after{left:100%}.prc-TooltipV2-Tooltip-cYMVY[data-direction=e]:after,.prc-TooltipV2-Tooltip-cYMVY[data-direction=w]:after{bottom:0;content:"";display:block;height:100%;position:absolute;width:8px}.prc-TooltipV2-Tooltip-cYMVY[data-direction=e]:after{margin-left:-8px;right:100%}@media screen and (prefers-reduced-motion:no-preference){.prc-TooltipV2-Tooltip-cYMVY:popover-open,.prc-TooltipV2-Tooltip-cYMVY:popover-open:before{animation-delay:0s;animation-duration:.1s;animation-fill-mode:forwards;animation-name:prc-TooltipV2-tooltip-appear-hLf77;animation-timing-function:ease-in}.prc-TooltipV2-Tooltip-cYMVY.\\:popover-open,.prc-TooltipV2-Tooltip-cYMVY.\\:popover-open:before{animation-delay:0s;animation-duration:.1s;animation-fill-mode:forwards;animation-name:prc-TooltipV2-tooltip-appear-hLf77;animation-timing-function:ease-in}}.prc-TooltipV2-KeybindingHintContainer-iabqv.prc-TooltipV2-HasTextBefore-cCzYC{margin-left:var(--base-size-6,.375rem)}
+/*# sourceMappingURL=Tooltip-5a80d7b2.css.map */

package/lib-esm/TooltipV2/Tooltip-5a80d7b2.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/TooltipV2/Tooltip.module.css"],"names":[],"mappings":"AACA,8CACE,GACE,SACF,CAEA,GACE,SACF,CACF,CAEA,6BAEE,YA6GF,CA3GE,sCAME,WAAY,CAHZ,eAAgB,CAMhB,gBAAiB,CAJjB,2FAA+E,CAJ/E,iBAAkB,CAClB,iBAAkB,CAQlB,SAAU,CAEV,iCAA6B,CAD7B,+KAAsC,CAEtC,iBAAkB,CAClB,oBAAqB,CAErB,yCAAkC,CAClC,QAAS,CACT,gDAAyC,CAHzC,kBAAmB,CAInB,2CAA4C,CAC5C,UAAW,CACX,iBACF,CAGA,mDACE,aACF,CAIA,sDACE,aACF,CAEA,8BAvCF,6BAwCI,6BAuEJ,CAtEE,CAGA,mCAME,UAAW,CAFX,aAAc,CACd,mCAA6B,CAF7B,MAAO,CAFP,iBAAkB,CAClB,OAKF,CAGA,iKAGE,QACF,CAEA,iKAGE,WACF,CAEA,qDAGE,SAKF,CAGA,0GATE,QAAS,CAKT,UAAW,CAHX,aAAc,CAEd,WAAY,CALZ,iBAAkB,CAIlB,SAgBF,CAVA,qDAQE,gBAAiB,CANjB,UAQF,CAGA,yDAEE,2FAME,kBAAmB,CAHnB,sBAAwB,CACxB,4BAA6B,CAF7B,iDAA8B,CAG9B,iCAEF,CAGA,iGAME,kBAAmB,CAHnB,sBAAwB,CACxB,4BAA6B,CAF7B,iDAA8B,CAG9B,iCAEF,CACF,CAGF,+EACE,sCACF","file":"Tooltip-5a80d7b2.css","sourcesContent":["/* Animation definition */\n@keyframes tooltip-appear {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n.Tooltip {\n  /* Overriding the default popover styles */\n  display: none;\n\n  &[popover] {\n    position: absolute;\n    width: max-content;\n    max-width: 250px;\n    /* stylelint-disable-next-line primer/spacing */\n    padding: var(--overlay-paddingBlock-condensed) var(--overlay-padding-condensed);\n    margin: auto;\n\n    /* for scrollbar */\n    overflow: visible;\n    clip: auto;\n    font: var(--text-body-shorthand-small);\n    color: var(--tooltip-fgColor);\n    text-align: center;\n    word-wrap: break-word;\n    white-space: normal;\n    background: var(--tooltip-bgColor);\n    border: 0;\n    border-radius: var(--borderRadius-medium);\n    -webkit-font-smoothing: subpixel-antialiased;\n    inset: auto;\n    text-wrap: balance;\n  }\n\n  /* class name in chrome is :popover-open */\n  &[popover]:popover-open {\n    display: block;\n  }\n\n  /* class name in firefox and safari is \\:popover-open */\n  /* stylelint-disable-next-line selector-class-pattern */\n  &[popover]:global(.\\\\:popover-open) {\n    display: block;\n  }\n\n  @media (forced-colors: active) {\n    outline: 1px solid transparent;\n  }\n\n  /* This is needed to keep the tooltip open when the user leaves the trigger element to hover tooltip */\n  &::after {\n    position: absolute;\n    right: 0;\n    left: 0;\n    display: block;\n    height: var(--overlay-offset);\n    content: '';\n  }\n\n  /* South, East, Southeast, Southwest after */\n  &[data-direction='n']::after,\n  &[data-direction='ne']::after,\n  &[data-direction='nw']::after {\n    top: 100%;\n  }\n\n  &[data-direction='s']::after,\n  &[data-direction='se']::after,\n  &[data-direction='sw']::after {\n    bottom: 100%;\n  }\n\n  &[data-direction='w']::after {\n    position: absolute;\n    bottom: 0;\n    left: 100%;\n    display: block;\n    width: 8px;\n    height: 100%;\n    content: '';\n  }\n\n  /* East before and after */\n  &[data-direction='e']::after {\n    position: absolute;\n    right: 100%;\n    bottom: 0;\n    display: block;\n    width: 8px;\n    height: 100%;\n    /* stylelint-disable-next-line primer/spacing */\n    margin-left: -8px;\n    content: '';\n  }\n\n  /* Only show animations if users don't have a preference for reduced motion */\n  @media screen and (prefers-reduced-motion: no-preference) {\n    /* Animation styles */\n    &:popover-open,\n    &:popover-open::before {\n      animation-name: tooltip-appear;\n      animation-duration: 0.1s;\n      animation-fill-mode: forwards;\n      animation-timing-function: ease-in;\n      animation-delay: 0s;\n    }\n\n    /* Animation styles */\n    &:global(.\\\\:popover-open) /* stylelint-disable-line selector-class-pattern */,\n    &:global(.\\\\:popover-open)::before /* stylelint-disable-line selector-class-pattern */ {\n      animation-name: tooltip-appear;\n      animation-duration: 0.1s;\n      animation-fill-mode: forwards;\n      animation-timing-function: ease-in;\n      animation-delay: 0s;\n    }\n  }\n}\n\n.KeybindingHintContainer.HasTextBefore {\n  margin-left: var(--base-size-6);\n}\n"]}

package/lib-esm/TooltipV2/Tooltip.js

@@ -7,7 +7,7 @@ import { clsx } from 'clsx';
 import classes from './Tooltip.module.css.js';
 import VisuallyHidden from '../_VisuallyHidden.js';
 import useSafeTimeout from '../hooks/useSafeTimeout.js';
-import { toggleSxComponent } from '../internal/utils/toggleSxComponent.js';
+import { BoxWithFallback } from '../internal/components/BoxWithFallback.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useId } from '../hooks/useId.js';
 import { useProvidedRefOrCreate } from '../hooks/useProvidedRefOrCreate.js';
@@ -69,7 +69,6 @@ const isInteractive = element => {
   return interactiveElements.some(selector => element.matches(selector)) || element.hasAttribute('role') && element.getAttribute('role') === 'button';
 };
 const TooltipContext = /*#__PURE__*/React.createContext({});
-const BaseComponent = toggleSxComponent('span');
 const Tooltip = /*#__PURE__*/React.forwardRef(({
   direction = 's',
   text,
@@ -252,7 +251,8 @@ const Tooltip = /*#__PURE__*/React.forwardRef(({
           closeTooltip();
           (_child$props$onMouseL = (_child$props5 = child.props).onMouseLeave) === null || _child$props$onMouseL === void 0 ? void 0 : _child$props$onMouseL.call(_child$props5, event_4);
         }
-      }), /*#__PURE__*/jsx(BaseComponent, {
+      }), /*#__PURE__*/jsx(BoxWithFallback, {
+        as: "span",
         className: clsx(className, classes.Tooltip),
         ref: tooltipElRef,
         "data-direction": calculatedDirection,

package/lib-esm/TooltipV2/Tooltip.module.css.js

@@ -1,4 +1,4 @@
-import './Tooltip-59734b6f.css';
+import './Tooltip-5a80d7b2.css';
 
 var classes = {"Tooltip":"prc-TooltipV2-Tooltip-cYMVY","KeybindingHintContainer":"prc-TooltipV2-KeybindingHintContainer-iabqv","HasTextBefore":"prc-TooltipV2-HasTextBefore-cCzYC"};
 

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: () => {},
@@ -769,41 +769,39 @@ const EmptyItem = /*#__PURE__*/React.forwardRef((props, ref) => {
 function useSubTree(children) {
   const $ = c(8);
   let t0;
-  let t1;
   if ($[0] !== children) {
-    t1 = React.Children.toArray(children).find(_temp4);
+    t0 = React.Children.toArray(children).find(_temp4);
     $[0] = children;
-    $[1] = t1;
+    $[1] = t0;
   } else {
-    t1 = $[1];
+    t0 = $[1];
   }
-  const subTree = t1;
-  let t2;
+  const subTree = t0;
+  let t1;
   if ($[2] !== children) {
-    t2 = React.Children.toArray(children).filter(_temp5);
+    t1 = React.Children.toArray(children).filter(_temp5);
     $[2] = children;
-    $[3] = t2;
+    $[3] = t1;
   } else {
-    t2 = $[3];
+    t1 = $[3];
   }
-  const childrenWithoutSubTree = t2;
-  const t3 = Boolean(subTree);
-  let t4;
-  if ($[4] !== childrenWithoutSubTree || $[5] !== subTree || $[6] !== t3) {
-    t4 = {
+  const childrenWithoutSubTree = t1;
+  const t2 = Boolean(subTree);
+  let t3;
+  if ($[4] !== childrenWithoutSubTree || $[5] !== subTree || $[6] !== t2) {
+    t3 = {
       subTree,
       childrenWithoutSubTree,
-      hasSubTree: t3
+      hasSubTree: t2
     };
     $[4] = childrenWithoutSubTree;
     $[5] = subTree;
-    $[6] = t3;
-    $[7] = t4;
+    $[6] = t2;
+    $[7] = t3;
   } else {
-    t4 = $[7];
+    t3 = $[7];
   }
-  t0 = t4;
-  return t0;
+  return t3;
 }
 
 // ----------------------------------------------------------------------------

package/lib-esm/TreeView/shared.js

@@ -2,12 +2,12 @@
  * Returns the accessible name of an element
  */
 function getAccessibleName(element) {
-  var _document$getElementB, _document$getElementB2, _element$textContent;
+  var _document$getElementB, _document$getElementB2;
   const label = element.getAttribute('aria-label');
   const labelledby = element.getAttribute('aria-labelledby');
   if (label) return label;
   if (labelledby) return (_document$getElementB = (_document$getElementB2 = document.getElementById(labelledby)) === null || _document$getElementB2 === void 0 ? void 0 : _document$getElementB2.textContent) !== null && _document$getElementB !== void 0 ? _document$getElementB : '';
-  return (_element$textContent = element.textContent) !== null && _element$textContent !== void 0 ? _element$textContent : '';
+  return element.textContent;
 }
 
 export { getAccessibleName };

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

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

package/lib-esm/VisuallyHidden/VisuallyHidden.js

@@ -1,85 +1,51 @@
 import { c } from 'react-compiler-runtime';
 import { clsx } from 'clsx';
 import classes from './VisuallyHidden.module.css.js';
-import { defaultSxProp } from '../utils/defaultSxProp.js';
 import { jsx } from 'react/jsx-runtime';
-import Box from '../Box/Box.js';
 
 const VisuallyHidden = t0 => {
-  const $ = c(18);
+  const $ = c(10);
   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];
-  }
-  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 ($[12] !== className) {
-    t2 = clsx(className, classes.VisuallyHidden);
-    $[12] = className;
-    $[13] = t2;
+  let t1;
+  if ($[4] !== className) {
+    t1 = clsx(className, classes.VisuallyHidden);
+    $[4] = className;
+    $[5] = t1;
   } else {
-    t2 = $[13];
+    t1 = $[5];
   }
-  let t3;
-  if ($[14] !== children || $[15] !== rest || $[16] !== t2) {
-    t3 = /*#__PURE__*/jsx("span", {
-      className: t2,
+  let t2;
+  if ($[6] !== children || $[7] !== rest || $[8] !== t1) {
+    t2 = /*#__PURE__*/jsx("span", {
+      className: t1,
       ...rest,
       children: children
     });
-    $[14] = children;
-    $[15] = rest;
-    $[16] = t2;
-    $[17] = t3;
+    $[6] = children;
+    $[7] = rest;
+    $[8] = t1;
+    $[9] = t2;
   } else {
-    t3 = $[17];
+    t2 = $[9];
   }
-  return t3;
+  return t2;
 };
 
 export { VisuallyHidden };

package/lib-esm/_VisuallyHidden-5c0a2499.css

@@ -0,0 +1,2 @@
+.prc-src-InternalVisuallyHidden-nlR9R{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}
+/*# sourceMappingURL=_VisuallyHidden-5c0a2499.css.map */

package/lib-esm/_VisuallyHidden-5c0a2499.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/_VisuallyHidden.module.css"],"names":[],"mappings":"AAAA,sCAGE,UAAW,CAGX,WAAY,CACZ,eAAgB,CAHhB,SAAU,CAHV,iBAAkB,CAClB,SAAU,CAMV,kBAAsB,CAEtB,cAAe,CADf,kBAEF","file":"_VisuallyHidden-5c0a2499.css","sourcesContent":[".InternalVisuallyHidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  /* stylelint-disable-next-line primer/spacing */\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border-width: 0;\n}\n"]}