@wireweave/core 2.2.0-beta.0 → 2.3.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs CHANGED
@@ -7901,7 +7901,12 @@ function generateSizeClasses(prefix) {
7901
7901
 
7902
7902
  .${prefix}-viewport-preview.dark::after {
7903
7903
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
7904
- }`;
7904
+ }
7905
+
7906
+ /* Background Utilities */
7907
+ .${prefix}-bg-muted { background-color: var(--${prefix}-muted); background: rgba(0, 0, 0, 0.05); }
7908
+ .${prefix}-bg-primary { background-color: var(--${prefix}-primary); }
7909
+ .${prefix}-bg-secondary { background-color: var(--${prefix}-secondary); }`;
7905
7910
  }
7906
7911
  function generateLayoutClasses(prefix) {
7907
7912
  return `/* Layout Components */
@@ -55866,6 +55871,9 @@ ${title}${children}
55866
55871
  if (props.align) classes.push(`${p}-align-${props.align}`);
55867
55872
  if (props.wrap === true) classes.push(`${p}-flex-wrap`);
55868
55873
  if (props.wrap === "nowrap") classes.push(`${p}-flex-nowrap`);
55874
+ if (props.bg === "muted") classes.push(`${p}-bg-muted`);
55875
+ if (props.bg === "primary") classes.push(`${p}-bg-primary`);
55876
+ if (props.bg === "secondary") classes.push(`${p}-bg-secondary`);
55869
55877
  return classes;
55870
55878
  }
55871
55879
  // ===========================================
package/dist/index.d.cts CHANGED
@@ -1,5 +1,5 @@
1
- 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-D0G2UKwM.cjs';
2
- export { a2 as AlertVariant, a3 as AlignValue, a4 as AvatarSize, a5 as AvatarSizeToken, a6 as BadgeSize, a7 as BadgeSizeToken, a8 as BadgeVariant, a9 as BaseNode, aa as BreadcrumbItem, ab as ButtonSize, ac as ButtonSizeToken, ad as ButtonVariant, ae as CommonProps, af as DirectionValue, ag as DividerNode, ah as DrawerPosition, ai as DropdownItemNode, aj as FlexProps, ak as GridProps, al as HeightValue, am as IconSize, an as IconSizeToken, ao as InputType, ap as InteractiveProps, aq as JustifyValue, ar as ListItemNode, as as NavBlockItem, at as NavChild, au as NavDivider, av as NavGroupNode, aw as NavItem, ax as Position, ay as PositionProps, az as SelectOption, aA as ShadowValue, aB as SizeProps, aC as SourceLocation, aD as SpacingProps, aE as SpacingValue, aF as SpinnerSize, aG as SpinnerSizeToken, aH as TabNode, aI as TextAlign, aJ as TextSize, aK as TextSizeToken, aL as TextWeight, aM as TitleLevel, aN as ToastPosition, aO as TooltipPosition, aP as ValueWithUnit, aQ as WidthValue } from './types-D0G2UKwM.cjs';
1
+ 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-D0t4JRY3.cjs';
2
+ export { a2 as AlertVariant, a3 as AlignValue, a4 as AppearanceProps, a5 as AvatarSize, a6 as AvatarSizeToken, a7 as BadgeSize, a8 as BadgeSizeToken, a9 as BadgeVariant, aa as BaseNode, ab as BreadcrumbItem, ac as ButtonSize, ad as ButtonSizeToken, ae as ButtonVariant, af as CommonProps, ag as DirectionValue, ah as DividerNode, ai as DrawerPosition, aj as DropdownItemNode, ak as FlexProps, al as GridProps, am as HeightValue, an as IconSize, ao as IconSizeToken, ap as InputType, aq as InteractiveProps, ar as JustifyValue, as as ListItemNode, at as NavBlockItem, au as NavChild, av as NavDivider, aw as NavGroupNode, ax as NavItem, ay as Position, az as PositionProps, aA as SelectOption, aB as ShadowValue, aC as SizeProps, aD as SourceLocation, aE as SpacingProps, aF as SpacingValue, aG as SpinnerSize, aH as SpinnerSizeToken, aI as TabNode, aJ as TextAlign, aK as TextSize, aL as TextSizeToken, aM as TextWeight, aN as TitleLevel, aO as ToastPosition, aP as TooltipPosition, aQ as ValueWithUnit, aR as WidthValue } from './types-D0t4JRY3.cjs';
3
3
  export { ExpectedToken, ParseError, ParseErrorInfo, ParseOptions, ParseResult, getErrors, isValid, parse, tryParse } from './parser.cjs';
4
4
  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';
5
5
 
package/dist/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- 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-D0G2UKwM.js';
2
- export { a2 as AlertVariant, a3 as AlignValue, a4 as AvatarSize, a5 as AvatarSizeToken, a6 as BadgeSize, a7 as BadgeSizeToken, a8 as BadgeVariant, a9 as BaseNode, aa as BreadcrumbItem, ab as ButtonSize, ac as ButtonSizeToken, ad as ButtonVariant, ae as CommonProps, af as DirectionValue, ag as DividerNode, ah as DrawerPosition, ai as DropdownItemNode, aj as FlexProps, ak as GridProps, al as HeightValue, am as IconSize, an as IconSizeToken, ao as InputType, ap as InteractiveProps, aq as JustifyValue, ar as ListItemNode, as as NavBlockItem, at as NavChild, au as NavDivider, av as NavGroupNode, aw as NavItem, ax as Position, ay as PositionProps, az as SelectOption, aA as ShadowValue, aB as SizeProps, aC as SourceLocation, aD as SpacingProps, aE as SpacingValue, aF as SpinnerSize, aG as SpinnerSizeToken, aH as TabNode, aI as TextAlign, aJ as TextSize, aK as TextSizeToken, aL as TextWeight, aM as TitleLevel, aN as ToastPosition, aO as TooltipPosition, aP as ValueWithUnit, aQ as WidthValue } from './types-D0G2UKwM.js';
1
+ 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-D0t4JRY3.js';
2
+ export { a2 as AlertVariant, a3 as AlignValue, a4 as AppearanceProps, a5 as AvatarSize, a6 as AvatarSizeToken, a7 as BadgeSize, a8 as BadgeSizeToken, a9 as BadgeVariant, aa as BaseNode, ab as BreadcrumbItem, ac as ButtonSize, ad as ButtonSizeToken, ae as ButtonVariant, af as CommonProps, ag as DirectionValue, ah as DividerNode, ai as DrawerPosition, aj as DropdownItemNode, ak as FlexProps, al as GridProps, am as HeightValue, an as IconSize, ao as IconSizeToken, ap as InputType, aq as InteractiveProps, ar as JustifyValue, as as ListItemNode, at as NavBlockItem, au as NavChild, av as NavDivider, aw as NavGroupNode, ax as NavItem, ay as Position, az as PositionProps, aA as SelectOption, aB as ShadowValue, aC as SizeProps, aD as SourceLocation, aE as SpacingProps, aF as SpacingValue, aG as SpinnerSize, aH as SpinnerSizeToken, aI as TabNode, aJ as TextAlign, aK as TextSize, aL as TextSizeToken, aM as TextWeight, aN as TitleLevel, aO as ToastPosition, aP as TooltipPosition, aQ as ValueWithUnit, aR as WidthValue } from './types-D0t4JRY3.js';
3
3
  export { ExpectedToken, ParseError, ParseErrorInfo, ParseOptions, ParseResult, getErrors, isValid, parse, tryParse } from './parser.js';
4
4
  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';
5
5
 
package/dist/index.js CHANGED
@@ -7761,7 +7761,12 @@ function generateSizeClasses(prefix) {
7761
7761
 
7762
7762
  .${prefix}-viewport-preview.dark::after {
7763
7763
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
7764
- }`;
7764
+ }
7765
+
7766
+ /* Background Utilities */
7767
+ .${prefix}-bg-muted { background-color: var(--${prefix}-muted); background: rgba(0, 0, 0, 0.05); }
7768
+ .${prefix}-bg-primary { background-color: var(--${prefix}-primary); }
7769
+ .${prefix}-bg-secondary { background-color: var(--${prefix}-secondary); }`;
7765
7770
  }
7766
7771
  function generateLayoutClasses(prefix) {
7767
7772
  return `/* Layout Components */
