fika-editor 3.0.1 → 3.0.2

package/dist/types/utils/shapePaint.d.ts

@@ -0,0 +1,23 @@
+import type { PPTShapeElement } from '../types/slides';
+export declare const shapePathScale: (element: Pick<PPTShapeElement, 'width' | 'height' | 'viewBox'>) => {
+    x: number;
+    y: number;
+};
+/** Same transform the live editor SVG applies to `element.path`. */
+export declare const shapePathTransform: (element: Pick<PPTShapeElement, 'width' | 'height' | 'viewBox'>) => string;
+/**
+ * Editor-equivalent SVG (+ optional ProseMirror label). SnapDOM this instead of
+ * asking Konva to interpret PPTX/catalog arcs — browsers correct `A 50 50`
+ * radii, Konva does not.
+ */
+export declare const shapePaintHtml: (element: PPTShapeElement, text?: {
+    body: string;
+    ink: string;
+    fontFamily: string;
+    align?: string;
+    inset?: [number, number, number, number];
+    lineHeight?: number;
+    letterSpacing?: number;
+    paragraphSpace?: number;
+    fitScale?: number;
+}) => string;

package/dist/types/utils/simpleShape.d.ts

@@ -0,0 +1,5 @@
+import type { PPTShapeElement } from '../types/slides';
+export declare const shapeTextIsEmpty: (html?: string) => boolean;
+/** Imported PPTX rects and formula rects that fill the viewBox. */
+export declare const isAxisAlignedRectPath: (path: string, viewBox: [number, number]) => boolean;
+export declare const isSimpleShape: (element: PPTShapeElement) => boolean;

package/dist/types/utils/slideOrder.d.ts

@@ -1,3 +1,13 @@
 import type { Slide } from '../types/slides';
 /** Reorder slides without cloning unchanged slide objects (elements/background stay referentially equal). */
 export declare const reorderSlidesPreservingIdentity: (slides: readonly Slide[], oldIndex: number, newIndex: number) => Slide[];
+export declare const insertSlidesPreservingIdentity: (slides: readonly Slide[], index: number, incoming: readonly Slide[]) => Slide[];
+export declare const deleteSlidesPreservingIdentity: (slides: readonly Slide[], slideIds: readonly string[]) => {
+    slides: Slide[];
+    deletedIndexes: number[];
+};
+export declare const slideIndexAfterDelete: (prevIndex: number, prevSlides: readonly Slide[], deletedIds: ReadonlySet<string>, nextLength: number, deletedIndexes: readonly number[]) => number;
+export declare const moveSlidePreservingIdentity: (slides: readonly Slide[], fromIndex: number, toIndex: number) => {
+    slides: Slide[];
+    index: number;
+};

package/dist/types/utils/snap.d.ts

@@ -6,6 +6,8 @@ export declare const SNAP_MATCH = 0.51;
 export declare const SLIDE_MARGIN = 40;
 export declare const RELATED_GAP = 240;
 export declare const MAX_CTRL_MEASURES = 8;
