@flanksource/clicky-ui 0.3.36 → 0.3.38

package/dist/expressions/playground/useSampleRuns.cjs

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("react");
+const api = require("./api.cjs");
+function useSampleRuns(apiBase, payload, options = {}) {
+  const [results, setResults] = react.useState([]);
+  const [progress, setProgress] = react.useState(null);
+  const [evaluated, setEvaluated] = react.useState(null);
+  const payloadRef = react.useRef(payload);
+  payloadRef.current = payload;
+  const optionsRef = react.useRef(options);
+  optionsRef.current = options;
+  const runningRef = react.useRef(false);
+  const abortRef = react.useRef(void 0);
+  react.useEffect(() => () => {
+    var _a;
+    return (_a = abortRef.current) == null ? void 0 : _a.abort();
+  }, []);
+  const run = react.useCallback(async () => {
+    if (runningRef.current) return;
+    const current = payloadRef.current;
+    if (!current.source.trim() || current.samples.length === 0) {
+      setResults([]);
+      setEvaluated(fingerprint(current));
+      return;
+    }
+    runningRef.current = true;
+    const controller = new AbortController();
+    abortRef.current = controller;
+    const requests = current.samples.map((sample) => ({
+      language: current.language,
+      source: current.source,
+      input: sample.input
+    }));
+    try {
+      const { beforeRun, evaluate } = optionsRef.current;
+      if (beforeRun && !await beforeRun(requests)) return;
+      const evaluateOne = evaluate ?? ((request, signal) => api.evaluate(apiBase, request, signal));
+      const collected = [];
+      setResults([]);
+      setEvaluated(fingerprint(current));
+      setProgress({ done: 0, total: requests.length });
+      for (const [index, request] of requests.entries()) {
+        let response;
+        try {
+          response = await evaluateOne(request, controller.signal);
+        } catch (cause) {
+          if (controller.signal.aborted) return;
+          response = { result: "", durationMs: 0, error: { message: String(cause) } };
+        }
+        if (controller.signal.aborted) return;
+        collected.push({ sample: current.samples[index], response });
+        setResults([...collected]);
+        setProgress({ done: index + 1, total: requests.length });
+      }
+    } finally {
+      runningRef.current = false;
+      if (!controller.signal.aborted) setProgress(null);
+    }
+  }, [apiBase]);
+  return {
+    results,
+    pending: progress !== null,
+    progress,
+    stale: payload.source.trim() !== "" && evaluated !== fingerprint(payload),
+    run
+  };
+}
+function fingerprint({ language, source, samples }) {
+  return JSON.stringify([language, source, samples.map((sample) => [sample.id, sample.input])]);
+}
+exports.useSampleRuns = useSampleRuns;
+//# sourceMappingURL=useSampleRuns.cjs.map

package/dist/expressions/playground/useSampleRuns.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSampleRuns.cjs","sources":["../../../src/expressions/playground/useSampleRuns.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\nimport { evaluate as evaluateRemote, type EvalRequest, type EvalResponse, type PlaygroundSample } from \"./api.ts\";\nimport type { EvalLanguage } from \"./languages.ts\";\nimport type { EvaluatorOptions } from \"./useEvaluator.ts\";\n\nexport interface SampleRunsPayload {\n  language: EvalLanguage;\n  source: string;\n  samples: PlaygroundSample[];\n}\n\nexport interface SampleResult {\n  sample: PlaygroundSample;\n  response: EvalResponse;\n}\n\nexport interface SampleRuns {\n  /** In sample order, growing as each evaluation lands. */\n  results: SampleResult[];\n  pending: boolean;\n  progress: { done: number; total: number } | null;\n  /** The source, language or samples changed since the shown results. */\n  stale: boolean;\n  run: () => Promise<void>;\n}\n\n/**\n * Evaluates one expression against every sample, only when asked.\n *\n * Samples run one after another, never in parallel: a host evaluator may call\n * functions with side effects or that hand out generated values, and those\n * must see the samples in the order the author reads them. `beforeRun` sees the\n * whole batch, so a confirmation is asked once rather than per sample.\n */\nexport function useSampleRuns(\n  apiBase: string,\n  payload: SampleRunsPayload,\n  options: Pick<EvaluatorOptions, \"evaluate\" | \"beforeRun\"> = {},\n): SampleRuns {\n  const [results, setResults] = useState<SampleResult[]>([]);\n  const [progress, setProgress] = useState<SampleRuns[\"progress\"]>(null);\n  const [evaluated, setEvaluated] = useState<string | null>(null);\n\n  const payloadRef = useRef(payload);\n  payloadRef.current = payload;\n  const optionsRef = useRef(options);\n  optionsRef.current = options;\n  const runningRef = useRef(false);\n  const abortRef = useRef<AbortController | undefined>(undefined);\n\n  useEffect(() => () => abortRef.current?.abort(), []);\n\n  const run = useCallback(async () => {\n    if (runningRef.current) return;\n    const current = payloadRef.current;\n    if (!current.source.trim() || current.samples.length === 0) {\n      setResults([]);\n      setEvaluated(fingerprint(current));\n      return;\n    }\n\n    runningRef.current = true;\n    const controller = new AbortController();\n    abortRef.current = controller;\n    const requests: EvalRequest[] = current.samples.map((sample) => ({\n      language: current.language,\n      source: current.source,\n      input: sample.input,\n    }));\n    try {\n      const { beforeRun, evaluate } = optionsRef.current;\n      if (beforeRun && !(await beforeRun(requests))) return;\n      const evaluateOne = evaluate ?? ((request: EvalRequest, signal: AbortSignal) => evaluateRemote(apiBase, request, signal));\n\n      // The results shown from here on belong to this payload, so they are\n      // current while they arrive and go stale only once it is edited.\n      const collected: SampleResult[] = [];\n      setResults([]);\n      setEvaluated(fingerprint(current));\n      setProgress({ done: 0, total: requests.length });\n      for (const [index, request] of requests.entries()) {\n        let response: EvalResponse;\n        try {\n          response = await evaluateOne(request, controller.signal);\n        } catch (cause) {\n          if (controller.signal.aborted) return;\n          response = { result: \"\", durationMs: 0, error: { message: String(cause) } };\n        }\n        if (controller.signal.aborted) return;\n        collected.push({ sample: current.samples[index]!, response });\n        setResults([...collected]);\n        setProgress({ done: index + 1, total: requests.length });\n      }\n    } finally {\n      runningRef.current = false;\n      if (!controller.signal.aborted) setProgress(null);\n    }\n  }, [apiBase]);\n\n  return {\n    results,\n    pending: progress !== null,\n    progress,\n    stale: payload.source.trim() !== \"\" && evaluated !== fingerprint(payload),\n    run,\n  };\n}\n\nfunction fingerprint({ language, source, samples }: SampleRunsPayload): string {\n  return JSON.stringify([language, source, samples.map((sample) => [sample.id, sample.input])]);\n}\n"],"names":["useState","useRef","useEffect","useCallback","evaluateRemote"],"mappings":";;;;AAkCO,SAAS,cACd,SACA,SACA,UAA4D,CAAA,GAChD;AACZ,QAAM,CAAC,SAAS,UAAU,IAAIA,MAAAA,SAAyB,CAAA,CAAE;AACzD,QAAM,CAAC,UAAU,WAAW,IAAIA,MAAAA,SAAiC,IAAI;AACrE,QAAM,CAAC,WAAW,YAAY,IAAIA,MAAAA,SAAwB,IAAI;AAE9D,QAAM,aAAaC,MAAAA,OAAO,OAAO;AACjC,aAAW,UAAU;AACrB,QAAM,aAAaA,MAAAA,OAAO,OAAO;AACjC,aAAW,UAAU;AACrB,QAAM,aAAaA,MAAAA,OAAO,KAAK;AAC/B,QAAM,WAAWA,MAAAA,OAAoC,MAAS;AAE9DC,QAAAA,UAAU,MAAM,MAAA;;AAAM,0BAAS,YAAT,mBAAkB;AAAA,KAAS,CAAA,CAAE;AAEnD,QAAM,MAAMC,MAAAA,YAAY,YAAY;AAClC,QAAI,WAAW,QAAS;AACxB,UAAM,UAAU,WAAW;AAC3B,QAAI,CAAC,QAAQ,OAAO,KAAA,KAAU,QAAQ,QAAQ,WAAW,GAAG;AAC1D,iBAAW,CAAA,CAAE;AACb,mBAAa,YAAY,OAAO,CAAC;AACjC;AAAA,IACF;AAEA,eAAW,UAAU;AACrB,UAAM,aAAa,IAAI,gBAAA;AACvB,aAAS,UAAU;AACnB,UAAM,WAA0B,QAAQ,QAAQ,IAAI,CAAC,YAAY;AAAA,MAC/D,UAAU,QAAQ;AAAA,MAClB,QAAQ,QAAQ;AAAA,MAChB,OAAO,OAAO;AAAA,IAAA,EACd;AACF,QAAI;AACF,YAAM,EAAE,WAAW,SAAA,IAAa,WAAW;AAC3C,UAAI,aAAa,CAAE,MAAM,UAAU,QAAQ,EAAI;AAC/C,YAAM,cAAc,aAAa,CAAC,SAAsB,WAAwBC,IAAAA,SAAe,SAAS,SAAS,MAAM;AAIvH,YAAM,YAA4B,CAAA;AAClC,iBAAW,CAAA,CAAE;AACb,mBAAa,YAAY,OAAO,CAAC;AACjC,kBAAY,EAAE,MAAM,GAAG,OAAO,SAAS,QAAQ;AAC/C,iBAAW,CAAC,OAAO,OAAO,KAAK,SAAS,WAAW;AACjD,YAAI;AACJ,YAAI;AACF,qBAAW,MAAM,YAAY,SAAS,WAAW,MAAM;AAAA,QACzD,SAAS,OAAO;AACd,cAAI,WAAW,OAAO,QAAS;AAC/B,qBAAW,EAAE,QAAQ,IAAI,YAAY,GAAG,OAAO,EAAE,SAAS,OAAO,KAAK,EAAA,EAAE;AAAA,QAC1E;AACA,YAAI,WAAW,OAAO,QAAS;AAC/B,kBAAU,KAAK,EAAE,QAAQ,QAAQ,QAAQ,KAAK,GAAI,UAAU;AAC5D,mBAAW,CAAC,GAAG,SAAS,CAAC;AACzB,oBAAY,EAAE,MAAM,QAAQ,GAAG,OAAO,SAAS,QAAQ;AAAA,MACzD;AAAA,IACF,UAAA;AACE,iBAAW,UAAU;AACrB,UAAI,CAAC,WAAW,OAAO,qBAAqB,IAAI;AAAA,IAClD;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AAEZ,SAAO;AAAA,IACL;AAAA,IACA,SAAS,aAAa;AAAA,IACtB;AAAA,IACA,OAAO,QAAQ,OAAO,KAAA,MAAW,MAAM,cAAc,YAAY,OAAO;AAAA,IACxE;AAAA,EAAA;AAEJ;AAEA,SAAS,YAAY,EAAE,UAAU,QAAQ,WAAsC;AAC7E,SAAO,KAAK,UAAU,CAAC,UAAU,QAAQ,QAAQ,IAAI,CAAC,WAAW,CAAC,OAAO,IAAI,OAAO,KAAK,CAAC,CAAC,CAAC;AAC9F;;"}

package/dist/expressions/playground/useSampleRuns.d.ts

@@ -0,0 +1,34 @@
+import { EvalResponse, PlaygroundSample } from './api.ts';
+import { EvalLanguage } from './languages.ts';
+import { EvaluatorOptions } from './useEvaluator.ts';
+export interface SampleRunsPayload {
+    language: EvalLanguage;
+    source: string;
+    samples: PlaygroundSample[];
+}
+export interface SampleResult {
+    sample: PlaygroundSample;
+    response: EvalResponse;
+}
+export interface SampleRuns {
+    /** In sample order, growing as each evaluation lands. */
+    results: SampleResult[];
+    pending: boolean;
+    progress: {
+        done: number;
+        total: number;
+    } | null;
+    /** The source, language or samples changed since the shown results. */
+    stale: boolean;
+    run: () => Promise<void>;
+}
+/**
+ * Evaluates one expression against every sample, only when asked.
+ *
+ * Samples run one after another, never in parallel: a host evaluator may call
+ * functions with side effects or that hand out generated values, and those
+ * must see the samples in the order the author reads them. `beforeRun` sees the
+ * whole batch, so a confirmation is asked once rather than per sample.
+ */
+export declare function useSampleRuns(apiBase: string, payload: SampleRunsPayload, options?: Pick<EvaluatorOptions, "evaluate" | "beforeRun">): SampleRuns;
+//# sourceMappingURL=useSampleRuns.d.ts.map

package/dist/expressions/playground/useSampleRuns.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSampleRuns.d.ts","sourceRoot":"","sources":["../../../src/expressions/playground/useSampleRuns.ts"],"names":[],"mappings":"AACA,OAAO,EAAgD,KAAK,YAAY,EAAE,KAAK,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAClH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAE1D,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,YAAY,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,gBAAgB,EAAE,CAAC;CAC7B;AAED,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,gBAAgB,CAAC;IACzB,QAAQ,EAAE,YAAY,CAAC;CACxB;AAED,MAAM,WAAW,UAAU;IACzB,yDAAyD;IACzD,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IACjD,uEAAuE;IACvE,KAAK,EAAE,OAAO,CAAC;IACf,GAAG,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC1B;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAC3B,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,iBAAiB,EAC1B,OAAO,GAAE,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,WAAW,CAAM,GAC7D,UAAU,CAoEZ"}

package/dist/expressions/playground/useSampleRuns.js

@@ -0,0 +1,73 @@
+import { useState, useRef, useEffect, useCallback } from "react";
+import { evaluate } from "./api.js";
+function useSampleRuns(apiBase, payload, options = {}) {
+  const [results, setResults] = useState([]);
+  const [progress, setProgress] = useState(null);
+  const [evaluated, setEvaluated] = useState(null);
+  const payloadRef = useRef(payload);
+  payloadRef.current = payload;
+  const optionsRef = useRef(options);
+  optionsRef.current = options;
+  const runningRef = useRef(false);
+  const abortRef = useRef(void 0);
+  useEffect(() => () => {
+    var _a;
+    return (_a = abortRef.current) == null ? void 0 : _a.abort();
+  }, []);
+  const run = useCallback(async () => {
+    if (runningRef.current) return;
+    const current = payloadRef.current;
+    if (!current.source.trim() || current.samples.length === 0) {
+      setResults([]);
+      setEvaluated(fingerprint(current));
+      return;
+    }
+    runningRef.current = true;
+    const controller = new AbortController();
+    abortRef.current = controller;
+    const requests = current.samples.map((sample) => ({
+      language: current.language,
+      source: current.source,
+      input: sample.input
+    }));
+    try {
+      const { beforeRun, evaluate: evaluate$1 } = optionsRef.current;
+      if (beforeRun && !await beforeRun(requests)) return;
+      const evaluateOne = evaluate$1 ?? ((request, signal) => evaluate(apiBase, request, signal));
+      const collected = [];
+      setResults([]);
+      setEvaluated(fingerprint(current));
+      setProgress({ done: 0, total: requests.length });
+      for (const [index, request] of requests.entries()) {
+        let response;
+        try {
+          response = await evaluateOne(request, controller.signal);
+        } catch (cause) {
+          if (controller.signal.aborted) return;
+          response = { result: "", durationMs: 0, error: { message: String(cause) } };
+        }
+        if (controller.signal.aborted) return;
+        collected.push({ sample: current.samples[index], response });
+        setResults([...collected]);
+        setProgress({ done: index + 1, total: requests.length });
+      }
+    } finally {
+      runningRef.current = false;
+      if (!controller.signal.aborted) setProgress(null);
+    }
+  }, [apiBase]);
+  return {
+    results,
+    pending: progress !== null,
+    progress,
+    stale: payload.source.trim() !== "" && evaluated !== fingerprint(payload),
+    run
+  };
+}
+function fingerprint({ language, source, samples }) {
+  return JSON.stringify([language, source, samples.map((sample) => [sample.id, sample.input])]);
+}
+export {
+  useSampleRuns
+};
+//# sourceMappingURL=useSampleRuns.js.map

