tempest-react-sdk 0.78.0 → 0.80.0

package/dist/components/CodeBlock/tokenize.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokenize.js","names":[],"sources":["../../../src/components/CodeBlock/tokenize.ts"],"sourcesContent":["/** What a token is painted as. */\nexport type TokenKind =\n    | \"plain\"\n    | \"comment\"\n    | \"string\"\n    | \"number\"\n    | \"keyword\"\n    | \"literal\"\n    | \"function\"\n    | \"punctuation\"\n    | \"tag\"\n    | \"attribute\"\n    | \"property\";\n\nexport interface Token {\n    kind: TokenKind;\n    value: string;\n}\n\n/** Languages the tokenizer knows. Anything else renders as plain text. */\nexport type CodeLanguage =\n    | \"typescript\"\n    | \"javascript\"\n    | \"tsx\"\n    | \"jsx\"\n    | \"json\"\n    | \"css\"\n    | \"html\"\n    | \"bash\"\n    | \"python\"\n    | \"sql\"\n    | \"plain\";\n\n/** Aliases people actually type, mapped onto the grammars above. */\nconst ALIASES: Record<string, CodeLanguage> = {\n    ts: \"typescript\",\n    typescript: \"typescript\",\n    js: \"javascript\",\n    javascript: \"javascript\",\n    mjs: \"javascript\",\n    cjs: \"javascript\",\n    tsx: \"tsx\",\n    jsx: \"jsx\",\n    json: \"json\",\n    jsonc: \"json\",\n    css: \"css\",\n    scss: \"css\",\n    html: \"html\",\n    xml: \"html\",\n    svg: \"html\",\n    sh: \"bash\",\n    bash: \"bash\",\n    shell: \"bash\",\n    zsh: \"bash\",\n    console: \"bash\",\n    py: \"python\",\n    python: \"python\",\n    sql: \"sql\",\n};\n\n/**\n * Normalise a language name onto a known grammar.\n *\n * @param language - Whatever the caller passed, e.g. `\"ts\"` or `\"Shell\"`.\n * @returns The grammar to use; `\"plain\"` when there is no match.\n */\nexport function resolveLanguage(language: string | undefined): CodeLanguage {\n    if (!language) return \"plain\";\n    return ALIASES[language.toLowerCase()] ?? \"plain\";\n}\n\n/** One grammar rule: a sticky pattern and the kind it produces. */\ninterface Rule {\n    kind: TokenKind;\n    pattern: RegExp;\n}\n\nconst JS_KEYWORDS =\n    \"as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|keyof|let|new|of|private|protected|public|readonly|return|satisfies|set|static|super|switch|this|throw|try|type|typeof|var|void|while|with|yield\";\n\nconst JS_LITERALS = \"true|false|null|undefined|NaN|Infinity\";\n\n/**\n * Rules per grammar, tried in order at each position.\n *\n * Order carries meaning: comments and strings come first so a keyword inside a\n * string stays a string. Every pattern is sticky (`y`) and anchored by\n * `lastIndex`, so a rule can only match where the scanner currently stands.\n *\n * Every string and comment pattern makes its closing delimiter **optional** —\n * `\"...\"?`, `/*...*?` / `<!--...--?` — so an unterminated opener is consumed as a\n * single token instead of failing and being rescanned from the next opener.\n * Without that, a `\"` followed by many escaped quotes was re-read to the end of\n * the input from each opening quote, quadratic in the input (#477).\n *\n * A well-formed string that closes on a later line stays one token where the\n * language allows the newline: bash, SQL, HTML and the JavaScript template\n * literal carry a raw `\\n`, and every grammar lets an escape cross the line feed\n * (`\\\\[\\s\\S]`), so `\"a\\` + LF + `b\"` is one string. A quote string that cannot\n * hold a raw newline — the JavaScript and JSON `\"`/`'`, CSS, the Python\n * `\"`/`'` — still ends at the line when it is unterminated, which is the only\n * case the optional close cuts at the line. A JSX attribute value is the\n * exception in the JavaScript family: `=\"…\"` has its own rule, ahead of the\n * plain JS strings, so it may hold a raw line feed — `<input placeholder=\"a` +\n * LF + `b\">` is one string where the plain JS rule would have ended it at the\n * line. The rule matches at the `=` and looks behind for it, so `=` keeps its\n * paint; `(?<==\\s)` covers the spaced `= \"…\"` form too.\n *\n * Each grammar also ends with a `plain` rule that consumes a run of identifier\n * characters in one step. The rules that need a lookahead — the JavaScript\n * `function`, the HTML `attribute`, the CSS `property` and `function`, the\n * Python `function` — match a whole run and then fail if the character after it\n * is not the expected one; with only `at++` to fall back on, the scanner retried\n * that run from every character in it. A code fence holding a long run of word\n * characters and no punctuation (a base64 blob, a minified token) took 6 s at\n * 80 KB and 25 s at 160 KB; the fallback consumes the run once, so the scan\n * stays linear (#477 sweep).\n *\n * The `plain` rule matches an identifier run while the scanner's fallback\n * collects whatever no rule matched, so one plain stretch arrives in pieces;\n * `tokenize` fuses adjacent `plain` tokens back into one, which is the array\n * shape — and the one span per run — that predates the fallback (#477).\n *\n * The JavaScript fallback does **not** start at `$` — it takes a `$` run and an\n * identifier run separately — so a leading `$type`, `$default` and `$this` keep\n * the `$` plain and the name a keyword. Inside an identifier the `$` is an\n * ordinary character, so `foo$this`, `a$true` and `x$1` are one `plain` token\n * instead of painting `this`, `true` and `1` out of them; the `'` string rule\n * carries the same boundary in a lookbehind, so an apostrophe in prose\n * (`Don't`) does not open a string that runs to the end of the input.\n *\n * The same boundary closes the JavaScript keyword, literal and number rules:\n * they end at `(?![\\w$])` rather than `\\b`, because `\\b` holds before a `$`, so\n * `if$foo` would paint `if` and leave the scanner standing on the `$` in the\n * middle of the identifier. The `function` rule only starts where no identifier\n * character precedes it (`(?<![\\w$])`). Without that lookbehind a rule that\n * stopped inside a run — the leading-`$` split above stops at every `$1` of\n * `$1$1$1…` — handed the rest of the run to `function`, which read it to the end\n * and failed for want of a `(`, once per `$`: 80 KB of `$1` took 2.8 s and\n * 120 KB of `if$` 4.2 s (#498). With both boundaries every rule that can start\n * inside a run fails at once or consumes a bounded piece of it, so each run is\n * read a constant number of times and `if$foo(`, `this$x(` and `true$y(` paint\n * as the one called identifier they are.\n *\n * The CSS `property` and `function` rules match a whole word where it stands —\n * `font-size` and `translate3d` paint as one token rather than splitting the\n * tail — and a `#rgb`/`#rrggbb` colour paints as a number. A word before a\n * colon only counts as a property when the colon starts a value boundary\n * (whitespace, `;`, `}`): after a `.`/`#`/`(`/`,`/`>`/`+`/`~`/`:` it is a\n * selector, and when the colon is followed by an identifier character it could\n * be a pseudo-class (`li:hover`) or a declaration with no space (`color:red`) —\n * neither can be told apart without a parser, so both stay `plain`, which is\n * what `origin/main` painted (`#477`).\n */\nconst GRAMMARS: Record<CodeLanguage, Rule[]> = {\n    typescript: jsRules(false),\n    javascript: jsRules(false),\n    tsx: jsRules(true),\n    jsx: jsRules(true),\n    json: [\n        { kind: \"property\", pattern: /\"(?:[^\"\\\\\\n]|\\\\[\\s\\S])*\"(?=\\s*:)/y },\n        { kind: \"string\", pattern: /\"(?:[^\"\\\\\\n]|\\\\[\\s\\S])*\"?/y },\n        { kind: \"number\", pattern: /-?\\d+(?:\\.\\d+)?(?:[eE][+-]?\\d+)?/y },\n        { kind: \"literal\", pattern: /\\b(?:true|false|null)\\b/y },\n        { kind: \"punctuation\", pattern: /[{}[\\],:]/y },\n    ],\n    css: [\n        { kind: \"comment\", pattern: /\\/\\*[\\s\\S]*?(?:\\*\\/|$)/y },\n        { kind: \"string\", pattern: /\"(?:[^\"\\\\\\n]|\\\\[\\s\\S])*\"?|'(?:[^'\\\\\\n]|\\\\[\\s\\S])*'?/y },\n        { kind: \"keyword\", pattern: /@[a-zA-Z-]+/y },\n        { kind: \"property\", pattern: /(?<![.#[\\](),>+~:])[\\w-]+(?=\\s*:(?![\\w/:]))/y },\n        { kind: \"function\", pattern: /[\\w-]+(?=\\()/y },\n        { kind: \"number\", pattern: /#[0-9a-fA-F]{3,8}\\b/y },\n        { kind: \"number\", pattern: /(?<![\\w-])-?\\d+(?:\\.\\d+)?(?:px|rem|em|%|s|ms|vh|vw|fr|deg)?/y },\n        { kind: \"punctuation\", pattern: /[{}();:,>+~]/y },\n        { kind: \"plain\", pattern: /[\\w-]+/y },\n    ],\n    html: [\n        { kind: \"comment\", pattern: /<!--[\\s\\S]*?(?:-->|$)/y },\n        { kind: \"string\", pattern: /\"(?:[^\"\\\\]|\\\\[\\s\\S])*\"?|'(?:[^'\\\\]|\\\\[\\s\\S])*'?/y },\n        { kind: \"tag\", pattern: /<\\/?[a-zA-Z][\\w:-]*/y },\n        { kind: \"attribute\", pattern: /[a-zA-Z][\\w:-]*(?==)/y },\n        { kind: \"punctuation\", pattern: /\\/?>|=/y },\n        { kind: \"plain\", pattern: /[a-zA-Z][\\w:-]*/y },\n    ],\n    bash: [\n        { kind: \"comment\", pattern: /#[^\\n]*/y },\n        { kind: \"string\", pattern: /\"(?:[^\"\\\\]|\\\\[\\s\\S])*\"?|'[^']*'?/y },\n        {\n            kind: \"keyword\",\n            pattern:\n                /\\b(?:if|then|else|elif|fi|for|while|do|done|case|esac|function|return|export|local|source|set|cd|echo)\\b/y,\n        },\n        { kind: \"property\", pattern: /\\$\\{?[A-Za-z_][\\w]*\\}?/y },\n        { kind: \"attribute\", pattern: /(?<=\\s)--?[a-zA-Z][\\w-]*/y },\n        { kind: \"punctuation\", pattern: /[|&;()<>]/y },\n    ],\n    python: [\n        { kind: \"comment\", pattern: /#[^\\n]*/y },\n        {\n            kind: \"string\",\n            pattern:\n                /\"\"\"[\\s\\S]*?(?:\"\"\"|$)|'''[\\s\\S]*?(?:'''|$)|\"(?:[^\"\\\\\\n]|\\\\[\\s\\S])*\"?|'(?:[^'\\\\\\n]|\\\\[\\s\\S])*'?/y,\n        },\n        {\n            kind: \"keyword\",\n            pattern:\n                /\\b(?:and|as|assert|async|await|break|class|continue|def|del|elif|else|except|finally|for|from|global|if|import|in|is|lambda|nonlocal|not|or|pass|raise|return|try|while|with|yield)\\b/y,\n        },\n        { kind: \"literal\", pattern: /\\b(?:True|False|None|self)\\b/y },\n        { kind: \"number\", pattern: /\\b\\d+(?:\\.\\d+)?\\b/y },\n        { kind: \"function\", pattern: /[A-Za-z_]\\w*(?=\\()/y },\n        { kind: \"punctuation\", pattern: /[{}[\\]().,:;=+\\-*/<>!]/y },\n        { kind: \"plain\", pattern: /[A-Za-z_]\\w*/y },\n    ],\n    sql: [\n        { kind: \"comment\", pattern: /--[^\\n]*|\\/\\*[\\s\\S]*?(?:\\*\\/|$)/y },\n        { kind: \"string\", pattern: /'(?:[^']|'')*'?/y },\n        {\n            kind: \"keyword\",\n            // Case-insensitive: SQL is written both ways and both should paint.\n            pattern:\n                /\\b(?:select|from|where|insert|into|values|update|set|delete|create|table|alter|drop|index|join|inner|left|right|outer|on|group|by|order|having|limit|offset|as|and|or|not|in|is|null|distinct|union|all|with|returning|primary|key|foreign|references|default)\\b/iy,\n        },\n        { kind: \"number\", pattern: /\\b\\d+(?:\\.\\d+)?\\b/y },\n        { kind: \"punctuation\", pattern: /[(),;*=<>]/y },\n    ],\n    plain: [],\n};\n\n/** The shared JavaScript-family rules, with JSX tags added for tsx/jsx. */\nfunction jsRules(withJsx: boolean): Rule[] {\n    const rules: Rule[] = [\n        { kind: \"comment\", pattern: /\\/\\/[^\\n]*|\\/\\*[\\s\\S]*?(?:\\*\\/|$)/y },\n        {\n            kind: \"string\",\n            pattern:\n                /`(?:[^`\\\\]|\\\\[\\s\\S])*`?|\"(?:[^\"\\\\\\n]|\\\\[\\s\\S])*\"?|(?<![\\w$])'(?:[^'\\\\\\n]|\\\\[\\s\\S])*'?/y,\n        },\n        { kind: \"keyword\", pattern: new RegExp(`\\\\b(?:${JS_KEYWORDS})(?![\\\\w$])`, \"y\") },\n        { kind: \"literal\", pattern: new RegExp(`\\\\b(?:${JS_LITERALS})(?![\\\\w$])`, \"y\") },\n        {\n            kind: \"number\",\n            pattern: /\\b(?:0[xX][\\da-fA-F_]+|\\d[\\d_]*(?:\\.[\\d_]+)?(?:[eE][+-]?\\d+)?)(?![\\w$])/y,\n        },\n        { kind: \"function\", pattern: /(?<![\\w$])[A-Za-z_$][\\w$]*(?=\\s*\\()/y },\n        { kind: \"punctuation\", pattern: /[{}[\\]().,;:?!=<>+\\-*/%&|^~]/y },\n        { kind: \"plain\", pattern: /(?:[A-Za-z_][\\w$]*|\\$+)/y },\n    ];\n    if (withJsx) {\n        rules.splice(\n            1,\n            0,\n            { kind: \"string\", pattern: /(?:(?<==)|(?<==\\s))\"[^\"]*\"?/y },\n            { kind: \"string\", pattern: /(?:(?<==)|(?<==\\s))'[^']*'?/y },\n        );\n        rules.splice(4, 0, { kind: \"tag\", pattern: /<\\/?[A-Za-z][\\w.]*|\\/>/y });\n    }\n    return rules;\n}\n\n/**\n * Split source into coloured tokens.\n *\n * This is a **scanner, not a parser**: it recognises comments, strings, numbers,\n * keywords and punctuation by pattern, and knows nothing about scope, types or\n * grammar. That is a deliberate ceiling. A real parser per language is a\n * dependency the size of the rest of the SDK, and the payoff — being right about\n * the corner cases in a documentation snippet — is small. Where it is unsure it\n * emits `plain`, which renders as ordinary text rather than as something wrong.\n *\n * Unknown languages produce a single `plain` token, so an unhighlighted block is\n * a normal outcome and never an error.\n *\n * The scan is linear in the source: an unterminated string or comment becomes a\n * single token that runs to its close, or to the end of the input — or, for a\n * quote that cannot hold a newline and never closes, to the end of the line — so\n * the openers inside it are never rescanned (#477).\n *\n * @param code - The source.\n * @param language - Grammar name or alias.\n * @returns Tokens covering the input exactly, in order.\n *\n * @example\n * tokenize(\"const x = 1;\", \"ts\");\n * // [{kind: \"keyword\", value: \"const\"}, {kind: \"plain\", value: \" \"}, …]\n */\nexport function tokenize(code: string, language: string | undefined): Token[] {\n    const rules = GRAMMARS[resolveLanguage(language)];\n    if (rules.length === 0) return code === \"\" ? [] : [{ kind: \"plain\", value: code }];\n\n    const tokens: Token[] = [];\n    let plainFrom = 0;\n    let at = 0;\n\n    /**\n     * Append a token, fusing it with the previous one when both are `plain`.\n     *\n     * The `plain` rule matches an identifier run while the scanner's fallback\n     * collects the characters no rule matched, so one plain stretch of source\n     * arrives in pieces. Fusing them keeps the array shape `origin/main`\n     * produced, where a plain run was a single token and each got one span in\n     * the DOM rather than one per identifier (#477).\n     */\n    const push = (token: Token) => {\n        const last = tokens[tokens.length - 1];\n        if (last && last.kind === \"plain\" && token.kind === \"plain\") {\n            last.value += token.value;\n        } else {\n            tokens.push(token);\n        }\n    };\n\n    const flushPlain = (until: number) => {\n        if (until > plainFrom) push({ kind: \"plain\", value: code.slice(plainFrom, until) });\n    };\n\n    while (at < code.length) {\n        let matched: Token | null = null;\n        for (const rule of rules) {\n            rule.pattern.lastIndex = at;\n            const found = rule.pattern.exec(code);\n            if (found && found[0].length > 0) {\n                matched = { kind: rule.kind, value: found[0] };\n                break;\n            }\n        }\n        if (matched) {\n            flushPlain(at);\n            push(matched);\n            at += matched.value.length;\n            plainFrom = at;\n        } else {\n            at++;\n        }\n    }\n    flushPlain(code.length);\n    return tokens;\n}\n\n/**\n * The same tokens, split at newlines so each line can be rendered on its own.\n *\n * Line numbers and highlighted lines both need a per-line structure, and a token\n * is free to span a line break — a block comment usually does. Splitting here\n * keeps that out of the component.\n *\n * @param code - The source.\n * @param language - Grammar name or alias.\n * @returns One token array per line. Always at least one line.\n */\nexport function tokenizeLines(code: string, language: string | undefined): Token[][] {\n    const lines: Token[][] = [[]];\n    for (const token of tokenize(code, language)) {\n        const pieces = token.value.split(\"\\n\");\n        pieces.forEach((piece, index) => {\n            if (index > 0) lines.push([]);\n            if (piece !== \"\") lines[lines.length - 1].push({ kind: token.kind, value: piece });\n        });\n    }\n    return lines;\n}\n"],"mappings":"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"}
+{"version":3,"file":"tokenize.js","names":["ALIASES","resolveLanguage","language","JS_KEYWORDS","JS_LITERALS","GRAMMARS","jsRules","rules","withJsx","tokenize","code","tokens","plainFrom","at","push","last","token","flushPlain","until","matched","rule","found","tokenizeLines","lines","index","piece"],"sources":["../../../src/components/CodeBlock/tokenize.ts"],"sourcesContent":["/** What a token is painted as. */\nexport type TokenKind =\n    | \"plain\"\n    | \"comment\"\n    | \"string\"\n    | \"number\"\n    | \"keyword\"\n    | \"literal\"\n    | \"function\"\n    | \"punctuation\"\n    | \"tag\"\n    | \"attribute\"\n    | \"property\";\n\nexport interface Token {\n    kind: TokenKind;\n    value: string;\n}\n\n/** Languages the tokenizer knows. Anything else renders as plain text. */\nexport type CodeLanguage =\n    | \"typescript\"\n    | \"javascript\"\n    | \"tsx\"\n    | \"jsx\"\n    | \"json\"\n    | \"css\"\n    | \"html\"\n    | \"bash\"\n    | \"python\"\n    | \"sql\"\n    | \"plain\";\n\n/** Aliases people actually type, mapped onto the grammars above. */\nconst ALIASES: Record<string, CodeLanguage> = {\n    ts: \"typescript\",\n    typescript: \"typescript\",\n    js: \"javascript\",\n    javascript: \"javascript\",\n    mjs: \"javascript\",\n    cjs: \"javascript\",\n    tsx: \"tsx\",\n    jsx: \"jsx\",\n    json: \"json\",\n    jsonc: \"json\",\n    css: \"css\",\n    scss: \"css\",\n    html: \"html\",\n    xml: \"html\",\n    svg: \"html\",\n    sh: \"bash\",\n    bash: \"bash\",\n    shell: \"bash\",\n    zsh: \"bash\",\n    console: \"bash\",\n    py: \"python\",\n    python: \"python\",\n    sql: \"sql\",\n};\n\n/**\n * Normalise a language name onto a known grammar.\n *\n * @param language - Whatever the caller passed, e.g. `\"ts\"` or `\"Shell\"`.\n * @returns The grammar to use; `\"plain\"` when there is no match.\n */\nexport function resolveLanguage(language: string | undefined): CodeLanguage {\n    if (!language) return \"plain\";\n    return ALIASES[language.toLowerCase()] ?? \"plain\";\n}\n\n/** One grammar rule: a sticky pattern and the kind it produces. */\ninterface Rule {\n    kind: TokenKind;\n    pattern: RegExp;\n}\n\nconst JS_KEYWORDS =\n    \"as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|keyof|let|new|of|private|protected|public|readonly|return|satisfies|set|static|super|switch|this|throw|try|type|typeof|var|void|while|with|yield\";\n\nconst JS_LITERALS = \"true|false|null|undefined|NaN|Infinity\";\n\n/**\n * Rules per grammar, tried in order at each position.\n *\n * Order carries meaning: comments and strings come first so a keyword inside a\n * string stays a string. Every pattern is sticky (`y`) and anchored by\n * `lastIndex`, so a rule can only match where the scanner currently stands.\n *\n * Every string and comment pattern makes its closing delimiter **optional** —\n * `\"...\"?`, `/*...*?` / `<!--...--?` — so an unterminated opener is consumed as a\n * single token instead of failing and being rescanned from the next opener.\n * Without that, a `\"` followed by many escaped quotes was re-read to the end of\n * the input from each opening quote, quadratic in the input (#477).\n *\n * A well-formed string that closes on a later line stays one token where the\n * language allows the newline: bash, SQL, HTML and the JavaScript template\n * literal carry a raw `\\n`, and every grammar lets an escape cross the line feed\n * (`\\\\[\\s\\S]`), so `\"a\\` + LF + `b\"` is one string. A quote string that cannot\n * hold a raw newline — the JavaScript and JSON `\"`/`'`, CSS, the Python\n * `\"`/`'` — still ends at the line when it is unterminated, which is the only\n * case the optional close cuts at the line. A JSX attribute value is the\n * exception in the JavaScript family: `=\"…\"` has its own rule, ahead of the\n * plain JS strings, so it may hold a raw line feed — `<input placeholder=\"a` +\n * LF + `b\">` is one string where the plain JS rule would have ended it at the\n * line. The rule matches at the `=` and looks behind for it, so `=` keeps its\n * paint; `(?<==\\s)` covers the spaced `= \"…\"` form too.\n *\n * Each grammar also ends with a `plain` rule that consumes a run of identifier\n * characters in one step. The rules that need a lookahead — the JavaScript\n * `function`, the HTML `attribute`, the CSS `property` and `function`, the\n * Python `function` — match a whole run and then fail if the character after it\n * is not the expected one; with only `at++` to fall back on, the scanner retried\n * that run from every character in it. A code fence holding a long run of word\n * characters and no punctuation (a base64 blob, a minified token) took 6 s at\n * 80 KB and 25 s at 160 KB; the fallback consumes the run once, so the scan\n * stays linear (#477 sweep).\n *\n * The `plain` rule matches an identifier run while the scanner's fallback\n * collects whatever no rule matched, so one plain stretch arrives in pieces;\n * `tokenize` fuses adjacent `plain` tokens back into one, which is the array\n * shape — and the one span per run — that predates the fallback (#477).\n *\n * The JavaScript fallback does **not** start at `$` — it takes a `$` run and an\n * identifier run separately — so a leading `$type`, `$default` and `$this` keep\n * the `$` plain and the name a keyword. Inside an identifier the `$` is an\n * ordinary character, so `foo$this`, `a$true` and `x$1` are one `plain` token\n * instead of painting `this`, `true` and `1` out of them; the `'` string rule\n * carries the same boundary in a lookbehind, so an apostrophe in prose\n * (`Don't`) does not open a string that runs to the end of the input.\n *\n * The same boundary closes the JavaScript keyword, literal and number rules:\n * they end at `(?![\\w$])` rather than `\\b`, because `\\b` holds before a `$`, so\n * `if$foo` would paint `if` and leave the scanner standing on the `$` in the\n * middle of the identifier. The `function` rule only starts where no identifier\n * character precedes it (`(?<![\\w$])`). Without that lookbehind a rule that\n * stopped inside a run — the leading-`$` split above stops at every `$1` of\n * `$1$1$1…` — handed the rest of the run to `function`, which read it to the end\n * and failed for want of a `(`, once per `$`: 80 KB of `$1` took 2.8 s and\n * 120 KB of `if$` 4.2 s (#498). With both boundaries every rule that can start\n * inside a run fails at once or consumes a bounded piece of it, so each run is\n * read a constant number of times and `if$foo(`, `this$x(` and `true$y(` paint\n * as the one called identifier they are.\n *\n * The CSS `property` and `function` rules match a whole word where it stands —\n * `font-size` and `translate3d` paint as one token rather than splitting the\n * tail — and a `#rgb`/`#rrggbb` colour paints as a number. A word before a\n * colon only counts as a property when the colon starts a value boundary\n * (whitespace, `;`, `}`): after a `.`/`#`/`(`/`,`/`>`/`+`/`~`/`:` it is a\n * selector, and when the colon is followed by an identifier character it could\n * be a pseudo-class (`li:hover`) or a declaration with no space (`color:red`) —\n * neither can be told apart without a parser, so both stay `plain`, which is\n * what `origin/main` painted (`#477`).\n */\nconst GRAMMARS: Record<CodeLanguage, Rule[]> = {\n    typescript: jsRules(false),\n    javascript: jsRules(false),\n    tsx: jsRules(true),\n    jsx: jsRules(true),\n    json: [\n        { kind: \"property\", pattern: /\"(?:[^\"\\\\\\n]|\\\\[\\s\\S])*\"(?=\\s*:)/y },\n        { kind: \"string\", pattern: /\"(?:[^\"\\\\\\n]|\\\\[\\s\\S])*\"?/y },\n        { kind: \"number\", pattern: /-?\\d+(?:\\.\\d+)?(?:[eE][+-]?\\d+)?/y },\n        { kind: \"literal\", pattern: /\\b(?:true|false|null)\\b/y },\n        { kind: \"punctuation\", pattern: /[{}[\\],:]/y },\n    ],\n    css: [\n        { kind: \"comment\", pattern: /\\/\\*[\\s\\S]*?(?:\\*\\/|$)/y },\n        { kind: \"string\", pattern: /\"(?:[^\"\\\\\\n]|\\\\[\\s\\S])*\"?|'(?:[^'\\\\\\n]|\\\\[\\s\\S])*'?/y },\n        { kind: \"keyword\", pattern: /@[a-zA-Z-]+/y },\n        { kind: \"property\", pattern: /(?<![.#[\\](),>+~:])[\\w-]+(?=\\s*:(?![\\w/:]))/y },\n        { kind: \"function\", pattern: /[\\w-]+(?=\\()/y },\n        { kind: \"number\", pattern: /#[0-9a-fA-F]{3,8}\\b/y },\n        { kind: \"number\", pattern: /(?<![\\w-])-?\\d+(?:\\.\\d+)?(?:px|rem|em|%|s|ms|vh|vw|fr|deg)?/y },\n        { kind: \"punctuation\", pattern: /[{}();:,>+~]/y },\n        { kind: \"plain\", pattern: /[\\w-]+/y },\n    ],\n    html: [\n        { kind: \"comment\", pattern: /<!--[\\s\\S]*?(?:-->|$)/y },\n        { kind: \"string\", pattern: /\"(?:[^\"\\\\]|\\\\[\\s\\S])*\"?|'(?:[^'\\\\]|\\\\[\\s\\S])*'?/y },\n        { kind: \"tag\", pattern: /<\\/?[a-zA-Z][\\w:-]*/y },\n        { kind: \"attribute\", pattern: /[a-zA-Z][\\w:-]*(?==)/y },\n        { kind: \"punctuation\", pattern: /\\/?>|=/y },\n        { kind: \"plain\", pattern: /[a-zA-Z][\\w:-]*/y },\n    ],\n    bash: [\n        { kind: \"comment\", pattern: /#[^\\n]*/y },\n        { kind: \"string\", pattern: /\"(?:[^\"\\\\]|\\\\[\\s\\S])*\"?|'[^']*'?/y },\n        {\n            kind: \"keyword\",\n            pattern:\n                /\\b(?:if|then|else|elif|fi|for|while|do|done|case|esac|function|return|export|local|source|set|cd|echo)\\b/y,\n        },\n        { kind: \"property\", pattern: /\\$\\{?[A-Za-z_][\\w]*\\}?/y },\n        { kind: \"attribute\", pattern: /(?<=\\s)--?[a-zA-Z][\\w-]*/y },\n        { kind: \"punctuation\", pattern: /[|&;()<>]/y },\n    ],\n    python: [\n        { kind: \"comment\", pattern: /#[^\\n]*/y },\n        {\n            kind: \"string\",\n            pattern:\n                /\"\"\"[\\s\\S]*?(?:\"\"\"|$)|'''[\\s\\S]*?(?:'''|$)|\"(?:[^\"\\\\\\n]|\\\\[\\s\\S])*\"?|'(?:[^'\\\\\\n]|\\\\[\\s\\S])*'?/y,\n        },\n        {\n            kind: \"keyword\",\n            pattern:\n                /\\b(?:and|as|assert|async|await|break|class|continue|def|del|elif|else|except|finally|for|from|global|if|import|in|is|lambda|nonlocal|not|or|pass|raise|return|try|while|with|yield)\\b/y,\n        },\n        { kind: \"literal\", pattern: /\\b(?:True|False|None|self)\\b/y },\n        { kind: \"number\", pattern: /\\b\\d+(?:\\.\\d+)?\\b/y },\n        { kind: \"function\", pattern: /[A-Za-z_]\\w*(?=\\()/y },\n        { kind: \"punctuation\", pattern: /[{}[\\]().,:;=+\\-*/<>!]/y },\n        { kind: \"plain\", pattern: /[A-Za-z_]\\w*/y },\n    ],\n    sql: [\n        { kind: \"comment\", pattern: /--[^\\n]*|\\/\\*[\\s\\S]*?(?:\\*\\/|$)/y },\n        { kind: \"string\", pattern: /'(?:[^']|'')*'?/y },\n        {\n            kind: \"keyword\",\n            // Case-insensitive: SQL is written both ways and both should paint.\n            pattern:\n                /\\b(?:select|from|where|insert|into|values|update|set|delete|create|table|alter|drop|index|join|inner|left|right|outer|on|group|by|order|having|limit|offset|as|and|or|not|in|is|null|distinct|union|all|with|returning|primary|key|foreign|references|default)\\b/iy,\n        },\n        { kind: \"number\", pattern: /\\b\\d+(?:\\.\\d+)?\\b/y },\n        { kind: \"punctuation\", pattern: /[(),;*=<>]/y },\n    ],\n    plain: [],\n};\n\n/** The shared JavaScript-family rules, with JSX tags added for tsx/jsx. */\nfunction jsRules(withJsx: boolean): Rule[] {\n    const rules: Rule[] = [\n        { kind: \"comment\", pattern: /\\/\\/[^\\n]*|\\/\\*[\\s\\S]*?(?:\\*\\/|$)/y },\n        {\n            kind: \"string\",\n            pattern:\n                /`(?:[^`\\\\]|\\\\[\\s\\S])*`?|\"(?:[^\"\\\\\\n]|\\\\[\\s\\S])*\"?|(?<![\\w$])'(?:[^'\\\\\\n]|\\\\[\\s\\S])*'?/y,\n        },\n        { kind: \"keyword\", pattern: new RegExp(`\\\\b(?:${JS_KEYWORDS})(?![\\\\w$])`, \"y\") },\n        { kind: \"literal\", pattern: new RegExp(`\\\\b(?:${JS_LITERALS})(?![\\\\w$])`, \"y\") },\n        {\n            kind: \"number\",\n            pattern: /\\b(?:0[xX][\\da-fA-F_]+|\\d[\\d_]*(?:\\.[\\d_]+)?(?:[eE][+-]?\\d+)?)(?![\\w$])/y,\n        },\n        { kind: \"function\", pattern: /(?<![\\w$])[A-Za-z_$][\\w$]*(?=\\s*\\()/y },\n        { kind: \"punctuation\", pattern: /[{}[\\]().,;:?!=<>+\\-*/%&|^~]/y },\n        { kind: \"plain\", pattern: /(?:[A-Za-z_][\\w$]*|\\$+)/y },\n    ];\n    if (withJsx) {\n        rules.splice(\n            1,\n            0,\n            { kind: \"string\", pattern: /(?:(?<==)|(?<==\\s))\"[^\"]*\"?/y },\n            { kind: \"string\", pattern: /(?:(?<==)|(?<==\\s))'[^']*'?/y },\n        );\n        rules.splice(4, 0, { kind: \"tag\", pattern: /<\\/?[A-Za-z][\\w.]*|\\/>/y });\n    }\n    return rules;\n}\n\n/**\n * Split source into coloured tokens.\n *\n * This is a **scanner, not a parser**: it recognises comments, strings, numbers,\n * keywords and punctuation by pattern, and knows nothing about scope, types or\n * grammar. That is a deliberate ceiling. A real parser per language is a\n * dependency the size of the rest of the SDK, and the payoff — being right about\n * the corner cases in a documentation snippet — is small. Where it is unsure it\n * emits `plain`, which renders as ordinary text rather than as something wrong.\n *\n * Unknown languages produce a single `plain` token, so an unhighlighted block is\n * a normal outcome and never an error.\n *\n * The scan is linear in the source: an unterminated string or comment becomes a\n * single token that runs to its close, or to the end of the input — or, for a\n * quote that cannot hold a newline and never closes, to the end of the line — so\n * the openers inside it are never rescanned (#477).\n *\n * @param code - The source.\n * @param language - Grammar name or alias.\n * @returns Tokens covering the input exactly, in order.\n *\n * @example\n * tokenize(\"const x = 1;\", \"ts\");\n * // [{kind: \"keyword\", value: \"const\"}, {kind: \"plain\", value: \" \"}, …]\n */\nexport function tokenize(code: string, language: string | undefined): Token[] {\n    const rules = GRAMMARS[resolveLanguage(language)];\n    if (rules.length === 0) return code === \"\" ? [] : [{ kind: \"plain\", value: code }];\n\n    const tokens: Token[] = [];\n    let plainFrom = 0;\n    let at = 0;\n\n    /**\n     * Append a token, fusing it with the previous one when both are `plain`.\n     *\n     * The `plain` rule matches an identifier run while the scanner's fallback\n     * collects the characters no rule matched, so one plain stretch of source\n     * arrives in pieces. Fusing them keeps the array shape `origin/main`\n     * produced, where a plain run was a single token and each got one span in\n     * the DOM rather than one per identifier (#477).\n     */\n    const push = (token: Token) => {\n        const last = tokens[tokens.length - 1];\n        if (last && last.kind === \"plain\" && token.kind === \"plain\") {\n            last.value += token.value;\n        } else {\n            tokens.push(token);\n        }\n    };\n\n    const flushPlain = (until: number) => {\n        if (until > plainFrom) push({ kind: \"plain\", value: code.slice(plainFrom, until) });\n    };\n\n    while (at < code.length) {\n        let matched: Token | null = null;\n        for (const rule of rules) {\n            rule.pattern.lastIndex = at;\n            const found = rule.pattern.exec(code);\n            if (found && found[0].length > 0) {\n                matched = { kind: rule.kind, value: found[0] };\n                break;\n            }\n        }\n        if (matched) {\n            flushPlain(at);\n            push(matched);\n            at += matched.value.length;\n            plainFrom = at;\n        } else {\n            at++;\n        }\n    }\n    flushPlain(code.length);\n    return tokens;\n}\n\n/**\n * The same tokens, split at newlines so each line can be rendered on its own.\n *\n * Line numbers and highlighted lines both need a per-line structure, and a token\n * is free to span a line break — a block comment usually does. Splitting here\n * keeps that out of the component.\n *\n * @param code - The source.\n * @param language - Grammar name or alias.\n * @returns One token array per line. Always at least one line.\n */\nexport function tokenizeLines(code: string, language: string | undefined): Token[][] {\n    const lines: Token[][] = [[]];\n    for (const token of tokenize(code, language)) {\n        const pieces = token.value.split(\"\\n\");\n        pieces.forEach((piece, index) => {\n            if (index > 0) lines.push([]);\n            if (piece !== \"\") lines[lines.length - 1].push({ kind: token.kind, value: piece });\n        });\n    }\n    return lines;\n}\n"],"mappings":"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"}

