@ghentcdh/ui 1.1.1 → 3.0.0

package/ControlWrapper-DejmeYzV.js

@@ -0,0 +1 @@
+require(`./Markdown-DcpBYoNe.js`);let e=require(`vue`);var t={group:{root:`group`,label:`text-primary text-lg font-bold`,item:`group-item`},verticalLayout:{root:`flex flex-col gap-x-2`,item:`w-full`},horizontalLayout:{root:`flex flex-row gap-x-2`,item:`w-full`},arrayList:{root:`fieldset`,legend:`fieldset-legend text-xl capitalize`},control:{root:`fieldset`,wrapper:`fieldset`,label:`fieldset-legend`,error:``,input:`input`,textarea:`textarea h-32`,checkbox:`checkbox`,select:`input pr-14`,description:`form-control--description label text-xs text-gray-500`},fixedArrayList:{root:`flex flex-row gap-x-2`,item:`w-full`}},n=e=>{if(!e)return{...t};let n={...t};for(let r of Object.keys(e)){let i=e[r];i&&typeof i==`object`&&(n[r]={...t[r],...i})}return n},r={id:{type:String,default:void 0},placeholder:{type:String,default:void 0},description:{type:String,default:void 0},errors:{type:String,default:void 0},label:{type:String,default:void 0},visible:{type:Boolean,default:!1},required:{type:Boolean,default:!1},enabled:{type:Boolean,default:!0},isFocused:{type:Boolean,default:!1},isTouched:{type:Boolean,default:!1},hideLabel:{type:Boolean,default:!1},styles:{type:Object,default:()=>t},width:{type:String,default:`!w-48`},size:{type:String,default:void 0},hideErrors:{type:Boolean,default:!1}},i=[`change`],a={...r,width:{type:String,default:`w-48`},minHeight:{type:String,default:`min-h-[50vh]`},actions:{type:Object,default:()=>[{label:`<strong>B</strong>`,name:`bold`,action:e=>e?.chain().focus().toggleBold().run()},{label:`<em>I</em>`,name:`italic`,action:e=>e?.chain().focus().toggleItalic().run()}]}},o=({isTouched:e,errors:t})=>!!(e&&t),s=(e,t,n,r)=>t===void 0||t!==void 0&&!e||!r&&!n,c=(e,t)=>[e,{"input-sm":t.size===`sm`,"input-error":o(t)}],l={key:0,class:`flex items-center justify-between mb-2`},u={key:0},d=(0,e.defineComponent)({__name:`ControlWrapper`,props:r,setup(t){let r=t,i=(0,e.computed)(()=>!s(r.visible,r.description,r.isFocused,!0)),a=(0,e.computed)(()=>r.required),c=(0,e.computed)(()=>o(r)),d=(0,e.computed)(()=>n(r.styles));return(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(`fieldset`,{class:(0,e.normalizeClass)([`fieldset`,[t.width,d.value.control.wrapper]])},[(0,e.createElementVNode)(`legend`,{class:(0,e.normalizeClass)([`w-full inline-block`,[d.value.control.label,{"p-0 h-0 leading-none":t.hideLabel}]])},[t.hideLabel?(0,e.createCommentVNode)(``,!0):((0,e.openBlock)(),(0,e.createElementBlock)(`div`,l,[(0,e.createElementVNode)(`div`,null,[(0,e.createElementVNode)(`span`,null,(0,e.toDisplayString)(t.label),1),a.value?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,u,`*`)):(0,e.createCommentVNode)(``,!0)]),(0,e.renderSlot)(t.$slots,`label-action`)]))],2),(0,e.renderSlot)(t.$slots,`default`),t.hideErrors?(0,e.createCommentVNode)(``,!0):((0,e.openBlock)(),(0,e.createElementBlock)(`p`,{key:0,class:(0,e.normalizeClass)([`fieldset-label h-4`,{"text-error":c.value}])},(0,e.toDisplayString)(c.value?t.errors:i.value?t.description:null),3))],2))}});Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return d}});

package/ControlWrapper-DqO2d36v.js

