@lotte-innovate/ui-component-test 0.1.52 → 0.1.54

package/dist/cjs/lib/components/RadioCards/index.js

@@ -1,7 +1,9 @@
-import { RadioCardsRoot } from './RadioCardsRoot';
-import { RadioCardsItem } from './RadioCardsItem';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var RadioCardsRoot_1 = require("./RadioCardsRoot");
+var RadioCardsItem_1 = require("./RadioCardsItem");
 var RadioCards = {
-    Root: RadioCardsRoot,
-    Item: RadioCardsItem,
+    Root: RadioCardsRoot_1.RadioCardsRoot,
+    Item: RadioCardsItem_1.RadioCardsItem,
 };
-export default RadioCards;
+exports.default = RadioCards;

package/dist/cjs/lib/components/RadioGroup/RadioGroupItem.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -20,13 +21,15 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useContext } from 'react';
-import { cva } from 'class-variance-authority';
-import { RadioGroup as RadioGroupTheme } from '@radix-ui/themes';
-import { RadioGroupContext } from './RadioGroupRoot';
-import { cn } from 'lib/utils/utils';
-var radioGroupItemVariants = cva('font-normal text-slate-12 dark:text-slateDark-12', {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadioGroupItem = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var class_variance_authority_1 = require("class-variance-authority");
+var themes_1 = require("@radix-ui/themes");
+var RadioGroupRoot_1 = require("./RadioGroupRoot");
+var utils_1 = require("lib/utils/utils");
+var radioGroupItemVariants = (0, class_variance_authority_1.cva)('font-normal text-slate-12 dark:text-slateDark-12', {
     variants: {
         size: {
             small: 'text-xs gap-2',
@@ -38,9 +41,9 @@ var radioGroupItemVariants = cva('font-normal text-slate-12 dark:text-slateDark-
         size: 'medium',
     },
 });
-export var RadioGroupItem = forwardRef(function (_a, ref) {
+exports.RadioGroupItem = (0, react_1.forwardRef)(function (_a, ref) {
     var className = _a.className, children = _a.children, value = _a.value, props = __rest(_a, ["className", "children", "value"]);
-    var size = useContext(RadioGroupContext).size;
-    return (_jsx(RadioGroupTheme.Item, __assign({ ref: ref, value: value, className: cn(radioGroupItemVariants({ size: size }), className) }, props, { children: children })));
+    var size = (0, react_1.useContext)(RadioGroupRoot_1.RadioGroupContext).size;
+    return ((0, jsx_runtime_1.jsx)(themes_1.RadioGroup.Item, __assign({ ref: ref, value: value, className: (0, utils_1.cn)(radioGroupItemVariants({ size: size }), className) }, props, { children: children })));
 });
-RadioGroupItem.displayName = 'RadioGroup.Item';
+exports.RadioGroupItem.displayName = 'RadioGroup.Item';

package/dist/cjs/lib/components/RadioGroup/RadioGroupRoot.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -20,12 +21,14 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { 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';
-var radioGroupVariants = cva('', {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadioGroupRoot = exports.RadioGroupContext = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var themes_1 = require("@radix-ui/themes");
+var class_variance_authority_1 = require("class-variance-authority");
+var utils_1 = require("lib/utils/utils");
+var radioGroupVariants = (0, class_variance_authority_1.cva)('', {
     variants: {
         size: {
             small: 'gap-1',
@@ -37,10 +40,10 @@ var radioGroupVariants = cva('', {
         size: 'medium',
     },
 });
-export var RadioGroupContext = createContext({
+exports.RadioGroupContext = (0, react_1.createContext)({
     size: 'medium',
 });
-export var RadioGroupRoot = forwardRef(function (_a, ref) {
+exports.RadioGroupRoot = (0, react_1.forwardRef)(function (_a, ref) {
     var className = _a.className, children = _a.children, scaling = _a.scaling, size = _a.size, _b = _a.color, color = _b === void 0 ? 'red' : _b, _c = _a.appearance, appearance = _c === void 0 ? 'surface' : _c, props = __rest(_a, ["className", "children", "scaling", "size", "color", "appearance"]);
     var contextValue = { size: size };
     var sizeTheme = '2';
@@ -48,6 +51,6 @@ 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 ((0, jsx_runtime_1.jsx)(themes_1.Theme, { accentColor: color, scaling: scaling, children: (0, jsx_runtime_1.jsx)(exports.RadioGroupContext.Provider, { value: contextValue, children: (0, jsx_runtime_1.jsx)(themes_1.RadioGroup.Root, __assign({ ref: ref, size: sizeTheme, variant: appearance, className: (0, utils_1.cn)(radioGroupVariants({ size: size }), className) }, props, { children: children })) }) }));
 });
-RadioGroupRoot.displayName = 'RadioGroup.Root';
+exports.RadioGroupRoot.displayName = 'RadioGroup.Root';

package/dist/cjs/lib/components/RadioGroup/index.js

@@ -1,7 +1,9 @@
-import { RadioGroupRoot } from './RadioGroupRoot';
-import { RadioGroupItem } from './RadioGroupItem';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var RadioGroupRoot_1 = require("./RadioGroupRoot");
+var RadioGroupItem_1 = require("./RadioGroupItem");
 var RadioGroup = {
-    Root: RadioGroupRoot,
-    Item: RadioGroupItem,
+    Root: RadioGroupRoot_1.RadioGroupRoot,
+    Item: RadioGroupItem_1.RadioGroupItem,
 };
-export default RadioGroup;
+exports.default = RadioGroup;

package/dist/cjs/lib/components/ScrollArea/index.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -20,17 +21,19 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-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) {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScrollArea = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var themes_1 = require("@radix-ui/themes");
+exports.ScrollArea = (0, react_1.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"]);
     var sizeTheme = '1';
     if (size === 'medium')
         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 ((0, jsx_runtime_1.jsx)(themes_1.Theme, { children: (0, jsx_runtime_1.jsx)(themes_1.ScrollArea, __assign({ ref: ref, scrollbars: scrollbars, radius: radius, size: sizeTheme, className: className }, props, { children: children })) }));
 });
-ScrollArea.displayName = 'ScrollArea';
-export default ScrollArea;
+exports.ScrollArea.displayName = 'ScrollArea';
+exports.default = exports.ScrollArea;

package/dist/cjs/lib/components/SegmentedControl/SegmentedControlItem.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -20,16 +21,18 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import { SegmentedControl as SegmentedControlTheme } from '@radix-ui/themes';
-import { cn } from 'lib/utils/utils';
-export var SegmentedControlItem = forwardRef(function (_a, ref) {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SegmentedControlItem = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var themes_1 = require("@radix-ui/themes");
+var utils_1 = require("lib/utils/utils");
+exports.SegmentedControlItem = (0, react_1.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 ((0, jsx_runtime_1.jsx)(themes_1.SegmentedControl.Item, __assign({ ref: ref, className: (0, utils_1.cn)(appearanceClassName, className) }, props, { children: children })));
 });
-SegmentedControlItem.displayName = 'SegmentedControl.Item';
+exports.SegmentedControlItem.displayName = 'SegmentedControl.Item';

package/dist/cjs/lib/components/SegmentedControl/SegmentedControlRoot.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -9,6 +10,32 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 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,28 +47,30 @@ 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';
-export * from './SegmentedControlItem';
-import { cn } from 'lib/utils/utils';
-var segmentedControlVariants = cva('text-slateA-12 dark:text-slateDarkA-12', {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SegmentedControlRoot = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importStar(require("react"));
+var class_variance_authority_1 = require("class-variance-authority");
+var themes_1 = require("@radix-ui/themes");
+var constants_1 = require("lib/constants");
+__exportStar(require("./SegmentedControlItem"), exports);
+var utils_1 = require("lib/utils/utils");
+var segmentedControlVariants = (0, class_variance_authority_1.cva)('text-slateA-12 dark:text-slateDarkA-12', {
     variants: {
-        scaling: __assign({}, scalingVariants),
+        scaling: __assign({}, constants_1.scalingVariants),
     },
     defaultVariants: {
         scaling: '100%',
     },
 });
-export var SegmentedControlRoot = forwardRef(function (_a, ref) {
+exports.SegmentedControlRoot = (0, react_1.forwardRef)(function (_a, ref) {
     var children = _a.children, className = _a.className, _b = _a.appearance, appearance = _b === void 0 ? 'surface' : _b, _c = _a.radius, radius = _c === void 0 ? 'medium' : _c, _d = _a.size, size = _d === void 0 ? 'medium' : _d, scaling = _a.scaling, props = __rest(_a, ["children", "className", "appearance", "radius", "size", "scaling"]);
     var sizeTheme = '2';
     if (size === 'small')
         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 ((0, jsx_runtime_1.jsx)(themes_1.Theme, { children: (0, jsx_runtime_1.jsx)(themes_1.SegmentedControl.Root, __assign({ ref: ref, size: sizeTheme, radius: radius, variant: appearance, className: (0, utils_1.cn)(segmentedControlVariants({ scaling: scaling }), className) }, props, { children: react_1.Children.map(children, function (child) { return react_1.default.cloneElement(child, { appearance: appearance }); }) })) }));
 });
-SegmentedControlRoot.displayName = 'SegmentedControl.Root';
+exports.SegmentedControlRoot.displayName = 'SegmentedControl.Root';

package/dist/cjs/lib/components/SegmentedControl/index.js

@@ -1,7 +1,9 @@
-import { SegmentedControlRoot } from './SegmentedControlRoot';
-import { SegmentedControlItem } from './SegmentedControlRoot';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var SegmentedControlRoot_1 = require("./SegmentedControlRoot");
+var SegmentedControlRoot_2 = require("./SegmentedControlRoot");
 var SegmentedControl = {
-    Root: SegmentedControlRoot,
-    Item: SegmentedControlItem,
+    Root: SegmentedControlRoot_1.SegmentedControlRoot,
+    Item: SegmentedControlRoot_2.SegmentedControlItem,
 };
-export default SegmentedControl;
+exports.default = SegmentedControl;

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

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -20,73 +21,78 @@ 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';
-var selectVariants = cva('', {
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Separator = exports.Label = exports.Group = exports.Item = exports.Content = exports.Trigger = exports.Root = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var themes_1 = require("@radix-ui/themes");
+var react_1 = __importDefault(require("react"));
+var class_variance_authority_1 = require("class-variance-authority");
+var utils_1 = require("lib/utils/utils");
+var constants_1 = require("lib/constants");
+var selectVariants = (0, class_variance_authority_1.cva)('', {
     variants: {
-        radius: __assign({}, radiusVariants['base']),
+        radius: __assign({}, constants_1.radiusVariants['base']),
     },
     defaultVariants: {
         radius: 'medium',
     },
 });
-export var Root = React.forwardRef(function (_a, ref) {
+exports.Root = react_1.default.forwardRef(function (_a, ref) {
     var scaling = _a.scaling, size = _a.size, color = _a.color, children = _a.children, props = __rest(_a, ["scaling", "size", "color", "children"]);
     var sizeTheme = '2';
     if (size === 'small')
         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 ((0, jsx_runtime_1.jsx)(themes_1.Theme, { scaling: scaling, accentColor: color, hasBackground: false, children: (0, jsx_runtime_1.jsx)("div", { ref: ref, children: (0, jsx_runtime_1.jsx)(themes_1.Select.Root, __assign({ size: sizeTheme }, props, { children: children })) }) }));
 });
-Root.displayName = 'Select.Root';
-export var Trigger = React.forwardRef(function (_a, forwardedRef) {
+exports.Root.displayName = 'Select.Root';
+exports.Trigger = react_1.default.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 ((0, jsx_runtime_1.jsx)(themes_1.Select.Trigger, __assign({ ref: forwardedRef, variant: appearance, radius: radius, className: (0, utils_1.cn)(selectVariants({ radius: radius }), (0, constants_1.selectAppearanceStyle)(appearance, color), className) }, props, { children: children })));
 });
-Trigger.displayName = 'Select.Trigger';
-export var Content = React.forwardRef(function (_a, forwardedRef) {
+exports.Trigger.displayName = 'Select.Trigger';
+exports.Content = react_1.default.forwardRef(function (_a, forwardedRef) {
     var appearance = _a.appearance, 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';
     if (radius === 'full')
         radius = 'large';
-    return (_jsx(SelectTheme.Content, __assign({ ref: forwardedRef, color: color }, props, { className: cn(selectVariants({ radius: radius }), className), children: children })));
+    return ((0, jsx_runtime_1.jsx)(themes_1.Select.Content, __assign({ ref: forwardedRef, color: color }, props, { className: (0, utils_1.cn)(selectVariants({ radius: radius }), className), children: children })));
 });
-Content.displayName = 'Select.Content';
-export var Item = React.forwardRef(function (_a, forwardedRef) {
+exports.Content.displayName = 'Select.Content';
+exports.Item = react_1.default.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 ((0, jsx_runtime_1.jsx)(themes_1.Select.Item, __assign({ ref: forwardedRef, value: value }, props, { className: (0, utils_1.cn)(selectVariants({ radius: radius }), className), children: children })));
 });
-Item.displayName = 'Select.Item';
-export var Group = React.forwardRef(function (_a, forwardedRef) {
+exports.Item.displayName = 'Select.Item';
+exports.Group = react_1.default.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 ((0, jsx_runtime_1.jsx)(themes_1.Select.Group, __assign({ ref: forwardedRef }, props, { className: className, children: children })));
 });
-Group.displayName = 'Select.Group';
-export var Label = React.forwardRef(function (_a, forwardedRef) {
+exports.Group.displayName = 'Select.Group';
+exports.Label = react_1.default.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 ((0, jsx_runtime_1.jsx)(themes_1.Select.Label, __assign({ ref: forwardedRef }, props, { className: className, children: children })));
 });
-Label.displayName = 'Select.Label';
-export var Separator = React.forwardRef(function (_a, forwardedRef) {
+exports.Label.displayName = 'Select.Label';
+exports.Separator = react_1.default.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 ((0, jsx_runtime_1.jsx)(themes_1.Select.Separator, __assign({ ref: forwardedRef }, props, { className: className, children: children })));
 });
-Separator.displayName = 'Select.Separator';
+exports.Separator.displayName = 'Select.Separator';
 var Select = {
-    Root: Root,
-    Trigger: Trigger,
-    Content: Content,
-    Item: Item,
-    Group: Group,
-    Label: Label,
-    Separator: Separator,
+    Root: exports.Root,
+    Trigger: exports.Trigger,
+    Content: exports.Content,
+    Item: exports.Item,
+    Group: exports.Group,
+    Label: exports.Label,
+    Separator: exports.Separator,
 };
-export default Select;
+exports.default = Select;

package/dist/cjs/lib/components/Separator/index.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -20,19 +21,24 @@ 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 { Separator as SeparatorTheme, Theme } from '@radix-ui/themes';
-var separatorVariants = cva('', {
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Separator = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
+var class_variance_authority_1 = require("class-variance-authority");
+var utils_1 = require("lib/utils/utils");
+var constants_1 = require("lib/constants");
+var themes_1 = require("@radix-ui/themes");
+var separatorVariants = (0, class_variance_authority_1.cva)('', {
     variants: {
-        scaling: __assign({}, scalingVariants),
-        color: bgColorStyle(),
+        scaling: __assign({}, constants_1.scalingVariants),
+        color: (0, constants_1.bgColorStyle)(),
     },
 });
-export var Separator = React.forwardRef(function (_a, forwardedRef) {
+exports.Separator = react_1.default.forwardRef(function (_a, forwardedRef) {
     var orientation = _a.orientation, scaling = _a.scaling, size = _a.size, _b = _a.color, color = _b === void 0 ? 'slate' : _b, className = _a.className, children = _a.children, props = __rest(_a, ["orientation", "scaling", "size", "color", "className", "children"]);
     var sizeTheme = '1';
     if (size === 'medium')
@@ -41,7 +47,7 @@ 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 ((0, jsx_runtime_1.jsx)(themes_1.Theme, { hasBackground: false, className: "flex justify-center items-center", children: (0, jsx_runtime_1.jsx)(themes_1.Separator, __assign({ orientation: orientation, size: sizeTheme, className: (0, utils_1.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;
+exports.Separator.displayName = 'Separator';
+exports.default = exports.Separator;

package/dist/cjs/lib/components/Skeleton/index.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -20,23 +21,28 @@ 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';
-var separatorVariants = cva('', {
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Skeleton = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
+var class_variance_authority_1 = require("class-variance-authority");
+var themes_1 = require("@radix-ui/themes");
+var utils_1 = require("lib/utils/utils");
+var constants_1 = require("lib/constants");
+var separatorVariants = (0, class_variance_authority_1.cva)('', {
     variants: {
-        radius: __assign({}, radiusVariants['base']),
+        radius: __assign({}, constants_1.radiusVariants['base']),
     },
     defaultVariants: {
         radius: 'medium',
     },
 });
-export var Skeleton = React.forwardRef(function (_a, forwardedRef) {
+exports.Skeleton = react_1.default.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 ((0, jsx_runtime_1.jsx)(themes_1.Theme, { children: (0, jsx_runtime_1.jsx)(themes_1.Skeleton, __assign({ ref: forwardedRef, loading: loading, width: width, height: height, className: (0, utils_1.cn)('', radius && (0, utils_1.cn)(separatorVariants({ radius: radius }), className)) }, skeletonProps, { children: children })) }));
 });
-Skeleton.displayName = 'Skeleton';
-export default Skeleton;
+exports.Skeleton.displayName = 'Skeleton';
+exports.default = exports.Skeleton;

package/dist/cjs/lib/components/Slider/index.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -20,19 +21,24 @@ 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 { Theme, Slider as SliderTheme } from '@radix-ui/themes';
-var sliderVariants = cva('relative flex items-center select-none touch-none w-[200px] h-5', {
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Slider = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
+var class_variance_authority_1 = require("class-variance-authority");
+var utils_1 = require("lib/utils/utils");
+var constants_1 = require("lib/constants");
+var themes_1 = require("@radix-ui/themes");
+var sliderVariants = (0, class_variance_authority_1.cva)('relative flex items-center select-none touch-none w-[200px] h-5', {
     variants: {
-        radius: __assign({}, radiusVariants['base']),
+        radius: __assign({}, constants_1.radiusVariants['base']),
         // color: bgColorStyle(),
     },
 });
-export var Slider = React.forwardRef(function (_a, forwardedRef) {
+exports.Slider = react_1.default.forwardRef(function (_a, forwardedRef) {
     var className = _a.className, color = _a.color, size = _a.size, appearance = _a.appearance, _b = _a.scaling, scaling = _b === void 0 ? '100%' : _b, radius = _a.radius, tabIndex = _a.tabIndex, sliderProps = __rest(_a, ["className", "color", "size", "appearance", "scaling", "radius", "tabIndex"]);
     if (!color)
         color = 'red';
@@ -43,7 +49,7 @@ 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 ((0, jsx_runtime_1.jsx)(themes_1.Theme, { accentColor: color, scaling: scaling, hasBackground: false, children: (0, jsx_runtime_1.jsx)(themes_1.Slider, __assign({ ref: forwardedRef, variant: appearance, size: sizeTheme, radius: radius, color: color, className: (0, utils_1.cn)(sliderVariants({ radius: radius }), className) }, sliderProps)) }));
 });
-Slider.displayName = 'Slider';
-export default Slider;
+exports.Slider.displayName = 'Slider';
+exports.default = exports.Slider;

package/dist/cjs/lib/components/Spinner/index.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -20,28 +21,33 @@ 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';
-var spinnerVariants = cva('', {
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Spinner = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
+var class_variance_authority_1 = require("class-variance-authority");
+var themes_1 = require("@radix-ui/themes");
+var utils_1 = require("lib/utils/utils");
+var constants_1 = require("lib/constants");
+var spinnerVariants = (0, class_variance_authority_1.cva)('', {
     variants: {
-        scaling: __assign({}, scalingVariants),
+        scaling: __assign({}, constants_1.scalingVariants),
     },
     defaultVariants: {
         scaling: '100%',
     },
 });
-export var Spinner = React.forwardRef(function (_a, forwardedRef) {
+exports.Spinner = react_1.default.forwardRef(function (_a, forwardedRef) {
     var className = _a.className, children = _a.children, size = _a.size, scaling = _a.scaling, loading = _a.loading, spinnerProps = __rest(_a, ["className", "children", "size", "scaling", "loading"]);
     var sizeTheme = '2';
     if (size === 'small')
         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 ((0, jsx_runtime_1.jsx)(themes_1.Theme, { hasBackground: false, children: (0, jsx_runtime_1.jsx)(themes_1.Spinner, __assign({ ref: forwardedRef, loading: loading, size: sizeTheme, className: (0, utils_1.cn)('', spinnerVariants({ scaling: scaling }), className) }, spinnerProps, { children: children })) }));
 });
-Spinner.displayName = 'Spinner';
-export default Spinner;
+exports.Spinner.displayName = 'Spinner';
+exports.default = exports.Spinner;