entangle-ui 0.2.0 → 0.4.0

package/dist/esm/components/controls/ColorPicker/ColorPicker.js

@@ -0,0 +1,61 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { Popover } from '../../primitives/Popover/Popover.js';
+import { PopoverTrigger } from '../../primitives/Popover/PopoverTrigger.js';
+import { PopoverContent } from '../../primitives/Popover/PopoverContent.js';
+import { ColorSwatch } from './ColorSwatch.js';
+import { ColorArea } from './ColorArea.js';
+import { HueSlider } from './HueSlider.js';
+import { AlphaSlider } from './AlphaSlider.js';
+import { ColorInputs } from './ColorInputs.js';
+import { ColorPresets } from './ColorPresets.js';
+import { ColorPalette } from './ColorPalette.js';
+import { MATERIAL_PALETTE } from './palettes/material.js';
+import { TAILWIND_PALETTE } from './palettes/tailwind.js';
+import { VINTAGE_PALETTE, SKIN_TONES_PALETTE, MONOCHROME_PALETTE, NEON_PALETTE, EARTH_PALETTE, PASTEL_PALETTE } from './palettes/professional.js';
+import { useColor } from './useColor.js';
+import { pickerBodyStyle, triggerRowStyle, labelStyle } from './ColorPicker.css.js';
+
+// --- Constants ---
+const PALETTE_MAP = {
+    material: MATERIAL_PALETTE,
+    tailwind: TAILWIND_PALETTE,
+    pastel: PASTEL_PALETTE,
+    earth: EARTH_PALETTE,
+    neon: NEON_PALETTE,
+    monochrome: MONOCHROME_PALETTE,
+    'skin-tones': SKIN_TONES_PALETTE,
+    vintage: VINTAGE_PALETTE,
+};
+// --- Component ---
+const ColorPicker = ({ value, defaultValue = '#007acc', format = 'hex', showAlpha = false, inputModes = ['hex', 'rgb', 'hsl'], defaultInputMode = 'hex', presets, showEyeDropper = false, palette, size = 'md', swatchShape = 'square', label, disabled = false, inline = false, pickerWidth = 240, onChange, onChangeComplete, className, style, testId, ...rest }) => {
+    const colorState = useColor({
+        value,
+        defaultValue,
+        format,
+        onChange,
+        onChangeComplete,
+    });
+    const resolvedPalette = useMemo(() => {
+        if (!palette)
+            return undefined;
+        if (typeof palette === 'string') {
+            const found = PALETTE_MAP[palette];
+            return found ? { colors: found.colors, title: found.name } : undefined;
+        }
+        if (Array.isArray(palette)) {
+            return { colors: palette, title: 'Palette' };
+        }
+        return { colors: palette.colors, title: palette.name };
+    }, [palette]);
+    const pickerBody = (jsxs("div", { className: pickerBodyStyle, "data-testid": testId ? `${testId}-panel` : undefined, children: [jsx(ColorArea, { hue: colorState.hsva.h, saturation: colorState.hsva.s, value: colorState.hsva.v, onChange: colorState.setSaturationValue, onChangeComplete: colorState.commitChange }), jsx(HueSlider, { hue: colorState.hsva.h, onChange: colorState.setHue, onChangeComplete: colorState.commitChange }), showAlpha && (jsx(AlphaSlider, { alpha: colorState.hsva.a, color: colorState.hexString, onChange: colorState.setAlpha, onChangeComplete: colorState.commitChange })), jsx(ColorInputs, { hsva: colorState.hsva, inputModes: inputModes, defaultInputMode: defaultInputMode, showAlpha: showAlpha, showEyeDropper: showEyeDropper, disabled: disabled, onSetFromString: colorState.setFromString, onSetAlpha: colorState.setAlpha, onSetHue: colorState.setHue, onSetSaturationValue: colorState.setSaturationValue }), presets && presets.length > 0 && (jsx(ColorPresets, { presets: presets, currentColor: colorState.hexString, onSelect: colorState.setFromString })), resolvedPalette && (jsx(ColorPalette, { palette: resolvedPalette.colors, currentColor: colorState.hexString, onSelect: colorState.setFromString, title: resolvedPalette.title }))] }));
+    if (inline) {
+        return (jsx("div", { className: className, style: { ...style, width: pickerWidth }, "data-testid": testId, ...rest, children: pickerBody }));
+    }
+    return (jsxs(Popover, { children: [jsx(PopoverTrigger, { children: jsxs("div", { className: triggerRowStyle, "data-testid": testId, ...rest, children: [jsx(ColorSwatch, { color: colorState.hexString, size: size, shape: swatchShape, disabled: disabled, testId: testId ? `${testId}-swatch` : undefined }), label && jsx("span", { className: labelStyle, children: label })] }) }), jsx(PopoverContent, { width: pickerWidth, padding: "md", children: pickerBody })] }));
+};
+ColorPicker.displayName = 'ColorPicker';
+
+export { ColorPicker };
+//# sourceMappingURL=ColorPicker.js.map

