@orangecatai/element 0.0.2 → 0.0.4

package/dist/types/excalidraw/components/ui/scroll-button.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+import type { buttonVariants } from "@/components/ui/button";
+export type ScrollButtonProps = {
+    className?: string;
+    variant?: VariantProps<typeof buttonVariants>["variant"];
+    size?: VariantProps<typeof buttonVariants>["size"];
+} & React.ButtonHTMLAttributes<HTMLButtonElement>;
+declare function ScrollButton({ className, variant, size, ...props }: ScrollButtonProps): import("react/jsx-runtime").JSX.Element;
+export { ScrollButton };

package/dist/types/excalidraw/data/blob.d.ts

@@ -1,4 +1,4 @@
-import { IMAGE_MIME_TYPES, MIME_TYPES } from "@orangecatai/common";
+import { IMAGE_MIME_TYPES, VIDEO_MIME_TYPES, MIME_TYPES } from "@orangecatai/common";
 import type { ExcalidrawElement, FileId } from "@orangecatai/element/types";
 import type { ValueOf } from "@orangecatai/common/utility-types";
 import type { AppState, DataURL, LibraryItem } from "../types";
@@ -12,6 +12,9 @@ export declare const isSupportedImageFileType: (type: string | null | undefined)
 export declare const isSupportedImageFile: (blob: Blob | null | undefined) => blob is Blob & {
     type: ValueOf<typeof IMAGE_MIME_TYPES>;
 };
