@lotte-innovate/ui-component-test 0.0.121 → 0.0.122

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

@@ -36,7 +36,7 @@ var tooltipVariants = cva('bg-slate-12 text-slate-1 dark:bg-slateDark-12 dark:te
     },
 });
 var Tooltip = React.forwardRef(function (_a, ref) {
-    var content = _a.content, weight = _a.weight, color = _a.color, radius = _a.radius, children = _a.children, defaultOpen = _a.defaultOpen, open = _a.open, className = _a.className, _b = _a.side, side = _b === void 0 ? 'top' : _b, onOpenChange = _a.onOpenChange, props = __rest(_a, ["content", "weight", "color", "radius", "children", "defaultOpen", "open", "className", "side", "onOpenChange"]);
+    var content = _a.content, weight = _a.weight, color = _a.color, radius = _a.radius, children = _a.children, defaultOpen = _a.defaultOpen, open = _a.open, className = _a.className, _b = _a.side, side = _b === void 0 ? 'top' : _b, _c = _a.active, active = _c === void 0 ? true : _c, onOpenChange = _a.onOpenChange, props = __rest(_a, ["content", "weight", "color", "radius", "children", "defaultOpen", "open", "className", "side", "active", "onOpenChange"]);
     var theme = useTheme().theme;
     var contextValue = {
         radius: radius !== null && radius !== void 0 ? radius : theme.themeRadius,
@@ -48,7 +48,7 @@ var Tooltip = React.forwardRef(function (_a, ref) {
     var arrowColor = contextValue.color
         ? "fill-".concat(contextValue.color, "-9 dark:fill-").concat(contextValue.color, "Dark-9")
         : 'fill-slate-12 dark:fill-slateDark-12';
-    return (_jsx(TooltipPrimitive.Provider, { children: _jsxs(TooltipPrimitive.Root, { open: open, defaultOpen: defaultOpen, onOpenChange: onOpenChange, children: [_jsx(TooltipPrimitive.Trigger, { className: "cursor-pointer text-slate-12 dark:text-slateDark-12", asChild: true, children: children }), _jsxs(TooltipPrimitive.Content, __assign({ align: "center" }, props, { side: side, className: cn('mr-2', tooltipVariants(contextValue), className), sideOffset: 5, children: [content, _jsx(TooltipPrimitive.Arrow, { width: 11, height: 5, className: arrowColor })] }))] }) }));
+    return (_jsx(TooltipPrimitive.Provider, { children: _jsxs(TooltipPrimitive.Root, { open: open, defaultOpen: defaultOpen, onOpenChange: onOpenChange, children: [_jsx(TooltipPrimitive.Trigger, { className: "cursor-pointer text-slate-12 dark:text-slateDark-12", asChild: true, children: children }), active && (_jsxs(TooltipPrimitive.Content, __assign({ align: "center" }, props, { side: side, className: cn('mr-2', tooltipVariants(contextValue), className), sideOffset: 5, children: [content, _jsx(TooltipPrimitive.Arrow, { width: 11, height: 5, className: arrowColor })] })))] }) }));
 });
 Tooltip.displayName = 'Tooltip';
 export default Tooltip;

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

@@ -1,3 +1,3 @@
 "use client";
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import a from"react";import*as r from"@radix-ui/react-tooltip";import{cva as o}from"class-variance-authority";import{cn as n}from"../../utils/utils.mjs";import{weightVariants as l,radiusVariants as i,primaryColorStyle as d}from"../../constants.mjs";import{useTheme as s}from"../../theme/ThemeProvider.mjs";var p=function(){return p=Object.assign||function(e){for(var t,a=1,r=arguments.length;a<r;a++)for(var o in t=arguments[a])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},p.apply(this,arguments)},c=function(e,t){var a={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(a[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(a[r[o]]=e[r[o]])}return a},m=o("bg-slate-12 text-slate-1 dark:bg-slateDark-12 dark:text-slateDark-1 data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade data-[state=delayed-open]:data-[side=right]:animate-slideLeftAndFade data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade select-none rounded-[4px] px-[9px] py-[6px] text-[12px] leading-none shadow-[hsl(206_22%_7%_/_35%)_0px_10px_38px_-10px,_hsl(206_22%_7%_/_20%)_0px_10px_20px_-15px] will-change-[transform,opacity]",{variants:{weight:p({},l),radius:p({},i["extra-large"]),color:d()}}),f=a.forwardRef((function(a,o){var l=a.content,i=a.weight,d=a.color,f=a.radius,h=a.children,u=a.defaultOpen,g=a.open,x=a.className,y=a.side,O=void 0===y?"top":y,_=a.onOpenChange,w=c(a,["content","weight","color","radius","children","defaultOpen","open","className","side","onOpenChange"]),v=s().theme,b={radius:null!=f?f:v.themeRadius,color:null!=d?d:v.themeColor,weight:null!=i?i:v.themeWeight};"full"===b.radius&&(b.radius="large");var j=b.color?"fill-".concat(b.color,"-9 dark:fill-").concat(b.color,"Dark-9"):"fill-slate-12 dark:fill-slateDark-12";return e(r.Provider,{children:t(r.Root,{open:g,defaultOpen:u,onOpenChange:_,children:[e(r.Trigger,{className:"cursor-pointer text-slate-12 dark:text-slateDark-12",asChild:!0,children:h}),t(r.Content,p({align:"center"},w,{side:O,className:n("mr-2",m(b),x),sideOffset:5,children:[l,e(r.Arrow,{width:11,height:5,className:j})]}))]})})}));f.displayName="Tooltip";export{f as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import a from"react";import*as r from"@radix-ui/react-tooltip";import{cva as o}from"class-variance-authority";import{cn as n}from"../../utils/utils.mjs";import{weightVariants as l,radiusVariants as i,primaryColorStyle as d}from"../../constants.mjs";import{useTheme as s}from"../../theme/ThemeProvider.mjs";var p=function(){return p=Object.assign||function(e){for(var t,a=1,r=arguments.length;a<r;a++)for(var o in t=arguments[a])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},p.apply(this,arguments)},c=function(e,t){var a={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(a[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(a[r[o]]=e[r[o]])}return a},m=o("bg-slate-12 text-slate-1 dark:bg-slateDark-12 dark:text-slateDark-1 data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade data-[state=delayed-open]:data-[side=right]:animate-slideLeftAndFade data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade select-none rounded-[4px] px-[9px] py-[6px] text-[12px] leading-none shadow-[hsl(206_22%_7%_/_35%)_0px_10px_38px_-10px,_hsl(206_22%_7%_/_20%)_0px_10px_20px_-15px] will-change-[transform,opacity]",{variants:{weight:p({},l),radius:p({},i["extra-large"]),color:d()}}),f=a.forwardRef((function(a,o){var l=a.content,i=a.weight,d=a.color,f=a.radius,h=a.children,u=a.defaultOpen,g=a.open,x=a.className,y=a.side,O=void 0===y?"top":y,_=a.active,v=void 0===_||_,w=a.onOpenChange,b=c(a,["content","weight","color","radius","children","defaultOpen","open","className","side","active","onOpenChange"]),j=s().theme,k={radius:null!=f?f:j.themeRadius,color:null!=d?d:j.themeColor,weight:null!=i?i:j.themeWeight};"full"===k.radius&&(k.radius="large");var C=k.color?"fill-".concat(k.color,"-9 dark:fill-").concat(k.color,"Dark-9"):"fill-slate-12 dark:fill-slateDark-12";return e(r.Provider,{children:t(r.Root,{open:g,defaultOpen:u,onOpenChange:w,children:[e(r.Trigger,{className:"cursor-pointer text-slate-12 dark:text-slateDark-12",asChild:!0,children:h}),v&&t(r.Content,p({align:"center"},b,{side:O,className:n("mr-2",m(k),x),sideOffset:5,children:[l,e(r.Arrow,{width:11,height:5,className:C})]}))]})})}));f.displayName="Tooltip";export{f as default};
 //# sourceMappingURL=index.mjs.map

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

@@ -3,8 +3,10 @@ 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';
 export { default as Callout } from './Callout';
 export { default as Card } from './Card';
 export { default as Checkbox } from './Checkbox';
@@ -13,9 +15,11 @@ export { default as CheckboxGroup } from './CheckboxGroup';
 export { default as ContextMenu } from './ContextMenu';
 export { default as Collapsible } from './Collapsible';
 export { default as DataList } from './DataList';
+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 DynamicTabs } from './Tabs/DynamicTabs';
 export { default as Footer } from './Footer';
 export { default as Gnb } from './Gnb';
 export { default as HoverCard } from './HoverCard';
@@ -23,6 +27,7 @@ export { default as IconButton } from './IconButton';
 export { default as Inset } from './Inset';
 export { default as Label } from './Label';
 export { default as Menubar } from './Menubar';
+export { default as Modal } from './Modal';
 export { default as NavigationMenu } from './NavigationMenu';
 export { default as Popover } from './Popover';
 export { default as Progress } from './Progress';
@@ -30,9 +35,11 @@ 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';
+export { default as Sidebar } from './SideBar';
 export { default as Skeleton } from './Skeleton';
 export { default as Slider } from './Slider';
 export { default as Spinner } from './Spinner';
@@ -41,6 +48,7 @@ export { default as TabNav } from './TabNav';
 export { default as Tabs } from './Tabs';
 export { default as TextArea } from './TextArea';
 export { default as TextField } from './TextField';
+export { default as Timeline } from './Timeline';
 export { default as Toast } from './Toast';
 export { default as Toggle } from './Toggle';
 export { default as ToggleWithText } from './Toggle/ToggleWithText';

package/dist/lib/components/index.js

@@ -4,8 +4,10 @@ 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';
 export { default as Callout } from './Callout';
 export { default as Card } from './Card';
 export { default as Checkbox } from './Checkbox';
@@ -14,9 +16,11 @@ export { default as CheckboxGroup } from './CheckboxGroup';
 export { default as ContextMenu } from './ContextMenu';
 export { default as Collapsible } from './Collapsible';
 export { default as DataList } from './DataList';
+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 DynamicTabs } from './Tabs/DynamicTabs';
 export { default as Footer } from './Footer';
 export { default as Gnb } from './Gnb';
 export { default as HoverCard } from './HoverCard';
@@ -24,6 +28,7 @@ export { default as IconButton } from './IconButton';
 export { default as Inset } from './Inset';
 export { default as Label } from './Label';
 export { default as Menubar } from './Menubar';
+export { default as Modal } from './Modal';
 export { default as NavigationMenu } from './NavigationMenu';
 export { default as Popover } from './Popover';
 export { default as Progress } from './Progress';
@@ -31,9 +36,11 @@ 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';
+export { default as Sidebar } from './SideBar';
 export { default as Skeleton } from './Skeleton';
 export { default as Slider } from './Slider';
 export { default as Spinner } from './Spinner';
@@ -42,6 +49,7 @@ export { default as TabNav } from './TabNav';
 export { default as Tabs } from './Tabs';
 export { default as TextArea } from './TextArea';
 export { default as TextField } from './TextField';
+export { default as Timeline } from './Timeline';
 export { default as Toast } from './Toast';
 export { default as Toggle } from './Toggle';
 export { default as ToggleWithText } from './Toggle/ToggleWithText';

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

@@ -1,2 +1,2 @@
-import{ColorStyle as a,DarkColorStyle as e,MAIN_COLOR as t}from"./color/constants.mjs";var c={small:{none:"rounded-none",small:"rounded-[3px]",medium:"rounded",large:"rounded",full:"rounded"},base:{none:"rounded-none",small:"rounded-[3px]",medium:"rounded",large:"rounded-md",full:"rounded-full"},large:{none:"rounded-none",small:"rounded",medium:"rounded-lg",large:"rounded-xl",full:"rounded-2xl"},"extra-large":{none:"rounded-none",small:"rounded",medium:"rounded-lg",large:"rounded-xl",full:"rounded-xl"},"menu-item":{none:"rounded-none",small:"rounded-[1px]",medium:"rounded-sm",large:"rounded",full:"rounded"}},r={regular:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold"},d={"90%":"scale-90","95%":"scale-95","100%":"scale-100","105%":"scale-105","110%":"scale-110"},o=["sky","mint","lime","yellow","amber","orange","white"],n=function(){var t={};for(var c in a){var r="".concat(c,"Dark");t[c]=o.includes(c)?"bg-".concat(a[c]," text-slate-12 dark:bg-").concat(e[r]," dark:text-slateDark-12"):"bg-".concat(a[c]," text-white dark:bg-").concat(e[r]," dark:text-slateDark-1")}return t},b=function(){var t={};for(var c in a){var r="".concat(c,"Dark");t[c]="bg-".concat(a[c]," dark:bg-").concat(e[r])}return t},s=function(){var t={};for(var c in a){var r="".concat(c,"Dark");t[c]="text-".concat(a[c]," dark:text-").concat(e[r])}return t},l=function(a,e){var t="";return t+="".concat(a.light.default," ").concat(a.dark.default),e&&(t+=" ".concat(a.light.hover," ").concat(a.light.active," ").concat(a.light.disable," ").concat(a.dark.hover," ").concat(a.dark.active," ").concat(a.dark.disable)),t},k=function(a,e,c){void 0===e&&(e=t),void 0===c&&(c=!0);var r="".concat(e,"Dark"),d={light:{default:"bg-".concat(e,"-9 border border-solid border-").concat(e,"-9 shadow-button-classic"),hover:"hover:bg-".concat(e,"-10 hover:border-").concat(e,"-9"),active:"active:bg-".concat(e,"-9 active:border-").concat(e,"-9"),disable:"disabled:bg-slateA-3 disabled:border-slate-4 disabled:text-slateA-8"},dark:{default:"dark:bg-".concat(r,"-9 dark:border-").concat(r,"-9 dark:shadow-button-dark-classic"),hover:"dark:hover:bg-".concat(r,"-10 dark:hover:border-").concat(r,"-9"),active:"dark:active:bg-".concat(r,"-9 dark:active:border-").concat(r,"-9"),disable:"dark:disabled:bg-slateDarkA-3 dark:disabled:border-slateDark-4 dark:disabled:text-slateDarkA-8"}},o={light:{default:"bg-".concat(e,"-9 border-none"),hover:"hover:bg-".concat(e,"-10 hover:border-none"),active:"active:bg-".concat(e,"-10 active:border-none active:opacity-[.92]"),disable:"disabled:bg-slateA-3 disabled:border-none disabled:text-slateA-8"},dark:{default:"dark:bg-".concat(r,"-9"),hover:"dark:hover:bg-".concat(r,"-10"),active:"dark:active:bg-".concat(r,"-10 dark:active:opacity-[.92]"),disable:"dark:disabled:bg-slateDarkA-3 dark:disabled:text-slateDarkA-8"}},n={light:{default:"bg-".concat(e,"A-3 border-none text-").concat(e,"A-11"),hover:"hover:bg-".concat(e,"A-4 hover:border-none hover:text-").concat(e,"A-11"),active:"active:bg-".concat(e,"A-5 active:border-none active:text-").concat(e,"A-11 active:opacity-[.92]"),disable:"disabled:bg-slateA-3 disabled:border-none disabled:text-slateA-8"},dark:{default:"dark:bg-".concat(r,"A-3 dark:text-").concat(r,"A-11"),hover:"dark:hover:bg-".concat(r,"A-4 dark:hover:text-").concat(r,"A-11"),active:"dark:active:bg-".concat(r,"A-5 dark:active:text-").concat(r,"A-11 dark:active:opacity-[.92]"),disable:"dark:disabled:bg-slateDarkA-3 dark:disabled:text-slateDarkA-8"}},b={light:{default:"bg-".concat(e,"A-2 border border-solid border-").concat(e,"A-7 text-").concat(e,"A-11"),hover:"hover:bg-".concat(e,"A-2 hover:border-").concat(e,"A-8 hover:text-").concat(e,"A-11"),active:"active:bg-".concat(e,"A-3 active:border-").concat(e,"A-8 active:text-").concat(e,"A-11 active:opacity-[.92]"),disable:"disabled:bg-slateA-2 disabled:border-slateA-6 disabled:text-slateA-8"},dark:{default:"dark:bg-".concat(r,"A-2 dark:border-").concat(r,"A-7 dark:text-").concat(r,"A-11"),hover:"dark:hover:bg-".concat(r,"A-2 dark:hover:border-").concat(r,"A-8 dark:hover:text-").concat(r,"A-11"),active:"dark:active:bg-".concat(r,"A-3 dark:active:border-").concat(r,"A-8 dark:active:text-").concat(r,"A-11 dark:active:opacity-[.92]"),disable:"dark:disabled:bg-slateDarkA-2 dark:disabled:border-slateDarkA-6 dark:disabled:text-slateDarkA-8"}},s={light:{default:"bg-transparent border border-solid border-".concat(e,"A-8 text-").concat(e,"A-11"),hover:"hover:bg-".concat(e,"A-2 hover:border-").concat(e,"A-8 hover:text-").concat(e,"A-11"),active:"active:bg-".concat(e,"A-3 active:border-").concat(e,"A-8 active:text-").concat(e,"A-11"),disable:"disabled:bg-transparent disabled:border-slateA-7 disabled:text-slateA-8"},dark:{default:"dark:border-".concat(r,"A-8 dark:bg-transparent dark:text-").concat(r,"A-11"),hover:"dark:hover:bg-".concat(r,"A-2 dark:hover:border-").concat(r,"A-8 dark:hover:text-").concat(r,"A-11"),active:"dark:active:bg-".concat(r,"A-3 dark:active:border-").concat(r,"A-8 dark:active:text-").concat(r,"A-11 dark:active:opacity-[.92]"),disable:"dark:disabled:border-slateDarkA-7 dark:disabled:bg-transparent dark:disabled:text-slateDarkA-8 "}},k={light:{default:"bg-transparent border-none text-".concat(e,"A-11"),hover:"hover:bg-".concat(e,"A-3 hover:border-none hover:text-").concat(e,"A-11"),active:"active:bg-".concat(e,"A-4 active:border-none active:text-").concat(e,"A-11 active:opacity-[.92]"),disable:"disabled:bg-transparent disabled:border-none disabled:text-slateA-8"},dark:{default:"dark:bg-transparent dark:text-".concat(r,"A-11"),hover:"dark:hover:bg-".concat(r,"A-3 dark:hover:text-").concat(r,"A-11"),active:"dark:active:bg-".concat(r,"A-4 dark:active:text-").concat(r,"A-11 dark:active:opacity-[.92]"),disable:"dark:disabled:text-slateDarkA-8"}};switch(a){case"classic":return l(d,c);case"solid":return l(o,c);case"soft":return l(n,c);case"surface":return l(b,c);case"outline":return l(s,c);case"ghost":return l(k,c);default:return""}},i=function(a,e,c,r){void 0===e&&(e=t),void 0===c&&(c=!0),void 0===r&&(r="");var d="".concat(e,"Dark"),o={light:{default:"bg-".concat(e,"-9 border border-solid border-").concat(e,"-9 text-white shadow-button-classic"),hover:"hover:bg-".concat(e,"-10 hover:border-").concat(e,"-9 hover:text-white ").concat(r,"hover:bg-").concat(e,"-10 ").concat(r,"hover:border-").concat(e,"-9 ").concat(r,"hover:text-white"),active:"".concat(r,"bg-").concat(e,"-9 ").concat(r,"border-").concat(e,"-9 ").concat(r,"text-white"),disable:"disabled:bg-slateA-3 disabled:border-slate-4 disabled:text-slateA-8"},dark:{default:"dark:bg-".concat(d,"-9 dark:border-").concat(d,"-9 dark:text-slateDark-1"),hover:"dark:hover:bg-".concat(d,"-10 dark:hover:border-").concat(d,"-9 dark:hover:text-slateDark-1 dark:").concat(r,"hover:bg-").concat(d,"-10 dark:").concat(r,"hover:border-").concat(d,"-9 dark:").concat(r,"hover:text-slateDark-1"),active:"dark:".concat(r,"bg-").concat(d,"-9 dark:").concat(r,"border-").concat(d,"-9 dark:").concat(r,"text-slateDark-1"),disable:"dark:disabled:bg-slateDarkA-3 dark:disabled:border-slateDark-4 dark:disabled:text-slateDarkA-8"}},n={light:{default:"bg-".concat(e,"-9 border-none text-white"),hover:"hover:bg-".concat(e,"-10 hover:border-none hover:text-white ").concat(r,"hover:bg-").concat(e,"-10 ").concat(r,"hover:border-none ").concat(r,"hover:text-white"),active:"".concat(r,"bg-").concat(e,"-10 ").concat(r,"border-none ").concat(r,"text-white ").concat(r,"opacity-[.92]"),disable:"disabled:bg-slateA-3 disabled:border-none disabled:text-slateA-8"},dark:{default:"dark:bg-".concat(d,"-9 dark:text-slateDark-1"),hover:"dark:hover:bg-".concat(d,"-10 dark:hover:text-slateDark-1 dark:").concat(r,"hover:bg-").concat(d,"-10 dark:").concat(r,"hover:text-slateDark-1"),active:"dark:".concat(r,"bg-").concat(d,"-10 dark:").concat(r,"text-slateDark-1 dark:").concat(r,"opacity-[.92]"),disable:"dark:disabled:bg-slateDarkA-3 disabled:text-slateDarkA-8"}},b={light:{default:"bg-".concat(e,"A-3 border-none text-").concat(e,"A-11"),hover:"hover:bg-".concat(e,"A-4 hover:border-none hover:text-").concat(e,"A-11 ").concat(r,"hover:bg-").concat(e,"A-4 ").concat(r,"hover:border-none ").concat(r,"hover:text-").concat(e,"A-11"),active:"".concat(r,"bg-").concat(e,"A-5 ").concat(r,"border-none ").concat(r,"text-").concat(e,"A-11 ").concat(r,"opacity-[.92]"),disable:"disabled:bg-slateA-3 disabled:border-none disabled:text-slateA-8"},dark:{default:"dark:bg-".concat(d,"A-3 dark:text-").concat(d,"A-11"),hover:"dark:hover:bg-".concat(d,"A-4 dark:hover:text-").concat(d,"A-11 dark:").concat(r,"hover:bg-").concat(d,"A-4 dark:").concat(r,"hover:text-").concat(d,"A-11"),active:"dark:".concat(r,"bg-").concat(d,"A-5 dark:").concat(r,"text-").concat(d,"A-11 dark:").concat(r,"opacity-[.92]"),disable:"dark:disabled:bg-slateDarkA-3 dark:disabled:text-slateDarkA-8"}},s={light:{default:"bg-".concat(e,"A-2 border border-solid border-").concat(e,"A-7 text-").concat(e,"A-11"),hover:"hover:bg-".concat(e,"A-2 hover:border-").concat(e,"A-8 hover:text-").concat(e,"A-11 ").concat(r,"hover:bg-").concat(e,"A-2 ").concat(r,"hover:border-").concat(e,"A-8 ").concat(r,"hover:text-").concat(e,"A-11"),active:"".concat(r,"bg-").concat(e,"A-3 ").concat(r,"border-").concat(e,"A-8 ").concat(r,"text-").concat(e,"A-11 ").concat(r,"opacity-[.92]"),disable:"disabled:bg-slatDarkeA-2 disabled:border-slateDarkA-6 disabled:text-slateDarkA-8"},dark:{default:"dark:bg-".concat(d,"A-2 dark:border-").concat(d,"A-7 dark:text-").concat(d,"A-11"),hover:"dark:hover:bg-".concat(d,"A-2 dark:hover:border-").concat(d,"A-8 dark:hover:text-").concat(d,"A-11 dark:").concat(r,"hover:bg-").concat(d,"A-2 dark:").concat(r,"hover:border-").concat(d,"A-8 dark:").concat(r,"hover:text-").concat(d,"A-11"),active:"dark:".concat(r,"bg-").concat(d,"A-3 dark:").concat(r,"border-").concat(d,"A-8 dark:").concat(r,"text-").concat(d,"A-11 dark:").concat(r,"opacity-[.92]"),disable:"dark:disabled:bg-slateDarkA-2 dark:disabled:border-slateDarkA-6 dark:disabled:text-slateDarkA-8"}},k={light:{default:"bg-transparent border border-solid border-".concat(e,"A-8 text-").concat(e,"A-11"),hover:"hover:bg-".concat(e,"A-2 hover:border-").concat(e,"A-8 hover:text-").concat(e,"A-11 ").concat(r,"hover:bg-").concat(e,"A-2 ").concat(r,"hover:border-").concat(e,"A-8 ").concat(r,"hover:text-").concat(e,"A-11"),active:"".concat(r,"bg-").concat(e,"A-3 ").concat(r,"border-").concat(e,"A-8 ").concat(r,"text-").concat(e,"A-11"),disable:"disabled:bg-transparent disabled:border-slateA-7 disabled:text-slateA-8"},dark:{default:"dark:border-".concat(d,"A-8 dark:text-").concat(d,"A-11"),hover:"dark:hover:bg-".concat(d,"A-2 dark:hover:border-").concat(d,"A-8 dark:hover:text-").concat(d,"A-11 dark:").concat(r,"hover:bg-").concat(d,"A-2 dark:").concat(r,"hover:border-").concat(d,"A-8 dark:").concat(r,"hover:text-").concat(d,"A-11"),active:"dark:".concat(r,"bg-").concat(d,"A-3 dark:").concat(r,"border-").concat(d,"A-8 dark:").concat(r,"text-").concat(d,"A-11 dark:").concat(r,"opacity-[.92]"),disable:"dark:disabled:border-slateDarkA-7 dark:disabled:text-slateDarkA-8"}},i={light:{default:"bg-transparent border-none text-".concat(e,"A-11"),hover:"hover:bg-".concat(e,"A-3 hover:border-none hover:text-").concat(e,"A-11 ").concat(r,"hover:bg-").concat(e,"A-3 ").concat(r,"hover:border-none ").concat(r,"hover:text-").concat(e,"A-11"),active:"".concat(r,"bg-").concat(e,"A-4 ").concat(r,"border-none ").concat(r,"text-").concat(e,"A-11 ").concat(r,"opacity-[.92]"),disable:"disabled:bg-transparent disabled:border-none disabled:text-slateA-8"},dark:{default:"dark:bg-transparent dark:text-".concat(d,"A-11"),hover:"dark:hover:bg-".concat(d,"A-3 dark:hover:text-").concat(d,"A-11 dark:").concat(r,"hover:bg-").concat(d,"A-3 dark:").concat(r,"hover:text-").concat(d,"A-11"),active:"dark:".concat(r,"bg-").concat(d,"A-4 dark:").concat(r,"text-").concat(d,"A-11 dark:").concat(r,"opacity-[.92]"),disable:"dark:disabled:text-slateDarkA-8"}};switch(a){case"classic":return l(o,c);case"solid":return l(n,c);case"soft":return l(b,c);case"surface":return l(s,c);case"outline":return l(k,c);case"ghost":return l(i,c);default:return""}},v=function(a,e){void 0===e&&(e=t);var c="";return"solid"===a&&(c="hover:bg-".concat(e,"-9 dark:hover:bg-").concat(e,"Dark-9 "),c+=o.includes(e)?"hover:text-slateA-11 dark:hover:text-white":"hover:text-white dark:hover:text-white"),"soft"===a&&(c="hover:bg-".concat(e,"A-4 dark:hover-bg-").concat(e,"DarkA-4")),"ghost"===a&&(c="hover:bg-".concat(e,"-3 dark:hover:bg-").concat(e,"Dark-3")),c},h=function(a,e,c){void 0===e&&(e=t);var r="".concat(e,"Dark"),d={light:{default:"border data-[state=unchecked]:bg-transparent data-[state=unchecked]:border-slateA-7\n        data-[state=checked]:bg-".concat(e,"-9 data-[state=checked]:border-none data-[state=checked]:text-slate-1"),hover:"hover:data-[state=unchecked]:bg-transparent hover:data-[state=unchecked]:border-slateA-8\n        hover:data-[state=checked]:bg-".concat(e,"-10 hover:data-[state=checked]:border-none hover:data-[state=checked]:text-white"),active:"active:data-[state=unchecked]:bg-transparent active:data-[state=unchecked]:border-slateA-9\n        active:data-[state=checked]:bg-".concat(e,"-10 active:data-[state=checked]:border-none active:data-[state=checked]:text-white"),disable:"disabled:data-[state=unchecked]:bg-slateA-3 disabled:data-[state=unchecked]:border-slateA-6\n        disabled:data-[state=checked]:bg-slateA-3 disabled:data-[state=checked]:border-slateA-6 disabled:data-[state=checked]:text-slateA-8"},dark:{default:"dark:data-[state=unchecked]:border-slateDarkA-7\n        dark:data-[state=checked]:bg-".concat(r,"-9 dark:data-[state=checked]:text-#111113"),hover:"dark:hover:data-[state=unchecked]:border-slateDarkA-8\n        dark:hover:data-[state=checked]:bg-".concat(r,"-10 dark:hover:data-[state=checked]:text-#111113"),active:"dark:active:data-[state=unchecked]:border-slateDarkA-9\n        dark:active:data-[state=checked]:bg-".concat(r,"-10 dark:active:data-[state=checked]:text-#111113"),disable:"dark:disabled:data-[state=unchecked]:bg-slateDarkA-3 dark:disabled:data-[state=unchecked]:border-slateDarkA-6\n        dark:disabled:data-[state=checked]:bg-slateDarkA-3 dark:disabled:data-[state=checked]:border-slateDarkA-6 dark:disabled:data-[state=checked]:text-slateDarkA-8"}},o={light:{default:"data-[state=unchecked]:bg-".concat(e,"A-5 data-[state=unchecked]:border-none\n        data-[state=checked]:bg-").concat(e,"A-5 data-[state=checked]:border-none data-[state=checked]:text-").concat(e,"-11"),hover:"hover:data-[state=unchecked]:bg-".concat(e,"A-6 hover:data-[state=unchecked]:border-none\n        hover:data-[state=checked]:bg-").concat(e,"A-6 hover:data-[state=checked]:border-none hover:data-[state=checked]:text-").concat(e,"-11"),active:"active:data-[state=unchecked]:bg-".concat(e,"A-7 active:data-[state=unchecked]:border-none\n        active:data-[state=checked]:bg-").concat(e,"A-7 active:data-[state=checked]:border-none active:data-[state=checked]:text-").concat(e,"-11"),disable:"disabled:data-[state=unchecked]:bg-slateA-3 disabled:data-[state=unchecked]:border-none\n        disabled:data-[state=checked]:bg-slateA-3 disabled:data-[state=checked]:border-none disabled:data-[state=checked]:text-slateA-8"},dark:{default:"dark:data-[state=unchecked]:bg-".concat(r,"A-5\n        dark:data-[state=checked]:bg-").concat(r,"A-5 dark:data-[state=checked]:text-").concat(r,"-11"),hover:"dark:hover:data-[state=unchecked]:bg-".concat(r,"A-6\n        dark:hover:data-[state=checked]:bg-").concat(r,"A-6 dark:hover:data-[state=checked]:text-").concat(r,"-11"),active:"dark:active:data-[state=unchecked]:bg-".concat(r,"A-7\n        dark:active:data-[state=checked]:bg-").concat(r,"A-7 dark:active:data-[state=checked]:text-").concat(r,"-11"),disable:"dark:disabled:data-[state=unchecked]:bg-slateDarkA-3\n        dark:disabled:data-[state=checked]:bg-slateDarkA-3 dark:disabled:data-[state=checked]:text-slateDarkA-8"}},n={light:{default:"border bg-".concat(e,"A-2 border-").concat(e,"A-7 text-").concat(e,"A-11"),hover:"hover:bg-".concat(e,"A-2 hover:border-").concat(e,"A-8 hover:text-").concat(e,"A-11"),active:"active:bg-".concat(e,"A-3 active:border-").concat(e,"A-8 active:text-").concat(e,"A-11"),disable:"disabled:bg-slateA-3 disabled:border-slateA-6 disabled:text-slateA-8"},dark:{default:"dark:bg-".concat(r,"A-2 dark:border-").concat(r,"A-7 dark:text-").concat(r,"A-11"),hover:"dark:hover:bg-".concat(r,"A-2 dark:hover:border-").concat(r,"A-8 dark:hover:text-").concat(r,"A-11"),active:"dark:active:bg-".concat(r,"A-3 dark:active:border-").concat(r,"A-8 dark:active:text-").concat(r,"A-11"),disable:"dark:disabled:bg-slateDarkA-3 dark:disabled:border-slateDarkA-6 dark:disabled:text-slateDarkA-8"}},b={light:{default:"border bg-transparent border-".concat(e,"A-6 text-").concat(e,"A-11"),hover:"hover:bg-transparent hover:border-".concat(e,"A-6 hover:text-").concat(e,"A-11"),active:"active:bg-transparent active:border-".concat(e,"A-6 active:text-").concat(e,"A-11"),disable:"disabled:bg-slateA-3 disabled:border-none disabled:text-slateA-8"},dark:{default:"dark:border-".concat(r,"A-6 dark:text-").concat(r,"A-11"),hover:"dark:hover:border-".concat(r,"A-6 dark:hover:text-").concat(r,"A-11"),active:"dark:active:border-".concat(r,"A-6 dark:active:text-").concat(r,"A-11"),disable:"dark:disabled:bg-slateDarkA-3 dark:disabled:text-slateDarkA-8"}};switch(a){case"classic":return c?l(n,!0):"".concat(l(d,!0)," data-[state=checked]:shadow-checkbox-classic data-[state=unchecked]:shadow-checkbox-classic\n          dark:data-[state=checked]:shadow-checkbox-classic dark:data-[state=unchecked]:shadow-checkbox-classic");case"soft":return l(c?b:o,!0);case"surface":return l(c?n:d,!0);default:return l(d,!0)}},A=function(a,e){var t="".concat(e,"Dark"),c={light:{default:"bg-[#FFFFFF] border border-slateA-7 data-placeholder:text-slateA-10 text-slateA-12",hover:"hover:bg-[#FFFFFF] hover:border hover:border-slateA-8 hover:text-slateA-10",active:"active:bg-".concat(e,"A-3 active:border-").concat(e,"A-8 active:text-slateA-10 active:opacity-[.92]"),disable:"disabled:bg-slateA-2 disabled:border-slateA-6 disabled:text-slateA-8"},dark:{default:"dark:bg-[#111113] dark:border dark:data-placeholder:border-slateDarkA-7 dark:data-placeholder:text-slateDarkA-9 dark:border-slateDarkA-7 dark:text-slateDarkA-12",hover:"dark:hover:bg-[#111113] dark:hover:border dark:hover:border-slateDarkA-8 dark:hover:text-slateDarkA-10",active:"dark:active:bg-".concat(t,"A-3 dark:active:border dark:active:border-").concat(t,"A-8 dark:active:text-slateDarkA-10 dark:active:opacity-[.92]"),disable:"dark:disabled:bg-slateDarkA-2 dark:disabled:border dark:disabled:border-slateDarkA-6 dark:disabled:text-slateDarkA-8"}},r={light:{default:"bg-".concat(e,"A-3 border-none data-placeholder:text-").concat(e,"A-12/[.5] text-").concat(e,"A-12"),hover:"hover:bg-".concat(e,"A-4 hover:border-none hover:text-").concat(e,"A-12/[.5]"),active:"active:bg-".concat(e,"A-5 active:border-none active:text-").concat(e,"A-12/[.5] active:opacity-[.92]"),disable:"disabled:bg-slateA-3 disabled:border-none disabled:text-slateA-8"},dark:{default:"dark:bg-".concat(t,"A-3 dark:border-none dark:data-placeholder:text-").concat(t,"A-12/[.5] dark:text-").concat(t,"A-12 "),hover:"dark:hover:bg-".concat(t,"A-4 dark:hover:border-none dark:hover:text-").concat(t,"A-12/[.5]"),active:"dark:active:bg-".concat(t,"A-5 dark:active:border-none dark:active:text-").concat(t,"A-12/[.5] dark:active:opacity-[.92]"),disable:"dark:disabled:bg-slateDarkA-3 dark:disabled:border-none dark:disabled:text-slateDarkA-8"}},d={light:{default:"bg-transparent border-none data-placeholder:text-".concat(e,"A-12/[.5] text-").concat(e,"A-12"),hover:"hover:bg-".concat(e,"A-3 hover:border-none hover:text-").concat(e,"A-1/[.5]"),active:"active:bg-".concat(e,"A-4 active:border-none active:text-").concat(e,"A-12/[.5] active:opacity-[.92]"),disable:"disabled:bg-transparent disabled:border-none disabled:text-slateA-8"},dark:{default:"dark:bg-transparent dark:border-none dark:data-placeholder:text-".concat(t,"A-12/[.5] dark:text-").concat(t,"A-12"),hover:"dark:hover:bg-".concat(t,"A-3 dark:hover:border-none dark:hover:text-").concat(t,"A-12/[.5]"),active:"dark:active:bg-".concat(t,"A-4 dark:active:border-none dark:active:text-").concat(t,"A-12/[.5] dark:active:opacity-[.92]"),disable:"dark:disabled:text-slateDarkA-8 dark:disabled:border-none"}},o=function(a){var e="";return e+="".concat(a.light.default," ").concat(a.dark.default,"  ").concat(a.light.hover," ").concat(a.light.active," ").concat(a.light.disable," ").concat(a.dark.hover," ").concat(a.dark.active," ").concat(a.dark.disable)};switch(a){case"classic":return o({light:{default:"bg-slateA-2 border border-slate-4 data-placeholder:text-slateA-10 text-slateA-12",hover:"hover:bg-slateA-3 hover:border hover:border-slate-4 hover:text-slateA-10",active:"active:bg-slateA-4 active:border active:border-slate-6 active:text-slateA-10",disable:"disabled:bg-slateA-3 disabled:border disabled:border-slate-4 disabled:text-slateA-8"},dark:{default:"dark:bg-slateDarkA-2 dark:border-slateDark-4 dark:data-placeholder:text-slateDarkA-10 dark:text-slateDarkA-12",hover:"dark:hover:bg-slateDarkA-3 dark:hover:border-slateDark-4 dark:hover:text-slateDarkA-10",active:"dark:active:bg-slateDarkA-4 dark:active:border-slateDark-6 dark:active:text-slateDarkA-10",disable:"dark:disabled:bg-slateDarkA-3 dark:disabled:border-slateDark-4 dark:disabled:text-slateDarkA-8"}});case"soft":return o(r);case"surface":return o(c);case"ghost":return o(d);default:return""}};export{k as appearanceStyle,b as bgColorStyle,o as blackText,h as checkboxAppearanceStyle,v as menuItemAppearanceStyle,n as primaryColorStyle,c as radiusVariants,d as scalingVariants,A as selectAppearanceStyle,s as textColorStyle,i as toggleAppearanceStyle,r as weightVariants};
+import{ColorStyle as a,DarkColorStyle as e,MAIN_COLOR as t}from"./color/constants.mjs";var c={small:{none:"rounded-none",small:"rounded-[3px]",medium:"rounded",large:"rounded",full:"rounded"},base:{none:"rounded-none",small:"rounded-[3px]",medium:"rounded",large:"rounded-md",full:"rounded-full"},large:{none:"rounded-none",small:"rounded",medium:"rounded-lg",large:"rounded-xl",full:"rounded-2xl"},"extra-large":{none:"rounded-none",small:"rounded",medium:"rounded-lg",large:"rounded-xl",full:"rounded-xl"},"menu-item":{none:"rounded-none",small:"rounded-[1px]",medium:"rounded-sm",large:"rounded",full:"rounded"}},r={regular:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold"},d={"90%":"scale-90","95%":"scale-95","100%":"scale-100","105%":"scale-105","110%":"scale-110"},o=["sky","mint","lime","yellow","amber","orange","white"],n=function(){var t={};for(var c in a){var r="".concat(c,"Dark");t[c]=o.includes(c)?"bg-".concat(a[c]," text-slate-12 dark:bg-").concat(e[r]," dark:text-slateDark-12"):"bg-".concat(a[c]," text-white dark:bg-").concat(e[r]," dark:text-slateDark-1")}return t},b=function(){var t={};for(var c in a){var r="".concat(c,"Dark");t[c]="bg-".concat(a[c]," dark:bg-").concat(e[r])}return t},s=function(){var t={};for(var c in a){var r="".concat(c,"Dark");t[c]="text-".concat(a[c]," dark:text-").concat(e[r])}return t},l=function(){var t={};for(var c in a){var r="".concat(c,"Dark");t[c]="border-".concat(a[c]," dark:border-").concat(e[r])}return t},k=function(a,e){var t="";return t+="".concat(a.light.default," ").concat(a.dark.default),e&&(t+=" ".concat(a.light.hover," ").concat(a.light.active," ").concat(a.light.disable," ").concat(a.dark.hover," ").concat(a.dark.active," ").concat(a.dark.disable)),t},i=function(a,e,c){void 0===e&&(e=t),void 0===c&&(c=!0);var r="".concat(e,"Dark"),d={light:{default:"bg-".concat(e,"-9 border border-solid border-").concat(e,"-9 shadow-button-classic"),hover:"hover:bg-".concat(e,"-10 hover:border-").concat(e,"-9"),active:"active:bg-".concat(e,"-9 active:border-").concat(e,"-9"),disable:"disabled:bg-slateA-3 disabled:border-slate-4 disabled:text-slateA-8"},dark:{default:"dark:bg-".concat(r,"-9 dark:border-").concat(r,"-9 dark:shadow-button-dark-classic"),hover:"dark:hover:bg-".concat(r,"-10 dark:hover:border-").concat(r,"-9"),active:"dark:active:bg-".concat(r,"-9 dark:active:border-").concat(r,"-9"),disable:"dark:disabled:bg-slateDarkA-3 dark:disabled:border-slateDark-4 dark:disabled:text-slateDarkA-8"}},o={light:{default:"bg-".concat(e,"-9 border-none"),hover:"hover:bg-".concat(e,"-10 hover:border-none"),active:"active:bg-".concat(e,"-10 active:border-none active:opacity-[.92]"),disable:"disabled:bg-slateA-3 disabled:border-none disabled:text-slateA-8"},dark:{default:"dark:bg-".concat(r,"-9"),hover:"dark:hover:bg-".concat(r,"-10"),active:"dark:active:bg-".concat(r,"-10 dark:active:opacity-[.92]"),disable:"dark:disabled:bg-slateDarkA-3 dark:disabled:text-slateDarkA-8"}},n={light:{default:"bg-".concat(e,"A-3 border-none text-").concat(e,"A-11"),hover:"hover:bg-".concat(e,"A-4 hover:border-none hover:text-").concat(e,"A-11"),active:"active:bg-".concat(e,"A-5 active:border-none active:text-").concat(e,"A-11 active:opacity-[.92]"),disable:"disabled:bg-slateA-3 disabled:border-none disabled:text-slateA-8"},dark:{default:"dark:bg-".concat(r,"A-3 dark:text-").concat(r,"A-11"),hover:"dark:hover:bg-".concat(r,"A-4 dark:hover:text-").concat(r,"A-11"),active:"dark:active:bg-".concat(r,"A-5 dark:active:text-").concat(r,"A-11 dark:active:opacity-[.92]"),disable:"dark:disabled:bg-slateDarkA-3 dark:disabled:text-slateDarkA-8"}},b={light:{default:"bg-".concat(e,"A-2 border border-solid border-").concat(e,"A-7 text-").concat(e,"A-11"),hover:"hover:bg-".concat(e,"A-2 hover:border-").concat(e,"A-8 hover:text-").concat(e,"A-11"),active:"active:bg-".concat(e,"A-3 active:border-").concat(e,"A-8 active:text-").concat(e,"A-11 active:opacity-[.92]"),disable:"disabled:bg-slateA-2 disabled:border-slateA-6 disabled:text-slateA-8"},dark:{default:"dark:bg-".concat(r,"A-2 dark:border-").concat(r,"A-7 dark:text-").concat(r,"A-11"),hover:"dark:hover:bg-".concat(r,"A-2 dark:hover:border-").concat(r,"A-8 dark:hover:text-").concat(r,"A-11"),active:"dark:active:bg-".concat(r,"A-3 dark:active:border-").concat(r,"A-8 dark:active:text-").concat(r,"A-11 dark:active:opacity-[.92]"),disable:"dark:disabled:bg-slateDarkA-2 dark:disabled:border-slateDarkA-6 dark:disabled:text-slateDarkA-8"}},s={light:{default:"bg-transparent border border-solid border-".concat(e,"A-8 text-").concat(e,"A-11"),hover:"hover:bg-".concat(e,"A-2 hover:border-").concat(e,"A-8 hover:text-").concat(e,"A-11"),active:"active:bg-".concat(e,"A-3 active:border-").concat(e,"A-8 active:text-").concat(e,"A-11"),disable:"disabled:bg-transparent disabled:border-slateA-7 disabled:text-slateA-8"},dark:{default:"dark:border-".concat(r,"A-8 dark:bg-transparent dark:text-").concat(r,"A-11"),hover:"dark:hover:bg-".concat(r,"A-2 dark:hover:border-").concat(r,"A-8 dark:hover:text-").concat(r,"A-11"),active:"dark:active:bg-".concat(r,"A-3 dark:active:border-").concat(r,"A-8 dark:active:text-").concat(r,"A-11 dark:active:opacity-[.92]"),disable:"dark:disabled:border-slateDarkA-7 dark:disabled:bg-transparent dark:disabled:text-slateDarkA-8 "}},l={light:{default:"bg-transparent border-none text-".concat(e,"A-11"),hover:"hover:bg-".concat(e,"A-3 hover:border-none hover:text-").concat(e,"A-11"),active:"active:bg-".concat(e,"A-4 active:border-none active:text-").concat(e,"A-11 active:opacity-[.92]"),disable:"disabled:bg-transparent disabled:border-none disabled:text-slateA-8"},dark:{default:"dark:bg-transparent dark:text-".concat(r,"A-11"),hover:"dark:hover:bg-".concat(r,"A-3 dark:hover:text-").concat(r,"A-11"),active:"dark:active:bg-".concat(r,"A-4 dark:active:text-").concat(r,"A-11 dark:active:opacity-[.92]"),disable:"dark:disabled:text-slateDarkA-8"}};switch(a){case"classic":return k(d,c);case"solid":return k(o,c);case"soft":return k(n,c);case"surface":return k(b,c);case"outline":return k(s,c);case"ghost":return k(l,c);default:return""}},v=function(a,e,c,r){void 0===e&&(e=t),void 0===c&&(c=!0),void 0===r&&(r="");var d="".concat(e,"Dark"),o={light:{default:"bg-".concat(e,"-9 border border-solid border-").concat(e,"-9 text-white shadow-button-classic"),hover:"hover:bg-".concat(e,"-10 hover:border-").concat(e,"-9 hover:text-white ").concat(r,"hover:bg-").concat(e,"-10 ").concat(r,"hover:border-").concat(e,"-9 ").concat(r,"hover:text-white"),active:"".concat(r,"bg-").concat(e,"-9 ").concat(r,"border-").concat(e,"-9 ").concat(r,"text-white"),disable:"disabled:bg-slateA-3 disabled:border-slate-4 disabled:text-slateA-8"},dark:{default:"dark:bg-".concat(d,"-9 dark:border-").concat(d,"-9 dark:text-slateDark-1"),hover:"dark:hover:bg-".concat(d,"-10 dark:hover:border-").concat(d,"-9 dark:hover:text-slateDark-1 dark:").concat(r,"hover:bg-").concat(d,"-10 dark:").concat(r,"hover:border-").concat(d,"-9 dark:").concat(r,"hover:text-slateDark-1"),active:"dark:".concat(r,"bg-").concat(d,"-9 dark:").concat(r,"border-").concat(d,"-9 dark:").concat(r,"text-slateDark-1"),disable:"dark:disabled:bg-slateDarkA-3 dark:disabled:border-slateDark-4 dark:disabled:text-slateDarkA-8"}},n={light:{default:"bg-".concat(e,"-9 border-none text-white"),hover:"hover:bg-".concat(e,"-10 hover:border-none hover:text-white ").concat(r,"hover:bg-").concat(e,"-10 ").concat(r,"hover:border-none ").concat(r,"hover:text-white"),active:"".concat(r,"bg-").concat(e,"-10 ").concat(r,"border-none ").concat(r,"text-white ").concat(r,"opacity-[.92]"),disable:"disabled:bg-slateA-3 disabled:border-none disabled:text-slateA-8"},dark:{default:"dark:bg-".concat(d,"-9 dark:text-slateDark-1"),hover:"dark:hover:bg-".concat(d,"-10 dark:hover:text-slateDark-1 dark:").concat(r,"hover:bg-").concat(d,"-10 dark:").concat(r,"hover:text-slateDark-1"),active:"dark:".concat(r,"bg-").concat(d,"-10 dark:").concat(r,"text-slateDark-1 dark:").concat(r,"opacity-[.92]"),disable:"dark:disabled:bg-slateDarkA-3 disabled:text-slateDarkA-8"}},b={light:{default:"bg-".concat(e,"A-3 border-none text-").concat(e,"A-11"),hover:"hover:bg-".concat(e,"A-4 hover:border-none hover:text-").concat(e,"A-11 ").concat(r,"hover:bg-").concat(e,"A-4 ").concat(r,"hover:border-none ").concat(r,"hover:text-").concat(e,"A-11"),active:"".concat(r,"bg-").concat(e,"A-5 ").concat(r,"border-none ").concat(r,"text-").concat(e,"A-11 ").concat(r,"opacity-[.92]"),disable:"disabled:bg-slateA-3 disabled:border-none disabled:text-slateA-8"},dark:{default:"dark:bg-".concat(d,"A-3 dark:text-").concat(d,"A-11"),hover:"dark:hover:bg-".concat(d,"A-4 dark:hover:text-").concat(d,"A-11 dark:").concat(r,"hover:bg-").concat(d,"A-4 dark:").concat(r,"hover:text-").concat(d,"A-11"),active:"dark:".concat(r,"bg-").concat(d,"A-5 dark:").concat(r,"text-").concat(d,"A-11 dark:").concat(r,"opacity-[.92]"),disable:"dark:disabled:bg-slateDarkA-3 dark:disabled:text-slateDarkA-8"}},s={light:{default:"bg-".concat(e,"A-2 border border-solid border-").concat(e,"A-7 text-").concat(e,"A-11"),hover:"hover:bg-".concat(e,"A-2 hover:border-").concat(e,"A-8 hover:text-").concat(e,"A-11 ").concat(r,"hover:bg-").concat(e,"A-2 ").concat(r,"hover:border-").concat(e,"A-8 ").concat(r,"hover:text-").concat(e,"A-11"),active:"".concat(r,"bg-").concat(e,"A-3 ").concat(r,"border-").concat(e,"A-8 ").concat(r,"text-").concat(e,"A-11 ").concat(r,"opacity-[.92]"),disable:"disabled:bg-slatDarkeA-2 disabled:border-slateDarkA-6 disabled:text-slateDarkA-8"},dark:{default:"dark:bg-".concat(d,"A-2 dark:border-").concat(d,"A-7 dark:text-").concat(d,"A-11"),hover:"dark:hover:bg-".concat(d,"A-2 dark:hover:border-").concat(d,"A-8 dark:hover:text-").concat(d,"A-11 dark:").concat(r,"hover:bg-").concat(d,"A-2 dark:").concat(r,"hover:border-").concat(d,"A-8 dark:").concat(r,"hover:text-").concat(d,"A-11"),active:"dark:".concat(r,"bg-").concat(d,"A-3 dark:").concat(r,"border-").concat(d,"A-8 dark:").concat(r,"text-").concat(d,"A-11 dark:").concat(r,"opacity-[.92]"),disable:"dark:disabled:bg-slateDarkA-2 dark:disabled:border-slateDarkA-6 dark:disabled:text-slateDarkA-8"}},l={light:{default:"bg-transparent border border-solid border-".concat(e,"A-8 text-").concat(e,"A-11"),hover:"hover:bg-".concat(e,"A-2 hover:border-").concat(e,"A-8 hover:text-").concat(e,"A-11 ").concat(r,"hover:bg-").concat(e,"A-2 ").concat(r,"hover:border-").concat(e,"A-8 ").concat(r,"hover:text-").concat(e,"A-11"),active:"".concat(r,"bg-").concat(e,"A-3 ").concat(r,"border-").concat(e,"A-8 ").concat(r,"text-").concat(e,"A-11"),disable:"disabled:bg-transparent disabled:border-slateA-7 disabled:text-slateA-8"},dark:{default:"dark:border-".concat(d,"A-8 dark:text-").concat(d,"A-11"),hover:"dark:hover:bg-".concat(d,"A-2 dark:hover:border-").concat(d,"A-8 dark:hover:text-").concat(d,"A-11 dark:").concat(r,"hover:bg-").concat(d,"A-2 dark:").concat(r,"hover:border-").concat(d,"A-8 dark:").concat(r,"hover:text-").concat(d,"A-11"),active:"dark:".concat(r,"bg-").concat(d,"A-3 dark:").concat(r,"border-").concat(d,"A-8 dark:").concat(r,"text-").concat(d,"A-11 dark:").concat(r,"opacity-[.92]"),disable:"dark:disabled:border-slateDarkA-7 dark:disabled:text-slateDarkA-8"}},i={light:{default:"bg-transparent border-none text-".concat(e,"A-11"),hover:"hover:bg-".concat(e,"A-3 hover:border-none hover:text-").concat(e,"A-11 ").concat(r,"hover:bg-").concat(e,"A-3 ").concat(r,"hover:border-none ").concat(r,"hover:text-").concat(e,"A-11"),active:"".concat(r,"bg-").concat(e,"A-4 ").concat(r,"border-none ").concat(r,"text-").concat(e,"A-11 ").concat(r,"opacity-[.92]"),disable:"disabled:bg-transparent disabled:border-none disabled:text-slateA-8"},dark:{default:"dark:bg-transparent dark:text-".concat(d,"A-11"),hover:"dark:hover:bg-".concat(d,"A-3 dark:hover:text-").concat(d,"A-11 dark:").concat(r,"hover:bg-").concat(d,"A-3 dark:").concat(r,"hover:text-").concat(d,"A-11"),active:"dark:".concat(r,"bg-").concat(d,"A-4 dark:").concat(r,"text-").concat(d,"A-11 dark:").concat(r,"opacity-[.92]"),disable:"dark:disabled:text-slateDarkA-8"}};switch(a){case"classic":return k(o,c);case"solid":return k(n,c);case"soft":return k(b,c);case"surface":return k(s,c);case"outline":return k(l,c);case"ghost":return k(i,c);default:return""}},h=function(a,e){void 0===e&&(e=t);var c="";return"solid"===a&&(c="hover:bg-".concat(e,"-9 dark:hover:bg-").concat(e,"Dark-9 "),c+=o.includes(e)?"hover:text-slateA-11 dark:hover:text-white":"hover:text-white dark:hover:text-white"),"soft"===a&&(c="hover:bg-".concat(e,"A-4 dark:hover-bg-").concat(e,"DarkA-4")),"ghost"===a&&(c="hover:bg-".concat(e,"-3 dark:hover:bg-").concat(e,"Dark-3")),c},A=function(a,e,c){void 0===e&&(e=t);var r="".concat(e,"Dark"),d={light:{default:"border data-[state=unchecked]:bg-transparent data-[state=unchecked]:border-slateA-7\n        data-[state=checked]:bg-".concat(e,"-9 data-[state=checked]:border-none data-[state=checked]:text-slate-1"),hover:"hover:data-[state=unchecked]:bg-transparent hover:data-[state=unchecked]:border-slateA-8\n        hover:data-[state=checked]:bg-".concat(e,"-10 hover:data-[state=checked]:border-none hover:data-[state=checked]:text-white"),active:"active:data-[state=unchecked]:bg-transparent active:data-[state=unchecked]:border-slateA-9\n        active:data-[state=checked]:bg-".concat(e,"-10 active:data-[state=checked]:border-none active:data-[state=checked]:text-white"),disable:"disabled:data-[state=unchecked]:bg-slateA-3 disabled:data-[state=unchecked]:border-slateA-6\n        disabled:data-[state=checked]:bg-slateA-3 disabled:data-[state=checked]:border-slateA-6 disabled:data-[state=checked]:text-slateA-8"},dark:{default:"dark:data-[state=unchecked]:border-slateDarkA-7\n        dark:data-[state=checked]:bg-".concat(r,"-9 dark:data-[state=checked]:text-#111113"),hover:"dark:hover:data-[state=unchecked]:border-slateDarkA-8\n        dark:hover:data-[state=checked]:bg-".concat(r,"-10 dark:hover:data-[state=checked]:text-#111113"),active:"dark:active:data-[state=unchecked]:border-slateDarkA-9\n        dark:active:data-[state=checked]:bg-".concat(r,"-10 dark:active:data-[state=checked]:text-#111113"),disable:"dark:disabled:data-[state=unchecked]:bg-slateDarkA-3 dark:disabled:data-[state=unchecked]:border-slateDarkA-6\n        dark:disabled:data-[state=checked]:bg-slateDarkA-3 dark:disabled:data-[state=checked]:border-slateDarkA-6 dark:disabled:data-[state=checked]:text-slateDarkA-8"}},o={light:{default:"data-[state=unchecked]:bg-".concat(e,"A-5 data-[state=unchecked]:border-none\n        data-[state=checked]:bg-").concat(e,"A-5 data-[state=checked]:border-none data-[state=checked]:text-").concat(e,"-11"),hover:"hover:data-[state=unchecked]:bg-".concat(e,"A-6 hover:data-[state=unchecked]:border-none\n        hover:data-[state=checked]:bg-").concat(e,"A-6 hover:data-[state=checked]:border-none hover:data-[state=checked]:text-").concat(e,"-11"),active:"active:data-[state=unchecked]:bg-".concat(e,"A-7 active:data-[state=unchecked]:border-none\n        active:data-[state=checked]:bg-").concat(e,"A-7 active:data-[state=checked]:border-none active:data-[state=checked]:text-").concat(e,"-11"),disable:"disabled:data-[state=unchecked]:bg-slateA-3 disabled:data-[state=unchecked]:border-none\n        disabled:data-[state=checked]:bg-slateA-3 disabled:data-[state=checked]:border-none disabled:data-[state=checked]:text-slateA-8"},dark:{default:"dark:data-[state=unchecked]:bg-".concat(r,"A-5\n        dark:data-[state=checked]:bg-").concat(r,"A-5 dark:data-[state=checked]:text-").concat(r,"-11"),hover:"dark:hover:data-[state=unchecked]:bg-".concat(r,"A-6\n        dark:hover:data-[state=checked]:bg-").concat(r,"A-6 dark:hover:data-[state=checked]:text-").concat(r,"-11"),active:"dark:active:data-[state=unchecked]:bg-".concat(r,"A-7\n        dark:active:data-[state=checked]:bg-").concat(r,"A-7 dark:active:data-[state=checked]:text-").concat(r,"-11"),disable:"dark:disabled:data-[state=unchecked]:bg-slateDarkA-3\n        dark:disabled:data-[state=checked]:bg-slateDarkA-3 dark:disabled:data-[state=checked]:text-slateDarkA-8"}},n={light:{default:"border bg-".concat(e,"A-2 border-").concat(e,"A-7 text-").concat(e,"A-11"),hover:"hover:bg-".concat(e,"A-2 hover:border-").concat(e,"A-8 hover:text-").concat(e,"A-11"),active:"active:bg-".concat(e,"A-3 active:border-").concat(e,"A-8 active:text-").concat(e,"A-11"),disable:"disabled:bg-slateA-3 disabled:border-slateA-6 disabled:text-slateA-8"},dark:{default:"dark:bg-".concat(r,"A-2 dark:border-").concat(r,"A-7 dark:text-").concat(r,"A-11"),hover:"dark:hover:bg-".concat(r,"A-2 dark:hover:border-").concat(r,"A-8 dark:hover:text-").concat(r,"A-11"),active:"dark:active:bg-".concat(r,"A-3 dark:active:border-").concat(r,"A-8 dark:active:text-").concat(r,"A-11"),disable:"dark:disabled:bg-slateDarkA-3 dark:disabled:border-slateDarkA-6 dark:disabled:text-slateDarkA-8"}},b={light:{default:"border bg-transparent border-".concat(e,"A-6 text-").concat(e,"A-11"),hover:"hover:bg-transparent hover:border-".concat(e,"A-6 hover:text-").concat(e,"A-11"),active:"active:bg-transparent active:border-".concat(e,"A-6 active:text-").concat(e,"A-11"),disable:"disabled:bg-slateA-3 disabled:border-none disabled:text-slateA-8"},dark:{default:"dark:border-".concat(r,"A-6 dark:text-").concat(r,"A-11"),hover:"dark:hover:border-".concat(r,"A-6 dark:hover:text-").concat(r,"A-11"),active:"dark:active:border-".concat(r,"A-6 dark:active:text-").concat(r,"A-11"),disable:"dark:disabled:bg-slateDarkA-3 dark:disabled:text-slateDarkA-8"}};switch(a){case"classic":return c?k(n,!0):"".concat(k(d,!0)," data-[state=checked]:shadow-checkbox-classic data-[state=unchecked]:shadow-checkbox-classic\n          dark:data-[state=checked]:shadow-checkbox-classic dark:data-[state=unchecked]:shadow-checkbox-classic");case"soft":return k(c?b:o,!0);case"surface":return k(c?n:d,!0);default:return k(d,!0)}},g=function(a,e){var t="".concat(e,"Dark"),c={light:{default:"bg-[#FFFFFF] border border-slateA-7 data-placeholder:text-slateA-10 text-slateA-12",hover:"hover:bg-[#FFFFFF] hover:border hover:border-slateA-8 hover:text-slateA-10",active:"active:bg-".concat(e,"A-3 active:border-").concat(e,"A-8 active:text-slateA-10 active:opacity-[.92]"),disable:"disabled:bg-slateA-2 disabled:border-slateA-6 disabled:text-slateA-8"},dark:{default:"dark:bg-[#111113] dark:border dark:data-placeholder:border-slateDarkA-7 dark:data-placeholder:text-slateDarkA-9 dark:border-slateDarkA-7 dark:text-slateDarkA-12",hover:"dark:hover:bg-[#111113] dark:hover:border dark:hover:border-slateDarkA-8 dark:hover:text-slateDarkA-10",active:"dark:active:bg-".concat(t,"A-3 dark:active:border dark:active:border-").concat(t,"A-8 dark:active:text-slateDarkA-10 dark:active:opacity-[.92]"),disable:"dark:disabled:bg-slateDarkA-2 dark:disabled:border dark:disabled:border-slateDarkA-6 dark:disabled:text-slateDarkA-8"}},r={light:{default:"bg-".concat(e,"A-3 border-none data-placeholder:text-").concat(e,"A-12/[.5] text-").concat(e,"A-12"),hover:"hover:bg-".concat(e,"A-4 hover:border-none hover:text-").concat(e,"A-12/[.5]"),active:"active:bg-".concat(e,"A-5 active:border-none active:text-").concat(e,"A-12/[.5] active:opacity-[.92]"),disable:"disabled:bg-slateA-3 disabled:border-none disabled:text-slateA-8"},dark:{default:"dark:bg-".concat(t,"A-3 dark:border-none dark:data-placeholder:text-").concat(t,"A-12/[.5] dark:text-").concat(t,"A-12 "),hover:"dark:hover:bg-".concat(t,"A-4 dark:hover:border-none dark:hover:text-").concat(t,"A-12/[.5]"),active:"dark:active:bg-".concat(t,"A-5 dark:active:border-none dark:active:text-").concat(t,"A-12/[.5] dark:active:opacity-[.92]"),disable:"dark:disabled:bg-slateDarkA-3 dark:disabled:border-none dark:disabled:text-slateDarkA-8"}},d={light:{default:"bg-transparent border-none data-placeholder:text-".concat(e,"A-12/[.5] text-").concat(e,"A-12"),hover:"hover:bg-".concat(e,"A-3 hover:border-none hover:text-").concat(e,"A-1/[.5]"),active:"active:bg-".concat(e,"A-4 active:border-none active:text-").concat(e,"A-12/[.5] active:opacity-[.92]"),disable:"disabled:bg-transparent disabled:border-none disabled:text-slateA-8"},dark:{default:"dark:bg-transparent dark:border-none dark:data-placeholder:text-".concat(t,"A-12/[.5] dark:text-").concat(t,"A-12"),hover:"dark:hover:bg-".concat(t,"A-3 dark:hover:border-none dark:hover:text-").concat(t,"A-12/[.5]"),active:"dark:active:bg-".concat(t,"A-4 dark:active:border-none dark:active:text-").concat(t,"A-12/[.5] dark:active:opacity-[.92]"),disable:"dark:disabled:text-slateDarkA-8 dark:disabled:border-none"}},o=function(a){var e="";return e+="".concat(a.light.default," ").concat(a.dark.default,"  ").concat(a.light.hover," ").concat(a.light.active," ").concat(a.light.disable," ").concat(a.dark.hover," ").concat(a.dark.active," ").concat(a.dark.disable)};switch(a){case"classic":return o({light:{default:"bg-slateA-2 border border-slate-4 data-placeholder:text-slateA-10 text-slateA-12",hover:"hover:bg-slateA-3 hover:border hover:border-slate-4 hover:text-slateA-10",active:"active:bg-slateA-4 active:border active:border-slate-6 active:text-slateA-10",disable:"disabled:bg-slateA-3 disabled:border disabled:border-slate-4 disabled:text-slateA-8"},dark:{default:"dark:bg-slateDarkA-2 dark:border-slateDark-4 dark:data-placeholder:text-slateDarkA-10 dark:text-slateDarkA-12",hover:"dark:hover:bg-slateDarkA-3 dark:hover:border-slateDark-4 dark:hover:text-slateDarkA-10",active:"dark:active:bg-slateDarkA-4 dark:active:border-slateDark-6 dark:active:text-slateDarkA-10",disable:"dark:disabled:bg-slateDarkA-3 dark:disabled:border-slateDark-4 dark:disabled:text-slateDarkA-8"}});case"soft":return o(r);case"surface":return o(c);case"ghost":return o(d);default:return""}};export{i as appearanceStyle,b as bgColorStyle,o as blackText,l as borderColorStyle,A as checkboxAppearanceStyle,h as menuItemAppearanceStyle,n as primaryColorStyle,c as radiusVariants,d as scalingVariants,g as selectAppearanceStyle,s as textColorStyle,v as toggleAppearanceStyle,r as weightVariants};
 //# sourceMappingURL=constants.mjs.map