package/dist/expressions/playground/useSampleRuns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSampleRuns.js","sources":["../../../src/expressions/playground/useSampleRuns.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\nimport { evaluate as evaluateRemote, type EvalRequest, type EvalResponse, type PlaygroundSample } from \"./api.ts\";\nimport type { EvalLanguage } from \"./languages.ts\";\nimport type { EvaluatorOptions } from \"./useEvaluator.ts\";\n\nexport interface SampleRunsPayload {\n  language: EvalLanguage;\n  source: string;\n  samples: PlaygroundSample[];\n}\n\nexport interface SampleResult {\n  sample: PlaygroundSample;\n  response: EvalResponse;\n}\n\nexport interface SampleRuns {\n  /** In sample order, growing as each evaluation lands. */\n  results: SampleResult[];\n  pending: boolean;\n  progress: { done: number; total: number } | null;\n  /** The source, language or samples changed since the shown results. */\n  stale: boolean;\n  run: () => Promise<void>;\n}\n\n/**\n * Evaluates one expression against every sample, only when asked.\n *\n * Samples run one after another, never in parallel: a host evaluator may call\n * functions with side effects or that hand out generated values, and those\n * must see the samples in the order the author reads them. `beforeRun` sees the\n * whole batch, so a confirmation is asked once rather than per sample.\n */\nexport function useSampleRuns(\n  apiBase: string,\n  payload: SampleRunsPayload,\n  options: Pick<EvaluatorOptions, \"evaluate\" | \"beforeRun\"> = {},\n): SampleRuns {\n  const [results, setResults] = useState<SampleResult[]>([]);\n  const [progress, setProgress] = useState<SampleRuns[\"progress\"]>(null);\n  const [evaluated, setEvaluated] = useState<string | null>(null);\n\n  const payloadRef = useRef(payload);\n  payloadRef.current = payload;\n  const optionsRef = useRef(options);\n  optionsRef.current = options;\n  const runningRef = useRef(false);\n  const abortRef = useRef<AbortController | undefined>(undefined);\n\n  useEffect(() => () => abortRef.current?.abort(), []);\n\n  const run = useCallback(async () => {\n    if (runningRef.current) return;\n    const current = payloadRef.current;\n    if (!current.source.trim() || current.samples.length === 0) {\n      setResults([]);\n      setEvaluated(fingerprint(current));\n      return;\n    }\n\n    runningRef.current = true;\n    const controller = new AbortController();\n    abortRef.current = controller;\n    const requests: EvalRequest[] = current.samples.map((sample) => ({\n      language: current.language,\n      source: current.source,\n      input: sample.input,\n    }));\n    try {\n      const { beforeRun, evaluate } = optionsRef.current;\n      if (beforeRun && !(await beforeRun(requests))) return;\n      const evaluateOne = evaluate ?? ((request: EvalRequest, signal: AbortSignal) => evaluateRemote(apiBase, request, signal));\n\n      // The results shown from here on belong to this payload, so they are\n      // current while they arrive and go stale only once it is edited.\n      const collected: SampleResult[] = [];\n      setResults([]);\n      setEvaluated(fingerprint(current));\n      setProgress({ done: 0, total: requests.length });\n      for (const [index, request] of requests.entries()) {\n        let response: EvalResponse;\n        try {\n          response = await evaluateOne(request, controller.signal);\n        } catch (cause) {\n          if (controller.signal.aborted) return;\n          response = { result: \"\", durationMs: 0, error: { message: String(cause) } };\n        }\n        if (controller.signal.aborted) return;\n        collected.push({ sample: current.samples[index]!, response });\n        setResults([...collected]);\n        setProgress({ done: index + 1, total: requests.length });\n      }\n    } finally {\n      runningRef.current = false;\n      if (!controller.signal.aborted) setProgress(null);\n    }\n  }, [apiBase]);\n\n  return {\n    results,\n    pending: progress !== null,\n    progress,\n    stale: payload.source.trim() !== \"\" && evaluated !== fingerprint(payload),\n    run,\n  };\n}\n\nfunction fingerprint({ language, source, samples }: SampleRunsPayload): string {\n  return JSON.stringify([language, source, samples.map((sample) => [sample.id, sample.input])]);\n}\n"],"names":["evaluate","evaluateRemote"],"mappings":";;AAkCO,SAAS,cACd,SACA,SACA,UAA4D,CAAA,GAChD;AACZ,QAAM,CAAC,SAAS,UAAU,IAAI,SAAyB,CAAA,CAAE;AACzD,QAAM,CAAC,UAAU,WAAW,IAAI,SAAiC,IAAI;AACrE,QAAM,CAAC,WAAW,YAAY,IAAI,SAAwB,IAAI;AAE9D,QAAM,aAAa,OAAO,OAAO;AACjC,aAAW,UAAU;AACrB,QAAM,aAAa,OAAO,OAAO;AACjC,aAAW,UAAU;AACrB,QAAM,aAAa,OAAO,KAAK;AAC/B,QAAM,WAAW,OAAoC,MAAS;AAE9D,YAAU,MAAM,MAAA;;AAAM,0BAAS,YAAT,mBAAkB;AAAA,KAAS,CAAA,CAAE;AAEnD,QAAM,MAAM,YAAY,YAAY;AAClC,QAAI,WAAW,QAAS;AACxB,UAAM,UAAU,WAAW;AAC3B,QAAI,CAAC,QAAQ,OAAO,KAAA,KAAU,QAAQ,QAAQ,WAAW,GAAG;AAC1D,iBAAW,CAAA,CAAE;AACb,mBAAa,YAAY,OAAO,CAAC;AACjC;AAAA,IACF;AAEA,eAAW,UAAU;AACrB,UAAM,aAAa,IAAI,gBAAA;AACvB,aAAS,UAAU;AACnB,UAAM,WAA0B,QAAQ,QAAQ,IAAI,CAAC,YAAY;AAAA,MAC/D,UAAU,QAAQ;AAAA,MAClB,QAAQ,QAAQ;AAAA,MAChB,OAAO,OAAO;AAAA,IAAA,EACd;AACF,QAAI;AACF,YAAM,EAAE,WAAA,UAAWA,WAAA,IAAa,WAAW;AAC3C,UAAI,aAAa,CAAE,MAAM,UAAU,QAAQ,EAAI;AAC/C,YAAM,cAAcA,eAAa,CAAC,SAAsB,WAAwBC,SAAe,SAAS,SAAS,MAAM;AAIvH,YAAM,YAA4B,CAAA;AAClC,iBAAW,CAAA,CAAE;AACb,mBAAa,YAAY,OAAO,CAAC;AACjC,kBAAY,EAAE,MAAM,GAAG,OAAO,SAAS,QAAQ;AAC/C,iBAAW,CAAC,OAAO,OAAO,KAAK,SAAS,WAAW;AACjD,YAAI;AACJ,YAAI;AACF,qBAAW,MAAM,YAAY,SAAS,WAAW,MAAM;AAAA,QACzD,SAAS,OAAO;AACd,cAAI,WAAW,OAAO,QAAS;AAC/B,qBAAW,EAAE,QAAQ,IAAI,YAAY,GAAG,OAAO,EAAE,SAAS,OAAO,KAAK,EAAA,EAAE;AAAA,QAC1E;AACA,YAAI,WAAW,OAAO,QAAS;AAC/B,kBAAU,KAAK,EAAE,QAAQ,QAAQ,QAAQ,KAAK,GAAI,UAAU;AAC5D,mBAAW,CAAC,GAAG,SAAS,CAAC;AACzB,oBAAY,EAAE,MAAM,QAAQ,GAAG,OAAO,SAAS,QAAQ;AAAA,MACzD;AAAA,IACF,UAAA;AACE,iBAAW,UAAU;AACrB,UAAI,CAAC,WAAW,OAAO,qBAAqB,IAAI;AAAA,IAClD;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AAEZ,SAAO;AAAA,IACL;AAAA,IACA,SAAS,aAAa;AAAA,IACtB;AAAA,IACA,OAAO,QAAQ,OAAO,KAAA,MAAW,MAAM,cAAc,YAAY,OAAO;AAAA,IACxE;AAAA,EAAA;AAEJ;AAEA,SAAS,YAAY,EAAE,UAAU,QAAQ,WAAsC;AAC7E,SAAO,KAAK,UAAU,CAAC,UAAU,QAAQ,QAAQ,IAAI,CAAC,WAAW,CAAC,OAAO,IAAI,OAAO,KAAK,CAAC,CAAC,CAAC;AAC9F;"}

