@fewangsit/wangsvue-presets 1.0.98 → 1.0.99-alpha.0

package/fixedasset/inputotp/index.d.ts

@@ -1,137 +1,2 @@
-declare namespace _default {
-    namespace root {
-        let _class: string[];
-        export { _class as class };
-    }
-    namespace input {
-        export function root_1({ props, context, parent }: {
-            props: any;
-            context: any;
-            parent: any;
-        }): {
-            class: (string | {
-                'flex-1 w-[1%]': boolean;
-                'p-3'?: undefined;
-                'rounded-md'?: undefined;
-                'first:rounded-l-md rounded-none last:rounded-r-md'?: undefined;
-                'border-0 border-y border-l last:border-r'?: undefined;
-                'first:ml-0 ml-[-1px]'?: undefined;
-                'border-general-200'?: undefined;
-                'border-danger-500'?: undefined;
-                'focus:outline-none focus:outline-offset-0'?: undefined;
-                'opacity-60 select-none pointer-events-none cursor-default'?: undefined;
-                filled?: undefined;
-            } | {
-                'p-3': boolean;
-                'flex-1 w-[1%]'?: undefined;
-                'rounded-md'?: undefined;
-                'first:rounded-l-md rounded-none last:rounded-r-md'?: undefined;
-                'border-0 border-y border-l last:border-r'?: undefined;
-                'first:ml-0 ml-[-1px]'?: undefined;
-                'border-general-200'?: undefined;
-                'border-danger-500'?: undefined;
-                'focus:outline-none focus:outline-offset-0'?: undefined;
-                'opacity-60 select-none pointer-events-none cursor-default'?: undefined;
-                filled?: undefined;
-            } | {
-                'rounded-md': boolean;
-                'flex-1 w-[1%]'?: undefined;
-                'p-3'?: undefined;
-                'first:rounded-l-md rounded-none last:rounded-r-md'?: undefined;
-                'border-0 border-y border-l last:border-r'?: undefined;
-                'first:ml-0 ml-[-1px]'?: undefined;
-                'border-general-200'?: undefined;
-                'border-danger-500'?: undefined;
-                'focus:outline-none focus:outline-offset-0'?: undefined;
-                'opacity-60 select-none pointer-events-none cursor-default'?: undefined;
-                filled?: undefined;
-            } | {
-                'first:rounded-l-md rounded-none last:rounded-r-md': boolean;
-                'flex-1 w-[1%]'?: undefined;
-                'p-3'?: undefined;
-                'rounded-md'?: undefined;
-                'border-0 border-y border-l last:border-r'?: undefined;
-                'first:ml-0 ml-[-1px]'?: undefined;
-                'border-general-200'?: undefined;
-                'border-danger-500'?: undefined;
-                'focus:outline-none focus:outline-offset-0'?: undefined;
-                'opacity-60 select-none pointer-events-none cursor-default'?: undefined;
-                filled?: undefined;
-            } | {
-                'border-0 border-y border-l last:border-r': boolean;
-                'flex-1 w-[1%]'?: undefined;
-                'p-3'?: undefined;
-                'rounded-md'?: undefined;
-                'first:rounded-l-md rounded-none last:rounded-r-md'?: undefined;
-                'first:ml-0 ml-[-1px]'?: undefined;
-                'border-general-200'?: undefined;
-                'border-danger-500'?: undefined;
-                'focus:outline-none focus:outline-offset-0'?: undefined;
-                'opacity-60 select-none pointer-events-none cursor-default'?: undefined;
-                filled?: undefined;
-            } | {
-                'first:ml-0 ml-[-1px]': boolean;
-                'flex-1 w-[1%]'?: undefined;
-                'p-3'?: undefined;
-                'rounded-md'?: undefined;
-                'first:rounded-l-md rounded-none last:rounded-r-md'?: undefined;
-                'border-0 border-y border-l last:border-r'?: undefined;
-                'border-general-200'?: undefined;
-                'border-danger-500'?: undefined;
-                'focus:outline-none focus:outline-offset-0'?: undefined;
-                'opacity-60 select-none pointer-events-none cursor-default'?: undefined;
-                filled?: undefined;
-            } | {
-                'border-general-200': boolean;
-                'flex-1 w-[1%]'?: undefined;
-                'p-3'?: undefined;
-                'rounded-md'?: undefined;
-                'first:rounded-l-md rounded-none last:rounded-r-md'?: undefined;
-                'border-0 border-y border-l last:border-r'?: undefined;
-                'first:ml-0 ml-[-1px]'?: undefined;
-                'border-danger-500'?: undefined;
-                'focus:outline-none focus:outline-offset-0'?: undefined;
-                'opacity-60 select-none pointer-events-none cursor-default'?: undefined;
-                filled?: undefined;
-            } | {
-                'border-danger-500': any;
-                'flex-1 w-[1%]'?: undefined;
-                'p-3'?: undefined;
-                'rounded-md'?: undefined;
-                'first:rounded-l-md rounded-none last:rounded-r-md'?: undefined;
-                'border-0 border-y border-l last:border-r'?: undefined;
-                'first:ml-0 ml-[-1px]'?: undefined;
-                'border-general-200'?: undefined;
-                'focus:outline-none focus:outline-offset-0'?: undefined;
-                'opacity-60 select-none pointer-events-none cursor-default'?: undefined;
-                filled?: undefined;
-            } | {
-                'focus:outline-none focus:outline-offset-0': boolean;
-                'opacity-60 select-none pointer-events-none cursor-default': any;
-                'flex-1 w-[1%]'?: undefined;
-                'p-3'?: undefined;
-                'rounded-md'?: undefined;
-                'first:rounded-l-md rounded-none last:rounded-r-md'?: undefined;
-                'border-0 border-y border-l last:border-r'?: undefined;
-                'first:ml-0 ml-[-1px]'?: undefined;
-                'border-general-200'?: undefined;
-                'border-danger-500'?: undefined;
-                filled?: undefined;
-            } | {
-                filled: any;
-                'flex-1 w-[1%]'?: undefined;
-                'p-3'?: undefined;
-                'rounded-md'?: undefined;
-                'first:rounded-l-md rounded-none last:rounded-r-md'?: undefined;
-                'border-0 border-y border-l last:border-r'?: undefined;
-                'first:ml-0 ml-[-1px]'?: undefined;
-                'border-general-200'?: undefined;
-                'border-danger-500'?: undefined;
-                'focus:outline-none focus:outline-offset-0'?: undefined;
-                'opacity-60 select-none pointer-events-none cursor-default'?: undefined;
-            })[];
-        };
-        export { root_1 as root };
-    }
-}
+declare const _default: import("@wangs-ui/core/dist/types/themes/preset-definitions").ToRawPreset<import("@wangs-ui/core/dist/types/components/inputotp/inputotp.type").InputOtpPreset, import("@wangs-ui/core/dist/types/components/inputotp/inputotp.type").InputOtpPresetMethodOptions>;
 export default _default;

