@excalidraw/math 0.18.0-200a6bd94 → 0.18.0-214cd6e

package/dist/types/math/src/types.d.ts

@@ -19,12 +19,24 @@ export type InclusiveRange = [number, number] & {
     _brand: "excalimath_degree";
 };
 /**
- * Represents a 2D position in world or canvas space. A
+ * Represents a 2D position in world/canvas/scene space. A
  * global coordinate.
  */
 export type GlobalPoint = [x: number, y: number] & {
     _brand: "excalimath__globalpoint";
 };
+/**
+ * Represents a 2D position in world/canvas/scene space. A
+ * global coordinate.
+ *
+ * TODO remove this once we migrate the codebase to use Point tuples everywhere
+ */
+export type GlobalCoord = {
+    x: number;
+    y: number;
+} & {
+    _brand: "excalimath__globalcoord";
+};
 /**
  * Represents a 2D position in whatever local space it's
  * needed. A local coordinate.
@@ -32,6 +44,18 @@ export type GlobalPoint = [x: number, y: number] & {
 export type LocalPoint = [x: number, y: number] & {
     _brand: "excalimath__localpoint";
 };
+/**
+ * Represents a 2D position in whatever local space it's needed.
+ * A local coordinate.
+ *
+ * TODO remove this once we migrate the codebase to use Point tuples everywhere
+ */
+export type LocalCoord = {
+    x: number;
+    y: number;
+} & {
+    _brand: "excalimath__localcoord";
+};
 /**
  * A line is an infinitely long object with no width, depth, or curvature.
  */

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

@@ -1,13 +1,13 @@
 import { MIME_TYPES } from "@excalidraw/common";
