beans-ui-kit 0.0.44 → 0.0.45

package/dist/beansBaseActions.es.js

@@ -1,6 +1,6 @@
-import { Fragment as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeClass as a, openBlock as o, ref as s, renderList as c, renderSlot as l, toDisplayString as u, vModelDynamic as d, vModelSelect as f, watch as p, withDirectives as m } from "vue";
+import { Fragment as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeClass as a, openBlock as o, ref as s, renderList as c, renderSlot as l, toDisplayString as u, vModelDynamic as d, vModelSelect as f, vModelText as p, watch as m, withDirectives as h } from "vue";
 //#region src/components/BaseButton.vue?vue&type=script&lang.ts
-var h = i({
+var g = i({
 	components: {},
 	emits: ["clicked"],
 	props: {
@@ -14,12 +14,12 @@ var h = i({
 			default: !1
 		}
 	}
-}), g = (e, t) => {
+}), _ = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, _ = ["disabled"];
-function v(e, i, s, c, d, f) {
+}, v = ["disabled"];
+function y(e, i, s, c, d, f) {
 	return o(), n("div", { class: a(`${e.propsClass}__wrapper`) }, [e.propsLabel ? (o(), n("label", {
 		key: 0,
 		class: a(`${e.propsClass}__label`)
@@ -27,9 +27,9 @@ function v(e, i, s, c, d, f) {
 		class: a(`${e.propsClass}`),
 		disabled: e.disabled,
 		onClick: i[0] ||= (t) => e.$emit("clicked")
-	}, [l(e.$slots, "default")], 10, _)], 2);
+	}, [l(e.$slots, "default")], 10, v)], 2);
 }
-var y = /* @__PURE__ */ g(h, [["render", v]]), b = i({
+var b = /*#__PURE__*/ _(g, [["render", y]]), x = i({
 	emits: ["valueChanged"],
 	props: {
 		propsId: {
@@ -62,7 +62,7 @@ var y = /* @__PURE__ */ g(h, [["render", v]]), b = i({
 	},
 	setup(e, { emit: t }) {
 		let n = s("");
-		return p(e, () => {
+		return m(e, () => {
 			e.propsValue && (n.value = String(e.propsValue));
 		}, { immediate: !0 }), {
 			selectValue: n,
@@ -71,8 +71,8 @@ var y = /* @__PURE__ */ g(h, [["render", v]]), b = i({
 			}
 		};
 	}
-}), x = ["for"], S = ["disabled", "id"];
-function C(i, s, d, p, h, g) {
+}), S = ["for"], C = ["disabled", "id"];
+function w(i, s, d, p, m, g) {
 	return o(), n("div", { class: a([`${i.propsClass}__wrapper`, i.disabled ? `${i.propsClass}__wrapper--disabled` : ""]) }, [
 		i.propsLabel ? (o(), n("label", {
 			key: 0,
@@ -81,8 +81,8 @@ function C(i, s, d, p, h, g) {
 		}, [r("span", { class: a(`${i.propsClass}__label`) }, u(i.propsLabel), 3), i.$slots["label-icon"] ? (o(), n("div", {
 			key: 0,
 			class: a(`${i.propsClass}__label__icon__wrapper`)
-		}, [l(i.$slots, "label-icon")], 2)) : t("", !0)], 10, x)) : t("", !0),
-		r("div", { class: a(`${i.propsClass}__inner`) }, [m(r("select", {
+		}, [l(i.$slots, "label-icon")], 2)) : t("", !0)], 10, S)) : t("", !0),
+		r("div", { class: a(`${i.propsClass}__inner`) }, [h(r("select", {
 			class: a(`${i.propsClass}`),
 			disabled: i.disabled,
 			id: i.propsId,
@@ -96,7 +96,7 @@ function C(i, s, d, p, h, g) {
 		}, u(i.propsPlaceholder), 3)) : t("", !0), (o(!0), n(e, null, c(i.propsOptions, (e, t) => (o(), n("option", {
 			key: t,
 			class: a([`${i.propsClass}__option`, i.markedOptions.length && i.markedOptions.includes(e) ? `${i.propsClass}__option--marked` : ""])
-		}, u(e && typeof e == "object" && "value" in e ? e.value : e), 3))), 128))], 42, S), [[f, i.selectValue]]), i.$slots["select-icon"] ? (o(), n("div", {
+		}, u(e && typeof e == "object" && "value" in e ? e.value : e), 3))), 128))], 42, C), [[f, i.selectValue]]), i.$slots["select-icon"] ? (o(), n("div", {
 			key: 0,
 			class: a(`${i.propsClass}__icon__wrapper`)
 		}, [l(i.$slots, "select-icon")], 2)) : t("", !0)], 2),
@@ -109,7 +109,7 @@ function C(i, s, d, p, h, g) {
 		}, [l(i.$slots, "error-icon")], 2)) : t("", !0)], 2)) : t("", !0)
 	], 2);
 }
