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

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;

package/dist/cjs/lib/components/TabNav/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,31 +21,36 @@ 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';
-var tabNavVariants = cva('', {
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Link = exports.Root = 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 tabNavVariants = (0, class_variance_authority_1.cva)('', {
     variants: {},
 });
-export var Root = React.forwardRef(function (_a, ref) {
+exports.Root = react_1.default.forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, size = _a.size, color = _a.color, rootProps = __rest(_a, ["className", "children", "size", "color"]);
     if (!color)
         color = 'red';
     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 ((0, jsx_runtime_1.jsx)(themes_1.Theme, { accentColor: color, hasBackground: false, children: (0, jsx_runtime_1.jsx)(themes_1.TabNav.Root, __assign({ ref: ref, size: sizeTheme, className: (0, utils_1.cn)('', tabNavVariants({}), className) }, rootProps, { children: children })) }));
 });
-Root.displayName = 'TabNav.Root';
-export var Link = React.forwardRef(function (_a, ref) {
+exports.Root.displayName = 'TabNav.Root';
+exports.Link = react_1.default.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 ((0, jsx_runtime_1.jsx)(themes_1.TabNav.Link, __assign({ ref: ref, className: (0, utils_1.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 })));
 });
-Link.displayName = 'TabNav.Link';
+exports.Link.displayName = 'TabNav.Link';
 var TabNav = {
-    Root: Root,
-    Link: Link,
+    Root: exports.Root,
+    Link: exports.Link,
 };
-export default TabNav;
+exports.default = TabNav;

package/dist/cjs/lib/components/Table/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,22 +21,27 @@ 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';
-var tableVariants = cva('', {
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RowHeaderCell = exports.ColumnHeaderCell = exports.Cell = exports.Row = exports.Body = exports.Header = exports.Root = 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 tableVariants = (0, class_variance_authority_1.cva)('', {
     variants: {
-        scaling: __assign({}, scalingVariants),
-        radius: __assign({}, radiusVariants['base']),
+        scaling: __assign({}, constants_1.scalingVariants),
+        radius: __assign({}, constants_1.radiusVariants['base']),
     },
     defaultVariants: {
         scaling: '100%',
     },
 });
-var tableRowVariants = cva('', {
+var tableRowVariants = (0, class_variance_authority_1.cva)('', {
     variants: {
         size: {
             small: 'h-[36px]',
@@ -44,7 +50,7 @@ var tableRowVariants = cva('', {
         },
     },
 });
-export var Root = React.forwardRef(function (_a, ref) {
+exports.Root = react_1.default.forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, appearance = _a.appearance, scaling = _a.scaling, size = _a.size, radius = _a.radius, tableProps = __rest(_a, ["className", "children", "appearance", "scaling", "size", "radius"]);
     var sizeTheme = '2';
     if (size === 'small')
@@ -53,46 +59,46 @@ 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 ((0, jsx_runtime_1.jsx)(themes_1.Theme, { hasBackground: false, children: (0, jsx_runtime_1.jsx)(themes_1.Table.Root, __assign({ ref: ref, className: (0, utils_1.cn)('', tableVariants({ scaling: scaling, radius: radius }), className), variant: appearance, size: sizeTheme }, tableProps, { children: children })) }));
 });
-Root.displayName = 'Table.Root';
-export var Header = React.forwardRef(function (_a, forwardedRef) {
+exports.Root.displayName = 'Table.Root';
+exports.Header = react_1.default.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 ((0, jsx_runtime_1.jsx)(themes_1.Table.Header, __assign({ ref: forwardedRef, className: (0, utils_1.cn)('', tableVariants({ scaling: scaling }), className) }, props, { children: children })));
 });
-Header.displayName = 'Table.Header';
-export var Body = React.forwardRef(function (_a, forwardedRef) {
+exports.Header.displayName = 'Table.Header';
+exports.Body = react_1.default.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 ((0, jsx_runtime_1.jsx)(themes_1.Table.Body, __assign({ ref: forwardedRef, className: (0, utils_1.cn)('', tableVariants({ scaling: scaling }), className) }, props, { children: children })));
 });
-Body.displayName = 'Table.Body';
-export var Row = React.forwardRef(function (_a, forwardedRef) {
+exports.Body.displayName = 'Table.Body';
+exports.Row = react_1.default.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 ((0, jsx_runtime_1.jsx)(themes_1.Table.Row, __assign({ ref: forwardedRef, className: (0, utils_1.cn)('', tableVariants({ scaling: scaling }), className) }, props, { children: children })));
 });
-Row.displayName = 'Table.Row';
-export var Cell = React.forwardRef(function (_a, forwardedRef) {
+exports.Row.displayName = 'Table.Row';
+exports.Cell = react_1.default.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 ((0, jsx_runtime_1.jsx)(themes_1.Table.Cell, __assign({ className: (0, utils_1.cn)('', tableVariants({ scaling: scaling }), className) }, cellProps, { ref: forwardedRef, children: children })));
 });
-Cell.displayName = 'Table.Cell';
-export var ColumnHeaderCell = React.forwardRef(function (_a, forwardedRef) {
+exports.Cell.displayName = 'Table.Cell';
+exports.ColumnHeaderCell = react_1.default.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 ((0, jsx_runtime_1.jsx)(themes_1.Table.ColumnHeaderCell, __assign({ ref: forwardedRef, className: (0, utils_1.cn)('', tableVariants({ scaling: scaling }), tableRowVariants({ size: size }), className) }, props, { children: children })));
 });
-ColumnHeaderCell.displayName = 'Table.ColumnHeaderCell';
-export var RowHeaderCell = React.forwardRef(function (_a, forwardedRef) {
+exports.ColumnHeaderCell.displayName = 'Table.ColumnHeaderCell';
+exports.RowHeaderCell = react_1.default.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 ((0, jsx_runtime_1.jsx)(themes_1.Table.RowHeaderCell, __assign({ ref: forwardedRef, className: (0, utils_1.cn)('', tableVariants({ scaling: scaling }), className) }, props, { children: children })));
 });
-RowHeaderCell.displayName = 'Table.RowHeaderCell';
+exports.RowHeaderCell.displayName = 'Table.RowHeaderCell';
 var Table = {
-    Root: Root,
-    Header: Header,
-    Body: Body,
-    Row: Row,
-    Cell: Cell,
-    ColumnHeaderCell: ColumnHeaderCell,
-    RowHeaderCell: RowHeaderCell,
+    Root: exports.Root,
+    Header: exports.Header,
+    Body: exports.Body,
+    Row: exports.Row,
+    Cell: exports.Cell,
+    ColumnHeaderCell: exports.ColumnHeaderCell,
+    RowHeaderCell: exports.RowHeaderCell,
 };
-export default Table;
+exports.default = Table;

package/dist/cjs/lib/components/Tabs/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,46 +21,51 @@ 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 { cva } from 'class-variance-authority';
-import { weightVariants } from 'lib/constants';
-var tabsVariants = cva('', {
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Content = exports.Trigger = exports.List = 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 utils_1 = require("lib/utils/utils");
+var class_variance_authority_1 = require("class-variance-authority");
+var constants_1 = require("lib/constants");
+var tabsVariants = (0, class_variance_authority_1.cva)('', {
     variants: {
-        weight: __assign({}, weightVariants),
+        weight: __assign({}, constants_1.weightVariants),
     },
 });
-export var Root = React.forwardRef(function (_a, forwardedRef) {
+exports.Root = react_1.default.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 ((0, jsx_runtime_1.jsx)(themes_1.Theme, { accentColor: color, hasBackground: false, children: (0, jsx_runtime_1.jsx)(themes_1.Tabs.Root, __assign({}, rootProps, { ref: forwardedRef, className: (0, utils_1.cn)('', className), children: children })) }));
 });
-Root.displayName = 'Tabs.Root';
-export var List = React.forwardRef(function (_a, forwardedRef) {
+exports.Root.displayName = 'Tabs.Root';
+exports.List = react_1.default.forwardRef(function (_a, forwardedRef) {
     var className = _a.className, weight = _a.weight, children = _a.children, size = _a.size, listProps = __rest(_a, ["className", "weight", "children", "size"]);
     var sizeTheme = '2';
     if (size === 'small')
         sizeTheme = '1';
-    return (_jsx(TabsTheme.List, __assign({ ref: forwardedRef, size: sizeTheme }, listProps, { className: cn('', className), children: children })));
+    return ((0, jsx_runtime_1.jsx)(themes_1.Tabs.List, __assign({ ref: forwardedRef, size: sizeTheme }, listProps, { className: (0, utils_1.cn)('', className), children: children })));
 });
-List.displayName = 'Tabs.List';
-export var Trigger = React.forwardRef(function (_a, forwardedRef) {
+exports.List.displayName = 'Tabs.List';
+exports.Trigger = react_1.default.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 ((0, jsx_runtime_1.jsx)(themes_1.Tabs.Trigger, __assign({ ref: forwardedRef, className: (0, utils_1.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 })));
 });
-Trigger.displayName = 'Tabs.Trigger';
-export var Content = React.forwardRef(function (_a, forwardedRef) {
+exports.Trigger.displayName = 'Tabs.Trigger';
+exports.Content = react_1.default.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 ((0, jsx_runtime_1.jsx)(themes_1.Tabs.Content, __assign({ ref: forwardedRef }, contentProps, { className: (0, utils_1.cn)('mt-3', className), children: children })));
 });
-Content.displayName = 'Tabs.Content';
+exports.Content.displayName = 'Tabs.Content';
 var Tabs = {
-    Root: Root,
-    List: List,
-    Trigger: Trigger,
-    Content: Content,
+    Root: exports.Root,
+    List: exports.List,
+    Trigger: exports.Trigger,
+    Content: exports.Content,
 };
-export default Tabs;
+exports.default = Tabs;