@bigbluebutton/tldraw 2.0.0-alpha.19

package/dist-cjs/lib/ui/components/NavigationZone/NavigationZone.js

@@ -0,0 +1,103 @@
+"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 NavigationZone_exports = {};
+__export(NavigationZone_exports, {
+  NavigationZone: () => NavigationZone
+});
+module.exports = __toCommonJS(NavigationZone_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_useActions = require("../../hooks/useActions");
+var import_useBreakpoint = require("../../hooks/useBreakpoint");
+var import_useLocalStorageState = require("../../hooks/useLocalStorageState");
+var import_useTranslation = require("../../hooks/useTranslation/useTranslation");
+var import_Button = require("../primitives/Button");
+var import_shared = require("../primitives/shared");
+var import_Minimap = require("./Minimap");
+var import_ZoomMenu = require("./ZoomMenu");
+const NavigationZone = (0, import_react.memo)(function NavigationZone2() {
+  const actions = (0, import_useActions.useActions)();
+  const msg = (0, import_useTranslation.useTranslation)();
+  const breakpoint = (0, import_useBreakpoint.useBreakpoint)();
+  const [collapsed, setCollapsed] = (0, import_useLocalStorageState.useLocalStorageState)("minimap", true);
+  const toggleMinimap = (0, import_react.useCallback)(() => {
+    setCollapsed((s) => !s);
+  }, [setCollapsed]);
+  if (breakpoint < 4) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "tlui-navigation-zone", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "tlui-buttons__horizontal", children: breakpoint < 6 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ZoomMenu.ZoomMenu, {}) : collapsed ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ZoomMenu.ZoomMenu, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_Button.Button,
+        {
+          type: "icon",
+          icon: collapsed ? "chevrons-ne" : "chevrons-sw",
+          "data-testid": "minimap.toggle",
+          title: msg("navigation-zone.toggle-minimap"),
+          className: "tlui-navigation-zone__toggle",
+          onClick: toggleMinimap
+        }
+      )
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_Button.Button,
+        {
+          type: "icon",
+          icon: "minus",
+          "data-testid": "minimap.zoom-out",
+          title: `${msg(actions["zoom-out"].label)} ${(0, import_shared.kbdStr)(actions["zoom-out"].kbd)}`,
+          onClick: () => actions["zoom-out"].onSelect("navigation-zone")
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ZoomMenu.ZoomMenu, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_Button.Button,
+        {
+          type: "icon",
+          icon: "plus",
+          "data-testid": "minimap.zoom-in",
+          title: `${msg(actions["zoom-in"].label)} ${(0, import_shared.kbdStr)(actions["zoom-in"].kbd)}`,
+          onClick: () => actions["zoom-in"].onSelect("navigation-zone")
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_Button.Button,
+        {
+          type: "icon",
+          icon: collapsed ? "chevrons-ne" : "chevrons-sw",
+          "data-testid": "minimap.toggle",
+          title: msg("navigation-zone.toggle-minimap"),
+          className: "tlui-navigation-zone__toggle",
+          onClick: toggleMinimap
+        }
+      )
+    ] }) }),
+    breakpoint >= 6 && !collapsed && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_Minimap.Minimap,
+      {
+        viewportFill: "--color-muted-1",
+        selectFill: "--color-selected",
+        shapeFill: "--color-text-3"
+      }
+    )
+  ] });
+});
+//# sourceMappingURL=NavigationZone.js.map

