@adea-ai/ui 0.140.0 → 0.142.0

package/dist/components/composites/context/context.js

@@ -0,0 +1,234 @@
+import { cn } from "../../../lib/utils.js";
+import { Button } from "../../ui/button/button.js";
+import { Popover, PopoverContent, PopoverTitle, PopoverTrigger } from "../../ui/popover/popover.js";
+import { Progress } from "../../ui/progress/progress.js";
+import { breakdownRows, contextLabel, contextLevel, contextLevelWord, contextPercent, contextShort, formatCost, formatExact, hasContextFigures, isFigure } from "./context-model.js";
+import { className, createComponent, effect, insert, setAttribute, template } from "solid-js/web";
+import { OctagonAlert, TriangleAlert } from "lucide-solid";
+import { For, Show, splitProps } from "solid-js";
+//#region src/components/composites/context/context.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<span aria-hidden=true>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<span aria-hidden=true class=tabular-nums>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<p><span class=text-foreground>`);
+var _tmpl$4 = /*#__PURE__*/ template(`<div class="flex flex-col gap-2 px-2 pb-2"><dl class="m-0 flex flex-col gap-1 text-sm">`);
+var _tmpl$5 = /*#__PURE__*/ template(`<svg aria-hidden=true viewBox="0 0 16 16"fill=none class=size-4><circle cx=8 cy=8 r=6 stroke-width=2 class=stroke-border></circle><circle cx=8 cy=8 r=6 stroke-width=2 stroke-linecap=round transform="rotate(-90 8 8)"class=stroke-primary>`);
+var _tmpl$6 = /*#__PURE__*/ template(`<div class="flex items-baseline justify-between gap-4"><dt class=text-muted-foreground></dt><dd class="m-0 text-end tabular-nums">`);
+var RING_CIRCUMFERENCE = 2 * Math.PI * 6;
+function Context(props) {
+	const [local, figures] = splitProps(props, [
+		"locale",
+		"placement",
+		"class"
+	]);
+	const locale = () => local.locale ?? "en-US";
+	const percent = () => contextPercent(figures.used, figures.total);
+	const level = () => contextLevel(percent());
+	const levelWord = () => contextLevelWord(level());
+	const rows = () => breakdownRows(figures.breakdown);
+	const remaining = () => isFigure(figures.used) && isFigure(figures.total) && figures.used <= figures.total ? figures.total - figures.used : void 0;
+	const cost = () => figures.cost && isFigure(figures.cost.amount) ? figures.cost : void 0;
+	return createComponent(Show, {
+		get when() {
+			return hasContextFigures(figures);
+		},
+		get children() {
+			return createComponent(Popover, {
+				get placement() {
+					return local.placement ?? "top";
+				},
+				gutter: 6,
+				get children() {
+					return [createComponent(PopoverTrigger, {
+						as: Button,
+						variant: "ghost",
+						size: "xs",
+						"data-slot": "context",
+						get ["data-level"]() {
+							return level();
+						},
+						get ["aria-label"]() {
+							return contextLabel(figures, locale());
+						},
+						get ["class"]() {
+							return local.class;
+						},
+						get children() {
+							return [createComponent(Show, {
+								get when() {
+									return level() !== "normal";
+								},
+								get fallback() {
+									return createComponent(Show, {
+										get when() {
+											return percent() !== void 0;
+										},
+										get children() {
+											return createComponent(Ring, { get percent() {
+												return percent() ?? 0;
+											} });
+										}
+									});
+								},
+								get children() {
+									var _el$ = _tmpl$();
+									insert(_el$, createComponent(Show, {
+										get when() {
+											return level() === "high";
+										},
+										get fallback() {
+											return createComponent(OctagonAlert, {});
+										},
+										get children() {
+											return createComponent(TriangleAlert, {});
+										}
+									}));
+									effect(() => className(_el$, cn({
+										"text-warning": level() === "high",
+										"text-destructive": level() === "critical" || level() === "full"
+									})));
+									return _el$;
+								}
+							}), (() => {
+								var _el$2 = _tmpl$2();
+								insert(_el$2, () => contextShort(figures, locale()));
+								return _el$2;
+							})()];
+						}
+					}), createComponent(PopoverContent, {
+						"class": "w-72 max-w-full",
+						get children() {
+							return [createComponent(PopoverTitle, { children: "Context window" }), (() => {
+								var _el$3 = _tmpl$4(), _el$6 = _el$3.firstChild;
+								insert(_el$3, createComponent(Show, {
+									get when() {
+										return percent() !== void 0;
+									},
+									get children() {
+										return createComponent(Progress, {
+											get value() {
+												return Math.min(percent() ?? 0, 100);
+											},
+											minValue: 0,
+											maxValue: 100,
+											label: "Context used",
+											getValueLabel: () => `${percent()}% used`
+										});
+									}
+								}), _el$6);
+								insert(_el$3, createComponent(Show, {
+									get when() {
+										return levelWord();
+									},
+									get children() {
+										var _el$4 = _tmpl$3(), _el$5 = _el$4.firstChild;
+										insert(_el$4, createComponent(Show, {
+											get when() {
+												return level() === "high";
+											},
+											get fallback() {
+												return createComponent(OctagonAlert, { "class": "size-4" });
+											},
+											get children() {
+												return createComponent(TriangleAlert, { "class": "size-4" });
+											}
+										}), _el$5);
+										insert(_el$5, levelWord);
+										effect(() => className(_el$4, cn("m-0 flex items-center gap-1.5 text-sm font-medium", {
+											"text-warning": level() === "high",
+											"text-destructive": level() === "critical" || level() === "full"
+										})));
+										return _el$4;
+									}
+								}), _el$6);
+								insert(_el$6, createComponent(Show, {
+									get when() {
+										return isFigure(figures.used);
+									},
+									get children() {
+										return createComponent(Row, {
+											label: "Used",
+											get value() {
+												return `${formatExact(figures.used ?? 0, locale())} tokens`;
+											}
+										});
+									}
+								}), null);
+								insert(_el$6, createComponent(Show, {
+									get when() {
+										return isFigure(figures.total);
+									},
+									get children() {
+										return createComponent(Row, {
+											label: "Window",
+											get value() {
+												return `${formatExact(figures.total ?? 0, locale())} tokens`;
+											}
+										});
+									}
+								}), null);
+								insert(_el$6, createComponent(Show, {
+									get when() {
+										return remaining() !== void 0;
+									},
+									get children() {
+										return createComponent(Row, {
+											label: "Remaining",
+											get value() {
+												return `${formatExact(remaining() ?? 0, locale())} tokens`;
+											}
+										});
+									}
+								}), null);
+								insert(_el$6, createComponent(For, {
+									get each() {
+										return rows();
+									},
+									children: (row) => createComponent(Row, {
+										get label() {
+											return row.label;
+										},
+										get value() {
+											return formatExact(row.value, locale());
+										}
+									})
+								}), null);
+								insert(_el$6, createComponent(Show, {
+									get when() {
+										return cost();
+									},
+									children: (value) => createComponent(Row, {
+										label: "Cost",
+										get value() {
+											return formatCost(value(), locale());
+										}
+									})
+								}), null);
+								return _el$3;
+							})()];
+						}
+					})];
+				}
+			});
+		}
+	});
+}
+function Ring(props) {
+	const filled = () => RING_CIRCUMFERENCE * Math.min(Math.max(props.percent, 0), 100) / 100;
+	return (() => {
+		var _el$7 = _tmpl$5(), _el$9 = _el$7.firstChild.nextSibling;
+		effect(() => setAttribute(_el$9, "stroke-dasharray", `${filled()} ${RING_CIRCUMFERENCE}`));
+		return _el$7;
+	})();
+}
+function Row(props) {
+	return (() => {
+		var _el$0 = _tmpl$6(), _el$1 = _el$0.firstChild, _el$10 = _el$1.nextSibling;
+		insert(_el$1, () => props.label);
+		insert(_el$10, () => props.value);
+		return _el$0;
+	})();
+}
+//#endregion
+export { Context };
+
+//# sourceMappingURL=context.js.map

