@agrotools1/at-components 1.0.6 → 1.0.7

package/dist/Filter/Filter.vue2.js

@@ -1,21 +1,21 @@
-import { defineComponent as P, ref as n, computed as R, toRaw as V } from "vue";
-import { AtCloseSolidIcon as q } from "../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtCloseSolidIcon/index.js";
-import { AtFilterRegularIcon as B } from "../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtFilterRegularIcon/index.js";
-import T from "../Button/Button.vue.js";
-import E from "../Checkbox/Checkbox.vue.js";
-import M from "../Dropdown/Dropdown.core.vue.js";
-import { AtTipograph as U } from "../Tipograph/index.js";
-const _ = {
-  AtCloseSolidIcon: q,
-  AtFilterRegularIcon: B
-}, Q = P({
+import { defineComponent as O, ref as n, computed as P, watch as R, toRaw as V } from "vue";
+import { AtCloseSolidIcon as T } from "../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtCloseSolidIcon/index.js";
+import { AtFilterRegularIcon as E } from "../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtFilterRegularIcon/index.js";
+import M from "../Button/Button.vue.js";
+import U from "../Checkbox/Checkbox.vue.js";
+import _ from "../Dropdown/Dropdown.core.vue.js";
+import { AtTipograph as $ } from "../Tipograph/index.js";
+const j = {
+  AtCloseSolidIcon: T,
+  AtFilterRegularIcon: E
+}, W = O({
   name: "AtFilter",
   components: {
-    AtDropDown: M,
-    AtParagraph: U.Paragraph,
-    AtButton: T,
-    AtCheckbox: E,
-    ..._
+    AtDropDown: _,
+    AtParagraph: $.Paragraph,
+    AtButton: M,
+    AtCheckbox: U,
+    ...j
   },
   props: {
     dropDownList: {
@@ -34,17 +34,26 @@ const _ = {
     id: {
       type: String,
       required: !1
+    },
+    disableSubmit: {
+      type: Boolean,
+      required: !1
+    },
+    forceClose: {
+      type: Boolean,
+      required: !1,
+      default: !1
     }
   },
   emits: ["update:isOpen", "onSave", "onCleanUp"],
-  setup(i, { emit: d, attrs: h }) {
+  setup(u, { emit: m, attrs: h }) {
     const k = (e) => {
       if (typeof e.text == "string")
         return e.text;
-    }, c = n(!1), w = () => {
-      c.value = !c.value;
-    }, D = R(() => c.value || u.value > 0 ? "primary" : "secondary"), g = n(!1), p = n([]), A = () => {
-      p.value = i.dropDownList.map(
+    }, i = n(!1), D = () => {
+      i.value = !i.value;
+    }, I = P(() => i.value || c.value > 0 ? "primary" : "secondary"), g = n(!1), p = n([]), A = () => {
+      p.value = u.dropDownList.map(
         (e) => structuredClone(V(e))
       );
     };
@@ -53,65 +62,70 @@ const _ = {
       s.value = [], l.value = [], p.value.some((e) => "key" in e) ? s.value = p.value : l.value = p.value;
     };
     y();
-    const x = (e) => {
+    const C = (e) => {
       var t, o;
       (t = s.value) == null || t.map(
         (a) => a.value.map((r) => r.value = e)
       ), (o = l.value) == null || o.map((a) => a.value = e);
-    }, f = () => c.value = !1, L = (e = !0) => {
-      g.value = !1, x(!1), I(), C(), d("onCleanUp"), e && setTimeout(f, 1);
+    }, f = () => i.value = !1, L = (e = !0) => {
+      g.value = !1, C(!1), w(), x(), m("onCleanUp"), e && setTimeout(f, 1);
     }, S = () => {
       var o, a;
       const e = (o = s.value) == null ? void 0 : o.reduce(
-        (r, { key: F, value: v }) => {
-          const O = v == null ? void 0 : v.filter((m) => m.value).map((m) => m.text);
-          return r[F] = O, r;
+        (r, { key: B, value: v }) => {
+          const F = v == null ? void 0 : v.filter((d) => d.value).map((d) => d.text);
+          return r[B] = F, r;
         },
         {}
       ), t = (a = l.value) == null ? void 0 : a.filter((r) => r.value).map((r) => r.text);
       return t != null && t.length ? t : e;
-    }, C = () => {
+    }, x = () => {
       var t, o;
       const e = (t = l.value) != null && t.length ? l.value : (
         // .filter((item) => item.value)
         s.value
       );
-      I(), f(), d(
+      w(), f(), m(
         "onSave",
-        (o = i.options) != null && o.returnOnlyChecked && (e != null && e.length) ? S() : e
+        (o = u.options) != null && o.returnOnlyChecked && (e != null && e.length) ? S() : e
       );
-    }, u = n(0), I = () => {
+    }, c = n(0), w = () => {
       var e, t;
-      u.value = 0, u.value += ((e = l.value) == null ? void 0 : e.filter((o) => o.value).length) ?? 0, (t = s.value) == null || t.forEach(
+      c.value = 0, c.value += ((e = l.value) == null ? void 0 : e.filter((o) => o.value).length) ?? 0, (t = s.value) == null || t.forEach(
         (o) => o.value.forEach(
-          (a) => a.value ? u.value++ : u
+          (a) => a.value ? c.value++ : c
         )
       );
-    }, b = n(0);
-    return {
-      props: i,
+    }, b = n(0), q = (e) => h.id ? `${h.id}-${e.text}` : e.text;
+    return R(
+      () => u.forceClose,
+      (e) => {
+        e && (i.value = !1);
+      }
+    ), {
+      props: u,
       list: p,
       listSeparator: s,
       listArray: l,
       checkAllModel: g,
-      isOpen: c,
-      getButtonColor: D,
-      count: u,
+      isOpen: i,
+      getButtonColor: I,
+      count: c,
       keyValue: b,
-      getItemId: (e) => h.id ? `${h.id}-${e.text}` : e.text,
+      getItemId: q,
       resetList: A,
       setListProps: y,
-      toggleDropdown: w,
-      setAllCheckboxValues: x,
+      toggleDropdown: D,
+      setAllCheckboxValues: C,
       clear: L,
       getItemText: k,
       closeDialog: f,
-      save: C
+      save: x
     };
   },
   watch: {
-    checkAllModel(i) {
-      this.setAllCheckboxValues(i);
+    checkAllModel(u) {
+      this.setAllCheckboxValues(u);
     },
     dropDownList() {
       this.resetList(), this.clear(!1), this.setListProps(), this.keyValue++;
@@ -119,5 +133,5 @@ const _ = {
   }
 });
 export {
-  Q as default
+  W as default
 };

package/dist/Input/Input.core.d.ts

@@ -36,6 +36,11 @@ declare const _default: import('vue').DefineComponent<{
         required: false;
         default: undefined;
     };
+    as: {
+        type: PropType<"input" | "textarea">;
+        default: string;
+        required: false;
+    };
     forceFocus: {
         type: BooleanConstructor;
         default: boolean;
@@ -6280,6 +6285,11 @@ declare const _default: import('vue').DefineComponent<{
         required: false;
         default: undefined;
     };
+    as: {
+        type: PropType<"input" | "textarea">;
+        default: string;
+        required: false;
+    };
     forceFocus: {
         type: BooleanConstructor;
         default: boolean;
@@ -6367,6 +6377,7 @@ declare const _default: import('vue').DefineComponent<{
     onClearInput?: ((...args: any[]) => any) | undefined;
     onOverflow?: ((...args: any[]) => any) | undefined;
 }, {
+    as: "input" | "textarea";
     type: string;
     required: boolean;
     label: string;

package/dist/Input/Input.core.vue.js

@@ -1,19 +1,19 @@
-import I from "./Input.core.vue2.js";
-import { resolveComponent as v, openBlock as n, createElementBlock as l, createElementVNode as t, createTextVNode as p, toDisplayString as d, createCommentVNode as r, Fragment as C, renderList as k, mergeProps as T, normalizeClass as m, createBlock as i, resolveDynamicComponent as y } from "vue";
+import v from "./Input.core.vue2.js";
+import { resolveComponent as C, openBlock as n, createElementBlock as l, createElementVNode as t, createTextVNode as p, toDisplayString as i, createCommentVNode as r, Fragment as k, renderList as T, createBlock as d, resolveDynamicComponent as m, mergeProps as y, normalizeClass as I } from "vue";
 import "./Input.core.vue3.js";
-import $ from "../_virtual/_plugin-vue_export-helper.js";
-const f = ["data-mode", "has-error", "disabled"], h = ["for"], A = {
+import h from "../_virtual/_plugin-vue_export-helper.js";
+const $ = ["data-mode", "has-error", "disabled"], f = ["for"], A = {
   key: 0,
   class: "AT-INPUT_required"
-}, N = ["title"], b = { class: "AT-INPUT_item_slot" }, F = ["onClick"], O = {
+}, N = ["title"], P = { class: "AT-INPUT_item_slot" }, b = ["onClick"], F = {
   key: 0,
   class: "AT-INPUT_items_length"
-}, P = {
+}, U = {
   key: 1,
   class: "AT_INPUT_button_placeholder"
-}, g = ["id", "disabled", "readonly", "type", "placeholder", "name", "value"], U = ["data-mode"], B = ["src"];
-function M(e, s, S, z, E, w) {
-  const u = v("AtCloseSolidIcon");
+}, c = ["data-mode"], g = ["src"];
+function B(e, s, O, M, S, z) {
+  const a = C("AtCloseSolidIcon");
   return n(), l("div", null, [
     t("div", {
       ref: "wrapperEl",
@@ -21,85 +21,85 @@ function M(e, s, S, z, E, w) {
       "has-error": e.error.value,
       disabled: e.$props.disabled || void 0,
       class: "AT-INPUT_core",
-      onMouseover: s[9] || (s[9] = (...o) => e.handleMouseOver && e.handleMouseOver(...o)),
-      onMouseleave: s[10] || (s[10] = (...o) => e.handleMouseLeave && e.handleMouseLeave(...o))
+      onMouseover: s[6] || (s[6] = (...o) => e.handleMouseOver && e.handleMouseOver(...o)),
+      onMouseleave: s[7] || (s[7] = (...o) => e.handleMouseLeave && e.handleMouseLeave(...o))
     }, [
       t("label", {
         for: e.id,
         onClick: s[0] || (s[0] = (...o) => e.handleOnFocus && e.handleOnFocus(...o))
       }, [
-        p(d(e.label) + " ", 1),
+        p(i(e.label) + " ", 1),
         e.$props.required ? (n(), l("span", A, "*")) : r("", !0)
-      ], 8, h),
+      ], 8, f),
       e.separator ? (n(), l("div", {
         key: 0,
         ref: "containerItemsEl",
         class: "AT-INPUT_items",
         onClick: s[1] || (s[1] = (...o) => e.handleOnFocus && e.handleOnFocus(...o))
       }, [
-        (n(!0), l(C, null, k(e.selectedItemsController.itemsToRender, (o) => (n(), l("span", {
+        (n(!0), l(k, null, T(e.selectedItemsController.itemsToRender, (o) => (n(), l("span", {
           key: o.value,
           ref_for: !0,
           ref: "selectedItemsEl",
           title: o.text,
           class: "AT-INPUT_item"
         }, [
-          t("span", b, d(o.text), 1),
+          t("span", P, i(o.text), 1),
           t("span", {
             class: "AT-INPUT_item_slot_x",
             style: { padding: "1px 5px" },
             onClick: () => {
-              var a;
-              (a = e.onSelectedItemClick) == null || a.call(e, o == null ? void 0 : o.value);
+              var u;
+              (u = e.onSelectedItemClick) == null || u.call(e, o == null ? void 0 : o.value);
             }
-          }, "x", 8, F)
+          }, "x", 8, b)
         ], 8, N))), 128)),
-        e.selectedItems.length > e.selectedItemsController.supportedItems ? (n(), l("span", O, "+ " + d(e.selectedItems.length - e.selectedItemsController.supportedItems), 1)) : r("", !0),
-        e.$props.type === "button" && e.selectedItems.length <= 0 ? (n(), l("div", P, [
-          t("span", null, d(e.placeholder), 1)
+        e.selectedItems.length > e.selectedItemsController.supportedItems ? (n(), l("span", F, "+ " + i(e.selectedItems.length - e.selectedItemsController.supportedItems), 1)) : r("", !0),
+        e.$props.type === "button" && e.selectedItems.length <= 0 ? (n(), l("div", U, [
+          t("span", null, i(e.placeholder), 1)
         ])) : r("", !0)
-      ], 512)) : (n(), l("input", T({ key: 1 }, e.$attrs, {
+      ], 512)) : (n(), d(m(e.as), y({ key: 1 }, e.$attrs, {
         id: e.id,
         ref: "inputEl",
         style: { cursor: e.cursor },
-        class: e.inputClass,
+        class: [e.inputClass, "AT-INPUT"],
         disabled: e.$props.disabled || void 0,
         readonly: e.$props.readonly || void 0,
         type: e.type,
         placeholder: e.placeholder,
         name: e.id,
         value: e.inputComputedValue,
-        onInput: s[2] || (s[2] = (...o) => e.onInput && e.onInput(...o)),
-        onFocus: s[3] || (s[3] = (...o) => e.handleOnFocus && e.handleOnFocus(...o)),
-        onFocusout: s[4] || (s[4] = (...o) => e.handleOnFocusOut && e.handleOnFocusOut(...o))
-      }), null, 16, g)),
+        onInput: e.onInput,
+        onFocus: e.handleOnFocus,
+        onFocusout: e.handleOnFocusOut
+      }), null, 16, ["id", "style", "class", "disabled", "readonly", "type", "placeholder", "name", "value", "onInput", "onFocus", "onFocusout"])),
       e.$props.icon ? (n(), l("div", {
         key: 2,
-        class: m(["AT_INPUT_side_icon_slot", { clickable: e.useSideClearButton }]),
-        onClick: s[6] || (s[6] = (o) => e.showSideClearButton ? e.clearInput() : null)
+        class: I(["AT_INPUT_side_icon_slot", { clickable: e.useSideClearButton }]),
+        onClick: s[3] || (s[3] = (o) => e.showSideClearButton ? e.clearInput() : null)
       }, [
-        e.showSideClearButton ? (n(), i(u, {
+        e.showSideClearButton ? (n(), d(a, {
           key: 0,
           size: "20",
-          onClick: s[5] || (s[5] = (o) => e.clearInput())
+          onClick: s[2] || (s[2] = (o) => e.clearInput())
         })) : r("", !0)
       ], 2)) : r("", !0),
       e.$props.icon ? (n(), l("div", {
         key: 3,
-        class: m(["AT_INPUT_icon_slot", { clickable: e.useClearButton && e.isFocused }]),
-        onClick: s[8] || (s[8] = (o) => e.showClearButton ? e.clearInput() : null)
+        class: I(["AT_INPUT_icon_slot", { clickable: e.useClearButton && e.isFocused }]),
+        onClick: s[5] || (s[5] = (o) => e.showClearButton ? e.clearInput() : null)
       }, [
-        e.showClearButton ? (n(), i(u, {
+        e.showClearButton ? (n(), d(a, {
           key: 0,
           size: "20",
-          onClick: s[7] || (s[7] = (o) => e.clearInput())
-        })) : (n(), i(y(e.icons[e.$props.icon.name]), {
+          onClick: s[4] || (s[4] = (o) => e.clearInput())
+        })) : (n(), d(m(e.icons[e.$props.icon.name]), {
           key: 1,
           size: e.$props.icon.size || "20",
           color: e.iconColor
         }, null, 8, ["size", "color"]))
       ], 2)) : r("", !0)
-    ], 40, f),
+    ], 40, $),
     e.error.value ? (n(), l("span", {
       key: 0,
       class: "AT-INPUT_error-message",
@@ -108,12 +108,12 @@ function M(e, s, S, z, E, w) {
       t("img", {
         src: e.icons.error,
         alt: "error icon"
-      }, null, 8, B),
-      p(" " + d(e.error.message), 1)
-    ], 8, U)) : r("", !0)
+      }, null, 8, g),
+      p(" " + i(e.error.message), 1)
+    ], 8, c)) : r("", !0)
   ]);
 }
-const j = /* @__PURE__ */ $(I, [["render", M], ["__scopeId", "data-v-a228fa48"]]);
+const D = /* @__PURE__ */ h(v, [["render", B], ["__scopeId", "data-v-3369221a"]]);
 export {
-  j as default
+  D as default
 };

package/dist/Input/Input.core.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as P, ref as u, computed as i, onMounted as H, onBeforeUnmount as G, watchEffect as J, watch as B, nextTick as b } from "vue";
+import { defineComponent as P, ref as n, computed as i, onMounted as H, onBeforeUnmount as G, watchEffect as J, watch as B, nextTick as b } from "vue";
 import { AtCloseSolidIcon as K } from "../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtCloseSolidIcon/index.js";
 import Q from "../Icons/icons.js";
 import X from "./imgs/error.svg.js";
@@ -18,6 +18,11 @@ const ee = P({
       required: !1,
       default: void 0
     },
+    as: {
+      type: String,
+      default: "input",
+      required: !1
+    },
     forceFocus: {
       type: Boolean,
       default: !1,
@@ -107,19 +112,19 @@ const ee = P({
     "overflow"
   ],
   setup(e, { emit: s }) {
-    const F = { ...Q }, S = u(null), f = u(null), v = u(null), E = u(null), L = i(() => e.error), a = u(!1), d = u(""), c = u(!1), M = u(!1), T = i(
+    const F = { ...Q }, S = n(null), f = n(null), v = n(null), E = n(null), L = i(() => e.error), a = n(!1), d = n(""), c = n(!1), M = n(!1), T = i(
       () => e.useClearButton && a.value && e.modelValue && !c.value
     ), k = i(
       () => e.useSideClearButton && !e.useClearButton && e.modelValue && !c.value
-    ), h = u({
+    ), g = n({
       supportedItems: e.selectedItems.length,
       isCounterActive: !1,
       itemsToRender: e.selectedItems
-    }), _ = Math.random().toString(36).substring(2), o = u(!1), W = () => {
+    }), _ = Math.random().toString(36).substring(2), o = n(!1), W = () => {
       o.value = !0;
     }, x = () => {
       o.value = !1;
-    }, g = () => {
+    }, h = () => {
       a.value = !0;
     }, m = () => {
       e.forceFocus || (e.forceEventClearButton ? a.value = !0 : A(() => {
@@ -127,28 +132,28 @@ const ee = P({
       }, 100)());
     }, I = async () => {
       var q;
-      h.value.itemsToRender = e.selectedItems, await b();
+      g.value.itemsToRender = e.selectedItems, await b();
       const t = (q = v.value) == null ? void 0 : q.clientWidth;
       if (t === void 0)
         return;
-      let l = 50, n = 0;
+      let l = 50, u = 0;
       const r = E.value;
       if (r)
         for (let y = 0; y < r.length; y++)
-          l += r[y].clientWidth + 10, l <= t && (n = y + 1);
+          l += r[y].clientWidth + 10, l <= t && (u = y + 1);
       let w;
       l >= t ? w = {
         isCounterActive: l > (t || 0),
-        supportedItems: n,
-        itemsToRender: e.selectedItems.slice(0, n)
+        supportedItems: u,
+        itemsToRender: e.selectedItems.slice(0, u)
       } : w = {
         isCounterActive: l > (t || 0),
         supportedItems: e.selectedItems.length,
         itemsToRender: e.selectedItems
-      }, h.value = w;
+      }, g.value = w;
     }, O = (t) => {
-      var l, n;
-      !((l = S.value) != null && l.contains(t.target)) && !((n = f.value) != null && n.contains(t.target)) && !T.value && !c.value && (m(), a.value = !1, s("clickOutside"));
+      var l, u;
+      !((l = S.value) != null && l.contains(t.target)) && !((u = f.value) != null && u.contains(t.target)) && !T.value && !c.value && (m(), a.value = !1, s("clickOutside"));
     }, C = async () => {
       if (await b(), f.value) {
         const t = f.value.scrollWidth > f.value.clientWidth;
@@ -157,7 +162,7 @@ const ee = P({
     };
     H(() => {
       var t;
-      (e.modelValue !== void 0 && ((t = e.modelValue) != null && t.length) || e.forceFocus) && g(), document.addEventListener("click", O), window.addEventListener("resize", I);
+      (e.modelValue !== void 0 && ((t = e.modelValue) != null && t.length) || e.forceFocus) && h(), document.addEventListener("click", O), window.addEventListener("resize", I);
     }), G(() => {
       document.removeEventListener("click", O), window.removeEventListener("resize", I);
     });
@@ -171,9 +176,9 @@ const ee = P({
       s("update:modelValue", t), e.modelValue === void 0 && (d.value = t);
     };
     function A(t, l) {
-      let n;
+      let u;
       return function() {
-        clearTimeout(n), n = setTimeout(t, l);
+        clearTimeout(u), u = setTimeout(t, l);
       };
     }
     const j = () => {
@@ -183,7 +188,7 @@ const ee = P({
     };
     J(() => {
       var t, l;
-      e.separator && ((e.modelValue !== void 0 ? e.modelValue.split(e.separator).filter((r) => r.length > 1) : d.value.split(e.separator).filter((r) => r.length > 1)).length ? (t = v.value) == null || t.classList.remove("AT-INPUT_items_empty") : ((l = v.value) == null || l.classList.add("AT-INPUT_items_empty"), m(), a.value = !1)), e.forceFocus ? g() : (m(), a.value = !1);
+      e.separator && ((e.modelValue !== void 0 ? e.modelValue.split(e.separator).filter((r) => r.length > 1) : d.value.split(e.separator).filter((r) => r.length > 1)).length ? (t = v.value) == null || t.classList.remove("AT-INPUT_items_empty") : ((l = v.value) == null || l.classList.add("AT-INPUT_items_empty"), m(), a.value = !1)), e.forceFocus ? h() : (m(), a.value = !1);
     }), B(
       () => e.selectedItems,
       async () => {
@@ -210,7 +215,7 @@ const ee = P({
       inputEl: f,
       inputError: L,
       inputId: e.id ?? _,
-      handleOnFocus: g,
+      handleOnFocus: h,
       handleOnFocusOut: m,
       icons: {
         error: X,
@@ -230,7 +235,7 @@ const ee = P({
       inputComputedValue: U,
       currentMode: N,
       selectedItemsEl: E,
-      selectedItemsController: h,
+      selectedItemsController: g,
       resizeSelectedItems: I,
       inputClass: D,
       checkOverflow: C

package/dist/Input/Text-area.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/Input/Text-area.vue.js

@@ -0,0 +1,16 @@
+import o from "./Text-area.vue2.js";
+import { resolveComponent as r, openBlock as p, createBlock as n, mergeProps as a } from "vue";
+import "./Text-area.vue3.js";
+import s from "../_virtual/_plugin-vue_export-helper.js";
+function c(t, m, _, f, i, u) {
+  const e = r("AtCoreInput");
+  return p(), n(e, a({
+    type: "textarea",
+    as: "textarea",
+    rows: 8
+  }, t.$attrs), null, 16);
+}
+const A = /* @__PURE__ */ s(o, [["render", c], ["__scopeId", "data-v-9273f202"]]);
+export {
+  A as default
+};

package/dist/Input/Text-area.vue2.js

@@ -0,0 +1,14 @@
+import { defineComponent as t } from "vue";
+import e from "./Input.core.vue.js";
+const r = t({
+  name: "AtTextArea",
+  components: {
+    AtCoreInput: e
+  },
+  setup() {
+    return {};
+  }
+});
+export {
+  r as default
+};

package/dist/Input/Text-area.vue3.js

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

package/dist/Input/index.d.ts

@@ -1,7 +1,7 @@
 import { InputCoreProps } from './Input.core';
 
 export type InputProps = InputCoreProps;
-export declare const AtInput: {
+declare const AtInput: {
     Text: import('vue').DefineComponent<{
         modelValue: {
             type: StringConstructor;
@@ -17,6 +17,11 @@ export declare const AtInput: {
             required: false;
             default: undefined;
         };
+        as: {
+            type: import('vue').PropType<"input" | "textarea">;
+            default: string;
+            required: false;
+        };
         forceFocus: {
             type: BooleanConstructor;
             default: boolean;
@@ -6267,6 +6272,11 @@ export declare const AtInput: {
             required: false;
             default: undefined;
         };
+        as: {
+            type: import('vue').PropType<"input" | "textarea">;
+            default: string;
+            required: false;
+        };
         forceFocus: {
             type: BooleanConstructor;
             default: boolean;
@@ -6360,6 +6370,7 @@ export declare const AtInput: {
         onClearInput?: ((...args: any[]) => any) | undefined;
         onOverflow?: ((...args: any[]) => any) | undefined;
     }, {
+        as: "input" | "textarea";
         type: string;
         required: boolean;
         label: string;
@@ -6386,4 +6397,6 @@ export declare const AtInput: {
         useSideClearButton: boolean;
         forceEventClearButton: boolean;
     }, {}>;
+    TextArea: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
 };
+export { AtInput };

package/dist/Input/index.js

@@ -1,6 +1,8 @@
 import t from "./Input.core.vue.js";
+import o from "./Text-area.vue.js";
 const p = {
-  Text: t
+  Text: t,
+  TextArea: o
 };
 export {
   p as AtInput

package/dist/Modal/Modal.vue2.js

@@ -29,6 +29,8 @@ import "../Illustration/Illustration.vue2.js";
 import "../Illustration/Illustration.vue3.js";
 import "../Input/Input.core.vue2.js";
 import "../Input/Input.core.vue3.js";
+import "../Input/Text-area.vue2.js";
+import "../Input/Text-area.vue3.js";
 import "../Legend/Legend.vue2.js";
 import "../Legend/Legend.vue3.js";
 import "../List/components/List.vue2.js";
@@ -72,7 +74,7 @@ import "../Tooltip/Tooltip.vue3.js";
 import "../Upload/Upload.vue2.js";
 import "../Upload/Upload.vue3.js";
 import f from "./images/cross.svg.js";
-const It = a({
+const Nt = a({
   name: "AtModal",
   components: { AtButton: l, AtCheckbox: u },
   props: {
@@ -139,5 +141,5 @@ const It = a({
   }
 });
 export {
-  It as default
+  Nt as default
 };

package/dist/Select/index.d.ts

@@ -3,7 +3,7 @@ import { SelectCoreProps } from './Select.core';
 
 export type SelectProps = SelectCoreProps;
 export type SelectItemProps = ISelectItemProps;
-export declare const AtSelect: {
+declare const AtSelect: {
     Single: import('vue').DefineComponent<{
         modelValue: {
             type: import('vue').PropType<string | ISelectItemProps>;
@@ -296,3 +296,4 @@ export declare const AtSelect: {
         emitValue: boolean;
     }, {}>;
 };
+export { AtSelect };