tonkean-tcltext 1.0.0

package/dist/components/ColorSelectToken.js

@@ -0,0 +1,499 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import React, { useState, useRef, useEffect } from 'react';
+import { inputs, colors, typography } from '../tokens';
+import { loadAllIcons } from './iconLoader';
+// Load all icons once at module level
+const allIconsCache = loadAllIcons();
+// Helper function to resolve color references from tokens
+const resolveColor = (colorRef) => {
+    if (colorRef.startsWith('#') || colorRef === 'transparent' || colorRef === 'none') {
+        return colorRef;
+    }
+    const parts = colorRef.split('.');
+    if (parts.length === 2) {
+        const [category, shade] = parts;
+        const colorCategory = colors.colors[category];
+        if (colorCategory && typeof colorCategory === 'object') {
+            const colorValue = colorCategory[shade];
+            if (colorValue) {
+                return colorValue;
+            }
+        }
+    }
+    return colorRef;
+};
+// Helper function to resolve border string
+const resolveBorder = (border) => {
+    if (border === 'none' || border === 'transparent') {
+        return border;
+    }
+    return border.replace(/(\w+\.\w+)/g, (match) => resolveColor(match));
+};
+// Helper function to find color token reference from hex value
+const findColorToken = (hexColor) => {
+    if (!hexColor.startsWith('#')) {
+        return null;
+    }
+    // Normalize hex color (uppercase, handle 3-digit hex)
+    const normalizedHex = hexColor.toUpperCase();
+    // Search through all color categories and shades
+    const colorCategories = Object.keys(colors.colors);
+    for (const category of colorCategories) {
+        const colorCategory = colors.colors[category];
+        if (colorCategory && typeof colorCategory === 'object') {
+            const shades = Object.keys(colorCategory);
+            for (const shade of shades) {
+                const colorValue = colorCategory[shade];
+                if (colorValue && colorValue.toUpperCase() === normalizedHex) {
+                    return `${category}.${shade}`;
+                }
+            }
+        }
+    }
+    return null;
+};
+// Helper function to darken a hex color
+const darkenHexColor = (hex, percent = 15) => {
+    if (!hex.startsWith('#')) {
+        return hex;
+    }
+    // Remove # if present
+    const hexWithoutHash = hex.replace('#', '');
+    // Parse RGB values
+    const r = parseInt(hexWithoutHash.substring(0, 2), 16);
+    const g = parseInt(hexWithoutHash.substring(2, 4), 16);
+    const b = parseInt(hexWithoutHash.substring(4, 6), 16);
+    // Darken by reducing RGB values
+    const darkenedR = Math.max(0, Math.floor(r * (1 - percent / 100)));
+    const darkenedG = Math.max(0, Math.floor(g * (1 - percent / 100)));
+    const darkenedB = Math.max(0, Math.floor(b * (1 - percent / 100)));
+    // Convert back to hex
+    const toHex = (n) => {
+        const hex = n.toString(16);
+        return hex.length === 1 ? '0' + hex : hex;
+    };
+    return `#${toHex(darkenedR)}${toHex(darkenedG)}${toHex(darkenedB)}`;
+};
+// Helper function to get the next darker shade of a color
+const getDarkerShade = (colorRef) => {
+    if (colorRef.startsWith('#') || colorRef === 'transparent' || colorRef === 'none') {
+        // If it's a hex color, try to find the token first
+        const token = findColorToken(colorRef);
+        if (token) {
+            return getDarkerShade(token);
+        }
+        return colorRef;
+    }
+    const parts = colorRef.split('.');
+    if (parts.length === 2) {
+        const [category, shade] = parts;
+        if (category === 'basic') {
+            return colorRef;
+        }
+        const shadeLevels = ['50', '100', '200', '300', '400', '500', '600', '700', '800', '900'];
+        const currentIndex = shadeLevels.indexOf(shade);
+        if (currentIndex !== -1 && currentIndex < shadeLevels.length - 1) {
+            const nextShade = shadeLevels[currentIndex + 1];
+            return `${category}.${nextShade}`;
+        }
+    }
+    return colorRef;
+};
+// Helper function to get hover border
+const getHoverBorder = (border) => {
+    if (border === 'none' || border === 'transparent') {
+        return border;
+    }
+    return border.replace(/(\w+\.\w+)/g, (match) => {
+        const darkerShade = getDarkerShade(match);
+        return resolveColor(darkerShade);
+    });
+};
+// Helper function to resolve typography values
+const resolveTypography = {
+    fontFamily: (family = 'roboto') => {
+        const fontFamily = typography.typography.fontFamilies[family];
+        return Array.isArray(fontFamily) ? fontFamily.join(', ') : fontFamily;
+    },
+    fontSize: (size) => {
+        return typography.typography.fontSizes[size];
+    },
+    fontWeight: (weight) => {
+        return typography.typography.fontWeights[weight];
+    },
+    lineHeight: (height) => {
+        return typography.typography.lineHeights[height];
+    },
+    letterSpacing: (spacing) => {
+        return typography.typography.letterSpacing[spacing];
+    },
+};
+export const ColorSelectToken = ({ state, showLabel = false, label = 'Select Status', placeholder = 'Select Status', value, selectedColor, options = [], onSelect, }) => {
+    const [isOpen, setIsOpen] = useState(state === 'open');
+    const [isHovered, setIsHovered] = useState(false);
+    const [isFocused, setIsFocused] = useState(false);
+    const [selectedValue, setSelectedValue] = useState(value || '');
+    const [currentColor, setCurrentColor] = useState(selectedColor || null);
+    const selectRef = useRef(null);
+    // Sync internal state with props (for controlled component behavior in Docs)
+    useEffect(() => {
+        if (state === 'open') {
+            setIsOpen(true);
+        }
+        else if (state !== 'open' && !onSelect) {
+            // Only sync closed state if component is not interactive (no onSelect handler)
+            setIsOpen(false);
+        }
+    }, [state, onSelect]);
+    // Sync selected value and color with props
+    useEffect(() => {
+        if (value !== undefined) {
+            setSelectedValue(value);
+        }
+    }, [value]);
+    useEffect(() => {
+        if (selectedColor !== undefined) {
+            setCurrentColor(selectedColor);
+        }
+    }, [selectedColor]);
+    // Map state to token state
+    const getTokenState = () => {
+        if (state === 'disabled')
+            return 'disabled';
+        if (state === 'open' || isOpen)
+            return 'open';
+        if (state === 'focus' || isFocused)
+            return 'open'; // Use 'open' token for focus (purple border)
+        if (state === 'filled' && selectedValue)
+            return 'selected';
+        return 'default';
+    };
+    const tokenState = getTokenState();
+    const typeTokens = inputs.inputs.types.singleSelector;
+    const stateTokens = typeTokens[tokenState];
+    const sizeTokens = inputs.inputs.sizes.regular;
+    if (!stateTokens) {
+        return _jsxs("div", { children: ["Invalid state: ", tokenState] });
+    }
+    // Resolve colors from token references
+    const defaultBackground = resolveColor(stateTokens.background);
+    // Use selected color as background if a color is selected, otherwise use default
+    const resolvedBackground = currentColor && selectedValue ? resolveColor(currentColor) : defaultBackground;
+    const resolvedText = resolveColor(stateTokens.text);
+    const resolvedPlaceholder = resolveColor(stateTokens.placeholder || stateTokens.text);
+    const resolvedBorder = resolveBorder(stateTokens.border);
+    const resolvedIcon = resolveColor(stateTokens.icon || stateTokens.text);
+    // Get chevron icons
+    const chevronDown = allIconsCache.find(icon => icon.name === 'chevron-down');
+    const chevronUp = allIconsCache.find(icon => icon.name === 'chevron-up');
+    // Get X icon for clearing selection (try multiple possible names)
+    const xIcon = allIconsCache.find(icon => icon.name === 'x' ||
+        icon.name === 'x-close' ||
+        icon.name === 'x-circle' ||
+        icon.name === 'x-square');
+    // Determine if should show placeholder or value
+    const isDisabled = state === 'disabled';
+    const showPlaceholder = !selectedValue;
+    // Use white text when a color is selected for better contrast
+    const textColor = (currentColor && selectedValue)
+        ? resolveColor('basic.white')
+        : (showPlaceholder ? resolvedPlaceholder : resolvedText);
+    const displayText = selectedValue || placeholder;
+    // Get active state tokens for focus styling (use 'open' state which has gray.600 border like input 'active')
+    const activeStateTokens = typeTokens['open'];
+    const activeBorder = activeStateTokens ? resolveBorder(activeStateTokens.border) : resolvedBorder;
+    // Calculate hover border (one shade darker) - same approach as InputToken
+    const shouldShowHover = !isDisabled && stateTokens.border !== 'none' && stateTokens.border !== 'transparent';
+    const hoverBorder = shouldShowHover ? getHoverBorder(stateTokens.border) : resolvedBorder;
+    // Determine border color: focus > hover > selected color darker shade > default
+    const getBorderColor = () => {
+        // If a color is selected, use one shade darker for the border
+        if (currentColor && selectedValue && !isDisabled) {
+            // Still respect focus state
+            if ((state === 'focus' || isFocused) && activeStateTokens) {
+                return activeBorder;
+            }
+            const colorToken = findColorToken(currentColor);
+            if (colorToken) {
+                // Found matching token, get next darker shade
+                const darkerShadeToken = getDarkerShade(colorToken);
+                const darkerShadeColor = resolveColor(darkerShadeToken);
+                return `1px solid ${darkerShadeColor}`;
+            }
+            else if (currentColor.startsWith('#')) {
+                // Custom hex color, darken it directly
+                const darkerColor = darkenHexColor(currentColor, 15);
+                return `1px solid ${darkerColor}`;
+            }
+        }
+        // Default behavior for focus/hover/default
+        if ((state === 'focus' || isFocused) && !isDisabled && activeStateTokens) {
+            return activeBorder;
+        }
+        if ((state === 'hover' || isHovered) && shouldShowHover) {
+            return hoverBorder;
+        }
+        return resolvedBorder;
+    };
+    // Handle click outside to close dropdown (only when component is interactive)
+    useEffect(() => {
+        // Only add event listeners if component is interactive (has onSelect handler)
+        if (!onSelect) {
+            return;
+        }
+        const handleClickOutside = (event) => {
+            if (selectRef.current && !selectRef.current.contains(event.target)) {
+                setIsOpen(false);
+            }
+        };
+        if (isOpen) {
+            document.addEventListener('mousedown', handleClickOutside);
+        }
+        return () => {
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    }, [isOpen, onSelect]);
+    const selectContainerStyle = {
+        width: '100%',
+        position: 'relative',
+        display: 'flex',
+        alignItems: 'center',
+        padding: `${sizeTokens.padding.vertical} ${sizeTokens.padding.horizontal}`,
+        fontSize: resolveTypography.fontSize('base'),
+        minHeight: sizeTokens.minHeight,
+        borderRadius: inputs.inputs.borderRadius,
+        border: getBorderColor(),
+        backgroundColor: resolvedBackground,
+        color: textColor,
+        fontFamily: resolveTypography.fontFamily('roboto'),
+        fontWeight: resolveTypography.fontWeight('regular'),
+        lineHeight: resolveTypography.lineHeight('normal'),
+        letterSpacing: resolveTypography.letterSpacing('normal'),
+        cursor: isDisabled ? 'not-allowed' : (onSelect ? 'pointer' : 'default'),
+        opacity: isDisabled ? 0.6 : 1,
+        gap: '8px',
+        boxSizing: 'border-box',
+        transition: 'border-color 0.2s ease',
+    };
+    const handleSelectClick = () => {
+        // Only allow interaction if component has onSelect handler (is interactive)
+        if (!isDisabled && onSelect) {
+            setIsOpen(!isOpen);
+            setIsFocused(true);
+        }
+    };
+    const handleOptionClick = (optionLabel, optionColor) => {
+        setSelectedValue(optionLabel);
+        setCurrentColor(optionColor);
+        setIsOpen(false);
+        setIsFocused(false);
+        if (onSelect) {
+            onSelect(optionLabel, optionColor);
+        }
+    };
+    const handleClearClick = (e) => {
+        e.stopPropagation(); // Prevent opening dropdown
+        setSelectedValue('');
+        setCurrentColor(null);
+        setIsFocused(false);
+        if (onSelect) {
+            onSelect('', '');
+        }
+    };
+    const renderColorBox = (color, size = 16, isSelected = false) => {
+        if (!color)
+            return null;
+        const resolvedColorValue = resolveColor(color);
+        return (_jsx("div", { style: {
+                width: `${size}px`,
+                height: `${size}px`,
+                backgroundColor: resolvedColorValue,
+                borderRadius: inputs.inputs.borderRadius,
+                flexShrink: 0,
+                border: isSelected ? `1px solid ${resolvedColorValue}` : 'none',
+            } }));
+    };
+    const renderChevron = () => {
+        const chevronIcon = (isOpen || state === 'open' || state === 'focus') ? chevronUp : chevronDown;
+        if (!chevronIcon)
+            return null;
+        // Use white color for chevron when a status is selected, otherwise use resolved icon color
+        const chevronColor = (currentColor && selectedValue)
+            ? resolveColor('basic.white')
+            : resolvedIcon;
+        // Process SVG string similar to other icons
+        if (chevronIcon.svg) {
+            let processedSvg = chevronIcon.svg;
+            const chevronSize = 16;
+            // Update width and height attributes
+            processedSvg = processedSvg.replace(/width="[^"]*"/gi, `width="${chevronSize}"`);
+            processedSvg = processedSvg.replace(/height="[^"]*"/gi, `height="${chevronSize}"`);
+            // If SVG doesn't have width/height, add them
+            if (!processedSvg.match(/width\s*=/i)) {
+                processedSvg = processedSvg.replace(/<svg([^>]*?)>/i, (match, attrs) => `<svg${attrs} width="${chevronSize}" height="${chevronSize}">`);
+            }
+            // Replace currentColor with chevron color (white when selected, otherwise icon color)
+            processedSvg = processedSvg.replace(/stroke="currentColor"/gi, `stroke="${chevronColor}"`);
+            processedSvg = processedSvg.replace(/fill="currentColor"/gi, `fill="${chevronColor}"`);
+            // Set stroke-width to 2px for all stroke elements
+            processedSvg = processedSvg.replace(/stroke-width="[^"]*"/gi, 'stroke-width="2"');
+            processedSvg = processedSvg.replace(/strokeWidth="[^"]*"/gi, 'strokeWidth="2"');
+            // Add stroke-width="2" to all elements that have stroke but no stroke-width
+            processedSvg = processedSvg.replace(/(<(path|line|polyline|polygon|circle|ellipse|rect)[^>]*stroke="[^"]*"[^>]*?)(?![^>]*stroke-width)(?![^>]*strokeWidth)([^>]*>)/gi, (match, before, tag, after) => {
+                return `${before} stroke-width="2"${after}`;
+            });
+            return (_jsx("span", { style: {
+                    width: `${chevronSize}px`,
+                    height: `${chevronSize}px`,
+                    display: 'inline-flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    flexShrink: 0,
+                    color: chevronColor,
+                    lineHeight: 0,
+                }, dangerouslySetInnerHTML: { __html: processedSvg } }));
+        }
+        if (chevronIcon.component) {
+            return (_jsx("span", { style: {
+                    width: '16px',
+                    height: '16px',
+                    display: 'inline-flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    flexShrink: 0,
+                    color: chevronColor,
+                }, children: React.cloneElement(chevronIcon.component, {
+                    width: 16,
+                    height: 16,
+                    style: { color: chevronColor },
+                }) }));
+        }
+        return null;
+    };
+    const renderXIcon = () => {
+        // Only show clear button if component is interactive
+        if (!xIcon || !selectedValue || isDisabled || !onSelect)
+            return null;
+        // Use white color for X icon when a status is selected
+        const xIconColor = resolveColor('basic.white');
+        // Process SVG string similar to other icons
+        if (xIcon.svg) {
+            let processedSvg = xIcon.svg;
+            const xIconSize = 16;
+            // Update width and height attributes
+            processedSvg = processedSvg.replace(/width="[^"]*"/gi, `width="${xIconSize}"`);
+            processedSvg = processedSvg.replace(/height="[^"]*"/gi, `height="${xIconSize}"`);
+            // If SVG doesn't have width/height, add them
+            if (!processedSvg.match(/width\s*=/i)) {
+                processedSvg = processedSvg.replace(/<svg([^>]*?)>/i, (match, attrs) => `<svg${attrs} width="${xIconSize}" height="${xIconSize}">`);
+            }
+            // Replace currentColor and any existing stroke/fill colors with X icon color (white)
+            processedSvg = processedSvg.replace(/stroke="currentColor"/gi, `stroke="${xIconColor}"`);
+            processedSvg = processedSvg.replace(/fill="currentColor"/gi, `fill="${xIconColor}"`);
+            processedSvg = processedSvg.replace(/stroke="[^"]*"/gi, `stroke="${xIconColor}"`);
+            processedSvg = processedSvg.replace(/fill="[^"]*"/gi, `fill="${xIconColor}"`);
+            // Set stroke-width to 2px for all stroke elements
+            processedSvg = processedSvg.replace(/stroke-width="[^"]*"/gi, 'stroke-width="2"');
+            processedSvg = processedSvg.replace(/strokeWidth="[^"]*"/gi, 'strokeWidth="2"');
+            // Add stroke-width="2" to all elements that have stroke but no stroke-width
+            processedSvg = processedSvg.replace(/(<(path|line|polyline|polygon|circle|ellipse|rect)[^>]*stroke="[^"]*"[^>]*?)(?![^>]*stroke-width)(?![^>]*strokeWidth)([^>]*>)/gi, (match, before, tag, after) => {
+                return `${before} stroke-width="2"${after}`;
+            });
+            return (_jsx("span", { onClick: handleClearClick, style: {
+                    width: `${xIconSize}px`,
+                    height: `${xIconSize}px`,
+                    display: 'inline-flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    flexShrink: 0,
+                    color: xIconColor,
+                    lineHeight: 0,
+                    cursor: 'pointer',
+                    marginRight: '4px',
+                }, dangerouslySetInnerHTML: { __html: processedSvg } }));
+        }
+        if (xIcon.component) {
+            return (_jsx("span", { onClick: handleClearClick, style: {
+                    width: '16px',
+                    height: '16px',
+                    display: 'inline-flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    flexShrink: 0,
+                    color: xIconColor,
+                    cursor: 'pointer',
+                    marginRight: '4px',
+                }, children: React.cloneElement(xIcon.component, {
+                    width: 16,
+                    height: 16,
+                    style: { color: xIconColor },
+                }) }));
+        }
+        return null;
+    };
+    // Resolve colors for dropdown from tokens
+    const dropdownBg = resolveColor('basic.white');
+    const dropdownBorder = resolveColor('gray.300');
+    const dropdownStyle = {
+        position: 'absolute',
+        top: '100%',
+        left: 0,
+        right: 0,
+        marginTop: '2px',
+        backgroundColor: dropdownBg,
+        border: `1px solid ${dropdownBorder}`,
+        borderRadius: inputs.inputs.borderRadius,
+        boxShadow: '0px 1px 4px 0px rgba(0, 0, 0, 0.1)',
+        zIndex: 1000,
+        overflow: 'hidden',
+    };
+    // Resolve colors for dropdown options from tokens
+    const optionBorderColor = resolveColor('gray.200'); // Light border between options
+    const optionHoverBg = resolveColor('gray.100'); // One level up from gray.50 for hover
+    const optionTextColor = resolveColor('gray.700');
+    const optionBg = resolveColor('basic.white');
+    const optionStyle = {
+        padding: '12px',
+        margin: '2px',
+        display: 'flex',
+        alignItems: 'center',
+        gap: '8px',
+        cursor: 'pointer',
+        borderBottom: 'none',
+        borderRadius: inputs.inputs.borderRadius,
+        fontFamily: resolveTypography.fontFamily('roboto'),
+        fontSize: resolveTypography.fontSize('base'),
+        fontWeight: resolveTypography.fontWeight('regular'),
+        color: optionTextColor,
+        backgroundColor: optionBg,
+        transition: 'background-color 0.15s ease',
+    };
+    const lastOptionStyle = {
+        ...optionStyle,
+    };
+    return (_jsxs("div", { style: { marginBottom: '1rem', width: '100%', maxWidth: '400px' }, ref: selectRef, children: [showLabel && (_jsx("div", { style: {
+                    fontSize: resolveTypography.fontSize('sm'),
+                    color: resolveColor('gray.700'),
+                    marginBottom: '0.5rem',
+                    fontWeight: resolveTypography.fontWeight('medium'),
+                    fontFamily: resolveTypography.fontFamily('roboto'),
+                    lineHeight: resolveTypography.lineHeight('normal'),
+                    letterSpacing: resolveTypography.letterSpacing('normal'),
+                }, children: label })), _jsxs("div", { style: { position: 'relative' }, children: [_jsxs("div", { style: selectContainerStyle, onClick: handleSelectClick, onMouseEnter: () => shouldShowHover && onSelect && setIsHovered(true), onMouseLeave: () => setIsHovered(false), children: [!selectedValue && currentColor && renderColorBox(currentColor, 16, true), _jsx("div", { style: {
+                                    flex: 1,
+                                    minWidth: 0,
+                                    fontSize: resolveTypography.fontSize('base'),
+                                    fontFamily: resolveTypography.fontFamily('roboto'),
+                                    fontWeight: resolveTypography.fontWeight('regular'),
+                                    lineHeight: resolveTypography.lineHeight('normal'),
+                                    color: textColor,
+                                    display: 'flex',
+                                    alignItems: 'center',
+                                    marginTop: selectedValue ? '0' : '-1px', // Move text up slightly to align with color box only when no selection
+                                }, children: displayText }), renderXIcon(), renderChevron()] }), (isOpen || state === 'open') && options.length > 0 && (_jsx("div", { style: dropdownStyle, children: options.map((option, index) => (_jsxs("div", { style: index === options.length - 1 ? lastOptionStyle : optionStyle, onClick: () => handleOptionClick(option.label, option.color), onMouseEnter: (e) => {
+                                e.currentTarget.style.backgroundColor = optionHoverBg;
+                            }, onMouseLeave: (e) => {
+                                e.currentTarget.style.backgroundColor = optionBg;
+                            }, children: [renderColorBox(option.color, 16, true), _jsx("span", { children: option.label })] }, index))) }))] })] }));
+};
+//# sourceMappingURL=ColorSelectToken.js.map

