@lotte-innovate/ui-component-test 0.2.71 → 0.2.73

package/dist/lib/components/Grid/NumberingPagination.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NumberingPagination.mjs","sources":["../../../lib/components/Grid/NumberingPagination.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useState } from 'react';\nimport IconButton from '../IconButton';\nimport { ChevronLeftIcon, ChevronRightIcon, DoubleArrowLeftIcon, DoubleArrowRightIcon, } from '@radix-ui/react-icons';\nimport Select from '../Select';\nimport { MAIN_COLOR } from '../../../lib/color/constants';\nimport Button from '../Button';\nimport TextField from '../TextField';\nimport Text from '../../Typography/Text';\nfunction NumberingPagination(_a) {\n    var _b;\n    var table = _a.table, size = _a.size;\n    var _c = useState('1'), nowPage = _c[0], setNowPage = _c[1];\n    var color = (_b = table.options.color) !== null && _b !== void 0 ? _b : MAIN_COLOR;\n    var renderPageNumbers = function () {\n        var pageNumbers = [];\n        var currentInx = table.getState().pagination.pageIndex;\n        var _loop_1 = function (i) {\n            pageNumbers.push(_jsx(Button, { size: size, appearance: \"ghost\", onClick: function () {\n                    table.setPageIndex(i);\n                    setNowPage(String(i + 1));\n                }, color: table.getState().pagination.pageIndex === i ? color : 'slate', children: i + 1 }, i));\n        };\n        for (var i = 0; i < table.getPageCount(); i++) {\n            _loop_1(i);\n        }\n        if (pageNumbers.length > 10) {\n            if (currentInx - 3 > 0 && currentInx + 3 < table.getPageCount()) {\n                pageNumbers = pageNumbers.slice(currentInx - 2, currentInx + 3);\n                pageNumbers.unshift(_jsx(Button, { size: size, appearance: \"ghost\", onClick: function () {\n                        table.setPageIndex(0);\n                        setNowPage('1');\n                    }, color: table.getState().pagination.pageIndex === 0 ? color : 'slate', children: 1 }, 0), _jsx(Button, { appearance: \"ghost\", disabled: true, size: size, children: \"...\" }));\n                pageNumbers.push(_jsx(Button, { appearance: \"ghost\", disabled: true, size: size, children: \"...\" }), _jsx(Button, { size: size, appearance: \"ghost\", onClick: function () {\n                        table.setPageIndex(table.getPageCount() - 1);\n                        setNowPage(String(table.getPageCount()));\n                    }, color: table.getState().pagination.pageIndex === table.getPageCount() - 1 ? color : 'slate', children: table.getPageCount() }, table.getPageCount() - 1));\n            }\n            else if (currentInx - 3 <= 0) {\n                pageNumbers = pageNumbers.slice(0, 7);\n                pageNumbers.push(_jsx(Button, { appearance: \"ghost\", disabled: true, size: size, children: \"...\" }), _jsx(Button, { size: size, appearance: \"ghost\", onClick: function () {\n                        table.setPageIndex(table.getPageCount() - 1);\n                        setNowPage(String(table.getPageCount()));\n                    }, color: table.getState().pagination.pageIndex === table.getPageCount() - 1 ? color : 'slate', children: table.getPageCount() }, table.getPageCount() - 1));\n            }\n            else {\n                pageNumbers = pageNumbers.slice(table.getPageCount() - 7, table.getPageCount());\n                pageNumbers.unshift(_jsx(Button, { size: size, appearance: \"ghost\", onClick: function () {\n                        table.setPageIndex(0);\n                        setNowPage('1');\n                    }, color: table.getState().pagination.pageIndex === 0 ? color : 'slate', children: 1 }, 0), _jsx(Button, { appearance: \"ghost\", disabled: true, size: size, children: \"...\" }));\n            }\n        }\n        return pageNumbers;\n    };\n    return (_jsxs(\"div\", { children: [_jsxs(\"div\", { className: \"flex items-center justify-center gap-2\", children: [_jsxs(Select.Root, { size: size, color: color, value: String(table.getState().pagination.pageSize), defaultValue: String(table.getState().pagination.pageSize), onValueChange: function (e) {\n                            table.setPageSize(Number(e));\n                            setNowPage('1');\n                            table.setPageIndex(0);\n                        }, children: [_jsx(Select.Trigger, {}), _jsx(Select.Content, { children: [10, 20, 30, 50, 100].map(function (pageSize) { return (_jsx(Select.Item, { value: String(pageSize), children: pageSize }, pageSize)); }) })] }), _jsxs(\"div\", { className: \"flex gap-2\", children: [_jsx(IconButton, { size: size, className: \"rounded border p-1\", color: color, onClick: function () {\n                                    table.firstPage();\n                                    setNowPage('1');\n                                }, disabled: !table.getCanPreviousPage(), children: _jsx(DoubleArrowLeftIcon, {}) }), _jsx(IconButton, { size: size, className: \"rounded border p-1\", color: color, onClick: function () {\n                                    table.previousPage();\n                                    setNowPage(String(table.getState().pagination.pageIndex));\n                                }, disabled: !table.getCanPreviousPage(), children: _jsx(ChevronLeftIcon, {}) })] }), _jsx(\"div\", { children: renderPageNumbers() }), _jsxs(\"div\", { className: \"flex gap-2\", children: [_jsx(IconButton, { size: size, className: \"rounded border p-1\", color: color, onClick: function () {\n                                    table.nextPage();\n                                    setNowPage(String(table.getState().pagination.pageIndex + 2));\n                                }, disabled: !table.getCanNextPage(), children: _jsx(ChevronRightIcon, {}) }), _jsx(IconButton, { size: size, className: \"rounded border p-1\", color: color, onClick: function () {\n                                    table.lastPage();\n                                    setNowPage(String(table.getPageCount()));\n                                }, disabled: !table.getCanNextPage(), children: _jsx(DoubleArrowRightIcon, {}) })] })] }), _jsxs(\"div\", { className: \"mt-4 flex items-center justify-center gap-2\", children: [_jsx(TextField.Root, { size: size, type: \"number\", color: color, min: \"1\", max: table.getPageCount(), value: nowPage, onChange: function (e) {\n                            setNowPage(e.target.value);\n                        }, className: \"w-[50px] rounded border\" }), _jsxs(Text, { children: [\"/ \", table.getPageCount()] }), _jsx(Button, { size: size, onClick: function () { return table.setPageIndex(nowPage ? Number(nowPage) - 1 : 0); }, children: \"\\uC774\\uB3D9\" })] })] }));\n}\nexport default NumberingPagination;\n"],"names":["NumberingPagination","_a","_b","table","size","_c","useState","nowPage","setNowPage","color","options","MAIN_COLOR","_jsxs","children","className","Select","Root","value","String","getState","pagination","pageSize","defaultValue","onValueChange","e","setPageSize","Number","setPageIndex","_jsx","Trigger","Content","map","Item","IconButton","onClick","firstPage","disabled","getCanPreviousPage","DoubleArrowLeftIcon","previousPage","pageIndex","ChevronLeftIcon","pageNumbers","currentInx","_loop_1","i","push","Button","appearance","getPageCount","length","slice","unshift","renderPageNumbers","nextPage","getCanNextPage","ChevronRightIcon","lastPage","DoubleArrowRightIcon","TextField","type","min","max","onChange","target","Text"],"mappings":"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"}
+{"version":3,"file":"NumberingPagination.mjs","sources":["../../../lib/components/Grid/NumberingPagination.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useState } from 'react';\nimport IconButton from '../IconButton';\nimport { ChevronLeftIcon, ChevronRightIcon, DoubleArrowLeftIcon, DoubleArrowRightIcon, } from '@radix-ui/react-icons';\nimport Select from '../Select';\nimport { MAIN_COLOR } from '../../../lib/color/constants';\nimport Button from '../Button';\nimport TextField from '../TextField';\nimport Text from '../../Typography/Text';\nfunction NumberingPagination(_a) {\n    var _b, _c, _d;\n    var table = _a.table;\n    var _e = useState('1'), nowPage = _e[0], setNowPage = _e[1];\n    var color = (_b = table.options.color) !== null && _b !== void 0 ? _b : MAIN_COLOR;\n    var radius = (_c = table.options.radius) !== null && _c !== void 0 ? _c : 'medium';\n    var size = table.options.size == 'x-small' ? 'small' : table.options.size;\n    var currentPage = table.options.pagination\n        ? table.options.pagination.pageIndex\n        : table.getState().pagination.pageIndex;\n    var renderPageNumbers = function () {\n        var pageNumbers = [];\n        var currentInx = table.options.pagination\n            ? table.options.pagination.pageIndex\n            : table.getState().pagination.pageIndex;\n        var _loop_1 = function (i) {\n            pageNumbers.push(_jsx(Button, { size: size, appearance: \"ghost\", onClick: function () {\n                    if (currentInx !== i) {\n                        table.setPageIndex(i);\n                        table.options.setPagination &&\n                            table.options.setPagination(__assign(__assign({}, table.options.pagination), { pageIndex: i }));\n                        setNowPage(String(i + 1));\n                    }\n                }, color: currentInx === i ? color : 'slate', radius: radius, children: i + 1 }, i));\n        };\n        for (var i = 0; i < table.getPageCount(); i++) {\n            _loop_1(i);\n        }\n        if (pageNumbers.length > 10) {\n            if (currentInx - 3 > 0 && currentInx + 3 < table.getPageCount()) {\n                pageNumbers = pageNumbers.slice(currentInx - 2, currentInx + 3);\n                pageNumbers.unshift(_jsx(Button, { size: size, appearance: \"ghost\", onClick: function () {\n                        table.setPageIndex(0);\n                        table.options.setPagination &&\n                            table.options.setPagination(__assign(__assign({}, table.options.pagination), { pageIndex: 0 }));\n                        setNowPage('1');\n                    }, color: currentInx === 0 ? color : 'slate', radius: radius, children: 1 }, 0), _jsx(Button, { appearance: \"ghost\", disabled: true, size: size, children: \"...\" }));\n                pageNumbers.push(_jsx(Button, { appearance: \"ghost\", disabled: true, size: size, children: \"...\" }), _jsx(Button, { size: size, appearance: \"ghost\", onClick: function () {\n                        table.setPageIndex(table.getPageCount() - 1);\n                        table.options.setPagination &&\n                            table.options.setPagination(__assign(__assign({}, table.options.pagination), { pageIndex: table.getPageCount() - 1 }));\n                        setNowPage(String(table.getPageCount()));\n                    }, color: currentInx === table.getPageCount() - 1 ? color : 'slate', radius: radius, children: table.getPageCount() }, table.getPageCount() - 1));\n            }\n            else if (currentInx - 3 <= 0) {\n                pageNumbers = pageNumbers.slice(0, 7);\n                pageNumbers.push(_jsx(Button, { appearance: \"ghost\", disabled: true, size: size, children: \"...\" }), _jsx(Button, { size: size, appearance: \"ghost\", onClick: function () {\n                        table.setPageIndex(table.getPageCount() - 1);\n                        table.options.setPagination &&\n                            table.options.setPagination(__assign(__assign({}, table.options.pagination), { pageIndex: table.getPageCount() - 1 }));\n                        setNowPage(String(table.getPageCount()));\n                    }, color: currentInx === table.getPageCount() - 1 ? color : 'slate', radius: radius, children: table.getPageCount() }, table.getPageCount() - 1));\n            }\n            else {\n                pageNumbers = pageNumbers.slice(table.getPageCount() - 7, table.getPageCount());\n                pageNumbers.unshift(_jsx(Button, { size: size, appearance: \"ghost\", onClick: function () {\n                        table.setPageIndex(0);\n                        table.options.setPagination &&\n                            table.options.setPagination(__assign(__assign({}, table.options.pagination), { pageIndex: 0 }));\n                        setNowPage('1');\n                    }, color: currentInx === 0 ? color : 'slate', radius: radius, children: 1 }, 0), _jsx(Button, { appearance: \"ghost\", disabled: true, size: size, children: \"...\" }));\n            }\n        }\n        return pageNumbers;\n    };\n    return (_jsxs(\"div\", { children: [_jsxs(\"div\", { className: \"flex items-center justify-center gap-2\", children: [_jsxs(Select.Root, { size: size, color: color, radius: radius, value: String(table.getState().pagination.pageSize), defaultValue: String(table.getState().pagination.pageSize), onValueChange: function (e) {\n                            table.options.setPagination &&\n                                table.options.setPagination({\n                                    pageIndex: 0,\n                                    pageSize: Number(e),\n                                });\n                            table.setPageSize(Number(e));\n                            setNowPage('1');\n                            table.setPageIndex(0);\n                        }, children: [_jsx(Select.Trigger, {}), _jsx(Select.Content, { children: [10, 20, 30, 50, 100].map(function (pageSize) { return (_jsx(Select.Item, { value: String(pageSize), children: pageSize }, pageSize)); }) })] }), _jsxs(\"div\", { className: \"flex gap-2\", children: [_jsx(IconButton, { size: size, appearance: \"ghost\", className: \"border p-1\", color: color, radius: radius, onClick: function () {\n                                    table.firstPage();\n                                    table.options.setPagination &&\n                                        table.options.setPagination(__assign(__assign({}, table.options.pagination), { pageIndex: 0 }));\n                                    setNowPage('1');\n                                }, disabled: currentPage === 0, children: _jsx(DoubleArrowLeftIcon, {}) }), _jsx(IconButton, { size: size, appearance: \"ghost\", className: \"border p-1\", color: color, radius: radius, onClick: function () {\n                                    table.previousPage();\n                                    setNowPage(String(table.getState().pagination.pageIndex));\n                                    table.options.setPagination &&\n                                        table.options.setPagination(__assign(__assign({}, table.options.pagination), { pageIndex: table.options.pagination.pageIndex - 1 }));\n                                }, disabled: currentPage === 0, children: _jsx(ChevronLeftIcon, {}) })] }), _jsx(\"div\", { children: renderPageNumbers() }), _jsxs(\"div\", { className: \"flex gap-2\", children: [_jsx(IconButton, { size: size, appearance: \"ghost\", className: \"border p-1\", color: color, radius: radius, onClick: function () {\n                                    table.nextPage();\n                                    setNowPage(String(table.getState().pagination.pageIndex + 2));\n                                    table.options.setPagination &&\n                                        table.options.setPagination(__assign(__assign({}, table.options.pagination), { pageIndex: table.options.pagination.pageIndex + 1 }));\n                                }, disabled: currentPage === table.getPageCount() - 1, children: _jsx(ChevronRightIcon, {}) }), _jsx(IconButton, { size: size, appearance: \"ghost\", className: \"border p-1\", color: color, radius: radius, onClick: function () {\n                                    table.lastPage();\n                                    setNowPage(String(table.getPageCount()));\n                                    table.options.setPagination &&\n                                        table.options.setPagination(__assign(__assign({}, table.options.pagination), { pageIndex: table.getPageCount() - 1 }));\n                                }, disabled: currentPage === table.getPageCount() - 1, children: _jsx(DoubleArrowRightIcon, {}) })] })] }), !((_d = table.options) === null || _d === void 0 ? void 0 : _d.disableInputPagination) && (_jsxs(\"div\", { className: \"mt-4 flex items-center justify-center gap-2\", children: [_jsx(TextField.Root, { size: size, type: \"number\", color: color, radius: radius, min: \"1\", max: table.getPageCount(), value: nowPage, onChange: function (e) {\n                            setNowPage(e.target.value);\n                        }, className: \"w-[50px] border\" }), _jsxs(Text, { children: [\"/ \", table.getPageCount()] }), _jsx(Button, { size: size, onClick: function () { return table.setPageIndex(nowPage ? Number(nowPage) - 1 : 0); }, color: color, radius: radius, children: \"\\uC774\\uB3D9\" })] }))] }));\n}\nexport default NumberingPagination;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","NumberingPagination","_a","_b","_c","_d","table","_e","useState","nowPage","setNowPage","color","options","MAIN_COLOR","radius","size","currentPage","pagination","pageIndex","getState","_jsxs","children","className","Select","Root","value","String","pageSize","defaultValue","onValueChange","e","setPagination","Number","setPageSize","setPageIndex","_jsx","Trigger","Content","map","Item","IconButton","appearance","onClick","firstPage","disabled","DoubleArrowLeftIcon","previousPage","ChevronLeftIcon","pageNumbers","currentInx","_loop_1","push","Button","getPageCount","slice","unshift","renderPageNumbers","nextPage","ChevronRightIcon","lastPage","DoubleArrowRightIcon","disableInputPagination","TextField","type","min","max","onChange","target","Text"],"mappings":"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"}

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

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

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

@@ -1,59 +1,77 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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);
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } 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 { cn } from '../../../lib/utils/utils';
-import { bgColorStyle } from '../../../lib/constants';
+import { bgColorStyle, radiusVariants } from '../../../lib/constants';
 import { cva } from 'class-variance-authority';
 import NumberingPagination from './NumberingPagination';
 export var GridVariants = cva("", {
     variants: {
         color: bgColorStyle(),
+        radius: __assign({}, radiusVariants['large']),
     },
     defaultVariants: {
-        color: 'red',
+        radius: 'medium',
     },
 });
 function Grid(_a) {
-    var _b, _c, _d;
-    var table = _a.table, _e = _a.size, size = _e === void 0 ? 'medium' : _e;
-    return (_jsx("div", { style: { direction: table.options.columnResizeDirection }, children: _jsxs("div", { className: "overflow-x-auto", children: [_jsxs(Table.Root, { style: {
-                    // width: table.getCenterTotalSize(),
-                    }, size: size, 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, { size: size, 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, { onClick: function () { return table.options.onRowClick && table.options.onRowClick(row); }, children: row.getVisibleCells().map(function (cell) { return (_jsx(Table.Cell, { style: {
+    var _b, _c, _d, _e;
+    var table = _a.table;
+    return (_jsxs("div", { style: { direction: table.options.columnResizeDirection }, children: [_jsxs(Table.Root, { size: (_b = table.options) === null || _b === void 0 ? void 0 : _b.size, appearance: (_c = table.options) === null || _c === void 0 ? void 0 : _c.appearance, radius: table.options.radius, className: cn("", (_d = table.options) === null || _d === void 0 ? void 0 : _d.tableRootClassName), children: [_jsx(Table.Header, { children: table
+                            .getHeaderGroups()
+                            .map(function (headerGroup) {
+                            return (_jsx(Table.Row, { children: headerGroup.headers.map(function (header, index) {
+                                    var _a;
+                                    return (_jsxs(Table.ColumnHeaderCell, { colSpan: header.colSpan,
+                                        style: {
+                                            width: header.getSize(),
+                                            borderLeftWidth: index === 0 ? 0 : 1,
+                                        }, className: "border-l-slateA-5 dark:border-l-slateDarkA-5", children: [header.isPlaceholder ? null : (_jsxs("div", { className: header.column.getCanSort()
+                                                    ? 'flex cursor-pointer select-none items-center justify-between'
+                                                    : 'h-full w-full flex-1', 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, { className: "border-b border-b-slateA-5 dark:border-b-slateDarkA-5", children: table
+                            .getRowModel()
+                            .rows.map(function (row) { return (_jsx(Table.Row, { onClick: function () { return table.options.onRowClick && table.options.onRowClick(row); }, onDoubleClick: function () {
+                                return table.options.onRowDoubleClick && table.options.onRowDoubleClick(row);
+                            }, className: "hover:bg-slateA-3 dark:hover:bg-slateDarkA-3 ".concat(row.getIsSelected() ? 'bg-gray-200' : ''), children: row.getVisibleCells().map(function (cell, index) {
+                                return (_jsx(Table.Cell, __assign({ 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(NumberingPagination, { table: table, size: size })] }) }));
+                                        borderLeftWidth: index === 0 ? 0 : 1,
+                                    }, className: "border-l-slateA-5 dark:border-l-slateDarkA-5" }, cell.column.columnDef.meta, { children: flexRender(cell.column.columnDef.cell, cell.getContext()) }), cell.id));
+                            }) }, row.id)); }) })] }), ((_e = table.options) === null || _e === void 0 ? void 0 : _e.enableRowPagination) && (_jsx(_Fragment, { children: _jsx("div", { className: cn('py-[6px]'), children: _jsx(NumberingPagination, { table: table }) }) }))] }));
 }
 export default Grid;

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

@@ -1,3 +1,3 @@
 "use client";
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import{flexRender as n}from"@tanstack/react-table";import t from"../Table/index.mjs";import{ChevronUpIcon as i,ChevronDownIcon as r}from"@radix-ui/react-icons";import{cn as l}from"../../utils/utils.mjs";import{bgColorStyle as c}from"../../constants.mjs";import{cva as s}from"class-variance-authority";import a from"./NumberingPagination.mjs";var u=s("",{variants:{color:c()},defaultVariants:{color:"red"}});function d(c){var s,d,m,p=c.table,g=c.size,f=void 0===g?"medium":g;return e("div",{style:{direction:p.options.columnResizeDirection},children:o("div",{className:"overflow-x-auto",children:[o(t.Root,{style:{},size:f,appearance:null===(s=p.options)||void 0===s?void 0:s.appearance,radius:null===(d=p.options)||void 0===d?void 0:d.radius,children:[e(t.Header,{children:p.getHeaderGroups().map((function(c){return e(t.Row,{children:c.headers.map((function(c){var s;return o(t.ColumnHeaderCell,{size:f,colSpan:c.colSpan,style:{width:c.getSize()},children:[c.isPlaceholder?null:o("div",{className:c.column.getCanSort()?"flex cursor-pointer select-none":"",onClick:c.column.getToggleSortingHandler(),title:c.column.getCanSort()?"asc"===c.column.getNextSortingOrder()?"Sort ascending":"desc"===c.column.getNextSortingOrder()?"Sort descending":"Clear sort":void 0,children:[n(c.column.columnDef.header,c.getContext()),"asc"==c.column.getIsSorted()?e(i,{}):"desc"==c.column.getIsSorted()?e(r,{}):null]}),e("div",{onDoubleClick:function(){return c.column.resetSize()},onMouseDown:c.getResizeHandler(),onTouchStart:c.getResizeHandler(),className:l("absolute top-0 h-full w-[3px] bg-slateA-3 cursor-col-resize select-none touch-none right-0 opacity-0 hover:opacity-100",p.options.columnResizeDirection,c.column.getIsResizing()?u({color:p.options.color}):""),style:{transform:c.column.getIsResizing()?"translateX(".concat(("rtl"===p.options.columnResizeDirection?-1:1)*(null!==(s=p.getState().columnSizingInfo.deltaOffset)&&void 0!==s?s:0),"px)"):""}})]},c.id)}))},c.id)}))}),e(t.Body,{children:p.getRowModel().rows.map((function(o){return e(t.Row,{onClick:function(){return p.options.onRowClick&&p.options.onRowClick(o)},children:o.getVisibleCells().map((function(o){return e(t.Cell,{style:{width:o.column.getSize()},className:"h-[30px]",children:n(o.column.columnDef.cell,o.getContext())},o.id)}))},o.id)}))})]}),e("div",{className:"h-2"}),(null===(m=p.options)||void 0===m?void 0:m.enableRowPagination)&&e(a,{table:p,size:f})]})})}export{u as GridVariants,d as default};
+import{jsxs as e,jsx as o,Fragment as t}from"react/jsx-runtime";import{flexRender as n}from"@tanstack/react-table";import r from"../Table/index.mjs";import{ChevronUpIcon as l,ChevronDownIcon as i}from"@radix-ui/react-icons";import{cn as a}from"../../utils/utils.mjs";import{bgColorStyle as s,radiusVariants as c}from"../../constants.mjs";import{cva as d}from"class-variance-authority";import u from"./NumberingPagination.mjs";var m=function(){return m=Object.assign||function(e){for(var o,t=1,n=arguments.length;t<n;t++)for(var r in o=arguments[t])Object.prototype.hasOwnProperty.call(o,r)&&(e[r]=o[r]);return e},m.apply(this,arguments)},p=d("",{variants:{color:s(),radius:m({},c.large)},defaultVariants:{radius:"medium"}});function g(s){var c,d,g,f,b=s.table;return e("div",{style:{direction:b.options.columnResizeDirection},children:[e(r.Root,{size:null===(c=b.options)||void 0===c?void 0:c.size,appearance:null===(d=b.options)||void 0===d?void 0:d.appearance,radius:b.options.radius,className:a("",null===(g=b.options)||void 0===g?void 0:g.tableRootClassName),children:[o(r.Header,{children:b.getHeaderGroups().map((function(t){return o(r.Row,{children:t.headers.map((function(t,s){var c;return e(r.ColumnHeaderCell,{colSpan:t.colSpan,style:{width:t.getSize(),borderLeftWidth:0===s?0:1},className:"border-l-slateA-5 dark:border-l-slateDarkA-5",children:[t.isPlaceholder?null:e("div",{className:t.column.getCanSort()?"flex cursor-pointer select-none items-center justify-between":"h-full w-full flex-1",onClick:t.column.getToggleSortingHandler(),title:t.column.getCanSort()?"asc"===t.column.getNextSortingOrder()?"Sort ascending":"desc"===t.column.getNextSortingOrder()?"Sort descending":"Clear sort":void 0,children:[n(t.column.columnDef.header,t.getContext()),"asc"==t.column.getIsSorted()?o(l,{}):"desc"==t.column.getIsSorted()?o(i,{}):null]}),o("div",{onDoubleClick:function(){return t.column.resetSize()},onMouseDown:t.getResizeHandler(),onTouchStart:t.getResizeHandler(),className:a("absolute top-0 h-full w-[3px] bg-slateA-3 cursor-col-resize select-none touch-none right-0 opacity-0 hover:opacity-100",b.options.columnResizeDirection,t.column.getIsResizing()?p({color:b.options.color}):""),style:{transform:t.column.getIsResizing()?"translateX(".concat(("rtl"===b.options.columnResizeDirection?-1:1)*(null!==(c=b.getState().columnSizingInfo.deltaOffset)&&void 0!==c?c:0),"px)"):""}})]},t.id)}))},t.id)}))}),o(r.Body,{className:"border-b border-b-slateA-5 dark:border-b-slateDarkA-5",children:b.getRowModel().rows.map((function(e){return o(r.Row,{onClick:function(){return b.options.onRowClick&&b.options.onRowClick(e)},onDoubleClick:function(){return b.options.onRowDoubleClick&&b.options.onRowDoubleClick(e)},className:"hover:bg-slateA-3 dark:hover:bg-slateDarkA-3 ".concat(e.getIsSelected()?"bg-gray-200":""),children:e.getVisibleCells().map((function(e,t){return o(r.Cell,m({style:{width:e.column.getSize(),borderLeftWidth:0===t?0:1},className:"border-l-slateA-5 dark:border-l-slateDarkA-5"},e.column.columnDef.meta,{children:n(e.column.columnDef.cell,e.getContext())}),e.id)}))},e.id)}))})]}),(null===(f=b.options)||void 0===f?void 0:f.enableRowPagination)&&o(t,{children:o("div",{className:a("py-[6px]"),children:o(u,{table:b})})})]})}export{p as GridVariants,g as default};
 //# sourceMappingURL=index.mjs.map

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

@@ -21,7 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, 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';
@@ -29,22 +29,22 @@ 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 indeterminate = _a.indeterminate, checked = _a.checked, disabled = _a.disabled, onChange = _a.onChange, size = _a.size, color = _a.color, radius = _a.radius;
     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 }));
+    return (_jsx(Checkbox, { ref: ref, id: "checkbox", checked: checked, disabled: disabled, size: size, onCheckedChange: function (v) { return onChange && onChange({ target: { value: v } }); }, indeterminate: indeterminate, className: "mr-0", color: color, radius: radius }));
 }
 export var useGrid = function (_a) {
-    var _b, _c;
+    var _b, _c, _d;
     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 _e = React.useState([]), sorting = _e[0], setSorting = _e[1];
+    var _f = React.useState({}), expanded = _f[0], setExpanded = _f[1];
+    var _g = React.useState({}), defaultRowSelection = _g[0], setDefaultRowSelection = _g[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));
@@ -53,7 +53,7 @@ export var useGrid = function (_a) {
         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() })] }));
+                return (_jsxs("div", { className: "flex cursor-pointer items-center", style: { paddingLeft: "".concat(props.row.depth * 10, "px") }, onClick: props.row.getToggleExpandedHandler(), children: [props.row.getCanExpand() ? (_jsx(IconButton, { appearance: "ghost", size: "small", className: "mr-1 h-3 w-3", color: (_a = props.color) !== null && _a !== void 0 ? _a : theme.themeColor, children: props.row.getIsExpanded() ? _jsx(ChevronDownIcon, {}) : _jsx(ChevronRightIcon, {}) })) : (_jsx("div", { className: "mr-2" })), _jsx("div", { children: firstcell_1 ? firstcell_1(props) : props.getValue() })] }));
             } });
     }
     if (props.enableIndexing && !props.enableExpanding) {
@@ -70,22 +70,33 @@ export var useGrid = function (_a) {
     if (props.enableRowSelection) {
         columnsData === null || columnsData === void 0 ? void 0 : columnsData.unshift({
             id: 'select',
-            size: 50,
+            size: 20,
             header: function (_a) {
+                var _b, _c;
                 var table = _a.table;
-                return (_jsx("div", { className: "header-checkbox", children: _jsx(IndeterminateCheckbox, { checked: table.getIsAllRowsSelected() || table.getIsSomeRowsSelected(),
+                return (_jsx("div", { className: "flex h-full w-full items-center justify-center px-1", children: _jsx(IndeterminateCheckbox, { checked: table.getIsAllRowsSelected() || table.getIsSomeRowsSelected(),
                         indeterminate: table.getIsSomeRowsSelected(),
-                        onChange: table.getToggleAllRowsSelectedHandler() }) }));
+                        onChange: table.getToggleAllRowsSelectedHandler(),
+                        size: (props === null || props === void 0 ? void 0 : props.size) == 'x-small' ? 'small' : props === null || props === void 0 ? void 0 : props.size,
+                        color: (_b = props.color) !== null && _b !== void 0 ? _b : theme.themeColor,
+                        radius: (_c = props.radius) !== null && _c !== void 0 ? _c : theme.themeRadius }) }));
             },
             cell: function (_a) {
+                var _b, _c;
                 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(),
+                return (_jsx("div", { className: "flex h-full w-full items-center justify-center px-1", children: _jsx(IndeterminateCheckbox, { checked: row.getIsSelected() || row.getIsSomeSelected() || row.getIsAllSubRowsSelected(),
                         indeterminate: row.getIsSomeSelected() && !row.getIsAllSubRowsSelected(),
-                        onChange: row.getToggleSelectedHandler() }) }));
+                        onChange: row.getToggleSelectedHandler(),
+                        size: (props === null || props === void 0 ? void 0 : props.size) == 'x-small' ? 'small' : props === null || props === void 0 ? void 0 : props.size,
+                        color: (_b = props.color) !== null && _b !== void 0 ? _b : theme.themeColor,
+                        radius: (_c = props.radius) !== null && _c !== void 0 ? _c : theme.themeRadius }) }));
             },
         });
     }
-    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() });
+    var reactTableProps = __assign(__assign({ state: { sorting: sorting, rowSelection: (_c = props.rowSelection) !== null && _c !== void 0 ? _c : defaultRowSelection, expanded: expanded } }, props), { data: props.data, columns: columnsData, color: (_d = props.color) !== null && _d !== void 0 ? _d : theme.themeColor, paginateExpandedRows: true, enableExpanding: !!props.enableExpanding, getSubRows: function (row) { return row.subRows; }, onExpandedChange: setExpanded, onSortingChange: setSorting, onRowSelectionChange: function (e) {
+            setDefaultRowSelection(e);
+            props.onChangeRowSelection && props.onChangeRowSelection(e);
+        }, getSortedRowModel: getSortedRowModel(), getCoreRowModel: getCoreRowModel(), getExpandedRowModel: getExpandedRowModel(), manualPagination: false });
     if (props.enableRowPagination) {
         reactTableProps['getPaginationRowModel'] = getPaginationRowModel();
     }

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

@@ -1,3 +1,3 @@
 "use client";
-import{jsxs as e,jsx as n,Fragment as t}from"react/jsx-runtime";import{createColumnHelper as o,getSortedRowModel as r,getCoreRowModel as a,getExpandedRowModel as l,getPaginationRowModel as i,useReactTable as d}from"@tanstack/react-table";import c,{useRef as s}from"react";import{IconButton as u}from"../IconButton/index.mjs";import{ChevronDownIcon as g,ChevronRightIcon as p}from"@radix-ui/react-icons";import{Checkbox as m}from"../Checkbox/index.mjs";import{useTheme as h}from"../../theme/ThemeProvider.mjs";var f=function(){return f=Object.assign||function(e){for(var n,t=1,o=arguments.length;t<o;t++)for(var r in n=arguments[t])Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r]);return e},f.apply(this,arguments)},b=function(e,n){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&n.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)n.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(t[o[r]]=e[o[r]])}return t};function w(e){var t=e.indeterminate,o=e.checked,r=e.disabled,a=e.onChange,l=s();return c.useEffect((function(){"boolean"==typeof t&&(l.current.indeterminate=o&&t)}),[l,t]),n(m,{ref:l,id:"checkbox",checked:o,disabled:r,onCheckedChange:function(e){return a&&a({target:{value:e}})},indeterminate:t})}var x=function(s){var m,x,v=b(s,[]),S=h().theme,R=c.useState([]),y=R[0],C=R[1],O=c.useState({}),E=O[0],I=O[1],j=c.useState({}),k=j[0],P=j[1],N=o(),A=null===(m=null==v?void 0:v.columns)||void 0===m?void 0:m.map((function(e){return N.accessor(e.id,f({},e))}));if(v.enableExpanding){var M=A[0].cell;A[0]=f(f({},A[0]),{cell:function(o){var r;return e("div",{className:"flex",style:{paddingLeft:"".concat(10*o.row.depth,"px")},children:[o.row.getCanExpand()?n(u,{onClick:o.row.getToggleExpandedHandler(),appearance:"ghost",className:"h-3 w-3",color:null!==(r=o.color)&&void 0!==r?r:S.themeColor,children:o.row.getIsExpanded()?n(g,{}):n(p,{})}):n(t,{}),n("div",{children:M?M(o):o.getValue()})]})}})}v.enableIndexing&&!v.enableExpanding&&(null==A||A.unshift({id:"index",size:50,header:"NO",cell:function(e){var t=e.row;return n("div",{children:t.index+1})}})),v.enableRowSelection&&(null==A||A.unshift({id:"select",size:50,header:function(e){var t=e.table;return n("div",{className:"header-checkbox",children:n(w,{checked:t.getIsAllRowsSelected()||t.getIsSomeRowsSelected(),indeterminate:t.getIsSomeRowsSelected(),onChange:t.getToggleAllRowsSelectedHandler()})})},cell:function(e){var t=e.row;return n("div",{className:"px-1",style:{paddingLeft:"".concat(10*t.depth,"px")},children:n(w,{checked:t.getIsSelected()||t.getIsSomeSelected()||t.getIsAllSubRowsSelected(),indeterminate:t.getIsSomeSelected()&&!t.getIsAllSubRowsSelected(),onChange:t.getToggleSelectedHandler()})})}}));var T=f(f({state:{sorting:y,rowSelection:k,expanded:E}},v),{data:v.data,columns:A,color:null!==(x=v.color)&&void 0!==x?x:S.themeColor,paginateExpandedRows:!0,enableExpanding:!!v.enableExpanding,getSubRows:function(e){return e.subRows},onExpandedChange:I,onSortingChange:C,onRowSelectionChange:P,getSortedRowModel:r(),getCoreRowModel:a(),getExpandedRowModel:l()});return v.enableRowPagination&&(T.getPaginationRowModel=i()),d(T)};export{x as useGrid};
+import{jsxs as e,jsx as n}from"react/jsx-runtime";import{createColumnHelper as o,getSortedRowModel as t,getCoreRowModel as l,getExpandedRowModel as r,getPaginationRowModel as i,useReactTable as a}from"@tanstack/react-table";import d,{useRef as c}from"react";import{IconButton as s}from"../IconButton/index.mjs";import{ChevronDownIcon as u,ChevronRightIcon as m}from"@radix-ui/react-icons";import{Checkbox as g}from"../Checkbox/index.mjs";import{useTheme as f}from"../../theme/ThemeProvider.mjs";var h=function(){return h=Object.assign||function(e){for(var n,o=1,t=arguments.length;o<t;o++)for(var l in n=arguments[o])Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l]);return e},h.apply(this,arguments)},p=function(e,n){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&n.indexOf(t)<0&&(o[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(t=Object.getOwnPropertySymbols(e);l<t.length;l++)n.indexOf(t[l])<0&&Object.prototype.propertyIsEnumerable.call(e,t[l])&&(o[t[l]]=e[t[l]])}return o};function v(e){var o=e.indeterminate,t=e.checked,l=e.disabled,r=e.onChange,i=e.size,a=e.color,s=e.radius,u=c();return d.useEffect((function(){"boolean"==typeof o&&(u.current.indeterminate=t&&o)}),[u,o]),n(g,{ref:u,id:"checkbox",checked:t,disabled:l,size:i,onCheckedChange:function(e){return r&&r({target:{value:e}})},indeterminate:o,className:"mr-0",color:a,radius:s})}var w=function(c){var g,w,x,S=p(c,[]),b=f().theme,R=d.useState([]),C=R[0],y=R[1],O=d.useState({}),j=O[0],E=O[1],I=d.useState({}),z=I[0],k=I[1],P=o(),N=null===(g=null==S?void 0:S.columns)||void 0===g?void 0:g.map((function(e){return P.accessor(e.id,h({},e))}));if(S.enableExpanding){var A=N[0].cell;N[0]=h(h({},N[0]),{cell:function(o){var t;return e("div",{className:"flex cursor-pointer items-center",style:{paddingLeft:"".concat(10*o.row.depth,"px")},onClick:o.row.getToggleExpandedHandler(),children:[o.row.getCanExpand()?n(s,{appearance:"ghost",size:"small",className:"mr-1 h-3 w-3",color:null!==(t=o.color)&&void 0!==t?t:b.themeColor,children:o.row.getIsExpanded()?n(u,{}):n(m,{})}):n("div",{className:"mr-2"}),n("div",{children:A?A(o):o.getValue()})]})}})}S.enableIndexing&&!S.enableExpanding&&(null==N||N.unshift({id:"index",size:50,header:"NO",cell:function(e){var o=e.row;return n("div",{children:o.index+1})}})),S.enableRowSelection&&(null==N||N.unshift({id:"select",size:20,header:function(e){var o,t,l=e.table;return n("div",{className:"flex h-full w-full items-center justify-center px-1",children:n(v,{checked:l.getIsAllRowsSelected()||l.getIsSomeRowsSelected(),indeterminate:l.getIsSomeRowsSelected(),onChange:l.getToggleAllRowsSelectedHandler(),size:"x-small"==(null==S?void 0:S.size)?"small":null==S?void 0:S.size,color:null!==(o=S.color)&&void 0!==o?o:b.themeColor,radius:null!==(t=S.radius)&&void 0!==t?t:b.themeRadius})})},cell:function(e){var o,t,l=e.row;return n("div",{className:"flex h-full w-full items-center justify-center px-1",children:n(v,{checked:l.getIsSelected()||l.getIsSomeSelected()||l.getIsAllSubRowsSelected(),indeterminate:l.getIsSomeSelected()&&!l.getIsAllSubRowsSelected(),onChange:l.getToggleSelectedHandler(),size:"x-small"==(null==S?void 0:S.size)?"small":null==S?void 0:S.size,color:null!==(o=S.color)&&void 0!==o?o:b.themeColor,radius:null!==(t=S.radius)&&void 0!==t?t:b.themeRadius})})}}));var M=h(h({state:{sorting:C,rowSelection:null!==(w=S.rowSelection)&&void 0!==w?w:z,expanded:j}},S),{data:S.data,columns:N,color:null!==(x=S.color)&&void 0!==x?x:b.themeColor,paginateExpandedRows:!0,enableExpanding:!!S.enableExpanding,getSubRows:function(e){return e.subRows},onExpandedChange:E,onSortingChange:y,onRowSelectionChange:function(e){k(e),S.onChangeRowSelection&&S.onChangeRowSelection(e)},getSortedRowModel:t(),getCoreRowModel:l(),getExpandedRowModel:r(),manualPagination:!1});return S.enableRowPagination&&(M.getPaginationRowModel=i()),a(M)};export{w as useGrid};
 //# sourceMappingURL=useGrid.mjs.map

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

@@ -33,11 +33,11 @@ var iconButtonVariants = cva("grid place-content-center transition-colors focus:
         radius: __assign({}, radiusVariants['base']),
         scaling: __assign({}, scalingVariants),
         size: {
-            'x-small': 'p-1 w-5 h-5',
-            small: 'p-[6px] w-6 h-6',
-            medium: 'p-2 w-8 h-8',
-            large: 'p-[11px] w-10 h-10',
-            'x-large': 'p-[14px] w-12 h-12',
+            'x-small': 'p-[3px] w-5 h-5',
+            small: 'p-1 w-6 h-6',
+            medium: 'p-[7px] w-8 h-8',
+            large: 'p-[9px] w-10 h-10',
+            'x-large': 'p-[11px] w-12 h-12',
         },
         color: primaryColorStyle(),
     },
@@ -49,11 +49,11 @@ var iconButtonVariants = cva("grid place-content-center transition-colors focus:
     },
 });
 var iconSize = {
-    'x-small': 12,
-    small: 14,
-    medium: 16,
-    large: 18,
-    'x-large': 20,
+    'x-small': 14,
+    small: 16,
+    medium: 18,
+    large: 22,
+    'x-large': 26,
 };
 export var IconButton = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, radius = _a.radius, _b = _a.size, size = _b === void 0 ? 'medium' : _b, scaling = _a.scaling, color = _a.color, _c = _a.appearance, appearance = _c === void 0 ? 'solid' : _c, props = __rest(_a, ["children", "className", "radius", "size", "scaling", "color", "appearance"]);

package/dist/lib/components/IconButton/index.mjs

@@ -1,3 +1,3 @@
 "use client";
-import{jsx as e}from"react/jsx-runtime";import r,{forwardRef as t,Children as o}from"react";import{cva as a}from"class-variance-authority";import{radiusVariants as l,scalingVariants as n,primaryColorStyle as i,appearanceStyle as s}from"../../constants.mjs";import{cn as c}from"../../utils/utils.mjs";import{useTheme as m}from"../../theme/ThemeProvider.mjs";import{MAIN_COLOR as p}from"../../color/constants.mjs";var u=function(){return u=Object.assign||function(e){for(var r,t=1,o=arguments.length;t<o;t++)for(var a in r=arguments[t])Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a]);return e},u.apply(this,arguments)},d=function(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(e);a<o.length;a++)r.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(e,o[a])&&(t[o[a]]=e[o[a]])}return t},f=a("grid place-content-center transition-colors focus:outline-none hover:cursor-pointer\n  disabled:cursor-not-allowed disabled:bg-slate-3 disabled:text-slate-8",{variants:{radius:u({},l.base),scaling:u({},n),size:{"x-small":"p-1 w-5 h-5",small:"p-[6px] w-6 h-6",medium:"p-2 w-8 h-8",large:"p-[11px] w-10 h-10","x-large":"p-[14px] w-12 h-12"},color:i()},defaultVariants:{radius:"medium",scaling:"100%",size:"medium",color:p}}),h={"x-small":12,small:14,medium:16,large:18,"x-large":20},g=t((function(t,a){var l=t.children,n=t.className,i=t.radius,p=t.size,g=void 0===p?"medium":p,b=t.scaling,y=t.color,v=t.appearance,x=void 0===v?"solid":v,O=d(t,["children","className","radius","size","scaling","color","appearance"]),j=m().theme,w=h[g],z=h[g],P={radius:null!=i?i:j.themeRadius,scaling:null!=b?b:j.themeScaling,color:null!=y?y:j.themeColor,size:g},N=c(f(P),s(x,P.color,!0),n);return e("button",u({ref:a,className:N},O,{children:o.map(l,(function(e){return r.cloneElement(e,{width:w,height:z})}))}))}));g.displayName="IconButton";export{g as IconButton,g as default};
+import{jsx as e}from"react/jsx-runtime";import r,{forwardRef as t,Children as o}from"react";import{cva as a}from"class-variance-authority";import{radiusVariants as l,scalingVariants as n,primaryColorStyle as i,appearanceStyle as s}from"../../constants.mjs";import{cn as c}from"../../utils/utils.mjs";import{useTheme as m}from"../../theme/ThemeProvider.mjs";import{MAIN_COLOR as p}from"../../color/constants.mjs";var u=function(){return u=Object.assign||function(e){for(var r,t=1,o=arguments.length;t<o;t++)for(var a in r=arguments[t])Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a]);return e},u.apply(this,arguments)},d=function(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(e);a<o.length;a++)r.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(e,o[a])&&(t[o[a]]=e[o[a]])}return t},f=a("grid place-content-center transition-colors focus:outline-none hover:cursor-pointer\n  disabled:cursor-not-allowed disabled:bg-slate-3 disabled:text-slate-8",{variants:{radius:u({},l.base),scaling:u({},n),size:{"x-small":"p-[3px] w-5 h-5",small:"p-1 w-6 h-6",medium:"p-[7px] w-8 h-8",large:"p-[9px] w-10 h-10","x-large":"p-[11px] w-12 h-12"},color:i()},defaultVariants:{radius:"medium",scaling:"100%",size:"medium",color:p}}),h={"x-small":14,small:16,medium:18,large:22,"x-large":26},g=t((function(t,a){var l=t.children,n=t.className,i=t.radius,p=t.size,g=void 0===p?"medium":p,b=t.scaling,y=t.color,v=t.appearance,x=void 0===v?"solid":v,O=d(t,["children","className","radius","size","scaling","color","appearance"]),j=m().theme,w=h[g],z=h[g],P={radius:null!=i?i:j.themeRadius,scaling:null!=b?b:j.themeScaling,color:null!=y?y:j.themeColor,size:g},N=c(f(P),s(x,P.color,!0),n);return e("button",u({ref:a,className:N},O,{children:o.map(l,(function(e){return r.cloneElement(e,{width:w,height:z})}))}))}));g.displayName="IconButton";export{g as IconButton,g as default};
 //# sourceMappingURL=index.mjs.map

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

