@astryxdesign/core 0.7.8 → 0.7.9-canary.0236bb8

package/dist/privateAttributes/menuPressLit.stylex.d.ts

@@ -0,0 +1,52 @@
+/**
+ * @file privateAttributes/menuPressLit.stylex.ts
+ * @input The row that a held finger or pen lights in a menu
+ * @output Exports markMenuPressLit and clearMenuPressLit, which mark that row,
+ *   and isMenuPressLit, which reads the mark. It also exports
+ *   menuPressLitRowStyle, which paints the marked row. The hold pair,
+ *   holdMenuPressPaint and releaseMenuPressPaint, keeps the other rows off
+ *   their pressed paint, and isMenuPressPaintHeld reads that hold.
+ * @position Owner module of the private menu-press-lit attribute: the only
+ *   file that writes its name. The menu press model (hooks/useMenuPress.ts)
+ *   marks the row; DropdownMenu's rows compose the styles. No package entry
+ *   exports it.
+ *
+ * SYNC: Each row that composes menuPressLitRowStyle reads
+ *   `--_menu-row-focus-paint` in its `:focus` background, and a row with an
+ *   `:active` background reads `--_menu-row-active-paint` there:
+ * - /packages/core/src/DropdownMenu/DropdownMenuItem.tsx
+ * - /packages/core/src/DropdownMenu/DropdownMenuCheckboxItem.tsx
+ * - /packages/core/src/DropdownMenu/DropdownMenuRadioItem.tsx
+ * - /packages/core/src/DropdownMenu/DropdownMenuSubMenu.tsx
+ */
+import type { StyleXStyles } from '@stylexjs/stylex';
+/** Marks `row` as the row that a held finger or pen lights. */
+export declare function markMenuPressLit(row: Element): void;
+/** Removes the mark from `row`. */
+export declare function clearMenuPressLit(row: Element): void;
+/** Whether a held finger or pen lights `row`. */
+export declare function isMenuPressLit(row: Element): boolean;
+/**
+ * Keeps `menu`'s rows off their `:active` paint while a held finger or pen
+ * presses in it. The row the press began on stays `:active` as the press
+ * moves on. The lit row keeps the pressed overlay through its own mark.
+ */
+export declare function holdMenuPressPaint(menu: HTMLElement): void;
+/** Gives `menu`'s rows their `:active` paint back. */
+export declare function releaseMenuPressPaint(menu: HTMLElement): void;
+/** Whether a held finger or pen keeps `menu`'s rows off their `:active` paint. */
+export declare function isMenuPressPaintHeld(menu: HTMLElement): boolean;
+/**
+ * Compose on a menu row whose `:focus` background is
+ * `var(--_menu-row-focus-paint, <hover overlay>)`, and whose `:active`
+ * background, if any, is `var(--_menu-row-active-paint, <pressed overlay>)`.
+ * The row paints the hover overlay on focus, and the pressed overlay while a
+ * held finger or pen lights it.
+ * Under a finger, the hover overlay is too faint to follow. The variable has
+ * no default: a layered stylesheet emits a default unlayered, and it would
+ * beat the attribute arm. The value resolves on the row, so a theme set on any
+ * ancestor applies. The style sets only a custom property, which shares no
+ * key with StyleX's CSS property type, so TypeScript needs the wider type.
+ */
+export declare const menuPressLitRowStyle: StyleXStyles;
+//# sourceMappingURL=menuPressLit.stylex.d.ts.map

package/dist/privateAttributes/menuPressLit.stylex.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuPressLit.stylex.d.ts","sourceRoot":"","sources":["../../src/privateAttributes/menuPressLit.stylex.ts"],"names":[],"mappings":"AACA;;;;;;;;;;;;;;;;;;;;GAoBG;AAGH,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAMnD,+DAA+D;AAC/D,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,OAAO,GAAG,IAAI,CAEnD;AAED,mCAAmC;AACnC,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,OAAO,GAAG,IAAI,CAEpD;AAED,iDAAiD;AACjD,wBAAgB,cAAc,CAAC,GAAG,EAAE,OAAO,GAAG,OAAO,CAEpD;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,CAE1D;AAED,sDAAsD;AACtD,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,CAE7D;AAED,kFAAkF;AAClF,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,WAAW,GAAG,OAAO,CAE/D;AA6BD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,oBAAoB,EAAiB,YAAY,CAAC"}

