eco-vue-js 0.5.25 → 0.6.0

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, createBlock, resolveDynamicComponent, unref, mergeProps, withCtx, createVNode, normalizeClass, createSlots, renderSlot, createCommentVNode, createElementVNode, Fragment, renderList, createTextVNode, toDisplayString } from 'vue';
+import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, createBlock, resolveDynamicComponent, unref, mergeProps, withCtx, createVNode, createSlots, renderSlot, createCommentVNode, createElementVNode, Fragment, renderList, createTextVNode, toDisplayString } from 'vue';
 import _sfc_main$2 from '../DropdownMenu/WDropdownMenu.vue.js';
 import _sfc_main$1 from '../BottomSheet/WBottomSheet.vue.js';
 import _sfc_main$3 from './WInput.vue.js';
@@ -8,35 +8,48 @@ import { HorizontalAlign } from '../../utils/HorizontalAlign.js';
 import WSkeleton from '../Skeleton/WSkeleton.vue.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ inheritAttrs: false },
   __name: "WInputSuggest",
   props: {
-    modelValue: {},
-    title: {},
     mobileTitle: {},
-    description: {},
-    loading: { type: Boolean },
+    persist: { type: Boolean },
+    modelValue: {},
+    type: {},
+    textarea: { type: Boolean },
+    resize: { type: Boolean },
+    placeholder: {},
+    icon: {},
+    size: {},
     maxLength: {},
+    name: {},
+    autocomplete: {},
+    autofocus: { type: Boolean },
+    readonly: { type: Boolean },
+    disabledActions: { type: Boolean },
+    loading: { type: Boolean },
+    spellcheck: { type: Boolean },
+    customBackspaceHandle: { type: Boolean },
+    textSecure: { type: Boolean },
+    placeholderSecure: { type: Boolean },
     allowClear: { type: Boolean },
+    allowPaste: { type: Boolean },
     hideInput: { type: Boolean },
-    readonly: { type: Boolean },
-    disabled: { type: Boolean },
-    skeleton: { type: Boolean },
-    persist: { type: Boolean },
-    size: {},
+    title: {},
+    description: {},
     errorMessage: {},
-    required: { type: Boolean },
+    tooltipText: {},
+    mono: { type: Boolean },
     hasChanges: { type: Boolean },
-    icon: {},
-    teleport: { type: Boolean },
-    placeholder: {},
-    type: {},
-    horizontalAlign: {},
-    contentMaxHeight: {},
-    contentMaxWidth: {},
+    skeleton: { type: Boolean },
+    disabled: { type: Boolean },
+    required: { type: Boolean },
     noMargin: { type: Boolean },
-    allowPaste: { type: Boolean },
-    mono: { type: Boolean },
-    autofocus: { type: Boolean }
+    allowCopy: { type: Boolean },
+    teleport: { type: Boolean },
+    noZIndex: { type: Boolean },
+    maxHeight: { default: 320 },
+    maxWidth: { default: 600 },
+    horizontalAlign: { default: HorizontalAlign.FILL }
   },
   emits: ["update:modelValue", "keypress:enter", "keypress:up", "keypress:down", "keypress:delete", "open", "close", "click:clear", "focus", "blur"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -49,8 +62,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const content = ref();
     const isDisabled = computed(() => props.readonly || props.disabled);
     const open = () => {
-      if (isDisabled.value)
-        return;
+      if (isDisabled.value) return;
       isOpen.value = true;
       emit("open");
     };
@@ -59,8 +71,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("close");
     };
     const focus = () => {
-      if (isMobile)
-        open();
+      if (isMobile) open();
       input.value?.focus();
     };
     const blur = () => {
@@ -76,7 +87,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       updateDropdown
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$attrs.class)
+      }, [
         (openBlock(), createBlock(resolveDynamicComponent(unref(isMobile) ? _sfc_main$1 : _sfc_main$2), mergeProps({
           ref_key: "dropdownMenu",
           ref: dropdownMenu
@@ -85,40 +98,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           onClose: close
         } : {
           isOpen: isOpen.value,
-          maxHeight: _ctx.contentMaxHeight ?? 320,
-          maxWidth: _ctx.contentMaxWidth ?? 600,
-          horizontalAlign: _ctx.horizontalAlign ?? unref(HorizontalAlign).FILL,
+          maxHeight: _ctx.maxHeight,
+          maxWidth: _ctx.maxWidth,
+          horizontalAlign: _ctx.horizontalAlign,
           updateAlign: true,
           teleport: _ctx.teleport
         }), {
           toggle: withCtx(({ unclickable }) => [
-            createVNode(_sfc_main$3, {
+            createVNode(_sfc_main$3, mergeProps({
               ref_key: "input",
-              ref: input,
-              title: _ctx.title ?? (unclickable ? _ctx.mobileTitle : void 0),
-              "model-value": _ctx.modelValue,
-              type: _ctx.type,
-              "max-length": _ctx.maxLength,
-              loading: _ctx.loading,
-              "hide-input": _ctx.hideInput,
+              ref: input
+            }, {
+              ...props,
+              title: unclickable ? _ctx.mobileTitle ?? _ctx.title : _ctx.title,
               readonly: _ctx.readonly || unclickable,
-              skeleton: _ctx.skeleton,
-              size: _ctx.size,
-              "error-message": _ctx.errorMessage,
-              required: _ctx.required,
-              disabled: _ctx.disabled,
-              "has-changes": _ctx.hasChanges,
-              "allow-clear": _ctx.allowClear,
-              icon: _ctx.icon,
-              placeholder: _ctx.placeholder,
-              "no-margin": _ctx.noMargin,
-              "allow-paste": _ctx.allowPaste,
-              mono: _ctx.mono,
-              autofocus: _ctx.autofocus,
-              class: normalizeClass({
+              description: void 0
+            }, {
+              class: {
                 "cursor-pointer": !_ctx.disabled,
-                "cursor-not-allowed": _ctx.disabled
-              }),
+                "cursor-not-allowed": _ctx.disabled,
+                "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)),
@@ -135,7 +135,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               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({
+            }), createSlots({
               prefix: withCtx(() => [
                 renderSlot(_ctx.$slots, "prefix", { unclickable })
               ]),
@@ -147,14 +147,28 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               _: 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?.()?.length ? {
                 name: "right",
                 fn: withCtx(() => [
                   renderSlot(_ctx.$slots, "right")
                 ]),
-                key: "0"
+                key: "2"
               } : void 0
-            ]), 1032, ["title", "model-value", "type", "max-length", "loading", "hide-input", "readonly", "skeleton", "size", "error-message", "required", "disabled", "has-changes", "allow-clear", "icon", "placeholder", "no-margin", "allow-paste", "mono", "autofocus", "class", "onFocus", "onBlur", "onClick", "onClick:suffix"])
+            ]), 1040, ["class", "onFocus", "onBlur", "onClick", "onClick:suffix"])
           ]),
           content: withCtx((contentScope) => [
             createElementVNode("div", {
@@ -187,7 +201,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createTextVNode(toDisplayString(_ctx.description), 1)
           ], 64))
         ], 2)) : createCommentVNode("", true)
-      ]);
+      ], 2);
     };
   }
 });

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