package/dist/components/Collapsible/Collapsible.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Collapsible.cjs","names":[],"sources":["../../../src/components/Collapsible/Collapsible.tsx"],"sourcesContent":["import { useCallback, useId, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Collapsible.module.css\";\n\nexport interface CollapsibleProps extends HTMLAttributes<HTMLDivElement> {\n    /** Controlled open state. When provided the component is controlled. */\n    open?: boolean;\n    /** Initial open state for the uncontrolled variant. Default `false`. */\n    defaultOpen?: boolean;\n    /** Fired with the next open state whenever the trigger is activated. */\n    onOpenChange?: (open: boolean) => void;\n    /** Content rendered inside the trigger button. */\n    trigger: ReactNode;\n    /** Collapsible content, hidden while closed. */\n    children: ReactNode;\n}\n\n/**\n * A single expand/collapse region — a lighter alternative to `Accordion` for\n * one toggleable block. The trigger is a `<button aria-expanded aria-controls>`\n * wired to a content region sharing the same id; the region is `hidden` while\n * closed. Works controlled (`open` + `onOpenChange`) or uncontrolled\n * (`defaultOpen`).\n *\n * @param props - {@link CollapsibleProps}.\n * @returns The collapsible container.\n */\nexport function Collapsible({\n    open,\n    defaultOpen = false,\n    onOpenChange,\n    trigger,\n    className,\n    children,\n    ...props\n}: CollapsibleProps) {\n    const reactId = useId();\n    const contentId = `${reactId}-content`;\n    const triggerId = `${reactId}-trigger`;\n\n    const isControlled = open !== undefined;\n    const [internalOpen, setInternalOpen] = useState<boolean>(defaultOpen);\n    const isOpen = isControlled ? open : internalOpen;\n\n    const handleToggle = useCallback((): void => {\n        const next = !isOpen;\n        if (!isControlled) setInternalOpen(next);\n        onOpenChange?.(next);\n    }, [isOpen, isControlled, onOpenChange]);\n\n    return (\n        <div className={cn(styles.collapsible, className)} {...props}>\n            <button\n                type=\"button\"\n                id={triggerId}\n                className={styles.trigger}\n                aria-expanded={isOpen}\n                aria-controls={contentId}\n                onClick={handleToggle}\n            >\n                {trigger}\n            </button>\n            <div\n                id={contentId}\n                role=\"region\"\n                aria-labelledby={triggerId}\n                hidden={!isOpen}\n                className={styles.content}\n            >\n                {children}\n            </div>\n        </div>\n    );\n}\n"],"mappings":"kIA4BA,SAAgB,EAAY,CACxB,OACA,cAAc,GACd,eACA,UACA,YACA,WACA,GAAG,GACc,CACjB,IAAM,GAAA,EAAU,EAAA,MAAA,CAAM,EAChB,EAAY,GAAG,EAAQ,UACvB,EAAY,GAAG,EAAQ,UAEvB,EAAe,IAAS,IAAA,GACxB,CAAC,EAAc,IAAA,EAAmB,EAAA,SAAA,CAAkB,CAAW,EAC/D,EAAS,EAAe,EAAO,EAE/B,GAAA,EAAe,EAAA,YAAA,KAAwB,CACzC,IAAM,EAAO,CAAC,EACT,GAAc,EAAgB,CAAI,EACvC,IAAe,CAAI,CACvB,EAAG,CAAC,EAAQ,EAAc,CAAY,CAAC,EAEvC,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,YAAa,CAAS,EAAG,GAAI,EAAvD,SAAA,EACI,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,GAAI,EACJ,UAAW,EAAA,QAAO,QAClB,gBAAe,EACf,gBAAe,EACf,QAAS,EAER,SAAA,CACG,CAAA,GACR,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,GAAI,EACJ,KAAK,SACL,kBAAiB,EACjB,OAAQ,CAAC,EACT,UAAW,EAAA,QAAO,QAEjB,UACA,CAAA,CACJ,GAEb"}
+{"version":3,"file":"Collapsible.cjs","names":["useId","useState","useCallback","cn","styles","require_cn","require_Collapsible_module","react","react_jsx_runtime","Collapsible","props","reactId","contentId","triggerId","isControlled","open","internalOpen","setInternalOpen","defaultOpen","isOpen","handleToggle","next","onOpenChange","className","trigger"],"sources":["../../../src/components/Collapsible/Collapsible.tsx"],"sourcesContent":["import { useCallback, useId, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Collapsible.module.css\";\n\nexport interface CollapsibleProps extends HTMLAttributes<HTMLDivElement> {\n    /** Controlled open state. When provided the component is controlled. */\n    open?: boolean;\n    /** Initial open state for the uncontrolled variant. Default `false`. */\n    defaultOpen?: boolean;\n    /** Fired with the next open state whenever the trigger is activated. */\n    onOpenChange?: (open: boolean) => void;\n    /** Content rendered inside the trigger button. */\n    trigger: ReactNode;\n    /** Collapsible content, hidden while closed. */\n    children: ReactNode;\n}\n\n/**\n * A single expand/collapse region — a lighter alternative to `Accordion` for\n * one toggleable block. The trigger is a `<button aria-expanded aria-controls>`\n * wired to a content region sharing the same id; the region is `hidden` while\n * closed. Works controlled (`open` + `onOpenChange`) or uncontrolled\n * (`defaultOpen`).\n *\n * @param props - {@link CollapsibleProps}.\n * @returns The collapsible container.\n */\nexport function Collapsible({\n    open,\n    defaultOpen = false,\n    onOpenChange,\n    trigger,\n    className,\n    children,\n    ...props\n}: CollapsibleProps) {\n    const reactId = useId();\n    const contentId = `${reactId}-content`;\n    const triggerId = `${reactId}-trigger`;\n\n    const isControlled = open !== undefined;\n    const [internalOpen, setInternalOpen] = useState<boolean>(defaultOpen);\n    const isOpen = isControlled ? open : internalOpen;\n\n    const handleToggle = useCallback((): void => {\n        const next = !isOpen;\n        if (!isControlled) setInternalOpen(next);\n        onOpenChange?.(next);\n    }, [isOpen, isControlled, onOpenChange]);\n\n    return (\n        <div className={cn(styles.collapsible, className)} {...props}>\n            <button\n                type=\"button\"\n                id={triggerId}\n                className={styles.trigger}\n                aria-expanded={isOpen}\n                aria-controls={contentId}\n                onClick={handleToggle}\n            >\n                {trigger}\n            </button>\n            <div\n                id={contentId}\n                role=\"region\"\n                aria-labelledby={triggerId}\n                hidden={!isOpen}\n                className={styles.content}\n            >\n                {children}\n            </div>\n        </div>\n    );\n}\n"],"mappings":"A,kIA4BA,SAAgBS,EAAY,CACxB,OACA,cAAc,GACd,eACA,UACA,YACA,WACA,GAAGC,GACc,CACjB,IAAMC,GAAA,EAAUX,EAAAA,MAAAA,CAAM,EAChBY,EAAY,GAAGD,EAAQ,UACvBE,EAAY,GAAGF,EAAQ,UAEvBG,EAAeC,IAAS,IAAA,GACxB,CAACC,EAAcC,IAAA,EAAmBhB,EAAAA,SAAAA,CAAkBiB,CAAW,EAC/DC,EAASL,EAAeC,EAAOC,EAE/BI,GAAA,EAAelB,EAAAA,YAAAA,KAAwB,CACzC,IAAMmB,EAAO,CAACF,EACTL,GAAcG,EAAgBI,CAAI,EACvCC,IAAeD,CAAI,CACvB,EAAG,CAACF,EAAQL,EAAcQ,CAAY,CAAC,EAEvC,OACI,EAAAd,EAAA,KAAA,CAAC,MAAD,CAAK,UAAWL,EAAAA,GAAGC,EAAAA,QAAO,YAAamB,CAAS,EAAG,GAAIb,EAAvD,SAAA,EACI,EAAAF,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,GAAIK,EACJ,UAAWT,EAAAA,QAAO,QAClB,gBAAee,EACf,gBAAeP,EACf,QAASQ,EAER,SAAAI,CACG,CAAA,GACR,EAAAhB,EAAA,IAAA,CAAC,MAAD,CACI,GAAII,EACJ,KAAK,SACL,kBAAiBC,EACjB,OAAQ,CAACM,EACT,UAAWf,EAAAA,QAAO,QAEjB,UACA,CAAA,CACJ,C,EAEb,C"}

