kritzel-stencil 0.4.7 → 0.4.8

package/dist/cjs/index.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var schema_constants = require('./schema.constants-C8hqt--r.js');
+var schema_constants = require('./schema.constants-gDeS7USU.js');
 var Y = require('yjs');
 var yIndexeddb = require('y-indexeddb');
 var yWebsocket = require('y-websocket');

package/dist/cjs/kritzel-active-users_47.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-Xav9JFHg.js');
-var schema_constants = require('./schema.constants-C8hqt--r.js');
+var schema_constants = require('./schema.constants-gDeS7USU.js');
 var Y = require('yjs');
 require('y-indexeddb');
 require('y-websocket');
@@ -26284,14 +26284,20 @@ class KritzelSvgExportHelper {
         const scale = this.getObjectScale(text);
         // Convert ProseMirror content to HTML
         const htmlContent = this.prosemirrorToHtml(text.content, text, theme);
-        // Calculate dimensions accounting for scale
+        // Calculate dimensions in SVG world units (world units = CSS px in a 1:1 SVG).
         const width = text.totalWidth / scale;
         const height = text.totalHeight / scale;
+        // Convert the font size from pt to SVG world units (px equivalent).
+        // text.fontSize is stored in CSS pt; 1 pt = 4/3 px at 96 dpi.
+        // We also bake in scaleFactor (user resize) and divide by the object scale so
+        // that the rendered font aligns with the world-unit dimensions above.
+        // The CSS transform: scale(scaleFactor) is removed from the div because the
+        // 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}">
-      <div xmlns="http://www.w3.org/1999/xhtml" style="font-family: ${text.fontFamily}; font-size: ${text.fontSize}pt; color: ${fontColor}; background-color: ${bgColor || 'transparent'}; transform: scale(${text.scaleFactor}); transform-origin: top left; white-space: pre-wrap; word-wrap: break-word;">
-        ${htmlContent}
-      </div>
+    <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>`;
     }
@@ -26310,9 +26316,13 @@ class KritzelSvgExportHelper {
         const height = text.totalHeight / scale;
         const lines = this.prosemirrorToPlainTextLines(text.content);
         const resolvedLines = lines.length > 0 ? lines : [''];
-        const resolvedFontSize = Math.max(1, text.fontSize * (text.scaleFactor || 1));
-        const lineHeight = resolvedFontSize * 1.2;
-        const startY = resolvedFontSize;
+        // Convert the font size from pt to SVG world units (px equivalent).
+        // text.fontSize is stored in CSS pt; 1 pt = 4/3 px at 96 dpi.
+        // We also bake in scaleFactor (user resize) and divide by the object scale so
+        // that the rendered lines align with the world-unit bounding box dimensions above.
+        const resolvedFontSizePx = Math.max(1, text.fontSize * (4 / 3) * (text.scaleFactor || 1) / scale);
+        const lineHeight = resolvedFontSizePx * 1.2;
+        const startY = resolvedFontSizePx;
         const bgRect = bgColor && bgColor !== 'transparent'
             ? `<rect x="0" y="0" width="${width}" height="${height}" fill="${bgColor}"/>`
             : '';
@@ -26324,7 +26334,7 @@ class KritzelSvgExportHelper {
             .join('');
         return `<g transform="${transform}"${opacity}>
     ${bgRect}
-    <text font-family="${this.escapeHtml(text.fontFamily)}" font-size="${resolvedFontSize}" fill="${fontColor}">${tspans}</text>
+    <text font-family="${this.escapeHtml(text.fontFamily)}" font-size="${resolvedFontSizePx}" fill="${fontColor}">${tspans}</text>
   </g>`;
     }
     /**
@@ -29983,7 +29993,9 @@ const KritzelEngine = class {
                 this.emitObjectsInViewportChange();
             }
         }
-        return (index.h(index.Host, null, index.h("kritzel-loading-overlay", { visible: this.core.store.state.isLoading, text: this.core.localizationManager.translate('engine.loading') }), index.h("kritzel-sync-indicator", { visible: this.isSyncing, text: "Syncing..." }), this.core.store.state.debugInfo.showViewportInfo && (index.h("div", { class: "debug-panel" }, index.h("div", null, "ActiveWorkspaceId: ", this.core.store.state?.activeWorkspace?.id), index.h("div", null, "ActiveWorkspaceName: ", this.core.store.state?.activeWorkspace?.name), index.h("div", null, "TranslateX: ", this.core.store.state?.translateX), index.h("div", null, "TranslateY: ", this.core.store.state?.translateY), index.h("div", null, "ViewportWidth: ", this.core.store.state?.viewportWidth), index.h("div", null, "ViewportHeight: ", this.core.store.state?.viewportHeight), index.h("div", null, "PointerCount: ", this.core.store.state.pointers.size), index.h("div", null, "Scale: ", this.core.store.state?.scale), index.h("div", null, "ActiveTool: ", this.core.store.state?.activeTool?.name), index.h("div", null, "HasViewportChanged: ", this.core.store.state?.hasViewportChanged ? 'true' : 'false'), index.h("div", null, "IsEnabled: ", this.core.store.state?.isEnabled ? 'true' : 'false'), index.h("div", null, "IsScaling: ", this.core.store.state?.isScaling ? 'true' : 'false'), index.h("div", null, "IsPanning: ", this.core.store.state?.isPanning ? 'true' : 'false'), index.h("div", null, "IsSelecting: ", this.isSelecting ? 'true' : 'false'), index.h("div", null, "IsSelectionActive: ", this.isSelectionActive ? 'true' : 'false'), index.h("div", null, "IsResizeHandleSelected: ", this.core.store.state.isResizeHandleSelected ? 'true' : 'false'), index.h("div", null, "IsRotationHandleSelected: ", this.core.store.state.isRotationHandleSelected ? 'true' : 'false'), index.h("div", null, "IsRotationHandleHovered: ", this.core.store.state.isRotationHandleHovered ? 'true' : 'false'), index.h("div", null, "IsDrawing: ", this.core.store.state.isDrawing ? 'true' : 'false'), index.h("div", null, "IsWriting: ", this.core.store.state.isWriting ? 'true' : 'false'), index.h("div", null, "IsPointerDown: ", this.core.store.isPointerDown ? 'true' : 'false'), index.h("div", null, "PointerX: ", this.core.store.state?.pointerX), index.h("div", null, "PointerY: ", this.core.store.state?.pointerY), index.h("div", null, "TotalObjects: ", this.core.store.totalObjectCount), index.h("div", null, "ObjectsInViewport: ", this.core.store.objectsInViewport.length), index.h("div", null, "SelectedObjects: ", this.core.store.selectionGroup?.objects.length || 0), index.h("div", null, "ViewportCenter: (", viewportCenterX.toFixed(2), ", ", viewportCenterY.toFixed(2), ")"))), index.h("div", { id: "origin", class: "origin", style: {
+        return (index.h(index.Host, null, index.h("kritzel-loading-overlay", { visible: this.core.store.state.isLoading, text: this.core.localizationManager.translate('engine.loading') }), index.h("kritzel-sync-indicator", { visible: this.isSyncing, text: "Syncing..." }), this.core.store.state.debugInfo.showViewportInfo && (index.h("div", { class: "debug-panel", style: {
+                color: 'var(--kritzel-global-text-primary)',
+            } }, index.h("div", null, "ActiveWorkspaceId: ", this.core.store.state?.activeWorkspace?.id), index.h("div", null, "ActiveWorkspaceName: ", this.core.store.state?.activeWorkspace?.name), index.h("div", null, "TranslateX: ", this.core.store.state?.translateX), index.h("div", null, "TranslateY: ", this.core.store.state?.translateY), index.h("div", null, "ViewportWidth: ", this.core.store.state?.viewportWidth), index.h("div", null, "ViewportHeight: ", this.core.store.state?.viewportHeight), index.h("div", null, "PointerCount: ", this.core.store.state.pointers.size), index.h("div", null, "Scale: ", this.core.store.state?.scale), index.h("div", null, "ActiveTool: ", this.core.store.state?.activeTool?.name), index.h("div", null, "HasViewportChanged: ", this.core.store.state?.hasViewportChanged ? 'true' : 'false'), index.h("div", null, "IsEnabled: ", this.core.store.state?.isEnabled ? 'true' : 'false'), index.h("div", null, "IsScaling: ", this.core.store.state?.isScaling ? 'true' : 'false'), index.h("div", null, "IsPanning: ", this.core.store.state?.isPanning ? 'true' : 'false'), index.h("div", null, "IsSelecting: ", this.isSelecting ? 'true' : 'false'), index.h("div", null, "IsSelectionActive: ", this.isSelectionActive ? 'true' : 'false'), index.h("div", null, "IsResizeHandleSelected: ", this.core.store.state.isResizeHandleSelected ? 'true' : 'false'), index.h("div", null, "IsRotationHandleSelected: ", this.core.store.state.isRotationHandleSelected ? 'true' : 'false'), index.h("div", null, "IsRotationHandleHovered: ", this.core.store.state.isRotationHandleHovered ? 'true' : 'false'), index.h("div", null, "IsDrawing: ", this.core.store.state.isDrawing ? 'true' : 'false'), index.h("div", null, "IsWriting: ", this.core.store.state.isWriting ? 'true' : 'false'), index.h("div", null, "IsPointerDown: ", this.core.store.isPointerDown ? 'true' : 'false'), index.h("div", null, "PointerX: ", this.core.store.state?.pointerX), index.h("div", null, "PointerY: ", this.core.store.state?.pointerY), index.h("div", null, "TotalObjects: ", this.core.store.totalObjectCount), index.h("div", null, "ObjectsInViewport: ", this.core.store.objectsInViewport.length), index.h("div", null, "SelectedObjects: ", this.core.store.selectionGroup?.objects.length || 0), index.h("div", null, "ViewportCenter: (", viewportCenterX.toFixed(2), ", ", viewportCenterY.toFixed(2), ")"))), index.h("div", { id: "origin", class: "origin", style: {
                 transform: `matrix(${this.core.store.state?.scale}, 0, 0, ${this.core.store.state?.scale}, ${this.core.store.state?.translateX}, ${this.core.store.state?.translateY})`,
                 opacity: this._sceneBootstrapOpacity.toString(),
                 transition: this._sceneBootstrapTransitionEnabled ? 'opacity 220ms ease-out' : 'none',
@@ -30166,6 +30178,7 @@ const KritzelEngine = class {
                     left: `${object.totalWidth}px`,
                     top: '0',
                     zIndex: (object.zIndex + 2).toString(),
+                    color: 'var(--kritzel-global-text-primary)',
                 } }, index.h("div", { style: { whiteSpace: 'nowrap', fontSize: '10px' } }, "Id: ", object.id), index.h("div", { style: { whiteSpace: 'nowrap', fontSize: '10px' } }, "userId: ", object.userId), index.h("div", { style: { whiteSpace: 'nowrap', fontSize: '10px' } }, "width: ", object.width), index.h("div", { style: { whiteSpace: 'nowrap', fontSize: '10px' } }, "height: ", object.height), index.h("div", { style: { whiteSpace: 'nowrap', fontSize: '10px' } }, "translateX: ", object.translateX), index.h("div", { style: { whiteSpace: 'nowrap', fontSize: '10px' } }, "translateY: ", object.translateY), index.h("div", { style: { whiteSpace: 'nowrap', fontSize: '10px' } }, "scale: ", object.scale), index.h("div", { style: { whiteSpace: 'nowrap', fontSize: '10px' } }, "rotationDegrees: ", object.rotationDegrees), index.h("div", { style: { whiteSpace: 'nowrap', fontSize: '10px' } }, "zIndex: ", object.zIndex), index.h("div", { style: { whiteSpace: 'nowrap', fontSize: '10px' } }, "isSelected: ", object.isSelected ? 'true' : 'false'), schema_constants.KritzelClassHelper.isInstanceOf(object, 'KritzelCustomElement') && (index.h("div", null, index.h("div", { style: { whiteSpace: 'nowrap', fontSize: '10px' } }, "isInteractive: ", object.isInteractive ? 'true' : 'false'))), schema_constants.KritzelClassHelper.isInstanceOf(object, 'KritzelImage') && (index.h("div", null, index.h("div", { style: { whiteSpace: 'nowrap', fontSize: '10px' } }, "assetId: ", object.assetId), index.h("div", { style: { whiteSpace: 'nowrap', fontSize: '10px' } }, "mimeType: ", object.mimeType))))), (this.core.displaySelectionGroupUI(object) || this.core.displaySelectionLineUI(object)) &&
                 (() => {
                     const isSelectionGroup = schema_constants.KritzelClassHelper.isInstanceOf(object, 'KritzelSelectionGroup');
@@ -30366,8 +30379,12 @@ const KritzelEngine = class {
                     strokeDasharray: data.dashArray,
                     strokeLinecap: 'round',
                 } }))), index.h("circle", { cx: data.centerX, cy: data.centerY, r: data.indicatorRadius, style: {
-                    fill: isActiveSnap ? 'var(--kritzel-snap-indicator-fill, rgba(59, 130, 246, 0.3))' : 'rgba(59, 130, 246, 0.18)',
-                    stroke: isActiveSnap ? 'var(--kritzel-snap-indicator-stroke, #007bff)' : 'rgba(59, 130, 246, 0.5)',
+                    fill: isActiveSnap
+                        ? 'var(--kritzel-snap-indicator-fill, rgba(59, 130, 246, 0.3))'
+                        : 'var(--kritzel-snap-indicator-fill-inactive, var(--kritzel-snap-indicator-fill, rgba(59, 130, 246, 0.18)))',
+                    stroke: isActiveSnap
+                        ? 'var(--kritzel-snap-indicator-stroke, #007bff)'
+                        : 'var(--kritzel-snap-indicator-stroke-inactive, var(--kritzel-snap-indicator-stroke, rgba(59, 130, 246, 0.5)))',
                     strokeWidth: data.indicatorStrokeWidth,
                 } }))));
         })(), (() => {
@@ -31840,7 +31857,7 @@ const KritzelPortal = class {
  * This file is auto-generated by the version bump scripts.
  * Do not modify manually.
  */
-const KRITZEL_VERSION = '0.4.7';
+const KRITZEL_VERSION = '0.4.8';
 
 const kritzelSettingsCss = () => `:host{display:contents}kritzel-dialog{--kritzel-dialog-body-padding:0;--kritzel-dialog-width-large:800px;--kritzel-dialog-height-large:500px}.footer-button{padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px}.cancel-button{border:1px solid #ebebeb;background:#fff;color:inherit}.cancel-button:hover{background:#f5f5f5}.settings-tab-panel{display:none}.settings-tab-panel.is-active{display:block}.settings-content{padding:0}.settings-content h3{margin:0 0 16px 0;font-size:18px;font-weight:600;color:var(--kritzel-settings-content-heading-color, #333333)}.settings-content p{margin:0;font-size:14px;color:var(--kritzel-settings-content-text-color, #666666);line-height:1.5}.settings-group{display:flex;flex-direction:column;gap:24px}.settings-item{display:flex;flex-direction:column;gap:8px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.settings-label{font-size:14px;font-weight:600;color:var(--kritzel-settings-label-color, #333333);margin:0 0 4px 0}.settings-description{font-size:12px;color:var(--kritzel-settings-description-color, #888888);margin:0;line-height:1.4}.shortcuts-list{display:flex;flex-direction:column;gap:24px}.shortcuts-category{display:flex;flex-direction:column;gap:8px}.shortcuts-category-title{font-size:14px;font-weight:600;color:var(--kritzel-settings-label-color, #333333);margin:0 0 4px 0}.shortcuts-group{display:flex;flex-direction:column;gap:4px}.shortcut-item{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;border-radius:4px;background:var(--kritzel-settings-shortcut-item-bg, rgba(0, 0, 0, 0.02))}.shortcut-label{font-size:14px;color:var(--kritzel-settings-content-text-color, #666666)}.shortcut-key{font-family:monospace;font-size:12px;padding:2px 8px;border-radius:4px;background:var(--kritzel-settings-shortcut-key-bg, #f0f0f0);color:var(--kritzel-settings-shortcut-key-color, #333333);border:1px solid var(--kritzel-settings-shortcut-key-border, #ddd)}`;
 

package/dist/cjs/{schema.constants-C8hqt--r.js → schema.constants-gDeS7USU.js}

@@ -14579,7 +14579,9 @@ const lightTheme = {
     },
     snap: {
         indicatorFill: 'rgba(59, 130, 246, 0.3)',
+        indicatorFillInactive: 'rgba(59, 130, 246, 0.18)',
         indicatorStroke: '#007bff',
+        indicatorStrokeInactive: 'rgba(59, 130, 246, 0.5)',
         lineStroke: 'rgba(0, 0, 0, 0.2)',
     },
     fontSize: {
@@ -14916,7 +14918,9 @@ const darkTheme = {
     },
     snap: {
         indicatorFill: 'rgba(10, 132, 255, 0.35)',
+        indicatorFillInactive: 'rgba(10, 132, 255, 0.2)',
         indicatorStroke: '#0A84FF',
+        indicatorStrokeInactive: 'rgba(255, 255, 255, 0.45)',
         lineStroke: 'rgba(255, 255, 255, 0.35)',
     },
     fontSize: {
@@ -15116,6 +15120,7 @@ const darkTheme = {
 };
 
 class ThemeHelper {
+    static appliedVariableNames = new WeakMap();
     /**
      * Converts a camelCase string to kebab-case.
      * @example ThemeHelper.camelToKebab('controlHoverBackgroundColor') → 'control-hover-background-color'
@@ -15181,7 +15186,14 @@ class ThemeHelper {
      */
     static applyThemeToElement(element, theme) {
         const variables = ThemeHelper.flattenThemeToVariables(theme);
+        const previousVariableNames = ThemeHelper.appliedVariableNames.get(element);
+        for (const name of previousVariableNames ?? []) {
+            if (!variables.has(name)) {
+                element.style.removeProperty(name);
+            }
+        }
         ThemeHelper.applyVariablesToElement(element, variables);
+        ThemeHelper.appliedVariableNames.set(element, new Set(variables.keys()));
     }
 }
 
@@ -15802,7 +15814,7 @@ class KritzelText extends KritzelBaseObject {
         }
         element.style.fontFamily = KritzelFontRegistry.resolveCssFontFamily(this.fontFamily);
         element.style.fontSize = `${this.fontSize}pt`;
-        element.style.color = KritzelColorHelper.resolveThemeColor(this.fontColor);
+        element.style.color = KritzelColorHelper.resolveThemeColor(this.fontColor, this._core?.themeManager?.currentTheme);
         if (this.isMounted && this.elementRef === element && this.editor.dom.parentElement === element) {
             if (!this._core.store.state.isScaling && !this._core.store.state.isPanning) {
                 requestAnimationFrame(() => this.adjustSizeOnInput());
@@ -18709,7 +18721,7 @@ class KritzelLine extends KritzelBaseObject {
     getArrowFill(end) {
         const config = end === 'start' ? this.arrows?.start : this.arrows?.end;
         const color = config?.fill ?? this.stroke;
-        return KritzelColorHelper.resolveThemeColor(color);
+        return KritzelColorHelper.resolveThemeColor(color, this._core?.themeManager?.currentTheme);
     }
     /**
      * Generates SVG path data for an arrow head based on the given style.
@@ -19512,7 +19524,7 @@ class KritzelShape extends KritzelBaseObject {
         }
         element.style.fontFamily = this.fontFamily;
         element.style.fontSize = `${this.fontSize}pt`;
-        element.style.color = KritzelColorHelper.resolveThemeColor(this.fontColor);
+        element.style.color = KritzelColorHelper.resolveThemeColor(this.fontColor, this._core?.themeManager?.currentTheme);
         element.style.whiteSpace = 'pre-wrap';
         element.style.wordWrap = 'break-word';
         if (this.editor.dom.parentElement === element) {
@@ -19828,13 +19840,13 @@ class KritzelShape extends KritzelBaseObject {
             this.fontColor = KritzelColorHelper.determineTextColor(this.fillColor);
             // Update the editor's text color immediately
             if (this.editor?.dom?.parentElement) {
-                this.editor.dom.parentElement.style.color = KritzelColorHelper.resolveThemeColor(this.fontColor);
+                this.editor.dom.parentElement.style.color = KritzelColorHelper.resolveThemeColor(this.fontColor, this._core?.themeManager?.currentTheme);
             }
         }
         else if (changedProperties.includes('fontColor')) {
             // Also update editor when fontColor changes directly
             if (this.editor?.dom?.parentElement) {
-                this.editor.dom.parentElement.style.color = KritzelColorHelper.resolveThemeColor(this.fontColor);
+                this.editor.dom.parentElement.style.color = KritzelColorHelper.resolveThemeColor(this.fontColor, this._core?.themeManager?.currentTheme);
             }
         }
     }
@@ -24698,7 +24710,7 @@ class KritzelLineHandleHandler extends KritzelBaseHandler {
             t: clipInfo?.t,
             edgeX: clipInfo?.edgeX,
             edgeY: clipInfo?.edgeY,
-            lineStroke: KritzelColorHelper.resolveThemeColor(line.stroke),
+            lineStroke: KritzelColorHelper.resolveThemeColor(line.stroke, this._core.themeManager.currentTheme),
             lineStrokeWidth: line.strokeWidth / line.scale,
             arrowOffset: endpoint === 'start'
                 ? (line.hasStartArrow ? line.getArrowSize('start') / line.scale : undefined)
@@ -30277,7 +30289,7 @@ const KRITZEL_LICENSE_TOKEN_PREFIX = 'KRTZL1.';
  * printed public key here. Replacing this value invalidates every license
  * signed with the previous key.
  */
-const KRITZEL_LICENSE_PUBLIC_KEY = 'I-pYJlxDEjT94rwSaqhXW5Sv__fMKS-JKKnV3pg0PaM';
+const KRITZEL_LICENSE_PUBLIC_KEY = '2IwZDin-qV3kOt8SEQCqdaJsGT9S7tAGapUYJVnVGQo';
 
 /** Minimum delay (ms) between periodic license re-validations. */
 const MIN_REVALIDATION_DELAY_MS = 30_000;
@@ -30510,8 +30522,64 @@ class KritzelLicenseManager {
         if (typeof claims.exp === 'number' && claims.exp * 1000 <= Date.now()) {
             return { status: 'rejected' }; // Cleanly expired.
         }
+        const allowedDomains = this.normalizeAllowedDomains(claims.allowedDomains);
+        if (allowedDomains === null || allowedDomains.length === 0) {
+            return { status: 'rejected' };
+        }
+        const currentHostname = this.getCurrentHostname();
+        if (!currentHostname || !allowedDomains.includes(currentHostname)) {
+            return { status: 'rejected' };
+        }
         return { status: 'pass', payloadSegment, signatureSegment, claims };
     }
+    /** Returns the normalized current hostname, or null when unavailable/invalid. */
+    getCurrentHostname() {
+        const hostname = globalThis.location?.hostname;
+        if (typeof hostname !== 'string') {
+            return null;
+        }
+        return this.normalizeDomain(hostname);
+    }
+    /** Normalizes and validates the allowed domains claim. */
+    normalizeAllowedDomains(domains) {
+        if (!Array.isArray(domains)) {
+            return null;
+        }
+        const normalized = new Set();
+        for (const entry of domains) {
+            if (typeof entry !== 'string') {
+                return null;
+            }
+            const domain = this.normalizeDomain(entry);
+            if (!domain) {
+                return null;
+            }
+            normalized.add(domain);
+        }
+        return Array.from(normalized);
+    }
+    /** Normalizes a domain and rejects malformed hostnames. */
+    normalizeDomain(value) {
+        const trimmed = value.trim().toLowerCase();
+        if (trimmed.length === 0) {
+            return null;
+        }
+        const withoutTrailingDot = trimmed.endsWith('.') ? trimmed.slice(0, -1) : trimmed;
+        if (withoutTrailingDot.length === 0) {
+            return null;
+        }
+        try {
+            const parsed = new URL(`https://${withoutTrailingDot}`);
+            const normalizedHostname = parsed.hostname.toLowerCase();
+            if (normalizedHostname !== withoutTrailingDot) {
+                return null;
+            }
+            return normalizedHostname;
+        }
+        catch {
+            return null;
+        }
+    }
     /**
      * Verifies the Ed25519 signature of the token against the embedded public
      * key. Resolves true/false for a definitive valid/invalid signature.

package/dist/collection/classes/handlers/line-handle.handler.js

@@ -463,7 +463,7 @@ export class KritzelLineHandleHandler extends KritzelBaseHandler {
             t: clipInfo?.t,
             edgeX: clipInfo?.edgeX,
             edgeY: clipInfo?.edgeY,
-            lineStroke: KritzelColorHelper.resolveThemeColor(line.stroke),
+            lineStroke: KritzelColorHelper.resolveThemeColor(line.stroke, this._core.themeManager.currentTheme),
             lineStrokeWidth: line.strokeWidth / line.scale,
             arrowOffset: endpoint === 'start'
                 ? (line.hasStartArrow ? line.getArrowSize('start') / line.scale : undefined)

package/dist/collection/classes/managers/license.manager.js

@@ -230,8 +230,64 @@ export class KritzelLicenseManager {
         if (typeof claims.exp === 'number' && claims.exp * 1000 <= Date.now()) {
             return { status: 'rejected' }; // Cleanly expired.
         }
+        const allowedDomains = this.normalizeAllowedDomains(claims.allowedDomains);
+        if (allowedDomains === null || allowedDomains.length === 0) {
+            return { status: 'rejected' };
+        }
+        const currentHostname = this.getCurrentHostname();
+        if (!currentHostname || !allowedDomains.includes(currentHostname)) {
+            return { status: 'rejected' };
+        }
         return { status: 'pass', payloadSegment, signatureSegment, claims };
     }
+    /** Returns the normalized current hostname, or null when unavailable/invalid. */
+    getCurrentHostname() {
+        const hostname = globalThis.location?.hostname;
+        if (typeof hostname !== 'string') {
+            return null;
+        }
+        return this.normalizeDomain(hostname);
+    }
+    /** Normalizes and validates the allowed domains claim. */
+    normalizeAllowedDomains(domains) {
+        if (!Array.isArray(domains)) {
+            return null;
+        }
+        const normalized = new Set();
+        for (const entry of domains) {
+            if (typeof entry !== 'string') {
+                return null;
+            }
+            const domain = this.normalizeDomain(entry);
+            if (!domain) {
+                return null;
+            }
+            normalized.add(domain);
+        }
+        return Array.from(normalized);
+    }
+    /** Normalizes a domain and rejects malformed hostnames. */
+    normalizeDomain(value) {
+        const trimmed = value.trim().toLowerCase();
+        if (trimmed.length === 0) {
+            return null;
+        }
+        const withoutTrailingDot = trimmed.endsWith('.') ? trimmed.slice(0, -1) : trimmed;
+        if (withoutTrailingDot.length === 0) {
+            return null;
+        }
+        try {
+            const parsed = new URL(`https://${withoutTrailingDot}`);
+            const normalizedHostname = parsed.hostname.toLowerCase();
+            if (normalizedHostname !== withoutTrailingDot) {
+                return null;
+            }
+            return normalizedHostname;
+        }
+        catch {
+            return null;
+        }
+    }
     /**
      * Verifies the Ed25519 signature of the token against the embedded public
      * key. Resolves true/false for a definitive valid/invalid signature.

package/dist/collection/classes/objects/line.class.js

@@ -749,7 +749,7 @@ export class KritzelLine extends KritzelBaseObject {
     getArrowFill(end) {
         const config = end === 'start' ? this.arrows?.start : this.arrows?.end;
         const color = config?.fill ?? this.stroke;
-        return KritzelColorHelper.resolveThemeColor(color);
+        return KritzelColorHelper.resolveThemeColor(color, this._core?.themeManager?.currentTheme);
     }
     /**
      * Generates SVG path data for an arrow head based on the given style.

package/dist/collection/classes/objects/shape.class.js

@@ -175,7 +175,7 @@ export class KritzelShape extends KritzelBaseObject {
         }
         element.style.fontFamily = this.fontFamily;
         element.style.fontSize = `${this.fontSize}pt`;
-        element.style.color = KritzelColorHelper.resolveThemeColor(this.fontColor);
+        element.style.color = KritzelColorHelper.resolveThemeColor(this.fontColor, this._core?.themeManager?.currentTheme);
         element.style.whiteSpace = 'pre-wrap';
         element.style.wordWrap = 'break-word';
         if (this.editor.dom.parentElement === element) {
@@ -491,13 +491,13 @@ export class KritzelShape extends KritzelBaseObject {
             this.fontColor = KritzelColorHelper.determineTextColor(this.fillColor);
             // Update the editor's text color immediately
             if (this.editor?.dom?.parentElement) {
-                this.editor.dom.parentElement.style.color = KritzelColorHelper.resolveThemeColor(this.fontColor);
+                this.editor.dom.parentElement.style.color = KritzelColorHelper.resolveThemeColor(this.fontColor, this._core?.themeManager?.currentTheme);
             }
         }
         else if (changedProperties.includes('fontColor')) {
             // Also update editor when fontColor changes directly
             if (this.editor?.dom?.parentElement) {
-                this.editor.dom.parentElement.style.color = KritzelColorHelper.resolveThemeColor(this.fontColor);
+                this.editor.dom.parentElement.style.color = KritzelColorHelper.resolveThemeColor(this.fontColor, this._core?.themeManager?.currentTheme);
             }
         }
     }

package/dist/collection/classes/objects/text.class.js

@@ -149,7 +149,7 @@ export class KritzelText extends KritzelBaseObject {
         }
         element.style.fontFamily = KritzelFontRegistry.resolveCssFontFamily(this.fontFamily);
         element.style.fontSize = `${this.fontSize}pt`;
-        element.style.color = KritzelColorHelper.resolveThemeColor(this.fontColor);
+        element.style.color = KritzelColorHelper.resolveThemeColor(this.fontColor, this._core?.themeManager?.currentTheme);
         if (this.isMounted && this.elementRef === element && this.editor.dom.parentElement === element) {
             if (!this._core.store.state.isScaling && !this._core.store.state.isPanning) {
                 requestAnimationFrame(() => this.adjustSizeOnInput());

package/dist/collection/components/core/kritzel-engine/kritzel-engine.js

@@ -2416,7 +2416,9 @@ export class KritzelEngine {
                 this.emitObjectsInViewportChange();
             }
         }
-        return (h(Host, null, h("kritzel-loading-overlay", { visible: this.core.store.state.isLoading, text: this.core.localizationManager.translate('engine.loading') }), h("kritzel-sync-indicator", { visible: this.isSyncing, text: "Syncing..." }), this.core.store.state.debugInfo.showViewportInfo && (h("div", { class: "debug-panel" }, h("div", null, "ActiveWorkspaceId: ", this.core.store.state?.activeWorkspace?.id), h("div", null, "ActiveWorkspaceName: ", this.core.store.state?.activeWorkspace?.name), h("div", null, "TranslateX: ", this.core.store.state?.translateX), h("div", null, "TranslateY: ", this.core.store.state?.translateY), h("div", null, "ViewportWidth: ", this.core.store.state?.viewportWidth), h("div", null, "ViewportHeight: ", this.core.store.state?.viewportHeight), h("div", null, "PointerCount: ", this.core.store.state.pointers.size), h("div", null, "Scale: ", this.core.store.state?.scale), h("div", null, "ActiveTool: ", this.core.store.state?.activeTool?.name), h("div", null, "HasViewportChanged: ", this.core.store.state?.hasViewportChanged ? 'true' : 'false'), h("div", null, "IsEnabled: ", this.core.store.state?.isEnabled ? 'true' : 'false'), h("div", null, "IsScaling: ", this.core.store.state?.isScaling ? 'true' : 'false'), h("div", null, "IsPanning: ", this.core.store.state?.isPanning ? 'true' : 'false'), h("div", null, "IsSelecting: ", this.isSelecting ? 'true' : 'false'), h("div", null, "IsSelectionActive: ", this.isSelectionActive ? 'true' : 'false'), h("div", null, "IsResizeHandleSelected: ", this.core.store.state.isResizeHandleSelected ? 'true' : 'false'), h("div", null, "IsRotationHandleSelected: ", this.core.store.state.isRotationHandleSelected ? 'true' : 'false'), h("div", null, "IsRotationHandleHovered: ", this.core.store.state.isRotationHandleHovered ? 'true' : 'false'), h("div", null, "IsDrawing: ", this.core.store.state.isDrawing ? 'true' : 'false'), h("div", null, "IsWriting: ", this.core.store.state.isWriting ? 'true' : 'false'), h("div", null, "IsPointerDown: ", this.core.store.isPointerDown ? 'true' : 'false'), h("div", null, "PointerX: ", this.core.store.state?.pointerX), h("div", null, "PointerY: ", this.core.store.state?.pointerY), h("div", null, "TotalObjects: ", this.core.store.totalObjectCount), h("div", null, "ObjectsInViewport: ", this.core.store.objectsInViewport.length), h("div", null, "SelectedObjects: ", this.core.store.selectionGroup?.objects.length || 0), h("div", null, "ViewportCenter: (", viewportCenterX.toFixed(2), ", ", viewportCenterY.toFixed(2), ")"))), h("div", { id: "origin", class: "origin", style: {
+        return (h(Host, null, h("kritzel-loading-overlay", { visible: this.core.store.state.isLoading, text: this.core.localizationManager.translate('engine.loading') }), h("kritzel-sync-indicator", { visible: this.isSyncing, text: "Syncing..." }), this.core.store.state.debugInfo.showViewportInfo && (h("div", { class: "debug-panel", style: {
+                color: 'var(--kritzel-global-text-primary)',
+            } }, h("div", null, "ActiveWorkspaceId: ", this.core.store.state?.activeWorkspace?.id), h("div", null, "ActiveWorkspaceName: ", this.core.store.state?.activeWorkspace?.name), h("div", null, "TranslateX: ", this.core.store.state?.translateX), h("div", null, "TranslateY: ", this.core.store.state?.translateY), h("div", null, "ViewportWidth: ", this.core.store.state?.viewportWidth), h("div", null, "ViewportHeight: ", this.core.store.state?.viewportHeight), h("div", null, "PointerCount: ", this.core.store.state.pointers.size), h("div", null, "Scale: ", this.core.store.state?.scale), h("div", null, "ActiveTool: ", this.core.store.state?.activeTool?.name), h("div", null, "HasViewportChanged: ", this.core.store.state?.hasViewportChanged ? 'true' : 'false'), h("div", null, "IsEnabled: ", this.core.store.state?.isEnabled ? 'true' : 'false'), h("div", null, "IsScaling: ", this.core.store.state?.isScaling ? 'true' : 'false'), h("div", null, "IsPanning: ", this.core.store.state?.isPanning ? 'true' : 'false'), h("div", null, "IsSelecting: ", this.isSelecting ? 'true' : 'false'), h("div", null, "IsSelectionActive: ", this.isSelectionActive ? 'true' : 'false'), h("div", null, "IsResizeHandleSelected: ", this.core.store.state.isResizeHandleSelected ? 'true' : 'false'), h("div", null, "IsRotationHandleSelected: ", this.core.store.state.isRotationHandleSelected ? 'true' : 'false'), h("div", null, "IsRotationHandleHovered: ", this.core.store.state.isRotationHandleHovered ? 'true' : 'false'), h("div", null, "IsDrawing: ", this.core.store.state.isDrawing ? 'true' : 'false'), h("div", null, "IsWriting: ", this.core.store.state.isWriting ? 'true' : 'false'), h("div", null, "IsPointerDown: ", this.core.store.isPointerDown ? 'true' : 'false'), h("div", null, "PointerX: ", this.core.store.state?.pointerX), h("div", null, "PointerY: ", this.core.store.state?.pointerY), h("div", null, "TotalObjects: ", this.core.store.totalObjectCount), h("div", null, "ObjectsInViewport: ", this.core.store.objectsInViewport.length), h("div", null, "SelectedObjects: ", this.core.store.selectionGroup?.objects.length || 0), h("div", null, "ViewportCenter: (", viewportCenterX.toFixed(2), ", ", viewportCenterY.toFixed(2), ")"))), h("div", { id: "origin", class: "origin", style: {
                 transform: `matrix(${this.core.store.state?.scale}, 0, 0, ${this.core.store.state?.scale}, ${this.core.store.state?.translateX}, ${this.core.store.state?.translateY})`,
                 opacity: this._sceneBootstrapOpacity.toString(),
                 transition: this._sceneBootstrapTransitionEnabled ? 'opacity 220ms ease-out' : 'none',
@@ -2599,6 +2601,7 @@ export class KritzelEngine {
                     left: `${object.totalWidth}px`,
                     top: '0',
                     zIndex: (object.zIndex + 2).toString(),
+                    color: 'var(--kritzel-global-text-primary)',
                 } }, h("div", { style: { whiteSpace: 'nowrap', fontSize: '10px' } }, "Id: ", object.id), h("div", { style: { whiteSpace: 'nowrap', fontSize: '10px' } }, "userId: ", object.userId), h("div", { style: { whiteSpace: 'nowrap', fontSize: '10px' } }, "width: ", object.width), h("div", { style: { whiteSpace: 'nowrap', fontSize: '10px' } }, "height: ", object.height), h("div", { style: { whiteSpace: 'nowrap', fontSize: '10px' } }, "translateX: ", object.translateX), h("div", { style: { whiteSpace: 'nowrap', fontSize: '10px' } }, "translateY: ", object.translateY), h("div", { style: { whiteSpace: 'nowrap', fontSize: '10px' } }, "scale: ", object.scale), h("div", { style: { whiteSpace: 'nowrap', fontSize: '10px' } }, "rotationDegrees: ", object.rotationDegrees), h("div", { style: { whiteSpace: 'nowrap', fontSize: '10px' } }, "zIndex: ", object.zIndex), h("div", { style: { whiteSpace: 'nowrap', fontSize: '10px' } }, "isSelected: ", object.isSelected ? 'true' : 'false'), KritzelClassHelper.isInstanceOf(object, 'KritzelCustomElement') && (h("div", null, h("div", { style: { whiteSpace: 'nowrap', fontSize: '10px' } }, "isInteractive: ", object.isInteractive ? 'true' : 'false'))), KritzelClassHelper.isInstanceOf(object, 'KritzelImage') && (h("div", null, h("div", { style: { whiteSpace: 'nowrap', fontSize: '10px' } }, "assetId: ", object.assetId), h("div", { style: { whiteSpace: 'nowrap', fontSize: '10px' } }, "mimeType: ", object.mimeType))))), (this.core.displaySelectionGroupUI(object) || this.core.displaySelectionLineUI(object)) &&
                 (() => {
                     const isSelectionGroup = KritzelClassHelper.isInstanceOf(object, 'KritzelSelectionGroup');
@@ -2799,8 +2802,12 @@ export class KritzelEngine {
                     strokeDasharray: data.dashArray,
                     strokeLinecap: 'round',
                 } }))), h("circle", { cx: data.centerX, cy: data.centerY, r: data.indicatorRadius, style: {
-                    fill: isActiveSnap ? 'var(--kritzel-snap-indicator-fill, rgba(59, 130, 246, 0.3))' : 'rgba(59, 130, 246, 0.18)',
-                    stroke: isActiveSnap ? 'var(--kritzel-snap-indicator-stroke, #007bff)' : 'rgba(59, 130, 246, 0.5)',
+                    fill: isActiveSnap
+                        ? 'var(--kritzel-snap-indicator-fill, rgba(59, 130, 246, 0.3))'
+                        : 'var(--kritzel-snap-indicator-fill-inactive, var(--kritzel-snap-indicator-fill, rgba(59, 130, 246, 0.18)))',
+                    stroke: isActiveSnap
+                        ? 'var(--kritzel-snap-indicator-stroke, #007bff)'
+                        : 'var(--kritzel-snap-indicator-stroke-inactive, var(--kritzel-snap-indicator-stroke, rgba(59, 130, 246, 0.5)))',
                     strokeWidth: data.indicatorStrokeWidth,
                 } }))));
         })(), (() => {

package/dist/collection/constants/license.constants.js

@@ -22,4 +22,4 @@ export const KRITZEL_LICENSE_TOKEN_PREFIX = 'KRTZL1.';
  * printed public key here. Replacing this value invalidates every license
  * signed with the previous key.
  */
-export const KRITZEL_LICENSE_PUBLIC_KEY = 'I-pYJlxDEjT94rwSaqhXW5Sv__fMKS-JKKnV3pg0PaM';
+export const KRITZEL_LICENSE_PUBLIC_KEY = '2IwZDin-qV3kOt8SEQCqdaJsGT9S7tAGapUYJVnVGQo';

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.7';
+export const KRITZEL_VERSION = '0.4.8';

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

@@ -346,14 +346,20 @@ export class KritzelSvgExportHelper {
         const scale = this.getObjectScale(text);
         // Convert ProseMirror content to HTML
         const htmlContent = this.prosemirrorToHtml(text.content, text, theme);
-        // Calculate dimensions accounting for scale
+        // Calculate dimensions in SVG world units (world units = CSS px in a 1:1 SVG).
         const width = text.totalWidth / scale;
         const height = text.totalHeight / scale;
+        // Convert the font size from pt to SVG world units (px equivalent).
+        // text.fontSize is stored in CSS pt; 1 pt = 4/3 px at 96 dpi.
+        // We also bake in scaleFactor (user resize) and divide by the object scale so
+        // that the rendered font aligns with the world-unit dimensions above.
+        // The CSS transform: scale(scaleFactor) is removed from the div because the
+        // 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}">
-      <div xmlns="http://www.w3.org/1999/xhtml" style="font-family: ${text.fontFamily}; font-size: ${text.fontSize}pt; color: ${fontColor}; background-color: ${bgColor || 'transparent'}; transform: scale(${text.scaleFactor}); transform-origin: top left; white-space: pre-wrap; word-wrap: break-word;">
-        ${htmlContent}
-      </div>
+    <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>`;
     }
@@ -372,9 +378,13 @@ export class KritzelSvgExportHelper {
         const height = text.totalHeight / scale;
         const lines = this.prosemirrorToPlainTextLines(text.content);
         const resolvedLines = lines.length > 0 ? lines : [''];
-        const resolvedFontSize = Math.max(1, text.fontSize * (text.scaleFactor || 1));
-        const lineHeight = resolvedFontSize * 1.2;
-        const startY = resolvedFontSize;
+        // Convert the font size from pt to SVG world units (px equivalent).
+        // text.fontSize is stored in CSS pt; 1 pt = 4/3 px at 96 dpi.
+        // We also bake in scaleFactor (user resize) and divide by the object scale so
+        // that the rendered lines align with the world-unit bounding box dimensions above.
+        const resolvedFontSizePx = Math.max(1, text.fontSize * (4 / 3) * (text.scaleFactor || 1) / scale);
+        const lineHeight = resolvedFontSizePx * 1.2;
+        const startY = resolvedFontSizePx;
         const bgRect = bgColor && bgColor !== 'transparent'
             ? `<rect x="0" y="0" width="${width}" height="${height}" fill="${bgColor}"/>`
             : '';
@@ -386,7 +396,7 @@ export class KritzelSvgExportHelper {
             .join('');
         return `<g transform="${transform}"${opacity}>
     ${bgRect}
-    <text font-family="${this.escapeHtml(text.fontFamily)}" font-size="${resolvedFontSize}" fill="${fontColor}">${tspans}</text>
+    <text font-family="${this.escapeHtml(text.fontFamily)}" font-size="${resolvedFontSizePx}" fill="${fontColor}">${tspans}</text>
   </g>`;
     }
     /**

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

@@ -1,4 +1,5 @@
 export class ThemeHelper {
+    static appliedVariableNames = new WeakMap();
     /**
      * Converts a camelCase string to kebab-case.
      * @example ThemeHelper.camelToKebab('controlHoverBackgroundColor') → 'control-hover-background-color'
@@ -64,6 +65,13 @@ export class ThemeHelper {
      */
     static applyThemeToElement(element, theme) {
         const variables = ThemeHelper.flattenThemeToVariables(theme);
+        const previousVariableNames = ThemeHelper.appliedVariableNames.get(element);
+        for (const name of previousVariableNames ?? []) {
+            if (!variables.has(name)) {
+                element.style.removeProperty(name);
+            }
+        }
         ThemeHelper.applyVariablesToElement(element, variables);
+        ThemeHelper.appliedVariableNames.set(element, new Set(variables.keys()));
     }
 }

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

@@ -131,7 +131,9 @@ export const darkTheme = {
     },
     snap: {
         indicatorFill: 'rgba(10, 132, 255, 0.35)',
+        indicatorFillInactive: 'rgba(10, 132, 255, 0.2)',
         indicatorStroke: '#0A84FF',
+        indicatorStrokeInactive: 'rgba(255, 255, 255, 0.45)',
         lineStroke: 'rgba(255, 255, 255, 0.35)',
     },
     fontSize: {

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

@@ -132,7 +132,9 @@ export const lightTheme = {
     },
     snap: {
         indicatorFill: 'rgba(59, 130, 246, 0.3)',
+        indicatorFillInactive: 'rgba(59, 130, 246, 0.18)',
         indicatorStroke: '#007bff',
+        indicatorStrokeInactive: 'rgba(59, 130, 246, 0.5)',
         lineStroke: 'rgba(0, 0, 0, 0.2)',
     },
     fontSize: {

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-B43upypT.js';
-export { K as KritzelBaseObject, b as KritzelLine, a as KritzelPath } from './p-Ka7OWbnk.js';
-export { u as APP_STATE_MIGRATIONS, A as AssetNotFoundError, D as DE_LOCALE, E as EN_LOCALE, F as FR_LOCALE, I as IndexedDBAssetProvider, s as KritzelAlignment, o as KritzelAnchorManager, n as KritzelAssetResolver, e as KritzelBaseTool, f as KritzelBrushTool, l as KritzelCursorHelper, d as KritzelCustomElement, r as KritzelCustomElementRendererRegistry, h as KritzelEraserTool, b as KritzelGroup, a as KritzelImage, i as KritzelImageTool, q as KritzelLicenseManager, g as KritzelLineTool, p as KritzelLocalizationManager, m as KritzelSelectionTool, c as KritzelShape, k as KritzelShapeTool, K as KritzelText, j as KritzelTextTool, S as ShapeType, W as WORKSPACE_MIGRATIONS, t as runMigrations } from './p-C2yi85nc.js';
+export { K as KritzelBaseObject, b as KritzelLine, a as KritzelPath } from './p-0H4HOJjy.js';
+export { u as APP_STATE_MIGRATIONS, A as AssetNotFoundError, D as DE_LOCALE, E as EN_LOCALE, F as FR_LOCALE, I as IndexedDBAssetProvider, s as KritzelAlignment, o as KritzelAnchorManager, n as KritzelAssetResolver, e as KritzelBaseTool, f as KritzelBrushTool, l as KritzelCursorHelper, d as KritzelCustomElement, r as KritzelCustomElementRendererRegistry, h as KritzelEraserTool, b as KritzelGroup, a as KritzelImage, i as KritzelImageTool, q as KritzelLicenseManager, g as KritzelLineTool, p as KritzelLocalizationManager, m as KritzelSelectionTool, c as KritzelShape, k as KritzelShapeTool, K as KritzelText, j as KritzelTextTool, S as ShapeType, W as WORKSPACE_MIGRATIONS, t as runMigrations } from './p-D8bHNNEm.js';
 import * as Y from 'yjs';
 import { IndexeddbPersistence } from 'y-indexeddb';
 import { WebsocketProvider } from 'y-websocket';
 import { H as HocuspocusProvider, a as HocuspocusProviderWebsocket } from './kritzel-editor.js';
 export { d as DEFAULT_ASSET_STORAGE_CONFIG, D as DEFAULT_BRUSH_CONFIG, c as DEFAULT_LINE_TOOL_CONFIG, b as DEFAULT_TEXT_CONFIG, KritzelEditor, defineCustomElement as defineCustomElementKritzelEditor } from './kritzel-editor.js';
 export { K as KritzelWorkspace, W as WORKSPACE_EXPORT_VERSION } from './p-DAwPPDMS.js';
-export { K as KritzelThemeManager, d as darkTheme, l as lightTheme } from './p-BmyTdQGy.js';
+export { K as KritzelThemeManager, d as darkTheme, l as lightTheme } from './p-CURiiQfq.js';
 export { K as KritzelFontRegistry } from './p-DJkKlUyZ.js';
 export { C as CURRENT_APP_STATE_SCHEMA_VERSION, a as CURRENT_WORKSPACE_SCHEMA_VERSION } from './p-CW-VyJgK.js';
 export { KritzelActiveUsers, defineCustomElement as defineCustomElementKritzelActiveUsers } from './kritzel-active-users.js';

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

@@ -1,4 +1,4 @@
-import { c as KritzelAwarenessCursors$1, d as defineCustomElement$1 } from './p-Ka7OWbnk.js';
+import { c as KritzelAwarenessCursors$1, d as defineCustomElement$1 } from './p-0H4HOJjy.js';
 
 const KritzelAwarenessCursors = KritzelAwarenessCursors$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-color-palette.js

@@ -1,4 +1,4 @@
-import { K as KritzelColorPalette$1, d as defineCustomElement$1 } from './p-1nG2hxfJ.js';
+import { K as KritzelColorPalette$1, d as defineCustomElement$1 } from './p-9m1cAVwG.js';
 
 const KritzelColorPalette = KritzelColorPalette$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-color.js

@@ -1,4 +1,4 @@
-import { K as KritzelColorComponent, d as defineCustomElement$1 } from './p-zd7zXld8.js';
+import { K as KritzelColorComponent, d as defineCustomElement$1 } from './p-CMZ09rB1.js';
 
 const KritzelColor = KritzelColorComponent;
 const defineCustomElement = defineCustomElement$1;