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

package/dist/cjs/lib/components/AlertDialog/AlertDialogTitle.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,29 @@ 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 __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,13 +44,15 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
-import { cva } from 'class-variance-authority';
-import { cn } from 'lib/utils/utils';
-import { useAlertDialogContext } from './AlertDialogRoot';
-export var alertDialogTitleVariants = cva("m-0 text-slate-12 dark:text-slateDark-12 font-bold", {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AlertDialogTitle = exports.alertDialogTitleVariants = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var AlertDialogPrimitive = __importStar(require("@radix-ui/react-alert-dialog"));
+var class_variance_authority_1 = require("class-variance-authority");
+var utils_1 = require("lib/utils/utils");
+var AlertDialogRoot_1 = require("./AlertDialogRoot");
+exports.alertDialogTitleVariants = (0, class_variance_authority_1.cva)("m-0 text-slate-12 dark:text-slateDark-12 font-bold", {
     variants: {
         size: {
             small: 'text-sm mb-1',
@@ -39,9 +65,9 @@ export var alertDialogTitleVariants = cva("m-0 text-slate-12 dark:text-slateDark
         size: 'large',
     },
 });
-export var AlertDialogTitle = forwardRef(function (_a, ref) {
+exports.AlertDialogTitle = (0, react_1.forwardRef)(function (_a, ref) {
     var className = _a.className, children = _a.children, titleText = _a.titleText, props = __rest(_a, ["className", "children", "titleText"]);
-    var size = useAlertDialogContext().size;
-    return (_jsx(AlertDialogPrimitive.Title, __assign({ className: cn(alertDialogTitleVariants({ size: size }), className), ref: ref }, props, { children: titleText !== null && titleText !== void 0 ? titleText : children })));
+    var size = (0, AlertDialogRoot_1.useAlertDialogContext)().size;
+    return ((0, jsx_runtime_1.jsx)(AlertDialogPrimitive.Title, __assign({ className: (0, utils_1.cn)((0, exports.alertDialogTitleVariants)({ size: size }), className), ref: ref }, props, { children: titleText !== null && titleText !== void 0 ? titleText : children })));
 });
-AlertDialogTitle.displayName = 'AlertDialog.Title';
+exports.AlertDialogTitle.displayName = 'AlertDialog.Title';

package/dist/cjs/lib/components/AlertDialog/AlertDialogTrigger.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,29 @@ 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 __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,24 +44,26 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
-import { cva } from 'class-variance-authority';
-import { cn } from 'lib/utils/utils';
-import { radiusVariants, scalingVariants, weightVariants, primaryColorStyle, appearanceStyle, } from 'lib/constants';
-var buttonVariants = cva("inline-flex items-center transition-colors focus:outline-none hover:cursor-pointer\n  disabled:cursor-not-allowed disabled:bg-slate-3 disabled:text-slate-8", {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AlertDialogTrigger = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var AlertDialogPrimitive = __importStar(require("@radix-ui/react-alert-dialog"));
+var class_variance_authority_1 = require("class-variance-authority");
+var utils_1 = require("lib/utils/utils");
+var constants_1 = require("lib/constants");
+var buttonVariants = (0, class_variance_authority_1.cva)("inline-flex items-center transition-colors focus:outline-none hover:cursor-pointer\n  disabled:cursor-not-allowed disabled:bg-slate-3 disabled:text-slate-8", {
     variants: {
-        radius: __assign({}, radiusVariants['base']),
+        radius: __assign({}, constants_1.radiusVariants['base']),
         size: {
             small: 'text-xs h-[24px] px-2',
             medium: 'text-sm h-[32px] px-3',
             large: 'text-base h-[40px] px-4',
             'x-large': 'text-lg h-[48px] px-6',
         },
-        scaling: __assign({}, scalingVariants),
-        weight: __assign({}, weightVariants),
-        color: primaryColorStyle(),
+        scaling: __assign({}, constants_1.scalingVariants),
+        weight: __assign({}, constants_1.weightVariants),
+        color: (0, constants_1.primaryColorStyle)(),
     },
     defaultVariants: {
         radius: 'large',
@@ -47,9 +73,9 @@ var buttonVariants = cva("inline-flex items-center transition-colors focus:outli
         size: 'medium',
     },
 });
-export var AlertDialogTrigger = forwardRef(function (_a, ref) {
+exports.AlertDialogTrigger = (0, react_1.forwardRef)(function (_a, ref) {
     var children = _a.children, className = _a.className, radius = _a.radius, scaling = _a.scaling, size = _a.size, weight = _a.weight, _b = _a.color, color = _b === void 0 ? 'red' : _b, _c = _a.appearance, appearance = _c === void 0 ? 'solid' : _c, props = __rest(_a, ["children", "className", "radius", "scaling", "size", "weight", "color", "appearance"]);
-    var buttonClassName = cn(buttonVariants({ radius: radius, scaling: scaling, size: size, weight: weight, color: color }), appearanceStyle(appearance, color), className);
-    return (_jsx(AlertDialogPrimitive.Trigger, __assign({ asChild: true, ref: ref, className: buttonClassName }, props, { children: children })));
+    var buttonClassName = (0, utils_1.cn)(buttonVariants({ radius: radius, scaling: scaling, size: size, weight: weight, color: color }), (0, constants_1.appearanceStyle)(appearance, color), className);
+    return ((0, jsx_runtime_1.jsx)(AlertDialogPrimitive.Trigger, __assign({ asChild: true, ref: ref, className: buttonClassName }, props, { children: children })));
 });
-AlertDialogTrigger.displayName = 'AlertDialog.Trigger';
+exports.AlertDialogTrigger.displayName = 'AlertDialog.Trigger';

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

@@ -1,17 +1,19 @@
-import { AlertDialogRoot as Root } from './AlertDialogRoot';
-import { AlertDialogTrigger as Trigger } from './AlertDialogTrigger';
-import { AlertDialogContent as Content } from './AlertDialogContent';
-import { AlertDialogTitle as Title } from './AlertDialogTitle';
-import { AlertDialogDescription as Description } from './AlertDialogDescription';
-import { AlertDialogCancel as Cancel } from './AlertDialogCancel';
-import { AlertDialogAction as Action } from './AlertDialogAction';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var AlertDialogRoot_1 = require("./AlertDialogRoot");
+var AlertDialogTrigger_1 = require("./AlertDialogTrigger");
+var AlertDialogContent_1 = require("./AlertDialogContent");
+var AlertDialogTitle_1 = require("./AlertDialogTitle");
+var AlertDialogDescription_1 = require("./AlertDialogDescription");
+var AlertDialogCancel_1 = require("./AlertDialogCancel");
+var AlertDialogAction_1 = require("./AlertDialogAction");
 var AlertDialog = {
-    Root: Root,
-    Trigger: Trigger,
-    Content: Content,
-    Title: Title,
-    Description: Description,
-    Cancel: Cancel,
-    Action: Action
+    Root: AlertDialogRoot_1.AlertDialogRoot,
+    Trigger: AlertDialogTrigger_1.AlertDialogTrigger,
+    Content: AlertDialogContent_1.AlertDialogContent,
+    Title: AlertDialogTitle_1.AlertDialogTitle,
+    Description: AlertDialogDescription_1.AlertDialogDescription,
+    Cancel: AlertDialogCancel_1.AlertDialogCancel,
+    Action: AlertDialogAction_1.AlertDialogAction
 };
-export default AlertDialog;
+exports.default = AlertDialog;

package/dist/cjs/lib/components/AspectRatio/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++) {
@@ -9,6 +10,29 @@ 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 __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,23 +44,25 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
-import { cva } from 'class-variance-authority';
-import { cn } from 'lib/utils/utils';
-import { scalingVariants } from 'lib/constants';
-export var aspectRatioVariants = cva('', {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.aspectRatioVariants = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var AspectRatioPrimitive = __importStar(require("@radix-ui/react-aspect-ratio"));
+var class_variance_authority_1 = require("class-variance-authority");
+var utils_1 = require("lib/utils/utils");
+var constants_1 = require("lib/constants");
+exports.aspectRatioVariants = (0, class_variance_authority_1.cva)('', {
     variants: {
-        scaling: __assign({}, scalingVariants),
+        scaling: __assign({}, constants_1.scalingVariants),
     },
     defaultVariants: {
         scaling: '100%',
     },
 });
-var AspectRatio = forwardRef(function (_a, ref) {
+var AspectRatio = (0, react_1.forwardRef)(function (_a, ref) {
     var children = _a.children, className = _a.className, _b = _a.ratio, ratio = _b === void 0 ? 16 / 9 : _b, scaling = _a.scaling, props = __rest(_a, ["children", "className", "ratio", "scaling"]);
-    return (_jsx(AspectRatioPrimitive.Root, __assign({ ratio: ratio, ref: ref }, props, { className: cn(aspectRatioVariants({ scaling: scaling }), className), children: children })));
+    return ((0, jsx_runtime_1.jsx)(AspectRatioPrimitive.Root, __assign({ ratio: ratio, ref: ref }, props, { className: (0, utils_1.cn)((0, exports.aspectRatioVariants)({ scaling: scaling }), className), children: children })));
 });
 AspectRatio.displayName = 'AspectRatio';
-export default AspectRatio;
+exports.default = AspectRatio;

package/dist/cjs/lib/components/Avatar/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++) {
@@ -9,6 +10,29 @@ 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 __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -20,15 +44,16 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import * as AvatarPrimitive from '@radix-ui/react-avatar';
-import { cva } from 'class-variance-authority';
-import { cn } from 'lib/utils/utils';
-import { appearanceStyle, primaryColorStyle, radiusVariants, scalingVariants } from 'lib/constants';
-var AvatarVariants = cva('font-medium', {
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var AvatarPrimitive = __importStar(require("@radix-ui/react-avatar"));
+var class_variance_authority_1 = require("class-variance-authority");
+var utils_1 = require("lib/utils/utils");
+var constants_1 = require("lib/constants");
+var AvatarVariants = (0, class_variance_authority_1.cva)('font-medium', {
     variants: {
-        radius: __assign({}, radiusVariants['base']),
+        radius: __assign({}, constants_1.radiusVariants['base']),
         size: {
             '1': 'h-[24px] w-[24px] text-[12px]',
             '2': 'h-[32px] w-[32px] text-[14px]',
@@ -40,8 +65,8 @@ var AvatarVariants = cva('font-medium', {
             '8': 'h-[128px] w-[128px] text-[35px]',
             '9': 'h-[160px] w-[160px] text-[60px]',
         },
-        scaling: __assign({}, scalingVariants),
-        color: primaryColorStyle(),
+        scaling: __assign({}, constants_1.scalingVariants),
+        color: (0, constants_1.primaryColorStyle)(),
     },
     defaultVariants: {
         radius: 'full',
@@ -49,10 +74,10 @@ var AvatarVariants = cva('font-medium', {
         size: '3',
     },
 });
-var Avatar = forwardRef(function (_a, ref) {
+var Avatar = (0, react_1.forwardRef)(function (_a, ref) {
     var className = _a.className, fallbackClassName = _a.fallbackClassName, radius = _a.radius, scaling = _a.scaling, size = _a.size, fallbackText = _a.fallbackText, imagePath = _a.imagePath, alt = _a.alt, _b = _a.appearance, appearance = _b === void 0 ? 'solid' : _b, _c = _a.color, color = _c === void 0 ? 'red' : _c, ariaLabel = _a.ariaLabel, ariaLabelledby = _a.ariaLabelledby, title = _a.title, _d = _a.delayMs, delayMs = _d === void 0 ? 300 : _d, props = __rest(_a, ["className", "fallbackClassName", "radius", "scaling", "size", "fallbackText", "imagePath", "alt", "appearance", "color", "ariaLabel", "ariaLabelledby", "title", "delayMs"]);
     var imgAltText = alt || ariaLabel || fallbackText || 'Avatar Image';
-    return (_jsxs(AvatarPrimitive.Root, __assign({ className: cn("inline-flex select-none items-center justify-center overflow-hidden align-middle", AvatarVariants({ radius: radius, scaling: scaling, size: size, color: color }), appearanceStyle(appearance, color, false), className) }, props, { ref: ref, role: "img", "aria-label": ariaLabel || imgAltText, "aria-labelledby": ariaLabelledby, title: title || imgAltText, tabIndex: 0, children: [_jsx(AvatarPrimitive.Image, { className: "h-full w-full border-none object-cover", src: imagePath, alt: imgAltText, title: title || imgAltText }), _jsx(AvatarPrimitive.Fallback, { className: cn("leading-1 flex h-full w-full items-center justify-center", className), delayMs: delayMs, "aria-hidden": "true", children: fallbackText })] })));
+    return ((0, jsx_runtime_1.jsxs)(AvatarPrimitive.Root, __assign({ className: (0, utils_1.cn)("inline-flex select-none items-center justify-center overflow-hidden align-middle", AvatarVariants({ radius: radius, scaling: scaling, size: size, color: color }), (0, constants_1.appearanceStyle)(appearance, color, false), className) }, props, { ref: ref, role: "img", "aria-label": ariaLabel || imgAltText, "aria-labelledby": ariaLabelledby, title: title || imgAltText, tabIndex: 0, children: [(0, jsx_runtime_1.jsx)(AvatarPrimitive.Image, { className: "h-full w-full border-none object-cover", src: imagePath, alt: imgAltText, title: title || imgAltText }), (0, jsx_runtime_1.jsx)(AvatarPrimitive.Fallback, { className: (0, utils_1.cn)("leading-1 flex h-full w-full items-center justify-center", className), delayMs: delayMs, "aria-hidden": "true", children: fallbackText })] })));
 });
 Avatar.displayName = 'Avatar';
-export default Avatar;
+exports.default = Avatar;

package/dist/cjs/lib/components/Badge/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,23 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import { cva } from 'class-variance-authority';
-import { cn } from 'lib/utils/utils';
-import { appearanceStyle, primaryColorStyle, radiusVariants, scalingVariants, weightVariants, } from 'lib/constants';
-var BadgeVariants = cva('inline-flex items-center transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 w-fit', {
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = 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 BadgeVariants = (0, class_variance_authority_1.cva)('inline-flex items-center transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 w-fit', {
     variants: {
-        radius: __assign({}, radiusVariants['base']),
+        radius: __assign({}, constants_1.radiusVariants['base']),
         size: {
             small: 'text-xs h-[20px] px-1.5 py-0.5',
             medium: 'text-xs h-[24px] px-2 py-1',
             large: 'text-sm h-[28px] px-2.5 py-1',
         },
-        scaling: __assign({}, scalingVariants),
-        weight: __assign({}, weightVariants),
-        color: primaryColorStyle(),
+        scaling: __assign({}, constants_1.scalingVariants),
+        weight: __assign({}, constants_1.weightVariants),
+        color: (0, constants_1.primaryColorStyle)(),
     },
     defaultVariants: {
         radius: 'medium',
@@ -45,10 +47,10 @@ var BadgeVariants = cva('inline-flex items-center transition-colors focus:outlin
         color: 'red',
     },
 });
-var Badge = forwardRef(function (_a, ref) {
+var Badge = (0, react_1.forwardRef)(function (_a, ref) {
     var className = _a.className, children = _a.children, radius = _a.radius, scaling = _a.scaling, weight = _a.weight, size = _a.size, _b = _a.color, color = _b === void 0 ? 'red' : _b, _c = _a.appearance, appearance = _c === void 0 ? 'solid' : _c, props = __rest(_a, ["className", "children", "radius", "scaling", "weight", "size", "color", "appearance"]);
-    var badgeClassName = cn(BadgeVariants({ radius: radius, scaling: scaling, weight: weight, size: size, color: color }), appearanceStyle(appearance, color, false), className);
-    return (_jsx("div", __assign({ ref: ref, className: badgeClassName }, props, { children: children })));
+    var badgeClassName = (0, utils_1.cn)(BadgeVariants({ radius: radius, scaling: scaling, weight: weight, size: size, color: color }), (0, constants_1.appearanceStyle)(appearance, color, false), className);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ ref: ref, className: badgeClassName }, props, { children: children })));
 });
 Badge.displayName = 'Badge';
-export default Badge;
+exports.default = Badge;

package/dist/cjs/lib/components/BarChart/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { VariantProps } from 'class-variance-authority';
 import { IChartDatasets, IChartLegend, IChartTitle } from 'lib/types';
 export interface BorderRadius {
@@ -32,7 +31,7 @@ declare const barChartVariants: (props?: ({
     scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 declare const BarChart: {
-    ({ className, title, datasets, labels, scaling, legend, width, height, indexAxis, appearance, isColorMixed, ...props }: BarChartProps): import("react").JSX.Element;
+    ({ className, title, datasets, labels, scaling, legend, width, height, indexAxis, appearance, isColorMixed, ...props }: BarChartProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default BarChart;

package/dist/cjs/lib/components/BarChart/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,18 +21,19 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Bar } from 'react-chartjs-2';
-import { Chart as ChartJS, CategoryScale, LinearScale, BarElement, Tooltip, Legend, } from 'chart.js/auto';
-import { scalingVariants } from 'lib/constants';
-import { cva } from 'class-variance-authority';
-import { cn } from 'lib/utils/utils';
-import { chartAlphaColorList, chartColorList } from 'lib/color/constants';
-import { useDarkMode } from 'lib/utils/useDarkMode';
-ChartJS.register(CategoryScale, LinearScale, BarElement, Tooltip, Legend);
-var barChartVariants = cva('', {
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_chartjs_2_1 = require("react-chartjs-2");
+var auto_1 = require("chart.js/auto");
+var constants_1 = require("lib/constants");
+var class_variance_authority_1 = require("class-variance-authority");
+var utils_1 = require("lib/utils/utils");
+var constants_2 = require("lib/color/constants");
+var useDarkMode_1 = require("lib/utils/useDarkMode");
+auto_1.Chart.register(auto_1.CategoryScale, auto_1.LinearScale, auto_1.BarElement, auto_1.Tooltip, auto_1.Legend);
+var barChartVariants = (0, class_variance_authority_1.cva)('', {
     variants: {
-        scaling: __assign({}, scalingVariants),
+        scaling: __assign({}, constants_1.scalingVariants),
     },
     defaultVariants: {
         scaling: '100%',
@@ -39,25 +41,25 @@ var barChartVariants = cva('', {
 });
 var BarChart = function (_a) {
     var className = _a.className, title = _a.title, datasets = _a.datasets, labels = _a.labels, scaling = _a.scaling, legend = _a.legend, width = _a.width, height = _a.height, indexAxis = _a.indexAxis, _b = _a.appearance, appearance = _b === void 0 ? 'solid' : _b, _c = _a.isColorMixed, isColorMixed = _c === void 0 ? true : _c, props = __rest(_a, ["className", "title", "datasets", "labels", "scaling", "legend", "width", "height", "indexAxis", "appearance", "isColorMixed"]);
-    var _d = useDarkMode(), isDark = _d[0], defaultScales = _d[1];
+    var _d = (0, useDarkMode_1.useDarkMode)(), isDark = _d[0], defaultScales = _d[1];
     datasets.forEach(function (dataset, index) {
         if (!dataset.backgroundColor) {
             if (isColorMixed) {
-                datasets[index] = __assign(__assign({}, dataset), { backgroundColor: appearance === 'solid' ? chartColorList.mixed : chartAlphaColorList.mixed, borderColor: chartColorList.mixed });
+                datasets[index] = __assign(__assign({}, dataset), { backgroundColor: appearance === 'solid' ? constants_2.chartColorList.mixed : constants_2.chartAlphaColorList.mixed, borderColor: constants_2.chartColorList.mixed });
             }
             else {
-                datasets[index] = __assign(__assign({}, dataset), { backgroundColor: appearance === 'solid' ? chartColorList.sorting : chartAlphaColorList.sorting, borderColor: chartColorList.sorting });
+                datasets[index] = __assign(__assign({}, dataset), { backgroundColor: appearance === 'solid' ? constants_2.chartColorList.sorting : constants_2.chartAlphaColorList.sorting, borderColor: constants_2.chartColorList.sorting });
             }
         }
     });
-    return (_jsx(Bar, __assign({ data: { labels: labels, datasets: datasets }, options: {
+    return ((0, jsx_runtime_1.jsx)(react_chartjs_2_1.Bar, __assign({ data: { labels: labels, datasets: datasets }, options: {
             plugins: {
                 title: title,
                 legend: legend,
             },
             indexAxis: indexAxis,
             scales: __assign({}, defaultScales.linescale),
-        }, className: cn(barChartVariants({ scaling: scaling }), className), width: width, height: height }, props)));
+        }, className: (0, utils_1.cn)(barChartVariants({ scaling: scaling }), className), width: width, height: height }, props)));
 };
 BarChart.displayName = 'BarChart';
-export default BarChart;
+exports.default = BarChart;

package/dist/cjs/lib/components/BubbleChart/index.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { VariantProps } from 'class-variance-authority';
 import { IChartDataLabels, IChartDatasets, IChartLegend, IChartTitle } from 'lib/types';
 type IBubbleChartDataset = IChartDatasets & {
@@ -23,7 +22,7 @@ declare const bubbleChartVariants: (props?: ({
     scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const BubbleChart: {
-    ({ className, title, legend, datalabels, datasets, scaling, width, height, appearance, isColorMixed, ...props }: BubbleChartProps): React.JSX.Element;
+    ({ className, title, legend, datalabels, datasets, scaling, width, height, appearance, isColorMixed, ...props }: BubbleChartProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default BubbleChart;

package/dist/cjs/lib/components/BubbleChart/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,36 +21,41 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Bubble } from 'react-chartjs-2';
-import { Chart as ChartJS, LinearScale, PointElement, Tooltip, Legend, plugins, } from 'chart.js/auto';
-import { scalingVariants } from 'lib/constants';
-import { cva } from 'class-variance-authority';
-import { chartColorList, chartAlphaColorList } from 'lib/color/constants';
-import ChartDataLabels from 'chartjs-plugin-datalabels';
-import { useDarkMode } from 'lib/utils/useDarkMode';
-import { cn } from 'lib/utils/utils';
-ChartJS.register(LinearScale, PointElement, Tooltip, Legend, plugins, ChartDataLabels);
-ChartJS.defaults.set('plugins.datalabels', {
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BubbleChart = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_chartjs_2_1 = require("react-chartjs-2");
+var auto_1 = require("chart.js/auto");
+var constants_1 = require("lib/constants");
+var class_variance_authority_1 = require("class-variance-authority");
+var constants_2 = require("lib/color/constants");
+var chartjs_plugin_datalabels_1 = __importDefault(require("chartjs-plugin-datalabels"));
+var useDarkMode_1 = require("lib/utils/useDarkMode");
+var utils_1 = require("lib/utils/utils");
+auto_1.Chart.register(auto_1.LinearScale, auto_1.PointElement, auto_1.Tooltip, auto_1.Legend, auto_1.plugins, chartjs_plugin_datalabels_1.default);
+auto_1.Chart.defaults.set('plugins.datalabels', {
     display: false,
 });
-var bubbleChartVariants = cva('', {
+var bubbleChartVariants = (0, class_variance_authority_1.cva)('', {
     variants: {
-        scaling: __assign({}, scalingVariants),
+        scaling: __assign({}, constants_1.scalingVariants),
     },
     defaultVariants: {
         scaling: '100%',
     },
 });
-export var BubbleChart = function (_a) {
+var BubbleChart = function (_a) {
     var className = _a.className, title = _a.title, legend = _a.legend, datalabels = _a.datalabels, datasets = _a.datasets, scaling = _a.scaling, width = _a.width, height = _a.height, _b = _a.appearance, appearance = _b === void 0 ? 'solid' : _b, _c = _a.isColorMixed, isColorMixed = _c === void 0 ? true : _c, props = __rest(_a, ["className", "title", "legend", "datalabels", "datasets", "scaling", "width", "height", "appearance", "isColorMixed"]);
-    var _d = useDarkMode(), isDark = _d[0], defaultScales = _d[1];
+    var _d = (0, useDarkMode_1.useDarkMode)(), isDark = _d[0], defaultScales = _d[1];
     var getChartColor = function (isColorMixed, appearance) {
         if (appearance === 'solid') {
-            return isColorMixed ? chartColorList.mixed : chartColorList.sorting;
+            return isColorMixed ? constants_2.chartColorList.mixed : constants_2.chartColorList.sorting;
         }
         if (appearance === 'soft') {
-            return isColorMixed ? chartAlphaColorList.mixed : chartAlphaColorList.sorting;
+            return isColorMixed ? constants_2.chartAlphaColorList.mixed : constants_2.chartAlphaColorList.sorting;
         }
     };
     datasets.forEach(function (dataset, index) {
@@ -60,14 +66,15 @@ export var BubbleChart = function (_a) {
         dataset.backgroundColor = ChartColor[index];
         dataset.borderColor = BorderColor[index];
     });
-    return (_jsx(Bubble, __assign({ data: { datasets: datasets }, options: {
+    return ((0, jsx_runtime_1.jsx)(react_chartjs_2_1.Bubble, __assign({ data: { datasets: datasets }, options: {
             plugins: {
                 title: title,
                 legend: legend,
                 datalabels: datalabels,
             },
             scales: __assign({}, defaultScales.linescale),
-        }, className: cn(bubbleChartVariants({ scaling: scaling }), className), width: width, height: height }, props)));
+        }, className: (0, utils_1.cn)(bubbleChartVariants({ scaling: scaling }), className), width: width, height: height }, props)));
 };
-BubbleChart.displayName = 'BubbleChart';
-export default BubbleChart;
+exports.BubbleChart = BubbleChart;
+exports.BubbleChart.displayName = 'BubbleChart';
+exports.default = exports.BubbleChart;