@@ -1,39 +1,50 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
-    loading?: boolean | undefined;
-    allowClear?: boolean | undefined;
-    allowPaste?: boolean | undefined;
-    disabled?: boolean | undefined;
-    readonly?: boolean | undefined;
-    textSecure?: boolean | undefined;
-    isSecureVisible?: boolean | undefined;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToOption<{
+    modelValue?: number | string;
+    loading?: boolean;
+    allowClear?: boolean;
+    allowPaste?: boolean;
+    allowCopy?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    textSecure?: boolean;
+    isSecureVisible?: boolean;
+    focused?: boolean;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "click:paste": () => void;
     "show:secure": (value: MouseEvent) => void;
     "hide:secure": (value: MouseEvent) => void;
     "click:clear": () => void;
     "click:slot": (value: MouseEvent) => void;
-    "update:width": (value: number) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    loading?: boolean | undefined;
-    allowClear?: boolean | undefined;
-    allowPaste?: boolean | undefined;
-    disabled?: boolean | undefined;
-    readonly?: boolean | undefined;
-    textSecure?: boolean | undefined;
-    isSecureVisible?: boolean | undefined;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<{
+    modelValue?: number | string;
+    loading?: boolean;
+    allowClear?: boolean;
+    allowPaste?: boolean;
+    allowCopy?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    textSecure?: boolean;
+    isSecureVisible?: boolean;
+    focused?: boolean;
 }>>> & {
     "onClick:paste"?: (() => any) | undefined;
     "onShow:secure"?: ((value: MouseEvent) => any) | undefined;
     "onHide:secure"?: ((value: MouseEvent) => any) | undefined;
     "onClick:clear"?: (() => any) | undefined;
     "onClick:slot"?: ((value: MouseEvent) => any) | undefined;
-    "onUpdate:width"?: ((value: number) => any) | undefined;
-}, {}, {}>, {
-    default?(_: {}): any;
-}>;
+}, {}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
+type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
     } : {
@@ -41,9 +52,4 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
 //# sourceMappingURL=InputActions.vue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"InputActions.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/components/InputActions.vue"],"names":[],"mappings":"AA+EA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqWA,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"InputActions.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/components/InputActions.vue"],"names":[],"mappings":"AAiIA,iBAAS,cAAc;qBA2LO,GAAG;EAwBhC;AACD,QAAA,MAAM,eAAe;iBAlPN,MAAM,GAAG,MAAM;cAClB,OAAO;iBACJ,OAAO;iBACP,OAAO;gBACR,OAAO;eACR,OAAO;eACP,OAAO;iBACL,OAAO;sBACF,OAAO;cACf,OAAO;;;;;;;;iBATJ,MAAM,GAAG,MAAM;cAClB,OAAO;iBACJ,OAAO;iBACP,OAAO;gBACR,OAAO;eACR,OAAO;eACP,OAAO;iBACL,OAAO;sBACF,OAAO;cACf,OAAO;;;;;;;UAgPjB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

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

@@ -1,114 +1,79 @@
-import { defineComponent, ref, watch, toRef, onMounted, openBlock, createElementBlock, withModifiers, createVNode, unref, createCommentVNode, normalizeClass, createBlock, renderSlot } from 'vue';
-import IconCancel from '../../../assets/icons/default/IconCancel.svg.js';
+import { defineComponent, toRef, openBlock, createElementBlock, createBlock, markRaw, unref, createCommentVNode, createVNode, withCtx, renderSlot } from 'vue';
+import IconClose from '../../../assets/icons/sax/IconClose.svg.js';
 import IconEye from '../../../assets/icons/sax/IconEye.svg.js';
 import IconEyeSlash from '../../../assets/icons/sax/IconEyeSlash.svg.js';
 import IconPaste from '../../../assets/icons/sax/IconPaste.svg.js';
 import WSpinner from '../../Spinner/WSpinner.vue.js';
-import _sfc_main$1 from '../../Tooltip/WTooltip.vue.js';
-import { debounce } from '../../../utils/utils.js';
-import { useTabActiveListener } from '../../Tabs/use/useTabActiveListener.js';
+import { useCopy } from '../../../utils/useCopy.js';
+import _sfc_main$1 from './InputActionsButton.vue.js';
 
-const _hoisted_1 = ["disabled"];
+const _hoisted_1 = {
+  key: 0,
+  class: "flex rounded-xl overflow-hidden bg-default dark:bg-default-dark"
+};
 const _hoisted_2 = {
-  key: 3,
+  key: 4,
   class: "h-full w-11 flex items-center justify-center text-description cursor-progress"
 };
-const _hoisted_3 = ["disabled"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "InputActions",
   props: {
+    modelValue: {},
     loading: { type: Boolean },
     allowClear: { type: Boolean },
     allowPaste: { type: Boolean },
+    allowCopy: { type: Boolean },
     disabled: { type: Boolean },
     readonly: { type: Boolean },
     textSecure: { type: Boolean },
-    isSecureVisible: { type: Boolean }
+    isSecureVisible: { type: Boolean },
+    focused: { type: Boolean }
   },
-  emits: ["click:paste", "show:secure", "hide:secure", "click:clear", "click:slot", "update:width"],
-  setup(__props, { emit: __emit }) {
+  emits: ["click:paste", "show:secure", "hide:secure", "click:clear", "click:slot"],
+  setup(__props) {
     const props = __props;
-    const emit = __emit;
-    const element = ref();
-    const emitWidth = debounce(() => {
-      emit("update:width", element.value?.offsetWidth ?? 0);
-    }, 10);
-    watch(toRef(props, "loading"), emitWidth);
-    watch(toRef(props, "allowClear"), emitWidth);
-    watch(toRef(props, "disabled"), emitWidth);
-    watch(toRef(props, "textSecure"), emitWidth);
-    watch(toRef(props, "allowPaste"), emitWidth);
-    useTabActiveListener(emitWidth);
-    onMounted(() => {
-      emitWidth();
-    });
+    const { doCopy, iconCopy } = useCopy(toRef(props, "modelValue"));
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "element",
-        ref: element,
-        class: "flex rounded-xl overflow-hidden bg-default dark:bg-default-dark"
-      }, [
-        _ctx.allowClear && !_ctx.disabled && !_ctx.readonly ? (openBlock(), createElementBlock("button", {
+      return _ctx.loading || _ctx.$slots.default || _ctx.textSecure || _ctx.allowCopy || (_ctx.allowPaste || _ctx.allowClear) && !_ctx.disabled && !_ctx.readonly ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        _ctx.allowClear && !_ctx.disabled && !_ctx.readonly ? (openBlock(), createBlock(_sfc_main$1, {
           key: 0,
-          class: "relative w-ripple w-ripple-hover h-full w-11 p-[0.6875rem] flex justify-center text-description select-none outline-none",
-          onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
-          }, ["prevent", "stop"])),
-          onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("click:clear"))
-        }, [
-          createVNode(unref(IconCancel), { class: "w-5 h-5" }),
-          createVNode(_sfc_main$1, {
-            text: "Clear",
-            "no-touch": ""
-          })
-        ], 32)) : createCommentVNode("", true),
-        _ctx.allowPaste && !_ctx.disabled && !_ctx.readonly ? (openBlock(), createElementBlock("button", {
+          icon: markRaw(unref(IconClose)),
+          "tooltip-text": "Clear",
+          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click:clear"))
+        }, null, 8, ["icon"])) : createCommentVNode("", true),
+        _ctx.allowCopy && !_ctx.textSecure ? (openBlock(), createBlock(_sfc_main$1, {
           key: 1,
-          class: "relative w-ripple w-ripple-hover h-full w-11 p-[0.6875rem] flex justify-center text-description select-none outline-none",
-          onMousedown: _cache[2] || (_cache[2] = withModifiers(() => {
-          }, ["prevent", "stop"])),
-          onClick: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("click:paste"))
-        }, [
-          createVNode(unref(IconPaste), { class: "w-5 h-5" }),
-          createVNode(_sfc_main$1, {
-            text: "Paste",
-            "no-touch": ""
-          })
-        ], 32)) : createCommentVNode("", true),
-        _ctx.textSecure ? (openBlock(), createElementBlock("button", {
+          icon: markRaw(unref(iconCopy)),
+          "tooltip-text": "Copy",
+          onClick: unref(doCopy)
+        }, null, 8, ["icon", "onClick"])) : createCommentVNode("", true),
+        _ctx.allowPaste && !_ctx.disabled && !_ctx.readonly ? (openBlock(), createBlock(_sfc_main$1, {
           key: 2,
+          icon: markRaw(unref(IconPaste)),
+          "tooltip-text": "Paste",
+          onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("click:paste"))
+        }, null, 8, ["icon"])) : createCommentVNode("", true),
+        _ctx.textSecure ? (openBlock(), createBlock(_sfc_main$1, {
+          key: 3,
+          icon: _ctx.isSecureVisible ? markRaw(unref(IconEye)) : markRaw(unref(IconEyeSlash)),
+          "tooltip-text": _ctx.isSecureVisible ? "Hide" : "Show",
           disabled: _ctx.disabled || _ctx.readonly,
-          class: normalizeClass(["relative h-full w-11 p-[0.6875rem] flex justify-center select-none outline-none", {
-            "cursor-pointer w-ripple w-ripple-hover": !_ctx.disabled && !_ctx.readonly,
-            "cursor-not-allowed": _ctx.disabled || _ctx.readonly
-          }]),
-          onClick: _cache[4] || (_cache[4] = ($event) => _ctx.isSecureVisible ? _ctx.$emit("hide:secure", $event) : _ctx.$emit("show:secure", $event))
-        }, [
-          !_ctx.isSecureVisible ? (openBlock(), createBlock(unref(IconEyeSlash), {
-            key: 0,
-            class: "w-5 h-5 text-description"
-          })) : (openBlock(), createBlock(unref(IconEye), {
-            key: 1,
-            class: "w-5 h-5 text-primary-default dark:text-primary-dark"
-          })),
-          createVNode(_sfc_main$1, {
-            text: _ctx.isSecureVisible ? "Hide" : "Show",
-            "no-touch": ""
-          }, null, 8, ["text"])
-        ], 10, _hoisted_1)) : createCommentVNode("", true),
+          top: !_ctx.focused,
+          onClick: _cache[2] || (_cache[2] = ($event) => _ctx.isSecureVisible ? _ctx.$emit("hide:secure", $event) : _ctx.$emit("show:secure", $event))
+        }, null, 8, ["icon", "tooltip-text", "disabled", "top"])) : createCommentVNode("", true),
         _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_2, [
           createVNode(WSpinner, { class: "[--spinner-size:1.5rem]" })
-        ])) : _ctx.$slots.default?.()?.length ? (openBlock(), createElementBlock("button", {
-          key: 4,
+        ])) : _ctx.$slots.default ? (openBlock(), createBlock(_sfc_main$1, {
+          key: 5,
           disabled: _ctx.disabled,
-          class: normalizeClass([{
-            "cursor-pointer": !_ctx.disabled,
-            "cursor-not-allowed": _ctx.disabled
-          }, "h-full w-11 flex items-center justify-center outline-none"]),
-          onClick: _cache[5] || (_cache[5] = withModifiers(($event) => _ctx.$emit("click:slot", $event), ["stop"]))
-        }, [
-          renderSlot(_ctx.$slots, "default")
-        ], 10, _hoisted_3)) : createCommentVNode("", true)
-      ], 512);
+          onClick: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("click:slot", $event))
+        }, {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          _: 3
+        }, 8, ["disabled"])) : createCommentVNode("", true)
+      ])) : createCommentVNode("", true);
     };
   }
 });

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

