@lotte-innovate/ui-component-test 0.2.59 → 0.2.61

package/dist/lib/components/SearchBar/index.js

@@ -0,0 +1,85 @@
+'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);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { forwardRef, useRef, useEffect, useState, } from 'react';
+import { cva } from 'class-variance-authority';
+import { scalingVariants } from '../../../lib/constants';
+import { cn } from '../../../lib/utils/utils';
+import { useTheme } from '../../../lib/theme';
+import Collapsible from '../../../lib/components/Collapsible';
+import IconButton from '../IconButton';
+import { MagnifyingGlassIcon, ReloadIcon } from '@radix-ui/react-icons';
+export var SearchBarVariants = cva("", {
+    variants: {
+        scaling: __assign({}, scalingVariants),
+    },
+    defaultVariants: {
+        scaling: '100%',
+    },
+});
+export var SearchBar = forwardRef(function (_a) {
+    var className = _a.className, children = _a.children, scaling = _a.scaling, size = _a.size, color = _a.color, onClickSubmit = _a.onClickSubmit, onClickReload = _a.onClickReload, SubmitButton = _a.SubmitButton, ReloadButton = _a.ReloadButton, props = __rest(_a, ["className", "children", "scaling", "size", "color", "onClickSubmit", "onClickReload", "SubmitButton", "ReloadButton"]);
+    var containerRef = useRef(null);
+    var theme = useTheme().theme;
+    var contextValue = {
+        scaling: scaling !== null && scaling !== void 0 ? scaling : theme.themeScaling,
+        color: color !== null && color !== void 0 ? color : theme.themeColor,
+        size: size,
+    };
+    var _b = useState([]), firstLineIndices = _b[0], setFirstLineIndices = _b[1];
+    var _c = useState([]), secondLineIndices = _c[0], setSecondLineIndices = _c[1];
+    var _d = useState(false), open = _d[0], setOpen = _d[1];
+    var _e = useState(false), initSetting = _e[0], setInitSetting = _e[1];
+    useEffect(function () {
+        if (children) {
+            setInitSetting(false);
+            var container = containerRef.current;
+            var childElements = Array.from(container.children);
+            var firstChildTop_1 = childElements[0].getBoundingClientRect().top;
+            var firstLine_1 = [];
+            var secondLine_1 = [];
+            childElements.forEach(function (child, index) {
+                var childTop = child.getBoundingClientRect().top;
+                if (childTop === firstChildTop_1) {
+                    firstLine_1.push(index);
+                }
+                else {
+                    secondLine_1.push(index);
+                }
+            });
+            setFirstLineIndices(firstLine_1);
+            setSecondLineIndices(secondLine_1);
+            setInitSetting(true);
+        }
+    }, [children]);
+    return (_jsxs("div", { children: [children && (_jsxs("div", { className: "flex h-0 w-full gap-3 pr-2 opacity-0", children: [_jsx("div", { className: "flex flex-wrap gap-3 overflow-hidden bg-redA-3 px-2", ref: containerRef, children: children }), _jsxs("div", { className: "flex gap-2", children: [SubmitButton ? (SubmitButton) : (_jsx(IconButton, { size: size, children: _jsx(MagnifyingGlassIcon, {}) })), ReloadButton ? (ReloadButton) : (_jsx(IconButton, { size: size, children: _jsx(ReloadIcon, {}) })), _jsx(IconButton, { size: size, children: _jsx(ReloadIcon, {}) })] })] })), _jsxs(Collapsible.Root, __assign({ className: cn('grid w-full gap-3', SearchBarVariants({ scaling: contextValue.scaling }), className), onOpenChange: setOpen }, props, { children: [_jsxs("div", { className: "flex w-full justify-between", children: [_jsx("div", { className: "flex", children: children &&
+                                    React.Children.map(children, function (child, index) {
+                                        return firstLineIndices.includes(index) ? child : null;
+                                    }) }), _jsxs("div", { className: "flex gap-2", children: [SubmitButton ? (SubmitButton) : (_jsx(IconButton, { onClick: onClickSubmit, size: size, color: contextValue.color, children: _jsx(MagnifyingGlassIcon, {}) })), ReloadButton ? (ReloadButton) : (_jsx(IconButton, { onClick: onClickReload, size: size, color: contextValue.color, children: _jsx(ReloadIcon, {}) })), secondLineIndices.length > 0 && (_jsx(Collapsible.Trigger, { open: open, size: size, color: contextValue.color }))] })] }), _jsx(Collapsible.Content, { className: "flex gap-3", children: children &&
+                            React.Children.map(children, function (child, index) {
+                                return secondLineIndices.includes(index) ? child : null;
+                            }) })] }))] }));
+});
+SearchBar.displayName = 'SearchBar';
+export default SearchBar;

