@flanksource/clicky-ui 0.3.55 → 0.3.57

package/dist/components/LocalPathPicker.cjs

@@ -0,0 +1,182 @@
+const require_button = require("./button.cjs");
+const require_InputField = require("./InputField.cjs");
+const require_Modal = require("../overlay/Modal.cjs");
+const require_LocalPathTree = require("./LocalPathTree.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/components/LocalPathPicker.tsx
+function LocalPathPicker({ open, onClose, onSelect, load, initialPath = "", accept = [] }) {
+	const [path, setPath] = (0, react.useState)(initialPath);
+	const [draft, setDraft] = (0, react.useState)(initialPath);
+	const [listing, setListing] = (0, react.useState)();
+	const [error, setError] = (0, react.useState)("");
+	const [loading, setLoading] = (0, react.useState)(false);
+	const [selected, setSelected] = (0, react.useState)("");
+	const [hidden, setHidden] = (0, react.useState)(false);
+	const [all, setAll] = (0, react.useState)(false);
+	const [retry, setRetry] = (0, react.useState)(0);
+	const extensions = accept.map((extension) => extension.toLowerCase()).join("\0");
+	(0, react.useEffect)(() => setSelected(""), [
+		hidden,
+		all,
+		extensions
+	]);
+	const filteredLoad = async (directory, signal) => {
+		const result = await load(directory, signal);
+		return {
+			...result,
+			entries: result.entries.filter((entry) => (hidden || !entry.name.startsWith(".")) && (entry.directory || all || accept.length === 0 || accept.some((extension) => entry.name.toLowerCase().endsWith(extension.toLowerCase()))))
+		};
+	};
+	(0, react.useEffect)(() => {
+		if (open) {
+			setPath(initialPath);
+			setDraft(initialPath);
+			setSelected("");
+		}
+	}, [open, initialPath]);
+	(0, react.useEffect)(() => {
+		if (!open) return;
+		const controller = new AbortController();
+		setLoading(true);
+		setError("");
+		setListing(void 0);
+		setSelected("");
+		load(path, controller.signal).then((result) => {
+			if (!controller.signal.aborted) {
+				setListing(result);
+				setDraft(result.path);
+			}
+		}).catch((reason) => {
+			if (!controller.signal.aborted) setError(reason instanceof Error ? reason.message : String(reason));
+		}).finally(() => {
+			if (!controller.signal.aborted) setLoading(false);
+		});
+		return () => controller.abort();
+	}, [
+		open,
+		path,
+		load,
+		retry
+	]);
+	const navigate = (next) => {
+		setPath(next);
+		setRetry((value) => value + 1);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Modal.Modal, {
+		open,
+		onClose,
+		title: "Choose a local file",
+		size: "lg",
+		footer: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.Button, {
+			type: "button",
+			variant: "outline",
+			onClick: onClose,
+			children: "Cancel"
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.Button, {
+			type: "button",
+			disabled: !selected || loading || !!error,
+			onClick: () => {
+				onSelect(selected);
+				onClose();
+			},
+			children: "Select file"
+		})] }),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "space-y-3",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex gap-2",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_InputField.InputField, {
+						"aria-label": "Directory path",
+						value: draft,
+						onChange: setDraft,
+						onKeyDown: (event) => {
+							if (event.key === "Enter") {
+								event.preventDefault();
+								navigate(draft);
+							}
+						}
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.Button, {
+						type: "button",
+						onClick: () => navigate(draft),
+						children: "Go"
+					})]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("nav", {
+					"aria-label": "Directory breadcrumbs",
+					className: "flex flex-wrap gap-1",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.Button, {
+						type: "button",
+						variant: "ghost",
+						onClick: () => navigate("/"),
+						children: "/"
+					}), listing?.path.split("/").filter(Boolean).map((part, index, parts) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.Button, {
+						type: "button",
+						variant: "ghost",
+						onClick: () => navigate("/" + parts.slice(0, index + 1).join("/")),
+						children: part
+					}, parts.slice(0, index + 1).join("/")))]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex flex-wrap items-center gap-2",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.Button, {
+							type: "button",
+							variant: "outline",
+							disabled: !listing || listing.parent === listing.path,
+							onClick: () => listing && navigate(listing.parent),
+							children: "Parent folder"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								type: "checkbox",
+								checked: hidden,
+								onChange: (event) => setHidden(event.target.checked)
+							}),
+							" ",
+							"Show hidden"
+						] }),
+						accept.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								type: "checkbox",
+								checked: all,
+								onChange: (event) => setAll(event.target.checked)
+							}),
+							" ",
+							"All files"
+						] })
+					]
+				}),
+				loading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					role: "status",
+					children: "Loading files…"
+				}),
+				error && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					role: "alert",
+					children: [error, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.Button, {
+						type: "button",
+						onClick: () => setRetry((value) => value + 1),
+						children: "Retry"
+					})]
+				}),
+				listing && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LocalPathTree.LocalPathTree, {
+					entries: listing.entries.filter((entry) => (hidden || !entry.name.startsWith(".")) && (entry.directory || all || accept.length === 0 || accept.some((extension) => entry.name.toLowerCase().endsWith(extension.toLowerCase())))),
+					load: filteredLoad,
+					selected,
+					onSelect: setSelected,
+					onRetry: navigate
+				}, JSON.stringify([
+					listing.path,
+					retry,
+					hidden,
+					all,
+					extensions
+				]))
+			]
+		})
+	});
+}
+exports.LocalPathPicker = LocalPathPicker;
+
+//# sourceMappingURL=LocalPathPicker.cjs.map

