@_tc/template-core 0.0.1-bate.1 → 0.0.1-bate.2

package/packages/ui/react/components/ImagePreview/ImagePreview.js

@@ -0,0 +1,162 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImagePreviewController = ImagePreviewController;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lucide_react_1 = require("lucide-react");
+const react_1 = require("react");
+const react_dom_1 = require("react-dom");
+const clamp = (value, min, max) => Math.min(max, Math.max(min, value));
+function PreviewCore({ images, initialIndex, onClose }) {
+    const [index, setIndex] = (0, react_1.useState)(initialIndex);
+    const [scale, _setScale] = (0, react_1.useState)(1);
+    const scaleRef = (0, react_1.useRef)(scale);
+    const [rotation, setRotation] = (0, react_1.useState)(0);
+    const [flipX, setFlipX] = (0, react_1.useState)(false);
+    const [flipY, setFlipY] = (0, react_1.useState)(false);
+    const imgRef = (0, react_1.useRef)(null);
+    const lastScaleBeforeNatural = (0, react_1.useRef)(null);
+    const [position, setPosition] = (0, react_1.useState)({ x: 0, y: 0 });
+    const [isDragging, setIsDragging] = (0, react_1.useState)(false);
+    const dragStart = (0, react_1.useRef)({ x: 0, y: 0 });
+    const positionRef = (0, react_1.useRef)({ x: 0, y: 0 });
+    const setScale = (0, react_1.useCallback)((newValue) => {
+        let newState = newValue;
+        if (typeof newValue === 'function') {
+            newState = newValue(scaleRef.current || 1);
+        }
+        scaleRef.current = newState;
+        _setScale(newState);
+    }, []);
+    const hasImages = images.length > 0;
+    const currentIndex = (0, react_1.useMemo)(() => clamp(index, 0, Math.max(images.length - 1, 0)), [index, images.length]);
+    const currentImage = hasImages ? images[currentIndex] : '';
+    const reset = () => {
+        setScale(1);
+        setRotation(0);
+        setFlipX(false);
+        setFlipY(false);
+        setPosition({ x: 0, y: 0 });
+        positionRef.current = { x: 0, y: 0 };
+        lastScaleBeforeNatural.current = null;
+    };
+    const handleMouseDown = (0, react_1.useCallback)((e) => {
+        setIsDragging(true);
+        dragStart.current = { x: e.clientX - positionRef.current.x, y: e.clientY - positionRef.current.y };
+    }, []);
+    const handleMouseMove = (0, react_1.useCallback)((e) => {
+        if (!isDragging)
+            return;
+        const newX = e.clientX - dragStart.current.x;
+        const newY = e.clientY - dragStart.current.y;
+        positionRef.current = { x: newX, y: newY };
+        setPosition({ x: newX, y: newY });
+    }, [isDragging]);
+    const handleMouseUp = (0, react_1.useCallback)(() => {
+        setIsDragging(false);
+    }, []);
+    const toPrev = () => {
+        if (!hasImages)
+            return;
+        setIndex((prev) => (prev - 1 + images.length) % images.length);
+        reset();
+    };
+    const toNext = () => {
+        if (!hasImages)
+            return;
+        setIndex((prev) => (prev + 1) % images.length);
+        reset();
+    };
+    const zoomIn = () => setScale((prev) => clamp(prev + 0.2, 0.2, 5));
+    const zoomOut = () => setScale((prev) => clamp(prev - 0.2, 0.2, 5));
+    const rotateLeft = () => setRotation((prev) => prev - 90);
+    const rotateRight = () => setRotation((prev) => prev + 90);
+    (0, react_1.useEffect)(() => {
+        const handleKey = (e) => {
+            if (e.key === 'Escape') {
+                onClose();
+                return;
+            }
+            if (e.key === 'ArrowLeft') {
+                if (!hasImages)
+                    return;
+                setIndex((prev) => (prev - 1 + images.length) % images.length);
+                reset();
+                return;
+            }
+            if (e.key === 'ArrowRight') {
+                if (!hasImages)
+                    return;
+                setIndex((prev) => (prev + 1) % images.length);
+                reset();
+            }
+        };
+        document.addEventListener('keydown', handleKey);
+        return () => document.removeEventListener('keydown', handleKey);
+    }, [onClose, hasImages, images.length]);
+    (0, react_1.useEffect)(() => {
+        if (!imgRef.current)
+            return;
+        const transform = `translate(calc(-50% + ${position.x}px), calc(-50% + ${position.y}px)) rotate(${rotation}deg) scale(${flipX ? -scale : scale}, ${flipY ? -scale : scale})`;
+        imgRef.current.style.transform = transform;
+    }, [rotation, scale, flipX, flipY, position]);
+    if (!hasImages)
+        return null;
+    const content = ((0, jsx_runtime_1.jsxs)("div", { className: "fixed inset-0 z-[1100] bg-black/40 text-white", onClick: onClose, children: [(0, jsx_runtime_1.jsx)("button", { type: "button", onClick: onClose, className: "absolute right-6 top-6 p-2 rounded-full bg-black/70 hover:bg-black/80 transition-colors z-10", "aria-label": "\u5173\u95ED\u9884\u89C8", children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { size: 20 }) }), images.length > 1 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("button", { type: "button", onClick: (e) => {
+                            e.stopPropagation();
+                            toPrev();
+                        }, className: "absolute left-4 top-1/2 -translate-y-1/2 p-3 rounded-full bg-black/70 hover:bg-black/80 transition-colors z-10", "aria-label": "\u4E0A\u4E00\u5F20", children: (0, jsx_runtime_1.jsx)(lucide_react_1.ArrowLeft, { size: 20 }) }), (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: (e) => {
+                            e.stopPropagation();
+                            toNext();
+                        }, className: "absolute right-4 top-1/2 -translate-y-1/2 p-3 rounded-full bg-black/70 hover:bg-black/80 transition-colors z-10", "aria-label": "\u4E0B\u4E00\u5F20", children: (0, jsx_runtime_1.jsx)(lucide_react_1.ArrowRight, { size: 20 }) })] })), (0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 flex items-center justify-center overflow-hidden", onClick: (e) => e.stopPropagation(), onWheel: (e) => {
+                    e.preventDefault();
+                    if (e.deltaY < 0) {
+                        zoomIn();
+                    }
+                    else {
+                        zoomOut();
+                    }
+                }, onMouseDown: handleMouseDown, onMouseMove: handleMouseMove, onMouseUp: handleMouseUp, onMouseLeave: handleMouseUp, style: { cursor: isDragging ? 'grabbing' : scale > 1 ? 'grab' : 'default' }, children: (0, jsx_runtime_1.jsx)("div", { className: "relative max-h-[85vh] max-w-[90vw]", children: (0, jsx_runtime_1.jsx)("img", { ref: imgRef, src: currentImage, alt: "", draggable: false, className: " select-none max-h-[85vh] max-w-[90vw] absolute left-1/2 top-1/2 origin-center" }) }) }), (0, jsx_runtime_1.jsxs)("div", { className: "absolute bottom-6 left-1/2 -translate-x-1/2 flex items-center gap-2 bg-black/70 backdrop-blur px-3 py-2 rounded-lg", children: [(0, jsx_runtime_1.jsx)("button", { type: "button", onClick: (e) => {
+                            e.stopPropagation();
+                            zoomOut();
+                        }, className: "flex items-center gap-1 px-3 py-2 rounded-md hover:bg-white/15 text-sm", "aria-label": "\u7F29\u5C0F", children: (0, jsx_runtime_1.jsx)(lucide_react_1.ZoomOut, { size: 16 }) }), (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: (e) => {
+                            e.stopPropagation();
+                            zoomIn();
+                        }, className: "flex items-center gap-1 px-3 py-2 rounded-md hover:bg-white/15 text-sm", "aria-label": "\u653E\u5927", children: (0, jsx_runtime_1.jsx)(lucide_react_1.ZoomIn, { size: 16 }) }), (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: (e) => {
+                            e.stopPropagation();
+                            if (!imgRef.current)
+                                return;
+                            const { naturalWidth, naturalHeight, clientWidth, clientHeight } = imgRef.current;
+                            if (lastScaleBeforeNatural.current === null) {
+                                const scaleToNatural = Math.max(naturalWidth / Math.max(clientWidth, 1), naturalHeight / Math.max(clientHeight, 1), 1);
+                                lastScaleBeforeNatural.current = scaleRef.current;
+                                setScale(scaleToNatural);
+                            }
+                            else {
+                                setScale(lastScaleBeforeNatural.current);
+                                lastScaleBeforeNatural.current = null;
+                            }
+                        }, className: "flex items-center gap-2 px-3 py-2 rounded-md hover:bg-white/15 text-sm", "aria-label": "1:1", children: "1:1" }), (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: (e) => {
+                            e.stopPropagation();
+                            reset();
+                        }, className: "flex items-center gap-2 px-3 py-2 rounded-md hover:bg-white/15 text-sm", "aria-label": "\u91CD\u7F6E", children: (0, jsx_runtime_1.jsx)(lucide_react_1.RefreshCw, { size: 16 }) }), (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: (e) => {
+                            e.stopPropagation();
+                            rotateLeft();
+                        }, className: "flex items-center gap-2 px-3 py-2 rounded-md hover:bg-white/15 text-sm", "aria-label": "\u5DE6\u65CB\u8F6C", children: (0, jsx_runtime_1.jsx)(lucide_react_1.RotateCcw, { size: 16 }) }), (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: (e) => {
+                            e.stopPropagation();
+                            rotateRight();
+                        }, className: "flex items-center gap-2 px-3 py-2 rounded-md hover:bg-white/15 text-sm", "aria-label": "\u53F3\u65CB\u8F6C", children: (0, jsx_runtime_1.jsx)(lucide_react_1.RotateCw, { size: 16 }) }), (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: (e) => {
+                            e.stopPropagation();
+                            setFlipX((prev) => !prev);
+                        }, className: "flex items-center gap-2 px-3 py-2 rounded-md hover:bg-white/15 text-sm", "aria-label": "\u5DE6\u53F3\u955C\u50CF", children: (0, jsx_runtime_1.jsx)(lucide_react_1.FlipHorizontal, { size: 16 }) }), (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: (e) => {
+                            e.stopPropagation();
+                            setFlipY((prev) => !prev);
+                        }, className: "flex items-center gap-2 px-3 py-2 rounded-md hover:bg-white/15 text-sm", "aria-label": "\u4E0A\u4E0B\u955C\u50CF", children: (0, jsx_runtime_1.jsx)(lucide_react_1.FlipVertical, { size: 16 }) })] })] }));
+    return (0, react_dom_1.createPortal)(content, document.body);
+}
+function ImagePreviewController({ open, images, initialIndex = 0, onClose }) {
+    if (!open || images.length === 0)
+        return null;
+    const key = `${images.join('|')}-${initialIndex}`;
+    return (0, jsx_runtime_1.jsx)(PreviewCore, { images: images, initialIndex: initialIndex, onClose: onClose }, key);
+}
+//# sourceMappingURL=ImagePreview.js.map

package/packages/ui/react/components/ImagePreview/ImagePreview.js.map

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

package/packages/ui/react/components/ImagePreview/PreviewImage.d.ts

@@ -0,0 +1,8 @@
+import type { MOmit } from '../../types';
+import { type ImagePreviewControllerProps } from './ImagePreview';
+export type PreviewImageProps = MOmit<ImagePreviewControllerProps, 'open' | 'onClose'> & Pick<Partial<ImagePreviewControllerProps>, 'onClose'> & {
+    thumbSize?: number | string;
+    direction?: 'horizontal' | 'vertical';
+};
+export declare function PreviewImage(props: PreviewImageProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=PreviewImage.d.ts.map

package/packages/ui/react/components/ImagePreview/PreviewImage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewImage.d.ts","sourceRoot":"","sources":["../../../../../../packages/ui/react/components/ImagePreview/PreviewImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAE/C,OAAO,EAA0B,KAAK,2BAA2B,EAAE,MAAM,gBAAgB,CAAA;AACzF,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,2BAA2B,EAAE,MAAM,GAAG,SAAS,CAAC,GACpF,IAAI,CAAC,OAAO,CAAC,2BAA2B,CAAC,EAAE,SAAS,CAAC,GAAG;IAItD,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;CACtC,CAAA;AAEH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,kDAgDpD"}

package/packages/ui/react/components/ImagePreview/PreviewImage.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PreviewImage = PreviewImage;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const ImagePreview_1 = require("./ImagePreview");
+function PreviewImage(props) {
+    const { onClose, images, thumbSize = 80, direction = 'horizontal', ...ext } = props;
+    const [open, setOpen] = (0, react_1.useState)(false);
+    const [currentIndex, setCurrentIndex] = (0, react_1.useState)(ext.initialIndex ?? 0);
+    const sizeClass = (0, react_1.useMemo)(() => {
+        const value = typeof thumbSize === 'number' ? `${thumbSize}px` : thumbSize;
+        return `w-[${value}] h-[${value}]`;
+    }, [thumbSize]);
+    const sizeStyle = (0, react_1.useMemo)(() => {
+        const value = typeof thumbSize === 'number' ? `${thumbSize}px` : thumbSize;
+        return { width: value, height: value };
+    }, [thumbSize]);
+    if (!images?.length)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: `flex gap-2 ${direction === 'vertical' ? 'flex-col' : ''}`, children: images.map((src, idx) => ((0, jsx_runtime_1.jsx)("button", { type: "button", className: `relative aspect-square overflow-hidden rounded border border-border ${sizeClass}`, style: sizeStyle, onClick: () => {
+                        setCurrentIndex(idx);
+                        setOpen(true);
+                    }, "aria-label": `预览第${idx + 1}张`, children: (0, jsx_runtime_1.jsx)("img", { src: src, alt: "", className: "h-full w-full object-cover" }) }, src + idx))) }), (0, jsx_runtime_1.jsx)(ImagePreview_1.ImagePreviewController, { ...ext, images: images, initialIndex: currentIndex, open: open, onClose: () => {
+                    setOpen(false);
+                    onClose?.();
+                } })] }));
+}
+//# sourceMappingURL=PreviewImage.js.map

