@embedpdf/viewer-chrome 3.0.0-next.15 → 3.0.0-next.16

package/dist/{annotation-fonts-BqoLZ4Mp.js → annotation-fonts-DWjVOTP0.js}

@@ -1,4 +1,4 @@
-import { l as useConfiguredFonts } from "./icons-BrK5iVL8.js";
+import { l as useConfiguredFonts } from "./icons-7dB0Y1ct.js";
 import { createContext, useContext, useEffect, useState } from "react";
 import { isLocalEngine, useKernel } from "@embedpdf/react/runtime";
 import { mountWebFont } from "@embedpdf/web";
@@ -77,4 +77,4 @@ function useAnnotationFonts() {
 //#endregion
 export { useAnnotationFonts as n, AnnotationFontsProvider as t };
 
-//# sourceMappingURL=annotation-fonts-BqoLZ4Mp.js.map
+//# sourceMappingURL=annotation-fonts-DWjVOTP0.js.map

package/dist/{annotation-fonts-BqoLZ4Mp.js.map → annotation-fonts-DWjVOTP0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"annotation-fonts-BqoLZ4Mp.js","names":[],"sources":["../src/ui/annotation-fonts.tsx"],"sourcesContent":["/**\n * The engine's configured fonts (`engine.fonts`), loaded once per viewer: read\n * the bytes (fetched from `url`, or `data`) → register them on the viewer's\n * engine under the key (what a free-text `fontFamily` carries and what the\n * engine embeds) → mount the same bytes as a `@font-face` for that key (the\n * family the plugin's `cssFontFamily` emits for a registered font, so the live\n * editor renders the face the appearance stream will bake). The style panel\n * lists a font only once both have happened — an offered key always resolves\n * on write.\n */\nimport { createContext, useContext, useEffect, useState, type ReactNode } from 'react';\nimport { isLocalEngine, useKernel } from '@embedpdf/react/runtime';\nimport { mountWebFont } from '@embedpdf/web';\nimport { useConfiguredFonts, type ViewerFont } from '../config-context';\n\nexport interface LoadedAnnotationFont {\n  readonly key: string;\n  readonly label: string;\n}\n\nconst LoadedFontsContext = createContext<readonly LoadedAnnotationFont[]>([]);\n\n/** A font's bytes: its `data`, or its file fetched from `url`. */\nasync function bytesOf(font: ViewerFont): Promise<Uint8Array> {\n  if (font.data) return new Uint8Array(font.data);\n  if (!font.url) throw new Error('a font needs a url or its data');\n  const response = await fetch(font.url);\n  if (!response.ok) throw new Error(`${font.url}: HTTP ${response.status}`);\n  return new Uint8Array(await response.arrayBuffer());\n}\n\nexport function AnnotationFontsProvider({ children }: { children: ReactNode }) {\n  const kernel = useKernel();\n  const fonts = useConfiguredFonts();\n  const [loaded, setLoaded] = useState<readonly LoadedAnnotationFont[]>([]);\n\n  useEffect(() => {\n    // The cloud engine registers no fonts (a server policy), so a key could\n    // never resolve on write: offer nothing rather than a font that fails.\n    if (!fonts.length || !isLocalEngine(kernel.engine)) return;\n    const engineFonts = kernel.engine.fonts;\n    let cancelled = false;\n    const unmounts: Array<() => void> = [];\n    void (async () => {\n      for (const font of fonts) {\n        try {\n          const bytes = await bytesOf(font);\n          if (cancelled) return;\n          await engineFonts.register({\n            key: font.key,\n            familyName: font.familyName,\n            weight: font.weight,\n            italic: font.italic,\n            data: bytes,\n          });\n          const unmount = await mountWebFont(font.key, bytes, {\n            weight: font.weight,\n            style: font.italic ? 'italic' : 'normal',\n          });\n          if (cancelled) {\n            unmount();\n            return;\n          }\n          unmounts.push(unmount);\n          setLoaded((previous) =>\n            previous.some((existing) => existing.key === font.key)\n              ? previous\n              : [...previous, { key: font.key, label: font.familyName ?? font.key }],\n          );\n        } catch (error) {\n          console.warn(`[embedpdf] engine font \"${font.key}\" was not loaded:`, error);\n        }\n      }\n    })();\n    return () => {\n      cancelled = true;\n      for (const unmount of unmounts) unmount();\n    };\n  }, [kernel, fonts]);\n\n  return <LoadedFontsContext.Provider value={loaded}>{children}</LoadedFontsContext.Provider>;\n}\n\n/** The configured fonts that are registered and mounted, in config order. */\nexport function useAnnotationFonts(): readonly LoadedAnnotationFont[] {\n  return useContext(LoadedFontsContext);\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAoBA,MAAM,qBAAqB,cAA+C,CAAC,CAAC;;AAG5E,eAAe,QAAQ,MAAuC;CAC5D,IAAI,KAAK,MAAM,OAAO,IAAI,WAAW,KAAK,IAAI;CAC9C,IAAI,CAAC,KAAK,KAAK,MAAM,IAAI,MAAM,gCAAgC;CAC/D,MAAM,WAAW,MAAM,MAAM,KAAK,GAAG;CACrC,IAAI,CAAC,SAAS,IAAI,MAAM,IAAI,MAAM,GAAG,KAAK,IAAI,SAAS,SAAS,QAAQ;CACxE,OAAO,IAAI,WAAW,MAAM,SAAS,YAAY,CAAC;AACpD;AAEA,SAAgB,wBAAwB,EAAE,YAAqC;CAC7E,MAAM,SAAS,UAAU;CACzB,MAAM,QAAQ,mBAAmB;CACjC,MAAM,CAAC,QAAQ,aAAa,SAA0C,CAAC,CAAC;CAExE,gBAAgB;EAGd,IAAI,CAAC,MAAM,UAAU,CAAC,cAAc,OAAO,MAAM,GAAG;EACpD,MAAM,cAAc,OAAO,OAAO;EAClC,IAAI,YAAY;EAChB,MAAM,WAA8B,CAAC;EACrC,CAAM,YAAY;GAChB,KAAK,MAAM,QAAQ,OACjB,IAAI;IACF,MAAM,QAAQ,MAAM,QAAQ,IAAI;IAChC,IAAI,WAAW;IACf,MAAM,YAAY,SAAS;KACzB,KAAK,KAAK;KACV,YAAY,KAAK;KACjB,QAAQ,KAAK;KACb,QAAQ,KAAK;KACb,MAAM;IACR,CAAC;IACD,MAAM,UAAU,MAAM,aAAa,KAAK,KAAK,OAAO;KAClD,QAAQ,KAAK;KACb,OAAO,KAAK,SAAS,WAAW;IAClC,CAAC;IACD,IAAI,WAAW;KACb,QAAQ;KACR;IACF;IACA,SAAS,KAAK,OAAO;IACrB,WAAW,aACT,SAAS,MAAM,aAAa,SAAS,QAAQ,KAAK,GAAG,IACjD,WACA,CAAC,GAAG,UAAU;KAAE,KAAK,KAAK;KAAK,OAAO,KAAK,cAAc,KAAK;IAAI,CAAC,CACzE;GACF,SAAS,OAAO;IACd,QAAQ,KAAK,2BAA2B,KAAK,IAAI,oBAAoB,KAAK;GAC5E;EAEJ,EAAA,CAAG;EACH,aAAa;GACX,YAAY;GACZ,KAAK,MAAM,WAAW,UAAU,QAAQ;EAC1C;CACF,GAAG,CAAC,QAAQ,KAAK,CAAC;CAElB,OAAO,oBAAC,mBAAmB,UAApB;EAA6B,OAAO;EAAS;CAAsC,CAAA;AAC5F;;AAGA,SAAgB,qBAAsD;CACpE,OAAO,WAAW,kBAAkB;AACtC"}
+{"version":3,"file":"annotation-fonts-DWjVOTP0.js","names":[],"sources":["../src/ui/annotation-fonts.tsx"],"sourcesContent":["/**\n * The engine's configured fonts (`engine.fonts`), loaded once per viewer: read\n * the bytes (fetched from `url`, or `data`) → register them on the viewer's\n * engine under the key (what a free-text `fontFamily` carries and what the\n * engine embeds) → mount the same bytes as a `@font-face` for that key (the\n * family the plugin's `cssFontFamily` emits for a registered font, so the live\n * editor renders the face the appearance stream will bake). The style panel\n * lists a font only once both have happened — an offered key always resolves\n * on write.\n */\nimport { createContext, useContext, useEffect, useState, type ReactNode } from 'react';\nimport { isLocalEngine, useKernel } from '@embedpdf/react/runtime';\nimport { mountWebFont } from '@embedpdf/web';\nimport { useConfiguredFonts, type ViewerFont } from '../config-context';\n\nexport interface LoadedAnnotationFont {\n  readonly key: string;\n  readonly label: string;\n}\n\nconst LoadedFontsContext = createContext<readonly LoadedAnnotationFont[]>([]);\n\n/** A font's bytes: its `data`, or its file fetched from `url`. */\nasync function bytesOf(font: ViewerFont): Promise<Uint8Array> {\n  if (font.data) return new Uint8Array(font.data);\n  if (!font.url) throw new Error('a font needs a url or its data');\n  const response = await fetch(font.url);\n  if (!response.ok) throw new Error(`${font.url}: HTTP ${response.status}`);\n  return new Uint8Array(await response.arrayBuffer());\n}\n\nexport function AnnotationFontsProvider({ children }: { children: ReactNode }) {\n  const kernel = useKernel();\n  const fonts = useConfiguredFonts();\n  const [loaded, setLoaded] = useState<readonly LoadedAnnotationFont[]>([]);\n\n  useEffect(() => {\n    // The cloud engine registers no fonts (a server policy), so a key could\n    // never resolve on write: offer nothing rather than a font that fails.\n    if (!fonts.length || !isLocalEngine(kernel.engine)) return;\n    const engineFonts = kernel.engine.fonts;\n    let cancelled = false;\n    const unmounts: Array<() => void> = [];\n    void (async () => {\n      for (const font of fonts) {\n        try {\n          const bytes = await bytesOf(font);\n          if (cancelled) return;\n          await engineFonts.register({\n            key: font.key,\n            familyName: font.familyName,\n            weight: font.weight,\n            italic: font.italic,\n            data: bytes,\n          });\n          const unmount = await mountWebFont(font.key, bytes, {\n            weight: font.weight,\n            style: font.italic ? 'italic' : 'normal',\n          });\n          if (cancelled) {\n            unmount();\n            return;\n          }\n          unmounts.push(unmount);\n          setLoaded((previous) =>\n            previous.some((existing) => existing.key === font.key)\n              ? previous\n              : [...previous, { key: font.key, label: font.familyName ?? font.key }],\n          );\n        } catch (error) {\n          console.warn(`[embedpdf] engine font \"${font.key}\" was not loaded:`, error);\n        }\n      }\n    })();\n    return () => {\n      cancelled = true;\n      for (const unmount of unmounts) unmount();\n    };\n  }, [kernel, fonts]);\n\n  return <LoadedFontsContext.Provider value={loaded}>{children}</LoadedFontsContext.Provider>;\n}\n\n/** The configured fonts that are registered and mounted, in config order. */\nexport function useAnnotationFonts(): readonly LoadedAnnotationFont[] {\n  return useContext(LoadedFontsContext);\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAoBA,MAAM,qBAAqB,cAA+C,CAAC,CAAC;;AAG5E,eAAe,QAAQ,MAAuC;CAC5D,IAAI,KAAK,MAAM,OAAO,IAAI,WAAW,KAAK,IAAI;CAC9C,IAAI,CAAC,KAAK,KAAK,MAAM,IAAI,MAAM,gCAAgC;CAC/D,MAAM,WAAW,MAAM,MAAM,KAAK,GAAG;CACrC,IAAI,CAAC,SAAS,IAAI,MAAM,IAAI,MAAM,GAAG,KAAK,IAAI,SAAS,SAAS,QAAQ;CACxE,OAAO,IAAI,WAAW,MAAM,SAAS,YAAY,CAAC;AACpD;AAEA,SAAgB,wBAAwB,EAAE,YAAqC;CAC7E,MAAM,SAAS,UAAU;CACzB,MAAM,QAAQ,mBAAmB;CACjC,MAAM,CAAC,QAAQ,aAAa,SAA0C,CAAC,CAAC;CAExE,gBAAgB;EAGd,IAAI,CAAC,MAAM,UAAU,CAAC,cAAc,OAAO,MAAM,GAAG;EACpD,MAAM,cAAc,OAAO,OAAO;EAClC,IAAI,YAAY;EAChB,MAAM,WAA8B,CAAC;EACrC,CAAM,YAAY;GAChB,KAAK,MAAM,QAAQ,OACjB,IAAI;IACF,MAAM,QAAQ,MAAM,QAAQ,IAAI;IAChC,IAAI,WAAW;IACf,MAAM,YAAY,SAAS;KACzB,KAAK,KAAK;KACV,YAAY,KAAK;KACjB,QAAQ,KAAK;KACb,QAAQ,KAAK;KACb,MAAM;IACR,CAAC;IACD,MAAM,UAAU,MAAM,aAAa,KAAK,KAAK,OAAO;KAClD,QAAQ,KAAK;KACb,OAAO,KAAK,SAAS,WAAW;IAClC,CAAC;IACD,IAAI,WAAW;KACb,QAAQ;KACR;IACF;IACA,SAAS,KAAK,OAAO;IACrB,WAAW,aACT,SAAS,MAAM,aAAa,SAAS,QAAQ,KAAK,GAAG,IACjD,WACA,CAAC,GAAG,UAAU;KAAE,KAAK,KAAK;KAAK,OAAO,KAAK,cAAc,KAAK;IAAI,CAAC,CACzE;GACF,SAAS,OAAO;IACd,QAAQ,KAAK,2BAA2B,KAAK,IAAI,oBAAoB,KAAK;GAC5E;EAEJ,EAAA,CAAG;EACH,aAAa;GACX,YAAY;GACZ,KAAK,MAAM,WAAW,UAAU,QAAQ;EAC1C;CACF,GAAG,CAAC,QAAQ,KAAK,CAAC;CAElB,OAAO,oBAAC,mBAAmB,UAApB;EAA6B,OAAO;EAAS;CAAsC,CAAA;AAC5F;;AAGA,SAAgB,qBAAsD;CACpE,OAAO,WAAW,kBAAkB;AACtC"}

package/dist/{annotation-fonts-Dt0IQXhz.cjs → annotation-fonts-dpfVkhnq.cjs}

@@ -1,4 +1,4 @@
-const require_icons = require("./icons-x0Tc05bs.cjs");
+const require_icons = require("./icons-1UfLUZ_y.cjs");
 let react = require("react");
 let _embedpdf_react_runtime = require("@embedpdf/react/runtime");
 let _embedpdf_web = require("@embedpdf/web");
@@ -88,4 +88,4 @@ Object.defineProperty(exports, "useAnnotationFonts", {
 	}
 });
 
-//# sourceMappingURL=annotation-fonts-Dt0IQXhz.cjs.map
+//# sourceMappingURL=annotation-fonts-dpfVkhnq.cjs.map

package/dist/{annotation-fonts-Dt0IQXhz.cjs.map → annotation-fonts-dpfVkhnq.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"annotation-fonts-Dt0IQXhz.cjs","names":["useConfiguredFonts"],"sources":["../src/ui/annotation-fonts.tsx"],"sourcesContent":["/**\n * The engine's configured fonts (`engine.fonts`), loaded once per viewer: read\n * the bytes (fetched from `url`, or `data`) → register them on the viewer's\n * engine under the key (what a free-text `fontFamily` carries and what the\n * engine embeds) → mount the same bytes as a `@font-face` for that key (the\n * family the plugin's `cssFontFamily` emits for a registered font, so the live\n * editor renders the face the appearance stream will bake). The style panel\n * lists a font only once both have happened — an offered key always resolves\n * on write.\n */\nimport { createContext, useContext, useEffect, useState, type ReactNode } from 'react';\nimport { isLocalEngine, useKernel } from '@embedpdf/react/runtime';\nimport { mountWebFont } from '@embedpdf/web';\nimport { useConfiguredFonts, type ViewerFont } from '../config-context';\n\nexport interface LoadedAnnotationFont {\n  readonly key: string;\n  readonly label: string;\n}\n\nconst LoadedFontsContext = createContext<readonly LoadedAnnotationFont[]>([]);\n\n/** A font's bytes: its `data`, or its file fetched from `url`. */\nasync function bytesOf(font: ViewerFont): Promise<Uint8Array> {\n  if (font.data) return new Uint8Array(font.data);\n  if (!font.url) throw new Error('a font needs a url or its data');\n  const response = await fetch(font.url);\n  if (!response.ok) throw new Error(`${font.url}: HTTP ${response.status}`);\n  return new Uint8Array(await response.arrayBuffer());\n}\n\nexport function AnnotationFontsProvider({ children }: { children: ReactNode }) {\n  const kernel = useKernel();\n  const fonts = useConfiguredFonts();\n  const [loaded, setLoaded] = useState<readonly LoadedAnnotationFont[]>([]);\n\n  useEffect(() => {\n    // The cloud engine registers no fonts (a server policy), so a key could\n    // never resolve on write: offer nothing rather than a font that fails.\n    if (!fonts.length || !isLocalEngine(kernel.engine)) return;\n    const engineFonts = kernel.engine.fonts;\n    let cancelled = false;\n    const unmounts: Array<() => void> = [];\n    void (async () => {\n      for (const font of fonts) {\n        try {\n          const bytes = await bytesOf(font);\n          if (cancelled) return;\n          await engineFonts.register({\n            key: font.key,\n            familyName: font.familyName,\n            weight: font.weight,\n            italic: font.italic,\n            data: bytes,\n          });\n          const unmount = await mountWebFont(font.key, bytes, {\n            weight: font.weight,\n            style: font.italic ? 'italic' : 'normal',\n          });\n          if (cancelled) {\n            unmount();\n            return;\n          }\n          unmounts.push(unmount);\n          setLoaded((previous) =>\n            previous.some((existing) => existing.key === font.key)\n              ? previous\n              : [...previous, { key: font.key, label: font.familyName ?? font.key }],\n          );\n        } catch (error) {\n          console.warn(`[embedpdf] engine font \"${font.key}\" was not loaded:`, error);\n        }\n      }\n    })();\n    return () => {\n      cancelled = true;\n      for (const unmount of unmounts) unmount();\n    };\n  }, [kernel, fonts]);\n\n  return <LoadedFontsContext.Provider value={loaded}>{children}</LoadedFontsContext.Provider>;\n}\n\n/** The configured fonts that are registered and mounted, in config order. */\nexport function useAnnotationFonts(): readonly LoadedAnnotationFont[] {\n  return useContext(LoadedFontsContext);\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAoBA,MAAM,sBAAA,GAAA,MAAA,cAAA,CAAoE,CAAC,CAAC;;AAG5E,eAAe,QAAQ,MAAuC;CAC5D,IAAI,KAAK,MAAM,OAAO,IAAI,WAAW,KAAK,IAAI;CAC9C,IAAI,CAAC,KAAK,KAAK,MAAM,IAAI,MAAM,gCAAgC;CAC/D,MAAM,WAAW,MAAM,MAAM,KAAK,GAAG;CACrC,IAAI,CAAC,SAAS,IAAI,MAAM,IAAI,MAAM,GAAG,KAAK,IAAI,SAAS,SAAS,QAAQ;CACxE,OAAO,IAAI,WAAW,MAAM,SAAS,YAAY,CAAC;AACpD;AAEA,SAAgB,wBAAwB,EAAE,YAAqC;CAC7E,MAAM,UAAA,GAAA,wBAAA,UAAA,CAAmB;CACzB,MAAM,QAAQA,cAAAA,mBAAmB;CACjC,MAAM,CAAC,QAAQ,cAAA,GAAA,MAAA,SAAA,CAAuD,CAAC,CAAC;CAExE,CAAA,GAAA,MAAA,UAAA,OAAgB;EAGd,IAAI,CAAC,MAAM,UAAU,EAAA,GAAA,wBAAA,cAAA,CAAe,OAAO,MAAM,GAAG;EACpD,MAAM,cAAc,OAAO,OAAO;EAClC,IAAI,YAAY;EAChB,MAAM,WAA8B,CAAC;EACrC,CAAM,YAAY;GAChB,KAAK,MAAM,QAAQ,OACjB,IAAI;IACF,MAAM,QAAQ,MAAM,QAAQ,IAAI;IAChC,IAAI,WAAW;IACf,MAAM,YAAY,SAAS;KACzB,KAAK,KAAK;KACV,YAAY,KAAK;KACjB,QAAQ,KAAK;KACb,QAAQ,KAAK;KACb,MAAM;IACR,CAAC;IACD,MAAM,UAAU,OAAA,GAAA,cAAA,aAAA,CAAmB,KAAK,KAAK,OAAO;KAClD,QAAQ,KAAK;KACb,OAAO,KAAK,SAAS,WAAW;IAClC,CAAC;IACD,IAAI,WAAW;KACb,QAAQ;KACR;IACF;IACA,SAAS,KAAK,OAAO;IACrB,WAAW,aACT,SAAS,MAAM,aAAa,SAAS,QAAQ,KAAK,GAAG,IACjD,WACA,CAAC,GAAG,UAAU;KAAE,KAAK,KAAK;KAAK,OAAO,KAAK,cAAc,KAAK;IAAI,CAAC,CACzE;GACF,SAAS,OAAO;IACd,QAAQ,KAAK,2BAA2B,KAAK,IAAI,oBAAoB,KAAK;GAC5E;EAEJ,EAAA,CAAG;EACH,aAAa;GACX,YAAY;GACZ,KAAK,MAAM,WAAW,UAAU,QAAQ;EAC1C;CACF,GAAG,CAAC,QAAQ,KAAK,CAAC;CAElB,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,mBAAmB,UAApB;EAA6B,OAAO;EAAS;CAAsC,CAAA;AAC5F;;AAGA,SAAgB,qBAAsD;CACpE,QAAA,GAAA,MAAA,WAAA,CAAkB,kBAAkB;AACtC"}
+{"version":3,"file":"annotation-fonts-dpfVkhnq.cjs","names":["useConfiguredFonts"],"sources":["../src/ui/annotation-fonts.tsx"],"sourcesContent":["/**\n * The engine's configured fonts (`engine.fonts`), loaded once per viewer: read\n * the bytes (fetched from `url`, or `data`) → register them on the viewer's\n * engine under the key (what a free-text `fontFamily` carries and what the\n * engine embeds) → mount the same bytes as a `@font-face` for that key (the\n * family the plugin's `cssFontFamily` emits for a registered font, so the live\n * editor renders the face the appearance stream will bake). The style panel\n * lists a font only once both have happened — an offered key always resolves\n * on write.\n */\nimport { createContext, useContext, useEffect, useState, type ReactNode } from 'react';\nimport { isLocalEngine, useKernel } from '@embedpdf/react/runtime';\nimport { mountWebFont } from '@embedpdf/web';\nimport { useConfiguredFonts, type ViewerFont } from '../config-context';\n\nexport interface LoadedAnnotationFont {\n  readonly key: string;\n  readonly label: string;\n}\n\nconst LoadedFontsContext = createContext<readonly LoadedAnnotationFont[]>([]);\n\n/** A font's bytes: its `data`, or its file fetched from `url`. */\nasync function bytesOf(font: ViewerFont): Promise<Uint8Array> {\n  if (font.data) return new Uint8Array(font.data);\n  if (!font.url) throw new Error('a font needs a url or its data');\n  const response = await fetch(font.url);\n  if (!response.ok) throw new Error(`${font.url}: HTTP ${response.status}`);\n  return new Uint8Array(await response.arrayBuffer());\n}\n\nexport function AnnotationFontsProvider({ children }: { children: ReactNode }) {\n  const kernel = useKernel();\n  const fonts = useConfiguredFonts();\n  const [loaded, setLoaded] = useState<readonly LoadedAnnotationFont[]>([]);\n\n  useEffect(() => {\n    // The cloud engine registers no fonts (a server policy), so a key could\n    // never resolve on write: offer nothing rather than a font that fails.\n    if (!fonts.length || !isLocalEngine(kernel.engine)) return;\n    const engineFonts = kernel.engine.fonts;\n    let cancelled = false;\n    const unmounts: Array<() => void> = [];\n    void (async () => {\n      for (const font of fonts) {\n        try {\n          const bytes = await bytesOf(font);\n          if (cancelled) return;\n          await engineFonts.register({\n            key: font.key,\n            familyName: font.familyName,\n            weight: font.weight,\n            italic: font.italic,\n            data: bytes,\n          });\n          const unmount = await mountWebFont(font.key, bytes, {\n            weight: font.weight,\n            style: font.italic ? 'italic' : 'normal',\n          });\n          if (cancelled) {\n            unmount();\n            return;\n          }\n          unmounts.push(unmount);\n          setLoaded((previous) =>\n            previous.some((existing) => existing.key === font.key)\n              ? previous\n              : [...previous, { key: font.key, label: font.familyName ?? font.key }],\n          );\n        } catch (error) {\n          console.warn(`[embedpdf] engine font \"${font.key}\" was not loaded:`, error);\n        }\n      }\n    })();\n    return () => {\n      cancelled = true;\n      for (const unmount of unmounts) unmount();\n    };\n  }, [kernel, fonts]);\n\n  return <LoadedFontsContext.Provider value={loaded}>{children}</LoadedFontsContext.Provider>;\n}\n\n/** The configured fonts that are registered and mounted, in config order. */\nexport function useAnnotationFonts(): readonly LoadedAnnotationFont[] {\n  return useContext(LoadedFontsContext);\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAoBA,MAAM,sBAAA,GAAA,MAAA,cAAA,CAAoE,CAAC,CAAC;;AAG5E,eAAe,QAAQ,MAAuC;CAC5D,IAAI,KAAK,MAAM,OAAO,IAAI,WAAW,KAAK,IAAI;CAC9C,IAAI,CAAC,KAAK,KAAK,MAAM,IAAI,MAAM,gCAAgC;CAC/D,MAAM,WAAW,MAAM,MAAM,KAAK,GAAG;CACrC,IAAI,CAAC,SAAS,IAAI,MAAM,IAAI,MAAM,GAAG,KAAK,IAAI,SAAS,SAAS,QAAQ;CACxE,OAAO,IAAI,WAAW,MAAM,SAAS,YAAY,CAAC;AACpD;AAEA,SAAgB,wBAAwB,EAAE,YAAqC;CAC7E,MAAM,UAAA,GAAA,wBAAA,UAAA,CAAmB;CACzB,MAAM,QAAQA,cAAAA,mBAAmB;CACjC,MAAM,CAAC,QAAQ,cAAA,GAAA,MAAA,SAAA,CAAuD,CAAC,CAAC;CAExE,CAAA,GAAA,MAAA,UAAA,OAAgB;EAGd,IAAI,CAAC,MAAM,UAAU,EAAA,GAAA,wBAAA,cAAA,CAAe,OAAO,MAAM,GAAG;EACpD,MAAM,cAAc,OAAO,OAAO;EAClC,IAAI,YAAY;EAChB,MAAM,WAA8B,CAAC;EACrC,CAAM,YAAY;GAChB,KAAK,MAAM,QAAQ,OACjB,IAAI;IACF,MAAM,QAAQ,MAAM,QAAQ,IAAI;IAChC,IAAI,WAAW;IACf,MAAM,YAAY,SAAS;KACzB,KAAK,KAAK;KACV,YAAY,KAAK;KACjB,QAAQ,KAAK;KACb,QAAQ,KAAK;KACb,MAAM;IACR,CAAC;IACD,MAAM,UAAU,OAAA,GAAA,cAAA,aAAA,CAAmB,KAAK,KAAK,OAAO;KAClD,QAAQ,KAAK;KACb,OAAO,KAAK,SAAS,WAAW;IAClC,CAAC;IACD,IAAI,WAAW;KACb,QAAQ;KACR;IACF;IACA,SAAS,KAAK,OAAO;IACrB,WAAW,aACT,SAAS,MAAM,aAAa,SAAS,QAAQ,KAAK,GAAG,IACjD,WACA,CAAC,GAAG,UAAU;KAAE,KAAK,KAAK;KAAK,OAAO,KAAK,cAAc,KAAK;IAAI,CAAC,CACzE;GACF,SAAS,OAAO;IACd,QAAQ,KAAK,2BAA2B,KAAK,IAAI,oBAAoB,KAAK;GAC5E;EAEJ,EAAA,CAAG;EACH,aAAa;GACX,YAAY;GACZ,KAAK,MAAM,WAAW,UAAU,QAAQ;EAC1C;CACF,GAAG,CAAC,QAAQ,KAAK,CAAC;CAElB,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,mBAAmB,UAApB;EAA6B,OAAO;EAAS;CAAsC,CAAA;AAC5F;;AAGA,SAAgB,qBAAsD;CACpE,QAAA,GAAA,MAAA,WAAA,CAAkB,kBAAkB;AACtC"}

package/dist/{annotation-style-Bzvvp8-N.cjs → annotation-style-B3XKAyZ-.cjs}

@@ -1,5 +1,5 @@
-const require_icons = require("./icons-x0Tc05bs.cjs");
-const require_annotation_fonts = require("./annotation-fonts-Dt0IQXhz.cjs");
+const require_icons = require("./icons-1UfLUZ_y.cjs");
+const require_annotation_fonts = require("./annotation-fonts-dpfVkhnq.cjs");
 const require_labels = require("./labels-BiM9wp9K.cjs");
 let react = require("react");
 let _embedpdf_react_runtime = require("@embedpdf/react/runtime");
@@ -876,4 +876,4 @@ function RedactionLabelSection() {
 //#endregion
 exports.AnnotationStylePanel = AnnotationStylePanel;
 
-//# sourceMappingURL=annotation-style-Bzvvp8-N.cjs.map
+//# sourceMappingURL=annotation-style-B3XKAyZ-.cjs.map

package/dist/{annotation-style-Bzvvp8-N.cjs.map → annotation-style-B3XKAyZ-.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"annotation-style-Bzvvp8-N.cjs","names":["useLabel","Icon","useLabel","useAnnotationFonts","RedactionToken"],"sources":["../src/ui/annotation-flags.tsx","../src/ui/annotation-style.tsx"],"sourcesContent":["/**\n * The annotation flags section: a live test surface for `/F` (ISO 32000\n * Table 167). Select any annotation(s) and toggle flags. Flags are\n * properties like any other: the reads come from `useAnnotationProperties()`\n * (a flag the selection disagrees on is `mixed`, an indeterminate checkbox),\n * each named as the schema names it, and the writes go through\n * `selection.update({ locked: true })`. The hint under each is the viewer's.\n *\n * Things to try:\n *   - `locked`: the selection keeps its outline but loses handles/knob; move,\n *     restyle and delete are refused; unchecking it here still works.\n *   - `hidden` / `noView`: the annotation disappears (it stays selected, so\n *     this panel can bring it back).\n *   - `readOnly`: visible but no longer clickable — deselect and try.\n *   - `noZoom` / `noRotate`: zoom or rotate the page; the body keeps its\n *     screen size / stays upright, anchored at its top-left corner.\n *   - `print`: flip it off and print/flatten elsewhere — the annotation is\n *     excluded (viewer rendering is unaffected).\n */\nimport {\n  useAnnotation,\n  useAnnotationProperties,\n  type AnnotationFlags,\n} from '@embedpdf/react/annotation';\nimport { useT } from '@embedpdf/react/i18n';\nimport { useEffect, useRef } from 'react';\n\nimport { useLabel } from './labels';\n\n/** What each flag does, in a few words under its name: the hint's key. */\nconst FLAG_HINTS: Readonly<Record<keyof AnnotationFlags, string>> = {\n  print: 'annotationFlags.print',\n  hidden: 'annotationFlags.hidden',\n  noView: 'annotationFlags.noView',\n  toggleNoView: 'annotationFlags.toggleNoView',\n  readOnly: 'annotationFlags.readOnly',\n  locked: 'annotationFlags.locked',\n  lockedContents: 'annotationFlags.lockedContents',\n  noZoom: 'annotationFlags.noZoom',\n  noRotate: 'annotationFlags.noRotate',\n  invisible: 'annotationFlags.invisible',\n};\n\nfunction FlagRow({\n  label,\n  hint,\n  value,\n  onToggle,\n}: {\n  label: string;\n  hint: string;\n  value: boolean | null;\n  onToggle: (next: boolean) => void;\n}) {\n  const ref = useRef<HTMLInputElement>(null);\n  // `null` = the selected annotations disagree → the native indeterminate state.\n  useEffect(() => {\n    if (ref.current) ref.current.indeterminate = value === null;\n  }, [value]);\n  return (\n    <label className=\"hover:bg-hover flex cursor-pointer items-start gap-2.5 rounded px-1.5 py-1.5\">\n      <input\n        ref={ref}\n        type=\"checkbox\"\n        className=\"accent-accent mt-0.5\"\n        checked={value === true}\n        onChange={() => onToggle(value !== true)}\n      />\n      <span className=\"min-w-0\">\n        <span className=\"text-fg block text-sm leading-tight\">{label}</span>\n        <span className=\"text-fg-muted block text-xs leading-tight\">{hint}</span>\n      </span>\n    </label>\n  );\n}\n\n/** The `/F` flags of the current selection, live-editable. Renders nothing\n *  when nothing is selected (the style panel shows its tool defaults then). */\nexport function AnnotationFlagsSection() {\n  const t = useT();\n  const label = useLabel();\n  const annotation = useAnnotation();\n  const { properties, values, mixed } = useAnnotationProperties();\n  const flags = properties.filter((property) => property.control === 'flag');\n  if (!flags.length) return null;\n  const valueOf = (key: keyof AnnotationFlags): boolean | null =>\n    mixed.includes(key) ? null : values[key] === true;\n  return (\n    <section className=\"border-border mt-2 border-t pt-4\">\n      <p className=\"text-fg-muted mb-2 text-[11px] font-semibold uppercase tracking-wide\">\n        {t('annotationFlags.title')}\n      </p>\n      <div className=\"flex flex-col\">\n        {flags.map((flag) => (\n          <FlagRow\n            key={flag.key}\n            label={label(flag)}\n            hint={t(FLAG_HINTS[flag.key])}\n            value={valueOf(flag.key)}\n            onToggle={(next) => void annotation.selection.update({ [flag.key]: next })}\n          />\n        ))}\n      </div>\n    </section>\n  );\n}\n","/**\n * The annotation style panel. The plugin owns the schema and the state; this\n * file owns only how each property renders and the engine fields it writes\n * back. There is no per-subtype branching here: a new annotation kind that\n * declares its properties in the kind table gets a working style panel for free.\n *\n * Data flow (mirrors examples/react's AnnotationSidebar):\n *   selection present → useAnnotationProperties(), write selection.update()\n *   nothing selected  → useAnnotationProperties(tool), write tools.updateDefaults(tool, …)\n *\n * The look: a six-column swatch grid, range slider, SVG stroke / line-ending\n * dropdowns, font-size combo and align toggles, styled with this app's\n * semantic tokens (bg-surface / text-fg / border-border …).\n */\nimport { useEffect, useRef, useState } from 'react';\nimport { annotationKey } from '@embedpdf/react/annotation';\nimport type { ReactNode } from 'react';\nimport {\n  useAnnotation,\n  useAnnotationDefaults,\n  useAnnotationProperties,\n  useAnnotationState,\n  type AnnotationOption,\n  type AnnotationPatch,\n  type AnnotationProperty,\n  type BlendMode,\n  type FieldValues,\n  type LineEnding,\n  type LineEndings,\n  type TextAlign,\n} from '@embedpdf/react/annotation';\nimport { useCommands } from '@embedpdf/react/commands';\nimport { useInteractionState } from '@embedpdf/react/interaction';\nimport { useDocumentId, useKernelValue, useOptionalCapability } from '@embedpdf/react/runtime';\nimport { RedactionToken } from '@embedpdf/react/redaction';\nimport { useT } from '@embedpdf/react/i18n';\nimport { observeOutsidePress } from '@embedpdf/web';\nimport { Icon } from './icons';\nimport { useAnnotationFonts } from './annotation-fonts';\nimport { AnnotationFlagsSection } from './annotation-flags';\nimport { useLabel } from './labels';\n\n// ── app-level vocabulary (a viewer's decision) ────────────────────────────────\n// The schema says which controls to show, with each one's label and its\n// options' labels; these lists say what the viewer offers inside a color /\n// font / stroke picker.\nconst PRESET_COLORS = [\n  '#000000',\n  '#5f6368',\n  '#e44234',\n  '#ff8b00',\n  '#ffd500',\n  '#00cc66',\n  '#00b8d9',\n  '#4a90e2',\n  '#9b51e0',\n  '#f272c8',\n  '#a0522d',\n  '#ffffff',\n];\n\n/** The standard fonts the picker offers, of the schema's; the registered fonts follow them. */\nconst OFFERED_FONTS: readonly string[] = ['helvetica', 'helvetica-bold', 'times-roman', 'courier'];\n\nconst FONT_SIZES = [8, 9, 10, 11, 12, 14, 16, 18, 24, 36, 48, 72];\n\n/** A border as the picker draws it; the engine keeps it as three fields. */\ntype Border =\n  | { kind: 'solid' }\n  | { kind: 'dashed'; dash: number[] }\n  | { kind: 'cloudy'; intensity: number };\n\n/** The borders the picker offers: the schema's styles, a dash or a cloud in a few sizes. */\nconst BORDER_OPTS: { key: string; make: () => Border }[] = [\n  { key: 'solid', make: () => ({ kind: 'solid' }) },\n  { key: 'dashed-6-2', make: () => ({ kind: 'dashed', dash: [6, 2] }) },\n  { key: 'dashed-3-3', make: () => ({ kind: 'dashed', dash: [3, 3] }) },\n  { key: 'dashed-1-2', make: () => ({ kind: 'dashed', dash: [1, 2] }) },\n  { key: 'cloudy-1', make: () => ({ kind: 'cloudy', intensity: 1 }) },\n  { key: 'cloudy-2', make: () => ({ kind: 'cloudy', intensity: 2 }) },\n];\nconst borderKey = (border: Border): string =>\n  border.kind === 'cloudy'\n    ? `cloudy-${border.intensity >= 2 ? 2 : 1}`\n    : border.kind === 'dashed'\n      ? `dashed-${border.dash.join('-')}`\n      : 'solid';\n\n/** The border the three engine fields describe: a cloud wins over the style under it. */\nconst borderOf = (values: FieldValues): Border => {\n  const intensity = values.cloudyIntensity as number | null | undefined;\n  if (intensity) return { kind: 'cloudy', intensity };\n  const dash = values.dashArray as number[] | null | undefined;\n  return values.borderStyle === 'dashed'\n    ? { kind: 'dashed', dash: dash?.length ? dash : [3, 3] }\n    : { kind: 'solid' };\n};\n\n/** The engine fields that state a border, every one of them (a patch replaces each whole). */\nconst borderFields = (border: Border): FieldValues => ({\n  borderStyle: border.kind === 'dashed' ? 'dashed' : 'solid',\n  dashArray: border.kind === 'dashed' ? border.dash : null,\n  cloudyIntensity: border.kind === 'cloudy' ? border.intensity : null,\n});\n\n/** The option of a choice with this value, for its label. */\nconst optionOf = (options: readonly AnnotationOption[], value: string) =>\n  options.find((option) => option.value === value);\n\n// ── layout primitives ────────────────────────────────────────────────────────\nfunction Field({\n  label,\n  mixed,\n  children,\n}: {\n  label: string;\n  mixed?: boolean;\n  children: ReactNode;\n}) {\n  const t = useT();\n  return (\n    <section className=\"mb-5\">\n      <label className=\"text-fg mb-2 block text-sm font-medium\">\n        {label}\n        {mixed && (\n          <span className=\"text-fg-muted ms-1.5 text-xs font-normal\">{t('stylePanel.mixed')}</span>\n        )}\n      </label>\n      {children}\n    </section>\n  );\n}\n\n// ── color swatch grid ────────────────────────────────────────────────────────\nconst isTransparent = (color: string | null) =>\n  color == null ||\n  color === 'transparent' ||\n  (/^#([0-9a-f]{8})$/i.test(color) && color.slice(-2).toLowerCase() === '00');\n\nfunction Swatch({\n  color,\n  active,\n  onSelect,\n}: {\n  color: string;\n  active: boolean;\n  onSelect: (color: string) => void;\n}) {\n  const t = useT();\n  const style = isTransparent(color)\n    ? {\n        backgroundColor: '#fff',\n        backgroundImage:\n          'linear-gradient(45deg, transparent 40%, #ef4444 40%, #ef4444 60%, transparent 60%)',\n        backgroundSize: '100% 100%',\n      }\n    : { backgroundColor: color };\n  return (\n    <button\n      type=\"button\"\n      title={isTransparent(color) ? t('stylePanel.transparent') : color}\n      onClick={() => onSelect(color)}\n      className={`border-border-strong h-5 w-5 rounded-full border ${active ? 'outline-accent outline outline-2 outline-offset-2' : ''}`}\n      style={style}\n    />\n  );\n}\n\nfunction SwatchGrid({\n  value,\n  onSelect,\n  allowTransparent,\n}: {\n  value: string | null | undefined;\n  onSelect: (color: string) => void;\n  allowTransparent?: boolean;\n}) {\n  const active = (color: string) => color.toLowerCase() === (value ?? '').toLowerCase();\n  return (\n    <div className=\"grid grid-cols-6 gap-x-1 gap-y-3\">\n      {PRESET_COLORS.map((color) => (\n        <Swatch key={color} color={color} active={active(color)} onSelect={onSelect} />\n      ))}\n      {allowTransparent && (\n        <Swatch color=\"transparent\" active={isTransparent(value ?? null)} onSelect={onSelect} />\n      )}\n    </div>\n  );\n}\n\n// ── range slider ─────────────────────────────────────────────────────────────\nfunction RangeSlider({\n  value,\n  min,\n  max,\n  step,\n  onChange,\n}: {\n  value: number;\n  min: number;\n  max: number;\n  step: number;\n  onChange: (value: number) => void;\n}) {\n  return (\n    <input\n      type=\"range\"\n      className=\"accent-accent mb-1.5 h-1 w-full cursor-pointer\"\n      value={value}\n      min={min}\n      max={max}\n      step={step}\n      onChange={(event) => onChange(parseFloat(event.target.value))}\n    />\n  );\n}\n\n// ── dropdown shell (open state, outside-click, trigger + panel) ───────────────\n/** Close an open dropdown on a press outside it; the root holds its trigger too. */\nfunction useOutsideClose(open: boolean, close: () => void) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    const root = rootRef.current;\n    return open && root ? observeOutsidePress(root, close) : undefined;\n  }, [open, close]);\n  return rootRef;\n}\n\nfunction DropdownShell({\n  trigger,\n  children,\n}: {\n  trigger: ReactNode;\n  children: (close: () => void) => ReactNode;\n}) {\n  const [open, setOpen] = useState(false);\n  const rootRef = useOutsideClose(open, () => setOpen(false));\n  return (\n    <div ref={rootRef} className=\"relative w-full\">\n      <button\n        type=\"button\"\n        onClick={() => setOpen((previous) => !previous)}\n        className=\"border-border bg-surface text-fg flex w-full items-center justify-between gap-2 rounded border px-3 py-1.5\"\n      >\n        {trigger}\n        <Icon name=\"chevronDown\" size={16} className=\"text-fg-secondary shrink-0\" />\n      </button>\n      {open && (\n        <div className=\"border-border bg-elevated absolute z-10 mt-1 max-h-60 w-full overflow-y-auto rounded border p-1 shadow-lg\">\n          {children(() => setOpen(false))}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction OptionRow({\n  selected,\n  title,\n  onClick,\n  children,\n}: {\n  selected: boolean;\n  /** The option's name, for an option drawn as a picture. */\n  title?: string;\n  onClick: () => void;\n  children: ReactNode;\n}) {\n  return (\n    <button\n      type=\"button\"\n      title={title}\n      aria-label={title}\n      onClick={onClick}\n      className={`hover:bg-hover flex w-full items-center rounded px-2 py-1.5 text-start text-sm ${selected ? 'bg-selected text-accent' : 'text-fg'}`}\n    >\n      {children}\n    </button>\n  );\n}\n\n// ── stroke / border preview + picker ─────────────────────────────────────────\nfunction borderSvg(border: Border): ReactNode {\n  if (border.kind === 'cloudy') {\n    const radius = border.intensity >= 2 ? 5 : 3;\n    const bumps = Math.ceil(80 / (radius * 2));\n    const step = 80 / bumps;\n    const baseline = radius + 1;\n    const viewH = radius * 2 + 2;\n    const parts = [`M 0 ${baseline}`];\n    for (let i = 0; i < bumps; i++)\n      parts.push(`A ${radius} ${radius} 0 0 1 ${step * (i + 1)} ${baseline}`);\n    return (\n      <svg width=\"80\" height={viewH} viewBox={`0 0 80 ${viewH}`}>\n        <path\n          d={parts.join(' ')}\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth=\"1.5\"\n          strokeLinejoin=\"round\"\n          strokeLinecap=\"round\"\n        />\n      </svg>\n    );\n  }\n  const dash = border.kind === 'dashed' ? border.dash.join(' ') : undefined;\n  return (\n    <svg width=\"80\" height=\"8\" viewBox=\"0 0 80 8\">\n      <line\n        x1=\"0\"\n        y1=\"4\"\n        x2=\"80\"\n        y2=\"4\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeDasharray={dash}\n      />\n    </svg>\n  );\n}\n\nfunction BorderSelect({\n  value,\n  styles,\n  onChange,\n}: {\n  value: Border;\n  /** The border styles the kind takes, with their labels. */\n  styles: readonly AnnotationOption[];\n  onChange: (border: Border) => void;\n}) {\n  const label = useLabel();\n  const options = BORDER_OPTS.filter((option) => optionOf(styles, option.make().kind));\n  return (\n    <DropdownShell trigger={<span className=\"text-fg-secondary\">{borderSvg(value)}</span>}>\n      {(close) =>\n        options.map((option) => {\n          const border = option.make();\n          return (\n            <OptionRow\n              key={option.key}\n              selected={borderKey(value) === option.key}\n              title={label(optionOf(styles, border.kind)!)}\n              onClick={() => {\n                onChange(border);\n                close();\n              }}\n            >\n              <span className=\"text-fg-secondary\">{borderSvg(border)}</span>\n            </OptionRow>\n          );\n        })\n      }\n    </DropdownShell>\n  );\n}\n\n// ── line-ending preview + picker ─────────────────────────────────────────────\nconst LE_MARKERS: Partial<Record<LineEnding, ReactNode>> = {\n  square: <path d=\"M68 -4 L76 -4 L76 4 L68 4 Z\" />,\n  circle: <circle cx=\"72\" cy=\"0\" r=\"4\" />,\n  diamond: <path d=\"M72 -5 L77 0 L72 5 L67 0 Z\" />,\n  'open-arrow': <path d=\"M67 -5 L77 0 L67 5\" fill=\"none\" />,\n  'closed-arrow': <path d=\"M67 -5 L77 0 L67 5 Z\" />,\n  'r-open-arrow': <path d=\"M77 -5 L67 0 L77 5\" fill=\"none\" />,\n  'r-closed-arrow': <path d=\"M77 -5 L67 0 L77 5 Z\" />,\n  butt: <path d=\"M72 -5 L72 5\" fill=\"none\" />,\n  slash: <path d=\"M67 -5 L77 5\" fill=\"none\" />,\n};\nconst LE_LINE_END: Partial<Record<LineEnding, number>> = {\n  square: 68,\n  circle: 68,\n  diamond: 67,\n  'open-arrow': 76,\n  'closed-arrow': 67,\n  'r-open-arrow': 67,\n  'r-closed-arrow': 67,\n  butt: 72,\n  slash: 72,\n};\n\nfunction LineEndingPreview({ name, side }: { name: LineEnding; side: 'start' | 'end' }) {\n  const marker = LE_MARKERS[name];\n  const lineEndX = LE_LINE_END[name] ?? 77;\n  const transform = side === 'start' ? 'rotate(180 40 10)' : undefined;\n  return (\n    <svg width=\"80\" height=\"20\" viewBox=\"0 0 80 20\" className=\"text-fg\">\n      <g transform={transform}>\n        <line x1=\"4\" y1=\"10\" x2={lineEndX} y2=\"10\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n        {marker && (\n          <g\n            transform=\"translate(0, 10)\"\n            fill=\"currentColor\"\n            stroke=\"currentColor\"\n            strokeWidth=\"1.5\"\n          >\n            {marker}\n          </g>\n        )}\n      </g>\n    </svg>\n  );\n}\n\nfunction LineEndingSelect({\n  side,\n  value,\n  options,\n  onChange,\n}: {\n  side: 'start' | 'end';\n  value: LineEnding;\n  options: readonly AnnotationOption[];\n  onChange: (ending: LineEnding) => void;\n}) {\n  const label = useLabel();\n  return (\n    <DropdownShell trigger={<LineEndingPreview name={value} side={side} />}>\n      {(close) =>\n        options.map((option) => (\n          <OptionRow\n            key={option.value}\n            selected={value === option.value}\n            title={label(option)}\n            onClick={() => {\n              onChange(option.value as LineEnding);\n              close();\n            }}\n          >\n            <LineEndingPreview name={option.value as LineEnding} side={side} />\n          </OptionRow>\n        ))\n      }\n    </DropdownShell>\n  );\n}\n\n// ── font family picker ───────────────────────────────────────────────────────\nfunction FontFamilySelect({\n  value,\n  standard,\n  onChange,\n}: {\n  value: string;\n  /** The schema's standard fonts, with their labels. */\n  standard: readonly AnnotationOption[];\n  onChange: (family: string) => void;\n}) {\n  const label = useLabel();\n  // The standard faces the viewer offers plus the configured fonts that are\n  // registered and mounted (`engine.fonts`) — a registered key is a\n  // `fontFamily` value like any standard name, labelled by the app.\n  const configured = useAnnotationFonts();\n  const options = [\n    ...standard\n      .filter((option) => OFFERED_FONTS.includes(option.value))\n      .map((option) => ({ value: option.value, label: label(option) })),\n    ...configured.map((font) => ({ value: font.key, label: font.label })),\n  ];\n  // A font the document uses that the picker doesn't offer still shows by its name.\n  const named = optionOf(standard, value);\n  const current =\n    options.find((option) => option.value === value)?.label ?? (named ? label(named) : value);\n  return (\n    <DropdownShell trigger={<span className=\"text-fg text-sm\">{current}</span>}>\n      {(close) =>\n        options.map((option) => (\n          <OptionRow\n            key={option.value}\n            selected={option.value === value}\n            onClick={() => {\n              onChange(option.value);\n              close();\n            }}\n          >\n            {option.label}\n          </OptionRow>\n        ))\n      }\n    </DropdownShell>\n  );\n}\n\n// ── font-size combo (number input + preset dropdown) ─────────────────────────\nfunction FontSizeCombo({ value, onChange }: { value: number; onChange: (size: number) => void }) {\n  const [open, setOpen] = useState(false);\n  const rootRef = useOutsideClose(open, () => setOpen(false));\n  // Typed text is a draft until Enter or blur (Escape discards): committing\n  // per keystroke would apply \"2\" on the way to \"24\" — to the selected text\n  // while editing. Presets commit at once.\n  const [draft, setDraft] = useState<string | null>(null);\n  const commit = () => {\n    if (draft === null) return;\n    const size = parseInt(draft, 10);\n    setDraft(null);\n    if (Number.isFinite(size) && size > 0 && size !== value) onChange(size);\n  };\n  return (\n    <div ref={rootRef} className=\"relative w-full\">\n      <input\n        type=\"number\"\n        min={1}\n        value={draft ?? value}\n        onChange={(event) => setDraft(event.target.value)}\n        onBlur={commit}\n        onKeyDown={(event) => {\n          if (event.key === 'Enter') {\n            event.preventDefault();\n            commit();\n            setOpen(false);\n          } else if (event.key === 'Escape') {\n            setDraft(null);\n            setOpen(false);\n          }\n        }}\n        onClick={() => setOpen(true)}\n        className=\"border-border bg-surface text-fg w-full rounded border px-2 py-1.5 pe-7 text-sm\"\n      />\n      <button\n        type=\"button\"\n        tabIndex={-1}\n        onClick={() => setOpen((previous) => !previous)}\n        className=\"absolute inset-y-0 end-1 flex items-center\"\n      >\n        <Icon name=\"chevronDown\" size={16} className=\"text-fg-secondary\" />\n      </button>\n      {open && (\n        <div className=\"border-border bg-elevated absolute z-10 mt-1 max-h-48 w-full overflow-y-auto rounded border p-1 shadow-lg\">\n          {FONT_SIZES.map((sz) => (\n            <OptionRow\n              key={sz}\n              selected={sz === value}\n              onClick={() => {\n                setDraft(null);\n                onChange(sz);\n                setOpen(false);\n              }}\n            >\n              {sz}\n            </OptionRow>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction BlendModeSelect({\n  value,\n  options,\n  name,\n  onChange,\n}: {\n  value: BlendMode;\n  options: readonly AnnotationOption[];\n  /** The field's label, the select's accessible name. */\n  name: string;\n  onChange: (mode: BlendMode) => void;\n}) {\n  const label = useLabel();\n  return (\n    <select\n      value={value}\n      aria-label={name}\n      onChange={(event) => onChange(event.target.value as BlendMode)}\n      className=\"border-border bg-surface text-fg w-full rounded border px-3 py-1.5 text-sm\"\n    >\n      {options.map((mode) => (\n        <option key={mode.value} value={mode.value}>\n          {label(mode)}\n        </option>\n      ))}\n    </select>\n  );\n}\n\n// ── align toggle ─────────────────────────────────────────────────────────────\nfunction Toggle({\n  active,\n  title,\n  onClick,\n  keepFocus,\n  children,\n}: {\n  active: boolean;\n  title: string;\n  onClick: () => void;\n  /** Don't take focus on press — a text editor's selection survives the click. */\n  keepFocus?: boolean;\n  children: ReactNode;\n}) {\n  return (\n    <button\n      type=\"button\"\n      title={title}\n      onClick={onClick}\n      onMouseDown={keepFocus ? (event) => event.preventDefault() : undefined}\n      className={`flex h-9 w-9 items-center justify-center rounded border transition-colors ${\n        active\n          ? 'border-accent bg-accent text-on-accent'\n          : 'border-border bg-surface text-fg hover:bg-hover'\n      }`}\n    >\n      {children}\n    </button>\n  );\n}\n\n// ── rich-text formatting: bold / italic / underline in one row ──────────────\ntype FormatSpec = Extract<AnnotationProperty, { key: 'bold' | 'italic' | 'underline' }>;\ntype Format = FormatSpec['key'];\nconst isFormatSpec = (spec: AnnotationProperty): spec is FormatSpec =>\n  spec.key === 'bold' || spec.key === 'italic' || spec.key === 'underline';\n\n/**\n * The format toggles a free-text kind declares, in one row. While the text\n * editor holds a range they read and write that range's runs (the plugin\n * routes `toggleTextFormat`); otherwise the annotation's body. The buttons\n * keep focus in the editor so the range survives the click.\n */\nfunction FormatToggles({\n  specs,\n  values,\n  mixed,\n  onToggle,\n}: {\n  specs: FormatSpec[];\n  values: FieldValues;\n  mixed: readonly string[];\n  onToggle: (format: Format, on: boolean) => void;\n}) {\n  const t = useT();\n  const label = useLabel();\n  return (\n    <Field label={t('demo.formatLabel')} mixed={specs.some((spec) => mixed.includes(spec.key))}>\n      <div className=\"flex gap-2\">\n        {specs.map((spec) => {\n          const active = values[spec.key] === true && !mixed.includes(spec.key);\n          return (\n            <Toggle\n              key={spec.key}\n              title={label(spec)}\n              active={active}\n              keepFocus\n              onClick={() => onToggle(spec.key, !active)}\n            >\n              <Icon name={spec.key} size={18} />\n            </Toggle>\n          );\n        })}\n      </div>\n    </Field>\n  );\n}\n\n// ── one control per property: the entire surface an app customizes ──────────\nfunction FieldControl({\n  spec,\n  values,\n  mixed,\n  onChange,\n  onChangeEach,\n}: {\n  spec: AnnotationProperty;\n  values: FieldValues;\n  mixed: boolean;\n  onChange: (patch: FieldValues) => void;\n  /** Patch each target relative to itself: one side of its line endings. */\n  onChangeEach: (patchOf: (current: FieldValues) => FieldValues) => void;\n}) {\n  const t = useT();\n  const label = useLabel();\n  const value = values[spec.key];\n  switch (spec.key) {\n    case 'color':\n    case 'fontColor':\n      return (\n        <Field label={label(spec)} mixed={mixed}>\n          <SwatchGrid\n            value={value as string}\n            onSelect={(color) => onChange({ [spec.key]: color })}\n          />\n        </Field>\n      );\n    case 'interiorColor':\n      return (\n        <Field label={label(spec)} mixed={mixed}>\n          <SwatchGrid\n            value={value as string | null}\n            allowTransparent\n            onSelect={(color) =>\n              onChange({ interiorColor: color === 'transparent' ? null : color })\n            }\n          />\n        </Field>\n      );\n    case 'opacity': {\n      const opacity = (value as number) ?? 1;\n      return (\n        <Field label={label(spec)} mixed={mixed}>\n          <RangeSlider\n            value={opacity}\n            min={spec.min}\n            max={spec.max}\n            step={spec.step}\n            onChange={(next) => onChange({ opacity: next })}\n          />\n          <span className=\"text-fg-muted text-xs\">{Math.round(opacity * 100)}%</span>\n        </Field>\n      );\n    }\n    case 'strokeWidth': {\n      const strokeWidth = (value as number) ?? spec.min;\n      return (\n        <Field label={label(spec)} mixed={mixed}>\n          <RangeSlider\n            value={strokeWidth}\n            min={spec.min}\n            max={spec.max}\n            step={spec.step}\n            onChange={(next) => onChange({ strokeWidth: next })}\n          />\n          <span className=\"text-fg-muted text-xs\">{`${strokeWidth}px`}</span>\n        </Field>\n      );\n    }\n    case 'fontSize':\n      return (\n        <Field label={label(spec)} mixed={mixed}>\n          <FontSizeCombo\n            value={(value as number) ?? 12}\n            onChange={(next) => onChange({ fontSize: next })}\n          />\n        </Field>\n      );\n    case 'borderStyle':\n      return (\n        <Field label={label(spec)} mixed={mixed}>\n          <BorderSelect\n            value={borderOf(values)}\n            styles={spec.options}\n            onChange={(border) => onChange(borderFields(border))}\n          />\n        </Field>\n      );\n    case 'lineEndings': {\n      const le = (value as LineEndings) ?? { start: 'none', end: 'none' };\n      return (\n        <Field label={label(spec)} mixed={mixed}>\n          <div className=\"grid grid-cols-2 gap-3\">\n            <div>\n              <div className=\"text-fg-muted mb-1.5 text-xs\">{t('stylePanel.lineStart')}</div>\n              <LineEndingSelect\n                side=\"start\"\n                value={le.start}\n                options={spec.options}\n                onChange={(ending) =>\n                  onChangeEach((current) => ({\n                    lineEndings: { ...(current.lineEndings as LineEndings), start: ending },\n                  }))\n                }\n              />\n            </div>\n            <div>\n              <div className=\"text-fg-muted mb-1.5 text-xs\">{t('stylePanel.lineEnd')}</div>\n              <LineEndingSelect\n                side=\"end\"\n                value={le.end}\n                options={spec.options}\n                onChange={(ending) =>\n                  onChangeEach((current) => ({\n                    lineEndings: { ...(current.lineEndings as LineEndings), end: ending },\n                  }))\n                }\n              />\n            </div>\n          </div>\n        </Field>\n      );\n    }\n    case 'fontFamily':\n      return (\n        <Field label={label(spec)} mixed={mixed}>\n          <FontFamilySelect\n            value={(value as string) ?? 'helvetica'}\n            standard={spec.options}\n            onChange={(family) => onChange({ fontFamily: family })}\n          />\n        </Field>\n      );\n    case 'textAlign': {\n      const alignIcon: Record<TextAlign, string> = {\n        left: 'alignLeft',\n        center: 'alignCenter',\n        right: 'alignRight',\n      };\n      return (\n        <Field label={label(spec)} mixed={mixed}>\n          <div className=\"flex gap-2\">\n            {spec.options.map((option) => {\n              const al = option.value as TextAlign;\n              return (\n                <Toggle\n                  key={al}\n                  title={label(option)}\n                  active={value === al}\n                  onClick={() => onChange({ textAlign: al })}\n                >\n                  <Icon name={alignIcon[al]} size={18} />\n                </Toggle>\n              );\n            })}\n          </div>\n        </Field>\n      );\n    }\n    // The rich-text format toggles render as one row (see `FormatToggles`);\n    // each spec is still declared by the kind, so a kind without rich text\n    // never shows them.\n    case 'bold':\n    case 'italic':\n    case 'underline':\n      return null;\n    case 'blendMode':\n      return (\n        <Field label={label(spec)} mixed={mixed}>\n          <BlendModeSelect\n            value={(value as BlendMode) ?? 'normal'}\n            options={spec.options}\n            name={label(spec)}\n            onChange={(blendMode) => onChange({ blendMode })}\n          />\n        </Field>\n      );\n    // `link` deliberately renders nothing here: a link is a verb on the\n    // selection, edited in the anchored popover (see ui/link-editor.tsx) —\n    // never a style-panel section.\n    case 'link':\n      return null;\n    default:\n      return null;\n  }\n}\n\n// ── the panel ────────────────────────────────────────────────────────────────\nfunction EmptyState() {\n  const t = useT();\n  return (\n    <div className=\"text-fg-muted flex flex-1 flex-col items-center justify-center gap-3 p-8 text-center\">\n      <Icon name=\"palette\" size={40} className=\"text-fg-disabled\" />\n      <p className=\"max-w-[180px] text-sm\">{t('stylePanel.empty')}</p>\n    </div>\n  );\n}\n\n/** The rich body a format on or off is, merged over a tool's current one. */\nconst FORMAT_BODY: Record<Format, (on: boolean) => Record<string, unknown>> = {\n  bold: (on) => ({ weight: on ? 700 : 400 }),\n  italic: (on) => ({ italic: on }),\n  underline: (on) => ({ decoration: on ? ['underline'] : [] }),\n};\n\n/**\n * The schema-driven style panel. Rendered inside the right sidebar's\n * `annotation-style` surface (see ui/panels.tsx). Owns its own scroll.\n */\nexport function AnnotationStylePanel() {\n  const t = useT();\n  const annotation = useAnnotation();\n  const commands = useCommands();\n  const documentId = useDocumentId() ?? undefined;\n  // Without a document there is no active tool; the pointer's defaults are empty.\n  const activeToolId = useInteractionState((state) => state.activeToolId) ?? 'pointer';\n  const selection = useAnnotationProperties();\n  const tool = useAnnotationProperties(activeToolId);\n  const toolDefaults = useAnnotationDefaults(activeToolId);\n  const selected = useAnnotationState((state) => state.selected);\n  // The tool by its button's name: the defaults are that tool's.\n  const toolLabel = useKernelValue(\n    () => commands.resolveCommand(`tool:${activeToolId}`, documentId)?.label ?? null,\n    Object.is,\n  );\n\n  const hasSel = selection.properties.length > 0;\n  const { properties, values, mixed } = hasSel ? selection : tool;\n  // The flags have their own section below, and a redaction's label its own.\n  const fields = properties.filter(\n    (property) => property.control !== 'flag' && property.control !== 'text',\n  );\n  const write = (patch: FieldValues) =>\n    hasSel\n      ? annotation.selection.update(patch as AnnotationPatch)\n      : annotation.tools.updateDefaults(activeToolId, patch);\n  const writeEach = (patchOf: (current: FieldValues) => FieldValues) =>\n    hasSel\n      ? annotation.selection.update(\n          (member) => patchOf(member as unknown as FieldValues) as AnnotationPatch,\n        )\n      : annotation.tools.updateDefaults(activeToolId, patchOf(toolDefaults));\n  const toggleFormat = (format: Format, on: boolean) => {\n    if (hasSel) return void annotation.text.toggleFormat(format);\n    const body = (toolDefaults.richText as { body?: Record<string, unknown> } | undefined)?.body;\n    annotation.tools.updateDefaults(activeToolId, {\n      richText: { body: { ...body, ...FORMAT_BODY[format](on) } },\n    });\n  };\n\n  // A selection with no editable fields (e.g. a stamp, or a locked annotation —\n  // its style is frozen) still shows its flags: that's how you unlock it.\n  if (fields.length === 0 && selected.length === 0) return <EmptyState />;\n\n  const context = hasSel\n    ? t('stylePanel.selected', { params: { count: selected.length } })\n    : toolLabel === null\n      ? t('stylePanel.defaults')\n      : t('stylePanel.toolDefaults', { params: { tool: toolLabel } });\n\n  return (\n    <div className=\"flex-1 overflow-y-auto p-4\">\n      <p className=\"text-fg-muted mb-4 text-[11px] font-semibold uppercase tracking-wide\">\n        {context}\n      </p>\n      {fields.map((spec) =>\n        spec.key === 'bold' ? (\n          <FormatToggles\n            key=\"format\"\n            specs={fields.filter((spec): spec is FormatSpec => isFormatSpec(spec))}\n            values={values}\n            mixed={mixed}\n            onToggle={toggleFormat}\n          />\n        ) : (\n          <FieldControl\n            key={spec.key}\n            spec={spec}\n            values={values}\n            mixed={mixed.includes(spec.key)}\n            onChange={write}\n            onChangeEach={writeEach}\n          />\n        ),\n      )}\n      {/* Redaction label (`/OverlayText` + `/Repeat`) — kind content, not a\n          style field, so it writes through the redaction plugin's updateLabel. */}\n      <RedactionLabelSection />\n      {/* `/F` flags for whatever is selected — the live flags test surface. */}\n      <AnnotationFlagsSection />\n    </div>\n  );\n}\n\n/**\n * Label editor shown when exactly one redaction mark is selected. The text is\n * what the destructive apply paints over the region (white-on-black by the\n * tool defaults); `repeat` tiles it. Writes ride the annotation update verb\n * via the redaction plugin, which preserves the label's `/DA` styling.\n */\nfunction RedactionLabelSection() {\n  const t = useT();\n  const redaction = useOptionalCapability(RedactionToken);\n  const selected = useAnnotationState((state) => state.selected);\n  const mark = selected.length === 1 && selected[0]!.subtype === 'redact' ? selected[0]! : null;\n  const [draft, setDraft] = useState<string | null>(null);\n  useEffect(() => setDraft(null), [mark?.ref && annotationKey(mark.ref)]);\n  if (!redaction || !mark || mark.subtype !== 'redact') return null;\n\n  const value = draft ?? mark.overlayText ?? '';\n  const commit = () => {\n    if (draft === null) return;\n    void redaction.updateLabel(mark.ref, { overlayText: draft.length > 0 ? draft : null });\n    setDraft(null);\n  };\n\n  return (\n    <div className=\"border-border-subtle mt-4 border-t pt-4\">\n      <p className=\"text-fg-muted mb-2 text-[11px] font-semibold uppercase tracking-wide\">\n        {t('demo.redactLabelTitle')}\n      </p>\n      <input\n        type=\"text\"\n        value={value}\n        placeholder={t('demo.redactLabelPlaceholder')}\n        onChange={(event) => setDraft(event.target.value)}\n        onBlur={commit}\n        onKeyDown={(event) => event.key === 'Enter' && commit()}\n        className=\"border-border bg-surface text-fg w-full rounded-md border px-2 py-1.5 text-sm\"\n      />\n      <label className=\"text-fg mt-2 flex items-center gap-2 text-sm\">\n        <input\n          type=\"checkbox\"\n          checked={mark.repeat}\n          onChange={(event) =>\n            void redaction.updateLabel(mark.ref, { repeat: event.target.checked })\n          }\n        />\n        {t('demo.redactLabelRepeat')}\n      </label>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"annotation-style-B3XKAyZ-.cjs","names":["useLabel","Icon","useLabel","useAnnotationFonts","RedactionToken"],"sources":["../src/ui/annotation-flags.tsx","../src/ui/annotation-style.tsx"],"sourcesContent":["/**\n * The annotation flags section: a live test surface for `/F` (ISO 32000\n * Table 167). Select any annotation(s) and toggle flags. Flags are\n * properties like any other: the reads come from `useAnnotationProperties()`\n * (a flag the selection disagrees on is `mixed`, an indeterminate checkbox),\n * each named as the schema names it, and the writes go through\n * `selection.update({ locked: true })`. The hint under each is the viewer's.\n *\n * Things to try:\n *   - `locked`: the selection keeps its outline but loses handles/knob; move,\n *     restyle and delete are refused; unchecking it here still works.\n *   - `hidden` / `noView`: the annotation disappears (it stays selected, so\n *     this panel can bring it back).\n *   - `readOnly`: visible but no longer clickable — deselect and try.\n *   - `noZoom` / `noRotate`: zoom or rotate the page; the body keeps its\n *     screen size / stays upright, anchored at its top-left corner.\n *   - `print`: flip it off and print/flatten elsewhere — the annotation is\n *     excluded (viewer rendering is unaffected).\n */\nimport {\n  useAnnotation,\n  useAnnotationProperties,\n  type AnnotationFlags,\n} from '@embedpdf/react/annotation';\nimport { useT } from '@embedpdf/react/i18n';\nimport { useEffect, useRef } from 'react';\n\nimport { useLabel } from './labels';\n\n/** What each flag does, in a few words under its name: the hint's key. */\nconst FLAG_HINTS: Readonly<Record<keyof AnnotationFlags, string>> = {\n  print: 'annotationFlags.print',\n  hidden: 'annotationFlags.hidden',\n  noView: 'annotationFlags.noView',\n  toggleNoView: 'annotationFlags.toggleNoView',\n  readOnly: 'annotationFlags.readOnly',\n  locked: 'annotationFlags.locked',\n  lockedContents: 'annotationFlags.lockedContents',\n  noZoom: 'annotationFlags.noZoom',\n  noRotate: 'annotationFlags.noRotate',\n  invisible: 'annotationFlags.invisible',\n};\n\nfunction FlagRow({\n  label,\n  hint,\n  value,\n  onToggle,\n}: {\n  label: string;\n  hint: string;\n  value: boolean | null;\n  onToggle: (next: boolean) => void;\n}) {\n  const ref = useRef<HTMLInputElement>(null);\n  // `null` = the selected annotations disagree → the native indeterminate state.\n  useEffect(() => {\n    if (ref.current) ref.current.indeterminate = value === null;\n  }, [value]);\n  return (\n    <label className=\"hover:bg-hover flex cursor-pointer items-start gap-2.5 rounded px-1.5 py-1.5\">\n      <input\n        ref={ref}\n        type=\"checkbox\"\n        className=\"accent-accent mt-0.5\"\n        checked={value === true}\n        onChange={() => onToggle(value !== true)}\n      />\n      <span className=\"min-w-0\">\n        <span className=\"text-fg block text-sm leading-tight\">{label}</span>\n        <span className=\"text-fg-muted block text-xs leading-tight\">{hint}</span>\n      </span>\n    </label>\n  );\n}\n\n/** The `/F` flags of the current selection, live-editable. Renders nothing\n *  when nothing is selected (the style panel shows its tool defaults then). */\nexport function AnnotationFlagsSection() {\n  const t = useT();\n  const label = useLabel();\n  const annotation = useAnnotation();\n  const { properties, values, mixed } = useAnnotationProperties();\n  const flags = properties.filter((property) => property.control === 'flag');\n  if (!flags.length) return null;\n  const valueOf = (key: keyof AnnotationFlags): boolean | null =>\n    mixed.includes(key) ? null : values[key] === true;\n  return (\n    <section className=\"border-border mt-2 border-t pt-4\">\n      <p className=\"text-fg-muted mb-2 text-[11px] font-semibold uppercase tracking-wide\">\n        {t('annotationFlags.title')}\n      </p>\n      <div className=\"flex flex-col\">\n        {flags.map((flag) => (\n          <FlagRow\n            key={flag.key}\n            label={label(flag)}\n            hint={t(FLAG_HINTS[flag.key])}\n            value={valueOf(flag.key)}\n            onToggle={(next) => void annotation.selection.update({ [flag.key]: next })}\n          />\n        ))}\n      </div>\n    </section>\n  );\n}\n","/**\n * The annotation style panel. The plugin owns the schema and the state; this\n * file owns only how each property renders and the engine fields it writes\n * back. There is no per-subtype branching here: a new annotation kind that\n * declares its properties in the kind table gets a working style panel for free.\n *\n * Data flow (mirrors examples/react's AnnotationSidebar):\n *   selection present → useAnnotationProperties(), write selection.update()\n *   nothing selected  → useAnnotationProperties(tool), write tools.updateDefaults(tool, …)\n *\n * The look: a six-column swatch grid, range slider, SVG stroke / line-ending\n * dropdowns, font-size combo and align toggles, styled with this app's\n * semantic tokens (bg-surface / text-fg / border-border …).\n */\nimport { useEffect, useRef, useState } from 'react';\nimport { annotationKey } from '@embedpdf/react/annotation';\nimport type { ReactNode } from 'react';\nimport {\n  useAnnotation,\n  useAnnotationDefaults,\n  useAnnotationProperties,\n  useAnnotationState,\n  type AnnotationOption,\n  type AnnotationPatch,\n  type AnnotationProperty,\n  type BlendMode,\n  type FieldValues,\n  type LineEnding,\n  type LineEndings,\n  type TextAlign,\n} from '@embedpdf/react/annotation';\nimport { useCommands } from '@embedpdf/react/commands';\nimport { useInteractionState } from '@embedpdf/react/interaction';\nimport { useDocumentId, useKernelValue, useOptionalCapability } from '@embedpdf/react/runtime';\nimport { RedactionToken } from '@embedpdf/react/redaction';\nimport { useT } from '@embedpdf/react/i18n';\nimport { observeOutsidePress } from '@embedpdf/web';\nimport { Icon } from './icons';\nimport { useAnnotationFonts } from './annotation-fonts';\nimport { AnnotationFlagsSection } from './annotation-flags';\nimport { useLabel } from './labels';\n\n// ── app-level vocabulary (a viewer's decision) ────────────────────────────────\n// The schema says which controls to show, with each one's label and its\n// options' labels; these lists say what the viewer offers inside a color /\n// font / stroke picker.\nconst PRESET_COLORS = [\n  '#000000',\n  '#5f6368',\n  '#e44234',\n  '#ff8b00',\n  '#ffd500',\n  '#00cc66',\n  '#00b8d9',\n  '#4a90e2',\n  '#9b51e0',\n  '#f272c8',\n  '#a0522d',\n  '#ffffff',\n];\n\n/** The standard fonts the picker offers, of the schema's; the registered fonts follow them. */\nconst OFFERED_FONTS: readonly string[] = ['helvetica', 'helvetica-bold', 'times-roman', 'courier'];\n\nconst FONT_SIZES = [8, 9, 10, 11, 12, 14, 16, 18, 24, 36, 48, 72];\n\n/** A border as the picker draws it; the engine keeps it as three fields. */\ntype Border =\n  | { kind: 'solid' }\n  | { kind: 'dashed'; dash: number[] }\n  | { kind: 'cloudy'; intensity: number };\n\n/** The borders the picker offers: the schema's styles, a dash or a cloud in a few sizes. */\nconst BORDER_OPTS: { key: string; make: () => Border }[] = [\n  { key: 'solid', make: () => ({ kind: 'solid' }) },\n  { key: 'dashed-6-2', make: () => ({ kind: 'dashed', dash: [6, 2] }) },\n  { key: 'dashed-3-3', make: () => ({ kind: 'dashed', dash: [3, 3] }) },\n  { key: 'dashed-1-2', make: () => ({ kind: 'dashed', dash: [1, 2] }) },\n  { key: 'cloudy-1', make: () => ({ kind: 'cloudy', intensity: 1 }) },\n  { key: 'cloudy-2', make: () => ({ kind: 'cloudy', intensity: 2 }) },\n];\nconst borderKey = (border: Border): string =>\n  border.kind === 'cloudy'\n    ? `cloudy-${border.intensity >= 2 ? 2 : 1}`\n    : border.kind === 'dashed'\n      ? `dashed-${border.dash.join('-')}`\n      : 'solid';\n\n/** The border the three engine fields describe: a cloud wins over the style under it. */\nconst borderOf = (values: FieldValues): Border => {\n  const intensity = values.cloudyIntensity as number | null | undefined;\n  if (intensity) return { kind: 'cloudy', intensity };\n  const dash = values.dashArray as number[] | null | undefined;\n  return values.borderStyle === 'dashed'\n    ? { kind: 'dashed', dash: dash?.length ? dash : [3, 3] }\n    : { kind: 'solid' };\n};\n\n/** The engine fields that state a border, every one of them (a patch replaces each whole). */\nconst borderFields = (border: Border): FieldValues => ({\n  borderStyle: border.kind === 'dashed' ? 'dashed' : 'solid',\n  dashArray: border.kind === 'dashed' ? border.dash : null,\n  cloudyIntensity: border.kind === 'cloudy' ? border.intensity : null,\n});\n\n/** The option of a choice with this value, for its label. */\nconst optionOf = (options: readonly AnnotationOption[], value: string) =>\n  options.find((option) => option.value === value);\n\n// ── layout primitives ────────────────────────────────────────────────────────\nfunction Field({\n  label,\n  mixed,\n  children,\n}: {\n  label: string;\n  mixed?: boolean;\n  children: ReactNode;\n}) {\n  const t = useT();\n  return (\n    <section className=\"mb-5\">\n      <label className=\"text-fg mb-2 block text-sm font-medium\">\n        {label}\n        {mixed && (\n          <span className=\"text-fg-muted ms-1.5 text-xs font-normal\">{t('stylePanel.mixed')}</span>\n        )}\n      </label>\n      {children}\n    </section>\n  );\n}\n\n// ── color swatch grid ────────────────────────────────────────────────────────\nconst isTransparent = (color: string | null) =>\n  color == null ||\n  color === 'transparent' ||\n  (/^#([0-9a-f]{8})$/i.test(color) && color.slice(-2).toLowerCase() === '00');\n\nfunction Swatch({\n  color,\n  active,\n  onSelect,\n}: {\n  color: string;\n  active: boolean;\n  onSelect: (color: string) => void;\n}) {\n  const t = useT();\n  const style = isTransparent(color)\n    ? {\n        backgroundColor: '#fff',\n        backgroundImage:\n          'linear-gradient(45deg, transparent 40%, #ef4444 40%, #ef4444 60%, transparent 60%)',\n        backgroundSize: '100% 100%',\n      }\n    : { backgroundColor: color };\n  return (\n    <button\n      type=\"button\"\n      title={isTransparent(color) ? t('stylePanel.transparent') : color}\n      onClick={() => onSelect(color)}\n      className={`border-border-strong h-5 w-5 rounded-full border ${active ? 'outline-accent outline outline-2 outline-offset-2' : ''}`}\n      style={style}\n    />\n  );\n}\n\nfunction SwatchGrid({\n  value,\n  onSelect,\n  allowTransparent,\n}: {\n  value: string | null | undefined;\n  onSelect: (color: string) => void;\n  allowTransparent?: boolean;\n}) {\n  const active = (color: string) => color.toLowerCase() === (value ?? '').toLowerCase();\n  return (\n    <div className=\"grid grid-cols-6 gap-x-1 gap-y-3\">\n      {PRESET_COLORS.map((color) => (\n        <Swatch key={color} color={color} active={active(color)} onSelect={onSelect} />\n      ))}\n      {allowTransparent && (\n        <Swatch color=\"transparent\" active={isTransparent(value ?? null)} onSelect={onSelect} />\n      )}\n    </div>\n  );\n}\n\n// ── range slider ─────────────────────────────────────────────────────────────\nfunction RangeSlider({\n  value,\n  min,\n  max,\n  step,\n  onChange,\n}: {\n  value: number;\n  min: number;\n  max: number;\n  step: number;\n  onChange: (value: number) => void;\n}) {\n  return (\n    <input\n      type=\"range\"\n      className=\"accent-accent mb-1.5 h-1 w-full cursor-pointer\"\n      value={value}\n      min={min}\n      max={max}\n      step={step}\n      onChange={(event) => onChange(parseFloat(event.target.value))}\n    />\n  );\n}\n\n// ── dropdown shell (open state, outside-click, trigger + panel) ───────────────\n/** Close an open dropdown on a press outside it; the root holds its trigger too. */\nfunction useOutsideClose(open: boolean, close: () => void) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    const root = rootRef.current;\n    return open && root ? observeOutsidePress(root, close) : undefined;\n  }, [open, close]);\n  return rootRef;\n}\n\nfunction DropdownShell({\n  trigger,\n  children,\n}: {\n  trigger: ReactNode;\n  children: (close: () => void) => ReactNode;\n}) {\n  const [open, setOpen] = useState(false);\n  const rootRef = useOutsideClose(open, () => setOpen(false));\n  return (\n    <div ref={rootRef} className=\"relative w-full\">\n      <button\n        type=\"button\"\n        onClick={() => setOpen((previous) => !previous)}\n        className=\"border-border bg-surface text-fg flex w-full items-center justify-between gap-2 rounded border px-3 py-1.5\"\n      >\n        {trigger}\n        <Icon name=\"chevronDown\" size={16} className=\"text-fg-secondary shrink-0\" />\n      </button>\n      {open && (\n        <div className=\"border-border bg-elevated absolute z-10 mt-1 max-h-60 w-full overflow-y-auto rounded border p-1 shadow-lg\">\n          {children(() => setOpen(false))}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction OptionRow({\n  selected,\n  title,\n  onClick,\n  children,\n}: {\n  selected: boolean;\n  /** The option's name, for an option drawn as a picture. */\n  title?: string;\n  onClick: () => void;\n  children: ReactNode;\n}) {\n  return (\n    <button\n      type=\"button\"\n      title={title}\n      aria-label={title}\n      onClick={onClick}\n      className={`hover:bg-hover flex w-full items-center rounded px-2 py-1.5 text-start text-sm ${selected ? 'bg-selected text-accent' : 'text-fg'}`}\n    >\n      {children}\n    </button>\n  );\n}\n\n// ── stroke / border preview + picker ─────────────────────────────────────────\nfunction borderSvg(border: Border): ReactNode {\n  if (border.kind === 'cloudy') {\n    const radius = border.intensity >= 2 ? 5 : 3;\n    const bumps = Math.ceil(80 / (radius * 2));\n    const step = 80 / bumps;\n    const baseline = radius + 1;\n    const viewH = radius * 2 + 2;\n    const parts = [`M 0 ${baseline}`];\n    for (let i = 0; i < bumps; i++)\n      parts.push(`A ${radius} ${radius} 0 0 1 ${step * (i + 1)} ${baseline}`);\n    return (\n      <svg width=\"80\" height={viewH} viewBox={`0 0 80 ${viewH}`}>\n        <path\n          d={parts.join(' ')}\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth=\"1.5\"\n          strokeLinejoin=\"round\"\n          strokeLinecap=\"round\"\n        />\n      </svg>\n    );\n  }\n  const dash = border.kind === 'dashed' ? border.dash.join(' ') : undefined;\n  return (\n    <svg width=\"80\" height=\"8\" viewBox=\"0 0 80 8\">\n      <line\n        x1=\"0\"\n        y1=\"4\"\n        x2=\"80\"\n        y2=\"4\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeDasharray={dash}\n      />\n    </svg>\n  );\n}\n\nfunction BorderSelect({\n  value,\n  styles,\n  onChange,\n}: {\n  value: Border;\n  /** The border styles the kind takes, with their labels. */\n  styles: readonly AnnotationOption[];\n  onChange: (border: Border) => void;\n}) {\n  const label = useLabel();\n  const options = BORDER_OPTS.filter((option) => optionOf(styles, option.make().kind));\n  return (\n    <DropdownShell trigger={<span className=\"text-fg-secondary\">{borderSvg(value)}</span>}>\n      {(close) =>\n        options.map((option) => {\n          const border = option.make();\n          return (\n            <OptionRow\n              key={option.key}\n              selected={borderKey(value) === option.key}\n              title={label(optionOf(styles, border.kind)!)}\n              onClick={() => {\n                onChange(border);\n                close();\n              }}\n            >\n              <span className=\"text-fg-secondary\">{borderSvg(border)}</span>\n            </OptionRow>\n          );\n        })\n      }\n    </DropdownShell>\n  );\n}\n\n// ── line-ending preview + picker ─────────────────────────────────────────────\nconst LE_MARKERS: Partial<Record<LineEnding, ReactNode>> = {\n  square: <path d=\"M68 -4 L76 -4 L76 4 L68 4 Z\" />,\n  circle: <circle cx=\"72\" cy=\"0\" r=\"4\" />,\n  diamond: <path d=\"M72 -5 L77 0 L72 5 L67 0 Z\" />,\n  'open-arrow': <path d=\"M67 -5 L77 0 L67 5\" fill=\"none\" />,\n  'closed-arrow': <path d=\"M67 -5 L77 0 L67 5 Z\" />,\n  'r-open-arrow': <path d=\"M77 -5 L67 0 L77 5\" fill=\"none\" />,\n  'r-closed-arrow': <path d=\"M77 -5 L67 0 L77 5 Z\" />,\n  butt: <path d=\"M72 -5 L72 5\" fill=\"none\" />,\n  slash: <path d=\"M67 -5 L77 5\" fill=\"none\" />,\n};\nconst LE_LINE_END: Partial<Record<LineEnding, number>> = {\n  square: 68,\n  circle: 68,\n  diamond: 67,\n  'open-arrow': 76,\n  'closed-arrow': 67,\n  'r-open-arrow': 67,\n  'r-closed-arrow': 67,\n  butt: 72,\n  slash: 72,\n};\n\nfunction LineEndingPreview({ name, side }: { name: LineEnding; side: 'start' | 'end' }) {\n  const marker = LE_MARKERS[name];\n  const lineEndX = LE_LINE_END[name] ?? 77;\n  const transform = side === 'start' ? 'rotate(180 40 10)' : undefined;\n  return (\n    <svg width=\"80\" height=\"20\" viewBox=\"0 0 80 20\" className=\"text-fg\">\n      <g transform={transform}>\n        <line x1=\"4\" y1=\"10\" x2={lineEndX} y2=\"10\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n        {marker && (\n          <g\n            transform=\"translate(0, 10)\"\n            fill=\"currentColor\"\n            stroke=\"currentColor\"\n            strokeWidth=\"1.5\"\n          >\n            {marker}\n          </g>\n        )}\n      </g>\n    </svg>\n  );\n}\n\nfunction LineEndingSelect({\n  side,\n  value,\n  options,\n  onChange,\n}: {\n  side: 'start' | 'end';\n  value: LineEnding;\n  options: readonly AnnotationOption[];\n  onChange: (ending: LineEnding) => void;\n}) {\n  const label = useLabel();\n  return (\n    <DropdownShell trigger={<LineEndingPreview name={value} side={side} />}>\n      {(close) =>\n        options.map((option) => (\n          <OptionRow\n            key={option.value}\n            selected={value === option.value}\n            title={label(option)}\n            onClick={() => {\n              onChange(option.value as LineEnding);\n              close();\n            }}\n          >\n            <LineEndingPreview name={option.value as LineEnding} side={side} />\n          </OptionRow>\n        ))\n      }\n    </DropdownShell>\n  );\n}\n\n// ── font family picker ───────────────────────────────────────────────────────\nfunction FontFamilySelect({\n  value,\n  standard,\n  onChange,\n}: {\n  value: string;\n  /** The schema's standard fonts, with their labels. */\n  standard: readonly AnnotationOption[];\n  onChange: (family: string) => void;\n}) {\n  const label = useLabel();\n  // The standard faces the viewer offers plus the configured fonts that are\n  // registered and mounted (`engine.fonts`) — a registered key is a\n  // `fontFamily` value like any standard name, labelled by the app.\n  const configured = useAnnotationFonts();\n  const options = [\n    ...standard\n      .filter((option) => OFFERED_FONTS.includes(option.value))\n      .map((option) => ({ value: option.value, label: label(option) })),\n    ...configured.map((font) => ({ value: font.key, label: font.label })),\n  ];\n  // A font the document uses that the picker doesn't offer still shows by its name.\n  const named = optionOf(standard, value);\n  const current =\n    options.find((option) => option.value === value)?.label ?? (named ? label(named) : value);\n  return (\n    <DropdownShell trigger={<span className=\"text-fg text-sm\">{current}</span>}>\n      {(close) =>\n        options.map((option) => (\n          <OptionRow\n            key={option.value}\n            selected={option.value === value}\n            onClick={() => {\n              onChange(option.value);\n              close();\n            }}\n          >\n            {option.label}\n          </OptionRow>\n        ))\n      }\n    </DropdownShell>\n  );\n}\n\n// ── font-size combo (number input + preset dropdown) ─────────────────────────\nfunction FontSizeCombo({ value, onChange }: { value: number; onChange: (size: number) => void }) {\n  const [open, setOpen] = useState(false);\n  const rootRef = useOutsideClose(open, () => setOpen(false));\n  // Typed text is a draft until Enter or blur (Escape discards): committing\n  // per keystroke would apply \"2\" on the way to \"24\" — to the selected text\n  // while editing. Presets commit at once.\n  const [draft, setDraft] = useState<string | null>(null);\n  const commit = () => {\n    if (draft === null) return;\n    const size = parseInt(draft, 10);\n    setDraft(null);\n    if (Number.isFinite(size) && size > 0 && size !== value) onChange(size);\n  };\n  return (\n    <div ref={rootRef} className=\"relative w-full\">\n      <input\n        type=\"number\"\n        min={1}\n        value={draft ?? value}\n        onChange={(event) => setDraft(event.target.value)}\n        onBlur={commit}\n        onKeyDown={(event) => {\n          if (event.key === 'Enter') {\n            event.preventDefault();\n            commit();\n            setOpen(false);\n          } else if (event.key === 'Escape') {\n            setDraft(null);\n            setOpen(false);\n          }\n        }}\n        onClick={() => setOpen(true)}\n        className=\"border-border bg-surface text-fg w-full rounded border px-2 py-1.5 pe-7 text-sm\"\n      />\n      <button\n        type=\"button\"\n        tabIndex={-1}\n        onClick={() => setOpen((previous) => !previous)}\n        className=\"absolute inset-y-0 end-1 flex items-center\"\n      >\n        <Icon name=\"chevronDown\" size={16} className=\"text-fg-secondary\" />\n      </button>\n      {open && (\n        <div className=\"border-border bg-elevated absolute z-10 mt-1 max-h-48 w-full overflow-y-auto rounded border p-1 shadow-lg\">\n          {FONT_SIZES.map((sz) => (\n            <OptionRow\n              key={sz}\n              selected={sz === value}\n              onClick={() => {\n                setDraft(null);\n                onChange(sz);\n                setOpen(false);\n              }}\n            >\n              {sz}\n            </OptionRow>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction BlendModeSelect({\n  value,\n  options,\n  name,\n  onChange,\n}: {\n  value: BlendMode;\n  options: readonly AnnotationOption[];\n  /** The field's label, the select's accessible name. */\n  name: string;\n  onChange: (mode: BlendMode) => void;\n}) {\n  const label = useLabel();\n  return (\n    <select\n      value={value}\n      aria-label={name}\n      onChange={(event) => onChange(event.target.value as BlendMode)}\n      className=\"border-border bg-surface text-fg w-full rounded border px-3 py-1.5 text-sm\"\n    >\n      {options.map((mode) => (\n        <option key={mode.value} value={mode.value}>\n          {label(mode)}\n        </option>\n      ))}\n    </select>\n  );\n}\n\n// ── align toggle ─────────────────────────────────────────────────────────────\nfunction Toggle({\n  active,\n  title,\n  onClick,\n  keepFocus,\n  children,\n}: {\n  active: boolean;\n  title: string;\n  onClick: () => void;\n  /** Don't take focus on press — a text editor's selection survives the click. */\n  keepFocus?: boolean;\n  children: ReactNode;\n}) {\n  return (\n    <button\n      type=\"button\"\n      title={title}\n      onClick={onClick}\n      onMouseDown={keepFocus ? (event) => event.preventDefault() : undefined}\n      className={`flex h-9 w-9 items-center justify-center rounded border transition-colors ${\n        active\n          ? 'border-accent bg-accent text-on-accent'\n          : 'border-border bg-surface text-fg hover:bg-hover'\n      }`}\n    >\n      {children}\n    </button>\n  );\n}\n\n// ── rich-text formatting: bold / italic / underline in one row ──────────────\ntype FormatSpec = Extract<AnnotationProperty, { key: 'bold' | 'italic' | 'underline' }>;\ntype Format = FormatSpec['key'];\nconst isFormatSpec = (spec: AnnotationProperty): spec is FormatSpec =>\n  spec.key === 'bold' || spec.key === 'italic' || spec.key === 'underline';\n\n/**\n * The format toggles a free-text kind declares, in one row. While the text\n * editor holds a range they read and write that range's runs (the plugin\n * routes `toggleTextFormat`); otherwise the annotation's body. The buttons\n * keep focus in the editor so the range survives the click.\n */\nfunction FormatToggles({\n  specs,\n  values,\n  mixed,\n  onToggle,\n}: {\n  specs: FormatSpec[];\n  values: FieldValues;\n  mixed: readonly string[];\n  onToggle: (format: Format, on: boolean) => void;\n}) {\n  const t = useT();\n  const label = useLabel();\n  return (\n    <Field label={t('demo.formatLabel')} mixed={specs.some((spec) => mixed.includes(spec.key))}>\n      <div className=\"flex gap-2\">\n        {specs.map((spec) => {\n          const active = values[spec.key] === true && !mixed.includes(spec.key);\n          return (\n            <Toggle\n              key={spec.key}\n              title={label(spec)}\n              active={active}\n              keepFocus\n              onClick={() => onToggle(spec.key, !active)}\n            >\n              <Icon name={spec.key} size={18} />\n            </Toggle>\n          );\n        })}\n      </div>\n    </Field>\n  );\n}\n\n// ── one control per property: the entire surface an app customizes ──────────\nfunction FieldControl({\n  spec,\n  values,\n  mixed,\n  onChange,\n  onChangeEach,\n}: {\n  spec: AnnotationProperty;\n  values: FieldValues;\n  mixed: boolean;\n  onChange: (patch: FieldValues) => void;\n  /** Patch each target relative to itself: one side of its line endings. */\n  onChangeEach: (patchOf: (current: FieldValues) => FieldValues) => void;\n}) {\n  const t = useT();\n  const label = useLabel();\n  const value = values[spec.key];\n  switch (spec.key) {\n    case 'color':\n    case 'fontColor':\n      return (\n        <Field label={label(spec)} mixed={mixed}>\n          <SwatchGrid\n            value={value as string}\n            onSelect={(color) => onChange({ [spec.key]: color })}\n          />\n        </Field>\n      );\n    case 'interiorColor':\n      return (\n        <Field label={label(spec)} mixed={mixed}>\n          <SwatchGrid\n            value={value as string | null}\n            allowTransparent\n            onSelect={(color) =>\n              onChange({ interiorColor: color === 'transparent' ? null : color })\n            }\n          />\n        </Field>\n      );\n    case 'opacity': {\n      const opacity = (value as number) ?? 1;\n      return (\n        <Field label={label(spec)} mixed={mixed}>\n          <RangeSlider\n            value={opacity}\n            min={spec.min}\n            max={spec.max}\n            step={spec.step}\n            onChange={(next) => onChange({ opacity: next })}\n          />\n          <span className=\"text-fg-muted text-xs\">{Math.round(opacity * 100)}%</span>\n        </Field>\n      );\n    }\n    case 'strokeWidth': {\n      const strokeWidth = (value as number) ?? spec.min;\n      return (\n        <Field label={label(spec)} mixed={mixed}>\n          <RangeSlider\n            value={strokeWidth}\n            min={spec.min}\n            max={spec.max}\n            step={spec.step}\n            onChange={(next) => onChange({ strokeWidth: next })}\n          />\n          <span className=\"text-fg-muted text-xs\">{`${strokeWidth}px`}</span>\n        </Field>\n      );\n    }\n    case 'fontSize':\n      return (\n        <Field label={label(spec)} mixed={mixed}>\n          <FontSizeCombo\n            value={(value as number) ?? 12}\n            onChange={(next) => onChange({ fontSize: next })}\n          />\n        </Field>\n      );\n    case 'borderStyle':\n      return (\n        <Field label={label(spec)} mixed={mixed}>\n          <BorderSelect\n            value={borderOf(values)}\n            styles={spec.options}\n            onChange={(border) => onChange(borderFields(border))}\n          />\n        </Field>\n      );\n    case 'lineEndings': {\n      const le = (value as LineEndings) ?? { start: 'none', end: 'none' };\n      return (\n        <Field label={label(spec)} mixed={mixed}>\n          <div className=\"grid grid-cols-2 gap-3\">\n            <div>\n              <div className=\"text-fg-muted mb-1.5 text-xs\">{t('stylePanel.lineStart')}</div>\n              <LineEndingSelect\n                side=\"start\"\n                value={le.start}\n                options={spec.options}\n                onChange={(ending) =>\n                  onChangeEach((current) => ({\n                    lineEndings: { ...(current.lineEndings as LineEndings), start: ending },\n                  }))\n                }\n              />\n            </div>\n            <div>\n              <div className=\"text-fg-muted mb-1.5 text-xs\">{t('stylePanel.lineEnd')}</div>\n              <LineEndingSelect\n                side=\"end\"\n                value={le.end}\n                options={spec.options}\n                onChange={(ending) =>\n                  onChangeEach((current) => ({\n                    lineEndings: { ...(current.lineEndings as LineEndings), end: ending },\n                  }))\n                }\n              />\n            </div>\n          </div>\n        </Field>\n      );\n    }\n    case 'fontFamily':\n      return (\n        <Field label={label(spec)} mixed={mixed}>\n          <FontFamilySelect\n            value={(value as string) ?? 'helvetica'}\n            standard={spec.options}\n            onChange={(family) => onChange({ fontFamily: family })}\n          />\n        </Field>\n      );\n    case 'textAlign': {\n      const alignIcon: Record<TextAlign, string> = {\n        left: 'alignLeft',\n        center: 'alignCenter',\n        right: 'alignRight',\n      };\n      return (\n        <Field label={label(spec)} mixed={mixed}>\n          <div className=\"flex gap-2\">\n            {spec.options.map((option) => {\n              const al = option.value as TextAlign;\n              return (\n                <Toggle\n                  key={al}\n                  title={label(option)}\n                  active={value === al}\n                  onClick={() => onChange({ textAlign: al })}\n                >\n                  <Icon name={alignIcon[al]} size={18} />\n                </Toggle>\n              );\n            })}\n          </div>\n        </Field>\n      );\n    }\n    // The rich-text format toggles render as one row (see `FormatToggles`);\n    // each spec is still declared by the kind, so a kind without rich text\n    // never shows them.\n    case 'bold':\n    case 'italic':\n    case 'underline':\n      return null;\n    case 'blendMode':\n      return (\n        <Field label={label(spec)} mixed={mixed}>\n          <BlendModeSelect\n            value={(value as BlendMode) ?? 'normal'}\n            options={spec.options}\n            name={label(spec)}\n            onChange={(blendMode) => onChange({ blendMode })}\n          />\n        </Field>\n      );\n    // `link` deliberately renders nothing here: a link is a verb on the\n    // selection, edited in the anchored popover (see ui/link-editor.tsx) —\n    // never a style-panel section.\n    case 'link':\n      return null;\n    default:\n      return null;\n  }\n}\n\n// ── the panel ────────────────────────────────────────────────────────────────\nfunction EmptyState() {\n  const t = useT();\n  return (\n    <div className=\"text-fg-muted flex flex-1 flex-col items-center justify-center gap-3 p-8 text-center\">\n      <Icon name=\"palette\" size={40} className=\"text-fg-disabled\" />\n      <p className=\"max-w-[180px] text-sm\">{t('stylePanel.empty')}</p>\n    </div>\n  );\n}\n\n/** The rich body a format on or off is, merged over a tool's current one. */\nconst FORMAT_BODY: Record<Format, (on: boolean) => Record<string, unknown>> = {\n  bold: (on) => ({ weight: on ? 700 : 400 }),\n  italic: (on) => ({ italic: on }),\n  underline: (on) => ({ decoration: on ? ['underline'] : [] }),\n};\n\n/**\n * The schema-driven style panel. Rendered inside the right sidebar's\n * `annotation-style` surface (see ui/panels.tsx). Owns its own scroll.\n */\nexport function AnnotationStylePanel() {\n  const t = useT();\n  const annotation = useAnnotation();\n  const commands = useCommands();\n  const documentId = useDocumentId() ?? undefined;\n  // Without a document there is no active tool; the pointer's defaults are empty.\n  const activeToolId = useInteractionState((state) => state.activeToolId) ?? 'pointer';\n  const selection = useAnnotationProperties();\n  const tool = useAnnotationProperties(activeToolId);\n  const toolDefaults = useAnnotationDefaults(activeToolId);\n  const selected = useAnnotationState((state) => state.selected);\n  // The tool by its button's name: the defaults are that tool's.\n  const toolLabel = useKernelValue(\n    () => commands.resolveCommand(`tool:${activeToolId}`, documentId)?.label ?? null,\n    Object.is,\n  );\n\n  const hasSel = selection.properties.length > 0;\n  const { properties, values, mixed } = hasSel ? selection : tool;\n  // The flags have their own section below, and a redaction's label its own.\n  const fields = properties.filter(\n    (property) => property.control !== 'flag' && property.control !== 'text',\n  );\n  const write = (patch: FieldValues) =>\n    hasSel\n      ? annotation.selection.update(patch as AnnotationPatch)\n      : annotation.tools.updateDefaults(activeToolId, patch);\n  const writeEach = (patchOf: (current: FieldValues) => FieldValues) =>\n    hasSel\n      ? annotation.selection.update(\n          (member) => patchOf(member as unknown as FieldValues) as AnnotationPatch,\n        )\n      : annotation.tools.updateDefaults(activeToolId, patchOf(toolDefaults));\n  const toggleFormat = (format: Format, on: boolean) => {\n    if (hasSel) return void annotation.text.toggleFormat(format);\n    const body = (toolDefaults.richText as { body?: Record<string, unknown> } | undefined)?.body;\n    annotation.tools.updateDefaults(activeToolId, {\n      richText: { body: { ...body, ...FORMAT_BODY[format](on) } },\n    });\n  };\n\n  // A selection with no editable fields (e.g. a stamp, or a locked annotation —\n  // its style is frozen) still shows its flags: that's how you unlock it.\n  if (fields.length === 0 && selected.length === 0) return <EmptyState />;\n\n  const context = hasSel\n    ? t('stylePanel.selected', { params: { count: selected.length } })\n    : toolLabel === null\n      ? t('stylePanel.defaults')\n      : t('stylePanel.toolDefaults', { params: { tool: toolLabel } });\n\n  return (\n    <div className=\"flex-1 overflow-y-auto p-4\">\n      <p className=\"text-fg-muted mb-4 text-[11px] font-semibold uppercase tracking-wide\">\n        {context}\n      </p>\n      {fields.map((spec) =>\n        spec.key === 'bold' ? (\n          <FormatToggles\n            key=\"format\"\n            specs={fields.filter((spec): spec is FormatSpec => isFormatSpec(spec))}\n            values={values}\n            mixed={mixed}\n            onToggle={toggleFormat}\n          />\n        ) : (\n          <FieldControl\n            key={spec.key}\n            spec={spec}\n            values={values}\n            mixed={mixed.includes(spec.key)}\n            onChange={write}\n            onChangeEach={writeEach}\n          />\n        ),\n      )}\n      {/* Redaction label (`/OverlayText` + `/Repeat`) — kind content, not a\n          style field, so it writes through the redaction plugin's updateLabel. */}\n      <RedactionLabelSection />\n      {/* `/F` flags for whatever is selected — the live flags test surface. */}\n      <AnnotationFlagsSection />\n    </div>\n  );\n}\n\n/**\n * Label editor shown when exactly one redaction mark is selected. The text is\n * what the destructive apply paints over the region (white-on-black by the\n * tool defaults); `repeat` tiles it. Writes ride the annotation update verb\n * via the redaction plugin, which preserves the label's `/DA` styling.\n */\nfunction RedactionLabelSection() {\n  const t = useT();\n  const redaction = useOptionalCapability(RedactionToken);\n  const selected = useAnnotationState((state) => state.selected);\n  const mark = selected.length === 1 && selected[0]!.subtype === 'redact' ? selected[0]! : null;\n  const [draft, setDraft] = useState<string | null>(null);\n  useEffect(() => setDraft(null), [mark?.ref && annotationKey(mark.ref)]);\n  if (!redaction || !mark || mark.subtype !== 'redact') return null;\n\n  const value = draft ?? mark.overlayText ?? '';\n  const commit = () => {\n    if (draft === null) return;\n    void redaction.updateLabel(mark.ref, { overlayText: draft.length > 0 ? draft : null });\n    setDraft(null);\n  };\n\n  return (\n    <div className=\"border-border-subtle mt-4 border-t pt-4\">\n      <p className=\"text-fg-muted mb-2 text-[11px] font-semibold uppercase tracking-wide\">\n        {t('demo.redactLabelTitle')}\n      </p>\n      <input\n        type=\"text\"\n        value={value}\n        placeholder={t('demo.redactLabelPlaceholder')}\n        onChange={(event) => setDraft(event.target.value)}\n        onBlur={commit}\n        onKeyDown={(event) => event.key === 'Enter' && commit()}\n        className=\"border-border bg-surface text-fg w-full rounded-md border px-2 py-1.5 text-sm\"\n      />\n      <label className=\"text-fg mt-2 flex items-center gap-2 text-sm\">\n        <input\n          type=\"checkbox\"\n          checked={mark.repeat}\n          onChange={(event) =>\n            void redaction.updateLabel(mark.ref, { repeat: event.target.checked })\n          }\n        />\n        {t('demo.redactLabelRepeat')}\n      </label>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,MAAM,aAA8D;CAClE,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,cAAc;CACd,UAAU;CACV,QAAQ;CACR,gBAAgB;CAChB,QAAQ;CACR,UAAU;CACV,WAAW;AACb;AAEA,SAAS,QAAQ,EACf,OACA,MACA,OACA,YAMC;CACD,MAAM,OAAA,GAAA,MAAA,OAAA,CAA+B,IAAI;CAEzC,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,IAAI,SAAS,IAAI,QAAQ,gBAAgB,UAAU;CACzD,GAAG,CAAC,KAAK,CAAC;CACV,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,SAAD;EAAO,WAAU;EAAjB,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;GACO;GACL,MAAK;GACL,WAAU;GACV,SAAS,UAAU;GACnB,gBAAgB,SAAS,UAAU,IAAI;EACxC,CAAA,GACD,iBAAA,GAAA,kBAAA,KAAA,CAAC,QAAD;GAAM,WAAU;GAAhB,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IAAM,WAAU;IAAuC,UAAA;GAAY,CAAA,GACnE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IAAM,WAAU;IAA6C,UAAA;GAAW,CAAA,CACpE;EACD,CAAA,CAAA;;AAEX;;;AAIA,SAAgB,yBAAyB;CACvC,MAAM,KAAA,GAAA,qBAAA,KAAA,CAAS;CACf,MAAM,QAAQA,eAAAA,SAAS;CACvB,MAAM,cAAA,GAAA,2BAAA,cAAA,CAA2B;CACjC,MAAM,EAAE,YAAY,QAAQ,WAAA,GAAA,2BAAA,wBAAA,CAAkC;CAC9D,MAAM,QAAQ,WAAW,QAAQ,aAAa,SAAS,YAAY,MAAM;CACzE,IAAI,CAAC,MAAM,QAAQ,OAAO;CAC1B,MAAM,WAAW,QACf,MAAM,SAAS,GAAG,IAAI,OAAO,OAAO,SAAS;CAC/C,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,WAAD;EAAS,WAAU;EAAnB,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;GAAG,WAAU;GACV,UAAA,EAAE,uBAAuB;EACzB,CAAA,GACH,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,WAAU;GACZ,UAAA,MAAM,KAAK,SACV,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;IAEE,OAAO,MAAM,IAAI;IACjB,MAAM,EAAE,WAAW,KAAK,IAAI;IAC5B,OAAO,QAAQ,KAAK,GAAG;IACvB,WAAW,SAAS,KAAK,WAAW,UAAU,OAAO,GAAG,KAAK,MAAM,KAAK,CAAC;GAC1E,GALM,KAAK,GAKX,CACF;EACE,CAAA,CACE;;AAEb;;;;;;;;;;;;;;;;;AC3DA,MAAM,gBAAgB;CACpB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;;AAGA,MAAM,gBAAmC;CAAC;CAAa;CAAkB;CAAe;AAAS;AAEjG,MAAM,aAAa;CAAC;CAAG;CAAG;CAAI;CAAI;CAAI;CAAI;CAAI;CAAI;CAAI;CAAI;CAAI;AAAE;;AAShE,MAAM,cAAqD;CACzD;EAAE,KAAK;EAAS,aAAa,EAAE,MAAM,QAAQ;CAAG;CAChD;EAAE,KAAK;EAAc,aAAa;GAAE,MAAM;GAAU,MAAM,CAAC,GAAG,CAAC;EAAE;CAAG;CACpE;EAAE,KAAK;EAAc,aAAa;GAAE,MAAM;GAAU,MAAM,CAAC,GAAG,CAAC;EAAE;CAAG;CACpE;EAAE,KAAK;EAAc,aAAa;GAAE,MAAM;GAAU,MAAM,CAAC,GAAG,CAAC;EAAE;CAAG;CACpE;EAAE,KAAK;EAAY,aAAa;GAAE,MAAM;GAAU,WAAW;EAAE;CAAG;CAClE;EAAE,KAAK;EAAY,aAAa;GAAE,MAAM;GAAU,WAAW;EAAE;CAAG;AACpE;AACA,MAAM,aAAa,WACjB,OAAO,SAAS,WACZ,UAAU,OAAO,aAAa,IAAI,IAAI,MACtC,OAAO,SAAS,WACd,UAAU,OAAO,KAAK,KAAK,GAAG,MAC9B;;AAGR,MAAM,YAAY,WAAgC;CAChD,MAAM,YAAY,OAAO;CACzB,IAAI,WAAW,OAAO;EAAE,MAAM;EAAU;CAAU;CAClD,MAAM,OAAO,OAAO;CACpB,OAAO,OAAO,gBAAgB,WAC1B;EAAE,MAAM;EAAU,MAAM,MAAM,SAAS,OAAO,CAAC,GAAG,CAAC;CAAE,IACrD,EAAE,MAAM,QAAQ;AACtB;;AAGA,MAAM,gBAAgB,YAAiC;CACrD,aAAa,OAAO,SAAS,WAAW,WAAW;CACnD,WAAW,OAAO,SAAS,WAAW,OAAO,OAAO;CACpD,iBAAiB,OAAO,SAAS,WAAW,OAAO,YAAY;AACjE;;AAGA,MAAM,YAAY,SAAsC,UACtD,QAAQ,MAAM,WAAW,OAAO,UAAU,KAAK;AAGjD,SAAS,MAAM,EACb,OACA,OACA,YAKC;CACD,MAAM,KAAA,GAAA,qBAAA,KAAA,CAAS;CACf,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,WAAD;EAAS,WAAU;EAAnB,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,SAAD;GAAO,WAAU;GAAjB,UAAA,CACG,OACA,SACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IAAM,WAAU;IAA4C,UAAA,EAAE,kBAAkB;GAAQ,CAAA,CAErF;EACN,CAAA,GAAA,QACM;;AAEb;AAGA,MAAM,iBAAiB,UACrB,SAAS,QACT,UAAU,iBACT,oBAAoB,KAAK,KAAK,KAAK,MAAM,MAAM,EAAE,CAAC,CAAC,YAAY,MAAM;AAExE,SAAS,OAAO,EACd,OACA,QACA,YAKC;CACD,MAAM,KAAA,GAAA,qBAAA,KAAA,CAAS;CACf,MAAM,QAAQ,cAAc,KAAK,IAC7B;EACE,iBAAiB;EACjB,iBACE;EACF,gBAAgB;CAClB,IACA,EAAE,iBAAiB,MAAM;CAC7B,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;EACE,MAAK;EACL,OAAO,cAAc,KAAK,IAAI,EAAE,wBAAwB,IAAI;EAC5D,eAAe,SAAS,KAAK;EAC7B,WAAW,oDAAoD,SAAS,sDAAsD;EACvH;CACR,CAAA;AAEL;AAEA,SAAS,WAAW,EAClB,OACA,UACA,oBAKC;CACD,MAAM,UAAU,UAAkB,MAAM,YAAY,OAAO,SAAS,GAAA,CAAI,YAAY;CACpF,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACG,cAAc,KAAK,UAClB,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GAA2B;GAAO,QAAQ,OAAO,KAAK;GAAa;EAAW,GAAjE,KAAiE,CAC/E,GACA,oBACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GAAQ,OAAM;GAAc,QAAQ,cAAc,SAAS,IAAI;GAAa;EAAW,CAAA,CAEtF;;AAET;AAGA,SAAS,YAAY,EACnB,OACA,KACA,KACA,MACA,YAOC;CACD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;EACE,MAAK;EACL,WAAU;EACH;EACF;EACA;EACC;EACN,WAAW,UAAU,SAAS,WAAW,MAAM,OAAO,KAAK,CAAC;CAC7D,CAAA;AAEL;;AAIA,SAAS,gBAAgB,MAAe,OAAmB;CACzD,MAAM,WAAA,GAAA,MAAA,OAAA,CAAiC,IAAI;CAC3C,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,MAAM,OAAO,QAAQ;EACrB,OAAO,QAAQ,QAAA,GAAA,cAAA,oBAAA,CAA2B,MAAM,KAAK,IAAI,KAAA;CAC3D,GAAG,CAAC,MAAM,KAAK,CAAC;CAChB,OAAO;AACT;AAEA,SAAS,cAAc,EACrB,SACA,YAIC;CACD,MAAM,CAAC,MAAM,YAAA,GAAA,MAAA,SAAA,CAAoB,KAAK;CAEtC,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,KAFS,gBAAgB,YAAY,QAAQ,KAAK,CAEvC;EAAG,WAAU;EAA7B,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,UAAD;GACE,MAAK;GACL,eAAe,SAAS,aAAa,CAAC,QAAQ;GAC9C,WAAU;GAHZ,UAAA,CAKG,SACD,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,MAAD;IAAM,MAAK;IAAc,MAAM;IAAI,WAAU;GAA8B,CAAA,CACrE;EACP,CAAA,GAAA,QACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,WAAU;GACZ,UAAA,eAAe,QAAQ,KAAK,CAAC;EAC3B,CAAA,CAEJ;;AAET;AAEA,SAAS,UAAU,EACjB,UACA,OACA,SACA,YAOC;CACD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;EACE,MAAK;EACE;EACP,cAAY;EACH;EACT,WAAW,kFAAkF,WAAW,4BAA4B;EAEnI;CACK,CAAA;AAEZ;AAGA,SAAS,UAAU,QAA2B;CAC5C,IAAI,OAAO,SAAS,UAAU;EAC5B,MAAM,SAAS,OAAO,aAAa,IAAI,IAAI;EAC3C,MAAM,QAAQ,KAAK,KAAK,MAAM,SAAS,EAAE;EACzC,MAAM,OAAO,KAAK;EAClB,MAAM,WAAW,SAAS;EAC1B,MAAM,QAAQ,SAAS,IAAI;EAC3B,MAAM,QAAQ,CAAC,OAAO,UAAU;EAChC,KAAK,IAAI,IAAI,GAAG,IAAI,OAAO,KACzB,MAAM,KAAK,KAAK,OAAO,GAAG,OAAO,SAAS,QAAQ,IAAI,GAAG,GAAG,UAAU;EACxE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,OAAM;GAAK,QAAQ;GAAO,SAAS,UAAU;GAChD,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IACE,GAAG,MAAM,KAAK,GAAG;IACjB,MAAK;IACL,QAAO;IACP,aAAY;IACZ,gBAAe;IACf,eAAc;GACf,CAAA;EACE,CAAA;CAET;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,OAAM;EAAK,QAAO;EAAI,SAAQ;EACjC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GACE,IAAG;GACH,IAAG;GACH,IAAG;GACH,IAAG;GACH,QAAO;GACP,aAAY;GACZ,iBAVO,OAAO,SAAS,WAAW,OAAO,KAAK,KAAK,GAAG,IAAI,KAAA;EAW3D,CAAA;CACE,CAAA;AAET;AAEA,SAAS,aAAa,EACpB,OACA,QACA,YAMC;CACD,MAAM,QAAQC,eAAAA,SAAS;CACvB,MAAM,UAAU,YAAY,QAAQ,WAAW,SAAS,QAAQ,OAAO,KAAK,CAAC,CAAC,IAAI,CAAC;CACnF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD;EAAe,SAAS,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GAAM,WAAU;GAAqB,UAAA,UAAU,KAAK;EAAQ,CAAA;EAChF,WAAA,UACA,QAAQ,KAAK,WAAW;GACtB,MAAM,SAAS,OAAO,KAAK;GAC3B,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD;IAEE,UAAU,UAAU,KAAK,MAAM,OAAO;IACtC,OAAO,MAAM,SAAS,QAAQ,OAAO,IAAI,CAAE;IAC3C,eAAe;KACb,SAAS,MAAM;KACf,MAAM;IACR;IAEA,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;KAAM,WAAU;KAAqB,UAAA,UAAU,MAAM;IAAQ,CAAA;GACpD,GATJ,OAAO,GASH;EAEf,CAAC;CAEU,CAAA;AAEnB;AAGA,MAAM,aAAqD;CACzD,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD,EAAM,GAAE,8BAA+B,CAAA;CAC/C,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;EAAQ,IAAG;EAAK,IAAG;EAAI,GAAE;CAAK,CAAA;CACtC,SAAS,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD,EAAM,GAAE,6BAA8B,CAAA;CAC/C,cAAc,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EAAM,GAAE;EAAqB,MAAK;CAAQ,CAAA;CACxD,gBAAgB,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD,EAAM,GAAE,uBAAwB,CAAA;CAChD,gBAAgB,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EAAM,GAAE;EAAqB,MAAK;CAAQ,CAAA;CAC1D,kBAAkB,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD,EAAM,GAAE,uBAAwB,CAAA;CAClD,MAAM,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EAAM,GAAE;EAAe,MAAK;CAAQ,CAAA;CAC1C,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EAAM,GAAE;EAAe,MAAK;CAAQ,CAAA;AAC7C;AACA,MAAM,cAAmD;CACvD,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,cAAc;CACd,gBAAgB;CAChB,gBAAgB;CAChB,kBAAkB;CAClB,MAAM;CACN,OAAO;AACT;AAEA,SAAS,kBAAkB,EAAE,MAAM,QAAqD;CACtF,MAAM,SAAS,WAAW;CAC1B,MAAM,WAAW,YAAY,SAAS;CAEtC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,OAAM;EAAK,QAAO;EAAK,SAAQ;EAAY,WAAU;EACxD,UAAA,iBAAA,GAAA,kBAAA,KAAA,CAAC,KAAD;GAAG,WAHW,SAAS,UAAU,sBAAsB,KAAA;GAGvD,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IAAM,IAAG;IAAI,IAAG;IAAK,IAAI;IAAU,IAAG;IAAK,QAAO;IAAe,aAAY;GAAO,CAAA,GACnF,UACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;IACE,WAAU;IACV,MAAK;IACL,QAAO;IACP,aAAY;IAEX,UAAA;GACA,CAAA,CAEJ;;CACA,CAAA;AAET;AAEA,SAAS,iBAAiB,EACxB,MACA,OACA,SACA,YAMC;CACD,MAAM,QAAQA,eAAAA,SAAS;CACvB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD;EAAe,SAAS,iBAAA,GAAA,kBAAA,IAAA,CAAC,mBAAD;GAAmB,MAAM;GAAa;EAAO,CAAA;EACjE,WAAA,UACA,QAAQ,KAAK,WACX,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD;GAEE,UAAU,UAAU,OAAO;GAC3B,OAAO,MAAM,MAAM;GACnB,eAAe;IACb,SAAS,OAAO,KAAmB;IACnC,MAAM;GACR;GAEA,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,mBAAD;IAAmB,MAAM,OAAO;IAA2B;GAAO,CAAA;EACzD,GATJ,OAAO,KASH,CACZ;CAEU,CAAA;AAEnB;AAGA,SAAS,iBAAiB,EACxB,OACA,UACA,YAMC;CACD,MAAM,QAAQA,eAAAA,SAAS;CAIvB,MAAM,aAAaC,yBAAAA,mBAAmB;CACtC,MAAM,UAAU,CACd,GAAG,SACA,QAAQ,WAAW,cAAc,SAAS,OAAO,KAAK,CAAC,CAAC,CACxD,KAAK,YAAY;EAAE,OAAO,OAAO;EAAO,OAAO,MAAM,MAAM;CAAE,EAAE,GAClE,GAAG,WAAW,KAAK,UAAU;EAAE,OAAO,KAAK;EAAK,OAAO,KAAK;CAAM,EAAE,CACtE;CAEA,MAAM,QAAQ,SAAS,UAAU,KAAK;CAGtC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD;EAAe,SAAS,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GAAM,WAAU;GAFxC,UAAA,QAAQ,MAAM,WAAW,OAAO,UAAU,KAAK,CAAC,EAAE,UAAU,QAAQ,MAAM,KAAK,IAAI;EAEV,CAAA;EACrE,WAAA,UACA,QAAQ,KAAK,WACX,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD;GAEE,UAAU,OAAO,UAAU;GAC3B,eAAe;IACb,SAAS,OAAO,KAAK;IACrB,MAAM;GACR;GAEC,UAAA,OAAO;EACC,GARJ,OAAO,KAQH,CACZ;CAEU,CAAA;AAEnB;AAGA,SAAS,cAAc,EAAE,OAAO,YAAiE;CAC/F,MAAM,CAAC,MAAM,YAAA,GAAA,MAAA,SAAA,CAAoB,KAAK;CACtC,MAAM,UAAU,gBAAgB,YAAY,QAAQ,KAAK,CAAC;CAI1D,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,SAAA,CAAoC,IAAI;CACtD,MAAM,eAAe;EACnB,IAAI,UAAU,MAAM;EACpB,MAAM,OAAO,SAAS,OAAO,EAAE;EAC/B,SAAS,IAAI;EACb,IAAI,OAAO,SAAS,IAAI,KAAK,OAAO,KAAK,SAAS,OAAO,SAAS,IAAI;CACxE;CACA,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,KAAK;EAAS,WAAU;EAA7B,UAAA;GACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;IACE,MAAK;IACL,KAAK;IACL,OAAO,SAAS;IAChB,WAAW,UAAU,SAAS,MAAM,OAAO,KAAK;IAChD,QAAQ;IACR,YAAY,UAAU;KACpB,IAAI,MAAM,QAAQ,SAAS;MACzB,MAAM,eAAe;MACrB,OAAO;MACP,QAAQ,KAAK;KACf,OAAO,IAAI,MAAM,QAAQ,UAAU;MACjC,SAAS,IAAI;MACb,QAAQ,KAAK;KACf;IACF;IACA,eAAe,QAAQ,IAAI;IAC3B,WAAU;GACX,CAAA;GACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;IACE,MAAK;IACL,UAAU;IACV,eAAe,SAAS,aAAa,CAAC,QAAQ;IAC9C,WAAU;IAEV,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACF,cAAAA,MAAD;KAAM,MAAK;KAAc,MAAM;KAAI,WAAU;IAAqB,CAAA;GAC5D,CAAA;GACP,QACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IAAK,WAAU;IACZ,UAAA,WAAW,KAAK,OACf,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD;KAEE,UAAU,OAAO;KACjB,eAAe;MACb,SAAS,IAAI;MACb,SAAS,EAAE;MACX,QAAQ,KAAK;KACf;KAEC,UAAA;IACQ,GATJ,EASI,CACZ;GACE,CAAA;EAEJ;;AAET;AAEA,SAAS,gBAAgB,EACvB,OACA,SACA,MACA,YAOC;CACD,MAAM,QAAQC,eAAAA,SAAS;CACvB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;EACS;EACP,cAAY;EACZ,WAAW,UAAU,SAAS,MAAM,OAAO,KAAkB;EAC7D,WAAU;EAET,UAAA,QAAQ,KAAK,SACZ,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;GAAyB,OAAO,KAAK;GAClC,UAAA,MAAM,IAAI;EACL,GAFK,KAAK,KAEV,CACT;CACK,CAAA;AAEZ;AAGA,SAAS,OAAO,EACd,QACA,OACA,SACA,WACA,YAQC;CACD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;EACE,MAAK;EACE;EACE;EACT,aAAa,aAAa,UAAU,MAAM,eAAe,IAAI,KAAA;EAC7D,WAAW,6EACT,SACI,2CACA;EAGL;CACK,CAAA;AAEZ;AAKA,MAAM,gBAAgB,SACpB,KAAK,QAAQ,UAAU,KAAK,QAAQ,YAAY,KAAK,QAAQ;;;;;;;AAQ/D,SAAS,cAAc,EACrB,OACA,QACA,OACA,YAMC;CACD,MAAM,KAAA,GAAA,qBAAA,KAAA,CAAS;CACf,MAAM,QAAQA,eAAAA,SAAS;CACvB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAO,OAAO,EAAE,kBAAkB;EAAG,OAAO,MAAM,MAAM,SAAS,MAAM,SAAS,KAAK,GAAG,CAAC;EACvF,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,WAAU;GACZ,UAAA,MAAM,KAAK,SAAS;IACnB,MAAM,SAAS,OAAO,KAAK,SAAS,QAAQ,CAAC,MAAM,SAAS,KAAK,GAAG;IACpE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;KAEE,OAAO,MAAM,IAAI;KACT;KACR,WAAA;KACA,eAAe,SAAS,KAAK,KAAK,CAAC,MAAM;KAEzC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACD,cAAAA,MAAD;MAAM,MAAM,KAAK;MAAK,MAAM;KAAK,CAAA;IAC3B,GAPD,KAAK,GAOJ;GAEZ,CAAC;EACE,CAAA;CACA,CAAA;AAEX;AAGA,SAAS,aAAa,EACpB,MACA,QACA,OACA,UACA,gBAQC;CACD,MAAM,KAAA,GAAA,qBAAA,KAAA,CAAS;CACf,MAAM,QAAQC,eAAAA,SAAS;CACvB,MAAM,QAAQ,OAAO,KAAK;CAC1B,QAAQ,KAAK,KAAb;EACE,KAAK;EACL,KAAK,aACH,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAO,OAAO,MAAM,IAAI;GAAU;GAChC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,YAAD;IACS;IACP,WAAW,UAAU,SAAS,GAAG,KAAK,MAAM,MAAM,CAAC;GACpD,CAAA;EACI,CAAA;EAEX,KAAK,iBACH,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAO,OAAO,MAAM,IAAI;GAAU;GAChC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,YAAD;IACS;IACP,kBAAA;IACA,WAAW,UACT,SAAS,EAAE,eAAe,UAAU,gBAAgB,OAAO,MAAM,CAAC;GAErE,CAAA;EACI,CAAA;EAEX,KAAK,WAAW;GACd,MAAM,UAAW,SAAoB;GACrC,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAAO,OAAO,MAAM,IAAI;IAAU;IAAlC,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAD;KACE,OAAO;KACP,KAAK,KAAK;KACV,KAAK,KAAK;KACV,MAAM,KAAK;KACX,WAAW,SAAS,SAAS,EAAE,SAAS,KAAK,CAAC;IAC/C,CAAA,GACD,iBAAA,GAAA,kBAAA,KAAA,CAAC,QAAD;KAAM,WAAU;KAAhB,UAAA,CAAyC,KAAK,MAAM,UAAU,GAAG,GAAE,GAAO;IACrE,CAAA,CAAA;;EAEX;EACA,KAAK,eAAe;GAClB,MAAM,cAAe,SAAoB,KAAK;GAC9C,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAAO,OAAO,MAAM,IAAI;IAAU;IAAlC,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAD;KACE,OAAO;KACP,KAAK,KAAK;KACV,KAAK,KAAK;KACV,MAAM,KAAK;KACX,WAAW,SAAS,SAAS,EAAE,aAAa,KAAK,CAAC;IACnD,CAAA,GACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;KAAM,WAAU;KAAyB,UAAA,GAAG,YAAY;IAAU,CAAA,CAC7D;;EAEX;EACA,KAAK,YACH,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAO,OAAO,MAAM,IAAI;GAAU;GAChC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD;IACE,OAAQ,SAAoB;IAC5B,WAAW,SAAS,SAAS,EAAE,UAAU,KAAK,CAAC;GAChD,CAAA;EACI,CAAA;EAEX,KAAK,eACH,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAO,OAAO,MAAM,IAAI;GAAU;GAChC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAD;IACE,OAAO,SAAS,MAAM;IACtB,QAAQ,KAAK;IACb,WAAW,WAAW,SAAS,aAAa,MAAM,CAAC;GACpD,CAAA;EACI,CAAA;EAEX,KAAK,eAAe;GAClB,MAAM,KAAM,SAAyB;IAAE,OAAO;IAAQ,KAAK;GAAO;GAClE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IAAO,OAAO,MAAM,IAAI;IAAU;IAChC,UAAA,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;MAAK,WAAU;MAAgC,UAAA,EAAE,sBAAsB;KAAO,CAAA,GAC9E,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAD;MACE,MAAK;MACL,OAAO,GAAG;MACV,SAAS,KAAK;MACd,WAAW,WACT,cAAc,aAAa,EACzB,aAAa;OAAE,GAAI,QAAQ;OAA6B,OAAO;MAAO,EACxE,EAAE;KAEL,CAAA,CACE,EAAA,CAAA,GACL,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;MAAK,WAAU;MAAgC,UAAA,EAAE,oBAAoB;KAAO,CAAA,GAC5E,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAD;MACE,MAAK;MACL,OAAO,GAAG;MACV,SAAS,KAAK;MACd,WAAW,WACT,cAAc,aAAa,EACzB,aAAa;OAAE,GAAI,QAAQ;OAA6B,KAAK;MAAO,EACtE,EAAE;KAEL,CAAA,CACE,EAAA,CAAA,CACF;;GACA,CAAA;EAEX;EACA,KAAK,cACH,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAO,OAAO,MAAM,IAAI;GAAU;GAChC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAD;IACE,OAAQ,SAAoB;IAC5B,UAAU,KAAK;IACf,WAAW,WAAW,SAAS,EAAE,YAAY,OAAO,CAAC;GACtD,CAAA;EACI,CAAA;EAEX,KAAK,aAAa;GAChB,MAAM,YAAuC;IAC3C,MAAM;IACN,QAAQ;IACR,OAAO;GACT;GACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IAAO,OAAO,MAAM,IAAI;IAAU;IAChC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;KAAK,WAAU;KACZ,UAAA,KAAK,QAAQ,KAAK,WAAW;MAC5B,MAAM,KAAK,OAAO;MAClB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;OAEE,OAAO,MAAM,MAAM;OACnB,QAAQ,UAAU;OAClB,eAAe,SAAS,EAAE,WAAW,GAAG,CAAC;OAEzC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACD,cAAAA,MAAD;QAAM,MAAM,UAAU;QAAK,MAAM;OAAK,CAAA;MAChC,GAND,EAMC;KAEZ,CAAC;IACE,CAAA;GACA,CAAA;EAEX;EAIA,KAAK;EACL,KAAK;EACL,KAAK,aACH,OAAO;EACT,KAAK,aACH,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAO,OAAO,MAAM,IAAI;GAAU;GAChC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,iBAAD;IACE,OAAQ,SAAuB;IAC/B,SAAS,KAAK;IACd,MAAM,MAAM,IAAI;IAChB,WAAW,cAAc,SAAS,EAAE,UAAU,CAAC;GAChD,CAAA;EACI,CAAA;EAKX,KAAK,QACH,OAAO;EACT,SACE,OAAO;CACX;AACF;AAGA,SAAS,aAAa;CACpB,MAAM,KAAA,GAAA,qBAAA,KAAA,CAAS;CACf,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,cAAAA,MAAD;GAAM,MAAK;GAAU,MAAM;GAAI,WAAU;EAAoB,CAAA,GAC7D,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;GAAG,WAAU;GAAyB,UAAA,EAAE,kBAAkB;EAAK,CAAA,CAC5D;;AAET;;AAGA,MAAM,cAAwE;CAC5E,OAAO,QAAQ,EAAE,QAAQ,KAAK,MAAM,IAAI;CACxC,SAAS,QAAQ,EAAE,QAAQ,GAAG;CAC9B,YAAY,QAAQ,EAAE,YAAY,KAAK,CAAC,WAAW,IAAI,CAAC,EAAE;AAC5D;;;;;AAMA,SAAgB,uBAAuB;CACrC,MAAM,KAAA,GAAA,qBAAA,KAAA,CAAS;CACf,MAAM,cAAA,GAAA,2BAAA,cAAA,CAA2B;CACjC,MAAM,YAAA,GAAA,yBAAA,YAAA,CAAuB;CAC7B,MAAM,cAAA,GAAA,wBAAA,cAAA,CAA2B,KAAK,KAAA;CAEtC,MAAM,gBAAA,GAAA,4BAAA,oBAAA,EAAoC,UAAU,MAAM,YAAY,KAAK;CAC3E,MAAM,aAAA,GAAA,2BAAA,wBAAA,CAAoC;CAC1C,MAAM,QAAA,GAAA,2BAAA,wBAAA,CAA+B,YAAY;CACjD,MAAM,gBAAA,GAAA,2BAAA,sBAAA,CAAqC,YAAY;CACvD,MAAM,YAAA,GAAA,2BAAA,mBAAA,EAA+B,UAAU,MAAM,QAAQ;CAE7D,MAAM,aAAA,GAAA,wBAAA,eAAA,OACE,SAAS,eAAe,QAAQ,gBAAgB,UAAU,CAAC,EAAE,SAAS,MAC5E,OAAO,EACT;CAEA,MAAM,SAAS,UAAU,WAAW,SAAS;CAC7C,MAAM,EAAE,YAAY,QAAQ,UAAU,SAAS,YAAY;CAE3D,MAAM,SAAS,WAAW,QACvB,aAAa,SAAS,YAAY,UAAU,SAAS,YAAY,MACpE;CACA,MAAM,SAAS,UACb,SACI,WAAW,UAAU,OAAO,KAAwB,IACpD,WAAW,MAAM,eAAe,cAAc,KAAK;CACzD,MAAM,aAAa,YACjB,SACI,WAAW,UAAU,QAClB,WAAW,QAAQ,MAAgC,CACtD,IACA,WAAW,MAAM,eAAe,cAAc,QAAQ,YAAY,CAAC;CACzE,MAAM,gBAAgB,QAAgB,OAAgB;EACpD,IAAI,QAAQ,OAAO,KAAK,WAAW,KAAK,aAAa,MAAM;EAC3D,MAAM,OAAQ,aAAa,UAA6D;EACxF,WAAW,MAAM,eAAe,cAAc,EAC5C,UAAU,EAAE,MAAM;GAAE,GAAG;GAAM,GAAG,YAAY,OAAO,CAAC,EAAE;EAAE,EAAE,EAC5D,CAAC;CACH;CAIA,IAAI,OAAO,WAAW,KAAK,SAAS,WAAW,GAAG,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,YAAD,CAAa,CAAA;CAQtE,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAU;EAAf,UAAA;GACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;IAAG,WAAU;IARD,UAAA,SACZ,EAAE,uBAAuB,EAAE,QAAQ,EAAE,OAAO,SAAS,OAAO,EAAE,CAAC,IAC/D,cAAc,OACZ,EAAE,qBAAqB,IACvB,EAAE,2BAA2B,EAAE,QAAQ,EAAE,MAAM,UAAU,EAAE,CAAC;GAM3D,CAAA;GACF,OAAO,KAAK,SACX,KAAK,QAAQ,SACX,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD;IAEE,OAAO,OAAO,QAAQ,SAA6B,aAAa,IAAI,CAAC;IAC7D;IACD;IACP,UAAU;GACX,GALK,QAKL,IAED,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAD;IAEQ;IACE;IACR,OAAO,MAAM,SAAS,KAAK,GAAG;IAC9B,UAAU;IACV,cAAc;GACf,GANM,KAAK,GAMX,CAEL;GAGA,iBAAA,GAAA,kBAAA,IAAA,CAAC,uBAAD,CAAwB,CAAA;GAExB,iBAAA,GAAA,kBAAA,IAAA,CAAC,wBAAD,CAAyB,CAAA;EACtB;;AAET;;;;;;;AAQA,SAAS,wBAAwB;CAC/B,MAAM,KAAA,GAAA,qBAAA,KAAA,CAAS;CACf,MAAM,aAAA,GAAA,wBAAA,sBAAA,CAAkCG,0BAAAA,cAAc;CACtD,MAAM,YAAA,GAAA,2BAAA,mBAAA,EAA+B,UAAU,MAAM,QAAQ;CAC7D,MAAM,OAAO,SAAS,WAAW,KAAK,SAAS,EAAE,CAAE,YAAY,WAAW,SAAS,KAAM;CACzF,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,SAAA,CAAoC,IAAI;CACtD,CAAA,GAAA,MAAA,UAAA,OAAgB,SAAS,IAAI,GAAG,CAAC,MAAM,QAAA,GAAA,2BAAA,cAAA,CAAqB,KAAK,GAAG,CAAC,CAAC;CACtE,IAAI,CAAC,aAAa,CAAC,QAAQ,KAAK,YAAY,UAAU,OAAO;CAE7D,MAAM,QAAQ,SAAS,KAAK,eAAe;CAC3C,MAAM,eAAe;EACnB,IAAI,UAAU,MAAM;EACpB,UAAe,YAAY,KAAK,KAAK,EAAE,aAAa,MAAM,SAAS,IAAI,QAAQ,KAAK,CAAC;EACrF,SAAS,IAAI;CACf;CAEA,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAU;EAAf,UAAA;GACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;IAAG,WAAU;IACV,UAAA,EAAE,uBAAuB;GACzB,CAAA;GACH,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;IACE,MAAK;IACE;IACP,aAAa,EAAE,6BAA6B;IAC5C,WAAW,UAAU,SAAS,MAAM,OAAO,KAAK;IAChD,QAAQ;IACR,YAAY,UAAU,MAAM,QAAQ,WAAW,OAAO;IACtD,WAAU;GACX,CAAA;GACD,iBAAA,GAAA,kBAAA,KAAA,CAAC,SAAD;IAAO,WAAU;IAAjB,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;KACE,MAAK;KACL,SAAS,KAAK;KACd,WAAW,UACT,KAAK,UAAU,YAAY,KAAK,KAAK,EAAE,QAAQ,MAAM,OAAO,QAAQ,CAAC;IAExE,CAAA,GACA,EAAE,wBAAwB,CACtB;;EACJ;;AAET"}

package/dist/{annotation-style--rPIZsuP.js → annotation-style-CXF3X47Z.js}

@@ -1,5 +1,5 @@
-import { n as Icon } from "./icons-BrK5iVL8.js";
-import { n as useAnnotationFonts } from "./annotation-fonts-BqoLZ4Mp.js";
+import { n as Icon } from "./icons-7dB0Y1ct.js";
+import { n as useAnnotationFonts } from "./annotation-fonts-DWjVOTP0.js";
 import { t as useLabel } from "./labels-C6_i87Oj.js";
 import { useEffect, useRef, useState } from "react";
 import { useDocumentId, useKernelValue, useOptionalCapability } from "@embedpdf/react/runtime";
@@ -876,4 +876,4 @@ function RedactionLabelSection() {
 //#endregion
 export { AnnotationStylePanel };
 
-//# sourceMappingURL=annotation-style--rPIZsuP.js.map
+//# sourceMappingURL=annotation-style-CXF3X47Z.js.map