@tpitre/story-ui 3.0.0 → 3.2.0

package/dist/playground/components/Canvas/ComponentRenderer.js

@@ -1,177 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * ComponentRenderer - Renders playground components recursively
- */
-import { useMemo, useCallback } from 'react';
-import { usePlaygroundStore } from '../../store/playgroundStore';
-import styles from './Canvas.module.css';
-export const ComponentRenderer = ({ component, isRoot = false, isSelected = false, isHovered = false, onSelect, onHover }) => {
-    const { components } = usePlaygroundStore();
-    // Handle component click
-    const handleClick = useCallback((e) => {
-        e.stopPropagation();
-        onSelect?.(component.id);
-    }, [component.id, onSelect]);
-    // Handle hover
-    const handleMouseEnter = useCallback(() => {
-        onHover?.(component.id);
-    }, [component.id, onHover]);
-    const handleMouseLeave = useCallback(() => {
-        onHover?.(null);
-    }, [onHover]);
-    // Combine styles with font inheritance
-    const combinedStyles = useMemo(() => ({
-        fontFamily: 'inherit',
-        ...component.style,
-        ...(isRoot ? { minHeight: '100vh', width: '100%' } : {})
-    }), [component.style, isRoot]);
-    // Render based on component type
-    const renderComponent = () => {
-        // Handle text nodes
-        if (component.type === 'Text') {
-            return _jsx("span", { children: component.textContent });
-        }
-        // Handle layout helper components
-        if (component.isHelper) {
-            return renderHelperComponent();
-        }
-        // For now, render as a div with placeholder
-        // In production, this would dynamically load the actual component
-        return renderPlaceholderComponent();
-    };
-    // Render helper components (FlexContainer, GridContainer, etc.)
-    const renderHelperComponent = () => {
-        const { type, props, children } = component;
-        switch (type) {
-            case 'FlexContainer':
-                return (_jsx("div", { style: {
-                        display: 'flex',
-                        flexDirection: props.direction || 'row',
-                        justifyContent: props.justify || 'flex-start',
-                        alignItems: props.align || 'stretch',
-                        gap: props.gap ? `${props.gap}px` : undefined,
-                        flexWrap: props.wrap || 'nowrap',
-                        ...combinedStyles
-                    }, "data-helper": "flex", children: renderChildren() }));
-            case 'GridContainer':
-                return (_jsx("div", { style: {
-                        display: 'grid',
-                        gridTemplateColumns: props.columns || 'auto',
-                        gridTemplateRows: props.rows || 'auto',
-                        gap: props.gap ? `${props.gap}px` : undefined,
-                        ...combinedStyles
-                    }, "data-helper": "grid", children: renderChildren() }));
-            case 'Spacer':
-                return (_jsx("div", { style: {
-                        width: props.width || 'auto',
-                        height: props.height || '16px',
-                        ...combinedStyles
-                    }, "data-helper": "spacer" }));
-            default:
-                return renderPlaceholderComponent();
-        }
-    };
-    // Render placeholder for actual components
-    const renderPlaceholderComponent = () => {
-        const { type, props, children } = component;
-        // Common component rendering
-        switch (type) {
-            case 'Container':
-            case 'Box':
-            case 'div':
-                return (_jsx("div", { style: combinedStyles, ...props, children: renderChildren() }));
-            case 'Button':
-                return (_jsx("button", { style: {
-                        fontFamily: 'inherit',
-                        border: '1px solid #d1d5db',
-                        borderRadius: '6px',
-                        padding: '8px 16px',
-                        backgroundColor: '#3b82f6',
-                        color: 'white',
-                        cursor: 'pointer',
-                        ...combinedStyles
-                    }, ...props, disabled: props.disabled || false, children: props.children || props.text || 'Button' }));
-            case 'Card':
-                return (_jsxs("div", { style: {
-                        padding: '16px',
-                        borderRadius: '8px',
-                        boxShadow: '0 2px 8px rgba(0,0,0,0.1)',
-                        backgroundColor: 'white',
-                        ...combinedStyles
-                    }, ...props, children: [props.title && _jsx("h3", { children: props.title }), props.children || renderChildren()] }));
-            case 'Input':
-                return (_jsx("input", { type: props.type || 'text', placeholder: props.placeholder, value: props.value || '', style: {
-                        fontFamily: 'inherit',
-                        border: '1px solid #d1d5db',
-                        borderRadius: '4px',
-                        padding: '8px 12px',
-                        fontSize: '14px',
-                        ...combinedStyles
-                    }, ...props, readOnly: true }));
-            case 'Text':
-            case 'Typography':
-            case 'p':
-                return (_jsx("p", { style: {
-                        fontFamily: 'inherit',
-                        margin: '0',
-                        ...combinedStyles
-                    }, ...props, children: props.children || component.textContent }));
-            case 'Heading':
-            case 'h1':
-                return (_jsx("h1", { style: {
-                        fontFamily: 'inherit',
-                        margin: '0 0 16px 0',
-                        fontSize: '2rem',
-                        fontWeight: 'bold',
-                        ...combinedStyles
-                    }, ...props, children: props.children || component.textContent }));
-            case 'h2':
-                return (_jsx("h2", { style: {
-                        fontFamily: 'inherit',
-                        margin: '0 0 14px 0',
-                        fontSize: '1.5rem',
-                        fontWeight: 'bold',
-                        ...combinedStyles
-                    }, ...props, children: props.children || component.textContent }));
-            case 'h3':
-                return (_jsx("h3", { style: {
-                        fontFamily: 'inherit',
-                        margin: '0 0 12px 0',
-                        fontSize: '1.25rem',
-                        fontWeight: 'bold',
-                        ...combinedStyles
-                    }, ...props, children: props.children || component.textContent }));
-            default:
-                // Generic component placeholder
-                return (_jsxs("div", { style: {
-                        fontFamily: 'inherit',
-                        padding: '8px',
-                        border: '1px dashed #ccc',
-                        borderRadius: '4px',
-                        backgroundColor: '#f9f9f9',
-                        minHeight: '40px',
-                        ...combinedStyles
-                    }, ...props, children: [_jsx("span", { style: { fontSize: '12px', color: '#666', fontFamily: 'inherit' }, children: type }), renderChildren()] }));
-        }
-    };
-    // Render children recursively
-    const renderChildren = () => {
-        if (!component.children || component.children.length === 0) {
-            return null;
-        }
-        return component.children.map((childId) => {
-            const child = components.get(childId);
-            if (!child)
-                return null;
-            return (_jsx(ComponentRenderer, { component: child, isSelected: isSelected, isHovered: isHovered, onSelect: onSelect, onHover: onHover }, child.id));
-        });
-    };
-    // Main render
-    return (_jsx("div", { className: `
-        ${styles.component}
-        ${isSelected ? styles.selected : ''}
-        ${isHovered ? styles.hovered : ''}
-        ${isRoot ? styles.root : ''}
-      `, onClick: handleClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, "data-component-id": component.id, "data-component-type": component.type, children: renderComponent() }));
-};
-//# sourceMappingURL=ComponentRenderer.js.map