@@ -55726,6 +55731,9 @@ ${title}${children}
55726
55731
  if (props.align) classes.push(`${p}-align-${props.align}`);
55727
55732
  if (props.wrap === true) classes.push(`${p}-flex-wrap`);
55728
55733
  if (props.wrap === "nowrap") classes.push(`${p}-flex-nowrap`);
55734
+ if (props.bg === "muted") classes.push(`${p}-bg-muted`);
55735
+ if (props.bg === "primary") classes.push(`${p}-bg-primary`);
55736
+ if (props.bg === "secondary") classes.push(`${p}-bg-secondary`);
55729
55737
  return classes;
55730
55738
  }
55731
55739
  // ===========================================
package/dist/parser.d.cts CHANGED
@@ -1,4 +1,4 @@
1
- import { aC as SourceLocation, a1 as WireframeDocument } from './types-D0G2UKwM.cjs';
1
+ import { aD as SourceLocation, a1 as WireframeDocument } from './types-D0t4JRY3.cjs';
2
2
 
3
3
  /**
4
4
  * Parser module for wireweave
package/dist/parser.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { aC as SourceLocation, a1 as WireframeDocument } from './types-D0G2UKwM.js';
1
+ import { aD as SourceLocation, a1 as WireframeDocument } from './types-D0t4JRY3.js';
2
2
 
3
3
  /**
4
4
  * Parser module for wireweave
package/dist/renderer.cjs CHANGED
@@ -1581,7 +1581,12 @@ function generateSizeClasses(prefix) {
1581
1581
 
1582
1582
  .${prefix}-viewport-preview.dark::after {
1583
1583
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
1584
- }`;
1584
+ }
1585
+
1586
+ /* Background Utilities */
1587
+ .${prefix}-bg-muted { background-color: var(--${prefix}-muted); background: rgba(0, 0, 0, 0.05); }
1588
+ .${prefix}-bg-primary { background-color: var(--${prefix}-primary); }
1589
+ .${prefix}-bg-secondary { background-color: var(--${prefix}-secondary); }`;
1585
1590
  }
1586
1591
  function generateLayoutClasses(prefix) {
1587
1592
  return `/* Layout Components */
@@ -49517,6 +49522,9 @@ ${title}${children}
49517
49522
  if (props.align) classes.push(`${p}-align-${props.align}`);
49518
49523
  if (props.wrap === true) classes.push(`${p}-flex-wrap`);
49519
49524
  if (props.wrap === "nowrap") classes.push(`${p}-flex-nowrap`);
49525
+ if (props.bg === "muted") classes.push(`${p}-bg-muted`);
49526
+ if (props.bg === "primary") classes.push(`${p}-bg-primary`);
49527
+ if (props.bg === "secondary") classes.push(`${p}-bg-secondary`);
49520
49528
  return classes;
49521
49529
  }
49522
49530
  // ===========================================
@@ -1,4 +1,4 @@
1
- import { a1 as WireframeDocument, A as AnyNode, P as PageNode } from './types-D0G2UKwM.cjs';
1
+ import { a1 as WireframeDocument, A as AnyNode, P as PageNode } from './types-D0t4JRY3.cjs';
2
2
 
3
3
  /**
4
4
  * Renderer type definitions for wireweave
@@ -1,4 +1,4 @@
1
- import { a1 as WireframeDocument, A as AnyNode, P as PageNode } from './types-D0G2UKwM.js';
1
+ import { a1 as WireframeDocument, A as AnyNode, P as PageNode } from './types-D0t4JRY3.js';
2
2
 
3
3
  /**
4
4
  * Renderer type definitions for wireweave
package/dist/renderer.js CHANGED
@@ -1543,7 +1543,12 @@ function generateSizeClasses(prefix) {
1543
1543
 
1544
1544
  .${prefix}-viewport-preview.dark::after {
1545
1545
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
1546
- }`;
1546
+ }
1547
+
1548
+ /* Background Utilities */
1549
+ .${prefix}-bg-muted { background-color: var(--${prefix}-muted); background: rgba(0, 0, 0, 0.05); }
1550
+ .${prefix}-bg-primary { background-color: var(--${prefix}-primary); }
1551
+ .${prefix}-bg-secondary { background-color: var(--${prefix}-secondary); }`;
1547
1552
  }
1548
1553
  function generateLayoutClasses(prefix) {
1549
1554
  return `/* Layout Components */
