@flanksource/clicky-ui 0.3.35 → 0.3.37

package/dist/lib/string.cjs

@@ -10,14 +10,39 @@ function stripTrailingSlashes(value) {
   while (end > 0 && value[end - 1] === "/") end--;
   return value.slice(0, end);
 }
-function stripSurroundingDashes(value) {
+function stripSurroundingChars(value, chars) {
   let start = 0;
   let end = value.length;
-  while (start < end && value[start] === "-") start++;
-  while (end > start && value[end - 1] === "-") end--;
+  while (start < end && chars.includes(value[start])) start++;
+  while (end > start && chars.includes(value[end - 1])) end--;
   return value.slice(start, end);
 }
+function stripTrailingNewlines(value) {
+  let end = value.length;
+  while (end > 0 && value[end - 1] === "\n") end--;
+  return value.slice(0, end);
+}
+function stripHtmlTags(value, replacement = " ") {
+  let out = "";
+  let index = 0;
+  while (index < value.length) {
+    const open = value.indexOf("<", index);
+    if (open === -1) return out + value.slice(index);
+    const close = value.indexOf(">", open + 1);
+    if (close === -1) return out + value.slice(index);
+    if (close === open + 1) {
+      out += value.slice(index, close + 1);
+      index = close + 1;
+      continue;
+    }
+    out += value.slice(index, open) + replacement;
+    index = close + 1;
+  }
+  return out;
+}
+exports.stripHtmlTags = stripHtmlTags;
 exports.stripLeadingSlashes = stripLeadingSlashes;
-exports.stripSurroundingDashes = stripSurroundingDashes;
+exports.stripSurroundingChars = stripSurroundingChars;
+exports.stripTrailingNewlines = stripTrailingNewlines;
 exports.stripTrailingSlashes = stripTrailingSlashes;
 //# sourceMappingURL=string.cjs.map

package/dist/lib/string.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"string.cjs","sources":["../../src/lib/string.ts"],"sourcesContent":["export function stripLeadingSlashes(value: string): string {\n  let start = 0;\n  while (start < value.length && value[start] === \"/\") start++;\n  return value.slice(start);\n}\n\nexport function stripTrailingSlashes(value: string): string {\n  let end = value.length;\n  while (end > 0 && value[end - 1] === \"/\") end--;\n  return value.slice(0, end);\n}\n\n// Linear scan instead of `.replace(/^-+|-+$/g, \"\")`: the anchored `-+`\n// alternatives backtrack polynomially on slugs made of many dashes.\nexport function stripSurroundingDashes(value: string): string {\n  let start = 0;\n  let end = value.length;\n  while (start < end && value[start] === \"-\") start++;\n  while (end > start && value[end - 1] === \"-\") end--;\n  return value.slice(start, end);\n}\n"],"names":[],"mappings":";;AAAO,SAAS,oBAAoB,OAAuB;AACzD,MAAI,QAAQ;AACZ,SAAO,QAAQ,MAAM,UAAU,MAAM,KAAK,MAAM,IAAK;AACrD,SAAO,MAAM,MAAM,KAAK;AAC1B;AAEO,SAAS,qBAAqB,OAAuB;AAC1D,MAAI,MAAM,MAAM;AAChB,SAAO,MAAM,KAAK,MAAM,MAAM,CAAC,MAAM,IAAK;AAC1C,SAAO,MAAM,MAAM,GAAG,GAAG;AAC3B;AAIO,SAAS,uBAAuB,OAAuB;AAC5D,MAAI,QAAQ;AACZ,MAAI,MAAM,MAAM;AAChB,SAAO,QAAQ,OAAO,MAAM,KAAK,MAAM,IAAK;AAC5C,SAAO,MAAM,SAAS,MAAM,MAAM,CAAC,MAAM,IAAK;AAC9C,SAAO,MAAM,MAAM,OAAO,GAAG;AAC/B;;;;"}
+{"version":3,"file":"string.cjs","sources":["../../src/lib/string.ts"],"sourcesContent":["export function stripLeadingSlashes(value: string): string {\n  let start = 0;\n  while (start < value.length && value[start] === \"/\") start++;\n  return value.slice(start);\n}\n\nexport function stripTrailingSlashes(value: string): string {\n  let end = value.length;\n  while (end > 0 && value[end - 1] === \"/\") end--;\n  return value.slice(0, end);\n}\n\n// Linear scan instead of `.replace(/^[-_]+|[-_]+$/g, \"\")`: the unanchored\n// trailing alternative retries from every run character, so a value made of\n// many of them costs O(n²).\nexport function stripSurroundingChars(value: string, chars: string): string {\n  let start = 0;\n  let end = value.length;\n  while (start < end && chars.includes(value[start]!)) start++;\n  while (end > start && chars.includes(value[end - 1]!)) end--;\n  return value.slice(start, end);\n}\n\nexport function stripTrailingNewlines(value: string): string {\n  let end = value.length;\n  while (end > 0 && value[end - 1] === \"\\n\") end--;\n  return value.slice(0, end);\n}\n\n// Linear scan instead of `.replace(/<[^>]+>/g, \" \")`, whose `[^>]+` rescans the\n// whole tail from every `<` in a run of them.\nexport function stripHtmlTags(value: string, replacement = \" \"): string {\n  let out = \"\";\n  let index = 0;\n  while (index < value.length) {\n    const open = value.indexOf(\"<\", index);\n    if (open === -1) return out + value.slice(index);\n    const close = value.indexOf(\">\", open + 1);\n    if (close === -1) return out + value.slice(index);\n    // `<>` has no tag name, so the regex this replaces left it as text.\n    if (close === open + 1) {\n      out += value.slice(index, close + 1);\n      index = close + 1;\n      continue;\n    }\n    out += value.slice(index, open) + replacement;\n    index = close + 1;\n  }\n  return out;\n}\n"],"names":[],"mappings":";;AAAO,SAAS,oBAAoB,OAAuB;AACzD,MAAI,QAAQ;AACZ,SAAO,QAAQ,MAAM,UAAU,MAAM,KAAK,MAAM,IAAK;AACrD,SAAO,MAAM,MAAM,KAAK;AAC1B;AAEO,SAAS,qBAAqB,OAAuB;AAC1D,MAAI,MAAM,MAAM;AAChB,SAAO,MAAM,KAAK,MAAM,MAAM,CAAC,MAAM,IAAK;AAC1C,SAAO,MAAM,MAAM,GAAG,GAAG;AAC3B;AAKO,SAAS,sBAAsB,OAAe,OAAuB;AAC1E,MAAI,QAAQ;AACZ,MAAI,MAAM,MAAM;AAChB,SAAO,QAAQ,OAAO,MAAM,SAAS,MAAM,KAAK,CAAE,EAAG;AACrD,SAAO,MAAM,SAAS,MAAM,SAAS,MAAM,MAAM,CAAC,CAAE,EAAG;AACvD,SAAO,MAAM,MAAM,OAAO,GAAG;AAC/B;AAEO,SAAS,sBAAsB,OAAuB;AAC3D,MAAI,MAAM,MAAM;AAChB,SAAO,MAAM,KAAK,MAAM,MAAM,CAAC,MAAM,KAAM;AAC3C,SAAO,MAAM,MAAM,GAAG,GAAG;AAC3B;AAIO,SAAS,cAAc,OAAe,cAAc,KAAa;AACtE,MAAI,MAAM;AACV,MAAI,QAAQ;AACZ,SAAO,QAAQ,MAAM,QAAQ;AAC3B,UAAM,OAAO,MAAM,QAAQ,KAAK,KAAK;AACrC,QAAI,SAAS,GAAI,QAAO,MAAM,MAAM,MAAM,KAAK;AAC/C,UAAM,QAAQ,MAAM,QAAQ,KAAK,OAAO,CAAC;AACzC,QAAI,UAAU,GAAI,QAAO,MAAM,MAAM,MAAM,KAAK;AAEhD,QAAI,UAAU,OAAO,GAAG;AACtB,aAAO,MAAM,MAAM,OAAO,QAAQ,CAAC;AACnC,cAAQ,QAAQ;AAChB;AAAA,IACF;AACA,WAAO,MAAM,MAAM,OAAO,IAAI,IAAI;AAClC,YAAQ,QAAQ;AAAA,EAClB;AACA,SAAO;AACT;;;;;;"}

package/dist/lib/string.d.ts

@@ -1,4 +1,6 @@
 export declare function stripLeadingSlashes(value: string): string;
 export declare function stripTrailingSlashes(value: string): string;
-export declare function stripSurroundingDashes(value: string): string;
+export declare function stripSurroundingChars(value: string, chars: string): string;
+export declare function stripTrailingNewlines(value: string): string;
+export declare function stripHtmlTags(value: string, replacement?: string): string;
 //# sourceMappingURL=string.d.ts.map

package/dist/lib/string.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"string.d.ts","sourceRoot":"","sources":["../../src/lib/string.ts"],"names":[],"mappings":"AAAA,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAIzD;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAI1D;AAID,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAM5D"}
+{"version":3,"file":"string.d.ts","sourceRoot":"","sources":["../../src/lib/string.ts"],"names":[],"mappings":"AAAA,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAIzD;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAI1D;AAKD,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAM1E;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAI3D;AAID,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,SAAM,GAAG,MAAM,CAkBtE"}

package/dist/lib/string.js

@@ -8,16 +8,41 @@ function stripTrailingSlashes(value) {
   while (end > 0 && value[end - 1] === "/") end--;
   return value.slice(0, end);
 }