@@ -0,0 +1,152 @@
+import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeClass as a, openBlock as o, renderSlot as s, toDisplayString as c } from "vue";
+//#region src/form/core/styles.ts
+var l = {
+	group: {
+		root: "group",
+		label: "text-primary text-lg font-bold",
+		item: "group-item"
+	},
+	verticalLayout: {
+		root: "flex flex-col gap-x-2",
+		item: "w-full"
+	},
+	horizontalLayout: {
+		root: "flex flex-row gap-x-2",
+		item: "w-full"
+	},
+	arrayList: {
+		root: "fieldset",
+		legend: "fieldset-legend text-xl capitalize"
+	},
+	control: {
+		root: "fieldset",
+		wrapper: "fieldset",
+		label: "fieldset-legend",
+		error: "",
+		input: "input",
+		textarea: "textarea h-32",
+		checkbox: "checkbox",
+		select: "input pr-14",
+		description: "form-control--description label text-xs text-gray-500"
+	},
+	fixedArrayList: {
+		root: "flex flex-row gap-x-2",
+		item: "w-full"
+	}
+}, u = (e) => {
+	if (!e) return { ...l };
+	let t = { ...l };
+	for (let n of Object.keys(e)) {
+		let r = e[n];
+		r && typeof r == "object" && (t[n] = {
+			...l[n],
+			...r
+		});
+	}
+	return t;
+}, d = {
+	id: {
+		type: String,
+		default: void 0
+	},
+	placeholder: {
+		type: String,
+		default: void 0
+	},
+	description: {
+		type: String,
+		default: void 0
+	},
+	errors: {
+		type: String,
+		default: void 0
+	},
+	label: {
+		type: String,
+		default: void 0
+	},
+	visible: {
+		type: Boolean,
+		default: !1
+	},
+	required: {
+		type: Boolean,
+		default: !1
+	},
+	enabled: {
+		type: Boolean,
+		default: !0
+	},
+	isFocused: {
+		type: Boolean,
+		default: !1
+	},
+	isTouched: {
+		type: Boolean,
+		default: !1
+	},
+	hideLabel: {
+		type: Boolean,
+		default: !1
+	},
+	styles: {
+		type: Object,
+		default: () => l
+	},
+	width: {
+		type: String,
+		default: "!w-48"
+	},
+	size: {
+		type: String,
+		default: void 0
+	},
+	hideErrors: {
+		type: Boolean,
+		default: !1
+	}
+}, f = ["change"], p = {
+	...d,
+	width: {
+		type: String,
+		default: "w-48"
+	},
+	minHeight: {
+		type: String,
+		default: "min-h-[50vh]"
+	},
+	actions: {
+		type: Object,
+		default: () => [{
+			label: "<strong>B</strong>",
+			name: "bold",
+			action: (e) => e?.chain().focus().toggleBold().run()
+		}, {
+			label: "<em>I</em>",
+			name: "italic",
+			action: (e) => e?.chain().focus().toggleItalic().run()
+		}]
+	}
+}, m = ({ isTouched: e, errors: t }) => !!(e && t), h = (e, t, n, r) => t === void 0 || t !== void 0 && !e || !r && !n, g = (e, t) => [e, {
+	"input-sm": t.size === "sm",
+	"input-error": m(t)
+}], _ = {
+	key: 0,
+	class: "flex items-center justify-between mb-2"
+}, v = { key: 0 }, y = /* @__PURE__ */ i({
+	__name: "ControlWrapper",
+	props: d,
+	setup(i) {
+		let l = i, d = e(() => !h(l.visible, l.description, l.isFocused, !0)), f = e(() => l.required), p = e(() => m(l)), g = e(() => u(l.styles));
+		return (e, i) => (o(), n("fieldset", { class: a(["fieldset", [e.width, g.value.control.wrapper]]) }, [
+			r("legend", { class: a(["w-full inline-block", [g.value.control.label, { "p-0 h-0 leading-none": e.hideLabel }]]) }, [e.hideLabel ? t("", !0) : (o(), n("div", _, [r("div", null, [r("span", null, c(e.label), 1), f.value ? (o(), n("span", v, "*")) : t("", !0)]), s(e.$slots, "label-action")]))], 2),
+			s(e.$slots, "default"),
+			e.hideErrors ? t("", !0) : (o(), n("p", {
+				key: 0,
+				class: a(["fieldset-label h-4", { "text-error": p.value }])
+			}, c(p.value ? e.errors : d.value ? e.description : null), 3))
+		], 2));
+	}
+});
+//#endregion
+export { p as a, u as c, m as i, l, g as n, f as o, h as r, d as s, y as t };

package/Markdown-DcpBYoNe.js