package/dist/esm/components/controls/ColorPicker/ColorPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.js","sources":["../../../../../../src/components/controls/ColorPicker/ColorPicker.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAgCA;AAEA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGF;AAEO;;;;;;;AA6BJ;AAED;AAGE;AAAc;AACd;AACE;;;AAGF;;;AAGA;AACF;;;;;AAsEA;AAmBF;AAEA;;"}

package/dist/esm/components/controls/ColorPicker/ColorPresets.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useCallback } from 'react';
+import { presetsGridStyle, presetColorStyle, presetButtonRecipe } from './ColorPicker.css.js';
+
+const ColorPresets = ({ presets, currentColor, onSelect, }) => {
+    const handleClick = useCallback((color) => {
+        onSelect(color);
+    }, [onSelect]);
+    const normalizedCurrent = currentColor.toLowerCase();
+    return (jsx("div", { className: presetsGridStyle, role: "radiogroup", "aria-label": "Color presets", children: presets.map((preset, i) => (jsx("button", { type: "button", role: "radio", "aria-checked": preset.color.toLowerCase() === normalizedCurrent, "aria-label": preset.label ?? preset.color, title: preset.label ?? preset.color, className: presetButtonRecipe({
+                selected: preset.color.toLowerCase() === normalizedCurrent,
+            }), onClick: () => handleClick(preset.color), children: jsx("span", { className: presetColorStyle, style: { background: preset.color } }) }, `${preset.color}-${i}`))) }));
+};
+ColorPresets.displayName = 'ColorPresets';
+
+export { ColorPresets };
+//# sourceMappingURL=ColorPresets.js.map

package/dist/esm/components/controls/ColorPicker/ColorPresets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPresets.js","sources":["../../../../../../src/components/controls/ColorPicker/ColorPresets.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAgBO;AAKL;;AAGE;AAIF;AAEA;;AAgBS;AAWX;AAEA;;"}

package/dist/esm/components/controls/ColorPicker/ColorSwatch.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { cx } from '../../../utils/cx.js';
+import { swatchColorStyle, swatchRecipe } from './ColorPicker.css.js';
+
+const ColorSwatch = /*#__PURE__*/ React.memo(({ color, size = 'md', shape = 'square', disabled = false, onClick, className, style, testId, ref, ...rest }) => {
+    return (jsx("button", { ref: ref, type: "button", className: cx(swatchRecipe({ size, shape, disabled }), className), disabled: disabled, onClick: onClick, style: style, "data-testid": testId, "aria-label": rest['aria-label'] ?? `Color: ${color}`, ...rest, children: jsx("span", { className: swatchColorStyle, style: { background: color } }) }));
+});
+ColorSwatch.displayName = 'ColorSwatch';
+
+export { ColorSwatch };
+//# sourceMappingURL=ColorSwatch.js.map

