@astryxdesign/core 0.7.4 → 0.7.5-canary.0418c47

package/dist/Slider/Slider.js

@@ -4,8 +4,8 @@
 
 /**
  * @file Slider.tsx
- * @input Uses React, useId, useRef, useCallback, Field, Tooltip, useTooltip, VisuallyHidden
- * @output Exports Slider and its props; unfilled marks share the track token; modifier-only key presses do not restore the thumb focus ring
+ * @input Uses React, useId, useRef, useCallback, useEffect, Field, Tooltip, useTooltip, VisuallyHidden
+ * @output Exports Slider and its props; unfilled marks share the track token; modifier-only key presses do not restore the thumb focus ring; a drag belongs to the pointer that started it
  * @position Core implementation; consumed by index.ts, tested by Slider.test.tsx
  *
  * SYNC: When modified, update these files to stay in sync:
@@ -15,7 +15,7 @@
  * - /apps/storybook/stories/Slider.stories.tsx
  * - /packages/cli/assets/templates/blocks/components/Slider/ (showcase blocks)
  */
-import { useId, useMemo, useRef, useState, useCallback } from 'react';
+import { useEffect, useId, useMemo, useRef, useState, useCallback } from 'react';
 import * as stylex from '@stylexjs/stylex';
 import "../theme/tokens.stylex.js";
 import { colorVars, spacingVars, radiusVars, durationVars, easeVars, typographyVars, typeScaleVars } from "../theme/tokens.stylex.js";
@@ -453,11 +453,38 @@ export function Slider({
   }, [isRange]);
 
   // Pointer handlers
