@astryxdesign/core 0.7.4 → 0.7.5-canary.0026f37

package/dist/PowerSearch/PowerSearchFilterEditor.d.ts

@@ -5,7 +5,7 @@
  * @position Public component; used internally by PowerSearch and available for consumer composition
  */
 import React from 'react';
-import type { PowerSearchEditorProps } from './types';
+import type { PowerSearchEditorProps } from './types.js';
 /**
  * Default filter editor for PowerSearch.
  *

package/dist/PowerSearch/PowerSearchToken.d.ts

@@ -5,7 +5,7 @@
  * @position Public component; used internally by PowerSearch and available for consumer composition
  */
 import React from 'react';
-import type { PowerSearchTokenProps } from './types';
+import type { PowerSearchTokenProps } from './types.js';
 /**
  * Default token pill for PowerSearch filters.
  *

package/dist/PowerSearch/PowerSearchValueEditor.d.ts

@@ -8,8 +8,8 @@
  * - /packages/core/src/PowerSearch/index.ts
  */
 import React from 'react';
-import type { OperatorValue, FilterValue } from './types';
-import type { InternalConfig } from './useInternalConfig';
+import type { OperatorValue, FilterValue } from './types.js';
+import type { InternalConfig } from './useInternalConfig.js';
 export interface PowerSearchValueEditorProps {
     operatorValue: OperatorValue;
     filterValue: FilterValue | undefined;

package/dist/PowerSearch/formatFilterValue.d.ts

@@ -7,9 +7,9 @@
  * SYNC: When modified, update:
  * - /packages/core/src/PowerSearch/index.ts
  */
-import type { OperatorValue, FilterValue } from './types';
-import type { InternalConfig } from './useInternalConfig';
-import type { Locale, TranslatorFn } from '../i18n';
+import type { OperatorValue, FilterValue } from './types.js';
+import type { InternalConfig } from './useInternalConfig.js';
+import type { Locale, TranslatorFn } from '../i18n/index.js';
 export declare function formatDateAbsolute(unixSeconds: number, locale: Locale, timezoneID?: string): string;
 /**
  * Compact date-only rendering (no time-of-day) for the token pill's inline

package/dist/PowerSearch/index.d.ts

@@ -6,12 +6,12 @@
  *
  * SYNC: When adding new PowerSearch files, update exports here
  */
-export { PowerSearch } from './PowerSearch';
-export type { PowerSearchProps, PowerSearchSize } from './PowerSearch';
-export { PowerSearchToken } from './PowerSearchToken';
-export { PowerSearchFilterEditor } from './PowerSearchFilterEditor';
-export { resolveOperatorLabel } from './resolveOperatorLabel';
-export { createPowerSearchConfig, usePowerSearchConfig, } from './usePowerSearchConfig';
-export type { FieldDefinition, InferData } from './usePowerSearchConfig';
-export type { PowerSearchConfig, PowerSearchField, PowerSearchOperator, PowerSearchOperatorBase, PowerSearchOperatorWithLabel, PowerSearchOperatorWithI18nKey, OperatorValue, EmptyOperatorValue, StringOperatorValue, StringListOperatorValue, IntegerOperatorValue, FloatOperatorValue, TimeOperatorValue, DateAbsoluteOperatorValue, DateRelativeOperatorValue, DateRangeOperatorValue, EnumOperatorValue, EnumListOperatorValue, EntityListOperatorValue, CustomOperatorValue, NestedOperatorValue, FilterValue, FilterValueEmpty, FilterValueString, FilterValueStringList, FilterValueInteger, FilterValueFloat, FilterValueTime, FilterValueDateAbsolute, FilterValueDateRelative, FilterValueDateRange, FilterValueEnum, FilterValueEnumList, FilterValueEntityList, FilterValueCustom, FilterValueNested, PowerSearchFilter, PartialFilter, EnumItem, PowerSearchEntity, DateTimeRange, DateTimeRangePart, DateRangeFilterPreset, RelativeDateFilterPreset, OperatorTokenizationConfig, PowerSearchChangeType, PowerSearchHandle, PowerSearchTokenProps, PowerSearchEditorProps, PowerSearchComponentOverride, PowerSearchComponents, } from './types';
+export { PowerSearch } from './PowerSearch.js';
+export type { PowerSearchProps, PowerSearchSize } from './PowerSearch.js';
+export { PowerSearchToken } from './PowerSearchToken.js';
+export { PowerSearchFilterEditor } from './PowerSearchFilterEditor.js';
+export { resolveOperatorLabel } from './resolveOperatorLabel.js';
+export { createPowerSearchConfig, usePowerSearchConfig, } from './usePowerSearchConfig.js';
+export type { FieldDefinition, InferData } from './usePowerSearchConfig.js';
+export type { PowerSearchConfig, PowerSearchField, PowerSearchOperator, PowerSearchOperatorBase, PowerSearchOperatorWithLabel, PowerSearchOperatorWithI18nKey, OperatorValue, EmptyOperatorValue, StringOperatorValue, StringListOperatorValue, IntegerOperatorValue, FloatOperatorValue, TimeOperatorValue, DateAbsoluteOperatorValue, DateRelativeOperatorValue, DateRangeOperatorValue, EnumOperatorValue, EnumListOperatorValue, EntityListOperatorValue, CustomOperatorValue, NestedOperatorValue, FilterValue, FilterValueEmpty, FilterValueString, FilterValueStringList, FilterValueInteger, FilterValueFloat, FilterValueTime, FilterValueDateAbsolute, FilterValueDateRelative, FilterValueDateRange, FilterValueEnum, FilterValueEnumList, FilterValueEntityList, FilterValueCustom, FilterValueNested, PowerSearchFilter, PartialFilter, EnumItem, PowerSearchEntity, DateTimeRange, DateTimeRangePart, DateRangeFilterPreset, RelativeDateFilterPreset, OperatorTokenizationConfig, PowerSearchChangeType, PowerSearchHandle, PowerSearchTokenProps, PowerSearchEditorProps, PowerSearchComponentOverride, PowerSearchComponents, } from './types.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/PowerSearch/resolveDateTimeRangePart.d.ts

@@ -4,7 +4,7 @@
  * @output Resolves absolute, now, and relative range parts to Unix seconds
  * @position Internal PowerSearch date-range utility; shared by filtering and editing
  */
-import type { DateTimeRangePart } from './types';
+import type { DateTimeRangePart } from './types.js';
 /** Resolves a range part against one caller-supplied instant. */
 export declare function resolveDateTimeRangePart(part: DateTimeRangePart, nowSeconds?: number): number;
 //# sourceMappingURL=resolveDateTimeRangePart.d.ts.map

package/dist/PowerSearch/resolveOperatorLabel.d.ts

@@ -17,7 +17,7 @@
  * - /packages/core/src/PowerSearch/types.ts (PowerSearchOperator type)
  * - /packages/core/src/PowerSearch/index.ts (re-export)
  */
-import type { TranslatorFn } from '../i18n';
-import type { PowerSearchOperator } from './types';
+import type { TranslatorFn } from '../i18n/index.js';
+import type { PowerSearchOperator } from './types.js';
 export declare function resolveOperatorLabel(operator: PowerSearchOperator, t: TranslatorFn): string;
 //# sourceMappingURL=resolveOperatorLabel.d.ts.map

package/dist/PowerSearch/types.d.ts

@@ -8,7 +8,7 @@
  * - /packages/core/src/PowerSearch/index.ts
  */
 import type { ComponentType, ReactNode } from 'react';
-import type { SearchSource, SearchableItem } from '../Typeahead/types';
+import type { SearchSource, SearchableItem } from '../Typeahead/types.js';
 export interface EmptyOperatorValue {
     readonly type: 'empty';
 }

package/dist/PowerSearch/useInternalConfig.d.ts

@@ -1,4 +1,4 @@
-import type { PowerSearchConfig, PowerSearchField, PowerSearchOperator } from './types';
+import type { PowerSearchConfig, PowerSearchField, PowerSearchOperator } from './types.js';
 export interface InternalConfig {
     readonly config: PowerSearchConfig;
     getField(key: string): PowerSearchField | undefined;

package/dist/PowerSearch/usePowerSearchConfig.d.ts

@@ -1,4 +1,4 @@
-import type { EnumItem, PowerSearchConfig, PowerSearchFilter } from './types';
+import type { EnumItem, PowerSearchConfig, PowerSearchFilter } from './types.js';
 type FieldType = 'string' | 'number' | 'boolean' | 'date' | 'enum' | 'enum_list' | 'string_list';
 type FieldTypeToJS = {
     string: string;

package/dist/PowerSearch/usePowerSearchSource.d.ts

@@ -1,6 +1,6 @@
-import type { SearchSource } from '../Typeahead/types';
-import type { InternalConfig } from './useInternalConfig';
-import type { PowerSearchItem } from './types';
+import type { SearchSource } from '../Typeahead/types.js';
+import type { InternalConfig } from './useInternalConfig.js';
+import type { PowerSearchItem } from './types.js';
 /**
  * @param maxTypedResults Cap applied to ranked results for a non-empty query.
  *   The source never truncates empty-query browsing; PowerSearch's view applies

package/dist/PowerSearch/utils.d.ts

@@ -3,7 +3,7 @@
  * @output Server-safe re-exports of pure PowerSearch utility functions
  * @position Subpath entry point: `@astryxdesign/core/PowerSearch/utils`
  */
-export { formatFilterValue } from './formatFilterValue';
-export type { InternalConfig } from './useInternalConfig';
-export type { OperatorValue, FilterValue } from './types';
+export { formatFilterValue } from './formatFilterValue.js';
+export type { InternalConfig } from './useInternalConfig.js';
+export type { OperatorValue, FilterValue } from './types.js';
 //# sourceMappingURL=utils.d.ts.map

package/dist/ProgressBar/ProgressBar.d.ts

@@ -1,5 +1,5 @@
-import type { BaseProps } from '../BaseProps';
-import type { ProgressBarVariantMap } from './index';
+import type { BaseProps } from '../BaseProps.js';
+import type { ProgressBarVariantMap } from './index.js';
 /**
  * Progress bar variant type — maps to semantic color tokens.
  * Extensible via module augmentation of ProgressBarVariantMap.

package/dist/ProgressBar/index.d.ts

@@ -21,6 +21,6 @@ export interface ProgressBarVariantMap {
     neutral: true;
     error: true;
 }
-export { ProgressBar } from './ProgressBar';
-export type { ProgressBarProps, ProgressBarMark, ProgressBarVariant, } from './ProgressBar';
+export { ProgressBar } from './ProgressBar.js';
+export type { ProgressBarProps, ProgressBarMark, ProgressBarVariant, } from './ProgressBar.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/RadioList/RadioList.d.ts

@@ -1,7 +1,7 @@
 import React, { type ReactNode } from 'react';
-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';
 /**
  * Size of the radio controls, matching CheckboxInput sizes.
  */

package/dist/RadioList/RadioListItem.d.ts

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

package/dist/RadioList/index.d.ts

@@ -6,8 +6,8 @@
  *
  * SYNC: When modified, update this header
  */
-export { RadioList, RadioListContext } from './RadioList';
-export type { RadioListProps, RadioListSize, RadioListContextValue, } from './RadioList';
-export { RadioListItem } from './RadioListItem';
-export type { RadioListItemProps } from './RadioListItem';
+export { RadioList, RadioListContext } from './RadioList.js';
+export type { RadioListProps, RadioListSize, RadioListContextValue, } from './RadioList.js';
+export { RadioListItem } from './RadioListItem.js';
+export type { RadioListItemProps } from './RadioListItem.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/Resizable/ResizeHandle.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
-import type { BaseProps } from '../BaseProps';
-import { type ResizableProps } from './useResizable';
+import type { BaseProps } from '../BaseProps.js';
+import { type ResizableProps } from './useResizable.js';
 type PillPlacement = 'start' | 'end' | 'center' | 'auto';
 export interface ResizeHandleProps extends Omit<BaseProps<HTMLDivElement>, 'style'> {
     ref?: React.Ref<HTMLDivElement>;

package/dist/Resizable/index.d.ts

@@ -4,10 +4,10 @@
  * @output Re-exports all public Resizable API
  * @position Package entry point for Resizable
  */
-export { percent } from './utils';
-export { useResizable } from './useResizable';
-export type { ResizablePercentSize, ResizableSize } from './utils';
-export type { ResizableRegion, ResizableRegionConfig, ResizableProps, ResizableConfig, UseResizableSingleConfig, UseResizableMultiConfig, } from './useResizable';
-export { ResizeHandle } from './ResizeHandle';
-export type { ResizeHandleProps } from './ResizeHandle';
+export { percent } from './utils.js';
+export { useResizable } from './useResizable.js';
+export type { ResizablePercentSize, ResizableSize } from './utils.js';
+export type { ResizableRegion, ResizableRegionConfig, ResizableProps, ResizableConfig, UseResizableSingleConfig, UseResizableMultiConfig, } from './useResizable.js';
+export { ResizeHandle } from './ResizeHandle.js';
+export type { ResizeHandleProps } from './ResizeHandle.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/Resizable/useResizable.d.ts

@@ -8,8 +8,8 @@
  * @position Public hook; consumed by layout components via `resizable` prop
  */
 import { type RefObject } from 'react';
-import type { SizeValue } from '../utils/types';
-import type { ResizableSize } from './utils';
+import type { SizeValue } from '../utils/types.js';
+import type { ResizableSize } from './utils.js';
 /** Minimum size configuration. */
 export type ResizableMinConfig = {
     minSize?: ResizableSize;

package/dist/Resizable/utils.d.ts

@@ -3,9 +3,9 @@
  * @output Server-safe Resizable sizing helpers and public types
  * @position Subpath entry point: `@astryxdesign/core/Resizable/utils`
  */
-import type { PixelWidth } from '../Table/utils';
-export { pixel } from '../Table/utils';
-export type { PixelWidth } from '../Table/utils';
+import type { PixelWidth } from '../Table/utils.js';
+export { pixel } from '../Table/utils.js';
+export type { PixelWidth } from '../Table/utils.js';
 /** A percentage with exactly one pixel floor or ceiling. */
 export type ResizablePercentSize = {
     type: 'percent';

package/dist/ScrollableArea/ScrollableArea.d.ts

@@ -11,9 +11,9 @@
  * - /packages/cli/assets/templates/blocks/components/ScrollableArea/ (showcase blocks)
  */
 import type { ReactNode } from 'react';
-import type { BaseProps } from '../BaseProps';
-import type { SizeValue, SpacingStep } from '../utils/types';
-import { type ScrollAxis, type ScrollOverscroll, type ScrollStickyContainment } from '../hooks/useScrollableArea';
+import type { BaseProps } from '../BaseProps.js';
+import type { SizeValue, SpacingStep } from '../utils/types.js';
+import { type ScrollAxis, type ScrollOverscroll, type ScrollStickyContainment } from '../hooks/useScrollableArea.js';
 export type ScrollableAreaStickyContainment = ScrollStickyContainment;
 export interface ScrollableAreaProps extends Omit<BaseProps<HTMLDivElement>, 'aria-label' | 'children' | 'role' | 'tabIndex'> {
     /** Content rendered inside the observed content box. */

package/dist/ScrollableArea/index.d.ts

@@ -4,8 +4,8 @@
  * @output Public ScrollableArea package surface
  * @position Package entry point for ScrollableArea
  */
-export { ScrollableArea } from './ScrollableArea';
-export type { ScrollableAreaProps, ScrollableAreaStickyContainment, } from './ScrollableArea';
-export { useScrollableArea } from '../hooks/useScrollableArea';
-export type { ScrollAxis, ScrollAxisState, ScrollOverscroll, ScrollStickyContainment, ScrollKeyboardAccess, ScrollableAreaState, ScrollableElementProps, UseScrollableAreaOptions, UseScrollableAreaResult, } from '../hooks/useScrollableArea';
+export { ScrollableArea } from './ScrollableArea.js';
+export type { ScrollableAreaProps, ScrollableAreaStickyContainment, } from './ScrollableArea.js';
+export { useScrollableArea } from '../hooks/useScrollableArea.js';
+export type { ScrollAxis, ScrollAxisState, ScrollOverscroll, ScrollStickyContainment, ScrollKeyboardAccess, ScrollableAreaState, ScrollableElementProps, UseScrollableAreaOptions, UseScrollableAreaResult, } from '../hooks/useScrollableArea.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/Section/Section.d.ts

@@ -11,9 +11,9 @@
  * - /packages/cli/assets/templates/blocks/components/Section/ (showcase blocks)
  */
 import type { ReactNode } from 'react';
-import type { BaseProps } from '../BaseProps';
-import type { SizeValue, SpacingStep } from '../utils/types';
-import type { SectionVariantMap } from './index';
+import type { BaseProps } from '../BaseProps.js';
+import type { SizeValue, SpacingStep } from '../utils/types.js';
+import type { SectionVariantMap } from './index.js';
 /**
  * Visual variant for the section.
  * Extensible via module augmentation of SectionVariantMap.

package/dist/Section/index.d.ts

@@ -24,6 +24,6 @@ export interface SectionVariantMap {
     transparent: true;
     muted: true;
 }
-export { Section } from './Section';
-export type { SectionProps, SectionVariant } from './Section';
+export { Section } from './Section.js';
+export type { SectionProps, SectionVariant } from './Section.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/SegmentedControl/SegmentedControl.d.ts

@@ -11,8 +11,8 @@
  * - /packages/cli/assets/templates/blocks/components/SegmentedControl/ (showcase blocks)
  */
 import React, { type ReactNode } from 'react';
-import type { SegmentedControlSize, SegmentedControlLayout } from './SegmentedControlContext';
-import type { BaseProps } from '../BaseProps';
+import type { SegmentedControlSize, SegmentedControlLayout } from './SegmentedControlContext.js';
+import type { BaseProps } from '../BaseProps.js';
 export interface SegmentedControlProps extends Omit<BaseProps<HTMLDivElement>, 'onChange'> {
     ref?: React.Ref<HTMLDivElement>;
     /**

package/dist/SegmentedControl/SegmentedControlItem.d.ts

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

package/dist/SegmentedControl/index.d.ts

@@ -6,9 +6,9 @@
  *
  * SYNC: When modified, update this header and /packages/core/src/SegmentedControl/SegmentedControl.doc.mjs
  */
-export { SegmentedControl } from './SegmentedControl';
-export type { SegmentedControlProps } from './SegmentedControl';
-export { SegmentedControlItem } from './SegmentedControlItem';
-export type { SegmentedControlItemProps } from './SegmentedControlItem';
-export type { SegmentedControlSize, SegmentedControlLayout, } from './SegmentedControlContext';
+export { SegmentedControl } from './SegmentedControl.js';
+export type { SegmentedControlProps } from './SegmentedControl.js';
+export { SegmentedControlItem } from './SegmentedControlItem.js';
+export type { SegmentedControlItemProps } from './SegmentedControlItem.js';
+export type { SegmentedControlSize, SegmentedControlLayout, } from './SegmentedControlContext.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/SelectableCard/SelectableCard.d.ts

@@ -24,9 +24,9 @@
  * For navigation or action cards, use ClickableCard.
  */
 import { type ReactNode, type Ref } from 'react';
-import type { Elevation, SizeValue, SpacingStep } from '../utils/types';
-import type { CardVariant } from '../Card/Card';
-import type { BaseProps } from '../BaseProps';
+import type { Elevation, SizeValue, SpacingStep } from '../utils/types.js';
+import type { CardVariant } from '../Card/Card.js';
+import type { BaseProps } from '../BaseProps.js';
 export interface SelectableCardProps extends Omit<BaseProps, 'onChange'> {
     /** Ref forwarded to the root element. */
     ref?: Ref<HTMLDivElement>;

package/dist/SelectableCard/index.d.ts

@@ -1,3 +1,3 @@
-export { SelectableCard } from './SelectableCard';
-export type { SelectableCardProps } from './SelectableCard';
+export { SelectableCard } from './SelectableCard.js';
+export type { SelectableCardProps } from './SelectableCard.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/Selector/Selector.d.ts

@@ -15,14 +15,14 @@
  * - /packages/cli/assets/templates/blocks/components/Selector/ (showcase blocks)
  */
 import React, { type ReactNode } from 'react';
-import { type IconType } from '../Icon';
-import type { IndicatorPosition } from '../Indicator';
-import { type FieldStatusVariant } from '../Field';
-import { type LayerPlacement } from '../Layer/useLayer';
-import type { SelectorOptionType, SelectorOptionData } from './types';
-import { type FieldInputBaseProps } from '../Field/fieldParts';
-import type { SizeValue } from '../utils/types';
-import type { AdaptivePresentation } from '../hooks/useAdaptivePresentation';
+import { type IconType } from '../Icon/index.js';
+import type { IndicatorPosition } from '../Indicator/index.js';
+import { type FieldStatusVariant } from '../Field/index.js';
+import { type LayerPlacement } from '../Layer/useLayer.js';
+import type { SelectorOptionType, SelectorOptionData } from './types.js';
+import { type FieldInputBaseProps } from '../Field/fieldParts.js';
+import type { SizeValue } from '../utils/types.js';
+import type { AdaptivePresentation } from '../hooks/useAdaptivePresentation.js';
 export type SelectorSize = 'sm' | 'md' | 'lg';
 export type SelectorVariant = 'input' | 'secondary' | 'ghost';
 export type SelectorPresentation = AdaptivePresentation;

package/dist/Selector/SelectorOption.d.ts

@@ -7,7 +7,7 @@
  */
 import type { ReactNode } from 'react';
 import type { StyleXStyles } from '@stylexjs/stylex';
-import { type IconType } from '../Icon';
+import { type IconType } from '../Icon/index.js';
 export interface SelectorOptionProps {
     /**
      * Icon to display before the label.

package/dist/Selector/hooks.d.ts

@@ -1,5 +1,5 @@
 import type { RefObject } from 'react';
-import type { SelectorOptionData } from './types';
+import type { SelectorOptionData } from './types.js';
 interface UseSelectedItemOffsetOptions {
     isOpen: boolean;
     selectedItemIndex: number;

package/dist/Selector/index.d.ts

@@ -3,8 +3,8 @@
  * @output Exports Selector and types
  * @position Public API entry point
  */
-export { Selector, type SelectorProps, type SelectorPresentation, type SelectorSize, type SelectorStatus, type SelectorStatusType, } from './Selector';
-export { SelectorOption } from './SelectorOption';
-export type { SelectorOptionType, SelectorOptionData, SelectorDivider, SelectorSection, } from './types';
-export { useCombobox, useSelectedItemOffset } from './hooks';
+export { Selector, type SelectorProps, type SelectorPresentation, type SelectorSize, type SelectorStatus, type SelectorStatusType, } from './Selector.js';
+export { SelectorOption } from './SelectorOption.js';
+export type { SelectorOptionType, SelectorOptionData, SelectorDivider, SelectorSection, } from './types.js';
+export { useCombobox, useSelectedItemOffset } from './hooks.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/Selector/types.d.ts

@@ -4,7 +4,7 @@
  * @position Type definitions; used by Selector.tsx
  */
 import type { ReactNode } from 'react';
-import type { IconType } from '../Icon';
+import type { IconType } from '../Icon/index.js';
 /**
  * A selectable option in the selector
  */

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>;
     /**