@lotte-innovate/ui-component-test 0.1.33 → 0.1.35

package/dist/lib/components/Menubar/MenubarTrigger.js

@@ -27,7 +27,7 @@ import { cva } from 'class-variance-authority';
 import { cn } from '../../../lib/utils/utils';
 import { appearanceStyle, scalingVariants } from '../../../lib/constants';
 import { useMenubarContext } from './MenubarRoot';
-export var menubarTriggerVariants = cva("flex items-center justify-between gap-[2px] outline-none select-none leading-none py-1 px-3 font-medium", {
+export var menubarTriggerVariants = cva("flex items-center justify-between gap-[2px] outline-none select-none leading-none py-1 px-3 \n    font-medium truncate w-fit", {
     variants: {
         size: {
             small: 'text-xs',

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

@@ -1,7 +1,9 @@
 /// <reference types="react" />
 declare const Menubar: {
     Root: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-menubar").MenubarProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("./MenubarRoot").MenubarProps & import("react").RefAttributes<HTMLDivElement>>;
-    Menu: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<never>>;
+    Menu: import("react").ForwardRefExoticComponent<import("@radix-ui/react-menubar").MenubarMenuProps & {
+        __scopeMenubar?: import("@radix-ui/react-context").Scope;
+    } & import("react").RefAttributes<never>>;
     Trigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-menubar").MenubarTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("./MenubarTrigger").MenubarTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
     Content: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-menubar").MenubarContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("./MenubarContent").MenubarContentProps & import("react").RefAttributes<HTMLDivElement>>;
     Item: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-menubar").MenubarItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("./MenubarItem").MenubarItemProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/lib/components/NavigationMenu/NavigationMenuContent.js

@@ -27,7 +27,7 @@ import { cn } from '../../../lib/utils/utils';
 import { cva } from 'class-variance-authority';
 import { radiusVariants } from '../../../lib/constants';
 import { useNavigationMenuContext } from './NavigationMenuRoot';
-export var navigationMenuContentVariants = cva("text-slate-12 dark:text-slateDark-12 bg-white dark:bg-slateDark-1 p-2", {
+export var navigationMenuContentVariants = cva("text-slate-12 dark:text-slateDark-12 bg-white dark:bg-slateDark-1 p-2 cursor-pointer", {
     variants: {
         radius: __assign({}, radiusVariants['extra-large']),
         size: {
@@ -43,6 +43,6 @@ export var navigationMenuContentVariants = cva("text-slate-12 dark:text-slateDar
 export var NavigationMenuContent = forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
     var _b = useNavigationMenuContext(), radius = _b.radius, size = _b.size;
-    return (_jsx(NavigationMenuPrimitive.Content, __assign({ ref: ref, className: cn("absolute top-0 left-0 w-full sm:w-auto\n          data-[motion=from-start]:animate-enterFromLeft \n          data-[motion=from-end]:animate-enterFromRight \n          data-[motion=to-start]:animate-exitToLeft \n          data-[motion=to-end]:animate-exitToRight", navigationMenuContentVariants({ radius: radius, size: size }), className) }, props, { children: children })));
+    return (_jsx(NavigationMenuPrimitive.Content, __assign({ ref: ref, className: cn("data-[motion=from-start]:animate-enterFromLeft data-[motion=from-end]:animate-enterFromRight data-[motion=to-start]:animate-exitToLeft data-[motion=to-end]:animate-exitToRight absolute left-0 top-0 w-full sm:w-auto", navigationMenuContentVariants({ radius: radius, size: size }), className) }, props, { children: children })));
 });
 NavigationMenuContent.displayName = 'NavigationMenu.Content';

package/dist/lib/components/NavigationMenu/NavigationMenuIndicator.js

@@ -26,6 +26,6 @@ import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
 import { cn } from '../../../lib/utils/utils';
 export var NavigationMenuIndicator = forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
-    return (_jsxs(NavigationMenuPrimitive.Indicator, __assign({ ref: ref, className: "flex z-[1] top-full h-[10px] items-end justify-center overflow-hidden\n        data-[state=visible]:animate-fadeIn data-[state=hidden]:animate-fadeOut \n        transition-[width,transform_250ms_ease]" }, props, { children: [_jsx("div", { className: cn("relative top-[70%] h-[10px] w-[10px] rotate-[45deg] rounded-tl-[2px] \n          bg-white dark:bg-slateDark-2 shadow-slate-4 shadow dark:shadow-slateDark-4", className) }), children] })));
+    return (_jsxs(NavigationMenuPrimitive.Indicator, __assign({ ref: ref, className: "data-[state=visible]:animate-fadeIn data-[state=hidden]:animate-fadeOut top-full z-[1] flex h-[10px] items-end justify-center overflow-hidden transition-[width,transform_250ms_ease]" }, props, { children: [_jsx("div", { className: cn("relative top-[70%] h-[10px] w-[10px] rotate-[45deg] rounded-tl-[2px] bg-white shadow shadow-slate-4 dark:bg-slateDark-2 dark:shadow-slateDark-4", className) }), children] })));
 });
 NavigationMenuIndicator.displayName = 'NavigationMenu.Indicator';

package/dist/lib/components/NavigationMenu/NavigationMenuList.js

@@ -28,7 +28,7 @@ import { cva } from 'class-variance-authority';
 import { appearanceStyle, radiusVariants, scalingVariants } from '../../../lib/constants';
 import { NavigationMenuIndicator } from './NavigationMenuIndicator';
 import { useNavigationMenuContext } from './NavigationMenuRoot';
-export var navigationMenuListVariants = cva('flex items-center p-1 space-x-1 shadow-slate-4 shadow dark:shadow-slateDark-4 bg-white dark:bg-slateDark-1', {
+export var navigationMenuListVariants = cva('flex p-1 space-x-1 shadow-slate-4 shadow dark:shadow-slateDark-4 bg-white dark:bg-slateDark-1', {
     variants: {
         radius: __assign({}, radiusVariants['base']),
         scaling: __assign({}, scalingVariants),

package/dist/lib/components/NavigationMenu/NavigationMenuRoot.js

@@ -37,7 +37,7 @@ export var useNavigationMenuContext = function () {
 export var NavigationMenuRoot = forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, radius = _a.radius, size = _a.size, scaling = _a.scaling, color = _a.color, appearance = _a.appearance, props = __rest(_a, ["className", "children", "radius", "size", "scaling", "color", "appearance"]);
     var contextValue = useMemo(function () { return ({ radius: radius, size: size, scaling: scaling, color: color, appearance: appearance }); }, [radius, size, scaling, color, appearance]);
-    return (_jsx(NavigationMenuContext.Provider, { value: contextValue, children: _jsx(NavigationMenuPrimitive.Root, __assign({ ref: ref, className: cn('flex relative z-[1] w-screen justify-center', className) }, props, { children: children })) }));
+    return (_jsx(NavigationMenuContext.Provider, { value: contextValue, children: _jsx(NavigationMenuPrimitive.Root, __assign({ ref: ref, className: cn('relative flex', className) }, props, { children: children })) }));
 });
 NavigationMenuRoot.displayName = 'NavigationMenu.Root';
 export default NavigationMenuRoot;

package/dist/lib/components/NavigationMenu/NavigationMenuViewport.js

@@ -48,6 +48,6 @@ export var NavigationMenuViewport = forwardRef(function (_a, ref) {
     var className = _a.className, props = __rest(_a, ["className"]);
     var _b = useNavigationMenuContext(), size = _b.size, scaling = _b.scaling, radius = _b.radius;
     var viewportClassName = cn(navigationViewportVariants({ size: size, scaling: scaling, radius: radius }), className);
-    return (_jsx("div", { className: "perspective-[2000px] absolute top-full left-0 flex w-full justify-center ", children: _jsx(NavigationMenuPrimitive.Viewport, __assign({ ref: ref, className: viewportClassName }, props)) }));
+    return (_jsx("div", { className: "perspective-[2000px] absolute left-0 top-full flex w-full", children: _jsx(NavigationMenuPrimitive.Viewport, __assign({ ref: ref, className: viewportClassName }, props)) }));
 });
 NavigationMenuViewport.displayName = 'NavigationMenu.Viewport';

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

@@ -1,25 +1,22 @@
 import { VariantProps } from 'class-variance-authority';
+import { IChartDataLabels, IChartDatasets, IChartLegend, IChartTitle } from '../../../lib/types';
 export interface PieChartProps extends VariantProps<typeof PieVariants> {
     labels?: string[];
-    datasets: {
-        label?: string;
-        data: number[];
-        backgroundColor?: string[];
-        borderColor?: string[];
-        borderWidth?: number;
-        borderDash?: number[];
-        borderDashOffset?: number;
-        offset?: number;
-        spacing?: number;
-        weight?: number;
-    }[];
-    options?: {};
-    className?: string;
     appearance?: 'solid' | 'soft';
     isColorMixed?: boolean;
+    className?: string;
+    title?: IChartTitle;
+    legend?: IChartLegend;
+    datasets: IChartDatasets[] & {
+        data: number[];
+    }[];
+    datalabels?: IChartDataLabels;
 }
 declare const PieVariants: (props?: ({
     scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-declare const PieChart: ({ labels, datasets, scaling, className, appearance, isColorMixed, ...rest }: PieChartProps) => import("react/jsx-runtime").JSX.Element;
+declare const PieChart: {
+    ({ labels, title, legend, datasets, datalabels, scaling, className, appearance, isColorMixed, ...rest }: PieChartProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export default PieChart;

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

@@ -41,7 +41,7 @@ var PieVariants = cva('', {
     },
 });
 var PieChart = function (_a) {
-    var labels = _a.labels, datasets = _a.datasets, scaling = _a.scaling, className = _a.className, _b = _a.appearance, appearance = _b === void 0 ? 'solid' : _b, _c = _a.isColorMixed, isColorMixed = _c === void 0 ? true : _c, rest = __rest(_a, ["labels", "datasets", "scaling", "className", "appearance", "isColorMixed"]);
+    var labels = _a.labels, title = _a.title, legend = _a.legend, datasets = _a.datasets, datalabels = _a.datalabels, scaling = _a.scaling, className = _a.className, _b = _a.appearance, appearance = _b === void 0 ? 'solid' : _b, _c = _a.isColorMixed, isColorMixed = _c === void 0 ? true : _c, rest = __rest(_a, ["labels", "title", "legend", "datasets", "datalabels", "scaling", "className", "appearance", "isColorMixed"]);
     var getChartColor = function (isColorMixed, appearance) {
         if (appearance === 'solid') {
             return isColorMixed ? chartColorList.mixed : chartColorList.sorting;
@@ -53,6 +53,13 @@ var PieChart = function (_a) {
     datasets.forEach(function (dataset, index) {
         datasets[index] = __assign(__assign({}, dataset), { backgroundColor: getChartColor(isColorMixed, appearance), borderColor: getChartColor(isColorMixed, 'solid') });
     });
-    return (_jsx(Pie, __assign({ data: { labels: labels, datasets: datasets }, className: cn(PieVariants({ scaling: scaling }), className) }, rest)));
+    return (_jsx(Pie, __assign({ data: { labels: labels, datasets: datasets }, options: {
+            plugins: {
+                title: title,
+                legend: legend,
+                datalabels: datalabels,
+            },
+        }, className: cn(PieVariants({ scaling: scaling }), className) }, rest)));
 };
+PieChart.displayName = 'PieChart';
 export default PieChart;

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

@@ -1,8 +1,6 @@
 import React from 'react';
 import { VariantProps } from 'class-variance-authority';
-import * as ProgressPrimitive from '@radix-ui/react-progress';
 export interface ProgressProps extends VariantProps<typeof progressVariants> {
-    color?: any;
     size?: any;
     appearance?: 'classic' | 'surface' | 'soft';
 }
@@ -10,7 +8,6 @@ declare const progressVariants: (props?: ({
     radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
     size?: "small" | "medium" | "large" | null | undefined;
     scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
-    color?: string | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export declare const Progress: React.ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressProps & React.RefAttributes<HTMLDivElement>, "ref"> & ProgressProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Progress: React.ForwardRefExoticComponent<Omit<import("@radix-ui/themes").ProgressProps & React.RefAttributes<HTMLDivElement>, "ref"> & ProgressProps & React.RefAttributes<HTMLDivElement>>;
 export default Progress;

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

@@ -23,7 +23,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { cva } from 'class-variance-authority';
-import { scalingVariants, bgColorStyle } from '../../../lib/constants';
+import { scalingVariants } from '../../../lib/constants';
 import { Theme, Progress as ProgressTheme } from '@radix-ui/themes';
 import { cn } from '../../../lib/utils/utils';
 var progressVariants = cva('w-[300px]', {
@@ -41,7 +41,6 @@ var progressVariants = cva('w-[300px]', {
             large: 'h-2',
         },
         scaling: __assign({}, scalingVariants),
-        color: bgColorStyle(),
     },
     defaultVariants: {
         radius: 'medium',
@@ -50,7 +49,7 @@ var progressVariants = cva('w-[300px]', {
     },
 });
 export var Progress = forwardRef(function (_a, ref) {
-    var className = _a.className, children = _a.children, radius = _a.radius, size = _a.size, value = _a.value, _b = _a.appearance, appearance = _b === void 0 ? 'surface' : _b, _c = _a.color, color = _c === void 0 ? 'red' : _c, scaling = _a.scaling, props = __rest(_a, ["className", "children", "radius", "size", "value", "appearance", "color", "scaling"]);
+    var className = _a.className, radius = _a.radius, size = _a.size, value = _a.value, _b = _a.appearance, appearance = _b === void 0 ? 'surface' : _b, _c = _a.color, color = _c === void 0 ? 'red' : _c, scaling = _a.scaling, props = __rest(_a, ["className", "radius", "size", "value", "appearance", "color", "scaling"]);
     return (_jsx(Theme, { accentColor: color, children: _jsx(ProgressTheme, __assign({ ref: ref, value: value, variant: appearance, className: cn(progressVariants({ radius: radius, size: size, scaling: scaling }), className) }, props)) }));
 });
 Progress.displayName = 'Progress';

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

@@ -1,39 +1,32 @@
 import { VariantProps } from 'class-variance-authority';
-import { PointStyle } from '../../../lib/types';
+import { IChartDataLabels, IChartDatasets, IChartLegend, IChartTitle } from '../../../lib/types';
+type IRadarChartDataset = IChartDatasets & {
+    data: number[];
+    pointBackgroundColor?: string;
+    pointBorderColor?: string;
+    pointBorderWidth?: number;
+    pointHoverBackgroundColor?: string;
+    pointHoverBorderColor?: string;
+    pointHoverBorderWidth?: number;
+    fill?: boolean;
+};
 export interface RadarChartProps extends VariantProps<typeof radarChartVariants> {
-    labels?: string[];
-    datasets: {
-        label?: string;
-        data: number[];
-        backgroundColor?: string;
-        borderColor?: string;
-        borderWidth?: number;
-        hoverBackgroundColor?: string;
-        hoverBorderColor?: string;
-        hoverBorderWidth?: number;
-        pointBackgroundColor?: string;
-        pointBorderColor?: string;
-        pointBorderWidth?: number;
-        pointHoverBackgroundColor?: string;
-        pointHoverBorderColor?: string;
-        pointHoverBorderWidth?: number;
-        pointStyle?: PointStyle;
-        pointRotation?: number;
-        fill?: boolean;
-        order?: number;
-        tension?: number;
-    }[];
-    options?: {};
+    appearance?: 'solid' | 'soft';
+    isColorMixed?: boolean;
     className?: string;
+    datasets: IRadarChartDataset[];
+    title?: IChartTitle;
+    legend?: IChartLegend;
+    labels?: string[];
+    datalabels?: IChartDataLabels;
     width?: string | number;
     height?: string | number;
-    isColorMixed?: boolean;
 }
 declare const radarChartVariants: (props?: ({
     scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const RadarChart: {
-    ({ className, labels, datasets, width, height, scaling, isColorMixed, ...props }: RadarChartProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, title, legend, datalabels, datasets, labels, width, height, scaling, appearance, isColorMixed, ...props }: RadarChartProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default RadarChart;

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

@@ -25,9 +25,14 @@ import { cva } from 'class-variance-authority';
 import { scalingVariants } from '../../../lib/constants';
 import { Radar } from 'react-chartjs-2';
 import { cn } from '../../../lib/utils/utils';
-import { Chart as ChartJS, RadialLinearScale, PointElement, LineElement, Filler, Tooltip, Legend, } from 'chart.js/auto';
-import { chartColorList } from '../../../lib/color/constants';
-ChartJS.register(RadialLinearScale, PointElement, LineElement, Filler, Tooltip, Legend);
+import { Chart as ChartJS, RadialLinearScale, PointElement, LineElement, Filler, Tooltip, Legend, plugins, } from 'chart.js/auto';
+import { chartColorList, chartAlphaColorList } from '../../../lib/color/constants';
+import { useDarkMode } from '../../../lib/utils/useDarkMode';
+import ChartDataLabels from 'chartjs-plugin-datalabels';
+ChartJS.register(RadialLinearScale, PointElement, LineElement, Filler, Tooltip, Legend, plugins, ChartDataLabels);
+ChartJS.defaults.set('plugins.datalabels', {
+    display: false,
+});
 var radarChartVariants = cva('', {
     variants: {
         scaling: __assign({}, scalingVariants),
@@ -37,18 +42,35 @@ var radarChartVariants = cva('', {
     },
 });
 export var RadarChart = function (_a) {
-    var className = _a.className, labels = _a.labels, datasets = _a.datasets, width = _a.width, height = _a.height, scaling = _a.scaling, _b = _a.isColorMixed, isColorMixed = _b === void 0 ? true : _b, props = __rest(_a, ["className", "labels", "datasets", "width", "height", "scaling", "isColorMixed"]);
-    if (isColorMixed) {
-        datasets.forEach(function (dataset, index) {
-            dataset.backgroundColor = chartColorList.mixed[index];
-        });
-    }
-    else {
-        datasets.forEach(function (dataset, index) {
-            dataset.backgroundColor = chartColorList.sorting[index];
-        });
-    }
-    return (_jsx(Radar, __assign({ data: { labels: labels, datasets: datasets }, className: cn(radarChartVariants({ scaling: scaling }), className), width: width, height: height }, props)));
+    var className = _a.className, title = _a.title, legend = _a.legend, datalabels = _a.datalabels, datasets = _a.datasets, labels = _a.labels, width = _a.width, height = _a.height, scaling = _a.scaling, _b = _a.appearance, appearance = _b === void 0 ? 'solid' : _b, _c = _a.isColorMixed, isColorMixed = _c === void 0 ? true : _c, props = __rest(_a, ["className", "title", "legend", "datalabels", "datasets", "labels", "width", "height", "scaling", "appearance", "isColorMixed"]);
+    var _d = useDarkMode(true), isDark = _d[0], defaultScales = _d[1];
+    var getChartColor = function (isColorMixed, appearance) {
+        if (appearance === 'solid') {
+            return isColorMixed ? chartColorList.mixed : chartColorList.sorting;
+        }
+        if (appearance === 'soft') {
+            return isColorMixed ? chartAlphaColorList.mixed : chartAlphaColorList.sorting;
+        }
+    };
+    datasets.forEach(function (dataset, index) {
+        var ChartColor = getChartColor(isColorMixed, appearance);
+        var BorderColor = getChartColor(isColorMixed, 'solid');
+        if (!ChartColor || !BorderColor)
+            return;
+        dataset.backgroundColor = ChartColor[index];
+        dataset.borderColor = BorderColor[index];
+    });
+    return (_jsx(Radar, __assign({ data: { labels: labels, datasets: datasets }, options: {
+            plugins: {
+                title: title,
+                legend: legend,
+                datalabels: datalabels,
+            },
+            scales: __assign({ r: {
+                    suggestedMin: 50,
+                    suggestedMax: 100,
+                } }, defaultScales.linescale),
+        }, className: cn(radarChartVariants({ scaling: scaling }), className), width: width, height: height }, props)));
 };
 RadarChart.displayName = 'RadarChart';
 export default RadarChart;

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

@@ -3,7 +3,6 @@ import { VariantProps } from 'class-variance-authority';
 import { IScaling } from '../../../lib/types';
 export interface RadioProps extends VariantProps<typeof radioVariants> {
     size?: any;
-    color?: any;
     scaling?: IScaling;
     appearance?: 'classic' | 'surface' | 'soft';
 }

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

@@ -39,7 +39,9 @@ var radioVariants = cva('font-normal', {
     },
 });
 export var Radio = React.forwardRef(function (_a, ref) {
-    var value = _a.value, scaling = _a.scaling, _b = _a.color, color = _b === void 0 ? 'red' : _b, _c = _a.size, size = _c === void 0 ? 'medium' : _c, _d = _a.appearance, appearance = _d === void 0 ? 'surface' : _d, children = _a.children, className = _a.className, props = __rest(_a, ["value", "scaling", "color", "size", "appearance", "children", "className"]);
+    var value = _a.value, scaling = _a.scaling, color = _a.color, _b = _a.size, size = _b === void 0 ? 'medium' : _b, _c = _a.appearance, appearance = _c === void 0 ? 'surface' : _c, children = _a.children, className = _a.className, props = __rest(_a, ["value", "scaling", "color", "size", "appearance", "children", "className"]);
+    if (!color)
+        color = 'red';
     var sizeTheme = '2';
     if (size === 'small')
         sizeTheme = '1';

package/dist/lib/components/RadioCards/RadioCardsItem.js

@@ -26,7 +26,7 @@ import { cva } from 'class-variance-authority';
 import { RadioCards as RadioCardsTheme } from '@radix-ui/themes';
 import { cn } from '../../../lib/utils/utils';
 import { RadioCardsContext } from './RadioCardsRoot';
-export var radioCardsItemVariants = cva('bg-white dark:bg-slateDark-1 text-slateA-12 dark:text-slateDarkA-12 border-slateA-6 dark:border-slateDarkA-6 font-normal disabled:text-slateA-9 dark:disabled:text-slateDarkA-9', {
+export var radioCardsItemVariants = cva('min-w-[200px] bg-white dark:bg-slateDark-1 text-slateA-12 dark:text-slateDarkA-12 border-slateA-6 dark:border-slateDarkA-6 font-normal disabled:text-slateA-9 dark:disabled:text-slateDarkA-9', {
     variants: {
         radius: {
             none: 'rounded-none before:rounded-none after:rounded-none',

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

@@ -3,7 +3,6 @@ import { VariantProps } from 'class-variance-authority';
 import { RadioCards as RadioCardsTheme } from '@radix-ui/themes';
 import { radioCardsItemVariants } from './RadioCardsItem';
 export interface RadioCardsProps extends VariantProps<typeof radioCardsVariants>, VariantProps<typeof radioCardsItemVariants> {
-    color?: any;
     appearance?: 'classic' | 'surface';
 }
 declare const radioCardsVariants: (props?: ({

package/dist/lib/components/RadioGroup/RadioGroupRoot.d.ts

@@ -3,7 +3,6 @@ import { RadioGroup as RadioGroupTheme } from '@radix-ui/themes';
 import { VariantProps } from 'class-variance-authority';
 import { IScaling } from '../../../lib/types';
 export interface RadioGroupProps extends VariantProps<typeof radioGroupVariants> {
-    color?: any;
     scaling?: IScaling;
     size?: 'small' | 'medium' | 'large';
     appearance?: 'classic' | 'surface' | 'soft';

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

@@ -45,7 +45,7 @@ export var Root = React.forwardRef(function (_a, ref) {
 });
 Root.displayName = 'Select.Root';
 export var Trigger = React.forwardRef(function (_a, forwardedRef) {
-    var _b = _a.appearance, appearance = _b === void 0 ? 'surface' : _b, color = _a.color, size = _a.size, radius = _a.radius, children = _a.children, className = _a.className, props = __rest(_a, ["appearance", "color", "size", "radius", "children", "className"]);
+    var _b = _a.appearance, appearance = _b === void 0 ? 'classic' : _b, color = _a.color, size = _a.size, radius = _a.radius, children = _a.children, className = _a.className, props = __rest(_a, ["appearance", "color", "size", "radius", "children", "className"]);
     if (!color)
         color = 'red';
     return (_jsx(SelectTheme.Trigger, __assign({ ref: forwardedRef, variant: appearance, radius: radius, className: cn(selectVariants({ radius: radius }), selectAppearanceStyle(appearance, color), className) }, props, { children: children })));

package/dist/lib/components/Toggle/ToggleWithText.d.ts

@@ -18,4 +18,4 @@ export declare const IconScaling: {
     large: string;
 };
 export declare const ToggleWithText: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & ToggleWithTextProps & React.RefAttributes<HTMLButtonElement>>;
-export {};
+export default ToggleWithText;

package/dist/lib/components/Toggle/ToggleWithText.js

@@ -55,3 +55,4 @@ export var ToggleWithText = forwardRef(function (_a, ref) {
             }), text] })));
 });
 ToggleWithText.displayName = 'ToggleWithText';
+export default ToggleWithText;

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

@@ -65,7 +65,7 @@ export var ToggleSwitch = React.forwardRef(function (_a, forwardedRef) {
         sizeTheme = '1';
     if (size === 'large')
         sizeTheme = '3';
-    return (_jsx(Theme, { className: "flex", accentColor: color, hasBackground: false, children: _jsxs(Text, { as: "label", className: cn('flex items-center', SwitchLabelVariants({ size: size, scaling: scaling })), children: [_jsx(SwitchTheme, __assign({ ref: forwardedRef }, switchProps, { variant: appearance, radius: radius, size: sizeTheme, color: color, className: cn(toggleSwitchVariants({ scaling: scaling, radius: radius, size: size }), className) })), children] }) }));
+    return (_jsx(Theme, { className: "flex", accentColor: color, hasBackground: false, children: _jsxs(Text, { as: "label", className: cn('flex items-center', SwitchLabelVariants({ size: size, scaling: scaling })), children: [_jsx(SwitchTheme, __assign({ ref: forwardedRef }, switchProps, { variant: appearance, radius: radius, size: sizeTheme, color: color, className: cn(toggleSwitchVariants({ scaling: scaling, radius: radius, size: size }), className), "aria-label": "Switch" })), children] }) }));
 });
 ToggleSwitch.displayName = 'ToggleSwitch';
 export default ToggleSwitch;

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

@@ -11,7 +11,6 @@ export interface TooltipProps extends React.InputHTMLAttributes<HTMLInputElement
     side?: 'top' | 'right' | 'bottom' | 'left';
 }
 declare const tooltipVariants: (props?: ({
-    scaling?: number | typeof Symbol.iterator | "concat" | "indexOf" | "lastIndexOf" | "slice" | "length" | "includes" | "at" | "toLocaleString" | typeof Symbol.unscopables | "map" | "filter" | "fill" | "values" | "toString" | "pop" | "push" | "join" | "reverse" | "shift" | "sort" | "splice" | "unshift" | "every" | "some" | "forEach" | "reduce" | "reduceRight" | "find" | "findIndex" | "copyWithin" | "entries" | "keys" | "flatMap" | "flat" | "findLast" | "findLastIndex" | "toReversed" | "toSorted" | "toSpliced" | "with" | null | undefined;
     weight?: "bold" | "medium" | "regular" | "semibold" | null | undefined;
     radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
     color?: string | null | undefined;

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

@@ -26,17 +26,16 @@ import React from 'react';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { cva } from 'class-variance-authority';
 import { cn } from '../../../lib/utils/utils';
-import { primaryColorStyle, radiusVariants, scalingOptions, weightVariants } from '../../../lib/constants';
+import { primaryColorStyle, radiusVariants, weightVariants } from '../../../lib/constants';
 var tooltipVariants = cva('bg-slate-12 text-slate-1 dark:bg-slateDark-12 dark:text-slateDark-1 data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade data-[state=delayed-open]:data-[side=right]:animate-slideLeftAndFade data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade select-none rounded-[4px] px-[9px] py-[6px] text-[12px] leading-none shadow-[hsl(206_22%_7%_/_35%)_0px_10px_38px_-10px,_hsl(206_22%_7%_/_20%)_0px_10px_20px_-15px] will-change-[transform,opacity]', {
     variants: {
-        scaling: __assign({}, scalingOptions),
         weight: __assign({}, weightVariants),
         radius: __assign({}, radiusVariants['extra-large']),
         color: primaryColorStyle(),
     },
 });
 var Tooltip = React.forwardRef(function (_a, ref) {
-    var content = _a.content, scaling = _a.scaling, weight = _a.weight, color = _a.color, radius = _a.radius, children = _a.children, defaultOpen = _a.defaultOpen, open = _a.open, className = _a.className, side = _a.side, onOpenChange = _a.onOpenChange, props = __rest(_a, ["content", "scaling", "weight", "color", "radius", "children", "defaultOpen", "open", "className", "side", "onOpenChange"]);
+    var content = _a.content, weight = _a.weight, color = _a.color, radius = _a.radius, children = _a.children, defaultOpen = _a.defaultOpen, open = _a.open, className = _a.className, side = _a.side, onOpenChange = _a.onOpenChange, props = __rest(_a, ["content", "weight", "color", "radius", "children", "defaultOpen", "open", "className", "side", "onOpenChange"]);
     if (!side)
         side = 'top';
     if (radius === 'full')
@@ -44,7 +43,7 @@ var Tooltip = React.forwardRef(function (_a, ref) {
     var arrowColor = color
         ? "fill-".concat(color, "-9 dark:fill-").concat(color, "Dark-9")
         : 'fill-slate-12 dark:fill-slateDark-12';
-    return (_jsx(TooltipPrimitive.Provider, { children: _jsxs(TooltipPrimitive.Root, { open: open, defaultOpen: defaultOpen, onOpenChange: onOpenChange, children: [_jsx(TooltipPrimitive.Trigger, { className: "cursor-pointer text-slate-12 dark:text-slateDark-12", asChild: true, children: children }), _jsxs(TooltipPrimitive.Content, __assign({ align: "center" }, props, { side: side, className: cn('mr-2', tooltipVariants({ scaling: scaling, weight: weight, radius: radius, color: color }), className), sideOffset: 5, children: [content, _jsx(TooltipPrimitive.Arrow, { width: 11, height: 5, className: arrowColor })] }))] }) }));
+    return (_jsx(TooltipPrimitive.Provider, { children: _jsxs(TooltipPrimitive.Root, { open: open, defaultOpen: defaultOpen, onOpenChange: onOpenChange, children: [_jsx(TooltipPrimitive.Trigger, { className: "cursor-pointer text-slate-12 dark:text-slateDark-12", asChild: true, children: children }), _jsxs(TooltipPrimitive.Content, __assign({ align: "center" }, props, { side: side, className: cn('mr-2', tooltipVariants({ weight: weight, radius: radius, color: color }), className), sideOffset: 5, children: [content, _jsx(TooltipPrimitive.Arrow, { width: 11, height: 5, className: arrowColor })] }))] }) }));
 });
 Tooltip.displayName = 'Tooltip';
 export default Tooltip;

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

@@ -38,6 +38,7 @@ export { default as TextArea } from './TextArea';
 export { default as TextField } from './TextField';
 export { default as Toast } from './Toast';
 export { default as Toggle } from './Toggle';
+export { default as ToggleWithText } from './Toggle/ToggleWithText';
 export { default as ToggleGroup } from './ToggleGroup';
 export { default as ToggleSwitch } from './ToggleSwitch';
 export { default as Tooltip } from './Tooltip';

package/dist/lib/components/index.js

@@ -39,6 +39,7 @@ export { default as TextArea } from './TextArea';
 export { default as TextField } from './TextField';
 export { default as Toast } from './Toast';
 export { default as Toggle } from './Toggle';
+export { default as ToggleWithText } from './Toggle/ToggleWithText';
 export { default as ToggleGroup } from './ToggleGroup';
 export { default as ToggleSwitch } from './ToggleSwitch';
 export { default as Tooltip } from './Tooltip';