maz-ui 3.47.2-beta.2 → 3.47.2-beta.20

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-CM-w7V97.mjs";
+import { M as f } from "./chunks/MazTabsBar--Xq_cpuz.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,20 +1,20 @@
-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 './assets/MazTabsContentItem.css';function y(e, n) {
+import { inject as p, defineComponent as d, ref as i, watch as f, 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 I(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({
+const y = /* @__PURE__ */ d({
   __name: "MazTabsContentItem",
   props: {
     tab: { type: Number, required: !0 }
   },
   setup(e) {
-    const n = e, t = c("maz-tab-transition"), o = c(), { currentTab: r } = y("maz-tabs");
-    d(
+    const n = e, t = i("maz-tab-transition"), o = i(), { currentTab: r } = I("maz-tabs");
+    f(
       () => r.value,
-      async (a, s) => {
+      (a, s) => {
         if (typeof a == "number" && typeof s == "number") {
           const b = s < a;
           t.value = b ? "maz-tab-transition" : "maz-tab-reverse-transition";
@@ -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(y, [["__scopeId", "data-v-43df406d"]]);
 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 | null> {
     /** 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 | null>(__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?: T | 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?: T): 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];
+} & {};

package/components/MazTextarea.mjs

@@ -1,26 +1,25 @@
-import './assets/MazTextarea.css';var L = Object.defineProperty;
-var q = (r, o, e) => o in r ? L(r, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[o] = e;
-var p = (r, o, e) => q(r, typeof o != "symbol" ? o + "" : o, e);
-import { useId as F, computed as s, defineComponent as I, ref as v, onMounted as M, onBeforeUnmount as R, openBlock as d, createElementBlock as c, normalizeClass as b, normalizeStyle as x, unref as g, createTextVNode as N, toDisplayString as S, createCommentVNode as z, withDirectives as U, createElementVNode as $, mergeProps as C, toHandlers as H, vModelText as _ } from "vue";
-function D({
+import './assets/MazTextarea.css';var I = Object.defineProperty;
+var M = (r, o, t) => o in r ? I(r, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[o] = t;
+var z = (r, o, t) => M(r, typeof o != "symbol" ? o + "" : o, t);
+import { computed as n, useId as R, defineComponent as N, ref as w, onMounted as U, onBeforeUnmount as C, useSlots as H, openBlock as l, createElementBlock as i, normalizeClass as B, unref as p, normalizeStyle as A, renderSlot as k, createTextVNode as D, toDisplayString as T, createCommentVNode as m, withDirectives as J, createElementVNode as O, mergeProps as _, toHandlers as j, vModelText as P } from "vue";
+function G({
   componentName: r,
   providedId: o
 }) {
-  const e = F();
-  return s(() => o ?? `${r}-${e}`);
+  return n(() => o ?? `${r}-${R().replace(/:/g, "")}`);
 }
-function O(r, o) {
-  let e;
+function K(r, o) {
+  let t;
   return function(...a) {
-    clearTimeout(e), e = setTimeout(() => {
+    clearTimeout(t), t = setTimeout(() => {
       r.apply(this, a);
     }, o);
   };
 }
-class A {
+class Q {
   constructor(o) {
-    p(this, "element");
-    this.element = o, this.onFocus = this.onFocus.bind(this), this.autogrow = this.autogrow.bind(this), this.onResize = O(this.onResize.bind(this), 200), this.connect();
+    z(this, "element");
+    this.element = o, this.onFocus = this.onFocus.bind(this), this.autogrow = this.autogrow.bind(this), this.onResize = K(this.onResize.bind(this), 200), this.connect();
   }
   connect() {
     this.element.addEventListener("focus", this.onFocus), this.element.style.resize = "none", this.element.style.boxSizing = "border-box";
@@ -38,7 +37,10 @@ class A {
     this.element.style.height = "auto", this.element.style.overflow = "hidden", this.element.style.height = `${this.element.scrollHeight}px`;
   }
 }
-const P = ["for"], j = { key: 0 }, G = ["id", "placeholder", "name", "disabled", "required"], J = /* @__PURE__ */ I({
+const W = ["for"], X = ["for"], Y = { key: 1 }, Z = { key: 2 }, x = ["id", "placeholder", "name", "disabled", "required"], ee = {
+  key: 1,
+  class: "m-textarea__append"
+}, te = /* @__PURE__ */ N({
   inheritAttrs: !1,
   __name: "MazTextarea",
   props: {
@@ -56,127 +58,144 @@ const P = ["for"], j = { key: 0 }, G = ["id", "placeholder", "name", "disabled",
     success: { type: Boolean, default: !1 },
     warning: { type: Boolean, default: !1 },
     hint: { default: void 0 },
-    color: { default: "primary" }
+    color: { default: "primary" },
+    roundedSize: {},
+    padding: { type: Boolean, default: !0 },
+    transparent: { type: Boolean, default: !1 },
+    border: { type: Boolean, default: !0 },
+    appendJustify: { default: "end" }
   },
   emits: ["update:model-value", "input", "focus", "blur", "change"],
   setup(r, { emit: o }) {
-    const e = r, a = o;
-    let n;
-    const m = D({
+    const t = r, a = o;
+    let s;
+    const u = G({
       componentName: "MazTextarea",
-      providedId: e.id
-    }), i = v(), l = v(!1), y = s(() => e.modelValue !== void 0 && e.modelValue !== "");
-    M(() => {
-      i.value && (n = new A(i.value));
-    }), R(() => {
-      n == null || n.disconnect();
+      providedId: t.id
+    }), c = w(), d = w(!1), E = n(() => t.modelValue !== void 0 && t.modelValue !== "");
+    U(() => {
+      c.value && (s = new Q(c.value));
+    }), C(() => {
+      s == null || s.disconnect();
     });
-    const f = s({
-      get: () => e.modelValue,
-      set: (t) => {
-        a("update:model-value", t), a("input", t);
+    const h = n({
+      get: () => t.modelValue,
+      set: (e) => {
+        a("update:model-value", e), a("input", e);
       }
     });
-    function w(t) {
-      a("focus", t), l.value = !0;
+    function S(e) {
+      a("focus", e), d.value = !0;
     }
-    function T(t) {
-      a("blur", t), l.value = !1;
+    function V(e) {
+      a("blur", e), d.value = !1;
     }
-    function E(t) {
-      a("change", t);
+    function $(e) {
+      a("change", e);
     }
-    const u = s(() => e.label || e.hint), V = s(
-      () => u.value && (l.value || y.value || !!e.placeholder)
-    ), B = s(() => {
-      if (e.error)
+    const b = H(), f = n(() => t.label || t.hint || !!b.label), L = n(
+      () => f.value && (d.value || E.value || !!t.placeholder)
+    ), v = n(() => !!b.append), y = n(() => {
+      if (t.error)
         return "maz-border-danger";
-      if (e.success)
+      if (t.success)
         return "maz-border-success";
-      if (e.warning)
+      if (t.warning)
         return "maz-border-warning";
-      if (l.value) {
-        if (e.color === "black")
+      if (d.value) {
+        if (t.color === "black")
           return "maz-border-black";
-        if (e.color === "danger")
+        if (t.color === "danger")
           return "maz-border-danger";
-        if (e.color === "info")
+        if (t.color === "info")
           return "maz-border-info";
-        if (e.color === "primary")
+        if (t.color === "primary")
           return "maz-border-primary";
-        if (e.color === "secondary")
+        if (t.color === "secondary")
           return "maz-border-secondary";
-        if (e.color === "success")
+        if (t.color === "success")
           return "maz-border-success";
-        if (e.color === "warning")
+        if (t.color === "warning")
           return "maz-border-warning";
-        if (e.color === "white")
+        if (t.color === "white")
           return "maz-border-white";
       }
       return "--default-border";
-    });
-    return (t, h) => (d(), c(
-      "div",
-      {
-        class: b(["m-textarea", [
+    }), q = n(() => y.value !== "--default-border");
+    return (e, g) => (l(), i("label", {
+      class: B(["m-textarea", [
+        {
+          "--is-disabled": e.disabled,
+          "--has-label": f.value,
+          "--background-transparent": e.transparent,
+          "--padding": e.padding,
+          "--border": e.border,
+          "--has-border-style": q.value
+        },
+        y.value,
+        e.roundedSize ? `--rounded-${e.roundedSize}` : "--rounded",
+        t.class
+      ]]),
+      for: p(u),
+      style: A([e.style, `--append-justify: ${e.appendJustify}`])
+    }, [
+      f.value ? (l(), i("label", {
+        key: 0,
+        for: p(u),
+        class: B(["m-textarea__label", [
           {
-            "--is-disabled": t.disabled,
-            "--has-label": u.value
-          },
-          e.class
-        ]]),
-        style: x(t.style)
-      },
-      [
-        u.value ? (d(), c("label", {
-          key: 0,
-          for: g(m),
-          class: b(["m-textarea__label", [
-            {
-              "maz-text-danger-600": t.error,
-              "maz-text-success-600": t.success,
-              "maz-text-warning-600": t.warning,
-              "--has-state": t.error || t.warning || t.success,
-              "--should-up": V.value
-            }
-          ]])
-        }, [
-          N(
-            S(t.hint || t.label) + " ",
+            "maz-text-danger-600": e.error,
+            "maz-text-success-600": e.success,
+            "maz-text-warning-600": e.warning,
+            "--has-state": e.error || e.warning || e.success,
+            "--should-up": L.value
+          }
+        ]])
+      }, [
+        e.hint ? (l(), i(
+          "span",
+          Y,
+          T(e.hint),
+          1
+          /* TEXT */
+        )) : k(e.$slots, "label", { key: 0 }, () => [
+          D(
+            T(e.label),
             1
             /* TEXT */
-          ),
-          t.required ? (d(), c("sup", j, "*")) : z("v-if", !0)
-        ], 10, P)) : z("v-if", !0),
-        U($("textarea", C({
-          id: g(m),
-          ref_key: "TextareaElement",
-          ref: i
-        }, t.$attrs, {
-          "onUpdate:modelValue": h[0] || (h[0] = (k) => f.value = k),
-          placeholder: t.placeholder,
-          name: t.name,
-          disabled: t.disabled,
-          required: t.required,
-          class: [B.value]
-        }, H({
-          blur: T,
-          focus: w,
-          change: E
-        }, !0)), null, 16, G), [
-          [_, f.value]
-        ])
-      ],
-      6
-      /* CLASS, STYLE */
-    ));
+          )
+        ], !0),
+        e.required ? (l(), i("sup", Z, "*")) : m("v-if", !0)
+      ], 10, X)) : m("v-if", !0),
+      J(O("textarea", _({
+        id: p(u),
+        ref_key: "TextareaElement",
+        ref: c
+      }, e.$attrs, {
+        "onUpdate:modelValue": g[0] || (g[0] = (F) => h.value = F),
+        placeholder: e.placeholder,
+        name: e.name,
+        disabled: e.disabled,
+        required: e.required,
+        class: { "--has-append": v.value }
+      }, j({
+        blur: V,
+        focus: S,
+        change: $
+      }, !0)), null, 16, x), [
+        [P, h.value]
+      ]),
+      v.value ? (l(), i("div", ee, [
+        k(e.$slots, "append", {}, void 0, !0)
+      ])) : m("v-if", !0)
+    ], 14, W));
   }
-}), K = (r, o) => {
-  const e = r.__vccOpts || r;
-  for (const [a, n] of o)
-    e[a] = n;
-  return e;
-}, X = /* @__PURE__ */ K(J, [["__scopeId", "data-v-e42cdaa5"]]);
+}), oe = (r, o) => {
+  const t = r.__vccOpts || r;
+  for (const [a, s] of o)
+    t[a] = s;
+  return t;
+}, ne = /* @__PURE__ */ oe(te, [["__scopeId", "data-v-7b72843e"]]);
 export {
-  X as default
+  ne as default
 };

package/components/MazTransitionExpand.d.ts

@@ -3,11 +3,12 @@ export interface Props {
     animationDuration?: string;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 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<{}>, {

package/components/MazTransitionExpand.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as p, useCssVars as d, openBlock as h, createBlock as u, TransitionGroup as y, withCtx as g, renderSlot as l, nextTick as r } from "vue";
+import { defineComponent as p, useCssVars as d, openBlock as h, createBlock as u, TransitionGroup as y, withCtx as g, renderSlot as l, nextTick as e } from "vue";
 import './assets/MazTransitionExpand.css';const f = /* @__PURE__ */ p({
   __name: "MazTransitionExpand",
   props: {
@@ -6,22 +6,22 @@ import './assets/MazTransitionExpand.css';const f = /* @__PURE__ */ p({
   },
   setup(n) {
     d((t) => ({
-      af3e885c: t.animationDuration
+      c6291fc2: t.animationDuration
     }));
     function a(t) {
       const o = getComputedStyle(t).width;
       t.style.width = o, t.style.position = "absolute", t.style.visibility = "hidden", t.style.height = "auto", t.style.top = "bottom";
       const i = getComputedStyle(t).height;
-      t.style.width = "", t.style.position = "", t.style.visibility = "", t.style.height = "0px", getComputedStyle(t).height, r(() => {
+      t.style.width = "", t.style.position = "", t.style.visibility = "", t.style.height = "0px", getComputedStyle(t).height, e(() => {
         t.style.height = i;
       });
     }
     function s(t) {
       t.style.height = "auto";
     }
-    function e(t) {
+    function r(t) {
       const o = getComputedStyle(t).height;
-      t.style.height = o, getComputedStyle(t).height, r(() => {
+      t.style.height = o, getComputedStyle(t).height, e(() => {
         t.style.height = "0px";
       });
     }
@@ -31,7 +31,7 @@ import './assets/MazTransitionExpand.css';const f = /* @__PURE__ */ p({
       tag: "div",
       onEnter: o[0] || (o[0] = (i) => a(i)),
       onAfterEnter: o[1] || (o[1] = (i) => s(i)),
-      onLeave: o[2] || (o[2] = (i) => e(i))
+      onLeave: o[2] || (o[2] = (i) => r(i))
     }, {
       default: g(() => [
         l(t.$slots, "default", {}, void 0, !0)
@@ -42,10 +42,10 @@ import './assets/MazTransitionExpand.css';const f = /* @__PURE__ */ p({
   }
 }), c = (n, a) => {
   const s = n.__vccOpts || n;
-  for (const [e, t] of a)
-    s[e] = t;
+  for (const [r, t] of a)
+    s[r] = t;
   return s;
-}, v = /* @__PURE__ */ c(f, [["__scopeId", "data-v-ae7db22a"]]);
+}, v = /* @__PURE__ */ c(f, [["__scopeId", "data-v-2cac199a"]]);
 export {
   v as default
 };