package/dist/components/composites/context/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":["OctagonAlert","TriangleAlert","For","Show","splitProps","ComponentProps","cn","Button","Popover","PopoverContent","PopoverTitle","PopoverTrigger","Progress","breakdownRows","contextLabel","contextLevel","contextLevelWord","contextPercent","contextShort","formatCost","formatExact","hasContextFigures","isFigure","ContextFigures","ContextLevel","ContextProps","locale","placement","class","RING_RADIUS","RING_CIRCUMFERENCE","Math","PI","Context","props","local","figures","percent","used","total","level","levelWord","rows","breakdown","remaining","undefined","cost","amount","_$createComponent","when","children","gutter","as","variant","size","data-level","aria-label","fallback","Ring","_el$","_tmpl$","_$insert","_$effect","_$className","_el$2","_tmpl$2","_el$3","_tmpl$4","_el$6","firstChild","value","min","minValue","maxValue","label","getValueLabel","_el$4","_tmpl$3","_el$5","Row","each","row","filled","max","_el$7","_tmpl$5","_el$8","_el$9","nextSibling","_$setAttribute","_el$0","_tmpl$6","_el$1","_el$10","_$createComponent","_$className","_$setAttribute"],"sources":["../../../../src/components/composites/context/context.tsx"],"sourcesContent":["import { OctagonAlert, TriangleAlert } from 'lucide-solid'\nimport { For, Show, splitProps, type ComponentProps } from 'solid-js'\nimport { cn } from '#lib/utils'\nimport { Button } from '../../ui/button'\nimport { Popover, PopoverContent, PopoverTitle, PopoverTrigger } from '../../ui/popover'\nimport { Progress } from '../../ui/progress'\nimport {\n  breakdownRows,\n  contextLabel,\n  contextLevel,\n  contextLevelWord,\n  contextPercent,\n  contextShort,\n  formatCost,\n  formatExact,\n  hasContextFigures,\n  isFigure,\n  type ContextFigures,\n  type ContextLevel,\n} from './context-model'\n\n/**\n * Context.\n *\n * How much of the model's context window is in use, as a compact trigger that\n * opens the figures behind it. It sits next to the composer, where the reader\n * decides whether to keep going or start fresh, so the trigger is small and the\n * detail is a press away rather than permanent chrome.\n *\n * ## Every figure is a claim, so every figure is optional\n *\n * A host passes whatever it knows: `used`, `total`, a `breakdown` (input, output,\n * cache read and write, reasoning), a `cost`. A missing value is omitted — never\n * drawn as 0, which would say \"empty\" about a window nobody measured — and when\n * *nothing* is known the trigger is not rendered at all (`hasContextFigures`).\n * Nothing is estimated here; the one derived row, \"Remaining\", appears only when\n * both `used` and `total` are known and `used` does not exceed `total`.\n *\n * ## Never colour alone\n *\n * The ring shows the fraction; past 75% the ring gives way to a warning glyph\n * (triangle, then octagon at 90% and above), the popover says \"Getting full\",\n * \"Nearly full\" or \"Full\" in words, and the trigger's accessible name speaks the\n * same. An overrun is reported as it is (\"112%\"); only the ring saturates.\n *\n * It is a `Popover`, not a hover card: the figures must be reachable by keyboard\n * and by touch, and Escape closes it and returns focus to the trigger.\n */\nexport type ContextProps = ContextFigures & {\n  /** BCP 47 tag for number formatting. Defaults to `en-US`, so output is stable. */\n  locale?: string\n  placement?: ComponentProps<typeof Popover>['placement']\n  class?: string\n}\n\n// A circle of radius 6 in a 16-unit box; the dash array is the fraction of this.\nconst RING_RADIUS = 6\nconst RING_CIRCUMFERENCE = 2 * Math.PI * RING_RADIUS\n\nexport function Context(props: ContextProps) {\n  const [local, figures] = splitProps(props, ['locale', 'placement', 'class'])\n  const locale = () => local.locale ?? 'en-US'\n  const percent = () => contextPercent(figures.used, figures.total)\n  const level = (): ContextLevel => contextLevel(percent())\n  const levelWord = () => contextLevelWord(level())\n  const rows = () => breakdownRows(figures.breakdown)\n  const remaining = () =>\n    isFigure(figures.used) && isFigure(figures.total) && figures.used <= figures.total\n      ? figures.total - figures.used\n      : undefined\n  const cost = () => (figures.cost && isFigure(figures.cost.amount) ? figures.cost : undefined)\n\n  return (\n    <Show when={hasContextFigures(figures)}>\n      <Popover placement={local.placement ?? 'top'} gutter={6}>\n        <PopoverTrigger\n          as={Button}\n          variant=\"ghost\"\n          size=\"xs\"\n          data-slot=\"context\"\n          data-level={level()}\n          aria-label={contextLabel(figures, locale())}\n          class={local.class}\n        >\n          <Show\n            when={level() !== 'normal'}\n            fallback={\n              <Show when={percent() !== undefined}>\n                <Ring percent={percent() ?? 0} />\n              </Show>\n            }\n          >\n            <span\n              aria-hidden=\"true\"\n              class={cn({\n                'text-warning': level() === 'high',\n                'text-destructive': level() === 'critical' || level() === 'full',\n              })}\n            >\n              <Show when={level() === 'high'} fallback={<OctagonAlert />}>\n                <TriangleAlert />\n              </Show>\n            </span>\n          </Show>\n          <span aria-hidden=\"true\" class=\"tabular-nums\">\n            {contextShort(figures, locale())}\n          </span>\n        </PopoverTrigger>\n        <PopoverContent class=\"w-72 max-w-full\">\n          <PopoverTitle>Context window</PopoverTitle>\n          <div class=\"flex flex-col gap-2 px-2 pb-2\">\n            <Show when={percent() !== undefined}>\n              <Progress\n                value={Math.min(percent() ?? 0, 100)}\n                minValue={0}\n                maxValue={100}\n                label=\"Context used\"\n                getValueLabel={() => `${percent()}% used`}\n              />\n            </Show>\n            <Show when={levelWord()}>\n              <p\n                class={cn('m-0 flex items-center gap-1.5 text-sm font-medium', {\n                  'text-warning': level() === 'high',\n                  'text-destructive': level() === 'critical' || level() === 'full',\n                })}\n              >\n                <Show when={level() === 'high'} fallback={<OctagonAlert class=\"size-4\" />}>\n                  <TriangleAlert class=\"size-4\" />\n                </Show>\n                <span class=\"text-foreground\">{levelWord()}</span>\n              </p>\n            </Show>\n            <dl class=\"m-0 flex flex-col gap-1 text-sm\">\n              <Show when={isFigure(figures.used)}>\n                <Row label=\"Used\" value={`${formatExact(figures.used ?? 0, locale())} tokens`} />\n              </Show>\n              <Show when={isFigure(figures.total)}>\n                <Row label=\"Window\" value={`${formatExact(figures.total ?? 0, locale())} tokens`} />\n              </Show>\n              <Show when={remaining() !== undefined}>\n                <Row\n                  label=\"Remaining\"\n                  value={`${formatExact(remaining() ?? 0, locale())} tokens`}\n                />\n              </Show>\n              <For each={rows()}>\n                {(row) => <Row label={row.label} value={formatExact(row.value, locale())} />}\n              </For>\n              <Show when={cost()}>\n                {(value) => <Row label=\"Cost\" value={formatCost(value(), locale())} />}\n              </Show>\n            </dl>\n          </div>\n        </PopoverContent>\n      </Popover>\n    </Show>\n  )\n}\n\nfunction Ring(props: { percent: number }) {\n  const filled = () => (RING_CIRCUMFERENCE * Math.min(Math.max(props.percent, 0), 100)) / 100\n  return (\n    <svg aria-hidden=\"true\" viewBox=\"0 0 16 16\" fill=\"none\" class=\"size-4\">\n      <circle cx=\"8\" cy=\"8\" r={RING_RADIUS} stroke-width=\"2\" class=\"stroke-border\" />\n      <circle\n        cx=\"8\"\n        cy=\"8\"\n        r={RING_RADIUS}\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-dasharray={`${filled()} ${RING_CIRCUMFERENCE}`}\n        transform=\"rotate(-90 8 8)\"\n        class=\"stroke-primary\"\n      />\n    </svg>\n  )\n}\n\nfunction Row(props: { label: string; value: string }) {\n  return (\n    <div class=\"flex items-baseline justify-between gap-4\">\n      <dt class=\"text-muted-foreground\">{props.label}</dt>\n      <dd class=\"m-0 text-end tabular-nums\">{props.value}</dd>\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/components/composites/context/index.d.ts

@@ -0,0 +1,3 @@
+export { Context, type ContextProps } from './context';
+export { breakdownRows, contextLabel, contextLevel, contextLevelWord, contextPercent, contextShort, formatCost, formatExact, formatTokens, hasContextFigures, isFigure, type ContextBreakdown, type ContextCost, type ContextFigures, type ContextLevel, } from './context-model';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/composites/context/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/context/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAA;AACtD,OAAO,EACL,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,YAAY,EACZ,UAAU,EACV,WAAW,EACX,YAAY,EACZ,iBAAiB,EACjB,QAAQ,EACR,KAAK,gBAAgB,EACrB,KAAK,WAAW,EAChB,KAAK,cAAc,EACnB,KAAK,YAAY,GAClB,MAAM,iBAAiB,CAAA"}

package/dist/components/composites/context/index.js

@@ -0,0 +1,3 @@
+import { breakdownRows, contextLabel, contextLevel, contextLevelWord, contextPercent, contextShort, formatCost, formatExact, formatTokens, hasContextFigures, isFigure } from "./context-model.js";
+import { Context } from "./context.js";
+export { Context, breakdownRows, contextLabel, contextLevel, contextLevelWord, contextPercent, contextShort, formatCost, formatExact, formatTokens, hasContextFigures, isFigure };