@@ -0,0 +1,35 @@
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToOption<{
+    tooltipText?: string;
+    disabled?: boolean;
+    icon?: SVGComponent;
+    top?: boolean;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (value: MouseEvent) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<{
+    tooltipText?: string;
+    disabled?: boolean;
+    icon?: SVGComponent;
+    top?: boolean;
+}>>> & {
+    onClick?: ((value: MouseEvent) => any) | undefined;
+}, {}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+//# sourceMappingURL=InputActionsButton.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputActionsButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/components/InputActionsButton.vue"],"names":[],"mappings":"AAmEA,iBAAS,cAAc;qBA8DM,GAAG;EAgB/B;AACD,QAAA,MAAM,eAAe;kBAjGL,MAAM;eACT,OAAO;WACX,YAAY;UACb,OAAO;;;;kBAHC,MAAM;eACT,OAAO;WACX,YAAY;UACb,OAAO;;;UAqGb,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

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

@@ -0,0 +1,41 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, withModifiers, renderSlot, createBlock, resolveDynamicComponent, createCommentVNode } from 'vue';
+import _sfc_main$1 from '../../Tooltip/WTooltip.vue.js';
+
+const _hoisted_1 = ["disabled"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "InputActionsButton",
+  props: {
+    tooltipText: {},
+    disabled: { type: Boolean },
+    icon: {},
+    top: { type: Boolean }
+  },
+  emits: ["click"],
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        disabled: _ctx.disabled,
+        class: normalizeClass([{
+          "cursor-pointer w-ripple w-ripple-hover": !_ctx.disabled,
+          "cursor-not-allowed": _ctx.disabled,
+          "items-center": !_ctx.top,
+          "items-start": _ctx.top
+        }, "h-full w-11 py-[0.6875rem] flex justify-center relative text-description select-none"]),
+        onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
+        }, ["prevent", "stop"])),
+        onClick: _cache[1] || (_cache[1] = withModifiers(($event) => _ctx.$emit("click", $event), ["stop"]))
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), { class: "square-5" })),
+          _ctx.tooltipText && !_ctx.disabled ? (openBlock(), createBlock(_sfc_main$1, {
+            key: 0,
+            text: _ctx.tooltipText,
+            "no-touch": ""
+          }, null, 8, ["text"])) : createCommentVNode("", true)
+        ])
+      ], 42, _hoisted_1);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/Input/components/InputActionsButton.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './InputActionsButton.vue.js';
+
+
+
+export { _sfc_main as default };

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