package/dist/privateAttributes/menuPressLit.stylex.js

@@ -0,0 +1,99 @@
+// Copyright (c) Meta Platforms, Inc. and affiliates.
+/**
+ * @file privateAttributes/menuPressLit.stylex.ts
+ * @input The row that a held finger or pen lights in a menu
+ * @output Exports markMenuPressLit and clearMenuPressLit, which mark that row,
+ *   and isMenuPressLit, which reads the mark. It also exports
+ *   menuPressLitRowStyle, which paints the marked row. The hold pair,
+ *   holdMenuPressPaint and releaseMenuPressPaint, keeps the other rows off
+ *   their pressed paint, and isMenuPressPaintHeld reads that hold.
+ * @position Owner module of the private menu-press-lit attribute: the only
+ *   file that writes its name. The menu press model (hooks/useMenuPress.ts)
+ *   marks the row; DropdownMenu's rows compose the styles. No package entry
+ *   exports it.
+ *
+ * SYNC: Each row that composes menuPressLitRowStyle reads
+ *   `--_menu-row-focus-paint` in its `:focus` background, and a row with an
+ *   `:active` background reads `--_menu-row-active-paint` there:
+ * - /packages/core/src/DropdownMenu/DropdownMenuItem.tsx
+ * - /packages/core/src/DropdownMenu/DropdownMenuCheckboxItem.tsx
+ * - /packages/core/src/DropdownMenu/DropdownMenuRadioItem.tsx
+ * - /packages/core/src/DropdownMenu/DropdownMenuSubMenu.tsx
+ */
+
+import * as stylex from '@stylexjs/stylex';
+import "../theme/tokens.stylex.js";
+import { colorVars } from "../theme/tokens.stylex.js";
+const MENU_PRESS_LIT = 'data-astryx-menu-press-lit';
+const ACTIVE_PAINT = '--_menu-row-active-paint';
+
+/** Marks `row` as the row that a held finger or pen lights. */
+export function markMenuPressLit(row) {
+  row.setAttribute(MENU_PRESS_LIT, '');
+}
+
+/** Removes the mark from `row`. */
+export function clearMenuPressLit(row) {
+  row.removeAttribute(MENU_PRESS_LIT);
+}
+
+/** Whether a held finger or pen lights `row`. */
+export function isMenuPressLit(row) {
+  return row.hasAttribute(MENU_PRESS_LIT);
+}
+
+/**
+ * Keeps `menu`'s rows off their `:active` paint while a held finger or pen
+ * presses in it. The row the press began on stays `:active` as the press
+ * moves on. The lit row keeps the pressed overlay through its own mark.
+ */
+export function holdMenuPressPaint(menu) {
+  menu.style.setProperty(ACTIVE_PAINT, 'transparent');
+}
+
+/** Gives `menu`'s rows their `:active` paint back. */
+export function releaseMenuPressPaint(menu) {
+  menu.style.removeProperty(ACTIVE_PAINT);
+}
+
+/** Whether a held finger or pen keeps `menu`'s rows off their `:active` paint. */
+export function isMenuPressPaintHeld(menu) {
+  return menu.style.getPropertyValue(ACTIVE_PAINT) !== '';
+}
+
+/**
+ * A value for each attribute state. The index signature gives StyleX the value
+ * type, which it cannot read from a literal attribute key.
+ */
+
+const litRowPaint = {
+  '--_menu-row-focus-paint': {
+    default: null,
+    '[data-astryx-menu-press-lit]': colorVars['--color-overlay-pressed']
+  },
+  '--_menu-row-active-paint': {
+    default: null,
+    '[data-astryx-menu-press-lit]': colorVars['--color-overlay-pressed']
+  }
+};
+const styles = {
+  row: {
+    "--_menu-row-focus-paint": "x1ar3rj9",
+    "--_menu-row-active-paint": "xcukuoe",
+    $$css: true
+  }
+};
+
+/**
+ * Compose on a menu row whose `:focus` background is
+ * `var(--_menu-row-focus-paint, <hover overlay>)`, and whose `:active`
+ * background, if any, is `var(--_menu-row-active-paint, <pressed overlay>)`.
+ * The row paints the hover overlay on focus, and the pressed overlay while a
+ * held finger or pen lights it.
+ * Under a finger, the hover overlay is too faint to follow. The variable has
+ * no default: a layered stylesheet emits a default unlayered, and it would
+ * beat the attribute arm. The value resolves on the row, so a theme set on any
+ * ancestor applies. The style sets only a custom property, which shares no
+ * key with StyleX's CSS property type, so TypeScript needs the wider type.
+ */
+export const menuPressLitRowStyle = styles.row;

