eco-vue-js 0.10.34 → 0.10.35

package/dist/components/Button/WButtonDropdown.vue.d.ts

@@ -16,14 +16,14 @@ declare function __VLS_template(): {
         }) => VNode[];
     };
     refs: {};
-    rootEl: HTMLDivElement;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<ButtonDropdownProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ButtonDropdownProps> & Readonly<{}>, {
     maxHeight: number;
     maxWidth: number;
     horizontalAlign: HorizontalAlign;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/Button/WButtonDropdown.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WButtonDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonDropdown.vue"],"names":[],"mappings":"AAsEA;AA2GA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAA;AAEhD,OAAO,EAAC,KAAK,KAAK,EAAM,MAAM,KAAK,CAAA;AAQnC,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AAgBvD,QAAA,MAAM,KAAK,YAEV,CAAA;AAcD,iBAAS,cAAc;WA8KT,OAAO,IAA6B;;iBAzLvC,MAAM,KAAK,EAAE;kBACZ,CAAC,KAAK,EAAE;YAAC,KAAK,EAAE,OAAO,KAAK,CAAA;SAAC,KAAK,KAAK,EAAE;;iBAD1C,MAAM,KAAK,EAAE;kBACZ,CAAC,KAAK,EAAE;YAAC,KAAK,EAAE,OAAO,KAAK,CAAA;SAAC,KAAK,KAAK,EAAE;;;;EA6LpD;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;wFAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WButtonDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonDropdown.vue"],"names":[],"mappings":"AAsEA;AA2GA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAA;AAEhD,OAAO,EAAC,KAAK,KAAK,EAAM,MAAM,KAAK,CAAA;AAQnC,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AAgBvD,QAAA,MAAM,KAAK,YAEV,CAAA;AAcD,iBAAS,cAAc;WA8KT,OAAO,IAA6B;;iBAzLvC,MAAM,KAAK,EAAE;kBACZ,CAAC,KAAK,EAAE;YAAC,KAAK,EAAE,OAAO,KAAK,CAAA;SAAC,KAAK,KAAK,EAAE;;iBAD1C,MAAM,KAAK,EAAE;kBACZ,CAAC,KAAK,EAAE;YAAC,KAAK,EAAE,OAAO,KAAK,CAAA;SAAC,KAAK,KAAK,EAAE;;;;EA6LpD;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;6EAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Button/WButtonGroup.vue.js

@@ -37,6 +37,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     filterField: {},
     filterValue: {},
     subgrid: { type: Boolean },
+    seamless: { type: Boolean },
     loading: { type: Boolean },
     download: {},
     to: {}

package/dist/components/Checkbox/WCheckboxGroup.vue.js

@@ -38,6 +38,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     filterField: {},
     filterValue: {},
     subgrid: { type: Boolean },
+    seamless: { type: Boolean },
     radio: { type: Boolean },
     loading: { type: Boolean },
     alignTop: { type: Boolean }

package/dist/components/DropdownMenu/WDropdownMenu.vue.d.ts

@@ -2,9 +2,6 @@ import { DropdownMenuProps } from './types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        toggle?(_: {
-            unclickable: boolean;
-        }): any;
         content?(_: {
             left: string;
             right: string;
@@ -16,7 +13,7 @@ declare function __VLS_template(): {
         }): any;
     };
     refs: {
-        container: HTMLDivElement;
+        container: any;
         dropdown: ({
             $: import('vue').ComponentInternalInstance;
             $data: {};
@@ -89,7 +86,7 @@ declare function __VLS_template(): {
             };
         }) | null;
     };
-    rootEl: HTMLDivElement;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<DropdownMenuProps, {
@@ -99,7 +96,7 @@ declare const __VLS_component: import('vue').DefineComponent<DropdownMenuProps,
 }, string, import('vue').PublicProps, Readonly<DropdownMenuProps> & Readonly<{
     "onUpdate:rect"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    container: HTMLDivElement;
+    container: any;
     dropdown: ({
         $: import('vue').ComponentInternalInstance;
         $data: {};
@@ -171,7 +168,7 @@ declare const __VLS_component: import('vue').DefineComponent<DropdownMenuProps,
             }): any;
         };
     }) | null;
-}, HTMLDivElement>;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/DropdownMenu/WDropdownMenu.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WDropdownMenu.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownMenu/WDropdownMenu.vue"],"names":[],"mappings":"AAqCA;AA8DA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AA8B9C,iBAAS,cAAc;WAmGT,OAAO,IAA6B;;;;YAbtB,GAAG;;;;;;;;;YACD,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAqDuglB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;EApC7plB;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAyBmhlB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;kBAf5plB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WDropdownMenu.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownMenu/WDropdownMenu.vue"],"names":[],"mappings":"AAoCA;AAAA,OA+DO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAgC9C,iBAAS,cAAc;WAuGT,OAAO,IAA6B;;;;;;;;;;YAbpB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAsDujkB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;EApC7skB;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAwBmkkB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;OAf5skB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/DropdownMenu/WDropdownMenu.vue.js

