@snowcone-app/canvas 0.28.0 → 0.30.0

package/dist/advanced.mjs

@@ -1,21 +1,21 @@
-import { D as te, T as M, h as D, B as re, I as q, i as I, j as ne, e as se } from "./UnifiedFontService-BJzoqfBF.js";
-import { k as at, L as it, M as ct, l as lt, S as dt, m as ut, s as mt, n as ft } from "./UnifiedFontService-BJzoqfBF.js";
-import { r as oe, v as ae } from "./validation-B8kIYutI.js";
-import { a as pt, b as xt, c as gt, d as bt, D as yt, e as vt, f as wt, G as St, K as Ct, g as Tt, L as Et, S as $t, T as kt, Z as At, h as Ft, i as Pt, j as Nt, k as Rt, l as Bt, m as Mt, n as Dt, u as It, o as zt, p as Ot } from "./validation-B8kIYutI.js";
-import { ImagePanel as Wt } from "./ImagePanel-CmQCxBGm.js";
-import { P as ie, a as ce, b as le } from "./ContextualToolbars-C69oYLdw.js";
-import { A as Gt, B as _t, c as Ut, C as jt, d as Jt, e as qt, F as Zt, f as Vt, I as Xt, g as Yt, M as Ht, h as Qt, S as er, T as tr, i as rr, j as nr, k as sr, U as or, l as ar, u as ir, m as cr } from "./ContextualToolbars-C69oYLdw.js";
-import { u as Z } from "./editorErrors-8uDRMhow.js";
-import { E as dr, P as ur, p as mr, s as fr, b as hr, c as pr, d as xr, e as gr, f as br, a as yr } from "./editorErrors-8uDRMhow.js";
+import { D as te, T as M, h as D, B as re, I as q, i as I, j as ne, e as se } from "./UnifiedFontService-Co9tQ59z.js";
+import { k as at, L as it, M as ct, l as lt, S as dt, m as ut, s as mt, n as ft } from "./UnifiedFontService-Co9tQ59z.js";
+import { r as oe, v as ae } from "./validation-BGEl9rrE.js";
+import { a as pt, b as xt, c as gt, d as bt, D as yt, e as vt, f as wt, G as St, K as Ct, g as Tt, L as Et, S as $t, T as kt, Z as At, h as Ft, i as Pt, j as Nt, k as Rt, l as Bt, m as Mt, n as Dt, u as It, o as zt, p as Ot } from "./validation-BGEl9rrE.js";
+import { ImagePanel as Wt } from "./ImagePanel-CBgGqmVV.js";
+import { P as ie, a as ce, b as le } from "./ContextualToolbars-C3D_6sep.js";
+import { A as Gt, B as _t, c as Ut, C as jt, d as Jt, e as qt, F as Zt, f as Vt, I as Xt, g as Yt, M as Ht, h as Qt, S as er, T as tr, i as rr, j as nr, k as sr, U as or, l as ar, u as ir, m as cr } from "./ContextualToolbars-C3D_6sep.js";
+import { u as Z } from "./editorErrors-WzaNxU1Y.js";
+import { E as dr, P as ur, p as mr, s as fr, b as hr, c as pr, d as xr, e as gr, f as br, a as yr } from "./editorErrors-WzaNxU1Y.js";
 import { T as wr, u as Sr } from "./ThemeContext-Rjz25x9X.js";
-import { c as de, G as ue, F as me, g as fe, r as he, u as pe } from "./FontAnalyzer-PE6nysqE.js";
-import { A as Tr, B as Er, I as $r, P as kr, R as Ar, S as Fr, T as Pr, h as Nr, a as Rr, b as Br, i as Mr, d as Dr, e as Ir, f as zr, j as Or, k as Lr, l as Wr, m as Kr, n as Gr, o as _r, p as Ur, q as jr, s as Jr, t as qr, v as Zr, w as Vr, x as Xr } from "./FontAnalyzer-PE6nysqE.js";
-import { i as Hr, a as Qr, b as en, c as tn, d as rn } from "./guards-BlbhM5MX.js";
+import { c as de, G as ue, F as me, g as fe, r as he, u as pe } from "./FontAnalyzer-DKG5JK0x.js";
+import { A as Tr, B as Er, I as $r, P as kr, R as Ar, S as Fr, T as Pr, h as Nr, a as Rr, b as Br, i as Mr, d as Dr, e as Ir, f as zr, j as Or, k as Lr, l as Wr, m as Kr, n as Gr, o as _r, p as Ur, q as jr, s as Jr, t as qr, v as Zr, w as Vr, x as Xr } from "./FontAnalyzer-DKG5JK0x.js";
+import { i as Hr, a as Qr, b as en, c as tn, d as rn } from "./guards-BSoX73yg.js";
 import { useState as A, useCallback as y, useEffect as V, useMemo as X, useRef as B, memo as xe } from "react";
-import { I as ge } from "./ExportManager-J2xK86uq.js";
+import { I as ge } from "./ExportManager-DUdis6se.js";
 import { e as be, c as ye } from "./compose-DtQL_oit.js";
 import { jsxs as b, jsx as a, Fragment as ve } from "react/jsx-runtime";
