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

package/dist/theme/defineTheme.d.ts

@@ -37,22 +37,22 @@
  * - /packages/cli/assets/docs/theme.doc.mjs (`astryx docs theme`)
  */
 import type { ReactNode } from 'react';
-import type { IconName, NamespacedIconName } from '../Icon/globalIconRegistry';
+import type { IconName, NamespacedIconName } from '../Icon/globalIconRegistry.js';
 /**
  * Icon overrides a theme may declare: any built-in semantic name, plus the
  * namespaced keys components and libraries own (`'richtext:bold'`).
  */
 type ThemeIconOverrides = Partial<Record<IconName | NamespacedIconName, ReactNode>>;
-import type { IndicatorRegistry } from '../Indicator/types';
-import type { TypographyConfig } from './types';
-import { type OnMediaOverrides, type ResolvedOnMedia } from './onMediaTokens';
-import { colorDefaults, spacingDefaults, sizeDefaults, borderDefaults, focusDefaults, radiusDefaults, shadowDefaults, durationDefaults, easeDefaults, typographyDefaults, textSizeDefaults, fontWeightDefaults, typeScaleDefaults } from './tokens.stylex';
-import type { MotionScaleConfig } from './expandMotionScale';
-import type { RadiusScaleConfig } from './expandRadiusScale';
-import type { ColorScaleConfig } from './expandColorScale';
-import { type NormalizedThemeAdaptations, type ResolvedThemeAdaptationRule, type ThemeAdaptations, type ThemeGenerativeAxes } from './themeAdaptations';
-import type { DomainTokenName } from './domainTokens';
-import type { SyntaxThemeDefinition } from './syntax';
+import type { IndicatorRegistry } from '../Indicator/types.js';
+import type { TypographyConfig } from './types.js';
+import { type OnMediaOverrides, type ResolvedOnMedia } from './onMediaTokens.js';
+import { colorDefaults, spacingDefaults, sizeDefaults, borderDefaults, focusDefaults, radiusDefaults, shadowDefaults, durationDefaults, easeDefaults, typographyDefaults, textSizeDefaults, fontWeightDefaults, typeScaleDefaults } from './tokens.stylex.js';
+import type { MotionScaleConfig } from './expandMotionScale.js';
+import type { RadiusScaleConfig } from './expandRadiusScale.js';
+import type { ColorScaleConfig } from './expandColorScale.js';
+import { type NormalizedThemeAdaptations, type ResolvedThemeAdaptationRule, type ThemeAdaptations, type ThemeGenerativeAxes } from './themeAdaptations.js';
+import type { DomainTokenName } from './domainTokens/index.js';
+import type { SyntaxThemeDefinition } from './syntax/index.js';
 /** All valid Astryx core token names */
 export type CoreTokenName = keyof typeof colorDefaults | keyof typeof spacingDefaults | keyof typeof sizeDefaults | keyof typeof borderDefaults | keyof typeof focusDefaults | keyof typeof radiusDefaults | keyof typeof shadowDefaults | keyof typeof durationDefaults | keyof typeof easeDefaults | keyof typeof typographyDefaults | keyof typeof textSizeDefaults | keyof typeof fontWeightDefaults | keyof typeof typeScaleDefaults;
 /** All valid Astryx token names — core + domain tokens */
@@ -425,7 +425,7 @@ export declare const tokenDefaults: Record<string, string>;
  * precedence over generated values.
  */
 export declare function defineTheme(input: DefineThemeInput): ResolvedDefinedTheme;
-export { generateThemeRules, generateThemeRulesSplit, generateOnMediaCSS, generateAdaptationCSS, generateThemeCSS, type ThemeRulesSplit, type ThemeCSSOutput, } from './generateThemeRules';
+export { generateThemeRules, generateThemeRulesSplit, generateOnMediaCSS, generateAdaptationCSS, generateThemeCSS, type ThemeRulesSplit, type ThemeCSSOutput, } from './generateThemeRules.js';
 /** Check if a theme object was created with defineTheme */
 export declare function isDefinedTheme(theme: unknown): theme is DefinedTheme;
 //# sourceMappingURL=defineTheme.d.ts.map

package/dist/theme/domainTokens/index.d.ts

@@ -7,12 +7,12 @@
  * Merges all domain token defaults into a single map for defineTheme.
  * Actual token definitions live in their own directories (syntax/, dataviz/).
  */
-export { syntaxTokenDefaults } from '../syntax/tokens';
-export type { SyntaxTokenName } from '../syntax/tokens';
-export { dataTokenDefaults } from './dataTokens';
-export type { DataTokenName } from './dataTokens';
-import type { SyntaxTokenName } from '../syntax/tokens';
-import type { DataTokenName } from './dataTokens';
+export { syntaxTokenDefaults } from '../syntax/tokens.js';
+export type { SyntaxTokenName } from '../syntax/tokens.js';
+export { dataTokenDefaults } from './dataTokens.js';
+export type { DataTokenName } from './dataTokens.js';
+import type { SyntaxTokenName } from '../syntax/tokens.js';
+import type { DataTokenName } from './dataTokens.js';
 /** All domain token defaults merged — used by defineTheme for validation */
 export declare const domainTokenDefaults: Record<string, string>;
 /** Union of all domain token names */

