@lotte-innovate/ui-component-test 0.0.6 → 0.0.7

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

@@ -1,3 +1,14 @@
+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)
@@ -9,16 +20,15 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { 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 (<Theme>
-    <PopoverTheme.Root {...props}>{children}</PopoverTheme.Root>
-  </Theme>);
+    return (_jsx(Theme, { children: _jsx(PopoverTheme.Root, __assign({}, props, { children: children })) }));
 });
 Popover.displayName = 'Popover';
 export default Popover;

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

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

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

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

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { VariantProps } from 'class-variance-authority';
 import { PointStyle } from 'types';
 export interface RadarChartProps extends VariantProps<typeof radarChartVariants> {
@@ -26,10 +25,10 @@ export interface RadarChartProps extends VariantProps<typeof radarChartVariants>
     height?: string | number;
 }
 declare const radarChartVariants: (props?: ({
-    scaling?: "100%" | "90%" | "95%" | "105%" | "110%" | null | undefined;
+    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): React.JSX.Element;
+    ({ className, labels, datasets, width, height, scaling, ...props }: RadarChartProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default RadarChart;

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

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

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

@@ -8,7 +8,7 @@ export interface RadioProps extends VariantProps<typeof radioVariants> {
     appearance?: 'classic' | 'surface' | 'soft';
 }
 declare const radioVariants: (props?: ({
-    size?: "medium" | "small" | "large" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const Radio: React.ForwardRefExoticComponent<Omit<import("@radix-ui/themes").RadioProps & React.RefAttributes<HTMLInputElement>, "ref"> & RadioProps & React.RefAttributes<HTMLInputElement>>;
 export default Radio;

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

@@ -1,3 +1,14 @@
+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)
@@ -9,6 +20,7 @@ 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';
@@ -33,14 +45,7 @@ export var Radio = React.forwardRef(function (_a, ref) {
         sizeTheme = '1';
     if (size === 'large')
         sizeTheme = '3';
-    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>);
+    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] }) }) }));
 });
 Radio.displayName = 'Radio';
 export default Radio;

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

@@ -1,3 +1,14 @@
+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)
@@ -9,7 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import { cva } from 'class-variance-authority';
 import { RadioCards as RadioCardsTheme } from '@radix-ui/themes';
 import { cn } from '../../utils/utils';
@@ -35,8 +47,6 @@ 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 (<RadioCardsTheme.Item ref={ref} value={value} className={cn(radioCardsItemVariants({ radius: radius, size: size }), className)} {...props}>
-      {children}
-    </RadioCardsTheme.Item>);
+    return (_jsx(RadioCardsTheme.Item, __assign({ ref: ref, value: value, className: cn(radioCardsItemVariants({ radius: radius, size: size }), className) }, props, { children: children })));
 });
 RadioCardsItem.displayName = 'RadioCardsItem';

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

@@ -8,7 +8,7 @@ export interface RadioCardsProps extends VariantProps<typeof radioCardsVariants>
     appearance?: 'classic' | 'surface';
 }
 declare const radioCardsVariants: (props?: ({
-    scaling?: "100%" | "90%" | "95%" | "105%" | "110%" | null | undefined;
+    scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const RadioCards: React.ForwardRefExoticComponent<Omit<RadioCardsTheme.RootProps & React.RefAttributes<HTMLDivElement>, "ref"> & RadioCardsProps & React.RefAttributes<HTMLDivElement>>;
 export default RadioCards;

package/dist/components/RadioCards/{index.jsx → index.js}

@@ -20,7 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import { cva } from 'class-variance-authority';
 import { scalingVariants } from '../../constants';
 import { Theme, RadioCards as RadioCardsTheme } from '@radix-ui/themes';
@@ -36,11 +37,7 @@ var radioCardsVariants = cva('flex items-center gap-2', {
 });
 export var RadioCards = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, scaling = _a.scaling, _b = _a.appearance, appearance = _b === void 0 ? 'surface' : _b, _c = _a.color, color = _c === void 0 ? 'red' : _c, props = __rest(_a, ["children", "className", "scaling", "appearance", "color"]);
-    return (<Theme accentColor={color}>
-      <RadioCardsTheme.Root ref={ref} variant={appearance} className={cn(radioCardsVariants({ scaling: scaling }), className)} {...props}>
-        {children}
-      </RadioCardsTheme.Root>
-    </Theme>);
+    return (_jsx(Theme, { accentColor: color, children: _jsx(RadioCardsTheme.Root, __assign({ ref: ref, variant: appearance, className: cn(radioCardsVariants({ scaling: scaling }), className) }, props, { children: children })) }));
 });
 RadioCards.displayName = 'RadioCards';
 export default RadioCards;

package/dist/components/RadioGroup/{RadioGroupItem.jsx → RadioGroupItem.js}

@@ -1,3 +1,14 @@
+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)
@@ -9,7 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import { cva } from 'class-variance-authority';
 import { RadioGroup as RadioGroupTheme } from '@radix-ui/themes';
 import { cn } from '../../utils/utils';
