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

package/dist/cjs/lib/components/AspectRatio/index.jsx

@@ -1,69 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __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)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.aspectRatioVariants = void 0;
-var react_1 = __importStar(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({}, constants_1.scalingVariants),
-    },
-    defaultVariants: {
-        scaling: '100%',
-    },
-});
-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 (<AspectRatioPrimitive.Root ratio={ratio} ref={ref} {...props} className={(0, utils_1.cn)((0, exports.aspectRatioVariants)({ scaling: scaling }), className)}>
-      {children}
-    </AspectRatioPrimitive.Root>);
-});
-AspectRatio.displayName = 'AspectRatio';
-exports.default = AspectRatio;

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

@@ -1,58 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    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', {
-    variants: {
-        radius: __assign({}, radiusVariants['base']),
-        size: {
-            '1': 'h-[24px] w-[24px] text-[12px]',
-            '2': 'h-[32px] w-[32px] text-[14px]',
-            '3': 'h-[40px] w-[40px] text-[16px]',
-            '4': 'h-[48px] w-[48px] text-[18px]',
-            '5': 'h-[64px] w-[64px] text-[24px]',
-            '6': 'h-[80px] w-[80px] text-[28px]',
-            '7': 'h-[96px] w-[96px] text-[28px]',
-            '8': 'h-[128px] w-[128px] text-[35px]',
-            '9': 'h-[160px] w-[160px] text-[60px]',
-        },
-        scaling: __assign({}, scalingVariants),
-        color: primaryColorStyle(),
-    },
-    defaultVariants: {
-        radius: 'full',
-        color: 'red',
-        size: '3',
-    },
-});
-var Avatar = 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 })] })));
-});
-Avatar.displayName = 'Avatar';
-export default Avatar;

package/dist/cjs/lib/components/Avatar/index.jsx

@@ -1,87 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __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)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(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({}, constants_1.radiusVariants['base']),
-        size: {
-            '1': 'h-[24px] w-[24px] text-[12px]',
-            '2': 'h-[32px] w-[32px] text-[14px]',
-            '3': 'h-[40px] w-[40px] text-[16px]',
-            '4': 'h-[48px] w-[48px] text-[18px]',
-            '5': 'h-[64px] w-[64px] text-[24px]',
-            '6': 'h-[80px] w-[80px] text-[28px]',
-            '7': 'h-[96px] w-[96px] text-[28px]',
-            '8': 'h-[128px] w-[128px] text-[35px]',
-            '9': 'h-[160px] w-[160px] text-[60px]',
-        },
-        scaling: __assign({}, constants_1.scalingVariants),
-        color: (0, constants_1.primaryColorStyle)(),
-    },
-    defaultVariants: {
-        radius: 'full',
-        color: 'red',
-        size: '3',
-    },
-});
-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 (<AvatarPrimitive.Root 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}>
-        <AvatarPrimitive.Image className="h-full w-full border-none object-cover" src={imagePath} alt={imgAltText} title={title || imgAltText}/>
-        <AvatarPrimitive.Fallback className={(0, utils_1.cn)("leading-1 flex h-full w-full items-center justify-center", className)} delayMs={delayMs} aria-hidden="true">
-          {fallbackText}
-        </AvatarPrimitive.Fallback>
-      </AvatarPrimitive.Root>);
-});
-Avatar.displayName = 'Avatar';
-exports.default = Avatar;

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

@@ -1,18 +0,0 @@
-import React, { HTMLAttributes } from 'react';
-import { VariantProps } from 'class-variance-authority';
-import { IColor, IAppearance, ISize, IWeight } from 'lib/types';
-export interface BadgeProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof BadgeVariants> {
-    color?: IColor;
-    appearance?: Exclude<IAppearance, 'classic' | 'ghost'>;
-    size?: Exclude<ISize, 'x-small' | 'x-large'>;
-    weight?: IWeight;
-}
-declare const BadgeVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
-    size?: "small" | "medium" | "large" | null | undefined;
-    scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
-    weight?: "bold" | "medium" | "regular" | "semibold" | null | undefined;
-    color?: string | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-declare const Badge: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & BadgeProps & React.RefAttributes<HTMLDivElement>>;
-export default Badge;

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

@@ -1,54 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    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', {
-    variants: {
-        radius: __assign({}, 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(),
-    },
-    defaultVariants: {
-        radius: 'medium',
-        size: 'medium',
-        scaling: '100%',
-        weight: 'medium',
-        color: 'red',
-    },
-});
-var Badge = 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 })));
-});
-Badge.displayName = 'Badge';
-export default Badge;

package/dist/cjs/lib/components/Badge/index.jsx

@@ -1,80 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __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)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(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({}, 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({}, constants_1.scalingVariants),
-        weight: __assign({}, constants_1.weightVariants),
-        color: (0, constants_1.primaryColorStyle)(),
-    },
-    defaultVariants: {
-        radius: 'medium',
-        size: 'medium',
-        scaling: '100%',
-        weight: 'medium',
-        color: 'red',
-    },
-});
-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 = (0, utils_1.cn)(BadgeVariants({ radius: radius, scaling: scaling, weight: weight, size: size, color: color }), (0, constants_1.appearanceStyle)(appearance, color, false), className);
-    return (<div ref={ref} className={badgeClassName} {...props}>
-        {children}
-      </div>);
-});
-Badge.displayName = 'Badge';
-exports.default = Badge;

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

