@fewangsit/wangsvue-presets 1.0.108-alpha.0 → 1.0.108

package/fixedasset/tabmenu/index.js

@@ -16,9 +16,9 @@ exports.default = (0, core_1.definePreset)('WANGS-TAB-MENU', {
                 'list-none',
                 'p-0 m-0',
                 // Colors
-                'text-general-100',
+                'text-general-100 dark:text-general-100',
                 {
-                    'w-max ring-1 ring-inset ring-general-100 rounded !m-[2px]': props.type === 'segmented',
+                    'w-max ring-1 ring-inset ring-general-100 dark:ring-general-100 rounded !m-[2px]': props.type === 'segmented',
                 },
             ],
         });
@@ -51,20 +51,20 @@ exports.default = (0, core_1.definePreset)('WANGS-TAB-MENU', {
                 },
                 // Colors and Conditions
                 {
-                    'border-primary-500': context.active,
-                    'border-grayscale-400': !context.active,
-                    'text-grayscale-600': !context.active,
-                    'text-primary-500': context.active && props.type !== 'segmented',
-                    'bg-primary-50 text-primary-500': props.type === 'pill' && context.active,
-                    'bg-grayscale-200 text-grayscale-800': props.type === 'pill' && !context.active,
-                    'bg-primary-500 text-white shadow-[-2px_2px_2px_rgba(0,0,0,0.25)]': props.type === 'segmented' && context.active,
-                    '!text-general-800': props.type === 'segmented' && !context.active,
-                    'bg-transparent ': props.type !== 'pill' && !context.active,
+                    'border-primary-500 dark:border-primary-300': context.active,
+                    'border-grayscale-400 dark:border-grayscale-600': !context.active,
+                    'text-grayscale-600 dark:text-grayscale-600': !context.active,
+                    'text-primary-500 dark:text-primary-300': context.active && props.type !== 'segmented',
+                    'bg-primary-50 text-primary-500 dark:bg-primary-300 dark:text-primary-800': props.type === 'pill' && context.active,
+                    'bg-grayscale-200 text-grayscale-800 dark:bg-grayscale-800 dark:text-grayscale-50': props.type === 'pill' && !context.active,
+                    'bg-primary-500 text-white shadow-[-2px_2px_2px_rgba(0,0,0,0.25)] dark:bg-primary-300 dark:text-primary-800': props.type === 'segmented' && context.active,
+                    '!text-general-800 dark:!text-general-50': props.type === 'segmented' && !context.active,
+                    'bg-transparent dark:bg-transparent': props.type !== 'pill' && !context.active,
                 },
                 // States
                 'focus-visible:outline-none focus-visible:outline-offset-0',
                 {
-                    'focus-visible:border-primary-200 focus-visible:text-primary-400': !context.active,
+                    'focus-visible:border-primary-200 dark:focus-visible:border-primary-300 focus-visible:text-primary-400 dark:focus-visible:text-primary-500': !context.active,
                 },
                 // Disabled States
                 {
@@ -89,7 +89,7 @@ exports.default = (0, core_1.definePreset)('WANGS-TAB-MENU', {
         var props = _a.props;
         return ({
             class: [
-                'grow border-b-2 border-primary-100',
+                'grow border-b-2 border-grayscale-400 dark:border-grayscale-600',
                 {
                     hidden: props.type === 'pill' ||
                         props.useTrailingLine === false ||

package/fixedasset/textarea/index.d.ts

@@ -1,4 +1,5 @@
-declare namespace _default {
+export default definePreset;
+declare namespace definePreset {
     function root({ context, props }: {
         context: any;
         props: any;
@@ -9,4 +10,3 @@ declare namespace _default {
         'data-wv-section': string;
     };
 }
-export default _default;

package/fixedasset/textarea/index.js

@@ -10,14 +10,14 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var global_js_1 = require("../global.js");
-exports.default = {
+var definePreset = {
     root: function (_a) {
         var context = _a.context, props = _a.props;
         return ({
             'class': __spreadArray(__spreadArray([
                 // Font
                 'font-medium text-xs tracking-[0.02em]',
-                'placeholder:text-general-200 placeholder:!font-light',
+                'placeholder:text-general-200 dark:placeholder:text-general-600 placeholder:!font-light',
                 'w-full',
                 {
                     'resize-none': props.autoResize,
@@ -32,12 +32,12 @@ exports.default = {
                 'appearance-none'
             ], global_js_1.ringClass, true), [
                 {
-                    '!ring-danger-500': context.invalidInput,
+                    '!ring-danger-500 dark:!ring-danger-300': context.invalidInput,
                 },
                 // // States
                 {
-                    'bg-white text-general-800': !context.disabled,
-                    'bg-general-50 text-general-200': context.disabled,
+                    'bg-white text-general-800 dark:bg-grayscale-900 dark:text-general-50': !context.disabled,
+                    'bg-general-50 dark:bg-general-700 text-general-200 dark:text-general-500': context.disabled,
                 },
                 'focus-visible:outline-none',
                 // Misc
@@ -50,3 +50,4 @@ exports.default = {
         });
     },
 };
+exports.default = definePreset;

package/fixedasset/timeline/index.d.ts

@@ -1,4 +1,5 @@
-declare namespace _default {
+export default definePreset;
+declare namespace definePreset {
     function root({ props }: {
         props: any;
     }): {
@@ -72,4 +73,3 @@ declare namespace _default {
         class: string[];
     };
 }
-export default _default;

package/fixedasset/timeline/index.js

@@ -20,11 +20,14 @@ var isEmptyObject = function (obj) {
         return value == null;
     });
 };
-exports.default = {
+var definePreset = {
     root: function (_a) {
         var props = _a.props;
         return ({
-            class: ['flex flex-col grow', 'text-xs font-normal text-grayscale-900'],
+            class: [
+                'flex flex-col grow',
+                'text-xs font-normal text-grayscale-900 dark:text-general-100',
+            ],
         });
     },
     event: function (_a) {
@@ -56,13 +59,13 @@ exports.default = {
             'w-[22px] h-[22px]',
             'rounded-full',
             'bg-transparent',
-            'ring-1 ring-inset ring-general-100 p-0.5',
+            'ring-1 ring-inset ring-general-100 dark:ring-general-500 p-0.5',
             'flex items-center justify-center',
         ],
     },
     markerArrow: function (item) { return ({
         'class': [
-            '!w-3 !h-3 hidden transition-transform duration-200 ease-in-out text-grayscale-900',
+            '!w-3 !h-3 hidden transition-transform duration-200 ease-in-out text-grayscale-900 dark:text-general-100',
             { '!flex': item.detail && !isEmptyObject(item.detail) },
             { 'rotate-180': item.showDetail },
         ],
@@ -70,7 +73,7 @@ exports.default = {
     }); },
     markerDot: function (item) { return ({
         'class': [
-            'hidden w-[6px] h-[6px] m-[3px] rounded-full bg-black',
+            'hidden w-[6px] h-[6px] m-[3px] rounded-full bg-black dark:bg-general-100',
             { '!flex': !item.detail || isEmptyObject(item.detail) },
         ],
         'data-wv-section': 'markerDot',
@@ -79,10 +82,10 @@ exports.default = {
         class: ['leading-5 cursor-pointer truncate !text-xs !font-bold'],
     },
     contentDetailKey: {
-        class: ['text-general-400 whitespace-nowrap'],
+        class: ['text-general-400 dark:text-general-200 whitespace-nowrap'],
     },
     contentDetailValue: {
-        class: ['text-xs text-general-800'],
+        class: ['text-xs text-general-800 dark:text-general-50'],
     },
     contentDate: {
         class: ['text-xs font-medium'],
@@ -90,7 +93,7 @@ exports.default = {
     connector: function (_a) {
         var props = _a.props;
         return ({
-            class: ['w-[1px] grow bg-general-100'],
+            class: ['w-[1px] grow bg-general-100 dark:bg-general-500'],
         });
     },
     content: function (_a) {
@@ -100,3 +103,4 @@ exports.default = {
         });
     },
 };
+exports.default = definePreset;

package/fixedasset/toast/index.d.ts

@@ -1,4 +1,5 @@
-declare namespace _default {
+export default definePreset;
+declare namespace definePreset {
     function root({ props }: {
         props: any;
     }): {
@@ -11,9 +12,9 @@ declare namespace _default {
         props: any;
     }): {
         class: (string | {
-            'border-success-500 text-success-500 bg-success-50': boolean;
-            'border-danger-500 text-danger-500 bg-danger-50': boolean;
-            'border-primary-500 text-primary-500 bg-primary-50': boolean;
+            'border-success-500 text-success-500 bg-success-50 dark:bg-success-50 dark:border-success-600 dark:text-success-600': boolean;
+            'border-danger-500 text-danger-500 bg-danger-50 dark:bg-danger-50 dark:border-danger-600 dark:text-danger-600': boolean;
+            'border-primary-500 text-primary-500 bg-primary-50 dark:bg-primary-50  dark:border-primary-600 dark:text-primary-600': boolean;
         })[];
         'data-wv-severity': any;
     };
@@ -41,9 +42,9 @@ declare namespace _default {
         props: any;
     }): {
         class: (string | {
-            'text-success-500 hover:bg-success-100': boolean;
-            'text-danger-500 hover:bg-danger-100': boolean;
-            'text-primary-500 hover:bg-primary-100': boolean;
+            'text-success-500 dark:text-success-600 hover:bg-success-100 dark:hover:bg-success-200': boolean;
+            'text-danger-500 dark:text-danger-600 hover:bg-danger-100 dark:hover:bg-danger-200': boolean;
+            'text-primary-500 dark:text-primary-600 hover:bg-primary-100 dark:hover:bg-primary-200': boolean;
         })[];
     };
     namespace closeicon {
@@ -58,4 +59,3 @@ declare namespace _default {
         let leaveToClass: string;
     }
 }
-export default _default;

package/fixedasset/toast/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
+var definePreset = {
     root: function (_a) {
         var props = _a.props;
         return ({
@@ -24,9 +24,9 @@ exports.default = {
                 'shadow-lg',
                 // Colors
                 {
-                    'border-success-500 text-success-500 bg-success-50': props.message.severity === 'success',
-                    'border-danger-500 text-danger-500 bg-danger-50': props.message.severity === 'error',
-                    'border-primary-500 text-primary-500 bg-primary-50': props.message.severity === 'info',
+                    'border-success-500 text-success-500 bg-success-50 dark:bg-success-50 dark:border-success-600 dark:text-success-600': props.message.severity === 'success',
+                    'border-danger-500 text-danger-500 bg-danger-50 dark:bg-danger-50 dark:border-danger-600 dark:text-danger-600': props.message.severity === 'error',
+                    'border-primary-500 text-primary-500 bg-primary-50 dark:bg-primary-50  dark:border-primary-600 dark:text-primary-600': props.message.severity === 'info',
                 },
             ],
             'data-wv-severity': props.message.severity,
@@ -66,9 +66,9 @@ exports.default = {
                 // Colors
                 'bg-transparent',
                 {
-                    'text-success-500 hover:bg-success-100': props.message.severity === 'success',
-                    'text-danger-500 hover:bg-danger-100': props.message.severity === 'error',
-                    'text-primary-500 hover:bg-primary-100': props.message.severity === 'info',
+                    'text-success-500 dark:text-success-600 hover:bg-success-100 dark:hover:bg-success-200': props.message.severity === 'success',
+                    'text-danger-500 dark:text-danger-600 hover:bg-danger-100 dark:hover:bg-danger-200': props.message.severity === 'error',
+                    'text-primary-500 dark:text-primary-600 hover:bg-primary-100 dark:hover:bg-primary-200': props.message.severity === 'info',
                 },
                 // Transitions
                 'transition duration-200 ease-in-out',
@@ -93,3 +93,4 @@ exports.default = {
         leaveToClass: 'max-h-0 opacity-0 mb-0',
     },
 };
+exports.default = definePreset;

package/fixedasset/toggleswitch/index.d.ts

@@ -1,4 +1,5 @@
-declare namespace _default {
+export default definePreset;
+declare namespace definePreset {
     function root({ props }: {
         props: any;
     }): {
@@ -14,66 +15,66 @@ declare namespace _default {
             'before:left-0.5'?: undefined;
             'ring-1'?: undefined;
             'ring-[0.5px]'?: undefined;
-            'before:bg-white'?: undefined;
-            'before:bg-general-100'?: undefined;
-            'bg-white ring-general-100'?: undefined;
-            'bg-primary-500 ring-transparent'?: undefined;
-            'bg-general-200  ring-transparent'?: undefined;
-            'bg-general-200 ring-general-100'?: undefined;
-            '!bg-danger-500 before:!bg-white ring-transparent'?: undefined;
-            '!bg-success-500 before:!bg-white ring-transparent'?: undefined;
+            'before:bg-white dark:before:bg-grayscale-900'?: undefined;
+            'before:bg-general-100 dark:before:bg-general-500'?: undefined;
+            'bg-transparent ring-general-100 dark:ring-general-500'?: undefined;
+            'bg-primary-500 dark:bg-primary-300 ring-transparent'?: undefined;
+            'bg-general-200 dark:bg-general-400  ring-transparent'?: undefined;
+            'bg-general-200 dark:bg-general-400 ring-general-100 dark:ring-general-500'?: undefined;
+            '!bg-danger-500 dark:!bg-danger-200 before:!bg-white dark:before:!bg-grayscale-900 ring-transparent'?: undefined;
+            '!bg-success-500 dark:!bg-success-300 before:!bg-white dark:before:!bg-grayscale-900 ring-transparent'?: undefined;
         } | {
             'before:left-0.5': boolean;
             'before:transform before:translate-x-[calc(18px)]'?: undefined;
             'ring-1'?: undefined;
             'ring-[0.5px]'?: undefined;
-            'before:bg-white'?: undefined;
-            'before:bg-general-100'?: undefined;
-            'bg-white ring-general-100'?: undefined;
-            'bg-primary-500 ring-transparent'?: undefined;
-            'bg-general-200  ring-transparent'?: undefined;
-            'bg-general-200 ring-general-100'?: undefined;
-            '!bg-danger-500 before:!bg-white ring-transparent'?: undefined;
-            '!bg-success-500 before:!bg-white ring-transparent'?: undefined;
+            'before:bg-white dark:before:bg-grayscale-900'?: undefined;
+            'before:bg-general-100 dark:before:bg-general-500'?: undefined;
+            'bg-transparent ring-general-100 dark:ring-general-500'?: undefined;
+            'bg-primary-500 dark:bg-primary-300 ring-transparent'?: undefined;
+            'bg-general-200 dark:bg-general-400  ring-transparent'?: undefined;
+            'bg-general-200 dark:bg-general-400 ring-general-100 dark:ring-general-500'?: undefined;
+            '!bg-danger-500 dark:!bg-danger-200 before:!bg-white dark:before:!bg-grayscale-900 ring-transparent'?: undefined;
+            '!bg-success-500 dark:!bg-success-300 before:!bg-white dark:before:!bg-grayscale-900 ring-transparent'?: undefined;
         } | {
             'ring-1': boolean;
             'ring-[0.5px]': boolean;
             'before:transform before:translate-x-[calc(18px)]'?: undefined;
             'before:left-0.5'?: undefined;
-            'before:bg-white'?: undefined;
-            'before:bg-general-100'?: undefined;
-            'bg-white ring-general-100'?: undefined;
-            'bg-primary-500 ring-transparent'?: undefined;
-            'bg-general-200  ring-transparent'?: undefined;
-            'bg-general-200 ring-general-100'?: undefined;
-            '!bg-danger-500 before:!bg-white ring-transparent'?: undefined;
-            '!bg-success-500 before:!bg-white ring-transparent'?: undefined;
+            'before:bg-white dark:before:bg-grayscale-900'?: undefined;
+            'before:bg-general-100 dark:before:bg-general-500'?: undefined;
+            'bg-transparent ring-general-100 dark:ring-general-500'?: undefined;
+            'bg-primary-500 dark:bg-primary-300 ring-transparent'?: undefined;
+            'bg-general-200 dark:bg-general-400  ring-transparent'?: undefined;
+            'bg-general-200 dark:bg-general-400 ring-general-100 dark:ring-general-500'?: undefined;
+            '!bg-danger-500 dark:!bg-danger-200 before:!bg-white dark:before:!bg-grayscale-900 ring-transparent'?: undefined;
+            '!bg-success-500 dark:!bg-success-300 before:!bg-white dark:before:!bg-grayscale-900 ring-transparent'?: undefined;
         } | {
-            'before:bg-white': boolean;
-            'before:bg-general-100': boolean;
-            'bg-white ring-general-100': boolean;
-            'bg-primary-500 ring-transparent': boolean;
-            'bg-general-200  ring-transparent': any;
-            'bg-general-200 ring-general-100': any;
+            'before:bg-white dark:before:bg-grayscale-900': boolean;
+            'before:bg-general-100 dark:before:bg-general-500': boolean;
+            'bg-transparent ring-general-100 dark:ring-general-500': boolean;
+            'bg-primary-500 dark:bg-primary-300 ring-transparent': boolean;
+            'bg-general-200 dark:bg-general-400  ring-transparent': any;
+            'bg-general-200 dark:bg-general-400 ring-general-100 dark:ring-general-500': any;
             'before:transform before:translate-x-[calc(18px)]'?: undefined;
             'before:left-0.5'?: undefined;
             'ring-1'?: undefined;
             'ring-[0.5px]'?: undefined;
-            '!bg-danger-500 before:!bg-white ring-transparent'?: undefined;
-            '!bg-success-500 before:!bg-white ring-transparent'?: undefined;
+            '!bg-danger-500 dark:!bg-danger-200 before:!bg-white dark:before:!bg-grayscale-900 ring-transparent'?: undefined;
+            '!bg-success-500 dark:!bg-success-300 before:!bg-white dark:before:!bg-grayscale-900 ring-transparent'?: undefined;
         } | {
-            '!bg-danger-500 before:!bg-white ring-transparent': boolean;
-            '!bg-success-500 before:!bg-white ring-transparent': boolean;
+            '!bg-danger-500 dark:!bg-danger-200 before:!bg-white dark:before:!bg-grayscale-900 ring-transparent': boolean;
+            '!bg-success-500 dark:!bg-success-300 before:!bg-white dark:before:!bg-grayscale-900 ring-transparent': boolean;
             'before:transform before:translate-x-[calc(18px)]'?: undefined;
             'before:left-0.5'?: undefined;
             'ring-1'?: undefined;
             'ring-[0.5px]'?: undefined;
-            'before:bg-white'?: undefined;
-            'before:bg-general-100'?: undefined;
-            'bg-white ring-general-100'?: undefined;
-            'bg-primary-500 ring-transparent'?: undefined;
-            'bg-general-200  ring-transparent'?: undefined;
-            'bg-general-200 ring-general-100'?: undefined;
+            'before:bg-white dark:before:bg-grayscale-900'?: undefined;
+            'before:bg-general-100 dark:before:bg-general-500'?: undefined;
+            'bg-transparent ring-general-100 dark:ring-general-500'?: undefined;
+            'bg-primary-500 dark:bg-primary-300 ring-transparent'?: undefined;
+            'bg-general-200 dark:bg-general-400  ring-transparent'?: undefined;
+            'bg-general-200 dark:bg-general-400 ring-general-100 dark:ring-general-500'?: undefined;
         })[];
     };
     function input({ props }: {
@@ -97,4 +98,3 @@ declare namespace _default {
         export { _class_2 as class };
     }
 }
-export default _default;

package/fixedasset/toggleswitch/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var isChromeBased = navigator.userAgent.includes('Chrome');
-exports.default = {
+var definePreset = {
     root: function (_a) {
         var props = _a.props;
         return ({
@@ -48,21 +48,21 @@ exports.default = {
                 'ring-1',
                 { 'ring-1': !isChromeBased, 'ring-[0.5px]': isChromeBased },
                 {
-                    'before:bg-white': props.modelValue == props.trueValue,
-                    'before:bg-general-100': props.modelValue !== props.trueValue,
+                    'before:bg-white dark:before:bg-grayscale-900': props.modelValue == props.trueValue,
+                    'before:bg-general-100 dark:before:bg-general-500': props.modelValue !== props.trueValue,
                     // Inactive and Enabled
-                    'bg-white ring-general-100': props.modelValue !== props.trueValue && !props.disabled,
+                    'bg-transparent ring-general-100 dark:ring-general-500': props.modelValue !== props.trueValue && !props.disabled,
                     // Active and Enabled
-                    'bg-primary-500 ring-transparent': props.modelValue == props.trueValue && !props.disabled,
+                    'bg-primary-500 dark:bg-primary-300 ring-transparent': props.modelValue == props.trueValue && !props.disabled,
                     // Active and Disabled
-                    'bg-general-200  ring-transparent': props.modelValue == props.trueValue && props.disabled,
+                    'bg-general-200 dark:bg-general-400  ring-transparent': props.modelValue == props.trueValue && props.disabled,
                     // Inactive and Disabled
-                    'bg-general-200 ring-general-100': props.modelValue !== props.trueValue && props.disabled,
+                    'bg-general-200 dark:bg-general-400 ring-general-100 dark:ring-general-500': props.modelValue !== props.trueValue && props.disabled,
                 },
                 // TriState colors
                 props.triState && {
-                    '!bg-danger-500 before:!bg-white ring-transparent': props.modelValue == props.falseValue && !props.disabled,
-                    '!bg-success-500 before:!bg-white ring-transparent': props.modelValue == props.trueValue && !props.disabled,
+                    '!bg-danger-500 dark:!bg-danger-200 before:!bg-white dark:before:!bg-grayscale-900 ring-transparent': props.modelValue == props.falseValue && !props.disabled,
+                    '!bg-success-500 dark:!bg-success-300 before:!bg-white dark:before:!bg-grayscale-900 ring-transparent': props.modelValue == props.trueValue && !props.disabled,
                 },
                 // States
                 'peer-focus-visible:!outline peer-focus-visible:!outline-offset-0 peer-focus-visible:!outline-primary-500/[5%]',
@@ -108,7 +108,7 @@ exports.default = {
             'relative',
             'w-max h-max items-start cursor-pointer',
             'flex items-start select-none text-xs tracking-[0.02em] font-medium',
-            'text-general-800',
+            'text-general-800 dark:text-general-100',
             'shrink-0',
             // Alignment
             'inline-flex',
@@ -122,6 +122,7 @@ exports.default = {
         class: 'ml-1 leading-4',
     },
     tooltipicon: {
-        class: 'text-primary-500 w-[10px] h-[10px]',
+        class: 'text-primary-500 dark:text-primary-300 w-[10px] h-[10px]',
     },
 };
+exports.default = definePreset;

package/fixedasset/tooltip/index.d.ts

@@ -1,4 +1,5 @@
-declare namespace _default {
+export default definePreset;
+declare namespace definePreset {
     function root({ context, props }: {
         context: any;
         props: any;
@@ -19,4 +20,3 @@ declare namespace _default {
         export { _class_1 as class };
     }
 }
-export default _default;

package/fixedasset/tooltip/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
+var definePreset = {
     root: function (_a) {
         var context = _a.context, props = _a.props;
         return ({
@@ -26,16 +26,17 @@ exports.default = {
             // Shape
             'rounded-lg',
             // Background
-            'bg-primary-50',
+            'bg-primary-50 dark:bg-primary-100',
             // Spacing
             'px-2 py-1',
             // Typography
             'text-[0.7rem] font-light leading-4 text-left',
             // Color
-            'text-grayscale-900',
+            'text-general-900 dark:text-general-900',
             // Misc
             'whitespace-pre-line',
             'break-words',
         ],
     },
 };
+exports.default = definePreset;

package/fixedasset/tree/index.d.ts

@@ -1,4 +1,5 @@
-declare namespace _default {
+export default definePreset;
+declare namespace definePreset {
     export namespace root {
         let _class: string[];
         export { _class as class };
@@ -24,38 +25,38 @@ declare namespace _default {
         props: any;
     }): {
         class: (string | {
-            'bg-primary-50 !text-primary-500 [&_*]:text-primary-500': boolean;
-            'hover:bg-primary-50'?: undefined;
-            '!text-general-200'?: undefined;
+            'bg-primary-50 dark:bg-primary-100 !text-primary-500 dark:!text-primary-300 [&_*]:text-primary-500 dark:[&_*]:text-primary-300 dark:[&_*]:hover:text-primary-300': boolean;
+            'hover:bg-primary-50 dark:hover:bg-primary-100 dark:[&_*]:hover:text-general-800 group'?: undefined;
+            '!text-general-200 dark:!text-grayscale-500'?: undefined;
             '!pointer-events-none !cursor-default'?: undefined;
             'cursor-pointer select-none'?: undefined;
             'cursor-pointer'?: undefined;
         } | {
-            'hover:bg-primary-50': boolean;
-            'bg-primary-50 !text-primary-500 [&_*]:text-primary-500'?: undefined;
-            '!text-general-200'?: undefined;
+            'hover:bg-primary-50 dark:hover:bg-primary-100 dark:[&_*]:hover:text-general-800 group': boolean;
+            'bg-primary-50 dark:bg-primary-100 !text-primary-500 dark:!text-primary-300 [&_*]:text-primary-500 dark:[&_*]:text-primary-300 dark:[&_*]:hover:text-primary-300'?: undefined;
+            '!text-general-200 dark:!text-grayscale-500'?: undefined;
             '!pointer-events-none !cursor-default'?: undefined;
             'cursor-pointer select-none'?: undefined;
             'cursor-pointer'?: undefined;
         } | {
-            '!text-general-200': boolean;
+            '!text-general-200 dark:!text-grayscale-500': boolean;
             '!pointer-events-none !cursor-default': any;
-            'bg-primary-50 !text-primary-500 [&_*]:text-primary-500'?: undefined;
-            'hover:bg-primary-50'?: undefined;
+            'bg-primary-50 dark:bg-primary-100 !text-primary-500 dark:!text-primary-300 [&_*]:text-primary-500 dark:[&_*]:text-primary-300 dark:[&_*]:hover:text-primary-300'?: undefined;
+            'hover:bg-primary-50 dark:hover:bg-primary-100 dark:[&_*]:hover:text-general-800 group'?: undefined;
             'cursor-pointer select-none'?: undefined;
             'cursor-pointer'?: undefined;
         } | {
             'cursor-pointer select-none': boolean;
-            'bg-primary-50 !text-primary-500 [&_*]:text-primary-500'?: undefined;
-            'hover:bg-primary-50'?: undefined;
-            '!text-general-200'?: undefined;
+            'bg-primary-50 dark:bg-primary-100 !text-primary-500 dark:!text-primary-300 [&_*]:text-primary-500 dark:[&_*]:text-primary-300 dark:[&_*]:hover:text-primary-300'?: undefined;
+            'hover:bg-primary-50 dark:hover:bg-primary-100 dark:[&_*]:hover:text-general-800 group'?: undefined;
+            '!text-general-200 dark:!text-grayscale-500'?: undefined;
             '!pointer-events-none !cursor-default'?: undefined;
             'cursor-pointer'?: undefined;
         } | {
             'cursor-pointer': boolean;
-            'bg-primary-50 !text-primary-500 [&_*]:text-primary-500'?: undefined;
-            'hover:bg-primary-50'?: undefined;
-            '!text-general-200'?: undefined;
+            'bg-primary-50 dark:bg-primary-100 !text-primary-500 dark:!text-primary-300 [&_*]:text-primary-500 dark:[&_*]:text-primary-300 dark:[&_*]:hover:text-primary-300'?: undefined;
+            'hover:bg-primary-50 dark:hover:bg-primary-100 dark:[&_*]:hover:text-general-800 group'?: undefined;
+            '!text-general-200 dark:!text-grayscale-500'?: undefined;
             '!pointer-events-none !cursor-default'?: undefined;
             'cursor-pointer select-none'?: undefined;
         })[];
@@ -83,23 +84,20 @@ declare namespace _default {
             context: any;
         }): {
             class: (string | {
-                'border-surface-300 bg-surface-0': boolean;
-                'border-primary-500 bg-primary-500': any;
-                'ring-2 ring-primary-500'?: undefined;
+                'border-primary-500 bg-primary-500 dark:border-primary-300 dark:bg-primary-300': any;
+                'ring-2 ring-primary-500 dark:ring-primary-300'?: undefined;
                 'cursor-default opacity-60'?: undefined;
-                'peer-focus-visible:ring-2 peer-focus-visible:ring-primary-500'?: undefined;
+                'peer-focus-visible:ring-2 peer-focus-visible:ring-primary-500 dark:peer-focus-visible:ring-primary-300'?: undefined;
             } | {
-                'ring-2 ring-primary-500': any;
+                'ring-2 ring-primary-500 dark:ring-primary-300': any;
                 'cursor-default opacity-60': any;
-                'border-surface-300 bg-surface-0'?: undefined;
-                'border-primary-500 bg-primary-500'?: undefined;
-                'peer-focus-visible:ring-2 peer-focus-visible:ring-primary-500'?: undefined;
+                'border-primary-500 bg-primary-500 dark:border-primary-300 dark:bg-primary-300'?: undefined;
+                'peer-focus-visible:ring-2 peer-focus-visible:ring-primary-500 dark:peer-focus-visible:ring-primary-300'?: undefined;
             } | {
-                'peer-focus-visible:ring-2 peer-focus-visible:ring-primary-500': boolean;
+                'peer-focus-visible:ring-2 peer-focus-visible:ring-primary-500 dark:peer-focus-visible:ring-primary-300': boolean;
                 'cursor-default opacity-60': any;
-                'border-surface-300 bg-surface-0'?: undefined;
-                'border-primary-500 bg-primary-500'?: undefined;
-                'ring-2 ring-primary-500'?: undefined;
+                'border-primary-500 bg-primary-500 dark:border-primary-300 dark:bg-primary-300'?: undefined;
+                'ring-2 ring-primary-500 dark:ring-primary-300'?: undefined;
             })[];
         };
         export namespace input {
@@ -144,4 +142,3 @@ declare namespace _default {
         })[];
     };
 }
-export default _default;