package/dist/components/LocalPathPicker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocalPathPicker.cjs","names":["useState","Modal","_Fragment","Button","Input","LocalPathTree"],"sources":["../../src/components/LocalPathPicker.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { Modal } from \"../overlay/Modal\";\nimport { Button } from \"./button\";\nimport { InputField as Input } from \"./InputField\";\nimport { LocalPathTree } from \"./LocalPathTree\";\nimport type { LocalPathListing, LocalPathLoader } from \"./local-path\";\n\nexport interface LocalPathPickerProps {\n  open: boolean;\n  onClose: () => void;\n  onSelect: (path: string) => void;\n  load: LocalPathLoader;\n  initialPath?: string;\n  accept?: readonly string[];\n}\n\nexport function LocalPathPicker({\n  open,\n  onClose,\n  onSelect,\n  load,\n  initialPath = \"\",\n  accept = [],\n}: LocalPathPickerProps) {\n  const [path, setPath] = useState(initialPath);\n  const [draft, setDraft] = useState(initialPath);\n  const [listing, setListing] = useState<LocalPathListing>();\n  const [error, setError] = useState(\"\");\n  const [loading, setLoading] = useState(false);\n  const [selected, setSelected] = useState(\"\");\n  const [hidden, setHidden] = useState(false);\n  const [all, setAll] = useState(false);\n  const [retry, setRetry] = useState(0);\n  const extensions = accept\n    .map((extension) => extension.toLowerCase())\n    .join(\"\\u0000\");\n  useEffect(() => setSelected(\"\"), [hidden, all, extensions]);\n  const filteredLoad: LocalPathLoader = async (directory, signal) => {\n    const result = await load(directory, signal);\n    return {\n      ...result,\n      entries: result.entries.filter(\n        (entry) =>\n          (hidden || !entry.name.startsWith(\".\")) &&\n          (entry.directory ||\n            all ||\n            accept.length === 0 ||\n            accept.some((extension) =>\n              entry.name.toLowerCase().endsWith(extension.toLowerCase()),\n            )),\n      ),\n    };\n  };\n  useEffect(() => {\n    if (open) {\n      setPath(initialPath);\n      setDraft(initialPath);\n      setSelected(\"\");\n    }\n  }, [open, initialPath]);\n  useEffect(() => {\n    if (!open) return;\n    const controller = new AbortController();\n    setLoading(true);\n    setError(\"\");\n    setListing(undefined);\n    setSelected(\"\");\n    load(path, controller.signal)\n      .then((result) => {\n        if (!controller.signal.aborted) {\n          setListing(result);\n          setDraft(result.path);\n        }\n      })\n      .catch((reason: unknown) => {\n        if (!controller.signal.aborted)\n          setError(reason instanceof Error ? reason.message : String(reason));\n      })\n      .finally(() => {\n        if (!controller.signal.aborted) setLoading(false);\n      });\n    return () => controller.abort();\n  }, [open, path, load, retry]);\n  const navigate = (next: string) => {\n    setPath(next);\n    setRetry((value) => value + 1);\n  };\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      title=\"Choose a local file\"\n      size=\"lg\"\n      footer={\n        <>\n          <Button type=\"button\" variant=\"outline\" onClick={onClose}>\n            Cancel\n          </Button>\n          <Button\n            type=\"button\"\n            disabled={!selected || loading || !!error}\n            onClick={() => {\n              onSelect(selected);\n              onClose();\n            }}\n          >\n            Select file\n          </Button>\n        </>\n      }\n    >\n      <div className=\"space-y-3\">\n        <div className=\"flex gap-2\">\n          <Input\n            aria-label=\"Directory path\"\n            value={draft}\n            onChange={setDraft}\n            onKeyDown={(event) => {\n              if (event.key === \"Enter\") {\n                event.preventDefault();\n                navigate(draft);\n              }\n            }}\n          />\n          <Button type=\"button\" onClick={() => navigate(draft)}>\n            Go\n          </Button>\n        </div>\n        <nav\n          aria-label=\"Directory breadcrumbs\"\n          className=\"flex flex-wrap gap-1\"\n        >\n          <Button type=\"button\" variant=\"ghost\" onClick={() => navigate(\"/\")}>\n            /\n          </Button>\n          {listing?.path\n            .split(\"/\")\n            .filter(Boolean)\n            .map((part, index, parts) => (\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                key={parts.slice(0, index + 1).join(\"/\")}\n                onClick={() =>\n                  navigate(\"/\" + parts.slice(0, index + 1).join(\"/\"))\n                }\n              >\n                {part}\n              </Button>\n            ))}\n        </nav>\n        <div className=\"flex flex-wrap items-center gap-2\">\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            disabled={!listing || listing.parent === listing.path}\n            onClick={() => listing && navigate(listing.parent)}\n          >\n            Parent folder\n          </Button>\n          <label>\n            <input\n              type=\"checkbox\"\n              checked={hidden}\n              onChange={(event) => setHidden(event.target.checked)}\n            />{\" \"}\n            Show hidden\n          </label>\n          {accept.length > 0 && (\n            <label>\n              <input\n                type=\"checkbox\"\n                checked={all}\n                onChange={(event) => setAll(event.target.checked)}\n              />{\" \"}\n              All files\n            </label>\n          )}\n        </div>\n        {loading && <p role=\"status\">Loading files…</p>}\n        {error && (\n          <div role=\"alert\">\n            {error}\n            <Button\n              type=\"button\"\n              onClick={() => setRetry((value) => value + 1)}\n            >\n              Retry\n            </Button>\n          </div>\n        )}\n        {listing && (\n          <LocalPathTree\n            key={JSON.stringify([listing.path, retry, hidden, all, extensions])}\n            entries={listing.entries.filter(\n              (entry) =>\n                (hidden || !entry.name.startsWith(\".\")) &&\n                (entry.directory ||\n                  all ||\n                  accept.length === 0 ||\n                  accept.some((extension) =>\n                    entry.name.toLowerCase().endsWith(extension.toLowerCase()),\n                  )),\n            )}\n            load={filteredLoad}\n            selected={selected}\n            onSelect={setSelected}\n            onRetry={navigate}\n          />\n        )}\n      </div>\n    </Modal>\n  );\n}\n"],"mappings":"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"}