package/fixedasset/inputotp/index.js

@@ -1,63 +1,60 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
+var core_1 = require("@wangs-ui/core");
+exports.default = (0, core_1.definePreset)('WANGS-INPUT-OTP', {
     root: {
         class: [
             // Alignment
             'flex items-center',
             'gap-[6px]',
+            'w-max',
         ],
     },
-    input: {
-        root: function (_a) {
-            var _b;
-            var props = _a.props, context = _a.context, parent = _a.parent;
-            return ({
-                class: [
-                    // Font
-                    'leading-none font-medium',
-                    // Flex & Alignment
-                    { 'flex-1 w-[1%]': parent.instance.$name == 'InputGroup' },
-                    'text-center',
-                    // Spacing
-                    'm-0',
-                    {
-                        'p-3': props.size == null,
-                    },
-                    // Size
-                    'w-[42px] h-[42px] text-base',
-                    // Shape
-                    { 'rounded-md': parent.instance.$name !== 'InputGroup' },
-                    {
-                        'first:rounded-l-md rounded-none last:rounded-r-md': parent.instance.$name == 'InputGroup',
-                    },
-                    {
-                        'border-0 border-y border-l last:border-r': parent.instance.$name == 'InputGroup',
-                    },
-                    {
-                        'first:ml-0 ml-[-1px]': parent.instance.$name == 'InputGroup' && !props.showButtons,
-                    },
-                    // Colors
-                    'text-general-800',
-                    'placeholder:text-surface-400',
-                    'bg-white',
-                    'border',
-                    { 'border-general-200': !props.invalid },
-                    // Invalid State
-                    { 'border-danger-500': props.invalid },
-                    // States
-                    {
-                        // 'hover:border-primary-500': !context.disabled && !props.invalid,
-                        'focus:outline-none focus:outline-offset-0': !context.disabled,
-                        'opacity-60 select-none pointer-events-none cursor-default': context.disabled,
-                    },
-                    // Filled State *for FloatLabel
-                    { filled: ((_b = parent.instance) === null || _b === void 0 ? void 0 : _b.$name) == 'FloatLabel' && context.filled },
-                    // Misc
-                    'appearance-none',
-                    'transition-colors duration-200',
-                ],
-            });
-        },
+    input: function (_a) {
+        var props = _a.props, context = _a.context, parent = _a.parent;
+        return ({
+            class: [
+                // Font
+                'text-[14px] leading-none font-medium',
+                // Flex & Alignment
+                { 'flex-1 w-[1%]': parent.tagName == 'WANGS-INPUT-GROUP' },
+                'text-center',
+                // Spacing
+                'm-0',
+                // Size
+                'w-[42px] h-[42px]',
+                // Shape
+                { 'rounded-md': parent.tagName !== 'WANGS-INPUT-GROUP' },
+                {
+                    'first:rounded-l-md rounded-none last:rounded-r-md': parent.tagName == 'WANGS-INPUT-GROUP',
+                },
+                {
+                    'border-0 border-y border-l last:border-r': parent.tagName == 'WANGS-INPUT-GROUP',
+                },
+                // Colors
+                'text-general-800 dark:text-general-800',
+                'placeholder:text-surface-400 dark:placeholder:text-surface-500',
+                'bg-white dark:bg-white',
+                {
+                    'ring-1': navigator.userAgent.includes('Firefox'),
+                    'ring-[0.5px]': !navigator.userAgent.includes('Firefox'),
+                },
+                { 'ring-general-200 dark:ring-general-200': !props.invalid },
+                // Invalid State
+                { 'ring-danger-500 dark:ring-danger-500': props.invalid },
+                // States
+                {
+                    'hover:bg-primary-50/30 hover:ring-primary-500 dark:hover:ring-primary-400': !context.disabled && !props.invalid,
+                    'focus:bg-primary-50/30 focus:ring-primary-500 dark:focus:ring-primary-400': !context.disabled && !props.invalid,
+                    'focus:outline-none focus:outline-offset-0': !context.disabled,
+                    'opacity-60 select-none pointer-events-none cursor-default': context.disabled,
+                },
+                // Filled State *for FloatLabel
+                { filled: parent.tagName == 'WANGS-FLOAT-LABEL' && context.filled },
+                // Misc
+                'appearance-none',
+                'transition-colors duration-200',
+            ],
+        });
     },
-};
+});