package/dist-cjs/lib/ui/components/NavigationZone/NavigationZone.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/ui/components/NavigationZone/NavigationZone.tsx"],
+  "sourcesContent": ["import { memo, useCallback } from 'react'\nimport { useActions } from '../../hooks/useActions'\nimport { useBreakpoint } from '../../hooks/useBreakpoint'\nimport { useLocalStorageState } from '../../hooks/useLocalStorageState'\nimport { useTranslation } from '../../hooks/useTranslation/useTranslation'\nimport { Button } from '../primitives/Button'\nimport { kbdStr } from '../primitives/shared'\nimport { Minimap } from './Minimap'\nimport { ZoomMenu } from './ZoomMenu'\n\n/** @internal */\nexport const NavigationZone = memo(function NavigationZone() {\n\tconst actions = useActions()\n\tconst msg = useTranslation()\n\tconst breakpoint = useBreakpoint()\n\n\tconst [collapsed, setCollapsed] = useLocalStorageState('minimap', true)\n\n\tconst toggleMinimap = useCallback(() => {\n\t\tsetCollapsed((s) => !s)\n\t}, [setCollapsed])\n\n\tif (breakpoint < 4) {\n\t\treturn null\n\t}\n\n\treturn (\n\t\t<div className=\"tlui-navigation-zone\">\n\t\t\t<div className=\"tlui-buttons__horizontal\">\n\t\t\t\t{breakpoint < 6 ? (\n\t\t\t\t\t<ZoomMenu />\n\t\t\t\t) : collapsed ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<ZoomMenu />\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ttype=\"icon\"\n\t\t\t\t\t\t\ticon={collapsed ? 'chevrons-ne' : 'chevrons-sw'}\n\t\t\t\t\t\t\tdata-testid=\"minimap.toggle\"\n\t\t\t\t\t\t\ttitle={msg('navigation-zone.toggle-minimap')}\n\t\t\t\t\t\t\tclassName=\"tlui-navigation-zone__toggle\"\n\t\t\t\t\t\t\tonClick={toggleMinimap}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</>\n\t\t\t\t) : (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ttype=\"icon\"\n\t\t\t\t\t\t\ticon=\"minus\"\n\t\t\t\t\t\t\tdata-testid=\"minimap.zoom-out\"\n\t\t\t\t\t\t\ttitle={`${msg(actions['zoom-out'].label!)} ${kbdStr(actions['zoom-out'].kbd!)}`}\n\t\t\t\t\t\t\tonClick={() => actions['zoom-out'].onSelect('navigation-zone')}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ZoomMenu />\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ttype=\"icon\"\n\t\t\t\t\t\t\ticon=\"plus\"\n\t\t\t\t\t\t\tdata-testid=\"minimap.zoom-in\"\n\t\t\t\t\t\t\ttitle={`${msg(actions['zoom-in'].label!)} ${kbdStr(actions['zoom-in'].kbd!)}`}\n\t\t\t\t\t\t\tonClick={() => actions['zoom-in'].onSelect('navigation-zone')}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ttype=\"icon\"\n\t\t\t\t\t\t\ticon={collapsed ? 'chevrons-ne' : 'chevrons-sw'}\n\t\t\t\t\t\t\tdata-testid=\"minimap.toggle\"\n\t\t\t\t\t\t\ttitle={msg('navigation-zone.toggle-minimap')}\n\t\t\t\t\t\t\tclassName=\"tlui-navigation-zone__toggle\"\n\t\t\t\t\t\t\tonClick={toggleMinimap}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{breakpoint >= 6 && !collapsed && (\n\t\t\t\t<Minimap\n\t\t\t\t\tviewportFill=\"--color-muted-1\"\n\t\t\t\t\tselectFill=\"--color-selected\"\n\t\t\t\t\tshapeFill=\"--color-text-3\"\n\t\t\t\t/>\n\t\t\t)}\n\t\t</div>\n\t)\n})\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA8BK;AA9BL,mBAAkC;AAClC,wBAA2B;AAC3B,2BAA8B;AAC9B,kCAAqC;AACrC,4BAA+B;AAC/B,oBAAuB;AACvB,oBAAuB;AACvB,qBAAwB;AACxB,sBAAyB;AAGlB,MAAM,qBAAiB,mBAAK,SAASA,kBAAiB;AAC5D,QAAM,cAAU,8BAAW;AAC3B,QAAM,UAAM,sCAAe;AAC3B,QAAM,iBAAa,oCAAc;AAEjC,QAAM,CAAC,WAAW,YAAY,QAAI,kDAAqB,WAAW,IAAI;AAEtE,QAAM,oBAAgB,0BAAY,MAAM;AACvC,iBAAa,CAAC,MAAM,CAAC,CAAC;AAAA,EACvB,GAAG,CAAC,YAAY,CAAC;AAEjB,MAAI,aAAa,GAAG;AACnB,WAAO;AAAA,EACR;AAEA,SACC,6CAAC,SAAI,WAAU,wBACd;AAAA,gDAAC,SAAI,WAAU,4BACb,uBAAa,IACb,4CAAC,4BAAS,IACP,YACH,4EACC;AAAA,kDAAC,4BAAS;AAAA,MACV;AAAA,QAAC;AAAA;AAAA,UACA,MAAK;AAAA,UACL,MAAM,YAAY,gBAAgB;AAAA,UAClC,eAAY;AAAA,UACZ,OAAO,IAAI,gCAAgC;AAAA,UAC3C,WAAU;AAAA,UACV,SAAS;AAAA;AAAA,MACV;AAAA,OACD,IAEA,4EACC;AAAA;AAAA,QAAC;AAAA;AAAA,UACA,MAAK;AAAA,UACL,MAAK;AAAA,UACL,eAAY;AAAA,UACZ,OAAO,GAAG,IAAI,QAAQ,UAAU,EAAE,KAAM,CAAC,QAAI,sBAAO,QAAQ,UAAU,EAAE,GAAI,CAAC;AAAA,UAC7E,SAAS,MAAM,QAAQ,UAAU,EAAE,SAAS,iBAAiB;AAAA;AAAA,MAC9D;AAAA,MACA,4CAAC,4BAAS;AAAA,MACV;AAAA,QAAC;AAAA;AAAA,UACA,MAAK;AAAA,UACL,MAAK;AAAA,UACL,eAAY;AAAA,UACZ,OAAO,GAAG,IAAI,QAAQ,SAAS,EAAE,KAAM,CAAC,QAAI,sBAAO,QAAQ,SAAS,EAAE,GAAI,CAAC;AAAA,UAC3E,SAAS,MAAM,QAAQ,SAAS,EAAE,SAAS,iBAAiB;AAAA;AAAA,MAC7D;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACA,MAAK;AAAA,UACL,MAAM,YAAY,gBAAgB;AAAA,UAClC,eAAY;AAAA,UACZ,OAAO,IAAI,gCAAgC;AAAA,UAC3C,WAAU;AAAA,UACV,SAAS;AAAA;AAAA,MACV;AAAA,OACD,GAEF;AAAA,IACC,cAAc,KAAK,CAAC,aACpB;AAAA,MAAC;AAAA;AAAA,QACA,cAAa;AAAA,QACb,YAAW;AAAA,QACX,WAAU;AAAA;AAAA,IACX;AAAA,KAEF;AAEF,CAAC;",
+  "names": ["NavigationZone"]
+}

