@datametria/vue-components 1.1.3 → 1.2.0

package/dist/index.es.js

@@ -1,14 +1,14 @@
-import { defineComponent as S, computed as T, createElementBlock as s, openBlock as t, normalizeClass as L, createCommentVNode as h, renderSlot as R, createElementVNode as v, createTextVNode as N, toDisplayString as g, Fragment as W, renderList as X, ref as V, watch as H, withDirectives as ie, vModelText as ne, nextTick as Y, normalizeStyle as j, withModifiers as Z, onMounted as J, onUnmounted as re, createBlock as ee, Teleport as ae, createVNode as te, Transition as le, withCtx as se, createStaticVNode as ve, withKeys as de, resolveDynamicComponent as he } from "vue";
-var ue = /* @__PURE__ */ ((e) => (e.PRIMARY = "primary", e.SECONDARY = "secondary", e.OUTLINE = "outline", e.GHOST = "ghost", e))(ue || {}), me = /* @__PURE__ */ ((e) => (e.SM = "sm", e.MD = "md", e.LG = "lg", e))(me || {});
-const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
+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 = {
   key: 0,
   class: "spinner",
   role: "status",
   "aria-label": "Carregando"
-}, pe = /* @__PURE__ */ S({
+}, pe = /* @__PURE__ */ E({
   __name: "DatametriaButton",
   props: {
-    variant: { default: ue.PRIMARY },
+    variant: { default: oe.PRIMARY },
     size: { default: me.MD },
     disabled: { type: Boolean, default: !1 },
     loading: { type: Boolean, default: !1 },
@@ -17,40 +17,45 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
   },
   emits: ["click"],
   setup(e) {
-    const r = e, i = T(() => [
+    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 n = B(() => [
       "datametria-button",
-      `datametria-button--${r.variant}`,
-      `datametria-button--${r.size}`,
+      `datametria-button--${i.variant}`,
+      `datametria-button--${i.size}`,
       {
-        "datametria-button--full-width": r.fullWidth,
-        "datametria-button--loading": r.loading,
-        "datametria-button--disabled": r.disabled
+        "datametria-button--full-width": i.fullWidth,
+        "datametria-button--loading": i.loading,
+        "datametria-button--disabled": i.disabled
       }
     ]);
     return (a, l) => (t(), s("button", {
-      class: L(i.value),
+      class: L(n.value),
       disabled: e.disabled || e.loading,
       type: e.type,
       "aria-busy": e.loading,
       "aria-disabled": e.disabled,
-      onClick: l[0] || (l[0] = (n) => a.$emit("click", n))
+      onClick: l[0] || (l[0] = (r) => a.$emit("click", r))
     }, [
-      e.loading ? (t(), s("span", be)) : h("", !0),
+      e.loading ? (t(), s("span", be)) : f("", !0),
       R(a.$slots, "default", {}, void 0, !0)
-    ], 10, fe));
+    ], 10, he));
   }
-}), E = (e, r) => {
-  const i = e.__vccOpts || e;
-  for (const [a, l] of r)
-    i[a] = l;
-  return i;
-}, Xl = /* @__PURE__ */ E(pe, [["__scopeId", "data-v-e9850b65"]]), ge = { class: "datametria-input" }, _e = ["for"], ke = {
+}), 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 = {
   key: 0,
   class: "datametria-input__required"
 }, ye = ["id", "value", "placeholder", "disabled", "required"], $e = {
   key: 1,
   class: "datametria-input__error"
-}, we = /* @__PURE__ */ S({
+}, we = /* @__PURE__ */ E({
   __name: "DatametriaInput",
   props: {
     modelValue: { default: "" },
@@ -62,45 +67,45 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const r = e, i = T(() => `input-${Math.random().toString(36).substr(2, 9)}`), a = T(() => [
+    const i = e, n = B(() => `input-${Math.random().toString(36).substr(2, 9)}`), a = B(() => [
       "datametria-input__field",
       {
-        "datametria-input__field--error": r.errorMessage,
-        "datametria-input__field--disabled": r.disabled
+        "datametria-input__field--error": i.errorMessage,
+        "datametria-input__field--disabled": i.disabled
       }
     ]);
-    return (l, n) => (t(), s("div", ge, [
+    return (l, r) => (t(), s("div", ge, [
       e.label ? (t(), s("label", {
         key: 0,
-        for: i.value,
+        for: n.value,
         class: "datametria-input__label"
       }, [
-        N(g(e.label) + " ", 1),
-        e.required ? (t(), s("span", ke, "*")) : h("", !0)
-      ], 8, _e)) : h("", !0),
+        A(g(e.label) + " ", 1),
+        e.required ? (t(), s("span", ke, "*")) : f("", !0)
+      ], 8, _e)) : f("", !0),
       v("input", {
-        id: i.value,
+        id: n.value,
         value: e.modelValue,
         placeholder: e.placeholder,
         disabled: e.disabled,
         required: e.required,
         class: L(a.value),
-        onInput: n[0] || (n[0] = (d) => l.$emit("update:modelValue", d.target.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)) : h("", !0)
+      e.errorMessage ? (t(), s("p", $e, g(e.errorMessage), 1)) : f("", !0)
     ]));
   }
-}), jl = /* @__PURE__ */ E(we, [["__scopeId", "data-v-cae54108"]]), xe = { class: "datametria-select" }, Ve = ["for"], Me = {
+}), Xl = /* @__PURE__ */ S(we, [["__scopeId", "data-v-cae54108"]]), xe = { class: "datametria-select" }, Ve = ["for"], De = {
   key: 0,
   class: "datametria-select__required"
-}, De = ["id", "value", "disabled", "required"], Ce = {
+}, Me = ["id", "value", "disabled", "required"], Ce = {
   key: 0,
   value: "",
   disabled: ""
 }, Ie = ["value"], Be = {
   key: 1,
   class: "datametria-select__error"
-}, Te = /* @__PURE__ */ S({
+}, Te = /* @__PURE__ */ E({
   __name: "DatametriaSelect",
   props: {
     modelValue: { default: "" },
@@ -113,43 +118,43 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const r = e, i = T(() => `select-${Math.random().toString(36).substr(2, 9)}`), a = T(() => [
+    const i = e, n = B(() => `select-${Math.random().toString(36).substr(2, 9)}`), a = B(() => [
       "datametria-select__field",
       {
-        "datametria-select__field--error": r.errorMessage,
-        "datametria-select__field--disabled": r.disabled
+        "datametria-select__field--error": i.errorMessage,
+        "datametria-select__field--disabled": i.disabled
       }
     ]);
-    return (l, n) => (t(), s("div", xe, [
+    return (l, r) => (t(), s("div", xe, [
       e.label ? (t(), s("label", {
         key: 0,
-        for: i.value,
+        for: n.value,
         class: "datametria-select__label"
       }, [
-        N(g(e.label) + " ", 1),
-        e.required ? (t(), s("span", Me, "*")) : h("", !0)
-      ], 8, Ve)) : h("", !0),
+        A(g(e.label) + " ", 1),
+        e.required ? (t(), s("span", De, "*")) : f("", !0)
+      ], 8, Ve)) : f("", !0),
       v("select", {
-        id: i.value,
+        id: n.value,
         value: e.modelValue,
         disabled: e.disabled,
         required: e.required,
         class: L(a.value),
-        onChange: n[0] || (n[0] = (d) => l.$emit("update:modelValue", d.target.value))
+        onChange: r[0] || (r[0] = (o) => l.$emit("update:modelValue", o.target.value))
       }, [
-        e.placeholder ? (t(), s("option", Ce, g(e.placeholder), 1)) : h("", !0),
-        (t(!0), s(W, null, X(e.options, (d) => (t(), s("option", {
-          key: d.value,
-          value: d.value
-        }, g(d.label), 9, Ie))), 128))
-      ], 42, De),
-      e.errorMessage ? (t(), s("p", Be, g(e.errorMessage), 1)) : h("", !0)
+        e.placeholder ? (t(), s("option", Ce, g(e.placeholder), 1)) : f("", !0),
+        (t(!0), s(U, null, K(e.options, (o) => (t(), 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)
     ]));
   }
-}), Hl = /* @__PURE__ */ E(Te, [["__scopeId", "data-v-96f4e8ce"]]), Le = { class: "datametria-checkbox" }, Se = ["checked", "disabled"], Ee = {
+}), Hl = /* @__PURE__ */ S(Te, [["__scopeId", "data-v-96f4e8ce"]]), Le = { class: "datametria-checkbox" }, Ee = ["checked", "disabled"], Se = {
   key: 0,
   class: "datametria-checkbox__label"
-}, qe = /* @__PURE__ */ S({
+}, qe = /* @__PURE__ */ E({
   __name: "DatametriaCheckbox",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -158,22 +163,22 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
   },
   emits: ["update:modelValue"],
   setup(e) {
-    return (r, i) => (t(), s("label", Le, [
+    return (i, n) => (t(), s("label", Le, [
       v("input", {
         type: "checkbox",
         checked: e.modelValue,
         disabled: e.disabled,
         class: "datametria-checkbox__input",
-        onChange: i[0] || (i[0] = (a) => r.$emit("update:modelValue", a.target.checked))
-      }, null, 40, Se),
-      i[1] || (i[1] = v("span", { class: "datametria-checkbox__checkmark" }, null, -1)),
-      e.label ? (t(), s("span", Ee, g(e.label), 1)) : h("", !0)
+        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)
     ]));
   }
-}), Gl = /* @__PURE__ */ E(qe, [["__scopeId", "data-v-3226ffd6"]]), Re = { class: "dm-radio" }, ze = { class: "dm-radio__label" }, Fe = ["value", "checked", "disabled", "name", "aria-label", "aria-describedby"], Ae = {
+}), 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 = {
   key: 0,
   class: "dm-radio__text"
-}, Oe = ["id"], Ne = /* @__PURE__ */ S({
+}, Fe = ["id"], Ae = /* @__PURE__ */ E({
   __name: "DatametriaRadio",
   props: {
     modelValue: { type: [String, Number, Boolean] },
@@ -185,11 +190,11 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
     ariaLabel: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: r }) {
-    const i = e, a = r, l = () => {
-      i.disabled || a("update:modelValue", i.value);
+  setup(e, { emit: i }) {
+    const n = e, a = i, l = () => {
+      n.disabled || a("update:modelValue", n.value);
     };
-    return (n, d) => (t(), s("div", Re, [
+    return (r, o) => (t(), s("div", Re, [
       v("label", ze, [
         v("input", {
           type: "radio",
@@ -201,24 +206,24 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
           "aria-label": e.ariaLabel,
           "aria-describedby": e.error ? `${e.name}-error` : void 0,
           onChange: l
-        }, null, 40, Fe),
-        d[0] || (d[0] = v("span", { class: "dm-radio__checkmark" }, null, -1)),
-        e.label ? (t(), s("span", Ae, g(e.label), 1)) : h("", !0)
+        }, 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)
       ]),
       e.error ? (t(), s("p", {
         key: 0,
         id: `${e.name}-error`,
         class: "dm-radio__error"
-      }, g(e.error), 9, Oe)) : h("", !0)
+      }, g(e.error), 9, Fe)) : f("", !0)
     ]));
   }
-}), Yl = /* @__PURE__ */ E(Ne, [["__scopeId", "data-v-4fb0fa6f"]]), Pe = { class: "dm-switch" }, Ue = { class: "dm-switch__label" }, We = ["checked", "disabled", "aria-label", "aria-checked"], Ke = {
+}), 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 = {
   key: 0,
   class: "dm-switch__text"
-}, Xe = {
+}, Ke = {
   key: 0,
   class: "dm-switch__error"
-}, je = /* @__PURE__ */ S({
+}, Xe = /* @__PURE__ */ E({
   __name: "DatametriaSwitch",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -228,12 +233,12 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
     ariaLabel: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: r }) {
-    const i = e, a = r, l = (n) => {
-      i.disabled || a("update:modelValue", n.target.checked);
+  setup(e, { emit: i }) {
+    const n = e, a = i, l = (r) => {
+      n.disabled || a("update:modelValue", r.target.checked);
     };
-    return (n, d) => (t(), s("div", Pe, [
-      v("label", Ue, [
+    return (r, o) => (t(), s("div", je, [
+      v("label", Pe, [
         v("input", {
           type: "checkbox",
           class: "dm-switch__input",
@@ -243,16 +248,16 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
           "aria-checked": e.modelValue,
           role: "switch",
           onChange: l
-        }, null, 40, We),
-        d[0] || (d[0] = v("span", { class: "dm-switch__track" }, [
+        }, null, 40, Ue),
+        o[0] || (o[0] = v("span", { class: "dm-switch__track" }, [
           v("span", { class: "dm-switch__thumb" })
         ], -1)),
-        e.label ? (t(), s("span", Ke, g(e.label), 1)) : h("", !0)
+        e.label ? (t(), s("span", We, g(e.label), 1)) : f("", !0)
       ]),
-      e.error ? (t(), s("p", Xe, g(e.error), 1)) : h("", !0)
+      e.error ? (t(), s("p", Ke, g(e.error), 1)) : f("", !0)
     ]));
   }
-}), Jl = /* @__PURE__ */ E(je, [["__scopeId", "data-v-f57b4d9a"]]), He = { class: "dm-textarea" }, Ge = {
+}), Jl = /* @__PURE__ */ S(Xe, [["__scopeId", "data-v-f57b4d9a"]]), He = { class: "dm-textarea" }, Ge = {
   key: 0,
   class: "dm-textarea__required"
 }, Ye = ["placeholder", "disabled", "required", "rows", "maxlength", "aria-label", "aria-describedby", "aria-invalid"], Je = {
@@ -261,7 +266,7 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
 }, Qe = ["id"], Ze = {
   key: 1,
   class: "dm-textarea__counter"
-}, ea = /* @__PURE__ */ S({
+}, ea = /* @__PURE__ */ E({
   __name: "DatametriaTextarea",
   props: {
     modelValue: { default: "" },
@@ -275,13 +280,13 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
     ariaLabel: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: r }) {
-    const i = e, a = r, l = `dm-textarea-${Math.random().toString(36).substr(2, 9)}`, n = V(i.modelValue);
-    H(() => i.modelValue, (u) => {
-      n.value = u;
+  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 d = () => {
-      a("update:modelValue", n.value || "");
+    const o = () => {
+      a("update:modelValue", r.value || "");
     };
     return (u, m) => {
       var b;
@@ -291,12 +296,12 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
           for: l,
           class: "dm-textarea__label"
         }, [
-          N(g(e.label) + " ", 1),
-          e.required ? (t(), s("span", Ge, "*")) : h("", !0)
-        ])) : h("", !0),
-        ie(v("textarea", {
+          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) => n.value = k),
+          "onUpdate:modelValue": m[0] || (m[0] = (k) => r.value = k),
           class: L(["dm-textarea__input", { "dm-textarea__input--error": e.error }]),
           placeholder: e.placeholder,
           disabled: e.disabled,
@@ -306,25 +311,25 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
           "aria-label": e.ariaLabel,
           "aria-describedby": e.error ? `${l}-error` : void 0,
           "aria-invalid": !!e.error,
-          onInput: d
+          onInput: o
         }, null, 42, Ye), [
-          [ne, n.value]
+          [ne, r.value]
         ]),
         e.maxLength || e.error ? (t(), s("div", Je, [
           e.error ? (t(), s("p", {
             key: 0,
             id: `${l}-error`,
             class: "dm-textarea__error"
-          }, g(e.error), 9, Qe)) : h("", !0),
-          e.maxLength ? (t(), s("span", Ze, g(((b = n.value) == null ? void 0 : b.length) || 0) + "/" + g(e.maxLength), 1)) : h("", !0)
-        ])) : h("", !0)
+          }, 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)
       ]);
     };
   }
-}), Ql = /* @__PURE__ */ E(ea, [["__scopeId", "data-v-e9253798"]]), aa = { class: "dm-datepicker" }, ta = {
+}), Ql = /* @__PURE__ */ S(ea, [["__scopeId", "data-v-e9253798"]]), aa = { class: "dm-datepicker" }, ta = {
   key: 0,
   class: "dm-datepicker__required"
-}, la = { class: "dm-datepicker__wrapper" }, sa = ["disabled", "required", "min", "max", "aria-label", "aria-describedby", "aria-invalid"], ra = ["id"], ia = /* @__PURE__ */ S({
+}, la = { class: "dm-datepicker__wrapper" }, sa = ["disabled", "required", "min", "max", "aria-label", "aria-describedby", "aria-invalid"], ia = ["id"], ra = /* @__PURE__ */ E({
   __name: "DatametriaDatePicker",
   props: {
     modelValue: { default: "" },
@@ -337,13 +342,13 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
     ariaLabel: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: r }) {
-    const i = e, a = r, l = `dm-datepicker-${Math.random().toString(36).substr(2, 9)}`, n = V(i.modelValue);
-    H(() => i.modelValue, (u) => {
-      n.value = u;
+  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 d = () => {
-      a("update:modelValue", n.value);
+    const o = () => {
+      a("update:modelValue", r.value);
     };
     return (u, m) => (t(), s("div", aa, [
       e.label ? (t(), s("label", {
@@ -351,14 +356,14 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
         for: l,
         class: "dm-datepicker__label"
       }, [
-        N(g(e.label) + " ", 1),
-        e.required ? (t(), s("span", ta, "*")) : h("", !0)
-      ])) : h("", !0),
+        A(g(e.label) + " ", 1),
+        e.required ? (t(), s("span", ta, "*")) : f("", !0)
+      ])) : f("", !0),
       v("div", la, [
-        ie(v("input", {
+        re(v("input", {
           id: l,
           type: "date",
-          "onUpdate:modelValue": m[0] || (m[0] = (b) => n.value = b),
+          "onUpdate:modelValue": m[0] || (m[0] = (b) => r.value = b),
           class: L(["dm-datepicker__input", { "dm-datepicker__input--error": e.error }]),
           disabled: e.disabled,
           required: e.required,
@@ -367,19 +372,19 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
           "aria-label": e.ariaLabel,
           "aria-describedby": e.error ? `${l}-error` : void 0,
           "aria-invalid": !!e.error,
-          onChange: d
+          onChange: o
         }, null, 42, sa), [
-          [ne, n.value]
+          [ne, r.value]
         ])
       ]),
       e.error ? (t(), s("p", {
         key: 1,
         id: `${l}-error`,
         class: "dm-datepicker__error"
-      }, g(e.error), 9, ra)) : h("", !0)
+      }, g(e.error), 9, ia)) : f("", !0)
     ]));
   }
-}), Zl = /* @__PURE__ */ E(ia, [["__scopeId", "data-v-8bf1e9ec"]]), na = ["for"], oa = {
+}), Zl = /* @__PURE__ */ S(ra, [["__scopeId", "data-v-8bf1e9ec"]]), na = ["for"], oa = {
   key: 0,
   class: "dm-time-picker__required",
   "aria-label": "obrigatório"
@@ -396,10 +401,10 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
   class: "dm-time-picker__icon--success",
   viewBox: "0 0 20 20",
   fill: "currentColor"
-}, ha = {
+}, fa = {
   key: 1,
   class: "dm-time-picker__messages"
-}, fa = ["id"], ba = ["id"], pa = ["id"], ga = /* @__PURE__ */ S({
+}, ha = ["id"], ba = ["id"], pa = ["id"], ga = /* @__PURE__ */ E({
   __name: "DatametriaTimePicker",
   props: {
     modelValue: { default: "" },
@@ -416,53 +421,53 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
     format24h: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue", "blur", "focus", "change"],
-  setup(e, { expose: r, emit: i }) {
-    const a = e, l = i, n = V(), d = T(() => `dm-time-picker-${Math.random().toString(36).substr(2, 9)}`), u = T(() => !!a.errorMessage), m = T(() => !!a.successMessage && !u.value), b = T(() => {
+  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(`${d.value}-error`) : a.successMessage ? p.push(`${d.value}-success`) : a.helperText && p.push(`${d.value}-helper`), p.length > 0 ? p.join(" ") : void 0;
-    }), k = T({
+      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);
       }
-    }), D = (p) => {
+    }), M = (p) => {
       const w = p.target;
       k.value = w.value;
-    }, B = (p) => {
+    }, T = (p) => {
       l("blur", p);
     }, $ = (p) => {
       l("focus", p);
     }, C = () => {
       Y(() => {
         var p;
-        (p = n.value) == null || p.focus();
+        (p = r.value) == null || p.focus();
       });
-    }, f = () => {
+    }, h = () => {
       var p;
-      (p = n.value) == null || p.blur();
+      (p = r.value) == null || p.blur();
     };
     return H(() => a.modelValue, (p) => {
-      n.value && n.value.value !== p && (n.value.value = p);
-    }), r({
+      r.value && r.value.value !== p && (r.value.value = p);
+    }), i({
       focus: C,
-      blur: f,
-      inputRef: n
+      blur: h,
+      inputRef: r
     }), (p, w) => (t(), s("div", {
       class: L(["dm-time-picker", { "dm-time-picker--disabled": e.disabled }])
     }, [
       e.label ? (t(), s("label", {
         key: 0,
-        for: d.value,
+        for: o.value,
         class: "dm-time-picker__label"
       }, [
-        N(g(e.label) + " ", 1),
-        e.required ? (t(), s("span", oa, "*")) : h("", !0)
-      ], 8, na)) : h("", !0),
+        A(g(e.label) + " ", 1),
+        e.required ? (t(), s("span", oa, "*")) : f("", !0)
+      ], 8, na)) : f("", !0),
       v("div", da, [
-        ie(v("input", {
-          id: d.value,
+        re(v("input", {
+          id: o.value,
           ref_key: "inputRef",
-          ref: n,
+          ref: r,
           "onUpdate:modelValue": w[0] || (w[0] = (z) => k.value = z),
           type: "time",
           class: L(["dm-time-picker__input", {
@@ -476,8 +481,8 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
           step: e.step,
           "aria-describedby": b.value,
           "aria-invalid": u.value,
-          onInput: D,
-          onBlur: B,
+          onInput: M,
+          onBlur: T,
           onFocus: $
         }, null, 42, ca), [
           [ne, k.value]
@@ -495,28 +500,28 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
               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)
-          ])])) : h("", !0)
-        ])) : h("", !0)
+          ])])) : f("", !0)
+        ])) : f("", !0)
       ]),