@@ -27,8 +39,6 @@ var radioGroupItemVariants = cva('font-normal text-slate-12 dark:text-slateDark-
 });
 export var RadioGroupItem = forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, value = _a.value, size = _a.size, _b = _a.appearance, appearance = _b === void 0 ? 'surface' : _b, props = __rest(_a, ["className", "children", "value", "size", "appearance"]);
-    return (<RadioGroupTheme.Item ref={ref} value={value} className={cn(radioGroupItemVariants({ size: size }), className)} {...props}>
-      {children}
-    </RadioGroupTheme.Item>);
+    return (_jsx(RadioGroupTheme.Item, __assign({ ref: ref, value: value, className: cn(radioGroupItemVariants({ size: size }), className) }, props, { children: children })));
 });
 RadioGroupItem.displayName = 'RadioGroupItem';

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

@@ -10,7 +10,7 @@ export interface RadioGroupProps extends VariantProps<typeof radioGroupVariants>
     appearance?: 'classic' | 'surface' | 'soft';
 }
 declare const radioGroupVariants: (props?: ({
-    size?: "medium" | "small" | "large" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupTheme.RootProps & React.RefAttributes<HTMLDivElement>, "ref"> & RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
 export default RadioGroup;

package/dist/components/RadioGroup/{index.jsx → index.js}

@@ -1,3 +1,14 @@
+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)
@@ -9,7 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import { Theme, RadioGroup as RadioGroupTheme } from '@radix-ui/themes';
 import { cva } from 'class-variance-authority';
 import { cn } from '../../utils/utils';
@@ -33,11 +45,7 @@ export var RadioGroup = forwardRef(function (_a, ref) {
         sizeTheme = '1';
     if (size === 'large')
         sizeTheme = '3';
-    return (<Theme accentColor={color} scaling={scaling}>
-        <RadioGroupTheme.Root ref={ref} size={sizeTheme} variant={appearance} className={cn(radioGroupVariants({ size: size }), className)} {...props}>
-          {children}
-        </RadioGroupTheme.Root>
-      </Theme>);
+    return (_jsx(Theme, { accentColor: color, scaling: scaling, children: _jsx(RadioGroupTheme.Root, __assign({ ref: ref, size: sizeTheme, variant: appearance, className: cn(radioGroupVariants({ size: size }), className) }, props, { children: children })) }));
 });
 RadioGroup.displayName = 'RadioGroup';
 export default RadioGroup;

package/dist/components/ScrollArea/{index.jsx → index.js}

@@ -1,3 +1,14 @@
+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)
@@ -9,7 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { 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"]);
@@ -18,11 +30,7 @@ export var ScrollArea = forwardRef(function (_a, ref) {
         sizeTheme = '2';
     if (size === 'large')
         sizeTheme = '3';
-    return (<Theme>
-      <ScrollAreaTheme ref={ref} scrollbars={scrollbars} radius={radius} size={sizeTheme} className={className} {...props}>
-        {children}
-      </ScrollAreaTheme>
-    </Theme>);
+    return (_jsx(Theme, { children: _jsx(ScrollAreaTheme, __assign({ ref: ref, scrollbars: scrollbars, radius: radius, size: sizeTheme, className: className }, props, { children: children })) }));
 });
 ScrollArea.displayName = 'ScrollArea';
 export default ScrollArea;

package/dist/components/SegmentedControl/{SegmentedControlItem.jsx → SegmentedControlItem.js}

@@ -1,3 +1,14 @@
+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)
@@ -9,7 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import { SegmentedControl as SegmentedControlTheme } from '@radix-ui/themes';
 import { cn } from '../../utils/utils';
 export var SegmentedControlItem = forwardRef(function (_a, ref) {
@@ -18,8 +30,6 @@ export var SegmentedControlItem = forwardRef(function (_a, ref) {
     if (appearance === 'classic') {
         appearanceClassName = 'dark:data-[state=on]:shadow-segmented-control-dark-classic';
     }
-    return (<SegmentedControlTheme.Item ref={ref} className={cn(appearanceClassName, className)} {...props}>
-      {children}
-    </SegmentedControlTheme.Item>);
+    return (_jsx(SegmentedControlTheme.Item, __assign({ ref: ref, className: cn(appearanceClassName, className) }, props, { children: children })));
 });
 SegmentedControlItem.displayName = 'SegmentedControlItem';

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

@@ -9,7 +9,7 @@ export interface SegmentedControlProps extends VariantProps<typeof segmentedCont
     radius?: 'none' | 'small' | 'medium' | 'large' | 'full';
 }
 declare const segmentedControlVariants: (props?: ({
-    scaling?: "100%" | "90%" | "95%" | "105%" | "110%" | null | undefined;
+    scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const SegmentedControl: React.ForwardRefExoticComponent<Omit<SegmentedControlTheme.RootProps & React.RefAttributes<HTMLDivElement>, "ref"> & SegmentedControlProps & React.RefAttributes<HTMLDivElement>>;
 export default SegmentedControl;

package/dist/components/SegmentedControl/{index.jsx → index.js}

@@ -20,6 +20,7 @@ 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';
@@ -41,11 +42,7 @@ export var SegmentedControl = forwardRef(function (_a, ref) {
         sizeTheme = '1';
     if (size === 'large')
         sizeTheme = '3';
-    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>);
+    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 }); }) })) }));
 });
 SegmentedControl.displayName = 'SegmentedControl';
 export default SegmentedControl;

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