package/dist/privateAttributes/press.stylex.d.ts

@@ -0,0 +1,142 @@
+/**
+ * @file privateAttributes/press.stylex.ts
+ * @input StyleX, the overlay color tokens, the touch press strength
+ *   (`pressVars`) and the row layer's clocks (utils/rowPressLayer.stylex.ts)
+ * @output `rowPressLayerStyles`, the compositor press layer for list rows
+ *   (`cell`, `cellOnImage` for a `backgroundImage` row), and
+ *   `rowPressPaintStyles`, a CheckboxList row's press paint for its box
+ * @position Owner module of the private press attribute: the press controller
+ *   (utils/pressFeedback.ts) writes it, and this file reads it. No package
+ *   entry exports it. Item, TreeList and CheckboxListItem compose its styles;
+ *   utils/interactionOverlay.cell.test.ts tests the row layer.
+ */
+import * as stylex from '@stylexjs/stylex';
+export declare const rowPressLayerStyles: Readonly<{
+    readonly cell: Readonly<{
+        readonly backgroundImage: stylex.StyleXClassNameFor<"backgroundImage", unknown>;
+        readonly animationName: stylex.StyleXClassNameFor<"animationName", unknown>;
+        readonly isolation: stylex.StyleXClassNameFor<"isolation", "isolate" | null>;
+        readonly '::before': stylex.StyleXClassNameFor<"::before", {
+            readonly content: {
+                readonly default: null;
+                readonly "@media (pointer: coarse)": {
+                    readonly default: null;
+                    readonly ":where(:not(:disabled,[aria-disabled=\"true\"]))": {
+                        readonly default: null;
+                        readonly ":is([data-astryx-press=\"on\"],[data-astryx-press=\"fading\"])": "\"\"";
+                    };
+                };
+            };
+            readonly position: {
+                readonly default: null;
+                readonly "@media (pointer: coarse)": {
+                    readonly default: null;
+                    readonly ":is([data-astryx-press=\"on\"],[data-astryx-press=\"fading\"])": "absolute";
+                };
+            };
+            readonly inset: {
+                readonly default: null;
+                readonly "@media (pointer: coarse)": {
+                    readonly default: null;
+                    readonly ":is([data-astryx-press=\"on\"],[data-astryx-press=\"fading\"])": 0;
+                };
+            };
+            readonly zIndex: {
+                readonly default: null;
+                readonly "@media (pointer: coarse)": {
+                    readonly default: null;
+                    readonly ":is([data-astryx-press=\"on\"],[data-astryx-press=\"fading\"])": -1;
+                };
+            };
+            readonly borderRadius: {
+                readonly default: null;
+                readonly "@media (pointer: coarse)": {
+                    readonly default: null;
+                    readonly ":is([data-astryx-press=\"on\"],[data-astryx-press=\"fading\"])": "inherit";
+                };
+            };
+            readonly pointerEvents: {
+                readonly default: null;
+                readonly "@media (pointer: coarse)": {
+                    readonly default: null;
+                    readonly ":is([data-astryx-press=\"on\"],[data-astryx-press=\"fading\"])": "none";
+                };
+            };
+            readonly backgroundColor: {
+                readonly default: null;
+                readonly "@media (pointer: coarse)": {
+                    readonly default: null;
+                    readonly ":is([data-astryx-press=\"on\"],[data-astryx-press=\"fading\"])": stylex.StyleXVar<"light-dark(#05365919, #FFFFFF19)">;
+                };
+            };
+            readonly opacity: {
+                readonly default: null;
+                readonly "@media (pointer: coarse)": {
+                    readonly default: null;
+                    readonly "[data-astryx-press=\"on\"]": 1;
+                    readonly "[data-astryx-press=\"fading\"]": 0;
+                };
+            };
+            readonly animationName: {
+                readonly default: null;
+                readonly "@media (pointer: coarse)": {
+                    readonly default: null;
+                    readonly ":where(:not(:disabled,[aria-disabled=\"true\"]))": {
+                        readonly default: null;
+                        readonly "[data-astryx-press=\"fading\"]": string;
+                    };
+                };
+            };
+            readonly animationDuration: {
+                readonly default: null;
+                readonly "@media (pointer: coarse)": {
+                    readonly default: null;
+                    readonly "[data-astryx-press=\"fading\"]": {
+                        readonly default: stylex.StyleXVar<"var(--duration-fast)">;
+                        readonly "@media (prefers-reduced-motion: reduce)": string;
+                    };
+                };
+            };
+            readonly animationTimingFunction: {
+                readonly default: null;
+                readonly "@media (pointer: coarse)": {
+                    readonly default: null;
+                    readonly "[data-astryx-press=\"fading\"]": stylex.StyleXVar<"cubic-bezier(0.3, 0, 0.6, 0.6)">;
+                };
+            };
+            readonly animationFillMode: {
+                readonly default: null;
+                readonly "@media (pointer: coarse)": {
+                    readonly default: null;
+                    readonly "[data-astryx-press=\"fading\"]": "both";
+                };
+            };
+        }>;
+    }>;
+    readonly cellWithoutLayer: Readonly<{
+        readonly backgroundImage: stylex.StyleXClassNameFor<"backgroundImage", "none">;
+        readonly animationName: stylex.StyleXClassNameFor<"animationName", unknown>;
+        readonly isolation: stylex.StyleXClassNameFor<"isolation", "auto" | null>;
+        readonly '::before': stylex.StyleXClassNameFor<"::before", {
+            readonly content: {
+                readonly default: null;
+                readonly "@media (pointer: coarse)": {
+                    readonly default: null;
+                    readonly ":where(:not(:disabled,[aria-disabled=\"true\"]))": {
+                        readonly default: null;
+                        readonly ":is([data-astryx-press=\"on\"],[data-astryx-press=\"fading\"])": "none";
+                    };
+                };
+            };
+        }>;
+    }>;
+    readonly cellOnImage: Readonly<{
+        readonly backgroundImage: stylex.StyleXClassNameFor<"backgroundImage", string | null>;
+    }>;
+}>;
+export declare const rowPressPaintStyles: Readonly<{
+    readonly checkboxRow: Readonly<{
+        readonly '--_checkbox-row-press-paint': stylex.StyleXClassNameFor<"--_checkbox-row-press-paint", "none" | "var(--_press-paint-image)">;
+    }>;
+}>;
+//# sourceMappingURL=press.stylex.d.ts.map

