tldraw 4.1.0-canary.bace23a29058 → 4.1.0-canary.c62140a07605

package/dist-cjs/lib/ui/components/StylePanel/StylePanelDoubleDropdownPicker.js

@@ -33,7 +33,7 @@ __export(StylePanelDoubleDropdownPicker_exports, {
 module.exports = __toCommonJS(StylePanelDoubleDropdownPicker_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_editor = require("@tldraw/editor");
-var React = __toESM(require("react"));
+var React = __toESM(require("react"), 1);
 var import_useTranslation = require("../../hooks/useTranslation/useTranslation");
 var import_TldrawUiButtonIcon = require("../primitives/Button/TldrawUiButtonIcon");
 var import_TldrawUiPopover = require("../primitives/TldrawUiPopover");

package/dist-cjs/lib/ui/components/StylePanel/StylePanelDropdownPicker.js

@@ -33,7 +33,7 @@ __export(StylePanelDropdownPicker_exports, {
 module.exports = __toCommonJS(StylePanelDropdownPicker_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_editor = require("@tldraw/editor");
-var React = __toESM(require("react"));
+var React = __toESM(require("react"), 1);
 var import_useTranslation = require("../../hooks/useTranslation/useTranslation");
 var import_TldrawUiButtonIcon = require("../primitives/Button/TldrawUiButtonIcon");
 var import_TldrawUiButtonLabel = require("../primitives/Button/TldrawUiButtonLabel");

package/dist-cjs/lib/ui/components/Toolbar/DefaultToolbar.js

@@ -33,7 +33,7 @@ __export(DefaultToolbar_exports, {
 module.exports = __toCommonJS(DefaultToolbar_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_editor = require("@tldraw/editor");
-var import_classnames = __toESM(require("classnames"));
+var import_classnames = __toESM(require("classnames"), 1);
 var import_react = require("react");
 var import_constants = require("../../constants");
 var import_breakpoints = require("../../context/breakpoints");

package/dist-cjs/lib/ui/components/Toolbar/OverflowingToolbar.js

@@ -35,7 +35,7 @@ __export(OverflowingToolbar_exports, {
 module.exports = __toCommonJS(OverflowingToolbar_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_editor = require("@tldraw/editor");
-var import_classnames = __toESM(require("classnames"));
+var import_classnames = __toESM(require("classnames"), 1);
 var import_react = require("react");
 var import_constants = require("../../constants");
 var import_breakpoints = require("../../context/breakpoints");

package/dist-cjs/lib/ui/components/Toolbar/ToggleToolLockedButton.js

@@ -33,7 +33,7 @@ __export(ToggleToolLockedButton_exports, {
 module.exports = __toCommonJS(ToggleToolLockedButton_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_editor = require("@tldraw/editor");
-var import_classnames = __toESM(require("classnames"));
+var import_classnames = __toESM(require("classnames"), 1);
 var import_constants = require("../../constants");
 var import_actions = require("../../context/actions");
 var import_breakpoints = require("../../context/breakpoints");

package/dist-cjs/lib/ui/components/primitives/Button/TldrawUiButton.js

@@ -32,8 +32,8 @@ __export(TldrawUiButton_exports, {
 });
 module.exports = __toCommonJS(TldrawUiButton_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_classnames = __toESM(require("classnames"));
-var React = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"), 1);
+var React = __toESM(require("react"), 1);
 const namedClassNamesSoThatICanGrepForThis = {
   normal: "tlui-button__normal",
   primary: "tlui-button__primary",

package/dist-cjs/lib/ui/components/primitives/TldrawUiContextualToolbar.js

@@ -36,7 +36,7 @@ __export(TldrawUiContextualToolbar_exports, {
 module.exports = __toCommonJS(TldrawUiContextualToolbar_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_editor = require("@tldraw/editor");
-var import_classnames = __toESM(require("classnames"));
+var import_classnames = __toESM(require("classnames"), 1);
 var import_react = require("react");
 var import_react_dom = require("react-dom");
 var import_TldrawUiToolbar = require("./TldrawUiToolbar");

package/dist-cjs/lib/ui/components/primitives/TldrawUiDialog.js

@@ -36,7 +36,7 @@ __export(TldrawUiDialog_exports, {
 });
 module.exports = __toCommonJS(TldrawUiDialog_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_classnames = __toESM(require("classnames"));
+var import_classnames = __toESM(require("classnames"), 1);
 var import_radix_ui = require("radix-ui");
 var import_useTranslation = require("../../hooks/useTranslation/useTranslation");
 var import_TldrawUiButton = require("./Button/TldrawUiButton");

package/dist-cjs/lib/ui/components/primitives/TldrawUiDropdownMenu.js

@@ -42,7 +42,7 @@ __export(TldrawUiDropdownMenu_exports, {
 module.exports = __toCommonJS(TldrawUiDropdownMenu_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_editor = require("@tldraw/editor");
-var import_classnames = __toESM(require("classnames"));
+var import_classnames = __toESM(require("classnames"), 1);
 var import_radix_ui = require("radix-ui");
 var import_useMenuIsOpen = require("../../hooks/useMenuIsOpen");
 var import_useTranslation = require("../../hooks/useTranslation/useTranslation");

package/dist-cjs/lib/ui/components/primitives/TldrawUiIcon.js

@@ -32,7 +32,7 @@ __export(TldrawUiIcon_exports, {
 });
 module.exports = __toCommonJS(TldrawUiIcon_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_classnames = __toESM(require("classnames"));
+var import_classnames = __toESM(require("classnames"), 1);
 var import_react = require("react");
 var import_asset_urls = require("../../context/asset-urls");
 const TldrawUiIcon = (0, import_react.memo)(function TldrawUiIcon2({

package/dist-cjs/lib/ui/components/primitives/TldrawUiInput.js

@@ -33,8 +33,8 @@ __export(TldrawUiInput_exports, {
 module.exports = __toCommonJS(TldrawUiInput_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_editor = require("@tldraw/editor");
-var import_classnames = __toESM(require("classnames"));
-var React = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"), 1);
+var React = __toESM(require("react"), 1);
 var import_useTranslation = require("../../hooks/useTranslation/useTranslation");
 var import_TldrawUiIcon = require("./TldrawUiIcon");
 const TldrawUiInput = React.forwardRef(

package/dist-cjs/lib/ui/components/primitives/TldrawUiPopover.js

@@ -35,9 +35,9 @@ __export(TldrawUiPopover_exports, {
 module.exports = __toCommonJS(TldrawUiPopover_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_editor = require("@tldraw/editor");
-var import_classnames = __toESM(require("classnames"));
+var import_classnames = __toESM(require("classnames"), 1);
 var import_radix_ui = require("radix-ui");
-var import_react = __toESM(require("react"));
+var import_react = __toESM(require("react"), 1);
 var import_useMenuIsOpen = require("../../hooks/useMenuIsOpen");
 function TldrawUiPopover({ id, children, onOpenChange, open, className }) {
   const [isOpen, handleOpenChange] = (0, import_useMenuIsOpen.useMenuIsOpen)(id, onOpenChange);

package/dist-cjs/lib/ui/components/primitives/TldrawUiSlider.js

@@ -34,7 +34,7 @@ module.exports = __toCommonJS(TldrawUiSlider_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_editor = require("@tldraw/editor");
 var import_radix_ui = require("radix-ui");
-var import_react = __toESM(require("react"));
+var import_react = __toESM(require("react"), 1);
 var import_useTranslation = require("../../hooks/useTranslation/useTranslation");
 var import_TldrawUiTooltip = require("./TldrawUiTooltip");
 const TldrawUiSlider = import_react.default.forwardRef(function Slider({

package/dist-cjs/lib/ui/components/primitives/TldrawUiToolbar.js

@@ -35,9 +35,9 @@ __export(TldrawUiToolbar_exports, {
 });
 module.exports = __toCommonJS(TldrawUiToolbar_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_classnames = __toESM(require("classnames"));
+var import_classnames = __toESM(require("classnames"), 1);
 var import_radix_ui = require("radix-ui");
-var import_react = __toESM(require("react"));
+var import_react = __toESM(require("react"), 1);
 var import_layout = require("./layout");
 var import_TldrawUiTooltip = require("./TldrawUiTooltip");
 const LayoutByOrientation = {

package/dist-cjs/lib/ui/components/primitives/TldrawUiTooltip.js

@@ -36,7 +36,7 @@ module.exports = __toCommonJS(TldrawUiTooltip_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_editor = require("@tldraw/editor");
 var import_radix_ui = require("radix-ui");
-var import_react = __toESM(require("react"));
+var import_react = __toESM(require("react"), 1);
 var import_layout = require("./layout");
 const DEFAULT_TOOLTIP_DELAY_MS = 700;
 class TooltipManager {

package/dist-cjs/lib/ui/components/primitives/layout.js

@@ -36,7 +36,7 @@ __export(layout_exports, {
 });
 module.exports = __toCommonJS(layout_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_classnames = __toESM(require("classnames"));
+var import_classnames = __toESM(require("classnames"), 1);
 var import_radix_ui = require("radix-ui");
 var import_react = require("react");
 const TldrawUiOrientationContext = (0, import_react.createContext)({

package/dist-cjs/lib/ui/components/primitives/menus/TldrawUiMenuGroup.js

@@ -32,7 +32,7 @@ __export(TldrawUiMenuGroup_exports, {
 });
 module.exports = __toCommonJS(TldrawUiMenuGroup_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_classnames = __toESM(require("classnames"));
+var import_classnames = __toESM(require("classnames"), 1);
 var import_actions = require("../../../context/actions");
 var import_useTranslation = require("../../../hooks/useTranslation/useTranslation");
 var import_layout = require("../layout");

package/dist-cjs/lib/ui/context/actions.js

@@ -37,7 +37,7 @@ __export(actions_exports, {
 module.exports = __toCommonJS(actions_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_editor = require("@tldraw/editor");
-var React = __toESM(require("react"));
+var React = __toESM(require("react"), 1);
 var import_frames = require("../../utils/frames/frames");
 var import_A11y = require("../components/A11y");
 var import_EditLinkDialog = require("../components/EditLinkDialog");
@@ -1226,6 +1226,26 @@ function ActionsProvider({ overrides, children }) {
           }
         }
       },
+      {
+        id: "toggle-focus-mode",
+        label: {
+          default: "action.toggle-focus-mode",
+          menu: "action.toggle-focus-mode.menu"
+        },
+        readonlyOk: true,
+        kbd: "cmd+.,ctrl+.",
+        checkbox: true,
+        onSelect(source) {
+          editor.timers.requestAnimationFrame(() => {
+            editor.run(() => {
+              trackEvent("toggle-focus-mode", { source });
+              helpers.clearDialogs();
+              helpers.clearToasts();
+              editor.updateInstanceState({ isFocusMode: !editor.getInstanceState().isFocusMode });
+            });
+          });
+        }
+      },
       {
         id: "toggle-grid",
         label: {