package/dist/lib/components/SearchBar/index.mjs

@@ -0,0 +1,3 @@
+"use client";
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import l,{forwardRef as n,useRef as i,useState as o,useEffect as t}from"react";import{cva as c}from"class-variance-authority";import{scalingVariants as a}from"../../constants.mjs";import{cn as s}from"../../utils/utils.mjs";import{useTheme as m}from"../../theme/ThemeProvider.mjs";import u from"../Collapsible/index.mjs";import{IconButton as d}from"../IconButton/index.mjs";import{MagnifyingGlassIcon as f,ReloadIcon as p}from"@radix-ui/react-icons";var h=function(){return h=Object.assign||function(e){for(var r,l=1,n=arguments.length;l<n;l++)for(var i in r=arguments[l])Object.prototype.hasOwnProperty.call(r,i)&&(e[i]=r[i]);return e},h.apply(this,arguments)},g=function(e,r){var l={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&r.indexOf(n)<0&&(l[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(n=Object.getOwnPropertySymbols(e);i<n.length;i++)r.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(e,n[i])&&(l[n[i]]=e[n[i]])}return l},v=c("",{variants:{scaling:h({},a)},defaultVariants:{scaling:"100%"}}),y=n((function(n){var c=n.className,a=n.children,y=n.scaling,b=n.size,x=n.color,C=n.onClickSubmit,j=n.onClickReload,O=n.SubmitButton,N=n.ReloadButton,w=g(n,["className","children","scaling","size","color","onClickSubmit","onClickReload","SubmitButton","ReloadButton"]),z=i(null),B=m().theme,S={scaling:null!=y?y:B.themeScaling,color:null!=x?x:B.themeColor,size:b},R=o([]),k=R[0],P=R[1],A=o([]),E=A[0],I=A[1],T=o(!1),V=T[0],q=T[1],D=o(!1);D[0];var F=D[1];return t((function(){if(a){F(!1);var e=z.current,r=Array.from(e.children),l=r[0].getBoundingClientRect().top,n=[],i=[];r.forEach((function(e,r){e.getBoundingClientRect().top===l?n.push(r):i.push(r)})),P(n),I(i),F(!0)}}),[a]),e("div",{children:[a&&e("div",{className:"flex h-0 w-full gap-3 pr-2 opacity-0",children:[r("div",{className:"flex flex-wrap gap-3 overflow-hidden bg-redA-3 px-2",ref:z,children:a}),e("div",{className:"flex gap-2",children:[O||r(d,{size:b,children:r(f,{})}),N||r(d,{size:b,children:r(p,{})}),r(d,{size:b,children:r(p,{})})]})]}),e(u.Root,h({className:s("grid w-full gap-3",v({scaling:S.scaling}),c),onOpenChange:q},w,{children:[e("div",{className:"flex w-full justify-between",children:[r("div",{className:"flex",children:a&&l.Children.map(a,(function(e,r){return k.includes(r)?e:null}))}),e("div",{className:"flex gap-2",children:[O||r(d,{onClick:C,size:b,color:S.color,children:r(f,{})}),N||r(d,{onClick:j,size:b,color:S.color,children:r(p,{})}),E.length>0&&r(u.Trigger,{open:V,size:b,color:S.color})]})]}),r(u.Content,{className:"flex gap-3",children:a&&l.Children.map(a,(function(e,r){return E.includes(r)?e:null}))})]}))]})}));y.displayName="SearchBar";export{y as SearchBar,v as SearchBarVariants,y as default};
+//# sourceMappingURL=index.mjs.map

package/dist/lib/components/SearchBar/index.mjs.map

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

package/dist/lib/components/TextField/index.d.ts

@@ -7,6 +7,10 @@ export interface TextFieldProps extends VariantProps<typeof textFieldVariants> {
     label?: string;
     size?: 'small' | 'medium' | 'large';
     scaling?: IScaling;
+    isShowWarning?: boolean;
+    validationType?: 'text' | 'number' | 'password' | 'email';
+    regex?: RegExp;
+    warningMessage?: string;
 }
 declare const textFieldVariants: (props?: ({
     radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;

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

@@ -21,14 +21,17 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState } from 'react';
 import { cva } from 'class-variance-authority';
 import { cn } from '../../../lib/utils/utils';
 import { bgColorStyle, radiusVariants } from '../../../lib/constants';
 import { Theme, TextField as TextFieldTheme } from '@radix-ui/themes';
 import { useTheme } from '../../../lib/theme';
 import { MAIN_COLOR } from '../../../lib/color/constants';
+import Text from '../../../lib/Typography/Text';
+import IconButton from '../IconButton';
+import { EyeClosedIcon, EyeOpenIcon } from '@radix-ui/react-icons';
 var textFieldVariants = cva('', {
     variants: {
         radius: __assign({}, radiusVariants['base']),
@@ -36,20 +39,52 @@ var textFieldVariants = cva('', {
     },
 });
 export var Root = React.forwardRef(function (_a, forwardedRef) {
-    var _b, _c;
-    var className = _a.className, color = _a.color, size = _a.size, appearance = _a.appearance, scaling = _a.scaling, radius = _a.radius, children = _a.children, sliderProps = __rest(_a, ["className", "color", "size", "appearance", "scaling", "radius", "children"]);
+    var _b, _c, _d;
+    var className = _a.className, color = _a.color, size = _a.size, appearance = _a.appearance, scaling = _a.scaling, radius = _a.radius, children = _a.children, validationType = _a.validationType, regex = _a.regex, warningMessage = _a.warningMessage, onChange = _a.onChange, onBlur = _a.onBlur, textFieldProps = __rest(_a, ["className", "color", "size", "appearance", "scaling", "radius", "children", "validationType", "regex", "warningMessage", "onChange", "onBlur"]);
     var theme = useTheme().theme;
+    var _e = useState(false), showMessage = _e[0], setShowMessage = _e[1];
+    var _f = useState((_b = textFieldProps.defaultValue) !== null && _b !== void 0 ? _b : ''), value = _f[0], setValue = _f[1];
+    var _g = useState(false), isMouseDown = _g[0], setIsMouseDown = _g[1];
     var sizeTheme = '2';
     if (size === 'small')
         sizeTheme = '1';
     if (size === 'large')
         sizeTheme = '3';
     var contextValue = {
-        scaling: (_b = scaling !== null && scaling !== void 0 ? scaling : theme.themeScaling) !== null && _b !== void 0 ? _b : '100%',
+        scaling: (_c = scaling !== null && scaling !== void 0 ? scaling : theme.themeScaling) !== null && _c !== void 0 ? _c : '100%',
         radius: radius !== null && radius !== void 0 ? radius : theme.themeRadius,
-        color: (_c = color !== null && color !== void 0 ? color : theme.themeColor) !== null && _c !== void 0 ? _c : MAIN_COLOR,
+        color: (_d = color !== null && color !== void 0 ? color : theme.themeColor) !== null && _d !== void 0 ? _d : MAIN_COLOR,
     };
-    return (_jsx(Theme, { scaling: contextValue.scaling, accentColor: contextValue.color, hasBackground: false, children: _jsx(TextFieldTheme.Root, __assign({ ref: forwardedRef, variant: appearance, size: sizeTheme, radius: contextValue.radius, color: contextValue.color, className: cn(textFieldVariants({ radius: contextValue.radius }), className) }, sliderProps, { children: children })) }));
+    var emailRegex = /^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/;
+    var numberRegex = /^[0-9]+$/;
+    var message = '';
+    if (validationType == 'number')
+        message = '숫자만 입력 가능합니다.';
+    if (validationType == 'email')
+        message = '이메일 형식에 어긋납니다.';
+    return (_jsxs("div", { children: [_jsx(Theme, { scaling: contextValue.scaling, accentColor: contextValue.color, hasBackground: false, children: _jsxs(TextFieldTheme.Root, __assign({ ref: forwardedRef, variant: appearance, size: sizeTheme, type: validationType !== 'password' || isMouseDown ? 'text' : 'password', radius: contextValue.radius, color: contextValue.color, className: cn(textFieldVariants({ radius: contextValue.radius }), className), onChange: function (e) {
+                        if (e.target.value && regex) {
+                            setShowMessage(true);
+                            return;
+                        }
+                        if (validationType == 'number' &&
+                            e.target.value &&
+                            !regex &&
+                            !numberRegex.test(e.target.value)) {
+                            setShowMessage(true);
+                            return;
+                        }
+                        setShowMessage(false);
+                        setValue(e.target.value);
+                        onChange && onChange(e);
+                    }, value: value, onBlur: function (e) {
+                        onBlur && onBlur(e);
+                        if (validationType == 'email' && e.target.value && !emailRegex.test(e.target.value)) {
+                            setShowMessage(true);
+                            return;
+                        }
+                        setShowMessage(false);
+                    } }, textFieldProps, { children: [children, validationType == 'password' && (_jsx(TextField.Slot, { side: 'right', children: _jsx(IconButton, { appearance: "ghost", color: "slate", onMouseDown: function (e) { return setIsMouseDown(true); }, onMouseUp: function (e) { return setIsMouseDown(false); }, children: isMouseDown ? (_jsx(EyeOpenIcon, { height: "14", width: "14" })) : (_jsx(EyeClosedIcon, { height: "14", width: "14" })) }) }))] })) }), showMessage && (_jsx(Text, { size: "1", color: contextValue.color, children: warningMessage ? warningMessage : message }))] }));
 });
 Root.displayName = 'TextField.Root';
 export var Slot = React.forwardRef(function (_a, forwardedRef) {

package/dist/lib/components/TextField/index.mjs

@@ -1,3 +1,3 @@
 "use client";
-import{jsx as r}from"react/jsx-runtime";import e from"react";import{cva as o}from"class-variance-authority";import{cn as a}from"../../utils/utils.mjs";import{radiusVariants as t,bgColorStyle as l}from"../../constants.mjs";import{Theme as i,TextField as s}from"@radix-ui/themes";import{useTheme as n}from"../../theme/ThemeProvider.mjs";import{MAIN_COLOR as c}from"../../color/constants.mjs";var m=function(){return m=Object.assign||function(r){for(var e,o=1,a=arguments.length;o<a;o++)for(var t in e=arguments[o])Object.prototype.hasOwnProperty.call(e,t)&&(r[t]=e[t]);return r},m.apply(this,arguments)},d=function(r,e){var o={};for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&e.indexOf(a)<0&&(o[a]=r[a]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var t=0;for(a=Object.getOwnPropertySymbols(r);t<a.length;t++)e.indexOf(a[t])<0&&Object.prototype.propertyIsEnumerable.call(r,a[t])&&(o[a[t]]=r[a[t]])}return o},u=o("",{variants:{radius:m({},t.base),color:l()}}),p=e.forwardRef((function(e,o){var t,l,p=e.className,f=e.color,h=e.size,v=e.appearance,y=e.scaling,g=e.radius,O=e.children,j=d(e,["className","color","size","appearance","scaling","radius","children"]),b=n().theme,x="2";"small"===h&&(x="1"),"large"===h&&(x="3");var N={scaling:null!==(t=null!=y?y:b.themeScaling)&&void 0!==t?t:"100%",radius:null!=g?g:b.themeRadius,color:null!==(l=null!=f?f:b.themeColor)&&void 0!==l?l:c};return r(i,{scaling:N.scaling,accentColor:N.color,hasBackground:!1,children:r(s.Root,m({ref:o,variant:v,size:x,radius:N.radius,color:N.color,className:a(u({radius:N.radius}),p)},j,{children:O}))})}));p.displayName="TextField.Root";var f=e.forwardRef((function(e,o){var t=e.className,l=e.color,i=e.side,n=e.radius,c=e.children,p=d(e,["className","color","side","radius","children"]);return r(s.Slot,m({ref:o,color:l,side:i,className:a(u({radius:n}),t)},p,{children:c}))}));f.displayName="TextField.Slot";var h={Root:p,Slot:f};export{p as Root,f as Slot,h as default};
+import{jsxs as r,jsx as e}from"react/jsx-runtime";import a,{useState as o}from"react";import{cva as t}from"class-variance-authority";import{cn as n}from"../../utils/utils.mjs";import{radiusVariants as i,bgColorStyle as l}from"../../constants.mjs";import{Theme as s,TextField as c}from"@radix-ui/themes";import{useTheme as u}from"../../theme/ThemeProvider.mjs";import{MAIN_COLOR as d}from"../../color/constants.mjs";import m from"../../Typography/Text/index.mjs";import{IconButton as p}from"../IconButton/index.mjs";import{EyeOpenIcon as f,EyeClosedIcon as h}from"@radix-ui/react-icons";var g=function(){return g=Object.assign||function(r){for(var e,a=1,o=arguments.length;a<o;a++)for(var t in e=arguments[a])Object.prototype.hasOwnProperty.call(e,t)&&(r[t]=e[t]);return r},g.apply(this,arguments)},v=function(r,e){var a={};for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&e.indexOf(o)<0&&(a[o]=r[o]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var t=0;for(o=Object.getOwnPropertySymbols(r);t<o.length;t++)e.indexOf(o[t])<0&&Object.prototype.propertyIsEnumerable.call(r,o[t])&&(a[o[t]]=r[o[t]])}return a},y=t("",{variants:{radius:g({},i.base),color:l()}}),x=a.forwardRef((function(a,t){var i,l,x,j=a.className,b=a.color,O=a.size,N=a.appearance,T=a.scaling,z=a.radius,S=a.children,R=a.validationType,B=a.regex,C=a.warningMessage,P=a.onChange,M=a.onBlur,F=v(a,["className","color","size","appearance","scaling","radius","children","validationType","regex","warningMessage","onChange","onBlur"]),I=u().theme,$=o(!1),k=$[0],D=$[1],E=o(null!==(i=F.defaultValue)&&void 0!==i?i:""),U=E[0],V=E[1],_=o(!1),q=_[0],A=_[1],G="2";"small"===O&&(G="1"),"large"===O&&(G="3");var H={scaling:null!==(l=null!=T?T:I.themeScaling)&&void 0!==l?l:"100%",radius:null!=z?z:I.themeRadius,color:null!==(x=null!=b?b:I.themeColor)&&void 0!==x?x:d},J=/^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/,K=/^[0-9]+$/,L="";return"number"==R&&(L="숫자만 입력 가능합니다."),"email"==R&&(L="이메일 형식에 어긋납니다."),r("div",{children:[e(s,{scaling:H.scaling,accentColor:H.color,hasBackground:!1,children:r(c.Root,g({ref:t,variant:N,size:G,type:"password"!==R||q?"text":"password",radius:H.radius,color:H.color,className:n(y({radius:H.radius}),j),onChange:function(r){r.target.value&&B?D(!0):"number"!=R||!r.target.value||B||K.test(r.target.value)?(D(!1),V(r.target.value),P&&P(r)):D(!0)},value:U,onBlur:function(r){M&&M(r),"email"!=R||!r.target.value||J.test(r.target.value)?D(!1):D(!0)}},F,{children:[S,"password"==R&&e(w.Slot,{side:"right",children:e(p,{appearance:"ghost",color:"slate",onMouseDown:function(r){return A(!0)},onMouseUp:function(r){return A(!1)},children:e(q?f:h,{height:"14",width:"14"})})})]}))}),k&&e(m,{size:"1",color:H.color,children:C||L})]})}));x.displayName="TextField.Root";var j=a.forwardRef((function(r,a){var o=r.className,t=r.color,i=r.side,l=r.radius,s=r.children,u=v(r,["className","color","side","radius","children"]);return e(c.Slot,g({ref:a,color:t,side:i,className:n(y({radius:l}),o)},u,{children:s}))}));j.displayName="TextField.Slot";var w={Root:x,Slot:j};export{x as Root,j as Slot,w as default};
 //# sourceMappingURL=index.mjs.map

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

@@ -3,6 +3,7 @@ export { default as AlertDialog } from './AlertDialog';
 export { default as AspectRatio } from './AspectRatio';
 export { default as Avatar } from './Avatar';
 export { default as Badge } from './Badge';
+export { default as Box } from './Box';
 export { default as Breadcrumb } from './Breadcrumb';
 export { default as Button } from './Button';
 export { default as Calendar } from './Calendar';
@@ -18,9 +19,11 @@ export { default as Datepicker } from './Datepicker';
 export { default as Dialog } from './Dialog';
 export { default as DropdownMenu } from './DropdownMenu';
 export { default as Editor } from './Editor';
+export { default as Flex } from './Flex';
 export { default as DynamicTabs } from './Tabs/DynamicTabs';
 export { default as Footer } from './Footer';
 export { default as Gnb } from './Gnb';
+export { default as GridLayout } from './GridLayout';
 export { default as HoverCard } from './HoverCard';
 export { default as IconButton } from './IconButton';
 export { default as Inset } from './Inset';
@@ -34,6 +37,7 @@ export { default as Radio } from './Radio';
 export { default as RadioCards } from './RadioCards';
 export { default as RadioGroup } from './RadioGroup';
 export { default as ScrollArea } from './ScrollArea';
+export { default as SearchBar } from './SearchBar';
 export { default as SegmentedControl } from './SegmentedControl';
 export { default as Select } from './Select';
 export { default as Separator } from './Separator';

package/dist/lib/components/index.js

@@ -4,6 +4,7 @@ export { default as AlertDialog } from './AlertDialog';
 export { default as AspectRatio } from './AspectRatio';
 export { default as Avatar } from './Avatar';
 export { default as Badge } from './Badge';
+export { default as Box } from './Box';
 export { default as Breadcrumb } from './Breadcrumb';
 export { default as Button } from './Button';
 export { default as Calendar } from './Calendar';
@@ -19,9 +20,11 @@ export { default as Datepicker } from './Datepicker';
 export { default as Dialog } from './Dialog';
 export { default as DropdownMenu } from './DropdownMenu';
 export { default as Editor } from './Editor';
+export { default as Flex } from './Flex';
 export { default as DynamicTabs } from './Tabs/DynamicTabs';
 export { default as Footer } from './Footer';
 export { default as Gnb } from './Gnb';
+export { default as GridLayout } from './GridLayout';
 export { default as HoverCard } from './HoverCard';
 export { default as IconButton } from './IconButton';
 export { default as Inset } from './Inset';
@@ -35,6 +38,7 @@ export { default as Radio } from './Radio';
 export { default as RadioCards } from './RadioCards';
 export { default as RadioGroup } from './RadioGroup';
 export { default as ScrollArea } from './ScrollArea';
+export { default as SearchBar } from './SearchBar';
 export { default as SegmentedControl } from './SegmentedControl';
 export { default as Select } from './Select';
 export { default as Separator } from './Separator';

package/dist/lib/constants.js

@@ -45,7 +45,7 @@ export var radiusVariants = {
         large: 'rounded-md', // 6px
         full: 'rounded-full',
     },
-    // 배너
+    // 배너, 에디터
     large: {
         none: 'rounded-none',
         small: 'rounded',

package/dist/lib/constants.mjs.map

@@ -1 +1 @@
-{"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","borderColorStyle","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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"}
+{"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","borderColorStyle","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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"}