@printwithsynergy/artwork-pdf-editor 0.1.1

package/dist/components/PreflightPanel.js

@@ -0,0 +1,59 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function PreflightPanel({ report, onProceed, onSendToLint }) {
+    const blocking = report.issues.filter((i) => i.severity === "block");
+    const warnings = report.issues.filter((i) => i.severity === "warn");
+    return (_jsxs("div", { style: {
+            background: "#1a0f08",
+            border: "1px solid #3d1a00",
+            borderRadius: 8,
+            padding: "1.5rem",
+            maxWidth: 600,
+            width: "100%",
+        }, children: [_jsx("h2", { style: { margin: "0 0 1rem", fontSize: "1rem", color: "#e8a87c" }, children: "Preflight Check" }), blocking.length === 0 && warnings.length === 0 && (_jsx(StatusRow, { color: "#4caf50", icon: "\u2713", text: "No issues found \u2014 file is ready." })), blocking.length > 0 && (_jsxs("section", { style: { marginBottom: "1rem" }, children: [_jsx(SectionHeader, { color: "#f44336", label: `${blocking.length} blocking issue${blocking.length !== 1 ? "s" : ""}` }), blocking.map((i) => (_jsx(IssueRow, { issue: i }, `${i.checkName}-${i.message}`)))] })), warnings.length > 0 && (_jsxs("section", { style: { marginBottom: "1rem" }, children: [_jsx(SectionHeader, { color: "#ff9800", label: `${warnings.length} warning${warnings.length !== 1 ? "s" : ""}` }), warnings.map((i) => (_jsx(IssueRow, { issue: i }, `${i.checkName}-${i.message}`)))] })), report.skippedChecks.length > 0 && (_jsxs("p", { style: { fontSize: "0.75rem", color: "#666", margin: "0.5rem 0 1rem" }, children: [report.skippedChecks.length, " check", report.skippedChecks.length !== 1 ? "s" : "", " deferred to lint node: ", report.skippedChecks.join(", "), "."] })), _jsxs("div", { style: { display: "flex", gap: "0.75rem", marginTop: "1rem" }, children: [_jsx("button", { type: "button", onClick: onProceed, disabled: report.hasBlockingIssues, style: {
+                            padding: "0.5rem 1.25rem",
+                            background: report.hasBlockingIssues ? "#333" : "#fc5102",
+                            color: report.hasBlockingIssues ? "#666" : "#fff",
+                            border: "none",
+                            borderRadius: 4,
+                            cursor: report.hasBlockingIssues ? "not-allowed" : "pointer",
+                            fontWeight: 600,
+                        }, children: "Open in Editor" }), _jsx("button", { type: "button", onClick: onSendToLint, style: {
+                            padding: "0.5rem 1.25rem",
+                            background: "transparent",
+                            color: "#e8a87c",
+                            border: "1px solid #3d1a00",
+                            borderRadius: 4,
+                            cursor: "pointer",
+                        }, children: "Send to Lint Node" })] })] }));
+}
+function SectionHeader({ color, label }) {
+    return (_jsx("h3", { style: {
+            fontSize: "0.8rem",
+            color,
+            margin: "0 0 0.5rem",
+            textTransform: "uppercase",
+            letterSpacing: "0.05em",
+        }, children: label }));
+}
+function IssueRow({ issue }) {
+    return (_jsxs("div", { style: {
+            padding: "0.5rem 0.75rem",
+            background: issue.severity === "block" ? "rgba(244,67,54,0.08)" : "rgba(255,152,0,0.08)",
+            borderLeft: `3px solid ${issue.severity === "block" ? "#f44336" : "#ff9800"}`,
+            borderRadius: "0 4px 4px 0",
+            marginBottom: "0.375rem",
+            fontSize: "0.82rem",
+            color: "#ccc",
+        }, children: [_jsxs("span", { style: {
+                    fontFamily: "monospace",
+                    fontSize: "0.7rem",
+                    color: "#888",
+                    marginRight: "0.5rem",
+                }, children: ["[", issue.checkName, "]"] }), issue.message, issue.page !== undefined && (_jsxs("span", { style: { marginLeft: "0.5rem", color: "#888", fontSize: "0.75rem" }, children: ["p.", issue.page] }))] }));
+}
+function StatusRow({ color, icon, text }) {
+    return (_jsxs("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem", color, marginBottom: "1rem" }, children: [_jsx("span", { style: { fontSize: "1.2rem" }, children: icon }), _jsx("span", { children: text })] }));
+}
+//# sourceMappingURL=PreflightPanel.js.map

