@lotte-innovate/ui-component-test 0.1.39 → 0.1.41

package/dist/esm/lib/components/PieChart/index.js

@@ -24,10 +24,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Pie } from 'react-chartjs-2';
 import { Chart as ChartJS, ArcElement, Tooltip, Legend, plugins } from 'chart.js';
 import ChartDataLabels from 'chartjs-plugin-datalabels';
-import { cn } from 'lib/utils/utils';
+import { cn } from '../../../lib/utils/utils';
 import { cva } from 'class-variance-authority';
-import { scalingVariants } from 'lib/constants';
-import { chartColorList, chartAlphaColorList } from 'lib/color/constants';
+import { scalingVariants } from '../../../lib/constants';
+import { chartColorList, chartAlphaColorList } from '../../../lib/color/constants';
 ChartJS.register(ArcElement, Tooltip, Legend, plugins, ChartDataLabels);
 ChartJS.defaults.set('plugins.datalabels', {
     display: false,

package/dist/esm/lib/components/Popover/PopoverClose.js

@@ -25,7 +25,7 @@ import { forwardRef, useContext } from 'react';
 import { cva } from 'class-variance-authority';
 import { Popover as PopoverTheme } from '@radix-ui/themes';
 import { PopoverContext } from './PopoverRoot';
-import { cn } from 'lib/utils/utils';
+import { cn } from '../../../lib/utils/utils';
 export var popoverCloseVariants = cva('', {
     variants: {
         radius: {

package/dist/esm/lib/components/Popover/PopoverContent.js

@@ -22,11 +22,11 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useContext } from 'react';
-import { scalingVariants } from 'lib/constants';
+import { scalingVariants } from '../../../lib/constants';
 import { Popover as PopoverTheme } from '@radix-ui/themes';
 import { cva } from 'class-variance-authority';
 import { PopoverContext } from './PopoverRoot';
-import { cn } from 'lib/utils/utils';
+import { cn } from '../../../lib/utils/utils';
 export var popoverContentVariants = cva('flex gap-2 bg-white dark:bg-slateDark-1 border-slateA-6 dark:border-slateDarkA-6', {
     variants: {
         radius: {

package/dist/esm/lib/components/Progress/index.js

@@ -23,9 +23,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { cva } from 'class-variance-authority';
-import { scalingVariants } from 'lib/constants';
+import { scalingVariants } from '../../../lib/constants';
 import { Theme, Progress as ProgressTheme } from '@radix-ui/themes';
-import { cn } from 'lib/utils/utils';
+import { cn } from '../../../lib/utils/utils';
 var progressVariants = cva('w-[300px]', {
     variants: {
         radius: {

package/dist/esm/lib/components/RadarChart/index.js

@@ -22,12 +22,12 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cva } from 'class-variance-authority';
-import { scalingVariants } from 'lib/constants';
+import { scalingVariants } from '../../../lib/constants';
 import { Radar } from 'react-chartjs-2';
-import { cn } from 'lib/utils/utils';
+import { cn } from '../../../lib/utils/utils';
 import { Chart as ChartJS, RadialLinearScale, PointElement, LineElement, Filler, Tooltip, Legend, plugins, } from 'chart.js/auto';
-import { chartColorList, chartAlphaColorList } from 'lib/color/constants';
-import { useDarkMode } from 'lib/utils/useDarkMode';
+import { chartColorList, chartAlphaColorList } from '../../../lib/color/constants';
+import { useDarkMode } from '../../../lib/utils/useDarkMode';
 import ChartDataLabels from 'chartjs-plugin-datalabels';
 ChartJS.register(RadialLinearScale, PointElement, LineElement, Filler, Tooltip, Legend, plugins, ChartDataLabels);
 ChartJS.defaults.set('plugins.datalabels', {

package/dist/esm/lib/components/Radio/index.js

@@ -24,8 +24,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { cva } from 'class-variance-authority';
 import { Theme, Radio as RadioTheme, Flex } from '@radix-ui/themes';
-import { Text } from 'lib/Typography/Text';
-import { cn } from 'lib/utils/utils';
+import { Text } from '../../../lib/Typography/Text';
+import { cn } from '../../../lib/utils/utils';
 var radioVariants = cva('font-normal', {
     variants: {
         size: {

package/dist/esm/lib/components/RadioCards/RadioCardsItem.js

@@ -24,7 +24,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useContext } from 'react';
 import { cva } from 'class-variance-authority';
 import { RadioCards as RadioCardsTheme } from '@radix-ui/themes';
-import { cn } from 'lib/utils/utils';
+import { cn } from '../../../lib/utils/utils';
 import { RadioCardsContext } from './RadioCardsRoot';
 export var radioCardsItemVariants = cva('min-w-[200px] bg-white dark:bg-slateDark-1 text-slateA-12 dark:text-slateDarkA-12 border-slateA-6 dark:border-slateDarkA-6 font-normal disabled:text-slateA-9 dark:disabled:text-slateDarkA-9', {
     variants: {

package/dist/esm/lib/components/RadioCards/RadioCardsRoot.js

@@ -23,9 +23,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, forwardRef } from 'react';
 import { cva } from 'class-variance-authority';
-import { scalingVariants } from 'lib/constants';
+import { scalingVariants } from '../../../lib/constants';
 import { Theme, RadioCards as RadioCardsTheme } from '@radix-ui/themes';
-import { cn } from 'lib/utils/utils';
+import { cn } from '../../../lib/utils/utils';
 var radioCardsVariants = cva('flex items-center gap-2', {
     variants: {
         scaling: __assign({}, scalingVariants),

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

@@ -25,7 +25,7 @@ import { forwardRef, useContext } from 'react';
 import { cva } from 'class-variance-authority';
 import { RadioGroup as RadioGroupTheme } from '@radix-ui/themes';
 import { RadioGroupContext } from './RadioGroupRoot';
-import { cn } from 'lib/utils/utils';
+import { cn } from '../../../lib/utils/utils';
 var radioGroupItemVariants = cva('font-normal text-slate-12 dark:text-slateDark-12', {
     variants: {
         size: {

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

@@ -24,7 +24,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, forwardRef } from 'react';
 import { Theme, RadioGroup as RadioGroupTheme } from '@radix-ui/themes';
 import { cva } from 'class-variance-authority';
-import { cn } from 'lib/utils/utils';
+import { cn } from '../../../lib/utils/utils';
 var radioGroupVariants = cva('', {
     variants: {
         size: {

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

@@ -23,7 +23,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { SegmentedControl as SegmentedControlTheme } from '@radix-ui/themes';
-import { cn } from 'lib/utils/utils';
+import { cn } from '../../../lib/utils/utils';
 export var SegmentedControlItem = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, appearance = _a.appearance, props = __rest(_a, ["children", "className", "appearance"]);
     var appearanceClassName = '';

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

@@ -24,9 +24,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React, { Children, forwardRef } from 'react';
 import { cva } from 'class-variance-authority';
 import { SegmentedControl as SegmentedControlTheme, Theme } from '@radix-ui/themes';
-import { scalingVariants } from 'lib/constants';
+import { scalingVariants } from '../../../lib/constants';
 export * from './SegmentedControlItem';
-import { cn } from 'lib/utils/utils';
+import { cn } from '../../../lib/utils/utils';
 var segmentedControlVariants = cva('text-slateA-12 dark:text-slateDarkA-12', {
     variants: {
         scaling: __assign({}, scalingVariants),

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

@@ -24,8 +24,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Theme, Select as SelectTheme } from '@radix-ui/themes';
 import React from 'react';
 import { cva } from 'class-variance-authority';
-import { cn } from 'lib/utils/utils';
-import { radiusVariants, selectAppearanceStyle } from 'lib/constants';
+import { cn } from '../../../lib/utils/utils';
+import { radiusVariants, selectAppearanceStyle } from '../../../lib/constants';
 var selectVariants = cva('', {
     variants: {
         radius: __assign({}, radiusVariants['base']),

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

@@ -23,8 +23,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { cva } from 'class-variance-authority';
-import { cn } from 'lib/utils/utils';
-import { bgColorStyle, scalingVariants } from 'lib/constants';
+import { cn } from '../../../lib/utils/utils';
+import { bgColorStyle, scalingVariants } from '../../../lib/constants';
 import { Separator as SeparatorTheme, Theme } from '@radix-ui/themes';
 var separatorVariants = cva('', {
     variants: {

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

@@ -24,8 +24,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { cva } from 'class-variance-authority';
 import { Theme, Skeleton as SkeletonTheme } from '@radix-ui/themes';
-import { cn } from 'lib/utils/utils';
-import { radiusVariants } from 'lib/constants';
+import { cn } from '../../../lib/utils/utils';
+import { radiusVariants } from '../../../lib/constants';
 var separatorVariants = cva('', {
     variants: {
         radius: __assign({}, radiusVariants['base']),

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

@@ -23,8 +23,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { cva } from 'class-variance-authority';
-import { cn } from 'lib/utils/utils';
-import { radiusVariants } from 'lib/constants';
+import { cn } from '../../../lib/utils/utils';
+import { radiusVariants } from '../../../lib/constants';
 import { Theme, Slider as SliderTheme } from '@radix-ui/themes';
 var sliderVariants = cva('relative flex items-center select-none touch-none w-[200px] h-5', {
     variants: {

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

@@ -24,8 +24,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { cva } from 'class-variance-authority';
 import { Spinner as SpinnerTheme, Theme } from '@radix-ui/themes';
-import { cn } from 'lib/utils/utils';
-import { scalingVariants } from 'lib/constants';
+import { cn } from '../../../lib/utils/utils';
+import { scalingVariants } from '../../../lib/constants';
 var spinnerVariants = cva('', {
     variants: {
         scaling: __assign({}, scalingVariants),

package/dist/esm/lib/components/TabNav/index.js

@@ -24,7 +24,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { cva } from 'class-variance-authority';
 import { TabNav as TabNavTheme, Theme } from '@radix-ui/themes';
-import { cn } from 'lib/utils/utils';
+import { cn } from '../../../lib/utils/utils';
 var tabNavVariants = cva('', {
     variants: {},
 });

package/dist/esm/lib/components/Table/index.js

@@ -24,8 +24,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { cva } from 'class-variance-authority';
 import { Table as TableTheme, Theme } from '@radix-ui/themes';
-import { cn } from 'lib/utils/utils';
-import { radiusVariants, scalingVariants } from 'lib/constants';
+import { cn } from '../../../lib/utils/utils';
+import { radiusVariants, scalingVariants } from '../../../lib/constants';
 var tableVariants = cva('', {
     variants: {
         scaling: __assign({}, scalingVariants),

package/dist/esm/lib/components/Tabs/index.js

@@ -23,9 +23,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Theme, Tabs as TabsTheme } from '@radix-ui/themes';
 import React from 'react';
-import { cn } from 'lib/utils/utils';
+import { cn } from '../../../lib/utils/utils';
 import { cva } from 'class-variance-authority';
-import { weightVariants } from 'lib/constants';
+import { weightVariants } from '../../../lib/constants';
 var tabsVariants = cva('', {
     variants: {
         weight: __assign({}, weightVariants),

package/dist/esm/lib/components/TextArea/index.js

@@ -24,8 +24,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { cva } from 'class-variance-authority';
 import { TextArea as TextAreaTheme, Theme } from '@radix-ui/themes';
-import { cn } from 'lib/utils/utils';
-import { radiusVariants, scalingVariants } from 'lib/constants';
+import { cn } from '../../../lib/utils/utils';
+import { radiusVariants, scalingVariants } from '../../../lib/constants';
 var textAreaNavVariants = cva('w-[250px]', {
     variants: {
         size: {

package/dist/esm/lib/components/TextField/index.js

@@ -23,8 +23,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { cva } from 'class-variance-authority';
-import { cn } from 'lib/utils/utils';
-import { bgColorStyle, radiusVariants } from 'lib/constants';
+import { cn } from '../../../lib/utils/utils';
+import { bgColorStyle, radiusVariants } from '../../../lib/constants';
 import { Theme, TextField as TextFieldTheme } from '@radix-ui/themes';
 var textFieldVariants = cva('', {
     variants: {

package/dist/esm/lib/components/Toast/ToastActionButton.js

@@ -24,9 +24,9 @@ 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 Button from 'lib/components/Button';
-import { appearanceStyle, radiusVariants, scalingVariants } from 'lib/constants';
+import { cn } from '../../../lib/utils/utils';
+import Button from '../../../lib/components/Button';
+import { appearanceStyle, radiusVariants, scalingVariants } from '../../../lib/constants';
 import { useToastContext } from './ToastRoot';
 export var toastActionButtonVariants = cva("absolute items-center justify-center", {
     variants: {

package/dist/esm/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 './ToastRoot';
 export var toastDescriptionVariants = cva('flex m-0 text-wrap text-slate-11 dark:text-slateDark-11', {
     variants: {

package/dist/esm/lib/components/Toast/ToastRoot.js

@@ -23,8 +23,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, createContext, useContext, useMemo, } from 'react';
 import { cva } from 'class-variance-authority';
-import { cn } from 'lib/utils/utils';
-import { scalingVariants } from 'lib/constants';
+import { cn } from '../../../lib/utils/utils';
+import { scalingVariants } from '../../../lib/constants';
 import * as ToastPrimitive from '@radix-ui/react-toast';
 export var toastVariants = cva('flex bg-white dark:bg-slateDark-1', {
     variants: {

package/dist/esm/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 './ToastRoot';
 export var toastTitleVariants = cva('flex mb-[5px] text-slate-12 dark:text-slateDark-12 text-wrap break-words font-medium', {
     variants: {

package/dist/esm/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/esm/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/esm/lib/components/ToggleGroup/ToggleGroupItem.js

@@ -24,9 +24,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React, { Children, forwardRef, useContext, } from 'react';
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 import { cva } from 'class-variance-authority';
-import { toggleAppearanceStyle } from 'lib/constants';
+import { toggleAppearanceStyle } from '../../../lib/constants';
 import { ToggleGroupContext } from './ToggleGroupRoot';
-import { cn } from 'lib/utils/utils';
+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/esm/lib/components/ToggleGroup/ToggleGroupRoot.js

@@ -24,8 +24,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, 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';
 var toggleVariants = cva('inline-flex', {
     variants: {
         scaling: __assign({}, scalingVariants),

package/dist/esm/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/esm/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, weightVariants } from 'lib/constants';
+import { cn } from '../../../lib/utils/utils';
+import { primaryColorStyle, radiusVariants, 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: {
         weight: __assign({}, weightVariants),

package/dist/esm/lib/constants.js

@@ -1,5 +1,5 @@
-import { ColorStyle, DarkColorStyle, colorOptions, chartColorOptions } from 'lib/color/constants';
-import * as lightColors from 'lib/color/light';
+import { ColorStyle, DarkColorStyle, colorOptions, chartColorOptions } from '../lib/color/constants';
+import * as lightColors from '../lib/color/light';
 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/esm/lib/utils/useDarkMode.js

@@ -1,4 +1,4 @@
-import { slateA, slateDarkA } from 'lib/color/alpha';
+import { slateA, slateDarkA } from '../../lib/color/alpha';
 import { useEffect, useState } from 'react';
 export var useDarkMode = function (isRAxes) {
     if (isRAxes === void 0) { isRAxes = false; }

package/dist/esm/tailwind.config.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,29 +9,6 @@ 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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
         if (ar || !(i in from)) {
@@ -42,15 +18,14 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-var lightColors = __importStar(require("./src/lib/color/light"));
-var darkColors = __importStar(require("./src/lib/color/dark"));
-var alphaColors = __importStar(require("./src/lib/color/alpha"));
-var constants_1 = require("./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(); });
-var allColorOptions = [constants_1.colorOptions, constants_1.alphaColorOptions];
+var allColorOptions = [colorOptions, alphaColorOptions];
 var generateClasses = function (colorList, colorScale) {
     var classPrefixes = ['fill', 'border', 'bg', 'text'];
     return colorList.flatMap(function (color) {
@@ -83,7 +58,7 @@ var generateDarkClasses = function (colorList, colorScale) {
 allColorOptions.forEach(function (options) {
     classes = classes.concat(generateClasses(options, colorScale));
 });
-darkClasses.push.apply(darkClasses, generateDarkClasses(constants_1.darkColorOptions, colorScale));
+darkClasses.push.apply(darkClasses, generateDarkClasses(darkColorOptions, colorScale));
 var config = {
     content: [
         './src/app/**/*.{js,ts,jsx,tsx,mdx,zip}',
@@ -163,4 +138,37 @@ function formatColors(colors) {
     }
     return formatcolors;
 }
+export default config;
+1px #0000000D, 0px 1px 3px 0px #0000000D',
+                'card-dark-classic': '0px 0px 0px 0.5px #414142, 0px 1px 4px 0px #414142, 0px 2px 1px -1px #414142, 0px 1px 3px 0px #414142',
+                'segmented-control-dark-classic': '0px 0px 0px 0.5px #0000000D, 0px 1px 4px 0px #363636, 0px 2px 1px -1px #0000000D, 0px 1px 3px 0px #0000000D',
+            },
+        },
+    },
+    plugins: [
+        function (_a) {
+            var addVariant = _a.addVariant;
+            addVariant('data-placeholder', '&:where([data-placeholder])');
+        },
+    ],
+    darkMode: 'class',
+};
+/**
+ * tailwind 방식으로 변경
+ * ex) bg-yellow-3
+ */
+function formatColors(colors) {
+    var formatcolors = {};
+    for (var _i = 0, _a = Object.entries(colors); _i < _a.length; _i++) {
+        var _b = _a[_i], cn = _b[0], c = _b[1];
+        for (var _c = 0, _d = Object.entries(c); _c < _d.length; _c++) {
+            var _e = _d[_c], scale = _e[0], value = _e[1];
+            if (!scale) {
+                continue;
+            }
+            formatcolors["".concat(cn, "-").concat(scale)] = value;
+        }
+    }
+    return formatcolors;
+}
 exports.default = config;

package/dist/types/lib/Typography/Header/index.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from 'class-variance-authority';
 import React from 'react';
-import { IColor } from 'lib/types';
+import { IColor } from '../../../lib/types';
 export interface HeaderProps extends VariantProps<typeof headerVariants> {
     color?: IColor;
 }

package/dist/types/lib/Typography/Text/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { IColor, ITypoSize } from 'lib/types';
+import { IColor, ITypoSize } from '../../../lib/types';
 export interface TextProps extends VariantProps<typeof textVariants> {
     color?: IColor;
     size?: ITypoSize;

package/dist/types/lib/components/Accordion/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { VariantProps } from 'class-variance-authority';
-import { IColor } from 'lib/types';
+import { IColor } from '../../../lib/types';
 export interface AccordionProps extends React.InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof accoridanVariants> {
     defaultValue?: string;
     color?: IColor;

package/dist/types/lib/components/AlertDialog/AlertDialogAction.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import { VariantProps } from 'class-variance-authority';
-import { IAppearance } from 'lib/types';
+import { IAppearance } from '../../../lib/types';
 export interface AlertDialogActionProps extends VariantProps<typeof alertDialogActionVariants> {
     appearance?: IAppearance;
 }

package/dist/types/lib/components/AlertDialog/AlertDialogCancel.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import { VariantProps } from 'class-variance-authority';
-import { IAppearance } from 'lib/types';
+import { IAppearance } from '../../../lib/types';
 export interface AlertDialogCancelProps extends VariantProps<typeof alertDialogCancelVariants> {
     appearance?: IAppearance;
 }

package/dist/types/lib/components/AlertDialog/AlertDialogRoot.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import { VariantProps } from 'class-variance-authority';
-import { IAppearance, IColor } from 'lib/types';
+import { IAppearance, IColor } from '../../../lib/types';
 import { alertDialogContentVariants } from './AlertDialogContent';
 import { alertDialogTitleVariants } from './AlertDialogTitle';
 import { alertDialogDescriptionVariants } from './AlertDialogDescription';

package/dist/types/lib/components/AlertDialog/AlertDialogTrigger.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import { VariantProps } from 'class-variance-authority';
-import { IAppearance, IColor } from 'lib/types';
+import { IAppearance, IColor } from '../../../lib/types';
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     color?: IColor;
     appearance?: IAppearance;

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

@@ -1,6 +1,6 @@
 import React, { HTMLAttributes } from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { IColor, IAppearance, ISize, IWeight } from 'lib/types';
+import { IColor, IAppearance, ISize, IWeight } from '../../../lib/types';
 export interface BadgeProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof BadgeVariants> {
     color?: IColor;
     appearance?: Exclude<IAppearance, 'classic' | 'ghost'>;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { VariantProps } from 'class-variance-authority';
-import { IChartDatasets, IChartLegend, IChartTitle } from 'lib/types';
+import { IChartDatasets, IChartLegend, IChartTitle } from '../../../lib/types';
 export interface BorderRadius {
     topLeft: number;
     topRight: number;