likec4 1.14.0 → 1.15.0

package/dist/index.d.mts

@@ -34,6 +34,9 @@ type Fqn$1<Id extends string = string> = Tagged<Id, 'Fqn'>;
 declare const BorderStyles: readonly ["solid", "dashed", "dotted", "none"];
 type BorderStyle = TupleToUnion<typeof BorderStyles>;
 type ElementKind$1<Kinds extends string = string> = Tagged<Kinds, 'ElementKind'>;
+declare namespace ElementKind$1 {
+    const Group: ElementKind$1;
+}
 declare const ElementShapes: readonly ["rectangle", "person", "browser", "mobile", "cylinder", "storage", "queue"];
 type ElementShape$1 = TupleToUnion<typeof ElementShapes>;
 interface ElementStyle {
@@ -107,6 +110,12 @@ type OrOperator<Tag, Kind> = Omit<AllNever, 'or'> & {
 };
 type WhereOperator<Tag, Kind> = TagEqual<Tag> | KindEqual<Kind> | NotOperator<Tag, Kind> | AndOperator<Tag, Kind> | OrOperator<Tag, Kind>;
 
+type GlobalStyleID = Tagged<string, 'GlobalStyleID'>;
+interface GlobalStyle$1 {
+    readonly id: GlobalStyleID;
+    readonly styles: NonEmptyArray<ViewRuleStyle$1>;
+}
+
 type ElementNotation = {
     kinds: ElementKind$1[];
     shape: ElementShape$1;
@@ -114,12 +123,6 @@ type ElementNotation = {
     title: string;
 };
 
-type GlobalStyleID = Tagged<string, 'GlobalStyleID'>;
-interface GlobalStyle$1 {
-    readonly id: GlobalStyleID;
-    readonly styles: NonEmptyArray<ViewRuleStyle$1>;
-}
-
 type ViewID$1<Id extends string = string> = Tagged<Id, 'ViewID'>;
 type ViewRulePredicate$1 = {
     include: Expression$1[];
@@ -146,7 +149,14 @@ interface ViewRuleAutoLayout$1 {
     nodeSep?: number;
     rankSep?: number;
 }
-type ViewRule$1 = ViewRulePredicate$1 | ViewRuleStyle$1 | ViewRuleGlobalStyle$1 | ViewRuleAutoLayout$1;
+interface ViewRuleGroup$1 {
+    groupRules: Array<ViewRulePredicate$1 | ViewRuleGroup$1>;
+    title: string | null;
+    color?: Color$1;
+    border?: BorderStyle;
+    opacity?: number;
+}
+type ViewRule$1 = ViewRulePredicate$1 | ViewRuleGroup$1 | ViewRuleStyle$1 | ViewRuleGlobalStyle$1 | ViewRuleAutoLayout$1;
 interface BasicView<ViewType extends 'element' | 'dynamic', ViewIDs extends string, Tags extends string> {
     readonly __?: ViewType;
     readonly id: ViewID$1<ViewIDs>;
@@ -256,6 +266,12 @@ interface ComputedNode {
      */
     isCustomized?: boolean;
 }
+declare namespace ComputedNode {
+    /**
+     * Nodes group is a special kind of node, exisiting only in view
+     */
+    function isNodesGroup(node: ComputedNode): boolean;
+}
 interface ComputedEdge {
     id: EdgeId$1;
     parent: NodeId | null;
@@ -331,6 +347,12 @@ interface DiagramNode extends ComputedNode {
     position: Point;
     labelBBox: BBox;
 }
+declare namespace DiagramNode {
+    /**
+     * Nodes group is a special kind of node, exisiting only in view
+     */
+    function isNodesGroup(node: DiagramNode): boolean;
+}
 interface DiagramEdge extends ComputedEdge {
     points: NonEmptyArray<Point>;
     controlPoints?: NonEmptyArray<XYPoint>;
@@ -15321,7 +15343,7 @@ type ArrowType = 'crow' | 'diamond' | 'dot' | 'none' | 'normal' | 'odiamond' | '
 type BorderStyleValue = 'none' | LineOptions;
 type CustomColorId = 'element' | 'model' | ArrowType | ElementShape | LineOptions | string;
 type CustomColorValue = string;
-type DynamicViewRule = DynamicViewIncludePredicate | ViewRuleAutoLayout | ViewRuleGlobalStyle | ViewRuleStyle;
+type DynamicViewRule = DynamicViewIncludePredicate | ViewRuleAutoLayout | ViewRuleStyleOrGlobalRef;
 declare const DynamicViewRule = "DynamicViewRule";
 type ElementExpression = ElementDescedantsExpression | ElementKindExpression | ElementRef | ElementTagExpression | ExpandElementExpression | WildcardExpression;
 declare const ElementExpression = "ElementExpression";
@@ -15333,7 +15355,7 @@ type ElementProperty = ElementStringProperty | ElementStyleProperty | IconProper
 declare const ElementProperty = "ElementProperty";
 type ElementShape = 'browser' | 'cylinder' | 'mobile' | 'person' | 'queue' | 'rectangle' | 'storage';
 type IconId = string;
-type Id = 'element' | 'model' | ArrowType | ElementShape | LineOptions | ThemeColor | string;
+type Id = 'element' | 'group' | 'model' | ArrowType | ElementShape | LineOptions | ThemeColor | string;
 type LikeC4View = DynamicView | ElementView;
 declare const LikeC4View = "LikeC4View";
 type LineOptions = 'dashed' | 'dotted' | 'solid';
@@ -15360,10 +15382,12 @@ type Uri = string;
 type ViewLayoutDirection = 'BottomTop' | 'LeftRight' | 'RightLeft' | 'TopBottom';
 type ViewProperty = LinkProperty | ViewStringProperty;
 declare const ViewProperty = "ViewProperty";
-type ViewRule = ViewRuleAutoLayout | ViewRuleGlobalStyle | ViewRulePredicate | ViewRuleStyle;
+type ViewRule = ViewRuleAutoLayout | ViewRuleGroup | ViewRulePredicate | ViewRuleStyleOrGlobalRef;
 declare const ViewRule = "ViewRule";
 type ViewRulePredicate = ExcludePredicate | IncludePredicate;
 declare const ViewRulePredicate = "ViewRulePredicate";
+type ViewRuleStyleOrGlobalRef = ViewRuleGlobalStyle | ViewRuleStyle;
+declare const ViewRuleStyleOrGlobalRef = "ViewRuleStyleOrGlobalRef";
 type WhereElement = WhereElementKind | WhereElementTag;
 declare const WhereElement = "WhereElement";
 type WhereElementExpression = WhereBinaryExpression | WhereElement | WhereElementNegation;
@@ -15386,14 +15410,14 @@ interface ArrowProperty extends AstNode {
 }
 declare const ArrowProperty = "ArrowProperty";
 interface BorderProperty extends AstNode {
-    readonly $container: CustomElementProperties | ElementStyleProperty | GlobalStyle | ViewRuleStyle;
+    readonly $container: CustomElementProperties | ElementStyleProperty | GlobalStyle | ViewRuleGroup | ViewRuleStyle;
     readonly $type: 'BorderProperty';
     key: 'border';
     value: BorderStyleValue;
 }
 declare const BorderProperty = "BorderProperty";
 interface ColorProperty extends AstNode {
-    readonly $container: CustomElementProperties | CustomRelationProperties | ElementStyleProperty | GlobalStyle | RelationStyleProperty | SpecificationRelationshipKind | ViewRuleStyle;
+    readonly $container: CustomElementProperties | CustomRelationProperties | ElementStyleProperty | GlobalStyle | RelationStyleProperty | SpecificationRelationshipKind | ViewRuleGroup | ViewRuleStyle;
     readonly $type: 'ColorProperty';
     customColor?: Reference<CustomColor>;
     key: 'color';
@@ -15586,7 +15610,7 @@ interface ElementViewRef extends AstNode {
 }
 declare const ElementViewRef = "ElementViewRef";
 interface ExcludePredicate extends AstNode {
-    readonly $container: ElementViewBody;
+    readonly $container: ElementViewBody | ViewRuleGroup;
     readonly $type: 'ExcludePredicate';
     predicates: Predicates;
 }
@@ -15621,17 +15645,30 @@ interface Globals extends AstNode {
     readonly $container: LikeC4Grammar;
     readonly $type: 'Globals';
     name: 'global';
-    styles: Array<GlobalStyle>;
+    styles: Array<GlobalStyle | GlobalStyleGroup>;
 }
 declare const Globals = "Globals";
 interface GlobalStyle extends AstNode {
     readonly $container: Globals;
     readonly $type: 'GlobalStyle';
-    name: string;
+    id: GlobalStyleId;
     props: Array<NotationProperty | StyleProperty>;
     target: ElementExpressionsIterator;
 }
 declare const GlobalStyle = "GlobalStyle";
+interface GlobalStyleGroup extends AstNode {
+    readonly $container: Globals;
+    readonly $type: 'GlobalStyleGroup';
+    id: GlobalStyleId;
+    styles: Array<ViewRuleStyle>;
+}
+declare const GlobalStyleGroup = "GlobalStyleGroup";
+interface GlobalStyleId extends AstNode {
+    readonly $container: GlobalStyle | GlobalStyleGroup;
+    readonly $type: 'GlobalStyleId';
+    name: string;
+}
+declare const GlobalStyleId = "GlobalStyleId";
 interface IconProperty extends AstNode {
     readonly $container: CustomElementProperties | ElementBody | ElementStyleProperty | GlobalStyle | ViewRuleStyle;
     readonly $type: 'IconProperty';
@@ -15641,7 +15678,7 @@ interface IconProperty extends AstNode {
 }
 declare const IconProperty = "IconProperty";
 interface IncludePredicate extends AstNode {
-    readonly $container: ElementViewBody;
+    readonly $container: ElementViewBody | ViewRuleGroup;
     readonly $type: 'IncludePredicate';
     predicates: Predicates;
 }
@@ -15718,7 +15755,7 @@ interface ModelViews extends AstNode {
     readonly $container: LikeC4Grammar;
     readonly $type: 'ModelViews';
     name: 'views';
-    styles: Array<ViewRuleStyle>;
+    styles: Array<ViewRuleStyleOrGlobalRef>;
     views: Array<LikeC4View>;
 }
 declare const ModelViews = "ModelViews";
@@ -15744,7 +15781,7 @@ interface NotesProperty extends AstNode {
 }
 declare const NotesProperty = "NotesProperty";
 interface OpacityProperty extends AstNode {
-    readonly $container: CustomElementProperties | ElementStyleProperty | GlobalStyle | ViewRuleStyle;
+    readonly $container: CustomElementProperties | ElementStyleProperty | GlobalStyle | ViewRuleGroup | ViewRuleStyle;
     readonly $type: 'OpacityProperty';
     key: 'opacity';
     value: string;
@@ -15911,13 +15948,21 @@ interface ViewRuleAutoLayout extends AstNode {
 }
 declare const ViewRuleAutoLayout = "ViewRuleAutoLayout";
 interface ViewRuleGlobalStyle extends AstNode {
-    readonly $container: DynamicViewBody | ElementViewBody;
+    readonly $container: DynamicViewBody | ElementViewBody | ModelViews;
     readonly $type: 'ViewRuleGlobalStyle';
-    style: Reference<GlobalStyle>;
+    style: Reference<GlobalStyleId>;
 }
 declare const ViewRuleGlobalStyle = "ViewRuleGlobalStyle";
+interface ViewRuleGroup extends AstNode {
+    readonly $container: ElementViewBody | ViewRuleGroup;
+    readonly $type: 'ViewRuleGroup';
+    groupRules: Array<ViewRuleGroup | ViewRulePredicate>;
+    props: Array<BorderProperty | ColorProperty | OpacityProperty>;
+    title?: string;
+}
+declare const ViewRuleGroup = "ViewRuleGroup";
 interface ViewRuleStyle extends AstNode {
-    readonly $container: DynamicViewBody | ElementViewBody | ModelViews;
+    readonly $container: DynamicViewBody | ElementViewBody | GlobalStyleGroup | ModelViews;
     readonly $type: 'ViewRuleStyle';
     props: Array<NotationProperty | StyleProperty>;
     target: ElementExpressionsIterator;
@@ -16029,6 +16074,8 @@ type LikeC4AstType = {
     ExtendElementBody: ExtendElementBody;
     FqnElementRef: FqnElementRef;
     GlobalStyle: GlobalStyle;
+    GlobalStyleGroup: GlobalStyleGroup;
+    GlobalStyleId: GlobalStyleId;
     Globals: Globals;
     IconProperty: IconProperty;
     InOutRelationExpression: InOutRelationExpression;
@@ -16082,8 +16129,10 @@ type LikeC4AstType = {
     ViewRule: ViewRule;
     ViewRuleAutoLayout: ViewRuleAutoLayout;
     ViewRuleGlobalStyle: ViewRuleGlobalStyle;
+    ViewRuleGroup: ViewRuleGroup;
     ViewRulePredicate: ViewRulePredicate;
     ViewRuleStyle: ViewRuleStyle;
+    ViewRuleStyleOrGlobalRef: ViewRuleStyleOrGlobalRef;
     ViewStringProperty: ViewStringProperty;
     WhereBinaryExpression: WhereBinaryExpression;
     WhereElement: WhereElement;
@@ -16327,6 +16376,7 @@ declare class LikeC4ModelParser {
     private parseElement;
     private parseRelation;
     private parseGlobal;
+    private parseGlobalStyleOrGroup;
     private parseGlobalStyle;
     private parseViews;
     private parseViewRulePredicate;
@@ -16341,7 +16391,9 @@ declare class LikeC4ModelParser {
     private parseRelationPredicateWith;
     private parseRelationExpr;
     private parseViewRule;
+    private parseViewRuleStyleOrGlobalRef;
     private parseViewRuleStyle;
+    private parseViewRuleGroup;
     private parseRuleStyle;
     private parseViewRuleGlobalStyle;
     private parseViewManualLaout;
@@ -17283,4 +17335,4 @@ declare class LikeC4 {
     dispose(): void;
 }
 
-export { type AutoLayoutDirection, type BBox, BorderStyles, Builder, type BuilderSpecification, type Color$1 as Color, type ComputedDynamicView, type ComputedEdge, type ComputedElementView, type ComputedLikeC4Model, type ComputedNode, type ComputedView, type DiagramEdge, type DiagramNode, type DiagramView, type DynamicView$1 as DynamicView, type EdgeId$1 as EdgeId, type Element$1 as Element, ElementColors, type ElementKind$1 as ElementKind, ElementShapes, type ElementView$1 as ElementView, type Fqn$1 as Fqn, type HexColorLiteral, type LayoutedLikeC4Model, LikeC4, Builder as LikeC4Builder, LikeC4DiagramModel, LikeC4Model, type LikeC4View$1 as LikeC4View, LikeC4ViewModel, type NodeId, type ParsedLikeC4Model, type Point, type Relation$1 as Relation, type RelationExpr, type RelationID$1 as RelationID, RelationshipColors, StepEdgeId, type Tag$1 as Tag, type ThemeColor$1 as ThemeColor, type ViewID$1 as ViewID, type XYPoint, ancestorsFqn, commonAncestor, compareByFqnHierarchically, compareFqnHierarchically, compareRelations, defaultTheme, extractStep, hasAtLeast, invariant, isAncestor, isComputedDynamicView, isDescendantOf, isSameHierarchy, isStepEdgeId, nameFromFqn, nonNullable, nonexhaustive, parentFqn };
+export { type AutoLayoutDirection, type BBox, BorderStyles, Builder, type BuilderSpecification, type Color$1 as Color, type ComputedDynamicView, type ComputedEdge, type ComputedElementView, type ComputedLikeC4Model, ComputedNode, type ComputedView, type DiagramEdge, DiagramNode, type DiagramView, type DynamicView$1 as DynamicView, type EdgeId$1 as EdgeId, type Element$1 as Element, ElementColors, ElementKind$1 as ElementKind, ElementShapes, type ElementView$1 as ElementView, type Fqn$1 as Fqn, type HexColorLiteral, type LayoutedLikeC4Model, LikeC4, Builder as LikeC4Builder, LikeC4DiagramModel, LikeC4Model, type LikeC4View$1 as LikeC4View, LikeC4ViewModel, type NodeId, type ParsedLikeC4Model, type Point, type Relation$1 as Relation, type RelationExpr, type RelationID$1 as RelationID, RelationshipColors, StepEdgeId, type Tag$1 as Tag, type ThemeColor$1 as ThemeColor, type ViewID$1 as ViewID, type XYPoint, ancestorsFqn, commonAncestor, compareByFqnHierarchically, compareFqnHierarchically, compareRelations, defaultTheme, extractStep, hasAtLeast, invariant, isAncestor, isComputedDynamicView, isDescendantOf, isSameHierarchy, isStepEdgeId, nameFromFqn, nonNullable, nonexhaustive, parentFqn };

package/dist/index.d.ts

@@ -34,6 +34,9 @@ type Fqn$1<Id extends string = string> = Tagged<Id, 'Fqn'>;
 declare const BorderStyles: readonly ["solid", "dashed", "dotted", "none"];
 type BorderStyle = TupleToUnion<typeof BorderStyles>;
 type ElementKind$1<Kinds extends string = string> = Tagged<Kinds, 'ElementKind'>;
+declare namespace ElementKind$1 {
+    const Group: ElementKind$1;
+}
 declare const ElementShapes: readonly ["rectangle", "person", "browser", "mobile", "cylinder", "storage", "queue"];
 type ElementShape$1 = TupleToUnion<typeof ElementShapes>;
 interface ElementStyle {
@@ -107,6 +110,12 @@ type OrOperator<Tag, Kind> = Omit<AllNever, 'or'> & {
 };
 type WhereOperator<Tag, Kind> = TagEqual<Tag> | KindEqual<Kind> | NotOperator<Tag, Kind> | AndOperator<Tag, Kind> | OrOperator<Tag, Kind>;
 
+type GlobalStyleID = Tagged<string, 'GlobalStyleID'>;
+interface GlobalStyle$1 {
+    readonly id: GlobalStyleID;
+    readonly styles: NonEmptyArray<ViewRuleStyle$1>;
+}
+
 type ElementNotation = {
     kinds: ElementKind$1[];
     shape: ElementShape$1;
@@ -114,12 +123,6 @@ type ElementNotation = {
     title: string;
 };
 
-type GlobalStyleID = Tagged<string, 'GlobalStyleID'>;
-interface GlobalStyle$1 {
-    readonly id: GlobalStyleID;
-    readonly styles: NonEmptyArray<ViewRuleStyle$1>;
-}
-
 type ViewID$1<Id extends string = string> = Tagged<Id, 'ViewID'>;
 type ViewRulePredicate$1 = {
     include: Expression$1[];
@@ -146,7 +149,14 @@ interface ViewRuleAutoLayout$1 {
     nodeSep?: number;
     rankSep?: number;
 }
-type ViewRule$1 = ViewRulePredicate$1 | ViewRuleStyle$1 | ViewRuleGlobalStyle$1 | ViewRuleAutoLayout$1;
+interface ViewRuleGroup$1 {
+    groupRules: Array<ViewRulePredicate$1 | ViewRuleGroup$1>;
+    title: string | null;
+    color?: Color$1;
+    border?: BorderStyle;
+    opacity?: number;
+}
+type ViewRule$1 = ViewRulePredicate$1 | ViewRuleGroup$1 | ViewRuleStyle$1 | ViewRuleGlobalStyle$1 | ViewRuleAutoLayout$1;
 interface BasicView<ViewType extends 'element' | 'dynamic', ViewIDs extends string, Tags extends string> {
     readonly __?: ViewType;
     readonly id: ViewID$1<ViewIDs>;
@@ -256,6 +266,12 @@ interface ComputedNode {
      */
     isCustomized?: boolean;
 }
+declare namespace ComputedNode {
+    /**
+     * Nodes group is a special kind of node, exisiting only in view
+     */
+    function isNodesGroup(node: ComputedNode): boolean;
+}
 interface ComputedEdge {
     id: EdgeId$1;
     parent: NodeId | null;
@@ -331,6 +347,12 @@ interface DiagramNode extends ComputedNode {
     position: Point;
     labelBBox: BBox;
 }
+declare namespace DiagramNode {
+    /**
+     * Nodes group is a special kind of node, exisiting only in view
+     */
+    function isNodesGroup(node: DiagramNode): boolean;
+}
 interface DiagramEdge extends ComputedEdge {
     points: NonEmptyArray<Point>;
     controlPoints?: NonEmptyArray<XYPoint>;
@@ -15321,7 +15343,7 @@ type ArrowType = 'crow' | 'diamond' | 'dot' | 'none' | 'normal' | 'odiamond' | '
 type BorderStyleValue = 'none' | LineOptions;
 type CustomColorId = 'element' | 'model' | ArrowType | ElementShape | LineOptions | string;
 type CustomColorValue = string;
-type DynamicViewRule = DynamicViewIncludePredicate | ViewRuleAutoLayout | ViewRuleGlobalStyle | ViewRuleStyle;
+type DynamicViewRule = DynamicViewIncludePredicate | ViewRuleAutoLayout | ViewRuleStyleOrGlobalRef;
 declare const DynamicViewRule = "DynamicViewRule";
 type ElementExpression = ElementDescedantsExpression | ElementKindExpression | ElementRef | ElementTagExpression | ExpandElementExpression | WildcardExpression;
 declare const ElementExpression = "ElementExpression";
@@ -15333,7 +15355,7 @@ type ElementProperty = ElementStringProperty | ElementStyleProperty | IconProper
 declare const ElementProperty = "ElementProperty";
 type ElementShape = 'browser' | 'cylinder' | 'mobile' | 'person' | 'queue' | 'rectangle' | 'storage';
 type IconId = string;
-type Id = 'element' | 'model' | ArrowType | ElementShape | LineOptions | ThemeColor | string;
+type Id = 'element' | 'group' | 'model' | ArrowType | ElementShape | LineOptions | ThemeColor | string;
 type LikeC4View = DynamicView | ElementView;
 declare const LikeC4View = "LikeC4View";
 type LineOptions = 'dashed' | 'dotted' | 'solid';
@@ -15360,10 +15382,12 @@ type Uri = string;
 type ViewLayoutDirection = 'BottomTop' | 'LeftRight' | 'RightLeft' | 'TopBottom';
 type ViewProperty = LinkProperty | ViewStringProperty;
 declare const ViewProperty = "ViewProperty";
-type ViewRule = ViewRuleAutoLayout | ViewRuleGlobalStyle | ViewRulePredicate | ViewRuleStyle;
+type ViewRule = ViewRuleAutoLayout | ViewRuleGroup | ViewRulePredicate | ViewRuleStyleOrGlobalRef;
 declare const ViewRule = "ViewRule";
 type ViewRulePredicate = ExcludePredicate | IncludePredicate;
 declare const ViewRulePredicate = "ViewRulePredicate";
+type ViewRuleStyleOrGlobalRef = ViewRuleGlobalStyle | ViewRuleStyle;
+declare const ViewRuleStyleOrGlobalRef = "ViewRuleStyleOrGlobalRef";
 type WhereElement = WhereElementKind | WhereElementTag;
 declare const WhereElement = "WhereElement";
 type WhereElementExpression = WhereBinaryExpression | WhereElement | WhereElementNegation;
@@ -15386,14 +15410,14 @@ interface ArrowProperty extends AstNode {
 }
 declare const ArrowProperty = "ArrowProperty";
 interface BorderProperty extends AstNode {
-    readonly $container: CustomElementProperties | ElementStyleProperty | GlobalStyle | ViewRuleStyle;
+    readonly $container: CustomElementProperties | ElementStyleProperty | GlobalStyle | ViewRuleGroup | ViewRuleStyle;
     readonly $type: 'BorderProperty';
     key: 'border';
     value: BorderStyleValue;
 }
 declare const BorderProperty = "BorderProperty";
 interface ColorProperty extends AstNode {
-    readonly $container: CustomElementProperties | CustomRelationProperties | ElementStyleProperty | GlobalStyle | RelationStyleProperty | SpecificationRelationshipKind | ViewRuleStyle;
+    readonly $container: CustomElementProperties | CustomRelationProperties | ElementStyleProperty | GlobalStyle | RelationStyleProperty | SpecificationRelationshipKind | ViewRuleGroup | ViewRuleStyle;
     readonly $type: 'ColorProperty';
     customColor?: Reference<CustomColor>;
     key: 'color';
@@ -15586,7 +15610,7 @@ interface ElementViewRef extends AstNode {
 }
 declare const ElementViewRef = "ElementViewRef";
 interface ExcludePredicate extends AstNode {
-    readonly $container: ElementViewBody;
+    readonly $container: ElementViewBody | ViewRuleGroup;
     readonly $type: 'ExcludePredicate';
     predicates: Predicates;
 }
@@ -15621,17 +15645,30 @@ interface Globals extends AstNode {
     readonly $container: LikeC4Grammar;
     readonly $type: 'Globals';
     name: 'global';
-    styles: Array<GlobalStyle>;
+    styles: Array<GlobalStyle | GlobalStyleGroup>;
 }
 declare const Globals = "Globals";
 interface GlobalStyle extends AstNode {
     readonly $container: Globals;
     readonly $type: 'GlobalStyle';
-    name: string;
+    id: GlobalStyleId;
     props: Array<NotationProperty | StyleProperty>;
     target: ElementExpressionsIterator;
 }
 declare const GlobalStyle = "GlobalStyle";
+interface GlobalStyleGroup extends AstNode {
+    readonly $container: Globals;
+    readonly $type: 'GlobalStyleGroup';
+    id: GlobalStyleId;
+    styles: Array<ViewRuleStyle>;
+}
+declare const GlobalStyleGroup = "GlobalStyleGroup";
+interface GlobalStyleId extends AstNode {
+    readonly $container: GlobalStyle | GlobalStyleGroup;
+    readonly $type: 'GlobalStyleId';
+    name: string;
+}
+declare const GlobalStyleId = "GlobalStyleId";
 interface IconProperty extends AstNode {
     readonly $container: CustomElementProperties | ElementBody | ElementStyleProperty | GlobalStyle | ViewRuleStyle;
     readonly $type: 'IconProperty';
@@ -15641,7 +15678,7 @@ interface IconProperty extends AstNode {
 }
 declare const IconProperty = "IconProperty";
 interface IncludePredicate extends AstNode {
-    readonly $container: ElementViewBody;
+    readonly $container: ElementViewBody | ViewRuleGroup;
     readonly $type: 'IncludePredicate';
     predicates: Predicates;
 }
@@ -15718,7 +15755,7 @@ interface ModelViews extends AstNode {
     readonly $container: LikeC4Grammar;
     readonly $type: 'ModelViews';
     name: 'views';
-    styles: Array<ViewRuleStyle>;
+    styles: Array<ViewRuleStyleOrGlobalRef>;
     views: Array<LikeC4View>;
 }
 declare const ModelViews = "ModelViews";
@@ -15744,7 +15781,7 @@ interface NotesProperty extends AstNode {
 }
 declare const NotesProperty = "NotesProperty";
 interface OpacityProperty extends AstNode {
-    readonly $container: CustomElementProperties | ElementStyleProperty | GlobalStyle | ViewRuleStyle;
+    readonly $container: CustomElementProperties | ElementStyleProperty | GlobalStyle | ViewRuleGroup | ViewRuleStyle;
     readonly $type: 'OpacityProperty';
     key: 'opacity';
     value: string;
@@ -15911,13 +15948,21 @@ interface ViewRuleAutoLayout extends AstNode {
 }
 declare const ViewRuleAutoLayout = "ViewRuleAutoLayout";
 interface ViewRuleGlobalStyle extends AstNode {
-    readonly $container: DynamicViewBody | ElementViewBody;
+    readonly $container: DynamicViewBody | ElementViewBody | ModelViews;
     readonly $type: 'ViewRuleGlobalStyle';
-    style: Reference<GlobalStyle>;
+    style: Reference<GlobalStyleId>;
 }
 declare const ViewRuleGlobalStyle = "ViewRuleGlobalStyle";
+interface ViewRuleGroup extends AstNode {
+    readonly $container: ElementViewBody | ViewRuleGroup;
+    readonly $type: 'ViewRuleGroup';
+    groupRules: Array<ViewRuleGroup | ViewRulePredicate>;
+    props: Array<BorderProperty | ColorProperty | OpacityProperty>;
+    title?: string;
+}
+declare const ViewRuleGroup = "ViewRuleGroup";
 interface ViewRuleStyle extends AstNode {
-    readonly $container: DynamicViewBody | ElementViewBody | ModelViews;
+    readonly $container: DynamicViewBody | ElementViewBody | GlobalStyleGroup | ModelViews;
     readonly $type: 'ViewRuleStyle';
     props: Array<NotationProperty | StyleProperty>;
     target: ElementExpressionsIterator;
@@ -16029,6 +16074,8 @@ type LikeC4AstType = {
     ExtendElementBody: ExtendElementBody;
     FqnElementRef: FqnElementRef;
     GlobalStyle: GlobalStyle;
+    GlobalStyleGroup: GlobalStyleGroup;
+    GlobalStyleId: GlobalStyleId;
     Globals: Globals;
     IconProperty: IconProperty;
     InOutRelationExpression: InOutRelationExpression;
@@ -16082,8 +16129,10 @@ type LikeC4AstType = {
     ViewRule: ViewRule;
     ViewRuleAutoLayout: ViewRuleAutoLayout;
     ViewRuleGlobalStyle: ViewRuleGlobalStyle;
+    ViewRuleGroup: ViewRuleGroup;
     ViewRulePredicate: ViewRulePredicate;
     ViewRuleStyle: ViewRuleStyle;
+    ViewRuleStyleOrGlobalRef: ViewRuleStyleOrGlobalRef;
     ViewStringProperty: ViewStringProperty;
     WhereBinaryExpression: WhereBinaryExpression;
     WhereElement: WhereElement;
@@ -16327,6 +16376,7 @@ declare class LikeC4ModelParser {
     private parseElement;
     private parseRelation;
     private parseGlobal;
+    private parseGlobalStyleOrGroup;
     private parseGlobalStyle;
     private parseViews;
     private parseViewRulePredicate;
@@ -16341,7 +16391,9 @@ declare class LikeC4ModelParser {
     private parseRelationPredicateWith;
     private parseRelationExpr;
     private parseViewRule;
+    private parseViewRuleStyleOrGlobalRef;
     private parseViewRuleStyle;
+    private parseViewRuleGroup;
     private parseRuleStyle;
     private parseViewRuleGlobalStyle;
     private parseViewManualLaout;
@@ -17283,4 +17335,4 @@ declare class LikeC4 {
     dispose(): void;
 }
 
-export { type AutoLayoutDirection, type BBox, BorderStyles, Builder, type BuilderSpecification, type Color$1 as Color, type ComputedDynamicView, type ComputedEdge, type ComputedElementView, type ComputedLikeC4Model, type ComputedNode, type ComputedView, type DiagramEdge, type DiagramNode, type DiagramView, type DynamicView$1 as DynamicView, type EdgeId$1 as EdgeId, type Element$1 as Element, ElementColors, type ElementKind$1 as ElementKind, ElementShapes, type ElementView$1 as ElementView, type Fqn$1 as Fqn, type HexColorLiteral, type LayoutedLikeC4Model, LikeC4, Builder as LikeC4Builder, LikeC4DiagramModel, LikeC4Model, type LikeC4View$1 as LikeC4View, LikeC4ViewModel, type NodeId, type ParsedLikeC4Model, type Point, type Relation$1 as Relation, type RelationExpr, type RelationID$1 as RelationID, RelationshipColors, StepEdgeId, type Tag$1 as Tag, type ThemeColor$1 as ThemeColor, type ViewID$1 as ViewID, type XYPoint, ancestorsFqn, commonAncestor, compareByFqnHierarchically, compareFqnHierarchically, compareRelations, defaultTheme, extractStep, hasAtLeast, invariant, isAncestor, isComputedDynamicView, isDescendantOf, isSameHierarchy, isStepEdgeId, nameFromFqn, nonNullable, nonexhaustive, parentFqn };
+export { type AutoLayoutDirection, type BBox, BorderStyles, Builder, type BuilderSpecification, type Color$1 as Color, type ComputedDynamicView, type ComputedEdge, type ComputedElementView, type ComputedLikeC4Model, ComputedNode, type ComputedView, type DiagramEdge, DiagramNode, type DiagramView, type DynamicView$1 as DynamicView, type EdgeId$1 as EdgeId, type Element$1 as Element, ElementColors, ElementKind$1 as ElementKind, ElementShapes, type ElementView$1 as ElementView, type Fqn$1 as Fqn, type HexColorLiteral, type LayoutedLikeC4Model, LikeC4, Builder as LikeC4Builder, LikeC4DiagramModel, LikeC4Model, type LikeC4View$1 as LikeC4View, LikeC4ViewModel, type NodeId, type ParsedLikeC4Model, type Point, type Relation$1 as Relation, type RelationExpr, type RelationID$1 as RelationID, RelationshipColors, StepEdgeId, type Tag$1 as Tag, type ThemeColor$1 as ThemeColor, type ViewID$1 as ViewID, type XYPoint, ancestorsFqn, commonAncestor, compareByFqnHierarchically, compareFqnHierarchically, compareRelations, defaultTheme, extractStep, hasAtLeast, invariant, isAncestor, isComputedDynamicView, isDescendantOf, isSameHierarchy, isStepEdgeId, nameFromFqn, nonNullable, nonexhaustive, parentFqn };

package/dist/index.mjs

@@ -1 +1 @@
-export{L as BorderStyles,$ as ElementColors,j as ElementShapes,f as LikeC4,Y as LikeC4Builder,Q as LikeC4DiagramModel,c as LikeC4Model,s as LikeC4ViewModel,e as RelationshipColors,A as ancestorsFqn,M as commonAncestor,K as compareByFqnHierarchically,k as compareFqnHierarchically,g as compareRelations,h as defaultTheme,d as extractStep,w as hasAtLeast,z as invariant,a as isAncestor,m as isComputedDynamicView,R as isDescendantOf,b as isSameHierarchy,x as isStepEdgeId,C as nameFromFqn,N as nonNullable,q as nonexhaustive,i as parentFqn}from"./shared/likec4.CZCHc9Ry.mjs";import"node:fs";import"node:path";import"node:url";import"tty";import"@hpcc-js/wasm-graphviz";import"node:util";import"node:process";import"node:tty";import"node:child_process";import"node:string_decoder";import"child_process";import"path";import"fs";import"node:timers/promises";import"node:os";import"node:events";import"node:v8";import"node:stream";import"node:buffer";import"node:stream/promises";import"vite";import"buffer";import"util";import"os";import"crypto";import"net";import"url";
+export{H as BorderStyles,C as ElementColors,J as ElementShapes,j as LikeC4,z as LikeC4Builder,t as LikeC4DiagramModel,m as LikeC4Model,s as LikeC4ViewModel,f as RelationshipColors,x as ancestorsFqn,A as commonAncestor,i as compareByFqnHierarchically,k as compareFqnHierarchically,M as compareRelations,h as defaultTheme,g as extractStep,y as hasAtLeast,L as invariant,a as isAncestor,p as isComputedDynamicView,R as isDescendantOf,b as isSameHierarchy,S as isStepEdgeId,c as nameFromFqn,F as nonNullable,d as nonexhaustive,e as parentFqn}from"./shared/likec4.CozyJbyo.mjs";import"node:fs";import"node:path";import"node:url";import"tty";import"@hpcc-js/wasm-graphviz";import"node:util";import"node:process";import"node:tty";import"node:child_process";import"node:string_decoder";import"child_process";import"path";import"fs";import"node:timers/promises";import"node:os";import"node:events";import"node:v8";import"node:stream";import"node:buffer";import"node:stream/promises";import"vite";import"buffer";import"util";import"os";import"crypto";import"net";import"url";