@wireweave/core 2.4.0 → 2.5.0-beta.0

package/dist/renderer.cjs

@@ -1322,6 +1322,106 @@ function generateAccessibilityStyles(prefix) {
 }`;
 }
 
+// src/renderer/styles/annotation.ts
+function generateAnnotationStyles(_theme, prefix) {
+  return `/* Annotation Components */
+
+/* Marker - Number marker for referencing */
+.${prefix}-marker {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  background: #3b82f6;
+  border: 2px solid #2563eb;
+  color: white;
+  font-size: 11px;
+  font-weight: 600;
+  line-height: 1;
+  z-index: 10;
+}
+
+/* Annotations Panel - Documentation container */
+.${prefix}-annotations {
+  background: #fafafa;
+  border: 2px dashed #d1d5db;
+  border-radius: 8px;
+  padding: 16px;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+}
+
+.${prefix}-annotations-header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-weight: 600;
+  font-size: 14px;
+  color: #6b7280;
+  margin-bottom: 16px;
+  padding-bottom: 8px;
+  border-bottom: 1px solid #e5e7eb;
+}
+
+.${prefix}-annotations-icon {
+  font-size: 16px;
+}
+
+.${prefix}-annotations-content {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+/* Annotation Item - Individual entry */
+.${prefix}-annotation-item {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.${prefix}-annotation-item-header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.${prefix}-annotation-marker {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 18px;
+  height: 18px;
+  border-radius: 50%;
+  background: #3b82f6;
+  color: white;
+  font-size: 10px;
+  font-weight: 600;
+  flex-shrink: 0;
+}
+
+.${prefix}-annotation-item-title {
+  font-weight: 500;
+  font-size: 13px;
+  color: #374151;
+}
+
+.${prefix}-annotation-item-content {
+  padding-left: 26px;
+  font-size: 12px;
+  color: #6b7280;
+  line-height: 1.5;
+}
+
+.${prefix}-annotation-item-content p,
+.${prefix}-annotation-item-content .${prefix}-text {
+  margin: 0;
+  font-size: 12px;
+  color: #6b7280;
+}`;
+}
+
 // src/renderer/styles-components.ts
 function generateComponentStyles(_theme, prefix = "wf") {
   const parts = [
@@ -1335,7 +1435,8 @@ function generateComponentStyles(_theme, prefix = "wf") {
     generateOverlayStyles(_theme, prefix),
     generateNavigationStyles(_theme, prefix),
     generateSemanticMarkerStyles(_theme, prefix),
-    generateAccessibilityStyles(prefix)
+    generateAccessibilityStyles(prefix),
+    generateAnnotationStyles(_theme, prefix)
   ];
   return parts.join("\n\n");
 }
@@ -49392,6 +49493,117 @@ function renderDivider(node, ctx) {
   return `<hr class="${ctx.prefix}-divider"${styleAttr} />`;
 }
 
+// src/renderer/html/renderers/annotation.ts
+var MARKER_COLORS = {
+  blue: { bg: "#3b82f6", border: "#2563eb" },
+  red: { bg: "#ef4444", border: "#dc2626" },
+  green: { bg: "#22c55e", border: "#16a34a" },
+  yellow: { bg: "#eab308", border: "#ca8a04" },
+  purple: { bg: "#a855f7", border: "#9333ea" },
+  orange: { bg: "#f97316", border: "#ea580c" }
+};
+function getAnchorStyles(anchor) {
+  if (!anchor) return "";
+  const styles = ["position: absolute"];
+  switch (anchor) {
+    case "top-left":
+      styles.push("top: -8px", "left: -8px");
+      break;
+    case "top-center":
+      styles.push("top: -8px", "left: 50%", "transform: translateX(-50%)");
+      break;
+    case "top-right":
+      styles.push("top: -8px", "right: -8px");
+      break;
+    case "center-left":
+      styles.push("top: 50%", "left: -8px", "transform: translateY(-50%)");
+      break;
+    case "center":
+      styles.push("top: 50%", "left: 50%", "transform: translate(-50%, -50%)");
+      break;
+    case "center-right":
+      styles.push("top: 50%", "right: -8px", "transform: translateY(-50%)");
+      break;
+    case "bottom-left":
+      styles.push("bottom: -8px", "left: -8px");
+      break;
+    case "bottom-center":
+      styles.push("bottom: -8px", "left: 50%", "transform: translateX(-50%)");
+      break;
+    case "bottom-right":
+      styles.push("bottom: -8px", "right: -8px");
+      break;
+  }
+  return styles.join("; ");
+}
+function renderMarker(node, ctx) {
+  const color = node.color || "blue";
+  const colorConfig = MARKER_COLORS[color] || MARKER_COLORS.blue;
+  const baseStyles = [
+    "display: inline-flex",
+    "align-items: center",
+    "justify-content: center",
+    "width: 20px",
+    "height: 20px",
+    "border-radius: 50%",
+    `background: ${colorConfig.bg}`,
+    `border: 2px solid ${colorConfig.border}`,
+    "color: white",
+    "font-size: 11px",
+    "font-weight: 600",
+    "line-height: 1",
+    "z-index: 10"
+  ];
+  const anchorStyles = getAnchorStyles(node.anchor);
+  const commonStyles = ctx.buildCommonStyles(node);
+  const allStyles = [
+    ...baseStyles,
+    ...anchorStyles ? [anchorStyles] : [],
+    ...commonStyles ? [commonStyles] : []
+  ].join("; ");
+  return `<span class="${ctx.prefix}-marker" style="${allStyles}" aria-label="Marker ${node.number}">${node.number}</span>`;
+}
+function renderAnnotations(node, ctx) {
+  const title = node.title || "\uD654\uBA74 \uC124\uBA85";
+  const commonStyles = ctx.buildCommonStyles(node);
+  const styleAttr = commonStyles ? ` style="${commonStyles}"` : "";
+  const items = (node.children || []).map((child) => renderAnnotationItem(child, ctx)).join("\n");
+  return `<aside class="${ctx.prefix}-annotations" data-role="documentation" aria-label="${ctx.escapeHtml(title)}"${styleAttr}>
+  <header class="${ctx.prefix}-annotations-header">
+    <span class="${ctx.prefix}-annotations-icon" aria-hidden="true">&#128203;</span>
+    <span>${ctx.escapeHtml(title)}</span>
+  </header>
+  <div class="${ctx.prefix}-annotations-content">
+    ${items}
+  </div>
+</aside>`;
+}
+function renderAnnotationItem(node, ctx) {
+  const color = MARKER_COLORS.blue;
+  const markerStyle = [
+    "display: inline-flex",
+    "align-items: center",
+    "justify-content: center",
+    "width: 18px",
+    "height: 18px",
+    "border-radius: 50%",
+    `background: ${color.bg}`,
+    "color: white",
+    "font-size: 10px",
+    "font-weight: 600",
+    "flex-shrink: 0"
+  ].join("; ");
+  const children = node.children || [];
+  const content = children.length > 0 ? ctx.renderChildren(children) : "";
+  return `<div class="${ctx.prefix}-annotation-item">
+  <div class="${ctx.prefix}-annotation-item-header">
+    <span class="${ctx.prefix}-annotation-marker" style="${markerStyle}">${node.number}</span>
+    <span class="${ctx.prefix}-annotation-item-title">${ctx.escapeHtml(node.title)}</span>
+  </div>
+  ${content ? `<div class="${ctx.prefix}-annotation-item-content">${content}</div>` : ""}
+</div>`;
+}
+
 // src/renderer/html/index.ts
 var SPACING_TOKENS = {
   0: "0px",
@@ -49522,7 +49734,11 @@ var HtmlRenderer = class extends BaseRenderer {
       Tabs: (node) => this.renderTabs(node),
       Breadcrumb: (node) => this.renderBreadcrumb(node),
       // Other
-      Divider: (node) => this.renderDivider(node)
+      Divider: (node) => this.renderDivider(node),
+      // Annotation nodes
+      Marker: (node) => this.renderMarker(node),
+      Annotations: (node) => this.renderAnnotations(node),
+      AnnotationItem: (node) => this.renderAnnotationItem(node)
     };
   }
   /**
@@ -49944,6 +50160,18 @@ ${title}${children}
   renderDivider(node) {
     return renderDivider(node, this.getRenderContext());
   }
+  // ===========================================
+  // Annotation Renderers
+  // ===========================================
+  renderMarker(node) {
+    return renderMarker(node, this.getRenderContext());
+  }
+  renderAnnotations(node) {
+    return renderAnnotations(node, this.getRenderContext());
+  }
+  renderAnnotationItem(node) {
+    return renderAnnotationItem(node, this.getRenderContext());
+  }
 };
 function createHtmlRenderer(options) {
   return new HtmlRenderer(options);

package/dist/renderer.d.cts

@@ -1,4 +1,4 @@
-import { a1 as WireframeDocument, A as AnyNode, P as PageNode } from './types-D_1QkAXo.cjs';
+import { a1 as WireframeDocument, A as AnyNode, P as PageNode } from './types-EbEsGNxL.cjs';
 
 /**
  * Renderer type definitions for wireweave
@@ -313,6 +313,9 @@ declare class HtmlRenderer extends BaseRenderer {
     private renderTabs;
     private renderBreadcrumb;
     private renderDivider;
+    private renderMarker;
+    private renderAnnotations;
+    private renderAnnotationItem;
 }
 /**
  * Create a new HTML renderer instance

package/dist/renderer.d.ts

@@ -1,4 +1,4 @@
-import { a1 as WireframeDocument, A as AnyNode, P as PageNode } from './types-D_1QkAXo.js';
+import { a1 as WireframeDocument, A as AnyNode, P as PageNode } from './types-EbEsGNxL.js';
 
 /**
  * Renderer type definitions for wireweave
@@ -313,6 +313,9 @@ declare class HtmlRenderer extends BaseRenderer {
     private renderTabs;
     private renderBreadcrumb;
     private renderDivider;
+    private renderMarker;
+    private renderAnnotations;
+    private renderAnnotationItem;
 }
 /**
  * Create a new HTML renderer instance

package/dist/renderer.js

@@ -1284,6 +1284,106 @@ function generateAccessibilityStyles(prefix) {
 }`;
 }
 
+// src/renderer/styles/annotation.ts
+function generateAnnotationStyles(_theme, prefix) {
+  return `/* Annotation Components */
+
+/* Marker - Number marker for referencing */
+.${prefix}-marker {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  background: #3b82f6;
+  border: 2px solid #2563eb;
+  color: white;
+  font-size: 11px;
+  font-weight: 600;
+  line-height: 1;
+  z-index: 10;
+}
+
+/* Annotations Panel - Documentation container */
+.${prefix}-annotations {
+  background: #fafafa;
+  border: 2px dashed #d1d5db;
+  border-radius: 8px;
+  padding: 16px;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+}
+
+.${prefix}-annotations-header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-weight: 600;
+  font-size: 14px;
+  color: #6b7280;
+  margin-bottom: 16px;
+  padding-bottom: 8px;
+  border-bottom: 1px solid #e5e7eb;
+}
+
+.${prefix}-annotations-icon {
+  font-size: 16px;
+}
+
+.${prefix}-annotations-content {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+/* Annotation Item - Individual entry */
+.${prefix}-annotation-item {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.${prefix}-annotation-item-header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.${prefix}-annotation-marker {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 18px;
+  height: 18px;
+  border-radius: 50%;
+  background: #3b82f6;
+  color: white;
+  font-size: 10px;
+  font-weight: 600;
+  flex-shrink: 0;
+}
+
+.${prefix}-annotation-item-title {
+  font-weight: 500;
+  font-size: 13px;
+  color: #374151;
+}
+
+.${prefix}-annotation-item-content {
+  padding-left: 26px;
+  font-size: 12px;
+  color: #6b7280;
+  line-height: 1.5;
+}
+
+.${prefix}-annotation-item-content p,
+.${prefix}-annotation-item-content .${prefix}-text {
+  margin: 0;
+  font-size: 12px;
+  color: #6b7280;
+}`;
+}
+
 // src/renderer/styles-components.ts
 function generateComponentStyles(_theme, prefix = "wf") {
   const parts = [
@@ -1297,7 +1397,8 @@ function generateComponentStyles(_theme, prefix = "wf") {
     generateOverlayStyles(_theme, prefix),
     generateNavigationStyles(_theme, prefix),
     generateSemanticMarkerStyles(_theme, prefix),
-    generateAccessibilityStyles(prefix)
+    generateAccessibilityStyles(prefix),
+    generateAnnotationStyles(_theme, prefix)
   ];
   return parts.join("\n\n");
 }
@@ -49354,6 +49455,117 @@ function renderDivider(node, ctx) {
   return `<hr class="${ctx.prefix}-divider"${styleAttr} />`;
 }
 
+// src/renderer/html/renderers/annotation.ts
+var MARKER_COLORS = {
+  blue: { bg: "#3b82f6", border: "#2563eb" },
+  red: { bg: "#ef4444", border: "#dc2626" },
+  green: { bg: "#22c55e", border: "#16a34a" },
+  yellow: { bg: "#eab308", border: "#ca8a04" },
+  purple: { bg: "#a855f7", border: "#9333ea" },
+  orange: { bg: "#f97316", border: "#ea580c" }
+};
+function getAnchorStyles(anchor) {
+  if (!anchor) return "";
+  const styles = ["position: absolute"];
+  switch (anchor) {
+    case "top-left":
+      styles.push("top: -8px", "left: -8px");
+      break;
+    case "top-center":
+      styles.push("top: -8px", "left: 50%", "transform: translateX(-50%)");
+      break;
+    case "top-right":
+      styles.push("top: -8px", "right: -8px");
+      break;
+    case "center-left":
+      styles.push("top: 50%", "left: -8px", "transform: translateY(-50%)");
+      break;
+    case "center":
+      styles.push("top: 50%", "left: 50%", "transform: translate(-50%, -50%)");
+      break;
+    case "center-right":
+      styles.push("top: 50%", "right: -8px", "transform: translateY(-50%)");
+      break;
+    case "bottom-left":
+      styles.push("bottom: -8px", "left: -8px");
+      break;
+    case "bottom-center":
+      styles.push("bottom: -8px", "left: 50%", "transform: translateX(-50%)");
+      break;
+    case "bottom-right":
+      styles.push("bottom: -8px", "right: -8px");
+      break;
+  }
+  return styles.join("; ");
+}
+function renderMarker(node, ctx) {
+  const color = node.color || "blue";
+  const colorConfig = MARKER_COLORS[color] || MARKER_COLORS.blue;
+  const baseStyles = [
+    "display: inline-flex",
+    "align-items: center",
+    "justify-content: center",
+    "width: 20px",
+    "height: 20px",
+    "border-radius: 50%",
+    `background: ${colorConfig.bg}`,
+    `border: 2px solid ${colorConfig.border}`,
+    "color: white",
+    "font-size: 11px",
+    "font-weight: 600",
+    "line-height: 1",
+    "z-index: 10"
+  ];
+  const anchorStyles = getAnchorStyles(node.anchor);
+  const commonStyles = ctx.buildCommonStyles(node);
+  const allStyles = [
+    ...baseStyles,
+    ...anchorStyles ? [anchorStyles] : [],
+    ...commonStyles ? [commonStyles] : []
+  ].join("; ");
+  return `<span class="${ctx.prefix}-marker" style="${allStyles}" aria-label="Marker ${node.number}">${node.number}</span>`;
+}
+function renderAnnotations(node, ctx) {
+  const title = node.title || "\uD654\uBA74 \uC124\uBA85";
+  const commonStyles = ctx.buildCommonStyles(node);
+  const styleAttr = commonStyles ? ` style="${commonStyles}"` : "";
+  const items = (node.children || []).map((child) => renderAnnotationItem(child, ctx)).join("\n");
+  return `<aside class="${ctx.prefix}-annotations" data-role="documentation" aria-label="${ctx.escapeHtml(title)}"${styleAttr}>
+  <header class="${ctx.prefix}-annotations-header">
+    <span class="${ctx.prefix}-annotations-icon" aria-hidden="true">&#128203;</span>
+    <span>${ctx.escapeHtml(title)}</span>
+  </header>
+  <div class="${ctx.prefix}-annotations-content">
+    ${items}
+  </div>
+</aside>`;
+}
+function renderAnnotationItem(node, ctx) {
+  const color = MARKER_COLORS.blue;
+  const markerStyle = [
+    "display: inline-flex",
+    "align-items: center",
+    "justify-content: center",
+    "width: 18px",
+    "height: 18px",
+    "border-radius: 50%",
+    `background: ${color.bg}`,
+    "color: white",
+    "font-size: 10px",
+    "font-weight: 600",
+    "flex-shrink: 0"
+  ].join("; ");
+  const children = node.children || [];
+  const content = children.length > 0 ? ctx.renderChildren(children) : "";
+  return `<div class="${ctx.prefix}-annotation-item">
+  <div class="${ctx.prefix}-annotation-item-header">
+    <span class="${ctx.prefix}-annotation-marker" style="${markerStyle}">${node.number}</span>
+    <span class="${ctx.prefix}-annotation-item-title">${ctx.escapeHtml(node.title)}</span>
+  </div>
+  ${content ? `<div class="${ctx.prefix}-annotation-item-content">${content}</div>` : ""}
+</div>`;
+}
+
 // src/renderer/html/index.ts
 var SPACING_TOKENS = {
   0: "0px",
@@ -49484,7 +49696,11 @@ var HtmlRenderer = class extends BaseRenderer {
       Tabs: (node) => this.renderTabs(node),
       Breadcrumb: (node) => this.renderBreadcrumb(node),
       // Other
-      Divider: (node) => this.renderDivider(node)
+      Divider: (node) => this.renderDivider(node),
+      // Annotation nodes
+      Marker: (node) => this.renderMarker(node),
+      Annotations: (node) => this.renderAnnotations(node),
+      AnnotationItem: (node) => this.renderAnnotationItem(node)
     };
   }
   /**
@@ -49906,6 +50122,18 @@ ${title}${children}
   renderDivider(node) {
     return renderDivider(node, this.getRenderContext());
   }
+  // ===========================================
+  // Annotation Renderers
+  // ===========================================
+  renderMarker(node) {
+    return renderMarker(node, this.getRenderContext());
+  }
+  renderAnnotations(node) {
+    return renderAnnotations(node, this.getRenderContext());
+  }
+  renderAnnotationItem(node) {
+    return renderAnnotationItem(node, this.getRenderContext());
+  }
 };
 function createHtmlRenderer(options) {
   return new HtmlRenderer(options);

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

@@ -506,6 +506,73 @@ interface BreadcrumbNode extends BaseNode, CommonProps {
 interface DividerComponentNode extends BaseNode, CommonProps {
     type: 'Divider';
 }
+type MarkerColor = 'blue' | 'red' | 'green' | 'yellow' | 'purple' | 'orange';
+/**
+ * Marker - Number marker for referencing in annotations
+ *
+ * Displays a numbered circle that can be placed on UI elements.
+ * Recommended to use inside `relative` with `anchor` for positioning outside the UI.
+ *
+ * Example:
+ * ```wireframe
+ * relative {
+ *   button "Submit"
+ *   marker 1 anchor=top-right
+ * }
+ * ```
+ */
+interface MarkerNode extends BaseNode, CommonProps {
+    type: 'Marker';
+    /** The marker number (1, 2, 3, ...) */
+    number: number;
+    /** Marker color */
+    color?: MarkerColor;
+    /** Anchor position when inside a relative container */
+    anchor?: AnchorPosition;
+}
+/**
+ * Annotations - Documentation panel for screen specifications
+ *
+ * Container for annotation items that describe UI elements.
+ * Visually distinct from wireframe UI with dashed border and different background.
+ * Rendered with data-role="documentation" for LLM recognition.
+ *
+ * Example:
+ * ```wireframe
+ * annotations title="화면 설명" {
+ *   item 1 "이메일 입력" { text "유효성 검사 적용" }
+ *   item 2 "로그인 버튼" { text "OAuth 연동" }
+ * }
+ * ```
+ */
+interface AnnotationsNode extends BaseNode, CommonProps {
+    type: 'Annotations';
+    /** Panel title (default: "화면 설명" or "Annotations") */
+    title?: string;
+    children: AnnotationItemNode[];
+}
+/**
+ * AnnotationItem - Individual annotation entry
+ *
+ * Represents a single annotation with a marker number, title, and description content.
+ *
+ * Example:
+ * ```wireframe
+ * item 1 "이메일 입력" {
+ *   text "- 유효성 검사 적용"
+ *   text "- 최대 255자"
+ * }
+ * ```
+ */
+interface AnnotationItemNode extends BaseNode {
+    type: 'AnnotationItem';
+    /** The marker number this item references */
+    number: number;
+    /** Item title */
+    title: string;
+    /** Description content (Text nodes) */
+    children: AnyNode[];
+}
 type LayoutNode = PageNode | HeaderNode | MainNode | FooterNode | SidebarNode | SectionNode;
 type GridNode = RowNode | ColNode | StackNode | RelativeNode;
 type ContainerComponentNode = CardNode | ModalNode | DrawerNode | AccordionNode;
@@ -516,9 +583,10 @@ type DataNode = TableNode | ListNode;
 type FeedbackNode = AlertNode | ToastNode | ProgressNode | SpinnerNode;
 type OverlayNode = TooltipNode | PopoverNode | DropdownNode;
 type NavigationNode = NavNode | TabsNode | BreadcrumbNode;
-type ContainerNode = LayoutNode | GridNode | ContainerComponentNode | PopoverNode | TooltipNode;
-type LeafNode = TextContentNode | InputComponentNode | ButtonNode | DisplayNode | DataNode | FeedbackNode | DropdownNode | NavigationNode | DividerComponentNode;
+type AnnotationNode = MarkerNode | AnnotationsNode | AnnotationItemNode;
+type ContainerNode = LayoutNode | GridNode | ContainerComponentNode | PopoverNode | TooltipNode | AnnotationsNode | AnnotationItemNode;
+type LeafNode = TextContentNode | InputComponentNode | ButtonNode | DisplayNode | DataNode | FeedbackNode | DropdownNode | NavigationNode | DividerComponentNode | MarkerNode;
 type AnyNode = ContainerNode | LeafNode;
-type NodeType = 'Document' | 'Page' | 'Header' | 'Main' | 'Footer' | 'Sidebar' | 'Section' | 'Row' | 'Col' | 'Stack' | 'Relative' | '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';
+type NodeType = 'Document' | 'Page' | 'Header' | 'Main' | 'Footer' | 'Sidebar' | 'Section' | 'Row' | 'Col' | 'Stack' | 'Relative' | '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' | 'Marker' | 'Annotations' | 'AnnotationItem';
 
-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, AnchorPosition as a4, AppearanceProps as a5, AvatarSize as a6, AvatarSizeToken as a7, BadgeSize as a8, BadgeSizeToken as a9, PositionProps as aA, RelativeNode as aB, SelectOption as aC, ShadowValue as aD, SizeProps as aE, SourceLocation as aF, SpacingProps as aG, SpacingValue as aH, SpinnerSize as aI, SpinnerSizeToken as aJ, StackNode as aK, TabNode as aL, TextAlign as aM, TextSize as aN, TextSizeToken as aO, TextWeight as aP, TitleLevel as aQ, ToastPosition as aR, TooltipPosition as aS, ValueWithUnit as aT, WidthValue as aU, BadgeVariant as aa, BaseNode as ab, BreadcrumbItem as ac, ButtonSize as ad, ButtonSizeToken as ae, ButtonVariant as af, CommonProps as ag, DirectionValue as ah, DividerNode as ai, DrawerPosition as aj, DropdownItemNode as ak, FlexProps as al, GridProps as am, HeightValue as an, IconSize as ao, IconSizeToken as ap, InputType as aq, InteractiveProps as ar, JustifyValue as as, ListItemNode as at, NavBlockItem as au, NavChild as av, NavDivider as aw, NavGroupNode as ax, NavItem as ay, Position 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 };
+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, AnchorPosition as a4, AnnotationItemNode as a5, AnnotationNode as a6, AnnotationsNode as a7, AppearanceProps as a8, AvatarSize as a9, NavChild as aA, NavDivider as aB, NavGroupNode as aC, NavItem as aD, Position as aE, PositionProps as aF, RelativeNode as aG, SelectOption as aH, ShadowValue as aI, SizeProps as aJ, SourceLocation as aK, SpacingProps as aL, SpacingValue as aM, SpinnerSize as aN, SpinnerSizeToken as aO, StackNode as aP, TabNode as aQ, TextAlign as aR, TextSize as aS, TextSizeToken as aT, TextWeight as aU, TitleLevel as aV, ToastPosition as aW, TooltipPosition as aX, ValueWithUnit as aY, WidthValue as aZ, AvatarSizeToken as aa, BadgeSize as ab, BadgeSizeToken as ac, BadgeVariant as ad, BaseNode as ae, BreadcrumbItem as af, ButtonSize as ag, ButtonSizeToken as ah, ButtonVariant as ai, CommonProps as aj, DirectionValue as ak, DividerNode as al, DrawerPosition as am, DropdownItemNode as an, FlexProps as ao, GridProps as ap, HeightValue as aq, IconSize as ar, IconSizeToken as as, InputType as at, InteractiveProps as au, JustifyValue as av, ListItemNode as aw, MarkerColor as ax, MarkerNode as ay, NavBlockItem 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 };