package/fixedasset/style.css

@@ -1,5 +1,18 @@
 @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
 
+.icon{
+  display: flex;
+  height: 1em;
+  width: 1em;
+  background-color: currentColor;
+  -webkit-mask-image: var(--svg);
+  mask-image: var(--svg);
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+}
+
 .ic-add {
   /* ri-add-line */
   --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z'/%3E%3C/svg%3E");
@@ -883,53 +896,6 @@
   --svg: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22path-1-inside-1_2574_6016%22%20fill%3D%22white%22%3E%3Cpath%20d%3D%22M11.7813%206.55003C11.8994%206.68541%2011.8779%206.89327%2011.7282%206.9926C10.7409%207.64773%209.55387%208.00167%208.33333%207.99999C7.0669%207.99999%205.89478%207.62672%204.93853%206.99246C4.78887%206.89319%204.76731%206.68539%204.88536%206.55004C4.99164%206.42819%205.17341%206.40983%205.30798%206.49947C6.18706%207.08504%207.24525%207.40147%208.33333%207.39994C9.46243%207.39994%2010.507%207.06633%2011.3586%206.49933C11.4932%206.40972%2011.675%206.42816%2011.7813%206.55003ZM10.9539%205.46304C10.971%205.56793%2010.9289%205.67429%2010.8413%205.73447C10.1174%206.23181%209.23807%206.5011%208.33333%206.49985C7.45294%206.49985%206.63549%206.25%205.95923%205.82272C5.80729%205.72672%205.78578%205.51847%205.90397%205.38307C6.01028%205.26129%206.19182%205.24338%206.32857%205.32958C6.91765%205.70091%207.61605%205.90084%208.33333%205.89979C9.11447%205.89979%209.83712%205.66725%2010.4247%205.27305C10.5195%205.20944%2010.6388%205.1914%2010.7457%205.23153L10.7725%205.24157C10.8683%205.27755%2010.9375%205.36203%2010.9539%205.46304ZM9.79268%204.24963C9.88616%204.36863%209.864%204.54253%209.73396%204.61992C9.31793%204.8675%208.83191%205.00035%208.33333%204.9997C7.83841%204.9997%207.37579%204.87143%206.98223%204.64877C6.82582%204.56027%206.8044%204.35137%206.92258%204.21598C7.0289%204.09418%207.21019%204.07744%207.35237%204.1544C7.64843%204.31466%207.98684%204.40014%208.33333%204.39964C8.6701%204.39964%208.98696%204.32042%209.26321%204.18103C9.4385%204.09258%209.65746%204.10728%209.79268%204.24963Z%22%2F%3E%3C%2Fmask%3E%3Cpath%20d%3D%22M11.7813%206.55003C11.8994%206.68541%2011.8779%206.89327%2011.7282%206.9926C10.7409%207.64773%209.55387%208.00167%208.33333%207.99999C7.0669%207.99999%205.89478%207.62672%204.93853%206.99246C4.78887%206.89319%204.76731%206.68539%204.88536%206.55004C4.99164%206.42819%205.17341%206.40983%205.30798%206.49947C6.18706%207.08504%207.24525%207.40147%208.33333%207.39994C9.46243%207.39994%2010.507%207.06633%2011.3586%206.49933C11.4932%206.40972%2011.675%206.42816%2011.7813%206.55003ZM10.9539%205.46304C10.971%205.56793%2010.9289%205.67429%2010.8413%205.73447C10.1174%206.23181%209.23807%206.5011%208.33333%206.49985C7.45294%206.49985%206.63549%206.25%205.95923%205.82272C5.80729%205.72672%205.78578%205.51847%205.90397%205.38307C6.01028%205.26129%206.19182%205.24338%206.32857%205.32958C6.91765%205.70091%207.61605%205.90084%208.33333%205.89979C9.11447%205.89979%209.83712%205.66725%2010.4247%205.27305C10.5195%205.20944%2010.6388%205.1914%2010.7457%205.23153L10.7725%205.24157C10.8683%205.27755%2010.9375%205.36203%2010.9539%205.46304ZM9.79268%204.24963C9.88616%204.36863%209.864%204.54253%209.73396%204.61992C9.31793%204.8675%208.83191%205.00035%208.33333%204.9997C7.83841%204.9997%207.37579%204.87143%206.98223%204.64877C6.82582%204.56027%206.8044%204.35137%206.92258%204.21598C7.0289%204.09418%207.21019%204.07744%207.35237%204.1544C7.64843%204.31466%207.98684%204.40014%208.33333%204.39964C8.6701%204.39964%208.98696%204.32042%209.26321%204.18103C9.4385%204.09258%209.65746%204.10728%209.79268%204.24963Z%22%20fill%3D%22%23201E29%22%2F%3E%3Cpath%20d%3D%22M8.33333%207.99999L8.3347%206.99999H8.33333V7.99999ZM8.33333%207.39994V6.39993L8.33193%206.39994L8.33333%207.39994ZM8.33333%206.49985L8.33472%205.49985H8.33333V6.49985ZM8.33333%205.89979V4.89979L8.33187%204.89979L8.33333%205.89979ZM8.33333%204.9997L8.33465%203.9997H8.33333V4.9997ZM8.33333%204.39964V3.39964L8.3319%203.39964L8.33333%204.39964ZM9.26321%204.18103L9.71369%205.07382L9.26321%204.18103ZM7.35237%204.1544L7.82838%203.27497L7.35237%204.1544ZM6.98223%204.64877L7.47466%203.77841L6.98223%204.64877ZM10.7725%205.24157L10.4209%206.17775L10.7725%205.24157ZM5.95923%205.82272L5.42509%206.66811L5.95923%205.82272ZM10.8413%205.73447L11.4075%206.5587L10.8413%205.73447ZM5.30798%206.49947L4.7536%207.33173L5.30798%206.49947ZM9.73396%204.61992L9.22256%203.76058L9.73396%204.61992ZM4.93853%206.99246L4.38579%207.82581L4.93853%206.99246ZM11.3586%206.49933L11.9128%207.33174L11.3586%206.49933ZM10.4247%205.27305L9.86758%204.44262L10.4247%205.27305ZM11.1753%206.15937C10.3563%206.70284%209.3629%207.0014%208.3347%206.99999L8.33196%208.99999C9.74483%209.00193%2011.1256%208.59262%2012.2811%207.82582L11.1753%206.15937ZM8.33333%206.99999C7.26462%206.99999%206.28457%206.68529%205.49128%206.15911L4.38579%207.82581C5.50498%208.56815%206.86919%208.99999%208.33333%208.99999V6.99999ZM4.7536%207.33173C5.8013%208.02963%207.05377%208.40174%208.33474%208.39993L8.33193%206.39994C7.43673%206.4012%206.57283%206.14046%205.86237%205.66721L4.7536%207.33173ZM8.33333%208.39994C9.6607%208.39994%2010.8979%208.00743%2011.9128%207.33174L10.8045%205.66693C10.1161%206.12522%209.26416%206.39994%208.33333%206.39994V8.39994ZM10.275%204.91024C9.72251%205.28982%209.04218%205.50083%208.33472%205.49985L8.33194%207.49985C9.43396%207.50137%2010.5122%207.1738%2011.4075%206.5587L10.275%204.91024ZM8.33333%205.49985C7.64331%205.49985%207.01087%205.30429%206.49337%204.97732L5.42509%206.66811C6.26011%207.1957%207.26258%207.49985%208.33333%207.49985V5.49985ZM5.79532%206.17554C6.54791%206.64994%207.4324%206.90111%208.3348%206.89979L8.33187%204.89979C7.79971%204.90057%207.2874%204.75189%206.86183%204.48363L5.79532%206.17554ZM8.33333%206.89979C9.31415%206.89979%2010.2305%206.60753%2010.9818%206.10348L9.86758%204.44262C9.44373%204.72698%208.9148%204.89979%208.33333%204.89979V6.89979ZM10.3942%206.16771L10.4209%206.17775L11.124%204.3054L11.0973%204.29536L10.3942%206.16771ZM9.22256%203.76058C8.96449%203.91415%208.65615%204.00012%208.33465%203.9997L8.33202%205.9997C9.00768%206.00059%209.67136%205.82085%2010.2454%205.47927L9.22256%203.76058ZM8.33333%203.9997C8.01218%203.9997%207.71905%203.91668%207.47466%203.77841L6.4898%205.51912C7.03252%205.82618%207.66464%205.9997%208.33333%205.9997V3.9997ZM6.87635%205.03383C7.32113%205.27459%207.82397%205.40037%208.33477%205.39964L8.3319%203.39964C8.14972%203.3999%207.97574%203.35473%207.82838%203.27497L6.87635%205.03383ZM8.33333%205.39964C8.82773%205.39964%209.29877%205.28317%209.71369%205.07382L8.81274%203.28824C8.67516%203.35766%208.51247%203.39964%208.33333%203.39964V5.39964ZM9.71369%205.07382C9.58925%205.1366%209.30326%205.1864%209.06763%204.93833L10.5177%203.56093C10.0117%203.02816%209.28775%203.04856%208.81274%203.28824L9.71369%205.07382ZM7.67594%204.87359C7.41927%205.16762%207.06636%205.13669%206.87635%205.03383L7.82838%203.27497C7.35402%203.0182%206.63852%203.02074%206.16923%203.55836L7.67594%204.87359ZM7.47466%203.77841C7.94776%204.04609%207.91283%204.60221%207.67594%204.87359L6.16923%203.55836C5.69597%204.10052%205.70387%205.07445%206.4898%205.51912L7.47466%203.77841ZM10.4209%206.17775C10.1812%206.08774%2010.008%205.87635%209.96692%205.62364L11.941%205.30244C11.867%204.84772%2011.5553%204.46735%2011.124%204.3054L10.4209%206.17775ZM6.65733%206.04069C6.40781%206.32654%206.0329%206.3253%205.79532%206.17554L6.86183%204.48363C6.35074%204.16146%205.61275%204.19605%205.15061%204.72546L6.65733%206.04069ZM6.49337%204.97732C6.90612%205.23811%206.90593%205.75589%206.65733%206.04069L5.15061%204.72546C4.66564%205.28105%204.70847%206.21533%205.42509%206.66811L6.49337%204.97732ZM11.4075%206.5587C11.8333%206.26618%2012.0164%205.76587%2011.941%205.30244L9.96692%205.62364C9.92564%205.36998%2010.0244%205.08241%2010.275%204.91024L11.4075%206.5587ZM5.63898%207.20736C5.39271%207.4897%205.00814%207.50128%204.7536%207.33173L5.86237%205.66721C5.33869%205.31837%204.59057%205.36668%204.13174%205.89273L5.63898%207.20736ZM10.2454%205.47927C10.9563%205.05619%2010.999%204.16643%2010.5791%203.63189L9.00629%204.86737C8.77335%204.57083%208.7717%204.02888%209.22256%203.76058L10.2454%205.47927ZM5.49128%206.15911C5.87791%206.41556%205.89204%206.91722%205.63898%207.20736L4.13174%205.89273C3.64258%206.45356%203.69982%207.37083%204.38579%207.82581L5.49128%206.15911ZM11.9128%207.33174C11.658%207.50136%2011.2736%207.48933%2011.0277%207.20735L12.5349%205.89272C12.0764%205.36699%2011.3285%205.31807%2010.8045%205.66693L11.9128%207.33174ZM10.9818%206.10348C10.8322%206.20389%2010.6152%206.25068%2010.3942%206.16771L11.0973%204.29536C10.6625%204.13212%2010.2069%204.21499%209.86758%204.44262L10.9818%206.10348ZM12.2811%207.82582C12.9671%207.37061%2013.0239%206.45337%2012.5349%205.89272L11.0277%207.20735C10.7748%206.91746%2010.7886%206.41593%2011.1753%206.15937L12.2811%207.82582Z%22%20fill%3D%22%23201E29%22%20mask%3D%22url(%23path-1-inside-1_2574_6016)%22%2F%3E%3Crect%20x%3D%224.5%22%20y%3D%220.5%22%20width%3D%227.66667%22%20height%3D%222.33333%22%20fill%3D%22%23201E29%22%20stroke%3D%22%23201E29%22%2F%3E%3Cellipse%20cx%3D%228.33366%22%20cy%3D%221.66667%22%20rx%3D%220.666667%22%20ry%3D%220.666667%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M13.333%200H13.6663C14.2186%200%2014.6663%200.447715%2014.6663%201V15.5C14.6663%2015.7761%2014.4425%2016%2014.1663%2016H13.333V0Z%22%20fill%3D%22%23201E29%22%2F%3E%3Cpath%20d%3D%22M3.33301%200H2.99967C2.44739%200%201.99967%200.447715%201.99967%201V15.5C1.99967%2015.7761%202.22353%2016%202.49967%2016H3.33301V0Z%22%20fill%3D%22%23201E29%22%2F%3E%3C%2Fsvg%3E');
 }
 
