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

package/dist/BottomSheet/index.d.ts

@@ -4,8 +4,8 @@
  * @output Re-exports the BottomSheet public API
  * @position Component entry point; re-exported by /packages/core/src/index.ts
  */
-export { BottomSheet } from './BottomSheet';
-export type { BottomSheetHeight, BottomSheetProps, BottomSheetSnapPoint, } from './BottomSheet';
-export { BottomSheetSwitcher } from './BottomSheetSwitcher';
-export type { BottomSheetSwitcherProps } from './BottomSheetSwitcher';
+export { BottomSheet } from './BottomSheet.js';
+export type { BottomSheetHeight, BottomSheetProps, BottomSheetSnapPoint, } from './BottomSheet.js';
+export { BottomSheetSwitcher } from './BottomSheetSwitcher.js';
+export type { BottomSheetSwitcherProps } from './BottomSheetSwitcher.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/BottomSheet/useSheetGestures.d.ts

@@ -1,7 +1,6 @@
 /**
  * @file useSheetGestures.ts
- * @input Uses React (useCallback, useEffect, useMemo, useRef, useState) and
- *   the core useMediaQuery hook
+ * @input Uses React (useCallback, useEffect, useMemo, useRef, useState)
  * @output Exports useSheetGestures hook and its option/result types
  * @position Internal to BottomSheet; not exported from the core entry point
  *
@@ -87,6 +86,13 @@ export declare function scrollChainUnder(target: EventTarget | null, body: HTMLE
 export interface UseSheetGesturesOptions {
     /** Whether the owning sheet is open. Drag state resets when it closes. */
     isOpen: boolean;
+    /**
+     * The host's controlled answer to the last close request: false once the
+     * host has taken a dismissal (its own state says closed, even while the
+     * sheet still animates out), true while it is open or has refused one.
+     * Settles whether a release's dismissal was honored. Defaults to `isOpen`.
+     */
+    isOpenRequested?: boolean;
     /**
      * Whether a downward swipe may dismiss the sheet. When false, a gesture
      * past the dismiss threshold settles at the shortest detent instead.
@@ -185,6 +191,16 @@ export interface UseSheetGesturesResult {
     isDragging: boolean;
     /** Whether the drag in progress has moved the sheet off its base detent. */
     isTraveling: boolean;
+    /**
+     * Whether the sheet's current dismissal was started by the release of a
+     * touch drag (a finger's swipe or fling past the dismiss line). True from
+     * the release until the sheet is open again; false for a dismissal from a
+     * control, Escape, the scrim or code, and for a mouse or pen drag. Under
+     * reduced motion a transition a touch drag's release starts cross-fades on
+     * every pointer (`design:reduced-motion` DR2), so the exit's motion needs
+     * to know.
+     */
+    isDismissedByTouchDrag: boolean;
     /**
      * The sheet's offset right now, in px: the settled detent at rest, the live
      * position during a drag. Written per input sample without a render; read
@@ -232,5 +248,5 @@ export interface UseSheetGesturesResult {
  * </div>
  * ```
  */
-export declare function useSheetGestures({ isOpen, canDismiss, offscreenBlockEndInset, onDismiss, snapHeights, onSnap, onScrimOpacity, }: UseSheetGesturesOptions): UseSheetGesturesResult;
+export declare function useSheetGestures({ isOpen, isOpenRequested, canDismiss, offscreenBlockEndInset, onDismiss, snapHeights, onSnap, onScrimOpacity, }: UseSheetGesturesOptions): UseSheetGesturesResult;
 //# sourceMappingURL=useSheetGestures.d.ts.map

