@oh-just-another/react-ui 0.61.0 → 0.62.0

package/dist/{color-swatch-picker.js → color/color-swatch-picker.js}

@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { Pipette, Plus, X } from "lucide-react";
 import { ELEMENT_PALETTE_LIGHT } from "./color-palette.js";
+import { BADGE_ICON } from "../core/constants.js";
 export const ColorSwatchPicker = ({ value, onChange, palette, allowCustom = true, allowClear = true, onEyedrop, }) => {
     // The canvas is not themed (always light paper), so element colors are
     // picked from the light palette regardless of the chrome theme.
@@ -13,9 +14,9 @@ export const ColorSwatchPicker = ({ value, onChange, palette, allowCustom = true
                     onEyedrop((c) => {
                         onChange(c);
                     });
-                }, className: "du-swatch du-swatch-eyedrop", children: _jsx("span", { className: "du-swatch-fill du-swatch-fill-blank", children: _jsx(Pipette, { size: 12, strokeWidth: 2 }) }) })) : null, allowClear ? (_jsx("button", { type: "button", "aria-label": "Clear colour", title: "Clear colour", onClick: () => {
+                }, className: "du-swatch du-swatch-eyedrop", children: _jsx("span", { className: "du-swatch-fill du-swatch-fill-blank", children: _jsx(Pipette, { ...BADGE_ICON }) }) })) : null, allowClear ? (_jsx("button", { type: "button", "aria-label": "Clear colour", title: "Clear colour", onClick: () => {
                     onChange(null);
-                }, className: "du-swatch du-swatch-clear", children: _jsx("span", { className: "du-swatch-fill du-swatch-fill-blank", children: _jsx(X, { size: 12, strokeWidth: 2 }) }) })) : null] }));
+                }, className: "du-swatch du-swatch-clear", children: _jsx("span", { className: "du-swatch-fill du-swatch-fill-blank", children: _jsx(X, { ...BADGE_ICON }) }) })) : null] }));
 };
 const Swatch = ({ color, selected, onClick, }) => {
     const isTransparent = color === "transparent";
@@ -32,7 +33,7 @@ const Swatch = ({ color, selected, onClick, }) => {
  */
 const CustomSwatch = ({ value, onChange, open, onOpenChange, }) => {
     const hasColour = !!value && value !== "transparent";
-    return (_jsxs("label", { className: "du-swatch du-swatch-custom", title: "Pick custom colour", children: [_jsx("span", { className: "du-swatch-fill", style: hasColour ? { background: value } : undefined, children: hasColour ? null : _jsx(Plus, { size: 12, strokeWidth: 2 }) }), _jsx("input", { type: "color", "aria-label": "Custom colour", value: normaliseHex(value), onChange: (ev) => {
+    return (_jsxs("label", { className: "du-swatch du-swatch-custom", title: "Pick custom colour", children: [_jsx("span", { className: "du-swatch-fill", style: hasColour ? { background: value } : undefined, children: hasColour ? null : _jsx(Plus, { ...BADGE_ICON }) }), _jsx("input", { type: "color", "aria-label": "Custom colour", value: normaliseHex(value), onChange: (ev) => {
                     onChange(ev.target.value);
                     onOpenChange(false);
                 }, onClick: () => {

package/dist/color/color-swatch-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-swatch-picker.js","sourceRoot":"","sources":["../../src/color/color-swatch-picker.tsx"],"names":[],"mappings":"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"}

package/dist/{constants.d.ts → core/constants.d.ts}

@@ -11,18 +11,27 @@ export declare const PALETTE_WIDTH = 200;
 export declare const PALETTE_ITEM_SIZE = 28;
 /** Width of the right property panel, in CSS pixels. */
 export declare const PROPERTY_PANEL_WIDTH = 240;
+/** Drop glyph in the centre of the file-drop overlay. */
+export declare const DROP_OVERLAY_ICON_SIZE = 48;
+export declare const ICON_STROKE = 2;
+export declare const CONTROL_ICON: {
+    readonly size: 24;
+    readonly strokeWidth: 2;
+};
+export declare const ROW_ICON: {
+    readonly size: 20;
+    readonly strokeWidth: 2;
+};
+export declare const MARK_ICON: {
+    readonly size: 12;
+    readonly strokeWidth: 2;
+};
+export declare const BADGE_ICON: {
+    readonly size: 12;
+    readonly strokeWidth: 2;
+};
 /** Pixel side of the colour swatches inside the property panel. */
 export declare const PROPERTY_SWATCH_SIZE = 12;
-/** Width of the layer panel, in CSS pixels. */
-export declare const LAYER_PANEL_WIDTH = 220;
-/** Pixel side of the toggle icon (visibility / lock) buttons. */
-export declare const LAYER_TOGGLE_ICON_SIZE = 20;
-/** Pixel side of the per-row colour swatch in the layer panel. */
-export declare const LAYER_SWATCH_SIZE = 22;
-/** Width of the comments popover, in CSS pixels. */
-export declare const COMMENTS_PANEL_WIDTH = 280;
-/** Pixel height of the toolbar vertical separator. */
-export declare const TOOLBAR_SEPARATOR_HEIGHT = 20;
 /**
  * Default auto-dismiss time for a toast (ms). 0 / Infinity keep it
  * open until the user clicks the × — useful for sticky errors.
@@ -83,6 +92,17 @@ export declare const SELECTION_PANEL_EDGE_INSET_BOTTOM_PX = 66;
 /** Inset from the LEFT edge — small margin (no left-docked chrome by default). */
 export declare const SELECTION_PANEL_EDGE_INSET_LEFT_PX = 16;
 export declare const POPOVER_OFFSET_PX = 6;
+/** Minimum distance a popover keeps from the viewport edges (px). Range: 4–16. */
+export declare const POPOVER_VIEWPORT_PADDING_PX = 6;
+/**
+ * Minimum distance the context menu (and its submenus) keeps from the
+ * viewport edges — matches the side inset of the static toolbars, so a menu
+ * pushed against an edge lines up with the docked chrome. The menu is
+ * clamped to the WINDOW, not the canvas: it may overhang an embedded
+ * canvas, and when the window is shorter than the menu it scrolls.
+ * Range: 8–24.
+ */
+export declare const MENU_VIEWPORT_PADDING_PX = 16;
 /**
  * Text contextual-panel controls.
  *
@@ -114,9 +134,13 @@ export declare const SEARCH_ZOOM_PADDING_PX = 160;
  * - `MINIMAP_WIDTH_PX` / `MINIMAP_HEIGHT_PX` — default canvas size in CSS px.
  * - `MINIMAP_PADDING_PX` — inner margin kept clear around the fitted scene so
  *   shapes at the edge aren't clipped. Range: 0–32.
- * - `MINIMAP_THROTTLE_MS` — minimum interval between overview repaints while
- *   the scene / viewport changes rapidly (pan, drag). Lower = smoother but
- *   more work per frame. Range: 60–500.
+ * - `MINIMAP_IDLE_MS` — the overview repaints only once the editor has been
+ *   quiet for this long: never during a drag / pan / pinch / wheel burst, so
+ *   the minimap costs nothing while the user is moving things, and once
+ *   right after. Range: 50–300.
+ * - `MINIMAP_BACKGROUND` / `MINIMAP_ELEMENT_COLOR` / `MINIMAP_ELEMENT_OPACITY` —
+ *   the overview is a schematic: white paper with every element's box in the
+ *   system accent colour (no real rendering).
  * - `MINIMAP_FRAME_COLOR` / `MINIMAP_FRAME_LINE_WIDTH` — stroke of the current
  *   viewport rectangle drawn over the overview.
  * - `MINIMAP_FRAME_FILL` — translucent wash inside the viewport rectangle.
@@ -128,7 +152,10 @@ export declare const SEARCH_ZOOM_PADDING_PX = 160;
 export declare const MINIMAP_WIDTH_PX = 200;
 export declare const MINIMAP_HEIGHT_PX = 150;
 export declare const MINIMAP_PADDING_PX = 8;
-export declare const MINIMAP_THROTTLE_MS = 150;
+export declare const MINIMAP_IDLE_MS = 120;
+export declare const MINIMAP_BACKGROUND = "#ffffff";
+export declare const MINIMAP_ELEMENT_COLOR: string;
+export declare const MINIMAP_ELEMENT_OPACITY = 0.55;
 /** Viewport frame on the minimap — the shared chrome accent (iris9). */
 export declare const MINIMAP_FRAME_COLOR: string;
 export declare const MINIMAP_FRAME_LINE_WIDTH = 1.5;
@@ -149,4 +176,29 @@ export declare const TEXT_FONT_STACKS: readonly {
 export declare const DRAWING_PANEL_WIDTH = 176;
 export declare const BRUSH_WIDTH_MIN = 1;
 export declare const BRUSH_WIDTH_MAX = 40;
+/**
+ * Quick-pick emoji shared by the emoji-element picker and the sticky
+ * reaction bar. Order is display order.
+ */
+export declare const EMOJI_QUICK_PICKS: readonly string[];
+/**
+ * How long the viewport must stay still before canvas-anchored DOM
+ * overlays (link badges, sticky reactions) reappear after a pan/zoom.
+ * Reasonable range 80–300 ms.
+ */
+export declare const VIEWPORT_QUIET_MS = 150;
+/**
+ * How long after an element gesture (move / resize / rotate) ends before
+ * the floating selection toolbar reappears. During the gesture the
+ * toolbar is hidden entirely — repositioning it (floating-ui
+ * autoUpdate + React re-render) on every frame of a drag costs more
+ * than the whole canvas repaint. Reasonable range 100–400 ms.
+ */
+export declare const GESTURE_QUIET_MS = 100;
+/**
+ * Default corner radius for a freshly applied rounded-rect image mask,
+ * as a fraction of the shorter box side (0..0.5). The mask popover's
+ * slider adjusts it per shape afterwards.
+ */
+export declare const IMAGE_MASK_DEFAULT_RADIUS = 0.2;
 //# sourceMappingURL=constants.d.ts.map

package/dist/core/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/core/constants.ts"],"names":[],"mappings":"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"}

package/dist/{constants.js → core/constants.js}

@@ -17,18 +17,39 @@ export const PALETTE_WIDTH = 200;
 export const PALETTE_ITEM_SIZE = 28;
 /** Width of the right property panel, in CSS pixels. */
 export const PROPERTY_PANEL_WIDTH = 240;
+/**
+ * Lucide icon sizing — one set for the whole chrome so a 40-px control, a
+ * menu row and a chip all read at the same weight, and every glyph lands
+ * on the pixel grid. Lucide draws on a 24-unit grid with a 2-unit stroke:
+ * only whole multiples keep that geometry on device pixels — 24 (1:1) and
+ * 12 (×½, stroke 2 → 1-px lines). Any other size (20, 16, 14 …) scales the
+ * grid fractionally and every edge lands between pixels, which reads
+ * blurry at 1× and 2× alike.
+ * - `CONTROL_ICON` — glyph inside a 40-px control (toolbar buttons, the
+ *   selection panel, panel headers, dialog buttons): 24 / 2.
+ * - `ROW_ICON` — leading icon of a menu / list row (24-px gutter): 20 / 2 —
+ *   a step below the controls by design; the ×⅚ scale costs a little
+ *   crispness, the trade the menus make for a lighter row.
+ * - `MARK_ICON` — check / chevron marks: 12 / 2.
+ * - `BADGE_ICON` — tiny glyphs inside chips and badges: 12 / 2.
+ */
+const CONTROL_ICON_SIZE = 24;
+const CONTROL_ICON_STROKE = 2;
+const ROW_ICON_SIZE = 20;
+const ROW_ICON_STROKE = 2;
+const MARK_ICON_SIZE = 12;
+const MARK_ICON_STROKE = 2;
+const BADGE_ICON_SIZE = 12;
+const BADGE_ICON_STROKE = 2;
+/** Drop glyph in the centre of the file-drop overlay. */
+export const DROP_OVERLAY_ICON_SIZE = 48;
+export const ICON_STROKE = 2;
+export const CONTROL_ICON = { size: CONTROL_ICON_SIZE, strokeWidth: CONTROL_ICON_STROKE };
+export const ROW_ICON = { size: ROW_ICON_SIZE, strokeWidth: ROW_ICON_STROKE };
+export const MARK_ICON = { size: MARK_ICON_SIZE, strokeWidth: MARK_ICON_STROKE };
+export const BADGE_ICON = { size: BADGE_ICON_SIZE, strokeWidth: BADGE_ICON_STROKE };
 /** Pixel side of the colour swatches inside the property panel. */
 export const PROPERTY_SWATCH_SIZE = 12;
-/** Width of the layer panel, in CSS pixels. */
-export const LAYER_PANEL_WIDTH = 220;
-/** Pixel side of the toggle icon (visibility / lock) buttons. */
-export const LAYER_TOGGLE_ICON_SIZE = 20;
-/** Pixel side of the per-row colour swatch in the layer panel. */
-export const LAYER_SWATCH_SIZE = 22;
-/** Width of the comments popover, in CSS pixels. */
-export const COMMENTS_PANEL_WIDTH = 280;
-/** Pixel height of the toolbar vertical separator. */
-export const TOOLBAR_SEPARATOR_HEIGHT = 20;
 /**
  * Default auto-dismiss time for a toast (ms). 0 / Infinity keep it
  * open until the user clicks the × — useful for sticky errors.
@@ -89,6 +110,17 @@ export const SELECTION_PANEL_EDGE_INSET_BOTTOM_PX = 66;
 /** Inset from the LEFT edge — small margin (no left-docked chrome by default). */
 export const SELECTION_PANEL_EDGE_INSET_LEFT_PX = 16;
 export const POPOVER_OFFSET_PX = 6;
+/** Minimum distance a popover keeps from the viewport edges (px). Range: 4–16. */
+export const POPOVER_VIEWPORT_PADDING_PX = 6;
+/**
+ * Minimum distance the context menu (and its submenus) keeps from the
+ * viewport edges — matches the side inset of the static toolbars, so a menu
+ * pushed against an edge lines up with the docked chrome. The menu is
+ * clamped to the WINDOW, not the canvas: it may overhang an embedded
+ * canvas, and when the window is shorter than the menu it scrolls.
+ * Range: 8–24.
+ */
+export const MENU_VIEWPORT_PADDING_PX = 16;
 /**
  * Text contextual-panel controls.
  *
@@ -122,9 +154,13 @@ export const SEARCH_ZOOM_PADDING_PX = 160;
  * - `MINIMAP_WIDTH_PX` / `MINIMAP_HEIGHT_PX` — default canvas size in CSS px.
  * - `MINIMAP_PADDING_PX` — inner margin kept clear around the fitted scene so
  *   shapes at the edge aren't clipped. Range: 0–32.
- * - `MINIMAP_THROTTLE_MS` — minimum interval between overview repaints while
- *   the scene / viewport changes rapidly (pan, drag). Lower = smoother but
- *   more work per frame. Range: 60–500.
+ * - `MINIMAP_IDLE_MS` — the overview repaints only once the editor has been
+ *   quiet for this long: never during a drag / pan / pinch / wheel burst, so
+ *   the minimap costs nothing while the user is moving things, and once
+ *   right after. Range: 50–300.
+ * - `MINIMAP_BACKGROUND` / `MINIMAP_ELEMENT_COLOR` / `MINIMAP_ELEMENT_OPACITY` —
+ *   the overview is a schematic: white paper with every element's box in the
+ *   system accent colour (no real rendering).
  * - `MINIMAP_FRAME_COLOR` / `MINIMAP_FRAME_LINE_WIDTH` — stroke of the current
  *   viewport rectangle drawn over the overview.
  * - `MINIMAP_FRAME_FILL` — translucent wash inside the viewport rectangle.
@@ -136,7 +172,10 @@ export const SEARCH_ZOOM_PADDING_PX = 160;
 export const MINIMAP_WIDTH_PX = 200;
 export const MINIMAP_HEIGHT_PX = 150;
 export const MINIMAP_PADDING_PX = 8;
-export const MINIMAP_THROTTLE_MS = 150;
+export const MINIMAP_IDLE_MS = 120;
+export const MINIMAP_BACKGROUND = "#ffffff";
+export const MINIMAP_ELEMENT_COLOR = UI_ACCENT.light.accent;
+export const MINIMAP_ELEMENT_OPACITY = 0.55;
 /** Viewport frame on the minimap — the shared chrome accent (iris9). */
 export const MINIMAP_FRAME_COLOR = UI_ACCENT.light.accent;
 export const MINIMAP_FRAME_LINE_WIDTH = 1.5;
@@ -162,4 +201,50 @@ export const TEXT_FONT_STACKS = [
 export const DRAWING_PANEL_WIDTH = 176;
 export const BRUSH_WIDTH_MIN = 1;
 export const BRUSH_WIDTH_MAX = 40;
+/**
+ * Quick-pick emoji shared by the emoji-element picker and the sticky
+ * reaction bar. Order is display order.
+ */
+export const EMOJI_QUICK_PICKS = [
+    "😀",
+    "😂",
+    "😍",
+    "🤔",
+    "😎",
+    "🙌",
+    "👍",
+    "👎",
+    "👏",
+    "🔥",
+    "❤️",
+    "💡",
+    "⭐",
+    "✅",
+    "❌",
+    "⚠️",
+    "❓",
+    "🎉",
+    "🚀",
+    "👀",
+];
+/**
+ * How long the viewport must stay still before canvas-anchored DOM
+ * overlays (link badges, sticky reactions) reappear after a pan/zoom.
+ * Reasonable range 80–300 ms.
+ */
+export const VIEWPORT_QUIET_MS = 150;
+/**
+ * How long after an element gesture (move / resize / rotate) ends before
+ * the floating selection toolbar reappears. During the gesture the
+ * toolbar is hidden entirely — repositioning it (floating-ui
+ * autoUpdate + React re-render) on every frame of a drag costs more
+ * than the whole canvas repaint. Reasonable range 100–400 ms.
+ */
+export const GESTURE_QUIET_MS = 100;
+/**
+ * Default corner radius for a freshly applied rounded-rect image mask,
+ * as a fraction of the shorter box side (0..0.5). The mask popover's
+ * slider adjusts it per shape afterwards.
+ */
+export const IMAGE_MASK_DEFAULT_RADIUS = 0.2;
 //# sourceMappingURL=constants.js.map

package/dist/core/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/core/constants.ts"],"names":[],"mappings":"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"}

package/dist/core/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/core/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0D,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/F,OAAO,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAoBnE,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;CAC9B;AAED,mDAAmD;AACnD,eAAO,MAAM,eAAe,GAAI,sBAAsB,oBAAoB,4CAEzE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,wCAAiB,CAAC;AAElD;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,QAAO,MASpC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,QAAO,MAAM,GAAG,IAAkC,CAAC;AAEzF;;;;;;;;GAQG;AACH,eAAO,MAAM,iBAAiB,GAAI,CAAC,EACjC,QAAQ,CAAC,MAAM,EAAE,MAAM,KAAK,CAAC,EAC7B,cAAc,CAAC;AACf;;;;;;GAMG;AACH,QAAQ,MAAM,YAAY,KACzB,CA+BF,CAAC"}

package/dist/core/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/core/context.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AAG/F;;;;;;;;;;;;;;;GAeG;AACH,MAAM,cAAc,GAAG,aAAa,CAAgB,IAAI,CAAC,CAAC;AAO1D,mDAAmD;AACnD,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAwB,EAAE,EAAE;IAC5E,OAAO,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,YAAG,QAAQ,GAA2B,CAAC;AACtF,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,cAAc,CAAC;AAElD;;;;GAIG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAW,EAAE;IAC5C,MAAM,MAAM,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IAC1C,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,MAAM,IAAI,KAAK,CACb,oFAAoF;YAClF,qCAAqC,CACxC,CAAC;IACJ,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAkB,EAAE,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;AAEzF;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,MAA6B,EAC7B,YAAe;AACf;;;;;;GAMG;AACH,KAA0B,EACvB,EAAE;IACL,MAAM,MAAM,GAAG,yBAAyB,EAAE,CAAC;IAC3C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAI,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC;IACtF,0EAA0E;IAC1E,0EAA0E;IAC1E,wBAAwB;IACxB,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IACjC,SAAS,CAAC,OAAO,GAAG,MAAM,CAAC;IAC3B,MAAM,UAAU,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC;IACxC,UAAU,CAAC,OAAO,GAAG,YAAY,CAAC;IAElC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,QAAQ,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;YAC7B,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,MAAM,MAAM,GAAG,GAAG,EAAE;YAClB,MAAM,IAAI,GAAG,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YACvC,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;QAC5D,CAAC,CAAC;QACF,MAAM,EAAE,CAAC;QACT,mEAAmE;QACnE,oEAAoE;QACpE,sEAAsE;QACtE,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACxB,OAAO,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QAClC,CAAC;QACD,OAAO,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IAClC,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC;IAEpB,OAAO,KAAK,CAAC;AACf,CAAC,CAAC"}

package/dist/core/hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/core/hooks.ts"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,UAAU,EACf,KAAK,KAAK,EACV,KAAK,KAAK,EACX,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EACL,KAAK,YAAY,EACjB,KAAK,MAAM,EAEX,KAAK,OAAO,EACb,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAGL,KAAK,aAAa,EAClB,KAAK,MAAM,EACX,KAAK,UAAU,EACf,KAAK,SAAS,EACf,MAAM,wBAAwB,CAAC;AAGhC;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,QAAO,MAA6B,CAAC;AAc5D,eAAO,MAAM,eAAe,QAAO,OAehC,CAAC;AAEJ;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,QAAO,MAAM,GAAG,IAAmC,CAAC;AAInF,iFAAiF;AACjF,eAAO,MAAM,QAAQ,QAAO,KAAgE,CAAC;AAE7F,uEAAuE;AACvE,eAAO,MAAM,YAAY,QAAO,SACqC,CAAC;AAKtE;;;GAGG;AACH,eAAO,MAAM,aAAa,QAAO,UACgD,CAAC;AAElF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,QAAO,aAC+B,CAAC;AAEpE;;;;;GAKG;AACH,eAAO,MAAM,WAAW,QAAO,OAAsD,CAAC;AAEtF;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,QAAO;IAC5B,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,IAAI,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,CAAC,IAAI,EAAE,MAAM,IAAI,CAAC;CAc3B,CAAC;AAIF,8EAA8E;AAC9E,eAAO,MAAM,SAAS,QAAO,SAAS,KAAK,EACwB,CAAC;AAIpE,sDAAsD;AACtD,eAAO,MAAM,gBAAgB,QAAO,OAC6B,CAAC;AAIlE;;;;GAIG;AACH,eAAO,MAAM,cAAc,QAAO,SAAS,UAAU,EAC2B,CAAC;AAEjF,sEAAsE;AACtE,eAAO,MAAM,qBAAqB,QAAO,YAAY,GAAG,IACmB,CAAC;AAE5E,oEAAoE;AACpE,eAAO,MAAM,eAAe,QAAO,MAAM,GAAG,IACmB,CAAC"}

package/dist/core/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../src/core/hooks.ts"],"names":[],"mappings":"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"}

package/dist/core/portal-container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal-container.d.ts","sourceRoot":"","sources":["../../src/core/portal-container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAclE,eAAO,MAAM,uBAAuB,GAAI,0BAGrC;IACD,QAAQ,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI,CAAC;IACvC,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;CAC9B,4CAEA,CAAC;AAEF,yEAAyE;AACzE,eAAO,MAAM,kBAAkB,QAAO,WACe,CAAC"}

package/dist/core/portal-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal-container.js","sourceRoot":"","sources":["../../src/core/portal-container.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAC;AAElE;;;;;;;;;GASG;AACH,MAAM,sBAAsB,GAAG,aAAa,CAAqB,IAAI,CAAC,CAAC;AAEvE,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EACtC,SAAS,EACT,QAAQ,GAIT,EAAE,EAAE,CAAC,CACJ,KAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS,YAAG,QAAQ,GAAmC,CAChG,CAAC;AAEF,yEAAyE;AACzE,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAgB,EAAE,CAClD,UAAU,CAAC,sBAAsB,CAAC,IAAI,QAAQ,CAAC,IAAI,CAAC"}

package/dist/core/use-fullscreen.d.ts

@@ -0,0 +1,14 @@
+import { type RefObject } from "react";
+/**
+ * Browser fullscreen for one element: `active` mirrors
+ * `document.fullscreenElement`, `toggle` enters fullscreen on the ref's
+ * element or exits. `supported` is `false` where the Fullscreen API is
+ * missing (older iOS Safari, sandboxed frames) so hosts can hide the
+ * control. Never throws — a rejected request just leaves `active` false.
+ */
+export declare const useFullscreen: (ref: RefObject<HTMLElement | null>) => {
+    readonly active: boolean;
+    readonly supported: boolean;
+    readonly toggle: () => void;
+};
+//# sourceMappingURL=use-fullscreen.d.ts.map

package/dist/core/use-fullscreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-fullscreen.d.ts","sourceRoot":"","sources":["../../src/core/use-fullscreen.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzE;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,GACxB,KAAK,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,KACjC;IAAE,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,MAAM,EAAE,MAAM,IAAI,CAAA;CA0BtF,CAAC"}

package/dist/core/use-fullscreen.js

@@ -0,0 +1,38 @@
+import { useCallback, useEffect, useState } from "react";
+/**
+ * Browser fullscreen for one element: `active` mirrors
+ * `document.fullscreenElement`, `toggle` enters fullscreen on the ref's
+ * element or exits. `supported` is `false` where the Fullscreen API is
+ * missing (older iOS Safari, sandboxed frames) so hosts can hide the
+ * control. Never throws — a rejected request just leaves `active` false.
+ */
+export const useFullscreen = (ref) => {
+    const supported = typeof document !== "undefined" && typeof document.exitFullscreen === "function";
+    const [active, setActive] = useState(false);
+    useEffect(() => {
+        if (!supported)
+            return undefined;
+        const sync = () => {
+            const el = ref.current;
+            setActive(el !== null && document.fullscreenElement === el);
+        };
+        sync();
+        document.addEventListener("fullscreenchange", sync);
+        return () => {
+            document.removeEventListener("fullscreenchange", sync);
+        };
+    }, [ref, supported]);
+    const toggle = useCallback(() => {
+        if (!supported)
+            return;
+        const el = ref.current;
+        if (document.fullscreenElement) {
+            void document.exitFullscreen().catch(() => undefined);
+        }
+        else if (el && typeof el.requestFullscreen === "function") {
+            void el.requestFullscreen().catch(() => undefined);
+        }
+    }, [ref, supported]);
+    return { active, supported, toggle };
+};
+//# sourceMappingURL=use-fullscreen.js.map

package/dist/core/use-fullscreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-fullscreen.js","sourceRoot":"","sources":["../../src/core/use-fullscreen.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AAEzE;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,GAAkC,EACsD,EAAE;IAC1F,MAAM,SAAS,GACb,OAAO,QAAQ,KAAK,WAAW,IAAI,OAAO,QAAQ,CAAC,cAAc,KAAK,UAAU,CAAC;IACnF,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS;YAAE,OAAO,SAAS,CAAC;QACjC,MAAM,IAAI,GAAG,GAAG,EAAE;YAChB,MAAM,EAAE,GAAG,GAAG,CAAC,OAAO,CAAC;YACvB,SAAS,CAAC,EAAE,KAAK,IAAI,IAAI,QAAQ,CAAC,iBAAiB,KAAK,EAAE,CAAC,CAAC;QAC9D,CAAC,CAAC;QACF,IAAI,EAAE,CAAC;QACP,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,IAAI,CAAC,CAAC;QACpD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,IAAI,CAAC,CAAC;QACzD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC;IACrB,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,IAAI,CAAC,SAAS;YAAE,OAAO;QACvB,MAAM,EAAE,GAAG,GAAG,CAAC,OAAO,CAAC;QACvB,IAAI,QAAQ,CAAC,iBAAiB,EAAE,CAAC;YAC/B,KAAK,QAAQ,CAAC,cAAc,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC;QACxD,CAAC;aAAM,IAAI,EAAE,IAAI,OAAO,EAAE,CAAC,iBAAiB,KAAK,UAAU,EAAE,CAAC;YAC5D,KAAK,EAAE,CAAC,iBAAiB,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC;QACrD,CAAC;IACH,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC;IACrB,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC;AACvC,CAAC,CAAC"}

package/dist/core/use-quiet-gesture.d.ts

@@ -0,0 +1,11 @@
+import type { Editor } from "@oh-just-another/state";
+/**
+ * `true` while no element gesture (move / resize / rotate — anything
+ * running through the editor's gesture transaction or element drag — or
+ * a library drag-to-place) is active, plus a `GESTURE_QUIET_MS` settle delay after it ends. The
+ * floating selection toolbar hides while this is `false`: repositioning
+ * it (floating-ui autoUpdate + a React re-render of the whole property
+ * toolbar) on every frame of a drag makes the element visibly lag.
+ */
+export declare const useQuietGesture: (editor: Editor | null) => boolean;
+//# sourceMappingURL=use-quiet-gesture.d.ts.map

package/dist/core/use-quiet-gesture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-quiet-gesture.d.ts","sourceRoot":"","sources":["../../src/core/use-quiet-gesture.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAGrD;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,GAAI,QAAQ,MAAM,GAAG,IAAI,KAAG,OA8CvD,CAAC"}

package/dist/core/use-quiet-gesture.js

@@ -0,0 +1,61 @@
+import { useEffect, useRef, useState } from "react";
+import { GESTURE_QUIET_MS } from "./constants.js";
+/**
+ * `true` while no element gesture (move / resize / rotate — anything
+ * running through the editor's gesture transaction or element drag — or
+ * a library drag-to-place) is active, plus a `GESTURE_QUIET_MS` settle delay after it ends. The
+ * floating selection toolbar hides while this is `false`: repositioning
+ * it (floating-ui autoUpdate + a React re-render of the whole property
+ * toolbar) on every frame of a drag makes the element visibly lag.
+ */
+export const useQuietGesture = (editor) => {
+    const [quiet, setQuiet] = useState(true);
+    const quietRef = useRef(true);
+    const timer = useRef(null);
+    // Scene identity at gesture start. A press alone (`dragElementId` is
+    // set on pointer-DOWN) must not hide the toolbar — a plain
+    // click-select would blink it. Only a gesture that actually CHANGED
+    // the scene (moved / resized / rotated something) counts.
+    const gestureBaseScene = useRef(null);
+    useEffect(() => {
+        if (!editor)
+            return undefined;
+        const off = editor.on("change", () => {
+            // A library placement is a drag from its first frame — no press-only
+            // phase to wait out, hide at once.
+            const placing = editor.placementId !== null;
+            const active = placing || editor.gestureTx !== null || editor.dragElementId !== null;
+            if (active) {
+                gestureBaseScene.current ??= editor.scene;
+                if (!placing && editor.scene === gestureBaseScene.current)
+                    return; // press, no movement yet
+                if (timer.current !== null) {
+                    clearTimeout(timer.current);
+                    timer.current = null;
+                }
+                if (quietRef.current) {
+                    quietRef.current = false;
+                    setQuiet(false);
+                }
+            }
+            else if (gestureBaseScene.current !== null || !quietRef.current) {
+                gestureBaseScene.current = null;
+                if (quietRef.current || timer.current !== null)
+                    return;
+                // Gesture over — reappear after the settle delay.
+                timer.current = setTimeout(() => {
+                    timer.current = null;
+                    quietRef.current = true;
+                    setQuiet(true);
+                }, GESTURE_QUIET_MS);
+            }
+        });
+        return () => {
+            off();
+            if (timer.current !== null)
+                clearTimeout(timer.current);
+        };
+    }, [editor]);
+    return quiet;
+};
+//# sourceMappingURL=use-quiet-gesture.js.map

package/dist/core/use-quiet-gesture.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-quiet-gesture.js","sourceRoot":"","sources":["../../src/core/use-quiet-gesture.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAElD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,MAAqB,EAAW,EAAE;IAChE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACzC,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAC9B,MAAM,KAAK,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAC;IACjE,qEAAqE;IACrE,2DAA2D;IAC3D,oEAAoE;IACpE,0DAA0D;IAC1D,MAAM,gBAAgB,GAAG,MAAM,CAAyB,IAAI,CAAC,CAAC;IAE9D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM;YAAE,OAAO,SAAS,CAAC;QAC9B,MAAM,GAAG,GAAG,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,EAAE;YACnC,qEAAqE;YACrE,mCAAmC;YACnC,MAAM,OAAO,GAAG,MAAM,CAAC,WAAW,KAAK,IAAI,CAAC;YAC5C,MAAM,MAAM,GAAG,OAAO,IAAI,MAAM,CAAC,SAAS,KAAK,IAAI,IAAI,MAAM,CAAC,aAAa,KAAK,IAAI,CAAC;YACrF,IAAI,MAAM,EAAE,CAAC;gBACX,gBAAgB,CAAC,OAAO,KAAK,MAAM,CAAC,KAAK,CAAC;gBAC1C,IAAI,CAAC,OAAO,IAAI,MAAM,CAAC,KAAK,KAAK,gBAAgB,CAAC,OAAO;oBAAE,OAAO,CAAC,yBAAyB;gBAC5F,IAAI,KAAK,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;oBAC3B,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;oBAC5B,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC;gBACvB,CAAC;gBACD,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;oBACrB,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;oBACzB,QAAQ,CAAC,KAAK,CAAC,CAAC;gBAClB,CAAC;YACH,CAAC;iBAAM,IAAI,gBAAgB,CAAC,OAAO,KAAK,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;gBAClE,gBAAgB,CAAC,OAAO,GAAG,IAAI,CAAC;gBAChC,IAAI,QAAQ,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,KAAK,IAAI;oBAAE,OAAO;gBACvD,kDAAkD;gBAClD,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;oBAC9B,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC;oBACrB,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;oBACxB,QAAQ,CAAC,IAAI,CAAC,CAAC;gBACjB,CAAC,EAAE,gBAAgB,CAAC,CAAC;YACvB,CAAC;QACH,CAAC,CAAC,CAAC;QACH,OAAO,GAAG,EAAE;YACV,GAAG,EAAE,CAAC;YACN,IAAI,KAAK,CAAC,OAAO,KAAK,IAAI;gBAAE,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAC1D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,KAAK,CAAC;AACf,CAAC,CAAC"}

package/dist/core/use-quiet-viewport.d.ts

@@ -0,0 +1,10 @@
+import type { Editor } from "@oh-just-another/state";
+/**
+ * `true` while the viewport has been still for `VIEWPORT_QUIET_MS`.
+ * DOM overlays anchored to canvas coordinates (link badges, sticky
+ * reactions) hide while this is `false`: re-rendering them on every
+ * pan/zoom frame made React reconciliation a per-frame cost on the main
+ * thread. They pop back in as soon as the camera settles.
+ */
+export declare const useQuietViewport: (editor: Editor | null) => boolean;
+//# sourceMappingURL=use-quiet-viewport.d.ts.map

package/dist/core/use-quiet-viewport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-quiet-viewport.d.ts","sourceRoot":"","sources":["../../src/core/use-quiet-viewport.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAGrD;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,GAAI,QAAQ,MAAM,GAAG,IAAI,KAAG,OA0BxD,CAAC"}

package/dist/core/use-quiet-viewport.js

@@ -0,0 +1,40 @@
+import { useEffect, useRef, useState } from "react";
+import { VIEWPORT_QUIET_MS } from "./constants.js";
+/**
+ * `true` while the viewport has been still for `VIEWPORT_QUIET_MS`.
+ * DOM overlays anchored to canvas coordinates (link badges, sticky
+ * reactions) hide while this is `false`: re-rendering them on every
+ * pan/zoom frame made React reconciliation a per-frame cost on the main
+ * thread. They pop back in as soon as the camera settles.
+ */
+export const useQuietViewport = (editor) => {
+    const [quiet, setQuiet] = useState(true);
+    const last = useRef(null);
+    const timer = useRef(null);
+    useEffect(() => {
+        if (!editor)
+            return undefined;
+        const off = editor.on("change", () => {
+            const v = editor.scene.viewport;
+            const prev = last.current;
+            last.current = { x: v.pan.x, y: v.pan.y, zoom: v.zoom };
+            if (prev?.x === v.pan.x && prev.y === v.pan.y && prev.zoom === v.zoom)
+                return;
+            if (prev === null)
+                return; // first observation — nothing moved yet
+            setQuiet(false);
+            if (timer.current !== null)
+                clearTimeout(timer.current);
+            timer.current = setTimeout(() => {
+                setQuiet(true);
+            }, VIEWPORT_QUIET_MS);
+        });
+        return () => {
+            off();
+            if (timer.current !== null)
+                clearTimeout(timer.current);
+        };
+    }, [editor]);
+    return quiet;
+};
+//# sourceMappingURL=use-quiet-viewport.js.map

package/dist/core/use-quiet-viewport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-quiet-viewport.js","sourceRoot":"","sources":["../../src/core/use-quiet-viewport.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,MAAqB,EAAW,EAAE;IACjE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACzC,MAAM,IAAI,GAAG,MAAM,CAAgD,IAAI,CAAC,CAAC;IACzE,MAAM,KAAK,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAC;IAEjE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM;YAAE,OAAO,SAAS,CAAC;QAC9B,MAAM,GAAG,GAAG,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,EAAE;YACnC,MAAM,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC;YAChC,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC;YAC1B,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;YACxD,IAAI,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI;gBAAE,OAAO;YAC9E,IAAI,IAAI,KAAK,IAAI;gBAAE,OAAO,CAAC,wCAAwC;YACnE,QAAQ,CAAC,KAAK,CAAC,CAAC;YAChB,IAAI,KAAK,CAAC,OAAO,KAAK,IAAI;gBAAE,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;YACxD,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC9B,QAAQ,CAAC,IAAI,CAAC,CAAC;YACjB,CAAC,EAAE,iBAAiB,CAAC,CAAC;QACxB,CAAC,CAAC,CAAC;QACH,OAAO,GAAG,EAAE;YACV,GAAG,EAAE,CAAC;YACN,IAAI,KAAK,CAAC,OAAO,KAAK,IAAI;gBAAE,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAC1D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,KAAK,CAAC;AACf,CAAC,CAAC"}