maz-ui 3.46.1-beta.5 → 3.47.0

package/components/MazAccordion.mjs

@@ -1,4 +1,4 @@
-import { openBlock as p, createElementBlock as b, createElementVNode as u, useId as A, computed as g, defineComponent as k, useCssVars as V, ref as f, onMounted as O, onUnmounted as B, normalizeClass as $, normalizeStyle as w, renderSlot as h, withDirectives as E, vShow as z, mergeModels as x, useModel as I, mergeProps as L, createCommentVNode as N, useSlots as j, Fragment as D, renderList as F, createBlock as R, withCtx as M, unref as y, createVNode as S } from "vue";
+import { openBlock as f, createElementBlock as b, createElementVNode as c, useId as A, computed as g, defineComponent as k, useCssVars as V, ref as p, onMounted as O, onUnmounted as B, normalizeClass as $, normalizeStyle as w, renderSlot as h, withDirectives as E, vShow as z, mergeModels as x, useModel as I, mergeProps as L, createCommentVNode as N, useSlots as j, Fragment as D, renderList as F, createBlock as R, withCtx as M, unref as y, createVNode as S } from "vue";
 import './assets/MazAccordion.css';const P = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
@@ -7,8 +7,8 @@ import './assets/MazAccordion.css';const P = {
   viewBox: "0 0 24 24"
 };
 function T(r, t) {
-  return p(), b("svg", P, t[0] || (t[0] = [
-    u(
+  return f(), b("svg", P, t[0] || (t[0] = [
+    c(
       "path",
       {
         stroke: "currentColor",
@@ -43,11 +43,11 @@ const H = { class: "inner" }, W = /* @__PURE__ */ k({
   },
   setup(r) {
     V((d) => ({
-      "829b4eb4": d.innerOpacity,
-      "57453cb6": n.value
+      "4f499add": d.innerOpacity,
+      "2e65a0ad": n.value
     }));
-    const t = r, a = f(), l = f(), i = f(!1);
-    function m({ clientX: d, clientY: c }) {
+    const t = r, a = p(), l = p(), i = p(!1);
+    function m({ clientX: d, clientY: u }) {
       var e, _, o;
       i.value = !0;
       const v = (e = l.value) == null ? void 0 : e.getBoundingClientRect();
@@ -55,7 +55,7 @@ const H = { class: "inner" }, W = /* @__PURE__ */ k({
         _,
         [
           {
-            transform: `translate(${d - v.left - v.width / 2}px,${c - v.top - v.height / 2}px)`
+            transform: `translate(${d - v.left - v.width / 2}px,${u - v.top - v.height / 2}px)`
           }
         ],
         {
@@ -69,15 +69,15 @@ const H = { class: "inner" }, W = /* @__PURE__ */ k({
       window.addEventListener("mousemove", m);
     }), B(() => {
       window.removeEventListener("mousemove", m);
-    }), (d, c) => (p(), b(
+    }), (d, u) => (f(), b(
       "div",
       {
         class: $(["m-card-spotlight", { "maz-elevation": !d.noElevation }]),
         style: w({ backgroundColor: s.value })
       },
       [
-        u("div", H, [
-          u(
+        c("div", H, [
+          c(
             "div",
             {
               class: $(["content", [{ "maz-p-4": d.padding }, d.contentClass]])
@@ -89,7 +89,7 @@ const H = { class: "inner" }, W = /* @__PURE__ */ k({
             /* CLASS */
           )
         ]),
-        E(u(
+        E(c(
           "div",
           {
             ref_key: "blobElement",
@@ -103,7 +103,7 @@ const H = { class: "inner" }, W = /* @__PURE__ */ k({
         ), [
           [z, i.value]
         ]),
-        E(u(
+        E(c(
           "div",
           {
             ref_key: "fakeblobElement",
@@ -126,7 +126,7 @@ const H = { class: "inner" }, W = /* @__PURE__ */ k({
   for (const [l, i] of t)
     a[l] = i;
   return a;
-}, G = /* @__PURE__ */ C(W, [["__scopeId", "data-v-a4cc15ae"]]), J = ["aria-hidden"], K = /* @__PURE__ */ k({
+}, G = /* @__PURE__ */ C(W, [["__scopeId", "data-v-31abf9ff"]]), J = ["aria-hidden"], K = /* @__PURE__ */ k({
   inheritAttrs: !1,
   __name: "MazExpandAnimation",
   props: /* @__PURE__ */ x({
@@ -142,7 +142,7 @@ const H = { class: "inner" }, W = /* @__PURE__ */ k({
       "3628b947": n.duration,
       "239277b5": n.timingFunction
     }));
-    const t = I(r, "modelValue"), a = f(!t.value), l = f();
+    const t = I(r, "modelValue"), a = p(!t.value), l = p();
     function i() {
       t.value || (a.value = !0);
     }
@@ -155,14 +155,14 @@ const H = { class: "inner" }, W = /* @__PURE__ */ k({
     }), B(() => {
       var n, s;
       (n = l.value) == null || n.removeEventListener("transitionstart", i, !1), (s = l.value) == null || s.removeEventListener("transitionend", m, !1);
-    }), (n, s) => (p(), b("div", {
+    }), (n, s) => (f(), b("div", {
       ref_key: "expandAnimationRef",
       ref: l,
       class: $(["m-expand-animation", { "m-expand-animation--expanded": t.value }]),
       "aria-hidden": !t.value,
       role: "region"
     }, [
-      u(
+      c(
         "div",
         L({ class: "m-expand-animation__inner" }, n.$attrs, {
           class: {
@@ -195,23 +195,23 @@ const H = { class: "inner" }, W = /* @__PURE__ */ k({
       providedId: a.id
     }), m = j(), n = g(
       () => Object.keys(m).filter((e) => e.startsWith("title-")).length
-    ), s = f(a.modelValue), d = g({
+    ), s = p(a.modelValue), d = g({
       get: () => a.modelValue || s.value,
       set: (e) => {
         s.value = e, l("update:model-value", e);
       }
     });
-    function c(e) {
+    function u(e) {
       return d.value === e;
     }
     function v(e) {
       d.value === e ? (s.value = 0, l("update:model-value", 0)) : (s.value = e, l("update:model-value", e));
     }
-    return (e, _) => (p(), b("div", X, [
-      (p(!0), b(
+    return (e, _) => (f(), b("div", X, [
+      (f(!0), b(
         D,
         null,
-        F(n.value, (o) => (p(), R(
+        F(n.value, (o) => (f(), R(
           G,
           {
             key: o,
@@ -220,37 +220,37 @@ const H = { class: "inner" }, W = /* @__PURE__ */ k({
           },
           {
             default: M(() => [
-              u("button", {
+              c("button", {
                 id: `step-${o}-${y(i)}`,
                 class: "m-accordion__header",
                 "aria-controls": `step-${o}-${y(i)}`,
-                "aria-expanded": c(o),
+                "aria-expanded": u(o),
                 onClick: (ee) => v(o)
               }, [
                 h(e.$slots, `title-${o}`, {
-                  isOpen: c(o)
+                  isOpen: u(o)
                 }, void 0, !0),
                 S(y(U), {
-                  class: $(["header-icon", { "--rotate": c(o) }])
+                  class: $(["header-icon", { "--rotate": u(o) }])
                 }, null, 8, ["class"])
               ], 8, Y),
               S(Q, {
                 "animation-duration": "300ms",
-                "model-value": c(o),
+                "model-value": u(o),
                 "aria-labelledby": `step-${o}-${y(i)}`
               }, {
                 default: M(() => [
-                  u(
+                  c(
                     "div",
                     {
                       class: $(["m-accordion__content", e.contentClass])
                     },
                     [
                       h(e.$slots, "content", {
-                        isOpen: c(o)
+                        isOpen: u(o)
                       }, void 0, !0),
                       h(e.$slots, `content-${o}`, {
-                        isOpen: c(o)
+                        isOpen: u(o)
                       }, void 0, !0)
                     ],
                     2

package/components/MazBottomSheet.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazBottomSheet-s9lLaK1M.mjs";
+import { M as f } from "./chunks/MazBottomSheet-BvdiOa8P.mjs";
 export {
   f as default
 };

package/components/MazBtn.d.ts

@@ -98,6 +98,10 @@ export interface Props {
      * @default false
      */
     noElevation?: boolean;
+    /**
+     * Choose how the elements are aligned in the button
+     */
+    justify?: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly';
 }
 declare function __VLS_template(): {
     slots: {
@@ -119,6 +123,7 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     icon: string | Icon;
     leftIcon: string | Icon;
     rightIcon: string | Icon;
+    justify: "start" | "end" | "center" | "between" | "around" | "evenly";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/components/MazBtn.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazBtn-CVB5qDjV.mjs";
+import { M as f } from "./chunks/MazBtn-BvirhKh3.mjs";
 export {
   f as default
 };

package/components/MazCard.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazCard-BaJ5Ee3I.mjs";
+import { M as f } from "./chunks/MazCard-StYuQv11.mjs";
 export {
   f as default
 };

package/components/MazCardSpotlight.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as _, useCssVars as k, ref as i, computed as m, onMounted as E, onUnmounted as w, openBlock as z, createElementBlock as B, normalizeClass as b, normalizeStyle as h, createElementVNode as c, renderSlot as S, withDirectives as y, vShow as g } from "vue";
+import { defineComponent as _, useCssVars as k, ref as c, computed as m, onMounted as E, onUnmounted as w, openBlock as z, createElementBlock as B, normalizeClass as b, normalizeStyle as h, createElementVNode as i, renderSlot as S, withDirectives as y, vShow as g } from "vue";
 import './assets/MazCardSpotlight.css';const $ = { class: "inner" }, O = /* @__PURE__ */ _({
   __name: "MazCardSpotlight",
   props: {
@@ -11,19 +11,19 @@ import './assets/MazCardSpotlight.css';const $ = { class: "inner" }, O = /* @__P
   },
   setup(l) {
     k((e) => ({
-      "829b4eb4": e.innerOpacity,
-      "57453cb6": u.value
+      "4f499add": e.innerOpacity,
+      "2e65a0ad": u.value
     }));
-    const n = l, o = i(), r = i(), t = i(!1);
-    function d({ clientX: e, clientY: p }) {
-      var v, s, f;
+    const n = l, o = c(), r = c(), t = c(!1);
+    function d({ clientX: e, clientY: f }) {
+      var p, s, v;
       t.value = !0;
-      const a = (v = r.value) == null ? void 0 : v.getBoundingClientRect();
-      a && ((f = (s = o.value) == null ? void 0 : s.animate) == null || f.call(
+      const a = (p = r.value) == null ? void 0 : p.getBoundingClientRect();
+      a && ((v = (s = o.value) == null ? void 0 : s.animate) == null || v.call(
         s,
         [
           {
-            transform: `translate(${e - a.left - a.width / 2}px,${p - a.top - a.height / 2}px)`
+            transform: `translate(${e - a.left - a.width / 2}px,${f - a.top - a.height / 2}px)`
           }
         ],
         {
@@ -37,15 +37,15 @@ import './assets/MazCardSpotlight.css';const $ = { class: "inner" }, O = /* @__P
       window.addEventListener("mousemove", d);
     }), w(() => {
       window.removeEventListener("mousemove", d);
-    }), (e, p) => (z(), B(
+    }), (e, f) => (z(), B(
       "div",
       {
         class: b(["m-card-spotlight", { "maz-elevation": !e.noElevation }]),
         style: h({ backgroundColor: C.value })
       },
       [
-        c("div", $, [
-          c(
+        i("div", $, [
+          i(
             "div",
             {
               class: b(["content", [{ "maz-p-4": e.padding }, e.contentClass]])
@@ -57,7 +57,7 @@ import './assets/MazCardSpotlight.css';const $ = { class: "inner" }, O = /* @__P
             /* CLASS */
           )
         ]),
-        y(c(
+        y(i(
           "div",
           {
             ref_key: "blobElement",
@@ -71,7 +71,7 @@ import './assets/MazCardSpotlight.css';const $ = { class: "inner" }, O = /* @__P
         ), [
           [g, t.value]
         ]),
-        y(c(
+        y(i(
           "div",
           {
             ref_key: "fakeblobElement",
@@ -94,7 +94,7 @@ import './assets/MazCardSpotlight.css';const $ = { class: "inner" }, O = /* @__P
   for (const [r, t] of n)
     o[r] = t;
   return o;
-}, L = /* @__PURE__ */ M(O, [["__scopeId", "data-v-a4cc15ae"]]);
+}, L = /* @__PURE__ */ M(O, [["__scopeId", "data-v-31abf9ff"]]);
 export {
   L as default
 };

package/components/MazCarousel.mjs

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

package/components/MazChecklist.d.ts

@@ -0,0 +1,79 @@
+import type { Color, Props as MazInputProps } from './MazInput.vue';
+import { type NormalizeStringOptions } from '../modules/helpers/normalize-string';
+export type ItemOption = {
+    label: string;
+    value: string;
+} & Record<string, any>;
+export interface MazCheckListProps<T, O> {
+    /**
+     * The model value of the checklist (selected items)
+     */
+    modelValue?: T[];
+    /**
+     * The query to filter the items (model)
+     */
+    query?: string;
+    /**
+     * The list of items to display
+     */
+    items?: O[];
+    /**
+     * The title of the checklist
+     */
+    title?: string;
+    /**
+     * Add elevation to the card
+     * @default false
+     */
+    elevation?: boolean;
+    /**
+     * The search input options
+     * @default { enabled: false }
+     */
+    search?: {
+        enabled?: boolean;
+    } & MazInputProps<string>;
+    /**
+     * The options to normalize the search query
+     */
+    searchOptions?: NormalizeStringOptions;
+    /**
+     * The color of the checklist (card, checkbox and search input)
+     * @default primary
+     */
+    color?: Color;
+}
+export type { NormalizeStringOptions } from '../modules/helpers/normalize-string';
+export type { Color } from './MazInput.vue';
+declare const _default: <T extends string, O extends ItemOption>(__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?: T[] | undefined) => any) | undefined;
+        readonly "onUpdate:query"?: ((value?: string | undefined) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<{}> & Readonly<{
+        "onUpdate:model-value"?: ((value?: T[] | undefined) => any) | undefined;
+        "onUpdate:query"?: ((value?: string | undefined) => any) | undefined;
+    }>, never>, "onUpdate:model-value" | "onUpdate:query"> & MazCheckListProps<T, O>> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {
+        title?(_: {}): any;
+        "no-results"?(_: {}): any;
+        "no-results-text"?(_: {}): any;
+        item?(_: {
+            selectedValues: T[];
+            item: {
+                label: string;
+                value: string;
+            };
+        }): any;
+    };
+    emit: ((evt: "update:model-value", value?: T[] | undefined) => void) & ((evt: "update:query", value?: string | undefined) => 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/MazChecklist.mjs

@@ -0,0 +1,4 @@
+import { a as f } from "./chunks/MazChecklist-B9bw1Mn4.mjs";
+export {
+  f as default
+};

package/components/MazDialog.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazDialog-Bv2PzQBz.mjs";
+import { M as f } from "./chunks/MazDialog-C3urFx7y.mjs";
 export {
   f as default
 };

package/components/MazDialogPromise.d.ts

@@ -23,6 +23,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<Ma
     onOpen?: ((value?: void | undefined) => any) | undefined;
 }>, {
     data: DialogData;
+    message: string;
+    identifier: string;
     buttons: DialogCustomButton[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     title?(_: {}): any;

package/components/MazDialogPromise.mjs

@@ -1,4 +1,4 @@
-import { a as o, u as s } from "./chunks/MazDialogPromise-BZLP9sXZ.mjs";
+import { a as o, u as s } from "./chunks/MazDialogPromise-BuOWwo6n.mjs";
 export {
   o as default,
   s as useMazDialogPromise

package/components/MazDrawer.mjs

@@ -128,7 +128,7 @@ import './assets/MazDrawer.css';const A = "--backdrop-present", U = /* @__PURE__
   },
   emits: ["before-close", "open", "close", "update:model-value"],
   setup(b) {
-    const i = B(() => import("./chunks/MazBtn-DarjZUV4.mjs").then((e) => e.M)), c = B(() => import("./chunks/x-mark-CnZwVvA7.mjs"));
+    const i = B(() => import("./chunks/MazBtn-CVDDOeLF.mjs").then((e) => e.M)), c = B(() => import("./chunks/x-mark-CnZwVvA7.mjs"));
     return (e, t) => (r(), h(U, {
       "backdrop-class": ["m-drawer", `--${e.variant}`, e.backdropClass],
       style: F({

package/components/MazDropdown.mjs

@@ -97,7 +97,7 @@ const pe = ["id"], ve = ["aria-expanded"], ye = ["id"], be = ["onClick"], he = /
     const o = t, c = l, f = ue({
       componentName: "MazDropdown",
       providedId: o.id
-    }), g = $(() => import("./chunks/MazBtn-BMmuCciQ.mjs")), k = $(() => import("./chunks/MazLink-Dl9ePCGm.mjs")), R = $(() => import("./chunks/chevron-down-BkvtON3b.mjs")), i = b(o.open), s = b(), m = fe((e) => {
+    }), g = $(() => import("./chunks/MazBtn-4g56EBmg.mjs")), k = $(() => import("./chunks/MazLink-Dl9ePCGm.mjs")), R = $(() => import("./chunks/chevron-down-BkvtON3b.mjs")), i = b(o.open), s = b(), m = fe((e) => {
       u(e);
     }, 200);
     function q() {

package/components/MazInput.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazInput-B3RzuuNv.mjs";
+import { M as f } from "./chunks/MazInput-BZ2U145p.mjs";
 export {
   f as default
 };

package/components/MazInputNumber.mjs

@@ -1,4 +1,4 @@
-import { a as f } from "./chunks/MazInputNumber-mLgq5obR.mjs";
+import { a as f } from "./chunks/MazInputNumber-G8880Neu.mjs";
 export {
   f as default
 };

package/components/MazInputPrice.mjs

@@ -1,4 +1,4 @@
-import { a as f } from "./chunks/MazInputPrice-DhYRBqTS.mjs";
+import { a as f } from "./chunks/MazInputPrice-DROLM9PX.mjs";
 export {
   f as default
 };

package/components/MazInputTags.mjs

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

package/components/MazPagination.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazPagination-Cqnr19iI.mjs";
+import { M as f } from "./chunks/MazPagination-6MyYnTer.mjs";
 export {
   f as default
 };

package/components/MazPhoneNumberInput.mjs

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

package/components/MazPicker.d.ts

@@ -93,9 +93,9 @@ declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, imp
     format: string;
     modelValue: string | Partial<import("./MazPicker/types").RangeValue>;
     open: boolean;
+    locale: string;
     double: boolean;
     inline: boolean;
-    locale: string;
     placeholder: string;
     noUseBrowserLocale: boolean;
     minDate: string;

package/components/MazPicker.mjs

@@ -1,4 +1,4 @@
-import { b as f } from "./chunks/MazPicker-DA92HhwS.mjs";
+import { b as f } from "./chunks/MazPicker-B28fQccE.mjs";
 export {
   f as default
 };

package/components/MazPullToRefresh.d.ts

@@ -24,14 +24,14 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     error: (...args: any[]) => void;
     loaded: (...args: any[]) => void;
-    response: (...args: any[]) => void;
     start: (...args: any[]) => void;
+    response: (...args: any[]) => void;
     finish: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     onError?: ((...args: any[]) => any) | undefined;
     onLoaded?: ((...args: any[]) => any) | undefined;
-    onResponse?: ((...args: any[]) => any) | undefined;
     onStart?: ((...args: any[]) => any) | undefined;
+    onResponse?: ((...args: any[]) => any) | undefined;
     onFinish?: ((...args: any[]) => any) | undefined;
 }>, {
     disabled: boolean;

package/components/MazSelect.mjs

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

package/components/MazTable.d.ts

@@ -53,7 +53,7 @@ export interface MazTableProps {
      * Size of the search inputs
      * @values `'xl' | 'lg' | 'md' | 'sm' | 'xs' | 'mini'`
      */
-    searchInputSize?: Size;
+    inputSize?: Size;
     /** title of the table */
     title?: string;
     /** headers of the table */
@@ -199,9 +199,9 @@ declare const __VLS_component: import("vue").DefineComponent<MazTableProps, {},
     searchQuery: string;
     captionSide: "top" | "bottom";
     tableLayout: "auto" | "fixed";
-    headers: Header[];
     tableClass: HTMLAttributes["class"];
     tableStyle: string | false | import("vue").CSSProperties | StyleValue[] | null;
+    headers: Header[];
     headersAlign: "center" | "left" | "right" | "justify" | "char";
     rows: Row[];
     searchByPlaceholder: string;

package/components/MazTable.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazTable-CrtVI-dp.mjs";
+import { M as f } from "./chunks/MazTable-DozpABdn.mjs";
 export {
   f as default
 };

package/components/assets/MazAccordion.css

@@ -1 +1 @@
-.m-card-spotlight[data-v-a4cc15ae]{position:relative;display:inline-block;overflow:hidden;border-radius:var(--maz-border-radius);padding:var(--maz-border-width)}.m-card-spotlight .inner[data-v-a4cc15ae]{position:relative;height:100%;width:100%;overflow:hidden;border-radius:calc(var(--maz-border-radius) - var(--maz-border-width))}.m-card-spotlight .inner[data-v-a4cc15ae]:before{content:"";position:absolute;left:0;top:0;z-index:1;height:100%;width:100%;background-color:var(--maz-color-bg);opacity:var(--829b4eb4)}.m-card-spotlight .content[data-v-a4cc15ae]{position:relative;z-index:2;height:100%;width:100%}.m-card-spotlight .blob[data-v-a4cc15ae]{position:absolute;left:0;top:0;z-index:0;height:16rem;width:16rem;border-radius:9999px;--tw-blur: blur(40px);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);background-color:var(--57453cb6)}.m-card-spotlight .fakeblob[data-v-a4cc15ae]{display:hidden;position:absolute;z-index:-1;top:0;left:0;width:200px;height:200px;height:13rem;width:13rem;border-radius:9999px}.m-expand-animation[data-v-b7ca6b97]{display:grid;grid-template-rows:0fr;-webkit-transition:grid-template-rows var(--3628b947) var(--239277b5);transition:grid-template-rows var(--3628b947) var(--239277b5);transition:grid-template-rows var(--3628b947) var(--239277b5),-ms-grid-rows var(--3628b947) var(--239277b5)}.m-expand-animation__inner.--overflow-hidden[data-v-b7ca6b97]{overflow:hidden}.m-expand-animation--expanded[data-v-b7ca6b97]{grid-template-rows:1fr}.m-accordion[data-v-052b6500]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem;vertical-align:top}.m-accordion__spotlight[data-v-052b6500]{width:100%}.m-accordion__header[data-v-052b6500]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:1rem;padding:1rem;text-align:start;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-accordion__header .header-icon[data-v-052b6500]{-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-accordion__header .header-icon.--rotate[data-v-052b6500]{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.m-accordion__content[data-v-052b6500]{padding:1rem}
+.m-card-spotlight[data-v-31abf9ff]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;overflow:hidden;border-radius:var(--maz-border-radius);padding:var(--maz-border-width)}.m-card-spotlight .inner[data-v-31abf9ff]{position:relative;height:auto;width:100%;overflow:hidden;border-radius:calc(var(--maz-border-radius) - var(--maz-border-width))}.m-card-spotlight .inner[data-v-31abf9ff]:before{content:"";position:absolute;left:0;top:0;z-index:1;height:100%;width:100%;background-color:var(--maz-color-bg);opacity:var(--4f499add)}.m-card-spotlight .content[data-v-31abf9ff]{position:relative;z-index:2;height:100%;width:100%}.m-card-spotlight .blob[data-v-31abf9ff]{position:absolute;left:0;top:0;z-index:0;height:16rem;width:16rem;border-radius:9999px;--tw-blur: blur(40px);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);background-color:var(--2e65a0ad)}.m-card-spotlight .fakeblob[data-v-31abf9ff]{display:hidden;position:absolute;z-index:-1;top:0;left:0;width:200px;height:200px;height:13rem;width:13rem;border-radius:9999px}.m-expand-animation[data-v-b7ca6b97]{display:grid;grid-template-rows:0fr;-webkit-transition:grid-template-rows var(--3628b947) var(--239277b5);transition:grid-template-rows var(--3628b947) var(--239277b5);transition:grid-template-rows var(--3628b947) var(--239277b5),-ms-grid-rows var(--3628b947) var(--239277b5)}.m-expand-animation__inner.--overflow-hidden[data-v-b7ca6b97]{overflow:hidden}.m-expand-animation--expanded[data-v-b7ca6b97]{grid-template-rows:1fr}.m-accordion[data-v-052b6500]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem;vertical-align:top}.m-accordion__spotlight[data-v-052b6500]{width:100%}.m-accordion__header[data-v-052b6500]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:1rem;padding:1rem;text-align:start;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-accordion__header .header-icon[data-v-052b6500]{-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-accordion__header .header-icon.--rotate[data-v-052b6500]{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.m-accordion__content[data-v-052b6500]{padding:1rem}