@@ -52,7 +52,17 @@ var LineChart = function (_a) {
     return (_jsx(Line, __assign({ data: { labels: labels, datasets: datasets }, options: {
             plugins: {
                 title: title,
-                legend: legend,
+                legend: __assign(__assign({}, legend), { labels: __assign({ generateLabels: function (chart) {
+                            var data = chart.data;
+                            return data.datasets.map(function (dataset, i) {
+                                return {
+                                    text: dataset.label || '',
+                                    fillStyle: dataset.borderColor,
+                                    lineWidth: dataset.borderWidth,
+                                    strokeStyle: dataset.borderColor,
+                                };
+                            });
+                        } }, legend === null || legend === void 0 ? void 0 : legend.labels) }),
             },
             indexAxis: indexAxis,
             scales: __assign(__assign({}, defaultScales.linescale), scales),

package/dist/lib/components/LineChart/index.mjs

@@ -1,3 +1,3 @@
 "use client";
-import{jsx as t}from"react/jsx-runtime";import{Line as r}from"react-chartjs-2";import{Chart as e,CategoryScale as o,LinearScale as a,LineElement as i,PointElement as s,Tooltip as l,Legend as n}from"chart.js/auto";import{scalingVariants as c}from"../../constants.mjs";import{cva as d}from"class-variance-authority";import{cn as p}from"../../utils/utils.mjs";import{chartColorList as m,chartAlphaColorList as u}from"../../color/constants.mjs";import{useDarkMode as f}from"../../utils/useDarkMode.mjs";var g=function(){return g=Object.assign||function(t){for(var r,e=1,o=arguments.length;e<o;e++)for(var a in r=arguments[e])Object.prototype.hasOwnProperty.call(r,a)&&(t[a]=r[a]);return t},g.apply(this,arguments)},h=function(t,r){var e={};for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&r.indexOf(o)<0&&(e[o]=t[o]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(t);a<o.length;a++)r.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(t,o[a])&&(e[o[a]]=t[o[a]])}return e};e.register(o,a,i,s,l,n);var b=d("",{variants:{scaling:g({},c)},defaultVariants:{scaling:"100%"}}),v=function(e){var o=e.className,a=e.title,i=e.datasets,s=e.labels,l=e.scaling,n=e.legend,c=e.width,d=e.height,v=e.indexAxis,x=e.appearance,y=void 0===x?"solid":x,j=e.scales,O=e.isColorMixed,w=void 0===O||O,C=h(e,["className","title","datasets","labels","scaling","legend","width","height","indexAxis","appearance","scales","isColorMixed"]),N=f()[1],P=w?m.mixed:m.sorting,k=w?u.mixed:u.sorting;return i.forEach((function(t,r){var e,o;i[r]=g(g({},t),{borderColor:null!==(e=t.borderColor)&&void 0!==e?e:P[r%P.length],backgroundColor:(null!==(o=t.backgroundColor)&&void 0!==o?o:"solid"==y)?P[r%P.length]:k[r%P.length]})})),t(r,g({data:{labels:s,datasets:i},options:{plugins:{title:a,legend:n},indexAxis:v,scales:g(g({},N.linescale),j)},className:p(b({scaling:l}),o),width:c,height:d},C))};v.displayName="LineChart";export{v as default};
+import{jsx as t}from"react/jsx-runtime";import{Line as e}from"react-chartjs-2";import{Chart as r,CategoryScale as o,LinearScale as a,LineElement as l,PointElement as i,Tooltip as s,Legend as n}from"chart.js/auto";import{scalingVariants as c}from"../../constants.mjs";import{cva as d}from"class-variance-authority";import{cn as p}from"../../utils/utils.mjs";import{chartColorList as m,chartAlphaColorList as u}from"../../color/constants.mjs";import{useDarkMode as f}from"../../utils/useDarkMode.mjs";var g=function(){return g=Object.assign||function(t){for(var e,r=1,o=arguments.length;r<o;r++)for(var a in e=arguments[r])Object.prototype.hasOwnProperty.call(e,a)&&(t[a]=e[a]);return t},g.apply(this,arguments)},h=function(t,e){var r={};for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&e.indexOf(o)<0&&(r[o]=t[o]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(t);a<o.length;a++)e.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(t,o[a])&&(r[o[a]]=t[o[a]])}return r};r.register(o,a,l,i,s,n);var b=d("",{variants:{scaling:g({},c)},defaultVariants:{scaling:"100%"}}),v=function(r){var o=r.className,a=r.title,l=r.datasets,i=r.labels,s=r.scaling,n=r.legend,c=r.width,d=r.height,v=r.indexAxis,y=r.appearance,x=void 0===y?"solid":y,j=r.scales,O=r.isColorMixed,C=void 0===O||O,w=h(r,["className","title","datasets","labels","scaling","legend","width","height","indexAxis","appearance","scales","isColorMixed"]),k=f()[1],N=C?m.mixed:m.sorting,P=C?u.mixed:u.sorting;return l.forEach((function(t,e){var r,o;l[e]=g(g({},t),{borderColor:null!==(r=t.borderColor)&&void 0!==r?r:N[e%N.length],backgroundColor:(null!==(o=t.backgroundColor)&&void 0!==o?o:"solid"==x)?N[e%N.length]:P[e%N.length]})})),t(e,g({data:{labels:i,datasets:l},options:{plugins:{title:a,legend:g(g({},n),{labels:g({generateLabels:function(t){return t.data.datasets.map((function(t,e){return{text:t.label||"",fillStyle:t.borderColor,lineWidth:t.borderWidth,strokeStyle:t.borderColor}}))}},null==n?void 0:n.labels)})},indexAxis:v,scales:g(g({},k.linescale),j)},className:p(b({scaling:s}),o),width:c,height:d},w))};v.displayName="LineChart";export{v as default};
 //# sourceMappingURL=index.mjs.map

package/dist/lib/components/Modal/ModalAction.js

@@ -29,7 +29,6 @@ import { primaryColorStyle } from '../../../lib/constants';
 import { MAIN_COLOR } from '../../../lib/color/constants';
 import { ModalContext } from './ModalRoot';
 import { cn } from '../../../lib/utils/utils';
-import { Text } from '../../../lib';
 export var modalActionVariants = cva('rounded-md inline-flex font-medium items-center justify-center px-[15px] hover:cursor-pointer', {
     variants: {
         radius: {
@@ -57,6 +56,6 @@ export var ModalAction = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
     var _b = useContext(ModalContext), radius = _b.radius, size = _b.size, color = _b.color;
     var buttonClassName = cn(modalActionVariants({ radius: radius, size: size, color: color }), className);
-    return (_jsx(DialogTheme.Close, __assign({ ref: ref, className: buttonClassName }, props, { children: typeof children === 'string' ? _jsx(Text, { children: children }) : children })));
+    return (_jsx(DialogTheme.Close, __assign({ ref: ref, className: buttonClassName }, props, { children: children })));
 });
 ModalAction.displayName = 'Modal.Action';

package/dist/lib/components/Modal/ModalAction.mjs

@@ -1,3 +1,3 @@
 "use client";
-import{jsx as o}from"react/jsx-runtime";import{forwardRef as t,useContext as r}from"react";import{cva as e}from"class-variance-authority";import{Dialog as i}from"@radix-ui/themes";import{primaryColorStyle as m}from"../../constants.mjs";import{MAIN_COLOR as n}from"../../color/constants.mjs";import{ModalContext as p}from"./ModalRoot.mjs";import{cn as a}from"../../utils/utils.mjs";import"../Accordion/index.mjs";import"../AlertDialog/AlertDialogRoot.mjs";import"../AlertDialog/AlertDialogTrigger.mjs";import"../AlertDialog/AlertDialogContent.mjs";import"../AlertDialog/AlertDialogTitle.mjs";import"../AlertDialog/AlertDialogDescription.mjs";import"../AlertDialog/AlertDialogCancel.mjs";import"../AlertDialog/AlertDialogAction.mjs";import"../AspectRatio/index.mjs";import"../Avatar/index.mjs";import"../Badge/index.mjs";import"../Box/index.mjs";import"../Breadcrumb/BreadcrumbRoot.mjs";import"../Breadcrumb/BreadcrumbItem.mjs";import"../Breadcrumb/BreadcrumbLink.mjs";import"../Breadcrumb/BreadcrumbList.mjs";import"../Breadcrumb/BreadcrumbPage.mjs";import"../Breadcrumb/BreadcrumbSeparator.mjs";import"../Breadcrumb/BreadcrumbEllipsis.mjs";import"../Button/index.mjs";import"../Calendar/index.mjs";import"../Callout/CalloutRoot.mjs";import"../Callout/CalloutText.mjs";import"../Callout/CalloutIcon.mjs";import"../Card/index.mjs";import"../Checkbox/index.mjs";import"../CheckboxCard/index.mjs";import"../CheckboxGroup/CheckboxGroupRoot.mjs";import"../CheckboxGroup/CheckboxGroupItem.mjs";import"../ContextMenu/ContextMenuRoot.mjs";import"../ContextMenu/ContextMenuContent.mjs";import"../ContextMenu/ContextMenuCheckboxItem.mjs";import"../ContextMenu/ContextMenuGroup.mjs";import"../ContextMenu/ContextMenuItem.mjs";import"../ContextMenu/ContextMenuItemIndicator.mjs";import"../ContextMenu/ContextMenuLabel.mjs";import"../ContextMenu/ContextMenuTrigger.mjs";import"../ContextMenu/ContextMenuRadioGroup.mjs";import"../ContextMenu/ContextMenuRadioItem.mjs";import"../ContextMenu/ContextMenuSeparator.mjs";import"../ContextMenu/ContextMenuSubTrigger.mjs";import"../ContextMenu/ContextMenuSubContent.mjs";import"../Collapsible/index.mjs";import"../Container/index.mjs";import"../DataList/DataListRoot.mjs";import"../DataList/DataListItem.mjs";import"../DataList/DataListLabel.mjs";import"../DataList/DataListValue.mjs";import"../Datepicker/index.mjs";import"../Dialog/DialogRoot.mjs";import"../Dialog/DialogTrigger.mjs";import"../Dialog/DialogContent.mjs";import"../Dialog/DialogTitle.mjs";import"../Dialog/DialogDescription.mjs";import"../Dialog/DialogSlot.mjs";import"../Dialog/DialogCancel.mjs";import"../Dialog/DialogAction.mjs";import"../DropdownMenu/DropdownMenuRoot.mjs";import"../DropdownMenu/DropdownMenuTrigger.mjs";import"../DropdownMenu/DropdownMenuContent.mjs";import"../DropdownMenu/DropdownMenuLable.mjs";import"../DropdownMenu/DropdownMenuItem.mjs";import"../DropdownMenu/DropdownMenuSeparator.mjs";import"../DropdownMenu/DropdownMenuCheckboxItem.mjs";import"../DropdownMenu/DropdonMenuRadioGroup.mjs";import"../DropdownMenu/DropdownMenuRadioItem.mjs";import"../DropdownMenu/DropdownMenuSub.mjs";import"../DropdownMenu/DropdownMenuSubTrigger.mjs";import"../DropdownMenu/DropdonMenuSubContent.mjs";import"../DropdownMenu/DropdownMenuItemIndicator.mjs";import"../Editor/index.mjs";import"../Flex/index.mjs";import"../Tabs/DynamicTabs.mjs";import"../Footer/index.mjs";import"../Gnb/GnbRoot.mjs";import"../Gnb/GnbLogo.mjs";import"../Gnb/GnbMenu.mjs";import"../Gnb/GnbMenuItem.mjs";import"../Gnb/GnbInfo.mjs";import"../GridLayout/index.mjs";import"../HoverCard/HoverCardRoot.mjs";import"../HoverCard/HoverCardTrigger.mjs";import"../HoverCard/HoverCardContent.mjs";import"../IconButton/index.mjs";import"../Inset/index.mjs";import"../Label/index.mjs";import"../Menubar/MenubarRoot.mjs";import"../Menubar/MenubarMenu.mjs";import"../Menubar/MenubarTrigger.mjs";import"../Menubar/MenubarContent.mjs";import"../Menubar/MenubarItem.mjs";import"../Menubar/MenubarSeparator.mjs";import"../Menubar/MenubarSub.mjs";import"../Menubar/MenubarSubTrigger.mjs";import"../Menubar/MenubarSubContent.mjs";import"../Menubar/MenubarCheckboxItem.mjs";import"../Menubar/MenubarItemIndicator.mjs";import"../Menubar/MenubarRadioGroup.mjs";import"../Menubar/MenubarRadioItem.mjs";import"./ModalTrigger.mjs";import"./ModalContent.mjs";import"./ModalTitle.mjs";import"./ModalDescription.mjs";import"./ModalFooter.mjs";import"./ModalCancel.mjs";import"../NavigationMenu/NavigationMenuRoot.mjs";import"../NavigationMenu/NavigationMenuList.mjs";import"../NavigationMenu/NavigationMenuItem.mjs";import"../NavigationMenu/NavigationMenuTrigger.mjs";import"../NavigationMenu/NavigationMenuContent.mjs";import"../NavigationMenu/NavigationMenuViewport.mjs";import"../NavigationMenu/NavigationMenuIndicator.mjs";import"../NavigationMenu/NavigationMenuLink.mjs";import"../Popover/PopoverRoot.mjs";import"../Popover/PopoverTrigger.mjs";import"../Popover/PopoverContent.mjs";import"../Popover/PopoverClose.mjs";import"../Progress/index.mjs";import"../Radio/index.mjs";import"../RadioCards/RadioCardsRoot.mjs";import"../RadioCards/RadioCardsItem.mjs";import"../RadioGroup/RadioGroupRoot.mjs";import"../RadioGroup/RadioGroupItem.mjs";import"../ScrollArea/index.mjs";import"../SearchBar/index.mjs";import"../SegmentedControl/SegmentedControlRoot.mjs";import"../SegmentedControl/SegmentedControlItem.mjs";import"../Select/index.mjs";import"../Separator/index.mjs";import"../SideBar/index.mjs";import"../Skeleton/index.mjs";import"../Slider/index.mjs";import"../Spinner/index.mjs";import"../Table/index.mjs";import"../TabNav/index.mjs";import"../Tabs/index.mjs";import"../TextArea/index.mjs";import"../TextField/index.mjs";import"../Timeline/TimelineRoot.mjs";import"../Timeline/TimelineItem.mjs";import"../Timeline/TimelineConnector.mjs";import"../Timeline/TimelineHeader.mjs";import"../Timeline/TimelineTime.mjs";import"../Timeline/TimelineIcon.mjs";import"../Timeline/TimelineTitle.mjs";import"../Timeline/TimelineContent.mjs";import"../Timeline/TimelineDescription.mjs";import"../Toast/ToastRoot.mjs";import"../Toast/ToastTitle.mjs";import"../Toast/ToastDescription.mjs";import"../Toast/ToastActionButton.mjs";import"../Toggle/index.mjs";import"../Toggle/ToggleWithText.mjs";import"../ToggleGroup/ToggleGroupRoot.mjs";import"../ToggleGroup/ToggleGroupItem.mjs";import"../ToggleSwitch/index.mjs";import"../Tooltip/index.mjs";import"../BarChart/index.mjs";import"../BubbleChart/index.mjs";import"../RadarChart/index.mjs";import"../LineChart/index.mjs";import"../PieChart/index.mjs";import"../DoughnutChart/index.mjs";import"../Grid/index.mjs";import"../Grid/useGrid.mjs";import"../Tree/index.mjs";import"../../Typography/Header/index.mjs";import s from"../../Typography/Text/index.mjs";import"../../theme/ThemeProvider.mjs";var u=function(){return u=Object.assign||function(o){for(var t,r=1,e=arguments.length;r<e;r++)for(var i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(o[i]=t[i]);return o},u.apply(this,arguments)},j=function(o,t){var r={};for(var e in o)Object.prototype.hasOwnProperty.call(o,e)&&t.indexOf(e)<0&&(r[e]=o[e]);if(null!=o&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(e=Object.getOwnPropertySymbols(o);i<e.length;i++)t.indexOf(e[i])<0&&Object.prototype.propertyIsEnumerable.call(o,e[i])&&(r[e[i]]=o[e[i]])}return r},d=e("rounded-md inline-flex font-medium items-center justify-center px-[15px] hover:cursor-pointer",{variants:{radius:{none:"rounded-none",small:"rounded-[3px]",medium:"rounded",large:"rounded-md",full:"rounded-full"},size:{small:"text-xs w-[52px] h-[24px] px-2",medium:"text-sm w-[66px] h-[32px] px-3",large:"text-base w-[72px] h-[32px] px-3","x-large":"text-lg w-[86px] h-[40px] px-6"},color:m()},defaultVariants:{radius:"medium",size:"medium",color:n}}),l=t((function(t,e){var m=t.children,n=t.className,l=j(t,["children","className"]),x=r(p),g=x.radius,M=x.size,b=x.color,c=a(d({radius:g,size:M,color:b}),n);return o(i.Close,u({ref:e,className:c},l,{children:"string"==typeof m?o(s,{children:m}):m}))}));l.displayName="Modal.Action";export{l as ModalAction,d as modalActionVariants};
+import{jsx as r}from"react/jsx-runtime";import{forwardRef as e,useContext as t}from"react";import{cva as o}from"class-variance-authority";import{Dialog as n}from"@radix-ui/themes";import{primaryColorStyle as i}from"../../constants.mjs";import{MAIN_COLOR as a}from"../../color/constants.mjs";import{ModalContext as s}from"./ModalRoot.mjs";import{cn as l}from"../../utils/utils.mjs";var m=function(){return m=Object.assign||function(r){for(var e,t=1,o=arguments.length;t<o;t++)for(var n in e=arguments[t])Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n]);return r},m.apply(this,arguments)},p=function(r,e){var t={};for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&e.indexOf(o)<0&&(t[o]=r[o]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(r);n<o.length;n++)e.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(r,o[n])&&(t[o[n]]=r[o[n]])}return t},u=o("rounded-md inline-flex font-medium items-center justify-center px-[15px] hover:cursor-pointer",{variants:{radius:{none:"rounded-none",small:"rounded-[3px]",medium:"rounded",large:"rounded-md",full:"rounded-full"},size:{small:"text-xs w-[52px] h-[24px] px-2",medium:"text-sm w-[66px] h-[32px] px-3",large:"text-base w-[72px] h-[32px] px-3","x-large":"text-lg w-[86px] h-[40px] px-6"},color:i()},defaultVariants:{radius:"medium",size:"medium",color:a}}),c=e((function(e,o){var i=e.children,a=e.className,c=p(e,["children","className"]),d=t(s),f=d.radius,x=d.size,h=d.color,y=l(u({radius:f,size:x,color:h}),a);return r(n.Close,m({ref:o,className:y},c,{children:i}))}));c.displayName="Modal.Action";export{c as ModalAction,u as modalActionVariants};
 //# sourceMappingURL=ModalAction.mjs.map

package/dist/lib/components/Modal/ModalCancel.js

@@ -27,7 +27,6 @@ import { cva } from 'class-variance-authority';
 import { Dialog as DialogTheme } from '@radix-ui/themes';
 import { ModalContext } from './ModalRoot';
 import { cn } from '../../../lib/utils/utils';
-import { Text } from '../../../lib';
 export var modalCancelVariants = cva("rounded-md font-medium inline-flex justify-center items-center text-slate-11 bg-slate-3 outline-none border-none\n    dark:text-slateDark-11 dark:bg-slateDark-3 dark:hover:bg-slateDarkA-4\n    active:border-none hover:cursor-pointer hover:bg-slateA-4", {
     variants: {
         radius: {
@@ -53,6 +52,6 @@ export var ModalCancel = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
     var _b = useContext(ModalContext), radius = _b.radius, size = _b.size;
     var buttonClassName = cn(modalCancelVariants({ radius: radius, size: size }), className);
-    return (_jsx(DialogTheme.Close, __assign({ ref: ref, className: buttonClassName }, props, { children: typeof children === 'string' ? _jsx(Text, { children: children }) : children })));
+    return (_jsx(DialogTheme.Close, __assign({ ref: ref, className: buttonClassName }, props, { children: children })));
 });
 ModalCancel.displayName = 'Modal.Cancel';

package/dist/lib/components/Modal/ModalCancel.mjs

@@ -1,3 +1,3 @@
 "use client";
-import{jsx as o}from"react/jsx-runtime";import{forwardRef as t,useContext as e}from"react";import{cva as r}from"class-variance-authority";import{Dialog as i}from"@radix-ui/themes";import{ModalContext as m}from"./ModalRoot.mjs";import{cn as n}from"../../utils/utils.mjs";import"../Accordion/index.mjs";import"../AlertDialog/AlertDialogRoot.mjs";import"../AlertDialog/AlertDialogTrigger.mjs";import"../AlertDialog/AlertDialogContent.mjs";import"../AlertDialog/AlertDialogTitle.mjs";import"../AlertDialog/AlertDialogDescription.mjs";import"../AlertDialog/AlertDialogCancel.mjs";import"../AlertDialog/AlertDialogAction.mjs";import"../AspectRatio/index.mjs";import"../Avatar/index.mjs";import"../Badge/index.mjs";import"../Box/index.mjs";import"../Breadcrumb/BreadcrumbRoot.mjs";import"../Breadcrumb/BreadcrumbItem.mjs";import"../Breadcrumb/BreadcrumbLink.mjs";import"../Breadcrumb/BreadcrumbList.mjs";import"../Breadcrumb/BreadcrumbPage.mjs";import"../Breadcrumb/BreadcrumbSeparator.mjs";import"../Breadcrumb/BreadcrumbEllipsis.mjs";import"../Button/index.mjs";import"../Calendar/index.mjs";import"../Callout/CalloutRoot.mjs";import"../Callout/CalloutText.mjs";import"../Callout/CalloutIcon.mjs";import"../Card/index.mjs";import"../Checkbox/index.mjs";import"../CheckboxCard/index.mjs";import"../CheckboxGroup/CheckboxGroupRoot.mjs";import"../CheckboxGroup/CheckboxGroupItem.mjs";import"../ContextMenu/ContextMenuRoot.mjs";import"../ContextMenu/ContextMenuContent.mjs";import"../ContextMenu/ContextMenuCheckboxItem.mjs";import"../ContextMenu/ContextMenuGroup.mjs";import"../ContextMenu/ContextMenuItem.mjs";import"../ContextMenu/ContextMenuItemIndicator.mjs";import"../ContextMenu/ContextMenuLabel.mjs";import"../ContextMenu/ContextMenuTrigger.mjs";import"../ContextMenu/ContextMenuRadioGroup.mjs";import"../ContextMenu/ContextMenuRadioItem.mjs";import"../ContextMenu/ContextMenuSeparator.mjs";import"../ContextMenu/ContextMenuSubTrigger.mjs";import"../ContextMenu/ContextMenuSubContent.mjs";import"../Collapsible/index.mjs";import"../Container/index.mjs";import"../DataList/DataListRoot.mjs";import"../DataList/DataListItem.mjs";import"../DataList/DataListLabel.mjs";import"../DataList/DataListValue.mjs";import"../Datepicker/index.mjs";import"../Dialog/DialogRoot.mjs";import"../Dialog/DialogTrigger.mjs";import"../Dialog/DialogContent.mjs";import"../Dialog/DialogTitle.mjs";import"../Dialog/DialogDescription.mjs";import"../Dialog/DialogSlot.mjs";import"../Dialog/DialogCancel.mjs";import"../Dialog/DialogAction.mjs";import"../DropdownMenu/DropdownMenuRoot.mjs";import"../DropdownMenu/DropdownMenuTrigger.mjs";import"../DropdownMenu/DropdownMenuContent.mjs";import"../DropdownMenu/DropdownMenuLable.mjs";import"../DropdownMenu/DropdownMenuItem.mjs";import"../DropdownMenu/DropdownMenuSeparator.mjs";import"../DropdownMenu/DropdownMenuCheckboxItem.mjs";import"../DropdownMenu/DropdonMenuRadioGroup.mjs";import"../DropdownMenu/DropdownMenuRadioItem.mjs";import"../DropdownMenu/DropdownMenuSub.mjs";import"../DropdownMenu/DropdownMenuSubTrigger.mjs";import"../DropdownMenu/DropdonMenuSubContent.mjs";import"../DropdownMenu/DropdownMenuItemIndicator.mjs";import"../Editor/index.mjs";import"../Flex/index.mjs";import"../Tabs/DynamicTabs.mjs";import"../Footer/index.mjs";import"../Gnb/GnbRoot.mjs";import"../Gnb/GnbLogo.mjs";import"../Gnb/GnbMenu.mjs";import"../Gnb/GnbMenuItem.mjs";import"../Gnb/GnbInfo.mjs";import"../GridLayout/index.mjs";import"../HoverCard/HoverCardRoot.mjs";import"../HoverCard/HoverCardTrigger.mjs";import"../HoverCard/HoverCardContent.mjs";import"../IconButton/index.mjs";import"../Inset/index.mjs";import"../Label/index.mjs";import"../Menubar/MenubarRoot.mjs";import"../Menubar/MenubarMenu.mjs";import"../Menubar/MenubarTrigger.mjs";import"../Menubar/MenubarContent.mjs";import"../Menubar/MenubarItem.mjs";import"../Menubar/MenubarSeparator.mjs";import"../Menubar/MenubarSub.mjs";import"../Menubar/MenubarSubTrigger.mjs";import"../Menubar/MenubarSubContent.mjs";import"../Menubar/MenubarCheckboxItem.mjs";import"../Menubar/MenubarItemIndicator.mjs";import"../Menubar/MenubarRadioGroup.mjs";import"../Menubar/MenubarRadioItem.mjs";import"./ModalTrigger.mjs";import"./ModalContent.mjs";import"./ModalTitle.mjs";import"./ModalDescription.mjs";import"./ModalFooter.mjs";import"./ModalAction.mjs";import"../NavigationMenu/NavigationMenuRoot.mjs";import"../NavigationMenu/NavigationMenuList.mjs";import"../NavigationMenu/NavigationMenuItem.mjs";import"../NavigationMenu/NavigationMenuTrigger.mjs";import"../NavigationMenu/NavigationMenuContent.mjs";import"../NavigationMenu/NavigationMenuViewport.mjs";import"../NavigationMenu/NavigationMenuIndicator.mjs";import"../NavigationMenu/NavigationMenuLink.mjs";import"../Popover/PopoverRoot.mjs";import"../Popover/PopoverTrigger.mjs";import"../Popover/PopoverContent.mjs";import"../Popover/PopoverClose.mjs";import"../Progress/index.mjs";import"../Radio/index.mjs";import"../RadioCards/RadioCardsRoot.mjs";import"../RadioCards/RadioCardsItem.mjs";import"../RadioGroup/RadioGroupRoot.mjs";import"../RadioGroup/RadioGroupItem.mjs";import"../ScrollArea/index.mjs";import"../SearchBar/index.mjs";import"../SegmentedControl/SegmentedControlRoot.mjs";import"../SegmentedControl/SegmentedControlItem.mjs";import"../Select/index.mjs";import"../Separator/index.mjs";import"../SideBar/index.mjs";import"../Skeleton/index.mjs";import"../Slider/index.mjs";import"../Spinner/index.mjs";import"../Table/index.mjs";import"../TabNav/index.mjs";import"../Tabs/index.mjs";import"../TextArea/index.mjs";import"../TextField/index.mjs";import"../Timeline/TimelineRoot.mjs";import"../Timeline/TimelineItem.mjs";import"../Timeline/TimelineConnector.mjs";import"../Timeline/TimelineHeader.mjs";import"../Timeline/TimelineTime.mjs";import"../Timeline/TimelineIcon.mjs";import"../Timeline/TimelineTitle.mjs";import"../Timeline/TimelineContent.mjs";import"../Timeline/TimelineDescription.mjs";import"../Toast/ToastRoot.mjs";import"../Toast/ToastTitle.mjs";import"../Toast/ToastDescription.mjs";import"../Toast/ToastActionButton.mjs";import"../Toggle/index.mjs";import"../Toggle/ToggleWithText.mjs";import"../ToggleGroup/ToggleGroupRoot.mjs";import"../ToggleGroup/ToggleGroupItem.mjs";import"../ToggleSwitch/index.mjs";import"../Tooltip/index.mjs";import"../BarChart/index.mjs";import"../BubbleChart/index.mjs";import"../RadarChart/index.mjs";import"../LineChart/index.mjs";import"../PieChart/index.mjs";import"../DoughnutChart/index.mjs";import"../Grid/index.mjs";import"../Grid/useGrid.mjs";import"../Tree/index.mjs";import"../../Typography/Header/index.mjs";import a from"../../Typography/Text/index.mjs";import"../../theme/ThemeProvider.mjs";var p=function(){return p=Object.assign||function(o){for(var t,e=1,r=arguments.length;e<r;e++)for(var i in t=arguments[e])Object.prototype.hasOwnProperty.call(t,i)&&(o[i]=t[i]);return o},p.apply(this,arguments)},s=function(o,t){var e={};for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&t.indexOf(r)<0&&(e[r]=o[r]);if(null!=o&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(o);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(o,r[i])&&(e[r[i]]=o[r[i]])}return e},u=r("rounded-md font-medium inline-flex justify-center items-center text-slate-11 bg-slate-3 outline-none border-none\n    dark:text-slateDark-11 dark:bg-slateDark-3 dark:hover:bg-slateDarkA-4\n    active:border-none hover:cursor-pointer hover:bg-slateA-4",{variants:{radius:{none:"rounded-none",small:"rounded-[3px]",medium:"rounded",large:"rounded-md",full:"rounded-full"},size:{small:"text-xs w-[52px] h-[24px] px-2 mr-2",medium:"text-sm w-[66px] h-[32px] px-3 mr-2",large:"text-base w-[72px] h-[32px] px-3 mr-3","x-large":"text-lg w-[86px] h-[40px] px-6 mr-4"}},defaultVariants:{radius:"medium",size:"medium"}}),d=t((function(t,r){var d=t.children,j=t.className,l=s(t,["children","className"]),x=e(m),g=x.radius,M=x.size,b=n(u({radius:g,size:M}),j);return o(i.Close,p({ref:r,className:b},l,{children:"string"==typeof d?o(a,{children:d}):d}))}));d.displayName="Modal.Cancel";export{d as ModalCancel,u as modalCancelVariants};
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as r,useContext as t}from"react";import{cva as o}from"class-variance-authority";import{Dialog as a}from"@radix-ui/themes";import{ModalContext as n}from"./ModalRoot.mjs";import{cn as i}from"../../utils/utils.mjs";var l=function(){return l=Object.assign||function(e){for(var r,t=1,o=arguments.length;t<o;t++)for(var a in r=arguments[t])Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a]);return e},l.apply(this,arguments)},s=function(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(e);a<o.length;a++)r.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(e,o[a])&&(t[o[a]]=e[o[a]])}return t},m=o("rounded-md font-medium inline-flex justify-center items-center text-slate-11 bg-slate-3 outline-none border-none\n    dark:text-slateDark-11 dark:bg-slateDark-3 dark:hover:bg-slateDarkA-4\n    active:border-none hover:cursor-pointer hover:bg-slateA-4",{variants:{radius:{none:"rounded-none",small:"rounded-[3px]",medium:"rounded",large:"rounded-md",full:"rounded-full"},size:{small:"text-xs w-[52px] h-[24px] px-2 mr-2",medium:"text-sm w-[66px] h-[32px] px-3 mr-2",large:"text-base w-[72px] h-[32px] px-3 mr-3","x-large":"text-lg w-[86px] h-[40px] px-6 mr-4"}},defaultVariants:{radius:"medium",size:"medium"}}),d=r((function(r,o){var d=r.children,p=r.className,u=s(r,["children","className"]),c=t(n),x=c.radius,f=c.size,h=i(m({radius:x,size:f}),p);return e(a.Close,l({ref:o,className:h},u,{children:d}))}));d.displayName="Modal.Cancel";export{d as ModalCancel,m as modalCancelVariants};
 //# sourceMappingURL=ModalCancel.mjs.map

package/dist/lib/components/Modal/ModalContent.js

@@ -51,11 +51,11 @@ export var modalContentVariants = cva("p-0", {
     },
 });
 export var ModalContent = forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    var children = _a.children, className = _a.className, ariaDescribedby = _a["aria-describedby"], props = __rest(_a, ["children", "className", 'aria-describedby']);
     var _b = useContext(ModalContext), radius = _b.radius, size = _b.size, scaling = _b.scaling;
     var ModalStyle = {
         '--max-width': '1200px',
     };
-    return (_jsx(DialogTheme.Content, __assign({ ref: ref, className: cn(modalContentVariants({ radius: radius, size: size, scaling: scaling }), className), style: ModalStyle }, props, { children: children })));
+    return (_jsx(DialogTheme.Content, __assign({ ref: ref, "aria-describedby": ariaDescribedby !== undefined ? ariaDescribedby : undefined, className: cn(modalContentVariants({ radius: radius, size: size, scaling: scaling }), className), style: ModalStyle }, props, { children: children })));
 });
 ModalContent.displayName = 'Modal.Content';