@lotte-innovate/ui-component-test 0.0.34 → 0.0.37

package/dist/lib/components/Menubar/{index.js → index.jsx}

@@ -20,8 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, forwardRef, useContext, } from 'react';
+import React, { createContext, forwardRef, useContext, } from 'react';
 import * as MenubarPrimitive from '@radix-ui/react-menubar';
 import { cva } from 'class-variance-authority';
 import { cn } from '../../../lib/utils/utils';
@@ -67,7 +66,11 @@ export var Menubar = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, radius = _a.radius, scaling = _a.scaling, size = _a.size, _b = _a.color, color = _b === void 0 ? 'red' : _b, _c = _a.appearance, appearance = _c === void 0 ? 'ghost' : _c, _d = _a.itemAppearance, itemAppearance = _d === void 0 ? 'solid' : _d, props = __rest(_a, ["children", "className", "radius", "scaling", "size", "color", "appearance", "itemAppearance"]);
     var contextValue = { radius: radius, size: size, scaling: scaling, color: color, appearance: appearance, itemAppearance: itemAppearance };
     var menuClassName = cn(menubarVariants({ radius: radius, scaling: scaling, size: size }), appearance === 'solid' && "bg-".concat(color, "-9 dark:bg-$").concat(color, "Dark-9"), className);
-    return (_jsx(MenubarContext.Provider, { value: contextValue, children: _jsx(MenubarPrimitive.Root, __assign({ ref: ref, className: menuClassName }, props, { children: children })) }));
+    return (<MenubarContext.Provider value={contextValue}>
+        <MenubarPrimitive.Root ref={ref} className={menuClassName} {...props}>
+          {children}
+        </MenubarPrimitive.Root>
+      </MenubarContext.Provider>);
 });
 Menubar.displayName = 'Menubar';
 export default Menubar;

package/dist/lib/components/NavigationMenu/NavigationMenuContent.d.ts

@@ -5,7 +5,7 @@ export interface NavigationMenuContentProps extends VariantProps<typeof navigati
     isShowIcon?: boolean;
 }
 export declare const navigationMenuContentVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
     size?: "small" | "medium" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const NavigationMenuContent: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>>;

package/dist/lib/components/NavigationMenu/{NavigationMenuContent.js → NavigationMenuContent.jsx}

@@ -20,8 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
 import { cn } from '../../../lib/utils/utils';
 import { cva } from 'class-variance-authority';
@@ -43,6 +42,8 @@ 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 (<NavigationMenuPrimitive.Content 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}
+    </NavigationMenuPrimitive.Content>);
 });
 NavigationMenuContent.displayName = 'NavigationMenuContent';

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

@@ -0,0 +1,22 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef } from 'react';
+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 (<NavigationMenuPrimitive.Indicator 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}>
+      <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}
+    </NavigationMenuPrimitive.Indicator>);
+});
+NavigationMenuIndicator.displayName = 'NavigationMenuIndicator';

package/dist/lib/components/NavigationMenu/{NavigationMenuItem.js → NavigationMenuItem.jsx}

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -20,11 +9,12 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
 export var NavigationMenuItem = forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
-    return (_jsx(NavigationMenuPrimitive.Item, __assign({ ref: ref, className: className }, props, { children: children })));
+    return (<NavigationMenuPrimitive.Item ref={ref} className={className} {...props}>
+      {children}
+    </NavigationMenuPrimitive.Item>);
 });
 NavigationMenuItem.displayName = 'NavigationMenuItem';

package/dist/lib/components/NavigationMenu/NavigationMenuLink.d.ts

