@bigbluebutton/tldraw 2.0.0-alpha.19

package/dist-cjs/lib/ui/hooks/useTools.js

@@ -0,0 +1,235 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useTools_exports = {};
+__export(useTools_exports, {
+  ToolsContext: () => ToolsContext,
+  ToolsProvider: () => ToolsProvider,
+  useTools: () => useTools
+});
+module.exports = __toCommonJS(useTools_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_editor = require("@bigbluebutton/editor");
+var React = __toESM(require("react"));
+var import_EmbedDialog = require("../components/EmbedDialog");
+var import_useDialogsProvider = require("./useDialogsProvider");
+var import_useEventsProvider = require("./useEventsProvider");
+var import_useInsertMedia = require("./useInsertMedia");
+const ToolsContext = React.createContext({});
+function ToolsProvider({ overrides, children }) {
+  const editor = (0, import_editor.useEditor)();
+  const trackEvent = (0, import_useEventsProvider.useUiEvents)();
+  const { addDialog } = (0, import_useDialogsProvider.useDialogs)();
+  const insertMedia = (0, import_useInsertMedia.useInsertMedia)();
+  const tools = React.useMemo(() => {
+    const toolsArray = [
+      {
+        id: "select",
+        label: "tool.select",
+        icon: "tool-pointer",
+        kbd: "v",
+        readonlyOk: true,
+        onSelect(source) {
+          editor.setCurrentTool("select");
+          trackEvent("select-tool", { source, id: "select" });
+        }
+      },
+      {
+        id: "hand",
+        label: "tool.hand",
+        icon: "tool-hand",
+        kbd: "h",
+        readonlyOk: true,
+        onSelect(source) {
+          editor.setCurrentTool("hand");
+          trackEvent("select-tool", { source, id: "hand" });
+        }
+      },
+      {
+        id: "eraser",
+        label: "tool.eraser",
+        icon: "tool-eraser",
+        kbd: "e",
+        readonlyOk: false,
+        onSelect(source) {
+          editor.setCurrentTool("eraser");
+          trackEvent("select-tool", { source, id: "eraser" });
+        }
+      },
+      {
+        id: "draw",
+        label: "tool.draw",
+        readonlyOk: false,
+        icon: "tool-pencil",
+        kbd: "d,b,x",
+        onSelect(source) {
+          editor.setCurrentTool("draw");
+          trackEvent("select-tool", { source, id: "draw" });
+        }
+      },
+      ...[...import_editor.GeoShapeGeoStyle.values].map((id) => ({
+        id,
+        label: `tool.${id}`,
+        readonlyOk: false,
+        meta: {
+          geo: id
+        },
+        kbd: id === "rectangle" ? "r" : id === "ellipse" ? "o" : void 0,
+        icon: "geo-" + id,
+        onSelect(source) {
+          editor.batch(() => {
+            editor.updateInstanceState(
+              {
+                stylesForNextShape: {
+                  ...editor.getInstanceState().stylesForNextShape,
+                  [import_editor.GeoShapeGeoStyle.id]: id
+                }
+              },
+              { ephemeral: true }
+            );
+            editor.setCurrentTool("geo");
+            trackEvent("select-tool", { source, id: `geo-${id}` });
+          });
+        }
+      })),
+      {
+        id: "arrow",
+        label: "tool.arrow",
+        readonlyOk: false,
+        icon: "tool-arrow",
+        kbd: "a",
+        onSelect(source) {
+          editor.setCurrentTool("arrow");
+          trackEvent("select-tool", { source, id: "arrow" });
+        }
+      },
+      {
+        id: "line",
+        label: "tool.line",
+        readonlyOk: false,
+        icon: "tool-line",
+        kbd: "l",
+        onSelect(source) {
+          editor.setCurrentTool("line");
+          trackEvent("select-tool", { source, id: "line" });
+        }
+      },
+      {
+        id: "frame",
+        label: "tool.frame",
+        readonlyOk: false,
+        icon: "tool-frame",
+        kbd: "f",
+        onSelect(source) {
+          editor.setCurrentTool("frame");
+          trackEvent("select-tool", { source, id: "frame" });
+        }
+      },
+      {
+        id: "text",
+        label: "tool.text",
+        readonlyOk: false,
+        icon: "tool-text",
+        kbd: "t",
+        onSelect(source) {
+          editor.setCurrentTool("text");
+          trackEvent("select-tool", { source, id: "text" });
+        }
+      },
+      {
+        id: "asset",
+        label: "tool.asset",
+        readonlyOk: false,
+        icon: "tool-media",
+        kbd: "$u",
+        onSelect(source) {
+          insertMedia();
+          trackEvent("select-tool", { source, id: "media" });
+        }
+      },
+      {
+        id: "note",
+        label: "tool.note",
+        readonlyOk: false,
+        icon: "tool-note",
+        kbd: "n",
+        onSelect(source) {
+          editor.setCurrentTool("note");
+          trackEvent("select-tool", { source, id: "note" });
+        }
+      },
+      {
+        id: "laser",
+        label: "tool.laser",
+        readonlyOk: true,
+        icon: "tool-laser",
+        kbd: "k",
+        onSelect(source) {
+          editor.setCurrentTool("laser");
+          trackEvent("select-tool", { source, id: "laser" });
+        }
+      },
+      {
+        id: "embed",
+        label: "tool.embed",
+        readonlyOk: false,
+        icon: "tool-embed",
+        onSelect(source) {
+          addDialog({ component: import_EmbedDialog.EmbedDialog });
+          trackEvent("select-tool", { source, id: "embed" });
+        }
+      }
+    ];
+    toolsArray.push({
+      id: "highlight",
+      label: "tool.highlight",
+      readonlyOk: true,
+      icon: "tool-highlight",
+      // TODO: pick a better shortcut
+      kbd: "!d",
+      onSelect(source) {
+        editor.setCurrentTool("highlight");
+        trackEvent("select-tool", { source, id: "highlight" });
+      }
+    });
+    const tools2 = Object.fromEntries(toolsArray.map((t) => [t.id, t]));
+    if (overrides) {
+      return overrides(editor, tools2, { insertMedia });
+    }
+    return tools2;
+  }, [overrides, editor, trackEvent, insertMedia, addDialog]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToolsContext.Provider, { value: tools, children });
+}
+function useTools() {
+  const ctx = React.useContext(ToolsContext);
+  if (!ctx) {
+    throw new Error("useTools must be used within a ToolProvider");
+  }
+  return ctx;
+}
+//# sourceMappingURL=useTools.js.map

package/dist-cjs/lib/ui/hooks/useTools.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/ui/hooks/useTools.tsx"],
+  "sourcesContent": ["import { Editor, GeoShapeGeoStyle, useEditor } from '@bigbluebutton/editor'\nimport * as React from 'react'\nimport { EmbedDialog } from '../components/EmbedDialog'\nimport { TLUiIconType } from '../icon-types'\nimport { useDialogs } from './useDialogsProvider'\nimport { TLUiEventSource, useUiEvents } from './useEventsProvider'\nimport { useInsertMedia } from './useInsertMedia'\nimport { TLUiTranslationKey } from './useTranslation/TLUiTranslationKey'\n\n/** @public */\nexport interface TLUiToolItem<\n\tTranslationKey extends string = string,\n\tIconType extends string = string\n> {\n\tid: string\n\tlabel: TranslationKey\n\tshortcutsLabel?: TranslationKey\n\ticon: IconType\n\tonSelect: (source: TLUiEventSource) => void\n\tkbd?: string\n\treadonlyOk: boolean\n\tmeta?: {\n\t\t[key: string]: any\n\t}\n}\n\n/** @public */\nexport type TLUiToolsContextType = Record<string, TLUiToolItem>\n\n/** @internal */\nexport const ToolsContext = React.createContext({} as TLUiToolsContextType)\n\n/** @public */\nexport type TLUiToolsProviderProps = {\n\toverrides?: (\n\t\teditor: Editor,\n\t\ttools: TLUiToolsContextType,\n\t\thelpers: { insertMedia: () => void }\n\t) => TLUiToolsContextType\n\tchildren: any\n}\n\n/** @internal */\nexport function ToolsProvider({ overrides, children }: TLUiToolsProviderProps) {\n\tconst editor = useEditor()\n\tconst trackEvent = useUiEvents()\n\n\tconst { addDialog } = useDialogs()\n\tconst insertMedia = useInsertMedia()\n\n\tconst tools = React.useMemo<TLUiToolsContextType>(() => {\n\t\tconst toolsArray: TLUiToolItem<TLUiTranslationKey, TLUiIconType>[] = [\n\t\t\t{\n\t\t\t\tid: 'select',\n\t\t\t\tlabel: 'tool.select',\n\t\t\t\ticon: 'tool-pointer',\n\t\t\t\tkbd: 'v',\n\t\t\t\treadonlyOk: true,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\teditor.setCurrentTool('select')\n\t\t\t\t\ttrackEvent('select-tool', { source, id: 'select' })\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'hand',\n\t\t\t\tlabel: 'tool.hand',\n\t\t\t\ticon: 'tool-hand',\n\t\t\t\tkbd: 'h',\n\t\t\t\treadonlyOk: true,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\teditor.setCurrentTool('hand')\n\t\t\t\t\ttrackEvent('select-tool', { source, id: 'hand' })\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'eraser',\n\t\t\t\tlabel: 'tool.eraser',\n\t\t\t\ticon: 'tool-eraser',\n\t\t\t\tkbd: 'e',\n\t\t\t\treadonlyOk: false,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\teditor.setCurrentTool('eraser')\n\t\t\t\t\ttrackEvent('select-tool', { source, id: 'eraser' })\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'draw',\n\t\t\t\tlabel: 'tool.draw',\n\t\t\t\treadonlyOk: false,\n\t\t\t\ticon: 'tool-pencil',\n\t\t\t\tkbd: 'd,b,x',\n\t\t\t\tonSelect(source) {\n\t\t\t\t\teditor.setCurrentTool('draw')\n\t\t\t\t\ttrackEvent('select-tool', { source, id: 'draw' })\n\t\t\t\t},\n\t\t\t},\n\t\t\t...[...GeoShapeGeoStyle.values].map((id) => ({\n\t\t\t\tid,\n\t\t\t\tlabel: `tool.${id}` as TLUiTranslationKey,\n\t\t\t\treadonlyOk: false,\n\t\t\t\tmeta: {\n\t\t\t\t\tgeo: id,\n\t\t\t\t},\n\t\t\t\tkbd: id === 'rectangle' ? 'r' : id === 'ellipse' ? 'o' : undefined,\n\t\t\t\ticon: ('geo-' + id) as TLUiIconType,\n\t\t\t\tonSelect(source: TLUiEventSource) {\n\t\t\t\t\teditor.batch(() => {\n\t\t\t\t\t\teditor.updateInstanceState(\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tstylesForNextShape: {\n\t\t\t\t\t\t\t\t\t...editor.getInstanceState().stylesForNextShape,\n\t\t\t\t\t\t\t\t\t[GeoShapeGeoStyle.id]: id,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{ ephemeral: true }\n\t\t\t\t\t\t)\n\t\t\t\t\t\teditor.setCurrentTool('geo')\n\t\t\t\t\t\ttrackEvent('select-tool', { source, id: `geo-${id}` })\n\t\t\t\t\t})\n\t\t\t\t},\n\t\t\t})),\n\t\t\t{\n\t\t\t\tid: 'arrow',\n\t\t\t\tlabel: 'tool.arrow',\n\t\t\t\treadonlyOk: false,\n\t\t\t\ticon: 'tool-arrow',\n\t\t\t\tkbd: 'a',\n\t\t\t\tonSelect(source) {\n\t\t\t\t\teditor.setCurrentTool('arrow')\n\t\t\t\t\ttrackEvent('select-tool', { source, id: 'arrow' })\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'line',\n\t\t\t\tlabel: 'tool.line',\n\t\t\t\treadonlyOk: false,\n\t\t\t\ticon: 'tool-line',\n\t\t\t\tkbd: 'l',\n\t\t\t\tonSelect(source) {\n\t\t\t\t\teditor.setCurrentTool('line')\n\t\t\t\t\ttrackEvent('select-tool', { source, id: 'line' })\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'frame',\n\t\t\t\tlabel: 'tool.frame',\n\t\t\t\treadonlyOk: false,\n\t\t\t\ticon: 'tool-frame',\n\t\t\t\tkbd: 'f',\n\t\t\t\tonSelect(source) {\n\t\t\t\t\teditor.setCurrentTool('frame')\n\t\t\t\t\ttrackEvent('select-tool', { source, id: 'frame' })\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'text',\n\t\t\t\tlabel: 'tool.text',\n\t\t\t\treadonlyOk: false,\n\t\t\t\ticon: 'tool-text',\n\t\t\t\tkbd: 't',\n\t\t\t\tonSelect(source) {\n\t\t\t\t\teditor.setCurrentTool('text')\n\t\t\t\t\ttrackEvent('select-tool', { source, id: 'text' })\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'asset',\n\t\t\t\tlabel: 'tool.asset',\n\t\t\t\treadonlyOk: false,\n\t\t\t\ticon: 'tool-media',\n\t\t\t\tkbd: '$u',\n\t\t\t\tonSelect(source) {\n\t\t\t\t\tinsertMedia()\n\t\t\t\t\ttrackEvent('select-tool', { source, id: 'media' })\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'note',\n\t\t\t\tlabel: 'tool.note',\n\t\t\t\treadonlyOk: false,\n\t\t\t\ticon: 'tool-note',\n\t\t\t\tkbd: 'n',\n\t\t\t\tonSelect(source) {\n\t\t\t\t\teditor.setCurrentTool('note')\n\t\t\t\t\ttrackEvent('select-tool', { source, id: 'note' })\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'laser',\n\t\t\t\tlabel: 'tool.laser',\n\t\t\t\treadonlyOk: true,\n\t\t\t\ticon: 'tool-laser',\n\t\t\t\tkbd: 'k',\n\t\t\t\tonSelect(source) {\n\t\t\t\t\teditor.setCurrentTool('laser')\n\t\t\t\t\ttrackEvent('select-tool', { source, id: 'laser' })\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'embed',\n\t\t\t\tlabel: 'tool.embed',\n\t\t\t\treadonlyOk: false,\n\t\t\t\ticon: 'tool-embed',\n\t\t\t\tonSelect(source) {\n\t\t\t\t\taddDialog({ component: EmbedDialog })\n\t\t\t\t\ttrackEvent('select-tool', { source, id: 'embed' })\n\t\t\t\t},\n\t\t\t},\n\t\t]\n\n\t\ttoolsArray.push({\n\t\t\tid: 'highlight',\n\t\t\tlabel: 'tool.highlight',\n\t\t\treadonlyOk: true,\n\t\t\ticon: 'tool-highlight',\n\t\t\t// TODO: pick a better shortcut\n\t\t\tkbd: '!d',\n\t\t\tonSelect(source) {\n\t\t\t\teditor.setCurrentTool('highlight')\n\t\t\t\ttrackEvent('select-tool', { source, id: 'highlight' })\n\t\t\t},\n\t\t})\n\n\t\tconst tools = Object.fromEntries(toolsArray.map((t) => [t.id, t]))\n\n\t\tif (overrides) {\n\t\t\treturn overrides(editor, tools, { insertMedia })\n\t\t}\n\n\t\treturn tools\n\t}, [overrides, editor, trackEvent, insertMedia, addDialog])\n\n\treturn <ToolsContext.Provider value={tools}>{children}</ToolsContext.Provider>\n}\n\n/** @public */\nexport function useTools() {\n\tconst ctx = React.useContext(ToolsContext)\n\n\tif (!ctx) {\n\t\tthrow new Error('useTools must be used within a ToolProvider')\n\t}\n\n\treturn ctx\n}\n"],
+  "mappings": "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",
+  "names": ["tools"]
+}