package/dist/components/Collapsible/Collapsible.js.map

@@ -1 +1 @@
-{"version":3,"file":"Collapsible.js","names":[],"sources":["../../../src/components/Collapsible/Collapsible.tsx"],"sourcesContent":["import { useCallback, useId, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Collapsible.module.css\";\n\nexport interface CollapsibleProps extends HTMLAttributes<HTMLDivElement> {\n    /** Controlled open state. When provided the component is controlled. */\n    open?: boolean;\n    /** Initial open state for the uncontrolled variant. Default `false`. */\n    defaultOpen?: boolean;\n    /** Fired with the next open state whenever the trigger is activated. */\n    onOpenChange?: (open: boolean) => void;\n    /** Content rendered inside the trigger button. */\n    trigger: ReactNode;\n    /** Collapsible content, hidden while closed. */\n    children: ReactNode;\n}\n\n/**\n * A single expand/collapse region — a lighter alternative to `Accordion` for\n * one toggleable block. The trigger is a `<button aria-expanded aria-controls>`\n * wired to a content region sharing the same id; the region is `hidden` while\n * closed. Works controlled (`open` + `onOpenChange`) or uncontrolled\n * (`defaultOpen`).\n *\n * @param props - {@link CollapsibleProps}.\n * @returns The collapsible container.\n */\nexport function Collapsible({\n    open,\n    defaultOpen = false,\n    onOpenChange,\n    trigger,\n    className,\n    children,\n    ...props\n}: CollapsibleProps) {\n    const reactId = useId();\n    const contentId = `${reactId}-content`;\n    const triggerId = `${reactId}-trigger`;\n\n    const isControlled = open !== undefined;\n    const [internalOpen, setInternalOpen] = useState<boolean>(defaultOpen);\n    const isOpen = isControlled ? open : internalOpen;\n\n    const handleToggle = useCallback((): void => {\n        const next = !isOpen;\n        if (!isControlled) setInternalOpen(next);\n        onOpenChange?.(next);\n    }, [isOpen, isControlled, onOpenChange]);\n\n    return (\n        <div className={cn(styles.collapsible, className)} {...props}>\n            <button\n                type=\"button\"\n                id={triggerId}\n                className={styles.trigger}\n                aria-expanded={isOpen}\n                aria-controls={contentId}\n                onClick={handleToggle}\n            >\n                {trigger}\n            </button>\n            <div\n                id={contentId}\n                role=\"region\"\n                aria-labelledby={triggerId}\n                hidden={!isOpen}\n                className={styles.content}\n            >\n                {children}\n            </div>\n        </div>\n    );\n}\n"],"mappings":";;;;;AA4BA,SAAgB,EAAY,EACxB,SACA,iBAAc,IACd,iBACA,YACA,cACA,aACA,GAAG,KACc;CACjB,IAAM,IAAU,EAAM,GAChB,IAAY,GAAG,EAAQ,WACvB,IAAY,GAAG,EAAQ,WAEvB,IAAe,MAAS,KAAA,GACxB,CAAC,GAAc,KAAmB,EAAkB,CAAW,GAC/D,IAAS,IAAe,IAAO,GAE/B,IAAe,QAAwB;EACzC,IAAM,IAAO,CAAC;EAEd,AADK,KAAc,EAAgB,CAAI,GACvC,IAAe,CAAI;CACvB,GAAG;EAAC;EAAQ;EAAc;CAAY,CAAC;CAEvC,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,aAAa,CAAS;EAAG,GAAI;EAAvD,UAAA,CACI,kBAAC,UAAD;GACI,MAAK;GACL,IAAI;GACJ,WAAW,EAAO;GAClB,iBAAe;GACf,iBAAe;GACf,SAAS;GAER,UAAA;EACG,CAAA,GACR,kBAAC,OAAD;GACI,IAAI;GACJ,MAAK;GACL,mBAAiB;GACjB,QAAQ,CAAC;GACT,WAAW,EAAO;GAEjB;EACA,CAAA,CACJ;;AAEb"}
+{"version":3,"file":"Collapsible.js","names":["styles","Collapsible_module_default","Collapsible","props","reactId","useId","contentId","triggerId","isControlled","open","internalOpen","setInternalOpen","useState","defaultOpen","isOpen","handleToggle","useCallback","next","onOpenChange","cn","className","trigger"],"sources":["../../../src/components/Collapsible/Collapsible.tsx"],"sourcesContent":["import { useCallback, useId, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Collapsible.module.css\";\n\nexport interface CollapsibleProps extends HTMLAttributes<HTMLDivElement> {\n    /** Controlled open state. When provided the component is controlled. */\n    open?: boolean;\n    /** Initial open state for the uncontrolled variant. Default `false`. */\n    defaultOpen?: boolean;\n    /** Fired with the next open state whenever the trigger is activated. */\n    onOpenChange?: (open: boolean) => void;\n    /** Content rendered inside the trigger button. */\n    trigger: ReactNode;\n    /** Collapsible content, hidden while closed. */\n    children: ReactNode;\n}\n\n/**\n * A single expand/collapse region — a lighter alternative to `Accordion` for\n * one toggleable block. The trigger is a `<button aria-expanded aria-controls>`\n * wired to a content region sharing the same id; the region is `hidden` while\n * closed. Works controlled (`open` + `onOpenChange`) or uncontrolled\n * (`defaultOpen`).\n *\n * @param props - {@link CollapsibleProps}.\n * @returns The collapsible container.\n */\nexport function Collapsible({\n    open,\n    defaultOpen = false,\n    onOpenChange,\n    trigger,\n    className,\n    children,\n    ...props\n}: CollapsibleProps) {\n    const reactId = useId();\n    const contentId = `${reactId}-content`;\n    const triggerId = `${reactId}-trigger`;\n\n    const isControlled = open !== undefined;\n    const [internalOpen, setInternalOpen] = useState<boolean>(defaultOpen);\n    const isOpen = isControlled ? open : internalOpen;\n\n    const handleToggle = useCallback((): void => {\n        const next = !isOpen;\n        if (!isControlled) setInternalOpen(next);\n        onOpenChange?.(next);\n    }, [isOpen, isControlled, onOpenChange]);\n\n    return (\n        <div className={cn(styles.collapsible, className)} {...props}>\n            <button\n                type=\"button\"\n                id={triggerId}\n                className={styles.trigger}\n                aria-expanded={isOpen}\n                aria-controls={contentId}\n                onClick={handleToggle}\n            >\n                {trigger}\n            </button>\n            <div\n                id={contentId}\n                role=\"region\"\n                aria-labelledby={triggerId}\n                hidden={!isOpen}\n                className={styles.content}\n            >\n                {children}\n            </div>\n        </div>\n    );\n}\n"],"mappings":";;;;;AA4BA,SAAgBE,EAAY,EACxB,SACA,iBAAc,IACd,iBACA,YACA,cACA,aACA,GAAGC,KACc;CACjB,IAAMC,IAAUC,EAAM,GAChBC,IAAY,GAAGF,EAAQ,WACvBG,IAAY,GAAGH,EAAQ,WAEvBI,IAAeC,MAAS,KAAA,GACxB,CAACC,GAAcC,KAAmBC,EAAkBC,CAAW,GAC/DC,IAASN,IAAeC,IAAOC,GAE/BK,IAAeC,QAAwB;EACzC,IAAMC,IAAO,CAACH;EAEd,AADKN,KAAcG,EAAgBM,CAAI,GACvCC,IAAeD,CAAI;CACvB,GAAG;EAACH;EAAQN;EAAcU;CAAY,CAAC;CAEvC,OACI,kBAAC,OAAD;EAAK,WAAWC,EAAGnB,EAAO,aAAaoB,CAAS;EAAG,GAAIjB;EAAvD,UAAA,CACI,kBAAC,UAAD;GACI,MAAK;GACL,IAAII;GACJ,WAAWP,EAAO;GAClB,iBAAec;GACf,iBAAeR;GACf,SAASS;GAER,UAAAM;EACG,CAAA,GACR,kBAAC,OAAD;GACI,IAAIf;GACJ,MAAK;GACL,mBAAiBC;GACjB,QAAQ,CAACO;GACT,WAAWd,EAAO;GAEjB;EACA,CAAA,CACJ;;AAEb"}

package/dist/components/Collapsible/Collapsible.module.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Collapsible.module.cjs","names":[],"sources":["../../../src/components/Collapsible/Collapsible.module.css"],"sourcesContent":[".collapsible {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n}\n\n.trigger {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    background: none;\n    border: none;\n    text-align: left;\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n    cursor: pointer;\n    border-radius: var(--tempest-radius-md);\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .trigger:hover {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.trigger:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n}\n\n.content {\n    padding: var(--tempest-space-2) var(--tempest-space-3) var(--tempest-space-3);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-normal);\n}\n"],"mappings":";"}
+{"version":3,"file":"Collapsible.module.cjs","names":["collapsible","trigger","content","Collapsible_module_default"],"sources":["../../../src/components/Collapsible/Collapsible.module.css"],"sourcesContent":[".collapsible {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n}\n\n.trigger {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    background: none;\n    border: none;\n    text-align: left;\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n    cursor: pointer;\n    border-radius: var(--tempest-radius-md);\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .trigger:hover {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.trigger:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n}\n\n.content {\n    padding: var(--tempest-space-2) var(--tempest-space-3) var(--tempest-space-3);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-normal);\n}\n"],"mappings":";"}

