@astryxdesign/core 0.7.4 → 0.7.5-canary.07605c2

package/dist/Selector/useSelectorPresentation.d.ts

@@ -5,8 +5,8 @@
  * @position Internal presentation controller shared by Selector and MultiSelector
  */
 import { type FocusEvent, type RefObject } from 'react';
-import { type UsePopoverOptions, type UsePopoverReturn } from '../Popover/usePopover';
-import { type AdaptivePresentation, type ResolvedAdaptivePresentation } from '../hooks/useAdaptivePresentation';
+import { type UsePopoverOptions, type UsePopoverReturn } from '../Popover/usePopover.js';
+import { type AdaptivePresentation, type ResolvedAdaptivePresentation } from '../hooks/useAdaptivePresentation.js';
 interface UseSelectorPresentationOptions {
     presentation: AdaptivePresentation;
     onHide: () => void;

package/dist/Selector/utils.d.ts

@@ -3,7 +3,7 @@
  * @output Utility functions for Selector
  * @position Utilities; used by Selector.tsx
  */
-import type { SelectorOptionType, SelectorOptionData, SelectorDivider, SelectorSection } from './types';
+import type { SelectorOptionType, SelectorOptionData, SelectorDivider, SelectorSection } from './types.js';
 /**
  * Type guard: check if option is a selectable option (string or OptionData)
  */

package/dist/SideNav/SideNav.d.ts

@@ -18,10 +18,10 @@
  * - /packages/cli/assets/templates/blocks/components/SideNav/ (showcase blocks)
  */
 import { type ReactNode } from 'react';
-import type { BaseProps } from '../BaseProps';
+import type { BaseProps } from '../BaseProps.js';
 import type { StyleXStyles } from '@stylexjs/stylex';
-import { type SideNavCollapsibleConfig, type SideNavImperativeCollapseHandle } from './SideNavCollapseContext';
-import type { ResizableConfig } from '../Resizable/useResizable';
+import { type SideNavCollapsibleConfig, type SideNavImperativeCollapseHandle } from './SideNavCollapseContext.js';
+import type { ResizableConfig } from '../Resizable/useResizable.js';
 export interface SideNavProps extends BaseProps<HTMLElement> {
     /** Ref forwarded to the root element */
     ref?: React.Ref<HTMLElement>;

package/dist/SideNav/SideNavCollapseButton.d.ts

@@ -13,9 +13,9 @@
  * - /packages/cli/assets/templates/blocks/components/SideNav/ (showcase blocks)
  */
 import React, { type ReactNode } from 'react';
-import type { BaseProps } from '../BaseProps';
-import { type SideNavControlledCollapsible, type SideNavImperativeCollapseHandle } from './SideNavCollapseContext';
-import type { ElementSize } from '../SizeContext/SizeContext';
+import type { BaseProps } from '../BaseProps.js';
+import { type SideNavControlledCollapsible, type SideNavImperativeCollapseHandle } from './SideNavCollapseContext.js';
+import type { ElementSize } from '../SizeContext/SizeContext.js';
 export interface SideNavCollapseButtonProps extends BaseProps<HTMLButtonElement> {
     ref?: React.Ref<HTMLButtonElement>;
     /**

package/dist/SideNav/SideNavHeading.d.ts

@@ -16,8 +16,8 @@
  * - /packages/cli/assets/templates/blocks/components/SideNav/ (showcase blocks)
  */
 import { type ReactNode } from 'react';
-import type { LinkComponentType } from '../Link/types';
-import type { BaseProps } from '../BaseProps';
+import type { LinkComponentType } from '../Link/types.js';
+import type { BaseProps } from '../BaseProps.js';
 export interface SideNavHeadingProps extends BaseProps<HTMLDivElement> {
     /** Ref forwarded to the root element */
     ref?: React.Ref<HTMLDivElement>;

package/dist/SideNav/SideNavHeading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SideNavHeading.d.ts","sourceRoot":"","sources":["../../src/SideNav/SideNavHeading.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAkB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAsBtD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAGrD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AA2N5C,MAAM,WAAW,mBAAoB,SAAQ,SAAS,CAAC,cAAc,CAAC;IACpE,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;IACvB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAQD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,cAAc,CAAC,EAC7B,EAAE,EACF,IAAI,EACJ,OAAO,EACP,WAAW,EACX,YAAY,EACZ,gBAAgB,EAChB,UAAU,EACV,cAAc,EACd,gBAAgB,EAChB,IAAI,EACJ,MAAM,EACN,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,EACrB,GAAG,EACH,GAAG,KAAK,EACT,EAAE,mBAAmB,sCAkgBrB;yBAnhBe,cAAc"}
+{"version":3,"file":"SideNavHeading.d.ts","sourceRoot":"","sources":["../../src/SideNav/SideNavHeading.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAkB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAsBtD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAGrD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAsO5C,MAAM,WAAW,mBAAoB,SAAQ,SAAS,CAAC,cAAc,CAAC;IACpE,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;IACvB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAQD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,cAAc,CAAC,EAC7B,EAAE,EACF,IAAI,EACJ,OAAO,EACP,WAAW,EACX,YAAY,EACZ,gBAAgB,EAChB,UAAU,EACV,cAAc,EACd,gBAAgB,EAChB,IAAI,EACJ,MAAM,EACN,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,EACrB,GAAG,EACH,GAAG,KAAK,EACT,EAAE,mBAAmB,sCAgiBrB;yBAjjBe,cAAc"}

package/dist/SideNav/SideNavHeading.js

@@ -129,6 +129,17 @@ const styles = {
     kGuDYH: "x1qlqyl8",
     $$css: true
   },
+  linkBesideEndContent: {
+    k1xSpc: "x78zum5",
+    kGNEyG: "x6s0dn4",
+    kSGwAc: "xkh2ocl",
+    kOIVth: "x1txdalj",
+    kzQI83: "x1iyjqo2",
+    k7Eaqz: "xeuugli",
+    kybGjl: "x1hl2dhg",
+    kMwMTN: "x1heor9g",
+    $$css: true
+  },
   popoverHeading: {
     k1xSpc: "x78zum5",
     kGNEyG: "x6s0dn4",
@@ -484,6 +495,29 @@ export function SideNavHeading({
     }))]
   });
 
+  // Whole heading is a link (no menu, single headingHref). End content may
+  // be a control, which must not sit inside the link (no interactive content
+  // in an <a>), so with end content the row is a div holding the link and the
+  // end content side by side, as the mixed mode does.
+  if (isWholeHeadingLink && headingHref && headerEndContentElement) {
+    return /*#__PURE__*/_jsxs("div", {
+      ref: ref,
+      "data-testid": testId,
+      ...mergeProps(themeProps('side-nav-heading'), stylex.props(styles.root, xstyle), className, style),
+      children: [/*#__PURE__*/_jsxs(LinkComponent, {
+        href: headingHref,
+        ...focusOutlineProps.focusVisible(styles.linkBesideEndContent, styles.menuTrigger),
+        ...props,
+        children: [icon && /*#__PURE__*/_jsx("span", {
+          ...{
+            className: "x2lah0s x78zum5 x6s0dn4 xl56j7k"
+          },
+          children: icon
+        }), renderTextContent()]
+      }), headerEndContentElement]
+    });
+  }
+
   // Whole heading is a link (no menu, single headingHref)
   if (isWholeHeadingLink && headingHref) {
     return /*#__PURE__*/_jsxs(LinkComponent, {

package/dist/SideNav/SideNavItem.d.ts

@@ -26,10 +26,10 @@
  * - /packages/cli/assets/templates/blocks/components/SideNav/ (showcase blocks)
  */
 import { type ReactNode } from 'react';
-import { type IconType } from '../Icon';
-import type { LinkComponentType } from '../Link/types';
-import type { BaseProps } from '../BaseProps';
-import { type NavItemSize } from '../NavItem/navItemStyles.stylex';
+import { type IconType } from '../Icon/index.js';
+import type { LinkComponentType } from '../Link/types.js';
+import type { BaseProps } from '../BaseProps.js';
+import { type NavItemSize } from '../NavItem/navItemStyles.stylex.js';
 export interface SideNavItemProps extends BaseProps<HTMLElement> {
     /** Ref forwarded to the root element */
     ref?: React.Ref<HTMLElement>;

package/dist/SideNav/SideNavSection.d.ts

@@ -14,7 +14,7 @@
  * - /packages/cli/assets/templates/blocks/components/SideNav/ (showcase blocks)
  */
 import React, { type ReactNode } from 'react';
-import type { BaseProps } from '../BaseProps';
+import type { BaseProps } from '../BaseProps.js';
 export interface SideNavSectionProps extends BaseProps<HTMLDivElement> {
     ref?: React.Ref<HTMLDivElement>;
     /**

package/dist/SideNav/index.d.ts

@@ -6,18 +6,18 @@
  *
  * SYNC: When modified, update this header and /packages/core/src/SideNav/SideNav.doc.mjs
  */
-export { SideNav } from './SideNav';
-export type { SideNavProps } from './SideNav';
-export { SideNavHeading } from './SideNavHeading';
-export type { SideNavHeadingProps } from './SideNavHeading';
-export { SideNavItem } from './SideNavItem';
-export type { SideNavItemProps } from './SideNavItem';
-export { SideNavSection } from './SideNavSection';
-export type { SideNavSectionProps } from './SideNavSection';
-export { SideNavCollapseButton } from './SideNavCollapseButton';
-export type { SideNavCollapseButtonProps } from './SideNavCollapseButton';
-export { useSideNavCollapse } from './SideNavCollapseContext';
-export type { SideNavCollapseState, SideNavCollapsibleConfig, SideNavControlledCollapsible, SideNavImperativeCollapseHandle, } from './SideNavCollapseContext';
-export { SideNavRenderContext, useSideNavRenderMode, } from './SideNavRenderContext';
-export type { SideNavRenderMode } from './SideNavRenderContext';
+export { SideNav } from './SideNav.js';
+export type { SideNavProps } from './SideNav.js';
+export { SideNavHeading } from './SideNavHeading.js';
+export type { SideNavHeadingProps } from './SideNavHeading.js';
+export { SideNavItem } from './SideNavItem.js';
+export type { SideNavItemProps } from './SideNavItem.js';
+export { SideNavSection } from './SideNavSection.js';
+export type { SideNavSectionProps } from './SideNavSection.js';
+export { SideNavCollapseButton } from './SideNavCollapseButton.js';
+export type { SideNavCollapseButtonProps } from './SideNavCollapseButton.js';
+export { useSideNavCollapse } from './SideNavCollapseContext.js';
+export type { SideNavCollapseState, SideNavCollapsibleConfig, SideNavControlledCollapsible, SideNavImperativeCollapseHandle, } from './SideNavCollapseContext.js';
+export { SideNavRenderContext, useSideNavRenderMode, } from './SideNavRenderContext.js';
+export type { SideNavRenderMode } from './SideNavRenderContext.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/SizeContext/index.d.ts

@@ -4,5 +4,5 @@
  * @output Re-exports size context utilities
  * @position Public entry point for @astryxdesign/core/SizeContext
  */
-export { SizeContext, SizeProvider, useSize, type ElementSize, } from './SizeContext';
+export { SizeContext, SizeProvider, useSize, type ElementSize, } from './SizeContext.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/Skeleton/Skeleton.d.ts

@@ -10,7 +10,7 @@
  * - /apps/storybook/stories/Skeleton.stories.tsx
  * - /packages/cli/assets/templates/blocks/components/Skeleton/ (showcase blocks)
  */
-import type { BaseProps } from '../BaseProps';
+import type { BaseProps } from '../BaseProps.js';
 import * as stylex from '@stylexjs/stylex';
 declare const radiusStyles: Readonly<{
     readonly none: Readonly<{

package/dist/Skeleton/index.d.ts

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

package/dist/Slider/Slider.d.ts

@@ -1,6 +1,6 @@
-import type { InputStatus } from '../Field/types';
-import { type FieldInputBaseProps } from '../Field/fieldParts';
-import type { SizeValue } from '../utils/types';
+import type { InputStatus } from '../Field/types.js';
+import { type FieldInputBaseProps } from '../Field/fieldParts.js';
+import type { SizeValue } from '../utils/types.js';
 export interface SliderBaseProps extends Omit<FieldInputBaseProps<HTMLDivElement>, 'onChange'> {
     /** Ref forwarded to the slider control element. */
     ref?: React.Ref<HTMLDivElement>;

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/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;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,+BAq1BX;yBAt2Be,IAAI"}

package/dist/Stepper/Step.js

@@ -872,7 +872,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 +1063,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 +1103,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/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/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/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/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 */

package/dist/Table/TableContext.d.ts

@@ -1,4 +1,4 @@
-import type { TableVerticalAlign } from './types';
+import type { TableVerticalAlign } from './types.js';
 export interface TableContextValue {
     density: 'compact' | 'balanced' | 'spacious';
     dividers: 'rows' | 'columns' | 'grid' | 'none';

package/dist/Table/TableFooter.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 TableFooterProps extends BaseProps<HTMLTableSectionElement> {
     ref?: React.Ref<HTMLTableSectionElement>;
     children: ReactNode;

package/dist/Table/TableHeader.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 TableHeaderProps extends BaseProps<HTMLTableSectionElement> {
     ref?: React.Ref<HTMLTableSectionElement>;
     children: ReactNode;

package/dist/Table/TableHeaderCell.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 TableHeaderCell — `<th>` wrapper with context-aware styling */
 export interface TableHeaderCellProps extends BaseProps<HTMLTableCellElement> {
     /** Ref forwarded to the root element */

package/dist/Table/TableRow.d.ts

@@ -11,8 +11,8 @@
  * - /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 { BaseProps } from '../BaseProps.js';
+import type { StyleXStyles } from '../theme/types.js';
 /** Props for TableRow — thin `<tr>` wrapper */
 export interface TableRowProps extends BaseProps<HTMLTableRowElement> {
     /** Ref forwarded to the root element */

package/dist/Table/TableSelectionToolbar.d.ts

@@ -5,8 +5,8 @@
  * @position Product-composed selection UI; never injected by the Table plugin
  */
 import type { ReactNode } from 'react';
-import type { ToolbarProps } from '../Toolbar';
-import type { TableSelectionState } from './plugins/selection/useTableSelectionState';
+import type { ToolbarProps } from '../Toolbar/index.js';
+import type { TableSelectionState } from './plugins/selection/useTableSelectionState.js';
 export interface TableSelectionToolbarProps extends Omit<ToolbarProps, 'endContent' | 'label'> {
     /** Shared state returned by useTableSelectionState. */
     selection: TableSelectionState;

package/dist/Table/columnUtils.d.ts

@@ -9,7 +9,7 @@
  * - /packages/core/src/Table/index.ts (exports if functions change)
  */
 import type { CSSProperties, ReactNode } from 'react';
-import type { TableColumn, ProportionalWidth, PixelWidth } from './types';
+import type { TableColumn, ProportionalWidth, PixelWidth } from './types.js';
 /** Default minimum width (in px) for explicit proportional columns. */
 export declare const DEFAULT_MIN_COLUMN_WIDTH = 120;
 /**