-function stripSurroundingDashes(value) {
+function stripSurroundingChars(value, chars) {
   let start = 0;
   let end = value.length;
-  while (start < end && value[start] === "-") start++;
-  while (end > start && value[end - 1] === "-") end--;
+  while (start < end && chars.includes(value[start])) start++;
+  while (end > start && chars.includes(value[end - 1])) end--;
   return value.slice(start, end);
 }
+function stripTrailingNewlines(value) {
+  let end = value.length;
+  while (end > 0 && value[end - 1] === "\n") end--;
+  return value.slice(0, end);
+}
+function stripHtmlTags(value, replacement = " ") {
+  let out = "";
+  let index = 0;
+  while (index < value.length) {
+    const open = value.indexOf("<", index);
+    if (open === -1) return out + value.slice(index);
+    const close = value.indexOf(">", open + 1);
+    if (close === -1) return out + value.slice(index);
+    if (close === open + 1) {
+      out += value.slice(index, close + 1);
+      index = close + 1;
+      continue;
+    }
+    out += value.slice(index, open) + replacement;
+    index = close + 1;
+  }
+  return out;
+}
 export {
+  stripHtmlTags,
   stripLeadingSlashes,
-  stripSurroundingDashes,
+  stripSurroundingChars,
+  stripTrailingNewlines,
   stripTrailingSlashes
 };
 //# sourceMappingURL=string.js.map

package/dist/lib/string.js.map

@@ -1 +1 @@
-{"version":3,"file":"string.js","sources":["../../src/lib/string.ts"],"sourcesContent":["export function stripLeadingSlashes(value: string): string {\n  let start = 0;\n  while (start < value.length && value[start] === \"/\") start++;\n  return value.slice(start);\n}\n\nexport function stripTrailingSlashes(value: string): string {\n  let end = value.length;\n  while (end > 0 && value[end - 1] === \"/\") end--;\n  return value.slice(0, end);\n}\n\n// Linear scan instead of `.replace(/^-+|-+$/g, \"\")`: the anchored `-+`\n// alternatives backtrack polynomially on slugs made of many dashes.\nexport function stripSurroundingDashes(value: string): string {\n  let start = 0;\n  let end = value.length;\n  while (start < end && value[start] === \"-\") start++;\n  while (end > start && value[end - 1] === \"-\") end--;\n  return value.slice(start, end);\n}\n"],"names":[],"mappings":"AAAO,SAAS,oBAAoB,OAAuB;AACzD,MAAI,QAAQ;AACZ,SAAO,QAAQ,MAAM,UAAU,MAAM,KAAK,MAAM,IAAK;AACrD,SAAO,MAAM,MAAM,KAAK;AAC1B;AAEO,SAAS,qBAAqB,OAAuB;AAC1D,MAAI,MAAM,MAAM;AAChB,SAAO,MAAM,KAAK,MAAM,MAAM,CAAC,MAAM,IAAK;AAC1C,SAAO,MAAM,MAAM,GAAG,GAAG;AAC3B;AAIO,SAAS,uBAAuB,OAAuB;AAC5D,MAAI,QAAQ;AACZ,MAAI,MAAM,MAAM;AAChB,SAAO,QAAQ,OAAO,MAAM,KAAK,MAAM,IAAK;AAC5C,SAAO,MAAM,SAAS,MAAM,MAAM,CAAC,MAAM,IAAK;AAC9C,SAAO,MAAM,MAAM,OAAO,GAAG;AAC/B;"}
+{"version":3,"file":"string.js","sources":["../../src/lib/string.ts"],"sourcesContent":["export function stripLeadingSlashes(value: string): string {\n  let start = 0;\n  while (start < value.length && value[start] === \"/\") start++;\n  return value.slice(start);\n}\n\nexport function stripTrailingSlashes(value: string): string {\n  let end = value.length;\n  while (end > 0 && value[end - 1] === \"/\") end--;\n  return value.slice(0, end);\n}\n\n// Linear scan instead of `.replace(/^[-_]+|[-_]+$/g, \"\")`: the unanchored\n// trailing alternative retries from every run character, so a value made of\n// many of them costs O(n²).\nexport function stripSurroundingChars(value: string, chars: string): string {\n  let start = 0;\n  let end = value.length;\n  while (start < end && chars.includes(value[start]!)) start++;\n  while (end > start && chars.includes(value[end - 1]!)) end--;\n  return value.slice(start, end);\n}\n\nexport function stripTrailingNewlines(value: string): string {\n  let end = value.length;\n  while (end > 0 && value[end - 1] === \"\\n\") end--;\n  return value.slice(0, end);\n}\n\n// Linear scan instead of `.replace(/<[^>]+>/g, \" \")`, whose `[^>]+` rescans the\n// whole tail from every `<` in a run of them.\nexport function stripHtmlTags(value: string, replacement = \" \"): string {\n  let out = \"\";\n  let index = 0;\n  while (index < value.length) {\n    const open = value.indexOf(\"<\", index);\n    if (open === -1) return out + value.slice(index);\n    const close = value.indexOf(\">\", open + 1);\n    if (close === -1) return out + value.slice(index);\n    // `<>` has no tag name, so the regex this replaces left it as text.\n    if (close === open + 1) {\n      out += value.slice(index, close + 1);\n      index = close + 1;\n      continue;\n    }\n    out += value.slice(index, open) + replacement;\n    index = close + 1;\n  }\n  return out;\n}\n"],"names":[],"mappings":"AAAO,SAAS,oBAAoB,OAAuB;AACzD,MAAI,QAAQ;AACZ,SAAO,QAAQ,MAAM,UAAU,MAAM,KAAK,MAAM,IAAK;AACrD,SAAO,MAAM,MAAM,KAAK;AAC1B;AAEO,SAAS,qBAAqB,OAAuB;AAC1D,MAAI,MAAM,MAAM;AAChB,SAAO,MAAM,KAAK,MAAM,MAAM,CAAC,MAAM,IAAK;AAC1C,SAAO,MAAM,MAAM,GAAG,GAAG;AAC3B;AAKO,SAAS,sBAAsB,OAAe,OAAuB;AAC1E,MAAI,QAAQ;AACZ,MAAI,MAAM,MAAM;AAChB,SAAO,QAAQ,OAAO,MAAM,SAAS,MAAM,KAAK,CAAE,EAAG;AACrD,SAAO,MAAM,SAAS,MAAM,SAAS,MAAM,MAAM,CAAC,CAAE,EAAG;AACvD,SAAO,MAAM,MAAM,OAAO,GAAG;AAC/B;AAEO,SAAS,sBAAsB,OAAuB;AAC3D,MAAI,MAAM,MAAM;AAChB,SAAO,MAAM,KAAK,MAAM,MAAM,CAAC,MAAM,KAAM;AAC3C,SAAO,MAAM,MAAM,GAAG,GAAG;AAC3B;AAIO,SAAS,cAAc,OAAe,cAAc,KAAa;AACtE,MAAI,MAAM;AACV,MAAI,QAAQ;AACZ,SAAO,QAAQ,MAAM,QAAQ;AAC3B,UAAM,OAAO,MAAM,QAAQ,KAAK,KAAK;AACrC,QAAI,SAAS,GAAI,QAAO,MAAM,MAAM,MAAM,KAAK;AAC/C,UAAM,QAAQ,MAAM,QAAQ,KAAK,OAAO,CAAC;AACzC,QAAI,UAAU,GAAI,QAAO,MAAM,MAAM,MAAM,KAAK;AAEhD,QAAI,UAAU,OAAO,GAAG;AACtB,aAAO,MAAM,MAAM,OAAO,QAAQ,CAAC;AACnC,cAAQ,QAAQ;AAChB;AAAA,IACF;AACA,WAAO,MAAM,MAAM,OAAO,IAAI,IAAI;AAClC,YAAQ,QAAQ;AAAA,EAClB;AACA,SAAO;AACT;"}

package/dist/monaco/MonacoEditor.cjs

@@ -3,6 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const Editor = require("@monaco-editor/react");
 const monacoEditor = require("monaco-editor");
+const react = require("react");
 const useTheme = require("../hooks/use-theme.cjs");
 const useMonacoWorker = require("./use-monaco-worker.cjs");
 function _interopNamespaceDefault(e) {
@@ -35,6 +36,8 @@ function MonacoEditor({
 }) {
   const workers = useMonacoWorker.useMonacoWorkerFactory();
   const theme = useTheme.useResolvedTheme() === "dark" ? "vs-dark" : "light";
+  const latestValue = react.useRef(value);
+  latestValue.current = value;
   if (!workers) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "alert", className: "rounded-md border border-destructive/40 p-3 text-sm text-destructive", children: "Monaco workers are not configured." });
   }
