likec4 1.8.1 → 1.8.2-next.1

package/README.md

@@ -12,7 +12,7 @@ Features:
 ## Install
 
 > **Compatibility Note:**\
-> LikeC4 requires [Node.js](https://nodejs.org/en/) version 18+, 20+
+> LikeC4 requires [Node.js](https://nodejs.org/en/) version 20+
 
 ### Local installation
 
@@ -154,6 +154,12 @@ likec4 codegen ts ...
 > Output file should have `.ts` extension\
 > By default, it generates `likec4.generated.ts` in current directory
 
+## API Usage
+
+LikeC4 model can be accessed 
+
+
+
 ## Development
 
 In root workspace:

package/dist/__app__/src/const.js

@@ -13,3 +13,5 @@ export const useHashHistory = __USE_HASH_HISTORY__ === true
 export const basepath = useHashHistory ? '/' : BASE
 
 export const withOverviewGraph = __USE_OVERVIEW_GRAPH__ === true
+
+export const isDevelopment = import.meta.env.DEV

package/dist/__app__/src/main.js

@@ -4,7 +4,7 @@ import { createContext as createContext$1, useLayoutEffect as useLayoutEffect$1,
 import { createRoot } from "react-dom/client";
 import { L as Link, c as createRootRouteWithContext, S as ScrollRestoration, O as Outlet, u as useRouter, a as createFileRoute, b as useParams, d as useRouterState, i as isNotFound, n as notFound, R as RouterProvider, e as createRouter$1, f as createHashHistory, g as createBrowserHistory } from "./chunks/tanstack-router-ma6rQsdz.js";
 import { C as Container, T as Title, a as Text$1, G as Group, B as Button, c as createTheme, M as MantineProvider, b as MantineContext, u as useHotkeys, d as clsx, e as Box, A as ActionIcon$2, H as HoverCard, f as HoverCardTarget, U as UnstyledButton, g as HoverCardDropdown, S as Stack, h as Anchor, i as CopyButton$1, j as useLocalStorage, k as Card, l as CardSection, m as Spoiler, n as ButtonGroup, o as Tooltip$2, p as ThemeIcon, P as Paper, q as Tabs, r as TabsList, s as TabsTab, t as TabsPanel, v as ScrollAreaAutosize, w as Badge, x as rem, D as Divider, y as Space, z as TooltipGroup, F as Flex, E as ColorSwatch, I as CheckIcon, J as Select, K as Slider, L as SegmentedControl, N as Popover, O as PopoverTarget, Q as PopoverDropdown, R as FloatingIndicator, V as Notification, W as Code, X as Center, Y as Image, Z as useMantineColorScheme, _ as SimpleGrid, $ as useTree, a0 as useComputedColorScheme, a1 as Tree, a2 as Drawer, a3 as ScrollArea, a4 as Alert, a5 as ModalRoot, a6 as ModalOverlay, a7 as ModalContent, a8 as ModalBody, a9 as useMantineTheme, aa as useMediaQuery, ab as useDisclosure, ac as Menu, ad as MenuTarget, ae as MenuDropdown, af as MenuLabel, ag as MenuItem, ah as LoadingOverlay, ai as useCallbackRef, aj as Burger, ak as Loader } from "./chunks/mantine-BYr8JSNL.js";
-import { withOverviewGraph, ComponentName, basepath, useHashHistory } from "./const.js";
+import { withOverviewGraph, ComponentName, isDevelopment, basepath, useHashHistory } from "./const.js";
 import { useOverviewGraph } from "virtual:likec4/overview-graph";
 import { u as useReactFlow, a as useStoreApi, b as useNodesData, c as useStore, d as createWithEqualityFn, e as applyNodeChanges, f as applyEdgeChanges, g as getViewportForBounds, h as getNodeDimensions, i as getBoundsOfRects, s as shallow$1, j as boxToRect, k as useStoreWithEqualityFn, E as EdgeLabelRenderer, H as Handle, P as Position, l as useOnViewportChange, m as index, n as useOnSelectionChange, B as Background, o as BackgroundVariant, C as Controls, R as ReactFlowProvider, p as BaseEdge, q as useNodesState, r as useEdgesState } from "./chunks/likec4-Blyd4UZO.js";
 import { usePreviewUrl } from "virtual:likec4/previews";
@@ -216,46 +216,19 @@ const blue$1 = {
   font: "Arial",
   shadow: "#0a0a0a"
 };
-function fixProto(target, prototype) {
-  var setPrototypeOf = Object.setPrototypeOf;
-  setPrototypeOf ? setPrototypeOf(target, prototype) : target.__proto__ = prototype;
-}
-function fixStack(target, fn) {
-  fn === void 0 && (fn = target.constructor);
-  var captureStackTrace = Error.captureStackTrace;
-  captureStackTrace && captureStackTrace(target, fn);
-}
-var __extends = /* @__PURE__ */ function() {
-  var _extendStatics = function(d2, b2) {
-    return _extendStatics = Object.setPrototypeOf || {
-      __proto__: []
-    } instanceof Array && function(d3, b3) {
-      d3.__proto__ = b3;
-    } || function(d3, b3) {
-      for (var p2 in b3)
-        Object.prototype.hasOwnProperty.call(b3, p2) && (d3[p2] = b3[p2]);
-    }, _extendStatics(d2, b2);
-  };
-  return function(d2, b2) {
-    if (typeof b2 != "function" && b2 !== null) throw new TypeError("Class extends value " + String(b2) + " is not a constructor or null");
-    _extendStatics(d2, b2);
-    function __() {
-      this.constructor = d2;
-    }
-    d2.prototype = b2 === null ? Object.create(b2) : (__.prototype = b2.prototype, new __());
-  };
-}(), CustomError = function(_super) {
-  __extends(CustomError2, _super);
-  function CustomError2(message, options) {
-    var _newTarget = this.constructor, _this = _super.call(this, message, options) || this;
-    return Object.defineProperty(_this, "name", {
-      value: _newTarget.name,
-      enumerable: !1,
-      configurable: !0
-    }), fixProto(_this, _newTarget.prototype), fixStack(_this), _this;
-  }
-  return CustomError2;
-}(Error), s = { done: !1, hasNext: !1 };
+function nonNullable(value, message) {
+  if (typeof value > "u" || value == null)
+    throw new Error(message ?? `Expected defined value, but received ${value}`);
+  return value;
+}
+function invariant$1(condition, message) {
+  if (!condition)
+    throw new Error(message ?? "Invariant failed");
+}
+function nonexhaustive(value) {
+  throw new Error(`NonExhaustive value: ${value}`);
+}
+var s = { done: !1, hasNext: !1 };
 function u$6(t2, n2, a2) {
   let o2 = (r2) => t2(r2, ...n2);
   return a2 === void 0 ? o2 : Object.assign(o2, { lazy: a2, lazyArgs: n2 });
@@ -366,41 +339,6 @@ function u(...n2) {
   return u$5(i, n2);
 }
 var i = (n2, { min: e2, max: r2 }) => e2 !== void 0 && n2 < e2 ? e2 : r2 !== void 0 && n2 > r2 ? r2 : n2;
-function isString$1(value) {
-  return value != null && typeof value == "string";
-}
-class BaseError extends CustomError {
-  constructor(message, options) {
-    super(message, options), Object.defineProperty(this, "name", { value: "BaseError" });
-  }
-}
-class NullableError extends BaseError {
-  constructor(message, options) {
-    super(message, options), Object.defineProperty(this, "name", { value: "NullableError" });
-  }
-}
-class InvariantError extends BaseError {
-  constructor(message, options) {
-    super(message, options), Object.defineProperty(this, "name", { value: "InvariantError" });
-  }
-}
-function nonNullable(value, message) {
-  if (typeof value > "u" || value == null)
-    throw new NullableError(message ?? `Expected defined value, but received ${value}`);
-  return value;
-}
-function invariant$1(condition, message) {
-  if (!condition)
-    throw new InvariantError(message ?? "Invariant failed");
-}
-class NonExhaustiveError extends BaseError {
-  constructor(message, options) {
-    super(message, options), Object.defineProperty(this, "name", { value: "NonExhaustiveError" });
-  }
-}
-function nonexhaustive(value) {
-  throw new NonExhaustiveError(`NonExhaustive value: ${value}`);
-}
 const ElementShapes = [
   "rectangle",
   "person",
@@ -409,7 +347,15 @@ const ElementShapes = [
   "cylinder",
   "storage",
   "queue"
-], isTagEqual = (operator) => "tag" in operator, isKindEqual = (operator) => "kind" in operator, isNotOperator = (operator) => "not" in operator, isAndOperator = (operator) => "and" in operator, isOrOperator = (operator) => "or" in operator;
+];
+function isString$1(value) {
+  return value != null && typeof value == "string";
+}
+function isAncestor(...args) {
+  const ancestor = isString$1(args[0]) ? args[0] : args[0].id;
+  return (isString$1(args[1]) ? args[1] : args[1].id).startsWith(ancestor + ".");
+}
+const isTagEqual = (operator) => "tag" in operator, isKindEqual = (operator) => "kind" in operator, isNotOperator = (operator) => "not" in operator, isAndOperator = (operator) => "and" in operator, isOrOperator = (operator) => "or" in operator;
 function whereOperatorAsPredicate(operator) {
   switch (!0) {
     case isTagEqual(operator): {
@@ -466,10 +412,6 @@ function getBBoxCenter({
     y: y2 + height / 2
   };
 }
-function isAncestor(...args) {
-  const ancestor = isString$1(args[0]) ? args[0] : args[0].id;
-  return (isString$1(args[1]) ? args[1] : args[1].id).startsWith(ancestor + ".");
-}
 var getOwnPropertyNames = Object.getOwnPropertyNames, getOwnPropertySymbols = Object.getOwnPropertySymbols, hasOwnProperty = Object.prototype.hasOwnProperty;
 function combineComparators(comparatorA, comparatorB) {
   return function(a2, b2, state) {
@@ -5892,6 +5834,7 @@ function DiagramContextProvider({
     }
   );
 }
+DiagramContextProvider.displayName = "DiagramContextProvider";
 function useDiagramState(selector2, equalityFn) {
   const store = useContext$1(DiagramContext);
   if (store === null)
@@ -5910,6 +5853,7 @@ function EnsureMantine({ children }) {
     throw new Error("LikeC4Diagram must be a child of MantineProvider");
   return /* @__PURE__ */ jsx(Fragment, { children });
 }
+EnsureMantine.displayName = "EnsureMantine";
 function selectXYFlowSize(state) {
   return `${Math.round(state.width)}:${Math.round(state.height)}`;
 }
@@ -9243,6 +9187,7 @@ function XYFlow({
     }
   );
 }
+XYFlow.displayName = "XYFlow";
 var container$2 = "_19ci0hj0", card$1 = "_19ci0hj1", title = "_19ci0hj2", description = "_19ci0hj3";
 const selector$1 = (s2) => ({
   id: s2.view.id,
@@ -9612,7 +9557,7 @@ function NotationPanel() {
     defaultValue: !0
   }), hasNotations = notations.length > 0, portalProps = target ? { portalProps: { target } } : { withinPortal: !1 };
   return /* @__PURE__ */ jsxs(AnimatePresence, { children: [
-    !hasNotations && /* @__PURE__ */ jsx(
+    !hasNotations && isVisible && /* @__PURE__ */ jsx(
       m.div,
       {
         initial: { opacity: 0.75, translateX: "50%" },
@@ -9622,7 +9567,7 @@ function NotationPanel() {
           opacity: 0.6
         },
         className: clsx("react-flow__panel", container),
-        children: /* @__PURE__ */ jsx(Tooltip$2, { label: "Diagram has no notations", color: "orange", ...portalProps, children: /* @__PURE__ */ jsx(
+        children: /* @__PURE__ */ jsx(Tooltip$2, { label: "View has no notations", color: "orange", ...portalProps, children: /* @__PURE__ */ jsx(
           ThemeIcon,
           {
             size: "xl",
@@ -10471,6 +10416,7 @@ function LikeC4Diagram({
     }
   ) }) });
 }
+LikeC4Diagram.displayName = "LikeC4Diagram";
 const LikeC4DiagramInnerMemo = memo$1(function({
   background,
   controls,
@@ -10515,6 +10461,7 @@ const LikeC4DiagramInnerMemo = memo$1(function({
     ] })
   ] });
 }, shallowEqual);
+LikeC4DiagramInnerMemo.displayName = "LikeC4DiagramInnerMemo";
 function StaticLikeC4Diagram({
   view,
   fitView = !0,
@@ -11655,6 +11602,7 @@ function ViewReact() {
   });
   if (!view)
     throw notFound();
+  const hasNotations = (view.notation?.elements ?? []).length > 0;
   return /* @__PURE__ */ jsx(
     LikeC4Diagram,
     {
@@ -11669,6 +11617,7 @@ function ViewReact() {
       showNavigationButtons: !0,
       enableDynamicViewWalkthrough: !0,
       experimentalEdgeEditing: !1,
+      showNotations: isDevelopment || hasNotations,
       enableFocusMode: !0,
       nodesDraggable: !1,
       nodesSelectable: !1,
@@ -13239,6 +13188,7 @@ function ViewEditor() {
   });
   if (!view)
     throw notFound();
+  const hasNotations = (view.notation?.elements ?? []).length > 0;
   return /* @__PURE__ */ jsx(
     LikeC4Diagram,
     {
@@ -13252,6 +13202,7 @@ function ViewEditor() {
       showDiagramTitle: !0,
       showElementLinks: !0,
       showNavigationButtons: !0,
+      showNotations: isDevelopment || hasNotations,
       enableDynamicViewWalkthrough: !0,
       enableFocusMode: !1,
       onNavigateTo,

package/dist/__app__/webcomponent/webcomponent.js

@@ -148,46 +148,18 @@ const ComponentName = {
   font: "Arial",
   shadow: "#0a0a0a"
 };
-function fixProto(target, prototype) {
-  var setPrototypeOf = Object.setPrototypeOf;
-  setPrototypeOf ? setPrototypeOf(target, prototype) : target.__proto__ = prototype;
-}
-function fixStack(target, fn) {
-  fn === void 0 && (fn = target.constructor);
-  var captureStackTrace = Error.captureStackTrace;
-  captureStackTrace && captureStackTrace(target, fn);
-}
-var __extends = /* @__PURE__ */ function() {
-  var _extendStatics = function(d2, b2) {
-    return _extendStatics = Object.setPrototypeOf || {
-      __proto__: []
-    } instanceof Array && function(d3, b3) {
-      d3.__proto__ = b3;
-    } || function(d3, b3) {
-      for (var p2 in b3)
-        Object.prototype.hasOwnProperty.call(b3, p2) && (d3[p2] = b3[p2]);
-    }, _extendStatics(d2, b2);
-  };
-  return function(d2, b2) {
-    if (typeof b2 != "function" && b2 !== null) throw new TypeError("Class extends value " + String(b2) + " is not a constructor or null");
-    _extendStatics(d2, b2);
-    function __() {
-      this.constructor = d2;
-    }
-    d2.prototype = b2 === null ? Object.create(b2) : (__.prototype = b2.prototype, new __());
-  };
-}(), CustomError = function(_super) {
-  __extends(CustomError2, _super);
-  function CustomError2(message, options) {
-    var _newTarget = this.constructor, _this = _super.call(this, message, options) || this;
-    return Object.defineProperty(_this, "name", {
-      value: _newTarget.name,
-      enumerable: !1,
-      configurable: !0
-    }), fixProto(_this, _newTarget.prototype), fixStack(_this), _this;
-  }
-  return CustomError2;
-}(Error);
+function nonNullable(value, message) {
+  if (typeof value > "u" || value == null)
+    throw new Error(message ?? `Expected defined value, but received ${value}`);
+  return value;
+}
+function invariant$1(condition, message) {
+  if (!condition)
+    throw new Error(message ?? "Invariant failed");
+}
+function nonexhaustive(value) {
+  throw new Error(`NonExhaustive value: ${value}`);
+}
 function u$7(t2, n2, a2) {
   let o2 = (r2) => t2(r2, ...n2);
   return a2 === void 0 ? o2 : Object.assign(o2, { lazy: a2, lazyArgs: n2 });
@@ -283,41 +255,6 @@ function u$2(...n2) {
   return u$6(i, n2);
 }
 var i = (n2, { min: e2, max: r2 }) => e2 !== void 0 && n2 < e2 ? e2 : r2 !== void 0 && n2 > r2 ? r2 : n2;
-function isString$1(value) {
-  return value != null && typeof value == "string";
-}
-class BaseError extends CustomError {
-  constructor(message, options) {
-    super(message, options), Object.defineProperty(this, "name", { value: "BaseError" });
-  }
-}
-class NullableError extends BaseError {
-  constructor(message, options) {
-    super(message, options), Object.defineProperty(this, "name", { value: "NullableError" });
-  }
-}
-class InvariantError extends BaseError {
-  constructor(message, options) {
-    super(message, options), Object.defineProperty(this, "name", { value: "InvariantError" });
-  }
-}
-function nonNullable(value, message) {
-  if (typeof value > "u" || value == null)
-    throw new NullableError(message ?? `Expected defined value, but received ${value}`);
-  return value;
-}
-function invariant$1(condition, message) {
-  if (!condition)
-    throw new InvariantError(message ?? "Invariant failed");
-}
-class NonExhaustiveError extends BaseError {
-  constructor(message, options) {
-    super(message, options), Object.defineProperty(this, "name", { value: "NonExhaustiveError" });
-  }
-}
-function nonexhaustive(value) {
-  throw new NonExhaustiveError(`NonExhaustive value: ${value}`);
-}
 const ElementShapes = [
   "rectangle",
   "person",
@@ -326,7 +263,15 @@ const ElementShapes = [
   "cylinder",
   "storage",
   "queue"
-], isTagEqual = (operator) => "tag" in operator, isKindEqual = (operator) => "kind" in operator, isNotOperator = (operator) => "not" in operator, isAndOperator = (operator) => "and" in operator, isOrOperator = (operator) => "or" in operator;
+];
+function isString$1(value) {
+  return value != null && typeof value == "string";
+}
+function isAncestor(...args) {
+  const ancestor = isString$1(args[0]) ? args[0] : args[0].id;
+  return (isString$1(args[1]) ? args[1] : args[1].id).startsWith(ancestor + ".");
+}
+const isTagEqual = (operator) => "tag" in operator, isKindEqual = (operator) => "kind" in operator, isNotOperator = (operator) => "not" in operator, isAndOperator = (operator) => "and" in operator, isOrOperator = (operator) => "or" in operator;
 function whereOperatorAsPredicate(operator) {
   switch (!0) {
     case isTagEqual(operator): {
@@ -383,10 +328,6 @@ function getBBoxCenter({
     y: y2 + height / 2
   };
 }
-function isAncestor(...args) {
-  const ancestor = isString$1(args[0]) ? args[0] : args[0].id;
-  return (isString$1(args[1]) ? args[1] : args[1].id).startsWith(ancestor + ".");
-}
 function cc(names) {
   if (typeof names == "string" || typeof names == "number") return "" + names;
   let out = "";
@@ -11737,6 +11678,7 @@ function DiagramContextProvider({
     }
   );
 }
+DiagramContextProvider.displayName = "DiagramContextProvider";
 function useDiagramState(selector2, equalityFn) {
   const store = useContext(DiagramContext);
   if (store === null)
@@ -22494,6 +22436,7 @@ function EnsureMantine({ children: children2 }) {
     throw new Error("LikeC4Diagram must be a child of MantineProvider");
   return /* @__PURE__ */ jsx(Fragment, { children: children2 });
 }
+EnsureMantine.displayName = "EnsureMantine";
 function selectXYFlowSize(state) {
   return `${Math.round(state.width)}:${Math.round(state.height)}`;
 }
@@ -25739,6 +25682,7 @@ function XYFlow({
     }
   );
 }
+XYFlow.displayName = "XYFlow";
 var container$2 = "_19ci0hj0", card$1 = "_19ci0hj1", title = "_19ci0hj2", description = "_19ci0hj3";
 const selector$1 = (s) => ({
   id: s.view.id,
@@ -26108,7 +26052,7 @@ function NotationPanel() {
     defaultValue: !0
   }), hasNotations = notations.length > 0, portalProps = target ? { portalProps: { target } } : { withinPortal: !1 };
   return /* @__PURE__ */ jsxs(AnimatePresence, { children: [
-    !hasNotations && /* @__PURE__ */ jsx(
+    !hasNotations && isVisible && /* @__PURE__ */ jsx(
       m.div,
       {
         initial: { opacity: 0.75, translateX: "50%" },
@@ -26118,7 +26062,7 @@ function NotationPanel() {
           opacity: 0.6
         },
         className: clsx("react-flow__panel", container),
-        children: /* @__PURE__ */ jsx(Tooltip$2, { label: "Diagram has no notations", color: "orange", ...portalProps, children: /* @__PURE__ */ jsx(
+        children: /* @__PURE__ */ jsx(Tooltip$2, { label: "View has no notations", color: "orange", ...portalProps, children: /* @__PURE__ */ jsx(
           ThemeIcon,
           {
             size: "xl",
@@ -26967,6 +26911,7 @@ function LikeC4Diagram({
     }
   ) }) });
 }
+LikeC4Diagram.displayName = "LikeC4Diagram";
 const LikeC4DiagramInnerMemo = memo$1(function({
   background,
   controls,
@@ -27010,7 +26955,9 @@ const LikeC4DiagramInnerMemo = memo$1(function({
       enableFocusMode && /* @__PURE__ */ jsx(SelectEdgesOnNodeFocus, {})
     ] })
   ] });
-}, shallowEqual), RenderIcon = ({ node }) => {
+}, shallowEqual);
+LikeC4DiagramInnerMemo.displayName = "LikeC4DiagramInnerMemo";
+const RenderIcon = ({ node }) => {
   const IconComponent = Icons[node.icon ?? ""];
   return IconComponent ? /* @__PURE__ */ jsx(IconComponent, {}) : null;
 }, fontCss = '@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/latin-400-normal.woff2) format("woff2"),url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/latin-400-normal.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/latin-500-normal.woff2) format("woff2"),url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/latin-500-normal.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/latin-600-normal.woff2) format("woff2"),url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/latin-600-normal.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/cyrillic-ext-400-normal.woff2) format("woff2"),url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/cyrillic-ext-400-normal.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/cyrillic-ext-500-normal.woff2) format("woff2"),url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/cyrillic-ext-500-normal.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/cyrillic-ext-600-normal.woff2) format("woff2"),url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/cyrillic-ext-600-normal.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/cyrillic-400-normal.woff2) format("woff2"),url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/cyrillic-400-normal.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/cyrillic-500-normal.woff2) format("woff2"),url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/cyrillic-500-normal.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/cyrillic-600-normal.woff2) format("woff2"),url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/cyrillic-600-normal.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/latin-ext-400-normal.woff2) format("woff2"),url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/latin-ext-400-normal.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/latin-ext-500-normal.woff2) format("woff2"),url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/latin-ext-500-normal.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/latin-ext-600-normal.woff2) format("woff2"),url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/latin-ext-600-normal.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}', bundledStyles = () => {
@@ -27065,7 +27012,7 @@ const BrowserModal = memo$1(({
   }, []), useTimeoutEffect(() => {
     setVisible(!0);
   }, 20);
-  const notations = view.notation?.elements, hasNotations = notations && notations.length > 0;
+  const hasNotations = (view.notation?.elements ?? []).length > 0;
   return /* @__PURE__ */ jsx(
     ModalRoot,
     {

package/dist/cli/index.d.mts

@@ -0,0 +1 @@
+

package/dist/cli/index.d.ts

@@ -0,0 +1 @@
+