package/dist/esm/components/controls/ColorPicker/ColorSwatch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorSwatch.js","sources":["../../../../../../src/components/controls/ColorPicker/ColorSwatch.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAOO;AAaH;AAeF;AAGF;;"}

package/dist/esm/components/controls/ColorPicker/EyeDropper.js

@@ -0,0 +1,39 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useCallback } from 'react';
+import { EyeDropperIcon } from '../../Icons/EyeDropperIcon.js';
+import { eyeDropperRecipe } from './ColorPicker.css.js';
+
+// ---------- Component ----------
+/**
+ * EyeDropper button that opens the native browser EyeDropper API
+ * to sample a color from anywhere on the screen.
+ *
+ * Renders nothing if the EyeDropper API is not available in the browser.
+ *
+ * @example
+ * ```tsx
+ * <EyeDropper onColorPick={(hex) => setColor(hex)} />
+ * ```
+ */
+const EyeDropper = ({ onColorPick, size = 'md', disabled = false, testId, ...rest }) => {
+    const isAvailable = typeof window !== 'undefined' && 'EyeDropper' in window;
+    const handleClick = useCallback(() => {
+        if (!isAvailable)
+            return;
+        const dropper = new window.EyeDropper();
+        void dropper.open().then(result => {
+            onColorPick?.(result.sRGBHex);
+        }, () => {
+            // User cancelled the eye dropper -- silently ignore
+        });
+    }, [isAvailable, onColorPick]);
+    if (!isAvailable) {
+        return null;
+    }
+    return (jsx("button", { type: "button", className: eyeDropperRecipe({ size, disabled }), disabled: disabled, onClick: handleClick, "data-testid": testId, "aria-label": "Pick color from screen", ...rest, children: jsx(EyeDropperIcon, { size: "sm" }) }));
+};
+EyeDropper.displayName = 'EyeDropper';
+
+export { EyeDropper };
+//# sourceMappingURL=EyeDropper.js.map

package/dist/esm/components/controls/ColorPicker/EyeDropper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EyeDropper.js","sources":["../../../../../../src/components/controls/ColorPicker/EyeDropper.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAkCA;AAEA;;;;;;;;;;AAUG;AACH;;AASE;AACE;;AAEA;;AAMI;;;AAIF;AAEJ;;AAGE;;AAGF;AAaF;AAEA;;"}

package/dist/esm/components/controls/ColorPicker/HueSlider.js

@@ -0,0 +1,56 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useRef, useCallback } from 'react';
+import { hueTrackStyle, hueThumbStyle } from './ColorPicker.css.js';
+
+const HueSlider = ({ hue, onChange, onChangeComplete, }) => {
+    const trackRef = useRef(null);
+    const getHue = useCallback((clientX) => {
+        const rect = trackRef.current?.getBoundingClientRect();
+        if (!rect)
+            return;
+        const x = Math.max(0, Math.min(clientX - rect.left, rect.width));
+        const h = Math.round((x / rect.width) * 360);
+        onChange(h);
+    }, [onChange]);
+    const handlePointerDown = useCallback((e) => {
+        e.preventDefault();
+        e.currentTarget.setPointerCapture(e.pointerId);
+        getHue(e.clientX);
+    }, [getHue]);
+    const handlePointerMove = useCallback((e) => {
+        if (e.buttons === 0)
+            return;
+        getHue(e.clientX);
+    }, [getHue]);
+    const handlePointerUp = useCallback(() => {
+        onChangeComplete?.();
+    }, [onChangeComplete]);
+    const handleKeyDown = useCallback((e) => {
+        const step = e.shiftKey ? 1 : 5;
+        let newHue = hue;
+        switch (e.key) {
+            case 'ArrowRight':
+            case 'ArrowUp':
+                newHue = Math.min(360, hue + step);
+                break;
+            case 'ArrowLeft':
+            case 'ArrowDown':
+                newHue = Math.max(0, hue - step);
+                break;
+            default:
+                return;
+        }
+        e.preventDefault();
+        onChange(newHue);
+    }, [hue, onChange]);
+    const thumbPosition = `${(hue / 360) * 100}%`;
+    return (jsx("div", { ref: trackRef, className: hueTrackStyle, role: "slider", tabIndex: 0, "aria-label": "Hue", "aria-valuemin": 0, "aria-valuemax": 360, "aria-valuenow": hue, onPointerDown: handlePointerDown, onPointerMove: handlePointerMove, onPointerUp: handlePointerUp, onKeyDown: handleKeyDown, children: jsx("div", { className: hueThumbStyle, style: {
+                left: thumbPosition,
+                backgroundColor: `hsl(${hue}, 100%, 50%)`,
+            } }) }));
+};
+HueSlider.displayName = 'HueSlider';
+
+export { HueSlider };
+//# sourceMappingURL=HueSlider.js.map