-var w = /* @__PURE__ */ g(b, [["render", C]]), T = i({
+var T = /*#__PURE__*/ _(x, [["render", w]]), E = i({
 	components: {},
 	emits: ["valueChanged"],
 	props: {
@@ -143,14 +143,14 @@ var w = /* @__PURE__ */ g(b, [["render", C]]), T = i({
 	},
 	setup(e, { emit: t }) {
 		let n = s(e.propsValue);
-		return p(n, () => {
+		return m(n, () => {
 			n.value && (e.min && Number(n.value) < e.min ? n.value = e.min : e.max && Number(n.value) > e.max && (n.value = e.max)), t("valueChanged", n.value, e.propsName);
 		}, {
 			deep: !0,
 			immediate: !0
 		}), { inputValue: n };
 	}
-}), E = ["for"], D = [
+}), D = ["for"], O = [
 	"id",
 	"type",
 	"placeholder",
@@ -158,14 +158,14 @@ var w = /* @__PURE__ */ g(b, [["render", C]]), T = i({
 	"max",
 	"disabled"
 ];
-function O(e, i, s, c, f, p) {
+function k(e, i, s, c, f, p) {
 	return o(), n("div", { class: a(`${e.propsClass}__wrapper`) }, [
 		e.propsLabel ? (o(), n("label", {
 			key: 0,
 			class: a(`${e.propsClass}__label`),
 			for: e.propsClass
-		}, u(e.propsLabel), 11, E)) : t("", !0),
-		m(r("input", {
+		}, u(e.propsLabel), 11, D)) : t("", !0),
+		h(r("input", {
 			class: a(e.propsClass),
 			id: e.propsClass,
 			type: e.propsType,
@@ -174,13 +174,70 @@ function O(e, i, s, c, f, p) {
 			max: e.max,
 			disabled: e.disabled,
 			"onUpdate:modelValue": i[0] ||= (t) => e.inputValue = t
-		}, null, 10, D), [[d, e.inputValue]]),
+		}, null, 10, O), [[d, e.inputValue]]),
 		e.$slots["input-icon"] ? (o(), n("div", {
 			key: 1,
 			class: a(`${e.propsClass}__icon__wrapper`)
 		}, [l(e.$slots, "input-icon")], 2)) : t("", !0)
 	], 2);
 }
-var k = /* @__PURE__ */ g(T, [["render", O]]);
+var A = /*#__PURE__*/ _(E, [["render", k]]), j = i({
+	components: {},
+	emits: ["valueChanged"],
+	props: {
+		propsClass: {
+			type: String,
+			default: "input"
+		},
+		propsLabel: { type: String },
+		propsValue: {
+			type: [String, Number],
+			default: null
+		},
+		propsType: {
+			type: String,
+			default: "text"
+		},
+		propsPlaceholder: {
+			type: String,
+			default: ""
+		},
+		propsName: {
+			type: String,
+			default: ""
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e, { emit: t }) {
+		let n = s(e.propsValue);
+		return m(n, () => {
+			t("valueChanged", n.value, e.propsName);
+		}, {
+			deep: !0,
+			immediate: !0
+		}), { inputValue: n };
+	}
+}), M = ["for"], N = [
+	"id",
+	"placeholder",
+	"disabled"
+];
+function P(e, i, s, c, l, d) {
+	return o(), n("div", { class: a(`${e.propsClass}__wrapper`) }, [e.propsLabel ? (o(), n("label", {
+		key: 0,
+		class: a(`${e.propsClass}__label`),
+		for: e.propsClass
+	}, u(e.propsLabel), 11, M)) : t("", !0), h(r("textarea", {
+		class: a(e.propsClass),
+		id: e.propsClass,
+		placeholder: e.propsPlaceholder,
+		disabled: e.disabled,
+		"onUpdate:modelValue": i[0] ||= (t) => e.inputValue = t
+	}, null, 10, N), [[p, e.inputValue]])], 2);
+}
+var F = /*#__PURE__*/ _(j, [["render", P]]);
 //#endregion
-export { y as BaseButton, k as BaseInput, w as BaseSelect };
+export { b as BaseButton, A as BaseInput, T as BaseSelect, F as BaseTextarea };

package/dist/beansBaseActions.umd.js

@@ -1 +1 @@
-(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`)):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.beansBaseActions={},e.Vue))})(this,function(e,t){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var n=(0,t.defineComponent)({components:{},emits:[`clicked`],props:{propsClass:{type:String,default:`button`},propsLabel:{type:String},disabled:{type:Boolean,default:!1}}}),r=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},i=[`disabled`];function a(e,n,r,a,o,s){return(0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)(`${e.propsClass}__wrapper`)},[e.propsLabel?((0,t.openBlock)(),(0,t.createElementBlock)(`label`,{key:0,class:(0,t.normalizeClass)(`${e.propsClass}__label`)},(0,t.toDisplayString)(e.propsLabel),3)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`button`,{class:(0,t.normalizeClass)(`${e.propsClass}`),disabled:e.disabled,onClick:n[0]||=t=>e.$emit(`clicked`)},[(0,t.renderSlot)(e.$slots,`default`)],10,i)],2)}var o=r(n,[[`render`,a]]),s=(0,t.defineComponent)({emits:[`valueChanged`],props:{propsId:{type:String,default:`baseSelect`},propsClass:{type:String,default:`select`},propsLabel:{type:String},propsValue:{type:[String,Number]},propsOptions:{type:Array,default:()=>[]},propsPlaceholder:{type:String},error:{type:String},labelIcon:{type:Object},selectIcon:{type:Object},errorIcon:{type:Object},markedOptions:{type:Array,default:()=>[]},disabled:{type:Boolean,default:!1}},setup(e,{emit:n}){let r=(0,t.ref)(``);return(0,t.watch)(e,()=>{e.propsValue&&(r.value=String(e.propsValue))},{immediate:!0}),{selectValue:r,valueChanged:()=>{n(`valueChanged`,r.value)}}}}),c=[`for`],l=[`disabled`,`id`];function u(e,n,r,i,a,o){return(0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([`${e.propsClass}__wrapper`,e.disabled?`${e.propsClass}__wrapper--disabled`:``])},[e.propsLabel?((0,t.openBlock)(),(0,t.createElementBlock)(`label`,{key:0,class:(0,t.normalizeClass)(`${e.propsClass}__label__wrapper`),for:e.propsId},[(0,t.createElementVNode)(`span`,{class:(0,t.normalizeClass)(`${e.propsClass}__label`)},(0,t.toDisplayString)(e.propsLabel),3),e.$slots[`label-icon`]?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)(`${e.propsClass}__label__icon__wrapper`)},[(0,t.renderSlot)(e.$slots,`label-icon`)],2)):(0,t.createCommentVNode)(``,!0)],10,c)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)(`${e.propsClass}__inner`)},[(0,t.withDirectives)((0,t.createElementVNode)(`select`,{class:(0,t.normalizeClass)(`${e.propsClass}`),disabled:e.disabled,id:e.propsId,"onUpdate:modelValue":n[0]||=t=>e.selectValue=t,onChange:n[1]||=(...t)=>e.valueChanged&&e.valueChanged(...t)},[e.propsPlaceholder?((0,t.openBlock)(),(0,t.createElementBlock)(`option`,{key:0,class:(0,t.normalizeClass)(`${e.propsClass}__placeholder`),disabled:`true`,value:``},(0,t.toDisplayString)(e.propsPlaceholder),3)):(0,t.createCommentVNode)(``,!0),((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.propsOptions,(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`option`,{key:r,class:(0,t.normalizeClass)([`${e.propsClass}__option`,e.markedOptions.length&&e.markedOptions.includes(n)?`${e.propsClass}__option--marked`:``])},(0,t.toDisplayString)(n&&typeof n==`object`&&`value`in n?n.value:n),3))),128))],42,l),[[t.vModelSelect,e.selectValue]]),e.$slots[`select-icon`]?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)(`${e.propsClass}__icon__wrapper`)},[(0,t.renderSlot)(e.$slots,`select-icon`)],2)):(0,t.createCommentVNode)(``,!0)],2),e.error?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:1,class:(0,t.normalizeClass)(`${e.propsClass}__error__wrapper`)},[(0,t.createElementVNode)(`span`,{class:(0,t.normalizeClass)(`${e.propsClass}__error`)},(0,t.toDisplayString)(e.error),3),e.$slots[`error-icon`]?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)(`${e.propsClass}__error__icon__wrapper`)},[(0,t.renderSlot)(e.$slots,`error-icon`)],2)):(0,t.createCommentVNode)(``,!0)],2)):(0,t.createCommentVNode)(``,!0)],2)}var d=r(s,[[`render`,u]]),f=(0,t.defineComponent)({components:{},emits:[`valueChanged`],props:{propsClass:{type:String,default:`input`},propsLabel:{type:String},propsValue:{type:[String,Number],default:null},propsType:{type:String,default:`text`},propsPlaceholder:{type:String,default:``},propsName:{type:String,default:``},min:{type:Number},max:{type:Number},disabled:{type:Boolean,default:!1}},setup(e,{emit:n}){let r=(0,t.ref)(e.propsValue);return(0,t.watch)(r,()=>{r.value&&(e.min&&Number(r.value)<e.min?r.value=e.min:e.max&&Number(r.value)>e.max&&(r.value=e.max)),n(`valueChanged`,r.value,e.propsName)},{deep:!0,immediate:!0}),{inputValue:r}}}),p=[`for`],m=[`id`,`type`,`placeholder`,`min`,`max`,`disabled`];function h(e,n,r,i,a,o){return(0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)(`${e.propsClass}__wrapper`)},[e.propsLabel?((0,t.openBlock)(),(0,t.createElementBlock)(`label`,{key:0,class:(0,t.normalizeClass)(`${e.propsClass}__label`),for:e.propsClass},(0,t.toDisplayString)(e.propsLabel),11,p)):(0,t.createCommentVNode)(``,!0),(0,t.withDirectives)((0,t.createElementVNode)(`input`,{class:(0,t.normalizeClass)(e.propsClass),id:e.propsClass,type:e.propsType,placeholder:e.propsPlaceholder,min:e.min,max:e.max,disabled:e.disabled,"onUpdate:modelValue":n[0]||=t=>e.inputValue=t},null,10,m),[[t.vModelDynamic,e.inputValue]]),e.$slots[`input-icon`]?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:1,class:(0,t.normalizeClass)(`${e.propsClass}__icon__wrapper`)},[(0,t.renderSlot)(e.$slots,`input-icon`)],2)):(0,t.createCommentVNode)(``,!0)],2)}var g=r(f,[[`render`,h]]);e.BaseButton=o,e.BaseInput=g,e.BaseSelect=d});
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("vue")):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.beansBaseActions={},e.Vue))})(this,function(e,t){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var n=(0,t.defineComponent)({components:{},emits:[`clicked`],props:{propsClass:{type:String,default:`button`},propsLabel:{type:String},disabled:{type:Boolean,default:!1}}}),r=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},i=[`disabled`];function a(e,n,r,a,o,s){return(0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)(`${e.propsClass}__wrapper`)},[e.propsLabel?((0,t.openBlock)(),(0,t.createElementBlock)(`label`,{key:0,class:(0,t.normalizeClass)(`${e.propsClass}__label`)},(0,t.toDisplayString)(e.propsLabel),3)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`button`,{class:(0,t.normalizeClass)(`${e.propsClass}`),disabled:e.disabled,onClick:n[0]||=t=>e.$emit(`clicked`)},[(0,t.renderSlot)(e.$slots,`default`)],10,i)],2)}var o=r(n,[[`render`,a]]),s=(0,t.defineComponent)({emits:[`valueChanged`],props:{propsId:{type:String,default:`baseSelect`},propsClass:{type:String,default:`select`},propsLabel:{type:String},propsValue:{type:[String,Number]},propsOptions:{type:Array,default:()=>[]},propsPlaceholder:{type:String},error:{type:String},labelIcon:{type:Object},selectIcon:{type:Object},errorIcon:{type:Object},markedOptions:{type:Array,default:()=>[]},disabled:{type:Boolean,default:!1}},setup(e,{emit:n}){let r=(0,t.ref)(``);return(0,t.watch)(e,()=>{e.propsValue&&(r.value=String(e.propsValue))},{immediate:!0}),{selectValue:r,valueChanged:()=>{n(`valueChanged`,r.value)}}}}),c=[`for`],l=[`disabled`,`id`];function u(e,n,r,i,a,o){return(0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([`${e.propsClass}__wrapper`,e.disabled?`${e.propsClass}__wrapper--disabled`:``])},[e.propsLabel?((0,t.openBlock)(),(0,t.createElementBlock)(`label`,{key:0,class:(0,t.normalizeClass)(`${e.propsClass}__label__wrapper`),for:e.propsId},[(0,t.createElementVNode)(`span`,{class:(0,t.normalizeClass)(`${e.propsClass}__label`)},(0,t.toDisplayString)(e.propsLabel),3),e.$slots[`label-icon`]?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)(`${e.propsClass}__label__icon__wrapper`)},[(0,t.renderSlot)(e.$slots,`label-icon`)],2)):(0,t.createCommentVNode)(``,!0)],10,c)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)(`${e.propsClass}__inner`)},[(0,t.withDirectives)((0,t.createElementVNode)(`select`,{class:(0,t.normalizeClass)(`${e.propsClass}`),disabled:e.disabled,id:e.propsId,"onUpdate:modelValue":n[0]||=t=>e.selectValue=t,onChange:n[1]||=(...t)=>e.valueChanged&&e.valueChanged(...t)},[e.propsPlaceholder?((0,t.openBlock)(),(0,t.createElementBlock)(`option`,{key:0,class:(0,t.normalizeClass)(`${e.propsClass}__placeholder`),disabled:`true`,value:``},(0,t.toDisplayString)(e.propsPlaceholder),3)):(0,t.createCommentVNode)(``,!0),((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.propsOptions,(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`option`,{key:r,class:(0,t.normalizeClass)([`${e.propsClass}__option`,e.markedOptions.length&&e.markedOptions.includes(n)?`${e.propsClass}__option--marked`:``])},(0,t.toDisplayString)(n&&typeof n==`object`&&`value`in n?n.value:n),3))),128))],42,l),[[t.vModelSelect,e.selectValue]]),e.$slots[`select-icon`]?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)(`${e.propsClass}__icon__wrapper`)},[(0,t.renderSlot)(e.$slots,`select-icon`)],2)):(0,t.createCommentVNode)(``,!0)],2),e.error?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:1,class:(0,t.normalizeClass)(`${e.propsClass}__error__wrapper`)},[(0,t.createElementVNode)(`span`,{class:(0,t.normalizeClass)(`${e.propsClass}__error`)},(0,t.toDisplayString)(e.error),3),e.$slots[`error-icon`]?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)(`${e.propsClass}__error__icon__wrapper`)},[(0,t.renderSlot)(e.$slots,`error-icon`)],2)):(0,t.createCommentVNode)(``,!0)],2)):(0,t.createCommentVNode)(``,!0)],2)}var d=r(s,[[`render`,u]]),f=(0,t.defineComponent)({components:{},emits:[`valueChanged`],props:{propsClass:{type:String,default:`input`},propsLabel:{type:String},propsValue:{type:[String,Number],default:null},propsType:{type:String,default:`text`},propsPlaceholder:{type:String,default:``},propsName:{type:String,default:``},min:{type:Number},max:{type:Number},disabled:{type:Boolean,default:!1}},setup(e,{emit:n}){let r=(0,t.ref)(e.propsValue);return(0,t.watch)(r,()=>{r.value&&(e.min&&Number(r.value)<e.min?r.value=e.min:e.max&&Number(r.value)>e.max&&(r.value=e.max)),n(`valueChanged`,r.value,e.propsName)},{deep:!0,immediate:!0}),{inputValue:r}}}),p=[`for`],m=[`id`,`type`,`placeholder`,`min`,`max`,`disabled`];function h(e,n,r,i,a,o){return(0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)(`${e.propsClass}__wrapper`)},[e.propsLabel?((0,t.openBlock)(),(0,t.createElementBlock)(`label`,{key:0,class:(0,t.normalizeClass)(`${e.propsClass}__label`),for:e.propsClass},(0,t.toDisplayString)(e.propsLabel),11,p)):(0,t.createCommentVNode)(``,!0),(0,t.withDirectives)((0,t.createElementVNode)(`input`,{class:(0,t.normalizeClass)(e.propsClass),id:e.propsClass,type:e.propsType,placeholder:e.propsPlaceholder,min:e.min,max:e.max,disabled:e.disabled,"onUpdate:modelValue":n[0]||=t=>e.inputValue=t},null,10,m),[[t.vModelDynamic,e.inputValue]]),e.$slots[`input-icon`]?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:1,class:(0,t.normalizeClass)(`${e.propsClass}__icon__wrapper`)},[(0,t.renderSlot)(e.$slots,`input-icon`)],2)):(0,t.createCommentVNode)(``,!0)],2)}var g=r(f,[[`render`,h]]),_=(0,t.defineComponent)({components:{},emits:[`valueChanged`],props:{propsClass:{type:String,default:`input`},propsLabel:{type:String},propsValue:{type:[String,Number],default:null},propsType:{type:String,default:`text`},propsPlaceholder:{type:String,default:``},propsName:{type:String,default:``},disabled:{type:Boolean,default:!1}},setup(e,{emit:n}){let r=(0,t.ref)(e.propsValue);return(0,t.watch)(r,()=>{n(`valueChanged`,r.value,e.propsName)},{deep:!0,immediate:!0}),{inputValue:r}}}),v=[`for`],y=[`id`,`placeholder`,`disabled`];function b(e,n,r,i,a,o){return(0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)(`${e.propsClass}__wrapper`)},[e.propsLabel?((0,t.openBlock)(),(0,t.createElementBlock)(`label`,{key:0,class:(0,t.normalizeClass)(`${e.propsClass}__label`),for:e.propsClass},(0,t.toDisplayString)(e.propsLabel),11,v)):(0,t.createCommentVNode)(``,!0),(0,t.withDirectives)((0,t.createElementVNode)(`textarea`,{class:(0,t.normalizeClass)(e.propsClass),id:e.propsClass,placeholder:e.propsPlaceholder,disabled:e.disabled,"onUpdate:modelValue":n[0]||=t=>e.inputValue=t},null,10,y),[[t.vModelText,e.inputValue]])],2)}var x=r(_,[[`render`,b]]);e.BaseButton=o,e.BaseInput=g,e.BaseSelect=d,e.BaseTextarea=x});

package/dist/src/components/BaseTextarea.vue.d.ts

@@ -0,0 +1,70 @@
+import { DefineComponent, ExtractPropTypes, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<ExtractPropTypes<{
+    propsClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    propsLabel: {
+        type: StringConstructor;
+    };
+    propsValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: null;
+    };
+    propsType: {
+        type: StringConstructor;
+        default: string;
+    };
+    propsPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    propsName: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    inputValue: Ref<string | number, string | number>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "valueChanged"[], "valueChanged", PublicProps, Readonly< ExtractPropTypes<{
+    propsClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    propsLabel: {
+        type: StringConstructor;
+    };
+    propsValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: null;
+    };
+    propsType: {
+        type: StringConstructor;
+        default: string;
+    };
+    propsPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    propsName: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onValueChanged?: ((...args: any[]) => any) | undefined;
+}>, {
+    propsClass: string;
+    disabled: boolean;
+    propsValue: string | number;
+    propsPlaceholder: string;
+    propsType: string;
+    propsName: string;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/src/components/index.d.ts

@@ -1,4 +1,5 @@
 import { default as BaseButton } from './BaseButton.vue';
 import { default as BaseSelect } from './BaseSelect.vue';
 import { default as BaseInput } from './BaseInput.vue';
-export { BaseButton, BaseSelect, BaseInput };
+import { default as BaseTextarea } from './BaseTextarea.vue';
+export { BaseButton, BaseSelect, BaseInput, BaseTextarea };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "beans-ui-kit",
   "private": false,
-  "version": "0.0.44",
+  "version": "0.0.45",
   "type": "module",
   "types": "./dist/beansBaseActions.es.d.ts",
   "files": [