@once-ui-system/core 1.7.11 → 1.7.13

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"}

package/dist/components/Table.js

@@ -1,44 +1,128 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Row, IconButton } from ".";
-import { useState } from "react";
+import { Flex, Row, Column, Icon, Text, IconButton, Input, Select, Button, ShineFx } from ".";
+import { useState, useMemo } from "react";
 import styles from "./Table.module.scss";
-function Table({ data, onRowClick, ...flex }) {
+import classNames from "classnames";
+function extractText(node) {
+    if (node == null)
+        return "";
+    if (typeof node === "string" || typeof node === "number")
+        return String(node);
+    if (Array.isArray(node))
+        return node.map(extractText).join(" ");
+    if (typeof node === "object" && "props" in node) {
+        return extractText(node.props?.children);
+    }
+    return "";
+}
+function Table({ data, onRowClick, searchable = false, searchPlaceholder = "Search...", striped = false, hoverable = true, compact = false, loading = false, emptyState, actions, stickyHeader = false, maxHeight, rowClassName, cellClassName, paginated = false, defaultPageSize = 10, pageSizeOptions = [5, 10, 20, 50], loadingState, ...flex }) {
     const [sortConfig, setSortConfig] = useState(null);
-    const handleSort = (key) => {
-        let direction = "ascending";
+    const [searchQuery, setSearchQuery] = useState("");
+    const [page, setPage] = useState(1);
+    const [pageSize, setPageSize] = useState(defaultPageSize);
+    const handleSort = (key, sortable) => {
+        if (!sortable)
+            return;
+        let direction = "asc";
         if (sortConfig && sortConfig.key === key) {
-            direction = sortConfig.direction === "ascending" ? "descending" : "ascending";
+            direction = sortConfig.direction === "asc" ? "desc" : "asc";
         }
         setSortConfig({ key, direction });
     };
-    const sortedRows = [...data.rows].sort((a, b) => {
+    const filteredRows = useMemo(() => {
+        if (!searchable || !searchQuery.trim())
+            return data.rows;
+        const query = searchQuery.toLowerCase();
+        return data.rows.filter(row => row.some(cell => extractText(cell).toLowerCase().includes(query)));
+    }, [data.rows, searchQuery, searchable]);
+    const sortedRows = useMemo(() => {
         if (!sortConfig)
-            return 0;
-        const headerIndex = data.headers.findIndex((header) => header.key === sortConfig.key);
+            return filteredRows;
+        const headerIndex = data.headers.findIndex(h => h.key === sortConfig.key);
         if (headerIndex === -1)
-            return 0;
-        const aValue = String(a[headerIndex]);
-        const bValue = String(b[headerIndex]);
-        if (sortConfig.direction === "ascending") {
-            return aValue.localeCompare(bValue);
-        }
-        else {
-            return bValue.localeCompare(aValue);
-        }
+            return filteredRows;
+        return [...filteredRows].sort((a, b) => {
+            const aValue = extractText(a[headerIndex]);
+            const bValue = extractText(b[headerIndex]);
+            const comparison = aValue.localeCompare(bValue, undefined, {
+                numeric: true,
+                sensitivity: "base"
+            });
+            return sortConfig.direction === "asc" ? comparison : -comparison;
+        });
+    }, [filteredRows, sortConfig, data.headers]);
+    const paginatedRows = useMemo(() => {
+        if (!paginated)
+            return sortedRows;
+        const start = (page - 1) * pageSize;
+        const end = start + pageSize;
+        return sortedRows.slice(start, end);
+    }, [sortedRows, paginated, page, pageSize]);
+    const totalPages = Math.max(1, Math.ceil(sortedRows.length / pageSize));
+    const currentPage = Math.min(page, totalPages);
+    useMemo(() => {
+        setPage(1);
+    }, [searchQuery, sortConfig]);
+    const tableClasses = classNames(styles.table, {
+        [styles["table--striped"]]: striped,
+        [styles["table--hoverable"]]: hoverable,
+        [styles["table--compact"]]: compact,
+        [styles["table--clickable"]]: !!onRowClick,
+        [styles["table--sticky-header"]]: stickyHeader,
     });
-    const headers = data.headers.map((header, index) => (_jsx("th", { style: { textAlign: "left", borderBottom: "1px solid var(--neutral-alpha-weak)" }, className: "px-16 py-12 font-label font-default font-s", children: _jsxs(Row, { gap: "8", vertical: "center", children: [header.content, header.sortable && (_jsx(IconButton, { icon: sortConfig?.key === header.key
-                        ? sortConfig.direction === "ascending"
-                            ? "chevronUp"
-                            : "chevronDown"
-                        : "chevronDown", size: "s", variant: "ghost", onClick: (e) => {
-                        e.stopPropagation();
-                        handleSort(header.key);
-                    }, style: {
-                        opacity: sortConfig?.key === header.key ? 1 : 0.6,
-                    } }))] }) }, index)));
-    const rows = (sortConfig ? sortedRows : data.rows).map((row, index) => (_jsx("tr", { onClick: onRowClick ? () => onRowClick(index) : undefined, className: onRowClick ? "cursor-interactive " + styles.hover : "", style: onRowClick ? { transition: "background-color 0.2s ease" } : undefined, children: row.map((cell, cellIndex) => (_jsx("td", { className: "px-16 py-12 font-body font-default font-s", children: cell }, cellIndex))) }, index)));
-    return (_jsx(Row, { fillWidth: true, radius: "l", overflowY: "hidden", border: "neutral-alpha-weak", background: "surface", overflowX: "auto", marginTop: "8", marginBottom: "16", ...flex, children: _jsxs("table", { className: "fill-width", style: { borderSpacing: 0, borderCollapse: "collapse", minWidth: "32rem" }, children: [_jsx("thead", { className: "neutral-on-background-strong", children: _jsx("tr", { children: headers }) }), _jsx("tbody", { className: "neutral-on-background-medium", children: rows.length > 0 ? (rows) : (_jsx("tr", { children: _jsx("td", { colSpan: headers.length, className: "px-24 py-12 font-body font-default font-s", children: "No data available" }) })) })] }) }));
+    const renderHeader = (header, index) => {
+        const isActive = sortConfig?.key === header.key;
+        const thClasses = classNames(styles.table__th, {
+            [styles["table__th--sortable"]]: header.sortable,
+            [styles["table__th--active"]]: isActive,
+            [styles[`table__th--align-${header.align || "left"}`]]: true,
+        });
+        return (_jsx("th", { className: thClasses, style: { width: header.width }, onClick: () => handleSort(header.key, header.sortable), children: _jsxs(Row, { gap: "8", vertical: "center", horizontal: header.align === "center" ? "center" : header.align === "right" ? "end" : "start", children: [_jsx(Text, { variant: "label-strong-s", onBackground: isActive ? "neutral-strong" : "neutral-medium", children: header.content }), header.sortable && (_jsx(Icon, { name: isActive
+                            ? sortConfig.direction === "asc" ? "chevronUp" : "chevronDown"
+                            : "chevronUp", size: "xs", onBackground: isActive ? "neutral-strong" : "neutral-weak", style: {
+                            transform: !isActive ? "rotate(90deg)" : undefined,
+                            transition: "all 0.2s ease",
+                        } }))] }) }, header.key));
+    };
+    const renderRow = (row, originalIndex, displayIndex) => {
+        const rowClasses = classNames(styles.table__row, rowClassName?.(originalIndex));
+        return (_jsxs("tr", { className: rowClasses, onClick: onRowClick ? () => onRowClick(originalIndex) : undefined, children: [row.map((cell, cellIndex) => {
+                    const header = data.headers[cellIndex];
+                    const tdClasses = classNames(styles.table__td, styles[`table__td--align-${header?.align || "left"}`], cellClassName?.(originalIndex, cellIndex));
+                    return (_jsx("td", { className: tdClasses, children: cell }, cellIndex));
+                }), actions && actions.length > 0 && (_jsx("td", { className: classNames(styles.table__td, styles["table__td--actions"]), style: { width: `${actions.length * 32}px`, minWidth: `${actions.length * 32}px` }, children: _jsx(Row, { gap: "8", horizontal: "start", vertical: "center", onClick: (e) => e.stopPropagation(), children: actions.map((action, actionIndex) => (_jsx(IconButton, { icon: action.icon, size: "l", variant: action.variant || "tertiary", tooltip: action.tooltip || action.label, onClick: (e) => {
+                                e.stopPropagation();
+                                action.onClick(originalIndex);
+                            }, disabled: action.disabled?.(originalIndex) }, actionIndex))) }) }))] }, displayIndex));
+    };
+    const renderEmptyState = () => (_jsx("tr", { children: _jsx("td", { colSpan: data.headers.length + (actions?.length ? 1 : 0), className: styles.table__empty, children: emptyState || (_jsxs(Column, { center: true, padding: "xl", gap: "m", children: [_jsx(Icon, { name: "inbox", size: "l", onBackground: "neutral-weak" }), _jsxs(Column, { center: true, gap: "4", children: [_jsx(Text, { variant: "heading-strong-s", children: "No data available" }), _jsx(Text, { variant: "body-default-s", onBackground: "neutral-weak", children: searchQuery ? "Try adjusting your search" : "There are no items to display" })] })] })) }) }));
+    const renderLoadingState = () => (_jsx("tr", { children: _jsx("td", { colSpan: data.headers.length + (actions?.length ? 1 : 0), className: styles.table__loading, children: loadingState || (_jsx(Column, { center: true, padding: "xl", gap: "m", children: _jsx(ShineFx, { variant: "label-default-s", children: "Loading data..." }) })) }) }));
+    return (_jsxs(Column, { fillWidth: true, gap: "m", ...flex, children: [searchable && (_jsxs(Row, { horizontal: "between", vertical: "center", gap: "m", maxWidth: 12, children: [_jsx(Input, { id: "table-search", placeholder: searchPlaceholder, value: searchQuery, height: "xs", onChange: (e) => setSearchQuery(e.target.value) }), sortedRows.length !== data.rows.length && (_jsxs(Text, { onBackground: "neutral-weak", children: [sortedRows.length, " of ", data.rows.length] }))] })), _jsx(Flex, { fillWidth: true, radius: "l", border: "neutral-alpha-medium", background: "surface", overflowX: "auto", overflowY: maxHeight ? "auto" : "visible", style: { maxHeight }, className: styles.table__container, children: _jsxs("table", { className: tableClasses, children: [_jsx("thead", { className: styles.table__thead, children: _jsxs("tr", { children: [data.headers.map((header, index) => renderHeader(header, index)), actions && actions.length > 0 && (_jsx("th", { className: classNames(styles.table__th, styles["table__th--actions"]), children: _jsx(Text, { variant: "label-strong-s", onBackground: "neutral-medium", children: "Actions" }) }))] }) }), _jsx("tbody", { className: styles.table__tbody, children: loading ? (renderLoadingState()) : sortedRows.length === 0 ? (renderEmptyState()) : (paginatedRows.map((row, index) => {
+                                const originalIndex = data.rows.indexOf(row);
+                                return renderRow(row, originalIndex, index);
+                            })) })] }) }), paginated && !loading && sortedRows.length > 0 && (_jsxs(Row, { horizontal: "between", vertical: "center", paddingX: "s", gap: "m", wrap: true, children: [_jsxs(Row, { gap: "8", vertical: "center", children: [_jsx(Row, { maxWidth: 2, children: _jsx(Select, { id: "page-size", placeholder: "Select page size", value: String(pageSize), height: "xs", onSelect: (value) => {
+                                        setPageSize(Number(value));
+                                        setPage(1);
+                                    }, options: pageSizeOptions.map(size => ({
+                                        label: String(size),
+                                        value: String(size)
+                                    })) }) }), _jsxs(Text, { variant: "label-default-s", onBackground: "neutral-medium", children: [currentPage, " / ", totalPages] })] }), totalPages > 1 && (_jsxs(Row, { gap: "4", vertical: "center", children: [_jsx(IconButton, { size: "s", variant: "secondary", icon: "chevronDoubleLeft", onClick: () => setPage(1), disabled: currentPage === 1 }), _jsx(IconButton, { size: "s", variant: "secondary", icon: "chevronLeft", onClick: () => setPage(currentPage - 1), disabled: currentPage === 1 }), Array.from({ length: Math.min(3, totalPages) }, (_, i) => {
+                                let pageNum;
+                                if (totalPages <= 5) {
+                                    pageNum = i + 1;
+                                }
+                                else if (currentPage <= 3) {
+                                    pageNum = i + 1;
+                                }
+                                else if (currentPage >= totalPages - 2) {
+                                    pageNum = totalPages - 4 + i;
+                                }
+                                else {
+                                    pageNum = currentPage - 2 + i;
+                                }
+                                return (_jsx(Button, { size: "s", variant: pageNum === currentPage ? "primary" : "tertiary", onClick: () => setPage(pageNum), children: pageNum }, pageNum));
+                            }), _jsx(IconButton, { size: "s", variant: "secondary", icon: "chevronRight", onClick: () => setPage(currentPage + 1), disabled: currentPage === totalPages }), _jsx(IconButton, { icon: "chevronDoubleRight", size: "s", variant: "secondary", onClick: () => setPage(totalPages), disabled: currentPage === totalPages })] }))] })), !paginated && !loading && sortedRows.length > 0 && sortConfig && (_jsx(Row, { horizontal: "end", vertical: "center", paddingX: "s", children: _jsxs(Row, { gap: "4", vertical: "center", children: [_jsxs(Text, { variant: "body-default-s", onBackground: "neutral-weak", children: ["Sorted by ", data.headers.find(h => h.key === sortConfig.key)?.content] }), _jsx(IconButton, { icon: "close", size: "s", variant: "tertiary", onClick: () => setSortConfig(null), tooltip: "Clear sort" })] }) }))] }));
 }
 export { Table };
 //# sourceMappingURL=Table.js.map

package/dist/components/Table.js.map

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