-.container{
-  width: 100%;
-}
-
-@media (min-width: 640px){
-  .container{
-    max-width: 640px;
-  }
-}
-
-@media (min-width: 768px){
-  .container{
-    max-width: 768px;
-  }
-}
-
-@media (min-width: 1024px){
-  .container{
-    max-width: 1024px;
-  }
-}
-
-@media (min-width: 1280px){
-  .container{
-    max-width: 1280px;
-  }
-}
-
-@media (min-width: 1536px){
-  .container{
-    max-width: 1536px;
-  }
-}
-
-.icon{
-  display: flex;
-  height: 1em;
-  width: 1em;
-  background-color: currentColor;
-  -webkit-mask-image: var(--svg);
-  mask-image: var(--svg);
-  -webkit-mask-repeat: no-repeat;
-  mask-repeat: no-repeat;
-  -webkit-mask-size: 100% 100%;
-  mask-size: 100% 100%;
-}
-
 .\!pointer-events-none{
   pointer-events: none !important;
 }
@@ -1171,6 +1137,10 @@
   margin: 0px;
 }
 
+.m-\[3px\]{
+  margin: 3px;
+}
+
 .\!mx-auto{
   margin-left: auto !important;
   margin-right: auto !important;
@@ -1415,6 +1385,10 @@
   display: inline;
 }
 