package/dist/components/ColorSelectToken.js.map

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

package/dist/components/ColorSwatch.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface ColorSwatchProps {
+    name: string;
+    value: string;
+    cssVar?: string;
+}
+export declare const ColorSwatch: React.FC<ColorSwatchProps>;
+export {};
+//# sourceMappingURL=ColorSwatch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorSwatch.d.ts","sourceRoot":"","sources":["../../src/components/ColorSwatch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,gBAAgB;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0BlD,CAAC"}

package/dist/components/ColorSwatch.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const ColorSwatch = ({ name, value, cssVar }) => {
+    return (_jsxs("div", { style: { marginBottom: '1rem' }, children: [_jsx("div", { style: {
+                    width: '100%',
+                    height: '80px',
+                    backgroundColor: value,
+                    borderRadius: '8px',
+                    marginBottom: '0.5rem',
+                    border: '1px solid #e5e7eb',
+                } }), _jsxs("div", { style: { fontSize: '0.875rem' }, children: [_jsx("div", { style: { fontWeight: 600, marginBottom: '0.25rem' }, children: name }), _jsx("div", { style: { color: '#6b7280', fontFamily: 'monospace', fontSize: '0.75rem' }, children: value }), cssVar && (_jsx("div", { style: { color: '#6b7280', fontFamily: 'monospace', fontSize: '0.75rem' }, children: cssVar }))] })] }));
+};
+//# sourceMappingURL=ColorSwatch.js.map