@@ -13,7 +13,7 @@ export interface SelectProps extends VariantProps<typeof selectVariants> {
     size?: 'small' | 'medium' | 'large';
 }
 declare const selectVariants: (props?: ({
-    radius?: "medium" | "small" | "none" | "large" | "full" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const Select: React.ForwardRefExoticComponent<SelectTheme.RootProps & SelectProps & React.RefAttributes<never>>;
 export declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectTheme.TriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & SelectProps & React.RefAttributes<HTMLButtonElement>>;

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

@@ -20,6 +20,7 @@ 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';
@@ -40,20 +41,14 @@ export var Select = React.forwardRef(function (_a) {
         sizeTheme = '1';
     if (size === 'large')
         sizeTheme = '3';
-    return (<Theme scaling={scaling} accentColor={color} hasBackground={false}>
-      <SelectTheme.Root size={sizeTheme} {...props}>
-        {children}
-      </SelectTheme.Root>
-    </Theme>);
+    return (_jsx(Theme, { scaling: scaling, accentColor: color, hasBackground: false, children: _jsx(SelectTheme.Root, __assign({ size: sizeTheme }, props, { children: children })) }));
 });
 Select.displayName = 'Select';
 export var SelectTrigger = 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"]);
     if (!color)
         color = 'red';
-    return (<SelectTheme.Trigger ref={forwardedRef} variant={appearance} radius={radius} className={cn(selectVariants({ radius: radius }), selectAppearanceStyle(appearance, color), className)} {...props}>
-        {children}
-      </SelectTheme.Trigger>);
+    return (_jsx(SelectTheme.Trigger, __assign({ ref: forwardedRef, variant: appearance, radius: radius, className: cn(selectVariants({ radius: radius }), selectAppearanceStyle(appearance, color), className) }, props, { children: children })));
 });
 SelectTrigger.displayName = 'SelectTrigger';
 export var SelectContent = React.forwardRef(function (_a, forwardedRef) {
@@ -62,37 +57,27 @@ export var SelectContent = React.forwardRef(function (_a, forwardedRef) {
         color = 'red';
     if (radius === 'full')
         radius = 'large';
-    return (<SelectTheme.Content ref={forwardedRef} color={color} {...props} className={cn(selectVariants({ radius: radius }), className)}>
-      {children}
-    </SelectTheme.Content>);
+    return (_jsx(SelectTheme.Content, __assign({ ref: forwardedRef, color: color }, props, { className: cn(selectVariants({ radius: radius }), className), children: children })));
 });
 SelectContent.displayName = 'SelectContent';
 export var SelectItem = 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 (<SelectTheme.Item ref={forwardedRef} value={value} {...props} className={cn(selectVariants({ radius: radius }), className)}>
-      {children}
-    </SelectTheme.Item>);
+    return (_jsx(SelectTheme.Item, __assign({ ref: forwardedRef, value: value }, props, { className: cn(selectVariants({ radius: radius }), className), children: children })));
 });
 SelectItem.displayName = 'SelectItem';
 export var SelectGroup = React.forwardRef(function (_a, forwardedRef) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
-    return (<SelectTheme.Group ref={forwardedRef} {...props} className={className}>
-      {children}
-    </SelectTheme.Group>);
+    return (_jsx(SelectTheme.Group, __assign({ ref: forwardedRef }, props, { className: className, children: children })));
 });
 SelectGroup.displayName = 'SelectGroup';
 export var SelectLabel = React.forwardRef(function (_a, forwardedRef) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
-    return (<SelectTheme.Label ref={forwardedRef} {...props} className={className}>
-      {children}
-    </SelectTheme.Label>);
+    return (_jsx(SelectTheme.Label, __assign({ ref: forwardedRef }, props, { className: className, children: children })));
 });
 SelectLabel.displayName = 'SelectLabel';
 export var SelectSeparator = React.forwardRef(function (_a, forwardedRef) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
-    return (<SelectTheme.Separator ref={forwardedRef} {...props} className={className}>
-      {children}
-    </SelectTheme.Separator>);
+    return (_jsx(SelectTheme.Separator, __assign({ ref: forwardedRef }, props, { className: className, children: children })));
 });
 SelectSeparator.displayName = 'SelectSeparator';
 export default Select;

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

