@once-ui-system/core 1.7.12 → 1.7.13

package/dist/components/Media.js

@@ -2,13 +2,14 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useRef, useEffect } from "react";
 import { Column, Flex, Row, Skeleton, ScrollLock } from ".";
+import { MediaVideoPlayer } from "./MediaVideoPlayer";
 import Image from "next/image";
 import classNames from "classnames";
 const Media = ({ src, alt = "", fillWidth = true, fill = false, loading = false, enlarge = false, unoptimized = false, objectFit = "cover", sizes = "100vw", aspectRatio = "original", height, priority, caption, loop = true, autoplay = true, sound = false, controls = false, style, className, ...rest }) => {
     const [isEnlarged, setIsEnlarged] = useState(false);
     const imageRef = useRef(null);
     const handleImageClick = () => {
-        if (enlarge) {
+        if (canEnlarge) {
             if (!isEnlarged) {
                 setIsEnlarged(true);
             }
@@ -83,10 +84,12 @@ const Media = ({ src, alt = "", fillWidth = true, fill = false, loading = false,
     };
     const isVideo = isVideoUrl(src);
     const isYouTube = isYouTubeVideo(src);
+    const useCustomVideoControls = isVideo && controls;
+    const canEnlarge = enlarge && !useCustomVideoControls;
     const resolvedSizes = typeof sizes === "number"
         ? `(max-width: ${sizes}px) 100vw, ${sizes}px`
         : sizes;
-    return (_jsxs(_Fragment, { children: [_jsx(ScrollLock, { enabled: isEnlarged }), isEnlarged && enlarge && typeof document !== 'undefined' && (_jsx(Flex, { center: true, position: "fixed", background: "overlay", pointerEvents: "auto", onClick: handleOverlayClick, top: "0", left: "0", zIndex: 9, opacity: 100, cursor: "interactive", transition: "macro-medium", className: "cursor-interactive", style: {
+    return (_jsxs(_Fragment, { children: [_jsx(ScrollLock, { enabled: isEnlarged }), isEnlarged && canEnlarge && typeof document !== 'undefined' && (_jsx(Flex, { center: true, position: "fixed", background: "overlay", pointerEvents: "auto", onClick: handleOverlayClick, top: "0", left: "0", zIndex: 9, opacity: 100, cursor: "interactive", transition: "macro-medium", className: "cursor-interactive", style: {
                     backdropFilter: "blur(0.5rem)",
                     width: "100vw",
                     height: "100vh",
@@ -98,7 +101,7 @@ const Media = ({ src, alt = "", fillWidth = true, fill = false, loading = false,
                             borderRadius: isEnlarged ? "0" : undefined,
                             ...calculateTransform(),
                             ...style,
-                        }, onClick: handleImageClick, className: classNames(enlarge && !isEnlarged ? "cursor-zoom-in" : enlarge && isEnlarged ? "cursor-zoom-out" : undefined, className), ...rest, children: [loading && _jsx(Skeleton, { shape: "block", radius: rest.radius }), !loading && isVideo && (_jsx("video", { src: src, autoPlay: autoplay, loop: loop, muted: !sound, playsInline: true, style: {
+                        }, onClick: handleImageClick, className: classNames(canEnlarge && !isEnlarged ? "cursor-zoom-in" : canEnlarge && isEnlarged ? "cursor-zoom-out" : undefined, className), ...rest, children: [loading && _jsx(Skeleton, { shape: "block", radius: rest.radius }), !loading && isVideo && useCustomVideoControls && (_jsx(MediaVideoPlayer, { src: src, autoplay: autoplay, loop: loop, muted: !sound, objectFit: objectFit })), !loading && isVideo && !useCustomVideoControls && (_jsx("video", { src: src, autoPlay: autoplay, loop: loop, muted: !sound, playsInline: true, style: {
                                     width: "100%",
                                     height: "100%",
                                     objectFit: objectFit,

package/dist/components/Media.js.map

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

package/dist/components/MediaVideoPlayer.d.ts

@@ -0,0 +1,12 @@
+import React, { CSSProperties } from "react";
+interface MediaVideoPlayerProps {
+    src: string;
+    autoplay?: boolean;
+    loop?: boolean;
+    muted?: boolean;
+    objectFit?: CSSProperties["objectFit"];
+    className?: string;
+}
+declare const MediaVideoPlayer: React.FC<MediaVideoPlayerProps>;
+export { MediaVideoPlayer };
+//# sourceMappingURL=MediaVideoPlayer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MediaVideoPlayer.d.ts","sourceRoot":"","sources":["../../src/components/MediaVideoPlayer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,aAAa,EAA4C,MAAM,OAAO,CAAC;AAKvF,UAAU,qBAAqB;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAcD,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA2YrD,CAAC;AAGF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/MediaVideoPlayer.js

@@ -0,0 +1,246 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from "react";
+import classNames from "classnames";
+import { Flex, IconButton, Row, Text } from ".";
+import styles from "./MediaVideoPlayer.module.scss";
+const formatTime = (seconds) => {
+    if (!Number.isFinite(seconds) || seconds < 0) {
+        return "0:00";
+    }
+    const totalSeconds = Math.floor(seconds);
+    const minutes = Math.floor(totalSeconds / 60);
+    const remainingSeconds = totalSeconds % 60;
+    return `${minutes}:${remainingSeconds.toString().padStart(2, "0")}`;
+};
+const MediaVideoPlayer = ({ src, autoplay = false, loop = false, muted: mutedProp = true, objectFit = "cover", className, }) => {
+    const containerRef = useRef(null);
+    const videoRef = useRef(null);
+    const progressRef = useRef(null);
+    const hideControlsTimeoutRef = useRef(undefined);
+    const isSeekingRef = useRef(false);
+    const [isPlaying, setIsPlaying] = useState(autoplay);
+    const [isMuted, setIsMuted] = useState(mutedProp);
+    const [isFullscreen, setIsFullscreen] = useState(false);
+    const [controlsVisible, setControlsVisible] = useState(true);
+    const [currentTime, setCurrentTime] = useState(0);
+    const [duration, setDuration] = useState(0);
+    const [progress, setProgress] = useState(0);
+    const clearHideControlsTimeout = useCallback(() => {
+        if (hideControlsTimeoutRef.current) {
+            clearTimeout(hideControlsTimeoutRef.current);
+            hideControlsTimeoutRef.current = undefined;
+        }
+    }, []);
+    const scheduleHideControls = useCallback(() => {
+        clearHideControlsTimeout();
+        if (!videoRef.current || videoRef.current.paused) {
+            setControlsVisible(true);
+            return;
+        }
+        hideControlsTimeoutRef.current = setTimeout(() => {
+            setControlsVisible(false);
+        }, 2500);
+    }, [clearHideControlsTimeout]);
+    const revealControls = useCallback(() => {
+        setControlsVisible(true);
+        scheduleHideControls();
+    }, [scheduleHideControls]);
+    const syncPlaybackState = useCallback(() => {
+        const video = videoRef.current;
+        if (!video) {
+            return;
+        }
+        setIsPlaying(!video.paused);
+        setCurrentTime(video.currentTime);
+        setDuration(video.duration || 0);
+        setProgress(video.duration ? (video.currentTime / video.duration) * 100 : 0);
+    }, []);
+    const togglePlay = useCallback(async () => {
+        const video = videoRef.current;
+        if (!video) {
+            return;
+        }
+        if (video.paused) {
+            try {
+                await video.play();
+            }
+            catch {
+                return;
+            }
+        }
+        else {
+            video.pause();
+        }
+        syncPlaybackState();
+        revealControls();
+    }, [revealControls, syncPlaybackState]);
+    const toggleMute = useCallback(() => {
+        const video = videoRef.current;
+        if (!video) {
+            return;
+        }
+        video.muted = !video.muted;
+        setIsMuted(video.muted);
+        revealControls();
+    }, [revealControls]);
+    const toggleFullscreen = useCallback(async () => {
+        const container = containerRef.current;
+        if (!container) {
+            return;
+        }
+        try {
+            if (document.fullscreenElement) {
+                await document.exitFullscreen();
+            }
+            else {
+                await container.requestFullscreen();
+            }
+        }
+        catch {
+            return;
+        }
+        revealControls();
+    }, [revealControls]);
+    const seekToPosition = useCallback((clientX) => {
+        const video = videoRef.current;
+        const progressTrack = progressRef.current;
+        if (!video || !progressTrack || !video.duration) {
+            return;
+        }
+        const rect = progressTrack.getBoundingClientRect();
+        const ratio = Math.max(0, Math.min(1, (clientX - rect.left) / rect.width));
+        video.currentTime = ratio * video.duration;
+        syncPlaybackState();
+    }, [syncPlaybackState]);
+    const handleProgressPointerDown = (event) => {
+        event.stopPropagation();
+        isSeekingRef.current = true;
+        progressRef.current?.setPointerCapture(event.pointerId);
+        seekToPosition(event.clientX);
+        revealControls();
+    };
+    const handleProgressPointerMove = (event) => {
+        if (!isSeekingRef.current) {
+            return;
+        }
+        seekToPosition(event.clientX);
+    };
+    const handleProgressPointerUp = (event) => {
+        if (!isSeekingRef.current) {
+            return;
+        }
+        isSeekingRef.current = false;
+        progressRef.current?.releasePointerCapture(event.pointerId);
+        scheduleHideControls();
+    };
+    const handleContainerClick = (event) => {
+        if (event.target.closest("[data-video-control]")) {
+            return;
+        }
+        togglePlay();
+    };
+    const handleKeyDown = (event) => {
+        switch (event.key) {
+            case " ":
+            case "k":
+                event.preventDefault();
+                togglePlay();
+                break;
+            case "m":
+                event.preventDefault();
+                toggleMute();
+                break;
+            case "f":
+                event.preventDefault();
+                toggleFullscreen();
+                break;
+            case "ArrowLeft":
+                event.preventDefault();
+                if (videoRef.current) {
+                    videoRef.current.currentTime = Math.max(0, videoRef.current.currentTime - 5);
+                    syncPlaybackState();
+                    revealControls();
+                }
+                break;
+            case "ArrowRight":
+                event.preventDefault();
+                if (videoRef.current) {
+                    videoRef.current.currentTime = Math.min(videoRef.current.duration || 0, videoRef.current.currentTime + 5);
+                    syncPlaybackState();
+                    revealControls();
+                }
+                break;
+            default:
+                break;
+        }
+    };
+    useEffect(() => {
+        const video = videoRef.current;
+        if (!video) {
+            return;
+        }
+        video.muted = mutedProp;
+        const handleLoadedMetadata = () => syncPlaybackState();
+        const handleTimeUpdate = () => syncPlaybackState();
+        const handlePlay = () => {
+            setIsPlaying(true);
+            scheduleHideControls();
+        };
+        const handlePause = () => {
+            setIsPlaying(false);
+            setControlsVisible(true);
+            clearHideControlsTimeout();
+        };
+        const handleVolumeChange = () => setIsMuted(video.muted);
+        video.addEventListener("loadedmetadata", handleLoadedMetadata);
+        video.addEventListener("timeupdate", handleTimeUpdate);
+        video.addEventListener("play", handlePlay);
+        video.addEventListener("pause", handlePause);
+        video.addEventListener("volumechange", handleVolumeChange);
+        if (autoplay) {
+            video.play().catch(() => {
+                setIsPlaying(false);
+                setControlsVisible(true);
+            });
+        }
+        return () => {
+            video.removeEventListener("loadedmetadata", handleLoadedMetadata);
+            video.removeEventListener("timeupdate", handleTimeUpdate);
+            video.removeEventListener("play", handlePlay);
+            video.removeEventListener("pause", handlePause);
+            video.removeEventListener("volumechange", handleVolumeChange);
+        };
+    }, [autoplay, clearHideControlsTimeout, mutedProp, scheduleHideControls, syncPlaybackState]);
+    useEffect(() => {
+        const handleFullscreenChange = () => {
+            setIsFullscreen(Boolean(document.fullscreenElement));
+        };
+        document.addEventListener("fullscreenchange", handleFullscreenChange);
+        return () => {
+            document.removeEventListener("fullscreenchange", handleFullscreenChange);
+        };
+    }, []);
+    useEffect(() => {
+        return () => {
+            clearHideControlsTimeout();
+        };
+    }, [clearHideControlsTimeout]);
+    const showCenterPlay = !isPlaying && controlsVisible;
+    return (_jsxs("div", { ref: containerRef, className: classNames(styles.container, className), tabIndex: 0, role: "group", "aria-label": "Video player", onMouseMove: revealControls, onTouchStart: revealControls, onClick: handleContainerClick, onKeyDown: handleKeyDown, children: [_jsx("video", { ref: videoRef, className: styles.video, src: src, loop: loop, muted: isMuted, playsInline: true, preload: "metadata", style: { objectFit } }), _jsxs("div", { className: classNames(styles.overlay, controlsVisible || !isPlaying ? styles.visible : styles.hidden), children: [_jsx("div", { className: styles.gradient }), showCenterPlay && (_jsx("div", { className: styles.centerPlay, "data-video-control": true, children: _jsx(Flex, { center: true, radius: "full", className: styles.centerPlayButton, style: { width: "4rem", height: "4rem" }, children: _jsx(IconButton, { variant: "ghost", icon: "play", tooltip: "Play", tooltipPosition: "top", onClick: (event) => {
+                                    event.stopPropagation();
+                                    togglePlay();
+                                }, "data-video-control": true }) }) })), _jsxs(Flex, { fillWidth: true, direction: "column", gap: "8", paddingX: "12", paddingBottom: "12", className: styles.controls, "data-video-control": true, children: [_jsx(Row, { ref: progressRef, fillWidth: true, radius: "full", className: styles.progressTrack, style: { background: "rgba(255, 255, 255, 0.25)" }, onPointerDown: handleProgressPointerDown, onPointerMove: handleProgressPointerMove, onPointerUp: handleProgressPointerUp, onPointerCancel: handleProgressPointerUp, role: "slider", "aria-label": "Seek", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": Math.round(progress), children: _jsx(Row, { radius: "full", fillHeight: true, className: styles.progressFill, style: { width: `${progress}%`, background: "var(--brand-solid-strong)" } }) }), _jsxs(Row, { fillWidth: true, vertical: "center", horizontal: "between", gap: "8", children: [_jsxs(Row, { vertical: "center", gap: "4", children: [_jsx(IconButton, { variant: "ghost", icon: isPlaying ? "pause" : "play", tooltip: isPlaying ? "Pause" : "Play", tooltipPosition: "top", onClick: (event) => {
+                                                    event.stopPropagation();
+                                                    togglePlay();
+                                                } }), _jsxs(Text, { variant: "label-default-xs", onSolid: "neutral-weak", className: styles.time, children: [formatTime(currentTime), " / ", formatTime(duration)] })] }), _jsxs(Row, { vertical: "center", gap: "4", children: [_jsx(IconButton, { variant: "ghost", icon: isMuted ? "volumeOff" : "volume", tooltip: isMuted ? "Unmute" : "Mute", tooltipPosition: "top", onClick: (event) => {
+                                                    event.stopPropagation();
+                                                    toggleMute();
+                                                } }), _jsx(IconButton, { variant: "ghost", icon: isFullscreen ? "minimize" : "maximize", tooltip: isFullscreen ? "Exit fullscreen" : "Fullscreen", tooltipPosition: "top", onClick: (event) => {
+                                                    event.stopPropagation();
+                                                    toggleFullscreen();
+                                                } })] })] })] })] })] }));
+};
+MediaVideoPlayer.displayName = "MediaVideoPlayer";
+export { MediaVideoPlayer };
+//# sourceMappingURL=MediaVideoPlayer.js.map

package/dist/components/MediaVideoPlayer.js.map

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

package/dist/components/MediaVideoPlayer.module.scss

@@ -0,0 +1,90 @@
+.container {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  background: var(--neutral-solid-strong);
+  outline: none;
+
+  &:fullscreen,
+  &:-webkit-full-screen {
+    .video {
+      object-fit: contain;
+    }
+  }
+}
+
+.video {
+  width: 100%;
+  height: 100%;
+  display: block;
+}
+
+.overlay {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+  pointer-events: none;
+  transition: opacity var(--transition-micro-medium);
+
+  &.visible {
+    opacity: 1;
+  }
+
+  &.hidden {
+    opacity: 0;
+  }
+}
+
+.gradient {
+  position: absolute;
+  inset: 0;
+  background: linear-gradient(
+    to top,
+    rgba(0, 0, 0, 0.75) 0%,
+    rgba(0, 0, 0, 0.25) 35%,
+    transparent 65%
+  );
+  pointer-events: none;
+}
+
+.centerPlay {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  pointer-events: auto;
+}
+
+.centerPlayButton {
+  backdrop-filter: blur(0.5rem);
+  background: rgba(0, 0, 0, 0.45);
+  border: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.controls {
+  position: relative;
+  z-index: 1;
+  pointer-events: auto;
+}
+
+.progressTrack {
+  height: 0.1875rem;
+  cursor: pointer;
+  transition: height var(--transition-micro-short);
+
+  &:hover {
+    height: 0.3125rem;
+  }
+}
+
+.progressFill {
+  transition: width 0.05s linear;
+}
+
+.time {
+  font-variant-numeric: tabular-nums;
+  user-select: none;
+}

package/dist/components/Table.d.ts

@@ -1,16 +1,44 @@
 import { Flex } from ".";
 import { ReactNode } from "react";
+type TableHeader = {
+    content: ReactNode;
+    key: string;
+    sortable?: boolean;
+    width?: string;
+    align?: "left" | "center" | "right";
+};
+type TableAction = {
+    icon: string;
+    label?: string;
+    tooltip?: string;
+    variant?: "primary" | "secondary" | "tertiary" | "danger";
+    onClick: (rowIndex: number) => void;
+    disabled?: (rowIndex: number) => boolean;
+};
 type TableProps = React.ComponentProps<typeof Flex> & {
     data: {
-        headers: {
-            content: ReactNode;
-            key: string;
-            sortable?: boolean;
-        }[];
+        headers: TableHeader[];
         rows: ReactNode[][];
     };
     onRowClick?: (rowIndex: number) => void;
+    searchable?: boolean;
+    searchPlaceholder?: string;
+    striped?: boolean;
+    hoverable?: boolean;
+    compact?: boolean;
+    loading?: boolean;
+    emptyState?: ReactNode;
+    actions?: TableAction[];
+    stickyHeader?: boolean;
+    maxHeight?: string;
+    rowClassName?: (rowIndex: number) => string;
+    cellClassName?: (rowIndex: number, cellIndex: number) => string;
+    paginated?: boolean;
+    defaultPageSize?: number;
+    pageSizeOptions?: number[];
+    loadingState?: ReactNode;
 };
-declare function Table({ data, onRowClick, ...flex }: TableProps): import("react/jsx-runtime").JSX.Element;
+declare function Table({ data, onRowClick, searchable, searchPlaceholder, striped, hoverable, compact, loading, emptyState, actions, stickyHeader, maxHeight, rowClassName, cellClassName, paginated, defaultPageSize, pageSizeOptions, loadingState, ...flex }: TableProps): import("react/jsx-runtime").JSX.Element;
 export { Table };
+export type { TableProps, TableHeader, TableAction };
 //# sourceMappingURL=Table.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/components/Table.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAmB,MAAM,GAAG,CAAC;AAC1C,OAAO,EAAY,SAAS,EAAE,MAAM,OAAO,CAAC;AAG5C,KAAK,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG;IACpD,IAAI,EAAE;QACJ,OAAO,EAAE;YACP,OAAO,EAAE,SAAS,CAAC;YACnB,GAAG,EAAE,MAAM,CAAC;YACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;SACpB,EAAE,CAAC;QACJ,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC;KACrB,CAAC;IACF,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,iBAAS,KAAK,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,EAAE,UAAU,2CAgHvD;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/components/Table.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,IAAI,EAA+E,MAAM,GAAG,CAAC;AACrG,OAAO,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAC;AAIrD,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,SAAS,CAAC;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC1D,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC;CAC1C,CAAC;AAEF,KAAK,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG;IACpD,IAAI,EAAE;QACJ,OAAO,EAAE,WAAW,EAAE,CAAC;QACvB,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC;KACrB,CAAC;IACF,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5C,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;IAChE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B,CAAC;AAYF,iBAAS,KAAK,CAAC,EACb,IAAI,EACJ,UAAU,EACV,UAAkB,EAClB,iBAA+B,EAC/B,OAAe,EACf,SAAgB,EAChB,OAAe,EACf,OAAe,EACf,UAAU,EACV,OAAO,EACP,YAAoB,EACpB,SAAS,EACT,YAAY,EACZ,aAAa,EACb,SAAiB,EACjB,eAAoB,EACpB,eAAiC,EACjC,YAAY,EACZ,GAAG,IAAI,EACR,EAAE,UAAU,2CAgXZ;AAED,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC"}