tickup 1.0.0

package/dist/components/Drawing/ArrowShape.d.ts

@@ -0,0 +1,32 @@
+import { IDrawingShape } from "./IDrawingShape";
+import { ChartRenderContext } from "../../types/chartOptions";
+import { PriceRange } from "../../types/Graph";
+import { ArrowShapeArgs, DrawingPoint, DrawingStyleOptions, FinalDrawingStyle } from "../../types/Drawings";
+import { ShapeType } from "./types";
+export declare class ArrowShape implements IDrawingShape {
+    args: ArrowShapeArgs;
+    styleOverride: DrawingStyleOptions;
+    id: string;
+    type: ShapeType;
+    style: DrawingStyleOptions;
+    points: DrawingPoint[];
+    constructor(args: ArrowShapeArgs, styleOverride: DrawingStyleOptions, id?: string | undefined);
+    /**
+     * Draws the arrow shape on the canvas using a provided style.
+     * @param ctx The canvas 2D rendering context.
+     * @param renderContext The context containing canvas dimensions and visible ranges.
+     * @param visiblePriceRange The currently visible price range for price-axis scaling.
+     * @param style The final, calculated style object to apply.
+     */
+    draw(ctx: CanvasRenderingContext2D, renderContext: ChartRenderContext, visiblePriceRange: PriceRange, style: FinalDrawingStyle): void;
+    /**
+     * Checks if a point (in pixel coordinates) is hitting the shape's line.
+     */
+    isHit(px: number, py: number, renderContext: ChartRenderContext, visiblePriceRange: PriceRange): boolean;
+    addPoint(point: DrawingPoint): void;
+    setPoints(points: DrawingPoint[]): void;
+    setPointAt(index: number, point: DrawingPoint): void;
+    getPoints(): DrawingPoint[];
+    setFirstPoint(point: DrawingPoint): void;
+    updateLastPoint(point: DrawingPoint): void;
+}

package/dist/components/Drawing/CircleShape.d.ts

@@ -0,0 +1,29 @@
+import { IDrawingShape } from "./IDrawingShape";
+import { ChartRenderContext } from "../../types/chartOptions";
+import { PriceRange } from "../../types/Graph";
+import { CircleShapeArgs, DrawingPoint, DrawingStyleOptions, FinalDrawingStyle } from "../../types/Drawings";
+import { ShapeType } from "./types";
+export declare class CircleShape implements IDrawingShape {
+    args: CircleShapeArgs;
+    styleOverride: DrawingStyleOptions;
+    id: string;
+    type: ShapeType;
+    style: DrawingStyleOptions;
+    points: DrawingPoint[];
+    constructor(args: CircleShapeArgs, styleOverride: DrawingStyleOptions, id?: string | undefined);
+    /**
+     * Draws the circle/ellipse shape on the canvas using a provided style.
+     * @param ctx The canvas 2D rendering context.
+     * @param renderContext The context containing canvas dimensions and visible ranges.
+     * @param visiblePriceRange The currently visible price range for price-axis scaling.
+     * @param style The final, calculated style object to apply.
+     */
+    draw(ctx: CanvasRenderingContext2D, renderContext: ChartRenderContext, visiblePriceRange: PriceRange, style: FinalDrawingStyle): void;
+    isHit(px: number, py: number, renderContext: ChartRenderContext, visiblePriceRange: PriceRange): boolean;
+    addPoint(point: DrawingPoint): void;
+    setPoints(points: DrawingPoint[]): void;
+    setPointAt(index: number, point: DrawingPoint): void;
+    getPoints(): DrawingPoint[];
+    setFirstPoint(point: DrawingPoint): void;
+    updateLastPoint(point: DrawingPoint): void;
+}

package/dist/components/Drawing/CustomSymbolShape.d.ts