package/dist/playground/components/Canvas/ComponentRenderer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComponentRenderer.js","sourceRoot":"","sources":["../../../../playground/components/Canvas/ComponentRenderer.tsx"],"names":[],"mappings":"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"}

package/dist/playground/components/Canvas/DraggableComponent.d.ts

@@ -1,15 +0,0 @@
-/**
- * DraggableComponent - Wrapper for draggable components in the canvas
- */
-import React from 'react';
-import type { PlaygroundComponent } from '../../types';
-export interface DraggableComponentProps {
-    component: PlaygroundComponent;
-    isRoot?: boolean;
-    isSelected?: boolean;
-    isHovered?: boolean;
-    onSelect?: (id: string) => void;
-    onHover?: (id: string | null) => void;
-}
-export declare const DraggableComponent: React.FC<DraggableComponentProps>;
-//# sourceMappingURL=DraggableComponent.d.ts.map

package/dist/playground/components/Canvas/DraggableComponent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DraggableComponent.d.ts","sourceRoot":"","sources":["../../../../playground/components/Canvas/DraggableComponent.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAsB,MAAM,OAAO,CAAC;AAK3C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAGvD,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,mBAAmB,CAAC;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CACvC;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA0GhE,CAAC"}

package/dist/playground/components/Canvas/DraggableComponent.js

