maz-ui 3.32.2 → 3.34.0

package/components/MazDropdown.d.ts

@@ -15,7 +15,7 @@ export type Props = {
     style?: HTMLAttributes['style'];
     class?: HTMLAttributes['class'];
     /** Menu items */
-    items: MenuItem[];
+    items?: MenuItem[];
     /** Menu should be open? */
     open?: boolean;
     /** id of the menu */
@@ -38,6 +38,7 @@ export type Props = {
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     class: undefined;
     style: undefined;
+    items: () => never[];
     id: undefined;
     trigger: string;
     color: string;
@@ -49,6 +50,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     class: undefined;
     style: undefined;
+    items: () => never[];
     id: undefined;
     trigger: string;
     color: string;
@@ -64,6 +66,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     trigger: "click" | "both" | "hover";
     position: Position;
     id: string;
+    items: MenuItem[];
     screenReaderDescription: string;
 }, {}>, {
     "screen-reader-description"?(_: {}): any;
@@ -71,6 +74,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         isOpen: boolean;
     }): any;
     default?(_: {}): any;
+    dropdown?(_: {
+        items: MenuItem[];
+    }): any;
     menuitem?(_: {
         item: MenuItem;
     }): any;

package/components/MazDropdown.mjs

@@ -1,5 +1,5 @@
 import "./assets/MazDropdown.css";
-import { computed as Y, nextTick as Z, defineComponent as x, defineAsyncComponent as O, getCurrentInstance as ee, ref as I, watch as L, resolveComponent as oe, withDirectives as T, openBlock as v, createElementBlock as h, unref as u, normalizeClass as k, normalizeStyle as ne, createElementVNode as D, withModifiers as E, renderSlot as b, createTextVNode as $, toDisplayString as M, createCommentVNode as y, createVNode as U, mergeProps as te, withCtx as A, createBlock as N, Transition as le, Fragment as S, renderList as se, vShow as ae } from "vue";
+import { computed as Y, nextTick as Z, defineComponent as x, defineAsyncComponent as O, getCurrentInstance as ee, ref as I, watch as L, resolveComponent as oe, withDirectives as T, openBlock as b, createElementBlock as h, unref as u, normalizeClass as y, normalizeStyle as ne, createElementVNode as D, withModifiers as E, renderSlot as p, createTextVNode as $, toDisplayString as M, createCommentVNode as k, createVNode as U, mergeProps as te, withCtx as A, createBlock as N, Transition as le, Fragment as S, renderList as se, vShow as ae } from "vue";
 const re = ({
   componentName: n,
   instance: t,
@@ -13,33 +13,33 @@ function ie(n, t) {
     }, t);
   };
 }