@@ -0,0 +1,31 @@
+import { IDrawingShape } from "./IDrawingShape";
+import { ChartRenderContext } from "../../types/chartOptions";
+import { PriceRange } from "../../types/Graph";
+import { CustomSymbolShapeArgs, DrawingPoint, DrawingStyleOptions, FinalDrawingStyle } from "../../types/Drawings";
+import { ShapeType } from "./types";
+export declare class CustomSymbolShape implements IDrawingShape {
+    args: CustomSymbolShapeArgs;
+    styleOverride: DrawingStyleOptions;
+    id: string;
+    type: ShapeType;
+    style: DrawingStyleOptions;
+    points: DrawingPoint[];
+    symbol: string;
+    size: number;
+    constructor(args: CustomSymbolShapeArgs, styleOverride: DrawingStyleOptions, id?: string | undefined);
+    /**
+     * Draws the symbol on the canvas using a provided style.
+     * @param ctx The canvas 2D rendering context.
+     * @param renderContext The context containing canvas dimensions and visible ranges.
+     * @param visiblePriceRange The currently visible price range for price-axis scaling.
+     * @param style The final, calculated style object to apply.
+     */
+    draw(ctx: CanvasRenderingContext2D, renderContext: ChartRenderContext, visiblePriceRange: PriceRange, style: FinalDrawingStyle): void;
+    isHit(px: number, py: number, renderContext: ChartRenderContext, visiblePriceRange: PriceRange): boolean;
+    addPoint(point: DrawingPoint): void;
+    setPoints(points: DrawingPoint[]): void;
+    setPointAt(index: number, point: DrawingPoint): void;
+    getPoints(): DrawingPoint[];
+    setFirstPoint(point: DrawingPoint): void;
+    updateLastPoint(point: DrawingPoint): void;
+}

package/dist/components/Drawing/IDrawingShape.d.ts

@@ -0,0 +1,32 @@
+import { ChartRenderContext } from "../../types/chartOptions";
+import { PriceRange } from "../../types/Graph";
+import { DrawingPoint, DrawingStyleOptions, FinalDrawingStyle } from "../../types/Drawings";
+import { ShapeType } from "./types";
+export interface IDrawingShape {
+    id: string;
+    type: ShapeType;
+    style: DrawingStyleOptions;
+    points: DrawingPoint[];
+    /**
+     * Draws the shape on the canvas.
+     * @param ctx
+     * @param renderContext
+     * @param visiblePriceRange
+     * @param style The final, calculated style object to use for drawing.
+     */
+    draw(ctx: CanvasRenderingContext2D, renderContext: ChartRenderContext, visiblePriceRange: PriceRange, style: FinalDrawingStyle): void;
+    /**
+     * Checks if a point (in pixel coordinates) is hitting the shape.
+     */
+    isHit(px: number, py: number, renderContext: ChartRenderContext, visiblePriceRange: PriceRange): boolean;
+    setPoints(points: DrawingPoint[]): void;
+    setPointAt(index: number, point: DrawingPoint): void;
+    setFirstPoint(point: DrawingPoint): void;
+    addPoint(point: DrawingPoint): void;
+    updateLastPoint(point: DrawingPoint): void;
+    getPoints(): DrawingPoint[];
+}
+/**
+ * Helper to generate a unique id string for drawing shapes.
+ */
+export declare function generateDrawingShapeId(): string;

package/dist/components/Drawing/LineShape.d.ts

@@ -0,0 +1,29 @@
+import { IDrawingShape } from "./IDrawingShape";
+import { ChartRenderContext } from "../../types/chartOptions";
+import { PriceRange } from "../../types/Graph";
+import { DrawingPoint, DrawingStyleOptions, FinalDrawingStyle, LineShapeArgs } from "../../types/Drawings";
+import { ShapeType } from "./types";
+export declare class LineShape implements IDrawingShape {
+    args: LineShapeArgs;
+    styleOverride: DrawingStyleOptions;
+    id: string;
+    type: ShapeType;
+    style: DrawingStyleOptions;
+    points: DrawingPoint[];
+    constructor(args: LineShapeArgs, styleOverride: DrawingStyleOptions, id?: string | undefined);
+    /**
+     * Draws the line shape on the canvas using a provided style.
+     * @param ctx The canvas 2D rendering context.
+     * @param renderContext The context containing canvas dimensions and visible ranges.
+     * @param visiblePriceRange The currently visible price range for price-axis scaling.
+     * @param style The final, calculated style object to apply.
+     */
+    draw(ctx: CanvasRenderingContext2D, renderContext: ChartRenderContext, visiblePriceRange: PriceRange, style: FinalDrawingStyle): void;
+    isHit(px: number, py: number, renderContext: ChartRenderContext, visiblePriceRange: PriceRange): boolean;
+    setPoints(points: DrawingPoint[]): void;
+    addPoint(point: DrawingPoint): void;
+    setPointAt(index: number, point: DrawingPoint): void;
+    getPoints(): DrawingPoint[];
+    updateLastPoint(point: DrawingPoint): void;
+    setFirstPoint(point: DrawingPoint): void;
+}