@@ -4,7 +4,7 @@ export interface SeparatorProps extends VariantProps<typeof separatorVariants> {
     size?: 'small' | 'medium' | 'large' | 'fill-large';
 }
 declare const separatorVariants: (props?: ({
-    scaling?: "100%" | "90%" | "95%" | "105%" | "110%" | 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 Separator: React.ForwardRefExoticComponent<Omit<import("@radix-ui/themes").SeparatorProps & React.RefAttributes<HTMLSpanElement>, "ref"> & SeparatorProps & React.RefAttributes<HTMLSpanElement>>;

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

@@ -20,6 +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 { cn } from 'utils/utils';
@@ -40,11 +41,7 @@ export var Separator = React.forwardRef(function (_a, forwardedRef) {
         sizeTheme = '3';
     if (size === 'fill-large')
         sizeTheme = '4';
-    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>);
+    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 })) }));
 });
 Separator.displayName = 'Separator';
 export default Separator;

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

@@ -9,7 +9,7 @@ export interface SkeletonProps extends VariantProps<typeof separatorVariants> {
     height?: string;
 }
 declare const separatorVariants: (props?: ({
-    radius?: "medium" | "small" | "none" | "large" | "full" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const Skeleton: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & SkeletonProps & React.RefAttributes<HTMLSpanElement>>;
 export default Skeleton;

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

@@ -20,6 +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 '@radix-ui/themes/styles.css';
 import { cva } from 'class-variance-authority';
@@ -36,11 +37,7 @@ 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 (<Theme>
-      <SkeletonTheme ref={forwardedRef} loading={loading} width={width} height={height} className={cn('', radius && cn(separatorVariants({ radius: radius }), className))} {...skeletonProps}>
-        {children}
-      </SkeletonTheme>
-    </Theme>);
+    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 })) }));
 });
 Skeleton.displayName = 'Skeleton';
 export default Skeleton;

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

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

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

@@ -20,6 +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 '@radix-ui/themes/styles.css';
 import { cva } from 'class-variance-authority';
@@ -43,9 +44,7 @@ export var Slider = React.forwardRef(function (_a, forwardedRef) {
         sizeTheme = '1';
     if (size === 'large')
         sizeTheme = '3';
-    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>);
+    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)) }));
 });
 Slider.displayName = 'Slider';
 export default Slider;

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

@@ -9,7 +9,7 @@ export interface SpinnerProps extends VariantProps<typeof spinnerVariants> {
     size?: 'small' | 'medium' | 'large';
 }
 declare const spinnerVariants: (props?: ({
-    scaling?: "100%" | "90%" | "95%" | "105%" | "110%" | null | undefined;
+    scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const Spinner: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & SpinnerProps & React.RefAttributes<HTMLSpanElement>>;
 export default Spinner;