package/packages/ui/react/components/ImagePreview/PreviewImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewImage.js","sourceRoot":"","sources":["../../../../../../packages/ui/react/components/ImagePreview/PreviewImage.tsx"],"names":[],"mappings":";;AAYA,oCAgDC;;AA3DD,iCAAyC;AACzC,iDAAyF;AAUzF,SAAgB,YAAY,CAAC,KAAwB;IACnD,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,SAAS,GAAG,YAAY,EAAE,GAAG,GAAG,EAAE,GAAG,KAAK,CAAA;IACnF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACvC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,CAAC,YAAY,IAAI,CAAC,CAAC,CAAA;IACvE,MAAM,SAAS,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC7B,MAAM,KAAK,GAAG,OAAO,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,SAAS,IAAI,CAAC,CAAC,CAAC,SAAS,CAAA;QAC1E,OAAO,MAAM,KAAK,QAAQ,KAAK,GAAG,CAAA;IACpC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,MAAM,SAAS,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC7B,MAAM,KAAK,GAAG,OAAO,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,SAAS,IAAI,CAAC,CAAC,CAAC,SAAS,CAAA;QAC1E,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAA;IACxC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,IAAI,CAAC,MAAM,EAAE,MAAM;QAAE,OAAO,IAAI,CAAA;IAEhC,OAAO,CACL,6DACE,gCAAK,SAAS,EAAE,cAAc,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,YACvE,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,CACxB,mCAEE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,uEAAuE,SAAS,EAAE,EAC7F,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,GAAG,EAAE;wBACZ,eAAe,CAAC,GAAG,CAAC,CAAA;wBACpB,OAAO,CAAC,IAAI,CAAC,CAAA;oBACf,CAAC,gBACW,MAAM,GAAG,GAAG,CAAC,GAAG,YAE5B,gCAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAC,EAAE,EAAC,SAAS,EAAC,4BAA4B,GAAG,IAV1D,GAAG,GAAG,GAAG,CAWP,CACV,CAAC,GACE,EAEN,uBAAC,qCAAsB,OACjB,GAAG,EACP,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE;oBACZ,OAAO,CAAC,KAAK,CAAC,CAAA;oBACd,OAAO,EAAE,EAAE,CAAA;gBACb,CAAC,GACD,IACD,CACJ,CAAA;AACH,CAAC"}