package/dist-cjs/lib/ui/components/NavigationZone/ZoomMenu.js

@@ -0,0 +1,118 @@
+"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 ZoomMenu_exports = {};
+__export(ZoomMenu_exports, {
+  ZoomMenu: () => ZoomMenu
+});
+module.exports = __toCommonJS(ZoomMenu_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_editor = require("@bigbluebutton/editor");
+var React = __toESM(require("react"));
+var import_useActions = require("../../hooks/useActions");
+var import_useBreakpoint = require("../../hooks/useBreakpoint");
+var import_useTranslation = require("../../hooks/useTranslation/useTranslation");
+var import_Button = require("../primitives/Button");
+var M = __toESM(require("../primitives/DropdownMenu"));
+const ZoomMenu = (0, import_editor.track)(function ZoomMenu2() {
+  const editor = (0, import_editor.useEditor)();
+  const msg = (0, import_useTranslation.useTranslation)();
+  const breakpoint = (0, import_useBreakpoint.useBreakpoint)();
+  const zoom = editor.getZoomLevel();
+  const hasShapes = editor.getCurrentPageShapeIds().size > 0;
+  const hasSelected = editor.getSelectedShapeIds().length > 0;
+  const isZoomedTo100 = editor.getZoomLevel() === 1;
+  const handleDoubleClick = React.useCallback(() => {
+    editor.resetZoom(editor.getViewportScreenCenter(), { duration: import_editor.ANIMATION_MEDIUM_MS });
+  }, [editor]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(M.Root, { id: "zoom", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(M.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_Button.Button,
+      {
+        type: "icon",
+        title: `${msg("navigation-zone.zoom")}`,
+        "data-testid": "minimap.zoom-menu",
+        className: breakpoint < 5 ? "tlui-zoom-menu__button" : "tlui-zoom-menu__button__pct",
+        onDoubleClick: handleDoubleClick,
+        icon: breakpoint < 4 ? "zoom-in" : void 0,
+        children: breakpoint < 4 ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { style: { flexGrow: 0, textAlign: "center" }, children: [
+          Math.floor(zoom * 100),
+          "%"
+        ] })
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(M.Content, { side: "top", align: "start", alignOffset: 0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(M.Group, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ZoomMenuItem, { action: "zoom-in", "data-testid": "minimap.zoom-menu.zoom-in", noClose: true }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ZoomMenuItem, { action: "zoom-out", "data-testid": "minimap.zoom-menu.zoom-out", noClose: true }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        ZoomMenuItem,
+        {
+          action: "zoom-to-100",
+          "data-testid": "minimap.zoom-menu.zoom-to-100",
+          noClose: true,
+          disabled: isZoomedTo100
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        ZoomMenuItem,
+        {
+          action: "zoom-to-fit",
+          disabled: !hasShapes,
+          "data-testid": "minimap.zoom-menu.zoom-to-fit",
+          noClose: true
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        ZoomMenuItem,
+        {
+          action: "zoom-to-selection",
+          disabled: !hasSelected,
+          "data-testid": "minimap.zoom-menu.zoom-to-selection",
+          noClose: true
+        }
+      )
+    ] }) })
+  ] });
+});
+function ZoomMenuItem(props) {
+  const { action, disabled = false, noClose = false } = props;
+  const actions = (0, import_useActions.useActions)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    M.Item,
+    {
+      type: "menu",
+      label: actions[action].label,
+      kbd: actions[action].kbd,
+      "data-testid": props["data-testid"],
+      onClick: () => actions[action].onSelect("zoom-menu"),
+      noClose,
+      disabled
+    }
+  );
+}
+//# sourceMappingURL=ZoomMenu.js.map