package/dist/theme/generateThemeRules.d.ts

@@ -22,7 +22,7 @@
  *   for each dropped declaration
  * @position packages/core/src/theme/generateThemeRules.ts
  */
-import type { ComponentStyleMap, DefinedTheme } from './defineTheme';
+import type { ComponentStyleMap, DefinedTheme } from './defineTheme.js';
 /**
  * Structured output from generateThemeRulesSplit.
  * Separates prose element defaults from component/token overrides

package/dist/theme/index.d.ts

@@ -10,35 +10,35 @@
  *   import { neutralTheme } from '@astryxdesign/theme-neutral';
  *   import { neutralTheme } from '@astryxdesign/theme-neutral';
  */
-export { Theme } from './Theme';
-export { MediaTheme } from './MediaTheme';
-export type { MediaThemeProps, MediaThemeMode } from './MediaTheme';
-export { defineTheme, generateThemeCSS, generateOnMediaCSS, generateAdaptationCSS, generateThemeRules, generateThemeRulesSplit, type ThemeCSSOutput, type ThemeRulesSplit, isDefinedTheme, tokenDefaults, } from './defineTheme';
-export { registerTheme, getRegisteredTheme, getRegisteredThemes, resetThemes, } from './themeRegistry';
-export type { DefineThemeInput, DefinedTheme, ResolvedDefinedTheme, CoreTokenName, TokenName, TokenValue, ComponentStyleMap, StyleOverrides, } from './defineTheme';
-export { DEFAULT_WIDTH_BREAKPOINTS, WIDTH_BREAKPOINT_NAMES, } from './themeAdaptations';
-export type { WidthBreakpointName, WidthBreakpoints, ThemeAdaptations, ThemeAdaptationCondition, ThemeAdaptationWidthCondition, ThemeAdaptationRule, ThemeAdaptationValue, ThemeAdaptationTypographyConfig, } from './themeAdaptations';
-export type { SyntaxTokenName, DomainTokenName, DataTokenName, } from './domainTokens';
-export { syntaxTokenDefaults, domainTokenDefaults, dataTokenDefaults, } from './domainTokens';
-export { defineSyntaxTheme } from './syntax';
-export type { SyntaxThemeDefinition, SyntaxThemeInput, SyntaxThemeTokenKey, SyntaxThemeTokenMap, SyntaxThemeTokenInput, SyntaxTokenValue, } from './syntax';
-export { SyntaxTheme, useSyntaxTheme } from './syntax';
-export type { UseSyntaxThemeReturn } from './syntax';
-export { expandTypeScale, generateTypeScaleComponents } from './expandTypeScale';
-export type { TypeScaleConfig, TypeScaleTokens } from './expandTypeScale';
-export { expandRadiusScale } from './expandRadiusScale';
-export type { RadiusScaleConfig, RadiusScaleTokens } from './expandRadiusScale';
-export { expandColorScale } from './expandColorScale';
-export type { ColorScaleConfig, ColorScaleTokens } from './expandColorScale';
-export { expandMotionScale } from './expandMotionScale';
-export type { MotionScaleConfig, MotionScaleTokens } from './expandMotionScale';
-export { colorDefaults, spacingDefaults, sizeDefaults, borderDefaults, focusDefaults, radiusDefaults, shadowDefaults, durationDefaults, easeDefaults, typographyDefaults, textSizeDefaults, fontWeightDefaults, typeScaleDefaults, colorVars, spacingVars, sizeVars, borderVars, focusVars, radiusVars, shadowVars, durationVars, easeVars, typographyVars, textSizeVars, fontWeightVars, typeScaleVars, } from './tokens.stylex';
-export type { ColorVarName, SpacingVarName, SizeVarName, BorderVarName, RadiusVarName, ShadowVarName, DurationVarName, EaseVarName, TypographyVarName, TextSizeVarName, FontWeightVarName, TypeScaleVarName, } from './tokens.stylex';
-export { useTheme, useThemeName, ThemeContext } from './useTheme';
-export type { UseThemeReturn, ThemeContextValue } from './useTheme';
-export type { IndicatorComponent, IndicatorFamily, IndicatorFamilyMap, IndicatorMap, IndicatorName, IndicatorNameOfFamily, IndicatorProps, IndicatorRegistry, IndicatorSize, IndicatorState, } from '../Indicator';
-export { resolveThemeToken, resolveThemeTokens, tokenVar, tokenVars, } from './tokens';
-export type { ResolveThemeTokenOptions, ResolveThemeTokensOptions, ResolvedThemeMode, } from './tokens';
-export type { TextColorMap } from '../Text';
-export type { ThemeMode, HeadingTag, TextType, BuiltinTextType, CustomTextTypes, TextSize, TextWeight, TextColor, BuiltinTextColor, TypographyConfig, TypographyRole, FontWeight, } from './types';
+export { Theme } from './Theme.js';
+export { MediaTheme } from './MediaTheme.js';
+export type { MediaThemeProps, MediaThemeMode } from './MediaTheme.js';
+export { defineTheme, generateThemeCSS, generateOnMediaCSS, generateAdaptationCSS, generateThemeRules, generateThemeRulesSplit, type ThemeCSSOutput, type ThemeRulesSplit, isDefinedTheme, tokenDefaults, } from './defineTheme.js';
+export { registerTheme, getRegisteredTheme, getRegisteredThemes, resetThemes, } from './themeRegistry.js';
+export type { DefineThemeInput, DefinedTheme, ResolvedDefinedTheme, CoreTokenName, TokenName, TokenValue, ComponentStyleMap, StyleOverrides, } from './defineTheme.js';
+export { DEFAULT_WIDTH_BREAKPOINTS, WIDTH_BREAKPOINT_NAMES, } from './themeAdaptations.js';
+export type { WidthBreakpointName, WidthBreakpoints, ThemeAdaptations, ThemeAdaptationCondition, ThemeAdaptationWidthCondition, ThemeAdaptationRule, ThemeAdaptationValue, ThemeAdaptationTypographyConfig, } from './themeAdaptations.js';
+export type { SyntaxTokenName, DomainTokenName, DataTokenName, } from './domainTokens/index.js';
+export { syntaxTokenDefaults, domainTokenDefaults, dataTokenDefaults, } from './domainTokens/index.js';
+export { defineSyntaxTheme } from './syntax/index.js';
+export type { SyntaxThemeDefinition, SyntaxThemeInput, SyntaxThemeTokenKey, SyntaxThemeTokenMap, SyntaxThemeTokenInput, SyntaxTokenValue, } from './syntax/index.js';
+export { SyntaxTheme, useSyntaxTheme } from './syntax/index.js';
+export type { UseSyntaxThemeReturn } from './syntax/index.js';
+export { expandTypeScale, generateTypeScaleComponents } from './expandTypeScale.js';
+export type { TypeScaleConfig, TypeScaleTokens } from './expandTypeScale.js';
+export { expandRadiusScale } from './expandRadiusScale.js';
+export type { RadiusScaleConfig, RadiusScaleTokens } from './expandRadiusScale.js';
+export { expandColorScale } from './expandColorScale.js';
+export type { ColorScaleConfig, ColorScaleTokens } from './expandColorScale.js';
+export { expandMotionScale } from './expandMotionScale.js';
+export type { MotionScaleConfig, MotionScaleTokens } from './expandMotionScale.js';
+export { colorDefaults, spacingDefaults, sizeDefaults, borderDefaults, focusDefaults, radiusDefaults, shadowDefaults, durationDefaults, easeDefaults, typographyDefaults, textSizeDefaults, fontWeightDefaults, typeScaleDefaults, colorVars, spacingVars, sizeVars, borderVars, focusVars, radiusVars, shadowVars, durationVars, easeVars, typographyVars, textSizeVars, fontWeightVars, typeScaleVars, } from './tokens.stylex.js';
+export type { ColorVarName, SpacingVarName, SizeVarName, BorderVarName, RadiusVarName, ShadowVarName, DurationVarName, EaseVarName, TypographyVarName, TextSizeVarName, FontWeightVarName, TypeScaleVarName, } from './tokens.stylex.js';
+export { useTheme, useThemeName, ThemeContext } from './useTheme.js';
+export type { UseThemeReturn, ThemeContextValue } from './useTheme.js';
+export type { IndicatorComponent, IndicatorFamily, IndicatorFamilyMap, IndicatorMap, IndicatorName, IndicatorNameOfFamily, IndicatorProps, IndicatorRegistry, IndicatorSize, IndicatorState, } from '../Indicator/index.js';
+export { resolveThemeToken, resolveThemeTokens, tokenVar, tokenVars, } from './tokens.js';
+export type { ResolveThemeTokenOptions, ResolveThemeTokensOptions, ResolvedThemeMode, } from './tokens.js';
+export type { TextColorMap } from '../Text/index.js';
+export type { ThemeMode, HeadingTag, TextType, BuiltinTextType, CustomTextTypes, TextSize, TextWeight, TextColor, BuiltinTextColor, TypographyConfig, TypographyRole, FontWeight, } from './types.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/theme/localTokens.d.ts