package/dist/privateAttributes/press.stylex.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"press.stylex.d.ts","sourceRoot":"","sources":["../../src/privateAttributes/press.stylex.ts"],"names":[],"mappings":"AAKA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAqD3C,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2K9B,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;;EAgB9B,CAAC"}

package/dist/privateAttributes/press.stylex.js

@@ -0,0 +1,101 @@
+// Copyright (c) Meta Platforms, Inc. and affiliates.
+
+/* eslint-disable @astryx/no-hover-on-disabled -- Every hover branch is
+ * nested beneath ENABLED below, as in interactionOverlay.stylex.ts. */
+
+/**
+ * @file privateAttributes/press.stylex.ts
+ * @input StyleX, the overlay color tokens, the touch press strength
+ *   (`pressVars`) and the row layer's clocks (utils/rowPressLayer.stylex.ts)
+ * @output `rowPressLayerStyles`, the compositor press layer for list rows
+ *   (`cell`, `cellOnImage` for a `backgroundImage` row), and
+ *   `rowPressPaintStyles`, a CheckboxList row's press paint for its box
+ * @position Owner module of the private press attribute: the press controller
+ *   (utils/pressFeedback.ts) writes it, and this file reads it. No package
+ *   entry exports it. Item, TreeList and CheckboxListItem compose its styles;
+ *   utils/interactionOverlay.cell.test.ts tests the row layer.
+ */
+
+import * as stylex from '@stylexjs/stylex';
+import "../theme/tokens.stylex.js";
+import { colorVars, durationVars, easeVars } from "../theme/tokens.stylex.js";
+import "../motion/reducedMotion.stylex.js";
+import { reducedMotionFadeConsts } from "../motion/reducedMotion.stylex.js";
+import "../utils/interactionOverlay.stylex.js";
+import { pressVars } from "../utils/interactionOverlay.stylex.js";
+
+// The overlay's arm selectors (interactionOverlay.stylex.ts), restated here:
+// StyleX resolves a style's keys within its own file.
+const ENABLED = ':where(:not(:disabled,[aria-disabled="true"]))';
+const HOVER_HOVER = '@media (hover: hover)';
+const COARSE = '@media (pointer: coarse)';
+const PRESSED_ON = '[data-astryx-press="on"]';
+const PRESSED_FADING = '[data-astryx-press="fading"]';
+/**
+ * A press in any of its states: the row layer exists only then, so at rest a
+ * row's own `::before` and its stacking are untouched.
+ */
+const PRESSED_ANY = ':is([data-astryx-press="on"],[data-astryx-press="fading"])';
+const PRESS_ALPHA = pressVars['--astryx-press-alpha'];
+const hoverImage = `linear-gradient(${colorVars['--color-overlay-hover']}, ${colorVars['--color-overlay-hover']})`;
+const pressedImage = `linear-gradient(${colorVars['--color-overlay-pressed']}, ${colorVars['--color-overlay-pressed']})`;
+/** The overlay's paint, read back off the element (its gradient layer). */
+const pressedOverlayImage = 'var(--_press-paint-image)';
+
+/**
+ * The overlay's strength release (interactionOverlay.stylex.ts), restated so
+ * a fine pointer keeps it: the same keyframes, so the same animation.
+ */
+const pressRelease = "x10jkm1t-B";
+
+/**
+ * The row layer's clock as CSS: the strength release's clock, the theme's
+ * exit duration, so the layer and the strength land together.
+ */
+const CELL_RELEASE = durationVars['--duration-exit'];
+/** The same clock under Reduce Motion, no longer than the Reduce Motion fade. */
+const CELL_RELEASE_REDUCED = `min(${durationVars['--duration-exit']}, ${reducedMotionFadeConsts.duration})`;
+const REDUCED_MOTION = '@media (prefers-reduced-motion: reduce)';
+
+/** Opacity 1 → 0: the row layer leaves; its fading arm runs it. */
+const cellRelease = "x1jn504y-B";
+
+/** The release's curve: the theme's exit easing, as the strength's. */
+const RELEASE_EASE = easeVars['--ease-exit'];
+export const rowPressLayerStyles = {
+  cell: {
+    kKwaWg: "x7ngsy6 x10ogxw0 xubczrd x18xnkjv",
+    kKVMdj: "x14e4jsf x6su2wr",
+    kHBbk8: "xif6eam",
+    kgeoSG: "x1ocadqd",
+    kEoFBp: "x1ukh9kf",
+    kFcpXp: "xrkptjy",
+    kxmVGU: "xjscm90",
+    kPB484: "x1kec4ew",
+    km8f2m: "x13r5q6d",
+    kLkRvE: "x1dn949c",
+    k5QlbN: "xw7rim2 xr9xsjc",
+    k7EzDT: "x1bxn267",
+    kQZAMR: "x1osot8d xbkwwzw",
+    kZiNAr: "x10t12yn",
+    k8Tatv: "x1dn5vsf",
+    $$css: true
+  },
+  cellWithoutLayer: {
+    kKwaWg: "x18o3ruo",
+    kKVMdj: "x14e4jsf",
+    kHBbk8: "xrqzsdu",
+    kgeoSG: "x1995whq",
+    $$css: true
+  },
+  cellOnImage: {
+    kKwaWg: "x7uyq82 x3f84ok x7ngsy6 x10ogxw0 xubczrd x18xnkjv xmvprkv xetgvay",
+    $$css: true
+  }
+};
+export const rowPressPaintStyles = {
+  checkboxRow: {
+    "--_checkbox-row-press-paint": "x1ectg7s xbxihhr x18sblwv xvfewc x19dyfww",
+    $$css: true
+  }
+};