-      e.errorMessage || e.successMessage || e.helperText ? (t(), s("div", ha, [
+      e.errorMessage || e.successMessage || e.helperText ? (t(), s("div", fa, [
         e.errorMessage ? (t(), s("p", {
           key: 0,
-          id: `${d.value}-error`,
+          id: `${o.value}-error`,
           class: "dm-time-picker__error",
           role: "alert"
-        }, g(e.errorMessage), 9, fa)) : e.successMessage ? (t(), s("p", {
+        }, g(e.errorMessage), 9, ha)) : e.successMessage ? (t(), s("p", {
           key: 1,
-          id: `${d.value}-success`,
+          id: `${o.value}-success`,
           class: "dm-time-picker__success"
         }, g(e.successMessage), 9, ba)) : e.helperText ? (t(), s("p", {
           key: 2,
-          id: `${d.value}-helper`,
+          id: `${o.value}-helper`,
           class: "dm-time-picker__helper"
-        }, g(e.helperText), 9, pa)) : h("", !0)
-      ])) : h("", !0)
+        }, g(e.helperText), 9, pa)) : f("", !0)
+      ])) : f("", !0)
     ], 2));
   }
-}), es = /* @__PURE__ */ E(ga, [["__scopeId", "data-v-89e8ad3a"]]), _a = {
+}), es = /* @__PURE__ */ S(ga, [["__scopeId", "data-v-89e8ad3a"]]), _a = {
   key: 0,
   class: "dm-slider__header"
 }, ka = ["for"], ya = {
@@ -529,10 +534,10 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
 }, 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 = {
   key: 1,
   class: "dm-slider__range"
-}, Ma = { class: "dm-slider__min" }, Da = { class: "dm-slider__max" }, Ca = {
+}, Da = { class: "dm-slider__min" }, Ma = { class: "dm-slider__max" }, Ca = {
   key: 2,
   class: "dm-slider__messages"
-}, Ia = ["id"], Ba = ["id"], Ta = /* @__PURE__ */ S({
+}, Ia = ["id"], Ba = ["id"], Ta = /* @__PURE__ */ E({
   __name: "DatametriaSlider",
   props: {
     modelValue: {},
@@ -550,66 +555,66 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
     formatter: {}
   },
   emits: ["update:modelValue", "change", "input", "focus", "blur"],
-  setup(e, { expose: r, emit: i }) {
-    const a = e, l = i, n = V(), d = V(!1), u = T(() => `dm-slider-${Math.random().toString(36).substr(2, 9)}`), m = T(() => {
+  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 = T(() => a.formatter ? a.formatter(a.modelValue) : a.modelValue.toString()), k = T(() => {
+    }), 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;
-    }), D = T(() => a.formatter ? a.formatter(a.modelValue) : `${a.modelValue}`), B = (x) => a.formatter ? a.formatter(x) : x.toString(), $ = (x) => {
-      const q = x.target, M = parseFloat(q.value);
-      l("update:modelValue", M), l("input", M);
+    }), 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, M = parseFloat(q.value);
-      l("change", M);
-    }, f = (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 M = x.currentTarget.getBoundingClientRect(), F = (x.clientX - M.left) / M.width, A = a.max - a.min, o = a.min + F * A, c = Math.round(o / a.step) * a.step, y = Math.max(a.min, Math.min(a.max, c));
+      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;
-      d.value = !0, x.preventDefault();
-      const q = (F) => {
-        if (!d.value) return;
-        const A = x.target.parentElement;
-        if (!A) return;
-        const o = A.getBoundingClientRect(), c = Math.max(0, Math.min(1, (F.clientX - o.left) / o.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));
+      o.value = !0, x.preventDefault();
+      const q = (N) => {
+        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);
-      }, M = () => {
-        d.value && (d.value = !1, l("change", a.modelValue)), document.removeEventListener("mousemove", q), document.removeEventListener("mouseup", M);
+      }, D = () => {
+        o.value && (o.value = !1, l("change", a.modelValue)), document.removeEventListener("mousemove", q), document.removeEventListener("mouseup", D);
       };
-      document.addEventListener("mousemove", q), document.addEventListener("mouseup", M);
-    }, O = (x) => {
+      document.addEventListener("mousemove", q), document.addEventListener("mouseup", D);
+    }, F = (x) => {
       if (a.disabled) return;
-      d.value = !0, x.preventDefault();
-      const q = (F) => {
-        if (!d.value) return;
-        const A = x.target.parentElement;
-        if (!A) return;
-        const o = A.getBoundingClientRect(), c = F.touches[0], y = Math.max(0, Math.min(1, (c.clientX - o.left) / o.width)), _ = a.max - a.min, I = a.min + y * _, Q = Math.round(I / a.step) * a.step, oe = Math.max(a.min, Math.min(a.max, Q));
-        l("update:modelValue", oe), l("input", oe);
-      }, M = () => {
-        d.value && (d.value = !1, l("change", a.modelValue)), document.removeEventListener("touchmove", q), document.removeEventListener("touchend", M);
+      o.value = !0, x.preventDefault();
+      const q = (N) => {
+        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);
       };
-      document.addEventListener("touchmove", q), document.addEventListener("touchend", M);
+      document.addEventListener("touchmove", q), document.addEventListener("touchend", D);
     };
-    return r({
+    return i({
       focus: () => {
         Y(() => {
           var x;
-          (x = n.value) == null || x.focus();
+          (x = r.value) == null || x.focus();
         });
       },
       blur: () => {
         var x;
-        (x = n.value) == null || x.blur();
+        (x = r.value) == null || x.blur();
       },
-      inputRef: n
+      inputRef: r
     }), (x, q) => (t(), s("div", {
       class: L(["dm-slider", { "dm-slider--disabled": e.disabled }])
     }, [
@@ -619,11 +624,11 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
           for: u.value,
           class: "dm-slider__label"
         }, [
-          N(g(e.label) + " ", 1),
-          e.required ? (t(), s("span", ya, "*")) : h("", !0)
-        ], 8, ka)) : h("", !0),
-        e.showValue ? (t(), s("span", $a, g(b.value), 1)) : h("", !0)
-      ])) : h("", !0),
+          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", {
           class: "dm-slider__track",
@@ -631,19 +636,19 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
         }, [
           v("div", {
             class: "dm-slider__progress",
-            style: j({ width: `${m.value}%` })
+            style: X({ width: `${m.value}%` })
           }, null, 4),
           v("div", {
             class: "dm-slider__thumb",
-            style: j({ left: `${m.value}%` }),
+            style: X({ left: `${m.value}%` }),
             onMousedown: z,
-            onTouchstart: O
+            onTouchstart: F
           }, null, 36)
         ]),
         v("input", {
           id: u.value,
           ref_key: "inputRef",
-          ref: n,
+          ref: r,
           type: "range",
           class: "dm-slider__input",
           value: e.modelValue,
@@ -657,17 +662,17 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
           "aria-valuemin": e.min,
           "aria-valuemax": e.max,
           "aria-valuenow": e.modelValue,
-          "aria-valuetext": D.value,
+          "aria-valuetext": M.value,
           onInput: $,
           onChange: C,
-          onFocus: f,
+          onFocus: h,
           onBlur: p
         }, null, 40, xa)
       ]),
       e.showMinMax ? (t(), s("div", Va, [
-        v("span", Ma, g(B(e.min)), 1),
-        v("span", Da, g(B(e.max)), 1)
-      ])) : h("", !0),
+        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", {
           key: 0,
