@bigbluebutton/tldraw 2.0.0-alpha.19

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

@@ -0,0 +1,36 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useHasLinkShapeSelected_exports = {};
+__export(useHasLinkShapeSelected_exports, {
+  useHasLinkShapeSelected: () => useHasLinkShapeSelected
+});
+module.exports = __toCommonJS(useHasLinkShapeSelected_exports);
+var import_editor = require("@bigbluebutton/editor");
+function useHasLinkShapeSelected() {
+  const editor = (0, import_editor.useEditor)();
+  return (0, import_editor.useValue)(
+    "hasLinkShapeSelected",
+    () => {
+      const selectedShapes = editor.getSelectedShapes();
+      return selectedShapes.length === 1 && "url" in selectedShapes[0].props && selectedShapes[0].type !== "embed";
+    },
+    [editor]
+  );
+}
+//# sourceMappingURL=useHasLinkShapeSelected.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/ui/hooks/useHasLinkShapeSelected.ts"],
+  "sourcesContent": ["import { useEditor, useValue } from '@bigbluebutton/editor'\n\nexport function useHasLinkShapeSelected() {\n\tconst editor = useEditor()\n\treturn useValue(\n\t\t'hasLinkShapeSelected',\n\t\t() => {\n\t\t\tconst selectedShapes = editor.getSelectedShapes()\n\t\t\treturn (\n\t\t\t\tselectedShapes.length === 1 &&\n\t\t\t\t'url' in selectedShapes[0].props &&\n\t\t\t\tselectedShapes[0].type !== 'embed'\n\t\t\t)\n\t\t},\n\t\t[editor]\n\t)\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAoC;AAE7B,SAAS,0BAA0B;AACzC,QAAM,aAAS,yBAAU;AACzB,aAAO;AAAA,IACN;AAAA,IACA,MAAM;AACL,YAAM,iBAAiB,OAAO,kBAAkB;AAChD,aACC,eAAe,WAAW,KAC1B,SAAS,eAAe,CAAC,EAAE,SAC3B,eAAe,CAAC,EAAE,SAAS;AAAA,IAE7B;AAAA,IACA,CAAC,MAAM;AAAA,EACR;AACD;",
+  "names": []
+}

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