package/dist/expressions/playground.cjs

@@ -4,6 +4,8 @@ const ExpressionPlayground = require("./playground/ExpressionPlayground.cjs");
 const languages = require("./playground/languages.cjs");
 const api = require("./playground/api.cjs");
 const useEvaluator = require("./playground/useEvaluator.cjs");
+const useSampleRuns = require("./playground/useSampleRuns.cjs");
+const sampleOutcome = require("./playground/sampleOutcome.cjs");
 const useParsedInput = require("./playground/useParsedInput.cjs");
 exports.ExpressionPlayground = ExpressionPlayground.ExpressionPlayground;
 exports.LANGUAGES = languages.LANGUAGES;
@@ -14,5 +16,9 @@ exports.evaluate = api.evaluate;
 exports.fetchExamples = api.fetchExamples;
 exports.fetchSpec = api.fetchSpec;
 exports.useEvaluator = useEvaluator.useEvaluator;
+exports.useSampleRuns = useSampleRuns.useSampleRuns;
+exports.classifySample = sampleOutcome.classifySample;
+exports.nextFailure = sampleOutcome.nextFailure;
+exports.tallySamples = sampleOutcome.tallySamples;
 exports.useParsedInput = useParsedInput.useParsedInput;
 //# sourceMappingURL=playground.cjs.map

package/dist/expressions/playground.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"playground.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"playground.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/expressions/playground.d.ts

@@ -10,9 +10,13 @@ export type { ExpressionPlaygroundProps, PlaygroundState, } from './playground/E
 export { LANGUAGES, SECTIONS, languageById } from './playground/languages.ts';
 export type { EvalLanguage, PlaygroundLanguage, } from './playground/languages.ts';
 export { DEFAULT_API_BASE, evaluate, fetchExamples, fetchSpec, } from './playground/api.ts';
-export type { EvalError, EvalRequest, EvalResponse, Example, } from './playground/api.ts';
+export type { EvalError, EvalRequest, EvalResponse, Example, PlaygroundSample, ResultExpectation, } from './playground/api.ts';
 export { useEvaluator } from './playground/useEvaluator.ts';
-export type { Evaluator } from './playground/useEvaluator.ts';
+export type { Evaluator, EvaluatorOptions } from './playground/useEvaluator.ts';
+export { useSampleRuns } from './playground/useSampleRuns.ts';
+export type { SampleResult, SampleRuns, SampleRunsPayload } from './playground/useSampleRuns.ts';
+export { classifySample, nextFailure, tallySamples } from './playground/sampleOutcome.ts';
+export type { SampleOutcome } from './playground/sampleOutcome.ts';
 export { useParsedInput } from './playground/useParsedInput.ts';
 export type { ParsedInput } from './playground/useParsedInput.ts';
 //# sourceMappingURL=playground.d.ts.map

