@wireweave/core 2.5.1 → 2.6.0-beta.0

package/dist/index.cjs

@@ -8173,6 +8173,39 @@ function generateAccessibilityStyles(prefix) {
 }`;
 }
 
+// src/renderer/styles/divider.ts
+function generateDividerStyles(prefix = "wf") {
+  return `
+/* Divider */
+.${prefix}-divider {
+  margin: 8px 0;
+  border: none;
+  border-top: 1px solid var(--${prefix}-border);
+  flex-shrink: 0;
+}
+
+/* Vertical Divider */
+.${prefix}-divider.${prefix}-divider-vertical {
+  margin: 0 8px;
+  border-top: none;
+  border-left: 1px solid var(--${prefix}-border);
+  align-self: stretch;
+  width: 0;
+  height: auto;
+}
+
+/* Auto vertical in row context */
+.${prefix}-row > .${prefix}-divider {
+  margin: 0 8px;
+  border-top: none;
+  border-left: 1px solid var(--${prefix}-border);
+  align-self: stretch;
+  width: 0;
+  height: auto;
+}
+  `.trim();
+}
+
 // src/renderer/styles/annotation.ts
 function generateAnnotationStyles(_theme, prefix) {
   return `/* Annotation Components */
@@ -8287,6 +8320,7 @@ function generateComponentStyles(_theme, prefix = "wf") {
     generateNavigationStyles(_theme, prefix),
     generateSemanticMarkerStyles(_theme, prefix),
     generateAccessibilityStyles(prefix),
+    generateDividerStyles(prefix),
     generateAnnotationStyles(_theme, prefix)
   ];
   return parts.join("\n\n");