+.\!flex{
+  display: flex !important;
+}
+
 .flex{
   display: flex;
 }
@@ -1568,6 +1542,10 @@
   height: 21px;
 }
 
+.h-\[22px\]{
+  height: 22px;
+}
+
 .h-\[26px\]{
   height: 26px;
 }
@@ -1814,6 +1792,10 @@
   width: 18px;
 }
 
+.w-\[1px\]{
+  width: 1px;
+}
+
 .w-\[200px\]{
   width: 200px;
 }
@@ -1822,6 +1804,10 @@
   width: 224px;
 }
 
+.w-\[22px\]{
+  width: 22px;
+}
+
 .w-\[272px\]{
   width: 272px;
 }
@@ -2561,6 +2547,12 @@
   scroll-behavior: smooth;
 }
 
+.truncate{
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .overflow-ellipsis{
   text-overflow: ellipsis;
 }
@@ -5562,6 +5554,14 @@ h6,
   background-color: rgb(229 240 255 / var(--tw-bg-opacity));
 }
 
+.hover\:bg-primary-50\/30:hover{
+  background-color: rgb(229 240 255 / 0.3);
+}
+
+.hover\:bg-primary-50\/50:hover{
+  background-color: rgb(229 240 255 / 0.5);
+}
+
 .hover\:bg-primary-50\/80:hover{
   background-color: rgb(229 240 255 / 0.8);
 }