package/dist/esm/components/controls/ColorPicker/HueSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HueSlider.js","sources":["../../../../../../src/components/controls/ColorPicker/HueSlider.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAWO;AAKL;AAEA;;AAGI;;;AAGA;;AAEF;AAIF;;;AAII;AACF;AAIF;AAEI;;AACA;AACF;AAIF;;AAEA;AAEA;AAEI;;AAGA;AACE;AACA;;;AAGA;AACA;;;AAGA;;;;;AAMJ;;;AAwBM;;;AAMV;AAEA;;"}

package/dist/esm/components/controls/ColorPicker/colorUtils.js

@@ -0,0 +1,220 @@
+/**
+ * Pure color conversion utilities for the ColorPicker.
+ * Internal state is always HSVA. All conversions go through HSVA.
+ */
+// --- Conversions ---
+function hsvToRgb(h, s, v) {
+    const s1 = s / 100;
+    const v1 = v / 100;
+    const c = v1 * s1;
+    const x = c * (1 - Math.abs(((h / 60) % 2) - 1));
+    const m = v1 - c;
+    let r1 = 0, g1 = 0, b1 = 0;
+    if (h < 60) {
+        r1 = c;
+        g1 = x;
+    }
+    else if (h < 120) {
+        r1 = x;
+        g1 = c;
+    }
+    else if (h < 180) {
+        g1 = c;
+        b1 = x;
+    }
+    else if (h < 240) {
+        g1 = x;
+        b1 = c;
+    }
+    else if (h < 300) {
+        r1 = x;
+        b1 = c;
+    }
+    else {
+        r1 = c;
+        b1 = x;
+    }
+    return {
+        r: Math.round((r1 + m) * 255),
+        g: Math.round((g1 + m) * 255),
+        b: Math.round((b1 + m) * 255),
+    };
+}
+function rgbToHsv(r, g, b) {
+    const r1 = r / 255;
+    const g1 = g / 255;
+    const b1 = b / 255;
+    const max = Math.max(r1, g1, b1);
+    const min = Math.min(r1, g1, b1);
+    const d = max - min;
+    let h = 0;
+    const s = max === 0 ? 0 : (d / max) * 100;
+    const v = max * 100;
+    if (d !== 0) {
+        if (max === r1) {
+            h = ((g1 - b1) / d) % 6;
+        }
+        else if (max === g1) {
+            h = (b1 - r1) / d + 2;
+        }
+        else {
+            h = (r1 - g1) / d + 4;
+        }
+        h *= 60;
+        if (h < 0)
+            h += 360;
+    }
+    return { h: Math.round(h), s: Math.round(s), v: Math.round(v) };
+}
+function hsvToHsl(h, s, v) {
+    const s1 = s / 100;
+    const v1 = v / 100;
+    const l = v1 * (1 - s1 / 2);
+    let sl = 0;
+    if (l > 0 && l < 1) {
+        sl = (v1 - l) / Math.min(l, 1 - l);
+    }
+    return {
+        h: Math.round(h),
+        s: Math.round(sl * 100),
+        l: Math.round(l * 100),
+    };
+}
+function hslToHsv(h, s, l) {
+    const s1 = s / 100;
+    const l1 = l / 100;
+    const v = l1 + s1 * Math.min(l1, 1 - l1);
+    const sv = v === 0 ? 0 : 2 * (1 - l1 / v);
+    return {
+        h: Math.round(h),
+        s: Math.round(sv * 100),
+        v: Math.round(v * 100),
+    };
+}
+function rgbToHex(r, g, b) {
+    const toHex = (n) => Math.max(0, Math.min(255, Math.round(n)))
+        .toString(16)
+        .padStart(2, '0');
+    return `#${toHex(r)}${toHex(g)}${toHex(b)}`;
+}
+function hexToRgb(hex) {
+    const clean = hex.replace('#', '');
+    // Validate hex characters
+    if (!/^[0-9a-fA-F]+$/.test(clean)) {
+        return null;
+    }
+    if (clean.length === 3) {
+        const c0 = clean.charAt(0);
+        const c1 = clean.charAt(1);
+        const c2 = clean.charAt(2);
+        const r = parseInt(c0 + c0, 16);
+        const g = parseInt(c1 + c1, 16);
+        const b = parseInt(c2 + c2, 16);
+        return { r, g, b };
+    }
+    if (clean.length === 6) {
+        const r = parseInt(clean.substring(0, 2), 16);
+        const g = parseInt(clean.substring(2, 4), 16);
+        const b = parseInt(clean.substring(4, 6), 16);
+        return { r, g, b };
+    }
+    if (clean.length === 8) {
+        const r = parseInt(clean.substring(0, 2), 16);
+        const g = parseInt(clean.substring(2, 4), 16);
+        const b = parseInt(clean.substring(4, 6), 16);
+        const a = parseInt(clean.substring(6, 8), 16) / 255;
+        return { r, g, b, a };
+    }
+    return null;
+}
+// --- Parsing ---
+function parseColor(color) {
+    const trimmed = color.trim().toLowerCase();
+    // Named colors lookup (common ones)
+    const named = NAMED_COLORS[trimmed];
+    if (named) {
+        return parseColor(named);
+    }
+    // HEX
+    if (trimmed.startsWith('#')) {
+        const rgb = hexToRgb(trimmed);
+        if (rgb) {
+            const hsv = rgbToHsv(rgb.r, rgb.g, rgb.b);
+            return { ...hsv, a: rgb.a ?? 1 };
+        }
+    }
+    // rgb() / rgba()
+    const rgbMatch = trimmed.match(/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(?:,\s*([\d.]+)\s*)?\)/);
+    if (rgbMatch) {
+        const rStr = rgbMatch[1] ?? '0';
+        const gStr = rgbMatch[2] ?? '0';
+        const bStr = rgbMatch[3] ?? '0';
+        const r = parseInt(rStr, 10);
+        const g = parseInt(gStr, 10);
+        const b = parseInt(bStr, 10);
+        const a = rgbMatch[4] ? parseFloat(rgbMatch[4]) : 1;
+        const hsv = rgbToHsv(r, g, b);
+        return { ...hsv, a };
+    }
+    // hsl() / hsla()
+    const hslMatch = trimmed.match(/hsla?\(\s*(\d+)\s*,\s*(\d+)%?\s*,\s*(\d+)%?\s*(?:,\s*([\d.]+)\s*)?\)/);
+    if (hslMatch) {
+        const hStr = hslMatch[1] ?? '0';
+        const sStr = hslMatch[2] ?? '0';
+        const lStr = hslMatch[3] ?? '0';
+        const h = parseInt(hStr, 10);
+        const s = parseInt(sStr, 10);
+        const l = parseInt(lStr, 10);
+        const a = hslMatch[4] ? parseFloat(hslMatch[4]) : 1;
+        const hsv = hslToHsv(h, s, l);
+        return { ...hsv, a };
+    }
+    // Fallback: blue
+    return { h: 210, s: 100, v: 80, a: 1 };
+}
+// --- Formatting ---
+function formatColor(hsva, format) {
+    const { r, g, b } = hsvToRgb(hsva.h, hsva.s, hsva.v);
+    switch (format) {
+        case 'hex':
+            return rgbToHex(r, g, b);
+        case 'hex8': {
+            const alphaHex = Math.round(hsva.a * 255)
+                .toString(16)
+                .padStart(2, '0');
+            return `${rgbToHex(r, g, b)}${alphaHex}`;
+        }
+        case 'rgb':
+            return `rgb(${r}, ${g}, ${b})`;
+        case 'rgba':
+            return `rgba(${r}, ${g}, ${b}, ${Number(hsva.a.toFixed(2))})`;
+        case 'hsl': {
+            const hsl = hsvToHsl(hsva.h, hsva.s, hsva.v);
+            return `hsl(${hsl.h}, ${hsl.s}%, ${hsl.l}%)`;
+        }
+        case 'hsla': {
+            const hsl = hsvToHsl(hsva.h, hsva.s, hsva.v);
+            return `hsla(${hsl.h}, ${hsl.s}%, ${hsl.l}%, ${Number(hsva.a.toFixed(2))})`;
+        }
+    }
+}
+// --- Named colors (subset) ---
+const NAMED_COLORS = {
+    red: '#ff0000',
+    green: '#008000',
+    blue: '#0000ff',
+    white: '#ffffff',
+    black: '#000000',
+    yellow: '#ffff00',
+    cyan: '#00ffff',
+    magenta: '#ff00ff',
+    orange: '#ffa500',
+    purple: '#800080',
+    pink: '#ffc0cb',
+    gray: '#808080',
+    grey: '#808080',
+    transparent: 'rgba(0, 0, 0, 0)',
+};
+
+export { formatColor, hexToRgb, hslToHsv, hsvToHsl, hsvToRgb, parseColor, rgbToHex, rgbToHsv };
+//# sourceMappingURL=colorUtils.js.map