+export declare const isSupportedVideoFile: (blob: Blob | null | undefined) => blob is Blob & {
+    type: ValueOf<typeof VIDEO_MIME_TYPES>;
+};
 export declare const loadSceneOrLibraryFromBlob: (blob: Blob | File, 
 /** @see restore.localAppState */
 localAppState: AppState | null, localElements: readonly ExcalidrawElement[] | null, 

package/dist/types/excalidraw/fonts/Fonts.d.ts

@@ -6,6 +6,10 @@ export declare class Fonts {
     static readonly loadedFontsCache: Set<string>;
     private static _registered;
     private static _initialized;
+    private static _customFontVersion;
+    private static _subscribers;
+    static readonly subscribeToCustomFonts: (callback: () => void) => (() => void);
+    static readonly getCustomFontVersion: () => number;
     static get registered(): Map<number, {
         metadata: FontMetadata;
         fontFaces: ExcalidrawFontFace[];
@@ -14,6 +18,19 @@ export declare class Fonts {
         metadata: FontMetadata;
         fontFaces: ExcalidrawFontFace[];
     }>;
+    /**
+     * Register a custom font from a URL into the canvas font system.
+     *
+     * Use family IDs >= 2000 to avoid collisions with built-in fonts.
+     * IDs 1–10 are named fonts, 100 = Xiaolai, 998/999 = generic fallbacks,
+     * 1000 = Segoe UI Emoji — all are reserved.
+     *
+     * Note: custom fonts are registered without a weight/style descriptor
+     * because getFontString generates "${size}px ${familyName}" (no weight),
+     * so the browser always requests the normal-weight variant. Pass the font
+     * file that should render by default for this family ID.
+     */
+    static registerCustomFont(spec: import("../types").CustomFontSpec): void;
     private readonly scene;
     constructor(scene: Scene);
     /**

package/dist/types/excalidraw/index.d.ts

@@ -8,16 +8,20 @@ import "./css/styles.scss";
 import "./fonts/fonts.css";
 import "./css/tailwind.generated.css";
 import type { ExcalidrawProps } from "./types";
+export { StockImagePanel } from "./components/StockImagePanel";
+export type { StockImagePanelProps, StockImagePhoto, StockImageSearchResult, LibraryImage, LibraryImageResult, LibraryImageFilter, } from "./components/StockImagePanel";
 export declare const Excalidraw: React.MemoExoticComponent<(props: ExcalidrawProps) => import("react/jsx-runtime").JSX.Element>;
 export { getSceneVersion, hashElementsVersion, hashString, getNonDeletedElements, } from "@orangecatai/element";
 export { getTextFromElements } from "@orangecatai/element";
 export { isInvisiblySmallElement } from "@orangecatai/element";
+export { newImageElement, newVideoElement, newTextElement, newFrameElement, } from "@orangecatai/element";
+export { isVideoElement } from "@orangecatai/element";
 export { defaultLang, useI18n, languages } from "./i18n";
 export { restoreAppState, restoreElement, restoreElements, restoreLibraryItems, } from "./data/restore";
 export { reconcileElements } from "./data/reconcile";
 export { exportToCanvas, exportToBlob, exportToSvg, exportToClipboard, } from "@orangecatai/utils/export";
 export { serializeAsJSON, serializeLibraryAsJSON } from "./data/json";
-export { loadFromBlob, loadSceneOrLibraryFromBlob, loadLibraryFromBlob, } from "./data/blob";
+export { loadFromBlob, loadSceneOrLibraryFromBlob, loadLibraryFromBlob, isSupportedVideoFile, } from "./data/blob";
 export { mergeLibraryItems, getLibraryItemsHash } from "./data/library";
 export { isLinearElement } from "@orangecatai/element";
 export { FONT_FAMILY, THEME, MIME_TYPES, ROUNDNESS, DEFAULT_LASER_COLOR, UserIdleState, normalizeLink, sceneCoordsToViewportCoords, viewportCoordsToSceneCoords, getFormFactor, } from "@orangecatai/common";
@@ -46,3 +50,11 @@ export { getDataURL } from "./data/blob";
 export { isElementLink } from "@orangecatai/element";
 export { setCustomTextMetricsProvider } from "@orangecatai/element";
 export { CommandPalette } from "./components/CommandPalette/CommandPalette";
+export { AIChatPanel } from "./components/AIChatPanel";
+export type { AIChatPanelProps, AIChatPanelRef, ChatMessage, ChatSession, } from "./components/AIChatPanel";
+export type { ExcalidrawImperativeAPI } from "./types";
+export type { AppState, BinaryFiles, BinaryFileData, ExcalidrawProps, ExcalidrawInitialDataState, LibraryItem, LibraryItems, SceneData, UnsubscribeCallback, } from "./types";
+export type { ExcalidrawElement, NonDeletedExcalidrawElement, NonDeleted, OrderedExcalidrawElement, ExcalidrawElementType, ExcalidrawVideoElement, } from "@orangecatai/element/types";
+export type { ImageEditToolbarCallbacks } from "./components/ImageEditToolbar";
+export type { CustomFontSpec, BrandContext } from "./types";
+export type { ReviewerFeedback, ReviewIssue, } from "./components/ai-chat/reviewerAgent";

package/dist/types/excalidraw/scene/types.d.ts

@@ -132,6 +132,7 @@ export type ElementShapes = {
     line: Drawable[];
     text: null;
     image: null;
+    video: Drawable;
     frame: null;
     magicframe: null;
 };

package/dist/types/excalidraw/types.d.ts

@@ -430,6 +430,97 @@ export type OnUserFollowedPayload = {
     userToFollow: UserToFollow;
     action: "FOLLOW" | "UNFOLLOW";
 };
+/**
+ * Describes a custom font to register in the canvas font system.
+ * Use family IDs >= 2000 to avoid collision with built-in fonts.
+ * IDs up to 1000 are reserved (1–10 named fonts, 100 CJK, 998/999 generic, 1000 emoji).
+ */
+export type CustomFontSpec = {
+    /** Unique numeric family ID. Use 2000+ to avoid collisions with built-ins. */
+    familyId: number;
+    /** CSS font-family name used in @font-face and canvas rendering. */
+    name: string;
+    /** Absolute URL or data: URL pointing to the font file. */
+    url: string;
+    /**
+     * Informational font-weight (e.g. "400", "700"). Not applied as a CSS
+     * descriptor — getFontString never includes weight, so all custom fonts
+     * load as the normal-weight variant for their family ID.
+     */
+    weight?: string;
+};
+/**
+ * Optional brand identity context passed to AIChatPanel.
+ * When provided, the AI agent uses these guidelines when creating ads.
+ */
+export type BrandContext = {
+    /** Brand name — injected as a system-level constraint so the model stays on-brand. */
+    name?: string;
+    colors?: {
+        primary?: string;
+        secondary?: string;
+        accent?: string;
+        background?: string;
+    };
+    typography?: {
+        headline?: {
+            family: string;
+            weight?: string;
+            /** size_scale from brand kit (e.g. "display", "large", "medium", "small") */
+            sizeScale?: string;
+            /**
+             * Font family ID if a matching custom font was registered via
+             * the `customFonts` prop on <Excalidraw>. The agent will pass
+             * this number to add_text fontFamily calls.
+             */
+            fontFamilyId?: number;
+            /** Original font file name from brand DNA (e.g. "Avenir-Heavy.otf"). Passed to AI for image generation context. */
+            fontName?: string;
+        };
+        body?: {
+            family: string;
+            weight?: string;
+            sizeScale?: string;
+            fontFamilyId?: number;
+            /** Original font file name from brand DNA. */
+            fontName?: string;
+        };
+    };
+    visualStyle?: string;
+    layoutPattern?: string;
+    toneOfVoice?: {
+        register?: string;
+        vocabulary?: string;
+        ctaStyle?: string;
+        sentenceLength?: string;
+        person?: string;
+    };
+    imagery?: {
+        type?: string;
+        lighting?: string;
+        composition?: string;
+        subjects?: string;
+        grading?: string;
+        depthOfField?: string;
+        environment?: string;
+        negativeSpace?: string;
+    };
+    /** Data URL of the master brand logo — passed as a visual reference to the image generation model. */
+    logoDataUrl?: string;
+    /** Data URL of text rendered in the brand headline font — passed as a visual reference to the image generation model. */
+    headlineFontPreviewDataUrl?: string;
+    /** Data URL of text rendered in the brand body font — passed as a second visual reference alongside the headline preview. */
+    bodyFontPreviewDataUrl?: string;
+    /**
+     * Fetchable URL (e.g. a short-lived presigned S3 URL) of the actual headline
+     * font file (.ttf/.otf). Passed to image models that accept a font file as
+     * input (Sourceful Riverflow v2+ via OpenRouter `image_config.font_inputs`).
+     * Unlike `headlineFontPreviewDataUrl` (a rendered preview image), this is the
+     * real font file the provider's servers fetch directly, so it must be a URL
+     * reachable without auth cookies — not the private `/api/brand/font` proxy.
+     */
+    headlineFontUrl?: string;
+};
 export interface ExcalidrawProps {
     onChange?: (elements: readonly OrderedExcalidrawElement[], appState: AppState, files: BinaryFiles) => void;
     onIncrement?: (event: DurableIncrement | EphemeralIncrement) => void;
@@ -492,11 +583,191 @@ export interface ExcalidrawProps {
     showDeprecatedFonts?: boolean;
     renderScrollbars?: boolean;
     /**
-     * Gemini API key for image generation.
-     * When provided, takes precedence over the VITE_APP_GEMINI_API_KEY env variable.
-     * Required for image generation when using this package as an npm dependency.
+     * Host proxy URL for OpenRouter image generation (ImageGeneratorPanel,
+     * ImageQuickEditPanel). The SDK POSTs the OpenRouter request body here; the
+     * host injects the API key and forwards. Keeps the provider key out of the
+     * browser.
+     */
+    imageGenUrl?: string;
+    /**
+     * Brand context (colors, typography, logo, font preview) passed to every
+     * image generation surface (ImageGeneratorPanel, ImageQuickEditPanel, and the
+     * AI chat agent). When present, the logo and font preview are sent as visual
+     * references to the image model.
      */
-    geminiApiKey?: string;
+    brandContext?: BrandContext;
+    /**
+     * Host proxy URL for the auto-resize engine's OpenRouter calls (layout
+     * planning, vision tagging, HTML generation, reviewer). Key stays server-side.
+     */
+    autoResizeUrl?: string;
+    /**
+     * Host proxy URL for the remove.bg toolbar action. The SDK POSTs
+     * `{ imageDataUrl }` and receives `{ imageDataUrl }`. Key stays server-side.
+     */
+    removeBgUrl?: string;
+    /**
+     * Called before any image generation (ImageGeneratorPanel, ImageQuickEditPanel,
+     * or agent loop generate_image tool). Return `{ allowed: false }` to block.
+     * Host apps use this for credit gating.
+     */
+    onBeforeImageGen?: () => Promise<{
+        allowed: boolean;
+        error?: string;
+    }>;
+    /**
+     * Called after a successful image generation from any panel or agent tool.
+     */
+    onAfterImageGen?: () => void;
+    /**
+     * Host proxy URL for video uploads. The SDK POSTs multipart/form-data with
+     * a `file` field; the host stores the video and returns `{ url: string }`.
+     * Without this prop, video upload via drag-and-drop is silently ignored.
+     */
+    videoUploadUrl?: string;
+    /**
+     * Called before a video upload begins. Return `{ allowed: false }` to block
+     * (e.g. quota exceeded). Host uses this for credit gating.
+     */
+    onBeforeVideoUpload?: () => Promise<{
+        allowed: boolean;
+        error?: string;
+    }>;
+    /** Called after a video is successfully uploaded and placed on the canvas. */
+    onAfterVideoUpload?: () => void;
+    /** Host proxy URL for video generation jobs (POST). */
+    videoGenUrl?: string;
+    /** Host proxy URL for polling video generation job status (GET {url}/{jobId}). */
+    videoGenStatusUrl?: string;
+    /** Called before a video generation job is submitted (credit gate). */
+    onBeforeVideoGen?: () => Promise<{
+        allowed: boolean;
+        error?: string;
+    }>;
+    /** Called after a video is successfully generated and inserted into the canvas. */
+    onAfterVideoGen?: () => void;
+    /** Host proxy URL for video downloads — works around S3 CORS / presigned-URL expiry. */
+    videoDownloadProxyUrl?: string;
+    /**
+     * Called before a background removal is run (deduct credits, check quota).
+     * Return `{ allowed: false, error: "..." }` to block the operation.
+     */
+    onBeforeRemoveBg?: () => Promise<{
+        allowed: boolean;
+        error?: string;
+    }>;
+    /** Called after a successful background removal. */
+    onAfterRemoveBg?: () => void;
+    /**
+     * Called before each auto-resize dimension is generated (deduct credits, check quota).
+     * Return `{ allowed: false, error: "..." }` to skip that dimension.
+     */
+    onBeforeAutoResize?: () => Promise<{
+        allowed: boolean;
+        error?: string;
+    }>;
+    /** Called after each successfully generated auto-resize dimension. */
+    onAfterAutoResize?: () => void;
+    /**
+     * OpenRouter model ID used for AI image generation — covers both the auto-resize
+     * background regeneration and the agent chat `generate_image` tool.
+     * Pass the same value here and to `AIChatPanel.agentImageModel` to keep
+     * both surfaces on the same model with a single configuration.
+     * @default "google/gemini-3.1-flash-image-preview"
+     * @example "google/gemini-2.5-flash-image"
+     */
+    agentImageModel?: string;
+    /**
+     * OpenRouter model tag used by the auto-resize engine for HTML layout
+     * generation. This is the LLM call that figures out how to reflow the ad
+     * content into the target dimensions before Gemini regenerates the background.
+     * @default "google/gemini-3.1-flash-lite-preview"
+     * @example "openai/gpt-4o"
+     */
+    chatModel?: string;
+    /**
+     * Show the Library sidebar trigger button. Defaults to `false`.
+     * Set to `true` to show the library icon in the top-right area.
+     */
+    showLibraryButton?: boolean;
+    /**
+     * Callbacks for each action in the image edit toolbar
+     * (shown when an image element is selected on canvas).
+     * When callbacks are omitted, built-in toolbar actions are used.
+     */
+    imageEditToolbarCallbacks?: import("./components/ImageEditToolbar").ImageEditToolbarCallbacks;
+    /**
+     * Custom fonts to register in the canvas font system.
+     * Each entry maps a numeric family ID (use 2000+) to a font file URL.
+     * Registered fonts become available for text elements whose fontFamily
+     * matches the given familyId.
+     */
+    customFonts?: CustomFontSpec[];
+    /**
+     * Called when the user saves a template from the Template Builder.
+     */
+    onSaveTemplate?: (template: {
+        name: string;
+        campaignTag?: string;
+        label?: string;
+        width?: number;
+        height?: number;
+        canvasJson?: string;
+        thumbnailDataUrl?: string;
+    }) => void;
+    /**
+     * Fetch all available brand assets for the asset picker (in-canvas swap).
+     */
+    onFetchAllAssets?: () => Promise<Array<{
+        id: string;
+        name: string;
+        tags: string[];
+        assetType: string;
+        blobUrl: string;
+    }>>;
+    /**
+     * Search brand assets by query and optional type filter.
+     */
+    onSearchBrandAssets?: (query: string, type?: string) => Promise<Array<{
+        id: string;
+        name: string;
+        tags: string[];
+        assetType: string;
+        blobUrl: string;
+    }>>;
+    /**
+     * List brand templates, optionally filtered by campaignTag.
+     */
+    onListBrandTemplates?: (keywords?: string[]) => Promise<Array<{
+        id: string;
+        name: string;
+        campaignTag?: string;
+        label?: string;
+        width?: number;
+        height?: number;
+        thumbnailBlobUrl?: string;
+    }>>;
+    /**
+     * Fetch the full canvas JSON for a specific template by ID.
+     */
+    onGetTemplateVariant?: (templateId: string) => Promise<{
+        canvasJson: string;
+    }>;
+    /**
+     * Search brand image assets, ad creatives, or templates by keywords and
+     * return top 3 matches with base64 preview images. Used by the agent's
+     * `find_brand_asset` tool.
+     */
+    onFindBrandAssets?: (type: "image-asset" | "ad-creative" | "template", keywords: string[]) => Promise<{
+        results: Array<{
+            id: string;
+            name: string;
+            tags?: string[];
+            width?: number | null;
+            height?: number | null;
+            previewDataUrl: string;
+        }>;
+    }>;
 }
 export type SceneData = {
     elements?: ImportedDataState["elements"];
@@ -517,6 +788,7 @@ export type CanvasActions = Partial<{
     saveToActiveFile: boolean;
     toggleTheme: boolean | null;
     saveAsImage: boolean;
+    scrollBackToContent: boolean;
 }>;
 export type UIOptions = Partial<{
     dockedSidebarBreakpoint: number;
@@ -549,6 +821,7 @@ export type AppProps = Merge<ExcalidrawProps, {
 export type AppClassProperties = {
     props: AppProps;
     state: AppState;
+    actionManager: App["actionManager"];
     interactiveCanvas: HTMLCanvasElement | null;
     /** static canvas */
     canvas: HTMLCanvasElement;
@@ -578,8 +851,10 @@ export type AppClassProperties = {
     insertEmbeddableElement: App["insertEmbeddableElement"];
     onMagicframeToolSelect: App["onMagicframeToolSelect"];
     onImageGeneratorSelect: App["onImageGeneratorSelect"];
+    onVideoGeneratorSelect: App["onVideoGeneratorSelect"];
     insertGeneratedImageIntoFrame: App["insertGeneratedImageIntoFrame"];
     insertGeneratedImageNearElement: App["insertGeneratedImageNearElement"];
+    insertGeneratedVideoIntoFrame: App["insertGeneratedVideoIntoFrame"];
     getName: App["getName"];
     dismissLinearEditor: App["dismissLinearEditor"];
     flowChartCreator: App["flowChartCreator"];
@@ -590,11 +865,18 @@ export type AppClassProperties = {
     visibleElements: App["visibleElements"];
     excalidrawContainerValue: App["excalidrawContainerValue"];
     getSceneElements: App["getSceneElements"];
+    updateScene: App["updateScene"];
     onPointerUpEmitter: App["onPointerUpEmitter"];
     updateEditorAtom: App["updateEditorAtom"];
     onPointerDownEmitter: App["onPointerDownEmitter"];
     lastPointerMoveCoords: App["lastPointerMoveCoords"];
     bindModeHandler: App["bindModeHandler"];
+    refresh: App["refresh"];
+    refreshEditorInterface: App["refreshEditorInterface"];
+    lassoTrail: App["lassoTrail"];
+    toggleSidebar: App["toggleSidebar"];
+    insertVideos: App["insertVideos"];
+    onVideoToolbarButtonClick: App["onVideoToolbarButtonClick"];
 };
 export type PointerDownState = Readonly<{
     origin: Readonly<{

package/dist/types/excalidraw/utils/brandContextUtils.d.ts

@@ -0,0 +1,23 @@
+import type { BrandContext } from "../types";
+/**
+ * Converts a BrandContext object to a concise text block describing brand
+ * identity guidelines. Used as a system/prompt prefix for both the agent loop
+ * and direct image generation panels.
+ */
+export declare function buildBrandContextMessage(ctx: BrandContext): string;
+/**
+ * Augments a raw user prompt with strong brand asset instructions — identical to
+ * the approach used by execGenerateImage in the AI chat agent. Call this in
+ * ImageGeneratorPanel and ImageQuickEditPanel before invoking callOpenRouterImageAPI
+ * so that direct-generation panels produce the same brand-faithful output as the
+ * agent loop.
+ *
+ * Brand DNA text (colors, visual style, etc.) should be passed separately as
+ * `brandImages.brandContextText` in callOpenRouterImageAPI so it's prepended as a
+ * block before the prompt. This function only appends the per-asset mandatory
+ * instructions that reference the visual attachments by position.
+ */
+export declare function buildImageGenSafePrompt(prompt: string, brandContext: BrandContext, dimensions?: {
+    width: number;
+    height: number;
+}): string;

package/dist/types/excalidraw/utils/imageApi.d.ts

@@ -0,0 +1,19 @@
+export declare function callOpenRouterImageAPI(prompt: string, modelId: string, aspectRatio: string, imageSize: string | null, textOutput: boolean, imageGenUrl: string, referenceImageDataUrl?: string, signal?: AbortSignal, brandImages?: {
+    logo?: string;
+    fontPreview?: string;
+    /** Optional second font preview (brand body typeface) shown as a reference. */
+    fontPreviewBody?: string;
+    /**
+     * Fetchable URL of the real headline font file (.ttf/.otf). Only Sourceful
+     * Riverflow v2+ consumes this — sent via `image_config.font_inputs` so the
+     * model renders text in the actual brand typeface (not just a preview img).
+     */
+    fontUrl?: string;
+    /** Text to render with `fontUrl` for the font_inputs entry. */
+    fontText?: string;
+    /**
+     * Full brand identity context text (colors, typography, visual style, etc.)
+     * prepended to the prompt so the model applies brand guidelines to the image.
+     */
+    brandContextText?: string;
+}): Promise<string>;

package/dist/types/excalidraw/utils/videoApi.d.ts

@@ -0,0 +1,30 @@
+export interface VideoJobParams {
+    model: string;
+    prompt: string;
+    aspectRatio: string;
+    duration?: number;
+    resolution?: string;
+    firstFrameDataUrl?: string;
+    lastFrameDataUrl?: string;
+    audio?: boolean;
+    negativePrompt?: string;
+    inputReferences?: string[];
+    seed?: number;
+}
+export interface VideoJobResult {
+    videoPresignedUrl: string;
+}
+/**
+ * Submit a video generation job to the host proxy.
+ * Returns { jobId } immediately — the job runs async on OpenRouter.
+ */
+export declare function submitVideoJob(params: VideoJobParams, videoGenUrl: string): Promise<{
+    jobId: string;
+}>;
+/**
+ * Poll the host status endpoint until the job is done or failed.
+ * onProgress is called with values 0–1 as they arrive.
+ * Resolves with { videoPresignedUrl } on success.
+ * Rejects with an Error on failure or abort.
+ */
+export declare function pollVideoJob(jobId: string, videoGenStatusUrl: string, onProgress: (progress: number) => void, signal?: AbortSignal): Promise<VideoJobResult>;

package/dist/types/utils/src/shape.d.ts

@@ -1,5 +1,5 @@
 import { type GlobalPoint, type LocalPoint } from "@orangecatai/math";
-import type { ElementsMap, ExcalidrawBindableElement, ExcalidrawDiamondElement, ExcalidrawElement, ExcalidrawEllipseElement, ExcalidrawEmbeddableElement, ExcalidrawFrameLikeElement, ExcalidrawFreeDrawElement, ExcalidrawIframeElement, ExcalidrawImageElement, ExcalidrawLinearElement, ExcalidrawRectangleElement, ExcalidrawSelectionElement, ExcalidrawTextElement } from "@orangecatai/element/types";
+import type { ElementsMap, ExcalidrawBindableElement, ExcalidrawDiamondElement, ExcalidrawElement, ExcalidrawEllipseElement, ExcalidrawEmbeddableElement, ExcalidrawFrameLikeElement, ExcalidrawFreeDrawElement, ExcalidrawIframeElement, ExcalidrawImageElement, ExcalidrawVideoElement, ExcalidrawLinearElement, ExcalidrawRectangleElement, ExcalidrawSelectionElement, ExcalidrawTextElement } from "@orangecatai/element/types";
 import type { Curve, LineSegment, Polygon, Radians } from "@orangecatai/math";
 import type { Drawable, Op } from "roughjs/bin/core";
 export type Polyline<Point extends GlobalPoint | LocalPoint> = LineSegment<Point>[];
@@ -29,7 +29,7 @@ export type GeometricShape<Point extends GlobalPoint | LocalPoint> = {
     type: "polycurve";
     data: Polycurve<Point>;
 };
-type RectangularElement = ExcalidrawRectangleElement | ExcalidrawDiamondElement | ExcalidrawFrameLikeElement | ExcalidrawEmbeddableElement | ExcalidrawImageElement | ExcalidrawIframeElement | ExcalidrawTextElement | ExcalidrawSelectionElement;
+type RectangularElement = ExcalidrawRectangleElement | ExcalidrawDiamondElement | ExcalidrawFrameLikeElement | ExcalidrawEmbeddableElement | ExcalidrawImageElement | ExcalidrawVideoElement | ExcalidrawIframeElement | ExcalidrawTextElement | ExcalidrawSelectionElement;
 export declare const getPolygonShape: <Point extends GlobalPoint | LocalPoint>(element: RectangularElement) => GeometricShape<Point>;
 export declare const getSelectionBoxShape: <Point extends GlobalPoint | LocalPoint>(element: ExcalidrawElement, elementsMap: ElementsMap, padding?: number) => GeometricShape<Point>;
 export declare const getEllipseShape: <Point extends GlobalPoint | LocalPoint>(element: ExcalidrawEllipseElement) => GeometricShape<Point>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orangecatai/element",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "type": "module",
   "types": "./dist/types/element/src/index.d.ts",
   "main": "./dist/prod/index.js",
@@ -63,7 +63,7 @@
     "build:esm": "rimraf dist && node ../../scripts/buildBase.js && yarn gen:types"
   },
   "dependencies": {
-    "@orangecatai/common": "0.0.2",
+    "@orangecatai/common": "0.0.4",
     "@orangecatai/math": "0.0.2"
   }
 }

package/dist/types/excalidraw/utils/geminiApiKey.d.ts

@@ -1 +0,0 @@
-export declare function resolveGeminiApiKey(propKey?: string): string;