@@ -5724,6 +5724,11 @@ h6,
   --tw-ring-color: rgb(234 88 12 / var(--tw-ring-opacity));
 }
 
+.hover\:ring-primary-500:hover{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(0 99 247 / var(--tw-ring-opacity));
+}
+
 .hover\:ring-primary-600:hover{
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(0 80 199 / var(--tw-ring-opacity));
@@ -5748,6 +5753,14 @@ h6,
   background-color: rgb(229 240 255 / var(--tw-bg-opacity));
 }
 
+.focus\:bg-primary-50\/30:focus{
+  background-color: rgb(229 240 255 / 0.3);
+}
+
+.focus\:bg-primary-50\/50:focus{
+  background-color: rgb(229 240 255 / 0.5);
+}
+
 .focus\:bg-primary-600:focus{
   --tw-bg-opacity: 1;
   background-color: rgb(0 80 199 / var(--tw-bg-opacity));
@@ -6294,6 +6307,36 @@ h6,
   }
 }
 
+.dark\:bg-white:where(.dark, .dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+}
+
+.dark\:text-general-800:where(.dark, .dark *){
+  --tw-text-opacity: 1;
+  color: rgb(32 30 41 / var(--tw-text-opacity));
+}
+
+.dark\:ring-danger-500:where(.dark, .dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(255 0 34 / var(--tw-ring-opacity));
+}
+
+.dark\:ring-general-200:where(.dark, .dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(181 179 199 / var(--tw-ring-opacity));
+}
+
+.dark\:hover\:ring-primary-400:hover:where(.dark, .dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(46 130 255 / var(--tw-ring-opacity));
+}
+
+.dark\:focus\:ring-primary-400:focus:where(.dark, .dark *){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(46 130 255 / var(--tw-ring-opacity));
+}
+
 .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{
   display: none;
 }