@@ -7,7 +7,7 @@ export interface NavigationMenuLinkProps extends VariantProps<typeof navigationM
 }
 export declare const navigationMenuLinkVariants: (props?: ({
     size?: "small" | "medium" | null | undefined;
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
     scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const NavigationMenuLink: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>, "ref"> & NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>>;

package/dist/lib/components/NavigationMenu/{NavigationMenuLink.js → NavigationMenuLink.jsx}

@@ -20,8 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
 import { cn } from '../../../lib/utils/utils';
 import { cva } from 'class-variance-authority';
@@ -46,6 +45,8 @@ export var NavigationMenuLink = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, href = _a.href, props = __rest(_a, ["children", "className", "href"]);
     var _b = useNavigationMenuContext(), scaling = _b.scaling, size = _b.size, radius = _b.radius, _c = _b.color, color = _c === void 0 ? 'red' : _c, _d = _b.appearance, appearance = _d === void 0 ? 'ghost' : _d;
     var linkClassName = cn(navigationMenuLinkVariants({ scaling: scaling, size: size, radius: radius }), appearanceStyle(appearance, color), className);
-    return (_jsx(NavigationMenuPrimitive.Link, __assign({ ref: ref, href: href, title: href, className: linkClassName }, props, { children: children })));
+    return (<NavigationMenuPrimitive.Link ref={ref} href={href} title={href} className={linkClassName} {...props}>
+      {children}
+    </NavigationMenuPrimitive.Link>);
 });
 NavigationMenuLink.displayName = 'NavigationMenuLink';

package/dist/lib/components/NavigationMenu/NavigationMenuList.d.ts

@@ -6,7 +6,7 @@ export interface NavigationMenuListProps extends VariantProps<typeof navigationM
     appearance?: 'ghost' | 'solid';
 }
 export declare const navigationMenuListVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
     scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const NavigationMenuList: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & React.RefAttributes<HTMLUListElement>, "ref"> & NavigationMenuListProps & React.RefAttributes<HTMLUListElement>>;

package/dist/lib/components/NavigationMenu/{NavigationMenuList.js → NavigationMenuList.jsx}

@@ -20,8 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
 import { cn } from '../../../lib/utils/utils';
 import { cva } from 'class-variance-authority';
@@ -42,6 +41,9 @@ export var NavigationMenuList = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, _b = _a.isShowIndicator, isShowIndicator = _b === void 0 ? true : _b, props = __rest(_a, ["children", "className", "isShowIndicator"]);
     var _c = useNavigationMenuContext(), scaling = _c.scaling, radius = _c.radius, _d = _c.appearance, appearance = _d === void 0 ? 'ghost' : _d, _e = _c.color, color = _e === void 0 ? 'red' : _e;
     var navigationMenuListClassName = cn(navigationMenuListVariants({ scaling: scaling, radius: radius }), appearanceStyle(appearance, color, false), 'border-none', appearance === 'ghost' && 'bg-white', className);
-    return (_jsxs(NavigationMenuPrimitive.List, __assign({ ref: ref, className: navigationMenuListClassName }, props, { children: [children, isShowIndicator && _jsx(NavigationMenuIndicator, {})] })));
+    return (<NavigationMenuPrimitive.List ref={ref} className={navigationMenuListClassName} {...props}>
+        {children}
+        {isShowIndicator && <NavigationMenuIndicator />}
+      </NavigationMenuPrimitive.List>);
 });
 NavigationMenuList.displayName = 'NavigationMenuList';

package/dist/lib/components/NavigationMenu/NavigationMenuTrigger.d.ts

