@lotte-innovate/ui-component-test 0.0.89 → 0.0.96

package/dist/lib/constants.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"constants.mjs","sources":["../lib/constants.js"],"sourcesContent":["import { ColorStyle, DarkColorStyle, colorOptions, chartColorOptions } from '../lib/color/constants';\nimport * as lightColors from '../lib/color/light';\nexport var radiusOptions = ['none', 'small', 'medium', 'large', 'full'];\nexport var typoSizeOptions = ['1', '2', '3', '4', '5', '6', '7', '8', '9'];\nexport var scalingOptions = ['90%', '95%', '100%', '105%', '110%'];\nexport var sizeOptions = ['x-small', 'small', 'medium', 'large', 'x-large'];\nexport var weightOptions = ['regular', 'medium', 'semibold', 'bold'];\nexport var themeOptions = ['light', 'dark'];\nexport var appearanceOptions = [\n    'classic',\n    'ghost',\n    'outline',\n    'soft',\n    'solid',\n    'surface',\n];\n//차트\nexport var labelPositionList = ['top', 'bottom', 'left', 'right'];\nexport var pointStyleList = [\n    'circle',\n    'cross',\n    'crossRot',\n    'dash',\n    'line',\n    'rect',\n    'rectRounded',\n    'rectRot',\n    'star',\n    'triangle',\n    false,\n];\nexport var radiusVariants = {\n    // 체크박스\n    small: {\n        none: 'rounded-none',\n        small: 'rounded-[3px]',\n        medium: 'rounded',\n        large: 'rounded',\n        full: 'rounded',\n    },\n    // 라디오버튼, 스위치, 태그, 배지, 버튼, 텍스트인풋, 텍스트영역, 페이지네이션\n    base: {\n        none: 'rounded-none',\n        small: 'rounded-[3px]',\n        medium: 'rounded', // 4px\n        large: 'rounded-md', // 6px\n        full: 'rounded-full',\n    },\n    // 배너\n    large: {\n        none: 'rounded-none',\n        small: 'rounded',\n        medium: 'rounded-lg', // 8px\n        large: 'rounded-xl', // 12px\n        full: 'rounded-2xl', // 16px\n    },\n    // 다이얼로그, 바텀시트, 그리드, 카드\n    'extra-large': {\n        none: 'rounded-none',\n        small: 'rounded',\n        medium: 'rounded-lg',\n        large: 'rounded-xl',\n        full: 'rounded-xl',\n    },\n    // Dropdown, Context Menu 아이템\n    'menu-item': {\n        none: 'rounded-none',\n        small: 'rounded-[1px]',\n        medium: 'rounded-sm',\n        large: 'rounded',\n        full: 'rounded',\n    },\n};\nexport var weightVariants = {\n    regular: 'font-normal', // 400\n    medium: 'font-medium', // 500\n    semibold: 'font-semibold', // 600\n    bold: 'font-bold', // 700\n};\nexport var scalingVariants = {\n    '90%': 'scale-90',\n    '95%': 'scale-95',\n    '100%': 'scale-100',\n    '105%': 'scale-105',\n    '110%': 'scale-110',\n};\n// 스토리북 공통 argTypes 설정\nexport var commonArgTypes = {\n    typoSize: {\n        table: {\n            category: 'Theme Props',\n            type: { summary: '1 ~ 9' },\n        },\n        control: { type: 'select' },\n        options: typoSizeOptions,\n        defaultValue: { summary: '3' },\n    },\n    scaling: {\n        table: {\n            category: 'Theme Props',\n            type: { summary: scalingOptions.join(' | ') },\n        },\n        control: { type: 'select' },\n        options: scalingOptions,\n        defaultValue: { summary: '100%' },\n    },\n    weight: {\n        table: {\n            category: 'Theme Props',\n            type: { summary: weightOptions.join(' | ') },\n        },\n        options: weightOptions,\n        control: { type: 'select' },\n        defaultValue: { summary: 'medium' },\n    },\n    radius: {\n        table: {\n            category: 'Theme Props',\n            type: { summary: radiusOptions.join(' | ') },\n        },\n        options: radiusOptions,\n        control: { type: 'select' },\n        defaultValue: { summary: 'medium' },\n    },\n    color: {\n        table: {\n            category: 'Theme Props',\n            type: { summary: 'colorVariants' },\n        },\n        options: colorOptions,\n        control: { type: 'select' },\n        defaultValue: { summary: 'red' },\n    },\n    basicText: {\n        table: {\n            category: 'Props',\n            type: { summary: 'string' },\n        },\n        control: 'text',\n    },\n    appearance: {\n        table: {\n            category: 'Props',\n            type: { summary: appearanceOptions.join(' | ') },\n        },\n        options: appearanceOptions,\n        control: { type: 'select' },\n        defaultValue: { summary: 'solid' },\n    },\n    size: {\n        table: {\n            category: 'Props',\n            type: { summary: sizeOptions.join(' | ') },\n        },\n        control: { type: 'select' },\n        options: sizeOptions,\n        defaultValue: { summary: 'medium' },\n    },\n    isColorMixed: {\n        table: {\n            category: 'Props',\n            type: { summary: 'boolean' },\n        },\n        description: \"- \\uCC28\\uD2B8 \\uAE30\\uBCF8 \\uC0C9\\uC0C1 \\uC2A4\\uD0C0\\uC77C \\n        - true\\uC778 \\uACBD\\uC6B0 \\uC0C9\\uC0C1\\uC774 \\uAD50\\uCC28\\uB428, false\\uC778 \\uACBD\\uC6B0 \\uC0C9\\uC0C1 \\uC21C\\uCC28\\uC801\\uC73C\\uB85C \\uC0AC\\uC6A9\",\n        control: 'readonly',\n        defaultValue: { summary: 'true' },\n    },\n    chartAppearance: {\n        table: {\n            category: 'Props',\n            type: { summary: 'solid | soft' },\n        },\n        options: ['solid', 'soft'],\n        control: 'readonly',\n        defaultValue: { summary: 'solid' },\n        description: \"- \\uCC28\\uD2B8 \\uAE30\\uBCF8 \\uC0C9\\uC0C1 \\uC2A4\\uD0C0\\uC77C \\n  - \\uBC30\\uACBD\\uC0C9\\uACFC \\uD14C\\uB450\\uB9AC\\uC0C9 \\uAE30\\uBCF8 \\uC2A4\\uD0C0\\uC77C\\uC744 \\uC9C0\\uC815\\uD574\\uC900\\uB2E4\",\n    },\n    datasets: {\n        name: 'datasets',\n        description: '차트에 사용할 데이터셋',\n        table: {\n            category: 'Props',\n            type: { summary: 'object' },\n        },\n    },\n    labels: {\n        description: '차트 위에 표시될 라벨들',\n        table: {\n            category: 'Props',\n            type: { summary: 'object' },\n        },\n    },\n};\nexport var chartColorStyle = function () {\n    var colorValues = lightColors;\n    var colorMappings = {};\n    chartColorOptions.forEach(function (color) {\n        colorMappings[color] = colorValues[color][9];\n    });\n    return colorMappings;\n};\nexport var chartTitleArgTypes = {\n    title: {\n        description: '차트 타이틀',\n        table: {\n            category: 'Props',\n            type: { summary: 'object' },\n        },\n    },\n    'title.display': {\n        description: '타이틀 표시 여부',\n        table: {\n            category: 'Title Props',\n            type: { summary: 'boolean' },\n        },\n        control: { type: 'boolean', defaultValue: false },\n        defaultValue: { summary: false },\n    },\n    'title.text': {\n        description: '타이틀 내용',\n        table: {\n            category: 'Title Props',\n            type: { summary: 'string | string[]' },\n        },\n        control: { type: 'text' },\n        defaultValue: { summary: '' },\n    },\n    'title.position': {\n        description: '타이틀 위치',\n        table: {\n            category: 'Title Props',\n            type: { summary: 'top | right | bottom | left' },\n        },\n        control: { type: 'select' },\n        options: ['top', 'right', 'bottom', 'left'],\n        defaultValue: { summary: 'top' },\n    },\n    'title.align': {\n        description: '타이틀 정렬',\n        table: {\n            category: 'Title Props',\n            type: { summary: 'start | center | end' },\n        },\n        control: { type: 'select' },\n        options: ['start', 'center', 'end'],\n        defaultValue: { summary: 'top' },\n    },\n    'title.font.size': {\n        description: '타이틀 폰트 크기',\n        table: {\n            category: 'Title Props',\n            type: { summary: 'number' },\n        },\n        control: { type: 'text' },\n        defaultValue: { summary: 12 },\n    },\n};\nexport var chartLegendArgTypes = {\n    legend: {\n        description: '차트 범례',\n        table: {\n            category: 'Props',\n            type: { summary: 'object' },\n        },\n    },\n    'legend.display': {\n        description: '범례 표시 여부',\n        table: {\n            category: 'Legend Props',\n            type: { summary: 'boolean' },\n        },\n        control: { type: 'boolean' },\n        defaultValue: { summary: true },\n    },\n    'legend.align': {\n        description: '범례 정렬',\n        table: {\n            category: 'Legend Props',\n            type: { summary: 'start | center | end' },\n        },\n        control: { type: 'select' },\n        options: ['start', 'center', 'end'],\n        defaultValue: { summary: 'center' },\n    },\n    'legend.position': {\n        description: '범례 위치',\n        table: {\n            category: 'Legend Props',\n            type: { summary: 'top | right | bottom | left' },\n        },\n        control: { type: 'select' },\n        options: ['top', 'right', 'bottom', 'left'],\n        defaultValue: { summary: 'top' },\n    },\n    'legend.maxHeight': {\n        description: '범례 최대 높이(픽셀)',\n        table: {\n            category: 'Legend Props',\n            type: { summary: 'number' },\n        },\n        control: { type: 'text' },\n        defaultValue: { summary: 12 },\n    },\n    'legend.maxWidth': {\n        description: '범례 최대 길이(픽셀)',\n        table: {\n            category: 'Legend Props',\n            type: { summary: 'number' },\n        },\n        control: { type: 'text' },\n        defaultValue: { summary: 12 },\n    },\n    'legend.title.display': {\n        description: '범례 타이틀 표시 여부',\n        table: {\n            category: 'Legend Props',\n            type: { summary: 'boolean' },\n        },\n        control: { type: 'boolean' },\n        defaultValue: { summary: false },\n    },\n    'legend.title.text': {\n        description: '범례 타이틀 문구',\n        table: {\n            category: 'Legend Props',\n            type: { summary: 'string' },\n        },\n        control: { type: 'text' },\n        defaultValue: { summary: '' },\n    },\n    'legend.labels.usePointStyle': {\n        description: '범례 스타일 사용여부',\n        table: {\n            category: 'Legend Props',\n            type: { summary: 'boolean' },\n        },\n        control: { type: 'boolean' },\n        defaultValue: { summary: 'false' },\n    },\n    'legend.labels.pointStyle': {\n        description: \"- \\uB77C\\uBCA8 \\uD3EC\\uC778\\uD2B8 \\uC2A4\\uD0C0\\uC77C\\n      - usePointStyle\\uAC00 true\\uC778 \\uACBD\\uC6B0 \\uC801\\uC6A9\",\n        table: {\n            category: 'Legend Props',\n            type: { summary: pointStyleList.join(' | ') },\n        },\n        control: { type: 'select' },\n        options: pointStyleList,\n        defaultValue: { summary: 'false' },\n    },\n};\nexport var chartDatasetsArgsTypes = {\n    'datasets[n].data': {\n        description: '데이터셋 데이터',\n        table: {\n            category: 'Dataset Props',\n            type: { summary: 'object | object[] | number[] | string[]' },\n        },\n    },\n    'datasets[n].label': {\n        description: '데이터셋 라벨',\n        table: {\n            category: 'Dataset Props',\n            type: { summary: 'string' },\n        },\n    },\n    'datasets[n].backgroundColor': {\n        description: '데이터셋 배경 색상',\n        table: {\n            category: 'Dataset Props',\n            type: { summary: 'object' },\n        },\n    },\n    'datasets[n].borderColor': {\n        description: '데이터셋 테두리 색상',\n        table: {\n            category: 'Dataset Props',\n            type: { summary: 'object' },\n        },\n    },\n    'datasets[n].borderWidth': {\n        description: '데이터셋 테두리 두꼐',\n        table: {\n            category: 'Dataset Props',\n            type: { summary: 'number' },\n        },\n    },\n    'datasets[n].borderRadius': {\n        description: '데이터셋 둥글기',\n        table: {\n            category: 'Dataset Props',\n            type: { summary: 'number' },\n        },\n    },\n    'datasets[n].hoverBackgroundColor': {\n        description: '데이터셋 마우스 호버 시 배경 색상',\n        table: {\n            category: 'Dataset Props',\n            type: { summary: 'object' },\n        },\n    },\n    'datasets[n].hoverBorderColor': {\n        description: '데이터셋 마우스 호버 시 테두리 색상',\n        table: {\n            category: 'Dataset Props',\n            type: { summary: 'object' },\n        },\n    },\n    'datasets[n].hoverBorderWidth': {\n        description: '데이터셋 호버 시 테두리 두께',\n        table: {\n            category: 'Dataset Props',\n            type: { summary: 'number' },\n        },\n    },\n    'datasets[n].hoverBorderRadius': {\n        description: '데이터셋 호버 시 둥글기',\n        table: {\n            category: 'Dataset Props',\n            type: { summary: 'number' },\n        },\n    },\n    'datasets[n].order': {\n        description: '데이터셋 순서',\n        table: {\n            category: 'Dataset Props',\n            type: { summary: 'number' },\n        },\n    },\n    'datasets[n].hidden': {\n        description: '데이터셋 표시 여부',\n        table: {\n            category: 'Dataset Props',\n            type: { summary: 'boolean' },\n        },\n    },\n    'datasets[n].borderDash': {\n        description: \"- \\uCC28\\uD2B8\\uC758 \\uAC01 \\uC139\\uC158\\uC758 \\uD14C\\uB450\\uB9AC\\uB97C \\uC810\\uC120\\uC73C\\uB85C \\uB9CC\\uB4EC\\n        - ex)[5,5]: 5\\uD53D\\uC140 \\uAE38\\uC774\\uC758 \\uC120\\uACFC 5\\uD53D\\uC140 \\uAE38\\uC774\\uC758 \\uAC04\\uACA9\",\n        table: {\n            category: 'Dataset Props',\n            type: { summary: 'number[]' },\n        },\n    },\n    'datasets[n].borderDashOffset': {\n        description: \"- \\uC810\\uC120\\uC758 \\uC2DC\\uC791 \\uC704\\uCE58 \\uC870\\uC815\\n      - ex) 2: \\uC810\\uC120\\uC758 \\uC2DC\\uC791 \\uC9C0\\uC810\\uC744 2\\uD53D\\uC140 \\uC774\\uB3D9\",\n        table: {\n            category: 'Dataset Props',\n            type: { summary: 'number' },\n        },\n    },\n    'datasets[n].offset': {\n        description: '각 섹션 사이의 간격 조정',\n        table: {\n            category: 'Dataset Props',\n            type: { summary: 'number' },\n        },\n    },\n    'datasets[n].weight': {\n        description: '각 섹션의 상대적인 두께를 설정, 섹션이 차지하는 공간의 비율을 조정',\n        table: {\n            category: 'Dataset Props',\n            type: { summary: 'number' },\n        },\n    },\n};\nexport var chartDatalabelsArgsTypes = {\n    datalabels: {\n        table: {\n            disable: true,\n        },\n    },\n    'datalabels.display': {\n        description: '차트 데이터 라벨 표시 여부',\n        table: {\n            category: 'Datalabels Props',\n            type: { summary: 'boolean' },\n        },\n        control: { type: 'boolean' },\n        defaultValue: { summary: false },\n    },\n    'datalabels.color': {\n        description: '차트 데이터 라벨 색상',\n        table: {\n            category: 'Datalabels Props',\n            type: { summary: 'string' },\n        },\n        control: { type: 'select' },\n        options: ['white', 'gray', 'black'],\n        defaultValue: { summary: 'gray' },\n    },\n};\nexport var blackText = ['sky', 'mint', 'lime', 'yellow', 'amber', 'orange', 'white'];\nexport var primaryColorStyle = function () {\n    var color = {};\n    for (var i in ColorStyle) {\n        var darkColor = \"\".concat(i, \"Dark\");\n        color[i] = blackText.includes(i)\n            ? \"bg-\".concat(ColorStyle[i], \" text-slate-12 dark:bg-\").concat(DarkColorStyle[darkColor], \" dark:text-slateDark-12\")\n            : \"bg-\".concat(ColorStyle[i], \" text-white dark:bg-\").concat(DarkColorStyle[darkColor], \" dark:text-slateDark-1\");\n    }\n    return color;\n};\nexport var bgColorStyle = function () {\n    var color = {};\n    for (var i in ColorStyle) {\n        var darkColor = \"\".concat(i, \"Dark\");\n        color[i] = \"bg-\".concat(ColorStyle[i], \" dark:bg-\").concat(DarkColorStyle[darkColor]);\n    }\n    return color;\n};\nexport var textColorStyle = function () {\n    var color = {};\n    for (var i in ColorStyle) {\n        var darkColor = \"\".concat(i, \"Dark\");\n        color[i] = \"text-\".concat(ColorStyle[i], \" dark:text-\").concat(DarkColorStyle[darkColor]);\n    }\n    return color;\n};\nvar makeClassName = function (type, isClickable) {\n    var className = '';\n    className += \"\".concat(type.light.default, \" \").concat(type.dark.default);\n    if (isClickable) {\n        className += \" \".concat(type.light.hover, \" \").concat(type.light.active, \" \").concat(type.light.disable, \" \").concat(type.dark.hover, \" \").concat(type.dark.active, \" \").concat(type.dark.disable);\n    }\n    return className;\n};\nexport var appearanceStyle = function (type, color, isClickable) {\n    if (isClickable === void 0) { isClickable = true; }\n    var darkColor = \"\".concat(color, \"Dark\");\n    var classic = {\n        light: {\n            default: \"bg-\".concat(color, \"-9 border border-solid border-\").concat(color, \"-9 shadow-button-classic\"),\n            hover: \"hover:bg-\".concat(color, \"-10 hover:border-\").concat(color, \"-9\"),\n            active: \"active:bg-\".concat(color, \"-9 active:border-\").concat(color, \"-9\"),\n            disable: \"disabled:bg-slateA-3 disabled:border-slate-4 disabled:text-slateA-8\",\n        },\n        dark: {\n            default: \"dark:bg-\".concat(darkColor, \"-9 dark:border-\").concat(darkColor, \"-9 dark:shadow-button-dark-classic\"),\n            hover: \"dark:hover:bg-\".concat(darkColor, \"-10 dark:hover:border-\").concat(darkColor, \"-9\"),\n            active: \"dark:active:bg-\".concat(darkColor, \"-9 dark:active:border-\").concat(darkColor, \"-9\"),\n            disable: \"dark:disabled:bg-slateDarkA-3 dark:disabled:border-slateDark-4 dark:disabled:text-slateDarkA-8\",\n        },\n    };\n    var solid = {\n        light: {\n            default: \"bg-\".concat(color, \"-9 border-none\"),\n            hover: \"hover:bg-\".concat(color, \"-10 hover:border-none\"),\n            active: \"active:bg-\".concat(color, \"-10 active:border-none active:opacity-[.92]\"),\n            disable: \"disabled:bg-slateA-3 disabled:border-none disabled:text-slateA-8\",\n        },\n        dark: {\n            default: \"dark:bg-\".concat(darkColor, \"-9\"),\n            hover: \"dark:hover:bg-\".concat(darkColor, \"-10\"),\n            active: \"dark:active:bg-\".concat(darkColor, \"-10 dark:active:opacity-[.92]\"),\n            disable: \"dark:disabled:bg-slateDarkA-3 dark:disabled:text-slateDarkA-8\",\n        },\n    };\n    var soft = {\n        light: {\n            default: \"bg-\".concat(color, \"A-3 border-none text-\").concat(color, \"A-11\"),\n            hover: \"hover:bg-\".concat(color, \"A-4 hover:border-none hover:text-\").concat(color, \"A-11\"),\n            active: \"active:bg-\".concat(color, \"A-5 active:border-none active:text-\").concat(color, \"A-11 active:opacity-[.92]\"),\n            disable: \"disabled:bg-slateA-3 disabled:border-none disabled:text-slateA-8\",\n        },\n        dark: {\n            default: \"dark:bg-\".concat(darkColor, \"A-3 dark:text-\").concat(darkColor, \"A-11\"),\n            hover: \"dark:hover:bg-\".concat(darkColor, \"A-4 dark:hover:text-\").concat(darkColor, \"A-11\"),\n            active: \"dark:active:bg-\".concat(darkColor, \"A-5 dark:active:text-\").concat(darkColor, \"A-11 dark:active:opacity-[.92]\"),\n            disable: \"dark:disabled:bg-slateDarkA-3 dark:disabled:text-slateDarkA-8\",\n        },\n    };\n    var surface = {\n        light: {\n            default: \"bg-\".concat(color, \"A-2 border border-solid border-\").concat(color, \"A-7 text-\").concat(color, \"A-11\"),\n            hover: \"hover:bg-\".concat(color, \"A-2 hover:border-\").concat(color, \"A-8 hover:text-\").concat(color, \"A-11\"),\n            active: \"active:bg-\".concat(color, \"A-3 active:border-\").concat(color, \"A-8 active:text-\").concat(color, \"A-11 active:opacity-[.92]\"),\n            disable: \"disabled:bg-slateA-2 disabled:border-slateA-6 disabled:text-slateA-8\",\n        },\n        dark: {\n            default: \"dark:bg-\".concat(darkColor, \"A-2 dark:border-\").concat(darkColor, \"A-7 dark:text-\").concat(darkColor, \"A-11\"),\n            hover: \"dark:hover:bg-\".concat(darkColor, \"A-2 dark:hover:border-\").concat(darkColor, \"A-8 dark:hover:text-\").concat(darkColor, \"A-11\"),\n            active: \"dark:active:bg-\".concat(darkColor, \"A-3 dark:active:border-\").concat(darkColor, \"A-8 dark:active:text-\").concat(darkColor, \"A-11 dark:active:opacity-[.92]\"),\n            disable: \"dark:disabled:bg-slateDarkA-2 dark:disabled:border-slateDarkA-6 dark:disabled:text-slateDarkA-8\",\n        },\n    };\n    var outline = {\n        light: {\n            default: \"bg-transparent border border-solid border-\".concat(color, \"A-8 text-\").concat(color, \"A-11\"),\n            hover: \"hover:bg-\".concat(color, \"A-2 hover:border-\").concat(color, \"A-8 hover:text-\").concat(color, \"A-11\"),\n            active: \"active:bg-\".concat(color, \"A-3 active:border-\").concat(color, \"A-8 active:text-\").concat(color, \"A-11\"),\n            disable: \"disabled:bg-transparent disabled:border-slateA-7 disabled:text-slateA-8\",\n        },\n        dark: {\n            default: \"dark:border-\".concat(darkColor, \"A-8 dark:bg-transparent dark:text-\").concat(darkColor, \"A-11\"),\n            hover: \"dark:hover:bg-\".concat(darkColor, \"A-2 dark:hover:border-\").concat(darkColor, \"A-8 dark:hover:text-\").concat(darkColor, \"A-11\"),\n            active: \"dark:active:bg-\".concat(darkColor, \"A-3 dark:active:border-\").concat(darkColor, \"A-8 dark:active:text-\").concat(darkColor, \"A-11 dark:active:opacity-[.92]\"),\n            disable: \"dark:disabled:border-slateDarkA-7 dark:disabled:bg-transparent dark:disabled:text-slateDarkA-8 \",\n        },\n    };\n    var ghost = {\n        light: {\n            default: \"bg-transparent border-none text-\".concat(color, \"A-11\"),\n            hover: \"hover:bg-\".concat(color, \"A-3 hover:border-none hover:text-\").concat(color, \"A-11\"),\n            active: \"active:bg-\".concat(color, \"A-4 active:border-none active:text-\").concat(color, \"A-11 active:opacity-[.92]\"),\n            disable: \"disabled:bg-transparent disabled:border-none disabled:text-slateA-8\",\n        },\n        dark: {\n            default: \"dark:bg-transparent dark:text-\".concat(darkColor, \"A-11\"),\n            hover: \"dark:hover:bg-\".concat(darkColor, \"A-3 dark:hover:text-\").concat(darkColor, \"A-11\"),\n            active: \"dark:active:bg-\".concat(darkColor, \"A-4 dark:active:text-\").concat(darkColor, \"A-11 dark:active:opacity-[.92]\"),\n            disable: \"dark:disabled:text-slateDarkA-8\",\n        },\n    };\n    switch (type) {\n        case 'classic':\n            return makeClassName(classic, isClickable);\n        case 'solid':\n            return makeClassName(solid, isClickable);\n        case 'soft':\n            return makeClassName(soft, isClickable);\n        case 'surface':\n            return makeClassName(surface, isClickable);\n        case 'outline':\n            return makeClassName(outline, isClickable);\n        case 'ghost':\n            return makeClassName(ghost, isClickable);\n        default:\n            return '';\n    }\n};\nexport var toggleAppearanceStyle = function (type, color, isClickable, stateOn) {\n    if (isClickable === void 0) { isClickable = true; }\n    if (stateOn === void 0) { stateOn = ''; }\n    var darkColor = \"\".concat(color, \"Dark\");\n    var classic = {\n        light: {\n            default: \"bg-\".concat(color, \"-9 border border-solid border-\").concat(color, \"-9 text-white shadow-button-classic\"),\n            hover: \"hover:bg-\".concat(color, \"-10 hover:border-\").concat(color, \"-9 hover:text-white \").concat(stateOn, \"hover:bg-\").concat(color, \"-10 \").concat(stateOn, \"hover:border-\").concat(color, \"-9 \").concat(stateOn, \"hover:text-white\"),\n            active: \"\".concat(stateOn, \"bg-\").concat(color, \"-9 \").concat(stateOn, \"border-\").concat(color, \"-9 \").concat(stateOn, \"text-white\"),\n            disable: \"disabled:bg-slateA-3 disabled:border-slate-4 disabled:text-slateA-8\",\n        },\n        dark: {\n            default: \"dark:bg-\".concat(darkColor, \"-9 dark:border-\").concat(darkColor, \"-9 dark:text-slateDark-1\"),\n            hover: \"dark:hover:bg-\".concat(darkColor, \"-10 dark:hover:border-\").concat(darkColor, \"-9 dark:hover:text-slateDark-1 \").concat(stateOn, \"dark:hover:bg-\").concat(darkColor, \"-10 \").concat(stateOn, \"dark:hover:border-\").concat(darkColor, \"-9 \").concat(stateOn, \"dark:hover:text-slateDark-1\"),\n            active: \"dark:\".concat(stateOn, \"bg-\").concat(darkColor, \"-9 dark:\").concat(stateOn, \"border-\").concat(darkColor, \"-9 dark:\").concat(stateOn, \"text-slateDark-1\"),\n            disable: \"dark:disabled:bg-slateDarkA-3 dark:disabled:border-slateDark-4 dark:disabled:text-slateDarkA-8\",\n        },\n    };\n    var solid = {\n        light: {\n            default: \"bg-\".concat(color, \"-9 border-none text-white\"),\n            hover: \"hover:bg-\".concat(color, \"-10 hover:border-none hover:text-white \").concat(stateOn, \"hover:bg-\").concat(color, \"-10 \").concat(stateOn, \"hover:border-none \").concat(stateOn, \"hover:text-white\"),\n            active: \"\".concat(stateOn, \"bg-\").concat(color, \"-10 \").concat(stateOn, \"border-none \").concat(stateOn, \"text-white \").concat(stateOn, \"opacity-[.92]\"),\n            disable: \"disabled:bg-slateA-3 disabled:border-none disabled:text-slateA-8\",\n        },\n        dark: {\n            default: \"dark:bg-\".concat(darkColor, \"-9 dark:text-slateDark-1\"),\n            hover: \"dark:hover:bg-\".concat(darkColor, \"-10 dark:hover:text-slateDark-1 \").concat(stateOn, \"dark:hover:bg-\").concat(darkColor, \"-10 \").concat(stateOn, \"dark:hover:text-slateDark-1\"),\n            active: \"dark:\".concat(stateOn, \"bg-\").concat(darkColor, \"-10 dark:\").concat(stateOn, \"text-slateDark-1 dark:\").concat(stateOn, \"opacity-[.92]\"),\n            disable: \"dark:disabled:bg-slateDarkA-3 disabled:text-slateDarkA-8\",\n        },\n    };\n    var soft = {\n        light: {\n            default: \"bg-\".concat(color, \"A-3 border-none text-\").concat(color, \"A-11\"),\n            hover: \"hover:bg-\".concat(color, \"A-4 hover:border-none hover:text-\").concat(color, \"A-11 \").concat(stateOn, \"hover:bg-\").concat(color, \"A-4 \").concat(stateOn, \"hover:border-none \").concat(stateOn, \"hover:text-\").concat(color, \"A-11\"),\n            active: \"\".concat(stateOn, \"bg-\").concat(color, \"A-5 \").concat(stateOn, \"border-none \").concat(stateOn, \"text-\").concat(color, \"A-11 \").concat(stateOn, \"opacity-[.92]\"),\n            disable: \"disabled:bg-slateA-3 disabled:border-none disabled:text-slateA-8\",\n        },\n        dark: {\n            default: \"dark:bg-\".concat(darkColor, \"A-3 dark:text-\").concat(darkColor, \"A-11\"),\n            hover: \"dark:hover:bg-\".concat(darkColor, \"A-4 dark:hover:text-\").concat(darkColor, \"A-11 \").concat(stateOn, \"dark:hover:bg-\").concat(darkColor, \"A-4 \").concat(stateOn, \"dark:hover:text-\").concat(darkColor, \"A-11\"),\n            active: \"dark:\".concat(stateOn, \"bg-\").concat(darkColor, \"A-5 dark:\").concat(stateOn, \"text-\").concat(darkColor, \"A-11 dark:\").concat(stateOn, \"opacity-[.92]\"),\n            disable: \"dark:disabled:bg-slateDarkA-3 dark:disabled:text-slateDarkA-8\",\n        },\n    };\n    var surface = {\n        light: {\n            default: \"bg-\".concat(color, \"A-2 border border-solid border-\").concat(color, \"A-7 text-\").concat(color, \"A-11\"),\n            hover: \"hover:bg-\".concat(color, \"A-2 hover:border-\").concat(color, \"A-8 hover:text-\").concat(color, \"A-11 \").concat(stateOn, \"hover:bg-\").concat(color, \"A-2 \").concat(stateOn, \"hover:border-\").concat(color, \"A-8 \").concat(stateOn, \"hover:text-\").concat(color, \"A-11\"),\n            active: \"\".concat(stateOn, \"bg-\").concat(color, \"A-3 \").concat(stateOn, \"border-\").concat(color, \"A-8 \").concat(stateOn, \"text-\").concat(color, \"A-11 \").concat(stateOn, \"opacity-[.92]\"),\n            disable: \"disabled:bg-slatDarkeA-2 disabled:border-slateDarkA-6 disabled:text-slateDarkA-8\",\n        },\n        dark: {\n            default: \"dark:bg-\".concat(darkColor, \"A-2 dark:border-\").concat(darkColor, \"A-7 dark:text-\").concat(darkColor, \"A-11\"),\n            hover: \"dark:hover:bg-\".concat(darkColor, \"A-2 dark:hover:border-\").concat(darkColor, \"A-8 dark:hover:text-\").concat(darkColor, \"A-11 \").concat(stateOn, \"dark:hover:bg-\").concat(darkColor, \"A-2 \").concat(stateOn, \"dark:hover:border-\").concat(darkColor, \"A-8 \").concat(stateOn, \"dark:hover:text-\").concat(darkColor, \"A-11\"),\n            active: \"dark:\".concat(stateOn, \"bg-\").concat(darkColor, \"A-3 dark:\").concat(stateOn, \"border-\").concat(darkColor, \"A-8 dark:\").concat(stateOn, \"text-\").concat(darkColor, \"A-11 dark:\").concat(stateOn, \"opacity-[.92]\"),\n            disable: \"dark:disabled:bg-slateDarkA-2 dark:disabled:border-slateDarkA-6 dark:disabled:text-slateDarkA-8\",\n        },\n    };\n    var outline = {\n        light: {\n            default: \"bg-transparent border border-solid border-\".concat(color, \"A-8 text-\").concat(color, \"A-11\"),\n            hover: \"hover:bg-\".concat(color, \"A-2 hover:border-\").concat(color, \"A-8 hover:text-\").concat(color, \"A-11 \").concat(stateOn, \"hover:bg-\").concat(color, \"A-2 \").concat(stateOn, \"hover:border-\").concat(color, \"A-8 \").concat(stateOn, \"hover:text-\").concat(color, \"A-11\"),\n            active: \"\".concat(stateOn, \"bg-\").concat(color, \"A-3 \").concat(stateOn, \"border-\").concat(color, \"A-8 \").concat(stateOn, \"text-\").concat(color, \"A-11\"),\n            disable: \"disabled:bg-transparent disabled:border-slateA-7 disabled:text-slateA-8\",\n        },\n        dark: {\n            default: \"dark:border-\".concat(darkColor, \"A-8 dark:text-\").concat(darkColor, \"A-11\"),\n            hover: \"dark:hover:bg-\".concat(darkColor, \"A-2 dark:hover:border-\").concat(darkColor, \"A-8 dark:hover:text-\").concat(darkColor, \"A-11 \").concat(stateOn, \"dark:hover:bg-\").concat(darkColor, \"A-2 \").concat(stateOn, \"dark:hover:border-\").concat(darkColor, \"A-8 \").concat(stateOn, \"dark:hover:text-\").concat(darkColor, \"A-11\"),\n            active: \"dark:\".concat(stateOn, \"bg-\").concat(darkColor, \"A-3 dark:\").concat(stateOn, \"border-\").concat(darkColor, \"A-8 dark:\").concat(stateOn, \"text-\").concat(darkColor, \"A-11 dark:\").concat(stateOn, \"opacity-[.92]\"),\n            disable: \"dark:disabled:border-slateDarkA-7 dark:disabled:text-slateDarkA-8\",\n        },\n    };\n    var ghost = {\n        light: {\n            default: \"bg-transparent border-none text-\".concat(color, \"A-11\"),\n            hover: \"hover:bg-\".concat(color, \"A-3 hover:border-none hover:text-\").concat(color, \"A-11 \").concat(stateOn, \"hover:bg-\").concat(color, \"A-3 \").concat(stateOn, \"hover:border-none \").concat(stateOn, \"hover:text-\").concat(color, \"A-11\"),\n            active: \"\".concat(stateOn, \"bg-\").concat(color, \"A-4 \").concat(stateOn, \"border-none \").concat(stateOn, \"text-\").concat(color, \"A-11 \").concat(stateOn, \"opacity-[.92]\"),\n            disable: \"disabled:bg-transparent disabled:border-none disabled:text-slateA-8\",\n        },\n        dark: {\n            default: \"dark:bg-transparent dark:text-\".concat(darkColor, \"A-11\"),\n            hover: \"dark:hover:bg-\".concat(darkColor, \"A-3 dark:hover:text-\").concat(darkColor, \"A-11 \").concat(stateOn, \"dark:hover:bg-\").concat(darkColor, \"A-3 \").concat(stateOn, \"dark:hover:text-\").concat(darkColor, \"A-11\"),\n            active: \"dark:\".concat(stateOn, \"bg-\").concat(darkColor, \"A-4 dark:\").concat(stateOn, \"text-\").concat(darkColor, \"A-11 dark:\").concat(stateOn, \"opacity-[.92]\"),\n            disable: \"dark:disabled:text-slateDarkA-8\",\n        },\n    };\n    switch (type) {\n        case 'classic':\n            return makeClassName(classic, isClickable);\n        case 'solid':\n            return makeClassName(solid, isClickable);\n        case 'soft':\n            return makeClassName(soft, isClickable);\n        case 'surface':\n            return makeClassName(surface, isClickable);\n        case 'outline':\n            return makeClassName(outline, isClickable);\n        case 'ghost':\n            return makeClassName(ghost, isClickable);\n        default:\n            return '';\n    }\n};\nexport var menuItemAppearanceStyle = function (type, color) {\n    var appearanceStyle = '';\n    if (type === 'solid') {\n        appearanceStyle = \"hover:bg-\".concat(color, \"-9 dark:hover:bg-\").concat(color, \"Dark-9 \");\n        appearanceStyle += blackText.includes(color)\n            ? \"hover:text-slateA-11 dark:hover:text-white\"\n            : \"hover:text-white dark:hover:text-white\";\n    }\n    if (type === 'soft') {\n        appearanceStyle = \"hover:bg-\".concat(color, \"A-4 dark:hover-bg-\").concat(color, \"DarkA-4\");\n    }\n    if (type === 'ghost') {\n        appearanceStyle = \"hover:bg-\".concat(color, \"-3 dark:hover:bg-\").concat(color, \"Dark-3\");\n    }\n    return appearanceStyle;\n};\nexport var switchCheckedApperanceStyle = function (type, color) {\n    var softStyle = \"data-[state=checked]:bg-\".concat(color, \"A-3  data-[state=unchecked]:bg-\").concat(color, \"A-2 \");\n    var surfaceStyle = \"data-[state=checked]:bg-\".concat(color, \"A-2 border border-solid border-\").concat(color, \"A-7 data-[state=unchecked]:bg-slateA-2 data-[state=unchecked]:bg-slateA-6 \");\n    var classicStyle = \"data-[state=checked]:bg-\".concat(color, \"-9 text-white border border-solid border-\").concat(color, \"-9 shadow-custom-1 shadow-custom-2 shadow-custom-3 data-[state=unchecked]:border-slate-4 data-[state=unchecked]:bg-slateA-3 data-[state=unchecked]:text-slateA-8\");\n    switch (type) {\n        case 'classic':\n            return classicStyle;\n        case 'soft':\n            return softStyle;\n        case 'surface':\n            return surfaceStyle;\n        default:\n            return '';\n    }\n};\nexport var checkboxAppearanceStyle = function (type, color, indeterminate) {\n    var darkColor = \"\".concat(color, \"Dark\");\n    var surface = {\n        light: {\n            default: \"border data-[state=unchecked]:bg-transparent data-[state=unchecked]:border-slateA-7\\n        data-[state=checked]:bg-\".concat(color, \"-9 data-[state=checked]:border-none data-[state=checked]:text-slate-1\"),\n            hover: \"hover:data-[state=unchecked]:bg-transparent hover:data-[state=unchecked]:border-slateA-8\\n        hover:data-[state=checked]:bg-\".concat(color, \"-10 hover:data-[state=checked]:border-none hover:data-[state=checked]:text-white\"),\n            active: \"active:data-[state=unchecked]:bg-transparent active:data-[state=unchecked]:border-slateA-9\\n        active:data-[state=checked]:bg-\".concat(color, \"-10 active:data-[state=checked]:border-none active:data-[state=checked]:text-white\"),\n            disable: \"disabled:data-[state=unchecked]:bg-slateA-3 disabled:data-[state=unchecked]:border-slateA-6\\n        disabled:data-[state=checked]:bg-slateA-3 disabled:data-[state=checked]:border-slateA-6 disabled:data-[state=checked]:text-slateA-8\",\n        },\n        dark: {\n            default: \"dark:data-[state=unchecked]:border-slateDarkA-7\\n        dark:data-[state=checked]:bg-\".concat(darkColor, \"-9 dark:data-[state=checked]:text-#111113\"),\n            hover: \"dark:hover:data-[state=unchecked]:border-slateDarkA-8\\n        dark:hover:data-[state=checked]:bg-\".concat(darkColor, \"-10 dark:hover:data-[state=checked]:text-#111113\"),\n            active: \"dark:active:data-[state=unchecked]:border-slateDarkA-9\\n        dark:active:data-[state=checked]:bg-\".concat(darkColor, \"-10 dark:active:data-[state=checked]:text-#111113\"),\n            disable: \"dark:disabled:data-[state=unchecked]:bg-slateDarkA-3 dark:disabled:data-[state=unchecked]:border-slateDarkA-6\\n        dark:disabled:data-[state=checked]:bg-slateDarkA-3 dark:disabled:data-[state=checked]:border-slateDarkA-6 dark:disabled:data-[state=checked]:text-slateDarkA-8\",\n        },\n    };\n    var soft = {\n        light: {\n            default: \"data-[state=unchecked]:bg-\".concat(color, \"A-5 data-[state=unchecked]:border-none\\n        data-[state=checked]:bg-\").concat(color, \"A-5 data-[state=checked]:border-none data-[state=checked]:text-\").concat(color, \"-11\"),\n            hover: \"hover:data-[state=unchecked]:bg-\".concat(color, \"A-6 hover:data-[state=unchecked]:border-none\\n        hover:data-[state=checked]:bg-\").concat(color, \"A-6 hover:data-[state=checked]:border-none hover:data-[state=checked]:text-\").concat(color, \"-11\"),\n            active: \"active:data-[state=unchecked]:bg-\".concat(color, \"A-7 active:data-[state=unchecked]:border-none\\n        active:data-[state=checked]:bg-\").concat(color, \"A-7 active:data-[state=checked]:border-none active:data-[state=checked]:text-\").concat(color, \"-11\"),\n            disable: \"disabled:data-[state=unchecked]:bg-slateA-3 disabled:data-[state=unchecked]:border-none\\n        disabled:data-[state=checked]:bg-slateA-3 disabled:data-[state=checked]:border-none disabled:data-[state=checked]:text-slateA-8\",\n        },\n        dark: {\n            default: \"dark:data-[state=unchecked]:bg-\".concat(darkColor, \"A-5\\n        dark:data-[state=checked]:bg-\").concat(darkColor, \"A-5 dark:data-[state=checked]:text-\").concat(darkColor, \"-11\"),\n            hover: \"dark:hover:data-[state=unchecked]:bg-\".concat(darkColor, \"A-6\\n        dark:hover:data-[state=checked]:bg-\").concat(darkColor, \"A-6 dark:hover:data-[state=checked]:text-\").concat(darkColor, \"-11\"),\n            active: \"dark:active:data-[state=unchecked]:bg-\".concat(darkColor, \"A-7\\n        dark:active:data-[state=checked]:bg-\").concat(darkColor, \"A-7 dark:active:data-[state=checked]:text-\").concat(darkColor, \"-11\"),\n            disable: \"dark:disabled:data-[state=unchecked]:bg-slateDarkA-3\\n        dark:disabled:data-[state=checked]:bg-slateDarkA-3 dark:disabled:data-[state=checked]:text-slateDarkA-8\",\n        },\n    };\n    var indeterminateSurface = {\n        light: {\n            default: \"border bg-\".concat(color, \"A-2 border-\").concat(color, \"A-7 text-\").concat(color, \"A-11\"),\n            hover: \"hover:bg-\".concat(color, \"A-2 hover:border-\").concat(color, \"A-8 hover:text-\").concat(color, \"A-11\"),\n            active: \"active:bg-\".concat(color, \"A-3 active:border-\").concat(color, \"A-8 active:text-\").concat(color, \"A-11\"),\n            disable: \"disabled:bg-slateA-3 disabled:border-slateA-6 disabled:text-slateA-8\",\n        },\n        dark: {\n            default: \"dark:bg-\".concat(darkColor, \"A-2 dark:border-\").concat(darkColor, \"A-7 dark:text-\").concat(darkColor, \"A-11\"),\n            hover: \"dark:hover:bg-\".concat(darkColor, \"A-2 dark:hover:border-\").concat(darkColor, \"A-8 dark:hover:text-\").concat(darkColor, \"A-11\"),\n            active: \"dark:active:bg-\".concat(darkColor, \"A-3 dark:active:border-\").concat(darkColor, \"A-8 dark:active:text-\").concat(darkColor, \"A-11\"),\n            disable: \"dark:disabled:bg-slateDarkA-3 dark:disabled:border-slateDarkA-6 dark:disabled:text-slateDarkA-8\",\n        },\n    };\n    var indeterminateSoft = {\n        light: {\n            default: \"border bg-transparent border-\".concat(color, \"A-6 text-\").concat(color, \"A-11\"),\n            hover: \"hover:bg-transparent hover:border-\".concat(color, \"A-6 hover:text-\").concat(color, \"A-11\"),\n            active: \"active:bg-transparent active:border-\".concat(color, \"A-6 active:text-\").concat(color, \"A-11\"),\n            disable: \"disabled:bg-slateA-3 disabled:border-none disabled:text-slateA-8\",\n        },\n        dark: {\n            default: \"dark:border-\".concat(darkColor, \"A-6 dark:text-\").concat(darkColor, \"A-11\"),\n            hover: \"dark:hover:border-\".concat(darkColor, \"A-6 dark:hover:text-\").concat(darkColor, \"A-11\"),\n            active: \"dark:active:border-\".concat(darkColor, \"A-6 dark:active:text-\").concat(darkColor, \"A-11\"),\n            disable: \"dark:disabled:bg-slateDarkA-3 dark:disabled:text-slateDarkA-8\",\n        },\n    };\n    switch (type) {\n        case 'classic':\n            return indeterminate\n                ? makeClassName(indeterminateSurface, true)\n                : \"\".concat(makeClassName(surface, true), \" data-[state=checked]:shadow-checkbox-classic data-[state=unchecked]:shadow-checkbox-classic\\n          dark:data-[state=checked]:shadow-checkbox-classic dark:data-[state=unchecked]:shadow-checkbox-classic\");\n        case 'soft':\n            return indeterminate ? makeClassName(indeterminateSoft, true) : makeClassName(soft, true);\n        case 'surface':\n            return indeterminate\n                ? makeClassName(indeterminateSurface, true)\n                : makeClassName(surface, true);\n        default:\n            return makeClassName(surface, true);\n    }\n};\nexport var selectAppearanceStyle = function (type, color) {\n    var darkColor = \"\".concat(color, \"Dark\");\n    var surface = {\n        light: {\n            default: \"bg-[#FFFFFF] border border-slateA-7 data-placeholder:text-slateA-10 text-slateA-12\",\n            hover: \"hover:bg-[#FFFFFF] hover:border hover:border-slateA-8 hover:text-slateA-10\",\n            active: \"active:bg-\".concat(color, \"A-3 active:border-\").concat(color, \"A-8 active:text-slateA-10 active:opacity-[.92]\"),\n            disable: \"disabled:bg-slateA-2 disabled:border-slateA-6 disabled:text-slateA-8\",\n        },\n        dark: {\n            default: \"dark:bg-[#111113] dark:border dark:data-placeholder:border-slateDarkA-7 dark:data-placeholder:text-slateDarkA-9 dark:border-slateDarkA-7 dark:text-slateDarkA-12\",\n            hover: \"dark:hover:bg-[#111113] dark:hover:border dark:hover:border-slateDarkA-8 dark:hover:text-slateDarkA-10\",\n            active: \"dark:active:bg-\".concat(darkColor, \"A-3 dark:active:border dark:active:border-\").concat(darkColor, \"A-8 dark:active:text-slateDarkA-10 dark:active:opacity-[.92]\"),\n            disable: \"dark:disabled:bg-slateDarkA-2 dark:disabled:border dark:disabled:border-slateDarkA-6 dark:disabled:text-slateDarkA-8\",\n        },\n    };\n    var classic = {\n        light: {\n            default: \"bg-slateA-2 border border-slate-4 data-placeholder:text-slateA-10 text-slateA-12\",\n            hover: \"hover:bg-slateA-3 hover:border hover:border-slate-4 hover:text-slateA-10\",\n            active: \"active:bg-slateA-4 active:border active:border-slate-6 active:text-slateA-10\",\n            disable: \"disabled:bg-slateA-3 disabled:border disabled:border-slate-4 disabled:text-slateA-8\",\n        },\n        dark: {\n            default: \"dark:bg-slateDarkA-2 dark:border-slateDark-4 dark:data-placeholder:text-slateDarkA-10 dark:text-slateDarkA-12\",\n            hover: \"dark:hover:bg-slateDarkA-3 dark:hover:border-slateDark-4 dark:hover:text-slateDarkA-10\",\n            active: \"dark:active:bg-slateDarkA-4 dark:active:border-slateDark-6 dark:active:text-slateDarkA-10\",\n            disable: \"dark:disabled:bg-slateDarkA-3 dark:disabled:border-slateDark-4 dark:disabled:text-slateDarkA-8\",\n        },\n    };\n    var soft = {\n        light: {\n            default: \"bg-\".concat(color, \"A-3 border-none data-placeholder:text-\").concat(color, \"A-12/[.5] text-\").concat(color, \"A-12\"),\n            hover: \"hover:bg-\".concat(color, \"A-4 hover:border-none hover:text-\").concat(color, \"A-12/[.5]\"),\n            active: \"active:bg-\".concat(color, \"A-5 active:border-none active:text-\").concat(color, \"A-12/[.5] active:opacity-[.92]\"),\n            disable: \"disabled:bg-slateA-3 disabled:border-none disabled:text-slateA-8\",\n        },\n        dark: {\n            default: \"dark:bg-\".concat(darkColor, \"A-3 dark:border-none dark:data-placeholder:text-\").concat(darkColor, \"A-12/[.5] dark:text-\").concat(darkColor, \"A-12 \"),\n            hover: \"dark:hover:bg-\".concat(darkColor, \"A-4 dark:hover:border-none dark:hover:text-\").concat(darkColor, \"A-12/[.5]\"),\n            active: \"dark:active:bg-\".concat(darkColor, \"A-5 dark:active:border-none dark:active:text-\").concat(darkColor, \"A-12/[.5] dark:active:opacity-[.92]\"),\n            disable: \"dark:disabled:bg-slateDarkA-3 dark:disabled:border-none dark:disabled:text-slateDarkA-8\",\n        },\n    };\n    var ghost = {\n        light: {\n            default: \"bg-transparent border-none data-placeholder:text-\".concat(color, \"A-12/[.5] text-\").concat(color, \"A-12\"),\n            hover: \"hover:bg-\".concat(color, \"A-3 hover:border-none hover:text-\").concat(color, \"A-1/[.5]\"),\n            active: \"active:bg-\".concat(color, \"A-4 active:border-none active:text-\").concat(color, \"A-12/[.5] active:opacity-[.92]\"),\n            disable: \"disabled:bg-transparent disabled:border-none disabled:text-slateA-8\",\n        },\n        dark: {\n            default: \"dark:bg-transparent dark:border-none dark:data-placeholder:text-\".concat(darkColor, \"A-12/[.5] dark:text-\").concat(darkColor, \"A-12\"),\n            hover: \"dark:hover:bg-\".concat(darkColor, \"A-3 dark:hover:border-none dark:hover:text-\").concat(darkColor, \"A-12/[.5]\"),\n            active: \"dark:active:bg-\".concat(darkColor, \"A-4 dark:active:border-none dark:active:text-\").concat(darkColor, \"A-12/[.5] dark:active:opacity-[.92]\"),\n            disable: \"dark:disabled:text-slateDarkA-8 dark:disabled:border-none\",\n        },\n    };\n    var makeClassName = function (type) {\n        var className = '';\n        className += \"\".concat(type.light.default, \" \").concat(type.dark.default, \"  \").concat(type.light.hover, \" \").concat(type.light.active, \" \").concat(type.light.disable, \" \").concat(type.dark.hover, \" \").concat(type.dark.active, \" \").concat(type.dark.disable);\n        return className;\n    };\n    switch (type) {\n        case 'classic':\n            return makeClassName(classic);\n        case 'soft':\n            return makeClassName(soft);\n        case 'surface':\n            return makeClassName(surface);\n        case 'ghost':\n            return makeClassName(ghost);\n        default:\n            return '';\n    }\n};\n"],"names":["radiusVariants","small","none","medium","large","full","base","weightVariants","regular","semibold","bold","scalingVariants","blackText","primaryColorStyle","color","i","ColorStyle","darkColor","concat","includes","DarkColorStyle","bgColorStyle","textColorStyle","makeClassName","type","isClickable","className","light","default","dark","hover","active","disable","appearanceStyle","classic","solid","soft","surface","outline","ghost","toggleAppearanceStyle","stateOn","menuItemAppearanceStyle","checkboxAppearanceStyle","indeterminate","indeterminateSurface","indeterminateSoft","selectAppearanceStyle"],"mappings":"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"}
+{"version":3,"file":"constants.mjs","sources":["../lib/constants.js"],"sourcesContent":["import { ColorStyle, DarkColorStyle, MAIN_COLOR, colorOptions } from '../lib/color/constants';\nexport var radiusOptions = ['none', 'small', 'medium', 'large', 'full'];\nexport var typoSizeOptions = ['1', '2', '3', '4', '5', '6', '7', '8', '9'];\nexport var scalingOptions = ['90%', '95%', '100%', '105%', '110%'];\nexport var sizeOptions = ['x-small', 'small', 'medium', 'large', 'x-large'];\nexport var weightOptions = ['regular', 'medium', 'semibold', 'bold'];\nexport var themeOptions = ['light', 'dark'];\nexport var appearanceOptions = [\n    'classic',\n    'ghost',\n    'outline',\n    'soft',\n    'solid',\n    'surface',\n];\n//차트\nexport var labelPositionList = ['top', 'bottom', 'left', 'right'];\nexport var pointStyleList = [\n    'circle',\n    'cross',\n    'crossRot',\n    'dash',\n    'line',\n    'rect',\n    'rectRounded',\n    'rectRot',\n    'star',\n    'triangle',\n    false,\n];\nexport var radiusVariants = {\n    // 체크박스\n    small: {\n        none: 'rounded-none',\n        small: 'rounded-[3px]',\n        medium: 'rounded',\n        large: 'rounded',\n        full: 'rounded',\n    },\n    // 라디오버튼, 스위치, 태그, 배지, 버튼, 텍스트인풋, 텍스트영역, 페이지네이션\n    base: {\n        none: 'rounded-none',\n        small: 'rounded-[3px]',\n        medium: 'rounded', // 4px\n        large: 'rounded-md', // 6px\n        full: 'rounded-full',\n    },\n    // 배너\n    large: {\n        none: 'rounded-none',\n        small: 'rounded',\n        medium: 'rounded-lg', // 8px\n        large: 'rounded-xl', // 12px\n        full: 'rounded-2xl', // 16px\n    },\n    // 다이얼로그, 바텀시트, 그리드, 카드\n    'extra-large': {\n        none: 'rounded-none',\n        small: 'rounded',\n        medium: 'rounded-lg',\n        large: 'rounded-xl',\n        full: 'rounded-xl',\n    },\n    // Dropdown, Context Menu 아이템\n    'menu-item': {\n        none: 'rounded-none',\n        small: 'rounded-[1px]',\n        medium: 'rounded-sm',\n        large: 'rounded',\n        full: 'rounded',\n    },\n};\nexport var weightVariants = {\n    regular: 'font-normal', // 400\n    medium: 'font-medium', // 500\n    semibold: 'font-semibold', // 600\n    bold: 'font-bold', // 700\n};\nexport var scalingVariants = {\n    '90%': 'scale-90',\n    '95%': 'scale-95',\n    '100%': 'scale-100',\n    '105%': 'scale-105',\n    '110%': 'scale-110',\n};\n// 스토리북 공통 argTypes 설정\nexport var commonArgTypes = {\n    typoSize: {\n        table: {\n            category: 'Theme Props',\n            type: { summary: '1 ~ 9' },\n        },\n        control: { type: 'select' },\n        options: typoSizeOptions,\n        defaultValue: { summary: '3' },\n    },\n    scaling: {\n        table: {\n            category: 'Theme Props',\n            type: { summary: scalingOptions.join(' | ') },\n        },\n        control: { type: 'select' },\n        options: scalingOptions,\n        defaultValue: { summary: '100%' },\n    },\n    weight: {\n        table: {\n            category: 'Theme Props',\n            type: { summary: weightOptions.join(' | ') },\n        },\n        options: weightOptions,\n        control: { type: 'select' },\n        defaultValue: { summary: 'medium' },\n    },\n    radius: {\n        table: {\n            category: 'Theme Props',\n            type: { summary: radiusOptions.join(' | ') },\n        },\n        options: radiusOptions,\n        control: { type: 'select' },\n        defaultValue: { summary: 'medium' },\n    },\n    color: {\n        table: {\n            category: 'Theme Props',\n            type: { summary: 'colorVariants' },\n        },\n        options: colorOptions,\n        control: { type: 'select' },\n        defaultValue: { summary: 'red' },\n    },\n    basicText: {\n        table: {\n            category: 'Props',\n            type: { summary: 'string' },\n        },\n        control: 'text',\n    },\n    appearance: {\n        table: {\n            category: 'Props',\n            type: { summary: appearanceOptions.join(' | ') },\n        },\n        options: appearanceOptions,\n        control: { type: 'select' },\n        defaultValue: { summary: 'solid' },\n    },\n    size: {\n        table: {\n            category: 'Props',\n            type: { summary: sizeOptions.join(' | ') },\n        },\n        control: { type: 'select' },\n        options: sizeOptions,\n        defaultValue: { summary: 'medium' },\n    },\n    isColorMixed: {\n        table: {\n            category: 'Props',\n            type: { summary: 'boolean' },\n        },\n        description: \"- \\uCC28\\uD2B8 \\uAE30\\uBCF8 \\uC0C9\\uC0C1 \\uC2A4\\uD0C0\\uC77C \\n        - true\\uC778 \\uACBD\\uC6B0 \\uC0C9\\uC0C1\\uC774 \\uAD50\\uCC28\\uB428, false\\uC778 \\uACBD\\uC6B0 \\uC0C9\\uC0C1 \\uC21C\\uCC28\\uC801\\uC73C\\uB85C \\uC0AC\\uC6A9\",\n        control: 'readonly',\n        defaultValue: { summary: 'true' },\n    },\n    chartAppearance: {\n        table: {\n            category: 'Props',\n            type: { summary: 'solid | soft' },\n        },\n        options: ['solid', 'soft'],\n        control: 'readonly',\n        defaultValue: { summary: 'solid' },\n        description: \"- \\uCC28\\uD2B8 \\uAE30\\uBCF8 \\uC0C9\\uC0C1 \\uC2A4\\uD0C0\\uC77C \\n  - \\uBC30\\uACBD\\uC0C9\\uACFC \\uD14C\\uB450\\uB9AC\\uC0C9 \\uAE30\\uBCF8 \\uC2A4\\uD0C0\\uC77C\\uC744 \\uC9C0\\uC815\\uD574\\uC900\\uB2E4\",\n    },\n    datasets: {\n        name: 'datasets',\n        description: '차트에 사용할 데이터셋',\n        table: {\n            category: 'Props',\n            type: { summary: 'object' },\n        },\n    },\n    labels: {\n        description: '차트 위에 표시될 라벨들',\n        table: {\n            category: 'Props',\n            type: { summary: 'object' },\n        },\n    },\n};\nexport var chartTitleArgTypes = {\n    title: {\n        description: '차트 타이틀',\n        table: {\n            category: 'Props',\n            type: { summary: 'object' },\n        },\n    },\n    'title.display': {\n        description: '타이틀 표시 여부',\n        table: {\n            category: 'Title Props',\n            type: { summary: 'boolean' },\n        },\n        control: { type: 'boolean', defaultValue: false },\n        defaultValue: { summary: false },\n    },\n    'title.text': {\n        description: '타이틀 내용',\n        table: {\n            category: 'Title Props',\n            type: { summary: 'string | string[]' },\n        },\n        control: { type: 'text' },\n        defaultValue: { summary: '' },\n    },\n    'title.position': {\n        description: '타이틀 위치',\n        table: {\n            category: 'Title Props',\n            type: { summary: 'top | right | bottom | left' },\n        },\n        control: { type: 'select' },\n        options: ['top', 'right', 'bottom', 'left'],\n        defaultValue: { summary: 'top' },\n    },\n    'title.align': {\n        description: '타이틀 정렬',\n        table: {\n            category: 'Title Props',\n            type: { summary: 'start | center | end' },\n        },\n        control: { type: 'select' },\n        options: ['start', 'center', 'end'],\n        defaultValue: { summary: 'top' },\n    },\n    'title.font.size': {\n        description: '타이틀 폰트 크기',\n        table: {\n            category: 'Title Props',\n            type: { summary: 'number' },\n        },\n        control: { type: 'text' },\n        defaultValue: { summary: 12 },\n    },\n};\nexport var chartLegendArgTypes = {\n    legend: {\n        description: '차트 범례',\n        table: {\n            category: 'Props',\n            type: { summary: 'object' },\n        },\n    },\n    'legend.display': {\n        description: '범례 표시 여부',\n        table: {\n            category: 'Legend Props',\n            type: { summary: 'boolean' },\n        },\n        control: { type: 'boolean' },\n        defaultValue: { summary: true },\n    },\n    'legend.align': {\n        description: '범례 정렬',\n        table: {\n            category: 'Legend Props',\n            type: { summary: 'start | center | end' },\n        },\n        control: { type: 'select' },\n        options: ['start', 'center', 'end'],\n        defaultValue: { summary: 'center' },\n    },\n    'legend.position': {\n        description: '범례 위치',\n        table: {\n            category: 'Legend Props',\n            type: { summary: 'top | right | bottom | left' },\n        },\n        control: { type: 'select' },\n        options: ['top', 'right', 'bottom', 'left'],\n        defaultValue: { summary: 'top' },\n    },\n    'legend.maxHeight': {\n        description: '범례 최대 높이(픽셀)',\n        table: {\n            category: 'Legend Props',\n            type: { summary: 'number' },\n        },\n        control: { type: 'text' },\n        defaultValue: { summary: 12 },\n    },\n    'legend.maxWidth': {\n        description: '범례 최대 길이(픽셀)',\n        table: {\n            category: 'Legend Props',\n            type: { summary: 'number' },\n        },\n        control: { type: 'text' },\n        defaultValue: { summary: 12 },\n    },\n    'legend.title.display': {\n        description: '범례 타이틀 표시 여부',\n        table: {\n            category: 'Legend Props',\n            type: { summary: 'boolean' },\n        },\n        control: { type: 'boolean' },\n        defaultValue: { summary: false },\n    },\n    'legend.title.text': {\n        description: '범례 타이틀 문구',\n        table: {\n            category: 'Legend Props',\n            type: { summary: 'string' },\n        },\n        control: { type: 'text' },\n        defaultValue: { summary: '' },\n    },\n    'legend.labels.usePointStyle': {\n        description: '범례 스타일 사용여부',\n        table: {\n            category: 'Legend Props',\n            type: { summary: 'boolean' },\n        },\n        control: { type: 'boolean' },\n        defaultValue: { summary: 'false' },\n    },\n    'legend.labels.pointStyle': {\n        description: \"- \\uB77C\\uBCA8 \\uD3EC\\uC778\\uD2B8 \\uC2A4\\uD0C0\\uC77C\\n      - usePointStyle\\uAC00 true\\uC778 \\uACBD\\uC6B0 \\uC801\\uC6A9\",\n        table: {\n            category: 'Legend Props',\n            type: { summary: pointStyleList.join(' | ') },\n        },\n        control: { type: 'select' },\n        options: pointStyleList,\n        defaultValue: { summary: 'false' },\n    },\n};\nexport var chartDatasetsArgsTypes = {\n    'datasets[n].data': {\n        description: '데이터셋 데이터',\n        table: {\n            category: 'Dataset Props',\n            type: { summary: 'object | object[] | number[] | string[]' },\n        },\n    },\n    'datasets[n].label': {\n        description: '데이터셋 라벨',\n        table: {\n            category: 'Dataset Props',\n            type: { summary: 'string' },\n        },\n    },\n    'datasets[n].backgroundColor': {\n        description: '데이터셋 배경 색상',\n        table: {\n            category: 'Dataset Props',\n            type: { summary: 'object' },\n        },\n    },\n    'datasets[n].borderColor': {\n        description: '데이터셋 테두리 색상',\n        table: {\n            category: 'Dataset Props',\n            type: { summary: 'object' },\n        },\n    },\n    'datasets[n].borderWidth': {\n        description: '데이터셋 테두리 두꼐',\n        table: {\n            category: 'Dataset Props',\n            type: { summary: 'number' },\n        },\n    },\n    'datasets[n].borderRadius': {\n        description: '데이터셋 둥글기',\n        table: {\n            category: 'Dataset Props',\n            type: { summary: 'number' },\n        },\n    },\n    'datasets[n].hoverBackgroundColor': {\n        description: '데이터셋 마우스 호버 시 배경 색상',\n        table: {\n            category: 'Dataset Props',\n            type: { summary: 'object' },\n        },\n    },\n    'datasets[n].hoverBorderColor': {\n        description: '데이터셋 마우스 호버 시 테두리 색상',\n        table: {\n            category: 'Dataset Props',\n            type: { summary: 'object' },\n        },\n    },\n    'datasets[n].hoverBorderWidth': {\n        description: '데이터셋 호버 시 테두리 두께',\n        table: {\n            category: 'Dataset Props',\n            type: { summary: 'number' },\n        },\n    },\n    'datasets[n].hoverBorderRadius': {\n        description: '데이터셋 호버 시 둥글기',\n        table: {\n            category: 'Dataset Props',\n            type: { summary: 'number' },\n        },\n    },\n    'datasets[n].order': {\n        description: '데이터셋 순서',\n        table: {\n            category: 'Dataset Props',\n            type: { summary: 'number' },\n        },\n    },\n    'datasets[n].hidden': {\n        description: '데이터셋 표시 여부',\n        table: {\n            category: 'Dataset Props',\n            type: { summary: 'boolean' },\n        },\n    },\n    'datasets[n].borderDash': {\n        description: \"- \\uCC28\\uD2B8\\uC758 \\uAC01 \\uC139\\uC158\\uC758 \\uD14C\\uB450\\uB9AC\\uB97C \\uC810\\uC120\\uC73C\\uB85C \\uB9CC\\uB4EC\\n        - ex)[5,5]: 5\\uD53D\\uC140 \\uAE38\\uC774\\uC758 \\uC120\\uACFC 5\\uD53D\\uC140 \\uAE38\\uC774\\uC758 \\uAC04\\uACA9\",\n        table: {\n            category: 'Dataset Props',\n            type: { summary: 'number[]' },\n        },\n    },\n    'datasets[n].borderDashOffset': {\n        description: \"- \\uC810\\uC120\\uC758 \\uC2DC\\uC791 \\uC704\\uCE58 \\uC870\\uC815\\n      - ex) 2: \\uC810\\uC120\\uC758 \\uC2DC\\uC791 \\uC9C0\\uC810\\uC744 2\\uD53D\\uC140 \\uC774\\uB3D9\",\n        table: {\n            category: 'Dataset Props',\n            type: { summary: 'number' },\n        },\n    },\n    'datasets[n].offset': {\n        description: '각 섹션 사이의 간격 조정',\n        table: {\n            category: 'Dataset Props',\n            type: { summary: 'number' },\n        },\n    },\n    'datasets[n].weight': {\n        description: '각 섹션의 상대적인 두께를 설정, 섹션이 차지하는 공간의 비율을 조정',\n        table: {\n            category: 'Dataset Props',\n            type: { summary: 'number' },\n        },\n    },\n};\nexport var chartDatalabelsArgsTypes = {\n    datalabels: {\n        table: {\n            disable: true,\n        },\n    },\n    'datalabels.display': {\n        description: '차트 데이터 라벨 표시 여부',\n        table: {\n            category: 'Datalabels Props',\n            type: { summary: 'boolean' },\n        },\n        control: { type: 'boolean' },\n        defaultValue: { summary: false },\n    },\n    'datalabels.color': {\n        description: '차트 데이터 라벨 색상',\n        table: {\n            category: 'Datalabels Props',\n            type: { summary: 'string' },\n        },\n        control: { type: 'select' },\n        options: ['white', 'gray', 'black'],\n        defaultValue: { summary: 'gray' },\n    },\n};\nexport var blackText = ['sky', 'mint', 'lime', 'yellow', 'amber', 'orange', 'white'];\nexport var primaryColorStyle = function () {\n    var color = {};\n    for (var i in ColorStyle) {\n        var darkColor = \"\".concat(i, \"Dark\");\n        color[i] = blackText.includes(i)\n            ? \"bg-\".concat(ColorStyle[i], \" text-slate-12 dark:bg-\").concat(DarkColorStyle[darkColor], \" dark:text-slateDark-12\")\n            : \"bg-\".concat(ColorStyle[i], \" text-white dark:bg-\").concat(DarkColorStyle[darkColor], \" dark:text-slateDark-1\");\n    }\n    return color;\n};\nexport var bgColorStyle = function () {\n    var color = {};\n    for (var i in ColorStyle) {\n        var darkColor = \"\".concat(i, \"Dark\");\n        color[i] = \"bg-\".concat(ColorStyle[i], \" dark:bg-\").concat(DarkColorStyle[darkColor]);\n    }\n    return color;\n};\nexport var textColorStyle = function () {\n    var color = {};\n    for (var i in ColorStyle) {\n        var darkColor = \"\".concat(i, \"Dark\");\n        color[i] = \"text-\".concat(ColorStyle[i], \" dark:text-\").concat(DarkColorStyle[darkColor]);\n    }\n    return color;\n};\nexport var borderColorStyle = function () {\n    var color = {};\n    for (var i in ColorStyle) {\n        var darkColor = \"\".concat(i, \"Dark\");\n        color[i] = \"border-\".concat(ColorStyle[i], \" dark:border-\").concat(DarkColorStyle[darkColor]);\n    }\n    return color;\n};\nvar makeClassName = function (type, isClickable) {\n    var className = '';\n    className += \"\".concat(type.light.default, \" \").concat(type.dark.default);\n    if (isClickable) {\n        className += \" \".concat(type.light.hover, \" \").concat(type.light.active, \" \").concat(type.light.disable, \" \").concat(type.dark.hover, \" \").concat(type.dark.active, \" \").concat(type.dark.disable);\n    }\n    return className;\n};\nexport var appearanceStyle = function (type, color, isClickable) {\n    if (color === void 0) { color = MAIN_COLOR; }\n    if (isClickable === void 0) { isClickable = true; }\n    var darkColor = \"\".concat(color, \"Dark\");\n    var classic = {\n        light: {\n            default: \"bg-\".concat(color, \"-9 border border-solid border-\").concat(color, \"-9 shadow-button-classic\"),\n            hover: \"hover:bg-\".concat(color, \"-10 hover:border-\").concat(color, \"-9\"),\n            active: \"active:bg-\".concat(color, \"-9 active:border-\").concat(color, \"-9\"),\n            disable: \"disabled:bg-slateA-3 disabled:border-slate-4 disabled:text-slateA-8\",\n        },\n        dark: {\n            default: \"dark:bg-\".concat(darkColor, \"-9 dark:border-\").concat(darkColor, \"-9 dark:shadow-button-dark-classic\"),\n            hover: \"dark:hover:bg-\".concat(darkColor, \"-10 dark:hover:border-\").concat(darkColor, \"-9\"),\n            active: \"dark:active:bg-\".concat(darkColor, \"-9 dark:active:border-\").concat(darkColor, \"-9\"),\n            disable: \"dark:disabled:bg-slateDarkA-3 dark:disabled:border-slateDark-4 dark:disabled:text-slateDarkA-8\",\n        },\n    };\n    var solid = {\n        light: {\n            default: \"bg-\".concat(color, \"-9 border-none\"),\n            hover: \"hover:bg-\".concat(color, \"-10 hover:border-none\"),\n            active: \"active:bg-\".concat(color, \"-10 active:border-none active:opacity-[.92]\"),\n            disable: \"disabled:bg-slateA-3 disabled:border-none disabled:text-slateA-8\",\n        },\n        dark: {\n            default: \"dark:bg-\".concat(darkColor, \"-9\"),\n            hover: \"dark:hover:bg-\".concat(darkColor, \"-10\"),\n            active: \"dark:active:bg-\".concat(darkColor, \"-10 dark:active:opacity-[.92]\"),\n            disable: \"dark:disabled:bg-slateDarkA-3 dark:disabled:text-slateDarkA-8\",\n        },\n    };\n    var soft = {\n        light: {\n            default: \"bg-\".concat(color, \"A-3 border-none text-\").concat(color, \"A-11\"),\n            hover: \"hover:bg-\".concat(color, \"A-4 hover:border-none hover:text-\").concat(color, \"A-11\"),\n            active: \"active:bg-\".concat(color, \"A-5 active:border-none active:text-\").concat(color, \"A-11 active:opacity-[.92]\"),\n            disable: \"disabled:bg-slateA-3 disabled:border-none disabled:text-slateA-8\",\n        },\n        dark: {\n            default: \"dark:bg-\".concat(darkColor, \"A-3 dark:text-\").concat(darkColor, \"A-11\"),\n            hover: \"dark:hover:bg-\".concat(darkColor, \"A-4 dark:hover:text-\").concat(darkColor, \"A-11\"),\n            active: \"dark:active:bg-\".concat(darkColor, \"A-5 dark:active:text-\").concat(darkColor, \"A-11 dark:active:opacity-[.92]\"),\n            disable: \"dark:disabled:bg-slateDarkA-3 dark:disabled:text-slateDarkA-8\",\n        },\n    };\n    var surface = {\n        light: {\n            default: \"bg-\".concat(color, \"A-2 border border-solid border-\").concat(color, \"A-7 text-\").concat(color, \"A-11\"),\n            hover: \"hover:bg-\".concat(color, \"A-2 hover:border-\").concat(color, \"A-8 hover:text-\").concat(color, \"A-11\"),\n            active: \"active:bg-\".concat(color, \"A-3 active:border-\").concat(color, \"A-8 active:text-\").concat(color, \"A-11 active:opacity-[.92]\"),\n            disable: \"disabled:bg-slateA-2 disabled:border-slateA-6 disabled:text-slateA-8\",\n        },\n        dark: {\n            default: \"dark:bg-\".concat(darkColor, \"A-2 dark:border-\").concat(darkColor, \"A-7 dark:text-\").concat(darkColor, \"A-11\"),\n            hover: \"dark:hover:bg-\".concat(darkColor, \"A-2 dark:hover:border-\").concat(darkColor, \"A-8 dark:hover:text-\").concat(darkColor, \"A-11\"),\n            active: \"dark:active:bg-\".concat(darkColor, \"A-3 dark:active:border-\").concat(darkColor, \"A-8 dark:active:text-\").concat(darkColor, \"A-11 dark:active:opacity-[.92]\"),\n            disable: \"dark:disabled:bg-slateDarkA-2 dark:disabled:border-slateDarkA-6 dark:disabled:text-slateDarkA-8\",\n        },\n    };\n    var outline = {\n        light: {\n            default: \"bg-transparent border border-solid border-\".concat(color, \"A-8 text-\").concat(color, \"A-11\"),\n            hover: \"hover:bg-\".concat(color, \"A-2 hover:border-\").concat(color, \"A-8 hover:text-\").concat(color, \"A-11\"),\n            active: \"active:bg-\".concat(color, \"A-3 active:border-\").concat(color, \"A-8 active:text-\").concat(color, \"A-11\"),\n            disable: \"disabled:bg-transparent disabled:border-slateA-7 disabled:text-slateA-8\",\n        },\n        dark: {\n            default: \"dark:border-\".concat(darkColor, \"A-8 dark:bg-transparent dark:text-\").concat(darkColor, \"A-11\"),\n            hover: \"dark:hover:bg-\".concat(darkColor, \"A-2 dark:hover:border-\").concat(darkColor, \"A-8 dark:hover:text-\").concat(darkColor, \"A-11\"),\n            active: \"dark:active:bg-\".concat(darkColor, \"A-3 dark:active:border-\").concat(darkColor, \"A-8 dark:active:text-\").concat(darkColor, \"A-11 dark:active:opacity-[.92]\"),\n            disable: \"dark:disabled:border-slateDarkA-7 dark:disabled:bg-transparent dark:disabled:text-slateDarkA-8 \",\n        },\n    };\n    var ghost = {\n        light: {\n            default: \"bg-transparent border-none text-\".concat(color, \"A-11\"),\n            hover: \"hover:bg-\".concat(color, \"A-3 hover:border-none hover:text-\").concat(color, \"A-11\"),\n            active: \"active:bg-\".concat(color, \"A-4 active:border-none active:text-\").concat(color, \"A-11 active:opacity-[.92]\"),\n            disable: \"disabled:bg-transparent disabled:border-none disabled:text-slateA-8\",\n        },\n        dark: {\n            default: \"dark:bg-transparent dark:text-\".concat(darkColor, \"A-11\"),\n            hover: \"dark:hover:bg-\".concat(darkColor, \"A-3 dark:hover:text-\").concat(darkColor, \"A-11\"),\n            active: \"dark:active:bg-\".concat(darkColor, \"A-4 dark:active:text-\").concat(darkColor, \"A-11 dark:active:opacity-[.92]\"),\n            disable: \"dark:disabled:text-slateDarkA-8\",\n        },\n    };\n    switch (type) {\n        case 'classic':\n            return makeClassName(classic, isClickable);\n        case 'solid':\n            return makeClassName(solid, isClickable);\n        case 'soft':\n            return makeClassName(soft, isClickable);\n        case 'surface':\n            return makeClassName(surface, isClickable);\n        case 'outline':\n            return makeClassName(outline, isClickable);\n        case 'ghost':\n            return makeClassName(ghost, isClickable);\n        default:\n            return '';\n    }\n};\nexport var toggleAppearanceStyle = function (type, color, isClickable, stateOn) {\n    if (color === void 0) { color = MAIN_COLOR; }\n    if (isClickable === void 0) { isClickable = true; }\n    if (stateOn === void 0) { stateOn = ''; }\n    var darkColor = \"\".concat(color, \"Dark\");\n    var classic = {\n        light: {\n            default: \"bg-\".concat(color, \"-9 border border-solid border-\").concat(color, \"-9 text-white shadow-button-classic\"),\n            hover: \"hover:bg-\".concat(color, \"-10 hover:border-\").concat(color, \"-9 hover:text-white \").concat(stateOn, \"hover:bg-\").concat(color, \"-10 \").concat(stateOn, \"hover:border-\").concat(color, \"-9 \").concat(stateOn, \"hover:text-white\"),\n            active: \"\".concat(stateOn, \"bg-\").concat(color, \"-9 \").concat(stateOn, \"border-\").concat(color, \"-9 \").concat(stateOn, \"text-white\"),\n            disable: \"disabled:bg-slateA-3 disabled:border-slate-4 disabled:text-slateA-8\",\n        },\n        dark: {\n            default: \"dark:bg-\".concat(darkColor, \"-9 dark:border-\").concat(darkColor, \"-9 dark:text-slateDark-1\"),\n            hover: \"dark:hover:bg-\".concat(darkColor, \"-10 dark:hover:border-\").concat(darkColor, \"-9 dark:hover:text-slateDark-1 dark:\").concat(stateOn, \"hover:bg-\").concat(darkColor, \"-10 dark:\").concat(stateOn, \"hover:border-\").concat(darkColor, \"-9 dark:\").concat(stateOn, \"hover:text-slateDark-1\"),\n            active: \"dark:\".concat(stateOn, \"bg-\").concat(darkColor, \"-9 dark:\").concat(stateOn, \"border-\").concat(darkColor, \"-9 dark:\").concat(stateOn, \"text-slateDark-1\"),\n            disable: \"dark:disabled:bg-slateDarkA-3 dark:disabled:border-slateDark-4 dark:disabled:text-slateDarkA-8\",\n        },\n    };\n    var solid = {\n        light: {\n            default: \"bg-\".concat(color, \"-9 border-none text-white\"),\n            hover: \"hover:bg-\".concat(color, \"-10 hover:border-none hover:text-white \").concat(stateOn, \"hover:bg-\").concat(color, \"-10 \").concat(stateOn, \"hover:border-none \").concat(stateOn, \"hover:text-white\"),\n            active: \"\".concat(stateOn, \"bg-\").concat(color, \"-10 \").concat(stateOn, \"border-none \").concat(stateOn, \"text-white \").concat(stateOn, \"opacity-[.92]\"),\n            disable: \"disabled:bg-slateA-3 disabled:border-none disabled:text-slateA-8\",\n        },\n        dark: {\n            default: \"dark:bg-\".concat(darkColor, \"-9 dark:text-slateDark-1\"),\n            hover: \"dark:hover:bg-\".concat(darkColor, \"-10 dark:hover:text-slateDark-1 dark:\").concat(stateOn, \"hover:bg-\").concat(darkColor, \"-10 dark:\").concat(stateOn, \"hover:text-slateDark-1\"),\n            active: \"dark:\".concat(stateOn, \"bg-\").concat(darkColor, \"-10 dark:\").concat(stateOn, \"text-slateDark-1 dark:\").concat(stateOn, \"opacity-[.92]\"),\n            disable: \"dark:disabled:bg-slateDarkA-3 disabled:text-slateDarkA-8\",\n        },\n    };\n    var soft = {\n        light: {\n            default: \"bg-\".concat(color, \"A-3 border-none text-\").concat(color, \"A-11\"),\n            hover: \"hover:bg-\".concat(color, \"A-4 hover:border-none hover:text-\").concat(color, \"A-11 \").concat(stateOn, \"hover:bg-\").concat(color, \"A-4 \").concat(stateOn, \"hover:border-none \").concat(stateOn, \"hover:text-\").concat(color, \"A-11\"),\n            active: \"\".concat(stateOn, \"bg-\").concat(color, \"A-5 \").concat(stateOn, \"border-none \").concat(stateOn, \"text-\").concat(color, \"A-11 \").concat(stateOn, \"opacity-[.92]\"),\n            disable: \"disabled:bg-slateA-3 disabled:border-none disabled:text-slateA-8\",\n        },\n        dark: {\n            default: \"dark:bg-\".concat(darkColor, \"A-3 dark:text-\").concat(darkColor, \"A-11\"),\n            hover: \"dark:hover:bg-\".concat(darkColor, \"A-4 dark:hover:text-\").concat(darkColor, \"A-11 dark:\").concat(stateOn, \"hover:bg-\").concat(darkColor, \"A-4 dark:\").concat(stateOn, \"hover:text-\").concat(darkColor, \"A-11\"),\n            active: \"dark:\".concat(stateOn, \"bg-\").concat(darkColor, \"A-5 dark:\").concat(stateOn, \"text-\").concat(darkColor, \"A-11 dark:\").concat(stateOn, \"opacity-[.92]\"),\n            disable: \"dark:disabled:bg-slateDarkA-3 dark:disabled:text-slateDarkA-8\",\n        },\n    };\n    var surface = {\n        light: {\n            default: \"bg-\".concat(color, \"A-2 border border-solid border-\").concat(color, \"A-7 text-\").concat(color, \"A-11\"),\n            hover: \"hover:bg-\".concat(color, \"A-2 hover:border-\").concat(color, \"A-8 hover:text-\").concat(color, \"A-11 \").concat(stateOn, \"hover:bg-\").concat(color, \"A-2 \").concat(stateOn, \"hover:border-\").concat(color, \"A-8 \").concat(stateOn, \"hover:text-\").concat(color, \"A-11\"),\n            active: \"\".concat(stateOn, \"bg-\").concat(color, \"A-3 \").concat(stateOn, \"border-\").concat(color, \"A-8 \").concat(stateOn, \"text-\").concat(color, \"A-11 \").concat(stateOn, \"opacity-[.92]\"),\n            disable: \"disabled:bg-slatDarkeA-2 disabled:border-slateDarkA-6 disabled:text-slateDarkA-8\",\n        },\n        dark: {\n            default: \"dark:bg-\".concat(darkColor, \"A-2 dark:border-\").concat(darkColor, \"A-7 dark:text-\").concat(darkColor, \"A-11\"),\n            hover: \"dark:hover:bg-\".concat(darkColor, \"A-2 dark:hover:border-\").concat(darkColor, \"A-8 dark:hover:text-\").concat(darkColor, \"A-11 dark:\").concat(stateOn, \"hover:bg-\").concat(darkColor, \"A-2 dark:\").concat(stateOn, \"hover:border-\").concat(darkColor, \"A-8 dark:\").concat(stateOn, \"hover:text-\").concat(darkColor, \"A-11\"),\n            active: \"dark:\".concat(stateOn, \"bg-\").concat(darkColor, \"A-3 dark:\").concat(stateOn, \"border-\").concat(darkColor, \"A-8 dark:\").concat(stateOn, \"text-\").concat(darkColor, \"A-11 dark:\").concat(stateOn, \"opacity-[.92]\"),\n            disable: \"dark:disabled:bg-slateDarkA-2 dark:disabled:border-slateDarkA-6 dark:disabled:text-slateDarkA-8\",\n        },\n    };\n    var outline = {\n        light: {\n            default: \"bg-transparent border border-solid border-\".concat(color, \"A-8 text-\").concat(color, \"A-11\"),\n            hover: \"hover:bg-\".concat(color, \"A-2 hover:border-\").concat(color, \"A-8 hover:text-\").concat(color, \"A-11 \").concat(stateOn, \"hover:bg-\").concat(color, \"A-2 \").concat(stateOn, \"hover:border-\").concat(color, \"A-8 \").concat(stateOn, \"hover:text-\").concat(color, \"A-11\"),\n            active: \"\".concat(stateOn, \"bg-\").concat(color, \"A-3 \").concat(stateOn, \"border-\").concat(color, \"A-8 \").concat(stateOn, \"text-\").concat(color, \"A-11\"),\n            disable: \"disabled:bg-transparent disabled:border-slateA-7 disabled:text-slateA-8\",\n        },\n        dark: {\n            default: \"dark:border-\".concat(darkColor, \"A-8 dark:text-\").concat(darkColor, \"A-11\"),\n            hover: \"dark:hover:bg-\".concat(darkColor, \"A-2 dark:hover:border-\").concat(darkColor, \"A-8 dark:hover:text-\").concat(darkColor, \"A-11 dark:\").concat(stateOn, \"hover:bg-\").concat(darkColor, \"A-2 dark:\").concat(stateOn, \"hover:border-\").concat(darkColor, \"A-8 dark:\").concat(stateOn, \"hover:text-\").concat(darkColor, \"A-11\"),\n            active: \"dark:\".concat(stateOn, \"bg-\").concat(darkColor, \"A-3 dark:\").concat(stateOn, \"border-\").concat(darkColor, \"A-8 dark:\").concat(stateOn, \"text-\").concat(darkColor, \"A-11 dark:\").concat(stateOn, \"opacity-[.92]\"),\n            disable: \"dark:disabled:border-slateDarkA-7 dark:disabled:text-slateDarkA-8\",\n        },\n    };\n    var ghost = {\n        light: {\n            default: \"bg-transparent border-none text-\".concat(color, \"A-11\"),\n            hover: \"hover:bg-\".concat(color, \"A-3 hover:border-none hover:text-\").concat(color, \"A-11 \").concat(stateOn, \"hover:bg-\").concat(color, \"A-3 \").concat(stateOn, \"hover:border-none \").concat(stateOn, \"hover:text-\").concat(color, \"A-11\"),\n            active: \"\".concat(stateOn, \"bg-\").concat(color, \"A-4 \").concat(stateOn, \"border-none \").concat(stateOn, \"text-\").concat(color, \"A-11 \").concat(stateOn, \"opacity-[.92]\"),\n            disable: \"disabled:bg-transparent disabled:border-none disabled:text-slateA-8\",\n        },\n        dark: {\n            default: \"dark:bg-transparent dark:text-\".concat(darkColor, \"A-11\"),\n            hover: \"dark:hover:bg-\".concat(darkColor, \"A-3 dark:hover:text-\").concat(darkColor, \"A-11 dark:\").concat(stateOn, \"hover:bg-\").concat(darkColor, \"A-3 dark:\").concat(stateOn, \"hover:text-\").concat(darkColor, \"A-11\"),\n            active: \"dark:\".concat(stateOn, \"bg-\").concat(darkColor, \"A-4 dark:\").concat(stateOn, \"text-\").concat(darkColor, \"A-11 dark:\").concat(stateOn, \"opacity-[.92]\"),\n            disable: \"dark:disabled:text-slateDarkA-8\",\n        },\n    };\n    switch (type) {\n        case 'classic':\n            return makeClassName(classic, isClickable);\n        case 'solid':\n            return makeClassName(solid, isClickable);\n        case 'soft':\n            return makeClassName(soft, isClickable);\n        case 'surface':\n            return makeClassName(surface, isClickable);\n        case 'outline':\n            return makeClassName(outline, isClickable);\n        case 'ghost':\n            return makeClassName(ghost, isClickable);\n        default:\n            return '';\n    }\n};\nexport var menuItemAppearanceStyle = function (type, color) {\n    if (color === void 0) { color = MAIN_COLOR; }\n    var appearanceStyle = '';\n    if (type === 'solid') {\n        appearanceStyle = \"hover:bg-\".concat(color, \"-9 dark:hover:bg-\").concat(color, \"Dark-9 \");\n        appearanceStyle += blackText.includes(color)\n            ? \"hover:text-slateA-11 dark:hover:text-white\"\n            : \"hover:text-white dark:hover:text-white\";\n    }\n    if (type === 'soft') {\n        appearanceStyle = \"hover:bg-\".concat(color, \"A-4 dark:hover-bg-\").concat(color, \"DarkA-4\");\n    }\n    if (type === 'ghost') {\n        appearanceStyle = \"hover:bg-\".concat(color, \"-3 dark:hover:bg-\").concat(color, \"Dark-3\");\n    }\n    return appearanceStyle;\n};\nexport var checkboxAppearanceStyle = function (type, color, indeterminate) {\n    if (color === void 0) { color = MAIN_COLOR; }\n    var darkColor = \"\".concat(color, \"Dark\");\n    var surface = {\n        light: {\n            default: \"border data-[state=unchecked]:bg-transparent data-[state=unchecked]:border-slateA-7\\n        data-[state=checked]:bg-\".concat(color, \"-9 data-[state=checked]:border-none data-[state=checked]:text-slate-1\"),\n            hover: \"hover:data-[state=unchecked]:bg-transparent hover:data-[state=unchecked]:border-slateA-8\\n        hover:data-[state=checked]:bg-\".concat(color, \"-10 hover:data-[state=checked]:border-none hover:data-[state=checked]:text-white\"),\n            active: \"active:data-[state=unchecked]:bg-transparent active:data-[state=unchecked]:border-slateA-9\\n        active:data-[state=checked]:bg-\".concat(color, \"-10 active:data-[state=checked]:border-none active:data-[state=checked]:text-white\"),\n            disable: \"disabled:data-[state=unchecked]:bg-slateA-3 disabled:data-[state=unchecked]:border-slateA-6\\n        disabled:data-[state=checked]:bg-slateA-3 disabled:data-[state=checked]:border-slateA-6 disabled:data-[state=checked]:text-slateA-8\",\n        },\n        dark: {\n            default: \"dark:data-[state=unchecked]:border-slateDarkA-7\\n        dark:data-[state=checked]:bg-\".concat(darkColor, \"-9 dark:data-[state=checked]:text-#111113\"),\n            hover: \"dark:hover:data-[state=unchecked]:border-slateDarkA-8\\n        dark:hover:data-[state=checked]:bg-\".concat(darkColor, \"-10 dark:hover:data-[state=checked]:text-#111113\"),\n            active: \"dark:active:data-[state=unchecked]:border-slateDarkA-9\\n        dark:active:data-[state=checked]:bg-\".concat(darkColor, \"-10 dark:active:data-[state=checked]:text-#111113\"),\n            disable: \"dark:disabled:data-[state=unchecked]:bg-slateDarkA-3 dark:disabled:data-[state=unchecked]:border-slateDarkA-6\\n        dark:disabled:data-[state=checked]:bg-slateDarkA-3 dark:disabled:data-[state=checked]:border-slateDarkA-6 dark:disabled:data-[state=checked]:text-slateDarkA-8\",\n        },\n    };\n    var soft = {\n        light: {\n            default: \"data-[state=unchecked]:bg-\".concat(color, \"A-5 data-[state=unchecked]:border-none\\n        data-[state=checked]:bg-\").concat(color, \"A-5 data-[state=checked]:border-none data-[state=checked]:text-\").concat(color, \"-11\"),\n            hover: \"hover:data-[state=unchecked]:bg-\".concat(color, \"A-6 hover:data-[state=unchecked]:border-none\\n        hover:data-[state=checked]:bg-\").concat(color, \"A-6 hover:data-[state=checked]:border-none hover:data-[state=checked]:text-\").concat(color, \"-11\"),\n            active: \"active:data-[state=unchecked]:bg-\".concat(color, \"A-7 active:data-[state=unchecked]:border-none\\n        active:data-[state=checked]:bg-\").concat(color, \"A-7 active:data-[state=checked]:border-none active:data-[state=checked]:text-\").concat(color, \"-11\"),\n            disable: \"disabled:data-[state=unchecked]:bg-slateA-3 disabled:data-[state=unchecked]:border-none\\n        disabled:data-[state=checked]:bg-slateA-3 disabled:data-[state=checked]:border-none disabled:data-[state=checked]:text-slateA-8\",\n        },\n        dark: {\n            default: \"dark:data-[state=unchecked]:bg-\".concat(darkColor, \"A-5\\n        dark:data-[state=checked]:bg-\").concat(darkColor, \"A-5 dark:data-[state=checked]:text-\").concat(darkColor, \"-11\"),\n            hover: \"dark:hover:data-[state=unchecked]:bg-\".concat(darkColor, \"A-6\\n        dark:hover:data-[state=checked]:bg-\").concat(darkColor, \"A-6 dark:hover:data-[state=checked]:text-\").concat(darkColor, \"-11\"),\n            active: \"dark:active:data-[state=unchecked]:bg-\".concat(darkColor, \"A-7\\n        dark:active:data-[state=checked]:bg-\").concat(darkColor, \"A-7 dark:active:data-[state=checked]:text-\").concat(darkColor, \"-11\"),\n            disable: \"dark:disabled:data-[state=unchecked]:bg-slateDarkA-3\\n        dark:disabled:data-[state=checked]:bg-slateDarkA-3 dark:disabled:data-[state=checked]:text-slateDarkA-8\",\n        },\n    };\n    var indeterminateSurface = {\n        light: {\n            default: \"border bg-\".concat(color, \"A-2 border-\").concat(color, \"A-7 text-\").concat(color, \"A-11\"),\n            hover: \"hover:bg-\".concat(color, \"A-2 hover:border-\").concat(color, \"A-8 hover:text-\").concat(color, \"A-11\"),\n            active: \"active:bg-\".concat(color, \"A-3 active:border-\").concat(color, \"A-8 active:text-\").concat(color, \"A-11\"),\n            disable: \"disabled:bg-slateA-3 disabled:border-slateA-6 disabled:text-slateA-8\",\n        },\n        dark: {\n            default: \"dark:bg-\".concat(darkColor, \"A-2 dark:border-\").concat(darkColor, \"A-7 dark:text-\").concat(darkColor, \"A-11\"),\n            hover: \"dark:hover:bg-\".concat(darkColor, \"A-2 dark:hover:border-\").concat(darkColor, \"A-8 dark:hover:text-\").concat(darkColor, \"A-11\"),\n            active: \"dark:active:bg-\".concat(darkColor, \"A-3 dark:active:border-\").concat(darkColor, \"A-8 dark:active:text-\").concat(darkColor, \"A-11\"),\n            disable: \"dark:disabled:bg-slateDarkA-3 dark:disabled:border-slateDarkA-6 dark:disabled:text-slateDarkA-8\",\n        },\n    };\n    var indeterminateSoft = {\n        light: {\n            default: \"border bg-transparent border-\".concat(color, \"A-6 text-\").concat(color, \"A-11\"),\n            hover: \"hover:bg-transparent hover:border-\".concat(color, \"A-6 hover:text-\").concat(color, \"A-11\"),\n            active: \"active:bg-transparent active:border-\".concat(color, \"A-6 active:text-\").concat(color, \"A-11\"),\n            disable: \"disabled:bg-slateA-3 disabled:border-none disabled:text-slateA-8\",\n        },\n        dark: {\n            default: \"dark:border-\".concat(darkColor, \"A-6 dark:text-\").concat(darkColor, \"A-11\"),\n            hover: \"dark:hover:border-\".concat(darkColor, \"A-6 dark:hover:text-\").concat(darkColor, \"A-11\"),\n            active: \"dark:active:border-\".concat(darkColor, \"A-6 dark:active:text-\").concat(darkColor, \"A-11\"),\n            disable: \"dark:disabled:bg-slateDarkA-3 dark:disabled:text-slateDarkA-8\",\n        },\n    };\n    switch (type) {\n        case 'classic':\n            return indeterminate\n                ? makeClassName(indeterminateSurface, true)\n                : \"\".concat(makeClassName(surface, true), \" data-[state=checked]:shadow-checkbox-classic data-[state=unchecked]:shadow-checkbox-classic\\n          dark:data-[state=checked]:shadow-checkbox-classic dark:data-[state=unchecked]:shadow-checkbox-classic\");\n        case 'soft':\n            return indeterminate ? makeClassName(indeterminateSoft, true) : makeClassName(soft, true);\n        case 'surface':\n            return indeterminate\n                ? makeClassName(indeterminateSurface, true)\n                : makeClassName(surface, true);\n        default:\n            return makeClassName(surface, true);\n    }\n};\nexport var selectAppearanceStyle = function (type, color) {\n    var darkColor = \"\".concat(color, \"Dark\");\n    var surface = {\n        light: {\n            default: \"bg-[#FFFFFF] border border-slateA-7 data-placeholder:text-slateA-10 text-slateA-12\",\n            hover: \"hover:bg-[#FFFFFF] hover:border hover:border-slateA-8 hover:text-slateA-10\",\n            active: \"active:bg-\".concat(color, \"A-3 active:border-\").concat(color, \"A-8 active:text-slateA-10 active:opacity-[.92]\"),\n            disable: \"disabled:bg-slateA-2 disabled:border-slateA-6 disabled:text-slateA-8\",\n        },\n        dark: {\n            default: \"dark:bg-[#111113] dark:border dark:data-placeholder:border-slateDarkA-7 dark:data-placeholder:text-slateDarkA-9 dark:border-slateDarkA-7 dark:text-slateDarkA-12\",\n            hover: \"dark:hover:bg-[#111113] dark:hover:border dark:hover:border-slateDarkA-8 dark:hover:text-slateDarkA-10\",\n            active: \"dark:active:bg-\".concat(darkColor, \"A-3 dark:active:border dark:active:border-\").concat(darkColor, \"A-8 dark:active:text-slateDarkA-10 dark:active:opacity-[.92]\"),\n            disable: \"dark:disabled:bg-slateDarkA-2 dark:disabled:border dark:disabled:border-slateDarkA-6 dark:disabled:text-slateDarkA-8\",\n        },\n    };\n    var classic = {\n        light: {\n            default: \"bg-slateA-2 border border-slate-4 data-placeholder:text-slateA-10 text-slateA-12\",\n            hover: \"hover:bg-slateA-3 hover:border hover:border-slate-4 hover:text-slateA-10\",\n            active: \"active:bg-slateA-4 active:border active:border-slate-6 active:text-slateA-10\",\n            disable: \"disabled:bg-slateA-3 disabled:border disabled:border-slate-4 disabled:text-slateA-8\",\n        },\n        dark: {\n            default: \"dark:bg-slateDarkA-2 dark:border-slateDark-4 dark:data-placeholder:text-slateDarkA-10 dark:text-slateDarkA-12\",\n            hover: \"dark:hover:bg-slateDarkA-3 dark:hover:border-slateDark-4 dark:hover:text-slateDarkA-10\",\n            active: \"dark:active:bg-slateDarkA-4 dark:active:border-slateDark-6 dark:active:text-slateDarkA-10\",\n            disable: \"dark:disabled:bg-slateDarkA-3 dark:disabled:border-slateDark-4 dark:disabled:text-slateDarkA-8\",\n        },\n    };\n    var soft = {\n        light: {\n            default: \"bg-\".concat(color, \"A-3 border-none data-placeholder:text-\").concat(color, \"A-12/[.5] text-\").concat(color, \"A-12\"),\n            hover: \"hover:bg-\".concat(color, \"A-4 hover:border-none hover:text-\").concat(color, \"A-12/[.5]\"),\n            active: \"active:bg-\".concat(color, \"A-5 active:border-none active:text-\").concat(color, \"A-12/[.5] active:opacity-[.92]\"),\n            disable: \"disabled:bg-slateA-3 disabled:border-none disabled:text-slateA-8\",\n        },\n        dark: {\n            default: \"dark:bg-\".concat(darkColor, \"A-3 dark:border-none dark:data-placeholder:text-\").concat(darkColor, \"A-12/[.5] dark:text-\").concat(darkColor, \"A-12 \"),\n            hover: \"dark:hover:bg-\".concat(darkColor, \"A-4 dark:hover:border-none dark:hover:text-\").concat(darkColor, \"A-12/[.5]\"),\n            active: \"dark:active:bg-\".concat(darkColor, \"A-5 dark:active:border-none dark:active:text-\").concat(darkColor, \"A-12/[.5] dark:active:opacity-[.92]\"),\n            disable: \"dark:disabled:bg-slateDarkA-3 dark:disabled:border-none dark:disabled:text-slateDarkA-8\",\n        },\n    };\n    var ghost = {\n        light: {\n            default: \"bg-transparent border-none data-placeholder:text-\".concat(color, \"A-12/[.5] text-\").concat(color, \"A-12\"),\n            hover: \"hover:bg-\".concat(color, \"A-3 hover:border-none hover:text-\").concat(color, \"A-1/[.5]\"),\n            active: \"active:bg-\".concat(color, \"A-4 active:border-none active:text-\").concat(color, \"A-12/[.5] active:opacity-[.92]\"),\n            disable: \"disabled:bg-transparent disabled:border-none disabled:text-slateA-8\",\n        },\n        dark: {\n            default: \"dark:bg-transparent dark:border-none dark:data-placeholder:text-\".concat(darkColor, \"A-12/[.5] dark:text-\").concat(darkColor, \"A-12\"),\n            hover: \"dark:hover:bg-\".concat(darkColor, \"A-3 dark:hover:border-none dark:hover:text-\").concat(darkColor, \"A-12/[.5]\"),\n            active: \"dark:active:bg-\".concat(darkColor, \"A-4 dark:active:border-none dark:active:text-\").concat(darkColor, \"A-12/[.5] dark:active:opacity-[.92]\"),\n            disable: \"dark:disabled:text-slateDarkA-8 dark:disabled:border-none\",\n        },\n    };\n    var makeClassName = function (type) {\n        var className = '';\n        className += \"\".concat(type.light.default, \" \").concat(type.dark.default, \"  \").concat(type.light.hover, \" \").concat(type.light.active, \" \").concat(type.light.disable, \" \").concat(type.dark.hover, \" \").concat(type.dark.active, \" \").concat(type.dark.disable);\n        return className;\n    };\n    switch (type) {\n        case 'classic':\n            return makeClassName(classic);\n        case 'soft':\n            return makeClassName(soft);\n        case 'surface':\n            return makeClassName(surface);\n        case 'ghost':\n            return makeClassName(ghost);\n        default:\n            return '';\n    }\n};\n"],"names":["radiusVariants","small","none","medium","large","full","base","weightVariants","regular","semibold","bold","scalingVariants","blackText","primaryColorStyle","color","i","ColorStyle","darkColor","concat","includes","DarkColorStyle","bgColorStyle","textColorStyle","makeClassName","type","isClickable","className","light","default","dark","hover","active","disable","appearanceStyle","MAIN_COLOR","classic","solid","soft","surface","outline","ghost","toggleAppearanceStyle","stateOn","menuItemAppearanceStyle","checkboxAppearanceStyle","indeterminate","indeterminateSurface","indeterminateSoft","selectAppearanceStyle"],"mappings":"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"}