-const B = "__vue_click_away__", _ = () => document.ontouchstart === null ? "touchstart" : "click", F = async (n, t) => {
-  V(n);
+const B = "__vue_click_away__", F = () => document.ontouchstart === null ? "touchstart" : "click", V = async (n, t) => {
+  R(n);
   const c = t.instance, f = t.value, s = typeof f == "function";
   if (!s)
     throw new Error("[maz-ui](vClickOutside) the callback should be a function");
-  await Z(), n[B] = (p) => {
-    if ((!n || !n.contains(p.target)) && f && s)
-      return f.call(c, p);
+  await Z(), n[B] = (m) => {
+    if ((!n || !n.contains(m.target)) && f && s)
+      return f.call(c, m);
   };
-  const g = _();
+  const g = F();
   document.addEventListener(g, n[B], !1);
-}, V = (n) => {
-  const t = _();
+}, R = (n) => {
+  const t = F();
   document.removeEventListener(t, n[B], !1), delete n[B];
 }, ue = (n, t) => {
-  t.value !== t.oldValue && F(n, t);
+  t.value !== t.oldValue && V(n, t);
 }, de = {
-  mounted: F,
+  mounted: V,
   updated: ue,
-  unmounted: V
-}, ce = ["id"], fe = ["aria-expanded"], pe = ["id"], me = { class: "button-span" }, ve = ["target", "href"], be = ["onClick"], we = /* @__PURE__ */ x({
+  unmounted: R
+}, ce = ["id"], pe = ["aria-expanded"], fe = ["id"], me = { class: "button-span" }, ve = ["target", "href"], be = ["onClick"], we = /* @__PURE__ */ x({
   inheritAttrs: !1,
   __name: "MazDropdown",
   props: {
     style: { default: void 0 },
     class: { default: void 0 },
-    items: {},
+    items: { default: () => [] },
     open: { type: Boolean },
     id: { default: void 0 },
     trigger: { default: "both" },
@@ -63,12 +63,12 @@ const B = "__vue_click_away__", _ = () => document.ontouchstart === null ? "touc
     "update:open"
   ],
   setup(n, { emit: t }) {
-    const c = O(() => import("./chunks/MazBtn-DZhSEsre.mjs").then((e) => e.M)), f = O(() => import("./chunks/chevron-down-CzMH-gFW.mjs")), s = n, g = t, p = re({
+    const c = O(() => import("./chunks/MazBtn-DZhSEsre.mjs").then((e) => e.M)), f = O(() => import("./chunks/chevron-down-CzMH-gFW.mjs")), s = n, g = t, m = re({
       componentName: "MazDropdown",
       instance: ee(),
       providedId: s.id
     }), r = I(s.open), a = I();
-    function R() {
+    function _() {
       r.value && i(!1);
     }
     function q() {
@@ -81,17 +81,17 @@ const B = "__vue_click_away__", _ = () => document.ontouchstart === null ? "touc
       ["hover", "both"].includes(s.trigger) && i(!0);
     }
     function K() {
-      ["hover", "both"].includes(s.trigger) && (r.value === !1 ? i(!0) : m(!0));
+      ["hover", "both"].includes(s.trigger) && (r.value === !1 ? i(!0) : v(!0));
     }
     function P() {
-      ["hover", "both"].includes(s.trigger) && m(!1);
+      ["hover", "both"].includes(s.trigger) && v(!1);
     }
     function Q() {
-      m(!1);
+      v(!1);
     }
     const i = (e) => {
       s.disabled || (r.value = e, g("update:open", e));
-    }, m = ie((e) => {
+    }, v = ie((e) => {
       i(e);
     }, 200);
     async function G(e, l) {
@@ -102,7 +102,7 @@ const B = "__vue_click_away__", _ = () => document.ontouchstart === null ? "touc
       s.noCloseOnClick === !1 && i(!1);
     }
     function z(e) {
-      e.key === "Escape" ? (e.preventDefault(), i(!1)) : ["ArrowDown", "ArrowUp"].includes(e.key) ? W(e) : e.key === "Enter" && typeof a.value == "number" && (e.preventDefault(), document.querySelectorAll(`#${p.value} .menuitem`)[a.value].click(), w());
+      e.key === "Escape" ? (e.preventDefault(), i(!1)) : ["ArrowDown", "ArrowUp"].includes(e.key) ? W(e) : e.key === "Enter" && typeof a.value == "number" && (e.preventDefault(), document.querySelectorAll(`#${m.value} .menuitem`)[a.value].click(), w());
     }
     function J(e) {
       ["ArrowDown", "ArrowUp", "Enter"].includes(e.key) && r.value === !1 && (e.preventDefault(), i(!0));
@@ -125,9 +125,9 @@ const B = "__vue_click_away__", _ = () => document.ontouchstart === null ? "touc
       (e) => i(e)
     ), (e, l) => {
       const d = oe("RouterLink");
-      return T((v(), h("div", {
-        id: u(p),
-        class: k(["m-dropdown", [s.class]]),
+      return T((b(), h("div", {
+        id: u(m),
+        class: y(["m-dropdown", [s.class]]),
         style: ne(e.style)
       }, [
         D("div", {
@@ -144,44 +144,44 @@ const B = "__vue_click_away__", _ = () => document.ontouchstart === null ? "touc
           onMouseleave: P
         }, [
           D("span", {
-            id: `${u(p)}-labelspan`,
+            id: `${u(m)}-labelspan`,
             class: "maz-sr-only"
           }, [
-            b(e.$slots, "screen-reader-description", {}, () => [
+            p(e.$slots, "screen-reader-description", {}, () => [
               $(
                 M(e.screenReaderDescription),
                 1
                 /* TEXT */
               )
             ])
-          ], 8, pe),
-          y(`
+          ], 8, fe),
+          k(`
         @slot Custom Element
           @binding {Boolen} is-open close function
           @default \`<MazBtn />\`
       `),
-          b(e.$slots, "element", { isOpen: r.value }, () => [
+          p(e.$slots, "element", { isOpen: r.value }, () => [
             U(u(c), te({
               color: e.color,
               disabled: e.disabled,
-              "aria-labelledby": `${u(p)}-labelspan`
+              "aria-labelledby": `${u(m)}-labelspan`
             }, e.$attrs, { tabindex: "-1" }), {
               default: A(() => [
                 D("span", me, [
-                  y(" @slot Button text "),
-                  b(e.$slots, "default"),
-                  e.noChevron ? y("v-if", !0) : (v(), N(u(f), {
+                  k(" @slot Button text "),
+                  p(e.$slots, "default"),
+                  e.noChevron ? k("v-if", !0) : (b(), N(u(f), {
                     key: 0,
-                    class: k([{ "maz-rotate-180": r.value }, "chevron-icon"])
+                    class: y([{ "maz-rotate-180": r.value }, "chevron-icon"])
                   }, null, 8, ["class"]))
                 ]),
-                y(" @slot Menu Label ")
+                k(" @slot Menu Label ")
               ]),
               _: 3
               /* FORWARDED */
             }, 16, ["color", "disabled", "aria-labelledby"])
           ])
-        ], 40, fe),
+        ], 40, pe),
         U(le, {
           name: "maz-scale-fade",
           persisted: ""
@@ -192,103 +192,109 @@ const B = "__vue_click_away__", _ = () => document.ontouchstart === null ? "touc
               {
                 role: "menu",
                 "aria-label": "Menu",
-                class: k(["menu", {
+                class: y(["menu", {
                   "--top": e.position.includes("top"),
                   "--left": e.position.includes("left"),
                   "--right": e.position.includes("right"),
                   "--bottom": e.position.includes("bottom")
                 }]),
                 tabindex: "-1",
-                onFocus: l[0] || (l[0] = (o) => u(m)(!0)),
-                onBlur: l[1] || (l[1] = (o) => u(m)(!1)),
-                onMouseenter: l[2] || (l[2] = (o) => ["hover", "both"].includes(e.trigger) ? u(m)(!0) : void 0),
-                onMouseleave: l[3] || (l[3] = (o) => ["hover", "both"].includes(e.trigger) ? u(m)(!1) : void 0)
+                onFocus: l[0] || (l[0] = (o) => u(v)(!0)),
+                onBlur: l[1] || (l[1] = (o) => u(v)(!1)),
+                onMouseenter: l[2] || (l[2] = (o) => ["hover", "both"].includes(e.trigger) ? u(v)(!0) : void 0),
+                onMouseleave: l[3] || (l[3] = (o) => ["hover", "both"].includes(e.trigger) ? u(v)(!1) : void 0)
               },
               [
-                (v(!0), h(
-                  S,
-                  null,
-                  se(e.items, (o, C) => (v(), h(
+                k(`
+          @slot Custom dropdown panel
+            @binding {Array} items - items prop data
+        `),
+                p(e.$slots, "dropdown", { items: e.items }, () => [
+                  (b(!0), h(
                     S,
-                    { key: C },
-                    [
-                      y(`
-            @slot Custom menu item
-              @binding {Object} item - menu item
-          `),
-                      b(e.$slots, "menuitem", { item: o }, () => [
-                        o.to ? (v(), N(d, {
-                          key: 0,
-                          target: o.href ? o.target ?? "_self" : void 0,
-                          to: o.to,
-                          class: k(["menuitem", [
-                            {
-                              "--is-keyboard-selected": a.value === C
-                            },
-                            o.class
-                          ]]),
-                          tabindex: "-1",
-                          onClick: E(w, ["stop"])
-                        }, {
-                          default: A(() => [
-                            b(e.$slots, "menuitem-label", { item: o }, () => [
+                    null,
+                    se(e.items, (o, C) => (b(), h(
+                      S,
+                      { key: C },
+                      [
+                        k(`
+              @slot Custom menu item
+                @binding {Object} item - menu item
+            `),
+                        p(e.$slots, "menuitem", { item: o }, () => [
+                          o.to ? (b(), N(d, {
+                            key: 0,
+                            target: o.href ? o.target ?? "_self" : void 0,
+                            to: o.to,
+                            class: y(["menuitem", [
+                              {
+                                "--is-keyboard-selected": a.value === C
+                              },
+                              o.class
+                            ]]),
+                            tabindex: "-1",
+                            onClick: E(w, ["stop"])
+                          }, {
+                            default: A(() => [
+                              p(e.$slots, "menuitem-label", { item: o }, () => [
+                                $(
+                                  M(o.label),
+                                  1
+                                  /* TEXT */
+                                )
+                              ])
+                            ]),
+                            _: 2
+                            /* DYNAMIC */
+                          }, 1032, ["target", "to", "class"])) : o.href ? (b(), h("a", {
+                            key: 1,
+                            target: o.href ? o.target ?? "_self" : void 0,
+                            href: o.href,
+                            tabindex: "-1",
+                            class: y(["menuitem", [
+                              {
+                                "--is-keyboard-selected": a.value === C
+                              },
+                              o.class
+                            ]]),
+                            onClick: E(w, ["stop"])
+                          }, [
+                            p(e.$slots, "menuitem-label", { item: o }, () => [
                               $(
                                 M(o.label),
                                 1
                                 /* TEXT */
                               )
                             ])
-                          ]),
-                          _: 2
-                          /* DYNAMIC */
-                        }, 1032, ["target", "to", "class"])) : o.href ? (v(), h("a", {
-                          key: 1,
-                          target: o.href ? o.target ?? "_self" : void 0,
-                          href: o.href,
-                          tabindex: "-1",
-                          class: k(["menuitem", [
-                            {
-                              "--is-keyboard-selected": a.value === C
-                            },
-                            o.class
-                          ]]),
-                          onClick: E(w, ["stop"])
-                        }, [
-                          b(e.$slots, "menuitem-label", { item: o }, () => [
-                            $(
-                              M(o.label),
-                              1
-                              /* TEXT */
-                            )
-                          ])
-                        ], 10, ve)) : o.action ? (v(), h("button", {
-                          key: 2,
-                          tabindex: "-1",
-                          type: "button",
-                          class: k(["menuitem", [
-                            {
-                              "--is-keyboard-selected": a.value === C
-                            },
-                            o.class
-                          ]]),
-                          onClick: E((X) => o.action ? G(o, X) : w(), ["stop"])
-                        }, [
-                          b(e.$slots, "menuitem-label", { item: o }, () => [
-                            $(
-                              M(o.label),
-                              1
-                              /* TEXT */
-                            )
-                          ])
-                        ], 10, be)) : y("v-if", !0)
-                      ])
-                    ],
-                    64
-                    /* STABLE_FRAGMENT */
-                  ))),
-                  128
-                  /* KEYED_FRAGMENT */
-                ))
+                          ], 10, ve)) : o.action ? (b(), h("button", {
+                            key: 2,
+                            tabindex: "-1",
+                            type: "button",
+                            class: y(["menuitem", [
+                              {
+                                "--is-keyboard-selected": a.value === C
+                              },
+                              o.class
+                            ]]),
+                            onClick: E((X) => o.action ? G(o, X) : w(), ["stop"])
+                          }, [
+                            p(e.$slots, "menuitem-label", { item: o }, () => [
+                              $(
+                                M(o.label),
+                                1
+                                /* TEXT */
+                              )
+                            ])
+                          ], 10, be)) : k("v-if", !0)
+                        ])
+                      ],
+                      64
+                      /* STABLE_FRAGMENT */
+                    ))),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ])
               ],
               34
               /* CLASS, NEED_HYDRATION */
@@ -300,7 +306,7 @@ const B = "__vue_click_away__", _ = () => document.ontouchstart === null ? "touc
           /* FORWARDED */
         })
       ], 14, ce)), [
-        [u(de), R]
+        [u(de), _]
       ]);
     };
   }

package/components/MazPagination.d.ts

@@ -0,0 +1,98 @@
+import { type Color, type Size, type Props as MazBtnProps } from './MazBtn.vue';
+export type Props = {
+    /** @model The current page number. */
+    modelValue?: number;
+    /**
+     * Props apply to the MazBtn components.
+     */
+    buttonProps?: Partial<MazBtnProps>;
+    /**
+     * Number of results in this page. Useful for accessibility to set aria-setsize attribute. Partial of MazBtn props.
+     */
+    resultsSize?: number;
+    /**
+     * Color of the active button.
+     */
+    activeColor?: Color;
+    /**
+     * Color of the active button.
+     */
+    size?: Size;
+    /**
+     * Total number of pages.
+     */
+    totalPages: number;
+    /**
+     * Number of buttons to display before and after the current page.
+     */
+    pageRange?: number;
+    /**
+     * Enable loading state of current button
+     */
+    loading?: boolean;
+};
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    modelValue: number;
+    buttonProps: undefined;
+    pageRange: number;
+    resultsSize: undefined;
+    activeColor: string;
+    size: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:model-value": (value: number) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    modelValue: number;
+    buttonProps: undefined;
+    pageRange: number;
+    resultsSize: undefined;
+    activeColor: string;
+    size: string;
+}>>> & {
+    "onUpdate:model-value"?: ((value: number) => any) | undefined;
+}, {
+    size: Size;
+    modelValue: number;
+    buttonProps: Partial<MazBtnProps>;
+    resultsSize: number;
+    activeColor: Color;
+    pageRange: number;
+}, {}>, {
+    "first-page-sr"?(_: {
+        page: number;
+    }): any;
+    "previous-page-sr"?(_: {
+        page: number;
+    }): any;
+    "page-sr"?(_: {
+        page: number;
+    }): any;
+    "next-page-sr"?(_: {
+        page: number;
+    }): any;
+    "last-page-sr"?(_: {
+        page: number;
+    }): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/MazPagination.mjs

@@ -0,0 +1,4 @@
+import { M as f } from "./chunks/MazPagination-Br-f0ZVV.mjs";
+export {
+  f as default
+};

package/components/MazPhoneNumberInput.mjs

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

package/components/MazSelect.mjs

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

package/components/MazTable.d.ts

@@ -168,10 +168,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     caption: string;
     title: string;
     modelValue: (string | number | boolean)[];
+    totalPages: number;
+    page: number;
     searchPlaceholder: string;
     searchQuery: string;
     captionSide: "top" | "bottom";
-    page: number;
     tableLayout: "fixed" | "auto";
     headers: Header[];
     tableClass: any;
@@ -181,7 +182,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     searchByPlaceholder: string;
     searchByAllLabel: string;
     pageSize: number;
-    totalPages: number;
     paginationAllLabel: string;
     totalItems: number;
     selectedKey: string;

package/components/MazTable.mjs

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

package/components/assets/MazDropdown.css

@@ -1 +1 @@
-.m-dropdown{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;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.m-dropdown [aria-expanded=true].m-btn{background-color:var(--maz-color-bg-light)}.m-dropdown__wrapper{height:100%;width:100%;outline:2px solid transparent;outline-offset:2px}.m-dropdown .chevron-icon{font-size:1.125rem;line-height:1.75rem;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-dropdown .button-span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem}.m-dropdown .menu{position:absolute;z-index:1050;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.125rem;overflow:auto;border-radius:var(--maz-border-radius);background-color:var(--maz-color-bg);padding:.5rem;-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d}:is([class~=dark] .m-dropdown .menu){border-width:var(--maz-border-width);border-color:var(--maz-color-bg-light)}.m-dropdown .menu.--top:not(.--right,.--left){bottom:100%;margin-bottom:.25rem;-webkit-transform-origin:bottom;transform-origin:bottom}.m-dropdown .menu.--bottom:not(.--right,.--left){top:100%;margin-top:.25rem;-webkit-transform-origin:top;transform-origin:top}.m-dropdown .menu.--left:not(.--top,.--bottom){right:100%;margin-right:.25rem;-webkit-transform-origin:top right;transform-origin:top right}.m-dropdown .menu.--right:not(.--top,.--bottom){left:100%;margin-left:.25rem;-webkit-transform-origin:top left;transform-origin:top left}.m-dropdown .menu.--top.--right{bottom:100%;right:0;margin-bottom:.25rem;-webkit-transform-origin:bottom right;transform-origin:bottom right}.m-dropdown .menu.--top.--left{bottom:100%;left:0;margin-bottom:.25rem;-webkit-transform-origin:bottom left;transform-origin:bottom left}.m-dropdown .menu.--bottom.--left{left:0;top:100%;margin-top:.25rem;-webkit-transform-origin:top left;transform-origin:top left}.m-dropdown .menu.--bottom.--right{right:0;top:100%;margin-top:.25rem;-webkit-transform-origin:top right;transform-origin:top right}.m-dropdown .menu .menuitem{cursor:pointer;white-space:nowrap;border-radius:var(--maz-border-radius);padding:.5rem 1rem;text-align:left;outline:2px solid transparent;outline-offset:2px;-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-dropdown .menu .menuitem:focus-within{background-color:var(--maz-color-bg-light)}.m-dropdown .menu .menuitem:hover,.m-dropdown .menu .menuitem.--is-keyboard-selected{background-color:var(--maz-color-bg-light)}
+.m-dropdown{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;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.m-dropdown [aria-expanded=true].m-btn{background-color:var(--maz-color-bg-light)}.m-dropdown__wrapper{height:100%;width:100%;outline:2px solid transparent;outline-offset:2px}.m-dropdown .chevron-icon{font-size:1.125rem;line-height:1.75rem;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-dropdown .button-span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem}.m-dropdown .menu{position:absolute;z-index:1050;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:-webkit-max-content;min-height:-moz-max-content;min-height:max-content;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.125rem;overflow:auto;border-radius:var(--maz-border-radius);background-color:var(--maz-color-bg);padding:.5rem;-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d}:is([class~=dark] .m-dropdown .menu){border-width:var(--maz-border-width);border-color:var(--maz-color-bg-light)}.m-dropdown .menu.--top:not(.--right,.--left){bottom:100%;margin-bottom:.25rem;-webkit-transform-origin:bottom;transform-origin:bottom}.m-dropdown .menu.--bottom:not(.--right,.--left){top:100%;margin-top:.25rem;-webkit-transform-origin:top;transform-origin:top}.m-dropdown .menu.--left:not(.--top,.--bottom){right:100%;margin-right:.25rem;-webkit-transform-origin:top right;transform-origin:top right}.m-dropdown .menu.--right:not(.--top,.--bottom){left:100%;margin-left:.25rem;-webkit-transform-origin:top left;transform-origin:top left}.m-dropdown .menu.--top.--right{bottom:100%;right:0;margin-bottom:.25rem;-webkit-transform-origin:bottom right;transform-origin:bottom right}.m-dropdown .menu.--top.--left{bottom:100%;left:0;margin-bottom:.25rem;-webkit-transform-origin:bottom left;transform-origin:bottom left}.m-dropdown .menu.--bottom.--left{left:0;top:100%;margin-top:.25rem;-webkit-transform-origin:top left;transform-origin:top left}.m-dropdown .menu.--bottom.--right{right:0;top:100%;margin-top:.25rem;-webkit-transform-origin:top right;transform-origin:top right}.m-dropdown .menu .menuitem{cursor:pointer;white-space:nowrap;border-radius:var(--maz-border-radius);padding:.5rem 1rem;text-align:left;outline:2px solid transparent;outline-offset:2px;-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-dropdown .menu .menuitem:focus-within{background-color:var(--maz-color-bg-light)}.m-dropdown .menu .menuitem:hover,.m-dropdown .menu .menuitem.--is-keyboard-selected{background-color:var(--maz-color-bg-light)}

package/components/assets/MazPagination.css

@@ -0,0 +1 @@
+.m-btn[data-v-9a42c0cb]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:none;flex:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;border-width:var(--maz-border-width);border-style:solid;border-color:transparent;text-align:center;font-size:1rem;line-height:1.5rem;color:var(--maz-color-text)}.m-btn span[data-v-9a42c0cb]{line-height:1}.m-btn-loader[data-v-9a42c0cb]{position:absolute}.m-btn.--cursor-pointer[data-v-9a42c0cb]{cursor:pointer}.m-btn.--cursor-default[data-v-9a42c0cb]{cursor:default}.m-btn.--is-link[data-v-9a42c0cb]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-btn.--is-link:not(.--no-leading) span[data-v-9a42c0cb]{line-height:2.25rem}.m-btn.--is-link[data-v-9a42c0cb]:not(:disabled):hover:not(.--no-underline),.m-btn.--is-link[data-v-9a42c0cb]:not(:disabled):focus:not(.--no-underline){text-decoration-line:underline}.m-btn.--is-link.--secondary[data-v-9a42c0cb]{color:var(--maz-color-secondary)}.m-btn.--is-link.--info[data-v-9a42c0cb]{color:var(--maz-color-info)}.m-btn.--is-link.--warning[data-v-9a42c0cb]{color:var(--maz-color-warning-600)}.m-btn.--is-link.--danger[data-v-9a42c0cb]{color:var(--maz-color-danger-600)}.m-btn.--is-link.--success[data-v-9a42c0cb]{color:var(--maz-color-success-600)}.m-btn.--is-link.--white[data-v-9a42c0cb]{color:var(--maz-color-white)}.m-btn.--is-link.--black[data-v-9a42c0cb]{color:var(--maz-color-black)}.m-btn.--is-link.--theme[data-v-9a42c0cb]{color:var(--maz-color-text)}.m-btn.--is-button[data-v-9a42c0cb]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;border-color:transparent;background-color:transparent;font-weight:500;text-decoration-line:none;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-btn.--is-button[data-v-9a42c0cb]:not(.--no-rounded){border-radius:var(--maz-border-radius)}.m-btn.--is-button.--rounded[data-v-9a42c0cb]{border-radius:9999px}.m-btn.--is-button.--xl[data-v-9a42c0cb]{padding:1.325rem 2rem;font-size:1.25rem;line-height:1.75rem}.m-btn.--is-button.--lg[data-v-9a42c0cb]{padding:1rem 1.5rem;font-size:1.125rem;line-height:1.75rem}.m-btn.--is-button.--md[data-v-9a42c0cb]{padding:.88rem 1rem}.m-btn.--is-button.--sm[data-v-9a42c0cb]{padding:.625rem .75rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--xs[data-v-9a42c0cb]{padding:.3rem .5rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--mini[data-v-9a42c0cb]{padding:.2rem .25rem;font-size:.75rem;line-height:1rem}.m-btn.--is-button[data-v-9a42c0cb]{-webkit-transition:background .3s ease-in-out 0ms,color .3s ease-in-out 0ms;transition:background .3s ease-in-out 0ms,color .3s ease-in-out 0ms}.m-btn.--is-button[data-v-9a42c0cb]:not(.--disabled):hover,.m-btn.--is-button[data-v-9a42c0cb]:not(.--disabled):focus{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.m-btn.--is-button.--fab[data-v-9a42c0cb]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:9999px;padding:0}.m-btn.--is-button.--fab[data-v-9a42c0cb]:not(.--no-elevation){-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d}.m-btn.--is-button.--fab.--xl[data-v-9a42c0cb]{height:4.125rem;width:4.125rem;font-size:1.25rem;line-height:1.75rem}.m-btn.--is-button.--fab.--lg[data-v-9a42c0cb]{height:3.375rem;width:3.375rem;font-size:1.125rem;line-height:1.75rem}.m-btn.--is-button.--fab.--md[data-v-9a42c0cb]{height:3rem;width:3rem}.m-btn.--is-button.--fab.--sm[data-v-9a42c0cb]{height:2.375rem;width:2.375rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--fab.--xs[data-v-9a42c0cb]{height:1.725rem;width:1.725rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--fab.--mini[data-v-9a42c0cb]{height:1.4rem;width:1.4rem;font-size:.75rem;line-height:1rem}.m-btn.--is-button.--block[data-v-9a42c0cb]{width:100%}.m-btn.--is-button.--primary[data-v-9a42c0cb]{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--primary[data-v-9a42c0cb]:not(:disabled):hover,.m-btn.--is-button.--primary[data-v-9a42c0cb]:not(:disabled):focus{background-color:var(--maz-color-primary-600)}.m-btn.--is-button.--secondary[data-v-9a42c0cb]{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--secondary[data-v-9a42c0cb]:not(:disabled):hover,.m-btn.--is-button.--secondary[data-v-9a42c0cb]:not(:disabled):focus{background-color:var(--maz-color-secondary-600)}.m-btn.--is-button.--info[data-v-9a42c0cb]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--info[data-v-9a42c0cb]:not(:disabled):hover,.m-btn.--is-button.--info[data-v-9a42c0cb]:not(:disabled):focus{background-color:var(--maz-color-info-600)}.m-btn.--is-button.--success[data-v-9a42c0cb]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--success[data-v-9a42c0cb]:not(:disabled):hover,.m-btn.--is-button.--success[data-v-9a42c0cb]:not(:disabled):focus{background-color:var(--maz-color-success-600)}.m-btn.--is-button.--warning[data-v-9a42c0cb]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--warning[data-v-9a42c0cb]:not(:disabled):hover,.m-btn.--is-button.--warning[data-v-9a42c0cb]:not(:disabled):focus{background-color:var(--maz-color-warning-600)}.m-btn.--is-button.--danger[data-v-9a42c0cb]{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--danger[data-v-9a42c0cb]:not(:disabled):hover,.m-btn.--is-button.--danger[data-v-9a42c0cb]:not(:disabled):focus{background-color:var(--maz-color-danger-600)}.m-btn.--is-button.--white[data-v-9a42c0cb]{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--white[data-v-9a42c0cb]:not(:disabled):hover,.m-btn.--is-button.--white[data-v-9a42c0cb]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.m-btn.--is-button.--black[data-v-9a42c0cb]{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--black[data-v-9a42c0cb]:not(:disabled):hover,.m-btn.--is-button.--black[data-v-9a42c0cb]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.m-btn.--is-button.--transparent[data-v-9a42c0cb]{background-color:transparent}.m-btn.--is-button.--transparent[data-v-9a42c0cb]:not(:disabled):hover,.m-btn.--is-button.--transparent[data-v-9a42c0cb]:not(:disabled):focus{background-color:#00000014}:is([class~=dark] .m-btn.--is-button.--transparent[data-v-9a42c0cb]:not(:disabled):hover),:is([class~=dark] .m-btn.--is-button.--transparent[data-v-9a42c0cb]:not(:disabled):focus){background-color:#ffffff14}.m-btn.--is-button.--theme[data-v-9a42c0cb]{background-color:var(--maz-color-bg-theme);color:var(--maz-color-bg)}.m-btn.--is-button.--theme[data-v-9a42c0cb]:not(:disabled):hover,.m-btn.--is-button.--theme[data-v-9a42c0cb]:not(:disabled):focus{background-color:var(--maz-color-bg-theme-hover)}.m-btn.--is-button.--primary-outline[data-v-9a42c0cb]{border-color:var(--maz-color-primary);background-color:var(--maz-color-primary-alpha-05);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-outline[data-v-9a42c0cb]:not(:disabled):hover,.m-btn.--is-button.--primary-outline[data-v-9a42c0cb]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-outline[data-v-9a42c0cb]{border-color:var(--maz-color-secondary);background-color:var(--maz-color-secondary-alpha-05);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-outline[data-v-9a42c0cb]:not(:disabled):hover,.m-btn.--is-button.--secondary-outline[data-v-9a42c0cb]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-white)}.m-btn.--is-button.--info-outline[data-v-9a42c0cb]{border-color:var(--maz-color-info);background-color:var(--maz-color-info-alpha-05);color:var(--maz-color-info)}.m-btn.--is-button.--info-outline[data-v-9a42c0cb]:not(:disabled):hover,.m-btn.--is-button.--info-outline[data-v-9a42c0cb]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-white)}.m-btn.--is-button.--success-outline[data-v-9a42c0cb]{border-color:var(--maz-color-success);background-color:var(--maz-color-success-alpha-05);color:var(--maz-color-success)}.m-btn.--is-button.--success-outline[data-v-9a42c0cb]:not(:disabled):hover,.m-btn.--is-button.--success-outline[data-v-9a42c0cb]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-white)}.m-btn.--is-button.--danger-outline[data-v-9a42c0cb]{border-color:var(--maz-color-danger);background-color:var(--maz-color-danger-alpha-05);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-outline[data-v-9a42c0cb]:not(:disabled):hover,.m-btn.--is-button.--danger-outline[data-v-9a42c0cb]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--warning-outline[data-v-9a42c0cb]{border-color:var(--maz-color-warning);background-color:var(--maz-color-warning-alpha-05);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-outline[data-v-9a42c0cb]:not(:disabled):hover,.m-btn.--is-button.--warning-outline[data-v-9a42c0cb]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-9a42c0cb]{border-color:var(--maz-color-white);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-9a42c0cb]:not(:disabled):hover,.m-btn.--is-button.--white-outline[data-v-9a42c0cb]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--black-outline[data-v-9a42c0cb]{border-color:var(--maz-color-black);color:var(--maz-color-black)}.m-btn.--is-button.--black-outline[data-v-9a42c0cb]:not(:disabled):hover,.m-btn.--is-button.--black-outline[data-v-9a42c0cb]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--theme-outline[data-v-9a42c0cb]{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity));color:var(--maz-color-bg-theme)}:is([class~=dark] .m-btn.--is-button.--theme-outline[data-v-9a42c0cb]){border-color:var(--maz-color-bg-lighter)}.m-btn.--is-button.--theme-outline[data-v-9a42c0cb]:not(:disabled):hover,.m-btn.--is-button.--theme-outline[data-v-9a42c0cb]:not(:disabled):focus{border-color:var(--maz-color-bg-theme);background-color:var(--maz-color-bg-theme);color:var(--maz-color-bg)}.m-btn.--is-button.--primary-pastel[data-v-9a42c0cb]{background-color:var(--maz-color-primary-50);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-pastel[data-v-9a42c0cb]:not(:disabled):hover,.m-btn.--is-button.--primary-pastel[data-v-9a42c0cb]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-pastel[data-v-9a42c0cb]{background-color:var(--maz-color-secondary-50);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-pastel[data-v-9a42c0cb]:not(:disabled):hover,.m-btn.--is-button.--secondary-pastel[data-v-9a42c0cb]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--info-pastel[data-v-9a42c0cb]{background-color:var(--maz-color-info-50);color:var(--maz-color-info)}.m-btn.--is-button.--info-pastel[data-v-9a42c0cb]:not(:disabled):hover,.m-btn.--is-button.--info-pastel[data-v-9a42c0cb]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--success-pastel[data-v-9a42c0cb]{background-color:var(--maz-color-success-50);color:var(--maz-color-success)}.m-btn.--is-button.--success-pastel[data-v-9a42c0cb]:not(:disabled):hover,.m-btn.--is-button.--success-pastel[data-v-9a42c0cb]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--danger-pastel[data-v-9a42c0cb]{background-color:var(--maz-color-danger-50);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-pastel[data-v-9a42c0cb]:not(:disabled):hover,.m-btn.--is-button.--danger-pastel[data-v-9a42c0cb]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-btn.--is-button.--warning-pastel[data-v-9a42c0cb]{background-color:var(--maz-color-warning-50);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-pastel[data-v-9a42c0cb]:not(:disabled):hover,.m-btn.--is-button.--warning-pastel[data-v-9a42c0cb]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--white-pastel[data-v-9a42c0cb]{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));color:var(--maz-color-white)}.m-btn.--is-button.--white-pastel[data-v-9a42c0cb]:not(:disabled):hover,.m-btn.--is-button.--white-pastel[data-v-9a42c0cb]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--black-pastel[data-v-9a42c0cb]{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity));color:var(--maz-color-black)}.m-btn.--is-button.--black-pastel[data-v-9a42c0cb]:not(:disabled):hover,.m-btn.--is-button.--black-pastel[data-v-9a42c0cb]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--theme-pastel[data-v-9a42c0cb]{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity));color:var(--maz-color-black)}.m-btn.--is-button.--theme-pastel[data-v-9a42c0cb]:not(:disabled):hover,.m-btn.--is-button.--theme-pastel[data-v-9a42c0cb]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--disabled[data-v-9a42c0cb]{cursor:not-allowed;background-color:var(--maz-color-bg-lighter);--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.m-btn.--is-button.--loading[data-v-9a42c0cb]{cursor:wait}.m-btn.--is-button.--no-padding[data-v-9a42c0cb]{padding:0}.m-pagination ul[data-v-0b7b19dd]{margin:0!important;display:-webkit-box;display:-ms-flexbox;display:flex;list-style-type:none!important;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem}.m-pagination ul[data-v-0b7b19dd]>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(-1px * var(--tw-space-x-reverse));margin-left:calc(-1px * calc(1 - var(--tw-space-x-reverse)))}.m-pagination ul[data-v-0b7b19dd]{padding:0!important;font-size:1rem;line-height:1.5rem}.m-pagination ul li[data-v-0b7b19dd]{margin:0}