@fewangsit/wangsvue-presets 1.0.99-alpha.8 → 1.0.99-rc.1

package/supplyasset/style.css

@@ -1,18 +1,5 @@
 @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");
@@ -920,6 +907,53 @@
   --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M15.199 9.944a2.6 2.6 0 0 1-.79-1.55l-.403-3.083l-2.731 1.486a2.6 2.6 0 0 1-1.719.272L6.5 6.5l.57 3.056a2.6 2.6 0 0 1-.273 1.72l-1.486 2.73l3.083.403a2.6 2.6 0 0 1 1.55.79l2.138 2.257l1.336-2.807a2.6 2.6 0 0 1 1.23-1.231l2.808-1.336zm.025 5.564l-2.213 4.65a.6.6 0 0 1-.977.155l-3.542-3.739a.6.6 0 0 0-.358-.182l-5.106-.668a.6.6 0 0 1-.45-.881l2.462-4.524a.6.6 0 0 0 .063-.396L4.16 4.86a.6.6 0 0 1 .7-.7l5.062.943a.6.6 0 0 0 .397-.063l4.523-2.46a.6.6 0 0 1 .882.448l.668 5.107a.6.6 0 0 0 .182.357l3.739 3.542a.6.6 0 0 1-.155.977l-4.65 2.213a.6.6 0 0 0-.284.284m.797 1.927l1.414-1.414l4.243 4.242l-1.415 1.415z'/%3E%3C/svg%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;
 }
@@ -1157,18 +1191,10 @@
   margin: 0px !important;
 }
 
-.\!m-\[2px\]{
-  margin: 2px !important;
-}
-
 .m-0{
   margin: 0px;
 }
 
-.m-\[3px\]{
-  margin: 3px;
-}
-
 .\!mx-auto{
   margin-left: auto !important;
   margin-right: auto !important;
@@ -1413,10 +1439,6 @@
   display: inline;
 }
 
-.\!flex{
-  display: flex !important;
-}
-
 .flex{
   display: flex;
 }
@@ -1461,10 +1483,6 @@
   height: 10px !important;
 }
 
-.\!h-\[26px\]{
-  height: 26px !important;
-}
-
 .\!h-\[28px\]{
   height: 28px !important;
 }
@@ -1574,10 +1592,6 @@
   height: 21px;
 }
 
-.h-\[22px\]{
-  height: 22px;
-}
-
 .h-\[26px\]{
   height: 26px;
 }
@@ -1824,10 +1838,6 @@
   width: 18px;
 }
 
-.w-\[1px\]{
-  width: 1px;
-}
-
 .w-\[200px\]{
   width: 200px;
 }
@@ -1836,10 +1846,6 @@
   width: 224px;
 }
 
-.w-\[22px\]{
-  width: 22px;
-}
-
 .w-\[272px\]{
   width: 272px;
 }
@@ -2547,10 +2553,6 @@
   overflow: hidden;
 }
 
-.overflow-visible{
-  overflow: visible;
-}
-
 .overflow-scroll{
   overflow: scroll;
 }
@@ -2571,10 +2573,6 @@
   overflow-y: hidden;
 }
 
-.overflow-x-visible{
-  overflow-x: visible;
-}
-
 .overscroll-auto{
   overscroll-behavior: auto;
 }
@@ -2587,12 +2585,6 @@
   scroll-behavior: smooth;
 }
 
