@astryxdesign/core 0.7.5-canary.fccd771 → 0.7.5

package/dist/CodeBlock/languages/thrift.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"thrift.d.ts","sourceRoot":"","sources":["../../../src/CodeBlock/languages/thrift.ts"],"names":[],"mappings":"AAiBA,4BAA4B;AAC5B,eAAO,MAAM,MAAM,2BAalB,CAAC"}

package/dist/CodeBlock/languages/thrift.js

@@ -0,0 +1,18 @@
+// Copyright (c) Meta Platforms, Inc. and affiliates.
+
+/**
+ * @file languages/thrift.ts
+ * @input Shared grammar builders from ../grammar
+ * @output The `thrift` language value for CodeBlock: Thrift IDL: `thrift`
+ * @position Subpath entry: @astryxdesign/core/CodeBlock/languages/thrift
+ */
+
+import { BLOCK_COMMENT, HASH_COMMENT, LINE_COMMENT, cLike, defineCodeLanguage } from "../grammar.js";
+
+/** Thrift IDL: `thrift`. */
+export const thrift = /* @__PURE__ */defineCodeLanguage({
+  name: 'thrift',
+  identifiers: ['thrift'],
+  fileExtensions: ['thrift'],
+  fileNames: []
+}, () => cLike('namespace include cpp_include typedef enum struct union exception service extends oneway void throws const required optional bool byte i8 i16 i32 i64 double string binary list set map true false', [], [BLOCK_COMMENT, LINE_COMMENT, HASH_COMMENT]));

package/dist/CodeBlock/languages/toml.d.ts

@@ -0,0 +1,3 @@
+/** TOML: `toml`. */
+export declare const toml: import("../index.js").CodeLanguage;
+//# sourceMappingURL=toml.d.ts.map

package/dist/CodeBlock/languages/toml.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toml.d.ts","sourceRoot":"","sources":["../../../src/CodeBlock/languages/toml.ts"],"names":[],"mappings":"AAWA,oBAAoB;AACpB,eAAO,MAAM,IAAI,2BAuBhB,CAAC"}

package/dist/CodeBlock/languages/toml.js

@@ -0,0 +1,53 @@
+// Copyright (c) Meta Platforms, Inc. and affiliates.
+
+/**
+ * @file languages/toml.ts
+ * @input Shared grammar builders from ../grammar
+ * @output The `toml` language value for CodeBlock: TOML: `toml`
+ * @position Subpath entry: @astryxdesign/core/CodeBlock/languages/toml
+ */
+
+import { DOUBLE_QUOTED, HASH_COMMENT, defineCodeLanguage } from "../grammar.js";
+
+/** TOML: `toml`. */
+export const toml = /* @__PURE__ */defineCodeLanguage({
+  name: 'toml',
+  identifiers: ['toml'],
+  fileExtensions: ['toml'],
+  fileNames: []
+}, () => ({
+  defaultType: 'variable',
+  patterns: [{
+    type: 'comment',
+    regex: HASH_COMMENT
+  }, {
+    type: 'tag',
+    regex: /^[ \t]*\[\[?[^\]\n]+\]\]?/m
+  }, {
+    type: 'property',
+    regex: /^[ \t]*[\w."'-]+(?=\s*=)/m
+  }, {
+    type: 'string',
+    regex: /"""[\s\S]*?"""|'''[\s\S]*?'''/
+  }, {
+    type: 'string',
+    regex: DOUBLE_QUOTED
+  }, {
+    type: 'string',
+    regex: /'[^'\n]*'/
+  }, {
+    type: 'constant',
+    regex: /\b(?:true|false)\b/
+  }, {
+    type: 'number',
+    regex: /[+-]?\b\d[\d_:.TZ+-]*\b/
+  }, {
+    type: 'operator',
+    regex: /=/
+  },
+  // eslint-disable-next-line no-useless-escape
+  {
+    type: 'punctuation',
+    regex: /[\[\]{},.]/
+  }]
+}));

package/dist/CodeBlock/tokenizer.d.ts