package/dist-cjs/lib/ui/hooks/useTranslation/TLUiTranslationKey.js

@@ -0,0 +1,17 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var TLUiTranslationKey_exports = {};
+module.exports = __toCommonJS(TLUiTranslationKey_exports);
+//# sourceMappingURL=TLUiTranslationKey.js.map

package/dist-cjs/lib/ui/hooks/useTranslation/TLUiTranslationKey.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/ui/hooks/useTranslation/TLUiTranslationKey.ts"],
+  "sourcesContent": ["// This file is automatically generated by scripts/refresh-assets.ts.\n// Do not edit manually.\n\n/** @public */\nexport type TLUiTranslationKey =\n\t| 'action.convert-to-bookmark'\n\t| 'action.convert-to-embed'\n\t| 'action.open-embed-link'\n\t| 'action.align-bottom'\n\t| 'action.align-center-horizontal'\n\t| 'action.align-center-vertical'\n\t| 'action.align-center-horizontal.short'\n\t| 'action.align-center-vertical.short'\n\t| 'action.align-left'\n\t| 'action.align-right'\n\t| 'action.align-top'\n\t| 'action.back-to-content'\n\t| 'action.bring-forward'\n\t| 'action.bring-to-front'\n\t| 'action.copy-as-json.short'\n\t| 'action.copy-as-json'\n\t| 'action.copy-as-png.short'\n\t| 'action.copy-as-png'\n\t| 'action.copy-as-svg.short'\n\t| 'action.copy-as-svg'\n\t| 'action.copy'\n\t| 'action.cut'\n\t| 'action.delete'\n\t| 'action.unlock-all'\n\t| 'action.distribute-horizontal'\n\t| 'action.distribute-vertical'\n\t| 'action.distribute-horizontal.short'\n\t| 'action.distribute-vertical.short'\n\t| 'action.duplicate'\n\t| 'action.edit-link'\n\t| 'action.exit-pen-mode'\n\t| 'action.export-as-json.short'\n\t| 'action.export-as-json'\n\t| 'action.export-as-png.short'\n\t| 'action.export-as-png'\n\t| 'action.export-as-svg.short'\n\t| 'action.export-as-svg'\n\t| 'action.fit-frame-to-content'\n\t| 'action.flip-horizontal'\n\t| 'action.flip-vertical'\n\t| 'action.flip-horizontal.short'\n\t| 'action.flip-vertical.short'\n\t| 'action.fork-project'\n\t| 'action.group'\n\t| 'action.insert-embed'\n\t| 'action.insert-media'\n\t| 'action.leave-shared-project'\n\t| 'action.new-project'\n\t| 'action.new-shared-project'\n\t| 'action.open-cursor-chat'\n\t| 'action.open-file'\n\t| 'action.pack'\n\t| 'action.paste'\n\t| 'action.print'\n\t| 'action.redo'\n\t| 'action.remove-frame'\n\t| 'action.rotate-ccw'\n\t| 'action.rotate-cw'\n\t| 'action.save-copy'\n\t| 'action.select-all'\n\t| 'action.select-none'\n\t| 'action.send-backward'\n\t| 'action.send-to-back'\n\t| 'action.share-project'\n\t| 'action.stack-horizontal'\n\t| 'action.stack-vertical'\n\t| 'action.stack-horizontal.short'\n\t| 'action.stack-vertical.short'\n\t| 'action.stop-following'\n\t| 'action.stretch-horizontal'\n\t| 'action.stretch-vertical'\n\t| 'action.stretch-horizontal.short'\n\t| 'action.stretch-vertical.short'\n\t| 'action.toggle-auto-size'\n\t| 'action.toggle-dark-mode.menu'\n\t| 'action.toggle-dark-mode'\n\t| 'action.toggle-reduce-motion.menu'\n\t| 'action.toggle-reduce-motion'\n\t| 'action.toggle-debug-mode.menu'\n\t| 'action.toggle-debug-mode'\n\t| 'action.toggle-focus-mode.menu'\n\t| 'action.toggle-focus-mode'\n\t| 'action.toggle-grid.menu'\n\t| 'action.toggle-grid'\n\t| 'action.toggle-lock'\n\t| 'action.toggle-snap-mode.menu'\n\t| 'action.toggle-snap-mode'\n\t| 'action.toggle-tool-lock.menu'\n\t| 'action.toggle-tool-lock'\n\t| 'action.toggle-transparent.context-menu'\n\t| 'action.toggle-transparent.menu'\n\t| 'action.toggle-transparent'\n\t| 'action.undo'\n\t| 'action.ungroup'\n\t| 'action.zoom-in'\n\t| 'action.zoom-out'\n\t| 'action.zoom-to-100'\n\t| 'action.zoom-to-fit'\n\t| 'action.zoom-to-selection'\n\t| 'color-style.black'\n\t| 'color-style.blue'\n\t| 'color-style.green'\n\t| 'color-style.grey'\n\t| 'color-style.light-blue'\n\t| 'color-style.light-green'\n\t| 'color-style.light-red'\n\t| 'color-style.light-violet'\n\t| 'color-style.orange'\n\t| 'color-style.red'\n\t| 'color-style.violet'\n\t| 'color-style.yellow'\n\t| 'fill-style.none'\n\t| 'fill-style.semi'\n\t| 'fill-style.solid'\n\t| 'fill-style.pattern'\n\t| 'dash-style.dashed'\n\t| 'dash-style.dotted'\n\t| 'dash-style.draw'\n\t| 'dash-style.solid'\n\t| 'size-style.s'\n\t| 'size-style.m'\n\t| 'size-style.l'\n\t| 'size-style.xl'\n\t| 'opacity-style.0.1'\n\t| 'opacity-style.0.25'\n\t| 'opacity-style.0.5'\n\t| 'opacity-style.0.75'\n\t| 'opacity-style.1'\n\t| 'font-style.draw'\n\t| 'font-style.sans'\n\t| 'font-style.serif'\n\t| 'font-style.mono'\n\t| 'align-style.start'\n\t| 'align-style.middle'\n\t| 'align-style.end'\n\t| 'align-style.justify'\n\t| 'geo-style.arrow-down'\n\t| 'geo-style.arrow-left'\n\t| 'geo-style.arrow-right'\n\t| 'geo-style.arrow-up'\n\t| 'geo-style.diamond'\n\t| 'geo-style.ellipse'\n\t| 'geo-style.hexagon'\n\t| 'geo-style.octagon'\n\t| 'geo-style.oval'\n\t| 'geo-style.cloud'\n\t| 'geo-style.pentagon'\n\t| 'geo-style.rectangle'\n\t| 'geo-style.rhombus-2'\n\t| 'geo-style.rhombus'\n\t| 'geo-style.star'\n\t| 'geo-style.trapezoid'\n\t| 'geo-style.triangle'\n\t| 'geo-style.x-box'\n\t| 'geo-style.check-box'\n\t| 'arrowheadStart-style.none'\n\t| 'arrowheadStart-style.arrow'\n\t| 'arrowheadStart-style.bar'\n\t| 'arrowheadStart-style.diamond'\n\t| 'arrowheadStart-style.dot'\n\t| 'arrowheadStart-style.inverted'\n\t| 'arrowheadStart-style.pipe'\n\t| 'arrowheadStart-style.square'\n\t| 'arrowheadStart-style.triangle'\n\t| 'arrowheadEnd-style.none'\n\t| 'arrowheadEnd-style.arrow'\n\t| 'arrowheadEnd-style.bar'\n\t| 'arrowheadEnd-style.diamond'\n\t| 'arrowheadEnd-style.dot'\n\t| 'arrowheadEnd-style.inverted'\n\t| 'arrowheadEnd-style.pipe'\n\t| 'arrowheadEnd-style.square'\n\t| 'arrowheadEnd-style.triangle'\n\t| 'spline-style.line'\n\t| 'spline-style.cubic'\n\t| 'tool.select'\n\t| 'tool.hand'\n\t| 'tool.draw'\n\t| 'tool.eraser'\n\t| 'tool.arrow-down'\n\t| 'tool.arrow-left'\n\t| 'tool.arrow-right'\n\t| 'tool.arrow-up'\n\t| 'tool.arrow'\n\t| 'tool.cloud'\n\t| 'tool.diamond'\n\t| 'tool.ellipse'\n\t| 'tool.hexagon'\n\t| 'tool.highlight'\n\t| 'tool.line'\n\t| 'tool.octagon'\n\t| 'tool.oval'\n\t| 'tool.pentagon'\n\t| 'tool.rectangle'\n\t| 'tool.rhombus'\n\t| 'tool.star'\n\t| 'tool.trapezoid'\n\t| 'tool.triangle'\n\t| 'tool.x-box'\n\t| 'tool.check-box'\n\t| 'tool.asset'\n\t| 'tool.frame'\n\t| 'tool.note'\n\t| 'tool.laser'\n\t| 'tool.embed'\n\t| 'tool.text'\n\t| 'menu.title'\n\t| 'menu.copy-as'\n\t| 'menu.edit'\n\t| 'menu.export-as'\n\t| 'menu.file'\n\t| 'menu.language'\n\t| 'menu.preferences'\n\t| 'menu.view'\n\t| 'context-menu.arrange'\n\t| 'context-menu.copy-as'\n\t| 'context-menu.export-as'\n\t| 'context-menu.move-to-page'\n\t| 'context-menu.reorder'\n\t| 'page-menu.title'\n\t| 'page-menu.create-new-page'\n\t| 'page-menu.max-page-count-reached'\n\t| 'page-menu.new-page-initial-name'\n\t| 'page-menu.edit-start'\n\t| 'page-menu.edit-done'\n\t| 'page-menu.go-to-page'\n\t| 'page-menu.submenu.rename'\n\t| 'page-menu.submenu.duplicate-page'\n\t| 'page-menu.submenu.title'\n\t| 'page-menu.submenu.move-down'\n\t| 'page-menu.submenu.move-up'\n\t| 'page-menu.submenu.delete'\n\t| 'share-menu.title'\n\t| 'share-menu.save-note'\n\t| 'share-menu.fork-note'\n\t| 'share-menu.share-project'\n\t| 'share-menu.default-project-name'\n\t| 'share-menu.copy-link'\n\t| 'share-menu.readonly-link'\n\t| 'share-menu.create-snapshot-link'\n\t| 'share-menu.snapshot-link-note'\n\t| 'share-menu.copy-readonly-link'\n\t| 'share-menu.offline-note'\n\t| 'share-menu.copy-link-note'\n\t| 'share-menu.copy-readonly-link-note'\n\t| 'share-menu.project-too-large'\n\t| 'share-menu.upload-failed'\n\t| 'status.offline'\n\t| 'status.online'\n\t| 'people-menu.title'\n\t| 'people-menu.change-name'\n\t| 'people-menu.change-color'\n\t| 'people-menu.follow'\n\t| 'people-menu.following'\n\t| 'people-menu.leading'\n\t| 'people-menu.user'\n\t| 'people-menu.invite'\n\t| 'help-menu.title'\n\t| 'help-menu.about'\n\t| 'help-menu.discord'\n\t| 'help-menu.github'\n\t| 'help-menu.keyboard-shortcuts'\n\t| 'help-menu.twitter'\n\t| 'actions-menu.title'\n\t| 'edit-link-dialog.title'\n\t| 'edit-link-dialog.invalid-url'\n\t| 'edit-link-dialog.detail'\n\t| 'edit-link-dialog.url'\n\t| 'edit-link-dialog.clear'\n\t| 'edit-link-dialog.save'\n\t| 'edit-link-dialog.cancel'\n\t| 'embed-dialog.title'\n\t| 'embed-dialog.back'\n\t| 'embed-dialog.create'\n\t| 'embed-dialog.cancel'\n\t| 'embed-dialog.url'\n\t| 'embed-dialog.instruction'\n\t| 'embed-dialog.invalid-url'\n\t| 'edit-pages-dialog.move-down'\n\t| 'edit-pages-dialog.move-up'\n\t| 'shortcuts-dialog.title'\n\t| 'shortcuts-dialog.edit'\n\t| 'shortcuts-dialog.file'\n\t| 'shortcuts-dialog.preferences'\n\t| 'shortcuts-dialog.tools'\n\t| 'shortcuts-dialog.transform'\n\t| 'shortcuts-dialog.view'\n\t| 'shortcuts-dialog.collaboration'\n\t| 'home-project-dialog.title'\n\t| 'home-project-dialog.description'\n\t| 'rename-project-dialog.title'\n\t| 'rename-project-dialog.cancel'\n\t| 'rename-project-dialog.rename'\n\t| 'home-project-dialog.ok'\n\t| 'style-panel.title'\n\t| 'style-panel.align'\n\t| 'style-panel.vertical-align'\n\t| 'style-panel.position'\n\t| 'style-panel.arrowheads'\n\t| 'style-panel.arrowhead-start'\n\t| 'style-panel.arrowhead-end'\n\t| 'style-panel.color'\n\t| 'style-panel.dash'\n\t| 'style-panel.fill'\n\t| 'style-panel.font'\n\t| 'style-panel.geo'\n\t| 'style-panel.mixed'\n\t| 'style-panel.opacity'\n\t| 'style-panel.size'\n\t| 'style-panel.spline'\n\t| 'tool-panel.drawing'\n\t| 'tool-panel.shapes'\n\t| 'tool-panel.more'\n\t| 'debug-panel.more'\n\t| 'navigation-zone.toggle-minimap'\n\t| 'navigation-zone.zoom'\n\t| 'focus-mode.toggle-focus-mode'\n\t| 'toast.close'\n\t| 'file-system.file-open-error.title'\n\t| 'file-system.file-open-error.not-a-tldraw-file'\n\t| 'file-system.file-open-error.file-format-version-too-new'\n\t| 'file-system.file-open-error.generic-corrupted-file'\n\t| 'file-system.confirm-open.title'\n\t| 'file-system.confirm-open.description'\n\t| 'file-system.confirm-open.cancel'\n\t| 'file-system.confirm-open.open'\n\t| 'file-system.confirm-open.dont-show-again'\n\t| 'file-system.confirm-clear.title'\n\t| 'file-system.confirm-clear.description'\n\t| 'file-system.confirm-clear.cancel'\n\t| 'file-system.confirm-clear.continue'\n\t| 'file-system.confirm-clear.dont-show-again'\n\t| 'file-system.shared-document-file-open-error.title'\n\t| 'file-system.shared-document-file-open-error.description'\n\t| 'sharing.confirm-leave.title'\n\t| 'sharing.confirm-leave.description'\n\t| 'sharing.confirm-leave.cancel'\n\t| 'sharing.confirm-leave.leave'\n\t| 'sharing.confirm-leave.dont-show-again'\n\t| 'toast.error.export-fail.title'\n\t| 'toast.error.export-fail.desc'\n\t| 'toast.error.copy-fail.title'\n\t| 'toast.error.copy-fail.desc'\n\t| 'context.pages.new-page'\n\t| 'vscode.file-open.desc'\n\t| 'vscode.file-open.open'\n\t| 'vscode.file-open.backup'\n\t| 'vscode.file-open.backup-saved'\n\t| 'vscode.file-open.backup-failed'\n\t| 'vscode.file-open.dont-show-again'\n\t| 'cursor-chat.type-to-chat'\n"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;",
+  "names": []
+}