@astryxdesign/core 0.7.4 → 0.7.5-canary.0026f37

package/dist/TopNav/TopNavItem.d.ts

@@ -12,9 +12,9 @@
  * - /packages/cli/assets/templates/blocks/components/TopNav/ (showcase blocks)
  */
 import type { ReactNode } from 'react';
-import type { BaseProps } from '../BaseProps';
-import type { LinkComponentType } from '../Link/types';
-import { type NavItemSize } from '../NavItem/navItemStyles.stylex';
+import type { BaseProps } from '../BaseProps.js';
+import type { LinkComponentType } from '../Link/types.js';
+import { type NavItemSize } from '../NavItem/navItemStyles.stylex.js';
 export interface TopNavItemProps extends BaseProps<HTMLAnchorElement> {
     /** Ref forwarded to the root element */
     ref?: React.Ref<HTMLAnchorElement>;

package/dist/TopNav/TopNavMegaMenu.d.ts

@@ -26,7 +26,7 @@
  * - /packages/cli/assets/templates/blocks/components/TopNav/ (showcase blocks)
  */
 import React, { type ReactNode } from 'react';
-import type { BaseProps } from '../BaseProps';
+import type { BaseProps } from '../BaseProps.js';
 export interface TopNavMegaMenuProps extends BaseProps<HTMLButtonElement> {
     ref?: React.Ref<HTMLButtonElement>;
     /** The visible label for the nav item trigger. */

package/dist/TopNav/TopNavMegaMenuFeaturedCard.d.ts

@@ -14,7 +14,7 @@
  * - /packages/cli/assets/templates/blocks/components/TopNav/ (showcase blocks)
  */
 import React, { type ReactNode } from 'react';
-import type { BaseProps } from '../BaseProps';
+import type { BaseProps } from '../BaseProps.js';
 export interface TopNavMegaMenuFeaturedCardProps extends BaseProps<HTMLDivElement> {
     ref?: React.Ref<HTMLDivElement>;
     /** Card title. */

package/dist/TopNav/TopNavMegaMenuItem.d.ts

@@ -11,8 +11,8 @@
  * - /packages/cli/assets/templates/blocks/components/TopNav/ (showcase blocks)
  */
 import React, { type ReactNode } from 'react';
-import type { LinkComponentType } from '../Link/types';
-import type { BaseProps } from '../BaseProps';
+import type { LinkComponentType } from '../Link/types.js';
+import type { BaseProps } from '../BaseProps.js';
 export interface TopNavMegaMenuItemProps extends Omit<BaseProps<HTMLElement>, 'onClick'> {
     ref?: React.Ref<HTMLElement>;
     /** Display title for the menu item. */

package/dist/TopNav/TopNavMenu.d.ts

@@ -12,7 +12,7 @@
  * - /packages/cli/assets/templates/blocks/components/TopNav/ (showcase blocks)
  */
 import React, { type ReactNode } from 'react';
-import type { BaseProps } from '../BaseProps';
+import type { BaseProps } from '../BaseProps.js';
 /**
  * An item in the TopNav overflow menu.
  */

package/dist/TopNav/index.d.ts

@@ -6,20 +6,20 @@
  *
  * SYNC: When modified, update /packages/core/src/TopNav/TopNav.doc.mjs
  */
-export { TopNav } from './TopNav';
-export type { TopNavProps } from './TopNav';
-export { TopNavHeading } from './TopNavHeading';
-export type { TopNavHeadingProps } from './TopNavHeading';
-export { TopNavItem } from './TopNavItem';
-export type { TopNavItemProps } from './TopNavItem';
-export { TopNavMenu } from './TopNavMenu';
-export type { TopNavMenuProps, TopNavMenuItemData } from './TopNavMenu';
-export { TopNavMegaMenu } from './TopNavMegaMenu';
-export type { TopNavMegaMenuProps } from './TopNavMegaMenu';
-export { TopNavMegaMenuItem } from './TopNavMegaMenuItem';
-export type { TopNavMegaMenuItemProps } from './TopNavMegaMenuItem';
-export { TopNavMegaMenuFeaturedCard } from './TopNavMegaMenuFeaturedCard';
-export type { TopNavMegaMenuFeaturedCardProps } from './TopNavMegaMenuFeaturedCard';
-export { TopNavRenderContext, useTopNavRenderMode, } from './TopNavRenderContext';
-export type { TopNavRenderMode } from './TopNavRenderContext';
+export { TopNav } from './TopNav.js';
+export type { TopNavProps } from './TopNav.js';
+export { TopNavHeading } from './TopNavHeading.js';
+export type { TopNavHeadingProps } from './TopNavHeading.js';
+export { TopNavItem } from './TopNavItem.js';
+export type { TopNavItemProps } from './TopNavItem.js';
+export { TopNavMenu } from './TopNavMenu.js';
+export type { TopNavMenuProps, TopNavMenuItemData } from './TopNavMenu.js';
+export { TopNavMegaMenu } from './TopNavMegaMenu.js';
+export type { TopNavMegaMenuProps } from './TopNavMegaMenu.js';
+export { TopNavMegaMenuItem } from './TopNavMegaMenuItem.js';
+export type { TopNavMegaMenuItemProps } from './TopNavMegaMenuItem.js';
+export { TopNavMegaMenuFeaturedCard } from './TopNavMegaMenuFeaturedCard.js';
+export type { TopNavMegaMenuFeaturedCardProps } from './TopNavMegaMenuFeaturedCard.js';
+export { TopNavRenderContext, useTopNavRenderMode, } from './TopNavRenderContext.js';
+export type { TopNavRenderMode } from './TopNavRenderContext.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/TreeList/TreeList.d.ts

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

package/dist/TreeList/TreeListItem.d.ts

@@ -11,7 +11,7 @@
  */
 import { type ReactNode } from 'react';
 import * as stylex from '@stylexjs/stylex';
-import type { TreeListDensity, TreeListVariant } from './TreeListTypes';
+import type { TreeListDensity, TreeListVariant } from './TreeListTypes.js';
 export interface TreeListItemInternalProps {
     id: string;
     label: React.ReactNode;

package/dist/TreeList/TreeListTypes.d.ts

@@ -10,7 +10,7 @@
  */
 import type { CSSProperties, ReactNode } from 'react';
 import type { StyleXStyles } from '@stylexjs/stylex';
-import type { TreeListVariantMap } from './index';
+import type { TreeListVariantMap } from './index.js';
 /** Spacing density for tree list items. */
 export type TreeListDensity = 'compact' | 'balanced' | 'spacious';
 /**

package/dist/TreeList/index.d.ts

@@ -23,7 +23,7 @@ export interface TreeListVariantMap {
     lineGuides: true;
     noGuides: true;
 }
-export { TreeList } from './TreeList';
-export type { TreeListProps, TreeListDensity, TreeListVariant } from './TreeList';
-export type { TreeListItemData } from './TreeListTypes';
+export { TreeList } from './TreeList.js';
+export type { TreeListProps, TreeListDensity, TreeListVariant } from './TreeList.js';
+export type { TreeListItemData } from './TreeListTypes.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/Typeahead/BaseTypeahead.d.ts

@@ -14,8 +14,8 @@
  */
 import React, { type ReactNode, type RefObject } from 'react';
 import type { StyleXStyles } from '@stylexjs/stylex';
-import type { BaseProps } from '../BaseProps';
-import type { SearchableItem, SearchSource } from './types';
+import type { BaseProps } from '../BaseProps.js';
+import type { SearchableItem, SearchSource } from './types.js';
 export interface BaseTypeaheadProps<T extends SearchableItem> extends Omit<BaseProps<HTMLElement>, 'onChange'> {
     ref?: React.Ref<HTMLInputElement>;
     /**

package/dist/Typeahead/Typeahead.d.ts

@@ -14,12 +14,12 @@
  * - /packages/cli/assets/templates/blocks/components/Typeahead/ (showcase blocks)
  */
 import React, { type ReactNode } from 'react';
-import { type InputStatus, type FieldStatusVariant } from '../Field';
-import { type IconType } from '../Icon';
-import { type FieldInputBaseProps } from '../Field/fieldParts';
-import type { SizeValue } from '../utils/types';
-import type { SearchableItem, SearchSource } from './types';
-export type { InputStatus as TypeaheadStatus, InputStatusType as TypeaheadStatusType, } from '../Field';
+import { type InputStatus, 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';
+import type { SearchableItem, SearchSource } from './types.js';
+export type { InputStatus as TypeaheadStatus, InputStatusType as TypeaheadStatusType, } from '../Field/index.js';
 export type TypeaheadSize = 'sm' | 'md' | 'lg';
 export interface TypeaheadProps<T extends SearchableItem> extends Omit<FieldInputBaseProps<HTMLInputElement>, 'onChange' | 'onKeyDown'> {
     /**

package/dist/Typeahead/TypeaheadItem.d.ts

@@ -9,8 +9,8 @@
  * - /packages/cli/assets/templates/blocks/components/Typeahead/ (showcase blocks)
  */
 import React, { type ReactNode } from 'react';
-import type { SearchableItem } from './types';
-import type { BaseProps } from '../BaseProps';
+import type { SearchableItem } from './types.js';
+import type { BaseProps } from '../BaseProps.js';
 export interface TypeaheadItemProps<T extends SearchableItem = SearchableItem> extends BaseProps<HTMLDivElement> {
     ref?: React.Ref<HTMLDivElement>;
     /**

package/dist/Typeahead/createStaticSource.d.ts

@@ -7,7 +7,7 @@
  * SYNC: When modified, update:
  * - /packages/core/src/Typeahead/index.ts
  */
-import type { SearchableItem, SearchSource } from './types';
+import type { SearchableItem, SearchSource } from './types.js';
 export interface CreateStaticSourceOptions<T extends SearchableItem = SearchableItem> {
     /**
      * Extract additional search terms from an item.

package/dist/Typeahead/index.d.ts

@@ -6,13 +6,13 @@
  *
  * SYNC: When adding new Typeahead files, update exports here
  */
-export type { SearchableItem, SearchSource } from './types';
-export { createStaticSource } from './createStaticSource';
-export type { CreateStaticSourceOptions } from './createStaticSource';
-export { BaseTypeahead } from './BaseTypeahead';
-export type { BaseTypeaheadProps } from './BaseTypeahead';
-export { Typeahead } from './Typeahead';
-export type { TypeaheadProps, TypeaheadSize, TypeaheadStatus, TypeaheadStatusType, } from './Typeahead';
-export { TypeaheadItem } from './TypeaheadItem';
-export type { TypeaheadItemProps } from './TypeaheadItem';
+export type { SearchableItem, SearchSource } from './types.js';
+export { createStaticSource } from './createStaticSource.js';
+export type { CreateStaticSourceOptions } from './createStaticSource.js';
+export { BaseTypeahead } from './BaseTypeahead.js';
+export type { BaseTypeaheadProps } from './BaseTypeahead.js';
+export { Typeahead } from './Typeahead.js';
+export type { TypeaheadProps, TypeaheadSize, TypeaheadStatus, TypeaheadStatusType, } from './Typeahead.js';
+export { TypeaheadItem } from './TypeaheadItem.js';
+export type { TypeaheadItemProps } from './TypeaheadItem.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/Typeahead/utils.d.ts

@@ -3,7 +3,7 @@
  * @output Server-safe re-exports of pure Typeahead utility functions
  * @position Subpath entry point: `@astryxdesign/core/Typeahead/utils`
  */
-export { createStaticSource } from './createStaticSource';
-export type { CreateStaticSourceOptions } from './createStaticSource';
-export type { SearchableItem, SearchSource } from './types';
+export { createStaticSource } from './createStaticSource.js';
+export type { CreateStaticSourceOptions } from './createStaticSource.js';
+export type { SearchableItem, SearchSource } from './types.js';
 //# sourceMappingURL=utils.d.ts.map

package/dist/VStack/VStack.d.ts

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

package/dist/VStack/index.d.ts

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

package/dist/VisuallyHidden/VisuallyHidden.d.ts

@@ -12,13 +12,22 @@
  * - /packages/cli/assets/templates/blocks/components/VisuallyHidden/ (showcase blocks)
  */
 import { type ElementType, type ReactNode } from 'react';
-import type { BaseProps } from '../BaseProps';
+import type { BaseProps } from '../BaseProps.js';
+import type { StyleXStyles } 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.
  */
 export interface VisuallyHiddenProps extends Omit<BaseProps<HTMLElement>, 'className' | 'style'> {
     /** Ref forwarded to the rendered element. */
@@ -34,6 +43,15 @@ export interface VisuallyHiddenProps extends Omit<BaseProps<HTMLElement>, 'class
      * @default 'span'
      */
     as?: ElementType;
+    /**
+     * Ignored: VisuallyHidden has no styling surface. The clip block is the only
+     * style applied, and nothing a caller passes can displace it.
+     *
+     * Accepted only so that code written against 0.7.2 keeps compiling. It is not
+     * applied to the element, and a planned minor removes it — the migration is to
+     * delete the prop.
+     */
+    xstyle?: StyleXStyles;
 }
 /**
  * Renders its children in the accessibility tree while hiding them visually.
@@ -52,7 +70,7 @@ export interface VisuallyHiddenProps extends Omit<BaseProps<HTMLElement>, 'class
  * </VisuallyHidden>
  * ```
  */
-export declare function VisuallyHidden({ children, as: element, ref, ...props }: VisuallyHiddenProps): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export declare function VisuallyHidden({ children, as: element, ref, ...rest }: VisuallyHiddenProps): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 export declare namespace VisuallyHidden {
     var displayName: string;
 }

package/dist/VisuallyHidden/VisuallyHidden.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VisuallyHidden.d.ts","sourceRoot":"","sources":["../../src/VisuallyHidden/VisuallyHidden.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAgB,KAAK,WAAW,EAAE,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AAChF,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAG5C;;;;;;GAMG;AACH,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAC/C,SAAS,CAAC,WAAW,CAAC,EACtB,WAAW,GAAG,OAAO,CACtB;IACC,6CAA6C;IAC7C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IAE7B,yEAAyE;IACzE,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;;;;OAOG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB;AAyBD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,EAAE,EAAE,OAAgB,EACpB,GAAG,EACH,GAAG,KAAK,EACT,EAAE,mBAAmB,0FAarB;yBAlBe,cAAc"}
+{"version":3,"file":"VisuallyHidden.d.ts","sourceRoot":"","sources":["../../src/VisuallyHidden/VisuallyHidden.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAgB,KAAK,WAAW,EAAE,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AAChF,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAGnD;;;;;;;;;;;;;;GAcG;AACH,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAC/C,SAAS,CAAC,WAAW,CAAC,EACtB,WAAW,GAAG,OAAO,CACtB;IACC,6CAA6C;IAC7C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IAE7B,yEAAyE;IACzE,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;;;;OAOG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;IAEjB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB;AAyBD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,EAAE,EAAE,OAAgB,EACpB,GAAG,EACH,GAAG,IAAI,EACR,EAAE,mBAAmB,0FA2BrB;yBAhCe,cAAc"}

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';