@@ -0,0 +1,45 @@
+import { FieldWrapperProps } from '../FieldWrapper/types';
+import { Component } from 'vue';
+import { DropdownMenuProps } from '../DropdownMenu/types';
+
+export interface InputProps<Type extends InputType> extends Omit<FieldWrapperProps, 'modelValue'> {
+    modelValue?: (Type extends 'number' ? number : string) | undefined;
+    type?: Type;
+    textarea?: boolean;
+    resize?: boolean;
+    placeholder?: string;
+    icon?: SVGComponent;
+    size?: number;
+    maxLength?: number;
+    name?: string;
+    autocomplete?: 'off' | string;
+    autofocus?: boolean;
+    readonly?: boolean;
+    disabledActions?: boolean;
+    loading?: boolean;
+    spellcheck?: boolean;
+    customBackspaceHandle?: boolean;
+    textSecure?: boolean;
+    placeholderSecure?: boolean;
+    allowClear?: boolean;
+    allowPaste?: boolean;
+    hideInput?: boolean;
+}
+export interface InputAsyncProps<Type extends InputType> extends InputProps<Type> {
+    validate?: ValidateFn | ValidateFn[];
+}
+export interface InputSuggestProps<Type extends InputType> extends InputProps<Type>, Partial<Omit<DropdownMenuProps, 'isOpen' | 'updateAlign' | 'emitUpdate'>> {
+    mobileTitle?: string;
+    persist?: boolean;
+}
+export interface InputOptionsProps<Type extends InputType, Option> extends InputSuggestProps<Type> {
+    options: Option[];
+    valueGetter: (option: Option) => Required<InputSuggestProps<Type>>['modelValue'];
+    emptyStub?: string;
+    optionComponent?: Component<{
+        option: Option;
+        selected?: boolean;
+        model?: boolean;
+    }>;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Input/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,iCAAiC,CAAA;AACtE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,KAAK,CAAA;AAClC,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,uBAAuB,CAAA;AAE5D,MAAM,WAAW,UAAU,CAAC,IAAI,SAAS,SAAS,CAAE,SAAQ,IAAI,CAAC,iBAAiB,EAAE,YAAY,CAAC;IAC/F,UAAU,CAAC,EAAE,CAAC,IAAI,SAAS,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC,GAAG,SAAS,CAAA;IAClE,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,MAAM,WAAW,eAAe,CAAC,IAAI,SAAS,SAAS,CAAE,SAAQ,UAAU,CAAC,IAAI,CAAC;IAC/E,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,EAAE,CAAA;CACrC;AAED,MAAM,WAAW,iBAAiB,CAAC,IAAI,SAAS,SAAS,CAAE,SAAQ,UAAU,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,QAAQ,GAAG,aAAa,GAAG,YAAY,CAAC,CAAC;IAC5J,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,WAAW,iBAAiB,CAAC,IAAI,SAAS,SAAS,EAAE,MAAM,CAAE,SAAQ,iBAAiB,CAAC,IAAI,CAAC;IAChG,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,QAAQ,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAA;IAChF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,SAAS,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,OAAO,CAAA;KAAC,CAAC,CAAA;CACnF"}