@@ -7,7 +7,7 @@ export interface NavigationMenuTriggerProps extends VariantProps<typeof navigati
 }
 export declare const navigationMenuTriggerVariants: (props?: ({
     size?: "small" | "medium" | null | undefined;
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
     scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const NavigationMenuTrigger: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/lib/components/NavigationMenu/{NavigationMenuTrigger.js → NavigationMenuTrigger.jsx}

@@ -20,8 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
 import { cn } from '../../../lib/utils/utils';
 import { cva } from 'class-variance-authority';
@@ -53,6 +52,9 @@ export var NavigationMenuTrigger = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, _b = _a.isShowIcon, isShowIcon = _b === void 0 ? true : _b, props = __rest(_a, ["children", "className", "isShowIcon"]);
     var _c = useNavigationMenuContext(), scaling = _c.scaling, size = _c.size, radius = _c.radius, _d = _c.color, color = _d === void 0 ? 'red' : _d, _e = _c.appearance, appearance = _e === void 0 ? 'ghost' : _e;
     var triggerClassName = cn(navigationMenuTriggerVariants({ scaling: scaling, size: size, radius: radius }), appearanceStyle(appearance, color), className);
-    return (_jsxs(NavigationMenuPrimitive.Trigger, __assign({ ref: ref, className: triggerClassName }, props, { children: [children, isShowIcon && (_jsx(CaretDownIcon, { className: cn("relative top-[1px] transition-transform duration-[250] ease-in group-data-[state=open]:-rotate-180"), "aria-hidden": true }))] })));
+    return (<NavigationMenuPrimitive.Trigger ref={ref} className={triggerClassName} {...props}>
+      {children}
+      {isShowIcon && (<CaretDownIcon className={cn("relative top-[1px] transition-transform duration-[250] ease-in group-data-[state=open]:-rotate-180")} aria-hidden/>)}
+    </NavigationMenuPrimitive.Trigger>);
 });
 NavigationMenuTrigger.displayName = 'NavigationMenuTrigger';

package/dist/lib/components/NavigationMenu/NavigationMenuViewport.d.ts

@@ -4,8 +4,8 @@ import { VariantProps } from 'class-variance-authority';
 export interface NavigationViewportProps extends VariantProps<typeof navigationViewportVariants> {
 }
 export declare const navigationViewportVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
-    weight?: "bold" | "medium" | "regular" | "semibold" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
+    weight?: "medium" | "regular" | "semibold" | "bold" | null | undefined;
     size?: "small" | "medium" | null | undefined;
     scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/dist/lib/components/NavigationMenu/{NavigationMenuViewport.js → NavigationMenuViewport.jsx}

@@ -20,8 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
 import { cn } from '../../../lib/utils/utils';
 import { cva } from 'class-variance-authority';
@@ -48,6 +47,8 @@ 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 (<div className="perspective-[2000px] absolute top-full left-0 flex w-full justify-center ">
+      <NavigationMenuPrimitive.Viewport ref={ref} className={viewportClassName} {...props}/>
+    </div>);
 });
 NavigationMenuViewport.displayName = 'NavigationMenuViewport';

package/dist/lib/components/NavigationMenu/{index.js → index.jsx}

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -20,8 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, createContext, useContext, } from 'react';
+import React, { forwardRef, createContext, useContext, } from 'react';
 import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
 import { cn } from '../../../lib/utils/utils';
 export * from './NavigationMenuList';
@@ -44,7 +32,11 @@ export var useNavigationMenuContext = function () {
 export var NavigationMenu = 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 = { radius: radius, size: size, scaling: scaling, color: color, appearance: 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 (<NavigationMenuContext.Provider value={contextValue}>
+      <NavigationMenuPrimitive.Root ref={ref} className={cn('flex relative z-[1] w-screen justify-center', className)} {...props}>
+        {children}
+      </NavigationMenuPrimitive.Root>
+    </NavigationMenuContext.Provider>);
 });
 NavigationMenu.displayName = 'NavigationMenu';
 export default NavigationMenu;

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import { VariantProps } from 'class-variance-authority';
 export interface PieChartProps extends VariantProps<typeof PieVariants> {
     labels?: string[];
@@ -19,5 +20,5 @@ export interface PieChartProps extends VariantProps<typeof PieVariants> {
 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, ...rest }: PieChartProps) => import("react/jsx-runtime").JSX.Element;
+declare const PieChart: ({ labels, datasets, scaling, className, ...rest }: PieChartProps) => React.JSX.Element;
 export default PieChart;

package/dist/lib/components/PieChart/{index.js → index.jsx}

@@ -20,7 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import { Pie } from 'react-chartjs-2';
 import { Chart as ChartJS, ArcElement, Tooltip, Legend, plugins } from 'chart.js';
 import ChartDataLabels from 'chartjs-plugin-datalabels';
@@ -41,6 +41,6 @@ var PieVariants = cva('', {
 });
 var PieChart = function (_a) {
     var labels = _a.labels, datasets = _a.datasets, scaling = _a.scaling, className = _a.className, rest = __rest(_a, ["labels", "datasets", "scaling", "className"]);
-    return (_jsx(Pie, __assign({ data: { labels: labels, datasets: datasets }, className: cn(PieVariants({ scaling: scaling }), className) }, rest)));
+    return (<Pie data={{ labels: labels, datasets: datasets }} className={cn(PieVariants({ scaling: scaling }), className)} {...rest}/>);
 };
 export default PieChart;

package/dist/lib/components/Popover/PopoverClose.d.ts

