@primer/react 38.0.0-rc.6 → 38.0.0-rc.7

package/dist/Textarea/Textarea.d.ts

@@ -1,7 +1,7 @@
 import type { TextareaHTMLAttributes } from 'react';
 import React from 'react';
 import type { FormValidationStatus } from '../utils/types/FormValidationStatus';
-import type { SxProp } from '../sx';
+import type { WithSlotMarker } from '../utils/types';
 export declare const DEFAULT_TEXTAREA_ROWS = 7;
 export declare const DEFAULT_TEXTAREA_COLS = 30;
 export declare const DEFAULT_TEXTAREA_RESIZE = "both";
@@ -42,7 +42,7 @@ export type TextareaProps = {
      * CSS styles to apply to the Textarea
      */
     style?: React.CSSProperties;
-} & TextareaHTMLAttributes<HTMLTextAreaElement> & SxProp;
+} & TextareaHTMLAttributes<HTMLTextAreaElement>;
 /**
  * An accessible, native textarea component that supports validation states.
  * This component accepts all native HTML <textarea> attributes as props.
@@ -84,6 +84,7 @@ declare const Textarea: React.ForwardRefExoticComponent<{
      * CSS styles to apply to the Textarea
      */
     style?: React.CSSProperties;
-} & TextareaHTMLAttributes<HTMLTextAreaElement> & SxProp & React.RefAttributes<HTMLTextAreaElement>>;
-export default Textarea;
+} & TextareaHTMLAttributes<HTMLTextAreaElement> & React.RefAttributes<HTMLTextAreaElement>>;
+declare const _default: WithSlotMarker<typeof Textarea>;
+export default _default;
 //# sourceMappingURL=Textarea.d.ts.map

package/dist/Textarea/Textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../src/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,sBAAsB,EAAe,MAAM,OAAO,CAAA;AAC/D,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,qCAAqC,CAAA;AAC7E,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAGjC,eAAO,MAAM,qBAAqB,IAAI,CAAA;AACtC,eAAO,MAAM,qBAAqB,KAAK,CAAA;AACvC,eAAO,MAAM,uBAAuB,SAAS,CAAA;AAE7C,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,gBAAgB,CAAC,EAAE,oBAAoB,CAAA;IACvC;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU,CAAA;IACpD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B,GAAG,sBAAsB,CAAC,mBAAmB,CAAC,GAC7C,MAAM,CAAA;AAER;;;GAGG;AACH,QAAA,MAAM,QAAQ;IA3CZ;;OAEG;eACQ,OAAO;IAClB;;OAEG;uBACgB,oBAAoB;IACvC;;OAEG;YACK,OAAO;IACf;;OAEG;aACM,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU;IACpD;;OAEG;eACQ,OAAO;IAClB;;OAEG;gBACS,MAAM;IAClB;;OAEG;gBACS,MAAM;IAClB;;OAEG;gBACS,MAAM;IAClB;;OAEG;YACK,KAAK,CAAC,aAAa;oGA0D5B,CAAA;AAID,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../src/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,sBAAsB,EAAe,MAAM,OAAO,CAAA;AAC/D,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,qCAAqC,CAAA;AAE7E,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAA;AAElD,eAAO,MAAM,qBAAqB,IAAI,CAAA;AACtC,eAAO,MAAM,qBAAqB,KAAK,CAAA;AACvC,eAAO,MAAM,uBAAuB,SAAS,CAAA;AAE7C,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,gBAAgB,CAAC,EAAE,oBAAoB,CAAA;IACvC;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU,CAAA;IACpD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B,GAAG,sBAAsB,CAAC,mBAAmB,CAAC,CAAA;AAE/C;;;GAGG;AACH,QAAA,MAAM,QAAQ;IA1CZ;;OAEG;eACQ,OAAO;IAClB;;OAEG;uBACgB,oBAAoB;IACvC;;OAEG;YACK,OAAO;IACf;;OAEG;aACM,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU;IACpD;;OAEG;eACQ,OAAO;IAClB;;OAEG;gBACS,MAAM;IAClB;;OAEG;gBACS,MAAM;IAClB;;OAEG;gBACS,MAAM;IAClB;;OAEG;YACK,KAAK,CAAC,aAAa;2FAuD5B,CAAA;wBAK0B,cAAc,CAAC,OAAO,QAAQ,CAAC;AAA1D,wBAA0D"}

package/dist/Textarea/Textarea.js