package/dist/BottomSheet/useSheetGestures.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSheetGestures.d.ts","sourceRoot":"","sources":["../../src/BottomSheet/useSheetGestures.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmEG;AAEH,OAAO,EAOL,KAAK,aAAa,EAClB,KAAK,UAAU,IAAI,eAAe,EAClC,KAAK,YAAY,IAAI,iBAAiB,EACtC,KAAK,SAAS,EACd,KAAK,UAAU,IAAI,eAAe,EAClC,KAAK,OAAO,IAAI,YAAY,EAC7B,MAAM,OAAO,CAAC;AAwJf;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,WAAW,GAAG,IAAI,EAC1B,IAAI,EAAE,WAAW,GAChB,WAAW,EAAE,CAaf;AA4BD,MAAM,WAAW,uBAAuB;IACtC,0EAA0E;IAC1E,MAAM,EAAE,OAAO,CAAC;IAChB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,gFAAgF;IAChF,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB;;;;;;;;;;OAUG;IACH,WAAW,CAAC,EAAE,MAAM,MAAM,EAAE,CAAC;IAC7B,oEAAoE;IACpE,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,aAAa,CAAC;CACtB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,aAAa,CAAC;IACrB,aAAa,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAChD,oBAAoB,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACzD,aAAa,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAClD,aAAa,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAClD,WAAW,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAChD,eAAe,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACpD,YAAY,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAC/C,WAAW,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;CAC/C;AAED,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACxC,aAAa,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAChD,oBAAoB,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACzD,aAAa,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAClD,aAAa,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAClD,WAAW,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAChD,eAAe,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACpD,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CACtD;AAED,MAAM,WAAW,sBAAsB;IACrC;;;;OAIG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C,8HAA8H;IAC9H,YAAY,EAAE,iBAAiB,CAAC;IAChC,gEAAgE;IAChE,WAAW,EAAE,gBAAgB,CAAC;IAC9B;;;;OAIG;IACH,SAAS,EAAE,cAAc,CAAC;IAC1B;;;;;OAKG;IACH,cAAc,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC9C;;;;;OAKG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB,kEAAkE;IAClE,aAAa,EAAE,MAAM,CAAC;IACtB,+CAA+C;IAC/C,UAAU,EAAE,OAAO,CAAC;IACpB,4EAA4E;IAC5E,WAAW,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,eAAe,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACnC,mDAAmD;IACnD,WAAW,EAAE,MAAM,CAAC;IACpB,4EAA4E;IAC5E,uBAAuB,EAAE,MAAM,CAAC;IAChC,qEAAqE;IACrE,oBAAoB,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC;;;;;;;OAOG;IACH,wBAAwB,EAAE,MAAM,IAAI,CAAC;IACrC;;;;OAIG;IACH,mBAAmB,EAAE,MAAM,CAAC;CAC7B;AASD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,UAAiB,EACjB,sBAA0B,EAC1B,SAAS,EACT,WAAW,EACX,MAAM,EACN,cAAc,GACf,EAAE,uBAAuB,GAAG,sBAAsB,CAqwClD"}
+{"version":3,"file":"useSheetGestures.d.ts","sourceRoot":"","sources":["../../src/BottomSheet/useSheetGestures.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkEG;AAEH,OAAO,EAOL,KAAK,aAAa,EAClB,KAAK,UAAU,IAAI,eAAe,EAClC,KAAK,YAAY,IAAI,iBAAiB,EACtC,KAAK,SAAS,EACd,KAAK,UAAU,IAAI,eAAe,EAClC,KAAK,OAAO,IAAI,YAAY,EAC7B,MAAM,OAAO,CAAC;AAwJf;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,WAAW,GAAG,IAAI,EAC1B,IAAI,EAAE,WAAW,GAChB,WAAW,EAAE,CAaf;AA4BD,MAAM,WAAW,uBAAuB;IACtC,0EAA0E;IAC1E,MAAM,EAAE,OAAO,CAAC;IAChB;;;;;OAKG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,gFAAgF;IAChF,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB;;;;;;;;;;OAUG;IACH,WAAW,CAAC,EAAE,MAAM,MAAM,EAAE,CAAC;IAC7B,oEAAoE;IACpE,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,aAAa,CAAC;CACtB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,aAAa,CAAC;IACrB,aAAa,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAChD,oBAAoB,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACzD,aAAa,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAClD,aAAa,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAClD,WAAW,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAChD,eAAe,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACpD,YAAY,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAC/C,WAAW,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;CAC/C;AAED,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACxC,aAAa,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAChD,oBAAoB,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACzD,aAAa,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAClD,aAAa,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAClD,WAAW,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAChD,eAAe,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACpD,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CACtD;AAED,MAAM,WAAW,sBAAsB;IACrC;;;;OAIG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C,8HAA8H;IAC9H,YAAY,EAAE,iBAAiB,CAAC;IAChC,gEAAgE;IAChE,WAAW,EAAE,gBAAgB,CAAC;IAC9B;;;;OAIG;IACH,SAAS,EAAE,cAAc,CAAC;IAC1B;;;;;OAKG;IACH,cAAc,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC9C;;;;;OAKG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB,kEAAkE;IAClE,aAAa,EAAE,MAAM,CAAC;IACtB,+CAA+C;IAC/C,UAAU,EAAE,OAAO,CAAC;IACpB,4EAA4E;IAC5E,WAAW,EAAE,OAAO,CAAC;IACrB;;;;;;;;OAQG;IACH,sBAAsB,EAAE,OAAO,CAAC;IAChC;;;;OAIG;IACH,eAAe,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACnC,mDAAmD;IACnD,WAAW,EAAE,MAAM,CAAC;IACpB,4EAA4E;IAC5E,uBAAuB,EAAE,MAAM,CAAC;IAChC,qEAAqE;IACrE,oBAAoB,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC;;;;;;;OAOG;IACH,wBAAwB,EAAE,MAAM,IAAI,CAAC;IACrC;;;;OAIG;IACH,mBAAmB,EAAE,MAAM,CAAC;CAC7B;AASD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,eAAwB,EACxB,UAAiB,EACjB,sBAA0B,EAC1B,SAAS,EACT,WAAW,EACX,MAAM,EACN,cAAc,GACf,EAAE,uBAAuB,GAAG,sBAAsB,CA4yClD"}

package/dist/BottomSheet/useSheetGestures.js

@@ -4,8 +4,7 @@
 
 /**
  * @file useSheetGestures.ts
- * @input Uses React (useCallback, useEffect, useMemo, useRef, useState) and
- *   the core useMediaQuery hook
+ * @input Uses React (useCallback, useEffect, useMemo, useRef, useState)
  * @output Exports useSheetGestures hook and its option/result types
  * @position Internal to BottomSheet; not exported from the core entry point
  *
@@ -71,7 +70,6 @@
  * - /packages/core/src/BottomSheet/useSheetGestures.test.ts
  */
 import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
-import { useMediaQuery } from "../hooks/index.js";
 import { computeDetentOffsets, peekOffsetFor, resolveSettleOffset, scrimOpacityForOffset } from "./snapOffsets.js";
 
 /**
@@ -275,6 +273,7 @@ function prefersReducedMotion() {
  */
 export function useSheetGestures({
   isOpen,
+  isOpenRequested = isOpen,
   canDismiss = true,
   offscreenBlockEndInset = 0,
   onDismiss,
@@ -285,6 +284,27 @@ export function useSheetGestures({
   const [dragOffset, setDragOffset] = useState(0);
   const [settledOffset, setSettledOffset] = useState(0);
   const [isDragging, setIsDragging] = useState(false);
+  // Scoped to the one close the release requested. The release calls
+  // onDismiss() and sets `pending`; the host answers in the same update, so
+  // the first render afterwards says whether it took the close (its
+  // controlled state now says closed: the exit under way is the drag's) or
+  // refused it (a guarded onOpenChange left it open: the sheet snaps back and
+  // the request is spent). Either way the flag is settled during render, the
+  // prev-prop pattern, and derived back to false once the sheet is open
+  // again — so a later close from a control, Escape or code is never
+  // mistaken for a drag.
+  const [touchDragDismissal, setTouchDragDismissal] = useState(null);
+  if (touchDragDismissal != null) {
+    if (touchDragDismissal.pending) {
+      setTouchDragDismissal(isOpenRequested ? null : {
+        isTouch: touchDragDismissal.isTouch,
+        pending: false
+      });
+    } else if (isOpenRequested) {
+      setTouchDragDismissal(null);
+    }
+  }
+  const isDismissedByTouchDrag = touchDragDismissal != null && !touchDragDismissal.pending && touchDragDismissal.isTouch && !isOpenRequested;
   // Whether the drag in flight has moved the sheet off its base detent. One
   // state change per drag, for hosts that react to travel beginning.
   const [isTraveling, setIsTraveling] = useState(false);
@@ -632,6 +652,10 @@ export function useSheetGestures({
     onScrimOpacityRef.current?.(scrimOpacityForOffset(state.baseOffset, offsets, dismissOffset, peekOffset));
   }, [prepareScrollAreaSettle, resolveDetents]);
   useEffect(() => {
+    // Only an open sheet can be dragged; a closed one listens to nothing.
+    if (!isOpen) {
+      return;
+    }
     const handleWindowBlur = () => cancelDrag();
     const handleVisibilityChange = () => {
       if (document.visibilityState === 'hidden') {
@@ -644,8 +668,8 @@ export function useSheetGestures({
       window.removeEventListener('blur', handleWindowBlur);
       document.removeEventListener('visibilitychange', handleVisibilityChange);
     };
-  }, [cancelDrag]);
-  const settleFromDrag = useCallback((offset, velocity, height, dir, travel, baseOffset, baseLayoutOffset, renderedOffset, layoutOffset, naturalEndGap) => {
+  }, [cancelDrag, isOpen]);
+  const settleFromDrag = useCallback((offset, velocity, height, dir, travel, baseOffset, baseLayoutOffset, renderedOffset, layoutOffset, naturalEndGap, isTouch) => {
     const {
       offsets,
       peekOffset
@@ -674,6 +698,10 @@ export function useSheetGestures({
     if (dir > 0 && projected > dismissOffset) {
       if (canDismissRef.current) {
         prepareScrollAreaSettle(baseLayoutOffset, baseOffset, baseLayoutOffset, baseLayoutOffset, baseLayoutOffset, naturalEndGap, false);
+        setTouchDragDismissal({
+          isTouch,
+          pending: true
+        });
         onDismissRef.current();
       } else {
         settleAt(maxOffset);
@@ -707,6 +735,7 @@ export function useSheetGestures({
     const baseLayoutOffset = settledLayoutOffsetRef.current;
     dragStateRef.current = {
       syntheticTouch,
+      pointerType: syntheticTouch ? 'touch' : event.pointerType,
       pointerId: event.pointerId,
       startCoord: start,
       lastCoord: event.clientY,
@@ -857,7 +886,7 @@ export function useSheetGestures({
     }
     setIsDragging(false);
     setIsTraveling(false);
-    settleFromDrag(offset, velocity, state.height || 1, dir, Math.abs(delta), state.baseOffset, state.baseLayoutOffset, state.renderedOffset, state.layoutOffset, state.naturalEndGap);
+    settleFromDrag(offset, velocity, state.height || 1, dir, Math.abs(delta), state.baseOffset, state.baseLayoutOffset, state.renderedOffset, state.layoutOffset, state.naturalEndGap, state.pointerType === 'touch');
   }, [settleFromDrag]);
 
   // Pointer path for the body at-top pull-down (desktop / mouse). Touch uses
@@ -1123,11 +1152,6 @@ export function useSheetGestures({
       previousTouchHandlersRef.current = null;
     }
   }, []);
-
-  // Subscribed, not memoized: the preference can change while a sheet is open,
-  // and this branch decides whether the settle runs as a transition at all.
-  // The imperative gesture paths read prefersReducedMotion() directly.
-  const reducedMotion = useMediaQuery('(prefers-reduced-motion: reduce)');
   const reconcileScrollPreservationInset = useCallback(body => {
     if (scrollPreservationInsetRef.current <= 0) {
       return;
@@ -1191,13 +1215,17 @@ export function useSheetGestures({
       // Gated on the sheet being up: suppression must not outlive the sheet
       // it was suppressing for. The host swaps the panel to its closing
       // state in whatever frame the dismissal lands, and a stale `none`
-      // would apply to that transform too, cutting the exit.
-      transition: isOpen && (isDragging || isScrollAreaReconciling || reducedMotion) ? 'none' : undefined,
+      // would apply to that transform too, cutting the exit. Reduced motion
+      // is the panel's own stylesheet's to honor (its transform transition
+      // collapses under the preference), not an inline `none` here: the
+      // shorthand would also silence the panel's opacity transition, the
+      // cross-fade `design:reduced-motion` DR2 asks for on a coarse pointer.
+      transition: isOpen && (isDragging || isScrollAreaReconciling) ? 'none' : undefined,
       // One-finger drags are the sheet's; a pinch stays the browser's.
       touchAction: 'pinch-zoom',
       overscrollBehavior: 'contain'
     }
-  }), [activeOffset, isDragging, isOpen, isScrollAreaReconciling, reducedMotion]);
+  }), [activeOffset, isDragging, isOpen, isScrollAreaReconciling]);
   const handleProps = useMemo(() => ({
     style: {
       touchAction: 'pinch-zoom',
@@ -1232,6 +1260,7 @@ export function useSheetGestures({
     settledOffset,
     isDragging,
     isTraveling,
+    isDismissedByTouchDrag,
     activeOffsetRef,
     sheetHeight,
     scrollPreservationInset,

package/dist/Breadcrumbs/BreadcrumbItem.d.ts

@@ -19,10 +19,10 @@
  * - /packages/cli/assets/templates/blocks/components/Breadcrumbs/ (showcase blocks)
  */
 import React, { type ReactNode, type MouseEvent } from 'react';
-import type { LinkComponentType } from '../Link/types';
-import type { BaseProps } from '../BaseProps';
-import { type DropdownMenuSize } from '../DropdownMenu/DropdownMenuContext';
-import type { DropdownMenuOption } from '../DropdownMenu/DropdownMenu';
+import type { LinkComponentType } from '../Link/types.js';
+import type { BaseProps } from '../BaseProps.js';
+import { type DropdownMenuSize } from '../DropdownMenu/DropdownMenuContext.js';
+import type { DropdownMenuOption } from '../DropdownMenu/DropdownMenu.js';
 export interface BreadcrumbItemProps extends Omit<BaseProps<HTMLLIElement>, 'onClick'> {
     ref?: React.Ref<HTMLLIElement>;
     /**

package/dist/Breadcrumbs/BreadcrumbItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbItem.d.ts","sourceRoot":"","sources":["../../src/Breadcrumbs/BreadcrumbItem.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,EAAE,EAOZ,KAAK,SAAS,EACd,KAAK,UAAU,EAChB,MAAM,OAAO,CAAC;AAWf,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAErD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAS5C,OAAO,EAIL,KAAK,gBAAgB,EACtB,MAAM,qCAAqC,CAAC;AAM7C,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,8BAA8B,CAAC;AAOrE,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAC/C,SAAS,CAAC,aAAa,CAAC,EACxB,SAAS,CACV;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;IAC/B;;;;OAIG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;IACvB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC/C;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;;;;;;;;;;OAaG;IACH,IAAI,CAAC,EAAE,kBAAkB,EAAE,GAAG,SAAS,CAAC;IACxC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,gBAAgB,CAAC;CAC7B;AAsID;;;;;;;;;;;;;GAaG;AACH,wBAAgB,cAAc,CAAC,EAC7B,GAAG,EACH,EAAE,EACF,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,SAAS,EAAE,aAAa,EACxB,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,EACrB,GAAG,IAAI,EACR,EAAE,mBAAmB,qBAgMrB;yBA/Me,cAAc"}
+{"version":3,"file":"BreadcrumbItem.d.ts","sourceRoot":"","sources":["../../src/Breadcrumbs/BreadcrumbItem.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,EAAE,EAOZ,KAAK,SAAS,EACd,KAAK,UAAU,EAChB,MAAM,OAAO,CAAC;AAWf,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAErD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAS5C,OAAO,EAIL,KAAK,gBAAgB,EACtB,MAAM,qCAAqC,CAAC;AAM7C,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,8BAA8B,CAAC;AAQrE,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAC/C,SAAS,CAAC,aAAa,CAAC,EACxB,SAAS,CACV;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;IAC/B;;;;OAIG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;IACvB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC/C;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;;;;;;;;;;OAaG;IACH,IAAI,CAAC,EAAE,kBAAkB,EAAE,GAAG,SAAS,CAAC;IACxC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,gBAAgB,CAAC;CAC7B;AAsID;;;;;;;;;;;;;GAaG;AACH,wBAAgB,cAAc,CAAC,EAC7B,GAAG,EACH,EAAE,EACF,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,SAAS,EAAE,aAAa,EACxB,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,EACrB,GAAG,IAAI,EACR,EAAE,mBAAmB,qBAgMrB;yBA/Me,cAAc"}

package/dist/Breadcrumbs/BreadcrumbItem.js

@@ -40,6 +40,7 @@ import { renderDropdownItems } from "../DropdownMenu/renderDropdownItems.js";
 import { DropdownMenuContext, DropdownMenuRootOpenContext } from "../DropdownMenu/DropdownMenuContext.js";
 import { MENU_ITEM_ROLES, MENU_ITEM_SELECTOR, MENU_BOUNDARY_SELECTOR } from "../DropdownMenu/menuItemRoles.js";
 import { useMergedRefs } from "../hooks/useMergedRefs.js";
+import { useInteractionModalityTracking } from "../utils/interactionModality.js";
 // =============================================================================
 // Props
 // =============================================================================
@@ -334,6 +335,10 @@ function BreadcrumbMenuTrigger({
   const triggerId = useId();
   const buttonRef = useRef(null);
   const isSupporting = variant === 'supporting';
+  // The menu's rows move focus with the last input
+  // (`architecture:interaction-modality` INV1); this menu has no press model
+  // to activate the tracking they read, so it activates it itself.
+  useInteractionModalityTracking();
   const popover = usePopover({
     hasLightDismiss: true,
     hasCloseButton: false,

package/dist/Breadcrumbs/Breadcrumbs.d.ts

@@ -12,8 +12,8 @@
  * - /packages/cli/assets/templates/blocks/components/Breadcrumbs/ (showcase blocks)
  */
 import { type ReactNode } from 'react';
-import type { BaseProps } from '../BaseProps';
-import type { BreadcrumbsVariantMap } from './index';
+import type { BaseProps } from '../BaseProps.js';
+import type { BreadcrumbsVariantMap } from './index.js';
 /**
  * Visual variant for the breadcrumb trail.
  * - `'default'`: Standard text styling

package/dist/Breadcrumbs/index.d.ts

@@ -18,16 +18,16 @@ export interface BreadcrumbsVariantMap {
     default: true;
     supporting: true;
 }
-export { Breadcrumbs } from './Breadcrumbs';
-export type { BreadcrumbsProps, BreadcrumbsVariant } from './Breadcrumbs';
-export { BreadcrumbItem } from './BreadcrumbItem';
-export type { BreadcrumbItemProps } from './BreadcrumbItem';
-export { DropdownMenuItem as BreadcrumbMenuItem, type DropdownMenuItemProps as BreadcrumbMenuItemProps, } from '../DropdownMenu/DropdownMenuItem';
-export { DropdownMenuDivider as BreadcrumbMenuDivider, type DropdownMenuDividerProps as BreadcrumbMenuDividerProps, } from '../DropdownMenu/DropdownMenuDivider';
-export { DropdownMenuGroup as BreadcrumbMenuGroup, type DropdownMenuGroupProps as BreadcrumbMenuGroupProps, } from '../DropdownMenu/DropdownMenuGroup';
-export { DropdownMenuCheckboxItem as BreadcrumbMenuCheckboxItem, type DropdownMenuCheckboxItemProps as BreadcrumbMenuCheckboxItemProps, } from '../DropdownMenu/DropdownMenuCheckboxItem';
-export { DropdownMenuRadioGroup as BreadcrumbMenuRadioGroup, type DropdownMenuRadioGroupProps as BreadcrumbMenuRadioGroupProps, } from '../DropdownMenu/DropdownMenuRadioGroup';
-export { DropdownMenuRadioItem as BreadcrumbMenuRadioItem, type DropdownMenuRadioItemProps as BreadcrumbMenuRadioItemProps, } from '../DropdownMenu/DropdownMenuRadioItem';
-export { DropdownMenuSubMenu as BreadcrumbMenuSubMenu, type DropdownMenuSubMenuProps as BreadcrumbMenuSubMenuProps, } from '../DropdownMenu/DropdownMenuSubMenu';
-export type { DropdownMenuOption as BreadcrumbMenuOption, DropdownMenuItemData as BreadcrumbMenuItemData, DropdownMenuDividerData as BreadcrumbMenuDividerData, DropdownMenuSection as BreadcrumbMenuSection, } from '../DropdownMenu/DropdownMenu';
+export { Breadcrumbs } from './Breadcrumbs.js';
+export type { BreadcrumbsProps, BreadcrumbsVariant } from './Breadcrumbs.js';
+export { BreadcrumbItem } from './BreadcrumbItem.js';
+export type { BreadcrumbItemProps } from './BreadcrumbItem.js';
+export { DropdownMenuItem as BreadcrumbMenuItem, type DropdownMenuItemProps as BreadcrumbMenuItemProps, } from '../DropdownMenu/DropdownMenuItem.js';
+export { DropdownMenuDivider as BreadcrumbMenuDivider, type DropdownMenuDividerProps as BreadcrumbMenuDividerProps, } from '../DropdownMenu/DropdownMenuDivider.js';
+export { DropdownMenuGroup as BreadcrumbMenuGroup, type DropdownMenuGroupProps as BreadcrumbMenuGroupProps, } from '../DropdownMenu/DropdownMenuGroup.js';
+export { DropdownMenuCheckboxItem as BreadcrumbMenuCheckboxItem, type DropdownMenuCheckboxItemProps as BreadcrumbMenuCheckboxItemProps, } from '../DropdownMenu/DropdownMenuCheckboxItem.js';
+export { DropdownMenuRadioGroup as BreadcrumbMenuRadioGroup, type DropdownMenuRadioGroupProps as BreadcrumbMenuRadioGroupProps, } from '../DropdownMenu/DropdownMenuRadioGroup.js';
+export { DropdownMenuRadioItem as BreadcrumbMenuRadioItem, type DropdownMenuRadioItemProps as BreadcrumbMenuRadioItemProps, } from '../DropdownMenu/DropdownMenuRadioItem.js';
+export { DropdownMenuSubMenu as BreadcrumbMenuSubMenu, type DropdownMenuSubMenuProps as BreadcrumbMenuSubMenuProps, } from '../DropdownMenu/DropdownMenuSubMenu.js';
+export type { DropdownMenuOption as BreadcrumbMenuOption, DropdownMenuItemData as BreadcrumbMenuItemData, DropdownMenuDividerData as BreadcrumbMenuDividerData, DropdownMenuSection as BreadcrumbMenuSection, } from '../DropdownMenu/DropdownMenu.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/Button/Button.d.ts

@@ -14,11 +14,11 @@
  * Last synced props: label, variant, size, isDisabled, isLoading, isInterruptible, clickAction, icon, isIconOnly, width, children, tooltip, endContent, href, as, target, rel
  */
 import { type ReactNode } from 'react';
-import type { BaseProps } from '../BaseProps';
-import type { Elevation, SizeValue } from '../utils/types';
+import type { BaseProps } from '../BaseProps.js';
+import type { Elevation, SizeValue } from '../utils/types.js';
 import * as stylex from '@stylexjs/stylex';
-import type { LinkComponentType } from '../Link/types';
-import type { ButtonVariantMap } from './index';
+import type { LinkComponentType } from '../Link/types.js';
+import type { ButtonVariantMap } from './index.js';
 declare const sizeStyles: Readonly<{
     readonly sm: Readonly<{
         readonly height: stylex.StyleXClassNameFor<"height", "28px">;

package/dist/Button/Button.d.ts.map

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

package/dist/Button/Button.js

@@ -17,7 +17,7 @@
  *
  * Last synced props: label, variant, size, isDisabled, isLoading, isInterruptible, clickAction, icon, isIconOnly, width, children, tooltip, endContent, href, as, target, rel
  */
-import { useEffect, useRef, useState, useTransition } from 'react';
+import { use, useEffect, useRef, useState, useTransition } from 'react';
 import * as stylex from '@stylexjs/stylex';
 import { useTooltip } from "../Tooltip/useTooltip.js";
 import "../theme/tokens.stylex.js";
@@ -30,7 +30,8 @@ import { EDGE_COMP_ATTR } from "../Layout/edgeCompensation.stylex.js";
 import { useSize } from "../SizeContext/SizeContext.js";
 import { useButtonGroup } from "../ButtonGroup/ButtonGroupContext.js";
 import { useInputGroup } from "../InputGroup/InputGroupContext.js";
-import { groupStyles as inputGroupStyles } from "../InputGroup/groupStyles.js";
+import { InputGroupInternalContext } from "../InputGroup/InputGroupInternalContext.js";
+import { groupStyles as inputGroupStyles, inputGroupItemProps } from "../InputGroup/groupStyles.js";
 import { mergeProps } from "../utils/index.js";
 import { useMergedRefs } from "../hooks/useMergedRefs.js";
 import { useLinkComponent } from "../Link/useLinkComponent.js";
@@ -190,6 +191,9 @@ const variants = {
   destructive: {
     kWkggS: "x1pjz0fi",
     kMwMTN: "x1m024r3",
+    kMzoRj: "xc342km x13rsnn2",
+    ksu8eU: "xng3xce xx61lck",
+    kVAM5u: "x1w1tqly",
     kjBf7l: "x1e0x2sz",
     $$css: true
   }
@@ -377,7 +381,8 @@ export function Button({
   // the consumer is deliberately showing it.
   const delaySpinner = isPending || isInterruptible;
   const groupDisabled = buttonGroup?.isDisabled ?? false;
-  const isTrueDisabled = isDisabled || groupDisabled;
+  const inputGroupState = use(InputGroupInternalContext);
+  const isTrueDisabled = isDisabled || groupDisabled || inputGroupState.isDisabled;
   // Busy-only: the button can't fire again purely because an action is in
   // flight, not because it's genuinely isDisabled/group-disabled. Per the API
   // Conventions "Disabled vs Busy" rule, busy is visual-only (aria-busy +
@@ -549,14 +554,17 @@ export function Button({
       href: href,
       target: target,
       rel: rel,
+      ...(inputGroup != null && buttonGroup == null ? inputGroupItemProps : undefined),
       ...sharedMergedProps,
       ...pressFeedback,
       ...props,
       ...ariaLabelProp,
       ...describedByProp,
       ...edgeCompAttr,
-      "aria-busy": isLoadingState || undefined,
-      "aria-disabled": useAriaDisabled || undefined,
+      // A caller's own busy or disabled state is kept, so a component that
+      // hands these props to a Button (a caller-rendered trigger) is heard.
+      "aria-busy": isLoadingState || props['aria-busy'] || undefined,
+      "aria-disabled": useAriaDisabled || props['aria-disabled'] || undefined,
       onClick: handleClick,
       ...(handleKeyDown ? {
         onKeyDown: handleKeyDown
@@ -568,14 +576,17 @@ export function Button({
       ref: mergedButtonRef,
       type: type,
       disabled: useAriaDisabled ? undefined : buttonDisabled,
+      ...(inputGroup != null && buttonGroup == null ? inputGroupItemProps : undefined),
       ...sharedMergedProps,
       ...pressFeedback,
       ...props,
       ...ariaLabelProp,
       ...describedByProp,
       ...edgeCompAttr,
-      "aria-busy": isLoadingState || undefined,
-      "aria-disabled": useAriaDisabled || undefined,
+      // A caller's own busy or disabled state is kept, so a component that
+      // hands these props to a Button (a caller-rendered trigger) is heard.
+      "aria-busy": isLoadingState || props['aria-busy'] || undefined,
+      "aria-disabled": useAriaDisabled || props['aria-disabled'] || undefined,
       onClick: handleClick,
       ...(handleKeyDown ? {
         onKeyDown: handleKeyDown

package/dist/Button/index.d.ts

@@ -25,6 +25,6 @@ export interface ButtonVariantMap {
     ghost: true;
     destructive: true;
 }
-export { Button } from './Button';
-export type { ButtonProps, ButtonVariant, ButtonSize } from './Button';
+export { Button } from './Button.js';
+export type { ButtonProps, ButtonVariant, ButtonSize } from './Button.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/ButtonGroup/ButtonGroup.d.ts

@@ -17,10 +17,10 @@
  * - /packages/cli/assets/templates/blocks/components/ButtonGroup/ (showcase blocks)
  */
 import { type ReactNode } from 'react';
-import type { ButtonSize } from '../Button';
-import type { Elevation } from '../utils/types';
-import type { BaseProps } from '../BaseProps';
-import type { ButtonGroupOrientation } from './ButtonGroupContext';
+import type { ButtonSize } from '../Button/index.js';
+import type { Elevation } from '../utils/types.js';
+import type { BaseProps } from '../BaseProps.js';
+import type { ButtonGroupOrientation } from './ButtonGroupContext.js';
 export interface ButtonGroupProps extends BaseProps<HTMLDivElement> {
     /** Ref forwarded to the root element. */
     ref?: React.Ref<HTMLDivElement>;

package/dist/ButtonGroup/index.d.ts

@@ -4,8 +4,8 @@
  * @output Exports ButtonGroup, context hook, and types
  * @position Component entry point; re-exported by /packages/core/src/index.ts
  */
-export { ButtonGroup } from './ButtonGroup';
-export type { ButtonGroupProps } from './ButtonGroup';
-export { useButtonGroup } from './ButtonGroupContext';
-export type { ButtonGroupOrientation, ButtonGroupContextValue, } from './ButtonGroupContext';
+export { ButtonGroup } from './ButtonGroup.js';
+export type { ButtonGroupProps } from './ButtonGroup.js';
+export { useButtonGroup } from './ButtonGroupContext.js';
+export type { ButtonGroupOrientation, ButtonGroupContextValue, } from './ButtonGroupContext.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/Calendar/Calendar.d.ts

@@ -1,6 +1,6 @@
-import type { BaseProps } from '../BaseProps';
-export type { ISODateString, DayOfWeek, DayOfWeekName, DateRange, } from '../utils/dateTypes';
-import type { ISODateString, DayOfWeek, DayOfWeekName, DateRange } from '../utils/dateTypes';
+import type { BaseProps } from '../BaseProps.js';
+export type { ISODateString, DayOfWeek, DayOfWeekName, DateRange, } from '../utils/dateTypes.js';
+import type { ISODateString, DayOfWeek, DayOfWeekName, DateRange } from '../utils/dateTypes.js';
 /** Imperative handle for Calendar handleRef */
 export interface CalendarHandle {
     /** Navigate the calendar to show the month containing the given date */

package/dist/Calendar/dayCellUtils.d.ts

@@ -1,4 +1,4 @@
-import type { PlainDate } from '../utils/plainDate';
+import type { PlainDate } from '../utils/plainDate.js';
 export interface DayCellState {
     effectivelyDisabled: boolean;
     isToday: boolean;

package/dist/Calendar/getInitialFocusDate.d.ts

@@ -8,8 +8,8 @@
  * - /packages/core/src/Calendar/getInitialFocusDate.test.ts
  * - /packages/core/src/Calendar/Calendar.tsx (the only caller)
  */
-import type { ISODateString, DateRange } from '../utils/dateTypes';
-import { type PlainDate } from '../utils/plainDate';
+import type { ISODateString, DateRange } from '../utils/dateTypes.js';
+import { type PlainDate } from '../utils/plainDate.js';
 export interface InitialFocusDateOptions {
     /** Controlled visible month, if the consumer supplied one. */
     focusDate?: ISODateString;

package/dist/Calendar/getStandaloneShortWeekdayNames.d.ts

@@ -4,7 +4,7 @@
  * @output Private locale resolver for Calendar weekday headers
  * @position Calendar-internal pure utility; not exported from the package
  */
-import { type StandaloneShortWeekdayNames } from './standaloneShortWeekdayNames.generated';
+import { type StandaloneShortWeekdayNames } from './standaloneShortWeekdayNames.generated.js';
 /**
  * Resolve generated weekday reference data as exact locale -> language -> English.
  * Unicode extensions are ignored through Intl.Locale.baseName. Invalid tags and

package/dist/Calendar/hooks/index.d.ts

@@ -6,10 +6,10 @@
  *
  * SYNC: When modified, update this header
  */
-export { useCalendarDays } from './useCalendarDays';
-export type { CalendarDay, UseCalendarDaysOptions, UseCalendarDaysReturn, } from './useCalendarDays';
-export { useCalendarConstraints } from './useCalendarConstraints';
-export type { UseCalendarConstraintsOptions, UseCalendarConstraintsReturn, } from './useCalendarConstraints';
-export { useCalendarNavigation } from './useCalendarNavigation';
-export type { UseCalendarNavigationOptions, UseCalendarNavigationReturn, } from './useCalendarNavigation';
+export { useCalendarDays } from './useCalendarDays.js';
+export type { CalendarDay, UseCalendarDaysOptions, UseCalendarDaysReturn, } from './useCalendarDays.js';
+export { useCalendarConstraints } from './useCalendarConstraints.js';
+export type { UseCalendarConstraintsOptions, UseCalendarConstraintsReturn, } from './useCalendarConstraints.js';
+export { useCalendarNavigation } from './useCalendarNavigation.js';
+export type { UseCalendarNavigationOptions, UseCalendarNavigationReturn, } from './useCalendarNavigation.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/Calendar/hooks/useCalendarConstraints.d.ts

@@ -1,5 +1,5 @@
-import type { ISODateString } from '../../utils/dateTypes';
-import { type PlainDate } from '../../utils/plainDate';
+import type { ISODateString } from '../../utils/dateTypes.js';
+import { type PlainDate } from '../../utils/plainDate.js';
 /**
  * Configuration for date constraints
  */

package/dist/Calendar/hooks/useCalendarDays.d.ts

@@ -1,5 +1,5 @@
-import type { DayOfWeek, ISODateString } from '../../utils/dateTypes';
-import { type PlainDate } from '../../utils/plainDate';
+import type { DayOfWeek, ISODateString } from '../../utils/dateTypes.js';
+import { type PlainDate } from '../../utils/plainDate.js';
 /**
  * Represents a single day in the calendar grid.
  */

package/dist/Calendar/hooks/useCalendarNavigation.d.ts

@@ -1,5 +1,5 @@
-import type { ISODateString } from '../../utils/dateTypes';
-import { type PlainDate } from '../../utils/plainDate';
+import type { ISODateString } from '../../utils/dateTypes.js';
+import { type PlainDate } from '../../utils/plainDate.js';
 /**
  * Configuration for calendar navigation
  */

package/dist/Calendar/index.d.ts

@@ -6,9 +6,9 @@
  *
  * SYNC: When modified, update this header and /packages/core/src/Calendar/Calendar.doc.mjs
  */
-export { Calendar } from './Calendar';
-export type { CalendarProps, CalendarHandle, ISODateString, DayOfWeek, DayOfWeekName, DateRange, } from './Calendar';
-export { useCalendarDays, useCalendarConstraints, useCalendarNavigation, } from './hooks';
-export type { CalendarDay, UseCalendarDaysOptions, UseCalendarDaysReturn, UseCalendarConstraintsOptions, UseCalendarConstraintsReturn, UseCalendarNavigationOptions, UseCalendarNavigationReturn, } from './hooks';
-export { isSameDay, isDateInRange, getWeekNumber } from './utils';
+export { Calendar } from './Calendar.js';
+export type { CalendarProps, CalendarHandle, ISODateString, DayOfWeek, DayOfWeekName, DateRange, } from './Calendar.js';
+export { useCalendarDays, useCalendarConstraints, useCalendarNavigation, } from './hooks/index.js';
+export type { CalendarDay, UseCalendarDaysOptions, UseCalendarDaysReturn, UseCalendarConstraintsOptions, UseCalendarConstraintsReturn, UseCalendarNavigationOptions, UseCalendarNavigationReturn, } from './hooks/index.js';
+export { isSameDay, isDateInRange, getWeekNumber } from './utils.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/Calendar/utils.d.ts

@@ -4,5 +4,5 @@
  * @output Re-exports shared date utility functions for calendar components
  * @position Shared utilities; used by Calendar, CalendarMonthGrid, CalendarDayCell
  */
-export { type PlainDate, plainDateFromISO as parseISO, plainDateToISO as dateToISO, plainDateIsEqual as isSameDay, plainDateIsInRange as isDateInRange, plainDateGetWeekNumber as getWeekNumber, } from '../utils/plainDate';
+export { type PlainDate, plainDateFromISO as parseISO, plainDateToISO as dateToISO, plainDateIsEqual as isSameDay, plainDateIsInRange as isDateInRange, plainDateGetWeekNumber as getWeekNumber, } from '../utils/plainDate.js';
 //# sourceMappingURL=utils.d.ts.map

package/dist/Card/Card.d.ts

@@ -11,9 +11,9 @@
  * - /packages/cli/assets/templates/blocks/components/Card/ (showcase blocks)
  */
 import type { ReactNode } from 'react';
-import type { Elevation, SizeValue, SpacingStep } from '../utils/types';
-import type { BaseProps } from '../BaseProps';
-import type { CardVariantMap } from './index';
+import type { Elevation, SizeValue, SpacingStep } from '../utils/types.js';
+import type { BaseProps } from '../BaseProps.js';
+import type { CardVariantMap } from './index.js';
 /**
  * Background color variant for Card, derived from CardVariantMap.
  * Extensible via module augmentation of CardVariantMap.
@@ -30,7 +30,7 @@ import type { CardVariantMap } from './index';
  * borderless variants. Themes can override borderWidth/borderColor.
  */
 export type CardVariant = keyof CardVariantMap;
-export type { SizeValue } from '../utils/types';
+export type { SizeValue } from '../utils/types.js';
 export interface CardProps extends BaseProps<HTMLDivElement> {
     ref?: React.Ref<HTMLDivElement>;
     /**

package/dist/Card/index.d.ts

@@ -40,6 +40,6 @@ export interface CardVariantMap {
     teal: true;
     yellow: true;
 }
-export { Card } from './Card';
-export type { CardProps, CardVariant, SizeValue } from './Card';
+export { Card } from './Card.js';
+export type { CardProps, CardVariant, SizeValue } from './Card.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/Carousel/Carousel.d.ts

@@ -18,8 +18,8 @@
  * - /packages/cli/assets/templates/blocks/components/Carousel/ (showcase blocks)
  */
 import { type ReactNode } from 'react';
-import type { BaseProps } from '../BaseProps';
-import type { SpacingStep } from '../utils/types';
+import type { BaseProps } from '../BaseProps.js';
+import type { SpacingStep } from '../utils/types.js';
 /**
  * Imperative control surface for the Carousel, accessed via the `handleRef`
  * prop. Methods drive the same native-scroll machinery as the built-in