@@ -49,7 +52,10 @@ function MonacoEditor({
       theme,
       keepCurrentModel: true,
       ...beforeMount ? { beforeMount } : {},
-      ...onMount ? { onMount: (instance, monacoInstance) => onMount(instance, monacoInstance) } : {},
+      onMount: (instance, monacoInstance) => {
+        if (instance.getValue() !== latestValue.current) instance.setValue(latestValue.current);
+        onMount == null ? void 0 : onMount(instance, monacoInstance);
+      },
       ...onValidate ? { onValidate } : {},
       options: {
         automaticLayout: true,

package/dist/monaco/MonacoEditor.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MonacoEditor.cjs","sources":["../../src/monaco/MonacoEditor.tsx"],"sourcesContent":["import Editor, { loader, type Monaco } from \"@monaco-editor/react\";\nimport * as monaco from \"monaco-editor\";\nimport { useResolvedTheme } from \"../hooks/use-theme\";\nimport { useMonacoWorkerFactory } from \"./use-monaco-worker\";\nimport type { MonacoEditorProps } from \"./types\";\n\nloader.config({ monaco });\n\nexport function MonacoEditor({\n  value,\n  onChange,\n  language,\n  path,\n  height = \"20rem\",\n  beforeMount,\n  onMount,\n  onValidate,\n}: MonacoEditorProps) {\n  const workers = useMonacoWorkerFactory();\n  const theme = useResolvedTheme() === \"dark\" ? \"vs-dark\" : \"light\";\n\n  if (!workers) {\n    return <div role=\"alert\" className=\"rounded-md border border-destructive/40 p-3 text-sm text-destructive\">Monaco workers are not configured.</div>;\n  }\n\n  return (\n    <div className=\"overflow-hidden rounded-md border border-input\" data-slot=\"monaco-editor\">\n      <Editor\n        value={value}\n        onChange={(next) => onChange(next ?? \"\")}\n        language={language}\n        path={path}\n        height={height}\n        theme={theme}\n        keepCurrentModel\n        {...(beforeMount ? { beforeMount } : {})}\n        {...(onMount\n          ? { onMount: (instance, monacoInstance) => onMount(instance, monacoInstance) }\n          : {})}\n        {...(onValidate ? { onValidate } : {})}\n        options={{\n          automaticLayout: true,\n          fontFamily: \"var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace)\",\n          fontSize: 13,\n          lineHeight: 20,\n          minimap: { enabled: false },\n          scrollBeyondLastLine: false,\n          tabSize: 2,\n          wordWrap: \"on\",\n          quickSuggestions: { other: true, comments: true, strings: true },\n        }}\n      />\n    </div>\n  );\n}\n\nexport type { Monaco };\n"],"names":["loader","monaco","useMonacoWorkerFactory","useResolvedTheme","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAMAA,OAAAA,OAAO,OAAO,EAAA,QAAEC,yBAAQ;AAEjB,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AACF,GAAsB;AACpB,QAAM,UAAUC,gBAAAA,uBAAA;AAChB,QAAM,QAAQC,SAAAA,iBAAA,MAAuB,SAAS,YAAY;AAE1D,MAAI,CAAC,SAAS;AACZ,0CAAQ,OAAA,EAAI,MAAK,SAAQ,WAAU,wEAAuE,UAAA,sCAAkC;AAAA,EAC9I;AAEA,SACEC,2BAAAA,IAAC,OAAA,EAAI,WAAU,kDAAiD,aAAU,iBACxE,UAAAA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,UAAU,CAAC,SAAS,SAAS,QAAQ,EAAE;AAAA,MACvC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,kBAAgB;AAAA,MACf,GAAI,cAAc,EAAE,YAAA,IAAgB,CAAA;AAAA,MACpC,GAAI,UACD,EAAE,SAAS,CAAC,UAAU,mBAAmB,QAAQ,UAAU,cAAc,EAAA,IACzE,CAAA;AAAA,MACH,GAAI,aAAa,EAAE,WAAA,IAAe,CAAA;AAAA,MACnC,SAAS;AAAA,QACP,iBAAiB;AAAA,QACjB,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,SAAS,EAAE,SAAS,MAAA;AAAA,QACpB,sBAAsB;AAAA,QACtB,SAAS;AAAA,QACT,UAAU;AAAA,QACV,kBAAkB,EAAE,OAAO,MAAM,UAAU,MAAM,SAAS,KAAA;AAAA,MAAK;AAAA,IACjE;AAAA,EAAA,GAEJ;AAEJ;;"}
+{"version":3,"file":"MonacoEditor.cjs","sources":["../../src/monaco/MonacoEditor.tsx"],"sourcesContent":["import Editor, { loader, type Monaco } from \"@monaco-editor/react\";\nimport * as monaco from \"monaco-editor\";\nimport { useRef } from \"react\";\nimport { useResolvedTheme } from \"../hooks/use-theme\";\nimport { useMonacoWorkerFactory } from \"./use-monaco-worker\";\nimport type { MonacoEditorProps } from \"./types\";\n\nloader.config({ monaco });\n\nexport function MonacoEditor({\n  value,\n  onChange,\n  language,\n  path,\n  height = \"20rem\",\n  beforeMount,\n  onMount,\n  onValidate,\n}: MonacoEditorProps) {\n  const workers = useMonacoWorkerFactory();\n  const theme = useResolvedTheme() === \"dark\" ? \"vs-dark\" : \"light\";\n  // @monaco-editor/react keeps the first onMount it sees, so read the value at\n  // mount time through a ref rather than that render's closure.\n  const latestValue = useRef(value);\n  latestValue.current = value;\n\n  if (!workers) {\n    return <div role=\"alert\" className=\"rounded-md border border-destructive/40 p-3 text-sm text-destructive\">Monaco workers are not configured.</div>;\n  }\n\n  return (\n    <div className=\"overflow-hidden rounded-md border border-input\" data-slot=\"monaco-editor\">\n      <Editor\n        value={value}\n        onChange={(next) => onChange(next ?? \"\")}\n        language={language}\n        path={path}\n        height={height}\n        theme={theme}\n        keepCurrentModel\n        {...(beforeMount ? { beforeMount } : {})}\n        onMount={(instance, monacoInstance) => {\n          // keepCurrentModel remounts onto the model already at `path`, which\n          // still holds the text from when the previous editor unmounted.\n          if (instance.getValue() !== latestValue.current) instance.setValue(latestValue.current);\n          onMount?.(instance, monacoInstance);\n        }}\n        {...(onValidate ? { onValidate } : {})}\n        options={{\n          automaticLayout: true,\n          fontFamily: \"var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace)\",\n          fontSize: 13,\n          lineHeight: 20,\n          minimap: { enabled: false },\n          scrollBeyondLastLine: false,\n          tabSize: 2,\n          wordWrap: \"on\",\n          quickSuggestions: { other: true, comments: true, strings: true },\n        }}\n      />\n    </div>\n  );\n}\n\nexport type { Monaco };\n"],"names":["loader","monaco","useMonacoWorkerFactory","useResolvedTheme","useRef","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAOAA,OAAAA,OAAO,OAAO,EAAA,QAAEC,yBAAQ;AAEjB,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AACF,GAAsB;AACpB,QAAM,UAAUC,gBAAAA,uBAAA;AAChB,QAAM,QAAQC,SAAAA,iBAAA,MAAuB,SAAS,YAAY;AAG1D,QAAM,cAAcC,MAAAA,OAAO,KAAK;AAChC,cAAY,UAAU;AAEtB,MAAI,CAAC,SAAS;AACZ,0CAAQ,OAAA,EAAI,MAAK,SAAQ,WAAU,wEAAuE,UAAA,sCAAkC;AAAA,EAC9I;AAEA,SACEC,2BAAAA,IAAC,OAAA,EAAI,WAAU,kDAAiD,aAAU,iBACxE,UAAAA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,UAAU,CAAC,SAAS,SAAS,QAAQ,EAAE;AAAA,MACvC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,kBAAgB;AAAA,MACf,GAAI,cAAc,EAAE,YAAA,IAAgB,CAAA;AAAA,MACrC,SAAS,CAAC,UAAU,mBAAmB;AAGrC,YAAI,SAAS,eAAe,YAAY,QAAS,UAAS,SAAS,YAAY,OAAO;AACtF,2CAAU,UAAU;AAAA,MACtB;AAAA,MACC,GAAI,aAAa,EAAE,WAAA,IAAe,CAAA;AAAA,MACnC,SAAS;AAAA,QACP,iBAAiB;AAAA,QACjB,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,SAAS,EAAE,SAAS,MAAA;AAAA,QACpB,sBAAsB;AAAA,QACtB,SAAS;AAAA,QACT,UAAU;AAAA,QACV,kBAAkB,EAAE,OAAO,MAAM,UAAU,MAAM,SAAS,KAAA;AAAA,MAAK;AAAA,IACjE;AAAA,EAAA,GAEJ;AAEJ;;"}

package/dist/monaco/MonacoEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MonacoEditor.d.ts","sourceRoot":"","sources":["../../src/monaco/MonacoEditor.tsx"],"names":[],"mappings":"AAAA,OAAe,EAAU,KAAK,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAInE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAIjD,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,MAAgB,EAChB,WAAW,EACX,OAAO,EACP,UAAU,GACX,EAAE,iBAAiB,+BAqCnB;AAED,YAAY,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"MonacoEditor.d.ts","sourceRoot":"","sources":["../../src/monaco/MonacoEditor.tsx"],"names":[],"mappings":"AAAA,OAAe,EAAU,KAAK,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAKnE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAIjD,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,MAAgB,EAChB,WAAW,EACX,OAAO,EACP,UAAU,GACX,EAAE,iBAAiB,+BA4CnB;AAED,YAAY,EAAE,MAAM,EAAE,CAAC"}

package/dist/monaco/MonacoEditor.js

@@ -1,6 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import Editor, { loader } from "@monaco-editor/react";
 import * as monacoEditor from "monaco-editor";
+import { useRef } from "react";
 import { useResolvedTheme } from "../hooks/use-theme.js";
 import { useMonacoWorkerFactory } from "./use-monaco-worker.js";
 loader.config({ monaco: monacoEditor });
@@ -16,6 +17,8 @@ function MonacoEditor({
 }) {
   const workers = useMonacoWorkerFactory();
   const theme = useResolvedTheme() === "dark" ? "vs-dark" : "light";
+  const latestValue = useRef(value);
+  latestValue.current = value;
   if (!workers) {
     return /* @__PURE__ */ jsx("div", { role: "alert", className: "rounded-md border border-destructive/40 p-3 text-sm text-destructive", children: "Monaco workers are not configured." });
   }
@@ -30,7 +33,10 @@ function MonacoEditor({
       theme,
       keepCurrentModel: true,
       ...beforeMount ? { beforeMount } : {},
-      ...onMount ? { onMount: (instance, monacoInstance) => onMount(instance, monacoInstance) } : {},
+      onMount: (instance, monacoInstance) => {
+        if (instance.getValue() !== latestValue.current) instance.setValue(latestValue.current);
+        onMount == null ? void 0 : onMount(instance, monacoInstance);
+      },
       ...onValidate ? { onValidate } : {},
       options: {
         automaticLayout: true,

package/dist/monaco/MonacoEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"MonacoEditor.js","sources":["../../src/monaco/MonacoEditor.tsx"],"sourcesContent":["import Editor, { loader, type Monaco } from \"@monaco-editor/react\";\nimport * as monaco from \"monaco-editor\";\nimport { useResolvedTheme } from \"../hooks/use-theme\";\nimport { useMonacoWorkerFactory } from \"./use-monaco-worker\";\nimport type { MonacoEditorProps } from \"./types\";\n\nloader.config({ monaco });\n\nexport function MonacoEditor({\n  value,\n  onChange,\n  language,\n  path,\n  height = \"20rem\",\n  beforeMount,\n  onMount,\n  onValidate,\n}: MonacoEditorProps) {\n  const workers = useMonacoWorkerFactory();\n  const theme = useResolvedTheme() === \"dark\" ? \"vs-dark\" : \"light\";\n\n  if (!workers) {\n    return <div role=\"alert\" className=\"rounded-md border border-destructive/40 p-3 text-sm text-destructive\">Monaco workers are not configured.</div>;\n  }\n\n  return (\n    <div className=\"overflow-hidden rounded-md border border-input\" data-slot=\"monaco-editor\">\n      <Editor\n        value={value}\n        onChange={(next) => onChange(next ?? \"\")}\n        language={language}\n        path={path}\n        height={height}\n        theme={theme}\n        keepCurrentModel\n        {...(beforeMount ? { beforeMount } : {})}\n        {...(onMount\n          ? { onMount: (instance, monacoInstance) => onMount(instance, monacoInstance) }\n          : {})}\n        {...(onValidate ? { onValidate } : {})}\n        options={{\n          automaticLayout: true,\n          fontFamily: \"var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace)\",\n          fontSize: 13,\n          lineHeight: 20,\n          minimap: { enabled: false },\n          scrollBeyondLastLine: false,\n          tabSize: 2,\n          wordWrap: \"on\",\n          quickSuggestions: { other: true, comments: true, strings: true },\n        }}\n      />\n    </div>\n  );\n}\n\nexport type { Monaco };\n"],"names":["monaco"],"mappings":";;;;;AAMA,OAAO,OAAO,EAAA,QAAEA,cAAQ;AAEjB,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AACF,GAAsB;AACpB,QAAM,UAAU,uBAAA;AAChB,QAAM,QAAQ,iBAAA,MAAuB,SAAS,YAAY;AAE1D,MAAI,CAAC,SAAS;AACZ,+BAAQ,OAAA,EAAI,MAAK,SAAQ,WAAU,wEAAuE,UAAA,sCAAkC;AAAA,EAC9I;AAEA,SACE,oBAAC,OAAA,EAAI,WAAU,kDAAiD,aAAU,iBACxE,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,UAAU,CAAC,SAAS,SAAS,QAAQ,EAAE;AAAA,MACvC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,kBAAgB;AAAA,MACf,GAAI,cAAc,EAAE,YAAA,IAAgB,CAAA;AAAA,MACpC,GAAI,UACD,EAAE,SAAS,CAAC,UAAU,mBAAmB,QAAQ,UAAU,cAAc,EAAA,IACzE,CAAA;AAAA,MACH,GAAI,aAAa,EAAE,WAAA,IAAe,CAAA;AAAA,MACnC,SAAS;AAAA,QACP,iBAAiB;AAAA,QACjB,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,SAAS,EAAE,SAAS,MAAA;AAAA,QACpB,sBAAsB;AAAA,QACtB,SAAS;AAAA,QACT,UAAU;AAAA,QACV,kBAAkB,EAAE,OAAO,MAAM,UAAU,MAAM,SAAS,KAAA;AAAA,MAAK;AAAA,IACjE;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"MonacoEditor.js","sources":["../../src/monaco/MonacoEditor.tsx"],"sourcesContent":["import Editor, { loader, type Monaco } from \"@monaco-editor/react\";\nimport * as monaco from \"monaco-editor\";\nimport { useRef } from \"react\";\nimport { useResolvedTheme } from \"../hooks/use-theme\";\nimport { useMonacoWorkerFactory } from \"./use-monaco-worker\";\nimport type { MonacoEditorProps } from \"./types\";\n\nloader.config({ monaco });\n\nexport function MonacoEditor({\n  value,\n  onChange,\n  language,\n  path,\n  height = \"20rem\",\n  beforeMount,\n  onMount,\n  onValidate,\n}: MonacoEditorProps) {\n  const workers = useMonacoWorkerFactory();\n  const theme = useResolvedTheme() === \"dark\" ? \"vs-dark\" : \"light\";\n  // @monaco-editor/react keeps the first onMount it sees, so read the value at\n  // mount time through a ref rather than that render's closure.\n  const latestValue = useRef(value);\n  latestValue.current = value;\n\n  if (!workers) {\n    return <div role=\"alert\" className=\"rounded-md border border-destructive/40 p-3 text-sm text-destructive\">Monaco workers are not configured.</div>;\n  }\n\n  return (\n    <div className=\"overflow-hidden rounded-md border border-input\" data-slot=\"monaco-editor\">\n      <Editor\n        value={value}\n        onChange={(next) => onChange(next ?? \"\")}\n        language={language}\n        path={path}\n        height={height}\n        theme={theme}\n        keepCurrentModel\n        {...(beforeMount ? { beforeMount } : {})}\n        onMount={(instance, monacoInstance) => {\n          // keepCurrentModel remounts onto the model already at `path`, which\n          // still holds the text from when the previous editor unmounted.\n          if (instance.getValue() !== latestValue.current) instance.setValue(latestValue.current);\n          onMount?.(instance, monacoInstance);\n        }}\n        {...(onValidate ? { onValidate } : {})}\n        options={{\n          automaticLayout: true,\n          fontFamily: \"var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace)\",\n          fontSize: 13,\n          lineHeight: 20,\n          minimap: { enabled: false },\n          scrollBeyondLastLine: false,\n          tabSize: 2,\n          wordWrap: \"on\",\n          quickSuggestions: { other: true, comments: true, strings: true },\n        }}\n      />\n    </div>\n  );\n}\n\nexport type { Monaco };\n"],"names":["monaco"],"mappings":";;;;;;AAOA,OAAO,OAAO,EAAA,QAAEA,cAAQ;AAEjB,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AACF,GAAsB;AACpB,QAAM,UAAU,uBAAA;AAChB,QAAM,QAAQ,iBAAA,MAAuB,SAAS,YAAY;AAG1D,QAAM,cAAc,OAAO,KAAK;AAChC,cAAY,UAAU;AAEtB,MAAI,CAAC,SAAS;AACZ,+BAAQ,OAAA,EAAI,MAAK,SAAQ,WAAU,wEAAuE,UAAA,sCAAkC;AAAA,EAC9I;AAEA,SACE,oBAAC,OAAA,EAAI,WAAU,kDAAiD,aAAU,iBACxE,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,UAAU,CAAC,SAAS,SAAS,QAAQ,EAAE;AAAA,MACvC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,kBAAgB;AAAA,MACf,GAAI,cAAc,EAAE,YAAA,IAAgB,CAAA;AAAA,MACrC,SAAS,CAAC,UAAU,mBAAmB;AAGrC,YAAI,SAAS,eAAe,YAAY,QAAS,UAAS,SAAS,YAAY,OAAO;AACtF,2CAAU,UAAU;AAAA,MACtB;AAAA,MACC,GAAI,aAAa,EAAE,WAAA,IAAe,CAAA;AAAA,MACnC,SAAS;AAAA,QACP,iBAAiB;AAAA,QACjB,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,SAAS,EAAE,SAAS,MAAA;AAAA,QACpB,sBAAsB;AAAA,QACtB,SAAS;AAAA,QACT,UAAU;AAAA,QACV,kBAAkB,EAAE,OAAO,MAAM,UAAU,MAAM,SAAS,KAAA;AAAA,MAAK;AAAA,IACjE;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/overlay/ConfirmDialog.cjs

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const button = require("../components/button.cjs");
+const Callout = require("../data/Callout.cjs");
+const Modal = require("./Modal.cjs");
+const confirmMemory = require("./confirmMemory.cjs");
+function ConfirmDialog({
+  open,
+  title,
+  message,
+  warning,
+  confirmLabel = "Confirm",
+  cancelLabel = "Cancel",
+  variant = "default",
+  remember,
+  onConfirm,
+  onCancel
+}) {
+  const [checked, setChecked] = react.useState(false);
+  react.useEffect(() => {
+    if (open) setChecked(false);
+  }, [open]);
+  const rememberable = remember !== void 0 && confirmMemory.canRememberConfirm();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Modal.Modal,
+    {
+      open,
+      onClose: onCancel,
+      title,
+      size: "sm",
+      expandable: false,
+      footer: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-density-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "button", variant: "ghost", size: "sm", onClick: onCancel, children: cancelLabel }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          button.Button,
+          {
+            type: "button",
+            variant,
+            size: "sm",
+            onClick: () => {
+              if (rememberable && checked) confirmMemory.rememberConfirm(remember.key);
+              onConfirm();
+            },
+            children: confirmLabel
+          }
+        )
+      ] }),
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-density-3", children: [
+        warning ? /* @__PURE__ */ jsxRuntime.jsx(Callout.Callout, { variant: "warning", className: "my-0", children: warning }) : null,
+        message ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: message }) : null,
+        rememberable ? /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2 text-sm", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              type: "checkbox",
+              className: "size-4 shrink-0 rounded border-input",
+              checked,
+              onChange: (event) => setChecked(event.target.checked)
+            }
+          ),
+          remember.label ?? "Remember my choice"
+        ] }) : null
+      ] })
+    }
+  );
+}
+exports.ConfirmDialog = ConfirmDialog;
+//# sourceMappingURL=ConfirmDialog.cjs.map

