@datametria/vue-components 1.2.0 → 2.0.1

package/dist/index.es.js

@@ -1,15 +1,15 @@
-import { defineComponent as E, computed as B, createElementBlock as s, openBlock as t, normalizeClass as L, createCommentVNode as f, renderSlot as R, createElementVNode as v, createTextVNode as A, toDisplayString as g, Fragment as U, renderList as K, ref as V, watch as H, withDirectives as re, vModelText as ne, nextTick as Y, normalizeStyle as X, withModifiers as Z, onMounted as J, onUnmounted as ie, createBlock as ee, Teleport as ae, createVNode as te, Transition as le, withCtx as se, createStaticVNode as ve, withKeys as ce, resolveDynamicComponent as fe } from "vue";
-var oe = /* @__PURE__ */ ((e) => (e.PRIMARY = "primary", e.SECONDARY = "secondary", e.OUTLINE = "outline", e.GHOST = "ghost", e))(oe || {}), me = /* @__PURE__ */ ((e) => (e.SM = "sm", e.MD = "md", e.LG = "lg", e))(me || {});
-const he = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
+import { defineComponent as N, computed as D, createElementBlock as s, openBlock as l, normalizeClass as R, createCommentVNode as b, renderSlot as Y, createElementVNode as c, createTextVNode as U, toDisplayString as g, ref as S, watch as Q, normalizeStyle as G, Fragment as K, renderList as X, withDirectives as se, vModelText as oe, onMounted as te, onUnmounted as de, withModifiers as ie, nextTick as le, createBlock as ne, Teleport as ce, createVNode as ue, Transition as me, withCtx as ve, createStaticVNode as De, withKeys as he, vModelSelect as Ve, resolveDynamicComponent as Ce, provide as Me, inject as Se } from "vue";
+var be = /* @__PURE__ */ ((e) => (e.PRIMARY = "primary", e.SECONDARY = "secondary", e.OUTLINE = "outline", e.GHOST = "ghost", e))(be || {}), ge = /* @__PURE__ */ ((e) => (e.SM = "sm", e.MD = "md", e.LG = "lg", e))(ge || {});
+const Te = ["disabled", "type", "aria-busy", "aria-disabled"], Be = {
   key: 0,
   class: "spinner",
   role: "status",
   "aria-label": "Carregando"
-}, pe = /* @__PURE__ */ E({
+}, Ie = /* @__PURE__ */ N({
   __name: "DatametriaButton",
   props: {
-    variant: { default: oe.PRIMARY },
-    size: { default: me.MD },
+    variant: { default: be.PRIMARY },
+    size: { default: ge.MD },
     disabled: { type: Boolean, default: !1 },
     loading: { type: Boolean, default: !1 },
     fullWidth: { type: Boolean, default: !1 },
@@ -19,10 +19,10 @@ const he = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
   setup(e) {
     const i = e;
     if (process.env.NODE_ENV === "development") {
-      const a = Object.values(oe);
-      a.includes(i.variant) || console.warn(`[DatametriaButton] Invalid variant "${i.variant}". Valid options: ${a.join(", ")}`);
+      const t = Object.values(be);
+      t.includes(i.variant) || console.warn(`[DatametriaButton] Invalid variant "${i.variant}". Valid options: ${t.join(", ")}`);
     }
-    const n = B(() => [
+    const a = D(() => [
       "datametria-button",
       `datametria-button--${i.variant}`,
       `datametria-button--${i.size}`,
@@ -32,30 +32,30 @@ const he = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
         "datametria-button--disabled": i.disabled
       }
     ]);
-    return (a, l) => (t(), s("button", {
-      class: L(n.value),
+    return (t, n) => (l(), s("button", {
+      class: R(a.value),
       disabled: e.disabled || e.loading,
       type: e.type,
       "aria-busy": e.loading,
       "aria-disabled": e.disabled,
-      onClick: l[0] || (l[0] = (r) => a.$emit("click", r))
+      onClick: n[0] || (n[0] = (r) => t.$emit("click", r))
     }, [
-      e.loading ? (t(), s("span", be)) : f("", !0),
-      R(a.$slots, "default", {}, void 0, !0)
-    ], 10, he));
+      e.loading ? (l(), s("span", Be)) : b("", !0),
+      Y(t.$slots, "default", {}, void 0, !0)
+    ], 10, Te));
   }
-}), S = (e, i) => {
-  const n = e.__vccOpts || e;
-  for (const [a, l] of i)
-    n[a] = l;
-  return n;
-}, Kl = /* @__PURE__ */ S(pe, [["__scopeId", "data-v-5b66540e"]]), ge = { class: "datametria-input" }, _e = ["for"], ke = {
+}), P = (e, i) => {
+  const a = e.__vccOpts || e;
+  for (const [t, n] of i)
+    a[t] = n;
+  return a;
+}, Dr = /* @__PURE__ */ P(Ie, [["__scopeId", "data-v-920bfc9a"]]), Ee = { class: "datametria-input" }, Le = ["for"], Fe = {
   key: 0,
   class: "datametria-input__required"
-}, ye = ["id", "value", "placeholder", "disabled", "required"], $e = {
+}, Oe = ["id", "value", "placeholder", "disabled", "required"], Re = {
   key: 1,
   class: "datametria-input__error"
-}, we = /* @__PURE__ */ E({
+}, qe = /* @__PURE__ */ N({
   __name: "DatametriaInput",
   props: {
     modelValue: { default: "" },
@@ -67,45 +67,255 @@ const he = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const i = e, n = B(() => `input-${Math.random().toString(36).substr(2, 9)}`), a = B(() => [
+    const i = e, a = D(() => `input-${Math.random().toString(36).substr(2, 9)}`), t = D(() => [
       "datametria-input__field",
       {
         "datametria-input__field--error": i.errorMessage,
         "datametria-input__field--disabled": i.disabled
       }
     ]);
-    return (l, r) => (t(), s("div", ge, [
-      e.label ? (t(), s("label", {
+    return (n, r) => (l(), s("div", Ee, [
+      e.label ? (l(), s("label", {
         key: 0,
-        for: n.value,
+        for: a.value,
         class: "datametria-input__label"
       }, [
-        A(g(e.label) + " ", 1),
-        e.required ? (t(), s("span", ke, "*")) : f("", !0)
-      ], 8, _e)) : f("", !0),
-      v("input", {
-        id: n.value,
+        U(g(e.label) + " ", 1),
+        e.required ? (l(), s("span", Fe, "*")) : b("", !0)
+      ], 8, Le)) : b("", !0),
+      c("input", {
+        id: a.value,
         value: e.modelValue,
         placeholder: e.placeholder,
         disabled: e.disabled,
         required: e.required,
-        class: L(a.value),
-        onInput: r[0] || (r[0] = (o) => l.$emit("update:modelValue", o.target.value))
-      }, null, 42, ye),
-      e.errorMessage ? (t(), s("p", $e, g(e.errorMessage), 1)) : f("", !0)
+        class: R(t.value),
+        onInput: r[0] || (r[0] = (o) => n.$emit("update:modelValue", o.target.value))
+      }, null, 42, Oe),
+      e.errorMessage ? (l(), s("p", Re, g(e.errorMessage), 1)) : b("", !0)
     ]));
   }
-}), Xl = /* @__PURE__ */ S(we, [["__scopeId", "data-v-cae54108"]]), xe = { class: "datametria-select" }, Ve = ["for"], De = {
+}), Vr = /* @__PURE__ */ P(qe, [["__scopeId", "data-v-f9fcf63b"]]), ze = { class: "datametria-password-input" }, Ae = ["for"], Ne = {
+  key: 0,
+  class: "datametria-password-input__required"
+}, Pe = { class: "datametria-password-input__wrapper" }, je = ["id", "value", "type", "placeholder", "disabled", "required", "autocomplete", "aria-invalid", "aria-describedby"], Ye = ["aria-label"], Ue = {
+  key: 0,
+  class: "datametria-password-input__icon",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  stroke: "currentColor"
+}, We = {
+  key: 1,
+  class: "datametria-password-input__icon",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  stroke: "currentColor"
+}, He = {
+  key: 1,
+  class: "datametria-password-input__warning"
+}, Ke = {
+  key: 2,
+  class: "datametria-password-input__strength"
+}, Xe = { class: "datametria-password-input__strength-bar" }, Ge = ["id"], Je = { class: "datametria-password-input__requirements-list" }, Qe = { class: "datametria-password-input__check" }, Ze = { class: "datametria-password-input__check" }, ea = { class: "datametria-password-input__check" }, aa = { class: "datametria-password-input__check" }, ta = { class: "datametria-password-input__check" }, la = ["id"], sa = ["id"], ra = /* @__PURE__ */ N({
+  __name: "DatametriaPasswordInput",
+  props: {
+    modelValue: { default: "" },
+    label: {},
+    placeholder: {},
+    errorMessage: {},
+    helpText: {},
+    disabled: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    minLength: { default: 8 },
+    showStrength: { type: Boolean, default: !0 },
+    showRequirements: { type: Boolean, default: !0 },
+    autocomplete: { default: "current-password" }
+  },
+  emits: ["update:modelValue", "strength-change"],
+  setup(e, { emit: i }) {
+    const a = e, t = i, n = D(() => `password-${Math.random().toString(36).substr(2, 9)}`), r = S(!1), o = S(!1), d = S(!1), u = D(() => ({
+      minLength: a.modelValue.length >= a.minLength,
+      hasUppercase: /[A-Z]/.test(a.modelValue),
+      hasLowercase: /[a-z]/.test(a.modelValue),
+      hasNumber: /\d/.test(a.modelValue),
+      hasSpecial: /[!@#$%^&*(),.?":{}|<>]/.test(a.modelValue)
+    })), m = D(() => {
+      if (!a.modelValue) return 0;
+      let p = 0;
+      const h = u.value;
+      return h.minLength && (p += 20), h.hasUppercase && (p += 20), h.hasLowercase && (p += 20), h.hasNumber && (p += 20), h.hasSpecial && (p += 20), p;
+    }), y = D(() => m.value), V = D(() => {
+      const p = m.value;
+      return p === 0 ? "" : p <= 40 ? "Fraca" : p <= 60 ? "Média" : p <= 80 ? "Boa" : "Forte";
+    }), F = D(() => [
+      "datametria-password-input__strength-fill",
+      {
+        "datametria-password-input__strength-fill--weak": m.value <= 40,
+        "datametria-password-input__strength-fill--medium": m.value > 40 && m.value <= 60,
+        "datametria-password-input__strength-fill--good": m.value > 60 && m.value <= 80,
+        "datametria-password-input__strength-fill--strong": m.value > 80
+      }
+    ]), B = D(() => [
+      "datametria-password-input__strength-text",
+      {
+        "datametria-password-input__strength-text--weak": m.value <= 40,
+        "datametria-password-input__strength-text--medium": m.value > 40 && m.value <= 60,
+        "datametria-password-input__strength-text--good": m.value > 60 && m.value <= 80,
+        "datametria-password-input__strength-text--strong": m.value > 80
+      }
+    ]), q = D(() => [
+      "datametria-password-input__field",
+      {
+        "datametria-password-input__field--error": a.errorMessage,
+        "datametria-password-input__field--disabled": a.disabled
+      }
+    ]), $ = D(() => {
+      const p = [];
+      return a.showRequirements && o.value && p.push(`${n.value}-requirements`), a.errorMessage && p.push(`${n.value}-error`), a.helpText && !a.errorMessage && p.push(`${n.value}-help`), p.length > 0 ? p.join(" ") : void 0;
+    }), w = (p) => {
+      const h = p.target.value;
+      t("update:modelValue", h);
+    }, j = () => {
+      o.value = !0;
+    }, E = () => {
+      o.value = !1;
+    }, x = () => {
+      r.value = !r.value;
+    }, O = (p) => {
+      d.value = p.getModifierState("CapsLock");
+    };
+    return Q(m, (p) => {
+      a.modelValue && t("strength-change", p);
+    }), (p, h) => (l(), s("div", ze, [
+      e.label ? (l(), s("label", {
+        key: 0,
+        for: n.value,
+        class: "datametria-password-input__label"
+      }, [
+        U(g(e.label) + " ", 1),
+        e.required ? (l(), s("span", Ne, "*")) : b("", !0)
+      ], 8, Ae)) : b("", !0),
+      c("div", Pe, [
+        c("input", {
+          id: n.value,
+          value: e.modelValue,
+          type: r.value ? "text" : "password",
+          placeholder: e.placeholder,
+          disabled: e.disabled,
+          required: e.required,
+          autocomplete: e.autocomplete,
+          class: R(q.value),
+          "aria-invalid": !!e.errorMessage,
+          "aria-describedby": $.value,
+          onInput: w,
+          onFocus: j,
+          onBlur: E,
+          onKeyup: O
+        }, null, 42, je),
+        c("button", {
+          type: "button",
+          class: "datametria-password-input__toggle",
+          "aria-label": r.value ? "Ocultar senha" : "Mostrar senha",
+          onClick: x,
+          tabindex: "-1"
+        }, [
+          r.value ? (l(), s("svg", Ue, [...h[0] || (h[0] = [
+            c("path", {
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              "stroke-width": "2",
+              d: "M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21"
+            }, null, -1)
+          ])])) : (l(), s("svg", We, [...h[1] || (h[1] = [
+            c("path", {
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              "stroke-width": "2",
+              d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
+            }, null, -1),
+            c("path", {
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              "stroke-width": "2",
+              d: "M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"
+            }, null, -1)
+          ])]))
+        ], 8, Ye)
+      ]),
+      d.value ? (l(), s("p", He, " ⚠️ Caps Lock está ativado ")) : b("", !0),
+      e.showStrength && e.modelValue ? (l(), s("div", Ke, [
+        c("div", Xe, [
+          c("div", {
+            class: R(F.value),
+            style: G({ width: `${y.value}%` })
+          }, null, 6)
+        ]),
+        c("span", {
+          class: R(B.value)
+        }, g(V.value), 3)
+      ])) : b("", !0),
+      e.showRequirements && o.value ? (l(), s("div", {
+        key: 3,
+        id: `${n.value}-requirements`,
+        class: "datametria-password-input__requirements"
+      }, [
+        h[6] || (h[6] = c("p", { class: "datametria-password-input__requirements-title" }, "A senha deve conter:", -1)),
+        c("ul", Je, [
+          c("li", {
+            class: R({ valid: u.value.minLength })
+          }, [
+            c("span", Qe, g(u.value.minLength ? "✓" : "○"), 1),
+            U(" Mínimo " + g(e.minLength) + " caracteres ", 1)
+          ], 2),
+          c("li", {
+            class: R({ valid: u.value.hasUppercase })
+          }, [
+            c("span", Ze, g(u.value.hasUppercase ? "✓" : "○"), 1),
+            h[2] || (h[2] = U(" Pelo menos 1 letra maiúscula ", -1))
+          ], 2),
+          c("li", {
+            class: R({ valid: u.value.hasLowercase })
+          }, [
+            c("span", ea, g(u.value.hasLowercase ? "✓" : "○"), 1),
+            h[3] || (h[3] = U(" Pelo menos 1 letra minúscula ", -1))
+          ], 2),
+          c("li", {
+            class: R({ valid: u.value.hasNumber })
+          }, [
+            c("span", aa, g(u.value.hasNumber ? "✓" : "○"), 1),
+            h[4] || (h[4] = U(" Pelo menos 1 número ", -1))
+          ], 2),
+          c("li", {
+            class: R({ valid: u.value.hasSpecial })
+          }, [
+            c("span", ta, g(u.value.hasSpecial ? "✓" : "○"), 1),
+            h[5] || (h[5] = U(" Pelo menos 1 caractere especial ", -1))
+          ], 2)
+        ])
+      ], 8, Ge)) : b("", !0),
+      e.errorMessage ? (l(), s("p", {
+        key: 4,
+        id: `${n.value}-error`,
+        class: "datametria-password-input__error"
+      }, g(e.errorMessage), 9, la)) : b("", !0),
+      e.helpText && !e.errorMessage ? (l(), s("p", {
+        key: 5,
+        id: `${n.value}-help`,
+        class: "datametria-password-input__help"
+      }, g(e.helpText), 9, sa)) : b("", !0)
+    ]));
+  }
+}), Cr = /* @__PURE__ */ P(ra, [["__scopeId", "data-v-68f8806d"]]), na = { class: "datametria-select" }, oa = ["for"], ia = {
   key: 0,
   class: "datametria-select__required"
-}, Me = ["id", "value", "disabled", "required"], Ce = {
+}, da = ["id", "value", "disabled", "required"], ca = {
   key: 0,
   value: "",
   disabled: ""
-}, Ie = ["value"], Be = {
+}, ua = ["value"], ma = {
   key: 1,
   class: "datametria-select__error"
-}, Te = /* @__PURE__ */ E({
+}, va = /* @__PURE__ */ N({
   __name: "DatametriaSelect",
   props: {
     modelValue: { default: "" },
@@ -118,43 +328,43 @@ const he = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const i = e, n = B(() => `select-${Math.random().toString(36).substr(2, 9)}`), a = B(() => [
+    const i = e, a = D(() => `select-${Math.random().toString(36).substr(2, 9)}`), t = D(() => [
       "datametria-select__field",
       {
         "datametria-select__field--error": i.errorMessage,
         "datametria-select__field--disabled": i.disabled
       }
     ]);
-    return (l, r) => (t(), s("div", xe, [
-      e.label ? (t(), s("label", {
+    return (n, r) => (l(), s("div", na, [
+      e.label ? (l(), s("label", {
         key: 0,
-        for: n.value,
+        for: a.value,
         class: "datametria-select__label"
       }, [
-        A(g(e.label) + " ", 1),
-        e.required ? (t(), s("span", De, "*")) : f("", !0)
-      ], 8, Ve)) : f("", !0),
-      v("select", {
-        id: n.value,
+        U(g(e.label) + " ", 1),
+        e.required ? (l(), s("span", ia, "*")) : b("", !0)
+      ], 8, oa)) : b("", !0),
+      c("select", {
+        id: a.value,
         value: e.modelValue,
         disabled: e.disabled,
         required: e.required,
-        class: L(a.value),
-        onChange: r[0] || (r[0] = (o) => l.$emit("update:modelValue", o.target.value))
+        class: R(t.value),
+        onChange: r[0] || (r[0] = (o) => n.$emit("update:modelValue", o.target.value))
       }, [
-        e.placeholder ? (t(), s("option", Ce, g(e.placeholder), 1)) : f("", !0),
-        (t(!0), s(U, null, K(e.options, (o) => (t(), s("option", {
+        e.placeholder ? (l(), s("option", ca, g(e.placeholder), 1)) : b("", !0),
+        (l(!0), s(K, null, X(e.options, (o) => (l(), s("option", {
           key: o.value,
           value: o.value
-        }, g(o.label), 9, Ie))), 128))
-      ], 42, Me),
-      e.errorMessage ? (t(), s("p", Be, g(e.errorMessage), 1)) : f("", !0)
+        }, g(o.label), 9, ua))), 128))
+      ], 42, da),
+      e.errorMessage ? (l(), s("p", ma, g(e.errorMessage), 1)) : b("", !0)
     ]));
   }
-}), Hl = /* @__PURE__ */ S(Te, [["__scopeId", "data-v-96f4e8ce"]]), Le = { class: "datametria-checkbox" }, Ee = ["checked", "disabled"], Se = {
+}), Mr = /* @__PURE__ */ P(va, [["__scopeId", "data-v-991c460a"]]), ha = { class: "datametria-checkbox" }, fa = ["checked", "disabled"], ba = {
   key: 0,
   class: "datametria-checkbox__label"
-}, qe = /* @__PURE__ */ E({
+}, pa = /* @__PURE__ */ N({
   __name: "DatametriaCheckbox",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -163,22 +373,22 @@ const he = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
   },
   emits: ["update:modelValue"],
   setup(e) {
-    return (i, n) => (t(), s("label", Le, [
-      v("input", {
+    return (i, a) => (l(), s("label", ha, [
+      c("input", {
         type: "checkbox",
         checked: e.modelValue,
         disabled: e.disabled,
         class: "datametria-checkbox__input",
-        onChange: n[0] || (n[0] = (a) => i.$emit("update:modelValue", a.target.checked))
-      }, null, 40, Ee),
-      n[1] || (n[1] = v("span", { class: "datametria-checkbox__checkmark" }, null, -1)),
-      e.label ? (t(), s("span", Se, g(e.label), 1)) : f("", !0)
+        onChange: a[0] || (a[0] = (t) => i.$emit("update:modelValue", t.target.checked))
+      }, null, 40, fa),
+      a[1] || (a[1] = c("span", { class: "datametria-checkbox__checkmark" }, null, -1)),
+      e.label ? (l(), s("span", ba, g(e.label), 1)) : b("", !0)
     ]));
   }
-}), Gl = /* @__PURE__ */ S(qe, [["__scopeId", "data-v-3226ffd6"]]), Re = { class: "dm-radio" }, ze = { class: "dm-radio__label" }, Ne = ["value", "checked", "disabled", "name", "aria-label", "aria-describedby"], Oe = {
+}), Sr = /* @__PURE__ */ P(pa, [["__scopeId", "data-v-b26af283"]]), ga = { class: "dm-radio" }, _a = { class: "dm-radio__label" }, ya = ["value", "checked", "disabled", "name", "aria-label", "aria-describedby"], ka = {
   key: 0,
   class: "dm-radio__text"
-}, Fe = ["id"], Ae = /* @__PURE__ */ E({
+}, $a = ["id"], wa = /* @__PURE__ */ N({
   __name: "DatametriaRadio",
   props: {
     modelValue: { type: [String, Number, Boolean] },
@@ -191,12 +401,12 @@ const he = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: i }) {
-    const n = e, a = i, l = () => {
-      n.disabled || a("update:modelValue", n.value);
+    const a = e, t = i, n = () => {
+      a.disabled || t("update:modelValue", a.value);
     };
-    return (r, o) => (t(), s("div", Re, [
-      v("label", ze, [
-        v("input", {
+    return (r, o) => (l(), s("div", ga, [
+      c("label", _a, [
+        c("input", {
           type: "radio",
           class: "dm-radio__input",
           value: e.value,
@@ -205,25 +415,25 @@ const he = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
           name: e.name,
           "aria-label": e.ariaLabel,
           "aria-describedby": e.error ? `${e.name}-error` : void 0,
-          onChange: l
-        }, null, 40, Ne),
-        o[0] || (o[0] = v("span", { class: "dm-radio__checkmark" }, null, -1)),
-        e.label ? (t(), s("span", Oe, g(e.label), 1)) : f("", !0)
+          onChange: n
+        }, null, 40, ya),
+        o[0] || (o[0] = c("span", { class: "dm-radio__checkmark" }, null, -1)),
+        e.label ? (l(), s("span", ka, g(e.label), 1)) : b("", !0)
       ]),
-      e.error ? (t(), s("p", {
+      e.error ? (l(), s("p", {
         key: 0,
         id: `${e.name}-error`,
         class: "dm-radio__error"
-      }, g(e.error), 9, Fe)) : f("", !0)
+      }, g(e.error), 9, $a)) : b("", !0)
     ]));
   }
-}), Yl = /* @__PURE__ */ S(Ae, [["__scopeId", "data-v-4fb0fa6f"]]), je = { class: "dm-switch" }, Pe = { class: "dm-switch__label" }, Ue = ["checked", "disabled", "aria-label", "aria-checked"], We = {
+}), Tr = /* @__PURE__ */ P(wa, [["__scopeId", "data-v-60c8511f"]]), xa = { class: "dm-switch" }, Da = { class: "dm-switch__label" }, Va = ["checked", "disabled", "aria-label", "aria-checked"], Ca = {
   key: 0,
   class: "dm-switch__text"
-}, Ke = {
+}, Ma = {
   key: 0,
   class: "dm-switch__error"
-}, Xe = /* @__PURE__ */ E({
+}, Sa = /* @__PURE__ */ N({
   __name: "DatametriaSwitch",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -234,12 +444,12 @@ const he = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: i }) {
-    const n = e, a = i, l = (r) => {
-      n.disabled || a("update:modelValue", r.target.checked);
+    const a = e, t = i, n = (r) => {
+      a.disabled || t("update:modelValue", r.target.checked);
     };
-    return (r, o) => (t(), s("div", je, [
-      v("label", Pe, [
-        v("input", {
+    return (r, o) => (l(), s("div", xa, [
+      c("label", Da, [
+        c("input", {
           type: "checkbox",
           class: "dm-switch__input",
           checked: e.modelValue,
@@ -247,26 +457,26 @@ const he = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
           "aria-label": e.ariaLabel,
           "aria-checked": e.modelValue,
           role: "switch",
-          onChange: l
-        }, null, 40, Ue),
-        o[0] || (o[0] = v("span", { class: "dm-switch__track" }, [
-          v("span", { class: "dm-switch__thumb" })
+          onChange: n
+        }, null, 40, Va),
+        o[0] || (o[0] = c("span", { class: "dm-switch__track" }, [
+          c("span", { class: "dm-switch__thumb" })
         ], -1)),
-        e.label ? (t(), s("span", We, g(e.label), 1)) : f("", !0)
+        e.label ? (l(), s("span", Ca, g(e.label), 1)) : b("", !0)
       ]),
-      e.error ? (t(), s("p", Ke, g(e.error), 1)) : f("", !0)
+      e.error ? (l(), s("p", Ma, g(e.error), 1)) : b("", !0)
     ]));
   }
-}), Jl = /* @__PURE__ */ S(Xe, [["__scopeId", "data-v-f57b4d9a"]]), He = { class: "dm-textarea" }, Ge = {
+}), Br = /* @__PURE__ */ P(Sa, [["__scopeId", "data-v-91ca822a"]]), Ta = { class: "dm-textarea" }, Ba = {
   key: 0,
   class: "dm-textarea__required"
-}, Ye = ["placeholder", "disabled", "required", "rows", "maxlength", "aria-label", "aria-describedby", "aria-invalid"], Je = {
+}, Ia = ["placeholder", "disabled", "required", "rows", "maxlength", "aria-label", "aria-describedby", "aria-invalid"], Ea = {
   key: 1,
   class: "dm-textarea__footer"
-}, Qe = ["id"], Ze = {
+}, La = ["id"], Fa = {
   key: 1,
   class: "dm-textarea__counter"
-}, ea = /* @__PURE__ */ E({
+}, Oa = /* @__PURE__ */ N({
   __name: "DatametriaTextarea",
   props: {
     modelValue: { default: "" },
@@ -281,130 +491,377 @@ const he = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: i }) {
-    const n = e, a = i, l = `dm-textarea-${Math.random().toString(36).substr(2, 9)}`, r = V(n.modelValue);
-    H(() => n.modelValue, (u) => {
-      r.value = u;
+    const a = e, t = i, n = `dm-textarea-${Math.random().toString(36).substr(2, 9)}`, r = S(a.modelValue);
+    Q(() => a.modelValue, (d) => {
+      r.value = d;
     });
     const o = () => {
-      a("update:modelValue", r.value || "");
+      t("update:modelValue", r.value || "");
     };
-    return (u, m) => {
-      var b;
-      return t(), s("div", He, [
-        e.label ? (t(), s("label", {
+    return (d, u) => {
+      var m;
+      return l(), s("div", Ta, [
+        e.label ? (l(), s("label", {
           key: 0,
-          for: l,
+          for: n,
           class: "dm-textarea__label"
         }, [
-          A(g(e.label) + " ", 1),
-          e.required ? (t(), s("span", Ge, "*")) : f("", !0)
-        ])) : f("", !0),
-        re(v("textarea", {
-          id: l,
-          "onUpdate:modelValue": m[0] || (m[0] = (k) => r.value = k),
-          class: L(["dm-textarea__input", { "dm-textarea__input--error": e.error }]),
+          U(g(e.label) + " ", 1),
+          e.required ? (l(), s("span", Ba, "*")) : b("", !0)
+        ])) : b("", !0),
+        se(c("textarea", {
+          id: n,
+          "onUpdate:modelValue": u[0] || (u[0] = (y) => r.value = y),
+          class: R(["dm-textarea__input", { "dm-textarea__input--error": e.error }]),
           placeholder: e.placeholder,
           disabled: e.disabled,
           required: e.required,
           rows: e.rows,
           maxlength: e.maxLength,
           "aria-label": e.ariaLabel,
-          "aria-describedby": e.error ? `${l}-error` : void 0,
+          "aria-describedby": e.error ? `${n}-error` : void 0,
           "aria-invalid": !!e.error,
           onInput: o
-        }, null, 42, Ye), [
-          [ne, r.value]
+        }, null, 42, Ia), [
+          [oe, r.value]
         ]),
-        e.maxLength || e.error ? (t(), s("div", Je, [
-          e.error ? (t(), s("p", {
+        e.maxLength || e.error ? (l(), s("div", Ea, [
+          e.error ? (l(), s("p", {
             key: 0,
-            id: `${l}-error`,
+            id: `${n}-error`,
             class: "dm-textarea__error"
-          }, g(e.error), 9, Qe)) : f("", !0),
-          e.maxLength ? (t(), s("span", Ze, g(((b = r.value) == null ? void 0 : b.length) || 0) + "/" + g(e.maxLength), 1)) : f("", !0)
-        ])) : f("", !0)
+          }, g(e.error), 9, La)) : b("", !0),
+          e.maxLength ? (l(), s("span", Fa, g(((m = r.value) == null ? void 0 : m.length) || 0) + "/" + g(e.maxLength), 1)) : b("", !0)
+        ])) : b("", !0)
       ]);
     };
   }
-}), Ql = /* @__PURE__ */ S(ea, [["__scopeId", "data-v-e9253798"]]), aa = { class: "dm-datepicker" }, ta = {
+}), Ir = /* @__PURE__ */ P(Oa, [["__scopeId", "data-v-fefdee17"]]), Ra = ["for"], qa = {
   key: 0,
   class: "dm-datepicker__required"
-}, la = { class: "dm-datepicker__wrapper" }, sa = ["disabled", "required", "min", "max", "aria-label", "aria-describedby", "aria-invalid"], ia = ["id"], ra = /* @__PURE__ */ E({
+}, za = { class: "dm-datepicker__wrapper" }, Aa = ["id", "placeholder", "disabled", "readonly", "required", "aria-label", "aria-invalid", "aria-describedby"], Na = { class: "dm-datepicker__header" }, Pa = ["aria-label"], ja = {
+  key: 0,
+  class: "dm-datepicker__shortcuts"
+}, Ya = ["onClick"], Ua = {
+  key: 1,
+  class: "dm-datepicker__year-picker"
+}, Wa = ["onClick"], Ha = {
+  key: 2,
+  class: "dm-datepicker__grid"
+}, Ka = { class: "dm-datepicker__weekdays" }, Xa = { class: "dm-datepicker__days" }, Ga = ["data-date", "disabled", "aria-label", "aria-current", "onClick"], Ja = {
+  key: 3,
+  class: "dm-datepicker__footer"
+}, Qa = ["id"], Za = /* @__PURE__ */ N({
   __name: "DatametriaDatePicker",
   props: {
-    modelValue: { default: "" },
+    modelValue: {},
+    mode: { default: "single" },
+    format: { default: "DD/MM/YYYY" },
+    placeholder: { default: "Select date..." },
     label: {},
-    disabled: { type: Boolean, default: !1 },
-    required: { type: Boolean, default: !1 },
-    error: {},
+    errorMessage: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    required: { type: Boolean },
     min: {},
     max: {},
-    ariaLabel: {}
+    disabledDates: {},
+    disabledWeekdays: {},
+    enabledDates: {},
+    showToday: { type: Boolean, default: !1 },
+    clearable: { type: Boolean, default: !1 },
+    closeOnSelect: { type: Boolean, default: !0 },
+    showShortcuts: { type: Boolean, default: !1 },
+    shortcuts: { default: () => [
+      { label: "Today", value: (/* @__PURE__ */ new Date()).toISOString().split("T")[0] },
+      { label: "Tomorrow", value: new Date(Date.now() + 864e5).toISOString().split("T")[0] },
+      { label: "Next Week", value: new Date(Date.now() + 7 * 864e5).toISOString().split("T")[0] }
+    ] }
   },
-  emits: ["update:modelValue"],
+  emits: ["update:modelValue", "open", "close", "clear"],
   setup(e, { emit: i }) {
-    const n = e, a = i, l = `dm-datepicker-${Math.random().toString(36).substr(2, 9)}`, r = V(n.modelValue);
-    H(() => n.modelValue, (u) => {
-      r.value = u;
-    });
-    const o = () => {
-      a("update:modelValue", r.value);
+    const a = e, t = i, n = S(), r = S(!1), o = S(!1), d = S(/* @__PURE__ */ new Date()), u = S(!1), m = D(() => `datepicker-${Math.random().toString(36).substr(2, 9)}`), y = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], V = D(() => {
+      var k, L;
+      return a.mode === "single" ? !!a.modelValue : a.mode === "range" ? !!((k = a.modelValue) != null && k.start) && !!((L = a.modelValue) != null && L.end) : a.mode === "multiple" ? Array.isArray(a.modelValue) && a.modelValue.length > 0 : !1;
+    }), F = D(() => {
+      if (!a.modelValue) return "";
+      if (a.mode === "single") {
+        const k = new Date(a.modelValue);
+        return w(k, a.format);
+      }
+      if (a.mode === "range") {
+        const k = a.modelValue;
+        if (!k.start || !k.end) return "";
+        const L = w(new Date(k.start), a.format), I = w(new Date(k.end), a.format);
+        return `${L} - ${I}`;
+      }
+      if (a.mode === "multiple") {
+        const k = a.modelValue;
+        return k.length === 0 ? "" : k.length === 1 ? w(new Date(k[0]), a.format) : `${k.length} dates selected`;
+      }
+      return "";
+    }), B = D(() => {
+      const k = d.value.toLocaleString("default", { month: "long" }), L = d.value.getFullYear();
+      return `${k} ${L}`;
+    }), q = D(() => {
+      const k = (/* @__PURE__ */ new Date()).getFullYear(), L = [];
+      for (let I = k - 50; I <= k + 10; I++)
+        L.push(I);
+      return L;
+    }), $ = D(() => {
+      const k = d.value.getFullYear(), L = d.value.getMonth(), I = new Date(k, L, 1), H = new Date(I);
+      H.setDate(H.getDate() - I.getDay());
+      const ee = [], ye = /* @__PURE__ */ new Date();
+      for (let fe = 0; fe < 42; fe++) {
+        const ae = new Date(H);
+        ae.setDate(H.getDate() + fe);
+        const pe = ae.toISOString().split("T")[0], ke = ae.getMonth() !== L, $e = E(ae), we = x(pe), xe = j(ae, ye);
+        ee.push({
+          date: ae.getDate(),
+          month: ae.getMonth(),
+          year: ae.getFullYear(),
+          dateString: pe,
+          otherMonth: ke,
+          disabled: $e,
+          selected: we,
+          today: xe,
+          inRange: !1,
+          rangeStart: !1,
+          rangeEnd: !1
+        });
+      }
+      return ee;
+    }), w = (k, L) => {
+      const I = k.getDate().toString().padStart(2, "0"), H = (k.getMonth() + 1).toString().padStart(2, "0"), ee = k.getFullYear().toString();
+      return L.replace("DD", I).replace("MM", H).replace("YYYY", ee);
+    }, j = (k, L) => k.getFullYear() === L.getFullYear() && k.getMonth() === L.getMonth() && k.getDate() === L.getDate(), E = (k) => {
+      var I, H;
+      const L = k.toISOString().split("T")[0];
+      return !!(a.min && k < new Date(a.min) || a.max && k > new Date(a.max) || (I = a.disabledDates) != null && I.includes(L) || (H = a.disabledWeekdays) != null && H.includes(k.getDay()) || a.enabledDates && !a.enabledDates.includes(L));
+    }, x = (k) => {
+      if (a.mode === "single")
+        return a.modelValue === k;
+      if (a.mode === "range") {
+        const L = a.modelValue;
+        return (L == null ? void 0 : L.start) === k || (L == null ? void 0 : L.end) === k;
+      }
+      if (a.mode === "multiple") {
+        const L = a.modelValue;
+        return (L == null ? void 0 : L.includes(k)) || !1;
+      }
+      return !1;
+    }, O = (k) => {
+      let H = new Date(k.year, k.month, k.date).toLocaleDateString("en-US", {
+        weekday: "long",
+        year: "numeric",
+        month: "long",
+        day: "numeric"
+      });
+      return k.today && (H += ", today"), k.selected && (H += ", selected"), k.disabled && (H += ", disabled"), H;
+    }, p = () => {
+      !a.disabled && !a.readonly && (r.value = !r.value, r.value ? t("open") : t("close"));
+    }, h = () => {
+      !a.disabled && !a.readonly && (r.value = !0, t("open"));
+    }, _ = (k) => {
+      k.key === "Enter" || k.key === " " ? (k.preventDefault(), p()) : k.key === "Escape" && (r.value = !1, t("close"));
+    }, M = () => {
+      d.value = new Date(d.value.getFullYear(), d.value.getMonth() - 1, 1);
+    }, A = () => {
+      d.value = new Date(d.value.getFullYear(), d.value.getMonth() + 1, 1);
+    }, W = () => {
+      o.value = !o.value;
+    }, v = (k) => {
+      d.value = new Date(k, d.value.getMonth(), 1), o.value = !1;
+    }, f = (k) => {
+      if (k.disabled) return;
+      const L = k.dateString;
+      if (a.mode === "single" && (t("update:modelValue", L), a.closeOnSelect && (r.value = !1, t("close"))), a.mode === "range") {
+        const I = a.modelValue || { start: "", end: "" };
+        if (!I.start || I.start && I.end)
+          t("update:modelValue", { start: L, end: "" });
+        else {
+          const H = new Date(I.start);
+          new Date(L) < H ? t("update:modelValue", { start: L, end: I.start }) : t("update:modelValue", { start: I.start, end: L }), a.closeOnSelect && (r.value = !1, t("close"));
+        }
+      }
+      if (a.mode === "multiple") {
+        const I = a.modelValue || [], H = I.indexOf(L);
+        if (H >= 0) {
+          const ee = [...I];
+          ee.splice(H, 1), t("update:modelValue", ee);
+        } else
+          t("update:modelValue", [...I, L]);
+      }
+    }, T = () => {
+      const k = (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
+      if (a.mode === "single")
+        t("update:modelValue", k);
+      else if (a.mode === "range")
+        t("update:modelValue", { start: k, end: k });
+      else if (a.mode === "multiple") {
+        const L = a.modelValue || [];
+        L.includes(k) || t("update:modelValue", [...L, k]);
+      }
+      r.value = !1, t("close");
+    }, C = (k) => {
+      t("update:modelValue", k.value), r.value = !1, t("close");
+    }, z = () => {
+      a.mode === "single" ? t("update:modelValue", "") : a.mode === "range" ? t("update:modelValue", { start: "", end: "" }) : a.mode === "multiple" && t("update:modelValue", []), t("clear");
+    }, Z = (k) => {
+      n.value && !n.value.contains(k.target) && (r.value = !1, o.value = !1, t("close"));
+    }, re = () => {
+      u.value = window.innerWidth <= 640;
     };
-    return (u, m) => (t(), s("div", aa, [
-      e.label ? (t(), s("label", {
+    return te(() => {
+      document.addEventListener("click", Z), window.addEventListener("resize", re), re();
+    }), de(() => {
+      document.removeEventListener("click", Z), window.removeEventListener("resize", re);
+    }), (k, L) => (l(), s("div", {
+      class: "dm-datepicker",
+      ref_key: "datepickerRef",
+      ref: n
+    }, [
+      e.label ? (l(), s("label", {
         key: 0,
-        for: l,
+        for: m.value,
         class: "dm-datepicker__label"
       }, [
-        A(g(e.label) + " ", 1),
-        e.required ? (t(), s("span", ta, "*")) : f("", !0)
-      ])) : f("", !0),
-      v("div", la, [
-        re(v("input", {
-          id: l,
-          type: "date",
-          "onUpdate:modelValue": m[0] || (m[0] = (b) => r.value = b),
-          class: L(["dm-datepicker__input", { "dm-datepicker__input--error": e.error }]),
+        U(g(e.label) + " ", 1),
+        e.required ? (l(), s("span", qa, "*")) : b("", !0)
+      ], 8, Ra)) : b("", !0),
+      c("div", za, [
+        se(c("input", {
+          id: m.value,
+          "onUpdate:modelValue": L[0] || (L[0] = (I) => F.value = I),
+          type: "text",
+          class: R(["dm-datepicker__input", { "dm-datepicker__input--error": e.errorMessage }]),
+          placeholder: e.placeholder,
           disabled: e.disabled,
+          readonly: e.readonly,
           required: e.required,
-          min: e.min,
-          max: e.max,
-          "aria-label": e.ariaLabel,
-          "aria-describedby": e.error ? `${l}-error` : void 0,
-          "aria-invalid": !!e.error,
-          onChange: o
-        }, null, 42, sa), [
-          [ne, r.value]
-        ])
+          "aria-label": e.label || "Date picker",
+          "aria-invalid": !!e.errorMessage,
+          "aria-describedby": e.errorMessage ? `${m.value}-error` : void 0,
+          onClick: p,
+          onFocus: h,
+          onKeydown: _
+        }, null, 42, Aa), [
+          [oe, F.value]
+        ]),
+        e.clearable && V.value ? (l(), s("button", {
+          key: 0,
+          type: "button",
+          class: "dm-datepicker__clear",
+          onClick: z,
+          "aria-label": "Clear date"
+        }, " × ")) : b("", !0)
       ]),
-      e.error ? (t(), s("p", {
+      r.value ? (l(), s("div", {
         key: 1,
-        id: `${l}-error`,
+        class: "dm-datepicker__calendar",
+        role: "dialog",
+        "aria-label": "Calendar",
+        onClick: L[1] || (L[1] = ie(() => {
+        }, ["stop"]))
+      }, [
+        c("div", Na, [
+          c("button", {
+            type: "button",
+            class: "dm-datepicker__nav dm-datepicker__nav-prev",
+            onClick: M,
+            "aria-label": "Previous month"
+          }, " ‹ "),
+          c("button", {
+            type: "button",
+            class: "dm-datepicker__month-year",
+            onClick: W,
+            "aria-label": `${B.value}, click to select year`
+          }, g(B.value), 9, Pa),
+          c("button", {
+            type: "button",
+            class: "dm-datepicker__nav dm-datepicker__nav-next",
+            onClick: A,
+            "aria-label": "Next month"
+          }, " › ")
+        ]),
+        e.showShortcuts && e.shortcuts.length > 0 ? (l(), s("div", ja, [
+          (l(!0), s(K, null, X(e.shortcuts, (I) => (l(), s("button", {
+            key: I.label,
+            type: "button",
+            class: "dm-datepicker__shortcut",
+            onClick: (H) => C(I)
+          }, g(I.label), 9, Ya))), 128))
+        ])) : b("", !0),
+        o.value ? (l(), s("div", Ua, [
+          (l(!0), s(K, null, X(q.value, (I) => (l(), s("div", {
+            key: I,
+            class: R(["dm-datepicker__year-option", { "dm-datepicker__year-option--current": I === d.value.getFullYear() }]),
+            onClick: (H) => v(I)
+          }, g(I), 11, Wa))), 128))
+        ])) : (l(), s("div", Ha, [
+          c("div", Ka, [
+            (l(), s(K, null, X(y, (I) => c("div", {
+              key: I,
+              class: "dm-datepicker__weekday"
+            }, g(I), 1)), 64))
+          ]),
+          c("div", Xa, [
+            (l(!0), s(K, null, X($.value, (I) => (l(), s("button", {
+              key: `${I.date}-${I.month}`,
+              type: "button",
+              class: R(["dm-datepicker__day", {
+                "dm-datepicker__day--other-month": I.otherMonth,
+                "dm-datepicker__day--disabled": I.disabled,
+                "dm-datepicker__day--selected": I.selected,
+                "dm-datepicker__day--today": I.today,
+                "dm-datepicker__day--in-range": I.inRange,
+                "dm-datepicker__day--range-start": I.rangeStart,
+                "dm-datepicker__day--range-end": I.rangeEnd
+              }]),
+              "data-date": I.dateString,
+              disabled: I.disabled,
+              "aria-label": O(I),
+              "aria-current": I.today ? "date" : void 0,
+              onClick: (H) => f(I)
+            }, g(I.date), 11, Ga))), 128))
+          ])
+        ])),
+        e.showToday ? (l(), s("div", Ja, [
+          c("button", {
+            type: "button",
+            class: "dm-datepicker__today",
+            onClick: T
+          }, " Today ")
+        ])) : b("", !0)
+      ])) : b("", !0),
+      e.errorMessage ? (l(), s("div", {
+        key: 2,
+        id: `${m.value}-error`,
         class: "dm-datepicker__error"
-      }, g(e.error), 9, ia)) : f("", !0)
-    ]));
+      }, g(e.errorMessage), 9, Qa)) : b("", !0)
+    ], 512));
   }
-}), Zl = /* @__PURE__ */ S(ra, [["__scopeId", "data-v-8bf1e9ec"]]), na = ["for"], oa = {
+}), Er = /* @__PURE__ */ P(Za, [["__scopeId", "data-v-5f5c3dc9"]]), et = ["for"], at = {
   key: 0,
   class: "dm-time-picker__required",
   "aria-label": "obrigatório"
-}, da = { class: "dm-time-picker__wrapper" }, ca = ["id", "disabled", "required", "min", "max", "step", "aria-describedby", "aria-invalid"], ua = {
+}, tt = { class: "dm-time-picker__wrapper" }, lt = ["id", "disabled", "required", "min", "max", "step", "aria-describedby", "aria-invalid"], st = {
   key: 0,
   class: "dm-time-picker__icon"
-}, ma = {
+}, rt = {
   key: 0,
   class: "dm-time-picker__icon--error",
   viewBox: "0 0 20 20",
   fill: "currentColor"
-}, va = {
+}, nt = {
   key: 1,
   class: "dm-time-picker__icon--success",
   viewBox: "0 0 20 20",
   fill: "currentColor"
-}, fa = {
+}, ot = {
   key: 1,
   class: "dm-time-picker__messages"
-}, ha = ["id"], ba = ["id"], pa = ["id"], ga = /* @__PURE__ */ E({
+}, it = ["id"], dt = ["id"], ct = ["id"], ut = /* @__PURE__ */ N({
   __name: "DatametriaTimePicker",
   props: {
     modelValue: { default: "" },
@@ -421,123 +878,123 @@ const he = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
     format24h: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue", "blur", "focus", "change"],
-  setup(e, { expose: i, emit: n }) {
-    const a = e, l = n, r = V(), o = B(() => `dm-time-picker-${Math.random().toString(36).substr(2, 9)}`), u = B(() => !!a.errorMessage), m = B(() => !!a.successMessage && !u.value), b = B(() => {
-      const p = [];
-      return a.errorMessage ? p.push(`${o.value}-error`) : a.successMessage ? p.push(`${o.value}-success`) : a.helperText && p.push(`${o.value}-helper`), p.length > 0 ? p.join(" ") : void 0;
-    }), k = B({
-      get: () => a.modelValue,
-      set: (p) => {
-        l("update:modelValue", p), l("change", p);
+  setup(e, { expose: i, emit: a }) {
+    const t = e, n = a, r = S(), o = D(() => `dm-time-picker-${Math.random().toString(36).substr(2, 9)}`), d = D(() => !!t.errorMessage), u = D(() => !!t.successMessage && !d.value), m = D(() => {
+      const w = [];
+      return t.errorMessage ? w.push(`${o.value}-error`) : t.successMessage ? w.push(`${o.value}-success`) : t.helperText && w.push(`${o.value}-helper`), w.length > 0 ? w.join(" ") : void 0;
+    }), y = D({
+      get: () => t.modelValue,
+      set: (w) => {
+        n("update:modelValue", w), n("change", w);
       }
-    }), M = (p) => {
-      const w = p.target;
-      k.value = w.value;
-    }, T = (p) => {
-      l("blur", p);
-    }, $ = (p) => {
-      l("focus", p);
-    }, C = () => {
-      Y(() => {
-        var p;
-        (p = r.value) == null || p.focus();
+    }), V = (w) => {
+      const j = w.target;
+      y.value = j.value;
+    }, F = (w) => {
+      n("blur", w);
+    }, B = (w) => {
+      n("focus", w);
+    }, q = () => {
+      le(() => {
+        var w;
+        (w = r.value) == null || w.focus();
       });
-    }, h = () => {
-      var p;
-      (p = r.value) == null || p.blur();
+    }, $ = () => {
+      var w;
+      (w = r.value) == null || w.blur();
     };
-    return H(() => a.modelValue, (p) => {
-      r.value && r.value.value !== p && (r.value.value = p);
+    return Q(() => t.modelValue, (w) => {
+      r.value && r.value.value !== w && (r.value.value = w);
     }), i({
-      focus: C,
-      blur: h,
+      focus: q,
+      blur: $,
       inputRef: r
-    }), (p, w) => (t(), s("div", {
-      class: L(["dm-time-picker", { "dm-time-picker--disabled": e.disabled }])
+    }), (w, j) => (l(), s("div", {
+      class: R(["dm-time-picker", { "dm-time-picker--disabled": e.disabled }])
     }, [
-      e.label ? (t(), s("label", {
+      e.label ? (l(), s("label", {
         key: 0,
         for: o.value,
         class: "dm-time-picker__label"
       }, [
-        A(g(e.label) + " ", 1),
-        e.required ? (t(), s("span", oa, "*")) : f("", !0)
-      ], 8, na)) : f("", !0),
-      v("div", da, [
-        re(v("input", {
+        U(g(e.label) + " ", 1),
+        e.required ? (l(), s("span", at, "*")) : b("", !0)
+      ], 8, et)) : b("", !0),
+      c("div", tt, [
+        se(c("input", {
           id: o.value,
           ref_key: "inputRef",
           ref: r,
-          "onUpdate:modelValue": w[0] || (w[0] = (z) => k.value = z),
+          "onUpdate:modelValue": j[0] || (j[0] = (E) => y.value = E),
           type: "time",
-          class: L(["dm-time-picker__input", {
-            "dm-time-picker__input--error": u.value,
-            "dm-time-picker__input--success": m.value
+          class: R(["dm-time-picker__input", {
+            "dm-time-picker__input--error": d.value,
+            "dm-time-picker__input--success": u.value
           }]),
           disabled: e.disabled,
           required: e.required,
           min: e.min,
           max: e.max,
           step: e.step,
-          "aria-describedby": b.value,
-          "aria-invalid": u.value,
-          onInput: M,
-          onBlur: T,
-          onFocus: $
-        }, null, 42, ca), [
-          [ne, k.value]
+          "aria-describedby": m.value,
+          "aria-invalid": d.value,
+          onInput: V,
+          onBlur: F,
+          onFocus: B
+        }, null, 42, lt), [
+          [oe, y.value]
         ]),
-        u.value || m.value ? (t(), s("div", ua, [
-          u.value ? (t(), s("svg", ma, [...w[1] || (w[1] = [
-            v("path", {
+        d.value || u.value ? (l(), s("div", st, [
+          d.value ? (l(), s("svg", rt, [...j[1] || (j[1] = [
+            c("path", {
               "fill-rule": "evenodd",
               d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z",
               "clip-rule": "evenodd"
             }, null, -1)
-          ])])) : m.value ? (t(), s("svg", va, [...w[2] || (w[2] = [
-            v("path", {
+          ])])) : u.value ? (l(), s("svg", nt, [...j[2] || (j[2] = [
+            c("path", {
               "fill-rule": "evenodd",
               d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",
               "clip-rule": "evenodd"
             }, null, -1)
-          ])])) : f("", !0)
-        ])) : f("", !0)
+          ])])) : b("", !0)
+        ])) : b("", !0)
       ]),
-      e.errorMessage || e.successMessage || e.helperText ? (t(), s("div", fa, [
-        e.errorMessage ? (t(), s("p", {
+      e.errorMessage || e.successMessage || e.helperText ? (l(), s("div", ot, [
+        e.errorMessage ? (l(), s("p", {
           key: 0,
           id: `${o.value}-error`,
           class: "dm-time-picker__error",
           role: "alert"
-        }, g(e.errorMessage), 9, ha)) : e.successMessage ? (t(), s("p", {
+        }, g(e.errorMessage), 9, it)) : e.successMessage ? (l(), s("p", {
           key: 1,
           id: `${o.value}-success`,
           class: "dm-time-picker__success"
-        }, g(e.successMessage), 9, ba)) : e.helperText ? (t(), s("p", {
+        }, g(e.successMessage), 9, dt)) : e.helperText ? (l(), s("p", {
           key: 2,
           id: `${o.value}-helper`,
           class: "dm-time-picker__helper"
-        }, g(e.helperText), 9, pa)) : f("", !0)
-      ])) : f("", !0)
+        }, g(e.helperText), 9, ct)) : b("", !0)
+      ])) : b("", !0)
     ], 2));
   }
-}), es = /* @__PURE__ */ S(ga, [["__scopeId", "data-v-89e8ad3a"]]), _a = {
+}), Lr = /* @__PURE__ */ P(ut, [["__scopeId", "data-v-b28853ee"]]), mt = {
   key: 0,
   class: "dm-slider__header"
-}, ka = ["for"], ya = {
+}, vt = ["for"], ht = {
   key: 0,
   class: "dm-slider__required",
   "aria-label": "obrigatório"
-}, $a = {
+}, ft = {
   key: 1,
   class: "dm-slider__value"
-}, wa = { class: "dm-slider__wrapper" }, xa = ["id", "value", "min", "max", "step", "disabled", "required", "aria-label", "aria-describedby", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext"], Va = {
+}, bt = { class: "dm-slider__wrapper" }, pt = ["id", "value", "min", "max", "step", "disabled", "required", "aria-label", "aria-describedby", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext"], gt = {
   key: 1,
   class: "dm-slider__range"
-}, Da = { class: "dm-slider__min" }, Ma = { class: "dm-slider__max" }, Ca = {
+}, _t = { class: "dm-slider__min" }, yt = { class: "dm-slider__max" }, kt = {
   key: 2,
   class: "dm-slider__messages"
-}, Ia = ["id"], Ba = ["id"], Ta = /* @__PURE__ */ E({
+}, $t = ["id"], wt = ["id"], xt = /* @__PURE__ */ N({
   __name: "DatametriaSlider",
   props: {
     modelValue: {},
@@ -555,98 +1012,98 @@ const he = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
     formatter: {}
   },
   emits: ["update:modelValue", "change", "input", "focus", "blur"],
-  setup(e, { expose: i, emit: n }) {
-    const a = e, l = n, r = V(), o = V(!1), u = B(() => `dm-slider-${Math.random().toString(36).substr(2, 9)}`), m = B(() => {
-      const x = a.max - a.min;
-      return (a.modelValue - a.min) / x * 100;
-    }), b = B(() => a.formatter ? a.formatter(a.modelValue) : a.modelValue.toString()), k = B(() => {
-      const x = [];
-      return a.errorMessage ? x.push(`${u.value}-error`) : a.helperText && x.push(`${u.value}-helper`), x.length > 0 ? x.join(" ") : void 0;
-    }), M = B(() => a.formatter ? a.formatter(a.modelValue) : `${a.modelValue}`), T = (x) => a.formatter ? a.formatter(x) : x.toString(), $ = (x) => {
-      const q = x.target, D = parseFloat(q.value);
-      l("update:modelValue", D), l("input", D);
-    }, C = (x) => {
-      const q = x.target, D = parseFloat(q.value);
-      l("change", D);
-    }, h = (x) => {
-      l("focus", x);
-    }, p = (x) => {
-      l("blur", x);
-    }, w = (x) => {
-      if (a.disabled) return;
-      const D = x.currentTarget.getBoundingClientRect(), N = (x.clientX - D.left) / D.width, O = a.max - a.min, d = a.min + N * O, c = Math.round(d / a.step) * a.step, y = Math.max(a.min, Math.min(a.max, c));
-      l("update:modelValue", y), l("change", y);
-    }, z = (x) => {
-      if (a.disabled) return;
-      o.value = !0, x.preventDefault();
-      const q = (N) => {
+  setup(e, { expose: i, emit: a }) {
+    const t = e, n = a, r = S(), o = S(!1), d = D(() => `dm-slider-${Math.random().toString(36).substr(2, 9)}`), u = D(() => {
+      const h = t.max - t.min;
+      return (t.modelValue - t.min) / h * 100;
+    }), m = D(() => t.formatter ? t.formatter(t.modelValue) : t.modelValue.toString()), y = D(() => {
+      const h = [];
+      return t.errorMessage ? h.push(`${d.value}-error`) : t.helperText && h.push(`${d.value}-helper`), h.length > 0 ? h.join(" ") : void 0;
+    }), V = D(() => t.formatter ? t.formatter(t.modelValue) : `${t.modelValue}`), F = (h) => t.formatter ? t.formatter(h) : h.toString(), B = (h) => {
+      const _ = h.target, M = parseFloat(_.value);
+      n("update:modelValue", M), n("input", M);
+    }, q = (h) => {
+      const _ = h.target, M = parseFloat(_.value);
+      n("change", M);
+    }, $ = (h) => {
+      n("focus", h);
+    }, w = (h) => {
+      n("blur", h);
+    }, j = (h) => {
+      if (t.disabled) return;
+      const M = h.currentTarget.getBoundingClientRect(), A = (h.clientX - M.left) / M.width, W = t.max - t.min, v = t.min + A * W, f = Math.round(v / t.step) * t.step, T = Math.max(t.min, Math.min(t.max, f));
+      n("update:modelValue", T), n("change", T);
+    }, E = (h) => {
+      if (t.disabled) return;
+      o.value = !0, h.preventDefault();
+      const _ = (A) => {
         if (!o.value) return;
-        const O = x.target.parentElement;
-        if (!O) return;
-        const d = O.getBoundingClientRect(), c = Math.max(0, Math.min(1, (N.clientX - d.left) / d.width)), y = a.max - a.min, _ = a.min + c * y, I = Math.round(_ / a.step) * a.step, Q = Math.max(a.min, Math.min(a.max, I));
-        l("update:modelValue", Q), l("input", Q);
-      }, D = () => {
-        o.value && (o.value = !1, l("change", a.modelValue)), document.removeEventListener("mousemove", q), document.removeEventListener("mouseup", D);
+        const W = h.target.parentElement;
+        if (!W) return;
+        const v = W.getBoundingClientRect(), f = Math.max(0, Math.min(1, (A.clientX - v.left) / v.width)), T = t.max - t.min, C = t.min + f * T, z = Math.round(C / t.step) * t.step, Z = Math.max(t.min, Math.min(t.max, z));
+        n("update:modelValue", Z), n("input", Z);
+      }, M = () => {
+        o.value && (o.value = !1, n("change", t.modelValue)), document.removeEventListener("mousemove", _), document.removeEventListener("mouseup", M);
       };
-      document.addEventListener("mousemove", q), document.addEventListener("mouseup", D);
-    }, F = (x) => {
-      if (a.disabled) return;
-      o.value = !0, x.preventDefault();
-      const q = (N) => {
+      document.addEventListener("mousemove", _), document.addEventListener("mouseup", M);
+    }, x = (h) => {
+      if (t.disabled) return;
+      o.value = !0, h.preventDefault();
+      const _ = (A) => {
         if (!o.value) return;
-        const O = x.target.parentElement;
-        if (!O) return;
-        const d = O.getBoundingClientRect(), c = N.touches[0], y = Math.max(0, Math.min(1, (c.clientX - d.left) / d.width)), _ = a.max - a.min, I = a.min + y * _, Q = Math.round(I / a.step) * a.step, de = Math.max(a.min, Math.min(a.max, Q));
-        l("update:modelValue", de), l("input", de);
-      }, D = () => {
-        o.value && (o.value = !1, l("change", a.modelValue)), document.removeEventListener("touchmove", q), document.removeEventListener("touchend", D);
+        const W = h.target.parentElement;
+        if (!W) return;
+        const v = W.getBoundingClientRect(), f = A.touches[0], T = Math.max(0, Math.min(1, (f.clientX - v.left) / v.width)), C = t.max - t.min, z = t.min + T * C, Z = Math.round(z / t.step) * t.step, re = Math.max(t.min, Math.min(t.max, Z));
+        n("update:modelValue", re), n("input", re);
+      }, M = () => {
+        o.value && (o.value = !1, n("change", t.modelValue)), document.removeEventListener("touchmove", _), document.removeEventListener("touchend", M);
       };
-      document.addEventListener("touchmove", q), document.addEventListener("touchend", D);
+      document.addEventListener("touchmove", _), document.addEventListener("touchend", M);
     };
     return i({
       focus: () => {
-        Y(() => {
-          var x;
-          (x = r.value) == null || x.focus();
+        le(() => {
+          var h;
+          (h = r.value) == null || h.focus();
         });
       },
       blur: () => {
-        var x;
-        (x = r.value) == null || x.blur();
+        var h;
+        (h = r.value) == null || h.blur();
       },
       inputRef: r
-    }), (x, q) => (t(), s("div", {
-      class: L(["dm-slider", { "dm-slider--disabled": e.disabled }])
+    }), (h, _) => (l(), s("div", {
+      class: R(["dm-slider", { "dm-slider--disabled": e.disabled }])
     }, [
-      e.label || e.showValue ? (t(), s("div", _a, [
-        e.label ? (t(), s("label", {
+      e.label || e.showValue ? (l(), s("div", mt, [
+        e.label ? (l(), s("label", {
           key: 0,
-          for: u.value,
+          for: d.value,
           class: "dm-slider__label"
         }, [
-          A(g(e.label) + " ", 1),
-          e.required ? (t(), s("span", ya, "*")) : f("", !0)
-        ], 8, ka)) : f("", !0),
-        e.showValue ? (t(), s("span", $a, g(b.value), 1)) : f("", !0)
-      ])) : f("", !0),
-      v("div", wa, [
-        v("div", {
+          U(g(e.label) + " ", 1),
+          e.required ? (l(), s("span", ht, "*")) : b("", !0)
+        ], 8, vt)) : b("", !0),
+        e.showValue ? (l(), s("span", ft, g(m.value), 1)) : b("", !0)
+      ])) : b("", !0),
+      c("div", bt, [
+        c("div", {
           class: "dm-slider__track",
-          onClick: w
+          onClick: j
         }, [
-          v("div", {
+          c("div", {
             class: "dm-slider__progress",
-            style: X({ width: `${m.value}%` })
+            style: G({ width: `${u.value}%` })
           }, null, 4),
-          v("div", {
+          c("div", {
             class: "dm-slider__thumb",
-            style: X({ left: `${m.value}%` }),
-            onMousedown: z,
-            onTouchstart: F
+            style: G({ left: `${u.value}%` }),
+            onMousedown: E,
+            onTouchstart: x
           }, null, 36)
         ]),
-        v("input", {
-          id: u.value,
+        c("input", {
+          id: d.value,
           ref_key: "inputRef",
           ref: r,
           type: "range",
@@ -658,314 +1115,369 @@ const he = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
           disabled: e.disabled,
           required: e.required,
           "aria-label": e.ariaLabel,
-          "aria-describedby": k.value,
+          "aria-describedby": y.value,
           "aria-valuemin": e.min,
           "aria-valuemax": e.max,
           "aria-valuenow": e.modelValue,
-          "aria-valuetext": M.value,
-          onInput: $,
-          onChange: C,
-          onFocus: h,
-          onBlur: p
-        }, null, 40, xa)
+          "aria-valuetext": V.value,
+          onInput: B,
+          onChange: q,
+          onFocus: $,
+          onBlur: w
+        }, null, 40, pt)
       ]),
-      e.showMinMax ? (t(), s("div", Va, [
-        v("span", Da, g(T(e.min)), 1),
-        v("span", Ma, g(T(e.max)), 1)
-      ])) : f("", !0),
-      e.errorMessage || e.helperText ? (t(), s("div", Ca, [
-        e.errorMessage ? (t(), s("p", {
+      e.showMinMax ? (l(), s("div", gt, [
+        c("span", _t, g(F(e.min)), 1),
+        c("span", yt, g(F(e.max)), 1)
+      ])) : b("", !0),
+      e.errorMessage || e.helperText ? (l(), s("div", kt, [
+        e.errorMessage ? (l(), s("p", {
           key: 0,
-          id: `${u.value}-error`,
+          id: `${d.value}-error`,
           class: "dm-slider__error",
           role: "alert"
-        }, g(e.errorMessage), 9, Ia)) : e.helperText ? (t(), s("p", {
+        }, g(e.errorMessage), 9, $t)) : e.helperText ? (l(), s("p", {
           key: 1,
-          id: `${u.value}-helper`,
+          id: `${d.value}-helper`,
           class: "dm-slider__helper"
-        }, g(e.helperText), 9, Ba)) : f("", !0)
-      ])) : f("", !0)
+        }, g(e.helperText), 9, wt)) : b("", !0)
+      ])) : b("", !0)
     ], 2));
   }
-}), as = /* @__PURE__ */ S(Ta, [["__scopeId", "data-v-8a957612"]]), La = { class: "dm-file-upload" }, Ea = {
+}), Fr = /* @__PURE__ */ P(xt, [["__scopeId", "data-v-5576db83"]]), Dt = ["accept", "multiple", "disabled"], Vt = {
   key: 0,
-  class: "dm-file-upload__label"
-}, Sa = {
-  key: 0,
-  class: "dm-file-upload__required"
-}, qa = ["accept", "multiple", "disabled", "required"], Ra = { class: "dm-file-upload__content" }, za = {
+  class: "dm-file-upload__spinner"
+}, Ct = {
+  key: 1,
+  class: "dm-file-upload__content"
+}, Mt = { class: "dm-file-upload__text" }, St = { class: "dm-file-upload__primary-text" }, Tt = { class: "dm-file-upload__secondary-text" }, Bt = {
   key: 0,
-  class: "dm-file-upload__hint"
-}, Na = {
+  class: "dm-file-upload__progress"
+}, It = { class: "dm-file-upload__progress-track" }, Et = { class: "dm-file-upload__progress-text" }, Lt = {
   key: 1,
   class: "dm-file-upload__files"
-}, Oa = { class: "dm-file-upload__filename" }, Fa = { class: "dm-file-upload__filesize" }, Aa = ["onClick"], ja = {
+}, Ft = { class: "dm-file-upload__file-info" }, Ot = { class: "dm-file-upload__file-name" }, Rt = { class: "dm-file-upload__file-size" }, qt = ["onClick"], zt = {
   key: 2,
   class: "dm-file-upload__error"
-}, Pa = /* @__PURE__ */ E({
+}, At = /* @__PURE__ */ N({
   __name: "DatametriaFileUpload",
   props: {
-    modelValue: { default: () => [] },
-    label: {},
+    modelValue: {},
     accept: {},
     multiple: { type: Boolean, default: !1 },
+    maxSize: {},
+    maxFiles: {},
     disabled: { type: Boolean, default: !1 },
-    required: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    progress: {},
+    uploadText: {},
     error: {}
   },
-  emits: ["update:modelValue"],
+  emits: ["update:modelValue", "file-added", "file-removed"],
   setup(e, { emit: i }) {
-    const n = e, a = i, l = V(), r = V(n.modelValue), o = V(!1), u = () => {
-      var h;
-      n.disabled || (h = l.value) == null || h.click();
-    }, m = (h) => {
-      const p = Array.from(h.target.files || []);
-      T(p);
-    }, b = () => {
-      n.disabled || (o.value = !0);
-    }, k = () => {
-      o.value = !1;
-    }, M = (h) => {
-      var p;
-      if (o.value = !1, !n.disabled) {
-        const w = Array.from(((p = h.dataTransfer) == null ? void 0 : p.files) || []);
-        T(w);
+    const a = e, t = i, n = S(), r = S(!1), o = S([]), d = S(""), u = D(() => a.error || d.value), m = () => {
+      !a.disabled && n.value && n.value.click();
+    }, y = (E) => {
+      const x = E.target;
+      x.files && $(Array.from(x.files));
+    }, V = (E) => {
+      var O;
+      if (E.preventDefault(), r.value = !1, a.disabled) return;
+      const x = (O = E.dataTransfer) == null ? void 0 : O.files;
+      x && $(Array.from(x));
+    }, F = (E) => {
+      E.preventDefault();
+    }, B = (E) => {
+      E.preventDefault(), a.disabled || (r.value = !0);
+    }, q = (E) => {
+      var x;
+      E.preventDefault(), (x = E.currentTarget) != null && x.contains(E.relatedTarget) || (r.value = !1);
+    }, $ = (E) => {
+      if (d.value = "", a.accept) {
+        const x = a.accept.split(",").map((p) => p.trim()), O = E.filter((p) => !x.some((h) => h.startsWith(".") ? p.name.toLowerCase().endsWith(h.toLowerCase()) : p.type.match(h.replace("*", ".*"))));
+        if (O.length > 0) {
+          d.value = `Invalid file type(s): ${O.map((p) => p.name).join(", ")}`;
+          return;
+        }
       }
-    }, T = (h) => {
-      r.value = n.multiple ? [...r.value, ...h] : h, a("update:modelValue", r.value);
-    }, $ = (h) => {
-      r.value.splice(h, 1), a("update:modelValue", r.value);
-    }, C = (h) => {
-      if (h === 0) return "0 B";
-      const p = 1024, w = ["B", "KB", "MB", "GB"], z = Math.floor(Math.log(h) / Math.log(p));
-      return `${(h / Math.pow(p, z)).toFixed(1)} ${w[z]}`;
+      if (a.maxSize) {
+        const x = E.filter((O) => O.size > a.maxSize);
+        if (x.length > 0) {
+          d.value = `File(s) too large: ${x.map((O) => O.name).join(", ")}`;
+          return;
+        }
+      }
+      if (a.multiple) {
+        const x = o.value.length + E.length;
+        if (a.maxFiles && x > a.maxFiles) {
+          d.value = `Maximum ${a.maxFiles} files allowed`;
+          return;
+        }
+        o.value.push(...E), t("update:modelValue", o.value);
+      } else
+        o.value = [E[0]], t("update:modelValue", E[0]);
+      E.forEach((x) => {
+        t("file-added", x);
+      });
+    }, w = (E) => {
+      const x = o.value[E];
+      o.value.splice(E, 1), a.multiple ? t("update:modelValue", o.value) : t("update:modelValue", o.value[0] || null), t("file-removed", x, E);
+    }, j = (E) => {
+      if (E === 0) return "0 Bytes";
+      const x = 1024, O = ["Bytes", "KB", "MB", "GB"], p = Math.floor(Math.log(E) / Math.log(x));
+      return parseFloat((E / Math.pow(x, p)).toFixed(2)) + " " + O[p];
     };
-    return (h, p) => (t(), s("div", La, [
-      e.label ? (t(), s("label", Ea, [
-        A(g(e.label) + " ", 1),
-        e.required ? (t(), s("span", Sa, "*")) : f("", !0)
-      ])) : f("", !0),
-      v("div", {
-        class: L(["dm-file-upload__dropzone", { "dm-file-upload--dragging": o.value, "dm-file-upload__dropzone--dragover": o.value, "dm-file-upload__dropzone--error": e.error }]),
-        onDragover: Z(b, ["prevent"]),
-        onDragleave: Z(k, ["prevent"]),
-        onDrop: Z(M, ["prevent"]),
-        onClick: u
+    return (E, x) => (l(), s("div", {
+      class: R(["dm-file-upload", { "dm-file-upload--disabled": e.disabled, "dm-file-upload--loading": e.loading }])
+    }, [
+      c("div", {
+        class: R(["dm-file-upload__area", { "dm-file-upload__area--dragover": r.value }]),
+        onClick: m,
+        onDrop: V,
+        onDragover: F,
+        onDragenter: B,
+        onDragleave: q
       }, [
-        v("input", {
-          ref_key: "fileInput",
-          ref: l,
+        c("input", {
+          ref_key: "fileInputRef",
+          ref: n,
           type: "file",
           class: "dm-file-upload__input",
           accept: e.accept,
           multiple: e.multiple,
           disabled: e.disabled,
-          required: e.required,
-          onChange: m
-        }, null, 40, qa),
-        v("div", Ra, [
-          p[0] || (p[0] = v("svg", {
-            class: "dm-file-upload__icon",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor"
-          }, [
-            v("path", {
-              d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M17 8l-5-5-5 5M12 3v12",
-              "stroke-width": "2",
-              "stroke-linecap": "round",
-              "stroke-linejoin": "round"
-            })
-          ], -1)),
-          p[1] || (p[1] = v("p", { class: "dm-file-upload__text" }, [
-            v("span", { class: "dm-file-upload__text--primary" }, "Clique para selecionar"),
-            A(" ou arraste arquivos aqui ")
+          onChange: y
+        }, null, 40, Dt),
+        e.loading ? (l(), s("div", Vt)) : (l(), s("div", Ct, [
+          x[0] || (x[0] = c("div", { class: "dm-file-upload__icon" }, [
+            c("svg", {
+              viewBox: "0 0 24 24",
+              fill: "currentColor"
+            }, [
+              c("path", { d: "M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M18,20H6V4H13V9H18V20Z" })
+            ])
           ], -1)),
-          e.accept ? (t(), s("p", za, g(e.accept), 1)) : f("", !0)
-        ])
+          c("div", Mt, [
+            c("p", St, g(e.uploadText || "Click to upload or drag and drop"), 1),
+            c("p", Tt, g(e.accept ? `Supported formats: ${e.accept}` : "All file types supported"), 1)
+          ])
+        ]))
       ], 34),
-      r.value.length ? (t(), s("div", Na, [
-        (t(!0), s(U, null, K(r.value, (w, z) => (t(), s("div", {
-          key: z,
+      e.progress !== void 0 ? (l(), s("div", Bt, [
+        c("div", It, [
+          c("div", {
+            class: "dm-file-upload__progress-bar",
+            style: G({ width: `${e.progress}%` })
+          }, null, 4)
+        ]),
+        c("span", Et, g(e.progress) + "%", 1)
+      ])) : b("", !0),
+      o.value.length > 0 ? (l(), s("div", Lt, [
+        (l(!0), s(K, null, X(o.value, (O, p) => (l(), s("div", {
+          key: `${O.name}-${p}`,
           class: "dm-file-upload__file"
         }, [
-          v("span", Oa, g(w.name), 1),
-          v("span", Fa, g(C(w.size)), 1),
-          v("button", {
+          c("div", Ft, [
+            c("span", Ot, g(O.name), 1),
+            c("span", Rt, g(j(O.size)), 1)
+          ]),
+          c("button", {
             type: "button",
             class: "dm-file-upload__remove",
-            onClick: (F) => $(z),
-            "aria-label": "Remover arquivo"
-          }, "×", 8, Aa)
+            onClick: (h) => w(p)
+          }, " × ", 8, qt)
         ]))), 128))
-      ])) : f("", !0),
-      e.error ? (t(), s("p", ja, g(e.error), 1)) : f("", !0)
-    ]));
+      ])) : b("", !0),
+      u.value ? (l(), s("div", zt, g(u.value), 1)) : b("", !0)
+    ], 2));
   }
-}), ts = /* @__PURE__ */ S(Pa, [["__scopeId", "data-v-da137679"]]), Ua = {
+}), Or = /* @__PURE__ */ P(At, [["__scopeId", "data-v-81a7f4c1"]]), Nt = ["for"], Pt = {
   key: 0,
   class: "dm-autocomplete__required"
-}, Wa = { class: "dm-autocomplete__wrapper" }, Ka = ["placeholder", "disabled", "required", "aria-label", "aria-expanded", "aria-controls", "aria-activedescendant"], Xa = ["id"], Ha = ["id", "aria-selected", "onClick", "onMouseenter"], Ga = {
-  key: 1,
+}, jt = { class: "dm-autocomplete__wrapper" }, Yt = ["id", "placeholder", "disabled", "required", "aria-label", "aria-expanded", "aria-controls", "aria-activedescendant"], Ut = {
+  key: 0,
+  class: "dm-autocomplete__loading"
+}, Wt = ["id"], Ht = {
+  key: 0,
   class: "dm-autocomplete__no-results"
-}, Ya = {
-  key: 1,
+}, Kt = ["id", "aria-selected", "onClick", "onMouseenter"], Xt = {
+  key: 2,
+  class: "dm-autocomplete__tags"
+}, Gt = ["onClick"], Jt = {
+  key: 3,
   class: "dm-autocomplete__error"
-}, Ja = /* @__PURE__ */ E({
+}, Qt = /* @__PURE__ */ N({
   __name: "DatametriaAutocomplete",
   props: {
-    modelValue: { default: "" },
-    options: { default: () => [] },
+    modelValue: {},
+    options: {},
+    placeholder: { default: "Search..." },
     label: {},
-    placeholder: {},
-    disabled: { type: Boolean, default: !1 },
-    required: { type: Boolean, default: !1 },
     error: {},
+    disabled: { type: Boolean },
+    required: { type: Boolean },
+    loading: { type: Boolean },
+    multiple: { type: Boolean, default: !1 },
     ariaLabel: {}
   },
   emits: ["update:modelValue"],
   setup(e, { emit: i }) {
-    const n = e, a = i, l = `dm-autocomplete-${Math.random().toString(36).substr(2, 9)}`, r = V(), o = V(n.modelValue), u = V(!1), m = V(-1), b = B(() => o.value ? n.options.filter(
-      (w) => w.toLowerCase().includes(o.value.toLowerCase())
-    ) : n.options), k = B(
-      () => m.value >= 0 ? `${l}-option-${m.value}` : void 0
-    );
-    H(() => n.modelValue, (w) => {
-      o.value = w;
-    });
-    const M = () => {
-      u.value = !0, m.value = -1, a("update:modelValue", o.value);
-    }, T = () => {
-      n.disabled || (u.value = !0);
-    }, $ = () => {
+    const a = e, t = i, n = S(), r = S(""), o = S(!1), d = S(-1), u = S([]), m = D(() => `autocomplete-${Math.random().toString(36).substr(2, 9)}`), y = D(
+      () => d.value >= 0 ? `${m.value}-option-${d.value}` : void 0
+    ), V = D(() => {
+      const x = a.options.map(
+        (O) => typeof O == "string" ? { value: O, label: O } : O
+      );
+      return r.value ? x.filter(
+        (O) => O.label.toLowerCase().includes(r.value.toLowerCase())
+      ) : x;
+    }), F = () => {
+      o.value = !0;
+    }, B = () => {
       setTimeout(() => {
-        u.value = !1;
+        o.value = !1, d.value = -1;
       }, 200);
-    }, C = (w) => {
-      o.value = w, a("update:modelValue", w), u.value = !1, m.value = -1;
-    }, h = (w) => {
-      if (!u.value && w.key !== "Escape") {
-        u.value = !0;
-        return;
-      }
-      switch (w.key) {
+    }, q = () => {
+      o.value = !0, d.value = -1;
+    }, $ = (x) => {
+      switch (x.key) {
         case "ArrowDown":
-          w.preventDefault(), m.value = Math.min(m.value + 1, b.value.length - 1);
+          x.preventDefault(), d.value < V.value.length - 1 && d.value++;
           break;
         case "ArrowUp":
-          w.preventDefault(), m.value = Math.max(m.value - 1, 0);
+          x.preventDefault(), d.value > 0 && d.value--;
           break;
         case "Enter":
-          w.preventDefault(), m.value >= 0 && C(b.value[m.value]);
+          x.preventDefault(), d.value >= 0 && w(V.value[d.value]);
           break;
         case "Escape":
-          u.value = !1, m.value = -1;
+          o.value = !1, d.value = -1;
           break;
       }
-    }, p = (w) => {
-      r.value && !r.value.contains(w.target) && (u.value = !1);
+    }, w = (x) => {
+      a.multiple ? u.value.find((O) => O.value === x.value) || (u.value.push(x), t("update:modelValue", u.value)) : (r.value = x.label, t("update:modelValue", x), o.value = !1);
+    }, j = (x) => {
+      u.value = u.value.filter((O) => O.value !== x.value), t("update:modelValue", u.value);
+    }, E = (x) => {
+      n.value && !n.value.contains(x.target) && (o.value = !1);
     };
-    return J(() => {
-      document.addEventListener("click", p);
-    }), ie(() => {
-      document.removeEventListener("click", p);
-    }), (w, z) => (t(), s("div", {
+    return te(() => {
+      document.addEventListener("click", E);
+    }), de(() => {
+      document.removeEventListener("click", E);
+    }), (x, O) => (l(), s("div", {
       class: "dm-autocomplete",
       ref_key: "autocompleteRef",
-      ref: r
+      ref: n
     }, [
-      e.label ? (t(), s("label", {
+      e.label ? (l(), s("label", {
         key: 0,
-        for: l,
+        for: m.value,
         class: "dm-autocomplete__label"
       }, [
-        A(g(e.label) + " ", 1),
-        e.required ? (t(), s("span", Ua, "*")) : f("", !0)
-      ])) : f("", !0),
-      v("div", Wa, [
-        re(v("input", {
-          id: l,
-          "onUpdate:modelValue": z[0] || (z[0] = (F) => o.value = F),
+        U(g(e.label) + " ", 1),
+        e.required ? (l(), s("span", Pt, "*")) : b("", !0)
+      ], 8, Nt)) : b("", !0),
+      c("div", jt, [
+        se(c("input", {
+          id: m.value,
+          "onUpdate:modelValue": O[0] || (O[0] = (p) => r.value = p),
           type: "text",
-          class: L(["dm-autocomplete__input", { "dm-autocomplete__input--error": e.error }]),
+          role: "combobox",
+          class: R(["dm-autocomplete__input", { "dm-autocomplete__input--error": e.error }]),
           placeholder: e.placeholder,
           disabled: e.disabled,
           required: e.required,
           "aria-label": e.ariaLabel,
-          "aria-expanded": u.value,
-          "aria-controls": `${l}-listbox`,
-          "aria-activedescendant": k.value,
-          role: "combobox",
-          autocomplete: "off",
-          onInput: M,
-          onFocus: T,
-          onBlur: $,
-          onKeydown: h
-        }, null, 42, Ka), [
-          [ne, o.value]
+          "aria-expanded": o.value,
+          "aria-controls": `${m.value}-listbox`,
+          "aria-activedescendant": y.value,
+          onFocus: F,
+          onBlur: B,
+          onKeydown: $,
+          onInput: q
+        }, null, 42, Yt), [
+          [oe, r.value]
         ]),
-        u.value && b.value.length ? (t(), s("ul", {
-          key: 0,
-          id: `${l}-listbox`,
-          class: "dm-autocomplete__dropdown",
-          role: "listbox"
-        }, [
-          (t(!0), s(U, null, K(b.value, (F, P) => (t(), s("li", {
-            key: P,
-            id: `${l}-option-${P}`,
-            class: L(["dm-autocomplete__option", { "dm-autocomplete__option--active": P === m.value }]),
-            role: "option",
-            "aria-selected": P === m.value,
-            onClick: (W) => C(F),
-            onMouseenter: (W) => m.value = P
-          }, g(F), 43, Ha))), 128))
-        ], 8, Xa)) : u.value && !b.value.length ? (t(), s("div", Ga, " No results ")) : f("", !0)
+        e.loading ? (l(), s("div", Ut, [...O[1] || (O[1] = [
+          c("span", { class: "dm-autocomplete__spinner" }, null, -1)
+        ])])) : b("", !0)
       ]),
-      e.error ? (t(), s("p", Ya, g(e.error), 1)) : f("", !0)
+      o.value ? (l(), s("div", {
+        key: 1,
+        id: `${m.value}-listbox`,
+        class: "dm-autocomplete__dropdown",
+        role: "listbox"
+      }, [
+        V.value.length === 0 ? (l(), s("div", Ht, " No results found ")) : b("", !0),
+        (l(!0), s(K, null, X(V.value, (p, h) => (l(), s("div", {
+          key: p.value,
+          id: `${m.value}-option-${h}`,
+          class: R(["dm-autocomplete__option", { "dm-autocomplete__option--active": h === d.value }]),
+          role: "option",
+          "aria-selected": h === d.value,
+          onClick: (_) => w(p),
+          onMouseenter: (_) => d.value = h
+        }, g(p.label), 43, Kt))), 128))
+      ], 8, Wt)) : b("", !0),
+      e.multiple && u.value.length > 0 ? (l(), s("div", Xt, [
+        (l(!0), s(K, null, X(u.value, (p) => (l(), s("span", {
+          key: p.value,
+          class: "dm-autocomplete__tag"
+        }, [
+          U(g(p.label) + " ", 1),
+          c("button", {
+            type: "button",
+            class: "dm-autocomplete__tag-remove",
+            onClick: (h) => j(p)
+          }, " × ", 8, Gt)
+        ]))), 128))
+      ])) : b("", !0),
+      e.error ? (l(), s("div", Jt, g(e.error), 1)) : b("", !0)
     ], 512));
   }
-}), ls = /* @__PURE__ */ S(Ja, [["__scopeId", "data-v-782dacde"]]), Qa = {
+}), Rr = /* @__PURE__ */ P(Qt, [["__scopeId", "data-v-1a634995"]]), Zt = {
   key: 0,
   class: "datametria-card__header"
-}, Za = { class: "datametria-card__title" }, et = { class: "datametria-card__content" }, at = {
+}, el = { class: "datametria-card__title" }, al = { class: "datametria-card__content" }, tl = {
   key: 1,
   class: "datametria-card__footer"
-}, tt = /* @__PURE__ */ E({
+}, ll = /* @__PURE__ */ N({
   __name: "DatametriaCard",
   props: {
     title: {},
     padding: { type: Boolean, default: !0 }
   },
   setup(e) {
-    const i = e, n = B(() => [
+    const i = e, a = D(() => [
       "datametria-card",
       {
         "datametria-card--no-padding": !i.padding
       }
     ]);
-    return (a, l) => (t(), s("div", {
-      class: L(n.value)
+    return (t, n) => (l(), s("div", {
+      class: R(a.value)
     }, [
-      e.title || a.$slots.header ? (t(), s("div", Qa, [
-        R(a.$slots, "header", {}, () => [
-          v("h3", Za, g(e.title), 1)
+      e.title || t.$slots.header ? (l(), s("div", Zt, [
+        Y(t.$slots, "header", {}, () => [
+          c("h3", el, g(e.title), 1)
         ], !0)
-      ])) : f("", !0),
-      v("div", et, [
-        R(a.$slots, "default", {}, void 0, !0)
+      ])) : b("", !0),
+      c("div", al, [
+        Y(t.$slots, "default", {}, void 0, !0)
       ]),
-      a.$slots.footer ? (t(), s("div", at, [
-        R(a.$slots, "footer", {}, void 0, !0)
-      ])) : f("", !0)
+      t.$slots.footer ? (l(), s("div", tl, [
+        Y(t.$slots, "footer", {}, void 0, !0)
+      ])) : b("", !0)
     ], 2));
   }
-}), ss = /* @__PURE__ */ S(tt, [["__scopeId", "data-v-539a1b0c"]]), lt = {
+}), qr = /* @__PURE__ */ P(ll, [["__scopeId", "data-v-6d92b9c7"]]), sl = {
   key: 0,
   class: "datametria-modal__header"
-}, st = { class: "datametria-modal__title" }, it = { class: "datametria-modal__body" }, rt = {
+}, rl = { class: "datametria-modal__title" }, nl = { class: "datametria-modal__body" }, ol = {
   key: 1,
   class: "datametria-modal__footer"
-}, nt = /* @__PURE__ */ E({
+}, il = /* @__PURE__ */ N({
   __name: "DatametriaModal",
   props: {
     modelValue: { type: Boolean },
@@ -975,78 +1487,78 @@ const he = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
   },
   emits: ["update:modelValue", "close"],
   setup(e, { emit: i }) {
-    const n = e, a = i, l = () => {
-      n.closable && (a("update:modelValue", !1), a("close"));
+    const a = e, t = i, n = () => {
+      a.closable && (t("update:modelValue", !1), t("close"));
     };
-    return (r, o) => (t(), ee(ae, { to: "body" }, [
-      te(le, { name: "modal" }, {
-        default: se(() => [
-          e.modelValue ? (t(), s("div", {
+    return (r, o) => (l(), ne(ce, { to: "body" }, [
+      ue(me, { name: "modal" }, {
+        default: ve(() => [
+          e.modelValue ? (l(), s("div", {
             key: 0,
             class: "datametria-modal",
-            onClick: Z(l, ["self"])
+            onClick: ie(n, ["self"])
           }, [
-            v("div", {
+            c("div", {
               class: "datametria-modal__content",
-              style: X({ maxWidth: e.size })
+              style: G({ maxWidth: e.size })
             }, [
-              e.title || r.$slots.header ? (t(), s("div", lt, [
-                R(r.$slots, "header", {}, () => [
-                  v("h3", st, g(e.title), 1)
+              e.title || r.$slots.header ? (l(), s("div", sl, [
+                Y(r.$slots, "header", {}, () => [
+                  c("h3", rl, g(e.title), 1)
                 ], !0),
-                e.closable ? (t(), s("button", {
+                e.closable ? (l(), s("button", {
                   key: 0,
                   class: "datametria-modal__close",
-                  onClick: l
-                }, " × ")) : f("", !0)
-              ])) : f("", !0),
-              v("div", it, [
-                R(r.$slots, "default", {}, void 0, !0)
+                  onClick: n
+                }, " × ")) : b("", !0)
+              ])) : b("", !0),
+              c("div", nl, [
+                Y(r.$slots, "default", {}, void 0, !0)
               ]),
-              r.$slots.footer ? (t(), s("div", rt, [
-                R(r.$slots, "footer", {}, void 0, !0)
-              ])) : f("", !0)
+              r.$slots.footer ? (l(), s("div", ol, [
+                Y(r.$slots, "footer", {}, void 0, !0)
+              ])) : b("", !0)
             ], 4)
-          ])) : f("", !0)
+          ])) : b("", !0)
         ]),
         _: 3
       })
     ]));
   }
-}), is = /* @__PURE__ */ S(nt, [["__scopeId", "data-v-8aa80965"]]), ot = /* @__PURE__ */ E({
+}), zr = /* @__PURE__ */ P(il, [["__scopeId", "data-v-8a26600b"]]), dl = /* @__PURE__ */ N({
   __name: "DatametriaContainer",
   props: {
     size: { default: "lg" },
     fluid: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (i, n) => (t(), s("div", {
-      class: L(["dm-container", [`dm-container--${e.size}`, { "dm-container--fluid": e.fluid }]])
+    return (i, a) => (l(), s("div", {
+      class: R(["dm-container", [`dm-container--${e.size}`, { "dm-container--fluid": e.fluid }]])
     }, [
-      R(i.$slots, "default", {}, void 0, !0)
+      Y(i.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), rs = /* @__PURE__ */ S(ot, [["__scopeId", "data-v-4cc8678e"]]), dt = /* @__PURE__ */ E({
+}), Ar = /* @__PURE__ */ P(dl, [["__scopeId", "data-v-8f876f3f"]]), cl = /* @__PURE__ */ N({
   __name: "DatametriaGrid",
   props: {
     cols: { default: 12 },
-    gap: { default: "var(--dm-space-4)" }
+    gap: { default: "var(--dm-spacing-4, 1rem)" }
   },
   setup(e) {
-    return (i, n) => (t(), s("div", {
+    return (i, a) => (l(), s("div", {
       class: "dm-grid",
-      style: X({
+      style: G({
         "--dm-grid-cols": e.cols,
         "--dm-grid-gap": e.gap
       })
     }, [
-      R(i.$slots, "default", {}, void 0, !0)
+      Y(i.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), ns = /* @__PURE__ */ S(dt, [["__scopeId", "data-v-9e2c1279"]]), ct = ["role", "aria-orientation"], ut = {
+}), Nr = /* @__PURE__ */ P(cl, [["__scopeId", "data-v-2bb920b0"]]), ul = ["role", "aria-orientation"], ml = {
   key: 0,
   class: "dm-divider__label"
-}, mt = /* @__PURE__ */ E({
+}, vl = /* @__PURE__ */ N({
   __name: "DatametriaDivider",
   props: {
     orientation: { default: "horizontal" },
@@ -1054,22 +1566,22 @@ const he = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
     label: {}
   },
   setup(e) {
-    return (i, n) => (t(), s("div", {
-      class: L(["dm-divider", [`dm-divider--${e.orientation}`, { "dm-divider--dashed": e.dashed }]]),
+    return (i, a) => (l(), s("div", {
+      class: R(["dm-divider", [`dm-divider--${e.orientation}`, { "dm-divider--dashed": e.dashed }]]),
       role: e.orientation === "horizontal" ? "separator" : void 0,
       "aria-orientation": e.orientation
     }, [
-      i.$slots.default || e.label ? (t(), s("span", ut, [
-        R(i.$slots, "default", {}, () => [
-          A(g(e.label), 1)
+      i.$slots.default || e.label ? (l(), s("span", ml, [
+        Y(i.$slots, "default", {}, () => [
+          U(g(e.label), 1)
         ], !0)
-      ])) : f("", !0)
-    ], 10, ct));
+      ])) : b("", !0)
+    ], 10, ul));
   }
-}), os = /* @__PURE__ */ S(mt, [["__scopeId", "data-v-b0655e4c"]]), vt = { class: "datametria-alert__icon" }, ft = { key: 0 }, ht = { key: 1 }, bt = { key: 2 }, pt = { key: 3 }, gt = { class: "datametria-alert__content" }, _t = {
+}), Pr = /* @__PURE__ */ P(vl, [["__scopeId", "data-v-24cfb5d9"]]), hl = { class: "datametria-alert__icon" }, fl = { key: 0 }, bl = { key: 1 }, pl = { key: 2 }, gl = { key: 3 }, _l = { class: "datametria-alert__content" }, yl = {
   key: 0,
   class: "datametria-alert__title"
-}, kt = { class: "datametria-alert__message" }, yt = /* @__PURE__ */ E({
+}, kl = { class: "datametria-alert__message" }, $l = /* @__PURE__ */ N({
   __name: "DatametriaAlert",
   props: {
     modelValue: { type: Boolean, default: !0 },
@@ -1082,36 +1594,36 @@ const he = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
   setup(e) {
     const i = e;
     if (process.env.NODE_ENV === "development") {
-      const a = ["success", "error", "warning", "info", "primary"];
-      a.includes(i.variant) || console.warn(`[DatametriaAlert] Invalid variant "${i.variant}". Valid options: ${a.join(", ")}`);
+      const t = ["success", "error", "warning", "info", "primary"];
+      t.includes(i.variant) || console.warn(`[DatametriaAlert] Invalid variant "${i.variant}". Valid options: ${t.join(", ")}`);
     }
-    const n = B(() => [
+    const a = D(() => [
       "datametria-alert",
       `datametria-alert--${i.variant}`
     ]);
-    return (a, l) => e.modelValue ? (t(), s("div", {
+    return (t, n) => e.modelValue ? (l(), s("div", {
       key: 0,
-      class: L(n.value)
+      class: R(a.value)
     }, [
-      v("div", vt, [
-        e.variant === "success" ? (t(), s("span", ft, "✓")) : e.variant === "error" ? (t(), s("span", ht, "✕")) : e.variant === "warning" ? (t(), s("span", bt, "⚠")) : (t(), s("span", pt, "ℹ"))
+      c("div", hl, [
+        e.variant === "success" ? (l(), s("span", fl, "✓")) : e.variant === "error" ? (l(), s("span", bl, "✕")) : e.variant === "warning" ? (l(), s("span", pl, "⚠")) : (l(), s("span", gl, "ℹ"))
       ]),
-      v("div", gt, [
-        e.title ? (t(), s("h4", _t, g(e.title), 1)) : f("", !0),
-        v("p", kt, [
-          R(a.$slots, "default", {}, () => [
-            A(g(e.message), 1)
+      c("div", _l, [
+        e.title ? (l(), s("h4", yl, g(e.title), 1)) : b("", !0),
+        c("p", kl, [
+          Y(t.$slots, "default", {}, () => [
+            U(g(e.message), 1)
           ], !0)
         ])
       ]),
-      e.closable ? (t(), s("button", {
+      e.closable ? (l(), s("button", {
         key: 0,
         class: "datametria-alert__close",
-        onClick: l[0] || (l[0] = (r) => a.$emit("update:modelValue", !1))
-      }, " × ")) : f("", !0)
-    ], 2)) : f("", !0);
+        onClick: n[0] || (n[0] = (r) => t.$emit("update:modelValue", !1))
+      }, " × ")) : b("", !0)
+    ], 2)) : b("", !0);
   }
-}), ds = /* @__PURE__ */ S(yt, [["__scopeId", "data-v-8a7f7fad"]]), $t = ["aria-live"], wt = { class: "dm-toast__content" }, xt = { class: "dm-toast__message" }, Vt = /* @__PURE__ */ E({
+}), jr = /* @__PURE__ */ P($l, [["__scopeId", "data-v-ce11a7b3"]]), wl = ["aria-live"], xl = { class: "dm-toast__content" }, Dl = { class: "dm-toast__message" }, Vl = /* @__PURE__ */ N({
   __name: "DatametriaToast",
   props: {
     message: {},
@@ -1122,53 +1634,53 @@ const he = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
   },
   emits: ["update:modelValue", "close"],
   setup(e, { emit: i }) {
-    const n = e;
+    const a = e;
     if (process.env.NODE_ENV === "development") {
-      const m = ["success", "error", "warning", "info", "primary"];
-      m.includes(n.variant) || console.warn(`[DatametriaToast] Invalid variant "${n.variant}". Valid options: ${m.join(", ")}`);
+      const u = ["success", "error", "warning", "info", "primary"];
+      u.includes(a.variant) || console.warn(`[DatametriaToast] Invalid variant "${a.variant}". Valid options: ${u.join(", ")}`);
     }
-    const a = i, l = V(n.modelValue);
+    const t = i, n = S(a.modelValue);
     let r = null;
-    H(() => n.modelValue, (m) => {
-      l.value = m, m && n.duration > 0 && o();
+    Q(() => a.modelValue, (u) => {
+      n.value = u, u && a.duration > 0 && o();
     });
     const o = () => {
       r && clearTimeout(r), r = setTimeout(() => {
-        u();
-      }, n.duration);
-    }, u = () => {
-      l.value = !1, a("update:modelValue", !1), a("close"), r && clearTimeout(r);
+        d();
+      }, a.duration);
+    }, d = () => {
+      n.value = !1, t("update:modelValue", !1), t("close"), r && clearTimeout(r);
     };
-    return J(() => {
-      l.value && n.duration > 0 && o();
-    }), (m, b) => (t(), ee(ae, { to: "body" }, [
-      te(le, { name: "dm-toast" }, {
-        default: se(() => [
-          l.value ? (t(), s("div", {
+    return te(() => {
+      n.value && a.duration > 0 && o();
+    }), (u, m) => (l(), ne(ce, { to: "body" }, [
+      ue(me, { name: "dm-toast" }, {
+        default: ve(() => [
+          n.value ? (l(), s("div", {
             key: 0,
-            class: L(["dm-toast", `dm-toast--${e.variant}`]),
+            class: R(["dm-toast", `dm-toast--${e.variant}`]),
             role: "alert",
             "aria-live": e.variant === "error" ? "assertive" : "polite"
           }, [
-            v("div", wt, [
-              v("span", xt, g(e.message), 1),
-              e.closable ? (t(), s("button", {
+            c("div", xl, [
+              c("span", Dl, g(e.message), 1),
+              e.closable ? (l(), s("button", {
                 key: 0,
                 class: "dm-toast__close",
-                onClick: u,
+                onClick: d,
                 "aria-label": "Fechar"
-              }, "×")) : f("", !0)
+              }, "×")) : b("", !0)
             ])
-          ], 10, $t)) : f("", !0)
+          ], 10, wl)) : b("", !0)
         ]),
         _: 1
       })
     ]));
   }
-}), cs = /* @__PURE__ */ S(Vt, [["__scopeId", "data-v-cc77063e"]]), Dt = ["id", "aria-hidden"], Mt = { class: "dm-tooltip__content" }, Ct = {
+}), Yr = /* @__PURE__ */ P(Vl, [["__scopeId", "data-v-12133386"]]), Cl = ["id", "aria-hidden"], Ml = { class: "dm-tooltip__content" }, Sl = {
   key: 0,
   class: "dm-tooltip__arrow"
-}, It = /* @__PURE__ */ E({
+}, Tl = /* @__PURE__ */ N({
   __name: "DatametriaTooltip",
   props: {
     content: {},
@@ -1183,151 +1695,151 @@ const he = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
     maxWidth: { default: "200px" }
   },
   emits: ["show", "hide"],
-  setup(e, { expose: i, emit: n }) {
-    const a = e, l = n, r = V(), o = V(), u = V(!1), m = V(), b = V(), k = B(() => `dm-tooltip-${Math.random().toString(36).substr(2, 9)}`), M = V({}), T = async () => {
+  setup(e, { expose: i, emit: a }) {
+    const t = e, n = a, r = S(), o = S(), d = S(!1), u = S(), m = S(), y = D(() => `dm-tooltip-${Math.random().toString(36).substr(2, 9)}`), V = S({}), F = async () => {
       if (!r.value || !o.value) return;
-      await Y();
-      const D = r.value.getBoundingClientRect(), N = o.value.getBoundingClientRect(), O = {
+      await le();
+      const M = r.value.getBoundingClientRect(), A = o.value.getBoundingClientRect(), W = {
         width: window.innerWidth,
         height: window.innerHeight
       };
-      let d = 0, c = 0;
-      switch (a.placement) {
+      let v = 0, f = 0;
+      switch (t.placement) {
         case "top":
         case "top-start":
         case "top-end":
-          d = D.top - N.height - a.offset;
+          v = M.top - A.height - t.offset;
           break;
         case "bottom":
         case "bottom-start":
         case "bottom-end":
-          d = D.bottom + a.offset;
+          v = M.bottom + t.offset;
           break;
         case "left":
-          d = D.top + (D.height - N.height) / 2, c = D.left - N.width - a.offset;
+          v = M.top + (M.height - A.height) / 2, f = M.left - A.width - t.offset;
           break;
         case "right":
-          d = D.top + (D.height - N.height) / 2, c = D.right + a.offset;
+          v = M.top + (M.height - A.height) / 2, f = M.right + t.offset;
           break;
       }
-      if (a.placement.startsWith("top") || a.placement.startsWith("bottom"))
-        switch (a.placement) {
+      if (t.placement.startsWith("top") || t.placement.startsWith("bottom"))
+        switch (t.placement) {
           case "top":
           case "bottom":
-            c = D.left + (D.width - N.width) / 2;
+            f = M.left + (M.width - A.width) / 2;
             break;
           case "top-start":
           case "bottom-start":
-            c = D.left;
+            f = M.left;
             break;
           case "top-end":
           case "bottom-end":
-            c = D.right - N.width;
+            f = M.right - A.width;
             break;
         }
-      c < 0 ? c = 8 : c + N.width > O.width && (c = O.width - N.width - 8), d < 0 ? d = 8 : d + N.height > O.height && (d = O.height - N.height - 8), M.value = {
+      f < 0 ? f = 8 : f + A.width > W.width && (f = W.width - A.width - 8), v < 0 ? v = 8 : v + A.height > W.height && (v = W.height - A.height - 8), V.value = {
         position: "fixed",
-        top: `${d}px`,
-        left: `${c}px`,
-        maxWidth: a.maxWidth,
+        top: `${v}px`,
+        left: `${f}px`,
+        maxWidth: t.maxWidth,
         zIndex: "9999"
       };
+    }, B = () => {
+      t.disabled || d.value || (clearTimeout(m.value), u.value = window.setTimeout(async () => {
+        d.value = !0, n("show"), await F();
+      }, t.delay));
+    }, q = () => {
+      clearTimeout(u.value), m.value = window.setTimeout(() => {
+        d.value = !1, n("hide");
+      }, t.hideDelay);
     }, $ = () => {
-      a.disabled || u.value || (clearTimeout(b.value), m.value = window.setTimeout(async () => {
-        u.value = !0, l("show"), await T();
-      }, a.delay));
-    }, C = () => {
-      clearTimeout(m.value), b.value = window.setTimeout(() => {
-        u.value = !1, l("hide");
-      }, a.hideDelay);
-    }, h = () => {
-      a.trigger === "hover" && $();
-    }, p = () => {
-      a.trigger === "hover" && C();
+      t.trigger === "hover" && B();
     }, w = () => {
-      a.trigger === "focus" && $();
-    }, z = () => {
-      a.trigger === "focus" && C();
-    }, F = () => {
-      a.trigger === "click" && (u.value ? C() : $());
-    }, P = () => {
-      T();
-    }, W = () => {
-      M.value = {};
+      t.trigger === "hover" && q();
+    }, j = () => {
+      t.trigger === "focus" && B();
+    }, E = () => {
+      t.trigger === "focus" && q();
     }, x = () => {
-      u.value && T();
-    }, q = () => {
-      u.value && T();
+      t.trigger === "click" && (d.value ? q() : B());
+    }, O = () => {
+      F();
+    }, p = () => {
+      V.value = {};
+    }, h = () => {
+      d.value && F();
+    }, _ = () => {
+      d.value && F();
     };
-    return J(() => {
-      window.addEventListener("resize", x), window.addEventListener("scroll", q, !0);
-    }), ie(() => {
-      clearTimeout(m.value), clearTimeout(b.value), window.removeEventListener("resize", x), window.removeEventListener("scroll", q, !0);
+    return te(() => {
+      window.addEventListener("resize", h), window.addEventListener("scroll", _, !0);
+    }), de(() => {
+      clearTimeout(u.value), clearTimeout(m.value), window.removeEventListener("resize", h), window.removeEventListener("scroll", _, !0);
     }), i({
-      show: $,
-      hide: C,
-      isVisible: B(() => u.value)
-    }), (D, N) => (t(), s("div", {
+      show: B,
+      hide: q,
+      isVisible: D(() => d.value)
+    }), (M, A) => (l(), s("div", {
       ref_key: "triggerRef",
       ref: r,
       class: "dm-tooltip-trigger",
-      onMouseenter: h,
-      onMouseleave: p,
-      onFocus: w,
-      onBlur: z,
-      onClick: F
+      onMouseenter: $,
+      onMouseleave: w,
+      onFocus: j,
+      onBlur: E,
+      onClick: x
     }, [
-      R(D.$slots, "default", {}, void 0, !0),
-      (t(), ee(ae, { to: "body" }, [
-        te(le, {
+      Y(M.$slots, "default", {}, void 0, !0),
+      (l(), ne(ce, { to: "body" }, [
+        ue(me, {
           name: "tooltip",
-          onEnter: P,
-          onLeave: W
+          onEnter: O,
+          onLeave: p
         }, {
-          default: se(() => [
-            u.value ? (t(), s("div", {
+          default: ve(() => [
+            d.value ? (l(), s("div", {
               key: 0,
               ref_key: "tooltipRef",
               ref: o,
-              id: k.value,
-              class: L(["dm-tooltip", [
+              id: y.value,
+              class: R(["dm-tooltip", [
                 `dm-tooltip--${e.placement}`,
                 `dm-tooltip--${e.variant}`,
                 { "dm-tooltip--arrow": e.showArrow }
               ]]),
-              style: X(M.value),
+              style: G(V.value),
               role: "tooltip",
-              "aria-hidden": !u.value
+              "aria-hidden": !d.value
             }, [
-              v("div", Mt, [
-                R(D.$slots, "content", {}, () => [
-                  A(g(e.content), 1)
+              c("div", Ml, [
+                Y(M.$slots, "content", {}, () => [
+                  U(g(e.content), 1)
                 ], !0)
               ]),
-              e.showArrow ? (t(), s("div", Ct)) : f("", !0)
-            ], 14, Dt)) : f("", !0)
+              e.showArrow ? (l(), s("div", Sl)) : b("", !0)
+            ], 14, Cl)) : b("", !0)
           ]),
           _: 3
         })
       ]))
     ], 544));
   }
-}), us = /* @__PURE__ */ S(It, [["__scopeId", "data-v-130ed64e"]]), Bt = ["aria-label"], Tt = {
+}), Ur = /* @__PURE__ */ P(Tl, [["__scopeId", "data-v-ea043383"]]), Bl = ["aria-label"], Il = {
   key: 0,
   class: "datametria-skeleton__text"
-}, Lt = {
+}, El = {
   key: 1,
   class: "datametria-skeleton__avatar shimmer"
-}, Et = {
+}, Ll = {
   key: 2,
   class: "datametria-skeleton__card"
-}, St = {
+}, Fl = {
   key: 3,
   class: "datametria-skeleton__button shimmer"
-}, qt = {
+}, Ol = {
   key: 4,
   class: "datametria-skeleton__custom shimmer"
-}, Rt = /* @__PURE__ */ E({
+}, Rl = /* @__PURE__ */ N({
   __name: "DatametriaSkeleton",
   props: {
     variant: { default: "text" },
@@ -1339,41 +1851,41 @@ const he = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
     lastLineWidth: { default: 75 }
   },
   setup(e) {
-    const i = e, n = B(() => {
-      const l = {};
-      return i.width && (l.width = typeof i.width == "number" ? `${i.width}px` : i.width), i.height && (l.height = typeof i.height == "number" ? `${i.height}px` : i.height), l;
-    }), a = (l) => ({
-      width: l === i.lines ? `${i.lastLineWidth}%` : "100%",
-      marginBottom: l < i.lines ? "0.5rem" : "0"
+    const i = e, a = D(() => {
+      const n = {};
+      return i.width && (n.width = typeof i.width == "number" ? `${i.width}px` : i.width), i.height && (n.height = typeof i.height == "number" ? `${i.height}px` : i.height), n;
+    }), t = (n) => ({
+      width: n === i.lines ? `${i.lastLineWidth}%` : "100%",
+      marginBottom: n < i.lines ? "0.5rem" : "0"
     });
-    return (l, r) => (t(), s("div", {
-      class: L(["datametria-skeleton", [
+    return (n, r) => (l(), s("div", {
+      class: R(["datametria-skeleton", [
         `datametria-skeleton--${e.variant}`,
         { "datametria-skeleton--animated": e.animated }
       ]]),
-      style: X(n.value),
+      style: G(a.value),
       "aria-label": e.ariaLabel,
       role: "status",
       "aria-live": "polite"
     }, [
-      e.variant === "text" ? (t(), s("div", Tt, [
-        (t(!0), s(U, null, K(e.lines, (o) => (t(), s("div", {
+      e.variant === "text" ? (l(), s("div", Il, [
+        (l(!0), s(K, null, X(e.lines, (o) => (l(), s("div", {
           key: o,
           class: "datametria-skeleton__line shimmer",
-          style: X(a(o))
+          style: G(t(o))
         }, null, 4))), 128))
-      ])) : e.variant === "avatar" ? (t(), s("div", Lt)) : e.variant === "card" ? (t(), s("div", Et, [...r[0] || (r[0] = [
-        ve('<div class="datametria-skeleton__card-header shimmer" data-v-1bc144db></div><div class="datametria-skeleton__card-content" data-v-1bc144db><div class="datametria-skeleton__line shimmer" style="width:100%;" data-v-1bc144db></div><div class="datametria-skeleton__line shimmer" style="width:80%;" data-v-1bc144db></div><div class="datametria-skeleton__line shimmer" style="width:60%;" data-v-1bc144db></div></div>', 2)
-      ])])) : e.variant === "button" ? (t(), s("div", St)) : (t(), s("div", qt))
-    ], 14, Bt));
+      ])) : e.variant === "avatar" ? (l(), s("div", El)) : e.variant === "card" ? (l(), s("div", Ll, [...r[0] || (r[0] = [
+        De('<div class="datametria-skeleton__card-header shimmer" data-v-07f00442></div><div class="datametria-skeleton__card-content" data-v-07f00442><div class="datametria-skeleton__line shimmer" style="width:100%;" data-v-07f00442></div><div class="datametria-skeleton__line shimmer" style="width:80%;" data-v-07f00442></div><div class="datametria-skeleton__line shimmer" style="width:60%;" data-v-07f00442></div></div>', 2)
+      ])])) : e.variant === "button" ? (l(), s("div", Fl)) : (l(), s("div", Ol))
+    ], 14, Bl));
   }
-}), ms = /* @__PURE__ */ S(Rt, [["__scopeId", "data-v-1bc144db"]]), zt = { class: "dm-progress" }, Nt = {
+}), Wr = /* @__PURE__ */ P(Rl, [["__scopeId", "data-v-07f00442"]]), ql = { class: "dm-progress" }, zl = {
   key: 0,
   class: "dm-progress__header"
-}, Ot = { class: "dm-progress__label" }, Ft = {
+}, Al = { class: "dm-progress__label" }, Nl = {
   key: 0,
   class: "dm-progress__value"
-}, At = ["aria-valuenow", "aria-label"], jt = /* @__PURE__ */ E({
+}, Pl = ["aria-valuenow", "aria-label"], jl = /* @__PURE__ */ N({
   __name: "DatametriaProgress",
   props: {
     value: {},
@@ -1383,13 +1895,13 @@ const he = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
     ariaLabel: {}
   },
   setup(e) {
-    const i = e, n = B(() => Math.min(Math.max(i.value, 0), 100));
-    return (a, l) => (t(), s("div", zt, [
-      e.label ? (t(), s("div", Nt, [
-        v("span", Ot, g(e.label), 1),
-        e.showValue ? (t(), s("span", Ft, g(e.value) + "%", 1)) : f("", !0)
-      ])) : f("", !0),
-      v("div", {
+    const i = e, a = D(() => Math.min(Math.max(i.value, 0), 100));
+    return (t, n) => (l(), s("div", ql, [
+      e.label ? (l(), s("div", zl, [
+        c("span", Al, g(e.label), 1),
+        e.showValue ? (l(), s("span", Nl, g(e.value) + "%", 1)) : b("", !0)
+      ])) : b("", !0),
+      c("div", {
         class: "dm-progress__track",
         role: "progressbar",
         "aria-valuenow": e.value,
@@ -1397,17 +1909,17 @@ const he = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
         "aria-valuemax": 100,
         "aria-label": e.ariaLabel || e.label
       }, [
-        v("div", {
-          class: L(["dm-progress__bar", `dm-progress__bar--${e.variant}`]),
-          style: X({ width: `${n.value}%` })
+        c("div", {
+          class: R(["dm-progress__bar", `dm-progress__bar--${e.variant}`]),
+          style: G({ width: `${a.value}%` })
         }, null, 6)
-      ], 8, At)
+      ], 8, Pl)
     ]));
   }
-}), vs = /* @__PURE__ */ S(jt, [["__scopeId", "data-v-6c9ef263"]]), Pt = ["aria-label"], Ut = {
+}), Hr = /* @__PURE__ */ P(jl, [["__scopeId", "data-v-0fca73d6"]]), Yl = ["aria-label"], Ul = {
   key: 0,
   class: "dm-spinner__label"
-}, Wt = /* @__PURE__ */ E({
+}, Wl = /* @__PURE__ */ N({
   __name: "DatametriaSpinner",
   props: {
     size: { default: "md" },
@@ -1416,16 +1928,16 @@ const he = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
     ariaLabel: { default: "Carregando" }
   },
   setup(e) {
-    return (i, n) => (t(), s("div", {
-      class: L(["dm-spinner", [`dm-spinner--${e.size}`, `dm-spinner--${e.variant}`]]),
+    return (i, a) => (l(), s("div", {
+      class: R(["dm-spinner", [`dm-spinner--${e.size}`, `dm-spinner--${e.variant}`]]),
       role: "status",
       "aria-label": e.ariaLabel
     }, [
-      n[0] || (n[0] = v("svg", {
+      a[0] || (a[0] = c("svg", {
         class: "dm-spinner__svg",
         viewBox: "0 0 50 50"
       }, [
-        v("circle", {
+        c("circle", {
           class: "dm-spinner__circle",
           cx: "25",
           cy: "25",
@@ -1434,91 +1946,379 @@ const he = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
           "stroke-width": "4"
         })
       ], -1)),
-      e.label ? (t(), s("span", Ut, g(e.label), 1)) : f("", !0)
-    ], 10, Pt));
+      e.label ? (l(), s("span", Ul, g(e.label), 1)) : b("", !0)
+    ], 10, Yl));
   }
-}), fs = /* @__PURE__ */ S(Wt, [["__scopeId", "data-v-013214f1"]]), Kt = { class: "datametria-table" }, Xt = { class: "datametria-table__table" }, Ht = { class: "datametria-table__thead" }, Gt = { class: "datametria-table__tbody" }, Yt = {
+}), Kr = /* @__PURE__ */ P(Wl, [["__scopeId", "data-v-86b6d4d5"]]), Hl = { class: "datametria-table" }, Kl = { class: "datametria-table__table" }, Xl = { class: "datametria-table__thead" }, Gl = { class: "datametria-table__tbody" }, Jl = {
   key: 0,
   class: "datametria-table__empty"
-}, Jt = /* @__PURE__ */ E({
+}, Ql = /* @__PURE__ */ N({
   __name: "DatametriaTable",
   props: {
     columns: {},
     data: {}
   },
   setup(e) {
-    return (i, n) => (t(), s("div", Kt, [
-      v("table", Xt, [
-        v("thead", Ht, [
-          v("tr", null, [
-            (t(!0), s(U, null, K(e.columns, (a) => (t(), s("th", {
-              key: a.key,
+    return (i, a) => (l(), s("div", Hl, [
+      c("table", Kl, [
+        c("thead", Xl, [
+          c("tr", null, [
+            (l(!0), s(K, null, X(e.columns, (t) => (l(), s("th", {
+              key: t.key,
               class: "datametria-table__th",
-              style: X({ width: a.width })
-            }, g(a.label), 5))), 128))
+              style: G({ width: t.width })
+            }, g(t.label), 5))), 128))
           ])
         ]),
-        v("tbody", Gt, [
-          (t(!0), s(U, null, K(e.data, (a, l) => (t(), s("tr", {
-            key: l,
+        c("tbody", Gl, [
+          (l(!0), s(K, null, X(e.data, (t, n) => (l(), s("tr", {
+            key: n,
             class: "datametria-table__tr"
           }, [
-            (t(!0), s(U, null, K(e.columns, (r) => (t(), s("td", {
+            (l(!0), s(K, null, X(e.columns, (r) => (l(), s("td", {
               key: r.key,
               class: "datametria-table__td"
             }, [
-              R(i.$slots, `cell-${r.key}`, {
-                row: a,
-                value: a[r.key]
+              Y(i.$slots, `cell-${r.key}`, {
+                row: t,
+                value: t[r.key]
               }, () => [
-                A(g(a[r.key]), 1)
+                U(g(t[r.key]), 1)
               ], !0)
             ]))), 128))
           ]))), 128))
         ])
       ]),
-      e.data.length === 0 ? (t(), s("div", Yt, [
-        R(i.$slots, "empty", {}, () => [
-          n[0] || (n[0] = A("Nenhum dado disponível", -1))
+      e.data.length === 0 ? (l(), s("div", Jl, [
+        Y(i.$slots, "empty", {}, () => [
+          a[0] || (a[0] = U("Nenhum dado disponível", -1))
         ], !0)
-      ])) : f("", !0)
+      ])) : b("", !0)
     ]));
   }
-}), hs = /* @__PURE__ */ S(Jt, [["__scopeId", "data-v-7700c903"]]), Qt = ["aria-label"], Zt = ["src", "alt"], el = {
+}), Xr = /* @__PURE__ */ P(Ql, [["__scopeId", "data-v-3a563348"]]), Zl = { class: "datametria-sortable-table" }, es = {
+  key: 0,
+  class: "datametria-sortable-table__search"
+}, as = { class: "datametria-sortable-table__wrapper" }, ts = {
+  class: "datametria-sortable-table__table",
+  role: "table"
+}, ls = { class: "datametria-sortable-table__thead" }, ss = { role: "row" }, rs = {
+  key: 0,
+  class: "datametria-sortable-table__th datametria-sortable-table__th--checkbox",
+  role: "columnheader"
+}, ns = ["checked", "indeterminate"], os = ["aria-sort", "onClick", "onKeydown", "tabindex"], is = { class: "datametria-sortable-table__th-content" }, ds = {
+  key: 0,
+  class: "datametria-sortable-table__sort-icon",
+  "aria-hidden": "true"
+}, cs = { key: 0 }, us = {
   key: 1,
-  class: "dm-avatar__initials"
-}, al = /* @__PURE__ */ E({
+  class: "datametria-sortable-table__sort-icon--inactive"
+}, ms = ["onUpdate:modelValue", "placeholder", "aria-label"], vs = { class: "datametria-sortable-table__tbody" }, hs = {
+  key: 0,
+  class: "datametria-sortable-table__td datametria-sortable-table__td--checkbox",
+  role: "cell"
+}, fs = ["checked", "aria-label", "onChange"], bs = {
+  key: 0,
+  class: "datametria-sortable-table__empty",
+  role: "status"
+}, ps = {
+  key: 1,
+  class: "datametria-sortable-table__pagination",
+  role: "navigation",
+  "aria-label": "Paginação da tabela"
+}, gs = {
+  class: "datametria-sortable-table__pagination-info",
+  "aria-live": "polite"
+}, _s = { key: 0 }, ys = { class: "datametria-sortable-table__pagination-controls" }, ks = ["value"], $s = ["disabled"], ws = ["disabled"], xs = {
+  class: "datametria-sortable-table__pagination-pages",
+  "aria-current": "page"
+}, Ds = ["disabled"], Vs = ["disabled"], Cs = /* @__PURE__ */ N({
+  __name: "DatametriaSortableTable",
+  props: {
+    columns: {},
+    data: {},
+    selectable: { type: Boolean, default: !1 },
+    searchable: { type: Boolean, default: !0 },
+    filterable: { type: Boolean, default: !0 },
+    paginated: { type: Boolean, default: !0 },
+    pageSize: { default: 10 },
+    pageSizeOptions: { default: () => [5, 10, 25, 50, 100] }
+  },
+  emits: ["selection-change"],
+  setup(e, { emit: i }) {
+    const a = e;
+    process.env.NODE_ENV === "development" && ((!a.columns || a.columns.length === 0) && console.warn("[DatametriaSortableTable] No columns provided"), a.data || console.warn("[DatametriaSortableTable] No data provided"));
+    const t = i, n = S(""), r = S(""), o = S("asc"), d = S({}), u = S(/* @__PURE__ */ new Set()), m = S(1), y = S(a.pageSize), V = D(() => {
+      let p = [...a.data];
+      if (n.value) {
+        const h = n.value.toLowerCase();
+        p = p.filter(
+          (_) => Object.values(_).some(
+            (M) => String(M).toLowerCase().includes(h)
+          )
+        );
+      }
+      return Object.entries(d.value).forEach(([h, _]) => {
+        if (_) {
+          const M = _.toLowerCase();
+          p = p.filter(
+            (A) => String(A[h]).toLowerCase().includes(M)
+          );
+        }
+      }), r.value && p.sort((h, _) => {
+        const M = h[r.value], A = _[r.value];
+        if (M === A) return 0;
+        const W = M > A ? 1 : -1;
+        return o.value === "asc" ? W : -W;
+      }), p;
+    }), F = D(
+      () => Math.ceil(V.value.length / y.value)
+    ), B = D(
+      () => (m.value - 1) * y.value
+    ), q = D(
+      () => Math.min(B.value + y.value, V.value.length)
+    ), $ = D(() => a.paginated ? V.value.slice(B.value, q.value) : V.value), w = D(
+      () => $.value.length > 0 && $.value.every((p) => u.value.has(p.id || a.data.indexOf(p)))
+    ), j = D(
+      () => u.value.size > 0 && !w.value
+    ), E = (p) => {
+      r.value === p ? o.value = o.value === "asc" ? "desc" : "asc" : (r.value = p, o.value = "asc");
+    }, x = (p) => {
+      u.value.has(p) ? u.value.delete(p) : u.value.add(p), t("selection-change", Array.from(u.value));
+    }, O = () => {
+      w.value ? $.value.forEach((p) => {
+        u.value.delete(p.id || a.data.indexOf(p));
+      }) : $.value.forEach((p) => {
+        u.value.add(p.id || a.data.indexOf(p));
+      }), t("selection-change", Array.from(u.value));
+    };
+    return Q([n, d], () => {
+      m.value = 1;
+    }, { deep: !0 }), Q(F, (p) => {
+      m.value > p && p > 0 && (m.value = p);
+    }), (p, h) => (l(), s("div", Zl, [
+      e.searchable ? (l(), s("div", es, [
+        se(c("input", {
+          "onUpdate:modelValue": h[0] || (h[0] = (_) => n.value = _),
+          type: "text",
+          placeholder: "Buscar...",
+          class: "datametria-sortable-table__search-input",
+          "aria-label": "Buscar na tabela"
+        }, null, 512), [
+          [oe, n.value]
+        ])
+      ])) : b("", !0),
+      c("div", as, [
+        c("table", ts, [
+          c("thead", ls, [
+            c("tr", ss, [
+              e.selectable ? (l(), s("th", rs, [
+                c("input", {
+                  type: "checkbox",
+                  checked: w.value,
+                  indeterminate: j.value,
+                  "aria-label": "Selecionar todas as linhas",
+                  onChange: O
+                }, null, 40, ns)
+              ])) : b("", !0),
+              (l(!0), s(K, null, X(e.columns, (_) => (l(), s("th", {
+                key: _.key,
+                class: R(["datametria-sortable-table__th", { "datametria-sortable-table__th--sortable": _.sortable !== !1 }]),
+                style: G({ width: _.width }),
+                role: "columnheader",
+                "aria-sort": r.value === _.key ? o.value === "asc" ? "ascending" : "descending" : "none",
+                onClick: (M) => _.sortable !== !1 && E(_.key),
+                onKeydown: [
+                  he((M) => _.sortable !== !1 && E(_.key), ["enter"]),
+                  he(ie((M) => _.sortable !== !1 && E(_.key), ["prevent"]), ["space"])
+                ],
+                tabindex: _.sortable !== !1 ? 0 : void 0
+              }, [
+                c("div", is, [
+                  c("span", null, g(_.label), 1),
+                  _.sortable !== !1 ? (l(), s("span", ds, [
+                    r.value === _.key ? (l(), s("span", cs, g(o.value === "asc" ? "↑" : "↓"), 1)) : (l(), s("span", us, "↕"))
+                  ])) : b("", !0)
+                ]),
+                e.filterable && _.filterable !== !1 ? se((l(), s("input", {
+                  key: 0,
+                  "onUpdate:modelValue": (M) => d.value[_.key] = M,
+                  type: "text",
+                  placeholder: `Filtrar ${_.label}...`,
+                  "aria-label": `Filtrar por ${_.label}`,
+                  class: "datametria-sortable-table__filter-input",
+                  onClick: h[1] || (h[1] = ie(() => {
+                  }, ["stop"]))
+                }, null, 8, ms)), [
+                  [oe, d.value[_.key]]
+                ]) : b("", !0)
+              ], 46, os))), 128))
+            ])
+          ]),
+          c("tbody", vs, [
+            (l(!0), s(K, null, X($.value, (_, M) => (l(), s("tr", {
+              key: _.id || M,
+              class: R(["datametria-sortable-table__tr", { "datametria-sortable-table__tr--selected": u.value.has(_.id || M) }]),
+              role: "row"
+            }, [
+              e.selectable ? (l(), s("td", hs, [
+                c("input", {
+                  type: "checkbox",
+                  checked: u.value.has(_.id || M),
+                  "aria-label": `Selecionar linha ${M + 1}`,
+                  onChange: (A) => x(_.id || M)
+                }, null, 40, fs)
+              ])) : b("", !0),
+              (l(!0), s(K, null, X(e.columns, (A) => (l(), s("td", {
+                key: A.key,
+                class: "datametria-sortable-table__td",
+                role: "cell"
+              }, [
+                Y(p.$slots, `cell-${A.key}`, {
+                  row: _,
+                  value: _[A.key]
+                }, () => [
+                  U(g(_[A.key]), 1)
+                ], !0)
+              ]))), 128))
+            ], 2))), 128))
+          ])
+        ]),
+        V.value.length === 0 ? (l(), s("div", bs, [
+          Y(p.$slots, "empty", {}, () => [
+            h[7] || (h[7] = U("Nenhum dado encontrado", -1))
+          ], !0)
+        ])) : b("", !0)
+      ]),
+      e.paginated && V.value.length > 0 ? (l(), s("div", ps, [
+        c("div", gs, [
+          U(" Mostrando " + g(B.value + 1) + " - " + g(q.value) + " de " + g(V.value.length) + " registros ", 1),
+          u.value.size > 0 ? (l(), s("span", _s, "(" + g(u.value.size) + " selecionados)", 1)) : b("", !0)
+        ]),
+        c("div", ys, [
+          se(c("select", {
+            "onUpdate:modelValue": h[2] || (h[2] = (_) => y.value = _),
+            class: "datametria-sortable-table__page-size",
+            "aria-label": "Itens por página"
+          }, [
+            (l(!0), s(K, null, X(e.pageSizeOptions, (_) => (l(), s("option", {
+              key: _,
+              value: _
+            }, g(_) + " por página ", 9, ks))), 128))
+          ], 512), [
+            [
+              Ve,
+              y.value,
+              void 0,
+              { number: !0 }
+            ]
+          ]),
+          c("button", {
+            class: "datametria-sortable-table__pagination-btn",
+            disabled: m.value === 1,
+            "aria-label": "Primeira página",
+            onClick: h[3] || (h[3] = (_) => m.value = 1)
+          }, " «« ", 8, $s),
+          c("button", {
+            class: "datametria-sortable-table__pagination-btn",
+            disabled: m.value === 1,
+            "aria-label": "Página anterior",
+            onClick: h[4] || (h[4] = (_) => m.value--)
+          }, " ‹ ", 8, ws),
+          c("span", xs, " Página " + g(m.value) + " de " + g(F.value), 1),
+          c("button", {
+            class: "datametria-sortable-table__pagination-btn",
+            disabled: m.value === F.value,
+            "aria-label": "Próxima página",
+            onClick: h[5] || (h[5] = (_) => m.value++)
+          }, " › ", 8, Ds),
+          c("button", {
+            class: "datametria-sortable-table__pagination-btn",
+            disabled: m.value === F.value,
+            "aria-label": "Última página",
+            onClick: h[6] || (h[6] = (_) => m.value = F.value)
+          }, " »» ", 8, Vs)
+        ])
+      ])) : b("", !0)
+    ]));
+  }
+}), Gr = /* @__PURE__ */ P(Cs, [["__scopeId", "data-v-a37e62fc"]]), Ms = ["src", "alt"], Ss = {
+  key: 2,
+  class: "dm-avatar__icon"
+}, Ts = {
+  key: 3,
+  class: "dm-avatar__loading"
+}, Bs = /* @__PURE__ */ N({
   __name: "DatametriaAvatar",
   props: {
     src: {},
     name: {},
     alt: {},
     size: { default: "md" },
-    rounded: { type: Boolean, default: !1 },
-    ariaLabel: {}
+    variant: { default: "circular" },
+    backgroundColor: {},
+    textColor: {},
+    clickable: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    badge: { type: Boolean, default: !1 },
+    status: {}
   },
-  setup(e) {
-    const i = e, n = V(!1), a = B(() => {
-      if (!i.name) return "?";
-      const r = i.name.trim().split(" ");
-      return r.length === 1 ? r[0].charAt(0).toUpperCase() : (r[0].charAt(0) + r[r.length - 1].charAt(0)).toUpperCase();
-    }), l = () => {
+  emits: ["click"],
+  setup(e, { emit: i }) {
+    const a = e, t = i, n = S(!1), r = D(() => {
+      if (!a.name) return "";
+      const V = a.name.split(" ");
+      return V.length === 1 ? V[0].charAt(0).toUpperCase() : V[0].charAt(0).toUpperCase() + V[V.length - 1].charAt(0).toUpperCase();
+    }), o = D(() => [
+      `dm-avatar--${a.size}`,
+      `dm-avatar--${a.variant}`,
+      {
+        "dm-avatar--clickable": a.clickable,
+        "dm-avatar--loading": a.loading
+      }
+    ]), d = D(() => ({
+      backgroundColor: a.backgroundColor || "var(--dm-primary, #0072ce)"
+    })), u = (V) => {
+      a.clickable && t("click", V);
+    }, m = () => {
       n.value = !0;
+    }, y = () => {
+      n.value = !1;
     };
-    return (r, o) => (t(), s("div", {
-      class: L(["dm-avatar", [`dm-avatar--${e.size}`, { "dm-avatar--rounded": e.rounded }]]),
-      "aria-label": e.ariaLabel || e.name
+    return (V, F) => (l(), s("div", {
+      class: R(["dm-avatar", o.value]),
+      style: G(d.value),
+      onClick: u
     }, [
-      e.src ? (t(), s("img", {
+      e.src && !n.value ? (l(), s("img", {
         key: 0,
         src: e.src,
-        alt: e.alt || e.name,
+        alt: e.alt || `${e.name} avatar`,
         class: "dm-avatar__image",
-        onError: l
-      }, null, 40, Zt)) : (t(), s("span", el, g(a.value), 1))
-    ], 10, Qt));
+        onError: m,
+        onLoad: y
+      }, null, 40, Ms)) : e.name && !e.loading ? (l(), s("div", {
+        key: 1,
+        class: "dm-avatar__initials",
+        style: G({ color: e.textColor })
+      }, g(r.value), 5)) : e.loading ? b("", !0) : (l(), s("div", Ss, [...F[0] || (F[0] = [
+        c("svg", {
+          viewBox: "0 0 24 24",
+          fill: "currentColor"
+        }, [
+          c("path", { d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" })
+        ], -1)
+      ])])),
+      e.loading ? (l(), s("div", Ts, [...F[1] || (F[1] = [
+        c("div", { class: "dm-avatar__spinner" }, null, -1)
+      ])])) : b("", !0),
+      e.badge && e.status ? (l(), s("div", {
+        key: 4,
+        class: R(["dm-avatar__badge", `dm-avatar__badge--${e.status}`])
+      }, null, 2)) : b("", !0)
+    ], 6));
   }
-}), bs = /* @__PURE__ */ S(al, [["__scopeId", "data-v-898cb5d7"]]), tl = ["aria-label"], ll = /* @__PURE__ */ E({
+}), Jr = /* @__PURE__ */ P(Bs, [["__scopeId", "data-v-dcba5fa2"]]), Is = ["aria-label"], Es = /* @__PURE__ */ N({
   __name: "DatametriaBadge",
   props: {
     label: {},
@@ -1529,22 +2329,22 @@ const he = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
   setup(e) {
     const i = e;
     if (process.env.NODE_ENV === "development") {
-      const n = ["primary", "secondary", "success", "warning", "error", "info"];
-      n.includes(i.variant) || console.warn(`[DatametriaBadge] Invalid variant "${i.variant}". Valid options: ${n.join(", ")}`);
+      const a = ["primary", "secondary", "success", "warning", "error", "info"];
+      a.includes(i.variant) || console.warn(`[DatametriaBadge] Invalid variant "${i.variant}". Valid options: ${a.join(", ")}`);
     }
-    return (n, a) => (t(), s("span", {
-      class: L(["dm-badge", [`dm-badge--${e.variant}`, `dm-badge--${e.size}`]]),
+    return (a, t) => (l(), s("span", {
+      class: R(["dm-badge", [`dm-badge--${e.variant}`, `dm-badge--${e.size}`]]),
       "aria-label": e.ariaLabel
     }, [
-      R(n.$slots, "default", {}, () => [
-        A(g(e.label), 1)
+      Y(a.$slots, "default", {}, () => [
+        U(g(e.label), 1)
       ], !0)
-    ], 10, tl));
+    ], 10, Is));
   }
-}), ps = /* @__PURE__ */ S(ll, [["__scopeId", "data-v-1255c296"]]), sl = ["role", "tabindex", "onKeydown"], il = {
+}), Qr = /* @__PURE__ */ P(Es, [["__scopeId", "data-v-62a21600"]]), Ls = ["role", "tabindex", "onKeydown"], Fs = {
   key: 0,
   class: "dm-chip__icon"
-}, rl = { class: "dm-chip__label" }, nl = /* @__PURE__ */ E({
+}, Os = { class: "dm-chip__label" }, Rs = /* @__PURE__ */ N({
   __name: "DatametriaChip",
   props: {
     label: {},
@@ -1554,50 +2354,50 @@ const he = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
   },
   emits: ["click", "close"],
   setup(e, { emit: i }) {
-    const n = e;
+    const a = e;
     if (process.env.NODE_ENV === "development") {
       const o = ["primary", "secondary", "success", "warning", "error"];
-      o.includes(n.variant) || console.warn(`[DatametriaChip] Invalid variant "${n.variant}". Valid options: ${o.join(", ")}`);
+      o.includes(a.variant) || console.warn(`[DatametriaChip] Invalid variant "${a.variant}". Valid options: ${o.join(", ")}`);
     }
-    const a = i, l = () => {
-      a("click");
+    const t = i, n = () => {
+      t("click");
     }, r = () => {
-      a("close");
+      t("close");
     };
-    return (o, u) => (t(), s("div", {
-      class: L(["dm-chip", [`dm-chip--${e.variant}`, { "dm-chip--clickable": e.clickable }]]),
+    return (o, d) => (l(), s("div", {
+      class: R(["dm-chip", [`dm-chip--${e.variant}`, { "dm-chip--clickable": e.clickable }]]),
       role: e.clickable ? "button" : void 0,
       tabindex: e.clickable ? 0 : void 0,
-      onClick: l,
+      onClick: n,
       onKeydown: [
-        ce(l, ["enter"]),
-        ce(Z(l, ["prevent"]), ["space"])
+        he(n, ["enter"]),
+        he(ie(n, ["prevent"]), ["space"])
       ]
     }, [
-      o.$slots.icon ? (t(), s("span", il, [
-        R(o.$slots, "icon", {}, void 0, !0)
-      ])) : f("", !0),
-      v("span", rl, [
-        R(o.$slots, "default", {}, () => [
-          A(g(e.label), 1)
+      o.$slots.icon ? (l(), s("span", Fs, [
+        Y(o.$slots, "icon", {}, void 0, !0)
+      ])) : b("", !0),
+      c("span", Os, [
+        Y(o.$slots, "default", {}, () => [
+          U(g(e.label), 1)
         ], !0)
       ]),
-      e.closable ? (t(), s("button", {
+      e.closable ? (l(), s("button", {
         key: 1,
         class: "dm-chip__close",
-        onClick: Z(r, ["stop"]),
+        onClick: ie(r, ["stop"]),
         "aria-label": "Remover",
         type: "button"
-      }, "×")) : f("", !0)
-    ], 42, sl));
+      }, "×")) : b("", !0)
+    ], 42, Ls));
   }
-}), gs = /* @__PURE__ */ S(nl, [["__scopeId", "data-v-c6a268e4"]]), ol = ["aria-label"], dl = { class: "dm-navbar__container" }, cl = { class: "dm-navbar__brand" }, ul = {
+}), Zr = /* @__PURE__ */ P(Rs, [["__scopeId", "data-v-6a4ff5cc"]]), qs = ["aria-label"], zs = { class: "dm-navbar__container" }, As = { class: "dm-navbar__brand" }, Ns = {
   href: "/",
   class: "dm-navbar__logo"
-}, ml = ["aria-expanded"], vl = {
+}, Ps = ["aria-expanded"], js = {
   key: 1,
   class: "dm-navbar__actions"
-}, fl = /* @__PURE__ */ E({
+}, Ys = /* @__PURE__ */ N({
   __name: "DatametriaNavbar",
   props: {
     brand: { default: "" },
@@ -1613,60 +2413,60 @@ const he = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
       const r = ["light", "dark", "transparent", "primary"];
       r.includes(i.variant) || console.warn(`[DatametriaNavbar] Invalid variant "${i.variant}". Valid options: ${r.join(", ")}`);
     }
-    const n = B(() => [
+    const a = D(() => [
       "dm-navbar",
       `dm-navbar--${i.variant}`,
       { "dm-navbar--sticky": i.sticky },
       { "dm-navbar--transparent": i.transparent },
       { "dm-navbar--bordered": i.bordered }
-    ]), a = V(!1), l = () => {
-      a.value = !a.value;
+    ]), t = S(!1), n = () => {
+      t.value = !t.value;
     };
-    return (r, o) => (t(), s("nav", {
-      class: L(n.value),
+    return (r, o) => (l(), s("nav", {
+      class: R(a.value),
       role: "navigation",
       "aria-label": i.ariaLabel
     }, [
-      v("div", dl, [
-        v("div", cl, [
-          R(r.$slots, "brand", {}, () => [
-            v("a", ul, g(e.brand), 1)
+      c("div", zs, [
+        c("div", As, [
+          Y(r.$slots, "brand", {}, () => [
+            c("a", Ns, g(e.brand), 1)
           ], !0)
         ]),
-        r.$slots.menu ? (t(), s("button", {
+        r.$slots.menu ? (l(), s("button", {
           key: 0,
           class: "dm-navbar__toggle",
-          "aria-expanded": a.value,
+          "aria-expanded": t.value,
           "aria-controls": "navbar-menu",
-          onClick: l
+          onClick: n
         }, [...o[0] || (o[0] = [
-          v("span", { class: "dm-navbar__toggle-icon" }, null, -1)
-        ])], 8, ml)) : f("", !0),
-        v("div", {
+          c("span", { class: "dm-navbar__toggle-icon" }, null, -1)
+        ])], 8, Ps)) : b("", !0),
+        c("div", {
           id: "navbar-menu",
-          class: L(["dm-navbar__menu", { "dm-navbar__menu--open": a.value }])
+          class: R(["dm-navbar__menu", { "dm-navbar__menu--open": t.value }])
         }, [
-          R(r.$slots, "menu", {}, void 0, !0)
+          Y(r.$slots, "menu", {}, void 0, !0)
         ], 2),
-        r.$slots.actions ? (t(), s("div", vl, [
-          R(r.$slots, "actions", {}, void 0, !0)
-        ])) : f("", !0)
+        r.$slots.actions ? (l(), s("div", js, [
+          Y(r.$slots, "actions", {}, void 0, !0)
+        ])) : b("", !0)
       ])
-    ], 10, ol));
+    ], 10, qs));
   }
-}), _s = /* @__PURE__ */ S(fl, [["__scopeId", "data-v-4d51ff6b"]]), hl = ["aria-expanded", "aria-controls"], bl = ["disabled"], pl = ["id", "aria-labelledby"], gl = { class: "dm-menu__content" }, _l = ["tabindex", "aria-disabled", "onClick", "onMouseenter"], kl = {
+}), en = /* @__PURE__ */ P(Ys, [["__scopeId", "data-v-e6e1ff80"]]), Us = ["aria-expanded", "aria-controls"], Ws = ["disabled"], Hs = ["id", "aria-labelledby"], Ks = { class: "dm-menu__content" }, Xs = ["tabindex", "aria-disabled", "onClick", "onMouseenter"], Gs = {
   key: 0,
   class: "dm-menu__divider"
-}, yl = {
+}, Js = {
   key: 0,
   class: "dm-menu__item-icon"
-}, $l = { class: "dm-menu__item-content" }, wl = { class: "dm-menu__item-label" }, xl = {
+}, Qs = { class: "dm-menu__item-content" }, Zs = { class: "dm-menu__item-label" }, er = {
   key: 0,
   class: "dm-menu__item-description"
-}, Vl = {
+}, ar = {
   key: 1,
   class: "dm-menu__item-shortcut"
-}, Dl = /* @__PURE__ */ E({
+}, tr = /* @__PURE__ */ N({
   __name: "DatametriaMenu",
   props: {
     items: { default: () => [] },
@@ -1679,252 +2479,252 @@ const he = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
     offset: { default: 4 }
   },
   emits: ["open", "close", "item-click"],
-  setup(e, { expose: i, emit: n }) {
-    const a = e, l = n, r = V(), o = V(), u = V(!1), m = V(-1), b = B(() => `dm-menu-${Math.random().toString(36).substr(2, 9)}`), k = B(() => `dm-menu-trigger-${Math.random().toString(36).substr(2, 9)}`), M = V({}), T = async () => {
+  setup(e, { expose: i, emit: a }) {
+    const t = e, n = a, r = S(), o = S(), d = S(!1), u = S(-1), m = D(() => `dm-menu-${Math.random().toString(36).substr(2, 9)}`), y = D(() => `dm-menu-trigger-${Math.random().toString(36).substr(2, 9)}`), V = S({}), F = async () => {
       if (!r.value || !o.value) return;
-      await Y();
-      const d = r.value.getBoundingClientRect(), c = o.value.getBoundingClientRect(), y = {
+      await le();
+      const v = r.value.getBoundingClientRect(), f = o.value.getBoundingClientRect(), T = {
         width: window.innerWidth,
         height: window.innerHeight
       };
-      let _ = 0, I = 0;
-      switch (a.placement) {
+      let C = 0, z = 0;
+      switch (t.placement) {
         case "bottom-start":
-          _ = d.bottom + a.offset, I = d.left;
+          C = v.bottom + t.offset, z = v.left;
           break;
         case "bottom-end":
-          _ = d.bottom + a.offset, I = d.right - c.width;
+          C = v.bottom + t.offset, z = v.right - f.width;
           break;
         case "top-start":
-          _ = d.top - c.height - a.offset, I = d.left;
+          C = v.top - f.height - t.offset, z = v.left;
           break;
         case "top-end":
-          _ = d.top - c.height - a.offset, I = d.right - c.width;
+          C = v.top - f.height - t.offset, z = v.right - f.width;
           break;
         case "left":
-          _ = d.top, I = d.left - c.width - a.offset;
+          C = v.top, z = v.left - f.width - t.offset;
           break;
         case "right":
-          _ = d.top, I = d.right + a.offset;
+          C = v.top, z = v.right + t.offset;
           break;
       }
-      I < 8 ? I = 8 : I + c.width > y.width - 8 && (I = y.width - c.width - 8), _ < 8 ? _ = 8 : _ + c.height > y.height - 8 && (_ = y.height - c.height - 8);
-      const Q = a.fullWidth ? `${d.width}px` : "auto";
-      M.value = {
+      z < 8 ? z = 8 : z + f.width > T.width - 8 && (z = T.width - f.width - 8), C < 8 ? C = 8 : C + f.height > T.height - 8 && (C = T.height - f.height - 8);
+      const Z = t.fullWidth ? `${v.width}px` : "auto";
+      V.value = {
         position: "fixed",
-        top: `${_}px`,
-        left: `${I}px`,
-        width: Q,
+        top: `${C}px`,
+        left: `${z}px`,
+        width: Z,
         zIndex: "9999"
       };
-    }, $ = async () => {
-      a.disabled || u.value || (u.value = !0, m.value = -1, l("open"), await T(), Y(() => {
-        const d = a.items.findIndex((c) => !c.disabled && !c.divider);
-        d !== -1 && (m.value = d);
+    }, B = async () => {
+      t.disabled || d.value || (d.value = !0, u.value = -1, n("open"), await F(), le(() => {
+        const v = t.items.findIndex((f) => !f.disabled && !f.divider);
+        v !== -1 && (u.value = v);
       }));
-    }, C = () => {
-      u.value && (u.value = !1, m.value = -1, l("close"), Y(() => {
-        var d;
-        (d = r.value) == null || d.focus();
+    }, q = () => {
+      d.value && (d.value = !1, u.value = -1, n("close"), le(() => {
+        var v;
+        (v = r.value) == null || v.focus();
       }));
-    }, h = () => {
-      u.value ? C() : $();
-    }, p = () => {
-      h();
-    }, w = (d) => {
-      switch (d.key) {
+    }, $ = () => {
+      d.value ? q() : B();
+    }, w = () => {
+      $();
+    }, j = (v) => {
+      switch (v.key) {
         case "Enter":
         case " ":
         case "ArrowDown":
-          d.preventDefault(), $();
+          v.preventDefault(), B();
           break;
         case "ArrowUp":
-          d.preventDefault(), $(), Y(() => {
-            var y;
-            const c = ((y = a.items.map((_, I) => ({ item: _, index: I })).filter(({ item: _ }) => !_.disabled && !_.divider).pop()) == null ? void 0 : y.index) ?? -1;
-            c !== -1 && (m.value = c);
+          v.preventDefault(), B(), le(() => {
+            var T;
+            const f = ((T = t.items.map((C, z) => ({ item: C, index: z })).filter(({ item: C }) => !C.disabled && !C.divider).pop()) == null ? void 0 : T.index) ?? -1;
+            f !== -1 && (u.value = f);
           });
           break;
         case "Escape":
-          C();
+          q();
           break;
       }
-    }, z = (d) => {
-      switch (d.key) {
+    }, E = (v) => {
+      switch (v.key) {
         case "ArrowDown":
-          d.preventDefault(), F();
+          v.preventDefault(), x();
           break;
         case "ArrowUp":
-          d.preventDefault(), P();
+          v.preventDefault(), O();
           break;
         case "Enter":
         case " ":
-          if (d.preventDefault(), m.value !== -1) {
-            const c = a.items[m.value];
-            W(c, m.value);
+          if (v.preventDefault(), u.value !== -1) {
+            const f = t.items[u.value];
+            p(f, u.value);
           }
           break;
         case "Escape":
-          d.preventDefault(), C();
+          v.preventDefault(), q();
           break;
         case "Tab":
-          C();
+          q();
           break;
       }
-    }, F = () => {
-      const d = a.items.map((_, I) => ({ item: _, index: I })).filter(({ item: _ }) => !_.disabled && !_.divider).map(({ index: _ }) => _);
-      if (d.length === 0) return;
-      const c = d.indexOf(m.value), y = c === -1 ? 0 : (c + 1) % d.length;
-      m.value = d[y];
-    }, P = () => {
-      const d = a.items.map((_, I) => ({ item: _, index: I })).filter(({ item: _ }) => !_.disabled && !_.divider).map(({ index: _ }) => _);
-      if (d.length === 0) return;
-      const c = d.indexOf(m.value), y = c === -1 ? d.length - 1 : (c - 1 + d.length) % d.length;
-      m.value = d[y];
-    }, W = (d, c) => {
-      d.disabled || d.divider || (l("item-click", d, c), d.action && d.action(), a.closeOnItemClick && C());
-    }, x = (d) => {
-      d.stopPropagation();
-    }, q = () => {
-      T();
-    }, D = () => {
-      M.value = {};
-    }, N = (d) => {
-      var y, _;
-      if (!u.value) return;
-      const c = d.target;
-      (y = r.value) != null && y.contains(c) || (_ = o.value) != null && _.contains(c) || C();
+    }, x = () => {
+      const v = t.items.map((C, z) => ({ item: C, index: z })).filter(({ item: C }) => !C.disabled && !C.divider).map(({ index: C }) => C);
+      if (v.length === 0) return;
+      const f = v.indexOf(u.value), T = f === -1 ? 0 : (f + 1) % v.length;
+      u.value = v[T];
     }, O = () => {
-      u.value && T();
+      const v = t.items.map((C, z) => ({ item: C, index: z })).filter(({ item: C }) => !C.disabled && !C.divider).map(({ index: C }) => C);
+      if (v.length === 0) return;
+      const f = v.indexOf(u.value), T = f === -1 ? v.length - 1 : (f - 1 + v.length) % v.length;
+      u.value = v[T];
+    }, p = (v, f) => {
+      v.disabled || v.divider || (n("item-click", v, f), v.action && v.action(), t.closeOnItemClick && q());
+    }, h = (v) => {
+      v.stopPropagation();
+    }, _ = () => {
+      F();
+    }, M = () => {
+      V.value = {};
+    }, A = (v) => {
+      var T, C;
+      if (!d.value) return;
+      const f = v.target;
+      (T = r.value) != null && T.contains(f) || (C = o.value) != null && C.contains(f) || q();
+    }, W = () => {
+      d.value && F();
     };
-    return J(() => {
-      document.addEventListener("click", N), window.addEventListener("resize", O);
-    }), ie(() => {
-      document.removeEventListener("click", N), window.removeEventListener("resize", O);
-    }), H(() => a.items, () => {
-      m.value >= a.items.length && (m.value = -1);
+    return te(() => {
+      document.addEventListener("click", A), window.addEventListener("resize", W);
+    }), de(() => {
+      document.removeEventListener("click", A), window.removeEventListener("resize", W);
+    }), Q(() => t.items, () => {
+      u.value >= t.items.length && (u.value = -1);
     }), i({
-      open: $,
-      close: C,
-      toggle: h,
-      isOpen: B(() => u.value)
-    }), (d, c) => (t(), s("div", {
-      class: L(["dm-menu", { "dm-menu--disabled": e.disabled }])
+      open: B,
+      close: q,
+      toggle: $,
+      isOpen: D(() => d.value)
+    }), (v, f) => (l(), s("div", {
+      class: R(["dm-menu", { "dm-menu--disabled": e.disabled }])
     }, [
-      v("div", {
+      c("div", {
         ref_key: "triggerRef",
         ref: r,
         class: "dm-menu__trigger",
-        "aria-expanded": u.value,
+        "aria-expanded": d.value,
         "aria-haspopup": !0,
-        "aria-controls": b.value,
-        onClick: p,
-        onKeydown: w
+        "aria-controls": m.value,
+        onClick: w,
+        onKeydown: j
       }, [
-        R(d.$slots, "trigger", {
-          isOpen: u.value,
-          toggle: h
+        Y(v.$slots, "trigger", {
+          isOpen: d.value,
+          toggle: $
         }, () => [
-          v("button", {
+          c("button", {
             type: "button",
             class: "dm-menu__button",
             disabled: e.disabled
           }, [
-            A(g(e.triggerText) + " ", 1),
-            (t(), s("svg", {
-              class: L(["dm-menu__chevron", { "dm-menu__chevron--open": u.value }]),
+            U(g(e.triggerText) + " ", 1),
+            (l(), s("svg", {
+              class: R(["dm-menu__chevron", { "dm-menu__chevron--open": d.value }]),
               viewBox: "0 0 20 20",
               fill: "currentColor"
-            }, [...c[0] || (c[0] = [
-              v("path", {
+            }, [...f[0] || (f[0] = [
+              c("path", {
                 "fill-rule": "evenodd",
                 d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",
                 "clip-rule": "evenodd"
               }, null, -1)
             ])], 2))
-          ], 8, bl)
+          ], 8, Ws)
         ], !0)
-      ], 40, hl),
-      (t(), ee(ae, { to: "body" }, [
-        te(le, {
+      ], 40, Us),
+      (l(), ne(ce, { to: "body" }, [
+        ue(me, {
           name: "menu",
-          onEnter: q,
-          onLeave: D
+          onEnter: _,
+          onLeave: M
         }, {
-          default: se(() => [
-            u.value ? (t(), s("div", {
+          default: ve(() => [
+            d.value ? (l(), s("div", {
               key: 0,
               ref_key: "menuRef",
               ref: o,
-              id: b.value,
-              class: L(["dm-menu__dropdown", [
+              id: m.value,
+              class: R(["dm-menu__dropdown", [
                 `dm-menu__dropdown--${e.placement}`,
                 { "dm-menu__dropdown--full-width": e.fullWidth }
               ]]),
-              style: X(M.value),
+              style: G(V.value),
               role: "menu",
-              "aria-labelledby": k.value,
-              onKeydown: z,
-              onClick: x
+              "aria-labelledby": y.value,
+              onKeydown: E,
+              onClick: h
             }, [
-              v("div", gl, [
-                R(d.$slots, "default", {
-                  close: C,
-                  focusedIndex: m.value
+              c("div", Ks, [
+                Y(v.$slots, "default", {
+                  close: q,
+                  focusedIndex: u.value
                 }, () => [
-                  (t(!0), s(U, null, K(e.items, (y, _) => (t(), s("div", {
-                    key: y.key || _,
-                    class: L(["dm-menu__item", {
-                      "dm-menu__item--focused": m.value === _,
-                      "dm-menu__item--disabled": y.disabled,
-                      "dm-menu__item--divider": y.divider
+                  (l(!0), s(K, null, X(e.items, (T, C) => (l(), s("div", {
+                    key: T.key || C,
+                    class: R(["dm-menu__item", {
+                      "dm-menu__item--focused": u.value === C,
+                      "dm-menu__item--disabled": T.disabled,
+                      "dm-menu__item--divider": T.divider
                     }]),
                     role: "menuitem",
-                    tabindex: y.disabled ? -1 : 0,
-                    "aria-disabled": y.disabled,
-                    onClick: (I) => W(y, _),
-                    onMouseenter: (I) => m.value = _
+                    tabindex: T.disabled ? -1 : 0,
+                    "aria-disabled": T.disabled,
+                    onClick: (z) => p(T, C),
+                    onMouseenter: (z) => u.value = C
                   }, [
-                    y.divider ? (t(), s("div", kl)) : (t(), s(U, { key: 1 }, [
-                      y.icon ? (t(), s("div", yl, [
-                        (t(), ee(fe(y.icon)))
-                      ])) : f("", !0),
-                      v("div", $l, [
-                        v("div", wl, g(y.label), 1),
-                        y.description ? (t(), s("div", xl, g(y.description), 1)) : f("", !0)
+                    T.divider ? (l(), s("div", Gs)) : (l(), s(K, { key: 1 }, [
+                      T.icon ? (l(), s("div", Js, [
+                        (l(), ne(Ce(T.icon)))
+                      ])) : b("", !0),
+                      c("div", Qs, [
+                        c("div", Zs, g(T.label), 1),
+                        T.description ? (l(), s("div", er, g(T.description), 1)) : b("", !0)
                       ]),
-                      y.shortcut ? (t(), s("div", Vl, g(y.shortcut), 1)) : f("", !0)
+                      T.shortcut ? (l(), s("div", ar, g(T.shortcut), 1)) : b("", !0)
                     ], 64))
-                  ], 42, _l))), 128))
+                  ], 42, Xs))), 128))
                 ], !0)
               ])
-            ], 46, pl)) : f("", !0)
+            ], 46, Hs)) : b("", !0)
           ]),
           _: 3
         })
       ])),
-      (t(), ee(ae, { to: "body" }, [
-        te(le, { name: "backdrop" }, {
-          default: se(() => [
-            u.value && e.showBackdrop ? (t(), s("div", {
+      (l(), ne(ce, { to: "body" }, [
+        ue(me, { name: "backdrop" }, {
+          default: ve(() => [
+            d.value && e.showBackdrop ? (l(), s("div", {
               key: 0,
               class: "dm-menu__backdrop",
-              onClick: C
-            })) : f("", !0)
+              onClick: q
+            })) : b("", !0)
           ]),
           _: 1
         })
       ]))
     ], 2));
   }
-}), ks = /* @__PURE__ */ S(Dl, [["__scopeId", "data-v-62db3fcc"]]), Ml = {
+}), an = /* @__PURE__ */ P(tr, [["__scopeId", "data-v-3569b243"]]), lr = {
   class: "dm-breadcrumb",
   "aria-label": "Breadcrumb"
-}, Cl = { class: "dm-breadcrumb__list" }, Il = ["href", "onClick"], Bl = ["aria-current"], Tl = {
+}, sr = { class: "dm-breadcrumb__list" }, rr = ["href", "onClick"], nr = ["aria-current"], or = {
   key: 2,
   class: "dm-breadcrumb__separator",
   "aria-hidden": "true"
-}, Ll = /* @__PURE__ */ E({
+}, ir = /* @__PURE__ */ N({
   __name: "DatametriaBreadcrumb",
   props: {
     items: {},
@@ -1932,31 +2732,31 @@ const he = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
   },
   emits: ["click"],
   setup(e, { emit: i }) {
-    const n = i, a = (l, r, o) => {
-      n("click", r, o);
+    const a = i, t = (n, r, o) => {
+      a("click", r, o);
     };
-    return (l, r) => (t(), s("nav", Ml, [
-      v("ol", Cl, [
-        (t(!0), s(U, null, K(e.items, (o, u) => (t(), s("li", {
-          key: u,
+    return (n, r) => (l(), s("nav", lr, [
+      c("ol", sr, [
+        (l(!0), s(K, null, X(e.items, (o, d) => (l(), s("li", {
+          key: d,
           class: "dm-breadcrumb__item"
         }, [
-          o.href && u < e.items.length - 1 ? (t(), s("a", {
+          o.href && d < e.items.length - 1 ? (l(), s("a", {
             key: 0,
             href: o.href,
             class: "dm-breadcrumb__link",
-            onClick: (m) => a(m, o, u)
-          }, g(o.label), 9, Il)) : (t(), s("span", {
+            onClick: (u) => t(u, o, d)
+          }, g(o.label), 9, rr)) : (l(), s("span", {
             key: 1,
             class: "dm-breadcrumb__current",
-            "aria-current": u === e.items.length - 1 ? "page" : void 0
-          }, g(o.label), 9, Bl)),
-          u < e.items.length - 1 ? (t(), s("span", Tl, g(e.separator), 1)) : f("", !0)
+            "aria-current": d === e.items.length - 1 ? "page" : void 0
+          }, g(o.label), 9, nr)),
+          d < e.items.length - 1 ? (l(), s("span", or, g(e.separator), 1)) : b("", !0)
         ]))), 128))
       ])
     ]));
   }
-}), ys = /* @__PURE__ */ S(Ll, [["__scopeId", "data-v-17c32ee3"]]), El = { class: "dm-tabs" }, Sl = ["aria-label"], ql = ["id", "aria-selected", "aria-controls", "tabindex", "onClick", "onKeydown"], Rl = { class: "dm-tabs__panels" }, zl = ["id", "aria-labelledby", "hidden"], Nl = /* @__PURE__ */ E({
+}), tn = /* @__PURE__ */ P(ir, [["__scopeId", "data-v-87b7a811"]]), dr = { class: "dm-tabs" }, cr = ["aria-label"], ur = ["id", "aria-selected", "aria-controls", "tabindex", "onClick", "onKeydown"], mr = { class: "dm-tabs__panels" }, vr = ["id", "aria-labelledby", "hidden"], hr = /* @__PURE__ */ N({
   __name: "DatametriaTabs",
   props: {
     tabs: {},
@@ -1965,200 +2765,168 @@ const he = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: i }) {
-    const n = e, a = i, l = V(n.modelValue);
-    H(() => n.modelValue, (u) => {
-      l.value = u;
+    const a = e, t = i, n = S(a.modelValue);
+    Q(() => a.modelValue, (d) => {
+      n.value = d;
     });
-    const r = (u) => {
-      l.value = u, a("update:modelValue", u);
-    }, o = (u, m) => {
-      var k;
-      let b = m;
-      switch (u.key) {
+    const r = (d) => {
+      n.value = d, t("update:modelValue", d);
+    }, o = (d, u) => {
+      var y;
+      let m = u;
+      switch (d.key) {
         case "ArrowLeft":
-          u.preventDefault(), b = m > 0 ? m - 1 : n.tabs.length - 1;
+          d.preventDefault(), m = u > 0 ? u - 1 : a.tabs.length - 1;
           break;
         case "ArrowRight":
-          u.preventDefault(), b = m < n.tabs.length - 1 ? m + 1 : 0;
+          d.preventDefault(), m = u < a.tabs.length - 1 ? u + 1 : 0;
           break;
         case "Home":
-          u.preventDefault(), b = 0;
+          d.preventDefault(), m = 0;
           break;
         case "End":
-          u.preventDefault(), b = n.tabs.length - 1;
+          d.preventDefault(), m = a.tabs.length - 1;
           break;
         default:
           return;
       }
-      r(b), (k = document.getElementById(`tab-${b}`)) == null || k.focus();
+      r(m), (y = document.getElementById(`tab-${m}`)) == null || y.focus();
     };
-    return (u, m) => (t(), s("div", El, [
-      v("div", {
+    return (d, u) => (l(), s("div", dr, [
+      c("div", {
         class: "dm-tabs__header",
         role: "tablist",
         "aria-label": e.ariaLabel
       }, [
-        (t(!0), s(U, null, K(e.tabs, (b, k) => (t(), s("button", {
-          key: k,
-          id: `tab-${k}`,
-          class: L(["dm-tabs__tab", { "dm-tabs__tab--active": l.value === k }]),
+        (l(!0), s(K, null, X(e.tabs, (m, y) => (l(), s("button", {
+          key: y,
+          id: `tab-${y}`,
+          class: R(["dm-tabs__tab", { "dm-tabs__tab--active": n.value === y }]),
           role: "tab",
-          "aria-selected": l.value === k,
-          "aria-controls": `panel-${k}`,
-          tabindex: l.value === k ? 0 : -1,
-          onClick: (M) => r(k),
-          onKeydown: (M) => o(M, k)
-        }, g(b), 43, ql))), 128)),
-        v("div", {
+          "aria-selected": n.value === y,
+          "aria-controls": `panel-${y}`,
+          tabindex: n.value === y ? 0 : -1,
+          onClick: (V) => r(y),
+          onKeydown: (V) => o(V, y)
+        }, g(m), 43, ur))), 128)),
+        c("div", {
           class: "dm-tabs__indicator",
-          style: X({ transform: `translateX(${l.value * 100}%)` })
+          style: G({ transform: `translateX(${n.value * 100}%)` })
         }, null, 4)
-      ], 8, Sl),
-      v("div", Rl, [
-        (t(!0), s(U, null, K(e.tabs, (b, k) => (t(), s("div", {
-          key: k,
-          id: `panel-${k}`,
-          class: L(["dm-tabs__panel", { "dm-tabs__panel--active": l.value === k }]),
+      ], 8, cr),
+      c("div", mr, [
+        (l(!0), s(K, null, X(e.tabs, (m, y) => (l(), s("div", {
+          key: y,
+          id: `panel-${y}`,
+          class: R(["dm-tabs__panel", { "dm-tabs__panel--active": n.value === y }]),
           role: "tabpanel",
-          "aria-labelledby": `tab-${k}`,
-          hidden: l.value !== k
+          "aria-labelledby": `tab-${y}`,
+          hidden: n.value !== y
         }, [
-          R(u.$slots, `panel-${k}`, {}, void 0, !0)
-        ], 10, zl))), 128))
+          Y(d.$slots, `panel-${y}`, {}, void 0, !0)
+        ], 10, vr))), 128))
       ])
     ]));
   }
-}), $s = /* @__PURE__ */ S(Nl, [["__scopeId", "data-v-6d59d320"]]);
-let G = V(!1), ue = !1;
-function ws() {
-  const e = () => {
-    G.value = !G.value, document.documentElement.classList.toggle("dark", G.value), localStorage.setItem("theme", G.value ? "dark" : "light");
-  }, i = (o) => {
-    G.value = o === "dark", document.documentElement.classList.toggle("dark", G.value), localStorage.setItem("theme", o);
-  }, n = () => {
-    ue = !0;
-    const o = localStorage.getItem("theme");
-    if (o)
-      i(o);
-    else if (typeof window < "u" && window.matchMedia) {
-      const u = window.matchMedia("(prefers-color-scheme: dark)").matches;
-      i(u ? "dark" : "light");
-    }
-    typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", (u) => {
-      localStorage.getItem("theme") || i(u.matches ? "dark" : "light");
-    });
-  };
-  ue || n();
-  const a = B(() => G.value ? "dark" : "light");
+}), ln = /* @__PURE__ */ P(hr, [["__scopeId", "data-v-6d59d320"]]), fr = (e) => !!e, br = (e) => e ? /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e) : !0, pr = (e) => (i) => i ? i.length >= e : !0, gr = (e) => (i) => i ? i.length <= e : !0, _r = (e) => (i) => i ? e.test(i) : !0, yr = (e) => (i) => e(i);
+function sn() {
   return {
-    isDark: G,
-    currentTheme: a,
-    toggle: e,
-    setTheme: i,
-    setDark: () => i("dark"),
-    setLight: () => i("light"),
-    initTheme: n
+    required: fr,
+    email: br,
+    minLength: pr,
+    maxLength: gr,
+    pattern: _r,
+    custom: yr
   };
 }
-const Ol = (e) => !!e, Fl = (e) => e ? /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e) : !0, Al = (e) => (i) => i ? i.length >= e : !0, jl = (e) => (i) => i ? i.length <= e : !0, Pl = (e) => (i) => i ? e.test(i) : !0, Ul = (e) => (i) => e(i);
-function xs() {
-  return {
-    required: Ol,
-    email: Fl,
-    minLength: Al,
-    maxLength: jl,
-    pattern: Pl,
-    custom: Ul
-  };
-}
-function Vs(e = {}) {
-  const i = V(!1), n = V(null), a = V(null), l = async (b, k = {}) => {
-    i.value = !0, n.value = null;
+function rn(e = {}) {
+  const i = S(!1), a = S(null), t = S(null), n = async (m, y = {}) => {
+    i.value = !0, a.value = null;
     try {
-      const M = e.baseURL ? `${e.baseURL}${b}` : b, T = await fetch(M, {
-        ...k,
+      const V = e.baseURL ? `${e.baseURL}${m}` : m, F = await fetch(V, {
+        ...y,
         headers: {
           "Content-Type": "application/json",
           ...e.headers,
-          ...k.headers
+          ...y.headers
         }
       });
-      if (!T.ok)
-        throw new Error(`HTTP ${T.status}: ${T.statusText}`);
-      const $ = await T.json();
-      return a.value = $, $;
-    } catch (M) {
-      throw n.value = M.message || "Request failed", M;
+      if (!F.ok)
+        throw new Error(`HTTP ${F.status}: ${F.statusText}`);
+      const B = await F.json();
+      return t.value = B, B;
+    } catch (V) {
+      throw a.value = V.message || "Request failed", V;
     } finally {
       i.value = !1;
     }
   };
   return {
     loading: i,
-    error: n,
-    data: a,
-    get: (b, k) => l(b, { ...k, method: "GET" }),
-    post: (b, k, M) => l(b, {
-      ...M,
+    error: a,
+    data: t,
+    get: (m, y) => n(m, { ...y, method: "GET" }),
+    post: (m, y, V) => n(m, {
+      ...V,
       method: "POST",
-      body: JSON.stringify(k)
+      body: JSON.stringify(y)
     }),
-    put: (b, k, M) => l(b, {
-      ...M,
+    put: (m, y, V) => n(m, {
+      ...V,
       method: "PUT",
-      body: JSON.stringify(k)
+      body: JSON.stringify(y)
     }),
-    delete: (b, k) => l(b, { ...k, method: "DELETE" })
+    delete: (m, y) => n(m, { ...y, method: "DELETE" })
   };
 }
-function Ds() {
-  const e = V(1), i = "datametria-accessibility-scale", n = 0.8, a = 2, l = B(
-    () => Math.max(n, Math.min(a, e.value))
-  ), r = B(() => {
-    const $ = l.value;
-    return $ <= 0.9 ? "scale-small" : $ >= 1.1 ? "scale-large" : "scale-normal";
-  }), o = ($) => {
-    const C = Math.max(n, Math.min(a, $));
-    document.documentElement.style.setProperty("--user-scale", C.toString()), e.value = C;
-  }, u = ($) => {
+function nn() {
+  const e = S(1), i = "datametria-accessibility-scale", a = 0.8, t = 2, n = D(
+    () => Math.max(a, Math.min(t, e.value))
+  ), r = D(() => {
+    const B = n.value;
+    return B <= 0.9 ? "scale-small" : B >= 1.1 ? "scale-large" : "scale-normal";
+  }), o = (B) => {
+    const q = Math.max(a, Math.min(t, B));
+    document.documentElement.style.setProperty("--user-scale", q.toString()), e.value = q;
+  }, d = (B) => {
     try {
-      localStorage.setItem(i, $.toString());
-    } catch (C) {
-      console.warn("Failed to save accessibility scale:", C);
+      localStorage.setItem(i, B.toString());
+    } catch (q) {
+      console.warn("Failed to save accessibility scale:", q);
     }
-  }, m = () => {
+  }, u = () => {
     try {
-      const $ = localStorage.getItem(i);
-      return $ ? parseFloat($) : 1;
-    } catch ($) {
-      return console.warn("Failed to load accessibility scale:", $), 1;
+      const B = localStorage.getItem(i);
+      return B ? parseFloat(B) : 1;
+    } catch (B) {
+      return console.warn("Failed to load accessibility scale:", B), 1;
     }
-  }, b = ($) => {
-    o($), u(l.value);
-  }, k = () => {
-    b(e.value + 0.1);
-  }, M = () => {
-    b(e.value - 0.1);
-  }, T = () => {
-    b(1);
+  }, m = (B) => {
+    o(B), d(n.value);
+  }, y = () => {
+    m(e.value + 0.1);
+  }, V = () => {
+    m(e.value - 0.1);
+  }, F = () => {
+    m(1);
   };
-  return H(e, ($) => {
-    o($);
-  }), J(() => {
-    const $ = m();
-    o($);
+  return Q(e, (B) => {
+    o(B);
+  }), te(() => {
+    const B = u();
+    o(B);
   }), {
-    scale: l,
+    scale: n,
     scaleClass: r,
-    setScale: b,
-    increaseScale: k,
-    decreaseScale: M,
-    resetScale: T,
-    minScale: n,
-    maxScale: a
+    setScale: m,
+    increaseScale: y,
+    decreaseScale: V,
+    resetScale: F,
+    minScale: a,
+    maxScale: t
   };
 }
-const j = {
+const J = {
   xs: 475,
   sm: 640,
   md: 768,
@@ -2166,96 +2934,96 @@ const j = {
   xl: 1280,
   "2xl": 1536
 };
-function Ms() {
-  const e = V(0), i = () => {
+function on() {
+  const e = S(0), i = () => {
     e.value = window.innerWidth;
-  }, n = (h) => e.value >= j[h], a = (h) => e.value <= j[h], l = (h, p) => e.value >= j[h] && e.value <= j[p], r = () => {
-    const h = e.value;
-    return h >= j["2xl"] ? "2xl" : h >= j.xl ? "xl" : h >= j.lg ? "lg" : h >= j.md ? "md" : h >= j.sm ? "sm" : "xs";
-  }, o = () => e.value < j.sm, u = () => n("sm") && e.value < j.md, m = () => n("md") && e.value < j.lg, b = () => n("lg") && e.value < j.xl, k = () => n("xl") && e.value < j["2xl"], M = () => n("2xl"), T = () => e.value < j.md, $ = () => l("md", "lg"), C = () => n("lg");
-  return J(() => {
+  }, a = ($) => e.value >= J[$], t = ($) => e.value <= J[$], n = ($, w) => e.value >= J[$] && e.value <= J[w], r = () => {
+    const $ = e.value;
+    return $ >= J["2xl"] ? "2xl" : $ >= J.xl ? "xl" : $ >= J.lg ? "lg" : $ >= J.md ? "md" : $ >= J.sm ? "sm" : "xs";
+  }, o = () => e.value < J.sm, d = () => a("sm") && e.value < J.md, u = () => a("md") && e.value < J.lg, m = () => a("lg") && e.value < J.xl, y = () => a("xl") && e.value < J["2xl"], V = () => a("2xl"), F = () => e.value < J.md, B = () => n("md", "lg"), q = () => a("lg");
+  return te(() => {
     i(), window.addEventListener("resize", i);
-  }), ie(() => {
+  }), de(() => {
     window.removeEventListener("resize", i);
   }), {
     windowWidth: e,
-    breakpoints: j,
-    isGreaterOrEqual: n,
-    isLessOrEqual: a,
-    isBetween: l,
+    breakpoints: J,
+    isGreaterOrEqual: a,
+    isLessOrEqual: t,
+    isBetween: n,
     getCurrentBreakpoint: r,
     isXs: o,
-    isSm: u,
-    isMd: m,
-    isLg: b,
-    isXl: k,
-    is2xl: M,
-    isMobile: T,
-    isTablet: $,
-    isDesktop: C
+    isSm: d,
+    isMd: u,
+    isLg: m,
+    isXl: y,
+    is2xl: V,
+    isMobile: F,
+    isTablet: B,
+    isDesktop: q
   };
 }
-function Cs(e = {}) {
+function dn(e = {}) {
   const {
     color: i = "rgba(255, 255, 255, 0.3)",
-    duration: n = 600,
-    disabled: a = !1
-  } = e, l = V(), r = V([]), o = (h) => {
-    if (a || !l.value) return;
-    const p = l.value, w = p.getBoundingClientRect();
-    let z, F;
-    if (h instanceof MouseEvent)
-      z = h.clientX, F = h.clientY;
+    duration: a = 600,
+    disabled: t = !1
+  } = e, n = S(), r = S([]), o = ($) => {
+    if (t || !n.value) return;
+    const w = n.value, j = w.getBoundingClientRect();
+    let E, x;
+    if ($ instanceof MouseEvent)
+      E = $.clientX, x = $.clientY;
     else {
-      const D = h.touches[0] || h.changedTouches[0];
-      z = D.clientX, F = D.clientY;
+      const M = $.touches[0] || $.changedTouches[0];
+      E = M.clientX, x = M.clientY;
     }
-    const P = z - w.left, W = F - w.top, x = Math.max(w.width, w.height), q = document.createElement("div");
-    q.className = "datametria-ripple", q.style.cssText = `
+    const O = E - j.left, p = x - j.top, h = Math.max(j.width, j.height), _ = document.createElement("div");
+    _.className = "datametria-ripple", _.style.cssText = `
       position: absolute;
-      left: ${P - x / 2}px;
-      top: ${W - x / 2}px;
-      width: ${x}px;
-      height: ${x}px;
+      left: ${O - h / 2}px;
+      top: ${p - h / 2}px;
+      width: ${h}px;
+      height: ${h}px;
       border-radius: 50%;
       background: ${i};
       transform: scale(0);
-      animation: ripple-animation ${n / 1e3}s ease-out;
+      animation: ripple-animation ${a / 1e3}s ease-out;
       pointer-events: none;
       z-index: 1;
-    `, p.appendChild(q), setTimeout(() => {
-      q.parentNode && q.parentNode.removeChild(q);
-    }, n);
-  }, u = (h) => {
-    o(h);
-  }, m = (h) => h ? (l.value = h, window.getComputedStyle(h).position === "static" && (h.style.position = "relative"), h.style.overflow = "hidden", h.addEventListener("click", u), () => {
-    h.removeEventListener("click", u);
-  }) : void 0, b = (h) => {
-    const p = r.value.findIndex((w) => w.id === h);
-    p > -1 && r.value.splice(p, 1);
-  }, k = () => {
+    `, w.appendChild(_), setTimeout(() => {
+      _.parentNode && _.parentNode.removeChild(_);
+    }, a);
+  }, d = ($) => {
+    o($);
+  }, u = ($) => $ ? (n.value = $, window.getComputedStyle($).position === "static" && ($.style.position = "relative"), $.style.overflow = "hidden", $.addEventListener("click", d), () => {
+    $.removeEventListener("click", d);
+  }) : void 0, m = ($) => {
+    const w = r.value.findIndex((j) => j.id === $);
+    w > -1 && r.value.splice(w, 1);
+  }, y = () => {
     r.value = [];
   };
-  ie(() => {
-    k();
+  de(() => {
+    y();
   });
-  const M = (h) => ({
+  const V = ($) => ({
     position: "absolute",
-    left: `${h.x}px`,
-    top: `${h.y}px`,
-    width: `${h.size}px`,
-    height: `${h.size}px`,
+    left: `${$.x}px`,
+    top: `${$.y}px`,
+    width: `${$.size}px`,
+    height: `${$.size}px`,
     borderRadius: "50%",
     backgroundColor: i,
     transform: "scale(0)",
-    animation: `ripple-animation ${n}ms ease-out`,
+    animation: `ripple-animation ${a}ms ease-out`,
     pointerEvents: "none",
     zIndex: 1
-  }), T = () => {
-    const h = "ripple-keyframes";
-    if (document.getElementById(h)) return;
-    const p = document.createElement("style");
-    p.id = h, p.textContent = `
+  }), F = () => {
+    const $ = "ripple-keyframes";
+    if (document.getElementById($)) return;
+    const w = document.createElement("style");
+    w.id = $, w.textContent = `
       @keyframes ripple-animation {
         0% {
           transform: scale(0);
@@ -2275,169 +3043,169 @@ function Cs(e = {}) {
           }
         }
       }
-    `, document.head.appendChild(p);
-  }, $ = () => {
-    if (l.value)
-      return m(l.value);
-  }, C = () => {
-    l.value && l.value.removeEventListener("click", u);
+    `, document.head.appendChild(w);
+  }, B = () => {
+    if (n.value)
+      return u(n.value);
+  }, q = () => {
+    n.value && n.value.removeEventListener("click", d);
   };
-  return J(() => {
-    T(), l.value && $();
-  }), H(l, (h) => {
-    h && $();
+  return te(() => {
+    F(), n.value && B();
+  }), Q(n, ($) => {
+    $ && B();
   }), {
-    rippleRef: l,
+    rippleRef: n,
     ripples: r,
-    applyRipple: m,
-    removeRipple: b,
-    clearRipples: k,
-    getRippleStyle: M,
+    applyRipple: u,
+    removeRipple: m,
+    clearRipples: y,
+    getRippleStyle: V,
     createRipple: o,
-    addRippleEffect: $,
-    removeRippleEffect: C
+    addRippleEffect: B,
+    removeRippleEffect: q
   };
 }
-function Is(e = {}) {
+function cn(e = {}) {
   const {
     enabled: i = !0,
-    fallbackToVisual: n = !0,
-    visualDuration: a = 150
-  } = e, l = V(!1), r = V(i), o = V(null), u = () => !!("hapticFeedback" in navigator && navigator.hapticFeedback || "vibrate" in navigator && typeof navigator.vibrate == "function"), m = (d) => {
+    fallbackToVisual: a = !0,
+    visualDuration: t = 150
+  } = e, n = S(!1), r = S(i), o = S(null), d = () => !!("hapticFeedback" in navigator && navigator.hapticFeedback || "vibrate" in navigator && typeof navigator.vibrate == "function"), u = (v) => {
     if (!("vibrate" in navigator) || typeof navigator.vibrate != "function") return !1;
     try {
-      return navigator.vibrate(d);
-    } catch (c) {
-      return console.warn("Haptic feedback failed:", c), !1;
+      return navigator.vibrate(v);
+    } catch (f) {
+      return console.warn("Haptic feedback failed:", f), !1;
     }
-  }, b = (d, c) => {
-    if (!n) return;
-    const y = `visual-${Date.now()}`;
-    if (o.value = y, c) {
-      const _ = c.style.transform, I = c.style.transition;
-      switch (c.style.transition = "transform 75ms ease-out", d) {
+  }, m = (v, f) => {
+    if (!a) return;
+    const T = `visual-${Date.now()}`;
+    if (o.value = T, f) {
+      const C = f.style.transform, z = f.style.transition;
+      switch (f.style.transition = "transform 75ms ease-out", v) {
         case "light":
-          c.style.transform = "scale(0.98)";
+          f.style.transform = "scale(0.98)";
           break;
         case "medium":
-          c.style.transform = "scale(0.95)";
+          f.style.transform = "scale(0.95)";
           break;
         case "heavy":
-          c.style.transform = "scale(0.92)";
+          f.style.transform = "scale(0.92)";
           break;
         case "selection":
-          c.style.transform = "scale(1.02)";
+          f.style.transform = "scale(1.02)";
           break;
         default:
-          c.style.transform = "scale(0.97)";
+          f.style.transform = "scale(0.97)";
       }
       setTimeout(() => {
-        c.style.transform = _, setTimeout(() => {
-          c.style.transition = I, o.value === y && (o.value = null);
+        f.style.transform = C, setTimeout(() => {
+          f.style.transition = z, o.value === T && (o.value = null);
         }, 75);
       }, 75);
     }
     setTimeout(() => {
-      o.value === y && (o.value = null);
-    }, a);
-  }, k = (d) => {
+      o.value === T && (o.value = null);
+    }, t);
+  }, y = (v) => {
     if (!r.value) return;
-    let c = !1;
-    l.value && (c = m(10)), !c && n && b("light", d);
-  }, M = (d) => {
+    let f = !1;
+    n.value && (f = u(10)), !f && a && m("light", v);
+  }, V = (v) => {
     if (!r.value) return;
-    let c = !1;
-    l.value && (c = m(20)), !c && n && b("medium", d);
-  }, T = (d) => {
+    let f = !1;
+    n.value && (f = u(20)), !f && a && m("medium", v);
+  }, F = (v) => {
     if (!r.value) return;
-    let c = !1;
-    l.value && (c = m(40)), !c && n && b("heavy", d);
-  }, $ = (d) => {
+    let f = !1;
+    n.value && (f = u(40)), !f && a && m("heavy", v);
+  }, B = (v) => {
     if (!r.value) return;
-    let c = !1;
-    l.value && (c = m(5)), !c && n && b("selection", d);
-  }, C = (d = "medium", c) => {
-    switch (d) {
+    let f = !1;
+    n.value && (f = u(5)), !f && a && m("selection", v);
+  }, q = (v = "medium", f) => {
+    switch (v) {
       case "light":
-        k(c);
+        y(f);
         break;
       case "medium":
-        M(c);
+        V(f);
         break;
       case "heavy":
-        T(c);
+        F(f);
         break;
     }
-  }, h = (d, c) => {
+  }, $ = (v, f) => {
     if (!r.value) return;
-    let y;
-    switch (d) {
+    let T;
+    switch (v) {
       case "success":
-        y = [10, 50, 10];
+        T = [10, 50, 10];
         break;
       case "warning":
-        y = [20, 100, 20, 100, 20];
+        T = [20, 100, 20, 100, 20];
         break;
       case "error":
-        y = [50, 100, 50, 100, 50];
+        T = [50, 100, 50, 100, 50];
         break;
     }
-    let _ = !1;
-    l.value && (_ = m(y)), !_ && n && b("notification", c);
-  }, p = (d, c) => {
+    let C = !1;
+    n.value && (C = u(T)), !C && a && m("notification", f);
+  }, w = (v, f) => {
     if (!r.value) return;
-    let y = !1;
-    l.value && (y = m(d)), !y && n && b("medium", c);
-  }, w = () => {
+    let T = !1;
+    n.value && (T = u(v)), !T && a && m("medium", f);
+  }, j = () => {
     r.value = !0;
-  }, z = () => {
+  }, E = () => {
     r.value = !1;
-  }, F = () => {
+  }, x = () => {
     r.value = !r.value;
-  }, P = B(() => l.value && r.value), W = B(() => o.value !== null), x = (d = "light") => {
+  }, O = D(() => n.value && r.value), p = D(() => o.value !== null), h = (v = "light") => {
     if (!r.value) return !1;
     if ("hapticFeedback" in navigator && navigator.hapticFeedback)
       try {
-        return navigator.hapticFeedback.impact(d);
-      } catch (c) {
-        console.warn("Haptic feedback failed:", c);
+        return navigator.hapticFeedback.impact(v);
+      } catch (f) {
+        console.warn("Haptic feedback failed:", f);
       }
     if ("vibrate" in navigator && typeof navigator.vibrate == "function") {
-      let c;
-      switch (d) {
+      let f;
+      switch (v) {
         case "light":
-          c = 10;
+          f = 10;
           break;
         case "medium":
-          c = 20;
+          f = 20;
           break;
         case "heavy":
-          c = 30;
+          f = 30;
           break;
         case "success":
-          c = [10, 50, 10];
+          f = [10, 50, 10];
           break;
         case "warning":
-          c = [20, 100, 20];
+          f = [20, 100, 20];
           break;
         case "error":
-          c = [50, 100, 50, 100, 50];
+          f = [50, 100, 50, 100, 50];
           break;
         default:
-          c = 10;
+          f = 10;
       }
       try {
-        return navigator.vibrate(c);
-      } catch (y) {
-        return console.warn("Vibration failed:", y), !1;
+        return navigator.vibrate(f);
+      } catch (T) {
+        return console.warn("Vibration failed:", T), !1;
       }
     }
     return !1;
-  }, q = () => {
-    const d = "haptic-keyframes";
-    if (document.getElementById(d)) return;
-    const c = document.createElement("style");
-    c.id = d, c.textContent = `
+  }, _ = () => {
+    const v = "haptic-keyframes";
+    if (document.getElementById(v)) return;
+    const f = document.createElement("style");
+    f.id = v, f.textContent = `
       @keyframes haptic-pulse-light {
         0% { transform: scale(1); }
         50% { transform: scale(0.98); }
@@ -2478,107 +3246,107 @@ function Is(e = {}) {
           0%, 100% { transform: none; filter: none; }
         }
       }
-    `, document.head.appendChild(c);
-  }, D = (d, c) => {
-    if (!d) return;
-    q();
-    const y = d.style.animation;
-    let _, I;
-    switch (c) {
+    `, document.head.appendChild(f);
+  }, M = (v, f) => {
+    if (!v) return;
+    _();
+    const T = v.style.animation;
+    let C, z;
+    switch (f) {
       case "light":
-        _ = "haptic-pulse-light 0.15s ease-out", I = 150;
+        C = "haptic-pulse-light 0.15s ease-out", z = 150;
         break;
       case "medium":
-        _ = "haptic-pulse-medium 0.2s ease-out", I = 200;
+        C = "haptic-pulse-medium 0.2s ease-out", z = 200;
         break;
       case "heavy":
-        _ = "haptic-pulse-heavy 0.25s ease-out", I = 250;
+        C = "haptic-pulse-heavy 0.25s ease-out", z = 250;
         break;
       case "success":
-        _ = "haptic-success 0.3s ease-out", I = 300;
+        C = "haptic-success 0.3s ease-out", z = 300;
         break;
       case "warning":
-        _ = "haptic-pulse-medium 0.2s ease-out", I = 200;
+        C = "haptic-pulse-medium 0.2s ease-out", z = 200;
         break;
       case "error":
-        _ = "haptic-error 0.4s ease-out", I = 400;
+        C = "haptic-error 0.4s ease-out", z = 400;
         break;
       default:
-        _ = "haptic-pulse-light 0.15s ease-out", I = 150;
+        C = "haptic-pulse-light 0.15s ease-out", z = 150;
     }
-    d.style.animation = _, setTimeout(() => {
-      d.style.animation = y;
-    }, I);
-  }, N = (d, c) => {
-    const y = x(c);
-    return D(d, c), y;
-  }, O = () => {
-    const d = u();
-    return l.value = d, d;
+    v.style.animation = C, setTimeout(() => {
+      v.style.animation = T;
+    }, z);
+  }, A = (v, f) => {
+    const T = h(f);
+    return M(v, f), T;
+  }, W = () => {
+    const v = d();
+    return n.value = v, v;
   };
-  return O(), {
+  return W(), {
     // Estado
-    isSupported: l,
+    isSupported: n,
     isEnabled: r,
-    canVibrate: P,
-    hasVisualFeedback: W,
+    canVibrate: O,
+    hasVisualFeedback: p,
     activeVisualFeedback: o,
     // Métodos principais (compatíveis com testes)
-    triggerHaptic: x,
-    triggerVisualFeedback: D,
-    feedback: N,
-    checkSupport: O,
+    triggerHaptic: h,
+    triggerVisualFeedback: M,
+    feedback: A,
+    checkSupport: W,
     // Métodos de feedback específicos
-    light: k,
-    medium: M,
-    heavy: T,
-    selection: $,
-    impact: C,
-    notification: h,
-    custom: p,
+    light: y,
+    medium: V,
+    heavy: F,
+    selection: B,
+    impact: q,
+    notification: $,
+    custom: w,
     // Controles
-    enable: w,
-    disable: z,
-    toggle: F,
+    enable: j,
+    disable: E,
+    toggle: x,
     // Utilitários
-    detectHapticSupport: u
+    detectHapticSupport: d
   };
 }
-function Bs(e, i) {
-  const n = localStorage.getItem(e);
-  let a = i;
-  if (n)
+function un(e, i) {
+  const a = localStorage.getItem(e);
+  let t = i;
+  if (a)
     try {
-      a = JSON.parse(n);
+      t = JSON.parse(a);
     } catch {
-      a = i;
+      t = i;
     }
-  const l = V(a);
-  return H(
-    l,
+  const n = S(t);
+  return Q(
+    n,
     (r) => {
       localStorage.setItem(e, JSON.stringify(r));
     },
     { deep: !0 }
-  ), l;
+  ), n;
 }
-function Ts(e, i = 300) {
-  const n = V(e.value);
-  let a = null;
-  return H(e, (l) => {
-    a && clearTimeout(a), a = setTimeout(() => {
-      n.value = l;
+function mn(e, i = 300) {
+  const a = S(e.value);
+  let t = null;
+  return Q(e, (n) => {
+    t && clearTimeout(t), t = setTimeout(() => {
+      a.value = n;
     }, i);
-  }), n;
+  }), a;
 }
-function Ls() {
-  const e = V(!1), i = V(null);
+function vn() {
+  const e = S(!1), i = S(null);
   return {
     copied: e,
     error: i,
-    copy: async (l) => {
+    copy: async (n) => {
       try {
-        return await navigator.clipboard.writeText(l), e.value = !0, i.value = null, setTimeout(() => {
+        return await navigator.clipboard.writeText(n), e.value = !0, i.value = null, setTimeout(() => {
           e.value = !1;
         }, 2e3), !0;
       } catch (r) {
@@ -2587,60 +3355,281 @@ function Ls() {
     },
     read: async () => {
       try {
-        const l = await navigator.clipboard.readText();
-        return i.value = null, l;
-      } catch (l) {
-        return i.value = l.message || "Read failed", "";
+        const n = await navigator.clipboard.readText();
+        return i.value = null, n;
+      } catch (n) {
+        return i.value = n.message || "Read failed", "";
       }
     }
   };
 }
+const _e = Symbol("theme"), kr = "dm", $r = "--", wr = /* @__PURE__ */ N({
+  __name: "ThemeProvider",
+  props: {
+    theme: {},
+    prefix: { default: kr }
+  },
+  setup(e) {
+    const i = e, a = D(() => i.theme);
+    Me(_e, a);
+    const t = D(() => `${i.prefix}-theme`), n = D(() => {
+      const r = {}, { tokens: o } = i.theme, d = `${$r}${i.prefix}`;
+      return r[`${d}-primary`] = o.colors.primary, r[`${d}-secondary`] = o.colors.secondary, r[`${d}-success`] = o.colors.success, r[`${d}-warning`] = o.colors.warning, r[`${d}-error`] = o.colors.error, r[`${d}-info`] = o.colors.info, Object.entries(o.colors.neutral).forEach(([u, m]) => {
+        r[`${d}-neutral-${u}`] = m;
+      }), r[`${d}-font-sans`] = o.typography.fontFamily.sans, r[`${d}-font-mono`] = o.typography.fontFamily.mono, Object.entries(o.typography.fontSize).forEach(([u, m]) => {
+        r[`${d}-text-${u}`] = m;
+      }), Object.entries(o.typography.fontWeight).forEach(([u, m]) => {
+        r[`${d}-font-${u}`] = m.toString();
+      }), Object.entries(o.typography.lineHeight).forEach(([u, m]) => {
+        r[`${d}-leading-${u}`] = m.toString();
+      }), Object.entries(o.spacing).forEach(([u, m]) => {
+        r[`${d}-space-${u}`] = m;
+      }), Object.entries(o.radius).forEach(([u, m]) => {
+        r[`${d}-radius-${u}`] = m;
+      }), Object.entries(o.shadows).forEach(([u, m]) => {
+        r[`${d}-shadow-${u}`] = m;
+      }), Object.entries(o.transitions).forEach(([u, m]) => {
+        r[`${d}-transition-${u}`] = m;
+      }), r;
+    });
+    return (r, o) => (l(), s("div", {
+      class: R(t.value),
+      style: G(n.value)
+    }, [
+      Y(r.$slots, "default", {}, void 0, !0)
+    ], 6));
+  }
+}), hn = /* @__PURE__ */ P(wr, [["__scopeId", "data-v-dc6e895c"]]);
+function fn() {
+  const e = Se(_e);
+  if (!e)
+    throw new Error(
+      'useTheme must be used within a ThemeProvider. Wrap your component tree with <ThemeProvider :theme="yourTheme">'
+    );
+  return e;
+}
+const bn = {
+  name: "DATAMETRIA",
+  tokens: {
+    colors: {
+      primary: "#0072CE",
+      secondary: "#4B0078",
+      success: "#10b981",
+      warning: "#f59e0b",
+      error: "#ef4444",
+      info: "#06b6d4",
+      neutral: {
+        50: "#f9fafb",
+        100: "#f3f4f6",
+        200: "#e5e7eb",
+        300: "#d1d5db",
+        400: "#9ca3af",
+        500: "#6b7280",
+        600: "#4b5563",
+        700: "#374151",
+        800: "#1f2937",
+        900: "#111827"
+      }
+    },
+    typography: {
+      fontFamily: {
+        sans: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
+        mono: 'Menlo, Monaco, Consolas, "Courier New", monospace'
+      },
+      fontSize: {
+        xs: "0.75rem",
+        sm: "0.875rem",
+        base: "1rem",
+        lg: "1.125rem",
+        xl: "1.25rem",
+        "2xl": "1.5rem",
+        "3xl": "1.875rem",
+        "4xl": "2.25rem"
+      },
+      fontWeight: {
+        normal: 400,
+        medium: 500,
+        semibold: 600,
+        bold: 700
+      },
+      lineHeight: {
+        tight: 1.25,
+        normal: 1.5,
+        relaxed: 1.75
+      }
+    },
+    spacing: {
+      0: "0",
+      1: "0.25rem",
+      2: "0.5rem",
+      3: "0.75rem",
+      4: "1rem",
+      6: "1.5rem",
+      8: "2rem",
+      12: "3rem",
+      16: "4rem",
+      20: "5rem",
+      24: "6rem"
+    },
+    radius: {
+      none: "0",
+      sm: "0.25rem",
+      md: "0.375rem",
+      lg: "0.5rem",
+      xl: "0.75rem",
+      full: "9999px"
+    },
+    shadows: {
+      none: "none",
+      sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
+      md: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+      lg: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",
+      xl: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
+      "2xl": "0 25px 50px -12px rgba(0, 0, 0, 0.25)"
+    },
+    transitions: {
+      fast: "150ms cubic-bezier(0.4, 0, 0.2, 1)",
+      base: "200ms cubic-bezier(0.4, 0, 0.2, 1)",
+      slow: "300ms cubic-bezier(0.4, 0, 0.2, 1)"
+    }
+  }
+}, pn = {
+  name: "Default",
+  tokens: {
+    colors: {
+      primary: "#3b82f6",
+      secondary: "#8b5cf6",
+      success: "#10b981",
+      warning: "#f59e0b",
+      error: "#ef4444",
+      info: "#06b6d4",
+      neutral: {
+        50: "#f9fafb",
+        100: "#f3f4f6",
+        200: "#e5e7eb",
+        300: "#d1d5db",
+        400: "#9ca3af",
+        500: "#6b7280",
+        600: "#4b5563",
+        700: "#374151",
+        800: "#1f2937",
+        900: "#111827"
+      }
+    },
+    typography: {
+      fontFamily: {
+        sans: "system-ui, -apple-system, sans-serif",
+        mono: "ui-monospace, monospace"
+      },
+      fontSize: {
+        xs: "0.75rem",
+        sm: "0.875rem",
+        base: "1rem",
+        lg: "1.125rem",
+        xl: "1.25rem",
+        "2xl": "1.5rem",
+        "3xl": "1.875rem",
+        "4xl": "2.25rem"
+      },
+      fontWeight: {
+        normal: 400,
+        medium: 500,
+        semibold: 600,
+        bold: 700
+      },
+      lineHeight: {
+        tight: 1.25,
+        normal: 1.5,
+        relaxed: 1.75
+      }
+    },
+    spacing: {
+      0: "0",
+      1: "0.25rem",
+      2: "0.5rem",
+      3: "0.75rem",
+      4: "1rem",
+      6: "1.5rem",
+      8: "2rem",
+      12: "3rem",
+      16: "4rem",
+      20: "5rem",
+      24: "6rem"
+    },
+    radius: {
+      none: "0",
+      sm: "0.25rem",
+      md: "0.375rem",
+      lg: "0.5rem",
+      xl: "0.75rem",
+      full: "9999px"
+    },
+    shadows: {
+      none: "none",
+      sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
+      md: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+      lg: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",
+      xl: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
+      "2xl": "0 25px 50px -12px rgba(0, 0, 0, 0.25)"
+    },
+    transitions: {
+      fast: "150ms cubic-bezier(0.4, 0, 0.2, 1)",
+      base: "200ms cubic-bezier(0.4, 0, 0.2, 1)",
+      slow: "300ms cubic-bezier(0.4, 0, 0.2, 1)"
+    }
+  }
+};
 export {
-  ds as DatametriaAlert,
-  ls as DatametriaAutocomplete,
-  bs as DatametriaAvatar,
-  ps as DatametriaBadge,
-  ys as DatametriaBreadcrumb,
-  Kl as DatametriaButton,
-  ss as DatametriaCard,
-  Gl as DatametriaCheckbox,
-  gs as DatametriaChip,
-  rs as DatametriaContainer,
-  Zl as DatametriaDatePicker,
-  os as DatametriaDivider,
-  ts as DatametriaFileUpload,
-  ns as DatametriaGrid,
-  Xl as DatametriaInput,
-  ks as DatametriaMenu,
-  is as DatametriaModal,
-  _s as DatametriaNavbar,
-  vs as DatametriaProgress,
-  Yl as DatametriaRadio,
-  Hl as DatametriaSelect,
-  ms as DatametriaSkeleton,
-  as as DatametriaSlider,
-  fs as DatametriaSpinner,
-  Jl as DatametriaSwitch,
-  hs as DatametriaTable,
-  $s as DatametriaTabs,
-  Ql as DatametriaTextarea,
-  es as DatametriaTimePicker,
-  cs as DatametriaToast,
-  us as DatametriaTooltip,
-  Ul as custom,
-  Fl as email,
-  jl as maxLength,
-  Al as minLength,
-  Pl as pattern,
-  Ol as required,
-  Vs as useAPI,
-  Ds as useAccessibilityScale,
-  Ms as useBreakpoints,
-  Ls as useClipboard,
-  Ts as useDebounce,
-  Is as useHapticFeedback,
-  Bs as useLocalStorage,
-  Cs as useRipple,
-  ws as useTheme,
-  xs as useValidation
+  jr as DatametriaAlert,
+  Rr as DatametriaAutocomplete,
+  Jr as DatametriaAvatar,
+  Qr as DatametriaBadge,
+  tn as DatametriaBreadcrumb,
+  Dr as DatametriaButton,
+  qr as DatametriaCard,
+  Sr as DatametriaCheckbox,
+  Zr as DatametriaChip,
+  Ar as DatametriaContainer,
+  Er as DatametriaDatePicker,
+  Pr as DatametriaDivider,
+  Or as DatametriaFileUpload,
+  Nr as DatametriaGrid,
+  Vr as DatametriaInput,
+  an as DatametriaMenu,
+  zr as DatametriaModal,
+  en as DatametriaNavbar,
+  Cr as DatametriaPasswordInput,
+  Hr as DatametriaProgress,
+  Tr as DatametriaRadio,
+  Mr as DatametriaSelect,
+  Wr as DatametriaSkeleton,
+  Fr as DatametriaSlider,
+  Gr as DatametriaSortableTable,
+  Kr as DatametriaSpinner,
+  Br as DatametriaSwitch,
+  Xr as DatametriaTable,
+  ln as DatametriaTabs,
+  Ir as DatametriaTextarea,
+  Lr as DatametriaTimePicker,
+  Yr as DatametriaToast,
+  Ur as DatametriaTooltip,
+  hn as ThemeProvider,
+  yr as custom,
+  bn as datametriaTheme,
+  pn as defaultTheme,
+  br as email,
+  gr as maxLength,
+  pr as minLength,
+  _r as pattern,
+  fr as required,
+  rn as useAPI,
+  nn as useAccessibilityScale,
+  on as useBreakpoints,
+  vn as useClipboard,
+  mn as useDebounce,
+  cn as useHapticFeedback,
+  un as useLocalStorage,
+  dn as useRipple,
+  fn as useTheme,
+  sn as useValidation
 };