package/packages/ui/react/components/ImagePreview/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ImagePreview';
+export * from './PreviewImage';
+//# sourceMappingURL=index.d.ts.map

package/packages/ui/react/components/ImagePreview/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/ui/react/components/ImagePreview/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA"}

package/packages/ui/react/components/ImagePreview/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ImagePreview"), exports);
+__exportStar(require("./PreviewImage"), exports);
+//# sourceMappingURL=index.js.map

package/packages/ui/react/components/ImagePreview/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/ui/react/components/ImagePreview/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA8B;AAC9B,iDAA8B"}

package/packages/ui/react/components/Input/Input.d.ts

@@ -0,0 +1,21 @@
+import type { ChangeEvent, InputHTMLAttributes, ReactNode } from 'react';
+export type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'defaultValue'> & {
+    value?: string;
+    onChange?: (v: string, e: ChangeEvent<HTMLInputElement>) => void;
+    defaultValue?: string;
+    allowClear?: boolean | {
+        clearIcon: ReactNode;
+    };
+    addonAfter?: ReactNode;
+};
+declare const Input: import("react").ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "onChange" | "value"> & {
+    value?: string;
+    onChange?: (v: string, e: ChangeEvent<HTMLInputElement>) => void;
+    defaultValue?: string;
+    allowClear?: boolean | {
+        clearIcon: ReactNode;
+    };
+    addonAfter?: ReactNode;
+} & import("react").RefAttributes<HTMLInputElement>>;
+export { Input };
+//# sourceMappingURL=Input.d.ts.map

