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

package/dist/Outline/useOutlineFromMarkdown.d.ts

@@ -1,6 +1,6 @@
-import type { ParseOutlineFromMarkdownOptions } from './parseOutlineFromMarkdown';
-import type { MarkdownExtensionNode } from '../Markdown/plugins/protocol';
-import type { OutlineItem } from './types';
+import type { ParseOutlineFromMarkdownOptions } from './parseOutlineFromMarkdown.js';
+import type { MarkdownExtensionNode } from '../Markdown/plugins/protocol.js';
+import type { OutlineItem } from './types.js';
 /** Extract a stable outline from a Markdown string. */
 export declare function useOutlineFromMarkdown<Node extends MarkdownExtensionNode = never>(markdown: string, options?: ParseOutlineFromMarkdownOptions<Node>): OutlineItem[];
 //# sourceMappingURL=useOutlineFromMarkdown.d.ts.map

package/dist/Outline/useScrollSpy.d.ts

@@ -1,4 +1,4 @@
-import type { OutlineItem } from './types';
+import type { OutlineItem } from './types.js';
 interface UseScrollSpyOptions {
     activeId?: string;
     items: OutlineItem[];

package/dist/OverflowList/OverflowList.d.ts

@@ -14,8 +14,8 @@
  * - /packages/cli/assets/templates/blocks/components/OverflowList/ (showcase blocks)
  */
 import { type ReactNode, type ReactElement } 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';
 export interface OverflowItem {
     /** The React element for this item */
     child: ReactElement;

package/dist/OverflowList/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * @file OverflowList component barrel export
  */
-export { OverflowList } from './OverflowList';
-export type { OverflowListProps, OverflowItem } from './OverflowList';
+export { OverflowList } from './OverflowList.js';
+export type { OverflowListProps, OverflowItem } from './OverflowList.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/Overlay/Overlay.d.ts

@@ -11,8 +11,8 @@
  * use the useOverlay hook directly.
  */
 import type { ReactNode, Ref } from 'react';
-import type { BaseProps } from '../BaseProps';
-import type { OverlayScrimMode, OverlayPosition, OverlayAlign, OverlayShowOn } from './OverlayScrim';
+import type { BaseProps } from '../BaseProps.js';
+import type { OverlayScrimMode, OverlayPosition, OverlayAlign, OverlayShowOn } from './OverlayScrim.js';
 export interface OverlayProps extends Pick<BaseProps<HTMLDivElement>, 'xstyle' | 'className' | 'style'> {
     /** Ref forwarded to the container element. */
     ref?: Ref<HTMLDivElement>;

package/dist/Overlay/index.d.ts

@@ -2,9 +2,9 @@
  * @file index.ts
  * @position Overlay barrel export
  */
-export { Overlay } from './Overlay';
-export type { OverlayProps } from './Overlay';
-export { useOverlay } from './useOverlay';
-export type { UseOverlayOptions, UseOverlayResult, OverlayContainerProps, } from './useOverlay';
-export type { OverlayScrimMode, OverlayPosition, OverlayAlign, OverlayShowOn, } from './OverlayScrim';
+export { Overlay } from './Overlay.js';
+export type { OverlayProps } from './Overlay.js';
+export { useOverlay } from './useOverlay.js';
+export type { UseOverlayOptions, UseOverlayResult, OverlayContainerProps, } from './useOverlay.js';
+export type { OverlayScrimMode, OverlayPosition, OverlayAlign, OverlayShowOn, } from './OverlayScrim.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/Overlay/useOverlay.d.ts

@@ -12,7 +12,7 @@
  * and scrim rendering.
  */
 import { type ReactNode, type ReactElement, type MouseEvent } from 'react';
-import type { OverlayScrimMode, OverlayPosition, OverlayAlign, OverlayShowOn } from './OverlayScrim';
+import type { OverlayScrimMode, OverlayPosition, OverlayAlign, OverlayShowOn } from './OverlayScrim.js';
 export interface UseOverlayOptions {
     /** Content rendered inside the scrim overlay. */
     content?: ReactNode;

package/dist/Pagination/Pagination.d.ts

@@ -1,5 +1,5 @@
-import type { BaseProps } from '../BaseProps';
-import type { PaginationVariantMap } from './index';
+import type { BaseProps } from '../BaseProps.js';
+import type { PaginationVariantMap } from './index.js';
 /** Visual variant controlling what appears between prev/next buttons.
  * Extensible via module augmentation of PaginationVariantMap.
  */

package/dist/Pagination/index.d.ts

@@ -25,6 +25,6 @@ export interface PaginationVariantMap {
     input: true;
     none: true;
 }
-export { Pagination, generatePageRange } from './Pagination';
-export type { PaginationProps, PaginationVariant, PaginationSize, } from './Pagination';
+export { Pagination, generatePageRange } from './Pagination.js';
+export type { PaginationProps, PaginationVariant, PaginationSize, } from './Pagination.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/Popover/Popover.d.ts

@@ -13,9 +13,9 @@
  * - /packages/cli/assets/templates/blocks/components/Popover/ (showcase blocks)
  */
 import React, { type ReactElement, type ReactNode } from 'react';
-import type { BaseProps } from '../BaseProps';
-import type { LayerAlignment, LayerPlacement } from '../Layer/useLayer';
-import type { SpacingStep } from '../utils/types';
+import type { BaseProps } from '../BaseProps.js';
+import type { LayerAlignment, LayerPlacement } from '../Layer/useLayer.js';
+import type { SpacingStep } from '../utils/types.js';
 /**
  * Props passed to render-prop children for explicit trigger wiring.
  */

package/dist/Popover/index.d.ts

@@ -6,8 +6,8 @@
  *
  * SYNC: When adding new Popover files, update exports here
  */
-export { usePopover } from './usePopover';
-export type { UsePopoverOptions, UsePopoverReturn } from './usePopover';
-export { Popover } from './Popover';
-export type { PopoverProps, PopoverTriggerRenderProps } from './Popover';
+export { usePopover } from './usePopover.js';
+export type { UsePopoverOptions, UsePopoverReturn } from './usePopover.js';
+export { Popover } from './Popover.js';
+export type { PopoverProps, PopoverTriggerRenderProps } from './Popover.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/Popover/usePopover.d.ts

@@ -11,9 +11,9 @@
  * - /packages/core/src/Popover/index.ts
  */
 import React, { type ReactNode } from 'react';
-import { type ContextRenderProps } from '../Layer/useLayer';
+import { type ContextRenderProps } from '../Layer/useLayer.js';
 import type { StyleXStyles } from '@stylexjs/stylex';
-import type { SpacingStep } from '../utils/types';
+import type { SpacingStep } from '../utils/types.js';
 /**
  * Options for usePopover
  */

package/dist/PowerSearch/PowerSearch.d.ts

@@ -10,11 +10,11 @@
  * - /packages/cli/assets/templates/blocks/components/PowerSearch/ (showcase blocks)
  */
 import React, { type ReactNode } from 'react';
-import type { BaseProps } from '../BaseProps';
-import { type TokenizerOverflowBehavior } from '../Tokenizer';
-import type { IconType } from '../Icon';
-import type { InputStatus, FieldStatusVariant } from '../Field';
-import type { PowerSearchConfig, PowerSearchFilter, PowerSearchChangeType, PowerSearchHandle, PowerSearchComponents } from './types';
+import type { BaseProps } from '../BaseProps.js';
+import { type TokenizerOverflowBehavior } from '../Tokenizer/index.js';
+import type { IconType } from '../Icon/index.js';
+import type { InputStatus, FieldStatusVariant } from '../Field/index.js';
+import type { PowerSearchConfig, PowerSearchFilter, PowerSearchChangeType, PowerSearchHandle, PowerSearchComponents } from './types.js';
 export type PowerSearchSize = 'sm' | 'md' | 'lg';
 export interface PowerSearchProps extends Omit<BaseProps<HTMLElement>, 'onChange'> {
     /** PowerSearch configuration defining available fields and operators. */

package/dist/PowerSearch/PowerSearchEditPopover.d.ts

@@ -8,8 +8,8 @@
  * - /packages/core/src/PowerSearch/index.ts
  */
 import React from 'react';
-import type { InternalConfig } from './useInternalConfig';
-import type { PowerSearchFilter, PartialFilter } from './types';
+import type { InternalConfig } from './useInternalConfig.js';
+import type { PowerSearchFilter, PartialFilter } from './types.js';
 export interface PowerSearchEditPopoverProps {
     config: InternalConfig;
     /** The filter being edited/created. */

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