@@ -8563,7 +8597,10 @@ function generateSizeClasses(prefix) {
 /* Background Utilities */
 .${prefix}-bg-muted { background-color: var(--${prefix}-muted); background: rgba(0, 0, 0, 0.05); }
 .${prefix}-bg-primary { background-color: var(--${prefix}-primary); }
-.${prefix}-bg-secondary { background-color: var(--${prefix}-secondary); }`;
+.${prefix}-bg-secondary { background-color: var(--${prefix}-secondary); }
+
+/* Border Utilities */
+.${prefix}-border { border: 1px solid var(--${prefix}-border); }`;
 }
 function generateLayoutClasses(prefix) {
   return `/* Layout Components */
@@ -56370,7 +56407,8 @@ ${items}
 function renderDivider(node, ctx) {
   const styles = ctx.buildCommonStyles(node);
   const styleAttr = styles ? ` style="${styles}"` : "";
-  return `<hr class="${ctx.prefix}-divider"${styleAttr} />`;
+  const verticalClass = node.vertical ? ` ${ctx.prefix}-divider-vertical` : "";
+  return `<hr class="${ctx.prefix}-divider${verticalClass}"${styleAttr} />`;
 }
 
 // src/renderer/html/renderers/annotation.ts
@@ -56706,6 +56744,7 @@ ${title}${children}
     if (props.bg === "muted") classes.push(`${p}-bg-muted`);
     if (props.bg === "primary") classes.push(`${p}-bg-primary`);
     if (props.bg === "secondary") classes.push(`${p}-bg-secondary`);
+    if (props.border === true) classes.push(`${p}-border`);
     return classes;
   }
   // ===========================================

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-import { A as AnyNode, a as AccordionNode, b as AlertNode, c as AvatarNode, B as BadgeNode, d as BreadcrumbNode, e as ButtonNode, C as CardNode, f as CheckboxNode, g as ColNode, h as ContainerComponentNode, i as ContainerNode, D as DataNode, j as DisplayNode, k as DividerComponentNode, l as DrawerNode, m as DropdownNode, F as FeedbackNode, n as FooterNode, G as GridNode, H as HeaderNode, I as IconNode, o as ImageNode, p as InputComponentNode, q as InputNode, L as LayoutNode, r as LeafNode, s as LinkNode, t as ListNode, M as MainNode, u as ModalNode, N as NavNode, v as NavigationNode, w as NodeType, O as OverlayNode, P as PageNode, x as PlaceholderNode, y as PopoverNode, z as ProgressNode, R as RadioNode, E as RowNode, S as SectionNode, J as SelectNode, K as SidebarNode, Q as SliderNode, T as SpinnerNode, U as SwitchNode, V as TableNode, W as TabsNode, X as TextContentNode, Y as TextNode, Z as TextareaNode, _ as TitleNode, $ as ToastNode, a0 as TooltipNode, a1 as WireframeDocument } from './types-EbEsGNxL.cjs';
-export { a2 as AlertVariant, a3 as AlignValue, a4 as AnchorPosition, a5 as AnnotationItemNode, a6 as AnnotationNode, a7 as AnnotationsNode, a8 as AppearanceProps, a9 as AvatarSize, aa as AvatarSizeToken, ab as BadgeSize, ac as BadgeSizeToken, ad as BadgeVariant, ae as BaseNode, af as BreadcrumbItem, ag as ButtonSize, ah as ButtonSizeToken, ai as ButtonVariant, aj as CommonProps, ak as DirectionValue, al as DividerNode, am as DrawerPosition, an as DropdownItemNode, ao as FlexProps, ap as GridProps, aq as HeightValue, ar as IconSize, as as IconSizeToken, at as InputType, au as InteractiveProps, av as JustifyValue, aw as ListItemNode, ax as MarkerColor, ay as MarkerNode, az as NavBlockItem, aA as NavChild, aB as NavDivider, aC as NavGroupNode, aD as NavItem, aE as Position, aF as PositionProps, aG as RelativeNode, aH as SelectOption, aI as ShadowValue, aJ as SizeProps, aK as SourceLocation, aL as SpacingProps, aM as SpacingValue, aN as SpinnerSize, aO as SpinnerSizeToken, aP as StackNode, aQ as TabNode, aR as TextAlign, aS as TextSize, aT as TextSizeToken, aU as TextWeight, aV as TitleLevel, aW as ToastPosition, aX as TooltipPosition, aY as ValueWithUnit, aZ as WidthValue } from './types-EbEsGNxL.cjs';
+import { A as AnyNode, a as AccordionNode, b as AlertNode, c as AvatarNode, B as BadgeNode, d as BreadcrumbNode, e as ButtonNode, C as CardNode, f as CheckboxNode, g as ColNode, h as ContainerComponentNode, i as ContainerNode, D as DataNode, j as DisplayNode, k as DividerComponentNode, l as DrawerNode, m as DropdownNode, F as FeedbackNode, n as FooterNode, G as GridNode, H as HeaderNode, I as IconNode, o as ImageNode, p as InputComponentNode, q as InputNode, L as LayoutNode, r as LeafNode, s as LinkNode, t as ListNode, M as MainNode, u as ModalNode, N as NavNode, v as NavigationNode, w as NodeType, O as OverlayNode, P as PageNode, x as PlaceholderNode, y as PopoverNode, z as ProgressNode, R as RadioNode, E as RowNode, S as SectionNode, J as SelectNode, K as SidebarNode, Q as SliderNode, T as SpinnerNode, U as SwitchNode, V as TableNode, W as TabsNode, X as TextContentNode, Y as TextNode, Z as TextareaNode, _ as TitleNode, $ as ToastNode, a0 as TooltipNode, a1 as WireframeDocument } from './types-CQDDIeyC.cjs';
+export { a2 as AlertVariant, a3 as AlignValue, a4 as AnchorPosition, a5 as AnnotationItemNode, a6 as AnnotationNode, a7 as AnnotationsNode, a8 as AppearanceProps, a9 as AvatarSize, aa as AvatarSizeToken, ab as BadgeSize, ac as BadgeSizeToken, ad as BadgeVariant, ae as BaseNode, af as BreadcrumbItem, ag as ButtonSize, ah as ButtonSizeToken, ai as ButtonVariant, aj as CommonProps, ak as DirectionValue, al as DividerNode, am as DrawerPosition, an as DropdownItemNode, ao as FlexProps, ap as GridProps, aq as HeightValue, ar as IconSize, as as IconSizeToken, at as InputType, au as InteractiveProps, av as JustifyValue, aw as ListItemNode, ax as MarkerColor, ay as MarkerNode, az as NavBlockItem, aA as NavChild, aB as NavDivider, aC as NavGroupNode, aD as NavItem, aE as Position, aF as PositionProps, aG as RelativeNode, aH as SelectOption, aI as ShadowValue, aJ as SizeProps, aK as SourceLocation, aL as SpacingProps, aM as SpacingValue, aN as SpinnerSize, aO as SpinnerSizeToken, aP as StackNode, aQ as TabNode, aR as TextAlign, aS as TextSize, aT as TextSizeToken, aU as TextWeight, aV as TitleLevel, aW as ToastPosition, aX as TooltipPosition, aY as ValueWithUnit, aZ as WidthValue } from './types-CQDDIeyC.cjs';
 export { ExpectedToken, ParseError, ParseErrorInfo, ParseOptions, ParseResult, getErrors, isValid, parse, tryParse } from './parser.cjs';
 export { HtmlRenderer, IconData, IconElement, RenderContext, RenderOptions, RenderResult, SvgRenderOptions, SvgRenderResult, ThemeColors, ThemeConfig, createHtmlRenderer, darkTheme, defaultTheme, generateComponentStyles, generateStyles, getIconData, getTheme, lucideIcons, render, renderIconSvg, renderToHtml, renderToSvg } from './renderer.cjs';
 

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { A as AnyNode, a as AccordionNode, b as AlertNode, c as AvatarNode, B as BadgeNode, d as BreadcrumbNode, e as ButtonNode, C as CardNode, f as CheckboxNode, g as ColNode, h as ContainerComponentNode, i as ContainerNode, D as DataNode, j as DisplayNode, k as DividerComponentNode, l as DrawerNode, m as DropdownNode, F as FeedbackNode, n as FooterNode, G as GridNode, H as HeaderNode, I as IconNode, o as ImageNode, p as InputComponentNode, q as InputNode, L as LayoutNode, r as LeafNode, s as LinkNode, t as ListNode, M as MainNode, u as ModalNode, N as NavNode, v as NavigationNode, w as NodeType, O as OverlayNode, P as PageNode, x as PlaceholderNode, y as PopoverNode, z as ProgressNode, R as RadioNode, E as RowNode, S as SectionNode, J as SelectNode, K as SidebarNode, Q as SliderNode, T as SpinnerNode, U as SwitchNode, V as TableNode, W as TabsNode, X as TextContentNode, Y as TextNode, Z as TextareaNode, _ as TitleNode, $ as ToastNode, a0 as TooltipNode, a1 as WireframeDocument } from './types-EbEsGNxL.js';
-export { a2 as AlertVariant, a3 as AlignValue, a4 as AnchorPosition, a5 as AnnotationItemNode, a6 as AnnotationNode, a7 as AnnotationsNode, a8 as AppearanceProps, a9 as AvatarSize, aa as AvatarSizeToken, ab as BadgeSize, ac as BadgeSizeToken, ad as BadgeVariant, ae as BaseNode, af as BreadcrumbItem, ag as ButtonSize, ah as ButtonSizeToken, ai as ButtonVariant, aj as CommonProps, ak as DirectionValue, al as DividerNode, am as DrawerPosition, an as DropdownItemNode, ao as FlexProps, ap as GridProps, aq as HeightValue, ar as IconSize, as as IconSizeToken, at as InputType, au as InteractiveProps, av as JustifyValue, aw as ListItemNode, ax as MarkerColor, ay as MarkerNode, az as NavBlockItem, aA as NavChild, aB as NavDivider, aC as NavGroupNode, aD as NavItem, aE as Position, aF as PositionProps, aG as RelativeNode, aH as SelectOption, aI as ShadowValue, aJ as SizeProps, aK as SourceLocation, aL as SpacingProps, aM as SpacingValue, aN as SpinnerSize, aO as SpinnerSizeToken, aP as StackNode, aQ as TabNode, aR as TextAlign, aS as TextSize, aT as TextSizeToken, aU as TextWeight, aV as TitleLevel, aW as ToastPosition, aX as TooltipPosition, aY as ValueWithUnit, aZ as WidthValue } from './types-EbEsGNxL.js';
+import { A as AnyNode, a as AccordionNode, b as AlertNode, c as AvatarNode, B as BadgeNode, d as BreadcrumbNode, e as ButtonNode, C as CardNode, f as CheckboxNode, g as ColNode, h as ContainerComponentNode, i as ContainerNode, D as DataNode, j as DisplayNode, k as DividerComponentNode, l as DrawerNode, m as DropdownNode, F as FeedbackNode, n as FooterNode, G as GridNode, H as HeaderNode, I as IconNode, o as ImageNode, p as InputComponentNode, q as InputNode, L as LayoutNode, r as LeafNode, s as LinkNode, t as ListNode, M as MainNode, u as ModalNode, N as NavNode, v as NavigationNode, w as NodeType, O as OverlayNode, P as PageNode, x as PlaceholderNode, y as PopoverNode, z as ProgressNode, R as RadioNode, E as RowNode, S as SectionNode, J as SelectNode, K as SidebarNode, Q as SliderNode, T as SpinnerNode, U as SwitchNode, V as TableNode, W as TabsNode, X as TextContentNode, Y as TextNode, Z as TextareaNode, _ as TitleNode, $ as ToastNode, a0 as TooltipNode, a1 as WireframeDocument } from './types-CQDDIeyC.js';
+export { a2 as AlertVariant, a3 as AlignValue, a4 as AnchorPosition, a5 as AnnotationItemNode, a6 as AnnotationNode, a7 as AnnotationsNode, a8 as AppearanceProps, a9 as AvatarSize, aa as AvatarSizeToken, ab as BadgeSize, ac as BadgeSizeToken, ad as BadgeVariant, ae as BaseNode, af as BreadcrumbItem, ag as ButtonSize, ah as ButtonSizeToken, ai as ButtonVariant, aj as CommonProps, ak as DirectionValue, al as DividerNode, am as DrawerPosition, an as DropdownItemNode, ao as FlexProps, ap as GridProps, aq as HeightValue, ar as IconSize, as as IconSizeToken, at as InputType, au as InteractiveProps, av as JustifyValue, aw as ListItemNode, ax as MarkerColor, ay as MarkerNode, az as NavBlockItem, aA as NavChild, aB as NavDivider, aC as NavGroupNode, aD as NavItem, aE as Position, aF as PositionProps, aG as RelativeNode, aH as SelectOption, aI as ShadowValue, aJ as SizeProps, aK as SourceLocation, aL as SpacingProps, aM as SpacingValue, aN as SpinnerSize, aO as SpinnerSizeToken, aP as StackNode, aQ as TabNode, aR as TextAlign, aS as TextSize, aT as TextSizeToken, aU as TextWeight, aV as TitleLevel, aW as ToastPosition, aX as TooltipPosition, aY as ValueWithUnit, aZ as WidthValue } from './types-CQDDIeyC.js';
 export { ExpectedToken, ParseError, ParseErrorInfo, ParseOptions, ParseResult, getErrors, isValid, parse, tryParse } from './parser.js';
 export { HtmlRenderer, IconData, IconElement, RenderContext, RenderOptions, RenderResult, SvgRenderOptions, SvgRenderResult, ThemeColors, ThemeConfig, createHtmlRenderer, darkTheme, defaultTheme, generateComponentStyles, generateStyles, getIconData, getTheme, lucideIcons, render, renderIconSvg, renderToHtml, renderToSvg } from './renderer.js';
 

package/dist/index.js

@@ -8033,6 +8033,39 @@ function generateAccessibilityStyles(prefix) {
 }`;
 }
 