+  // The pointer that owns the drag in progress. A control tracks one touch
+  // (UIKit's `isMultipleTouchEnabled` is false by default): another finger
+  // landing on the slider, moving or lifting never takes over or ends the
+  // drag the first one owns.
+  const dragPointerRef = useRef(null);
+
+  // Removes the document lostpointercapture listener of the drag in progress.
+  // It exists only while a drag does, so an idle slider holds no document
+  // listener (react-component-runtime INV5).
+  const detachLostCaptureRef = useRef(null);
+  const endDrag = useCallback(pointerId => {
+    if (draggingThumbRef.current !== null && pointerId === dragPointerRef.current) {
+      detachLostCaptureRef.current?.();
+      detachLostCaptureRef.current = null;
+      draggingThumbRef.current = null;
+      dragPointerRef.current = null;
+      setDraggingThumb(null);
+      fireChangeEnd();
+    }
+  }, [fireChangeEnd]);
+
+  // A slider unmounted mid-drag leaves no listener behind.
+  useEffect(() => () => detachLostCaptureRef.current?.(), []);
   const handlePointerDown = useCallback(e => {
     if (isDisabled) {
       return;
     }
     e.preventDefault();
+    if (draggingThumbRef.current !== null) {
+      return;
+    }
+    dragPointerRef.current = e.pointerId;
 
     // If the click originated from a mark element, snap to that mark's value
     // instead of calculating from pointer position (avoids off-by-one when
@@ -481,24 +508,30 @@ export function Slider({
     // focus event, so a thumb the user had tabbed to would keep its ring
     // through the drag.
     setKeyboardFocusThumb(null);
+
+    // A capture lost without an up or a cancel (the browser releases it, or
+    // script does) still ends the drag, so the slider never stays held by a
+    // pointer that is gone. The listener sits on the document, where
+    // lostpointercapture bubbles to and where the browser fires it when the
+    // captured node is removed, so a control node replaced during the drag
+    // (a FormLayout direction change) is still covered. It lives only for
+    // this drag.
+    const doc = e.currentTarget.ownerDocument;
+    const onLostCapture = event => endDrag(event.pointerId);
+    doc.addEventListener('lostpointercapture', onLostCapture);
+    detachLostCaptureRef.current = () => doc.removeEventListener('lostpointercapture', onLostCapture);
     if (typeof e.currentTarget.setPointerCapture === 'function') {
       e.currentTarget.setPointerCapture(e.pointerId);
     }
-  }, [isDisabled, getValueFromPosition, getClosestThumb, updateValue]);
+  }, [isDisabled, getValueFromPosition, getClosestThumb, updateValue, endDrag]);
   const handlePointerMove = useCallback(e => {
-    if (draggingThumbRef.current === null || isDisabled) {
+    if (draggingThumbRef.current === null || e.pointerId !== dragPointerRef.current || isDisabled) {
       return;
     }
     const newVal = getValueFromPosition(e.clientX, e.clientY);
     updateValue(draggingThumbRef.current, newVal);
   }, [isDisabled, getValueFromPosition, updateValue]);
-  const handlePointerUp = useCallback(_e => {
-    if (draggingThumbRef.current !== null) {
-      draggingThumbRef.current = null;
-      setDraggingThumb(null);
-      fireChangeEnd();
-    }
-  }, [fireChangeEnd]);
+  const handlePointerUp = useCallback(e => endDrag(e.pointerId), [endDrag]);
 
   // Keyboard handler
   const handleKeyDown = useCallback((thumbIndex, e) => {

package/dist/Slider/index.d.ts

@@ -6,6 +6,6 @@
  *
  * SYNC: When modified, update this header and /packages/core/src/Slider/Slider.doc.mjs
  */
-export { Slider } from './Slider';
-export type { SliderProps, SliderBaseProps, SliderSingleProps, SliderRangeProps, } from './Slider';
+export { Slider } from './Slider.js';
+export type { SliderProps, SliderBaseProps, SliderSingleProps, SliderRangeProps, } from './Slider.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/Spinner/Spinner.d.ts

@@ -12,7 +12,7 @@
  * - /packages/cli/assets/templates/blocks/components/Spinner/ (showcase blocks)
  */
 import { type ReactNode } from 'react';
-import type { BaseProps } from '../BaseProps';
+import type { BaseProps } from '../BaseProps.js';
 declare const SIZES: {
     sm: {
         diameter: number;

package/dist/Spinner/index.d.ts

@@ -6,6 +6,6 @@
  *
  * SYNC: When modified, update this header and /packages/core/src/Spinner/Spinner.doc.mjs
  */
-export { Spinner } from './Spinner';
-export type { SpinnerProps, SpinnerSize, SpinnerShade, } from './Spinner';
+export { Spinner } from './Spinner.js';
+export type { SpinnerProps, SpinnerSize, SpinnerShade, } from './Spinner.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/Stack/Stack.d.ts

@@ -10,9 +10,9 @@
  * - /packages/cli/assets/templates/blocks/components/Stack/ (showcase blocks)
  */
 import { type ElementType, type ReactNode } from 'react';
-import type { BaseProps } from '../BaseProps';
-import { type StackCrossAlignment, type StackDirection, type StackMainAlignment, type StackWrap, type SpacingStep } from './stack.stylex';
-import type { SizeValue } from '../utils/types';
+import type { BaseProps } from '../BaseProps.js';
+import { type StackCrossAlignment, type StackDirection, type StackMainAlignment, type StackWrap, type SpacingStep } from './stack.stylex.js';
+import type { SizeValue } from '../utils/types.js';
 /**
  * Alignment values accepted by Stack.
  *

package/dist/Stack/StackItem.d.ts

@@ -9,8 +9,8 @@
  * - /packages/cli/assets/templates/blocks/components/Stack/ (showcase blocks)
  */
 import { type ElementType, type ReactNode } from 'react';
-import type { BaseProps } from '../BaseProps';
-import { type StackItemCrossAlignSelf, type StackItemSize } from './stackItem.stylex';
+import type { BaseProps } from '../BaseProps.js';
+import { type StackItemCrossAlignSelf, type StackItemSize } from './stackItem.stylex.js';
 export interface StackItemProps extends BaseProps<HTMLElement> {
     /** Ref forwarded to the root element */
     ref?: React.Ref<HTMLElement>;

package/dist/Stack/index.d.ts

@@ -6,10 +6,10 @@
  *
  * SYNC: When modified, update /packages/core/src/Stack/Stack.doc.mjs
  */
-export { Stack } from './Stack';
-export type { StackProps, StackAlignment, } from './Stack';
-export { HStack, type HStackProps } from '../HStack';
-export { VStack, type VStackProps } from '../VStack';
-export { StackItem } from './StackItem';
-export type { StackItemProps } from './StackItem';
+export { Stack } from './Stack.js';
+export type { StackProps, StackAlignment, } from './Stack.js';
+export { HStack, type HStackProps } from '../HStack/index.js';
+export { VStack, type VStackProps } from '../VStack/index.js';
+export { StackItem } from './StackItem.js';
+export type { StackItemProps } from './StackItem.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/Stack/stack.stylex.d.ts

@@ -7,7 +7,7 @@
  * SYNC: When modified, update /packages/core/src/Stack/Stack.doc.mjs
  */
 import * as stylex from '@stylexjs/stylex';
-import type { SpacingStep } from '../utils/types';
+import type { SpacingStep } from '../utils/types.js';
 declare const alignItemsStyles: Readonly<{
     readonly center: Readonly<{
         readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;

package/dist/StatusDot/StatusDot.d.ts

@@ -12,8 +12,8 @@
  * - /packages/cli/assets/templates/blocks/components/StatusDot/ (showcase blocks)
  */
 import type { ReactNode } from 'react';
-import type { BaseProps } from '../BaseProps';
-import type { StatusDotVariantMap } from './index';
+import type { BaseProps } from '../BaseProps.js';
+import type { StatusDotVariantMap } from './index.js';
 /**
  * Status dot variant type derived from StatusDotVariantMap.
  * Extensible via module augmentation of StatusDotVariantMap.

package/dist/StatusDot/StatusDot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatusDot.d.ts","sourceRoot":"","sources":["../../src/StatusDot/StatusDot.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAIrC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAI5C,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAoFjD;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,mBAAmB,CAAC;AAEzD,MAAM,WAAW,cAAe,SAAQ,SAAS,CAAC,eAAe,CAAC;IAChE,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;IACjC;;OAEG;IACH,OAAO,EAAE,gBAAgB,CAAC;IAC1B;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;;;;;;;;;;;;OAeG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,KAAK,EACL,SAAiB,EACjB,OAAO,EACP,IAAI,EACJ,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,cAAc,+BAmChB;yBA9Ce,SAAS"}
+{"version":3,"file":"StatusDot.d.ts","sourceRoot":"","sources":["../../src/StatusDot/StatusDot.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAIrC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAI5C,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAC;AA+GjD;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,mBAAmB,CAAC;AAEzD,MAAM,WAAW,cAAe,SAAQ,SAAS,CAAC,eAAe,CAAC;IAChE,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;IACjC;;OAEG;IACH,OAAO,EAAE,gBAAgB,CAAC;IAC1B;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;;;;;;;;;;;;OAeG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,KAAK,EACL,SAAiB,EACjB,OAAO,EACP,IAAI,EACJ,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,cAAc,+BAmChB;yBA9Ce,SAAS"}

package/dist/StatusDot/StatusDot.js

@@ -72,16 +72,28 @@ const variants = {
   success: {
     kWkggS: "xdsz4j9",
     kMwMTN: "xri61p4",
+    kMeerF: "xcthrzx",
+    k3XXqK: "x815t2r",
+    kjBf7l: "x3teovq",
+    kInvED: "xvr1dqx",
     $$css: true
   },
   warning: {
     kWkggS: "x1q8g9m5",
     kMwMTN: "xrebv38",
+    kMeerF: "xcthrzx",
+    k3XXqK: "x815t2r",
+    kjBf7l: "x3teovq",
+    kInvED: "xvr1dqx",
     $$css: true
   },
   error: {
     kWkggS: "x1pjz0fi",
     kMwMTN: "x1m024r3",
+    kMeerF: "xcthrzx",
+    k3XXqK: "x815t2r",
+    kjBf7l: "x3teovq",
+    kInvED: "xvr1dqx",
     $$css: true
   },
   accent: {

package/dist/StatusDot/index.d.ts

@@ -24,6 +24,6 @@ export interface StatusDotVariantMap {
     accent: true;
     neutral: true;
 }
-export { StatusDot } from './StatusDot';
-export type { StatusDotProps, StatusDotVariant } from './StatusDot';
+export { StatusDot } from './StatusDot.js';
+export type { StatusDotProps, StatusDotVariant } from './StatusDot.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/Stepper/Step.d.ts

@@ -34,8 +34,8 @@
  * - /packages/cli/assets/templates/blocks/components/Step/ (showcase blocks)
  */
 import { type ReactNode } from 'react';
-import type { BaseProps } from '../BaseProps';
-import type { StepStatus } from './StepStatus';
+import type { BaseProps } from '../BaseProps.js';
+import type { StepStatus } from './StepStatus.js';
 /**
  * Built-in indicator presets. Anything other than these strings passed to
  * `indicator` is treated as a custom ReactNode (e.g. an `<Icon />`).

package/dist/Stepper/Step.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Step.d.ts","sourceRoot":"","sources":["../../src/Stepper/Step.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AAEH,OAAO,EAAkB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAsBtD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAM5C,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AAE7C;;;;;;;GAOG;AACH,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AAC7D,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;AAE9D,MAAM,WAAW,SAAU,SAAQ,SAAS,CAAC,aAAa,CAAC;IACzD,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;IAC/B;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;;;;;;;;;;OAaG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,mBAAmB,GAAG,SAAS,CAAC;IAC5C;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AA2yBD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,MAAM,EACN,UAAkB,EAClB,UAAkB,EAClB,UAAU,EACV,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,WAAW,EACpB,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,aAAa,EAAE,UAAU,EACzB,GAAG,IAAI,EACR,EAAE,SAAS,+BA80BX;yBA/1Be,IAAI"}
+{"version":3,"file":"Step.d.ts","sourceRoot":"","sources":["../../src/Stepper/Step.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AAEH,OAAO,EAAkB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAsBtD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAM5C,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AAE7C;;;;;;;GAOG;AACH,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AAC7D,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;AAE9D,MAAM,WAAW,SAAU,SAAQ,SAAS,CAAC,aAAa,CAAC;IACzD,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;IAC/B;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;;;;;;;;;;OAaG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,mBAAmB,GAAG,SAAS,CAAC;IAC5C;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAozBD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,MAAM,EACN,UAAkB,EAClB,UAAkB,EAClB,UAAU,EACV,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,WAAW,EACpB,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,aAAa,EAAE,UAAU,EACzB,GAAG,IAAI,EACR,EAAE,SAAS,+BAq1BX;yBAt2Be,IAAI"}

package/dist/Stepper/Step.js

@@ -365,19 +365,23 @@ const styles = {
     $$css: true
   },
   iconSuccess: {
-    kMwMTN: "xtjic6",
+    kMwMTN: "x1vau044",
     $$css: true
   },
   iconWarning: {
-    kMwMTN: "xs3pv69",
+    kMwMTN: "x4z9hng",
     $$css: true
   },
   iconError: {
-    kMwMTN: "xjt36v0",
+    kMwMTN: "xskb5cx",
     $$css: true
   },
   numberBadge: {
     k1xSpc: "xrvj5dj",
+    kMeerF: "xcthrzx",
+    k3XXqK: "x815t2r",
+    kjBf7l: "x3teovq",
+    kInvED: "xvr1dqx",
     kgQiWS: "x1ku5rj1",
     kzqmXN: "x12xnipv",
     kZKoxP: "x6b6gus",
@@ -872,7 +876,7 @@ export function Step({
     ...{
       className: "x78zum5 x1q0g3np x6s0dn4 x1txdalj xeuugli"
     },
-    children: [(!isCompact || indicatorPosition !== 'on-track') && indicatorNode, /*#__PURE__*/_jsx("span", {
+    children: [(!isCompact || indicatorPosition !== 'on-track') && indicatorNode, ' ', /*#__PURE__*/_jsx("span", {
       ...mergeProps(labelThemeProps, stylex.props(styles.label, labelColorStyle)),
       children: label
     }), statusTextNode, isOptional && /*#__PURE__*/_jsxs(_Fragment, {
@@ -1063,7 +1067,7 @@ export function Step({
             "aria-hidden": "true",
             ...mergeProps(themeProps('step-connector'), stylex.props(styles.otSegBaseV, styles.otSegFlexV, styles.connectorTrack, hasIndicator && styles.otSegGapRailV, afterSegStyle, railTiming, styles.otSegHiddenIfLast))
           })]
-        }), /*#__PURE__*/_jsxs("div", {
+        }), ' ', /*#__PURE__*/_jsxs("div", {
           ...{
             className: "x78zum5 xdt5ytf x1nhvcw1 x98rzlu x1lsbc85 xeuugli"
           },
@@ -1103,7 +1107,7 @@ export function Step({
           "aria-hidden": "true",
           ...mergeProps(themeProps('step-connector'), stylex.props(styles.otSegH, styles.connectorTrack, hasIndicator && styles.otSegGapRailH, afterSegStyle, railTiming, styles.otSegHiddenIfLast))
         })]
-      }), !isCompact && /*#__PURE__*/_jsxs("div", {
+      }), ' ', !isCompact && /*#__PURE__*/_jsxs("div", {
         ...stylex.props(styles.otLabelWrapH, styles.otMarginTop(densitySpace)),
         children: [labelLineNode, otDescriptionNode]
       })]

package/dist/Stepper/Stepper.d.ts

@@ -19,8 +19,8 @@
  * - /packages/cli/assets/templates/blocks/components/Stepper/ (showcase blocks)
  */
 import { type ReactNode } from 'react';
-import type { BaseProps } from '../BaseProps';
-import { type StepperOrientation, type StepperIndicatorPosition } from './StepperContext';
+import type { BaseProps } from '../BaseProps.js';
+import { type StepperOrientation, type StepperIndicatorPosition } from './StepperContext.js';
 export type StepperCollapsedVariant = 'withLabelAndControls' | 'withLabel' | 'hiddenLabel';
 export interface StepperHorizontalOptions {
     /**

package/dist/Stepper/index.d.ts

@@ -1,8 +1,8 @@
-export { Stepper } from './Stepper';
-export type { StepperCollapsedVariant, StepperHorizontalOptions, StepperProps, } from './Stepper';
-export { Step } from './Step';
-export type { StepProps, StepIndicatorPreset } from './Step';
-export type { StepStatus } from './StepStatus';
-export { useStepperContext } from './StepperContext';
-export type { StepperContextValue, StepperRegistrationOptions, StepperOrientation, StepperIndicatorPosition, } from './StepperContext';
+export { Stepper } from './Stepper.js';
+export type { StepperCollapsedVariant, StepperHorizontalOptions, StepperProps, } from './Stepper.js';
+export { Step } from './Step.js';
+export type { StepProps, StepIndicatorPreset } from './Step.js';
+export type { StepStatus } from './StepStatus.js';
+export { useStepperContext } from './StepperContext.js';
+export type { StepperContextValue, StepperRegistrationOptions, StepperOrientation, StepperIndicatorPosition, } from './StepperContext.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/Switch/Switch.d.ts

@@ -12,10 +12,10 @@
  * - /packages/cli/assets/templates/blocks/components/Switch/ (showcase blocks)
  */
 import { type ChangeEvent, type FocusEvent, type ReactNode } from 'react';
-import type { IconType } from '../Icon';
-import type { InputStatus } from '../Field/types';
-import type { BaseProps } from '../BaseProps';
-import type { SizeValue } from '../utils/types';
+import type { IconType } from '../Icon/index.js';
+import type { InputStatus } from '../Field/types.js';
+import type { BaseProps } from '../BaseProps.js';
+import type { SizeValue } from '../utils/types.js';
 export type SwitchLabelPosition = 'start' | 'end';
 export type SwitchLabelSpacing = 'hug' | 'spread';
 export interface SwitchProps extends Omit<BaseProps, 'onChange'> {

package/dist/Switch/Switch.d.ts.map

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

package/dist/Switch/Switch.js

@@ -25,7 +25,7 @@ import { Spinner } from "../Spinner/index.js";
 import { useTooltip } from "../Tooltip/index.js";
 import { mergeProps, rtlStyles } from "../utils/index.js";
 import "./switch.markers.stylex.js";
-import { switchFocusScope, switchScope } from "./switch.markers.stylex.js";
+import { switchFocusInput, switchScope } from "./switch.markers.stylex.js";
 import { interactionOverlayStyles } from "../utils/interactionOverlay.stylex.js";
 import { themeProps } from "../utils/themeProps.js";
 import { useAnnounce } from "../hooks/useAnnounce.js";
@@ -190,8 +190,8 @@ const styles = {
     $$css: true
   },
   trackFocus: {
-    kI3sdo: "x1a2a7pz x1bax923",
-    kInvED: "x1s7sthk",
+    kI3sdo: "x1a2a7pz x1hn17kp",
+    kInvED: "xa7ti9",
     $$css: true
   },
   trackOff: {
@@ -404,7 +404,7 @@ export function Switch({
       "aria-describedby": ariaDescribedBy,
       "aria-invalid": status?.type === 'error' ? true : undefined,
       "aria-busy": isBusy || undefined,
-      ...stylex.props(styles.input, rtlStyles.centerInline('-50%'), styles.inputCoarse, inputSizeStyles[size], isDisabled && styles.inputDisabled, isBusy && styles.inputBusy)
+      ...stylex.props(styles.input, rtlStyles.centerInline('-50%'), styles.inputCoarse, inputSizeStyles[size], isDisabled && styles.inputDisabled, isBusy && styles.inputBusy, switchFocusInput)
     }), /*#__PURE__*/_jsx("div", {
       "aria-hidden": "true",
       ...mergeProps(themeProps('switch', {
@@ -461,7 +461,7 @@ export function Switch({
         disabledMessageTooltip.interactionRef(el);
       },
       ...(isDisabled ? undefined : pressable),
-      ...stylex.props(styles.container, isLabelHidden && styles.containerLabelHidden, labelSpacing === 'spread' && styles.containerSpread, !isDisabled && switchScope, switchFocusScope,
+      ...stylex.props(styles.container, isLabelHidden && styles.containerLabelHidden, labelSpacing === 'spread' && styles.containerSpread, !isDisabled && switchScope,
       // The touch press's strength and release live on the row the
       // controller writes to; the track and thumb inherit and paint it.
       !isDisabled && interactionOverlayStyles.pressedAlpha),

package/dist/Switch/index.d.ts

@@ -6,6 +6,6 @@
  *
  * SYNC: When modified, update this header and /packages/core/src/Switch/Switch.doc.mjs
  */
-export { Switch } from './Switch';
-export type { SwitchProps, SwitchLabelPosition, SwitchLabelSpacing, } from './Switch';
+export { Switch } from './Switch.js';
+export type { SwitchProps, SwitchLabelPosition, SwitchLabelSpacing, } from './Switch.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/Switch/switch.markers.stylex.d.ts

@@ -4,6 +4,11 @@ import * as stylex from '@stylexjs/stylex';
  * Prevents focus-within and hover styles from leaking from parent containers.
  */
 export declare const switchScope: ReturnType<typeof stylex.defineMarker>;
-/** Focus-ring marker; unlike `switchScope`, it stays on while disabled. */
-export declare const switchFocusScope: ReturnType<typeof stylex.defineMarker>;
+/**
+ * Marks the switch's own focusable input, the track's preceding sibling, so
+ * the track's focus ring follows that input's `:focus-visible` alone. Unlike
+ * `switchScope`, it stays on while disabled (a focusable-disabled switch
+ * still shows the ring).
+ */
+export declare const switchFocusInput: ReturnType<typeof stylex.defineMarker>;
 //# sourceMappingURL=switch.markers.stylex.d.ts.map

package/dist/Switch/switch.markers.stylex.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switch.markers.stylex.d.ts","sourceRoot":"","sources":["../../src/Switch/switch.markers.stylex.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAE3C;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,UAAU,CAAC,OAAO,MAAM,CAAC,YAAY,CACxC,CAAC;AAExB,2EAA2E;AAC3E,eAAO,MAAM,gBAAgB,EAAE,UAAU,CAAC,OAAO,MAAM,CAAC,YAAY,CAC7C,CAAC"}
+{"version":3,"file":"switch.markers.stylex.d.ts","sourceRoot":"","sources":["../../src/Switch/switch.markers.stylex.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAE3C;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,UAAU,CAAC,OAAO,MAAM,CAAC,YAAY,CACxC,CAAC;AAExB;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,EAAE,UAAU,CAAC,OAAO,MAAM,CAAC,YAAY,CAC7C,CAAC"}

package/dist/Switch/switch.markers.stylex.js

@@ -11,8 +11,13 @@ export const switchScope = {
   $$css: true
 };
 
-/** Focus-ring marker; unlike `switchScope`, it stays on while disabled. */
-export const switchFocusScope = {
-  xgy66g5: "xgy66g5",
+/**
+ * Marks the switch's own focusable input, the track's preceding sibling, so
+ * the track's focus ring follows that input's `:focus-visible` alone. Unlike
+ * `switchScope`, it stays on while disabled (a focusable-disabled switch
+ * still shows the ring).
+ */
+export const switchFocusInput = {
+  x7rrw3w: "x7rrw3w",
   $$css: true
 };

package/dist/TabList/Tab.d.ts

@@ -13,8 +13,8 @@
  * - /packages/cli/assets/templates/blocks/components/TabList/ (showcase blocks)
  */
 import React, { type ReactNode } from 'react';
-import type { BaseProps } from '../BaseProps';
-import type { LinkComponentType } from '../Link/types';
+import type { BaseProps } from '../BaseProps.js';
+import type { LinkComponentType } from '../Link/types.js';
 export interface TabProps extends BaseProps<HTMLButtonElement> {
     /**
      * Custom component to render instead of `<a>` for link tabs.

package/dist/TabList/Tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../src/TabList/Tab.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,EAAE,EAAc,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAYzD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAO5C,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAOrD,MAAM,WAAW,QAAS,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IAC5D;;;;OAIG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;IACvB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACnC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AAqKD;;;;;;;;;;;GAWG;AACH,wBAAgB,GAAG,CAAC,EAClB,EAAE,EACF,GAAG,EACH,KAAK,EACL,KAAK,EACL,aAAqB,EACrB,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,MAAM,EACN,SAAS,EACT,KAAK,EACL,OAAO,EACP,GAAG,SAAS,EACb,EAAE,QAAQ,qBAmLV;yBAnMe,GAAG"}
+{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../src/TabList/Tab.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,EAAE,EAAc,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAYzD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAO5C,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAOrD,MAAM,WAAW,QAAS,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IAC5D;;;;OAIG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;IACvB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACnC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AA2KD;;;;;;;;;;;GAWG;AACH,wBAAgB,GAAG,CAAC,EAClB,EAAE,EACF,GAAG,EACH,KAAK,EACL,KAAK,EACL,aAAqB,EACrB,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,MAAM,EACN,SAAS,EACT,KAAK,EACL,OAAO,EACP,GAAG,SAAS,EACb,EAAE,QAAQ,qBAmLV;yBAnMe,GAAG"}

package/dist/TabList/Tab.js

@@ -124,6 +124,10 @@ const hoverSizeStyles = {
   }
 };
 const layoutStyles = {
+  hug: {
+    kmuXW: "x2lah0s",
+    $$css: true
+  },
   fill: {
     kUk6DE: "x98rzlu",
     kjj79g: "xl56j7k",
@@ -242,7 +246,7 @@ export function Tab({
     tabIndex: isSelected ? 0 : -1,
     ...mergeProps(themeProps('tab', {
       selected: isSelected ? 'selected' : null
-    }), focusOutlineProps.focusVisible(styles.base, sizeStyles[size], isSelected && styles.selected, isFill && layoutStyles.fill, !isDisabled && tabScope,
+    }), focusOutlineProps.focusVisible(styles.base, sizeStyles[size], isSelected && styles.selected, isFill ? layoutStyles.fill : layoutStyles.hug, !isDisabled && tabScope,
     // The touch press's strength and release live on the tab the
     // controller writes to; the hover layer inherits and paints it.
     !isDisabled && interactionOverlayStyles.pressedAlpha, xstyle), className, style)

package/dist/TabList/TabList.d.ts

@@ -17,9 +17,9 @@
  * - /packages/cli/assets/templates/blocks/components/TabList/ (showcase blocks)
  */
 import React, { type AriaRole, type ReactNode } from 'react';
-import type { BaseProps } from '../BaseProps';
-import type { TabListSize } from './TabListContext';
-import { EDGE_COMP_ATTR } from '../Layout/edgeCompensation.stylex';
+import type { BaseProps } from '../BaseProps.js';
+import type { TabListSize } from './TabListContext.js';
+import { EDGE_COMP_ATTR } from '../Layout/edgeCompensation.stylex.js';
 /**
  * How a strip narrower than its tabs behaves.
  *

package/dist/TabList/TabMenu.d.ts

@@ -12,8 +12,8 @@
  * - /packages/cli/assets/templates/blocks/components/TabList/ (showcase blocks)
  */
 import React, { type ReactNode } from 'react';
-import { type IconType } from '../Icon';
-import type { BaseProps } from '../BaseProps';
+import { type IconType } from '../Icon/index.js';
+import type { BaseProps } from '../BaseProps.js';
 export interface TabMenuOption {
     value: string;
     label: string;

package/dist/TabList/TabMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabMenu.d.ts","sourceRoot":"","sources":["../../src/TabList/TabMenu.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAE,EAA6B,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAGxE,OAAO,EAAiB,KAAK,QAAQ,EAAC,MAAM,SAAS,CAAC;AAoBtD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAG5C,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAC7B;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CACxC,SAAS,CAAC,iBAAiB,CAAC,EAC5B,MAAM,GAAG,UAAU,GAAG,eAAe,GAAG,eAAe,GAAG,eAAe,CAC1E;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACnC;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,EAAE,aAAa,EAAE,CAAC;CAC1B;AA+KD;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,OAAO,CAAC,EACtB,GAAG,EACH,KAAK,EACL,OAAO,EACP,MAAM,EACN,SAAS,EACT,KAAK,EACL,OAAO,EACP,GAAG,IAAI,EACR,EAAE,YAAY,qBA6Ld;yBAtMe,OAAO"}
+{"version":3,"file":"TabMenu.d.ts","sourceRoot":"","sources":["../../src/TabList/TabMenu.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAE,EAA6B,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAGxE,OAAO,EAAiB,KAAK,QAAQ,EAAC,MAAM,SAAS,CAAC;AAoBtD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAG5C,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAC7B;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CACxC,SAAS,CAAC,iBAAiB,CAAC,EAC5B,MAAM,GAAG,UAAU,GAAG,eAAe,GAAG,eAAe,GAAG,eAAe,CAC1E;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACnC;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,EAAE,aAAa,EAAE,CAAC;CAC1B;AAiLD;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,OAAO,CAAC,EACtB,GAAG,EACH,KAAK,EACL,OAAO,EACP,MAAM,EACN,SAAS,EACT,KAAK,EACL,OAAO,EACP,GAAG,IAAI,EACR,EAAE,YAAY,qBA6Ld;yBAtMe,OAAO"}

package/dist/TabList/TabMenu.js

@@ -39,6 +39,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 const styles = {
   trigger: {
     kVAEAm: "x1n2onr6",
+    kmuXW: "x2lah0s",
     k1xSpc: "x3nfvp2",
     kGNEyG: "x6s0dn4",
     kjj79g: "xl56j7k",

package/dist/TabList/index.d.ts

@@ -6,12 +6,12 @@
  *
  * SYNC: When modified, update this header and /packages/core/src/TabList/TabList.doc.mjs
  */
-export { TabList } from './TabList';
-export type { TabListProps, TabListOverflow } from './TabList';
-export { Tab } from './Tab';
-export type { TabProps } from './Tab';
-export { TabMenu } from './TabMenu';
-export type { TabMenuProps, TabMenuOption } from './TabMenu';
-export { useTabListContext } from './TabListContext';
-export type { TabListSize, TabListLayout, TabListPattern, } from './TabListContext';
+export { TabList } from './TabList.js';
+export type { TabListProps, TabListOverflow } from './TabList.js';
+export { Tab } from './Tab.js';
+export type { TabProps } from './Tab.js';
+export { TabMenu } from './TabMenu.js';
+export type { TabMenuProps, TabMenuOption } from './TabMenu.js';
+export { useTabListContext } from './TabListContext.js';
+export type { TabListSize, TabListLayout, TabListPattern, } from './TabListContext.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/Table/BaseTable.d.ts

@@ -11,7 +11,7 @@
  * - /packages/cli/assets/templates/blocks/components/Table/ (showcase blocks)
  */
 import { type ReactElement, type Ref } from 'react';
-import type { BaseTableProps } from './types';
+import type { BaseTableProps } from './types.js';
 /**
  * BaseTable — an unstyled, generic `<table>` component.
  *

package/dist/Table/Table.d.ts

@@ -13,7 +13,7 @@
  * - /packages/cli/assets/templates/blocks/components/Table/ (showcase blocks)
  */
 import { type ReactElement, type Ref } from 'react';
-import type { BaseTableProps, TableVerticalAlign, TablePlugin } from './types';
+import type { BaseTableProps, TableVerticalAlign, TablePlugin } from './types.js';
 /** Row density controlling padding and font size */
 export type TableDensity = 'compact' | 'balanced' | 'spacious';
 /** Divider style between cells */

package/dist/Table/TableBody.d.ts

@@ -1,6 +1,6 @@
 import type React from 'react';
 import type { ReactNode } from 'react';
-import type { BaseProps } from '../BaseProps';
+import type { BaseProps } from '../BaseProps.js';
 export interface TableBodyProps extends BaseProps<HTMLTableSectionElement> {
     ref?: React.Ref<HTMLTableSectionElement>;
     children: ReactNode;

package/dist/Table/TableCell.d.ts

@@ -10,9 +10,9 @@
  * - /packages/cli/assets/templates/blocks/components/Table/ (showcase blocks)
  */
 import type { ReactNode } from 'react';
-import type { BaseProps } from '../BaseProps';
-import type { StyleXStyles } from '../theme/types';
-import type { TableContextActions } from './types';
+import type { BaseProps } from '../BaseProps.js';
+import type { StyleXStyles } from '../theme/types.js';
+import type { TableContextActions } from './types.js';
 /** Props for TableCell — thin `<td>` wrapper */
 export interface TableCellProps extends BaseProps<HTMLTableCellElement> {
     /** Ref forwarded to the root element */