@lotte-innovate/ui-component-test 0.0.47 → 0.0.49

package/dist/lib/components/RadioGroup/{RadioGroupRoot.js → RadioGroupRoot.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,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, forwardRef } from 'react';
+import React, { createContext, forwardRef } from 'react';
 import { Theme, RadioGroup as RadioGroupTheme } from '@radix-ui/themes';
 import { cva } from 'class-variance-authority';
-import { cn } from '../../../lib/utils/utils';
+import { cn } from 'lib/utils/utils';
 var radioGroupVariants = cva('', {
     variants: {
         size: {
@@ -48,6 +36,12 @@ export var RadioGroupRoot = forwardRef(function (_a, ref) {
         sizeTheme = '1';
     if (size === 'large')
         sizeTheme = '3';
-    return (_jsx(Theme, { accentColor: color, scaling: scaling, children: _jsx(RadioGroupContext.Provider, { value: contextValue, children: _jsx(RadioGroupTheme.Root, __assign({ ref: ref, size: sizeTheme, variant: appearance, className: cn(radioGroupVariants({ size: size }), className) }, props, { children: children })) }) }));
+    return (<Theme accentColor={color} scaling={scaling}>
+        <RadioGroupContext.Provider value={contextValue}>
+          <RadioGroupTheme.Root ref={ref} size={sizeTheme} variant={appearance} className={cn(radioGroupVariants({ size: size }), className)} {...props}>
+            {children}
+          </RadioGroupTheme.Root>
+        </RadioGroupContext.Provider>
+      </Theme>);
 });
 RadioGroupRoot.displayName = 'RadioGroup.Root';

package/dist/lib/components/ScrollArea/{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 } from 'react';
+import React, { forwardRef } from 'react';
 import { Theme, ScrollArea as ScrollAreaTheme } from '@radix-ui/themes';
 export var ScrollArea = forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, scrollbars = _a.scrollbars, radius = _a.radius, _b = _a.size, size = _b === void 0 ? 'small' : _b, props = __rest(_a, ["className", "children", "scrollbars", "radius", "size"]);
@@ -30,7 +18,11 @@ export var ScrollArea = forwardRef(function (_a, ref) {
         sizeTheme = '2';
     if (size === 'large')
         sizeTheme = '3';
-    return (_jsx(Theme, { children: _jsx(ScrollAreaTheme, __assign({ ref: ref, scrollbars: scrollbars, radius: radius, size: sizeTheme, className: className }, props, { children: children })) }));
+    return (<Theme>
+      <ScrollAreaTheme ref={ref} scrollbars={scrollbars} radius={radius} size={sizeTheme} className={className} {...props}>
+        {children}
+      </ScrollAreaTheme>
+    </Theme>);
 });
 ScrollArea.displayName = 'ScrollArea';
 export default ScrollArea;

package/dist/lib/components/SegmentedControl/{SegmentedControlItem.js → SegmentedControlItem.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,16 +9,17 @@ 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 { SegmentedControl as SegmentedControlTheme } from '@radix-ui/themes';
-import { cn } from '../../../lib/utils/utils';
+import { cn } from 'lib/utils/utils';
 export var SegmentedControlItem = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, appearance = _a.appearance, props = __rest(_a, ["children", "className", "appearance"]);
     var appearanceClassName = '';
     if (appearance === 'classic') {
         appearanceClassName = 'dark:data-[state=on]:shadow-segmented-control-dark-classic';
     }
-    return (_jsx(SegmentedControlTheme.Item, __assign({ ref: ref, className: cn(appearanceClassName, className) }, props, { children: children })));
+    return (<SegmentedControlTheme.Item ref={ref} className={cn(appearanceClassName, className)} {...props}>
+      {children}
+    </SegmentedControlTheme.Item>);
 });
 SegmentedControlItem.displayName = 'SegmentedControl.Item';

package/dist/lib/components/SegmentedControl/SegmentedControlRoot.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { VariantProps } from 'class-variance-authority';
 import { SegmentedControl as SegmentedControlTheme } from '@radix-ui/themes';
 export * from './SegmentedControlItem';
-import { ISize } from '../../../lib/types';
+import { ISize } from 'lib/types';
 export interface SegmentedControlProps extends VariantProps<typeof segmentedControlVariants> {
     appearance?: 'surface' | 'classic';
     size?: Exclude<ISize, 'x-small' | 'x-large'>;

package/dist/lib/components/SegmentedControl/{SegmentedControlRoot.js → SegmentedControlRoot.jsx}

@@ -20,13 +20,12 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
 import React, { Children, forwardRef } from 'react';
 import { cva } from 'class-variance-authority';
 import { SegmentedControl as SegmentedControlTheme, Theme } from '@radix-ui/themes';
-import { scalingVariants } from '../../../lib/constants';
+import { scalingVariants } from 'lib/constants';
 export * from './SegmentedControlItem';
-import { cn } from '../../../lib/utils/utils';
+import { cn } from 'lib/utils/utils';
 var segmentedControlVariants = cva('text-slateA-12 dark:text-slateDarkA-12', {
     variants: {
         scaling: __assign({}, scalingVariants),
@@ -42,6 +41,10 @@ export var SegmentedControlRoot = forwardRef(function (_a, ref) {
         sizeTheme = '1';
     if (size === 'large')
         sizeTheme = '3';
-    return (_jsx(Theme, { children: _jsx(SegmentedControlTheme.Root, __assign({ ref: ref, size: sizeTheme, radius: radius, variant: appearance, className: cn(segmentedControlVariants({ scaling: scaling }), className) }, props, { children: Children.map(children, function (child) { return React.cloneElement(child, { appearance: appearance }); }) })) }));
+    return (<Theme>
+        <SegmentedControlTheme.Root ref={ref} size={sizeTheme} radius={radius} variant={appearance} className={cn(segmentedControlVariants({ scaling: scaling }), className)} {...props}>
+          {Children.map(children, function (child) { return React.cloneElement(child, { appearance: appearance }); })}
+        </SegmentedControlTheme.Root>
+      </Theme>);
 });
 SegmentedControlRoot.displayName = 'SegmentedControl.Root';

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 declare const SegmentedControl: {
     Root: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes/dist/cjs/components/segmented-control").RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("./SegmentedControlRoot").SegmentedControlProps & import("react").RefAttributes<HTMLDivElement>>;
-    Item: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes/dist/cjs/components/segmented-control").ItemProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("../../../lib/components/SegmentedControl/SegmentedControlItem").SegmentedControlItemProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Item: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes/dist/cjs/components/segmented-control").ItemProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("lib/components/SegmentedControl/SegmentedControlItem").SegmentedControlItemProps & import("react").RefAttributes<HTMLButtonElement>>;
 };
 export default SegmentedControl;

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

@@ -1,7 +1,7 @@
 import { Select as SelectTheme } from '@radix-ui/themes';
 import React from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { IScaling } from '../../../lib/types';
+import { IScaling } from 'lib/types';
 export interface SelectProps extends VariantProps<typeof selectVariants> {
     label?: string;
     defaultValue?: string;

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

@@ -20,12 +20,11 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
 import { Theme, Select as SelectTheme } from '@radix-ui/themes';
 import React from 'react';
 import { cva } from 'class-variance-authority';
-import { cn } from '../../../lib/utils/utils';
-import { radiusVariants, selectAppearanceStyle } from '../../../lib/constants';
+import { cn } from 'lib/utils/utils';
+import { radiusVariants, selectAppearanceStyle } from 'lib/constants';
 var selectVariants = cva('', {
     variants: {
         radius: __assign({}, radiusVariants['base']),
@@ -41,14 +40,22 @@ export var Root = React.forwardRef(function (_a, ref) {
         sizeTheme = '1';
     if (size === 'large')
         sizeTheme = '3';
-    return (_jsx(Theme, { scaling: scaling, accentColor: color, hasBackground: false, children: _jsx("div", { ref: ref, children: _jsx(SelectTheme.Root, __assign({ size: sizeTheme }, props, { children: children })) }) }));
+    return (<Theme scaling={scaling} accentColor={color} hasBackground={false}>
+      <div ref={ref}>
+        <SelectTheme.Root size={sizeTheme} {...props}>
+          {children}
+        </SelectTheme.Root>
+      </div>
+    </Theme>);
 });
 Root.displayName = 'Select.Root';
 export var Trigger = React.forwardRef(function (_a, forwardedRef) {
     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 })));
+    return (<SelectTheme.Trigger ref={forwardedRef} variant={appearance} radius={radius} className={cn(selectVariants({ radius: radius }), selectAppearanceStyle(appearance, color), className)} {...props}>
+        {children}
+      </SelectTheme.Trigger>);
 });
 Trigger.displayName = 'Select.Trigger';
 export var Content = React.forwardRef(function (_a, forwardedRef) {
@@ -57,27 +64,37 @@ export var Content = React.forwardRef(function (_a, forwardedRef) {
         color = 'red';
     if (radius === 'full')
         radius = 'large';
-    return (_jsx(SelectTheme.Content, __assign({ ref: forwardedRef, color: color }, props, { className: cn(selectVariants({ radius: radius }), className), children: children })));
+    return (<SelectTheme.Content ref={forwardedRef} color={color} {...props} className={cn(selectVariants({ radius: radius }), className)}>
+      {children}
+    </SelectTheme.Content>);
 });
 Content.displayName = 'Select.Content';
 export var Item = React.forwardRef(function (_a, forwardedRef) {
     var value = _a.value, children = _a.children, className = _a.className, radius = _a.radius, props = __rest(_a, ["value", "children", "className", "radius"]);
-    return (_jsx(SelectTheme.Item, __assign({ ref: forwardedRef, value: value }, props, { className: cn(selectVariants({ radius: radius }), className), children: children })));
+    return (<SelectTheme.Item ref={forwardedRef} value={value} {...props} className={cn(selectVariants({ radius: radius }), className)}>
+      {children}
+    </SelectTheme.Item>);
 });
 Item.displayName = 'Select.Item';
 export var Group = React.forwardRef(function (_a, forwardedRef) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
-    return (_jsx(SelectTheme.Group, __assign({ ref: forwardedRef }, props, { className: className, children: children })));
+    return (<SelectTheme.Group ref={forwardedRef} {...props} className={className}>
+      {children}
+    </SelectTheme.Group>);
 });
 Group.displayName = 'Select.Group';
 export var Label = React.forwardRef(function (_a, forwardedRef) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
-    return (_jsx(SelectTheme.Label, __assign({ ref: forwardedRef }, props, { className: className, children: children })));
+    return (<SelectTheme.Label ref={forwardedRef} {...props} className={className}>
+      {children}
+    </SelectTheme.Label>);
 });
 Label.displayName = 'Select.Label';
 export var Separator = React.forwardRef(function (_a, forwardedRef) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
-    return (_jsx(SelectTheme.Separator, __assign({ ref: forwardedRef }, props, { className: className, children: children })));
+    return (<SelectTheme.Separator ref={forwardedRef} {...props} className={className}>
+      {children}
+    </SelectTheme.Separator>);
 });
 Separator.displayName = 'Select.Separator';
 var Select = {

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

@@ -20,11 +20,10 @@ 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 { cn } from '../../../lib/utils/utils';
-import { bgColorStyle, scalingVariants } from '../../../lib/constants';
+import { cn } from 'lib/utils/utils';
+import { bgColorStyle, scalingVariants } from 'lib/constants';
 import { Separator as SeparatorTheme, Theme } from '@radix-ui/themes';
 var separatorVariants = cva('', {
     variants: {
@@ -41,7 +40,11 @@ export var Separator = React.forwardRef(function (_a, forwardedRef) {
         sizeTheme = '3';
     if (size === 'fill-large')
         sizeTheme = '4';
-    return (_jsx(Theme, { hasBackground: false, className: "flex justify-center items-center", children: _jsx(SeparatorTheme, __assign({ orientation: orientation, size: sizeTheme, className: cn("bg-".concat(color, "A-6 dark:bg-").concat(color, "DarkA-6"), separatorVariants({ scaling: scaling }), className) }, props, { children: children })) }));
+    return (<Theme hasBackground={false} className="flex justify-center items-center">
+        <SeparatorTheme orientation={orientation} size={sizeTheme} className={cn("bg-".concat(color, "A-6 dark:bg-").concat(color, "DarkA-6"), separatorVariants({ scaling: scaling }), className)} {...props}>
+          {children}
+        </SeparatorTheme>
+      </Theme>);
 });
 Separator.displayName = 'Separator';
 export default Separator;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { IColor } from '../../../lib/types';
+import { IColor } from 'lib/types';
 export interface SkeletonProps extends VariantProps<typeof separatorVariants> {
     color?: IColor;
     loading?: boolean;

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

@@ -20,12 +20,11 @@ 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 { Theme, Skeleton as SkeletonTheme } from '@radix-ui/themes';
-import { cn } from '../../../lib/utils/utils';
-import { radiusVariants } from '../../../lib/constants';
+import { cn } from 'lib/utils/utils';
+import { radiusVariants } from 'lib/constants';
 var separatorVariants = cva('', {
     variants: {
         radius: __assign({}, radiusVariants['base']),
@@ -36,7 +35,11 @@ var separatorVariants = cva('', {
 });
 export var Skeleton = React.forwardRef(function (_a, forwardedRef) {
     var children = _a.children, className = _a.className, radius = _a.radius, loading = _a.loading, width = _a.width, height = _a.height, skeletonProps = __rest(_a, ["children", "className", "radius", "loading", "width", "height"]);
-    return (_jsx(Theme, { children: _jsx(SkeletonTheme, __assign({ ref: forwardedRef, loading: loading, width: width, height: height, className: cn('', radius && cn(separatorVariants({ radius: radius }), className)) }, skeletonProps, { children: children })) }));
+    return (<Theme>
+      <SkeletonTheme ref={forwardedRef} loading={loading} width={width} height={height} className={cn('', radius && cn(separatorVariants({ radius: radius }), className))} {...skeletonProps}>
+        {children}
+      </SkeletonTheme>
+    </Theme>);
 });
 Skeleton.displayName = 'Skeleton';
 export default Skeleton;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { IScaling } from '../../../lib/types';
+import { IScaling } from 'lib/types';
 export interface SliderProps extends VariantProps<typeof sliderVariants> {
     appearance?: 'classic' | 'soft' | 'surface';
     label?: string;

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

@@ -20,11 +20,10 @@ 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 { cn } from '../../../lib/utils/utils';
-import { radiusVariants } from '../../../lib/constants';
+import { cn } from 'lib/utils/utils';
+import { radiusVariants } from 'lib/constants';
 import { Theme, Slider as SliderTheme } from '@radix-ui/themes';
 var sliderVariants = cva('relative flex items-center select-none touch-none w-[200px] h-5', {
     variants: {
@@ -43,7 +42,9 @@ export var Slider = React.forwardRef(function (_a, forwardedRef) {
         sizeTheme = '1';
     if (size === 'large')
         sizeTheme = '3';
-    return (_jsx(Theme, { accentColor: color, scaling: scaling, hasBackground: false, children: _jsx(SliderTheme, __assign({ ref: forwardedRef, variant: appearance, size: sizeTheme, radius: radius, color: color, className: cn(sliderVariants({ radius: radius }), className) }, sliderProps)) }));
+    return (<Theme accentColor={color} scaling={scaling} hasBackground={false}>
+        <SliderTheme ref={forwardedRef} variant={appearance} size={sizeTheme} radius={radius} color={color} className={cn(sliderVariants({ radius: radius }), className)} {...sliderProps}/>
+      </Theme>);
 });
 Slider.displayName = 'Slider';
 export default Slider;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { IColor } from '../../../lib/types';
+import { IColor } from 'lib/types';
 export interface SpinnerProps extends VariantProps<typeof spinnerVariants> {
     color?: IColor;
     loading?: boolean;

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

@@ -20,12 +20,11 @@ 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 { Spinner as SpinnerTheme, Theme } from '@radix-ui/themes';
-import { cn } from '../../../lib/utils/utils';
-import { scalingVariants } from '../../../lib/constants';
+import { cn } from 'lib/utils/utils';
+import { scalingVariants } from 'lib/constants';
 var spinnerVariants = cva('', {
     variants: {
         scaling: __assign({}, scalingVariants),
@@ -41,7 +40,11 @@ export var Spinner = React.forwardRef(function (_a, forwardedRef) {
         sizeTheme = '1';
     if (size === 'large')
         sizeTheme = '3';
-    return (_jsx(Theme, { hasBackground: false, children: _jsx(SpinnerTheme, __assign({ ref: forwardedRef, loading: loading, size: sizeTheme, className: cn('', spinnerVariants({ scaling: scaling }), className) }, spinnerProps, { children: children })) }));
+    return (<Theme hasBackground={false}>
+      <SpinnerTheme ref={forwardedRef} loading={loading} size={sizeTheme} className={cn('', spinnerVariants({ scaling: scaling }), className)} {...spinnerProps}>
+        {children}
+      </SpinnerTheme>
+    </Theme>);
 });
 Spinner.displayName = 'Spinner';
 export default Spinner;

package/dist/lib/components/TabNav/{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,11 +9,10 @@ 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 { TabNav as TabNavTheme, Theme } from '@radix-ui/themes';
-import { cn } from '../../../lib/utils/utils';
+import { cn } from 'lib/utils/utils';
 var tabNavVariants = cva('', {
     variants: {},
 });
@@ -35,12 +23,18 @@ export var Root = React.forwardRef(function (_a, ref) {
     var sizeTheme = '2';
     if (size === 'small')
         sizeTheme = '1';
-    return (_jsx(Theme, { accentColor: color, hasBackground: false, children: _jsx(TabNavTheme.Root, __assign({ ref: ref, size: sizeTheme, className: cn('', tabNavVariants({}), className) }, rootProps, { children: children })) }));
+    return (<Theme accentColor={color} hasBackground={false}>
+      <TabNavTheme.Root ref={ref} size={sizeTheme} className={cn('', tabNavVariants({}), className)} {...rootProps}>
+        {children}
+      </TabNavTheme.Root>
+    </Theme>);
 });
 Root.displayName = 'TabNav.Root';
 export var Link = React.forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, href = _a.href, linkProps = __rest(_a, ["className", "children", "href"]);
-    return (_jsx(TabNavTheme.Link, __assign({ ref: ref, className: cn('text-slateA-11 data-[state=active]:text-slateA-12 dark:text-slateDarkA-11 dark:data-[state=active]:text-slateDarkA-12', tabNavVariants({}), className), href: href }, linkProps, { children: children })));
+    return (<TabNavTheme.Link ref={ref} className={cn('text-slateA-11 data-[state=active]:text-slateA-12 dark:text-slateDarkA-11 dark:data-[state=active]:text-slateDarkA-12', tabNavVariants({}), className)} href={href} {...linkProps}>
+      {children}
+    </TabNavTheme.Link>);
 });
 Link.displayName = 'TabNav.Link';
 var TabNav = {

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { IColor } from '../../../lib/types';
+import { IColor } from 'lib/types';
 import { Table as TableTheme } from '@radix-ui/themes';
 export interface TableProps extends VariantProps<typeof tableVariants> {
     color?: IColor;

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

@@ -20,12 +20,11 @@ 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 { Table as TableTheme, Theme } from '@radix-ui/themes';
-import { cn } from '../../../lib/utils/utils';
-import { radiusVariants, scalingVariants } from '../../../lib/constants';
+import { cn } from 'lib/utils/utils';
+import { radiusVariants, scalingVariants } from 'lib/constants';
 var tableVariants = cva('', {
     variants: {
         scaling: __assign({}, scalingVariants),
@@ -53,37 +52,53 @@ export var Root = React.forwardRef(function (_a, ref) {
         sizeTheme = '3';
     if (radius === 'full')
         radius = 'large';
-    return (_jsx(Theme, { hasBackground: false, children: _jsx(TableTheme.Root, __assign({ ref: ref, className: cn('', tableVariants({ scaling: scaling, radius: radius }), className), variant: appearance, size: sizeTheme }, tableProps, { children: children })) }));
+    return (<Theme hasBackground={false}>
+      <TableTheme.Root ref={ref} className={cn('', tableVariants({ scaling: scaling, radius: radius }), className)} variant={appearance} size={sizeTheme} {...tableProps}>
+        {children}
+      </TableTheme.Root>
+    </Theme>);
 });
 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"]);
-    return (_jsx(TableTheme.Header, __assign({ ref: forwardedRef, className: cn('', tableVariants({ scaling: scaling }), className) }, props, { children: children })));
+    return (<TableTheme.Header ref={forwardedRef} className={cn('', tableVariants({ scaling: scaling }), className)} {...props}>
+    {children}
+  </TableTheme.Header>);
 });
 Header.displayName = 'Table.Header';
 export var Body = React.forwardRef(function (_a, forwardedRef) {
     var className = _a.className, children = _a.children, scaling = _a.scaling, props = __rest(_a, ["className", "children", "scaling"]);
-    return (_jsx(TableTheme.Body, __assign({ ref: forwardedRef, className: cn('', tableVariants({ scaling: scaling }), className) }, props, { children: children })));
+    return (<TableTheme.Body ref={forwardedRef} className={cn('', tableVariants({ scaling: scaling }), className)} {...props}>
+    {children}
+  </TableTheme.Body>);
 });
 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"]);
-    return (_jsx(TableTheme.Row, __assign({ ref: forwardedRef, className: cn('', tableVariants({ scaling: scaling }), className) }, props, { children: children })));
+    return (<TableTheme.Row ref={forwardedRef} className={cn('', tableVariants({ scaling: scaling }), className)} {...props}>
+    {children}
+  </TableTheme.Row>);
 });
 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 })));
+    return (<TableTheme.Cell className={cn('', tableVariants({ scaling: scaling }), className)} {...cellProps} ref={forwardedRef}>
+    {children}
+  </TableTheme.Cell>);
 });
 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 (<TableTheme.ColumnHeaderCell ref={forwardedRef} className={cn('', tableVariants({ scaling: scaling }), tableRowVariants({ size: size }), className)} {...props}>
+    {children}
+  </TableTheme.ColumnHeaderCell>);
 });
 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 })));
+    return (<TableTheme.RowHeaderCell ref={forwardedRef} className={cn('', tableVariants({ scaling: scaling }), className)} {...props}>
+    {children}
+  </TableTheme.RowHeaderCell>);
 });
 RowHeaderCell.displayName = 'Table.RowHeaderCell';
 var Table = {

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

@@ -20,12 +20,11 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
 import { Theme, Tabs as TabsTheme } from '@radix-ui/themes';
 import React from 'react';
-import { cn } from '../../../lib/utils/utils';
+import { cn } from 'lib/utils/utils';
 import { cva } from 'class-variance-authority';
-import { weightVariants } from '../../../lib/constants';
+import { weightVariants } from 'lib/constants';
 var tabsVariants = cva('', {
     variants: {
         weight: __assign({}, weightVariants),
@@ -35,7 +34,11 @@ export var Root = React.forwardRef(function (_a, forwardedRef) {
     var className = _a.className, children = _a.children, color = _a.color, rootProps = __rest(_a, ["className", "children", "color"]);
     if (!color)
         color = 'red';
-    return (_jsx(Theme, { accentColor: color, hasBackground: false, children: _jsx(TabsTheme.Root, __assign({}, rootProps, { ref: forwardedRef, className: cn('', className), children: children })) }));
+    return (<Theme accentColor={color} hasBackground={false}>
+      <TabsTheme.Root {...rootProps} ref={forwardedRef} className={cn('', className)}>
+        {children}
+      </TabsTheme.Root>
+    </Theme>);
 });
 Root.displayName = 'Tabs.Root';
 export var List = React.forwardRef(function (_a, forwardedRef) {
@@ -43,17 +46,23 @@ export var List = React.forwardRef(function (_a, forwardedRef) {
     var sizeTheme = '2';
     if (size === 'small')
         sizeTheme = '1';
-    return (_jsx(TabsTheme.List, __assign({ ref: forwardedRef, size: sizeTheme }, listProps, { className: cn('', className), children: children })));
+    return (<TabsTheme.List ref={forwardedRef} size={sizeTheme} {...listProps} className={cn('', className)}>
+      {children}
+    </TabsTheme.List>);
 });
 List.displayName = 'Tabs.List';
 export var Trigger = React.forwardRef(function (_a, forwardedRef) {
     var className = _a.className, weight = _a.weight, children = _a.children, triggerProps = __rest(_a, ["className", "weight", "children"]);
-    return (_jsx(TabsTheme.Trigger, __assign({ ref: forwardedRef, className: cn('text-slateA-11 data-[state=active]:text-slateA-12 dark:text-slateDarkA-11 dark:data-[state=active]:text-slateDarkA-12', className) }, triggerProps, { children: children })));
+    return (<TabsTheme.Trigger ref={forwardedRef} className={cn('text-slateA-11 data-[state=active]:text-slateA-12 dark:text-slateDarkA-11 dark:data-[state=active]:text-slateDarkA-12', className)} {...triggerProps}>
+      {children}
+    </TabsTheme.Trigger>);
 });
 Trigger.displayName = 'Tabs.Trigger';
 export var Content = React.forwardRef(function (_a, forwardedRef) {
     var className = _a.className, weight = _a.weight, children = _a.children, contentProps = __rest(_a, ["className", "weight", "children"]);
-    return (_jsx(TabsTheme.Content, __assign({ ref: forwardedRef }, contentProps, { className: cn('mt-3', className), children: children })));
+    return (<TabsTheme.Content ref={forwardedRef} {...contentProps} className={cn('mt-3', className)}>
+      {children}
+    </TabsTheme.Content>);
 });
 Content.displayName = 'Tabs.Content';
 var Tabs = {

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { IColor } from '../../../lib/types';
+import { IColor } from 'lib/types';
 export interface TextAreaProps extends VariantProps<typeof textAreaNavVariants> {
     color?: IColor;
     href?: string;