package/dist/components/PreflightPanel.js.map

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

package/dist/components/SeparationsPanel.d.ts

@@ -0,0 +1,9 @@
+import type { CanvasObj } from "./EditorCanvas";
+type Props = {
+    objects: CanvasObj[];
+    hidden: Set<string>;
+    onToggle: (color: string) => void;
+};
+export declare function SeparationsPanel({ objects, hidden, onToggle }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SeparationsPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SeparationsPanel.d.ts","sourceRoot":"","sources":["../../src/components/SeparationsPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEhD,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,SAAS,EAAE,CAAC;IACrB,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAqGF,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,KAAK,2CAuGpE"}

package/dist/components/SeparationsPanel.js

@@ -0,0 +1,147 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+"use client";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+const PANEL = "#1a0f08";
+const BORDER = "#3d1a00";
+const MUTED = "#888";
+function hexToRgb(hex) {
+    const m = /^#?([0-9a-f]{6})$/i.exec(hex);
+    if (!m)
+        return null;
+    const n = Number.parseInt(m[1], 16);
+    return [(n >> 16) & 0xff, (n >> 8) & 0xff, n & 0xff];
+}
+function isCmykPrimary(hex) {
+    const rgb = hexToRgb(hex);
+    if (!rgb)
+        return null;
+    const [r, g, b] = rgb;
+    if (r < 16 && g < 16 && b < 16)
+        return "K";
+    if (r > 220 && g < 60 && b < 60)
+        return null; // pure red → treated as spot
+    if (r < 60 && g > 200 && b > 200)
+        return "C";
+    if (r > 200 && g < 60 && b > 200)
+        return "M";
+    if (r > 200 && g > 200 && b < 60)
+        return "Y";
+    return null;
+}
+function inkChannels(objects) {
+    const map = new Map();
+    const addColor = (raw) => {
+        if (!raw || raw === "transparent")
+            return;
+        const hex = raw.toLowerCase();
+        const cmyk = isCmykPrimary(hex);
+        if (cmyk) {
+            const swatchMap = {
+                C: "#00bcd4",
+                M: "#e91e63",
+                Y: "#ffeb3b",
+                K: "#222",
+            };
+            const labelMap = {
+                C: "Cyan",
+                M: "Magenta",
+                Y: "Yellow",
+                K: "Black",
+            };
+            const existing = map.get(cmyk);
+            if (existing) {
+                if (!existing.colors.includes(hex))
+                    existing.colors.push(hex);
+            }
+            else {
+                map.set(cmyk, {
+                    key: cmyk,
+                    label: labelMap[cmyk] ?? cmyk,
+                    swatch: swatchMap[cmyk] ?? "#000",
+                    colors: [hex],
+                    isSpot: false,
+                });
+            }
+            return;
+        }
+        // Spot ink — group by source hex
+        const existing = map.get(hex);
+        if (existing)
+            return;
+        map.set(hex, {
+            key: hex,
+            label: `Spot ${hex.toUpperCase()}`,
+            swatch: hex,
+            colors: [hex],
+            isSpot: true,
+        });
+    };
+    for (const o of objects) {
+        addColor(o.fill);
+        addColor(o.stroke);
+    }
+    // Deterministic ordering: CMYK first, then spots.
+    const order = { C: 0, M: 1, Y: 2, K: 3 };
+    return [...map.values()].sort((a, b) => {
+        const ai = order[a.key] ?? 100;
+        const bi = order[b.key] ?? 100;
+        if (ai !== bi)
+            return ai - bi;
+        return a.label.localeCompare(b.label);
+    });
+}
+export function SeparationsPanel({ objects, hidden, onToggle }) {
+    const channels = inkChannels(objects);
+    return (_jsxs("aside", { style: {
+            width: 220,
+            background: PANEL,
+            borderLeft: `1px solid ${BORDER}`,
+            display: "flex",
+            flexDirection: "column",
+            flexShrink: 0,
+            overflow: "hidden",
+        }, children: [_jsxs("header", { style: {
+                    padding: "0.5rem 0.75rem",
+                    borderBottom: `1px solid ${BORDER}`,
+                    fontSize: "0.7rem",
+                    letterSpacing: "0.08em",
+                    textTransform: "uppercase",
+                    color: MUTED,
+                    fontWeight: 600,
+                }, children: ["Separations (", channels.length, ")"] }), _jsxs("div", { style: { flex: 1, overflowY: "auto" }, children: [channels.length === 0 && (_jsx("p", { style: { padding: "0.75rem", fontSize: "0.75rem", color: MUTED, margin: 0 }, children: "No ink coverage yet. Set a fill or stroke to populate channels." })), channels.map((ch) => {
+                        const allHidden = ch.colors.every((c) => hidden.has(c));
+                        return (_jsxs("label", { style: {
+                                display: "flex",
+                                alignItems: "center",
+                                gap: "0.55rem",
+                                padding: "0.45rem 0.75rem",
+                                borderBottom: `1px solid #120a04`,
+                                cursor: "pointer",
+                                fontSize: "0.78rem",
+                                color: allHidden ? MUTED : "#ddd",
+                            }, children: [_jsx("input", { type: "checkbox", checked: !allHidden, onChange: () => {
+                                        for (const c of ch.colors)
+                                            onToggle(c);
+                                    }, style: { accentColor: "#fc5102" } }), _jsx("span", { "aria-hidden": true, style: {
+                                        display: "inline-block",
+                                        width: 14,
+                                        height: 14,
+                                        borderRadius: 3,
+                                        background: ch.swatch,
+                                        border: ch.swatch === "#222" ? "1px solid #555" : "none",
+                                    } }), _jsx("span", { style: { flex: 1 }, children: ch.label }), ch.isSpot && (_jsx("span", { style: {
+                                        fontSize: "0.6rem",
+                                        color: MUTED,
+                                        textTransform: "uppercase",
+                                        letterSpacing: "0.08em",
+                                    }, children: "Spot" }))] }, ch.key));
+                    })] }), _jsx("p", { style: {
+                    padding: "0.6rem 0.75rem",
+                    margin: 0,
+                    fontSize: "0.65rem",
+                    color: MUTED,
+                    borderTop: `1px solid ${BORDER}`,
+                    lineHeight: 1.4,
+                }, children: "Preview only. Final separations are produced by the render service (pdf-writer + Ghostscript ICC)." })] }));
+}
+//# sourceMappingURL=SeparationsPanel.js.map

package/dist/components/SeparationsPanel.js.map

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

package/dist/components/TopBar.d.ts

@@ -0,0 +1,57 @@
+import type React from "react";
+/**
+ * One CTA the host can attach to the right-hand side of the {@link TopBar}.
+ *
+ * @public
+ */
+export type TopBarButton = {
+    label: string;
+    href?: string;
+    onClick?: () => void;
+    target?: "_blank" | "_self";
+    primary?: boolean;
+};
+/**
+ * Customization surface for the editor's top bar. The hamburger trigger
+ * is always rendered at the same position (mobile only) so muscle
+ * memory is preserved across hosts; everything else is host-supplied.
+ *
+ * @public
+ */
+export type TopBarProps = {
+    /**
+     * The logo node. Pass any ReactNode (img, svg, span). Pass `null`
+     * to hide. Leaving undefined uses the bundled {@link ArtworkPdfLogo}.
+     */
+    logo?: React.ReactNode;
+    /** Wordmark text shown next to the logo. `null` hides; defaults to "artworkPDF". */
+    brandText?: string | null;
+    /** Demo badge — shows next to the brand text when truthy. */
+    showDemoBadge?: boolean;
+    /** Host-supplied CTAs (e.g. "← Back to artworkpdf.com"). */
+    extraButtons?: TopBarButton[];
+    /** Arbitrary right-aligned slot (e.g. host's custom toggle). */
+    rightSlot?: React.ReactNode;
+    /** Click handler for the hamburger button. Wired by `EditorApp`. */
+    onMenuToggle?: () => void;
+    /** Whether to show the hamburger (mobile only — desktop hides it). */
+    showMenuButton?: boolean;
+};
+/**
+ * Bundled default logo. Inline SVG so the package has no external
+ * asset paths leaking into consumers.
+ *
+ * @public
+ */
+export declare function ArtworkPdfLogo({ size }: {
+    size?: number;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Slim top bar rendered at the top of the editor. Carries only brand
+ * + hamburger + host-supplied CTAs — the tool/mode/export controls
+ * live in the toolbar (desktop) or the slide-in drawer (mobile).
+ *
+ * @public
+ */
+export declare function TopBar({ logo, brandText, showDemoBadge, extraButtons, rightSlot, onMenuToggle, showMenuButton, }: TopBarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TopBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TopBar.d.ts","sourceRoot":"","sources":["../../src/components/TopBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,oFAAoF;IACpF,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,6DAA6D;IAC7D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,4DAA4D;IAC5D,YAAY,CAAC,EAAE,YAAY,EAAE,CAAC;IAC9B,gEAAgE;IAChE,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,oEAAoE;IACpE,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,sEAAsE;IACtE,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAOF;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,EAAE,IAAS,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,2CAsB9D;AAED;;;;;;GAMG;AACH,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,SAAwB,EACxB,aAAqB,EACrB,YAAiB,EACjB,SAAS,EACT,YAAY,EACZ,cAAsB,GACvB,EAAE,WAAW,2CA4Fb"}

package/dist/components/TopBar.js

@@ -0,0 +1,70 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const BAR_BG = "#1a0f08";
+const BAR_BORDER = "#3d1a00";
+const BRAND = "#fc5102";
+const MUTED = "#888";
+/**
+ * Bundled default logo. Inline SVG so the package has no external
+ * asset paths leaking into consumers.
+ *
+ * @public
+ */
+export function ArtworkPdfLogo({ size = 22 }) {
+    // Square mark — orange rounded rect with white "A" wordmark.
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 64 64", width: size, height: size, "aria-label": "artworkPDF", role: "img", children: [_jsx("rect", { x: 2, y: 2, width: 60, height: 60, rx: 12, fill: BRAND }), _jsx("path", { d: "M22 46 L32 18 L42 46 M26 38 L38 38", stroke: "#fff", strokeWidth: 4, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] }));
+}
+/**
+ * Slim top bar rendered at the top of the editor. Carries only brand
+ * + hamburger + host-supplied CTAs — the tool/mode/export controls
+ * live in the toolbar (desktop) or the slide-in drawer (mobile).
+ *
+ * @public
+ */
+export function TopBar({ logo, brandText = "artworkPDF", showDemoBadge = false, extraButtons = [], rightSlot, onMenuToggle, showMenuButton = false, }) {
+    const resolvedLogo = logo === undefined ? _jsx(ArtworkPdfLogo, {}) : logo;
+    return (_jsxs("header", { style: {
+            display: "flex",
+            alignItems: "center",
+            gap: "0.6rem",
+            padding: "0.4rem 0.75rem",
+            background: BAR_BG,
+            borderBottom: `1px solid ${BAR_BORDER}`,
+            flexShrink: 0,
+        }, children: [showMenuButton && (_jsx("button", { type: "button", "aria-label": "Open menu", onClick: onMenuToggle, style: {
+                    background: "transparent",
+                    border: `1px solid ${BAR_BORDER}`,
+                    color: "#ddd",
+                    cursor: "pointer",
+                    padding: "0.2rem 0.45rem",
+                    borderRadius: 4,
+                    fontSize: "1rem",
+                    lineHeight: 1,
+                }, children: "\u2630" })), resolvedLogo !== null && (_jsx("span", { style: { display: "inline-flex", alignItems: "center" }, children: resolvedLogo })), brandText !== null && (_jsxs("span", { style: { fontWeight: 600, color: BRAND, fontSize: "0.9rem" }, children: [brandText, showDemoBadge && (_jsx("span", { style: {
+                            marginLeft: "0.45rem",
+                            fontSize: "0.6rem",
+                            background: "#2a1200",
+                            border: `1px solid ${BRAND}`,
+                            color: BRAND,
+                            padding: "0.1rem 0.35rem",
+                            borderRadius: 3,
+                            verticalAlign: "middle",
+                            letterSpacing: "0.08em",
+                        }, children: "DEMO" }))] })), _jsx("div", { style: { flex: 1 } }), extraButtons.map((b) => {
+                const style = {
+                    fontSize: "0.8rem",
+                    color: b.primary ? "#fff" : MUTED,
+                    background: b.primary ? BRAND : "transparent",
+                    border: b.primary ? `1px solid ${BRAND}` : "none",
+                    borderRadius: 4,
+                    padding: b.primary ? "0.25rem 0.6rem" : "0.25rem 0.4rem",
+                    cursor: "pointer",
+                    fontFamily: "inherit",
+                    textDecoration: "none",
+                    fontWeight: b.primary ? 600 : 400,
+                };
+                return b.href ? (_jsx("a", { href: b.href, target: b.target ?? "_self", rel: b.target === "_blank" ? "noopener noreferrer" : undefined, onClick: b.onClick, style: style, children: b.label }, `${b.label}-${b.href}`)) : (_jsx("button", { type: "button", onClick: b.onClick, style: style, children: b.label }, b.label));
+            }), rightSlot] }));
+}
+//# sourceMappingURL=TopBar.js.map

package/dist/components/TopBar.js.map

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

package/dist/data/dielines.json

@@ -0,0 +1,186 @@
+{
+    "version": "1.0",
+    "templates": [
+        {
+            "id": "standup-pouch-4x6",
+            "name": "Stand-Up Pouch 4×6",
+            "description": "Standard stand-up pouch for snacks, coffee, supplements. Popular for single-serve packaging.",
+            "category": "pouch",
+            "dimensions": {
+                "widthMm": 101.6,
+                "heightMm": 152.4,
+                "depthMm": 25
+            },
+            "bleedMm": 3,
+            "trimBox": {
+                "x": 3,
+                "y": 3,
+                "width": 101.6,
+                "height": 152.4
+            },
+            "previewSvg": "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 107.6 158.4'><rect x='3' y='3' width='101.6' height='152.4' fill='none' stroke='#333' stroke-width='0.5'/><line x1='3' y1='28.4' x2='104.6' y2='28.4' stroke='#666' stroke-width='0.3' stroke-dasharray='2,1'/><text x='53.8' y='18' text-anchor='middle' font-size='8' fill='#666'>Stand-Up Pouch</text><text x='53.8' y='85' text-anchor='middle' font-size='6' fill='#999'>4×6″ (101.6×152.4mm)</text></svg>",
+            "tags": ["pouch", "stand-up", "flexible", "food", "coffee", "snacks"],
+            "isDefault": true
+        },
+        {
+            "id": "standup-pouch-5x8",
+            "name": "Stand-Up Pouch 5×8",
+            "description": "Larger stand-up pouch for family-size snacks, pet food, bulk supplements.",
+            "category": "pouch",
+            "dimensions": {
+                "widthMm": 127,
+                "heightMm": 203.2,
+                "depthMm": 35
+            },
+            "bleedMm": 3,
+            "trimBox": {
+                "x": 3,
+                "y": 3,
+                "width": 127,
+                "height": 203.2
+            },
+            "previewSvg": "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 133 209.2'><rect x='3' y='3' width='127' height='203.2' fill='none' stroke='#333' stroke-width='0.5'/><line x1='3' y1='38.2' x2='130' y2='38.2' stroke='#666' stroke-width='0.3' stroke-dasharray='2,1'/><text x='66.5' y='22' text-anchor='middle' font-size='8' fill='#666'>Stand-Up Pouch</text><text x='66.5' y='108' text-anchor='middle' font-size='6' fill='#999'>5×8″ (127×203.2mm)</text></svg>",
+            "tags": ["pouch", "stand-up", "flexible", "family-size", "bulk"]
+        },
+        {
+            "id": "flat-pouch-3x5",
+            "name": "Flat Pouch 3×5",
+            "description": "Slim flat pouch for samples, condiments, travel-size products. Heat-sealed three sides.",
+            "category": "pouch",
+            "dimensions": {
+                "widthMm": 76.2,
+                "heightMm": 127,
+                "depthMm": 0
+            },
+            "bleedMm": 3,
+            "trimBox": {
+                "x": 3,
+                "y": 3,
+                "width": 76.2,
+                "height": 127
+            },
+            "previewSvg": "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 82.2 133'><rect x='3' y='3' width='76.2' height='127' fill='none' stroke='#333' stroke-width='0.5'/><line x1='3' y1='8' x2='79.2' y2='8' stroke='#666' stroke-width='0.3'/><text x='41.1' y='72' text-anchor='middle' font-size='7' fill='#666'>Flat Pouch</text><text x='41.1' y='82' text-anchor='middle' font-size='5' fill='#999'>3×5″</text></svg>",
+            "tags": ["pouch", "flat", "three-side-seal", "sample", "travel"]
+        },
+        {
+            "id": "flat-pouch-4x7",
+            "name": "Flat Pouch 4×7",
+            "description": "Medium flat pouch for protein powder packets, medical devices, hardware kits.",
+            "category": "pouch",
+            "dimensions": {
+                "widthMm": 101.6,
+                "heightMm": 177.8,
+                "depthMm": 0
+            },
+            "bleedMm": 3,
+            "trimBox": {
+                "x": 3,
+                "y": 3,
+                "width": 101.6,
+                "height": 177.8
+            },
+            "previewSvg": "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 107.6 183.8'><rect x='3' y='3' width='101.6' height='177.8' fill='none' stroke='#333' stroke-width='0.5'/><line x1='3' y1='8' x2='104.6' y2='8' stroke='#666' stroke-width='0.3'/><text x='53.8' y='97' text-anchor='middle' font-size='7' fill='#666'>Flat Pouch</text><text x='53.8' y='107' text-anchor='middle' font-size='5' fill='#999'>4×7″</text></svg>",
+            "tags": ["pouch", "flat", "three-side-seal", "medical", "hardware"]
+        },
+        {
+            "id": "bottle-label-2in",
+            "name": "Bottle Label 2\" Diameter",
+            "description": "Round label for standard beverage bottles, jars, cosmetics containers.",
+            "category": "label",
+            "dimensions": {
+                "widthMm": 50.8,
+                "heightMm": 50.8,
+                "depthMm": 0
+            },
+            "bleedMm": 1.5,
+            "trimBox": {
+                "x": 1.5,
+                "y": 1.5,
+                "width": 50.8,
+                "height": 50.8
+            },
+            "previewSvg": "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 53.8 53.8'><circle cx='26.9' cy='26.9' r='25.4' fill='none' stroke='#333' stroke-width='0.5'/><circle cx='26.9' cy='26.9' r='1.5' fill='#666'/><text x='26.9' y='25' text-anchor='middle' font-size='5' fill='#666'>2\" Circle</text></svg>",
+            "tags": ["label", "circle", "bottle", "jar", "cosmetics"]
+        },
+        {
+            "id": "bottle-label-3in",
+            "name": "Bottle Label 3\" Diameter",
+            "description": "Large round label for wine bottles, premium products, gift packaging.",
+            "category": "label",
+            "dimensions": {
+                "widthMm": 76.2,
+                "heightMm": 76.2,
+                "depthMm": 0
+            },
+            "bleedMm": 1.5,
+            "trimBox": {
+                "x": 1.5,
+                "y": 1.5,
+                "width": 76.2,
+                "height": 76.2
+            },
+            "previewSvg": "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 79.2 79.2'><circle cx='39.6' cy='39.6' r='38.1' fill='none' stroke='#333' stroke-width='0.5'/><circle cx='39.6' cy='39.6' r='1.5' fill='#666'/><text x='39.6' y='37' text-anchor='middle' font-size='6' fill='#666'>3\" Circle</text></svg>",
+            "tags": ["label", "circle", "wine", "premium", "gift"]
+        },
+        {
+            "id": "carton-6x4x2",
+            "name": "Carton Box 6×4×2",
+            "description": "Straight-tuck carton for retail packaging. Common for cosmetics, electronics accessories.",
+            "category": "carton",
+            "dimensions": {
+                "widthMm": 152.4,
+                "heightMm": 101.6,
+                "depthMm": 50.8
+            },
+            "bleedMm": 3,
+            "trimBox": {
+                "x": 3,
+                "y": 3,
+                "width": 152.4,
+                "height": 101.6
+            },
+            "previewSvg": "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 158.4 107.6'><rect x='3' y='3' width='152.4' height='101.6' fill='none' stroke='#333' stroke-width='0.5'/><line x1='53.8' y1='3' x2='53.8' y2='104.6' stroke='#666' stroke-width='0.3' stroke-dasharray='2,1'/><line x1='104.6' y1='3' x2='104.6' y2='104.6' stroke='#666' stroke-width='0.3' stroke-dasharray='2,1'/><text x='79.2' y='58' text-anchor='middle' font-size='7' fill='#666'>Carton</text><text x='79.2' y='68' text-anchor='middle' font-size='5' fill='#999'>6×4×2″</text></svg>",
+            "tags": ["carton", "box", "straight-tuck", "retail", "electronics"]
+        },
+        {
+            "id": "carton-8x6x3",
+            "name": "Carton Box 8×6×3",
+            "description": "Larger straight-tuck carton for premium products, gift sets, collectibles.",
+            "category": "carton",
+            "dimensions": {
+                "widthMm": 203.2,
+                "heightMm": 152.4,
+                "depthMm": 76.2
+            },
+            "bleedMm": 3,
+            "trimBox": {
+                "x": 3,
+                "y": 3,
+                "width": 203.2,
+                "height": 152.4
+            },
+            "previewSvg": "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 209.2 158.4'><rect x='3' y='3' width='203.2' height='152.4' fill='none' stroke='#333' stroke-width='0.5'/><line x1='71.7' y1='3' x2='71.7' y2='155.4' stroke='#666' stroke-width='0.3' stroke-dasharray='2,1'/><line x1='137.7' y1='3' x2='137.7' y2='155.4' stroke='#666' stroke-width='0.3' stroke-dasharray='2,1'/><text x='104.6' y='83' text-anchor='middle' font-size='8' fill='#666'>Carton</text><text x='104.6' y='95' text-anchor='middle' font-size='6' fill='#999'>8×6×3″</text></svg>",
+            "tags": ["carton", "box", "straight-tuck", "premium", "gift"]
+        },
+        {
+            "id": "sachet-2x3",
+            "name": "Sachet 2×3",
+            "description": "Single-serve sachet for condiments, sauces, hotel amenities, samples.",
+            "category": "sachet",
+            "dimensions": {
+                "widthMm": 50.8,
+                "heightMm": 76.2,
+                "depthMm": 0
+            },
+            "bleedMm": 2,
+            "trimBox": {
+                "x": 2,
+                "y": 2,
+                "width": 50.8,
+                "height": 76.2
+            },
+            "previewSvg": "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 54.8 80.2'><rect x='2' y='2' width='50.8' height='76.2' fill='none' stroke='#333' stroke-width='0.5' rx='3'/><line x1='2' y1='12' x2='52.8' y2='12' stroke='#666' stroke-width='0.3'/><text x='27.4' y='47' text-anchor='middle' font-size='6' fill='#666'>Sachet</text><text x='27.4' y='56' text-anchor='middle' font-size='4' fill='#999'>2×3″</text></svg>",
+            "tags": ["sachet", "single-serve", "condiment", "sample", "hotel"]
+        }
+    ]
+}

package/dist/hooks/useEditorMode.d.ts

@@ -0,0 +1,15 @@
+export type EditorMode = "basic" | "pro";
+/**
+ * Resolves the editor mode with this precedence:
+ *  1. Explicit user choice persisted in localStorage
+ *  2. `prefer` prop (set by the page — e.g. demo passes "auto")
+ *  3. Viewport heuristic: pro on >= 900 CSS px, basic otherwise
+ *
+ * `setMode(null)` clears the saved preference and returns to auto.
+ */
+export declare function useEditorMode(prefer?: EditorMode | "auto"): {
+    mode: EditorMode;
+    setMode: (next: EditorMode | null) => void;
+    isAuto: boolean;
+};
+//# sourceMappingURL=useEditorMode.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useEditorMode.d.ts","sourceRoot":"","sources":["../../src/hooks/useEditorMode.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,KAAK,CAAC;AAIzC;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,MAAM,GAAE,UAAU,GAAG,MAAe,GAAG;IACnE,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3C,MAAM,EAAE,OAAO,CAAC;CACjB,CAqCA"}