+// src/renderer/styles/divider.ts
+function generateDividerStyles(prefix = "wf") {
+  return `
+/* Divider */
+.${prefix}-divider {
+  margin: 8px 0;
+  border: none;
+  border-top: 1px solid var(--${prefix}-border);
+  flex-shrink: 0;
+}
+
+/* Vertical Divider */
+.${prefix}-divider.${prefix}-divider-vertical {
+  margin: 0 8px;
+  border-top: none;
+  border-left: 1px solid var(--${prefix}-border);
+  align-self: stretch;
+  width: 0;
+  height: auto;
+}
+
+/* Auto vertical in row context */
+.${prefix}-row > .${prefix}-divider {
+  margin: 0 8px;
+  border-top: none;
+  border-left: 1px solid var(--${prefix}-border);
+  align-self: stretch;
+  width: 0;
+  height: auto;
+}
+  `.trim();
+}
+
 // src/renderer/styles/annotation.ts
 function generateAnnotationStyles(_theme, prefix) {
   return `/* Annotation Components */
@@ -8147,6 +8180,7 @@ function generateComponentStyles(_theme, prefix = "wf") {
     generateNavigationStyles(_theme, prefix),
     generateSemanticMarkerStyles(_theme, prefix),
     generateAccessibilityStyles(prefix),
+    generateDividerStyles(prefix),
     generateAnnotationStyles(_theme, prefix)
   ];
   return parts.join("\n\n");
@@ -8423,7 +8457,10 @@ function generateSizeClasses(prefix) {
 /* Background Utilities */
 .${prefix}-bg-muted { background-color: var(--${prefix}-muted); background: rgba(0, 0, 0, 0.05); }
 .${prefix}-bg-primary { background-color: var(--${prefix}-primary); }
-.${prefix}-bg-secondary { background-color: var(--${prefix}-secondary); }`;
+.${prefix}-bg-secondary { background-color: var(--${prefix}-secondary); }
+
+/* Border Utilities */
+.${prefix}-border { border: 1px solid var(--${prefix}-border); }`;
 }
 function generateLayoutClasses(prefix) {
   return `/* Layout Components */
@@ -56230,7 +56267,8 @@ ${items}
 function renderDivider(node, ctx) {
   const styles = ctx.buildCommonStyles(node);
   const styleAttr = styles ? ` style="${styles}"` : "";
-  return `<hr class="${ctx.prefix}-divider"${styleAttr} />`;
+  const verticalClass = node.vertical ? ` ${ctx.prefix}-divider-vertical` : "";
+  return `<hr class="${ctx.prefix}-divider${verticalClass}"${styleAttr} />`;
 }
 
 // src/renderer/html/renderers/annotation.ts
@@ -56566,6 +56604,7 @@ ${title}${children}
     if (props.bg === "muted") classes.push(`${p}-bg-muted`);
     if (props.bg === "primary") classes.push(`${p}-bg-primary`);
     if (props.bg === "secondary") classes.push(`${p}-bg-secondary`);
+    if (props.border === true) classes.push(`${p}-border`);
     return classes;
   }
   // ===========================================