package/dist/overlay/ConfirmDialog.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialog.cjs","sources":["../../src/overlay/ConfirmDialog.tsx"],"sourcesContent":["import { useEffect, useState, type ReactNode } from \"react\";\nimport { Button } from \"../components/button\";\nimport { Callout } from \"../data/Callout\";\nimport { Modal } from \"./Modal\";\nimport { canRememberConfirm, rememberConfirm } from \"./confirmMemory\";\n\nexport type ConfirmOptions = {\n  /** Heading, and the dialog's accessible label when it is a string. */\n  title: ReactNode;\n  /** What proceeding does. */\n  message?: ReactNode;\n  /** The risk, drawn as a warning banner above the message. */\n  warning?: ReactNode;\n  /** Defaults to \"Confirm\". */\n  confirmLabel?: string;\n  /** Defaults to \"Cancel\". */\n  cancelLabel?: string;\n  variant?: \"default\" | \"destructive\";\n  /**\n   * Offers \"Remember my choice\". Only a confirmation is remembered — a\n   * remembered cancel would block the action with no prompt left to undo it —\n   * and a remembered key makes `useConfirm` resolve without asking. The key is\n   * the scope of the answer, so include whatever it must not leak across (an\n   * environment, a tenant).\n   */\n  remember?: { key: string; label?: string };\n};\n\nexport type ConfirmDialogProps = ConfirmOptions & {\n  open: boolean;\n  onConfirm: () => void;\n  onCancel: () => void;\n};\n\n/**\n * \"Are you sure\", with an optional warning banner and remember-my-choice.\n *\n * Escape and the close button cancel. Checking the box and confirming persists\n * the answer to localStorage before `onConfirm` fires. Pair with `useConfirm`\n * for a promise-returning prompt and `useConfirmMemory` for the banner that\n * offers to ask again.\n */\nexport function ConfirmDialog({\n  open,\n  title,\n  message,\n  warning,\n  confirmLabel = \"Confirm\",\n  cancelLabel = \"Cancel\",\n  variant = \"default\",\n  remember,\n  onConfirm,\n  onCancel,\n}: ConfirmDialogProps) {\n  const [checked, setChecked] = useState(false);\n  useEffect(() => {\n    if (open) setChecked(false);\n  }, [open]);\n  const rememberable = remember !== undefined && canRememberConfirm();\n\n  return (\n    <Modal\n      open={open}\n      onClose={onCancel}\n      title={title}\n      size=\"sm\"\n      expandable={false}\n      footer={\n        <div className=\"flex justify-end gap-density-2\">\n          <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={onCancel}>\n            {cancelLabel}\n          </Button>\n          <Button\n            type=\"button\"\n            variant={variant}\n            size=\"sm\"\n            onClick={() => {\n              if (rememberable && checked) rememberConfirm(remember.key);\n              onConfirm();\n            }}\n          >\n            {confirmLabel}\n          </Button>\n        </div>\n      }\n    >\n      <div className=\"space-y-density-3\">\n        {warning ? (\n          <Callout variant=\"warning\" className=\"my-0\">\n            {warning}\n          </Callout>\n        ) : null}\n        {message ? <p className=\"text-sm text-muted-foreground\">{message}</p> : null}\n        {rememberable ? (\n          <label className=\"flex items-center gap-2 text-sm\">\n            <input\n              type=\"checkbox\"\n              className=\"size-4 shrink-0 rounded border-input\"\n              checked={checked}\n              onChange={(event) => setChecked(event.target.checked)}\n            />\n            {remember.label ?? \"Remember my choice\"}\n          </label>\n        ) : null}\n      </div>\n    </Modal>\n  );\n}\n"],"names":["useState","useEffect","canRememberConfirm","jsx","Modal","jsxs","Button","rememberConfirm","Callout"],"mappings":";;;;;;;;AA0CO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,cAAc;AAAA,EACd,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AACF,GAAuB;AACrB,QAAM,CAAC,SAAS,UAAU,IAAIA,MAAAA,SAAS,KAAK;AAC5CC,QAAAA,UAAU,MAAM;AACd,QAAI,iBAAiB,KAAK;AAAA,EAC5B,GAAG,CAAC,IAAI,CAAC;AACT,QAAM,eAAe,aAAa,UAAaC,iCAAA;AAE/C,SACEC,2BAAAA;AAAAA,IAACC,MAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA,SAAS;AAAA,MACT;AAAA,MACA,MAAK;AAAA,MACL,YAAY;AAAA,MACZ,QACEC,2BAAAA,KAAC,OAAA,EAAI,WAAU,kCACb,UAAA;AAAA,QAAAF,2BAAAA,IAACG,OAAAA,QAAA,EAAO,MAAK,UAAS,SAAQ,SAAQ,MAAK,MAAK,SAAS,UACtD,UAAA,YAAA,CACH;AAAA,QACAH,2BAAAA;AAAAA,UAACG,OAAAA;AAAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL;AAAA,YACA,MAAK;AAAA,YACL,SAAS,MAAM;AACb,kBAAI,gBAAgB,QAASC,+BAAgB,SAAS,GAAG;AACzD,wBAAA;AAAA,YACF;AAAA,YAEC,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,GACF;AAAA,MAGF,UAAAF,2BAAAA,KAAC,OAAA,EAAI,WAAU,qBACZ,UAAA;AAAA,QAAA,yCACEG,iBAAA,EAAQ,SAAQ,WAAU,WAAU,QAClC,mBACH,IACE;AAAA,QACH,UAAUL,2BAAAA,IAAC,KAAA,EAAE,WAAU,iCAAiC,mBAAQ,IAAO;AAAA,QACvE,eACCE,2BAAAA,KAAC,SAAA,EAAM,WAAU,mCACf,UAAA;AAAA,UAAAF,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAU;AAAA,cACV;AAAA,cACA,UAAU,CAAC,UAAU,WAAW,MAAM,OAAO,OAAO;AAAA,YAAA;AAAA,UAAA;AAAA,UAErD,SAAS,SAAS;AAAA,QAAA,EAAA,CACrB,IACE;AAAA,MAAA,EAAA,CACN;AAAA,IAAA;AAAA,EAAA;AAGN;;"}

