@fraczled/sdk 1.30.1 → 1.30.2

package/README.md

@@ -72,6 +72,7 @@ interface EditorConfig {
   ui?: {
     hideDefaultPanels?: boolean;
     hiddenPanels?: PanelId[];
+    topbarMode?: 'default' | 'custom';
   };
   customPanels?: CustomSidebarPanel[];
 }
@@ -200,6 +201,29 @@ Notes:
 - `feature` maps to `entitlements.features[feature]` and controls visibility/access based on licensing.
 - `render` is called when the panel is active, so you can wire buttons directly to `store` methods or read from `state`.
 
+### Custom topbar actions (SDK only)
+
+You can replace the default topbar actions (save/new/export/undo/redo/zoom) with your own UI:
+
+```ts
+createFraczledEditor({
+  apiKey: "YOUR_LICENSE_KEY",
+  projectId: "YOUR_PROJECT_ID",
+  container: document.getElementById("editor"),
+  ui: { topbarMode: "custom" },
+  customToolbarItems: [
+    {
+      id: "my-topbar:action",
+      label: "My Action",
+      location: "topbar",
+      onClick: ({ topbar }) => topbar?.onExport?.("web")
+    }
+  ]
+});
+```
+
+Note: `ui.topbarMode = "custom"` is gated by the `topbarActions` plan feature.
+
 ### Hide built-in tabs (SDK only)
 
 You can hide vanilla sidebar tabs in SDK embeds:

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-CXZBVuuc.js";
+import { S as o, b as p, a as c, d } from "./index-H9Vygg46.js";
 export {
   o as Store,
   p as createFraczledEditor,