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

package/dist/Details/Details.js

@@ -1,12 +1,13 @@
 import { c } from 'react-compiler-runtime';
-import React, { useState, useEffect } from 'react';
+import React, { useEffect } from 'react';
+import { warning } from '../utils/warning.js';
 import { clsx } from 'clsx';
 import classes from './Details.module.css.js';
 import { useMergedRefs } from '../internal/hooks/useMergedRefs.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx } from 'react/jsx-runtime';
 
 const Root = /*#__PURE__*/React.forwardRef((t0, forwardRef) => {
-  const $ = c(16);
+  const $ = c(13);
   let children;
   let className;
   let rest;
@@ -27,32 +28,21 @@ const Root = /*#__PURE__*/React.forwardRef((t0, forwardRef) => {
   }
   const detailsRef = React.useRef(null);
   const ref = useMergedRefs(forwardRef, detailsRef);
-  const [hasSummary, setHasSummary] = useState(false);
   let t1;
   let t2;
   if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
     t1 = () => {
+      if (!(process.env.NODE_ENV !== "production")) {
+        return;
+      }
       const {
         current: details
       } = detailsRef;
       if (!details) {
         return;
       }
-      const updateSummary = () => {
-        const summary = details.querySelector("summary:not([data-default-summary])");
-        setHasSummary(!!summary);
-      };
-      updateSummary();
-      const observer = new MutationObserver(() => {
-        updateSummary();
-      });
-      observer.observe(details, {
-        childList: true,
-        subtree: true
-      });
-      return () => {
-        observer.disconnect();
-      };
+      const summary = details.querySelector("summary:not([data-default-summary])");
+      process.env.NODE_ENV !== "production" ? warning(summary === null, "The <Details> component must have a <summary> child component. You can either use <Details.Summary> or a native <summary> element.") : void 0;
     };
     t2 = [];
     $[4] = t1;
@@ -71,34 +61,22 @@ const Root = /*#__PURE__*/React.forwardRef((t0, forwardRef) => {
     t3 = $[7];
   }
   let t4;
-  if ($[8] !== hasSummary) {
-    t4 = !hasSummary && /*#__PURE__*/jsx(Details.Summary, {
-      "data-default-summary": true,
-      children: "See Details"
-    });
-    $[8] = hasSummary;
-    $[9] = t4;
-  } else {
-    t4 = $[9];
-  }
-  let t5;
-  if ($[10] !== children || $[11] !== ref || $[12] !== rest || $[13] !== t3 || $[14] !== t4) {
-    t5 = /*#__PURE__*/jsxs("details", {
+  if ($[8] !== children || $[9] !== ref || $[10] !== rest || $[11] !== t3) {
+    t4 = /*#__PURE__*/jsx("details", {
       className: t3,
       ...rest,
       ref: ref,
-      children: [t4, children]
+      children: children
     });
-    $[10] = children;
-    $[11] = ref;
-    $[12] = rest;
-    $[13] = t3;
-    $[14] = t4;
-    $[15] = t5;
+    $[8] = children;
+    $[9] = ref;
+    $[10] = rest;
+    $[11] = t3;
+    $[12] = t4;
   } else {
-    t5 = $[15];
+    t4 = $[12];
   }
-  return t5;
+  return t4;
 });
 Root.displayName = 'Details';
 function Summary(t0) {

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

package/dist/TextInputWithTokens/TextInputWithTokens.d.ts

@@ -47,14 +47,14 @@ declare const TextInputWithTokens: React.ForwardRefExoticComponent<{
     /**
      * The array of tokens to render
      */
-    tokens: any[] | (Omit<(Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-        ref?: ((instance: HTMLButtonElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | RefObject<HTMLButtonElement> | null | undefined;
-    }) | (Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
+    tokens: any[] | (Omit<(Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
         ref?: ((instance: HTMLAnchorElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | RefObject<HTMLAnchorElement> | null | undefined;
+    }) | (Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+        ref?: ((instance: HTMLButtonElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | RefObject<HTMLButtonElement> | null | undefined;
     }) | (Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
         ref?: ((instance: HTMLSpanElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | RefObject<HTMLSpanElement> | null | undefined;
     }), keyof import("..").TokenProps> & import("..").TokenProps & {
-        as?: "button" | "a" | "span" | undefined;
+        as?: "a" | "button" | "span" | undefined;
     })[];
     /**
      * The function that gets called when a token is removed
@@ -63,7 +63,7 @@ declare const TextInputWithTokens: React.ForwardRefExoticComponent<{
     /**
      * The component used to render each token
      */
-    tokenComponent?: import("../utils/polymorphic").ForwardRefComponent<"button" | "a" | "span", import("..").TokenProps> | AnyReactComponent | undefined;
+    tokenComponent?: import("../utils/polymorphic").ForwardRefComponent<"a" | "button" | "span", import("..").TokenProps> | AnyReactComponent | undefined;
     /**
      * The maximum height of the component. If the content in the input exceeds this height,
      * it will scroll vertically

package/dist/TextInputWithTokens/TextInputWithTokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextInputWithTokens.d.ts","sourceRoot":"","sources":["../../src/TextInputWithTokens/TextInputWithTokens.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAA6D,SAAS,EAAC,MAAM,OAAO,CAAA;AAChG,OAAO,KAAyB,MAAM,OAAO,CAAA;AAK7C,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,cAAc,CAAA;AAChD,OAAO,KAAK,MAAM,gBAAgB,CAAA;AAClC,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,oBAAoB,CAAA;AAQrD,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAA;AAGlD,KAAK,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAA;AAI1E;;GAEG;AACH,MAAM,MAAM,wBAAwB,CAAC,kBAAkB,SAAS,iBAAiB,GAAG,OAAO,KAAK,IAAI;IAClG;;OAEG;IACH,MAAM,EAAE,kBAAkB,SAAS,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,iBAAiB,CAAC,MAAM,UAAU,CAAC,CAAC,GAC7F,UAAU,EAAE,GACZ,KAAK,CAAA;IACT;;OAEG;IACH,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;IACjD;;OAEG;IACH,cAAc,CAAC,EAAE,kBAAkB,CAAA;IACnC;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAA;IAC5C;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B,GAAG,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,CAAA;AA6QhC,QAAA,MAAM,mBAAmB;IAhTvB;;OAEG;;;;;;;;;;IAIH;;OAEG;mBACY,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI;IACjD;;OAEG;;IAEH;;;OAGG;gBACS,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC;IAC5C;;OAEG;2BACoB,OAAO;IAC9B;;OAEG;WACI,aAAa;IACpB;;OAEG;6BACsB,OAAO;IAChC;;OAEG;wBACiB,MAAM;yEA8QmD,CAAA;AAK/E;;GAEG;wBACmC,cAAc,CAAC,OAAO,mBAAmB,CAAC;AAAhF,wBAAgF"}
+{"version":3,"file":"TextInputWithTokens.d.ts","sourceRoot":"","sources":["../../src/TextInputWithTokens/TextInputWithTokens.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAA6D,SAAS,EAAC,MAAM,OAAO,CAAA;AAChG,OAAO,KAAyB,MAAM,OAAO,CAAA;AAK7C,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,cAAc,CAAA;AAChD,OAAO,KAAK,MAAM,gBAAgB,CAAA;AAClC,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,oBAAoB,CAAA;AAQrD,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAA;AAGlD,KAAK,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAA;AAI1E;;GAEG;AACH,MAAM,MAAM,wBAAwB,CAAC,kBAAkB,SAAS,iBAAiB,GAAG,OAAO,KAAK,IAAI;IAClG;;OAEG;IACH,MAAM,EAAE,kBAAkB,SAAS,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,iBAAiB,CAAC,MAAM,UAAU,CAAC,CAAC,GAC7F,UAAU,EAAE,GACZ,KAAK,CAAA;IACT;;OAEG;IACH,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;IACjD;;OAEG;IACH,cAAc,CAAC,EAAE,kBAAkB,CAAA;IACnC;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAA;IAC5C;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B,GAAG,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,CAAA;AA6QhC,QAAA,MAAM,mBAAmB;IAhTvB;;OAEG;;;;;;;;;;IAIH;;OAEG;mBACY,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI;IACjD;;OAEG;;IAEH;;;OAGG;gBACS,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC;IAC5C;;OAEG;2BACoB,OAAO;IAC9B;;OAEG;WACI,aAAa;IACpB;;OAEG;6BACsB,OAAO;IAChC;;OAEG;wBACiB,MAAM;yEA8QmD,CAAA;AAK/E;;GAEG;wBACmC,cAAc,CAAC,OAAO,mBAAmB,CAAC;AAAhF,wBAAgF"}