rayo-editor 0.0.1

package/README.md

@@ -0,0 +1,563 @@
+# rayo-editor
+
+![npm version](https://img.shields.io/npm/v/rayo-editor) ![license](https://img.shields.io/npm/l/rayo-editor) ![coverage](https://img.shields.io/badge/coverage-96.3%25-brightgreen)
+
+A professional-grade rich text editor component for React, built with TipTap and optimized for blog content creation. Drop-in replacement for BlogEditor with advanced diff highlighting, collaborative editing support, and real-time content processing.
+
+## Features
+
+- **Rich Text Editing** - Full-featured editor with support for headings, lists, code blocks, tables, and images
+- **Diff Highlighting** - Visual diff overlays showing changes in green (additions) and red (deletions)
+- **Review UI** - Accept/reject individual changes or bulk approve all modifications
+- **Image Handling** - Integrated image management with generation loader
+- **TypeScript Support** - Fully typed API with comprehensive JSDoc documentation
+- **React 18+** - Modern React patterns with hooks and ref forwarding
+- **Zero Configuration** - Works out of the box, no setup required
+- **Rive Animations** - Smooth loading and generation states
+- **96.3% Test Coverage** - Comprehensive test suite with 271+ tests
+
+## Installation
+
+```bash
+npm install rayo-editor
+# or
+yarn add rayo-editor
+# or
+pnpm add rayo-editor
+```
+
+## Quick Start
+
+### Basic Usage
+
+```tsx
+import React, { useRef } from 'react';
+import { RayoEditor, BlogSimpleEditorRef } from 'rayo-editor';
+import 'rayo-editor/styles';
+
+export function MyBlogEditor() {
+  const editorRef = useRef<BlogSimpleEditorRef>(null);
+  const [content, setContent] = React.useState('');
+  const [title, setTitle] = React.useState('');
+
+  return (
+    <RayoEditor
+      content={content}
+      title={title}
+      onChange={setContent}
+      onTitleChange={setTitle}
+      isLoading={false}
+      editorRef={editorRef}
+    />
+  );
+}
+```
+
+### With Diff Highlighting
+
+```tsx
+<RayoEditor
+  content={content}
+  title={title}
+  onChange={setContent}
+  onTitleChange={setTitle}
+  showDiffs={true}
+  pendingChanges={true}
+  onAcceptChanges={() => {
+    // Handle accepting all changes
+    console.log('Changes accepted');
+  }}
+  onRejectChanges={() => {
+    // Handle rejecting all changes
+    console.log('Changes rejected');
+  }}
+  isLoading={false}
+  editorRef={editorRef}
+/>
+```
+
+### Read-Only Mode
+
+```tsx
+<RayoEditor
+  content={publishedContent}
+  title={publishedTitle}
+  onChange={() => {}} // No-op
+  readOnly={true}
+  isLoading={false}
+  editorRef={editorRef}
+/>
+```
+
+### With Callbacks
+
+```tsx
+<RayoEditor
+  content={content}
+  title={title}
+  onChange={setContent}
+  onTitleChange={setTitle}
+  onAcceptSingleChange={(greenRange, redRange) => {
+    console.log('Single change accepted', greenRange, redRange);
+  }}
+  onRejectSingleChange={(greenRange, redRange) => {
+    console.log('Single change rejected', greenRange, redRange);
+  }}
+  onDiffPairsChange={(pairs) => {
+    console.log('Diff pairs updated', pairs);
+  }}
+  isLoading={false}
+  editorRef={editorRef}
+/>
+```
+
+## API Reference
+
+### Components
+
+#### RayoEditor
+
+Main editor component providing a complete rich text editing experience.
+
+```tsx
+<RayoEditor {...props} />
+```
+
+**Props:**
+
+```typescript
+interface RayoEditorProps {
+  // Content management
+  content: string;
+  title: string;
+  onChange: (content: string) => void;
+  onTitleChange?: (title: string) => void;
+
+  // State management
+  isLoading: boolean;
+  isStreaming?: boolean;
+  isAgentThinking?: boolean;
+  readOnly?: boolean;
+  focusMode?: boolean;
+
+  // Diff & Review features
+  pendingChanges?: boolean;
+  showDiffs?: boolean;
+  hideReviewUI?: boolean;
+  editedLinesCount?: number;
+  onAcceptChanges?: () => void;
+  onRejectChanges?: () => void;
+  onAcceptSingleChange?: (greenRange: DiffRange, redRange?: DiffRange) => void;
+  onRejectSingleChange?: (greenRange: DiffRange, redRange?: DiffRange) => void;
+  onDiffPairsChange?: (diffPairs: DiffPair[]) => void;
+
+  // Image management
+  featuredImageUrl?: string;
+  onEditFeaturedImage?: () => void;
+  isGeneratingImage?: boolean;
+
+  // Advanced options
+  editorRef: RefObject<BlogSimpleEditorRef>;
+  onAriScoreChange?: (score: number) => void;
+  disableAutoScroll?: boolean;
+  onUserScrollChange?: (isScrolledUp: boolean) => void;
+  showToolbarAnimation?: boolean;
+  streamingPhase?: string;
+}
+```
+
+#### BlogEditor
+
+Legacy component wrapper - identical to RayoEditor, maintained for backward compatibility.
+
+```tsx
+import { BlogEditor } from 'rayo-editor';
+```
+
+#### TitleTextarea
+
+Standalone title input component.
+
+```tsx
+<TitleTextarea
+  title={title}
+  onTitleChange={setTitle}
+  readOnly={false}
+/>
+```
+
+#### DiffOverlay
+
+Visual overlay component for displaying diff highlights.
+
+```tsx
+<DiffOverlay
+  diffPairs={diffPairs}
+  overlayHoleRect={rect}
+  onPairHover={(index) => console.log(index)}
+  onPairClick={(index) => console.log(index)}
+/>
+```
+
+#### ReviewButtons
+
+Accept/reject buttons for review operations.
+
+```tsx
+<ReviewButtons
+  onAccept={() => console.log('Accepted')}
+  onReject={() => console.log('Rejected')}
+  position={{ top: 100, left: 50 }}
+/>
+```
+
+### Hooks
+
+#### useEditorDiff
+
+Hook for managing diff detection and overlay state.
+
+```tsx
+const {
+  diffPairs,
+  setDiffPairs,
+  activePairIndex,
+  setActivePairIndex,
+  hoverPairIndex,
+  setHoverPairIndex,
+  overlayHoleRect,
+  setOverlayHoleRect,
+  updateDiffRanges
+} = useEditorDiff(editorRef, { focusMode: false });
+```
+
+**Returns:**
+- `diffPairs: DiffPair[]` - Array of detected diff pairs
+- `activePairIndex: number` - Currently active pair index
+- `hoverPairIndex: number` - Currently hovered pair index
+- `overlayHoleRect: Rect | null` - Rectangle for overlay positioning
+- `updateDiffRanges: () => void` - Function to trigger diff update
+
+#### useContentProcessing
+
+Hook for content transformation and processing.
+
+```tsx
+const {
+  content,
+  setContent,
+  isProcessing,
+  error,
+  processContent
+} = useContentProcessing(initialContent);
+```
+
+**Returns:**
+- `content: string` - Current processed content
+- `setContent: (content: string) => void` - Direct content setter
+- `isProcessing: boolean` - Processing state flag
+- `error: Error | null` - Last processing error
+- `processContent: (content: string) => void` - Process and update content
+
+### Utility Functions
+
+#### Diff Detection
+
+```typescript
+// Detect diff markers in content
+detectDiffMarkers(content: string): DiffMarkerResult;
+
+// Normalize diff text for comparison
+normalizeDiffText(text: string): string;
+
+// Extract diff ranges from content
+extractDiffRanges(content: string, type?: 'all' | 'green' | 'red'): DiffRange[];
+```
+
+#### Content Processing
+
+```typescript
+// Merge consecutive or overlapping ranges
+mergeConsecutiveRanges(ranges: DiffRange[]): DiffRange[];
+
+// Extract plain text from HTML content
+extractTextContent(html: string): string;
+
+// Optimize ranges for rendering
+optimizeRanges(ranges: DiffRange[]): DiffRange[];
+```
+
+#### Image Handling
+
+```typescript
+// Group consecutive images in content
+groupConsecutiveImages(content: string): ImageOperation[];
+
+// Match image replacements in diff pairs
+matchImageReplacements(content: string): Array<{old: string, new: string}>;
+```
+
+#### Proximity Matching
+
+```typescript
+// Calculate proximity score between text segments
+calculateProximity(text1: string, text2: string): number;
+
+// Find the best matching text pair
+findOwnerTextPair(target: string, candidates: string[]): string | null;
+
+// Group items by proximity
+groupConsecutiveItems<T>(items: T[], key: string): T[][];
+```
+
+#### Error Handling
+
+```typescript
+// Safe execution wrapper
+safeExecute<T>(fn: () => T, errorHandler?: (error: Error) => void): T | null;
+
+// Custom error class
+class DiffProcessingError extends Error {
+  constructor(message: string, public originalError?: Error) {}
+}
+```
+
+## Props Documentation
+
+### RayoEditorProps
+
+All props are documented below with their purposes and default values:
+
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `content` | `string` | Yes | - | Current editor content (HTML) |
+| `title` | `string` | Yes | - | Blog post title |
+| `onChange` | `(content: string) => void` | Yes | - | Callback fired on content changes |
+| `onTitleChange` | `(title: string) => void` | No | - | Callback fired on title changes |
+| `isLoading` | `boolean` | Yes | - | Shows loading state |
+| `editorRef` | `RefObject<BlogSimpleEditorRef>` | Yes | - | Reference to editor instance |
+| `isStreaming` | `boolean` | No | `false` | Indicates streaming in progress |
+| `isAgentThinking` | `boolean` | No | `false` | Shows agent thinking state |
+| `readOnly` | `boolean` | No | `false` | Disables editing |
+| `focusMode` | `boolean` | No | `false` | Minimal UI focus mode |
+| `pendingChanges` | `boolean` | No | `false` | Indicates pending changes exist |
+| `showDiffs` | `boolean` | No | `false` | Show diff highlighting |
+| `hideReviewUI` | `boolean` | No | `false` | Hide review buttons |
+| `editedLinesCount` | `number` | No | - | Number of edited lines |
+| `onAcceptChanges` | `() => void` | No | - | Accept all changes callback |
+| `onRejectChanges` | `() => void` | No | - | Reject all changes callback |
+| `onAcceptSingleChange` | `(green, red?) => void` | No | - | Accept single change |
+| `onRejectSingleChange` | `(green, red?) => void` | No | - | Reject single change |
+| `onDiffPairsChange` | `(pairs) => void` | No | - | Diff pairs updated |
+| `featuredImageUrl` | `string` | No | - | Featured image URL |
+| `onEditFeaturedImage` | `() => void` | No | - | Edit featured image callback |
+| `isGeneratingImage` | `boolean` | No | `false` | Image generation in progress |
+| `onAriScoreChange` | `(score: number) => void` | No | - | ARI score updated |
+| `disableAutoScroll` | `boolean` | No | `false` | Disable auto-scroll |
+| `onUserScrollChange` | `(scrolledUp: boolean) => void` | No | - | User scroll state |
+| `showToolbarAnimation` | `boolean` | No | `true` | Show toolbar animations |
+| `streamingPhase` | `string` | No | - | Current streaming phase |
+
+## Examples
+
+### Advanced: Collaborative Editing
+
+```tsx
+import React, { useRef, useState } from 'react';
+import { RayoEditor, BlogSimpleEditorRef, useEditorDiff } from 'rayo-editor';
+
+export function CollaborativeEditor() {
+  const editorRef = useRef<BlogSimpleEditorRef>(null);
+  const [content, setContent] = useState('');
+  const [title, setTitle] = useState('');
+  const [pendingChanges, setPendingChanges] = useState(false);
+
+  const { diffPairs, updateDiffRanges } = useEditorDiff(editorRef);
+
+  const handleAcceptChanges = async () => {
+    // Apply changes and send to server
+    await fetch('/api/changes/accept', {
+      method: 'POST',
+      body: JSON.stringify({ content, diffPairs })
+    });
+    setPendingChanges(false);
+  };
+
+  return (
+    <RayoEditor
+      content={content}
+      title={title}
+      onChange={setContent}
+      onTitleChange={setTitle}
+      showDiffs={pendingChanges}
+      pendingChanges={pendingChanges}
+      onAcceptChanges={handleAcceptChanges}
+      onRejectChanges={() => setContent(content)}
+      isLoading={false}
+      editorRef={editorRef}
+    />
+  );
+}
+```
+
+### Advanced: With Content Processing
+
+```tsx
+import { RayoEditor, useContentProcessing } from 'rayo-editor';
+
+export function SmartEditor() {
+  const editorRef = useRef<BlogSimpleEditorRef>(null);
+  const {
+    content,
+    setContent,
+    isProcessing,
+    error,
+    processContent
+  } = useContentProcessing('');
+
+  const handleAIEnhance = async () => {
+    const enhanced = await fetch('/api/enhance', {
+      method: 'POST',
+      body: JSON.stringify({ content })
+    }).then(r => r.json());
+
+    processContent(enhanced.content);
+  };
+
+  return (
+    <>
+      <RayoEditor
+        content={content}
+        title=""
+        onChange={processContent}
+        isLoading={isProcessing}
+        editorRef={editorRef}
+      />
+      {error && <div className="error">{error.message}</div>}
+      <button onClick={handleAIEnhance} disabled={isProcessing}>
+        {isProcessing ? 'Processing...' : 'Enhance with AI'}
+      </button>
+    </>
+  );
+}
+```
+
+### Advanced: Real-time Diff Highlighting
+
+```tsx
+import React, { useRef, useState, useEffect } from 'react';
+import { RayoEditor, useEditorDiff, detectDiffMarkers } from 'rayo-editor';
+
+export function RealtimeDiffEditor() {
+  const editorRef = useRef<BlogSimpleEditorRef>(null);
+  const [content, setContent] = useState('');
+  const { diffPairs, setDiffPairs } = useEditorDiff(editorRef);
+
+  useEffect(() => {
+    const { hasDiffs } = detectDiffMarkers(content);
+    if (hasDiffs) {
+      // Process and set diff pairs
+      setDiffPairs([]);
+    }
+  }, [content, setDiffPairs]);
+
+  return (
+    <RayoEditor
+      content={content}
+      title=""
+      onChange={setContent}
+      showDiffs={diffPairs.length > 0}
+      isLoading={false}
+      editorRef={editorRef}
+    />
+  );
+}
+```
+
+## Architecture
+
+### Component Hierarchy
+
+```
+RayoEditor (Main Component)
+├── BlogEditor (Core Editor Implementation)
+├── TitleTextarea (Title Input)
+├── DiffOverlay (Diff Visualization)
+├── ReviewButtons (Accept/Reject Controls)
+└── ImageGenerationLoader (Image Loading State)
+```
+
+### Hook System
+
+- **useEditorDiff** - Manages diff state and detection
+- **useContentProcessing** - Handles content transformation
+- **Internal hooks** - TipTap editor instance management
+
+### Utility Pipeline
+
+```
+Content Input
+    ↓
+Diff Detection (detectDiffMarkers)
+    ↓
+Normalization (normalizeDiffText)
+    ↓
+Range Extraction (extractDiffRanges)
+    ↓
+Range Optimization (mergeConsecutiveRanges, optimizeRanges)
+    ↓
+Rendering (DiffOverlay)
+```
+
+## Testing
+
+The package includes comprehensive tests covering all functionality:
+
+```bash
+# Run all tests
+npm run test
+
+# Run with UI
+npm run test:ui
+
+# Generate coverage report
+npm run test:coverage
+```
+
+**Test Statistics:**
+- 271+ test cases
+- 96.3% code coverage
+- All critical paths covered
+- Edge cases and error scenarios tested
+
+## Contributing
+
+Contributions are welcome! Please follow these guidelines:
+
+1. Fork the repository
+2. Create a feature branch (`git checkout -b feature/amazing-feature`)
+3. Make your changes with tests
+4. Ensure all tests pass (`npm run test`)
+5. Commit with clear messages (`git commit -m 'feat: add amazing feature'`)
+6. Push to the branch (`git push origin feature/amazing-feature`)
+7. Open a Pull Request
+
+### Code Standards
+
+- Use TypeScript for type safety
+- Add JSDoc comments for public APIs
+- Write tests for new features
+- Maintain >95% code coverage
+- Follow eslint configuration
+
+## Changelog
+
+See [CHANGELOG.md](./CHANGELOG.md) for version history and release notes.
+
+## License
+
+MIT License - see LICENSE file for details.
+
+---
+
+**Built with ❤️ for content creators**

package/dist/components/BlogEditor.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { RayoEditorProps } from '../types/editor.types';
+export declare const BlogEditor: React.FC<RayoEditorProps>;
+//# sourceMappingURL=BlogEditor.d.ts.map

package/dist/components/BlogEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlogEditor.d.ts","sourceRoot":"","sources":["../../src/components/BlogEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAMvD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA4DhD,CAAC"}

package/dist/components/DiffOverlay.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { DiffOverlayProps } from '../types/editor.types';
+export declare const DiffOverlay: React.FC<DiffOverlayProps>;
+//# sourceMappingURL=DiffOverlay.d.ts.map

package/dist/components/DiffOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiffOverlay.d.ts","sourceRoot":"","sources":["../../src/components/DiffOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA6ClD,CAAC"}

package/dist/components/ImageGenerationLoader.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+export declare const ImageGenerationLoader: React.FC<{
+    isLoading?: boolean;
+}>;
+//# sourceMappingURL=ImageGenerationLoader.d.ts.map

package/dist/components/ImageGenerationLoader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageGenerationLoader.d.ts","sourceRoot":"","sources":["../../src/components/ImageGenerationLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,OAAO,CAAA;CAAE,CASnE,CAAC"}

package/dist/components/RayoEditor.d.ts

@@ -0,0 +1,74 @@
+import { default as React } from 'react';
+import { RayoEditorProps } from '../types/editor.types';
+/**
+ * Main Rayo Editor component - a professional-grade rich text editor
+ *
+ * This component provides a complete rich text editing experience with support for:
+ * - Full HTML editing with headings, lists, code blocks, tables, images
+ * - Diff highlighting with green (additions) and red (deletions) overlays
+ * - Review UI for accepting/rejecting changes
+ * - Image handling with generation support
+ * - Keyboard shortcuts and accessibility
+ * - Responsive design for all screen sizes
+ *
+ * The component is a drop-in replacement for BlogEditor with identical API.
+ *
+ * @component
+ * @param props - RayoEditorProps configuration object
+ * @returns React component for rich text editing
+ *
+ * @example
+ * ```tsx
+ * import { RayoEditor } from 'rayo-editor';
+ * import 'rayo-editor/styles';
+ *
+ * export function MyEditor() {
+ *   const editorRef = useRef<BlogSimpleEditorRef>(null);
+ *   const [content, setContent] = useState('');
+ *   const [title, setTitle] = useState('');
+ *
+ *   return (
+ *     <RayoEditor
+ *       content={content}
+ *       title={title}
+ *       onChange={setContent}
+ *       onTitleChange={setTitle}
+ *       isLoading={false}
+ *       editorRef={editorRef}
+ *     />
+ *   );
+ * }
+ * ```
+ *
+ * @example
+ * With diff highlighting:
+ * ```tsx
+ * <RayoEditor
+ *   content={content}
+ *   title={title}
+ *   onChange={setContent}
+ *   onTitleChange={setTitle}
+ *   showDiffs={true}
+ *   pendingChanges={true}
+ *   onAcceptChanges={() => console.log('Accepted')}
+ *   onRejectChanges={() => console.log('Rejected')}
+ *   isLoading={false}
+ *   editorRef={editorRef}
+ * />
+ * ```
+ *
+ * @example
+ * Read-only mode:
+ * ```tsx
+ * <RayoEditor
+ *   content={publishedContent}
+ *   title={publishedTitle}
+ *   onChange={() => {}}
+ *   readOnly={true}
+ *   isLoading={false}
+ *   editorRef={editorRef}
+ * />
+ * ```
+ */
+export declare const RayoEditor: React.FC<RayoEditorProps>;
+//# sourceMappingURL=RayoEditor.d.ts.map

package/dist/components/RayoEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RayoEditor.d.ts","sourceRoot":"","sources":["../../src/components/RayoEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAGvD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqEG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAMhD,CAAC"}

package/dist/components/ReviewButtons.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { ReviewButtonsProps } from '../types/editor.types';
+export declare const ReviewButtons: React.FC<ReviewButtonsProps>;
+//# sourceMappingURL=ReviewButtons.d.ts.map

package/dist/components/ReviewButtons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReviewButtons.d.ts","sourceRoot":"","sources":["../../src/components/ReviewButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAe1D,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAyBtD,CAAC"}

package/dist/components/TitleTextarea.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { TitleTextareaProps } from '../types/editor.types';
+export declare const TitleTextarea: React.FC<TitleTextareaProps>;
+//# sourceMappingURL=TitleTextarea.d.ts.map

package/dist/components/TitleTextarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TitleTextarea.d.ts","sourceRoot":"","sources":["../../src/components/TitleTextarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA8BtD,CAAC"}

package/dist/components/index.d.ts

@@ -0,0 +1,7 @@
+export { RayoEditor } from './RayoEditor';
+export { BlogEditor } from './BlogEditor';
+export { TitleTextarea } from './TitleTextarea';
+export { DiffOverlay } from './DiffOverlay';
+export { ReviewButtons } from './ReviewButtons';
+export { ImageGenerationLoader } from './ImageGenerationLoader';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC"}