package/dist/components/Collapsible/Collapsible.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"Collapsible.module.js","names":[],"sources":["../../../src/components/Collapsible/Collapsible.module.css"],"sourcesContent":[".collapsible {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n}\n\n.trigger {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    background: none;\n    border: none;\n    text-align: left;\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n    cursor: pointer;\n    border-radius: var(--tempest-radius-md);\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .trigger:hover {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.trigger:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n}\n\n.content {\n    padding: var(--tempest-space-2) var(--tempest-space-3) var(--tempest-space-3);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-normal);\n}\n"],"mappings":";"}
+{"version":3,"file":"Collapsible.module.js","names":["collapsible","trigger","content","Collapsible_module_default"],"sources":["../../../src/components/Collapsible/Collapsible.module.css"],"sourcesContent":[".collapsible {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n}\n\n.trigger {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    background: none;\n    border: none;\n    text-align: left;\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n    cursor: pointer;\n    border-radius: var(--tempest-radius-md);\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .trigger:hover {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.trigger:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n}\n\n.content {\n    padding: var(--tempest-space-2) var(--tempest-space-3) var(--tempest-space-3);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-normal);\n}\n"],"mappings":";"}

package/dist/components/Combobox/Combobox.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.cjs","names":[],"sources":["../../../src/components/Combobox/Combobox.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, props-count, function-lines — options/value/onChange\n * plus the shared field contract (label, placeholder, helperText, error, disabled,\n * className) and the combobox-specific knobs: filter, emptyMessage, portal. The body\n * is the listbox — open state, active descendant, type-ahead and the ARIA wiring —\n * and those cannot be separated without passing the same active index back and\n * forth.\n */\nimport { useCallback, useId, useMemo, useRef, useState } from \"react\";\nimport { Portal } from \"@/components/Portal\";\nimport { useAnchorPosition } from \"@/components/Portal/anchor-position\";\nimport { CaretIcon } from \"@/components/Select/CaretIcon\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Combobox.module.css\";\nimport { useListboxDismiss } from \"./use-listbox-dismiss\";\n\nexport interface ComboboxOption {\n    value: string;\n    label: string;\n    disabled?: boolean;\n}\n\nexport interface ComboboxProps {\n    options: ComboboxOption[];\n    value: string;\n    onChange: (value: string) => void;\n    label?: string;\n    placeholder?: string;\n    helperText?: string;\n    error?: string;\n    disabled?: boolean;\n    /** Custom filter — return true to keep the option. Default is case-insensitive substring match on label. */\n    filter?: (option: ComboboxOption, query: string) => boolean;\n    /** Message shown when no option matches. */\n    emptyMessage?: string;\n    /**\n     * Render the list in a portal, positioned under the field. Default `true`.\n     *\n     * In flow, an ancestor with `overflow` other than `visible` clips the list —\n     * in the last row of a `DataTable` none of it was visible (measured in Chrome\n     * at 1440 px). In a portal it escapes the clip, takes the field's width,\n     * flips above the field when there is no room below, and follows it on\n     * scroll, resize and when the field or the list changes size.\n     */\n    portal?: boolean;\n    className?: string;\n}\n\n/** Gap between field and list, in px — the in-flow CSS uses the same 4 px. */\nconst LIST_OFFSET = 4;\n\nfunction defaultFilter(option: ComboboxOption, query: string): boolean {\n    if (!query) return true;\n    return option.label.toLowerCase().includes(query.toLowerCase());\n}\n\n/**\n * Combobox — text input with a filterable dropdown of options.\n *\n * Selecting an option fires `onChange(value)`. Typing filters the list.\n * Keyboard: ArrowUp/ArrowDown to navigate — the active option is announced\n * through `aria-activedescendant`, focus stays on the input — Enter to select,\n * Esc to close, and Tab/Shift+Tab leave the field closing the list.\n */\nexport function Combobox({\n    options,\n    value,\n    onChange,\n    label,\n    placeholder = \"Selecione\",\n    helperText,\n    error,\n    disabled,\n    filter = defaultFilter,\n    emptyMessage = \"Nenhuma opção encontrada\",\n    portal = true,\n    className,\n}: ComboboxProps) {\n    const id = useId();\n    const rootRef = useRef<HTMLDivElement>(null);\n    const inputRef = useRef<HTMLInputElement>(null);\n    const [open, setOpen] = useState(false);\n    const [query, setQuery] = useState(\"\");\n    const [activeIndex, setActiveIndex] = useState(0);\n    const [fieldNode, setFieldNode] = useState<HTMLDivElement | null>(null);\n    const [listNode, setListNode] = useState<HTMLUListElement | null>(null);\n    const floatingStyle = useAnchorPosition({\n        anchor: fieldNode,\n        floating: listNode,\n        side: \"bottom\",\n        align: \"start\",\n        offset: LIST_OFFSET,\n        enabled: portal && open,\n        matchWidth: true,\n    });\n\n    const selectedLabel = useMemo(\n        () => options.find((o) => o.value === value)?.label ?? \"\",\n        [options, value],\n    );\n\n    const filtered = useMemo(\n        () => options.filter((o) => filter(o, query)),\n        [options, filter, query],\n    );\n\n    const closeAndReset = useCallback((): void => {\n        setOpen(false);\n        setQuery(\"\");\n        setActiveIndex(0);\n    }, []);\n\n    const handleSelect = useCallback(\n        (option: ComboboxOption): void => {\n            if (option.disabled) return;\n            onChange(option.value);\n            closeAndReset();\n        },\n        [onChange, closeAndReset],\n    );\n\n    const { onInputBlur, onListMouseDown } = useListboxDismiss({\n        open,\n        rootRef,\n        listNode,\n        onDismiss: closeAndReset,\n    });\n    const optionId = (index: number): string => `${id}-option-${index}`;\n    const activeOption = open ? filtered[activeIndex] : undefined;\n\n    /**\n     * Keyboard model of the input.\n     *\n     * `Escape` calls `preventDefault()` only while the list is open: that marks the\n     * key as consumed, so an enclosing `Modal` or `Drawer` stays open and the next\n     * `Escape` reaches it. With the list closed the key is left alone and dismisses\n     * the enclosing layer, as the user expects.\n     */\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\n        if (event.key === \"ArrowDown\") {\n            event.preventDefault();\n            setOpen(true);\n            setActiveIndex((current) => Math.min(filtered.length - 1, current + 1));\n        } else if (event.key === \"ArrowUp\") {\n            event.preventDefault();\n            setActiveIndex((current) => Math.max(0, current - 1));\n        } else if (event.key === \"Enter\") {\n            event.preventDefault();\n            const option = filtered[activeIndex];\n            if (option) handleSelect(option);\n        } else if (event.key === \"Escape\") {\n            if (open) event.preventDefault();\n            closeAndReset();\n        }\n    };\n\n    const list = (\n        <ul\n            ref={setListNode}\n            id={`${id}-listbox`}\n            role=\"listbox\"\n            className={cn(styles.menu, portal && styles.portalled)}\n            style={floatingStyle}\n            onMouseDown={onListMouseDown}\n        >\n            {filtered.length === 0 ? (\n                <li className={styles.empty}>{emptyMessage}</li>\n            ) : (\n                filtered.map((option, index) => (\n                    <li\n                        key={option.value}\n                        id={optionId(index)}\n                        role=\"option\"\n                        aria-selected={option.value === value}\n                        className={cn(\n                            styles.option,\n                            index === activeIndex && styles.active,\n                            option.value === value && styles.selected,\n                        )}\n                        onMouseEnter={() => setActiveIndex(index)}\n                        onMouseDown={() => handleSelect(option)}\n                    >\n                        {option.label}\n                    </li>\n                ))\n            )}\n        </ul>\n    );\n\n    return (\n        <div ref={rootRef} className={cn(styles.wrapper, error && styles.error, className)}>\n            {label && (\n                <label htmlFor={id} className={styles.label}>\n                    {label}\n                </label>\n            )}\n            <div ref={setFieldNode} className={styles.field}>\n                <input\n                    id={id}\n                    ref={inputRef}\n                    type=\"text\"\n                    role=\"combobox\"\n                    aria-expanded={open}\n                    aria-controls={`${id}-listbox`}\n                    aria-autocomplete=\"list\"\n                    aria-activedescendant={activeOption ? optionId(activeIndex) : undefined}\n                    className={styles.input}\n                    placeholder={placeholder}\n                    disabled={disabled}\n                    value={open ? query : selectedLabel}\n                    onFocus={() => setOpen(true)}\n                    onChange={(event) => {\n                        setQuery(event.target.value);\n                        setOpen(true);\n                        setActiveIndex(0);\n                    }}\n                    onKeyDown={handleKeyDown}\n                    onBlur={onInputBlur}\n                />\n                <span className={styles.caret} aria-hidden>\n                    <CaretIcon />\n                </span>\n            </div>\n            {open && (portal ? <Portal>{list}</Portal> : list)}\n            {error ? (\n                <span className={styles.errorText}>{error}</span>\n            ) : helperText ? (\n                <span className={styles.helper}>{helperText}</span>\n            ) : null}\n        </div>\n    );\n}\n"],"mappings":"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"}
+{"version":3,"file":"Combobox.cjs","names":["useId","useRef","useState","useAnchorPosition","useMemo","useCallback","useListboxDismiss","cn","styles","CaretIcon","Portal","require_cn","require_Portal","require_anchor_position","require_CaretIcon","require_Combobox_module","require_use_listbox_dismiss","react","react_jsx_runtime","LIST_OFFSET","defaultFilter","query","option","Combobox","id","rootRef","inputRef","open","setOpen","setQuery","activeIndex","setActiveIndex","fieldNode","setFieldNode","listNode","setListNode","floatingStyle","portal","selectedLabel","options","o","value","filtered","filter","closeAndReset","handleSelect","onChange","optionId","index","activeOption","handleKeyDown","event","current","list","onListMouseDown","emptyMessage","error","className","label","onInputBlur","helperText"],"sources":["../../../src/components/Combobox/Combobox.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, props-count, function-lines — options/value/onChange\n * plus the shared field contract (label, placeholder, helperText, error, disabled,\n * className) and the combobox-specific knobs: filter, emptyMessage, portal. The body\n * is the listbox — open state, active descendant, type-ahead and the ARIA wiring —\n * and those cannot be separated without passing the same active index back and\n * forth.\n */\nimport { useCallback, useId, useMemo, useRef, useState } from \"react\";\nimport { Portal } from \"@/components/Portal\";\nimport { useAnchorPosition } from \"@/components/Portal/anchor-position\";\nimport { CaretIcon } from \"@/components/Select/CaretIcon\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Combobox.module.css\";\nimport { useListboxDismiss } from \"./use-listbox-dismiss\";\n\nexport interface ComboboxOption {\n    value: string;\n    label: string;\n    disabled?: boolean;\n}\n\nexport interface ComboboxProps {\n    options: ComboboxOption[];\n    value: string;\n    onChange: (value: string) => void;\n    label?: string;\n    placeholder?: string;\n    helperText?: string;\n    error?: string;\n    disabled?: boolean;\n    /** Custom filter — return true to keep the option. Default is case-insensitive substring match on label. */\n    filter?: (option: ComboboxOption, query: string) => boolean;\n    /** Message shown when no option matches. */\n    emptyMessage?: string;\n    /**\n     * Render the list in a portal, positioned under the field. Default `true`.\n     *\n     * In flow, an ancestor with `overflow` other than `visible` clips the list —\n     * in the last row of a `DataTable` none of it was visible (measured in Chrome\n     * at 1440 px). In a portal it escapes the clip, takes the field's width,\n     * flips above the field when there is no room below, and follows it on\n     * scroll, resize and when the field or the list changes size.\n     */\n    portal?: boolean;\n    className?: string;\n}\n\n/** Gap between field and list, in px — the in-flow CSS uses the same 4 px. */\nconst LIST_OFFSET = 4;\n\nfunction defaultFilter(option: ComboboxOption, query: string): boolean {\n    if (!query) return true;\n    return option.label.toLowerCase().includes(query.toLowerCase());\n}\n\n/**\n * Combobox — text input with a filterable dropdown of options.\n *\n * Selecting an option fires `onChange(value)`. Typing filters the list.\n * Keyboard: ArrowUp/ArrowDown to navigate — the active option is announced\n * through `aria-activedescendant`, focus stays on the input — Enter to select,\n * Esc to close, and Tab/Shift+Tab leave the field closing the list.\n */\nexport function Combobox({\n    options,\n    value,\n    onChange,\n    label,\n    placeholder = \"Selecione\",\n    helperText,\n    error,\n    disabled,\n    filter = defaultFilter,\n    emptyMessage = \"Nenhuma opção encontrada\",\n    portal = true,\n    className,\n}: ComboboxProps) {\n    const id = useId();\n    const rootRef = useRef<HTMLDivElement>(null);\n    const inputRef = useRef<HTMLInputElement>(null);\n    const [open, setOpen] = useState(false);\n    const [query, setQuery] = useState(\"\");\n    const [activeIndex, setActiveIndex] = useState(0);\n    const [fieldNode, setFieldNode] = useState<HTMLDivElement | null>(null);\n    const [listNode, setListNode] = useState<HTMLUListElement | null>(null);\n    const floatingStyle = useAnchorPosition({\n        anchor: fieldNode,\n        floating: listNode,\n        side: \"bottom\",\n        align: \"start\",\n        offset: LIST_OFFSET,\n        enabled: portal && open,\n        matchWidth: true,\n    });\n\n    const selectedLabel = useMemo(\n        () => options.find((o) => o.value === value)?.label ?? \"\",\n        [options, value],\n    );\n\n    const filtered = useMemo(\n        () => options.filter((o) => filter(o, query)),\n        [options, filter, query],\n    );\n\n    const closeAndReset = useCallback((): void => {\n        setOpen(false);\n        setQuery(\"\");\n        setActiveIndex(0);\n    }, []);\n\n    const handleSelect = useCallback(\n        (option: ComboboxOption): void => {\n            if (option.disabled) return;\n            onChange(option.value);\n            closeAndReset();\n        },\n        [onChange, closeAndReset],\n    );\n\n    const { onInputBlur, onListMouseDown } = useListboxDismiss({\n        open,\n        rootRef,\n        listNode,\n        onDismiss: closeAndReset,\n    });\n    const optionId = (index: number): string => `${id}-option-${index}`;\n    const activeOption = open ? filtered[activeIndex] : undefined;\n\n    /**\n     * Keyboard model of the input.\n     *\n     * `Escape` calls `preventDefault()` only while the list is open: that marks the\n     * key as consumed, so an enclosing `Modal` or `Drawer` stays open and the next\n     * `Escape` reaches it. With the list closed the key is left alone and dismisses\n     * the enclosing layer, as the user expects.\n     */\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\n        if (event.key === \"ArrowDown\") {\n            event.preventDefault();\n            setOpen(true);\n            setActiveIndex((current) => Math.min(filtered.length - 1, current + 1));\n        } else if (event.key === \"ArrowUp\") {\n            event.preventDefault();\n            setActiveIndex((current) => Math.max(0, current - 1));\n        } else if (event.key === \"Enter\") {\n            event.preventDefault();\n            const option = filtered[activeIndex];\n            if (option) handleSelect(option);\n        } else if (event.key === \"Escape\") {\n            if (open) event.preventDefault();\n            closeAndReset();\n        }\n    };\n\n    const list = (\n        <ul\n            ref={setListNode}\n            id={`${id}-listbox`}\n            role=\"listbox\"\n            className={cn(styles.menu, portal && styles.portalled)}\n            style={floatingStyle}\n            onMouseDown={onListMouseDown}\n        >\n            {filtered.length === 0 ? (\n                <li className={styles.empty}>{emptyMessage}</li>\n            ) : (\n                filtered.map((option, index) => (\n                    <li\n                        key={option.value}\n                        id={optionId(index)}\n                        role=\"option\"\n                        aria-selected={option.value === value}\n                        className={cn(\n                            styles.option,\n                            index === activeIndex && styles.active,\n                            option.value === value && styles.selected,\n                        )}\n                        onMouseEnter={() => setActiveIndex(index)}\n                        onMouseDown={() => handleSelect(option)}\n                    >\n                        {option.label}\n                    </li>\n                ))\n            )}\n        </ul>\n    );\n\n    return (\n        <div ref={rootRef} className={cn(styles.wrapper, error && styles.error, className)}>\n            {label && (\n                <label htmlFor={id} className={styles.label}>\n                    {label}\n                </label>\n            )}\n            <div ref={setFieldNode} className={styles.field}>\n                <input\n                    id={id}\n                    ref={inputRef}\n                    type=\"text\"\n                    role=\"combobox\"\n                    aria-expanded={open}\n                    aria-controls={`${id}-listbox`}\n                    aria-autocomplete=\"list\"\n                    aria-activedescendant={activeOption ? optionId(activeIndex) : undefined}\n                    className={styles.input}\n                    placeholder={placeholder}\n                    disabled={disabled}\n                    value={open ? query : selectedLabel}\n                    onFocus={() => setOpen(true)}\n                    onChange={(event) => {\n                        setQuery(event.target.value);\n                        setOpen(true);\n                        setActiveIndex(0);\n                    }}\n                    onKeyDown={handleKeyDown}\n                    onBlur={onInputBlur}\n                />\n                <span className={styles.caret} aria-hidden>\n                    <CaretIcon />\n                </span>\n            </div>\n            {open && (portal ? <Portal>{list}</Portal> : list)}\n            {error ? (\n                <span className={styles.errorText}>{error}</span>\n            ) : helperText ? (\n                <span className={styles.helper}>{helperText}</span>\n            ) : null}\n        </div>\n    );\n}\n"],"mappings":"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"}

