@fraczled/sdk 1.30.11 → 1.30.13

package/README.md

@@ -148,6 +148,8 @@ Creates a new editor instance.
 - `save` - Fired when the user saves
 - `select` - Fired when selection changes
 - `export` - Fired when user exports
+- `designSaved` - Fired when a saved design is created or updated (payload: SavedDesign)
+- `designDeleted` - Fired when a saved design is deleted (payload: { id, design })
 
 ## Custom Sidebar Panels
 
@@ -245,6 +247,33 @@ createFraczledEditor({
 
 Note: `ui.topbarMode = "custom"` is gated by the `topbarActions` plan feature.
 
+### Customize export menu (SDK only)
+
+You can customize the export button label/icon and override or hide dropdown items while keeping the native UI.
+
+```tsx
+import { createFraczledEditor } from "@fraczled/sdk";
+import { Download, FileText } from "lucide-react";
+
+createFraczledEditor({
+  apiKey: "YOUR_LICENSE_KEY",
+  projectId: "YOUR_PROJECT_ID",
+  container: document.getElementById("editor"),
+  ui: {
+    exportMenu: {
+      buttonLabel: "Download",
+      buttonIcon: Download,
+      items: [
+        { id: "web", label: "Quick PNG", description: "Optimized for web" },
+        { id: "print_pdf", label: "PDF (Press Ready)", icon: FileText },
+        { id: "print_png", hidden: true },
+        { id: "json", label: "Save Project File" }
+      ]
+    }
+  }
+});
+```
+
 ### Custom new design modal (SDK only)
 
 You can replace the Create New Design modal with your own UI:

package/dist/fraczled-sdk.es.js

@@ -1,6 +1,6 @@
 import "react";
 import "react-dom/client";
-import { S as o, b as p, a as c, d } from "./index-BFuI8-pC.js";
+import { S as o, b as p, a as c, d } from "./index-D1XP3N62.js";
 export {
   o as Store,
   p as createFraczledEditor,