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

package/dist/Table/plugins/pagination/index.d.ts

@@ -1,4 +1,4 @@
-export { useTablePagination } from './useTablePagination';
-export type { UseTablePaginationConfig } from './useTablePagination';
-export { paginateData } from './paginateData';
+export { useTablePagination } from './useTablePagination.js';
+export type { UseTablePaginationConfig } from './useTablePagination.js';
+export { paginateData } from './paginateData.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/Table/plugins/pagination/useTablePagination.d.ts

@@ -1,4 +1,4 @@
-import type { TablePlugin } from '../../types';
+import type { TablePlugin } from '../../types.js';
 /**
  * Configuration for useTablePagination.
  *

package/dist/Table/plugins/rowExpansion/index.d.ts

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

package/dist/Table/plugins/rowExpansion/useTableRowExpansion.d.ts

@@ -14,7 +14,7 @@
  * - /packages/core/src/Table/useTableRowExpansion.doc.mjs
  */
 import { type ReactNode } from 'react';
-import type { TablePlugin } from '../../types';
+import type { TablePlugin } from '../../types.js';
 /**
  * Configuration for useTableRowExpansion (detail-panel mode).
  *

package/dist/Table/plugins/rowIndex/index.d.ts

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

package/dist/Table/plugins/rowIndex/useTableRowIndex.d.ts

@@ -8,7 +8,7 @@
  * - /packages/core/src/Table/index.ts (exports)
  */
 import { type ReactNode } from 'react';
-import type { TablePlugin } from '../../types';
+import type { TablePlugin } from '../../types.js';
 /**
  * Configuration for {@link useTableRowIndex}.
  *

package/dist/Table/plugins/rowStatus/index.d.ts

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

package/dist/Table/plugins/rowStatus/useTableRowStatus.d.ts

@@ -1,5 +1,5 @@
-import type { TableRowStatus, TableSemanticRowStatus } from '../../index';
-import type { TablePlugin } from '../../types';
+import type { TableRowStatus, TableSemanticRowStatus } from '../../index.js';
+import type { TablePlugin } from '../../types.js';
 /**
  * Named colors supported by the custom row-status marker. These resolve to the
  * design system's icon color tokens; raw CSS colors remain an escape hatch.

package/dist/Table/plugins/selection/index.d.ts

@@ -1,5 +1,5 @@
-export { useTableSelection } from './useTableSelection';
-export type { UseTableSelectionConfig } from './useTableSelection';
-export { useTableSelectionState } from './useTableSelectionState';
-export type { TableSelectionState, UseTableSelectionStateConfig, UseTableSelectionStateResult, } from './useTableSelectionState';
+export { useTableSelection } from './useTableSelection.js';
+export type { UseTableSelectionConfig } from './useTableSelection.js';
+export { useTableSelectionState } from './useTableSelectionState.js';
+export type { TableSelectionState, UseTableSelectionStateConfig, UseTableSelectionStateResult, } from './useTableSelectionState.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/Table/plugins/selection/useTableSelection.d.ts

@@ -1,4 +1,4 @@
-import type { TablePlugin } from '../../types';
+import type { TablePlugin } from '../../types.js';
 export interface UseTableSelectionConfig<T extends Record<string, unknown>> {
     /** Is this item currently selected? */
     getIsItemSelected: (item: T) => boolean;

package/dist/Table/plugins/selection/useTableSelectionState.d.ts