package/dist/components/Drawing/Polyline.d.ts

@@ -0,0 +1,29 @@
+import { IDrawingShape } from "./IDrawingShape";
+import { ChartRenderContext } from "../../types/chartOptions";
+import { PriceRange } from "../../types/Graph";
+import { DrawingPoint, DrawingStyleOptions, FinalDrawingStyle, PolylineShapeArgs } from "../../types/Drawings";
+import { ShapeType } from "./types";
+export declare class Polyline implements IDrawingShape {
+    styleOverride: DrawingStyleOptions;
+    id: string;
+    type: ShapeType;
+    style: DrawingStyleOptions;
+    points: DrawingPoint[];
+    args: PolylineShapeArgs;
+    constructor(argsIn: PolylineShapeArgs, styleOverride: DrawingStyleOptions, id?: string | undefined);
+    addPoint(point: DrawingPoint): void;
+    /**
+     * Draws the polyline/polygon shape on the canvas using a provided style.
+     * @param ctx The canvas 2D rendering context.
+     * @param renderContext The context containing canvas dimensions and visible ranges.
+     * @param visiblePriceRange The currently visible price range for price-axis scaling.
+     * @param style The final, calculated style object to apply.
+     */
+    draw(ctx: CanvasRenderingContext2D, renderContext: ChartRenderContext, visiblePriceRange: PriceRange, style: FinalDrawingStyle): void;
+    isHit(px: number, py: number, renderContext: ChartRenderContext, visiblePriceRange: PriceRange): boolean;
+    setPoints(points: DrawingPoint[]): void;
+    setPointAt(index: number, point: DrawingPoint): void;
+    getPoints(): DrawingPoint[];
+    setFirstPoint(point: DrawingPoint): void;
+    updateLastPoint(point: DrawingPoint): void;
+}

package/dist/components/Drawing/RectangleShape.d.ts

@@ -0,0 +1,29 @@
+import { IDrawingShape } from "./IDrawingShape";
+import { ChartRenderContext } from "../../types/chartOptions";
+import { PriceRange } from "../../types/Graph";
+import { DrawingPoint, DrawingStyleOptions, FinalDrawingStyle, RectangleShapeArgs } from "../../types/Drawings";
+import { ShapeType } from "./types";
+export declare class RectangleShape implements IDrawingShape {
+    args: RectangleShapeArgs;
+    styleOverride: DrawingStyleOptions;
+    id: string;
+    type: ShapeType;
+    style: DrawingStyleOptions;
+    points: DrawingPoint[];
+    constructor(args: RectangleShapeArgs, styleOverride: DrawingStyleOptions, id?: string | undefined);
+    /**
+     * Draws the rectangle shape on the canvas using a provided style.
+     * @param ctx The canvas 2D rendering context.
+     * @param renderContext The context containing canvas dimensions and visible ranges.
+     * @param visiblePriceRange The currently visible price range for price-axis scaling.
+     * @param style The final, calculated style object to apply.
+     */
+    draw(ctx: CanvasRenderingContext2D, renderContext: ChartRenderContext, visiblePriceRange: PriceRange, style: FinalDrawingStyle): void;
+    isHit(px: number, py: number, renderContext: ChartRenderContext, visiblePriceRange: PriceRange): boolean;
+    addPoint(point: DrawingPoint): void;
+    setPoints(points: DrawingPoint[]): void;
+    setPointAt(index: number, point: DrawingPoint): void;
+    getPoints(): DrawingPoint[];
+    setFirstPoint(point: DrawingPoint): void;
+    updateLastPoint(point: DrawingPoint): void;
+}

package/dist/components/Drawing/TriangleShape.d.ts

