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

package/fixedasset/multiselect/index.d.ts

@@ -1,4 +1,5 @@
-declare namespace _default {
+export default definePreset;
+declare namespace definePreset {
     export function root({ props, state }: {
         props: any;
         state: any;
@@ -16,18 +17,18 @@ declare namespace _default {
         props: any;
     }): {
         class: (string | {
-            'text-general-200': boolean;
-            'text-grayscale-900': any;
+            'text-general-200 dark:text-general-500': boolean;
+            'text-general-800 dark:text-general-50': any;
         })[];
     };
     export let token: {
         class: (string | {
-            'text-general-400 bg-general-100': any;
-            'text-success-500 bg-success-100': boolean;
-            'text-primary-500 bg-primary-50': boolean;
-            'text-grayscale-800 bg-grayscale-200': boolean;
-            'text-warning-600 bg-warning-100': boolean;
-            'text-danger-600 bg-danger-100': boolean;
+            'text-primary-500 bg-primary-50 dark:text-primary-800 dark:bg-primary-300': boolean;
+            'text-success-500 bg-success-100 dark:text-success-800 dark:bg-success-200': boolean;
+            'text-warning-600 bg-warning-100 dark:text-warning-800 dark:bg-warning-400': boolean;
+            'text-danger-600 bg-danger-100 dark:text-danger-700 dark:bg-danger-200': boolean;
+            'text-grayscale-800 bg-grayscale-200 dark:text-grayscale-50 dark:bg-grayscale-800': boolean;
+            'text-general-400 bg-general-100 dark:text-general-100 dark:bg-general-400': any;
         })[];
         'data-wv-name': string;
         'data-wv-section': string;
@@ -40,12 +41,12 @@ declare namespace _default {
     };
     export let removeTokenIcon: {
         class: (string | {
-            'text-primary-500': boolean;
-            'text-success-500': boolean;
-            'text-danger-600': boolean;
-            'text-warning-600': boolean;
-            'text-grayscale-800 hover:bg-grayscale-300': boolean;
-            'text-general-400': any;
+            'text-primary-500 dark:text-primary-800': boolean;
+            'text-success-500 dark:text-success-800': boolean;
+            'text-danger-600 dark:text-danger-700': boolean;
+            'text-warning-600 dark:text-warning-800': boolean;
+            'text-grayscale-800 hover:bg-grayscale-50 dark:text-grayscale-50 dark:hover:bg-grayscale-700': boolean;
+            'text-general-400 dark:text-general-100': any;
         })[];
         'icon-class': string;
         'data-wv-section': string;
@@ -92,65 +93,65 @@ declare namespace _default {
             context: any;
         }) => {
             class: (string | {
-                'border-general-200': any;
-                'border-general-100': boolean;
-                'bg-white': boolean;
-                'bg-general-50': any;
-                'bg-primary-500 border-primary-500': boolean;
-                'bg-general-200': any;
-                'ring-8 ring-primary-400/[12%]'?: undefined;
-                'peer-focus-visible:ring-8 peer-focus-visible:ring-offset-0 peer-focus-visible:ring-primary-400/[8%]'?: undefined;
-                'peer-active:ring-8 peer-active:ring-offset-0 peer-active:ring-primary-400/[12%]'?: undefined;
-                'cursor-default bg-general-50 border-general-200'?: undefined;
-                'bg-general-200 border-general-200'?: undefined;
-                '[&_i]:bg-transparent'?: undefined;
-                '[&_i]:text-white'?: undefined;
-                '[&_i]:text-transparent'?: undefined;
+                'border-general-200 dark:border-general-400': any;
+                'border-general-100 dark:border-general-300': boolean;
+                'bg-white dark:bg-grayscale-800': boolean;
+                'bg-general-50 dark:bg-general-300': any;
+                'bg-primary-500 border-primary-500 dark:bg-primary-300 dark:border-primary-300': boolean;
+                'bg-general-200 dark:bg-general-400': any;
+                'ring-8 ring-primary-400/[12%] dark:ring-primary-200/[12%]'?: undefined;
+                'peer-focus-visible:ring-8 peer-focus-visible:ring-offset-0 peer-focus-visible:ring-primary-400/[8%] dark:peer-focus-visible:ring-primary-200/[8%]'?: undefined;
+                'peer-active:ring-8 peer-active:ring-offset-0 peer-active:ring-primary-400/[12%] dark:peer-active:ring-primary-200/[12%]'?: undefined;
+                'cursor-default bg-general-50 dark:bg-general-300 border-general-200 dark:border-general-400'?: undefined;
+                'bg-general-200 dark:bg-general-400 border-general-200 dark:border-general-400'?: undefined;
+                '[&_i]:bg-transparent [&_i]:dark:bg-transparent'?: undefined;
+                '[&_i]:text-white [&_i]:dark:text-grayscale-900'?: undefined;
+                '[&_i]:text-transparent [&_i]:dark:text-transparent'?: undefined;
             } | {
-                'ring-8 ring-primary-400/[12%]': any;
-                'border-general-200'?: undefined;
-                'border-general-100'?: undefined;
-                'bg-white'?: undefined;
-                'bg-general-50'?: undefined;
-                'bg-primary-500 border-primary-500'?: undefined;
-                'bg-general-200'?: undefined;
-                'peer-focus-visible:ring-8 peer-focus-visible:ring-offset-0 peer-focus-visible:ring-primary-400/[8%]'?: undefined;
-                'peer-active:ring-8 peer-active:ring-offset-0 peer-active:ring-primary-400/[12%]'?: undefined;
-                'cursor-default bg-general-50 border-general-200'?: undefined;
-                'bg-general-200 border-general-200'?: undefined;
-                '[&_i]:bg-transparent'?: undefined;
-                '[&_i]:text-white'?: undefined;
-                '[&_i]:text-transparent'?: undefined;
+                'ring-8 ring-primary-400/[12%] dark:ring-primary-200/[12%]': any;
+                'border-general-200 dark:border-general-400'?: undefined;
+                'border-general-100 dark:border-general-300'?: undefined;
+                'bg-white dark:bg-grayscale-800'?: undefined;
+                'bg-general-50 dark:bg-general-300'?: undefined;
+                'bg-primary-500 border-primary-500 dark:bg-primary-300 dark:border-primary-300'?: undefined;
+                'bg-general-200 dark:bg-general-400'?: undefined;
+                'peer-focus-visible:ring-8 peer-focus-visible:ring-offset-0 peer-focus-visible:ring-primary-400/[8%] dark:peer-focus-visible:ring-primary-200/[8%]'?: undefined;
+                'peer-active:ring-8 peer-active:ring-offset-0 peer-active:ring-primary-400/[12%] dark:peer-active:ring-primary-200/[12%]'?: undefined;
+                'cursor-default bg-general-50 dark:bg-general-300 border-general-200 dark:border-general-400'?: undefined;
+                'bg-general-200 dark:bg-general-400 border-general-200 dark:border-general-400'?: undefined;
+                '[&_i]:bg-transparent [&_i]:dark:bg-transparent'?: undefined;
+                '[&_i]:text-white [&_i]:dark:text-grayscale-900'?: undefined;
+                '[&_i]:text-transparent [&_i]:dark:text-transparent'?: undefined;
             } | {
-                'peer-focus-visible:ring-8 peer-focus-visible:ring-offset-0 peer-focus-visible:ring-primary-400/[8%]': boolean;
-                'peer-active:ring-8 peer-active:ring-offset-0 peer-active:ring-primary-400/[12%]': boolean;
-                'cursor-default bg-general-50 border-general-200': boolean;
-                'bg-general-200 border-general-200': any;
-                'border-general-200'?: undefined;
-                'border-general-100'?: undefined;
-                'bg-white'?: undefined;
-                'bg-general-50'?: undefined;
-                'bg-primary-500 border-primary-500'?: undefined;
-                'bg-general-200'?: undefined;
-                'ring-8 ring-primary-400/[12%]'?: undefined;
-                '[&_i]:bg-transparent'?: undefined;
-                '[&_i]:text-white'?: undefined;
-                '[&_i]:text-transparent'?: undefined;
+                'peer-focus-visible:ring-8 peer-focus-visible:ring-offset-0 peer-focus-visible:ring-primary-400/[8%] dark:peer-focus-visible:ring-primary-200/[8%]': boolean;
+                'peer-active:ring-8 peer-active:ring-offset-0 peer-active:ring-primary-400/[12%] dark:peer-active:ring-primary-200/[12%]': boolean;
+                'cursor-default bg-general-50 dark:bg-general-300 border-general-200 dark:border-general-400': boolean;
+                'bg-general-200 dark:bg-general-400 border-general-200 dark:border-general-400': any;
+                'border-general-200 dark:border-general-400'?: undefined;
+                'border-general-100 dark:border-general-300'?: undefined;
+                'bg-white dark:bg-grayscale-800'?: undefined;
+                'bg-general-50 dark:bg-general-300'?: undefined;
+                'bg-primary-500 border-primary-500 dark:bg-primary-300 dark:border-primary-300'?: undefined;
+                'bg-general-200 dark:bg-general-400'?: undefined;
+                'ring-8 ring-primary-400/[12%] dark:ring-primary-200/[12%]'?: undefined;
+                '[&_i]:bg-transparent [&_i]:dark:bg-transparent'?: undefined;
+                '[&_i]:text-white [&_i]:dark:text-grayscale-900'?: undefined;
+                '[&_i]:text-transparent [&_i]:dark:text-transparent'?: undefined;
             } | {
-                '[&_i]:bg-transparent': boolean;
-                '[&_i]:text-white': any;
-                '[&_i]:text-transparent': boolean;
-                'border-general-200'?: undefined;
-                'border-general-100'?: undefined;
-                'bg-white'?: undefined;
-                'bg-general-50'?: undefined;
-                'bg-primary-500 border-primary-500'?: undefined;
-                'bg-general-200'?: undefined;
-                'ring-8 ring-primary-400/[12%]'?: undefined;
-                'peer-focus-visible:ring-8 peer-focus-visible:ring-offset-0 peer-focus-visible:ring-primary-400/[8%]'?: undefined;
-                'peer-active:ring-8 peer-active:ring-offset-0 peer-active:ring-primary-400/[12%]'?: undefined;
-                'cursor-default bg-general-50 border-general-200'?: undefined;
-                'bg-general-200 border-general-200'?: undefined;
+                '[&_i]:bg-transparent [&_i]:dark:bg-transparent': boolean;
+                '[&_i]:text-white [&_i]:dark:text-grayscale-900': any;
+                '[&_i]:text-transparent [&_i]:dark:text-transparent': boolean;
+                'border-general-200 dark:border-general-400'?: undefined;
+                'border-general-100 dark:border-general-300'?: undefined;
+                'bg-white dark:bg-grayscale-800'?: undefined;
+                'bg-general-50 dark:bg-general-300'?: undefined;
+                'bg-primary-500 border-primary-500 dark:bg-primary-300 dark:border-primary-300'?: undefined;
+                'bg-general-200 dark:bg-general-400'?: undefined;
+                'ring-8 ring-primary-400/[12%] dark:ring-primary-200/[12%]'?: undefined;
+                'peer-focus-visible:ring-8 peer-focus-visible:ring-offset-0 peer-focus-visible:ring-primary-400/[8%] dark:peer-focus-visible:ring-primary-200/[8%]'?: undefined;
+                'peer-active:ring-8 peer-active:ring-offset-0 peer-active:ring-primary-400/[12%] dark:peer-active:ring-primary-200/[12%]'?: undefined;
+                'cursor-default bg-general-50 dark:bg-general-300 border-general-200 dark:border-general-400'?: undefined;
+                'bg-general-200 dark:bg-general-400 border-general-200 dark:border-general-400'?: undefined;
             })[];
         };
         input: {
@@ -189,60 +190,60 @@ declare namespace _default {
         context: any;
     }): {
         class: (string | {
-            'text-general-800': boolean;
-            'text-general-400'?: undefined;
-            'bg-primary-50'?: undefined;
-            'text-primary-500'?: undefined;
-            'text-general-900'?: undefined;
+            'text-general-800 dark:text-general-50': boolean;
+            'text-general-400 dark:text-general-100'?: undefined;
+            'bg-primary-50 dark:bg-grayscale-800'?: undefined;
+            'text-primary-500 dark:text-primary-300'?: undefined;
+            'text-general-900 dark:text-general-100'?: undefined;
             'pointer-events-none cursor-default'?: undefined;
             'cursor-pointer'?: undefined;
         } | {
-            'text-general-400': any;
-            'text-general-800'?: undefined;
-            'bg-primary-50'?: undefined;
-            'text-primary-500'?: undefined;
-            'text-general-900'?: undefined;
+            'text-general-400 dark:text-general-100': any;
+            'text-general-800 dark:text-general-50'?: undefined;
+            'bg-primary-50 dark:bg-grayscale-800'?: undefined;
+            'text-primary-500 dark:text-primary-300'?: undefined;
+            'text-general-900 dark:text-general-100'?: undefined;
             'pointer-events-none cursor-default'?: undefined;
             'cursor-pointer'?: undefined;
         } | {
-            'bg-primary-50': any;
-            'text-general-800'?: undefined;
-            'text-general-400'?: undefined;
-            'text-primary-500'?: undefined;
-            'text-general-900'?: undefined;
+            'bg-primary-50 dark:bg-grayscale-800': any;
+            'text-general-800 dark:text-general-50'?: undefined;
+            'text-general-400 dark:text-general-100'?: undefined;
+            'text-primary-500 dark:text-primary-300'?: undefined;
+            'text-general-900 dark:text-general-100'?: undefined;
             'pointer-events-none cursor-default'?: undefined;
             'cursor-pointer'?: undefined;
         } | {
-            'text-primary-500': any;
-            'text-general-800'?: undefined;
-            'text-general-400'?: undefined;
-            'bg-primary-50'?: undefined;
-            'text-general-900'?: undefined;
+            'text-primary-500 dark:text-primary-300': any;
+            'text-general-800 dark:text-general-50'?: undefined;
+            'text-general-400 dark:text-general-100'?: undefined;
+            'bg-primary-50 dark:bg-grayscale-800'?: undefined;
+            'text-general-900 dark:text-general-100'?: undefined;
             'pointer-events-none cursor-default'?: undefined;
             'cursor-pointer'?: undefined;
         } | {
-            'text-general-900': any;
-            'text-general-800'?: undefined;
-            'text-general-400'?: undefined;
-            'bg-primary-50'?: undefined;
-            'text-primary-500'?: undefined;
+            'text-general-900 dark:text-general-100': any;
+            'text-general-800 dark:text-general-50'?: undefined;
+            'text-general-400 dark:text-general-100'?: undefined;
+            'bg-primary-50 dark:bg-grayscale-800'?: undefined;
+            'text-primary-500 dark:text-primary-300'?: undefined;
             'pointer-events-none cursor-default'?: undefined;
             'cursor-pointer'?: undefined;
         } | {
             'pointer-events-none cursor-default': any;
-            'text-general-800'?: undefined;
-            'text-general-400'?: undefined;
-            'bg-primary-50'?: undefined;
-            'text-primary-500'?: undefined;
-            'text-general-900'?: undefined;
+            'text-general-800 dark:text-general-50'?: undefined;
+            'text-general-400 dark:text-general-100'?: undefined;
+            'bg-primary-50 dark:bg-grayscale-800'?: undefined;
+            'text-primary-500 dark:text-primary-300'?: undefined;
+            'text-general-900 dark:text-general-100'?: undefined;
             'cursor-pointer'?: undefined;
         } | {
             'cursor-pointer': boolean;
-            'text-general-800'?: undefined;
-            'text-general-400'?: undefined;
-            'bg-primary-50'?: undefined;
-            'text-primary-500'?: undefined;
-            'text-general-900'?: undefined;
+            'text-general-800 dark:text-general-50'?: undefined;
+            'text-general-400 dark:text-general-100'?: undefined;
+            'bg-primary-50 dark:bg-grayscale-800'?: undefined;
+            'text-primary-500 dark:text-primary-300'?: undefined;
+            'text-general-900 dark:text-general-100'?: undefined;
             'pointer-events-none cursor-default'?: undefined;
         })[];
     };
@@ -283,5 +284,4 @@ declare namespace _default {
         let leaveToClass: string;
     }
 }
-export default _default;
 import presetCheckbox from '../checkbox/index.js';

package/fixedasset/multiselect/index.js

@@ -22,7 +22,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var index_js_1 = require("../badge/index.js");
 var index_js_2 = require("../checkbox/index.js");
-exports.default = {
+var definePreset = {
     root: function (_a) {
         var props = _a.props, state = _a.state;
         return ({
@@ -55,8 +55,8 @@ exports.default = {
                 'rounded-none',
                 // Color
                 {
-                    'text-general-200': !((_b = props.modelValue) === null || _b === void 0 ? void 0 : _b.length),
-                    'text-grayscale-900': (_c = props.modelValue) === null || _c === void 0 ? void 0 : _c.length,
+                    'text-general-200 dark:text-general-500': !((_b = props.modelValue) === null || _b === void 0 ? void 0 : _b.length),
+                    'text-general-800 dark:text-general-50': (_c = props.modelValue) === null || _c === void 0 ? void 0 : _c.length,
                 },
                 // Transitions
                 'transition duration-200',
@@ -71,17 +71,17 @@ exports.default = {
         props: { badgeSeverity: 'dark' },
     }),
     loadingplaceholder: {
-        class: 'text-general-200 font-light',
+        class: 'text-general-200 dark:text-general-500 font-light',
     },
     loadingicon: {
-        class: 'text-xs animate-spin duration-200 !text-general-500',
+        class: 'text-xs animate-spin duration-200 !text-general-500 dark:!text-general-100',
         icon: 'spinner',
     },
     dropdownicon: function (_a) {
         var state = _a.state;
         return ({
             class: [
-                'w-full h-full transition-transform !text-general-500',
+                'w-full h-full transition-transform !text-general-500 dark:!text-general-100',
                 { 'rotate-180': state.isShowOverlay },
             ],
             icon: 'arrow-drop-down',
@@ -97,8 +97,7 @@ exports.default = {
             'flex items-center justify-center',
             'shrink-0',
             // Color and Background
-            'bg-transparent',
-            'text-surface-500',
+            'bg-transparent dark:bg-transparent',
             // Size
             'w-6',
             // Shape
@@ -116,7 +115,7 @@ exports.default = {
             'rounded-lg',
             'shadow-panel',
             // Color
-            'bg-grayscale-100',
+            'bg-grayscale-100 dark:bg-general-600',
         ],
     },
     header: {
@@ -169,7 +168,7 @@ exports.default = {
             'max-h-[15rem]',
             // Shape
             // Color
-            'bg-white',
+            'bg-white dark:bg-grayscale-900',
             // Misc
             'overflow-auto',
             'rounded-br-lg',
@@ -197,20 +196,20 @@ exports.default = {
                 'py-1.5 px-4',
                 // Color
                 {
-                    'text-general-800': !context.focused && !context.selected && !context.disabled,
+                    'text-general-800 dark:text-general-50': !context.focused && !context.selected && !context.disabled,
                 },
                 {
-                    'text-general-400': !context.focused && !context.selected && context.disabled,
+                    'text-general-400 dark:text-general-100': !context.focused && !context.selected && context.disabled,
                 },
-                { 'bg-primary-50': context.focused },
+                { 'bg-primary-50 dark:bg-grayscale-800': context.focused },
                 {
-                    'text-primary-500': context.focused || context.selected,
+                    'text-primary-500 dark:text-primary-300': context.focused || context.selected,
                 },
                 {
-                    'text-general-900': !context.focused && context.selected,
+                    'text-general-900 dark:text-general-100': !context.focused && context.selected,
                 },
                 //States
-                'focus-visible:outline-none focus-visible:outline-offset-0 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary-500',
+                'focus-visible:outline-none focus-visible:outline-offset-0 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary-500 dark:focus-visible:ring-primary-300',
                 // Misc
                 { 'pointer-events-none cursor-default': context.disabled },
                 { 'cursor-pointer': !context.disabled },
@@ -231,8 +230,6 @@ exports.default = {
             'm-0',
             'py-2 px-4',
             // Color
-            'text-surface-800',
-            'bg-surface-0',
             // Misc
             'cursor-auto',
         ],
@@ -246,20 +243,21 @@ exports.default = {
             // Sizing
             'w-full py-2 px-3',
             //Color
-            'text-general-100',
-            'bg-white',
+            'text-general-100 dark:text-general-500',
+            'bg-white dark:bg-grayscale-900',
             // Shape
-            'ring-inset ring-1 ring-general-500',
+            'ring-inset ring-1 ring-general-200 dark:ring-grayscale-600',
             'rounded-[6px]',
         ],
     },
     filterinput: {
         class: [
             'w-full',
-            'text-general-800',
+            'bg-white dark:bg-grayscale-900',
+            'text-general-800 dark:text-general-100',
             'text-xs tracking-[0.02em]',
             'font-medium',
-            'placeholder:text-general-200',
+            'placeholder:text-general-200 dark:placeholder:text-general-600',
             'placeholder:font-light',
             // Misc
             'appearance-none',
@@ -268,13 +266,12 @@ exports.default = {
         ],
     },
     filtericon: {
-        class: ['text-base text-general-400'],
+        class: ['text-base text-general-100 dark:text-general-300'],
         icon: 'search',
     },
     clearicon: {
         class: [
             // Color
-            'text-surface-500',
             // Position
             'absolute',
             'top-1/2',
@@ -291,8 +288,8 @@ exports.default = {
             // Spacing
             'py-2 px-4',
             // Color
-            'text-grayscale-800',
-            'bg-transparent',
+            'text-grayscale-800 dark:text-grayscale-50',
+            'bg-transparent dark:bg-transparent',
         ],
     },
     transition: {
@@ -302,3 +299,4 @@ exports.default = {
         leaveToClass: 'opacity-0',
     },
 };
+exports.default = definePreset;

package/fixedasset/overlaypanel/index.d.ts

@@ -1,4 +1,5 @@
-declare namespace _default {
+export default definePreset;
+declare namespace definePreset {
     namespace root {
         let _class: string[];
         export { _class as class };
@@ -14,4 +15,3 @@ declare namespace _default {
         let leaveToClass: string;
     }
 }
-export default _default;

package/fixedasset/overlaypanel/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
+var definePreset = {
     root: {
         class: [
             'h-max',
@@ -12,8 +12,8 @@ exports.default = {
             'absolute left-0 top-0 mt-2',
             'z-40 transform origin-center',
             // Color
-            'bg-white',
-            'text-general-800',
+            'bg-white dark:bg-grayscale-900',
+            'text-general-800 dark:text-white',
             // Before: Triangle
             'before:absolute before:-top-2 before:ml-4 before:z-50',
             'before:w-0 before:h-0 before:shadow-xl',
@@ -32,3 +32,4 @@ exports.default = {
         leaveToClass: 'opacity-0',
     },
 };
+exports.default = definePreset;

package/fixedasset/paginator/index.d.ts

@@ -1,4 +1,5 @@
-declare namespace _default {
+export default definePreset;
+declare namespace definePreset {
     namespace root {
         let _class: string[];
         export { _class as class };
@@ -43,23 +44,23 @@ declare namespace _default {
         context: any;
     }): {
         class: (string | {
-            'text-general-300 border-none hover:bg-grayscale-50': boolean;
-            'text-white bg-primary-500': any;
+            'text-general-300 dark:text-grayscale-700  border-none hover:bg-grayscale-50 dark:hover:bg-grayscale-800': boolean;
+            'text-white dark:text-primary-800 bg-primary-500 dark:bg-primary-300': any;
             'hover:border-surface-300'?: undefined;
-            'focus-visible:outline-none focus-visible:outline-offset-0 focus-visible:ring-2 focus-visible:ring-primary-500'?: undefined;
+            'focus-visible:outline-none focus-visible:outline-offset-0 focus-visible:ring-2 focus-visible:ring-primary-500 dark:focus-visible:ring-primary-300'?: undefined;
             'cursor-default pointer-events-none opacity-60'?: undefined;
         } | {
             'hover:border-surface-300': boolean;
-            'focus-visible:outline-none focus-visible:outline-offset-0 focus-visible:ring-2 focus-visible:ring-primary-500': boolean;
-            'text-general-300 border-none hover:bg-grayscale-50'?: undefined;
-            'text-white bg-primary-500'?: undefined;
+            'focus-visible:outline-none focus-visible:outline-offset-0 focus-visible:ring-2 focus-visible:ring-primary-500 dark:focus-visible:ring-primary-300': boolean;
+            'text-general-300 dark:text-grayscale-700  border-none hover:bg-grayscale-50 dark:hover:bg-grayscale-800'?: undefined;
+            'text-white dark:text-primary-800 bg-primary-500 dark:bg-primary-300'?: undefined;
             'cursor-default pointer-events-none opacity-60'?: undefined;
         } | {
             'cursor-default pointer-events-none opacity-60': any;
-            'text-general-300 border-none hover:bg-grayscale-50'?: undefined;
-            'text-white bg-primary-500'?: undefined;
+            'text-general-300 dark:text-grayscale-700  border-none hover:bg-grayscale-50 dark:hover:bg-grayscale-800'?: undefined;
+            'text-white dark:text-primary-800 bg-primary-500 dark:bg-primary-300'?: undefined;
             'hover:border-surface-300'?: undefined;
-            'focus-visible:outline-none focus-visible:outline-offset-0 focus-visible:ring-2 focus-visible:ring-primary-500'?: undefined;
+            'focus-visible:outline-none focus-visible:outline-offset-0 focus-visible:ring-2 focus-visible:ring-primary-500 dark:focus-visible:ring-primary-300'?: undefined;
         })[];
     };
     namespace rowperpagedropdown {
@@ -68,7 +69,7 @@ declare namespace _default {
             state: any;
         }): {
             class: (string | {
-                'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-600': boolean;
+                'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-600 dark:focus-visible:ring-primary-400': boolean;
                 'opacity-60'?: undefined;
                 'pointer-events-none'?: undefined;
                 'cursor-default'?: undefined;
@@ -76,7 +77,7 @@ declare namespace _default {
                 'opacity-60': any;
                 'pointer-events-none': any;
                 'cursor-default': any;
-                'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-600'?: undefined;
+                'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-600 dark:focus-visible:ring-primary-400'?: undefined;
             })[];
         };
         export { root_1 as root };
@@ -134,7 +135,7 @@ declare namespace _default {
             state: any;
         }): {
             class: (string | {
-                'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-600': boolean;
+                'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-600 dark:focus-visible:ring-primary-400': boolean;
                 'opacity-60'?: undefined;
                 'pointer-events-none'?: undefined;
                 'cursor-default'?: undefined;
@@ -142,7 +143,7 @@ declare namespace _default {
                 'opacity-60': any;
                 'pointer-events-none': any;
                 'cursor-default': any;
-                'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-600'?: undefined;
+                'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-600 dark:focus-visible:ring-primary-400'?: undefined;
             })[];
         };
         export { root_4 as root };
@@ -178,16 +179,16 @@ declare namespace _default {
                 'font-normal': boolean;
                 'font-bold': any;
                 'text-surface-700/80'?: undefined;
-                'bg-primary-500 text-white'?: undefined;
+                'bg-primary-500 dark:bg-primary-300 text-white dark:text-primary-800'?: undefined;
                 'bg-transparent text-surface-700/80'?: undefined;
             } | {
                 'text-surface-700/80': boolean;
                 'font-normal'?: undefined;
                 'font-bold'?: undefined;
-                'bg-primary-500 text-white'?: undefined;
+                'bg-primary-500 dark:bg-primary-300 text-white dark:text-primary-800'?: undefined;
                 'bg-transparent text-surface-700/80'?: undefined;
             } | {
-                'bg-primary-500 text-white': any;
+                'bg-primary-500 dark:bg-primary-300 text-white dark:text-primary-800': any;
                 'font-normal'?: undefined;
                 'font-bold'?: undefined;
                 'text-surface-700/80'?: undefined;
@@ -197,7 +198,7 @@ declare namespace _default {
                 'font-normal'?: undefined;
                 'font-bold'?: undefined;
                 'text-surface-700/80'?: undefined;
-                'bg-primary-500 text-white'?: undefined;
+                'bg-primary-500 dark:bg-primary-300 text-white dark:text-primary-800'?: undefined;
             })[];
         };
         export { item_1 as item };
@@ -207,4 +208,3 @@ declare namespace _default {
         export { _class_16 as class };
     }
 }
-export default _default;