package/dist/expressions/playground.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"playground.d.ts","sourceRoot":"","sources":["../../src/expressions/playground.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAC7E,YAAY,EACV,yBAAyB,EACzB,eAAe,GAChB,MAAM,uCAAuC,CAAC;AAE/C,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAC9E,YAAY,EACV,YAAY,EACZ,kBAAkB,GACnB,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EACL,gBAAgB,EAChB,QAAQ,EACR,aAAa,EACb,SAAS,GACV,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EACV,SAAS,EACT,WAAW,EACX,YAAY,EACZ,OAAO,GACR,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,YAAY,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,YAAY,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC"}
+{"version":3,"file":"playground.d.ts","sourceRoot":"","sources":["../../src/expressions/playground.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAC7E,YAAY,EACV,yBAAyB,EACzB,eAAe,GAChB,MAAM,uCAAuC,CAAC;AAE/C,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAC9E,YAAY,EACV,YAAY,EACZ,kBAAkB,GACnB,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EACL,gBAAgB,EAChB,QAAQ,EACR,aAAa,EACb,SAAS,GACV,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EACV,SAAS,EACT,WAAW,EACX,YAAY,EACZ,OAAO,EACP,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,YAAY,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AACjG,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC1F,YAAY,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,YAAY,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC"}

package/dist/expressions/playground.js

@@ -2,17 +2,23 @@ import { ExpressionPlayground } from "./playground/ExpressionPlayground.js";
 import { LANGUAGES, SECTIONS, languageById } from "./playground/languages.js";
 import { DEFAULT_API_BASE, evaluate, fetchExamples, fetchSpec } from "./playground/api.js";
 import { useEvaluator } from "./playground/useEvaluator.js";
+import { useSampleRuns } from "./playground/useSampleRuns.js";
+import { classifySample, nextFailure, tallySamples } from "./playground/sampleOutcome.js";
 import { useParsedInput } from "./playground/useParsedInput.js";
 export {
   DEFAULT_API_BASE,
   ExpressionPlayground,
   LANGUAGES,
   SECTIONS,
+  classifySample,
   evaluate,
   fetchExamples,
   fetchSpec,
   languageById,
+  nextFailure,
+  tallySamples,
   useEvaluator,
-  useParsedInput
+  useParsedInput,
+  useSampleRuns
 };
 //# sourceMappingURL=playground.js.map

package/dist/expressions/playground.js.map

@@ -1 +1 @@
-{"version":3,"file":"playground.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"playground.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/hooks/theme-provider.cjs

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
+const useMediaQuery = require("./use-media-query.cjs");
 const useTheme = require("./use-theme.cjs");
 function ThemeProvider({
   children,
@@ -22,15 +23,12 @@ function ThemeProvider({
     }
   }, [theme, storageKey]);
   react.useEffect(() => {
-    if (theme !== "system" || typeof window === "undefined") return;
-    const mq = window.matchMedia("(prefers-color-scheme: dark)");
-    const onChange = () => {
-      const next = mq.matches ? "dark" : "light";
+    if (theme !== "system") return;
+    return useMediaQuery.onMediaChange(useTheme.PREFERS_DARK_QUERY, (dark) => {
+      const next = dark ? "dark" : "light";
       setResolvedTheme(next);
       useTheme.applyTheme(next);
-    };
-    mq.addEventListener("change", onChange);
-    return () => mq.removeEventListener("change", onChange);
+    });
   }, [theme]);
   const setTheme = react.useCallback((next) => setThemeState(next), []);
   const value = react.useMemo(

package/dist/hooks/theme-provider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"theme-provider.cjs","sources":["../../src/hooks/theme-provider.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState, type ReactNode } from \"react\";\nimport {\n  THEME_STORAGE_KEY,\n  ThemeContext,\n  applyTheme,\n  readStoredTheme,\n  resolveTheme,\n  type ResolvedTheme,\n  type Theme,\n  type ThemeContextValue,\n} from \"./use-theme\";\n\nexport type ThemeProviderProps = {\n  children: ReactNode;\n  defaultTheme?: Theme;\n  storageKey?: string;\n};\n\nexport function ThemeProvider({\n  children,\n  defaultTheme = \"system\",\n  storageKey = THEME_STORAGE_KEY,\n}: ThemeProviderProps) {\n  const [theme, setThemeState] = useState<Theme>(() => {\n    if (typeof window === \"undefined\") return defaultTheme;\n    return readStoredTheme() ?? defaultTheme;\n  });\n  const [resolvedTheme, setResolvedTheme] = useState<ResolvedTheme>(() => resolveTheme(theme));\n\n  useEffect(() => {\n    const next = resolveTheme(theme);\n    setResolvedTheme(next);\n    applyTheme(next);\n    if (typeof window !== \"undefined\") {\n      window.localStorage.setItem(storageKey, theme);\n    }\n  }, [theme, storageKey]);\n\n  useEffect(() => {\n    if (theme !== \"system\" || typeof window === \"undefined\") return;\n    const mq = window.matchMedia(\"(prefers-color-scheme: dark)\");\n    const onChange = () => {\n      const next: ResolvedTheme = mq.matches ? \"dark\" : \"light\";\n      setResolvedTheme(next);\n      applyTheme(next);\n    };\n    mq.addEventListener(\"change\", onChange);\n    return () => mq.removeEventListener(\"change\", onChange);\n  }, [theme]);\n\n  const setTheme = useCallback((next: Theme) => setThemeState(next), []);\n\n  const value = useMemo<ThemeContextValue>(\n    () => ({ theme, resolvedTheme, setTheme }),\n    [theme, resolvedTheme, setTheme],\n  );\n\n  return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>;\n}\n"],"names":["THEME_STORAGE_KEY","useState","readStoredTheme","resolveTheme","useEffect","applyTheme","useCallback","useMemo","jsx","ThemeContext"],"mappings":";;;;;AAkBO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA,eAAe;AAAA,EACf,aAAaA,SAAAA;AACf,GAAuB;AACrB,QAAM,CAAC,OAAO,aAAa,IAAIC,MAAAA,SAAgB,MAAM;AACnD,QAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,WAAOC,SAAAA,qBAAqB;AAAA,EAC9B,CAAC;AACD,QAAM,CAAC,eAAe,gBAAgB,IAAID,MAAAA,SAAwB,MAAME,SAAAA,aAAa,KAAK,CAAC;AAE3FC,QAAAA,UAAU,MAAM;AACd,UAAM,OAAOD,SAAAA,aAAa,KAAK;AAC/B,qBAAiB,IAAI;AACrBE,aAAAA,WAAW,IAAI;AACf,QAAI,OAAO,WAAW,aAAa;AACjC,aAAO,aAAa,QAAQ,YAAY,KAAK;AAAA,IAC/C;AAAA,EACF,GAAG,CAAC,OAAO,UAAU,CAAC;AAEtBD,QAAAA,UAAU,MAAM;AACd,QAAI,UAAU,YAAY,OAAO,WAAW,YAAa;AACzD,UAAM,KAAK,OAAO,WAAW,8BAA8B;AAC3D,UAAM,WAAW,MAAM;AACrB,YAAM,OAAsB,GAAG,UAAU,SAAS;AAClD,uBAAiB,IAAI;AACrBC,eAAAA,WAAW,IAAI;AAAA,IACjB;AACA,OAAG,iBAAiB,UAAU,QAAQ;AACtC,WAAO,MAAM,GAAG,oBAAoB,UAAU,QAAQ;AAAA,EACxD,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,WAAWC,MAAAA,YAAY,CAAC,SAAgB,cAAc,IAAI,GAAG,EAAE;AAErE,QAAM,QAAQC,MAAAA;AAAAA,IACZ,OAAO,EAAE,OAAO,eAAe;IAC/B,CAAC,OAAO,eAAe,QAAQ;AAAA,EAAA;AAGjC,SAAOC,2BAAAA,IAACC,SAAAA,aAAa,UAAb,EAAsB,OAAe,SAAA,CAAS;AACxD;;"}
+{"version":3,"file":"theme-provider.cjs","sources":["../../src/hooks/theme-provider.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState, type ReactNode } from \"react\";\nimport { onMediaChange } from \"./use-media-query\";\nimport {\n  PREFERS_DARK_QUERY,\n  THEME_STORAGE_KEY,\n  ThemeContext,\n  applyTheme,\n  readStoredTheme,\n  resolveTheme,\n  type ResolvedTheme,\n  type Theme,\n  type ThemeContextValue,\n} from \"./use-theme\";\n\nexport type ThemeProviderProps = {\n  children: ReactNode;\n  defaultTheme?: Theme;\n  storageKey?: string;\n};\n\nexport function ThemeProvider({\n  children,\n  defaultTheme = \"system\",\n  storageKey = THEME_STORAGE_KEY,\n}: ThemeProviderProps) {\n  const [theme, setThemeState] = useState<Theme>(() => {\n    if (typeof window === \"undefined\") return defaultTheme;\n    return readStoredTheme() ?? defaultTheme;\n  });\n  const [resolvedTheme, setResolvedTheme] = useState<ResolvedTheme>(() => resolveTheme(theme));\n\n  useEffect(() => {\n    const next = resolveTheme(theme);\n    setResolvedTheme(next);\n    applyTheme(next);\n    if (typeof window !== \"undefined\") {\n      window.localStorage.setItem(storageKey, theme);\n    }\n  }, [theme, storageKey]);\n\n  useEffect(() => {\n    if (theme !== \"system\") return;\n    return onMediaChange(PREFERS_DARK_QUERY, (dark) => {\n      const next: ResolvedTheme = dark ? \"dark\" : \"light\";\n      setResolvedTheme(next);\n      applyTheme(next);\n    });\n  }, [theme]);\n\n  const setTheme = useCallback((next: Theme) => setThemeState(next), []);\n\n  const value = useMemo<ThemeContextValue>(\n    () => ({ theme, resolvedTheme, setTheme }),\n    [theme, resolvedTheme, setTheme],\n  );\n\n  return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>;\n}\n"],"names":["THEME_STORAGE_KEY","useState","readStoredTheme","resolveTheme","useEffect","applyTheme","onMediaChange","PREFERS_DARK_QUERY","useCallback","useMemo","jsx","ThemeContext"],"mappings":";;;;;;AAoBO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA,eAAe;AAAA,EACf,aAAaA,SAAAA;AACf,GAAuB;AACrB,QAAM,CAAC,OAAO,aAAa,IAAIC,MAAAA,SAAgB,MAAM;AACnD,QAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,WAAOC,SAAAA,qBAAqB;AAAA,EAC9B,CAAC;AACD,QAAM,CAAC,eAAe,gBAAgB,IAAID,MAAAA,SAAwB,MAAME,SAAAA,aAAa,KAAK,CAAC;AAE3FC,QAAAA,UAAU,MAAM;AACd,UAAM,OAAOD,SAAAA,aAAa,KAAK;AAC/B,qBAAiB,IAAI;AACrBE,aAAAA,WAAW,IAAI;AACf,QAAI,OAAO,WAAW,aAAa;AACjC,aAAO,aAAa,QAAQ,YAAY,KAAK;AAAA,IAC/C;AAAA,EACF,GAAG,CAAC,OAAO,UAAU,CAAC;AAEtBD,QAAAA,UAAU,MAAM;AACd,QAAI,UAAU,SAAU;AACxB,WAAOE,cAAAA,cAAcC,6BAAoB,CAAC,SAAS;AACjD,YAAM,OAAsB,OAAO,SAAS;AAC5C,uBAAiB,IAAI;AACrBF,eAAAA,WAAW,IAAI;AAAA,IACjB,CAAC;AAAA,EACH,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,WAAWG,MAAAA,YAAY,CAAC,SAAgB,cAAc,IAAI,GAAG,EAAE;AAErE,QAAM,QAAQC,MAAAA;AAAAA,IACZ,OAAO,EAAE,OAAO,eAAe;IAC/B,CAAC,OAAO,eAAe,QAAQ;AAAA,EAAA;AAGjC,SAAOC,2BAAAA,IAACC,SAAAA,aAAa,UAAb,EAAsB,OAAe,SAAA,CAAS;AACxD;;"}

package/dist/hooks/theme-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme-provider.d.ts","sourceRoot":"","sources":["../../src/hooks/theme-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAClF,OAAO,EAOL,KAAK,KAAK,EAEX,MAAM,aAAa,CAAC;AAErB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,YAAuB,EACvB,UAA8B,GAC/B,EAAE,kBAAkB,+BAoCpB"}
+{"version":3,"file":"theme-provider.d.ts","sourceRoot":"","sources":["../../src/hooks/theme-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElF,OAAO,EAQL,KAAK,KAAK,EAEX,MAAM,aAAa,CAAC;AAErB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,YAAuB,EACvB,UAA8B,GAC/B,EAAE,kBAAkB,+BAiCpB"}

package/dist/hooks/theme-provider.js

@@ -1,6 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useState, useEffect, useCallback, useMemo } from "react";
-import { readStoredTheme, resolveTheme, applyTheme, THEME_STORAGE_KEY, ThemeContext } from "./use-theme.js";
+import { onMediaChange } from "./use-media-query.js";
+import { readStoredTheme, resolveTheme, applyTheme, THEME_STORAGE_KEY, ThemeContext, PREFERS_DARK_QUERY } from "./use-theme.js";
 function ThemeProvider({
   children,
   defaultTheme = "system",
@@ -20,15 +21,12 @@ function ThemeProvider({
     }
   }, [theme, storageKey]);
   useEffect(() => {
-    if (theme !== "system" || typeof window === "undefined") return;
-    const mq = window.matchMedia("(prefers-color-scheme: dark)");
-    const onChange = () => {
-      const next = mq.matches ? "dark" : "light";
+    if (theme !== "system") return;
+    return onMediaChange(PREFERS_DARK_QUERY, (dark) => {
+      const next = dark ? "dark" : "light";
       setResolvedTheme(next);
       applyTheme(next);
-    };
-    mq.addEventListener("change", onChange);
-    return () => mq.removeEventListener("change", onChange);
+    });
   }, [theme]);
   const setTheme = useCallback((next) => setThemeState(next), []);
   const value = useMemo(

package/dist/hooks/theme-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme-provider.js","sources":["../../src/hooks/theme-provider.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState, type ReactNode } from \"react\";\nimport {\n  THEME_STORAGE_KEY,\n  ThemeContext,\n  applyTheme,\n  readStoredTheme,\n  resolveTheme,\n  type ResolvedTheme,\n  type Theme,\n  type ThemeContextValue,\n} from \"./use-theme\";\n\nexport type ThemeProviderProps = {\n  children: ReactNode;\n  defaultTheme?: Theme;\n  storageKey?: string;\n};\n\nexport function ThemeProvider({\n  children,\n  defaultTheme = \"system\",\n  storageKey = THEME_STORAGE_KEY,\n}: ThemeProviderProps) {\n  const [theme, setThemeState] = useState<Theme>(() => {\n    if (typeof window === \"undefined\") return defaultTheme;\n    return readStoredTheme() ?? defaultTheme;\n  });\n  const [resolvedTheme, setResolvedTheme] = useState<ResolvedTheme>(() => resolveTheme(theme));\n\n  useEffect(() => {\n    const next = resolveTheme(theme);\n    setResolvedTheme(next);\n    applyTheme(next);\n    if (typeof window !== \"undefined\") {\n      window.localStorage.setItem(storageKey, theme);\n    }\n  }, [theme, storageKey]);\n\n  useEffect(() => {\n    if (theme !== \"system\" || typeof window === \"undefined\") return;\n    const mq = window.matchMedia(\"(prefers-color-scheme: dark)\");\n    const onChange = () => {\n      const next: ResolvedTheme = mq.matches ? \"dark\" : \"light\";\n      setResolvedTheme(next);\n      applyTheme(next);\n    };\n    mq.addEventListener(\"change\", onChange);\n    return () => mq.removeEventListener(\"change\", onChange);\n  }, [theme]);\n\n  const setTheme = useCallback((next: Theme) => setThemeState(next), []);\n\n  const value = useMemo<ThemeContextValue>(\n    () => ({ theme, resolvedTheme, setTheme }),\n    [theme, resolvedTheme, setTheme],\n  );\n\n  return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>;\n}\n"],"names":[],"mappings":";;;AAkBO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA,eAAe;AAAA,EACf,aAAa;AACf,GAAuB;AACrB,QAAM,CAAC,OAAO,aAAa,IAAI,SAAgB,MAAM;AACnD,QAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,WAAO,qBAAqB;AAAA,EAC9B,CAAC;AACD,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAwB,MAAM,aAAa,KAAK,CAAC;AAE3F,YAAU,MAAM;AACd,UAAM,OAAO,aAAa,KAAK;AAC/B,qBAAiB,IAAI;AACrB,eAAW,IAAI;AACf,QAAI,OAAO,WAAW,aAAa;AACjC,aAAO,aAAa,QAAQ,YAAY,KAAK;AAAA,IAC/C;AAAA,EACF,GAAG,CAAC,OAAO,UAAU,CAAC;AAEtB,YAAU,MAAM;AACd,QAAI,UAAU,YAAY,OAAO,WAAW,YAAa;AACzD,UAAM,KAAK,OAAO,WAAW,8BAA8B;AAC3D,UAAM,WAAW,MAAM;AACrB,YAAM,OAAsB,GAAG,UAAU,SAAS;AAClD,uBAAiB,IAAI;AACrB,iBAAW,IAAI;AAAA,IACjB;AACA,OAAG,iBAAiB,UAAU,QAAQ;AACtC,WAAO,MAAM,GAAG,oBAAoB,UAAU,QAAQ;AAAA,EACxD,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,WAAW,YAAY,CAAC,SAAgB,cAAc,IAAI,GAAG,EAAE;AAErE,QAAM,QAAQ;AAAA,IACZ,OAAO,EAAE,OAAO,eAAe;IAC/B,CAAC,OAAO,eAAe,QAAQ;AAAA,EAAA;AAGjC,SAAO,oBAAC,aAAa,UAAb,EAAsB,OAAe,SAAA,CAAS;AACxD;"}
+{"version":3,"file":"theme-provider.js","sources":["../../src/hooks/theme-provider.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState, type ReactNode } from \"react\";\nimport { onMediaChange } from \"./use-media-query\";\nimport {\n  PREFERS_DARK_QUERY,\n  THEME_STORAGE_KEY,\n  ThemeContext,\n  applyTheme,\n  readStoredTheme,\n  resolveTheme,\n  type ResolvedTheme,\n  type Theme,\n  type ThemeContextValue,\n} from \"./use-theme\";\n\nexport type ThemeProviderProps = {\n  children: ReactNode;\n  defaultTheme?: Theme;\n  storageKey?: string;\n};\n\nexport function ThemeProvider({\n  children,\n  defaultTheme = \"system\",\n  storageKey = THEME_STORAGE_KEY,\n}: ThemeProviderProps) {\n  const [theme, setThemeState] = useState<Theme>(() => {\n    if (typeof window === \"undefined\") return defaultTheme;\n    return readStoredTheme() ?? defaultTheme;\n  });\n  const [resolvedTheme, setResolvedTheme] = useState<ResolvedTheme>(() => resolveTheme(theme));\n\n  useEffect(() => {\n    const next = resolveTheme(theme);\n    setResolvedTheme(next);\n    applyTheme(next);\n    if (typeof window !== \"undefined\") {\n      window.localStorage.setItem(storageKey, theme);\n    }\n  }, [theme, storageKey]);\n\n  useEffect(() => {\n    if (theme !== \"system\") return;\n    return onMediaChange(PREFERS_DARK_QUERY, (dark) => {\n      const next: ResolvedTheme = dark ? \"dark\" : \"light\";\n      setResolvedTheme(next);\n      applyTheme(next);\n    });\n  }, [theme]);\n\n  const setTheme = useCallback((next: Theme) => setThemeState(next), []);\n\n  const value = useMemo<ThemeContextValue>(\n    () => ({ theme, resolvedTheme, setTheme }),\n    [theme, resolvedTheme, setTheme],\n  );\n\n  return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>;\n}\n"],"names":[],"mappings":";;;;AAoBO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA,eAAe;AAAA,EACf,aAAa;AACf,GAAuB;AACrB,QAAM,CAAC,OAAO,aAAa,IAAI,SAAgB,MAAM;AACnD,QAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,WAAO,qBAAqB;AAAA,EAC9B,CAAC;AACD,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAwB,MAAM,aAAa,KAAK,CAAC;AAE3F,YAAU,MAAM;AACd,UAAM,OAAO,aAAa,KAAK;AAC/B,qBAAiB,IAAI;AACrB,eAAW,IAAI;AACf,QAAI,OAAO,WAAW,aAAa;AACjC,aAAO,aAAa,QAAQ,YAAY,KAAK;AAAA,IAC/C;AAAA,EACF,GAAG,CAAC,OAAO,UAAU,CAAC;AAEtB,YAAU,MAAM;AACd,QAAI,UAAU,SAAU;AACxB,WAAO,cAAc,oBAAoB,CAAC,SAAS;AACjD,YAAM,OAAsB,OAAO,SAAS;AAC5C,uBAAiB,IAAI;AACrB,iBAAW,IAAI;AAAA,IACjB,CAAC;AAAA,EACH,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,WAAW,YAAY,CAAC,SAAgB,cAAc,IAAI,GAAG,EAAE;AAErE,QAAM,QAAQ;AAAA,IACZ,OAAO,EAAE,OAAO,eAAe;IAC/B,CAAC,OAAO,eAAe,QAAQ;AAAA,EAAA;AAGjC,SAAO,oBAAC,aAAa,UAAb,EAAsB,OAAe,SAAA,CAAS;AACxD;"}

package/dist/hooks/use-container-width.cjs

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("react");
+function useContainerWiderThan(minWidth) {
+  const [node, setNode] = react.useState(null);
+  const [wider, setWider] = react.useState(true);
+  react.useLayoutEffect(() => {
+    if (!node) return;
+    const measure = () => {
+      const width = node.getBoundingClientRect().width;
+      const next = width <= 0 || width >= minWidth;
+      setWider((prev) => prev === next ? prev : next);
+    };
+    measure();
+    const ResizeObserverCtor = typeof ResizeObserver === "undefined" ? null : ResizeObserver;
+    if (!ResizeObserverCtor) {
+      window.addEventListener("resize", measure);
+      return () => window.removeEventListener("resize", measure);
+    }
+    const observer = new ResizeObserverCtor(measure);
+    observer.observe(node);
+    window.addEventListener("resize", measure);
+    return () => {
+      observer.disconnect();
+      window.removeEventListener("resize", measure);
+    };
+  }, [node, minWidth]);
+  return { ref: setNode, wider };
+}
+exports.useContainerWiderThan = useContainerWiderThan;
+//# sourceMappingURL=use-container-width.cjs.map

package/dist/hooks/use-container-width.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-container-width.cjs","sources":["../../src/hooks/use-container-width.ts"],"sourcesContent":["import { useLayoutEffect, useState } from \"react\";\n\n/**\n * Observes an element's width and reports whether it is at least `minWidth`.\n *\n * Measuring the CONTAINER rather than the content is deliberate: a component\n * that decides its own layout from its own rendered width feeds back into the\n * measurement (collapsing shrinks it, which then says it fits), so it needs\n * hysteresis to stop oscillating. A block-level container fills its column\n * regardless of what it holds, so its width is an independent input.\n *\n * An unmeasured element — width 0 in jsdom, or before the first layout —\n * reports true, so a component defaults to its roomy layout instead of\n * flashing collapsed.\n */\nexport function useContainerWiderThan(minWidth: number): {\n  ref: (node: HTMLElement | null) => void;\n  wider: boolean;\n} {\n  // A state setter is a stable callback ref that also re-runs the effect once\n  // the node attaches; a plain useRef would measure nothing on first mount.\n  const [node, setNode] = useState<HTMLElement | null>(null);\n  const [wider, setWider] = useState(true);\n\n  useLayoutEffect(() => {\n    if (!node) return;\n    const measure = () => {\n      const width = node.getBoundingClientRect().width;\n      const next = width <= 0 || width >= minWidth;\n      setWider((prev) => (prev === next ? prev : next));\n    };\n    measure();\n\n    // ResizeObserver is absent in older browsers and during SSR; the window\n    // resize fallback still catches viewport-driven changes.\n    const ResizeObserverCtor =\n      typeof ResizeObserver === \"undefined\" ? null : ResizeObserver;\n    if (!ResizeObserverCtor) {\n      window.addEventListener(\"resize\", measure);\n      return () => window.removeEventListener(\"resize\", measure);\n    }\n    const observer = new ResizeObserverCtor(measure);\n    observer.observe(node);\n    window.addEventListener(\"resize\", measure);\n    return () => {\n      observer.disconnect();\n      window.removeEventListener(\"resize\", measure);\n    };\n  }, [node, minWidth]);\n\n  return { ref: setNode, wider };\n}\n"],"names":["useState","useLayoutEffect"],"mappings":";;;AAeO,SAAS,sBAAsB,UAGpC;AAGA,QAAM,CAAC,MAAM,OAAO,IAAIA,MAAAA,SAA6B,IAAI;AACzD,QAAM,CAAC,OAAO,QAAQ,IAAIA,MAAAA,SAAS,IAAI;AAEvCC,QAAAA,gBAAgB,MAAM;AACpB,QAAI,CAAC,KAAM;AACX,UAAM,UAAU,MAAM;AACpB,YAAM,QAAQ,KAAK,sBAAA,EAAwB;AAC3C,YAAM,OAAO,SAAS,KAAK,SAAS;AACpC,eAAS,CAAC,SAAU,SAAS,OAAO,OAAO,IAAK;AAAA,IAClD;AACA,YAAA;AAIA,UAAM,qBACJ,OAAO,mBAAmB,cAAc,OAAO;AACjD,QAAI,CAAC,oBAAoB;AACvB,aAAO,iBAAiB,UAAU,OAAO;AACzC,aAAO,MAAM,OAAO,oBAAoB,UAAU,OAAO;AAAA,IAC3D;AACA,UAAM,WAAW,IAAI,mBAAmB,OAAO;AAC/C,aAAS,QAAQ,IAAI;AACrB,WAAO,iBAAiB,UAAU,OAAO;AACzC,WAAO,MAAM;AACX,eAAS,WAAA;AACT,aAAO,oBAAoB,UAAU,OAAO;AAAA,IAC9C;AAAA,EACF,GAAG,CAAC,MAAM,QAAQ,CAAC;AAEnB,SAAO,EAAE,KAAK,SAAS,MAAA;AACzB;;"}