package/dist-cjs/lib/ui/components/NavigationZone/ZoomMenu.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/ui/components/NavigationZone/ZoomMenu.tsx"],
+  "sourcesContent": ["import { ANIMATION_MEDIUM_MS, track, useEditor } from '@bigbluebutton/editor'\nimport * as React from 'react'\nimport { useActions } from '../../hooks/useActions'\nimport { useBreakpoint } from '../../hooks/useBreakpoint'\nimport { useTranslation } from '../../hooks/useTranslation/useTranslation'\nimport { Button } from '../primitives/Button'\nimport * as M from '../primitives/DropdownMenu'\n\nexport const ZoomMenu = track(function ZoomMenu() {\n\tconst editor = useEditor()\n\tconst msg = useTranslation()\n\tconst breakpoint = useBreakpoint()\n\n\tconst zoom = editor.getZoomLevel()\n\tconst hasShapes = editor.getCurrentPageShapeIds().size > 0\n\tconst hasSelected = editor.getSelectedShapeIds().length > 0\n\tconst isZoomedTo100 = editor.getZoomLevel() === 1\n\n\tconst handleDoubleClick = React.useCallback(() => {\n\t\teditor.resetZoom(editor.getViewportScreenCenter(), { duration: ANIMATION_MEDIUM_MS })\n\t}, [editor])\n\n\treturn (\n\t\t<M.Root id=\"zoom\">\n\t\t\t<M.Trigger>\n\t\t\t\t<Button\n\t\t\t\t\ttype=\"icon\"\n\t\t\t\t\ttitle={`${msg('navigation-zone.zoom')}`}\n\t\t\t\t\tdata-testid=\"minimap.zoom-menu\"\n\t\t\t\t\tclassName={breakpoint < 5 ? 'tlui-zoom-menu__button' : 'tlui-zoom-menu__button__pct'}\n\t\t\t\t\tonDoubleClick={handleDoubleClick}\n\t\t\t\t\ticon={breakpoint < 4 ? 'zoom-in' : undefined}\n\t\t\t\t>\n\t\t\t\t\t{breakpoint < 4 ? null : (\n\t\t\t\t\t\t<span style={{ flexGrow: 0, textAlign: 'center' }}>{Math.floor(zoom * 100)}%</span>\n\t\t\t\t\t)}\n\t\t\t\t</Button>\n\t\t\t</M.Trigger>\n\t\t\t<M.Content side=\"top\" align=\"start\" alignOffset={0}>\n\t\t\t\t<M.Group>\n\t\t\t\t\t<ZoomMenuItem action=\"zoom-in\" data-testid=\"minimap.zoom-menu.zoom-in\" noClose />\n\t\t\t\t\t<ZoomMenuItem action=\"zoom-out\" data-testid=\"minimap.zoom-menu.zoom-out\" noClose />\n\t\t\t\t\t<ZoomMenuItem\n\t\t\t\t\t\taction=\"zoom-to-100\"\n\t\t\t\t\t\tdata-testid=\"minimap.zoom-menu.zoom-to-100\"\n\t\t\t\t\t\tnoClose\n\t\t\t\t\t\tdisabled={isZoomedTo100}\n\t\t\t\t\t/>\n\t\t\t\t\t<ZoomMenuItem\n\t\t\t\t\t\taction=\"zoom-to-fit\"\n\t\t\t\t\t\tdisabled={!hasShapes}\n\t\t\t\t\t\tdata-testid=\"minimap.zoom-menu.zoom-to-fit\"\n\t\t\t\t\t\tnoClose\n\t\t\t\t\t/>\n\t\t\t\t\t<ZoomMenuItem\n\t\t\t\t\t\taction=\"zoom-to-selection\"\n\t\t\t\t\t\tdisabled={!hasSelected}\n\t\t\t\t\t\tdata-testid=\"minimap.zoom-menu.zoom-to-selection\"\n\t\t\t\t\t\tnoClose\n\t\t\t\t\t/>\n\t\t\t\t</M.Group>\n\t\t\t</M.Content>\n\t\t</M.Root>\n\t)\n})\n\nfunction ZoomMenuItem(props: {\n\taction: string\n\tdisabled?: boolean\n\tnoClose?: boolean\n\t'data-testid'?: string\n}) {\n\tconst { action, disabled = false, noClose = false } = props\n\tconst actions = useActions()\n\n\treturn (\n\t\t<M.Item\n\t\t\ttype=\"menu\"\n\t\t\tlabel={actions[action].label}\n\t\t\tkbd={actions[action].kbd}\n\t\t\tdata-testid={props['data-testid']}\n\t\t\tonClick={() => actions[action].onSelect('zoom-menu')}\n\t\t\tnoClose={noClose}\n\t\t\tdisabled={disabled}\n\t\t/>\n\t)\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAyBI;AAzBJ,oBAAsD;AACtD,YAAuB;AACvB,wBAA2B;AAC3B,2BAA8B;AAC9B,4BAA+B;AAC/B,oBAAuB;AACvB,QAAmB;AAEZ,MAAM,eAAW,qBAAM,SAASA,YAAW;AACjD,QAAM,aAAS,yBAAU;AACzB,QAAM,UAAM,sCAAe;AAC3B,QAAM,iBAAa,oCAAc;AAEjC,QAAM,OAAO,OAAO,aAAa;AACjC,QAAM,YAAY,OAAO,uBAAuB,EAAE,OAAO;AACzD,QAAM,cAAc,OAAO,oBAAoB,EAAE,SAAS;AAC1D,QAAM,gBAAgB,OAAO,aAAa,MAAM;AAEhD,QAAM,oBAAoB,MAAM,YAAY,MAAM;AACjD,WAAO,UAAU,OAAO,wBAAwB,GAAG,EAAE,UAAU,kCAAoB,CAAC;AAAA,EACrF,GAAG,CAAC,MAAM,CAAC;AAEX,SACC,6CAAC,EAAE,MAAF,EAAO,IAAG,QACV;AAAA,gDAAC,EAAE,SAAF,EACA;AAAA,MAAC;AAAA;AAAA,QACA,MAAK;AAAA,QACL,OAAO,GAAG,IAAI,sBAAsB,CAAC;AAAA,QACrC,eAAY;AAAA,QACZ,WAAW,aAAa,IAAI,2BAA2B;AAAA,QACvD,eAAe;AAAA,QACf,MAAM,aAAa,IAAI,YAAY;AAAA,QAElC,uBAAa,IAAI,OACjB,6CAAC,UAAK,OAAO,EAAE,UAAU,GAAG,WAAW,SAAS,GAAI;AAAA,eAAK,MAAM,OAAO,GAAG;AAAA,UAAE;AAAA,WAAC;AAAA;AAAA,IAE9E,GACD;AAAA,IACA,4CAAC,EAAE,SAAF,EAAU,MAAK,OAAM,OAAM,SAAQ,aAAa,GAChD,uDAAC,EAAE,OAAF,EACA;AAAA,kDAAC,gBAAa,QAAO,WAAU,eAAY,6BAA4B,SAAO,MAAC;AAAA,MAC/E,4CAAC,gBAAa,QAAO,YAAW,eAAY,8BAA6B,SAAO,MAAC;AAAA,MACjF;AAAA,QAAC;AAAA;AAAA,UACA,QAAO;AAAA,UACP,eAAY;AAAA,UACZ,SAAO;AAAA,UACP,UAAU;AAAA;AAAA,MACX;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACA,QAAO;AAAA,UACP,UAAU,CAAC;AAAA,UACX,eAAY;AAAA,UACZ,SAAO;AAAA;AAAA,MACR;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACA,QAAO;AAAA,UACP,UAAU,CAAC;AAAA,UACX,eAAY;AAAA,UACZ,SAAO;AAAA;AAAA,MACR;AAAA,OACD,GACD;AAAA,KACD;AAEF,CAAC;AAED,SAAS,aAAa,OAKnB;AACF,QAAM,EAAE,QAAQ,WAAW,OAAO,UAAU,MAAM,IAAI;AACtD,QAAM,cAAU,8BAAW;AAE3B,SACC;AAAA,IAAC,EAAE;AAAA,IAAF;AAAA,MACA,MAAK;AAAA,MACL,OAAO,QAAQ,MAAM,EAAE;AAAA,MACvB,KAAK,QAAQ,MAAM,EAAE;AAAA,MACrB,eAAa,MAAM,aAAa;AAAA,MAChC,SAAS,MAAM,QAAQ,MAAM,EAAE,SAAS,WAAW;AAAA,MACnD;AAAA,MACA;AAAA;AAAA,EACD;AAEF;",
+  "names": ["ZoomMenu"]
+}