package/dist/overlay/ConfirmDialog.d.ts

@@ -0,0 +1,40 @@
+import { ReactNode } from 'react';
+export type ConfirmOptions = {
+    /** Heading, and the dialog's accessible label when it is a string. */
+    title: ReactNode;
+    /** What proceeding does. */
+    message?: ReactNode;
+    /** The risk, drawn as a warning banner above the message. */
+    warning?: ReactNode;
+    /** Defaults to "Confirm". */
+    confirmLabel?: string;
+    /** Defaults to "Cancel". */
+    cancelLabel?: string;
+    variant?: "default" | "destructive";
+    /**
+     * Offers "Remember my choice". Only a confirmation is remembered — a
+     * remembered cancel would block the action with no prompt left to undo it —
+     * and a remembered key makes `useConfirm` resolve without asking. The key is
+     * the scope of the answer, so include whatever it must not leak across (an
+     * environment, a tenant).
+     */
+    remember?: {
+        key: string;
+        label?: string;
+    };
+};
+export type ConfirmDialogProps = ConfirmOptions & {
+    open: boolean;
+    onConfirm: () => void;
+    onCancel: () => void;
+};
+/**
+ * "Are you sure", with an optional warning banner and remember-my-choice.
+ *
+ * Escape and the close button cancel. Checking the box and confirming persists
+ * the answer to localStorage before `onConfirm` fires. Pair with `useConfirm`
+ * for a promise-returning prompt and `useConfirmMemory` for the banner that
+ * offers to ask again.
+ */
+export declare function ConfirmDialog({ open, title, message, warning, confirmLabel, cancelLabel, variant, remember, onConfirm, onCancel, }: ConfirmDialogProps): import("react").JSX.Element;
+//# sourceMappingURL=ConfirmDialog.d.ts.map

package/dist/overlay/ConfirmDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialog.d.ts","sourceRoot":"","sources":["../../src/overlay/ConfirmDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAM5D,MAAM,MAAM,cAAc,GAAG;IAC3B,sEAAsE;IACtE,KAAK,EAAE,SAAS,CAAC;IACjB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,6DAA6D;IAC7D,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,6BAA6B;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;IACpC;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC5C,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,cAAc,GAAG;IAChD,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,OAAO,EACP,OAAO,EACP,YAAwB,EACxB,WAAsB,EACtB,OAAmB,EACnB,QAAQ,EACR,SAAS,EACT,QAAQ,GACT,EAAE,kBAAkB,+BAsDpB"}

package/dist/overlay/ConfirmDialog.js

@@ -0,0 +1,70 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Button } from "../components/button.js";
+import { Callout } from "../data/Callout.js";
+import { Modal } from "./Modal.js";
+import { canRememberConfirm, rememberConfirm } from "./confirmMemory.js";
+function ConfirmDialog({
+  open,
+  title,
+  message,
+  warning,
+  confirmLabel = "Confirm",
+  cancelLabel = "Cancel",
+  variant = "default",
+  remember,
+  onConfirm,
+  onCancel
+}) {
+  const [checked, setChecked] = useState(false);
+  useEffect(() => {
+    if (open) setChecked(false);
+  }, [open]);
+  const rememberable = remember !== void 0 && canRememberConfirm();
+  return /* @__PURE__ */ jsx(
+    Modal,
+    {
+      open,
+      onClose: onCancel,
+      title,
+      size: "sm",
+      expandable: false,
+      footer: /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-density-2", children: [
+        /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: onCancel, children: cancelLabel }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant,
+            size: "sm",
+            onClick: () => {
+              if (rememberable && checked) rememberConfirm(remember.key);
+              onConfirm();
+            },
+            children: confirmLabel
+          }
+        )
+      ] }),
+      children: /* @__PURE__ */ jsxs("div", { className: "space-y-density-3", children: [
+        warning ? /* @__PURE__ */ jsx(Callout, { variant: "warning", className: "my-0", children: warning }) : null,
+        message ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: message }) : null,
+        rememberable ? /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-sm", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "checkbox",
+              className: "size-4 shrink-0 rounded border-input",
+              checked,
+              onChange: (event) => setChecked(event.target.checked)
+            }
+          ),
+          remember.label ?? "Remember my choice"
+        ] }) : null
+      ] })
+    }
+  );
+}
+export {
+  ConfirmDialog
+};
+//# sourceMappingURL=ConfirmDialog.js.map

package/dist/overlay/ConfirmDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialog.js","sources":["../../src/overlay/ConfirmDialog.tsx"],"sourcesContent":["import { useEffect, useState, type ReactNode } from \"react\";\nimport { Button } from \"../components/button\";\nimport { Callout } from \"../data/Callout\";\nimport { Modal } from \"./Modal\";\nimport { canRememberConfirm, rememberConfirm } from \"./confirmMemory\";\n\nexport type ConfirmOptions = {\n  /** Heading, and the dialog's accessible label when it is a string. */\n  title: ReactNode;\n  /** What proceeding does. */\n  message?: ReactNode;\n  /** The risk, drawn as a warning banner above the message. */\n  warning?: ReactNode;\n  /** Defaults to \"Confirm\". */\n  confirmLabel?: string;\n  /** Defaults to \"Cancel\". */\n  cancelLabel?: string;\n  variant?: \"default\" | \"destructive\";\n  /**\n   * Offers \"Remember my choice\". Only a confirmation is remembered — a\n   * remembered cancel would block the action with no prompt left to undo it —\n   * and a remembered key makes `useConfirm` resolve without asking. The key is\n   * the scope of the answer, so include whatever it must not leak across (an\n   * environment, a tenant).\n   */\n  remember?: { key: string; label?: string };\n};\n\nexport type ConfirmDialogProps = ConfirmOptions & {\n  open: boolean;\n  onConfirm: () => void;\n  onCancel: () => void;\n};\n\n/**\n * \"Are you sure\", with an optional warning banner and remember-my-choice.\n *\n * Escape and the close button cancel. Checking the box and confirming persists\n * the answer to localStorage before `onConfirm` fires. Pair with `useConfirm`\n * for a promise-returning prompt and `useConfirmMemory` for the banner that\n * offers to ask again.\n */\nexport function ConfirmDialog({\n  open,\n  title,\n  message,\n  warning,\n  confirmLabel = \"Confirm\",\n  cancelLabel = \"Cancel\",\n  variant = \"default\",\n  remember,\n  onConfirm,\n  onCancel,\n}: ConfirmDialogProps) {\n  const [checked, setChecked] = useState(false);\n  useEffect(() => {\n    if (open) setChecked(false);\n  }, [open]);\n  const rememberable = remember !== undefined && canRememberConfirm();\n\n  return (\n    <Modal\n      open={open}\n      onClose={onCancel}\n      title={title}\n      size=\"sm\"\n      expandable={false}\n      footer={\n        <div className=\"flex justify-end gap-density-2\">\n          <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={onCancel}>\n            {cancelLabel}\n          </Button>\n          <Button\n            type=\"button\"\n            variant={variant}\n            size=\"sm\"\n            onClick={() => {\n              if (rememberable && checked) rememberConfirm(remember.key);\n              onConfirm();\n            }}\n          >\n            {confirmLabel}\n          </Button>\n        </div>\n      }\n    >\n      <div className=\"space-y-density-3\">\n        {warning ? (\n          <Callout variant=\"warning\" className=\"my-0\">\n            {warning}\n          </Callout>\n        ) : null}\n        {message ? <p className=\"text-sm text-muted-foreground\">{message}</p> : null}\n        {rememberable ? (\n          <label className=\"flex items-center gap-2 text-sm\">\n            <input\n              type=\"checkbox\"\n              className=\"size-4 shrink-0 rounded border-input\"\n              checked={checked}\n              onChange={(event) => setChecked(event.target.checked)}\n            />\n            {remember.label ?? \"Remember my choice\"}\n          </label>\n        ) : null}\n      </div>\n    </Modal>\n  );\n}\n"],"names":[],"mappings":";;;;;;AA0CO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,cAAc;AAAA,EACd,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AACF,GAAuB;AACrB,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,YAAU,MAAM;AACd,QAAI,iBAAiB,KAAK;AAAA,EAC5B,GAAG,CAAC,IAAI,CAAC;AACT,QAAM,eAAe,aAAa,UAAa,mBAAA;AAE/C,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,SAAS;AAAA,MACT;AAAA,MACA,MAAK;AAAA,MACL,YAAY;AAAA,MACZ,QACE,qBAAC,OAAA,EAAI,WAAU,kCACb,UAAA;AAAA,QAAA,oBAAC,QAAA,EAAO,MAAK,UAAS,SAAQ,SAAQ,MAAK,MAAK,SAAS,UACtD,UAAA,YAAA,CACH;AAAA,QACA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL;AAAA,YACA,MAAK;AAAA,YACL,SAAS,MAAM;AACb,kBAAI,gBAAgB,QAAS,iBAAgB,SAAS,GAAG;AACzD,wBAAA;AAAA,YACF;AAAA,YAEC,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,GACF;AAAA,MAGF,UAAA,qBAAC,OAAA,EAAI,WAAU,qBACZ,UAAA;AAAA,QAAA,8BACE,SAAA,EAAQ,SAAQ,WAAU,WAAU,QAClC,mBACH,IACE;AAAA,QACH,UAAU,oBAAC,KAAA,EAAE,WAAU,iCAAiC,mBAAQ,IAAO;AAAA,QACvE,eACC,qBAAC,SAAA,EAAM,WAAU,mCACf,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAU;AAAA,cACV;AAAA,cACA,UAAU,CAAC,UAAU,WAAW,MAAM,OAAO,OAAO;AAAA,YAAA;AAAA,UAAA;AAAA,UAErD,SAAS,SAAS;AAAA,QAAA,EAAA,CACrB,IACE;AAAA,MAAA,EAAA,CACN;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/overlay/Modal.cjs

@@ -6,6 +6,7 @@ const reactDom = require("react-dom");
 const utils = require("../lib/utils.cjs");
 const Icon = require("../data/Icon.cjs");
 const button = require("../components/button.cjs");
+const useMediaQuery = require("../hooks/use-media-query.cjs");
 const modalStack = require("./modalStack.cjs");
 const zIndex = require("./zIndex.cjs");
 const UiArrowLeft = require("../icons/components/UiArrowLeft.cjs");
