@lotte-innovate/ui-component-test 0.2.24 → 0.2.26

package/dist/lib/components/Gnb/GnbLogo.js

@@ -0,0 +1,46 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useContext } from 'react';
+import { cva } from 'class-variance-authority';
+import { GnbContext } from './GnbRoot';
+import { cn } from '../../../lib/utils/utils';
+import { Text } from '../../../lib/Typography';
+var gnbLogoVariants = cva('mr-4 flex items-center space-x-2 lg:mr-6 text-slate-12 dark:text-slateDark-12', {
+    variants: {
+        size: {
+            small: 'text-xs w-[140px] h-[15px]',
+            medium: 'text-sm w-[150px] h-[20px]',
+            large: 'text-base w-[160px] h-[25px]',
+        },
+    },
+    defaultVariants: {
+        size: 'medium',
+    },
+});
+export var GnbLogo = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, href = _a.href, props = __rest(_a, ["children", "className", "href"]);
+    var size = useContext(GnbContext).size;
+    return (_jsx("a", __assign({ href: href, className: cn(gnbLogoVariants({ size: size }), className) }, props, { children: children !== null && children !== void 0 ? children : _jsx(Text, { children: "LOGO \uC601\uC5ED" }) })));
+});
+GnbLogo.displayName = 'Gnb.Logo';

package/dist/lib/components/Gnb/GnbMenu.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+export interface GnbMenuProps extends VariantProps<typeof gnbMenuVariants> {
+}
+declare const gnbMenuVariants: (props?: ({
+    size?: "small" | "medium" | "large" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const GnbMenu: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & GnbMenuProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/lib/components/Gnb/GnbMenu.js

@@ -0,0 +1,46 @@
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useContext } from 'react';
+import { cva } from 'class-variance-authority';
+import { GnbContext } from './GnbRoot';
+import { cn } from '../../../lib/utils/utils';
+var gnbMenuVariants = cva('mr-4 hidden md:flex', {
+    variants: {
+        size: {
+            small: 'text-xs',
+            medium: 'text-sm',
+            large: 'text-base',
+        },
+    },
+    defaultVariants: {
+        size: 'medium',
+    },
+});
+export var GnbMenu = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    var size = useContext(GnbContext).size;
+    return (_jsx("div", __assign({ className: cn(gnbMenuVariants({ size: size }), className) }, props, { children: _jsx("nav", { className: "flex items-center gap-4 lg:gap-6", children: children }) })));
+});
+GnbMenu.displayName = 'Gnb.Menu';

package/dist/lib/components/Gnb/GnbMenuItem.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+export interface GnbMenuItemProps extends VariantProps<typeof gnbMenuItemVariants> {
+    href?: string;
+    active?: boolean;
+}
+declare const gnbMenuItemVariants: (props?: ({
+    size?: "small" | "medium" | "large" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const GnbMenuItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & GnbMenuItemProps & React.RefAttributes<HTMLAnchorElement>>;
+export {};

package/dist/lib/components/Gnb/GnbMenuItem.js

@@ -0,0 +1,46 @@
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useContext } from 'react';
+import { cva } from 'class-variance-authority';
+import { GnbContext } from './GnbRoot';
+import { cn } from '../../../lib/utils/utils';
+var gnbMenuItemVariants = cva('hover:text-slate-11 dark:hover:text-slateDark-11 cursor-pointer', {
+    variants: {
+        size: {
+            small: 'text-xs',
+            medium: 'text-sm',
+            large: 'text-base',
+        },
+    },
+    defaultVariants: {
+        size: 'medium',
+    },
+});
+export var GnbMenuItem = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, href = _a.href, active = _a.active, props = __rest(_a, ["children", "className", "href", "active"]);
+    var size = useContext(GnbContext).size;
+    return (_jsx("a", __assign({ href: href, className: cn(gnbMenuItemVariants({ size: size }), active ? 'text-slate-12 dark:text-slateDark-12' : 'text-slate-10 dark:text-slateDark-10', className) }, props, { children: children })));
+});
+GnbMenuItem.displayName = 'Gnb.GnbMenuItem';

package/dist/lib/components/Gnb/GnbRoot.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+export interface GnbProps extends VariantProps<typeof GnbVariants> {
+}
+declare const GnbVariants: (props?: ({
+    scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const GnbContext: React.Context<GnbProps>;
+export declare const Gnb: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & GnbProps & React.RefAttributes<HTMLElement>>;
+export {};

package/dist/lib/components/Gnb/GnbRoot.js

@@ -0,0 +1,53 @@
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, createContext } from 'react';
+import { cva } from 'class-variance-authority';
+import { scalingVariants } from '../../../lib/constants';
+import { cn } from '../../../lib/utils/utils';
+import { useTheme } from '../../../lib/theme';
+var GnbVariants = cva('sticky top-0 z-50 w-full px-8 backdrop-blur flex items-center', {
+    variants: {
+        scaling: __assign({}, scalingVariants),
+        size: {
+            small: 'text-xs h-12',
+            medium: 'text-sm h-14',
+            large: 'text-base h-16',
+        },
+    },
+    defaultVariants: {
+        scaling: '100%',
+        size: 'medium',
+    },
+});
+export var GnbContext = createContext({
+    size: 'medium',
+});
+export var Gnb = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, size = _a.size, scaling = _a.scaling, props = __rest(_a, ["children", "className", "size", "scaling"]);
+    var theme = useTheme().theme;
+    var contextValue = { size: size, scaling: scaling !== null && scaling !== void 0 ? scaling : theme.themeScaling };
+    return (_jsx(GnbContext.Provider, { value: contextValue, children: _jsx("header", __assign({ className: cn(GnbVariants(contextValue), className), ref: ref }, props, { children: children })) }));
+});
+Gnb.displayName = 'Gnb.Root';

package/dist/lib/components/Gnb/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare const Gnb: {
+    Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("./GnbRoot").GnbProps & import("react").RefAttributes<HTMLElement>>;
+    Logo: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & import("./GnbLogo").GnbLogoProps & import("react").RefAttributes<HTMLAnchorElement>>;
+    Menu: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("./GnbMenu").GnbMenuProps & import("react").RefAttributes<HTMLDivElement>>;
+    MenuItem: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & import("./GnbMenuItem").GnbMenuItemProps & import("react").RefAttributes<HTMLAnchorElement>>;
+    Info: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("./GnbInfo").GnbInfoProps & import("react").RefAttributes<HTMLDivElement>>;
+};
+export default Gnb;

package/dist/lib/components/Gnb/index.js

@@ -0,0 +1,13 @@
+import { Gnb as Root } from './GnbRoot';
+import { GnbLogo as Logo } from './GnbLogo';
+import { GnbMenu as Menu } from './GnbMenu';
+import { GnbMenuItem as MenuItem } from './GnbMenuItem';
+import { GnbInfo as Info } from './GnbInfo';
+var Gnb = {
+    Root: Root,
+    Logo: Logo,
+    Menu: Menu,
+    MenuItem: MenuItem,
+    Info: Info,
+};
+export default Gnb;

package/dist/lib/components/Grid/Pagination.d.ts

@@ -0,0 +1,2 @@
+declare function Pagination({ table }: any): import("react/jsx-runtime").JSX.Element;
+export default Pagination;