+/** Same-row/column objects beat a slightly closer distant line. */
+export declare const RELATION_WEIGHT = 4;
 export type SnapKind = 'edge' | 'center' | 'canvas' | 'spacing' | 'size' | 'grid' | 'measure';
 export type SnapMode = 'smart' | 'grid';
 export interface SnapGuide {
@@ -35,6 +37,8 @@ export interface SnapOptions {
     gridSize: number;
     threshold?: number;
     index?: SnapIndex;
+    /** When set, append Ctrl distance badges for the already-queried k-set. */
+    ctrlMeasures?: boolean;
 }
 /** Search pad for the per-move Flatbush query: snap threshold or related-object reach. */
 export declare const snapQueryPad: (threshold?: number) => number;
@@ -62,6 +66,11 @@ export interface ResizeSnapOptions extends SnapOptions {
     resizeHeight?: boolean;
 }
 export declare const snapResizePoint: (currentX: number | null, currentY: number | null, others: SnapBox[], options: ResizeSnapOptions) => SnapResult;
+/**
+ * Cross-axis for a distance badge: stay on the moving box.
+ * Shared row/column uses the overlap; otherwise project onto the moving center.
+ */
+export declare const projectMeasureCross: (moving0: number, moving1: number, other0: number, other1: number) => number;
 /**
  * Ctrl-held distance badges: adjacent gaps along live guides, both axes to
  * the most related object, nearest same-row/column neighbors, and slide margins.

package/dist/types/utils/tableCellStyle.d.ts

@@ -0,0 +1,12 @@
+import type { TableCellStyle } from '../types/slides';
+export { rememberTableStyleTarget, tableStyleTarget } from './tableStyleTarget';
+/**
+ * Persist any live cell draft, then patch cell styles on the store grid.
+ * Style panels only pass the style fields — they must not clone table data.
+ */
+export declare function applyTableCellStyles(style: Partial<TableCellStyle>, options?: {
+    elementId?: string;
+    cells?: string[];
+    allCells?: boolean;
+    history?: boolean;
+}): boolean;

package/dist/types/utils/tableStyleTarget.d.ts

@@ -0,0 +1,3 @@
+/** Keep the last in-cell style target so Present/deselect cannot widen the next fill. */
+export declare function rememberTableStyleTarget(elementId: string, cells: string[]): void;
+export declare function tableStyleTarget(elementId: string, cells?: string[]): string[];

package/dist/types/utils/textContrast.d.ts

@@ -1,4 +1,4 @@
-import type { Gradient, PPTElement, PPTTableElement, Slide, SlideBackground } from '../types/slides';
+import type { Gradient, PPTElement, PPTShapeElement, PPTTableElement, PPTTextElement, Slide, SlideBackground } from '../types/slides';
 /**
  * Painter's-algorithm text contrast repair for AI-imported decks.
  *
@@ -122,6 +122,30 @@ export declare const resolveElementDefaultFontColor: (preferred: string, options
     background?: SlideBackground;
     fallbackSurface?: string;
 }) => string;
+export type LiveTextPaintOptions = {
+    fill?: string;
+    background?: SlideBackground;
+    fallbackSurface?: string;
+    themeFontColor?: string;
+    /** The text/shape being painted. Own fill/gradient win; otherwise under-paints. */
+    element?: PPTTextElement | PPTShapeElement;
+    /** Painter-order siblings so overlay labels see the chip/card underneath. */
+    elements?: PPTElement[];
+};
+/**
+ * Surfaces the text actually sits on — same query as import contrast.
+ * Own opaque fill/gradient first; otherwise the topmost paint under the box.
+ */
+export declare const resolveTextPaintSurfaces: (el: PPTTextElement | PPTShapeElement | undefined, options?: LiveTextPaintOptions) => string[];
+/**
+ * Single paint-time contrast pass for the live editor and the preview raster.
+ * Surfaces match {@link fixSlideTextContrast}: overlay labels on a chip use
+ * the chip, not the slide paper. Default inks rewrite to the same hex.
+ */
+export declare const resolveLiveTextPaint: (preferred: string | undefined, html: string, options?: LiveTextPaintOptions) => {
+    ink: string;
+    html: string;
+};
 /**
  * Chart axis / legend / label ink. Same rules as text: default greys / black /
  * white snap to {@link preferredInk} on the chart fill, else the slide.

package/dist/types/utils/textFit.d.ts

@@ -37,6 +37,18 @@ export interface TextFitBlock {
     listIndentPx?: number;
     /** `ul`/`ol` padding-inline-start in em, when authored as em. */
     listIndentEm?: number;