@@ -1,3 +1,7 @@
+import type { CodeLanguage } from './grammar.js';
+export type { CodeLanguage } from './grammar.js';
+/** A language identifier string or a language value (FR13). */
+export type CodeLanguageInput = string | CodeLanguage;
 export type SyntaxToken = {
     type: string;
     start: number;
@@ -56,21 +60,21 @@ export declare const SYNC_TOKENIZE_THRESHOLD = 2000;
  * language's default color type are omitted (~30% reduction).
  *
  * @param code - The source code string to tokenize
- * @param language - Language identifier (e.g. 'typescript', 'python')
+ * @param language - A built-in identifier (e.g. 'typescript') or a language value
  * @returns Array of token arrays, one per line
  */
-export declare function tokenize(code: string, language: string): TokenLine[];
+export declare function tokenize(code: string, language: CodeLanguageInput): TokenLine[];
 /**
  * Async tokenizer that yields to the main thread between batches
  * of lines (~800 chars per batch).
  */
-export declare function tokenizeAsync(code: string, language: string, signal?: AbortSignal): Promise<TokenLine[]>;
+export declare function tokenizeAsync(code: string, language: CodeLanguageInput, signal?: AbortSignal): Promise<TokenLine[]>;
 /**
  * Streaming tokenizer with per-batch callback. Tokenizes lines in
  * batches and invokes `onBatch` after each so consumers can apply
  * highlights progressively.
  */
-export declare function tokenizeStreaming(code: string, language: string, onBatch: (lines: TokenLine[], startLine: number) => void, signal?: AbortSignal): Promise<void>;
+export declare function tokenizeStreaming(code: string, language: CodeLanguageInput, onBatch: (lines: TokenLine[], startLine: number) => void, signal?: AbortSignal): Promise<void>;
 /**
  * Convert legacy flat tokens (absolute offsets) to per-line tokens
  * (line-relative offsets). For backwards compatibility with custom

package/dist/CodeBlock/tokenizer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tokenizer.d.ts","sourceRoot":"","sources":["../../src/CodeBlock/tokenizer.ts"],"names":[],"mappings":"AAmBA,MAAM,MAAM,WAAW,GAAG;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAC,CAAC;AAErE;;;GAGG;AACH,MAAM,MAAM,SAAS,GAAG,WAAW,EAAE,CAAC;AAsStC,8EAA8E;AAC9E,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEtE;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG;IAC5D,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;CACjB,CAUA;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,aAAa,CAAC,MAAM,CAAC,GAAG;IAC5D,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB,CAuBA;AAED;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAC1B,IAAI,EAAE,MAAM,EACZ,EAAC,YAAoB,EAAC,GAAE;IAAC,YAAY,CAAC,EAAE,OAAO,CAAA;CAAM,GACpD,YAAY,CAWd;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,aAAa,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,CAazE;AAMD,oEAAoE;AACpE,eAAO,MAAM,uBAAuB,OAAO,CAAC;AA+D5C;;;;;;;;;GASG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,SAAS,EAAE,CAiBpE;AAED;;;GAGG;AACH,wBAAsB,aAAa,CACjC,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,EAChB,MAAM,CAAC,EAAE,WAAW,GACnB,OAAO,CAAC,SAAS,EAAE,CAAC,CA2BtB;AAED;;;;GAIG;AACH,wBAAsB,iBAAiB,CACrC,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,EACxD,MAAM,CAAC,EAAE,WAAW,GACnB,OAAO,CAAC,IAAI,CAAC,CAmCf;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAC,EAAE,EACpD,IAAI,EAAE,MAAM,GACX,SAAS,EAAE,CA4Bb"}
+{"version":3,"file":"tokenizer.d.ts","sourceRoot":"","sources":["../../src/CodeBlock/tokenizer.ts"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAC,YAAY,EAAgC,MAAM,WAAW,CAAC;AAE3E,YAAY,EAAC,YAAY,EAAC,MAAM,WAAW,CAAC;AAE5C,+DAA+D;AAC/D,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,YAAY,CAAC;AAEtD,MAAM,MAAM,WAAW,GAAG;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAC,CAAC;AAErE;;;GAGG;AACH,MAAM,MAAM,SAAS,GAAG,WAAW,EAAE,CAAC;AAmatC,8EAA8E;AAC9E,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEtE;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG;IAC5D,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;CACjB,CAUA;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,aAAa,CAAC,MAAM,CAAC,GAAG;IAC5D,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB,CAuBA;AAED;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAC1B,IAAI,EAAE,MAAM,EACZ,EAAC,YAAoB,EAAC,GAAE;IAAC,YAAY,CAAC,EAAE,OAAO,CAAA;CAAM,GACpD,YAAY,CAWd;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,aAAa,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,CAazE;AAMD,oEAAoE;AACpE,eAAO,MAAM,uBAAuB,OAAO,CAAC;AA+D5C;;;;;;;;;GASG;AACH,wBAAgB,QAAQ,CACtB,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,iBAAiB,GAC1B,SAAS,EAAE,CAqBb;AAED;;;GAGG;AACH,wBAAsB,aAAa,CACjC,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,iBAAiB,EAC3B,MAAM,CAAC,EAAE,WAAW,GACnB,OAAO,CAAC,SAAS,EAAE,CAAC,CAgCtB;AAED;;;;GAIG;AACH,wBAAsB,iBAAiB,CACrC,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,iBAAiB,EAC3B,OAAO,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,EACxD,MAAM,CAAC,EAAE,WAAW,GACnB,OAAO,CAAC,IAAI,CAAC,CAwCf;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAC,EAAE,EACpD,IAAI,EAAE,MAAM,GACX,SAAS,EAAE,CA4Bb"}

package/dist/CodeBlock/tokenizer.js

@@ -16,6 +16,10 @@
  * Declare the global to avoid TS2304 while keeping the runtime feature detection.
  */
 
+import { BLOCK_COMMENT, CALL, CPP_WORDS, C_WORDS, DIRECTIVE, NUMBER, PUNCTUATION, cLike, codeLanguagePainter } from "./grammar.js";
+
+/** A language identifier string or a language value (FR13). */
+
 /**
  * Per-line token structure. Each line stores its own tokens with
  * line-relative start/end offsets (0 = start of line).
@@ -33,20 +37,59 @@ const BASH_KEYWORDS = /\b(if|then|else|elif|fi|for|do|done|while|until|case|esac
 const CSS_KEYWORDS = /\b(important|inherit|initial|unset|revert|auto|none)\b/;
 const PHP_KEYWORDS = /\b(function|class|if|else|elseif|for|foreach|while|return|echo|public|private|protected|static|new|try|catch|throw|namespace|use|require|require_once|include|include_once|extends|implements|interface|abstract|final|const|var|true|false|null|array|isset|unset|empty|list|match|enum|switch|case|break|continue|do|yield|fn)\b/;
 const HACK_KEYWORDS = /\b(function|class|if|else|for|foreach|while|return|echo|public|private|protected|static|new|try|catch|throw|namespace|use|require|include|extends|implements|interface|abstract|final|const|shape|vec|dict|keyset|async|await|concurrent|enum|type|newtype|tuple|inout)\b/;
-function buildLanguage(lang) {
-  const cached = langCache.get(lang);
+
+/** How each language value paints, compiled once per value. */
+const valueCache = new WeakMap();
+
+/**
+ * How `language` paints: a compiled grammar (a built-in identifier, or an
+ * Astryx module), a custom tokenize function, or null (plain code). An
+ * identifier string selects only a built-in grammar (FR12).
+ */
+function resolveLanguage(language) {
+  if (typeof language !== 'string') {
+    const cachedValue = valueCache.get(language);
+    if (cachedValue !== undefined) {
+      return cachedValue;
+    }
+    const painter = codeLanguagePainter(language);
+    const resolved = painter == null ? null : painter.kind === 'grammar' ? compile(painter.grammar) : {
+      tokenize: painter.tokenize,
+      name: language.name
+    };
+    valueCache.set(language, resolved);
+    return resolved;
+  }
+  const cached = langCache.get(language);
   if (cached !== undefined) {
     return cached;
   }
-  const def = buildLanguageUncached(lang);
-  langCache.set(lang, def);
+  const def = buildLanguageUncached(language);
+  langCache.set(language, def);
   return def;
 }
-function buildLanguageUncached(lang) {
-  const raw = buildLanguagePatterns(lang);
-  if (!raw) {
+
+/** A compiled grammar for `language`, or null for a custom or plain one. */
+function buildLanguage(language) {
+  const resolved = resolveLanguage(language);
+  return resolved != null && 'patterns' in resolved ? resolved : null;
+}
+
+/** The tokens of a custom language, or null when `language` is not one. */
+function customTokens(code, language) {
+  const resolved = resolveLanguage(language);
+  if (resolved == null || !('tokenize' in resolved)) {
     return null;
   }
+  // A missing function paints nothing rather than throwing, as an absent
+  // `tokenizer` prop does.
+  return typeof resolved.tokenize === 'function' ? flatTokensToLines(resolved.tokenize(code, resolved.name), code) : null;
+}
+function buildLanguageUncached(lang) {
+  const raw = buildLanguagePatterns(lang);
+  return raw ? compile(raw) : null;
+}
+function compile(raw) {
   return {
     defaultType: raw.defaultType,
     patterns: raw.patterns.map(p => {
@@ -519,6 +562,99 @@ function buildLanguagePatterns(lang) {
           regex: /^\s*\d+\.\s/m
         }]
       };
+    case 'c':
+    case 'h':
+      return cLike(C_WORDS, [{
+        type: 'keyword',
+        regex: DIRECTIVE
+      }]);
+    case 'cpp':
+    case 'c++':
+    case 'cc':
+    case 'cxx':
+    case 'hpp':
+    case 'hh':
+      return cLike(CPP_WORDS, [{
+        type: 'keyword',
+        regex: DIRECTIVE
+      }, {
+        type: 'string',
+        regex: /\b(?:u8|[uUL])?R"([^()\\\s]{0,16})\([\s\S]*?\)\1"/
+      }]);
+    case 'sql':
+      return {
+        defaultType: 'variable',
+        patterns: [{
+          type: 'comment',
+          regex: /--[^\n]*/
+        }, {
+          type: 'comment',
+          regex: BLOCK_COMMENT
+        }, {
+          type: 'string',
+          regex: /'(?:[^']|'')*'/
+        }, {
+          type: 'property',
+          regex: /"[^"\n]*"|`[^`\n]*`/
+        }, {
+          type: 'number',
+          regex: NUMBER
+        }, {
+          type: 'keyword',
+          regex: /\b(?:select|from|where|and|or|not|in|is|null|as|join|inner|left|right|full|outer|cross|on|group|by|order|having|limit|offset|union|all|distinct|insert|into|values|update|set|delete|create|table|view|index|drop|alter|add|primary|key|foreign|references|with|case|when|then|else|end|exists|between|like|asc|desc|true|false|default|returning|interval)\b/i
+        }, {
+          type: 'function',
+          regex: CALL
+        }, {
+          type: 'operator',
+          regex: /[+\-*/%=<>!|]+/
+        }, {
+          type: 'punctuation',
+          regex: PUNCTUATION
+        }]
+      };
+    case 'rust':
+    case 'rs':
+      return cLike('as async await break const continue crate dyn else enum extern false fn for if impl in let loop match mod move mut pub ref return self Self static struct super trait true type unsafe use where while', [{
+        type: 'constant',
+        regex: /#!?\[[^\]\n]*\]/
+      }, {
+        type: 'function',
+        regex: /\b[a-zA-Z_]\w*!(?=\s*[([{])/
+      }, {
+        type: 'string',
+        regex: /\bb?r(#*)"[\s\S]*?"\1/
+      }, {
+        type: 'type',
+        regex: /'[a-z_]\w*\b(?!')/
+      }]);
+    case 'kotlin':
+    case 'kt':
+    case 'kts':
+      return cLike('as break class continue do else false for fun if in interface is null object package return super this throw true try typealias val var when while by constructor init companion data sealed enum open override private protected public internal suspend inline lateinit import', [{
+        type: 'constant',
+        regex: /@\w+/
+      }, {
+        type: 'string',
+        regex: /"""[\s\S]*?"""/
+      }]);
+    case 'swift':
+      return cLike('associatedtype class deinit enum extension func import init inout internal let open operator private protocol public static struct subscript typealias var break case continue default defer do else fallthrough for guard if in repeat return switch where while as catch false is nil rethrows super self Self throw throws true try async await actor some any', [{
+        type: 'string',
+        regex: /(#+)"[\s\S]*?"\1/
+      }, {
+        type: 'constant',
+        regex: /[@#]\w+/
+      }, {
+        type: 'string',
+        regex: /"""[\s\S]*?"""/
+      }]);
+    case 'go':
+    case 'golang':
+      return cLike('break case chan const continue default defer else fallthrough for func go goto if import interface map package range return select struct switch type var true false nil iota', [{
+        type: 'string',
+        regex: /`[^`]*`/
+      }]);
     default:
       return null;
   }
@@ -694,10 +830,14 @@ function tokenizeLine(code, langDef, lineStart, lineEnd) {
  * language's default color type are omitted (~30% reduction).
  *
  * @param code - The source code string to tokenize
- * @param language - Language identifier (e.g. 'typescript', 'python')
+ * @param language - A built-in identifier (e.g. 'typescript') or a language value
  * @returns Array of token arrays, one per line
  */
 export function tokenize(code, language) {
+  const custom = customTokens(code, language);
+  if (custom != null) {
+    return custom;
+  }
   const langDef = buildLanguage(language);
   if (!langDef) {
     return [];
@@ -718,6 +858,11 @@ export function tokenize(code, language) {
  * of lines (~800 chars per batch).
  */
 export async function tokenizeAsync(code, language, signal) {
+  // A custom language runs synchronously, as the `tokenizer` prop does.
+  const custom = customTokens(code, language);
+  if (custom != null) {
+    return custom;
+  }
   const langDef = buildLanguage(language);
   if (!langDef) {
     return [];
@@ -748,6 +893,11 @@ export async function tokenizeAsync(code, language, signal) {
  * highlights progressively.
  */
 export async function tokenizeStreaming(code, language, onBatch, signal) {
+  const custom = customTokens(code, language);
+  if (custom != null) {
+    onBatch(custom, 0);
+    return;
+  }
   const langDef = buildLanguage(language);
   if (!langDef) {
     return;

package/dist/Collapsible/Collapsible.d.ts

@@ -23,6 +23,7 @@
  * - /packages/cli/assets/templates/blocks/components/Collapsible/ (showcase blocks)
  */
 import { type ReactNode } from 'react';
+import { type AnimatedLayout } from '../motion/animatedLayout.js';
 import type { CollapsibleChevronPosition } from './CollapsibleGroupContext.js';
 import type { BaseProps } from '../BaseProps.js';
 export interface CollapsibleProps extends BaseProps {
@@ -63,6 +64,12 @@ export interface CollapsibleProps extends BaseProps {
      * CollapsibleGroup owns grouped state and calls its `onChange` instead.
      */
     onOpenChange?: (isOpen: boolean) => void;
+    /**
+     * The handle from `useAnimatedLayout({containerRef})`. With it, opening and
+     * closing glides the content after this Collapsible, up to that container,
+     * instead of jumping, and the chevron turns on the same timing.
+     */
+    animatedLayout?: AnimatedLayout;
     /**
      * Logical position of the disclosure chevron.
      *
@@ -125,7 +132,7 @@ export interface CollapsibleProps extends BaseProps {
  * </CollapsibleGroup>
  * ```
  */
-export declare function Collapsible({ trigger, children, defaultIsOpen, isOpen: controlledIsOpen, isDisabled, onOpenChange, chevronPosition, value, ref, xstyle, className, style, ...props }: CollapsibleProps): import("react").JSX.Element;
+export declare function Collapsible({ trigger, children, defaultIsOpen, isOpen: controlledIsOpen, isDisabled, onOpenChange, chevronPosition, value, animatedLayout, ref, xstyle, className, style, ...props }: CollapsibleProps): import("react").JSX.Element;
 export declare namespace Collapsible {
     var displayName: string;
 }

package/dist/Collapsible/Collapsible.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Collapsible.d.ts","sourceRoot":"","sources":["../../src/Collapsible/Collapsible.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,OAAO,EAAa,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAejD,OAAO,KAAK,EAAC,0BAA0B,EAAC,MAAM,2BAA2B,CAAC;AAG1E,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AA0J5C,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;;OAGG;IACH,OAAO,EAAE,SAAS,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAEzC;;;;;;;;;;;;OAYG;IACH,eAAe,CAAC,EAAE,0BAA0B,CAAC;IAE7C;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,QAAQ,EACR,aAAa,EACb,MAAM,EAAE,gBAAgB,EACxB,UAAkB,EAClB,YAAY,EACZ,eAAe,EACf,KAAK,EACL,GAAG,EACH,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,gBAAgB,+BAqIlB;yBAnJe,WAAW"}
+{"version":3,"file":"Collapsible.d.ts","sourceRoot":"","sources":["../../src/Collapsible/Collapsible.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,OAAO,EAQL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAef,OAAO,EAML,KAAK,cAAc,EACpB,MAAM,0BAA0B,CAAC;AAElC,OAAO,KAAK,EAAC,0BAA0B,EAAC,MAAM,2BAA2B,CAAC;AAG1E,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AA0J5C,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;;OAGG;IACH,OAAO,EAAE,SAAS,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC;;;;OAIG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC;IAEhC;;;;;;;;;;;;OAYG;IACH,eAAe,CAAC,EAAE,0BAA0B,CAAC;IAE7C;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,QAAQ,EACR,aAAa,EACb,MAAM,EAAE,gBAAgB,EACxB,UAAkB,EAClB,YAAY,EACZ,eAAe,EACf,KAAK,EACL,cAAc,EACd,GAAG,EACH,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,gBAAgB,+BAmOlB;yBAlPe,WAAW"}

package/dist/Collapsible/Collapsible.js

@@ -26,11 +26,13 @@
  * - /apps/storybook/stories/Collapsible.stories.tsx
  * - /packages/cli/assets/templates/blocks/components/Collapsible/ (showcase blocks)
  */
-import { use, useId } from 'react';
+import { use, useCallback, useId, useLayoutEffect, useMemo, useRef, useState } from 'react';
 import * as stylex from '@stylexjs/stylex';
 import "../theme/tokens.stylex.js";
 import { borderVars, colorVars, typographyVars, fontWeightVars, spacingVars, typeScaleVars, durationVars, easeVars } from "../theme/tokens.stylex.js";
 import { useCollapsible } from "./useCollapsible.js";
+import { LayoutChangeSnapshot } from "../motion/LayoutChangeSnapshot.js";
+import { applyLayoutChangeTransition, holdLayoutExit, playLayoutChange, releaseLayoutExit, reportLayoutChange } from "../motion/animatedLayout.js";
 import { CollapsibleGroupPresentationContext } from "./CollapsibleGroupContext.js";
 import { Icon } from "../Icon/index.js";
 import { mergeProps } from "../utils/index.js";
@@ -203,6 +205,7 @@ export function Collapsible({
   onOpenChange,
   chevronPosition,
   value,
+  animatedLayout,
   ref,
   xstyle,
   className,
@@ -226,6 +229,80 @@ export function Collapsible({
     value
   });
 
+  // With an `animatedLayout` handle, the content's size change animates: the
+  // content after this Collapsible, up to the handle's container, glides, and
+  // the revealed content plays its own entrance on the same timing
+  // (`architecture:react-component-runtime` INV12). Without one, nothing
+  // changes.
+  const contentRef = useRef(null);
+  const triggerRef = useRef(null);
+  const layoutChange = useMemo(() => reportLayoutChange(animatedLayout, contentRef), [animatedLayout]);
+  // Every open-state change, whatever caused it (a click, an owner-set
+  // `isOpen`, a group's value), is measured before it lands (`spec:AST-105`
+  // FR1): LayoutChangeSnapshot calls this in the commit, before the DOM
+  // changes. The chevron (the trigger's Icon, its `icon` theming target)
+  // turns on the glide's motion too.
+  const measureChange = useCallback(() => {
+    applyLayoutChangeTransition(animatedLayout, triggerRef.current?.querySelector(':scope > .astryx-icon') ?? null);
+    layoutChange.measureBefore();
+  }, [animatedLayout, layoutChange]);
+  // Without a handle the chevron keeps the theme's own turn: a spring a handle
+  // set stays only while it is passed (`spec:AST-105` FR2).
+  useLayoutEffect(() => {
+    if (animatedLayout == null) {
+      applyLayoutChangeTransition(null, triggerRef.current?.querySelector(':scope > .astryx-icon') ?? null);
+    }
+  }, [animatedLayout]);
+  // A close with a handle keeps the content rendered while it plays its exit
+  // (the exit makes it inert and gives up its space), then hides it
+  // (`spec:AST-105` FR4). Derived from the open state as it changes, during
+  // render, so the closing commit already keeps it.
+  const [renderedIsOpen, setRenderedIsOpen] = useState(isOpen);
+  const [isExiting, setIsExiting] = useState(false);
+  if (renderedIsOpen !== isOpen) {
+    setRenderedIsOpen(isOpen);
+    setIsExiting(!isOpen && animatedLayout != null);
+  }
+  const endExit = useCallback(() => {
+    // eslint-disable-next-line @eslint-react/set-state-in-effect -- holdLayoutExit decides from layout read in the closing commit (the content's place in the area's visible part, Reduce Motion and the pointer, and whether an end margin frees its space); an exit it does not hold hides the content before the frame paints
+    setIsExiting(false);
+  }, []);
+  const wasOpenRef = useRef(isOpen);
+  useLayoutEffect(() => {
+    if (wasOpenRef.current === isOpen) {
+      return;
+    }
+    wasOpenRef.current = isOpen;
+    const content = contentRef.current;
+    if (content == null) {
+      return;
+    }
+    // A change that was not measured (no handle) lands at once, entrance and
+    // exit included, so the content and what follows stay in step.
+    const isMeasured = layoutChange.animate();
+    if (isOpen) {
+      // Opened again mid-exit: the content takes its place in flow.
+      releaseLayoutExit(content);
+      if (isMeasured) {
+        playLayoutChange(animatedLayout, content);
+      }
+      return;
+    }
+    const isHeld = isExiting && isMeasured && holdLayoutExit(animatedLayout, content, endExit);
+    if (isExiting && !isHeld) {
+      // An exit holdLayoutExit did not hold (unmeasured, out of view, Reduce
+      // Motion with a fine pointer, or no margin frees its space): hide the
+      // content before this frame paints.
+      endExit();
+    }
+  }, [isOpen, isExiting, layoutChange, animatedLayout, endExit]);
+  useLayoutEffect(() => {
+    if (!isOpen && !isExiting && contentRef.current != null) {
+      // Hidden again after its exit: drop the exit's inline values.
+      releaseLayoutExit(contentRef.current);
+    }
+  }, [isOpen, isExiting]);
+
   // Activation is blocked by this guard rather than the native `disabled`
   // attribute, so the trigger keeps `aria-disabled` semantics and stays
   // discoverable. A native `disabled` button would silently swallow events
@@ -272,6 +349,7 @@ export function Collapsible({
     }), stylex.props(styles.root, isDivided && styles.divided, xstyle), className, style),
     ...props,
     children: [/*#__PURE__*/_jsxs("button", {
+      ref: triggerRef,
       type: "button",
       onClick: handleToggle,
       "aria-disabled": isDisabled || undefined,
@@ -301,12 +379,16 @@ export function Collapsible({
         },
         children: trigger
       }), !isChevronAtStart && chevron]
+    }), animatedLayout != null && /*#__PURE__*/_jsx(LayoutChangeSnapshot, {
+      value: isOpen,
+      onBeforeChange: measureChange
     }), /*#__PURE__*/_jsx("div", {
+      ref: contentRef,
       id: contentId,
       ...mergeProps(themeProps('collapsible-content', {
         density: density ?? undefined,
         open: isOpen ? 'open' : null
-      }), stylex.props(styles.content, density != null && contentDensity[density], !isOpen && styles.contentHidden)),
+      }), stylex.props(styles.content, density != null && contentDensity[density], !isOpen && !isExiting && styles.contentHidden)),
       children: presentation != null ? /*#__PURE__*/_jsx(CollapsibleGroupPresentationContext, {
         value: null,
         children: children

package/dist/CommandPalette/CommandPalette.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommandPalette.d.ts","sourceRoot":"","sources":["../../src/CommandPalette/CommandPalette.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;GAUG;AAEH,OAAO,EASL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAC,YAAY,EAAE,cAAc,EAAC,MAAM,cAAc,CAAC;AAU/D,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAK5C,MAAM,WAAW,mBAAmB,CAClC,CAAC,SAAS,cAAc,GAAG,cAAc,CACzC,SAAQ,IAAI,CAAC,SAAS,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACtD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACnC,2CAA2C;IAC3C,MAAM,EAAE,OAAO,CAAC;IAEhB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,0DAA0D;IAC1D,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAExC;;;;OAIG;IACH,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IAE9B;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,UAAU,EAAE,OAAO,KAAK,SAAS,CAAC;IAEzD;;;OAGG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAE/B,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,8CAA8C;IAC9C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC7B;AAiID;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,cAAc,GAAG,cAAc,EAAE,EACxE,GAAG,EACH,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,KAAK,EACL,MAAM,EACN,UAAU,EACV,eAAe,EAAE,wBAAwB,EACzC,kBAAkB,EAAE,2BAA2B,EAC/C,KAAK,EAAE,eAAe,EACtB,aAAa,EACb,KAAK,EAAE,cAAc,EACrB,KAAW,EACX,SAAe,EACf,GAAG,IAAI,EACR,EAAE,mBAAmB,CAAC,CAAC,CAAC,+BAsYxB;yBAvZe,cAAc"}
+{"version":3,"file":"CommandPalette.d.ts","sourceRoot":"","sources":["../../src/CommandPalette/CommandPalette.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;GAUG;AAEH,OAAO,EASL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAC,YAAY,EAAE,cAAc,EAAC,MAAM,cAAc,CAAC;AAW/D,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAK5C,MAAM,WAAW,mBAAmB,CAClC,CAAC,SAAS,cAAc,GAAG,cAAc,CACzC,SAAQ,IAAI,CAAC,SAAS,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACtD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACnC,2CAA2C;IAC3C,MAAM,EAAE,OAAO,CAAC;IAEhB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,0DAA0D;IAC1D,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAExC;;;;OAIG;IACH,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IAE9B;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,UAAU,EAAE,OAAO,KAAK,SAAS,CAAC;IAEzD;;;OAGG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAE/B,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,8CAA8C;IAC9C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC7B;AAiID;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,cAAc,GAAG,cAAc,EAAE,EACxE,GAAG,EACH,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,KAAK,EACL,MAAM,EACN,UAAU,EACV,eAAe,EAAE,wBAAwB,EACzC,kBAAkB,EAAE,2BAA2B,EAC/C,KAAK,EAAE,eAAe,EACtB,aAAa,EACb,KAAK,EAAE,cAAc,EACrB,KAAW,EACX,SAAe,EACf,GAAG,IAAI,EACR,EAAE,mBAAmB,CAAC,CAAC,CAAC,+BAqZxB;yBAtae,cAAc"}

package/dist/CommandPalette/CommandPalette.js

@@ -18,6 +18,7 @@ import { Dialog } from "../Dialog/index.js";
 import { Layout, LayoutHeader, LayoutContent, LayoutFooter } from "../Layout/index.js";
 import { useCombobox } from "../Selector/index.js";
 import { CommandPaletteContext } from "./CommandPaletteContext.js";
+import { BusyStartSettleContext } from "./busyStartSettle.js";
 import { CommandPaletteList } from "./CommandPaletteList.js";
 import { CommandPaletteItem } from "./CommandPaletteItem.js";
 import { CommandPaletteGroup } from "./CommandPaletteGroup.js";
@@ -204,6 +205,10 @@ export function CommandPalette({
   const isBusy = isPending;
   const searchVersionRef = useRef(0);
   const emptyStateRef = useRef(null);
+  const settleBusyAnnouncementRef = useRef(null);
+  const registerBusyAnnouncementSettle = useCallback(settle => {
+    settleBusyAnnouncementRef.current = settle;
+  }, []);
 
   // Announce search results to screen readers through the shared polite live
   // region (comboboxes-7 announce path, mirroring Selector / BaseTypeahead).
@@ -289,6 +294,12 @@ export function CommandPalette({
       const result = isBootstrap ? searchSource.bootstrap() : searchSource.search(query);
       const items = await Promise.resolve(result);
       if (searchVersionRef.current === version) {
+        if (!isBootstrap) {
+          // This query's outcome is announced below (a count) or from the
+          // rendered empty state; a busy start not yet announced would
+          // follow it, so the input drops it (spec:AST-086 FR8).
+          settleBusyAnnouncementRef.current?.();
+        }
         // Commit query and results together
         setSearch(query);
         setOptimisticResults(items);
@@ -479,7 +490,10 @@ export function CommandPalette({
         header: /*#__PURE__*/_jsx(LayoutHeader, {
           hasDivider: true,
           padding: 0,
-          children: input ?? /*#__PURE__*/_jsx(CommandPaletteInput, {})
+          children: /*#__PURE__*/_jsx(BusyStartSettleContext, {
+            value: registerBusyAnnouncementSettle,
+            children: input ?? /*#__PURE__*/_jsx(CommandPaletteInput, {})
+          })
         }),
         content: /*#__PURE__*/_jsx(LayoutContent, {
           padding: 0,

package/dist/CommandPalette/CommandPaletteEmpty.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteEmpty.d.ts","sourceRoot":"","sources":["../../src/CommandPalette/CommandPaletteEmpty.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,EAAC,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAS5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAkB5C,MAAM,WAAW,wBAAyB,SAAQ,SAAS,CAAC,cAAc,CAAC;IACzE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,yCAAyC;IACzC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,GAAG,EACH,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,wBAAwB,qBAc1B;yBArBe,mBAAmB"}
+{"version":3,"file":"CommandPaletteEmpty.d.ts","sourceRoot":"","sources":["../../src/CommandPalette/CommandPaletteEmpty.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,EAAC,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAS5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAsB5C,MAAM,WAAW,wBAAyB,SAAQ,SAAS,CAAC,cAAc,CAAC;IACzE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,yCAAyC;IACzC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,GAAG,EACH,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,wBAAwB,qBAc1B;yBArBe,mBAAmB"}

package/dist/CommandPalette/CommandPaletteEmpty.js

@@ -31,6 +31,7 @@ const styles = {
     kLWn49: "x1ltkj2j",
     kMwMTN: "xv1l7n4",
     k9WMMc: "x2b8uid",
+    kHjlTd: "xj0a0fe",
     $$css: true
   }
 };

package/dist/CommandPalette/CommandPaletteInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteInput.d.ts","sourceRoot":"","sources":["../../src/CommandPalette/CommandPaletteInput.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;GAUG;AAEH,OAAO,EAA2C,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAa/E,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAuE5C,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CACpD,SAAS,CAAC,gBAAgB,CAAC,EAC3B,UAAU,CACX;IACC,iEAAiE;IACjE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAElC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;OAIG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;CACvD;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EAAE,eAAe,EACtB,aAAa,EACb,WAAW,EAAE,oBAAoB,EACjC,KAAK,EACL,YAAmB,EACnB,UAAU,EACV,QAAQ,EACR,SAAS,EACT,OAAO,EACP,MAAM,EACN,GAAG,EACH,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,wBAAwB,+BA2K1B;yBA3Le,mBAAmB"}
+{"version":3,"file":"CommandPaletteInput.d.ts","sourceRoot":"","sources":["../../src/CommandPalette/CommandPaletteInput.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;GAUG;AAEH,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAcf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAuE5C,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CACpD,SAAS,CAAC,gBAAgB,CAAC,EAC3B,UAAU,CACX;IACC,iEAAiE;IACjE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAElC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;OAIG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;CACvD;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EAAE,eAAe,EACtB,aAAa,EACb,WAAW,EAAE,oBAAoB,EACjC,KAAK,EACL,YAAmB,EACnB,UAAU,EACV,QAAQ,EACR,SAAS,EACT,OAAO,EACP,MAAM,EACN,GAAG,EACH,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,wBAAwB,+BAsL1B;yBAtMe,mBAAmB"}

package/dist/CommandPalette/CommandPaletteInput.js

@@ -13,7 +13,7 @@
  * - /apps/storybook/stories/CommandPaletteInput.stories.tsx
  * - /packages/cli/assets/templates/blocks/components/CommandPalette/ (showcase blocks)
  */
-import { useCallback, useEffect, useRef, useState } from 'react';
+import { use, useCallback, useEffect, useRef, useState } from 'react';
 import * as stylex from '@stylexjs/stylex';
 import { Icon } from "../Icon/index.js";
 import { Spinner } from "../Spinner/index.js";
@@ -21,6 +21,7 @@ import { isImeKeyEvent, isRenderable, mergeProps } from "../utils/index.js";
 import "../theme/tokens.stylex.js";
 import { colorVars, typeScaleVars, spacingVars, typographyVars } from "../theme/tokens.stylex.js";
 import { useCommandPaletteContext } from "./CommandPaletteContext.js";
+import { BusyStartSettleContext } from "./busyStartSettle.js";
 import { useDialogContext } from "../Dialog/DialogContext.js";
 import { themeProps } from "../utils/themeProps.js";
 import { focusOutlineProps } from "../utils/focusOutline.stylex.js";
@@ -101,7 +102,18 @@ export function CommandPaletteInput({
   // The search Spinner is decorative; the input announces each busy start,
   // including the load on opening or clearing the query. Inside the palette's
   // native modal it does so from a region in the dialog (spec:AST-086 FR8, FR3).
-  useBusyAnnouncement(ctx?.isBusy === true, t('@astryx.commandPalette.loading'), inputRef);
+  const settleBusyAnnouncement = useBusyAnnouncement(ctx?.isBusy === true, t('@astryx.commandPalette.loading'), inputRef);
+  // Keeps the palette holding this input's settle function, so the palette can
+  // drop a busy start not yet announced when a search's outcome is about to be
+  // announced (spec:AST-086 FR8).
+  const registerSettle = use(BusyStartSettleContext);
+  useEffect(() => {
+    if (registerSettle == null) {
+      return;
+    }
+    registerSettle(settleBusyAnnouncement);
+    return () => registerSettle(null);
+  }, [registerSettle, settleBusyAnnouncement]);
   const [isKeyboardFocus, setIsKeyboardFocus] = useState(false);
 
   // Text-entry controls match :focus-visible after pointer focus in Chromium.

package/dist/CommandPalette/busyStartSettle.d.ts

@@ -0,0 +1,4 @@
+/** Registers the input's settle function, or `null` when the input goes away. */
+export type RegisterBusyStartSettle = (settle: (() => void) | null) => void;
+export declare const BusyStartSettleContext: import("react").Context<RegisterBusyStartSettle | null>;
+//# sourceMappingURL=busyStartSettle.d.ts.map

package/dist/CommandPalette/busyStartSettle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"busyStartSettle.d.ts","sourceRoot":"","sources":["../../src/CommandPalette/busyStartSettle.ts"],"names":[],"mappings":"AAoBA,iFAAiF;AACjF,MAAM,MAAM,uBAAuB,GAAG,CAAC,MAAM,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;AAE5E,eAAO,MAAM,sBAAsB,yDACkB,CAAC"}