package/dist/esm/components/controls/ColorPicker/colorUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorUtils.js","sources":["../../../../../../src/components/controls/ColorPicker/colorUtils.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;;;AAGG;AAWH;SAEgB,QAAQ,CACtB,CAAS,EACT,CAAS,EACT,CAAS,EAAA;AAET,IAAA,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG;AAClB,IAAA,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG;AAClB,IAAA,MAAM,CAAC,GAAG,EAAE,GAAG,EAAE;IACjB,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;AAChD,IAAA,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC;IAEhB,IAAI,EAAE,GAAG,CAAC,EACR,EAAE,GAAG,CAAC,EACN,EAAE,GAAG,CAAC;AAER,IAAA,IAAI,CAAC,GAAG,EAAE,EAAE;QACV,EAAE,GAAG,CAAC;QACN,EAAE,GAAG,CAAC;IACR;AAAO,SAAA,IAAI,CAAC,GAAG,GAAG,EAAE;QAClB,EAAE,GAAG,CAAC;QACN,EAAE,GAAG,CAAC;IACR;AAAO,SAAA,IAAI,CAAC,GAAG,GAAG,EAAE;QAClB,EAAE,GAAG,CAAC;QACN,EAAE,GAAG,CAAC;IACR;AAAO,SAAA,IAAI,CAAC,GAAG,GAAG,EAAE;QAClB,EAAE,GAAG,CAAC;QACN,EAAE,GAAG,CAAC;IACR;AAAO,SAAA,IAAI,CAAC,GAAG,GAAG,EAAE;QAClB,EAAE,GAAG,CAAC;QACN,EAAE,GAAG,CAAC;IACR;SAAO;QACL,EAAE,GAAG,CAAC;QACN,EAAE,GAAG,CAAC;IACR;IAEA,OAAO;AACL,QAAA,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,IAAI,GAAG,CAAC;AAC7B,QAAA,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,IAAI,GAAG,CAAC;AAC7B,QAAA,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,IAAI,GAAG,CAAC;KAC9B;AACH;SAEgB,QAAQ,CACtB,CAAS,EACT,CAAS,EACT,CAAS,EAAA;AAET,IAAA,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG;AAClB,IAAA,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG;AAClB,IAAA,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG;AAElB,IAAA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;AAChC,IAAA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;AAChC,IAAA,MAAM,CAAC,GAAG,GAAG,GAAG,GAAG;IAEnB,IAAI,CAAC,GAAG,CAAC;AACT,IAAA,MAAM,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,IAAI,GAAG;AACzC,IAAA,MAAM,CAAC,GAAG,GAAG,GAAG,GAAG;AAEnB,IAAA,IAAI,CAAC,KAAK,CAAC,EAAE;AACX,QAAA,IAAI,GAAG,KAAK,EAAE,EAAE;AACd,YAAA,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC;QACzB;AAAO,aAAA,IAAI,GAAG,KAAK,EAAE,EAAE;YACrB,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC;QACvB;aAAO;YACL,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC;QACvB;QACA,CAAC,IAAI,EAAE;QACP,IAAI,CAAC,GAAG,CAAC;YAAE,CAAC,IAAI,GAAG;IACrB;AAEA,IAAA,OAAO,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;AACjE;SAEgB,QAAQ,CACtB,CAAS,EACT,CAAS,EACT,CAAS,EAAA;AAET,IAAA,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG;AAClB,IAAA,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG;IAElB,MAAM,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IAC3B,IAAI,EAAE,GAAG,CAAC;IACV,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE;AAClB,QAAA,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IACpC;IAEA,OAAO;AACL,QAAA,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;QAChB,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,GAAG,CAAC;QACvB,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC;KACvB;AACH;SAEgB,QAAQ,CACtB,CAAS,EACT,CAAS,EACT,CAAS,EAAA;AAET,IAAA,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG;AAClB,IAAA,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG;AAElB,IAAA,MAAM,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC;IACxC,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IAEzC,OAAO;AACL,QAAA,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;QAChB,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,GAAG,CAAC;QACvB,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC;KACvB;AACH;SAEgB,QAAQ,CAAC,CAAS,EAAE,CAAS,EAAE,CAAS,EAAA;IACtD,MAAM,KAAK,GAAG,CAAC,CAAS,KACtB,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;SACrC,QAAQ,CAAC,EAAE;AACX,SAAA,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;AACrB,IAAA,OAAO,IAAI,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE;AAC7C;AAEM,SAAU,QAAQ,CACtB,GAAW,EAAA;IAEX,MAAM,KAAK,GAAG,GAAG,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC;;IAGlC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;AACjC,QAAA,OAAO,IAAI;IACb;AAEA,IAAA,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;QACtB,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;QAC1B,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;QAC1B,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;QAC1B,MAAM,CAAC,GAAG,QAAQ,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC;QAC/B,MAAM,CAAC,GAAG,QAAQ,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC;QAC/B,MAAM,CAAC,GAAG,QAAQ,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC;AAC/B,QAAA,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;IACpB;AAEA,IAAA,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;AACtB,QAAA,MAAM,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;AAC7C,QAAA,MAAM,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;AAC7C,QAAA,MAAM,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;AAC7C,QAAA,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;IACpB;AAEA,IAAA,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;AACtB,QAAA,MAAM,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;AAC7C,QAAA,MAAM,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;AAC7C,QAAA,MAAM,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;AAC7C,QAAA,MAAM,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG;QACnD,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;IACvB;AAEA,IAAA,OAAO,IAAI;AACb;AAEA;AAEM,SAAU,UAAU,CAAC,KAAa,EAAA;IACtC,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE;;AAG1C,IAAA,MAAM,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC;IACnC,IAAI,KAAK,EAAE;AACT,QAAA,OAAO,UAAU,CAAC,KAAK,CAAC;IAC1B;;AAGA,IAAA,IAAI,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;AAC3B,QAAA,MAAM,GAAG,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC7B,IAAI,GAAG,EAAE;AACP,YAAA,MAAM,GAAG,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;AACzC,YAAA,OAAO,EAAE,GAAG,GAAG,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE;QAClC;IACF;;IAGA,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAC5B,kEAAkE,CACnE;IACD,IAAI,QAAQ,EAAE;QACZ,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,GAAG;QAC/B,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,GAAG;QAC/B,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,GAAG;QAC/B,MAAM,CAAC,GAAG,QAAQ,CAAC,IAAI,EAAE,EAAE,CAAC;QAC5B,MAAM,CAAC,GAAG,QAAQ,CAAC,IAAI,EAAE,EAAE,CAAC;QAC5B,MAAM,CAAC,GAAG,QAAQ,CAAC,IAAI,EAAE,EAAE,CAAC;QAC5B,MAAM,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;QACnD,MAAM,GAAG,GAAG,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAC7B,QAAA,OAAO,EAAE,GAAG,GAAG,EAAE,CAAC,EAAE;IACtB;;IAGA,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAC5B,sEAAsE,CACvE;IACD,IAAI,QAAQ,EAAE;QACZ,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,GAAG;QAC/B,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,GAAG;QAC/B,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,GAAG;QAC/B,MAAM,CAAC,GAAG,QAAQ,CAAC,IAAI,EAAE,EAAE,CAAC;QAC5B,MAAM,CAAC,GAAG,QAAQ,CAAC,IAAI,EAAE,EAAE,CAAC;QAC5B,MAAM,CAAC,GAAG,QAAQ,CAAC,IAAI,EAAE,EAAE,CAAC;QAC5B,MAAM,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;QACnD,MAAM,GAAG,GAAG,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAC7B,QAAA,OAAO,EAAE,GAAG,GAAG,EAAE,CAAC,EAAE;IACtB;;AAGA,IAAA,OAAO,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE;AACxC;AAEA;AAEM,SAAU,WAAW,CAAC,IAAe,EAAE,MAAmB,EAAA;IAC9D,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;IAEpD,QAAQ,MAAM;AACZ,QAAA,KAAK,KAAK;YACR,OAAO,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;QAC1B,KAAK,MAAM,EAAE;YACX,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,GAAG;iBACrC,QAAQ,CAAC,EAAE;AACX,iBAAA,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;AACnB,YAAA,OAAO,CAAA,EAAG,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA,EAAG,QAAQ,CAAA,CAAE;QAC1C;AACA,QAAA,KAAK,KAAK;AACR,YAAA,OAAO,OAAO,CAAC,CAAA,EAAA,EAAK,CAAC,CAAA,EAAA,EAAK,CAAC,GAAG;AAChC,QAAA,KAAK,MAAM;AACT,YAAA,OAAO,QAAQ,CAAC,CAAA,EAAA,EAAK,CAAC,CAAA,EAAA,EAAK,CAAC,KAAK,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG;QAC/D,KAAK,KAAK,EAAE;AACV,YAAA,MAAM,GAAG,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;AAC5C,YAAA,OAAO,CAAA,IAAA,EAAO,GAAG,CAAC,CAAC,CAAA,EAAA,EAAK,GAAG,CAAC,CAAC,CAAA,GAAA,EAAM,GAAG,CAAC,CAAC,IAAI;QAC9C;QACA,KAAK,MAAM,EAAE;AACX,YAAA,MAAM,GAAG,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;YAC5C,OAAO,CAAA,KAAA,EAAQ,GAAG,CAAC,CAAC,CAAA,EAAA,EAAK,GAAG,CAAC,CAAC,CAAA,GAAA,EAAM,GAAG,CAAC,CAAC,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA,CAAA,CAAG;QAC7E;;AAEJ;AAgBA;AAEA,MAAM,YAAY,GAA2B;AAC3C,IAAA,GAAG,EAAE,SAAS;AACd,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,WAAW,EAAE,kBAAkB;CAChC;;;;"}