package/fixedasset/tabmenu/index.d.ts

@@ -1,105 +1,2 @@
-declare namespace _default {
-    namespace root {
-        let _class: string;
-        export { _class as class };
-        export let style: string;
-    }
-    namespace menu {
-        let _class_1: string[];
-        export { _class_1 as class };
-    }
-    namespace menuitem {
-        let _class_2: string;
-        export { _class_2 as class };
-    }
-    function action({ context, state }: {
-        context: any;
-        state: any;
-    }): {
-        class: (string | {
-            'rounded-xl py-1 px-3': boolean;
-            'p-2 pb-1.5 pt-0.5 !h-6': boolean;
-            'ml-1': boolean;
-            'border-b-2'?: undefined;
-            'border-primary-500'?: undefined;
-            'border-grayscale-400'?: undefined;
-            'text-grayscale-600'?: undefined;
-            'text-primary-500'?: undefined;
-            'bg-primary-50 text-primary-500'?: undefined;
-            'bg-grayscale-200 text-grayscale-800'?: undefined;
-            'bg-transparent '?: undefined;
-            'focus-visible:border-primary-200 focus-visible:text-primary-400'?: undefined;
-            'pointer-events-none'?: undefined;
-            'opacity-60'?: undefined;
-        } | {
-            'border-b-2': boolean;
-            'rounded-xl py-1 px-3'?: undefined;
-            'p-2 pb-1.5 pt-0.5 !h-6'?: undefined;
-            'ml-1'?: undefined;
-            'border-primary-500'?: undefined;
-            'border-grayscale-400'?: undefined;
-            'text-grayscale-600'?: undefined;
-            'text-primary-500'?: undefined;
-            'bg-primary-50 text-primary-500'?: undefined;
-            'bg-grayscale-200 text-grayscale-800'?: undefined;
-            'bg-transparent '?: undefined;
-            'focus-visible:border-primary-200 focus-visible:text-primary-400'?: undefined;
-            'pointer-events-none'?: undefined;
-            'opacity-60'?: undefined;
-        } | {
-            'border-primary-500': any;
-            'border-grayscale-400': boolean;
-            'text-grayscale-600': boolean;
-            'text-primary-500': any;
-            'bg-primary-50 text-primary-500': any;
-            'bg-grayscale-200 text-grayscale-800': boolean;
-            'bg-transparent ': boolean;
-            'rounded-xl py-1 px-3'?: undefined;
-            'p-2 pb-1.5 pt-0.5 !h-6'?: undefined;
-            'ml-1'?: undefined;
-            'border-b-2'?: undefined;
-            'focus-visible:border-primary-200 focus-visible:text-primary-400'?: undefined;
-            'pointer-events-none'?: undefined;
-            'opacity-60'?: undefined;
-        } | {
-            'focus-visible:border-primary-200 focus-visible:text-primary-400': boolean;
-            'rounded-xl py-1 px-3'?: undefined;
-            'p-2 pb-1.5 pt-0.5 !h-6'?: undefined;
-            'ml-1'?: undefined;
-            'border-b-2'?: undefined;
-            'border-primary-500'?: undefined;
-            'border-grayscale-400'?: undefined;
-            'text-grayscale-600'?: undefined;
-            'text-primary-500'?: undefined;
-            'bg-primary-50 text-primary-500'?: undefined;
-            'bg-grayscale-200 text-grayscale-800'?: undefined;
-            'bg-transparent '?: undefined;
-            'pointer-events-none'?: undefined;
-            'opacity-60'?: undefined;
-        } | {
-            'pointer-events-none': any;
-            'opacity-60': any;
-            'rounded-xl py-1 px-3'?: undefined;
-            'p-2 pb-1.5 pt-0.5 !h-6'?: undefined;
-            'ml-1'?: undefined;
-            'border-b-2'?: undefined;
-            'border-primary-500'?: undefined;
-            'border-grayscale-400'?: undefined;
-            'text-grayscale-600'?: undefined;
-            'text-primary-500'?: undefined;
-            'bg-primary-50 text-primary-500'?: undefined;
-            'bg-grayscale-200 text-grayscale-800'?: undefined;
-            'bg-transparent '?: undefined;
-            'focus-visible:border-primary-200 focus-visible:text-primary-400'?: undefined;
-        })[];
-    };
-    namespace icon {
-        let _class_3: string;
-        export { _class_3 as class };
-    }
-    namespace inkbar {
-        let _class_4: string;
-        export { _class_4 as class };
-    }
-}
+declare const _default: import("@wangs-ui/core/dist/types/themes/preset-definitions").ToRawPreset<import("@wangs-ui/core/dist/types/components/tabmenu/tabmenu.type").TabMenuPreset, import("@wangs-ui/core/dist/types/components/tabmenu/tabmenu.type").TabMenuPresetMethodOptions> | import("@wangs-ui/core/dist/types/themes/preset-definitions").ToRawPreset<import("@wangs-ui/core/dist/types/components/inputotp/inputotp.type").InputOtpPreset, import("@wangs-ui/core/dist/types/components/inputotp/inputotp.type").InputOtpPresetMethodOptions>;
 export default _default;