package/dist/lib/index.d.ts

@@ -1,2 +1,3 @@
 export * from './components';
 export * from './Typography';
+export * from './theme';

package/dist/lib/index.js

@@ -1,2 +1,3 @@
 export * from './components';
 export * from './Typography';
+export * from './theme';

package/dist/lib/index.mjs

@@ -1,2 +1,2 @@
-export{default as Accordion}from"./components/Accordion/index.mjs";export{default as AlertDialog}from"./components/AlertDialog/index.mjs";export{default as AspectRatio}from"./components/AspectRatio/index.mjs";export{default as Avatar}from"./components/Avatar/index.mjs";export{default as Badge}from"./components/Badge/index.mjs";export{Button}from"./components/Button/index.mjs";export{default as Callout}from"./components/Callout/index.mjs";export{default as Card}from"./components/Card/index.mjs";export{Checkbox}from"./components/Checkbox/index.mjs";export{default as CheckboxCard}from"./components/CheckboxCard/index.mjs";export{default as CheckboxGroup}from"./components/CheckboxGroup/index.mjs";export{default as ContextMenu}from"./components/ContextMenu/index.mjs";export{default as DataList}from"./components/DataList/index.mjs";export{default as Dialog}from"./components/Dialog/index.mjs";export{default as DropdownMenu}from"./components/DropdownMenu/index.mjs";export{default as HoverCard}from"./components/HoverCard/index.mjs";export{IconButton}from"./components/IconButton/index.mjs";export{Inset}from"./components/Inset/index.mjs";export{Label}from"./components/Label/index.mjs";export{default as Menubar}from"./components/Menubar/index.mjs";export{default as NavigationMenu}from"./components/NavigationMenu/index.mjs";export{default as Popover}from"./components/Popover/index.mjs";export{Progress}from"./components/Progress/index.mjs";export{Radio}from"./components/Radio/index.mjs";export{default as RadioCards}from"./components/RadioCards/index.mjs";export{default as RadioGroup}from"./components/RadioGroup/index.mjs";export{ScrollArea}from"./components/ScrollArea/index.mjs";export{default as SegmentedControl}from"./components/SegmentedControl/index.mjs";export{default as Select}from"./components/Select/index.mjs";export{Separator}from"./components/Separator/index.mjs";export{Skeleton}from"./components/Skeleton/index.mjs";export{Slider}from"./components/Slider/index.mjs";export{Spinner}from"./components/Spinner/index.mjs";export{default as Table}from"./components/Table/index.mjs";export{default as TabNav}from"./components/TabNav/index.mjs";export{default as Tabs}from"./components/Tabs/index.mjs";export{TextArea}from"./components/TextArea/index.mjs";export{default as TextField}from"./components/TextField/index.mjs";export{default as Toast}from"./components/Toast/index.mjs";export{Toggle}from"./components/Toggle/index.mjs";export{ToggleWithText}from"./components/Toggle/ToggleWithText.mjs";export{default as ToggleGroup}from"./components/ToggleGroup/index.mjs";export{ToggleSwitch}from"./components/ToggleSwitch/index.mjs";export{default as Tooltip}from"./components/Tooltip/index.mjs";export{default as BarChart}from"./components/BarChart/index.mjs";export{BubbleChart}from"./components/BubbleChart/index.mjs";export{RadarChart}from"./components/RadarChart/index.mjs";export{default as LineChart}from"./components/LineChart/index.mjs";export{default as PieChart}from"./components/PieChart/index.mjs";export{default as DoughnutChart}from"./components/DoughnutChart/index.mjs";export{Header}from"./Typography/Header/index.mjs";export{Text}from"./Typography/Text/index.mjs";
+export{default as Accordion}from"./components/Accordion/index.mjs";export{default as AlertDialog}from"./components/AlertDialog/index.mjs";export{default as AspectRatio}from"./components/AspectRatio/index.mjs";export{default as Avatar}from"./components/Avatar/index.mjs";export{default as Badge}from"./components/Badge/index.mjs";export{default as Breadcrumb}from"./components/Breadcrumb/index.mjs";export{Button}from"./components/Button/index.mjs";export{default as Callout}from"./components/Callout/index.mjs";export{default as Card}from"./components/Card/index.mjs";export{Checkbox}from"./components/Checkbox/index.mjs";export{default as CheckboxCard}from"./components/CheckboxCard/index.mjs";export{default as CheckboxGroup}from"./components/CheckboxGroup/index.mjs";export{default as ContextMenu}from"./components/ContextMenu/index.mjs";export{default as Collapsible}from"./components/Collapsible/index.mjs";export{default as DataList}from"./components/DataList/index.mjs";export{default as Dialog}from"./components/Dialog/index.mjs";export{default as DropdownMenu}from"./components/DropdownMenu/index.mjs";export{Editor}from"./components/Editor/index.mjs";export{Footer}from"./components/Footer/index.mjs";export{default as Gnb}from"./components/Gnb/index.mjs";export{default as HoverCard}from"./components/HoverCard/index.mjs";export{IconButton}from"./components/IconButton/index.mjs";export{Inset}from"./components/Inset/index.mjs";export{Label}from"./components/Label/index.mjs";export{default as Menubar}from"./components/Menubar/index.mjs";export{default as NavigationMenu}from"./components/NavigationMenu/index.mjs";export{default as Popover}from"./components/Popover/index.mjs";export{Progress}from"./components/Progress/index.mjs";export{Radio}from"./components/Radio/index.mjs";export{default as RadioCards}from"./components/RadioCards/index.mjs";export{default as RadioGroup}from"./components/RadioGroup/index.mjs";export{ScrollArea}from"./components/ScrollArea/index.mjs";export{default as SegmentedControl}from"./components/SegmentedControl/index.mjs";export{default as Select}from"./components/Select/index.mjs";export{Separator}from"./components/Separator/index.mjs";export{Skeleton}from"./components/Skeleton/index.mjs";export{Slider}from"./components/Slider/index.mjs";export{Spinner}from"./components/Spinner/index.mjs";export{default as Table}from"./components/Table/index.mjs";export{default as TabNav}from"./components/TabNav/index.mjs";export{default as Tabs}from"./components/Tabs/index.mjs";export{TextArea}from"./components/TextArea/index.mjs";export{default as TextField}from"./components/TextField/index.mjs";export{default as Toast}from"./components/Toast/index.mjs";export{Toggle}from"./components/Toggle/index.mjs";export{ToggleWithText}from"./components/Toggle/ToggleWithText.mjs";export{default as ToggleGroup}from"./components/ToggleGroup/index.mjs";export{ToggleSwitch}from"./components/ToggleSwitch/index.mjs";export{default as Tooltip}from"./components/Tooltip/index.mjs";export{default as BarChart}from"./components/BarChart/index.mjs";export{BubbleChart}from"./components/BubbleChart/index.mjs";export{RadarChart}from"./components/RadarChart/index.mjs";export{default as LineChart}from"./components/LineChart/index.mjs";export{default as PieChart}from"./components/PieChart/index.mjs";export{default as DoughnutChart}from"./components/DoughnutChart/index.mjs";export{default as Grid}from"./components/Grid/index.mjs";export{useGrid}from"./components/Grid/useGrid.mjs";export{Header}from"./Typography/Header/index.mjs";export{Text}from"./Typography/Text/index.mjs";export{default as LuiThemeProvider,useTheme}from"./theme/ThemeProvider.mjs";
 //# sourceMappingURL=index.mjs.map