package/dist/components/Combobox/Combobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.js","names":[],"sources":["../../../src/components/Combobox/Combobox.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, props-count, function-lines — options/value/onChange\n * plus the shared field contract (label, placeholder, helperText, error, disabled,\n * className) and the combobox-specific knobs: filter, emptyMessage, portal. The body\n * is the listbox — open state, active descendant, type-ahead and the ARIA wiring —\n * and those cannot be separated without passing the same active index back and\n * forth.\n */\nimport { useCallback, useId, useMemo, useRef, useState } from \"react\";\nimport { Portal } from \"@/components/Portal\";\nimport { useAnchorPosition } from \"@/components/Portal/anchor-position\";\nimport { CaretIcon } from \"@/components/Select/CaretIcon\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Combobox.module.css\";\nimport { useListboxDismiss } from \"./use-listbox-dismiss\";\n\nexport interface ComboboxOption {\n    value: string;\n    label: string;\n    disabled?: boolean;\n}\n\nexport interface ComboboxProps {\n    options: ComboboxOption[];\n    value: string;\n    onChange: (value: string) => void;\n    label?: string;\n    placeholder?: string;\n    helperText?: string;\n    error?: string;\n    disabled?: boolean;\n    /** Custom filter — return true to keep the option. Default is case-insensitive substring match on label. */\n    filter?: (option: ComboboxOption, query: string) => boolean;\n    /** Message shown when no option matches. */\n    emptyMessage?: string;\n    /**\n     * Render the list in a portal, positioned under the field. Default `true`.\n     *\n     * In flow, an ancestor with `overflow` other than `visible` clips the list —\n     * in the last row of a `DataTable` none of it was visible (measured in Chrome\n     * at 1440 px). In a portal it escapes the clip, takes the field's width,\n     * flips above the field when there is no room below, and follows it on\n     * scroll, resize and when the field or the list changes size.\n     */\n    portal?: boolean;\n    className?: string;\n}\n\n/** Gap between field and list, in px — the in-flow CSS uses the same 4 px. */\nconst LIST_OFFSET = 4;\n\nfunction defaultFilter(option: ComboboxOption, query: string): boolean {\n    if (!query) return true;\n    return option.label.toLowerCase().includes(query.toLowerCase());\n}\n\n/**\n * Combobox — text input with a filterable dropdown of options.\n *\n * Selecting an option fires `onChange(value)`. Typing filters the list.\n * Keyboard: ArrowUp/ArrowDown to navigate — the active option is announced\n * through `aria-activedescendant`, focus stays on the input — Enter to select,\n * Esc to close, and Tab/Shift+Tab leave the field closing the list.\n */\nexport function Combobox({\n    options,\n    value,\n    onChange,\n    label,\n    placeholder = \"Selecione\",\n    helperText,\n    error,\n    disabled,\n    filter = defaultFilter,\n    emptyMessage = \"Nenhuma opção encontrada\",\n    portal = true,\n    className,\n}: ComboboxProps) {\n    const id = useId();\n    const rootRef = useRef<HTMLDivElement>(null);\n    const inputRef = useRef<HTMLInputElement>(null);\n    const [open, setOpen] = useState(false);\n    const [query, setQuery] = useState(\"\");\n    const [activeIndex, setActiveIndex] = useState(0);\n    const [fieldNode, setFieldNode] = useState<HTMLDivElement | null>(null);\n    const [listNode, setListNode] = useState<HTMLUListElement | null>(null);\n    const floatingStyle = useAnchorPosition({\n        anchor: fieldNode,\n        floating: listNode,\n        side: \"bottom\",\n        align: \"start\",\n        offset: LIST_OFFSET,\n        enabled: portal && open,\n        matchWidth: true,\n    });\n\n    const selectedLabel = useMemo(\n        () => options.find((o) => o.value === value)?.label ?? \"\",\n        [options, value],\n    );\n\n    const filtered = useMemo(\n        () => options.filter((o) => filter(o, query)),\n        [options, filter, query],\n    );\n\n    const closeAndReset = useCallback((): void => {\n        setOpen(false);\n        setQuery(\"\");\n        setActiveIndex(0);\n    }, []);\n\n    const handleSelect = useCallback(\n        (option: ComboboxOption): void => {\n            if (option.disabled) return;\n            onChange(option.value);\n            closeAndReset();\n        },\n        [onChange, closeAndReset],\n    );\n\n    const { onInputBlur, onListMouseDown } = useListboxDismiss({\n        open,\n        rootRef,\n        listNode,\n        onDismiss: closeAndReset,\n    });\n    const optionId = (index: number): string => `${id}-option-${index}`;\n    const activeOption = open ? filtered[activeIndex] : undefined;\n\n    /**\n     * Keyboard model of the input.\n     *\n     * `Escape` calls `preventDefault()` only while the list is open: that marks the\n     * key as consumed, so an enclosing `Modal` or `Drawer` stays open and the next\n     * `Escape` reaches it. With the list closed the key is left alone and dismisses\n     * the enclosing layer, as the user expects.\n     */\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\n        if (event.key === \"ArrowDown\") {\n            event.preventDefault();\n            setOpen(true);\n            setActiveIndex((current) => Math.min(filtered.length - 1, current + 1));\n        } else if (event.key === \"ArrowUp\") {\n            event.preventDefault();\n            setActiveIndex((current) => Math.max(0, current - 1));\n        } else if (event.key === \"Enter\") {\n            event.preventDefault();\n            const option = filtered[activeIndex];\n            if (option) handleSelect(option);\n        } else if (event.key === \"Escape\") {\n            if (open) event.preventDefault();\n            closeAndReset();\n        }\n    };\n\n    const list = (\n        <ul\n            ref={setListNode}\n            id={`${id}-listbox`}\n            role=\"listbox\"\n            className={cn(styles.menu, portal && styles.portalled)}\n            style={floatingStyle}\n            onMouseDown={onListMouseDown}\n        >\n            {filtered.length === 0 ? (\n                <li className={styles.empty}>{emptyMessage}</li>\n            ) : (\n                filtered.map((option, index) => (\n                    <li\n                        key={option.value}\n                        id={optionId(index)}\n                        role=\"option\"\n                        aria-selected={option.value === value}\n                        className={cn(\n                            styles.option,\n                            index === activeIndex && styles.active,\n                            option.value === value && styles.selected,\n                        )}\n                        onMouseEnter={() => setActiveIndex(index)}\n                        onMouseDown={() => handleSelect(option)}\n                    >\n                        {option.label}\n                    </li>\n                ))\n            )}\n        </ul>\n    );\n\n    return (\n        <div ref={rootRef} className={cn(styles.wrapper, error && styles.error, className)}>\n            {label && (\n                <label htmlFor={id} className={styles.label}>\n                    {label}\n                </label>\n            )}\n            <div ref={setFieldNode} className={styles.field}>\n                <input\n                    id={id}\n                    ref={inputRef}\n                    type=\"text\"\n                    role=\"combobox\"\n                    aria-expanded={open}\n                    aria-controls={`${id}-listbox`}\n                    aria-autocomplete=\"list\"\n                    aria-activedescendant={activeOption ? optionId(activeIndex) : undefined}\n                    className={styles.input}\n                    placeholder={placeholder}\n                    disabled={disabled}\n                    value={open ? query : selectedLabel}\n                    onFocus={() => setOpen(true)}\n                    onChange={(event) => {\n                        setQuery(event.target.value);\n                        setOpen(true);\n                        setActiveIndex(0);\n                    }}\n                    onKeyDown={handleKeyDown}\n                    onBlur={onInputBlur}\n                />\n                <span className={styles.caret} aria-hidden>\n                    <CaretIcon />\n                </span>\n            </div>\n            {open && (portal ? <Portal>{list}</Portal> : list)}\n            {error ? (\n                <span className={styles.errorText}>{error}</span>\n            ) : helperText ? (\n                <span className={styles.helper}>{helperText}</span>\n            ) : null}\n        </div>\n    );\n}\n"],"mappings":"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"}
+{"version":3,"file":"Combobox.js","names":["styles","Combobox_module_default","LIST_OFFSET","defaultFilter","query","option","Combobox","id","useId","rootRef","useRef","inputRef","open","setOpen","useState","setQuery","activeIndex","setActiveIndex","fieldNode","setFieldNode","listNode","setListNode","floatingStyle","useAnchorPosition","portal","selectedLabel","useMemo","options","o","value","filtered","filter","closeAndReset","useCallback","handleSelect","onChange","useListboxDismiss","optionId","index","activeOption","handleKeyDown","event","current","list","cn","onListMouseDown","emptyMessage","error","className","label","onInputBlur","CaretIcon","Portal","helperText"],"sources":["../../../src/components/Combobox/Combobox.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, props-count, function-lines — options/value/onChange\n * plus the shared field contract (label, placeholder, helperText, error, disabled,\n * className) and the combobox-specific knobs: filter, emptyMessage, portal. The body\n * is the listbox — open state, active descendant, type-ahead and the ARIA wiring —\n * and those cannot be separated without passing the same active index back and\n * forth.\n */\nimport { useCallback, useId, useMemo, useRef, useState } from \"react\";\nimport { Portal } from \"@/components/Portal\";\nimport { useAnchorPosition } from \"@/components/Portal/anchor-position\";\nimport { CaretIcon } from \"@/components/Select/CaretIcon\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Combobox.module.css\";\nimport { useListboxDismiss } from \"./use-listbox-dismiss\";\n\nexport interface ComboboxOption {\n    value: string;\n    label: string;\n    disabled?: boolean;\n}\n\nexport interface ComboboxProps {\n    options: ComboboxOption[];\n    value: string;\n    onChange: (value: string) => void;\n    label?: string;\n    placeholder?: string;\n    helperText?: string;\n    error?: string;\n    disabled?: boolean;\n    /** Custom filter — return true to keep the option. Default is case-insensitive substring match on label. */\n    filter?: (option: ComboboxOption, query: string) => boolean;\n    /** Message shown when no option matches. */\n    emptyMessage?: string;\n    /**\n     * Render the list in a portal, positioned under the field. Default `true`.\n     *\n     * In flow, an ancestor with `overflow` other than `visible` clips the list —\n     * in the last row of a `DataTable` none of it was visible (measured in Chrome\n     * at 1440 px). In a portal it escapes the clip, takes the field's width,\n     * flips above the field when there is no room below, and follows it on\n     * scroll, resize and when the field or the list changes size.\n     */\n    portal?: boolean;\n    className?: string;\n}\n\n/** Gap between field and list, in px — the in-flow CSS uses the same 4 px. */\nconst LIST_OFFSET = 4;\n\nfunction defaultFilter(option: ComboboxOption, query: string): boolean {\n    if (!query) return true;\n    return option.label.toLowerCase().includes(query.toLowerCase());\n}\n\n/**\n * Combobox — text input with a filterable dropdown of options.\n *\n * Selecting an option fires `onChange(value)`. Typing filters the list.\n * Keyboard: ArrowUp/ArrowDown to navigate — the active option is announced\n * through `aria-activedescendant`, focus stays on the input — Enter to select,\n * Esc to close, and Tab/Shift+Tab leave the field closing the list.\n */\nexport function Combobox({\n    options,\n    value,\n    onChange,\n    label,\n    placeholder = \"Selecione\",\n    helperText,\n    error,\n    disabled,\n    filter = defaultFilter,\n    emptyMessage = \"Nenhuma opção encontrada\",\n    portal = true,\n    className,\n}: ComboboxProps) {\n    const id = useId();\n    const rootRef = useRef<HTMLDivElement>(null);\n    const inputRef = useRef<HTMLInputElement>(null);\n    const [open, setOpen] = useState(false);\n    const [query, setQuery] = useState(\"\");\n    const [activeIndex, setActiveIndex] = useState(0);\n    const [fieldNode, setFieldNode] = useState<HTMLDivElement | null>(null);\n    const [listNode, setListNode] = useState<HTMLUListElement | null>(null);\n    const floatingStyle = useAnchorPosition({\n        anchor: fieldNode,\n        floating: listNode,\n        side: \"bottom\",\n        align: \"start\",\n        offset: LIST_OFFSET,\n        enabled: portal && open,\n        matchWidth: true,\n    });\n\n    const selectedLabel = useMemo(\n        () => options.find((o) => o.value === value)?.label ?? \"\",\n        [options, value],\n    );\n\n    const filtered = useMemo(\n        () => options.filter((o) => filter(o, query)),\n        [options, filter, query],\n    );\n\n    const closeAndReset = useCallback((): void => {\n        setOpen(false);\n        setQuery(\"\");\n        setActiveIndex(0);\n    }, []);\n\n    const handleSelect = useCallback(\n        (option: ComboboxOption): void => {\n            if (option.disabled) return;\n            onChange(option.value);\n            closeAndReset();\n        },\n        [onChange, closeAndReset],\n    );\n\n    const { onInputBlur, onListMouseDown } = useListboxDismiss({\n        open,\n        rootRef,\n        listNode,\n        onDismiss: closeAndReset,\n    });\n    const optionId = (index: number): string => `${id}-option-${index}`;\n    const activeOption = open ? filtered[activeIndex] : undefined;\n\n    /**\n     * Keyboard model of the input.\n     *\n     * `Escape` calls `preventDefault()` only while the list is open: that marks the\n     * key as consumed, so an enclosing `Modal` or `Drawer` stays open and the next\n     * `Escape` reaches it. With the list closed the key is left alone and dismisses\n     * the enclosing layer, as the user expects.\n     */\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\n        if (event.key === \"ArrowDown\") {\n            event.preventDefault();\n            setOpen(true);\n            setActiveIndex((current) => Math.min(filtered.length - 1, current + 1));\n        } else if (event.key === \"ArrowUp\") {\n            event.preventDefault();\n            setActiveIndex((current) => Math.max(0, current - 1));\n        } else if (event.key === \"Enter\") {\n            event.preventDefault();\n            const option = filtered[activeIndex];\n            if (option) handleSelect(option);\n        } else if (event.key === \"Escape\") {\n            if (open) event.preventDefault();\n            closeAndReset();\n        }\n    };\n\n    const list = (\n        <ul\n            ref={setListNode}\n            id={`${id}-listbox`}\n            role=\"listbox\"\n            className={cn(styles.menu, portal && styles.portalled)}\n            style={floatingStyle}\n            onMouseDown={onListMouseDown}\n        >\n            {filtered.length === 0 ? (\n                <li className={styles.empty}>{emptyMessage}</li>\n            ) : (\n                filtered.map((option, index) => (\n                    <li\n                        key={option.value}\n                        id={optionId(index)}\n                        role=\"option\"\n                        aria-selected={option.value === value}\n                        className={cn(\n                            styles.option,\n                            index === activeIndex && styles.active,\n                            option.value === value && styles.selected,\n                        )}\n                        onMouseEnter={() => setActiveIndex(index)}\n                        onMouseDown={() => handleSelect(option)}\n                    >\n                        {option.label}\n                    </li>\n                ))\n            )}\n        </ul>\n    );\n\n    return (\n        <div ref={rootRef} className={cn(styles.wrapper, error && styles.error, className)}>\n            {label && (\n                <label htmlFor={id} className={styles.label}>\n                    {label}\n                </label>\n            )}\n            <div ref={setFieldNode} className={styles.field}>\n                <input\n                    id={id}\n                    ref={inputRef}\n                    type=\"text\"\n                    role=\"combobox\"\n                    aria-expanded={open}\n                    aria-controls={`${id}-listbox`}\n                    aria-autocomplete=\"list\"\n                    aria-activedescendant={activeOption ? optionId(activeIndex) : undefined}\n                    className={styles.input}\n                    placeholder={placeholder}\n                    disabled={disabled}\n                    value={open ? query : selectedLabel}\n                    onFocus={() => setOpen(true)}\n                    onChange={(event) => {\n                        setQuery(event.target.value);\n                        setOpen(true);\n                        setActiveIndex(0);\n                    }}\n                    onKeyDown={handleKeyDown}\n                    onBlur={onInputBlur}\n                />\n                <span className={styles.caret} aria-hidden>\n                    <CaretIcon />\n                </span>\n            </div>\n            {open && (portal ? <Portal>{list}</Portal> : list)}\n            {error ? (\n                <span className={styles.errorText}>{error}</span>\n            ) : helperText ? (\n                <span className={styles.helper}>{helperText}</span>\n            ) : null}\n        </div>\n    );\n}\n"],"mappings":"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"}

