maz-ui 3.28.6 → 3.28.7

package/components/MazCarousel.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazCarousel-TalH9tUI.mjs";
+import { M as f } from "./chunks/MazCarousel-xYPtomV-.mjs";
 export {
   f as default
 };

package/components/MazCheckbox.d.ts

@@ -3,7 +3,7 @@ import type { Color, Size } from './types';
 export type { Color, Size };
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     style: {
-        type: PropType<import("vue").StyleValue | undefined>;
+        type: PropType<import("vue").StyleValue>;
         default: undefined;
     };
     class: {
@@ -43,7 +43,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     "update:model-value": (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     style: {
-        type: PropType<import("vue").StyleValue | undefined>;
+        type: PropType<import("vue").StyleValue>;
         default: undefined;
     };
     class: {
@@ -84,7 +84,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, {
     size: Size;
     color: Color;
-    style: import("vue").StyleValue | undefined;
+    style: import("vue").StyleValue;
     class: any;
     disabled: boolean;
     name: string;

package/components/MazDropdown.d.ts

@@ -11,7 +11,7 @@ export type MenuItem = {
     class?: string;
 } & Record<string, unknown>;
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    style?: import("vue").StyleValue | undefined;
+    style?: import("vue").StyleValue;
     class?: any;
     /** Menu items */
     items: MenuItem[];
@@ -45,7 +45,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "menuitem-clicked": (...args: any[]) => void;
     "update:open": (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    style?: import("vue").StyleValue | undefined;
+    style?: import("vue").StyleValue;
     class?: any;
     /** Menu items */
     items: MenuItem[];
@@ -80,7 +80,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:open"?: ((...args: any[]) => any) | undefined;
 }, {
     color: Color;
-    style: import("vue").StyleValue;
+    style: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
     class: any;
     id: string;
     position: Position;

package/components/MazDropdown.mjs

@@ -225,7 +225,7 @@ const ee = ["id"], oe = ["aria-expanded", "onClick"], ne = { class: "maz-sr-only
               ))
             ],
             34
-            /* CLASS, HYDRATE_EVENTS */
+            /* CLASS, NEED_HYDRATION */
           )) : d("v-if", !0)
         ]),
         _: 3

package/components/MazInput.d.ts

@@ -3,7 +3,7 @@ import type { Color, ModelValueSimple, Size } from './types';
 export type { Color, Size, ModelValueSimple } from './types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     style: {