@@ -1,49 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * DraggableComponent - Wrapper for draggable components in the canvas
- */
-import { useCallback } from 'react';
-import { useDraggable } from '@dnd-kit/core';
-import { ComponentRenderer } from './ComponentRenderer';
-import { DropZone } from '../DropZone/DropZone';
-import { usePlaygroundStore } from '../../store/playgroundStore';
-import styles from './Canvas.module.css';
-export const DraggableComponent = ({ component, isRoot = false, isSelected = false, isHovered = false, onSelect, onHover }) => {
-    const { components, canvasZoom, canvasOffset } = usePlaygroundStore();
-    const { attributes, listeners, setNodeRef, transform, isDragging } = useDraggable({
-        id: component.id,
-        disabled: isRoot, // Root component should not be draggable
-        data: {
-            type: 'canvas-component',
-            component
-        }
-    });
-    const handleClick = useCallback((e) => {
-        e.stopPropagation();
-        onSelect?.(component.id);
-    }, [component.id, onSelect]);
-    const handleMouseEnter = useCallback(() => {
-        onHover?.(component.id);
-    }, [component.id, onHover]);
-    const handleMouseLeave = useCallback(() => {
-        onHover?.(null);
-    }, [onHover]);
-    const style = transform ? {
-        transform: `translate3d(${transform.x}px, ${transform.y}px, 0)`,
-        opacity: isDragging ? 0.5 : undefined,
-        zIndex: isDragging ? 1000 : undefined
-    } : undefined;
-    return (_jsxs("div", { ref: setNodeRef, style: style, className: `
-        ${styles.draggableComponent}
-        ${isSelected ? styles.selected : ''}
-        ${isHovered ? styles.hovered : ''}
-        ${isDragging ? styles.dragging : ''}
-        ${isRoot ? styles.root : ''}
-      `, onClick: handleClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, "data-component-id": component.id, ...(!isRoot ? listeners : {}), ...(!isRoot ? attributes : {}), children: [_jsx(ComponentRenderer, { component: component, isSelected: isSelected, isHovered: isHovered }), component.children && component.children.length > 0 && (_jsx("div", { className: styles.componentChildren, children: component.children.map((childId, index) => {
-                    const child = components.get(childId);
-                    if (!child)
-                        return null;
-                    return (_jsxs("div", { className: styles.childWrapper, children: [_jsx(DropZone, { id: `${component.id}-before-${index}`, componentId: component.id, insertIndex: index, accepts: ['all'], showIndicator: false, className: styles.insertionZone }), _jsx(DraggableComponent, { component: child, isSelected: false, isHovered: false, onSelect: onSelect, onHover: onHover }), index === component.children.length - 1 && (_jsx(DropZone, { id: `${component.id}-after-${index}`, componentId: component.id, insertIndex: index + 1, accepts: ['all'], showIndicator: false, className: styles.insertionZone }))] }, child.id));
-                }) }))] }));
-};
-//# sourceMappingURL=DraggableComponent.js.map

package/dist/playground/components/Canvas/DraggableComponent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DraggableComponent.js","sourceRoot":"","sources":["../../../../playground/components/Canvas/DraggableComponent.tsx"],"names":[],"mappings":"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"}

package/dist/playground/components/Canvas/index.d.ts

@@ -1,9 +0,0 @@
-export { Canvas } from './Canvas';
-export { CanvasWithDnd } from './CanvasWithDnd';
-export { ComponentRenderer } from './ComponentRenderer';
-export { DraggableComponent } from './DraggableComponent';
-export type { CanvasProps } from './Canvas';
-export type { CanvasWithDndProps } from './CanvasWithDnd';
-export type { ComponentRendererProps } from './ComponentRenderer';
-export type { DraggableComponentProps } from './DraggableComponent';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../playground/components/Canvas/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAClE,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/playground/components/Canvas/index.js

@@ -1,5 +0,0 @@
-export { Canvas } from './Canvas';
-export { CanvasWithDnd } from './CanvasWithDnd';
-export { ComponentRenderer } from './ComponentRenderer';
-export { DraggableComponent } from './DraggableComponent';
-//# sourceMappingURL=index.js.map

package/dist/playground/components/Canvas/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../playground/components/Canvas/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/playground/components/CodeView/CodeView.d.ts

@@ -1,12 +0,0 @@
-/**
- * CodeView - Displays generated story code with syntax highlighting
- */
-import React from 'react';
-export interface CodeViewProps {
-    storyName?: string;
-    framework?: 'react' | 'vue' | 'angular';
-    includeImports?: boolean;
-    includeHelpers?: boolean;
-}
-export declare const CodeView: React.FC<CodeViewProps>;
-//# sourceMappingURL=CodeView.d.ts.map

package/dist/playground/components/CodeView/CodeView.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CodeView.d.ts","sourceRoot":"","sources":["../../../../playground/components/CodeView/CodeView.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAyC,MAAM,OAAO,CAAC;AAK9D,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,SAAS,CAAC;IACxC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAwJ5C,CAAC"}

package/dist/playground/components/CodeView/CodeView.js