-.truncate{
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
 .overflow-ellipsis{
   text-overflow: ellipsis;
 }
@@ -4385,12 +4377,6 @@
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-.shadow-\[-2px_2px_2px_rgba\(0\2c 0\2c 0\2c 0\.25\)\]{
-  --tw-shadow: -2px 2px 2px rgba(0,0,0,0.25);
-  --tw-shadow-colored: -2px 2px 2px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
 .shadow-\[-4px_4px_20px_0px_\#0000001A\]{
   --tw-shadow: -4px 4px 20px 0px #0000001A;
   --tw-shadow-colored: -4px 4px 20px 0px var(--tw-shadow-color);
@@ -5651,14 +5637,6 @@ div{
   background-color: rgb(236 253 245 / var(--tw-bg-opacity));
 }
 
-.hover\:bg-primary-50\/30:hover{
-  background-color: rgb(236 253 245 / 0.3);
-}
-
-.hover\:bg-primary-50\/50:hover{
-  background-color: rgb(236 253 245 / 0.5);
-}
-
 .hover\:bg-primary-50\/80:hover{
   background-color: rgb(236 253 245 / 0.8);
 }
@@ -5821,11 +5799,6 @@ div{
   --tw-ring-color: rgb(234 88 12 / var(--tw-ring-opacity));
 }
 
-.hover\:ring-primary-500:hover{
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity));
-}
-
 .hover\:ring-primary-600:hover{
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(5 150 105 / var(--tw-ring-opacity));
@@ -5850,14 +5823,6 @@ div{
   background-color: rgb(236 253 245 / var(--tw-bg-opacity));
 }
 
-.focus\:bg-primary-50\/30:focus{
-  background-color: rgb(236 253 245 / 0.3);
-}
-
-.focus\:bg-primary-50\/50:focus{
-  background-color: rgb(236 253 245 / 0.5);
-}
-
 .focus\:bg-primary-600:focus{
   --tw-bg-opacity: 1;
   background-color: rgb(5 150 105 / var(--tw-bg-opacity));
@@ -6245,36 +6210,6 @@ div{
   backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
 }
 
-.dark\:bg-white:is(.dark *){
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
-}
-
-.dark\:text-general-800:is(.dark *){
-  --tw-text-opacity: 1;
-  color: rgb(32 30 41 / var(--tw-text-opacity));
-}
-
-.dark\:ring-danger-500:is(.dark *){
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(255 0 34 / var(--tw-ring-opacity));
-}
-
-.dark\:ring-general-200:is(.dark *){
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(181 179 199 / var(--tw-ring-opacity));
-}
-
-.dark\:hover\:ring-primary-400:hover:is(.dark *){
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(52 211 153 / var(--tw-ring-opacity));
-}
-
-.dark\:focus\:ring-primary-400:focus:is(.dark *){
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(52 211 153 / var(--tw-ring-opacity));
-}
-
 @media (min-width: 576px){
   .min-\[576px\]\:pr-32{
     padding-right: 8rem;
@@ -6527,14 +6462,6 @@ div{
   width: 100%;
 }
 
-.\[\&\>\.icon\]\:\!h-4>.icon{
-  height: 1rem !important;
-}
-
-.\[\&\>\.icon\]\:\!w-4>.icon{
-  width: 1rem !important;
-}
-
 .\[\&\>\[data-pc-name\=badge\]\]\:h-4>[data-pc-name=badge]{
   height: 1rem;
 }

package/supplyasset/tabmenu/index.d.ts

@@ -1,2 +1,105 @@
-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>;
+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-700'?: undefined;
+            'border-grayscale-400'?: undefined;
+            'text-grayscale-600'?: undefined;
+            'text-primary-700'?: undefined;
+            'bg-primary-50 text-primary-700'?: 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-700'?: undefined;
+            'border-grayscale-400'?: undefined;
+            'text-grayscale-600'?: undefined;
+            'text-primary-700'?: undefined;
+            'bg-primary-50 text-primary-700'?: 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-700': any;
+            'border-grayscale-400': boolean;
+            'text-grayscale-600': boolean;
+            'text-primary-700': any;
+            'bg-primary-50 text-primary-700': 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-700'?: undefined;
+            'border-grayscale-400'?: undefined;
+            'text-grayscale-600'?: undefined;
+            'text-primary-700'?: undefined;
+            'bg-primary-50 text-primary-700'?: 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-700'?: undefined;
+            'border-grayscale-400'?: undefined;
+            'text-grayscale-600'?: undefined;
+            'text-primary-700'?: undefined;
+            'bg-primary-50 text-primary-700'?: 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 };
+    }
+}
 export default _default;

package/supplyasset/tabmenu/index.js

@@ -1,33 +1,27 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var core_1 = require("@wangs-ui/core");
-exports.default = (0, core_1.definePreset)('WANGS-TAB-MENU', {
+exports.default = {
     root: {
         class: 'overflow-x-auto',
+        style: 'scrollbar-width: none',
     },
-    menu: function (_a) {
-        var props = _a.props;
-        return ({
-            class: [
-                // Flexbox
-                'flex flex-1',
-                // Spacing
-                'list-none',
-                'p-0 m-0',
-                // Colors
-                'text-general-100',
-                {
-                    'w-max ring-1 ring-inset ring-general-100 rounded !m-[2px]': props.type === 'segmented',
-                },
-            ],
-        });
+    menu: {
+        class: [
+            // Flexbox
+            'flex flex-1',
+            // Spacing
+            'list-none',
+            'p-0 m-0',
+            // Colors
+            'text-general-100',
+        ],
     },
     menuitem: {
         class: 'mr-0',
     },
     action: function (_a) {
         var _b, _c;
-        var props = _a.props, context = _a.context;
+        var context = _a.context, state = _a.state;
         return ({
             class: [
                 'relative',
@@ -38,34 +32,28 @@ exports.default = (0, core_1.definePreset)('WANGS-TAB-MENU', {
                 'flex items-center',
                 // Spacing
                 {
-                    'rounded-xl py-1 px-3': props.type === 'pill',
-                    'rounded': props.type === 'segmented',
-                    'p-2 pb-1.5 pt-0.5 !h-6': props.type === 'tab',
-                    'py-[5px] px-3 !h-[26px]': props.type === 'segmented',
-                    'ml-1': props.type === 'pill' && context.index !== 0,
-                    'gap-1': context.item.icon,
+                    '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,
                 },
                 // Shape
                 {
-                    'border-b-2': props.type === 'tab',
+                    'border-b-2': context.type !== 'pill',
                 },
                 // Colors and Conditions
                 {
-                    'border-primary-700': context.active,
-                    'border-grayscale-400': !context.active,
-                    'text-grayscale-600': !context.active && props.type === 'tab',
-                    'text-primary-700': context.active && props.type === 'tab',
-                    'bg-primary-700 text-white': props.type === 'pill' && context.active,
-                    'bg-grayscale-100 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-700': state.active,
+                    'border-grayscale-400': !state.active,
+                    'text-grayscale-600': !state.active,
+                    'text-primary-700': state.active,
+                    'bg-primary-50 text-primary-700': context.type === 'pill' && state.active,
+                    'bg-grayscale-200 text-grayscale-800': context.type === 'pill' && !state.active,
+                    'bg-transparent ': context.type !== 'pill' && !state.active,
                 },
                 // States
-                { 'hover:bg-primary-50': props.type === 'tab' },
                 '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 focus-visible:text-primary-400': !state.active,
                 },
                 // Disabled States
                 {
@@ -86,17 +74,7 @@ exports.default = (0, core_1.definePreset)('WANGS-TAB-MENU', {
     icon: {
         class: 'mr-2',
     },
-    inkbar: function (_a) {
-        var props = _a.props;
-        return ({
-            class: [
-                'grow border-b-2 border-grayscale-400',
-                {
-                    hidden: props.type === 'pill' ||
-                        props.useTrailingLine === false ||
-                        props.type === 'segmented',
-                },
-            ],
-        });
+    inkbar: {
+        class: 'grow border-b-2 border-grayscale-400',
     },
-});
+};

package/supplyasset/timeline/index.d.ts

@@ -38,28 +38,6 @@ declare namespace _default {
         })[];
         'data-wv-section': string;
     };
-    function markerDot(item: any): {
-        class: (string | {
-            '!flex': any;
-        })[];
-        'data-wv-section': string;
-    };
-    namespace contentHeader {
-        let _class_1: string[];
-        export { _class_1 as class };
-    }
-    namespace contentDetailKey {
-        let _class_2: string[];
-        export { _class_2 as class };
-    }
-    namespace contentDetailValue {
-        let _class_3: string[];
-        export { _class_3 as class };
-    }
-    namespace contentDate {
-        let _class_4: string[];
-        export { _class_4 as class };
-    }
     function connector({ props }: {
         props: any;
     }): {

package/supplyasset/timeline/index.js

@@ -68,25 +68,6 @@ exports.default = {
         ],
         'data-wv-section': 'markerArrow',
     }); },
-    markerDot: function (item) { return ({
-        'class': [
-            'hidden w-[6px] h-[6px] m-[3px] rounded-full bg-black',
-            { '!flex': !item.detail || isEmptyObject(item.detail) },
-        ],
-        'data-wv-section': 'markerDot',
-    }); },
-    contentHeader: {
-        class: ['leading-5 cursor-pointer truncate !text-xs !font-bold'],
-    },
-    contentDetailKey: {
-        class: ['text-general-400 whitespace-nowrap'],
-    },
-    contentDetailValue: {
-        class: ['text-xs text-general-800'],
-    },
-    contentDate: {
-        class: ['text-xs font-medium'],
-    },
     connector: function (_a) {
         var props = _a.props;
         return ({

package/wangsvue/buttonbulkaction/index.d.ts

@@ -1,5 +1,4 @@
-export default button;
-declare namespace button {
+declare namespace _default {
     let root: {
         class: string;
         'data-wv-name': string;
@@ -30,3 +29,4 @@ declare namespace button {
         'data-wv-section': string;
     };
 }
+export default _default;

package/wangsvue/buttonbulkaction/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var button = {
+exports.default = {
     root: {
         'class': 'flex gap-2 items-center',
         'data-wv-name': 'buttonbulkaction',
@@ -33,4 +33,3 @@ var button = {
         'data-wv-section': 'buttonclearselection',
     },
 };
-exports.default = button;

package/wangsvue/buttonradio/index.d.ts

@@ -14,9 +14,8 @@ declare namespace _default {
         'data-wv-name': string;
         'data-wv-section': string;
     };
-    function box({ props, state }: {
+    function box({ props }: {
         props: any;
-        state: any;
     }): {
         class: (string | {
             'bg-grayscale-900': boolean;

package/wangsvue/buttonradio/index.js

@@ -31,7 +31,7 @@ exports.default = {
         });
     },
     box: function (_a) {
-        var props = _a.props, state = _a.state;
+        var props = _a.props;
         return ({
             class: [
                 // Size
@@ -47,8 +47,12 @@ exports.default = {
                 'transition duration-200 ease-in-out',
                 // Colors
                 {
-                    'bg-grayscale-900': state.checked && props.value !== undefined && !props.disabled,
-                    'bg-general-300': state.checked && props.value !== undefined && props.disabled,
+                    'bg-grayscale-900': props.value == props.modelValue &&
+                        props.value !== undefined &&
+                        !props.disabled,
+                    'bg-general-300': props.value == props.modelValue &&
+                        props.value !== undefined &&
+                        props.disabled,
                 },
                 // States
                 {

package/wangsvue/fieldwrapper/index.d.ts

@@ -4,13 +4,10 @@ declare namespace _default {
         'data-wv-name': string;
         'data-wv-section': string;
     };
-    function label({ props, slots }: {
+    function label({ props }: {
         props: any;
-        slots: any;
     }): {
-        class: (any[] | {
-            'w-full': any;
-        })[];
+        class: any[][];
         'data-wv-section': string;
     };
     namespace info {

package/wangsvue/fieldwrapper/index.js

@@ -9,13 +9,10 @@ exports.default = {
         'data-wv-section': 'root',
     },
     label: function (_a) {
-        var props = _a.props, slots = _a.slots;
+        var props = _a.props;
         return ({
             'class': [
                 ['text-general-900 text-xs flex gap-[2px] font-normal', props.labelClass],
-                {
-                    'w-full': slots['label-addon']
-                }
             ],
             'data-wv-section': 'fieldlabel',
         });

package/wangsvue/index.d.ts

@@ -173,7 +173,7 @@ import tieredmenu from './tieredmenu/index.js';
 import panelmenu from './panelmenu/index.js';
 import megamenu from './megamenu/index.js';
 import dock from './dock/index.js';
-import tabmenu from './tabmenu';
+import tabmenu from './tabmenu/index.js';
 import dialog from './dialog/index.js';
 import dialogconfirm from './dialogconfirm/index.js';
 import dialogform from './dialogform/index.js';