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

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

@@ -1,3 +1,3 @@
 "use client";
-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{scalingVariants as a}from"../../constants.mjs";import{ModalContext as i}from"./ModalRoot.mjs";import{cn as l}from"../../utils/utils.mjs";var s=function(){return s=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},s.apply(this,arguments)},m=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("p-0",{variants:{radius:{none:"rounded-none",small:"rounded",medium:"rounded-lg",large:"rounded-xl",full:"rounded-xl"},size:{small:"w-[600px]",medium:"w-[800px]",large:"w-[1000px]","x-large":"w-[1200px]"},scaling:s({},a)},defaultVariants:{radius:"medium",size:"medium"}}),p=e((function(e,o){var a=e.children,p=e.className,d=m(e,["children","className"]),c=t(i),f=c.radius,y=c.size,x=c.scaling;return r(n.Content,s({ref:o,className:l(u({radius:f,size:y,scaling:x}),p),style:{"--max-width":"1200px"}},d,{children:a}))}));p.displayName="Modal.Content";export{p as ModalContent,u as modalContentVariants};
+import{jsx as r}from"react/jsx-runtime";import{forwardRef as e,useContext as t}from"react";import{cva as a}from"class-variance-authority";import{Dialog as i}from"@radix-ui/themes";import{scalingVariants as o}from"../../constants.mjs";import{ModalContext as n}from"./ModalRoot.mjs";import{cn as s}from"../../utils/utils.mjs";var l=function(){return l=Object.assign||function(r){for(var e,t=1,a=arguments.length;t<a;t++)for(var i in e=arguments[t])Object.prototype.hasOwnProperty.call(e,i)&&(r[i]=e[i]);return r},l.apply(this,arguments)},d=function(r,e){var t={};for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&e.indexOf(a)<0&&(t[a]=r[a]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(a=Object.getOwnPropertySymbols(r);i<a.length;i++)e.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(r,a[i])&&(t[a[i]]=r[a[i]])}return t},m=a("p-0",{variants:{radius:{none:"rounded-none",small:"rounded",medium:"rounded-lg",large:"rounded-xl",full:"rounded-xl"},size:{small:"w-[600px]",medium:"w-[800px]",large:"w-[1000px]","x-large":"w-[1200px]"},scaling:l({},o)},defaultVariants:{radius:"medium",size:"medium"}}),c=e((function(e,a){var o=e.children,c=e.className,u=e["aria-describedby"],p=d(e,["children","className","aria-describedby"]),f=t(n),y=f.radius,b=f.size,x=f.scaling;return r(i.Content,l({ref:a,"aria-describedby":void 0!==u?u:void 0,className:s(m({radius:y,size:b,scaling:x}),c),style:{"--max-width":"1200px"}},p,{children:o}))}));c.displayName="Modal.Content";export{c as ModalContent,m as modalContentVariants};
 //# sourceMappingURL=ModalContent.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/Modal/ModalTitle.js

@@ -25,10 +25,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useContext } from 'react';
 import { cva } from 'class-variance-authority';
 import { Dialog as DialogTheme } from '@radix-ui/themes';
+import IconButton from '../../../lib/components/IconButton';
 import { Cross2Icon } from '@radix-ui/react-icons';
 import { ModalContext } from './ModalRoot';
 import { cn } from '../../../lib/utils/utils';