package/dist/components/Combobox/Combobox.module.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.module.cjs","names":[],"sources":["../../../src/components/Combobox/Combobox.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n    position: relative;\n}\n\n.label {\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-snug);\n}\n\n.field {\n    --_tempest-caret-offset: var(--tempest-control-caret-offset, 12px);\n    --_tempest-caret-size: var(--tempest-control-caret-size, 14px);\n    position: relative;\n    display: flex;\n    align-items: center;\n}\n\n.input {\n    width: 100%;\n    height: var(--tempest-control-height-md);\n    padding: 0 calc(var(--_tempest-caret-offset) + var(--_tempest-caret-size) + 6px) 0\n        var(--tempest-control-padding-md);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-control-radius);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    font-family: inherit;\n    font-size: var(--tempest-control-font-md);\n    box-shadow: var(--tempest-shadow-xs);\n    transition: var(--tempest-transition-color), var(--tempest-transition-shadow);\n}\n\n.input::placeholder {\n    color: var(--tempest-text-subtle);\n}\n\n.input:focus {\n    outline: none;\n    border-color: var(--tempest-primary);\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);\n}\n\n.input:disabled {\n    background-color: var(--tempest-surface);\n    cursor: not-allowed;\n}\n\n.caret {\n    position: absolute;\n    right: var(--_tempest-caret-offset);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--_tempest-caret-size);\n    height: var(--_tempest-caret-size);\n    pointer-events: none;\n    color: var(--tempest-text-muted);\n}\n\n.field > .caret > svg {\n    display: block;\n    flex: none;\n    width: 100%;\n    height: 100%;\n    margin: 0;\n}\n\n.menu {\n    position: absolute;\n    top: calc(100% + 4px);\n    left: 0;\n    right: 0;\n    z-index: var(--tempest-z-dropdown);\n    background-color: var(--tempest-bg);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    box-shadow: var(--tempest-shadow-lg);\n    max-height: 280px;\n    overflow-y: auto;\n    padding: var(--tempest-space-1);\n    list-style: none;\n    margin: 0;\n}\n\n.option {\n    display: flex;\n    align-items: center;\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border-radius: var(--tempest-radius-sm);\n    cursor: pointer;\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-base);\n    line-height: var(--tempest-leading-snug);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .option:hover {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.option.active {\n    background-color: var(--tempest-primary-soft);\n    color: var(--tempest-primary-on-soft);\n}\n\n.option.selected {\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.empty {\n    padding: var(--tempest-space-3);\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n    text-align: center;\n}\n\n.helper {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n}\n\n.errorText {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-danger);\n}\n\n.wrapper.error .input {\n    border-color: var(--tempest-danger);\n}\n\n.portalled {\n    font-family: var(--tempest-font-sans);\n    right: auto;\n    z-index: var(--tempest-z-popover);\n}\n"],"mappings":";"}
+{"version":3,"file":"Combobox.module.cjs","names":["wrapper","label","field","input","caret","menu","option","active","selected","empty","helper","errorText","error","portalled","Combobox_module_default"],"sources":["../../../src/components/Combobox/Combobox.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n    position: relative;\n}\n\n.label {\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-snug);\n}\n\n.field {\n    --_tempest-caret-offset: var(--tempest-control-caret-offset, 12px);\n    --_tempest-caret-size: var(--tempest-control-caret-size, 14px);\n    position: relative;\n    display: flex;\n    align-items: center;\n}\n\n.input {\n    width: 100%;\n    height: var(--tempest-control-height-md);\n    padding: 0 calc(var(--_tempest-caret-offset) + var(--_tempest-caret-size) + 6px) 0\n        var(--tempest-control-padding-md);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-control-radius);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    font-family: inherit;\n    font-size: var(--tempest-control-font-md);\n    box-shadow: var(--tempest-shadow-xs);\n    transition: var(--tempest-transition-color), var(--tempest-transition-shadow);\n}\n\n.input::placeholder {\n    color: var(--tempest-text-subtle);\n}\n\n.input:focus {\n    outline: none;\n    border-color: var(--tempest-primary);\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);\n}\n\n.input:disabled {\n    background-color: var(--tempest-surface);\n    cursor: not-allowed;\n}\n\n.caret {\n    position: absolute;\n    right: var(--_tempest-caret-offset);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--_tempest-caret-size);\n    height: var(--_tempest-caret-size);\n    pointer-events: none;\n    color: var(--tempest-text-muted);\n}\n\n.field > .caret > svg {\n    display: block;\n    flex: none;\n    width: 100%;\n    height: 100%;\n    margin: 0;\n}\n\n.menu {\n    position: absolute;\n    top: calc(100% + 4px);\n    left: 0;\n    right: 0;\n    z-index: var(--tempest-z-dropdown);\n    background-color: var(--tempest-bg);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    box-shadow: var(--tempest-shadow-lg);\n    max-height: 280px;\n    overflow-y: auto;\n    padding: var(--tempest-space-1);\n    list-style: none;\n    margin: 0;\n}\n\n.option {\n    display: flex;\n    align-items: center;\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border-radius: var(--tempest-radius-sm);\n    cursor: pointer;\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-base);\n    line-height: var(--tempest-leading-snug);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .option:hover {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.option.active {\n    background-color: var(--tempest-primary-soft);\n    color: var(--tempest-primary-on-soft);\n}\n\n.option.selected {\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.empty {\n    padding: var(--tempest-space-3);\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n    text-align: center;\n}\n\n.helper {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n}\n\n.errorText {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-danger);\n}\n\n.wrapper.error .input {\n    border-color: var(--tempest-danger);\n}\n\n.portalled {\n    font-family: var(--tempest-font-sans);\n    right: auto;\n    z-index: var(--tempest-z-popover);\n}\n"],"mappings":";"}

package/dist/components/Combobox/Combobox.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.module.js","names":[],"sources":["../../../src/components/Combobox/Combobox.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n    position: relative;\n}\n\n.label {\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-snug);\n}\n\n.field {\n    --_tempest-caret-offset: var(--tempest-control-caret-offset, 12px);\n    --_tempest-caret-size: var(--tempest-control-caret-size, 14px);\n    position: relative;\n    display: flex;\n    align-items: center;\n}\n\n.input {\n    width: 100%;\n    height: var(--tempest-control-height-md);\n    padding: 0 calc(var(--_tempest-caret-offset) + var(--_tempest-caret-size) + 6px) 0\n        var(--tempest-control-padding-md);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-control-radius);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    font-family: inherit;\n    font-size: var(--tempest-control-font-md);\n    box-shadow: var(--tempest-shadow-xs);\n    transition: var(--tempest-transition-color), var(--tempest-transition-shadow);\n}\n\n.input::placeholder {\n    color: var(--tempest-text-subtle);\n}\n\n.input:focus {\n    outline: none;\n    border-color: var(--tempest-primary);\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);\n}\n\n.input:disabled {\n    background-color: var(--tempest-surface);\n    cursor: not-allowed;\n}\n\n.caret {\n    position: absolute;\n    right: var(--_tempest-caret-offset);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--_tempest-caret-size);\n    height: var(--_tempest-caret-size);\n    pointer-events: none;\n    color: var(--tempest-text-muted);\n}\n\n.field > .caret > svg {\n    display: block;\n    flex: none;\n    width: 100%;\n    height: 100%;\n    margin: 0;\n}\n\n.menu {\n    position: absolute;\n    top: calc(100% + 4px);\n    left: 0;\n    right: 0;\n    z-index: var(--tempest-z-dropdown);\n    background-color: var(--tempest-bg);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    box-shadow: var(--tempest-shadow-lg);\n    max-height: 280px;\n    overflow-y: auto;\n    padding: var(--tempest-space-1);\n    list-style: none;\n    margin: 0;\n}\n\n.option {\n    display: flex;\n    align-items: center;\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border-radius: var(--tempest-radius-sm);\n    cursor: pointer;\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-base);\n    line-height: var(--tempest-leading-snug);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .option:hover {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.option.active {\n    background-color: var(--tempest-primary-soft);\n    color: var(--tempest-primary-on-soft);\n}\n\n.option.selected {\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.empty {\n    padding: var(--tempest-space-3);\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n    text-align: center;\n}\n\n.helper {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n}\n\n.errorText {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-danger);\n}\n\n.wrapper.error .input {\n    border-color: var(--tempest-danger);\n}\n\n.portalled {\n    font-family: var(--tempest-font-sans);\n    right: auto;\n    z-index: var(--tempest-z-popover);\n}\n"],"mappings":";"}
+{"version":3,"file":"Combobox.module.js","names":["wrapper","label","field","input","caret","menu","option","active","selected","empty","helper","errorText","error","portalled","Combobox_module_default"],"sources":["../../../src/components/Combobox/Combobox.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n    position: relative;\n}\n\n.label {\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-snug);\n}\n\n.field {\n    --_tempest-caret-offset: var(--tempest-control-caret-offset, 12px);\n    --_tempest-caret-size: var(--tempest-control-caret-size, 14px);\n    position: relative;\n    display: flex;\n    align-items: center;\n}\n\n.input {\n    width: 100%;\n    height: var(--tempest-control-height-md);\n    padding: 0 calc(var(--_tempest-caret-offset) + var(--_tempest-caret-size) + 6px) 0\n        var(--tempest-control-padding-md);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-control-radius);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    font-family: inherit;\n    font-size: var(--tempest-control-font-md);\n    box-shadow: var(--tempest-shadow-xs);\n    transition: var(--tempest-transition-color), var(--tempest-transition-shadow);\n}\n\n.input::placeholder {\n    color: var(--tempest-text-subtle);\n}\n\n.input:focus {\n    outline: none;\n    border-color: var(--tempest-primary);\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);\n}\n\n.input:disabled {\n    background-color: var(--tempest-surface);\n    cursor: not-allowed;\n}\n\n.caret {\n    position: absolute;\n    right: var(--_tempest-caret-offset);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--_tempest-caret-size);\n    height: var(--_tempest-caret-size);\n    pointer-events: none;\n    color: var(--tempest-text-muted);\n}\n\n.field > .caret > svg {\n    display: block;\n    flex: none;\n    width: 100%;\n    height: 100%;\n    margin: 0;\n}\n\n.menu {\n    position: absolute;\n    top: calc(100% + 4px);\n    left: 0;\n    right: 0;\n    z-index: var(--tempest-z-dropdown);\n    background-color: var(--tempest-bg);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    box-shadow: var(--tempest-shadow-lg);\n    max-height: 280px;\n    overflow-y: auto;\n    padding: var(--tempest-space-1);\n    list-style: none;\n    margin: 0;\n}\n\n.option {\n    display: flex;\n    align-items: center;\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border-radius: var(--tempest-radius-sm);\n    cursor: pointer;\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-base);\n    line-height: var(--tempest-leading-snug);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .option:hover {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.option.active {\n    background-color: var(--tempest-primary-soft);\n    color: var(--tempest-primary-on-soft);\n}\n\n.option.selected {\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.empty {\n    padding: var(--tempest-space-3);\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n    text-align: center;\n}\n\n.helper {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n}\n\n.errorText {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-danger);\n}\n\n.wrapper.error .input {\n    border-color: var(--tempest-danger);\n}\n\n.portalled {\n    font-family: var(--tempest-font-sans);\n    right: auto;\n    z-index: var(--tempest-z-popover);\n}\n"],"mappings":";"}

package/dist/components/Combobox/use-listbox-dismiss.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-listbox-dismiss.cjs","names":[],"sources":["../../../src/components/Combobox/use-listbox-dismiss.ts"],"sourcesContent":["import { useCallback, useEffect, type FocusEvent, type MouseEvent, type RefObject } from \"react\";\n\n/** Inputs of {@link useListboxDismiss}. */\nexport interface ListboxDismissOptions {\n    /** Whether the list is open; nothing is listened to while it is closed. */\n    open: boolean;\n    /** The component's wrapper — a press inside it is not a press outside. */\n    rootRef: RefObject<HTMLElement | null>;\n    /** The list node, checked on its own because in a portal it lives outside `rootRef`. */\n    listNode: HTMLElement | null;\n    /** Closes the list. Keep it stable (`useCallback`), it is an effect dependency. */\n    onDismiss: () => void;\n}\n\n/** Handlers {@link useListboxDismiss} hands back to wire on the input and the list. */\nexport interface ListboxDismissHandlers {\n    /** `onBlur` of the combobox input. */\n    onInputBlur: (event: FocusEvent<HTMLInputElement>) => void;\n    /** `onMouseDown` of the list element. */\n    onListMouseDown: (event: MouseEvent<HTMLElement>) => void;\n}\n\n/**\n * Keeps focus on the input when a press lands anywhere on the list — an option,\n * the empty message, the padding or the scrollbar.\n *\n * @param event - The `mousedown` on the list.\n */\nfunction keepInputFocus(event: MouseEvent<HTMLElement>): void {\n    event.preventDefault();\n}\n\n/**\n * Closes the list of an input-driven listbox (`Combobox`, `MultiSelect`) when the\n * user leaves it, by pointer or by keyboard.\n *\n * Pointer: a press outside both the wrapper and the list closes it. The list is\n * checked on its own because in a portal it is not inside the wrapper.\n *\n * Keyboard: the list closes when focus moves from the input to an element outside\n * the list. Before this (#430, measured in Chromium headless on `main`), `Tab` and\n * `Shift+Tab` took focus to the neighbouring control and left the list open on top\n * of it — `aria-expanded=\"true\"` on a field that no longer had focus — until a\n * press outside or `Escape` on the input, which no longer received keys. A blur\n * whose `relatedTarget` is `null` (focus went to a non-focusable spot or out of\n * the page) is left to the pointer rule, so a press on the label or the helper\n * text keeps behaving as a press inside.\n *\n * A press on the list calls `preventDefault()`, so it never blurs the input: the\n * option's handler runs with focus still on the field, and a press on the empty\n * message or the scrollbar no longer drops focus to `<body>`.\n *\n * @param options - See {@link ListboxDismissOptions}.\n * @returns The input `onBlur` and the list `onMouseDown` handlers.\n */\nexport function useListboxDismiss({\n    open,\n    rootRef,\n    listNode,\n    onDismiss,\n}: ListboxDismissOptions): ListboxDismissHandlers {\n    useEffect(() => {\n        if (!open) return;\n        const onDown = (event: globalThis.MouseEvent): void => {\n            const target = event.target as Node;\n            if (rootRef.current?.contains(target) || listNode?.contains(target)) return;\n            onDismiss();\n        };\n        window.addEventListener(\"mousedown\", onDown);\n        return () => window.removeEventListener(\"mousedown\", onDown);\n    }, [open, rootRef, listNode, onDismiss]);\n\n    const onInputBlur = useCallback(\n        (event: FocusEvent<HTMLInputElement>): void => {\n            const next = event.relatedTarget;\n            if (!open || !(next instanceof Node) || listNode?.contains(next)) return;\n            onDismiss();\n        },\n        [open, listNode, onDismiss],\n    );\n\n    return { onInputBlur, onListMouseDown: keepInputFocus };\n}\n"],"mappings":"uBA4BA,SAAS,EAAe,EAAsC,CAC1D,EAAM,eAAe,CACzB,CAyBA,SAAgB,EAAkB,CAC9B,OACA,UACA,WACA,aAC8C,CAqB9C,OApBA,EAAA,EAAA,UAAA,KAAgB,CACZ,GAAI,CAAC,EAAM,OACX,IAAM,EAAU,GAAuC,CACnD,IAAM,EAAS,EAAM,OACjB,EAAQ,SAAS,SAAS,CAAM,GAAK,GAAU,SAAS,CAAM,GAClE,EAAU,CACd,EAEA,OADA,OAAO,iBAAiB,YAAa,CAAM,MAC9B,OAAO,oBAAoB,YAAa,CAAM,CAC/D,EAAG,CAAC,EAAM,EAAS,EAAU,CAAS,CAAC,EAWhC,CAAE,aAAA,EATW,EAAA,YAAA,CACf,GAA8C,CAC3C,IAAM,EAAO,EAAM,cACd,GAAU,aAAgB,MAAS,IAAU,SAAS,CAAI,GAC/D,EAAU,CACd,EACA,CAAC,EAAM,EAAU,CAAS,CAGrB,EAAa,gBAAiB,CAAe,CAC1D"}
+{"version":3,"file":"use-listbox-dismiss.cjs","names":["useCallback","react","keepInputFocus","event","useListboxDismiss","open","onDown","target","rootRef","listNode","onDismiss","next"],"sources":["../../../src/components/Combobox/use-listbox-dismiss.ts"],"sourcesContent":["import { useCallback, useEffect, type FocusEvent, type MouseEvent, type RefObject } from \"react\";\n\n/** Inputs of {@link useListboxDismiss}. */\nexport interface ListboxDismissOptions {\n    /** Whether the list is open; nothing is listened to while it is closed. */\n    open: boolean;\n    /** The component's wrapper — a press inside it is not a press outside. */\n    rootRef: RefObject<HTMLElement | null>;\n    /** The list node, checked on its own because in a portal it lives outside `rootRef`. */\n    listNode: HTMLElement | null;\n    /** Closes the list. Keep it stable (`useCallback`), it is an effect dependency. */\n    onDismiss: () => void;\n}\n\n/** Handlers {@link useListboxDismiss} hands back to wire on the input and the list. */\nexport interface ListboxDismissHandlers {\n    /** `onBlur` of the combobox input. */\n    onInputBlur: (event: FocusEvent<HTMLInputElement>) => void;\n    /** `onMouseDown` of the list element. */\n    onListMouseDown: (event: MouseEvent<HTMLElement>) => void;\n}\n\n/**\n * Keeps focus on the input when a press lands anywhere on the list — an option,\n * the empty message, the padding or the scrollbar.\n *\n * @param event - The `mousedown` on the list.\n */\nfunction keepInputFocus(event: MouseEvent<HTMLElement>): void {\n    event.preventDefault();\n}\n\n/**\n * Closes the list of an input-driven listbox (`Combobox`, `MultiSelect`) when the\n * user leaves it, by pointer or by keyboard.\n *\n * Pointer: a press outside both the wrapper and the list closes it. The list is\n * checked on its own because in a portal it is not inside the wrapper.\n *\n * Keyboard: the list closes when focus moves from the input to an element outside\n * the list. Before this (#430, measured in Chromium headless on `main`), `Tab` and\n * `Shift+Tab` took focus to the neighbouring control and left the list open on top\n * of it — `aria-expanded=\"true\"` on a field that no longer had focus — until a\n * press outside or `Escape` on the input, which no longer received keys. A blur\n * whose `relatedTarget` is `null` (focus went to a non-focusable spot or out of\n * the page) is left to the pointer rule, so a press on the label or the helper\n * text keeps behaving as a press inside.\n *\n * A press on the list calls `preventDefault()`, so it never blurs the input: the\n * option's handler runs with focus still on the field, and a press on the empty\n * message or the scrollbar no longer drops focus to `<body>`.\n *\n * @param options - See {@link ListboxDismissOptions}.\n * @returns The input `onBlur` and the list `onMouseDown` handlers.\n */\nexport function useListboxDismiss({\n    open,\n    rootRef,\n    listNode,\n    onDismiss,\n}: ListboxDismissOptions): ListboxDismissHandlers {\n    useEffect(() => {\n        if (!open) return;\n        const onDown = (event: globalThis.MouseEvent): void => {\n            const target = event.target as Node;\n            if (rootRef.current?.contains(target) || listNode?.contains(target)) return;\n            onDismiss();\n        };\n        window.addEventListener(\"mousedown\", onDown);\n        return () => window.removeEventListener(\"mousedown\", onDown);\n    }, [open, rootRef, listNode, onDismiss]);\n\n    const onInputBlur = useCallback(\n        (event: FocusEvent<HTMLInputElement>): void => {\n            const next = event.relatedTarget;\n            if (!open || !(next instanceof Node) || listNode?.contains(next)) return;\n            onDismiss();\n        },\n        [open, listNode, onDismiss],\n    );\n\n    return { onInputBlur, onListMouseDown: keepInputFocus };\n}\n"],"mappings":"A,uBA4BA,SAASE,EAAe,EAAsC,CAC1DC,EAAM,eAAe,CACzB,CAyBA,SAAgBC,EAAkB,CAC9B,OACA,UACA,WACA,aAC8C,CAqB9C,OApBA,EAAAH,EAAA,UAAA,KAAgB,CACZ,GAAI,CAACI,EAAM,OACX,IAAMC,EAAU,GAAuC,CACnD,IAAMC,EAASJ,EAAM,OACjBK,EAAQ,SAAS,SAASD,CAAM,GAAKE,GAAU,SAASF,CAAM,GAClEG,EAAU,CACd,EAEA,OADA,OAAO,iBAAiB,YAAaJ,CAAM,MAC9B,OAAO,oBAAoB,YAAaA,CAAM,CAC/D,EAAG,CAACD,EAAMG,EAASC,EAAUC,CAAS,CAAC,EAWhC,CAAE,aAAA,EATWV,EAAAA,YAAAA,CACf,GAA8C,CAC3C,IAAMW,EAAOR,EAAM,cACdE,GAAUM,aAAgB,MAAS,IAAU,SAASA,CAAI,GAC/DD,EAAU,CACd,EACA,CAACL,EAAMI,EAAUC,CAAS,CAGrB,EAAa,gBAAiBR,CAAe,CAC1D,C"}