@@ -0,0 +1,34 @@
+import { IDrawingShape } from "./IDrawingShape";
+import { ChartRenderContext } from "../../types/chartOptions";
+import { PriceRange } from "../../types/Graph";
+import { DrawingPoint, DrawingStyleOptions, FinalDrawingStyle, TriangleShapeArgs } from "../../types/Drawings";
+import { ShapeType } from "./types";
+export declare class TriangleShape implements IDrawingShape {
+    styleOverride: DrawingStyleOptions;
+    id: string;
+    type: ShapeType;
+    style: DrawingStyleOptions;
+    points: DrawingPoint[];
+    args: TriangleShapeArgs;
+    constructor(argsIn: TriangleShapeArgs, styleOverride: DrawingStyleOptions, id?: string | undefined);
+    /**
+     * Draws the triangle shape on the canvas using a provided style.
+     * @param ctx The canvas 2D rendering context.
+     * @param renderContext The context containing canvas dimensions and visible ranges.
+     * @param visiblePriceRange The currently visible price range for price-axis scaling.
+     * @param style The final, calculated style object to apply.
+     */
+    draw(ctx: CanvasRenderingContext2D, renderContext: ChartRenderContext, visiblePriceRange: PriceRange, style: FinalDrawingStyle): void;
+    isHit(px: number, py: number, renderContext: ChartRenderContext, visiblePriceRange: PriceRange): boolean;
+    /** Visible time span (sec) and price range — set from chart before dragging so the third vertex is not collinear with the base. */
+    private normTimeSpan;
+    private normPriceSpan;
+    setNormalizationSpans(visibleTimeSec: number, priceRange: number): void;
+    recalculateThirdVertex(): void;
+    addPoint(point: DrawingPoint): void;
+    setPoints(points: DrawingPoint[]): void;
+    setPointAt(index: number, point: DrawingPoint): void;
+    getPoints(): DrawingPoint[];
+    setFirstPoint(point: DrawingPoint): void;
+    updateLastPoint(point: DrawingPoint): void;
+}

package/dist/components/Drawing/drawHelper.d.ts

@@ -0,0 +1,35 @@
+import { CanvasPoint, DrawingPoint, DrawingStyleOptions } from "../../types/Drawings";
+import { Drawing, ShapeType } from "./types";
+import { IDrawingShape } from "./IDrawingShape";
+import { DeepPartial, DeepRequired } from "../../types/types";
+import { ChartOptions } from "../../types/chartOptions";
+export declare const pointerTolerance = 5;
+export declare function pointInTriangle(px: number, py: number, a: CanvasPoint, b: CanvasPoint, c: CanvasPoint): boolean;
+export declare function createShape(newDraw: Drawing): IDrawingShape;
+/** Plain-object description for creating drawings from host code (see {@link drawingFromSpec}). */
+export type DrawingSpec = {
+    id?: string;
+    type: ShapeType;
+    points: DrawingPoint[];
+    style?: DeepPartial<DrawingStyleOptions>;
+    symbol?: string;
+    size?: number;
+};
+/** Partial update applied in-place to an existing drawing (geometry, style, or custom symbol fields). */
+export type DrawingPatch = {
+    style?: DeepPartial<DrawingStyleOptions>;
+    points?: DrawingPoint[];
+    symbol?: string;
+    size?: number;
+};
+export type DrawingInput = IDrawingShape | DrawingSpec;
+/**
+ * Builds a drawing class instance from a plain spec (type + points + optional style).
+ * Use with {@link TickUpStageHandle.addShape} / {@link TickUpHostHandle.addShape} or {@link setDrawingsFromSpecs}.
+ */
+export declare function drawingFromSpec(spec: DrawingSpec, chartOptions: DeepRequired<ChartOptions>): IDrawingShape | null;
+/** True when the payload should be treated as a partial patch (not a full replacement spec). */
+export declare function isDrawingPatch(data: unknown): data is DrawingPatch;
+/** Mutates {@code shape} in place: merges style, replaces points (and args) where needed, updates custom symbol fields. */
+export declare function applyDrawingPatch(shape: IDrawingShape, patch: DrawingPatch): void;
+export declare function validateAndNormalizeShape(shape: any, chartOptions: DeepRequired<ChartOptions>): IDrawingShape | null;

package/dist/components/Drawing/drawingQuery.d.ts