package/dist/parser.d.cts

@@ -1,4 +1,4 @@
-import { aK as SourceLocation, a1 as WireframeDocument } from './types-EbEsGNxL.cjs';
+import { aK as SourceLocation, a1 as WireframeDocument } from './types-CQDDIeyC.cjs';
 
 /**
  * Parser module for wireweave

package/dist/parser.d.ts

@@ -1,4 +1,4 @@
-import { aK as SourceLocation, a1 as WireframeDocument } from './types-EbEsGNxL.js';
+import { aK as SourceLocation, a1 as WireframeDocument } from './types-CQDDIeyC.js';
 
 /**
  * Parser module for wireweave

package/dist/renderer.cjs

@@ -1322,6 +1322,39 @@ function generateAccessibilityStyles(prefix) {
 }`;
 }
 
+// src/renderer/styles/divider.ts
+function generateDividerStyles(prefix = "wf") {
+  return `
+/* Divider */
+.${prefix}-divider {
+  margin: 8px 0;
+  border: none;
+  border-top: 1px solid var(--${prefix}-border);
+  flex-shrink: 0;
+}
+
+/* Vertical Divider */
+.${prefix}-divider.${prefix}-divider-vertical {
+  margin: 0 8px;
+  border-top: none;
+  border-left: 1px solid var(--${prefix}-border);
+  align-self: stretch;
+  width: 0;
+  height: auto;
+}
+
+/* Auto vertical in row context */
+.${prefix}-row > .${prefix}-divider {
+  margin: 0 8px;
+  border-top: none;
+  border-left: 1px solid var(--${prefix}-border);
+  align-self: stretch;
+  width: 0;
+  height: auto;
+}
+  `.trim();
+}
+
 // src/renderer/styles/annotation.ts
 function generateAnnotationStyles(_theme, prefix) {
   return `/* Annotation Components */