@@ -0,0 +1 @@
+var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));const c=require(`./ControlWrapper-DejmeYzV.js`);let l=require(`vue`),u=require(`@tiptap/starter-kit`);u=s(u);let d=require(`@tiptap/vue-3`),f=require(`tiptap-markdown`);var p=[`aria-label`],m={class:`flex items-center gap-1 px-3 py-2 border-b border-base-300 bg-base-200`},h=[`title`,`onClick`],g=[`innerHTML`],_={class:`card-body p-3`},v=(0,l.defineComponent)({__name:`Markdown`,props:(0,l.mergeModels)(c.a,{modelValue:{},modelModifiers:{}}),emits:(0,l.mergeModels)(c.o,[`update:modelValue`]),setup(e,{emit:t}){let n=e,r=t,i=(0,l.useModel)(e,`modelValue`),a=(0,d.useEditor)({content:i.value??``,extensions:[u.default.configure({heading:!1,blockquote:!1,bulletList:!1,orderedList:!1,listItem:!1,code:!1,codeBlock:!1,horizontalRule:!1,hardBreak:!1}),f.Markdown.configure({html:!1,transformPastedText:!0})],onUpdate({editor:e}){let t=e.storage.markdown.getMarkdown();i.value=t,r(`change`,t)}});return(0,l.onBeforeUnmount)(()=>{a.value?.destroy()}),(e,t)=>((0,l.openBlock)(),(0,l.createBlock)(c.t,(0,l.normalizeProps)((0,l.guardReactiveProps)(n)),{default:(0,l.withCtx)(()=>[(0,l.createElementVNode)(`div`,{class:(0,l.normalizeClass)([[e.minHeight],`card bg-base-100 border border-base-300 w-full`]),"aria-label":e.id,role:`textbox`},[(0,l.createElementVNode)(`div`,m,[((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,null,(0,l.renderList)(e.actions,e=>((0,l.openBlock)(),(0,l.createElementBlock)(`button`,{key:e.name,tabindex:`-1`,type:`button`,class:(0,l.normalizeClass)([`btn btn-sm btn-ghost`,{"btn-active":(0,l.unref)(a)?.isActive(e.name)}]),title:e.label,onClick:t=>e.action((0,l.unref)(a))},[(0,l.createElementVNode)(`span`,{innerHTML:e.label},null,8,g)],10,h))),128))]),(0,l.createElementVNode)(`div`,_,[(0,l.createVNode)((0,l.unref)(d.EditorContent),{editor:(0,l.unref)(a),class:`prose prose-sm max-w-none h-full`},null,8,[`editor`])])],10,p)]),_:1},16))}});exports.default=v,exports.t=s;

package/Markdown-Dj1gzJJq.js