@@ -0,0 +1,44 @@
+import type { DrawingPoint, DrawingStyleOptions } from '../../types/Drawings';
+import type { IDrawingShape } from './IDrawingShape';
+import { ShapeType } from './types';
+/** Plain, JSON-friendly view of a drawing (ids, geometry, style) for querying and persistence. */
+export type DrawingSnapshot = {
+    id: string;
+    type: ShapeType;
+    points: DrawingPoint[];
+    style: DrawingStyleOptions;
+    /** Order in the draw stack (0 = drawn first / underneath). */
+    zIndex: number;
+    symbol?: string;
+    size?: number;
+};
+/** Criteria for {@link queryDrawingsToSnapshots} / {@link filterDrawingsWithMeta}. All set filters are AND-combined. */
+export type DrawingQuery = {
+    types?: ShapeType[];
+    ids?: string[];
+    idPrefix?: string;
+    /** Any point must fall in the time window (unix seconds) when bounds are set. */
+    timeMin?: number;
+    timeMax?: number;
+    /** Any point must fall in the price window when bounds are set. */
+    priceMin?: number;
+    priceMax?: number;
+    /**
+     * When true, every point must satisfy time/price bounds (when those bounds are set).
+     * When false (default), at least one point must satisfy all active bounds.
+     */
+    strictBounds?: boolean;
+    predicate?: (shape: IDrawingShape, zIndex: number) => boolean;
+};
+export type DrawingWithZIndex = {
+    shape: IDrawingShape;
+    zIndex: number;
+};
+export declare function shapeToSnapshot(shape: IDrawingShape, zIndex: number): DrawingSnapshot;
+/**
+ * Returns drawings that match {@link DrawingQuery}, preserving stack order.
+ */
+export declare function filterDrawingsWithMeta(drawings: IDrawingShape[], query?: DrawingQuery): DrawingWithZIndex[];
+export declare function queryDrawingsToSnapshots(drawings: IDrawingShape[], query?: DrawingQuery): DrawingSnapshot[];
+/** Filtered live instances (same references as in chart state). Use for imperative updates after locating an id. */
+export declare function filterDrawingInstances(drawings: IDrawingShape[], query?: DrawingQuery): IDrawingShape[];

package/dist/components/Drawing/types.d.ts

@@ -0,0 +1,21 @@
+import { Mode } from "../../contexts/ModeContext";
+import { AngleShapeArgs, ArrowShapeArgs, CircleShapeArgs, CustomSymbolShapeArgs, DrawingPoint, DrawingStyleOptions, LineShapeArgs, PolylineShapeArgs, RectangleShapeArgs, TriangleShapeArgs } from "../../types/Drawings";
+export type ShapeBaseArgs = {
+    points: DrawingPoint[];
+};
+export type ShapeArgs = LineShapeArgs | RectangleShapeArgs | CircleShapeArgs | TriangleShapeArgs | AngleShapeArgs | PolylineShapeArgs | ArrowShapeArgs | CustomSymbolShapeArgs;
+export type Drawing = {
+    mode: Mode;
+    args?: ShapeArgs;
+    style?: DrawingStyleOptions;
+};
+export declare enum ShapeType {
+    Line = "Line",
+    Rectangle = "Rectangle",
+    Circle = "Circle",
+    Triangle = "Triangle",
+    Angle = "Angle",
+    Arrow = "Arrow",
+    Polyline = "Polyline",
+    CustomSymbol = "CustomSymbol"
+}

package/dist/components/SettingsModal/SettingsModal.d.ts

@@ -0,0 +1,73 @@
+import React from 'react';
+import { type ModalThemeVariant } from './SettingsModal.styles';
+import { AxesPosition } from '../../types/types';
+import { AxesUnitPlacement, CurrencyDisplay, NumberNotation } from '../../types/chartOptions';
+import { StrokeLineStyle } from '../../types/overlay';
+export declare enum SettingsCategoryId {
+    chart = "chart",
+    axes = "axes",
+    time = "time",
+    layout = "layout",
+    colors = "colors",
+    drawings = "drawings",
+    globalization = "globalization",
+    financial = "financial"
+}
+export interface SettingsState {
+    showSidebar: boolean;
+    showTopBar: boolean;
+    showHistogram: boolean;
+    showGrid: boolean;
+    timeFormat12h: boolean;
+    yAxisPosition: AxesPosition;
+    numberOfYTicks: number;
+    backgroundColor: string;
+    textColor: string;
+    bullColor: string;
+    bearColor: string;
+    lineColor: string;
+    fractionDigits: number;
+    decimalSeparator: string;
+    thousandsSeparator: string;
+    dateFormat: string;
+    locale: string;
+    language: string;
+    currency: string;
+    useCurrency: boolean;
+    currencyDisplay: CurrencyDisplay;
+    numberNotation: NumberNotation;
+    minimumFractionDigits: number;
+    maximumFractionDigits: number;
+    maximumSignificantDigits: number;
+    tickSize: number;
+    autoPrecision: boolean;
+    unit: string;
+    unitPlacement: AxesUnitPlacement;
+    drawingLineColor: string;
+    drawingLineWidth: number;
+    drawingLineStyle: StrokeLineStyle;
+    drawingFillColor: string;
+    drawingSelectedLineColor: string;
+    drawingSelectedLineStyle: StrokeLineStyle;
+    drawingSelectedLineWidthAdd: number;
+    showCandleTooltip: boolean;
+    showCrosshair: boolean;
+    showCrosshairValues: boolean;
+}
+interface SettingsModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onSave: (newSettings: SettingsState) => void;
+    initialSettings: SettingsState;
+    /** Matches chart app light/dark toggle */
+    themeVariant?: ModalThemeVariant;
+    /** When true, the Layout category (toolbar toggles) is hidden; toolbar chrome is product-controlled. */
+    lockToolbarLayout?: boolean;
+    /**
+     * When true, the overlay is `position: absolute` within the nearest positioned ancestor
+     * (e.g. the chart host wrapper) instead of covering the full viewport.
+     */
+    contained?: boolean;
+}
+export declare const SettingsModal: React.FC<SettingsModalProps>;
+export {};