@@ -4,6 +4,6 @@ import { Popover as PopoverTheme } from '@radix-ui/themes';
 export interface PopoverCloseProps extends VariantProps<typeof popoverCloseVariants> {
 }
 export declare const popoverCloseVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const PopoverClose: React.ForwardRefExoticComponent<Omit<PopoverTheme.CloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & PopoverCloseProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/lib/components/Popover/{PopoverClose.js → PopoverClose.jsx}

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -20,8 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import { cva } from 'class-variance-authority';
 import { Popover as PopoverTheme } from '@radix-ui/themes';
 import { cn } from '../../../lib/utils/utils';
@@ -41,6 +29,8 @@ export var popoverCloseVariants = cva('', {
 });
 export var PopoverClose = forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, radius = _a.radius, props = __rest(_a, ["className", "children", "radius"]);
-    return (_jsx(PopoverTheme.Close, __assign({ ref: ref, className: cn(popoverCloseVariants({ radius: radius }), className) }, props, { children: children })));
+    return (<PopoverTheme.Close ref={ref} className={cn(popoverCloseVariants({ radius: radius }), className)} {...props}>
+    {children}
+  </PopoverTheme.Close>);
 });
 PopoverClose.displayName = 'PopoverClose';

package/dist/lib/components/Popover/PopoverContent.d.ts

@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
 export interface PopoverContentProps extends VariantProps<typeof popoverContentVariants> {
 }
 export declare const popoverContentVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
     size?: "small" | "medium" | "large" | "x-large" | null | undefined;
     scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/dist/lib/components/Popover/{PopoverContent.js → PopoverContent.jsx}

@@ -20,8 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import { scalingVariants } from '../../../lib/constants';
 import { Popover as PopoverTheme } from '@radix-ui/themes';
 import { cva } from 'class-variance-authority';
@@ -58,6 +57,8 @@ export var PopoverContent = forwardRef(function (_a, ref) {
         sizeTheme = '3';
     if (size === 'x-large')
         sizeTheme = '4';
-    return (_jsx(PopoverTheme.Content, __assign({ ref: ref, size: sizeTheme, className: cn(popoverContentVariants({ size: size, radius: radius, scaling: scaling }), className) }, props, { children: children })));
+    return (<PopoverTheme.Content ref={ref} size={sizeTheme} className={cn(popoverContentVariants({ size: size, radius: radius, scaling: scaling }), className)} {...props}>
+      {children}
+    </PopoverTheme.Content>);
 });
 PopoverContent.displayName = 'PopoverContent';

package/dist/lib/components/Popover/{PopoverTrigger.js → PopoverTrigger.jsx}

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -20,11 +9,12 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import { Popover as PopoverTheme } from '@radix-ui/themes';
 export var PopoverTrigger = forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
-    return (_jsx(PopoverTheme.Trigger, __assign({ ref: ref }, props, { className: className, children: children })));
+    return (<PopoverTheme.Trigger ref={ref} {...props} className={className}>
+    {children}
+  </PopoverTheme.Trigger>);
 });
 PopoverTrigger.displayName = 'PopoverTrigger';

package/dist/lib/components/Popover/{index.js → index.jsx}

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -20,15 +9,16 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import { Theme, Popover as PopoverTheme } from '@radix-ui/themes';
 export * from './PopoverTrigger';
 export * from './PopoverContent';
 export * from './PopoverClose';
 export var Popover = forwardRef(function (_a, ref) {
     var children = _a.children, props = __rest(_a, ["children"]);
-    return (_jsx(Theme, { children: _jsx(PopoverTheme.Root, __assign({}, props, { children: children })) }));
+    return (<Theme>
+    <PopoverTheme.Root {...props}>{children}</PopoverTheme.Root>
+  </Theme>);
 });
 Popover.displayName = 'Popover';
 export default Popover;

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

@@ -7,7 +7,7 @@ export interface ProgressProps extends VariantProps<typeof progressVariants> {
     appearance?: 'classic' | 'surface' | 'soft';
 }
 declare const progressVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
     size?: "small" | "medium" | "large" | null | undefined;
     scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
     color?: string | null | undefined;

package/dist/lib/components/Progress/{index.js → index.jsx}

@@ -20,8 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import { cva } from 'class-variance-authority';
 import { scalingVariants, bgColorStyle } from '../../../lib/constants';
 import { Theme, Progress as ProgressTheme } from '@radix-ui/themes';