package/packages/ui/react/components/Input/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../../../packages/ui/react/components/Input/Input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAmB,EAAc,SAAS,EAAE,MAAM,OAAO,CAAA;AAIpF,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC,GAAG;IAC5G,KAAK,CAAC,EAAE,MAAM,CAAA;IAMd,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAKhE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,GAAG;QAAE,SAAS,EAAE,SAAS,CAAA;KAAE,CAAA;IAE/C,UAAU,CAAC,EAAE,SAAS,CAAA;CACvB,CAAA;AAED,QAAA,MAAM,KAAK;YAjBD,MAAM;eAMH,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI;mBAKjD,MAAM;iBACR,OAAO,GAAG;QAAE,SAAS,EAAE,SAAS,CAAA;KAAE;iBAElC,SAAS;oDAkIvB,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/packages/ui/react/components/Input/Input.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Input = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const utils_1 = require("../../lib/utils");
+const lucide_react_1 = require("lucide-react");
+const react_1 = require("react");
+const useInputController_1 = require("../hooks/useInputController");
+const Input = (0, react_1.forwardRef)(({ className, type, value: controlledValue, onChange, defaultValue, allowClear, disabled, addonAfter, ...props }, ref) => {
+    const { setInternalValue, setIsFocused, setRefs, controllerRef, isControlledRef, isFocused, value, hasValue, } = (0, useInputController_1.useInputController)({
+        defaultValue,
+        controlledValue,
+        ref,
+    });
+    const handleChange = (0, react_1.useCallback)((e) => {
+        const newValue = e.target.value;
+        if (!isControlledRef.current) {
+            setInternalValue(newValue);
+        }
+        onChange?.(newValue, e);
+    }, [isControlledRef, onChange, setInternalValue]);
+    const handleClear = (0, react_1.useCallback)((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        if (!isControlledRef.current) {
+            setInternalValue('');
+        }
+        const syntheticEvent = {
+            target: { value: '' },
+            currentTarget: { value: '' },
+        };
+        onChange?.('', syntheticEvent);
+        controllerRef.current?.focus();
+    }, [controllerRef, isControlledRef, onChange, setInternalValue]);
+    const clearIcon = (0, react_1.useMemo)(() => {
+        if (allowClear) {
+            if (typeof allowClear === 'boolean') {
+                return ((0, jsx_runtime_1.jsx)("span", { className: (0, utils_1.cn)('w-5 h-5 rounded-full', 'bg-muted hover:bg-muted/80', 'text-foreground', 'transition-colors', 'flex items-center justify-center', 'focus:outline-none'), children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { size: 12 }) }));
+            }
+            else {
+                return allowClear.clearIcon;
+            }
+        }
+        return undefined;
+    }, [allowClear]);
+    const showClearIcon = hasValue && clearIcon && !disabled;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "relative w-full", children: [(0, jsx_runtime_1.jsx)("input", { type: type, ref: setRefs, value: value, onChange: handleChange, className: (0, utils_1.cn)('flex w-full rounded-lg px-4 py-3 text-sm', 'border transition-colors duration-200', 'placeholder:text-muted-foreground', 'focus:outline-none', showClearIcon && 'pr-10', addonAfter && 'pr-12', disabled ? 'cursor-not-allowed bg-muted border-border text-muted-foreground' : 'bg-background', !disabled && !hasValue && !isFocused && 'border-border', !disabled && (hasValue || isFocused) && 'border-theme', className), onFocus: (e) => {
+                    if (!disabled) {
+                        setIsFocused(true);
+                        props.onFocus?.(e);
+                    }
+                }, onBlur: (e) => {
+                    if (!disabled) {
+                        setIsFocused(false);
+                        props.onBlur?.(e);
+                    }
+                }, disabled: disabled, ...props }), showClearIcon && ((0, jsx_runtime_1.jsx)("button", { type: "button", onClick: handleClear, className: (0, utils_1.cn)('absolute right-3 top-1/2 -translate-y-1/2'), children: clearIcon })), addonAfter && (0, jsx_runtime_1.jsx)("div", { className: "absolute right-2 top-1/2 -translate-y-1/2", children: addonAfter })] }));
+});
+exports.Input = Input;
+Input.displayName = 'Input';
+//# sourceMappingURL=Input.js.map

package/packages/ui/react/components/Input/Input.js.map

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

package/packages/ui/react/components/Input/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Input';
+//# sourceMappingURL=index.d.ts.map

package/packages/ui/react/components/Input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/ui/react/components/Input/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}

package/packages/ui/react/components/Input/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Input"), exports);
+//# sourceMappingURL=index.js.map

package/packages/ui/react/components/Input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/ui/react/components/Input/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAuB"}

package/packages/ui/react/components/Label/Label.d.ts

@@ -0,0 +1,22 @@
+import { type ReactNode } from 'react';
+type VerticalLayout = {
+    layout?: 'vertical';
+};
+type HorizontalLayout = {
+    layout?: 'horizontal';
+    labelWidth?: string | number;
+    labelAlign?: 'left' | 'right' | 'center';
+};
+export type LabelLayout = HorizontalLayout | VerticalLayout;
+export type LabelProps = {
+    label: ReactNode;
+    children: ReactNode;
+    required?: boolean;
+    htmlFor?: string;
+    className?: string;
+    labelClassName?: string;
+    contentClassName?: string;
+} & LabelLayout;
+declare const Label: import("react").ForwardRefExoticComponent<LabelProps & import("react").RefAttributes<HTMLDivElement>>;
+export { Label };
+//# sourceMappingURL=Label.d.ts.map