@@ -0,0 +1,103 @@
+"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 useHelpMenuSchema_exports = {};
+__export(useHelpMenuSchema_exports, {
+  HelpMenuSchemaContext: () => HelpMenuSchemaContext,
+  HelpMenuSchemaProvider: () => HelpMenuSchemaProvider,
+  useHelpMenuSchema: () => useHelpMenuSchema
+});
+module.exports = __toCommonJS(useHelpMenuSchema_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_editor = require("@bigbluebutton/editor");
+var import_react = __toESM(require("react"));
+var import_KeyboardShortcutsDialog = require("../components/KeyboardShortcutsDialog");
+var import_menuHelpers = require("./menuHelpers");
+var import_useActions = require("./useActions");
+var import_useDialogsProvider = require("./useDialogsProvider");
+var import_useLanguages = require("./useTranslation/useLanguages");
+const HelpMenuSchemaContext = import_react.default.createContext({});
+const HelpMenuSchemaProvider = (0, import_editor.track)(function HelpMenuSchemaProvider2({
+  overrides,
+  children
+}) {
+  const editor = (0, import_editor.useEditor)();
+  const actions = (0, import_useActions.useActions)();
+  const selectedCount = editor.getSelectedShapeIds().length;
+  const oneSelected = selectedCount > 0;
+  const twoSelected = selectedCount > 1;
+  const threeSelected = selectedCount > 2;
+  const { languages, currentLanguage } = (0, import_useLanguages.useLanguages)();
+  const { addDialog } = (0, import_useDialogsProvider.useDialogs)();
+  const helpTLUiMenuSchema = (0, import_react.useMemo)(() => {
+    const helpTLUiMenuSchema2 = (0, import_editor.compact)([
+      (0, import_menuHelpers.menuGroup)(
+        "top",
+        (0, import_menuHelpers.menuCustom)("LANGUAGE_MENU", { readonlyOk: true }),
+        (0, import_menuHelpers.menuItem)({
+          id: "keyboard-shortcuts",
+          label: "help-menu.keyboard-shortcuts",
+          readonlyOk: true,
+          onSelect() {
+            addDialog({ component: import_KeyboardShortcutsDialog.KeyboardShortcutsDialog });
+          }
+        })
+      )
+    ]);
+    if (overrides) {
+      return overrides(editor, helpTLUiMenuSchema2, {
+        actions,
+        currentLanguage,
+        languages,
+        oneSelected,
+        twoSelected,
+        threeSelected
+      });
+    }
+    return helpTLUiMenuSchema2;
+  }, [
+    editor,
+    overrides,
+    languages,
+    actions,
+    oneSelected,
+    twoSelected,
+    threeSelected,
+    currentLanguage,
+    addDialog
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HelpMenuSchemaContext.Provider, { value: helpTLUiMenuSchema, children });
+});
+function useHelpMenuSchema() {
+  const ctx = import_react.default.useContext(HelpMenuSchemaContext);
+  if (!ctx) {
+    throw new Error("useHelpMenuSchema must be used inside of a helpTLUiMenuSchemaProvider.");
+  }
+  return ctx;
+}
+//# sourceMappingURL=useHelpMenuSchema.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/ui/hooks/useHelpMenuSchema.tsx"],
+  "sourcesContent": ["import { Editor, TLLanguage, compact, track, useEditor } from '@bigbluebutton/editor'\nimport React, { useMemo } from 'react'\nimport { KeyboardShortcutsDialog } from '../components/KeyboardShortcutsDialog'\nimport { TLUiMenuSchema, menuCustom, menuGroup, menuItem } from './menuHelpers'\nimport { useActions } from './useActions'\nimport { useDialogs } from './useDialogsProvider'\nimport { useLanguages } from './useTranslation/useLanguages'\n\n/** @public */\nexport type TLUiHelpMenuSchemaContextType = TLUiMenuSchema\n\n/** @internal */\nexport const HelpMenuSchemaContext = React.createContext({} as TLUiHelpMenuSchemaContextType)\n\n/** @public */\nexport type TLUiHelpMenuSchemaProviderProps = {\n\toverrides?: (\n\t\teditor: Editor,\n\t\tschema: TLUiHelpMenuSchemaContextType,\n\t\thelpers: {\n\t\t\tactions: ReturnType<typeof useActions>\n\t\t\tlanguages: readonly TLLanguage[]\n\t\t\tcurrentLanguage: string\n\t\t\toneSelected: boolean\n\t\t\ttwoSelected: boolean\n\t\t\tthreeSelected: boolean\n\t\t}\n\t) => TLUiHelpMenuSchemaContextType\n\tchildren: any\n}\n\n/** @internal */\nexport const HelpMenuSchemaProvider = track(function HelpMenuSchemaProvider({\n\toverrides,\n\tchildren,\n}: TLUiHelpMenuSchemaProviderProps) {\n\tconst editor = useEditor()\n\tconst actions = useActions()\n\n\tconst selectedCount = editor.getSelectedShapeIds().length\n\n\tconst oneSelected = selectedCount > 0\n\tconst twoSelected = selectedCount > 1\n\tconst threeSelected = selectedCount > 2\n\n\tconst { languages, currentLanguage } = useLanguages()\n\tconst { addDialog } = useDialogs()\n\n\tconst helpTLUiMenuSchema = useMemo<TLUiMenuSchema>(() => {\n\t\tconst helpTLUiMenuSchema = compact([\n\t\t\tmenuGroup(\n\t\t\t\t'top',\n\t\t\t\tmenuCustom('LANGUAGE_MENU', { readonlyOk: true }),\n\t\t\t\tmenuItem({\n\t\t\t\t\tid: 'keyboard-shortcuts',\n\t\t\t\t\tlabel: 'help-menu.keyboard-shortcuts',\n\t\t\t\t\treadonlyOk: true,\n\t\t\t\t\tonSelect() {\n\t\t\t\t\t\taddDialog({ component: KeyboardShortcutsDialog })\n\t\t\t\t\t},\n\t\t\t\t})\n\t\t\t),\n\t\t])\n\n\t\tif (overrides) {\n\t\t\treturn overrides(editor, helpTLUiMenuSchema, {\n\t\t\t\tactions,\n\t\t\t\tcurrentLanguage,\n\t\t\t\tlanguages,\n\t\t\t\toneSelected,\n\t\t\t\ttwoSelected,\n\t\t\t\tthreeSelected,\n\t\t\t})\n\t\t}\n\n\t\treturn helpTLUiMenuSchema\n\t}, [\n\t\teditor,\n\t\toverrides,\n\t\tlanguages,\n\t\tactions,\n\t\toneSelected,\n\t\ttwoSelected,\n\t\tthreeSelected,\n\t\tcurrentLanguage,\n\t\taddDialog,\n\t])\n\n\treturn (\n\t\t<HelpMenuSchemaContext.Provider value={helpTLUiMenuSchema}>\n\t\t\t{children}\n\t\t</HelpMenuSchemaContext.Provider>\n\t)\n})\n\n/** @public */\nexport function useHelpMenuSchema(): TLUiMenuSchema {\n\tconst ctx = React.useContext(HelpMenuSchemaContext)\n\n\tif (!ctx) {\n\t\tthrow new Error('useHelpMenuSchema must be used inside of a helpTLUiMenuSchemaProvider.')\n\t}\n\n\treturn ctx\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyFE;AAzFF,oBAA8D;AAC9D,mBAA+B;AAC/B,qCAAwC;AACxC,yBAAgE;AAChE,wBAA2B;AAC3B,gCAA2B;AAC3B,0BAA6B;AAMtB,MAAM,wBAAwB,aAAAA,QAAM,cAAc,CAAC,CAAkC;AAoBrF,MAAM,6BAAyB,qBAAM,SAASC,wBAAuB;AAAA,EAC3E;AAAA,EACA;AACD,GAAoC;AACnC,QAAM,aAAS,yBAAU;AACzB,QAAM,cAAU,8BAAW;AAE3B,QAAM,gBAAgB,OAAO,oBAAoB,EAAE;AAEnD,QAAM,cAAc,gBAAgB;AACpC,QAAM,cAAc,gBAAgB;AACpC,QAAM,gBAAgB,gBAAgB;AAEtC,QAAM,EAAE,WAAW,gBAAgB,QAAI,kCAAa;AACpD,QAAM,EAAE,UAAU,QAAI,sCAAW;AAEjC,QAAM,yBAAqB,sBAAwB,MAAM;AACxD,UAAMC,0BAAqB,uBAAQ;AAAA,UAClC;AAAA,QACC;AAAA,YACA,+BAAW,iBAAiB,EAAE,YAAY,KAAK,CAAC;AAAA,YAChD,6BAAS;AAAA,UACR,IAAI;AAAA,UACJ,OAAO;AAAA,UACP,YAAY;AAAA,UACZ,WAAW;AACV,sBAAU,EAAE,WAAW,uDAAwB,CAAC;AAAA,UACjD;AAAA,QACD,CAAC;AAAA,MACF;AAAA,IACD,CAAC;AAED,QAAI,WAAW;AACd,aAAO,UAAU,QAAQA,qBAAoB;AAAA,QAC5C;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACD,CAAC;AAAA,IACF;AAEA,WAAOA;AAAA,EACR,GAAG;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,CAAC;AAED,SACC,4CAAC,sBAAsB,UAAtB,EAA+B,OAAO,oBACrC,UACF;AAEF,CAAC;AAGM,SAAS,oBAAoC;AACnD,QAAM,MAAM,aAAAF,QAAM,WAAW,qBAAqB;AAElD,MAAI,CAAC,KAAK;AACT,UAAM,IAAI,MAAM,wEAAwE;AAAA,EACzF;AAEA,SAAO;AACR;",
+  "names": ["React", "HelpMenuSchemaProvider", "helpTLUiMenuSchema"]
+}

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

@@ -0,0 +1,35 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useHighDpiCanvas_exports = {};
+__export(useHighDpiCanvas_exports, {
+  useHighDpiCanvas: () => useHighDpiCanvas
+});
+module.exports = __toCommonJS(useHighDpiCanvas_exports);
+var import_react = require("react");
+function useHighDpiCanvas(ref, dpr) {
+  (0, import_react.useLayoutEffect)(() => {
+    const canvas = ref.current;
+    if (!canvas)
+      return;
+    const rect = canvas.getBoundingClientRect();
+    canvas.width = rect.width * dpr;
+    canvas.height = rect.height * dpr;
+  }, [ref, dpr]);
+}
+//# sourceMappingURL=useHighDpiCanvas.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/ui/hooks/useHighDpiCanvas.ts"],
+  "sourcesContent": ["import { useLayoutEffect } from 'react'\n\n/** @internal */\nexport function useHighDpiCanvas(ref: React.RefObject<HTMLCanvasElement>, dpr: number) {\n\t// Match the resolution of the client\n\tuseLayoutEffect(() => {\n\t\tconst canvas = ref.current\n\t\tif (!canvas) return\n\n\t\tconst rect = canvas.getBoundingClientRect()\n\t\tcanvas.width = rect.width * dpr\n\t\tcanvas.height = rect.height * dpr\n\t}, [ref, dpr])\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAGzB,SAAS,iBAAiB,KAAyC,KAAa;AAEtF,oCAAgB,MAAM;AACrB,UAAM,SAAS,IAAI;AACnB,QAAI,CAAC;AAAQ;AAEb,UAAM,OAAO,OAAO,sBAAsB;AAC1C,WAAO,QAAQ,KAAK,QAAQ;AAC5B,WAAO,SAAS,KAAK,SAAS;AAAA,EAC/B,GAAG,CAAC,KAAK,GAAG,CAAC;AACd;",
+  "names": []
+}

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

@@ -0,0 +1,57 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useInsertMedia_exports = {};
+__export(useInsertMedia_exports, {
+  useInsertMedia: () => useInsertMedia
+});
+module.exports = __toCommonJS(useInsertMedia_exports);
+var import_editor = require("@bigbluebutton/editor");
+var import_react = require("react");
+function useInsertMedia() {
+  const editor = (0, import_editor.useEditor)();
+  const inputRef = (0, import_react.useRef)();
+  (0, import_react.useEffect)(() => {
+    const input = window.document.createElement("input");
+    input.type = "file";
+    input.accept = "image/jpeg,image/png,image/gif,image/svg+xml,video/mp4,video/quicktime";
+    input.multiple = true;
+    inputRef.current = input;
+    async function onchange(e) {
+      const fileList = e.target.files;
+      if (!fileList || fileList.length === 0)
+        return;
+      await editor.putExternalContent({
+        type: "files",
+        files: Array.from(fileList),
+        point: editor.getViewportPageBounds().center,
+        ignoreParent: false
+      });
+      input.value = "";
+    }
+    input.addEventListener("change", onchange);
+    return () => {
+      inputRef.current = void 0;
+      input.removeEventListener("change", onchange);
+    };
+  }, [editor]);
+  return (0, import_react.useCallback)(() => {
+    inputRef.current?.click();
+  }, [inputRef]);
+}
+//# sourceMappingURL=useInsertMedia.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/ui/hooks/useInsertMedia.ts"],
+  "sourcesContent": ["import { useEditor } from '@bigbluebutton/editor'\nimport { useCallback, useEffect, useRef } from 'react'\n\nexport function useInsertMedia() {\n\tconst editor = useEditor()\n\tconst inputRef = useRef<HTMLInputElement>()\n\n\tuseEffect(() => {\n\t\tconst input = window.document.createElement('input')\n\t\tinput.type = 'file'\n\t\tinput.accept = 'image/jpeg,image/png,image/gif,image/svg+xml,video/mp4,video/quicktime'\n\t\tinput.multiple = true\n\t\tinputRef.current = input\n\t\tasync function onchange(e: Event) {\n\t\t\tconst fileList = (e.target as HTMLInputElement).files\n\t\t\tif (!fileList || fileList.length === 0) return\n\t\t\tawait editor.putExternalContent({\n\t\t\t\ttype: 'files',\n\t\t\t\tfiles: Array.from(fileList),\n\t\t\t\tpoint: editor.getViewportPageBounds().center,\n\t\t\t\tignoreParent: false,\n\t\t\t})\n\t\t\tinput.value = ''\n\t\t}\n\t\tinput.addEventListener('change', onchange)\n\t\treturn () => {\n\t\t\tinputRef.current = undefined\n\t\t\tinput.removeEventListener('change', onchange)\n\t\t}\n\t}, [editor])\n\n\treturn useCallback(() => {\n\t\tinputRef.current?.click()\n\t}, [inputRef])\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA0B;AAC1B,mBAA+C;AAExC,SAAS,iBAAiB;AAChC,QAAM,aAAS,yBAAU;AACzB,QAAM,eAAW,qBAAyB;AAE1C,8BAAU,MAAM;AACf,UAAM,QAAQ,OAAO,SAAS,cAAc,OAAO;AACnD,UAAM,OAAO;AACb,UAAM,SAAS;AACf,UAAM,WAAW;AACjB,aAAS,UAAU;AACnB,mBAAe,SAAS,GAAU;AACjC,YAAM,WAAY,EAAE,OAA4B;AAChD,UAAI,CAAC,YAAY,SAAS,WAAW;AAAG;AACxC,YAAM,OAAO,mBAAmB;AAAA,QAC/B,MAAM;AAAA,QACN,OAAO,MAAM,KAAK,QAAQ;AAAA,QAC1B,OAAO,OAAO,sBAAsB,EAAE;AAAA,QACtC,cAAc;AAAA,MACf,CAAC;AACD,YAAM,QAAQ;AAAA,IACf;AACA,UAAM,iBAAiB,UAAU,QAAQ;AACzC,WAAO,MAAM;AACZ,eAAS,UAAU;AACnB,YAAM,oBAAoB,UAAU,QAAQ;AAAA,IAC7C;AAAA,EACD,GAAG,CAAC,MAAM,CAAC;AAEX,aAAO,0BAAY,MAAM;AACxB,aAAS,SAAS,MAAM;AAAA,EACzB,GAAG,CAAC,QAAQ,CAAC;AACd;",
+  "names": []
+}

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

@@ -0,0 +1,138 @@
+"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 useKeyboardShortcuts_exports = {};
+__export(useKeyboardShortcuts_exports, {
+  useKeyboardShortcuts: () => useKeyboardShortcuts
+});
+module.exports = __toCommonJS(useKeyboardShortcuts_exports);
+var import_editor = require("@bigbluebutton/editor");
+var import_hotkeys_js = __toESM(require("hotkeys-js"));
+var import_react = require("react");
+var import_useActions = require("./useActions");
+var import_useReadonly = require("./useReadonly");
+var import_useTools = require("./useTools");
+const SKIP_KBDS = [
+  // we set these in useNativeClipboardEvents instead
+  "copy",
+  "cut",
+  "paste",
+  // There's also an upload asset action, so we don't want to set the kbd twice
+  "asset"
+];
+function useKeyboardShortcuts() {
+  const editor = (0, import_editor.useEditor)();
+  const isReadonly = (0, import_useReadonly.useReadonly)();
+  const actions = (0, import_useActions.useActions)();
+  const tools = (0, import_useTools.useTools)();
+  const isFocused = (0, import_editor.useValue)("is focused", () => editor.getInstanceState().isFocused, [editor]);
+  (0, import_react.useEffect)(() => {
+    if (!isFocused)
+      return;
+    const container = editor.getContainer();
+    import_hotkeys_js.default.setScope(editor.store.id);
+    const hot = (keys, callback) => {
+      (0, import_hotkeys_js.default)(keys, { element: container, scope: editor.store.id }, callback);
+    };
+    const areShortcutsDisabled = () => editor.getIsMenuOpen() || editor.getEditingShapeId() !== null || editor.getCrashingError();
+    for (const action of Object.values(actions)) {
+      if (!action.kbd)
+        continue;
+      if (isReadonly && !action.readonlyOk)
+        continue;
+      if (SKIP_KBDS.includes(action.id))
+        continue;
+      hot(getHotkeysStringFromKbd(action.kbd), (event) => {
+        if (areShortcutsDisabled())
+          return;
+        (0, import_editor.preventDefault)(event);
+        action.onSelect("kbd");
+      });
+    }
+    for (const tool of Object.values(tools)) {
+      if (!tool.kbd || !tool.readonlyOk && editor.getInstanceState().isReadonly) {
+        continue;
+      }
+      if (SKIP_KBDS.includes(tool.id))
+        continue;
+      hot(getHotkeysStringFromKbd(tool.kbd), (event) => {
+        if (areShortcutsDisabled())
+          return;
+        (0, import_editor.preventDefault)(event);
+        tool.onSelect("kbd");
+      });
+    }
+    return () => {
+      import_hotkeys_js.default.deleteScope(editor.store.id);
+    };
+  }, [actions, tools, isReadonly, editor, isFocused]);
+}
+function getHotkeysStringFromKbd(kbd) {
+  return getKeys(kbd).map((kbd2) => {
+    let str = "";
+    const chars = kbd2.split("");
+    if (chars.length === 1) {
+      str = chars[0];
+    } else {
+      if (chars[0] === "!") {
+        str = `shift+${chars[1]}`;
+      } else if (chars[0] === "?") {
+        if (chars.length === 3 && chars[1] === "!") {
+          str = `alt+shift+${chars[2]}`;
+        } else {
+          str = `alt+${chars[1]}`;
+        }
+      } else if (chars[0] === "$") {
+        if (chars[1] === "!") {
+          str = `cmd+shift+${chars[2]},ctrl+shift+${chars[2]}`;
+        } else if (chars[1] === "?") {
+          str = `cmd+\u2325+${chars[2]},ctrl+alt+${chars[2]}`;
+        } else {
+          str = `cmd+${chars[1]},ctrl+${chars[1]}`;
+        }
+      } else {
+        str = kbd2;
+      }
+    }
+    return str;
+  }).join(",");
+}
+function getKeys(key) {
+  if (typeof key !== "string")
+    key = "";
+  key = key.replace(/\s/g, "");
+  const keys = key.split(",");
+  let index = keys.lastIndexOf("");
+  for (; index >= 0; ) {
+    keys[index - 1] += ",";
+    keys.splice(index, 1);
+    index = keys.lastIndexOf("");
+  }
+  return keys;
+}
+//# sourceMappingURL=useKeyboardShortcuts.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/ui/hooks/useKeyboardShortcuts.ts"],
+  "sourcesContent": ["import { preventDefault, useEditor, useValue } from '@bigbluebutton/editor'\nimport hotkeys from 'hotkeys-js'\nimport { useEffect } from 'react'\nimport { useActions } from './useActions'\nimport { useReadonly } from './useReadonly'\nimport { useTools } from './useTools'\n\nconst SKIP_KBDS = [\n\t// we set these in useNativeClipboardEvents instead\n\t'copy',\n\t'cut',\n\t'paste',\n\t// There's also an upload asset action, so we don't want to set the kbd twice\n\t'asset',\n]\n\n/** @public */\nexport function useKeyboardShortcuts() {\n\tconst editor = useEditor()\n\n\tconst isReadonly = useReadonly()\n\tconst actions = useActions()\n\tconst tools = useTools()\n\tconst isFocused = useValue('is focused', () => editor.getInstanceState().isFocused, [editor])\n\n\tuseEffect(() => {\n\t\tif (!isFocused) return\n\n\t\tconst container = editor.getContainer()\n\n\t\thotkeys.setScope(editor.store.id)\n\n\t\tconst hot = (keys: string, callback: (event: KeyboardEvent) => void) => {\n\t\t\thotkeys(keys, { element: container, scope: editor.store.id }, callback)\n\t\t}\n\n\t\t// Add hotkeys for actions and tools.\n\t\t// Except those that in SKIP_KBDS!\n\t\tconst areShortcutsDisabled = () =>\n\t\t\teditor.getIsMenuOpen() || editor.getEditingShapeId() !== null || editor.getCrashingError()\n\n\t\tfor (const action of Object.values(actions)) {\n\t\t\tif (!action.kbd) continue\n\t\t\tif (isReadonly && !action.readonlyOk) continue\n\t\t\tif (SKIP_KBDS.includes(action.id)) continue\n\n\t\t\thot(getHotkeysStringFromKbd(action.kbd), (event) => {\n\t\t\t\tif (areShortcutsDisabled()) return\n\t\t\t\tpreventDefault(event)\n\t\t\t\taction.onSelect('kbd')\n\t\t\t})\n\t\t}\n\n\t\tfor (const tool of Object.values(tools)) {\n\t\t\tif (!tool.kbd || (!tool.readonlyOk && editor.getInstanceState().isReadonly)) {\n\t\t\t\tcontinue\n\t\t\t}\n\n\t\t\tif (SKIP_KBDS.includes(tool.id)) continue\n\n\t\t\thot(getHotkeysStringFromKbd(tool.kbd), (event) => {\n\t\t\t\tif (areShortcutsDisabled()) return\n\t\t\t\tpreventDefault(event)\n\t\t\t\ttool.onSelect('kbd')\n\t\t\t})\n\t\t}\n\n\t\treturn () => {\n\t\t\thotkeys.deleteScope(editor.store.id)\n\t\t}\n\t}, [actions, tools, isReadonly, editor, isFocused])\n}\n\nfunction getHotkeysStringFromKbd(kbd: string) {\n\treturn getKeys(kbd)\n\t\t.map((kbd) => {\n\t\t\tlet str = ''\n\t\t\tconst chars = kbd.split('')\n\t\t\tif (chars.length === 1) {\n\t\t\t\tstr = chars[0]\n\t\t\t} else {\n\t\t\t\tif (chars[0] === '!') {\n\t\t\t\t\tstr = `shift+${chars[1]}`\n\t\t\t\t} else if (chars[0] === '?') {\n\t\t\t\t\tif (chars.length === 3 && chars[1] === '!') {\n\t\t\t\t\t\tstr = `alt+shift+${chars[2]}`\n\t\t\t\t\t} else {\n\t\t\t\t\t\tstr = `alt+${chars[1]}`\n\t\t\t\t\t}\n\t\t\t\t} else if (chars[0] === '$') {\n\t\t\t\t\tif (chars[1] === '!') {\n\t\t\t\t\t\tstr = `cmd+shift+${chars[2]},ctrl+shift+${chars[2]}`\n\t\t\t\t\t} else if (chars[1] === '?') {\n\t\t\t\t\t\tstr = `cmd+\u2325+${chars[2]},ctrl+alt+${chars[2]}`\n\t\t\t\t\t} else {\n\t\t\t\t\t\tstr = `cmd+${chars[1]},ctrl+${chars[1]}`\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tstr = kbd\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn str\n\t\t})\n\t\t.join(',')\n}\n\n// Logic to split kbd string from hotkeys-js util.\nfunction getKeys(key: string) {\n\tif (typeof key !== 'string') key = ''\n\tkey = key.replace(/\\s/g, '')\n\tconst keys = key.split(',')\n\tlet index = keys.lastIndexOf('')\n\n\tfor (; index >= 0; ) {\n\t\tkeys[index - 1] += ','\n\t\tkeys.splice(index, 1)\n\t\tindex = keys.lastIndexOf('')\n\t}\n\n\treturn keys\n}\n"],
+  "mappings": "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",
+  "names": ["hotkeys", "kbd"]
+}

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

@@ -0,0 +1,134 @@
+"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 useKeyboardShortcutsSchema_exports = {};
+__export(useKeyboardShortcutsSchema_exports, {
+  KeyboardShortcutsSchemaContext: () => KeyboardShortcutsSchemaContext,
+  KeyboardShortcutsSchemaProvider: () => KeyboardShortcutsSchemaProvider,
+  useKeyboardShortcutsSchema: () => useKeyboardShortcutsSchema
+});
+module.exports = __toCommonJS(useKeyboardShortcutsSchema_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_editor = require("@bigbluebutton/editor");
+var import_react = __toESM(require("react"));
+var import_menuHelpers = require("./menuHelpers");
+var import_useActions = require("./useActions");
+var import_useTools = require("./useTools");
+const KeyboardShortcutsSchemaContext = import_react.default.createContext(
+  {}
+);
+const KeyboardShortcutsSchemaProvider = (0, import_editor.track)(function KeyboardShortcutsSchemaProvider2({
+  overrides,
+  children
+}) {
+  const editor = (0, import_editor.useEditor)();
+  const tools = (0, import_useTools.useTools)();
+  const actions = (0, import_useActions.useActions)();
+  const keyboardShortcutsSchema = (0, import_react.useMemo)(() => {
+    const keyboardShortcutsSchema2 = (0, import_editor.compact)([
+      (0, import_menuHelpers.menuGroup)(
+        "shortcuts-dialog.tools",
+        (0, import_menuHelpers.menuItem)(actions["toggle-tool-lock"]),
+        (0, import_menuHelpers.menuItem)(tools["select"]),
+        (0, import_menuHelpers.menuItem)(tools["draw"]),
+        (0, import_menuHelpers.menuItem)(tools["eraser"]),
+        (0, import_menuHelpers.menuItem)(tools["hand"]),
+        (0, import_menuHelpers.menuItem)(tools["rectangle"]),
+        (0, import_menuHelpers.menuItem)(tools["ellipse"]),
+        (0, import_menuHelpers.menuItem)(tools["arrow"]),
+        (0, import_menuHelpers.menuItem)(tools["line"]),
+        (0, import_menuHelpers.menuItem)(tools["text"]),
+        (0, import_menuHelpers.menuItem)(tools["frame"]),
+        (0, import_menuHelpers.menuItem)(tools["note"]),
+        (0, import_menuHelpers.menuItem)(tools["laser"])
+      ),
+      (0, import_menuHelpers.menuGroup)(
+        "shortcuts-dialog.file",
+        (0, import_menuHelpers.menuItem)(actions["insert-media"]),
+        (0, import_menuHelpers.menuItem)(actions["print"])
+      ),
+      (0, import_menuHelpers.menuGroup)(
+        "shortcuts-dialog.preferences",
+        (0, import_menuHelpers.menuItem)(actions["toggle-dark-mode"]),
+        (0, import_menuHelpers.menuItem)(actions["toggle-focus-mode"]),
+        (0, import_menuHelpers.menuItem)(actions["toggle-grid"])
+      ),
+      (0, import_menuHelpers.menuGroup)(
+        "shortcuts-dialog.edit",
+        (0, import_menuHelpers.menuItem)(actions["undo"]),
+        (0, import_menuHelpers.menuItem)(actions["redo"]),
+        (0, import_menuHelpers.menuItem)(actions["cut"]),
+        (0, import_menuHelpers.menuItem)(actions["copy"]),
+        (0, import_menuHelpers.menuItem)(actions["paste"]),
+        (0, import_menuHelpers.menuItem)(actions["select-all"]),
+        (0, import_menuHelpers.menuItem)(actions["delete"]),
+        (0, import_menuHelpers.menuItem)(actions["duplicate"]),
+        (0, import_menuHelpers.menuItem)(actions["export-as-svg"]),
+        (0, import_menuHelpers.menuItem)(actions["export-as-png"])
+      ),
+      (0, import_menuHelpers.menuGroup)(
+        "shortcuts-dialog.view",
+        (0, import_menuHelpers.menuItem)(actions["zoom-in"]),
+        (0, import_menuHelpers.menuItem)(actions["zoom-out"]),
+        (0, import_menuHelpers.menuItem)(actions["zoom-to-100"]),
+        (0, import_menuHelpers.menuItem)(actions["zoom-to-fit"]),
+        (0, import_menuHelpers.menuItem)(actions["zoom-to-selection"])
+      ),
+      (0, import_menuHelpers.menuGroup)(
+        "shortcuts-dialog.transform",
+        (0, import_menuHelpers.menuItem)(actions["bring-to-front"]),
+        (0, import_menuHelpers.menuItem)(actions["bring-forward"]),
+        (0, import_menuHelpers.menuItem)(actions["send-backward"]),
+        (0, import_menuHelpers.menuItem)(actions["send-to-back"]),
+        (0, import_menuHelpers.menuItem)(actions["group"]),
+        (0, import_menuHelpers.menuItem)(actions["ungroup"]),
+        (0, import_menuHelpers.menuItem)(actions["flip-horizontal"]),
+        (0, import_menuHelpers.menuItem)(actions["flip-vertical"]),
+        (0, import_menuHelpers.menuItem)(actions["align-top"]),
+        (0, import_menuHelpers.menuItem)(actions["align-center-vertical"]),
+        (0, import_menuHelpers.menuItem)(actions["align-bottom"]),
+        (0, import_menuHelpers.menuItem)(actions["align-left"]),
+        (0, import_menuHelpers.menuItem)(actions["align-center-horizontal"]),
+        (0, import_menuHelpers.menuItem)(actions["align-right"])
+      )
+    ]);
+    if (overrides) {
+      return overrides(editor, keyboardShortcutsSchema2, { tools, actions });
+    }
+    return keyboardShortcutsSchema2;
+  }, [editor, overrides, actions, tools]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(KeyboardShortcutsSchemaContext.Provider, { value: keyboardShortcutsSchema, children });
+});
+function useKeyboardShortcutsSchema() {
+  const ctx = import_react.default.useContext(KeyboardShortcutsSchemaContext);
+  if (!ctx) {
+    throw new Error("Shortcuts must be used inside of a ShortcutsProvider.");
+  }
+  return ctx;
+}
+//# sourceMappingURL=useKeyboardShortcutsSchema.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/ui/hooks/useKeyboardShortcutsSchema.tsx"],
+  "sourcesContent": ["import { Editor, compact, track, useEditor } from '@bigbluebutton/editor'\nimport React, { useMemo } from 'react'\nimport { TLUiMenuSchema, menuGroup, menuItem } from './menuHelpers'\nimport { TLUiActionsContextType, useActions } from './useActions'\nimport { TLUiToolsContextType, useTools } from './useTools'\n\n/** @public */\nexport type TLUiKeyboardShortcutsSchemaContextType = TLUiMenuSchema\n\n/** @internal */\nexport const KeyboardShortcutsSchemaContext = React.createContext(\n\t{} as TLUiKeyboardShortcutsSchemaContextType\n)\n\n/** @public */\nexport type TLUiKeyboardShortcutsSchemaProviderProps = {\n\toverrides?: (\n\t\teditor: Editor,\n\t\tschema: TLUiKeyboardShortcutsSchemaContextType,\n\t\tmore: { tools: TLUiToolsContextType; actions: TLUiActionsContextType }\n\t) => TLUiKeyboardShortcutsSchemaContextType\n\tchildren: any\n}\n\n/** @internal */\nexport const KeyboardShortcutsSchemaProvider = track(function KeyboardShortcutsSchemaProvider({\n\toverrides,\n\tchildren,\n}: TLUiKeyboardShortcutsSchemaProviderProps) {\n\tconst editor = useEditor()\n\tconst tools = useTools()\n\tconst actions = useActions()\n\n\tconst keyboardShortcutsSchema = useMemo<TLUiMenuSchema>(() => {\n\t\tconst keyboardShortcutsSchema = compact([\n\t\t\tmenuGroup(\n\t\t\t\t'shortcuts-dialog.tools',\n\t\t\t\tmenuItem(actions['toggle-tool-lock']),\n\t\t\t\tmenuItem(tools['select']),\n\t\t\t\tmenuItem(tools['draw']),\n\t\t\t\tmenuItem(tools['eraser']),\n\t\t\t\tmenuItem(tools['hand']),\n\t\t\t\tmenuItem(tools['rectangle']),\n\t\t\t\tmenuItem(tools['ellipse']),\n\t\t\t\tmenuItem(tools['arrow']),\n\t\t\t\tmenuItem(tools['line']),\n\t\t\t\tmenuItem(tools['text']),\n\t\t\t\tmenuItem(tools['frame']),\n\t\t\t\tmenuItem(tools['note']),\n\t\t\t\tmenuItem(tools['laser'])\n\t\t\t),\n\t\t\tmenuGroup(\n\t\t\t\t'shortcuts-dialog.file',\n\t\t\t\tmenuItem(actions['insert-media']),\n\t\t\t\tmenuItem(actions['print'])\n\t\t\t),\n\t\t\tmenuGroup(\n\t\t\t\t'shortcuts-dialog.preferences',\n\t\t\t\tmenuItem(actions['toggle-dark-mode']),\n\t\t\t\tmenuItem(actions['toggle-focus-mode']),\n\t\t\t\tmenuItem(actions['toggle-grid'])\n\t\t\t),\n\t\t\tmenuGroup(\n\t\t\t\t'shortcuts-dialog.edit',\n\t\t\t\tmenuItem(actions['undo']),\n\t\t\t\tmenuItem(actions['redo']),\n\t\t\t\tmenuItem(actions['cut']),\n\t\t\t\tmenuItem(actions['copy']),\n\t\t\t\tmenuItem(actions['paste']),\n\t\t\t\tmenuItem(actions['select-all']),\n\t\t\t\tmenuItem(actions['delete']),\n\t\t\t\tmenuItem(actions['duplicate']),\n\t\t\t\tmenuItem(actions['export-as-svg']),\n\t\t\t\tmenuItem(actions['export-as-png'])\n\t\t\t),\n\n\t\t\tmenuGroup(\n\t\t\t\t'shortcuts-dialog.view',\n\t\t\t\tmenuItem(actions['zoom-in']),\n\t\t\t\tmenuItem(actions['zoom-out']),\n\t\t\t\tmenuItem(actions['zoom-to-100']),\n\t\t\t\tmenuItem(actions['zoom-to-fit']),\n\t\t\t\tmenuItem(actions['zoom-to-selection'])\n\t\t\t),\n\t\t\tmenuGroup(\n\t\t\t\t'shortcuts-dialog.transform',\n\t\t\t\tmenuItem(actions['bring-to-front']),\n\t\t\t\tmenuItem(actions['bring-forward']),\n\t\t\t\tmenuItem(actions['send-backward']),\n\t\t\t\tmenuItem(actions['send-to-back']),\n\t\t\t\tmenuItem(actions['group']),\n\t\t\t\tmenuItem(actions['ungroup']),\n\t\t\t\tmenuItem(actions['flip-horizontal']),\n\t\t\t\tmenuItem(actions['flip-vertical']),\n\t\t\t\tmenuItem(actions['align-top']),\n\t\t\t\tmenuItem(actions['align-center-vertical']),\n\t\t\t\tmenuItem(actions['align-bottom']),\n\t\t\t\tmenuItem(actions['align-left']),\n\t\t\t\tmenuItem(actions['align-center-horizontal']),\n\t\t\t\tmenuItem(actions['align-right'])\n\t\t\t),\n\t\t])\n\n\t\tif (overrides) {\n\t\t\treturn overrides(editor, keyboardShortcutsSchema, { tools, actions })\n\t\t}\n\n\t\treturn keyboardShortcutsSchema\n\t}, [editor, overrides, actions, tools])\n\n\treturn (\n\t\t<KeyboardShortcutsSchemaContext.Provider value={keyboardShortcutsSchema}>\n\t\t\t{children}\n\t\t</KeyboardShortcutsSchemaContext.Provider>\n\t)\n})\n\n/** @public */\nexport function useKeyboardShortcutsSchema(): TLUiKeyboardShortcutsSchemaContextType {\n\tconst ctx = React.useContext(KeyboardShortcutsSchemaContext)\n\n\tif (!ctx) {\n\t\tthrow new Error('Shortcuts must be used inside of a ShortcutsProvider.')\n\t}\n\n\treturn ctx\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+GE;AA/GF,oBAAkD;AAClD,mBAA+B;AAC/B,yBAAoD;AACpD,wBAAmD;AACnD,sBAA+C;AAMxC,MAAM,iCAAiC,aAAAA,QAAM;AAAA,EACnD,CAAC;AACF;AAaO,MAAM,sCAAkC,qBAAM,SAASC,iCAAgC;AAAA,EAC7F;AAAA,EACA;AACD,GAA6C;AAC5C,QAAM,aAAS,yBAAU;AACzB,QAAM,YAAQ,0BAAS;AACvB,QAAM,cAAU,8BAAW;AAE3B,QAAM,8BAA0B,sBAAwB,MAAM;AAC7D,UAAMC,+BAA0B,uBAAQ;AAAA,UACvC;AAAA,QACC;AAAA,YACA,6BAAS,QAAQ,kBAAkB,CAAC;AAAA,YACpC,6BAAS,MAAM,QAAQ,CAAC;AAAA,YACxB,6BAAS,MAAM,MAAM,CAAC;AAAA,YACtB,6BAAS,MAAM,QAAQ,CAAC;AAAA,YACxB,6BAAS,MAAM,MAAM,CAAC;AAAA,YACtB,6BAAS,MAAM,WAAW,CAAC;AAAA,YAC3B,6BAAS,MAAM,SAAS,CAAC;AAAA,YACzB,6BAAS,MAAM,OAAO,CAAC;AAAA,YACvB,6BAAS,MAAM,MAAM,CAAC;AAAA,YACtB,6BAAS,MAAM,MAAM,CAAC;AAAA,YACtB,6BAAS,MAAM,OAAO,CAAC;AAAA,YACvB,6BAAS,MAAM,MAAM,CAAC;AAAA,YACtB,6BAAS,MAAM,OAAO,CAAC;AAAA,MACxB;AAAA,UACA;AAAA,QACC;AAAA,YACA,6BAAS,QAAQ,cAAc,CAAC;AAAA,YAChC,6BAAS,QAAQ,OAAO,CAAC;AAAA,MAC1B;AAAA,UACA;AAAA,QACC;AAAA,YACA,6BAAS,QAAQ,kBAAkB,CAAC;AAAA,YACpC,6BAAS,QAAQ,mBAAmB,CAAC;AAAA,YACrC,6BAAS,QAAQ,aAAa,CAAC;AAAA,MAChC;AAAA,UACA;AAAA,QACC;AAAA,YACA,6BAAS,QAAQ,MAAM,CAAC;AAAA,YACxB,6BAAS,QAAQ,MAAM,CAAC;AAAA,YACxB,6BAAS,QAAQ,KAAK,CAAC;AAAA,YACvB,6BAAS,QAAQ,MAAM,CAAC;AAAA,YACxB,6BAAS,QAAQ,OAAO,CAAC;AAAA,YACzB,6BAAS,QAAQ,YAAY,CAAC;AAAA,YAC9B,6BAAS,QAAQ,QAAQ,CAAC;AAAA,YAC1B,6BAAS,QAAQ,WAAW,CAAC;AAAA,YAC7B,6BAAS,QAAQ,eAAe,CAAC;AAAA,YACjC,6BAAS,QAAQ,eAAe,CAAC;AAAA,MAClC;AAAA,UAEA;AAAA,QACC;AAAA,YACA,6BAAS,QAAQ,SAAS,CAAC;AAAA,YAC3B,6BAAS,QAAQ,UAAU,CAAC;AAAA,YAC5B,6BAAS,QAAQ,aAAa,CAAC;AAAA,YAC/B,6BAAS,QAAQ,aAAa,CAAC;AAAA,YAC/B,6BAAS,QAAQ,mBAAmB,CAAC;AAAA,MACtC;AAAA,UACA;AAAA,QACC;AAAA,YACA,6BAAS,QAAQ,gBAAgB,CAAC;AAAA,YAClC,6BAAS,QAAQ,eAAe,CAAC;AAAA,YACjC,6BAAS,QAAQ,eAAe,CAAC;AAAA,YACjC,6BAAS,QAAQ,cAAc,CAAC;AAAA,YAChC,6BAAS,QAAQ,OAAO,CAAC;AAAA,YACzB,6BAAS,QAAQ,SAAS,CAAC;AAAA,YAC3B,6BAAS,QAAQ,iBAAiB,CAAC;AAAA,YACnC,6BAAS,QAAQ,eAAe,CAAC;AAAA,YACjC,6BAAS,QAAQ,WAAW,CAAC;AAAA,YAC7B,6BAAS,QAAQ,uBAAuB,CAAC;AAAA,YACzC,6BAAS,QAAQ,cAAc,CAAC;AAAA,YAChC,6BAAS,QAAQ,YAAY,CAAC;AAAA,YAC9B,6BAAS,QAAQ,yBAAyB,CAAC;AAAA,YAC3C,6BAAS,QAAQ,aAAa,CAAC;AAAA,MAChC;AAAA,IACD,CAAC;AAED,QAAI,WAAW;AACd,aAAO,UAAU,QAAQA,0BAAyB,EAAE,OAAO,QAAQ,CAAC;AAAA,IACrE;AAEA,WAAOA;AAAA,EACR,GAAG,CAAC,QAAQ,WAAW,SAAS,KAAK,CAAC;AAEtC,SACC,4CAAC,+BAA+B,UAA/B,EAAwC,OAAO,yBAC9C,UACF;AAEF,CAAC;AAGM,SAAS,6BAAqE;AACpF,QAAM,MAAM,aAAAF,QAAM,WAAW,8BAA8B;AAE3D,MAAI,CAAC,KAAK;AACT,UAAM,IAAI,MAAM,uDAAuD;AAAA,EACxE;AAEA,SAAO;AACR;",
+  "names": ["React", "KeyboardShortcutsSchemaProvider", "keyboardShortcutsSchema"]
+}

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

@@ -0,0 +1,59 @@
+"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 useLocalStorageState_exports = {};
+__export(useLocalStorageState_exports, {
+  useLocalStorageState: () => useLocalStorageState
+});
+module.exports = __toCommonJS(useLocalStorageState_exports);
+var import_react = __toESM(require("react"));
+function useLocalStorageState(key, defaultValue) {
+  const [state, setState] = import_react.default.useState(defaultValue);
+  import_react.default.useLayoutEffect(() => {
+    const value = localStorage.getItem(key);
+    if (value) {
+      try {
+        setState(JSON.parse(value));
+      } catch (e) {
+        console.error(`Could not restore value ${key} from local storage.`);
+      }
+    }
+  }, [key]);
+  const updateValue = import_react.default.useCallback(
+    (setter) => {
+      setState((s) => {
+        const value = typeof setter === "function" ? setter(s) : setter;
+        localStorage.setItem(key, JSON.stringify(value));
+        return value;
+      });
+    },
+    [key]
+  );
+  return [state, updateValue];
+}
+//# sourceMappingURL=useLocalStorageState.js.map