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

package/dist/DropdownMenu/index.d.ts

@@ -12,14 +12,14 @@
  * DropdownMenuContext + useListFocus path, so a new item type (e.g. a submenu)
  * only shows up in their public API once it's aliased there too.
  */
-export { DropdownMenu, type DropdownMenuProps, type DropdownMenuPresentation, type DropdownMenuButtonProps, type DropdownMenuTriggerProps, type DropdownMenuItemData, type DropdownMenuDividerData, type DropdownMenuSection, type DropdownMenuOption, } from './DropdownMenu';
-export type { AdaptivePresentation as MenuPresentation } from '../hooks/useAdaptivePresentation';
-export { DropdownMenuItem, type DropdownMenuItemProps } from './DropdownMenuItem';
-export { DropdownMenuDivider, type DropdownMenuDividerProps, } from './DropdownMenuDivider';
-export { DropdownMenuGroup, type DropdownMenuGroupProps, } from './DropdownMenuGroup';
-export { DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, } from './DropdownMenuCheckboxItem';
-export { DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, } from './DropdownMenuRadioGroup';
-export { DropdownMenuRadioItem, type DropdownMenuRadioItemProps, } from './DropdownMenuRadioItem';
-export { DropdownMenuSubMenu, type DropdownMenuSubMenuProps, type DropdownMenuSubMenuPresentation, } from './DropdownMenuSubMenu';
-export { DropdownMenuContext, useDropdownMenuContext, type DropdownMenuContextValue, type DropdownMenuSize, } from './DropdownMenuContext';
+export { DropdownMenu, type DropdownMenuProps, type DropdownMenuPresentation, type DropdownMenuButtonProps, type DropdownMenuTriggerProps, type DropdownMenuItemData, type DropdownMenuDividerData, type DropdownMenuSection, type DropdownMenuOption, } from './DropdownMenu.js';
+export type { AdaptivePresentation as MenuPresentation } from '../hooks/useAdaptivePresentation.js';
+export { DropdownMenuItem, type DropdownMenuItemProps } from './DropdownMenuItem.js';
+export { DropdownMenuDivider, type DropdownMenuDividerProps, } from './DropdownMenuDivider.js';
+export { DropdownMenuGroup, type DropdownMenuGroupProps, } from './DropdownMenuGroup.js';
+export { DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, } from './DropdownMenuCheckboxItem.js';
+export { DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, } from './DropdownMenuRadioGroup.js';
+export { DropdownMenuRadioItem, type DropdownMenuRadioItemProps, } from './DropdownMenuRadioItem.js';
+export { DropdownMenuSubMenu, type DropdownMenuSubMenuProps, type DropdownMenuSubMenuPresentation, } from './DropdownMenuSubMenu.js';
+export { DropdownMenuContext, useDropdownMenuContext, type DropdownMenuContextValue, type DropdownMenuSize, } from './DropdownMenuContext.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/DropdownMenu/lazyMenuBottomSheet.d.ts

@@ -17,8 +17,8 @@
  * visible markup, so it first renders right after hydration.
  */
 import { type ComponentProps, type ReactElement } from 'react';
-import type { MenuBottomSheet as EagerMenuBottomSheet } from './MenuBottomSheet';
-import type { MenuBottomSheetActionList as EagerMenuBottomSheetActionList } from './MenuBottomSheetActionList';
+import type { MenuBottomSheet as EagerMenuBottomSheet } from './MenuBottomSheet.js';
+import type { MenuBottomSheetActionList as EagerMenuBottomSheetActionList } from './MenuBottomSheetActionList.js';
 export declare function MenuBottomSheet(props: ComponentProps<typeof EagerMenuBottomSheet>): ReactElement | null;
 export declare function MenuBottomSheetActionList(props: ComponentProps<typeof EagerMenuBottomSheetActionList>): ReactElement | null;
 //# sourceMappingURL=lazyMenuBottomSheet.d.ts.map