package/packages/ui/react/components/Label/Label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../../../packages/ui/react/components/Label/Label.tsx"],"names":[],"mappings":"AACA,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAS3D,KAAK,cAAc,GAAG;IACpB,MAAM,CAAC,EAAE,UAAU,CAAA;CACpB,CAAA;AACD,KAAK,gBAAgB,GAAG;IACtB,MAAM,CAAC,EAAE,YAAY,CAAA;IAKrB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAK5B,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAA;CACzC,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,gBAAgB,GAAG,cAAc,CAAA;AAE3D,MAAM,MAAM,UAAU,GAAG;IAIvB,KAAK,EAAE,SAAS,CAAA;IAIhB,QAAQ,EAAE,SAAS,CAAA;IAKnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAIlB,OAAO,CAAC,EAAE,MAAM,CAAA;IAIhB,SAAS,CAAC,EAAE,MAAM,CAAA;IAIlB,cAAc,CAAC,EAAE,MAAM,CAAA;IAIvB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,GAAG,WAAW,CAAA;AAEf,QAAA,MAAM,KAAK,uGAwDT,CAAA;AAIF,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/packages/ui/react/components/Label/Label.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Label = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const utils_1 = require("../../lib/utils");
+const react_1 = require("react");
+const labelAlignStyles = {
+    left: 'text-left',
+    right: 'text-right',
+    center: 'text-center',
+};
+const Label = (0, react_1.forwardRef)((props, ref) => {
+    const { label, children, layout = 'vertical', required = false, htmlFor, className, labelClassName, contentClassName, } = props;
+    const isVertical = layout === 'vertical';
+    const labelStyles = (0, utils_1.cn)('text-sm font-medium text-foreground', required && "before:content-['*'] before:pt-1 before:mr-0.5 before:text-destructive", labelClassName);
+    const { usedClassName, labelWidth } = (0, react_1.useMemo)(() => {
+        let usedLabelWidth;
+        let usedClassName;
+        if (props.layout === 'horizontal') {
+            const labelWidth = props.labelWidth;
+            usedLabelWidth =
+                typeof labelWidth === 'number' ? `${labelWidth}px` : labelWidth === 'auto' ? 'auto' : labelWidth ?? 'auto';
+            usedClassName = labelAlignStyles[props.labelAlign ?? 'left'];
+        }
+        return {
+            usedClassName,
+            labelWidth: usedLabelWidth,
+        };
+    }, [props]);
+    if (isVertical) {
+        return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, className: (0, utils_1.cn)('flex flex-col gap-2', className), children: [(0, jsx_runtime_1.jsx)("label", { htmlFor: htmlFor, className: labelStyles, children: label }), (0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('w-full', contentClassName), children: children })] }));
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, className: (0, utils_1.cn)('flex items-center gap-4', className), children: [(0, jsx_runtime_1.jsx)("label", { htmlFor: htmlFor, className: (0, utils_1.cn)(labelStyles, usedClassName), style: { width: labelWidth, flexShrink: 0 }, children: label }), (0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('flex-1', contentClassName), children: children })] }));
+});
+exports.Label = Label;
+Label.displayName = 'Label';
+//# sourceMappingURL=Label.js.map