@@ -1436,6 +1469,7 @@ function generateComponentStyles(_theme, prefix = "wf") {
     generateNavigationStyles(_theme, prefix),
     generateSemanticMarkerStyles(_theme, prefix),
     generateAccessibilityStyles(prefix),
+    generateDividerStyles(prefix),
     generateAnnotationStyles(_theme, prefix)
   ];
   return parts.join("\n\n");
@@ -1712,7 +1746,10 @@ function generateSizeClasses(prefix) {
 /* Background Utilities */
 .${prefix}-bg-muted { background-color: var(--${prefix}-muted); background: rgba(0, 0, 0, 0.05); }
 .${prefix}-bg-primary { background-color: var(--${prefix}-primary); }
-.${prefix}-bg-secondary { background-color: var(--${prefix}-secondary); }`;
+.${prefix}-bg-secondary { background-color: var(--${prefix}-secondary); }
+
+/* Border Utilities */
+.${prefix}-border { border: 1px solid var(--${prefix}-border); }`;
 }
 function generateLayoutClasses(prefix) {
   return `/* Layout Components */
@@ -49490,7 +49527,8 @@ ${items}
 function renderDivider(node, ctx) {
   const styles = ctx.buildCommonStyles(node);
   const styleAttr = styles ? ` style="${styles}"` : "";
-  return `<hr class="${ctx.prefix}-divider"${styleAttr} />`;
+  const verticalClass = node.vertical ? ` ${ctx.prefix}-divider-vertical` : "";
+  return `<hr class="${ctx.prefix}-divider${verticalClass}"${styleAttr} />`;
 }
 
 // src/renderer/html/renderers/annotation.ts
@@ -49826,6 +49864,7 @@ ${title}${children}
     if (props.bg === "muted") classes.push(`${p}-bg-muted`);
     if (props.bg === "primary") classes.push(`${p}-bg-primary`);
     if (props.bg === "secondary") classes.push(`${p}-bg-secondary`);
+    if (props.border === true) classes.push(`${p}-border`);
     return classes;
   }
   // ===========================================

package/dist/renderer.d.cts

@@ -1,4 +1,4 @@
-import { a1 as WireframeDocument, A as AnyNode, P as PageNode } from './types-EbEsGNxL.cjs';
+import { a1 as WireframeDocument, A as AnyNode, P as PageNode } from './types-CQDDIeyC.cjs';
 
 /**
  * Renderer type definitions for wireweave

package/dist/renderer.d.ts

@@ -1,4 +1,4 @@
-import { a1 as WireframeDocument, A as AnyNode, P as PageNode } from './types-EbEsGNxL.js';
+import { a1 as WireframeDocument, A as AnyNode, P as PageNode } from './types-CQDDIeyC.js';
 
 /**
  * Renderer type definitions for wireweave

package/dist/renderer.js

@@ -1284,6 +1284,39 @@ function generateAccessibilityStyles(prefix) {
 }`;
 }
 