+    /**
+     * Mixed-size runs inside one paragraph, measured exactly: each run gets its
+     * own font and pretext's rich-inline line breaker, so wrapping and per-line
+     * heights match what the browser paints (a 57px body with one 120px word
+     * wraps like 57px and only that one line is 120px tall).
+     */
+    runs?: Array<{
+        text: string;
+        size: number;
+        bold?: boolean;
+        italic?: boolean;
+    }>;
 }
 export interface MeasureBlocksOptions {
     /** Box content width in px (insets already removed). */
@@ -100,12 +112,6 @@ export declare function innerBoxFromLiveStyles(box: HTMLElement | null | undefin
 };
 export declare function contentBoxOfHost(host: HTMLElement | null | undefined): HTMLElement | null;
 export declare function measureUnzoomedScrollHeight(host: HTMLElement, innerWidth: number): number;
-/**
- * Total wrapped height (px) of `blocks` laid out in a column of `innerWidth`,
- * with each block's font size multiplied by `sizeScale`. Each block is measured
- * independently with pretext, then summed with the (unscaled, px-fixed)
- * inter-block gap. Returns 0 for an empty input.
- */
 export declare function measureTextBlocksHeight(blocks: TextFitBlock[], options: MeasureBlocksOptions): number;
 export interface FitFontScaleOptions {
     innerWidth: number;
@@ -157,11 +163,10 @@ export declare function createFitMeasureSession(html: string, options: {
 /** Resize hot path: pure `layout()` over cached prepare handles. */
 export declare function measureSessionHeight(session: FitMeasureSession, innerWidth: number, blockSpace?: number, bulletIndent?: number): number;
 export declare function fitZoomScaleFromSession(session: FitMeasureSession, innerWidth: number, innerHeight: number, blockSpace?: number): number;
-/**
- * One-shot locked-box scale for a rich-text HTML string. Editor resize keeps a
- * cached session; preview/export call this so they shrink with the same math.
- */
-export declare function textFitScaleForHtml(html: string, options: {
+/** Rendered spans may carry calc(var(--text-fit-scale,...)); measurement wants authored px. */
+declare const stripFitScale: (html: string) => string;
+export declare const stripFitScaleForProbe: typeof stripFitScale;
+type FitScaleOptions = {
     innerWidth: number;
     innerHeight: number;
     defaultFontFamily?: string;
@@ -170,7 +175,18 @@ export declare function textFitScaleForHtml(html: string, options: {
     letterSpacing?: number;
     blockSpace?: number;
     locale?: string;
-}): number;
+};
+/**
+ * Persist a DOM-verified correction: the editor measured the REAL rendered
+ * height and found the searched scale overflowing. Remembered so the rail,
+ * later applies, and export reuse the corrected value instead of re-overflow.
+ */
+export declare function rememberFitScale(html: string, options: FitScaleOptions, scale: number): void;
+/**
+ * One-shot locked-box scale for a rich-text HTML string. Editor resize keeps a
+ * cached session; preview/export call this so they shrink with the same math.
+ */
+export declare function textFitScaleForHtml(html: string, options: FitScaleOptions): number;
 export interface ExtractedContent {
     blocks: TextFitBlock[];
 }
@@ -181,7 +197,8 @@ export interface ExtractOptions {
 /**
  * Parse a Fika rich-text HTML string into measurable blocks. Each list item
  * and top-level paragraph/quote becomes one block; a block's representative font
- * size is the largest inline size in it (so measurement never under-estimates).
+ * size is the largest inline size in it (so the clip pad never under-
+ * estimates), while wrapping measures the mixed-size run profile.
  * Returns no blocks when there's no DOM parser or no text. List items are tagged
  * so the marker indent is accounted for.
  */
@@ -193,3 +210,4 @@ export declare function extractFitBlocksFromHtml(html: string, options: ExtractO
  * scale >= 1 (or a non-DOM context) returns the HTML unchanged.
  */
 export declare function scaleHtmlFontSizes(html: string, scale: number): string;
+export {};

package/dist/types/views/Editor/Canvas/Operate/ResizeHandler.d.ts

@@ -5,7 +5,8 @@ export type IResizeHandlerProps = {
     rotate?: number;
     className?: string;
     style?: CSSProperties;
+    'data-line-handle'?: string;
     onMouseDown?: (e: ReactMouseEvent<HTMLDivElement>) => void;
 };
-declare const ResizeHandler: import("react").MemoExoticComponent<({ type, rotate, className, style, onMouseDown }: IResizeHandlerProps) => import("react").JSX.Element>;
+declare const ResizeHandler: import("react").MemoExoticComponent<({ type, rotate, className, style, onMouseDown, 'data-line-handle': lineHandle }: IResizeHandlerProps) => import("react").JSX.Element>;
 export default ResizeHandler;

package/dist/types/views/Editor/Thumbnails/paneSize.d.ts

@@ -2,8 +2,8 @@ export declare const PREVIEW_MIN_PANE = 120;
 export declare const PREVIEW_DEFAULT_PANE = 168;
 export declare const PREVIEW_MAX_PANE = 420;
 export declare const PREVIEW_THUMB_INSET = 48;
-export declare const PREVIEW_SUPER_SAMPLE = 2;
-export declare const PREVIEW_MAX_WORKING = 1024;
+export declare const PREVIEW_PANE_RESIZE_COMMIT_MS = 120;
+export type PreviewWorkingQuality = 'full' | 'rail' | 'lq';
 type DestPublishHandler = () => void;
 export type PreviewDestSize = {
     cssWidth: number;
@@ -11,8 +11,12 @@ export type PreviewDestSize = {
     dpr: number;
     workingSlideWidth: number;
 };
-export declare const previewWorkingWidth: (destWidth: number, pixelRatio: number) => number;
+export declare const isPaneDragging: () => boolean;
+export declare const beginPaneDrag: () => void;
+export declare const endPaneDrag: () => void;
+export declare const subscribePaneLive: (listener: (contentWidth: number) => void) => () => void;
 export declare const setPreviewDestPublishHandler: (fn: DestPublishHandler | null) => void;
+export declare const setPreviewDestLiveHandler: (fn: DestPublishHandler | null) => void;
 export declare const setPreviewPaneWidth: (width: number) => void;
 export declare const setPreviewViewportRatio: (ratio: number) => void;
 export declare const getPreviewDestSize: () => PreviewDestSize;

package/dist/types/views/Editor/Thumbnails/useThumbnailVirtualizer.d.ts

@@ -7,6 +7,7 @@ export type ThumbnailVirtualizerApi = {
     virtualizer: Virtualizer<HTMLDivElement, Element>;
     virtualItems: VirtualItem[];
     visibleSlideIds: string[];
+    pinnedSlideIds: string[];
     thumbHeight: number;
     dest: PreviewDestSize;
 };

package/dist/types/views/components/ThumbnailSlide/LiveSlideThumb.d.ts

@@ -0,0 +1,21 @@
+import type { Slide } from '../../../types/slides';
+export type ILiveSlideThumbProps = {
+    slide: Slide;
+    width: number;
+    /** Opt into the identity-keyed snapshot cache (editor rail only). */
+    snapshot?: boolean;
+};
+/**
+ * A thumbnail that IS the slide: the genuine ScreenSlide tree, scaled to the
+ * thumbnail box. With `snapshot` enabled, a row that already has a fresh
+ * bitmap renders only the <img>. A row without one mounts the live tree —
+ * the virtualizer screenshots that tree with snapdom before tearing the row
+ * down, so the next visit is the bitmap. Nothing is captured ahead of the
+ * viewport; only a row that was actually shown is snapshotted on leave.
+ *
+ * During a gutter drag only this light wrapper tracks the live width; the
+ * mounted ScreenSlide keeps its drag-start scale and is visually scaled by a
+ * composited transform — the heavy tree never re-renders mid-drag.
+ */
+declare const LiveSlideThumb: import("react").MemoExoticComponent<(props: ILiveSlideThumbProps) => import("react").JSX.Element>;
+export default LiveSlideThumb;

package/dist/types/views/components/ThumbnailSlide/index.d.ts

@@ -7,7 +7,15 @@ export type IThumbnailSlideProps = {
     visible?: boolean;
     showPlaceholders?: boolean;
     className?: string;
+    /** Opt into the identity-keyed snapshot cache (editor rail only). */
+    snapshot?: boolean;
 };
 export declare function areThumbnailSlidePropsEqual(prev: IThumbnailSlideProps, next: IThumbnailSlideProps): boolean;
+/**
+ * The thumbnail IS the slide: the real ScreenSlide DOM scaled into the thumb
+ * box (see LiveSlideThumb). The rail stays faithful to the editor canvas by
+ * construction and updates live while editing — no raster pipeline, no
+ * per-element capture booths, nothing to fall behind.
+ */
 declare const ThumbnailSlide: import("react").MemoExoticComponent<(props: IThumbnailSlideProps) => import("react").JSX.Element>;
 export default ThumbnailSlide;

package/dist/types/views/components/ThumbnailSlide/paintedSlide.d.ts

@@ -1,5 +1,5 @@
 import type { Slide } from '../../../types/slides';
-import { diffPaintedSlide, type PaintedSlide, type PaintedSlideDiff } from '../../../previewRaster/diffPaintedSlide';
+import { diffPaintedSlide, type PaintedSlide, type PaintedSlideDiff } from '../../../utils/diffPaintedSlide';
 export type { PaintedSlide, PaintedSlideDiff };
 export { diffPaintedSlide };
 export type RailSlideMeta = {

package/dist/types/views/components/ThumbnailSlide/thumbSnapshot.d.ts

@@ -0,0 +1,54 @@
+import type { Slide } from '../../../types/slides';
+export type ThumbSnapshot = {
+    url: string;
+    cssWidth: number;
+    cssHeight: number;
+};
+export type ThumbSnapshotDeps = {
+    slideId: string;
+    slide: Slide | undefined;
+    theme: unknown;
+    viewportRatio: number;
+    viewportSize: number;
+    cssWidth: number;
+    dpr: number;
+};
+export declare const thumbSnapshotStats: {
+    hits: number;
+    misses: number;
+    captures: number;
+    failed: number;
+    hostileSkips: number;
+    evictions: number;
+    invalidated: number;
+    captureMs: number[];
+};
+/** Re-render when snapshots arrive or are cleared. */
+export declare const useThumbSnapshotVersion: () => number;
+/**
+ * Fresh lookup for the current render. A stored snapshot whose key no longer
+ * matches is revoked on the spot — stale pixels are never handed out.
+ */
+export declare function lookupThumbSnapshot(deps: ThumbSnapshotDeps): ThumbSnapshot | null;
+export declare function clearThumbSnapshots(): void;
+export declare function hasFreshSnapshotFor(slideId: string): boolean;
+export declare function canCaptureThumb(slideId: string): boolean;
+export declare const isRailScrollIdle: () => boolean;
+export declare function requestThumbCapture(deps: ThumbSnapshotDeps, getNode: () => HTMLElement | null): void;
+/** Screenshot a live thumb now — used before the virtualizer tears the row down. */
+export declare function requestTeardownCapture(deps: ThumbSnapshotDeps, getNode: () => HTMLElement | null): Promise<boolean>;
+export declare function teardownThumbSnapshot(slideId: string, getNode: () => HTMLElement | null): Promise<boolean>;
+export declare const readThumbSnapshotReport: () => {
+    hits: number;
+    misses: number;
+    captures: number;
+    failed: number;
+    hostileSkips: number;
+    evictions: number;
+    invalidated: number;
+    captureMs: number[];
+    captureMsAvg: number;
+    captureMsMax: number;
+    cached: number;
+    hostile: number;
+};

package/dist/types/views/components/element/TableElement/CustomTextarea.d.ts

@@ -1,11 +1,12 @@
 import { type CSSProperties } from 'react';
+export type TableCellCommitSource = 'blur' | 'unmount';
 export type ICustomTextareaProps = {
     value?: string;
     className?: string;
     style?: CSSProperties;
 } & {
     onUpdateValue?: (payload: string) => void;
-    onCommitValue?: (payload: string) => void;
+    onCommitValue?: (payload: string, source?: TableCellCommitSource) => void;
     onInsertExcelData?: (payload: string[][]) => void;
 };
 declare const CustomTextarea: import("react").MemoExoticComponent<(props: ICustomTextareaProps) => import("react").JSX.Element>;

package/dist/types/views/components/element/hooks/useAutoShapeTextHeight.d.ts

@@ -1,2 +1,4 @@
 import type { TextInset } from '../../../../types/slides';
-export declare function useAutoShapeTextHeight(enabled: boolean, elementId: string, inset: TextInset): import("react").RefObject<HTMLDivElement>;
+export declare function useAutoShapeTextHeight(enabled: boolean, elementId: string, inset: TextInset, contentHost?: {
+    readonly current: HTMLElement | null;
+}): import("react").RefObject<HTMLDivElement>;

package/docs/RELEASE.md

@@ -11,4 +11,6 @@ On npmjs.com → `fika-editor` → Settings → Trusted publishing, the GitHub A
 
 Do not store an `NPM_TOKEN` for publish. The workflow requests `id-token: write` and publishes with no auth token so npm exchanges the OIDC token.
 
+Release commits, tags, and GitHub releases are authored by the `fika-bot` GitHub App (mug logo). Store `FIKA_BOT_CLIENT_ID` as a repository variable and `FIKA_BOT_PRIVATE_KEY` as a repository secret. Do not commit the `.pem`.
+
 The published tarball is the prebuilt embed (`dist/embed` + `dist/types`). `dist/` stays gitignored; the workflow runs `build:embed`, packs with the npm next to Node (not Bun's PATH shim), verifies that `.tgz` with `tar`, then publishes the same file. `prepack` / `prepublishOnly` refuse a docs-only tarball if those artifacts are missing.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fika-editor",
-  "version": "3.0.1",
+  "version": "3.0.2",
   "description": "Fika presentation editor embed bundle with a typed agentic bridge.",
   "type": "module",
   "main": "dist/embed/fika-embed.js",
@@ -46,7 +46,7 @@
     "dev": "rsbuild dev",
     "doctor": "react-doctor --no-telemetry",
     "build": "run-p type-check \"build-only {@}\" --",
-    "build:embed": "node scripts/run-i18n.mjs --no-watch && npm run build:types && rsbuild build --config rsbuild.config.embed.ts && node scripts/scope-embed-css.mjs && node scripts/extract-embed-fonts.mjs && node scripts/copy-embed-public.mjs && node scripts/generate-agentic-manifest.mjs",
+    "build:embed": "node scripts/run-i18n.mjs --no-watch && npm run build:types && rsbuild build --config rsbuild.config.embed.ts && node scripts/rewrite-embed-base-uri.mjs && node scripts/scope-embed-css.mjs && node scripts/extract-embed-fonts.mjs && node scripts/copy-embed-public.mjs && node scripts/generate-agentic-manifest.mjs",
     "agentic:manifest": "node scripts/generate-agentic-manifest.mjs",
     "build:types": "node -e \"require('node:fs').rmSync('dist/types',{recursive:true,force:true})\" && tsc -p tsconfig.types.json && node scripts/rewrite-embed-types.mjs",
     "prepack": "node scripts/verify-embed-pack.mjs",
@@ -56,13 +56,7 @@
     "build-only": "rsbuild build",
     "type-check": "tsc -p tsconfig.app.json --noEmit --pretty false",
     "lint": "eslint . --ext .js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
-    "test": "rstest",
-    "test:live-size": "node scripts/check-live-element-size.mjs",
-    "test:resize-elements:e2e": "node scripts/e2e-resize-elements.mjs",
-    "test:resize-commit-match:e2e": "node scripts/e2e-resize-commit-match.mjs",
-    "test:resize-shapes:e2e": "node scripts/e2e-resize-shapes.mjs",
-    "test:live-paint": "node scripts/check-live-element-paint.mjs",
-    "test:live-paint:e2e": "node scripts/e2e-live-paint.mjs",
+    "test": "node scripts/test.mjs",
     "i18n": "node scripts/run-i18n.mjs",
     "i18n:build": "node scripts/run-i18n.mjs --no-watch"
   },
@@ -86,7 +80,7 @@
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
-    "pptxgenjs-plus": "^4.1.17",
+    "@karibash/pixel-units": "^2.3.0",
     "@tanstack/react-virtual": "^3.14.9",
     "@use-gesture/react": "^10.3.1",
     "@use-gesture/vanilla": "^10.3.1",
@@ -108,7 +102,6 @@
     "html-to-image": "^1.11.13",
     "immer": "^11.1.16",
     "jszip": "^3.10.1",
-    "konva": "^10.3.0",
     "lucide-react": "^1.31.0",
     "markdown-it": "^15.0.0",
     "markdown-it-texmath": "^1.0.0",
@@ -119,7 +112,9 @@
     "nanoid": "^6.0.1",
     "number-precision": "^1.6.0",
     "overlayscrollbars": "^2.16.0",
+    "parse5": "^8.0.1",
     "perfect-freehand": "^1.2.3",
+    "pptxgenjs-plus": "^4.1.17",
     "pptxtojson": "npm:@lofcz/pptxtojson@^2.2.5",
     "prosemirror-commands": "^1.7.2",
     "prosemirror-dropcursor": "^1.8.3",
@@ -134,7 +129,9 @@
     "prosemirror-view": "^1.42.2",
     "rbush": "^4.0.1",
     "react-resizable-panels": "^4.12.2",
+    "render-tag": "^0.1.29",
     "shiki": "^4.4.3",
+    "style-to-object": "^2.0.2",
     "svg-pathdata": "^9.0.0",
     "tinycolor2": "^1.6.0",
     "tippy.js": "^6.3.7",