package/packages/ui/react/components/Label/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../../../../packages/ui/react/components/Label/Label.tsx"],"names":[],"mappings":";;;;AAAA,kDAA2C;AAC3C,iCAA2D;AAG3D,MAAM,gBAAgB,GAAG;IACvB,IAAI,EAAE,WAAW;IACjB,KAAK,EAAE,YAAY;IACnB,MAAM,EAAE,aAAa;CACtB,CAAA;AAqDD,MAAM,KAAK,GAAG,IAAA,kBAAU,EAA6B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAClE,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,MAAM,GAAG,UAAU,EACnB,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,SAAS,EACT,cAAc,EACd,gBAAgB,GACjB,GAAG,KAAK,CAAA;IACT,MAAM,UAAU,GAAG,MAAM,KAAK,UAAU,CAAA;IAGxC,MAAM,WAAW,GAAG,IAAA,UAAE,EACpB,qCAAqC,EACrC,QAAQ,IAAI,wEAAwE,EACpF,cAAc,CACf,CAAA;IAED,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACjD,IAAI,cAAc,CAAA;QAClB,IAAI,aAAa,CAAA;QACjB,IAAI,KAAK,CAAC,MAAM,KAAK,YAAY,EAAE,CAAC;YAClC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAA;YACnC,cAAc;gBACZ,OAAO,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,UAAU,IAAI,CAAC,CAAC,CAAC,UAAU,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,IAAI,MAAM,CAAA;YAE5G,aAAa,GAAG,gBAAgB,CAAC,KAAK,CAAC,UAAU,IAAI,MAAM,CAAC,CAAA;QAC9D,CAAC;QAED,OAAO;YACL,aAAa;YACb,UAAU,EAAE,cAAc;SAC3B,CAAA;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,IAAI,UAAU,EAAE,CAAC;QACf,OAAO,CACL,iCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAA,UAAE,EAAC,qBAAqB,EAAE,SAAS,CAAC,aAC5D,kCAAO,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,YAC5C,KAAK,GACA,EACR,gCAAK,SAAS,EAAE,IAAA,UAAE,EAAC,QAAQ,EAAE,gBAAgB,CAAC,YAAG,QAAQ,GAAO,IAC5D,CACP,CAAA;IACH,CAAC;IAED,OAAO,CACL,iCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAA,UAAE,EAAC,yBAAyB,EAAE,SAAS,CAAC,aAChE,kCAAO,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,IAAA,UAAE,EAAC,WAAW,EAAE,aAAa,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,EAAE,YAC5G,KAAK,GACA,EACR,gCAAK,SAAS,EAAE,IAAA,UAAE,EAAC,QAAQ,EAAE,gBAAgB,CAAC,YAAG,QAAQ,GAAO,IAC5D,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAIO,sBAAK;AAFd,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA"}

package/packages/ui/react/components/Label/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Label';
+export { Label as default } from './Label';
+//# sourceMappingURL=index.d.ts.map

package/packages/ui/react/components/Label/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/ui/react/components/Label/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,SAAS,CAAA"}

package/packages/ui/react/components/Label/index.js

@@ -0,0 +1,21 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+__exportStar(require("./Label"), exports);
+var Label_1 = require("./Label");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return Label_1.Label; } });
+//# sourceMappingURL=index.js.map

package/packages/ui/react/components/Label/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/ui/react/components/Label/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,0CAAuB;AACvB,iCAA0C;AAAjC,gGAAA,KAAK,OAAW"}

package/packages/ui/react/components/Message/Message.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from 'react';
+export type MessageType = 'success' | 'error' | 'warning' | 'info';
+export type MessageProps = {
+    type?: MessageType;
+    content?: ReactNode;
+    children?: ReactNode;
+    duration?: number;
+    onClose?: () => void;
+    closable?: boolean;
+    className?: string;
+};
+export declare function Message({ type, content, children, duration, onClose, closable, className, }: MessageProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=Message.d.ts.map

package/packages/ui/react/components/Message/Message.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../../../../packages/ui/react/components/Message/Message.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAA;AAElE,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAA;IAKpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IAIpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAqBD,wBAAgB,OAAO,CAAC,EACtB,IAAa,EACb,OAAO,EACP,QAAQ,EACR,QAA2B,EAC3B,OAAO,EACP,QAAe,EACf,SAAS,GACV,EAAE,YAAY,kDAyEd"}

package/packages/ui/react/components/Message/Message.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Message = Message;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const utils_1 = require("../../lib/utils");
+const lucide_react_1 = require("lucide-react");
+const react_1 = require("react");
+const data_1 = require("./data");
+const typeConfig = {
+    success: {
+        icon: lucide_react_1.CheckCircle2,
+        color: 'text-green-600',
+    },
+    error: {
+        icon: lucide_react_1.XCircle,
+        color: 'text-red-600',
+    },
+    warning: {
+        icon: lucide_react_1.AlertCircle,
+        color: 'text-yellow-600',
+    },
+    info: {
+        icon: lucide_react_1.Info,
+        color: 'text-blue-600',
+    },
+};
+function Message({ type = 'info', content, children, duration = data_1.DEFAULT_DURATION, onClose, closable = true, className, }) {
+    const displayContent = children ?? content;
+    const [visible, setVisible] = (0, react_1.useState)(true);
+    const timerRef = (0, react_1.useRef)(null);
+    const messageRef = (0, react_1.useRef)(null);
+    const Icon = typeConfig[type].icon;
+    const iconColor = typeConfig[type].color;
+    const handleClose = () => {
+        setVisible(false);
+        setTimeout(() => {
+            onClose?.();
+        }, 200);
+    };
+    (0, react_1.useEffect)(() => {
+        if (duration > 0) {
+            timerRef.current = setTimeout(() => {
+                handleClose();
+            }, duration);
+        }
+        return () => {
+            if (timerRef.current) {
+                clearTimeout(timerRef.current);
+            }
+        };
+    }, [duration]);
+    if (!visible)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: messageRef, className: (0, utils_1.cn)('flex items-start gap-3 px-4 py-3 rounded-lg shadow-lg', 'bg-background border border-border', 'min-w-[320px] max-w-[480px]', 'transition-all duration-200', 'pointer-events-auto', visible ? 'opacity-100 translate-y-0' : 'opacity-0 -translate-y-2', className), children: [(0, jsx_runtime_1.jsx)(Icon, { size: 20, className: (0, utils_1.cn)('flex-shrink-0 mt-0.5', iconColor) }), (0, jsx_runtime_1.jsx)("div", { className: "flex-1 text-sm text-foreground", children: displayContent }), closable && ((0, jsx_runtime_1.jsx)("button", { type: "button", onClick: handleClose, "aria-label": "\u5173\u95ED", className: (0, utils_1.cn)('flex-shrink-0 p-0.5 rounded-md', 'text-muted-foreground hover:text-foreground', 'hover:bg-muted', 'transition-colors', 'focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2'), children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { size: 16 }) }))] }));
+}
+//# sourceMappingURL=Message.js.map