@@ -1,77 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * CodeView - Displays generated story code with syntax highlighting
- */
-import { useMemo, useState, useCallback } from 'react';
-import { usePlaygroundStore } from '../../store/playgroundStore';
-import { CodeGenerator } from '../../services/CodeGenerator';
-import styles from './CodeView.module.css';
-export const CodeView = ({ storyName = 'MyStory', framework = 'react', includeImports = true, includeHelpers = true }) => {
-    const { components, rootId } = usePlaygroundStore();
-    const [copied, setCopied] = useState(false);
-    const [showLineNumbers, setShowLineNumbers] = useState(true);
-    // Generate code
-    const generatedCode = useMemo(() => {
-        try {
-            const generator = new CodeGenerator({
-                framework,
-                includeImports,
-                includeHelpers,
-                prettier: true,
-                indentSize: 2,
-                useTypeScript: true
-            });
-            return generator.generateStoryCode(components, rootId, storyName);
-        }
-        catch (error) {
-            console.error('Code generation error:', error);
-            return '// Error generating code\n// ' + error.message;
-        }
-    }, [components, rootId, storyName, framework, includeImports, includeHelpers]);
-    // Copy to clipboard
-    const handleCopy = useCallback(() => {
-        navigator.clipboard.writeText(generatedCode).then(() => {
-            setCopied(true);
-            setTimeout(() => setCopied(false), 2000);
-        });
-    }, [generatedCode]);
-    // Export as file
-    const handleExport = useCallback(() => {
-        const blob = new Blob([generatedCode], { type: 'text/javascript' });
-        const url = URL.createObjectURL(blob);
-        const a = document.createElement('a');
-        a.href = url;
-        a.download = `${storyName}.stories.${framework === 'react' ? 'tsx' : 'js'}`;
-        document.body.appendChild(a);
-        a.click();
-        document.body.removeChild(a);
-        URL.revokeObjectURL(url);
-    }, [generatedCode, storyName, framework]);
-    // Add line numbers
-    const codeWithLineNumbers = useMemo(() => {
-        const lines = generatedCode.split('\n');
-        return lines.map((line, index) => {
-            const lineNum = (index + 1).toString().padStart(3, ' ');
-            return `${lineNum} │ ${line}`;
-        }).join('\n');
-    }, [generatedCode]);
-    // Syntax highlighting (basic)
-    const highlightedCode = useMemo(() => {
-        let code = showLineNumbers ? codeWithLineNumbers : generatedCode;
-        // Keywords
-        code = code.replace(/\b(import|export|from|const|let|var|function|return|if|else|for|while|default|interface|type)\b/g, '<span class="keyword">$1</span>');
-        // Strings
-        code = code.replace(/(["'`])(?:(?=(\\?))\2.)*?\1/g, '<span class="string">$&</span>');
-        // Comments
-        code = code.replace(/(\/\/.*$|\/\*[\s\S]*?\*\/)/gm, '<span class="comment">$1</span>');
-        // JSX tags
-        code = code.replace(/(<\/?[A-Z][a-zA-Z]*)(.*?)(\/?>)/g, '<span class="tag">$1</span>$2<span class="tag">$3</span>');
-        // Props
-        code = code.replace(/\b([a-zA-Z]+)=/g, '<span class="prop">$1</span>=');
-        // Numbers
-        code = code.replace(/\b(\d+)\b/g, '<span class="number">$1</span>');
-        return code;
-    }, [generatedCode, codeWithLineNumbers, showLineNumbers]);
-    return (_jsxs("div", { className: styles.codeView, children: [_jsxs("div", { className: styles.toolbar, children: [_jsx("div", { className: styles.title, children: "Generated Story Code" }), _jsxs("div", { className: styles.actions, children: [_jsx("button", { className: styles.actionButton, onClick: () => setShowLineNumbers(!showLineNumbers), title: showLineNumbers ? 'Hide line numbers' : 'Show line numbers', children: "#" }), _jsx("button", { className: `${styles.actionButton} ${copied ? styles.copied : ''}`, onClick: handleCopy, title: "Copy to clipboard", children: copied ? '✓' : '📋' }), _jsx("button", { className: styles.actionButton, onClick: handleExport, title: "Export as file", children: "\uD83D\uDCBE" })] })] }), _jsx("div", { className: styles.codeContainer, children: _jsx("pre", { className: styles.code, children: _jsx("code", { dangerouslySetInnerHTML: { __html: highlightedCode } }) }) }), _jsxs("div", { className: styles.footer, children: [_jsxs("span", { className: styles.info, children: [generatedCode.split('\n').length, " lines"] }), _jsxs("span", { className: styles.info, children: [generatedCode.length, " characters"] }), _jsx("span", { className: styles.info, children: framework === 'react' ? 'React/TSX' : framework })] })] }));
-};
-//# sourceMappingURL=CodeView.js.map

package/dist/playground/components/CodeView/CodeView.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CodeView.js","sourceRoot":"","sources":["../../../../playground/components/CodeView/CodeView.tsx"],"names":[],"mappings":"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"}

package/dist/playground/components/CodeView/CodeView.module.css

@@ -1,178 +0,0 @@
-/**
- * CodeView - Styles for code display with syntax highlighting
- */
-
-.codeView {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  background: #1e1e1e;
-  border-radius: 8px;
-  overflow: hidden;
-}
-
-.toolbar {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 12px 16px;
-  background: #2d2d2d;
-  border-bottom: 1px solid #3e3e3e;
-}
-
-.title {
-  font-size: 14px;
-  font-weight: 600;
-  color: #cccccc;
-}
-
-.actions {
-  display: flex;
-  gap: 8px;
-}
-
-.actionButton {
-  padding: 6px 10px;
-  background: #3e3e3e;
-  border: 1px solid #4e4e4e;
-  border-radius: 4px;
-  color: #cccccc;
-  font-size: 14px;
-  cursor: pointer;
-  transition: all 0.2s;
-}
-
-.actionButton:hover {
-  background: #4e4e4e;
-  border-color: #5e5e5e;
-}
-
-.actionButton.copied {
-  background: #2ea043;
-  border-color: #3fb950;
-  color: white;
-}
-
-.codeContainer {
-  flex: 1;
-  overflow: auto;
-  padding: 16px;
-}
-
-.code {
-  margin: 0;
-  font-family: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace;
-  font-size: 13px;
-  line-height: 1.6;
-  color: #d4d4d4;
-  white-space: pre;
-  tab-size: 2;
-}
-
-/* Syntax highlighting classes */
-.code :global(.keyword) {
-  color: #569cd6;
-  font-weight: 500;
-}
-
-.code :global(.string) {
-  color: #ce9178;
-}
-
-.code :global(.comment) {
-  color: #6a9955;
-  font-style: italic;
-}
-
-.code :global(.tag) {
-  color: #4ec9b0;
-}
-
-.code :global(.prop) {
-  color: #9cdcfe;
-}
-
-.code :global(.number) {
-  color: #b5cea8;
-}
-
-.footer {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 8px 16px;
-  background: #2d2d2d;
-  border-top: 1px solid #3e3e3e;
-}
-
-.info {
-  font-size: 12px;
-  color: #858585;
-  margin-right: 16px;
-}
-
-.info:last-child {
-  margin-right: 0;
-}
-
-/* Light theme support */
-.codeView.light {
-  background: #ffffff;
-}
-
-.codeView.light .toolbar {
-  background: #f6f8fa;
-  border-bottom-color: #d1d5da;
-}
-
-.codeView.light .title {
-  color: #24292e;
-}
-
-.codeView.light .actionButton {
-  background: #ffffff;
-  border-color: #d1d5da;
-  color: #24292e;
-}
-
-.codeView.light .actionButton:hover {
-  background: #f6f8fa;
-  border-color: #c8c8c8;
-}
-
-.codeView.light .code {
-  color: #24292e;
-}
-
-.codeView.light .code :global(.keyword) {
-  color: #d73a49;
-}
-
-.codeView.light .code :global(.string) {
-  color: #032f62;
-}
-
-.codeView.light .code :global(.comment) {
-  color: #6a737d;
-}
-
-.codeView.light .code :global(.tag) {
-  color: #22863a;
-}
-
-.codeView.light .code :global(.prop) {
-  color: #005cc5;
-}
-
-.codeView.light .code :global(.number) {
-  color: #005cc5;
-}
-
-.codeView.light .footer {
-  background: #f6f8fa;
-  border-top-color: #d1d5da;
-}
-
-.codeView.light .info {
-  color: #586069;
-}

package/dist/playground/components/ComponentPalette/ComponentPalette.d.ts

@@ -1,17 +0,0 @@
-/**
- * ComponentPalette - Draggable component library
- */
-import React from 'react';
-export interface PaletteItem {
-    type: string;
-    category: string;
-    label: string;
-    icon?: string;
-    description?: string;
-}
-export interface ComponentPaletteProps {
-    searchQuery?: string;
-    onItemSelect?: (item: PaletteItem) => void;
-}
-export declare const ComponentPalette: React.FC<ComponentPaletteProps>;
-//# sourceMappingURL=ComponentPalette.d.ts.map

package/dist/playground/components/ComponentPalette/ComponentPalette.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComponentPalette.d.ts","sourceRoot":"","sources":["../../../../playground/components/ComponentPalette/ComponentPalette.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAyGD,MAAM,WAAW,qBAAqB;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;CAC5C;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAmJ5D,CAAC"}