package/dist/hooks/use-container-width.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Observes an element's width and reports whether it is at least `minWidth`.
+ *
+ * Measuring the CONTAINER rather than the content is deliberate: a component
+ * that decides its own layout from its own rendered width feeds back into the
+ * measurement (collapsing shrinks it, which then says it fits), so it needs
+ * hysteresis to stop oscillating. A block-level container fills its column
+ * regardless of what it holds, so its width is an independent input.
+ *
+ * An unmeasured element — width 0 in jsdom, or before the first layout —
+ * reports true, so a component defaults to its roomy layout instead of
+ * flashing collapsed.
+ */
+export declare function useContainerWiderThan(minWidth: number): {
+    ref: (node: HTMLElement | null) => void;
+    wider: boolean;
+};
+//# sourceMappingURL=use-container-width.d.ts.map

package/dist/hooks/use-container-width.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-container-width.d.ts","sourceRoot":"","sources":["../../src/hooks/use-container-width.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AACH,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,MAAM,GAAG;IACvD,GAAG,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACxC,KAAK,EAAE,OAAO,CAAC;CAChB,CAiCA"}

package/dist/hooks/use-container-width.js

@@ -0,0 +1,31 @@
+import { useState, useLayoutEffect } from "react";
+function useContainerWiderThan(minWidth) {
+  const [node, setNode] = useState(null);
+  const [wider, setWider] = useState(true);
+  useLayoutEffect(() => {
+    if (!node) return;
+    const measure = () => {
+      const width = node.getBoundingClientRect().width;
+      const next = width <= 0 || width >= minWidth;
+      setWider((prev) => prev === next ? prev : next);
+    };
+    measure();
+    const ResizeObserverCtor = typeof ResizeObserver === "undefined" ? null : ResizeObserver;
+    if (!ResizeObserverCtor) {
+      window.addEventListener("resize", measure);
+      return () => window.removeEventListener("resize", measure);
+    }
+    const observer = new ResizeObserverCtor(measure);
+    observer.observe(node);
+    window.addEventListener("resize", measure);
+    return () => {
+      observer.disconnect();
+      window.removeEventListener("resize", measure);
+    };
+  }, [node, minWidth]);
+  return { ref: setNode, wider };
+}
+export {
+  useContainerWiderThan
+};
+//# sourceMappingURL=use-container-width.js.map