@@ -12,7 +12,7 @@ const DEFAULT_TEXTAREA_RESIZE = 'both';
  * This component accepts all native HTML <textarea> attributes as props.
  */
 const Textarea = /*#__PURE__*/React.forwardRef((t0, ref) => {
-  const $ = c(39);
+  const $ = c(37);
   let block;
   let className;
   let contrast;
@@ -22,7 +22,6 @@ const Textarea = /*#__PURE__*/React.forwardRef((t0, ref) => {
   let required;
   let rest;
   let style;
-  let sxProp;
   let t1;
   let t2;
   let t3;
@@ -32,7 +31,6 @@ const Textarea = /*#__PURE__*/React.forwardRef((t0, ref) => {
     ({
       value,
       disabled,
-      sx: sxProp,
       required,
       validationStatus,
       rows: t1,
@@ -56,12 +54,11 @@ const Textarea = /*#__PURE__*/React.forwardRef((t0, ref) => {
     $[7] = required;
     $[8] = rest;
     $[9] = style;
-    $[10] = sxProp;
-    $[11] = t1;
-    $[12] = t2;
-    $[13] = t3;
-    $[14] = validationStatus;
-    $[15] = value;
+    $[10] = t1;
+    $[11] = t2;
+    $[12] = t3;
+    $[13] = validationStatus;
+    $[14] = value;
   } else {
     block = $[1];
     className = $[2];
@@ -72,33 +69,32 @@ const Textarea = /*#__PURE__*/React.forwardRef((t0, ref) => {
     required = $[7];
     rest = $[8];
     style = $[9];
-    sxProp = $[10];
-    t1 = $[11];
-    t2 = $[12];
-    t3 = $[13];
-    validationStatus = $[14];
-    value = $[15];
+    t1 = $[10];
+    t2 = $[11];
+    t3 = $[12];
+    validationStatus = $[13];
+    value = $[14];
   }
   const rows = t1 === undefined ? DEFAULT_TEXTAREA_ROWS : t1;
   const cols = t2 === undefined ? DEFAULT_TEXTAREA_COLS : t2;
   const resize = t3 === undefined ? DEFAULT_TEXTAREA_RESIZE : t3;
   const t4 = validationStatus === "error" ? "true" : "false";
   let t5;
-  if ($[16] !== maxHeight || $[17] !== minHeight || $[18] !== style) {
+  if ($[15] !== maxHeight || $[16] !== minHeight || $[17] !== style) {
     t5 = {
       minHeight,
       maxHeight,
       ...style
     };
-    $[16] = maxHeight;
-    $[17] = minHeight;
-    $[18] = style;
-    $[19] = t5;
+    $[15] = maxHeight;
+    $[16] = minHeight;
+    $[17] = style;
+    $[18] = t5;
   } else {
-    t5 = $[19];
+    t5 = $[18];
   }
   let t6;
-  if ($[20] !== cols || $[21] !== disabled || $[22] !== ref || $[23] !== required || $[24] !== resize || $[25] !== rest || $[26] !== rows || $[27] !== t4 || $[28] !== t5 || $[29] !== value) {
+  if ($[19] !== cols || $[20] !== disabled || $[21] !== ref || $[22] !== required || $[23] !== resize || $[24] !== rest || $[25] !== rows || $[26] !== t4 || $[27] !== t5 || $[28] !== value) {
     t6 = /*#__PURE__*/jsx("textarea", {
       value: value,
       "data-resize": resize,
@@ -112,24 +108,23 @@ const Textarea = /*#__PURE__*/React.forwardRef((t0, ref) => {
       style: t5,
       ...rest
     });
-    $[20] = cols;
-    $[21] = disabled;
-    $[22] = ref;
-    $[23] = required;
-    $[24] = resize;
-    $[25] = rest;
-    $[26] = rows;
-    $[27] = t4;
-    $[28] = t5;
-    $[29] = value;
-    $[30] = t6;
+    $[19] = cols;
+    $[20] = disabled;
+    $[21] = ref;
+    $[22] = required;
+    $[23] = resize;
+    $[24] = rest;
+    $[25] = rows;
+    $[26] = t4;
+    $[27] = t5;
+    $[28] = value;
+    $[29] = t6;
   } else {
-    t6 = $[30];
+    t6 = $[29];
   }
   let t7;
-  if ($[31] !== block || $[32] !== className || $[33] !== contrast || $[34] !== disabled || $[35] !== sxProp || $[36] !== t6 || $[37] !== validationStatus) {
+  if ($[30] !== block || $[31] !== className || $[32] !== contrast || $[33] !== disabled || $[34] !== t6 || $[35] !== validationStatus) {
     t7 = /*#__PURE__*/jsx(TextInputBaseWrapper, {
-      sx: sxProp,
       validationStatus: validationStatus,
       disabled: disabled,
       block: block,
@@ -137,19 +132,19 @@ const Textarea = /*#__PURE__*/React.forwardRef((t0, ref) => {
       className: className,
       children: t6
     });
-    $[31] = block;
-    $[32] = className;
-    $[33] = contrast;
-    $[34] = disabled;
-    $[35] = sxProp;
-    $[36] = t6;
-    $[37] = validationStatus;
-    $[38] = t7;
+    $[30] = block;
+    $[31] = className;
+    $[32] = contrast;
+    $[33] = disabled;
+    $[34] = t6;
+    $[35] = validationStatus;
+    $[36] = t7;
   } else {
-    t7 = $[38];
+    t7 = $[36];
   }
   return t7;
 });
 Textarea.displayName = 'Textarea';
+Textarea.__SLOT__ = Symbol('Textarea');
 
 export { DEFAULT_TEXTAREA_COLS, DEFAULT_TEXTAREA_RESIZE, DEFAULT_TEXTAREA_ROWS, Textarea as default };

package/dist/Tooltip/Tooltip-fffa9948.css

@@ -0,0 +1,2 @@
+.prc-Tooltip-Tooltip--1XZX{display:inline-block;position:relative}.prc-Tooltip-Tooltip--1XZX:after{display:none;font:normal normal var(--text-body-size-small,.75rem) /var(--text-body-lineHeight-small,1.6666) var(--fontStack-system,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji");padding:.5em .75em;position:absolute;z-index:1000000;-webkit-font-smoothing:subpixel-antialiased;color:var(--tooltip-fgColor,var(--fgColor-onEmphasis,var(--color-fg-on-emphasis)));letter-spacing:normal;text-align:center;-webkit-text-decoration:none;text-decoration:none;text-shadow:none;text-transform:none;word-wrap:break-word;background:var(--tooltip-bgColor,var(--bgColor-emphasis,var(--color-neutral-emphasis-plus)));border-radius:var(--borderRadius-medium,.375rem);content:attr(aria-label);opacity:0;pointer-events:none;white-space:pre}@keyframes prc-Tooltip-tooltip-appear-Vhjuv{0%{opacity:0}to{opacity:1}}.prc-Tooltip-Tooltip--1XZX:active:after,.prc-Tooltip-Tooltip--1XZX:focus-within:after,.prc-Tooltip-Tooltip--1XZX:focus:after,.prc-Tooltip-Tooltip--1XZX:hover:after{animation-delay:0s;animation-duration:.1s;animation-fill-mode:forwards;animation-name:prc-Tooltip-tooltip-appear-Vhjuv;animation-timing-function:ease-in;display:inline-block;-webkit-text-decoration:none;text-decoration:none}.prc-Tooltip-Tooltip--noDelay-Kl98W:active:after,.prc-Tooltip-Tooltip--noDelay-Kl98W:focus-within:after,.prc-Tooltip-Tooltip--noDelay-Kl98W:focus:after,.prc-Tooltip-Tooltip--noDelay-Kl98W:hover:after{animation-delay:0s}.prc-Tooltip-Tooltip--multiline-5KYEu:active:after,.prc-Tooltip-Tooltip--multiline-5KYEu:focus-within:after,.prc-Tooltip-Tooltip--multiline-5KYEu:focus:after,.prc-Tooltip-Tooltip--multiline-5KYEu:hover:after{display:table-cell}.prc-Tooltip-Tooltip--s-Z845o:after,.prc-Tooltip-Tooltip--se-4uqz7:after,.prc-Tooltip-Tooltip--sw-P5gHD:after{margin-top:6px;right:50%;top:100%}.prc-Tooltip-Tooltip--se-4uqz7:after{left:50%;margin-left:calc(var(--base-size-16,1rem)*-1);right:auto}.prc-Tooltip-Tooltip--sw-P5gHD:after{margin-right:calc(var(--base-size-16,1rem)*-1)}.prc-Tooltip-Tooltip--n-BOOzB:after,.prc-Tooltip-Tooltip--ne-t2n1x:after,.prc-Tooltip-Tooltip--nw-PVis4:after{bottom:100%;margin-bottom:6px;right:50%}.prc-Tooltip-Tooltip--ne-t2n1x:after{left:50%;margin-left:calc(var(--base-size-16,1rem)*-1);right:auto}.prc-Tooltip-Tooltip--nw-PVis4:after{margin-right:calc(var(--base-size-16,1rem)*-1)}.prc-Tooltip-Tooltip--n-BOOzB:after,.prc-Tooltip-Tooltip--s-Z845o:after{transform:translateX(50%)}.prc-Tooltip-Tooltip--w-c6nR3:after{margin-right:6px;right:100%}.prc-Tooltip-Tooltip--e-a4x1s:after,.prc-Tooltip-Tooltip--w-c6nR3:after{bottom:50%;transform:translateY(50%)}.prc-Tooltip-Tooltip--e-a4x1s:after{left:100%;margin-left:6px}.prc-Tooltip-Tooltip--multiline-5KYEu:after{max-width:250px;width:max-content;word-wrap:break-word;border-collapse:separate;white-space:pre-line}.prc-Tooltip-Tooltip--multiline-5KYEu.prc-Tooltip-Tooltip--n-BOOzB:after,.prc-Tooltip-Tooltip--multiline-5KYEu.prc-Tooltip-Tooltip--s-Z845o:after{left:50%;right:auto;transform:translateX(-50%)}.prc-Tooltip-Tooltip--multiline-5KYEu.prc-Tooltip-Tooltip--e-a4x1s:after,.prc-Tooltip-Tooltip--multiline-5KYEu.prc-Tooltip-Tooltip--w-c6nR3:after{right:100%}.prc-Tooltip-Tooltip--alignRight-DdgpM:after{margin-right:0;right:0}.prc-Tooltip-Tooltip--alignLeft-7wr84:after{left:0;margin-left:0}
+/*# sourceMappingURL=Tooltip-fffa9948.css.map */

package/dist/Tooltip/Tooltip-fffa9948.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Tooltip/Tooltip.module.css"],"names":[],"mappings":"AAEA,2BAEE,oBAAqB,CADrB,iBAEF,CAEA,iCAGE,YAAa,CAGb,+OAA2G,CAD3G,kBAAqB,CAJrB,iBAAkB,CAClB,eAAgB,CAKhB,2CAA4C,CAC5C,kFAAwD,CAKxD,qBAAsB,CAJtB,iBAAkB,CAClB,4BAAqB,CAArB,oBAAqB,CACrB,gBAAiB,CACjB,mBAAoB,CAEpB,oBAAqB,CAIrB,4FAA2D,CAC3D,gDAAyC,CAFzC,wBAAyB,CAGzB,SAAU,CAJV,mBAAoB,CADpB,eAMF,CAGA,4CACE,GACE,SACF,CAEA,GACE,SACF,CACF,CAEA,oKAUE,kBAAmB,CAHnB,sBAAwB,CACxB,4BAA6B,CAF7B,+CAA8B,CAG9B,iCAAkC,CALlC,oBAAqB,CACrB,4BAAqB,CAArB,oBAMF,CAEA,wMAIE,kBACF,CAEA,gNAIE,kBACF,CAGA,8GAME,cAAe,CAFf,SAAU,CADV,QAIF,CAEA,qCAEE,QAAS,CACT,6CAA2C,CAF3C,UAGF,CAEA,qCACE,8CACF,CAGA,8GAIE,WAAY,CAEZ,iBAAkB,CAHlB,SAIF,CAEA,qCAEE,QAAS,CACT,6CAA2C,CAF3C,UAGF,CAEA,qCACE,8CACF,CAGA,wEAEE,yBACF,CAGA,oCAIE,gBAAiB,CAHjB,UAKF,CAGA,wEAPE,UAAW,CAGX,yBAUF,CANA,oCAEE,SAAU,CAEV,eAEF,CAEA,4CAEE,eAAgB,CADhB,iBAAkB,CAElB,oBAAqB,CAErB,wBAAyB,CADzB,oBAEF,CAEA,kJAGE,QAAS,CADT,UAAW,CAEX,0BACF,CAEA,kJAEE,UACF,CAEA,6CAEE,cAAe,CADf,OAEF,CAEA,4CACE,MAAO,CACP,aACF","file":"Tooltip-fffa9948.css","sourcesContent":["/* stylelint-disable primer/typography, primer/borders, selector-class-pattern */\n\n.Tooltip {\n  position: relative;\n  display: inline-block;\n}\n\n.Tooltip::after {\n  position: absolute;\n  z-index: 1000000;\n  display: none;\n  /* stylelint-disable-next-line primer/spacing */\n  padding: 0.5em 0.75em;\n  font: normal normal var(--text-body-size-small) / var(--text-body-lineHeight-small) var(--fontStack-system);\n  -webkit-font-smoothing: subpixel-antialiased;\n  color: var(--tooltip-fgColor, var(--fgColor-onEmphasis));\n  text-align: center;\n  text-decoration: none;\n  text-shadow: none;\n  text-transform: none;\n  letter-spacing: normal;\n  word-wrap: break-word;\n  white-space: pre;\n  pointer-events: none;\n  content: attr(aria-label);\n  background: var(--tooltip-bgColor, var(--bgColor-emphasis));\n  border-radius: var(--borderRadius-medium);\n  opacity: 0;\n}\n\n/* delay animation for tooltip */\n@keyframes tooltip-appear {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n.Tooltip:hover::after,\n.Tooltip:active::after,\n.Tooltip:focus::after,\n.Tooltip:focus-within::after {\n  display: inline-block;\n  text-decoration: none;\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.Tooltip--noDelay:hover::after,\n.Tooltip--noDelay:active::after,\n.Tooltip--noDelay:focus::after,\n.Tooltip--noDelay:focus-within::after {\n  animation-delay: 0s;\n}\n\n.Tooltip--multiline:hover::after,\n.Tooltip--multiline:active::after,\n.Tooltip--multiline:focus::after,\n.Tooltip--multiline:focus-within::after {\n  display: table-cell;\n}\n\n/* Tooltipped south */\n.Tooltip--s::after,\n.Tooltip--se::after,\n.Tooltip--sw::after {\n  top: 100%;\n  right: 50%;\n  /* stylelint-disable-next-line primer/spacing */\n  margin-top: 6px;\n}\n\n.Tooltip--se::after {\n  right: auto;\n  left: 50%;\n  margin-left: calc(-1 * var(--base-size-16));\n}\n\n.Tooltip--sw::after {\n  margin-right: calc(-1 * var(--base-size-16));\n}\n\n/* Tooltips above the object */\n.Tooltip--n::after,\n.Tooltip--ne::after,\n.Tooltip--nw::after {\n  right: 50%;\n  bottom: 100%;\n  /* stylelint-disable-next-line primer/spacing */\n  margin-bottom: 6px;\n}\n\n.Tooltip--ne::after {\n  right: auto;\n  left: 50%;\n  margin-left: calc(-1 * var(--base-size-16));\n}\n\n.Tooltip--nw::after {\n  margin-right: calc(-1 * var(--base-size-16));\n}\n\n/* Move the tooltip body to the center of the object. */\n.Tooltip--s::after,\n.Tooltip--n::after {\n  transform: translateX(50%);\n}\n\n/* Tooltipped to the left */\n.Tooltip--w::after {\n  right: 100%;\n  bottom: 50%;\n  /* stylelint-disable-next-line primer/spacing */\n  margin-right: 6px;\n  transform: translateY(50%);\n}\n\n/* tooltipped to the right */\n.Tooltip--e::after {\n  bottom: 50%;\n  left: 100%;\n  /* stylelint-disable-next-line primer/spacing */\n  margin-left: 6px;\n  transform: translateY(50%);\n}\n\n.Tooltip--multiline::after {\n  width: max-content;\n  max-width: 250px;\n  word-wrap: break-word;\n  white-space: pre-line;\n  border-collapse: separate;\n}\n\n.Tooltip--multiline.Tooltip--s::after,\n.Tooltip--multiline.Tooltip--n::after {\n  right: auto;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.Tooltip--multiline.Tooltip--w::after,\n.Tooltip--multiline.Tooltip--e::after {\n  right: 100%;\n}\n\n.Tooltip--alignRight::after {\n  right: 0;\n  margin-right: 0;\n}\n\n.Tooltip--alignLeft::after {\n  left: 0;\n  margin-left: 0;\n}\n"]}

package/dist/Tooltip/Tooltip.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
-import type { ComponentProps } from '../utils/types';
-declare const TooltipBase: import("styled-components").StyledComponent<"span", any, {}, never>;
+import type { ForwardRefComponent as PolymorphicForwardRefComponent } from '../utils/polymorphic';
 /**
  * @deprecated
  */
@@ -10,17 +9,16 @@ export type TooltipProps = {
     noDelay?: boolean;
     align?: 'left' | 'right';
     wrap?: boolean;
-} & ComponentProps<typeof TooltipBase>;
+} & React.ComponentProps<'span'>;
 export declare const TooltipContext: React.Context<{
     tooltipId?: string;
 }>;
 /**
  * @deprecated
  */
-declare function Tooltip({ direction, children, className, text, noDelay, align, wrap, id, ...rest }: TooltipProps): React.JSX.Element;
-declare namespace Tooltip {
-    var alignments: string[];
-    var directions: string[];
-}
+declare const Tooltip: PolymorphicForwardRefComponent<"span", TooltipProps> & {
+    alignments: string[];
+    directions: string[];
+};
 export default Tooltip;
 //# sourceMappingURL=Tooltip.d.ts.map

package/dist/Tooltip/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAgB,MAAM,OAAO,CAAA;AAGpC,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAA;AAKlD,QAAA,MAAM,WAAW,qEA6KhB,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,CAAC,EAAE,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,CAAA;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAA;AAEtC,eAAO,MAAM,cAAc;gBAAoC,MAAM;EAAM,CAAA;AAE3E;;GAEG;AACH,iBAAS,OAAO,CAAC,EAAC,SAAe,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,IAAI,EAAC,EAAE,YAAY,qBAmB7G;kBAnBQ,OAAO;;;;AAyBhB,eAAe,OAAO,CAAA"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAgB,MAAM,OAAO,CAAA;AAGpC,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAI/F;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,CAAC,EAAE,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,CAAA;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAA;AAEhC,eAAO,MAAM,cAAc;gBAAoC,MAAM;EAAM,CAAA;AAE3E;;GAEG;AACH,QAAA,MAAM,OAAO,EAyBP,8BAA8B,CAAC,MAAM,EAAE,YAAY,CAAC,GAAG;IAC3D,UAAU,EAAE,MAAM,EAAE,CAAA;IACpB,UAAU,EAAE,MAAM,EAAE,CAAA;CACrB,CAAA;AAQD,eAAe,OAAO,CAAA"}

package/dist/Tooltip/Tooltip.js

@@ -1,133 +1,59 @@
-import { c } from 'react-compiler-runtime';
 import { clsx } from 'clsx';
-import React from 'react';
-import styled from 'styled-components';
-import { get } from '../constants.js';
+import React, { useMemo } from 'react';
+import classes from './Tooltip.module.css.js';
 import { jsx } from 'react/jsx-runtime';
 import { useId } from '../hooks/useId.js';
 
-const TooltipBase = styled.span.withConfig({
-  displayName: "Tooltip__TooltipBase",
-  componentId: "sc-17tf59c-0"
-})(["position:relative;display:inline-block;&::after{position:absolute;z-index:1000000;display:none;padding:0.5em 0.75em;font:normal normal 11px/1.5 ", ";-webkit-font-smoothing:subpixel-antialiased;color:var(--tooltip-fgColor,", ");text-align:center;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-wrap:break-word;white-space:pre;pointer-events:none;content:attr(aria-label);background:var(--tooltip-bgColor,", ");border-radius:", ";opacity:0;}@keyframes tooltip-appear{from{opacity:0;}to{opacity:1;}}&:hover,&:active,&:focus,&:focus-within{&::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0s;}}&.tooltipped-no-delay:hover,&.tooltipped-no-delay:active,&.tooltipped-no-delay:focus,&.tooltipped-no-delay:focus-within{&::after{animation-delay:0s;}}&.tooltipped-multiline:hover,&.tooltipped-multiline:active,&.tooltipped-multiline:focus,&.tooltipped-multiline:focus-within{&::after{display:table-cell;}}&.tooltipped-s,&.tooltipped-se,&.tooltipped-sw{&::after{top:100%;right:50%;margin-top:6px;}}&.tooltipped-se{&::after{right:auto;left:50%;margin-left:-", ";}}&.tooltipped-sw::after{margin-right:-", ";}&.tooltipped-n,&.tooltipped-ne,&.tooltipped-nw{&::after{right:50%;bottom:100%;margin-bottom:6px;}}&.tooltipped-ne{&::after{right:auto;left:50%;margin-left:-", ";}}&.tooltipped-nw::after{margin-right:-", ";}&.tooltipped-s::after,&.tooltipped-n::after{transform:translateX(50%);}&.tooltipped-w{&::after{right:100%;bottom:50%;margin-right:6px;transform:translateY(50%);}}&.tooltipped-e{&::after{bottom:50%;left:100%;margin-left:6px;transform:translateY(50%);}}&.tooltipped-multiline{&::after{width:max-content;max-width:250px;word-wrap:break-word;white-space:pre-line;border-collapse:separate;}&.tooltipped-s::after,&.tooltipped-n::after{right:auto;left:50%;transform:translateX(-50%);}&.tooltipped-w::after,&.tooltipped-e::after{right:100%;}}&.tooltipped-align-right-2::after{right:0;margin-right:0;}&.tooltipped-align-left-2::after{left:0;margin-left:0;}"], get('fonts.normal'), get('colors.fg.onEmphasis'), get('colors.neutral.emphasisPlus'), get('radii.2'), get('space.3'), get('space.3'), get('space.3'), get('space.3'));
-
-/**
- * @deprecated
- */
-
 const TooltipContext = /*#__PURE__*/React.createContext({});
 
 /**
  * @deprecated
  */
-function Tooltip(t0) {
-  const $ = c(27);
-  let align;
-  let children;
-  let className;
-  let id;
-  let noDelay;
-  let rest;
-  let t1;
-  let text;
-  let wrap;
-  if ($[0] !== t0) {
-    ({
-      direction: t1,
-      children,
-      className,
-      text,
-      noDelay,
-      align,
-      wrap,
-      id,
-      ...rest
-    } = t0);
-    $[0] = t0;
-    $[1] = align;
-    $[2] = children;
-    $[3] = className;
-    $[4] = id;
-    $[5] = noDelay;
-    $[6] = rest;
-    $[7] = t1;
-    $[8] = text;
-    $[9] = wrap;
-  } else {
-    align = $[1];
-    children = $[2];
-    className = $[3];
-    id = $[4];
-    noDelay = $[5];
-    rest = $[6];
-    t1 = $[7];
-    text = $[8];
-    wrap = $[9];
-  }
-  const direction = t1 === undefined ? "n" : t1;
+const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip({
+  as: Component = 'span',
+  direction = 'n',
+  children,
+  className,
+  text,
+  noDelay,
+  align,
+  wrap,
+  id,
+  ...rest
+}, ref) {
   const tooltipId = useId(id);
-  const t2 = `tooltipped-${direction}`;
-  const t3 = align && `tooltipped-align-${align}-2`;
-  const t4 = noDelay && "tooltipped-no-delay";
-  const t5 = wrap && "tooltipped-multiline";
-  let t6;
-  if ($[10] !== className || $[11] !== t2 || $[12] !== t3 || $[13] !== t4 || $[14] !== t5) {
-    t6 = clsx(className, t2, t3, t4, t5);
-    $[10] = className;
-    $[11] = t2;
-    $[12] = t3;
-    $[13] = t4;
-    $[14] = t5;
-    $[15] = t6;
-  } else {
-    t6 = $[15];
-  }
-  const classes = t6;
-  let t7;
-  if ($[16] !== tooltipId) {
-    t7 = {
-      tooltipId
-    };
-    $[16] = tooltipId;
-    $[17] = t7;
-  } else {
-    t7 = $[17];
-  }
-  const value = t7;
-  let t8;
-  if ($[18] !== children || $[19] !== classes || $[20] !== rest || $[21] !== text || $[22] !== tooltipId) {
-    t8 = /*#__PURE__*/jsx(TooltipBase, {
-      role: "tooltip",
-      "aria-label": text,
-      id: tooltipId,
-      ...rest,
-      className: classes,
-      children: children
-    });
-    $[18] = children;
-    $[19] = classes;
-    $[20] = rest;
-    $[21] = text;
-    $[22] = tooltipId;
-    $[23] = t8;
-  } else {
-    t8 = $[23];
-  }
-  let t9;
-  if ($[24] !== t8 || $[25] !== value) {
-    t9 = /*#__PURE__*/jsx(TooltipContext.Provider, {
+  const tooltipClasses = clsx(className, classes.Tooltip, classes[`Tooltip--${direction}`], {
+    [classes[`Tooltip--align${align === 'left' ? 'Left' : 'Right'}`]]: align,
+    [classes['Tooltip--noDelay']]: noDelay,
+    [classes['Tooltip--multiline']]: wrap,
+    // maintaining feature parity with old classes
+    [`tooltipped-${direction}`]: true,
+    [`tooltipped-align-${align === 'left' ? 'left' : 'right'}-2`]: align,
+    'tooltipped-no-delay': noDelay,
+    'tooltipped-multiline': wrap
+  });
+  const value = useMemo(() => ({
+    tooltipId
+  }), [tooltipId]);
+  return (
+    /*#__PURE__*/
+    // This provider is used to check if an icon button is wrapped with tooltip or not.
+    jsx(TooltipContext.Provider, {
       value: value,
-      children: t8
-    });
-    $[24] = t8;
-    $[25] = value;
-    $[26] = t9;
-  } else {
-    t9 = $[26];
-  }
-  return t9;
-}
+      children: /*#__PURE__*/jsx(Component, {
+        role: "tooltip",
+        "aria-label": text,
+        id: tooltipId,
+        ...rest,
+        className: tooltipClasses,
+        ref: ref,
+        children: children
+      })
+    })
+  );
+});
 Tooltip.alignments = ['left', 'right'];
 Tooltip.directions = ['n', 'ne', 'e', 'se', 's', 'sw', 'w', 'nw'];
+Tooltip.__SLOT__ = Symbol('DEPRECATED_Tooltip');
 
 export { TooltipContext, Tooltip as default };

package/dist/Tooltip/Tooltip.module.css.js

@@ -0,0 +1,5 @@
+import './Tooltip-fffa9948.css';
+
+var classes = {"Tooltip":"prc-Tooltip-Tooltip--1XZX","tooltip-appear":"prc-Tooltip-tooltip-appear-Vhjuv","Tooltip--noDelay":"prc-Tooltip-Tooltip--noDelay-Kl98W","Tooltip--multiline":"prc-Tooltip-Tooltip--multiline-5KYEu","Tooltip--s":"prc-Tooltip-Tooltip--s-Z845o","Tooltip--se":"prc-Tooltip-Tooltip--se-4uqz7","Tooltip--sw":"prc-Tooltip-Tooltip--sw-P5gHD","Tooltip--n":"prc-Tooltip-Tooltip--n-BOOzB","Tooltip--ne":"prc-Tooltip-Tooltip--ne-t2n1x","Tooltip--nw":"prc-Tooltip-Tooltip--nw-PVis4","Tooltip--w":"prc-Tooltip-Tooltip--w-c6nR3","Tooltip--e":"prc-Tooltip-Tooltip--e-a4x1s","Tooltip--alignRight":"prc-Tooltip-Tooltip--alignRight-DdgpM","Tooltip--alignLeft":"prc-Tooltip-Tooltip--alignLeft-7wr84"};
+
+export { classes as default };

package/dist/TooltipV2/Tooltip.d.ts

@@ -1,5 +1,6 @@
-import React from 'react';
+import React, { type ForwardRefExoticComponent } from 'react';
 import { type KeybindingHintProps } from '../KeybindingHint';
+import type { SlotMarker } from '../utils/types';
 export type TooltipDirection = 'nw' | 'n' | 'ne' | 'e' | 'se' | 's' | 'sw' | 'w';
 export type TooltipProps = React.PropsWithChildren<{
     direction?: TooltipDirection;
@@ -17,19 +18,5 @@ export type TooltipProps = React.PropsWithChildren<{
 export declare const TooltipContext: React.Context<{
     tooltipId?: string;
 }>;
-export declare const Tooltip: React.ForwardRefExoticComponent<{
-    direction?: TooltipDirection;
-    text: string;
-    type?: "label" | "description";
-    keybindingHint?: KeybindingHintProps["keys"];
-    /**
-     * Delay in milliseconds before showing the tooltip
-     * @default short (50ms)
-     * medium (400ms)
-     * long (1200ms)
-     */
-    delay?: "short" | "medium" | "long";
-} & {
-    children?: React.ReactNode | undefined;
-} & React.HTMLAttributes<HTMLElement> & React.RefAttributes<unknown>>;
+export declare const Tooltip: ForwardRefExoticComponent<React.PropsWithoutRef<TooltipProps> & React.RefAttributes<HTMLElement>> & SlotMarker;
 //# sourceMappingURL=Tooltip.d.ts.map

package/dist/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;AAS3E,OAAO,EAAoD,KAAK,mBAAmB,EAAC,MAAM,mBAAmB,CAAA;AAI7G,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,CAAC;IACjD,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;IAC5C;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;CACpC,CAAC,GACA,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA;AAiEnC,eAAO,MAAM,cAAc;gBAAoC,MAAM;EAAM,CAAA;AAE3E,eAAO,MAAM,OAAO;gBA/EN,gBAAgB;UACtB,MAAM;WACL,OAAO,GAAG,aAAa;qBACb,mBAAmB,CAAC,MAAM,CAAC;IAC5C;;;;;OAKG;YACK,OAAO,GAAG,QAAQ,GAAG,MAAM;;;qEAiVpC,CAAA"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/TooltipV2/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiD,KAAK,yBAAyB,EAAC,MAAM,OAAO,CAAA;AAS3G,OAAO,EAAoD,KAAK,mBAAmB,EAAC,MAAM,mBAAmB,CAAA;AAG7G,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAA;AAE9C,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,CAAC;IACjD,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;IAC5C;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;CACpC,CAAC,GACA,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA;AAiEnC,eAAO,MAAM,cAAc;gBAAoC,MAAM;EAAM,CAAA;AAE3E,eAAO,MAAM,OAAO,EAAE,yBAAyB,CAC7C,KAAK,CAAC,eAAe,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CACvE,GACC,UA4QD,CAAA"}

package/dist/TooltipV2/Tooltip.js

@@ -300,5 +300,6 @@ const Tooltip = /*#__PURE__*/React.forwardRef(({
     })
   });
 });
+Tooltip.__SLOT__ = Symbol('Tooltip');
 
 export { Tooltip, TooltipContext };

package/dist/TreeView/TreeView.d.ts

@@ -1,5 +1,6 @@
 import { type Icon } from '@primer/octicons-react';
 import React from 'react';
+import type { FCWithSlotMarker } from '../utils/types';
 export type TreeViewProps = {
     'aria-label'?: React.AriaAttributes['aria-label'];
     'aria-labelledby'?: React.AriaAttributes['aria-labelledby'];
@@ -13,6 +14,8 @@ export type TreeViewSecondaryActions = {
     label: string;
     onClick: () => void;
     icon: Icon;
+    count?: number | string;
+    className?: string;
 };
 export type TreeViewItemProps = {
     'aria-label'?: React.AriaAttributes['aria-label'];
@@ -60,7 +63,7 @@ export type TreeViewErrorDialogProps = {
 };
 export declare const TreeView: React.FC<TreeViewProps> & {
     Item: React.ForwardRefExoticComponent<TreeViewItemProps & React.RefAttributes<HTMLElement>>;
-    SubTree: React.FC<TreeViewSubTreeProps>;
+    SubTree: FCWithSlotMarker<TreeViewSubTreeProps>;
     LeadingAction: React.FC<TreeViewVisualProps>;
     LeadingVisual: React.FC<TreeViewVisualProps>;
     TrailingVisual: React.FC<TreeViewVisualProps>;

package/dist/TreeView/TreeView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TreeView.d.ts","sourceRoot":"","sources":["../../src/TreeView/TreeView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,IAAI,EACV,MAAM,wBAAwB,CAAA;AAE/B,OAAO,KAA+B,MAAM,OAAO,CAAA;AA4DnD,MAAM,MAAM,aAAa,GAAG;IAC1B,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAA;IACjD,iBAAiB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAA;IAC3D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,wBAAwB,GAAG;IACrC,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,IAAI,EAAE,IAAI,CAAA;CACX,CAAA;AAqFD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAA;IACjD,iBAAiB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAA;IAC3D,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;IACzB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;IAC9C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,KAAK,IAAI,CAAA;IAC5F,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,wBAAwB,EAAE,CAAA;CAC9C,CAAA;AAwQD,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAA;AAEnE,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,KAAK,CAAC,EAAE,YAAY,CAAA;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAyMD,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE;QAAC,UAAU,EAAE,OAAO,CAAA;KAAC,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;IAG/E,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAqED,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,wBAAwB,EAAE,CAAA;IACjC,YAAY,EAAE,MAAM,CAAA;CACrB,CAAA;AAiDD,MAAM,MAAM,yBAAyB,GAAG;IACtC,KAAK,EAAE,wBAAwB,EAAE,CAAA;IACjC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAkED,MAAM,MAAM,wBAAwB,GAAG;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB,CAAA;AA4CD,eAAO,MAAM,QAAQ;;;;;;;;CAQnB,CAAA"}
+{"version":3,"file":"TreeView.d.ts","sourceRoot":"","sources":["../../src/TreeView/TreeView.tsx"],"names":[],"mappings":"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"}

package/dist/TreeView/TreeView.js

@@ -14,15 +14,21 @@ import { useRovingTabIndex, getFirstChildElement } from './useRovingTabIndex.js'
 import { useTypeahead } from './useTypeahead.js';
 import { Dialog } from '../Dialog/Dialog.js';
 import { IconButton } from '../Button/IconButton.js';
+import { ButtonComponent } from '../Button/Button.js';
 import { ActionList } from '../ActionList/index.js';
+import { isSlot } from '../utils/is-slot.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useIsMacOS } from '../hooks/useIsMacOS.js';
 import Spinner from '../Spinner/Spinner.js';
+import { Tooltip } from '../TooltipV2/Tooltip.js';
 import Text from '../Text/Text.js';
 import { SkeletonAvatar } from '../SkeletonAvatar/SkeletonAvatar.js';
 import { SkeletonText } from '../SkeletonText/SkeletonText.js';
 import { getAccessibleKeybindingHintString } from '../KeybindingHint/KeybindingHint.js';
 
+// ----------------------------------------------------------------------------
+// Context
+
 const RootContext = /*#__PURE__*/React.createContext({
   announceUpdate: () => {},
   expandedStateCache: {
@@ -664,6 +670,7 @@ const SubTree = t0 => {
   return t11;
 };
 SubTree.displayName = 'TreeView.SubTree';
+SubTree.__SLOT__ = Symbol('TreeView.SubTree');
 function usePreviousValue(value) {
   const ref = React.useRef(value);
   React.useEffect(() => {
@@ -845,10 +852,10 @@ function useSubTree(children) {
 // ----------------------------------------------------------------------------
 // TreeView.LeadingVisual and TreeView.TrailingVisual
 function _temp5(child_0) {
-  return !(/*#__PURE__*/React.isValidElement(child_0) && child_0.type === SubTree);
+  return !(/*#__PURE__*/React.isValidElement(child_0) && (child_0.type === SubTree || isSlot(child_0, SubTree)));
 }
 function _temp4(child) {
-  return /*#__PURE__*/React.isValidElement(child) && child.type === SubTree;
+  return /*#__PURE__*/React.isValidElement(child) && (child.type === SubTree || isSlot(child, SubTree));
 }
 const LeadingVisual = props => {
   const $ = c(13);
@@ -1092,7 +1099,7 @@ const TrailingAction = props => {
     t1 = /*#__PURE__*/jsxs("div", {
       id: trailingActionId,
       className: t0,
-      children: ["; ", shortcutText]
+      children: ["- ", shortcutText]
     });
     $[1] = shortcutText;
     $[2] = trailingActionId;
@@ -1108,19 +1115,40 @@ const TrailingAction = props => {
         const {
           label,
           onClick,
-          icon
+          icon,
+          count,
+          className
         } = t4;
+        if (count) {
+          return /*#__PURE__*/jsx(Tooltip, {
+            text: label,
+            children: /*#__PURE__*/jsx(ButtonComponent, {
+              "aria-label": label,
+              leadingVisual: icon,
+              variant: "invisible",
+              className: clsx(className, classes.TreeViewItemTrailingActionButton),
+              onClick: onClick,
+              onKeyDown: () => {
+                const parentElement = document.getElementById(itemId);
+                parentElement === null || parentElement === void 0 ? void 0 : parentElement.focus();
+              },
+              tabIndex: -1,
+              "aria-hidden": true,
+              count: count
+            })
+          }, index);
+        }
         return /*#__PURE__*/jsx(IconButton, {
           icon: icon,
           variant: "invisible",
           "aria-label": label,
-          className: classes.TreeViewItemTrailingActionButton,
+          className: clsx(className, classes.TreeViewItemTrailingActionButton),
           onClick: onClick,
           tabIndex: -1,
           "aria-hidden": true,
           onKeyDown: () => {
-            const parentElement = document.getElementById(itemId);
-            parentElement === null || parentElement === void 0 ? void 0 : parentElement.focus();
+            const parentElement_0 = document.getElementById(itemId);
+            parentElement_0 === null || parentElement_0 === void 0 ? void 0 : parentElement_0.focus();
           }
         }, index);
       };
@@ -1370,13 +1398,18 @@ function _temp0(t0, index) {
   const {
     label,
     onClick,
-    icon: Icon
+    icon: Icon,
+    count
   } = t0;
   return /*#__PURE__*/jsxs(ActionList.Item, {
     onSelect: onClick,
     children: [/*#__PURE__*/jsx(ActionList.LeadingVisual, {
       children: /*#__PURE__*/jsx(Icon, {})
-    }), label]
+    }), label, count ? /*#__PURE__*/jsxs(ActionList.TrailingVisual, {
+      children: [count, /*#__PURE__*/jsx(VisuallyHidden, {
+        children: "items"
+      })]
+    }) : null]
   }, index);
 }
 _temp0.displayName = "_temp0";