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

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";

package/dist/Truncate/Truncate.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
-import type { MaxWidthProps } from 'styled-system';
 import type { ForwardRefComponent as PolymorphicForwardRefComponent } from '../utils/polymorphic';
 type TruncateProps = React.HTMLAttributes<HTMLElement> & {
     title: string;
     inline?: boolean;
     expandable?: boolean;
-} & MaxWidthProps;
+    maxWidth?: number | string;
+};
 declare const Truncate: PolymorphicForwardRefComponent<"div", TruncateProps>;
 export type { TruncateProps };
 export default Truncate;

package/dist/Truncate/Truncate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Truncate.d.ts","sourceRoot":"","sources":["../../src/Truncate/Truncate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,eAAe,CAAA;AAChD,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAG/F,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG;IACvD,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,GAAG,aAAa,CAAA;AAEjB,QAAA,MAAM,QAAQ,EAuBR,8BAA8B,CAAC,KAAK,EAAE,aAAa,CAAC,CAAA;AAM1D,YAAY,EAAC,aAAa,EAAC,CAAA;AAC3B,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"Truncate.d.ts","sourceRoot":"","sources":["../../src/Truncate/Truncate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAG/F,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG;IACvD,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAC3B,CAAA;AAED,QAAA,MAAM,QAAQ,EAuBR,8BAA8B,CAAC,KAAK,EAAE,aAAa,CAAC,CAAA;AAM1D,YAAY,EAAC,aAAa,EAAC,CAAA;AAC3B,eAAe,QAAQ,CAAA"}

package/dist/UnderlineNav/UnderlineNav-4344d9b0.css

@@ -0,0 +1,2 @@
+.prc-UnderlineNav-MenuItemContent-k4WNL{align-items:center;display:flex;justify-content:space-between}.prc-UnderlineNav-MoreButton-smema{background:transparent;border:0;box-shadow:none;font-weight:var(--base-text-weight-normal,400);margin:0;padding:var(--base-size-4,.25rem) var(--base-size-8,.5rem)}.prc-UnderlineNav-MoreButton-smema>[data-component=trailingVisual]{margin-left:0}
+/*# sourceMappingURL=UnderlineNav-4344d9b0.css.map */