package/dist-cjs/lib/ui/components/OfflineIndicator/OfflineIndicator.js

@@ -0,0 +1,47 @@
+"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 OfflineIndicator_exports = {};
+__export(OfflineIndicator_exports, {
+  OfflineIndicator: () => OfflineIndicator
+});
+module.exports = __toCommonJS(OfflineIndicator_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_classnames = __toESM(require("classnames"));
+var import_react = require("react");
+var import_useTranslation = require("../../hooks/useTranslation/useTranslation");
+var import_Icon = require("../primitives/Icon");
+function OfflineIndicator() {
+  const msg = (0, import_useTranslation.useTranslation)();
+  const rContainer = (0, import_react.useRef)(null);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_classnames.default)("tlui-offline-indicator"), ref: rContainer, children: [
+    msg("status.offline"),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Icon.Icon, { "aria-label": "offline", icon: "status-offline", small: true })
+  ] });
+}
+//# sourceMappingURL=OfflineIndicator.js.map

package/dist-cjs/lib/ui/components/OfflineIndicator/OfflineIndicator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/ui/components/OfflineIndicator/OfflineIndicator.tsx"],
+  "sourcesContent": ["import classNames from 'classnames'\nimport { useRef } from 'react'\nimport { useTranslation } from '../../hooks/useTranslation/useTranslation'\nimport { Icon } from '../primitives/Icon'\n\n/** @public */\nexport function OfflineIndicator() {\n\tconst msg = useTranslation()\n\tconst rContainer = useRef<HTMLDivElement>(null)\n\n\treturn (\n\t\t<div className={classNames('tlui-offline-indicator')} ref={rContainer}>\n\t\t\t{msg('status.offline')}\n\t\t\t<Icon aria-label=\"offline\" icon=\"status-offline\" small />\n\t\t</div>\n\t)\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAWE;AAXF,wBAAuB;AACvB,mBAAuB;AACvB,4BAA+B;AAC/B,kBAAqB;AAGd,SAAS,mBAAmB;AAClC,QAAM,UAAM,sCAAe;AAC3B,QAAM,iBAAa,qBAAuB,IAAI;AAE9C,SACC,6CAAC,SAAI,eAAW,kBAAAA,SAAW,wBAAwB,GAAG,KAAK,YACzD;AAAA,QAAI,gBAAgB;AAAA,IACrB,4CAAC,oBAAK,cAAW,WAAU,MAAK,kBAAiB,OAAK,MAAC;AAAA,KACxD;AAEF;",
+  "names": ["classNames"]
+}

package/dist-cjs/lib/ui/components/PageMenu/PageItemInput.js

