@printwithsynergy/artwork-pdf-editor 0.1.1

package/README.md

@@ -0,0 +1,117 @@
+# @printwithsynergy/artwork-pdf-editor
+
+Host-customizable React editor for [artworkPDF](https://artworkpdf.com).
+Drop into any React 19 host (Next.js, Astro `client:only`, Remix, plain
+React) to give users a WYSIWYG packaging-artwork canvas with dieline
+templates, bleed visualization, and PDF export. AGPL-3.0-or-later.
+
+## Install
+
+```sh
+pnpm add @printwithsynergy/artwork-pdf-editor react react-dom react-konva konva
+```
+
+Peers: `react@^19`, `react-dom@^19`, `react-konva@^19`, `konva@^10`.
+`pdf-lib` is a regular dependency — it comes along automatically and
+powers the demo-mode client-side export.
+
+## Quick start
+
+```tsx
+import {
+  EditorApp,
+  getDefaultTemplate,
+  templateToInitialState,
+} from "@printwithsynergy/artwork-pdf-editor";
+
+const { objects, pageSize } = templateToInitialState(getDefaultTemplate());
+
+export default function Page() {
+  return (
+    <EditorApp
+      demo
+      initialPhase="editor"
+      initialObjects={objects}
+      initialPageSize={pageSize}
+    />
+  );
+}
+```
+
+In Astro with `output: "static"`, mount under `client:only="react"` and
+seed initial state inside a `useEffect` (server has no `window`).
+
+## Customizing the top bar
+
+The editor's top bar is the only host-customizable chrome. Pass any
+`logo` ReactNode (`null` to hide), wordmark text, and extra CTAs:
+
+```tsx
+<EditorApp
+  topBar={{
+    logo: <img src="/acme-logo.svg" alt="Acme" height={24} />,
+    brandText: "Acme Designer",
+    extraButtons: [
+      { label: "Features", href: "/features" },
+      { label: "Sign up", href: "/signup", primary: true },
+    ],
+  }}
+/>
+```
+
+The hamburger button is always rendered at the leftmost position on
+mobile so muscle memory is consistent across hosts.
+
+## Feature flags (`EditorConfig`)
+
+Disable any feature globally, per mode (basic/pro), or per instance.
+Defaults to everything enabled.
+
+```tsx
+<EditorApp
+  config={{
+    enable_separations_panel: false,
+    enable_layers_panel: false,
+    enable_source_link: false,
+  }}
+/>
+```
+
+Resolution order: `DEFAULT_EDITOR_CONFIG` → `{BASIC,PRO}_MODE_OVERRIDES`
+→ instance overrides. The full flag list is in
+[`src/lib/editor-config.ts`](src/lib/editor-config.ts).
+
+## Bleed
+
+Bleed defaults to industry-standard 0.125 in (3.175 mm). Override per
+mount or via URL on a hosted route:
+
+```tsx
+<EditorApp bleedMm={5} />
+```
+
+```
+/demo?bleed=0.25in
+/demo?bleed=3mm
+/demo?bleed=3.175
+```
+
+`parseBleed()` is exported for hosts that need to map their own URL
+contract.
+
+## Dieline deep-links
+
+Templates live in [`src/data/dielines.json`](src/data/dielines.json).
+Each has a stable `id`; one is flagged `isDefault: true`.
+
+```tsx
+import { getTemplateById } from "@printwithsynergy/artwork-pdf-editor";
+const tpl = getTemplateById("standup-pouch-4x6");
+```
+
+Hosted routes can deep-link with `?dieline=<id>`.
+
+## License
+
+AGPL-3.0-or-later. Source:
+<https://github.com/printwithsynergy/artwork-pdf>.

package/dist/components/DielineLibraryModal.d.ts

@@ -0,0 +1,9 @@
+import { type DielineTemplate } from "../lib/dieline-template";
+type Props = {
+    open: boolean;
+    onClose: () => void;
+    onSelect: (template: DielineTemplate) => void;
+};
+export declare function DielineLibraryModal({ open, onClose, onSelect }: Props): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=DielineLibraryModal.d.ts.map

package/dist/components/DielineLibraryModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DielineLibraryModal.d.ts","sourceRoot":"","sources":["../../src/components/DielineLibraryModal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,eAAe,EAAa,MAAM,yBAAyB,CAAC;AAE1E,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,QAAQ,EAAE,eAAe,KAAK,IAAI,CAAC;CAC/C,CAAC;AAOF,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,KAAK,kDAwKrE"}

package/dist/components/DielineLibraryModal.js

@@ -0,0 +1,107 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { TEMPLATES } from "../lib/dieline-template";
+const PANEL = "#1a0f08";
+const BORDER = "#3d1a00";
+const BRAND = "#fc5102";
+const MUTED = "#888";
+export function DielineLibraryModal({ open, onClose, onSelect }) {
+    const [query, setQuery] = useState("");
+    if (!open)
+        return null;
+    const q = query.trim().toLowerCase();
+    const filtered = q
+        ? TEMPLATES.filter((t) => t.name.toLowerCase().includes(q) ||
+            t.category.toLowerCase().includes(q) ||
+            t.tags.some((tag) => tag.toLowerCase().includes(q)))
+        : TEMPLATES;
+    return (_jsx("div", { role: "dialog", "aria-modal": "true", "aria-label": "Dieline library", onClick: onClose, onKeyDown: (e) => {
+            if (e.key === "Escape")
+                onClose();
+        }, style: {
+            position: "fixed",
+            inset: 0,
+            background: "rgba(0,0,0,0.7)",
+            zIndex: 1000,
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            padding: "1rem",
+        }, children: _jsxs("div", { onClick: (e) => e.stopPropagation(), onKeyDown: (e) => e.stopPropagation(), role: "document", style: {
+                background: PANEL,
+                border: `1px solid ${BORDER}`,
+                borderRadius: 8,
+                maxWidth: 880,
+                width: "100%",
+                maxHeight: "85vh",
+                display: "flex",
+                flexDirection: "column",
+                overflow: "hidden",
+            }, children: [_jsxs("header", { style: {
+                        display: "flex",
+                        alignItems: "center",
+                        gap: "0.75rem",
+                        padding: "0.85rem 1rem",
+                        borderBottom: `1px solid ${BORDER}`,
+                    }, children: [_jsx("h2", { style: { margin: 0, fontSize: "0.95rem", color: "#fff", flex: 1 }, children: "Dieline library" }), _jsx("input", { type: "search", placeholder: "Search pouches, labels, cartons\u2026", value: query, onChange: (e) => setQuery(e.target.value), style: {
+                                background: "#120a04",
+                                border: `1px solid ${BORDER}`,
+                                color: "#fff",
+                                borderRadius: 4,
+                                padding: "0.3rem 0.55rem",
+                                fontSize: "0.8rem",
+                                width: 240,
+                                fontFamily: "inherit",
+                            } }), _jsx("button", { type: "button", onClick: onClose, "aria-label": "Close", style: {
+                                background: "transparent",
+                                border: "none",
+                                color: MUTED,
+                                fontSize: "1.1rem",
+                                cursor: "pointer",
+                                padding: "0 0.25rem",
+                            }, children: "\u2715" })] }), _jsxs("div", { style: {
+                        flex: 1,
+                        overflowY: "auto",
+                        padding: "1rem",
+                        display: "grid",
+                        gap: "0.85rem",
+                        gridTemplateColumns: "repeat(auto-fill, minmax(200px, 1fr))",
+                    }, children: [filtered.length === 0 && (_jsxs("p", { style: { color: MUTED, fontSize: "0.85rem" }, children: ["No dielines match \u201C", query, "\u201D."] })), filtered.map((t) => (_jsxs("button", { type: "button", onClick: () => {
+                                onSelect(t);
+                                onClose();
+                            }, style: {
+                                background: "#120a04",
+                                border: `1px solid ${BORDER}`,
+                                borderRadius: 6,
+                                padding: "0.6rem",
+                                textAlign: "left",
+                                color: "#ddd",
+                                cursor: "pointer",
+                                fontFamily: "inherit",
+                                display: "flex",
+                                flexDirection: "column",
+                                gap: "0.4rem",
+                            }, onMouseOver: (e) => {
+                                e.currentTarget.style.borderColor = BRAND;
+                            }, onFocus: (e) => {
+                                e.currentTarget.style.borderColor = BRAND;
+                            }, onMouseOut: (e) => {
+                                e.currentTarget.style.borderColor = BORDER;
+                            }, onBlur: (e) => {
+                                e.currentTarget.style.borderColor = BORDER;
+                            }, children: [_jsx("div", { style: {
+                                        background: "#fff",
+                                        borderRadius: 4,
+                                        aspectRatio: "1 / 1",
+                                        display: "flex",
+                                        alignItems: "center",
+                                        justifyContent: "center",
+                                        padding: "0.5rem",
+                                        overflow: "hidden",
+                                    }, 
+                                    // biome-ignore lint/security/noDangerouslySetInnerHtml: previewSvg is a static bundled fixture
+                                    dangerouslySetInnerHTML: { __html: t.previewSvg } }), _jsxs("div", { children: [_jsx("div", { style: { color: BRAND, fontSize: "0.82rem", fontWeight: 600 }, children: t.name }), _jsxs("div", { style: { color: MUTED, fontSize: "0.7rem", marginTop: 2 }, children: [t.dimensions.widthMm, " \u00D7 ", t.dimensions.heightMm, " mm \u00B7 ", t.category] })] })] }, t.id)))] })] }) }));
+}
+//# sourceMappingURL=DielineLibraryModal.js.map

package/dist/components/DielineLibraryModal.js.map

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

package/dist/components/EditorApp.d.ts

@@ -0,0 +1,37 @@
+import { type EditorMode } from "../hooks/useEditorMode";
+import { type EditorConfig } from "../lib/editor-config";
+import { type CanvasObj } from "./EditorCanvas";
+import { type TopBarProps } from "./TopBar";
+type Phase = "upload" | "checking" | "preflight" | "editor";
+/**
+ * Props accepted by the top-level editor component. Hosts pass these
+ * to mount the editor in their page (Next.js route, Astro
+ * `client:only`, plain React app, etc.).
+ *
+ * @public
+ */
+export type EditorAppProps = {
+    /** Strips destructive actions and routes export through the
+     *  client-only path. The `/demo` route flips this on. */
+    demo?: boolean;
+    /** Starting phase. Set `"editor"` to skip the upload step. */
+    initialPhase?: Phase;
+    /** Seed objects for the canvas — typically from `templateToInitialState`. */
+    initialObjects?: CanvasObj[];
+    /** Seed page size for the canvas — typically from `templateToInitialState`. */
+    initialPageSize?: {
+        width: number;
+        height: number;
+    };
+    /** Initial mode preference. `"auto"` resolves by viewport. */
+    preferMode?: EditorMode | "auto";
+    /** Per-instance flag overrides. Merged into mode + global defaults. */
+    config?: Partial<EditorConfig>;
+    /** Bleed margin in millimetres. Defaults to {@link DEFAULT_BLEED_MM} (0.125 in). */
+    bleedMm?: number;
+    /** Host-supplied top bar configuration (logo, extra CTAs, etc.). */
+    topBar?: Partial<TopBarProps>;
+};
+export declare function EditorApp({ demo, initialPhase, initialObjects, initialPageSize, preferMode, config: configOverrides, bleedMm, topBar, }: EditorAppProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=EditorApp.d.ts.map

package/dist/components/EditorApp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorApp.d.ts","sourceRoot":"","sources":["../../src/components/EditorApp.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,UAAU,EAAiB,MAAM,wBAAwB,CAAC;AAIxE,OAAO,EAAE,KAAK,YAAY,EAAiB,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAE,KAAK,SAAS,EAAgB,MAAM,gBAAgB,CAAC;AAG9D,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAEpD,KAAK,KAAK,GAAG,QAAQ,GAAG,UAAU,GAAG,WAAW,GAAG,QAAQ,CAAC;AAE5D;;;;;;GAMG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B;6DACyD;IACzD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,8DAA8D;IAC9D,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,6EAA6E;IAC7E,cAAc,CAAC,EAAE,SAAS,EAAE,CAAC;IAC7B,+EAA+E;IAC/E,eAAe,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IACpD,8DAA8D;IAC9D,UAAU,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IACjC,uEAAuE;IACvE,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,oFAAoF;IACpF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oEAAoE;IACpE,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CAC/B,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,IAAY,EACZ,YAAuB,EACvB,cAAc,EACd,eAAe,EACf,UAAmB,EACnB,MAAM,EAAE,eAAe,EACvB,OAA0B,EAC1B,MAAM,GACP,EAAE,cAAc,2CAmJhB"}

package/dist/components/EditorApp.js

@@ -0,0 +1,89 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useEditorMode } from "../hooks/useEditorMode";
+import { useIsMobile } from "../hooks/useIsMobile";
+import { usePreflight } from "../hooks/usePreflight";
+import { DEFAULT_BLEED_MM } from "../lib/bleed";
+import { resolveConfig } from "../lib/editor-config";
+import { EditorCanvas } from "./EditorCanvas";
+import { FileDropZone } from "./FileDropZone";
+import { PreflightPanel } from "./PreflightPanel";
+import { TopBar } from "./TopBar";
+export function EditorApp({ demo = false, initialPhase = "upload", initialObjects, initialPageSize, preferMode = "auto", config: configOverrides, bleedMm = DEFAULT_BLEED_MM, topBar, }) {
+    const { mode, setMode } = useEditorMode(preferMode);
+    const [phase, setPhase] = useState(initialPhase);
+    const [file, setFile] = useState(null);
+    const [report, setReport] = useState(null);
+    const { state: preflightState, run: runPreflight } = usePreflight();
+    const [menuOpen, setMenuOpen] = useState(false);
+    const isMobile = useIsMobile();
+    const config = resolveConfig(mode, configOverrides);
+    async function handleFile(f) {
+        setFile(f);
+        setPhase("checking");
+        const r = await runPreflight(f, { demoMode: demo });
+        if (r) {
+            setReport(r);
+            setPhase("preflight");
+        }
+        else {
+            setPhase("upload");
+        }
+    }
+    function handleSendToLint() {
+        alert("Job queued for lint node analysis.");
+    }
+    return (_jsxs("main", { style: { display: "flex", flexDirection: "column", height: "100vh", background: "#ffffff" }, children: [_jsx(TopBar, { ...topBar, showDemoBadge: (topBar?.showDemoBadge ?? (demo && config.enable_demo_badge)) || false, onMenuToggle: () => setMenuOpen((v) => !v), showMenuButton: isMobile && phase === "editor" }), _jsxs("div", { style: {
+                    flex: 1,
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    overflow: "hidden",
+                    background: "#ffffff",
+                }, children: [phase === "upload" && (_jsxs("div", { style: {
+                            display: "flex",
+                            flexDirection: "column",
+                            alignItems: "center",
+                            gap: "1.25rem",
+                        }, children: [_jsx(FileDropZone, { onFile: handleFile }), !demo && (_jsx("a", { href: "/demo", target: "_blank", rel: "noopener noreferrer", style: {
+                                    fontSize: "0.85rem",
+                                    color: "#fc5102",
+                                    fontWeight: 600,
+                                    textDecoration: "none",
+                                    opacity: 0.85,
+                                }, children: "Try the demo editor (no file needed) \u2192" }))] })), phase === "checking" && (_jsx("p", { style: { color: "#995b30" }, children: "Running preflight checks\u2026" })), phase === "preflight" && report && config.enable_preflight_banner && (_jsx(PreflightPanel, { report: report, onProceed: () => setPhase("editor"), onSendToLint: handleSendToLint })), phase === "preflight" && report && !config.enable_preflight_banner && (_jsx(AutoAdvance, { onContinue: () => setPhase("editor") })), phase === "editor" && (_jsx(EditorCanvas, { file: file, report: report, demo: demo, mode: mode, onModeChange: setMode, config: config, bleedMm: bleedMm, isMobile: isMobile, menuOpen: menuOpen, onMenuOpenChange: setMenuOpen, ...(initialObjects ? { initialObjects } : {}), ...(initialPageSize ? { initialPageSize } : {}) }))] }), demo && phase !== "editor" && (_jsx("footer", { style: {
+                    background: "#1a0f08",
+                    borderTop: "1px solid #3d1a00",
+                    padding: "0.5rem 1.25rem",
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "1rem",
+                    flexShrink: 0,
+                }, children: _jsx("span", { style: { fontSize: "0.78rem", color: "#666" }, children: "Demo \u2014 client-side checks & export only. Self-host for full PDF/X-4 + lint." }) })), preflightState.phase === "error" && (_jsx("div", { style: {
+                    position: "fixed",
+                    bottom: "1rem",
+                    left: "50%",
+                    transform: "translateX(-50%)",
+                    background: "#f44336",
+                    color: "#fff",
+                    padding: "0.5rem 1rem",
+                    borderRadius: 4,
+                    fontSize: "0.82rem",
+                }, children: preflightState.message }))] }));
+}
+function AutoAdvance({ onContinue }) {
+    // Host disabled the preflight banner; skip straight into the editor.
+    // Runs once via effect so React's render cycle stays clean.
+    useAutoAdvance(onContinue);
+    return null;
+}
+function useAutoAdvance(fn) {
+    // Inline single-use helper — avoids polluting hooks/ for one effect.
+    // biome-ignore lint/correctness/useExhaustiveDependencies: fire-once
+    useEffect(() => {
+        fn();
+    }, []);
+}
+//# sourceMappingURL=EditorApp.js.map

package/dist/components/EditorApp.js.map

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

package/dist/components/EditorCanvas.d.ts

@@ -0,0 +1,41 @@
+import type { EditorConfig } from "../lib/editor-config";
+import type { PreflightReport } from "../lib/preflight/types";
+type ObjType = "rect" | "ellipse" | "text" | "image";
+export type CanvasObj = {
+    id: string;
+    type: ObjType;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    fill: string;
+    stroke: string;
+    strokeWidth: number;
+    opacity: number;
+    text?: string;
+    fontSize?: number;
+    fontFamily?: string;
+    src?: string;
+    pathData?: string;
+    imageEl?: HTMLImageElement;
+};
+type Props = {
+    file?: File | null;
+    report?: PreflightReport | null;
+    demo?: boolean;
+    initialObjects?: CanvasObj[];
+    initialPageSize?: {
+        width: number;
+        height: number;
+    };
+    mode?: "basic" | "pro";
+    onModeChange?: (m: "basic" | "pro") => void;
+    config: EditorConfig;
+    bleedMm?: number;
+    isMobile?: boolean;
+    menuOpen?: boolean;
+    onMenuOpenChange?: (open: boolean) => void;
+};
+export declare function EditorCanvas({ file, report, demo, initialObjects, initialPageSize, mode, onModeChange, config, bleedMm: bleedMmProp, isMobile, menuOpen, onMenuOpenChange, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=EditorCanvas.d.ts.map

package/dist/components/EditorCanvas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorCanvas.d.ts","sourceRoot":"","sources":["../../src/components/EditorCanvas.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AA8B9D,KAAK,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AAErD,MAAM,MAAM,SAAS,GAAG;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,OAAO,CAAC;IACd,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC5B,CAAC;AAMF,KAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,MAAM,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IAChC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,cAAc,CAAC,EAAE,SAAS,EAAE,CAAC;IAC7B,eAAe,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IACpD,IAAI,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,GAAG,KAAK,KAAK,IAAI,CAAC;IAC5C,MAAM,EAAE,YAAY,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C,CAAC;AAkIF,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,MAAM,EACN,IAAY,EACZ,cAAc,EACd,eAAe,EACf,IAAc,EACd,YAAY,EACZ,MAAM,EACN,OAAO,EAAE,WAA8B,EACvC,QAAgB,EAChB,QAAgB,EAChB,gBAAgB,GACjB,EAAE,KAAK,2CA6nCP"}