package/fixedasset/tabmenu/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
+var core_1 = require("@wangs-ui/core");
+exports.default = (0, core_1.definePreset)('WANGS-TABMENU', {
     root: {
         class: 'overflow-x-auto',
         style: 'scrollbar-width: none',
@@ -21,7 +22,7 @@ exports.default = {
     },
     action: function (_a) {
         var _b, _c;
-        var context = _a.context, state = _a.state;
+        var context = _a.context, props = _a.props;
         return ({
             class: [
                 'relative',
@@ -32,28 +33,28 @@ exports.default = {
                 'flex items-center',
                 // Spacing
                 {
-                    'rounded-xl py-1 px-3': context.type === 'pill',
-                    'p-2 pb-1.5 pt-0.5 !h-6': context.type !== 'pill',
-                    'ml-1': context.type === 'pill' && context.index !== 0,
+                    'rounded-xl py-1 px-3': props.type === 'pill',
+                    'p-2 pb-1.5 pt-0.5 !h-6': props.type !== 'pill',
+                    'ml-1': props.type === 'pill' && context.index !== 0,
                 },
                 // Shape
                 {
-                    'border-b-2': context.type !== 'pill',
+                    'border-b-2': props.type !== 'pill',
                 },
                 // Colors and Conditions
                 {
-                    'border-primary-500': state.active,
-                    'border-grayscale-400': !state.active,
-                    'text-grayscale-600': !state.active,
-                    'text-primary-500': state.active,
-                    'bg-primary-50 text-primary-500': context.type === 'pill' && state.active,
-                    'bg-grayscale-200 text-grayscale-800': context.type === 'pill' && !state.active,
-                    'bg-transparent ': context.type !== 'pill' && !state.active,
+                    'border-primary-500': context.active,
+                    'border-grayscale-400': !context.active,
+                    'text-grayscale-600': !context.active,
+                    'text-primary-500': context.active,
+                    'bg-primary-50 text-primary-500': props.type === 'pill' && context.active,
+                    'bg-grayscale-200 text-grayscale-800': props.type === 'pill' && !context.active,
+                    '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': !state.active,
+                    'focus-visible:border-primary-200 focus-visible:text-primary-400': !context.active,
                 },
                 // Disabled States
                 {
@@ -74,7 +75,13 @@ exports.default = {
     icon: {
         class: 'mr-2',
     },
-    inkbar: {
-        class: 'grow border-b-2 border-primary-100',
+    inkbar: function (_a) {
+        var props = _a.props;
+        return ({
+            class: [
+                'grow border-b-2 border-primary-100',
+                { hidden: props.type === 'pill' || props.useTrailingLine === false },
+            ],
+        });
     },
-};
+});