@@ -5,7 +5,7 @@
  * @position Theme-local ownership boundary; final adaptation-cycle validation is
  *   performed after the reachable ordered cascade is assembled.
  */
-import type { DefinedTheme, TokenValue } from './defineTheme';
+import type { DefinedTheme, TokenValue } from './defineTheme.js';
 export interface ResolvedLocalTokenContract {
     localTokens: Record<string, string>;
     owners: Record<string, string>;

package/dist/theme/mergeComponents.d.ts

@@ -10,7 +10,7 @@
  * @output a merged ComponentStyleMap
  * @position packages/core/src/theme/mergeComponents.ts
  */
-import type { ComponentStyleMap } from './defineTheme';
+import type { ComponentStyleMap } from './defineTheme.js';
 /**
  * Deep-merge component style maps: `overrides` wins per style key, and every
  * component and key the base declared that the overrides do not mention is

package/dist/theme/onMediaTokens.d.ts

@@ -17,7 +17,7 @@
  * Themes can provide additional token and component overrides via the
  * `onDark`/`onLight` fields in `defineTheme()`.
  */
-import type { TokenValue, ComponentStyleMap } from './defineTheme';
+import type { TokenValue, ComponentStyleMap } from './defineTheme.js';
 /**
  * On-media theme overrides — same shape as the main theme but scoped
  * to a surface luminance context.

package/dist/theme/resolveThemeValues.d.ts

@@ -20,13 +20,13 @@
  * - /packages/core/src/theme/defineTheme.ts (its only other caller)
  * - /packages/core/src/theme/themeAdaptations.ts
  */
-import type { ComponentStyleMap, TokenName, TokenValue } from './defineTheme';
-import type { TypographyConfig, FontWeight } from './types';
-import type { SyntaxThemeDefinition } from './syntax';
-import { type TypeScaleConfig } from './expandTypeScale';
-import { type MotionScaleConfig } from './expandMotionScale';
-import { type RadiusScaleConfig } from './expandRadiusScale';
-import { type ColorScaleConfig } from './expandColorScale';
+import type { ComponentStyleMap, TokenName, TokenValue } from './defineTheme.js';
+import type { TypographyConfig, FontWeight } from './types.js';
+import type { SyntaxThemeDefinition } from './syntax/index.js';
+import { type TypeScaleConfig } from './expandTypeScale.js';
+import { type MotionScaleConfig } from './expandMotionScale.js';
+import { type RadiusScaleConfig } from './expandRadiusScale.js';
+import { type ColorScaleConfig } from './expandColorScale.js';
 /**
  * The value-bearing axes of a theme — everything that resolves to tokens or
  * component styles. Deliberately excludes identity (`name`), inheritance

package/dist/theme/syntax/SyntaxTheme.d.ts

@@ -7,7 +7,7 @@
  * @see https://github.com/facebook/astryx/issues/1148
  */
 import React from 'react';
-import { type SyntaxThemeDefinition, type SyntaxThemeTokenKey } from './defineSyntaxTheme';
+import { type SyntaxThemeDefinition, type SyntaxThemeTokenKey } from './defineSyntaxTheme.js';
 export interface UseSyntaxThemeReturn {
     /** Syntax theme name */
     name: string;

package/dist/theme/syntax/index.d.ts

@@ -8,11 +8,11 @@
  * `dracula.tokens` reads back `undefined` instead of colors. `SyntaxTheme.tsx`
  * carries its own directive, which is what the provider actually needs.
  */
-export { syntaxTokenDefaults } from './tokens';
-export type { SyntaxTokenName } from './tokens';
-export { defineSyntaxTheme, syntaxThemeStyle, syntaxThemeToCSS, } from './defineSyntaxTheme';
-export type { SyntaxThemeDefinition, SyntaxThemeInput, SyntaxThemeTokenKey, SyntaxThemeTokenMap, SyntaxThemeTokenInput, SyntaxTokenValue, } from './defineSyntaxTheme';
-export { SyntaxTheme, useSyntaxTheme } from './SyntaxTheme';
-export type { UseSyntaxThemeReturn } from './SyntaxTheme';
-export { oneDarkPro, dracula, monokai, nord, tokyoNight, catppuccinMocha, githubDark, githubLight, solarizedLight, oneLight, catppuccinLatte, tokyoNightLight, darkSyntaxPresets, lightSyntaxPresets, allSyntaxPresets, } from './presets';
+export { syntaxTokenDefaults } from './tokens.js';
+export type { SyntaxTokenName } from './tokens.js';
+export { defineSyntaxTheme, syntaxThemeStyle, syntaxThemeToCSS, } from './defineSyntaxTheme.js';
+export type { SyntaxThemeDefinition, SyntaxThemeInput, SyntaxThemeTokenKey, SyntaxThemeTokenMap, SyntaxThemeTokenInput, SyntaxTokenValue, } from './defineSyntaxTheme.js';
+export { SyntaxTheme, useSyntaxTheme } from './SyntaxTheme.js';
+export type { UseSyntaxThemeReturn } from './SyntaxTheme.js';
+export { oneDarkPro, dracula, monokai, nord, tokyoNight, catppuccinMocha, githubDark, githubLight, solarizedLight, oneLight, catppuccinLatte, tokyoNightLight, darkSyntaxPresets, lightSyntaxPresets, allSyntaxPresets, } from './presets.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/theme/syntax/presets.d.ts

@@ -8,7 +8,7 @@
  *
  * @see https://github.com/facebook/astryx/issues/1148
  */
-import { type SyntaxThemeDefinition } from './defineSyntaxTheme';
+import { type SyntaxThemeDefinition } from './defineSyntaxTheme.js';
 /** One Dark Pro (Binaryify) — MIT */
 export declare const oneDarkPro: SyntaxThemeDefinition;
 /** Dracula (Zeno Rocha) — MIT */

package/dist/theme/themeAdaptations.d.ts

@@ -20,11 +20,11 @@
  * - /packages/cli/assets/docs/theme.doc.mjs
  * - /packages/cli/api/theme/build/build.mjs
  */
-import type { ComponentStyleMap, TokenName, TokenValue } from './defineTheme';
-import type { TypographyConfig } from './types';
-import type { MotionScaleConfig } from './expandMotionScale';
-import type { RadiusScaleConfig } from './expandRadiusScale';
-import type { ColorScaleConfig } from './expandColorScale';
+import type { ComponentStyleMap, TokenName, TokenValue } from './defineTheme.js';
+import type { TypographyConfig } from './types.js';
+import type { MotionScaleConfig } from './expandMotionScale.js';
+import type { RadiusScaleConfig } from './expandRadiusScale.js';
+import type { ColorScaleConfig } from './expandColorScale.js';
 /** Fixed names for viewport-width tier start points. */
 export declare const WIDTH_BREAKPOINT_NAMES: readonly ["sm", "md", "lg", "xl", "2xl"];
 /** One fixed viewport-width breakpoint name. */

package/dist/theme/themeRegistry.d.ts

@@ -7,7 +7,7 @@
  * This module has NO 'use client' directive. It is importable from SSR/RSC and
  * lets code resolve theme data by stable theme name without React context.
  */
-import type { DefinedTheme } from './defineTheme';
+import type { DefinedTheme } from './defineTheme.js';
 /**
  * Register a defined theme under its `name`.
  *

package/dist/theme/tokens.d.ts

@@ -17,7 +17,7 @@
  * - /packages/core/src/theme/useTheme.ts
  * - /packages/core/src/theme/index.ts
  */
-import { type DefinedTheme, type TokenName } from './defineTheme';
+import { type DefinedTheme, type TokenName } from './defineTheme.js';
 /** Resolved color mode used when choosing the side of light/dark token values. */
 export type ResolvedThemeMode = 'light' | 'dark';
 /** Options for resolving all tokens from a theme object. */

package/dist/theme/types.d.ts

@@ -112,7 +112,7 @@ export type TextSize = '4xs' | '3xs' | '2xs' | 'xsm' | 'sm' | 'base' | 'lg' | 'x
 /**
  * Font weight variants for Text/Heading
  */
-import type { TextColorMap } from '../Text';
+import type { TextColorMap } from '../Text/index.js';
 export type TextWeight = 'normal' | 'medium' | 'semibold' | 'bold';
 /**
  * Built-in text color variants for Text/Heading. The concrete keys that ship

package/dist/theme/useTheme.d.ts

@@ -1,5 +1,5 @@
-import type { ThemeMode } from './types';
-import type { DefinedTheme } from './defineTheme';
+import type { ThemeMode } from './types.js';
+import type { DefinedTheme } from './defineTheme.js';
 /**
  * Internal context value — carries the theme + mode from Theme.
  * @internal

package/dist/utils/dateParser.d.ts

@@ -8,9 +8,9 @@
  * - /packages/core/src/utils/dateParser.test.ts
  * - /packages/core/src/utils/index.ts
  */
-import { type PlainDate } from './plainDate';
-import type { Locale } from '../i18n/types';
-export { plainDateFromISO as parseISO, plainDateToISO as dateToISO, } from './plainDate';
+import { type PlainDate } from './plainDate.js';
+import type { Locale } from '../i18n/types.js';
+export { plainDateFromISO as parseISO, plainDateToISO as dateToISO, } from './plainDate.js';
 /**
  * Detects if the locale uses day-first date format (DD/MM/YYYY).
  * US and a few others use month-first (MM/DD/YYYY).

package/dist/utils/groupItems.d.ts

@@ -5,7 +5,7 @@
  * @position Shared utility; used by CommandPalette, trigger menu, and
  *   any future component that needs to group search results by category.
  */
-import type { SearchableItem } from '../Typeahead/types';
+import type { SearchableItem } from '../Typeahead/types.js';
 /**
  * A group of items with an optional heading.
  * `heading` is null for ungrouped items.

package/dist/utils/index.d.ts

@@ -4,33 +4,33 @@
  * @output Re-exports all utility functions and shared types
  * @position Package entry point for utils
  */
-export type { SizeValue } from './types';
-export type { ISODateString, DayOfWeek, PlainDate, DateRange } from './dateTypes';
-export { parseDateInput, dateToISO, parseISO, isLocaleDayFirst, } from './dateParser';
-export { plainDateCreate, plainDateFromISO, plainDateToISO, plainDateToDate, plainDateFromDate, plainDateToday, getDaysInMonth, plainDateDayOfWeek, plainDateAddMonths, plainDateAddDays, plainDateToInstant, plainDateFromInstant, plainDateIsBefore, plainDateIsAfter, plainDateIsEqual, plainDateMax, plainDateMin, plainDateIsInRange, plainDateSetFirstOfMonth, plainDateSetStartOfWeek, plainDateSetEndOfWeekExclusive, plainDateGetWeekNumber, plainDateFormat, formatSharedDate, DATE_FORMAT_WITH_WEEKDAY, DATE_FORMAT_SHORT_WITH_WEEKDAY, DATE_FORMAT_LONG, DATE_FORMAT_MONTH_YEAR, DATE_FORMAT_MONTH_ONLY, DATE_FORMAT_WEEKDAY_ONLY, DATE_FORMAT_SHORT, DATE_FORMAT_SHORT_WITH_YEAR, SHARED_DATE_FORMAT_OPTIONS, } from './plainDate';
-export type { SharedDateFormat } from './plainDate';
-export { parseISOTime, formatISOTime, formatDisplayTime12h, formatDisplayTime24h, parseTimeInput, compareTime, isTimeInRange, clampTime, adjustTime, createISOTimeString, } from './timeParser';
-export type { ISOTimeString, ParsedTime } from './timeParser';
-export { parseStyleKey } from './parseStyleKey';
-export { getKey, type Key, type KeyFallback } from './getKey';
-export { characterCount, firstCharacter, truncateCharacters } from './characters';
-export { mergeProps } from './mergeProps';
-export { mergeRefs } from './mergeRefs';
-export { isFocusDetached } from './focusReturn';
-export { composeEventHandlers } from './composeEventHandlers';
-export { themeProps, themeDataAttributes } from './themeProps';
-export type { ClassValue, ClassProps, ThemeDataAttributes, ThemeProps, } from './themeProps';
-export { groupItems, getItemGroup } from './groupItems';
-export type { ItemGroup, GroupItemsOptions } from './groupItems';
-export { observeResize, unobserveResize } from './sharedResizeObserver';
-export { isRenderable } from './isRenderable';
-export { getInputARIA } from './inputAria';
-export type { InputARIA, InputARIAInputGroup } from './inputAria';
-export { parseHex, parseRgb, parseColor, formatHex, formatColor, toGLFloats, } from './color';
-export type { RGBA } from './color';
-export { devWarn, devError, warnOnce, formatDevMessage } from './devWarning';
-export { rtlStyles } from './rtlStyles';
-export { focusOutlineStyles, focusOutlineProps } from './focusOutline.stylex';
-export { isImeKeyEvent } from './ime';
-export { interactionOverlayStyles } from './interactionOverlay.stylex';
+export type { SizeValue } from './types.js';
+export type { ISODateString, DayOfWeek, PlainDate, DateRange } from './dateTypes.js';
+export { parseDateInput, dateToISO, parseISO, isLocaleDayFirst, } from './dateParser.js';
+export { plainDateCreate, plainDateFromISO, plainDateToISO, plainDateToDate, plainDateFromDate, plainDateToday, getDaysInMonth, plainDateDayOfWeek, plainDateAddMonths, plainDateAddDays, plainDateToInstant, plainDateFromInstant, plainDateIsBefore, plainDateIsAfter, plainDateIsEqual, plainDateMax, plainDateMin, plainDateIsInRange, plainDateSetFirstOfMonth, plainDateSetStartOfWeek, plainDateSetEndOfWeekExclusive, plainDateGetWeekNumber, plainDateFormat, formatSharedDate, DATE_FORMAT_WITH_WEEKDAY, DATE_FORMAT_SHORT_WITH_WEEKDAY, DATE_FORMAT_LONG, DATE_FORMAT_MONTH_YEAR, DATE_FORMAT_MONTH_ONLY, DATE_FORMAT_WEEKDAY_ONLY, DATE_FORMAT_SHORT, DATE_FORMAT_SHORT_WITH_YEAR, SHARED_DATE_FORMAT_OPTIONS, } from './plainDate.js';
+export type { SharedDateFormat } from './plainDate.js';
+export { parseISOTime, formatISOTime, formatDisplayTime12h, formatDisplayTime24h, parseTimeInput, compareTime, isTimeInRange, clampTime, adjustTime, createISOTimeString, } from './timeParser.js';
+export type { ISOTimeString, ParsedTime } from './timeParser.js';
+export { parseStyleKey } from './parseStyleKey.js';
+export { getKey, type Key, type KeyFallback } from './getKey.js';
+export { characterCount, firstCharacter, truncateCharacters } from './characters.js';
+export { mergeProps } from './mergeProps.js';
+export { mergeRefs } from './mergeRefs.js';
+export { isFocusDetached } from './focusReturn.js';
+export { composeEventHandlers } from './composeEventHandlers.js';
+export { themeProps, themeDataAttributes } from './themeProps.js';
+export type { ClassValue, ClassProps, ThemeDataAttributes, ThemeProps, } from './themeProps.js';
+export { groupItems, getItemGroup } from './groupItems.js';
+export type { ItemGroup, GroupItemsOptions } from './groupItems.js';
+export { observeResize, unobserveResize } from './sharedResizeObserver.js';
+export { isRenderable } from './isRenderable.js';
+export { getInputARIA } from './inputAria.js';
+export type { InputARIA, InputARIAInputGroup } from './inputAria.js';
+export { parseHex, parseRgb, parseColor, formatHex, formatColor, toGLFloats, } from './color.js';
+export type { RGBA } from './color.js';
+export { devWarn, devError, warnOnce, formatDevMessage } from './devWarning.js';
+export { rtlStyles } from './rtlStyles.js';
+export { focusOutlineStyles, focusOutlineProps } from './focusOutline.stylex.js';
+export { isImeKeyEvent } from './ime.js';
+export { interactionOverlayStyles } from './interactionOverlay.stylex.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/utils/plainDate.d.ts

@@ -4,9 +4,9 @@
  * @output Immutable PlainDate records and pure date arithmetic
  * @position Shared utility; replaces scattered Date usage across Calendar hooks
  */
-import type { ISODateString, PlainDate } from './dateTypes';
-import type { Locale } from '../i18n/types';
-export type { PlainDate } from './dateTypes';
+import type { ISODateString, PlainDate } from './dateTypes.js';
+import type { Locale } from '../i18n/types.js';
+export type { PlainDate } from './dateTypes.js';
 export declare function plainDateCreate(year: number, month: number, day: number): PlainDate;
 export declare function plainDateFromISO(str: ISODateString): PlainDate;
 export declare function plainDateToISO(pd: PlainDate): ISODateString;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astryxdesign/core",
-  "version": "0.7.4",
+  "version": "0.7.5-canary.07605c2",
   "displayName": "Astryx Core",
   "description": "The component library. Accessible, themeable React components with built-in spacing, dark mode, and StyleX styling.",
   "author": "Meta Open Source",
@@ -792,6 +792,8 @@
     "react-dom": ">=19.0.0"
   },
   "devDependencies": {
+    "@astryxdesign/a11y-spec": "0.7.5-canary.07605c2",
+    "@astryxdesign/cli": "0.7.5-canary.07605c2",
     "@babel/cli": "^7.29.7",
     "@babel/core": "^7.29.7",
     "@babel/preset-react": "^7.29.7",
@@ -802,16 +804,14 @@
     "@testing-library/jest-dom": "^6.6.0",
     "@testing-library/react": "^16.3.2",
     "@types/babel__core": "^7.20.5",
-    "tailwindcss": "^4.3.2",
-    "@astryxdesign/a11y-spec": "0.0.0",
-    "@astryxdesign/cli": "0.7.4"
+    "tailwindcss": "^4.3.2"
   },
   "dependencies": {
     "intl-messageformat": "^11.2.9"
   },
   "scripts": {
     "postinstall": "node scripts/postinstall.mjs",
-    "build": "node ../../scripts/clean-dist.mjs && pnpm build:i18n && pnpm build:esm && tsc --project tsconfig.build.json && pnpm build:css && node ../../scripts/check-no-dev-jsx.mjs && node ../../scripts/check-fully-specified.mjs",
+    "build": "node ../../scripts/clean-dist.mjs && pnpm build:i18n && pnpm build:esm && tsc --project tsconfig.build.json && node ../../scripts/add-declaration-extensions.mjs && pnpm build:css && node ../../scripts/check-no-dev-jsx.mjs && node ../../scripts/check-fully-specified.mjs",
     "build:i18n": "node ../../scripts/generate-i18n-runtime.mjs && node scripts/build-pseudo-locale.mjs",
     "build:esm": "babel src --out-dir dist --extensions .ts,.tsx --out-file-extension .js --ignore \"**/*.test.ts,**/*.test.tsx,**/__tests__/**,**/*.perf.test.*,**/*.doc.mjs,**/*.d.ts,**/*.css,**/*.css.d.ts\" --config-file ./babel.config.json",
     "build:css": "node ../../scripts/build-css.mjs",

package/src/Badge/Badge.doc.mjs

@@ -18,6 +18,7 @@ export const docs = {
     {
       name: 'label',
       type: 'ReactNode',
+      required: true,
       description:
         'Badge text content. A badge is one line, so a label wider than the space available is cut with an ellipsis rather than escaping its container; a string or number label is also set as the badge\'s title so the full text stays reachable on hover.',
     },
@@ -93,7 +94,7 @@ export const docsZh = {
       description: '视觉样式变体。语义变体使用实色背景，非语义颜色变体使用浅色背景配彩色文字。',
       default: "'neutral'",
     },
-    {name: 'label', type: 'ReactNode', description: '徽章文本内容。'},
+    {name: 'label', type: 'ReactNode', required: true, description: '徽章文本内容。'},
     {name: 'icon', type: 'ReactNode', description: '可选的前置图标。'},
   ],
   theming: {

package/src/BottomSheet/BottomSheet.tsx

@@ -4,7 +4,7 @@
 
 /**
  * @file BottomSheet.tsx
- * @input Uses React, StyleX, core hooks, shared layer dismissal, the shared interaction modality, named BottomSheetPanel, BottomSheetSwitcherContext
+ * @input Uses React, StyleX, core hooks, shared layer dismissal, the modal outlet registry, the shared interaction modality, named BottomSheetPanel, BottomSheetSwitcherContext
  * @output Exports BottomSheet component and BottomSheetProps
  * @position Public BottomSheet router plus private standalone/switcher hosts
  *
@@ -27,6 +27,9 @@
  * in a switcher, handing one scrim between two dialogs and keeping focus in
  * the active sheet when a retained dialog closes.
  *
+ * While a standalone modal sheet is open, its dialog is the outlet that
+ * app-global surfaces (toasts) render into (Layer/modalOutlet.ts).
+ *
  * SYNC: When modified, update these files to stay in sync:
  * - /packages/core/src/BottomSheet/BottomSheetPanel.tsx
  * - /packages/core/src/BottomSheet/BottomSheetEdgeTint.tsx
@@ -36,6 +39,7 @@
  * - /packages/core/src/BottomSheet/BottomSheetSwitcher.test.tsx
  * - /packages/core/src/Layer/layerDismissalFamilies.test.tsx
  * - /packages/core/src/Layer/layerDismissalInvariants.test.tsx
+ * - /packages/core/src/Toast/ToastViewport.modalHost.test.tsx
  * - /apps/storybook/stories/BottomSheet.stories.tsx
  * - /packages/cli/assets/templates/blocks/components/BottomSheet/BottomSheetShowcase.tsx
  */
@@ -58,6 +62,7 @@ import {colorVars, durationVars, easeVars} from '../theme/tokens.stylex';
 import {useDevWarning, useScrollLock} from '../hooks';
 import {mergeProps} from '../utils';
 import {LayerDepthProvider} from '../Layer/LayerDepthContext';
+import {useModalOutlet} from '../Layer/modalOutlet';
 import {useLayerDismissal} from '../Layer/useLayerDismissal';
 import {focusForLastInput} from '../utils/focusReturn';
 import {useInteractionModalityTracking} from '../utils/interactionModality';
@@ -373,6 +378,12 @@ function StandaloneBottomSheet({
     }
   }, [hasScrim, isOpen]);
 
+  // Host app-global surfaces (toasts) inside this sheet while it is an open
+  // modal, so they stay visible and operable above it. A closing sheet stays
+  // modal through its exit animation, but inert and hidden, so it hands them
+  // back as soon as it starts closing.
+  useModalOutlet(dialogRef, isOpen && hasScrim);
+
   useEffect(() => {
     if (!isOpen && isPresented && hasScrim) {
       handleScrimOpacity(0);

package/src/BottomSheet/__tests__/BottomSheetToastOutlet.a11y.chromium.spec.ts

@@ -0,0 +1,82 @@
+// Copyright (c) Meta Platforms, Inc. and affiliates.
+
+/**
+ * @file BottomSheetToastOutlet.a11y.chromium.spec.ts
+ * @input The built Core/Toast AppToastOverBottomSheet story; real Chromium hit
+ *   testing and mouse input
+ * @output Browser evidence that a toast fired from an open BottomSheet, on its
+ *   own or over a Dialog, is hit-testable above the sheet and takes a click
+ * @position Chromium proof for BottomSheet's modal outlet
+ *   (Layer/modalOutlet.ts). jsdom has no top layer and no modal inertness, so
+ *   Toast/ToastViewport.modalHost.test.tsx can only check where the viewport
+ *   lives.
+ */
+
+import {expect, test} from '@playwright/test';
+import {holdMotionStill} from '@astryxdesign/a11y-spec/chromium';
+import {
+  DEFAULT_STORYBOOK_DIR,
+  serveStorybook,
+  type StaticServer,
+} from '@astryxdesign/a11y-spec/storybook';
+
+let storybook: StaticServer;
+test.beforeAll(async () => {
+  storybook = await serveStorybook(
+    process.env.ASTRYX_STORYBOOK_DIR ?? DEFAULT_STORYBOOK_DIR,
+  );
+});
+test.afterAll(async () => {
+  await storybook?.close();
+});
+
+// Phone width: where an app presents its dialogs as bottom sheets.
+test.use({viewport: {width: 390, height: 844}});
+
+const SCENARIOS = [
+  {name: 'on its own', opens: ['Open sheet']},
+  {name: 'over a Dialog', opens: ['Open dialog', 'Open sheet from the dialog']},
+];
+
+for (const {name, opens} of SCENARIOS) {
+  test(`a toast action above a sheet opened ${name} takes the click`, async ({
+    page,
+  }) => {
+    await page.goto(
+      `${storybook.origin}/iframe.html?id=core-toast--app-toast-over-bottom-sheet&viewMode=story`,
+    );
+    await holdMotionStill(page);
+    for (const label of opens) {
+      await page.getByRole('button', {name: label, exact: true}).click();
+    }
+    const sheet = page.getByRole('dialog', {name: 'Item actions'});
+    await expect(sheet).toBeVisible();
+    await sheet.getByRole('button', {name: 'Archive'}).click();
+    await expect(sheet.getByText('The item is archived.')).toBeVisible();
+
+    const undo = page.locator('[popover] button', {hasText: 'Undo'});
+    await expect(undo).toBeVisible();
+    const box = await undo.boundingBox();
+    if (box == null) {
+      throw new Error('the Undo button has no box');
+    }
+    const x = box.x + box.width / 2;
+    const y = box.y + box.height / 2;
+
+    // Hit testing skips inert content and follows top-layer order: a toast
+    // left outside the sheet's modal, or under it, loses this point to the
+    // sheet.
+    const hit = await page.evaluate(
+      ([px, py]) =>
+        document.elementFromPoint(px, py)?.closest('button')?.textContent ??
+        null,
+      [x, y],
+    );
+    expect(hit).toBe('Undo');
+
+    await page.mouse.click(x, y);
+    await expect(
+      sheet.getByText('The item is back in your inbox.'),
+    ).toBeVisible();
+  });
+}

package/src/Field/inputDisabledFocus.ts

@@ -0,0 +1,28 @@
+// 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 {colorVars} from '../theme/tokens.stylex';
+
+export const inputDisabledFocusStyles = stylex.create({
+  // The shared disabled style drops the focus ring; restore it while the field's
+  // own control, a direct child, has keyboard focus (`spec:AST-085` FR6), so a
+  // focused status button keeps only its own outline.
+  ring: {
+    borderColor: {
+      default: colorVars['--color-border-emphasized'],
+      ':has(> [aria-disabled="true"]:focus-visible)':
+        colorVars['--color-accent'],
+    },
+    boxShadow: {
+      default: 'none',
+      ':has(> [aria-disabled="true"]:focus-visible)': `inset 0px 0px 0px 2px ${colorVars['--color-accent-muted']}`,
+    },
+  },
+});