@primer/react 38.0.0-rc.9 → 38.0.0-rc.95d10bdfe

package/dist/ActionBar/ActionBar.module.css.js

@@ -1,5 +1,5 @@
-import './ActionBar-3069d5f1.css';
+import './ActionBar-8ed12fe7.css';
 
-var styles = {"List":"prc-ActionBar-List-Z4LzW","Nav":"prc-ActionBar-Nav-hc-9G","Divider":"prc-ActionBar-Divider-CcBO8"};
+var styles = {"List":"prc-ActionBar-List-Z4LzW","Nav":"prc-ActionBar-Nav-hc-9G","Divider":"prc-ActionBar-Divider-CcBO8","Group":"prc-ActionBar-Group-hBx7J"};
 
 export { styles as default };

package/dist/ActionBar/index.d.ts

@@ -2,6 +2,9 @@ export type { ActionBarProps } from './ActionBar';
 declare const ActionBar: import("react").FC<import("react").PropsWithChildren<import("./ActionBar").ActionBarProps>> & {
     IconButton: import("react").ForwardRefExoticComponent<import("./ActionBar").ActionBarIconButtonProps & import("react").RefAttributes<unknown>>;
     Divider: () => import("react").JSX.Element | null;
+    Group: import("react").ForwardRefExoticComponent<{
+        children?: import("react").ReactNode | undefined;
+    } & import("react").RefAttributes<unknown>>;
 };
 export default ActionBar;
 export { ActionBar };

package/dist/ActionBar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ActionBar/index.ts"],"names":[],"mappings":"AACA,YAAY,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;AAE/C,QAAA,MAAM,SAAS;;;CAGb,CAAA;AAEF,eAAe,SAAS,CAAA;AACxB,OAAO,EAAC,SAAS,EAAC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ActionBar/index.ts"],"names":[],"mappings":"AACA,YAAY,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;AAE/C,QAAA,MAAM,SAAS;;;;;;CAIb,CAAA;AAEF,eAAe,SAAS,CAAA;AACxB,OAAO,EAAC,SAAS,EAAC,CAAA"}

package/dist/ActionBar/index.js

@@ -1,8 +1,9 @@
-import { ActionBar as ActionBar$1, VerticalDivider, ActionBarIconButton } from './ActionBar.js';
+import { ActionBar as ActionBar$1, ActionBarGroup, VerticalDivider, ActionBarIconButton } from './ActionBar.js';
 
 const ActionBar = Object.assign(ActionBar$1, {
   IconButton: ActionBarIconButton,
-  Divider: VerticalDivider
+  Divider: VerticalDivider,
+  Group: ActionBarGroup
 });
 
 export { ActionBar, ActionBar as default };

package/dist/ActionList/index.d.ts