@@ -678,26 +683,26 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
           key: 1,
           id: `${u.value}-helper`,
           class: "dm-slider__helper"
-        }, g(e.helperText), 9, Ba)) : h("", !0)
-      ])) : h("", !0)
+        }, g(e.helperText), 9, Ba)) : f("", !0)
+      ])) : f("", !0)
     ], 2));
   }
-}), as = /* @__PURE__ */ E(Ta, [["__scopeId", "data-v-8a957612"]]), La = { class: "dm-file-upload" }, Sa = {
+}), as = /* @__PURE__ */ S(Ta, [["__scopeId", "data-v-8a957612"]]), La = { class: "dm-file-upload" }, Ea = {
   key: 0,
   class: "dm-file-upload__label"
-}, Ea = {
+}, Sa = {
   key: 0,
   class: "dm-file-upload__required"
 }, qa = ["accept", "multiple", "disabled", "required"], Ra = { class: "dm-file-upload__content" }, za = {
   key: 0,
   class: "dm-file-upload__hint"
-}, Fa = {
+}, Na = {
   key: 1,
   class: "dm-file-upload__files"
-}, Aa = { class: "dm-file-upload__filename" }, Oa = { class: "dm-file-upload__filesize" }, Na = ["onClick"], Pa = {
+}, Oa = { class: "dm-file-upload__filename" }, Fa = { class: "dm-file-upload__filesize" }, Aa = ["onClick"], ja = {
   key: 2,
   class: "dm-file-upload__error"
-}, Ua = /* @__PURE__ */ S({
+}, Pa = /* @__PURE__ */ E({
   __name: "DatametriaFileUpload",
   props: {
     modelValue: { default: () => [] },
@@ -709,42 +714,42 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
     error: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: r }) {
-    const i = e, a = r, l = V(), n = V(i.modelValue), d = V(!1), u = () => {
-      var f;
-      i.disabled || (f = l.value) == null || f.click();
-    }, m = (f) => {
-      const p = Array.from(f.target.files || []);
-      B(p);
+  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 = () => {
-      i.disabled || (d.value = !0);
+      n.disabled || (o.value = !0);
     }, k = () => {
-      d.value = !1;
-    }, D = (f) => {
+      o.value = !1;
+    }, M = (h) => {
       var p;
-      if (d.value = !1, !i.disabled) {
-        const w = Array.from(((p = f.dataTransfer) == null ? void 0 : p.files) || []);
-        B(w);
+      if (o.value = !1, !n.disabled) {
+        const w = Array.from(((p = h.dataTransfer) == null ? void 0 : p.files) || []);
+        T(w);
       }
-    }, B = (f) => {
-      n.value = i.multiple ? [...n.value, ...f] : f, a("update:modelValue", n.value);
-    }, $ = (f) => {
-      n.value.splice(f, 1), a("update:modelValue", n.value);
-    }, C = (f) => {
-      if (f === 0) return "0 B";
-      const p = 1024, w = ["B", "KB", "MB", "GB"], z = Math.floor(Math.log(f) / Math.log(p));
-      return `${(f / Math.pow(p, z)).toFixed(1)} ${w[z]}`;
+    }, 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]}`;
     };
-    return (f, p) => (t(), s("div", La, [
-      e.label ? (t(), s("label", Sa, [
-        N(g(e.label) + " ", 1),
-        e.required ? (t(), s("span", Ea, "*")) : h("", !0)
-      ])) : h("", !0),
+    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": d.value, "dm-file-upload__dropzone--dragover": d.value, "dm-file-upload__dropzone--error": e.error }]),
+        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(D, ["prevent"]),
+        onDrop: Z(M, ["prevent"]),
         onClick: u
       }, [
         v("input", {
@@ -774,39 +779,39 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
           ], -1)),
           p[1] || (p[1] = v("p", { class: "dm-file-upload__text" }, [
             v("span", { class: "dm-file-upload__text--primary" }, "Clique para selecionar"),
-            N(" ou arraste arquivos aqui ")
+            A(" ou arraste arquivos aqui ")
           ], -1)),
-          e.accept ? (t(), s("p", za, g(e.accept), 1)) : h("", !0)
+          e.accept ? (t(), s("p", za, g(e.accept), 1)) : f("", !0)
         ])
       ], 34),
-      n.value.length ? (t(), s("div", Fa, [
-        (t(!0), s(W, null, X(n.value, (w, z) => (t(), s("div", {
+      r.value.length ? (t(), s("div", Na, [
+        (t(!0), s(U, null, K(r.value, (w, z) => (t(), s("div", {
           key: z,
           class: "dm-file-upload__file"
         }, [
-          v("span", Aa, g(w.name), 1),
-          v("span", Oa, g(C(w.size)), 1),
+          v("span", Oa, g(w.name), 1),
+          v("span", Fa, g(C(w.size)), 1),
           v("button", {
             type: "button",
             class: "dm-file-upload__remove",
-            onClick: (O) => $(z),
+            onClick: (F) => $(z),
             "aria-label": "Remover arquivo"
-          }, "×", 8, Na)
+          }, "×", 8, Aa)
         ]))), 128))
-      ])) : h("", !0),
-      e.error ? (t(), s("p", Pa, g(e.error), 1)) : h("", !0)
+      ])) : f("", !0),
+      e.error ? (t(), s("p", ja, g(e.error), 1)) : f("", !0)
     ]));
   }
-}), ts = /* @__PURE__ */ E(Ua, [["__scopeId", "data-v-da137679"]]), Wa = {
+}), ts = /* @__PURE__ */ S(Pa, [["__scopeId", "data-v-da137679"]]), Ua = {
   key: 0,
   class: "dm-autocomplete__required"
-}, Ka = { class: "dm-autocomplete__wrapper" }, Xa = ["placeholder", "disabled", "required", "aria-label", "aria-expanded", "aria-controls", "aria-activedescendant"], ja = ["id"], Ha = ["id", "aria-selected", "onClick", "onMouseenter"], Ga = {
+}, 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,
   class: "dm-autocomplete__no-results"
 }, Ya = {
   key: 1,
   class: "dm-autocomplete__error"
-}, Ja = /* @__PURE__ */ S({
+}, Ja = /* @__PURE__ */ E({
   __name: "DatametriaAutocomplete",
   props: {
     modelValue: { default: "" },
@@ -819,26 +824,26 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
     ariaLabel: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: r }) {
-    const i = e, a = r, l = `dm-autocomplete-${Math.random().toString(36).substr(2, 9)}`, n = V(), d = V(i.modelValue), u = V(!1), m = V(-1), b = T(() => d.value ? i.options.filter(
-      (w) => w.toLowerCase().includes(d.value.toLowerCase())
-    ) : i.options), k = T(
+  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(() => i.modelValue, (w) => {
-      d.value = w;
+    H(() => n.modelValue, (w) => {
+      o.value = w;
     });
-    const D = () => {
-      u.value = !0, m.value = -1, a("update:modelValue", d.value);
-    }, B = () => {
-      i.disabled || (u.value = !0);
+    const M = () => {
+      u.value = !0, m.value = -1, a("update:modelValue", o.value);
+    }, T = () => {
+      n.disabled || (u.value = !0);
     }, $ = () => {
       setTimeout(() => {
         u.value = !1;
       }, 200);
     }, C = (w) => {
-      d.value = w, a("update:modelValue", w), u.value = !1, m.value = -1;
-    }, f = (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;
@@ -858,29 +863,29 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
           break;
       }
     }, p = (w) => {
-      n.value && !n.value.contains(w.target) && (u.value = !1);
+      r.value && !r.value.contains(w.target) && (u.value = !1);
     };
     return J(() => {
       document.addEventListener("click", p);
-    }), re(() => {
+    }), ie(() => {
       document.removeEventListener("click", p);
     }), (w, z) => (t(), s("div", {
       class: "dm-autocomplete",
       ref_key: "autocompleteRef",
-      ref: n
+      ref: r
     }, [
       e.label ? (t(), s("label", {
         key: 0,
         for: l,
         class: "dm-autocomplete__label"
       }, [
-        N(g(e.label) + " ", 1),
-        e.required ? (t(), s("span", Wa, "*")) : h("", !0)
-      ])) : h("", !0),
-      v("div", Ka, [
-        ie(v("input", {
+        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] = (O) => d.value = O),
+          "onUpdate:modelValue": z[0] || (z[0] = (F) => o.value = F),
           type: "text",
           class: L(["dm-autocomplete__input", { "dm-autocomplete__input--error": e.error }]),
           placeholder: e.placeholder,
@@ -892,12 +897,12 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
           "aria-activedescendant": k.value,
           role: "combobox",
           autocomplete: "off",
-          onInput: D,
-          onFocus: B,
+          onInput: M,
+          onFocus: T,
           onBlur: $,
-          onKeydown: f
-        }, null, 42, Xa), [
-          [ne, d.value]
+          onKeydown: h
+        }, null, 42, Ka), [
+          [ne, o.value]
         ]),
         u.value && b.value.length ? (t(), s("ul", {
           key: 0,
@@ -905,62 +910,62 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
           class: "dm-autocomplete__dropdown",
           role: "listbox"
         }, [
-          (t(!0), s(W, null, X(b.value, (O, U) => (t(), s("li", {
-            key: U,
-            id: `${l}-option-${U}`,
-            class: L(["dm-autocomplete__option", { "dm-autocomplete__option--active": U === m.value }]),
+          (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": U === m.value,
-            onClick: (K) => C(O),
-            onMouseenter: (K) => m.value = U
-          }, g(O), 43, Ha))), 128))
-        ], 8, ja)) : u.value && !b.value.length ? (t(), s("div", Ga, " No results ")) : h("", !0)
+            "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.error ? (t(), s("p", Ya, g(e.error), 1)) : h("", !0)
+      e.error ? (t(), s("p", Ya, g(e.error), 1)) : f("", !0)
     ], 512));
   }
-}), ls = /* @__PURE__ */ E(Ja, [["__scopeId", "data-v-782dacde"]]), Qa = {
+}), ls = /* @__PURE__ */ S(Ja, [["__scopeId", "data-v-782dacde"]]), Qa = {
   key: 0,
   class: "datametria-card__header"
 }, Za = { class: "datametria-card__title" }, et = { class: "datametria-card__content" }, at = {
   key: 1,
   class: "datametria-card__footer"
-}, tt = /* @__PURE__ */ S({
+}, tt = /* @__PURE__ */ E({
   __name: "DatametriaCard",
   props: {
     title: {},
     padding: { type: Boolean, default: !0 }
   },
   setup(e) {
-    const r = e, i = T(() => [
+    const i = e, n = B(() => [
       "datametria-card",
       {
-        "datametria-card--no-padding": !r.padding
+        "datametria-card--no-padding": !i.padding
       }
     ]);
     return (a, l) => (t(), s("div", {
-      class: L(i.value)
+      class: L(n.value)
     }, [
       e.title || a.$slots.header ? (t(), s("div", Qa, [
         R(a.$slots, "header", {}, () => [
           v("h3", Za, g(e.title), 1)
         ], !0)
-      ])) : h("", !0),
+      ])) : f("", !0),
       v("div", et, [
         R(a.$slots, "default", {}, void 0, !0)
       ]),
       a.$slots.footer ? (t(), s("div", at, [
         R(a.$slots, "footer", {}, void 0, !0)
-      ])) : h("", !0)
+      ])) : f("", !0)
     ], 2));
   }
-}), ss = /* @__PURE__ */ E(tt, [["__scopeId", "data-v-539a1b0c"]]), lt = {
+}), ss = /* @__PURE__ */ S(tt, [["__scopeId", "data-v-539a1b0c"]]), lt = {
   key: 0,
   class: "datametria-modal__header"
-}, st = { class: "datametria-modal__title" }, rt = { class: "datametria-modal__body" }, it = {
+}, st = { class: "datametria-modal__title" }, it = { class: "datametria-modal__body" }, rt = {
   key: 1,
   class: "datametria-modal__footer"
-}, nt = /* @__PURE__ */ S({
+}, nt = /* @__PURE__ */ E({
   __name: "DatametriaModal",
   props: {
     modelValue: { type: Boolean },
@@ -969,11 +974,11 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
     closable: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue", "close"],
-  setup(e, { emit: r }) {
-    const i = e, a = r, l = () => {
-      i.closable && (a("update:modelValue", !1), a("close"));
+  setup(e, { emit: i }) {
+    const n = e, a = i, l = () => {
+      n.closable && (a("update:modelValue", !1), a("close"));
     };
-    return (n, d) => (t(), ee(ae, { to: "body" }, [
+    return (r, o) => (t(), ee(ae, { to: "body" }, [
       te(le, { name: "modal" }, {
         default: se(() => [
           e.modelValue ? (t(), s("div", {
@@ -983,65 +988,65 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
           }, [
             v("div", {
               class: "datametria-modal__content",
-              style: j({ maxWidth: e.size })
+              style: X({ maxWidth: e.size })
             }, [
-              e.title || n.$slots.header ? (t(), s("div", lt, [
-                R(n.$slots, "header", {}, () => [
+              e.title || r.$slots.header ? (t(), s("div", lt, [
+                R(r.$slots, "header", {}, () => [
                   v("h3", st, g(e.title), 1)
                 ], !0),
                 e.closable ? (t(), s("button", {
                   key: 0,
                   class: "datametria-modal__close",
                   onClick: l
-                }, " × ")) : h("", !0)
-              ])) : h("", !0),
-              v("div", rt, [
-                R(n.$slots, "default", {}, void 0, !0)
+                }, " × ")) : f("", !0)
+              ])) : f("", !0),
+              v("div", it, [
+                R(r.$slots, "default", {}, void 0, !0)
               ]),
-              n.$slots.footer ? (t(), s("div", it, [
-                R(n.$slots, "footer", {}, void 0, !0)
-              ])) : h("", !0)
+              r.$slots.footer ? (t(), s("div", rt, [
+                R(r.$slots, "footer", {}, void 0, !0)
+              ])) : f("", !0)
             ], 4)
-          ])) : h("", !0)
+          ])) : f("", !0)
         ]),
         _: 3
       })
     ]));
   }
-}), rs = /* @__PURE__ */ E(nt, [["__scopeId", "data-v-8aa80965"]]), ot = /* @__PURE__ */ S({
+}), is = /* @__PURE__ */ S(nt, [["__scopeId", "data-v-8aa80965"]]), ot = /* @__PURE__ */ E({
   __name: "DatametriaContainer",
   props: {
     size: { default: "lg" },
     fluid: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (r, i) => (t(), s("div", {
+    return (i, n) => (t(), s("div", {
       class: L(["dm-container", [`dm-container--${e.size}`, { "dm-container--fluid": e.fluid }]])
     }, [
-      R(r.$slots, "default", {}, void 0, !0)
+      R(i.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), is = /* @__PURE__ */ E(ot, [["__scopeId", "data-v-4cc8678e"]]), dt = /* @__PURE__ */ S({
+}), rs = /* @__PURE__ */ S(ot, [["__scopeId", "data-v-4cc8678e"]]), dt = /* @__PURE__ */ E({
   __name: "DatametriaGrid",
   props: {
     cols: { default: 12 },
     gap: { default: "var(--dm-space-4)" }
   },
   setup(e) {
-    return (r, i) => (t(), s("div", {
+    return (i, n) => (t(), s("div", {
       class: "dm-grid",
-      style: j({
+      style: X({
         "--dm-grid-cols": e.cols,
         "--dm-grid-gap": e.gap
       })
     }, [
-      R(r.$slots, "default", {}, void 0, !0)
+      R(i.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), ns = /* @__PURE__ */ E(dt, [["__scopeId", "data-v-9e2c1279"]]), ct = ["role", "aria-orientation"], ut = {
+}), ns = /* @__PURE__ */ S(dt, [["__scopeId", "data-v-9e2c1279"]]), ct = ["role", "aria-orientation"], ut = {
   key: 0,
   class: "dm-divider__label"
-}, mt = /* @__PURE__ */ S({
+}, mt = /* @__PURE__ */ E({
   __name: "DatametriaDivider",
   props: {
     orientation: { default: "horizontal" },
@@ -1049,22 +1054,22 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
     label: {}
   },
   setup(e) {
-    return (r, i) => (t(), s("div", {
+    return (i, n) => (t(), s("div", {
       class: L(["dm-divider", [`dm-divider--${e.orientation}`, { "dm-divider--dashed": e.dashed }]]),
       role: e.orientation === "horizontal" ? "separator" : void 0,
       "aria-orientation": e.orientation
     }, [
-      r.$slots.default || e.label ? (t(), s("span", ut, [
-        R(r.$slots, "default", {}, () => [
-          N(g(e.label), 1)
+      i.$slots.default || e.label ? (t(), s("span", ut, [
+        R(i.$slots, "default", {}, () => [
+          A(g(e.label), 1)
         ], !0)
-      ])) : h("", !0)
+      ])) : f("", !0)
     ], 10, ct));
   }
-}), os = /* @__PURE__ */ E(mt, [["__scopeId", "data-v-b0655e4c"]]), vt = { class: "datametria-alert__icon" }, ht = { key: 0 }, ft = { key: 1 }, bt = { key: 2 }, pt = { key: 3 }, gt = { class: "datametria-alert__content" }, _t = {
+}), 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 = {
   key: 0,
   class: "datametria-alert__title"
-}, kt = { class: "datametria-alert__message" }, yt = /* @__PURE__ */ S({
+}, kt = { class: "datametria-alert__message" }, yt = /* @__PURE__ */ E({
   __name: "DatametriaAlert",
   props: {
     modelValue: { type: Boolean, default: !0 },
@@ -1075,33 +1080,38 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const r = e, i = T(() => [
+    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 n = B(() => [
       "datametria-alert",
-      `datametria-alert--${r.variant}`
+      `datametria-alert--${i.variant}`
     ]);
     return (a, l) => e.modelValue ? (t(), s("div", {
       key: 0,
-      class: L(i.value)
+      class: L(n.value)
     }, [
       v("div", vt, [
-        e.variant === "success" ? (t(), s("span", ht, "✓")) : e.variant === "error" ? (t(), s("span", ft, "✕")) : e.variant === "warning" ? (t(), s("span", bt, "⚠")) : (t(), s("span", pt, "ℹ"))
+        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, "ℹ"))
       ]),
       v("div", gt, [
-        e.title ? (t(), s("h4", _t, g(e.title), 1)) : h("", !0),
+        e.title ? (t(), s("h4", _t, g(e.title), 1)) : f("", !0),
         v("p", kt, [
           R(a.$slots, "default", {}, () => [
-            N(g(e.message), 1)
+            A(g(e.message), 1)
           ], !0)
         ])
       ]),
       e.closable ? (t(), s("button", {
         key: 0,
         class: "datametria-alert__close",
-        onClick: l[0] || (l[0] = (n) => a.$emit("update:modelValue", !1))
-      }, " × ")) : h("", !0)
-    ], 2)) : h("", !0);
+        onClick: l[0] || (l[0] = (r) => a.$emit("update:modelValue", !1))
+      }, " × ")) : f("", !0)
+    ], 2)) : f("", !0);
   }
-}), ds = /* @__PURE__ */ E(yt, [["__scopeId", "data-v-a27dad03"]]), $t = ["aria-live"], wt = { class: "dm-toast__content" }, xt = { class: "dm-toast__message" }, Vt = /* @__PURE__ */ S({
+}), ds = /* @__PURE__ */ S(yt, [["__scopeId", "data-v-8a7f7fad"]]), $t = ["aria-live"], wt = { class: "dm-toast__content" }, xt = { class: "dm-toast__message" }, Vt = /* @__PURE__ */ E({
   __name: "DatametriaToast",
   props: {
     message: {},
@@ -1111,21 +1121,26 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
     modelValue: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "close"],
-  setup(e, { emit: r }) {
-    const i = e, a = r, l = V(i.modelValue);
-    let n = null;
-    H(() => i.modelValue, (m) => {
-      l.value = m, m && i.duration > 0 && d();
+  setup(e, { emit: i }) {
+    const n = 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 a = i, l = V(n.modelValue);
+    let r = null;
+    H(() => n.modelValue, (m) => {
+      l.value = m, m && n.duration > 0 && o();
     });
-    const d = () => {
-      n && clearTimeout(n), n = setTimeout(() => {
+    const o = () => {
+      r && clearTimeout(r), r = setTimeout(() => {
         u();
-      }, i.duration);
+      }, n.duration);
     }, u = () => {
-      l.value = !1, a("update:modelValue", !1), a("close"), n && clearTimeout(n);
+      l.value = !1, a("update:modelValue", !1), a("close"), r && clearTimeout(r);
     };
     return J(() => {
-      l.value && i.duration > 0 && d();
+      l.value && n.duration > 0 && o();
     }), (m, b) => (t(), ee(ae, { to: "body" }, [
       te(le, { name: "dm-toast" }, {
         default: se(() => [
@@ -1142,18 +1157,18 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
                 class: "dm-toast__close",
                 onClick: u,
                 "aria-label": "Fechar"
-              }, "×")) : h("", !0)
+              }, "×")) : f("", !0)
             ])
-          ], 10, $t)) : h("", !0)
+          ], 10, $t)) : f("", !0)
         ]),
         _: 1
       })
     ]));
   }
-}), cs = /* @__PURE__ */ E(Vt, [["__scopeId", "data-v-f6096907"]]), Mt = ["id", "aria-hidden"], Dt = { class: "dm-tooltip__content" }, Ct = {
+}), cs = /* @__PURE__ */ S(Vt, [["__scopeId", "data-v-cc77063e"]]), Dt = ["id", "aria-hidden"], Mt = { class: "dm-tooltip__content" }, Ct = {
   key: 0,
   class: "dm-tooltip__arrow"
-}, It = /* @__PURE__ */ S({
+}, It = /* @__PURE__ */ E({
   __name: "DatametriaTooltip",
   props: {
     content: {},
@@ -1168,64 +1183,64 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
     maxWidth: { default: "200px" }
   },
   emits: ["show", "hide"],
-  setup(e, { expose: r, emit: i }) {
-    const a = e, l = i, n = V(), d = V(), u = V(!1), m = V(), b = V(), k = T(() => `dm-tooltip-${Math.random().toString(36).substr(2, 9)}`), D = V({}), B = async () => {
-      if (!n.value || !d.value) return;
+  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 () => {
+      if (!r.value || !o.value) return;
       await Y();
-      const M = n.value.getBoundingClientRect(), F = d.value.getBoundingClientRect(), A = {
+      const D = r.value.getBoundingClientRect(), N = o.value.getBoundingClientRect(), O = {
         width: window.innerWidth,
         height: window.innerHeight
       };
-      let o = 0, c = 0;
+      let d = 0, c = 0;
       switch (a.placement) {
         case "top":
         case "top-start":
         case "top-end":
-          o = M.top - F.height - a.offset;
+          d = D.top - N.height - a.offset;
           break;
         case "bottom":
         case "bottom-start":
         case "bottom-end":
-          o = M.bottom + a.offset;
+          d = D.bottom + a.offset;
           break;
         case "left":
-          o = M.top + (M.height - F.height) / 2, c = M.left - F.width - a.offset;
+          d = D.top + (D.height - N.height) / 2, c = D.left - N.width - a.offset;
           break;
         case "right":
-          o = M.top + (M.height - F.height) / 2, c = M.right + a.offset;
+          d = D.top + (D.height - N.height) / 2, c = D.right + a.offset;
           break;
       }
       if (a.placement.startsWith("top") || a.placement.startsWith("bottom"))
         switch (a.placement) {
           case "top":
           case "bottom":
-            c = M.left + (M.width - F.width) / 2;
+            c = D.left + (D.width - N.width) / 2;
             break;
           case "top-start":
           case "bottom-start":
-            c = M.left;
+            c = D.left;
             break;
           case "top-end":
           case "bottom-end":
-            c = M.right - F.width;
+            c = D.right - N.width;
             break;
         }
-      c < 0 ? c = 8 : c + F.width > A.width && (c = A.width - F.width - 8), o < 0 ? o = 8 : o + F.height > A.height && (o = A.height - F.height - 8), D.value = {
+      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 = {
         position: "fixed",
-        top: `${o}px`,
+        top: `${d}px`,
         left: `${c}px`,
         maxWidth: a.maxWidth,
         zIndex: "9999"
       };
     }, $ = () => {
       a.disabled || u.value || (clearTimeout(b.value), m.value = window.setTimeout(async () => {
-        u.value = !0, l("show"), await B();
+        u.value = !0, l("show"), await T();
       }, a.delay));
     }, C = () => {
       clearTimeout(m.value), b.value = window.setTimeout(() => {
         u.value = !1, l("hide");
       }, a.hideDelay);
-    }, f = () => {
+    }, h = () => {
       a.trigger === "hover" && $();
     }, p = () => {
       a.trigger === "hover" && C();
@@ -1233,86 +1248,86 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
       a.trigger === "focus" && $();
     }, z = () => {
       a.trigger === "focus" && C();
-    }, O = () => {
+    }, F = () => {
       a.trigger === "click" && (u.value ? C() : $());
-    }, U = () => {
-      B();
-    }, K = () => {
-      D.value = {};
+    }, P = () => {
+      T();
+    }, W = () => {
+      M.value = {};
     }, x = () => {
-      u.value && B();
+      u.value && T();
     }, q = () => {
-      u.value && B();
+      u.value && T();
     };
     return J(() => {
       window.addEventListener("resize", x), window.addEventListener("scroll", q, !0);
-    }), re(() => {
+    }), ie(() => {
       clearTimeout(m.value), clearTimeout(b.value), window.removeEventListener("resize", x), window.removeEventListener("scroll", q, !0);
-    }), r({
+    }), i({
       show: $,
       hide: C,
-      isVisible: T(() => u.value)
-    }), (M, F) => (t(), s("div", {
+      isVisible: B(() => u.value)
+    }), (D, N) => (t(), s("div", {
       ref_key: "triggerRef",
-      ref: n,
+      ref: r,
       class: "dm-tooltip-trigger",
-      onMouseenter: f,
+      onMouseenter: h,
       onMouseleave: p,
       onFocus: w,
       onBlur: z,
-      onClick: O
+      onClick: F
     }, [
-      R(M.$slots, "default", {}, void 0, !0),
+      R(D.$slots, "default", {}, void 0, !0),
       (t(), ee(ae, { to: "body" }, [
         te(le, {
           name: "tooltip",
-          onEnter: U,
-          onLeave: K
+          onEnter: P,
+          onLeave: W
         }, {
           default: se(() => [
             u.value ? (t(), s("div", {
               key: 0,
               ref_key: "tooltipRef",
-              ref: d,
+              ref: o,
               id: k.value,
               class: L(["dm-tooltip", [
                 `dm-tooltip--${e.placement}`,
                 `dm-tooltip--${e.variant}`,
                 { "dm-tooltip--arrow": e.showArrow }
               ]]),
-              style: j(D.value),
+              style: X(M.value),
               role: "tooltip",
               "aria-hidden": !u.value
             }, [
-              v("div", Dt, [
-                R(M.$slots, "content", {}, () => [
-                  N(g(e.content), 1)
+              v("div", Mt, [
+                R(D.$slots, "content", {}, () => [
+                  A(g(e.content), 1)
                 ], !0)
               ]),
-              e.showArrow ? (t(), s("div", Ct)) : h("", !0)
-            ], 14, Mt)) : h("", !0)
+              e.showArrow ? (t(), s("div", Ct)) : f("", !0)
+            ], 14, Dt)) : f("", !0)
           ]),
           _: 3
         })
       ]))
     ], 544));
   }
-}), us = /* @__PURE__ */ E(It, [["__scopeId", "data-v-130ed64e"]]), Bt = ["aria-label"], Tt = {
+}), us = /* @__PURE__ */ S(It, [["__scopeId", "data-v-130ed64e"]]), Bt = ["aria-label"], Tt = {
   key: 0,
   class: "datametria-skeleton__text"
 }, Lt = {
   key: 1,
   class: "datametria-skeleton__avatar shimmer"
-}, St = {
+}, Et = {
   key: 2,
   class: "datametria-skeleton__card"
-}, Et = {
+}, St = {
   key: 3,
   class: "datametria-skeleton__button shimmer"
 }, qt = {
   key: 4,
   class: "datametria-skeleton__custom shimmer"
-}, Rt = /* @__PURE__ */ S({
+}, Rt = /* @__PURE__ */ E({
   __name: "DatametriaSkeleton",
   props: {
     variant: { default: "text" },
@@ -1324,41 +1339,41 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
     lastLineWidth: { default: 75 }
   },
   setup(e) {
-    const r = e, i = T(() => {
+    const i = e, n = B(() => {
       const l = {};
-      return r.width && (l.width = typeof r.width == "number" ? `${r.width}px` : r.width), r.height && (l.height = typeof r.height == "number" ? `${r.height}px` : r.height), 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 === r.lines ? `${r.lastLineWidth}%` : "100%",
-      marginBottom: l < r.lines ? "0.5rem" : "0"
+      width: l === i.lines ? `${i.lastLineWidth}%` : "100%",
+      marginBottom: l < i.lines ? "0.5rem" : "0"
     });
-    return (l, n) => (t(), s("div", {
+    return (l, r) => (t(), s("div", {
       class: L(["datametria-skeleton", [
         `datametria-skeleton--${e.variant}`,
         { "datametria-skeleton--animated": e.animated }
       ]]),
-      style: j(i.value),
+      style: X(n.value),
       "aria-label": e.ariaLabel,
       role: "status",
       "aria-live": "polite"
     }, [
       e.variant === "text" ? (t(), s("div", Tt, [
-        (t(!0), s(W, null, X(e.lines, (d) => (t(), s("div", {
-          key: d,
+        (t(!0), s(U, null, K(e.lines, (o) => (t(), s("div", {
+          key: o,
           class: "datametria-skeleton__line shimmer",
-          style: j(a(d))
+          style: X(a(o))
         }, null, 4))), 128))
-      ])) : e.variant === "avatar" ? (t(), s("div", Lt)) : e.variant === "card" ? (t(), s("div", St, [...n[0] || (n[0] = [
+      ])) : 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", Et)) : (t(), s("div", qt))
+      ])])) : e.variant === "button" ? (t(), s("div", St)) : (t(), s("div", qt))
     ], 14, Bt));
   }
-}), ms = /* @__PURE__ */ E(Rt, [["__scopeId", "data-v-1bc144db"]]), zt = { class: "dm-progress" }, Ft = {
+}), ms = /* @__PURE__ */ S(Rt, [["__scopeId", "data-v-1bc144db"]]), zt = { class: "dm-progress" }, Nt = {
   key: 0,
   class: "dm-progress__header"
-}, At = { class: "dm-progress__label" }, Ot = {
+}, Ot = { class: "dm-progress__label" }, Ft = {
   key: 0,
   class: "dm-progress__value"
-}, Nt = ["aria-valuenow", "aria-label"], Pt = /* @__PURE__ */ S({
+}, At = ["aria-valuenow", "aria-label"], jt = /* @__PURE__ */ E({
   __name: "DatametriaProgress",
   props: {
     value: {},
@@ -1368,12 +1383,12 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
     ariaLabel: {}
   },
   setup(e) {
-    const r = e, i = T(() => Math.min(Math.max(r.value, 0), 100));
+    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", Ft, [
-        v("span", At, g(e.label), 1),
-        e.showValue ? (t(), s("span", Ot, g(e.value) + "%", 1)) : h("", !0)
-      ])) : h("", !0),
+      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", {
         class: "dm-progress__track",
         role: "progressbar",
@@ -1384,15 +1399,15 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
       }, [
         v("div", {
           class: L(["dm-progress__bar", `dm-progress__bar--${e.variant}`]),
-          style: j({ width: `${i.value}%` })
+          style: X({ width: `${n.value}%` })
         }, null, 6)
-      ], 8, Nt)
+      ], 8, At)
     ]));
   }
-}), vs = /* @__PURE__ */ E(Pt, [["__scopeId", "data-v-6c9ef263"]]), Ut = ["aria-label"], Wt = {
+}), vs = /* @__PURE__ */ S(jt, [["__scopeId", "data-v-6c9ef263"]]), Pt = ["aria-label"], Ut = {
   key: 0,
   class: "dm-spinner__label"
-}, Kt = /* @__PURE__ */ S({
+}, Wt = /* @__PURE__ */ E({
   __name: "DatametriaSpinner",
   props: {
     size: { default: "md" },
@@ -1401,12 +1416,12 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
     ariaLabel: { default: "Carregando" }
   },
   setup(e) {
-    return (r, i) => (t(), s("div", {
+    return (i, n) => (t(), s("div", {
       class: L(["dm-spinner", [`dm-spinner--${e.size}`, `dm-spinner--${e.variant}`]]),
       role: "status",
       "aria-label": e.ariaLabel
     }, [
-      i[0] || (i[0] = v("svg", {
+      n[0] || (n[0] = v("svg", {
         class: "dm-spinner__svg",
         viewBox: "0 0 50 50"
       }, [
@@ -1419,60 +1434,60 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
           "stroke-width": "4"
         })
       ], -1)),
-      e.label ? (t(), s("span", Wt, g(e.label), 1)) : h("", !0)
-    ], 10, Ut));
+      e.label ? (t(), s("span", Ut, g(e.label), 1)) : f("", !0)
+    ], 10, Pt));
   }
-}), hs = /* @__PURE__ */ E(Kt, [["__scopeId", "data-v-013214f1"]]), Xt = { class: "datametria-table" }, jt = { class: "datametria-table__table" }, Ht = { class: "datametria-table__thead" }, Gt = { class: "datametria-table__tbody" }, Yt = {
+}), 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 = {
   key: 0,
   class: "datametria-table__empty"
-}, Jt = /* @__PURE__ */ S({
+}, Jt = /* @__PURE__ */ E({
   __name: "DatametriaTable",
   props: {
     columns: {},
     data: {}
   },
   setup(e) {
-    return (r, i) => (t(), s("div", Xt, [
-      v("table", jt, [
+    return (i, n) => (t(), s("div", Kt, [
+      v("table", Xt, [
         v("thead", Ht, [
           v("tr", null, [
-            (t(!0), s(W, null, X(e.columns, (a) => (t(), s("th", {
+            (t(!0), s(U, null, K(e.columns, (a) => (t(), s("th", {
               key: a.key,
               class: "datametria-table__th",
-              style: j({ width: a.width })
+              style: X({ width: a.width })
             }, g(a.label), 5))), 128))
           ])
         ]),
         v("tbody", Gt, [
-          (t(!0), s(W, null, X(e.data, (a, l) => (t(), s("tr", {
+          (t(!0), s(U, null, K(e.data, (a, l) => (t(), s("tr", {
             key: l,
             class: "datametria-table__tr"
           }, [
-            (t(!0), s(W, null, X(e.columns, (n) => (t(), s("td", {
-              key: n.key,
+            (t(!0), s(U, null, K(e.columns, (r) => (t(), s("td", {
+              key: r.key,
               class: "datametria-table__td"
             }, [
-              R(r.$slots, `cell-${n.key}`, {
+              R(i.$slots, `cell-${r.key}`, {
                 row: a,
-                value: a[n.key]
+                value: a[r.key]
               }, () => [
-                N(g(a[n.key]), 1)
+                A(g(a[r.key]), 1)
               ], !0)
             ]))), 128))
           ]))), 128))
         ])
       ]),
       e.data.length === 0 ? (t(), s("div", Yt, [
-        R(r.$slots, "empty", {}, () => [
-          i[0] || (i[0] = N("Nenhum dado disponível", -1))
+        R(i.$slots, "empty", {}, () => [
+          n[0] || (n[0] = A("Nenhum dado disponível", -1))
         ], !0)
-      ])) : h("", !0)
+      ])) : f("", !0)
     ]));
   }
-}), fs = /* @__PURE__ */ E(Jt, [["__scopeId", "data-v-7700c903"]]), Qt = ["aria-label"], Zt = ["src", "alt"], el = {
+}), hs = /* @__PURE__ */ S(Jt, [["__scopeId", "data-v-7700c903"]]), Qt = ["aria-label"], Zt = ["src", "alt"], el = {
   key: 1,
   class: "dm-avatar__initials"
-}, al = /* @__PURE__ */ S({
+}, al = /* @__PURE__ */ E({
   __name: "DatametriaAvatar",
   props: {
     src: {},
@@ -1483,14 +1498,14 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
     ariaLabel: {}
   },
   setup(e) {
-    const r = e, i = V(!1), a = T(() => {
-      if (!r.name) return "?";
-      const n = r.name.trim().split(" ");
-      return n.length === 1 ? n[0].charAt(0).toUpperCase() : (n[0].charAt(0) + n[n.length - 1].charAt(0)).toUpperCase();
+    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 = () => {
-      i.value = !0;
+      n.value = !0;
     };
-    return (n, d) => (t(), s("div", {
+    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
     }, [
@@ -1503,7 +1518,7 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
       }, null, 40, Zt)) : (t(), s("span", el, g(a.value), 1))
     ], 10, Qt));
   }
-}), bs = /* @__PURE__ */ E(al, [["__scopeId", "data-v-898cb5d7"]]), tl = ["aria-label"], ll = /* @__PURE__ */ S({
+}), bs = /* @__PURE__ */ S(al, [["__scopeId", "data-v-898cb5d7"]]), tl = ["aria-label"], ll = /* @__PURE__ */ E({
   __name: "DatametriaBadge",
   props: {
     label: {},
@@ -1512,67 +1527,77 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
     ariaLabel: {}
   },
   setup(e) {
-    return (r, i) => (t(), s("span", {
+    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(", ")}`);
+    }
+    return (n, a) => (t(), s("span", {
       class: L(["dm-badge", [`dm-badge--${e.variant}`, `dm-badge--${e.size}`]]),
       "aria-label": e.ariaLabel
     }, [
-      R(r.$slots, "default", {}, () => [
-        N(g(e.label), 1)
+      R(n.$slots, "default", {}, () => [
+        A(g(e.label), 1)
       ], !0)
     ], 10, tl));
   }
-}), ps = /* @__PURE__ */ E(ll, [["__scopeId", "data-v-843741c5"]]), sl = ["role", "tabindex", "onKeydown"], rl = {
+}), ps = /* @__PURE__ */ S(ll, [["__scopeId", "data-v-1255c296"]]), sl = ["role", "tabindex", "onKeydown"], il = {
   key: 0,
   class: "dm-chip__icon"
-}, il = { class: "dm-chip__label" }, nl = /* @__PURE__ */ S({
+}, rl = { class: "dm-chip__label" }, nl = /* @__PURE__ */ E({
   __name: "DatametriaChip",
   props: {
     label: {},
-    variant: { default: "default" },
+    variant: { default: "primary" },
     closable: { type: Boolean, default: !1 },
     clickable: { type: Boolean, default: !1 }
   },
   emits: ["click", "close"],
-  setup(e, { emit: r }) {
-    const i = r, a = () => {
-      i("click");
-    }, l = () => {
-      i("close");
+  setup(e, { emit: i }) {
+    const n = 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(", ")}`);
+    }
+    const a = i, l = () => {
+      a("click");
+    }, r = () => {
+      a("close");
     };
-    return (n, d) => (t(), s("div", {
+    return (o, u) => (t(), s("div", {
       class: L(["dm-chip", [`dm-chip--${e.variant}`, { "dm-chip--clickable": e.clickable }]]),
       role: e.clickable ? "button" : void 0,
       tabindex: e.clickable ? 0 : void 0,
-      onClick: a,
+      onClick: l,
       onKeydown: [
-        de(a, ["enter"]),
-        de(Z(a, ["prevent"]), ["space"])
+        ce(l, ["enter"]),
+        ce(Z(l, ["prevent"]), ["space"])
       ]
     }, [
-      n.$slots.icon ? (t(), s("span", rl, [
-        R(n.$slots, "icon", {}, void 0, !0)
-      ])) : h("", !0),
-      v("span", il, [
-        R(n.$slots, "default", {}, () => [
-          N(g(e.label), 1)
+      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)
         ], !0)
       ]),
       e.closable ? (t(), s("button", {
         key: 1,
         class: "dm-chip__close",
-        onClick: Z(l, ["stop"]),
+        onClick: Z(r, ["stop"]),
         "aria-label": "Remover",
         type: "button"
-      }, "×")) : h("", !0)
+      }, "×")) : f("", !0)
     ], 42, sl));
   }
-}), gs = /* @__PURE__ */ E(nl, [["__scopeId", "data-v-0d7ae680"]]), ol = ["aria-label"], dl = { class: "dm-navbar__container" }, cl = { class: "dm-navbar__brand" }, ul = {
+}), gs = /* @__PURE__ */ S(nl, [["__scopeId", "data-v-c6a268e4"]]), ol = ["aria-label"], dl = { class: "dm-navbar__container" }, cl = { class: "dm-navbar__brand" }, ul = {
   href: "/",
   class: "dm-navbar__logo"
 }, ml = ["aria-expanded"], vl = {
   key: 1,
   class: "dm-navbar__actions"
-}, hl = /* @__PURE__ */ S({
+}, fl = /* @__PURE__ */ E({
   __name: "DatametriaNavbar",
   props: {
     brand: { default: "" },
@@ -1583,47 +1608,53 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
     ariaLabel: { default: "Main navigation" }
   },
   setup(e) {
-    const r = e, i = V(!1), a = () => {
-      i.value = !i.value;
+    const i = e;
+    if (process.env.NODE_ENV === "development") {
+      const r = ["light", "dark", "transparent", "primary"];
+      r.includes(i.variant) || console.warn(`[DatametriaNavbar] Invalid variant "${i.variant}". Valid options: ${r.join(", ")}`);
+    }
+    const n = B(() => [
+      "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;
     };
-    return (l, n) => (t(), s("nav", {
-      class: L(["dm-navbar", [
-        `dm-navbar--${r.variant}`,
-        { "dm-navbar--sticky": r.sticky },
-        { "dm-navbar--transparent": r.transparent },
-        { "dm-navbar--bordered": r.bordered }
-      ]]),
+    return (r, o) => (t(), s("nav", {
+      class: L(n.value),
       role: "navigation",
-      "aria-label": r.ariaLabel
+      "aria-label": i.ariaLabel
     }, [
       v("div", dl, [
         v("div", cl, [
-          R(l.$slots, "brand", {}, () => [
+          R(r.$slots, "brand", {}, () => [
             v("a", ul, g(e.brand), 1)
           ], !0)
         ]),
-        l.$slots.menu ? (t(), s("button", {
+        r.$slots.menu ? (t(), s("button", {
           key: 0,
           class: "dm-navbar__toggle",
-          "aria-expanded": i.value,
+          "aria-expanded": a.value,
           "aria-controls": "navbar-menu",
-          onClick: a
-        }, [...n[0] || (n[0] = [
+          onClick: l
+        }, [...o[0] || (o[0] = [
           v("span", { class: "dm-navbar__toggle-icon" }, null, -1)
-        ])], 8, ml)) : h("", !0),
+        ])], 8, ml)) : f("", !0),
         v("div", {
           id: "navbar-menu",
-          class: L(["dm-navbar__menu", { "dm-navbar__menu--open": i.value }])
+          class: L(["dm-navbar__menu", { "dm-navbar__menu--open": a.value }])
         }, [
-          R(l.$slots, "menu", {}, void 0, !0)
+          R(r.$slots, "menu", {}, void 0, !0)
         ], 2),
-        l.$slots.actions ? (t(), s("div", vl, [
-          R(l.$slots, "actions", {}, void 0, !0)
-        ])) : h("", !0)
+        r.$slots.actions ? (t(), s("div", vl, [
+          R(r.$slots, "actions", {}, void 0, !0)
+        ])) : f("", !0)
       ])
     ], 10, ol));
   }
-}), _s = /* @__PURE__ */ E(hl, [["__scopeId", "data-v-adcb6d0c"]]), fl = ["aria-expanded", "aria-controls"], bl = ["disabled"], pl = ["id", "aria-labelledby"], gl = { class: "dm-menu__content" }, _l = ["tabindex", "aria-disabled", "onClick", "onMouseenter"], kl = {
+}), _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 = {
   key: 0,
   class: "dm-menu__divider"
 }, yl = {
@@ -1635,7 +1666,7 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
 }, Vl = {
   key: 1,
   class: "dm-menu__item-shortcut"
-}, Ml = /* @__PURE__ */ S({
+}, Dl = /* @__PURE__ */ E({
   __name: "DatametriaMenu",
   props: {
     items: { default: () => [] },
@@ -1648,38 +1679,38 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
     offset: { default: 4 }
   },
   emits: ["open", "close", "item-click"],
-  setup(e, { expose: r, emit: i }) {
-    const a = e, l = i, n = V(), d = V(), u = V(!1), m = V(-1), b = T(() => `dm-menu-${Math.random().toString(36).substr(2, 9)}`), k = T(() => `dm-menu-trigger-${Math.random().toString(36).substr(2, 9)}`), D = V({}), B = async () => {
-      if (!n.value || !d.value) return;
+  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 () => {
+      if (!r.value || !o.value) return;
       await Y();
-      const o = n.value.getBoundingClientRect(), c = d.value.getBoundingClientRect(), y = {
+      const d = r.value.getBoundingClientRect(), c = o.value.getBoundingClientRect(), y = {
         width: window.innerWidth,
         height: window.innerHeight
       };
       let _ = 0, I = 0;
       switch (a.placement) {
         case "bottom-start":
-          _ = o.bottom + a.offset, I = o.left;
+          _ = d.bottom + a.offset, I = d.left;
           break;
         case "bottom-end":
-          _ = o.bottom + a.offset, I = o.right - c.width;
+          _ = d.bottom + a.offset, I = d.right - c.width;
           break;
         case "top-start":
-          _ = o.top - c.height - a.offset, I = o.left;
+          _ = d.top - c.height - a.offset, I = d.left;
           break;
         case "top-end":
-          _ = o.top - c.height - a.offset, I = o.right - c.width;
+          _ = d.top - c.height - a.offset, I = d.right - c.width;
           break;
         case "left":
-          _ = o.top, I = o.left - c.width - a.offset;
+          _ = d.top, I = d.left - c.width - a.offset;
           break;
         case "right":
-          _ = o.top, I = o.right + a.offset;
+          _ = d.top, I = d.right + a.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 ? `${o.width}px` : "auto";
-      D.value = {
+      const Q = a.fullWidth ? `${d.width}px` : "auto";
+      M.value = {
         position: "fixed",
         top: `${_}px`,
         left: `${I}px`,
@@ -1687,28 +1718,28 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
         zIndex: "9999"
       };
     }, $ = async () => {
-      a.disabled || u.value || (u.value = !0, m.value = -1, l("open"), await B(), Y(() => {
-        const o = a.items.findIndex((c) => !c.disabled && !c.divider);
-        o !== -1 && (m.value = o);
+      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);
       }));
     }, C = () => {
       u.value && (u.value = !1, m.value = -1, l("close"), Y(() => {
-        var o;
-        (o = n.value) == null || o.focus();
+        var d;
+        (d = r.value) == null || d.focus();
       }));
-    }, f = () => {
+    }, h = () => {
       u.value ? C() : $();
     }, p = () => {
-      f();
-    }, w = (o) => {
-      switch (o.key) {
+      h();
+    }, w = (d) => {
+      switch (d.key) {
         case "Enter":
         case " ":
         case "ArrowDown":
-          o.preventDefault(), $();
+          d.preventDefault(), $();
           break;
         case "ArrowUp":
-          o.preventDefault(), $(), Y(() => {
+          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);
@@ -1718,71 +1749,71 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
           C();
           break;
       }
-    }, z = (o) => {
-      switch (o.key) {
+    }, z = (d) => {
+      switch (d.key) {
         case "ArrowDown":
-          o.preventDefault(), O();
+          d.preventDefault(), F();
           break;
         case "ArrowUp":
-          o.preventDefault(), U();
+          d.preventDefault(), P();
           break;
         case "Enter":
         case " ":
-          if (o.preventDefault(), m.value !== -1) {
+          if (d.preventDefault(), m.value !== -1) {
             const c = a.items[m.value];
-            K(c, m.value);
+            W(c, m.value);
           }
           break;
         case "Escape":
-          o.preventDefault(), C();
+          d.preventDefault(), C();
           break;
         case "Tab":
           C();
           break;
       }
-    }, O = () => {
-      const o = a.items.map((_, I) => ({ item: _, index: I })).filter(({ item: _ }) => !_.disabled && !_.divider).map(({ index: _ }) => _);
-      if (o.length === 0) return;
-      const c = o.indexOf(m.value), y = c === -1 ? 0 : (c + 1) % o.length;
-      m.value = o[y];
-    }, U = () => {
-      const o = a.items.map((_, I) => ({ item: _, index: I })).filter(({ item: _ }) => !_.disabled && !_.divider).map(({ index: _ }) => _);
-      if (o.length === 0) return;
-      const c = o.indexOf(m.value), y = c === -1 ? o.length - 1 : (c - 1 + o.length) % o.length;
-      m.value = o[y];
-    }, K = (o, c) => {
-      o.disabled || o.divider || (l("item-click", o, c), o.action && o.action(), a.closeOnItemClick && C());
-    }, x = (o) => {
-      o.stopPropagation();
+    }, 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 = () => {
-      B();
-    }, M = () => {
-      D.value = {};
-    }, F = (o) => {
+      T();
+    }, D = () => {
+      M.value = {};
+    }, N = (d) => {
       var y, _;
       if (!u.value) return;
-      const c = o.target;
-      (y = n.value) != null && y.contains(c) || (_ = d.value) != null && _.contains(c) || C();
-    }, A = () => {
-      u.value && B();
+      const c = d.target;
+      (y = r.value) != null && y.contains(c) || (_ = o.value) != null && _.contains(c) || C();
+    }, O = () => {
+      u.value && T();
     };
     return J(() => {
-      document.addEventListener("click", F), window.addEventListener("resize", A);
-    }), re(() => {
-      document.removeEventListener("click", F), window.removeEventListener("resize", A);
+      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);
-    }), r({
+    }), i({
       open: $,
       close: C,
-      toggle: f,
-      isOpen: T(() => u.value)
-    }), (o, c) => (t(), s("div", {
+      toggle: h,
+      isOpen: B(() => u.value)
+    }), (d, c) => (t(), s("div", {
       class: L(["dm-menu", { "dm-menu--disabled": e.disabled }])
     }, [
       v("div", {
         ref_key: "triggerRef",
-        ref: n,
+        ref: r,
         class: "dm-menu__trigger",
         "aria-expanded": u.value,
         "aria-haspopup": !0,
@@ -1790,16 +1821,16 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
         onClick: p,
         onKeydown: w
       }, [
-        R(o.$slots, "trigger", {
+        R(d.$slots, "trigger", {
           isOpen: u.value,
-          toggle: f
+          toggle: h
         }, () => [
           v("button", {
             type: "button",
             class: "dm-menu__button",
             disabled: e.disabled
           }, [
-            N(g(e.triggerText) + " ", 1),
+            A(g(e.triggerText) + " ", 1),
             (t(), s("svg", {
               class: L(["dm-menu__chevron", { "dm-menu__chevron--open": u.value }]),
               viewBox: "0 0 20 20",
@@ -1813,35 +1844,35 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
             ])], 2))
           ], 8, bl)
         ], !0)
-      ], 40, fl),
+      ], 40, hl),
       (t(), ee(ae, { to: "body" }, [
         te(le, {
           name: "menu",
           onEnter: q,
-          onLeave: M
+          onLeave: D
         }, {
           default: se(() => [
             u.value ? (t(), s("div", {
               key: 0,
               ref_key: "menuRef",
-              ref: d,
+              ref: o,
               id: b.value,
               class: L(["dm-menu__dropdown", [
                 `dm-menu__dropdown--${e.placement}`,
                 { "dm-menu__dropdown--full-width": e.fullWidth }
               ]]),
-              style: j(D.value),
+              style: X(M.value),
               role: "menu",
               "aria-labelledby": k.value,
               onKeydown: z,
               onClick: x
             }, [
               v("div", gl, [
-                R(o.$slots, "default", {
+                R(d.$slots, "default", {
                   close: C,
                   focusedIndex: m.value
                 }, () => [
-                  (t(!0), s(W, null, X(e.items, (y, _) => (t(), s("div", {
+                  (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 === _,
@@ -1851,23 +1882,23 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
                     role: "menuitem",
                     tabindex: y.disabled ? -1 : 0,
                     "aria-disabled": y.disabled,
-                    onClick: (I) => K(y, _),
+                    onClick: (I) => W(y, _),
                     onMouseenter: (I) => m.value = _
                   }, [
-                    y.divider ? (t(), s("div", kl)) : (t(), s(W, { key: 1 }, [
+                    y.divider ? (t(), s("div", kl)) : (t(), s(U, { key: 1 }, [
                       y.icon ? (t(), s("div", yl, [
-                        (t(), ee(he(y.icon)))
-                      ])) : h("", !0),
+                        (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)) : h("", !0)
+                        y.description ? (t(), s("div", xl, g(y.description), 1)) : f("", !0)
                       ]),
-                      y.shortcut ? (t(), s("div", Vl, g(y.shortcut), 1)) : h("", !0)
+                      y.shortcut ? (t(), s("div", Vl, g(y.shortcut), 1)) : f("", !0)
                     ], 64))
                   ], 42, _l))), 128))
                 ], !0)
               ])
-            ], 46, pl)) : h("", !0)
+            ], 46, pl)) : f("", !0)
           ]),
           _: 3
         })
@@ -1879,53 +1910,53 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
               key: 0,
               class: "dm-menu__backdrop",
               onClick: C
-            })) : h("", !0)
+            })) : f("", !0)
           ]),
           _: 1
         })
       ]))
     ], 2));
   }
-}), ks = /* @__PURE__ */ E(Ml, [["__scopeId", "data-v-62db3fcc"]]), Dl = {
+}), ks = /* @__PURE__ */ S(Dl, [["__scopeId", "data-v-62db3fcc"]]), Ml = {
   class: "dm-breadcrumb",
   "aria-label": "Breadcrumb"
 }, Cl = { class: "dm-breadcrumb__list" }, Il = ["href", "onClick"], Bl = ["aria-current"], Tl = {
   key: 2,
   class: "dm-breadcrumb__separator",
   "aria-hidden": "true"
-}, Ll = /* @__PURE__ */ S({
+}, Ll = /* @__PURE__ */ E({
   __name: "DatametriaBreadcrumb",
   props: {
     items: {},
     separator: { default: "/" }
   },
   emits: ["click"],
-  setup(e, { emit: r }) {
-    const i = r, a = (l, n, d) => {
-      i("click", n, d);
+  setup(e, { emit: i }) {
+    const n = i, a = (l, r, o) => {
+      n("click", r, o);
     };
-    return (l, n) => (t(), s("nav", Dl, [
+    return (l, r) => (t(), s("nav", Ml, [
       v("ol", Cl, [
-        (t(!0), s(W, null, X(e.items, (d, u) => (t(), s("li", {
+        (t(!0), s(U, null, K(e.items, (o, u) => (t(), s("li", {
           key: u,
           class: "dm-breadcrumb__item"
         }, [
-          d.href && u < e.items.length - 1 ? (t(), s("a", {
+          o.href && u < e.items.length - 1 ? (t(), s("a", {
             key: 0,
-            href: d.href,
+            href: o.href,
             class: "dm-breadcrumb__link",
-            onClick: (m) => a(m, d, u)
-          }, g(d.label), 9, Il)) : (t(), s("span", {
+            onClick: (m) => a(m, o, u)
+          }, g(o.label), 9, Il)) : (t(), s("span", {
             key: 1,
             class: "dm-breadcrumb__current",
             "aria-current": u === e.items.length - 1 ? "page" : void 0
-          }, g(d.label), 9, Bl)),
-          u < e.items.length - 1 ? (t(), s("span", Tl, g(e.separator), 1)) : h("", !0)
+          }, g(o.label), 9, Bl)),
+          u < e.items.length - 1 ? (t(), s("span", Tl, g(e.separator), 1)) : f("", !0)
         ]))), 128))
       ])
     ]));
   }
-}), ys = /* @__PURE__ */ E(Ll, [["__scopeId", "data-v-17c32ee3"]]), Sl = { class: "dm-tabs" }, El = ["aria-label"], ql = ["id", "aria-selected", "aria-controls", "tabindex", "onClick", "onKeydown"], Rl = { class: "dm-tabs__panels" }, zl = ["id", "aria-labelledby", "hidden"], Fl = /* @__PURE__ */ S({
+}), 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({
   __name: "DatametriaTabs",
   props: {
     tabs: {},
@@ -1933,41 +1964,41 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
     ariaLabel: { default: "Tabs" }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: r }) {
-    const i = e, a = r, l = V(i.modelValue);
-    H(() => i.modelValue, (u) => {
+  setup(e, { emit: i }) {
+    const n = e, a = i, l = V(n.modelValue);
+    H(() => n.modelValue, (u) => {
       l.value = u;
     });
-    const n = (u) => {
+    const r = (u) => {
       l.value = u, a("update:modelValue", u);
-    }, d = (u, m) => {
+    }, o = (u, m) => {
       var k;
       let b = m;
       switch (u.key) {
         case "ArrowLeft":
-          u.preventDefault(), b = m > 0 ? m - 1 : i.tabs.length - 1;
+          u.preventDefault(), b = m > 0 ? m - 1 : n.tabs.length - 1;
           break;
         case "ArrowRight":
-          u.preventDefault(), b = m < i.tabs.length - 1 ? m + 1 : 0;
+          u.preventDefault(), b = m < n.tabs.length - 1 ? m + 1 : 0;
           break;
         case "Home":
           u.preventDefault(), b = 0;
           break;
         case "End":
-          u.preventDefault(), b = i.tabs.length - 1;
+          u.preventDefault(), b = n.tabs.length - 1;
           break;
         default:
           return;
       }
-      n(b), (k = document.getElementById(`tab-${b}`)) == null || k.focus();
+      r(b), (k = document.getElementById(`tab-${b}`)) == null || k.focus();
     };
-    return (u, m) => (t(), s("div", Sl, [
+    return (u, m) => (t(), s("div", El, [
       v("div", {
         class: "dm-tabs__header",
         role: "tablist",
         "aria-label": e.ariaLabel
       }, [
-        (t(!0), s(W, null, X(e.tabs, (b, k) => (t(), s("button", {
+        (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 }]),
@@ -1975,16 +2006,16 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
           "aria-selected": l.value === k,
           "aria-controls": `panel-${k}`,
           tabindex: l.value === k ? 0 : -1,
-          onClick: (D) => n(k),
-          onKeydown: (D) => d(D, k)
+          onClick: (M) => r(k),
+          onKeydown: (M) => o(M, k)
         }, g(b), 43, ql))), 128)),
         v("div", {
           class: "dm-tabs__indicator",
-          style: j({ transform: `translateX(${l.value * 100}%)` })
+          style: X({ transform: `translateX(${l.value * 100}%)` })
         }, null, 4)
-      ], 8, El),
+      ], 8, Sl),
       v("div", Rl, [
-        (t(!0), s(W, null, X(e.tabs, (b, k) => (t(), s("div", {
+        (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 }]),
@@ -1997,54 +2028,54 @@ const fe = ["disabled", "type", "aria-busy", "aria-disabled"], be = {
       ])
     ]));
   }
-}), $s = /* @__PURE__ */ E(Fl, [["__scopeId", "data-v-6d59d320"]]);
-let G = V(!1), ce = !1;
+}), $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");
-  }, r = (d) => {
-    G.value = d === "dark", document.documentElement.classList.toggle("dark", G.value), localStorage.setItem("theme", d);
-  }, i = () => {
-    ce = !0;
-    const d = localStorage.getItem("theme");
-    if (d)
-      r(d);
+  }, 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;
-      r(u ? "dark" : "light");
+      i(u ? "dark" : "light");
     }
     typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", (u) => {
-      localStorage.getItem("theme") || r(u.matches ? "dark" : "light");
+      localStorage.getItem("theme") || i(u.matches ? "dark" : "light");
     });
   };
-  ce || i();
-  const a = T(() => G.value ? "dark" : "light");
+  ue || n();
+  const a = B(() => G.value ? "dark" : "light");
   return {
     isDark: G,
     currentTheme: a,
     toggle: e,
-    setTheme: r,
-    setDark: () => r("dark"),
-    setLight: () => r("light"),
-    initTheme: i
+    setTheme: i,
+    setDark: () => i("dark"),
+    setLight: () => i("light"),
+    initTheme: n
   };
 }
-const Al = (e) => !!e, Ol = (e) => e ? /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e) : !0, Nl = (e) => (r) => r ? r.length >= e : !0, Pl = (e) => (r) => r ? r.length <= e : !0, Ul = (e) => (r) => r ? e.test(r) : !0, Wl = (e) => (r) => e(r);
+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: Al,
-    email: Ol,
-    minLength: Nl,
-    maxLength: Pl,
-    pattern: Ul,
-    custom: Wl
+    required: Ol,
+    email: Fl,
+    minLength: Al,
+    maxLength: jl,
+    pattern: Pl,
+    custom: Ul
   };
 }
 function Vs(e = {}) {
-  const r = V(!1), i = V(null), a = V(null), l = async (b, k = {}) => {
-    r.value = !0, i.value = null;
+  const i = V(!1), n = V(null), a = V(null), l = async (b, k = {}) => {
+    i.value = !0, n.value = null;
     try {
-      const D = e.baseURL ? `${e.baseURL}${b}` : b, B = await fetch(D, {
+      const M = e.baseURL ? `${e.baseURL}${b}` : b, T = await fetch(M, {
         ...k,
         headers: {
           "Content-Type": "application/json",
@@ -2052,82 +2083,82 @@ function Vs(e = {}) {
           ...k.headers
         }
       });
-      if (!B.ok)
-        throw new Error(`HTTP ${B.status}: ${B.statusText}`);
-      const $ = await B.json();
+      if (!T.ok)
+        throw new Error(`HTTP ${T.status}: ${T.statusText}`);
+      const $ = await T.json();
       return a.value = $, $;
-    } catch (D) {
-      throw i.value = D.message || "Request failed", D;
+    } catch (M) {
+      throw n.value = M.message || "Request failed", M;
     } finally {
-      r.value = !1;
+      i.value = !1;
     }
   };
   return {
-    loading: r,
-    error: i,
+    loading: i,
+    error: n,
     data: a,
     get: (b, k) => l(b, { ...k, method: "GET" }),
-    post: (b, k, D) => l(b, {
-      ...D,
+    post: (b, k, M) => l(b, {
+      ...M,
       method: "POST",
       body: JSON.stringify(k)
     }),
-    put: (b, k, D) => l(b, {
-      ...D,
+    put: (b, k, M) => l(b, {
+      ...M,
       method: "PUT",
       body: JSON.stringify(k)
     }),
     delete: (b, k) => l(b, { ...k, method: "DELETE" })
   };
 }
-function Ms() {
-  const e = V(1), r = "datametria-accessibility-scale", i = 0.8, a = 2, l = T(
-    () => Math.max(i, Math.min(a, e.value))
-  ), n = T(() => {
+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";
-  }), d = ($) => {
-    const C = Math.max(i, Math.min(a, $));
+  }), o = ($) => {
+    const C = Math.max(n, Math.min(a, $));
     document.documentElement.style.setProperty("--user-scale", C.toString()), e.value = C;
   }, u = ($) => {
     try {
-      localStorage.setItem(r, $.toString());
+      localStorage.setItem(i, $.toString());
     } catch (C) {
       console.warn("Failed to save accessibility scale:", C);
     }
   }, m = () => {
     try {
-      const $ = localStorage.getItem(r);
+      const $ = localStorage.getItem(i);
       return $ ? parseFloat($) : 1;
     } catch ($) {
       return console.warn("Failed to load accessibility scale:", $), 1;
     }
   }, b = ($) => {
-    d($), u(l.value);
+    o($), u(l.value);
   }, k = () => {
     b(e.value + 0.1);
-  }, D = () => {
+  }, M = () => {
     b(e.value - 0.1);
-  }, B = () => {
+  }, T = () => {
     b(1);
   };
   return H(e, ($) => {
-    d($);
+    o($);
   }), J(() => {
     const $ = m();
-    d($);
+    o($);
   }), {
     scale: l,
-    scaleClass: n,
+    scaleClass: r,
     setScale: b,
     increaseScale: k,
-    decreaseScale: D,
-    resetScale: B,
-    minScale: i,
+    decreaseScale: M,
+    resetScale: T,
+    minScale: n,
     maxScale: a
   };
 }
-const P = {
+const j = {
   xs: 475,
   sm: 640,
   md: 768,
@@ -2135,96 +2166,96 @@ const P = {
   xl: 1280,
   "2xl": 1536
 };
-function Ds() {
-  const e = V(0), r = () => {
+function Ms() {
+  const e = V(0), i = () => {
     e.value = window.innerWidth;
-  }, i = (f) => e.value >= P[f], a = (f) => e.value <= P[f], l = (f, p) => e.value >= P[f] && e.value <= P[p], n = () => {
-    const f = e.value;
-    return f >= P["2xl"] ? "2xl" : f >= P.xl ? "xl" : f >= P.lg ? "lg" : f >= P.md ? "md" : f >= P.sm ? "sm" : "xs";
-  }, d = () => e.value < P.sm, u = () => i("sm") && e.value < P.md, m = () => i("md") && e.value < P.lg, b = () => i("lg") && e.value < P.xl, k = () => i("xl") && e.value < P["2xl"], D = () => i("2xl"), B = () => e.value < P.md, $ = () => l("md", "lg"), C = () => i("lg");
+  }, 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(() => {
-    r(), window.addEventListener("resize", r);
-  }), re(() => {
-    window.removeEventListener("resize", r);
+    i(), window.addEventListener("resize", i);
+  }), ie(() => {
+    window.removeEventListener("resize", i);
   }), {
     windowWidth: e,
-    breakpoints: P,
-    isGreaterOrEqual: i,
+    breakpoints: j,
+    isGreaterOrEqual: n,
     isLessOrEqual: a,
     isBetween: l,
-    getCurrentBreakpoint: n,
-    isXs: d,
+    getCurrentBreakpoint: r,
+    isXs: o,
     isSm: u,
     isMd: m,
     isLg: b,
     isXl: k,
-    is2xl: D,
-    isMobile: B,
+    is2xl: M,
+    isMobile: T,
     isTablet: $,
     isDesktop: C
   };
 }
 function Cs(e = {}) {
   const {
-    color: r = "rgba(255, 255, 255, 0.3)",
-    duration: i = 600,
+    color: i = "rgba(255, 255, 255, 0.3)",
+    duration: n = 600,
     disabled: a = !1
-  } = e, l = V(), n = V([]), d = (f) => {
+  } = e, l = V(), r = V([]), o = (h) => {
     if (a || !l.value) return;
     const p = l.value, w = p.getBoundingClientRect();
-    let z, O;
-    if (f instanceof MouseEvent)
-      z = f.clientX, O = f.clientY;
+    let z, F;
+    if (h instanceof MouseEvent)
+      z = h.clientX, F = h.clientY;
     else {
-      const M = f.touches[0] || f.changedTouches[0];
-      z = M.clientX, O = M.clientY;
+      const D = h.touches[0] || h.changedTouches[0];
+      z = D.clientX, F = D.clientY;
     }
-    const U = z - w.left, K = O - w.top, x = Math.max(w.width, w.height), q = document.createElement("div");
+    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 = `
       position: absolute;
-      left: ${U - x / 2}px;
-      top: ${K - x / 2}px;
+      left: ${P - x / 2}px;
+      top: ${W - x / 2}px;
       width: ${x}px;
       height: ${x}px;
       border-radius: 50%;
-      background: ${r};
+      background: ${i};
       transform: scale(0);
-      animation: ripple-animation ${i / 1e3}s ease-out;
+      animation: ripple-animation ${n / 1e3}s ease-out;
       pointer-events: none;
       z-index: 1;
     `, p.appendChild(q), setTimeout(() => {
       q.parentNode && q.parentNode.removeChild(q);
-    }, i);
-  }, u = (f) => {
-    d(f);
-  }, m = (f) => f ? (l.value = f, window.getComputedStyle(f).position === "static" && (f.style.position = "relative"), f.style.overflow = "hidden", f.addEventListener("click", u), () => {
-    f.removeEventListener("click", u);
-  }) : void 0, b = (f) => {
-    const p = n.value.findIndex((w) => w.id === f);
-    p > -1 && n.value.splice(p, 1);
+    }, 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 = () => {
-    n.value = [];
+    r.value = [];
   };
-  re(() => {
+  ie(() => {
     k();
   });
-  const D = (f) => ({
+  const M = (h) => ({
     position: "absolute",
-    left: `${f.x}px`,
-    top: `${f.y}px`,
-    width: `${f.size}px`,
-    height: `${f.size}px`,
+    left: `${h.x}px`,
+    top: `${h.y}px`,
+    width: `${h.size}px`,
+    height: `${h.size}px`,
     borderRadius: "50%",
-    backgroundColor: r,
+    backgroundColor: i,
     transform: "scale(0)",
-    animation: `ripple-animation ${i}ms ease-out`,
+    animation: `ripple-animation ${n}ms ease-out`,
     pointerEvents: "none",
     zIndex: 1
-  }), B = () => {
-    const f = "ripple-keyframes";
-    if (document.getElementById(f)) return;
+  }), T = () => {
+    const h = "ripple-keyframes";
+    if (document.getElementById(h)) return;
     const p = document.createElement("style");
-    p.id = f, p.textContent = `
+    p.id = h, p.textContent = `
       @keyframes ripple-animation {
         0% {
           transform: scale(0);
@@ -2252,39 +2283,39 @@ function Cs(e = {}) {
     l.value && l.value.removeEventListener("click", u);
   };
   return J(() => {
-    B(), l.value && $();
-  }), H(l, (f) => {
-    f && $();
+    T(), l.value && $();
+  }), H(l, (h) => {
+    h && $();
   }), {
     rippleRef: l,
-    ripples: n,
+    ripples: r,
     applyRipple: m,
     removeRipple: b,
     clearRipples: k,
-    getRippleStyle: D,
-    createRipple: d,
+    getRippleStyle: M,
+    createRipple: o,
     addRippleEffect: $,
     removeRippleEffect: C
   };
 }
 function Is(e = {}) {
   const {
-    enabled: r = !0,
-    fallbackToVisual: i = !0,
+    enabled: i = !0,
+    fallbackToVisual: n = !0,
     visualDuration: a = 150
-  } = e, l = V(!1), n = V(r), d = V(null), u = () => !!("hapticFeedback" in navigator && navigator.hapticFeedback || "vibrate" in navigator && typeof navigator.vibrate == "function"), m = (o) => {
+  } = 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) => {
     if (!("vibrate" in navigator) || typeof navigator.vibrate != "function") return !1;
     try {
-      return navigator.vibrate(o);
+      return navigator.vibrate(d);
     } catch (c) {
       return console.warn("Haptic feedback failed:", c), !1;
     }
-  }, b = (o, c) => {
-    if (!i) return;
+  }, b = (d, c) => {
+    if (!n) return;
     const y = `visual-${Date.now()}`;
-    if (d.value = y, c) {
+    if (o.value = y, c) {
       const _ = c.style.transform, I = c.style.transition;
-      switch (c.style.transition = "transform 75ms ease-out", o) {
+      switch (c.style.transition = "transform 75ms ease-out", d) {
         case "light":
           c.style.transform = "scale(0.98)";
           break;
@@ -2302,45 +2333,45 @@ function Is(e = {}) {
       }
       setTimeout(() => {
         c.style.transform = _, setTimeout(() => {
-          c.style.transition = I, d.value === y && (d.value = null);
+          c.style.transition = I, o.value === y && (o.value = null);
         }, 75);
       }, 75);
     }
     setTimeout(() => {
-      d.value === y && (d.value = null);
+      o.value === y && (o.value = null);
     }, a);
-  }, k = (o) => {
-    if (!n.value) return;
+  }, k = (d) => {
+    if (!r.value) return;
     let c = !1;
-    l.value && (c = m(10)), !c && i && b("light", o);
-  }, D = (o) => {
-    if (!n.value) return;
+    l.value && (c = m(10)), !c && n && b("light", d);
+  }, M = (d) => {
+    if (!r.value) return;
     let c = !1;
-    l.value && (c = m(20)), !c && i && b("medium", o);
-  }, B = (o) => {
-    if (!n.value) return;
+    l.value && (c = m(20)), !c && n && b("medium", d);
+  }, T = (d) => {
+    if (!r.value) return;
     let c = !1;
-    l.value && (c = m(40)), !c && i && b("heavy", o);
-  }, $ = (o) => {
-    if (!n.value) return;
+    l.value && (c = m(40)), !c && n && b("heavy", d);
+  }, $ = (d) => {
+    if (!r.value) return;
     let c = !1;
-    l.value && (c = m(5)), !c && i && b("selection", o);
-  }, C = (o = "medium", c) => {
-    switch (o) {
+    l.value && (c = m(5)), !c && n && b("selection", d);
+  }, C = (d = "medium", c) => {
+    switch (d) {
       case "light":
         k(c);
         break;
       case "medium":
-        D(c);
+        M(c);
         break;
       case "heavy":
-        B(c);
+        T(c);
         break;
     }
-  }, f = (o, c) => {
-    if (!n.value) return;
+  }, h = (d, c) => {
+    if (!r.value) return;
     let y;
-    switch (o) {
+    switch (d) {
       case "success":
         y = [10, 50, 10];
         break;
@@ -2352,28 +2383,28 @@ function Is(e = {}) {
         break;
     }
     let _ = !1;
-    l.value && (_ = m(y)), !_ && i && b("notification", c);
-  }, p = (o, c) => {
-    if (!n.value) return;
+    l.value && (_ = m(y)), !_ && n && b("notification", c);
+  }, p = (d, c) => {
+    if (!r.value) return;
     let y = !1;
-    l.value && (y = m(o)), !y && i && b("medium", c);
+    l.value && (y = m(d)), !y && n && b("medium", c);
   }, w = () => {
-    n.value = !0;
+    r.value = !0;
   }, z = () => {
-    n.value = !1;
-  }, O = () => {
-    n.value = !n.value;
-  }, U = T(() => l.value && n.value), K = T(() => d.value !== null), x = (o = "light") => {
-    if (!n.value) return !1;
+    r.value = !1;
+  }, F = () => {
+    r.value = !r.value;
+  }, P = B(() => l.value && r.value), W = B(() => o.value !== null), x = (d = "light") => {
+    if (!r.value) return !1;
     if ("hapticFeedback" in navigator && navigator.hapticFeedback)
       try {
-        return navigator.hapticFeedback.impact(o);
+        return navigator.hapticFeedback.impact(d);
       } catch (c) {
         console.warn("Haptic feedback failed:", c);
       }
     if ("vibrate" in navigator && typeof navigator.vibrate == "function") {
       let c;
-      switch (o) {
+      switch (d) {
         case "light":
           c = 10;
           break;
@@ -2403,10 +2434,10 @@ function Is(e = {}) {
     }
     return !1;
   }, q = () => {
-    const o = "haptic-keyframes";
-    if (document.getElementById(o)) return;
+    const d = "haptic-keyframes";
+    if (document.getElementById(d)) return;
     const c = document.createElement("style");
-    c.id = o, c.textContent = `
+    c.id = d, c.textContent = `
       @keyframes haptic-pulse-light {
         0% { transform: scale(1); }
         50% { transform: scale(0.98); }
@@ -2448,10 +2479,10 @@ function Is(e = {}) {
         }
       }
     `, document.head.appendChild(c);
-  }, M = (o, c) => {
-    if (!o) return;
+  }, D = (d, c) => {
+    if (!d) return;
     q();
-    const y = o.style.animation;
+    const y = d.style.animation;
     let _, I;
     switch (c) {
       case "light":
@@ -2475,91 +2506,91 @@ function Is(e = {}) {
       default:
         _ = "haptic-pulse-light 0.15s ease-out", I = 150;
     }
-    o.style.animation = _, setTimeout(() => {
-      o.style.animation = y;
+    d.style.animation = _, setTimeout(() => {
+      d.style.animation = y;
     }, I);
-  }, F = (o, c) => {
+  }, N = (d, c) => {
     const y = x(c);
-    return M(o, c), y;
-  }, A = () => {
-    const o = u();
-    return l.value = o, o;
+    return D(d, c), y;
+  }, O = () => {
+    const d = u();
+    return l.value = d, d;
   };
-  return A(), {
+  return O(), {
     // Estado
     isSupported: l,
-    isEnabled: n,
-    canVibrate: U,
-    hasVisualFeedback: K,
-    activeVisualFeedback: d,
+    isEnabled: r,
+    canVibrate: P,
+    hasVisualFeedback: W,
+    activeVisualFeedback: o,
     // Métodos principais (compatíveis com testes)
     triggerHaptic: x,
-    triggerVisualFeedback: M,
-    feedback: F,
-    checkSupport: A,
+    triggerVisualFeedback: D,
+    feedback: N,
+    checkSupport: O,
     // Métodos de feedback específicos
     light: k,
-    medium: D,
-    heavy: B,
+    medium: M,
+    heavy: T,
     selection: $,
     impact: C,
-    notification: f,
+    notification: h,
     custom: p,
     // Controles
     enable: w,
     disable: z,
-    toggle: O,
+    toggle: F,
     // Utilitários
     detectHapticSupport: u
   };
 }
-function Bs(e, r) {
-  const i = localStorage.getItem(e);
-  let a = r;
-  if (i)
+function Bs(e, i) {
+  const n = localStorage.getItem(e);
+  let a = i;
+  if (n)
     try {
-      a = JSON.parse(i);
+      a = JSON.parse(n);
     } catch {
-      a = r;
+      a = i;
     }
   const l = V(a);
   return H(
     l,
-    (n) => {
-      localStorage.setItem(e, JSON.stringify(n));
+    (r) => {
+      localStorage.setItem(e, JSON.stringify(r));
     },
     { deep: !0 }
   ), l;
 }
-function Ts(e, r = 300) {
-  const i = V(e.value);
+function Ts(e, i = 300) {
+  const n = V(e.value);
   let a = null;
   return H(e, (l) => {
     a && clearTimeout(a), a = setTimeout(() => {
-      i.value = l;
-    }, r);
-  }), i;
+      n.value = l;
+    }, i);
+  }), n;
 }
 function Ls() {
-  const e = V(!1), r = V(null);
+  const e = V(!1), i = V(null);
   return {
     copied: e,
-    error: r,
+    error: i,
     copy: async (l) => {
       try {
-        return await navigator.clipboard.writeText(l), e.value = !0, r.value = null, setTimeout(() => {
+        return await navigator.clipboard.writeText(l), e.value = !0, i.value = null, setTimeout(() => {
           e.value = !1;
         }, 2e3), !0;
-      } catch (n) {
-        return r.value = n.message || "Copy failed", e.value = !1, !1;
+      } catch (r) {
+        return i.value = r.message || "Copy failed", e.value = !1, !1;
       }
     },
     read: async () => {
       try {
         const l = await navigator.clipboard.readText();
-        return r.value = null, l;
+        return i.value = null, l;
       } catch (l) {
-        return r.value = l.message || "Read failed", "";
+        return i.value = l.message || "Read failed", "";
       }
     }
   };
@@ -2570,41 +2601,41 @@ export {
   bs as DatametriaAvatar,
   ps as DatametriaBadge,
   ys as DatametriaBreadcrumb,
-  Xl as DatametriaButton,
+  Kl as DatametriaButton,
   ss as DatametriaCard,
   Gl as DatametriaCheckbox,
   gs as DatametriaChip,
-  is as DatametriaContainer,
+  rs as DatametriaContainer,
   Zl as DatametriaDatePicker,
   os as DatametriaDivider,
   ts as DatametriaFileUpload,
   ns as DatametriaGrid,
-  jl as DatametriaInput,
+  Xl as DatametriaInput,
   ks as DatametriaMenu,
-  rs as DatametriaModal,
+  is as DatametriaModal,
   _s as DatametriaNavbar,
   vs as DatametriaProgress,
   Yl as DatametriaRadio,
   Hl as DatametriaSelect,
   ms as DatametriaSkeleton,
   as as DatametriaSlider,
-  hs as DatametriaSpinner,
+  fs as DatametriaSpinner,
   Jl as DatametriaSwitch,
-  fs as DatametriaTable,
+  hs as DatametriaTable,
   $s as DatametriaTabs,
   Ql as DatametriaTextarea,
   es as DatametriaTimePicker,
   cs as DatametriaToast,
   us as DatametriaTooltip,
-  Wl as custom,
-  Ol as email,
-  Pl as maxLength,
-  Nl as minLength,
-  Ul as pattern,
-  Al as required,
+  Ul as custom,
+  Fl as email,
+  jl as maxLength,
+  Al as minLength,
+  Pl as pattern,
+  Ol as required,
   Vs as useAPI,
-  Ms as useAccessibilityScale,
-  Ds as useBreakpoints,
+  Ds as useAccessibilityScale,
+  Ms as useBreakpoints,
   Ls as useClipboard,
   Ts as useDebounce,
   Is as useHapticFeedback,