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

package/lib/Token/TokenBase.js

@@ -34,114 +34,109 @@ const isTokenInteractive = ({
 };
 const TokenBase = /*#__PURE__*/React__default.default.forwardRef((t0, forwardedRef) => {
   const $ = reactCompilerRuntime.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.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.clsx(TokenBase_module.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.clsx(TokenBase_module.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__*/jsxRuntime.jsx(BoxWithFallback.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__*/jsxRuntime.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;
 });
 
 exports.default = TokenBase;

package/lib/Token/_RemoveTokenButton.js

@@ -1,5 +1,6 @@
 'use strict';
 
+var reactCompilerRuntime = require('react-compiler-runtime');
 var octiconsReact = require('@primer/octicons-react');
 var clsx = require('clsx');
 var TokenBase = require('./TokenBase.js');
@@ -8,32 +9,111 @@ var BoxWithFallback = require('../internal/components/BoxWithFallback.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 const getTokenButtonIconSize = size => parseInt(TokenBase.tokenSizes[size || TokenBase.defaultTokenSize], 10) * 0.75;
-const RemoveTokenButton = ({
-  'aria-label': ariaLabel,
-  isParentInteractive,
-  size = TokenBase.defaultTokenSize,
-  className,
-  borderOffset = 0,
-  as: _as,
-  ...rest
-}) => {
-  // eslint-disable-next-line react-compiler/react-compiler
-  delete rest.children;
-  return /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
-    as: isParentInteractive ? 'span' : 'button',
-    tabIndex: isParentInteractive ? -1 : undefined,
-    "aria-label": !isParentInteractive ? 'Remove token' : ariaLabel,
-    "data-size": size,
-    className: clsx.clsx(_RemoveTokenButton_module.TokenButton, className),
-    style: {
-      transform: `translate(${borderOffset}px, -${borderOffset}px)`
-    },
-    ...rest,
-    children: /*#__PURE__*/jsxRuntime.jsx(octiconsReact.XIcon, {
-      size: getTokenButtonIconSize(size)
-    })
-  });
+const RemoveTokenButton = t0 => {
+  const $ = reactCompilerRuntime.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 ? TokenBase.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.clsx(_RemoveTokenButton_module.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__*/jsxRuntime.jsx(octiconsReact.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__*/jsxRuntime.jsx(BoxWithFallback.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";
 
 module.exports = RemoveTokenButton;

package/lib/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/Token/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Token/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAC,aAAa,EAAC,MAAM,aAAa,CAAA;AAC9C,OAAO,EAAC,OAAO,EAAC,MAAM,SAAS,CAAA;AAC/B,YAAY,EAAC,UAAU,EAAC,MAAM,SAAS,CAAA;AACvC,OAAO,EAAC,OAAO,IAAI,eAAe,EAAC,MAAM,mBAAmB,CAAA;AAC5D,YAAY,EAAC,oBAAoB,EAAC,MAAM,mBAAmB,CAAA;AAC3D,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,eAAe,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Token/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAC,aAAa,EAAC,MAAM,aAAa,CAAA;AAC9C,OAAO,EAAC,OAAO,EAAC,MAAM,SAAS,CAAA;AAC/B,YAAY,EAAC,UAAU,EAAC,MAAM,SAAS,CAAA;AACvC,OAAO,EAAC,OAAO,IAAI,eAAe,EAAC,MAAM,mBAAmB,CAAA;AAC5D,YAAY,EAAC,oBAAoB,EAAC,MAAM,mBAAmB,CAAA"}

package/lib/Tooltip/Tooltip.js

@@ -94,21 +94,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__*/jsxRuntime.jsx(TooltipBase, {
+    t8 = /*#__PURE__*/jsxRuntime.jsx(TooltipBase, {
       role: "tooltip",
       "aria-label": text,
       id: tooltipId,
@@ -121,23 +119,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__*/jsxRuntime.jsx(TooltipContext.Provider, {
+  let t9;
+  if ($[24] !== t8 || $[25] !== value) {
+    t9 = /*#__PURE__*/jsxRuntime.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/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/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/TooltipV2/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/TooltipV2/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAA;AAC3E,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AASjC,OAAO,EAAoD,KAAK,mBAAmB,EAAC,MAAM,mBAAmB,CAAA;AAK7G,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,CAAA;AAChF,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,iBAAiB,CAChD;IACE,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,OAAO,GAAG,aAAa,CAAA;IAC9B,cAAc,CAAC,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAA;CAC7C,GAAG,MAAM,CACX,GACC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA;AAyDnC,eAAO,MAAM,cAAc;gBAAoC,MAAM;EAAM,CAAA;AAM3E,eAAO,MAAM,OAAO;gBArEJ,gBAAgB;UACtB,MAAM;WACL,OAAO,GAAG,aAAa;qBACb,mBAAmB,CAAC,MAAM,CAAC;;;qEAiU/C,CAAA"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/TooltipV2/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAA;AAC3E,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AASjC,OAAO,EAAoD,KAAK,mBAAmB,EAAC,MAAM,mBAAmB,CAAA;AAK7G,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,CAAA;AAChF,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,iBAAiB,CAChD;IACE,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,OAAO,GAAG,aAAa,CAAA;IAC9B,cAAc,CAAC,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAA;CAC7C,GAAG,MAAM,CACX,GACC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA;AAyDnC,eAAO,MAAM,cAAc;gBAAoC,MAAM;EAAM,CAAA;AAE3E,eAAO,MAAM,OAAO;gBAjEJ,gBAAgB;UACtB,MAAM;WACL,OAAO,GAAG,aAAa;qBACb,mBAAmB,CAAC,MAAM,CAAC;;;qEA8T/C,CAAA"}

package/lib/TooltipV2/Tooltip.js

@@ -9,7 +9,7 @@ var clsx = require('clsx');
 var Tooltip_module = require('./Tooltip.module.css.js');
 var _VisuallyHidden = require('../_VisuallyHidden.js');
 var useSafeTimeout = require('../hooks/useSafeTimeout.js');
-var toggleSxComponent = require('../internal/utils/toggleSxComponent.js');
+var BoxWithFallback = require('../internal/components/BoxWithFallback.js');
 var jsxRuntime = require('react/jsx-runtime');
 var useId = require('../hooks/useId.js');
 var useProvidedRefOrCreate = require('../hooks/useProvidedRefOrCreate.js');
@@ -75,7 +75,6 @@ const isInteractive = element => {
   return interactiveElements.some(selector => element.matches(selector)) || element.hasAttribute('role') && element.getAttribute('role') === 'button';
 };
 const TooltipContext = /*#__PURE__*/React__default.default.createContext({});
-const BaseComponent = toggleSxComponent.toggleSxComponent('span');
 const Tooltip = /*#__PURE__*/React__default.default.forwardRef(({
   direction = 's',
   text,
@@ -258,7 +257,8 @@ const Tooltip = /*#__PURE__*/React__default.default.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__*/jsxRuntime.jsx(BaseComponent, {
+      }), /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
+        as: "span",
         className: clsx.clsx(className, Tooltip_module.Tooltip),
         ref: tooltipElRef,
         "data-direction": calculatedDirection,

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

@@ -1,6 +1,6 @@
 'use strict';
 
-require('./Tooltip-59734b6f.css');
+require('./Tooltip-5a80d7b2.css');
 
 var classes = {"Tooltip":"prc-TooltipV2-Tooltip-cYMVY","KeybindingHintContainer":"prc-TooltipV2-KeybindingHintContainer-iabqv","HasTextBefore":"prc-TooltipV2-HasTextBefore-cCzYC"};
 

package/lib/TreeView/TreeView.js

@@ -14,11 +14,11 @@ var useSlots = require('../hooks/useSlots.js');
 var shared = require('./shared.js');
 var useRovingTabIndex = require('./useRovingTabIndex.js');
 var useTypeahead = require('./useTypeahead.js');
-var SkeletonAvatar = require('../experimental/Skeleton/SkeletonAvatar.js');
-var SkeletonText = require('../experimental/Skeleton/SkeletonText.js');
 var jsxRuntime = require('react/jsx-runtime');
 var Spinner = require('../Spinner/Spinner.js');
 var Text = require('../Text/Text.js');
+var SkeletonAvatar = require('../SkeletonAvatar/SkeletonAvatar.js');
+var SkeletonText = require('../SkeletonText/SkeletonText.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -775,41 +775,39 @@ const EmptyItem = /*#__PURE__*/React__default.default.forwardRef((props, ref) =>
 function useSubTree(children) {
   const $ = reactCompilerRuntime.c(8);
   let t0;
-  let t1;
   if ($[0] !== children) {
-    t1 = React__default.default.Children.toArray(children).find(_temp4);
+    t0 = React__default.default.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__default.default.Children.toArray(children).filter(_temp5);
+    t1 = React__default.default.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/TreeView/shared.js

@@ -4,12 +4,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;
 }
 
 exports.getAccessibleName = getAccessibleName;

package/lib/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/VisuallyHidden/VisuallyHidden.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VisuallyHidden.d.ts","sourceRoot":"","sources":["../../src/VisuallyHidden/VisuallyHidden.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAC,KAAK,cAAc,EAAC,MAAM,OAAO,CAAA;AAKzC;;;;;;;;;GASG;AACH,eAAO,MAAM,cAAc,GAAI,8CAA4D,mBAAmB,sBAc7G,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,iBAAiB,CACvD,cAAc,CAAC,eAAe,CAAC,GAAG;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,MAAM,CACX,CAAA"}
+{"version":3,"file":"VisuallyHidden.d.ts","sourceRoot":"","sources":["../../src/VisuallyHidden/VisuallyHidden.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAC,KAAK,cAAc,EAAC,MAAM,OAAO,CAAA;AAGzC;;;;;;;;;GASG;AACH,eAAO,MAAM,cAAc,GAAI,kCAAgC,mBAAmB,sBAMjF,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,iBAAiB,CACvD,cAAc,CAAC,eAAe,CAAC,GAAG;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CACF,CAAA"}