@@ -1,7 +1,6 @@
-import { defineComponent, useTemplateRef, createElementBlock, openBlock, renderSlot, createBlock, Teleport, createCommentVNode, unref, normalizeStyle, normalizeClass, withCtx, normalizeProps, guardReactiveProps } from 'vue';
+import { defineComponent, useTemplateRef, computed, createElementBlock, openBlock, Fragment, createBlock, resolveDynamicComponent, mergeProps, Teleport, createCommentVNode, normalizeStyle, normalizeClass, withCtx, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
 import _sfc_main$1 from '../Dropdown/WDropdown.vue.js';
 
-const _hoisted_1 = { ref: "container" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WDropdownMenu",
   props: {
@@ -20,22 +19,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose }) {
     const containerRef = useTemplateRef("container");
     const dropdownRef = useTemplateRef("dropdown");
+    const element = computed(() => containerRef.value instanceof HTMLElement ? containerRef.value : containerRef.value?.$el);
     __expose({
       updateDropdown: () => {
         dropdownRef.value?.update();
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        renderSlot(_ctx.$slots, "toggle", { unclickable: false }),
+      return openBlock(), createElementBlock(Fragment, null, [
+        (openBlock(), createBlock(resolveDynamicComponent(_ctx.$slots.toggle?.()?.[0]), mergeProps({ ref: "container" }, _ctx.$attrs), null, 16)),
         (openBlock(), createBlock(Teleport, {
           to: "body",
           disabled: !_ctx.teleport || !_ctx.isOpen
         }, [
-          unref(containerRef) && _ctx.isOpen ? (openBlock(), createBlock(_sfc_main$1, {
+          (_ctx.parentElement || element.value) && _ctx.isOpen ? (openBlock(), createBlock(_sfc_main$1, {
             key: 0,
             ref: "dropdown",
-            "parent-element": _ctx.parentElement ?? unref(containerRef),
+            "parent-element": _ctx.parentElement ?? element.value,
             "horizontal-align": _ctx.horizontalAlign,
             "update-align": _ctx.updateAlign,
             "max-height": _ctx.maxHeight,
@@ -54,7 +54,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _: 3
           }, 8, ["parent-element", "horizontal-align", "update-align", "max-height", "max-width", "emit-update", "class", "style"])) : createCommentVNode("", true)
         ], 8, ["disabled"]))
-      ], 512);
+      ], 64);
     };
   }
 });

package/dist/components/FieldWrapper/WFieldWrapper.vue.d.ts

@@ -17,16 +17,20 @@ declare function __VLS_template(): {
         right?(_: {}): any;
     };
     refs: {
+        field: HTMLDivElement;
         rightContainer: HTMLDivElement;
     };
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<FieldWrapperProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+declare const __VLS_component: import('vue').DefineComponent<FieldWrapperProps, {
+    fieldRef: Readonly<import('vue').ShallowRef<HTMLDivElement | null>>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     click: (value: MouseEvent) => any;
 }, string, import('vue').PublicProps, Readonly<FieldWrapperProps> & Readonly<{
     onClick?: ((value: MouseEvent) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    field: HTMLDivElement;
     rightContainer: HTMLDivElement;
 }, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/components/FieldWrapper/WFieldWrapper.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WFieldWrapper.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/FieldWrapper/WFieldWrapper.vue"],"names":[],"mappings":"AAgLA;AAuNA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAuC9C,iBAAS,cAAc;WAuRT,OAAO,IAA6B;;uBAfvB,GAAG;0BACC,GAAG;;;gCA/QP,OAAO,KAAG,IAAI;;YAgRb,GAAG;;;gCAhRJ,OAAO,KAAG,IAAI;;YAiRX,GAAG;uBACL,GAAG;;;;;;EAgB9B;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;OAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WFieldWrapper.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/FieldWrapper/WFieldWrapper.vue"],"names":[],"mappings":"AAiLA;AA8NA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAgD9C,iBAAS,cAAc;WA2RT,OAAO,IAA6B;;uBAhBvB,GAAG;0BACC,GAAG;;;gCAzRP,OAAO,KAAG,IAAI;;YA0Rb,GAAG;;;gCA1RJ,OAAO,KAAG,IAAI;;YA2RX,GAAG;uBACL,GAAG;;;;;;;EAiB9B;AAmBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;OASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/FieldWrapper/WFieldWrapper.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, useId, ref, computed, createElementBlock, openBlock, mergeProps, createCommentVNode, renderSlot, createElementVNode, createBlock, normalizeClass, unref, Fragment, createVNode, createTextVNode, resolveDynamicComponent, toDisplayString, Transition, withCtx, normalizeProps, guardReactiveProps } from 'vue';
+import { defineComponent, useId, useTemplateRef, ref, computed, createElementBlock, openBlock, mergeProps, createCommentVNode, renderSlot, createElementVNode, createBlock, normalizeClass, unref, readonly, Fragment, createVNode, createTextVNode, resolveDynamicComponent, toDisplayString, Transition, withCtx, normalizeProps, guardReactiveProps } from 'vue';
 import _sfc_main$2 from '../Button/WButtonCopy.vue.js';
 import WSkeleton from '../Skeleton/WSkeleton.vue.js';
 import _sfc_main$3 from '../Tooltip/WTooltip.vue.js';
@@ -48,12 +48,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     leftError: { type: Boolean },
     filterField: {},
     filterValue: {},
-    subgrid: { type: Boolean }
+    subgrid: { type: Boolean },
+    seamless: { type: Boolean }
   },
   emits: ["click"],
-  setup(__props) {
+  setup(__props, { expose: __expose }) {
     const props = __props;
     const id = useId();
+    const fieldRef = useTemplateRef("field");
     const focused = ref(false);
     const encodedQueryParam = computed(() => {
       if (props.filterField === void 0) return void 0;
@@ -62,8 +64,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const setFocused = (value) => {
       focused.value = value;
     };
+    __expose({
+      fieldRef
+    });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", mergeProps({ class: "relative" }, { class: _ctx.$attrs.class, style: _ctx.$attrs.style }, {
+      return openBlock(), createElementBlock("div", mergeProps({ class: "group/field relative" }, { class: _ctx.$attrs.class, style: _ctx.$attrs.style }, {
         class: {
           "mb-[1.125rem] mt-1": !_ctx.noMargin && !_ctx.subgrid,
           "col-span-full grid grid-cols-subgrid": _ctx.subgrid
@@ -74,7 +79,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           key: 0,
           for: unref(id),
           class: normalizeClass(["text-accent relative block pr-6 text-xs font-semibold leading-loose", {
-            "cursor-not-allowed opacity-50": _ctx.disabled && !_ctx.readonly && !_ctx.skeleton,
+            "cursor-not-allowed opacity-50": _ctx.disabled && !readonly && !_ctx.skeleton,
             "col-start-1": _ctx.subgrid
           }])
         }, [
@@ -107,6 +112,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ], 10, _hoisted_1)) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "subtitle"),
         createElementVNode("div", {
+          ref: "field",
           class: normalizeClass(["grid", {
             "pr-9": !_ctx.title && !_ctx.$slots.title && _ctx.filterField,
             "col-start-2 -col-end-1 row-start-1 -row-end-3 grid-cols-subgrid": _ctx.subgrid,
@@ -184,7 +190,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         _ctx.description ? (openBlock(), createElementBlock("div", {
           key: 1,
           class: normalizeClass(["text-description col-start-1 whitespace-pre-wrap text-pretty break-words text-xs font-normal", {
-            "opacity-50": _ctx.disabled && !_ctx.readonly && !_ctx.skeleton,
+            "opacity-50": _ctx.disabled && !readonly && !_ctx.skeleton,
             "pt-4": !_ctx.subgrid
           }])
         }, [
@@ -192,7 +198,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createTextVNode(toDisplayString(_ctx.description), 1)
           ], 64))
         ], 2)) : createCommentVNode("", true),
-        _ctx.tooltipText && !_ctx.skeleton && !_ctx.readonly ? (openBlock(), createBlock(_sfc_main$3, {
+        _ctx.tooltipText && !_ctx.skeleton && !readonly ? (openBlock(), createBlock(_sfc_main$3, {
           key: 2,
           text: _ctx.tooltipText
         }, null, 8, ["text"])) : createCommentVNode("", true)

package/dist/components/FieldWrapper/types.d.ts

@@ -20,5 +20,6 @@ export interface FieldWrapperProps {
     filterField?: string;
     filterValue?: unknown;
     subgrid?: boolean;
+    seamless?: boolean;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/components/FieldWrapper/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/FieldWrapper/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAA;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,YAAY,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/FieldWrapper/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAA;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,YAAY,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB"}

package/dist/components/FormAsync/WFormAsyncButtonGroup.vue.js

@@ -33,6 +33,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     filterField: {},
     filterValue: {},
     subgrid: { type: Boolean },
+    seamless: { type: Boolean },
     loading: { type: Boolean },
     download: {},
     to: {},

package/dist/components/FormAsync/WFormAsyncCheckboxGroup.vue.js

@@ -36,6 +36,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     filterField: {},
     filterValue: {},
     subgrid: { type: Boolean },
+    seamless: { type: Boolean },
     radio: { type: Boolean },
     loading: { type: Boolean },
     alignTop: { type: Boolean },

package/dist/components/FormAsync/WFormAsyncInput.vue.js

@@ -23,7 +23,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     autocomplete: {},
     autofocus: { type: Boolean },
     readonly: { type: Boolean },
-    unclickable: { type: Boolean },
+    unclickable: { type: [Boolean, null] },
     disabledActions: { type: Boolean },
     loading: { type: Boolean },
     spellcheck: { type: Boolean },
@@ -32,6 +32,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     allowClear: { type: Boolean },
     allowPaste: { type: Boolean },
     hideInput: { type: Boolean },
+    noWrap: { type: Boolean },
     title: {},
     titleIcon: {},
     description: {},
@@ -50,6 +51,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     filterField: {},
     filterValue: {},
     subgrid: { type: Boolean },
+    seamless: { type: Boolean },
     useQueryFn: {},
     noParams: { type: Boolean },
     queryParams: {},

package/dist/components/FormAsync/WFormAsyncSelect.vue.js

@@ -32,7 +32,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     autocomplete: {},
     autofocus: { type: Boolean },
     readonly: { type: Boolean },
-    unclickable: { type: Boolean },
+    unclickable: { type: [Boolean, null] },
     disabledActions: { type: Boolean },
     loading: { type: Boolean },
     spellcheck: { type: Boolean },
@@ -40,6 +40,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     textSecure: { type: Boolean },
     placeholderSecure: { type: Boolean },
     allowPaste: { type: Boolean },
+    noWrap: { type: Boolean },
     title: {},
     titleIcon: {},
     description: {},
@@ -58,6 +59,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     filterField: {},
     filterValue: {},
     subgrid: { type: Boolean },
+    seamless: { type: Boolean },
     teleport: { type: Boolean },
     noZIndex: { type: Boolean },
     zIndex: {},

package/dist/components/FormAsync/WFormAsyncSelectInfiniteSingle.vue.js

@@ -37,7 +37,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     autocomplete: {},
     autofocus: { type: Boolean },
     readonly: { type: Boolean },
-    unclickable: { type: Boolean },
+    unclickable: { type: [Boolean, null] },
     disabledActions: { type: Boolean },
     loading: { type: Boolean },
     spellcheck: { type: Boolean },
@@ -45,6 +45,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     textSecure: { type: Boolean },
     placeholderSecure: { type: Boolean },
     allowPaste: { type: Boolean },
+    noWrap: { type: Boolean },
     title: {},
     titleIcon: {},
     description: {},
@@ -63,6 +64,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     filterField: {},
     filterValue: {},
     subgrid: { type: Boolean },
+    seamless: { type: Boolean },
     teleport: { type: Boolean },
     noZIndex: { type: Boolean },
     zIndex: {},

package/dist/components/FormAsync/WFormAsyncSelectSingle.vue.js

@@ -33,7 +33,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     autocomplete: {},
     autofocus: { type: Boolean },
     readonly: { type: Boolean },
-    unclickable: { type: Boolean },
+    unclickable: { type: [Boolean, null] },
     disabledActions: { type: Boolean },
     loading: { type: Boolean },
     spellcheck: { type: Boolean },
@@ -41,6 +41,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     textSecure: { type: Boolean },
     placeholderSecure: { type: Boolean },
     allowPaste: { type: Boolean },
+    noWrap: { type: Boolean },
     title: {},
     titleIcon: {},
     description: {},
@@ -59,6 +60,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     filterField: {},
     filterValue: {},
     subgrid: { type: Boolean },
+    seamless: { type: Boolean },
     teleport: { type: Boolean },
     noZIndex: { type: Boolean },
     zIndex: {},

package/dist/components/FormAsync/WFormAsyncSelectStringified.vue.js

@@ -33,7 +33,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     autocomplete: {},
     autofocus: { type: Boolean },
     readonly: { type: Boolean },
-    unclickable: { type: Boolean },
+    unclickable: { type: [Boolean, null] },
     disabledActions: { type: Boolean },
     loading: { type: Boolean },
     spellcheck: { type: Boolean },
@@ -41,6 +41,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     textSecure: { type: Boolean },
     placeholderSecure: { type: Boolean },
     allowPaste: { type: Boolean },
+    noWrap: { type: Boolean },
     title: {},
     titleIcon: {},
     description: {},
@@ -59,6 +60,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     filterField: {},
     filterValue: {},
     subgrid: { type: Boolean },
+    seamless: { type: Boolean },
     teleport: { type: Boolean },
     noZIndex: { type: Boolean },
     zIndex: {},

package/dist/components/HeaderBar/WHeaderBar.vue.d.ts

@@ -15,6 +15,7 @@ declare function __VLS_template(): {
         input: import('vue').ShallowUnwrapRef<{
             focus: () => void;
             blur: () => void;
+            fieldRef: import('vue').ComputedRef<HTMLDivElement | null | undefined>;
         }> | null;
     };
     rootEl: HTMLDivElement;
@@ -32,6 +33,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     input: import('vue').ShallowUnwrapRef<{
         focus: () => void;
         blur: () => void;
+        fieldRef: import('vue').ComputedRef<HTMLDivElement | null | undefined>;
     }> | null;
 }, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/components/HeaderBar/WHeaderBar.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WHeaderBar.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/HeaderBar/WHeaderBar.vue"],"names":[],"mappings":"AAsFA;AA2KA,KAAK,WAAW,GAAG;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAC;AA+DJ,iBAAS,cAAc;WA+LT,OAAO,IAA6B;;uBAdvB,GAAG;wBACD,GAAG;wBACH,GAAG;;;;;;;;;;EAiB/B;AAqBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;WA5RT,MAAM;YACL,MAAM;;;;;;;kBAqSjB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WHeaderBar.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/HeaderBar/WHeaderBar.vue"],"names":[],"mappings":"AAsFA;AA2KA,KAAK,WAAW,GAAG;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAC;AA+DJ,iBAAS,cAAc;WA+LT,OAAO,IAA6B;;uBAdvB,GAAG;wBACD,GAAG;wBACH,GAAG;;;;;;;;;;;EAiB/B;AAqBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;WA5RT,MAAM;YACL,MAAM;;;;;;;;kBAqSjB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Input/WInput.vue.d.ts

@@ -4,6 +4,7 @@ declare const _default: <Type extends InputType = "text">(__VLS_props: NonNullab
     expose(exposed: import('vue').ShallowUnwrapRef<{
         focus: () => void;
         blur: () => void;
+        fieldRef: import('vue').ComputedRef<HTMLDivElement | null | undefined>;
     }>): void;
     attrs: any;
     slots: {

package/dist/components/Input/WInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInput.vue"],"names":[],"mappings":"AAmLA;AAiYA,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,SAAS,CAAA;yBAWtB,IAAI,SAAS,SAAS,GAAG,MAAM,EAC/C,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAwkBO,mBAAmB,CAAC,oCAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;qBAle7B,IAAI;oBAML,IAAI;MA4dgD,GAAG,IAAI;WACpE,GAAG;;uBA/CgB,GAAG;0BACA,GAAG;wBACL,GAAG;wBACF,GAAG;wBACH,GAAG;uBACJ,GAAG;wBACF,GAAG;uBACJ,GAAG;uBACH,GAAG;;;YAphBzB,mBAAmB,SAAS,4CAAa,SAAS,GAAG,IAAI;YACzD,gBAAgB,SAAS,aAAa,GAAG,IAAI;YAC7C,aAAa,SAAS,aAAa,GAAG,IAAI;YAC1C,eAAe,SAAS,aAAa,GAAG,IAAI;YAC5C,iBAAiB,SAAS,aAAa,GAAG,IAAI;YAC9C,oBAAoB,SAAS,aAAa,GAAG,IAAI;YACjD,aAAa,GAAG,IAAI;YACpB,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;YAChC,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,WAAW,SAAS,UAAU,GAAG,IAAI;YACrC,cAAc,SAAS,UAAU,GAAG,IAAI;YACxC,cAAc,SAAS,KAAK,GAAG,IAAI;YACnC,OAAO,GAAG,IAAI;;EAkjBhB,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAnlBzE,wBAmlB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInput.vue"],"names":[],"mappings":"AAoMA;AAqZA,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,SAAS,CAAA;yBAWtB,IAAI,SAAS,SAAS,GAAG,MAAM,EAC/C,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WA0mBO,mBAAmB,CAAC,oCAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;qBAlgB7B,IAAI;oBAML,IAAI;;MA4fgD,GAAG,IAAI;WACpE,GAAG;;uBAlDgB,GAAG;0BACA,GAAG;wBACJ,GAAG;wBACH,GAAG;wBACH,GAAG;uBACJ,GAAG;wBACF,GAAG;uBACJ,GAAG;uBACH,GAAG;;;YAnjBzB,mBAAmB,SAAS,4CAAa,SAAS,GAAG,IAAI;YACzD,gBAAgB,SAAS,aAAa,GAAG,IAAI;YAC7C,aAAa,SAAS,aAAa,GAAG,IAAI;YAC1C,eAAe,SAAS,aAAa,GAAG,IAAI;YAC5C,iBAAiB,SAAS,aAAa,GAAG,IAAI;YAC9C,oBAAoB,SAAS,aAAa,GAAG,IAAI;YACjD,aAAa,GAAG,IAAI;YACpB,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;YAChC,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,WAAW,SAAS,UAAU,GAAG,IAAI;YACrC,cAAc,SAAS,UAAU,GAAG,IAAI;YACxC,cAAc,SAAS,KAAK,GAAG,IAAI;YACnC,OAAO,GAAG,IAAI;;EAolBhB,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AArnBzE,wBAqnB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/Input/WInput.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, useTemplateRef, ref, onMounted, onBeforeUnmount, createBlock, openBlock, mergeProps, createSlots, withCtx, renderSlot, createElementVNode, createElementBlock, createCommentVNode, normalizeClass, toDisplayString, withModifiers, createVNode, resolveDynamicComponent, withKeys, nextTick } from 'vue';
+import { defineComponent, useTemplateRef, ref, onMounted, onBeforeUnmount, computed, createBlock, openBlock, mergeProps, createSlots, withCtx, renderSlot, createElementVNode, createElementBlock, createCommentVNode, normalizeClass, toDisplayString, withModifiers, resolveDynamicComponent, withKeys, unref, nextTick } from 'vue';
 import _sfc_main$1 from '../FieldWrapper/WFieldWrapper.vue.js';
 import { useTabActiveListener } from '../Tabs/use/useTabActiveListener.js';
 import { Notify } from '../../utils/Notify.js';
@@ -24,7 +24,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     autocomplete: { default: "off" },
     autofocus: { type: Boolean },
     readonly: { type: Boolean },
-    unclickable: { type: Boolean },
+    unclickable: { type: [Boolean, null] },
     disabledActions: { type: Boolean },
     loading: { type: Boolean },
     spellcheck: { type: Boolean },
@@ -34,6 +34,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     allowClear: { type: Boolean },
     allowPaste: { type: Boolean },
     hideInput: { type: Boolean },
+    noWrap: { type: Boolean },
     title: {},
     titleIcon: {},
     description: {},
@@ -51,12 +52,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     leftError: { type: Boolean },
     filterField: {},
     filterValue: {},
-    subgrid: { type: Boolean }
+    subgrid: { type: Boolean },
+    seamless: { type: Boolean }
   },
   emits: ["update:modelValue", "keypress:enter", "keypress:up", "keypress:down", "keypress:delete", "keypress:backspace", "click:clear", "focus", "blur", "click", "mousedown", "click:suffix", "select:input", "paste"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const fieldWrapperRef = useTemplateRef("fieldWrapper");
+    const contentRef = useTemplateRef("content");
     const inputRef = useTemplateRef("input");
     const isSecureVisible = ref(false);
     const updateModelValue = (value) => {
@@ -173,12 +177,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     __expose({
       focus,
-      blur
+      blur,
+      fieldRef: computed(() => fieldWrapperRef.value?.fieldRef)
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, mergeProps(props, {
+      return openBlock(), createBlock(_sfc_main$1, mergeProps({ ref: "fieldWrapper" }, props, {
         class: _ctx.$attrs.class,
-        onClick: _cache[10] || (_cache[10] = ($event) => _ctx.$emit("click:suffix", $event))
+        onClick: _cache[10] || (_cache[10] = ($event) => {
+          _ctx.$emit("click:suffix", $event);
+          _ctx.seamless && focus();
+        })
       }), createSlots({ _: 2 }, [
         _ctx.$slots.title ? {
           name: "title",
@@ -187,7 +195,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           key: "0"
         } : void 0,
-        _ctx.$slots.subtitle ? {
+        _ctx.$slots.subtitle && _ctx.unclickable !== false ? {
           name: "subtitle",
           fn: withCtx(() => [
             renderSlot(_ctx.$slots, "subtitle")
@@ -213,12 +221,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           name: "field",
           fn: withCtx(({ id, setFocused, focused }) => [
             createElementVNode("div", {
-              class: normalizeClass(["bg-default dark:bg-default-dark relative grid min-h-[--w-input-height,2.75rem] grid-cols-[auto,1fr,auto] overflow-hidden rounded-[--w-input-rounded,0.75rem] border border-solid transition-colors duration-75", {
+              class: normalizeClass(["relative grid min-h-[--w-input-height,2.75rem] grid-cols-[auto,1fr,auto] overflow-hidden rounded-[--w-input-rounded,0.75rem] border border-solid transition-colors duration-75", {
                 "focus-within:border-primary dark:focus-within:border-primary-dark focus-within:outline-primary/20 dark:focus-within:outline-primary-dark/20 focus-within:outline focus-within:outline-2": !_ctx.disabled && !_ctx.readonly && !_ctx.unclickable,
                 "cursor-text": !_ctx.disabled,
                 "border-negative dark:border-negative-dark": _ctx.errorMessage,
                 "border-gray-300 dark:border-gray-700": !_ctx.disabled,
-                "border-gray-300/50 dark:border-gray-700/50": _ctx.disabled
+                "border-gray-300/50 dark:border-gray-700/50": _ctx.disabled,
+                "border-opacity-0 group-hover/field:border-opacity-100 dark:border-opacity-0 dark:group-hover/field:border-opacity-100": _ctx.seamless && !focused,
+                "bg-default dark:bg-default-dark": !_ctx.seamless || focused
               }]),
               onClick: focus,
               onMousedown: _cache[9] || (_cache[9] = withModifiers(() => {
@@ -234,13 +244,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), { class: "square-[1.125em]" }))
               ], 2)) : createCommentVNode("", true),
               createElementVNode("div", {
+                ref: "content",
                 class: normalizeClass(["group/input col-start-2 grid grid-cols-1", {
-                  "py-[--w-input-gap,0.25rem] first:pl-[--w-input-gap,0.25rem] last:pr-[--w-input-gap,0.25rem]": _ctx.$slots.prefix
+                  "py-[--w-input-gap,0.25rem] first:pl-[--w-input-gap,0.25rem] last:pr-[--w-input-gap,0.25rem]": _ctx.$slots.prefix,
+                  "no-scrollbar overflow-x-auto overscroll-x-contain": _ctx.noWrap && (!_ctx.seamless || focused),
+                  "overflow-hidden": _ctx.noWrap && (_ctx.seamless && !focused)
                 }])
               }, [
                 createElementVNode("div", {
-                  class: normalizeClass(["flex flex-wrap gap-[--w-input-gap,0.25rem]", {
-                    "[&:not(:has(.w-option-has-bg))]:-px--w-option-padding": !_ctx.icon && !_ctx.textarea
+                  class: normalizeClass(["flex gap-[--w-input-gap,0.25rem]", {
+                    "[&:not(:has(.w-option-has-bg))]:-px--w-option-padding": !_ctx.icon && !_ctx.textarea,
+                    "flex-wrap": !_ctx.noWrap
                   }])
                 }, [
                   renderSlot(_ctx.$slots, "prefix"),
@@ -290,11 +304,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       onFocus: ($event) => {
                         _ctx.$emit("focus", $event);
                         setFocused(true);
+                        _ctx.seamless && nextTick(() => unref(contentRef)?.scrollTo({ left: unref(contentRef)?.scrollWidth ?? 0 }));
                       },
                       onBlur: ($event) => {
                         _ctx.$emit("blur", $event);
                         setFocused(false);
                         isSecureVisible.value = false;
+                        _ctx.seamless && unref(contentRef)?.scrollTo({ left: 0 });
                       },
                       onClick: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("click", $event)),
                       onMousedown: _cache[5] || (_cache[5] = withModifiers(($event) => _ctx.$emit("mousedown", $event), ["stop"])),
@@ -304,12 +320,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ], 2)
                 ], 2)
               ], 2),
-              createVNode(_sfc_main$2, {
+              !_ctx.seamless || focused ? (openBlock(), createBlock(_sfc_main$2, {
+                key: 1,
                 "model-value": _ctx.modelValue,
                 loading: _ctx.loading,
                 "allow-clear": _ctx.allowClear && _ctx.modelValue !== "",
                 disabled: _ctx.disabled || _ctx.disabledActions,
-                readonly: _ctx.readonly || _ctx.unclickable,
+                readonly: _ctx.readonly || _ctx.unclickable === true,
                 "text-secure": _ctx.textSecure,
                 "is-secure-visible": isSecureVisible.value,
                 "allow-paste": _ctx.allowPaste,
@@ -334,7 +351,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ]),
                   key: "0"
                 } : void 0
-              ]), 1032, ["model-value", "loading", "allow-clear", "disabled", "readonly", "text-secure", "is-secure-visible", "allow-paste", "allow-copy", "focused", "onClick:slot"]),
+              ]), 1032, ["model-value", "loading", "allow-clear", "disabled", "readonly", "text-secure", "is-secure-visible", "allow-paste", "allow-copy", "focused", "onClick:slot"])) : createCommentVNode("", true),
               renderSlot(_ctx.$slots, "inner")
             ], 34)
           ]),

package/dist/components/Input/WInputAsync.vue.js

@@ -34,7 +34,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     autocomplete: {},
     autofocus: { type: Boolean },
     readonly: { type: Boolean },
-    unclickable: { type: Boolean },
+    unclickable: { type: [Boolean, null] },
     disabledActions: { type: Boolean },
     loading: { type: Boolean },
     spellcheck: { type: Boolean },
@@ -44,6 +44,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     allowClear: { type: Boolean },
     allowPaste: { type: Boolean },
     hideInput: { type: Boolean },
+    noWrap: { type: Boolean },
     title: {},
     titleIcon: {},
     description: {},
@@ -61,7 +62,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     leftError: { type: Boolean },
     filterField: {},
     filterValue: {},
-    subgrid: { type: Boolean }
+    subgrid: { type: Boolean },
+    seamless: { type: Boolean }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {

package/dist/components/Input/WInputDate.vue.js

@@ -27,7 +27,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     autocomplete: {},
     autofocus: { type: Boolean },
     readonly: { type: Boolean },
-    unclickable: { type: Boolean },
+    unclickable: { type: [Boolean, null] },
     disabledActions: { type: Boolean },
     loading: { type: Boolean },
     spellcheck: { type: Boolean },
@@ -37,6 +37,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     allowClear: { type: Boolean },
     allowPaste: { type: Boolean },
     hideInput: { type: Boolean },
+    noWrap: { type: Boolean },
     title: {},
     titleIcon: {},
     description: {},
@@ -55,6 +56,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     filterField: {},
     filterValue: {},
     subgrid: { type: Boolean },
+    seamless: { type: Boolean },
     teleport: { type: Boolean },
     noZIndex: { type: Boolean },
     zIndex: {},

package/dist/components/Input/WInputOptions.vue.js

@@ -32,7 +32,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     autocomplete: {},
     autofocus: { type: Boolean },
     readonly: { type: Boolean },
-    unclickable: { type: Boolean },
+    unclickable: { type: [Boolean, null] },
     disabledActions: { type: Boolean },
     loading: { type: Boolean },
     spellcheck: { type: Boolean },
@@ -42,6 +42,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     allowClear: { type: Boolean },
     allowPaste: { type: Boolean },
     hideInput: { type: Boolean },
+    noWrap: { type: Boolean },
     title: {},
     titleIcon: {},
     description: {},
@@ -60,6 +61,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     filterField: {},
     filterValue: {},
     subgrid: { type: Boolean },
+    seamless: { type: Boolean },
     teleport: { type: Boolean },
     noZIndex: { type: Boolean },
     zIndex: {},

package/dist/components/Input/WInputSuggest.vue.d.ts

@@ -13,7 +13,7 @@ declare const _default: <Type extends InputType = "text">(__VLS_props: NonNullab
         title?: () => void;
         subtitle?: () => void;
         prefix?: (props: {
-            unclickable?: boolean;
+            unclickable?: boolean | null;
         }) => void;
         right?: (props: Record<string, never>) => void;
         content?: (props?: {
@@ -23,7 +23,7 @@ declare const _default: <Type extends InputType = "text">(__VLS_props: NonNullab
         title?: () => void;
         subtitle?: () => void;
         prefix?: (props: {
-            unclickable?: boolean;
+            unclickable?: boolean | null;
         }) => void;
         right?: (props: Record<string, never>) => void;
         content?: (props?: {

package/dist/components/Input/WInputSuggest.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WInputSuggest.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInputSuggest.vue"],"names":[],"mappings":"AA6HA;AA4NA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAE9C,OAAO,EAAC,KAAK,KAAK,EAAgC,MAAM,KAAK,CAAA;yBAY5C,IAAI,SAAS,SAAS,GAAG,MAAM,EAC/C,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WA4YO,mBAAmB,CAAC,2CAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;;;;MAAsB,GAAG,IAAI;WACpE,GAAG;;gBA/TD,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE;YAAC,WAAW,CAAC,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;gBACzC,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;kBACpC,CAAC,KAAK,CAAC,EAAE;YAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;SAAC,KAAK,KAAK,EAAE;;gBAJnD,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE;YAAC,WAAW,CAAC,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;gBACzC,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;kBACpC,CAAC,KAAK,CAAC,EAAE;YAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;SAAC,KAAK,KAAK,EAAE;;;YAnEvD,mBAAmB,mDAAsB,IAAI;YAC7C,gBAAgB,SAAS,aAAa,GAAG,IAAI;YAC7C,aAAa,SAAS,aAAa,GAAG,IAAI;YAC1C,eAAe,SAAS,aAAa,GAAG,IAAI;YAC5C,iBAAiB,SAAS,aAAa,GAAG,IAAI;YAC9C,MAAM,GAAG,IAAI;YACb,OAAO,GAAG,IAAI;YACd,aAAa,GAAG,IAAI;YACpB,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;;EAyXlC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAvZzE,wBAuZ4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WInputSuggest.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInputSuggest.vue"],"names":[],"mappings":"AA+GA;AA6MA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAE9C,OAAO,EAAC,KAAK,KAAK,EAAgC,MAAM,KAAK,CAAA;yBAW5C,IAAI,SAAS,SAAS,GAAG,MAAM,EAC/C,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAwXO,mBAAmB,CAAC,2CAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;;;;MAAsB,GAAG,IAAI;WACpE,GAAG;;gBA3SD,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE;YAAC,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;SAAC,KAAK,IAAI;gBAChD,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;kBACpC,CAAC,KAAK,CAAC,EAAE;YAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;SAAC,KAAK,KAAK,EAAE;;gBAJnD,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE;YAAC,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;SAAC,KAAK,IAAI;gBAChD,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;kBACpC,CAAC,KAAK,CAAC,EAAE;YAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;SAAC,KAAK,KAAK,EAAE;;;YAnEvD,mBAAmB,mDAAsB,IAAI;YAC7C,gBAAgB,SAAS,aAAa,GAAG,IAAI;YAC7C,aAAa,SAAS,aAAa,GAAG,IAAI;YAC1C,eAAe,SAAS,aAAa,GAAG,IAAI;YAC5C,iBAAiB,SAAS,aAAa,GAAG,IAAI;YAC9C,MAAM,GAAG,IAAI;YACb,OAAO,GAAG,IAAI;YACd,aAAa,GAAG,IAAI;YACpB,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;;EAqWlC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAnYzE,wBAmY4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/Input/WInputSuggest.vue.js

@@ -1,8 +1,7 @@
-import { defineComponent, ref, useTemplateRef, computed, createElementBlock, openBlock, normalizeClass, createBlock, createCommentVNode, resolveDynamicComponent, unref, mergeProps, withCtx, createElementVNode, Fragment, renderList, createVNode, createSlots, renderSlot, createTextVNode, toDisplayString } from 'vue';
+import { defineComponent, ref, useTemplateRef, computed, createBlock, openBlock, resolveDynamicComponent, unref, mergeProps, withCtx, createElementVNode, normalizeClass, createElementBlock, createCommentVNode, Fragment, renderList, createVNode, createSlots, renderSlot } from 'vue';
 import _sfc_main$1 from '../BottomSheet/WBottomSheet.vue.js';
 import _sfc_main$2 from '../DropdownMenu/WDropdownMenu.vue.js';
 import _sfc_main$3 from './WInput.vue.js';
-import WSkeleton from '../Skeleton/WSkeleton.vue.js';
 import IconArrow from '../../assets/icons/default/IconArrow.svg.js';
 import { HorizontalAlign } from '../../utils/HorizontalAlign.js';
 import { useIsMobile } from '../../utils/mobile.js';
@@ -28,7 +27,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     autocomplete: {},
     autofocus: { type: Boolean },
     readonly: { type: Boolean },
-    unclickable: { type: Boolean },
+    unclickable: { type: [Boolean, null] },
     disabledActions: { type: Boolean },
     loading: { type: Boolean },
     spellcheck: { type: Boolean },
@@ -38,6 +37,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     allowClear: { type: Boolean },
     allowPaste: { type: Boolean },
     hideInput: { type: Boolean },
+    noWrap: { type: Boolean },
     title: {},
     titleIcon: {},
     description: {},
@@ -56,6 +56,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     filterField: {},
     filterValue: {},
     subgrid: { type: Boolean },
+    seamless: { type: Boolean },
     teleport: { type: Boolean },
     noZIndex: { type: Boolean },
     zIndex: {},
@@ -100,115 +101,105 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       updateDropdown
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(_ctx.$attrs.class)
-      }, [
-        (openBlock(), createBlock(resolveDynamicComponent(unref(isMobile) ? _sfc_main$1 : _sfc_main$2), mergeProps({ ref: "dropdownMenu" }, unref(isMobile) ? {
-          isOpen: isOpen.value,
-          onClose: close
-        } : {
-          isOpen: isOpen.value,
-          maxHeight: _ctx.maxHeight,
-          maxWidth: _ctx.maxWidth,
-          horizontalAlign: _ctx.horizontalAlign,
-          updateAlign: true,
-          teleport: _ctx.teleport,
-          noZIndex: _ctx.noZIndex
-        }), {
-          toggle: withCtx(({ unclickable }) => [
-            createVNode(_sfc_main$3, mergeProps({ ref: "input" }, {
-              ...props,
-              title: unclickable ? _ctx.mobileTitle ?? _ctx.title : _ctx.title,
-              unclickable,
-              description: void 0
-            }, {
-              class: {
-                "cursor-pointer": !_ctx.disabled && !_ctx.readonly,
-                "cursor-not-allowed": _ctx.disabled && !_ctx.readonly,
-                "mb-3": unref(isMobile) && !unclickable
-              },
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => !_ctx.loading && _ctx.$emit("update:modelValue", $event)),
-              "onKeypress:enter": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("keypress:enter", $event)),
-              "onKeypress:up": _cache[2] || (_cache[2] = ($event) => _ctx.$emit("keypress:up", $event)),
-              "onKeypress:down": _cache[3] || (_cache[3] = ($event) => _ctx.$emit("keypress:down", $event)),
-              "onKeypress:delete": _cache[4] || (_cache[4] = ($event) => _ctx.$emit("keypress:delete", $event)),
-              onFocus: ($event) => {
-                open();
-                !unclickable && _ctx.$emit("focus", $event);
-              },
-              onBlur: ($event) => {
-                !unref(isMobile) && !_ctx.persist && close();
-                !unclickable && _ctx.$emit("blur", $event);
-              },
-              onClick: ($event) => unref(isMobile) && unclickable && open(),
-              "onClick:suffix": ($event) => unref(isMobile) && unclickable && open(),
-              "onClick:clear": _cache[5] || (_cache[5] = ($event) => _ctx.$emit("click:clear"))
-            }), createSlots({
-              prefix: withCtx(() => [
-                renderSlot(_ctx.$slots, "prefix", { unclickable })
+      return openBlock(), createBlock(resolveDynamicComponent(unref(isMobile) ? _sfc_main$1 : _sfc_main$2), mergeProps({ ref: "dropdownMenu" }, unref(isMobile) ? {
+        isOpen: isOpen.value,
+        onClose: close
+      } : {
+        isOpen: isOpen.value,
+        maxHeight: _ctx.maxHeight,
+        maxWidth: _ctx.maxWidth,
+        horizontalAlign: _ctx.horizontalAlign,
+        updateAlign: true,
+        teleport: _ctx.teleport,
+        noZIndex: _ctx.noZIndex,
+        parentElement: unref(inputRef)?.fieldRef
+      }), {
+        toggle: withCtx((toggleScope) => [
+          createVNode(_sfc_main$3, mergeProps({ ref: "input" }, {
+            ...props,
+            ..._ctx.$attrs,
+            title: toggleScope?.unclickable ? _ctx.mobileTitle ?? _ctx.title : _ctx.title,
+            unclickable: toggleScope?.unclickable,
+            description: toggleScope?.unclickable === false ? void 0 : _ctx.description
+          }, {
+            class: {
+              "cursor-pointer": !_ctx.disabled && !_ctx.readonly,
+              "cursor-not-allowed": _ctx.disabled && !_ctx.readonly,
+              "mb-3": unref(isMobile) && !toggleScope?.unclickable
+            },
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => !_ctx.loading && _ctx.$emit("update:modelValue", $event)),
+            "onKeypress:enter": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("keypress:enter", $event)),
+            "onKeypress:up": _cache[2] || (_cache[2] = ($event) => _ctx.$emit("keypress:up", $event)),
+            "onKeypress:down": _cache[3] || (_cache[3] = ($event) => _ctx.$emit("keypress:down", $event)),
+            "onKeypress:delete": _cache[4] || (_cache[4] = ($event) => _ctx.$emit("keypress:delete", $event)),
+            onFocus: ($event) => {
+              open();
+              !toggleScope?.unclickable && _ctx.$emit("focus", $event);
+            },
+            onBlur: ($event) => {
+              !unref(isMobile) && !_ctx.persist && close();
+              !toggleScope?.unclickable && _ctx.$emit("blur", $event);
+            },
+            onClick: ($event) => unref(isMobile) && toggleScope?.unclickable && open(),
+            "onClick:suffix": ($event) => unref(isMobile) && toggleScope?.unclickable && open(),
+            "onClick:clear": _cache[5] || (_cache[5] = ($event) => _ctx.$emit("click:clear"))
+          }), createSlots({
+            prefix: withCtx(() => [
+              renderSlot(_ctx.$slots, "prefix", {
+                unclickable: toggleScope?.unclickable
+              })
+            ]),
+            suffix: withCtx(() => [
+              !_ctx.disabled ? (openBlock(), createBlock(unref(IconArrow), {
+                key: 0,
+                class: normalizeClass(["square-3 text-description transition-transform", { "rotate-180": isOpen.value }])
+              }, null, 8, ["class"])) : createCommentVNode("", true)
+            ]),
+            _: 2
+          }, [
+            _ctx.$slots.title ? {
+              name: "title",
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, "title")
               ]),
-              suffix: withCtx(() => [
-                !_ctx.disabled ? (openBlock(), createBlock(unref(IconArrow), {
-                  key: 0,
-                  class: normalizeClass(["square-3 text-description transition-transform", { "rotate-180": isOpen.value }])
-                }, null, 8, ["class"])) : createCommentVNode("", true)
+              key: "0"
+            } : void 0,
+            _ctx.$slots.subtitle ? {
+              name: "subtitle",
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, "subtitle")
               ]),
-              _: 2
-            }, [
-              _ctx.$slots.title ? {
-                name: "title",
-                fn: withCtx(() => [
-                  renderSlot(_ctx.$slots, "title")
-                ]),
-                key: "0"
-              } : void 0,
-              _ctx.$slots.subtitle ? {
-                name: "subtitle",
-                fn: withCtx(() => [
-                  renderSlot(_ctx.$slots, "subtitle")
-                ]),
-                key: "1"
-              } : void 0,
-              _ctx.$slots.right ? {
-                name: "right",
-                fn: withCtx(() => [
-                  renderSlot(_ctx.$slots, "right")
-                ]),
-                key: "2"
-              } : void 0
-            ]), 1040, ["class", "onFocus", "onBlur", "onClick", "onClick:suffix"])
-          ]),
-          content: withCtx((contentScope) => [
-            createElementVNode("div", {
-              ref: "content",
-              class: normalizeClass(["bg-default dark:bg-default-dark w-full", {
-                "pb-[50vh]": unref(isMobile),
-                "overflow-y-overlay max-h-[inherit] overflow-x-hidden overscroll-contain rounded-xl shadow-md dark:border dark:border-solid dark:border-gray-800": !unref(isMobile),
-                "mt-5": "istop" in contentScope && contentScope.istop === false && (_ctx.errorMessage || _ctx.maxLength)
-              }])
-            }, [
-              _ctx.$slots.content ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.$slots.content(), (slot, index) => {
-                return openBlock(), createBlock(resolveDynamicComponent(slot), {
-                  key: index,
-                  "scrolling-element": unref(isMobile) ? unref(contentRef)?.parentElement : unref(contentRef),
-                  onClose: close
-                }, null, 40, ["scrolling-element"]);
-              }), 128)) : createCommentVNode("", true)
-            ], 2)
-          ]),
-          _: 3
-        }, 16)),
-        _ctx.description ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: normalizeClass(["text-description whitespace-pre-wrap break-words pb-4 text-xs font-normal", {
-            "opacity-50": _ctx.disabled && !_ctx.readonly && !_ctx.skeleton
-          }])
-        }, [
-          _ctx.skeleton ? (openBlock(), createBlock(WSkeleton, { key: 0 })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            createTextVNode(toDisplayString(_ctx.description), 1)
-          ], 64))
-        ], 2)) : createCommentVNode("", true)
-      ], 2);
+              key: "1"
+            } : void 0,
+            _ctx.$slots.right ? {
+              name: "right",
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, "right")
+              ]),
+              key: "2"
+            } : void 0
+          ]), 1040, ["class", "onFocus", "onBlur", "onClick", "onClick:suffix"])
+        ]),
+        content: withCtx((contentScope) => [
+          createElementVNode("div", {
+            ref: "content",
+            class: normalizeClass(["bg-default dark:bg-default-dark w-full", {
+              "pb-[50vh]": unref(isMobile),
+              "overflow-y-overlay max-h-[inherit] overflow-x-hidden overscroll-contain rounded-xl shadow-md dark:border dark:border-solid dark:border-gray-800": !unref(isMobile),
+              "mt-5": "istop" in contentScope && contentScope.istop === false && (_ctx.errorMessage || _ctx.maxLength)
+            }])
+          }, [
+            _ctx.$slots.content ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.$slots.content(), (slot, index) => {
+              return openBlock(), createBlock(resolveDynamicComponent(slot), {
+                key: index,
+                "scrolling-element": unref(isMobile) ? unref(contentRef)?.parentElement : unref(contentRef),
+                onClose: close
+              }, null, 40, ["scrolling-element"]);
+            }), 128)) : createCommentVNode("", true)
+          ], 2)
+        ]),
+        _: 3
+      }, 16);
     };
   }
 });