package/dist/lib/theme/ThemeProvider.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { IColor, IRadius, IScaling, IWeight } from '../../lib/types';
+type ITheme = {
+    themeColor?: IColor;
+    themeRadius?: IRadius;
+    themeScaling?: IScaling;
+    themeWeight?: IWeight;
+};
+export declare const useTheme: () => {
+    theme: ITheme;
+    updateTheme: (newTheme: Partial<ITheme>) => void;
+};
+declare const ThemeProvider: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ThemeProvider;

package/dist/lib/theme/ThemeProvider.js

@@ -0,0 +1,29 @@
+'use client';
+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);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useState } from 'react';
+var defaultThemeValue = {};
+var ThemeContext = createContext({
+    theme: defaultThemeValue,
+    updateTheme: function () { },
+});
+export var useTheme = function () { return useContext(ThemeContext); };
+var ThemeProvider = function (_a) {
+    var children = _a.children;
+    var _b = useState(defaultThemeValue), theme = _b[0], setTheme = _b[1];
+    var updateTheme = function (newTheme) {
+        setTheme(function (prevTheme) { return (__assign(__assign({}, prevTheme), newTheme)); });
+    };
+    return _jsx(ThemeContext.Provider, { value: { theme: theme, updateTheme: updateTheme }, children: children });
+};
+export default ThemeProvider;