-import { P as sn, p as on, u as an } from "./usePieceGuideBundle-CMe5br2a.js";
+import { P as sn, p as on, u as an } from "./usePieceGuideBundle-CRLY2iQa.js";
 const ze = ({
   title: e,
   icon: t,

package/dist/api/embed.d.ts

@@ -70,6 +70,8 @@ export type { ExportProgress, ContinuousExportOptions, UseExportReturn } from '.
 export { useSelectedElement } from '../hooks/useSelectedElement.js';
 export { serializeState } from '../state/index.js';
 export type { CanvasStateV1, SerializedArtboard, SerializedElement, } from '../state/index.js';
+export { loadCustomFont, registerCustomFonts, ensureCustomFontsLoaded, customFontRegistry, } from '../utils/custom-fonts.js';
+export type { CustomFont, LoadCustomFontOptions } from '../utils/custom-fonts.js';
 export { useTextBinding } from '../hooks/useTextBinding.js';
 export { useImageBinding } from '../hooks/useImageBinding.js';
 export { useColorBinding } from '../hooks/useColorBinding.js';

package/dist/api/stable.d.ts

@@ -48,6 +48,8 @@ export type { ArtboardConfig as ArtboardElementConfig, ArtboardRole, TransformTy
 export { ErrorBoundary } from '../components/embed/ErrorBoundary.js';
 export type { ErrorBoundaryProps } from '../components/embed/ErrorBoundary.js';
 export { serializeState, deserializeState, validateState, migrateState, } from '../state/index.js';
+export { loadCustomFont, registerCustomFonts, ensureCustomFontsLoaded, customFontRegistry, } from '../utils/custom-fonts.js';
+export type { CustomFont, LoadCustomFontOptions } from '../utils/custom-fonts.js';
 export { serializeStateForServer, CANVAS_STATE_SCHEMA_VERSION, } from '../rendering/serialize-for-server.js';
 export type { ServerRenderRequest } from '../rendering/serialize-for-server.js';
 export { design, DesignBuilder } from '../design/design-builder.js';

package/dist/components/CanvasContextMenu.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+/** Where (viewport px) and on what the menu was requested. */
+export interface CanvasContextMenuState {
+    /** Viewport coords of the right-click — the menu's top-left corner. */
+    x: number;
+    y: number;
+    /** Topmost hit element id, or null for the empty-canvas menu. */
+    targetId: string | null;
+}
+export interface CanvasContextMenuProps {
+    menu: CanvasContextMenuState;
+    onClose: () => void;
+}
+export declare const CanvasContextMenu: React.FC<CanvasContextMenuProps>;
+export default CanvasContextMenu;

package/dist/components/CanvasEditor/hooks/useCanvasInteraction.d.ts

@@ -256,6 +256,14 @@ export interface UseCanvasInteractionParams {
     onMultiSelectionChange: (ids: string[]) => void;
     onRotationStateChange?: (isRotating: boolean) => void;
     onCropModeEnter?: () => void;
+    /**
+     * Fired by {@link CanvasInteractionResult.handleContextMenu} after the
+     * right-click target has been hit-tested and selected. The host renders
+     * the actual menu UI (see `CanvasContextMenu`). When omitted, right-click
+     * still never enters the select/drag pipeline (the button-2 interception
+     * below), and the browser's native menu is left alone.
+     */
+    onContextMenuRequest?: (request: CanvasContextMenuRequest) => void;
     updateActiveChild: (child: ChildElement | null) => void;
     getActiveArtboardElements: () => CanvasElement[];
     startMarqueeSelection: (x: number, y: number) => void;
@@ -274,11 +282,30 @@ export interface UseCanvasInteractionParams {
     setCurrentFormattingStyle: React.Dispatch<React.SetStateAction<CharacterStyle | null>>;
     getWrappedTextForEditing: (element: TextElement) => string;
 }
+/**
+ * Payload handed to {@link UseCanvasInteractionParams.onContextMenuRequest}
+ * when the user right-clicks (or long-presses, where the platform
+ * synthesizes a `contextmenu` event) on the canvas. By the time this fires,
+ * selection has already been updated Figma-style: the element under the
+ * cursor is selected (an existing multi-selection is preserved when the
+ * target is part of it), or the selection is left untouched on empty canvas.
+ */
+export interface CanvasContextMenuRequest {
+    /** Viewport coords of the gesture — position the menu here. */
+    clientX: number;
+    clientY: number;
+    /** World/artboard coords of the gesture. */
+    worldX: number;
+    worldY: number;
+    /** Topmost hit element id, or null when the gesture landed on empty canvas. */
+    elementId: string | null;
+}
 export interface CanvasInteractionResult {
     handlePointerDown: (e: React.PointerEvent<HTMLCanvasElement>) => void;
     handlePointerMove: (e: React.PointerEvent<HTMLCanvasElement>) => void;
     handlePointerUp: (e: React.PointerEvent<HTMLCanvasElement>) => void;
     handleDoubleClick: (e: React.MouseEvent<HTMLCanvasElement>) => void;
+    handleContextMenu: (e: React.MouseEvent<HTMLCanvasElement>) => void;
 }
 export declare function useCanvasInteraction(params: UseCanvasInteractionParams): CanvasInteractionResult;
 export {};

package/dist/components/CanvasEditor.d.ts

@@ -25,6 +25,14 @@ interface CanvasEditorProps {
     onHoverChange?: (elementId: string | null) => void;
     onRotationStateChange?: (isRotating: boolean) => void;
     onCropModeEnter?: () => void;
+    /**
+     * Right-click (contextmenu) on the canvas: fired AFTER the target under
+     * the cursor has been hit-tested and selected (existing multi-selection
+     * preserved when the target is part of it). The host renders the menu —
+     * see `CanvasContextMenu`. When omitted, the browser's native menu is
+     * left alone; either way right-click never starts a drag/marquee.
+     */
+    onContextMenuRequest?: (request: import('./CanvasEditor/hooks/useCanvasInteraction.js').CanvasContextMenuRequest) => void;
     hideHandles?: boolean;
     canvasRef?: React.RefObject<HTMLCanvasElement | null>;
     width?: number;

package/dist/components/embed/SnowconeCanvas.d.ts

@@ -2,6 +2,7 @@ import { default as React } from 'react';
 import { CanvasServices } from '../../contexts/CanvasServicesContext.js';
 import { CanvasError, ArtboardRole, ClipShape, AnyElementConfig } from '../../types/index.js';
 import { KitPresetId, KitDefinition } from '../../kits/types.js';
+import { CustomFont } from '../../utils/custom-fonts.js';
 import { PieceGuide, PieceGuideRendererPiece, PieceGuideRendererStyle, PieceGuideVisibility } from '../../rendering/PieceGuideRenderer.js';
 export type { ClipShape, ArtboardRole } from '../../types/index.js';
 /** 9-point alignment grid values */
@@ -501,6 +502,18 @@ export interface SnowconeCanvasProps {
      * the first artboard, so pre-existing saved states keep working.
      */
     initialElements?: AnyElementConfig[];
+    /**
+     * Custom (brand) fonts the restored design depends on — pass the saved
+     * state's `customFonts` (`CanvasStateV1.customFonts`) alongside
+     * `initialElements`. Each `{ family, url }` is registered before the
+     * design-open font preload runs and its binary is loaded bytes-first from
+     * `url`; a custom family deterministically shadows any same-named Google
+     * family (see `utils/custom-fonts.ts`). A font that fails to load surfaces
+     * the typed `E_FONT_LOAD_FAILED` through `onError` — never a silent serif
+     * fallback. (Designs loaded via `deserializeState` register their custom
+     * fonts automatically; this prop covers hosts that thread raw elements.)
+     */
+    customFonts?: CustomFont[];
     /**
      * Called when canvas content changes (elements added, modified, or removed).
      * Use this to persist the design state.

package/dist/components/embed/kernel.d.ts

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
+import { CustomFont } from '../../utils/custom-fonts.js';
 import { CanvasError, AnyElementConfig } from '../../types/index.js';
 import { AlignmentPoint, ArtboardConfig, CanvasState, ExportStatusEvent, PieceGuidesConfig, SnowconeCanvasHandle } from './SnowconeCanvas.js';
 export type ImageLoadingState = 'idle' | 'loading' | 'success' | 'error';
@@ -45,6 +46,13 @@ export declare function useArtboardKernel(opts: ArtboardKernelOptions): void;
 export interface InitialElementsKernelOptions {
     initialElements: AnyElementConfig[] | undefined;
     emitError: (error: CanvasError) => void;
+    /**
+     * Custom (brand) fonts the design depends on (`CanvasStateV1.customFonts`).
+     * Registered with `customFontRegistry` BEFORE the font preload below runs,
+     * so a custom family never gets a Google `<link>` injected for it — the
+     * deterministic-shadowing contract (see `utils/custom-fonts.ts`).
+     */
+    customFonts?: CustomFont[];
 }
 /**
  * Restore saved state (`initialElements`) onto the named artboards, then

package/dist/components/toolbars/SecondaryPanels.d.ts

@@ -20,6 +20,17 @@ export interface FontSizePanelProps {
     widthValue?: number | null;
     /** Called when the width slider moves. */
     onWidthChange?: (value: number) => void;
+    /** Letter-spacing in px (extra advance per character). When
+     *  null/undefined the slider is hidden (curved transforms — they lay
+     *  glyphs along a path and intentionally ignore letter-spacing). */
+    letterSpacingValue?: number | null;
+    /** Called when the letter-spacing slider moves. */
+    onLetterSpacingChange?: (value: number) => void;
+    /** Line-height multiplier (lineSpacing = fontSize × value). When
+     *  null/undefined the slider is hidden (curved transforms). */
+    lineHeightValue?: number | null;
+    /** Called when the line-height slider moves. */
+    onLineHeightChange?: (value: number) => void;
 }
 export declare const FontSizePanel: React.FC<FontSizePanelProps>;
 export interface OpacityPanelProps {

package/dist/components/ui/icons.d.ts

@@ -22,6 +22,8 @@ export declare const icons: {
     readonly shapes: "lucide:shapes";
     readonly trash: "lucide:trash-2";
     readonly copy: "lucide:copy";
+    readonly paste: "lucide:clipboard-paste";
+    readonly selectAll: "lucide:box-select";
     readonly pencil: "lucide:pencil";
     readonly scissors: "lucide:scissors";
     readonly save: "lucide:save";

package/dist/contexts/CanvasServicesContext.d.ts

@@ -69,6 +69,22 @@ export interface CanvasServices {
      * `bgRemoveUrl`.
      */
     removeBackground?: (imageUrl: string) => Promise<string>;
+    /**
+     * Host-owned brand-font upload. The canvas never owns storage: the host
+     * receives the font `File` (woff2/woff/ttf/otf), stores it in its own
+     * (shop-scoped) asset storage, and resolves with the hosted font's
+     * `{ family, url }` — `url` must serve the binary over a plain
+     * cross-origin GET (the export worker fetches it too). On resolve the
+     * canvas loads + registers the font, selects it, and persists it in the
+     * design's `customFonts`. When absent, the font picker renders NO upload
+     * affordance at all (capability opt-in — no broken button to click).
+     */
+    onFontUpload?: (file: File) => Promise<{
+        family: string;
+        url: string;
+        weight?: number;
+        style?: 'normal' | 'italic';
+    }>;
 }
 /** The resolved providers consumers actually use. */
 export interface ResolvedCanvasServices {
@@ -76,6 +92,7 @@ export interface ResolvedCanvasServices {
     generate?: GenerateProvider;
     vectors?: VectorSearchProvider;
     removeBackground?: (imageUrl: string) => Promise<string>;
+    onFontUpload?: CanvasServices['onFontUpload'];
 }
 export interface CanvasServicesProviderProps {
     services?: CanvasServices;

package/dist/contexts/EditorContext.d.ts

@@ -110,6 +110,13 @@ export interface EditorContextValue {
     handleLoadWorkspace: (loadedArtboards: ArtboardElement[], loadedElements: EditorElement[], activeArtboardId: string | null) => void;
     handleCopyElements: () => void;
     handlePasteElements: () => void;
+    /**
+     * Whether the editor's internal copy/paste clipboard holds anything.
+     * `handlePasteElements` is a silent no-op when this is false — surfaces
+     * offering a Paste affordance (canvas context menu) use this to disable
+     * the entry instead of presenting an action that does nothing.
+     */
+    hasClipboardContent: boolean;
     historyManager: ReturnType<typeof useCommandHistory>['historyManager'];
     executeElementUpdate: ReturnType<typeof useCommandHistory>['executeElementUpdate'];
     executeAddElement: ReturnType<typeof useCommandHistory>['executeAddElement'];

package/dist/core/TextElement.d.ts

@@ -11,6 +11,19 @@ export declare class TextElement extends BaseElement {
     italic: boolean;
     underline: boolean;
     strikethrough: boolean;
+    /**
+     * Element-level letter-spacing in world-space px (extra advance after each
+     * character, CSS model). Per-character override via
+     * `CharacterStyle.letterSpacing`. undefined = 0. Custom transform only —
+     * curved transforms intentionally ignore it.
+     */
+    letterSpacing?: number;
+    /**
+     * Line-height multiplier (lineSpacing = fontSize × lineHeight).
+     * undefined = LINE_HEIGHT_MULTIPLIER (1.2), the historical layout.
+     * Custom transform only.
+     */
+    lineHeight?: number;
     glyphOverrides?: GlyphOverride[];
     openTypeFeatures?: OpenTypeFeatures;
     constructor(config?: Partial<BaseTextElementConfig>);

package/dist/core/TextMetrics.d.ts

@@ -2,6 +2,17 @@
  * TextMetrics - Shared utilities for text measurement and layout
  * Reduces duplication across transform types
  */
+/**
+ * Optional typography knobs threaded through layout/measurement.
+ * Omitting them (or passing {}) reproduces the historical layout EXACTLY:
+ * letterSpacing 0, lineHeight LINE_HEIGHT_MULTIPLIER (1.2).
+ */
+export interface TextLayoutOptions {
+    /** Extra advance per character in px (CSS letter-spacing model). */
+    letterSpacing?: number;
+    /** Line-height multiplier (lineSpacing = fontSize × lineHeight). */
+    lineHeight?: number;
+}
 /**
  * Build font string with optional bold and italic
  * @param {number} fontSize - Font size
@@ -21,9 +32,10 @@ export declare function buildFontString(fontSize: number, fontFamily: string, bo
  * @param {boolean} italic - Whether text is italic
  * @param {number} lockedLineCount - Optional locked line count (forces exact number of lines during corner resize)
  * @param {boolean} strict - If true, disable tolerance (wrap exactly at maxWidth, matching richText behavior)
+ * @param {TextLayoutOptions} opts - Optional letterSpacing (affects wrap points); omitting = legacy layout
  * @returns {string[]} Array of lines
  */
-export declare function wrapText(text: string, maxWidth: number, fontSize: number, fontFamily: string, bold?: boolean, italic?: boolean, lockedLineCount?: number, strict?: boolean): string[];
+export declare function wrapText(text: string, maxWidth: number, fontSize: number, fontFamily: string, bold?: boolean, italic?: boolean, lockedLineCount?: number, strict?: boolean, opts?: TextLayoutOptions): string[];
 /**
  * Measure width of text
  * @param {string} text - Text to measure
@@ -31,9 +43,10 @@ export declare function wrapText(text: string, maxWidth: number, fontSize: numbe
  * @param {string} fontFamily - Font family name
  * @param {boolean} bold - Whether text is bold
  * @param {boolean} italic - Whether text is italic
+ * @param {number} letterSpacing - Extra advance per character in px (default 0 — legacy width)
  * @returns {number} Width in pixels
  */
-export declare function measureTextWidth(text: string, fontSize: number, fontFamily: string, bold?: boolean, italic?: boolean): number;
+export declare function measureTextWidth(text: string, fontSize: number, fontFamily: string, bold?: boolean, italic?: boolean, letterSpacing?: number): number;
 /**
  * Get font metrics for accurate text positioning
  * @param {number} fontSize - Font size
@@ -98,9 +111,10 @@ export declare function calculateContainerHeight(lineCount: number, fontSize: nu
  * @param {boolean} italic - Whether text is italic
  * @param {number} lockedLineCount - Optional locked line count (forces exact number of lines during corner resize)
  * @param {boolean} strict - If true, disable tolerance (wrap exactly at maxWidth)
+ * @param {TextLayoutOptions} opts - Optional letterSpacing/lineHeight; omitting = legacy layout
  * @returns {Object} {width, height, lines} - Adjusted dimensions and line array
  */
-export declare function calculateVisualBoundsWithSpaceCollapsing(text: string, maxWidth: number, fontSize: number, fontFamily: string, bold?: boolean, italic?: boolean, lockedLineCount?: number, strict?: boolean): {
+export declare function calculateVisualBoundsWithSpaceCollapsing(text: string, maxWidth: number, fontSize: number, fontFamily: string, bold?: boolean, italic?: boolean, lockedLineCount?: number, strict?: boolean, opts?: TextLayoutOptions): {
     width: number;
     height: number;
     lines: string[];

package/dist/core/rich-text-layout.d.ts

@@ -15,6 +15,8 @@ export declare function wrapRichTextSpans(spans: Array<{
     fontFamily: string;
     bold?: boolean;
     italic?: boolean;
+    /** Element-level letter-spacing default (px per character). */
+    letterSpacing?: number;
 }): Array<{
     text: string;
     style: CharacterStyle;

package/dist/core/text-spacing.d.ts

@@ -0,0 +1,74 @@
+/**
+ * text-spacing — the ONE advance computation for letter-spaced text.
+ *
+ * Letter-spacing model (CSS `letter-spacing` / canvas `ctx.letterSpacing`
+ * semantics): every character's advance grows by `letterSpacing` world-space
+ * pixels, INCLUDING the last character of a run. So:
+ *
+ *   spacedWidth(text)        = ctx.measureText(text).width + spacing × charCount
+ *   advance(char at index i) = ctx.measureText(prefix(i+1)).width − measureText(prefix(i)).width + spacing
+ *   cursor x after N chars   = ctx.measureText(prefix(N)).width + spacing × N
+ *
+ * The uniform per-character `+spacing` is what keeps cursor math, selection
+ * rects, hover chrome, stroke outlines, and painted glyphs in lockstep — every
+ * site sums the SAME advances. Do not invent a second model (e.g. "between
+ * characters only", spacing × (n−1)); a mixed model drifts the caret.
+ *
+ * Painting is done per-character at kerning-preserving offsets (each glyph is
+ * positioned by the measured width of its prefix, so kerning pairs inside the
+ * run stay intact) rather than via the native `ctx.letterSpacing` property,
+ * which is not implemented across all engines we ship to. When spacing is 0
+ * the fast path is a single fillText/strokeText — byte-identical to the
+ * pre-letter-spacing renderer, which is what the "default unchanged" tests pin.
+ *
+ * Worker-compatible: no DOM access; operates on whatever 2D context (canvas or
+ * OffscreenCanvas) the caller already configured (`ctx.font` must be set).
+ *
+ * SCOPE: straight ('custom') text transform only. Curved transforms (circle,
+ * arch, wave, lean, ascend, flag) place glyphs along their own path math and
+ * intentionally ignore letter-spacing (pinned in transform-renderer.test.ts).
+ */
+type AnyRenderContext = CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D;
+/** Minimal context shape needed for measurement-only callers (tests, layout). */
+export interface MeasureOnlyContext {
+    measureText(text: string): {
+        width: number;
+    };
+}
+/**
+ * Count user-perceived characters (code points, not UTF-16 units) so
+ * surrogate pairs (emoji, PUA glyphs) get ONE spacing slot, matching the
+ * per-character paint loop which iterates with Array.from.
+ */
+export declare function countSpacedChars(text: string): number;
+/**
+ * Add letter-spacing to a raw measured width.
+ * `spacedTextWidth(ctx.measureText(t).width, t, s)` — every char gets +s.
+ */
+export declare function spacedTextWidth(rawWidth: number, text: string, letterSpacing: number | undefined): number;
+/**
+ * Measure text with letter-spacing using an already-configured context
+ * (ctx.font must be set by the caller).
+ */
+export declare function measureTextWithSpacing(ctx: MeasureOnlyContext, text: string, letterSpacing: number | undefined): number;
+/**
+ * Per-character x offsets (relative to the run's left edge) for a
+ * letter-spaced run. offsets[i] is where character i is painted; a trailing
+ * entry offsets[n] is the total advance (== spacedTextWidth). Kerning inside
+ * the run is preserved because each offset is the measured width of the full
+ * prefix, not a sum of isolated char widths.
+ */
+export declare function getSpacedCharOffsets(ctx: MeasureOnlyContext, text: string, letterSpacing: number): number[];
+/**
+ * Drop-in replacement for `ctx.fillText(text, x, y)` that honors
+ * letter-spacing. Respects the ctx's current `textAlign` (the spaced total
+ * width — trailing spacing included — is what gets centered/right-aligned,
+ * matching CSS). Zero/undefined spacing calls fillText once, unchanged.
+ */
+export declare function fillTextWithSpacing(ctx: AnyRenderContext, text: string, x: number, y: number, letterSpacing: number | undefined): void;
+/**
+ * Drop-in replacement for `ctx.strokeText(text, x, y)` that honors
+ * letter-spacing. Same alignment semantics as fillTextWithSpacing.
+ */
+export declare function strokeTextWithSpacing(ctx: AnyRenderContext, text: string, x: number, y: number, letterSpacing: number | undefined): void;
+export {};

package/dist/{custom-icons-BWiUGqD6.js → custom-icons-BIaRovwG.js}

@@ -1,6 +1,6 @@
 import { jsx as i, jsxs as h } from "react/jsx-runtime";
 import * as c from "react";
-import { n as T, z as y, O as w } from "./UnifiedFontService-BJzoqfBF.js";
+import { n as T, z as y, O as w } from "./UnifiedFontService-Co9tQ59z.js";
 import * as R from "@radix-ui/react-label";
 import { cva as S } from "class-variance-authority";
 import * as g from "@radix-ui/react-tabs";
@@ -233,4 +233,4 @@ export {
   z as T,
   A as a
 };
-//# sourceMappingURL=custom-icons-BWiUGqD6.js.map
+//# sourceMappingURL=custom-icons-BIaRovwG.js.map

package/dist/{custom-icons-BWiUGqD6.js.map → custom-icons-BIaRovwG.js.map}

@@ -1 +1 @@
-{"version":3,"file":"custom-icons-BWiUGqD6.js","sources":["../src/vendor/ui/primitives/input.tsx","../src/vendor/ui/primitives/label.tsx","../src/vendor/ui/primitives/tabs.tsx","../src/vendor/ui/primitives/text-field.tsx","../src/components/ui/custom-icons.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '../lib/utils';\nimport { useSurface } from './surface';\n\nexport interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  /** Whether the input is in an invalid state */\n  isInvalid?: boolean;\n  /** Content to display at the start of the input */\n  startContent?: React.ReactNode;\n  /** Content to display at the end of the input */\n  endContent?: React.ReactNode;\n  /**\n   * Visual variant - auto-detected from Surface context, or can be set explicitly\n   * - `default`: Standard field styling for forms (bg-field)\n   * - `filled`: Field on elevated surface (bg-field-on-surface)\n   * - `subtle`: Blends with buttons/tabs in toolbars (bg-default)\n   */\n  variant?: 'default' | 'filled' | 'subtle';\n}\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      className,\n      type,\n      isInvalid,\n      startContent,\n      endContent,\n      disabled,\n      readOnly,\n      required,\n      variant,\n      ...props\n    },\n    ref\n  ) => {\n    // Auto-detect variant from Surface context\n    const surface = useSurface();\n    const isOnSurface = surface.variant === 'default' || surface.variant === 'secondary';\n    const effectiveVariant = variant ?? (isOnSurface ? 'filled' : 'default');\n\n    const inputElement = (\n      <input\n        type={type}\n        className={cn(\n          'sc:flex sc:h-10 sc:w-full sc:rounded-input sc:px-2.5 sc:py-1.5 sc:text-sm sc:appearance-none',\n          'sc:text-foreground sc:border-none',\n          'sc:file:border-0 sc:file:bg-transparent sc:file:text-sm sc:file:font-medium sc:file:text-foreground',\n          'sc:placeholder:text-foreground/50',\n          'sc:transition-shadow sc:duration-200 sc:ease-out sc:focus-visible:outline-none sc:focus:ring-2 sc:focus:ring-focus sc:focus:ring-offset-1 sc:focus:ring-offset-background',\n          'sc:disabled:cursor-not-allowed sc:disabled:opacity-50',\n          // Variant styles - semantic: field on page vs field on surface vs toolbar\n          effectiveVariant === 'default' && 'sc:bg-field sc:shadow-soft sc:dark:shadow-none',\n          effectiveVariant === 'filled' && 'sc:bg-[var(--color-field-on-surface)]',\n          effectiveVariant === 'subtle' && 'sc:bg-default sc:dark:bg-[var(--color-default-on-surface)]',\n          isInvalid && 'sc:ring-2 sc:ring-danger sc:focus-visible:ring-danger',\n          startContent && 'sc:pl-10',\n          endContent && 'sc:pr-10',\n          className\n        )}\n        ref={ref}\n        disabled={disabled}\n        readOnly={readOnly}\n        required={required}\n        aria-invalid={isInvalid}\n        {...props}\n      />\n    );\n\n    if (startContent || endContent) {\n      return (\n        <div className=\"sc:relative\">\n          {startContent && (\n            <div className=\"sc:absolute sc:left-3 sc:top-1/2 sc:-translate-y-1/2 sc:text-foreground sc:opacity-40\">{startContent}</div>\n          )}\n          {inputElement}\n          {endContent && (\n            <div className=\"sc:absolute sc:right-3 sc:top-1/2 sc:-translate-y-1/2 sc:text-foreground sc:opacity-40\">{endContent}</div>\n          )}\n        </div>\n      );\n    }\n\n    return inputElement;\n  }\n);\nInput.displayName = 'Input';\n\nexport { Input };\n","'use client';\n\nimport * as React from 'react';\nimport * as LabelPrimitive from '@radix-ui/react-label';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../lib/utils';\n\nconst labelVariants = cva(\n  'sc:block sc:text-sm sc:leading-none sc:text-foreground sc:peer-disabled:cursor-not-allowed sc:peer-disabled:opacity-70 sc:font-label'\n);\n\nconst Label = React.forwardRef<\n  React.ElementRef<typeof LabelPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & VariantProps<typeof labelVariants>\n>(({ className, ...props }, ref) => (\n  <LabelPrimitive.Root ref={ref} className={cn(labelVariants(), className)} {...props} />\n));\nLabel.displayName = LabelPrimitive.Root.displayName;\n\nexport { Label };\n","\"use client\";\n\n'use client';\n\nimport * as React from 'react';\nimport * as TabsPrimitive from '@radix-ui/react-tabs';\nimport { cn } from '../lib/utils';\nimport { useSurface } from './surface';\n\ninterface TabsProps\n  extends Omit<React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root>, 'value' | 'onValueChange'> {\n  value?: string;\n  onValueChange?: (value: string) => void;\n}\n\nconst TabsRoot = React.forwardRef<React.ElementRef<typeof TabsPrimitive.Root>, TabsProps>(\n  ({ value, onValueChange, ...props }, ref) => (\n    <TabsPrimitive.Root ref={ref} value={value} onValueChange={onValueChange} {...props} />\n  )\n);\nTabsRoot.displayName = 'Tabs';\n\nconst TabsList = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\n>(({ className, children, ...props }, ref) => {\n  const listRef = React.useRef<HTMLDivElement>(null);\n  const [indicatorStyle, setIndicatorStyle] = React.useState<React.CSSProperties>({\n    opacity: 0,\n  });\n\n  // Update indicator position when active tab changes\n  React.useEffect(() => {\n    const listElement = listRef.current;\n    if (!listElement) return;\n\n    const updateIndicator = () => {\n      const activeTab = listElement.querySelector('[data-state=\"active\"]') as HTMLElement;\n      if (activeTab) {\n        const listRect = listElement.getBoundingClientRect();\n        const tabRect = activeTab.getBoundingClientRect();\n\n        setIndicatorStyle({\n          width: tabRect.width,\n          height: tabRect.height,\n          left: tabRect.left - listRect.left,\n          opacity: 1,\n        });\n      }\n    };\n\n    // Initial position\n    updateIndicator();\n\n    // Use MutationObserver to detect when active tab changes\n    const observer = new MutationObserver((mutations) => {\n      for (const mutation of mutations) {\n        if (mutation.type === 'attributes' && mutation.attributeName === 'data-state') {\n          updateIndicator();\n          break;\n        }\n      }\n    });\n\n    // Observe all trigger elements for data-state changes\n    const triggers = listElement.querySelectorAll('[role=\"tab\"]');\n    triggers.forEach((trigger) => {\n      observer.observe(trigger, { attributes: true, attributeFilter: ['data-state'] });\n    });\n\n    // Also update on resize\n    const resizeObserver = new ResizeObserver(updateIndicator);\n    resizeObserver.observe(listElement);\n\n    return () => {\n      observer.disconnect();\n      resizeObserver.disconnect();\n    };\n  }, [children]);\n\n  return (\n    <TabsPrimitive.List\n      ref={(node) => {\n        // Handle both refs\n        (listRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n        if (typeof ref === 'function') {\n          ref(node);\n        } else if (ref) {\n          ref.current = node;\n        }\n      }}\n      className={cn(\n        'sc:relative sc:inline-flex sc:h-10 sc:items-center sc:justify-center sc:rounded-full sc:px-1 sc:text-muted-foreground',\n        // Consistent bg-default matches Button secondary variant for toolbar harmony\n        'sc:bg-default sc:dark:bg-[var(--color-default-on-surface)]',\n        className\n      )}\n      {...props}\n    >\n      {/* Animated sliding indicator. In dark mode the previous `bg-muted`\n          value resolved to the same color as `bg-default` on the container,\n          so the active tab was invisible without relying purely on\n          shadow-md. `bg-popover` lands ~0.08 lightness above `bg-default`\n          in dark mode for a clearly visible elevation. */}\n      <span\n        className=\"sc:absolute sc:top-1/2 sc:-translate-y-1/2 sc:rounded-full sc:bg-surface sc:dark:bg-popover sc:shadow-md sc:transition-[left,width,opacity]\"\n        style={{\n          ...indicatorStyle,\n          transitionDuration: '350ms',\n          transitionTimingFunction: 'cubic-bezier(0.22, 1, 0.36, 1)',\n        }}\n        aria-hidden=\"true\"\n      />\n      {children}\n    </TabsPrimitive.List>\n  );\n});\nTabsList.displayName = TabsPrimitive.List.displayName;\n\ninterface TabsTriggerProps extends Omit<React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>, 'value'> {\n  // HeroUI uses 'id' for tab identification, Radix uses 'value'\n  // At least one must be provided\n  id?: string;\n  value?: string;\n}\n\nconst TabsTrigger = React.forwardRef<React.ElementRef<typeof TabsPrimitive.Trigger>, TabsTriggerProps>(\n  ({ className, id, value, ...props }, ref) => {\n    const { variant: surfaceVariant } = useSurface();\n    const isOnSurface = surfaceVariant === 'default' || surfaceVariant === 'secondary';\n\n    return (\n      <TabsPrimitive.Trigger\n        ref={ref}\n        value={id ?? value ?? ''}\n        className={cn(\n          'sc:relative sc:z-10 sc:inline-flex sc:h-8 sc:items-center sc:justify-center sc:gap-2 sc:whitespace-nowrap sc:rounded-full sc:px-4 sc:text-sm sc:font-label',\n          'sc:transition-[color,opacity]',\n          'sc:focus-visible:outline-none sc:focus-visible:ring-2 sc:focus-visible:ring-focus sc:focus-visible:ring-offset-2',\n          'sc:disabled:pointer-events-none sc:disabled:opacity-50',\n          'sc:data-[state=active]:text-foreground sc:data-[state=active]:opacity-100',\n          // Inactive tabs use element opacity (not color opacity) to avoid SVG path overlap issues\n          isOnSurface\n            ? 'sc:data-[state=inactive]:text-foreground sc:data-[state=inactive]:opacity-30 sc:data-[state=inactive]:hover:opacity-50'\n            : 'sc:data-[state=inactive]:text-foreground sc:data-[state=inactive]:opacity-50 sc:data-[state=inactive]:hover:opacity-70',\n          className\n        )}\n        {...props}\n      />\n    );\n  }\n);\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName;\n\ninterface TabsContentProps extends Omit<React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>, 'value'> {\n  // HeroUI uses 'id' for panel identification, Radix uses 'value'\n  // At least one must be provided\n  id?: string;\n  value?: string;\n}\n\nconst TabsContent = React.forwardRef<React.ElementRef<typeof TabsPrimitive.Content>, TabsContentProps>(\n  ({ className, id, value, ...props }, ref) => (\n    <TabsPrimitive.Content\n      ref={ref}\n      value={id ?? value ?? ''}\n      className={cn(\n        'sc:mt-2 sc:ring-offset-background sc:focus-visible:outline-none sc:focus-visible:ring-2 sc:focus-visible:ring-focus sc:focus-visible:ring-offset-2',\n        className\n      )}\n      {...props}\n    />\n  )\n);\nTabsContent.displayName = TabsPrimitive.Content.displayName;\n\n// HeroUI ListContainer - wrapper for the tabs list (passthrough div)\nconst TabsListContainer = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => <div ref={ref} className={className} {...props} />\n);\nTabsListContainer.displayName = 'TabsListContainer';\n\n// HeroUI Tab - alias for TabsTrigger\nconst TabsTab = TabsTrigger;\n\n// HeroUI Panel - alias for TabsContent\nconst TabsPanel = TabsContent;\n\n// HeroUI Indicator - now rendered automatically by TabsList, this is a no-op\nconst TabsIndicator = () => null;\n\n// Create compound component with all aliases\nconst TabsBase = TabsRoot;\n\n// HeroUI-compatible compound component\nconst Tabs = Object.assign(TabsBase, {\n  List: TabsList,\n  ListContainer: TabsListContainer,\n  Tab: TabsTab,\n  Trigger: TabsTrigger,\n  Panel: TabsPanel,\n  Content: TabsContent,\n  Indicator: TabsIndicator,\n});\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent, TabsRoot };\n","'use client';\n\nimport * as React from 'react';\nimport { cn } from '../lib/utils';\n\nexport interface TextFieldProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Accessible label for the input.\n   * If not provided via children, use aria-label on the div.\n   */\n  'aria-label'?: string;\n  /**\n   * Error state - applies error styling to children inputs\n   */\n  isInvalid?: boolean;\n  /**\n   * Disabled state - disables all children inputs\n   */\n  disabled?: boolean;\n  /**\n   * Required state - marks all children inputs as required\n   */\n  required?: boolean;\n}\n\n/**\n * TextField - A wrapper component that groups Label and Input together.\n *\n * Groups Label and Input with a convenient wrapper that can propagate\n * disabled, required, and invalid states to child inputs.\n *\n * @example\n * ```tsx\n * <TextField>\n *   <Label>Email</Label>\n *   <Input type=\"email\" placeholder=\"Enter email...\" />\n * </TextField>\n * ```\n */\nconst TextField = React.forwardRef<HTMLDivElement, TextFieldProps>(\n  ({ className, children, isInvalid, disabled, required, ...props }, ref) => {\n    // Clone children to pass through state props to Input/Textarea children\n    const enhancedChildren = React.Children.map(children, (child) => {\n      if (!React.isValidElement(child)) return child;\n\n      // Get the display name or type name to check if it's an input component\n      const childType = child.type;\n      const displayName =\n        typeof childType === 'function'\n          ? (childType as React.ComponentType).displayName || childType.name\n          : typeof childType === 'string'\n            ? childType\n            : '';\n\n      // Check if this is an input-like element that should receive state props\n      const isInputElement =\n        displayName === 'Input' ||\n        displayName === 'Textarea' ||\n        displayName === 'TextArea' ||\n        displayName === 'input' ||\n        displayName === 'textarea';\n\n      if (isInputElement) {\n        const childProps = child.props as Record<string, unknown>;\n        return React.cloneElement(child as React.ReactElement<Record<string, unknown>>, {\n          isInvalid: (childProps.isInvalid as boolean) ?? isInvalid,\n          disabled: (childProps.disabled as boolean) ?? disabled,\n          required: (childProps.required as boolean) ?? required,\n        });\n      }\n\n      return child;\n    });\n\n    return (\n      <div ref={ref} className={cn('sc:flex sc:flex-col sc:gap-1.5', className)} {...props}>\n        {enhancedChildren}\n      </div>\n    );\n  }\n);\nTextField.displayName = 'TextField';\n\nexport { TextField };\n","/**\n * Custom Icons - Centered versions of icons from various sets\n *\n * These are copies of icons with adjusted viewBox to center properly.\n * Use these instead of the original iconify versions for consistent alignment.\n */\n\nimport React from 'react';\nimport { cn } from '../../lib/utils';\n\ninterface IconProps {\n  className?: string;\n  size?: number | string;\n}\n\n/**\n * Rotate Left icon (lucide-style stroked version)\n */\nexport const RotateLeftIcon: React.FC<IconProps> = ({ className, size = 24 }) => (\n  <svg\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    width={size}\n    height={size}\n    className={cn('sc:inline-block iconify', className)}\n  >\n    <path d=\"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\" />\n    <path d=\"M3 3v5h5\" />\n  </svg>\n);\n\n/**\n * Rotate Right icon (lucide-style stroked version)\n */\nexport const RotateRightIcon: React.FC<IconProps> = ({ className, size = 24 }) => (\n  <svg\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    width={size}\n    height={size}\n    className={cn('sc:inline-block iconify', className)}\n  >\n    <path d=\"M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8\" />\n    <path d=\"M21 3v5h-5\" />\n  </svg>\n);\n\n/**\n * Sparkles icon (based on gravity-ui:sparkles)\n * Two sparkle shapes - main 4-point star and smaller accent\n */\nexport const SparklesIcon: React.FC<IconProps> = ({ className, size = 24 }) => (\n  <svg\n    viewBox=\"0 0 28 28\"\n    fill=\"currentColor\"\n    width={size}\n    height={size}\n    className={cn('sc:inline-block', className)}\n  >\n    <path d=\"M10.06 18.701a1.628 1.628 0 0 0 2.43-.676l.77-2.34a3.82 3.82 0 0 1 2.416-2.418l2.238-.727a1.6 1.6 0 0 0 .786-.595a1.62 1.62 0 0 0-.849-2.489l-2.215-.72a3.82 3.82 0 0 1-2.42-2.414l-.727-2.237a1.62 1.62 0 0 0-.594-.785a1.655 1.655 0 0 0-1.879 0a1.63 1.63 0 0 0-.6.8L8.68 6.365a3.82 3.82 0 0 1-2.359 2.37l-2.24.726a1.626 1.626 0 0 0 .02 3.073l2.216.72a3.86 3.86 0 0 1 1.816 1.286c.266.343.471.728.606 1.14l.728 2.234c.112.318.32.593.595.787m-3.273-6.873l-2.22-.72s-.085-.038-.085-.108a.14.14 0 0 1 .084-.115L6.8 10.16a5.34 5.34 0 0 0 3.32-3.375l.721-2.219s.043-.084.114-.084s.113.084.113.084l.723 2.223a5.32 5.32 0 0 0 3.377 3.372l2.27.735a.13.13 0 0 1 .078.11a.15.15 0 0 1-.083.113l-2.225.722a5.32 5.32 0 0 0-3.374 3.374l-.715 2.2a.11.11 0 0 1-.115.093c-.104 0-.118-.075-.118-.075l-.723-2.22a5.32 5.32 0 0 0-3.376-3.385m13.017 12.954A1.2 1.2 0 0 0 20.5 25a1.2 1.2 0 0 0 .692-.216a1.2 1.2 0 0 0 .446-.6l.372-1.143a1.61 1.61 0 0 1 1.017-1.02l1.166-.378A1.21 1.21 0 0 0 25 20.505a1.2 1.2 0 0 0-.844-1.146l-1.144-.37a1.61 1.61 0 0 1-1.02-1.018l-.38-1.163a1.2 1.2 0 0 0-2.274.016l-.374 1.146a1.61 1.61 0 0 1-.993 1.017l-1.166.378a1.21 1.21 0 0 0-.807 1.139a1.2 1.2 0 0 0 .823 1.138l1.144.372a1.6 1.6 0 0 1 1.02 1.023l.379 1.163a1.2 1.2 0 0 0 .44.582m-1.371-4.194l-.27-.088l.283-.096a3.12 3.12 0 0 0 1.943-1.974l.088-.27l.089.272a3.11 3.11 0 0 0 1.974 1.975l.293.1l-.271.087a3.12 3.12 0 0 0-1.974 1.977l-.088.27l-.088-.272a3.12 3.12 0 0 0-1.98-1.98\" />\n  </svg>\n);\n\n// Map of icon names to components for easy lookup\nexport const CustomIcons = {\n  'rotate-left': RotateLeftIcon,\n  'rotate-right': RotateRightIcon,\n  'sparkles': SparklesIcon,\n} as const;\n\nexport type CustomIconName = keyof typeof CustomIcons;\n"],"names":["Input","React","className","type","isInvalid","startContent","endContent","disabled","readOnly","required","variant","props","ref","surface","useSurface","isOnSurface","effectiveVariant","inputElement","jsx","cn","jsxs","labelVariants","cva","Label","LabelPrimitive","TabsRoot","value","onValueChange","TabsPrimitive","TabsList","children","listRef","indicatorStyle","setIndicatorStyle","listElement","updateIndicator","activeTab","listRect","tabRect","observer","mutations","mutation","trigger","resizeObserver","node","TabsTrigger","id","surfaceVariant","TabsContent","TabsListContainer","TabsTab","TabsPanel","TabsIndicator","TabsBase","Tabs","TextField","enhancedChildren","child","childType","displayName","childProps","RotateLeftIcon","size","SparklesIcon"],"mappings":"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"}
+{"version":3,"file":"custom-icons-BIaRovwG.js","sources":["../src/vendor/ui/primitives/input.tsx","../src/vendor/ui/primitives/label.tsx","../src/vendor/ui/primitives/tabs.tsx","../src/vendor/ui/primitives/text-field.tsx","../src/components/ui/custom-icons.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '../lib/utils';\nimport { useSurface } from './surface';\n\nexport interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  /** Whether the input is in an invalid state */\n  isInvalid?: boolean;\n  /** Content to display at the start of the input */\n  startContent?: React.ReactNode;\n  /** Content to display at the end of the input */\n  endContent?: React.ReactNode;\n  /**\n   * Visual variant - auto-detected from Surface context, or can be set explicitly\n   * - `default`: Standard field styling for forms (bg-field)\n   * - `filled`: Field on elevated surface (bg-field-on-surface)\n   * - `subtle`: Blends with buttons/tabs in toolbars (bg-default)\n   */\n  variant?: 'default' | 'filled' | 'subtle';\n}\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      className,\n      type,\n      isInvalid,\n      startContent,\n      endContent,\n      disabled,\n      readOnly,\n      required,\n      variant,\n      ...props\n    },\n    ref\n  ) => {\n    // Auto-detect variant from Surface context\n    const surface = useSurface();\n    const isOnSurface = surface.variant === 'default' || surface.variant === 'secondary';\n    const effectiveVariant = variant ?? (isOnSurface ? 'filled' : 'default');\n\n    const inputElement = (\n      <input\n        type={type}\n        className={cn(\n          'sc:flex sc:h-10 sc:w-full sc:rounded-input sc:px-2.5 sc:py-1.5 sc:text-sm sc:appearance-none',\n          'sc:text-foreground sc:border-none',\n          'sc:file:border-0 sc:file:bg-transparent sc:file:text-sm sc:file:font-medium sc:file:text-foreground',\n          'sc:placeholder:text-foreground/50',\n          'sc:transition-shadow sc:duration-200 sc:ease-out sc:focus-visible:outline-none sc:focus:ring-2 sc:focus:ring-focus sc:focus:ring-offset-1 sc:focus:ring-offset-background',\n          'sc:disabled:cursor-not-allowed sc:disabled:opacity-50',\n          // Variant styles - semantic: field on page vs field on surface vs toolbar\n          effectiveVariant === 'default' && 'sc:bg-field sc:shadow-soft sc:dark:shadow-none',\n          effectiveVariant === 'filled' && 'sc:bg-[var(--color-field-on-surface)]',\n          effectiveVariant === 'subtle' && 'sc:bg-default sc:dark:bg-[var(--color-default-on-surface)]',\n          isInvalid && 'sc:ring-2 sc:ring-danger sc:focus-visible:ring-danger',\n          startContent && 'sc:pl-10',\n          endContent && 'sc:pr-10',\n          className\n        )}\n        ref={ref}\n        disabled={disabled}\n        readOnly={readOnly}\n        required={required}\n        aria-invalid={isInvalid}\n        {...props}\n      />\n    );\n\n    if (startContent || endContent) {\n      return (\n        <div className=\"sc:relative\">\n          {startContent && (\n            <div className=\"sc:absolute sc:left-3 sc:top-1/2 sc:-translate-y-1/2 sc:text-foreground sc:opacity-40\">{startContent}</div>\n          )}\n          {inputElement}\n          {endContent && (\n            <div className=\"sc:absolute sc:right-3 sc:top-1/2 sc:-translate-y-1/2 sc:text-foreground sc:opacity-40\">{endContent}</div>\n          )}\n        </div>\n      );\n    }\n\n    return inputElement;\n  }\n);\nInput.displayName = 'Input';\n\nexport { Input };\n","'use client';\n\nimport * as React from 'react';\nimport * as LabelPrimitive from '@radix-ui/react-label';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../lib/utils';\n\nconst labelVariants = cva(\n  'sc:block sc:text-sm sc:leading-none sc:text-foreground sc:peer-disabled:cursor-not-allowed sc:peer-disabled:opacity-70 sc:font-label'\n);\n\nconst Label = React.forwardRef<\n  React.ElementRef<typeof LabelPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & VariantProps<typeof labelVariants>\n>(({ className, ...props }, ref) => (\n  <LabelPrimitive.Root ref={ref} className={cn(labelVariants(), className)} {...props} />\n));\nLabel.displayName = LabelPrimitive.Root.displayName;\n\nexport { Label };\n","\"use client\";\n\n'use client';\n\nimport * as React from 'react';\nimport * as TabsPrimitive from '@radix-ui/react-tabs';\nimport { cn } from '../lib/utils';\nimport { useSurface } from './surface';\n\ninterface TabsProps\n  extends Omit<React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root>, 'value' | 'onValueChange'> {\n  value?: string;\n  onValueChange?: (value: string) => void;\n}\n\nconst TabsRoot = React.forwardRef<React.ElementRef<typeof TabsPrimitive.Root>, TabsProps>(\n  ({ value, onValueChange, ...props }, ref) => (\n    <TabsPrimitive.Root ref={ref} value={value} onValueChange={onValueChange} {...props} />\n  )\n);\nTabsRoot.displayName = 'Tabs';\n\nconst TabsList = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\n>(({ className, children, ...props }, ref) => {\n  const listRef = React.useRef<HTMLDivElement>(null);\n  const [indicatorStyle, setIndicatorStyle] = React.useState<React.CSSProperties>({\n    opacity: 0,\n  });\n\n  // Update indicator position when active tab changes\n  React.useEffect(() => {\n    const listElement = listRef.current;\n    if (!listElement) return;\n\n    const updateIndicator = () => {\n      const activeTab = listElement.querySelector('[data-state=\"active\"]') as HTMLElement;\n      if (activeTab) {\n        const listRect = listElement.getBoundingClientRect();\n        const tabRect = activeTab.getBoundingClientRect();\n\n        setIndicatorStyle({\n          width: tabRect.width,\n          height: tabRect.height,\n          left: tabRect.left - listRect.left,\n          opacity: 1,\n        });\n      }\n    };\n\n    // Initial position\n    updateIndicator();\n\n    // Use MutationObserver to detect when active tab changes\n    const observer = new MutationObserver((mutations) => {\n      for (const mutation of mutations) {\n        if (mutation.type === 'attributes' && mutation.attributeName === 'data-state') {\n          updateIndicator();\n          break;\n        }\n      }\n    });\n\n    // Observe all trigger elements for data-state changes\n    const triggers = listElement.querySelectorAll('[role=\"tab\"]');\n    triggers.forEach((trigger) => {\n      observer.observe(trigger, { attributes: true, attributeFilter: ['data-state'] });\n    });\n\n    // Also update on resize\n    const resizeObserver = new ResizeObserver(updateIndicator);\n    resizeObserver.observe(listElement);\n\n    return () => {\n      observer.disconnect();\n      resizeObserver.disconnect();\n    };\n  }, [children]);\n\n  return (\n    <TabsPrimitive.List\n      ref={(node) => {\n        // Handle both refs\n        (listRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n        if (typeof ref === 'function') {\n          ref(node);\n        } else if (ref) {\n          ref.current = node;\n        }\n      }}\n      className={cn(\n        'sc:relative sc:inline-flex sc:h-10 sc:items-center sc:justify-center sc:rounded-full sc:px-1 sc:text-muted-foreground',\n        // Consistent bg-default matches Button secondary variant for toolbar harmony\n        'sc:bg-default sc:dark:bg-[var(--color-default-on-surface)]',\n        className\n      )}\n      {...props}\n    >\n      {/* Animated sliding indicator. In dark mode the previous `bg-muted`\n          value resolved to the same color as `bg-default` on the container,\n          so the active tab was invisible without relying purely on\n          shadow-md. `bg-popover` lands ~0.08 lightness above `bg-default`\n          in dark mode for a clearly visible elevation. */}\n      <span\n        className=\"sc:absolute sc:top-1/2 sc:-translate-y-1/2 sc:rounded-full sc:bg-surface sc:dark:bg-popover sc:shadow-md sc:transition-[left,width,opacity]\"\n        style={{\n          ...indicatorStyle,\n          transitionDuration: '350ms',\n          transitionTimingFunction: 'cubic-bezier(0.22, 1, 0.36, 1)',\n        }}\n        aria-hidden=\"true\"\n      />\n      {children}\n    </TabsPrimitive.List>\n  );\n});\nTabsList.displayName = TabsPrimitive.List.displayName;\n\ninterface TabsTriggerProps extends Omit<React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>, 'value'> {\n  // HeroUI uses 'id' for tab identification, Radix uses 'value'\n  // At least one must be provided\n  id?: string;\n  value?: string;\n}\n\nconst TabsTrigger = React.forwardRef<React.ElementRef<typeof TabsPrimitive.Trigger>, TabsTriggerProps>(\n  ({ className, id, value, ...props }, ref) => {\n    const { variant: surfaceVariant } = useSurface();\n    const isOnSurface = surfaceVariant === 'default' || surfaceVariant === 'secondary';\n\n    return (\n      <TabsPrimitive.Trigger\n        ref={ref}\n        value={id ?? value ?? ''}\n        className={cn(\n          'sc:relative sc:z-10 sc:inline-flex sc:h-8 sc:items-center sc:justify-center sc:gap-2 sc:whitespace-nowrap sc:rounded-full sc:px-4 sc:text-sm sc:font-label',\n          'sc:transition-[color,opacity]',\n          'sc:focus-visible:outline-none sc:focus-visible:ring-2 sc:focus-visible:ring-focus sc:focus-visible:ring-offset-2',\n          'sc:disabled:pointer-events-none sc:disabled:opacity-50',\n          'sc:data-[state=active]:text-foreground sc:data-[state=active]:opacity-100',\n          // Inactive tabs use element opacity (not color opacity) to avoid SVG path overlap issues\n          isOnSurface\n            ? 'sc:data-[state=inactive]:text-foreground sc:data-[state=inactive]:opacity-30 sc:data-[state=inactive]:hover:opacity-50'\n            : 'sc:data-[state=inactive]:text-foreground sc:data-[state=inactive]:opacity-50 sc:data-[state=inactive]:hover:opacity-70',\n          className\n        )}\n        {...props}\n      />\n    );\n  }\n);\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName;\n\ninterface TabsContentProps extends Omit<React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>, 'value'> {\n  // HeroUI uses 'id' for panel identification, Radix uses 'value'\n  // At least one must be provided\n  id?: string;\n  value?: string;\n}\n\nconst TabsContent = React.forwardRef<React.ElementRef<typeof TabsPrimitive.Content>, TabsContentProps>(\n  ({ className, id, value, ...props }, ref) => (\n    <TabsPrimitive.Content\n      ref={ref}\n      value={id ?? value ?? ''}\n      className={cn(\n        'sc:mt-2 sc:ring-offset-background sc:focus-visible:outline-none sc:focus-visible:ring-2 sc:focus-visible:ring-focus sc:focus-visible:ring-offset-2',\n        className\n      )}\n      {...props}\n    />\n  )\n);\nTabsContent.displayName = TabsPrimitive.Content.displayName;\n\n// HeroUI ListContainer - wrapper for the tabs list (passthrough div)\nconst TabsListContainer = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => <div ref={ref} className={className} {...props} />\n);\nTabsListContainer.displayName = 'TabsListContainer';\n\n// HeroUI Tab - alias for TabsTrigger\nconst TabsTab = TabsTrigger;\n\n// HeroUI Panel - alias for TabsContent\nconst TabsPanel = TabsContent;\n\n// HeroUI Indicator - now rendered automatically by TabsList, this is a no-op\nconst TabsIndicator = () => null;\n\n// Create compound component with all aliases\nconst TabsBase = TabsRoot;\n\n// HeroUI-compatible compound component\nconst Tabs = Object.assign(TabsBase, {\n  List: TabsList,\n  ListContainer: TabsListContainer,\n  Tab: TabsTab,\n  Trigger: TabsTrigger,\n  Panel: TabsPanel,\n  Content: TabsContent,\n  Indicator: TabsIndicator,\n});\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent, TabsRoot };\n","'use client';\n\nimport * as React from 'react';\nimport { cn } from '../lib/utils';\n\nexport interface TextFieldProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Accessible label for the input.\n   * If not provided via children, use aria-label on the div.\n   */\n  'aria-label'?: string;\n  /**\n   * Error state - applies error styling to children inputs\n   */\n  isInvalid?: boolean;\n  /**\n   * Disabled state - disables all children inputs\n   */\n  disabled?: boolean;\n  /**\n   * Required state - marks all children inputs as required\n   */\n  required?: boolean;\n}\n\n/**\n * TextField - A wrapper component that groups Label and Input together.\n *\n * Groups Label and Input with a convenient wrapper that can propagate\n * disabled, required, and invalid states to child inputs.\n *\n * @example\n * ```tsx\n * <TextField>\n *   <Label>Email</Label>\n *   <Input type=\"email\" placeholder=\"Enter email...\" />\n * </TextField>\n * ```\n */\nconst TextField = React.forwardRef<HTMLDivElement, TextFieldProps>(\n  ({ className, children, isInvalid, disabled, required, ...props }, ref) => {\n    // Clone children to pass through state props to Input/Textarea children\n    const enhancedChildren = React.Children.map(children, (child) => {\n      if (!React.isValidElement(child)) return child;\n\n      // Get the display name or type name to check if it's an input component\n      const childType = child.type;\n      const displayName =\n        typeof childType === 'function'\n          ? (childType as React.ComponentType).displayName || childType.name\n          : typeof childType === 'string'\n            ? childType\n            : '';\n\n      // Check if this is an input-like element that should receive state props\n      const isInputElement =\n        displayName === 'Input' ||\n        displayName === 'Textarea' ||\n        displayName === 'TextArea' ||\n        displayName === 'input' ||\n        displayName === 'textarea';\n\n      if (isInputElement) {\n        const childProps = child.props as Record<string, unknown>;\n        return React.cloneElement(child as React.ReactElement<Record<string, unknown>>, {\n          isInvalid: (childProps.isInvalid as boolean) ?? isInvalid,\n          disabled: (childProps.disabled as boolean) ?? disabled,\n          required: (childProps.required as boolean) ?? required,\n        });\n      }\n\n      return child;\n    });\n\n    return (\n      <div ref={ref} className={cn('sc:flex sc:flex-col sc:gap-1.5', className)} {...props}>\n        {enhancedChildren}\n      </div>\n    );\n  }\n);\nTextField.displayName = 'TextField';\n\nexport { TextField };\n","/**\n * Custom Icons - Centered versions of icons from various sets\n *\n * These are copies of icons with adjusted viewBox to center properly.\n * Use these instead of the original iconify versions for consistent alignment.\n */\n\nimport React from 'react';\nimport { cn } from '../../lib/utils';\n\ninterface IconProps {\n  className?: string;\n  size?: number | string;\n}\n\n/**\n * Rotate Left icon (lucide-style stroked version)\n */\nexport const RotateLeftIcon: React.FC<IconProps> = ({ className, size = 24 }) => (\n  <svg\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    width={size}\n    height={size}\n    className={cn('sc:inline-block iconify', className)}\n  >\n    <path d=\"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\" />\n    <path d=\"M3 3v5h5\" />\n  </svg>\n);\n\n/**\n * Rotate Right icon (lucide-style stroked version)\n */\nexport const RotateRightIcon: React.FC<IconProps> = ({ className, size = 24 }) => (\n  <svg\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    width={size}\n    height={size}\n    className={cn('sc:inline-block iconify', className)}\n  >\n    <path d=\"M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8\" />\n    <path d=\"M21 3v5h-5\" />\n  </svg>\n);\n\n/**\n * Sparkles icon (based on gravity-ui:sparkles)\n * Two sparkle shapes - main 4-point star and smaller accent\n */\nexport const SparklesIcon: React.FC<IconProps> = ({ className, size = 24 }) => (\n  <svg\n    viewBox=\"0 0 28 28\"\n    fill=\"currentColor\"\n    width={size}\n    height={size}\n    className={cn('sc:inline-block', className)}\n  >\n    <path d=\"M10.06 18.701a1.628 1.628 0 0 0 2.43-.676l.77-2.34a3.82 3.82 0 0 1 2.416-2.418l2.238-.727a1.6 1.6 0 0 0 .786-.595a1.62 1.62 0 0 0-.849-2.489l-2.215-.72a3.82 3.82 0 0 1-2.42-2.414l-.727-2.237a1.62 1.62 0 0 0-.594-.785a1.655 1.655 0 0 0-1.879 0a1.63 1.63 0 0 0-.6.8L8.68 6.365a3.82 3.82 0 0 1-2.359 2.37l-2.24.726a1.626 1.626 0 0 0 .02 3.073l2.216.72a3.86 3.86 0 0 1 1.816 1.286c.266.343.471.728.606 1.14l.728 2.234c.112.318.32.593.595.787m-3.273-6.873l-2.22-.72s-.085-.038-.085-.108a.14.14 0 0 1 .084-.115L6.8 10.16a5.34 5.34 0 0 0 3.32-3.375l.721-2.219s.043-.084.114-.084s.113.084.113.084l.723 2.223a5.32 5.32 0 0 0 3.377 3.372l2.27.735a.13.13 0 0 1 .078.11a.15.15 0 0 1-.083.113l-2.225.722a5.32 5.32 0 0 0-3.374 3.374l-.715 2.2a.11.11 0 0 1-.115.093c-.104 0-.118-.075-.118-.075l-.723-2.22a5.32 5.32 0 0 0-3.376-3.385m13.017 12.954A1.2 1.2 0 0 0 20.5 25a1.2 1.2 0 0 0 .692-.216a1.2 1.2 0 0 0 .446-.6l.372-1.143a1.61 1.61 0 0 1 1.017-1.02l1.166-.378A1.21 1.21 0 0 0 25 20.505a1.2 1.2 0 0 0-.844-1.146l-1.144-.37a1.61 1.61 0 0 1-1.02-1.018l-.38-1.163a1.2 1.2 0 0 0-2.274.016l-.374 1.146a1.61 1.61 0 0 1-.993 1.017l-1.166.378a1.21 1.21 0 0 0-.807 1.139a1.2 1.2 0 0 0 .823 1.138l1.144.372a1.6 1.6 0 0 1 1.02 1.023l.379 1.163a1.2 1.2 0 0 0 .44.582m-1.371-4.194l-.27-.088l.283-.096a3.12 3.12 0 0 0 1.943-1.974l.088-.27l.089.272a3.11 3.11 0 0 0 1.974 1.975l.293.1l-.271.087a3.12 3.12 0 0 0-1.974 1.977l-.088.27l-.088-.272a3.12 3.12 0 0 0-1.98-1.98\" />\n  </svg>\n);\n\n// Map of icon names to components for easy lookup\nexport const CustomIcons = {\n  'rotate-left': RotateLeftIcon,\n  'rotate-right': RotateRightIcon,\n  'sparkles': SparklesIcon,\n} as const;\n\nexport type CustomIconName = keyof typeof CustomIcons;\n"],"names":["Input","React","className","type","isInvalid","startContent","endContent","disabled","readOnly","required","variant","props","ref","surface","useSurface","isOnSurface","effectiveVariant","inputElement","jsx","cn","jsxs","labelVariants","cva","Label","LabelPrimitive","TabsRoot","value","onValueChange","TabsPrimitive","TabsList","children","listRef","indicatorStyle","setIndicatorStyle","listElement","updateIndicator","activeTab","listRect","tabRect","observer","mutations","mutation","trigger","resizeObserver","node","TabsTrigger","id","surfaceVariant","TabsContent","TabsListContainer","TabsTab","TabsPanel","TabsIndicator","TabsBase","Tabs","TextField","enhancedChildren","child","childType","displayName","childProps","RotateLeftIcon","size","SparklesIcon"],"mappings":"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"}

package/dist/{design-builder-bquxIHct.js → design-builder-JYLO_Hyi.js}

@@ -1,4 +1,4 @@
-import { g as l } from "./editorErrors-8uDRMhow.js";
+import { E as l } from "./FontAnalyzer-DKG5JK0x.js";
 const x = 1;
 function d(e) {
   return typeof e == "number" && Number.isFinite(e) ? Math.round(e * 100) / 100 : e;
@@ -467,4 +467,4 @@ export {
   F as l,
   O as s
 };
-//# sourceMappingURL=design-builder-bquxIHct.js.map
+//# sourceMappingURL=design-builder-JYLO_Hyi.js.map