package/dist/components/SettingsModal/SettingsModal.styles.d.ts

@@ -0,0 +1,62 @@
+import { ChartTheme } from '../../types/types';
+/** Pass from app theme (e.g. TickUpHost `themeVariant`). */
+export type ModalThemeVariant = ChartTheme;
+/** Header icon buttons (back / close). */
+export declare enum SettingsModalIconRole {
+    back = "back",
+    close = "close"
+}
+export declare const ModalOverlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $variant?: ModalThemeVariant;
+    $contained?: boolean;
+}>> & string;
+export declare const ModalContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $variant?: ModalThemeVariant;
+}>> & string;
+export declare const ModalHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $variant?: ModalThemeVariant;
+}>> & string;
+export declare const HeaderLeft: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const IconButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $variant?: SettingsModalIconRole;
+    $theme?: ModalThemeVariant;
+}>> & string;
+export declare const BackArrowIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ModalBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CategoryTile: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $variant?: ModalThemeVariant;
+}>> & string;
+export declare const SubMenuPane: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $back?: boolean;
+}>> & string;
+export declare const FormRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $variant?: ModalThemeVariant;
+}>> & string;
+export declare const FormLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
+    $variant?: ModalThemeVariant;
+}>> & string;
+export declare const ModalFooter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $variant?: ModalThemeVariant;
+}>> & string;
+export declare const ModalButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $primary?: boolean;
+    $variant?: ModalThemeVariant;
+}>> & string;
+export declare const SwitchToggle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $checked: boolean;
+    $disabled?: boolean;
+}>> & string;
+export declare const NumberInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
+    $variant?: ModalThemeVariant;
+}>> & string;
+export declare const ColorInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+export declare const SelectDropdown: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, {
+    $variant?: ModalThemeVariant;
+}>> & string;
+export declare const SectionTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {
+    $variant?: ModalThemeVariant;
+}>> & string;
+/** Themed text field (e.g. rgba / hex fill colors) */
+export declare const ModalTextInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
+    $variant?: ModalThemeVariant;
+}>> & string;

package/dist/components/ShapePropertiesModal/ShapePropertiesModal.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { type ModalThemeVariant } from '../SettingsModal/SettingsModal.styles';
+import { IDrawingShape } from '../Drawing/IDrawingShape';
+import { type ShapePropertiesFormState } from './applyShapeProperties';
+export interface ShapePropertiesModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    /** Drawing under edit; modal reads initial fields when opened */
+    shape: IDrawingShape | null;
+    onApply: (shape: IDrawingShape, form: ShapePropertiesFormState) => void;
+    themeVariant?: ModalThemeVariant;
+}
+export declare const ShapePropertiesModal: React.FC<ShapePropertiesModalProps>;

package/dist/components/ShapePropertiesModal/applyShapeProperties.d.ts

@@ -0,0 +1,16 @@
+import { IDrawingShape } from '../Drawing/IDrawingShape';
+import { StrokeLineStyle } from '../../types/overlay';
+export type ShapePropertiesFormState = {
+    lineColor: string;
+    lineWidth: number;
+    lineStyle: StrokeLineStyle;
+    fillColor: string;
+    selectedLineColor: string;
+    selectedLineWidthAdd: number;
+    selectedLineStyle: StrokeLineStyle;
+    selectedFillColor: string;
+    symbolText: string;
+    symbolSize: number;
+};
+export declare function shapeToFormState(shape: IDrawingShape): ShapePropertiesFormState;
+export declare function applyShapePropertiesForm(shape: IDrawingShape, f: ShapePropertiesFormState): void;