package/dist/lib/theme/ThemeProvider.mjs

@@ -0,0 +1,3 @@
+"use client";
+import{jsx as r}from"react/jsx-runtime";import{createContext as t,useContext as e,useState as n}from"react";var o=function(){return o=Object.assign||function(r){for(var t,e=1,n=arguments.length;e<n;e++)for(var o in t=arguments[e])Object.prototype.hasOwnProperty.call(t,o)&&(r[o]=t[o]);return r},o.apply(this,arguments)},u={},i=t({theme:u,updateTheme:function(){}}),a=function(){return e(i)},c=function(t){var e=t.children,a=n(u),c=a[0],f=a[1];return r(i.Provider,{value:{theme:c,updateTheme:function(r){f((function(t){return o(o({},t),r)}))}},children:e})};export{c as default,a as useTheme};
+//# sourceMappingURL=ThemeProvider.mjs.map

package/dist/lib/theme/ThemeProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/lib/theme/index.d.ts

@@ -0,0 +1,2 @@
+export { default as LuiThemeProvider } from './ThemeProvider';
+export { useTheme } from './ThemeProvider';

package/dist/lib/theme/index.js

@@ -0,0 +1,2 @@
+export { default as LuiThemeProvider } from './ThemeProvider';
+export { useTheme } from './ThemeProvider';