package/dist/lib/components/Grid/Pagination.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import IconButton from '../IconButton';
+import { ChevronLeftIcon, ChevronRightIcon, DoubleArrowLeftIcon, DoubleArrowRightIcon, } from '@radix-ui/react-icons';
+import TextField from '../TextField';
+import Select from '../Select';
+import { MAIN_COLOR } from '../../../lib/color/constants';
+function Pagination(_a) {
+    var _b;
+    var table = _a.table;
+    var color = (_b = table.options.color) !== null && _b !== void 0 ? _b : MAIN_COLOR;
+    return (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(IconButton, { className: "rounded border p-1", color: color, onClick: function () { return table.firstPage(); }, disabled: !table.getCanPreviousPage(), children: _jsx(DoubleArrowLeftIcon, {}) }), _jsx(IconButton, { className: "rounded border p-1", color: color, onClick: function () { return table.previousPage(); }, disabled: !table.getCanPreviousPage(), children: _jsx(ChevronLeftIcon, {}) }), _jsx(IconButton, { className: "rounded border p-1", color: color, onClick: function () { return table.nextPage(); }, disabled: !table.getCanNextPage(), children: _jsx(ChevronRightIcon, {}) }), _jsx(IconButton, { className: "rounded border p-1", color: color, onClick: function () { return table.lastPage(); }, disabled: !table.getCanNextPage(), children: _jsx(DoubleArrowRightIcon, {}) }), _jsxs("span", { className: "flex items-center gap-1", children: [_jsx("div", { children: "Page" }), _jsxs("strong", { children: [table.getState().pagination.pageIndex + 1, " of ", table.getPageCount().toLocaleString()] })] }), _jsxs("span", { className: "flex items-center gap-1", children: ["| Go to page:", _jsx(TextField.Root, { type: "number", color: color, min: "1", max: table.getPageCount(), defaultValue: table.getState().pagination.pageIndex + 1, onChange: function (e) {
+                            var page = e.target.value ? Number(e.target.value) - 1 : 0;
+                            table.setPageIndex(page);
+                        }, className: "w-16 rounded border p-1" })] }), _jsxs(Select.Root, { color: color, value: String(table.getState().pagination.pageSize), defaultValue: String(table.getState().pagination.pageSize), onValueChange: function (e) {
+                    table.setPageSize(Number(e));
+                }, children: [_jsx(Select.Trigger, {}), _jsx(Select.Content, { children: [10, 20, 30, 40, 50].map(function (pageSize) { return (_jsx(Select.Item, { value: String(pageSize), children: pageSize }, pageSize)); }) })] })] }));
+}
+export default Pagination;

package/dist/lib/components/Grid/index.d.ts