package/dist/components/LocalPathPicker.d.ts

@@ -0,0 +1,11 @@
+import { LocalPathLoader } from './local-path.js';
+export interface LocalPathPickerProps {
+    open: boolean;
+    onClose: () => void;
+    onSelect: (path: string) => void;
+    load: LocalPathLoader;
+    initialPath?: string;
+    accept?: readonly string[];
+}
+export declare function LocalPathPicker({ open, onClose, onSelect, load, initialPath, accept, }: LocalPathPickerProps): import("react").JSX.Element;
+//# sourceMappingURL=LocalPathPicker.d.ts.map

package/dist/components/LocalPathPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocalPathPicker.d.ts","sourceRoot":"","sources":["../../src/components/LocalPathPicker.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAoB,eAAe,EAAE,MAAM,cAAc,CAAC;AAEtE,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,IAAI,EAAE,eAAe,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;CAC5B;AAED,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,WAAgB,EAChB,MAAW,GACZ,EAAE,oBAAoB,+BA8LtB"}

package/dist/components/LocalPathPicker.js

@@ -0,0 +1,182 @@
+import { Button } from "./button.js";
+import { InputField } from "./InputField.js";
+import { Modal } from "../overlay/Modal.js";
+import { LocalPathTree } from "./LocalPathTree.js";
+import { useEffect, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+// src/components/LocalPathPicker.tsx
+function LocalPathPicker({ open, onClose, onSelect, load, initialPath = "", accept = [] }) {
+	const [path, setPath] = useState(initialPath);
+	const [draft, setDraft] = useState(initialPath);
+	const [listing, setListing] = useState();
+	const [error, setError] = useState("");
+	const [loading, setLoading] = useState(false);
+	const [selected, setSelected] = useState("");
+	const [hidden, setHidden] = useState(false);
+	const [all, setAll] = useState(false);
+	const [retry, setRetry] = useState(0);
+	const extensions = accept.map((extension) => extension.toLowerCase()).join("\0");
+	useEffect(() => setSelected(""), [
+		hidden,
+		all,
+		extensions
+	]);
+	const filteredLoad = async (directory, signal) => {
+		const result = await load(directory, signal);
+		return {
+			...result,
+			entries: result.entries.filter((entry) => (hidden || !entry.name.startsWith(".")) && (entry.directory || all || accept.length === 0 || accept.some((extension) => entry.name.toLowerCase().endsWith(extension.toLowerCase()))))
+		};
+	};
+	useEffect(() => {
+		if (open) {
+			setPath(initialPath);
+			setDraft(initialPath);
+			setSelected("");
+		}
+	}, [open, initialPath]);
+	useEffect(() => {
+		if (!open) return;
+		const controller = new AbortController();
+		setLoading(true);
+		setError("");
+		setListing(void 0);
+		setSelected("");
+		load(path, controller.signal).then((result) => {
+			if (!controller.signal.aborted) {
+				setListing(result);
+				setDraft(result.path);
+			}
+		}).catch((reason) => {
+			if (!controller.signal.aborted) setError(reason instanceof Error ? reason.message : String(reason));
+		}).finally(() => {
+			if (!controller.signal.aborted) setLoading(false);
+		});
+		return () => controller.abort();
+	}, [
+		open,
+		path,
+		load,
+		retry
+	]);
+	const navigate = (next) => {
+		setPath(next);
+		setRetry((value) => value + 1);
+	};
+	return /* @__PURE__ */ jsx(Modal, {
+		open,
+		onClose,
+		title: "Choose a local file",
+		size: "lg",
+		footer: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Button, {
+			type: "button",
+			variant: "outline",
+			onClick: onClose,
+			children: "Cancel"
+		}), /* @__PURE__ */ jsx(Button, {
+			type: "button",
+			disabled: !selected || loading || !!error,
+			onClick: () => {
+				onSelect(selected);
+				onClose();
+			},
+			children: "Select file"
+		})] }),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "space-y-3",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex gap-2",
+					children: [/* @__PURE__ */ jsx(InputField, {
+						"aria-label": "Directory path",
+						value: draft,
+						onChange: setDraft,
+						onKeyDown: (event) => {
+							if (event.key === "Enter") {
+								event.preventDefault();
+								navigate(draft);
+							}
+						}
+					}), /* @__PURE__ */ jsx(Button, {
+						type: "button",
+						onClick: () => navigate(draft),
+						children: "Go"
+					})]
+				}),
+				/* @__PURE__ */ jsxs("nav", {
+					"aria-label": "Directory breadcrumbs",
+					className: "flex flex-wrap gap-1",
+					children: [/* @__PURE__ */ jsx(Button, {
+						type: "button",
+						variant: "ghost",
+						onClick: () => navigate("/"),
+						children: "/"
+					}), listing?.path.split("/").filter(Boolean).map((part, index, parts) => /* @__PURE__ */ jsx(Button, {
+						type: "button",
+						variant: "ghost",
+						onClick: () => navigate("/" + parts.slice(0, index + 1).join("/")),
+						children: part
+					}, parts.slice(0, index + 1).join("/")))]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex flex-wrap items-center gap-2",
+					children: [
+						/* @__PURE__ */ jsx(Button, {
+							type: "button",
+							variant: "outline",
+							disabled: !listing || listing.parent === listing.path,
+							onClick: () => listing && navigate(listing.parent),
+							children: "Parent folder"
+						}),
+						/* @__PURE__ */ jsxs("label", { children: [
+							/* @__PURE__ */ jsx("input", {
+								type: "checkbox",
+								checked: hidden,
+								onChange: (event) => setHidden(event.target.checked)
+							}),
+							" ",
+							"Show hidden"
+						] }),
+						accept.length > 0 && /* @__PURE__ */ jsxs("label", { children: [
+							/* @__PURE__ */ jsx("input", {
+								type: "checkbox",
+								checked: all,
+								onChange: (event) => setAll(event.target.checked)
+							}),
+							" ",
+							"All files"
+						] })
+					]
+				}),
+				loading && /* @__PURE__ */ jsx("p", {
+					role: "status",
+					children: "Loading files…"
+				}),
+				error && /* @__PURE__ */ jsxs("div", {
+					role: "alert",
+					children: [error, /* @__PURE__ */ jsx(Button, {
+						type: "button",
+						onClick: () => setRetry((value) => value + 1),
+						children: "Retry"
+					})]
+				}),
+				listing && /* @__PURE__ */ jsx(LocalPathTree, {
+					entries: listing.entries.filter((entry) => (hidden || !entry.name.startsWith(".")) && (entry.directory || all || accept.length === 0 || accept.some((extension) => entry.name.toLowerCase().endsWith(extension.toLowerCase())))),
+					load: filteredLoad,
+					selected,
+					onSelect: setSelected,
+					onRetry: navigate
+				}, JSON.stringify([
+					listing.path,
+					retry,
+					hidden,
+					all,
+					extensions
+				]))
+			]
+		})
+	});
+}
+export { LocalPathPicker };
+
+//# sourceMappingURL=LocalPathPicker.js.map