package/dist/components/ColorSwatch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorSwatch.js","sourceRoot":"","sources":["../../src/components/ColorSwatch.tsx"],"names":[],"mappings":";AAQA,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE;IACjF,OAAO,CACL,eAAK,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,aAClC,cACE,KAAK,EAAE;oBACL,KAAK,EAAE,MAAM;oBACb,MAAM,EAAE,MAAM;oBACd,eAAe,EAAE,KAAK;oBACtB,YAAY,EAAE,KAAK;oBACnB,YAAY,EAAE,QAAQ;oBACtB,MAAM,EAAE,mBAAmB;iBAC5B,GACD,EACF,eAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,aAClC,cAAK,KAAK,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,YAAG,IAAI,GAAO,EACtE,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,YAC3E,KAAK,GACF,EACL,MAAM,IAAI,CACT,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,YAC3E,MAAM,GACH,CACP,IACG,IACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/IconItem.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export interface IconData {
+    name: string;
+    friendlyName: string;
+    component?: React.ReactNode;
+    svg?: string;
+    description?: string;
+    category?: string;
+}
+interface IconItemProps {
+    icon: IconData;
+    size?: number;
+    showDetails?: boolean;
+}
+export declare const IconItem: React.FC<IconItemProps>;
+export {};
+//# sourceMappingURL=IconItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconItem.d.ts","sourceRoot":"","sources":["../../src/components/IconItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,aAAa;IACrB,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAwG5C,CAAC"}