package/dist/theme/themeMotion.d.ts

@@ -45,8 +45,9 @@ export declare const CHARACTER_EASE: {
 export declare function resolveMotionKnobs(config: ThemeMotionConfig | undefined): ResolvedMotionKnobs;
 /**
  * The private custom property a theme with a `tempo` writes beside its
- * duration tokens: the press release fade (`utils/interactionOverlay.stylex.ts`)
- * multiplies its clock by it.
+ * duration tokens, for a style that scales a clock of its own by it
+ * (ProgressBar's move). A press release needs none: it plays
+ * `--duration-exit`, which already follows the tempo.
  */
 export declare const MOTION_TEMPO_PROPERTY = "--_astryx-motion-tempo";
 /**

package/dist/theme/themeMotion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"themeMotion.d.ts","sourceRoot":"","sources":["../../src/theme/themeMotion.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,OAAO,EAAoB,KAAK,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AAC9E,OAAO,EAGL,KAAK,mBAAmB,EACxB,KAAK,gBAAgB,EACtB,MAAM,eAAe,CAAC;AAIvB,OAAO,EACL,WAAW,EACX,KAAK,eAAe,EACpB,KAAK,mBAAmB,EACxB,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,GACxB,MAAM,eAAe,CAAC;AAEvB;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAC3B,gBAAgB,GAAG,CAAC,iBAAiB,GAAG,gBAAgB,CAAC,CAAC;AAE5D;;;;GAIG;AACH,eAAO,MAAM,cAAc;;;;CAIgC,CAAC;AAE5D,kEAAkE;AAClE,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,iBAAiB,GAAG,SAAS,GACpC,mBAAmB,CAErB;AAaD;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,2BAA2B,CAAC;AAE9D;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,6BAA6B,CAAC;AAUlE,0EAA0E;AAC1E,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAMtE;AAED;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAElD;AAED;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,iBAAiB,GACxB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAmCxB;AAED,qDAAqD;AACrD,MAAM,WAAW,WAAW;IAC1B,qCAAqC;IACrC,QAAQ,CAAC,KAAK,EAAE,mBAAmB,CAAC;IACpC,0CAA0C;IAC1C,QAAQ,CAAC,SAAS,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACrD,8DAA8D;IAC9D,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;CACpD;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE;IACxC,QAAQ,CAAC,MAAM,CAAC,EAAE,iBAAiB,CAAC;IACpC,QAAQ,CAAC,MAAM,CAAC,EAAE;QAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,iBAAiB,CAAA;KAAC,CAAC;IACxD,QAAQ,CAAC,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IACpD,QAAQ,CAAC,WAAW,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;CAC1D,GAAG,WAAW,CAyCd"}
+{"version":3,"file":"themeMotion.d.ts","sourceRoot":"","sources":["../../src/theme/themeMotion.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,OAAO,EAAoB,KAAK,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AAC9E,OAAO,EAGL,KAAK,mBAAmB,EACxB,KAAK,gBAAgB,EACtB,MAAM,eAAe,CAAC;AAIvB,OAAO,EACL,WAAW,EACX,KAAK,eAAe,EACpB,KAAK,mBAAmB,EACxB,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,GACxB,MAAM,eAAe,CAAC;AAEvB;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAC3B,gBAAgB,GAAG,CAAC,iBAAiB,GAAG,gBAAgB,CAAC,CAAC;AAE5D;;;;GAIG;AACH,eAAO,MAAM,cAAc;;;;CAIgC,CAAC;AAE5D,kEAAkE;AAClE,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,iBAAiB,GAAG,SAAS,GACpC,mBAAmB,CAErB;AAaD;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,2BAA2B,CAAC;AAE9D;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,6BAA6B,CAAC;AAUlE,0EAA0E;AAC1E,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAMtE;AAED;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAElD;AAED;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,iBAAiB,GACxB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAmCxB;AAED,qDAAqD;AACrD,MAAM,WAAW,WAAW;IAC1B,qCAAqC;IACrC,QAAQ,CAAC,KAAK,EAAE,mBAAmB,CAAC;IACpC,0CAA0C;IAC1C,QAAQ,CAAC,SAAS,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACrD,8DAA8D;IAC9D,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;CACpD;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE;IACxC,QAAQ,CAAC,MAAM,CAAC,EAAE,iBAAiB,CAAC;IACpC,QAAQ,CAAC,MAAM,CAAC,EAAE;QAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,iBAAiB,CAAA;KAAC,CAAC;IACxD,QAAQ,CAAC,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IACpD,QAAQ,CAAC,WAAW,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;CAC1D,GAAG,WAAW,CAyCd"}

package/dist/theme/themeMotion.js

@@ -63,8 +63,9 @@ function msOf(value) {
 
 /**
  * The private custom property a theme with a `tempo` writes beside its
- * duration tokens: the press release fade (`utils/interactionOverlay.stylex.ts`)
- * multiplies its clock by it.
+ * duration tokens, for a style that scales a clock of its own by it
+ * (ProgressBar's move). A press release needs none: it plays
+ * `--duration-exit`, which already follows the tempo.
  */
 export const MOTION_TEMPO_PROPERTY = '--_astryx-motion-tempo';
 

package/dist/theme/tokens.stylex.d.ts

@@ -15,7 +15,7 @@
  */
 import * as stylex from '@stylexjs/stylex';
 export declare const colorDefaults: {
-    readonly '--color-accent': "light-dark(#0064E0, #2694FE)";
+    readonly '--color-accent': "light-dark(#0064E0, #0171E3)";
     readonly '--color-accent-muted': "light-dark(#0082FB33, #0082FB3F)";
     readonly '--color-on-accent': "light-dark(#FFFFFF, #FFFFFF)";
     readonly '--color-neutral': "light-dark(rgba(5, 54, 89, 0.1), rgba(223, 226, 229, 0.2))";
@@ -115,7 +115,7 @@ export declare const colorDefaults: {
     readonly '--color-text-yellow': "light-dark(#753F07, #FBCE03)";
 };
 export declare const colorVars: stylex.VarGroup<Readonly<{
-    readonly '--color-accent': "light-dark(#0064E0, #2694FE)";
+    readonly '--color-accent': "light-dark(#0064E0, #0171E3)";
     readonly '--color-accent-muted': "light-dark(#0082FB33, #0082FB3F)";
     readonly '--color-on-accent': "light-dark(#FFFFFF, #FFFFFF)";
     readonly '--color-neutral': "light-dark(rgba(5, 54, 89, 0.1), rgba(223, 226, 229, 0.2))";

package/dist/theme/tokens.stylex.js

@@ -24,7 +24,7 @@ import * as stylex from '@stylexjs/stylex';
 
 export const colorDefaults = {
   // Core semantic
-  '--color-accent': 'light-dark(#0064E0, #2694FE)',
+  '--color-accent': 'light-dark(#0064E0, #0171E3)',
   '--color-accent-muted': 'light-dark(#0082FB33, #0082FB3F)',
   '--color-on-accent': 'light-dark(#FFFFFF, #FFFFFF)',
   '--color-neutral': 'light-dark(rgba(5, 54, 89, 0.1), rgba(223, 226, 229, 0.2))',

package/dist/utils/calendarDateParser.d.ts

@@ -0,0 +1,110 @@
+/**
+ * @file calendarDateParser.ts
+ * @input Date text, locale, calendar; Intl, calendarSystem, unicodeDigits
+ * @output Cached per-locale lexicons, a typed-date parser with distinct rejection
+ *   kinds, committed display text, the format hint, and calendar display names
+ * @position Core utility; used by DateInput and DateTimeInput through useTypedDate
+ *
+ * SYNC: When modified, update:
+ * - /packages/core/src/utils/calendarDateParser.test.ts
+ * - /packages/core/src/utils/calendarDateParser.roundtrip.test.ts
+ */
+import type { PlainDate } from './dateTypes.js';
+import type { Locale } from '../i18n/types.js';
+import { type CalendarSystem } from './calendarSystem.js';
+import { type SharedDateFormat } from './plainDate.js';
+/** How a typed text reads in a calendar. */
+export type CalendarDateParseResult = {
+    readonly kind: 'empty';
+}
+/** Part of a date: nothing to report yet. */
+ | {
+    readonly kind: 'incomplete';
+}
+/** Text that cannot become a date. */
+ | {
+    readonly kind: 'unreadable';
+}
+/** A readable date that the calendar does not have. */
+ | {
+    readonly kind: 'nonexistent';
+    readonly isComplete: boolean;
+}
+/** A date that the constraints reject. */
+ | {
+    readonly kind: 'outOfRange';
+    readonly date: PlainDate;
+    readonly isComplete: boolean;
+}
+/**
+ * A date. `isComplete` is true when more typing cannot change its meaning,
+ * so a field may report it while the person types.
+ */
+ | {
+    readonly kind: 'value';
+    readonly date: PlainDate;
+    readonly isComplete: boolean;
+};
+export interface CalendarDateParseOptions {
+    /** The Gregorian date that two-digit and omitted years resolve against. */
+    readonly today?: PlainDate;
+    /** Reads ISO-shaped text as a Gregorian ISO date, as `system_date` shows. */
+    readonly isoIsGregorian?: boolean;
+    /** Returns true for a date that may not be chosen. */
+    readonly isDateDisabled?: (date: PlainDate) => boolean;
+}
+type DateField = 'year' | 'month' | 'day';
+interface EraArithmetic {
+    /** The Gregorian year before era year 1, or after it for a backward era. */
+    readonly base: number;
+    readonly isForward: boolean;
+}
+/** What a locale writes for one calendar, learned from Intl. */
+export interface CalendarDateLexicon {
+    readonly locale: Locale;
+    readonly calendar: CalendarSystem;
+    readonly order: ReadonlyArray<DateField>;
+    readonly nameOrder: ReadonlyArray<DateField>;
+    readonly months: ReadonlyMap<string, ReadonlySet<string>>;
+    readonly monthTemplates: ReadonlyArray<MonthTemplate>;
+    readonly leapMarkers: ReadonlySet<string>;
+    readonly eras: ReadonlyMap<string, string>;
+    readonly yearAliases: ReadonlyMap<string, string>;
+    readonly trailers: ReadonlySet<string>;
+    readonly yearMarkers: ReadonlySet<string>;
+    readonly separators: ReadonlySet<string>;
+    readonly weekdays: ReadonlySet<string>;
+    readonly vocabulary: ReadonlyArray<string>;
+    readonly vocabularySet: ReadonlySet<string>;
+    readonly isNumericMonthOrdinal: boolean;
+    readonly eraArithmetic: ReadonlyMap<string, EraArithmetic>;
+}
+interface MonthTemplate {
+    readonly pre: string;
+    readonly post: string;
+    readonly isLeap: boolean;
+}
+/** Text in one comparable form: ASCII digits, lower case, no Latin accents. */
+export declare function normalizeDateText(text: string, locale: Locale): string;
+/**
+ * The lexicon for a locale and calendar, built on first use and cached.
+ * Building one formats a few hundred dates; call it when a field gains focus.
+ */
+export declare function getCalendarDateLexicon(locale: Locale, calendar: CalendarSystem): CalendarDateLexicon;
+/**
+ * Reads typed text as a date in the lexicon's calendar. Values are Gregorian.
+ * The result tells an empty field, part of a date, unreadable text, a date the
+ * calendar does not have, a date out of range, and a date apart.
+ */
+export declare function parseCalendarDate(text: string, lex: CalendarDateLexicon, options?: CalendarDateParseOptions): CalendarDateParseResult;
+/**
+ * The committed text of a date field in a calendar. Gregorian text is the
+ * shared Timestamp date text; `system_date` is always the ISO date.
+ */
+export declare function formatCalendarDateText(pd: PlainDate, format: SharedDateFormat, locale: Locale, calendar: CalendarSystem): string;
+/** An example date in the calendar's numeric pattern, with its era. */
+export declare function formatCalendarDateHint(pd: PlainDate, locale: Locale, calendar: CalendarSystem): string;
+/** The calendar's name in the locale, such as "Persian Calendar". */
+export declare function calendarDisplayName(calendar: CalendarSystem, locale: Locale): string;
+export {};
+//# sourceMappingURL=calendarDateParser.d.ts.map

package/dist/utils/calendarDateParser.d.ts.map

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