@@ -51,7 +50,9 @@ 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"]);
-    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)) }));
+    return (<Theme accentColor={color}>
+        <ProgressTheme ref={ref} value={value} variant={appearance} className={cn(progressVariants({ radius: radius, size: size, scaling: scaling }), className)} {...props}/>
+      </Theme>);
 });
 Progress.displayName = 'Progress';
 export default Progress;

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import { VariantProps } from 'class-variance-authority';
 import { PointStyle } from '../../../lib/types';
 export interface RadarChartProps extends VariantProps<typeof radarChartVariants> {
@@ -28,7 +29,7 @@ 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, ...props }: RadarChartProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, labels, datasets, width, height, scaling, ...props }: RadarChartProps): React.JSX.Element;
     displayName: string;
 };
 export default RadarChart;

package/dist/lib/components/RadarChart/{index.js → index.jsx}

@@ -20,7 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import { cva } from 'class-variance-authority';
 import { scalingVariants } from '../../../lib/constants';
 import { Radar } from 'react-chartjs-2';
@@ -37,7 +37,7 @@ 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, props = __rest(_a, ["className", "labels", "datasets", "width", "height", "scaling"]);
-    return (_jsx(Radar, __assign({ data: { labels: labels, datasets: datasets }, className: cn(radarChartVariants({ scaling: scaling }), className), width: width, height: height }, props)));
+    return (<Radar data={{ labels: labels, datasets: datasets }} className={cn(radarChartVariants({ scaling: scaling }), className)} width={width} height={height} {...props}/>);
 };
 RadarChart.displayName = 'RadarChart';
 export default RadarChart;

package/dist/lib/components/Radio/{index.js → index.jsx}

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -20,7 +9,6 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { cva } from 'class-variance-authority';
 import { Theme, Radio as RadioTheme, Flex } from '@radix-ui/themes';
@@ -45,7 +33,14 @@ export var Radio = React.forwardRef(function (_a, ref) {
         sizeTheme = '1';
     if (size === 'large')
         sizeTheme = '3';
-    return (_jsx(Theme, { accentColor: color, scaling: scaling, children: _jsx(Flex, { asChild: true, className: cn(radioVariants({ size: size }), className), children: _jsxs(Text, { as: "label", size: sizeTheme, children: [_jsx(RadioTheme, __assign({ ref: ref, value: value, variant: appearance, size: sizeTheme }, props)), children] }) }) }));
+    return (<Theme accentColor={color} scaling={scaling}>
+        <Flex asChild className={cn(radioVariants({ size: size }), className)}>
+          <Text as="label" size={sizeTheme}>
+            <RadioTheme ref={ref} value={value} variant={appearance} size={sizeTheme} {...props}/>
+            {children}
+          </Text>
+        </Flex>
+      </Theme>);
 });
 Radio.displayName = 'Radio';
 export default Radio;

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

@@ -4,7 +4,7 @@ import { RadioCards as RadioCardsTheme } from '@radix-ui/themes';
 export interface RadioCardsItemProps extends VariantProps<typeof radioCardsItemVariants> {
 }
 export declare const radioCardsItemVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
     size?: "small" | "medium" | "large" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const RadioCardsItem: React.ForwardRefExoticComponent<Omit<RadioCardsTheme.ItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & RadioCardsItemProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/lib/components/RadioCards/{RadioCardsItem.js → RadioCardsItem.jsx}

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -20,8 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import { cva } from 'class-variance-authority';
 import { RadioCards as RadioCardsTheme } from '@radix-ui/themes';
 import { cn } from '../../../lib/utils/utils';
@@ -47,6 +35,8 @@ export var radioCardsItemVariants = cva('bg-white dark:bg-slateDark-1 text-slate
 });
 export var RadioCardsItem = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, radius = _a.radius, size = _a.size, value = _a.value, props = __rest(_a, ["children", "className", "radius", "size", "value"]);
-    return (_jsx(RadioCardsTheme.Item, __assign({ ref: ref, value: value, className: cn(radioCardsItemVariants({ radius: radius, size: size }), className) }, props, { children: children })));
+    return (<RadioCardsTheme.Item ref={ref} value={value} className={cn(radioCardsItemVariants({ radius: radius, size: size }), className)} {...props}>
+      {children}
+    </RadioCardsTheme.Item>);
 });
 RadioCardsItem.displayName = 'RadioCardsItem';