package/dist/components/Input/types.d.ts

@@ -17,7 +17,7 @@ export interface InputProps<Type extends InputType> extends Omit<FieldWrapperPro
     autocomplete?: 'off' | string;
     autofocus?: boolean;
     readonly?: boolean;
-    unclickable?: boolean;
+    unclickable?: boolean | null;
     disabledActions?: boolean;
     loading?: boolean;
     spellcheck?: boolean;
@@ -27,6 +27,7 @@ export interface InputProps<Type extends InputType> extends Omit<FieldWrapperPro
     allowClear?: boolean;
     allowPaste?: boolean;
     hideInput?: boolean;
+    noWrap?: boolean;
 }
 export interface InputAsyncProps<Type extends InputType> extends InputProps<Type> {
     validate?: ValidateFn | ValidateFn[];

package/dist/components/Input/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/types.ts"],"names":[],"mappings":"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"}

package/dist/components/List/WListCard.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WListCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/List/WListCard.vue"],"names":[],"mappings":"AAwMA;AAkRA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAgB5C,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,MAAM,EAAE,OAAO,GAAG,SAAS,CAAA;IAC3B,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,SAAS,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAA;IACpC,SAAS,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,WAAW,EAAE,OAAO,GAAG,SAAS,CAAA;IAChC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,IAAI,EAAE,OAAO,CAAA;IACb,EAAE,EAAE,SAAS,CAAC,IAAI,CAAC,GAAG,SAAS,CAAA;IAC/B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,QAAQ,EAAE,OAAO,CAAA;IAEjB,QAAQ,EAAE,OAAO,CAAA;IACjB,WAAW,EAAE,OAAO,CAAA;IACpB,gBAAgB,EAAE,OAAO,CAAA;CAC1B,CAAC;AAwCF,iBAAS,cAAc;WAoYT,OAAO,IAA6B;;;;;;YAjBpB,GAAG;sBACN,GAAG;sBACH,GAAG;2BACE,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA5EL,GAAG,8CAE7B,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;EA6FxE;AA2BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA3HS,GAAG,8CAE7B,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;OAiIvE,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WListCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/List/WListCard.vue"],"names":[],"mappings":"AAwMA;AAkRA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAgB5C,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,MAAM,EAAE,OAAO,GAAG,SAAS,CAAA;IAC3B,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,SAAS,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAA;IACpC,SAAS,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,WAAW,EAAE,OAAO,GAAG,SAAS,CAAA;IAChC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,IAAI,EAAE,OAAO,CAAA;IACb,EAAE,EAAE,SAAS,CAAC,IAAI,CAAC,GAAG,SAAS,CAAA;IAC/B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,QAAQ,EAAE,OAAO,CAAA;IAEjB,QAAQ,EAAE,OAAO,CAAA;IACjB,WAAW,EAAE,OAAO,CAAA;IACpB,gBAAgB,EAAE,OAAO,CAAA;CAC1B,CAAC;AAwCF,iBAAS,cAAc;WAoYT,OAAO,IAA6B;;;;;;YAjBpB,GAAG;sBACN,GAAG;sBACH,GAAG;2BACE,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA7EzB,GAAG,8CACgC,GAAG,yBACpC,GACX,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;EA6FtC;AA2BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA5HX,GAAG,8CACgC,GAAG,yBACpC,GACX,6DAAmC,GAAG;;;;;;;;;;;;;;;;OAiIrC,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/List/WListCard.vue.js

@@ -60,7 +60,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const validate = (...args) => formRef.value?.validate(...args);
     const isActionShown = computed(() => !props.skeleton && (props.allowOpen || props.to !== void 0 || props.allowSelectHover || props.hasAction));
     const toggleMenu = (event) => {
-      if (props.disabled || props.disableMore || !containerRef.value || !moreRef.value) return;
+      if (props.disabled || props.disableMore || !containerRef.value || !moreRef.value || event.ctrlKey) return;
       const containerRect = containerRef.value.getBoundingClientRect();
       position.value = { left: event.screenX - containerRect.x + "px", top: event.clientY - containerRect.y + "px" };
       moreRef.value.open();

package/dist/components/Select/WSelect.vue.js

@@ -47,7 +47,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     autocomplete: {},
     autofocus: { type: Boolean },
     readonly: { type: Boolean },
-    unclickable: { type: Boolean },
+    unclickable: { type: [Boolean, null] },
     disabledActions: { type: Boolean },
     loading: { type: Boolean },
     spellcheck: { type: Boolean },
@@ -55,6 +55,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     textSecure: { type: Boolean },
     placeholderSecure: { type: Boolean },
     allowPaste: { type: Boolean },
+    noWrap: { type: Boolean },
     title: {},
     titleIcon: {},
     description: {},
@@ -73,6 +74,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     filterField: {},
     filterValue: {},
     subgrid: { type: Boolean },
+    seamless: { type: Boolean },
     teleport: { type: Boolean },
     noZIndex: { type: Boolean },
     zIndex: {},
@@ -289,7 +291,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               loading: _ctx.loading || unref(isLoading),
               disabled: _ctx.disabled,
               readonly: _ctx.readonly,
-              "disable-clear": _ctx.disableClear || _ctx.readonly,
+              "disable-clear": _ctx.disableClear || _ctx.readonly || _ctx.seamless && !focused.value,
               search: value,
               onUnselect: ($event) => unselect(value)
             }, createSlots({ _: 2 }, [

package/dist/components/Select/WSelectAsync.vue.js

@@ -40,7 +40,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     autocomplete: {},
     autofocus: { type: Boolean },
     readonly: { type: Boolean },
-    unclickable: { type: Boolean },
+    unclickable: { type: [Boolean, null] },
     disabledActions: { type: Boolean },
     loading: { type: Boolean },
     spellcheck: { type: Boolean },
@@ -48,6 +48,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     textSecure: { type: Boolean },
     placeholderSecure: { type: Boolean },
     allowPaste: { type: Boolean },
+    noWrap: { type: Boolean },
     title: {},
     titleIcon: {},
     description: {},
@@ -66,6 +67,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     filterField: {},
     filterValue: {},
     subgrid: { type: Boolean },
+    seamless: { type: Boolean },
     teleport: { type: Boolean },
     noZIndex: { type: Boolean },
     zIndex: {},
@@ -210,7 +212,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             loading: _ctx.loading || isFetchingPrefix.value,
             "option-component": _ctx.optionComponent,
             "option-component-props": _ctx.optionComponentProps,
-            "disable-clear": _ctx.disableClear || _ctx.readonly,
+            "disable-clear": _ctx.disableClear || _ctx.readonly || _ctx.seamless && !focused.value,
             "preview-data": _ctx.previewData,
             "created-data": _ctx.createdData,
             "value-getter": _ctx.valueGetter,

package/dist/components/Select/WSelectAsyncSingle.vue.js

@@ -38,7 +38,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     autocomplete: {},
     autofocus: { type: Boolean },
     readonly: { type: Boolean },
-    unclickable: { type: Boolean },
+    unclickable: { type: [Boolean, null] },
     disabledActions: { type: Boolean },
     loading: { type: Boolean },
     spellcheck: { type: Boolean },
@@ -46,6 +46,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     textSecure: { type: Boolean },
     placeholderSecure: { type: Boolean },
     allowPaste: { type: Boolean },
+    noWrap: { type: Boolean },
     title: {},
     titleIcon: {},
     description: {},
@@ -64,6 +65,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     filterField: {},
     filterValue: {},
     subgrid: { type: Boolean },
+    seamless: { type: Boolean },
     teleport: { type: Boolean },
     noZIndex: { type: Boolean },
     zIndex: {},

package/dist/components/Select/WSelectSingle.vue.js

@@ -34,7 +34,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     autocomplete: {},
     autofocus: { type: Boolean },
     readonly: { type: Boolean },
-    unclickable: { type: Boolean },
+    unclickable: { type: [Boolean, null] },
     disabledActions: { type: Boolean },
     loading: { type: Boolean },
     spellcheck: { type: Boolean },
@@ -42,6 +42,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     textSecure: { type: Boolean },
     placeholderSecure: { type: Boolean },
     allowPaste: { type: Boolean },
+    noWrap: { type: Boolean },
     title: {},
     titleIcon: {},
     description: {},
@@ -60,6 +61,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     filterField: {},
     filterValue: {},
     subgrid: { type: Boolean },
+    seamless: { type: Boolean },
     teleport: { type: Boolean },
     noZIndex: { type: Boolean },
     zIndex: {},

package/dist/components/Select/WSelectStringified.vue.js

@@ -34,7 +34,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     autocomplete: {},
     autofocus: { type: Boolean },
     readonly: { type: Boolean },
-    unclickable: { type: Boolean },
+    unclickable: { type: [Boolean, null] },
     disabledActions: { type: Boolean },
     loading: { type: Boolean },
     spellcheck: { type: Boolean },
@@ -42,6 +42,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     textSecure: { type: Boolean },
     placeholderSecure: { type: Boolean },
     allowPaste: { type: Boolean },
+    noWrap: { type: Boolean },
     title: {},
     titleIcon: {},
     description: {},
@@ -60,6 +61,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     filterField: {},
     filterValue: {},
     subgrid: { type: Boolean },
+    seamless: { type: Boolean },
     teleport: { type: Boolean },
     noZIndex: { type: Boolean },
     zIndex: {},

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/rsmple/eco-vue-js.git"
   },
-  "version": "0.10.34",
+  "version": "0.10.35",
   "scripts": {
     "build": "run-p type-check \"build-only {@}\" --",
     "dev": "vite build --mode development --watch",