package/dist/components/Combobox/use-listbox-dismiss.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-listbox-dismiss.js","names":[],"sources":["../../../src/components/Combobox/use-listbox-dismiss.ts"],"sourcesContent":["import { useCallback, useEffect, type FocusEvent, type MouseEvent, type RefObject } from \"react\";\n\n/** Inputs of {@link useListboxDismiss}. */\nexport interface ListboxDismissOptions {\n    /** Whether the list is open; nothing is listened to while it is closed. */\n    open: boolean;\n    /** The component's wrapper — a press inside it is not a press outside. */\n    rootRef: RefObject<HTMLElement | null>;\n    /** The list node, checked on its own because in a portal it lives outside `rootRef`. */\n    listNode: HTMLElement | null;\n    /** Closes the list. Keep it stable (`useCallback`), it is an effect dependency. */\n    onDismiss: () => void;\n}\n\n/** Handlers {@link useListboxDismiss} hands back to wire on the input and the list. */\nexport interface ListboxDismissHandlers {\n    /** `onBlur` of the combobox input. */\n    onInputBlur: (event: FocusEvent<HTMLInputElement>) => void;\n    /** `onMouseDown` of the list element. */\n    onListMouseDown: (event: MouseEvent<HTMLElement>) => void;\n}\n\n/**\n * Keeps focus on the input when a press lands anywhere on the list — an option,\n * the empty message, the padding or the scrollbar.\n *\n * @param event - The `mousedown` on the list.\n */\nfunction keepInputFocus(event: MouseEvent<HTMLElement>): void {\n    event.preventDefault();\n}\n\n/**\n * Closes the list of an input-driven listbox (`Combobox`, `MultiSelect`) when the\n * user leaves it, by pointer or by keyboard.\n *\n * Pointer: a press outside both the wrapper and the list closes it. The list is\n * checked on its own because in a portal it is not inside the wrapper.\n *\n * Keyboard: the list closes when focus moves from the input to an element outside\n * the list. Before this (#430, measured in Chromium headless on `main`), `Tab` and\n * `Shift+Tab` took focus to the neighbouring control and left the list open on top\n * of it — `aria-expanded=\"true\"` on a field that no longer had focus — until a\n * press outside or `Escape` on the input, which no longer received keys. A blur\n * whose `relatedTarget` is `null` (focus went to a non-focusable spot or out of\n * the page) is left to the pointer rule, so a press on the label or the helper\n * text keeps behaving as a press inside.\n *\n * A press on the list calls `preventDefault()`, so it never blurs the input: the\n * option's handler runs with focus still on the field, and a press on the empty\n * message or the scrollbar no longer drops focus to `<body>`.\n *\n * @param options - See {@link ListboxDismissOptions}.\n * @returns The input `onBlur` and the list `onMouseDown` handlers.\n */\nexport function useListboxDismiss({\n    open,\n    rootRef,\n    listNode,\n    onDismiss,\n}: ListboxDismissOptions): ListboxDismissHandlers {\n    useEffect(() => {\n        if (!open) return;\n        const onDown = (event: globalThis.MouseEvent): void => {\n            const target = event.target as Node;\n            if (rootRef.current?.contains(target) || listNode?.contains(target)) return;\n            onDismiss();\n        };\n        window.addEventListener(\"mousedown\", onDown);\n        return () => window.removeEventListener(\"mousedown\", onDown);\n    }, [open, rootRef, listNode, onDismiss]);\n\n    const onInputBlur = useCallback(\n        (event: FocusEvent<HTMLInputElement>): void => {\n            const next = event.relatedTarget;\n            if (!open || !(next instanceof Node) || listNode?.contains(next)) return;\n            onDismiss();\n        },\n        [open, listNode, onDismiss],\n    );\n\n    return { onInputBlur, onListMouseDown: keepInputFocus };\n}\n"],"mappings":";;AA4BA,SAAS,EAAe,GAAsC;CAC1D,EAAM,eAAe;AACzB;AAyBA,SAAgB,EAAkB,EAC9B,SACA,YACA,aACA,gBAC8C;CAqB9C,OApBA,QAAgB;EACZ,IAAI,CAAC,GAAM;EACX,IAAM,KAAU,MAAuC;GACnD,IAAM,IAAS,EAAM;GACjB,EAAQ,SAAS,SAAS,CAAM,KAAK,GAAU,SAAS,CAAM,KAClE,EAAU;EACd;EAEA,OADA,OAAO,iBAAiB,aAAa,CAAM,SAC9B,OAAO,oBAAoB,aAAa,CAAM;CAC/D,GAAG;EAAC;EAAM;EAAS;EAAU;CAAS,CAAC,GAWhC;EAAE,aATW,GACf,MAA8C;GAC3C,IAAM,IAAO,EAAM;GACf,AAAC,KAAU,aAAgB,QAAS,IAAU,SAAS,CAAI,KAC/D,EAAU;EACd,GACA;GAAC;GAAM;GAAU;EAAS,CAGrB;EAAa,iBAAiB;CAAe;AAC1D"}
+{"version":3,"file":"use-listbox-dismiss.js","names":["keepInputFocus","useListboxDismiss","useEffect","open","onDown","target","event","rootRef","listNode","onDismiss","useCallback","next"],"sources":["../../../src/components/Combobox/use-listbox-dismiss.ts"],"sourcesContent":["import { useCallback, useEffect, type FocusEvent, type MouseEvent, type RefObject } from \"react\";\n\n/** Inputs of {@link useListboxDismiss}. */\nexport interface ListboxDismissOptions {\n    /** Whether the list is open; nothing is listened to while it is closed. */\n    open: boolean;\n    /** The component's wrapper — a press inside it is not a press outside. */\n    rootRef: RefObject<HTMLElement | null>;\n    /** The list node, checked on its own because in a portal it lives outside `rootRef`. */\n    listNode: HTMLElement | null;\n    /** Closes the list. Keep it stable (`useCallback`), it is an effect dependency. */\n    onDismiss: () => void;\n}\n\n/** Handlers {@link useListboxDismiss} hands back to wire on the input and the list. */\nexport interface ListboxDismissHandlers {\n    /** `onBlur` of the combobox input. */\n    onInputBlur: (event: FocusEvent<HTMLInputElement>) => void;\n    /** `onMouseDown` of the list element. */\n    onListMouseDown: (event: MouseEvent<HTMLElement>) => void;\n}\n\n/**\n * Keeps focus on the input when a press lands anywhere on the list — an option,\n * the empty message, the padding or the scrollbar.\n *\n * @param event - The `mousedown` on the list.\n */\nfunction keepInputFocus(event: MouseEvent<HTMLElement>): void {\n    event.preventDefault();\n}\n\n/**\n * Closes the list of an input-driven listbox (`Combobox`, `MultiSelect`) when the\n * user leaves it, by pointer or by keyboard.\n *\n * Pointer: a press outside both the wrapper and the list closes it. The list is\n * checked on its own because in a portal it is not inside the wrapper.\n *\n * Keyboard: the list closes when focus moves from the input to an element outside\n * the list. Before this (#430, measured in Chromium headless on `main`), `Tab` and\n * `Shift+Tab` took focus to the neighbouring control and left the list open on top\n * of it — `aria-expanded=\"true\"` on a field that no longer had focus — until a\n * press outside or `Escape` on the input, which no longer received keys. A blur\n * whose `relatedTarget` is `null` (focus went to a non-focusable spot or out of\n * the page) is left to the pointer rule, so a press on the label or the helper\n * text keeps behaving as a press inside.\n *\n * A press on the list calls `preventDefault()`, so it never blurs the input: the\n * option's handler runs with focus still on the field, and a press on the empty\n * message or the scrollbar no longer drops focus to `<body>`.\n *\n * @param options - See {@link ListboxDismissOptions}.\n * @returns The input `onBlur` and the list `onMouseDown` handlers.\n */\nexport function useListboxDismiss({\n    open,\n    rootRef,\n    listNode,\n    onDismiss,\n}: ListboxDismissOptions): ListboxDismissHandlers {\n    useEffect(() => {\n        if (!open) return;\n        const onDown = (event: globalThis.MouseEvent): void => {\n            const target = event.target as Node;\n            if (rootRef.current?.contains(target) || listNode?.contains(target)) return;\n            onDismiss();\n        };\n        window.addEventListener(\"mousedown\", onDown);\n        return () => window.removeEventListener(\"mousedown\", onDown);\n    }, [open, rootRef, listNode, onDismiss]);\n\n    const onInputBlur = useCallback(\n        (event: FocusEvent<HTMLInputElement>): void => {\n            const next = event.relatedTarget;\n            if (!open || !(next instanceof Node) || listNode?.contains(next)) return;\n            onDismiss();\n        },\n        [open, listNode, onDismiss],\n    );\n\n    return { onInputBlur, onListMouseDown: keepInputFocus };\n}\n"],"mappings":";;AA4BA,SAASA,EAAe,GAAsC;CAC1D,EAAM,eAAe;AACzB;AAyBA,SAAgBC,EAAkB,EAC9B,SACA,YACA,aACA,gBAC8C;CAqB9C,OApBAC,QAAgB;EACZ,IAAI,CAACC,GAAM;EACX,IAAMC,KAAU,MAAuC;GACnD,IAAMC,IAASC,EAAM;GACrB,AAAIC,EAAQ,SAAS,SAASF,CAAM,KAAKG,GAAU,SAASH,CAAM,KAClEI,EAAU;EACd;EAEA,OADA,OAAO,iBAAiB,aAAaL,CAAM,SAC9B,OAAO,oBAAoB,aAAaA,CAAM;CAC/D,GAAG;EAACD;EAAMI;EAASC;EAAUC;CAAS,CAAC,GAWhC;EAAE,aATWC,GACf,MAA8C;GAC3C,IAAMC,IAAOL,EAAM;GACnB,AAAKH,KAAUQ,aAAgB,QAAS,IAAU,SAASA,CAAI,KAC/DF,EAAU;EACd,GACA;GAACN;GAAMK;GAAUC;EAAS,CAGrB;EAAa,iBAAiBT;CAAe;AAC1D"}

package/dist/components/Command/Command.cjs

@@ -1,2 +1,2 @@
-const e=require("../../utils/cn.cjs"),t=require("../../hooks/use-focus-trap.cjs"),n=require("../Portal/portal-host.cjs"),r=require("./Command.module.cjs");let i=require("react"),a=require("react/jsx-runtime"),o=require("react-dom");function s(e,t){return t===``||e.label.toLowerCase().includes(t)?!0:(e.keywords??[]).some(e=>e.toLowerCase().includes(t))}function c(e){let t=[],n=new Map;for(let r of e){let e=n.get(r.group);e===void 0?(n.set(r.group,t.length),t.push({name:r.group,items:[r]})):t[e].items.push(r)}return t}function l({open:l,onOpenChange:d,items:f,placeholder:p=`Type a command…`,emptyMessage:m=`No results`,className:h}){let g=(0,i.useRef)(null),[_,v]=(0,i.useState)(``),[y,b]=(0,i.useState)(0),x=`tempest-command-list`;t.useFocusTrap(g,l);let S=(0,i.useMemo)(()=>{let e=_.trim().toLowerCase();return c(f.filter(t=>s(t,e))).flatMap(e=>e.items)},[f,_]),C=(0,i.useMemo)(()=>c(S),[S]);(0,i.useEffect)(()=>{l&&(v(``),b(0))},[l]),(0,i.useEffect)(()=>{b(e=>S.length===0?0:Math.min(e,S.length-1))},[S.length]);let w=n.usePortalHost();if(!l||!w)return null;function T(e){e.onSelect(),d(!1)}function E(e){if(e.key===`Escape`){e.preventDefault(),d(!1);return}if(e.key===`ArrowDown`){if(e.preventDefault(),S.length===0)return;b(e=>(e+1)%S.length);return}if(e.key===`ArrowUp`){if(e.preventDefault(),S.length===0)return;b(e=>(e-1+S.length)%S.length);return}if(e.key===`Enter`){e.preventDefault();let t=S[y];t&&T(t)}}let D=-1;return(0,o.createPortal)((0,a.jsx)(`div`,{className:r.default.overlay,role:`presentation`,onClick:()=>d(!1),children:(0,a.jsxs)(`div`,{ref:g,role:`dialog`,"aria-modal":`true`,"aria-label":`Command palette`,className:e.cn(r.default.dialog,h),onClick:e=>e.stopPropagation(),children:[(0,a.jsxs)(`div`,{className:r.default.inputRow,children:[(0,a.jsx)(u,{}),(0,a.jsx)(`input`,{type:`text`,role:`combobox`,"aria-expanded":`true`,"aria-controls":x,"aria-autocomplete":`list`,autoFocus:!0,className:r.default.input,placeholder:p,value:_,onChange:e=>v(e.target.value),onKeyDown:E})]}),(0,a.jsx)(`ul`,{id:x,role:`listbox`,className:r.default.list,children:S.length===0?(0,a.jsx)(`li`,{className:r.default.empty,children:m}):C.map(t=>(0,a.jsxs)(`li`,{className:r.default.group,children:[t.name&&(0,a.jsx)(`div`,{className:r.default.groupHeading,children:t.name}),(0,a.jsx)(`ul`,{role:`presentation`,className:r.default.groupList,children:t.items.map(t=>{D+=1;let n=D===y,i=D;return(0,a.jsxs)(`li`,{role:`option`,"aria-selected":n,className:e.cn(r.default.option,n&&r.default.active),onMouseMove:()=>b(i),onClick:()=>T(t),children:[t.icon&&(0,a.jsx)(`span`,{className:r.default.icon,children:t.icon}),(0,a.jsx)(`span`,{className:r.default.label,children:t.label})]},t.id)})})]},t.name??`__ungrouped__`))})]})}),w)}function u(){return(0,a.jsxs)(`svg`,{className:r.default.searchIcon,width:`18`,height:`18`,viewBox:`0 0 24 24`,fill:`none`,"aria-hidden":`true`,children:[(0,a.jsx)(`circle`,{cx:`11`,cy:`11`,r:`7`,stroke:`currentColor`,strokeWidth:`2`}),(0,a.jsx)(`path`,{d:`M20 20l-3.5-3.5`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`})]})}exports.Command=l;
+const e=require("../../utils/cn.cjs"),t=require("../../hooks/use-focus-trap.cjs"),n=require("../Portal/portal-host.cjs"),r=require("./Command.module.cjs");let i=require("react"),a=require("react/jsx-runtime"),o=require("react-dom");function s(e,t){return t===``||e.label.toLowerCase().includes(t)?!0:(e.keywords??[]).some(e=>e.toLowerCase().includes(t))}function c(e){let t=[],n=new Map;for(let r of e){let e=n.get(r.group);e===void 0?(n.set(r.group,t.length),t.push({name:r.group,items:[r]})):t[e].items.push(r)}return t}function l({open:l,onOpenChange:d,items:f,placeholder:p=`Type a command…`,emptyMessage:m=`No results`,className:h}){let g=(0,i.useRef)(null),[_,v]=(0,i.useState)(``),[y,b]=(0,i.useState)(0),x=`tempest-command-list`;t.useFocusTrap(g,l);let S=(0,i.useMemo)(()=>{let e=_.trim().toLowerCase();return c(f.filter(t=>s(t,e))).flatMap(e=>e.items)},[f,_]),C=(0,i.useMemo)(()=>c(S),[S]);(0,i.useEffect)(()=>{l&&(v(``),b(0))},[l]),(0,i.useEffect)(()=>{b(e=>S.length===0?0:Math.min(e,S.length-1))},[S.length]);let w=n.usePortalHost();if(!l||!w)return null;function T(e){e.onSelect(),d(!1)}function E(e){if(e.key===`Escape`)e.preventDefault(),d(!1);else if(e.key===`ArrowDown`){if(e.preventDefault(),S.length===0)return;b(e=>(e+1)%S.length)}else if(e.key===`ArrowUp`){if(e.preventDefault(),S.length===0)return;b(e=>(e-1+S.length)%S.length)}else if(e.key===`Enter`){e.preventDefault();let t=S[y];t&&T(t)}}let D=-1;return(0,o.createPortal)((0,a.jsx)(`div`,{className:r.default.overlay,role:`presentation`,onClick:()=>d(!1),children:(0,a.jsxs)(`div`,{ref:g,role:`dialog`,"aria-modal":`true`,"aria-label":`Command palette`,className:e.cn(r.default.dialog,h),onClick:e=>e.stopPropagation(),children:[(0,a.jsxs)(`div`,{className:r.default.inputRow,children:[(0,a.jsx)(u,{}),(0,a.jsx)(`input`,{type:`text`,role:`combobox`,"aria-expanded":`true`,"aria-controls":x,"aria-autocomplete":`list`,autoFocus:!0,className:r.default.input,placeholder:p,value:_,onChange:e=>v(e.target.value),onKeyDown:E})]}),(0,a.jsx)(`ul`,{id:x,role:`listbox`,className:r.default.list,children:S.length===0?(0,a.jsx)(`li`,{className:r.default.empty,children:m}):C.map(t=>(0,a.jsxs)(`li`,{className:r.default.group,children:[t.name&&(0,a.jsx)(`div`,{className:r.default.groupHeading,children:t.name}),(0,a.jsx)(`ul`,{role:`presentation`,className:r.default.groupList,children:t.items.map(t=>{D+=1;let n=D===y,i=D;return(0,a.jsxs)(`li`,{role:`option`,"aria-selected":n,className:e.cn(r.default.option,n&&r.default.active),onMouseMove:()=>b(i),onClick:()=>T(t),children:[t.icon&&(0,a.jsx)(`span`,{className:r.default.icon,children:t.icon}),(0,a.jsx)(`span`,{className:r.default.label,children:t.label})]},t.id)})})]},t.name??`__ungrouped__`))})]})}),w)}function u(){return(0,a.jsxs)(`svg`,{className:r.default.searchIcon,width:`18`,height:`18`,viewBox:`0 0 24 24`,fill:`none`,"aria-hidden":`true`,children:[(0,a.jsx)(`circle`,{cx:`11`,cy:`11`,r:`7`,stroke:`currentColor`,strokeWidth:`2`}),(0,a.jsx)(`path`,{d:`M20 20l-3.5-3.5`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`})]})}exports.Command=l;
 //# sourceMappingURL=Command.cjs.map