@@ -0,0 +1,59 @@
+import { a as e, o as t, t as n } from "./ControlWrapper-DqO2d36v.js";
+import { Fragment as r, createBlock as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, guardReactiveProps as l, mergeModels as u, normalizeClass as d, normalizeProps as f, onBeforeUnmount as p, openBlock as m, renderList as h, unref as g, useModel as _, withCtx as v } from "vue";
+import y from "@tiptap/starter-kit";
+import { EditorContent as b, useEditor as x } from "@tiptap/vue-3";
+import { Markdown as S } from "tiptap-markdown";
+//#region src/form/text/Markdown.vue?vue&type=script&setup=true&lang.ts
+var C = ["aria-label"], w = { class: "flex items-center gap-1 px-3 py-2 border-b border-base-300 bg-base-200" }, T = ["title", "onClick"], E = ["innerHTML"], D = { class: "card-body p-3" }, O = /* @__PURE__ */ c({
+	__name: "Markdown",
+	props: /* @__PURE__ */ u(e, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ u(t, ["update:modelValue"]),
+	setup(e, { emit: t }) {
+		let c = e, u = t, O = _(e, "modelValue"), k = x({
+			content: O.value ?? "",
+			extensions: [y.configure({
+				heading: !1,
+				blockquote: !1,
+				bulletList: !1,
+				orderedList: !1,
+				listItem: !1,
+				code: !1,
+				codeBlock: !1,
+				horizontalRule: !1,
+				hardBreak: !1
+			}), S.configure({
+				html: !1,
+				transformPastedText: !0
+			})],
+			onUpdate({ editor: e }) {
+				let t = e.storage.markdown.getMarkdown();
+				O.value = t, u("change", t);
+			}
+		});
+		return p(() => {
+			k.value?.destroy();
+		}), (e, t) => (m(), i(n, f(l(c)), {
+			default: v(() => [o("div", {
+				class: d([[e.minHeight], "card bg-base-100 border border-base-300 w-full"]),
+				"aria-label": e.id,
+				role: "textbox"
+			}, [o("div", w, [(m(!0), a(r, null, h(e.actions, (e) => (m(), a("button", {
+				key: e.name,
+				tabindex: "-1",
+				type: "button",
+				class: d(["btn btn-sm btn-ghost", { "btn-active": g(k)?.isActive(e.name) }]),
+				title: e.label,
+				onClick: (t) => e.action(g(k))
+			}, [o("span", { innerHTML: e.label }, null, 8, E)], 10, T))), 128))]), o("div", D, [s(g(b), {
+				editor: g(k),
+				class: "prose prose-sm max-w-none h-full"
+			}, null, 8, ["editor"])])], 10, C)]),
+			_: 1
+		}, 16));
+	}
+});
+//#endregion
+export { O as default };

package/button/Btn.properties.d.ts

@@ -30,8 +30,8 @@ export declare const BtnProperties: {
         default: boolean;
     };
     color: {
-        type: PropType<Color>;
-        default: Color;
+        type: PropType<`${Color}`>;
+        default: `${Color}`;
     };
     size: {
         type: PropType<Size>;
@@ -41,5 +41,9 @@ export declare const BtnProperties: {
         type: BooleanConstructor;
         default: boolean;
     };
+    noBorder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };
 export declare const BtnEmits: string[];

package/button/btn.vue.d.ts

@@ -1,3 +1,4 @@
+import { Color } from '../const/colors';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -34,8 +35,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         default: boolean;
     };
     color: {
-        type: import('vue').PropType<import('../const/colors').Color>;
-        default: import('../const/colors').Color;
+        type: import('vue').PropType<`${Color}`>;
+        default: `${Color}`;
     };
     size: {
         type: import('vue').PropType<import('../const/size').Size>;
@@ -45,6 +46,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    noBorder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     href: {
         type: StringConstructor;
@@ -72,8 +77,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         default: boolean;
     };
     color: {
-        type: import('vue').PropType<import('../const/colors').Color>;
-        default: import('../const/colors').Color;
+        type: import('vue').PropType<`${Color}`>;
+        default: `${Color}`;
     };
     size: {
         type: import('vue').PropType<import('../const/size').Size>;
@@ -83,14 +88,19 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    noBorder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{}>, {
     size: import('../const/size').Size;
     type: import('./const').ButtonType;
     disabled: boolean;
-    color: import('../const/colors').Color;
+    color: "error" | "blank" | "primary" | "secondary" | "ghost";
     as: import('./const').ButtonTag;
     outline: boolean;
     square: boolean;
+    noBorder: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/const/colors.d.ts

@@ -2,7 +2,8 @@ export declare enum Color {
     blank = "blank",
     primary = "primary",
     secondary = "secondary",
-    error = "error"
+    error = "error",
+    ghost = "ghost"
 }
 export declare const ButtonColor: Record<Color, string>;
 export declare const BadgeColor: Record<Color, string>;

package/drawer/drawer.properties.d.ts

@@ -15,4 +15,8 @@ export declare const DrawerProperties: {
         type: BooleanConstructor;
         default: boolean;
     };
+    drawerColor: {
+        type: StringConstructor;
+        default: string;
+    };
 };

package/drawer/drawer.vue.d.ts

@@ -26,6 +26,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    drawerColor: {
+        type: StringConstructor;
+        default: string;
+    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     widthLeft: {
         type: NumberConstructor;
@@ -43,11 +47,16 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    drawerColor: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & Readonly<{}>, {
     widthLeft: number;
     widthRight: number;
     initialLeftOpen: boolean;
     initialRightOpen: boolean;
+    drawerColor: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/filter/filter.vue.d.ts

@@ -73,9 +73,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
 }>> & Readonly<{}>, {
+    modelValue: any[];
     labelKey: string;
     valueKey: string;
-    modelValue: any[];
     opened: boolean;
     colorKey: string;
     countKey: string;

package/form/Checkbox.properties.d.ts

@@ -1,18 +1,23 @@
 export declare const CheckboxProperties: {
     id: {
         type: StringConstructor;
+        default: undefined;
     };
     placeholder: {
         type: StringConstructor;
+        default: undefined;
     };
     description: {
         type: StringConstructor;
+        default: undefined;
     };
     errors: {
         type: StringConstructor;
+        default: undefined;
     };
     label: {
         type: StringConstructor;
+        default: undefined;
     };
     visible: {
         type: BooleanConstructor;
@@ -64,7 +69,7 @@ export declare const CheckboxProperties: {
                 readonly label: "fieldset-legend";
                 readonly error: "";
                 readonly input: "input";
-                readonly textarea: "input h-32";
+                readonly textarea: "textarea h-32";
                 readonly checkbox: "checkbox";
                 readonly select: "input pr-14";
                 readonly description: "form-control--description label text-xs text-gray-500";
@@ -79,5 +84,13 @@ export declare const CheckboxProperties: {
         type: StringConstructor;
         default: string;
     };
+    size: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hideErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };
 export declare const CheckboxEmits: string[];

package/form/Checkbox.vue.d.ts

@@ -1,18 +1,23 @@
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     id: {
         type: StringConstructor;
+        default: undefined;
     };
     placeholder: {
         type: StringConstructor;
+        default: undefined;
     };
     description: {
         type: StringConstructor;
+        default: undefined;
     };
     errors: {
         type: StringConstructor;
+        default: undefined;
     };
     label: {
         type: StringConstructor;
+        default: undefined;
     };
     visible: {
         type: BooleanConstructor;
@@ -64,7 +69,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 readonly label: "fieldset-legend";
                 readonly error: "";
                 readonly input: "input";
-                readonly textarea: "input h-32";
+                readonly textarea: "textarea h-32";
                 readonly checkbox: "checkbox";
                 readonly select: "input pr-14";
                 readonly description: "form-control--description label text-xs text-gray-500";
@@ -79,6 +84,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    size: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hideErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     modelValue: {
         type: import('vue').PropType<any>;
     };
@@ -87,18 +100,23 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     id: {
         type: StringConstructor;
+        default: undefined;
     };
     placeholder: {
         type: StringConstructor;
+        default: undefined;
     };
     description: {
         type: StringConstructor;
+        default: undefined;
     };
     errors: {
         type: StringConstructor;
+        default: undefined;
     };
     label: {
         type: StringConstructor;
+        default: undefined;
     };
     visible: {
         type: BooleanConstructor;
@@ -150,7 +168,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 readonly label: "fieldset-legend";
                 readonly error: "";
                 readonly input: "input";
-                readonly textarea: "input h-32";
+                readonly textarea: "textarea h-32";
                 readonly checkbox: "checkbox";
                 readonly select: "input pr-14";
                 readonly description: "form-control--description label text-xs text-gray-500";
@@ -165,14 +183,33 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    size: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hideErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     modelValue: {
         type: import('vue').PropType<any>;
     };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }>, {
+    size: string;
+    label: string;
     required: boolean;
+    id: string;
+    placeholder: string;
     width: string;
+    visible: boolean;
+    errors: string;
+    isTouched: boolean;
+    description: string;
+    enabled: boolean;
+    isFocused: boolean;
+    hideLabel: boolean;
     styles: {
         readonly group: {
             readonly root: "group";
@@ -197,7 +234,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             readonly label: "fieldset-legend";
             readonly error: "";
             readonly input: "input";
-            readonly textarea: "input h-32";
+            readonly textarea: "textarea h-32";
             readonly checkbox: "checkbox";
             readonly select: "input pr-14";
             readonly description: "form-control--description label text-xs text-gray-500";
@@ -207,10 +244,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             readonly item: "w-full";
         };
     };
-    hideLabel: boolean;
-    isTouched: boolean;
-    visible: boolean;
-    enabled: boolean;
-    isFocused: boolean;
+    hideErrors: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/form/Input.properties.d.ts

@@ -3,20 +3,29 @@ export declare const InputProperties: {
         type: StringConstructor;
         default: string;
     };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     id: {
         type: StringConstructor;
+        default: undefined;
     };
     placeholder: {
         type: StringConstructor;
+        default: undefined;
     };
     description: {
         type: StringConstructor;
+        default: undefined;
     };
     errors: {
         type: StringConstructor;
+        default: undefined;
     };
     label: {
         type: StringConstructor;
+        default: undefined;
     };
     visible: {
         type: BooleanConstructor;
@@ -68,7 +77,7 @@ export declare const InputProperties: {
                 readonly label: "fieldset-legend";
                 readonly error: "";
                 readonly input: "input";
-                readonly textarea: "input h-32";
+                readonly textarea: "textarea h-32";
                 readonly checkbox: "checkbox";
                 readonly select: "input pr-14";
                 readonly description: "form-control--description label text-xs text-gray-500";
@@ -83,5 +92,13 @@ export declare const InputProperties: {
         type: StringConstructor;
         default: string;
     };
+    size: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hideErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };
 export declare const InputEmits: string[];