package/dist/components/LocalPathPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocalPathPicker.js","names":["_Fragment","Input"],"sources":["../../src/components/LocalPathPicker.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { Modal } from \"../overlay/Modal\";\nimport { Button } from \"./button\";\nimport { InputField as Input } from \"./InputField\";\nimport { LocalPathTree } from \"./LocalPathTree\";\nimport type { LocalPathListing, LocalPathLoader } from \"./local-path\";\n\nexport interface LocalPathPickerProps {\n  open: boolean;\n  onClose: () => void;\n  onSelect: (path: string) => void;\n  load: LocalPathLoader;\n  initialPath?: string;\n  accept?: readonly string[];\n}\n\nexport function LocalPathPicker({\n  open,\n  onClose,\n  onSelect,\n  load,\n  initialPath = \"\",\n  accept = [],\n}: LocalPathPickerProps) {\n  const [path, setPath] = useState(initialPath);\n  const [draft, setDraft] = useState(initialPath);\n  const [listing, setListing] = useState<LocalPathListing>();\n  const [error, setError] = useState(\"\");\n  const [loading, setLoading] = useState(false);\n  const [selected, setSelected] = useState(\"\");\n  const [hidden, setHidden] = useState(false);\n  const [all, setAll] = useState(false);\n  const [retry, setRetry] = useState(0);\n  const extensions = accept\n    .map((extension) => extension.toLowerCase())\n    .join(\"\\u0000\");\n  useEffect(() => setSelected(\"\"), [hidden, all, extensions]);\n  const filteredLoad: LocalPathLoader = async (directory, signal) => {\n    const result = await load(directory, signal);\n    return {\n      ...result,\n      entries: result.entries.filter(\n        (entry) =>\n          (hidden || !entry.name.startsWith(\".\")) &&\n          (entry.directory ||\n            all ||\n            accept.length === 0 ||\n            accept.some((extension) =>\n              entry.name.toLowerCase().endsWith(extension.toLowerCase()),\n            )),\n      ),\n    };\n  };\n  useEffect(() => {\n    if (open) {\n      setPath(initialPath);\n      setDraft(initialPath);\n      setSelected(\"\");\n    }\n  }, [open, initialPath]);\n  useEffect(() => {\n    if (!open) return;\n    const controller = new AbortController();\n    setLoading(true);\n    setError(\"\");\n    setListing(undefined);\n    setSelected(\"\");\n    load(path, controller.signal)\n      .then((result) => {\n        if (!controller.signal.aborted) {\n          setListing(result);\n          setDraft(result.path);\n        }\n      })\n      .catch((reason: unknown) => {\n        if (!controller.signal.aborted)\n          setError(reason instanceof Error ? reason.message : String(reason));\n      })\n      .finally(() => {\n        if (!controller.signal.aborted) setLoading(false);\n      });\n    return () => controller.abort();\n  }, [open, path, load, retry]);\n  const navigate = (next: string) => {\n    setPath(next);\n    setRetry((value) => value + 1);\n  };\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      title=\"Choose a local file\"\n      size=\"lg\"\n      footer={\n        <>\n          <Button type=\"button\" variant=\"outline\" onClick={onClose}>\n            Cancel\n          </Button>\n          <Button\n            type=\"button\"\n            disabled={!selected || loading || !!error}\n            onClick={() => {\n              onSelect(selected);\n              onClose();\n            }}\n          >\n            Select file\n          </Button>\n        </>\n      }\n    >\n      <div className=\"space-y-3\">\n        <div className=\"flex gap-2\">\n          <Input\n            aria-label=\"Directory path\"\n            value={draft}\n            onChange={setDraft}\n            onKeyDown={(event) => {\n              if (event.key === \"Enter\") {\n                event.preventDefault();\n                navigate(draft);\n              }\n            }}\n          />\n          <Button type=\"button\" onClick={() => navigate(draft)}>\n            Go\n          </Button>\n        </div>\n        <nav\n          aria-label=\"Directory breadcrumbs\"\n          className=\"flex flex-wrap gap-1\"\n        >\n          <Button type=\"button\" variant=\"ghost\" onClick={() => navigate(\"/\")}>\n            /\n          </Button>\n          {listing?.path\n            .split(\"/\")\n            .filter(Boolean)\n            .map((part, index, parts) => (\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                key={parts.slice(0, index + 1).join(\"/\")}\n                onClick={() =>\n                  navigate(\"/\" + parts.slice(0, index + 1).join(\"/\"))\n                }\n              >\n                {part}\n              </Button>\n            ))}\n        </nav>\n        <div className=\"flex flex-wrap items-center gap-2\">\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            disabled={!listing || listing.parent === listing.path}\n            onClick={() => listing && navigate(listing.parent)}\n          >\n            Parent folder\n          </Button>\n          <label>\n            <input\n              type=\"checkbox\"\n              checked={hidden}\n              onChange={(event) => setHidden(event.target.checked)}\n            />{\" \"}\n            Show hidden\n          </label>\n          {accept.length > 0 && (\n            <label>\n              <input\n                type=\"checkbox\"\n                checked={all}\n                onChange={(event) => setAll(event.target.checked)}\n              />{\" \"}\n              All files\n            </label>\n          )}\n        </div>\n        {loading && <p role=\"status\">Loading files…</p>}\n        {error && (\n          <div role=\"alert\">\n            {error}\n            <Button\n              type=\"button\"\n              onClick={() => setRetry((value) => value + 1)}\n            >\n              Retry\n            </Button>\n          </div>\n        )}\n        {listing && (\n          <LocalPathTree\n            key={JSON.stringify([listing.path, retry, hidden, all, extensions])}\n            entries={listing.entries.filter(\n              (entry) =>\n                (hidden || !entry.name.startsWith(\".\")) &&\n                (entry.directory ||\n                  all ||\n                  accept.length === 0 ||\n                  accept.some((extension) =>\n                    entry.name.toLowerCase().endsWith(extension.toLowerCase()),\n                  )),\n            )}\n            load={filteredLoad}\n            selected={selected}\n            onSelect={setSelected}\n            onRetry={navigate}\n          />\n        )}\n      </div>\n    </Modal>\n  );\n}\n"],"mappings":"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"}

