@tpitre/story-ui 3.3.0 → 3.4.0

package/dist/playground/components/PropertyEditors/SpacingEditor.module.css

@@ -0,0 +1,214 @@
+/* SpacingEditor styles */
+
+.spacingEditor {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  padding: 12px;
+  background: white;
+  border-radius: 8px;
+  border: 1px solid #e5e7eb;
+}
+
+.header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.label {
+  font-size: 13px;
+  font-weight: 600;
+  color: #374151;
+  text-transform: capitalize;
+}
+
+.controls {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+}
+
+.linkButton {
+  width: 28px;
+  height: 28px;
+  padding: 0;
+  background: white;
+  border: 1px solid #e5e7eb;
+  border-radius: 6px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 14px;
+  transition: all 0.2s;
+}
+
+.linkButton:hover {
+  background: #f3f4f6;
+  border-color: #d1d5db;
+}
+
+.linkButton.linked {
+  background: #3b82f6;
+  border-color: #3b82f6;
+  filter: grayscale(0);
+}
+
+.linkButton:not(.linked) {
+  filter: grayscale(1);
+  opacity: 0.5;
+}
+
+.unitSelect {
+  padding: 4px 8px;
+  background: white;
+  border: 1px solid #e5e7eb;
+  border-radius: 6px;
+  font-size: 12px;
+  color: #374151;
+  cursor: pointer;
+  outline: none;
+  transition: all 0.2s;
+}
+
+.unitSelect:hover {
+  border-color: #d1d5db;
+}
+
+.unitSelect:focus {
+  border-color: #3b82f6;
+  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
+}
+
+.visualEditor {
+  display: flex;
+  justify-content: center;
+  padding: 20px;
+}
+
+.boxModel {
+  position: relative;
+  width: 200px;
+  height: 120px;
+  background: #f9fafb;
+  border: 2px dashed #d1d5db;
+  border-radius: 8px;
+}
+
+.input {
+  position: absolute;
+  width: 50px;
+  padding: 4px;
+  background: white;
+  border: 1px solid #e5e7eb;
+  border-radius: 4px;
+  font-size: 12px;
+  text-align: center;
+  color: #374151;
+  outline: none;
+  transition: all 0.2s;
+}
+
+.input:hover:not(:disabled) {
+  border-color: #93c5fd;
+}
+
+.input:focus {
+  border-color: #3b82f6;
+  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
+}
+
+.input:disabled {
+  background: #f3f4f6;
+  color: #9ca3af;
+  cursor: not-allowed;
+}
+
+.inputTop {
+  top: -14px;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.inputRight {
+  right: -14px;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+.inputBottom {
+  bottom: -14px;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.inputLeft {
+  left: -14px;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+.centerBox {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  padding: 8px 16px;
+  background: white;
+  border: 1px solid #e5e7eb;
+  border-radius: 6px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.propertyName {
+  font-size: 11px;
+  font-weight: 600;
+  color: #6b7280;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+}
+
+.presets {
+  display: flex;
+  gap: 6px;
+  justify-content: center;
+}
+
+.preset {
+  flex: 1;
+  padding: 6px 8px;
+  background: white;
+  border: 1px solid #e5e7eb;
+  border-radius: 6px;
+  font-size: 11px;
+  font-weight: 500;
+  color: #6b7280;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+
+.preset:hover {
+  background: #f3f4f6;
+  border-color: #d1d5db;
+  color: #374151;
+}
+
+.preset:active {
+  background: #e5e7eb;
+}
+
+/* Responsive adjustments */
+@media (max-width: 320px) {
+  .boxModel {
+    width: 160px;
+    height: 100px;
+  }
+  
+  .input {
+    width: 40px;
+    font-size: 11px;
+  }
+}

package/dist/playground/components/PropertyEditors/TextEditor.d.ts

@@ -0,0 +1,14 @@
+/**
+ * TextEditor - Simple text input for string properties using MUI
+ */
+import React from 'react';
+export interface TextEditorProps {
+    value?: string;
+    onChange: (value: string) => void;
+    label?: string;
+    placeholder?: string;
+    multiline?: boolean;
+    rows?: number;
+}
+export declare const TextEditor: React.FC<TextEditorProps>;
+//# sourceMappingURL=TextEditor.d.ts.map

package/dist/playground/components/PropertyEditors/TextEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextEditor.d.ts","sourceRoot":"","sources":["../../../../playground/components/PropertyEditors/TextEditor.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAC;AAIxE,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAyDhD,CAAC"}

package/dist/playground/components/PropertyEditors/TextEditor.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * TextEditor - Simple text input for string properties using MUI
+ */
+import { useState, useCallback, useEffect, useRef } from 'react';
+import { TextField } from '@mui/material';
+import styles from './PropertyEditors.module.css';
+export const TextEditor = ({ value = '', onChange, label, placeholder, multiline = false, rows = 3 }) => {
+    const [localValue, setLocalValue] = useState(value);
+    const inputRef = useRef(null);
+    const isUpdatingRef = useRef(false);
+    useEffect(() => {
+        if (!isUpdatingRef.current) {
+            setLocalValue(value);
+        }
+    }, [value]);
+    const handleChange = useCallback((e) => {
+        const newValue = e.target.value;
+        isUpdatingRef.current = true;
+        setLocalValue(newValue);
+        onChange(newValue);
+        // Reset flag after a brief delay to allow for external updates
+        setTimeout(() => {
+            isUpdatingRef.current = false;
+        }, 100);
+    }, [onChange]);
+    const handleBlur = useCallback(() => {
+        isUpdatingRef.current = false;
+    }, []);
+    return (_jsx("div", { className: styles.propertyEditor, children: _jsx(TextField, { label: label, value: localValue, onChange: handleChange, onBlur: handleBlur, placeholder: placeholder, multiline: multiline, rows: multiline ? rows : undefined, size: "small", fullWidth: true, inputProps: {
+                style: { fontSize: '13px' }
+            }, sx: {
+                '& .MuiInputLabel-root': {
+                    fontSize: '12px'
+                }
+            } }) }));
+};
+//# sourceMappingURL=TextEditor.js.map

package/dist/playground/components/PropertyEditors/TextEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextEditor.js","sourceRoot":"","sources":["../../../../playground/components/PropertyEditors/TextEditor.tsx"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAc,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,MAAM,MAAM,8BAA8B,CAAC;AAWlD,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EACpD,KAAK,GAAG,EAAE,EACV,QAAQ,EACR,KAAK,EACL,WAAW,EACX,SAAS,GAAG,KAAK,EACjB,IAAI,GAAG,CAAC,EACT,EAAE,EAAE;IACH,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,QAAQ,GAAG,MAAM,CAAyC,IAAI,CAAC,CAAC;IACtE,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEpC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC;YAC3B,aAAa,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,CAA4D,EAAE,EAAE;QAChG,MAAM,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QAChC,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;QAC7B,aAAa,CAAC,QAAQ,CAAC,CAAC;QACxB,QAAQ,CAAC,QAAQ,CAAC,CAAC;QAEnB,+DAA+D;QAC/D,UAAU,CAAC,GAAG,EAAE;YACd,aAAa,CAAC,OAAO,GAAG,KAAK,CAAC;QAChC,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,aAAa,CAAC,OAAO,GAAG,KAAK,CAAC;IAChC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,cAAK,SAAS,EAAE,MAAM,CAAC,cAAc,YACnC,KAAC,SAAS,IACR,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,UAAU,EAClB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAClC,IAAI,EAAC,OAAO,EACZ,SAAS,QACT,UAAU,EAAE;gBACV,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE;aAC5B,EACD,EAAE,EAAE;gBACF,uBAAuB,EAAE;oBACvB,QAAQ,EAAE,MAAM;iBACjB;aACF,GACD,GACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/playground/components/PropertyEditors/TokenEditor.d.ts

@@ -0,0 +1,23 @@
+/**
+ * TokenEditor - Design token selector for spacing, sizing, and other design system values
+ */
+import React from 'react';
+export interface TokenOption {
+    label: string;
+    value: string | number;
+    description?: string;
+    preview?: string;
+}
+export interface TokenEditorProps {
+    value?: string | number;
+    onChange: (value: string | number) => void;
+    label?: string;
+    tokens: TokenOption[];
+    allowCustom?: boolean;
+    unit?: string;
+    placeholder?: string;
+}
+export declare const SPACING_TOKENS: TokenOption[];
+export declare const SIZE_TOKENS: TokenOption[];
+export declare const TokenEditor: React.FC<TokenEditorProps>;
+//# sourceMappingURL=TokenEditor.d.ts.map

package/dist/playground/components/PropertyEditors/TokenEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenEditor.d.ts","sourceRoot":"","sources":["../../../../playground/components/PropertyEditors/TokenEditor.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAA+B,MAAM,OAAO,CAAC;AAGpD,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAGD,eAAO,MAAM,cAAc,EAAE,WAAW,EAavC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,WAAW,EAIpC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA2FlD,CAAC"}

package/dist/playground/components/PropertyEditors/TokenEditor.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * TokenEditor - Design token selector for spacing, sizing, and other design system values
+ */
+import { useCallback, useMemo } from 'react';
+import styles from './PropertyEditors.module.css';
+// Common design tokens
+export const SPACING_TOKENS = [
+    { label: 'None', value: 0, description: '0px' },
+    { label: 'XS', value: 2, description: '2px' },
+    { label: 'SM', value: 4, description: '4px' },
+    { label: 'MD', value: 8, description: '8px' },
+    { label: 'LG', value: 12, description: '12px' },
+    { label: 'XL', value: 16, description: '16px' },
+    { label: '2XL', value: 20, description: '20px' },
+    { label: '3XL', value: 24, description: '24px' },
+    { label: '4XL', value: 32, description: '32px' },
+    { label: '5XL', value: 40, description: '40px' },
+    { label: '6XL', value: 48, description: '48px' },
+    { label: '7XL', value: 64, description: '64px' }
+];
+export const SIZE_TOKENS = [
+    { label: 'Small', value: 'small', description: 'Compact size' },
+    { label: 'Medium', value: 'medium', description: 'Default size' },
+    { label: 'Large', value: 'large', description: 'Larger size' }
+];
+export const TokenEditor = ({ value, onChange, label, tokens, allowCustom = true, unit = 'px', placeholder = 'Select token...' }) => {
+    const currentToken = useMemo(() => {
+        return tokens.find(token => token.value === value);
+    }, [tokens, value]);
+    const handleTokenSelect = useCallback((selectedValue) => {
+        onChange(selectedValue);
+    }, [onChange]);
+    const handleCustomChange = useCallback((e) => {
+        const newValue = e.target.value;
+        // Try to parse as number if it looks like one
+        const numValue = Number(newValue);
+        onChange(!isNaN(numValue) && newValue !== '' ? numValue : newValue);
+    }, [onChange]);
+    const renderTokenButton = (token) => {
+        const isSelected = token.value === value;
+        return (_jsxs("button", { className: `${styles.tokenButton} ${isSelected ? styles.tokenSelected : ''}`, onClick: () => handleTokenSelect(token.value), title: token.description, type: "button", children: [_jsx("span", { className: styles.tokenLabel, children: token.label }), token.preview && (_jsx("span", { className: styles.tokenPreview, style: {
+                        width: typeof token.value === 'number' ? `${Math.min(token.value, 32)}px` : '16px',
+                        height: '2px',
+                        backgroundColor: 'var(--color-primary)'
+                    } })), token.description && (_jsx("span", { className: styles.tokenDescription, children: token.description }))] }, token.value));
+    };
+    return (_jsxs("div", { className: styles.propertyEditor, children: [label && _jsx("label", { className: styles.label, children: label }), _jsxs("div", { className: styles.tokenEditor, children: [_jsx("div", { className: styles.tokenGrid, children: tokens.map(renderTokenButton) }), allowCustom && (_jsxs("div", { className: styles.customTokenInput, children: [_jsx("input", { type: "text", className: styles.input, value: currentToken ? '' : value || '', onChange: handleCustomChange, placeholder: placeholder }), unit && typeof value === 'number' && (_jsx("span", { className: styles.unit, children: unit }))] })), currentToken && (_jsxs("div", { className: styles.selectedToken, children: [_jsx("span", { className: styles.selectedLabel, children: "Selected:" }), _jsxs("span", { className: styles.selectedValue, children: [currentToken.label, " (", currentToken.description || currentToken.value, ")"] })] }))] })] }));
+};
+//# sourceMappingURL=TokenEditor.js.map

package/dist/playground/components/PropertyEditors/TokenEditor.js.map

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

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

@@ -0,0 +1,20 @@
+/**
+ * Property Editors - Intelligent form controls for different data types
+ */
+export { BooleanEditor } from './BooleanEditor.js';
+export { ColorEditor } from './ColorEditor.js';
+export { IconEditor } from './IconEditor.js';
+export { NumberEditor } from './NumberEditor.js';
+export { SelectEditor } from './SelectEditor.js';
+export { SpacingEditor } from './SpacingEditor.js';
+export { TextEditor } from './TextEditor.js';
+export { TokenEditor, SPACING_TOKENS, SIZE_TOKENS } from './TokenEditor.js';
+export type { BooleanEditorProps } from './BooleanEditor.js';
+export type { ColorEditorProps } from './ColorEditor.js';
+export type { IconEditorProps } from './IconEditor.js';
+export type { NumberEditorProps } from './NumberEditor.js';
+export type { SelectEditorProps, SelectOption } from './SelectEditor.js';
+export type { SpacingEditorProps, SpacingValue } from './SpacingEditor.js';
+export type { TextEditorProps } from './TextEditor.js';
+export type { TokenEditorProps, TokenOption } from './TokenEditor.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../playground/components/PropertyEditors/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE5E,YAAY,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC7D,YAAY,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACzD,YAAY,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,YAAY,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAC3D,YAAY,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACzE,YAAY,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC3E,YAAY,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC"}

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

@@ -0,0 +1,12 @@
+/**
+ * Property Editors - Intelligent form controls for different data types
+ */
+export { BooleanEditor } from './BooleanEditor.js';
+export { ColorEditor } from './ColorEditor.js';
+export { IconEditor } from './IconEditor.js';
+export { NumberEditor } from './NumberEditor.js';
+export { SelectEditor } from './SelectEditor.js';
+export { SpacingEditor } from './SpacingEditor.js';
+export { TextEditor } from './TextEditor.js';
+export { TokenEditor, SPACING_TOKENS, SIZE_TOKENS } from './TokenEditor.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../playground/components/PropertyEditors/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC"}

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

@@ -0,0 +1,10 @@
+/**
+ * TreeView - Hierarchical component structure viewer
+ */
+import React from 'react';
+export interface TreeViewProps {
+    onComponentDoubleClick?: (id: string) => void;
+    searchQuery?: string;
+}
+export declare const TreeView: React.FC<TreeViewProps>;
+//# sourceMappingURL=TreeView.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TreeView.d.ts","sourceRoot":"","sources":["../../../../playground/components/TreeView/TreeView.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAyC,MAAM,OAAO,CAAC;AA+J9D,MAAM,WAAW,aAAa;IAC5B,sBAAsB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAsJ5C,CAAC"}

package/dist/playground/components/TreeView/TreeView.js

@@ -0,0 +1,146 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * TreeView - Hierarchical component structure viewer
+ */
+import { useState, useCallback, useMemo } from 'react';
+import { usePlaygroundStore } from '../../store/playgroundStore';
+import styles from './TreeView.module.css';
+const TreeNode = ({ component, level, isSelected, isHovered, expandedNodes, onToggleExpand, onSelect, onHover, onDoubleClick }) => {
+    const { components } = usePlaygroundStore();
+    const hasChildren = component.children && component.children.length > 0;
+    const isExpanded = expandedNodes.has(component.id);
+    const handleClick = useCallback((e) => {
+        e.stopPropagation();
+        onSelect(component.id, e.metaKey || e.ctrlKey);
+    }, [component.id, onSelect]);
+    const handleToggle = useCallback((e) => {
+        e.stopPropagation();
+        onToggleExpand(component.id);
+    }, [component.id, onToggleExpand]);
+    const handleDoubleClick = useCallback((e) => {
+        e.stopPropagation();
+        onDoubleClick?.(component.id);
+    }, [component.id, onDoubleClick]);
+    const handleMouseEnter = useCallback(() => {
+        onHover(component.id);
+    }, [component.id, onHover]);
+    const handleMouseLeave = useCallback(() => {
+        onHover(null);
+    }, [onHover]);
+    // Get component icon based on type
+    const getComponentIcon = (type) => {
+        const iconMap = {
+            // Layout
+            'Box': '📦',
+            'Container': '🔲',
+            'Stack': '📚',
+            'HStack': '🔗',
+            'Grid': '⚏',
+            'Flex': '↔️',
+            'Center': '⊡',
+            // Form
+            'Button': '🔘',
+            'Input': '✏️',
+            'Select': '📝',
+            'Checkbox': '☑️',
+            'Radio': '⭕',
+            // Display
+            'Text': '📝',
+            'Heading': '📰',
+            'Image': '🖼️',
+            'Card': '🎴',
+            'Badge': '🏷️',
+            // Data
+            'Table': '📊',
+            'List': '📋',
+            'Avatar': '👤',
+            // Default
+            'default': '🧩'
+        };
+        return iconMap[type] || iconMap.default;
+    };
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `
+          ${styles.treeNode}
+          ${isSelected ? styles.selected : ''}
+          ${isHovered ? styles.hovered : ''}
+        `, style: { paddingLeft: `${level * 20 + 8}px` }, onClick: handleClick, onDoubleClick: handleDoubleClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [hasChildren && (_jsx("button", { className: `${styles.expandButton} ${isExpanded ? styles.expanded : ''}`, onClick: handleToggle, "aria-label": isExpanded ? 'Collapse' : 'Expand', children: "\u25B6" })), !hasChildren && _jsx("span", { className: styles.noExpand }), _jsx("span", { className: styles.icon, children: getComponentIcon(component.type) }), _jsxs("span", { className: styles.label, children: [_jsx("span", { className: styles.type, children: component.type }), component.displayName && component.displayName !== component.type && (_jsx("span", { className: styles.name, children: component.displayName }))] }), component.hidden && (_jsx("span", { className: styles.badge, title: "Hidden", children: "\uD83D\uDC41\uFE0F\u200D\uD83D\uDDE8\uFE0F" })), component.locked && (_jsx("span", { className: styles.badge, title: "Locked", children: "\uD83D\uDD12" }))] }), hasChildren && isExpanded && (_jsx("div", { className: styles.children, children: component.children.map((childId) => {
+                    const child = components.get(childId);
+                    if (!child)
+                        return null;
+                    // Selection/hover come from top-level props to ensure reactivity
+                    return (_jsx(TreeNode, { component: child, level: level + 1, isSelected: usePlaygroundStore.getState().selectedIds.has(child.id), isHovered: usePlaygroundStore.getState().hoveredId === child.id, expandedNodes: expandedNodes, onToggleExpand: onToggleExpand, onSelect: onSelect, onHover: onHover, onDoubleClick: onDoubleClick }, child.id));
+                }) }))] }));
+};
+export const TreeView = ({ onComponentDoubleClick, searchQuery = '' }) => {
+    const { components, rootId, selectedIds, hoveredId, selectComponent, setHoveredComponent } = usePlaygroundStore();
+    const [expandedNodes, setExpandedNodes] = useState(new Set([rootId]));
+    const [localSearchQuery, setLocalSearchQuery] = useState('');
+    const effectiveSearchQuery = searchQuery || localSearchQuery;
+    const rootComponent = components.get(rootId);
+    const handleToggleExpand = useCallback((id) => {
+        setExpandedNodes((prev) => {
+            const next = new Set(prev);
+            if (next.has(id)) {
+                next.delete(id);
+            }
+            else {
+                next.add(id);
+            }
+            return next;
+        });
+    }, []);
+    const handleExpandAll = useCallback(() => {
+        const allIds = new Set();
+        const addIds = (comp) => {
+            allIds.add(comp.id);
+            comp.children?.forEach(childId => {
+                const child = components.get(childId);
+                if (child)
+                    addIds(child);
+            });
+        };
+        if (rootComponent) {
+            addIds(rootComponent);
+        }
+        setExpandedNodes(allIds);
+    }, [rootComponent, components]);
+    const handleCollapseAll = useCallback(() => {
+        setExpandedNodes(new Set([rootId]));
+    }, [rootId]);
+    const handleDoubleClick = useCallback((id) => {
+        // Focus on the component in the canvas
+        selectComponent(id);
+        onComponentDoubleClick?.(id);
+    }, [selectComponent, onComponentDoubleClick]);
+    // Filter components based on search
+    const filterComponents = useCallback((component, query) => {
+        if (!query)
+            return component;
+        const matchesQuery = component.type.toLowerCase().includes(query.toLowerCase()) ||
+            component.displayName?.toLowerCase().includes(query.toLowerCase()) ||
+            component.id.toLowerCase().includes(query.toLowerCase());
+        const filteredChildren = component.children
+            ?.map(childId => {
+            const child = components.get(childId);
+            return child ? filterComponents(child, query) : null;
+        })
+            .filter(Boolean);
+        if (matchesQuery || (filteredChildren && filteredChildren.length > 0)) {
+            return {
+                ...component,
+                children: filteredChildren?.map(c => c.id)
+            };
+        }
+        return null;
+    }, [components]);
+    const filteredRoot = useMemo(() => {
+        if (!rootComponent)
+            return null;
+        return filterComponents(rootComponent, effectiveSearchQuery);
+    }, [rootComponent, effectiveSearchQuery, filterComponents]);
+    if (!filteredRoot) {
+        return (_jsx("div", { className: styles.treeView, children: _jsx("div", { className: styles.emptyState, children: effectiveSearchQuery ? (_jsxs("p", { children: ["No components match \"", effectiveSearchQuery, "\""] })) : (_jsx("p", { children: "No components to display" })) }) }));
+    }
+    return (_jsxs("div", { className: styles.treeView, children: [_jsxs("div", { className: styles.toolbar, children: [_jsx("input", { type: "text", className: styles.searchInput, placeholder: "Search components...", value: localSearchQuery, onChange: (e) => setLocalSearchQuery(e.target.value) }), _jsxs("div", { className: styles.actions, children: [_jsx("button", { className: styles.actionButton, onClick: handleExpandAll, title: "Expand all", children: "\u229E" }), _jsx("button", { className: styles.actionButton, onClick: handleCollapseAll, title: "Collapse all", children: "\u229F" })] })] }), _jsx("div", { className: styles.treeContent, children: _jsx(TreeNode, { component: filteredRoot, level: 0, isSelected: selectedIds.has(filteredRoot.id), isHovered: hoveredId === filteredRoot.id, expandedNodes: expandedNodes, onToggleExpand: handleToggleExpand, onSelect: selectComponent, onHover: setHoveredComponent, onDoubleClick: handleDoubleClick }) })] }));
+};
+//# sourceMappingURL=TreeView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TreeView.js","sourceRoot":"","sources":["../../../../playground/components/TreeView/TreeView.tsx"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAc,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAEjE,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAc3C,MAAM,QAAQ,GAA4B,CAAC,EACzC,SAAS,EACT,KAAK,EACL,UAAU,EACV,SAAS,EACT,aAAa,EACb,cAAc,EACd,QAAQ,EACR,OAAO,EACP,aAAa,EACd,EAAE,EAAE;IACH,MAAM,EAAE,UAAU,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAC5C,MAAM,WAAW,GAAG,SAAS,CAAC,QAAQ,IAAI,SAAS,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;IACxE,MAAM,UAAU,GAAG,aAAa,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;IAEnD,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,CAAmB,EAAE,EAAE;QACtD,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,QAAQ,CAAC,SAAS,CAAC,EAAE,EAAE,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC;IACjD,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE7B,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,CAAmB,EAAE,EAAE;QACvD,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,cAAc,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,EAAE,cAAc,CAAC,CAAC,CAAC;IAEnC,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,CAAmB,EAAE,EAAE;QAC5D,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,aAAa,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;IAChC,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,EAAE,aAAa,CAAC,CAAC,CAAC;IAElC,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC;IAE5B,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,OAAO,CAAC,IAAI,CAAC,CAAC;IAChB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,mCAAmC;IACnC,MAAM,gBAAgB,GAAG,CAAC,IAAY,EAAU,EAAE;QAChD,MAAM,OAAO,GAA2B;YACtC,SAAS;YACT,KAAK,EAAE,IAAI;YACX,WAAW,EAAE,IAAI;YACjB,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE,GAAG;YACX,MAAM,EAAE,IAAI;YACZ,QAAQ,EAAE,GAAG;YACb,OAAO;YACP,QAAQ,EAAE,IAAI;YACd,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;YACd,UAAU,EAAE,IAAI;YAChB,OAAO,EAAE,GAAG;YACZ,UAAU;YACV,MAAM,EAAE,IAAI;YACZ,SAAS,EAAE,IAAI;YACf,OAAO,EAAE,KAAK;YACd,MAAM,EAAE,IAAI;YACZ,OAAO,EAAE,KAAK;YACd,OAAO;YACP,OAAO,EAAE,IAAI;YACb,MAAM,EAAE,IAAI;YACZ,QAAQ,EAAE,IAAI;YACd,UAAU;YACV,SAAS,EAAE,IAAI;SAChB,CAAC;QAEF,OAAO,OAAO,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC;IAC1C,CAAC,CAAC;IAEF,OAAO,CACL,8BACE,eACE,SAAS,EAAE;YACP,MAAM,CAAC,QAAQ;YACf,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;YACjC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;SAClC,EACD,KAAK,EAAE,EAAE,WAAW,EAAE,GAAG,KAAK,GAAG,EAAE,GAAG,CAAC,IAAI,EAAE,EAC7C,OAAO,EAAE,WAAW,EACpB,aAAa,EAAE,iBAAiB,EAChC,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,aAE7B,WAAW,IAAI,CACd,iBACE,SAAS,EAAE,GAAG,MAAM,CAAC,YAAY,IAAI,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,EACxE,OAAO,EAAE,YAAY,gBACT,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,uBAGvC,CACV,EACA,CAAC,WAAW,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,QAAQ,GAAI,EAErD,eAAM,SAAS,EAAE,MAAM,CAAC,IAAI,YAAG,gBAAgB,CAAC,SAAS,CAAC,IAAI,CAAC,GAAQ,EAEvE,gBAAM,SAAS,EAAE,MAAM,CAAC,KAAK,aAC3B,eAAM,SAAS,EAAE,MAAM,CAAC,IAAI,YAAG,SAAS,CAAC,IAAI,GAAQ,EACpD,SAAS,CAAC,WAAW,IAAI,SAAS,CAAC,WAAW,KAAK,SAAS,CAAC,IAAI,IAAI,CACpE,eAAM,SAAS,EAAE,MAAM,CAAC,IAAI,YAAG,SAAS,CAAC,WAAW,GAAQ,CAC7D,IACI,EAEN,SAAS,CAAC,MAAM,IAAI,CACnB,eAAM,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,KAAK,EAAC,QAAQ,2DAAe,CAC7D,EACA,SAAS,CAAC,MAAM,IAAI,CACnB,eAAM,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,KAAK,EAAC,QAAQ,6BAAU,CACxD,IACG,EAEL,WAAW,IAAI,UAAU,IAAI,CAC5B,cAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,YAC5B,SAAS,CAAC,QAAS,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;oBACnC,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;oBACtC,IAAI,CAAC,KAAK;wBAAE,OAAO,IAAI,CAAC;oBAExB,iEAAiE;oBACjE,OAAO,CACL,KAAC,QAAQ,IAEP,SAAS,EAAE,KAAK,EAChB,KAAK,EAAE,KAAK,GAAG,CAAC,EAChB,UAAU,EAAE,kBAAkB,CAAC,QAAQ,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,EACnE,SAAS,EAAE,kBAAkB,CAAC,QAAQ,EAAE,CAAC,SAAS,KAAK,KAAK,CAAC,EAAE,EAC/D,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,aAAa,IATvB,KAAK,CAAC,EAAE,CAUb,CACH,CAAC;gBACJ,CAAC,CAAC,GACE,CACP,IACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAOF,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAChD,sBAAsB,EACtB,WAAW,GAAG,EAAE,EACjB,EAAE,EAAE;IACH,MAAM,EACJ,UAAU,EACV,MAAM,EACN,WAAW,EACX,SAAS,EACT,eAAe,EACf,mBAAmB,EACpB,GAAG,kBAAkB,EAAE,CAAC;IAEzB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAChD,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAClB,CAAC;IACF,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE7D,MAAM,oBAAoB,GAAG,WAAW,IAAI,gBAAgB,CAAC;IAE7D,MAAM,aAAa,GAAG,UAAU,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IAE7C,MAAM,kBAAkB,GAAG,WAAW,CAAC,CAAC,EAAU,EAAE,EAAE;QACpD,gBAAgB,CAAC,CAAC,IAAI,EAAE,EAAE;YACxB,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC;YAC3B,IAAI,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC;gBACjB,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;YAClB,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;YACf,CAAC;YACD,OAAO,IAAI,CAAC;QACd,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,MAAM,MAAM,GAAG,IAAI,GAAG,EAAU,CAAC;QACjC,MAAM,MAAM,GAAG,CAAC,IAAyB,EAAE,EAAE;YAC3C,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YACpB,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE;gBAC/B,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;gBACtC,IAAI,KAAK;oBAAE,MAAM,CAAC,KAAK,CAAC,CAAC;YAC3B,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QACF,IAAI,aAAa,EAAE,CAAC;YAClB,MAAM,CAAC,aAAa,CAAC,CAAC;QACxB,CAAC;QACD,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC;IAEhC,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,gBAAgB,CAAC,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,EAAU,EAAE,EAAE;QACnD,uCAAuC;QACvC,eAAe,CAAC,EAAE,CAAC,CAAC;QACpB,sBAAsB,EAAE,CAAC,EAAE,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,eAAe,EAAE,sBAAsB,CAAC,CAAC,CAAC;IAE9C,oCAAoC;IACpC,MAAM,gBAAgB,GAAG,WAAW,CAAC,CACnC,SAA8B,EAC9B,KAAa,EACe,EAAE;QAC9B,IAAI,CAAC,KAAK;YAAE,OAAO,SAAS,CAAC;QAE7B,MAAM,YAAY,GAChB,SAAS,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;YAC1D,SAAS,CAAC,WAAW,EAAE,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;YAClE,SAAS,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC;QAE3D,MAAM,gBAAgB,GAAG,SAAS,CAAC,QAAQ;YACzC,EAAE,GAAG,CAAC,OAAO,CAAC,EAAE;YACd,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;YACtC,OAAO,KAAK,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QACvD,CAAC,CAAC;aACD,MAAM,CAAC,OAAO,CAAsC,CAAC;QAExD,IAAI,YAAY,IAAI,CAAC,gBAAgB,IAAI,gBAAgB,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC;YACtE,OAAO;gBACL,GAAG,SAAS;gBACZ,QAAQ,EAAE,gBAAgB,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;aAC3C,CAAC;QACJ,CAAC;QAED,OAAO,IAAI,CAAC;IACd,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAChC,IAAI,CAAC,aAAa;YAAE,OAAO,IAAI,CAAC;QAChC,OAAO,gBAAgB,CAAC,aAAa,EAAE,oBAAoB,CAAC,CAAC;IAC/D,CAAC,EAAE,CAAC,aAAa,EAAE,oBAAoB,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAE5D,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,OAAO,CACL,cAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,YAC7B,cAAK,SAAS,EAAE,MAAM,CAAC,UAAU,YAC9B,oBAAoB,CAAC,CAAC,CAAC,CACtB,kDAAyB,oBAAoB,UAAM,CACpD,CAAC,CAAC,CAAC,CACF,mDAA+B,CAChC,GACG,GACF,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,aAC7B,eAAK,SAAS,EAAE,MAAM,CAAC,OAAO,aAC5B,gBACE,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,MAAM,CAAC,WAAW,EAC7B,WAAW,EAAC,sBAAsB,EAClC,KAAK,EAAE,gBAAgB,EACvB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GACpD,EACF,eAAK,SAAS,EAAE,MAAM,CAAC,OAAO,aAC5B,iBACE,SAAS,EAAE,MAAM,CAAC,YAAY,EAC9B,OAAO,EAAE,eAAe,EACxB,KAAK,EAAC,YAAY,uBAGX,EACT,iBACE,SAAS,EAAE,MAAM,CAAC,YAAY,EAC9B,OAAO,EAAE,iBAAiB,EAC1B,KAAK,EAAC,cAAc,uBAGb,IACL,IACF,EAEN,cAAK,SAAS,EAAE,MAAM,CAAC,WAAW,YAChC,KAAC,QAAQ,IACP,SAAS,EAAE,YAAY,EACvB,KAAK,EAAE,CAAC,EACR,UAAU,EAAE,WAAW,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC,EAC5C,SAAS,EAAE,SAAS,KAAK,YAAY,CAAC,EAAE,EACxC,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,kBAAkB,EAClC,QAAQ,EAAE,eAAe,EACzB,OAAO,EAAE,mBAAmB,EAC5B,aAAa,EAAE,iBAAiB,GAChC,GACE,IACF,CACP,CAAC;AACJ,CAAC,CAAC"}