@@ -0,0 +1,63 @@
+"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 PageItemInput_exports = {};
+__export(PageItemInput_exports, {
+  PageItemInput: () => PageItemInput
+});
+module.exports = __toCommonJS(PageItemInput_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_editor = require("@bigbluebutton/editor");
+var import_react = require("react");
+var import_Input = require("../primitives/Input");
+const PageItemInput = function PageItemInput2({
+  name,
+  id,
+  isCurrentPage
+}) {
+  const editor = (0, import_editor.useEditor)();
+  const rInput = (0, import_react.useRef)(null);
+  const handleChange = (0, import_react.useCallback)(
+    (value) => {
+      editor.renamePage(id, value ? value : "New Page", { ephemeral: true });
+    },
+    [editor, id]
+  );
+  const handleComplete = (0, import_react.useCallback)(
+    (value) => {
+      editor.mark("rename page");
+      editor.renamePage(id, value || "New Page", { ephemeral: false });
+    },
+    [editor, id]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_Input.Input,
+    {
+      className: "tlui-page-menu__item__input",
+      ref: (el) => rInput.current = el,
+      defaultValue: name,
+      onValueChange: handleChange,
+      onComplete: handleComplete,
+      onCancel: handleComplete,
+      shouldManuallyMaintainScrollPositionWhenFocused: true,
+      autofocus: isCurrentPage,
+      autoselect: true
+    }
+  );
+};
+//# sourceMappingURL=PageItemInput.js.map

package/dist-cjs/lib/ui/components/PageMenu/PageItemInput.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/ui/components/PageMenu/PageItemInput.tsx"],
+  "sourcesContent": ["import { TLPageId, useEditor } from '@bigbluebutton/editor'\nimport { useCallback, useRef } from 'react'\nimport { Input } from '../primitives/Input'\n\nexport const PageItemInput = function PageItemInput({\n\tname,\n\tid,\n\tisCurrentPage,\n}: {\n\tname: string\n\tid: TLPageId\n\tisCurrentPage: boolean\n}) {\n\tconst editor = useEditor()\n\n\tconst rInput = useRef<HTMLInputElement | null>(null)\n\n\tconst handleChange = useCallback(\n\t\t(value: string) => {\n\t\t\teditor.renamePage(id, value ? value : 'New Page', { ephemeral: true })\n\t\t},\n\t\t[editor, id]\n\t)\n\n\tconst handleComplete = useCallback(\n\t\t(value: string) => {\n\t\t\teditor.mark('rename page')\n\t\t\teditor.renamePage(id, value || 'New Page', { ephemeral: false })\n\t\t},\n\t\t[editor, id]\n\t)\n\n\treturn (\n\t\t<Input\n\t\t\tclassName=\"tlui-page-menu__item__input\"\n\t\t\tref={(el) => (rInput.current = el)}\n\t\t\tdefaultValue={name}\n\t\t\tonValueChange={handleChange}\n\t\t\tonComplete={handleComplete}\n\t\t\tonCancel={handleComplete}\n\t\t\tshouldManuallyMaintainScrollPositionWhenFocused\n\t\t\tautofocus={isCurrentPage}\n\t\t\tautoselect\n\t\t/>\n\t)\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAiCE;AAjCF,oBAAoC;AACpC,mBAAoC;AACpC,mBAAsB;AAEf,MAAM,gBAAgB,SAASA,eAAc;AAAA,EACnD;AAAA,EACA;AAAA,EACA;AACD,GAIG;AACF,QAAM,aAAS,yBAAU;AAEzB,QAAM,aAAS,qBAAgC,IAAI;AAEnD,QAAM,mBAAe;AAAA,IACpB,CAAC,UAAkB;AAClB,aAAO,WAAW,IAAI,QAAQ,QAAQ,YAAY,EAAE,WAAW,KAAK,CAAC;AAAA,IACtE;AAAA,IACA,CAAC,QAAQ,EAAE;AAAA,EACZ;AAEA,QAAM,qBAAiB;AAAA,IACtB,CAAC,UAAkB;AAClB,aAAO,KAAK,aAAa;AACzB,aAAO,WAAW,IAAI,SAAS,YAAY,EAAE,WAAW,MAAM,CAAC;AAAA,IAChE;AAAA,IACA,CAAC,QAAQ,EAAE;AAAA,EACZ;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,KAAK,CAAC,OAAQ,OAAO,UAAU;AAAA,MAC/B,cAAc;AAAA,MACd,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,iDAA+C;AAAA,MAC/C,WAAW;AAAA,MACX,YAAU;AAAA;AAAA,EACX;AAEF;",
+  "names": ["PageItemInput"]
+}

package/dist-cjs/lib/ui/components/PageMenu/PageItemSubmenu.js

@@ -0,0 +1,88 @@
+"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 PageItemSubmenu_exports = {};
+__export(PageItemSubmenu_exports, {
+  PageItemSubmenu: () => PageItemSubmenu
+});
+module.exports = __toCommonJS(PageItemSubmenu_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_editor = require("@bigbluebutton/editor");
+var DropdownMenu = __toESM(require("@radix-ui/react-dropdown-menu"));
+var import_react = require("react");
+var import_useTranslation = require("../../hooks/useTranslation/useTranslation");
+var import_Button = require("../primitives/Button");
+var M = __toESM(require("../primitives/DropdownMenu"));
+var import_edit_pages_shared = require("./edit-pages-shared");
+const PageItemSubmenu = (0, import_editor.track)(function PageItemSubmenu2({
+  index,
+  listSize,
+  item,
+  onRename
+}) {
+  const editor = (0, import_editor.useEditor)();
+  const msg = (0, import_useTranslation.useTranslation)();
+  const pages = editor.getPages();
+  const onDuplicate = (0, import_react.useCallback)(() => {
+    editor.mark("creating page");
+    const newId = import_editor.PageRecordType.createId();
+    editor.duplicatePage(item.id, newId);
+  }, [editor, item]);
+  const onMoveUp = (0, import_react.useCallback)(() => {
+    (0, import_edit_pages_shared.onMovePage)(editor, item.id, index, index - 1);
+  }, [editor, item, index]);
+  const onMoveDown = (0, import_react.useCallback)(() => {
+    (0, import_edit_pages_shared.onMovePage)(editor, item.id, index, index + 1);
+  }, [editor, item, index]);
+  const onDelete = (0, import_react.useCallback)(() => {
+    editor.mark("deleting page");
+    editor.deletePage(item.id);
+  }, [editor, item]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(M.Root, { id: `page item submenu ${index}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(M.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Button.Button, { type: "icon", title: msg("page-menu.submenu.title"), icon: "dots-vertical" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(M.Content, { alignOffset: 0, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(M.Group, { children: [
+        onRename && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenu.Item, { dir: "ltr", onSelect: onRename, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Button.Button, { type: "menu", label: "page-menu.submenu.rename" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          DropdownMenu.Item,
+          {
+            dir: "ltr",
+            onSelect: onDuplicate,
+            disabled: pages.length >= import_editor.MAX_PAGES,
+            asChild: true,
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Button.Button, { type: "menu", label: "page-menu.submenu.duplicate-page" })
+          }
+        ),
+        index > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenu.Item, { dir: "ltr", onSelect: onMoveUp, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Button.Button, { type: "menu", label: "page-menu.submenu.move-up" }) }),
+        index < listSize - 1 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenu.Item, { dir: "ltr", onSelect: onMoveDown, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Button.Button, { type: "menu", label: "page-menu.submenu.move-down" }) })
+      ] }),
+      listSize > 1 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(M.Group, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenu.Item, { dir: "ltr", onSelect: onDelete, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Button.Button, { type: "menu", label: "page-menu.submenu.delete" }) }) })
+    ] })
+  ] });
+});
+//# sourceMappingURL=PageItemSubmenu.js.map

package/dist-cjs/lib/ui/components/PageMenu/PageItemSubmenu.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/ui/components/PageMenu/PageItemSubmenu.tsx"],
+  "sourcesContent": ["import { MAX_PAGES, PageRecordType, TLPageId, track, useEditor } from '@bigbluebutton/editor'\nimport * as DropdownMenu from '@radix-ui/react-dropdown-menu'\nimport { useCallback } from 'react'\nimport { useTranslation } from '../../hooks/useTranslation/useTranslation'\nimport { Button } from '../primitives/Button'\nimport * as M from '../primitives/DropdownMenu'\nimport { onMovePage } from './edit-pages-shared'\n\nexport interface PageItemSubmenuProps {\n\tindex: number\n\titem: { id: string; name: string }\n\tlistSize: number\n\tonRename?: () => void\n}\n\nexport const PageItemSubmenu = track(function PageItemSubmenu({\n\tindex,\n\tlistSize,\n\titem,\n\tonRename,\n}: PageItemSubmenuProps) {\n\tconst editor = useEditor()\n\tconst msg = useTranslation()\n\tconst pages = editor.getPages()\n\n\tconst onDuplicate = useCallback(() => {\n\t\teditor.mark('creating page')\n\t\tconst newId = PageRecordType.createId()\n\t\teditor.duplicatePage(item.id as TLPageId, newId)\n\t}, [editor, item])\n\n\tconst onMoveUp = useCallback(() => {\n\t\tonMovePage(editor, item.id as TLPageId, index, index - 1)\n\t}, [editor, item, index])\n\n\tconst onMoveDown = useCallback(() => {\n\t\tonMovePage(editor, item.id as TLPageId, index, index + 1)\n\t}, [editor, item, index])\n\n\tconst onDelete = useCallback(() => {\n\t\teditor.mark('deleting page')\n\t\teditor.deletePage(item.id as TLPageId)\n\t}, [editor, item])\n\n\treturn (\n\t\t<M.Root id={`page item submenu ${index}`}>\n\t\t\t<M.Trigger>\n\t\t\t\t<Button type=\"icon\" title={msg('page-menu.submenu.title')} icon=\"dots-vertical\" />\n\t\t\t</M.Trigger>\n\t\t\t<M.Content alignOffset={0}>\n\t\t\t\t<M.Group>\n\t\t\t\t\t{onRename && (\n\t\t\t\t\t\t<DropdownMenu.Item dir=\"ltr\" onSelect={onRename} asChild>\n\t\t\t\t\t\t\t<Button type=\"menu\" label=\"page-menu.submenu.rename\" />\n\t\t\t\t\t\t</DropdownMenu.Item>\n\t\t\t\t\t)}\n\t\t\t\t\t<DropdownMenu.Item\n\t\t\t\t\t\tdir=\"ltr\"\n\t\t\t\t\t\tonSelect={onDuplicate}\n\t\t\t\t\t\tdisabled={pages.length >= MAX_PAGES}\n\t\t\t\t\t\tasChild\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button type=\"menu\" label=\"page-menu.submenu.duplicate-page\" />\n\t\t\t\t\t</DropdownMenu.Item>\n\t\t\t\t\t{index > 0 && (\n\t\t\t\t\t\t<DropdownMenu.Item dir=\"ltr\" onSelect={onMoveUp} asChild>\n\t\t\t\t\t\t\t<Button type=\"menu\" label=\"page-menu.submenu.move-up\" />\n\t\t\t\t\t\t</DropdownMenu.Item>\n\t\t\t\t\t)}\n\t\t\t\t\t{index < listSize - 1 && (\n\t\t\t\t\t\t<DropdownMenu.Item dir=\"ltr\" onSelect={onMoveDown} asChild>\n\t\t\t\t\t\t\t<Button type=\"menu\" label=\"page-menu.submenu.move-down\" />\n\t\t\t\t\t\t</DropdownMenu.Item>\n\t\t\t\t\t)}\n\t\t\t\t</M.Group>\n\t\t\t\t{listSize > 1 && (\n\t\t\t\t\t<M.Group>\n\t\t\t\t\t\t<DropdownMenu.Item dir=\"ltr\" onSelect={onDelete} asChild>\n\t\t\t\t\t\t\t<Button type=\"menu\" label=\"page-menu.submenu.delete\" />\n\t\t\t\t\t\t</DropdownMenu.Item>\n\t\t\t\t\t</M.Group>\n\t\t\t\t)}\n\t\t\t</M.Content>\n\t\t</M.Root>\n\t)\n})\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA+CI;AA/CJ,oBAAsE;AACtE,mBAA8B;AAC9B,mBAA4B;AAC5B,4BAA+B;AAC/B,oBAAuB;AACvB,QAAmB;AACnB,+BAA2B;AASpB,MAAM,sBAAkB,qBAAM,SAASA,iBAAgB;AAAA,EAC7D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAyB;AACxB,QAAM,aAAS,yBAAU;AACzB,QAAM,UAAM,sCAAe;AAC3B,QAAM,QAAQ,OAAO,SAAS;AAE9B,QAAM,kBAAc,0BAAY,MAAM;AACrC,WAAO,KAAK,eAAe;AAC3B,UAAM,QAAQ,6BAAe,SAAS;AACtC,WAAO,cAAc,KAAK,IAAgB,KAAK;AAAA,EAChD,GAAG,CAAC,QAAQ,IAAI,CAAC;AAEjB,QAAM,eAAW,0BAAY,MAAM;AAClC,6CAAW,QAAQ,KAAK,IAAgB,OAAO,QAAQ,CAAC;AAAA,EACzD,GAAG,CAAC,QAAQ,MAAM,KAAK,CAAC;AAExB,QAAM,iBAAa,0BAAY,MAAM;AACpC,6CAAW,QAAQ,KAAK,IAAgB,OAAO,QAAQ,CAAC;AAAA,EACzD,GAAG,CAAC,QAAQ,MAAM,KAAK,CAAC;AAExB,QAAM,eAAW,0BAAY,MAAM;AAClC,WAAO,KAAK,eAAe;AAC3B,WAAO,WAAW,KAAK,EAAc;AAAA,EACtC,GAAG,CAAC,QAAQ,IAAI,CAAC;AAEjB,SACC,6CAAC,EAAE,MAAF,EAAO,IAAI,qBAAqB,KAAK,IACrC;AAAA,gDAAC,EAAE,SAAF,EACA,sDAAC,wBAAO,MAAK,QAAO,OAAO,IAAI,yBAAyB,GAAG,MAAK,iBAAgB,GACjF;AAAA,IACA,6CAAC,EAAE,SAAF,EAAU,aAAa,GACvB;AAAA,mDAAC,EAAE,OAAF,EACC;AAAA,oBACA,4CAAC,aAAa,MAAb,EAAkB,KAAI,OAAM,UAAU,UAAU,SAAO,MACvD,sDAAC,wBAAO,MAAK,QAAO,OAAM,4BAA2B,GACtD;AAAA,QAED;AAAA,UAAC,aAAa;AAAA,UAAb;AAAA,YACA,KAAI;AAAA,YACJ,UAAU;AAAA,YACV,UAAU,MAAM,UAAU;AAAA,YAC1B,SAAO;AAAA,YAEP,sDAAC,wBAAO,MAAK,QAAO,OAAM,oCAAmC;AAAA;AAAA,QAC9D;AAAA,QACC,QAAQ,KACR,4CAAC,aAAa,MAAb,EAAkB,KAAI,OAAM,UAAU,UAAU,SAAO,MACvD,sDAAC,wBAAO,MAAK,QAAO,OAAM,6BAA4B,GACvD;AAAA,QAEA,QAAQ,WAAW,KACnB,4CAAC,aAAa,MAAb,EAAkB,KAAI,OAAM,UAAU,YAAY,SAAO,MACzD,sDAAC,wBAAO,MAAK,QAAO,OAAM,+BAA8B,GACzD;AAAA,SAEF;AAAA,MACC,WAAW,KACX,4CAAC,EAAE,OAAF,EACA,sDAAC,aAAa,MAAb,EAAkB,KAAI,OAAM,UAAU,UAAU,SAAO,MACvD,sDAAC,wBAAO,MAAK,QAAO,OAAM,4BAA2B,GACtD,GACD;AAAA,OAEF;AAAA,KACD;AAEF,CAAC;",
+  "names": ["PageItemSubmenu"]
+}