package/dist/components/LocalPathTree.cjs

@@ -0,0 +1,89 @@
+const require_button = require("./button.cjs");
+const require_Tree = require("../data/Tree.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/components/LocalPathTree.tsx
+function LocalPathTree({ entries, load, selected, onSelect, onRetry }) {
+	const [children, setChildren] = (0, react.useState)({});
+	const [query, setQuery] = (0, react.useState)("");
+	const requests = (0, react.useRef)(/* @__PURE__ */ new Set());
+	(0, react.useEffect)(() => () => {
+		for (const request of requests.current) request.abort();
+	}, []);
+	const select = (node) => {
+		if (!node.directory && !node.problem) onSelect(node.path);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tree.Tree, {
+		roots: entries,
+		defaultOpen: () => false,
+		getKey: (node) => `${node.path}\u0000${query}`,
+		getChildren: (node) => children[node.path],
+		hasMoreChildren: (node) => node.directory && !node.problem && children[node.path] === void 0,
+		loadChildren: async (node) => {
+			const controller = new AbortController();
+			requests.current.add(controller);
+			try {
+				const result = await load(node.path, controller.signal);
+				controller.signal.throwIfAborted();
+				setChildren((previous) => ({
+					...previous,
+					[node.path]: result.entries
+				}));
+				return result.entries;
+			} finally {
+				requests.current.delete(controller);
+			}
+		},
+		getAriaLabel: (node) => node.name,
+		getSearchText: (node) => node.name,
+		showSearch: true,
+		searchLabel: "Filter filenames",
+		searchQuery: query,
+		onSearchQueryChange: setQuery,
+		showControls: false,
+		empty: "No matching files in this folder.",
+		selected: selected ? {
+			path: selected,
+			name: "",
+			directory: false
+		} : null,
+		onSelect: select,
+		renderRow: ({ node, loading, error }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex min-w-0 flex-1 flex-wrap items-center gap-2",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					className: "min-w-0 truncate text-left",
+					disabled: !!node.problem,
+					title: node.problem,
+					onClick: node.directory ? void 0 : (event) => {
+						event.stopPropagation();
+						select(node);
+					},
+					children: [node.name, node.directory ? "/" : ""]
+				}),
+				loading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					role: "status",
+					children: "Loading…"
+				}),
+				(error != null || node.problem) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					role: "alert",
+					className: "text-destructive",
+					children: error instanceof Error ? error.message : String(error ?? node.problem)
+				}),
+				error != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.Button, {
+					type: "button",
+					variant: "ghost",
+					onClick: (event) => {
+						event.stopPropagation();
+						onRetry(node.path);
+					},
+					children: "Retry folder"
+				})
+			]
+		})
+	});
+}
+exports.LocalPathTree = LocalPathTree;
+
+//# sourceMappingURL=LocalPathTree.cjs.map