+// src/renderer/styles/divider.ts
+function generateDividerStyles(prefix = "wf") {
+  return `
+/* Divider */
+.${prefix}-divider {
+  margin: 8px 0;
+  border: none;
+  border-top: 1px solid var(--${prefix}-border);
+  flex-shrink: 0;
+}
+
+/* Vertical Divider */
+.${prefix}-divider.${prefix}-divider-vertical {
+  margin: 0 8px;
+  border-top: none;
+  border-left: 1px solid var(--${prefix}-border);
+  align-self: stretch;
+  width: 0;
+  height: auto;
+}
+
+/* Auto vertical in row context */
+.${prefix}-row > .${prefix}-divider {
+  margin: 0 8px;
+  border-top: none;
+  border-left: 1px solid var(--${prefix}-border);
+  align-self: stretch;
+  width: 0;
+  height: auto;
+}
+  `.trim();
+}
+
 // src/renderer/styles/annotation.ts
 function generateAnnotationStyles(_theme, prefix) {
   return `/* Annotation Components */
@@ -1398,6 +1431,7 @@ function generateComponentStyles(_theme, prefix = "wf") {
     generateNavigationStyles(_theme, prefix),
     generateSemanticMarkerStyles(_theme, prefix),
     generateAccessibilityStyles(prefix),
+    generateDividerStyles(prefix),
     generateAnnotationStyles(_theme, prefix)
   ];
   return parts.join("\n\n");
@@ -1674,7 +1708,10 @@ function generateSizeClasses(prefix) {
 /* Background Utilities */
 .${prefix}-bg-muted { background-color: var(--${prefix}-muted); background: rgba(0, 0, 0, 0.05); }
 .${prefix}-bg-primary { background-color: var(--${prefix}-primary); }
-.${prefix}-bg-secondary { background-color: var(--${prefix}-secondary); }`;
+.${prefix}-bg-secondary { background-color: var(--${prefix}-secondary); }
+
+/* Border Utilities */
+.${prefix}-border { border: 1px solid var(--${prefix}-border); }`;
 }
 function generateLayoutClasses(prefix) {
   return `/* Layout Components */
@@ -49452,7 +49489,8 @@ ${items}
 function renderDivider(node, ctx) {
   const styles = ctx.buildCommonStyles(node);
   const styleAttr = styles ? ` style="${styles}"` : "";
-  return `<hr class="${ctx.prefix}-divider"${styleAttr} />`;
+  const verticalClass = node.vertical ? ` ${ctx.prefix}-divider-vertical` : "";
+  return `<hr class="${ctx.prefix}-divider${verticalClass}"${styleAttr} />`;
 }
 
 // src/renderer/html/renderers/annotation.ts
@@ -49788,6 +49826,7 @@ ${title}${children}
     if (props.bg === "muted") classes.push(`${p}-bg-muted`);
     if (props.bg === "primary") classes.push(`${p}-bg-primary`);
     if (props.bg === "secondary") classes.push(`${p}-bg-secondary`);
+    if (props.border === true) classes.push(`${p}-border`);
     return classes;
   }
   // ===========================================

package/dist/{types-EbEsGNxL.d.cts → types-CQDDIeyC.d.cts}

@@ -505,6 +505,7 @@ interface BreadcrumbNode extends BaseNode, CommonProps {
 }
 interface DividerComponentNode extends BaseNode, CommonProps {
     type: 'Divider';
+    vertical?: boolean;
 }
 type MarkerColor = 'blue' | 'red' | 'green' | 'yellow' | 'purple' | 'orange';
 /**

package/dist/{types-EbEsGNxL.d.ts → types-CQDDIeyC.d.ts}

@@ -505,6 +505,7 @@ interface BreadcrumbNode extends BaseNode, CommonProps {
 }
 interface DividerComponentNode extends BaseNode, CommonProps {
     type: 'Divider';
+    vertical?: boolean;
 }
 type MarkerColor = 'blue' | 'red' | 'green' | 'yellow' | 'purple' | 'orange';
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wireweave/core",
-  "version": "2.5.1",
+  "version": "2.6.0-beta.0",
   "description": "Core parser and renderer for wireweave",
   "type": "module",
   "main": "dist/index.js",