@@ -1,4 +1,4 @@
-import type { UseTableSelectionConfig } from './useTableSelection';
+import type { UseTableSelectionConfig } from './useTableSelection.js';
 export interface UseTableSelectionStateConfig<T extends Record<string, unknown>> {
     /**
      * The data array currently rendered in the table.

package/dist/Table/plugins/sortable/index.d.ts

@@ -1,5 +1,5 @@
-export { useTableSortable } from './useTableSortable';
-export type { UseTableSortableConfig, TableSortDirection, TableSortEntry, TableSortState, } from './useTableSortable';
-export { useTableSortableState } from './useTableSortableState';
-export type { UseTableSortableStateConfig, UseTableSortableStateResult, TableSortComparator, } from './useTableSortableState';
+export { useTableSortable } from './useTableSortable.js';
+export type { UseTableSortableConfig, TableSortDirection, TableSortEntry, TableSortState, } from './useTableSortable.js';
+export { useTableSortableState } from './useTableSortableState.js';
+export type { UseTableSortableStateConfig, UseTableSortableStateResult, TableSortComparator, } from './useTableSortableState.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/Table/plugins/sortable/useTableSortable.d.ts

@@ -1,4 +1,4 @@
-import type { TablePlugin } from '../../types';
+import type { TablePlugin } from '../../types.js';
 /**
  * Sort direction for a single column.
  */

package/dist/Table/plugins/sortable/useTableSortableState.d.ts

@@ -1,4 +1,4 @@
-import type { TableSortState, UseTableSortableConfig } from './useTableSortable';
+import type { TableSortState, UseTableSortableConfig } from './useTableSortable.js';
 /**
  * Custom comparator for a single sort key.
  * Receives two row values and returns a standard comparison number.

package/dist/Table/plugins/stickyColumns/index.d.ts

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

package/dist/Table/plugins/stickyColumns/useTableStickyColumns.d.ts

@@ -1,4 +1,4 @@
-import type { TablePlugin } from '../../types';
+import type { TablePlugin } from '../../types.js';
 /**
  * Config for {@link useTableStickyColumns}. Provide at least one of
  * `startKeys` / `endKeys` to pin columns.

package/dist/Table/plugins/tree/index.d.ts

@@ -1,5 +1,5 @@
-export { useTableTreeData } from './useTableTreeData';
-export type { TableTreeRowMeta, UseTableTreeDataConfig, } from './useTableTreeData';
-export { useTableTreeState } from './useTableTreeState';
-export type { UseTableTreeStateConfig, UseTableTreeStateResult, } from './useTableTreeState';
+export { useTableTreeData } from './useTableTreeData.js';
+export type { TableTreeRowMeta, UseTableTreeDataConfig, } from './useTableTreeData.js';
+export { useTableTreeState } from './useTableTreeState.js';
+export type { UseTableTreeStateConfig, UseTableTreeStateResult, } from './useTableTreeState.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/Table/plugins/tree/useTableTreeData.d.ts

@@ -1,4 +1,4 @@
-import type { TablePlugin } from '../../types';
+import type { TablePlugin } from '../../types.js';
 /** Structural position of one visible row within the tree. */
 export interface TableTreeRowMeta {
     /** The row's id (from `idKey`). */

package/dist/Table/plugins/tree/useTableTreeState.d.ts

@@ -1,4 +1,4 @@
-import type { UseTableTreeDataConfig } from './useTableTreeData';
+import type { UseTableTreeDataConfig } from './useTableTreeData.js';
 export interface UseTableTreeStateConfig<T extends Record<string, unknown>> {
     /** Nested data: rows may carry child rows under `childrenKey`. */
     data: T[];

package/dist/Table/tableContextMenu.d.ts

@@ -9,8 +9,8 @@
  * - /packages/core/src/Table/types.ts (TableContextAction)
  */
 import { type ReactNode } from 'react';
-import type { StyleXStyles } from '../theme/types';
-import type { TableContextAction, TableContextActions } from './types';
+import type { StyleXStyles } from '../theme/types.js';
+import type { TableContextAction, TableContextActions } from './types.js';
 /**
  * Resolve a `contextMenuActions` value (array or getter) to a plain array.
  * Use this when composing actions from a prior plugin's render props so you

package/dist/Table/types.d.ts

@@ -10,9 +10,9 @@
  */
 import type React from 'react';
 import type { ComponentType, HTMLAttributes, Ref, TdHTMLAttributes, ThHTMLAttributes, ReactNode } from 'react';
-import type { StyleXStyles } from '../theme/types';
-import type { BaseProps } from '../BaseProps';
-import type { TableFilterFieldRef } from './plugins/filtering/useTableFiltering';
+import type { StyleXStyles } from '../theme/types.js';
+import type { BaseProps } from '../BaseProps.js';
+import type { TableFilterFieldRef } from './plugins/filtering/useTableFiltering.js';
 /**
  * A proportional (fr-like) column width.
  * Use the `proportional()` helper to create.

package/dist/Table/useBaseTablePlugins.d.ts

@@ -1,4 +1,4 @@
-import type { TablePlugin } from './types';
+import type { TablePlugin } from './types.js';
 /**
  * Converts a named plugin record (`Record<string, TablePlugin>`) to a stable
  * memoized array for `BaseTable`. Compares plugin values by identity so

package/dist/Table/useTableCellStyles.d.ts

@@ -1,5 +1,5 @@
-import type { StyleXStyles } from '../theme/types';
-import { type TableContextValue } from './TableContext';
+import type { StyleXStyles } from '../theme/types.js';
+import { type TableContextValue } from './TableContext.js';
 /**
  * Build the divider styles array for a cell based on context.
  * Shared between body cells and header cells — both apply row/column

package/dist/Table/utils.d.ts

@@ -3,6 +3,6 @@
  * @output Server-safe re-exports of pure Table utility functions
  * @position Subpath entry point: `@astryxdesign/core/Table/utils`
  */
-export { proportional, pixel, capitalize, generateColumns, resolveColumnWidths, DEFAULT_MIN_COLUMN_WIDTH, } from './columnUtils';
-export type { ColumnWidth, ProportionalWidth, PixelWidth, TableColumn, } from './types';
+export { proportional, pixel, capitalize, generateColumns, resolveColumnWidths, DEFAULT_MIN_COLUMN_WIDTH, } from './columnUtils.js';
+export type { ColumnWidth, ProportionalWidth, PixelWidth, TableColumn, } from './types.js';
 //# sourceMappingURL=utils.d.ts.map

package/dist/Text/Text.d.ts

@@ -12,9 +12,9 @@
  * - /packages/cli/assets/templates/blocks/components/Text/ (showcase blocks)
  */
 import { type ReactNode } from 'react';
-import type { TextType, TextSize, TextColor, BuiltinTextColor, TextWeight, TextDisplay, TextJustify, WordBreak, TextWrap } from '../theme/types';
-import type { LayerPlacement } from '../Layer';
-import type { BaseProps } from '../BaseProps';
+import type { TextType, TextSize, TextColor, BuiltinTextColor, TextWeight, TextDisplay, TextJustify, WordBreak, TextWrap } from '../theme/types.js';
+import type { LayerPlacement } from '../Layer/index.js';
+import type { BaseProps } from '../BaseProps.js';
 export type { TextType, TextSize };
 export interface TextProps extends Omit<BaseProps, 'children'> {
     /** Ref forwarded to the root element */

package/dist/Text/index.d.ts

@@ -32,8 +32,8 @@ export interface TextColorMap {
     accent: true;
     inherit: true;
 }
-export { Text, type TextProps, type TextType, type TextSize } from './Text';
-export { Heading, type HeadingProps, type HeadingLevel, type HeadingType, type HeadingTypeMap, } from '../Heading';
-export type { TextColor, TextWeight, TextDisplay, TextJustify, WordBreak, TextWrap, TextXStyleAllowed, ProseElement, } from '../theme/types';
-export { useTruncation, type UseTruncationOptions, type UseTruncationReturn, } from './useTruncation';
+export { Text, type TextProps, type TextType, type TextSize } from './Text.js';
+export { Heading, type HeadingProps, type HeadingLevel, type HeadingType, type HeadingTypeMap, } from '../Heading/index.js';
+export type { TextColor, TextWeight, TextDisplay, TextJustify, WordBreak, TextWrap, TextXStyleAllowed, ProseElement, } from '../theme/types.js';
+export { useTruncation, type UseTruncationOptions, type UseTruncationReturn, } from './useTruncation.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/TextArea/TextArea.d.ts

@@ -12,10 +12,10 @@
  * - /packages/cli/assets/templates/blocks/components/TextArea/ (showcase blocks)
  */
 import { type ChangeEvent, type ClipboardEvent, type FocusEvent, type ReactNode } from 'react';
-import { type FieldStatusVariant } from '../Field';
-import { type IconType } from '../Icon';
-import { type FieldInputBaseProps } from '../Field/fieldParts';
-import type { SizeValue } from '../utils/types';
+import { type FieldStatusVariant } from '../Field/index.js';
+import { type IconType } from '../Icon/index.js';
+import { type FieldInputBaseProps } from '../Field/fieldParts.js';
+import type { SizeValue } from '../utils/types.js';
 export type TextAreaStatusType = 'warning' | 'error' | 'success';
 export type TextAreaSize = 'sm' | 'md' | 'lg';
 export interface TextAreaStatus {
@@ -76,7 +76,9 @@ export interface TextAreaProps extends Omit<FieldInputBaseProps, 'onChange' | 'd
      */
     rows?: number;
     /**
-     * Whether the textarea is disabled.
+     * Whether the textarea is disabled. A disabled textarea is dimmed, cannot be
+     * edited, and is left out of form submission, but it stays in the tab order
+     * (`aria-disabled`, not the native attribute).
      * @default false
      */
     isDisabled?: boolean;
@@ -84,7 +86,7 @@ export interface TextAreaProps extends Omit<FieldInputBaseProps, 'onChange' | 'd
      * Whether the textarea is read-only.
      * The value is shown at full opacity and still submits with the form, but
      * cannot be edited. Unlike `isDisabled`, a read-only textarea is not dimmed
-     * and stays in the tab order — use it for a value the user should see and
+     * and keeps its form value — use it for a value the user should see and
      * send but not change. `isDisabled` takes precedence when both are set.
      * @default false
      */
@@ -96,8 +98,8 @@ export interface TextAreaProps extends Omit<FieldInputBaseProps, 'onChange' | 'd
      * discoverable by keyboard and assistive technology. The field cannot be
      * edited (it becomes read-only) while disabled.
      *
-     * Use this instead of wrapping a disabled textarea in `Tooltip` — disabled
-     * controls don't emit the pointer events an external tooltip needs.
+     * Use this instead of wrapping a disabled textarea in `Tooltip`, so the
+     * reason is attached to the field itself.
      *
      * @example
      * ```

package/dist/TextArea/TextArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../src/TextArea/TextArea.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../src/TextArea/TextArea.tsx"],"names":[],"mappings":"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"}

package/dist/TextArea/TextArea.js

@@ -25,6 +25,7 @@ import { Spinner } from "../Spinner/index.js";
 import { useTooltip } from "../Tooltip/index.js";
 import { mergeProps } from "../utils/index.js";
 import { useFieldInputStyling } from "../Field/fieldParts.js";
+import { inputDisabledFocusStyles } from "../Field/inputDisabledFocus.js";
 import { useInputContainer } from "../hooks/useInputContainer.js";
 import { useInputStatusIcon } from "../hooks/useInputStatusIcon.js";
 import { useAnnounce } from "../hooks/useAnnounce.js";
@@ -178,12 +179,14 @@ export function TextArea({
   // (spec:AST-086 FR8).
   useBusyAnnouncement(isBusy, t('@astryx.spinner.loading'), containerRef);
 
-  // Disabled-reason tooltip. Disabled controls swallow pointer events, so the
-  // tooltip listeners attach to the textarea container (which already exists)
+  // Disabled-reason tooltip. The tooltip listeners attach to the textarea container (which already exists)
   // and the textarea stays perceivable via aria-disabled instead of the native
   // disabled attribute. The field is made read-only so it can't be typed into,
   // and value mutation is blocked by the isDisabled guard in handleChange.
   const showsDisabledMessage = isDisabled && !!disabledMessage;
+  // A disabled field keeps its tab stop but, like a natively disabled one,
+  // runs no caller event handler other than focus and blur (`spec:AST-085` FR2).
+  const fieldProps = isDisabled ? Object.fromEntries(Object.entries(rest).filter(([key]) => !/^on[A-Z]/.test(key) || /^on(Focus|Blur)/.test(key))) : rest;
   const disabledMessageTooltip = useTooltip({
     placement: 'above',
     // The container div is not naturally focusable; focusin bubbles up from
@@ -297,7 +300,7 @@ export function TextArea({
         status: status?.type ?? null,
         disabled: isDisabled ? 'disabled' : null,
         readonly: isReadOnly ? 'readonly' : null
-      }), stylex.props(inputWrapperStyles.base, styles.wrapper, isDisabled && inputWrapperStyles.disabled, status && inputStatusBorderStyles[status.type], status && !isDisabled && inputStatusHoverShadowStyles[status.type], status && inputStatusFocusWithinStyles[status.type], controlXstyle), controlClassName, controlStyle),
+      }), stylex.props(inputWrapperStyles.base, styles.wrapper, isDisabled && inputWrapperStyles.disabled, isDisabled && inputDisabledFocusStyles.ring, status && inputStatusBorderStyles[status.type], status && !isDisabled && inputStatusHoverShadowStyles[status.type], status && inputStatusFocusWithinStyles[status.type], controlXstyle), controlClassName, controlStyle),
       children: [startIcon && /*#__PURE__*/_jsx("span", {
         ...{
           className: "x10l6tqk xctzyg x1kiyvbf x47corl x78zum5"
@@ -307,24 +310,24 @@ export function TextArea({
           color: 'secondary'
         })
       }), /*#__PURE__*/_jsx("textarea", {
-        ...rest,
+        ...fieldProps,
         ref: useMergedRefs(ref, textareaRef),
         id: id,
         name: isDisabled ? undefined : htmlName,
         value: optimisticValue,
         onChange: handleChange,
-        onPaste: onPaste,
+        onPaste: isDisabled ? undefined : onPaste,
         onFocus: onFocus,
         onBlur: onBlur,
         placeholder: placeholder,
         rows: rows
-        // With a disabledMessage the textarea keeps focusability via
-        // aria-disabled so the reason is focus-discoverable; readOnly + the
-        // handleChange guard keep the value from changing.
+        // A disabled textarea keeps its place in the tab order
+        // (spec:AST-085): aria-disabled instead of the native attribute,
+        // with readOnly + the handleChange guard keeping the value from
+        // changing.
         ,
-        disabled: isDisabled && !showsDisabledMessage,
-        "aria-disabled": showsDisabledMessage ? 'true' : undefined,
-        readOnly: isReadOnly || showsDisabledMessage || undefined,
+        "aria-disabled": isDisabled ? 'true' : undefined,
+        readOnly: isReadOnly || isDisabled || undefined,
         spellCheck: hasSpellCheck,
         autoFocus: hasAutoFocus,
         "data-autofocus": hasAutoFocus || undefined,

package/dist/TextArea/index.d.ts

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

package/dist/TextInput/TextInput.d.ts

@@ -13,8 +13,8 @@
  */
 import { type ChangeEvent, type KeyboardEvent, type ReactNode } from 'react';
 import * as stylex from '@stylexjs/stylex';
-import { type InputStatus, type FieldStatusVariant } from '../Field';
-import { type IconType } from '../Icon';
+import { type InputStatus, type FieldStatusVariant } from '../Field/index.js';
+import { type IconType } from '../Icon/index.js';
 declare const sizeStyles: Readonly<{
     readonly sm: Readonly<{
         readonly height: stylex.StyleXClassNameFor<"height", "28px">;
@@ -27,9 +27,9 @@ declare const sizeStyles: Readonly<{
     }>;
 }>;
 export type TextInputSize = keyof typeof sizeStyles;
-export type { InputStatus as TextInputStatus, InputStatusType as TextInputStatusType, } from '../Field';
-import { type FieldInputBaseProps } from '../Field/fieldParts';
-import type { SizeValue } from '../utils/types';
+export type { InputStatus as TextInputStatus, InputStatusType as TextInputStatusType, } from '../Field/index.js';
+import { type FieldInputBaseProps } from '../Field/fieldParts.js';
+import type { SizeValue } from '../utils/types.js';
 export type TextInputType = 'text' | 'password' | 'email';
 export interface TextInputProps extends Omit<FieldInputBaseProps, 'onChange' | 'defaultValue'> {
     /** Ref forwarded to the root element */
@@ -63,7 +63,9 @@ export interface TextInputProps extends Omit<FieldInputBaseProps, 'onChange' | '
      */
     isRequired?: boolean;
     /**
-     * Whether the input is disabled.
+     * Whether the input is disabled. A disabled input is dimmed, cannot be
+     * edited, and is left out of form submission, but it stays in the tab order
+     * (`aria-disabled`, not the native attribute).
      * @default false
      */
     isDisabled?: boolean;
@@ -71,7 +73,7 @@ export interface TextInputProps extends Omit<FieldInputBaseProps, 'onChange' | '
      * Whether the input is read-only.
      * The value is shown at full opacity and still submits with the form, but
      * cannot be edited. Unlike `isDisabled`, a read-only input is not dimmed and
-     * stays in the tab order — use it for a value the user should see and send
+     * keeps its form value — use it for a value the user should see and send
      * but not change. `isDisabled` takes precedence when both are set.
      * @default false
      */
@@ -83,8 +85,8 @@ export interface TextInputProps extends Omit<FieldInputBaseProps, 'onChange' | '
      * keyboard and assistive technology. The field cannot be edited (it becomes
      * read-only) while disabled.
      *
-     * Use this instead of wrapping a disabled input in `Tooltip` — disabled
-     * controls don't emit the pointer events an external tooltip needs.
+     * Use this instead of wrapping a disabled input in `Tooltip`, so the reason
+     * is attached to the field itself.
      *
      * @example
      * ```

package/dist/TextInput/TextInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../src/TextInput/TextInput.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../src/TextInput/TextInput.tsx"],"names":[],"mappings":"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"}

package/dist/TextInput/TextInput.js

@@ -50,6 +50,7 @@ import { useInputStatusIcon } from "../hooks/useInputStatusIcon.js";
 import { useResolvedRequired } from "../hooks/useResolvedRequired.js";
 import { useInputGroup } from "../InputGroup/InputGroupContext.js";
 import { useFieldInputStyling } from "../Field/fieldParts.js";
+import { inputDisabledFocusStyles } from "../Field/inputDisabledFocus.js";
 import { themeProps } from "../utils/themeProps.js";
 import { useTranslator } from "../i18n/index.js";
 import { useMergedRefs } from "../hooks/useMergedRefs.js";
@@ -114,6 +115,9 @@ export function TextInput({
     isRequired,
     isOptional
   });
+  // A disabled field keeps its tab stop but, like a natively disabled one,
+  // runs no caller event handler other than focus and blur (`spec:AST-085` FR2).
+  const fieldProps = isDisabled ? Object.fromEntries(Object.entries(rest).filter(([key]) => !/^on[A-Z]/.test(key) || /^on(Focus|Blur)/.test(key))) : rest;
   const size = useSize(sizeProp, 'md');
   const generatedID = useId();
   const id = idProp ?? generatedID;
@@ -130,8 +134,7 @@ export function TextInput({
   // (spec:AST-086 FR8).
   useBusyAnnouncement(isBusy, t('@astryx.spinner.loading'), containerRef);
 
-  // Disabled-reason tooltip. Disabled controls swallow pointer events, so the
-  // tooltip listeners attach to the input container (which already exists) and
+  // Disabled-reason tooltip. The tooltip listeners attach to the input container (which already exists) and
   // the input stays perceivable via aria-disabled instead of the native
   // disabled attribute. The field is made read-only so it can't be typed into,
   // and value mutation is blocked by the isDisabled guard in handleChange.
@@ -184,12 +187,13 @@ export function TextInput({
     if (!e || e.detail === 0) {
       inputRef.current?.focus();
     } else {
-      // Defer focus restoration past the button's unmount task so iOS Safari
-      // and touch browsers don't jump the page scroll to 0 on tap.
-      requestAnimationFrame(() => {
-        inputRef.current?.focus({
-          preventScroll: true
-        });
+      // Focus inside the tap: iOS Safari brings up its keyboard only for a
+      // focus made while handling the touch, so a field the tap reaches
+      // unfocused gets its keyboard, as UIKit's clear button makes the
+      // field first responder. `preventScroll` keeps a scrolled page where
+      // it is.
+      inputRef.current?.focus({
+        preventScroll: true
       });
     }
   }, [onChange]);
@@ -218,7 +222,7 @@ export function TextInput({
       status: status?.type ?? null,
       disabled: isDisabled ? 'disabled' : null,
       readonly: isReadOnly ? 'readonly' : null
-    }), stylex.props(inputWrapperStyles.base, sizeStyles[size], isDisabled && inputWrapperStyles.disabled, status && inputStatusBorderStyles[status.type], status && !isDisabled && inputStatusHoverShadowStyles[status.type], status && inputStatusFocusWithinStyles[status.type], inputGroup && groupStyles.inGroup, controlXstyle), controlClassName, controlStyle),
+    }), stylex.props(inputWrapperStyles.base, sizeStyles[size], isDisabled && inputWrapperStyles.disabled, isDisabled && inputDisabledFocusStyles.ring, status && inputStatusBorderStyles[status.type], status && !isDisabled && inputStatusHoverShadowStyles[status.type], status && inputStatusFocusWithinStyles[status.type], inputGroup && groupStyles.inGroup, controlXstyle), controlClassName, controlStyle),
     children: [startIcon && renderIconSlot(startIcon, {
       size: 'sm',
       color: 'secondary'
@@ -226,14 +230,21 @@ export function TextInput({
       id: inputLabelID,
       children: label
     }), /*#__PURE__*/_jsx("input", {
-      ...rest,
+      ...fieldProps,
       ref: useMergedRefs(ref, inputRef),
       id: id,
       name: isDisabled ? undefined : htmlName,
       type: type,
       value: optimisticValue,
       onChange: handleChange,
-      onKeyDown: onEnter || onKeyDown ? e => {
+      onKeyDown: isDisabled || onEnter || onKeyDown ? e => {
+        if (isDisabled) {
+          // A read-only field still submits its form on Enter.
+          if (e.key === 'Enter') {
+            e.preventDefault();
+          }
+          return;
+        }
         // The composing keydown fires before compositionend, so without
         // this guard pressing Enter to commit a Japanese/Chinese/Korean
         // IME conversion would trigger onEnter (submit/save actions)
@@ -245,13 +256,12 @@ export function TextInput({
         onKeyDown?.(e);
       } : undefined,
       placeholder: placeholder
-      // With a disabledMessage the input keeps focusability via aria-disabled
-      // so the reason is focus-discoverable; readOnly + the handleChange guard
-      // keep the value from changing.
+      // A disabled input keeps its place in the tab order (spec:AST-085):
+      // aria-disabled instead of the native attribute, with readOnly + the
+      // handleChange guard keeping the value from changing.
       ,
-      disabled: isDisabled && !showsDisabledMessage,
-      "aria-disabled": showsDisabledMessage ? 'true' : undefined,
-      readOnly: isReadOnly || showsDisabledMessage || undefined,
+      "aria-disabled": isDisabled ? 'true' : undefined,
+      readOnly: isReadOnly || isDisabled || undefined,
       autoFocus: hasAutoFocus,
       "data-autofocus": hasAutoFocus || undefined,
       "aria-describedby": [ariaDescribedByProp, ariaDescribedBy].filter(Boolean).join(' ') || undefined,

package/dist/TextInput/index.d.ts

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

package/dist/Thumbnail/Thumbnail.d.ts

@@ -1,4 +1,4 @@
-import type { BaseProps } from '../BaseProps';
+import type { BaseProps } from '../BaseProps.js';
 export interface ThumbnailProps extends BaseProps<HTMLDivElement> {
     /** Ref forwarded to the root element */
     ref?: React.Ref<HTMLDivElement>;

package/dist/Thumbnail/index.d.ts

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

package/dist/TimeInput/TimeInput.d.ts

@@ -1,9 +1,9 @@
 import * as stylex from '@stylexjs/stylex';
-import { type InputStatus, type FieldStatusVariant } from '../Field';
-import { type ISOTimeString } from '../utils';
-import { type FieldInputBaseProps } from '../Field/fieldParts';
-import type { SizeValue } from '../utils/types';
-import { type InputPresentation } from '../utils/inputPresentation';
+import { type InputStatus, type FieldStatusVariant } from '../Field/index.js';
+import { type ISOTimeString } from '../utils/index.js';
+import { type FieldInputBaseProps } from '../Field/fieldParts.js';
+import type { SizeValue } from '../utils/types.js';
+import { type InputPresentation } from '../utils/inputPresentation.js';
 declare const sizeStyles: Readonly<{
     readonly sm: Readonly<{
         readonly height: stylex.StyleXClassNameFor<"height", "28px">;
@@ -24,7 +24,7 @@ export type TimeInputHourFormat = '12h' | '24h';
 export type TimeInputNativePicker = 'touch' | 'always' | 'never';
 /** Which surface TimeInput uses for time selection (`spec:AST-043` FR1). */
 export type TimeInputPresentation = InputPresentation;
-export type { InputStatus as TimeInputStatus, InputStatusType as TimeInputStatusType, } from '../Field';
+export type { InputStatus as TimeInputStatus, InputStatusType as TimeInputStatusType, } from '../Field/index.js';
 export interface TimeInputProps extends Omit<FieldInputBaseProps<HTMLInputElement>, 'onChange' | 'defaultValue'> {
     /** Ref forwarded to the time input (the field's semantic control) */
     ref?: React.Ref<HTMLInputElement>;