tempest-react-sdk 0.66.0 → 0.68.0

package/dist/http/upload-with-progress.js

@@ -1,8 +1,9 @@
 import { randomId as e } from "../utils/ids.js";
 import { isTrustedCredentialTarget as t, reportSuppressedCredential as n } from "./credential-scope.js";
-import { TempestApiError as r, buildApiError as i } from "./errors.js";
+import { csrfHeaders as r } from "./csrf.js";
+import { TempestApiError as i, buildApiError as a } from "./errors.js";
 //#region src/http/upload-with-progress.ts
-function a(e) {
+function o(e) {
 	if (!e) return null;
 	try {
 		return JSON.parse(e);
@@ -10,59 +11,66 @@ function a(e) {
 		return e;
 	}
 }
-function o(o) {
-	let { url: s, body: c, method: l = "POST", headers: u = {}, getToken: d, credentialOrigin: f, trustedOrigins: p, withCredentials: m = !1, onProgress: h, signal: g, parser: _ = JSON.parse, requestId: v } = o;
-	return new Promise((o, y) => {
-		if (g?.aborted) {
-			y(new DOMException("Aborted", "AbortError"));
+function s(s) {
+	let { url: c, body: l, method: u = "POST", headers: d = {}, getToken: f, credentialOrigin: p, trustedOrigins: m, withCredentials: h = !1, csrf: g, onProgress: _, signal: v, parser: y = JSON.parse, requestId: b } = s;
+	return new Promise((s, x) => {
+		if (v?.aborted) {
+			x(new DOMException("Aborted", "AbortError"));
 			return;
 		}
-		let b = new XMLHttpRequest();
-		b.open(l, s), b.withCredentials = m;
-		let x = d?.(), S = v ? v() : e(), C = { ...u };
-		x && !("Authorization" in C) && (f === void 0 || t(s, f, p) ? C.Authorization = `Bearer ${x}` : n(s, f)), S && !("X-Request-ID" in C) && (C["X-Request-ID"] = S);
-		for (let [e, t] of Object.entries(C)) b.setRequestHeader(e, t);
-		h && (b.upload.onprogress = (e) => {
-			h({
+		let S = new XMLHttpRequest();
+		S.open(u, c), S.withCredentials = h;
+		let C = f?.(), w = b ? b() : e(), T = { ...d };
+		C && !("Authorization" in T) && (p === void 0 || t(c, p, m) ? T.Authorization = `Bearer ${C}` : n(c, p)), Object.assign(T, r({
+			method: u,
+			url: c,
+			reference: p ?? globalThis.location?.origin ?? c,
+			csrf: g,
+			trustedOrigins: m,
+			headers: d
+		})), w && !("X-Request-ID" in T) && (T["X-Request-ID"] = w);
+		for (let [e, t] of Object.entries(T)) S.setRequestHeader(e, t);
+		_ && (S.upload.onprogress = (e) => {
+			_({
 				loaded: e.loaded,
 				total: e.total,
 				fraction: e.lengthComputable ? e.loaded / e.total : null,
 				lengthComputable: e.lengthComputable
 			});
 		});
-		function w() {
-			b.abort();
+		function E() {
+			S.abort();
 		}
-		g?.addEventListener("abort", w), b.onload = () => {
-			g?.removeEventListener("abort", w);
-			let e = b.status >= 200 && b.status < 300, t = b.getResponseHeader("content-type") ?? "";
+		v?.addEventListener("abort", E), S.onload = () => {
+			v?.removeEventListener("abort", E);
+			let e = S.status >= 200 && S.status < 300, t = S.getResponseHeader("content-type") ?? "";
 			if (!e) {
-				let e = a(b.responseText);
-				y(new r(i(b.status, e, { get: (e) => b.getResponseHeader(e) }, S)));
+				let e = o(S.responseText);
+				x(new i(a(S.status, e, { get: (e) => S.getResponseHeader(e) }, w)));
 				return;
 			}
-			if (b.status === 204 || !b.responseText) {
-				o(void 0);
+			if (S.status === 204 || !S.responseText) {
+				s(void 0);
 				return;
 			}
 			if (t.includes("application/json")) try {
-				o(_(b.responseText));
+				s(y(S.responseText));
 			} catch (e) {
-				y(e);
+				x(e);
 			}
-			else o(b.responseText);
-		}, b.onerror = () => {
-			g?.removeEventListener("abort", w), y(new r({
+			else s(S.responseText);
+		}, S.onerror = () => {
+			v?.removeEventListener("abort", E), x(new i({
 				status: 0,
 				detail: "Falha de rede no upload.",
-				requestId: S || void 0
+				requestId: w || void 0
 			}));
-		}, b.onabort = () => {
-			g?.removeEventListener("abort", w), y(new DOMException("Aborted", "AbortError"));
-		}, b.send(c);
+		}, S.onabort = () => {
+			v?.removeEventListener("abort", E), x(new DOMException("Aborted", "AbortError"));
+		}, S.send(l);
 	});
 }
 //#endregion
-export { o as uploadWithProgress };
+export { s as uploadWithProgress };
 
 //# sourceMappingURL=upload-with-progress.js.map

package/dist/http/upload-with-progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"upload-with-progress.js","names":[],"sources":["../../src/http/upload-with-progress.ts"],"sourcesContent":["/**\n * @tempest-limits function-lines — XMLHttpRequest is used instead of fetch precisely\n * because it reports upload progress, and its API is event-based: the body wires\n * load, error, abort, timeout and progress against one request object, plus the\n * AbortSignal bridge.\n */\nimport { randomId } from \"../utils\";\nimport { isTrustedCredentialTarget, reportSuppressedCredential } from \"./credential-scope\";\nimport { buildApiError, TempestApiError } from \"./errors\";\n\nexport interface UploadProgressEvent {\n    /** Bytes already uploaded. */\n    loaded: number;\n    /** Total payload size in bytes — only meaningful when `lengthComputable` is true. */\n    total: number;\n    /** Fraction between 0 and 1, or null when total is unknown. */\n    fraction: number | null;\n    lengthComputable: boolean;\n}\n\nexport interface UploadWithProgressOptions {\n    url: string;\n    body: FormData | Blob | File;\n    method?: \"POST\" | \"PUT\" | \"PATCH\";\n    headers?: Record<string, string>;\n    /** Returns the current bearer token. */\n    getToken?: () => string | null | undefined;\n    /**\n     * Origin the `getToken` credential belongs to, normally the API's.\n     *\n     * Unlike `createApiClient`, this helper has no base URL to infer a scope\n     * from — the caller names the destination on every call. Set this when the\n     * `url` can come from somewhere other than your own code (a signed URL the\n     * API handed back, a value from a response body) and the token must not\n     * follow it off-origin. Left unset, the header goes wherever `url` points,\n     * which is the behaviour every version before 0.66.0 had.\n     */\n    credentialOrigin?: string;\n    /**\n     * Extra origins allowed to receive the credential, on top of\n     * {@link credentialOrigin}. Ignored when that one is unset.\n     */\n    trustedOrigins?: readonly string[];\n    /** Send cookies. Defaults to false. */\n    withCredentials?: boolean;\n    /** Called on every `progress` event from the XHR upload channel. */\n    onProgress?: (event: UploadProgressEvent) => void;\n    /** Abort the request. */\n    signal?: AbortSignal;\n    /** Override the JSON parser. Defaults to `JSON.parse`. */\n    parser?: (raw: string) => unknown;\n    /**\n     * Per-request correlation id sent as `X-Request-ID` (Tempest convention).\n     * Defaults to a generated id. Return an empty string to disable.\n     */\n    requestId?: () => string;\n}\n\nfunction parseErrorBody(raw: string): unknown {\n    if (!raw) return null;\n    try {\n        return JSON.parse(raw);\n    } catch {\n        return raw;\n    }\n}\n\n/**\n * Upload a file (or any payload) with byte-level progress reporting.\n *\n * `fetch` cannot report upload progress in browsers, so this helper falls\n * back to `XMLHttpRequest`. It mirrors the error contract used by\n * {@link createApiClient}: non-2xx responses reject with a `TempestApiError`.\n *\n * @returns The parsed JSON response, or the raw text when the response is not JSON.\n */\nexport function uploadWithProgress<T = unknown>(options: UploadWithProgressOptions): Promise<T> {\n    const {\n        url,\n        body,\n        method = \"POST\",\n        headers = {},\n        getToken,\n        credentialOrigin,\n        trustedOrigins,\n        withCredentials = false,\n        onProgress,\n        signal,\n        parser = JSON.parse,\n        requestId,\n    } = options;\n\n    return new Promise<T>((resolve, reject) => {\n        if (signal?.aborted) {\n            reject(new DOMException(\"Aborted\", \"AbortError\"));\n            return;\n        }\n\n        const xhr = new XMLHttpRequest();\n        xhr.open(method, url);\n        xhr.withCredentials = withCredentials;\n\n        const token = getToken?.();\n        const sentRequestId = requestId ? requestId() : randomId();\n        const finalHeaders: Record<string, string> = { ...headers };\n        if (token && !(\"Authorization\" in finalHeaders)) {\n            if (\n                credentialOrigin === undefined ||\n                isTrustedCredentialTarget(url, credentialOrigin, trustedOrigins)\n            ) {\n                finalHeaders.Authorization = `Bearer ${token}`;\n            } else {\n                reportSuppressedCredential(url, credentialOrigin);\n            }\n        }\n        if (sentRequestId && !(\"X-Request-ID\" in finalHeaders)) {\n            finalHeaders[\"X-Request-ID\"] = sentRequestId;\n        }\n        for (const [key, value] of Object.entries(finalHeaders)) {\n            xhr.setRequestHeader(key, value);\n        }\n\n        if (onProgress) {\n            xhr.upload.onprogress = (event) => {\n                onProgress({\n                    loaded: event.loaded,\n                    total: event.total,\n                    fraction: event.lengthComputable ? event.loaded / event.total : null,\n                    lengthComputable: event.lengthComputable,\n                });\n            };\n        }\n\n        function handleAbort(): void {\n            xhr.abort();\n        }\n        signal?.addEventListener(\"abort\", handleAbort);\n\n        xhr.onload = () => {\n            signal?.removeEventListener(\"abort\", handleAbort);\n            const isSuccess = xhr.status >= 200 && xhr.status < 300;\n            const contentType = xhr.getResponseHeader(\"content-type\") ?? \"\";\n\n            if (!isSuccess) {\n                const errorBody = parseErrorBody(xhr.responseText);\n                reject(\n                    new TempestApiError(\n                        buildApiError(\n                            xhr.status,\n                            errorBody,\n                            { get: (name) => xhr.getResponseHeader(name) },\n                            sentRequestId,\n                        ),\n                    ),\n                );\n                return;\n            }\n\n            if (xhr.status === 204 || !xhr.responseText) {\n                resolve(undefined as T);\n                return;\n            }\n\n            if (contentType.includes(\"application/json\")) {\n                try {\n                    resolve(parser(xhr.responseText) as T);\n                } catch (err) {\n                    reject(err);\n                }\n            } else {\n                resolve(xhr.responseText as unknown as T);\n            }\n        };\n\n        xhr.onerror = () => {\n            signal?.removeEventListener(\"abort\", handleAbort);\n            reject(\n                new TempestApiError({\n                    status: 0,\n                    detail: \"Falha de rede no upload.\",\n                    requestId: sentRequestId || undefined,\n                }),\n            );\n        };\n\n        xhr.onabort = () => {\n            signal?.removeEventListener(\"abort\", handleAbort);\n            reject(new DOMException(\"Aborted\", \"AbortError\"));\n        };\n\n        xhr.send(body);\n    });\n}\n"],"mappings":";;;;AA0DA,SAAS,EAAe,GAAsB;CAC1C,IAAI,CAAC,GAAK,OAAO;CACjB,IAAI;EACA,OAAO,KAAK,MAAM,CAAG;CACzB,QAAQ;EACJ,OAAO;CACX;AACJ;AAWA,SAAgB,EAAgC,GAAgD;CAC5F,IAAM,EACF,QACA,SACA,YAAS,QACT,aAAU,CAAC,GACX,aACA,qBACA,mBACA,qBAAkB,IAClB,eACA,WACA,YAAS,KAAK,OACd,iBACA;CAEJ,OAAO,IAAI,SAAY,GAAS,MAAW;EACvC,IAAI,GAAQ,SAAS;GACjB,EAAO,IAAI,aAAa,WAAW,YAAY,CAAC;GAChD;EACJ;EAEA,IAAM,IAAM,IAAI,eAAe;EAE/B,AADA,EAAI,KAAK,GAAQ,CAAG,GACpB,EAAI,kBAAkB;EAEtB,IAAM,IAAQ,IAAW,GACnB,IAAgB,IAAY,EAAU,IAAI,EAAS,GACnD,IAAuC,EAAE,GAAG,EAAQ;EAW1D,AAVI,KAAS,EAAE,mBAAmB,OAE1B,MAAqB,KAAA,KACrB,EAA0B,GAAK,GAAkB,CAAc,IAE/D,EAAa,gBAAgB,UAAU,MAEvC,EAA2B,GAAK,CAAgB,IAGpD,KAAiB,EAAE,kBAAkB,OACrC,EAAa,kBAAkB;EAEnC,KAAK,IAAM,CAAC,GAAK,MAAU,OAAO,QAAQ,CAAY,GAClD,EAAI,iBAAiB,GAAK,CAAK;EAGnC,AAAI,MACA,EAAI,OAAO,cAAc,MAAU;GAC/B,EAAW;IACP,QAAQ,EAAM;IACd,OAAO,EAAM;IACb,UAAU,EAAM,mBAAmB,EAAM,SAAS,EAAM,QAAQ;IAChE,kBAAkB,EAAM;GAC5B,CAAC;EACL;EAGJ,SAAS,IAAoB;GACzB,EAAI,MAAM;EACd;EAuDA,AAtDA,GAAQ,iBAAiB,SAAS,CAAW,GAE7C,EAAI,eAAe;GACf,GAAQ,oBAAoB,SAAS,CAAW;GAChD,IAAM,IAAY,EAAI,UAAU,OAAO,EAAI,SAAS,KAC9C,IAAc,EAAI,kBAAkB,cAAc,KAAK;GAE7D,IAAI,CAAC,GAAW;IACZ,IAAM,IAAY,EAAe,EAAI,YAAY;IACjD,EACI,IAAI,EACA,EACI,EAAI,QACJ,GACA,EAAE,MAAM,MAAS,EAAI,kBAAkB,CAAI,EAAE,GAC7C,CACJ,CACJ,CACJ;IACA;GACJ;GAEA,IAAI,EAAI,WAAW,OAAO,CAAC,EAAI,cAAc;IACzC,EAAQ,KAAA,CAAc;IACtB;GACJ;GAEA,IAAI,EAAY,SAAS,kBAAkB,GACvC,IAAI;IACA,EAAQ,EAAO,EAAI,YAAY,CAAM;GACzC,SAAS,GAAK;IACV,EAAO,CAAG;GACd;QAEA,EAAQ,EAAI,YAA4B;EAEhD,GAEA,EAAI,gBAAgB;GAEhB,AADA,GAAQ,oBAAoB,SAAS,CAAW,GAChD,EACI,IAAI,EAAgB;IAChB,QAAQ;IACR,QAAQ;IACR,WAAW,KAAiB,KAAA;GAChC,CAAC,CACL;EACJ,GAEA,EAAI,gBAAgB;GAEhB,AADA,GAAQ,oBAAoB,SAAS,CAAW,GAChD,EAAO,IAAI,aAAa,WAAW,YAAY,CAAC;EACpD,GAEA,EAAI,KAAK,CAAI;CACjB,CAAC;AACL"}
+{"version":3,"file":"upload-with-progress.js","names":[],"sources":["../../src/http/upload-with-progress.ts"],"sourcesContent":["/**\n * @tempest-limits function-lines — XMLHttpRequest is used instead of fetch precisely\n * because it reports upload progress, and its API is event-based: the body wires\n * load, error, abort, timeout and progress against one request object, plus the\n * AbortSignal bridge.\n */\nimport { randomId } from \"../utils\";\nimport { isTrustedCredentialTarget, reportSuppressedCredential } from \"./credential-scope\";\nimport { csrfHeaders } from \"./csrf\";\nimport type { CsrfOptions } from \"./csrf\";\nimport { buildApiError, TempestApiError } from \"./errors\";\n\nexport interface UploadProgressEvent {\n    /** Bytes already uploaded. */\n    loaded: number;\n    /** Total payload size in bytes — only meaningful when `lengthComputable` is true. */\n    total: number;\n    /** Fraction between 0 and 1, or null when total is unknown. */\n    fraction: number | null;\n    lengthComputable: boolean;\n}\n\nexport interface UploadWithProgressOptions {\n    url: string;\n    body: FormData | Blob | File;\n    method?: \"POST\" | \"PUT\" | \"PATCH\";\n    headers?: Record<string, string>;\n    /** Returns the current bearer token. */\n    getToken?: () => string | null | undefined;\n    /**\n     * Origin the `getToken` credential belongs to, normally the API's.\n     *\n     * Unlike `createApiClient`, this helper has no base URL to infer a scope\n     * from — the caller names the destination on every call. Set this when the\n     * `url` can come from somewhere other than your own code (a signed URL the\n     * API handed back, a value from a response body) and the token must not\n     * follow it off-origin. Left unset, the header goes wherever `url` points,\n     * which is the behaviour every version before 0.66.0 had.\n     */\n    credentialOrigin?: string;\n    /**\n     * Extra origins allowed to receive the credential, on top of\n     * {@link credentialOrigin}. Ignored when that one is unset.\n     */\n    trustedOrigins?: readonly string[];\n    /** Send cookies. Defaults to false. */\n    withCredentials?: boolean;\n    /**\n     * Send a CSRF token with the upload, as `createApiClient`'s `csrf` does.\n     * Off by default; `true` reads the `csrf_token` cookie into `X-CSRF-Token`.\n     *\n     * Scoped to {@link credentialOrigin} plus {@link trustedOrigins} — and,\n     * unlike the bearer token, scoped even when `credentialOrigin` is unset:\n     * then the scope is the page's own origin. The bearer default stays open\n     * only for compatibility with every version before 0.66.0; this option is\n     * new, so it starts closed. An API on another origin sets\n     * `credentialOrigin` to receive the token.\n     */\n    csrf?: boolean | CsrfOptions;\n    /** Called on every `progress` event from the XHR upload channel. */\n    onProgress?: (event: UploadProgressEvent) => void;\n    /** Abort the request. */\n    signal?: AbortSignal;\n    /** Override the JSON parser. Defaults to `JSON.parse`. */\n    parser?: (raw: string) => unknown;\n    /**\n     * Per-request correlation id sent as `X-Request-ID` (Tempest convention).\n     * Defaults to a generated id. Return an empty string to disable.\n     */\n    requestId?: () => string;\n}\n\nfunction parseErrorBody(raw: string): unknown {\n    if (!raw) return null;\n    try {\n        return JSON.parse(raw);\n    } catch {\n        return raw;\n    }\n}\n\n/**\n * Upload a file (or any payload) with byte-level progress reporting.\n *\n * `fetch` cannot report upload progress in browsers, so this helper falls\n * back to `XMLHttpRequest`. It mirrors the error contract used by\n * {@link createApiClient}: non-2xx responses reject with a `TempestApiError`.\n *\n * @returns The parsed JSON response, or the raw text when the response is not JSON.\n */\nexport function uploadWithProgress<T = unknown>(options: UploadWithProgressOptions): Promise<T> {\n    const {\n        url,\n        body,\n        method = \"POST\",\n        headers = {},\n        getToken,\n        credentialOrigin,\n        trustedOrigins,\n        withCredentials = false,\n        csrf,\n        onProgress,\n        signal,\n        parser = JSON.parse,\n        requestId,\n    } = options;\n\n    return new Promise<T>((resolve, reject) => {\n        if (signal?.aborted) {\n            reject(new DOMException(\"Aborted\", \"AbortError\"));\n            return;\n        }\n\n        const xhr = new XMLHttpRequest();\n        xhr.open(method, url);\n        xhr.withCredentials = withCredentials;\n\n        const token = getToken?.();\n        const sentRequestId = requestId ? requestId() : randomId();\n        const finalHeaders: Record<string, string> = { ...headers };\n        if (token && !(\"Authorization\" in finalHeaders)) {\n            if (\n                credentialOrigin === undefined ||\n                isTrustedCredentialTarget(url, credentialOrigin, trustedOrigins)\n            ) {\n                finalHeaders.Authorization = `Bearer ${token}`;\n            } else {\n                reportSuppressedCredential(url, credentialOrigin);\n            }\n        }\n        Object.assign(\n            finalHeaders,\n            csrfHeaders({\n                method,\n                url,\n                reference: credentialOrigin ?? globalThis.location?.origin ?? url,\n                csrf,\n                trustedOrigins,\n                headers,\n            }),\n        );\n        if (sentRequestId && !(\"X-Request-ID\" in finalHeaders)) {\n            finalHeaders[\"X-Request-ID\"] = sentRequestId;\n        }\n        for (const [key, value] of Object.entries(finalHeaders)) {\n            xhr.setRequestHeader(key, value);\n        }\n\n        if (onProgress) {\n            xhr.upload.onprogress = (event) => {\n                onProgress({\n                    loaded: event.loaded,\n                    total: event.total,\n                    fraction: event.lengthComputable ? event.loaded / event.total : null,\n                    lengthComputable: event.lengthComputable,\n                });\n            };\n        }\n\n        function handleAbort(): void {\n            xhr.abort();\n        }\n        signal?.addEventListener(\"abort\", handleAbort);\n\n        xhr.onload = () => {\n            signal?.removeEventListener(\"abort\", handleAbort);\n            const isSuccess = xhr.status >= 200 && xhr.status < 300;\n            const contentType = xhr.getResponseHeader(\"content-type\") ?? \"\";\n\n            if (!isSuccess) {\n                const errorBody = parseErrorBody(xhr.responseText);\n                reject(\n                    new TempestApiError(\n                        buildApiError(\n                            xhr.status,\n                            errorBody,\n                            { get: (name) => xhr.getResponseHeader(name) },\n                            sentRequestId,\n                        ),\n                    ),\n                );\n                return;\n            }\n\n            if (xhr.status === 204 || !xhr.responseText) {\n                resolve(undefined as T);\n                return;\n            }\n\n            if (contentType.includes(\"application/json\")) {\n                try {\n                    resolve(parser(xhr.responseText) as T);\n                } catch (err) {\n                    reject(err);\n                }\n            } else {\n                resolve(xhr.responseText as unknown as T);\n            }\n        };\n\n        xhr.onerror = () => {\n            signal?.removeEventListener(\"abort\", handleAbort);\n            reject(\n                new TempestApiError({\n                    status: 0,\n                    detail: \"Falha de rede no upload.\",\n                    requestId: sentRequestId || undefined,\n                }),\n            );\n        };\n\n        xhr.onabort = () => {\n            signal?.removeEventListener(\"abort\", handleAbort);\n            reject(new DOMException(\"Aborted\", \"AbortError\"));\n        };\n\n        xhr.send(body);\n    });\n}\n"],"mappings":";;;;;AAwEA,SAAS,EAAe,GAAsB;CAC1C,IAAI,CAAC,GAAK,OAAO;CACjB,IAAI;EACA,OAAO,KAAK,MAAM,CAAG;CACzB,QAAQ;EACJ,OAAO;CACX;AACJ;AAWA,SAAgB,EAAgC,GAAgD;CAC5F,IAAM,EACF,QACA,SACA,YAAS,QACT,aAAU,CAAC,GACX,aACA,qBACA,mBACA,qBAAkB,IAClB,SACA,eACA,WACA,YAAS,KAAK,OACd,iBACA;CAEJ,OAAO,IAAI,SAAY,GAAS,MAAW;EACvC,IAAI,GAAQ,SAAS;GACjB,EAAO,IAAI,aAAa,WAAW,YAAY,CAAC;GAChD;EACJ;EAEA,IAAM,IAAM,IAAI,eAAe;EAE/B,AADA,EAAI,KAAK,GAAQ,CAAG,GACpB,EAAI,kBAAkB;EAEtB,IAAM,IAAQ,IAAW,GACnB,IAAgB,IAAY,EAAU,IAAI,EAAS,GACnD,IAAuC,EAAE,GAAG,EAAQ;EAsB1D,AArBI,KAAS,EAAE,mBAAmB,OAE1B,MAAqB,KAAA,KACrB,EAA0B,GAAK,GAAkB,CAAc,IAE/D,EAAa,gBAAgB,UAAU,MAEvC,EAA2B,GAAK,CAAgB,IAGxD,OAAO,OACH,GACA,EAAY;GACR;GACA;GACA,WAAW,KAAoB,WAAW,UAAU,UAAU;GAC9D;GACA;GACA;EACJ,CAAC,CACL,GACI,KAAiB,EAAE,kBAAkB,OACrC,EAAa,kBAAkB;EAEnC,KAAK,IAAM,CAAC,GAAK,MAAU,OAAO,QAAQ,CAAY,GAClD,EAAI,iBAAiB,GAAK,CAAK;EAGnC,AAAI,MACA,EAAI,OAAO,cAAc,MAAU;GAC/B,EAAW;IACP,QAAQ,EAAM;IACd,OAAO,EAAM;IACb,UAAU,EAAM,mBAAmB,EAAM,SAAS,EAAM,QAAQ;IAChE,kBAAkB,EAAM;GAC5B,CAAC;EACL;EAGJ,SAAS,IAAoB;GACzB,EAAI,MAAM;EACd;EAuDA,AAtDA,GAAQ,iBAAiB,SAAS,CAAW,GAE7C,EAAI,eAAe;GACf,GAAQ,oBAAoB,SAAS,CAAW;GAChD,IAAM,IAAY,EAAI,UAAU,OAAO,EAAI,SAAS,KAC9C,IAAc,EAAI,kBAAkB,cAAc,KAAK;GAE7D,IAAI,CAAC,GAAW;IACZ,IAAM,IAAY,EAAe,EAAI,YAAY;IACjD,EACI,IAAI,EACA,EACI,EAAI,QACJ,GACA,EAAE,MAAM,MAAS,EAAI,kBAAkB,CAAI,EAAE,GAC7C,CACJ,CACJ,CACJ;IACA;GACJ;GAEA,IAAI,EAAI,WAAW,OAAO,CAAC,EAAI,cAAc;IACzC,EAAQ,KAAA,CAAc;IACtB;GACJ;GAEA,IAAI,EAAY,SAAS,kBAAkB,GACvC,IAAI;IACA,EAAQ,EAAO,EAAI,YAAY,CAAM;GACzC,SAAS,GAAK;IACV,EAAO,CAAG;GACd;QAEA,EAAQ,EAAI,YAA4B;EAEhD,GAEA,EAAI,gBAAgB;GAEhB,AADA,GAAQ,oBAAoB,SAAS,CAAW,GAChD,EACI,IAAI,EAAgB;IAChB,QAAQ;IACR,QAAQ;IACR,WAAW,KAAiB,KAAA;GAChC,CAAC,CACL;EACJ,GAEA,EAAI,gBAAgB;GAEhB,AADA,GAAQ,oBAAoB,SAAS,CAAW,GAChD,EAAO,IAAI,aAAa,WAAW,YAAY,CAAC;EACpD,GAEA,EAAI,KAAK,CAAI;CACjB,CAAC;AACL"}

package/dist/query/use-paginated-query.cjs

@@ -1,2 +1,2 @@
-let e=require("react"),t=require("@tanstack/react-query");function n(n){let{queryKey:r,queryFn:i,initialPage:a=1,pageSize:o=20,sizeParam:s=`size`,orderBy:c,ascending:l=!1,...u}=n,[d,f]=(0,e.useState)(a),p=(0,t.useQuery)({...u,queryKey:[...r,{page:d,pageSize:o,sizeParam:s,orderBy:c,ascending:l}],queryFn:()=>{let e={page:d,[s]:o};return c&&(e.order_by=c,e.ascending=l),i(e)},placeholderData:t.keepPreviousData}),m=p.data,h=m?.pages??0,g=d<h,_=d>1,v=(0,e.useCallback)(e=>f(Math.max(1,e)),[]),y=(0,e.useCallback)(()=>f(e=>e<h?e+1:e),[h]),b=(0,e.useCallback)(()=>f(e=>e>1?e-1:e),[]);return{page:m,items:m?.items??[],pageNumber:d,pageCount:h,total:m?.total??0,hasNext:g,hasPrev:_,isLoading:p.isLoading,isFetching:p.isFetching,error:p.error,setPage:v,next:y,prev:b,refetch:()=>void p.refetch()}}exports.usePaginatedQuery=n;
+let e=require("react"),t=require("@tanstack/react-query");function n(n){let{queryKey:r,queryFn:i,initialPage:a=1,pageSize:o=20,sizeParam:s=`size`,orderBy:c,ascending:l=!1,...u}=n,d=(0,t.hashKey)(r),[f,p]=(0,e.useState)({keyHash:d,page:a});f.keyHash!==d&&p({keyHash:d,page:1});let m=f.keyHash===d?f.page:1,h=(0,t.useQuery)({...u,queryKey:[...r,{page:m,pageSize:o,sizeParam:s,orderBy:c,ascending:l}],queryFn:()=>{let e={page:m,[s]:o};return c&&(e.order_by=c,e.ascending=l),i(e)},placeholderData:t.keepPreviousData}),g=h.data,_=g?.pages??0,v=m<_,y=m>1,b=(0,e.useCallback)(e=>p(t=>({...t,page:Math.max(1,e)})),[]),x=(0,e.useCallback)(()=>p(e=>e.page<_?{...e,page:e.page+1}:e),[_]),S=(0,e.useCallback)(()=>p(e=>e.page>1?{...e,page:e.page-1}:e),[]);return{page:g,items:g?.items??[],pageNumber:m,pageCount:_,total:g?.total??0,hasNext:v,hasPrev:y,isLoading:h.isLoading,isFetching:h.isFetching,error:h.error,setPage:b,next:x,prev:S,refetch:()=>void h.refetch()}}exports.usePaginatedQuery=n;
 //# sourceMappingURL=use-paginated-query.cjs.map

package/dist/query/use-paginated-query.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-paginated-query.cjs","names":[],"sources":["../../src/query/use-paginated-query.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\nimport { keepPreviousData, useQuery } from \"@tanstack/react-query\";\nimport type { QueryKey, UseQueryOptions } from \"@tanstack/react-query\";\n\nimport type { OffsetPage, OffsetParams } from \"./pagination\";\n\nexport interface UsePaginatedQueryOptions<T> extends Omit<\n    UseQueryOptions<OffsetPage<T>, Error, OffsetPage<T>, QueryKey>,\n    \"queryKey\" | \"queryFn\"\n> {\n    /** Base query key — the current page/sort is appended for cache isolation. */\n    queryKey: QueryKey;\n    /** Fetcher receiving the offset params; return the backend envelope. */\n    queryFn: (params: OffsetParams) => Promise<OffsetPage<T>> | OffsetPage<T>;\n    /** Initial 1-based page. Default: 1. */\n    initialPage?: number;\n    /** Page size. Default: 20. */\n    pageSize?: number;\n    /**\n     * Query-param name for the page size. fastapi-pagination uses `\"size\"`\n     * (default); SDK `BasePaginationFilterSchema` configs may use `\"page_size\"`.\n     */\n    sizeParam?: \"size\" | \"page_size\";\n    /** Initial `order_by` (only sent when set). */\n    orderBy?: string;\n    /** Initial `ascending` (only sent when `orderBy` is set). Default: false. */\n    ascending?: boolean;\n}\n\nexport interface UsePaginatedQueryResult<T> {\n    /** The current page envelope, or undefined while the first load is pending. */\n    page: OffsetPage<T> | undefined;\n    /** The rows of the current page (empty array while pending). */\n    items: T[];\n    /** Current 1-based page number (controlled by the hook). */\n    pageNumber: number;\n    /** Total page count from the last successful response. */\n    pageCount: number;\n    /** Total row count from the last successful response. */\n    total: number;\n    hasNext: boolean;\n    hasPrev: boolean;\n    isLoading: boolean;\n    isFetching: boolean;\n    error: Error | null;\n    /** Jump to a specific 1-based page (clamped to >= 1). */\n    setPage: (page: number) => void;\n    /** Go to the next page when available. */\n    next: () => void;\n    /** Go to the previous page when available. */\n    prev: () => void;\n    /** Refetch the current page. */\n    refetch: () => void;\n}\n\n/**\n * Offset-pagination hook over TanStack Query for the fastapi-pagination /\n * Tempest envelope (`{ items, total, page, size, pages }`).\n *\n * It owns the page state, sends `page` + the size param (`size` by default,\n * or `page_size` via `sizeParam`) plus optional `order_by`/`ascending` to your\n * fetcher, keeps the previous page visible while the next loads, and derives\n * `hasNext`/`hasPrev`/`pageCount`.\n *\n * @example\n * const users = usePaginatedQuery<User>({\n *     queryKey: [\"users\"],\n *     pageSize: 25,\n *     queryFn: (params) => usersService.listUsers(params),\n * });\n * // users.items, users.next(), users.hasNext, users.pageCount\n */\nexport function usePaginatedQuery<T>(\n    options: UsePaginatedQueryOptions<T>,\n): UsePaginatedQueryResult<T> {\n    const {\n        queryKey,\n        queryFn,\n        initialPage = 1,\n        pageSize = 20,\n        sizeParam = \"size\",\n        orderBy,\n        ascending = false,\n        ...queryOptions\n    } = options;\n\n    const [pageNumber, setPageNumber] = useState(initialPage);\n\n    const query = useQuery<OffsetPage<T>, Error>({\n        ...queryOptions,\n        queryKey: [...queryKey, { page: pageNumber, pageSize, sizeParam, orderBy, ascending }],\n        queryFn: () => {\n            const params: OffsetParams = { page: pageNumber, [sizeParam]: pageSize };\n            if (orderBy) {\n                params.order_by = orderBy;\n                params.ascending = ascending;\n            }\n            return queryFn(params);\n        },\n        placeholderData: keepPreviousData,\n    });\n\n    const page = query.data;\n    const pageCount = page?.pages ?? 0;\n    const hasNext = pageNumber < pageCount;\n    const hasPrev = pageNumber > 1;\n\n    const setPage = useCallback((next: number) => setPageNumber(Math.max(1, next)), []);\n    const next = useCallback(() => setPageNumber((p) => (p < pageCount ? p + 1 : p)), [pageCount]);\n    const prev = useCallback(() => setPageNumber((p) => (p > 1 ? p - 1 : p)), []);\n\n    return {\n        page,\n        items: page?.items ?? [],\n        pageNumber,\n        pageCount,\n        total: page?.total ?? 0,\n        hasNext,\n        hasPrev,\n        isLoading: query.isLoading,\n        isFetching: query.isFetching,\n        error: query.error,\n        setPage,\n        next,\n        prev,\n        refetch: () => void query.refetch(),\n    };\n}\n"],"mappings":"0DAwEA,SAAgB,EACZ,EAC0B,CAC1B,GAAM,CACF,WACA,UACA,cAAc,EACd,WAAW,GACX,YAAY,OACZ,UACA,YAAY,GACZ,GAAG,GACH,EAEE,CAAC,EAAY,IAAA,EAAiB,EAAA,SAAA,CAAS,CAAW,EAElD,GAAA,EAAQ,EAAA,SAAA,CAA+B,CACzC,GAAG,EACH,SAAU,CAAC,GAAG,EAAU,CAAE,KAAM,EAAY,WAAU,YAAW,UAAS,WAAU,CAAC,EACrF,YAAe,CACX,IAAM,EAAuB,CAAE,KAAM,GAAa,GAAY,CAAS,EAKvE,OAJI,IACA,EAAO,SAAW,EAClB,EAAO,UAAY,GAEhB,EAAQ,CAAM,CACzB,EACA,gBAAiB,EAAA,gBACrB,CAAC,EAEK,EAAO,EAAM,KACb,EAAY,GAAM,OAAS,EAC3B,EAAU,EAAa,EACvB,EAAU,EAAa,EAEvB,GAAA,EAAU,EAAA,YAAA,CAAa,GAAiB,EAAc,KAAK,IAAI,EAAG,CAAI,CAAC,EAAG,CAAC,CAAC,EAC5E,GAAA,EAAO,EAAA,YAAA,KAAkB,EAAe,GAAO,EAAI,EAAY,EAAI,EAAI,CAAE,EAAG,CAAC,CAAS,CAAC,EACvF,GAAA,EAAO,EAAA,YAAA,KAAkB,EAAe,GAAO,EAAI,EAAI,EAAI,EAAI,CAAE,EAAG,CAAC,CAAC,EAE5E,MAAO,CACH,OACA,MAAO,GAAM,OAAS,CAAC,EACvB,aACA,YACA,MAAO,GAAM,OAAS,EACtB,UACA,UACA,UAAW,EAAM,UACjB,WAAY,EAAM,WAClB,MAAO,EAAM,MACb,UACA,OACA,OACA,YAAe,KAAK,EAAM,QAAQ,CACtC,CACJ"}
+{"version":3,"file":"use-paginated-query.cjs","names":[],"sources":["../../src/query/use-paginated-query.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\nimport { hashKey, keepPreviousData, useQuery } from \"@tanstack/react-query\";\nimport type { QueryKey, UseQueryOptions } from \"@tanstack/react-query\";\n\nimport type { OffsetPage, OffsetParams } from \"./pagination\";\n\nexport interface UsePaginatedQueryOptions<T> extends Omit<\n    UseQueryOptions<OffsetPage<T>, Error, OffsetPage<T>, QueryKey>,\n    \"queryKey\" | \"queryFn\"\n> {\n    /**\n     * Base query key — the current page/sort is appended for cache isolation.\n     * Put the applied filters here: when the key changes structurally, the page\n     * goes back to 1 in the same render.\n     */\n    queryKey: QueryKey;\n    /** Fetcher receiving the offset params; return the backend envelope. */\n    queryFn: (params: OffsetParams) => Promise<OffsetPage<T>> | OffsetPage<T>;\n    /** Initial 1-based page. Default: 1. */\n    initialPage?: number;\n    /** Page size. Default: 20. */\n    pageSize?: number;\n    /**\n     * Query-param name for the page size. fastapi-pagination uses `\"size\"`\n     * (default); SDK `BasePaginationFilterSchema` configs may use `\"page_size\"`.\n     */\n    sizeParam?: \"size\" | \"page_size\";\n    /** Initial `order_by` (only sent when set). */\n    orderBy?: string;\n    /** Initial `ascending` (only sent when `orderBy` is set). Default: false. */\n    ascending?: boolean;\n}\n\nexport interface UsePaginatedQueryResult<T> {\n    /** The current page envelope, or undefined while the first load is pending. */\n    page: OffsetPage<T> | undefined;\n    /** The rows of the current page (empty array while pending). */\n    items: T[];\n    /** Current 1-based page number (controlled by the hook; back to 1 on a new `queryKey`). */\n    pageNumber: number;\n    /** Total page count from the last successful response. */\n    pageCount: number;\n    /** Total row count from the last successful response. */\n    total: number;\n    hasNext: boolean;\n    hasPrev: boolean;\n    isLoading: boolean;\n    isFetching: boolean;\n    error: Error | null;\n    /** Jump to a specific 1-based page (clamped to >= 1). */\n    setPage: (page: number) => void;\n    /** Go to the next page when available. */\n    next: () => void;\n    /** Go to the previous page when available. */\n    prev: () => void;\n    /** Refetch the current page. */\n    refetch: () => void;\n}\n\n/**\n * Offset-pagination hook over TanStack Query for the fastapi-pagination /\n * Tempest envelope (`{ items, total, page, size, pages }`).\n *\n * It owns the page state, sends `page` + the size param (`size` by default,\n * or `page_size` via `sizeParam`) plus optional `order_by`/`ascending` to your\n * fetcher, keeps the previous page visible while the next loads, and derives\n * `hasNext`/`hasPrev`/`pageCount`.\n *\n * A structurally different `queryKey` (compared with TanStack's `hashKey`) is a\n * different result set, so the page returns to 1. The reset is applied during\n * render rather than in an effect: an effect would let one render go out with the\n * new key and the old page, and that render is a request — on page 7 of an\n * unfiltered list, applying a filter used to ask for page 7 of a two-page result\n * and show an empty table (#356).\n *\n * @example\n * const users = usePaginatedQuery<User>({\n *     queryKey: [\"users\"],\n *     pageSize: 25,\n *     queryFn: (params) => usersService.listUsers(params),\n * });\n * // users.items, users.next(), users.hasNext, users.pageCount\n */\nexport function usePaginatedQuery<T>(\n    options: UsePaginatedQueryOptions<T>,\n): UsePaginatedQueryResult<T> {\n    const {\n        queryKey,\n        queryFn,\n        initialPage = 1,\n        pageSize = 20,\n        sizeParam = \"size\",\n        orderBy,\n        ascending = false,\n        ...queryOptions\n    } = options;\n\n    const keyHash = hashKey(queryKey);\n    const [paging, setPaging] = useState({ keyHash, page: initialPage });\n    if (paging.keyHash !== keyHash) setPaging({ keyHash, page: 1 });\n    const pageNumber = paging.keyHash === keyHash ? paging.page : 1;\n\n    const query = useQuery<OffsetPage<T>, Error>({\n        ...queryOptions,\n        queryKey: [...queryKey, { page: pageNumber, pageSize, sizeParam, orderBy, ascending }],\n        queryFn: () => {\n            const params: OffsetParams = { page: pageNumber, [sizeParam]: pageSize };\n            if (orderBy) {\n                params.order_by = orderBy;\n                params.ascending = ascending;\n            }\n            return queryFn(params);\n        },\n        placeholderData: keepPreviousData,\n    });\n\n    const page = query.data;\n    const pageCount = page?.pages ?? 0;\n    const hasNext = pageNumber < pageCount;\n    const hasPrev = pageNumber > 1;\n\n    const setPage = useCallback(\n        (next: number) => setPaging((s) => ({ ...s, page: Math.max(1, next) })),\n        [],\n    );\n    const next = useCallback(\n        () => setPaging((s) => (s.page < pageCount ? { ...s, page: s.page + 1 } : s)),\n        [pageCount],\n    );\n    const prev = useCallback(\n        () => setPaging((s) => (s.page > 1 ? { ...s, page: s.page - 1 } : s)),\n        [],\n    );\n\n    return {\n        page,\n        items: page?.items ?? [],\n        pageNumber,\n        pageCount,\n        total: page?.total ?? 0,\n        hasNext,\n        hasPrev,\n        isLoading: query.isLoading,\n        isFetching: query.isFetching,\n        error: query.error,\n        setPage,\n        next,\n        prev,\n        refetch: () => void query.refetch(),\n    };\n}\n"],"mappings":"0DAmFA,SAAgB,EACZ,EAC0B,CAC1B,GAAM,CACF,WACA,UACA,cAAc,EACd,WAAW,GACX,YAAY,OACZ,UACA,YAAY,GACZ,GAAG,GACH,EAEE,GAAA,EAAU,EAAA,QAAA,CAAQ,CAAQ,EAC1B,CAAC,EAAQ,IAAA,EAAa,EAAA,SAAA,CAAS,CAAE,UAAS,KAAM,CAAY,CAAC,EAC/D,EAAO,UAAY,GAAS,EAAU,CAAE,UAAS,KAAM,CAAE,CAAC,EAC9D,IAAM,EAAa,EAAO,UAAY,EAAU,EAAO,KAAO,EAExD,GAAA,EAAQ,EAAA,SAAA,CAA+B,CACzC,GAAG,EACH,SAAU,CAAC,GAAG,EAAU,CAAE,KAAM,EAAY,WAAU,YAAW,UAAS,WAAU,CAAC,EACrF,YAAe,CACX,IAAM,EAAuB,CAAE,KAAM,GAAa,GAAY,CAAS,EAKvE,OAJI,IACA,EAAO,SAAW,EAClB,EAAO,UAAY,GAEhB,EAAQ,CAAM,CACzB,EACA,gBAAiB,EAAA,gBACrB,CAAC,EAEK,EAAO,EAAM,KACb,EAAY,GAAM,OAAS,EAC3B,EAAU,EAAa,EACvB,EAAU,EAAa,EAEvB,GAAA,EAAU,EAAA,YAAA,CACX,GAAiB,EAAW,IAAO,CAAE,GAAG,EAAG,KAAM,KAAK,IAAI,EAAG,CAAI,CAAE,EAAE,EACtE,CAAC,CACL,EACM,GAAA,EAAO,EAAA,YAAA,KACH,EAAW,GAAO,EAAE,KAAO,EAAY,CAAE,GAAG,EAAG,KAAM,EAAE,KAAO,CAAE,EAAI,CAAE,EAC5E,CAAC,CAAS,CACd,EACM,GAAA,EAAO,EAAA,YAAA,KACH,EAAW,GAAO,EAAE,KAAO,EAAI,CAAE,GAAG,EAAG,KAAM,EAAE,KAAO,CAAE,EAAI,CAAE,EACpE,CAAC,CACL,EAEA,MAAO,CACH,OACA,MAAO,GAAM,OAAS,CAAC,EACvB,aACA,YACA,MAAO,GAAM,OAAS,EACtB,UACA,UACA,UAAW,EAAM,UACjB,WAAY,EAAM,WAClB,MAAO,EAAM,MACb,UACA,OACA,OACA,YAAe,KAAK,EAAM,QAAQ,CACtC,CACJ"}

package/dist/query/use-paginated-query.js

@@ -1,43 +1,60 @@
 import { useCallback as e, useState as t } from "react";
-import { keepPreviousData as n, useQuery as r } from "@tanstack/react-query";
+import { hashKey as n, keepPreviousData as r, useQuery as i } from "@tanstack/react-query";
 //#region src/query/use-paginated-query.ts
-function i(i) {
-	let { queryKey: a, queryFn: o, initialPage: s = 1, pageSize: c = 20, sizeParam: l = "size", orderBy: u, ascending: d = !1, ...f } = i, [p, m] = t(s), h = r({
-		...f,
-		queryKey: [...a, {
-			page: p,
-			pageSize: c,
-			sizeParam: l,
-			orderBy: u,
-			ascending: d
+function a(a) {
+	let { queryKey: o, queryFn: s, initialPage: c = 1, pageSize: l = 20, sizeParam: u = "size", orderBy: d, ascending: f = !1, ...p } = a, m = n(o), [h, g] = t({
+		keyHash: m,
+		page: c
+	});
+	h.keyHash !== m && g({
+		keyHash: m,
+		page: 1
+	});
+	let _ = h.keyHash === m ? h.page : 1, v = i({
+		...p,
+		queryKey: [...o, {
+			page: _,
+			pageSize: l,
+			sizeParam: u,
+			orderBy: d,
+			ascending: f
 		}],
 		queryFn: () => {
 			let e = {
-				page: p,
-				[l]: c
+				page: _,
+				[u]: l
 			};
-			return u && (e.order_by = u, e.ascending = d), o(e);
+			return d && (e.order_by = d, e.ascending = f), s(e);
 		},
-		placeholderData: n
-	}), g = h.data, _ = g?.pages ?? 0, v = p < _, y = p > 1, b = e((e) => m(Math.max(1, e)), []), x = e(() => m((e) => e < _ ? e + 1 : e), [_]), S = e(() => m((e) => e > 1 ? e - 1 : e), []);
+		placeholderData: r
+	}), y = v.data, b = y?.pages ?? 0, x = _ < b, S = _ > 1, C = e((e) => g((t) => ({
+		...t,
+		page: Math.max(1, e)
+	})), []), w = e(() => g((e) => e.page < b ? {
+		...e,
+		page: e.page + 1
+	} : e), [b]), T = e(() => g((e) => e.page > 1 ? {
+		...e,
+		page: e.page - 1
+	} : e), []);
 	return {
-		page: g,
-		items: g?.items ?? [],
-		pageNumber: p,
-		pageCount: _,
-		total: g?.total ?? 0,
-		hasNext: v,
-		hasPrev: y,
-		isLoading: h.isLoading,
-		isFetching: h.isFetching,
-		error: h.error,
-		setPage: b,
-		next: x,
-		prev: S,
-		refetch: () => void h.refetch()
+		page: y,
+		items: y?.items ?? [],
+		pageNumber: _,
+		pageCount: b,
+		total: y?.total ?? 0,
+		hasNext: x,
+		hasPrev: S,
+		isLoading: v.isLoading,
+		isFetching: v.isFetching,
+		error: v.error,
+		setPage: C,
+		next: w,
+		prev: T,
+		refetch: () => void v.refetch()
 	};
 }
 //#endregion
-export { i as usePaginatedQuery };
+export { a as usePaginatedQuery };
 
 //# sourceMappingURL=use-paginated-query.js.map

package/dist/query/use-paginated-query.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-paginated-query.js","names":[],"sources":["../../src/query/use-paginated-query.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\nimport { keepPreviousData, useQuery } from \"@tanstack/react-query\";\nimport type { QueryKey, UseQueryOptions } from \"@tanstack/react-query\";\n\nimport type { OffsetPage, OffsetParams } from \"./pagination\";\n\nexport interface UsePaginatedQueryOptions<T> extends Omit<\n    UseQueryOptions<OffsetPage<T>, Error, OffsetPage<T>, QueryKey>,\n    \"queryKey\" | \"queryFn\"\n> {\n    /** Base query key — the current page/sort is appended for cache isolation. */\n    queryKey: QueryKey;\n    /** Fetcher receiving the offset params; return the backend envelope. */\n    queryFn: (params: OffsetParams) => Promise<OffsetPage<T>> | OffsetPage<T>;\n    /** Initial 1-based page. Default: 1. */\n    initialPage?: number;\n    /** Page size. Default: 20. */\n    pageSize?: number;\n    /**\n     * Query-param name for the page size. fastapi-pagination uses `\"size\"`\n     * (default); SDK `BasePaginationFilterSchema` configs may use `\"page_size\"`.\n     */\n    sizeParam?: \"size\" | \"page_size\";\n    /** Initial `order_by` (only sent when set). */\n    orderBy?: string;\n    /** Initial `ascending` (only sent when `orderBy` is set). Default: false. */\n    ascending?: boolean;\n}\n\nexport interface UsePaginatedQueryResult<T> {\n    /** The current page envelope, or undefined while the first load is pending. */\n    page: OffsetPage<T> | undefined;\n    /** The rows of the current page (empty array while pending). */\n    items: T[];\n    /** Current 1-based page number (controlled by the hook). */\n    pageNumber: number;\n    /** Total page count from the last successful response. */\n    pageCount: number;\n    /** Total row count from the last successful response. */\n    total: number;\n    hasNext: boolean;\n    hasPrev: boolean;\n    isLoading: boolean;\n    isFetching: boolean;\n    error: Error | null;\n    /** Jump to a specific 1-based page (clamped to >= 1). */\n    setPage: (page: number) => void;\n    /** Go to the next page when available. */\n    next: () => void;\n    /** Go to the previous page when available. */\n    prev: () => void;\n    /** Refetch the current page. */\n    refetch: () => void;\n}\n\n/**\n * Offset-pagination hook over TanStack Query for the fastapi-pagination /\n * Tempest envelope (`{ items, total, page, size, pages }`).\n *\n * It owns the page state, sends `page` + the size param (`size` by default,\n * or `page_size` via `sizeParam`) plus optional `order_by`/`ascending` to your\n * fetcher, keeps the previous page visible while the next loads, and derives\n * `hasNext`/`hasPrev`/`pageCount`.\n *\n * @example\n * const users = usePaginatedQuery<User>({\n *     queryKey: [\"users\"],\n *     pageSize: 25,\n *     queryFn: (params) => usersService.listUsers(params),\n * });\n * // users.items, users.next(), users.hasNext, users.pageCount\n */\nexport function usePaginatedQuery<T>(\n    options: UsePaginatedQueryOptions<T>,\n): UsePaginatedQueryResult<T> {\n    const {\n        queryKey,\n        queryFn,\n        initialPage = 1,\n        pageSize = 20,\n        sizeParam = \"size\",\n        orderBy,\n        ascending = false,\n        ...queryOptions\n    } = options;\n\n    const [pageNumber, setPageNumber] = useState(initialPage);\n\n    const query = useQuery<OffsetPage<T>, Error>({\n        ...queryOptions,\n        queryKey: [...queryKey, { page: pageNumber, pageSize, sizeParam, orderBy, ascending }],\n        queryFn: () => {\n            const params: OffsetParams = { page: pageNumber, [sizeParam]: pageSize };\n            if (orderBy) {\n                params.order_by = orderBy;\n                params.ascending = ascending;\n            }\n            return queryFn(params);\n        },\n        placeholderData: keepPreviousData,\n    });\n\n    const page = query.data;\n    const pageCount = page?.pages ?? 0;\n    const hasNext = pageNumber < pageCount;\n    const hasPrev = pageNumber > 1;\n\n    const setPage = useCallback((next: number) => setPageNumber(Math.max(1, next)), []);\n    const next = useCallback(() => setPageNumber((p) => (p < pageCount ? p + 1 : p)), [pageCount]);\n    const prev = useCallback(() => setPageNumber((p) => (p > 1 ? p - 1 : p)), []);\n\n    return {\n        page,\n        items: page?.items ?? [],\n        pageNumber,\n        pageCount,\n        total: page?.total ?? 0,\n        hasNext,\n        hasPrev,\n        isLoading: query.isLoading,\n        isFetching: query.isFetching,\n        error: query.error,\n        setPage,\n        next,\n        prev,\n        refetch: () => void query.refetch(),\n    };\n}\n"],"mappings":";;;AAwEA,SAAgB,EACZ,GAC0B;CAC1B,IAAM,EACF,aACA,YACA,iBAAc,GACd,cAAW,IACX,eAAY,QACZ,YACA,eAAY,IACZ,GAAG,MACH,GAEE,CAAC,GAAY,KAAiB,EAAS,CAAW,GAElD,IAAQ,EAA+B;EACzC,GAAG;EACH,UAAU,CAAC,GAAG,GAAU;GAAE,MAAM;GAAY;GAAU;GAAW;GAAS;EAAU,CAAC;EACrF,eAAe;GACX,IAAM,IAAuB;IAAE,MAAM;KAAa,IAAY;GAAS;GAKvE,OAJI,MACA,EAAO,WAAW,GAClB,EAAO,YAAY,IAEhB,EAAQ,CAAM;EACzB;EACA,iBAAiB;CACrB,CAAC,GAEK,IAAO,EAAM,MACb,IAAY,GAAM,SAAS,GAC3B,IAAU,IAAa,GACvB,IAAU,IAAa,GAEvB,IAAU,GAAa,MAAiB,EAAc,KAAK,IAAI,GAAG,CAAI,CAAC,GAAG,CAAC,CAAC,GAC5E,IAAO,QAAkB,GAAe,MAAO,IAAI,IAAY,IAAI,IAAI,CAAE,GAAG,CAAC,CAAS,CAAC,GACvF,IAAO,QAAkB,GAAe,MAAO,IAAI,IAAI,IAAI,IAAI,CAAE,GAAG,CAAC,CAAC;CAE5E,OAAO;EACH;EACA,OAAO,GAAM,SAAS,CAAC;EACvB;EACA;EACA,OAAO,GAAM,SAAS;EACtB;EACA;EACA,WAAW,EAAM;EACjB,YAAY,EAAM;EAClB,OAAO,EAAM;EACb;EACA;EACA;EACA,eAAe,KAAK,EAAM,QAAQ;CACtC;AACJ"}
+{"version":3,"file":"use-paginated-query.js","names":[],"sources":["../../src/query/use-paginated-query.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\nimport { hashKey, keepPreviousData, useQuery } from \"@tanstack/react-query\";\nimport type { QueryKey, UseQueryOptions } from \"@tanstack/react-query\";\n\nimport type { OffsetPage, OffsetParams } from \"./pagination\";\n\nexport interface UsePaginatedQueryOptions<T> extends Omit<\n    UseQueryOptions<OffsetPage<T>, Error, OffsetPage<T>, QueryKey>,\n    \"queryKey\" | \"queryFn\"\n> {\n    /**\n     * Base query key — the current page/sort is appended for cache isolation.\n     * Put the applied filters here: when the key changes structurally, the page\n     * goes back to 1 in the same render.\n     */\n    queryKey: QueryKey;\n    /** Fetcher receiving the offset params; return the backend envelope. */\n    queryFn: (params: OffsetParams) => Promise<OffsetPage<T>> | OffsetPage<T>;\n    /** Initial 1-based page. Default: 1. */\n    initialPage?: number;\n    /** Page size. Default: 20. */\n    pageSize?: number;\n    /**\n     * Query-param name for the page size. fastapi-pagination uses `\"size\"`\n     * (default); SDK `BasePaginationFilterSchema` configs may use `\"page_size\"`.\n     */\n    sizeParam?: \"size\" | \"page_size\";\n    /** Initial `order_by` (only sent when set). */\n    orderBy?: string;\n    /** Initial `ascending` (only sent when `orderBy` is set). Default: false. */\n    ascending?: boolean;\n}\n\nexport interface UsePaginatedQueryResult<T> {\n    /** The current page envelope, or undefined while the first load is pending. */\n    page: OffsetPage<T> | undefined;\n    /** The rows of the current page (empty array while pending). */\n    items: T[];\n    /** Current 1-based page number (controlled by the hook; back to 1 on a new `queryKey`). */\n    pageNumber: number;\n    /** Total page count from the last successful response. */\n    pageCount: number;\n    /** Total row count from the last successful response. */\n    total: number;\n    hasNext: boolean;\n    hasPrev: boolean;\n    isLoading: boolean;\n    isFetching: boolean;\n    error: Error | null;\n    /** Jump to a specific 1-based page (clamped to >= 1). */\n    setPage: (page: number) => void;\n    /** Go to the next page when available. */\n    next: () => void;\n    /** Go to the previous page when available. */\n    prev: () => void;\n    /** Refetch the current page. */\n    refetch: () => void;\n}\n\n/**\n * Offset-pagination hook over TanStack Query for the fastapi-pagination /\n * Tempest envelope (`{ items, total, page, size, pages }`).\n *\n * It owns the page state, sends `page` + the size param (`size` by default,\n * or `page_size` via `sizeParam`) plus optional `order_by`/`ascending` to your\n * fetcher, keeps the previous page visible while the next loads, and derives\n * `hasNext`/`hasPrev`/`pageCount`.\n *\n * A structurally different `queryKey` (compared with TanStack's `hashKey`) is a\n * different result set, so the page returns to 1. The reset is applied during\n * render rather than in an effect: an effect would let one render go out with the\n * new key and the old page, and that render is a request — on page 7 of an\n * unfiltered list, applying a filter used to ask for page 7 of a two-page result\n * and show an empty table (#356).\n *\n * @example\n * const users = usePaginatedQuery<User>({\n *     queryKey: [\"users\"],\n *     pageSize: 25,\n *     queryFn: (params) => usersService.listUsers(params),\n * });\n * // users.items, users.next(), users.hasNext, users.pageCount\n */\nexport function usePaginatedQuery<T>(\n    options: UsePaginatedQueryOptions<T>,\n): UsePaginatedQueryResult<T> {\n    const {\n        queryKey,\n        queryFn,\n        initialPage = 1,\n        pageSize = 20,\n        sizeParam = \"size\",\n        orderBy,\n        ascending = false,\n        ...queryOptions\n    } = options;\n\n    const keyHash = hashKey(queryKey);\n    const [paging, setPaging] = useState({ keyHash, page: initialPage });\n    if (paging.keyHash !== keyHash) setPaging({ keyHash, page: 1 });\n    const pageNumber = paging.keyHash === keyHash ? paging.page : 1;\n\n    const query = useQuery<OffsetPage<T>, Error>({\n        ...queryOptions,\n        queryKey: [...queryKey, { page: pageNumber, pageSize, sizeParam, orderBy, ascending }],\n        queryFn: () => {\n            const params: OffsetParams = { page: pageNumber, [sizeParam]: pageSize };\n            if (orderBy) {\n                params.order_by = orderBy;\n                params.ascending = ascending;\n            }\n            return queryFn(params);\n        },\n        placeholderData: keepPreviousData,\n    });\n\n    const page = query.data;\n    const pageCount = page?.pages ?? 0;\n    const hasNext = pageNumber < pageCount;\n    const hasPrev = pageNumber > 1;\n\n    const setPage = useCallback(\n        (next: number) => setPaging((s) => ({ ...s, page: Math.max(1, next) })),\n        [],\n    );\n    const next = useCallback(\n        () => setPaging((s) => (s.page < pageCount ? { ...s, page: s.page + 1 } : s)),\n        [pageCount],\n    );\n    const prev = useCallback(\n        () => setPaging((s) => (s.page > 1 ? { ...s, page: s.page - 1 } : s)),\n        [],\n    );\n\n    return {\n        page,\n        items: page?.items ?? [],\n        pageNumber,\n        pageCount,\n        total: page?.total ?? 0,\n        hasNext,\n        hasPrev,\n        isLoading: query.isLoading,\n        isFetching: query.isFetching,\n        error: query.error,\n        setPage,\n        next,\n        prev,\n        refetch: () => void query.refetch(),\n    };\n}\n"],"mappings":";;;AAmFA,SAAgB,EACZ,GAC0B;CAC1B,IAAM,EACF,aACA,YACA,iBAAc,GACd,cAAW,IACX,eAAY,QACZ,YACA,eAAY,IACZ,GAAG,MACH,GAEE,IAAU,EAAQ,CAAQ,GAC1B,CAAC,GAAQ,KAAa,EAAS;EAAE;EAAS,MAAM;CAAY,CAAC;CACnE,AAAI,EAAO,YAAY,KAAS,EAAU;EAAE;EAAS,MAAM;CAAE,CAAC;CAC9D,IAAM,IAAa,EAAO,YAAY,IAAU,EAAO,OAAO,GAExD,IAAQ,EAA+B;EACzC,GAAG;EACH,UAAU,CAAC,GAAG,GAAU;GAAE,MAAM;GAAY;GAAU;GAAW;GAAS;EAAU,CAAC;EACrF,eAAe;GACX,IAAM,IAAuB;IAAE,MAAM;KAAa,IAAY;GAAS;GAKvE,OAJI,MACA,EAAO,WAAW,GAClB,EAAO,YAAY,IAEhB,EAAQ,CAAM;EACzB;EACA,iBAAiB;CACrB,CAAC,GAEK,IAAO,EAAM,MACb,IAAY,GAAM,SAAS,GAC3B,IAAU,IAAa,GACvB,IAAU,IAAa,GAEvB,IAAU,GACX,MAAiB,GAAW,OAAO;EAAE,GAAG;EAAG,MAAM,KAAK,IAAI,GAAG,CAAI;CAAE,EAAE,GACtE,CAAC,CACL,GACM,IAAO,QACH,GAAW,MAAO,EAAE,OAAO,IAAY;EAAE,GAAG;EAAG,MAAM,EAAE,OAAO;CAAE,IAAI,CAAE,GAC5E,CAAC,CAAS,CACd,GACM,IAAO,QACH,GAAW,MAAO,EAAE,OAAO,IAAI;EAAE,GAAG;EAAG,MAAM,EAAE,OAAO;CAAE,IAAI,CAAE,GACpE,CAAC,CACL;CAEA,OAAO;EACH;EACA,OAAO,GAAM,SAAS,CAAC;EACvB;EACA;EACA,OAAO,GAAM,SAAS;EACtB;EACA;EACA,WAAW,EAAM;EACjB,YAAY,EAAM;EAClB,OAAO,EAAM;EACb;EACA;EACA;EACA,eAAe,KAAK,EAAM,QAAQ;CACtC;AACJ"}

package/dist/styles/FilterPanel.css

@@ -0,0 +1,2 @@
+/* Generated by scripts/split-css.mjs — do not edit. */
+@import "./component/FilterPanel.css";

package/dist/styles/actions.css

@@ -42,6 +42,7 @@
 @keyframes tempest_tempest-spin_UOSVC{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
 .tempest_root_5ZetV{display:inline-flex;position:relative}
 .tempest_menu_-RiRW{z-index:var(--tempest-z-dropdown);background-color:var(--tempest-bg);border:1px solid var(--tempest-border);border-radius:var(--tempest-radius-lg);min-width:180px;max-width:320px;box-shadow:var(--tempest-shadow-lg);padding:var(--tempest-space-1);font-family:var(--tempest-font-sans);font-size:var(--tempest-text-base);animation:tempest_tempest-menu-in_uCs9q var(--tempest-duration-fast) var(--tempest-ease-out);margin:0;list-style:none;position:absolute}
+.tempest_portalled_b7vCf{z-index:var(--tempest-z-popover)}
 .tempest_bottomStart_z60h9{top:calc(100% + 4px);left:0}
 .tempest_bottomEnd_b1tmU{top:calc(100% + 4px);right:0}
 .tempest_topStart_A0em2{bottom:calc(100% + 4px);left:0}
@@ -92,6 +93,7 @@
 .tempest_root_vEMon{display:inline-flex;position:relative}
 .tempest_popover_E9K9X{z-index:var(--tempest-z-popover);background-color:var(--tempest-bg);color:var(--tempest-text);border:1px solid var(--tempest-border);border-radius:var(--tempest-radius-lg);box-shadow:var(--tempest-shadow-lg);padding:var(--tempest-space-3) var(--tempest-space-4);min-width:200px;max-width:320px;font-family:var(--tempest-font-sans);font-size:var(--tempest-text-base);line-height:var(--tempest-leading-snug);animation:tempest_tempest-popover-in_W8miP var(--tempest-duration-fast) var(--tempest-ease-out);position:absolute}
 .tempest_popover_E9K9X:focus{outline:none}
+.tempest_portalled_pZ553{--tempest-popover-tx:0}
 .tempest_top_TYlrh{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}
 .tempest_bottom_wGs70{top:calc(100% + 8px);left:50%;transform:translate(-50%)}
 .tempest_left_h7fCr{top:50%;right:calc(100% + 8px);transform:translateY(-50%)}
@@ -104,6 +106,7 @@
 .tempest_bottom_9Twz4{top:calc(100% + 8px);left:50%;transform:translate(-50%)}
 .tempest_left_UPdrG{top:50%;right:calc(100% + 8px);transform:translateY(-50%)}
 .tempest_right_CV--T{top:50%;left:calc(100% + 8px);transform:translateY(-50%)}
+.tempest_portalled_MImIY{bottom:auto;right:auto;transform:none}
 @keyframes tempest_tempest-tooltip-in_csYeZ{0%{opacity:0;transform:scale(.94) translate(var(--tempest-tx,0), var(--tempest-ty,0))}to{opacity:1}}
 @media (prefers-reduced-motion:reduce){.tempest_bubble_TPGHB{animation:none}}
 @media (hover:none){.tempest_bubble_TPGHB{display:none}}

package/dist/styles/advanced.css

@@ -43,6 +43,7 @@
 .tempest_bottom_2rLAA{top:calc(100% + 8px);left:50%;transform:translate(-50%)}
 .tempest_left_tqGPt{top:50%;right:calc(100% + 8px);transform:translateY(-50%)}
 .tempest_right_9Fe6S{top:50%;left:calc(100% + 8px);transform:translateY(-50%)}
+.tempest_portalled_GMcNw{bottom:auto;right:auto;transform:none}
 @keyframes tempest_tempest-hover-card-in_jD85J{0%{opacity:0}to{opacity:1}}
 @media (prefers-reduced-motion:reduce){.tempest_card_CoGx4{animation:none}}
 .tempest_label_RaRvM{align-items:center;gap:var(--tempest-space-1);color:var(--tempest-text);font-family:var(--tempest-font-sans);font-size:var(--tempest-text-sm);font-weight:var(--tempest-weight-medium);line-height:var(--tempest-leading-snug);display:inline-flex}

package/dist/styles/component/Card.css

@@ -9,7 +9,7 @@
 .tempest_interactive_B8Tah:focus-visible{outline:var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);outline-offset:var(--tempest-focus-ring-offset)}
 .tempest_padded_oOxwN{padding:var(--tempest-space-5)}
 .tempest_flush_aiDZi{padding:0}
-.tempest_header_PTXf2{justify-content:space-between;align-items:center;gap:var(--tempest-space-3);padding:var(--tempest-space-4) var(--tempest-space-5);border-bottom:1px solid var(--tempest-border);display:flex}
+.tempest_header_PTXf2{justify-content:space-between;align-items:center;gap:var(--tempest-space-3);padding:var(--tempest-space-4) var(--tempest-space-5);border-bottom:1px solid var(--tempest-border);flex-wrap:wrap;display:flex}
 .tempest_title_mSgoo{font-size:var(--tempest-text-md);font-weight:var(--tempest-weight-semibold);line-height:var(--tempest-leading-snug);color:var(--tempest-text);margin:0}
 .tempest_body_W441Z{padding:var(--tempest-space-5)}
 .tempest_footer_Mu-JC{justify-content:flex-end;align-items:center;gap:var(--tempest-space-2);padding:var(--tempest-space-4) var(--tempest-space-5);border-top:1px solid var(--tempest-border);display:flex}

package/dist/styles/component/Combobox.css

@@ -1,12 +1,13 @@
 /* Generated by scripts/split-css.mjs — do not edit. */
 .tempest_wrapper_TNvle{gap:var(--tempest-space-1);width:100%;font-family:var(--tempest-font-sans);flex-direction:column;display:flex;position:relative}
 .tempest_label_KVkZO{font-size:var(--tempest-text-sm);font-weight:var(--tempest-weight-semibold);color:var(--tempest-text);line-height:var(--tempest-leading-snug)}
-.tempest_field_BenH0{align-items:center;display:flex;position:relative}
-.tempest_input_-HTv1{width:100%;height:var(--tempest-control-height-md);padding:0 32px 0 var(--tempest-control-padding-md);border:1px solid var(--tempest-border);border-radius:var(--tempest-control-radius);background-color:var(--tempest-bg);color:var(--tempest-text);font-family:inherit;font-size:var(--tempest-control-font-md);box-shadow:var(--tempest-shadow-xs);transition:var(--tempest-transition-color), var(--tempest-transition-shadow)}
+.tempest_field_BenH0{--_tempest-caret-offset:var(--tempest-control-caret-offset,12px);--_tempest-caret-size:var(--tempest-control-caret-size,14px);align-items:center;display:flex;position:relative}
+.tempest_input_-HTv1{width:100%;height:var(--tempest-control-height-md);padding:0 calc(var(--_tempest-caret-offset) + var(--_tempest-caret-size) + 6px) 0 var(--tempest-control-padding-md);border:1px solid var(--tempest-border);border-radius:var(--tempest-control-radius);background-color:var(--tempest-bg);color:var(--tempest-text);font-family:inherit;font-size:var(--tempest-control-font-md);box-shadow:var(--tempest-shadow-xs);transition:var(--tempest-transition-color), var(--tempest-transition-shadow)}
 .tempest_input_-HTv1::placeholder{color:var(--tempest-text-subtle)}
 .tempest_input_-HTv1:focus{border-color:var(--tempest-primary);box-shadow:0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);outline:none}
 .tempest_input_-HTv1:disabled{background-color:var(--tempest-surface);cursor:not-allowed}
-.tempest_caret_jRplQ{pointer-events:none;color:var(--tempest-text-muted);position:absolute;right:12px}
+.tempest_caret_jRplQ{right:var(--_tempest-caret-offset);width:var(--_tempest-caret-size);height:var(--_tempest-caret-size);pointer-events:none;color:var(--tempest-text-muted);justify-content:center;align-items:center;display:flex;position:absolute}
+.tempest_field_BenH0>.tempest_caret_jRplQ>svg{flex:none;width:100%;height:100%;margin:0;display:block}
 .tempest_menu_zPQG3{z-index:var(--tempest-z-dropdown);background-color:var(--tempest-bg);border:1px solid var(--tempest-border);border-radius:var(--tempest-radius-lg);box-shadow:var(--tempest-shadow-lg);max-height:280px;padding:var(--tempest-space-1);margin:0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}
 .tempest_option_vhhn5{padding:var(--tempest-space-2) var(--tempest-space-3);border-radius:var(--tempest-radius-sm);cursor:pointer;color:var(--tempest-text);font-size:var(--tempest-text-base);line-height:var(--tempest-leading-snug);align-items:center;display:flex}
 @media (hover:hover) and (pointer:fine){.tempest_option_vhhn5:hover{background-color:var(--tempest-surface)}}
@@ -16,3 +17,4 @@
 .tempest_helper_OzB7V{font-size:var(--tempest-text-xs);color:var(--tempest-text-muted)}
 .tempest_errorText_X18sQ{font-size:var(--tempest-text-xs);color:var(--tempest-danger)}
 .tempest_wrapper_TNvle.tempest_error_bnVuM .tempest_input_-HTv1{border-color:var(--tempest-danger)}
+.tempest_portalled_C9jFy{font-family:var(--tempest-font-sans);z-index:var(--tempest-z-popover);right:auto}

package/dist/styles/component/DropdownMenu.css

@@ -1,6 +1,7 @@
 /* Generated by scripts/split-css.mjs — do not edit. */
 .tempest_root_5ZetV{display:inline-flex;position:relative}
 .tempest_menu_-RiRW{z-index:var(--tempest-z-dropdown);background-color:var(--tempest-bg);border:1px solid var(--tempest-border);border-radius:var(--tempest-radius-lg);min-width:180px;max-width:320px;box-shadow:var(--tempest-shadow-lg);padding:var(--tempest-space-1);font-family:var(--tempest-font-sans);font-size:var(--tempest-text-base);animation:tempest_tempest-menu-in_uCs9q var(--tempest-duration-fast) var(--tempest-ease-out);margin:0;list-style:none;position:absolute}
+.tempest_portalled_b7vCf{z-index:var(--tempest-z-popover)}
 .tempest_bottomStart_z60h9{top:calc(100% + 4px);left:0}
 .tempest_bottomEnd_b1tmU{top:calc(100% + 4px);right:0}
 .tempest_topStart_A0em2{bottom:calc(100% + 4px);left:0}

package/dist/styles/component/FilterPanel.css

@@ -0,0 +1,5 @@
+/* Generated by scripts/split-css.mjs — do not edit. */
+.tempest_panel_ab2ba{min-width:0}
+.tempest_actions_9a-Sm{justify-content:flex-end;align-items:center;gap:var(--tempest-space-2);flex-wrap:wrap;margin-left:auto;display:flex}
+.tempest_form_bMDhN{margin:0}
+.tempest_fields_M30-g{align-items:start}

package/dist/styles/component/HoverCard.css

@@ -7,5 +7,6 @@
 .tempest_bottom_2rLAA{top:calc(100% + 8px);left:50%;transform:translate(-50%)}
 .tempest_left_tqGPt{top:50%;right:calc(100% + 8px);transform:translateY(-50%)}
 .tempest_right_9Fe6S{top:50%;left:calc(100% + 8px);transform:translateY(-50%)}
+.tempest_portalled_GMcNw{bottom:auto;right:auto;transform:none}
 @keyframes tempest_tempest-hover-card-in_jD85J{0%{opacity:0}to{opacity:1}}
 @media (prefers-reduced-motion:reduce){.tempest_card_CoGx4{animation:none}}

package/dist/styles/component/Menubar.css

@@ -15,3 +15,4 @@
 .tempest_separator_LfK3t{background-color:var(--tempest-border);height:1px;margin:var(--tempest-space-1) 0}
 @keyframes tempest_tempest-menubar-in_gOQQD{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
 @media (prefers-reduced-motion:reduce){.tempest_panel_6ta6u{animation:none}}
+.tempest_portalled_tdHc1{font-family:var(--tempest-font-sans);font-size:var(--tempest-text-sm);z-index:var(--tempest-z-popover)}

package/dist/styles/component/MultiSelect.css

@@ -19,3 +19,4 @@
 .tempest_helper_c7aH3{font-size:var(--tempest-text-xs);color:var(--tempest-text-muted)}
 .tempest_errorText_qZR9s{font-size:var(--tempest-text-xs);color:var(--tempest-danger)}
 .tempest_wrapper_6xZZr.tempest_error_DIOTW .tempest_field_GpA0V{border-color:var(--tempest-danger)}
+.tempest_portalled_i1wmW{font-family:var(--tempest-font-sans);z-index:var(--tempest-z-popover);right:auto}

package/dist/styles/component/NavigationMenu.css

@@ -10,3 +10,4 @@
 .tempest_subItem_LjtO7 .tempest_link_67ULr{width:100%}
 @keyframes tempest_tempest-nav-menu-in_8tNCR{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
 @media (prefers-reduced-motion:reduce){.tempest_panel_N2ujp{animation:none}}
+.tempest_portalled_2V2JB{font-family:var(--tempest-font-sans);font-size:var(--tempest-text-base);z-index:var(--tempest-z-popover)}

package/dist/styles/component/Popover.css

@@ -2,6 +2,7 @@
 .tempest_root_vEMon{display:inline-flex;position:relative}
 .tempest_popover_E9K9X{z-index:var(--tempest-z-popover);background-color:var(--tempest-bg);color:var(--tempest-text);border:1px solid var(--tempest-border);border-radius:var(--tempest-radius-lg);box-shadow:var(--tempest-shadow-lg);padding:var(--tempest-space-3) var(--tempest-space-4);min-width:200px;max-width:320px;font-family:var(--tempest-font-sans);font-size:var(--tempest-text-base);line-height:var(--tempest-leading-snug);animation:tempest_tempest-popover-in_W8miP var(--tempest-duration-fast) var(--tempest-ease-out);position:absolute}
 .tempest_popover_E9K9X:focus{outline:none}
+.tempest_portalled_pZ553{--tempest-popover-tx:0}
 .tempest_top_TYlrh{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}
 .tempest_bottom_wGs70{top:calc(100% + 8px);left:50%;transform:translate(-50%)}
 .tempest_left_h7fCr{top:50%;right:calc(100% + 8px);transform:translateY(-50%)}

package/dist/styles/component/Select.css

@@ -2,17 +2,24 @@
 .tempest_wrapper_KS2K3{gap:var(--tempest-space-1);flex-direction:column;width:100%;display:flex}
 .tempest_label_Lmgos{font-size:var(--tempest-text-sm);font-weight:var(--tempest-weight-semibold);color:var(--tempest-text);line-height:var(--tempest-leading-snug)}
 .tempest_required_PvDVJ{color:var(--tempest-danger);margin-left:2px}
-.tempest_field_h-wBy{align-items:center;display:flex;position:relative}
-.tempest_select_cjdcr{width:100%;height:var(--tempest-control-height-md);padding:0 36px 0 var(--tempest-control-padding-md);border:1px solid var(--tempest-border);border-radius:var(--tempest-control-radius);background-color:var(--tempest-bg);color:var(--tempest-text);font-family:var(--tempest-font-sans);font-size:var(--tempest-control-font-md);line-height:var(--tempest-leading-snug);appearance:none;cursor:pointer;box-shadow:var(--tempest-shadow-xs);transition:var(--tempest-transition-color), var(--tempest-transition-shadow)}
+.tempest_field_h-wBy{--_tempest-caret-offset:var(--tempest-control-caret-offset,12px);--_tempest-caret-size:var(--tempest-control-caret-size,14px);--_tempest-caret-gap:10px;align-items:center;display:flex;position:relative}
+.tempest_select_cjdcr{width:100%;height:var(--tempest-control-height-md);padding:0 calc(var(--_tempest-caret-offset) + var(--_tempest-caret-size) + var(--_tempest-caret-gap)) 0 var(--tempest-control-padding-md);border:1px solid var(--tempest-border);border-radius:var(--tempest-control-radius);background-color:var(--tempest-bg);color:var(--tempest-text);font-family:var(--tempest-font-sans);font-size:var(--tempest-control-font-md);line-height:var(--tempest-leading-snug);appearance:none;cursor:pointer;box-shadow:var(--tempest-shadow-xs);transition:var(--tempest-transition-color), var(--tempest-transition-shadow)}
 .tempest_select_cjdcr:hover:not(:disabled):not(:focus){border-color:var(--tempest-border-strong)}
 .tempest_select_cjdcr:focus{border-color:var(--tempest-primary);box-shadow:0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);outline:none}
 .tempest_select_cjdcr:disabled{background-color:var(--tempest-surface);cursor:not-allowed;color:var(--tempest-text-muted);box-shadow:none}
-.tempest_caret_MdCao{pointer-events:none;color:var(--tempest-text-muted);position:absolute;right:12px}
+.tempest_caret_MdCao{right:var(--_tempest-caret-offset);width:var(--_tempest-caret-size);height:var(--_tempest-caret-size);pointer-events:none;color:var(--tempest-text-muted);justify-content:center;align-items:center;display:flex;position:absolute}
+.tempest_field_h-wBy>.tempest_caret_MdCao>svg{flex:none;width:100%;height:100%;margin:0;display:block}
 .tempest_error_sw9MU .tempest_select_cjdcr{border-color:var(--tempest-danger)}
 .tempest_error_sw9MU .tempest_select_cjdcr:focus{box-shadow:0 0 0 var(--tempest-focus-ring-width) color-mix(in srgb, var(--tempest-danger) 25%, transparent)}
 .tempest_helper_frosK{font-size:var(--tempest-text-xs);color:var(--tempest-text-muted);line-height:var(--tempest-leading-snug)}
 .tempest_errorText_-zd6i{font-size:var(--tempest-text-xs);color:var(--tempest-danger);line-height:var(--tempest-leading-snug)}
 .tempest_chipWrapper_5keyI{display:inline-flex}
-.tempest_chip_r4NVm{width:auto}
-.tempest_chip_r4NVm .tempest_select_cjdcr{width:auto;height:var(--tempest-control-height-sm);padding:0 30px 0 var(--tempest-space-3);border-radius:var(--tempest-radius-full);background-color:var(--tempest-surface);font-size:var(--tempest-text-sm);box-shadow:none}
-.tempest_chip_r4NVm .tempest_caret_MdCao{right:10px}
+.tempest_chip_r4NVm{--_tempest-caret-offset:calc(var(--tempest-control-caret-offset,12px) - 2px);--_tempest-caret-gap:6px;width:auto}
+.tempest_chip_r4NVm .tempest_select_cjdcr{width:auto;height:var(--tempest-control-height-sm);padding:0 calc(var(--_tempest-caret-offset) + var(--_tempest-caret-size) + var(--_tempest-caret-gap)) 0 var(--tempest-space-3);border-radius:var(--tempest-radius-full);background-color:var(--tempest-surface);font-size:var(--tempest-text-sm);box-shadow:none}
+.tempest_bare_n9BTx{display:inline-flex}
+.tempest_bare_n9BTx .tempest_select_cjdcr{border-radius:inherit;background-color:inherit;min-width:0;height:auto;color:inherit;font:inherit;letter-spacing:inherit;box-shadow:none;border:0;flex:auto;align-self:stretch;margin:0;padding-block:0;padding-inline-start:0}
+.tempest_bare_n9BTx .tempest_select_cjdcr:focus{box-shadow:none}
+.tempest_bare_n9BTx:focus-within{outline:var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);outline-offset:2px}
+.tempest_bare_n9BTx .tempest_select_cjdcr:disabled{background-color:inherit;color:inherit}
+.tempest_bare_n9BTx:has(>.tempest_select_cjdcr:disabled){opacity:.6}
+.tempest_bare_n9BTx .tempest_caret_MdCao{color:inherit}

package/dist/styles/component/Tooltip.css

@@ -5,6 +5,7 @@
 .tempest_bottom_9Twz4{top:calc(100% + 8px);left:50%;transform:translate(-50%)}
 .tempest_left_UPdrG{top:50%;right:calc(100% + 8px);transform:translateY(-50%)}
 .tempest_right_CV--T{top:50%;left:calc(100% + 8px);transform:translateY(-50%)}
+.tempest_portalled_MImIY{bottom:auto;right:auto;transform:none}
 @keyframes tempest_tempest-tooltip-in_csYeZ{0%{opacity:0;transform:scale(.94) translate(var(--tempest-tx,0), var(--tempest-ty,0))}to{opacity:1}}
 @media (prefers-reduced-motion:reduce){.tempest_bubble_TPGHB{animation:none}}
 @media (hover:none){.tempest_bubble_TPGHB{display:none}}

package/dist/styles/core.css

@@ -3,10 +3,10 @@
 [data-tempest-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--tempest-primary-50:#0a1730;--tempest-primary-100:#0f2245;--tempest-primary-200:#133066;--tempest-primary-300:#1a4399;--tempest-primary-400:#2563eb;--tempest-primary-500:#3b82f6;--tempest-primary-600:#60a5fa;--tempest-primary-700:#93c5fd;--tempest-primary-800:#bfdbfe;--tempest-primary-900:#dbeafe;--tempest-primary:var(--tempest-primary-500);--tempest-primary-hover:var(--tempest-primary-600);--tempest-primary-active:var(--tempest-primary-700);--tempest-primary-soft:var(--tempest-primary-100);--tempest-primary-soft-hover:var(--tempest-primary-200);--tempest-primary-on-soft:var(--tempest-primary-700);--tempest-bg:#0b0d12;--tempest-surface:#14171f;--tempest-surface-2:#1d2230;--tempest-surface-3:#262d3f;--tempest-border:#2a3142;--tempest-border-strong:#3a4258;--tempest-text:#f1f3f8;--tempest-text-muted:#aab2c0;--tempest-text-subtle:#7b849a;--tempest-primary-foreground:#1f0606;--tempest-text-on-primary:var(--tempest-primary-foreground);--tempest-danger-on-solid:#1f0606;--tempest-info-on-solid:#1f0606;--tempest-success-on-solid:#1f0606;--tempest-warning-on-solid:#1f0606;--tempest-neutral-on-solid:#fff;--tempest-success-fg:#4ade80;--tempest-success-bg:#052e16;--tempest-success-border:#166534;--tempest-success-solid:#22c55e;--tempest-success:#4ade80;--tempest-warning-fg:#fbbf24;--tempest-warning-bg:#2c1c05;--tempest-warning-border:#78350f;--tempest-warning-solid:#f59e0b;--tempest-warning:#fbbf24;--tempest-danger-fg:#f87171;--tempest-danger-bg:#2c0a0a;--tempest-danger-border:#7f1d1d;--tempest-danger-solid:#ef4444;--tempest-danger:#f87171;--tempest-danger-hover:#f87171;--tempest-info-fg:#60a5fa;--tempest-info-bg:#0a1730;--tempest-info-border:#1e3a8a;--tempest-info-solid:#3b82f6;--tempest-info:#60a5fa;--tempest-focus-ring-color:#60a5fa;--tempest-selected-indicator:#60a5fa;--tempest-shadow-xs:0 1px 2px #0000004d;--tempest-shadow-sm:0 1px 3px #0006, 0 1px 2px #0003;--tempest-shadow-md:0 4px 12px #0006, 0 2px 4px #0003;--tempest-shadow-lg:0 12px 32px #00000080, 0 4px 8px #0000004d;--tempest-shadow-xl:0 24px 48px #0009, 0 8px 16px #0000004d;--tempest-chart-1:#60a5fa;--tempest-chart-2:#4ade80;--tempest-chart-3:#fbbf24;--tempest-chart-4:#a78bfa;--tempest-chart-5:#f472b6;--tempest-chart-6:#22d3ee;--tempest-chart-7:#fb923c;--tempest-chart-8:#2dd4bf;--tempest-chart-sequential-1:#172849;--tempest-chart-sequential-2:#1b3c83;--tempest-chart-sequential-3:#2453b9;--tempest-chart-sequential-4:#376fe5;--tempest-chart-sequential-5:#5b90fb;--tempest-chart-sequential-6:#8cb2fa;--tempest-chart-sequential-7:#bad2fe;--tempest-chart-diverging-1:#1543a8;--tempest-chart-diverging-2:#416eca;--tempest-chart-diverging-3:#7599e0;--tempest-chart-diverging-4:#b0c5ec;--tempest-chart-diverging-5:#262d3f;--tempest-chart-diverging-6:#e8b6af;--tempest-chart-diverging-7:#d77e74;--tempest-chart-diverging-8:#ba473f;--tempest-chart-diverging-9:#94020c;--tempest-chart-grid:var(--tempest-gray-300);--tempest-chart-axis:var(--tempest-gray-600);--tempest-code-comment:#838b93;--tempest-code-punctuation:#818b95;--tempest-code-string:#589866;--tempest-code-number:#c57558;--tempest-code-keyword:#8580d8;--tempest-code-literal:#c87172;--tempest-code-function:#2893c6;--tempest-code-tag:#c07197;--tempest-code-attribute:#349897;--tempest-code-property:#349897}
 :root{--tempest-text-2xs:10px;--tempest-text-xs:12px;--tempest-text-sm:13px;--tempest-text-base:14px;--tempest-text-md:15px;--tempest-text-lg:16px;--tempest-text-xl:18px;--tempest-text-2xl:20px;--tempest-text-3xl:24px;--tempest-text-4xl:30px;--tempest-text-5xl:36px;--tempest-text-6xl:48px;--tempest-leading-none:1;--tempest-leading-tight:1.2;--tempest-leading-snug:1.35;--tempest-leading-normal:1.5;--tempest-leading-relaxed:1.65;--tempest-leading-loose:1.9;--tempest-weight-regular:400;--tempest-weight-medium:500;--tempest-weight-semibold:600;--tempest-weight-bold:700;--tempest-weight-extrabold:800;--tempest-tracking-tight:-.02em;--tempest-tracking-normal:0;--tempest-tracking-wide:.025em;--tempest-tracking-wider:.05em;--tempest-tracking-widest:.1em;--tempest-text-fluid-sm:clamp(13px, 12px + .2vw, 15px);--tempest-text-fluid-base:clamp(14px, 13px + .3vw, 16px);--tempest-text-fluid-lg:clamp(16px, 14px + .5vw, 20px);--tempest-text-fluid-xl:clamp(18px, 15px + .8vw, 24px);--tempest-text-fluid-2xl:clamp(20px, 16px + 1.2vw, 30px);--tempest-text-fluid-3xl:clamp(24px, 18px + 2vw, 40px);--tempest-text-fluid-4xl:clamp(28px, 20px + 3vw, 56px);--tempest-text-fluid-5xl:clamp(32px, 24px + 4vw, 72px);--tempest-text-fluid-6xl:clamp(40px, 28px + 5vw, 96px);--tempest-duration-instant:0s;--tempest-duration-fast:.12s;--tempest-duration-base:.18s;--tempest-duration-slow:.28s;--tempest-duration-slower:.42s;--tempest-ease-linear:linear;--tempest-ease-in:cubic-bezier(.4, 0, 1, 1);--tempest-ease-out:cubic-bezier(0, 0, .2, 1);--tempest-ease-in-out:cubic-bezier(.4, 0, .2, 1);--tempest-ease-emphasized:cubic-bezier(.2, 0, 0, 1);--tempest-ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--tempest-transition-color:color var(--tempest-duration-fast) var(--tempest-ease-out), background-color var(--tempest-duration-fast) var(--tempest-ease-out), border-color var(--tempest-duration-fast) var(--tempest-ease-out);--tempest-transition-shadow:box-shadow var(--tempest-duration-base) var(--tempest-ease-out);--tempest-transition-transform:transform var(--tempest-duration-fast) var(--tempest-ease-out);--tempest-transition-base:color var(--tempest-duration-fast) var(--tempest-ease-out), background-color var(--tempest-duration-fast) var(--tempest-ease-out), border-color var(--tempest-duration-fast) var(--tempest-ease-out), box-shadow var(--tempest-duration-base) var(--tempest-ease-out), transform var(--tempest-duration-fast) var(--tempest-ease-out), opacity var(--tempest-duration-fast) var(--tempest-ease-out)}
 @media (prefers-reduced-motion:reduce){:root{--tempest-duration-fast:.01ms;--tempest-duration-base:.01ms;--tempest-duration-slow:.01ms;--tempest-duration-slower:.01ms}}
-:root,[data-tempest-density=comfortable]{--tempest-control-height-xs:24px;--tempest-control-height-sm:32px;--tempest-control-height-md:40px;--tempest-control-height-lg:48px;--tempest-control-height-xl:56px;--tempest-control-padding-xs:var(--tempest-space-2);--tempest-control-padding-sm:var(--tempest-space-3);--tempest-control-padding-md:var(--tempest-space-4);--tempest-control-padding-lg:var(--tempest-space-5);--tempest-control-padding-xl:var(--tempest-space-6);--tempest-control-font-xs:var(--tempest-text-xs);--tempest-control-font-sm:var(--tempest-text-sm);--tempest-control-font-md:var(--tempest-text-base);--tempest-control-font-lg:var(--tempest-text-lg);--tempest-control-font-xl:var(--tempest-text-xl);--tempest-control-radius:var(--tempest-radius-md);--tempest-control-gap:var(--tempest-space-2)}
-[data-tempest-density=compact]{--tempest-control-height-xs:20px;--tempest-control-height-sm:28px;--tempest-control-height-md:34px;--tempest-control-height-lg:40px;--tempest-control-height-xl:48px;--tempest-control-padding-xs:var(--tempest-space-1);--tempest-control-padding-sm:var(--tempest-space-2);--tempest-control-padding-md:var(--tempest-space-3);--tempest-control-padding-lg:var(--tempest-space-4);--tempest-control-padding-xl:var(--tempest-space-5);--tempest-control-font-xs:var(--tempest-text-2xs);--tempest-control-font-sm:var(--tempest-text-xs);--tempest-control-font-md:var(--tempest-text-sm);--tempest-control-font-lg:var(--tempest-text-base);--tempest-control-font-xl:var(--tempest-text-md);--tempest-control-radius:var(--tempest-radius-sm);--tempest-control-gap:var(--tempest-space-1)}
-[data-tempest-density=touch]{--tempest-control-height-xs:32px;--tempest-control-height-sm:40px;--tempest-control-height-md:44px;--tempest-control-height-lg:52px;--tempest-control-height-xl:60px;--tempest-control-padding-xs:var(--tempest-space-2);--tempest-control-padding-sm:var(--tempest-space-3);--tempest-control-padding-md:var(--tempest-space-4);--tempest-control-padding-lg:var(--tempest-space-5);--tempest-control-padding-xl:var(--tempest-space-6);--tempest-control-font-xs:var(--tempest-text-xs);--tempest-control-font-sm:var(--tempest-text-sm);--tempest-control-font-md:var(--tempest-text-base);--tempest-control-font-lg:var(--tempest-text-lg);--tempest-control-font-xl:var(--tempest-text-xl);--tempest-control-radius:var(--tempest-radius-md);--tempest-control-gap:var(--tempest-space-2)}
-[data-tempest-density=spacious]{--tempest-control-height-xs:28px;--tempest-control-height-sm:36px;--tempest-control-height-md:44px;--tempest-control-height-lg:52px;--tempest-control-height-xl:64px;--tempest-control-padding-xs:var(--tempest-space-3);--tempest-control-padding-sm:var(--tempest-space-4);--tempest-control-padding-md:var(--tempest-space-5);--tempest-control-padding-lg:var(--tempest-space-6);--tempest-control-padding-xl:var(--tempest-space-7);--tempest-control-font-xs:var(--tempest-text-xs);--tempest-control-font-sm:var(--tempest-text-base);--tempest-control-font-md:var(--tempest-text-md);--tempest-control-font-lg:var(--tempest-text-xl);--tempest-control-font-xl:var(--tempest-text-2xl);--tempest-control-radius:var(--tempest-radius-lg);--tempest-control-gap:var(--tempest-space-3)}
+:root,[data-tempest-density=comfortable]{--tempest-control-height-xs:24px;--tempest-control-height-sm:32px;--tempest-control-height-md:40px;--tempest-control-height-lg:48px;--tempest-control-height-xl:56px;--tempest-control-padding-xs:var(--tempest-space-2);--tempest-control-padding-sm:var(--tempest-space-3);--tempest-control-padding-md:var(--tempest-space-4);--tempest-control-padding-lg:var(--tempest-space-5);--tempest-control-padding-xl:var(--tempest-space-6);--tempest-control-font-xs:var(--tempest-text-xs);--tempest-control-font-sm:var(--tempest-text-sm);--tempest-control-font-md:var(--tempest-text-base);--tempest-control-font-lg:var(--tempest-text-lg);--tempest-control-font-xl:var(--tempest-text-xl);--tempest-control-radius:var(--tempest-radius-md);--tempest-control-gap:var(--tempest-space-2);--tempest-control-caret-offset:12px;--tempest-control-caret-size:14px}
+[data-tempest-density=compact]{--tempest-control-height-xs:20px;--tempest-control-height-sm:28px;--tempest-control-height-md:34px;--tempest-control-height-lg:40px;--tempest-control-height-xl:48px;--tempest-control-padding-xs:var(--tempest-space-1);--tempest-control-padding-sm:var(--tempest-space-2);--tempest-control-padding-md:var(--tempest-space-3);--tempest-control-padding-lg:var(--tempest-space-4);--tempest-control-padding-xl:var(--tempest-space-5);--tempest-control-font-xs:var(--tempest-text-2xs);--tempest-control-font-sm:var(--tempest-text-xs);--tempest-control-font-md:var(--tempest-text-sm);--tempest-control-font-lg:var(--tempest-text-base);--tempest-control-font-xl:var(--tempest-text-md);--tempest-control-radius:var(--tempest-radius-sm);--tempest-control-gap:var(--tempest-space-1);--tempest-control-caret-offset:10px;--tempest-control-caret-size:12px}
+[data-tempest-density=touch]{--tempest-control-height-xs:32px;--tempest-control-height-sm:40px;--tempest-control-height-md:44px;--tempest-control-height-lg:52px;--tempest-control-height-xl:60px;--tempest-control-padding-xs:var(--tempest-space-2);--tempest-control-padding-sm:var(--tempest-space-3);--tempest-control-padding-md:var(--tempest-space-4);--tempest-control-padding-lg:var(--tempest-space-5);--tempest-control-padding-xl:var(--tempest-space-6);--tempest-control-font-xs:var(--tempest-text-xs);--tempest-control-font-sm:var(--tempest-text-sm);--tempest-control-font-md:var(--tempest-text-base);--tempest-control-font-lg:var(--tempest-text-lg);--tempest-control-font-xl:var(--tempest-text-xl);--tempest-control-radius:var(--tempest-radius-md);--tempest-control-gap:var(--tempest-space-2);--tempest-control-caret-offset:12px;--tempest-control-caret-size:16px}
+[data-tempest-density=spacious]{--tempest-control-height-xs:28px;--tempest-control-height-sm:36px;--tempest-control-height-md:44px;--tempest-control-height-lg:52px;--tempest-control-height-xl:64px;--tempest-control-padding-xs:var(--tempest-space-3);--tempest-control-padding-sm:var(--tempest-space-4);--tempest-control-padding-md:var(--tempest-space-5);--tempest-control-padding-lg:var(--tempest-space-6);--tempest-control-padding-xl:var(--tempest-space-7);--tempest-control-font-xs:var(--tempest-text-xs);--tempest-control-font-sm:var(--tempest-text-base);--tempest-control-font-md:var(--tempest-text-md);--tempest-control-font-lg:var(--tempest-text-xl);--tempest-control-font-xl:var(--tempest-text-2xl);--tempest-control-radius:var(--tempest-radius-lg);--tempest-control-gap:var(--tempest-space-3);--tempest-control-caret-offset:14px;--tempest-control-caret-size:16px}
 @media (pointer:coarse){:root:not([data-tempest-density=compact]){--tempest-control-height-xs:32px;--tempest-control-height-sm:40px;--tempest-control-height-md:44px}}
 *,:before,:after{box-sizing:border-box}
 html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;tab-size:4}

package/dist/styles/data.css

@@ -55,6 +55,10 @@
 .tempest_secondary_2wMQS:disabled{color:var(--tempest-text-subtle);cursor:not-allowed}
 .tempest_ghost_tDjte{color:var(--tempest-text-muted);background:0 0;border:none;text-decoration:underline}
 .tempest_primary_zW1qN:focus-visible,.tempest_secondary_2wMQS:focus-visible,.tempest_ghost_tDjte:focus-visible,.tempest_remove_FmPaZ:focus-visible{outline:2px solid var(--tempest-primary);outline-offset:1px}
+.tempest_panel_ab2ba{min-width:0}
+.tempest_actions_9a-Sm{justify-content:flex-end;align-items:center;gap:var(--tempest-space-2);flex-wrap:wrap;margin-left:auto;display:flex}
+.tempest_form_bMDhN{margin:0}
+.tempest_fields_M30-g{align-items:start}
 .tempest_board_4Ucop{align-items:flex-start;gap:var(--tempest-space-4);overscroll-behavior-x:contain;padding-bottom:var(--tempest-space-2);display:flex;overflow-x:auto}
 .tempest_column_-FohZ{gap:var(--tempest-space-3);flex-direction:column;flex:0 0 var(--tempest-kanban-column-width,260px);min-width:0;padding:var(--tempest-space-3);background-color:var(--tempest-surface);border:1px solid var(--tempest-border);border-radius:var(--tempest-radius-lg);transition:background-color var(--tempest-duration-fast) var(--tempest-ease-out), border-color var(--tempest-duration-fast) var(--tempest-ease-out);display:flex}
 .tempest_columnActive_TJPM9{border-color:var(--tempest-primary);background-color:var(--tempest-primary-soft)}