package/dist/DropdownMenu/renderDropdownItems.d.ts

@@ -4,7 +4,7 @@
  * @position Utility; used by DropdownMenu to unify data-driven and compound paths
  */
 import type { ReactNode } from 'react';
-import type { DropdownMenuOption } from './DropdownMenu';
+import type { DropdownMenuOption } from './DropdownMenu.js';
 /**
  * Converts data-driven items into DropdownMenuItem components,
  * so both modes share the same rendering and keyboard navigation path.

package/dist/DropdownMenu/useMenuDrillIn.d.ts

@@ -16,7 +16,7 @@
  * when it opens, so a menu never changes shape under a pointer.
  */
 import { type ReactNode } from 'react';
-import type { DropdownMenuDrillIn } from './DropdownMenuContext';
+import type { DropdownMenuDrillIn } from './DropdownMenuContext.js';
 export interface UseMenuDrillInReturn {
     /** The context value for `DropdownMenuContext.drillIn`. */
     drillIn: DropdownMenuDrillIn;

package/dist/EmptyState/EmptyState.d.ts

@@ -12,7 +12,7 @@
  * - /packages/cli/assets/templates/blocks/components/EmptyState/ (showcase blocks)
  */
 import { type ReactNode } from 'react';
-import type { BaseProps } from '../BaseProps';
+import type { BaseProps } from '../BaseProps.js';
 export interface EmptyStateProps extends BaseProps<HTMLDivElement> {
     /** Ref forwarded to the root element */
     ref?: React.Ref<HTMLDivElement>;

package/dist/EmptyState/index.d.ts

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

package/dist/Field/Field.d.ts

@@ -12,11 +12,11 @@
  * - /packages/cli/assets/templates/blocks/components/Field/ (showcase blocks)
  */
 import { type ReactNode } from 'react';
-import type { BaseProps } from '../BaseProps';
-import type { SizeValue } from '../utils/types';
-import type { FieldStatusVariant } from '../FieldStatus/FieldStatus';
-import type { IconType } from '../Icon';
-export type { SizeValue } from '../utils/types';
+import type { BaseProps } from '../BaseProps.js';
+import type { SizeValue } from '../utils/types.js';
+import type { FieldStatusVariant } from '../FieldStatus/FieldStatus.js';
+import type { IconType } from '../Icon/index.js';
+export type { SizeValue } from '../utils/types.js';
 export type FieldStatusType = 'warning' | 'error' | 'success';
 export interface FieldStatusInput {
     /**

package/dist/Field/FieldLabel.d.ts

@@ -12,8 +12,8 @@
  * - /packages/core/locales/en.json (@astryx.field.required / @astryx.field.optional)
  */
 import { type ReactNode } from 'react';
-import type { BaseProps } from '../BaseProps';
-import { type IconType } from '../Icon';
+import type { BaseProps } from '../BaseProps.js';
+import { type IconType } from '../Icon/index.js';
 export interface FieldLabelProps extends BaseProps<HTMLLabelElement> {
     /** Ref forwarded to the root element */
     ref?: React.Ref<HTMLLabelElement>;

package/dist/Field/PanelSearchInput.d.ts

@@ -35,7 +35,7 @@
  * that use it, not public API.
  */
 import { type Ref } from 'react';
-import type { BaseProps } from '../BaseProps';
+import type { BaseProps } from '../BaseProps.js';
 export interface PanelSearchInputProps extends Omit<BaseProps<HTMLInputElement>, 'onChange'> {
     /** Ref forwarded to the input element (for focus management). */
     ref?: Ref<HTMLInputElement>;

package/dist/Field/fieldInputFamily.testing.d.ts

@@ -6,7 +6,7 @@
  *   component's test calls it, and fieldInputFamily.test.ts verifies the call
  *   exists for every component that renders Field
  */
-import type { FieldInputForbiddenStyleProp, FieldPartStyleProps } from './fieldParts';
+import type { FieldInputForbiddenStyleProp, FieldPartStyleProps } from './fieldParts.js';
 type AcceptsRootStyling<P> = [
     Extract<keyof P, FieldInputForbiddenStyleProp>
 ] extends [never] ? false : true;

package/dist/Field/fieldParts.d.ts

@@ -14,7 +14,7 @@
  */
 import { type CSSProperties } from 'react';
 import type { StyleXStyles } from '@stylexjs/stylex';
-import type { BaseProps } from '../BaseProps';
+import type { BaseProps } from '../BaseProps.js';
 /** Root styling props a Field-composed input does not accept. */
 export type FieldInputForbiddenStyleProp = 'xstyle' | 'className' | 'style';
 /** Styling for the Field box (label, control, and status together). */

package/dist/Field/index.d.ts

@@ -6,14 +6,14 @@
  *
  * SYNC: When modified, update this header and /packages/core/src/Field/Field.doc.mjs
  */
-export { Field } from './Field';
-export type { FieldProps, FieldStatusInput, FieldStatusType } from './Field';
-export { FieldLabel } from './FieldLabel';
-export type { FieldLabelProps } from './FieldLabel';
-export { FieldStatus } from '../FieldStatus';
-export type { FieldStatusProps, FieldStatusVariant, FieldStatusVariantMap, } from '../FieldStatus';
-export type { InputStatus, InputStatusType, InputSize } from './types';
-export type { FieldInputBaseProps, FieldContainerStyleProps, FieldControlStyleProps, FieldPartStyleProps, } from './fieldParts';
-export { inputWrapperStyles, inputStatusBorderStyles, inputStatusHoverShadowStyles, inputStatusFocusWithinStyles, inputStatusFocusStyles, } from './inputStyles.stylex';
-export { InputClearButton } from './InputClearButton';
+export { Field } from './Field.js';
+export type { FieldProps, FieldStatusInput, FieldStatusType } from './Field.js';
+export { FieldLabel } from './FieldLabel.js';
+export type { FieldLabelProps } from './FieldLabel.js';
+export { FieldStatus } from '../FieldStatus/index.js';
+export type { FieldStatusProps, FieldStatusVariant, FieldStatusVariantMap, } from '../FieldStatus/index.js';
+export type { InputStatus, InputStatusType, InputSize } from './types.js';
+export type { FieldInputBaseProps, FieldContainerStyleProps, FieldControlStyleProps, FieldPartStyleProps, } from './fieldParts.js';
+export { inputWrapperStyles, inputStatusBorderStyles, inputStatusHoverShadowStyles, inputStatusFocusWithinStyles, inputStatusFocusStyles, } from './inputStyles.stylex.js';
+export { InputClearButton } from './InputClearButton.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/Field/inputDisabledFocus.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @file inputDisabledFocus.ts
+ * @input Uses StyleX and theme tokens
+ * @output inputDisabledFocusStyles (internal; not re-exported from Field/index.ts)
+ * @position Field wrapper style shared by TextInput and TextArea
+ */
+import * as stylex from '@stylexjs/stylex';
+export declare const inputDisabledFocusStyles: Readonly<{
+    readonly ring: Readonly<{
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", "light-dark(#0064E0, #2694FE)" | "light-dark(#CCD3DB, #494D53)">;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", "none" | `inset 0px 0px 0px 2px ${stylex.StyleXVar<"light-dark(#0082FB33, #0082FB3F)">}`>;
+    }>;
+}>;
+//# sourceMappingURL=inputDisabledFocus.d.ts.map

package/dist/Field/inputDisabledFocus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputDisabledFocus.d.ts","sourceRoot":"","sources":["../../src/Field/inputDisabledFocus.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAG3C,eAAO,MAAM,wBAAwB;;;;;EAenC,CAAC"}

package/dist/Field/inputDisabledFocus.js

@@ -0,0 +1,19 @@
+// Copyright (c) Meta Platforms, Inc. and affiliates.
+
+/**
+ * @file inputDisabledFocus.ts
+ * @input Uses StyleX and theme tokens
+ * @output inputDisabledFocusStyles (internal; not re-exported from Field/index.ts)
+ * @position Field wrapper style shared by TextInput and TextArea
+ */
+
+import * as stylex from '@stylexjs/stylex';
+import "../theme/tokens.stylex.js";
+import { colorVars } from "../theme/tokens.stylex.js";
+export const inputDisabledFocusStyles = {
+  ring: {
+    kVAM5u: "xvy26l8 x16it14f",
+    kGVxlE: "x1gnnqk1 xwmge8v",
+    $$css: true
+  }
+};

package/dist/FieldStatus/FieldStatus.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import type { BaseProps } from '../BaseProps';
-import type { InputStatusType } from '../Field/types';
-import type { FieldStatusVariantMap } from './index';
+import type { BaseProps } from '../BaseProps.js';
+import type { InputStatusType } from '../Field/types.js';
+import type { FieldStatusVariantMap } from './index.js';
 /**
  * FieldStatus variant type. Extensible via module augmentation of FieldStatusVariantMap.
  */

package/dist/FieldStatus/index.d.ts

@@ -22,6 +22,6 @@ export interface FieldStatusVariantMap {
     detached: true;
     tooltip: true;
 }
-export { FieldStatus } from './FieldStatus';
-export type { FieldStatusProps, FieldStatusVariant } from './FieldStatus';
+export { FieldStatus } from './FieldStatus.js';
+export type { FieldStatusProps, FieldStatusVariant } from './FieldStatus.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/FieldStatus/useFieldStatusAnnouncement.d.ts

@@ -1,4 +1,4 @@
-import type { InputStatusType } from '../Field/types';
+import type { InputStatusType } from '../Field/types.js';
 /**
  * Speaks a field status message through the persistent live regions:
  * errors assertively, warnings and successes politely. It speaks when a

package/dist/FileInput/FileInput.d.ts

@@ -1,7 +1,7 @@
-import { type InputStatus, type FieldStatusVariant } from '../Field';
-export type { InputStatus as FileInputStatus, InputStatusType as FileInputStatusType, } from '../Field';
-import { type FieldInputBaseProps } from '../Field/fieldParts';
-import type { SizeValue } from '../utils/types';
+import { type InputStatus, type FieldStatusVariant } from '../Field/index.js';
+export type { InputStatus as FileInputStatus, InputStatusType as FileInputStatusType, } from '../Field/index.js';
+import { type FieldInputBaseProps } from '../Field/fieldParts.js';
+import type { SizeValue } from '../utils/types.js';
 export interface FileInputProps extends Omit<FieldInputBaseProps, 'onChange' | 'defaultValue' | 'value'> {
     ref?: React.Ref<HTMLInputElement>;
     /**

package/dist/FileInput/index.d.ts

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

package/dist/FormLayout/FormLayout.d.ts

@@ -14,8 +14,8 @@
  * - /packages/cli/assets/templates/blocks/components/FormLayout/ (showcase blocks)
  */
 import { type ReactNode } from 'react';
-import type { BaseProps } from '../BaseProps';
-import { type FormLayoutDirection, type FormOptionality } from './FormLayoutContext';
+import type { BaseProps } from '../BaseProps.js';
+import { type FormLayoutDirection, type FormOptionality } from './FormLayoutContext.js';
 export interface FormLayoutProps extends BaseProps<HTMLDivElement> {
     /** Ref forwarded to the root element */
     ref?: React.Ref<HTMLDivElement>;

package/dist/FormLayout/index.d.ts

@@ -6,8 +6,8 @@
  *
  * SYNC: When modified, update these files to stay in sync:
  */
-export { FormLayout } from './FormLayout';
-export type { FormLayoutProps } from './FormLayout';
-export type { FormLayoutDirection, FormOptionality } from './FormLayoutContext';
-export { FormLayoutContext } from './FormLayoutContext';
+export { FormLayout } from './FormLayout.js';
+export type { FormLayoutProps } from './FormLayout.js';
+export type { FormLayoutDirection, FormOptionality } from './FormLayoutContext.js';
+export { FormLayoutContext } from './FormLayoutContext.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/Grid/Grid.d.ts

@@ -11,9 +11,9 @@
  * - /packages/cli/assets/templates/blocks/components/Grid/ (showcase blocks)
  */
 import type { ReactNode } from 'react';
-import type { BaseProps } from '../BaseProps';
-import type { SpacingStep } from '../utils/types';
-import type { SizeValue } from '../utils/types';
+import type { BaseProps } from '../BaseProps.js';
+import type { SpacingStep } from '../utils/types.js';
+import type { SizeValue } from '../utils/types.js';
 /**
  * Grid alignment options for align-items and justify-items.
  */

package/dist/Grid/GridSpan.d.ts

@@ -11,7 +11,7 @@
  * - /packages/cli/assets/templates/blocks/components/Grid/ (showcase blocks)
  */
 import type { ReactNode } from 'react';
-import type { BaseProps } from '../BaseProps';
+import type { BaseProps } from '../BaseProps.js';
 export interface GridSpanProps extends BaseProps<HTMLDivElement> {
     /** Ref forwarded to the root element */
     ref?: React.Ref<HTMLDivElement>;

package/dist/Grid/index.d.ts

@@ -6,8 +6,8 @@
  *
  * SYNC: When modified, update /packages/core/src/Grid/Grid.doc.mjs
  */
-export { Grid } from './Grid';
-export type { GridProps, GridColumns, GridAlignment } from './Grid';
-export { GridSpan } from './GridSpan';
-export type { GridSpanProps } from './GridSpan';
+export { Grid } from './Grid.js';
+export type { GridProps, GridColumns, GridAlignment } from './Grid.js';
+export { GridSpan } from './GridSpan.js';
+export type { GridSpanProps } from './GridSpan.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/HStack/HStack.d.ts

@@ -9,8 +9,8 @@
  * - /packages/core/src/HStack/HStack.test.tsx
  * - /packages/cli/assets/templates/blocks/components/HStack/ (showcase blocks)
  */
-import { type StackProps } from '../Stack/Stack';
-import type { StackCrossAlignment, StackMainAlignment } from '../Stack/stack.stylex';
+import { type StackProps } from '../Stack/Stack.js';
+import type { StackCrossAlignment, StackMainAlignment } from '../Stack/stack.stylex.js';
 export interface HStackProps extends Omit<StackProps, 'direction' | 'hAlign' | 'vAlign'> {
     /** Ref forwarded to the root element */
     ref?: React.Ref<HTMLElement>;

package/dist/HStack/index.d.ts

@@ -4,5 +4,5 @@
  * @output Exports HStack and its props type
  * @position Entry point for @astryxdesign/core/HStack subpath export
  */
-export { HStack, type HStackProps } from './HStack';
+export { HStack, type HStackProps } from './HStack.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/Heading/Heading.d.ts

@@ -13,10 +13,10 @@
  * - /packages/cli/assets/templates/blocks/components/Text/ (showcase blocks)
  */
 import { type ReactNode } from 'react';
-import type { TextColor, TextDisplay, TextJustify, WordBreak, TextWrap, TextWeight } from '../theme/types';
-import type { LayerPlacement } from '../Layer';
-import type { BaseProps } from '../BaseProps';
-import type { HeadingTypeMap } from './index';
+import type { TextColor, TextDisplay, TextJustify, WordBreak, TextWrap, TextWeight } from '../theme/types.js';
+import type { LayerPlacement } from '../Layer/index.js';
+import type { BaseProps } from '../BaseProps.js';
+import type { HeadingTypeMap } from './index.js';
 /**
  * Heading level (1-6). Determines both visual styling and semantic HTML element.
  */

package/dist/Heading/index.d.ts

@@ -22,5 +22,5 @@ export interface HeadingTypeMap {
     'display-2': true;
     'display-3': true;
 }
-export { Heading, type HeadingProps, type HeadingLevel, type HeadingType, } from './Heading';
+export { Heading, type HeadingProps, type HeadingLevel, type HeadingType, } from './Heading.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/HoverCard/HoverCard.d.ts

@@ -11,10 +11,10 @@
  * - /packages/cli/assets/templates/blocks/components/HoverCard/ (showcase blocks)
  */
 import { type ReactElement, type ReactNode } from 'react';
-import { type HoverCardFocusTrigger, type HoverCardTouchTrigger } from './useHoverCard';
-import type { LayerAlignment, LayerPlacement } from '../Layer/useLayer';
-import type { BaseProps } from '../BaseProps';
-export type { HoverCardFocusTrigger, HoverCardTouchTrigger, } from './useHoverCard';
+import { type HoverCardFocusTrigger, type HoverCardTouchTrigger } from './useHoverCard.js';
+import type { LayerAlignment, LayerPlacement } from '../Layer/useLayer.js';
+import type { BaseProps } from '../BaseProps.js';
+export type { HoverCardFocusTrigger, HoverCardTouchTrigger, } from './useHoverCard.js';
 export interface HoverCardProps extends Pick<BaseProps, 'xstyle' | 'className' | 'style'> {
     /**
      * The trigger element(s). Children refs are preserved.

package/dist/HoverCard/index.d.ts

@@ -6,8 +6,8 @@
  *
  * SYNC: When adding new HoverCard files, update exports here
  */
-export { useHoverCard } from './useHoverCard';
-export type { HoverCardFocusTrigger, HoverCardTouchTrigger, HoverCardOptions, HoverCardReturn, } from './useHoverCard';
-export { HoverCard } from './HoverCard';
-export type { HoverCardProps } from './HoverCard';
+export { useHoverCard } from './useHoverCard.js';
+export type { HoverCardFocusTrigger, HoverCardTouchTrigger, HoverCardOptions, HoverCardReturn, } from './useHoverCard.js';
+export { HoverCard } from './HoverCard.js';
+export type { HoverCardProps } from './HoverCard.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/HoverCard/useHoverCard.d.ts

@@ -8,8 +8,8 @@
  * - /packages/core/src/HoverCard/index.ts
  */
 import { type ReactNode, type RefCallback } from 'react';
-import { type ContextRenderProps, type LayerAlignment, type LayerPlacement } from '../Layer/useLayer';
-import { type LayerTouchTrigger } from '../Layer/useTouchTrigger';
+import { type ContextRenderProps, type LayerAlignment, type LayerPlacement } from '../Layer/useLayer.js';
+import { type LayerTouchTrigger } from '../Layer/useTouchTrigger.js';
 /**
  * Focus trigger behavior for hover cards
  */

package/dist/Icon/Icon.d.ts

@@ -20,9 +20,9 @@
 import React, { type ComponentType, type SVGProps } from 'react';
 import * as stylex from '@stylexjs/stylex';
 import type { StyleXStyles } from '@stylexjs/stylex';
-import type { IconName, NamespacedIconName } from './globalIconRegistry';
-import { type IconSize } from './IconSize.stylex';
-export type { IconSize } from './IconSize.stylex';
+import type { IconName, NamespacedIconName } from './globalIconRegistry.js';
+import { type IconSize } from './IconSize.stylex.js';
+export type { IconSize } from './IconSize.stylex.js';
 declare const colorStyles: Readonly<{
     readonly primary: Readonly<{
         readonly color: stylex.StyleXClassNameFor<"color", "light-dark(#0A1317, #DFE2E5)">;

package/dist/Icon/IconDefaultSizeContext.d.ts

@@ -1,4 +1,4 @@
-import type { IconSize } from './IconSize.stylex';
+import type { IconSize } from './IconSize.stylex.js';
 export declare const IconDefaultSizeProvider: import("react").Provider<"xsm" | "sm" | "lg" | "md" | null>;
 export declare function useIconSize(size: IconSize | undefined): IconSize;
 //# sourceMappingURL=IconDefaultSizeContext.d.ts.map

package/dist/Icon/defaultIcons.d.ts

@@ -21,6 +21,6 @@
  * - /packages/core/src/Icon/Icon.doc.mjs (fallback icon documentation)
  */
 import type { ReactNode } from 'react';
-import type { IconName, NamespacedIconName } from './globalIconRegistry';
+import type { IconName, NamespacedIconName } from './globalIconRegistry.js';
 export declare const defaultIcons: Record<IconName, ReactNode> & Partial<Record<NamespacedIconName, ReactNode>>;
 //# sourceMappingURL=defaultIcons.d.ts.map

package/dist/Icon/globalIconRegistry.d.ts

@@ -8,7 +8,7 @@
  * Components resolve semantic icons through getIcon() or the client useIcon() hook.
  */
 import type { ReactNode } from 'react';
-import type { DefinedTheme } from '../theme/defineTheme';
+import type { DefinedTheme } from '../theme/defineTheme.js';
 /**
  * Semantic icon names used internally by Astryx components.
  *

package/dist/Icon/index.d.ts

@@ -6,9 +6,9 @@
  *
  * SYNC: When modified, update this header and /packages/core/src/Icon/Icon.doc.mjs
  */
-export { Icon, renderIconSlot } from './Icon';
-export { useIcon } from './useIcon';
-export type { IconProps, IconColor, IconSize, IconType } from './Icon';
-export { registerIcons, getIconRegistry, getIcon, getExtendedIcon, resetIcons, } from './globalIconRegistry';
-export type { IconName, ExtendedIconName, NamespacedIconName, IconRegistry, IconRegistrySource, } from './globalIconRegistry';
+export { Icon, renderIconSlot } from './Icon.js';
+export { useIcon } from './useIcon.js';
+export type { IconProps, IconColor, IconSize, IconType } from './Icon.js';
+export { registerIcons, getIconRegistry, getIcon, getExtendedIcon, resetIcons, } from './globalIconRegistry.js';
+export type { IconName, ExtendedIconName, NamespacedIconName, IconRegistry, IconRegistrySource, } from './globalIconRegistry.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/Icon/useIcon.d.ts

@@ -5,7 +5,7 @@
  * @position Client hook for components that render registry icons directly
  */
 import type { ReactNode } from 'react';
-import { type IconName, type NamespacedIconName } from './globalIconRegistry';
+import { type IconName, type NamespacedIconName } from './globalIconRegistry.js';
 /**
  * Resolve a semantic icon name from the nearest Theme, falling back through
  * root theme registration, global icon overrides, and built-in defaults.

package/dist/IconButton/IconButton.d.ts

@@ -12,7 +12,7 @@
  * - /packages/cli/assets/templates/blocks/components/IconButton/ (showcase blocks)
  */
 import type { ReactNode } from 'react';
-import type { ButtonProps } from '../Button/Button';
+import type { ButtonProps } from '../Button/Button.js';
 /**
  * Props for IconButton.
  *

package/dist/IconButton/index.d.ts

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

package/dist/Indicator/CheckIndicator.d.ts

@@ -1,4 +1,4 @@
-import type { IndicatorProps } from './types';
+import type { IndicatorProps } from './types.js';
 /**
  * The default single-selection mark: a checkmark when chosen, nothing when not.
  *

package/dist/Indicator/CheckboxIndicator.d.ts

@@ -1,4 +1,4 @@
-import type { IndicatorProps } from './types';
+import type { IndicatorProps } from './types.js';
 /**
  * The default checkbox visual: a square box with a checkmark or an
  * indeterminate bar.

package/dist/Indicator/RadioIndicator.d.ts

@@ -1,4 +1,4 @@
-import type { IndicatorProps } from './types';
+import type { IndicatorProps } from './types.js';
 /**
  * The default radio visual: a circle with a filled inner dot when selected.
  *

package/dist/Indicator/index.d.ts

@@ -13,12 +13,12 @@
  * replaceable wholesale by name through `defineTheme({indicators})` — replace
  * `check` and every single-selection mark in the app follows.
  */
-export { CheckboxIndicator } from './CheckboxIndicator';
-export { CheckIndicator } from './CheckIndicator';
-export { RadioIndicator } from './RadioIndicator';
-export { defaultIndicators, getIndicator } from './indicatorRegistry';
-export type { CoreIndicatorName, IndicatorRegistrySource, } from './indicatorRegistry';
-export { useIndicator } from './useIndicator';
-export { indicatorScope } from './indicator.markers.stylex';
-export type { IndicatorComponent, IndicatorFamily, IndicatorFamilyMap, IndicatorMap, IndicatorName, IndicatorNameOfFamily, IndicatorPosition, IndicatorProps, IndicatorRegistry, IndicatorSize, IndicatorState, } from './types';
+export { CheckboxIndicator } from './CheckboxIndicator.js';
+export { CheckIndicator } from './CheckIndicator.js';
+export { RadioIndicator } from './RadioIndicator.js';
+export { defaultIndicators, getIndicator } from './indicatorRegistry.js';
+export type { CoreIndicatorName, IndicatorRegistrySource, } from './indicatorRegistry.js';
+export { useIndicator } from './useIndicator.js';
+export { indicatorScope } from './indicator.markers.stylex.js';
+export type { IndicatorComponent, IndicatorFamily, IndicatorFamilyMap, IndicatorMap, IndicatorName, IndicatorNameOfFamily, IndicatorPosition, IndicatorProps, IndicatorRegistry, IndicatorSize, IndicatorState, } from './types.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/Indicator/indicatorRegistry.d.ts

@@ -21,8 +21,8 @@
  * promise a component for `getIndicator('brand-star')` and hand back
  * `undefined` at runtime.
  */
-import type { DefinedTheme } from '../theme/defineTheme';
-import type { IndicatorComponent, IndicatorMap, IndicatorName } from './types';
+import type { DefinedTheme } from '../theme/defineTheme.js';
+import type { IndicatorComponent, IndicatorMap, IndicatorName } from './types.js';
 /**
  * The indicator names Astryx ships a default for.
  *

package/dist/Indicator/types.d.ts

@@ -32,7 +32,7 @@
  * `state={isOpen ? 'on' : 'off'}`.
  */
 import type { ComponentType, ReactNode, Ref } from 'react';
-import type { BaseProps } from '../BaseProps';
+import type { BaseProps } from '../BaseProps.js';
 /**
  * The indicator families, each mapped to the states it can express.
  *

package/dist/Indicator/useIndicator.d.ts

@@ -1,5 +1,5 @@
-import { type CoreIndicatorName } from './indicatorRegistry';
-import type { IndicatorComponent, IndicatorMap, IndicatorName } from './types';
+import { type CoreIndicatorName } from './indicatorRegistry.js';
+import type { IndicatorComponent, IndicatorMap, IndicatorName } from './types.js';
 /**
  * Resolve an indicator component from the nearest `<Theme>`.
  *

package/dist/InputGroup/InputGroup.d.ts

@@ -15,8 +15,8 @@
  * - /packages/cli/assets/templates/blocks/components/InputGroup/
  */
 import { type ReactNode } from 'react';
-import { type InputStatus } from '../Field';
-import type { BaseProps } from '../BaseProps';
+import { type InputStatus } from '../Field/index.js';
+import type { BaseProps } from '../BaseProps.js';
 export type InputGroupSize = 'sm' | 'md' | 'lg';
 export interface InputGroupProps extends Omit<BaseProps<HTMLDivElement>, 'children'> {
     /** Ref forwarded to the group container element */

package/dist/InputGroup/InputGroupText.d.ts

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