package/dist/hooks/use-container-width.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-container-width.js","sources":["../../src/hooks/use-container-width.ts"],"sourcesContent":["import { useLayoutEffect, useState } from \"react\";\n\n/**\n * Observes an element's width and reports whether it is at least `minWidth`.\n *\n * Measuring the CONTAINER rather than the content is deliberate: a component\n * that decides its own layout from its own rendered width feeds back into the\n * measurement (collapsing shrinks it, which then says it fits), so it needs\n * hysteresis to stop oscillating. A block-level container fills its column\n * regardless of what it holds, so its width is an independent input.\n *\n * An unmeasured element — width 0 in jsdom, or before the first layout —\n * reports true, so a component defaults to its roomy layout instead of\n * flashing collapsed.\n */\nexport function useContainerWiderThan(minWidth: number): {\n  ref: (node: HTMLElement | null) => void;\n  wider: boolean;\n} {\n  // A state setter is a stable callback ref that also re-runs the effect once\n  // the node attaches; a plain useRef would measure nothing on first mount.\n  const [node, setNode] = useState<HTMLElement | null>(null);\n  const [wider, setWider] = useState(true);\n\n  useLayoutEffect(() => {\n    if (!node) return;\n    const measure = () => {\n      const width = node.getBoundingClientRect().width;\n      const next = width <= 0 || width >= minWidth;\n      setWider((prev) => (prev === next ? prev : next));\n    };\n    measure();\n\n    // ResizeObserver is absent in older browsers and during SSR; the window\n    // resize fallback still catches viewport-driven changes.\n    const ResizeObserverCtor =\n      typeof ResizeObserver === \"undefined\" ? null : ResizeObserver;\n    if (!ResizeObserverCtor) {\n      window.addEventListener(\"resize\", measure);\n      return () => window.removeEventListener(\"resize\", measure);\n    }\n    const observer = new ResizeObserverCtor(measure);\n    observer.observe(node);\n    window.addEventListener(\"resize\", measure);\n    return () => {\n      observer.disconnect();\n      window.removeEventListener(\"resize\", measure);\n    };\n  }, [node, minWidth]);\n\n  return { ref: setNode, wider };\n}\n"],"names":[],"mappings":";AAeO,SAAS,sBAAsB,UAGpC;AAGA,QAAM,CAAC,MAAM,OAAO,IAAI,SAA6B,IAAI;AACzD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,IAAI;AAEvC,kBAAgB,MAAM;AACpB,QAAI,CAAC,KAAM;AACX,UAAM,UAAU,MAAM;AACpB,YAAM,QAAQ,KAAK,sBAAA,EAAwB;AAC3C,YAAM,OAAO,SAAS,KAAK,SAAS;AACpC,eAAS,CAAC,SAAU,SAAS,OAAO,OAAO,IAAK;AAAA,IAClD;AACA,YAAA;AAIA,UAAM,qBACJ,OAAO,mBAAmB,cAAc,OAAO;AACjD,QAAI,CAAC,oBAAoB;AACvB,aAAO,iBAAiB,UAAU,OAAO;AACzC,aAAO,MAAM,OAAO,oBAAoB,UAAU,OAAO;AAAA,IAC3D;AACA,UAAM,WAAW,IAAI,mBAAmB,OAAO;AAC/C,aAAS,QAAQ,IAAI;AACrB,WAAO,iBAAiB,UAAU,OAAO;AACzC,WAAO,MAAM;AACX,eAAS,WAAA;AACT,aAAO,oBAAoB,UAAU,OAAO;AAAA,IAC9C;AAAA,EACF,GAAG,CAAC,MAAM,QAAQ,CAAC;AAEnB,SAAO,EAAE,KAAK,SAAS,MAAA;AACzB;"}