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

package/dist/VisuallyHidden/VisuallyHidden.js

@@ -19,10 +19,18 @@ import * as stylex from '@stylexjs/stylex';
 
 /**
  * VisuallyHidden is deliberately styling-free: it exists to *not* be seen, so it
- * intentionally omits `xstyle`/`className`/`style`. The clip block is fixed and
- * non-overridable — styling a visually-hidden node is always a mistake. The
- * accessibility pass-throughs from `BaseProps` (`aria-*`, `role`, `id`,
- * `data-*`, event handlers) remain, since the live-region use case needs them.
+ * omits `className`/`style` and applies a fixed, non-overridable clip block —
+ * styling a visually-hidden node is always a mistake. The accessibility
+ * pass-throughs from `BaseProps` (`aria-*`, `role`, `id`, `data-*`, event
+ * handlers) remain, since the live-region use case needs them.
+ *
+ * `xstyle` stays declared and documented as ignored, because released 0.7.2
+ * accepted it through `BaseProps`: narrowing the interface would force every
+ * consumer to edit code, which is a `[breaking]` change for a planned minor
+ * (`spec:AST-017/FR53`). It carries no `@deprecated` marker either — under
+ * `spec:AST-017/FR28` a patch may only deprecate a surface it ships an exact
+ * migration for, and this fix ships none. Dropping the prop from the interface,
+ * with the migration being to delete it, belongs to a planned minor.
  */
 
 /**
@@ -46,8 +54,19 @@ export function VisuallyHidden({
   children,
   as: element = 'span',
   ref,
-  ...props
+  ...rest
 }) {
+  // `className` and `style` are off the interface, and the ignored `xstyle`
+  // is off by intent. Take all three back off at runtime so a cast cannot reach
+  // the element either: `xstyle` is not a valid attribute, so spreading it writes
+  // xstyle="[object Object]" into the DOM, and a cast `style` keeps the last word
+  // on `position` and un-hides the node.
+  const {
+    xstyle: _xstyle,
+    className: _className,
+    style: _style,
+    ...props
+  } = rest;
   return /*#__PURE__*/createElement(element, {
     ref: ref,
     // Spread consumer props (aria-*, role, id, data-*, handlers) first, then

package/dist/VisuallyHidden/index.d.ts

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

package/dist/astryx.css

@@ -650,7 +650,7 @@
   .x2uiyk:has(input:focus):not(#\#):not(#\#){border-color:var(--color-accent)}
   .xb0m1lw:has(> div > .astryx-layout-content):not(#\#):not(#\#){margin-inline:0}
   .x16s19ga:has(:focus-visible):not(#\#):not(#\#){outline:var(--focus-outline-width) var(--focus-outline-style) var(--focus-outline-color)}
-  .xf0xpto:placeholder-shown:not(#\#):not(#\#){flex:0 0 auto}
+  .x1q9bidn:placeholder-shown:not(#\#):not(#\#){flex:1 1 0}
   .x64lkcz:focus:not(#\#):not(#\#){border-color:var(--color-error)}
   .x1lglk5v:focus:not(#\#):not(#\#){border-color:var(--color-success)}
   .x12sck4v:focus:not(#\#):not(#\#){border-color:var(--color-warning)}
@@ -928,6 +928,7 @@
   .xawy1a7:not(#\#):not(#\#):not(#\#){contain:layout style}
   .x12h1iku:not(#\#):not(#\#):not(#\#){container-type:inline-size}
   .xb5mbof:not(#\#):not(#\#):not(#\#){content-visibility:auto}
+  .xdps06:not(#\#):not(#\#):not(#\#){content-visibility:hidden}
   .xfrknyr:not(#\#):not(#\#):not(#\#){counter-increment:astryx-list}
   .xif0320:not(#\#):not(#\#):not(#\#){counter-reset:astryx-list}
   .x1khind5:not(#\#):not(#\#):not(#\#){counter-reset:var(--x-counterReset)}
@@ -1193,6 +1194,7 @@
   .x1mzt3pk:not(#\#):not(#\#):not(#\#){overflow-wrap:break-word}
   .x1h4wwuj:not(#\#):not(#\#):not(#\#){overflow-wrap:normal}
   .xyri2b:not(#\#):not(#\#):not(#\#){padding-inline-end:0}
+  .xx0flbe:not(#\#):not(#\#):not(#\#){padding-inline-end:calc(calc(var(--spacing-1) - 1px) + var(--_tokenizer-end-lane-reserve,0px))}
   .xtvv6yu:not(#\#):not(#\#):not(#\#){padding-inline-end:calc(var(--_tab-strip-bleed,0px) + max(var(--container-padding-inline-end,0px) - var(--spacing-3),0px))}
   .x1g2apga:not(#\#):not(#\#):not(#\#){padding-inline-end:calc(var(--_textarea-inline-padding) + var(--spacing-12))}
   .xp2dy4z:not(#\#):not(#\#):not(#\#){padding-inline-end:calc(var(--_textarea-inline-padding) + var(--spacing-6))}
@@ -1491,6 +1493,7 @@
   .x9o1np9.x9o1np9:hover:where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#):not(#\#){color:var(--color-text-primary)}
   .x16khyan:is(:disabled,[aria-disabled="true"]):not(#\#):not(#\#):not(#\#){cursor:default}
   .x1y40yee:popover-open:not(#\#):not(#\#):not(#\#){display:flex}
+  .x1rq9t4t:placeholder-shown:is(:not(:focus), :read-only):not(#\#):not(#\#):not(#\#){margin-inline-start:calc(-1 * var(--spacing-1))}
   .x17xqekc:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){mask-image:linear-gradient(to left,transparent 0%,rgba(0,0,0,.3) 2px,black var(--spacing-1))}
   .x1nwey30:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){mask-image:linear-gradient(to left,transparent var(--_tab-strip-bleed),black calc(var(--_tab-strip-bleed) + var(--spacing-8)))}
   .x8ulde1:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.3) 2px,black var(--spacing-1))}
@@ -1513,6 +1516,7 @@
   .x1vidyx5:focus-visible:not(#\#):not(#\#):not(#\#){outline-width:var(--focus-outline-width)}
   .x1n6uwha:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){padding-inline-end:max(var(--spacing-4),env(safe-area-inset-left,0px))}
   .xtjjor6:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){padding-inline-end:var(--astryx-dialog-padding-inline-end,var(--astryx-dialog-padding-inline,var(--astryx-dialog-padding,max(var(--spacing-4),env(safe-area-inset-left,0px)))))}
+  .x1jwxvv4:placeholder-shown:is(:not(:focus), :read-only):not(#\#):not(#\#):not(#\#){padding-inline-start:0}
   .x19efkpl:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){padding-inline-start:max(var(--spacing-4),env(safe-area-inset-right,0px))}
   .x1i7f2ot:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){padding-inline-start:var(--astryx-dialog-padding-inline-start,var(--astryx-dialog-padding-inline,var(--astryx-dialog-padding,max(var(--spacing-4),env(safe-area-inset-right,0px)))))}
   .xbt4iw:focus-within:not(#\#):not(#\#):not(#\#){pointer-events:auto}
@@ -1576,12 +1580,6 @@
   .x189zj9d:nth-child(even of :not([data-expansion-panel])):not(#\#):not(#\#):not(#\#){background-color:var(--color-background-muted)}
   .xjl7jj:empty:not(#\#):not(#\#):not(#\#){display:none}
   .x1e0d1ib:empty:not(#\#):not(#\#):not(#\#){padding-inline-start:0}
-  .x1cs7wtd:placeholder-shown:not(#\#):not(#\#):not(#\#){inset-inline-start:calc(var(--spacing-1) - 1px)}
-  .x1wg34a1:placeholder-shown:not(#\#):not(#\#):not(#\#){padding-inline-end:var(--spacing-1)}
-  .xf0ofad:placeholder-shown:not(#\#):not(#\#):not(#\#){padding-inline-start:0}
-  .x1utg46d:placeholder-shown:not(#\#):not(#\#):not(#\#){position:absolute}
-  .x75j1tr:placeholder-shown:not(#\#):not(#\#):not(#\#){text-align:end}
-  .xv6p7n0:placeholder-shown:not(#\#):not(#\#):not(#\#){transform:translateY(-50%)}
   .x1c52tdz:focus:not(#\#):not(#\#):not(#\#){background-color:var(--color-overlay-hover)}
   .x1rsz1da:focus:not(#\#):not(#\#):not(#\#){clip-path:none}
   .xodanix:focus:not(#\#):not(#\#):not(#\#){inset-inline-start:var(--spacing-2)}
@@ -1963,7 +1961,6 @@
   .xs7f9wi:not(#\#):not(#\#):not(#\#):not(#\#){top:2px}
   .xwa60dl:not(#\#):not(#\#):not(#\#):not(#\#){top:50%}
   .x1ltwjim:not(#\#):not(#\#):not(#\#):not(#\#){top:anchor(--outline-active top,0px)}
-  .x80663w:not(#\#):not(#\#):not(#\#):not(#\#){top:auto}
   .x7rbydg:not(#\#):not(#\#):not(#\#):not(#\#){top:calc(50% - (28px / 2))}
   .x1oysc8t:not(#\#):not(#\#):not(#\#):not(#\#){top:calc(var(--size-element-lg) / 2 - 1px)}
   .xkmsrut:not(#\#):not(#\#):not(#\#):not(#\#){top:calc(var(--size-element-md) / 2 - 1px)}
@@ -2056,11 +2053,7 @@
   .x1t1lzn6:last-child:not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-width:0}
   .xlayyun:last-child:not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:calc(-1 * var(--container-padding-block-end,0px))}
   .xup0pd7:last-child:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:0}
-  .xcax4zt:placeholder-shown:not(#\#):not(#\#):not(#\#):not(#\#){min-width:1px}
-  .x1o13q2w:placeholder-shown:not(#\#):not(#\#):not(#\#):not(#\#){top:calc(var(--size-element-lg) / 2 - 1px)}
-  .x811pv0:placeholder-shown:not(#\#):not(#\#):not(#\#):not(#\#){top:calc(var(--size-element-md) / 2 - 1px)}
-  .x1a21zuh:placeholder-shown:not(#\#):not(#\#):not(#\#):not(#\#){top:calc(var(--size-element-sm) / 2 - 1px)}
-  .xbuu7xz:placeholder-shown:not(#\#):not(#\#):not(#\#):not(#\#){width:calc(100% - calc(var(--spacing-1) - 1px) - var(--_tokenizer-end-lane-reserve,calc(var(--spacing-1) - 1px)) - 2px - 1px)}
+  .x14dcwvw:placeholder-shown:not(#\#):not(#\#):not(#\#):not(#\#){min-width:0}
   .x15cytp8:focus:not(#\#):not(#\#):not(#\#):not(#\#){height:auto}
   .x1rw3289:focus:not(#\#):not(#\#):not(#\#):not(#\#){top:var(--spacing-2)}
   .x1jqxupm:focus:not(#\#):not(#\#):not(#\#):not(#\#){width:auto}

package/dist/hooks/index.d.ts

@@ -6,56 +6,56 @@
  *
  * SYNC: When modified, update this header
  */
-export { hasActiveFocusTrapEscape, useFocusTrap } from './useFocusTrap';
-export type { UseFocusTrapOptions, UseFocusTrapReturn } from './useFocusTrap';
-export { useAnnounce } from './useAnnounce';
-export type { AnnounceFn, AnnouncePoliteness } from './useAnnounce';
-export { useClipboard } from './useClipboard';
-export type { UseClipboardOptions, UseClipboardReturn } from './useClipboard';
-export { useGridFocus } from './useGridFocus';
-export type { UseGridFocusOptions, UseGridFocusReturn } from './useGridFocus';
-export { useListFocus } from './useListFocus';
-export type { UseListFocusOptions, UseListFocusReturn, ListFocusOrientation, } from './useListFocus';
-export { useTreeFocus } from './useTreeFocus';
-export type { UseTreeFocusOptions, UseTreeFocusReturn } from './useTreeFocus';
-export { useHotkeys } from './useHotkeys';
-export type { Hotkey } from './useHotkeys';
-export { useTypeahead } from './useTypeahead';
-export { useMenuPress, MENU_PRESS_MARKER, isMenuPressActivation, } from './useMenuPress';
-export type { UseMenuPressOptions, UseMenuPressReturn } from './useMenuPress';
-export { menuPressStep, MENU_PRESS_SETTLE_MS } from './menuPressGesture';
-export type { MenuPressEffect, MenuPressEvent, MenuPressGesture, MenuPressPointerType, MenuPressStep, } from './menuPressGesture';
-export { useKeyboardHint } from './useKeyboardHint';
-export type { UseKeyboardHintOptions, UseKeyboardHintReturn, KeyboardHintOrientation, } from './useKeyboardHint';
-export type { UseTypeaheadOptions, UseTypeaheadReturn } from './useTypeahead';
-export { useMediaQuery } from './useMediaQuery';
-export { useMergedRefs } from './useMergedRefs';
-export { useOverflow } from './useOverflow';
-export type { UseOverflowOptions, UseOverflowReturn } from './useOverflow';
-export { useScrollOverflow } from './useScrollOverflow';
-export type { ScrollOverflowState } from './useScrollOverflow';
-export { useScrollableArea } from './useScrollableArea';
-export type { ScrollAxis, ScrollAxisState, ScrollOverscroll, ScrollStickyContainment, ScrollKeyboardAccess, ScrollableAreaState, ScrollableElementProps, UseScrollableAreaOptions, UseScrollableAreaResult, } from './useScrollableArea';
-export { useScrollLock } from './useScrollLock';
-export { useEntryAnimation } from './useEntryAnimation';
-export type { EntryAnimationPreset } from './useEntryAnimation';
-export { useStreamingText } from './useStreamingText';
-export type { StreamingTextSpeed, UseStreamingTextOptions, } from './useStreamingText';
-export { useImageMode } from './useImageMode';
-export type { ImageSampleRegion, UseImageModeOptions } from './useImageMode';
-export { useClickableContainer, INTERACTIVE_SELECTORS, hasInteractiveAncestor, hasTextSelection, } from './useClickableContainer';
-export type { UseClickableContainerOptions, ClickableContainerResult, } from './useClickableContainer';
-export { useInputContainer } from './useInputContainer';
-export type { UseInputContainerOptions } from './useInputContainer';
-export { useInputStatusIcon } from './useInputStatusIcon';
-export type { UseInputStatusIconOptions, UseInputStatusIconReturn, } from './useInputStatusIcon';
-export { useInteractiveRole } from './useInteractiveRole';
-export type { InteractiveRole, UseInteractiveRoleOptions, } from './useInteractiveRole';
-export { useLongPress } from './useLongPress';
-export type { UseLongPressOptions, UseLongPressHandlers } from './useLongPress';
-export { usePressFeedback } from './usePressFeedback';
-export { useDevWarning } from './useDevWarning';
-export { useIndicatorFocusRing } from './useIndicatorFocusRing';
-export { useContainerReveal } from './useContainerReveal';
-export type { UseContainerRevealOptions, UseContainerRevealReturn, ContainerRevealOptions, ContentRevealOptions, } from './useContainerReveal';
+export { hasActiveFocusTrapEscape, useFocusTrap } from './useFocusTrap.js';
+export type { UseFocusTrapOptions, UseFocusTrapReturn } from './useFocusTrap.js';
+export { useAnnounce } from './useAnnounce.js';
+export type { AnnounceFn, AnnouncePoliteness } from './useAnnounce.js';
+export { useClipboard } from './useClipboard.js';
+export type { UseClipboardOptions, UseClipboardReturn } from './useClipboard.js';
+export { useGridFocus } from './useGridFocus.js';
+export type { UseGridFocusOptions, UseGridFocusReturn } from './useGridFocus.js';
+export { useListFocus } from './useListFocus.js';
+export type { UseListFocusOptions, UseListFocusReturn, ListFocusOrientation, } from './useListFocus.js';
+export { useTreeFocus } from './useTreeFocus.js';
+export type { UseTreeFocusOptions, UseTreeFocusReturn } from './useTreeFocus.js';
+export { useHotkeys } from './useHotkeys.js';
+export type { Hotkey } from './useHotkeys.js';
+export { useTypeahead } from './useTypeahead.js';
+export { useMenuPress, MENU_PRESS_MARKER, isMenuPressActivation, } from './useMenuPress.js';
+export type { UseMenuPressOptions, UseMenuPressReturn } from './useMenuPress.js';
+export { menuPressStep, MENU_PRESS_SETTLE_MS } from './menuPressGesture.js';
+export type { MenuPressEffect, MenuPressEvent, MenuPressGesture, MenuPressPointerType, MenuPressStep, } from './menuPressGesture.js';
+export { useKeyboardHint } from './useKeyboardHint.js';
+export type { UseKeyboardHintOptions, UseKeyboardHintReturn, KeyboardHintOrientation, } from './useKeyboardHint.js';
+export type { UseTypeaheadOptions, UseTypeaheadReturn } from './useTypeahead.js';
+export { useMediaQuery } from './useMediaQuery.js';
+export { useMergedRefs } from './useMergedRefs.js';
+export { useOverflow } from './useOverflow.js';
+export type { UseOverflowOptions, UseOverflowReturn } from './useOverflow.js';
+export { useScrollOverflow } from './useScrollOverflow.js';
+export type { ScrollOverflowState } from './useScrollOverflow.js';
+export { useScrollableArea } from './useScrollableArea.js';
+export type { ScrollAxis, ScrollAxisState, ScrollOverscroll, ScrollStickyContainment, ScrollKeyboardAccess, ScrollableAreaState, ScrollableElementProps, UseScrollableAreaOptions, UseScrollableAreaResult, } from './useScrollableArea.js';
+export { useScrollLock } from './useScrollLock.js';
+export { useEntryAnimation } from './useEntryAnimation.js';
+export type { EntryAnimationPreset } from './useEntryAnimation.js';
+export { useStreamingText } from './useStreamingText.js';
+export type { StreamingTextSpeed, UseStreamingTextOptions, } from './useStreamingText.js';
+export { useImageMode } from './useImageMode.js';
+export type { ImageSampleRegion, UseImageModeOptions } from './useImageMode.js';
+export { useClickableContainer, INTERACTIVE_SELECTORS, hasInteractiveAncestor, hasTextSelection, } from './useClickableContainer.js';
+export type { UseClickableContainerOptions, ClickableContainerResult, } from './useClickableContainer.js';
+export { useInputContainer } from './useInputContainer.js';
+export type { UseInputContainerOptions } from './useInputContainer.js';
+export { useInputStatusIcon } from './useInputStatusIcon.js';
+export type { UseInputStatusIconOptions, UseInputStatusIconReturn, } from './useInputStatusIcon.js';
+export { useInteractiveRole } from './useInteractiveRole.js';
+export type { InteractiveRole, UseInteractiveRoleOptions, } from './useInteractiveRole.js';
+export { useLongPress } from './useLongPress.js';
+export type { UseLongPressOptions, UseLongPressHandlers } from './useLongPress.js';
+export { usePressFeedback } from './usePressFeedback.js';
+export { useDevWarning } from './useDevWarning.js';
+export { useIndicatorFocusRing } from './useIndicatorFocusRing.js';
+export { useContainerReveal } from './useContainerReveal.js';
+export type { UseContainerRevealOptions, UseContainerRevealReturn, ContainerRevealOptions, ContentRevealOptions, } from './useContainerReveal.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/hooks/useAutoMediaMode.d.ts

@@ -1,5 +1,5 @@
 import type { RefObject } from 'react';
-import type { RGBA } from '../utils/color';
+import type { RGBA } from '../utils/color.js';
 /** A surface luminance context, or `"off"` when no media context is wanted. */
 export type DetectedMediaMode = 'dark' | 'light' | 'off';
 /**

package/dist/hooks/useInputContainer.d.ts

@@ -44,5 +44,5 @@ export interface UseInputContainerOptions {
  * );
  * ```
  */
-export declare function useInputContainer({ containerRef, inputRef, disabled, }: UseInputContainerOptions): import("./useClickableContainer").ClickableContainerResult;
+export declare function useInputContainer({ containerRef, inputRef, disabled, }: UseInputContainerOptions): import("./useClickableContainer.js").ClickableContainerResult;
 //# sourceMappingURL=useInputContainer.d.ts.map

package/dist/hooks/useInputStatusIcon.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
-import { type IconSize } from '../Icon';
-import type { FieldStatusVariant } from '../FieldStatus/FieldStatus';
-import type { InputStatus } from '../Field/types';
+import { type IconSize } from '../Icon/index.js';
+import type { FieldStatusVariant } from '../FieldStatus/FieldStatus.js';
+import type { InputStatus } from '../Field/types.js';
 export interface UseInputStatusIconOptions {
     /** The input's status, or undefined when there is none. */
     status?: InputStatus;

package/dist/hooks/useMenuPress.d.ts

@@ -43,7 +43,7 @@
  * - /packages/core/src/hooks/menuPressGesture.ts
  */
 import { type RefObject } from 'react';
-import { type MenuPressPointerType } from './menuPressGesture';
+import { type MenuPressPointerType } from './menuPressGesture.js';
 /** Marks a menu root that carries this press model. */
 export declare const MENU_PRESS_MARKER = "data-astryx-menu-press";
 /**

package/dist/hooks/usePressFeedback.d.ts

@@ -1,4 +1,4 @@
-import { pressableProps } from '../utils/pressFeedback';
+import { pressableProps } from '../utils/pressFeedback.js';
 /**
  * Mark an element as a pressable surface of the touch press model, and make
  * sure the document-level controller that drives it is installed.

package/dist/hooks/useScrollableArea.d.ts

@@ -10,7 +10,7 @@
  * - /packages/core/src/hooks/index.ts
  */
 import { type RefAttributes } from 'react';
-import type { BaseProps } from '../BaseProps';
+import type { BaseProps } from '../BaseProps.js';
 export type ScrollAxis = 'inline' | 'block' | 'both';
 export type ScrollOverscroll = 'allow' | 'contain';
 export type ScrollStickyContainment = 'whenScrollable' | 'always';

package/dist/i18n/InternationalizationContext.d.ts

@@ -1,5 +1,5 @@
-import { getResolve } from './resolve';
-import type { Locale, MessagesByLocale, Overrides } from './types';
+import { getResolve } from './resolve.js';
+import type { Locale, MessagesByLocale, Overrides } from './types.js';
 export interface InternationalizationContextValue {
     locale: Locale;
     direction: 'ltr' | 'rtl';

package/dist/i18n/InternationalizationProvider.d.ts

@@ -15,7 +15,7 @@
  * - /packages/core/src/i18n/InternationalizationProvider.doc.mjs
  */
 import { type ReactNode } from 'react';
-import type { Locale, Overrides, ProviderMessagesByLocale } from './types';
+import type { Locale, Overrides, ProviderMessagesByLocale } from './types.js';
 export interface InternationalizationProviderProps {
     /**
      * BCP 47 language tag. Examples: `'en'`, `'pt'`, `'pt-BR'`, `'zh-Hans'`.

package/dist/i18n/index.d.ts

@@ -21,16 +21,16 @@
  * - /packages/core/src/i18n/useDirection.ts
  * - /packages/core/src/i18n/getLocaleDirection.ts
  */
-export { InternationalizationProvider } from './InternationalizationProvider';
-export type { InternationalizationProviderProps } from './InternationalizationProvider';
-export { InternationalizationContext } from './InternationalizationContext';
-export type { InternationalizationContextValue } from './InternationalizationContext';
-export { useTranslator } from './useTranslator';
-export type { TranslatorFn } from './useTranslator';
-export { useLocale } from './useLocale';
-export { useCollator } from './useCollator';
-export { useDirection } from './useDirection';
-export { getLocaleDirection } from './getLocaleDirection';
-export type { Translator } from './translator';
-export type { Locale, Catalog, MessageEntry, RuntimeCatalog, MessagesByLocale, ProviderMessagesByLocale, Overrides, } from './types';
+export { InternationalizationProvider } from './InternationalizationProvider.js';
+export type { InternationalizationProviderProps } from './InternationalizationProvider.js';
+export { InternationalizationContext } from './InternationalizationContext.js';
+export type { InternationalizationContextValue } from './InternationalizationContext.js';
+export { useTranslator } from './useTranslator.js';
+export type { TranslatorFn } from './useTranslator.js';
+export { useLocale } from './useLocale.js';
+export { useCollator } from './useCollator.js';
+export { useDirection } from './useDirection.js';
+export { getLocaleDirection } from './getLocaleDirection.js';
+export type { Translator } from './translator.js';
+export type { Locale, Catalog, MessageEntry, RuntimeCatalog, MessagesByLocale, ProviderMessagesByLocale, Overrides, } from './types.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/i18n/resolve.d.ts

@@ -1,4 +1,4 @@
-import type { Locale, Overrides, ProviderMessagesByLocale } from './types';
+import type { Locale, Overrides, ProviderMessagesByLocale } from './types.js';
 /**
  * Walk a BCP 47 tag from most-specific to least-specific.
  * Input is canonicalized via `Intl.Locale.baseName` so `pt-br` and `PT-BR`

package/dist/i18n/useLocale.d.ts

@@ -1,3 +1,3 @@
-import type { Locale } from './types';
+import type { Locale } from './types.js';
 export declare function useLocale(): Locale;
 //# sourceMappingURL=useLocale.d.ts.map

package/dist/index.d.ts

@@ -6,115 +6,115 @@
  *
  * SYNC: When modified, update this header and /packages/core/src/README.md
  */
-export type { BaseProps } from './BaseProps';
-export * from './AppShell';
-export * from './AspectRatio';
-export * from './Avatar';
-export * from './AvatarGroup';
-export * from './Badge';
-export * from './Banner';
-export * from './Blockquote';
-export * from './BottomSheet';
-export * from './Breadcrumbs';
-export * from './Button';
-export * from './ButtonGroup';
-export * from './IconButton';
-export * from './Card';
-export * from './ClickableCard';
-export * from './Carousel';
-export * from './Calendar';
-export * from './Center';
-export * from './CodeBlock';
-export * from './CommandPalette';
-export * from './ComplexSelector';
-export * from './Chat';
-export * from './Markdown';
-export * from './Citation';
-export * from './CheckboxInput';
-export * from './CheckboxList';
-export * from './Collapsible';
-export * from './RadioList';
-export * from './Resizable';
-export * from './ScrollableArea';
-export * from './Divider';
-export * from './VisuallyHidden';
-export * from './EmptyState';
-export * from './Lightbox';
-export * from './Link';
-export * from './List';
-export * from './MetadataList';
-export * from './NavIcon';
-export * from './NavMenu';
-export * from './Slider';
-export * from './Stack';
-export * from './Stepper';
-export * from './Switch';
-export * from './DateInput';
-export * from './DateTimeInput';
-export * from './DateRangeInput';
-export * from './Field';
-export * from './FileInput';
-export * from './FormLayout';
-export * from './Grid';
-export * from './Section';
-export * from './SegmentedControl';
-export * from './SelectableCard';
-export * from './Selector';
-export * from './MultiSelector';
-export * from './Icon';
-export * from './Indicator';
-export * from './InputGroup';
-export * from './Item';
-export * from './Text';
-export * from './TextInput';
-export * from './TabList';
-export * from './TextArea';
-export * from './TimeInput';
-export * from './NumberInput';
-export * from './Table';
-export * from './ToggleButton';
-export * from './Token';
-export * from './Typeahead';
-export * from './Tokenizer';
-export * from './Thumbnail';
-export * from './PowerSearch';
-export * from './TreeList';
-export * from './Kbd';
-export * from './AlertDialog';
-export * from './Dialog';
-export * from './ContextMenu';
-export * from './DropdownMenu';
-export * from './Drawer';
-export * from './MoreMenu';
-export * from './InteractiveRoleContext';
-export * from './SizeContext';
-export * from './Toolbar';
-export * from './TopNav';
-export * from './SideNav';
-export * from './MobileNav';
-export * from './Pagination';
-export * from './ProgressBar';
-export * from './Layout';
-export { useLayer } from './Layer';
-export type { LayerAlignment, LayerPlacement, ContextRenderProps, FixedRenderProps, ContextLayerOptions, FixedLayerOptions, ContextLayerReturn, FixedLayerReturn, } from './Layer';
-export { LayerProvider } from './Layer';
-export type { LayerProviderProps, LayerInset, LayerToastConfig } from './Layer';
-export { Toast, useToast } from './Toast';
-export type { ToastProps, ToastType, ToastPosition, ToastCollisionBehavior, ToastDismissReason, ToastOptions, ToastDismissFn, ShowToastFn, ToastContentRenderProps, ToastContentRenderFn, } from './Toast';
-export * from './Popover';
-export * from './HoverCard';
-export * from './Tooltip';
-export * from './Skeleton';
-export * from './StatusDot';
-export * from './Spinner';
-export * from './Timestamp';
-export * from './Timer';
-export * from './Overlay';
-export * from './Outline';
-export * from './OverflowList';
-export * from './hooks';
-export * from './utils';
-export type { TextColorMap } from './Text';
-export * from './theme';
-export * from './i18n';
+export type { BaseProps } from './BaseProps.js';
+export * from './AppShell/index.js';
+export * from './AspectRatio/index.js';
+export * from './Avatar/index.js';
+export * from './AvatarGroup/index.js';
+export * from './Badge/index.js';
+export * from './Banner/index.js';
+export * from './Blockquote/index.js';
+export * from './BottomSheet/index.js';
+export * from './Breadcrumbs/index.js';
+export * from './Button/index.js';
+export * from './ButtonGroup/index.js';
+export * from './IconButton/index.js';
+export * from './Card/index.js';
+export * from './ClickableCard/index.js';
+export * from './Carousel/index.js';
+export * from './Calendar/index.js';
+export * from './Center/index.js';
+export * from './CodeBlock/index.js';
+export * from './CommandPalette/index.js';
+export * from './ComplexSelector/index.js';
+export * from './Chat/index.js';
+export * from './Markdown/index.js';
+export * from './Citation/index.js';
+export * from './CheckboxInput/index.js';
+export * from './CheckboxList/index.js';
+export * from './Collapsible/index.js';
+export * from './RadioList/index.js';
+export * from './Resizable/index.js';
+export * from './ScrollableArea/index.js';
+export * from './Divider/index.js';
+export * from './VisuallyHidden/index.js';
+export * from './EmptyState/index.js';
+export * from './Lightbox/index.js';
+export * from './Link/index.js';
+export * from './List/index.js';
+export * from './MetadataList/index.js';
+export * from './NavIcon/index.js';
+export * from './NavMenu/index.js';
+export * from './Slider/index.js';
+export * from './Stack/index.js';
+export * from './Stepper/index.js';
+export * from './Switch/index.js';
+export * from './DateInput/index.js';
+export * from './DateTimeInput/index.js';
+export * from './DateRangeInput/index.js';
+export * from './Field/index.js';
+export * from './FileInput/index.js';
+export * from './FormLayout/index.js';
+export * from './Grid/index.js';
+export * from './Section/index.js';
+export * from './SegmentedControl/index.js';
+export * from './SelectableCard/index.js';
+export * from './Selector/index.js';
+export * from './MultiSelector/index.js';
+export * from './Icon/index.js';
+export * from './Indicator/index.js';
+export * from './InputGroup/index.js';
+export * from './Item/index.js';
+export * from './Text/index.js';
+export * from './TextInput/index.js';
+export * from './TabList/index.js';
+export * from './TextArea/index.js';
+export * from './TimeInput/index.js';
+export * from './NumberInput/index.js';
+export * from './Table/index.js';
+export * from './ToggleButton/index.js';
+export * from './Token/index.js';
+export * from './Typeahead/index.js';
+export * from './Tokenizer/index.js';
+export * from './Thumbnail/index.js';
+export * from './PowerSearch/index.js';
+export * from './TreeList/index.js';
+export * from './Kbd/index.js';
+export * from './AlertDialog/index.js';
+export * from './Dialog/index.js';
+export * from './ContextMenu/index.js';
+export * from './DropdownMenu/index.js';
+export * from './Drawer/index.js';
+export * from './MoreMenu/index.js';
+export * from './InteractiveRoleContext/index.js';
+export * from './SizeContext/index.js';
+export * from './Toolbar/index.js';
+export * from './TopNav/index.js';
+export * from './SideNav/index.js';
+export * from './MobileNav/index.js';
+export * from './Pagination/index.js';
+export * from './ProgressBar/index.js';
+export * from './Layout/index.js';
+export { useLayer } from './Layer/index.js';
+export type { LayerAlignment, LayerPlacement, ContextRenderProps, FixedRenderProps, ContextLayerOptions, FixedLayerOptions, ContextLayerReturn, FixedLayerReturn, } from './Layer/index.js';
+export { LayerProvider } from './Layer/index.js';
+export type { LayerProviderProps, LayerInset, LayerToastConfig } from './Layer/index.js';
+export { Toast, useToast } from './Toast/index.js';
+export type { ToastProps, ToastType, ToastPosition, ToastCollisionBehavior, ToastDismissReason, ToastOptions, ToastDismissFn, ShowToastFn, ToastContentRenderProps, ToastContentRenderFn, } from './Toast/index.js';
+export * from './Popover/index.js';
+export * from './HoverCard/index.js';
+export * from './Tooltip/index.js';
+export * from './Skeleton/index.js';
+export * from './StatusDot/index.js';
+export * from './Spinner/index.js';
+export * from './Timestamp/index.js';
+export * from './Timer/index.js';
+export * from './Overlay/index.js';
+export * from './Outline/index.js';
+export * from './OverflowList/index.js';
+export * from './hooks/index.js';
+export * from './utils/index.js';
+export type { TextColorMap } from './Text/index.js';
+export * from './theme/index.js';
+export * from './i18n/index.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/theme/Theme.d.ts

@@ -31,8 +31,8 @@
  * ```
  */
 import React from 'react';
-import type { ThemeMode } from './types';
-import { type DefinedTheme } from './defineTheme';
+import type { ThemeMode } from './types.js';
+import { type DefinedTheme } from './defineTheme.js';
 /**
  * Theme provider props
  */

package/dist/theme/contrast.d.ts

@@ -13,7 +13,7 @@
  * ratio is measured — a translucent token has no contrast of its own,
  * only against what it renders on.
  */
-import type { RGBA } from '../utils/color';
+import type { RGBA } from '../utils/color.js';
 /**
  * WCAG 2.x relative luminance of an sRGB color (alpha ignored).
  * 0 = black, 1 = white.