@@ -98,6 +98,6 @@ export declare const ActionList: (<As extends React.ElementType = "ul">(props: (
     /** Heading for `ActionList.Group` */
     GroupHeading: import("../utils/types").FCWithSlotMarker<import("react").PropsWithChildren<import("./Group").ActionListGroupHeadingProps>>;
     /** Secondary action */
-    TrailingAction: import("../utils/polymorphic").ForwardRefComponent<"button" | "a", import("./TrailingAction").ActionListTrailingActionProps>;
+    TrailingAction: import("../utils/polymorphic").ForwardRefComponent<"a" | "button", import("./TrailingAction").ActionListTrailingActionProps>;
 };
 //# sourceMappingURL=index.d.ts.map

package/dist/Autocomplete/Autocomplete.d.ts

@@ -31,7 +31,7 @@ declare const _default: React.FC<React.PropsWithChildren<{
     } | null>;
     Input: import("../utils/polymorphic").ForwardRefComponent<import("../utils/polymorphic").ForwardRefComponent<"input", import("..").TextInputProps> & {
         __SLOT__: symbol;
-        Action: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "aria-label" | "size" | "tooltipDirection"> & {
+        Action: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size" | "aria-label" | "tooltipDirection"> & {
             children?: React.ReactNode;
             "aria-label"?: string;
             tooltipDirection?: "n" | "ne" | "e" | "se" | "s" | "sw" | "w" | "nw";

package/dist/BaseStyles.d.ts

@@ -1,13 +1,12 @@
 import type React from 'react';
 import { type CSSProperties, type PropsWithChildren } from 'react';
-import type { SystemCommonProps, SystemTypographyProps } from './constants';
 import 'focus-visible';
 export type BaseStylesProps = PropsWithChildren & {
     as?: React.ComponentType<any> | keyof JSX.IntrinsicElements;
     className?: string;
     style?: CSSProperties;
     color?: string;
-} & SystemTypographyProps & SystemCommonProps;
-declare function BaseStyles({ children, color, fontFamily, lineHeight, className, as: Component, style, ...rest }: BaseStylesProps): React.JSX.Element;
+};
+declare function BaseStyles({ children, color, className, as: Component, style, ...rest }: BaseStylesProps): React.JSX.Element;
 export default BaseStyles;
 //# sourceMappingURL=BaseStyles.d.ts.map

package/dist/BaseStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseStyles.d.ts","sourceRoot":"","sources":["../src/BaseStyles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAC,KAAK,aAAa,EAAE,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAEhE,OAAO,KAAK,EAAC,iBAAiB,EAAE,qBAAqB,EAAC,MAAM,aAAa,CAAA;AAKzE,OAAO,eAAe,CAAA;AAEtB,MAAM,MAAM,eAAe,GAAG,iBAAiB,GAAG;IAEhD,EAAE,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,MAAM,GAAG,CAAC,iBAAiB,CAAA;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,qBAAqB,GACvB,iBAAiB,CAAA;AAEnB,iBAAS,UAAU,CAAC,EAClB,QAAQ,EACR,KAAK,EACL,UAAU,EACV,UAAU,EACV,SAAS,EACT,EAAE,EAAE,SAAiB,EACrB,KAAK,EACL,GAAG,IAAI,EACR,EAAE,eAAe,qBA+BjB;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"BaseStyles.d.ts","sourceRoot":"","sources":["../src/BaseStyles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAC,KAAK,aAAa,EAAE,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAKhE,OAAO,eAAe,CAAA;AAEtB,MAAM,MAAM,eAAe,GAAG,iBAAiB,GAAG;IAEhD,EAAE,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,MAAM,GAAG,CAAC,iBAAiB,CAAA;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AACD,iBAAS,UAAU,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,SAAiB,EAAE,KAAK,EAAE,GAAG,IAAI,EAAC,EAAE,eAAe,qBAmBvG;AAED,eAAe,UAAU,CAAA"}

package/dist/BaseStyles.js

@@ -1,17 +1,14 @@
 import { c } from 'react-compiler-runtime';
 import { clsx } from 'clsx';
-import { useTheme } from './ThemeProvider.js';
 import classes from './BaseStyles.module.css.js';
 import 'focus-visible';
 import { jsx } from 'react/jsx-runtime';
 
 function BaseStyles(t0) {
-  const $ = c(27);
+  const $ = c(20);
   let children;
   let className;
   let color;
-  let fontFamily;
-  let lineHeight;
   let rest;
   let style;
   let t1;
@@ -19,8 +16,6 @@ function BaseStyles(t0) {
     ({
       children,
       color,
-      fontFamily,
-      lineHeight,
       className,
       as: t1,
       style,
@@ -30,90 +25,69 @@ function BaseStyles(t0) {
     $[1] = children;
     $[2] = className;
     $[3] = color;
-    $[4] = fontFamily;
-    $[5] = lineHeight;
-    $[6] = rest;
-    $[7] = style;
-    $[8] = t1;
+    $[4] = rest;
+    $[5] = style;
+    $[6] = t1;
   } else {
     children = $[1];
     className = $[2];
     color = $[3];
-    fontFamily = $[4];
-    lineHeight = $[5];
-    rest = $[6];
-    style = $[7];
-    t1 = $[8];
+    rest = $[4];
+    style = $[5];
+    t1 = $[6];
   }
   const Component = t1 === undefined ? "div" : t1;
-  const {
-    colorMode,
-    colorScheme,
-    dayScheme,
-    nightScheme
-  } = useTheme();
   let t2;
-  if ($[9] !== className) {
+  if ($[7] !== className) {
     t2 = clsx(classes.BaseStyles, className);
-    $[9] = className;
-    $[10] = t2;
+    $[7] = className;
+    $[8] = t2;
   } else {
-    t2 = $[10];
+    t2 = $[8];
   }
   const newClassName = t2;
   let t3;
-  if ($[11] !== color || $[12] !== fontFamily || $[13] !== lineHeight) {
+  if ($[9] !== color) {
     t3 = {
-      "--BaseStyles-fgColor": color,
-      "--BaseStyles-fontFamily": fontFamily,
-      "--BaseStyles-lineHeight": lineHeight
+      "--BaseStyles-fgColor": color
     };
-    $[11] = color;
-    $[12] = fontFamily;
-    $[13] = lineHeight;
-    $[14] = t3;
+    $[9] = color;
+    $[10] = t3;
   } else {
-    t3 = $[14];
+    t3 = $[10];
   }
   const baseStyles = t3;
-  const t4 = colorMode === "auto" ? "auto" : colorScheme !== null && colorScheme !== void 0 && colorScheme.includes("dark") ? "dark" : "light";
-  let t5;
-  if ($[15] !== baseStyles || $[16] !== style) {
-    t5 = {
+  let t4;
+  if ($[11] !== baseStyles || $[12] !== style) {
+    t4 = {
       ...baseStyles,
       ...style
     };
-    $[15] = baseStyles;
-    $[16] = style;
-    $[17] = t5;
+    $[11] = baseStyles;
+    $[12] = style;
+    $[13] = t4;
   } else {
-    t5 = $[17];
+    t4 = $[13];
   }
-  let t6;
-  if ($[18] !== Component || $[19] !== children || $[20] !== dayScheme || $[21] !== newClassName || $[22] !== nightScheme || $[23] !== rest || $[24] !== t4 || $[25] !== t5) {
-    t6 = /*#__PURE__*/jsx(Component, {
+  let t5;
+  if ($[14] !== Component || $[15] !== children || $[16] !== newClassName || $[17] !== rest || $[18] !== t4) {
+    t5 = /*#__PURE__*/jsx(Component, {
       className: newClassName,
       "data-portal-root": true,
-      "data-color-mode": t4,
-      "data-light-theme": dayScheme,
-      "data-dark-theme": nightScheme,
-      style: t5,
+      style: t4,
       ...rest,
       children: children
     });
-    $[18] = Component;
-    $[19] = children;
-    $[20] = dayScheme;
-    $[21] = newClassName;
-    $[22] = nightScheme;
-    $[23] = rest;
-    $[24] = t4;
-    $[25] = t5;
-    $[26] = t6;
+    $[14] = Component;
+    $[15] = children;
+    $[16] = newClassName;
+    $[17] = rest;
+    $[18] = t4;
+    $[19] = t5;
   } else {
-    t6 = $[26];
+    t5 = $[19];
   }
-  return t6;
+  return t5;
 }
 
 export { BaseStyles as default };

package/dist/LabelGroup/LabelGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LabelGroup.d.ts","sourceRoot":"","sources":["../../src/LabelGroup/LabelGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,MAAM,MAAM,eAAe,GAAG;IAC5B,2DAA2D;IAC3D,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACtB,4LAA4L;IAC5L,aAAa,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;IACpC,4MAA4M;IAC5M,iBAAiB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACnC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AA2FD,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAAC,CA0OlE,CAAA;AAID,eAAe,UAAU,CAAA"}
+{"version":3,"file":"LabelGroup.d.ts","sourceRoot":"","sources":["../../src/LabelGroup/LabelGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,MAAM,MAAM,eAAe,GAAG;IAC5B,2DAA2D;IAC3D,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACtB,4LAA4L;IAC5L,aAAa,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;IACpC,4MAA4M;IAC5M,iBAAiB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACnC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AA2FD,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAyOlE,CAAA;AAID,eAAe,UAAU,CAAA"}

package/dist/LabelGroup/LabelGroup.js

@@ -6,7 +6,6 @@ import VisuallyHidden from '../_VisuallyHidden.js';
 import { IconButton } from '../Button/IconButton.js';
 import { ButtonComponent } from '../Button/Button.js';
 import { clsx } from 'clsx';
-import theme from '../theme.js';
 import classes from './LabelGroup.module.css.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { AnchoredOverlay } from '../AnchoredOverlay/AnchoredOverlay.js';
@@ -155,7 +154,7 @@ const LabelGroup = ({
     bottom: 0,
     toJSON: () => undefined
   });
-  const overlayPaddingPx = parseInt(theme.space[2], 10);
+  const overlayPaddingPx = 8; // var(--base-size-8), hardcoded to do some math
   const hiddenItemIds = Object.keys(visibilityMap).filter(key => !visibilityMap[key]);
 
   // `overlayWidth` is only needed when we render an overlay

package/dist/NavList/NavList.d.ts

@@ -43,7 +43,7 @@ export declare const NavList: React.ForwardRefExoticComponent<Omit<NavListProps,
     SubNav: PolymorphicForwardRefComponent<"ul", NavListSubNavProps>;
     LeadingVisual: import("../utils/types").FCWithSlotMarker<React.PropsWithChildren<import("../ActionList/Visuals").VisualProps>>;
     TrailingVisual: import("../utils/types").FCWithSlotMarker<React.PropsWithChildren<import("../ActionList/Visuals").VisualProps>>;
-    TrailingAction: PolymorphicForwardRefComponent<"button" | "a", ActionListTrailingActionProps>;
+    TrailingAction: PolymorphicForwardRefComponent<"a" | "button", ActionListTrailingActionProps>;
     Divider: import("../utils/types").FCWithSlotMarker<React.PropsWithChildren<ActionListDividerProps>>;
     Group: React.FC<NavListGroupProps>;
     GroupExpand: React.ForwardRefExoticComponent<NavListGroupExpandProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/Overlay/Overlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../src/Overlay/Overlay.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../src/Overlay/Overlay.tsx"],"names":[],"mappings":"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"}

package/dist/Overlay/Overlay.js

@@ -5,7 +5,6 @@ import { Portal } from '../Portal/Portal.js';
 import { useRefObjectAsForwardedRef } from '../hooks/useRefObjectAsForwardedRef.js';
 import classes from './Overlay.module.css.js';
 import { clsx } from 'clsx';
-import theme from '../theme.js';
 import { jsx } from 'react/jsx-runtime';
 import { useOverlay } from '../hooks/useOverlay.js';
 import { useFeatureFlag } from '../FeatureFlags/useFeatureFlag.js';
@@ -197,8 +196,6 @@ const Overlay = /*#__PURE__*/React.forwardRef((t0, forwardedRef) => {
   const width = t5 === undefined ? "auto" : t5;
   const overlayRef = useRef(null);
   useRefObjectAsForwardedRef(forwardedRef, overlayRef);
-  const slideAnimationDistance = parseInt(theme.space[2], 10);
-  const slideAnimationEasing = theme.animation.easeOutCubic;
   let t6;
   if ($[18] !== ignoreClickRefs || $[19] !== initialFocusRef || $[20] !== onClickOutside || $[21] !== onEscape || $[22] !== preventFocusOnOpen || $[23] !== returnFocusRef) {
     t6 = {
@@ -252,13 +249,13 @@ const Overlay = /*#__PURE__*/React.forwardRef((t0, forwardedRef) => {
         return;
       }
       overlayRef.current.animate({
-        transform: [`translate(${slideAnimationDistance * x}px, ${slideAnimationDistance * y}px)`, "translate(0, 0)"]
+        transform: [`translate(${8 * x}px, ${8 * y}px)`, "translate(0, 0)"]
       }, {
         duration: animationDuration,
-        easing: slideAnimationEasing
+        easing: "cubic-bezier(0.33, 1, 0.68, 1)"
       });
     };
-    t10 = [anchorSide, slideAnimationDistance, slideAnimationEasing, visibility];
+    t10 = [anchorSide, 8, "cubic-bezier(0.33, 1, 0.68, 1)", visibility];
     $[28] = anchorSide;
     $[29] = visibility;
     $[30] = t10;

package/dist/SegmentedControl/SegmentedControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../src/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,KAAK,EAAC,2BAA2B,EAAC,MAAM,0BAA0B,CAAA;AAEzE,OAAO,KAAK,EAAC,+BAA+B,EAAC,MAAM,8BAA8B,CAAA;AAIjF,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,6BAA6B,CAAA;AAEhE,OAAO,KAAK,EAAC,0BAA0B,EAAC,MAAM,kCAAkC,CAAA;AAMhF,MAAM,MAAM,qBAAqB,GAAG;IAClC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC,OAAO,CAAC,CAAA;IAC9C,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,8BAA8B;IAC9B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACzB,6FAA6F;IAC7F,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC,MAAM,CAAC,0BAA0B,EAAE,YAAY,GAAG,UAAU,GAAG,SAAS,CAAC,CAAC,CAAA;IACxG,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAmMD,eAAO,MAAM,gBAAgB;;;;CAI3B,CAAA"}
+{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../src/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,KAAK,EAAC,2BAA2B,EAAC,MAAM,0BAA0B,CAAA;AAEzE,OAAO,KAAK,EAAC,+BAA+B,EAAC,MAAM,8BAA8B,CAAA;AAIjF,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,6BAA6B,CAAA;AAEhE,OAAO,KAAK,EAAC,0BAA0B,EAAC,MAAM,kCAAkC,CAAA;AAMhF,MAAM,MAAM,qBAAqB,GAAG;IAClC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC,OAAO,CAAC,CAAA;IAC9C,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,8BAA8B;IAC9B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACzB,6FAA6F;IAC7F,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC,MAAM,CAAC,0BAA0B,EAAE,YAAY,GAAG,UAAU,GAAG,SAAS,CAAC,CAAC,CAAA;IACxG,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAyMD,eAAO,MAAM,gBAAgB;;;;CAI3B,CAAA"}

package/dist/SegmentedControl/SegmentedControl.js

@@ -148,16 +148,18 @@ const Root = t0 => {
         if (responsiveVariant === "hideLabels" && /*#__PURE__*/React.isValidElement(child_2) && (child_2.type === SegmentedControlButton || isSlot(child_2, SegmentedControlButton))) {
           const {
             "aria-label": childAriaLabel,
+            leadingVisual: leadingVisual_0,
             leadingIcon,
             children: childPropsChildren,
             ...restChildProps
           } = child_2.props;
-          if (!leadingIcon) {
-            console.warn("A `leadingIcon` prop is required when hiding visible labels");
+          const visual = leadingVisual_0 !== null && leadingVisual_0 !== void 0 ? leadingVisual_0 : leadingIcon;
+          if (!visual) {
+            console.warn("A `leadingVisual` or `leadingIcon` prop is required when hiding visible labels");
           } else {
             return /*#__PURE__*/jsx(SegmentedControlIconButton, {
               "aria-label": childAriaLabel || childPropsChildren,
-              icon: leadingIcon,
+              icon: visual,
               className: classes.IconButton,
               ...sharedChildProps,
               ...restChildProps
@@ -200,12 +202,16 @@ function _temp3(isSelected) {
   return isSelected;
 }
 function _temp4(childArg) {
-  if (/*#__PURE__*/React.isValidElement(childArg) && (childArg.type === SegmentedControlButton || isSlot(childArg, SegmentedControlButton)) && childArg.props.leadingIcon) {
-    if (isElement(childArg.props.leadingIcon)) {
-      return childArg.props.leadingIcon;
-    } else {
-      const LeadingIcon = childArg.props.leadingIcon;
-      return /*#__PURE__*/jsx(LeadingIcon, {});
+  if (/*#__PURE__*/React.isValidElement(childArg) && (childArg.type === SegmentedControlButton || isSlot(childArg, SegmentedControlButton))) {
+    var _childArg$props$leadi;
+    const leadingVisual = (_childArg$props$leadi = childArg.props.leadingVisual) !== null && _childArg$props$leadi !== void 0 ? _childArg$props$leadi : childArg.props.leadingIcon;
+    if (leadingVisual) {
+      if (isElement(leadingVisual)) {
+        return leadingVisual;
+      } else {
+        const LeadingVisual = leadingVisual;
+        return /*#__PURE__*/jsx(LeadingVisual, {});
+      }
     }
   }
   if (/*#__PURE__*/React.isValidElement(childArg) && (childArg.type === SegmentedControlIconButton || isSlot(childArg, SegmentedControlIconButton))) {

package/dist/SegmentedControl/SegmentedControlButton.d.ts

@@ -9,7 +9,9 @@ export type SegmentedControlButtonProps = {
     selected?: boolean;
     /** Whether the segment is selected. This is used for uncontrolled `SegmentedControls` to pick one `SegmentedControlButton` that is selected on the initial render. */
     defaultSelected?: boolean;
-    /** The leading icon comes before item label */
+    /** The leading visual comes before item label */
+    leadingVisual?: React.FunctionComponent<React.PropsWithChildren<IconProps>> | React.ReactElement;
+    /** @deprecated Use `leadingVisual` instead. The leading icon comes before item label */
     leadingIcon?: React.FunctionComponent<React.PropsWithChildren<IconProps>> | React.ReactElement;
     /** Optional counter to display on the right side of the button */
     count?: number | string;

package/dist/SegmentedControl/SegmentedControlButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControlButton.d.ts","sourceRoot":"","sources":["../../src/SegmentedControl/SegmentedControlButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,OAAO,CAAA;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAA;AAMrD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,gBAAgB,CAAA;AAEpD,MAAM,MAAM,2BAA2B,GAAG;IACxC,+CAA+C;IAC/C,QAAQ,EAAE,MAAM,CAAA;IAChB,oKAAoK;IACpK,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sKAAsK;IACtK,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC,GAAG,KAAK,CAAC,YAAY,CAAA;IAC9F,kEAAkE;IAClE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB,GAAG,oBAAoB,CAAC,iBAAiB,GAAG,aAAa,CAAC,CAAA;AAE3D,QAAA,MAAM,sBAAsB,EAAE,gBAAgB,CAAC,KAAK,CAAC,iBAAiB,CAAC,2BAA2B,CAAC,CA6BlG,CAAA;AAED,eAAe,sBAAsB,CAAA"}
+{"version":3,"file":"SegmentedControlButton.d.ts","sourceRoot":"","sources":["../../src/SegmentedControl/SegmentedControlButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,OAAO,CAAA;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAA;AAMrD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,gBAAgB,CAAA;AAEpD,MAAM,MAAM,2BAA2B,GAAG;IACxC,+CAA+C;IAC/C,QAAQ,EAAE,MAAM,CAAA;IAChB,oKAAoK;IACpK,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sKAAsK;IACtK,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,iDAAiD;IACjD,aAAa,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC,GAAG,KAAK,CAAC,YAAY,CAAA;IAChG,wFAAwF;IACxF,WAAW,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC,GAAG,KAAK,CAAC,YAAY,CAAA;IAC9F,kEAAkE;IAClE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB,GAAG,oBAAoB,CAAC,iBAAiB,GAAG,aAAa,CAAC,CAAA;AAE3D,QAAA,MAAM,sBAAsB,EAAE,gBAAgB,CAAC,KAAK,CAAC,iBAAiB,CAAC,2BAA2B,CAAC,CAiClG,CAAA;AAED,eAAe,sBAAsB,CAAA"}

package/dist/SegmentedControl/SegmentedControlButton.js

@@ -6,125 +6,132 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import CounterLabel from '../CounterLabel/CounterLabel.js';
 
 const SegmentedControlButton = t0 => {
-  const $ = c(30);
-  let LeadingIcon;
+  var _leadingVisual;
+  const $ = c(31);
   let children;
   let className;
   let count;
+  let leadingIcon;
+  let leadingVisual;
   let rest;
   let selected;
   if ($[0] !== t0) {
     const {
       children: t1,
-      leadingIcon: t2,
-      selected: t3,
-      className: t4,
+      leadingVisual: t2,
+      leadingIcon: t3,
+      selected: t4,
+      className: t5,
       defaultSelected: _defaultSelected,
-      count: t5,
-      ...t6
+      count: t6,
+      ...t7
     } = t0;
     children = t1;
-    LeadingIcon = t2;
-    selected = t3;
-    className = t4;
-    count = t5;
-    rest = t6;
+    leadingVisual = t2;
+    leadingIcon = t3;
+    selected = t4;
+    className = t5;
+    count = t6;
+    rest = t7;
     $[0] = t0;
-    $[1] = LeadingIcon;
-    $[2] = children;
-    $[3] = className;
-    $[4] = count;
-    $[5] = rest;
-    $[6] = selected;
+    $[1] = children;
+    $[2] = className;
+    $[3] = count;
+    $[4] = leadingIcon;
+    $[5] = leadingVisual;
+    $[6] = rest;
+    $[7] = selected;
   } else {
-    LeadingIcon = $[1];
-    children = $[2];
-    className = $[3];
-    count = $[4];
-    rest = $[5];
-    selected = $[6];
+    children = $[1];
+    className = $[2];
+    count = $[3];
+    leadingIcon = $[4];
+    leadingVisual = $[5];
+    rest = $[6];
+    selected = $[7];
   }
+  const LeadingVisual = (_leadingVisual = leadingVisual) !== null && _leadingVisual !== void 0 ? _leadingVisual : leadingIcon;
   let t1;
-  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
     t1 = clsx(classes.Item);
-    $[7] = t1;
+    $[8] = t1;
   } else {
-    t1 = $[7];
+    t1 = $[8];
   }
   const t2 = selected ? "" : undefined;
   let t3;
-  if ($[8] !== className) {
+  if ($[9] !== className) {
     t3 = clsx(classes.Button, className);
-    $[8] = className;
-    $[9] = t3;
+    $[9] = className;
+    $[10] = t3;
   } else {
-    t3 = $[9];
+    t3 = $[10];
   }
   let t4;
-  if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
     t4 = clsx(classes.Content, "segmentedControl-content");
-    $[10] = t4;
+    $[11] = t4;
   } else {
-    t4 = $[10];
+    t4 = $[11];
   }
   let t5;
-  if ($[11] !== LeadingIcon) {
-    t5 = LeadingIcon && /*#__PURE__*/jsx("div", {
+  if ($[12] !== LeadingVisual) {
+    t5 = LeadingVisual && /*#__PURE__*/jsx("div", {
       className: classes.LeadingIcon,
-      children: isElement(LeadingIcon) ? LeadingIcon : /*#__PURE__*/jsx(LeadingIcon, {})
+      children: isElement(LeadingVisual) ? LeadingVisual : /*#__PURE__*/jsx(LeadingVisual, {})
     });
-    $[11] = LeadingIcon;
-    $[12] = t5;
+    $[12] = LeadingVisual;
+    $[13] = t5;
   } else {
-    t5 = $[12];
+    t5 = $[13];
   }
   let t6;
-  if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
     t6 = clsx(classes.Text, "segmentedControl-text");
-    $[13] = t6;
+    $[14] = t6;
   } else {
-    t6 = $[13];
+    t6 = $[14];
   }
   let t7;
-  if ($[14] !== children) {
+  if ($[15] !== children) {
     t7 = /*#__PURE__*/jsx("div", {
       className: t6,
       "data-text": children,
       children: children
     });
-    $[14] = children;
-    $[15] = t7;
+    $[15] = children;
+    $[16] = t7;
   } else {
-    t7 = $[15];
+    t7 = $[16];
   }
   let t8;
-  if ($[16] !== count) {
+  if ($[17] !== count) {
     t8 = count !== undefined && /*#__PURE__*/jsx("span", {
       className: classes.Counter,
       children: /*#__PURE__*/jsx(CounterLabel, {
         children: count
       })
     });
-    $[16] = count;
-    $[17] = t8;
+    $[17] = count;
+    $[18] = t8;
   } else {
-    t8 = $[17];
+    t8 = $[18];
   }
   let t9;
-  if ($[18] !== t5 || $[19] !== t7 || $[20] !== t8) {
+  if ($[19] !== t5 || $[20] !== t7 || $[21] !== t8) {
     t9 = /*#__PURE__*/jsxs("span", {
       className: t4,
       children: [t5, t7, t8]
     });
-    $[18] = t5;
-    $[19] = t7;
-    $[20] = t8;
-    $[21] = t9;
+    $[19] = t5;
+    $[20] = t7;
+    $[21] = t8;
+    $[22] = t9;
   } else {
-    t9 = $[21];
+    t9 = $[22];
   }
   let t10;
-  if ($[22] !== rest || $[23] !== selected || $[24] !== t3 || $[25] !== t9) {
+  if ($[23] !== rest || $[24] !== selected || $[25] !== t3 || $[26] !== t9) {
     t10 = /*#__PURE__*/jsx("button", {
       "aria-current": selected,
       className: t3,
@@ -132,26 +139,26 @@ const SegmentedControlButton = t0 => {
       ...rest,
       children: t9
     });
-    $[22] = rest;
-    $[23] = selected;
-    $[24] = t3;
-    $[25] = t9;
-    $[26] = t10;
+    $[23] = rest;
+    $[24] = selected;
+    $[25] = t3;
+    $[26] = t9;
+    $[27] = t10;
   } else {
-    t10 = $[26];
+    t10 = $[27];
   }
   let t11;
-  if ($[27] !== t10 || $[28] !== t2) {
+  if ($[28] !== t10 || $[29] !== t2) {
     t11 = /*#__PURE__*/jsx("li", {
       className: t1,
       "data-selected": t2,
       children: t10
     });
-    $[27] = t10;
-    $[28] = t2;
-    $[29] = t11;
+    $[28] = t10;
+    $[29] = t2;
+    $[30] = t11;
   } else {
-    t11 = $[29];
+    t11 = $[30];
   }
   return t11;
 };

package/dist/TextInput/TextInput.d.ts

@@ -32,7 +32,7 @@ export type TextInputNonPassthroughProps = {
 export type TextInputProps = Merge<React.ComponentPropsWithoutRef<'input'>, TextInputNonPassthroughProps>;
 declare const _default: PolymorphicForwardRefComponent<"input", TextInputProps> & {
     __SLOT__: symbol;
-    Action: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "aria-label" | "size" | "tooltipDirection"> & {
+    Action: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size" | "aria-label" | "tooltipDirection"> & {
         children?: React.ReactNode;
         "aria-label"?: string;
         tooltipDirection?: "n" | "ne" | "e" | "se" | "s" | "sw" | "w" | "nw";