-        type: PropType<import("vue").StyleValue | undefined>;
+        type: PropType<import("vue").StyleValue>;
         default: undefined;
     };
     class: {
@@ -125,7 +125,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     "update:model-value": (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     style: {
-        type: PropType<import("vue").StyleValue | undefined>;
+        type: PropType<import("vue").StyleValue>;
         default: undefined;
     };
     class: {
@@ -252,7 +252,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     color: Color;
     type: string;
     label: string;
-    style: import("vue").StyleValue | undefined;
+    style: import("vue").StyleValue;
     class: any;
     disabled: boolean;
     name: string;

package/components/MazInputNumber.d.ts

@@ -3,7 +3,7 @@ import type { Size } from './types';
 export type { Size };
 declare const _default: import("vue").DefineComponent<{
     style: {
-        type: PropType<import("vue").StyleValue | undefined>;
+        type: PropType<import("vue").StyleValue>;
         default: undefined;
     };
     class: {
@@ -39,7 +39,7 @@ declare const _default: import("vue").DefineComponent<{
     "update:model-value": (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     style: {
-        type: PropType<import("vue").StyleValue | undefined>;
+        type: PropType<import("vue").StyleValue>;
         default: undefined;
     };
     class: {
@@ -75,7 +75,7 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
 }, {
     size: Size;
-    style: import("vue").StyleValue | undefined;
+    style: import("vue").StyleValue;
     class: any;
     disabled: boolean;
     max: number;

package/components/MazInputTags.d.ts

@@ -3,7 +3,7 @@ import type { Color, Size } from './types';
 export type { Color, Size };
 declare const _default: import("vue").DefineComponent<{
     style: {
-        type: PropType<import("vue").StyleValue | undefined>;
+        type: PropType<import("vue").StyleValue>;
         default: undefined;
     };
     class: {
@@ -58,7 +58,7 @@ declare const _default: import("vue").DefineComponent<{
     "update:model-value": (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     style: {
-        type: PropType<import("vue").StyleValue | undefined>;
+        type: PropType<import("vue").StyleValue>;
         default: undefined;
     };
     class: {
@@ -117,7 +117,7 @@ declare const _default: import("vue").DefineComponent<{
     size: Size;
     color: Color;
     label: string;
-    style: import("vue").StyleValue | undefined;
+    style: import("vue").StyleValue;
     class: any;
     disabled: boolean;
     placeholder: string;

package/components/MazInputTags.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazInputTags-c_GGD8Rk.mjs";
+import { M as f } from "./chunks/MazInputTags-kDTfYnsu.mjs";
 export {
   f as default
 };

package/components/MazLazyImg.d.ts

@@ -3,7 +3,7 @@ import type { Image } from './types';
 export type { Image };
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     style: {
-        type: PropType<import("vue").StyleValue | undefined>;
+        type: PropType<import("vue").StyleValue>;
         default: undefined;
     };
     class: {
@@ -53,7 +53,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     intersecting: (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     style: {
-        type: PropType<import("vue").StyleValue | undefined>;
+        type: PropType<import("vue").StyleValue>;
         default: undefined;
     };
     class: {
@@ -102,7 +102,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     onLoading?: ((...args: any[]) => any) | undefined;
     onIntersecting?: ((...args: any[]) => any) | undefined;
 }, {
-    style: import("vue").StyleValue | undefined;
+    style: import("vue").StyleValue;
     image: Image;
     class: any;
     alt: string;

package/components/MazPhoneNumberInput.d.ts

@@ -5,7 +5,7 @@ export type { Color, Size, Position, CountryCode, Result, Translations };
 import { type PropType } from 'vue';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     style: {
-        type: PropType<import("vue").StyleValue | undefined>;
+        type: PropType<import("vue").StyleValue>;
         default: undefined;
     };
     class: {
@@ -186,7 +186,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     "update:country-code": (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     style: {
-        type: PropType<import("vue").StyleValue | undefined>;
+        type: PropType<import("vue").StyleValue>;
         default: undefined;
     };
     class: {
@@ -369,7 +369,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     success: boolean;
     size: Size;
     color: Color;
-    style: import("vue").StyleValue | undefined;
+    style: import("vue").StyleValue;
     class: any;
     disabled: boolean;
     placeholder: string;
@@ -410,7 +410,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     countrySelectorWidth: string;
 }, {}>, {
     "selector-flag"?(_: {
-        countryCode: "AC" | "AD" | "AE" | "AF" | "AG" | "AI" | "AL" | "AM" | "AO" | "AR" | "AS" | "AT" | "AU" | "AW" | "AX" | "AZ" | "BA" | "BB" | "BD" | "BE" | "BF" | "BG" | "BH" | "BI" | "BJ" | "BL" | "BM" | "BN" | "BO" | "BQ" | "BR" | "BS" | "BT" | "BW" | "BY" | "BZ" | "CA" | "CC" | "CD" | "CF" | "CG" | "CH" | "CI" | "CK" | "CL" | "CM" | "CN" | "CO" | "CR" | "CU" | "CV" | "CW" | "CX" | "CY" | "CZ" | "DE" | "DJ" | "DK" | "DM" | "DO" | "DZ" | "EC" | "EE" | "EG" | "EH" | "ER" | "ES" | "ET" | "FI" | "FJ" | "FK" | "FM" | "FO" | "FR" | "GA" | "GB" | "GD" | "GE" | "GF" | "GG" | "GH" | "GI" | "GL" | "GM" | "GN" | "GP" | "GQ" | "GR" | "GT" | "GU" | "GW" | "GY" | "HK" | "HN" | "HR" | "HT" | "HU" | "ID" | "IE" | "IL" | "IM" | "IN" | "IO" | "IQ" | "IR" | "IS" | "IT" | "JE" | "JM" | "JO" | "JP" | "KE" | "KG" | "KH" | "KI" | "KM" | "KN" | "KP" | "KR" | "KW" | "KY" | "KZ" | "LA" | "LB" | "LC" | "LI" | "LK" | "LR" | "LS" | "LT" | "LU" | "LV" | "LY" | "MA" | "MC" | "MD" | "ME" | "MF" | "MG" | "MH" | "MK" | "ML" | "MM" | "MN" | "MO" | "MP" | "MQ" | "MR" | "MS" | "MT" | "MU" | "MV" | "MW" | "MX" | "MY" | "MZ" | "NA" | "NC" | "NE" | "NF" | "NG" | "NI" | "NL" | "NO" | "NP" | "NR" | "NU" | "NZ" | "OM" | "PA" | "PE" | "PF" | "PG" | "PH" | "PK" | "PL" | "PM" | "PR" | "PS" | "PT" | "PW" | "PY" | "QA" | "RE" | "RO" | "RS" | "RU" | "RW" | "SA" | "SB" | "SC" | "SD" | "SE" | "SG" | "SH" | "SI" | "SJ" | "SK" | "SL" | "SM" | "SN" | "SO" | "SR" | "SS" | "ST" | "SV" | "SX" | "SY" | "SZ" | "TA" | "TC" | "TD" | "TG" | "TH" | "TJ" | "TK" | "TL" | "TM" | "TN" | "TO" | "TR" | "TT" | "TV" | "TW" | "TZ" | "UA" | "UG" | "US" | "UY" | "UZ" | "VA" | "VC" | "VE" | "VG" | "VI" | "VN" | "VU" | "WF" | "WS" | "XK" | "YE" | "YT" | "ZA" | "ZM" | "ZW";
+        countryCode: CountryCode;
     }): any;
     "country-list-flag"?(_: {
         countryCode: string;

package/components/MazPhoneNumberInput.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazPhoneNumberInput-RJZxI6Ov.mjs";
+import { M as f } from "./chunks/MazPhoneNumberInput-q0hGoLSn.mjs";
 export {
   f as default
 };

package/components/MazPicker.d.ts

@@ -4,7 +4,7 @@ import type { PickerValue, PickerShortcut } from './MazPicker/types';
 export type { PickerValue, PickerShortcut, Color, Position };
 declare const _default: import("vue").DefineComponent<{
     style: {
-        type: PropType<import("vue").StyleValue | undefined>;
+        type: PropType<import("vue").StyleValue>;
         default: undefined;
     };
     class: {
@@ -145,7 +145,7 @@ declare const _default: import("vue").DefineComponent<{
     "update:model-value": (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     style: {
-        type: PropType<import("vue").StyleValue | undefined>;
+        type: PropType<import("vue").StyleValue>;
         default: undefined;
     };
     class: {
@@ -287,7 +287,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     color: Color;
     label: string;
-    style: import("vue").StyleValue | undefined;
+    style: import("vue").StyleValue;
     time: boolean;
     class: any;
     disabled: boolean;

package/components/MazRadio.d.ts

@@ -3,7 +3,7 @@ import type { Color, Size } from './types';
 export type { Color, Size };
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     style: {
-        type: PropType<import("vue").StyleValue | undefined>;
+        type: PropType<import("vue").StyleValue>;
         default: undefined;
     };
     class: {
@@ -43,7 +43,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     "update:model-value": (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     style: {
-        type: PropType<import("vue").StyleValue | undefined>;
+        type: PropType<import("vue").StyleValue>;
         default: undefined;
     };
     class: {
@@ -84,7 +84,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, {
     size: Size;
     color: Color;
-    style: import("vue").StyleValue | undefined;
+    style: import("vue").StyleValue;
     class: any;
     disabled: boolean;
     id: string;

package/components/MazSelect.d.ts

@@ -4,7 +4,7 @@ export type MazSelectOption = Record<string, ModelValueSimple>;
 export type { Color, Size, ModelValueSimple, Position };
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     style: {
-        type: PropType<import("vue").StyleValue | undefined>;
+        type: PropType<import("vue").StyleValue>;
         default: undefined;
     };
     class: {
@@ -102,7 +102,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     "selected-option": (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     style: {
-        type: PropType<import("vue").StyleValue | undefined>;
+        type: PropType<import("vue").StyleValue>;
         default: undefined;
     };
     class: {
@@ -201,7 +201,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, {
     size: Size;
     color: Color;
-    style: import("vue").StyleValue | undefined;
+    style: import("vue").StyleValue;
     class: any;
     search: boolean;
     disabled: boolean;

package/components/MazSelect.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazSelect-uJKJJNB9.mjs";
+import { M as f } from "./chunks/MazSelect-QrKXhl1v.mjs";
 export {
   f as default
 };

package/components/MazSlider.mjs

@@ -249,7 +249,7 @@ const ue = (a) => {
             ], 8, ie)
           ],
           38
-          /* CLASS, STYLE, HYDRATE_EVENTS */
+          /* CLASS, STYLE, NEED_HYDRATION */
         )
       ],
       2112

package/components/MazStepper.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazStepper-qMBecRYN.mjs";
+import { M as f } from "./chunks/MazStepper-NrorpacW.mjs";
 export {
   f as default
 };

package/components/MazSwitch.d.ts

@@ -3,7 +3,7 @@ import type { Color } from './types';
 export type { Color };
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     style: {
-        type: PropType<import("vue").StyleValue | undefined>;
+        type: PropType<import("vue").StyleValue>;
         default: undefined;
     };
     class: {
@@ -35,7 +35,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     "update:model-value": (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     style: {
-        type: PropType<import("vue").StyleValue | undefined>;
+        type: PropType<import("vue").StyleValue>;
         default: undefined;
     };
     class: {
@@ -67,7 +67,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
 }, {
     color: Color;
-    style: import("vue").StyleValue | undefined;
+    style: import("vue").StyleValue;
     class: any;
     disabled: boolean;
     name: string;

package/components/MazTabsBar.d.ts

@@ -9,10 +9,14 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<MazTabsBarItem[]>;
         required: true;
     };
-    useAnchor: {
+    persistent: {
         type: BooleanConstructor;
         default: boolean;
     };
+    queryParam: {
+        type: StringConstructor;
+        default: string;
+    };
     color: {
         type: PropType<Color>;
         default: string;
@@ -26,10 +30,14 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<MazTabsBarItem[]>;
         required: true;
     };
-    useAnchor: {
+    persistent: {
         type: BooleanConstructor;
         default: boolean;
     };
+    queryParam: {
+        type: StringConstructor;
+        default: string;
+    };
     color: {
         type: PropType<Color>;
         default: string;
@@ -40,7 +48,8 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     color: Color;
+    persistent: boolean;
     block: boolean;
-    useAnchor: boolean;
+    queryParam: string;
 }, {}>;
 export default _default;

package/components/MazTabsBar.mjs

@@ -1,92 +1,97 @@
 import "./assets/MazTabsBar.css";
-import { inject as w, defineComponent as C, ref as v, computed as b, onBeforeMount as B, onMounted as M, openBlock as f, createElementBlock as d, normalizeClass as y, createElementVNode as S, normalizeStyle as _, Fragment as x, renderList as E, unref as g, toDisplayString as j } from "vue";
-function A(t, s) {
-  const n = w(t, s);
-  if (!n)
-    throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${t}`);
-  return n;
+import { inject as k, defineComponent as $, ref as b, computed as y, onBeforeMount as B, onMounted as M, openBlock as f, createElementBlock as d, normalizeClass as v, createElementVNode as P, normalizeStyle as h, Fragment as C, renderList as q, unref as E, toDisplayString as L } from "vue";
+function R(a, t) {
+  const o = k(a, t);
+  if (!o)
+    throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${a}`);
+  return o;
 }
-const L = ["disabled", "href", "onClick"], V = /* @__PURE__ */ C({
+const j = ["disabled", "onClick"], U = /* @__PURE__ */ $({
   __name: "MazTabsBar",
   props: {
     items: { type: Array, required: !0 },
-    useAnchor: { type: Boolean, default: !1 },
+    persistent: { type: Boolean, default: !1 },
+    queryParam: { type: String, default: "tab" },
     color: { type: String, default: "primary" },
     block: { type: Boolean, default: !1 }
   },
-  setup(t) {
-    function s(e) {
-      return e.replaceAll(/([a-z])([A-Z])/g, "$1-$2").replaceAll(/[\s_]+/g, "-").toLowerCase();
+  setup(a) {
+    const { currentTab: t, updateCurrentTab: o } = R("maz-tabs");
+    function u(e) {
+      o(e), n.persistent && z(e);
     }
-    const n = (e, a) => {
-      if (typeof window > "u")
-        return a;
-      const c = window.location.hash.replace("#", ""), o = e.findIndex(({ label: l }) => s(l) === c);
-      return o === -1 ? 1 : o + 1;
-    }, { currentTab: r, updateCurrentTab: u } = A("maz-tabs"), p = t, z = v(), h = v([]);
-    function T({
+    const n = a, _ = b(), p = b([]);
+    function g({
       mazBtn: e,
-      index: a
+      index: r
     }) {
-      h.value[a] = e && "$el" in e ? e.$el : e;
+      p.value[r] = e && "$el" in e ? e.$el : e;
     }
-    const i = b(
-      () => p.items.map((e) => ({
+    const c = y(
+      () => n.items.map((e) => ({
         label: typeof e == "string" ? e : e.label,
         disabled: typeof e == "string" ? !1 : e.disabled ?? !1
       }))
-    ), $ = b(() => {
-      if (typeof r.value != "number")
+    ), T = y(() => {
+      if (typeof t.value != "number")
         return {};
-      const e = h.value[r.value - 1], a = (e == null ? void 0 : e.offsetWidth) ?? 0, c = (e == null ? void 0 : e.offsetHeight) ?? 0;
+      const e = p.value[t.value - 1], r = (e == null ? void 0 : e.offsetWidth) ?? 0, i = (e == null ? void 0 : e.offsetHeight) ?? 0;
       return {
         transform: `translateX(${(e == null ? void 0 : e.offsetLeft) ?? 0}px)`,
-        width: `${a}px`,
-        height: `${c}px`
+        width: `${r}px`,
+        height: `${i}px`
       };
     });
-    function k(e, a) {
-      return a ? {} : r.value === e ? "color: var(--maz-color-text)" : "color: var(--maz-color-muted)";
+    function w(e, r) {
+      return r ? {} : t.value === e ? "color: var(--maz-color-text)" : "color: var(--maz-color-muted)";
     }
-    return B(() => {
-      (r.value < 1 || r.value > i.value.length) && console.error(
-        `[maz-ui](MazTabsBar) The model-value should be between 1 and ${i.value.length}`
+    B(() => {
+      (t.value < 1 || t.value > c.value.length) && console.error(
+        `[maz-ui](MazTabsBar) The model-value should be between 1 and ${c.value.length}`
       );
-    }), M(async () => {
-      p.useAnchor && u(n(i.value, r.value) ?? 1);
-    }), (e, a) => (f(), d(
+    });
+    function S() {
+      const e = new URL(window.location.href);
+      return Number(e.searchParams.get(n.queryParam));
+    }
+    function z(e) {
+      const r = new URL(window.location.href);
+      r.searchParams.set(n.queryParam, String(e)), window.history.replaceState({}, document.title, r.toString());
+    }
+    return M(async () => {
+      n.persistent && o(S() ?? t.value ?? 1);
+    }), (e, r) => (f(), d(
       "div",
       {
         ref_key: "MazTabsBar",
-        ref: z,
-        class: y(["m-tabs-bar", {
-          "--block": t.block
+        ref: _,
+        class: v(["m-tabs-bar", {
+          "--block": a.block
         }])
       },
       [
-        S(
+        P(
           "div",
           {
             class: "m-tabs-bar__indicator",
-            style: _([$.value])
+            style: h([T.value])
           },
           null,
           4
           /* STYLE */
         ),
         (f(!0), d(
-          x,
+          C,
           null,
-          E(i.value, ({ label: c, disabled: o }, l) => (f(), d("a", {
-            key: l,
+          q(c.value, ({ label: i, disabled: l }, s) => (f(), d("button", {
+            key: s,
             ref_for: !0,
-            ref: (m) => T({ mazBtn: m, index: l }),
-            class: y([{ "--active": g(r) === l, "--disabled": o }, "m-tabs-bar__item"]),
-            disabled: o,
-            href: t.useAnchor && !o ? `#${s(c)}` : void 0,
-            style: _(k(l + 1, o)),
-            onClick: (m) => o ? void 0 : g(u)(l + 1)
-          }, j(c), 15, L))),
+            ref: (m) => g({ mazBtn: m, index: s }),
+            class: v([{ "--active": E(t) === s, "--disabled": l }, "m-tabs-bar__item"]),
+            disabled: l,
+            style: h(w(s + 1, l)),
+            onClick: (m) => l ? void 0 : u(s + 1)
+          }, L(i), 15, j))),
           128
           /* KEYED_FRAGMENT */
         ))
@@ -95,12 +100,12 @@ const L = ["disabled", "href", "onClick"], V = /* @__PURE__ */ C({
       /* CLASS */
     ));
   }
-}), X = (t, s) => {
-  const n = t.__vccOpts || t;
-  for (const [r, u] of s)
-    n[r] = u;
-  return n;
-}, R = /* @__PURE__ */ X(V, [["__scopeId", "data-v-99cb4084"]]);
+}), V = (a, t) => {
+  const o = a.__vccOpts || a;
+  for (const [u, n] of t)
+    o[u] = n;
+  return o;
+}, H = /* @__PURE__ */ V(U, [["__scopeId", "data-v-fd49b37e"]]);
 export {
-  R as default
+  H as default
 };

package/components/MazTextarea.d.ts

@@ -3,7 +3,7 @@ import type { Color } from './types';
 export type { Color };
 declare const _default: import("vue").DefineComponent<{
     style: {
-        type: PropType<import("vue").StyleValue | undefined>;
+        type: PropType<import("vue").StyleValue>;
         default: undefined;
     };
     class: {
@@ -65,7 +65,7 @@ declare const _default: import("vue").DefineComponent<{
     focus: (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     style: {
-        type: PropType<import("vue").StyleValue | undefined>;
+        type: PropType<import("vue").StyleValue>;
         default: undefined;
     };
     class: {
@@ -130,7 +130,7 @@ declare const _default: import("vue").DefineComponent<{
     warning: boolean;
     color: Color;
     label: string;
-    style: import("vue").StyleValue | undefined;
+    style: import("vue").StyleValue;
     class: any;
     disabled: boolean;
     name: string;