package/dist/components/IconItem.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+export const IconItem = ({ icon, size = 24, showDetails = true }) => {
+    const [copied, setCopied] = useState(false);
+    const handleCopy = async () => {
+        try {
+            await navigator.clipboard.writeText(icon.name);
+            setCopied(true);
+            setTimeout(() => setCopied(false), 2000);
+        }
+        catch (err) {
+            console.error('Failed to copy icon name:', err);
+        }
+    };
+    return (_jsxs("div", { style: {
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'center',
+            padding: '1.5rem',
+            border: '1px solid #e5e7eb',
+            borderRadius: '8px',
+            backgroundColor: '#ffffff',
+            transition: 'all 0.2s ease',
+            cursor: 'pointer',
+            minHeight: '100px',
+        }, onMouseEnter: (e) => {
+            e.currentTarget.style.borderColor = '#3b82f6';
+            e.currentTarget.style.boxShadow = '0 4px 6px -1px rgba(0, 0, 0, 0.1)';
+        }, onMouseLeave: (e) => {
+            e.currentTarget.style.borderColor = '#e5e7eb';
+            e.currentTarget.style.boxShadow = 'none';
+        }, onClick: handleCopy, title: `Click to copy: ${icon.name}`, children: [_jsx("div", { style: {
+                    width: `${size}px`,
+                    height: `${size}px`,
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    marginBottom: '1rem',
+                    color: '#1f2937',
+                    flexShrink: 0,
+                }, children: icon.component ? (_jsx("div", { style: { width: '100%', height: '100%' }, children: icon.component })) : icon.svg ? (_jsx("div", { dangerouslySetInnerHTML: {
+                        __html: icon.svg.replace(/<svg([^>]*)>/, '<svg$1 style="width: 100%; height: 100%; display: block;">')
+                    }, style: {
+                        width: '100%',
+                        height: '100%',
+                    } })) : (_jsx("div", { style: {
+                        width: '100%',
+                        height: '100%',
+                        border: '2px dashed #d1d5db',
+                        borderRadius: '4px',
+                        display: 'flex',
+                        alignItems: 'center',
+                        justifyContent: 'center',
+                        fontSize: '0.75rem',
+                        color: '#9ca3af',
+                    }, children: "Icon" })) }), showDetails && (_jsx("div", { style: { textAlign: 'center', width: '100%' }, children: _jsx("div", { style: {
+                        fontSize: '0.75rem',
+                        color: copied ? '#10b981' : '#6b7280',
+                        fontFamily: 'monospace',
+                        wordBreak: 'break-word',
+                        transition: 'color 0.2s ease',
+                    }, children: copied ? '✓ Copied!' : icon.name }) }))] }));
+};
+//# sourceMappingURL=IconItem.js.map