package/dist/components/composites/file-tree/build-file-tree.d.ts

@@ -0,0 +1,138 @@
+/**
+ * The model behind the changed-files tree: paths in, a folder tree out, and the
+ * small pure rules the view needs (what is visible, what to say about the
+ * changes, what a typed letter jumps to).
+ *
+ * Paths come from an agent, which means from a model, which means they are
+ * untrusted text. They are used here as labels and as ids, never as places to
+ * read or write, and the builder is strict about what counts as a path at all:
+ * a `..` segment, a control character or a bidirectional override rejects the
+ * path rather than being cleaned up, because a cleaned-up path is a different
+ * path and the tree would be making a claim the input did not. Rejected paths
+ * are returned, not dropped silently, so the view can say how many it ignored.
+ *
+ * Everything is iterative. A path with ten thousand segments, or a tree five
+ * thousand files wide, must not be able to overflow the stack or stall the page.
+ */
+export type FileChangeKind = 'added' | 'modified' | 'deleted' | 'renamed';
+export type FileChangeInput = Readonly<{
+    path: string;
+    /** Absent means the host did not say; the tree makes no statement about the file. */
+    change?: FileChangeKind;
+    /** For a rename, where the file was. Shown as text only. */
+    renamedFrom?: string;
+    additions?: number;
+    deletions?: number;
+}>;
+export type FileTreeNode = Readonly<{
+    /** The normalised path, `/`-separated. Unique within a tree. */
+    id: string;
+    /** The label. For a compacted folder chain this is `a/b/c`. */
+    name: string;
+    kind: 'file' | 'directory';
+    change?: FileChangeKind;
+    renamedFrom?: string;
+    additions?: number;
+    deletions?: number;
+    children: readonly FileTreeNode[];
+    /** Files at or below this node. A file counts itself. */
+    fileCount: number;
+}>;
+export type FileTreeBuild = Readonly<{
+    roots: readonly FileTreeNode[];
+    /** Inputs that were not accepted as paths, exactly as given. */
+    rejected: readonly string[];
+    /** Inputs that named a path already present. The first one wins. */
+    duplicates: number;
+    fileCount: number;
+}>;
+export type BuildFileTreeOptions = {
+    /** Merge a folder with a single folder child into one row (`src/lib`). Default true. */
+    compact?: boolean;
+};
+/** Deeper paths are rejected: no real repository nests this far, and a row's indent would be unusable. */
+export declare const FILE_TREE_MAX_DEPTH = 256;
+/**
+ * A path as its segments, or `null` when it is not acceptable. Both separators
+ * are accepted, empty and `.` segments are dropped (`a//b`, `./a`, trailing `/`),
+ * and a leading separator is dropped, so an absolute path becomes relative to
+ * the tree's root rather than escaping it.
+ */
+export declare function normalizePath(path: unknown): string[] | null;
+/**
+ * Build the tree. Folders sort before files, then by name without regard to
+ * case. A path that is both a file and the parent of another path is a folder
+ * that keeps the file entry's change (a file replaced by a directory is a real
+ * thing to report).
+ */
+export declare function buildFileTree(paths: readonly (string | FileChangeInput)[], options?: BuildFileTreeOptions): FileTreeBuild;
+export type FileTreeRow = Readonly<{
+    node: FileTreeNode;
+    /** One-based depth. */
+    level: number;
+    parentId: string | null;
+    expanded: boolean;
+}>;
+/**
+ * The rows that are on screen, in reading order. A collapsed folder's subtree
+ * is never visited, so toggling a folder in a 5 000-file tree costs the size of
+ * what is visible, not of what exists.
+ */
+export declare function flattenFileTree(roots: readonly FileTreeNode[], expanded: ReadonlySet<string>): FileTreeRow[];
+/** Every node by id, for turning a row id back into its node. */
+export declare function indexFileTree(roots: readonly FileTreeNode[]): Map<string, FileTreeNode>;
+export type FileTreeExpansion = boolean | number | readonly string[] | undefined;
+/** Tree this small opens fully by default; a larger one opens only its top level. */
+export declare const FILE_TREE_AUTO_EXPAND_LIMIT = 100;
+/**
+ * Which folders start open. `true` opens every folder, a number opens folders up
+ * to that depth (1 is the top level), a list opens exactly those ids, `false`
+ * none. Unset is "auto": everything for a small tree, the top level for a large
+ * one, because a tree that opens 5 000 rows is the freeze this exists to avoid.
+ */
+export declare function initialExpanded(roots: readonly FileTreeNode[], spec: FileTreeExpansion, fileCount: number): Set<string>;
+/** The slice of visible rows that is mounted: `start` inclusive, `end` exclusive. */
+export type RowWindow = Readonly<{
+    start: number;
+    end: number;
+}>;
+/**
+ * A window clamped to what exists, and never narrower than one page when that
+ * many rows are there. Rows collapse and files are removed while a window is
+ * held, so every read goes through this.
+ */
+export declare function clampWindow(window: RowWindow, total: number, page: number): RowWindow;
+/**
+ * The window after the keyboard (or typeahead) asks for a row. A row inside the
+ * window changes nothing. A row just outside it — an arrow key at the edge — grows
+ * the window by one page, so walking the tree costs a page at a time. Anything
+ * further is a jump (End, Home, a typed letter): the window moves to the page that
+ * holds the row instead of mounting every row between, which is what keeps End on
+ * a 5 000-row tree from being a multi-second freeze.
+ */
+export declare function revealInWindow(window: RowWindow, index: number, total: number, page: number): RowWindow;
+export type ChangeCounts = Readonly<{
+    total: number;
+    added: number;
+    modified: number;
+    deleted: number;
+    renamed: number;
+    /** Files with no change kind supplied. */
+    unspecified: number;
+}>;
+export declare function countChanges(roots: readonly FileTreeNode[]): ChangeCounts;
+/**
+ * The summary in words: "12 files changed: 3 added, 8 modified, 1 deleted". Only
+ * kinds that occur are named, and files with no kind are not folded into any of
+ * them. Empty is empty, not "0 files changed".
+ */
+export declare function describeChanges(counts: ChangeCounts): string;
+/** The words for a change, which are drawn on the row and so also spoken. */
+export declare const FILE_CHANGE_LABELS: Readonly<Record<FileChangeKind, string>>;
+/**
+ * The row a typed prefix jumps to. One typed letter searches from the row after
+ * the active one, so pressing it again cycles; a longer string searches from the
+ * active row, so refining a match does not skip past it. Matching ignores case.
+ */
+export declare function typeaheadIndex(labels: readonly string[], activeIndex: number, query: string): number;
+//# sourceMappingURL=build-file-tree.d.ts.map

package/dist/components/composites/file-tree/build-file-tree.d.ts.map

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