uilint-react 0.1.16 → 0.1.18

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
-import { DOMSnapshot, ExtractedStyles, AnalysisResult } from 'uilint-core';
-export { AnalysisResult, DOMSnapshot, ExtractedStyles, SerializedStyles, StyleGuide, UILintIssue, createEmptyStyleGuide, createStyleSummary, extractStylesFromDOM, generateStyleGuideFromStyles as generateStyleGuide, mergeStyleGuides, parseStyleGuide, serializeStyles } from 'uilint-core';
+import { Violation, GroupedSnapshot, DOMSnapshot, ExtractedStyles, AnalysisResult } from 'uilint-core';
+export { AnalysisResult, ConsistencyResult, DOMSnapshot, ElementRole, ElementSnapshot, ExtractedStyles, GroupedSnapshot, SerializedStyles, StyleGuide, StyleSnapshot, UILintIssue, Violation, ViolationCategory, ViolationSeverity, createEmptyStyleGuide, createStyleSummary, extractStylesFromDOM, generateStyleGuideFromStyles as generateStyleGuide, mergeStyleGuides, parseStyleGuide, serializeStyles } from 'uilint-core';
 
 interface UILintProps {
     children: React.ReactNode;
@@ -10,8 +10,48 @@ interface UILintProps {
     autoScan?: boolean;
     apiEndpoint?: string;
 }
+interface UILintContextValue {
+    violations: Violation[];
+    isScanning: boolean;
+    elementCount: number;
+    scan: () => Promise<void>;
+    clearViolations: () => void;
+    selectedViolation: Violation | null;
+    setSelectedViolation: (violation: Violation | null) => void;
+    lockedViolation: Violation | null;
+    setLockedViolation: (violation: Violation | null) => void;
+}
+declare function useUILint(): UILintContextValue;
 declare function UILint({ children, enabled, position, autoScan, apiEndpoint, }: UILintProps): react_jsx_runtime.JSX.Element;
 
+/**
+ * DOM snapshotting for consistency analysis
+ */
+
+/**
+ * Cleans up data-elements attributes from previous scans
+ */
+declare function cleanupDataElements(): void;
+/**
+ * Creates a grouped snapshot of DOM elements for consistency analysis
+ */
+declare function createSnapshot(root?: Element): GroupedSnapshot;
+/**
+ * Gets an element by its data-elements ID
+ */
+declare function getElementBySnapshotId(id: string): Element | null;
+
+interface ConsistencyHighlighterProps {
+    violations: Violation[];
+    selectedViolation: Violation | null;
+    lockedViolation: Violation | null;
+}
+/**
+ * Main consistency highlighter component
+ * Renders highlights via Portal to document.body
+ */
+declare function ConsistencyHighlighter({ violations, selectedViolation, lockedViolation, }: ConsistencyHighlighterProps): React.ReactPortal | null;
+
 /**
  * DOM scanner for browser environment
  * Re-exports and wraps uilint-core functions for browser use
@@ -64,4 +104,4 @@ declare class LLMClient {
     generateStyleGuide(styles: ExtractedStyles): Promise<string | null>;
 }
 
-export { LLMClient, UILint, type UILintProps, isBrowser, isJSDOM, isNode, scanDOM };
+export { ConsistencyHighlighter, LLMClient, UILint, type UILintProps, cleanupDataElements, createSnapshot, getElementBySnapshotId, isBrowser, isJSDOM, isNode, scanDOM, useUILint };