package/packages/ui/react/components/Message/Message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.js","sourceRoot":"","sources":["../../../../../../packages/ui/react/components/Message/Message.tsx"],"names":[],"mappings":";;AA4CA,0BAiFC;;AA7HD,kDAA2C;AAC3C,+CAA0E;AAE1E,iCAAmD;AACnD,iCAAyC;AAqBzC,MAAM,UAAU,GAAsE;IACpF,OAAO,EAAE;QACP,IAAI,EAAE,2BAAY;QAClB,KAAK,EAAE,gBAAgB;KACxB;IACD,KAAK,EAAE;QACL,IAAI,EAAE,sBAAO;QACb,KAAK,EAAE,cAAc;KACtB;IACD,OAAO,EAAE;QACP,IAAI,EAAE,0BAAW;QACjB,KAAK,EAAE,iBAAiB;KACzB;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,mBAAI;QACV,KAAK,EAAE,eAAe;KACvB;CACF,CAAA;AAED,SAAgB,OAAO,CAAC,EACtB,IAAI,GAAG,MAAM,EACb,OAAO,EACP,QAAQ,EACR,QAAQ,GAAG,uBAAgB,EAC3B,OAAO,EACP,QAAQ,GAAG,IAAI,EACf,SAAS,GACI;IACb,MAAM,cAAc,GAAG,QAAQ,IAAI,OAAO,CAAA;IAC1C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAA;IAC5C,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAgB,IAAI,CAAC,CAAA;IAC5C,MAAM,UAAU,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAE/C,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,IAAI,CAAA;IAClC,MAAM,SAAS,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,KAAK,CAAA;IAExC,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,UAAU,CAAC,KAAK,CAAC,CAAA;QAEjB,UAAU,CAAC,GAAG,EAAE;YACd,OAAO,EAAE,EAAE,CAAA;QACb,CAAC,EAAE,GAAG,CAAC,CAAA;IACT,CAAC,CAAA;IAGD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,QAAQ,GAAG,CAAC,EAAE,CAAC;YACjB,QAAQ,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBACjC,WAAW,EAAE,CAAA;YACf,CAAC,EAAE,QAAQ,CAAsB,CAAA;QACnC,CAAC;QAED,OAAO,GAAG,EAAE;YACV,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;gBACrB,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;YAChC,CAAC;QACH,CAAC,CAAA;IAEH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAA;IAEzB,OAAO,CACL,iCACE,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,IAAA,UAAE,EACX,uDAAuD,EACvD,oCAAoC,EACpC,6BAA6B,EAC7B,6BAA6B,EAC7B,qBAAqB,EACrB,OAAO,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,0BAA0B,EAClE,SAAS,CACV,aAGD,uBAAC,IAAI,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,IAAA,UAAE,EAAC,sBAAsB,EAAE,SAAS,CAAC,GAAI,EAGpE,gCAAK,SAAS,EAAC,gCAAgC,YAAE,cAAc,GAAO,EAGrE,QAAQ,IAAI,CACX,mCACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,WAAW,gBACT,cAAI,EACf,SAAS,EAAE,IAAA,UAAE,EACX,gCAAgC,EAChC,6CAA6C,EAC7C,gBAAgB,EAChB,mBAAmB,EACnB,qEAAqE,CACtE,YAED,uBAAC,gBAAC,IAAC,IAAI,EAAE,EAAE,GAAI,GACR,CACV,IACG,CACP,CAAA;AACH,CAAC"}