@@ -0,0 +1,7 @@
+export declare const GridVariants: (props?: ({
+    color?: string | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+declare function Grid({ table }: {
+    table: any;
+}): import("react/jsx-runtime").JSX.Element;
+export default Grid;

package/dist/lib/components/Grid/index.js

@@ -0,0 +1,59 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { flexRender } from '@tanstack/react-table';
+// import './index.css';
+import Table from '../Table';
+import { ChevronDownIcon, ChevronUpIcon } from '@radix-ui/react-icons';
+import Pagination from './Pagination';
+import { cn } from '../../../lib/utils/utils';
+import { bgColorStyle } from '../../../lib/constants';
+import { cva } from 'class-variance-authority';
+export var GridVariants = cva("", {
+    variants: {
+        color: bgColorStyle(),
+    },
+    defaultVariants: {
+        color: 'red',
+    },
+});
+function Grid(_a) {
+    var _b, _c, _d;
+    var table = _a.table;
+    return (_jsx("div", { style: { direction: table.options.columnResizeDirection }, children: _jsxs("div", { className: "overflow-x-auto", children: [_jsxs(Table.Root, { style: {
+                    // width: table.getCenterTotalSize(),
+                    }, appearance: (_b = table.options) === null || _b === void 0 ? void 0 : _b.appearance, radius: (_c = table.options) === null || _c === void 0 ? void 0 : _c.radius, children: [_jsx(Table.Header, { children: table
+                                .getHeaderGroups()
+                                .map(function (headerGroup) {
+                                return (_jsx(Table.Row, { children: headerGroup.headers.map(function (header) {
+                                        var _a;
+                                        return (_jsxs(Table.ColumnHeaderCell, { colSpan: header.colSpan,
+                                            style: {
+                                                width: header.getSize(),
+                                            }, children: [header.isPlaceholder ? null : (_jsxs("div", { className: header.column.getCanSort() ? 'flex cursor-pointer select-none' : '', onClick: header.column.getToggleSortingHandler(), title: header.column.getCanSort()
+                                                        ? header.column.getNextSortingOrder() === 'asc'
+                                                            ? 'Sort ascending'
+                                                            : header.column.getNextSortingOrder() === 'desc'
+                                                                ? 'Sort descending'
+                                                                : 'Clear sort'
+                                                        : undefined, children: [flexRender(header.column.columnDef.header, header.getContext()), header.column.getIsSorted() == 'asc' ? (_jsx(ChevronUpIcon, {})) : header.column.getIsSorted() == 'desc' ? (_jsx(ChevronDownIcon, {})) : null] })), _jsx("div", { onDoubleClick: function () { return header.column.resetSize(); },
+                                                    onMouseDown: header.getResizeHandler(),
+                                                    onTouchStart: header.getResizeHandler(),
+                                                    className: cn('absolute top-0 h-full w-[3px] bg-slateA-3 cursor-col-resize select-none touch-none right-0 opacity-0 hover:opacity-100', table.options.columnResizeDirection, header.column.getIsResizing()
+                                                        ? GridVariants({
+                                                            color: table.options.color,
+                                                        })
+                                                        : ''),
+                                                    style: {
+                                                        transform: header.column.getIsResizing()
+                                                            ? "translateX(".concat((table.options.columnResizeDirection === 'rtl' ? -1 : 1) *
+                                                                ((_a = table.getState().columnSizingInfo.deltaOffset) !== null && _a !== void 0 ? _a : 0), "px)")
+                                                            : '',
+                                                    } })] }, header.id));
+                                    }) }, headerGroup.id));
+                            }) }), _jsx(Table.Body, { children: table
+                                .getRowModel()
+                                .rows.map(function (row) { return (_jsx(Table.Row, { children: row.getVisibleCells().map(function (cell) { return (_jsx(Table.Cell, { style: {
+                                        width: cell.column.getSize(),
+                                    }, className: "h-[30px]", children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id)); }) }, row.id)); }) })] }), _jsx("div", { className: "h-2" }), ((_d = table.options) === null || _d === void 0 ? void 0 : _d.enableRowPagination) && _jsx(Pagination, { table: table })] }) }));
+}
+export default Grid;

package/dist/lib/components/Grid/useGrid.d.ts

@@ -0,0 +1,3 @@
+export declare const useGrid: ({ ...props }: {
+    [x: string]: any;
+}) => import("@tanstack/react-table").Table<unknown>;

package/dist/lib/components/Grid/useGrid.js

@@ -0,0 +1,81 @@
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { createColumnHelper, getCoreRowModel, getExpandedRowModel, getPaginationRowModel, getSortedRowModel, useReactTable, } from '@tanstack/react-table';
+import React, { useRef } from 'react';
+import IconButton from '../IconButton';
+import { ChevronDownIcon, ChevronRightIcon } from '@radix-ui/react-icons';
+import Checkbox from '../Checkbox';
+import { useTheme } from '../../../lib/theme';
+function IndeterminateCheckbox(_a) {
+    var indeterminate = _a.indeterminate, checked = _a.checked, disabled = _a.disabled, onChange = _a.onChange;
+    var ref = useRef();
+    React.useEffect(function () {
+        if (typeof indeterminate === 'boolean') {
+            ref.current.indeterminate = checked && indeterminate;
+        }
+    }, [ref, indeterminate]);
+    return (_jsx(Checkbox, { ref: ref, id: "checkbox", checked: checked, disabled: disabled, onCheckedChange: function (v) { return onChange && onChange({ target: { value: v } }); }, indeterminate: indeterminate }));
+}
+export var useGrid = function (_a) {
+    var _b, _c;
+    var props = __rest(_a, []);
+    var theme = useTheme().theme;
+    var _d = React.useState([]), sorting = _d[0], setSorting = _d[1];
+    var _e = React.useState({}), expanded = _e[0], setExpanded = _e[1];
+    var _f = React.useState({}), rowSelection = _f[0], setRowSelection = _f[1];
+    var columnHelper = createColumnHelper();
+    var columnsData = (_b = props === null || props === void 0 ? void 0 : props.columns) === null || _b === void 0 ? void 0 : _b.map(function (el) {
+        return columnHelper.accessor(el.id, __assign({}, el));
+    });
+    if (props.enableExpanding) {
+        var firstcell_1 = columnsData[0].cell;
+        columnsData[0] = __assign(__assign({}, columnsData[0]), { cell: function (props) {
+                var _a;
+                return (_jsxs("div", { className: "flex", style: { paddingLeft: "".concat(props.row.depth * 10, "px") }, children: [props.row.getCanExpand() ? (_jsx(IconButton, { onClick: props.row.getToggleExpandedHandler(), appearance: "ghost", className: "h-3 w-3", color: (_a = props.color) !== null && _a !== void 0 ? _a : theme.themeColor, children: props.row.getIsExpanded() ? _jsx(ChevronDownIcon, {}) : _jsx(ChevronRightIcon, {}) })) : (_jsx(_Fragment, {})), _jsx("div", { children: firstcell_1 ? firstcell_1(props) : props.getValue() })] }));
+            } });
+    }
+    if (props.enableRowSelection) {
+        columnsData === null || columnsData === void 0 ? void 0 : columnsData.unshift({
+            id: 'select',
+            header: function (_a) {
+                var table = _a.table;
+                return (_jsx("div", { className: "header-checkbox", children: _jsx(IndeterminateCheckbox, { checked: table.getIsAllRowsSelected() || table.getIsSomeRowsSelected(),
+                        indeterminate: table.getIsSomeRowsSelected(),
+                        onChange: table.getToggleAllRowsSelectedHandler() }) }));
+            },
+            cell: function (_a) {
+                var row = _a.row;
+                return (_jsx("div", { className: "px-1", style: { paddingLeft: "".concat(row.depth * 10, "px") }, children: _jsx(IndeterminateCheckbox, { checked: row.getIsSelected() || row.getIsSomeSelected() || row.getIsAllSubRowsSelected(),
+                        indeterminate: row.getIsSomeSelected() && !row.getIsAllSubRowsSelected(),
+                        onChange: row.getToggleSelectedHandler() }) }));
+            },
+        });
+    }
+    var reactTableProps = __assign(__assign({ state: { sorting: sorting, rowSelection: rowSelection, expanded: expanded } }, props), { data: props.data, columns: columnsData, color: (_c = props.color) !== null && _c !== void 0 ? _c : theme.themeColor, paginateExpandedRows: true, enableExpanding: !!props.enableExpanding, getSubRows: function (row) { return row.subRows; }, onExpandedChange: setExpanded, onSortingChange: setSorting, onRowSelectionChange: setRowSelection, getSortedRowModel: getSortedRowModel(), getCoreRowModel: getCoreRowModel(), getExpandedRowModel: getExpandedRowModel() });
+    if (props.enableRowPagination) {
+        reactTableProps['getPaginationRowModel'] = getPaginationRowModel();
+    }
+    return useReactTable(reactTableProps);
+};

package/dist/lib/components/HoverCard/HoverCardContent.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { HoverCard as HoverCardTheme } from '@radix-ui/themes';
+export interface HoverCardContentProps extends VariantProps<typeof hoverCardContentVariants> {
+}
+export declare const hoverCardContentVariants: (props?: ({
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
+    size?: "small" | "medium" | "large" | "x-large" | null | undefined;
+    scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
+    weight?: "medium" | "regular" | "semibold" | "bold" | null | undefined;
+    color?: string | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const HoverCardContent: React.ForwardRefExoticComponent<Omit<Omit<HoverCardTheme.ContentProps & React.RefAttributes<HTMLDivElement>, "ref">, "size"> & HoverCardContentProps & React.RefAttributes<HTMLDivElement>>;

package/dist/lib/components/HoverCard/HoverCardContent.js

@@ -0,0 +1,62 @@
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useContext } from 'react';
+import { primaryColorStyle, radiusVariants, weightVariants, scalingVariants } from '../../../lib/constants';
+import { cva } from 'class-variance-authority';
+import { HoverCard as HoverCardTheme } from '@radix-ui/themes';
+import { HoverCardContext } from './HoverCardRoot';
+import { cn } from '../../../lib/utils/utils';
+export var hoverCardContentVariants = cva('', {
+    variants: {
+        radius: __assign({}, radiusVariants['base']),
+        size: {
+            small: 'text-xs w-[250px]',
+            medium: 'text-sm w-[300px]',
+            large: 'text-base w-[350px]',
+            'x-large': 'text-lg w-[400px]',
+        },
+        scaling: __assign({}, scalingVariants),
+        weight: __assign({}, weightVariants),
+        color: primaryColorStyle(),
+    },
+    defaultVariants: {
+        radius: 'medium',
+        size: 'medium',
+        scaling: '100%',
+        weight: 'medium',
+        color: 'white',
+    },
+});
+export var HoverCardContent = forwardRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
+    var _b = useContext(HoverCardContext), radius = _b.radius, size = _b.size, scaling = _b.scaling, weight = _b.weight, color = _b.color;
+    var sizeTheme = '2';
+    if (size === 'small')
+        sizeTheme = '1';
+    if (size === 'large')
+        sizeTheme = '3';
+    return (_jsx(HoverCardTheme.Content, __assign({ ref: ref }, props, { size: sizeTheme, className: cn(hoverCardContentVariants({ size: size, scaling: scaling, weight: weight, radius: radius, color: color }), size === 'x-large' && 'rt-r-size-4', className), children: children })));
+});
+HoverCardContent.displayName = 'HoverCard.Content';

package/dist/lib/components/HoverCard/HoverCardRoot.d.ts

@@ -0,0 +1,11 @@
+import React, { ComponentPropsWithoutRef } from 'react';
+import { HoverCard as HoverCardTheme } from '@radix-ui/themes';
+import { hoverCardContentVariants } from './HoverCardContent';
+import { VariantProps } from 'class-variance-authority';
+export interface HoverCardProps extends VariantProps<typeof hoverCardContentVariants> {
+}
+export declare const HoverCardContext: React.Context<HoverCardProps>;
+export declare const HoverCardRoot: {
+    ({ children, radius, size, scaling, weight, color, ...props }: ComponentPropsWithoutRef<typeof HoverCardTheme.Root> & HoverCardProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/lib/components/HoverCard/HoverCardRoot.js

@@ -0,0 +1,48 @@
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext } from 'react';
+import { HoverCard as HoverCardTheme, Theme } from '@radix-ui/themes';
+import { useTheme } from '../../../lib/theme';
+import { MAIN_COLOR } from '../../../lib/color/constants';
+export var HoverCardContext = createContext({
+    radius: 'medium',
+    size: 'medium',
+    scaling: '100%',
+    weight: 'medium',
+    color: MAIN_COLOR,
+});
+export var HoverCardRoot = function (_a) {
+    var children = _a.children, radius = _a.radius, size = _a.size, scaling = _a.scaling, weight = _a.weight, color = _a.color, props = __rest(_a, ["children", "radius", "size", "scaling", "weight", "color"]);
+    var theme = useTheme().theme;
+    var contextValue = {
+        radius: radius !== null && radius !== void 0 ? radius : theme.themeRadius,
+        scaling: scaling !== null && scaling !== void 0 ? scaling : theme.themeScaling,
+        color: color !== null && color !== void 0 ? color : theme.themeColor,
+        weight: weight !== null && weight !== void 0 ? weight : theme.themeWeight,
+        size: size,
+    };
+    return (_jsx(Theme, { children: _jsx(HoverCardContext.Provider, { value: contextValue, children: _jsx(HoverCardTheme.Root, __assign({}, props, { children: children })) }) }));
+};
+HoverCardRoot.displayName = 'HoverCard.Root';

package/dist/lib/components/HoverCard/HoverCardTrigger.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { HoverCard as HoverCardTheme } from '@radix-ui/themes';
+export declare const HoverCardTrigger: React.ForwardRefExoticComponent<Omit<HoverCardTheme.TriggerProps & React.RefAttributes<HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;

package/dist/lib/components/HoverCard/HoverCardTrigger.js

@@ -0,0 +1,30 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { HoverCard as HoverCardTheme } from '@radix-ui/themes';
+export var HoverCardTrigger = forwardRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
+    return (_jsx(HoverCardTheme.Trigger, __assign({ ref: ref, className: className }, props, { children: children })));
+});
+HoverCardTrigger.displayName = 'HoverCard.Trigger';

package/dist/lib/components/HoverCard/index.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+declare const HoverCard: {
+    Root: {
+        ({ children, radius, size, scaling, weight, color, ...props }: import("@radix-ui/themes/dist/cjs/components/hover-card").RootProps & import("./HoverCardRoot").HoverCardProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Trigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes/dist/cjs/components/hover-card").TriggerProps & import("react").RefAttributes<HTMLAnchorElement>, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
+    Content: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/themes/dist/cjs/components/hover-card").ContentProps & import("react").RefAttributes<HTMLDivElement>, "ref">, "size"> & import("./HoverCardContent").HoverCardContentProps & import("react").RefAttributes<HTMLDivElement>>;
+};
+export default HoverCard;

package/dist/lib/components/HoverCard/index.js

@@ -0,0 +1,9 @@
+import { HoverCardRoot } from './HoverCardRoot';
+import { HoverCardTrigger } from './HoverCardTrigger';
+import { HoverCardContent } from './HoverCardContent';
+var HoverCard = {
+    Root: HoverCardRoot,
+    Trigger: HoverCardTrigger,
+    Content: HoverCardContent,
+};
+export default HoverCard;