package/dist/UnderlineNav/UnderlineNav-4344d9b0.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/UnderlineNav/UnderlineNav.module.css"],"names":[],"mappings":"AAAA,wCAEE,kBAAmB,CADnB,YAAa,CAEb,6BACF,CAGA,mCAGE,sBAAuB,CADvB,QAAS,CAGT,eAAgB,CADhB,8CAA2C,CAH3C,QAAS,CAQT,0DAKF,CAHE,mEACE,aACF","file":"UnderlineNav-4344d9b0.css","sourcesContent":[".MenuItemContent {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n/* More button styles migrated from styles.ts (was moreBtnStyles) */\n.MoreButton {\n  margin: 0; /* reset Safari extra margin */\n  border: 0;\n  background: transparent;\n  font-weight: var(--base-text-weight-normal);\n  box-shadow: none;\n  padding-top: var(--base-size-4);\n  padding-bottom: var(--base-size-4);\n  padding-left: var(--base-size-8);\n  padding-right: var(--base-size-8);\n\n  & > [data-component='trailingVisual'] {\n    margin-left: 0;\n  }\n}\n"]}

package/dist/UnderlineNav/UnderlineNav.d.ts

@@ -16,7 +16,6 @@ export type UnderlineNavProps = {
     variant?: 'inset' | 'flush';
 };
 export declare const MORE_BTN_WIDTH = 86;
-export declare const MoreMenuListItem: import("styled-components").StyledComponent<"li", any, {}, never>;
 export declare const getValidChildren: (children: React.ReactNode) => React.ReactElement[];
 export declare const UnderlineNav: React.ForwardRefExoticComponent<UnderlineNavProps & React.RefAttributes<unknown>>;
 //# sourceMappingURL=UnderlineNav.d.ts.map

package/dist/UnderlineNav/UnderlineNav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UnderlineNav.d.ts","sourceRoot":"","sources":["../../src/UnderlineNav/UnderlineNav.tsx"],"names":[],"mappings":"AACA,OAAO,KAA6D,MAAM,OAAO,CAAA;AAoBjF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAA;IACjD,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;CAC5B,CAAA;AAGD,eAAO,MAAM,cAAc,KAAK,CAAA;AAIhC,eAAO,MAAM,gBAAgB,mEAI5B,CAAA;AAkED,eAAO,MAAM,gBAAgB,GAAI,UAAU,KAAK,CAAC,SAAS,KACgC,KAAK,CAAC,YAAY,EAC3G,CAAA;AAkBD,eAAO,MAAM,YAAY,mFAiRxB,CAAA"}
+{"version":3,"file":"UnderlineNav.d.ts","sourceRoot":"","sources":["../../src/UnderlineNav/UnderlineNav.tsx"],"names":[],"mappings":"AACA,OAAO,KAA6D,MAAM,OAAO,CAAA;AAmBjF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAA;IACjD,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;CAC5B,CAAA;AAGD,eAAO,MAAM,cAAc,KAAK,CAAA;AAoEhC,eAAO,MAAM,gBAAgB,GAAI,UAAU,KAAK,CAAC,SAAS,KACgC,KAAK,CAAC,YAAY,EAC3G,CAAA;AAgCD,eAAO,MAAM,YAAY,mFA8RxB,CAAA"}

package/dist/UnderlineNav/UnderlineNav.js

@@ -1,11 +1,9 @@
 import React, { forwardRef, useRef, useState, useEffect, useCallback } from 'react';
 import { UnderlineNavContext } from './UnderlineNavContext.js';
 import { useResizeObserver } from '../hooks/useResizeObserver.js';
-import { useTheme } from '../ThemeProvider.js';
 import VisuallyHidden from '../_VisuallyHidden.js';
-import { getDividerStyle, moreBtnStyles, baseMenuStyles, menuStyles, menuItemStyles, baseMenuMinWidth } from './styles.js';
+import { dividerStyles, baseMenuMinWidth, menuItemStyles } from './styles.js';
 import { UnderlineWrapper, UnderlineItemList, LoadingCounter, GAP } from '../internal/components/UnderlineTabbedInterface.js';
-import styled from 'styled-components';
 import { TriangleDownIcon } from '@primer/octicons-react';
 import { useOnEscapePress } from '../hooks/useOnEscapePress.js';
 import { useOnOutsideClick } from '../hooks/useOnOutsideClick.js';
@@ -13,6 +11,7 @@ import { useId } from '../hooks/useId.js';
 import { ActionList } from '../ActionList/index.js';
 import { invariant } from '../utils/invariant.js';
 import classes from './UnderlineNav.module.css.js';
+import { getAnchoredPosition } from '@primer/behaviors';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { ButtonComponent } from '../Button/Button.js';
 import CounterLabel from '../CounterLabel/CounterLabel.js';
@@ -22,10 +21,6 @@ import CounterLabel from '../CounterLabel/CounterLabel.js';
 const MORE_BTN_WIDTH = 86;
 // The height is needed to make sure we don't have a layout shift when the more button is the only item in the nav.
 const MORE_BTN_HEIGHT = 45;
-const MoreMenuListItem = styled.li.withConfig({
-  displayName: "UnderlineNav__MoreMenuListItem",
-  componentId: "sc-1jfr31k-0"
-})(["display:flex;align-items:center;height:", "px;"], MORE_BTN_HEIGHT);
 const overflowEffect = (navWidth, moreMenuWidth, childArray, childWidthArray, noIconChildWidthArray, updateListAndMenu) => {
   let iconsVisible = true;
   if (childWidthArray.length === 0) {
@@ -101,6 +96,20 @@ const calculatePossibleItems = (childWidthArray, navWidth, moreMenuWidth = 0) =>
   }
   return breakpoint;
 };
+
+// Inline styles converted from baseMenuStyles for use as CSSProperties
+const baseMenuInlineStyles = {
+  position: 'absolute',
+  zIndex: 1,
+  top: '90%',
+  boxShadow: '0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)',
+  borderRadius: 12,
+  background: 'var(--overlay-bgColor)',
+  listStyle: 'none',
+  minWidth: `${baseMenuMinWidth}px`,
+  maxWidth: '640px',
+  right: 0
+};
 const UnderlineNav = /*#__PURE__*/forwardRef(({
   as = 'nav',
   'aria-label': ariaLabel,
@@ -117,9 +126,6 @@ const UnderlineNav = /*#__PURE__*/forwardRef(({
   const moreMenuBtnRef = useRef(null);
   const containerRef = React.useRef(null);
   const disclosureWidgetId = useId();
-  const {
-    theme
-  } = useTheme();
   const [isWidgetOpen, setIsWidgetOpen] = useState(false);
   const [iconsVisible, setIconsVisible] = useState(true);
   const [childWidthArray, setChildWidthArray] = useState([]);
@@ -246,9 +252,26 @@ const UnderlineNav = /*#__PURE__*/forwardRef(({
     const moreMenuWidth = (_moreMenuRef$current$ = (_moreMenuRef$current = moreMenuRef.current) === null || _moreMenuRef$current === void 0 ? void 0 : _moreMenuRef$current.getBoundingClientRect().width) !== null && _moreMenuRef$current$ !== void 0 ? _moreMenuRef$current$ : 0;
     navWidth !== 0 && overflowEffect(navWidth, moreMenuWidth, validChildren, childWidthArray, noIconChildWidthArray, updateListAndMenu);
   }, navRef);
+
+  // Compute menuInlineStyles if needed
+  let menuInlineStyles = {
+    ...baseMenuInlineStyles
+  };
+  if (containerRef.current && listRef.current) {
+    const {
+      left
+    } = getAnchoredPosition(containerRef.current, listRef.current, {
+      align: 'start',
+      side: 'outside-bottom'
+    });
+    menuInlineStyles = {
+      ...baseMenuInlineStyles,
+      right: undefined,
+      left
+    };
+  }
   return /*#__PURE__*/jsxs(UnderlineNavContext.Provider, {
     value: {
-      theme,
       setChildrenWidth,
       setNoIconChildrenWidth,
       loadingCounters,
@@ -266,13 +289,18 @@ const UnderlineNav = /*#__PURE__*/forwardRef(({
       children: /*#__PURE__*/jsxs(UnderlineItemList, {
         ref: listRef,
         role: "list",
-        children: [listItems, menuItems.length > 0 && /*#__PURE__*/jsxs(MoreMenuListItem, {
+        children: [listItems, menuItems.length > 0 && /*#__PURE__*/jsxs("li", {
           ref: moreMenuRef,
+          style: {
+            display: 'flex',
+            alignItems: 'center',
+            height: `${MORE_BTN_HEIGHT}px`
+          },
           children: [!onlyMenuVisible && /*#__PURE__*/jsx("div", {
-            style: getDividerStyle(theme)
+            style: dividerStyles
           }), /*#__PURE__*/jsx(ButtonComponent, {
             ref: moreMenuBtnRef,
-            sx: moreBtnStyles,
+            className: classes.MoreButton,
             "aria-controls": disclosureWidgetId,
             "aria-expanded": isWidgetOpen,
             onClick: onAnchorClick,
@@ -294,8 +322,8 @@ const UnderlineNav = /*#__PURE__*/forwardRef(({
             selectionVariant: "single",
             ref: containerRef,
             id: disclosureWidgetId,
-            sx: (_listRef$current2 = listRef.current) !== null && _listRef$current2 !== void 0 && _listRef$current2.clientWidth && listRef.current.clientWidth >= baseMenuMinWidth ? baseMenuStyles : menuStyles(containerRef.current, listRef.current),
             style: {
+              ...((_listRef$current2 = listRef.current) !== null && _listRef$current2 !== void 0 && _listRef$current2.clientWidth && listRef.current.clientWidth >= baseMenuMinWidth ? baseMenuInlineStyles : menuInlineStyles),
               display: isWidgetOpen ? 'block' : 'none'
             },
             children: menuItems.map((menuItem, index) => {
@@ -315,7 +343,7 @@ const UnderlineNav = /*#__PURE__*/forwardRef(({
                 event, updateListAndMenu);
               }
               return /*#__PURE__*/jsx(ActionList.LinkItem, {
-                sx: menuItemStyles,
+                style: menuItemStyles,
                 onClick: event => {
                   // When there are no items in the list, do not run the swap function as we want to keep everything in the menu.
                   !onlyMenuVisible && swapMenuItemWithListItem(menuItem, index, event, updateListAndMenu);
@@ -344,4 +372,4 @@ const UnderlineNav = /*#__PURE__*/forwardRef(({
 });
 UnderlineNav.displayName = 'UnderlineNav';
 
-export { MORE_BTN_WIDTH, MoreMenuListItem, UnderlineNav, getValidChildren };
+export { MORE_BTN_WIDTH, UnderlineNav, getValidChildren };

package/dist/UnderlineNav/UnderlineNav.module.css.js

@@ -1,5 +1,5 @@
-import './UnderlineNav-78db938f.css';
+import './UnderlineNav-4344d9b0.css';
 
-var classes = {"MenuItemContent":"prc-UnderlineNav-MenuItemContent-k4WNL"};
+var classes = {"MenuItemContent":"prc-UnderlineNav-MenuItemContent-k4WNL","MoreButton":"prc-UnderlineNav-MoreButton-smema"};
 
 export { classes as default };

package/dist/UnderlineNav/UnderlineNavContext.d.ts

@@ -1,7 +1,5 @@
 import type React from 'react';
-import type { Theme } from '../ThemeProvider';
 export declare const UnderlineNavContext: React.Context<{
-    theme: Theme | undefined;
     setChildrenWidth: React.Dispatch<{
         text: string;
         width: number;

package/dist/UnderlineNav/UnderlineNavContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UnderlineNavContext.d.ts","sourceRoot":"","sources":["../../src/UnderlineNav/UnderlineNavContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAC,KAAK,EAAC,MAAM,kBAAkB,CAAA;AAE3C,eAAO,MAAM,mBAAmB;WACvB,KAAK,GAAG,SAAS;sBACN,KAAK,CAAC,QAAQ,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAC,CAAC;4BACvC,KAAK,CAAC,QAAQ,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAC,CAAC;qBACpD,OAAO;kBACV,OAAO;EAOrB,CAAA"}
+{"version":3,"file":"UnderlineNavContext.d.ts","sourceRoot":"","sources":["../../src/UnderlineNav/UnderlineNavContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,eAAO,MAAM,mBAAmB;sBACZ,KAAK,CAAC,QAAQ,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAC,CAAC;4BACvC,KAAK,CAAC,QAAQ,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAC,CAAC;qBACpD,OAAO;kBACV,OAAO;EAMrB,CAAA"}

package/dist/UnderlineNav/UnderlineNavContext.js

@@ -1,7 +1,6 @@
 import { createContext } from 'react';
 
 const UnderlineNavContext = /*#__PURE__*/createContext({
-  theme: {},
   setChildrenWidth: () => null,
   setNoIconChildrenWidth: () => null,
   loadingCounters: false,

package/dist/UnderlineNav/styles.d.ts

@@ -1,6 +1,4 @@
-import type { Theme } from '../ThemeProvider';
-import type { BetterSystemStyleObject } from '../sx';
-export declare const getDividerStyle: (theme?: Theme) => {
+export declare const dividerStyles: {
     display: string;
     borderLeft: string;
     width: string;
@@ -8,18 +6,6 @@ export declare const getDividerStyle: (theme?: Theme) => {
     marginRight: string;
     height: string;
 };
-export declare const moreBtnStyles: {
-    margin: number;
-    border: number;
-    background: string;
-    fontWeight: string;
-    boxShadow: string;
-    paddingY: number;
-    paddingX: number;
-    '& > span[data-component="trailingVisual"]': {
-        marginLeft: number;
-    };
-};
 export declare const menuItemStyles: {
     '& > span': {
         display: string;
@@ -27,12 +13,4 @@ export declare const menuItemStyles: {
     textDecoration: string;
 };
 export declare const baseMenuMinWidth = 192;
-export declare const baseMenuStyles: BetterSystemStyleObject;
-/**
- *
- * @param containerRef The Menu List Container Reference.
- * @param listRef The Underline Nav Container Reference.
- * @description This calculates the position of the menu
- */
-export declare const menuStyles: (containerRef: Element | null, listRef: Element | null) => BetterSystemStyleObject;
 //# sourceMappingURL=styles.d.ts.map

package/dist/UnderlineNav/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/UnderlineNav/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,KAAK,EAAC,MAAM,kBAAkB,CAAA;AAC3C,OAAO,KAAK,EAAC,uBAAuB,EAAC,MAAM,OAAO,CAAA;AAGlD,eAAO,MAAM,eAAe,GAAI,QAAQ,KAAK;;;;;;;CAO3C,CAAA;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;CAYzB,CAAA;AAED,eAAO,MAAM,cAAc;;;;;CAO1B,CAAA;AAED,eAAO,MAAM,gBAAgB,MAAM,CAAA;AACnC,eAAO,MAAM,cAAc,EAAE,uBAY5B,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,UAAU,GAAI,cAAc,OAAO,GAAG,IAAI,EAAE,SAAS,OAAO,GAAG,IAAI,KAAG,uBASlF,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/UnderlineNav/styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa;;;;;;;CAOzB,CAAA;AAED,eAAO,MAAM,cAAc;;;;;CAO1B,CAAA;AAED,eAAO,MAAM,gBAAgB,MAAM,CAAA"}