@astryxdesign/core 0.7.4 → 0.7.5-canary.04434e7

package/dist/DropdownMenu/DropdownMenuRadioItem.d.ts

@@ -8,7 +8,8 @@
  * (role="menuitemradio"). The row owns the role and aria-checked; there is no
  * nested native <input> (per the WAI-ARIA menuitemradio pattern). Selection
  * state + onChange come from DropdownMenuRadioGroupContext. Keyboard nav +
- * Enter/Space activation come from the parent DropdownMenu.
+ * Enter/Space activation come from the parent DropdownMenu. Caller onClick and
+ * onPointerMove run after the row's own selection and hover focus.
  *
  * The round radio visual is the shared radio indicator, decorative
  * (aria-hidden) — the row owns the checked state, and menu radios pick up the
@@ -17,8 +18,8 @@
  * the inline-end of the row on coarse-pointer (touch) devices via CSS `order`.
  */
 import { type ReactNode } from 'react';
-import { type IconType } from '../Icon';
-import type { BaseProps } from '../BaseProps';
+import { type IconType } from '../Icon/index.js';
+import type { BaseProps } from '../BaseProps.js';
 export interface DropdownMenuRadioItemProps extends Omit<BaseProps, 'role' | 'aria-checked' | 'tabIndex'> {
     /**
      * The value this item represents within its group. The group's `value`
@@ -39,9 +40,9 @@ export interface DropdownMenuRadioItemProps extends Omit<BaseProps, 'role' | 'ar
      */
     icon?: ReactNode | IconType;
     /**
-     * Whether this individual radio item is disabled. Disabled items stay
-     * focusable (via `aria-disabled`) so they remain discoverable by keyboard
-     * and assistive technology, but selection is blocked.
+     * Whether this individual radio item is disabled. Disabled items expose
+     * `aria-disabled`, block selection, and are currently skipped by
+     * DropdownMenu arrow-key navigation.
      * @default false
      */
     isDisabled?: boolean;
@@ -56,6 +57,10 @@ export interface DropdownMenuRadioItemProps extends Omit<BaseProps, 'role' | 'ar
 /**
  * A single option in a DropdownMenuRadioGroup (role="menuitemradio").
  *
+ * Consumer click and pointer-move handlers compose after the row's own
+ * selection and hover-focus behavior; disabled activation stops before the
+ * consumer click handler.
+ *
  * @example
  * ```
  * <DropdownMenuRadioGroup value={sort} onChange={setSort} label="Sort by">
@@ -64,7 +69,7 @@ export interface DropdownMenuRadioItemProps extends Omit<BaseProps, 'role' | 'ar
  * </DropdownMenuRadioGroup>
  * ```
  */
-export declare function DropdownMenuRadioItem({ value, label, description, icon, isDisabled, endContent, xstyle, className, style, ...rest }: DropdownMenuRadioItemProps): import("react").JSX.Element;
+export declare function DropdownMenuRadioItem({ value, label, description, icon, isDisabled, endContent, xstyle, className, style, onClick, onPointerMove, ...rest }: DropdownMenuRadioItemProps): import("react").JSX.Element;
 export declare namespace DropdownMenuRadioItem {
     var displayName: string;
 }

package/dist/DropdownMenu/DropdownMenuRadioItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuRadioItem.d.ts","sourceRoot":"","sources":["../../src/DropdownMenu/DropdownMenuRadioItem.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,EAAiC,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAErE,OAAO,EAAiB,KAAK,QAAQ,EAAC,MAAM,SAAS,CAAC;AAOtD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AA4C5C,MAAM,WAAW,0BAA2B,SAAQ,IAAI,CACtD,SAAS,EACT,MAAM,GAAG,cAAc,GAAG,UAAU,CACrC;IACC;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC5B;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,mFAAmF;IACnF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;CAC9B;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,KAAK,EACL,WAAW,EACX,IAAI,EACJ,UAAkB,EAClB,UAAU,EACV,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,0BAA0B,+BAmE5B;yBA9Ee,qBAAqB"}
+{"version":3,"file":"DropdownMenuRadioItem.d.ts","sourceRoot":"","sources":["../../src/DropdownMenu/DropdownMenuRadioItem.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,EAIL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,EAAiB,KAAK,QAAQ,EAAC,MAAM,SAAS,CAAC;AAOtD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AA4C5C,MAAM,WAAW,0BAA2B,SAAQ,IAAI,CACtD,SAAS,EACT,MAAM,GAAG,cAAc,GAAG,UAAU,CACrC;IACC;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC5B;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,mFAAmF;IACnF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;CAC9B;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,KAAK,EACL,WAAW,EACX,IAAI,EACJ,UAAkB,EAClB,UAAU,EACV,MAAM,EACN,SAAS,EACT,KAAK,EACL,OAAO,EACP,aAAa,EACb,GAAG,IAAI,EACR,EAAE,0BAA0B,+BAuE5B;yBApFe,qBAAqB"}

package/dist/DropdownMenu/DropdownMenuRadioItem.js

@@ -12,7 +12,8 @@
  * (role="menuitemradio"). The row owns the role and aria-checked; there is no
  * nested native <input> (per the WAI-ARIA menuitemradio pattern). Selection
  * state + onChange come from DropdownMenuRadioGroupContext. Keyboard nav +
- * Enter/Space activation come from the parent DropdownMenu.
+ * Enter/Space activation come from the parent DropdownMenu. Caller onClick and
+ * onPointerMove run after the row's own selection and hover focus.
  *
  * The round radio visual is the shared radio indicator, decorative
  * (aria-hidden) — the row owns the checked state, and menu radios pick up the
@@ -29,7 +30,7 @@ import { useDropdownMenuContext } from "./DropdownMenuContext.js";
 import { focusMenuItemOnHover } from "./menuItemHover.js";
 import "../theme/tokens.stylex.js";
 import { colorVars, spacingVars } from "../theme/tokens.stylex.js";
-import { mergeProps, themeProps } from "../utils/index.js";
+import { composeEventHandlers, mergeProps, themeProps } from "../utils/index.js";
 import { useDropdownMenuRadioGroupContext } from "./DropdownMenuContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const styles = {
@@ -61,6 +62,10 @@ const styles = {
 /**
  * A single option in a DropdownMenuRadioGroup (role="menuitemradio").
  *
+ * Consumer click and pointer-move handlers compose after the row's own
+ * selection and hover-focus behavior; disabled activation stops before the
+ * consumer click handler.
+ *
  * @example
  * ```
  * <DropdownMenuRadioGroup value={sort} onChange={setSort} label="Sort by">
@@ -79,6 +84,8 @@ export function DropdownMenuRadioItem({
   xstyle,
   className,
   style,
+  onClick,
+  onPointerMove,
   ...rest
 }) {
   const menuCtx = useDropdownMenuContext();
@@ -90,7 +97,7 @@ export function DropdownMenuRadioItem({
   const controlSize = menuSize === 'sm' ? 'sm' : 'md';
   const isChecked = groupCtx.value === value;
   const RadioControl = useIndicator('radio');
-  const handleClick = useCallback(() => {
+  const handleClick = useCallback(event => {
     if (isDisabled) {
       return;
     }
@@ -98,14 +105,15 @@ export function DropdownMenuRadioItem({
     if (groupCtx.hasCloseOnSelect) {
       menuCtx?.closeMenu();
     }
-  }, [isDisabled, groupCtx, value, menuCtx]);
+    onClick?.(event);
+  }, [isDisabled, groupCtx, value, menuCtx, onClick]);
   const handlePointerMove = useCallback(e => focusMenuItemOnHover(e, isDisabled), [isDisabled]);
   return /*#__PURE__*/_jsx(Item, {
     ...rest,
     role: "menuitemradio",
     "aria-checked": isChecked,
     tabIndex: isDisabled ? undefined : -1,
-    onPointerMove: handlePointerMove,
+    onPointerMove: composeEventHandlers(handlePointerMove, onPointerMove),
     marker:
     /*#__PURE__*/
     // No wrapper — see DropdownMenuCheckboxItem: the target belongs on the

package/dist/DropdownMenu/DropdownMenuSubMenu.d.ts

@@ -47,8 +47,8 @@
  * - /packages/cli/assets/templates/blocks/components/DropdownMenu/ (showcase blocks)
  */
 import React, { type ReactNode } from 'react';
-import { type IconType } from '../Icon';
-import type { BaseProps } from '../BaseProps';
+import { type IconType } from '../Icon/index.js';
+import type { BaseProps } from '../BaseProps.js';
 export type DropdownMenuSubMenuPresentation = 'flyout' | 'drill-in' | 'adaptive';
 interface DropdownMenuSubMenuBaseProps extends Omit<BaseProps, 'role' | 'tabIndex'> {
     /** Icon to display before the label on the trigger row. */

package/dist/DropdownMenu/MenuBottomSheetActionList.d.ts

@@ -5,7 +5,7 @@
  * @position Shared implementation for menu bottom-sheet presentations
  */
 import React from 'react';
-import type { DropdownMenuItemData, DropdownMenuOption } from './DropdownMenu';
+import type { DropdownMenuItemData, DropdownMenuOption } from './DropdownMenu.js';
 export declare function MenuBottomSheetActionList({ items, onSelect, onOpenSubmenu, }: {
     items: DropdownMenuOption[];
     onSelect: (item: DropdownMenuItemData, event: React.MouseEvent) => void;

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