maz-ui 3.47.2-beta.6 → 3.47.2-beta.7

package/components/MazInputCode.mjs

@@ -1,5 +1,5 @@
-import { defineComponent as N, useCssVars as M, ref as z, watch as P, computed as m, openBlock as g, createElementBlock as v, normalizeClass as h, normalizeStyle as $, createElementVNode as y, Fragment as q, renderList as D, mergeProps as E, toDisplayString as F } from "vue";
-import './assets/MazInputCode.css';const K = ["disabled"], T = { class: "m-input-code__wrapper" }, O = ["inputmode", "pattern", "required", "value", "onInput", "onKeydown", "onClick"], W = /* @__PURE__ */ N({
+import { defineComponent as N, ref as z, watch as M, computed as m, openBlock as g, createElementBlock as v, normalizeClass as h, normalizeStyle as P, createElementVNode as y, Fragment as $, renderList as q, mergeProps as D, toDisplayString as E } from "vue";
+import './assets/MazInputCode.css';const F = ["disabled"], K = { class: "m-input-code__wrapper" }, T = ["inputmode", "pattern", "required", "value", "onInput", "onKeydown", "onClick"], O = /* @__PURE__ */ N({
   inheritAttrs: !1,
   __name: "MazInputCode",
   props: {
@@ -19,12 +19,9 @@ import './assets/MazInputCode.css';const K = ["disabled"], T = { class: "m-input
     hint: {}
   },
   emits: ["update:model-value", "completed"],
-  setup(i, { emit: p }) {
-    M((e) => ({
-      "0b343ce5": S.value
-    }));
-    const n = i, d = p, u = z([]), r = z(/* @__PURE__ */ new Map());
-    P(
+  setup(c, { emit: p }) {
+    const n = c, d = p, u = z([]), r = z(/* @__PURE__ */ new Map());
+    M(
       () => n.modelValue,
       (e, t) => {
         e !== t && (r.value = I());
@@ -34,13 +31,13 @@ import './assets/MazInputCode.css';const K = ["disabled"], T = { class: "m-input
     const f = m({
       get: () => r.value,
       set: (e) => {
-        const t = _(e);
+        const t = B(e);
         d("update:model-value", t), (t == null ? void 0 : t.toString().length) === n.codeLength && d("completed");
       }
     });
     function I(e = n.modelValue) {
       const t = /* @__PURE__ */ new Map();
-      for (const o of Array.from({ length: n.codeLength }, (a, s) => s))
+      for (const o of Array.from({ length: n.codeLength }, (a, l) => l))
         if (e === void 0)
           t.set(o + 1, void 0);
         else {
@@ -52,9 +49,9 @@ import './assets/MazInputCode.css';const K = ["disabled"], T = { class: "m-input
     function L(e, t) {
       var a;
       const o = w((a = e.target) == null ? void 0 : a.value);
-      f.value = r.value.set(t, o), o && c(t);
+      f.value = r.value.set(t, o), o && i(t);
     }
-    function _(e) {
+    function B(e) {
       const t = [...e.values()].join("");
       return n.type === "text" ? t : t && !Number.isNaN(Number(t)) ? Number(t) : void 0;
     }
@@ -62,11 +59,11 @@ import './assets/MazInputCode.css';const K = ["disabled"], T = { class: "m-input
       var t;
       return (t = n.acceptAlpha ? e.match(/^[\w.]$/) : e.match(/\d+/g)) == null ? void 0 : t.toString();
     }
-    function B(e, t) {
+    function _(e, t) {
       const o = r.value.get(t);
-      if (e.key === "ArrowRight" && c(t), e.key === "ArrowLeft" && c(t - 2), e.key === "Backspace" && !o) {
+      if (e.key === "ArrowRight" && i(t), e.key === "ArrowLeft" && i(t - 2), e.key === "Backspace" && !o) {
         const a = t - 1 < 0 ? 0 : t - 1;
-        f.value = r.value.set(a, void 0), c(a - 1);
+        f.value = r.value.set(a, void 0), i(a - 1);
       }
     }
     function A(e) {
@@ -74,23 +71,23 @@ import './assets/MazInputCode.css';const K = ["disabled"], T = { class: "m-input
       const t = (a = e.clipboardData) == null ? void 0 : a.getData("text");
       if (!t)
         return;
-      const o = Array.from({ length: n.codeLength }, (s, l) => ({
-        index: l + 1,
-        value: [...t.toString()][l] ?? void 0
+      const o = Array.from({ length: n.codeLength }, (l, s) => ({
+        index: s + 1,
+        value: [...t.toString()][s] ?? void 0
       }));
-      for (const { index: s, value: l } of o) {
-        const V = l ? w(l) : void 0;
-        V && r.value.set(s, V);
+      for (const { index: l, value: s } of o) {
+        const V = s ? w(s) : void 0;
+        V && r.value.set(l, V);
       }
       setTimeout(() => {
-        const s = k(), l = s >= n.codeLength ? n.codeLength - 1 : s;
-        c(l, !1);
+        const l = k(), s = l >= n.codeLength ? n.codeLength - 1 : l;
+        i(s, !1);
       }, 0);
     }
     function k() {
       return [...r.value.values()].filter(Boolean).length;
     }
-    function c(e, t = !0) {
+    function i(e, t = !0) {
       setTimeout(() => {
         const o = u.value[e];
         e + 1 > n.codeLength || !o || (o.focus(), t && b(e));
@@ -100,24 +97,24 @@ import './assets/MazInputCode.css';const K = ["disabled"], T = { class: "m-input
       const t = u.value[e];
       e + 1 > n.codeLength || !t || t.select();
     }
-    const C = m(() => n.error ? "!maz-border-danger" : n.success ? "!maz-border-success" : n.warning ? "!maz-border-warning" : ""), S = m(() => `var(--maz-color-${n.color})`);
+    const S = m(() => n.error ? "!maz-border-danger" : n.success ? "!maz-border-success" : n.warning ? "!maz-border-warning" : ""), C = m(() => `var(--maz-color-${n.color})`);
     return (e, t) => (g(), v("fieldset", {
       class: h(["m-input-code", [e.size ? `--${e.size}` : void 0, n.class]]),
       disabled: e.disabled,
-      style: $(e.style)
+      style: P([e.style, { "--input-border-color": C.value }])
     }, [
-      y("div", T, [
+      y("div", K, [
         (g(!0), v(
-          q,
+          $,
           null,
-          D(e.codeLength, (o) => (g(), v(
+          q(e.codeLength, (o) => (g(), v(
             "div",
             {
               key: o,
-              class: h(["input-wrapper", C.value])
+              class: h(["input-wrapper", S.value])
             },
             [
-              y("input", E({
+              y("input", D({
                 ref_for: !0,
                 ref: (a) => {
                   u.value[o - 1] = a;
@@ -132,10 +129,10 @@ import './assets/MazInputCode.css';const K = ["disabled"], T = { class: "m-input
               }, e.$attrs, {
                 value: f.value.get(o),
                 onInput: (a) => L(a, o),
-                onKeydown: (a) => B(a, o),
+                onKeydown: (a) => _(a, o),
                 onClick: (a) => b(o - 1),
                 onPaste: A
-              }), null, 16, O)
+              }), null, 16, T)
             ],
             2
             /* CLASS */
@@ -153,18 +150,18 @@ import './assets/MazInputCode.css';const K = ["disabled"], T = { class: "m-input
             "--warning": e.warning
           }])
         },
-        F(e.hint),
+        E(e.hint),
         3
         /* TEXT, CLASS */
       )
-    ], 14, K));
+    ], 14, F));
   }
-}), j = (i, p) => {
-  const n = i.__vccOpts || i;
+}), W = (c, p) => {
+  const n = c.__vccOpts || c;
   for (const [d, u] of p)
     n[d] = u;
   return n;
-}, Z = /* @__PURE__ */ j(W, [["__scopeId", "data-v-82b63deb"]]);
+}, R = /* @__PURE__ */ W(O, [["__scopeId", "data-v-594f962b"]]);
 export {
-  Z as default
+  R as default
 };

package/components/MazLoadingBar.mjs

@@ -1,36 +1,40 @@
-import { defineComponent as l, useCssVars as n, computed as c, openBlock as s, createElementBlock as d, createElementVNode as p } from "vue";
-import './assets/MazLoadingBar.css';const i = { class: "m-loading-bar" }, m = /* @__PURE__ */ l({
+import { defineComponent as t, computed as n, openBlock as c, createElementBlock as i, normalizeStyle as d, createElementVNode as s } from "vue";
+import './assets/MazLoadingBar.css';const m = /* @__PURE__ */ t({
   __name: "MazLoadingBar",
   props: {
     color: { default: "primary" },
     height: { default: "0.125rem" }
   },
-  setup(a) {
-    n((r) => ({
-      "67978ed9": r.height,
-      "05ad2446": o.value.alpha,
-      "943cd45e": o.value.main
+  setup(o) {
+    const r = o, a = n(() => ({
+      alpha: `var(--maz-color-${r.color}-alpha-20)`,
+      main: `var(--maz-color-${r.color})`
     }));
-    const e = a, o = c(() => ({
-      alpha: `var(--maz-color-${e.color}-alpha-20)`,
-      main: `var(--maz-color-${e.color})`
-    }));
-    return (r, t) => (s(), d("div", i, t[0] || (t[0] = [
-      p(
-        "div",
-        null,
-        null,
-        -1
-        /* HOISTED */
-      )
-    ])));
+    return (l, e) => (c(), i(
+      "div",
+      {
+        class: "m-loading-bar",
+        style: d([{ "--loading-bar-height": l.height, "--loading-bar-color": a.value.alpha, "--loading-bar-main-color": a.value.main }])
+      },
+      e[0] || (e[0] = [
+        s(
+          "div",
+          null,
+          null,
+          -1
+          /* HOISTED */
+        )
+      ]),
+      4
+      /* STYLE */
+    ));
   }
-}), u = (a, e) => {
-  const o = a.__vccOpts || a;
-  for (const [r, t] of e)
-    o[r] = t;
-  return o;
-}, v = /* @__PURE__ */ u(m, [["__scopeId", "data-v-3cd29bd9"]]);
+}), p = (o, r) => {
+  const a = o.__vccOpts || o;
+  for (const [l, e] of r)
+    a[l] = e;
+  return a;
+}, g = /* @__PURE__ */ p(m, [["__scopeId", "data-v-ada02d7b"]]);
 export {
-  v as default
+  g as default
 };

package/components/MazPhoneNumberInput.mjs

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

package/components/MazPicker.d.ts

@@ -3,6 +3,8 @@ import type { Color, Position } from './types';
 import { type HTMLAttributes } from 'vue';
 export type { Color, PickerShortcut, PickerValue, Position };
 export interface Props {
+    /** The id of the component */
+    id?: string;
     /** The style of the component */
     style?: HTMLAttributes['style'];
     /** The class of the component */

package/components/MazPicker.mjs

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

package/components/MazRadio.mjs

@@ -1,12 +1,12 @@
-import { useId as S, computed as l, defineComponent as B, useCssVars as V, ref as $, openBlock as m, createElementBlock as f, unref as v, normalizeClass as p, normalizeStyle as C, createElementVNode as u, mergeProps as E, renderSlot as I, createTextVNode as R, toDisplayString as b, createCommentVNode as N } from "vue";
-import './assets/MazRadio.css';function M({
-  componentName: o,
+import { useId as S, computed as l, defineComponent as B, ref as $, openBlock as m, createElementBlock as v, unref as f, normalizeClass as p, normalizeStyle as E, createElementVNode as i, mergeProps as I, renderSlot as V, createTextVNode as C, toDisplayString as b, createCommentVNode as R } from "vue";
+import './assets/MazRadio.css';function N({
+  componentName: r,
   providedId: s
 }) {
   const a = S();
-  return l(() => s ?? `${o}-${a}`);
+  return l(() => s ?? `${r}-${a}`);
 }
-const _ = ["for", "aria-checked"], D = ["id", "value", "disabled", "name", "checked"], q = { class: "m-radio__text" }, F = /* @__PURE__ */ B({
+const M = ["for", "aria-checked"], D = ["id", "value", "disabled", "name", "checked"], _ = { class: "m-radio__text" }, q = /* @__PURE__ */ B({
   __name: "MazRadio",
   props: {
     style: { default: void 0 },
@@ -25,13 +25,8 @@ const _ = ["for", "aria-checked"], D = ["id", "value", "disabled", "name", "chec
     hint: {}
   },
   emits: ["update:model-value", "change", "blur", "focus"],
-  setup(o, { emit: s }) {
-    V((e) => ({
-      "172f8336": h.value,
-      "5ca6ddf3": y.value,
-      "094f34b6": g.value
-    }));
-    const a = o, n = s, t = M({
+  setup(r, { emit: s }) {
+    const a = r, n = s, t = N({
       componentName: "MazRadio",
       providedId: a.id
     }), d = l(() => a.modelValue === a.value), h = l(() => {
@@ -56,30 +51,30 @@ const _ = ["for", "aria-checked"], D = ["id", "value", "disabled", "name", "chec
     function c() {
       n("update:model-value", a.value), n("change", a.value);
     }
-    const i = $();
+    const u = $();
     function w(e) {
-      var r;
-      (r = i.value) == null || r.dispatchEvent(new Event("blur")), n("blur", e);
+      var o;
+      (o = u.value) == null || o.dispatchEvent(new Event("blur")), n("blur", e);
     }
     function k(e) {
-      var r;
-      (r = i.value) == null || r.dispatchEvent(new Event("focus")), n("focus", e);
+      var o;
+      (o = u.value) == null || o.dispatchEvent(new Event("focus")), n("focus", e);
     }
-    return (e, r) => (m(), f("label", {
-      for: v(t),
+    return (e, o) => (m(), v("label", {
+      for: f(t),
       class: p(["m-radio", [{ "--disabled": e.disabled, "--selected": d.value, "--error": e.error, "--warning": e.warning, "--success": e.success }, a.class]]),
       tabindex: "0",
       role: "radio",
-      style: C(e.style),
+      style: E([e.style, { "--radio-size": h.value, "--radio-selected-color": y.value, "--radio-box-shadow": g.value }]),
       "aria-checked": d.value,
       onBlur: w,
       onFocus: k,
       onKeydown: z
     }, [
-      u("input", E({
-        id: v(t),
+      i("input", I({
+        id: f(t),
         ref_key: "inputRef",
-        ref: i,
+        ref: u,
         value: e.value
       }, e.$attrs, {
         tabindex: "-1",
@@ -87,29 +82,29 @@ const _ = ["for", "aria-checked"], D = ["id", "value", "disabled", "name", "chec
         name: e.name,
         type: "radio",
         checked: d.value,
-        onChange: r[0] || (r[0] = (K) => c())
+        onChange: o[0] || (o[0] = (H) => c())
       }), null, 16, D),
-      r[1] || (r[1] = u(
+      o[1] || (o[1] = i(
         "span",
         null,
         [
-          u("span", { class: "round" })
+          i("span", { class: "round" })
         ],
         -1
         /* HOISTED */
       )),
-      u("div", q, [
-        I(e.$slots, "default", {
+      i("div", _, [
+        V(e.$slots, "default", {
           isSelected: d.value,
           value: e.value
         }, () => [
-          R(
+          C(
             b(e.label),
             1
             /* TEXT */
           )
         ], !0),
-        e.hint ? (m(), f(
+        e.hint ? (m(), v(
           "span",
           {
             key: 0,
@@ -122,16 +117,16 @@ const _ = ["for", "aria-checked"], D = ["id", "value", "disabled", "name", "chec
           b(e.hint),
           3
           /* TEXT, CLASS */
-        )) : N("v-if", !0)
+        )) : R("v-if", !0)
       ])
-    ], 46, _));
+    ], 46, M));
   }
-}), H = (o, s) => {
-  const a = o.__vccOpts || o;
+}), F = (r, s) => {
+  const a = r.__vccOpts || r;
   for (const [n, t] of s)
     a[n] = t;
   return a;
-}, P = /* @__PURE__ */ H(F, [["__scopeId", "data-v-8cc8aee1"]]);
+}, O = /* @__PURE__ */ F(q, [["__scopeId", "data-v-016d293e"]]);
 export {
-  P as default
+  O as default
 };

package/components/MazSelect.mjs

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

package/components/MazStepper.mjs

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

package/components/MazSwitch.mjs

@@ -1,15 +1,15 @@
-import { useId as k, computed as b, defineComponent as V, useCssVars as B, ref as C, openBlock as i, createElementBlock as r, unref as c, normalizeClass as m, normalizeStyle as z, createElementVNode as f, mergeProps as E, renderSlot as S, createTextVNode as $, toDisplayString as p, createCommentVNode as h } from "vue";
-import './assets/MazSwitch.css';function I({
+import { useId as k, computed as b, defineComponent as V, ref as B, openBlock as i, createElementBlock as r, unref as c, normalizeClass as m, normalizeStyle as z, createElementVNode as f, mergeProps as C, renderSlot as E, createTextVNode as S, toDisplayString as p, createCommentVNode as h } from "vue";
+import './assets/MazSwitch.css';function $({
   componentName: n,
-  providedId: s
+  providedId: t
 }) {
   const a = k();
-  return b(() => s ?? `${n}-${a}`);
+  return b(() => t ?? `${n}-${a}`);
 }
-const N = ["for", "aria-checked"], D = ["id", "name", "checked", "aria-label", "disabled"], M = {
+const I = ["for", "aria-checked"], N = ["id", "name", "checked", "aria-label", "disabled"], D = {
   key: 0,
   class: "m-switch__text"
-}, q = /* @__PURE__ */ V({
+}, R = /* @__PURE__ */ V({
   inheritAttrs: !1,
   __name: "MazSwitch",
   props: {
@@ -27,43 +27,40 @@ const N = ["for", "aria-checked"], D = ["id", "name", "checked", "aria-label", "
     hint: {}
   },
   emits: ["update:model-value", "change", "blur", "focus"],
-  setup(n, { emit: s }) {
-    B((e) => ({
-      "5d846531": v.value
-    }));
-    const a = n, o = s, d = I({
+  setup(n, { emit: t }) {
+    const a = n, o = t, d = $({
       componentName: "MazSwitch",
       providedId: a.id
     }), v = b(() => a.color === "theme" ? "var(--maz-color-bg-theme)" : `var(--maz-color-${a.color}-alpha)`);
     function u() {
       o("update:model-value", !a.modelValue), o("change", !a.modelValue);
     }
-    const t = C();
+    const s = B();
     function y(e) {
       ["Space"].includes(e.code) && (e.preventDefault(), u());
     }
     function w(e) {
       var l;
-      (l = t.value) == null || l.dispatchEvent(new Event("blur")), o("blur", e);
+      (l = s.value) == null || l.dispatchEvent(new Event("blur")), o("blur", e);
     }
     function g(e) {
       var l;
-      (l = t.value) == null || l.dispatchEvent(new Event("focus")), o("focus", e);
+      (l = s.value) == null || l.dispatchEvent(new Event("focus")), o("focus", e);
     }
     return (e, l) => (i(), r("label", {
       for: c(d),
       class: m(["m-switch", [{ "--is-disabled": e.disabled }, a.class]]),
       role: "switch",
-      style: z(e.style),
+      style: z([e.style, { "--switch-color": v.value }]),
       "aria-checked": e.modelValue,
       tabindex: "0",
       onBlur: w,
       onFocus: g,
       onKeydown: y
     }, [
-      f("input", E({ id: c(d) }, e.$attrs, {
+      f("input", C({ id: c(d) }, e.$attrs, {
         ref_key: "inputRef",
-        ref: t,
+        ref: s,
         type: "checkbox",
         name: e.name,
         tabindex: "-1",
@@ -72,7 +69,7 @@ const N = ["for", "aria-checked"], D = ["id", "name", "checked", "aria-label", "
         disabled: e.disabled,
         class: "m-switch__input",
         onChange: u
-      }), null, 16, D),
+      }), null, 16, N),
       l[0] || (l[0] = f(
         "span",
         { class: "m-switch__toggle" },
@@ -80,9 +77,9 @@ const N = ["for", "aria-checked"], D = ["id", "name", "checked", "aria-label", "
         -1
         /* HOISTED */
       )),
-      e.$slots.default || e.label || e.hint ? (i(), r("span", M, [
-        S(e.$slots, "default", { value: e.modelValue }, () => [
-          $(
+      e.$slots.default || e.label || e.hint ? (i(), r("span", D, [
+        E(e.$slots, "default", { value: e.modelValue }, () => [
+          S(
             p(e.label),
             1
             /* TEXT */
@@ -103,9 +100,9 @@ const N = ["for", "aria-checked"], D = ["id", "name", "checked", "aria-label", "
           /* TEXT, CLASS */
         )) : h("v-if", !0)
       ])) : h("v-if", !0)
-    ], 46, N));
+    ], 46, I));
   }
 });
 export {
-  q as default
+  R as default
 };

package/components/MazTable.d.ts

@@ -130,12 +130,18 @@ export interface MazTableProps<T extends Row<T>> {
      * @default 'lg'
      */
     roundedSize?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+    /**
+     * Enable truncate on cells
+     * @default `true`
+     */
+    truncate?: boolean;
 }
 export interface MazTableProvide {
     size: Ref<Size>;
     hoverable: Ref<boolean>;
     backgroundEven: Ref<boolean>;
     backgroundOdd: Ref<boolean>;
+    truncate: Ref<boolean>;
 }
 declare const _default: <T extends Row<T>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{

package/components/MazTable.mjs

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

package/components/MazTableCell.d.ts

@@ -6,7 +6,11 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
 };
 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<{
+    truncate?: boolean;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    truncate?: boolean;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/components/MazTableCell.mjs

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

package/components/MazTableRow.mjs

@@ -33,7 +33,7 @@ const i = /* @__PURE__ */ l({
   for (const [n, t] of r)
     e[n] = t;
   return e;
-}, m = /* @__PURE__ */ v(i, [["__scopeId", "data-v-aabc42eb"]]);
+}, m = /* @__PURE__ */ v(i, [["__scopeId", "data-v-bd1feb99"]]);
 export {
   m as default
 };

package/components/MazTableTitle.d.ts

@@ -6,7 +6,11 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
 };
 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<{
+    truncate?: boolean;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    truncate?: boolean;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {