@kritzel/engine 0.4.31 → 0.4.33

package/dist/collection/components/kritzel-watermark/kritzel-watermark.css

@@ -1,29 +1,29 @@
-:host {
-  position: absolute;
-  bottom: var(--kritzel-watermark-offset-bottom, 12px);
-  right: var(--kritzel-watermark-offset-right, 12px);
-  z-index: 10000;
-  pointer-events: none;
-}
-
-.watermark-link {
-  pointer-events: auto;
-  display: inline-flex;
-  align-items: center;
-  padding: 4px 8px;
-  border-radius: var(--kritzel-watermark-border-radius, 6px);
-  font-family: var(--kritzel-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
-  font-size: var(--kritzel-watermark-font-size, 11px);
-  line-height: 1;
-  text-decoration: none;
-  color: var(--kritzel-watermark-color, rgba(60, 60, 60, 0.75));
-  background-color: var(--kritzel-watermark-background, rgba(255, 255, 255, 0.6));
-  box-shadow: var(--kritzel-watermark-box-shadow, 0 1px 2px rgba(0, 0, 0, 0.12));
-  opacity: var(--kritzel-watermark-opacity, 0.85);
-  transition: opacity 150ms ease;
-  user-select: none;
-}
-
-.watermark-link:hover {
-  opacity: 1;
-}
+:host {
+  position: absolute;
+  bottom: var(--kritzel-watermark-offset-bottom, 12px);
+  right: var(--kritzel-watermark-offset-right, 12px);
+  z-index: 10000;
+  pointer-events: none;
+}
+
+.watermark-link {
+  pointer-events: auto;
+  display: inline-flex;
+  align-items: center;
+  padding: 4px 8px;
+  border-radius: var(--kritzel-watermark-border-radius, 6px);
+  font-family: var(--kritzel-global-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
+  font-size: var(--kritzel-watermark-font-size, 11px);
+  line-height: 1;
+  text-decoration: none;
+  color: var(--kritzel-watermark-color, rgba(60, 60, 60, 0.75));
+  background-color: var(--kritzel-watermark-background, rgba(255, 255, 255, 0.6));
+  box-shadow: var(--kritzel-watermark-box-shadow, 0 1px 2px rgba(0, 0, 0, 0.12));
+  opacity: var(--kritzel-watermark-opacity, 0.85);
+  transition: opacity 150ms ease;
+  user-select: none;
+}
+
+.watermark-link:hover {
+  opacity: 1;
+}

package/dist/collection/components/kritzel-watermark/kritzel-watermark.js

@@ -19,7 +19,7 @@ export class KritzelWatermark {
     label;
     render() {
         const label = this.label ?? this.core.localizationManager.translate('watermark.poweredBy');
-        return (h(Host, { key: '2bacbc19d9469c7fcaf5d6b1b3133ec14d3ff864' }, h("a", { key: '2de44e340afd092ed388b7575350af1ee9155d58', class: "watermark-link", href: KRITZEL_WEBSITE_URL, target: "_blank", rel: "noopener noreferrer", part: "watermark", onPointerDown: (ev) => ev.stopPropagation(), onPointerUp: (ev) => ev.stopPropagation() }, label)));
+        return (h(Host, { key: '5bc76650ecd1f82f5ed283d4433b0e5fc8937cab' }, h("a", { key: 'b0828f36df618e461794772d2e8f55c0a8cb357e', class: "watermark-link", href: KRITZEL_WEBSITE_URL, target: "_blank", rel: "noopener noreferrer", part: "watermark", onPointerDown: (ev) => ev.stopPropagation(), onPointerUp: (ev) => ev.stopPropagation() }, label)));
     }
     static get is() { return "kritzel-watermark"; }
     static get encapsulation() { return "shadow"; }
@@ -71,7 +71,7 @@ export class KritzelWatermark {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "Resolved \"Powered by Kritzel\" label. Passed in by the engine so the badge\r\nre-renders when the active locale changes. Falls back to resolving the term\r\nfrom the core when not provided."
+                    "text": "Resolved \"Powered by Kritzel\" label. Passed in by the engine so the badge\nre-renders when the active locale changes. Falls back to resolving the term\nfrom the core when not provided."
                 },
                 "getter": false,
                 "setter": false,

package/dist/collection/constants/version.js

@@ -3,4 +3,4 @@
  * This file is auto-generated by the version bump scripts.
  * Do not modify manually.
  */
-export const KRITZEL_VERSION = '0.4.31';
+export const KRITZEL_VERSION = '0.4.33';

package/dist/collection/helpers/cursor.helper.js

@@ -16,7 +16,7 @@ export class KritzelCursorHelper {
      * The icon is retrieved from the KritzelIconRegistry.
      */
     static getCursor(options) {
-        const iconName = options.iconName === 'default' ? 'mouse-pointer' : options.iconName;
+        const iconName = options.iconName === 'default' ? 'mousePointer' : options.iconName;
         const iconSvg = KritzelIconRegistry.get(iconName);
         if (!iconSvg) {
             console.warn(`Icon "${iconName}" not found in registry.`);
@@ -25,7 +25,7 @@ export class KritzelCursorHelper {
         const size = options.size || 24;
         const rotation = options.rotation || 0;
         const color = options.color || 'black';
-        // Default cursor (mouse-pointer) has hotspot at (4, 4), others at center
+        // Default cursor (mousePointer) has hotspot at (4, 4), others at center
         const hotspot = options.hotspot || (options.iconName === 'default' ? { x: 4, y: 4 } : { x: size / 2, y: size / 2 });
         // Modify the SVG string to set size and color
         // We replace width and height to match the requested size
@@ -38,12 +38,12 @@ export class KritzelCursorHelper {
         // We rotate around the center of the SVG canvas
         const center = size / 2;
         // We use a group to apply the rotation
-        const svg = `
-      <svg xmlns="http://www.w3.org/2000/svg" width="${size}" height="${size}" viewBox="0 0 ${size} ${size}">
-        <g transform="rotate(${rotation} ${center} ${center})">
-          ${content}
-        </g>
-      </svg>
+        const svg = `
+      <svg xmlns="http://www.w3.org/2000/svg" width="${size}" height="${size}" viewBox="0 0 ${size} ${size}">
+        <g transform="rotate(${rotation} ${center} ${center})">
+          ${content}
+        </g>
+      </svg>
     `;
         // Encode the SVG for use in a data URI
         // We need to be careful with encoding to ensure it works across browsers

package/dist/collection/helpers/object.helper.js

@@ -15,6 +15,19 @@ export class ObjectHelper {
     static isClass(object, className) {
         return !!object && object.__class__ === className;
     }
+    static isKritzelEmbeddedObject(object) {
+        if (!object || typeof object !== 'object') {
+            return false;
+        }
+        const candidate = object;
+        return (typeof candidate.isInteractive === 'boolean' &&
+            typeof candidate.isSelected === 'boolean' &&
+            typeof candidate.mount === 'function' &&
+            typeof candidate.unmount === 'function' &&
+            typeof candidate.setIsInteractive === 'function' &&
+            typeof candidate.hasFocusedInputElement === 'function' &&
+            typeof candidate.getEmbeddedContentRoots === 'function');
+    }
     static isKritzelExportable(object) {
         if (!object || typeof object !== 'object') {
             return false;

package/dist/collection/helpers/svg-export.helper.js

@@ -66,8 +66,8 @@ export class KritzelSvgExportHelper {
             .join('\n  ');
         const xmlDecl = includeXmlDeclaration ? '<?xml version="1.0" encoding="UTF-8"?>\n' : '';
         const defsContent = defs.length > 0 ? `\n  <defs>\n    ${defs.join('\n    ')}\n  </defs>` : '';
-        return `${xmlDecl}<svg xmlns="http://www.w3.org/2000/svg" viewBox="${viewBoxX} ${viewBoxY} ${viewBoxWidth} ${viewBoxHeight}" width="${viewBoxWidth}" height="${viewBoxHeight}">${defsContent}
-  ${elements}
+        return `${xmlDecl}<svg xmlns="http://www.w3.org/2000/svg" viewBox="${viewBoxX} ${viewBoxY} ${viewBoxWidth} ${viewBoxHeight}" width="${viewBoxWidth}" height="${viewBoxHeight}">${defsContent}
+  ${elements}
 </svg>`;
     }
     /**
@@ -219,8 +219,8 @@ export class KritzelSvgExportHelper {
         const orient = end === 'start' ? 'auto-start-reverse' : 'auto';
         const refX = 0;
         const refY = size / 2;
-        return `<marker id="${markerId}" markerWidth="${size}" markerHeight="${size}" refX="${refX}" refY="${refY}" orient="${orient}" markerUnits="userSpaceOnUse">
-      <path d="${path}" fill="${fill}" transform="scale(${size / 10})"/>
+        return `<marker id="${markerId}" markerWidth="${size}" markerHeight="${size}" refX="${refX}" refY="${refY}" orient="${orient}" markerUnits="userSpaceOnUse">
+      <path d="${path}" fill="${fill}" transform="scale(${size / 10})"/>
     </marker>`;
     }
     /**
@@ -249,6 +249,9 @@ export class KritzelSvgExportHelper {
         if (KritzelClassHelper.isInstanceOf(object, 'KritzelDynamicObject')) {
             return this.dynamicObjectToSvg(object, rasterSafeForCanvas);
         }
+        if (KritzelClassHelper.isInstanceOf(object, 'KritzelIframeObject')) {
+            return this.iframeObjectToSvg(object);
+        }
         if (KritzelClassHelper.isInstanceOf(object, 'KritzelGroup')) {
             return this.groupToSvg(object, theme, imageDataUrls, rasterSafeForCanvas);
         }
@@ -267,10 +270,10 @@ export class KritzelSvgExportHelper {
         const opacity = path.opacity !== 1 ? ` opacity="${path.opacity}"` : '';
         const scale = this.getObjectScale(path);
         // Path needs to be wrapped in a g with translation since path.d uses local coordinates
-        return `<g transform="${transform}"${opacity}>
-    <svg viewBox="${path.viewBox}" width="${path.totalWidth / scale}" height="${path.totalHeight / scale}" overflow="visible">
-      <path d="${path.d}" fill="${fill || 'none'}" stroke="${stroke || 'none'}"${path.strokeWidth ? ` stroke-width="${path.strokeWidth}"` : ''}/>
-    </svg>
+        return `<g transform="${transform}"${opacity}>
+    <svg viewBox="${path.viewBox}" width="${path.totalWidth / scale}" height="${path.totalHeight / scale}" overflow="visible">
+      <path d="${path.d}" fill="${fill || 'none'}" stroke="${stroke || 'none'}"${path.strokeWidth ? ` stroke-width="${path.strokeWidth}"` : ''}/>
+    </svg>
   </g>`;
     }
     /**
@@ -286,10 +289,10 @@ export class KritzelSvgExportHelper {
         const scale = this.getObjectScale(line);
         const markerStart = line.hasStartArrow ? ` marker-start="url(#${line.startMarkerId})"` : '';
         const markerEnd = line.hasEndArrow ? ` marker-end="url(#${line.endMarkerId})"` : '';
-        return `<g transform="${transform}"${opacity}>
-    <svg viewBox="${line.viewBox}" width="${line.totalWidth / scale}" height="${line.totalHeight / scale}" overflow="visible">
-      <path d="${line.d}" fill="none" stroke="${stroke}" stroke-width="${line.strokeWidth}" stroke-linecap="round"${markerStart}${markerEnd}/>
-    </svg>
+        return `<g transform="${transform}"${opacity}>
+    <svg viewBox="${line.viewBox}" width="${line.totalWidth / scale}" height="${line.totalHeight / scale}" overflow="visible">
+      <path d="${line.d}" fill="none" stroke="${stroke}" stroke-width="${line.strokeWidth}" stroke-linecap="round"${markerStart}${markerEnd}/>
+    </svg>
   </g>`;
     }
     /**
@@ -315,18 +318,18 @@ export class KritzelSvgExportHelper {
             const textHtml = this.prosemirrorToHtml(shape.content, shape, theme);
             if (textHtml) {
                 const fontColor = KritzelColorHelper.resolveThemeColor(shape.fontColor, theme);
-                textContent = `
-    <foreignObject x="${shape.x}" y="${shape.y}" width="${shape.width}" height="${shape.height}">
-      <div xmlns="http://www.w3.org/1999/xhtml" style="width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; font-family: ${shape.fontFamily}; font-size: ${shape.fontSize}px; color: ${fontColor}; overflow: hidden;">
-        ${textHtml}
-      </div>
+                textContent = `
+    <foreignObject x="${shape.x}" y="${shape.y}" width="${shape.width}" height="${shape.height}">
+      <div xmlns="http://www.w3.org/1999/xhtml" style="width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; font-family: ${shape.fontFamily}; font-size: ${shape.fontSize}px; color: ${fontColor}; overflow: hidden;">
+        ${textHtml}
+      </div>
     </foreignObject>`;
             }
         }
-        return `<g transform="${transform}"${opacity}>
-    <svg viewBox="${shape.viewBox}" width="${shape.totalWidth / scale}" height="${shape.totalHeight / scale}" overflow="visible" preserveAspectRatio="none">
-      <path d="${pathD}" fill="${fill || 'transparent'}" stroke="${stroke}" stroke-width="${shape.strokeWidth}"/>${textContent}
-    </svg>
+        return `<g transform="${transform}"${opacity}>
+    <svg viewBox="${shape.viewBox}" width="${shape.totalWidth / scale}" height="${shape.totalHeight / scale}" overflow="visible" preserveAspectRatio="none">
+      <path d="${pathD}" fill="${fill || 'transparent'}" stroke="${stroke}" stroke-width="${shape.strokeWidth}"/>${textContent}
+    </svg>
   </g>`;
     }
     /**
@@ -357,10 +360,10 @@ export class KritzelSvgExportHelper {
         // adjusted font-size already accounts for it – keeping both would double-scale
         // the content and overflow the foreignObject.
         const svgFontSizePx = (text.fontSize * (4 / 3) * (text.scaleFactor || 1) / scale).toFixed(4);
-        return `<g transform="${transform}"${opacity}>
-    <foreignObject x="0" y="0" width="${width}" height="${height}" overflow="visible">
-      <div xmlns="http://www.w3.org/1999/xhtml" style="font-family: ${text.fontFamily}; font-size: ${svgFontSizePx}px; color: ${fontColor}; background-color: ${bgColor || 'transparent'}; white-space: pre-wrap; word-wrap: break-word; width: 100%; margin: 0; padding: 0; box-sizing: border-box;">${htmlContent.trim()}</div>
-    </foreignObject>
+        return `<g transform="${transform}"${opacity}>
+    <foreignObject x="0" y="0" width="${width}" height="${height}" overflow="visible">
+      <div xmlns="http://www.w3.org/1999/xhtml" style="font-family: ${text.fontFamily}; font-size: ${svgFontSizePx}px; color: ${fontColor}; background-color: ${bgColor || 'transparent'}; white-space: pre-wrap; word-wrap: break-word; width: 100%; margin: 0; padding: 0; box-sizing: border-box;">${htmlContent.trim()}</div>
+    </foreignObject>
   </g>`;
     }
     /**
@@ -394,9 +397,9 @@ export class KritzelSvgExportHelper {
             return `<tspan x="0" y="${y}" xml:space="preserve">${this.escapeHtml(line)}</tspan>`;
         })
             .join('');
-        return `<g transform="${transform}"${opacity}>
-    ${bgRect}
-    <text font-family="${this.escapeHtml(text.fontFamily)}" font-size="${resolvedFontSizePx}" fill="${fontColor}">${tspans}</text>
+        return `<g transform="${transform}"${opacity}>
+    ${bgRect}
+    <text font-family="${this.escapeHtml(text.fontFamily)}" font-size="${resolvedFontSizePx}" fill="${fontColor}">${tspans}</text>
   </g>`;
     }
     /**
@@ -424,8 +427,8 @@ export class KritzelSvgExportHelper {
         const width = image.totalWidth / scale;
         const height = image.totalHeight / scale;
         const href = imageDataUrls?.get(image.id) || image.resolvedSrc || image.src || '';
-        return `<g transform="${transform}"${opacity}>
-    <image href="${href}" x="0" y="0" width="${width}" height="${height}" preserveAspectRatio="xMidYMid meet"/>
+        return `<g transform="${transform}"${opacity}>
+    <image href="${href}" x="0" y="0" width="${width}" height="${height}" preserveAspectRatio="xMidYMid meet"/>
   </g>`;
     }
     /**
@@ -445,19 +448,30 @@ export class KritzelSvgExportHelper {
         if (rasterSafeForCanvas) {
             // PNG export: render placeholder rect (foreignObject doesn't rasterize to PNG well)
             console.warn('[KritzelDynamicObject SVG Export] Dynamic objects do not serialize well to PNG. Use SVG export or screenshot instead.');
-            return `<g transform="${transform}"${opacity}>
-      <rect x="0" y="0" width="${width}" height="${height}" fill="#f0f0f0" stroke="#999" stroke-width="1" />
-      <text x="${width / 2}" y="${height / 2}" text-anchor="middle" dominant-baseline="middle" font-size="12" fill="#999">[Dynamic Object]</text>
+            return `<g transform="${transform}"${opacity}>
+      <rect x="0" y="0" width="${width}" height="${height}" fill="#f0f0f0" stroke="#999" stroke-width="1" />
+      <text x="${width / 2}" y="${height / 2}" text-anchor="middle" dominant-baseline="middle" font-size="12" fill="#999">[Dynamic Object]</text>
     </g>`;
         }
         // SVG export: use foreignObject to embed HTML
         const html = obj.element?.outerHTML || '<div style="border:1px dashed #ccc">Empty</div>';
-        return `<g transform="${transform}"${opacity}>
-      <foreignObject x="0" y="0" width="${width}" height="${height}">
-        <div xmlns="http://www.w3.org/1999/xhtml" style="width:100%;height:100%;overflow:hidden;">
-          ${html}
-        </div>
-      </foreignObject>
+        return `<g transform="${transform}"${opacity}>
+      <foreignObject x="0" y="0" width="${width}" height="${height}">
+        <div xmlns="http://www.w3.org/1999/xhtml" style="width:100%;height:100%;overflow:hidden;">
+          ${html}
+        </div>
+      </foreignObject>
+    </g>`;
+    }
+    static iframeObjectToSvg(object) {
+        const transform = this.buildTransform(object);
+        const opacity = object.opacity !== 1 ? ` opacity="${object.opacity}"` : '';
+        const scale = this.getObjectScale(object);
+        const width = object.totalWidth / scale;
+        const height = object.totalHeight / scale;
+        return `<g transform="${transform}"${opacity}>
+      <rect x="0" y="0" width="${width}" height="${height}" fill="#f0f0f0" stroke="#999" stroke-width="1" />
+      <text x="${width / 2}" y="${height / 2}" text-anchor="middle" dominant-baseline="middle" font-size="12" fill="#999">[Iframe]</text>
     </g>`;
     }
     /**
@@ -477,8 +491,8 @@ export class KritzelSvgExportHelper {
             return '';
         }
         const opacity = group.opacity !== 1 ? ` opacity="${group.opacity}"` : '';
-        return `<g${opacity}>
-    ${children}
+        return `<g${opacity}>
+    ${children}
   </g>`;
     }
     /**

package/dist/collection/helpers/wheel.helper.js

@@ -14,13 +14,7 @@ export class KritzelWheelHelper {
         return this.canElementConsumeWheel(scrollContainer, ev.deltaX, ev.deltaY);
     }
     static getScrollableContainerFromEventPath(path, dynamicObject) {
-        const potentialRoots = [];
-        if (dynamicObject.element instanceof HTMLElement) {
-            potentialRoots.push(dynamicObject.element);
-        }
-        if (dynamicObject.elementRef instanceof HTMLElement) {
-            potentialRoots.push(dynamicObject.elementRef);
-        }
+        const potentialRoots = dynamicObject.getEmbeddedContentRoots();
         const legacyElementRef = dynamicObject.elmeentRef;
         if (legacyElementRef instanceof HTMLElement) {
             potentialRoots.push(legacyElementRef);

package/dist/collection/index.js

@@ -15,6 +15,7 @@ export * from './classes/objects/line.class';
 export * from './classes/objects/group.class';
 export * from './classes/objects/shape.class';
 export * from './classes/objects/dynamic-object.class';
+export * from './classes/objects/iframe.class';
 export * from './classes/objects/selection-group.class';
 export * from './classes/objects/selection-box.class';
 export * from './classes/tools/base-tool.class';
@@ -51,10 +52,12 @@ export * from './classes/registries/dynamic-object-renderer.registry';
 export * from './classes/registries/font-registry.class';
 export * from './classes/registries/icon-registry.class';
 export * from './interfaces/toolbar-item.interface';
+export * from './interfaces/tool.interface';
 export * from './interfaces/menu-item.interface';
 export * from './interfaces/object-export.interface';
 export * from './interfaces/object-change-event.interface';
 export * from './interfaces/dynamic-object-renderer.interface';
+export * from './interfaces/embedded-object.interface';
 export * from './interfaces/sync-provider.interface';
 export * from './interfaces/sync-config.interface';
 export * from './interfaces/asset.interface';

package/dist/collection/interfaces/embedded-object.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/themes/dark-theme.js

@@ -8,6 +8,7 @@ export const darkTheme = {
         dividerColor: '#3a3a3a',
         focusColor: '#ffffff',
         focusRingColor: '#ffffff',
+        fontFamily: 'sans-serif',
         iconColor: 'currentColor',
         scrollbarThumbColor: '#555555',
         textPrimary: '#ffffff',
@@ -130,11 +131,6 @@ export const darkTheme = {
         loadingOverlayColor: '#e0e0e0',
         loadingOverlaySpinnerActiveColor: '#e0e0e0',
         loadingOverlaySpinnerColor: '#555555',
-        syncIndicatorBackground: 'rgba(30, 30, 30, 0.95)',
-        syncIndicatorColor: '#e0e0e0',
-        syncIndicatorSpinnerColor: '#0A84FF',
-        syncIndicatorSpinnerTrack: 'rgba(160, 160, 160, 0.3)',
-        syncIndicatorZIndex: '10001',
     },
     snap: {
         indicatorFill: 'rgba(10, 132, 255, 0.35)',

package/dist/collection/themes/light-theme.js

@@ -8,6 +8,7 @@ export const lightTheme = {
         dividerColor: '#e0e0e0',
         focusColor: '#333333',
         focusRingColor: '#333333',
+        fontFamily: 'sans-serif',
         iconColor: 'currentColor',
         scrollbarThumbColor: '#ebebeb',
         textPrimary: '#000000',
@@ -96,7 +97,6 @@ export const lightTheme = {
         closeButtonColor: '#333333',
         closeButtonHoverBackground: 'hsl(0, 0%, 0%, 4.3%)',
         closeButtonHoverColor: '#000000',
-        fontFamily: 'inherit',
         footerBorder: '1px solid #ebebeb',
         headerBorder: '1px solid #ebebeb',
         titleColor: '#000000',
@@ -131,11 +131,6 @@ export const lightTheme = {
         loadingOverlayColor: '#333333',
         loadingOverlaySpinnerActiveColor: '#333333',
         loadingOverlaySpinnerColor: '#cccccc',
-        syncIndicatorBackground: 'rgba(255, 255, 255, 0.92)',
-        syncIndicatorColor: '#334155',
-        syncIndicatorSpinnerColor: '#007AFF',
-        syncIndicatorSpinnerTrack: 'rgba(148, 163, 184, 0.35)',
-        syncIndicatorZIndex: '10001',
     },
     snap: {
         indicatorFill: 'rgba(59, 130, 246, 0.3)',

package/dist/components/index.js

@@ -1,13 +1,13 @@
-export { g as getAssetPath, r as render, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-CfSx6HU_.js';
-import { D as DEFAULT_COLOR_PALETTE } from './p-BvRGQvVI.js';
-export { K as KritzelBaseObject, c as KritzelColorHelper, b as KritzelLine, a as KritzelPath, d as KritzelThemeManager, O as ObjectHelper, T as ThemeHelper, e as darkTheme, l as lightTheme, r as resolveColor } from './p-BvRGQvVI.js';
+export { g as getAssetPath, r as render, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-BWfRbEIq.js';
+import { D as DEFAULT_COLOR_PALETTE } from './p-k0LxV9Bg.js';
+export { K as KritzelBaseObject, c as KritzelColorHelper, b as KritzelLine, a as KritzelPath, d as KritzelThemeManager, O as ObjectHelper, T as ThemeHelper, e as darkTheme, l as lightTheme, r as resolveColor } from './p-k0LxV9Bg.js';
 import { D as DEFAULT_STROKE_SIZES, a as DEFAULT_FONT_SIZES, b as DEFAULT_TEXT_TOOL_AVAILABLE_FONTS, S as ShapeType } from './kritzel-engine.js';
-export { L as APP_STATE_MIGRATIONS, A as AssetNotFoundError, N as CURRENT_APP_STATE_SCHEMA_VERSION, O as CURRENT_WORKSPACE_SCHEMA_VERSION, C as DEFAULT_SYNC_CONFIG, F as DE_LOCALE, E as EN_LOCALE, G as FR_LOCALE, I as IndexedDBAssetProvider, H as KritzelAlignment, w as KritzelAnchorManager, u as KritzelAssetResolver, i as KritzelBaseTool, j as KritzelBrushTool, p as KritzelCursorHelper, r as KritzelDevicesHelper, f as KritzelDynamicObject, z as KritzelDynamicObjectRendererRegistry, KritzelEngine, l as KritzelEraserTool, B as KritzelFontRegistry, d as KritzelGroup, s as KritzelHTMLHelper, c as KritzelImage, m as KritzelImageTool, q as KritzelKeyboardHelper, y as KritzelLicenseManager, k as KritzelLineTool, x as KritzelLocalizationManager, h as KritzelSelectionBox, g as KritzelSelectionGroup, t as KritzelSelectionTool, e as KritzelShape, o as KritzelShapeTool, K as KritzelText, n as KritzelTextTool, v as KritzelWorkspace, W as WORKSPACE_EXPORT_VERSION, M as WORKSPACE_MIGRATIONS, defineCustomElement as defineCustomElementKritzelEngine, P as resolveTextToolAvailableFonts, J as runMigrations } from './kritzel-engine.js';
+export { M as APP_STATE_MIGRATIONS, A as AssetNotFoundError, O as CURRENT_APP_STATE_SCHEMA_VERSION, P as CURRENT_WORKSPACE_SCHEMA_VERSION, E as DEFAULT_SYNC_CONFIG, G as DE_LOCALE, F as EN_LOCALE, H as FR_LOCALE, I as IndexedDBAssetProvider, J as KritzelAlignment, x as KritzelAnchorManager, v as KritzelAssetResolver, j as KritzelBaseTool, k as KritzelBrushTool, q as KritzelCursorHelper, s as KritzelDevicesHelper, f as KritzelDynamicObject, B as KritzelDynamicObjectRendererRegistry, KritzelEngine, m as KritzelEraserTool, C as KritzelFontRegistry, d as KritzelGroup, t as KritzelHTMLHelper, g as KritzelIframeObject, c as KritzelImage, n as KritzelImageTool, r as KritzelKeyboardHelper, z as KritzelLicenseManager, l as KritzelLineTool, y as KritzelLocalizationManager, i as KritzelSelectionBox, h as KritzelSelectionGroup, u as KritzelSelectionTool, e as KritzelShape, p as KritzelShapeTool, K as KritzelText, o as KritzelTextTool, w as KritzelWorkspace, W as WORKSPACE_EXPORT_VERSION, N as WORKSPACE_MIGRATIONS, defineCustomElement as defineCustomElementKritzelEngine, Q as resolveTextToolAvailableFonts, L as runMigrations } from './kritzel-engine.js';
 import * as Y from 'yjs';
 import { IndexeddbPersistence } from 'y-indexeddb';
 import { WebsocketProvider } from 'y-websocket';
-export { K as KritzelIconRegistry } from './p-fx6msYHJ.js';
-export { A as ABSOLUTE_SCALE_MAX, a as ABSOLUTE_SCALE_MIN, K as KRITZEL_WEBSITE_URL } from './p-B2Htv9ou.js';
+export { K as KritzelIconRegistry, d as defaultIcons } from './p-NAEiq8CK.js';
+export { A as ABSOLUTE_SCALE_MAX, a as ABSOLUTE_SCALE_MIN, K as KRITZEL_WEBSITE_URL } from './p-BHVbfJrf.js';
 export { KritzelAwarenessCursors, defineCustomElement as defineCustomElementKritzelAwarenessCursors } from './kritzel-awareness-cursors.js';
 export { KritzelCursorTrail, defineCustomElement as defineCustomElementKritzelCursorTrail } from './kritzel-cursor-trail.js';
 export { KritzelIcon, defineCustomElement as defineCustomElementKritzelIcon } from './kritzel-icon.js';
@@ -4138,6 +4138,6 @@ const DEFAULT_ASSET_STORAGE_CONFIG = {
  * This file is auto-generated by the version bump scripts.
  * Do not modify manually.
  */
-const KRITZEL_VERSION = '0.4.31';
+const KRITZEL_VERSION = '0.4.33';
 
 export { BroadcastSyncProvider, DEFAULT_ASSET_STORAGE_CONFIG, DEFAULT_BRUSH_CONFIG, DEFAULT_COLOR_PALETTE, DEFAULT_LINE_TOOL_CONFIG, DEFAULT_SHAPE_CONFIG, DEFAULT_TEXT_CONFIG, DEFAULT_TEXT_TOOL_AVAILABLE_FONTS, HocuspocusSyncProvider, HttpAssetProvider, InMemorySyncProvider, IndexedDBSyncProvider, KRITZEL_VERSION, KritzelToolConfigHelper, PresignedAssetProvider, ShapeType, WebSocketSyncProvider, hasRemoteSyncProvider };

package/dist/components/kritzel-awareness-cursors.js

@@ -1,4 +1,4 @@
-import { f as KritzelAwarenessCursors$1, g as defineCustomElement$1 } from './p-BvRGQvVI.js';
+import { f as KritzelAwarenessCursors$1, g as defineCustomElement$1 } from './p-k0LxV9Bg.js';
 
 const KritzelAwarenessCursors = KritzelAwarenessCursors$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-cursor-trail.js

@@ -1,4 +1,4 @@
-import { K as KritzelCursorTrail$1, d as defineCustomElement$1 } from './p-YP8wAcF4.js';
+import { K as KritzelCursorTrail$1, d as defineCustomElement$1 } from './p-BTU9qcSW.js';
 
 const KritzelCursorTrail = KritzelCursorTrail$1;
 const defineCustomElement = defineCustomElement$1;