package/dist/components/LocalPathTree.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocalPathTree.cjs","names":["useState","useRef","Tree","Button"],"sources":["../../src/components/LocalPathTree.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { Tree } from \"../data/Tree\";\nimport { Button } from \"./button\";\nimport type { LocalPathEntry, LocalPathLoader } from \"./local-path\";\n\nexport function LocalPathTree({\n  entries,\n  load,\n  selected,\n  onSelect,\n  onRetry,\n}: {\n  entries: LocalPathEntry[];\n  load: LocalPathLoader;\n  selected: string;\n  onSelect: (path: string) => void;\n  onRetry: (path: string) => void;\n}) {\n  const [children, setChildren] = useState<Record<string, LocalPathEntry[]>>(\n    {},\n  );\n  const [query, setQuery] = useState(\"\");\n  const requests = useRef(new Set<AbortController>());\n  useEffect(\n    () => () => {\n      for (const request of requests.current) request.abort();\n    },\n    [],\n  );\n  const select = (node: LocalPathEntry) => {\n    if (!node.directory && !node.problem) onSelect(node.path);\n  };\n  return (\n    <Tree<LocalPathEntry>\n      roots={entries}\n      defaultOpen={() => false}\n      getKey={(node) => `${node.path}\\u0000${query}`}\n      getChildren={(node) => children[node.path]}\n      hasMoreChildren={(node) =>\n        node.directory && !node.problem && children[node.path] === undefined\n      }\n      loadChildren={async (node) => {\n        const controller = new AbortController();\n        requests.current.add(controller);\n        try {\n          const result = await load(node.path, controller.signal);\n          controller.signal.throwIfAborted();\n          setChildren((previous) => ({\n            ...previous,\n            [node.path]: result.entries,\n          }));\n          return result.entries;\n        } finally {\n          requests.current.delete(controller);\n        }\n      }}\n      getAriaLabel={(node) => node.name}\n      getSearchText={(node) => node.name}\n      showSearch\n      searchLabel=\"Filter filenames\"\n      searchQuery={query}\n      onSearchQueryChange={setQuery}\n      showControls={false}\n      empty=\"No matching files in this folder.\"\n      selected={\n        selected ? { path: selected, name: \"\", directory: false } : null\n      }\n      onSelect={select}\n      renderRow={({ node, loading, error }) => (\n        <div className=\"flex min-w-0 flex-1 flex-wrap items-center gap-2\">\n          <button\n            type=\"button\"\n            className=\"min-w-0 truncate text-left\"\n            disabled={!!node.problem}\n            title={node.problem}\n            onClick={\n              node.directory\n                ? undefined\n                : (event) => {\n                    event.stopPropagation();\n                    select(node);\n                  }\n            }\n          >\n            {node.name}\n            {node.directory ? \"/\" : \"\"}\n          </button>\n          {loading && <span role=\"status\">Loading…</span>}\n          {(error != null || node.problem) && (\n            <span role=\"alert\" className=\"text-destructive\">\n              {error instanceof Error\n                ? error.message\n                : String(error ?? node.problem)}\n            </span>\n          )}\n          {error != null && (\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              onClick={(event) => {\n                event.stopPropagation();\n                onRetry(node.path);\n              }}\n            >\n              Retry folder\n            </Button>\n          )}\n        </div>\n      )}\n    />\n  );\n}\n"],"mappings":";;;;;AAKA,SAAgB,cAAc,EAC5B,SACA,MACA,UACA,UACA,WAOC;CACD,MAAM,CAAC,UAAU,gBAAA,GAAeA,MAAAA,SAAAA,CAC9B,CAAC,CACH;CACA,MAAM,CAAC,OAAO,aAAA,GAAYA,MAAAA,SAAAA,CAAS,EAAE;CACrC,MAAM,YAAA,GAAWC,MAAAA,OAAAA,iBAAO,IAAI,IAAqB,CAAC;CAClD,CAAA,GAAA,MAAA,UAAA,aACc;EACV,KAAK,MAAM,WAAW,SAAS,SAAS,QAAQ,MAAM;CACxD,GACA,CAAC,CACH;CACA,MAAM,UAAU,SAAyB;EACvC,IAAI,CAAC,KAAK,aAAa,CAAC,KAAK,SAAS,SAAS,KAAK,IAAI;CAC1D;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD;EACE,OAAO;EACP,mBAAmB;EACnB,SAAS,SAAS,GAAG,KAAK,KAAK,QAAQ;EACvC,cAAc,SAAS,SAAS,KAAK;EACrC,kBAAkB,SAChB,KAAK,aAAa,CAAC,KAAK,WAAW,SAAS,KAAK,UAAU,KAAA;EAE7D,cAAc,OAAO,SAAS;GAC5B,MAAM,aAAa,IAAI,gBAAgB;GACvC,SAAS,QAAQ,IAAI,UAAU;GAC/B,IAAI;IACF,MAAM,SAAS,MAAM,KAAK,KAAK,MAAM,WAAW,MAAM;IACtD,WAAW,OAAO,eAAe;IACjC,aAAa,cAAc;KACzB,GAAG;MACF,KAAK,OAAO,OAAO;IACtB,EAAE;IACF,OAAO,OAAO;GAChB,UAAU;IACR,SAAS,QAAQ,OAAO,UAAU;GACpC;EACF;EACA,eAAe,SAAS,KAAK;EAC7B,gBAAgB,SAAS,KAAK;EAC9B,YAAA;EACA,aAAY;EACZ,aAAa;EACb,qBAAqB;EACrB,cAAc;EACd,OAAM;EACN,UACE,WAAW;GAAE,MAAM;GAAU,MAAM;GAAI,WAAW;EAAM,IAAI;EAE9D,UAAU;EACV,YAAY,EAAE,MAAM,SAAS,YAC3B,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GAAK,WAAU;GAAf,UAAA;IACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,UAAD;KACE,MAAK;KACL,WAAU;KACV,UAAU,CAAC,CAAC,KAAK;KACjB,OAAO,KAAK;KACZ,SACE,KAAK,YACD,KAAA,KACC,UAAU;MACT,MAAM,gBAAgB;MACtB,OAAO,IAAI;KACb;KAXR,UAAA,CAcG,KAAK,MACL,KAAK,YAAY,MAAM,EAClB;;IACP,WAAW,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;KAAM,MAAK;KAAS,UAAA;IAAc,CAAA;KAC5C,SAAS,QAAQ,KAAK,YACtB,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;KAAM,MAAK;KAAQ,WAAU;KAC1B,UAAA,iBAAiB,QACd,MAAM,UACN,OAAO,SAAS,KAAK,OAAO;IAC5B,CAAA;IAEP,SAAS,QACR,iBAAA,GAAA,kBAAA,IAAA,CAACC,eAAAA,QAAD;KACE,MAAK;KACL,SAAQ;KACR,UAAU,UAAU;MAClB,MAAM,gBAAgB;MACtB,QAAQ,KAAK,IAAI;KACnB;KACD,UAAA;IAEO,CAAA;GAEP;;CAER,CAAA;AAEL"}