@@ -1,38 +0,0 @@
-/// <reference types="react" />
-import { VariantProps } from 'class-variance-authority';
-import { IChartDatasets, IChartLegend, IChartTitle } from 'lib/types';
-export interface BorderRadius {
-    topLeft: number;
-    topRight: number;
-    bottomLeft: number;
-    bottomRight: number;
-}
-type IBarchartDataset = IChartDatasets & {
-    data: {
-        x: number;
-        y: number;
-        r: number;
-    }[];
-    barThickness?: number;
-    barPercentage?: number;
-};
-export interface BarChartProps extends VariantProps<typeof barChartVariants> {
-    labels?: string[];
-    isColorMixed?: boolean;
-    appearance?: 'solid' | 'soft';
-    title?: IChartTitle;
-    legend?: IChartLegend;
-    datasets: IBarchartDataset[];
-    indexAxis?: 'x' | 'y';
-    className?: string;
-    width?: string | number;
-    height?: string | number;
-}
-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;
-    displayName: string;
-};
-export default BarChart;

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

@@ -1,63 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    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('', {
-    variants: {
-        scaling: __assign({}, scalingVariants),
-    },
-    defaultVariants: {
-        scaling: '100%',
-    },
-});
-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];
-    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 });
-            }
-            else {
-                datasets[index] = __assign(__assign({}, dataset), { backgroundColor: appearance === 'solid' ? chartColorList.sorting : chartAlphaColorList.sorting, borderColor: chartColorList.sorting });
-            }
-        }
-    });
-    return (_jsx(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)));
-};
-BarChart.displayName = 'BarChart';
-export default BarChart;

package/dist/cjs/lib/components/BarChart/index.jsx

@@ -1,64 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-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({}, constants_1.scalingVariants),
-    },
-    defaultVariants: {
-        scaling: '100%',
-    },
-});
-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 = (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' ? constants_2.chartColorList.mixed : constants_2.chartAlphaColorList.mixed, borderColor: constants_2.chartColorList.mixed });
-            }
-            else {
-                datasets[index] = __assign(__assign({}, dataset), { backgroundColor: appearance === 'solid' ? constants_2.chartColorList.sorting : constants_2.chartAlphaColorList.sorting, borderColor: constants_2.chartColorList.sorting });
-            }
-        }
-    });
-    return (<react_chartjs_2_1.Bar data={{ labels: labels, datasets: datasets }} options={{
-            plugins: {
-                title: title,
-                legend: legend,
-            },
-            indexAxis: indexAxis,
-            scales: __assign({}, defaultScales.linescale),
-        }} className={(0, utils_1.cn)(barChartVariants({ scaling: scaling }), className)} width={width} height={height} {...props}/>);
-};
-BarChart.displayName = 'BarChart';
-exports.default = BarChart;

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

@@ -1,29 +0,0 @@
-import React from 'react';
-import { VariantProps } from 'class-variance-authority';
-import { IChartDataLabels, IChartDatasets, IChartLegend, IChartTitle } from 'lib/types';
-type IBubbleChartDataset = IChartDatasets & {
-    data: {
-        x: number;
-        y: number;
-        r: number;
-    }[];
-};
-export interface BubbleChartProps extends VariantProps<typeof bubbleChartVariants> {
-    appearance?: 'solid' | 'soft';
-    isColorMixed?: boolean;
-    className?: string;
-    title?: IChartTitle;
-    legend?: IChartLegend;
-    datasets: IBubbleChartDataset[];
-    datalabels?: IChartDataLabels;
-    width?: string | number;
-    height?: string | number;
-}
-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;
-    displayName: string;
-};
-export default BubbleChart;

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

@@ -1,73 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    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', {
-    display: false,
-});
-var bubbleChartVariants = cva('', {
-    variants: {
-        scaling: __assign({}, scalingVariants),
-    },
-    defaultVariants: {
-        scaling: '100%',
-    },
-});
-export 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 getChartColor = function (isColorMixed, appearance) {
-        if (appearance === 'solid') {
-            return isColorMixed ? chartColorList.mixed : chartColorList.sorting;
-        }
-        if (appearance === 'soft') {
-            return isColorMixed ? chartAlphaColorList.mixed : chartAlphaColorList.sorting;
-        }
-    };
-    datasets.forEach(function (dataset, index) {
-        var ChartColor = getChartColor(isColorMixed, appearance);
-        var BorderColor = getChartColor(isColorMixed, 'solid');
-        if (!ChartColor || !BorderColor)
-            return;
-        dataset.backgroundColor = ChartColor[index];
-        dataset.borderColor = BorderColor[index];
-    });
-    return (_jsx(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)));
-};
-BubbleChart.displayName = 'BubbleChart';
-export default BubbleChart;