@@ -49479,6 +49484,9 @@ ${title}${children}
49479
49484
  if (props.align) classes.push(`${p}-align-${props.align}`);
49480
49485
  if (props.wrap === true) classes.push(`${p}-flex-wrap`);
49481
49486
  if (props.wrap === "nowrap") classes.push(`${p}-flex-nowrap`);
49487
+ if (props.bg === "muted") classes.push(`${p}-bg-muted`);
49488
+ if (props.bg === "primary") classes.push(`${p}-bg-primary`);
49489
+ if (props.bg === "secondary") classes.push(`${p}-bg-secondary`);
49482
49490
  return classes;
49483
49491
  }
49484
49492
  // ===========================================
@@ -85,7 +85,16 @@ interface PositionProps {
85
85
  x?: number | ValueWithUnit;
86
86
  y?: number | ValueWithUnit;
87
87
  }
88
- interface CommonProps extends SpacingProps, SizeProps, FlexProps, GridProps, PositionProps {
88
+ /**
89
+ * Appearance props for visual styling
90
+ * - bg: background color (muted, primary, secondary)
91
+ * - border: show border
92
+ */
93
+ interface AppearanceProps {
94
+ bg?: 'muted' | 'primary' | 'secondary';
95
+ border?: boolean;
96
+ }
97
+ interface CommonProps extends SpacingProps, SizeProps, FlexProps, GridProps, PositionProps, AppearanceProps {
89
98
  }
90
99
  /**
91
100
  * Interactive properties for components that can trigger actions.
@@ -480,4 +489,4 @@ type LeafNode = TextContentNode | InputComponentNode | ButtonNode | DisplayNode
480
489
  type AnyNode = ContainerNode | LeafNode;
481
490
  type NodeType = 'Document' | 'Page' | 'Header' | 'Main' | 'Footer' | 'Sidebar' | 'Section' | 'Row' | 'Col' | 'Card' | 'Modal' | 'Drawer' | 'Accordion' | 'Text' | 'Title' | 'Link' | 'Input' | 'Textarea' | 'Select' | 'Checkbox' | 'Radio' | 'Switch' | 'Slider' | 'Button' | 'Image' | 'Placeholder' | 'Avatar' | 'Badge' | 'Icon' | 'Table' | 'List' | 'Alert' | 'Toast' | 'Progress' | 'Spinner' | 'Tooltip' | 'Popover' | 'Dropdown' | 'Nav' | 'Tabs' | 'Breadcrumb' | 'Divider';
482
491
 
483
- export type { ToastNode as $, AnyNode as A, BadgeNode as B, CardNode as C, DataNode as D, RowNode as E, FeedbackNode as F, GridNode as G, HeaderNode as H, IconNode as I, SelectNode as J, SidebarNode as K, LayoutNode as L, MainNode as M, NavNode as N, OverlayNode as O, PageNode as P, SliderNode as Q, RadioNode as R, SectionNode as S, SpinnerNode as T, SwitchNode as U, TableNode as V, TabsNode as W, TextContentNode as X, TextNode as Y, TextareaNode as Z, TitleNode as _, AccordionNode as a, TooltipNode as a0, WireframeDocument as a1, AlertVariant as a2, AlignValue as a3, AvatarSize as a4, AvatarSizeToken as a5, BadgeSize as a6, BadgeSizeToken as a7, BadgeVariant as a8, BaseNode as a9, ShadowValue as aA, SizeProps as aB, SourceLocation as aC, SpacingProps as aD, SpacingValue as aE, SpinnerSize as aF, SpinnerSizeToken as aG, TabNode as aH, TextAlign as aI, TextSize as aJ, TextSizeToken as aK, TextWeight as aL, TitleLevel as aM, ToastPosition as aN, TooltipPosition as aO, ValueWithUnit as aP, WidthValue as aQ, BreadcrumbItem as aa, ButtonSize as ab, ButtonSizeToken as ac, ButtonVariant as ad, CommonProps as ae, DirectionValue as af, DividerNode as ag, DrawerPosition as ah, DropdownItemNode as ai, FlexProps as aj, GridProps as ak, HeightValue as al, IconSize as am, IconSizeToken as an, InputType as ao, InteractiveProps as ap, JustifyValue as aq, ListItemNode as ar, NavBlockItem as as, NavChild as at, NavDivider as au, NavGroupNode as av, NavItem as aw, Position as ax, PositionProps as ay, SelectOption as az, AlertNode as b, AvatarNode as c, BreadcrumbNode as d, ButtonNode as e, CheckboxNode as f, ColNode as g, ContainerComponentNode as h, ContainerNode as i, DisplayNode as j, DividerComponentNode as k, DrawerNode as l, DropdownNode as m, FooterNode as n, ImageNode as o, InputComponentNode as p, InputNode as q, LeafNode as r, LinkNode as s, ListNode as t, ModalNode as u, NavigationNode as v, NodeType as w, PlaceholderNode as x, PopoverNode as y, ProgressNode as z };
492
+ export type { ToastNode as $, AnyNode as A, BadgeNode as B, CardNode as C, DataNode as D, RowNode as E, FeedbackNode as F, GridNode as G, HeaderNode as H, IconNode as I, SelectNode as J, SidebarNode as K, LayoutNode as L, MainNode as M, NavNode as N, OverlayNode as O, PageNode as P, SliderNode as Q, RadioNode as R, SectionNode as S, SpinnerNode as T, SwitchNode as U, TableNode as V, TabsNode as W, TextContentNode as X, TextNode as Y, TextareaNode as Z, TitleNode as _, AccordionNode as a, TooltipNode as a0, WireframeDocument as a1, AlertVariant as a2, AlignValue as a3, AppearanceProps as a4, AvatarSize as a5, AvatarSizeToken as a6, BadgeSize as a7, BadgeSizeToken as a8, BadgeVariant as a9, SelectOption as aA, ShadowValue as aB, SizeProps as aC, SourceLocation as aD, SpacingProps as aE, SpacingValue as aF, SpinnerSize as aG, SpinnerSizeToken as aH, TabNode as aI, TextAlign as aJ, TextSize as aK, TextSizeToken as aL, TextWeight as aM, TitleLevel as aN, ToastPosition as aO, TooltipPosition as aP, ValueWithUnit as aQ, WidthValue as aR, BaseNode as aa, BreadcrumbItem as ab, ButtonSize as ac, ButtonSizeToken as ad, ButtonVariant as ae, CommonProps as af, DirectionValue as ag, DividerNode as ah, DrawerPosition as ai, DropdownItemNode as aj, FlexProps as ak, GridProps as al, HeightValue as am, IconSize as an, IconSizeToken as ao, InputType as ap, InteractiveProps as aq, JustifyValue as ar, ListItemNode as as, NavBlockItem as at, NavChild as au, NavDivider as av, NavGroupNode as aw, NavItem as ax, Position as ay, PositionProps as az, AlertNode as b, AvatarNode as c, BreadcrumbNode as d, ButtonNode as e, CheckboxNode as f, ColNode as g, ContainerComponentNode as h, ContainerNode as i, DisplayNode as j, DividerComponentNode as k, DrawerNode as l, DropdownNode as m, FooterNode as n, ImageNode as o, InputComponentNode as p, InputNode as q, LeafNode as r, LinkNode as s, ListNode as t, ModalNode as u, NavigationNode as v, NodeType as w, PlaceholderNode as x, PopoverNode as y, ProgressNode as z };
@@ -85,7 +85,16 @@ interface PositionProps {
85
85
  x?: number | ValueWithUnit;
86
86
  y?: number | ValueWithUnit;
87
87
  }
88
- interface CommonProps extends SpacingProps, SizeProps, FlexProps, GridProps, PositionProps {
88
+ /**
89
+ * Appearance props for visual styling
90
+ * - bg: background color (muted, primary, secondary)
91
+ * - border: show border
92
+ */
93
+ interface AppearanceProps {
94
+ bg?: 'muted' | 'primary' | 'secondary';
95
+ border?: boolean;
96
+ }
97
+ interface CommonProps extends SpacingProps, SizeProps, FlexProps, GridProps, PositionProps, AppearanceProps {
89
98
  }
90
99
  /**
91
100
  * Interactive properties for components that can trigger actions.
@@ -480,4 +489,4 @@ type LeafNode = TextContentNode | InputComponentNode | ButtonNode | DisplayNode
480
489
  type AnyNode = ContainerNode | LeafNode;
481
490
  type NodeType = 'Document' | 'Page' | 'Header' | 'Main' | 'Footer' | 'Sidebar' | 'Section' | 'Row' | 'Col' | 'Card' | 'Modal' | 'Drawer' | 'Accordion' | 'Text' | 'Title' | 'Link' | 'Input' | 'Textarea' | 'Select' | 'Checkbox' | 'Radio' | 'Switch' | 'Slider' | 'Button' | 'Image' | 'Placeholder' | 'Avatar' | 'Badge' | 'Icon' | 'Table' | 'List' | 'Alert' | 'Toast' | 'Progress' | 'Spinner' | 'Tooltip' | 'Popover' | 'Dropdown' | 'Nav' | 'Tabs' | 'Breadcrumb' | 'Divider';
482
491
 
483
- export type { ToastNode as $, AnyNode as A, BadgeNode as B, CardNode as C, DataNode as D, RowNode as E, FeedbackNode as F, GridNode as G, HeaderNode as H, IconNode as I, SelectNode as J, SidebarNode as K, LayoutNode as L, MainNode as M, NavNode as N, OverlayNode as O, PageNode as P, SliderNode as Q, RadioNode as R, SectionNode as S, SpinnerNode as T, SwitchNode as U, TableNode as V, TabsNode as W, TextContentNode as X, TextNode as Y, TextareaNode as Z, TitleNode as _, AccordionNode as a, TooltipNode as a0, WireframeDocument as a1, AlertVariant as a2, AlignValue as a3, AvatarSize as a4, AvatarSizeToken as a5, BadgeSize as a6, BadgeSizeToken as a7, BadgeVariant as a8, BaseNode as a9, ShadowValue as aA, SizeProps as aB, SourceLocation as aC, SpacingProps as aD, SpacingValue as aE, SpinnerSize as aF, SpinnerSizeToken as aG, TabNode as aH, TextAlign as aI, TextSize as aJ, TextSizeToken as aK, TextWeight as aL, TitleLevel as aM, ToastPosition as aN, TooltipPosition as aO, ValueWithUnit as aP, WidthValue as aQ, BreadcrumbItem as aa, ButtonSize as ab, ButtonSizeToken as ac, ButtonVariant as ad, CommonProps as ae, DirectionValue as af, DividerNode as ag, DrawerPosition as ah, DropdownItemNode as ai, FlexProps as aj, GridProps as ak, HeightValue as al, IconSize as am, IconSizeToken as an, InputType as ao, InteractiveProps as ap, JustifyValue as aq, ListItemNode as ar, NavBlockItem as as, NavChild as at, NavDivider as au, NavGroupNode as av, NavItem as aw, Position as ax, PositionProps as ay, SelectOption as az, AlertNode as b, AvatarNode as c, BreadcrumbNode as d, ButtonNode as e, CheckboxNode as f, ColNode as g, ContainerComponentNode as h, ContainerNode as i, DisplayNode as j, DividerComponentNode as k, DrawerNode as l, DropdownNode as m, FooterNode as n, ImageNode as o, InputComponentNode as p, InputNode as q, LeafNode as r, LinkNode as s, ListNode as t, ModalNode as u, NavigationNode as v, NodeType as w, PlaceholderNode as x, PopoverNode as y, ProgressNode as z };
492
+ export type { ToastNode as $, AnyNode as A, BadgeNode as B, CardNode as C, DataNode as D, RowNode as E, FeedbackNode as F, GridNode as G, HeaderNode as H, IconNode as I, SelectNode as J, SidebarNode as K, LayoutNode as L, MainNode as M, NavNode as N, OverlayNode as O, PageNode as P, SliderNode as Q, RadioNode as R, SectionNode as S, SpinnerNode as T, SwitchNode as U, TableNode as V, TabsNode as W, TextContentNode as X, TextNode as Y, TextareaNode as Z, TitleNode as _, AccordionNode as a, TooltipNode as a0, WireframeDocument as a1, AlertVariant as a2, AlignValue as a3, AppearanceProps as a4, AvatarSize as a5, AvatarSizeToken as a6, BadgeSize as a7, BadgeSizeToken as a8, BadgeVariant as a9, SelectOption as aA, ShadowValue as aB, SizeProps as aC, SourceLocation as aD, SpacingProps as aE, SpacingValue as aF, SpinnerSize as aG, SpinnerSizeToken as aH, TabNode as aI, TextAlign as aJ, TextSize as aK, TextSizeToken as aL, TextWeight as aM, TitleLevel as aN, ToastPosition as aO, TooltipPosition as aP, ValueWithUnit as aQ, WidthValue as aR, BaseNode as aa, BreadcrumbItem as ab, ButtonSize as ac, ButtonSizeToken as ad, ButtonVariant as ae, CommonProps as af, DirectionValue as ag, DividerNode as ah, DrawerPosition as ai, DropdownItemNode as aj, FlexProps as ak, GridProps as al, HeightValue as am, IconSize as an, IconSizeToken as ao, InputType as ap, InteractiveProps as aq, JustifyValue as ar, ListItemNode as as, NavBlockItem as at, NavChild as au, NavDivider as av, NavGroupNode as aw, NavItem as ax, Position as ay, PositionProps as az, AlertNode as b, AvatarNode as c, BreadcrumbNode as d, ButtonNode as e, CheckboxNode as f, ColNode as g, ContainerComponentNode as h, ContainerNode as i, DisplayNode as j, DividerComponentNode as k, DrawerNode as l, DropdownNode as m, FooterNode as n, ImageNode as o, InputComponentNode as p, InputNode as q, LeafNode as r, LinkNode as s, ListNode as t, ModalNode as u, NavigationNode as v, NodeType as w, PlaceholderNode as x, PopoverNode as y, ProgressNode as z };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wireweave/core",
3
- "version": "2.2.0-beta.0",
3
+ "version": "2.3.0-beta.0",
4
4
  "description": "Core parser and renderer for wireweave",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",