package/dist/components/LocalPathTree.d.ts

@@ -0,0 +1,9 @@
+import { LocalPathEntry, LocalPathLoader } from './local-path.js';
+export declare function LocalPathTree({ entries, load, selected, onSelect, onRetry, }: {
+    entries: LocalPathEntry[];
+    load: LocalPathLoader;
+    selected: string;
+    onSelect: (path: string) => void;
+    onRetry: (path: string) => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=LocalPathTree.d.ts.map

package/dist/components/LocalPathTree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocalPathTree.d.ts","sourceRoot":"","sources":["../../src/components/LocalPathTree.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpE,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,OAAO,GACR,EAAE;IACD,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,IAAI,EAAE,eAAe,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC,+BA8FA"}

package/dist/components/LocalPathTree.js

@@ -0,0 +1,89 @@
+import { Button } from "./button.js";
+import { Tree } from "../data/Tree.js";
+import { useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/components/LocalPathTree.tsx
+function LocalPathTree({ entries, load, selected, onSelect, onRetry }) {
+	const [children, setChildren] = useState({});
+	const [query, setQuery] = useState("");
+	const requests = useRef(/* @__PURE__ */ new Set());
+	useEffect(() => () => {
+		for (const request of requests.current) request.abort();
+	}, []);
+	const select = (node) => {
+		if (!node.directory && !node.problem) onSelect(node.path);
+	};
+	return /* @__PURE__ */ jsx(Tree, {
+		roots: entries,
+		defaultOpen: () => false,
+		getKey: (node) => `${node.path}\u0000${query}`,
+		getChildren: (node) => children[node.path],
+		hasMoreChildren: (node) => node.directory && !node.problem && children[node.path] === void 0,
+		loadChildren: async (node) => {
+			const controller = new AbortController();
+			requests.current.add(controller);
+			try {
+				const result = await load(node.path, controller.signal);
+				controller.signal.throwIfAborted();
+				setChildren((previous) => ({
+					...previous,
+					[node.path]: result.entries
+				}));
+				return result.entries;
+			} finally {
+				requests.current.delete(controller);
+			}
+		},
+		getAriaLabel: (node) => node.name,
+		getSearchText: (node) => node.name,
+		showSearch: true,
+		searchLabel: "Filter filenames",
+		searchQuery: query,
+		onSearchQueryChange: setQuery,
+		showControls: false,
+		empty: "No matching files in this folder.",
+		selected: selected ? {
+			path: selected,
+			name: "",
+			directory: false
+		} : null,
+		onSelect: select,
+		renderRow: ({ node, loading, error }) => /* @__PURE__ */ jsxs("div", {
+			className: "flex min-w-0 flex-1 flex-wrap items-center gap-2",
+			children: [
+				/* @__PURE__ */ jsxs("button", {
+					type: "button",
+					className: "min-w-0 truncate text-left",
+					disabled: !!node.problem,
+					title: node.problem,
+					onClick: node.directory ? void 0 : (event) => {
+						event.stopPropagation();
+						select(node);
+					},
+					children: [node.name, node.directory ? "/" : ""]
+				}),
+				loading && /* @__PURE__ */ jsx("span", {
+					role: "status",
+					children: "Loading…"
+				}),
+				(error != null || node.problem) && /* @__PURE__ */ jsx("span", {
+					role: "alert",
+					className: "text-destructive",
+					children: error instanceof Error ? error.message : String(error ?? node.problem)
+				}),
+				error != null && /* @__PURE__ */ jsx(Button, {
+					type: "button",
+					variant: "ghost",
+					onClick: (event) => {
+						event.stopPropagation();
+						onRetry(node.path);
+					},
+					children: "Retry folder"
+				})
+			]
+		})
+	});
+}
+export { LocalPathTree };
+
+//# sourceMappingURL=LocalPathTree.js.map

package/dist/components/LocalPathTree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocalPathTree.js","names":[],"sources":["../../src/components/LocalPathTree.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { Tree } from \"../data/Tree\";\nimport { Button } from \"./button\";\nimport type { LocalPathEntry, LocalPathLoader } from \"./local-path\";\n\nexport function LocalPathTree({\n  entries,\n  load,\n  selected,\n  onSelect,\n  onRetry,\n}: {\n  entries: LocalPathEntry[];\n  load: LocalPathLoader;\n  selected: string;\n  onSelect: (path: string) => void;\n  onRetry: (path: string) => void;\n}) {\n  const [children, setChildren] = useState<Record<string, LocalPathEntry[]>>(\n    {},\n  );\n  const [query, setQuery] = useState(\"\");\n  const requests = useRef(new Set<AbortController>());\n  useEffect(\n    () => () => {\n      for (const request of requests.current) request.abort();\n    },\n    [],\n  );\n  const select = (node: LocalPathEntry) => {\n    if (!node.directory && !node.problem) onSelect(node.path);\n  };\n  return (\n    <Tree<LocalPathEntry>\n      roots={entries}\n      defaultOpen={() => false}\n      getKey={(node) => `${node.path}\\u0000${query}`}\n      getChildren={(node) => children[node.path]}\n      hasMoreChildren={(node) =>\n        node.directory && !node.problem && children[node.path] === undefined\n      }\n      loadChildren={async (node) => {\n        const controller = new AbortController();\n        requests.current.add(controller);\n        try {\n          const result = await load(node.path, controller.signal);\n          controller.signal.throwIfAborted();\n          setChildren((previous) => ({\n            ...previous,\n            [node.path]: result.entries,\n          }));\n          return result.entries;\n        } finally {\n          requests.current.delete(controller);\n        }\n      }}\n      getAriaLabel={(node) => node.name}\n      getSearchText={(node) => node.name}\n      showSearch\n      searchLabel=\"Filter filenames\"\n      searchQuery={query}\n      onSearchQueryChange={setQuery}\n      showControls={false}\n      empty=\"No matching files in this folder.\"\n      selected={\n        selected ? { path: selected, name: \"\", directory: false } : null\n      }\n      onSelect={select}\n      renderRow={({ node, loading, error }) => (\n        <div className=\"flex min-w-0 flex-1 flex-wrap items-center gap-2\">\n          <button\n            type=\"button\"\n            className=\"min-w-0 truncate text-left\"\n            disabled={!!node.problem}\n            title={node.problem}\n            onClick={\n              node.directory\n                ? undefined\n                : (event) => {\n                    event.stopPropagation();\n                    select(node);\n                  }\n            }\n          >\n            {node.name}\n            {node.directory ? \"/\" : \"\"}\n          </button>\n          {loading && <span role=\"status\">Loading…</span>}\n          {(error != null || node.problem) && (\n            <span role=\"alert\" className=\"text-destructive\">\n              {error instanceof Error\n                ? error.message\n                : String(error ?? node.problem)}\n            </span>\n          )}\n          {error != null && (\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              onClick={(event) => {\n                event.stopPropagation();\n                onRetry(node.path);\n              }}\n            >\n              Retry folder\n            </Button>\n          )}\n        </div>\n      )}\n    />\n  );\n}\n"],"mappings":";;;;;AAKA,SAAgB,cAAc,EAC5B,SACA,MACA,UACA,UACA,WAOC;CACD,MAAM,CAAC,UAAU,eAAe,SAC9B,CAAC,CACH;CACA,MAAM,CAAC,OAAO,YAAY,SAAS,EAAE;CACrC,MAAM,WAAW,uBAAO,IAAI,IAAqB,CAAC;CAClD,sBACc;EACV,KAAK,MAAM,WAAW,SAAS,SAAS,QAAQ,MAAM;CACxD,GACA,CAAC,CACH;CACA,MAAM,UAAU,SAAyB;EACvC,IAAI,CAAC,KAAK,aAAa,CAAC,KAAK,SAAS,SAAS,KAAK,IAAI;CAC1D;CACA,OACE,oBAAC,MAAD;EACE,OAAO;EACP,mBAAmB;EACnB,SAAS,SAAS,GAAG,KAAK,KAAK,QAAQ;EACvC,cAAc,SAAS,SAAS,KAAK;EACrC,kBAAkB,SAChB,KAAK,aAAa,CAAC,KAAK,WAAW,SAAS,KAAK,UAAU,KAAA;EAE7D,cAAc,OAAO,SAAS;GAC5B,MAAM,aAAa,IAAI,gBAAgB;GACvC,SAAS,QAAQ,IAAI,UAAU;GAC/B,IAAI;IACF,MAAM,SAAS,MAAM,KAAK,KAAK,MAAM,WAAW,MAAM;IACtD,WAAW,OAAO,eAAe;IACjC,aAAa,cAAc;KACzB,GAAG;MACF,KAAK,OAAO,OAAO;IACtB,EAAE;IACF,OAAO,OAAO;GAChB,UAAU;IACR,SAAS,QAAQ,OAAO,UAAU;GACpC;EACF;EACA,eAAe,SAAS,KAAK;EAC7B,gBAAgB,SAAS,KAAK;EAC9B,YAAA;EACA,aAAY;EACZ,aAAa;EACb,qBAAqB;EACrB,cAAc;EACd,OAAM;EACN,UACE,WAAW;GAAE,MAAM;GAAU,MAAM;GAAI,WAAW;EAAM,IAAI;EAE9D,UAAU;EACV,YAAY,EAAE,MAAM,SAAS,YAC3B,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA;IACE,qBAAC,UAAD;KACE,MAAK;KACL,WAAU;KACV,UAAU,CAAC,CAAC,KAAK;KACjB,OAAO,KAAK;KACZ,SACE,KAAK,YACD,KAAA,KACC,UAAU;MACT,MAAM,gBAAgB;MACtB,OAAO,IAAI;KACb;KAXR,UAAA,CAcG,KAAK,MACL,KAAK,YAAY,MAAM,EAClB;;IACP,WAAW,oBAAC,QAAD;KAAM,MAAK;KAAS,UAAA;IAAc,CAAA;KAC5C,SAAS,QAAQ,KAAK,YACtB,oBAAC,QAAD;KAAM,MAAK;KAAQ,WAAU;KAC1B,UAAA,iBAAiB,QACd,MAAM,UACN,OAAO,SAAS,KAAK,OAAO;IAC5B,CAAA;IAEP,SAAS,QACR,oBAAC,QAAD;KACE,MAAK;KACL,SAAQ;KACR,UAAU,UAAU;MAClB,MAAM,gBAAgB;MACtB,QAAQ,KAAK,IAAI;KACnB;KACD,UAAA;IAEO,CAAA;GAEP;;CAER,CAAA;AAEL"}