@lotte-innovate/ui-component-test 0.1.64 → 0.1.66
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/.storybook/main.d.ts +3 -0
- package/dist/.storybook/main.js +22 -0
- package/dist/.storybook/manager.d.ts +1 -0
- package/dist/.storybook/manager.js +12 -0
- package/dist/.storybook/preview.d.ts +8 -0
- package/dist/.storybook/preview.js +81 -0
- package/dist/globals.css +1 -1
- package/dist/lib/.storybook/main.d.ts +3 -0
- package/dist/lib/.storybook/manager.d.ts +1 -0
- package/dist/lib/.storybook/preview.d.ts +9 -0
- package/dist/lib/color/constants.d.ts +0 -15
- package/dist/lib/color/constants.js +0 -32
- package/dist/lib/color/constants.mjs.map +1 -1
- package/dist/lib/components/BubbleChart/index.js +1 -1
- package/dist/lib/components/BubbleChart/index.mjs.map +1 -1
- package/dist/lib/components/RadarChart/index.js +1 -1
- package/dist/lib/components/RadarChart/index.mjs.map +1 -1
- package/dist/lib/constants.d.ts +0 -2
- package/dist/lib/constants.js +7 -31
- package/dist/lib/constants.mjs +1 -1
- package/dist/lib/constants.mjs.map +1 -1
- package/dist/lib/tsconfig.tsbuildinfo +1 -1
- package/dist/lib/utils/classPrefixes.d.ts +3 -0
- package/dist/lib/utils/classPrefixes.js +26 -0
- package/dist/tailwind.config.js +5 -32
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +2 -1
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import type { Preview } from '@storybook/react';
|
3
|
+
import '../src/app/globals.css';
|
4
|
+
import '../src/app/styles.css';
|
5
|
+
import '../src/app/stories.css';
|
6
|
+
import 'tailwindcss/tailwind.css';
|
7
|
+
declare const preview: Preview;
|
8
|
+
export default preview;
|
9
|
+
export declare const decorators: ((Story: any, context: any) => React.JSX.Element)[];
|
@@ -2,20 +2,6 @@ import { IColor, IAlphaColor, IDarkColor } from '../types';
|
|
2
2
|
export declare const colorOptions: IColor[];
|
3
3
|
export declare const alphaColorOptions: IAlphaColor[];
|
4
4
|
export declare const darkColorOptions: IDarkColor[];
|
5
|
-
export declare const alphaOptions: {
|
6
|
-
1: string;
|
7
|
-
2: string;
|
8
|
-
3: string;
|
9
|
-
4: string;
|
10
|
-
5: string;
|
11
|
-
6: string;
|
12
|
-
7: string;
|
13
|
-
8: string;
|
14
|
-
9: string;
|
15
|
-
10: string;
|
16
|
-
11: string;
|
17
|
-
12: string;
|
18
|
-
};
|
19
5
|
export declare const ColorStyle: Record<string, string>;
|
20
6
|
export declare const DarkColorStyle: Record<string, string>;
|
21
7
|
export declare const chartColorList: {
|
@@ -26,4 +12,3 @@ export declare const chartAlphaColorList: {
|
|
26
12
|
sorting: string[];
|
27
13
|
mixed: string[];
|
28
14
|
};
|
29
|
-
export declare const chartColorOptions: IColor[];
|
@@ -122,20 +122,6 @@ export var darkColorOptions = [
|
|
122
122
|
'orangeDarkA',
|
123
123
|
'whiteDark',
|
124
124
|
];
|
125
|
-
export var alphaOptions = {
|
126
|
-
1: '1',
|
127
|
-
2: '2',
|
128
|
-
3: '6',
|
129
|
-
4: '9',
|
130
|
-
5: '12',
|
131
|
-
6: '15',
|
132
|
-
7: '20',
|
133
|
-
8: '27',
|
134
|
-
9: '45',
|
135
|
-
10: '50',
|
136
|
-
11: '62',
|
137
|
-
12: '89',
|
138
|
-
};
|
139
125
|
export var ColorStyle = {
|
140
126
|
black: 'slate-12',
|
141
127
|
white: '#ffffff',
|
@@ -276,21 +262,3 @@ export var chartAlphaColorList = {
|
|
276
262
|
limeA[2],
|
277
263
|
],
|
278
264
|
};
|
279
|
-
export var chartColorOptions = [
|
280
|
-
'blue',
|
281
|
-
'crimson',
|
282
|
-
'teal',
|
283
|
-
'orange',
|
284
|
-
'purple',
|
285
|
-
'amber',
|
286
|
-
'slate',
|
287
|
-
'cyan',
|
288
|
-
'red',
|
289
|
-
'grass',
|
290
|
-
'brown',
|
291
|
-
'indigo',
|
292
|
-
'plum',
|
293
|
-
'yellow',
|
294
|
-
'sky',
|
295
|
-
'lime',
|
296
|
-
];
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"constants.mjs","sources":["../../lib/color/constants.js"],"sourcesContent":["import { blue, crimson, teal, orange, purple, amber, slate, cyan, red, grass, brown, indigo, plum, yellow, sky, lime, } from './light';\nimport { blueA, crimsonA, tealA, orangeA, purpleA, amberA, slateA, cyanA, redA, grassA, brownA, indigoA, plumA, yellowA, skyA, limeA, } from './alpha';\nexport var colorOptions = [\n // 'black',\n 'slate',\n 'olive',\n 'sand',\n 'tomato',\n 'red',\n 'ruby',\n 'crimson',\n 'pink',\n 'plum',\n 'purple',\n 'violet',\n 'iris',\n 'indigo',\n 'blue',\n 'cyan',\n 'teal',\n 'jade',\n 'green',\n 'grass',\n 'brown',\n 'bronze',\n 'gold',\n 'sky',\n 'mint',\n 'lime',\n 'yellow',\n 'amber',\n 'orange',\n // 'white',\n];\nexport var alphaColorOptions = [\n 'slateA',\n 'oliveA',\n 'sandA',\n 'tomatoA',\n 'redA',\n 'rubyA',\n 'crimsonA',\n 'pinkA',\n 'plumA',\n 'purpleA',\n 'violetA',\n 'irisA',\n 'indigoA',\n 'blueA',\n 'cyanA',\n 'tealA',\n 'jadeA',\n 'greenA',\n 'grassA',\n 'brownA',\n 'bronzeA',\n 'goldA',\n 'skyA',\n 'mintA',\n 'limeA',\n 'yellowA',\n 'amberA',\n 'orangeA',\n];\nexport var darkColorOptions = [\n 'blackDark',\n 'slateDark',\n 'oliveDark',\n 'sandDark',\n 'tomatoDark',\n 'redDark',\n 'rubyDark',\n 'crimsonDark',\n 'pinkDark',\n 'plumDark',\n 'purpleDark',\n 'violetDark',\n 'irisDark',\n 'indigoDark',\n 'blueDark',\n 'cyanDark',\n 'tealDark',\n 'jadeDark',\n 'greenDark',\n 'grassDark',\n 'brownDark',\n 'bronzeDark',\n 'goldDark',\n 'skyDark',\n 'mintDark',\n 'limeDark',\n 'yellowDark',\n 'amberDark',\n 'orangeDark',\n 'slateDarkA',\n 'oliveDarkA',\n 'sandDarkA',\n 'tomatoDarkA',\n 'redDarkA',\n 'rubyDarkA',\n 'crimsonDarkA',\n 'pinkDarkA',\n 'plumDarkA',\n 'purpleDarkA',\n 'violetDarkA',\n 'irisDarkA',\n 'indigoDarkA',\n 'blueDarkA',\n 'cyanDarkA',\n 'tealDarkA',\n 'jadeDarkA',\n 'greenDarkA',\n 'grassDarkA',\n 'brownDarkA',\n 'bronzeDarkA',\n 'goldDarkA',\n 'skyDarkA',\n 'mintDarkA',\n 'limeDarkA',\n 'yellowDarkA',\n 'amberDarkA',\n 'orangeDarkA',\n 'whiteDark',\n];\nexport var
|
1
|
+
{"version":3,"file":"constants.mjs","sources":["../../lib/color/constants.js"],"sourcesContent":["import { blue, crimson, teal, orange, purple, amber, slate, cyan, red, grass, brown, indigo, plum, yellow, sky, lime, } from './light';\nimport { blueA, crimsonA, tealA, orangeA, purpleA, amberA, slateA, cyanA, redA, grassA, brownA, indigoA, plumA, yellowA, skyA, limeA, } from './alpha';\nexport var colorOptions = [\n // 'black',\n 'slate',\n 'olive',\n 'sand',\n 'tomato',\n 'red',\n 'ruby',\n 'crimson',\n 'pink',\n 'plum',\n 'purple',\n 'violet',\n 'iris',\n 'indigo',\n 'blue',\n 'cyan',\n 'teal',\n 'jade',\n 'green',\n 'grass',\n 'brown',\n 'bronze',\n 'gold',\n 'sky',\n 'mint',\n 'lime',\n 'yellow',\n 'amber',\n 'orange',\n // 'white',\n];\nexport var alphaColorOptions = [\n 'slateA',\n 'oliveA',\n 'sandA',\n 'tomatoA',\n 'redA',\n 'rubyA',\n 'crimsonA',\n 'pinkA',\n 'plumA',\n 'purpleA',\n 'violetA',\n 'irisA',\n 'indigoA',\n 'blueA',\n 'cyanA',\n 'tealA',\n 'jadeA',\n 'greenA',\n 'grassA',\n 'brownA',\n 'bronzeA',\n 'goldA',\n 'skyA',\n 'mintA',\n 'limeA',\n 'yellowA',\n 'amberA',\n 'orangeA',\n];\nexport var darkColorOptions = [\n 'blackDark',\n 'slateDark',\n 'oliveDark',\n 'sandDark',\n 'tomatoDark',\n 'redDark',\n 'rubyDark',\n 'crimsonDark',\n 'pinkDark',\n 'plumDark',\n 'purpleDark',\n 'violetDark',\n 'irisDark',\n 'indigoDark',\n 'blueDark',\n 'cyanDark',\n 'tealDark',\n 'jadeDark',\n 'greenDark',\n 'grassDark',\n 'brownDark',\n 'bronzeDark',\n 'goldDark',\n 'skyDark',\n 'mintDark',\n 'limeDark',\n 'yellowDark',\n 'amberDark',\n 'orangeDark',\n 'slateDarkA',\n 'oliveDarkA',\n 'sandDarkA',\n 'tomatoDarkA',\n 'redDarkA',\n 'rubyDarkA',\n 'crimsonDarkA',\n 'pinkDarkA',\n 'plumDarkA',\n 'purpleDarkA',\n 'violetDarkA',\n 'irisDarkA',\n 'indigoDarkA',\n 'blueDarkA',\n 'cyanDarkA',\n 'tealDarkA',\n 'jadeDarkA',\n 'greenDarkA',\n 'grassDarkA',\n 'brownDarkA',\n 'bronzeDarkA',\n 'goldDarkA',\n 'skyDarkA',\n 'mintDarkA',\n 'limeDarkA',\n 'yellowDarkA',\n 'amberDarkA',\n 'orangeDarkA',\n 'whiteDark',\n];\nexport var ColorStyle = {\n black: 'slate-12',\n white: '#ffffff',\n slate: 'slate-9',\n olive: 'olive-9',\n sand: 'sand-9',\n tomato: 'tomato-9',\n red: 'red-9',\n ruby: 'ruby-9',\n crimson: 'crimson-9',\n pink: 'pink-9',\n plum: 'plum-9',\n purple: 'purple-9',\n violet: 'violet-9',\n iris: 'iris-9',\n indigo: 'indigo-9',\n blue: 'blue-9',\n cyan: 'cyan-9',\n teal: 'teal-9',\n jade: 'jade-9',\n green: 'green-9',\n grass: 'grass-9',\n brown: 'brown-9',\n bronze: 'bronze-9',\n gold: 'gold-9',\n sky: 'sky-9',\n mint: 'mint-9',\n lime: 'lime-9',\n yellow: 'yellow-9',\n amber: 'amber-9',\n orange: 'orange-9',\n};\nexport var DarkColorStyle = {\n blackDark: 'slateDark-12',\n whiteDark: 'slateDark-1',\n slateDark: 'slateDark-9',\n oliveDark: 'oliveDark-9',\n sandDark: 'sandDark-9',\n tomatoDark: 'tomatoDark-9',\n redDark: 'redDark-9',\n rubyDark: 'rubyDark-9',\n crimsonDark: 'crimsonDark-9',\n pinkDark: 'pinkDark-9',\n plumDark: 'plumDark-9',\n purpleDark: 'purpleDark-9',\n violetDark: 'violetDark-9',\n irisDark: 'irisDark-9',\n indigoDark: 'indigoDark-9',\n blueDark: 'blueDark-9',\n cyanDark: 'cyanDark-9',\n tealDark: 'tealDark-9',\n jadeDark: 'jadeDark-9',\n greenDark: 'greenDark-9',\n grassDark: 'grassDark-9',\n brownDark: 'brownDark-9',\n bronzeDark: 'bronzeDark-9',\n goldDark: 'goldDark-9',\n skyDark: 'skyDark-9',\n mintDark: 'mintDark-9',\n limeDark: 'limeDark-9',\n yellowDark: 'yellowDark-9',\n amberDark: 'amberDark-9',\n orangeDark: 'orangeDark-9',\n};\nexport var chartColorList = {\n sorting: [\n crimson[9],\n orange[9],\n amber[9],\n teal[9],\n blue[9],\n purple[9],\n slate[9],\n red[9],\n brown[9],\n yellow[9],\n lime[9],\n grass[9],\n sky[9],\n cyan[9],\n indigo[9],\n plum[9],\n ],\n mixed: [\n blue[9],\n crimson[9],\n teal[9],\n orange[9],\n purple[9],\n amber[9],\n slate[9],\n cyan[9],\n red[9],\n grass[9],\n brown[9],\n indigo[9],\n plum[9],\n yellow[9],\n sky[9],\n lime[9],\n ],\n};\nexport var chartAlphaColorList = {\n sorting: [\n crimsonA[2],\n orangeA[2],\n amberA[2],\n tealA[2],\n blueA[2],\n purpleA[2],\n slateA[2],\n redA[2],\n brownA[2],\n yellowA[2],\n limeA[2],\n grassA[2],\n skyA[2],\n cyanA[2],\n indigoA[2],\n plumA[2],\n ],\n mixed: [\n blueA[2],\n crimsonA[2],\n tealA[2],\n orangeA[2],\n purpleA[2],\n amberA[2],\n slateA[2],\n cyanA[2],\n redA[2],\n grassA[2],\n brownA[2],\n indigoA[2],\n plumA[2],\n yellowA[2],\n skyA[2],\n limeA[2],\n ],\n};\n"],"names":["ColorStyle","black","white","slate","olive","sand","tomato","red","ruby","crimson","pink","plum","purple","violet","iris","indigo","blue","cyan","teal","jade","green","grass","brown","bronze","gold","sky","mint","lime","yellow","amber","orange","DarkColorStyle","blackDark","whiteDark","slateDark","oliveDark","sandDark","tomatoDark","redDark","rubyDark","crimsonDark","pinkDark","plumDark","purpleDark","violetDark","irisDark","indigoDark","blueDark","cyanDark","tealDark","jadeDark","greenDark","grassDark","brownDark","bronzeDark","goldDark","skyDark","mintDark","limeDark","yellowDark","amberDark","orangeDark","chartColorList","sorting","mixed","chartAlphaColorList","crimsonA","orangeA","amberA","tealA","blueA","purpleA","slateA","redA","brownA","yellowA","limeA","grassA","skyA","cyanA","indigoA","plumA"],"mappings":"4ZA4HU,IAACA,EAAa,CACpBC,MAAO,WACPC,MAAO,UACPC,MAAO,UACPC,MAAO,UACPC,KAAM,SACNC,OAAQ,WACRC,IAAK,QACLC,KAAM,SACNC,QAAS,YACTC,KAAM,SACNC,KAAM,SACNC,OAAQ,WACRC,OAAQ,WACRC,KAAM,SACNC,OAAQ,WACRC,KAAM,SACNC,KAAM,SACNC,KAAM,SACNC,KAAM,SACNC,MAAO,UACPC,MAAO,UACPC,MAAO,UACPC,OAAQ,WACRC,KAAM,SACNC,IAAK,QACLC,KAAM,SACNC,KAAM,SACNC,OAAQ,WACRC,MAAO,UACPC,OAAQ,YAEDC,EAAiB,CACxBC,UAAW,eACXC,UAAW,cACXC,UAAW,cACXC,UAAW,cACXC,SAAU,aACVC,WAAY,eACZC,QAAS,YACTC,SAAU,aACVC,YAAa,gBACbC,SAAU,aACVC,SAAU,aACVC,WAAY,eACZC,WAAY,eACZC,SAAU,aACVC,WAAY,eACZC,SAAU,aACVC,SAAU,aACVC,SAAU,aACVC,SAAU,aACVC,UAAW,cACXC,UAAW,cACXC,UAAW,cACXC,WAAY,eACZC,SAAU,aACVC,QAAS,YACTC,SAAU,aACVC,SAAU,aACVC,WAAY,eACZC,UAAW,cACXC,WAAY,gBAELC,EAAiB,CACxBC,QAAS,CACLtD,EAAQ,GACRqB,EAAO,GACPD,EAAM,GACNX,EAAK,GACLF,EAAK,GACLJ,EAAO,GACPT,EAAM,GACNI,EAAI,GACJe,EAAM,GACNM,EAAO,GACPD,EAAK,GACLN,EAAM,GACNI,EAAI,GACJR,EAAK,GACLF,EAAO,GACPJ,EAAK,IAETqD,MAAO,CACHhD,EAAK,GACLP,EAAQ,GACRS,EAAK,GACLY,EAAO,GACPlB,EAAO,GACPiB,EAAM,GACN1B,EAAM,GACNc,EAAK,GACLV,EAAI,GACJc,EAAM,GACNC,EAAM,GACNP,EAAO,GACPJ,EAAK,GACLiB,EAAO,GACPH,EAAI,GACJE,EAAK,KAGFsC,EAAsB,CAC7BF,QAAS,CACLG,EAAS,GACTC,EAAQ,GACRC,EAAO,GACPC,EAAM,GACNC,EAAM,GACNC,EAAQ,GACRC,EAAO,GACPC,EAAK,GACLC,EAAO,GACPC,EAAQ,GACRC,EAAM,GACNC,EAAO,GACPC,EAAK,GACLC,EAAM,GACNC,EAAQ,GACRC,EAAM,IAEVjB,MAAO,CACHM,EAAM,GACNJ,EAAS,GACTG,EAAM,GACNF,EAAQ,GACRI,EAAQ,GACRH,EAAO,GACPI,EAAO,GACPO,EAAM,GACNN,EAAK,GACLI,EAAO,GACPH,EAAO,GACPM,EAAQ,GACRC,EAAM,GACNN,EAAQ,GACRG,EAAK,GACLF,EAAM"}
|
@@ -52,7 +52,7 @@ var bubbleChartVariants = cva('', {
|
|
52
52
|
});
|
53
53
|
export var BubbleChart = function (_a) {
|
54
54
|
var className = _a.className, title = _a.title, legend = _a.legend, datalabels = _a.datalabels, datasets = _a.datasets, scaling = _a.scaling, width = _a.width, height = _a.height, _b = _a.appearance, appearance = _b === void 0 ? 'solid' : _b, _c = _a.isColorMixed, isColorMixed = _c === void 0 ? true : _c, props = __rest(_a, ["className", "title", "legend", "datalabels", "datasets", "scaling", "width", "height", "appearance", "isColorMixed"]);
|
55
|
-
var _d = useDarkMode(),
|
55
|
+
var _d = useDarkMode(), defaultScales = _d[1];
|
56
56
|
var getChartColor = function (isColorMixed, appearance) {
|
57
57
|
if (appearance === 'solid') {
|
58
58
|
return isColorMixed ? chartColorList.mixed : chartColorList.sorting;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../lib/components/BubbleChart/index.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Bubble } from 'react-chartjs-2';\nimport { Chart as ChartJS, registerables } from 'chart.js';\nimport { scalingVariants } from '../../../lib/constants';\nimport { cva } from 'class-variance-authority';\nimport { chartColorList, chartAlphaColorList } from '../../../lib/color/constants';\nimport ChartDataLabels from 'chartjs-plugin-datalabels';\nimport { useDarkMode } from '../../../lib/utils/useDarkMode';\nimport { cn } from '../../../lib/utils/utils';\nChartJS.register.apply(ChartJS, __spreadArray(__spreadArray([], registerables, false), [ChartDataLabels], false));\nChartJS.defaults.set('plugins.datalabels', {\n display: false,\n});\nvar bubbleChartVariants = cva('', {\n variants: {\n scaling: __assign({}, scalingVariants),\n },\n defaultVariants: {\n scaling: '100%',\n },\n});\nexport var BubbleChart = function (_a) {\n var className = _a.className, title = _a.title, legend = _a.legend, datalabels = _a.datalabels, datasets = _a.datasets, scaling = _a.scaling, width = _a.width, height = _a.height, _b = _a.appearance, appearance = _b === void 0 ? 'solid' : _b, _c = _a.isColorMixed, isColorMixed = _c === void 0 ? true : _c, props = __rest(_a, [\"className\", \"title\", \"legend\", \"datalabels\", \"datasets\", \"scaling\", \"width\", \"height\", \"appearance\", \"isColorMixed\"]);\n var _d = useDarkMode(),
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../lib/components/BubbleChart/index.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Bubble } from 'react-chartjs-2';\nimport { Chart as ChartJS, registerables } from 'chart.js';\nimport { scalingVariants } from '../../../lib/constants';\nimport { cva } from 'class-variance-authority';\nimport { chartColorList, chartAlphaColorList } from '../../../lib/color/constants';\nimport ChartDataLabels from 'chartjs-plugin-datalabels';\nimport { useDarkMode } from '../../../lib/utils/useDarkMode';\nimport { cn } from '../../../lib/utils/utils';\nChartJS.register.apply(ChartJS, __spreadArray(__spreadArray([], registerables, false), [ChartDataLabels], false));\nChartJS.defaults.set('plugins.datalabels', {\n display: false,\n});\nvar bubbleChartVariants = cva('', {\n variants: {\n scaling: __assign({}, scalingVariants),\n },\n defaultVariants: {\n scaling: '100%',\n },\n});\nexport var BubbleChart = function (_a) {\n var className = _a.className, title = _a.title, legend = _a.legend, datalabels = _a.datalabels, datasets = _a.datasets, scaling = _a.scaling, width = _a.width, height = _a.height, _b = _a.appearance, appearance = _b === void 0 ? 'solid' : _b, _c = _a.isColorMixed, isColorMixed = _c === void 0 ? true : _c, props = __rest(_a, [\"className\", \"title\", \"legend\", \"datalabels\", \"datasets\", \"scaling\", \"width\", \"height\", \"appearance\", \"isColorMixed\"]);\n var _d = useDarkMode(), defaultScales = _d[1];\n var getChartColor = function (isColorMixed, appearance) {\n if (appearance === 'solid') {\n return isColorMixed ? chartColorList.mixed : chartColorList.sorting;\n }\n if (appearance === 'soft') {\n return isColorMixed ? chartAlphaColorList.mixed : chartAlphaColorList.sorting;\n }\n };\n datasets.forEach(function (dataset, index) {\n var ChartColor = getChartColor(isColorMixed, appearance);\n var BorderColor = getChartColor(isColorMixed, 'solid');\n if (!ChartColor || !BorderColor)\n return;\n dataset.backgroundColor = ChartColor[index];\n dataset.borderColor = BorderColor[index];\n });\n return (_jsx(Bubble, __assign({ data: { datasets: datasets }, options: {\n plugins: {\n title: title,\n legend: legend,\n datalabels: datalabels,\n },\n scales: __assign({}, defaultScales.linescale),\n }, className: cn(bubbleChartVariants({ scaling: scaling }), className), width: width, height: height }, props)));\n};\nBubbleChart.displayName = 'BubbleChart';\nexport default BubbleChart;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","__spreadArray","to","from","pack","ar","l","Array","slice","concat","ChartJS","register","registerables","ChartDataLabels","defaults","set","display","bubbleChartVariants","cva","variants","scaling","scalingVariants","defaultVariants","BubbleChart","_a","className","title","legend","datalabels","datasets","width","height","_b","appearance","_c","isColorMixed","props","defaultScales","useDarkMode","getChartColor","chartColorList","mixed","sorting","chartAlphaColorList","forEach","dataset","index","ChartColor","BorderColor","backgroundColor","borderColor","_jsx","Bubble","data","options","plugins","scales","linescale","cn","displayName"],"mappings":"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"}
|
@@ -52,7 +52,7 @@ var radarChartVariants = cva('', {
|
|
52
52
|
});
|
53
53
|
export var RadarChart = function (_a) {
|
54
54
|
var className = _a.className, title = _a.title, legend = _a.legend, datalabels = _a.datalabels, datasets = _a.datasets, labels = _a.labels, width = _a.width, height = _a.height, scaling = _a.scaling, _b = _a.appearance, appearance = _b === void 0 ? 'solid' : _b, _c = _a.isColorMixed, isColorMixed = _c === void 0 ? true : _c, props = __rest(_a, ["className", "title", "legend", "datalabels", "datasets", "labels", "width", "height", "scaling", "appearance", "isColorMixed"]);
|
55
|
-
var _d = useDarkMode(true),
|
55
|
+
var _d = useDarkMode(true), defaultScales = _d[1];
|
56
56
|
var getChartColor = function (isColorMixed, appearance) {
|
57
57
|
if (appearance === 'solid') {
|
58
58
|
return isColorMixed ? chartColorList.mixed : chartColorList.sorting;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../lib/components/RadarChart/index.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { cva } from 'class-variance-authority';\nimport { scalingVariants } from '../../../lib/constants';\nimport { Radar } from 'react-chartjs-2';\nimport { cn } from '../../../lib/utils/utils';\nimport { Chart as ChartJS, registerables } from 'chart.js';\nimport { chartColorList, chartAlphaColorList } from '../../../lib/color/constants';\nimport { useDarkMode } from '../../../lib/utils/useDarkMode';\nimport ChartDataLabels from 'chartjs-plugin-datalabels';\nChartJS.register.apply(ChartJS, __spreadArray(__spreadArray([], registerables, false), [ChartDataLabels], false));\nChartJS.defaults.set('plugins.datalabels', {\n display: false,\n});\nvar radarChartVariants = cva('', {\n variants: {\n scaling: __assign({}, scalingVariants),\n },\n defaultVariants: {\n scaling: '100%',\n },\n});\nexport var RadarChart = function (_a) {\n var className = _a.className, title = _a.title, legend = _a.legend, datalabels = _a.datalabels, datasets = _a.datasets, labels = _a.labels, width = _a.width, height = _a.height, scaling = _a.scaling, _b = _a.appearance, appearance = _b === void 0 ? 'solid' : _b, _c = _a.isColorMixed, isColorMixed = _c === void 0 ? true : _c, props = __rest(_a, [\"className\", \"title\", \"legend\", \"datalabels\", \"datasets\", \"labels\", \"width\", \"height\", \"scaling\", \"appearance\", \"isColorMixed\"]);\n var _d = useDarkMode(true),
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../lib/components/RadarChart/index.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { cva } from 'class-variance-authority';\nimport { scalingVariants } from '../../../lib/constants';\nimport { Radar } from 'react-chartjs-2';\nimport { cn } from '../../../lib/utils/utils';\nimport { Chart as ChartJS, registerables } from 'chart.js';\nimport { chartColorList, chartAlphaColorList } from '../../../lib/color/constants';\nimport { useDarkMode } from '../../../lib/utils/useDarkMode';\nimport ChartDataLabels from 'chartjs-plugin-datalabels';\nChartJS.register.apply(ChartJS, __spreadArray(__spreadArray([], registerables, false), [ChartDataLabels], false));\nChartJS.defaults.set('plugins.datalabels', {\n display: false,\n});\nvar radarChartVariants = cva('', {\n variants: {\n scaling: __assign({}, scalingVariants),\n },\n defaultVariants: {\n scaling: '100%',\n },\n});\nexport var RadarChart = function (_a) {\n var className = _a.className, title = _a.title, legend = _a.legend, datalabels = _a.datalabels, datasets = _a.datasets, labels = _a.labels, width = _a.width, height = _a.height, scaling = _a.scaling, _b = _a.appearance, appearance = _b === void 0 ? 'solid' : _b, _c = _a.isColorMixed, isColorMixed = _c === void 0 ? true : _c, props = __rest(_a, [\"className\", \"title\", \"legend\", \"datalabels\", \"datasets\", \"labels\", \"width\", \"height\", \"scaling\", \"appearance\", \"isColorMixed\"]);\n var _d = useDarkMode(true), defaultScales = _d[1];\n var getChartColor = function (isColorMixed, appearance) {\n if (appearance === 'solid') {\n return isColorMixed ? chartColorList.mixed : chartColorList.sorting;\n }\n if (appearance === 'soft') {\n return isColorMixed ? chartAlphaColorList.mixed : chartAlphaColorList.sorting;\n }\n };\n datasets.forEach(function (dataset, index) {\n var ChartColor = getChartColor(isColorMixed, appearance);\n var BorderColor = getChartColor(isColorMixed, 'solid');\n if (!ChartColor || !BorderColor)\n return;\n dataset.backgroundColor = ChartColor[index];\n dataset.borderColor = BorderColor[index];\n });\n return (_jsx(Radar, __assign({ data: { labels: labels, datasets: datasets }, options: {\n plugins: {\n title: title,\n legend: legend,\n datalabels: datalabels,\n },\n scales: __assign({ r: {\n suggestedMin: 50,\n suggestedMax: 100,\n } }, defaultScales.linescale),\n }, className: cn(radarChartVariants({ scaling: scaling }), className), width: width, height: height }, props)));\n};\nRadarChart.displayName = 'RadarChart';\nexport default RadarChart;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","__spreadArray","to","from","pack","ar","l","Array","slice","concat","ChartJS","register","registerables","ChartDataLabels","defaults","set","display","radarChartVariants","cva","variants","scaling","scalingVariants","defaultVariants","RadarChart","_a","className","title","legend","datalabels","datasets","labels","width","height","_b","appearance","_c","isColorMixed","props","defaultScales","useDarkMode","getChartColor","chartColorList","mixed","sorting","chartAlphaColorList","forEach","dataset","index","ChartColor","BorderColor","backgroundColor","borderColor","_jsx","Radar","data","options","plugins","scales","r","suggestedMin","suggestedMax","linescale","cn","displayName"],"mappings":"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"}
|
package/dist/lib/constants.d.ts
CHANGED
@@ -220,7 +220,6 @@ export declare const commonArgTypes: {
|
|
220
220
|
};
|
221
221
|
};
|
222
222
|
};
|
223
|
-
export declare const chartColorStyle: () => Record<string, string>;
|
224
223
|
export declare const chartTitleArgTypes: {
|
225
224
|
title: {
|
226
225
|
description: string;
|
@@ -650,6 +649,5 @@ export declare const textColorStyle: () => Record<string, string>;
|
|
650
649
|
export declare const appearanceStyle: (type: string, color: string, isClickable?: boolean) => string;
|
651
650
|
export declare const toggleAppearanceStyle: (type: string, color: string, isClickable?: boolean, stateOn?: string) => string;
|
652
651
|
export declare const menuItemAppearanceStyle: (type: 'solid' | 'soft' | 'ghost', color: string) => string;
|
653
|
-
export declare const switchCheckedApperanceStyle: (type: string, color: string) => string;
|
654
652
|
export declare const checkboxAppearanceStyle: (type: string, color: string, indeterminate: boolean) => string;
|
655
653
|
export declare const selectAppearanceStyle: (type: 'classic' | 'surface' | 'soft' | 'ghost', color: string) => string;
|
package/dist/lib/constants.js
CHANGED
@@ -1,5 +1,4 @@
|
|
1
|
-
import { ColorStyle, DarkColorStyle, colorOptions
|
2
|
-
import * as lightColors from '../lib/color/light';
|
1
|
+
import { ColorStyle, DarkColorStyle, colorOptions } from '../lib/color/constants';
|
3
2
|
export var radiusOptions = ['none', 'small', 'medium', 'large', 'full'];
|
4
3
|
export var typoSizeOptions = ['1', '2', '3', '4', '5', '6', '7', '8', '9'];
|
5
4
|
export var scalingOptions = ['90%', '95%', '100%', '105%', '110%'];
|
@@ -191,14 +190,6 @@ export var commonArgTypes = {
|
|
191
190
|
},
|
192
191
|
},
|
193
192
|
};
|
194
|
-
export var chartColorStyle = function () {
|
195
|
-
var colorValues = lightColors;
|
196
|
-
var colorMappings = {};
|
197
|
-
chartColorOptions.forEach(function (color) {
|
198
|
-
colorMappings[color] = colorValues[color][9];
|
199
|
-
});
|
200
|
-
return colorMappings;
|
201
|
-
};
|
202
193
|
export var chartTitleArgTypes = {
|
203
194
|
title: {
|
204
195
|
description: '차트 타이틀',
|
@@ -640,7 +631,7 @@ export var toggleAppearanceStyle = function (type, color, isClickable, stateOn)
|
|
640
631
|
},
|
641
632
|
dark: {
|
642
633
|
default: "dark:bg-".concat(darkColor, "-9 dark:border-").concat(darkColor, "-9 dark:text-slateDark-1"),
|
643
|
-
hover: "dark:hover:bg-".concat(darkColor, "-10 dark:hover:border-").concat(darkColor, "-9 dark:hover:text-slateDark-1 ").concat(stateOn, "
|
634
|
+
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"),
|
644
635
|
active: "dark:".concat(stateOn, "bg-").concat(darkColor, "-9 dark:").concat(stateOn, "border-").concat(darkColor, "-9 dark:").concat(stateOn, "text-slateDark-1"),
|
645
636
|
disable: "dark:disabled:bg-slateDarkA-3 dark:disabled:border-slateDark-4 dark:disabled:text-slateDarkA-8",
|
646
637
|
},
|
@@ -654,7 +645,7 @@ export var toggleAppearanceStyle = function (type, color, isClickable, stateOn)
|
|
654
645
|
},
|
655
646
|
dark: {
|
656
647
|
default: "dark:bg-".concat(darkColor, "-9 dark:text-slateDark-1"),
|
657
|
-
hover: "dark:hover:bg-".concat(darkColor, "-10 dark:hover:text-slateDark-1 ").concat(stateOn, "
|
648
|
+
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"),
|
658
649
|
active: "dark:".concat(stateOn, "bg-").concat(darkColor, "-10 dark:").concat(stateOn, "text-slateDark-1 dark:").concat(stateOn, "opacity-[.92]"),
|
659
650
|
disable: "dark:disabled:bg-slateDarkA-3 disabled:text-slateDarkA-8",
|
660
651
|
},
|
@@ -668,7 +659,7 @@ export var toggleAppearanceStyle = function (type, color, isClickable, stateOn)
|
|
668
659
|
},
|
669
660
|
dark: {
|
670
661
|
default: "dark:bg-".concat(darkColor, "A-3 dark:text-").concat(darkColor, "A-11"),
|
671
|
-
hover: "dark:hover:bg-".concat(darkColor, "A-4 dark:hover:text-").concat(darkColor, "A-11 ").concat(stateOn, "
|
662
|
+
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"),
|
672
663
|
active: "dark:".concat(stateOn, "bg-").concat(darkColor, "A-5 dark:").concat(stateOn, "text-").concat(darkColor, "A-11 dark:").concat(stateOn, "opacity-[.92]"),
|
673
664
|
disable: "dark:disabled:bg-slateDarkA-3 dark:disabled:text-slateDarkA-8",
|
674
665
|
},
|
@@ -682,7 +673,7 @@ export var toggleAppearanceStyle = function (type, color, isClickable, stateOn)
|
|
682
673
|
},
|
683
674
|
dark: {
|
684
675
|
default: "dark:bg-".concat(darkColor, "A-2 dark:border-").concat(darkColor, "A-7 dark:text-").concat(darkColor, "A-11"),
|
685
|
-
hover: "dark:hover:bg-".concat(darkColor, "A-2 dark:hover:border-").concat(darkColor, "A-8 dark:hover:text-").concat(darkColor, "A-11 ").concat(stateOn, "
|
676
|
+
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"),
|
686
677
|
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]"),
|
687
678
|
disable: "dark:disabled:bg-slateDarkA-2 dark:disabled:border-slateDarkA-6 dark:disabled:text-slateDarkA-8",
|
688
679
|
},
|
@@ -696,7 +687,7 @@ export var toggleAppearanceStyle = function (type, color, isClickable, stateOn)
|
|
696
687
|
},
|
697
688
|
dark: {
|
698
689
|
default: "dark:border-".concat(darkColor, "A-8 dark:text-").concat(darkColor, "A-11"),
|
699
|
-
hover: "dark:hover:bg-".concat(darkColor, "A-2 dark:hover:border-").concat(darkColor, "A-8 dark:hover:text-").concat(darkColor, "A-11 ").concat(stateOn, "
|
690
|
+
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"),
|
700
691
|
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]"),
|
701
692
|
disable: "dark:disabled:border-slateDarkA-7 dark:disabled:text-slateDarkA-8",
|
702
693
|
},
|
@@ -710,7 +701,7 @@ export var toggleAppearanceStyle = function (type, color, isClickable, stateOn)
|
|
710
701
|
},
|
711
702
|
dark: {
|
712
703
|
default: "dark:bg-transparent dark:text-".concat(darkColor, "A-11"),
|
713
|
-
hover: "dark:hover:bg-".concat(darkColor, "A-3 dark:hover:text-").concat(darkColor, "A-11 ").concat(stateOn, "
|
704
|
+
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"),
|
714
705
|
active: "dark:".concat(stateOn, "bg-").concat(darkColor, "A-4 dark:").concat(stateOn, "text-").concat(darkColor, "A-11 dark:").concat(stateOn, "opacity-[.92]"),
|
715
706
|
disable: "dark:disabled:text-slateDarkA-8",
|
716
707
|
},
|
@@ -748,21 +739,6 @@ export var menuItemAppearanceStyle = function (type, color) {
|
|
748
739
|
}
|
749
740
|
return appearanceStyle;
|
750
741
|
};
|
751
|
-
export var switchCheckedApperanceStyle = function (type, color) {
|
752
|
-
var softStyle = "data-[state=checked]:bg-".concat(color, "A-3 data-[state=unchecked]:bg-").concat(color, "A-2 ");
|
753
|
-
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 ");
|
754
|
-
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");
|
755
|
-
switch (type) {
|
756
|
-
case 'classic':
|
757
|
-
return classicStyle;
|
758
|
-
case 'soft':
|
759
|
-
return softStyle;
|
760
|
-
case 'surface':
|
761
|
-
return surfaceStyle;
|
762
|
-
default:
|
763
|
-
return '';
|
764
|
-
}
|
765
|
-
};
|
766
742
|
export var checkboxAppearanceStyle = function (type, color, indeterminate) {
|
767
743
|
var darkColor = "".concat(color, "Dark");
|
768
744
|
var surface = {
|
package/dist/lib/constants.mjs
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
import{ColorStyle as a,DarkColorStyle as e}from"./color/constants.mjs";var t={small:{none:"rounded-none",small:"rounded-[3px]",medium:"rounded",large:"rounded",full:"rounded"},base:{none:"rounded-none",small:"rounded-[3px]",medium:"rounded",large:"rounded-md",full:"rounded-full"},large:{none:"rounded-none",small:"rounded",medium:"rounded-lg",large:"rounded-xl",full:"rounded-2xl"},"extra-large":{none:"rounded-none",small:"rounded",medium:"rounded-lg",large:"rounded-xl",full:"rounded-xl"},"menu-item":{none:"rounded-none",small:"rounded-[1px]",medium:"rounded-sm",large:"rounded",full:"rounded"}},c={regular:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold"},r={"90%":"scale-90","95%":"scale-95","100%":"scale-100","105%":"scale-105","110%":"scale-110"},d=["sky","mint","lime","yellow","amber","orange","white"],o=function(){var t={};for(var c in a){var r="".concat(c,"Dark");t[c]=d.includes(c)?"bg-".concat(a[c]," text-slate-12 dark:bg-").concat(e[r]," dark:text-slateDark-12"):"bg-".concat(a[c]," text-white dark:bg-").concat(e[r]," dark:text-slateDark-1")}return t},n=function(){var t={};for(var c in a){var r="".concat(c,"Dark");t[c]="bg-".concat(a[c]," dark:bg-").concat(e[r])}return t},b=function(){var t={};for(var c in a){var r="".concat(c,"Dark");t[c]="text-".concat(a[c]," dark:text-").concat(e[r])}return t},s=function(a,e){var t="";return t+="".concat(a.light.default," ").concat(a.dark.default),e&&(t+=" ".concat(a.light.hover," ").concat(a.light.active," ").concat(a.light.disable," ").concat(a.dark.hover," ").concat(a.dark.active," ").concat(a.dark.disable)),t},l=function(a,e,t){void 0===t&&(t=!0);var c="".concat(e,"Dark"),r={light:{default:"bg-".concat(e,"-9 border border-solid border-").concat(e,"-9 shadow-button-classic"),hover:"hover:bg-".concat(e,"-10 hover:border-").concat(e,"-9"),active:"active:bg-".concat(e,"-9 active:border-").concat(e,"-9"),disable:"disabled:bg-slateA-3 disabled:border-slate-4 disabled:text-slateA-8"},dark:{default:"dark:bg-".concat(c,"-9 dark:border-").concat(c,"-9 dark:shadow-button-dark-classic"),hover:"dark:hover:bg-".concat(c,"-10 dark:hover:border-").concat(c,"-9"),active:"dark:active:bg-".concat(c,"-9 dark:active:border-").concat(c,"-9"),disable:"dark:disabled:bg-slateDarkA-3 dark:disabled:border-slateDark-4 dark:disabled:text-slateDarkA-8"}},d={light:{default:"bg-".concat(e,"-9 border-none"),hover:"hover:bg-".concat(e,"-10 hover:border-none"),active:"active:bg-".concat(e,"-10 active:border-none active:opacity-[.92]"),disable:"disabled:bg-slateA-3 disabled:border-none disabled:text-slateA-8"},dark:{default:"dark:bg-".concat(c,"-9"),hover:"dark:hover:bg-".concat(c,"-10"),active:"dark:active:bg-".concat(c,"-10 dark:active:opacity-[.92]"),disable:"dark:disabled:bg-slateDarkA-3 dark:disabled:text-slateDarkA-8"}},o={light:{default:"bg-".concat(e,"A-3 border-none text-").concat(e,"A-11"),hover:"hover:bg-".concat(e,"A-4 hover:border-none hover:text-").concat(e,"A-11"),active:"active:bg-".concat(e,"A-5 active:border-none active:text-").concat(e,"A-11 active:opacity-[.92]"),disable:"disabled:bg-slateA-3 disabled:border-none disabled:text-slateA-8"},dark:{default:"dark:bg-".concat(c,"A-3 dark:text-").concat(c,"A-11"),hover:"dark:hover:bg-".concat(c,"A-4 dark:hover:text-").concat(c,"A-11"),active:"dark:active:bg-".concat(c,"A-5 dark:active:text-").concat(c,"A-11 dark:active:opacity-[.92]"),disable:"dark:disabled:bg-slateDarkA-3 dark:disabled:text-slateDarkA-8"}},n={light:{default:"bg-".concat(e,"A-2 border border-solid border-").concat(e,"A-7 text-").concat(e,"A-11"),hover:"hover:bg-".concat(e,"A-2 hover:border-").concat(e,"A-8 hover:text-").concat(e,"A-11"),active:"active:bg-".concat(e,"A-3 active:border-").concat(e,"A-8 active:text-").concat(e,"A-11 active:opacity-[.92]"),disable:"disabled:bg-slateA-2 disabled:border-slateA-6 disabled:text-slateA-8"},dark:{default:"dark:bg-".concat(c,"A-2 dark:border-").concat(c,"A-7 dark:text-").concat(c,"A-11"),hover:"dark:hover:bg-".concat(c,"A-2 dark:hover:border-").concat(c,"A-8 dark:hover:text-").concat(c,"A-11"),active:"dark:active:bg-".concat(c,"A-3 dark:active:border-").concat(c,"A-8 dark:active:text-").concat(c,"A-11 dark:active:opacity-[.92]"),disable:"dark:disabled:bg-slateDarkA-2 dark:disabled:border-slateDarkA-6 dark:disabled:text-slateDarkA-8"}},b={light:{default:"bg-transparent border border-solid border-".concat(e,"A-8 text-").concat(e,"A-11"),hover:"hover:bg-".concat(e,"A-2 hover:border-").concat(e,"A-8 hover:text-").concat(e,"A-11"),active:"active:bg-".concat(e,"A-3 active:border-").concat(e,"A-8 active:text-").concat(e,"A-11"),disable:"disabled:bg-transparent disabled:border-slateA-7 disabled:text-slateA-8"},dark:{default:"dark:border-".concat(c,"A-8 dark:bg-transparent dark:text-").concat(c,"A-11"),hover:"dark:hover:bg-".concat(c,"A-2 dark:hover:border-").concat(c,"A-8 dark:hover:text-").concat(c,"A-11"),active:"dark:active:bg-".concat(c,"A-3 dark:active:border-").concat(c,"A-8 dark:active:text-").concat(c,"A-11 dark:active:opacity-[.92]"),disable:"dark:disabled:border-slateDarkA-7 dark:disabled:bg-transparent dark:disabled:text-slateDarkA-8 "}},l={light:{default:"bg-transparent border-none text-".concat(e,"A-11"),hover:"hover:bg-".concat(e,"A-3 hover:border-none hover:text-").concat(e,"A-11"),active:"active:bg-".concat(e,"A-4 active:border-none active:text-").concat(e,"A-11 active:opacity-[.92]"),disable:"disabled:bg-transparent disabled:border-none disabled:text-slateA-8"},dark:{default:"dark:bg-transparent dark:text-".concat(c,"A-11"),hover:"dark:hover:bg-".concat(c,"A-3 dark:hover:text-").concat(c,"A-11"),active:"dark:active:bg-".concat(c,"A-4 dark:active:text-").concat(c,"A-11 dark:active:opacity-[.92]"),disable:"dark:disabled:text-slateDarkA-8"}};switch(a){case"classic":return s(r,t);case"solid":return s(d,t);case"soft":return s(o,t);case"surface":return s(n,t);case"outline":return s(b,t);case"ghost":return s(l,t);default:return""}},k=function(a,e,t,c){void 0===t&&(t=!0),void 0===c&&(c="");var r="".concat(e,"Dark"),d={light:{default:"bg-".concat(e,"-9 border border-solid border-").concat(e,"-9 text-white shadow-button-classic"),hover:"hover:bg-".concat(e,"-10 hover:border-").concat(e,"-9 hover:text-white ").concat(c,"hover:bg-").concat(e,"-10 ").concat(c,"hover:border-").concat(e,"-9 ").concat(c,"hover:text-white"),active:"".concat(c,"bg-").concat(e,"-9 ").concat(c,"border-").concat(e,"-9 ").concat(c,"text-white"),disable:"disabled:bg-slateA-3 disabled:border-slate-4 disabled:text-slateA-8"},dark:{default:"dark:bg-".concat(r,"-9 dark:border-").concat(r,"-9 dark:text-slateDark-1"),hover:"dark:hover:bg-".concat(r,"-10 dark:hover:border-").concat(r,"-9 dark:hover:text-slateDark-1 ").concat(c,"dark:hover:bg-").concat(r,"-10 ").concat(c,"dark:hover:border-").concat(r,"-9 ").concat(c,"dark:hover:text-slateDark-1"),active:"dark:".concat(c,"bg-").concat(r,"-9 dark:").concat(c,"border-").concat(r,"-9 dark:").concat(c,"text-slateDark-1"),disable:"dark:disabled:bg-slateDarkA-3 dark:disabled:border-slateDark-4 dark:disabled:text-slateDarkA-8"}},o={light:{default:"bg-".concat(e,"-9 border-none text-white"),hover:"hover:bg-".concat(e,"-10 hover:border-none hover:text-white ").concat(c,"hover:bg-").concat(e,"-10 ").concat(c,"hover:border-none ").concat(c,"hover:text-white"),active:"".concat(c,"bg-").concat(e,"-10 ").concat(c,"border-none ").concat(c,"text-white ").concat(c,"opacity-[.92]"),disable:"disabled:bg-slateA-3 disabled:border-none disabled:text-slateA-8"},dark:{default:"dark:bg-".concat(r,"-9 dark:text-slateDark-1"),hover:"dark:hover:bg-".concat(r,"-10 dark:hover:text-slateDark-1 ").concat(c,"dark:hover:bg-").concat(r,"-10 ").concat(c,"dark:hover:text-slateDark-1"),active:"dark:".concat(c,"bg-").concat(r,"-10 dark:").concat(c,"text-slateDark-1 dark:").concat(c,"opacity-[.92]"),disable:"dark:disabled:bg-slateDarkA-3 disabled:text-slateDarkA-8"}},n={light:{default:"bg-".concat(e,"A-3 border-none text-").concat(e,"A-11"),hover:"hover:bg-".concat(e,"A-4 hover:border-none hover:text-").concat(e,"A-11 ").concat(c,"hover:bg-").concat(e,"A-4 ").concat(c,"hover:border-none ").concat(c,"hover:text-").concat(e,"A-11"),active:"".concat(c,"bg-").concat(e,"A-5 ").concat(c,"border-none ").concat(c,"text-").concat(e,"A-11 ").concat(c,"opacity-[.92]"),disable:"disabled:bg-slateA-3 disabled:border-none disabled:text-slateA-8"},dark:{default:"dark:bg-".concat(r,"A-3 dark:text-").concat(r,"A-11"),hover:"dark:hover:bg-".concat(r,"A-4 dark:hover:text-").concat(r,"A-11 ").concat(c,"dark:hover:bg-").concat(r,"A-4 ").concat(c,"dark:hover:text-").concat(r,"A-11"),active:"dark:".concat(c,"bg-").concat(r,"A-5 dark:").concat(c,"text-").concat(r,"A-11 dark:").concat(c,"opacity-[.92]"),disable:"dark:disabled:bg-slateDarkA-3 dark:disabled:text-slateDarkA-8"}},b={light:{default:"bg-".concat(e,"A-2 border border-solid border-").concat(e,"A-7 text-").concat(e,"A-11"),hover:"hover:bg-".concat(e,"A-2 hover:border-").concat(e,"A-8 hover:text-").concat(e,"A-11 ").concat(c,"hover:bg-").concat(e,"A-2 ").concat(c,"hover:border-").concat(e,"A-8 ").concat(c,"hover:text-").concat(e,"A-11"),active:"".concat(c,"bg-").concat(e,"A-3 ").concat(c,"border-").concat(e,"A-8 ").concat(c,"text-").concat(e,"A-11 ").concat(c,"opacity-[.92]"),disable:"disabled:bg-slatDarkeA-2 disabled:border-slateDarkA-6 disabled:text-slateDarkA-8"},dark:{default:"dark:bg-".concat(r,"A-2 dark:border-").concat(r,"A-7 dark:text-").concat(r,"A-11"),hover:"dark:hover:bg-".concat(r,"A-2 dark:hover:border-").concat(r,"A-8 dark:hover:text-").concat(r,"A-11 ").concat(c,"dark:hover:bg-").concat(r,"A-2 ").concat(c,"dark:hover:border-").concat(r,"A-8 ").concat(c,"dark:hover:text-").concat(r,"A-11"),active:"dark:".concat(c,"bg-").concat(r,"A-3 dark:").concat(c,"border-").concat(r,"A-8 dark:").concat(c,"text-").concat(r,"A-11 dark:").concat(c,"opacity-[.92]"),disable:"dark:disabled:bg-slateDarkA-2 dark:disabled:border-slateDarkA-6 dark:disabled:text-slateDarkA-8"}},l={light:{default:"bg-transparent border border-solid border-".concat(e,"A-8 text-").concat(e,"A-11"),hover:"hover:bg-".concat(e,"A-2 hover:border-").concat(e,"A-8 hover:text-").concat(e,"A-11 ").concat(c,"hover:bg-").concat(e,"A-2 ").concat(c,"hover:border-").concat(e,"A-8 ").concat(c,"hover:text-").concat(e,"A-11"),active:"".concat(c,"bg-").concat(e,"A-3 ").concat(c,"border-").concat(e,"A-8 ").concat(c,"text-").concat(e,"A-11"),disable:"disabled:bg-transparent disabled:border-slateA-7 disabled:text-slateA-8"},dark:{default:"dark:border-".concat(r,"A-8 dark:text-").concat(r,"A-11"),hover:"dark:hover:bg-".concat(r,"A-2 dark:hover:border-").concat(r,"A-8 dark:hover:text-").concat(r,"A-11 ").concat(c,"dark:hover:bg-").concat(r,"A-2 ").concat(c,"dark:hover:border-").concat(r,"A-8 ").concat(c,"dark:hover:text-").concat(r,"A-11"),active:"dark:".concat(c,"bg-").concat(r,"A-3 dark:").concat(c,"border-").concat(r,"A-8 dark:").concat(c,"text-").concat(r,"A-11 dark:").concat(c,"opacity-[.92]"),disable:"dark:disabled:border-slateDarkA-7 dark:disabled:text-slateDarkA-8"}},k={light:{default:"bg-transparent border-none text-".concat(e,"A-11"),hover:"hover:bg-".concat(e,"A-3 hover:border-none hover:text-").concat(e,"A-11 ").concat(c,"hover:bg-").concat(e,"A-3 ").concat(c,"hover:border-none ").concat(c,"hover:text-").concat(e,"A-11"),active:"".concat(c,"bg-").concat(e,"A-4 ").concat(c,"border-none ").concat(c,"text-").concat(e,"A-11 ").concat(c,"opacity-[.92]"),disable:"disabled:bg-transparent disabled:border-none disabled:text-slateA-8"},dark:{default:"dark:bg-transparent dark:text-".concat(r,"A-11"),hover:"dark:hover:bg-".concat(r,"A-3 dark:hover:text-").concat(r,"A-11 ").concat(c,"dark:hover:bg-").concat(r,"A-3 ").concat(c,"dark:hover:text-").concat(r,"A-11"),active:"dark:".concat(c,"bg-").concat(r,"A-4 dark:").concat(c,"text-").concat(r,"A-11 dark:").concat(c,"opacity-[.92]"),disable:"dark:disabled:text-slateDarkA-8"}};switch(a){case"classic":return s(d,t);case"solid":return s(o,t);case"soft":return s(n,t);case"surface":return s(b,t);case"outline":return s(l,t);case"ghost":return s(k,t);default:return""}},i=function(a,e){var t="";return"solid"===a&&(t="hover:bg-".concat(e,"-9 dark:hover:bg-").concat(e,"Dark-9 "),t+=d.includes(e)?"hover:text-slateA-11 dark:hover:text-white":"hover:text-white dark:hover:text-white"),"soft"===a&&(t="hover:bg-".concat(e,"A-4 dark:hover-bg-").concat(e,"DarkA-4")),"ghost"===a&&(t="hover:bg-".concat(e,"-3 dark:hover:bg-").concat(e,"Dark-3")),t},v=function(a,e,t){var c="".concat(e,"Dark"),r={light:{default:"border data-[state=unchecked]:bg-transparent data-[state=unchecked]:border-slateA-7\n data-[state=checked]:bg-".concat(e,"-9 data-[state=checked]:border-none data-[state=checked]:text-slate-1"),hover:"hover:data-[state=unchecked]:bg-transparent hover:data-[state=unchecked]:border-slateA-8\n hover:data-[state=checked]:bg-".concat(e,"-10 hover:data-[state=checked]:border-none hover:data-[state=checked]:text-white"),active:"active:data-[state=unchecked]:bg-transparent active:data-[state=unchecked]:border-slateA-9\n active:data-[state=checked]:bg-".concat(e,"-10 active:data-[state=checked]:border-none active:data-[state=checked]:text-white"),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"},dark:{default:"dark:data-[state=unchecked]:border-slateDarkA-7\n dark:data-[state=checked]:bg-".concat(c,"-9 dark:data-[state=checked]:text-#111113"),hover:"dark:hover:data-[state=unchecked]:border-slateDarkA-8\n dark:hover:data-[state=checked]:bg-".concat(c,"-10 dark:hover:data-[state=checked]:text-#111113"),active:"dark:active:data-[state=unchecked]:border-slateDarkA-9\n dark:active:data-[state=checked]:bg-".concat(c,"-10 dark:active:data-[state=checked]:text-#111113"),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"}},d={light:{default:"data-[state=unchecked]:bg-".concat(e,"A-5 data-[state=unchecked]:border-none\n data-[state=checked]:bg-").concat(e,"A-5 data-[state=checked]:border-none data-[state=checked]:text-").concat(e,"-11"),hover:"hover:data-[state=unchecked]:bg-".concat(e,"A-6 hover:data-[state=unchecked]:border-none\n hover:data-[state=checked]:bg-").concat(e,"A-6 hover:data-[state=checked]:border-none hover:data-[state=checked]:text-").concat(e,"-11"),active:"active:data-[state=unchecked]:bg-".concat(e,"A-7 active:data-[state=unchecked]:border-none\n active:data-[state=checked]:bg-").concat(e,"A-7 active:data-[state=checked]:border-none active:data-[state=checked]:text-").concat(e,"-11"),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"},dark:{default:"dark:data-[state=unchecked]:bg-".concat(c,"A-5\n dark:data-[state=checked]:bg-").concat(c,"A-5 dark:data-[state=checked]:text-").concat(c,"-11"),hover:"dark:hover:data-[state=unchecked]:bg-".concat(c,"A-6\n dark:hover:data-[state=checked]:bg-").concat(c,"A-6 dark:hover:data-[state=checked]:text-").concat(c,"-11"),active:"dark:active:data-[state=unchecked]:bg-".concat(c,"A-7\n dark:active:data-[state=checked]:bg-").concat(c,"A-7 dark:active:data-[state=checked]:text-").concat(c,"-11"),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"}},o={light:{default:"border bg-".concat(e,"A-2 border-").concat(e,"A-7 text-").concat(e,"A-11"),hover:"hover:bg-".concat(e,"A-2 hover:border-").concat(e,"A-8 hover:text-").concat(e,"A-11"),active:"active:bg-".concat(e,"A-3 active:border-").concat(e,"A-8 active:text-").concat(e,"A-11"),disable:"disabled:bg-slateA-3 disabled:border-slateA-6 disabled:text-slateA-8"},dark:{default:"dark:bg-".concat(c,"A-2 dark:border-").concat(c,"A-7 dark:text-").concat(c,"A-11"),hover:"dark:hover:bg-".concat(c,"A-2 dark:hover:border-").concat(c,"A-8 dark:hover:text-").concat(c,"A-11"),active:"dark:active:bg-".concat(c,"A-3 dark:active:border-").concat(c,"A-8 dark:active:text-").concat(c,"A-11"),disable:"dark:disabled:bg-slateDarkA-3 dark:disabled:border-slateDarkA-6 dark:disabled:text-slateDarkA-8"}},n={light:{default:"border bg-transparent border-".concat(e,"A-6 text-").concat(e,"A-11"),hover:"hover:bg-transparent hover:border-".concat(e,"A-6 hover:text-").concat(e,"A-11"),active:"active:bg-transparent active:border-".concat(e,"A-6 active:text-").concat(e,"A-11"),disable:"disabled:bg-slateA-3 disabled:border-none disabled:text-slateA-8"},dark:{default:"dark:border-".concat(c,"A-6 dark:text-").concat(c,"A-11"),hover:"dark:hover:border-".concat(c,"A-6 dark:hover:text-").concat(c,"A-11"),active:"dark:active:border-".concat(c,"A-6 dark:active:text-").concat(c,"A-11"),disable:"dark:disabled:bg-slateDarkA-3 dark:disabled:text-slateDarkA-8"}};switch(a){case"classic":return t?s(o,!0):"".concat(s(r,!0)," 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");case"soft":return s(t?n:d,!0);case"surface":return s(t?o:r,!0);default:return s(r,!0)}},h=function(a,e){var t="".concat(e,"Dark"),c={light:{default:"bg-[#FFFFFF] border border-slateA-7 data-placeholder:text-slateA-10 text-slateA-12",hover:"hover:bg-[#FFFFFF] hover:border hover:border-slateA-8 hover:text-slateA-10",active:"active:bg-".concat(e,"A-3 active:border-").concat(e,"A-8 active:text-slateA-10 active:opacity-[.92]"),disable:"disabled:bg-slateA-2 disabled:border-slateA-6 disabled:text-slateA-8"},dark:{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",hover:"dark:hover:bg-[#111113] dark:hover:border dark:hover:border-slateDarkA-8 dark:hover:text-slateDarkA-10",active:"dark:active:bg-".concat(t,"A-3 dark:active:border dark:active:border-").concat(t,"A-8 dark:active:text-slateDarkA-10 dark:active:opacity-[.92]"),disable:"dark:disabled:bg-slateDarkA-2 dark:disabled:border dark:disabled:border-slateDarkA-6 dark:disabled:text-slateDarkA-8"}},r={light:{default:"bg-".concat(e,"A-3 border-none data-placeholder:text-").concat(e,"A-12/[.5] text-").concat(e,"A-12"),hover:"hover:bg-".concat(e,"A-4 hover:border-none hover:text-").concat(e,"A-12/[.5]"),active:"active:bg-".concat(e,"A-5 active:border-none active:text-").concat(e,"A-12/[.5] active:opacity-[.92]"),disable:"disabled:bg-slateA-3 disabled:border-none disabled:text-slateA-8"},dark:{default:"dark:bg-".concat(t,"A-3 dark:border-none dark:data-placeholder:text-").concat(t,"A-12/[.5] dark:text-").concat(t,"A-12 "),hover:"dark:hover:bg-".concat(t,"A-4 dark:hover:border-none dark:hover:text-").concat(t,"A-12/[.5]"),active:"dark:active:bg-".concat(t,"A-5 dark:active:border-none dark:active:text-").concat(t,"A-12/[.5] dark:active:opacity-[.92]"),disable:"dark:disabled:bg-slateDarkA-3 dark:disabled:border-none dark:disabled:text-slateDarkA-8"}},d={light:{default:"bg-transparent border-none data-placeholder:text-".concat(e,"A-12/[.5] text-").concat(e,"A-12"),hover:"hover:bg-".concat(e,"A-3 hover:border-none hover:text-").concat(e,"A-1/[.5]"),active:"active:bg-".concat(e,"A-4 active:border-none active:text-").concat(e,"A-12/[.5] active:opacity-[.92]"),disable:"disabled:bg-transparent disabled:border-none disabled:text-slateA-8"},dark:{default:"dark:bg-transparent dark:border-none dark:data-placeholder:text-".concat(t,"A-12/[.5] dark:text-").concat(t,"A-12"),hover:"dark:hover:bg-".concat(t,"A-3 dark:hover:border-none dark:hover:text-").concat(t,"A-12/[.5]"),active:"dark:active:bg-".concat(t,"A-4 dark:active:border-none dark:active:text-").concat(t,"A-12/[.5] dark:active:opacity-[.92]"),disable:"dark:disabled:text-slateDarkA-8 dark:disabled:border-none"}},o=function(a){var e="";return e+="".concat(a.light.default," ").concat(a.dark.default," ").concat(a.light.hover," ").concat(a.light.active," ").concat(a.light.disable," ").concat(a.dark.hover," ").concat(a.dark.active," ").concat(a.dark.disable)};switch(a){case"classic":return o({light:{default:"bg-slateA-2 border border-slate-4 data-placeholder:text-slateA-10 text-slateA-12",hover:"hover:bg-slateA-3 hover:border hover:border-slate-4 hover:text-slateA-10",active:"active:bg-slateA-4 active:border active:border-slate-6 active:text-slateA-10",disable:"disabled:bg-slateA-3 disabled:border disabled:border-slate-4 disabled:text-slateA-8"},dark:{default:"dark:bg-slateDarkA-2 dark:border-slateDark-4 dark:data-placeholder:text-slateDarkA-10 dark:text-slateDarkA-12",hover:"dark:hover:bg-slateDarkA-3 dark:hover:border-slateDark-4 dark:hover:text-slateDarkA-10",active:"dark:active:bg-slateDarkA-4 dark:active:border-slateDark-6 dark:active:text-slateDarkA-10",disable:"dark:disabled:bg-slateDarkA-3 dark:disabled:border-slateDark-4 dark:disabled:text-slateDarkA-8"}});case"soft":return o(r);case"surface":return o(c);case"ghost":return o(d);default:return""}};export{l as appearanceStyle,n as bgColorStyle,d as blackText,v as checkboxAppearanceStyle,i as menuItemAppearanceStyle,o as primaryColorStyle,t as radiusVariants,r as scalingVariants,h as selectAppearanceStyle,b as textColorStyle,k as toggleAppearanceStyle,c as weightVariants};
|
1
|
+
import{ColorStyle as a,DarkColorStyle as e}from"./color/constants.mjs";var t={small:{none:"rounded-none",small:"rounded-[3px]",medium:"rounded",large:"rounded",full:"rounded"},base:{none:"rounded-none",small:"rounded-[3px]",medium:"rounded",large:"rounded-md",full:"rounded-full"},large:{none:"rounded-none",small:"rounded",medium:"rounded-lg",large:"rounded-xl",full:"rounded-2xl"},"extra-large":{none:"rounded-none",small:"rounded",medium:"rounded-lg",large:"rounded-xl",full:"rounded-xl"},"menu-item":{none:"rounded-none",small:"rounded-[1px]",medium:"rounded-sm",large:"rounded",full:"rounded"}},c={regular:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold"},r={"90%":"scale-90","95%":"scale-95","100%":"scale-100","105%":"scale-105","110%":"scale-110"},d=["sky","mint","lime","yellow","amber","orange","white"],o=function(){var t={};for(var c in a){var r="".concat(c,"Dark");t[c]=d.includes(c)?"bg-".concat(a[c]," text-slate-12 dark:bg-").concat(e[r]," dark:text-slateDark-12"):"bg-".concat(a[c]," text-white dark:bg-").concat(e[r]," dark:text-slateDark-1")}return t},n=function(){var t={};for(var c in a){var r="".concat(c,"Dark");t[c]="bg-".concat(a[c]," dark:bg-").concat(e[r])}return t},b=function(){var t={};for(var c in a){var r="".concat(c,"Dark");t[c]="text-".concat(a[c]," dark:text-").concat(e[r])}return t},s=function(a,e){var t="";return t+="".concat(a.light.default," ").concat(a.dark.default),e&&(t+=" ".concat(a.light.hover," ").concat(a.light.active," ").concat(a.light.disable," ").concat(a.dark.hover," ").concat(a.dark.active," ").concat(a.dark.disable)),t},l=function(a,e,t){void 0===t&&(t=!0);var c="".concat(e,"Dark"),r={light:{default:"bg-".concat(e,"-9 border border-solid border-").concat(e,"-9 shadow-button-classic"),hover:"hover:bg-".concat(e,"-10 hover:border-").concat(e,"-9"),active:"active:bg-".concat(e,"-9 active:border-").concat(e,"-9"),disable:"disabled:bg-slateA-3 disabled:border-slate-4 disabled:text-slateA-8"},dark:{default:"dark:bg-".concat(c,"-9 dark:border-").concat(c,"-9 dark:shadow-button-dark-classic"),hover:"dark:hover:bg-".concat(c,"-10 dark:hover:border-").concat(c,"-9"),active:"dark:active:bg-".concat(c,"-9 dark:active:border-").concat(c,"-9"),disable:"dark:disabled:bg-slateDarkA-3 dark:disabled:border-slateDark-4 dark:disabled:text-slateDarkA-8"}},d={light:{default:"bg-".concat(e,"-9 border-none"),hover:"hover:bg-".concat(e,"-10 hover:border-none"),active:"active:bg-".concat(e,"-10 active:border-none active:opacity-[.92]"),disable:"disabled:bg-slateA-3 disabled:border-none disabled:text-slateA-8"},dark:{default:"dark:bg-".concat(c,"-9"),hover:"dark:hover:bg-".concat(c,"-10"),active:"dark:active:bg-".concat(c,"-10 dark:active:opacity-[.92]"),disable:"dark:disabled:bg-slateDarkA-3 dark:disabled:text-slateDarkA-8"}},o={light:{default:"bg-".concat(e,"A-3 border-none text-").concat(e,"A-11"),hover:"hover:bg-".concat(e,"A-4 hover:border-none hover:text-").concat(e,"A-11"),active:"active:bg-".concat(e,"A-5 active:border-none active:text-").concat(e,"A-11 active:opacity-[.92]"),disable:"disabled:bg-slateA-3 disabled:border-none disabled:text-slateA-8"},dark:{default:"dark:bg-".concat(c,"A-3 dark:text-").concat(c,"A-11"),hover:"dark:hover:bg-".concat(c,"A-4 dark:hover:text-").concat(c,"A-11"),active:"dark:active:bg-".concat(c,"A-5 dark:active:text-").concat(c,"A-11 dark:active:opacity-[.92]"),disable:"dark:disabled:bg-slateDarkA-3 dark:disabled:text-slateDarkA-8"}},n={light:{default:"bg-".concat(e,"A-2 border border-solid border-").concat(e,"A-7 text-").concat(e,"A-11"),hover:"hover:bg-".concat(e,"A-2 hover:border-").concat(e,"A-8 hover:text-").concat(e,"A-11"),active:"active:bg-".concat(e,"A-3 active:border-").concat(e,"A-8 active:text-").concat(e,"A-11 active:opacity-[.92]"),disable:"disabled:bg-slateA-2 disabled:border-slateA-6 disabled:text-slateA-8"},dark:{default:"dark:bg-".concat(c,"A-2 dark:border-").concat(c,"A-7 dark:text-").concat(c,"A-11"),hover:"dark:hover:bg-".concat(c,"A-2 dark:hover:border-").concat(c,"A-8 dark:hover:text-").concat(c,"A-11"),active:"dark:active:bg-".concat(c,"A-3 dark:active:border-").concat(c,"A-8 dark:active:text-").concat(c,"A-11 dark:active:opacity-[.92]"),disable:"dark:disabled:bg-slateDarkA-2 dark:disabled:border-slateDarkA-6 dark:disabled:text-slateDarkA-8"}},b={light:{default:"bg-transparent border border-solid border-".concat(e,"A-8 text-").concat(e,"A-11"),hover:"hover:bg-".concat(e,"A-2 hover:border-").concat(e,"A-8 hover:text-").concat(e,"A-11"),active:"active:bg-".concat(e,"A-3 active:border-").concat(e,"A-8 active:text-").concat(e,"A-11"),disable:"disabled:bg-transparent disabled:border-slateA-7 disabled:text-slateA-8"},dark:{default:"dark:border-".concat(c,"A-8 dark:bg-transparent dark:text-").concat(c,"A-11"),hover:"dark:hover:bg-".concat(c,"A-2 dark:hover:border-").concat(c,"A-8 dark:hover:text-").concat(c,"A-11"),active:"dark:active:bg-".concat(c,"A-3 dark:active:border-").concat(c,"A-8 dark:active:text-").concat(c,"A-11 dark:active:opacity-[.92]"),disable:"dark:disabled:border-slateDarkA-7 dark:disabled:bg-transparent dark:disabled:text-slateDarkA-8 "}},l={light:{default:"bg-transparent border-none text-".concat(e,"A-11"),hover:"hover:bg-".concat(e,"A-3 hover:border-none hover:text-").concat(e,"A-11"),active:"active:bg-".concat(e,"A-4 active:border-none active:text-").concat(e,"A-11 active:opacity-[.92]"),disable:"disabled:bg-transparent disabled:border-none disabled:text-slateA-8"},dark:{default:"dark:bg-transparent dark:text-".concat(c,"A-11"),hover:"dark:hover:bg-".concat(c,"A-3 dark:hover:text-").concat(c,"A-11"),active:"dark:active:bg-".concat(c,"A-4 dark:active:text-").concat(c,"A-11 dark:active:opacity-[.92]"),disable:"dark:disabled:text-slateDarkA-8"}};switch(a){case"classic":return s(r,t);case"solid":return s(d,t);case"soft":return s(o,t);case"surface":return s(n,t);case"outline":return s(b,t);case"ghost":return s(l,t);default:return""}},k=function(a,e,t,c){void 0===t&&(t=!0),void 0===c&&(c="");var r="".concat(e,"Dark"),d={light:{default:"bg-".concat(e,"-9 border border-solid border-").concat(e,"-9 text-white shadow-button-classic"),hover:"hover:bg-".concat(e,"-10 hover:border-").concat(e,"-9 hover:text-white ").concat(c,"hover:bg-").concat(e,"-10 ").concat(c,"hover:border-").concat(e,"-9 ").concat(c,"hover:text-white"),active:"".concat(c,"bg-").concat(e,"-9 ").concat(c,"border-").concat(e,"-9 ").concat(c,"text-white"),disable:"disabled:bg-slateA-3 disabled:border-slate-4 disabled:text-slateA-8"},dark:{default:"dark:bg-".concat(r,"-9 dark:border-").concat(r,"-9 dark:text-slateDark-1"),hover:"dark:hover:bg-".concat(r,"-10 dark:hover:border-").concat(r,"-9 dark:hover:text-slateDark-1 dark:").concat(c,"hover:bg-").concat(r,"-10 dark:").concat(c,"hover:border-").concat(r,"-9 dark:").concat(c,"hover:text-slateDark-1"),active:"dark:".concat(c,"bg-").concat(r,"-9 dark:").concat(c,"border-").concat(r,"-9 dark:").concat(c,"text-slateDark-1"),disable:"dark:disabled:bg-slateDarkA-3 dark:disabled:border-slateDark-4 dark:disabled:text-slateDarkA-8"}},o={light:{default:"bg-".concat(e,"-9 border-none text-white"),hover:"hover:bg-".concat(e,"-10 hover:border-none hover:text-white ").concat(c,"hover:bg-").concat(e,"-10 ").concat(c,"hover:border-none ").concat(c,"hover:text-white"),active:"".concat(c,"bg-").concat(e,"-10 ").concat(c,"border-none ").concat(c,"text-white ").concat(c,"opacity-[.92]"),disable:"disabled:bg-slateA-3 disabled:border-none disabled:text-slateA-8"},dark:{default:"dark:bg-".concat(r,"-9 dark:text-slateDark-1"),hover:"dark:hover:bg-".concat(r,"-10 dark:hover:text-slateDark-1 dark:").concat(c,"hover:bg-").concat(r,"-10 dark:").concat(c,"hover:text-slateDark-1"),active:"dark:".concat(c,"bg-").concat(r,"-10 dark:").concat(c,"text-slateDark-1 dark:").concat(c,"opacity-[.92]"),disable:"dark:disabled:bg-slateDarkA-3 disabled:text-slateDarkA-8"}},n={light:{default:"bg-".concat(e,"A-3 border-none text-").concat(e,"A-11"),hover:"hover:bg-".concat(e,"A-4 hover:border-none hover:text-").concat(e,"A-11 ").concat(c,"hover:bg-").concat(e,"A-4 ").concat(c,"hover:border-none ").concat(c,"hover:text-").concat(e,"A-11"),active:"".concat(c,"bg-").concat(e,"A-5 ").concat(c,"border-none ").concat(c,"text-").concat(e,"A-11 ").concat(c,"opacity-[.92]"),disable:"disabled:bg-slateA-3 disabled:border-none disabled:text-slateA-8"},dark:{default:"dark:bg-".concat(r,"A-3 dark:text-").concat(r,"A-11"),hover:"dark:hover:bg-".concat(r,"A-4 dark:hover:text-").concat(r,"A-11 dark:").concat(c,"hover:bg-").concat(r,"A-4 dark:").concat(c,"hover:text-").concat(r,"A-11"),active:"dark:".concat(c,"bg-").concat(r,"A-5 dark:").concat(c,"text-").concat(r,"A-11 dark:").concat(c,"opacity-[.92]"),disable:"dark:disabled:bg-slateDarkA-3 dark:disabled:text-slateDarkA-8"}},b={light:{default:"bg-".concat(e,"A-2 border border-solid border-").concat(e,"A-7 text-").concat(e,"A-11"),hover:"hover:bg-".concat(e,"A-2 hover:border-").concat(e,"A-8 hover:text-").concat(e,"A-11 ").concat(c,"hover:bg-").concat(e,"A-2 ").concat(c,"hover:border-").concat(e,"A-8 ").concat(c,"hover:text-").concat(e,"A-11"),active:"".concat(c,"bg-").concat(e,"A-3 ").concat(c,"border-").concat(e,"A-8 ").concat(c,"text-").concat(e,"A-11 ").concat(c,"opacity-[.92]"),disable:"disabled:bg-slatDarkeA-2 disabled:border-slateDarkA-6 disabled:text-slateDarkA-8"},dark:{default:"dark:bg-".concat(r,"A-2 dark:border-").concat(r,"A-7 dark:text-").concat(r,"A-11"),hover:"dark:hover:bg-".concat(r,"A-2 dark:hover:border-").concat(r,"A-8 dark:hover:text-").concat(r,"A-11 dark:").concat(c,"hover:bg-").concat(r,"A-2 dark:").concat(c,"hover:border-").concat(r,"A-8 dark:").concat(c,"hover:text-").concat(r,"A-11"),active:"dark:".concat(c,"bg-").concat(r,"A-3 dark:").concat(c,"border-").concat(r,"A-8 dark:").concat(c,"text-").concat(r,"A-11 dark:").concat(c,"opacity-[.92]"),disable:"dark:disabled:bg-slateDarkA-2 dark:disabled:border-slateDarkA-6 dark:disabled:text-slateDarkA-8"}},l={light:{default:"bg-transparent border border-solid border-".concat(e,"A-8 text-").concat(e,"A-11"),hover:"hover:bg-".concat(e,"A-2 hover:border-").concat(e,"A-8 hover:text-").concat(e,"A-11 ").concat(c,"hover:bg-").concat(e,"A-2 ").concat(c,"hover:border-").concat(e,"A-8 ").concat(c,"hover:text-").concat(e,"A-11"),active:"".concat(c,"bg-").concat(e,"A-3 ").concat(c,"border-").concat(e,"A-8 ").concat(c,"text-").concat(e,"A-11"),disable:"disabled:bg-transparent disabled:border-slateA-7 disabled:text-slateA-8"},dark:{default:"dark:border-".concat(r,"A-8 dark:text-").concat(r,"A-11"),hover:"dark:hover:bg-".concat(r,"A-2 dark:hover:border-").concat(r,"A-8 dark:hover:text-").concat(r,"A-11 dark:").concat(c,"hover:bg-").concat(r,"A-2 dark:").concat(c,"hover:border-").concat(r,"A-8 dark:").concat(c,"hover:text-").concat(r,"A-11"),active:"dark:".concat(c,"bg-").concat(r,"A-3 dark:").concat(c,"border-").concat(r,"A-8 dark:").concat(c,"text-").concat(r,"A-11 dark:").concat(c,"opacity-[.92]"),disable:"dark:disabled:border-slateDarkA-7 dark:disabled:text-slateDarkA-8"}},k={light:{default:"bg-transparent border-none text-".concat(e,"A-11"),hover:"hover:bg-".concat(e,"A-3 hover:border-none hover:text-").concat(e,"A-11 ").concat(c,"hover:bg-").concat(e,"A-3 ").concat(c,"hover:border-none ").concat(c,"hover:text-").concat(e,"A-11"),active:"".concat(c,"bg-").concat(e,"A-4 ").concat(c,"border-none ").concat(c,"text-").concat(e,"A-11 ").concat(c,"opacity-[.92]"),disable:"disabled:bg-transparent disabled:border-none disabled:text-slateA-8"},dark:{default:"dark:bg-transparent dark:text-".concat(r,"A-11"),hover:"dark:hover:bg-".concat(r,"A-3 dark:hover:text-").concat(r,"A-11 dark:").concat(c,"hover:bg-").concat(r,"A-3 dark:").concat(c,"hover:text-").concat(r,"A-11"),active:"dark:".concat(c,"bg-").concat(r,"A-4 dark:").concat(c,"text-").concat(r,"A-11 dark:").concat(c,"opacity-[.92]"),disable:"dark:disabled:text-slateDarkA-8"}};switch(a){case"classic":return s(d,t);case"solid":return s(o,t);case"soft":return s(n,t);case"surface":return s(b,t);case"outline":return s(l,t);case"ghost":return s(k,t);default:return""}},i=function(a,e){var t="";return"solid"===a&&(t="hover:bg-".concat(e,"-9 dark:hover:bg-").concat(e,"Dark-9 "),t+=d.includes(e)?"hover:text-slateA-11 dark:hover:text-white":"hover:text-white dark:hover:text-white"),"soft"===a&&(t="hover:bg-".concat(e,"A-4 dark:hover-bg-").concat(e,"DarkA-4")),"ghost"===a&&(t="hover:bg-".concat(e,"-3 dark:hover:bg-").concat(e,"Dark-3")),t},v=function(a,e,t){var c="".concat(e,"Dark"),r={light:{default:"border data-[state=unchecked]:bg-transparent data-[state=unchecked]:border-slateA-7\n data-[state=checked]:bg-".concat(e,"-9 data-[state=checked]:border-none data-[state=checked]:text-slate-1"),hover:"hover:data-[state=unchecked]:bg-transparent hover:data-[state=unchecked]:border-slateA-8\n hover:data-[state=checked]:bg-".concat(e,"-10 hover:data-[state=checked]:border-none hover:data-[state=checked]:text-white"),active:"active:data-[state=unchecked]:bg-transparent active:data-[state=unchecked]:border-slateA-9\n active:data-[state=checked]:bg-".concat(e,"-10 active:data-[state=checked]:border-none active:data-[state=checked]:text-white"),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"},dark:{default:"dark:data-[state=unchecked]:border-slateDarkA-7\n dark:data-[state=checked]:bg-".concat(c,"-9 dark:data-[state=checked]:text-#111113"),hover:"dark:hover:data-[state=unchecked]:border-slateDarkA-8\n dark:hover:data-[state=checked]:bg-".concat(c,"-10 dark:hover:data-[state=checked]:text-#111113"),active:"dark:active:data-[state=unchecked]:border-slateDarkA-9\n dark:active:data-[state=checked]:bg-".concat(c,"-10 dark:active:data-[state=checked]:text-#111113"),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"}},d={light:{default:"data-[state=unchecked]:bg-".concat(e,"A-5 data-[state=unchecked]:border-none\n data-[state=checked]:bg-").concat(e,"A-5 data-[state=checked]:border-none data-[state=checked]:text-").concat(e,"-11"),hover:"hover:data-[state=unchecked]:bg-".concat(e,"A-6 hover:data-[state=unchecked]:border-none\n hover:data-[state=checked]:bg-").concat(e,"A-6 hover:data-[state=checked]:border-none hover:data-[state=checked]:text-").concat(e,"-11"),active:"active:data-[state=unchecked]:bg-".concat(e,"A-7 active:data-[state=unchecked]:border-none\n active:data-[state=checked]:bg-").concat(e,"A-7 active:data-[state=checked]:border-none active:data-[state=checked]:text-").concat(e,"-11"),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"},dark:{default:"dark:data-[state=unchecked]:bg-".concat(c,"A-5\n dark:data-[state=checked]:bg-").concat(c,"A-5 dark:data-[state=checked]:text-").concat(c,"-11"),hover:"dark:hover:data-[state=unchecked]:bg-".concat(c,"A-6\n dark:hover:data-[state=checked]:bg-").concat(c,"A-6 dark:hover:data-[state=checked]:text-").concat(c,"-11"),active:"dark:active:data-[state=unchecked]:bg-".concat(c,"A-7\n dark:active:data-[state=checked]:bg-").concat(c,"A-7 dark:active:data-[state=checked]:text-").concat(c,"-11"),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"}},o={light:{default:"border bg-".concat(e,"A-2 border-").concat(e,"A-7 text-").concat(e,"A-11"),hover:"hover:bg-".concat(e,"A-2 hover:border-").concat(e,"A-8 hover:text-").concat(e,"A-11"),active:"active:bg-".concat(e,"A-3 active:border-").concat(e,"A-8 active:text-").concat(e,"A-11"),disable:"disabled:bg-slateA-3 disabled:border-slateA-6 disabled:text-slateA-8"},dark:{default:"dark:bg-".concat(c,"A-2 dark:border-").concat(c,"A-7 dark:text-").concat(c,"A-11"),hover:"dark:hover:bg-".concat(c,"A-2 dark:hover:border-").concat(c,"A-8 dark:hover:text-").concat(c,"A-11"),active:"dark:active:bg-".concat(c,"A-3 dark:active:border-").concat(c,"A-8 dark:active:text-").concat(c,"A-11"),disable:"dark:disabled:bg-slateDarkA-3 dark:disabled:border-slateDarkA-6 dark:disabled:text-slateDarkA-8"}},n={light:{default:"border bg-transparent border-".concat(e,"A-6 text-").concat(e,"A-11"),hover:"hover:bg-transparent hover:border-".concat(e,"A-6 hover:text-").concat(e,"A-11"),active:"active:bg-transparent active:border-".concat(e,"A-6 active:text-").concat(e,"A-11"),disable:"disabled:bg-slateA-3 disabled:border-none disabled:text-slateA-8"},dark:{default:"dark:border-".concat(c,"A-6 dark:text-").concat(c,"A-11"),hover:"dark:hover:border-".concat(c,"A-6 dark:hover:text-").concat(c,"A-11"),active:"dark:active:border-".concat(c,"A-6 dark:active:text-").concat(c,"A-11"),disable:"dark:disabled:bg-slateDarkA-3 dark:disabled:text-slateDarkA-8"}};switch(a){case"classic":return t?s(o,!0):"".concat(s(r,!0)," 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");case"soft":return s(t?n:d,!0);case"surface":return s(t?o:r,!0);default:return s(r,!0)}},h=function(a,e){var t="".concat(e,"Dark"),c={light:{default:"bg-[#FFFFFF] border border-slateA-7 data-placeholder:text-slateA-10 text-slateA-12",hover:"hover:bg-[#FFFFFF] hover:border hover:border-slateA-8 hover:text-slateA-10",active:"active:bg-".concat(e,"A-3 active:border-").concat(e,"A-8 active:text-slateA-10 active:opacity-[.92]"),disable:"disabled:bg-slateA-2 disabled:border-slateA-6 disabled:text-slateA-8"},dark:{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",hover:"dark:hover:bg-[#111113] dark:hover:border dark:hover:border-slateDarkA-8 dark:hover:text-slateDarkA-10",active:"dark:active:bg-".concat(t,"A-3 dark:active:border dark:active:border-").concat(t,"A-8 dark:active:text-slateDarkA-10 dark:active:opacity-[.92]"),disable:"dark:disabled:bg-slateDarkA-2 dark:disabled:border dark:disabled:border-slateDarkA-6 dark:disabled:text-slateDarkA-8"}},r={light:{default:"bg-".concat(e,"A-3 border-none data-placeholder:text-").concat(e,"A-12/[.5] text-").concat(e,"A-12"),hover:"hover:bg-".concat(e,"A-4 hover:border-none hover:text-").concat(e,"A-12/[.5]"),active:"active:bg-".concat(e,"A-5 active:border-none active:text-").concat(e,"A-12/[.5] active:opacity-[.92]"),disable:"disabled:bg-slateA-3 disabled:border-none disabled:text-slateA-8"},dark:{default:"dark:bg-".concat(t,"A-3 dark:border-none dark:data-placeholder:text-").concat(t,"A-12/[.5] dark:text-").concat(t,"A-12 "),hover:"dark:hover:bg-".concat(t,"A-4 dark:hover:border-none dark:hover:text-").concat(t,"A-12/[.5]"),active:"dark:active:bg-".concat(t,"A-5 dark:active:border-none dark:active:text-").concat(t,"A-12/[.5] dark:active:opacity-[.92]"),disable:"dark:disabled:bg-slateDarkA-3 dark:disabled:border-none dark:disabled:text-slateDarkA-8"}},d={light:{default:"bg-transparent border-none data-placeholder:text-".concat(e,"A-12/[.5] text-").concat(e,"A-12"),hover:"hover:bg-".concat(e,"A-3 hover:border-none hover:text-").concat(e,"A-1/[.5]"),active:"active:bg-".concat(e,"A-4 active:border-none active:text-").concat(e,"A-12/[.5] active:opacity-[.92]"),disable:"disabled:bg-transparent disabled:border-none disabled:text-slateA-8"},dark:{default:"dark:bg-transparent dark:border-none dark:data-placeholder:text-".concat(t,"A-12/[.5] dark:text-").concat(t,"A-12"),hover:"dark:hover:bg-".concat(t,"A-3 dark:hover:border-none dark:hover:text-").concat(t,"A-12/[.5]"),active:"dark:active:bg-".concat(t,"A-4 dark:active:border-none dark:active:text-").concat(t,"A-12/[.5] dark:active:opacity-[.92]"),disable:"dark:disabled:text-slateDarkA-8 dark:disabled:border-none"}},o=function(a){var e="";return e+="".concat(a.light.default," ").concat(a.dark.default," ").concat(a.light.hover," ").concat(a.light.active," ").concat(a.light.disable," ").concat(a.dark.hover," ").concat(a.dark.active," ").concat(a.dark.disable)};switch(a){case"classic":return o({light:{default:"bg-slateA-2 border border-slate-4 data-placeholder:text-slateA-10 text-slateA-12",hover:"hover:bg-slateA-3 hover:border hover:border-slate-4 hover:text-slateA-10",active:"active:bg-slateA-4 active:border active:border-slate-6 active:text-slateA-10",disable:"disabled:bg-slateA-3 disabled:border disabled:border-slate-4 disabled:text-slateA-8"},dark:{default:"dark:bg-slateDarkA-2 dark:border-slateDark-4 dark:data-placeholder:text-slateDarkA-10 dark:text-slateDarkA-12",hover:"dark:hover:bg-slateDarkA-3 dark:hover:border-slateDark-4 dark:hover:text-slateDarkA-10",active:"dark:active:bg-slateDarkA-4 dark:active:border-slateDark-6 dark:active:text-slateDarkA-10",disable:"dark:disabled:bg-slateDarkA-3 dark:disabled:border-slateDark-4 dark:disabled:text-slateDarkA-8"}});case"soft":return o(r);case"surface":return o(c);case"ghost":return o(d);default:return""}};export{l as appearanceStyle,n as bgColorStyle,d as blackText,v as checkboxAppearanceStyle,i as menuItemAppearanceStyle,o as primaryColorStyle,t as radiusVariants,r as scalingVariants,h as selectAppearanceStyle,b as textColorStyle,k as toggleAppearanceStyle,c as weightVariants};
|
2
2
|
//# sourceMappingURL=constants.mjs.map
|