likec4 1.7.1 → 1.7.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "likec4",
-  "version": "1.7.1",
+  "version": "1.7.3",
   "license": "MIT",
   "homepage": "https://likec4.dev",
   "author": "Denis Davydkov <denis@davydkov.com>",
@@ -91,7 +91,7 @@
     "@nanostores/react": "0.7.2",
     "@vitejs/plugin-react": "4.3.1",
     "nanostores": "0.10.3",
-    "playwright": "1.45.2",
+    "playwright": "1.46.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "vite": "5.3.4",
@@ -99,14 +99,14 @@
   },
   "devDependencies": {
     "@fontsource/ibm-plex-sans": "^5.0.20",
-    "@likec4/core": "1.7.1",
-    "@likec4/diagram": "1.7.1",
-    "@likec4/generators": "1.7.1",
-    "@likec4/icons": "1.7.1",
-    "@likec4/language-server": "1.7.1",
-    "@likec4/layouts": "1.7.1",
-    "@likec4/log": "1.7.1",
-    "@likec4/tsconfig": "1.7.1",
+    "@likec4/core": "1.7.3",
+    "@likec4/diagram": "1.7.3",
+    "@likec4/generators": "1.7.3",
+    "@likec4/icons": "1.7.3",
+    "@likec4/language-server": "1.7.3",
+    "@likec4/layouts": "1.7.3",
+    "@likec4/log": "1.7.3",
+    "@likec4/tsconfig": "1.7.3",
     "@mantine/core": "7.11.2",
     "@mantine/hooks": "7.11.2",
     "@mantine/vanilla-extract": "7.11.2",
@@ -115,16 +115,16 @@
     "@tanstack/react-router": "1.45.13",
     "@tanstack/router-cli": "1.45.13",
     "@tanstack/router-vite-plugin": "1.45.13",
-    "@types/node": "^20.14.13",
+    "@types/node": "^20.14.14",
     "@types/prop-types": "^15.7.11",
     "@types/react": "18.3.3",
     "@types/react-dom": "18.3.0",
     "@types/string-hash": "^1.1.3",
-    "@types/yargs": "^17.0.32",
+    "@types/yargs": "^17.0.33",
     "@vanilla-extract/css": "^1.15.3",
     "@vanilla-extract/dynamic": "^2.1.1",
     "@vanilla-extract/vite-plugin": "^4.0.13",
-    "autoprefixer": "^10.4.19",
+    "autoprefixer": "^10.4.20",
     "ci-info": "^3.9.0",
     "classnames": "^2.3.2",
     "clsx": "^2.1.1",
@@ -133,7 +133,7 @@
     "esm-env": "^1.0.0",
     "execa": "^9.3.0",
     "fast-equals": "^5.0.1",
-    "framer-motion": "^11.3.19",
+    "framer-motion": "^11.3.24",
     "get-port": "^7.1.0",
     "glob": "^11.0.0",
     "html-to-image": "^1.11.11",
@@ -141,19 +141,19 @@
     "langium": "3.1.3",
     "mkdirp": "^3.0.1",
     "npm-run-all2": "^6.2.2",
-    "p-limit": "^6.0.0",
+    "p-limit": "^6.1.0",
     "package-up": "^5.0.0",
     "picocolors": "^1.0.1",
-    "postcss": "^8.4.40",
+    "postcss": "^8.4.41",
     "postcss-preset-mantine": "^1.17.0",
     "pretty-ms": "^9.0.0",
     "react-error-boundary": "^4.0.13",
-    "react-resizable-panels": "^2.0.22",
+    "react-resizable-panels": "^2.0.23",
     "react-shadow": "^20.5.0",
     "remeda": "^2.3.0",
     "string-hash": "^1.1.3",
     "strip-indent": "^4.0.0",
-    "terser": "^5.31.3",
+    "terser": "^5.31.5",
     "tsx": "~4.9.3",
     "type-fest": "^4.21.0",
     "typescript": "^5.5.4",

package/react/LikeC4Browser.d.ts

@@ -1,5 +1,6 @@
 import type { DiagramView, ElementIconRenderer } from './types';
-export type LikeC4BrowserProps<ViewId extends string> = {
+import type { WhereOperator } from './types-filter';
+export type LikeC4BrowserProps<ViewId extends string, Tag extends string, Kind extends string> = {
     view: DiagramView<ViewId>;
     /**
      * By default determined by the user's system preferences.
@@ -25,5 +26,6 @@ export type LikeC4BrowserProps<ViewId extends string> = {
      * By default, if icon is http:// or https://, it will be rendered as an image
      */
     renderIcon?: ElementIconRenderer | undefined;
+    where?: WhereOperator<Tag, Kind> | undefined;
 };
-export declare function LikeC4Browser<ViewId extends string>({ colorScheme, view, injectFontCss, onNavigateTo, onClose, renderIcon, background }: LikeC4BrowserProps<ViewId>): import("react/jsx-runtime").JSX.Element;
+export declare function LikeC4Browser<ViewId extends string, Tag extends string, Kind extends string>({ colorScheme, view, injectFontCss, onNavigateTo, onClose, renderIcon, where, background }: LikeC4BrowserProps<ViewId, Tag, Kind>): import("react/jsx-runtime").JSX.Element;

package/react/LikeC4ViewElement.d.ts

@@ -1,6 +1,7 @@
 import { type HTMLAttributes } from 'react';
 import type { DiagramView, ElementIconRenderer } from './types';
-export type LikeC4ViewElementProps<ViewId extends string> = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {
+import type { WhereOperator } from './types-filter';
+export type LikeC4ViewElementProps<ViewId extends string, Tag extends string, Kind extends string> = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {
     view: DiagramView<ViewId>;
     /**
      * By default determined by the user's system preferences.
@@ -27,5 +28,6 @@ export type LikeC4ViewElementProps<ViewId extends string> = Omit<HTMLAttributes<
     renderIcon?: ElementIconRenderer | undefined;
     showElementLinks?: boolean | undefined;
     enableFocusMode?: boolean | undefined;
+    where?: WhereOperator<Tag, Kind> | undefined;
 };
-export declare function LikeC4ViewElement<ViewId extends string>({ onNavigateTo: _onNavigateTo, className, view, injectFontCss, colorScheme, background, renderIcon, showElementLinks, enableFocusMode, ...props }: LikeC4ViewElementProps<ViewId>): import("react/jsx-runtime").JSX.Element;
+export declare function LikeC4ViewElement<ViewId extends string, Tag extends string, Kind extends string>({ onNavigateTo: _onNavigateTo, className, view, injectFontCss, colorScheme, background, renderIcon, showElementLinks, enableFocusMode, where, ...props }: LikeC4ViewElementProps<ViewId, Tag, Kind>): import("react/jsx-runtime").JSX.Element;

package/react/index.d.ts

@@ -6,3 +6,4 @@ export { useColorScheme, useCreateStyleSheet } from './styles';
 export type * from './LikeC4Browser';
 export type * from './LikeC4ViewElement';
 export type * from './types';
+export type * from './types-filter';