@@ -76,7 +77,7 @@ function Modal({
   react.useEffect(() => {
     window.clearTimeout(closeTimerRef.current);
     window.cancelAnimationFrame(openFrameRef.current ?? 0);
-    const animateMobile = window.matchMedia(MOBILE_QUERY).matches && !window.matchMedia(REDUCED_MOTION_QUERY).matches;
+    const animateMobile = useMediaQuery.mediaMatches(MOBILE_QUERY) && !useMediaQuery.mediaMatches(REDUCED_MOTION_QUERY);
     if (open) {
       setPresent(true);
       if (animateMobile) {

package/dist/overlay/Modal.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.cjs","sources":["../../src/overlay/Modal.tsx"],"sourcesContent":["import { useEffect, useRef, useState, type ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../data/Icon\";\nimport { Button } from \"../components/button\";\nimport {\n  UiArrowLeft,\n  UiClose,\n  UiFullscreen,\n  UiFullscreenFilled,\n} from \"../icons\";\nimport { useEscapeLayer, useModalStack } from \"./modalStack\";\nimport { zIndex } from \"./zIndex\";\n\nexport type ModalSize = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"full\";\n\n/** Copy for the discard-confirmation prompt shown before a guarded close. */\nexport type ConfirmCloseOptions = {\n  /** Heading of the confirmation prompt. */\n  title?: ReactNode;\n  /** Body explaining what is lost on close. */\n  message?: ReactNode;\n  /** Label of the button that proceeds with closing. */\n  confirmLabel?: string;\n  /** Label of the button that dismisses the prompt and keeps the modal open. */\n  cancelLabel?: string;\n};\n\nexport type ModalProps = {\n  /** Controls whether the modal is mounted. */\n  open: boolean;\n  /** Called when the modal requests to close. */\n  onClose: () => void;\n  /**\n   * Guard every close path (close button, Escape, backdrop) behind a discard\n   * confirmation. `true` uses the default copy; pass options to customise it.\n   * `onClose` only fires once the user confirms. Set this while the modal holds\n   * unsaved edits and clear it (or pass `false`) once there is nothing to lose.\n   */\n  confirmClose?: boolean | ConfirmCloseOptions;\n  /** Header title and accessible dialog label when it is a string. */\n  title?: ReactNode;\n  /**\n   * Secondary header content rendered on its own row directly beneath the title.\n   * The title stays a single row alongside the expand/close buttons, so a tall\n   * subtitle (e.g. a tab switcher) never pushes those buttons down.\n   */\n  subtitle?: ReactNode;\n  /** Width/height preset for the dialog. */\n  size?: ModalSize;\n  /** Close when the backdrop is clicked. Off by default; close via Escape or the close button. */\n  closeOnBackdrop?: boolean;\n  /** Close when Escape is pressed. */\n  closeOnEsc?: boolean;\n  /** Hide the close button. */\n  hideClose?: boolean;\n  /** Show an expand/restore button. */\n  expandable?: boolean;\n  /** Classes applied to the dialog panel. */\n  className?: string;\n  /** Extra header content rendered before the expand/close buttons. */\n  headerSlot?: ReactNode;\n  /** Footer content pinned below the scrollable body. */\n  footer?: ReactNode;\n  /**\n   * Whether the body scrolls its overflow. Default `true`. Set `false` when the\n   * body owns a single fill-height child that scrolls internally (e.g. a\n   * DataTable with a sticky header): the body becomes a non-scrolling flex\n   * column, so only that child's own scroll region moves.\n   */\n  scrollBody?: boolean;\n  /** Modal body content. */\n  children: ReactNode;\n};\n\nconst sizeClass: Record<ModalSize, string> = {\n  sm: \"max-w-sm\",\n  md: \"max-w-md\",\n  lg: \"max-w-2xl\",\n  xl: \"max-w-4xl\",\n  \"2xl\": \"max-w-6xl\",\n  full: \"max-w-[95vw]\",\n};\n\nconst DEFAULT_CONFIRM: Required<ConfirmCloseOptions> = {\n  title: \"Discard changes?\",\n  message: \"You have unsaved changes. Closing now will discard them.\",\n  confirmLabel: \"Discard\",\n  cancelLabel: \"Keep editing\",\n};\n\nconst MOBILE_QUERY = \"(max-width: 639px)\";\nconst REDUCED_MOTION_QUERY = \"(prefers-reduced-motion: reduce)\";\nconst MOBILE_TRANSITION_MS = 200;\nconst FOCUSABLE_SELECTOR = [\n  \"a[href]\",\n  \"button:not([disabled])\",\n  \"input:not([disabled])\",\n  \"select:not([disabled])\",\n  \"textarea:not([disabled])\",\n  \"[tabindex]:not([tabindex='-1'])\",\n].join(\",\");\n\nfunction visibleFocusableElements(container: HTMLElement): HTMLElement[] {\n  return Array.from(\n    container.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR),\n  ).filter((element) => {\n    const style = window.getComputedStyle(element);\n    return (\n      !element.hidden &&\n      style.display !== \"none\" &&\n      style.visibility !== \"hidden\"\n    );\n  });\n}\n\nexport function Modal({\n  open,\n  onClose,\n  confirmClose = false,\n  title,\n  subtitle,\n  size = \"md\",\n  closeOnBackdrop = false,\n  closeOnEsc = true,\n  hideClose = false,\n  expandable = true,\n  className,\n  headerSlot,\n  footer,\n  scrollBody = true,\n  children,\n}: ModalProps) {\n  const dialogRef = useRef<HTMLDivElement>(null);\n  const closeTimerRef = useRef<number | undefined>(undefined);\n  const openFrameRef = useRef<number | undefined>(undefined);\n  const [present, setPresent] = useState(open);\n  const [mobileVisible, setMobileVisible] = useState(false);\n  const { depth } = useModalStack(present);\n  const [expanded, setExpanded] = useState(false);\n  // When confirmClose is active, a close request opens this prompt instead of\n  // closing outright; onClose only fires once the user confirms the discard.\n  const [confirming, setConfirming] = useState(false);\n\n  // requestClose is the single entry point for every close affordance. With the\n  // guard on, it surfaces the confirmation; otherwise it closes immediately.\n  const requestClose = () => {\n    if (confirmClose) setConfirming(true);\n    else onClose();\n  };\n\n  useEffect(() => {\n    window.clearTimeout(closeTimerRef.current);\n    window.cancelAnimationFrame(openFrameRef.current ?? 0);\n    const animateMobile =\n      window.matchMedia(MOBILE_QUERY).matches &&\n      !window.matchMedia(REDUCED_MOTION_QUERY).matches;\n\n    if (open) {\n      setPresent(true);\n      if (animateMobile) {\n        setMobileVisible(false);\n        openFrameRef.current = window.requestAnimationFrame(() => {\n          setMobileVisible(true);\n        });\n      } else {\n        setMobileVisible(true);\n      }\n    } else if (animateMobile) {\n      setMobileVisible(false);\n      closeTimerRef.current = window.setTimeout(\n        () => setPresent(false),\n        MOBILE_TRANSITION_MS,\n      );\n    } else {\n      setMobileVisible(false);\n      setPresent(false);\n    }\n\n    return () => {\n      window.clearTimeout(closeTimerRef.current);\n      window.cancelAnimationFrame(openFrameRef.current ?? 0);\n    };\n  }, [open]);\n\n  useEffect(() => {\n    if (!open) {\n      setExpanded(false);\n      setConfirming(false);\n    }\n  }, [open]);\n\n  // A close guard that disappears mid-prompt (changes saved/reverted) should\n  // not leave a stale confirmation dialog up.\n  useEffect(() => {\n    if (!confirmClose) setConfirming(false);\n  }, [confirmClose]);\n\n  useEscapeLayer(present, () => {\n    if (!open || !closeOnEsc) return;\n    // While the prompt is up, Escape dismisses the prompt rather than the modal.\n    if (confirming) setConfirming(false);\n    else requestClose();\n  });\n\n  useEffect(() => {\n    if (!open) return;\n    const prev = document.activeElement as HTMLElement | null;\n    dialogRef.current?.focus();\n    return () => prev?.focus?.();\n  }, [open]);\n\n  if (!present) return null;\n\n  const overlay = (\n    <div\n      className={cn(\n        \"fixed inset-0 flex items-center justify-center p-density-2 sm:p-density-4 max-sm:items-stretch max-sm:justify-end max-sm:p-0 max-sm:!bg-transparent\",\n        // Nested modals dim less so the dialog they opened over stays visible.\n        depth === 0 ? \"bg-black/40\" : \"bg-black/20\",\n      )}\n      // Sits in the modal band of the centralized z-index scale; +depth keeps\n      // nested modals above their parent. Floating content (dropdowns, tooltips)\n      // computes its z relative to this via useFloatingZIndex so it clears the\n      // modal instead of rendering behind it.\n      style={{ zIndex: zIndex.modal + depth * zIndex.modalStep }}\n      onClick={closeOnBackdrop ? requestClose : undefined}\n      role=\"presentation\"\n    >\n      <div\n        ref={dialogRef}\n        tabIndex={-1}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-label={typeof title === \"string\" ? title : undefined}\n        data-state={mobileVisible ? \"open\" : \"closed\"}\n        className={cn(\n          \"relative flex w-full flex-col overflow-hidden rounded-lg border border-border bg-background shadow-xl\",\n          \"max-sm:!h-dvh max-sm:!max-h-dvh max-sm:!max-w-none max-sm:!rounded-none max-sm:!border-0 max-sm:shadow-none\",\n          \"max-sm:transition-transform max-sm:duration-200 max-sm:ease-out max-sm:motion-reduce:transition-none\",\n          \"max-sm:data-[state=closed]:translate-x-full max-sm:data-[state=open]:translate-x-0\",\n          expanded ? sizeClass.full : sizeClass[size],\n          className,\n        )}\n        // Inline maxHeight (not an arbitrary Tailwind class) so the panel stays\n        // viewport-bounded even when a consumer's Tailwind build can't generate\n        // the dvh utility — e.g. www aliases clicky-ui to source but scans the\n        // published dist. When expanded, fill the viewport.\n        style={{\n          maxHeight: \"calc(100dvh - 2rem)\",\n          ...(expanded ? { height: \"calc(100dvh - 2rem)\" } : {}),\n        }}\n        onClick={(e) => e.stopPropagation()}\n        onKeyDown={(event) => {\n          if (event.key !== \"Tab\") return;\n          const scope = confirming\n            ? dialogRef.current?.querySelector<HTMLElement>(\n                \"[role='alertdialog']\",\n              )\n            : dialogRef.current;\n          if (!scope) return;\n          const focusable = visibleFocusableElements(scope);\n          const first = focusable[0];\n          const last = focusable[focusable.length - 1];\n          if (!first || !last) {\n            event.preventDefault();\n            scope.focus();\n          } else if (event.shiftKey && document.activeElement === first) {\n            event.preventDefault();\n            last.focus();\n          } else if (!event.shiftKey && document.activeElement === last) {\n            event.preventDefault();\n            first.focus();\n          }\n        }}\n      >\n        {(title || subtitle || headerSlot || expandable || !hideClose) && (\n          <div className=\"shrink-0 px-density-4 py-density-3 border-b border-border max-sm:min-h-14 max-sm:bg-background\">\n            <div className=\"flex items-center gap-density-2\">\n              {!hideClose && (\n                <Button\n                  type=\"button\"\n                  onClick={requestClose}\n                  variant=\"ghost\"\n                  size=\"icon\"\n                  aria-label=\"Back\"\n                  className=\"-ml-2 text-foreground sm:hidden\"\n                >\n                  <Icon icon={UiArrowLeft} />\n                </Button>\n              )}\n              {title ? (\n                <h2 className=\"text-sm font-semibold flex-1 max-sm:text-base max-sm:leading-6\">\n                  {title}\n                </h2>\n              ) : (\n                <span className=\"flex-1\" />\n              )}\n              {headerSlot}\n              {expandable && (\n                <button\n                  type=\"button\"\n                  onClick={() => setExpanded((v) => !v)}\n                  aria-label={\n                    expanded ? \"Restore size\" : \"Expand to fullscreen\"\n                  }\n                  className=\"text-muted-foreground hover:text-foreground max-sm:hidden\"\n                >\n                  <Icon icon={expanded ? UiFullscreenFilled : UiFullscreen} />\n                </button>\n              )}\n              {!hideClose && (\n                <button\n                  type=\"button\"\n                  onClick={requestClose}\n                  aria-label=\"Close\"\n                  className=\"text-muted-foreground hover:text-foreground max-sm:hidden\"\n                >\n                  <Icon icon={UiClose} />\n                </button>\n              )}\n            </div>\n            {subtitle ? <div className=\"mt-density-2\">{subtitle}</div> : null}\n          </div>\n        )}\n        <div\n          data-slot=\"modal-body\"\n          className={cn(\n            \"min-h-0 flex-1 px-density-4 py-density-3 max-sm:py-density-4\",\n            scrollBody ? \"overflow-auto\" : \"flex flex-col overflow-hidden\",\n          )}\n        >\n          {children}\n        </div>\n        {footer && (\n          <div\n            data-slot=\"modal-footer\"\n            className=\"shrink-0 px-density-4 py-density-3 border-t border-border max-sm:py-density-4\"\n          >\n            {footer}\n          </div>\n        )}\n        {confirming && (\n          <ConfirmClosePrompt\n            options={\n              confirmClose === true\n                ? DEFAULT_CONFIRM\n                : { ...DEFAULT_CONFIRM, ...confirmClose }\n            }\n            onConfirm={() => {\n              setConfirming(false);\n              onClose();\n            }}\n            onCancel={() => setConfirming(false)}\n          />\n        )}\n      </div>\n    </div>\n  );\n\n  // Render into document.body so the fixed-position overlay escapes any ancestor\n  // transform/overflow (e.g. a dropdown menu positioned via a CSS transform),\n  // which would otherwise trap position:fixed inside that ancestor's box and clip\n  // the modal to it.\n  return typeof document !== \"undefined\"\n    ? createPortal(overlay, document.body)\n    : null;\n}\n\nfunction ConfirmClosePrompt({\n  options,\n  onConfirm,\n  onCancel,\n}: {\n  options: Required<ConfirmCloseOptions>;\n  onConfirm: () => void;\n  onCancel: () => void;\n}) {\n  return (\n    <div\n      className=\"absolute inset-0 z-10 flex items-center justify-center rounded-lg bg-background/80 p-density-4 max-sm:rounded-none\"\n      role=\"alertdialog\"\n      aria-modal=\"true\"\n      aria-label={\n        typeof options.title === \"string\" ? options.title : \"Confirm close\"\n      }\n      onClick={(e) => e.stopPropagation()}\n    >\n      <div className=\"w-full max-w-sm rounded-lg border border-border bg-background p-density-4 shadow-xl\">\n        <h3 className=\"text-sm font-semibold\">{options.title}</h3>\n        <p className=\"mt-density-2 text-sm text-muted-foreground\">\n          {options.message}\n        </p>\n        <div className=\"mt-density-4 flex justify-end gap-density-2\">\n          <Button variant=\"ghost\" size=\"sm\" onClick={onCancel}>\n            {options.cancelLabel}\n          </Button>\n          <Button variant=\"destructive\" size=\"sm\" onClick={onConfirm}>\n            {options.confirmLabel}\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["useRef","useState","useModalStack","useEffect","useEscapeLayer","_a","jsx","cn","zIndex","jsxs","Button","Icon","UiArrowLeft","UiFullscreenFilled","UiFullscreen","UiClose","createPortal"],"mappings":"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"}
+{"version":3,"file":"Modal.cjs","sources":["../../src/overlay/Modal.tsx"],"sourcesContent":["import { useEffect, useRef, useState, type ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../data/Icon\";\nimport { Button } from \"../components/button\";\nimport {\n  UiArrowLeft,\n  UiClose,\n  UiFullscreen,\n  UiFullscreenFilled,\n} from \"../icons\";\nimport { mediaMatches } from \"../hooks/use-media-query\";\nimport { useEscapeLayer, useModalStack } from \"./modalStack\";\nimport { zIndex } from \"./zIndex\";\n\nexport type ModalSize = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"full\";\n\n/** Copy for the discard-confirmation prompt shown before a guarded close. */\nexport type ConfirmCloseOptions = {\n  /** Heading of the confirmation prompt. */\n  title?: ReactNode;\n  /** Body explaining what is lost on close. */\n  message?: ReactNode;\n  /** Label of the button that proceeds with closing. */\n  confirmLabel?: string;\n  /** Label of the button that dismisses the prompt and keeps the modal open. */\n  cancelLabel?: string;\n};\n\nexport type ModalProps = {\n  /** Controls whether the modal is mounted. */\n  open: boolean;\n  /** Called when the modal requests to close. */\n  onClose: () => void;\n  /**\n   * Guard every close path (close button, Escape, backdrop) behind a discard\n   * confirmation. `true` uses the default copy; pass options to customise it.\n   * `onClose` only fires once the user confirms. Set this while the modal holds\n   * unsaved edits and clear it (or pass `false`) once there is nothing to lose.\n   */\n  confirmClose?: boolean | ConfirmCloseOptions;\n  /** Header title and accessible dialog label when it is a string. */\n  title?: ReactNode;\n  /**\n   * Secondary header content rendered on its own row directly beneath the title.\n   * The title stays a single row alongside the expand/close buttons, so a tall\n   * subtitle (e.g. a tab switcher) never pushes those buttons down.\n   */\n  subtitle?: ReactNode;\n  /** Width/height preset for the dialog. */\n  size?: ModalSize;\n  /** Close when the backdrop is clicked. Off by default; close via Escape or the close button. */\n  closeOnBackdrop?: boolean;\n  /** Close when Escape is pressed. */\n  closeOnEsc?: boolean;\n  /** Hide the close button. */\n  hideClose?: boolean;\n  /** Show an expand/restore button. */\n  expandable?: boolean;\n  /** Classes applied to the dialog panel. */\n  className?: string;\n  /** Extra header content rendered before the expand/close buttons. */\n  headerSlot?: ReactNode;\n  /** Footer content pinned below the scrollable body. */\n  footer?: ReactNode;\n  /**\n   * Whether the body scrolls its overflow. Default `true`. Set `false` when the\n   * body owns a single fill-height child that scrolls internally (e.g. a\n   * DataTable with a sticky header): the body becomes a non-scrolling flex\n   * column, so only that child's own scroll region moves.\n   */\n  scrollBody?: boolean;\n  /** Modal body content. */\n  children: ReactNode;\n};\n\nconst sizeClass: Record<ModalSize, string> = {\n  sm: \"max-w-sm\",\n  md: \"max-w-md\",\n  lg: \"max-w-2xl\",\n  xl: \"max-w-4xl\",\n  \"2xl\": \"max-w-6xl\",\n  full: \"max-w-[95vw]\",\n};\n\nconst DEFAULT_CONFIRM: Required<ConfirmCloseOptions> = {\n  title: \"Discard changes?\",\n  message: \"You have unsaved changes. Closing now will discard them.\",\n  confirmLabel: \"Discard\",\n  cancelLabel: \"Keep editing\",\n};\n\nconst MOBILE_QUERY = \"(max-width: 639px)\";\nconst REDUCED_MOTION_QUERY = \"(prefers-reduced-motion: reduce)\";\nconst MOBILE_TRANSITION_MS = 200;\nconst FOCUSABLE_SELECTOR = [\n  \"a[href]\",\n  \"button:not([disabled])\",\n  \"input:not([disabled])\",\n  \"select:not([disabled])\",\n  \"textarea:not([disabled])\",\n  \"[tabindex]:not([tabindex='-1'])\",\n].join(\",\");\n\nfunction visibleFocusableElements(container: HTMLElement): HTMLElement[] {\n  return Array.from(\n    container.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR),\n  ).filter((element) => {\n    const style = window.getComputedStyle(element);\n    return (\n      !element.hidden &&\n      style.display !== \"none\" &&\n      style.visibility !== \"hidden\"\n    );\n  });\n}\n\nexport function Modal({\n  open,\n  onClose,\n  confirmClose = false,\n  title,\n  subtitle,\n  size = \"md\",\n  closeOnBackdrop = false,\n  closeOnEsc = true,\n  hideClose = false,\n  expandable = true,\n  className,\n  headerSlot,\n  footer,\n  scrollBody = true,\n  children,\n}: ModalProps) {\n  const dialogRef = useRef<HTMLDivElement>(null);\n  const closeTimerRef = useRef<number | undefined>(undefined);\n  const openFrameRef = useRef<number | undefined>(undefined);\n  const [present, setPresent] = useState(open);\n  const [mobileVisible, setMobileVisible] = useState(false);\n  const { depth } = useModalStack(present);\n  const [expanded, setExpanded] = useState(false);\n  // When confirmClose is active, a close request opens this prompt instead of\n  // closing outright; onClose only fires once the user confirms the discard.\n  const [confirming, setConfirming] = useState(false);\n\n  // requestClose is the single entry point for every close affordance. With the\n  // guard on, it surfaces the confirmation; otherwise it closes immediately.\n  const requestClose = () => {\n    if (confirmClose) setConfirming(true);\n    else onClose();\n  };\n\n  useEffect(() => {\n    window.clearTimeout(closeTimerRef.current);\n    window.cancelAnimationFrame(openFrameRef.current ?? 0);\n    // Both false where the environment cannot be asked, which lands on the\n    // desktop path: mount and unmount immediately, no deferred unmount to wait\n    // on. That is the right answer under SSR and in a consumer's jsdom suite.\n    const animateMobile =\n      mediaMatches(MOBILE_QUERY) && !mediaMatches(REDUCED_MOTION_QUERY);\n\n    if (open) {\n      setPresent(true);\n      if (animateMobile) {\n        setMobileVisible(false);\n        openFrameRef.current = window.requestAnimationFrame(() => {\n          setMobileVisible(true);\n        });\n      } else {\n        setMobileVisible(true);\n      }\n    } else if (animateMobile) {\n      setMobileVisible(false);\n      closeTimerRef.current = window.setTimeout(\n        () => setPresent(false),\n        MOBILE_TRANSITION_MS,\n      );\n    } else {\n      setMobileVisible(false);\n      setPresent(false);\n    }\n\n    return () => {\n      window.clearTimeout(closeTimerRef.current);\n      window.cancelAnimationFrame(openFrameRef.current ?? 0);\n    };\n  }, [open]);\n\n  useEffect(() => {\n    if (!open) {\n      setExpanded(false);\n      setConfirming(false);\n    }\n  }, [open]);\n\n  // A close guard that disappears mid-prompt (changes saved/reverted) should\n  // not leave a stale confirmation dialog up.\n  useEffect(() => {\n    if (!confirmClose) setConfirming(false);\n  }, [confirmClose]);\n\n  useEscapeLayer(present, () => {\n    if (!open || !closeOnEsc) return;\n    // While the prompt is up, Escape dismisses the prompt rather than the modal.\n    if (confirming) setConfirming(false);\n    else requestClose();\n  });\n\n  useEffect(() => {\n    if (!open) return;\n    const prev = document.activeElement as HTMLElement | null;\n    dialogRef.current?.focus();\n    return () => prev?.focus?.();\n  }, [open]);\n\n  if (!present) return null;\n\n  const overlay = (\n    <div\n      className={cn(\n        \"fixed inset-0 flex items-center justify-center p-density-2 sm:p-density-4 max-sm:items-stretch max-sm:justify-end max-sm:p-0 max-sm:!bg-transparent\",\n        // Nested modals dim less so the dialog they opened over stays visible.\n        depth === 0 ? \"bg-black/40\" : \"bg-black/20\",\n      )}\n      // Sits in the modal band of the centralized z-index scale; +depth keeps\n      // nested modals above their parent. Floating content (dropdowns, tooltips)\n      // computes its z relative to this via useFloatingZIndex so it clears the\n      // modal instead of rendering behind it.\n      style={{ zIndex: zIndex.modal + depth * zIndex.modalStep }}\n      onClick={closeOnBackdrop ? requestClose : undefined}\n      role=\"presentation\"\n    >\n      <div\n        ref={dialogRef}\n        tabIndex={-1}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-label={typeof title === \"string\" ? title : undefined}\n        data-state={mobileVisible ? \"open\" : \"closed\"}\n        className={cn(\n          \"relative flex w-full flex-col overflow-hidden rounded-lg border border-border bg-background shadow-xl\",\n          \"max-sm:!h-dvh max-sm:!max-h-dvh max-sm:!max-w-none max-sm:!rounded-none max-sm:!border-0 max-sm:shadow-none\",\n          \"max-sm:transition-transform max-sm:duration-200 max-sm:ease-out max-sm:motion-reduce:transition-none\",\n          \"max-sm:data-[state=closed]:translate-x-full max-sm:data-[state=open]:translate-x-0\",\n          expanded ? sizeClass.full : sizeClass[size],\n          className,\n        )}\n        // Inline maxHeight (not an arbitrary Tailwind class) so the panel stays\n        // viewport-bounded even when a consumer's Tailwind build can't generate\n        // the dvh utility — e.g. www aliases clicky-ui to source but scans the\n        // published dist. When expanded, fill the viewport.\n        style={{\n          maxHeight: \"calc(100dvh - 2rem)\",\n          ...(expanded ? { height: \"calc(100dvh - 2rem)\" } : {}),\n        }}\n        onClick={(e) => e.stopPropagation()}\n        onKeyDown={(event) => {\n          if (event.key !== \"Tab\") return;\n          const scope = confirming\n            ? dialogRef.current?.querySelector<HTMLElement>(\n                \"[role='alertdialog']\",\n              )\n            : dialogRef.current;\n          if (!scope) return;\n          const focusable = visibleFocusableElements(scope);\n          const first = focusable[0];\n          const last = focusable[focusable.length - 1];\n          if (!first || !last) {\n            event.preventDefault();\n            scope.focus();\n          } else if (event.shiftKey && document.activeElement === first) {\n            event.preventDefault();\n            last.focus();\n          } else if (!event.shiftKey && document.activeElement === last) {\n            event.preventDefault();\n            first.focus();\n          }\n        }}\n      >\n        {(title || subtitle || headerSlot || expandable || !hideClose) && (\n          <div className=\"shrink-0 px-density-4 py-density-3 border-b border-border max-sm:min-h-14 max-sm:bg-background\">\n            <div className=\"flex items-center gap-density-2\">\n              {!hideClose && (\n                <Button\n                  type=\"button\"\n                  onClick={requestClose}\n                  variant=\"ghost\"\n                  size=\"icon\"\n                  aria-label=\"Back\"\n                  className=\"-ml-2 text-foreground sm:hidden\"\n                >\n                  <Icon icon={UiArrowLeft} />\n                </Button>\n              )}\n              {title ? (\n                <h2 className=\"text-sm font-semibold flex-1 max-sm:text-base max-sm:leading-6\">\n                  {title}\n                </h2>\n              ) : (\n                <span className=\"flex-1\" />\n              )}\n              {headerSlot}\n              {expandable && (\n                <button\n                  type=\"button\"\n                  onClick={() => setExpanded((v) => !v)}\n                  aria-label={\n                    expanded ? \"Restore size\" : \"Expand to fullscreen\"\n                  }\n                  className=\"text-muted-foreground hover:text-foreground max-sm:hidden\"\n                >\n                  <Icon icon={expanded ? UiFullscreenFilled : UiFullscreen} />\n                </button>\n              )}\n              {!hideClose && (\n                <button\n                  type=\"button\"\n                  onClick={requestClose}\n                  aria-label=\"Close\"\n                  className=\"text-muted-foreground hover:text-foreground max-sm:hidden\"\n                >\n                  <Icon icon={UiClose} />\n                </button>\n              )}\n            </div>\n            {subtitle ? <div className=\"mt-density-2\">{subtitle}</div> : null}\n          </div>\n        )}\n        <div\n          data-slot=\"modal-body\"\n          className={cn(\n            \"min-h-0 flex-1 px-density-4 py-density-3 max-sm:py-density-4\",\n            scrollBody ? \"overflow-auto\" : \"flex flex-col overflow-hidden\",\n          )}\n        >\n          {children}\n        </div>\n        {footer && (\n          <div\n            data-slot=\"modal-footer\"\n            className=\"shrink-0 px-density-4 py-density-3 border-t border-border max-sm:py-density-4\"\n          >\n            {footer}\n          </div>\n        )}\n        {confirming && (\n          <ConfirmClosePrompt\n            options={\n              confirmClose === true\n                ? DEFAULT_CONFIRM\n                : { ...DEFAULT_CONFIRM, ...confirmClose }\n            }\n            onConfirm={() => {\n              setConfirming(false);\n              onClose();\n            }}\n            onCancel={() => setConfirming(false)}\n          />\n        )}\n      </div>\n    </div>\n  );\n\n  // Render into document.body so the fixed-position overlay escapes any ancestor\n  // transform/overflow (e.g. a dropdown menu positioned via a CSS transform),\n  // which would otherwise trap position:fixed inside that ancestor's box and clip\n  // the modal to it.\n  return typeof document !== \"undefined\"\n    ? createPortal(overlay, document.body)\n    : null;\n}\n\nfunction ConfirmClosePrompt({\n  options,\n  onConfirm,\n  onCancel,\n}: {\n  options: Required<ConfirmCloseOptions>;\n  onConfirm: () => void;\n  onCancel: () => void;\n}) {\n  return (\n    <div\n      className=\"absolute inset-0 z-10 flex items-center justify-center rounded-lg bg-background/80 p-density-4 max-sm:rounded-none\"\n      role=\"alertdialog\"\n      aria-modal=\"true\"\n      aria-label={\n        typeof options.title === \"string\" ? options.title : \"Confirm close\"\n      }\n      onClick={(e) => e.stopPropagation()}\n    >\n      <div className=\"w-full max-w-sm rounded-lg border border-border bg-background p-density-4 shadow-xl\">\n        <h3 className=\"text-sm font-semibold\">{options.title}</h3>\n        <p className=\"mt-density-2 text-sm text-muted-foreground\">\n          {options.message}\n        </p>\n        <div className=\"mt-density-4 flex justify-end gap-density-2\">\n          <Button variant=\"ghost\" size=\"sm\" onClick={onCancel}>\n            {options.cancelLabel}\n          </Button>\n          <Button variant=\"destructive\" size=\"sm\" onClick={onConfirm}>\n            {options.confirmLabel}\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["useRef","useState","useModalStack","useEffect","mediaMatches","useEscapeLayer","_a","jsx","cn","zIndex","jsxs","Button","Icon","UiArrowLeft","UiFullscreenFilled","UiFullscreen","UiClose","createPortal"],"mappings":"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"}

package/dist/overlay/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../src/overlay/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAcpE,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;AAEnE,6EAA6E;AAC7E,MAAM,MAAM,mBAAmB,GAAG;IAChC,0CAA0C;IAC1C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,sDAAsD;IACtD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,6CAA6C;IAC7C,IAAI,EAAE,OAAO,CAAC;IACd,+CAA+C;IAC/C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,mBAAmB,CAAC;IAC7C,oEAAoE;IACpE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,gGAAgG;IAChG,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,oCAAoC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,uDAAuD;IACvD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0BAA0B;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AA2CF,wBAAgB,KAAK,CAAC,EACpB,IAAI,EACJ,OAAO,EACP,YAAoB,EACpB,KAAK,EACL,QAAQ,EACR,IAAW,EACX,eAAuB,EACvB,UAAiB,EACjB,SAAiB,EACjB,UAAiB,EACjB,SAAS,EACT,UAAU,EACV,MAAM,EACN,UAAiB,EACjB,QAAQ,GACT,EAAE,UAAU,sCA2OZ"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../src/overlay/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAepE,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;AAEnE,6EAA6E;AAC7E,MAAM,MAAM,mBAAmB,GAAG;IAChC,0CAA0C;IAC1C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,sDAAsD;IACtD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,6CAA6C;IAC7C,IAAI,EAAE,OAAO,CAAC;IACd,+CAA+C;IAC/C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,mBAAmB,CAAC;IAC7C,oEAAoE;IACpE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,gGAAgG;IAChG,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,oCAAoC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,uDAAuD;IACvD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0BAA0B;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AA2CF,wBAAgB,KAAK,CAAC,EACpB,IAAI,EACJ,OAAO,EACP,YAAoB,EACpB,KAAK,EACL,QAAQ,EACR,IAAW,EACX,eAAuB,EACvB,UAAiB,EACjB,SAAiB,EACjB,UAAiB,EACjB,SAAS,EACT,UAAU,EACV,MAAM,EACN,UAAiB,EACjB,QAAQ,GACT,EAAE,UAAU,sCA6OZ"}

package/dist/overlay/Modal.js

@@ -4,6 +4,7 @@ import { createPortal } from "react-dom";
 import { cn } from "../lib/utils.js";
 import { Icon } from "../data/Icon.js";
 import { Button } from "../components/button.js";
+import { mediaMatches } from "../hooks/use-media-query.js";
 import { useModalStack, useEscapeLayer } from "./modalStack.js";
 import { zIndex } from "./zIndex.js";
 import { UiArrowLeft } from "../icons/components/UiArrowLeft.js";
@@ -74,7 +75,7 @@ function Modal({
   useEffect(() => {
     window.clearTimeout(closeTimerRef.current);
     window.cancelAnimationFrame(openFrameRef.current ?? 0);
-    const animateMobile = window.matchMedia(MOBILE_QUERY).matches && !window.matchMedia(REDUCED_MOTION_QUERY).matches;
+    const animateMobile = mediaMatches(MOBILE_QUERY) && !mediaMatches(REDUCED_MOTION_QUERY);
     if (open) {
       setPresent(true);
       if (animateMobile) {