package/dist/components/Command/Command.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Command.cjs","names":[],"sources":["../../../src/components/Command/Command.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, function-lines — a command palette is a filtered\n * listbox with its own keyboard contract: the body holds the query, the flattened\n * result list, the active index and the Escape/Enter handling, all of which read\n * each other on every keystroke.\n */\nimport { useEffect, useMemo, useRef, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"@/utils/cn\";\nimport { useFocusTrap } from \"@/hooks/use-focus-trap\";\nimport styles from \"./Command.module.css\";\nimport { usePortalHost } from \"../Portal/portal-host\";\n\nexport interface CommandItem {\n    /** Stable unique identifier for the item. */\n    id: string;\n    /** Human-readable label shown in the list and matched against the query. */\n    label: string;\n    /** Optional group heading; items sharing a group are rendered together. */\n    group?: string;\n    /** Extra terms matched against the query in addition to `label`. */\n    keywords?: string[];\n    /** Invoked when the item is chosen (click or Enter on the active row). */\n    onSelect: () => void;\n    /** Optional leading icon. */\n    icon?: ReactNode;\n}\n\nexport interface CommandProps {\n    /** Whether the palette is visible. */\n    open: boolean;\n    /** Called with the next open state (Escape, selection, backdrop click). */\n    onOpenChange: (open: boolean) => void;\n    /** Candidate items to filter and display. */\n    items: CommandItem[];\n    /** Placeholder for the search input. */\n    placeholder?: string;\n    /** Rendered when no item matches the current query. */\n    emptyMessage?: ReactNode;\n    /** Forwarded to the dialog element. */\n    className?: string;\n}\n\ninterface CommandGroup {\n    name: string | undefined;\n    items: CommandItem[];\n}\n\n/**\n * Case-insensitively test whether `item` matches `query` by substring against\n * its label and any keywords. An empty query matches everything.\n *\n * @param item - The candidate command item.\n * @param query - The lowercased search query.\n * @returns `true` when the item should be shown.\n */\nfunction matchesQuery(item: CommandItem, query: string): boolean {\n    if (query === \"\") return true;\n    if (item.label.toLowerCase().includes(query)) return true;\n    return (item.keywords ?? []).some((keyword) => keyword.toLowerCase().includes(query));\n}\n\n/**\n * Partition a flat item list into ordered groups, preserving first-seen order\n * for both groups and the items within them.\n *\n * @param items - The (already filtered) items to group.\n * @returns An ordered list of groups.\n */\nfunction groupItems(items: CommandItem[]): CommandGroup[] {\n    const groups: CommandGroup[] = [];\n    const indexByName = new Map<string | undefined, number>();\n    for (const item of items) {\n        const existing = indexByName.get(item.group);\n        if (existing === undefined) {\n            indexByName.set(item.group, groups.length);\n            groups.push({ name: item.group, items: [item] });\n        } else {\n            groups[existing]!.items.push(item);\n        }\n    }\n    return groups;\n}\n\n/**\n * A ⌘K-style command palette: an overlay dialog with a search input that\n * substring-filters items by label and keywords, groups results, and supports\n * full keyboard navigation (Arrow up/down, Enter, Escape). Traps focus while\n * open.\n */\nexport function Command({\n    open,\n    onOpenChange,\n    items,\n    placeholder = \"Type a command…\",\n    emptyMessage = \"No results\",\n    className,\n}: CommandProps) {\n    const dialogRef = useRef<HTMLDivElement>(null);\n    const [query, setQuery] = useState<string>(\"\");\n    const [activeIndex, setActiveIndex] = useState<number>(0);\n    const listId = \"tempest-command-list\";\n\n    useFocusTrap(dialogRef, open);\n\n    const filtered = useMemo<CommandItem[]>(() => {\n        const normalized = query.trim().toLowerCase();\n        const visible = items.filter((item) => matchesQuery(item, normalized));\n        return groupItems(visible).flatMap((group) => group.items);\n    }, [items, query]);\n\n    const groups = useMemo<CommandGroup[]>(() => groupItems(filtered), [filtered]);\n\n    // Reset transient state whenever the palette opens.\n    useEffect(() => {\n        if (open) {\n            setQuery(\"\");\n            setActiveIndex(0);\n        }\n    }, [open]);\n\n    // Keep the active index within bounds as the filtered list shrinks/grows.\n    useEffect(() => {\n        setActiveIndex((index) => {\n            if (filtered.length === 0) return 0;\n            return Math.min(index, filtered.length - 1);\n        });\n    }, [filtered.length]);\n\n    const portalHost = usePortalHost();\n\n    if (!open || !portalHost) return null;\n\n    function selectItem(item: CommandItem): void {\n        item.onSelect();\n        onOpenChange(false);\n    }\n\n    function handleKeyDown(event: React.KeyboardEvent<HTMLInputElement>): void {\n        if (event.key === \"Escape\") {\n            event.preventDefault();\n            onOpenChange(false);\n            return;\n        }\n        if (event.key === \"ArrowDown\") {\n            event.preventDefault();\n            if (filtered.length === 0) return;\n            setActiveIndex((index) => (index + 1) % filtered.length);\n            return;\n        }\n        if (event.key === \"ArrowUp\") {\n            event.preventDefault();\n            if (filtered.length === 0) return;\n            setActiveIndex((index) => (index - 1 + filtered.length) % filtered.length);\n            return;\n        }\n        if (event.key === \"Enter\") {\n            event.preventDefault();\n            const item = filtered[activeIndex];\n            if (item) selectItem(item);\n        }\n    }\n\n    let renderIndex = -1;\n\n    return createPortal(\n        <div className={styles.overlay} role=\"presentation\" onClick={() => onOpenChange(false)}>\n            <div\n                ref={dialogRef}\n                role=\"dialog\"\n                aria-modal=\"true\"\n                aria-label=\"Command palette\"\n                className={cn(styles.dialog, className)}\n                onClick={(event) => event.stopPropagation()}\n            >\n                <div className={styles.inputRow}>\n                    <SearchIcon />\n                    <input\n                        type=\"text\"\n                        role=\"combobox\"\n                        aria-expanded=\"true\"\n                        aria-controls={listId}\n                        aria-autocomplete=\"list\"\n                        autoFocus\n                        className={styles.input}\n                        placeholder={placeholder}\n                        value={query}\n                        onChange={(event) => setQuery(event.target.value)}\n                        onKeyDown={handleKeyDown}\n                    />\n                </div>\n                <ul id={listId} role=\"listbox\" className={styles.list}>\n                    {filtered.length === 0 ? (\n                        <li className={styles.empty}>{emptyMessage}</li>\n                    ) : (\n                        groups.map((group) => (\n                            <li key={group.name ?? \"__ungrouped__\"} className={styles.group}>\n                                {group.name && (\n                                    <div className={styles.groupHeading}>{group.name}</div>\n                                )}\n                                <ul role=\"presentation\" className={styles.groupList}>\n                                    {group.items.map((item) => {\n                                        renderIndex += 1;\n                                        const isActive = renderIndex === activeIndex;\n                                        const index = renderIndex;\n                                        return (\n                                            <li\n                                                key={item.id}\n                                                role=\"option\"\n                                                aria-selected={isActive}\n                                                className={cn(\n                                                    styles.option,\n                                                    isActive && styles.active,\n                                                )}\n                                                onMouseMove={() => setActiveIndex(index)}\n                                                onClick={() => selectItem(item)}\n                                            >\n                                                {item.icon && (\n                                                    <span className={styles.icon}>{item.icon}</span>\n                                                )}\n                                                <span className={styles.label}>{item.label}</span>\n                                            </li>\n                                        );\n                                    })}\n                                </ul>\n                            </li>\n                        ))\n                    )}\n                </ul>\n            </div>\n        </div>,\n        portalHost,\n    );\n}\n\nfunction SearchIcon() {\n    return (\n        <svg\n            className={styles.searchIcon}\n            width=\"18\"\n            height=\"18\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            aria-hidden=\"true\"\n        >\n            <circle cx=\"11\" cy=\"11\" r=\"7\" stroke=\"currentColor\" strokeWidth=\"2\" />\n            <path d=\"M20 20l-3.5-3.5\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" />\n        </svg>\n    );\n}\n"],"mappings":"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"}
+{"version":3,"file":"Command.cjs","names":["useRef","useState","useMemo","usePortalHost","createPortal","styles","cn","require_cn","require_use_focus_trap","require_portal_host","require_Command_module","react","react_jsx_runtime","react_dom","matchesQuery","query","item","keyword","groupItems","groups","indexByName","items","existing","Command","dialogRef","setQuery","activeIndex","setActiveIndex","listId","open","filtered","normalized","group","index","portalHost","selectItem","onOpenChange","handleKeyDown","event","renderIndex","className","SearchIcon","emptyMessage","isActive"],"sources":["../../../src/components/Command/Command.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, function-lines — a command palette is a filtered\n * listbox with its own keyboard contract: the body holds the query, the flattened\n * result list, the active index and the Escape/Enter handling, all of which read\n * each other on every keystroke.\n */\nimport { useEffect, useMemo, useRef, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"@/utils/cn\";\nimport { useFocusTrap } from \"@/hooks/use-focus-trap\";\nimport styles from \"./Command.module.css\";\nimport { usePortalHost } from \"../Portal/portal-host\";\n\nexport interface CommandItem {\n    /** Stable unique identifier for the item. */\n    id: string;\n    /** Human-readable label shown in the list and matched against the query. */\n    label: string;\n    /** Optional group heading; items sharing a group are rendered together. */\n    group?: string;\n    /** Extra terms matched against the query in addition to `label`. */\n    keywords?: string[];\n    /** Invoked when the item is chosen (click or Enter on the active row). */\n    onSelect: () => void;\n    /** Optional leading icon. */\n    icon?: ReactNode;\n}\n\nexport interface CommandProps {\n    /** Whether the palette is visible. */\n    open: boolean;\n    /** Called with the next open state (Escape, selection, backdrop click). */\n    onOpenChange: (open: boolean) => void;\n    /** Candidate items to filter and display. */\n    items: CommandItem[];\n    /** Placeholder for the search input. */\n    placeholder?: string;\n    /** Rendered when no item matches the current query. */\n    emptyMessage?: ReactNode;\n    /** Forwarded to the dialog element. */\n    className?: string;\n}\n\ninterface CommandGroup {\n    name: string | undefined;\n    items: CommandItem[];\n}\n\n/**\n * Case-insensitively test whether `item` matches `query` by substring against\n * its label and any keywords. An empty query matches everything.\n *\n * @param item - The candidate command item.\n * @param query - The lowercased search query.\n * @returns `true` when the item should be shown.\n */\nfunction matchesQuery(item: CommandItem, query: string): boolean {\n    if (query === \"\") return true;\n    if (item.label.toLowerCase().includes(query)) return true;\n    return (item.keywords ?? []).some((keyword) => keyword.toLowerCase().includes(query));\n}\n\n/**\n * Partition a flat item list into ordered groups, preserving first-seen order\n * for both groups and the items within them.\n *\n * @param items - The (already filtered) items to group.\n * @returns An ordered list of groups.\n */\nfunction groupItems(items: CommandItem[]): CommandGroup[] {\n    const groups: CommandGroup[] = [];\n    const indexByName = new Map<string | undefined, number>();\n    for (const item of items) {\n        const existing = indexByName.get(item.group);\n        if (existing === undefined) {\n            indexByName.set(item.group, groups.length);\n            groups.push({ name: item.group, items: [item] });\n        } else {\n            groups[existing]!.items.push(item);\n        }\n    }\n    return groups;\n}\n\n/**\n * A ⌘K-style command palette: an overlay dialog with a search input that\n * substring-filters items by label and keywords, groups results, and supports\n * full keyboard navigation (Arrow up/down, Enter, Escape). Traps focus while\n * open.\n */\nexport function Command({\n    open,\n    onOpenChange,\n    items,\n    placeholder = \"Type a command…\",\n    emptyMessage = \"No results\",\n    className,\n}: CommandProps) {\n    const dialogRef = useRef<HTMLDivElement>(null);\n    const [query, setQuery] = useState<string>(\"\");\n    const [activeIndex, setActiveIndex] = useState<number>(0);\n    const listId = \"tempest-command-list\";\n\n    useFocusTrap(dialogRef, open);\n\n    const filtered = useMemo<CommandItem[]>(() => {\n        const normalized = query.trim().toLowerCase();\n        const visible = items.filter((item) => matchesQuery(item, normalized));\n        return groupItems(visible).flatMap((group) => group.items);\n    }, [items, query]);\n\n    const groups = useMemo<CommandGroup[]>(() => groupItems(filtered), [filtered]);\n\n    // Reset transient state whenever the palette opens.\n    useEffect(() => {\n        if (open) {\n            setQuery(\"\");\n            setActiveIndex(0);\n        }\n    }, [open]);\n\n    // Keep the active index within bounds as the filtered list shrinks/grows.\n    useEffect(() => {\n        setActiveIndex((index) => {\n            if (filtered.length === 0) return 0;\n            return Math.min(index, filtered.length - 1);\n        });\n    }, [filtered.length]);\n\n    const portalHost = usePortalHost();\n\n    if (!open || !portalHost) return null;\n\n    function selectItem(item: CommandItem): void {\n        item.onSelect();\n        onOpenChange(false);\n    }\n\n    function handleKeyDown(event: React.KeyboardEvent<HTMLInputElement>): void {\n        if (event.key === \"Escape\") {\n            event.preventDefault();\n            onOpenChange(false);\n            return;\n        }\n        if (event.key === \"ArrowDown\") {\n            event.preventDefault();\n            if (filtered.length === 0) return;\n            setActiveIndex((index) => (index + 1) % filtered.length);\n            return;\n        }\n        if (event.key === \"ArrowUp\") {\n            event.preventDefault();\n            if (filtered.length === 0) return;\n            setActiveIndex((index) => (index - 1 + filtered.length) % filtered.length);\n            return;\n        }\n        if (event.key === \"Enter\") {\n            event.preventDefault();\n            const item = filtered[activeIndex];\n            if (item) selectItem(item);\n        }\n    }\n\n    let renderIndex = -1;\n\n    return createPortal(\n        <div className={styles.overlay} role=\"presentation\" onClick={() => onOpenChange(false)}>\n            <div\n                ref={dialogRef}\n                role=\"dialog\"\n                aria-modal=\"true\"\n                aria-label=\"Command palette\"\n                className={cn(styles.dialog, className)}\n                onClick={(event) => event.stopPropagation()}\n            >\n                <div className={styles.inputRow}>\n                    <SearchIcon />\n                    <input\n                        type=\"text\"\n                        role=\"combobox\"\n                        aria-expanded=\"true\"\n                        aria-controls={listId}\n                        aria-autocomplete=\"list\"\n                        autoFocus\n                        className={styles.input}\n                        placeholder={placeholder}\n                        value={query}\n                        onChange={(event) => setQuery(event.target.value)}\n                        onKeyDown={handleKeyDown}\n                    />\n                </div>\n                <ul id={listId} role=\"listbox\" className={styles.list}>\n                    {filtered.length === 0 ? (\n                        <li className={styles.empty}>{emptyMessage}</li>\n                    ) : (\n                        groups.map((group) => (\n                            <li key={group.name ?? \"__ungrouped__\"} className={styles.group}>\n                                {group.name && (\n                                    <div className={styles.groupHeading}>{group.name}</div>\n                                )}\n                                <ul role=\"presentation\" className={styles.groupList}>\n                                    {group.items.map((item) => {\n                                        renderIndex += 1;\n                                        const isActive = renderIndex === activeIndex;\n                                        const index = renderIndex;\n                                        return (\n                                            <li\n                                                key={item.id}\n                                                role=\"option\"\n                                                aria-selected={isActive}\n                                                className={cn(\n                                                    styles.option,\n                                                    isActive && styles.active,\n                                                )}\n                                                onMouseMove={() => setActiveIndex(index)}\n                                                onClick={() => selectItem(item)}\n                                            >\n                                                {item.icon && (\n                                                    <span className={styles.icon}>{item.icon}</span>\n                                                )}\n                                                <span className={styles.label}>{item.label}</span>\n                                            </li>\n                                        );\n                                    })}\n                                </ul>\n                            </li>\n                        ))\n                    )}\n                </ul>\n            </div>\n        </div>,\n        portalHost,\n    );\n}\n\nfunction SearchIcon() {\n    return (\n        <svg\n            className={styles.searchIcon}\n            width=\"18\"\n            height=\"18\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            aria-hidden=\"true\"\n        >\n            <circle cx=\"11\" cy=\"11\" r=\"7\" stroke=\"currentColor\" strokeWidth=\"2\" />\n            <path d=\"M20 20l-3.5-3.5\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" />\n        </svg>\n    );\n}\n"],"mappings":"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"}

package/dist/components/Command/Command.js

@@ -38,21 +38,14 @@ function p({ open: p, onOpenChange: h, items: g, placeholder: _ = "Type a comman
 		e.onSelect(), h(!1);
 	}
 	function A(e) {
-		if (e.key === "Escape") {
-			e.preventDefault(), h(!1);
-			return;
-		}
-		if (e.key === "ArrowDown") {
+		if (e.key === "Escape") e.preventDefault(), h(!1);
+		else if (e.key === "ArrowDown") {
 			if (e.preventDefault(), E.length === 0) return;
 			w((e) => (e + 1) % E.length);
-			return;
-		}
-		if (e.key === "ArrowUp") {
+		} else if (e.key === "ArrowUp") {
 			if (e.preventDefault(), E.length === 0) return;
 			w((e) => (e - 1 + E.length) % E.length);
-			return;
-		}
-		if (e.key === "Enter") {
+		} else if (e.key === "Enter") {
 			e.preventDefault();
 			let t = E[C];
 			t && k(t);