maz-ui 3.47.1 → 3.47.2-beta.10

package/components/MazTable.d.ts

@@ -1,6 +1,6 @@
 import type { Color, Size } from './types';
 import { type HTMLAttributes, type Ref, type StyleValue, type ThHTMLAttributes } from 'vue';
-export type { Color, Size };
+export type { Color, Size } from './types';
 export interface HeadersEnriched {
     label: string;
     key?: string;
@@ -16,9 +16,9 @@ export interface HeadersEnriched {
     colspan?: ThHTMLAttributes['colspan'];
     headers?: ThHTMLAttributes['headers'];
 }
-export type Row = Record<string, any> & {
+export type Row<T extends Row<T>> = Record<string, any> & {
     selected?: boolean;
-    action?: (row: Row) => unknown;
+    action?: (row: T) => unknown;
     classes?: HTMLAttributes['class'];
 };
 export type Header = string | HeadersEnriched;
@@ -32,7 +32,7 @@ export interface Translations {
     paginationRowsPerPage?: string;
     paginationOf?: string;
 }
-export interface MazTableProps {
+export interface MazTableProps<T extends Row<T>> {
     /** class of the table element */
     tableClass?: HTMLAttributes['class'];
     /** style of the table element */
@@ -59,7 +59,7 @@ export interface MazTableProps {
     /** align all headers */
     headersAlign?: ThHTMLAttributes['align'];
     /** rows of the table - type: `Record<string, string | boolean | number>[]` ; */
-    rows?: Row[];
+    rows?: T[];
     /** add hover effect on rows */
     hoverable?: boolean;
     /** enable search feature into the table header */
@@ -125,11 +125,16 @@ export interface MazTableProps {
      */
     translations?: Translations;
     /**
-     * Size of the rounded
+     * Size radius of the component's border
      * @values `'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full'`
      * @default 'lg'
      */
     roundedSize?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+    /**
+     * Enable scrollable on table
+     * @default `false`
+     */
+    scrollable?: boolean;
 }
 export interface MazTableProvide {
     size: Ref<Size>;
@@ -137,7 +142,16 @@ export interface MazTableProvide {
     backgroundEven: Ref<boolean>;
     backgroundOdd: Ref<boolean>;
 }
-declare function __VLS_template(): {
+export declare const mazTableKey = "maz-table";
+declare const _default: <T extends Row<T>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly "onUpdate:model-value"?: ((value: (string | number | boolean | Row<T>)[] | undefined) => any) | undefined;
+        readonly "onUpdate:search-query"?: ((searchQuery: string | undefined) => any) | undefined;
+        readonly "onUpdate:page"?: ((page: number) => any) | undefined;
+        readonly "onUpdate:page-size"?: ((pageSize: number) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:model-value" | "onUpdate:search-query" | "onUpdate:page" | "onUpdate:page-size"> & Partial<{}> & MazTableProps<T>> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
     slots: Partial<Record<`header-label-${string}`, (_: {
         header: {
             label: string;
@@ -158,7 +172,7 @@ declare function __VLS_template(): {
         };
         label: string;
     }) => any>> & Partial<Record<`cell-${string}`, (_: {
-        row: Row;
+        row: T;
         value: any;
     }) => any>> & {
         title?(_: {}): any;
@@ -187,62 +201,31 @@ declare function __VLS_template(): {
         "actions-header"?(_: {}): any;
         default?(_: {}): any;
         select?(_: {
-            row: Row;
+            row: T;
             selected: boolean | undefined;
         }): any;
         cell?(_: {
-            row: Row;
+            row: T;
             value: any;
         }): any;
         actions?(_: {
-            row: Row;
+            row: T;
         }): any;
         "no-results"?(_: {}): any;
         "no-results-text"?(_: {}): any;
     };
-    refs: {};
-    attrs: Partial<{}>;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<MazTableProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:model-value": (value: (string | number | boolean | Row)[] | undefined) => any;
-    "update:search-query": (searchQuery: string | undefined) => any;
-    "update:page": (page: number) => any;
-    "update:page-size": (pageSize: number) => any;
-}, string, import("vue").PublicProps, Readonly<MazTableProps> & Readonly<{
-    "onUpdate:model-value"?: ((value: (string | number | boolean | Row)[] | undefined) => any) | undefined;
-    "onUpdate:search-query"?: ((searchQuery: string | undefined) => any) | undefined;
-    "onUpdate:page"?: ((page: number) => any) | undefined;
-    "onUpdate:page-size"?: ((pageSize: number) => any) | undefined;
-}>, {
-    caption: string;
-    title: string;
-    size: Size;
-    color: Color;
-    roundedSize: "none" | "sm" | "md" | "lg" | "xl" | "full";
-    modelValue: (string | boolean | number)[];
-    page: number;
-    totalPages: number;
-    searchPlaceholder: string;
-    searchQuery: string;
-    captionSide: "top" | "bottom";
-    tableLayout: "auto" | "fixed";
-    tableClass: HTMLAttributes["class"];
-    tableStyle: string | false | import("vue").CSSProperties | StyleValue[] | null;
-    headers: Header[];
-    headersAlign: "center" | "left" | "right" | "justify" | "char";
-    rows: Row[];
-    searchByPlaceholder: string;
-    searchByAllLabel: string;
-    pageSize: number;
-    paginationAllLabel: string;
-    totalItems: number;
-    selectedKey: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
+    emit: {
+        (event: "update:model-value", value: (Row<T> | string | number | boolean)[] | undefined): void;
+        (event: "update:search-query", searchQuery: string | undefined): void;
+        (event: "update:page", page: number): void;
+        (event: "update:page-size", pageSize: number): void;
     };
+}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/components/MazTable.mjs

@@ -1,4 +1,5 @@
-import { M as f } from "./chunks/MazTable-CulBGLaj.mjs";
+import { M as m, m as f } from "./chunks/MazTable-Ci8nhgOP.mjs";
 export {
-  f as default
+  m as default,
+  f as mazTableKey
 };

package/components/MazTableCell.d.ts

@@ -1,12 +1,13 @@
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLTableCellElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLTableCellElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/components/MazTableCell.mjs

@@ -1,18 +1,23 @@
 import { inject as c, defineComponent as l, openBlock as a, createElementBlock as s, normalizeClass as i, unref as _, renderSlot as u } from "vue";
-import './assets/MazTableCell.css';function p(t, o) {
+import './assets/MazTableCell.css';function m(t, o) {
   const e = c(t, o);
   if (!e)
-    throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${t}`);
+    throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${t.toString()}`);
   return e;
 }
-const d = /* @__PURE__ */ l({
+const p = "maz-table", d = (t, o) => {
+  const e = t.__vccOpts || t;
+  for (const [n, r] of o)
+    e[n] = r;
+  return e;
+}, f = /* @__PURE__ */ l({
   __name: "MazTableCell",
   setup(t) {
-    const { size: o } = p("maz-table");
-    return (e, r) => (a(), s(
+    const { size: o } = m(p);
+    return (e, n) => (a(), s(
       "td",
       {
-        class: i(["m-table-cell", `--${_(o)}`])
+        class: i(["m-table-cell", [`--${_(o)}`]])
       },
       [
         u(e.$slots, "default", {}, void 0, !0)
@@ -21,12 +26,7 @@ const d = /* @__PURE__ */ l({
       /* CLASS */
     ));
   }
-}), f = (t, o) => {
-  const e = t.__vccOpts || t;
-  for (const [r, n] of o)
-    e[r] = n;
-  return e;
-}, v = /* @__PURE__ */ f(d, [["__scopeId", "data-v-15457736"]]);
+}), v = /* @__PURE__ */ d(f, [["__scopeId", "data-v-ce80193e"]]);
 export {
   v as default
 };

package/components/MazTableRow.d.ts

@@ -3,14 +3,15 @@ export interface Props {
     noHoverable?: boolean;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLTableRowElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLTableRowElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/components/MazTableRow.mjs

@@ -1,39 +1,39 @@
-import { inject as c, defineComponent as l, openBlock as s, createElementBlock as d, normalizeClass as u, unref as a, renderSlot as b } from "vue";
-import './assets/MazTableRow.css';function p(o, r) {
-  const e = c(o, r);
+import { inject as c, defineComponent as l, openBlock as s, createElementBlock as d, normalizeClass as u, unref as a, renderSlot as i } from "vue";
+import './assets/MazTableRow.css';function p(o, t) {
+  const e = c(o, t);
   if (!e)
-    throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${o}`);
+    throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${o.toString()}`);
   return e;
 }
-const i = /* @__PURE__ */ l({
+const b = "maz-table", v = (o, t) => {
+  const e = o.__vccOpts || o;
+  for (const [n, r] of t)
+    e[n] = r;
+  return e;
+}, _ = /* @__PURE__ */ l({
   __name: "MazTableRow",
   props: {
     noHoverable: { type: Boolean }
   },
   setup(o) {
-    const { hoverable: r, backgroundEven: e, backgroundOdd: n } = p("maz-table");
-    return (t, _) => (s(), d(
+    const { hoverable: t, backgroundEven: e, backgroundOdd: n } = p(b);
+    return (r, f) => (s(), d(
       "tr",
       {
         class: u(["m-table-row", {
-          "--hoverable": a(r) && !t.noHoverable,
+          "--hoverable": a(t) && !r.noHoverable,
           "--background-odd": a(n),
           "--background-even": a(e)
         }])
       },
       [
-        b(t.$slots, "default", {}, void 0, !0)
+        i(r.$slots, "default", {}, void 0, !0)
       ],
       2
       /* CLASS */
     ));
   }
-}), v = (o, r) => {
-  const e = o.__vccOpts || o;
-  for (const [n, t] of r)
-    e[n] = t;
-  return e;
-}, m = /* @__PURE__ */ v(i, [["__scopeId", "data-v-aabc42eb"]]);
+}), g = /* @__PURE__ */ v(_, [["__scopeId", "data-v-feae05a9"]]);
 export {
-  m as default
+  g as default
 };

package/components/MazTableTitle.d.ts

@@ -1,12 +1,13 @@
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLTableCellElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLTableCellElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/components/MazTableTitle.mjs

@@ -1,32 +1,32 @@
-import { inject as c, defineComponent as a, openBlock as s, createElementBlock as l, normalizeClass as i, unref as _, renderSlot as u } from "vue";
-import './assets/MazTableTitle.css';function f(t, o) {
-  const e = c(t, o);
-  if (!e)
-    throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${t}`);
-  return e;
+import { inject as a, defineComponent as c, openBlock as s, createElementBlock as l, normalizeClass as i, unref as _, renderSlot as u } from "vue";
+import './assets/MazTableTitle.css';function p(e, o) {
+  const t = a(e, o);
+  if (!t)
+    throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${e.toString()}`);
+  return t;
 }
-const p = /* @__PURE__ */ a({
+const f = /* @__PURE__ */ c({
   __name: "MazTableTitle",
-  setup(t) {
-    const { size: o } = f("maz-table");
-    return (e, r) => (s(), l(
+  setup(e) {
+    const { size: o } = p("maz-table");
+    return (t, r) => (s(), l(
       "th",
       {
-        class: i(["m-table-title", `--${_(o)}`])
+        class: i(["m-table-title", [`--${_(o)}`]])
       },
       [
-        u(e.$slots, "default", {}, void 0, !0)
+        u(t.$slots, "default", {}, void 0, !0)
       ],
       2
       /* CLASS */
     ));
   }
-}), m = (t, o) => {
-  const e = t.__vccOpts || t;
+}), m = (e, o) => {
+  const t = e.__vccOpts || e;
   for (const [r, n] of o)
-    e[r] = n;
-  return e;
-}, v = /* @__PURE__ */ m(p, [["__scopeId", "data-v-b12e9afc"]]);
+    t[r] = n;
+  return t;
+}, b = /* @__PURE__ */ m(f, [["__scopeId", "data-v-05ab93b7"]]);
 export {
-  v as default
+  b as default
 };

package/components/MazTabs.d.ts

@@ -8,18 +8,19 @@ export interface MazTabsProvide {
     updateCurrentTab: (index: number) => number;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:model-value": (index: number) => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     "onUpdate:model-value"?: ((index: number) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/components/MazTabsBar.d.ts

@@ -32,6 +32,7 @@ export type MazTabsBarItem = {
     };
 } | string;
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         item?(_: {
             item: {
@@ -56,13 +57,13 @@ declare function __VLS_template(): {
     refs: {
         tabsBarRef: HTMLDivElement;
     };
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     queryParam: string;
     autoScroll: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/components/MazTabsBar.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazTabsBar-MZYefBb8.mjs";
+import { M as f } from "./chunks/MazTabsBar-CT35SCIK.mjs";
 export {
   f as default
 };

package/components/MazTabsContent.d.ts

@@ -1,12 +1,13 @@
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/components/MazTabsContent.mjs

@@ -1,4 +1,4 @@
-import { inject as l, defineComponent as c, ref as i, watch as s, openBlock as u, createElementBlock as m, normalizeClass as f, renderSlot as d } from "vue";
+import { inject as l, defineComponent as i, ref as c, watch as s, openBlock as u, createElementBlock as m, normalizeClass as f, renderSlot as d } from "vue";
 function v(n, e) {
   let t;
   return function(...o) {
@@ -10,13 +10,13 @@ function v(n, e) {
 function p(n, e) {
   const t = l(n, e);
   if (!t)
-    throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${n}`);
+    throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${n.toString()}`);
   return t;
 }
-const h = /* @__PURE__ */ c({
+const h = /* @__PURE__ */ i({
   __name: "MazTabsContent",
   setup(n) {
-    const e = i(!1), { currentTab: t } = p("maz-tabs"), o = v(() => {
+    const e = c(!1), { currentTab: t } = p("maz-tabs"), o = v(() => {
       e.value = !1;
     }, 700);
     function r() {

package/components/MazTabsContentItem.d.ts

@@ -1,11 +1,12 @@
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {
         MazTabsContentItem: HTMLDivElement;
     };
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{

package/components/MazTabsContentItem.mjs

@@ -1,8 +1,8 @@
-import { inject as p, defineComponent as f, ref as c, watch as d, computed as i, openBlock as l, createBlock as v, Transition as _, withCtx as T, withDirectives as z, createElementVNode as C, renderSlot as w, vShow as h } from "vue";
+import { inject as p, defineComponent as f, ref as i, watch as d, computed as c, openBlock as l, createBlock as v, Transition as _, withCtx as T, withDirectives as z, createElementVNode as C, renderSlot as w, vShow as h } from "vue";
 import './assets/MazTabsContentItem.css';function y(e, n) {
   const t = p(e, n);
   if (!t)
-    throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${e}`);
+    throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${e.toString()}`);
   return t;
 }
 const I = /* @__PURE__ */ f({
@@ -11,7 +11,7 @@ const I = /* @__PURE__ */ f({
     tab: { type: Number, required: !0 }
   },
   setup(e) {
-    const n = e, t = c("maz-tab-transition"), o = c(), { currentTab: r } = y("maz-tabs");
+    const n = e, t = i("maz-tab-transition"), o = i(), { currentTab: r } = y("maz-tabs");
     d(
       () => r.value,
       async (a, s) => {
@@ -22,7 +22,7 @@ const I = /* @__PURE__ */ f({
       },
       { immediate: !0 }
     );
-    const m = i(() => n.tab - 1), u = i(() => r.value - 1 === m.value);
+    const m = c(() => n.tab - 1), u = c(() => r.value - 1 === m.value);
     return (a, s) => (l(), v(_, {
       name: t.value,
       persisted: ""
@@ -48,12 +48,12 @@ const I = /* @__PURE__ */ f({
       /* FORWARDED */
     }, 8, ["name"]));
   }
-}), M = (e, n) => {
+}), S = (e, n) => {
   const t = e.__vccOpts || e;
   for (const [o, r] of n)
     t[o] = r;
   return t;
-}, S = /* @__PURE__ */ M(I, [["__scopeId", "data-v-fb2e8abd"]]);
+}, M = /* @__PURE__ */ S(I, [["__scopeId", "data-v-fb2e8abd"]]);
 export {
-  S as default
+  M as default
 };

package/components/MazTextarea.d.ts

@@ -1,13 +1,13 @@
-import type { Color } from './types';
 import { type HTMLAttributes } from 'vue';
+import type { Color } from './types';
 export type { Color };
-export interface Props {
+export interface MazTextareaProps<T extends string | undefined> {
     /** Style attribut of the component root element */
     style?: HTMLAttributes['style'];
     /** Class attribut of the component root element */
     class?: HTMLAttributes['class'];
     /** @model The value of the textarea */
-    modelValue?: string;
+    modelValue?: T;
     /** The id of the textarea */
     id?: string;
     /** The name of the textarea */
@@ -32,34 +32,60 @@ export interface Props {
     hint?: string;
     /** The color of the textarea */
     color?: Color;
+    /**
+     * Size radius of the component's border
+     * @values `'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full'`
+     */
+    roundedSize?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+    /**
+     * If the textarea has a padding
+     * @default true
+     */
+    padding?: boolean;
+    /**
+     * If the textarea has a transparent background
+     * @default false
+     */
+    transparent?: boolean;
+    /**
+     * If the textarea has no border
+     * @default false
+     */
+    border?: boolean;
+    /**
+     * The alignment of the append slot
+     * @values `'start' | 'end' | 'center' | 'space-between' | 'space-around' | 'space-evenly'`
+     * @default 'end'
+     */
+    appendJustify?: 'start' | 'end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
 }
-declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    input: (value?: string | undefined) => any;
-    blur: (value: FocusEvent) => any;
-    change: (value: Event) => any;
-    focus: (value: FocusEvent) => any;
-    "update:model-value": (value?: string | undefined) => any;
-}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
-    onInput?: ((value?: string | undefined) => any) | undefined;
-    onBlur?: ((value: FocusEvent) => any) | undefined;
-    onChange?: ((value: Event) => any) | undefined;
-    onFocus?: ((value: FocusEvent) => any) | undefined;
-    "onUpdate:model-value"?: ((value?: string | undefined) => any) | undefined;
-}>, {
-    label: string;
-    style: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
-    error: boolean;
-    success: boolean;
-    warning: boolean;
-    color: Color;
-    class: HTMLAttributes["class"];
-    name: string;
-    disabled: boolean;
-    id: string;
-    modelValue: string;
-    required: boolean;
-    readonly: boolean;
-    hint: string;
-    placeholder: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: <T extends string | undefined>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onInput?: ((value?: string | undefined) => any) | undefined;
+        readonly onBlur?: ((value: FocusEvent) => any) | undefined;
+        readonly onChange?: ((value: Event) => any) | undefined;
+        readonly onFocus?: ((value: FocusEvent) => any) | undefined;
+        readonly "onUpdate:model-value"?: ((value?: T | undefined) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onFocus" | "onBlur" | "onChange" | "onInput" | "onUpdate:model-value"> & Partial<{}> & MazTextareaProps<T>> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {
+        label?(_: {}): any;
+        append?(_: {}): any;
+    };
+    emit: {
+        (event: "update:model-value", value?: T): void;
+        (event: "input", value?: string): void;
+        (event: "focus", value: FocusEvent): void;
+        (event: "blur", value: FocusEvent): void;
+        (event: "change", value: Event): void;
+    };
+}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
 export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};