-import { IconButton } from '../../../lib';
 export var modalTitleVariants = cva('m-0', {
     variants: {
         size: {

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

@@ -1,3 +1,3 @@
 "use client";
-import{jsxs as o,jsx as t}from"react/jsx-runtime";import{forwardRef as e,useContext as r}from"react";import{cva as i}from"class-variance-authority";import{Dialog as m}from"@radix-ui/themes";import{Cross2Icon as n}from"@radix-ui/react-icons";import{ModalContext as a}from"./ModalRoot.mjs";import{cn as p}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 as s}from"../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"./ModalDescription.mjs";import"./ModalFooter.mjs";import"./ModalCancel.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"../../Typography/Text/index.mjs";import"../../theme/ThemeProvider.mjs";var l=function(){return l=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},l.apply(this,arguments)},j=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=i("m-0",{variants:{size:{small:"text-sm",medium:"text-lg",large:"text-xl","x-large":"text-2xl"}},defaultVariants:{size:"medium"}}),d=i("inline-flex items-center justify-center bg-transparent text-slate-11 outline-none hover:cursor-pointer hover:bg-transparent active:border-none active:bg-transparent dark:bg-transparent dark:text-slateDark-11 dark:hover:bg-transparent dark:active:bg-transparent",{variants:{size:{small:"w-[24px] h-[24px]",medium:"w-[32px] h-[32px]",large:"w-[32px] h-[32px]","x-large":"w-[40px] h-[40px]"}},defaultVariants:{size:"medium"}}),x=e((function(e,i){var x=e.children,g=e.className,M=j(e,["children","className"]),b=r(a).size;return o("div",l({ref:i,className:"flex items-center justify-between border border-slate-5 p-4 font-bold text-slate-12 dark:border-slateDark-5 dark:text-slateDark-12"},M,{children:[t(m.Title,{className:p(u({size:b}),g),children:x}),t(m.Close,{className:d({size:b}),children:t(s,{"aria-label":"Close",className:"p-0 hover:text-slate-12 dark:hover:text-slateDark-12",size:b,children:t(n,{})})})]}))}));x.displayName="Modal.Title";export{x as ModalTitle,d as modalCloseVariants,u as modalTitleVariants};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as t,useContext as a}from"react";import{cva as i}from"class-variance-authority";import{Dialog as n}from"@radix-ui/themes";import{IconButton as s}from"../IconButton/index.mjs";import{Cross2Icon as o}from"@radix-ui/react-icons";import{ModalContext as l}from"./ModalRoot.mjs";import{cn as m}from"../../utils/utils.mjs";var p=function(){return p=Object.assign||function(e){for(var r,t=1,a=arguments.length;t<a;t++)for(var i in r=arguments[t])Object.prototype.hasOwnProperty.call(r,i)&&(e[i]=r[i]);return e},p.apply(this,arguments)},c=function(e,r){var t={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(a=Object.getOwnPropertySymbols(e);i<a.length;i++)r.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(e,a[i])&&(t[a[i]]=e[a[i]])}return t},d=i("m-0",{variants:{size:{small:"text-sm",medium:"text-lg",large:"text-xl","x-large":"text-2xl"}},defaultVariants:{size:"medium"}}),x=i("inline-flex items-center justify-center bg-transparent text-slate-11 outline-none hover:cursor-pointer hover:bg-transparent active:border-none active:bg-transparent dark:bg-transparent dark:text-slateDark-11 dark:hover:bg-transparent dark:active:bg-transparent",{variants:{size:{small:"w-[24px] h-[24px]",medium:"w-[32px] h-[32px]",large:"w-[32px] h-[32px]","x-large":"w-[40px] h-[40px]"}},defaultVariants:{size:"medium"}}),f=t((function(t,i){var f=t.children,u=t.className,b=c(t,["children","className"]),h=a(l).size;return e("div",p({ref:i,className:"flex items-center justify-between border border-slate-5 p-4 font-bold text-slate-12 dark:border-slateDark-5 dark:text-slateDark-12"},b,{children:[r(n.Title,{className:m(d({size:h}),u),children:f}),r(n.Close,{className:x({size:h}),children:r(s,{"aria-label":"Close",className:"p-0 hover:text-slate-12 dark:hover:text-slateDark-12",size:h,children:r(o,{})})})]}))}));f.displayName="Modal.Title";export{f as ModalTitle,x as modalCloseVariants,d as modalTitleVariants};
 //# sourceMappingURL=ModalTitle.mjs.map

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

@@ -7,10 +7,12 @@ export interface PieChartProps extends VariantProps<typeof PieVariants> {
     className?: string;
     title?: IChartTitle;
     legend?: IChartLegend;
-    datasets: IChartDatasets[] & {
+    datasets: (IChartDatasets & {
         data: number[];
-    }[];
+    })[];
     datalabels?: IChartDataLabels;
+    width?: number;
+    height?: number;
 }
 declare const PieVariants: (props?: ({
     scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;

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

@@ -52,7 +52,7 @@ var PieChart = function (_a) {
         }
     };
     datasets.forEach(function (dataset, index) {
-        datasets[index] = __assign(__assign({}, dataset), { backgroundColor: getChartColor(isColorMixed, appearance), borderColor: getChartColor(isColorMixed, 'solid') });
+        datasets[index] = __assign({ backgroundColor: getChartColor(isColorMixed, appearance), borderColor: getChartColor(isColorMixed, 'solid') }, dataset);
     });
     return (_jsx(Pie, __assign({ data: { labels: labels, datasets: datasets }, options: {
             plugins: {

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

@@ -1,3 +1,3 @@
 "use client";
-import{jsx as t}from"react/jsx-runtime";import{Pie as a}from"react-chartjs-2";import{Chart as r,ArcElement as e,Tooltip as o,Legend as s,plugins as l}from"chart.js";import i from"chartjs-plugin-datalabels";import{cn as n}from"../../utils/utils.mjs";import{cva as c}from"class-variance-authority";import{scalingVariants as p}from"../../constants.mjs";import{chartColorList as d,chartAlphaColorList as m}from"../../color/constants.mjs";var f=function(){return f=Object.assign||function(t){for(var a,r=1,e=arguments.length;r<e;r++)for(var o in a=arguments[r])Object.prototype.hasOwnProperty.call(a,o)&&(t[o]=a[o]);return t},f.apply(this,arguments)},u=function(t,a){var r={};for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&a.indexOf(e)<0&&(r[e]=t[e]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(e=Object.getOwnPropertySymbols(t);o<e.length;o++)a.indexOf(e[o])<0&&Object.prototype.propertyIsEnumerable.call(t,e[o])&&(r[e[o]]=t[e[o]])}return r};r.register(e,o,s,l,i),r.defaults.set("plugins.datalabels",{display:!1});var g=c("",{variants:{scaling:f({},p)},defaultVariants:{scaling:"100%"}}),b=function(r){var e=r.labels,o=r.title,s=r.legend,l=r.datasets,i=r.datalabels,c=r.scaling,p=r.className,b=r.appearance,y=void 0===b?"solid":b,j=r.isColorMixed,v=void 0===j||j,O=u(r,["labels","title","legend","datasets","datalabels","scaling","className","appearance","isColorMixed"]),h=function(t,a){return"solid"===a?t?d.mixed:d.sorting:"soft"===a?t?m.mixed:m.sorting:void 0};return l.forEach((function(t,a){l[a]=f(f({},t),{backgroundColor:h(v,y),borderColor:h(v,"solid")})})),t(a,f({data:{labels:e,datasets:l},options:{plugins:{title:o,legend:s,datalabels:i}},className:n(g({scaling:c}),p)},O))};b.displayName="PieChart";export{b as default};
+import{jsx as t}from"react/jsx-runtime";import{Pie as a}from"react-chartjs-2";import{Chart as r,ArcElement as e,Tooltip as o,Legend as s,plugins as l}from"chart.js";import i from"chartjs-plugin-datalabels";import{cn as n}from"../../utils/utils.mjs";import{cva as c}from"class-variance-authority";import{scalingVariants as p}from"../../constants.mjs";import{chartColorList as d,chartAlphaColorList as m}from"../../color/constants.mjs";var f=function(){return f=Object.assign||function(t){for(var a,r=1,e=arguments.length;r<e;r++)for(var o in a=arguments[r])Object.prototype.hasOwnProperty.call(a,o)&&(t[o]=a[o]);return t},f.apply(this,arguments)},u=function(t,a){var r={};for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&a.indexOf(e)<0&&(r[e]=t[e]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(e=Object.getOwnPropertySymbols(t);o<e.length;o++)a.indexOf(e[o])<0&&Object.prototype.propertyIsEnumerable.call(t,e[o])&&(r[e[o]]=t[e[o]])}return r};r.register(e,o,s,l,i),r.defaults.set("plugins.datalabels",{display:!1});var g=c("",{variants:{scaling:f({},p)},defaultVariants:{scaling:"100%"}}),b=function(r){var e=r.labels,o=r.title,s=r.legend,l=r.datasets,i=r.datalabels,c=r.scaling,p=r.className,b=r.appearance,y=void 0===b?"solid":b,j=r.isColorMixed,v=void 0===j||j,O=u(r,["labels","title","legend","datasets","datalabels","scaling","className","appearance","isColorMixed"]),h=function(t,a){return"solid"===a?t?d.mixed:d.sorting:"soft"===a?t?m.mixed:m.sorting:void 0};return l.forEach((function(t,a){l[a]=f({backgroundColor:h(v,y),borderColor:h(v,"solid")},t)})),t(a,f({data:{labels:e,datasets:l},options:{plugins:{title:o,legend:s,datalabels:i}},className:n(g({scaling:c}),p)},O))};b.displayName="PieChart";export{b as default};
 //# sourceMappingURL=index.mjs.map

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

@@ -24,8 +24,9 @@ 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 Flex from '../../../lib/components/Flex';
+import Text from '../../../lib/Typography/Text';
 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 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,Radio as l}from"@radix-ui/themes";import{Flex as i}from"../Flex/index.mjs";import{Text as n}from"../../Typography/Text/index.mjs";import{cn as s}from"../../utils/utils.mjs";import{useTheme as m}from"../../theme/ThemeProvider.mjs";import{MAIN_COLOR as c}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,j=a.appearance,O=void 0===j?"surface":j,b=a.children,z=a.className,P=u(a,["value","scaling","color","size","appearance","children","className"]),w=m().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:c};return e(o,{accentColor:C.color,scaling:C.scaling,children:e(i,{asChild:!0,className:s(f({size:x}),z),children:r(n,{as:"label",size:N,color:"black",children:[e(l,p({ref:t,value:h,variant:O,size:N},P)),b]})})})}));d.displayName="Radio";export{d as Radio,d 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;

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

@@ -28,6 +28,7 @@ import { cn } from '../../../lib/utils/utils';
 import { bgColorStyle, scalingVariants } from '../../../lib/constants';
 import { useTheme } from '../../../lib/theme';
 import * as ReactProSidebar from 'react-pro-sidebar';
+import { menuClasses, sidebarClasses } from 'react-pro-sidebar';
 import { useWindowSize } from '../../../lib/utils/useWindowSize';
 import * as alphaColors from '../../../lib/color/alpha';
 var sidebarVariants = cva('', {
@@ -50,8 +51,9 @@ export var Root = React.forwardRef(function (_a, forwardedRef) {
 Root.displayName = 'Sidebar.Root';
 export var Menu = React.forwardRef(function (_a, forwardedRef) {
     var _b;
-    var scaling = _a.scaling, size = _a.size, color = _a.color, className = _a.className, menuItemStyles = _a.menuItemStyles, children = _a.children, props = __rest(_a, ["scaling", "size", "color", "className", "menuItemStyles", "children"]);
+    var scaling = _a.scaling, size = _a.size, color = _a.color, radius = _a.radius, className = _a.className, menuItemStyles = _a.menuItemStyles, children = _a.children, props = __rest(_a, ["scaling", "size", "color", "radius", "className", "menuItemStyles", "children"]);
     var heigthSize = '50px';
+    var radiusSize = '0px';
     var fontSize = '16px';
     if (size == 'small') {
         heigthSize = '40px';
@@ -61,6 +63,14 @@ export var Menu = React.forwardRef(function (_a, forwardedRef) {
         heigthSize = '60px';
         fontSize = '18px';
     }
+    if (radius == 'small')
+        radiusSize = '3px';
+    if (radius == 'medium')
+        radiusSize = '4px';
+    if (radius == 'large')
+        radiusSize = '6px';
+    if (radius == 'full')
+        radiusSize = '9999px';
     var theme = useTheme().theme;
     var sidebarStyle = {
         scaling: scaling !== null && scaling !== void 0 ? scaling : theme.themeScaling,
@@ -68,11 +78,12 @@ export var Menu = React.forwardRef(function (_a, forwardedRef) {
     };
     var colorKey = "".concat(sidebarStyle.color, "A");
     var colorValue = alphaColors[colorKey];
-    return (_jsx(ReactProSidebar.Menu, __assign({ menuItemStyles: __assign({ button: function (_a) {
+    return (_jsx(ReactProSidebar.Menu, __assign({ className: className, menuItemStyles: __assign({ button: function (_a) {
                 var level = _a.level, active = _a.active, disabled = _a.disabled, open = _a.open;
                 return {
                     height: heigthSize,
                     fontSize: fontSize,
+                    borderRadius: radiusSize,
                     backgroundColor: active ? colorValue[5] : '',
                     '&:hover': {
                         backgroundColor: colorValue[3],
@@ -83,12 +94,12 @@ export var Menu = React.forwardRef(function (_a, forwardedRef) {
 Menu.displayName = 'Sidebar.Menu';
 export var Item = React.forwardRef(function (_a, forwardedRef) {
     var scaling = _a.scaling, size = _a.size, color = _a.color, className = _a.className, children = _a.children, props = __rest(_a, ["scaling", "size", "color", "className", "children"]);
-    return _jsx(ReactProSidebar.MenuItem, __assign({}, props, { children: children }));
+    return (_jsx(ReactProSidebar.MenuItem, __assign({ className: className }, props, { children: children })));
 });
 Item.displayName = 'Sidebar.Item';
 export var SubMenu = React.forwardRef(function (_a, forwardedRef) {
     var scaling = _a.scaling, size = _a.size, color = _a.color, className = _a.className, children = _a.children, props = __rest(_a, ["scaling", "size", "color", "className", "children"]);
-    return _jsx(ReactProSidebar.SubMenu, __assign({}, props, { children: children }));
+    return (_jsx(ReactProSidebar.SubMenu, __assign({ className: className }, props, { children: children })));
 });
 SubMenu.displayName = 'Sidebar.SubMenu';
 var Sidebar = {
@@ -96,5 +107,7 @@ var Sidebar = {
     Menu: Menu,
     Item: Item,
     SubMenu: SubMenu,
+    menuClasses: menuClasses,
+    sidebarClasses: sidebarClasses,
 };
 export default Sidebar;

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

@@ -1,3 +1,3 @@
 "use client";
-import{jsx as e}from"react/jsx-runtime";import r from"react";import{cva as o}from"class-variance-authority";import{cn as a}from"../../utils/utils.mjs";import{scalingVariants as l,bgColorStyle as n}from"../../constants.mjs";import{useTheme as t}from"../../theme/ThemeProvider.mjs";import*as c from"react-pro-sidebar";import{useWindowSize as i}from"../../utils/useWindowSize.mjs";import*as s from"../../color/alpha.mjs";var m=function(){return m=Object.assign||function(e){for(var r,o=1,a=arguments.length;o<a;o++)for(var l in r=arguments[o])Object.prototype.hasOwnProperty.call(r,l)&&(e[l]=r[l]);return e},m.apply(this,arguments)},u=function(e,r){var o={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&r.indexOf(a)<0&&(o[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(a=Object.getOwnPropertySymbols(e);l<a.length;l++)r.indexOf(a[l])<0&&Object.prototype.propertyIsEnumerable.call(e,a[l])&&(o[a[l]]=e[a[l]])}return o},d=o("",{variants:{scaling:m({},l),color:n()}}),p=r.forwardRef((function(r,o){var l,n=r.scaling;r.size;var s=r.color,p=r.className,f=r.children,h=u(r,["scaling","size","color","className","children"]),v=t().theme,g=i(),b={scaling:null!=n?n:v.themeScaling,color:null!==(l=null!=s?s:v.themeColor)&&void 0!==l?l:"slate"};return e(c.Sidebar,m({className:a("bg-".concat(b.color,"A-6 dark:bg-").concat(b.color,"DarkA-6"),d({scaling:b.scaling}),p)},h,{collapsed:void 0===h.collapsed?g<=250:h.collapsed,children:f}))}));p.displayName="Sidebar.Root";var f=r.forwardRef((function(r,o){var a,l=r.scaling,n=r.size,i=r.color;r.className;var d=r.menuItemStyles,p=r.children,f=u(r,["scaling","size","color","className","menuItemStyles","children"]),h="50px",v="16px";"small"==n&&(h="40px",v="14px"),"large"==n&&(h="60px",v="18px");var g=t().theme,b={scaling:null!=l?l:g.themeScaling,color:null!==(a=null!=i?i:g.themeColor)&&void 0!==a?a:"slate"},y="".concat(b.color,"A"),S=s[y];return e(c.Menu,m({menuItemStyles:m({button:function(e){e.level;var r=e.active;return e.disabled,e.open,{height:h,fontSize:v,backgroundColor:r?S[5]:"","&:hover":{backgroundColor:S[3]}}}},d)},f,{children:p}))}));f.displayName="Sidebar.Menu";var h=r.forwardRef((function(r,o){r.scaling,r.size,r.color,r.className;var a=r.children,l=u(r,["scaling","size","color","className","children"]);return e(c.MenuItem,m({},l,{children:a}))}));h.displayName="Sidebar.Item";var v=r.forwardRef((function(r,o){r.scaling,r.size,r.color,r.className;var a=r.children,l=u(r,["scaling","size","color","className","children"]);return e(c.SubMenu,m({},l,{children:a}))}));v.displayName="Sidebar.SubMenu";var g={Root:p,Menu:f,Item:h,SubMenu:v};export{h as Item,f as Menu,p as Root,v as SubMenu,g as default};
+import{jsx as e}from"react/jsx-runtime";import r from"react";import{cva as a}from"class-variance-authority";import{cn as l}from"../../utils/utils.mjs";import{scalingVariants as o,bgColorStyle as s}from"../../constants.mjs";import{useTheme as n}from"../../theme/ThemeProvider.mjs";import*as i from"react-pro-sidebar";import{menuClasses as t,sidebarClasses as c}from"react-pro-sidebar";import{useWindowSize as m}from"../../utils/useWindowSize.mjs";import*as u from"../../color/alpha.mjs";var d=function(){return d=Object.assign||function(e){for(var r,a=1,l=arguments.length;a<l;a++)for(var o in r=arguments[a])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e},d.apply(this,arguments)},p=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 o=0;for(l=Object.getOwnPropertySymbols(e);o<l.length;o++)r.indexOf(l[o])<0&&Object.prototype.propertyIsEnumerable.call(e,l[o])&&(a[l[o]]=e[l[o]])}return a},f=a("",{variants:{scaling:d({},o),color:s()}}),h=r.forwardRef((function(r,a){var o,s=r.scaling;r.size;var t=r.color,c=r.className,u=r.children,h=p(r,["scaling","size","color","className","children"]),b=n().theme,g=m(),v={scaling:null!=s?s:b.themeScaling,color:null!==(o=null!=t?t:b.themeColor)&&void 0!==o?o:"slate"};return e(i.Sidebar,d({className:l("bg-".concat(v.color,"A-6 dark:bg-").concat(v.color,"DarkA-6"),f({scaling:v.scaling}),c)},h,{collapsed:void 0===h.collapsed?g<=250:h.collapsed,children:u}))}));h.displayName="Sidebar.Root";var b=r.forwardRef((function(r,a){var l,o=r.scaling,s=r.size,t=r.color,c=r.radius,m=r.className,f=r.menuItemStyles,h=r.children,b=p(r,["scaling","size","color","radius","className","menuItemStyles","children"]),g="50px",v="0px",y="16px";"small"==s&&(g="40px",y="14px"),"large"==s&&(g="60px",y="18px"),"small"==c&&(v="3px"),"medium"==c&&(v="4px"),"large"==c&&(v="6px"),"full"==c&&(v="9999px");var S=n().theme,N={scaling:null!=o?o:S.themeScaling,color:null!==(l=null!=t?t:S.themeColor)&&void 0!==l?l:"slate"},x="".concat(N.color,"A"),j=u[x];return e(i.Menu,d({className:m,menuItemStyles:d({button:function(e){e.level;var r=e.active;return e.disabled,e.open,{height:g,fontSize:y,borderRadius:v,backgroundColor:r?j[5]:"","&:hover":{backgroundColor:j[3]}}}},f)},b,{children:h}))}));b.displayName="Sidebar.Menu";var g=r.forwardRef((function(r,a){r.scaling,r.size,r.color;var l=r.className,o=r.children,s=p(r,["scaling","size","color","className","children"]);return e(i.MenuItem,d({className:l},s,{children:o}))}));g.displayName="Sidebar.Item";var v=r.forwardRef((function(r,a){r.scaling,r.size,r.color;var l=r.className,o=r.children,s=p(r,["scaling","size","color","className","children"]);return e(i.SubMenu,d({className:l},s,{children:o}))}));v.displayName="Sidebar.SubMenu";var y={Root:h,Menu:b,Item:g,SubMenu:v,menuClasses:t,sidebarClasses:c};export{g as Item,b as Menu,h as Root,v as SubMenu,y as default};
 //# sourceMappingURL=index.mjs.map

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

@@ -11,5 +11,5 @@ export interface SliderProps extends VariantProps<typeof sliderVariants> {
 declare const sliderVariants: (props?: ({
     radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export declare const Slider: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/themes").SliderProps & React.RefAttributes<HTMLSpanElement>, "ref">, "size"> & SliderProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const Slider: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/themes").SliderProps & React.RefAttributes<HTMLSpanElement>, "ref">, "color" | "size"> & SliderProps & React.RefAttributes<HTMLSpanElement>>;
 export default Slider;

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

@@ -5,7 +5,7 @@ import { Table as TableTheme } from '@radix-ui/themes';
 export interface TableProps extends VariantProps<typeof tableVariants> {
     color?: IColor;
     appearance?: 'ghost' | 'surface';
-    size?: 'small' | 'medium' | 'large';
+    size?: 'x-small' | 'small' | 'medium' | 'large';
 }
 declare const tableVariants: (props?: ({
     scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;

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

@@ -28,6 +28,7 @@ import { Table as TableTheme, Theme } from '@radix-ui/themes';
 import { cn } from '../../../lib/utils/utils';
 import { radiusVariants, scalingVariants } from '../../../lib/constants';
 import { useTheme } from '../../../lib/theme';
+var rootSize = 'medium';
 var tableVariants = cva('', {
     variants: {
         scaling: __assign({}, scalingVariants),
@@ -40,15 +41,34 @@ var tableVariants = cva('', {
 var tableRowVariants = cva('', {
     variants: {
         size: {
-            small: 'h-[36px]',
-            medium: 'h-[44px]',
-            large: 'h-[48px] p-3',
+            'x-small': 'h-[32px] text-[12px] p-[8px]',
+            small: 'h-[36px] text-[14px] p-[8px]',
+            medium: 'h-[44px] text-[14px] p-[8px]',
+            large: 'h-[56px]  text-[16px] p-[12px]',
         },
     },
+    defaultVariants: {
+        size: 'medium',
+    },
+});
+var tableHeaderVariants = cva('', {
+    variants: {
+        size: {
+            'x-small': 'h-[32px] text-[12px] p-[8px]',
+            small: 'h-[36px] text-[14px] p-[8px]',
+            medium: 'h-[44px] text-[14px] p-[8px]',
+            large: 'h-[56px]  text-[16px] p-[16px]',
+        },
+    },
+    defaultVariants: {
+        size: 'medium',
+    },
 });
 export var Root = React.forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, appearance = _a.appearance, scaling = _a.scaling, size = _a.size, radius = _a.radius, tableProps = __rest(_a, ["className", "children", "appearance", "scaling", "size", "radius"]);
     var theme = useTheme().theme;
+    if (size)
+        rootSize = size;
     var sizeTheme = '2';
     if (size === 'small')
         sizeTheme = '1';
@@ -63,7 +83,7 @@ export var Root = React.forwardRef(function (_a, ref) {
 });
 Root.displayName = 'Table.Root';
 export var Header = React.forwardRef(function (_a, forwardedRef) {
-    var className = _a.className, children = _a.children, scaling = _a.scaling, props = __rest(_a, ["className", "children", "scaling"]);
+    var className = _a.className, children = _a.children, scaling = _a.scaling, size = _a.size, props = __rest(_a, ["className", "children", "scaling", "size"]);
     return (_jsx(TableTheme.Header, __assign({ ref: forwardedRef, className: cn('', tableVariants({ scaling: scaling }), className) }, props, { children: children })));
 });
 Header.displayName = 'Table.Header';
@@ -73,23 +93,23 @@ export var Body = React.forwardRef(function (_a, forwardedRef) {
 });
 Body.displayName = 'Table.Body';
 export var Row = React.forwardRef(function (_a, forwardedRef) {
-    var className = _a.className, children = _a.children, scaling = _a.scaling, props = __rest(_a, ["className", "children", "scaling"]);
+    var className = _a.className, children = _a.children, scaling = _a.scaling, size = _a.size, props = __rest(_a, ["className", "children", "scaling", "size"]);
     return (_jsx(TableTheme.Row, __assign({ ref: forwardedRef, className: cn('', tableVariants({ scaling: scaling }), className) }, props, { children: children })));
 });
 Row.displayName = 'Table.Row';
 export var Cell = React.forwardRef(function (_a, forwardedRef) {
-    var className = _a.className, children = _a.children, scaling = _a.scaling, cellProps = __rest(_a, ["className", "children", "scaling"]);
-    return (_jsx(TableTheme.Cell, __assign({ className: cn('', tableVariants({ scaling: scaling }), className) }, cellProps, { ref: forwardedRef, children: children })));
+    var className = _a.className, children = _a.children, scaling = _a.scaling, size = _a.size, cellProps = __rest(_a, ["className", "children", "scaling", "size"]);
+    return (_jsx(TableTheme.Cell, __assign({ className: cn(tableRowVariants({ size: rootSize }), tableVariants({ scaling: scaling }), className) }, cellProps, { ref: forwardedRef, children: children })));
 });
 Cell.displayName = 'Table.Cell';
 export var ColumnHeaderCell = React.forwardRef(function (_a, forwardedRef) {
     var className = _a.className, children = _a.children, scaling = _a.scaling, size = _a.size, props = __rest(_a, ["className", "children", "scaling", "size"]);
-    return (_jsx(TableTheme.ColumnHeaderCell, __assign({ ref: forwardedRef, className: cn('', tableVariants({ scaling: scaling }), tableRowVariants({ size: size }), className) }, props, { children: children })));
+    return (_jsx(TableTheme.ColumnHeaderCell, __assign({ ref: forwardedRef, className: cn('', tableVariants({ scaling: scaling }), tableHeaderVariants({ size: rootSize }), className) }, props, { children: children })));
 });
 ColumnHeaderCell.displayName = 'Table.ColumnHeaderCell';
 export var RowHeaderCell = React.forwardRef(function (_a, forwardedRef) {
-    var className = _a.className, children = _a.children, scaling = _a.scaling, props = __rest(_a, ["className", "children", "scaling"]);
-    return (_jsx(TableTheme.RowHeaderCell, __assign({ ref: forwardedRef, className: cn('', tableVariants({ scaling: scaling }), className) }, props, { children: children })));
+    var className = _a.className, children = _a.children, scaling = _a.scaling, size = _a.size, props = __rest(_a, ["className", "children", "scaling", "size"]);
+    return (_jsx(TableTheme.RowHeaderCell, __assign({ ref: forwardedRef, className: cn('', tableVariants({ scaling: scaling }), tableRowVariants({ size: rootSize }), className) }, props, { children: children })));
 });
 RowHeaderCell.displayName = 'Table.RowHeaderCell';
 var Table = {

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

@@ -1,3 +1,3 @@
 "use client";
-import{jsx as a}from"react/jsx-runtime";import e from"react";import{cva as r}from"class-variance-authority";import{Theme as l,Table as s}from"@radix-ui/themes";import{cn as n}from"../../utils/utils.mjs";import{scalingVariants as i,radiusVariants as c}from"../../constants.mjs";import{useTheme as t}from"../../theme/ThemeProvider.mjs";var o=function(){return o=Object.assign||function(a){for(var e,r=1,l=arguments.length;r<l;r++)for(var s in e=arguments[r])Object.prototype.hasOwnProperty.call(e,s)&&(a[s]=e[s]);return a},o.apply(this,arguments)},m=function(a,e){var r={};for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&e.indexOf(l)<0&&(r[l]=a[l]);if(null!=a&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(l=Object.getOwnPropertySymbols(a);s<l.length;s++)e.indexOf(l[s])<0&&Object.prototype.propertyIsEnumerable.call(a,l[s])&&(r[l[s]]=a[l[s]])}return r},d=r("",{variants:{scaling:o({},i),radius:o({},c.base)},defaultVariants:{scaling:"100%"}}),f=r("",{variants:{size:{small:"h-[36px]",medium:"h-[44px]",large:"h-[48px] p-3"}}}),u=e.forwardRef((function(e,r){var i=e.className,c=e.children,f=e.appearance,u=e.scaling,h=e.size,p=e.radius,g=m(e,["className","children","appearance","scaling","size","radius"]),N=t().theme,v="2";"small"===h&&(v="1"),"large"===h&&(v="3");var y=null!=p?p:N.themeRadius,b={scaling:null!=u?u:N.themeScaling,radius:"full"===y?"large":y};return a(l,{hasBackground:!1,children:a(s.Root,o({ref:r,className:n(d(b),i),variant:f,size:v},g,{children:c}))})}));u.displayName="Table.Root";var h=e.forwardRef((function(e,r){var l=e.className,i=e.children,c=e.scaling,t=m(e,["className","children","scaling"]);return a(s.Header,o({ref:r,className:n("",d({scaling:c}),l)},t,{children:i}))}));h.displayName="Table.Header";var p=e.forwardRef((function(e,r){var l=e.className,i=e.children,c=e.scaling,t=m(e,["className","children","scaling"]);return a(s.Body,o({ref:r,className:n("",d({scaling:c}),l)},t,{children:i}))}));p.displayName="Table.Body";var g=e.forwardRef((function(e,r){var l=e.className,i=e.children,c=e.scaling,t=m(e,["className","children","scaling"]);return a(s.Row,o({ref:r,className:n("",d({scaling:c}),l)},t,{children:i}))}));g.displayName="Table.Row";var N=e.forwardRef((function(e,r){var l=e.className,i=e.children,c=e.scaling,t=m(e,["className","children","scaling"]);return a(s.Cell,o({className:n("",d({scaling:c}),l)},t,{ref:r,children:i}))}));N.displayName="Table.Cell";var v=e.forwardRef((function(e,r){var l=e.className,i=e.children,c=e.scaling,t=e.size,u=m(e,["className","children","scaling","size"]);return a(s.ColumnHeaderCell,o({ref:r,className:n("",d({scaling:c}),f({size:t}),l)},u,{children:i}))}));v.displayName="Table.ColumnHeaderCell";var y=e.forwardRef((function(e,r){var l=e.className,i=e.children,c=e.scaling,t=m(e,["className","children","scaling"]);return a(s.RowHeaderCell,o({ref:r,className:n("",d({scaling:c}),l)},t,{children:i}))}));y.displayName="Table.RowHeaderCell";var b={Root:u,Header:h,Body:p,Row:g,Cell:N,ColumnHeaderCell:v,RowHeaderCell:y};export{p as Body,N as Cell,v as ColumnHeaderCell,h as Header,u as Root,g as Row,y as RowHeaderCell,b as default};
+import{jsx as e}from"react/jsx-runtime";import a from"react";import{cva as r}from"class-variance-authority";import{Theme as l,Table as s}from"@radix-ui/themes";import{cn as i}from"../../utils/utils.mjs";import{scalingVariants as n,radiusVariants as t}from"../../constants.mjs";import{useTheme as c}from"../../theme/ThemeProvider.mjs";var m=function(){return m=Object.assign||function(e){for(var a,r=1,l=arguments.length;r<l;r++)for(var s in a=arguments[r])Object.prototype.hasOwnProperty.call(a,s)&&(e[s]=a[s]);return e},m.apply(this,arguments)},o=function(e,a){var r={};for(var l in e)Object.prototype.hasOwnProperty.call(e,l)&&a.indexOf(l)<0&&(r[l]=e[l]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(l=Object.getOwnPropertySymbols(e);s<l.length;s++)a.indexOf(l[s])<0&&Object.prototype.propertyIsEnumerable.call(e,l[s])&&(r[l[s]]=e[l[s]])}return r},d="medium",p=r("",{variants:{scaling:m({},n),radius:m({},t.base)},defaultVariants:{scaling:"100%"}}),f=r("",{variants:{size:{"x-small":"h-[32px] text-[12px] p-[8px]",small:"h-[36px] text-[14px] p-[8px]",medium:"h-[44px] text-[14px] p-[8px]",large:"h-[56px]  text-[16px] p-[12px]"}},defaultVariants:{size:"medium"}}),u=r("",{variants:{size:{"x-small":"h-[32px] text-[12px] p-[8px]",small:"h-[36px] text-[14px] p-[8px]",medium:"h-[44px] text-[14px] p-[8px]",large:"h-[56px]  text-[16px] p-[16px]"}},defaultVariants:{size:"medium"}}),h=a.forwardRef((function(a,r){var n=a.className,t=a.children,f=a.appearance,u=a.scaling,h=a.size,x=a.radius,g=o(a,["className","children","appearance","scaling","size","radius"]),v=c().theme;h&&(d=h);var N="2";"small"===h&&(N="1"),"large"===h&&(N="3");var y=null!=x?x:v.themeRadius,z={scaling:null!=u?u:v.themeScaling,radius:"full"===y?"large":y};return e(l,{hasBackground:!1,children:e(s.Root,m({ref:r,className:i(p(z),n),variant:f,size:N},g,{children:t}))})}));h.displayName="Table.Root";var x=a.forwardRef((function(a,r){var l=a.className,n=a.children,t=a.scaling;a.size;var c=o(a,["className","children","scaling","size"]);return e(s.Header,m({ref:r,className:i("",p({scaling:t}),l)},c,{children:n}))}));x.displayName="Table.Header";var g=a.forwardRef((function(a,r){var l=a.className,n=a.children,t=a.scaling,c=o(a,["className","children","scaling"]);return e(s.Body,m({ref:r,className:i("",p({scaling:t}),l)},c,{children:n}))}));g.displayName="Table.Body";var v=a.forwardRef((function(a,r){var l=a.className,n=a.children,t=a.scaling;a.size;var c=o(a,["className","children","scaling","size"]);return e(s.Row,m({ref:r,className:i("",p({scaling:t}),l)},c,{children:n}))}));v.displayName="Table.Row";var N=a.forwardRef((function(a,r){var l=a.className,n=a.children,t=a.scaling;a.size;var c=o(a,["className","children","scaling","size"]);return e(s.Cell,m({className:i(f({size:d}),p({scaling:t}),l)},c,{ref:r,children:n}))}));N.displayName="Table.Cell";var y=a.forwardRef((function(a,r){var l=a.className,n=a.children,t=a.scaling;a.size;var c=o(a,["className","children","scaling","size"]);return e(s.ColumnHeaderCell,m({ref:r,className:i("",p({scaling:t}),u({size:d}),l)},c,{children:n}))}));y.displayName="Table.ColumnHeaderCell";var z=a.forwardRef((function(a,r){var l=a.className,n=a.children,t=a.scaling;a.size;var c=o(a,["className","children","scaling","size"]);return e(s.RowHeaderCell,m({ref:r,className:i("",p({scaling:t}),f({size:d}),l)},c,{children:n}))}));z.displayName="Table.RowHeaderCell";var b={Root:h,Header:x,Body:g,Row:v,Cell:N,ColumnHeaderCell:y,RowHeaderCell:z};export{g as Body,N as Cell,y as ColumnHeaderCell,x as Header,h as Root,v as Row,z as RowHeaderCell,b as default};
 //# sourceMappingURL=index.mjs.map