@lotte-innovate/ui-component-test 0.0.33 → 0.0.36

package/dist/{src/lib → lib}/components/Toast/ToastDescription.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import * as ToastPrimitive from '@radix-ui/react-toast';
 import { VariantProps } from 'class-variance-authority';
-import { IAppearance } from 'lib/types';
+import { IAppearance } from '../../../lib/types';
 export interface ToastDescriptionProps extends VariantProps<typeof toastDescriptionVariants> {
     contentText?: string;
     appearance?: IAppearance;

package/dist/{src/lib → lib}/components/Toast/ToastDescription.js

@@ -24,7 +24,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import * as ToastPrimitive from '@radix-ui/react-toast';
 import { cva } from 'class-variance-authority';
-import { cn } from 'lib/utils/utils';
+import { cn } from '../../../lib/utils/utils';
 import { useToastContext } from '.';
 export var toastDescriptionVariants = cva('flex m-0 text-wrap text-slate-11 dark:text-slateDark-11', {
     variants: {

package/dist/{src/lib → lib}/components/Toast/ToastTitle.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import * as ToastPrimitive from '@radix-ui/react-toast';
 import { VariantProps } from 'class-variance-authority';
-import { IAppearance } from 'lib/types';
+import { IAppearance } from '../../../lib/types';
 export interface ToastTitleProps extends VariantProps<typeof toastTitleVariants> {
     titleText?: string;
     appearance?: IAppearance;

package/dist/{src/lib → lib}/components/Toast/ToastTitle.js

@@ -24,7 +24,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import * as ToastPrimitive from '@radix-ui/react-toast';
 import { cva } from 'class-variance-authority';
-import { cn } from 'lib/utils/utils';
+import { cn } from '../../../lib/utils/utils';
 import { useToastContext } from '.';
 export var toastTitleVariants = cva('flex mb-[5px] text-slate-12 dark:text-slateDark-12 text-wrap break-words font-medium', {
     variants: {

package/dist/{src/lib → lib}/components/Toast/index.d.ts

@@ -17,7 +17,7 @@ export interface ToastProps extends VariantProps<typeof toastVariants>, VariantP
     setOpenToast?: Dispatch<SetStateAction<boolean>>;
 }
 export declare const toastVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
     size?: "small" | "medium" | "large" | "x-large" | null | undefined;
     scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
     color?: "danger" | "warning" | "success" | "information" | null | undefined;

package/dist/{src/lib → lib}/components/Toast/index.js

@@ -24,9 +24,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, createContext, useContext, } from 'react';
 import ReactDOM from 'react-dom';
 import { cva } from 'class-variance-authority';
-import { cn } from 'lib/utils/utils';
+import { cn } from '../../../lib/utils/utils';
 import * as ToastPrimitive from '@radix-ui/react-toast';
-import { scalingVariants } from 'lib/constants';
+import { scalingVariants } from '../../../lib/constants';
 export * from './ToastTitle';
 export * from './ToastDescription';
 export * from './ToastActionButton';

package/dist/{src/lib → lib}/components/Toggle/ToggleWithText.d.ts

@@ -1,14 +1,14 @@
 import React from 'react';
 import { VariantProps } from 'class-variance-authority';
 import * as TogglePrimitive from '@radix-ui/react-toggle';
-import { IAppearance } from 'lib/types';
+import { IAppearance } from '../../../lib/types';
 export interface ToggleWithTextProps extends VariantProps<typeof toggleWithTextVariants> {
     text?: string;
     appearance?: IAppearance;
     size?: 'small' | 'medium' | 'large';
 }
 declare const toggleWithTextVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
     size?: "small" | "medium" | "large" | null | undefined;
     scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/dist/{src/lib → lib}/components/Toggle/ToggleWithText.js

@@ -24,9 +24,9 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 import React, { Children, forwardRef } from 'react';
 import { cva } from 'class-variance-authority';
 import * as TogglePrimitive from '@radix-ui/react-toggle';
-import { radiusVariants, toggleAppearanceStyle } from 'lib/constants';
-import { scalingVariants } from 'lib/constants';
-import { cn } from 'lib/utils/utils';
+import { radiusVariants, toggleAppearanceStyle } from '../../../lib/constants';
+import { scalingVariants } from '../../../lib/constants';
+import { cn } from '../../../lib/utils/utils';
 var toggleWithTextVariants = cva('flex items-center justify-center box-border font-medium', {
     variants: {
         radius: __assign({}, radiusVariants['base']),

package/dist/{src/lib → lib}/components/Toggle/index.d.ts

@@ -1,14 +1,14 @@
 import React from 'react';
 import { VariantProps } from 'class-variance-authority';
 import * as TogglePrimitive from '@radix-ui/react-toggle';
-import { IAppearance } from 'lib/types';
+import { IAppearance } from '../../../lib/types';
 export * from './ToggleWithText';
 export interface ToggleProps extends VariantProps<typeof toggleVariants> {
     size?: 'small' | 'medium' | 'large';
     appearance?: IAppearance;
 }
 declare const toggleVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
     size?: "small" | "medium" | "large" | null | undefined;
     scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/dist/{src/lib → lib}/components/Toggle/index.js

@@ -24,8 +24,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React, { Children, forwardRef } from 'react';
 import { cva } from 'class-variance-authority';
 import * as TogglePrimitive from '@radix-ui/react-toggle';
-import { radiusVariants, scalingVariants, toggleAppearanceStyle } from 'lib/constants';
-import { cn } from 'lib/utils/utils';
+import { radiusVariants, scalingVariants, toggleAppearanceStyle } from '../../../lib/constants';
+import { cn } from '../../../lib/utils/utils';
 export * from './ToggleWithText';
 var toggleVariants = cva('grid place-content-center items-center justify-center box-border"', {
     variants: {

package/dist/{src/lib → lib}/components/ToggleGroup/index.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 import { VariantProps } from 'class-variance-authority';
 import { toggleGroupItemVariants } from './toggleGroupItem';
-import { IAppearance } from 'lib/types';
+import { IAppearance } from '../../../lib/types';
 export * from './toggleGroupItem';
 export interface ToggleGroupSingleProps extends VariantProps<typeof toggleVariants>, VariantProps<typeof toggleGroupItemVariants> {
     appearance?: IAppearance;

package/dist/{src/lib → lib}/components/ToggleGroup/index.js

@@ -24,8 +24,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 import { cva } from 'class-variance-authority';
-import { scalingVariants } from 'lib/constants';
-import { cn } from 'lib/utils/utils';
+import { scalingVariants } from '../../../lib/constants';
+import { cn } from '../../../lib/utils/utils';
 export * from './toggleGroupItem';
 var toggleVariants = cva('inline-flex', {
     variants: {

package/dist/{src/lib → lib}/components/ToggleGroup/toggleGroupItem.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 import { VariantProps } from 'class-variance-authority';
-import { IAppearance } from 'lib/types';
+import { IAppearance } from '../../../lib/types';
 export interface ToggleGroupItemProps extends VariantProps<typeof toggleGroupItemVariants> {
     appearance?: IAppearance;
     size?: 'small' | 'medium' | 'large';

package/dist/{src/lib → lib}/components/ToggleGroup/toggleGroupItem.js

@@ -24,8 +24,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React, { Children, forwardRef } from 'react';
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 import { cva } from 'class-variance-authority';
-import { toggleAppearanceStyle } from 'lib/constants';
-import { cn } from 'lib/utils/utils';
+import { toggleAppearanceStyle } from '../../../lib/constants';
+import { cn } from '../../../lib/utils/utils';
 export var toggleGroupItemVariants = cva('grid place-content-center mr-[-1px] first:rounded-l last:rounded-r', {
     variants: {
         size: {

package/dist/{src/lib → lib}/components/ToggleSwitch/index.d.ts

@@ -6,7 +6,7 @@ export interface ToggleSwitchProps extends VariantProps<typeof toggleSwitchVaria
 }
 declare const toggleSwitchVariants: (props?: ({
     scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
     size?: "small" | "medium" | "large" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const ToggleSwitch: React.ForwardRefExoticComponent<Omit<import("@radix-ui/themes").SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & ToggleSwitchProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/{src/lib → lib}/components/ToggleSwitch/index.js

@@ -23,10 +23,10 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { cva } from 'class-variance-authority';
-import { cn } from 'lib/utils/utils';
-import { radiusVariants, scalingVariants } from 'lib/constants';
+import { cn } from '../../../lib/utils/utils';
+import { radiusVariants, scalingVariants } from '../../../lib/constants';
 import { Switch as SwitchTheme, Theme } from '@radix-ui/themes';
-import { Text } from 'lib/Typography/Text';
+import { Text } from '../../../lib/Typography/Text';
 var toggleSwitchVariants = cva('', {
     variants: {
         scaling: __assign({}, scalingVariants),

package/dist/{src/lib → lib}/components/Tooltip/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { VariantProps } from 'class-variance-authority';
-import { IColor } from 'lib/types';
+import { IColor } from '../../../lib/types';
 export interface TooltipProps extends React.InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof tooltipVariants> {
     label?: string;
     defaultValue?: string;
@@ -11,9 +11,9 @@ export interface TooltipProps extends React.InputHTMLAttributes<HTMLInputElement
     side?: 'top' | 'right' | 'bottom' | 'left';
 }
 declare const tooltipVariants: (props?: ({
-    scaling?: number | typeof Symbol.iterator | typeof Symbol.unscopables | "concat" | "indexOf" | "lastIndexOf" | "slice" | "length" | "includes" | "at" | "toLocaleString" | "map" | "filter" | "fill" | "values" | "toString" | "pop" | "push" | "join" | "reverse" | "shift" | "sort" | "splice" | "unshift" | "every" | "some" | "forEach" | "reduce" | "reduceRight" | "find" | "findIndex" | "copyWithin" | "entries" | "keys" | "flatMap" | "flat" | "findLast" | "findLastIndex" | "toReversed" | "toSorted" | "toSpliced" | "with" | null | undefined;
-    weight?: "bold" | "medium" | "regular" | "semibold" | null | undefined;
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    scaling?: number | typeof Symbol.iterator | typeof Symbol.unscopables | "length" | "toString" | "toLocaleString" | "pop" | "push" | "concat" | "join" | "reverse" | "shift" | "slice" | "sort" | "splice" | "unshift" | "indexOf" | "lastIndexOf" | "every" | "some" | "forEach" | "map" | "filter" | "reduce" | "reduceRight" | "find" | "findIndex" | "fill" | "copyWithin" | "entries" | "keys" | "values" | "includes" | "flatMap" | "flat" | "at" | "findLast" | "findLastIndex" | "toReversed" | "toSorted" | "toSpliced" | "with" | null | undefined;
+    weight?: "medium" | "regular" | "semibold" | "bold" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
     color?: string | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const Tooltip: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipProps & TooltipProps & React.RefAttributes<never>>;

package/dist/{src/lib → lib}/components/Tooltip/index.js

@@ -25,8 +25,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { cva } from 'class-variance-authority';
-import { cn } from 'lib/utils/utils';
-import { primaryColorStyle, radiusVariants, scalingOptions, weightVariants } from 'lib/constants';
+import { cn } from '../../../lib/utils/utils';
+import { primaryColorStyle, radiusVariants, scalingOptions, weightVariants } from '../../../lib/constants';
 var tooltipVariants = cva('bg-slate-12 text-slate-1 dark:bg-slateDark-12 dark:text-slateDark-1 data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade data-[state=delayed-open]:data-[side=right]:animate-slideLeftAndFade data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade select-none rounded-[4px] px-[9px] py-[6px] text-[12px] leading-none shadow-[hsl(206_22%_7%_/_35%)_0px_10px_38px_-10px,_hsl(206_22%_7%_/_20%)_0px_10px_20px_-15px] will-change-[transform,opacity]', {
     variants: {
         scaling: __assign({}, scalingOptions),

package/dist/{src/lib → lib}/constants.js

@@ -1,4 +1,4 @@
-import { ColorStyle, DarkColorStyle, colorOptions } from 'lib/color/constants';
+import { ColorStyle, DarkColorStyle, colorOptions } from '../lib/color/constants';
 export var radiusOptions = ['none', 'small', 'medium', 'large', 'full'];
 export var typoSizeOptions = ['1', '2', '3', '4', '5', '6', '7', '8', '9'];
 export var scalingOptions = ['90%', '95%', '100%', '105%', '110%'];

package/dist/tailwind.config.js

@@ -18,10 +18,10 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import * as lightColors from './src/lib/color/light';
-import * as darkColors from './src/lib/color/dark';
-import * as alphaColors from './src/lib/color/alpha';
-import { colorOptions, alphaColorOptions, darkColorOptions } from './src/lib/color/constants';
+import * as lightColors from './lib/color/light';
+import * as darkColors from './lib/color/dark';
+import * as alphaColors from './lib/color/alpha';
+import { colorOptions, alphaColorOptions, darkColorOptions } from './lib/color/constants';
 var classes = [];
 var darkClasses = [];
 var colorScale = Array.from({ length: 12 }, function (_, i) { return (i + 1).toString(); });
@@ -64,9 +64,9 @@ allColorOptions.forEach(function (options) {
 darkClasses.push.apply(darkClasses, generateDarkClasses(darkColorOptions, colorScale));
 var config = {
     content: [
+        './src/pages/**/*.{js,ts,jsx,tsx,mdx,zip}',
+        './src/components/**/*.{js,ts,jsx,tsx,mdx,zip}',
         './src/app/**/*.{js,ts,jsx,tsx,mdx,zip}',
-        './src/lib/**/*.{js,ts,jsx,tsx,mdx,zip}',
-        './src/stories/**/*.{js,ts,jsx,tsx,mdx,zip}',
         './src/**/*.{js,ts,jsx,tsx,mdx,zip}',
     ],
     safelist: __spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray([], classes, true), classes.map(function (cls) { return "hover:".concat(cls); }), true), classes.map(function (cls) { return "active:".concat(cls); }), true), classes.map(function (cls) { return "before:".concat(cls); }), true), classes.map(function (cls) { return "data-[state=checked]:".concat(cls); }), true), classes.map(function (cls) { return "data-[state=unchecked]:".concat(cls); }), true), classes.map(function (cls) { return "data-[state=on]:".concat(cls); }), true), classes.map(function (cls) { return "data-[state=on]:hover:".concat(cls); }), true), classes.map(function (cls) { return "data-[state=open]:".concat(cls); }), true), classes.map(function (cls) { return "after:checked:".concat(cls); }), true), classes.map(function (cls) { return "before:checked:".concat(cls); }), true), darkClasses, true),

package/package.json

@@ -1,124 +1,124 @@
-{
-  "name": "@lotte-innovate/ui-component-test",
-  "description": "Lotte UI Library",
-  "version": "0.0.33",
-  "private": false,
-  "type": "module",
-  "files": [
-    "dist/src/lib",
-    "dist/tailwind.config.d.ts",
-    "dist/tailwind.config.js"
-  ],
-  "main": "dist/src/lib/index.js",
-  "module": "dist/src/lib/index.js",
-  "types": "dist/src/lib/index.d.ts",
-  "publishConfig": {
-    "access": "public"
-  },
-  "browser": "./browser/specific/main.js",
-  "babel": {
-    "presets": [
-      "@babel/preset-react",
-      "@babel/preset-env"
-    ]
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
-  "scripts": {
-    "dev": "next dev",
-    "build": "next build && tsc",
-    "prepare": "next build",
-    "start": "next start",
-    "lint": "next lint",
-    "storybook": "cross-env NODE_OPTIONS='--max-old-space-size=8192' storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "publish:npm": "rimraf dist && mkdir dist && tsc && tsc-alias",
-    "chromatic": "cross-env npx chromatic --project-token=$CHROMATIC_PROJECT_TOKEN"
-  },
-  "dependencies": {
-    "@babel/runtime": "^7.24.7",
-    "@babel/runtime-corejs3": "^7.24.7",
-    "@lotte-innovate/ui-component-test": "^0.0.30",
-    "@radix-ui/colors": "^3.0.0",
-    "@radix-ui/react-accordion": "^1.2.0",
-    "@radix-ui/react-checkbox": "^1.0.4",
-    "@radix-ui/react-dialog": "^1.1.1",
-    "@radix-ui/react-dropdown-menu": "^2.1.1",
-    "@radix-ui/react-hover-card": "^1.1.1",
-    "@radix-ui/react-icons": "^1.3.0",
-    "@radix-ui/react-label": "^2.1.0",
-    "@radix-ui/react-menubar": "^1.1.1",
-    "@radix-ui/react-navigation-menu": "^1.2.0",
-    "@radix-ui/react-popover": "1.0.7",
-    "@radix-ui/react-radio-group": "^1.1.3",
-    "@radix-ui/react-select": "^2.1.1",
-    "@radix-ui/react-separator": "^1.1.0",
-    "@radix-ui/react-slider": "^1.2.0",
-    "@radix-ui/react-switch": "^1.1.0",
-    "@radix-ui/react-tabs": "^1.1.0",
-    "@radix-ui/react-toast": "^1.2.1",
-    "@radix-ui/react-tooltip": "^1.1.1",
-    "@radix-ui/themes": "^3.1.1",
-    "@stitches/core": "^1.2.8",
-    "@stitches/react": "^1.2.8",
-    "@storybook/addon-a11y": "^8.0.10",
-    "@storybook/addons": "^7.6.17",
-    "chart.js": "^4.4.4",
-    "chartjs-plugin-datalabels": "^2.2.0",
-    "class-variance-authority": "^0.7.0",
-    "clsx": "^2.1.0",
-    "cross-env": "^7.0.3",
-    "dotenv": "^16.4.5",
-    "lucide-react": "^0.364.0",
-    "next": "14.1.4",
-    "react": "^18",
-    "react-chartjs-2": "^5.2.0",
-    "react-dom": "^18",
-    "react-tabs": "^6.0.2",
-    "storybook-addon-deep-controls": "^0.7.1",
-    "storybook-dark-mode": "^4.0.2",
-    "tailwind-merge": "^2.2.2"
-  },
-  "devDependencies": {
-    "@babel/cli": "^7.24.7",
-    "@babel/core": "^7.24.7",
-    "@babel/plugin-transform-runtime": "^7.24.7",
-    "@babel/preset-env": "^7.25.4",
-    "@babel/preset-react": "^7.24.7",
-    "@babel/preset-typescript": "^7.24.7",
-    "@chromatic-com/storybook": "^1.2.25",
-    "@storybook/addon-essentials": "^8.0.4",
-    "@storybook/addon-interactions": "^8.0.4",
-    "@storybook/addon-links": "^8.0.4",
-    "@storybook/addon-styling-webpack": "^1.0.0",
-    "@storybook/blocks": "^8.0.4",
-    "@storybook/nextjs": "^8.0.4",
-    "@storybook/react": "^8.0.4",
-    "@storybook/test": "^8.0.4",
-    "@storybook/theming": "^8.2.4",
-    "@types/node": "^20",
-    "@types/react": "^18",
-    "@types/react-dom": "^18",
-    "autoprefixer": "^10.0.1",
-    "chromatic": "^11.5.4",
-    "eslint": "^8",
-    "eslint-config-next": "14.1.4",
-    "eslint-plugin-storybook": "^0.8.0",
-    "postcss": "^8",
-    "rimraf": "^6.0.1",
-    "storybook": "^8.2.6",
-    "tailwindcss": "^3.3.0",
-    "tsc-alias": "^1.8.10",
-    "typescript": "^5"
-  }
-}
+{
+  "name": "@lotte-innovate/ui-component-test",
+  "description": "Lotte UI Library",
+  "version": "0.0.36",
+  "private": false,
+  "type": "module",
+  "files": [
+    "dist/lib",
+    "dist/tailwind.config.d.ts",
+    "dist/tailwind.config.js"
+  ],
+  "main": "dist/lib/index.js",
+  "module": "dist/lib/index.js",
+  "types": "dist/lib/index.d.ts",
+  "publishConfig": {
+    "access": "public"
+  },
+  "browser": "./browser/specific/main.js",
+  "babel": {
+    "presets": [
+      "@babel/preset-react",
+      "@babel/preset-env"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build && tsc",
+    "prepare": "next build",
+    "start": "next start",
+    "lint": "next lint",
+    "storybook": "cross-env NODE_OPTIONS='--max-old-space-size=8192' storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "publish:npm": "rimraf dist && mkdir dist && tsc && tsc-alias && copy src\\styles.css dist\\styles.css",
+    "chromatic": "cross-env npx chromatic --project-token=$CHROMATIC_PROJECT_TOKEN"
+  },
+  "dependencies": {
+    "@babel/runtime": "^7.24.7",
+    "@babel/runtime-corejs3": "^7.24.7",
+    "@lotte-innovate/ui-component-test": "^0.0.30",
+    "@radix-ui/colors": "^3.0.0",
+    "@radix-ui/react-accordion": "^1.2.0",
+    "@radix-ui/react-checkbox": "^1.0.4",
+    "@radix-ui/react-dialog": "^1.1.1",
+    "@radix-ui/react-dropdown-menu": "^2.1.1",
+    "@radix-ui/react-hover-card": "^1.1.1",
+    "@radix-ui/react-icons": "^1.3.0",
+    "@radix-ui/react-label": "^2.1.0",
+    "@radix-ui/react-menubar": "^1.1.1",
+    "@radix-ui/react-navigation-menu": "^1.2.0",
+    "@radix-ui/react-popover": "1.0.7",
+    "@radix-ui/react-radio-group": "^1.1.3",
+    "@radix-ui/react-select": "^2.1.1",
+    "@radix-ui/react-separator": "^1.1.0",
+    "@radix-ui/react-slider": "^1.2.0",
+    "@radix-ui/react-switch": "^1.1.0",
+    "@radix-ui/react-tabs": "^1.1.0",
+    "@radix-ui/react-toast": "^1.2.1",
+    "@radix-ui/react-tooltip": "^1.1.1",
+    "@radix-ui/themes": "^3.1.1",
+    "@stitches/core": "^1.2.8",
+    "@stitches/react": "^1.2.8",
+    "@storybook/addon-a11y": "^8.0.10",
+    "@storybook/addons": "^7.6.17",
+    "chart.js": "^4.4.4",
+    "chartjs-plugin-datalabels": "^2.2.0",
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.1.0",
+    "cross-env": "^7.0.3",
+    "dotenv": "^16.4.5",
+    "lucide-react": "^0.364.0",
+    "next": "14.1.4",
+    "react": "^18",
+    "react-chartjs-2": "^5.2.0",
+    "react-dom": "^18",
+    "react-tabs": "^6.0.2",
+    "storybook-addon-deep-controls": "^0.7.1",
+    "storybook-dark-mode": "^4.0.2",
+    "tailwind-merge": "^2.2.2"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.24.7",
+    "@babel/core": "^7.24.7",
+    "@babel/plugin-transform-runtime": "^7.24.7",
+    "@babel/preset-env": "^7.25.4",
+    "@babel/preset-react": "^7.24.7",
+    "@babel/preset-typescript": "^7.24.7",
+    "@chromatic-com/storybook": "^1.2.25",
+    "@storybook/addon-essentials": "^8.0.4",
+    "@storybook/addon-interactions": "^8.0.4",
+    "@storybook/addon-links": "^8.0.4",
+    "@storybook/addon-styling-webpack": "^1.0.0",
+    "@storybook/blocks": "^8.0.4",
+    "@storybook/nextjs": "^8.0.4",
+    "@storybook/react": "^8.0.4",
+    "@storybook/test": "^8.0.4",
+    "@storybook/theming": "^8.2.4",
+    "@types/node": "^20",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
+    "autoprefixer": "^10.0.1",
+    "chromatic": "^11.5.4",
+    "eslint": "^8",
+    "eslint-config-next": "14.1.4",
+    "eslint-plugin-storybook": "^0.8.0",
+    "postcss": "^8",
+    "rimraf": "^6.0.1",
+    "storybook": "^8.2.6",
+    "tailwindcss": "^3.3.0",
+    "tsc-alias": "^1.8.10",
+    "typescript": "^5"
+  }
+}