-import type { ExcalidrawElement, ExcalidrawFrameLikeElement, NonDeleted } from "@excalidraw/element/types";
+import type { ExcalidrawFrameLikeElement, NonDeleted, NonDeletedExcalidrawElement } from "@excalidraw/element/types";
 import type { AppState, BinaryFiles } from "@excalidraw/excalidraw/types";
 export { MIME_TYPES };
 type ExportOpts = {
-    elements: readonly NonDeleted<ExcalidrawElement>[];
+    elements: readonly NonDeletedExcalidrawElement[];
     appState?: Partial<Omit<AppState, "offsetTop" | "offsetLeft">>;
     files: BinaryFiles | null;
     maxWidthOrHeight?: number;
-    exportingFrame?: ExcalidrawFrameLikeElement | null;
+    exportingFrame?: NonDeleted<ExcalidrawFrameLikeElement> | null;
     getDimensions?: (width: number, height: number) => {
         width: number;
         height: number;
@@ -15,7 +15,7 @@ type ExportOpts = {
     };
 };
 export declare const exportToCanvas: ({ elements, appState, files, maxWidthOrHeight, getDimensions, exportPadding, exportingFrame, }: ExportOpts & {
-    exportPadding?: number | undefined;
+    exportPadding?: number;
 }) => Promise<HTMLCanvasElement>;
 export declare const exportToBlob: (opts: ExportOpts & {
     mimeType?: string;
@@ -23,10 +23,10 @@ export declare const exportToBlob: (opts: ExportOpts & {
     exportPadding?: number;
 }) => Promise<Blob>;
 export declare const exportToSvg: ({ elements, appState, files, exportPadding, renderEmbeddables, exportingFrame, skipInliningFonts, reuseImages, }: Omit<ExportOpts, "getDimensions"> & {
-    exportPadding?: number | undefined;
-    renderEmbeddables?: boolean | undefined;
-    skipInliningFonts?: true | undefined;
-    reuseImages?: boolean | undefined;
+    exportPadding?: number;
+    renderEmbeddables?: boolean;
+    skipInliningFonts?: true;
+    reuseImages?: boolean;
 }) => Promise<SVGSVGElement>;
 export declare const exportToClipboard: (opts: ExportOpts & {
     mimeType?: string;

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

@@ -1,4 +1,3 @@
 export * from "./export";
-export * from "./withinBounds";
-export * from "./bbox";
+export { elementsOverlappingBBox } from "@excalidraw/element";
 export { getCommonBounds } from "@excalidraw/element";

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

@@ -46,13 +46,13 @@ export declare const getClosedCurveShape: <Point extends GlobalPoint | LocalPoin
  * @param gap Optional value to inflate the shape before testing
  * @returns An array of intersections
  */
-export declare const segmentIntersectRectangleElement: <Point extends GlobalPoint | LocalPoint>(element: ExcalidrawBindableElement, segment: LineSegment<Point>, gap?: number) => Point[];
-export declare const pointOnEllipse: <Point extends GlobalPoint | LocalPoint>(point: Point, ellipse: Ellipse<Point>, threshold?: number) => boolean;
-export declare const pointInEllipse: <Point extends GlobalPoint | LocalPoint>(p: Point, ellipse: Ellipse<Point>) => boolean;
-export declare const ellipseAxes: <Point extends GlobalPoint | LocalPoint>(ellipse: Ellipse<Point>) => {
+export declare const segmentIntersectRectangleElement: <Point extends LocalPoint | GlobalPoint>(element: ExcalidrawBindableElement, segment: LineSegment<Point>, gap?: number) => Point[];
+export declare const pointOnEllipse: <Point extends LocalPoint | GlobalPoint>(point: Point, ellipse: Ellipse<Point>, threshold?: number) => boolean;
+export declare const pointInEllipse: <Point extends LocalPoint | GlobalPoint>(p: Point, ellipse: Ellipse<Point>) => boolean;
+export declare const ellipseAxes: <Point extends LocalPoint | GlobalPoint>(ellipse: Ellipse<Point>) => {
     majorAxis: number;
     minorAxis: number;
 };
-export declare const ellipseFocusToCenter: <Point extends GlobalPoint | LocalPoint>(ellipse: Ellipse<Point>) => number;
-export declare const ellipseExtremes: <Point extends GlobalPoint | LocalPoint>(ellipse: Ellipse<Point>) => import("@excalidraw/math").Vector[];
+export declare const ellipseFocusToCenter: <Point extends LocalPoint | GlobalPoint>(ellipse: Ellipse<Point>) => number;
+export declare const ellipseExtremes: <Point extends LocalPoint | GlobalPoint>(ellipse: Ellipse<Point>) => import("@excalidraw/math").Vector[];
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@excalidraw/math",
-  "version": "0.18.0-200a6bd94",
+  "version": "0.18.0-214cd6e",
   "type": "module",
   "types": "./dist/types/math/src/index.d.ts",
   "main": "./dist/prod/index.js",
@@ -61,6 +61,6 @@
     "build:esm": "rimraf dist && node ../../scripts/buildBase.js && yarn gen:types"
   },
   "dependencies": {
-    "@excalidraw/common": "0.18.0-200a6bd94"
+    "@excalidraw/common": "0.18.0-214cd6e"
   }
 }

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

@@ -1,185 +0,0 @@
-/// <reference types="react" />
-export declare const actionSetEmbeddableAsActiveTool: {
-    name: "setEmbeddableAsActiveTool";
-    trackEvent: {
-        category: "toolbar";
-    };
-    target: string;
-    label: string;
-    perform: (elements: readonly import("../../element/src/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>, _: any, app: import("../types").AppClassProperties) => {
-        elements: readonly import("../../element/src/types").OrderedExcalidrawElement[];
-        appState: {
-            activeTool: {
-                lastActiveTool: import("../types").ActiveTool | null;
-                locked: boolean;
-                fromSelection: boolean;
-            } & import("../types").ActiveTool;
-            contextMenu: {
-                items: import("../components/ContextMenu").ContextMenuItems;
-                top: number;
-                left: number;
-            } | null;
-            showWelcomeScreen: boolean;
-            isLoading: boolean;
-            errorMessage: import("react").ReactNode;
-            activeEmbeddable: {
-                element: import("../../element/src/types").NonDeletedExcalidrawElement;
-                state: "active" | "hover";
-            } | null;
-            newElement: import("../../element/src/types").NonDeleted<import("../../element/src/types").ExcalidrawNonSelectionElement> | null;
-            resizingElement: import("../../element/src/types").NonDeletedExcalidrawElement | null;
-            multiElement: import("../../element/src/types").NonDeleted<import("../../element/src/types").ExcalidrawLinearElement> | null;
-            selectionElement: import("../../element/src/types").NonDeletedExcalidrawElement | null;
-            isBindingEnabled: boolean;
-            startBoundElement: import("../../element/src/types").NonDeleted<import("../../element/src/types").ExcalidrawBindableElement> | null;
-            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
-            frameToHighlight: import("../../element/src/types").NonDeleted<import("../../element/src/types").ExcalidrawFrameLikeElement> | null;
-            frameRendering: {
-                enabled: boolean;
-                name: boolean;
-                outline: boolean;
-                clip: boolean;
-            };
-            editingFrame: string | null;
-            elementsToHighlight: import("../../element/src/types").NonDeleted<import("../../element/src/types").ExcalidrawElement>[] | null;
-            editingTextElement: import("../../element/src/types").NonDeletedExcalidrawElement | null;
-            penMode: boolean;
-            penDetected: boolean;
-            exportBackground: boolean;
-            exportEmbedScene: boolean;
-            exportWithDarkMode: boolean;
-            exportScale: number;
-            currentItemStrokeColor: string;
-            currentItemBackgroundColor: string;
-            currentItemFillStyle: import("../../element/src/types").FillStyle;
-            currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("../../element/src/types").StrokeStyle;
-            currentItemRoughness: number;
-            currentItemOpacity: number;
-            currentItemFontFamily: number;
-            currentItemFontSize: number;
-            currentItemTextAlign: string;
-            currentItemStartArrowhead: import("../../element/src/types").Arrowhead | null;
-            currentItemEndArrowhead: import("../../element/src/types").Arrowhead | null;
-            currentHoveredFontFamily: number | null;
-            currentItemRoundness: import("../../element/src/types").StrokeRoundness;
-            currentItemArrowType: "round" | "sharp" | "elbow";
-            viewBackgroundColor: string;
-            scrollX: number;
-            scrollY: number;
-            cursorButton: "up" | "down";
-            scrolledOutside: boolean;
-            name: string | null;
-            isResizing: boolean;
-            isRotating: boolean;
-            zoom: Readonly<{
-                value: import("../types").NormalizedZoomValue;
-            }>;
-            openMenu: "canvas" | "shape" | null;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
-            openSidebar: {
-                name: string;
-                tab?: string | undefined;
-            } | null;
-            openDialog: {
-                name: "imageExport" | "help" | "jsonExport";
-            } | {
-                name: "ttd";
-                tab: "mermaid" | "text-to-diagram";
-            } | {
-                name: "commandPalette";
-            } | {
-                name: "elementLinkSelector";
-                sourceElementId: string;
-            } | null;
-            defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../../element/src/types").PointerType;
-            selectedElementIds: Readonly<{
-                [id: string]: true;
-            }>;
-            hoveredElementIds: Readonly<{
-                [id: string]: true;
-            }>;
-            previousSelectedElementIds: {
-                [id: string]: true;
-            };
-            selectedElementsAreBeingDragged: boolean;
-            shouldCacheIgnoreZoom: boolean;
-            toast: {
-                message: string;
-                closable?: boolean | undefined;
-                duration?: number | undefined;
-            } | null;
-            zenModeEnabled: boolean;
-            theme: import("../../element/src/types").Theme;
-            gridSize: number;
-            gridStep: number;
-            gridModeEnabled: boolean;
-            viewModeEnabled: boolean;
-            selectedGroupIds: {
-                [groupId: string]: boolean;
-            };
-            editingGroupId: string | null;
-            width: number;
-            height: number;
-            offsetTop: number;
-            offsetLeft: number;
-            fileHandle: import("browser-fs-access").FileSystemHandle | null;
-            collaborators: Map<import("../types").SocketId, Readonly<{
-                pointer?: import("../types").CollaboratorPointer | undefined;
-                button?: "up" | "down" | undefined;
-                selectedElementIds?: Readonly<{
-                    [id: string]: true;
-                }> | undefined;
-                username?: string | null | undefined;
-                userState?: import("@excalidraw/common").UserIdleState | undefined;
-                color?: {
-                    background: string;
-                    stroke: string;
-                } | undefined;
-                avatarUrl?: string | undefined;
-                id?: string | undefined;
-                socketId?: import("../types").SocketId | undefined;
-                isCurrentUser?: boolean | undefined;
-                isInCall?: boolean | undefined;
-                isSpeaking?: boolean | undefined;
-                isMuted?: boolean | undefined;
-            }>>;
-            stats: {
-                open: boolean;
-                panels: number;
-            };
-            currentChartType: import("../../element/src/types").ChartType;
-            pasteDialog: {
-                shown: false;
-                data: null;
-            } | {
-                shown: true;
-                data: import("../charts").Spreadsheet;
-            };
-            showHyperlinkPopup: false | "editor" | "info";
-            selectedLinearElement: import("@excalidraw/element").LinearElementEditor | null;
-            snapLines: readonly import("../snapping").SnapLine[];
-            originSnapOffset: {
-                x: number;
-                y: number;
-            } | null;
-            objectsSnapModeEnabled: boolean;
-            userToFollow: import("../types").UserToFollow | null;
-            followedBy: Set<import("../types").SocketId>;
-            isCropping: boolean;
-            croppingElementId: string | null;
-            searchMatches: Readonly<{
-                focusedId: string | null;
-                matches: readonly import("../types").SearchMatch[];
-            }> | null;
-            activeLockedId: string | null;
-            lockedMultiSelections: {
-                [groupId: string]: true;
-            };
-        };
-        captureUpdate: "EVENTUALLY";
-    };
-} & {
-    keyTest?: undefined;
-};

package/dist/types/excalidraw/animation-frame-handler.d.ts

@@ -1,16 +0,0 @@
-export type AnimationCallback = (timestamp: number) => void | boolean;
-export type AnimationTarget = {
-    callback: AnimationCallback;
-    stopped: boolean;
-};
-export declare class AnimationFrameHandler {
-    private targets;
-    private rafIds;
-    register(key: object, callback: AnimationCallback): void;
-    start(key: object): void;
-    stop(key: object): void;
-    private constructFrame;
-    private scheduleFrame;
-    private cancelFrame;
-    private onFrame;
-}

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

@@ -1,27 +0,0 @@
-import type { NonDeletedExcalidrawElement } from "@excalidraw/element/types";
-export type ChartElements = readonly NonDeletedExcalidrawElement[];
-export interface Spreadsheet {
-    title: string | null;
-    labels: string[] | null;
-    values: number[];
-}
-export declare const NOT_SPREADSHEET = "NOT_SPREADSHEET";
-export declare const VALID_SPREADSHEET = "VALID_SPREADSHEET";
-type ParseSpreadsheetResult = {
-    type: typeof NOT_SPREADSHEET;
-    reason: string;
-} | {
-    type: typeof VALID_SPREADSHEET;
-    spreadsheet: Spreadsheet;
-};
-/**
- * @private exported for testing
- */
-export declare const tryParseNumber: (s: string) => number | null;
-/**
- * @private exported for testing
- */
-export declare const tryParseCells: (cells: string[][]) => ParseSpreadsheetResult;
-export declare const tryParseSpreadsheet: (text: string) => ParseSpreadsheetResult;
-export declare const renderSpreadsheet: (chartType: string, spreadsheet: Spreadsheet, x: number, y: number) => ChartElements;
-export {};

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

@@ -1,4 +0,0 @@
-import type { GenerateDiagramToCode } from "../../types";
-export declare const DiagramToCodePlugin: (props: {
-    generate: GenerateDiagramToCode;
-}) => null;

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

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-import "./ExcalidrawLogo.scss";
-type LogoSize = "xs" | "small" | "normal" | "large" | "custom";
-interface LogoProps {
-    size?: LogoSize;
-    withText?: boolean;
-    style?: React.CSSProperties;
-    /**
-     * If true, the logo will not be wrapped in a Link component.
-     * The link prop will be ignored as well.
-     * It will merely be a plain div.
-     */
-    isNotLink?: boolean;
-}
-export declare const ExcalidrawLogo: ({ style, size, withText, }: LogoProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,10 +0,0 @@
-import "./FollowMode.scss";
-import type { UserToFollow } from "../../types";
-interface FollowModeProps {
-    width: number;
-    height: number;
-    userToFollow: UserToFollow;
-    onDisconnect: () => void;
-}
-declare const FollowMode: ({ height, width, userToFollow, onDisconnect, }: FollowModeProps) => import("react/jsx-runtime").JSX.Element;
-export default FollowMode;

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

@@ -1,10 +0,0 @@
-import "./ToolIcon.scss";
-type LockIconProps = {
-    title?: string;
-    name?: string;
-    checked: boolean;
-    onChange?(): void;
-    isMobile?: boolean;
-};
-export declare const HandButton: (props: LockIconProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,10 +0,0 @@
-import React from "react";
-import type { Theme } from "@excalidraw/element/types";
-import type { Language } from "../i18n";
-interface Props {
-    langCode: Language["code"];
-    children: React.ReactElement;
-    theme?: Theme;
-}
-export declare const InitializeApp: (props: Props) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/excalidraw/components/TTDDialog/TTDDialogTrigger.d.ts

@@ -1,9 +0,0 @@
-import type { ReactNode } from "react";
-import type { JSX } from "react";
-export declare const TTDDialogTrigger: {
-    ({ children, icon, }: {
-        children?: ReactNode;
-        icon?: JSX.Element | undefined;
-    }): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};

package/dist/types/excalidraw/components/footer/FooterCenter.d.ts

@@ -1,8 +0,0 @@
-import "./FooterCenter.scss";
-declare const FooterCenter: {
-    ({ children }: {
-        children?: React.ReactNode;
-    }): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default FooterCenter;

package/dist/types/excalidraw/components/live-collaboration/LiveCollaborationTrigger.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import "./LiveCollaborationTrigger.scss";
-declare const LiveCollaborationTrigger: {
-    ({ isCollaborating, onSelect, ...rest }: {
-        isCollaborating: boolean;
-        onSelect: () => void;
-    } & import("react").ButtonHTMLAttributes<HTMLButtonElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default LiveCollaborationTrigger;

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

@@ -1,62 +0,0 @@
-export declare const SHAPES: readonly [{
-    readonly icon: import("react/jsx-runtime").JSX.Element;
-    readonly value: "selection";
-    readonly key: "v";
-    readonly numericKey: "1";
-    readonly fillable: true;
-}, {
-    readonly icon: import("react/jsx-runtime").JSX.Element;
-    readonly value: "rectangle";
-    readonly key: "r";
-    readonly numericKey: "2";
-    readonly fillable: true;
-}, {
-    readonly icon: import("react/jsx-runtime").JSX.Element;
-    readonly value: "diamond";
-    readonly key: "d";
-    readonly numericKey: "3";
-    readonly fillable: true;
-}, {
-    readonly icon: import("react/jsx-runtime").JSX.Element;
-    readonly value: "ellipse";
-    readonly key: "o";
-    readonly numericKey: "4";
-    readonly fillable: true;
-}, {
-    readonly icon: import("react/jsx-runtime").JSX.Element;
-    readonly value: "arrow";
-    readonly key: "a";
-    readonly numericKey: "5";
-    readonly fillable: true;
-}, {
-    readonly icon: import("react/jsx-runtime").JSX.Element;
-    readonly value: "line";
-    readonly key: "l";
-    readonly numericKey: "6";
-    readonly fillable: true;
-}, {
-    readonly icon: import("react/jsx-runtime").JSX.Element;
-    readonly value: "freedraw";
-    readonly key: readonly ["p", "x"];
-    readonly numericKey: "7";
-    readonly fillable: false;
-}, {
-    readonly icon: import("react/jsx-runtime").JSX.Element;
-    readonly value: "text";
-    readonly key: "t";
-    readonly numericKey: "8";
-    readonly fillable: false;
-}, {
-    readonly icon: import("react/jsx-runtime").JSX.Element;
-    readonly value: "image";
-    readonly key: null;
-    readonly numericKey: "9";
-    readonly fillable: false;
-}, {
-    readonly icon: import("react/jsx-runtime").JSX.Element;
-    readonly value: "eraser";
-    readonly key: "e";
-    readonly numericKey: "0";
-    readonly fillable: false;
-}];
-export declare const findShapeByKey: (key: string) => "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | null;

package/dist/types/excalidraw/components/welcome-screen/WelcomeScreen.Center.d.ts

@@ -1,58 +0,0 @@
-import type { JSX } from "react";
-declare const Center: {
-    ({ children }: {
-        children?: React.ReactNode;
-    }): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-    Logo: {
-        ({ children }: {
-            children?: React.ReactNode;
-        }): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Heading: {
-        ({ children }: {
-            children: React.ReactNode;
-        }): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Menu: {
-        ({ children }: {
-            children?: React.ReactNode;
-        }): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    MenuItem: {
-        ({ onSelect, children, icon, shortcut, className, ...props }: {
-            onSelect: () => void;
-            children: React.ReactNode;
-            icon?: JSX.Element | undefined;
-            shortcut?: string | null | undefined;
-        } & import("react").ButtonHTMLAttributes<HTMLButtonElement>): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    MenuItemLink: {
-        ({ children, href, icon, shortcut, className, ...props }: {
-            children: React.ReactNode;
-            href: string;
-            icon?: JSX.Element | undefined;
-            shortcut?: string | null | undefined;
-        } & import("react").AnchorHTMLAttributes<HTMLAnchorElement>): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    MenuItemHelp: {
-        (): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    MenuItemLoadScene: {
-        (): import("react/jsx-runtime").JSX.Element | null;
-        displayName: string;
-    };
-    MenuItemLiveCollaborationTrigger: {
-        ({ onSelect, }: {
-            onSelect: () => any;
-        }): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-};
-export { Center };

package/dist/types/excalidraw/components/welcome-screen/WelcomeScreen.Hints.d.ts

@@ -1,19 +0,0 @@
-declare const MenuHint: {
-    ({ children }: {
-        children?: React.ReactNode;
-    }): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-declare const ToolbarHint: {
-    ({ children }: {
-        children?: React.ReactNode;
-    }): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-declare const HelpHint: {
-    ({ children }: {
-        children?: React.ReactNode;
-    }): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export { HelpHint, MenuHint, ToolbarHint };