@lotte-innovate/ui-component-test 0.2.70 → 0.2.72

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

@@ -1,59 +1,77 @@
 '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);
+};
 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 { 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 _b, _c, _d, _e;
     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, { onClick: function () { return table.options.onRowClick && table.options.onRowClick(row); }, children: row.getVisibleCells().map(function (cell) { return (_jsx(Table.Cell, { style: {
+    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("rounded-b-none", (_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 ? '' : '1px',
+                                        }, 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", 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-gray-100 ".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 })] }) }));
+                                        borderLeftWidth: index === 0 ? '' : '1px',
+                                    } }, cell.column.columnDef.meta, { children: flexRender(cell.column.columnDef.cell, cell.getContext()) }), cell.id));
+                            }) }, row.id)); }) })] }), _jsx("div", { className: cn('border-[1px] border-t-0 py-[6px]', GridVariants({ radius: table.options.radius }), 'rounded-t-none'), children: ((_e = table.options) === null || _e === void 0 ? void 0 : _e.enableRowPagination) && _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 a}from"class-variance-authority";import s from"./NumberingPagination.mjs";var u=a("",{variants:{color:c()},defaultVariants:{color:"red"}});function d(c){var a,d,m,p=c.table;return e("div",{style:{direction:p.options.columnResizeDirection},children:o("div",{className:"overflow-x-auto",children:[o(t.Root,{style:{},appearance:null===(a=p.options)||void 0===a?void 0:a.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 a;return o(t.ColumnHeaderCell,{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!==(a=p.getState().columnSizingInfo.deltaOffset)&&void 0!==a?a: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(s,{table:p})]})})}export{u as GridVariants,d as default};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{flexRender as n}from"@tanstack/react-table";import t from"../Table/index.mjs";import{ChevronUpIcon as r,ChevronDownIcon as i}from"@radix-ui/react-icons";import{cn as l}from"../../utils/utils.mjs";import{bgColorStyle as a,radiusVariants as c}from"../../constants.mjs";import{cva as s}from"class-variance-authority";import u from"./NumberingPagination.mjs";var d=function(){return d=Object.assign||function(e){for(var o,n=1,t=arguments.length;n<t;n++)for(var r in o=arguments[n])Object.prototype.hasOwnProperty.call(o,r)&&(e[r]=o[r]);return e},d.apply(this,arguments)},m=s("",{variants:{color:a(),radius:d({},c.large)},defaultVariants:{radius:"medium"}});function p(a){var c,s,p,g,f=a.table;return e("div",{style:{direction:f.options.columnResizeDirection},children:[e(t.Root,{size:null===(c=f.options)||void 0===c?void 0:c.size,appearance:null===(s=f.options)||void 0===s?void 0:s.appearance,radius:f.options.radius,className:l("rounded-b-none",null===(p=f.options)||void 0===p?void 0:p.tableRootClassName),children:[o(t.Header,{children:f.getHeaderGroups().map((function(a){return o(t.Row,{children:a.headers.map((function(a,c){var s;return e(t.ColumnHeaderCell,{colSpan:a.colSpan,style:{width:a.getSize(),borderLeftWidth:0===c?"":"1px"},children:[a.isPlaceholder?null:e("div",{className:a.column.getCanSort()?"flex cursor-pointer select-none items-center justify-between":"h-full w-full flex-1",onClick:a.column.getToggleSortingHandler(),title:a.column.getCanSort()?"asc"===a.column.getNextSortingOrder()?"Sort ascending":"desc"===a.column.getNextSortingOrder()?"Sort descending":"Clear sort":void 0,children:[n(a.column.columnDef.header,a.getContext()),"asc"==a.column.getIsSorted()?o(r,{}):"desc"==a.column.getIsSorted()?o(i,{}):null]}),o("div",{onDoubleClick:function(){return a.column.resetSize()},onMouseDown:a.getResizeHandler(),onTouchStart:a.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",f.options.columnResizeDirection,a.column.getIsResizing()?m({color:f.options.color}):""),style:{transform:a.column.getIsResizing()?"translateX(".concat(("rtl"===f.options.columnResizeDirection?-1:1)*(null!==(s=f.getState().columnSizingInfo.deltaOffset)&&void 0!==s?s:0),"px)"):""}})]},a.id)}))},a.id)}))}),o(t.Body,{className:"border-b",children:f.getRowModel().rows.map((function(e){return o(t.Row,{onClick:function(){return f.options.onRowClick&&f.options.onRowClick(e)},onDoubleClick:function(){return f.options.onRowDoubleClick&&f.options.onRowDoubleClick(e)},className:"hover:bg-gray-100 ".concat(e.getIsSelected()?"bg-gray-200":""),children:e.getVisibleCells().map((function(e,r){return o(t.Cell,d({style:{width:e.column.getSize(),borderLeftWidth:0===r?"":"1px"}},e.column.columnDef.meta,{children:n(e.column.columnDef.cell,e.getContext())}),e.id)}))},e.id)}))})]}),o("div",{className:l("border-[1px] border-t-0 py-[6px]",m({radius:f.options.radius}),"rounded-t-none"),children:(null===(g=f.options)||void 0===g?void 0:g.enableRowPagination)&&o(u,{table:f})})]})}export{m as GridVariants,p 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;
     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" }));
 }
 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,28 +53,44 @@ 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) {
+        columnsData === null || columnsData === void 0 ? void 0 : columnsData.unshift({
+            id: 'index',
+            size: 50,
+            header: 'NO',
+            cell: function (_a) {
+                var row = _a.row;
+                return _jsx("div", { children: row.index + 1 });
+            },
+        });
+    }
     if (props.enableRowSelection) {
         columnsData === null || columnsData === void 0 ? void 0 : columnsData.unshift({
             id: 'select',
-            size: 50,
+            size: 20,
             header: function (_a) {
                 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 }) }));
             },
             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(),
+                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 }) }));
             },
         });
     }
-    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 t,Fragment as n}from"react/jsx-runtime";import{createColumnHelper as o,getSortedRowModel as r,getCoreRowModel as a,getExpandedRowModel as l,getPaginationRowModel as c,useReactTable as i}from"@tanstack/react-table";import d,{useRef as s}from"react";import{IconButton as g}from"../IconButton/index.mjs";import{ChevronDownIcon as u,ChevronRightIcon as p}from"@radix-ui/react-icons";import{Checkbox as m}from"../Checkbox/index.mjs";import{useTheme as f}from"../../theme/ThemeProvider.mjs";var h=function(){return h=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},h.apply(this,arguments)},w=function(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(n[o[r]]=e[o[r]])}return n};function S(e){var n=e.indeterminate,o=e.checked,r=e.disabled,a=e.onChange,l=s();return d.useEffect((function(){"boolean"==typeof n&&(l.current.indeterminate=o&&n)}),[l,n]),t(m,{ref:l,id:"checkbox",checked:o,disabled:r,onCheckedChange:function(e){return a&&a({target:{value:e}})},indeterminate:n})}var b=function(s){var m,b,v=w(s,[]),x=f().theme,R=d.useState([]),y=R[0],C=R[1],O=d.useState({}),E=O[0],I=O[1],j=d.useState({}),k=j[0],P=j[1],A=o(),M=null===(m=null==v?void 0:v.columns)||void 0===m?void 0:m.map((function(e){return A.accessor(e.id,h({},e))}));if(v.enableExpanding){var N=M[0].cell;M[0]=h(h({},M[0]),{cell:function(o){var r;return e("div",{className:"flex",style:{paddingLeft:"".concat(10*o.row.depth,"px")},children:[o.row.getCanExpand()?t(g,{onClick:o.row.getToggleExpandedHandler(),appearance:"ghost",className:"h-3 w-3",color:null!==(r=o.color)&&void 0!==r?r:x.themeColor,children:o.row.getIsExpanded()?t(u,{}):t(p,{})}):t(n,{}),t("div",{children:N?N(o):o.getValue()})]})}})}v.enableRowSelection&&(null==M||M.unshift({id:"select",size:50,header:function(e){var n=e.table;return t("div",{className:"header-checkbox",children:t(S,{checked:n.getIsAllRowsSelected()||n.getIsSomeRowsSelected(),indeterminate:n.getIsSomeRowsSelected(),onChange:n.getToggleAllRowsSelectedHandler()})})},cell:function(e){var n=e.row;return t("div",{className:"px-1",style:{paddingLeft:"".concat(10*n.depth,"px")},children:t(S,{checked:n.getIsSelected()||n.getIsSomeSelected()||n.getIsAllSubRowsSelected(),indeterminate:n.getIsSomeSelected()&&!n.getIsAllSubRowsSelected(),onChange:n.getToggleSelectedHandler()})})}}));var T=h(h({state:{sorting:y,rowSelection:k,expanded:E}},v),{data:v.data,columns:M,color:null!==(b=v.color)&&void 0!==b?b:x.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=c()),i(T)};export{b as useGrid};
+import{jsxs as e,jsx as n}from"react/jsx-runtime";import{createColumnHelper as t,getSortedRowModel as o,getCoreRowModel as l,getExpandedRowModel as r,getPaginationRowModel as a,useReactTable as i}from"@tanstack/react-table";import c,{useRef as d}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 p=function(){return p=Object.assign||function(e){for(var n,t=1,o=arguments.length;t<o;t++)for(var l in n=arguments[t])Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l]);return e},p.apply(this,arguments)},h=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 l=0;for(o=Object.getOwnPropertySymbols(e);l<o.length;l++)n.indexOf(o[l])<0&&Object.prototype.propertyIsEnumerable.call(e,o[l])&&(t[o[l]]=e[o[l]])}return t};function v(e){var t=e.indeterminate,o=e.checked,l=e.disabled,r=e.onChange,a=e.size,i=d();return c.useEffect((function(){"boolean"==typeof t&&(i.current.indeterminate=o&&t)}),[i,t]),n(g,{ref:i,id:"checkbox",checked:o,disabled:l,size:a,onCheckedChange:function(e){return r&&r({target:{value:e}})},indeterminate:t,className:"mr-0"})}var w=function(d){var g,w,x,S=h(d,[]),b=f().theme,R=c.useState([]),y=R[0],C=R[1],O=c.useState({}),j=O[0],E=O[1],I=c.useState({}),z=I[0],k=I[1],P=t(),N=null===(g=null==S?void 0:S.columns)||void 0===g?void 0:g.map((function(e){return P.accessor(e.id,p({},e))}));if(S.enableExpanding){var A=N[0].cell;N[0]=p(p({},N[0]),{cell:function(t){var o;return e("div",{className:"flex cursor-pointer items-center",style:{paddingLeft:"".concat(10*t.row.depth,"px")},onClick:t.row.getToggleExpandedHandler(),children:[t.row.getCanExpand()?n(s,{appearance:"ghost",size:"small",className:"mr-1 h-3 w-3",color:null!==(o=t.color)&&void 0!==o?o:b.themeColor,children:t.row.getIsExpanded()?n(u,{}):n(m,{})}):n("div",{className:"mr-2"}),n("div",{children:A?A(t):t.getValue()})]})}})}S.enableIndexing&&!S.enableExpanding&&(null==N||N.unshift({id:"index",size:50,header:"NO",cell:function(e){var t=e.row;return n("div",{children:t.index+1})}})),S.enableRowSelection&&(null==N||N.unshift({id:"select",size:20,header:function(e){var t=e.table;return n("div",{className:"flex h-full w-full items-center justify-center px-1",children:n(v,{checked:t.getIsAllRowsSelected()||t.getIsSomeRowsSelected(),indeterminate:t.getIsSomeRowsSelected(),onChange:t.getToggleAllRowsSelectedHandler(),size:"x-small"==(null==S?void 0:S.size)?"small":null==S?void 0:S.size})})},cell:function(e){var t=e.row;return n("div",{className:"flex h-full w-full items-center justify-center px-1",children:n(v,{checked:t.getIsSelected()||t.getIsSomeSelected()||t.getIsAllSubRowsSelected(),indeterminate:t.getIsSomeSelected()&&!t.getIsAllSubRowsSelected(),onChange:t.getToggleSelectedHandler(),size:"x-small"==(null==S?void 0:S.size)?"small":null==S?void 0:S.size})})}}));var M=p(p({state:{sorting:y,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:C,onRowSelectionChange:function(e){k(e),S.onChangeRowSelection&&S.onChangeRowSelection(e)},getSortedRowModel:o(),getCoreRowModel:l(),getExpandedRowModel:r(),manualPagination:!1});return S.enableRowPagination&&(M.getPaginationRowModel=a()),i(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/Modal/ModalRoot.d.ts

@@ -2,9 +2,9 @@ import React, { ComponentPropsWithoutRef } from 'react';
 import { Dialog as DialogTheme } from '@radix-ui/themes';
 import { VariantProps } from 'class-variance-authority';
 import { modalContentVariants } from './ModalContent';
-import { IRadius, IScaling, ISize } from '../../../lib/types';
+import { IColor, IRadius, IScaling, ISize } from '../../../lib/types';
 export interface ModalRootProps extends VariantProps<typeof modalContentVariants> {
-    color?: any;
+    color?: IColor;
     size?: Exclude<ISize, 'x-small'>;
     scaling?: IScaling;
     radius?: IRadius;

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

@@ -24,8 +24,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { cva } from 'class-variance-authority';
-import { Theme, Radio as RadioTheme, Flex } from '@radix-ui/themes';
-import { Text } from '../../../lib/Typography/Text';
+import { Theme, Radio as RadioTheme } from '@radix-ui/themes';
+import { Text, Flex } from '../../../lib';
 import { cn } from '../../../lib/utils/utils';
 import { useTheme } from '../../../lib/theme';
 import { MAIN_COLOR } from '../../../lib/color/constants';

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

@@ -1,3 +1,3 @@
 "use client";
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import{forwardRef as a}from"react";import{cva as t}from"class-variance-authority";import{Theme as o,Flex as l,Radio as i}from"@radix-ui/themes";import{Text as n}from"../../Typography/Text/index.mjs";import{cn as s}from"../../utils/utils.mjs";import{useTheme as c}from"../../theme/ThemeProvider.mjs";import{MAIN_COLOR as m}from"../../color/constants.mjs";var p=function(){return p=Object.assign||function(e){for(var r,a=1,t=arguments.length;a<t;a++)for(var o in r=arguments[a])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e},p.apply(this,arguments)},u=function(e,r){var a={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(a[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(t=Object.getOwnPropertySymbols(e);o<t.length;o++)r.indexOf(t[o])<0&&Object.prototype.propertyIsEnumerable.call(e,t[o])&&(a[t[o]]=e[t[o]])}return a},f=t("font-normal",{variants:{size:{small:"text-[12px] gap-2",medium:"text-[14px] gap-2",large:"text-[16px] gap-3"}},defaultVariants:{size:"medium"}}),d=a((function(a,t){var d,h=a.value,v=a.scaling,g=a.color,y=a.size,x=void 0===y?"medium":y,O=a.appearance,b=void 0===O?"surface":O,j=a.children,z=a.className,P=u(a,["value","scaling","color","size","appearance","children","className"]),w=c().theme,N="2";"small"===x&&(N="1"),"large"===x&&(N="3");var C={scaling:null!=v?v:w.themeScaling,color:null!==(d=null!=g?g:w.themeColor)&&void 0!==d?d:m};return e(o,{accentColor:C.color,scaling:C.scaling,children:e(l,{asChild:!0,className:s(f({size:x}),z),children:r(n,{as:"label",size:N,color:"black",children:[e(i,p({ref:t,value:h,variant:b,size:N},P)),j]})})})}));d.displayName="Radio";export{d as Radio,d as default};
+import{jsx as o,jsxs as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import{cva as r}from"class-variance-authority";import{Theme as i,Radio as m}from"@radix-ui/themes";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 as n}from"../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"../Modal/ModalRoot.mjs";import"../Modal/ModalTrigger.mjs";import"../Modal/ModalContent.mjs";import"../Modal/ModalTitle.mjs";import"../Modal/ModalDescription.mjs";import"../Modal/ModalFooter.mjs";import"../Modal/ModalCancel.mjs";import"../Modal/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"../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{useTheme as p}from"../../theme/ThemeProvider.mjs";import{cn as s}from"../../utils/utils.mjs";import{MAIN_COLOR as l}from"../../color/constants.mjs";var j=function(){return j=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},j.apply(this,arguments)},u=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},d=r("font-normal",{variants:{size:{small:"text-[12px] gap-2",medium:"text-[14px] gap-2",large:"text-[16px] gap-3"}},defaultVariants:{size:"medium"}}),g=e((function(e,r){var g,M=e.value,x=e.scaling,c=e.color,b=e.size,C=void 0===b?"medium":b,D=e.appearance,T=void 0===D?"surface":D,v=e.children,h=e.className,R=u(e,["value","scaling","color","size","appearance","children","className"]),I=p().theme,w="2";"small"===C&&(w="1"),"large"===C&&(w="3");var G={scaling:null!=x?x:I.themeScaling,color:null!==(g=null!=c?c:I.themeColor)&&void 0!==g?g:l};return o(i,{accentColor:G.color,scaling:G.scaling,children:o(n,{asChild:!0,className:s(d({size:C}),h),children:t(a,{as:"label",size:w,color:"black",children:[o(m,j({ref:r,value:M,variant:T,size:w},R)),v]})})})}));g.displayName="Radio";export{g as Radio,g as default};
 //# sourceMappingURL=index.mjs.map

package/dist/lib/components/RadioCards/RadioCardsRoot.d.ts

@@ -2,12 +2,14 @@ import React from 'react';
 import { VariantProps } from 'class-variance-authority';
 import { RadioCards as RadioCardsTheme } from '@radix-ui/themes';
 import { radioCardsItemVariants } from './RadioCardsItem';
+import { IColor } from '../../../lib/types';
 export interface RadioCardsProps extends VariantProps<typeof radioCardsVariants>, VariantProps<typeof radioCardsItemVariants> {
     appearance?: 'classic' | 'surface';
+    color?: IColor;
 }
 declare const radioCardsVariants: (props?: ({
     scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const RadioCardsContext: React.Context<RadioCardsProps>;
-export declare const RadioCardsRoot: React.ForwardRefExoticComponent<Omit<Omit<RadioCardsTheme.RootProps & React.RefAttributes<HTMLDivElement>, "ref">, "size"> & RadioCardsProps & React.RefAttributes<HTMLDivElement>>;
+export declare const RadioCardsRoot: React.ForwardRefExoticComponent<Omit<Omit<RadioCardsTheme.RootProps & React.RefAttributes<HTMLDivElement>, "ref">, "color" | "size"> & RadioCardsProps & React.RefAttributes<HTMLDivElement>>;
 export {};

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 declare const RadioCards: {
-    Root: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/themes/dist/cjs/components/radio-cards").RootProps & import("react").RefAttributes<HTMLDivElement>, "ref">, "size"> & import("./RadioCardsRoot").RadioCardsProps & import("react").RefAttributes<HTMLDivElement>>;
+    Root: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/themes/dist/cjs/components/radio-cards").RootProps & import("react").RefAttributes<HTMLDivElement>, "ref">, "color" | "size"> & import("./RadioCardsRoot").RadioCardsProps & import("react").RefAttributes<HTMLDivElement>>;
     Item: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes/dist/cjs/components/radio-cards").ItemProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("./RadioCardsItem").RadioCardsItemProps & import("react").RefAttributes<HTMLButtonElement>>;
 };
 export default RadioCards;

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

@@ -73,10 +73,10 @@ export var SearchBar = forwardRef(function (_a, ref) {
             setInitSetting(true);
         }
     }, [children]);
-    return (_jsxs("div", { ref: ref, children: [children && (_jsxs("div", { className: "flex h-0 w-full gap-3 pr-2 opacity-0", children: [_jsx("div", { className: "flex flex-wrap gap-3 overflow-hidden bg-redA-3 px-2", ref: containerRef, children: children }), _jsxs("div", { className: "flex gap-2", children: [SubmitButton ? (SubmitButton) : (_jsx(IconButton, { size: size, children: _jsx(MagnifyingGlassIcon, {}) })), ReloadButton ? (ReloadButton) : (_jsx(IconButton, { size: size, children: _jsx(ReloadIcon, {}) })), _jsx(IconButton, { size: size, children: _jsx(ReloadIcon, {}) })] })] })), _jsxs(Collapsible.Root, __assign({ className: cn('grid w-full gap-3', SearchBarVariants({ scaling: contextValue.scaling }), className), onOpenChange: setOpen }, props, { children: [_jsxs("div", { className: "flex w-full justify-between", children: [_jsx("div", { className: "flex", children: children &&
+    return (_jsxs("div", { ref: ref, children: [children && (_jsxs("div", { className: "flex h-0 w-full gap-3 pr-2 opacity-0", children: [_jsx("div", { className: "flex flex-wrap gap-3 overflow-hidden bg-redA-3 px-2", ref: containerRef, children: children }), _jsxs("div", { className: "flex gap-2", children: [ReloadButton ? (ReloadButton) : (_jsx(IconButton, { size: size, children: _jsx(ReloadIcon, {}) })), SubmitButton ? (SubmitButton) : (_jsx(IconButton, { size: size, children: _jsx(MagnifyingGlassIcon, {}) })), _jsx(IconButton, { size: size, children: _jsx(ReloadIcon, {}) })] })] })), _jsxs(Collapsible.Root, __assign({ className: cn('grid w-full', SearchBarVariants({ scaling: contextValue.scaling }), className), onOpenChange: setOpen }, props, { children: [_jsxs("div", { className: "flex w-full justify-between", children: [_jsx("div", { className: "flex gap-3", children: children &&
                                     React.Children.map(children, function (child, index) {
                                         return firstLineIndices.includes(index) ? child : null;
-                                    }) }), _jsxs("div", { className: "flex gap-2", children: [SubmitButton ? (SubmitButton) : (_jsx(IconButton, { onClick: onClickSubmit, size: size, color: contextValue.color, children: _jsx(MagnifyingGlassIcon, {}) })), ReloadButton ? (ReloadButton) : (_jsx(IconButton, { onClick: onClickReload, size: size, color: contextValue.color, children: _jsx(ReloadIcon, {}) })), secondLineIndices.length > 0 && (_jsx(Collapsible.Trigger, { open: open, size: size, color: contextValue.color }))] })] }), _jsx(Collapsible.Content, { className: "flex gap-3", children: children &&
+                                    }) }), _jsxs("div", { className: "flex gap-2", children: [ReloadButton ? (ReloadButton) : (_jsx(IconButton, { onClick: onClickReload, size: size, color: contextValue.color, children: _jsx(ReloadIcon, {}) })), SubmitButton ? (SubmitButton) : (_jsx(IconButton, { onClick: onClickSubmit, size: size, color: contextValue.color, children: _jsx(MagnifyingGlassIcon, {}) })), secondLineIndices.length > 0 && (_jsx(Collapsible.Trigger, { open: open, size: size, color: contextValue.color }))] })] }), _jsx(Collapsible.Content, { className: "flex gap-3 pt-2", children: children &&
                             React.Children.map(children, function (child, index) {
                                 return secondLineIndices.includes(index) ? child : null;
                             }) })] }))] }));

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

@@ -1,3 +1,3 @@
 "use client";
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import l,{forwardRef as n,useRef as i,useState as o,useEffect as t}from"react";import{cva as c}from"class-variance-authority";import{scalingVariants as a}from"../../constants.mjs";import{cn as s}from"../../utils/utils.mjs";import{useTheme as m}from"../../theme/ThemeProvider.mjs";import u from"../Collapsible/index.mjs";import{IconButton as d}from"../IconButton/index.mjs";import{MagnifyingGlassIcon as f,ReloadIcon as p}from"@radix-ui/react-icons";var h=function(){return h=Object.assign||function(e){for(var r,l=1,n=arguments.length;l<n;l++)for(var i in r=arguments[l])Object.prototype.hasOwnProperty.call(r,i)&&(e[i]=r[i]);return e},h.apply(this,arguments)},g=function(e,r){var l={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&r.indexOf(n)<0&&(l[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(n=Object.getOwnPropertySymbols(e);i<n.length;i++)r.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(e,n[i])&&(l[n[i]]=e[n[i]])}return l},v=c("",{variants:{scaling:h({},a)},defaultVariants:{scaling:"100%"}}),y=n((function(n,c){var a=n.className,y=n.children,b=n.scaling,x=n.size,C=n.color,j=n.onClickSubmit,O=n.onClickReload,N=n.SubmitButton,w=n.ReloadButton,z=g(n,["className","children","scaling","size","color","onClickSubmit","onClickReload","SubmitButton","ReloadButton"]),B=i(null),S=m().theme,R={scaling:null!=b?b:S.themeScaling,color:null!=C?C:S.themeColor,size:x},k=o([]),P=k[0],A=k[1],E=o([]),I=E[0],T=E[1],V=o(!1),q=V[0],D=V[1],F=o(!1);F[0];var G=F[1];return t((function(){if(y){G(!1);var e=B.current,r=Array.from(e.children),l=r[0].getBoundingClientRect().top,n=[],i=[];r.forEach((function(e,r){e.getBoundingClientRect().top===l?n.push(r):i.push(r)})),A(n),T(i),G(!0)}}),[y]),e("div",{ref:c,children:[y&&e("div",{className:"flex h-0 w-full gap-3 pr-2 opacity-0",children:[r("div",{className:"flex flex-wrap gap-3 overflow-hidden bg-redA-3 px-2",ref:B,children:y}),e("div",{className:"flex gap-2",children:[N||r(d,{size:x,children:r(f,{})}),w||r(d,{size:x,children:r(p,{})}),r(d,{size:x,children:r(p,{})})]})]}),e(u.Root,h({className:s("grid w-full gap-3",v({scaling:R.scaling}),a),onOpenChange:D},z,{children:[e("div",{className:"flex w-full justify-between",children:[r("div",{className:"flex",children:y&&l.Children.map(y,(function(e,r){return P.includes(r)?e:null}))}),e("div",{className:"flex gap-2",children:[N||r(d,{onClick:j,size:x,color:R.color,children:r(f,{})}),w||r(d,{onClick:O,size:x,color:R.color,children:r(p,{})}),I.length>0&&r(u.Trigger,{open:q,size:x,color:R.color})]})]}),r(u.Content,{className:"flex gap-3",children:y&&l.Children.map(y,(function(e,r){return I.includes(r)?e:null}))})]}))]})}));y.displayName="SearchBar";export{y as SearchBar,v as SearchBarVariants,y as default};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import l,{forwardRef as n,useRef as i,useState as o,useEffect as t}from"react";import{cva as c}from"class-variance-authority";import{scalingVariants as a}from"../../constants.mjs";import{cn as s}from"../../utils/utils.mjs";import{useTheme as m}from"../../theme/ThemeProvider.mjs";import u from"../Collapsible/index.mjs";import{IconButton as d}from"../IconButton/index.mjs";import{ReloadIcon as f,MagnifyingGlassIcon as p}from"@radix-ui/react-icons";var h=function(){return h=Object.assign||function(e){for(var r,l=1,n=arguments.length;l<n;l++)for(var i in r=arguments[l])Object.prototype.hasOwnProperty.call(r,i)&&(e[i]=r[i]);return e},h.apply(this,arguments)},g=function(e,r){var l={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&r.indexOf(n)<0&&(l[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(n=Object.getOwnPropertySymbols(e);i<n.length;i++)r.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(e,n[i])&&(l[n[i]]=e[n[i]])}return l},v=c("",{variants:{scaling:h({},a)},defaultVariants:{scaling:"100%"}}),y=n((function(n,c){var a=n.className,y=n.children,b=n.scaling,x=n.size,C=n.color,j=n.onClickSubmit,O=n.onClickReload,N=n.SubmitButton,w=n.ReloadButton,z=g(n,["className","children","scaling","size","color","onClickSubmit","onClickReload","SubmitButton","ReloadButton"]),B=i(null),S=m().theme,R={scaling:null!=b?b:S.themeScaling,color:null!=C?C:S.themeColor,size:x},k=o([]),P=k[0],A=k[1],E=o([]),I=E[0],T=E[1],V=o(!1),q=V[0],D=V[1],F=o(!1);F[0];var G=F[1];return t((function(){if(y){G(!1);var e=B.current,r=Array.from(e.children),l=r[0].getBoundingClientRect().top,n=[],i=[];r.forEach((function(e,r){e.getBoundingClientRect().top===l?n.push(r):i.push(r)})),A(n),T(i),G(!0)}}),[y]),e("div",{ref:c,children:[y&&e("div",{className:"flex h-0 w-full gap-3 pr-2 opacity-0",children:[r("div",{className:"flex flex-wrap gap-3 overflow-hidden bg-redA-3 px-2",ref:B,children:y}),e("div",{className:"flex gap-2",children:[w||r(d,{size:x,children:r(f,{})}),N||r(d,{size:x,children:r(p,{})}),r(d,{size:x,children:r(f,{})})]})]}),e(u.Root,h({className:s("grid w-full",v({scaling:R.scaling}),a),onOpenChange:D},z,{children:[e("div",{className:"flex w-full justify-between",children:[r("div",{className:"flex gap-3",children:y&&l.Children.map(y,(function(e,r){return P.includes(r)?e:null}))}),e("div",{className:"flex gap-2",children:[w||r(d,{onClick:O,size:x,color:R.color,children:r(f,{})}),N||r(d,{onClick:j,size:x,color:R.color,children:r(p,{})}),I.length>0&&r(u.Trigger,{open:q,size:x,color:R.color})]})]}),r(u.Content,{className:"flex gap-3 pt-2",children:y&&l.Children.map(y,(function(e,r){return I.includes(r)?e:null}))})]}))]})}));y.displayName="SearchBar";export{y as SearchBar,v as SearchBarVariants,y as default};
 //# sourceMappingURL=index.mjs.map

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

@@ -1,13 +1,13 @@
 import React from 'react';
 import { Select as SelectTheme } from '@radix-ui/themes';
 import { VariantProps } from 'class-variance-authority';
-import { IRadius, IScaling } from '../../../lib/types';
+import { IColor, IRadius, IScaling } from '../../../lib/types';
 export interface SelectProps extends VariantProps<typeof selectVariants> {
     label?: string;
     defaultValue?: string;
     selected?: string;
     disabled?: boolean;
-    color?: any;
+    color?: IColor;
     scaling?: IScaling;
     appearance?: 'classic' | 'surface' | 'soft' | 'ghost';
     size?: 'small' | 'medium' | 'large';
@@ -17,7 +17,7 @@ declare const selectVariants: (props?: ({
     radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const useSelectContext: () => SelectProps;
-export declare const Root: React.ForwardRefExoticComponent<SelectTheme.RootProps & SelectProps & React.RefAttributes<never>>;
+export declare const Root: React.ForwardRefExoticComponent<Omit<SelectTheme.RootProps, "color" | "size"> & SelectProps & React.RefAttributes<never>>;
 export declare const Trigger: React.ForwardRefExoticComponent<Omit<SelectTheme.TriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & SelectProps & React.RefAttributes<HTMLButtonElement>>;
 export declare const Content: React.ForwardRefExoticComponent<Omit<SelectTheme.ContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & SelectProps & React.RefAttributes<HTMLDivElement>>;
 export declare const Item: React.ForwardRefExoticComponent<Omit<SelectTheme.ItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & SelectProps & React.RefAttributes<HTMLDivElement>>;
@@ -25,7 +25,7 @@ export declare const Group: React.ForwardRefExoticComponent<Omit<SelectTheme.Gro
 export declare const Label: React.ForwardRefExoticComponent<Omit<SelectTheme.LabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & SelectProps & React.RefAttributes<HTMLDivElement>>;
 export declare const Separator: React.ForwardRefExoticComponent<Omit<SelectTheme.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & SelectProps & React.RefAttributes<HTMLDivElement>>;
 declare const Select: {
-    Root: React.ForwardRefExoticComponent<SelectTheme.RootProps & SelectProps & React.RefAttributes<never>>;
+    Root: React.ForwardRefExoticComponent<Omit<SelectTheme.RootProps, "color" | "size"> & SelectProps & React.RefAttributes<never>>;
     Trigger: React.ForwardRefExoticComponent<Omit<SelectTheme.TriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & SelectProps & React.RefAttributes<HTMLButtonElement>>;
     Content: React.ForwardRefExoticComponent<Omit<SelectTheme.ContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & SelectProps & React.RefAttributes<HTMLDivElement>>;
     Item: React.ForwardRefExoticComponent<Omit<SelectTheme.ItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & SelectProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -75,8 +75,8 @@ export var Trigger = React.forwardRef(function (_a, forwardedRef) {
 Trigger.displayName = 'Select.Trigger';
 export var Content = React.forwardRef(function (_a, forwardedRef) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
-    var _b = useSelectContext(), radius = _b.radius, color = _b.color;
-    return (_jsx(SelectTheme.Content, __assign({ ref: forwardedRef, color: color, position: "popper", className: cn(selectVariants({ radius: radius == 'full' ? 'large' : radius }), className) }, props, { children: children })));
+    var radius = useSelectContext().radius;
+    return (_jsx(SelectTheme.Content, __assign({ ref: forwardedRef, position: "popper", className: cn(selectVariants({ radius: radius == 'full' ? 'large' : radius }), 'z-10', className) }, props, { children: children })));
 });
 Content.displayName = 'Select.Content';
 export var Item = React.forwardRef(function (_a, forwardedRef) {

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

@@ -1,3 +1,3 @@
 "use client";
-import{jsx as r}from"react/jsx-runtime";import e,{createContext as a,useContext as l}from"react";import{Theme as i,Select as n}from"@radix-ui/themes";import{cva as c}from"class-variance-authority";import{cn as o}from"../../utils/utils.mjs";import{radiusVariants as s,selectAppearanceStyle as t}from"../../constants.mjs";import{useTheme as m}from"../../theme/ThemeProvider.mjs";import{MAIN_COLOR as d}from"../../color/constants.mjs";var u=function(){return u=Object.assign||function(r){for(var e,a=1,l=arguments.length;a<l;a++)for(var i in e=arguments[a])Object.prototype.hasOwnProperty.call(e,i)&&(r[i]=e[i]);return r},u.apply(this,arguments)},f=function(r,e){var a={};for(var l in r)Object.prototype.hasOwnProperty.call(r,l)&&e.indexOf(l)<0&&(a[l]=r[l]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(l=Object.getOwnPropertySymbols(r);i<l.length;i++)e.indexOf(l[i])<0&&Object.prototype.propertyIsEnumerable.call(r,l[i])&&(a[l[i]]=r[l[i]])}return a},p=c("",{variants:{radius:u({},s.base)},defaultVariants:{radius:"medium"}}),h=a({size:"medium",scaling:"100%",color:d,radius:"medium",appearance:"classic"}),v=function(){return l(h)},N=e.forwardRef((function(e,a){var l,c=e.scaling,o=e.size,s=e.color,t=e.radius,p=e.appearance,v=e.children,N=f(e,["scaling","size","color","radius","appearance","children"]),g=m().theme,y="2";"small"===o&&(y="1"),"large"===o&&(y="3");var S={scaling:null!=c?c:g.themeScaling,color:null!==(l=null!=s?s:g.themeColor)&&void 0!==l?l:d,radius:null!=t?t:g.themeRadius,size:o,sizeTheme:y,appearance:p};return r(h.Provider,{value:S,children:r(i,{scaling:S.scaling,accentColor:S.color,hasBackground:!1,children:r("div",{ref:a,children:r(n.Root,u({size:y},N,{children:v}))})})})}));N.displayName="Select.Root";var g=e.forwardRef((function(e,a){var l=e.children,i=e.className,c=f(e,["children","className"]),s=v(),m=s.radius,d=void 0===m?"medium":m,h=s.color,N=s.appearance,g=void 0===N?"classic":N;return r(n.Trigger,u({ref:a,variant:g,radius:d,className:o(p({radius:d}),t(g,h),i)},c,{children:l}))}));g.displayName="Select.Trigger";var y=e.forwardRef((function(e,a){var l=e.children,i=e.className,c=f(e,["children","className"]),s=v(),t=s.radius,m=s.color;return r(n.Content,u({ref:a,color:m,position:"popper",className:o(p({radius:"full"==t?"large":t}),i)},c,{children:l}))}));y.displayName="Select.Content";var S=e.forwardRef((function(e,a){var l=e.value,i=e.children,c=e.className,s=f(e,["value","children","className"]),t=v().radius;return r(n.Item,u({ref:a,value:l},s,{className:o(p({radius:t}),c),children:i}))}));S.displayName="Select.Item";var b=e.forwardRef((function(e,a){var l=e.children,i=e.className,c=f(e,["children","className"]);return r(n.Group,u({ref:a},c,{className:i,children:l}))}));b.displayName="Select.Group";var O=e.forwardRef((function(e,a){var l=e.children,i=e.className,c=f(e,["children","className"]);return r(n.Label,u({ref:a},c,{className:i,children:l}))}));O.displayName="Select.Label";var j=e.forwardRef((function(e,a){var l=e.children,i=e.className,c=f(e,["children","className"]);return r(n.Separator,u({ref:a},c,{className:i,children:l}))}));j.displayName="Select.Separator";var w={Root:N,Trigger:g,Content:y,Item:S,Group:b,Label:O,Separator:j};export{y as Content,b as Group,S as Item,O as Label,N as Root,j as Separator,g as Trigger,w as default,v as useSelectContext};
+import{jsx as e}from"react/jsx-runtime";import r,{createContext as a,useContext as l}from"react";import{Theme as i,Select as n}from"@radix-ui/themes";import{cva as c}from"class-variance-authority";import{cn as s}from"../../utils/utils.mjs";import{radiusVariants as t,selectAppearanceStyle as o}from"../../constants.mjs";import{useTheme as m}from"../../theme/ThemeProvider.mjs";import{MAIN_COLOR as d}from"../../color/constants.mjs";var u=function(){return u=Object.assign||function(e){for(var r,a=1,l=arguments.length;a<l;a++)for(var i in r=arguments[a])Object.prototype.hasOwnProperty.call(r,i)&&(e[i]=r[i]);return e},u.apply(this,arguments)},f=function(e,r){var a={};for(var l in e)Object.prototype.hasOwnProperty.call(e,l)&&r.indexOf(l)<0&&(a[l]=e[l]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(l=Object.getOwnPropertySymbols(e);i<l.length;i++)r.indexOf(l[i])<0&&Object.prototype.propertyIsEnumerable.call(e,l[i])&&(a[l[i]]=e[l[i]])}return a},p=c("",{variants:{radius:u({},t.base)},defaultVariants:{radius:"medium"}}),h=a({size:"medium",scaling:"100%",color:d,radius:"medium",appearance:"classic"}),v=function(){return l(h)},N=r.forwardRef((function(r,a){var l,c=r.scaling,s=r.size,t=r.color,o=r.radius,p=r.appearance,v=r.children,N=f(r,["scaling","size","color","radius","appearance","children"]),g=m().theme,y="2";"small"===s&&(y="1"),"large"===s&&(y="3");var S={scaling:null!=c?c:g.themeScaling,color:null!==(l=null!=t?t:g.themeColor)&&void 0!==l?l:d,radius:null!=o?o:g.themeRadius,size:s,sizeTheme:y,appearance:p};return e(h.Provider,{value:S,children:e(i,{scaling:S.scaling,accentColor:S.color,hasBackground:!1,children:e("div",{ref:a,children:e(n.Root,u({size:y},N,{children:v}))})})})}));N.displayName="Select.Root";var g=r.forwardRef((function(r,a){var l=r.children,i=r.className,c=f(r,["children","className"]),t=v(),m=t.radius,d=void 0===m?"medium":m,h=t.color,N=t.appearance,g=void 0===N?"classic":N;return e(n.Trigger,u({ref:a,variant:g,radius:d,className:s(p({radius:d}),o(g,h),i)},c,{children:l}))}));g.displayName="Select.Trigger";var y=r.forwardRef((function(r,a){var l=r.children,i=r.className,c=f(r,["children","className"]),t=v().radius;return e(n.Content,u({ref:a,position:"popper",className:s(p({radius:"full"==t?"large":t}),"z-10",i)},c,{children:l}))}));y.displayName="Select.Content";var S=r.forwardRef((function(r,a){var l=r.value,i=r.children,c=r.className,t=f(r,["value","children","className"]),o=v().radius;return e(n.Item,u({ref:a,value:l},t,{className:s(p({radius:o}),c),children:i}))}));S.displayName="Select.Item";var b=r.forwardRef((function(r,a){var l=r.children,i=r.className,c=f(r,["children","className"]);return e(n.Group,u({ref:a},c,{className:i,children:l}))}));b.displayName="Select.Group";var O=r.forwardRef((function(r,a){var l=r.children,i=r.className,c=f(r,["children","className"]);return e(n.Label,u({ref:a},c,{className:i,children:l}))}));O.displayName="Select.Label";var j=r.forwardRef((function(r,a){var l=r.children,i=r.className,c=f(r,["children","className"]);return e(n.Separator,u({ref:a},c,{className:i,children:l}))}));j.displayName="Select.Separator";var w={Root:N,Trigger:g,Content:y,Item:S,Group:b,Label:O,Separator:j};export{y as Content,b as Group,S as Item,O as Label,N as Root,j as Separator,g as Trigger,w as default,v as useSelectContext};
 //# sourceMappingURL=index.mjs.map

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

@@ -7,5 +7,5 @@ declare const separatorVariants: (props?: ({
     scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
     color?: string | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export declare const Separator: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/themes").SeparatorProps & React.RefAttributes<HTMLSpanElement>, "ref">, "size"> & SeparatorProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const Separator: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/themes").SeparatorProps & React.RefAttributes<HTMLSpanElement>, "ref">, "color" | "size"> & SeparatorProps & React.RefAttributes<HTMLSpanElement>>;
 export default Separator;

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

@@ -1,8 +1,10 @@
 import React from 'react';
 import { VariantProps } from 'class-variance-authority';
 import * as ReactProSidebar from 'react-pro-sidebar';
+import { IRadius } from '../../../lib/types';
 export interface SidebarProps extends VariantProps<typeof sidebarVariants> {
     size?: 'small' | 'medium' | 'large' | 'fill-large';
+    radius?: IRadius;
 }
 declare const sidebarVariants: (props?: ({
     scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
@@ -17,5 +19,30 @@ declare const Sidebar: {
     Menu: React.ForwardRefExoticComponent<Omit<Omit<ReactProSidebar.MenuProps & React.RefAttributes<HTMLMenuElement>, "ref">, "size"> & SidebarProps & React.RefAttributes<HTMLMenuElement>>;
     Item: React.ForwardRefExoticComponent<Omit<Omit<ReactProSidebar.MenuItemProps & React.RefAttributes<HTMLLIElement>, "ref">, "size"> & SidebarProps & React.RefAttributes<HTMLLIElement>>;
     SubMenu: React.ForwardRefExoticComponent<Omit<Omit<ReactProSidebar.SubMenuProps & React.RefAttributes<HTMLLIElement>, "ref">, "size"> & SidebarProps & React.RefAttributes<HTMLLIElement>>;
+    menuClasses: {
+        root: string;
+        menuItemRoot: string;
+        subMenuRoot: string;
+        button: string;
+        prefix: string;
+        suffix: string;
+        label: string;
+        icon: string;
+        subMenuContent: string;
+        SubMenuExpandIcon: string;
+        disabled: string;
+        active: string;
+        open: string;
+    };
+    sidebarClasses: {
+        root: string;
+        container: string;
+        image: string;
+        backdrop: string;
+        collapsed: string;
+        toggled: string;
+        rtl: string;
+        broken: string;
+    };
 };
 export default Sidebar;