@datametria/vue-components 1.1.2 → 1.2.0

package/dist/index.es.js

@@ -1,15 +1,15 @@
-import { defineComponent as f, computed as C, createElementBlock as t, openBlock as a, normalizeClass as y, createCommentVNode as c, renderSlot as p, createElementVNode as i, createTextVNode as w, toDisplayString as m, Fragment as B, renderList as L, ref as k, watch as T, withDirectives as N, vModelText as R, withModifiers as S, onMounted as P, onUnmounted as X, createBlock as K, Teleport as j, createVNode as G, Transition as H, withCtx as J, normalizeStyle as A, withKeys as U } from "vue";
-var W = /* @__PURE__ */ ((e) => (e.PRIMARY = "primary", e.SECONDARY = "secondary", e.OUTLINE = "outline", e.GHOST = "ghost", e))(W || {}), Y = /* @__PURE__ */ ((e) => (e.SM = "sm", e.MD = "md", e.LG = "lg", e))(Y || {});
-const Z = ["disabled", "type", "aria-busy", "aria-disabled"], ee = {
+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"
-}, ae = /* @__PURE__ */ f({
+}, pe = /* @__PURE__ */ E({
   __name: "DatametriaButton",
   props: {
-    variant: { default: W.PRIMARY },
-    size: { default: Y.MD },
+    variant: { default: oe.PRIMARY },
+    size: { default: me.MD },
     disabled: { type: Boolean, default: !1 },
     loading: { type: Boolean, default: !1 },
     fullWidth: { type: Boolean, default: !1 },
@@ -17,40 +17,45 @@ const Z = ["disabled", "type", "aria-busy", "aria-disabled"], ee = {
   },
   emits: ["click"],
   setup(e) {
-    const l = e, s = C(() => [
+    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--${l.variant}`,
-      `datametria-button--${l.size}`,
+      `datametria-button--${i.variant}`,
+      `datametria-button--${i.size}`,
       {
-        "datametria-button--full-width": l.fullWidth,
-        "datametria-button--loading": l.loading,
-        "datametria-button--disabled": l.disabled
+        "datametria-button--full-width": i.fullWidth,
+        "datametria-button--loading": i.loading,
+        "datametria-button--disabled": i.disabled
       }
     ]);
-    return (o, r) => (a(), t("button", {
-      class: y(s.value),
+    return (a, l) => (t(), s("button", {
+      class: L(n.value),
       disabled: e.disabled || e.loading,
       type: e.type,
       "aria-busy": e.loading,
       "aria-disabled": e.disabled,
-      onClick: r[0] || (r[0] = (d) => o.$emit("click", d))
+      onClick: l[0] || (l[0] = (r) => a.$emit("click", r))
     }, [
-      e.loading ? (a(), t("span", ee)) : c("", !0),
-      p(o.$slots, "default", {}, void 0, !0)
-    ], 10, Z));
+      e.loading ? (t(), s("span", be)) : f("", !0),
+      R(a.$slots, "default", {}, void 0, !0)
+    ], 10, he));
   }
-}), _ = (e, l) => {
-  const s = e.__vccOpts || e;
-  for (const [o, r] of l)
-    s[o] = r;
-  return s;
-}, Et = /* @__PURE__ */ _(ae, [["__scopeId", "data-v-e9850b65"]]), te = { class: "datametria-input" }, le = ["for"], se = {
+}), 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"
-}, re = ["id", "value", "placeholder", "disabled", "required"], de = {
+}, ye = ["id", "value", "placeholder", "disabled", "required"], $e = {
   key: 1,
   class: "datametria-input__error"
-}, oe = /* @__PURE__ */ f({
+}, we = /* @__PURE__ */ E({
   __name: "DatametriaInput",
   props: {
     modelValue: { default: "" },
@@ -62,45 +67,45 @@ const Z = ["disabled", "type", "aria-busy", "aria-disabled"], ee = {
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const l = e, s = C(() => `input-${Math.random().toString(36).substr(2, 9)}`), o = C(() => [
+    const i = e, n = B(() => `input-${Math.random().toString(36).substr(2, 9)}`), a = B(() => [
       "datametria-input__field",
       {
-        "datametria-input__field--error": l.errorMessage,
-        "datametria-input__field--disabled": l.disabled
+        "datametria-input__field--error": i.errorMessage,
+        "datametria-input__field--disabled": i.disabled
       }
     ]);
-    return (r, d) => (a(), t("div", te, [
-      e.label ? (a(), t("label", {
+    return (l, r) => (t(), s("div", ge, [
+      e.label ? (t(), s("label", {
         key: 0,
-        for: s.value,
+        for: n.value,
         class: "datametria-input__label"
       }, [
-        w(m(e.label) + " ", 1),
-        e.required ? (a(), t("span", se, "*")) : c("", !0)
-      ], 8, le)) : c("", !0),
-      i("input", {
-        id: s.value,
+        A(g(e.label) + " ", 1),
+        e.required ? (t(), s("span", ke, "*")) : f("", !0)
+      ], 8, _e)) : f("", !0),
+      v("input", {
+        id: n.value,
         value: e.modelValue,
         placeholder: e.placeholder,
         disabled: e.disabled,
         required: e.required,
-        class: y(o.value),
-        onInput: d[0] || (d[0] = (n) => r.$emit("update:modelValue", n.target.value))
-      }, null, 42, re),
-      e.errorMessage ? (a(), t("p", de, m(e.errorMessage), 1)) : c("", !0)
+        class: L(a.value),
+        onInput: r[0] || (r[0] = (o) => l.$emit("update:modelValue", o.target.value))
+      }, null, 42, ye),
+      e.errorMessage ? (t(), s("p", $e, g(e.errorMessage), 1)) : f("", !0)
     ]));
   }
-}), At = /* @__PURE__ */ _(oe, [["__scopeId", "data-v-cae54108"]]), ie = { class: "datametria-select" }, ne = ["for"], ce = {
+}), Xl = /* @__PURE__ */ S(we, [["__scopeId", "data-v-cae54108"]]), xe = { class: "datametria-select" }, Ve = ["for"], De = {
   key: 0,
   class: "datametria-select__required"
-}, ue = ["id", "value", "disabled", "required"], me = {
+}, Me = ["id", "value", "disabled", "required"], Ce = {
   key: 0,
   value: "",
   disabled: ""
-}, be = ["value"], ve = {
+}, Ie = ["value"], Be = {
   key: 1,
   class: "datametria-select__error"
-}, he = /* @__PURE__ */ f({
+}, Te = /* @__PURE__ */ E({
   __name: "DatametriaSelect",
   props: {
     modelValue: { default: "" },
@@ -113,43 +118,43 @@ const Z = ["disabled", "type", "aria-busy", "aria-disabled"], ee = {
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const l = e, s = C(() => `select-${Math.random().toString(36).substr(2, 9)}`), o = C(() => [
+    const i = e, n = B(() => `select-${Math.random().toString(36).substr(2, 9)}`), a = B(() => [
       "datametria-select__field",
       {
-        "datametria-select__field--error": l.errorMessage,
-        "datametria-select__field--disabled": l.disabled
+        "datametria-select__field--error": i.errorMessage,
+        "datametria-select__field--disabled": i.disabled
       }
     ]);
-    return (r, d) => (a(), t("div", ie, [
-      e.label ? (a(), t("label", {
+    return (l, r) => (t(), s("div", xe, [
+      e.label ? (t(), s("label", {
         key: 0,
-        for: s.value,
+        for: n.value,
         class: "datametria-select__label"
       }, [
-        w(m(e.label) + " ", 1),
-        e.required ? (a(), t("span", ce, "*")) : c("", !0)
-      ], 8, ne)) : c("", !0),
-      i("select", {
-        id: s.value,
+        A(g(e.label) + " ", 1),
+        e.required ? (t(), s("span", De, "*")) : f("", !0)
+      ], 8, Ve)) : f("", !0),
+      v("select", {
+        id: n.value,
         value: e.modelValue,
         disabled: e.disabled,
         required: e.required,
-        class: y(o.value),
-        onChange: d[0] || (d[0] = (n) => r.$emit("update:modelValue", n.target.value))
+        class: L(a.value),
+        onChange: r[0] || (r[0] = (o) => l.$emit("update:modelValue", o.target.value))
       }, [
-        e.placeholder ? (a(), t("option", me, m(e.placeholder), 1)) : c("", !0),
-        (a(!0), t(B, null, L(e.options, (n) => (a(), t("option", {
-          key: n.value,
-          value: n.value
-        }, m(n.label), 9, be))), 128))
-      ], 42, ue),
-      e.errorMessage ? (a(), t("p", ve, m(e.errorMessage), 1)) : c("", !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)
     ]));
   }
-}), Ot = /* @__PURE__ */ _(he, [["__scopeId", "data-v-96f4e8ce"]]), fe = { class: "datametria-checkbox" }, _e = ["checked", "disabled"], $e = {
+}), Hl = /* @__PURE__ */ S(Te, [["__scopeId", "data-v-96f4e8ce"]]), Le = { class: "datametria-checkbox" }, Ee = ["checked", "disabled"], Se = {
   key: 0,
   class: "datametria-checkbox__label"
-}, ye = /* @__PURE__ */ f({
+}, qe = /* @__PURE__ */ E({
   __name: "DatametriaCheckbox",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -158,22 +163,22 @@ const Z = ["disabled", "type", "aria-busy", "aria-disabled"], ee = {
   },
   emits: ["update:modelValue"],
   setup(e) {
-    return (l, s) => (a(), t("label", fe, [
-      i("input", {
+    return (i, n) => (t(), s("label", Le, [
+      v("input", {
         type: "checkbox",
         checked: e.modelValue,
         disabled: e.disabled,
         class: "datametria-checkbox__input",
-        onChange: s[0] || (s[0] = (o) => l.$emit("update:modelValue", o.target.checked))
-      }, null, 40, _e),
-      s[1] || (s[1] = i("span", { class: "datametria-checkbox__checkmark" }, null, -1)),
-      e.label ? (a(), t("span", $e, m(e.label), 1)) : c("", !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)
     ]));
   }
-}), Nt = /* @__PURE__ */ _(ye, [["__scopeId", "data-v-3226ffd6"]]), ke = { class: "dm-radio" }, pe = { class: "dm-radio__label" }, ge = ["value", "checked", "disabled", "name", "aria-label", "aria-describedby"], De = {
+}), 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"
-}, Ve = ["id"], we = /* @__PURE__ */ f({
+}, Fe = ["id"], Ae = /* @__PURE__ */ E({
   __name: "DatametriaRadio",
   props: {
     modelValue: { type: [String, Number, Boolean] },
@@ -185,13 +190,13 @@ const Z = ["disabled", "type", "aria-busy", "aria-disabled"], ee = {
     ariaLabel: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
-    const s = e, o = l, r = () => {
-      s.disabled || o("update:modelValue", s.value);
+  setup(e, { emit: i }) {
+    const n = e, a = i, l = () => {
+      n.disabled || a("update:modelValue", n.value);
     };
-    return (d, n) => (a(), t("div", ke, [
-      i("label", pe, [
-        i("input", {
+    return (r, o) => (t(), s("div", Re, [
+      v("label", ze, [
+        v("input", {
           type: "radio",
           class: "dm-radio__input",
           value: e.value,
@@ -200,25 +205,25 @@ const Z = ["disabled", "type", "aria-busy", "aria-disabled"], ee = {
           name: e.name,
           "aria-label": e.ariaLabel,
           "aria-describedby": e.error ? `${e.name}-error` : void 0,
-          onChange: r
-        }, null, 40, ge),
-        n[0] || (n[0] = i("span", { class: "dm-radio__checkmark" }, null, -1)),
-        e.label ? (a(), t("span", De, m(e.label), 1)) : c("", !0)
+          onChange: l
+        }, null, 40, Ne),
+        o[0] || (o[0] = v("span", { class: "dm-radio__checkmark" }, null, -1)),
+        e.label ? (t(), s("span", Oe, g(e.label), 1)) : f("", !0)
       ]),
-      e.error ? (a(), t("p", {
+      e.error ? (t(), s("p", {
         key: 0,
         id: `${e.name}-error`,
         class: "dm-radio__error"
-      }, m(e.error), 9, Ve)) : c("", !0)
+      }, g(e.error), 9, Fe)) : f("", !0)
     ]));
   }
-}), Rt = /* @__PURE__ */ _(we, [["__scopeId", "data-v-4fb0fa6f"]]), Ce = { class: "dm-switch" }, Ie = { class: "dm-switch__label" }, Be = ["checked", "disabled", "aria-label", "aria-checked"], Le = {
+}), 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"
-}, Me = {
+}, Ke = {
   key: 0,
   class: "dm-switch__error"
-}, qe = /* @__PURE__ */ f({
+}, Xe = /* @__PURE__ */ E({
   __name: "DatametriaSwitch",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -228,13 +233,13 @@ const Z = ["disabled", "type", "aria-busy", "aria-disabled"], ee = {
     ariaLabel: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
-    const s = e, o = l, r = (d) => {
-      s.disabled || o("update:modelValue", d.target.checked);
+  setup(e, { emit: i }) {
+    const n = e, a = i, l = (r) => {
+      n.disabled || a("update:modelValue", r.target.checked);
     };
-    return (d, n) => (a(), t("div", Ce, [
-      i("label", Ie, [
-        i("input", {
+    return (r, o) => (t(), s("div", je, [
+      v("label", Pe, [
+        v("input", {
           type: "checkbox",
           class: "dm-switch__input",
           checked: e.modelValue,
@@ -242,26 +247,26 @@ const Z = ["disabled", "type", "aria-busy", "aria-disabled"], ee = {
           "aria-label": e.ariaLabel,
           "aria-checked": e.modelValue,
           role: "switch",
-          onChange: r
-        }, null, 40, Be),
-        n[0] || (n[0] = i("span", { class: "dm-switch__track" }, [
-          i("span", { class: "dm-switch__thumb" })
+          onChange: l
+        }, null, 40, Ue),
+        o[0] || (o[0] = v("span", { class: "dm-switch__track" }, [
+          v("span", { class: "dm-switch__thumb" })
         ], -1)),
-        e.label ? (a(), t("span", Le, m(e.label), 1)) : c("", !0)
+        e.label ? (t(), s("span", We, g(e.label), 1)) : f("", !0)
       ]),
-      e.error ? (a(), t("p", Me, m(e.error), 1)) : c("", !0)
+      e.error ? (t(), s("p", Ke, g(e.error), 1)) : f("", !0)
     ]));
   }
-}), Ut = /* @__PURE__ */ _(qe, [["__scopeId", "data-v-f57b4d9a"]]), Te = { class: "dm-textarea" }, xe = {
+}), Jl = /* @__PURE__ */ S(Xe, [["__scopeId", "data-v-f57b4d9a"]]), He = { class: "dm-textarea" }, Ge = {
   key: 0,
   class: "dm-textarea__required"
-}, Se = ["placeholder", "disabled", "required", "rows", "maxlength", "aria-label", "aria-describedby", "aria-invalid"], ze = {
+}, Ye = ["placeholder", "disabled", "required", "rows", "maxlength", "aria-label", "aria-describedby", "aria-invalid"], Je = {
   key: 1,
   class: "dm-textarea__footer"
-}, Ee = ["id"], Ae = {
+}, Qe = ["id"], Ze = {
   key: 1,
   class: "dm-textarea__counter"
-}, Oe = /* @__PURE__ */ f({
+}, ea = /* @__PURE__ */ E({
   __name: "DatametriaTextarea",
   props: {
     modelValue: { default: "" },
@@ -275,56 +280,56 @@ const Z = ["disabled", "type", "aria-busy", "aria-disabled"], ee = {
     ariaLabel: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
-    const s = e, o = l, r = `dm-textarea-${Math.random().toString(36).substr(2, 9)}`, d = k(s.modelValue);
-    T(() => s.modelValue, (u) => {
-      d.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 n = () => {
-      o("update:modelValue", d.value || "");
+    const o = () => {
+      a("update:modelValue", r.value || "");
     };
-    return (u, b) => {
-      var h;
-      return a(), t("div", Te, [
-        e.label ? (a(), t("label", {
+    return (u, m) => {
+      var b;
+      return t(), s("div", He, [
+        e.label ? (t(), s("label", {
           key: 0,
-          for: r,
+          for: l,
           class: "dm-textarea__label"
         }, [
-          w(m(e.label) + " ", 1),
-          e.required ? (a(), t("span", xe, "*")) : c("", !0)
-        ])) : c("", !0),
-        N(i("textarea", {
-          id: r,
-          "onUpdate:modelValue": b[0] || (b[0] = (v) => d.value = v),
-          class: y(["dm-textarea__input", { "dm-textarea__input--error": e.error }]),
+          A(g(e.label) + " ", 1),
+          e.required ? (t(), s("span", Ge, "*")) : f("", !0)
+        ])) : f("", !0),
+        re(v("textarea", {
+          id: l,
+          "onUpdate:modelValue": m[0] || (m[0] = (k) => r.value = k),
+          class: L(["dm-textarea__input", { "dm-textarea__input--error": e.error }]),
           placeholder: e.placeholder,
           disabled: e.disabled,
           required: e.required,
           rows: e.rows,
           maxlength: e.maxLength,
           "aria-label": e.ariaLabel,
-          "aria-describedby": e.error ? `${r}-error` : void 0,
+          "aria-describedby": e.error ? `${l}-error` : void 0,
           "aria-invalid": !!e.error,
-          onInput: n
-        }, null, 42, Se), [
-          [R, d.value]
+          onInput: o
+        }, null, 42, Ye), [
+          [ne, r.value]
         ]),
-        e.maxLength || e.error ? (a(), t("div", ze, [
-          e.error ? (a(), t("p", {
+        e.maxLength || e.error ? (t(), s("div", Je, [
+          e.error ? (t(), s("p", {
             key: 0,
-            id: `${r}-error`,
+            id: `${l}-error`,
             class: "dm-textarea__error"
-          }, m(e.error), 9, Ee)) : c("", !0),
-          e.maxLength ? (a(), t("span", Ae, m(((h = d.value) == null ? void 0 : h.length) || 0) + "/" + m(e.maxLength), 1)) : c("", !0)
-        ])) : c("", !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)
       ]);
     };
   }
-}), Ft = /* @__PURE__ */ _(Oe, [["__scopeId", "data-v-e9253798"]]), Ne = { class: "dm-datepicker" }, Re = {
+}), Ql = /* @__PURE__ */ S(ea, [["__scopeId", "data-v-e9253798"]]), aa = { class: "dm-datepicker" }, ta = {
   key: 0,
   class: "dm-datepicker__required"
-}, Ue = { class: "dm-datepicker__wrapper" }, Fe = ["disabled", "required", "min", "max", "aria-label", "aria-describedby", "aria-invalid"], Pe = ["id"], Ke = /* @__PURE__ */ f({
+}, 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,64 +342,367 @@ const Z = ["disabled", "type", "aria-busy", "aria-disabled"], ee = {
     ariaLabel: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
-    const s = e, o = l, r = `dm-datepicker-${Math.random().toString(36).substr(2, 9)}`, d = k(s.modelValue);
-    T(() => s.modelValue, (u) => {
-      d.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 n = () => {
-      o("update:modelValue", d.value);
+    const o = () => {
+      a("update:modelValue", r.value);
     };
-    return (u, b) => (a(), t("div", Ne, [
-      e.label ? (a(), t("label", {
+    return (u, m) => (t(), s("div", aa, [
+      e.label ? (t(), s("label", {
         key: 0,
-        for: r,
+        for: l,
         class: "dm-datepicker__label"
       }, [
-        w(m(e.label) + " ", 1),
-        e.required ? (a(), t("span", Re, "*")) : c("", !0)
-      ])) : c("", !0),
-      i("div", Ue, [
-        N(i("input", {
-          id: r,
+        A(g(e.label) + " ", 1),
+        e.required ? (t(), s("span", ta, "*")) : f("", !0)
+      ])) : f("", !0),
+      v("div", la, [
+        re(v("input", {
+          id: l,
           type: "date",
-          "onUpdate:modelValue": b[0] || (b[0] = (h) => d.value = h),
-          class: y(["dm-datepicker__input", { "dm-datepicker__input--error": e.error }]),
+          "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,
           min: e.min,
           max: e.max,
           "aria-label": e.ariaLabel,
-          "aria-describedby": e.error ? `${r}-error` : void 0,
+          "aria-describedby": e.error ? `${l}-error` : void 0,
           "aria-invalid": !!e.error,
-          onChange: n
-        }, null, 42, Fe), [
-          [R, d.value]
+          onChange: o
+        }, null, 42, sa), [
+          [ne, r.value]
         ])
       ]),
-      e.error ? (a(), t("p", {
+      e.error ? (t(), s("p", {
         key: 1,
-        id: `${r}-error`,
+        id: `${l}-error`,
         class: "dm-datepicker__error"
-      }, m(e.error), 9, Pe)) : c("", !0)
+      }, g(e.error), 9, ia)) : f("", !0)
     ]));
   }
-}), Pt = /* @__PURE__ */ _(Ke, [["__scopeId", "data-v-8bf1e9ec"]]), je = { class: "dm-file-upload" }, Ge = {
+}), Zl = /* @__PURE__ */ S(ra, [["__scopeId", "data-v-8bf1e9ec"]]), na = ["for"], oa = {
+  key: 0,
+  class: "dm-time-picker__required",
+  "aria-label": "obrigatório"
+}, da = { class: "dm-time-picker__wrapper" }, ca = ["id", "disabled", "required", "min", "max", "step", "aria-describedby", "aria-invalid"], ua = {
+  key: 0,
+  class: "dm-time-picker__icon"
+}, ma = {
+  key: 0,
+  class: "dm-time-picker__icon--error",
+  viewBox: "0 0 20 20",
+  fill: "currentColor"
+}, va = {
+  key: 1,
+  class: "dm-time-picker__icon--success",
+  viewBox: "0 0 20 20",
+  fill: "currentColor"
+}, fa = {
+  key: 1,
+  class: "dm-time-picker__messages"
+}, ha = ["id"], ba = ["id"], pa = ["id"], ga = /* @__PURE__ */ E({
+  __name: "DatametriaTimePicker",
+  props: {
+    modelValue: { default: "" },
+    label: {},
+    placeholder: {},
+    disabled: { type: Boolean },
+    required: { type: Boolean },
+    errorMessage: {},
+    successMessage: {},
+    helperText: {},
+    min: {},
+    max: {},
+    step: { default: 60 },
+    format24h: { type: Boolean, default: !0 }
+  },
+  emits: ["update:modelValue", "blur", "focus", "change"],
+  setup(e, { expose: i, emit: n }) {
+    const a = e, l = n, r = V(), o = B(() => `dm-time-picker-${Math.random().toString(36).substr(2, 9)}`), u = B(() => !!a.errorMessage), m = B(() => !!a.successMessage && !u.value), b = B(() => {
+      const p = [];
+      return a.errorMessage ? p.push(`${o.value}-error`) : a.successMessage ? p.push(`${o.value}-success`) : a.helperText && p.push(`${o.value}-helper`), p.length > 0 ? p.join(" ") : void 0;
+    }), k = B({
+      get: () => a.modelValue,
+      set: (p) => {
+        l("update:modelValue", p), l("change", p);
+      }
+    }), M = (p) => {
+      const w = p.target;
+      k.value = w.value;
+    }, T = (p) => {
+      l("blur", p);
+    }, $ = (p) => {
+      l("focus", p);
+    }, C = () => {
+      Y(() => {
+        var p;
+        (p = r.value) == null || p.focus();
+      });
+    }, h = () => {
+      var p;
+      (p = r.value) == null || p.blur();
+    };
+    return H(() => a.modelValue, (p) => {
+      r.value && r.value.value !== p && (r.value.value = p);
+    }), i({
+      focus: C,
+      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: o.value,
+        class: "dm-time-picker__label"
+      }, [
+        A(g(e.label) + " ", 1),
+        e.required ? (t(), s("span", oa, "*")) : f("", !0)
+      ], 8, na)) : f("", !0),
+      v("div", da, [
+        re(v("input", {
+          id: o.value,
+          ref_key: "inputRef",
+          ref: r,
+          "onUpdate:modelValue": w[0] || (w[0] = (z) => k.value = z),
+          type: "time",
+          class: L(["dm-time-picker__input", {
+            "dm-time-picker__input--error": u.value,
+            "dm-time-picker__input--success": m.value
+          }]),
+          disabled: e.disabled,
+          required: e.required,
+          min: e.min,
+          max: e.max,
+          step: e.step,
+          "aria-describedby": b.value,
+          "aria-invalid": u.value,
+          onInput: M,
+          onBlur: T,
+          onFocus: $
+        }, null, 42, ca), [
+          [ne, k.value]
+        ]),
+        u.value || m.value ? (t(), s("div", ua, [
+          u.value ? (t(), s("svg", ma, [...w[1] || (w[1] = [
+            v("path", {
+              "fill-rule": "evenodd",
+              d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z",
+              "clip-rule": "evenodd"
+            }, null, -1)
+          ])])) : m.value ? (t(), s("svg", va, [...w[2] || (w[2] = [
+            v("path", {
+              "fill-rule": "evenodd",
+              d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",
+              "clip-rule": "evenodd"
+            }, null, -1)
+          ])])) : f("", !0)
+        ])) : f("", !0)
+      ]),
+      e.errorMessage || e.successMessage || e.helperText ? (t(), s("div", fa, [
+        e.errorMessage ? (t(), s("p", {
+          key: 0,
+          id: `${o.value}-error`,
+          class: "dm-time-picker__error",
+          role: "alert"
+        }, g(e.errorMessage), 9, ha)) : e.successMessage ? (t(), s("p", {
+          key: 1,
+          id: `${o.value}-success`,
+          class: "dm-time-picker__success"
+        }, g(e.successMessage), 9, ba)) : e.helperText ? (t(), s("p", {
+          key: 2,
+          id: `${o.value}-helper`,
+          class: "dm-time-picker__helper"
+        }, g(e.helperText), 9, pa)) : f("", !0)
+      ])) : f("", !0)
+    ], 2));
+  }
+}), es = /* @__PURE__ */ S(ga, [["__scopeId", "data-v-89e8ad3a"]]), _a = {
+  key: 0,
+  class: "dm-slider__header"
+}, ka = ["for"], ya = {
+  key: 0,
+  class: "dm-slider__required",
+  "aria-label": "obrigatório"
+}, $a = {
+  key: 1,
+  class: "dm-slider__value"
+}, wa = { class: "dm-slider__wrapper" }, xa = ["id", "value", "min", "max", "step", "disabled", "required", "aria-label", "aria-describedby", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext"], Va = {
+  key: 1,
+  class: "dm-slider__range"
+}, Da = { class: "dm-slider__min" }, Ma = { class: "dm-slider__max" }, Ca = {
+  key: 2,
+  class: "dm-slider__messages"
+}, Ia = ["id"], Ba = ["id"], Ta = /* @__PURE__ */ E({
+  __name: "DatametriaSlider",
+  props: {
+    modelValue: {},
+    min: { default: 0 },
+    max: { default: 100 },
+    step: { default: 1 },
+    label: {},
+    disabled: { type: Boolean },
+    required: { type: Boolean },
+    showValue: { type: Boolean, default: !0 },
+    showMinMax: { type: Boolean, default: !1 },
+    errorMessage: {},
+    helperText: {},
+    ariaLabel: {},
+    formatter: {}
+  },
+  emits: ["update:modelValue", "change", "input", "focus", "blur"],
+  setup(e, { expose: i, emit: n }) {
+    const a = e, l = n, r = V(), o = V(!1), u = B(() => `dm-slider-${Math.random().toString(36).substr(2, 9)}`), m = B(() => {
+      const x = a.max - a.min;
+      return (a.modelValue - a.min) / x * 100;
+    }), b = B(() => a.formatter ? a.formatter(a.modelValue) : a.modelValue.toString()), k = B(() => {
+      const x = [];
+      return a.errorMessage ? x.push(`${u.value}-error`) : a.helperText && x.push(`${u.value}-helper`), x.length > 0 ? x.join(" ") : void 0;
+    }), M = B(() => a.formatter ? a.formatter(a.modelValue) : `${a.modelValue}`), T = (x) => a.formatter ? a.formatter(x) : x.toString(), $ = (x) => {
+      const q = x.target, D = parseFloat(q.value);
+      l("update:modelValue", D), l("input", D);
+    }, C = (x) => {
+      const q = x.target, D = parseFloat(q.value);
+      l("change", D);
+    }, h = (x) => {
+      l("focus", x);
+    }, p = (x) => {
+      l("blur", x);
+    }, w = (x) => {
+      if (a.disabled) return;
+      const D = x.currentTarget.getBoundingClientRect(), N = (x.clientX - D.left) / D.width, O = a.max - a.min, d = a.min + N * O, c = Math.round(d / a.step) * a.step, y = Math.max(a.min, Math.min(a.max, c));
+      l("update:modelValue", y), l("change", y);
+    }, z = (x) => {
+      if (a.disabled) return;
+      o.value = !0, x.preventDefault();
+      const q = (N) => {
+        if (!o.value) return;
+        const O = x.target.parentElement;
+        if (!O) return;
+        const d = O.getBoundingClientRect(), c = Math.max(0, Math.min(1, (N.clientX - d.left) / d.width)), y = a.max - a.min, _ = a.min + c * y, I = Math.round(_ / a.step) * a.step, Q = Math.max(a.min, Math.min(a.max, I));
+        l("update:modelValue", Q), l("input", Q);
+      }, D = () => {
+        o.value && (o.value = !1, l("change", a.modelValue)), document.removeEventListener("mousemove", q), document.removeEventListener("mouseup", D);
+      };
+      document.addEventListener("mousemove", q), document.addEventListener("mouseup", D);
+    }, F = (x) => {
+      if (a.disabled) return;
+      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", D);
+    };
+    return i({
+      focus: () => {
+        Y(() => {
+          var x;
+          (x = r.value) == null || x.focus();
+        });
+      },
+      blur: () => {
+        var x;
+        (x = r.value) == null || x.blur();
+      },
+      inputRef: r
+    }), (x, q) => (t(), s("div", {
+      class: L(["dm-slider", { "dm-slider--disabled": e.disabled }])
+    }, [
+      e.label || e.showValue ? (t(), s("div", _a, [
+        e.label ? (t(), s("label", {
+          key: 0,
+          for: u.value,
+          class: "dm-slider__label"
+        }, [
+          A(g(e.label) + " ", 1),
+          e.required ? (t(), s("span", ya, "*")) : f("", !0)
+        ], 8, ka)) : f("", !0),
+        e.showValue ? (t(), s("span", $a, g(b.value), 1)) : f("", !0)
+      ])) : f("", !0),
+      v("div", wa, [
+        v("div", {
+          class: "dm-slider__track",
+          onClick: w
+        }, [
+          v("div", {
+            class: "dm-slider__progress",
+            style: X({ width: `${m.value}%` })
+          }, null, 4),
+          v("div", {
+            class: "dm-slider__thumb",
+            style: X({ left: `${m.value}%` }),
+            onMousedown: z,
+            onTouchstart: F
+          }, null, 36)
+        ]),
+        v("input", {
+          id: u.value,
+          ref_key: "inputRef",
+          ref: r,
+          type: "range",
+          class: "dm-slider__input",
+          value: e.modelValue,
+          min: e.min,
+          max: e.max,
+          step: e.step,
+          disabled: e.disabled,
+          required: e.required,
+          "aria-label": e.ariaLabel,
+          "aria-describedby": k.value,
+          "aria-valuemin": e.min,
+          "aria-valuemax": e.max,
+          "aria-valuenow": e.modelValue,
+          "aria-valuetext": M.value,
+          onInput: $,
+          onChange: C,
+          onFocus: h,
+          onBlur: p
+        }, null, 40, xa)
+      ]),
+      e.showMinMax ? (t(), s("div", Va, [
+        v("span", Da, g(T(e.min)), 1),
+        v("span", Ma, g(T(e.max)), 1)
+      ])) : f("", !0),
+      e.errorMessage || e.helperText ? (t(), s("div", Ca, [
+        e.errorMessage ? (t(), s("p", {
+          key: 0,
+          id: `${u.value}-error`,
+          class: "dm-slider__error",
+          role: "alert"
+        }, g(e.errorMessage), 9, Ia)) : e.helperText ? (t(), s("p", {
+          key: 1,
+          id: `${u.value}-helper`,
+          class: "dm-slider__helper"
+        }, g(e.helperText), 9, Ba)) : f("", !0)
+      ])) : f("", !0)
+    ], 2));
+  }
+}), as = /* @__PURE__ */ S(Ta, [["__scopeId", "data-v-8a957612"]]), La = { class: "dm-file-upload" }, Ea = {
   key: 0,
   class: "dm-file-upload__label"
-}, He = {
+}, Sa = {
   key: 0,
   class: "dm-file-upload__required"
-}, Je = ["accept", "multiple", "disabled", "required"], We = { class: "dm-file-upload__content" }, Ye = {
+}, qa = ["accept", "multiple", "disabled", "required"], Ra = { class: "dm-file-upload__content" }, za = {
   key: 0,
   class: "dm-file-upload__hint"
-}, Qe = {
+}, Na = {
   key: 1,
   class: "dm-file-upload__files"
-}, Xe = { class: "dm-file-upload__filename" }, Ze = { class: "dm-file-upload__filesize" }, ea = ["onClick"], aa = {
+}, Oa = { class: "dm-file-upload__filename" }, Fa = { class: "dm-file-upload__filesize" }, Aa = ["onClick"], ja = {
   key: 2,
   class: "dm-file-upload__error"
-}, ta = /* @__PURE__ */ f({
+}, Pa = /* @__PURE__ */ E({
   __name: "DatametriaFileUpload",
   props: {
     modelValue: { default: () => [] },
@@ -406,104 +714,104 @@ const Z = ["disabled", "type", "aria-busy", "aria-disabled"], ee = {
     error: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
-    const s = e, o = l, r = k(), d = k(s.modelValue), n = k(!1), u = () => {
-      var g;
-      s.disabled || (g = r.value) == null || g.click();
-    }, b = (g) => {
-      const V = Array.from(g.target.files || []);
-      I(V);
-    }, h = () => {
-      s.disabled || (n.value = !0);
-    }, v = () => {
-      n.value = !1;
-    }, D = (g) => {
-      var V;
-      if (n.value = !1, !s.disabled) {
-        const $ = Array.from(((V = g.dataTransfer) == null ? void 0 : V.files) || []);
-        I($);
+  setup(e, { emit: i }) {
+    const n = e, a = i, l = V(), r = V(n.modelValue), o = V(!1), u = () => {
+      var h;
+      n.disabled || (h = l.value) == null || h.click();
+    }, m = (h) => {
+      const p = Array.from(h.target.files || []);
+      T(p);
+    }, b = () => {
+      n.disabled || (o.value = !0);
+    }, k = () => {
+      o.value = !1;
+    }, M = (h) => {
+      var p;
+      if (o.value = !1, !n.disabled) {
+        const w = Array.from(((p = h.dataTransfer) == null ? void 0 : p.files) || []);
+        T(w);
       }
-    }, I = (g) => {
-      d.value = s.multiple ? [...d.value, ...g] : g, o("update:modelValue", d.value);
-    }, x = (g) => {
-      d.value.splice(g, 1), o("update:modelValue", d.value);
-    }, O = (g) => {
-      if (g === 0) return "0 B";
-      const V = 1024, $ = ["B", "KB", "MB", "GB"], M = Math.floor(Math.log(g) / Math.log(V));
-      return `${(g / Math.pow(V, M)).toFixed(1)} ${$[M]}`;
+    }, 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 (g, V) => (a(), t("div", je, [
-      e.label ? (a(), t("label", Ge, [
-        w(m(e.label) + " ", 1),
-        e.required ? (a(), t("span", He, "*")) : c("", !0)
-      ])) : c("", !0),
-      i("div", {
-        class: y(["dm-file-upload__dropzone", { "dm-file-upload--dragging": n.value, "dm-file-upload__dropzone--dragover": n.value, "dm-file-upload__dropzone--error": e.error }]),
-        onDragover: S(h, ["prevent"]),
-        onDragleave: S(v, ["prevent"]),
-        onDrop: S(D, ["prevent"]),
+    return (h, p) => (t(), s("div", La, [
+      e.label ? (t(), s("label", Ea, [
+        A(g(e.label) + " ", 1),
+        e.required ? (t(), s("span", Sa, "*")) : f("", !0)
+      ])) : f("", !0),
+      v("div", {
+        class: L(["dm-file-upload__dropzone", { "dm-file-upload--dragging": o.value, "dm-file-upload__dropzone--dragover": o.value, "dm-file-upload__dropzone--error": e.error }]),
+        onDragover: Z(b, ["prevent"]),
+        onDragleave: Z(k, ["prevent"]),
+        onDrop: Z(M, ["prevent"]),
         onClick: u
       }, [
-        i("input", {
+        v("input", {
           ref_key: "fileInput",
-          ref: r,
+          ref: l,
           type: "file",
           class: "dm-file-upload__input",
           accept: e.accept,
           multiple: e.multiple,
           disabled: e.disabled,
           required: e.required,
-          onChange: b
-        }, null, 40, Je),
-        i("div", We, [
-          V[0] || (V[0] = i("svg", {
+          onChange: m
+        }, null, 40, qa),
+        v("div", Ra, [
+          p[0] || (p[0] = v("svg", {
             class: "dm-file-upload__icon",
             viewBox: "0 0 24 24",
             fill: "none",
             stroke: "currentColor"
           }, [
-            i("path", {
+            v("path", {
               d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M17 8l-5-5-5 5M12 3v12",
               "stroke-width": "2",
               "stroke-linecap": "round",
               "stroke-linejoin": "round"
             })
           ], -1)),
-          V[1] || (V[1] = i("p", { class: "dm-file-upload__text" }, [
-            i("span", { class: "dm-file-upload__text--primary" }, "Clique para selecionar"),
-            w(" ou arraste arquivos aqui ")
+          p[1] || (p[1] = v("p", { class: "dm-file-upload__text" }, [
+            v("span", { class: "dm-file-upload__text--primary" }, "Clique para selecionar"),
+            A(" ou arraste arquivos aqui ")
           ], -1)),
-          e.accept ? (a(), t("p", Ye, m(e.accept), 1)) : c("", !0)
+          e.accept ? (t(), s("p", za, g(e.accept), 1)) : f("", !0)
         ])
       ], 34),
-      d.value.length ? (a(), t("div", Qe, [
-        (a(!0), t(B, null, L(d.value, ($, M) => (a(), t("div", {
-          key: M,
+      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"
         }, [
-          i("span", Xe, m($.name), 1),
-          i("span", Ze, m(O($.size)), 1),
-          i("button", {
+          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: (z) => x(M),
+            onClick: (F) => $(z),
             "aria-label": "Remover arquivo"
-          }, "×", 8, ea)
+          }, "×", 8, Aa)
         ]))), 128))
-      ])) : c("", !0),
-      e.error ? (a(), t("p", aa, m(e.error), 1)) : c("", !0)
+      ])) : f("", !0),
+      e.error ? (t(), s("p", ja, g(e.error), 1)) : f("", !0)
     ]));
   }
-}), Kt = /* @__PURE__ */ _(ta, [["__scopeId", "data-v-da137679"]]), la = {
+}), ts = /* @__PURE__ */ S(Pa, [["__scopeId", "data-v-da137679"]]), Ua = {
   key: 0,
   class: "dm-autocomplete__required"
-}, sa = { class: "dm-autocomplete__wrapper" }, ra = ["placeholder", "disabled", "required", "aria-label", "aria-expanded", "aria-controls", "aria-activedescendant"], da = ["id"], oa = ["id", "aria-selected", "onClick", "onMouseenter"], ia = {
+}, 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"
-}, na = {
+}, Ya = {
   key: 1,
   class: "dm-autocomplete__error"
-}, ca = /* @__PURE__ */ f({
+}, Ja = /* @__PURE__ */ E({
   __name: "DatametriaAutocomplete",
   props: {
     modelValue: { default: "" },
@@ -516,148 +824,148 @@ const Z = ["disabled", "type", "aria-busy", "aria-disabled"], ee = {
     ariaLabel: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
-    const s = e, o = l, r = `dm-autocomplete-${Math.random().toString(36).substr(2, 9)}`, d = k(), n = k(s.modelValue), u = k(!1), b = k(-1), h = C(() => n.value ? s.options.filter(
-      ($) => $.toLowerCase().includes(n.value.toLowerCase())
-    ) : s.options), v = C(
-      () => b.value >= 0 ? `${r}-option-${b.value}` : void 0
+  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
     );
-    T(() => s.modelValue, ($) => {
-      n.value = $;
+    H(() => n.modelValue, (w) => {
+      o.value = w;
     });
-    const D = () => {
-      u.value = !0, b.value = -1, o("update:modelValue", n.value);
-    }, I = () => {
-      s.disabled || (u.value = !0);
-    }, x = () => {
+    const M = () => {
+      u.value = !0, m.value = -1, a("update:modelValue", o.value);
+    }, T = () => {
+      n.disabled || (u.value = !0);
+    }, $ = () => {
       setTimeout(() => {
         u.value = !1;
       }, 200);
-    }, O = ($) => {
-      n.value = $, o("update:modelValue", $), u.value = !1, b.value = -1;
-    }, g = ($) => {
-      if (!u.value && $.key !== "Escape") {
+    }, C = (w) => {
+      o.value = w, a("update:modelValue", w), u.value = !1, m.value = -1;
+    }, h = (w) => {
+      if (!u.value && w.key !== "Escape") {
         u.value = !0;
         return;
       }
-      switch ($.key) {
+      switch (w.key) {
         case "ArrowDown":
-          $.preventDefault(), b.value = Math.min(b.value + 1, h.value.length - 1);
+          w.preventDefault(), m.value = Math.min(m.value + 1, b.value.length - 1);
           break;
         case "ArrowUp":
-          $.preventDefault(), b.value = Math.max(b.value - 1, 0);
+          w.preventDefault(), m.value = Math.max(m.value - 1, 0);
           break;
         case "Enter":
-          $.preventDefault(), b.value >= 0 && O(h.value[b.value]);
+          w.preventDefault(), m.value >= 0 && C(b.value[m.value]);
           break;
         case "Escape":
-          u.value = !1, b.value = -1;
+          u.value = !1, m.value = -1;
           break;
       }
-    }, V = ($) => {
-      d.value && !d.value.contains($.target) && (u.value = !1);
+    }, p = (w) => {
+      r.value && !r.value.contains(w.target) && (u.value = !1);
     };
-    return P(() => {
-      document.addEventListener("click", V);
-    }), X(() => {
-      document.removeEventListener("click", V);
-    }), ($, M) => (a(), t("div", {
+    return J(() => {
+      document.addEventListener("click", p);
+    }), ie(() => {
+      document.removeEventListener("click", p);
+    }), (w, z) => (t(), s("div", {
       class: "dm-autocomplete",
       ref_key: "autocompleteRef",
-      ref: d
+      ref: r
     }, [
-      e.label ? (a(), t("label", {
+      e.label ? (t(), s("label", {
         key: 0,
-        for: r,
+        for: l,
         class: "dm-autocomplete__label"
       }, [
-        w(m(e.label) + " ", 1),
-        e.required ? (a(), t("span", la, "*")) : c("", !0)
-      ])) : c("", !0),
-      i("div", sa, [
-        N(i("input", {
-          id: r,
-          "onUpdate:modelValue": M[0] || (M[0] = (z) => n.value = z),
+        A(g(e.label) + " ", 1),
+        e.required ? (t(), s("span", Ua, "*")) : f("", !0)
+      ])) : f("", !0),
+      v("div", Wa, [
+        re(v("input", {
+          id: l,
+          "onUpdate:modelValue": z[0] || (z[0] = (F) => o.value = F),
           type: "text",
-          class: y(["dm-autocomplete__input", { "dm-autocomplete__input--error": e.error }]),
+          class: L(["dm-autocomplete__input", { "dm-autocomplete__input--error": e.error }]),
           placeholder: e.placeholder,
           disabled: e.disabled,
           required: e.required,
           "aria-label": e.ariaLabel,
           "aria-expanded": u.value,
-          "aria-controls": `${r}-listbox`,
-          "aria-activedescendant": v.value,
+          "aria-controls": `${l}-listbox`,
+          "aria-activedescendant": k.value,
           role: "combobox",
           autocomplete: "off",
-          onInput: D,
-          onFocus: I,
-          onBlur: x,
-          onKeydown: g
-        }, null, 42, ra), [
-          [R, n.value]
+          onInput: M,
+          onFocus: T,
+          onBlur: $,
+          onKeydown: h
+        }, null, 42, Ka), [
+          [ne, o.value]
         ]),
-        u.value && h.value.length ? (a(), t("ul", {
+        u.value && b.value.length ? (t(), s("ul", {
           key: 0,
-          id: `${r}-listbox`,
+          id: `${l}-listbox`,
           class: "dm-autocomplete__dropdown",
           role: "listbox"
         }, [
-          (a(!0), t(B, null, L(h.value, (z, E) => (a(), t("li", {
-            key: E,
-            id: `${r}-option-${E}`,
-            class: y(["dm-autocomplete__option", { "dm-autocomplete__option--active": E === b.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": E === b.value,
-            onClick: (Q) => O(z),
-            onMouseenter: (Q) => b.value = E
-          }, m(z), 43, oa))), 128))
-        ], 8, da)) : u.value && !h.value.length ? (a(), t("div", ia, " No results ")) : c("", !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 ? (a(), t("p", na, m(e.error), 1)) : c("", !0)
+      e.error ? (t(), s("p", Ya, g(e.error), 1)) : f("", !0)
     ], 512));
   }
-}), jt = /* @__PURE__ */ _(ca, [["__scopeId", "data-v-782dacde"]]), ua = {
+}), ls = /* @__PURE__ */ S(Ja, [["__scopeId", "data-v-782dacde"]]), Qa = {
   key: 0,
   class: "datametria-card__header"
-}, ma = { class: "datametria-card__title" }, ba = { class: "datametria-card__content" }, va = {
+}, Za = { class: "datametria-card__title" }, et = { class: "datametria-card__content" }, at = {
   key: 1,
   class: "datametria-card__footer"
-}, ha = /* @__PURE__ */ f({
+}, tt = /* @__PURE__ */ E({
   __name: "DatametriaCard",
   props: {
     title: {},
     padding: { type: Boolean, default: !0 }
   },
   setup(e) {
-    const l = e, s = C(() => [
+    const i = e, n = B(() => [
       "datametria-card",
       {
-        "datametria-card--no-padding": !l.padding
+        "datametria-card--no-padding": !i.padding
       }
     ]);
-    return (o, r) => (a(), t("div", {
-      class: y(s.value)
+    return (a, l) => (t(), s("div", {
+      class: L(n.value)
     }, [
-      e.title || o.$slots.header ? (a(), t("div", ua, [
-        p(o.$slots, "header", {}, () => [
-          i("h3", ma, m(e.title), 1)
+      e.title || a.$slots.header ? (t(), s("div", Qa, [
+        R(a.$slots, "header", {}, () => [
+          v("h3", Za, g(e.title), 1)
         ], !0)
-      ])) : c("", !0),
-      i("div", ba, [
-        p(o.$slots, "default", {}, void 0, !0)
+      ])) : f("", !0),
+      v("div", et, [
+        R(a.$slots, "default", {}, void 0, !0)
       ]),
-      o.$slots.footer ? (a(), t("div", va, [
-        p(o.$slots, "footer", {}, void 0, !0)
-      ])) : c("", !0)
+      a.$slots.footer ? (t(), s("div", at, [
+        R(a.$slots, "footer", {}, void 0, !0)
+      ])) : f("", !0)
     ], 2));
   }
-}), Gt = /* @__PURE__ */ _(ha, [["__scopeId", "data-v-539a1b0c"]]), fa = {
+}), ss = /* @__PURE__ */ S(tt, [["__scopeId", "data-v-539a1b0c"]]), lt = {
   key: 0,
   class: "datametria-modal__header"
-}, _a = { class: "datametria-modal__title" }, $a = { class: "datametria-modal__body" }, ya = {
+}, st = { class: "datametria-modal__title" }, it = { class: "datametria-modal__body" }, rt = {
   key: 1,
   class: "datametria-modal__footer"
-}, ka = /* @__PURE__ */ f({
+}, nt = /* @__PURE__ */ E({
   __name: "DatametriaModal",
   props: {
     modelValue: { type: Boolean },
@@ -666,79 +974,79 @@ const Z = ["disabled", "type", "aria-busy", "aria-disabled"], ee = {
     closable: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue", "close"],
-  setup(e, { emit: l }) {
-    const s = e, o = l, r = () => {
-      s.closable && (o("update:modelValue", !1), o("close"));
+  setup(e, { emit: i }) {
+    const n = e, a = i, l = () => {
+      n.closable && (a("update:modelValue", !1), a("close"));
     };
-    return (d, n) => (a(), K(j, { to: "body" }, [
-      G(H, { name: "modal" }, {
-        default: J(() => [
-          e.modelValue ? (a(), t("div", {
+    return (r, o) => (t(), ee(ae, { to: "body" }, [
+      te(le, { name: "modal" }, {
+        default: se(() => [
+          e.modelValue ? (t(), s("div", {
             key: 0,
             class: "datametria-modal",
-            onClick: S(r, ["self"])
+            onClick: Z(l, ["self"])
           }, [
-            i("div", {
+            v("div", {
               class: "datametria-modal__content",
-              style: A({ maxWidth: e.size })
+              style: X({ maxWidth: e.size })
             }, [
-              e.title || d.$slots.header ? (a(), t("div", fa, [
-                p(d.$slots, "header", {}, () => [
-                  i("h3", _a, m(e.title), 1)
+              e.title || r.$slots.header ? (t(), s("div", lt, [
+                R(r.$slots, "header", {}, () => [
+                  v("h3", st, g(e.title), 1)
                 ], !0),
-                e.closable ? (a(), t("button", {
+                e.closable ? (t(), s("button", {
                   key: 0,
                   class: "datametria-modal__close",
-                  onClick: r
-                }, " × ")) : c("", !0)
-              ])) : c("", !0),
-              i("div", $a, [
-                p(d.$slots, "default", {}, void 0, !0)
+                  onClick: l
+                }, " × ")) : f("", !0)
+              ])) : f("", !0),
+              v("div", it, [
+                R(r.$slots, "default", {}, void 0, !0)
               ]),
-              d.$slots.footer ? (a(), t("div", ya, [
-                p(d.$slots, "footer", {}, void 0, !0)
-              ])) : c("", !0)
+              r.$slots.footer ? (t(), s("div", rt, [
+                R(r.$slots, "footer", {}, void 0, !0)
+              ])) : f("", !0)
             ], 4)
-          ])) : c("", !0)
+          ])) : f("", !0)
         ]),
         _: 3
       })
     ]));
   }
-}), Ht = /* @__PURE__ */ _(ka, [["__scopeId", "data-v-8aa80965"]]), pa = /* @__PURE__ */ f({
+}), 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 (l, s) => (a(), t("div", {
-      class: y(["dm-container", [`dm-container--${e.size}`, { "dm-container--fluid": e.fluid }]])
+    return (i, n) => (t(), s("div", {
+      class: L(["dm-container", [`dm-container--${e.size}`, { "dm-container--fluid": e.fluid }]])
     }, [
-      p(l.$slots, "default", {}, void 0, !0)
+      R(i.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), Jt = /* @__PURE__ */ _(pa, [["__scopeId", "data-v-4cc8678e"]]), ga = /* @__PURE__ */ f({
+}), 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 (l, s) => (a(), t("div", {
+    return (i, n) => (t(), s("div", {
       class: "dm-grid",
-      style: A({
+      style: X({
         "--dm-grid-cols": e.cols,
         "--dm-grid-gap": e.gap
       })
     }, [
-      p(l.$slots, "default", {}, void 0, !0)
+      R(i.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), Wt = /* @__PURE__ */ _(ga, [["__scopeId", "data-v-9e2c1279"]]), Da = ["role", "aria-orientation"], Va = {
+}), ns = /* @__PURE__ */ S(dt, [["__scopeId", "data-v-9e2c1279"]]), ct = ["role", "aria-orientation"], ut = {
   key: 0,
   class: "dm-divider__label"
-}, wa = /* @__PURE__ */ f({
+}, mt = /* @__PURE__ */ E({
   __name: "DatametriaDivider",
   props: {
     orientation: { default: "horizontal" },
@@ -746,22 +1054,22 @@ const Z = ["disabled", "type", "aria-busy", "aria-disabled"], ee = {
     label: {}
   },
   setup(e) {
-    return (l, s) => (a(), t("div", {
-      class: y(["dm-divider", [`dm-divider--${e.orientation}`, { "dm-divider--dashed": e.dashed }]]),
+    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
     }, [
-      l.$slots.default || e.label ? (a(), t("span", Va, [
-        p(l.$slots, "default", {}, () => [
-          w(m(e.label), 1)
+      i.$slots.default || e.label ? (t(), s("span", ut, [
+        R(i.$slots, "default", {}, () => [
+          A(g(e.label), 1)
         ], !0)
-      ])) : c("", !0)
-    ], 10, Da));
+      ])) : f("", !0)
+    ], 10, ct));
   }
-}), Yt = /* @__PURE__ */ _(wa, [["__scopeId", "data-v-b0655e4c"]]), Ca = { class: "datametria-alert__icon" }, Ia = { key: 0 }, Ba = { key: 1 }, La = { key: 2 }, Ma = { key: 3 }, qa = { class: "datametria-alert__content" }, Ta = {
+}), 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"
-}, xa = { class: "datametria-alert__message" }, Sa = /* @__PURE__ */ f({
+}, kt = { class: "datametria-alert__message" }, yt = /* @__PURE__ */ E({
   __name: "DatametriaAlert",
   props: {
     modelValue: { type: Boolean, default: !0 },
@@ -772,33 +1080,38 @@ const Z = ["disabled", "type", "aria-busy", "aria-disabled"], ee = {
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const l = e, s = C(() => [
+    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--${l.variant}`
+      `datametria-alert--${i.variant}`
     ]);
-    return (o, r) => e.modelValue ? (a(), t("div", {
+    return (a, l) => e.modelValue ? (t(), s("div", {
       key: 0,
-      class: y(s.value)
+      class: L(n.value)
     }, [
-      i("div", Ca, [
-        e.variant === "success" ? (a(), t("span", Ia, "✓")) : e.variant === "error" ? (a(), t("span", Ba, "✕")) : e.variant === "warning" ? (a(), t("span", La, "⚠")) : (a(), t("span", Ma, "ℹ"))
+      v("div", vt, [
+        e.variant === "success" ? (t(), s("span", ft, "✓")) : e.variant === "error" ? (t(), s("span", ht, "✕")) : e.variant === "warning" ? (t(), s("span", bt, "⚠")) : (t(), s("span", pt, "ℹ"))
       ]),
-      i("div", qa, [
-        e.title ? (a(), t("h4", Ta, m(e.title), 1)) : c("", !0),
-        i("p", xa, [
-          p(o.$slots, "default", {}, () => [
-            w(m(e.message), 1)
+      v("div", gt, [
+        e.title ? (t(), s("h4", _t, g(e.title), 1)) : f("", !0),
+        v("p", kt, [
+          R(a.$slots, "default", {}, () => [
+            A(g(e.message), 1)
           ], !0)
         ])
       ]),
-      e.closable ? (a(), t("button", {
+      e.closable ? (t(), s("button", {
         key: 0,
         class: "datametria-alert__close",
-        onClick: r[0] || (r[0] = (d) => o.$emit("update:modelValue", !1))
-      }, " × ")) : c("", !0)
-    ], 2)) : c("", !0);
+        onClick: l[0] || (l[0] = (r) => a.$emit("update:modelValue", !1))
+      }, " × ")) : f("", !0)
+    ], 2)) : f("", !0);
   }
-}), Qt = /* @__PURE__ */ _(Sa, [["__scopeId", "data-v-a27dad03"]]), za = ["aria-live"], Ea = { class: "dm-toast__content" }, Aa = { class: "dm-toast__message" }, Oa = /* @__PURE__ */ f({
+}), 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: {},
@@ -808,52 +1121,259 @@ const Z = ["disabled", "type", "aria-busy", "aria-disabled"], ee = {
     modelValue: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "close"],
-  setup(e, { emit: l }) {
-    const s = e, o = l, r = k(s.modelValue);
-    let d = null;
-    T(() => s.modelValue, (b) => {
-      r.value = b, b && s.duration > 0 && n();
+  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 n = () => {
-      d && clearTimeout(d), d = setTimeout(() => {
+    const o = () => {
+      r && clearTimeout(r), r = setTimeout(() => {
         u();
-      }, s.duration);
+      }, n.duration);
     }, u = () => {
-      r.value = !1, o("update:modelValue", !1), o("close"), d && clearTimeout(d);
+      l.value = !1, a("update:modelValue", !1), a("close"), r && clearTimeout(r);
     };
-    return P(() => {
-      r.value && s.duration > 0 && n();
-    }), (b, h) => (a(), K(j, { to: "body" }, [
-      G(H, { name: "dm-toast" }, {
-        default: J(() => [
-          r.value ? (a(), t("div", {
+    return J(() => {
+      l.value && n.duration > 0 && o();
+    }), (m, b) => (t(), ee(ae, { to: "body" }, [
+      te(le, { name: "dm-toast" }, {
+        default: se(() => [
+          l.value ? (t(), s("div", {
             key: 0,
-            class: y(["dm-toast", `dm-toast--${e.variant}`]),
+            class: L(["dm-toast", `dm-toast--${e.variant}`]),
             role: "alert",
             "aria-live": e.variant === "error" ? "assertive" : "polite"
           }, [
-            i("div", Ea, [
-              i("span", Aa, m(e.message), 1),
-              e.closable ? (a(), t("button", {
+            v("div", wt, [
+              v("span", xt, g(e.message), 1),
+              e.closable ? (t(), s("button", {
                 key: 0,
                 class: "dm-toast__close",
                 onClick: u,
                 "aria-label": "Fechar"
-              }, "×")) : c("", !0)
+              }, "×")) : f("", !0)
             ])
-          ], 10, za)) : c("", !0)
+          ], 10, $t)) : f("", !0)
         ]),
         _: 1
       })
     ]));
   }
-}), Xt = /* @__PURE__ */ _(Oa, [["__scopeId", "data-v-f6096907"]]), Na = { class: "dm-progress" }, Ra = {
+}), 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__ */ E({
+  __name: "DatametriaTooltip",
+  props: {
+    content: {},
+    placement: { default: "top" },
+    variant: { default: "dark" },
+    trigger: { default: "hover" },
+    disabled: { type: Boolean },
+    showArrow: { type: Boolean, default: !0 },
+    delay: { default: 100 },
+    hideDelay: { default: 100 },
+    offset: { default: 8 },
+    maxWidth: { default: "200px" }
+  },
+  emits: ["show", "hide"],
+  setup(e, { expose: i, emit: n }) {
+    const a = e, l = n, r = V(), o = V(), u = V(!1), m = V(), b = V(), k = B(() => `dm-tooltip-${Math.random().toString(36).substr(2, 9)}`), M = V({}), T = async () => {
+      if (!r.value || !o.value) return;
+      await Y();
+      const D = r.value.getBoundingClientRect(), N = o.value.getBoundingClientRect(), O = {
+        width: window.innerWidth,
+        height: window.innerHeight
+      };
+      let d = 0, c = 0;
+      switch (a.placement) {
+        case "top":
+        case "top-start":
+        case "top-end":
+          d = D.top - N.height - a.offset;
+          break;
+        case "bottom":
+        case "bottom-start":
+        case "bottom-end":
+          d = D.bottom + a.offset;
+          break;
+        case "left":
+          d = D.top + (D.height - N.height) / 2, c = D.left - N.width - a.offset;
+          break;
+        case "right":
+          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 = D.left + (D.width - N.width) / 2;
+            break;
+          case "top-start":
+          case "bottom-start":
+            c = D.left;
+            break;
+          case "top-end":
+          case "bottom-end":
+            c = D.right - N.width;
+            break;
+        }
+      c < 0 ? c = 8 : c + N.width > O.width && (c = O.width - N.width - 8), d < 0 ? d = 8 : d + N.height > O.height && (d = O.height - N.height - 8), M.value = {
+        position: "fixed",
+        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 T();
+      }, a.delay));
+    }, C = () => {
+      clearTimeout(m.value), b.value = window.setTimeout(() => {
+        u.value = !1, l("hide");
+      }, a.hideDelay);
+    }, h = () => {
+      a.trigger === "hover" && $();
+    }, p = () => {
+      a.trigger === "hover" && C();
+    }, w = () => {
+      a.trigger === "focus" && $();
+    }, z = () => {
+      a.trigger === "focus" && C();
+    }, F = () => {
+      a.trigger === "click" && (u.value ? C() : $());
+    }, P = () => {
+      T();
+    }, W = () => {
+      M.value = {};
+    }, x = () => {
+      u.value && T();
+    }, q = () => {
+      u.value && T();
+    };
+    return J(() => {
+      window.addEventListener("resize", x), window.addEventListener("scroll", q, !0);
+    }), ie(() => {
+      clearTimeout(m.value), clearTimeout(b.value), window.removeEventListener("resize", x), window.removeEventListener("scroll", q, !0);
+    }), i({
+      show: $,
+      hide: C,
+      isVisible: B(() => u.value)
+    }), (D, N) => (t(), s("div", {
+      ref_key: "triggerRef",
+      ref: r,
+      class: "dm-tooltip-trigger",
+      onMouseenter: h,
+      onMouseleave: p,
+      onFocus: w,
+      onBlur: z,
+      onClick: F
+    }, [
+      R(D.$slots, "default", {}, void 0, !0),
+      (t(), ee(ae, { to: "body" }, [
+        te(le, {
+          name: "tooltip",
+          onEnter: P,
+          onLeave: W
+        }, {
+          default: se(() => [
+            u.value ? (t(), s("div", {
+              key: 0,
+              ref_key: "tooltipRef",
+              ref: o,
+              id: k.value,
+              class: L(["dm-tooltip", [
+                `dm-tooltip--${e.placement}`,
+                `dm-tooltip--${e.variant}`,
+                { "dm-tooltip--arrow": e.showArrow }
+              ]]),
+              style: X(M.value),
+              role: "tooltip",
+              "aria-hidden": !u.value
+            }, [
+              v("div", Mt, [
+                R(D.$slots, "content", {}, () => [
+                  A(g(e.content), 1)
+                ], !0)
+              ]),
+              e.showArrow ? (t(), s("div", Ct)) : f("", !0)
+            ], 14, Dt)) : f("", !0)
+          ]),
+          _: 3
+        })
+      ]))
+    ], 544));
+  }
+}), 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"
+}, Et = {
+  key: 2,
+  class: "datametria-skeleton__card"
+}, St = {
+  key: 3,
+  class: "datametria-skeleton__button shimmer"
+}, qt = {
+  key: 4,
+  class: "datametria-skeleton__custom shimmer"
+}, Rt = /* @__PURE__ */ E({
+  __name: "DatametriaSkeleton",
+  props: {
+    variant: { default: "text" },
+    width: {},
+    height: {},
+    lines: { default: 3 },
+    animated: { type: Boolean, default: !0 },
+    ariaLabel: { default: "Carregando conteúdo..." },
+    lastLineWidth: { default: 75 }
+  },
+  setup(e) {
+    const i = e, n = B(() => {
+      const l = {};
+      return i.width && (l.width = typeof i.width == "number" ? `${i.width}px` : i.width), i.height && (l.height = typeof i.height == "number" ? `${i.height}px` : i.height), l;
+    }), a = (l) => ({
+      width: l === i.lines ? `${i.lastLineWidth}%` : "100%",
+      marginBottom: l < i.lines ? "0.5rem" : "0"
+    });
+    return (l, r) => (t(), s("div", {
+      class: L(["datametria-skeleton", [
+        `datametria-skeleton--${e.variant}`,
+        { "datametria-skeleton--animated": e.animated }
+      ]]),
+      style: X(n.value),
+      "aria-label": e.ariaLabel,
+      role: "status",
+      "aria-live": "polite"
+    }, [
+      e.variant === "text" ? (t(), s("div", Tt, [
+        (t(!0), s(U, null, K(e.lines, (o) => (t(), s("div", {
+          key: o,
+          class: "datametria-skeleton__line shimmer",
+          style: X(a(o))
+        }, null, 4))), 128))
+      ])) : e.variant === "avatar" ? (t(), s("div", Lt)) : e.variant === "card" ? (t(), s("div", Et, [...r[0] || (r[0] = [
+        ve('<div class="datametria-skeleton__card-header shimmer" data-v-1bc144db></div><div class="datametria-skeleton__card-content" data-v-1bc144db><div class="datametria-skeleton__line shimmer" style="width:100%;" data-v-1bc144db></div><div class="datametria-skeleton__line shimmer" style="width:80%;" data-v-1bc144db></div><div class="datametria-skeleton__line shimmer" style="width:60%;" data-v-1bc144db></div></div>', 2)
+      ])])) : e.variant === "button" ? (t(), s("div", St)) : (t(), s("div", qt))
+    ], 14, Bt));
+  }
+}), ms = /* @__PURE__ */ S(Rt, [["__scopeId", "data-v-1bc144db"]]), zt = { class: "dm-progress" }, Nt = {
   key: 0,
   class: "dm-progress__header"
-}, Ua = { class: "dm-progress__label" }, Fa = {
+}, Ot = { class: "dm-progress__label" }, Ft = {
   key: 0,
   class: "dm-progress__value"
-}, Pa = ["aria-valuenow", "aria-label"], Ka = /* @__PURE__ */ f({
+}, At = ["aria-valuenow", "aria-label"], jt = /* @__PURE__ */ E({
   __name: "DatametriaProgress",
   props: {
     value: {},
@@ -863,13 +1383,13 @@ const Z = ["disabled", "type", "aria-busy", "aria-disabled"], ee = {
     ariaLabel: {}
   },
   setup(e) {
-    const l = e, s = C(() => Math.min(Math.max(l.value, 0), 100));
-    return (o, r) => (a(), t("div", Na, [
-      e.label ? (a(), t("div", Ra, [
-        i("span", Ua, m(e.label), 1),
-        e.showValue ? (a(), t("span", Fa, m(e.value) + "%", 1)) : c("", !0)
-      ])) : c("", !0),
-      i("div", {
+    const i = e, n = B(() => Math.min(Math.max(i.value, 0), 100));
+    return (a, l) => (t(), s("div", zt, [
+      e.label ? (t(), s("div", Nt, [
+        v("span", Ot, g(e.label), 1),
+        e.showValue ? (t(), s("span", Ft, g(e.value) + "%", 1)) : f("", !0)
+      ])) : f("", !0),
+      v("div", {
         class: "dm-progress__track",
         role: "progressbar",
         "aria-valuenow": e.value,
@@ -877,17 +1397,17 @@ const Z = ["disabled", "type", "aria-busy", "aria-disabled"], ee = {
         "aria-valuemax": 100,
         "aria-label": e.ariaLabel || e.label
       }, [
-        i("div", {
-          class: y(["dm-progress__bar", `dm-progress__bar--${e.variant}`]),
-          style: A({ width: `${s.value}%` })
+        v("div", {
+          class: L(["dm-progress__bar", `dm-progress__bar--${e.variant}`]),
+          style: X({ width: `${n.value}%` })
         }, null, 6)
-      ], 8, Pa)
+      ], 8, At)
     ]));
   }
-}), Zt = /* @__PURE__ */ _(Ka, [["__scopeId", "data-v-6c9ef263"]]), ja = ["aria-label"], Ga = {
+}), vs = /* @__PURE__ */ S(jt, [["__scopeId", "data-v-6c9ef263"]]), Pt = ["aria-label"], Ut = {
   key: 0,
   class: "dm-spinner__label"
-}, Ha = /* @__PURE__ */ f({
+}, Wt = /* @__PURE__ */ E({
   __name: "DatametriaSpinner",
   props: {
     size: { default: "md" },
@@ -896,16 +1416,16 @@ const Z = ["disabled", "type", "aria-busy", "aria-disabled"], ee = {
     ariaLabel: { default: "Carregando" }
   },
   setup(e) {
-    return (l, s) => (a(), t("div", {
-      class: y(["dm-spinner", [`dm-spinner--${e.size}`, `dm-spinner--${e.variant}`]]),
+    return (i, n) => (t(), s("div", {
+      class: L(["dm-spinner", [`dm-spinner--${e.size}`, `dm-spinner--${e.variant}`]]),
       role: "status",
       "aria-label": e.ariaLabel
     }, [
-      s[0] || (s[0] = i("svg", {
+      n[0] || (n[0] = v("svg", {
         class: "dm-spinner__svg",
         viewBox: "0 0 50 50"
       }, [
-        i("circle", {
+        v("circle", {
           class: "dm-spinner__circle",
           cx: "25",
           cy: "25",
@@ -914,60 +1434,60 @@ const Z = ["disabled", "type", "aria-busy", "aria-disabled"], ee = {
           "stroke-width": "4"
         })
       ], -1)),
-      e.label ? (a(), t("span", Ga, m(e.label), 1)) : c("", !0)
-    ], 10, ja));
+      e.label ? (t(), s("span", Ut, g(e.label), 1)) : f("", !0)
+    ], 10, Pt));
   }
-}), el = /* @__PURE__ */ _(Ha, [["__scopeId", "data-v-013214f1"]]), Ja = { class: "datametria-table" }, Wa = { class: "datametria-table__table" }, Ya = { class: "datametria-table__thead" }, Qa = { class: "datametria-table__tbody" }, Xa = {
+}), 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"
-}, Za = /* @__PURE__ */ f({
+}, Jt = /* @__PURE__ */ E({
   __name: "DatametriaTable",
   props: {
     columns: {},
     data: {}
   },
   setup(e) {
-    return (l, s) => (a(), t("div", Ja, [
-      i("table", Wa, [
-        i("thead", Ya, [
-          i("tr", null, [
-            (a(!0), t(B, null, L(e.columns, (o) => (a(), t("th", {
-              key: o.key,
+    return (i, n) => (t(), s("div", Kt, [
+      v("table", Xt, [
+        v("thead", Ht, [
+          v("tr", null, [
+            (t(!0), s(U, null, K(e.columns, (a) => (t(), s("th", {
+              key: a.key,
               class: "datametria-table__th",
-              style: A({ width: o.width })
-            }, m(o.label), 5))), 128))
+              style: X({ width: a.width })
+            }, g(a.label), 5))), 128))
           ])
         ]),
-        i("tbody", Qa, [
-          (a(!0), t(B, null, L(e.data, (o, r) => (a(), t("tr", {
-            key: r,
+        v("tbody", Gt, [
+          (t(!0), s(U, null, K(e.data, (a, l) => (t(), s("tr", {
+            key: l,
             class: "datametria-table__tr"
           }, [
-            (a(!0), t(B, null, L(e.columns, (d) => (a(), t("td", {
-              key: d.key,
+            (t(!0), s(U, null, K(e.columns, (r) => (t(), s("td", {
+              key: r.key,
               class: "datametria-table__td"
             }, [
-              p(l.$slots, `cell-${d.key}`, {
-                row: o,
-                value: o[d.key]
+              R(i.$slots, `cell-${r.key}`, {
+                row: a,
+                value: a[r.key]
               }, () => [
-                w(m(o[d.key]), 1)
+                A(g(a[r.key]), 1)
               ], !0)
             ]))), 128))
           ]))), 128))
         ])
       ]),
-      e.data.length === 0 ? (a(), t("div", Xa, [
-        p(l.$slots, "empty", {}, () => [
-          s[0] || (s[0] = w("Nenhum dado disponível", -1))
+      e.data.length === 0 ? (t(), s("div", Yt, [
+        R(i.$slots, "empty", {}, () => [
+          n[0] || (n[0] = A("Nenhum dado disponível", -1))
         ], !0)
-      ])) : c("", !0)
+      ])) : f("", !0)
     ]));
   }
-}), al = /* @__PURE__ */ _(Za, [["__scopeId", "data-v-7700c903"]]), et = ["aria-label"], at = ["src", "alt"], tt = {
+}), hs = /* @__PURE__ */ S(Jt, [["__scopeId", "data-v-7700c903"]]), Qt = ["aria-label"], Zt = ["src", "alt"], el = {
   key: 1,
   class: "dm-avatar__initials"
-}, lt = /* @__PURE__ */ f({
+}, al = /* @__PURE__ */ E({
   __name: "DatametriaAvatar",
   props: {
     src: {},
@@ -978,27 +1498,27 @@ const Z = ["disabled", "type", "aria-busy", "aria-disabled"], ee = {
     ariaLabel: {}
   },
   setup(e) {
-    const l = e, s = k(!1), o = C(() => {
-      if (!l.name) return "?";
-      const d = l.name.trim().split(" ");
-      return d.length === 1 ? d[0].charAt(0).toUpperCase() : (d[0].charAt(0) + d[d.length - 1].charAt(0)).toUpperCase();
-    }), r = () => {
-      s.value = !0;
+    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 = () => {
+      n.value = !0;
     };
-    return (d, n) => (a(), t("div", {
-      class: y(["dm-avatar", [`dm-avatar--${e.size}`, { "dm-avatar--rounded": e.rounded }]]),
+    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
     }, [
-      e.src ? (a(), t("img", {
+      e.src ? (t(), s("img", {
         key: 0,
         src: e.src,
         alt: e.alt || e.name,
         class: "dm-avatar__image",
-        onError: r
-      }, null, 40, at)) : (a(), t("span", tt, m(o.value), 1))
-    ], 10, et));
+        onError: l
+      }, null, 40, Zt)) : (t(), s("span", el, g(a.value), 1))
+    ], 10, Qt));
   }
-}), tl = /* @__PURE__ */ _(lt, [["__scopeId", "data-v-898cb5d7"]]), st = ["aria-label"], rt = /* @__PURE__ */ f({
+}), bs = /* @__PURE__ */ S(al, [["__scopeId", "data-v-898cb5d7"]]), tl = ["aria-label"], ll = /* @__PURE__ */ E({
   __name: "DatametriaBadge",
   props: {
     label: {},
@@ -1007,67 +1527,77 @@ const Z = ["disabled", "type", "aria-busy", "aria-disabled"], ee = {
     ariaLabel: {}
   },
   setup(e) {
-    return (l, s) => (a(), t("span", {
-      class: y(["dm-badge", [`dm-badge--${e.variant}`, `dm-badge--${e.size}`]]),
+    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
     }, [
-      p(l.$slots, "default", {}, () => [
-        w(m(e.label), 1)
+      R(n.$slots, "default", {}, () => [
+        A(g(e.label), 1)
       ], !0)
-    ], 10, st));
+    ], 10, tl));
   }
-}), ll = /* @__PURE__ */ _(rt, [["__scopeId", "data-v-843741c5"]]), dt = ["role", "tabindex", "onKeydown"], ot = {
+}), ps = /* @__PURE__ */ S(ll, [["__scopeId", "data-v-1255c296"]]), sl = ["role", "tabindex", "onKeydown"], il = {
   key: 0,
   class: "dm-chip__icon"
-}, it = { class: "dm-chip__label" }, nt = /* @__PURE__ */ f({
+}, 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: l }) {
-    const s = l, o = () => {
-      s("click");
+  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 = () => {
-      s("close");
+      a("close");
     };
-    return (d, n) => (a(), t("div", {
-      class: y(["dm-chip", [`dm-chip--${e.variant}`, { "dm-chip--clickable": e.clickable }]]),
+    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: o,
+      onClick: l,
       onKeydown: [
-        U(o, ["enter"]),
-        U(S(o, ["prevent"]), ["space"])
+        ce(l, ["enter"]),
+        ce(Z(l, ["prevent"]), ["space"])
       ]
     }, [
-      d.$slots.icon ? (a(), t("span", ot, [
-        p(d.$slots, "icon", {}, void 0, !0)
-      ])) : c("", !0),
-      i("span", it, [
-        p(d.$slots, "default", {}, () => [
-          w(m(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 ? (a(), t("button", {
+      e.closable ? (t(), s("button", {
         key: 1,
         class: "dm-chip__close",
-        onClick: S(r, ["stop"]),
+        onClick: Z(r, ["stop"]),
         "aria-label": "Remover",
         type: "button"
-      }, "×")) : c("", !0)
-    ], 42, dt));
+      }, "×")) : f("", !0)
+    ], 42, sl));
   }
-}), sl = /* @__PURE__ */ _(nt, [["__scopeId", "data-v-0d7ae680"]]), ct = ["aria-label"], ut = { class: "dm-navbar__container" }, mt = { class: "dm-navbar__brand" }, bt = {
+}), 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"
-}, vt = ["aria-expanded"], ht = {
+}, ml = ["aria-expanded"], vl = {
   key: 1,
   class: "dm-navbar__actions"
-}, ft = /* @__PURE__ */ f({
+}, fl = /* @__PURE__ */ E({
   __name: "DatametriaNavbar",
   props: {
     brand: { default: "" },
@@ -1078,86 +1608,355 @@ const Z = ["disabled", "type", "aria-busy", "aria-disabled"], ee = {
     ariaLabel: { default: "Main navigation" }
   },
   setup(e) {
-    const l = e, s = k(!1), o = () => {
-      s.value = !s.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 (r, d) => (a(), t("nav", {
-      class: y(["dm-navbar", [
-        `dm-navbar--${l.variant}`,
-        { "dm-navbar--sticky": l.sticky },
-        { "dm-navbar--transparent": l.transparent },
-        { "dm-navbar--bordered": l.bordered }
-      ]]),
+    return (r, o) => (t(), s("nav", {
+      class: L(n.value),
       role: "navigation",
-      "aria-label": l.ariaLabel
+      "aria-label": i.ariaLabel
     }, [
-      i("div", ut, [
-        i("div", mt, [
-          p(r.$slots, "brand", {}, () => [
-            i("a", bt, m(e.brand), 1)
+      v("div", dl, [
+        v("div", cl, [
+          R(r.$slots, "brand", {}, () => [
+            v("a", ul, g(e.brand), 1)
           ], !0)
         ]),
-        r.$slots.menu ? (a(), t("button", {
+        r.$slots.menu ? (t(), s("button", {
           key: 0,
           class: "dm-navbar__toggle",
-          "aria-expanded": s.value,
+          "aria-expanded": a.value,
           "aria-controls": "navbar-menu",
-          onClick: o
-        }, [...d[0] || (d[0] = [
-          i("span", { class: "dm-navbar__toggle-icon" }, null, -1)
-        ])], 8, vt)) : c("", !0),
-        i("div", {
+          onClick: l
+        }, [...o[0] || (o[0] = [
+          v("span", { class: "dm-navbar__toggle-icon" }, null, -1)
+        ])], 8, ml)) : f("", !0),
+        v("div", {
           id: "navbar-menu",
-          class: y(["dm-navbar__menu", { "dm-navbar__menu--open": s.value }])
+          class: L(["dm-navbar__menu", { "dm-navbar__menu--open": a.value }])
         }, [
-          p(r.$slots, "menu", {}, void 0, !0)
+          R(r.$slots, "menu", {}, void 0, !0)
         ], 2),
-        r.$slots.actions ? (a(), t("div", ht, [
-          p(r.$slots, "actions", {}, void 0, !0)
-        ])) : c("", !0)
+        r.$slots.actions ? (t(), s("div", vl, [
+          R(r.$slots, "actions", {}, void 0, !0)
+        ])) : f("", !0)
       ])
-    ], 10, ct));
+    ], 10, ol));
   }
-}), rl = /* @__PURE__ */ _(ft, [["__scopeId", "data-v-adcb6d0c"]]), _t = {
+}), _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 = {
+  key: 0,
+  class: "dm-menu__item-icon"
+}, $l = { class: "dm-menu__item-content" }, wl = { class: "dm-menu__item-label" }, xl = {
+  key: 0,
+  class: "dm-menu__item-description"
+}, Vl = {
+  key: 1,
+  class: "dm-menu__item-shortcut"
+}, Dl = /* @__PURE__ */ E({
+  __name: "DatametriaMenu",
+  props: {
+    items: { default: () => [] },
+    triggerText: { default: "Menu" },
+    placement: { default: "bottom-start" },
+    disabled: { type: Boolean },
+    fullWidth: { type: Boolean },
+    showBackdrop: { type: Boolean, default: !1 },
+    closeOnItemClick: { type: Boolean, default: !0 },
+    offset: { default: 4 }
+  },
+  emits: ["open", "close", "item-click"],
+  setup(e, { expose: i, emit: n }) {
+    const a = e, l = n, r = V(), o = V(), u = V(!1), m = V(-1), b = B(() => `dm-menu-${Math.random().toString(36).substr(2, 9)}`), k = B(() => `dm-menu-trigger-${Math.random().toString(36).substr(2, 9)}`), M = V({}), T = async () => {
+      if (!r.value || !o.value) return;
+      await 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":
+          _ = d.bottom + a.offset, I = d.left;
+          break;
+        case "bottom-end":
+          _ = d.bottom + a.offset, I = d.right - c.width;
+          break;
+        case "top-start":
+          _ = d.top - c.height - a.offset, I = d.left;
+          break;
+        case "top-end":
+          _ = d.top - c.height - a.offset, I = d.right - c.width;
+          break;
+        case "left":
+          _ = d.top, I = d.left - c.width - a.offset;
+          break;
+        case "right":
+          _ = 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 ? `${d.width}px` : "auto";
+      M.value = {
+        position: "fixed",
+        top: `${_}px`,
+        left: `${I}px`,
+        width: Q,
+        zIndex: "9999"
+      };
+    }, $ = async () => {
+      a.disabled || u.value || (u.value = !0, m.value = -1, l("open"), await T(), Y(() => {
+        const d = a.items.findIndex((c) => !c.disabled && !c.divider);
+        d !== -1 && (m.value = d);
+      }));
+    }, C = () => {
+      u.value && (u.value = !1, m.value = -1, l("close"), Y(() => {
+        var d;
+        (d = r.value) == null || d.focus();
+      }));
+    }, h = () => {
+      u.value ? C() : $();
+    }, p = () => {
+      h();
+    }, w = (d) => {
+      switch (d.key) {
+        case "Enter":
+        case " ":
+        case "ArrowDown":
+          d.preventDefault(), $();
+          break;
+        case "ArrowUp":
+          d.preventDefault(), $(), Y(() => {
+            var y;
+            const c = ((y = a.items.map((_, I) => ({ item: _, index: I })).filter(({ item: _ }) => !_.disabled && !_.divider).pop()) == null ? void 0 : y.index) ?? -1;
+            c !== -1 && (m.value = c);
+          });
+          break;
+        case "Escape":
+          C();
+          break;
+      }
+    }, z = (d) => {
+      switch (d.key) {
+        case "ArrowDown":
+          d.preventDefault(), F();
+          break;
+        case "ArrowUp":
+          d.preventDefault(), P();
+          break;
+        case "Enter":
+        case " ":
+          if (d.preventDefault(), m.value !== -1) {
+            const c = a.items[m.value];
+            W(c, m.value);
+          }
+          break;
+        case "Escape":
+          d.preventDefault(), C();
+          break;
+        case "Tab":
+          C();
+          break;
+      }
+    }, F = () => {
+      const d = a.items.map((_, I) => ({ item: _, index: I })).filter(({ item: _ }) => !_.disabled && !_.divider).map(({ index: _ }) => _);
+      if (d.length === 0) return;
+      const c = d.indexOf(m.value), y = c === -1 ? 0 : (c + 1) % d.length;
+      m.value = d[y];
+    }, P = () => {
+      const d = a.items.map((_, I) => ({ item: _, index: I })).filter(({ item: _ }) => !_.disabled && !_.divider).map(({ index: _ }) => _);
+      if (d.length === 0) return;
+      const c = d.indexOf(m.value), y = c === -1 ? d.length - 1 : (c - 1 + d.length) % d.length;
+      m.value = d[y];
+    }, W = (d, c) => {
+      d.disabled || d.divider || (l("item-click", d, c), d.action && d.action(), a.closeOnItemClick && C());
+    }, x = (d) => {
+      d.stopPropagation();
+    }, q = () => {
+      T();
+    }, D = () => {
+      M.value = {};
+    }, N = (d) => {
+      var y, _;
+      if (!u.value) return;
+      const c = d.target;
+      (y = r.value) != null && y.contains(c) || (_ = o.value) != null && _.contains(c) || C();
+    }, O = () => {
+      u.value && T();
+    };
+    return J(() => {
+      document.addEventListener("click", N), window.addEventListener("resize", O);
+    }), ie(() => {
+      document.removeEventListener("click", N), window.removeEventListener("resize", O);
+    }), H(() => a.items, () => {
+      m.value >= a.items.length && (m.value = -1);
+    }), i({
+      open: $,
+      close: C,
+      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: r,
+        class: "dm-menu__trigger",
+        "aria-expanded": u.value,
+        "aria-haspopup": !0,
+        "aria-controls": b.value,
+        onClick: p,
+        onKeydown: w
+      }, [
+        R(d.$slots, "trigger", {
+          isOpen: u.value,
+          toggle: h
+        }, () => [
+          v("button", {
+            type: "button",
+            class: "dm-menu__button",
+            disabled: e.disabled
+          }, [
+            A(g(e.triggerText) + " ", 1),
+            (t(), s("svg", {
+              class: L(["dm-menu__chevron", { "dm-menu__chevron--open": u.value }]),
+              viewBox: "0 0 20 20",
+              fill: "currentColor"
+            }, [...c[0] || (c[0] = [
+              v("path", {
+                "fill-rule": "evenodd",
+                d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",
+                "clip-rule": "evenodd"
+              }, null, -1)
+            ])], 2))
+          ], 8, bl)
+        ], !0)
+      ], 40, hl),
+      (t(), ee(ae, { to: "body" }, [
+        te(le, {
+          name: "menu",
+          onEnter: q,
+          onLeave: D
+        }, {
+          default: se(() => [
+            u.value ? (t(), s("div", {
+              key: 0,
+              ref_key: "menuRef",
+              ref: o,
+              id: b.value,
+              class: L(["dm-menu__dropdown", [
+                `dm-menu__dropdown--${e.placement}`,
+                { "dm-menu__dropdown--full-width": e.fullWidth }
+              ]]),
+              style: X(M.value),
+              role: "menu",
+              "aria-labelledby": k.value,
+              onKeydown: z,
+              onClick: x
+            }, [
+              v("div", gl, [
+                R(d.$slots, "default", {
+                  close: C,
+                  focusedIndex: m.value
+                }, () => [
+                  (t(!0), s(U, null, K(e.items, (y, _) => (t(), s("div", {
+                    key: y.key || _,
+                    class: L(["dm-menu__item", {
+                      "dm-menu__item--focused": m.value === _,
+                      "dm-menu__item--disabled": y.disabled,
+                      "dm-menu__item--divider": y.divider
+                    }]),
+                    role: "menuitem",
+                    tabindex: y.disabled ? -1 : 0,
+                    "aria-disabled": y.disabled,
+                    onClick: (I) => W(y, _),
+                    onMouseenter: (I) => m.value = _
+                  }, [
+                    y.divider ? (t(), s("div", kl)) : (t(), s(U, { key: 1 }, [
+                      y.icon ? (t(), s("div", yl, [
+                        (t(), ee(fe(y.icon)))
+                      ])) : f("", !0),
+                      v("div", $l, [
+                        v("div", wl, g(y.label), 1),
+                        y.description ? (t(), s("div", xl, g(y.description), 1)) : f("", !0)
+                      ]),
+                      y.shortcut ? (t(), s("div", Vl, g(y.shortcut), 1)) : f("", !0)
+                    ], 64))
+                  ], 42, _l))), 128))
+                ], !0)
+              ])
+            ], 46, pl)) : f("", !0)
+          ]),
+          _: 3
+        })
+      ])),
+      (t(), ee(ae, { to: "body" }, [
+        te(le, { name: "backdrop" }, {
+          default: se(() => [
+            u.value && e.showBackdrop ? (t(), s("div", {
+              key: 0,
+              class: "dm-menu__backdrop",
+              onClick: C
+            })) : f("", !0)
+          ]),
+          _: 1
+        })
+      ]))
+    ], 2));
+  }
+}), ks = /* @__PURE__ */ S(Dl, [["__scopeId", "data-v-62db3fcc"]]), Ml = {
   class: "dm-breadcrumb",
   "aria-label": "Breadcrumb"
-}, $t = { class: "dm-breadcrumb__list" }, yt = ["href", "onClick"], kt = ["aria-current"], pt = {
+}, Cl = { class: "dm-breadcrumb__list" }, Il = ["href", "onClick"], Bl = ["aria-current"], Tl = {
   key: 2,
   class: "dm-breadcrumb__separator",
   "aria-hidden": "true"
-}, gt = /* @__PURE__ */ f({
+}, Ll = /* @__PURE__ */ E({
   __name: "DatametriaBreadcrumb",
   props: {
     items: {},
     separator: { default: "/" }
   },
   emits: ["click"],
-  setup(e, { emit: l }) {
-    const s = l, o = (r, d, n) => {
-      s("click", d, n);
+  setup(e, { emit: i }) {
+    const n = i, a = (l, r, o) => {
+      n("click", r, o);
     };
-    return (r, d) => (a(), t("nav", _t, [
-      i("ol", $t, [
-        (a(!0), t(B, null, L(e.items, (n, u) => (a(), t("li", {
+    return (l, r) => (t(), s("nav", Ml, [
+      v("ol", Cl, [
+        (t(!0), s(U, null, K(e.items, (o, u) => (t(), s("li", {
           key: u,
           class: "dm-breadcrumb__item"
         }, [
-          n.href && u < e.items.length - 1 ? (a(), t("a", {
+          o.href && u < e.items.length - 1 ? (t(), s("a", {
             key: 0,
-            href: n.href,
+            href: o.href,
             class: "dm-breadcrumb__link",
-            onClick: (b) => o(b, n, u)
-          }, m(n.label), 9, yt)) : (a(), t("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
-          }, m(n.label), 9, kt)),
-          u < e.items.length - 1 ? (a(), t("span", pt, m(e.separator), 1)) : c("", !0)
+          }, g(o.label), 9, Bl)),
+          u < e.items.length - 1 ? (t(), s("span", Tl, g(e.separator), 1)) : f("", !0)
         ]))), 128))
       ])
     ]));
   }
-}), dl = /* @__PURE__ */ _(gt, [["__scopeId", "data-v-17c32ee3"]]), Dt = { class: "dm-tabs" }, Vt = ["aria-label"], wt = ["id", "aria-selected", "aria-controls", "tabindex", "onClick", "onKeydown"], Ct = { class: "dm-tabs__panels" }, It = ["id", "aria-labelledby", "hidden"], Bt = /* @__PURE__ */ f({
+}), 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: {},
@@ -1165,241 +1964,683 @@ const Z = ["disabled", "type", "aria-busy", "aria-disabled"], ee = {
     ariaLabel: { default: "Tabs" }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
-    const s = e, o = l, r = k(s.modelValue);
-    T(() => s.modelValue, (u) => {
-      r.value = u;
+  setup(e, { emit: i }) {
+    const n = e, a = i, l = V(n.modelValue);
+    H(() => n.modelValue, (u) => {
+      l.value = u;
     });
-    const d = (u) => {
-      r.value = u, o("update:modelValue", u);
-    }, n = (u, b) => {
-      var v;
-      let h = b;
+    const r = (u) => {
+      l.value = u, a("update:modelValue", u);
+    }, o = (u, m) => {
+      var k;
+      let b = m;
       switch (u.key) {
         case "ArrowLeft":
-          u.preventDefault(), h = b > 0 ? b - 1 : s.tabs.length - 1;
+          u.preventDefault(), b = m > 0 ? m - 1 : n.tabs.length - 1;
           break;
         case "ArrowRight":
-          u.preventDefault(), h = b < s.tabs.length - 1 ? b + 1 : 0;
+          u.preventDefault(), b = m < n.tabs.length - 1 ? m + 1 : 0;
           break;
         case "Home":
-          u.preventDefault(), h = 0;
+          u.preventDefault(), b = 0;
           break;
         case "End":
-          u.preventDefault(), h = s.tabs.length - 1;
+          u.preventDefault(), b = n.tabs.length - 1;
           break;
         default:
           return;
       }
-      d(h), (v = document.getElementById(`tab-${h}`)) == null || v.focus();
+      r(b), (k = document.getElementById(`tab-${b}`)) == null || k.focus();
     };
-    return (u, b) => (a(), t("div", Dt, [
-      i("div", {
+    return (u, m) => (t(), s("div", El, [
+      v("div", {
         class: "dm-tabs__header",
         role: "tablist",
         "aria-label": e.ariaLabel
       }, [
-        (a(!0), t(B, null, L(e.tabs, (h, v) => (a(), t("button", {
-          key: v,
-          id: `tab-${v}`,
-          class: y(["dm-tabs__tab", { "dm-tabs__tab--active": r.value === v }]),
+        (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 }]),
           role: "tab",
-          "aria-selected": r.value === v,
-          "aria-controls": `panel-${v}`,
-          tabindex: r.value === v ? 0 : -1,
-          onClick: (D) => d(v),
-          onKeydown: (D) => n(D, v)
-        }, m(h), 43, wt))), 128)),
-        i("div", {
+          "aria-selected": l.value === k,
+          "aria-controls": `panel-${k}`,
+          tabindex: l.value === k ? 0 : -1,
+          onClick: (M) => r(k),
+          onKeydown: (M) => o(M, k)
+        }, g(b), 43, ql))), 128)),
+        v("div", {
           class: "dm-tabs__indicator",
-          style: A({ transform: `translateX(${r.value * 100}%)` })
+          style: X({ transform: `translateX(${l.value * 100}%)` })
         }, null, 4)
-      ], 8, Vt),
-      i("div", Ct, [
-        (a(!0), t(B, null, L(e.tabs, (h, v) => (a(), t("div", {
-          key: v,
-          id: `panel-${v}`,
-          class: y(["dm-tabs__panel", { "dm-tabs__panel--active": r.value === v }]),
+      ], 8, Sl),
+      v("div", Rl, [
+        (t(!0), s(U, null, K(e.tabs, (b, k) => (t(), s("div", {
+          key: k,
+          id: `panel-${k}`,
+          class: L(["dm-tabs__panel", { "dm-tabs__panel--active": l.value === k }]),
           role: "tabpanel",
-          "aria-labelledby": `tab-${v}`,
-          hidden: r.value !== v
+          "aria-labelledby": `tab-${k}`,
+          hidden: l.value !== k
         }, [
-          p(u.$slots, `panel-${v}`, {}, void 0, !0)
-        ], 10, It))), 128))
+          R(u.$slots, `panel-${k}`, {}, void 0, !0)
+        ], 10, zl))), 128))
       ])
     ]));
   }
-}), ol = /* @__PURE__ */ _(Bt, [["__scopeId", "data-v-6d59d320"]]);
-let q = k(!1), F = !1;
-function il() {
+}), $s = /* @__PURE__ */ S(Nl, [["__scopeId", "data-v-6d59d320"]]);
+let G = V(!1), ue = !1;
+function ws() {
   const e = () => {
-    q.value = !q.value, document.documentElement.classList.toggle("dark", q.value), localStorage.setItem("theme", q.value ? "dark" : "light");
-  }, l = (n) => {
-    q.value = n === "dark", document.documentElement.classList.toggle("dark", q.value), localStorage.setItem("theme", n);
-  }, s = () => {
-    F = !0;
-    const n = localStorage.getItem("theme");
-    if (n)
-      l(n);
+    G.value = !G.value, document.documentElement.classList.toggle("dark", G.value), localStorage.setItem("theme", G.value ? "dark" : "light");
+  }, i = (o) => {
+    G.value = o === "dark", document.documentElement.classList.toggle("dark", G.value), localStorage.setItem("theme", o);
+  }, n = () => {
+    ue = !0;
+    const o = localStorage.getItem("theme");
+    if (o)
+      i(o);
     else if (typeof window < "u" && window.matchMedia) {
       const u = window.matchMedia("(prefers-color-scheme: dark)").matches;
-      l(u ? "dark" : "light");
+      i(u ? "dark" : "light");
     }
     typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", (u) => {
-      localStorage.getItem("theme") || l(u.matches ? "dark" : "light");
+      localStorage.getItem("theme") || i(u.matches ? "dark" : "light");
     });
   };
-  F || s();
-  const o = C(() => q.value ? "dark" : "light");
+  ue || n();
+  const a = B(() => G.value ? "dark" : "light");
   return {
-    isDark: q,
-    currentTheme: o,
+    isDark: G,
+    currentTheme: a,
     toggle: e,
-    setTheme: l,
-    setDark: () => l("dark"),
-    setLight: () => l("light"),
-    initTheme: s
+    setTheme: i,
+    setDark: () => i("dark"),
+    setLight: () => i("light"),
+    initTheme: n
   };
 }
-const Lt = (e) => !!e, Mt = (e) => e ? /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e) : !0, qt = (e) => (l) => l ? l.length >= e : !0, Tt = (e) => (l) => l ? l.length <= e : !0, xt = (e) => (l) => l ? e.test(l) : !0, St = (e) => (l) => e(l);
-function nl() {
+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: Lt,
-    email: Mt,
-    minLength: qt,
-    maxLength: Tt,
-    pattern: xt,
-    custom: St
+    required: Ol,
+    email: Fl,
+    minLength: Al,
+    maxLength: jl,
+    pattern: Pl,
+    custom: Ul
   };
 }
-function cl(e = {}) {
-  const l = k(!1), s = k(null), o = k(null), r = async (h, v = {}) => {
-    l.value = !0, s.value = null;
+function Vs(e = {}) {
+  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}${h}` : h, I = await fetch(D, {
-        ...v,
+      const M = e.baseURL ? `${e.baseURL}${b}` : b, T = await fetch(M, {
+        ...k,
         headers: {
           "Content-Type": "application/json",
           ...e.headers,
-          ...v.headers
+          ...k.headers
         }
       });
-      if (!I.ok)
-        throw new Error(`HTTP ${I.status}: ${I.statusText}`);
-      const x = await I.json();
-      return o.value = x, x;
-    } catch (D) {
-      throw s.value = D.message || "Request failed", D;
+      if (!T.ok)
+        throw new Error(`HTTP ${T.status}: ${T.statusText}`);
+      const $ = await T.json();
+      return a.value = $, $;
+    } catch (M) {
+      throw n.value = M.message || "Request failed", M;
     } finally {
-      l.value = !1;
+      i.value = !1;
     }
   };
   return {
-    loading: l,
-    error: s,
-    data: o,
-    get: (h, v) => r(h, { ...v, method: "GET" }),
-    post: (h, v, D) => r(h, {
-      ...D,
+    loading: i,
+    error: n,
+    data: a,
+    get: (b, k) => l(b, { ...k, method: "GET" }),
+    post: (b, k, M) => l(b, {
+      ...M,
       method: "POST",
-      body: JSON.stringify(v)
+      body: JSON.stringify(k)
     }),
-    put: (h, v, D) => r(h, {
-      ...D,
+    put: (b, k, M) => l(b, {
+      ...M,
       method: "PUT",
-      body: JSON.stringify(v)
+      body: JSON.stringify(k)
     }),
-    delete: (h, v) => r(h, { ...v, method: "DELETE" })
+    delete: (b, k) => l(b, { ...k, method: "DELETE" })
   };
 }
-function ul(e, l) {
-  const s = localStorage.getItem(e);
-  let o = l;
-  if (s)
+function Ds() {
+  const e = V(1), i = "datametria-accessibility-scale", n = 0.8, a = 2, l = B(
+    () => Math.max(n, Math.min(a, e.value))
+  ), r = B(() => {
+    const $ = l.value;
+    return $ <= 0.9 ? "scale-small" : $ >= 1.1 ? "scale-large" : "scale-normal";
+  }), o = ($) => {
+    const C = Math.max(n, Math.min(a, $));
+    document.documentElement.style.setProperty("--user-scale", C.toString()), e.value = C;
+  }, u = ($) => {
+    try {
+      localStorage.setItem(i, $.toString());
+    } catch (C) {
+      console.warn("Failed to save accessibility scale:", C);
+    }
+  }, m = () => {
     try {
-      o = JSON.parse(s);
+      const $ = localStorage.getItem(i);
+      return $ ? parseFloat($) : 1;
+    } catch ($) {
+      return console.warn("Failed to load accessibility scale:", $), 1;
+    }
+  }, b = ($) => {
+    o($), u(l.value);
+  }, k = () => {
+    b(e.value + 0.1);
+  }, M = () => {
+    b(e.value - 0.1);
+  }, T = () => {
+    b(1);
+  };
+  return H(e, ($) => {
+    o($);
+  }), J(() => {
+    const $ = m();
+    o($);
+  }), {
+    scale: l,
+    scaleClass: r,
+    setScale: b,
+    increaseScale: k,
+    decreaseScale: M,
+    resetScale: T,
+    minScale: n,
+    maxScale: a
+  };
+}
+const j = {
+  xs: 475,
+  sm: 640,
+  md: 768,
+  lg: 1024,
+  xl: 1280,
+  "2xl": 1536
+};
+function Ms() {
+  const e = V(0), i = () => {
+    e.value = window.innerWidth;
+  }, n = (h) => e.value >= j[h], a = (h) => e.value <= j[h], l = (h, p) => e.value >= j[h] && e.value <= j[p], r = () => {
+    const h = e.value;
+    return h >= j["2xl"] ? "2xl" : h >= j.xl ? "xl" : h >= j.lg ? "lg" : h >= j.md ? "md" : h >= j.sm ? "sm" : "xs";
+  }, o = () => e.value < j.sm, u = () => n("sm") && e.value < j.md, m = () => n("md") && e.value < j.lg, b = () => n("lg") && e.value < j.xl, k = () => n("xl") && e.value < j["2xl"], M = () => n("2xl"), T = () => e.value < j.md, $ = () => l("md", "lg"), C = () => n("lg");
+  return J(() => {
+    i(), window.addEventListener("resize", i);
+  }), ie(() => {
+    window.removeEventListener("resize", i);
+  }), {
+    windowWidth: e,
+    breakpoints: j,
+    isGreaterOrEqual: n,
+    isLessOrEqual: a,
+    isBetween: l,
+    getCurrentBreakpoint: r,
+    isXs: o,
+    isSm: u,
+    isMd: m,
+    isLg: b,
+    isXl: k,
+    is2xl: M,
+    isMobile: T,
+    isTablet: $,
+    isDesktop: C
+  };
+}
+function Cs(e = {}) {
+  const {
+    color: i = "rgba(255, 255, 255, 0.3)",
+    duration: n = 600,
+    disabled: a = !1
+  } = e, l = V(), r = V([]), o = (h) => {
+    if (a || !l.value) return;
+    const p = l.value, w = p.getBoundingClientRect();
+    let z, F;
+    if (h instanceof MouseEvent)
+      z = h.clientX, F = h.clientY;
+    else {
+      const D = h.touches[0] || h.changedTouches[0];
+      z = D.clientX, F = D.clientY;
+    }
+    const P = z - w.left, W = F - w.top, x = Math.max(w.width, w.height), q = document.createElement("div");
+    q.className = "datametria-ripple", q.style.cssText = `
+      position: absolute;
+      left: ${P - x / 2}px;
+      top: ${W - x / 2}px;
+      width: ${x}px;
+      height: ${x}px;
+      border-radius: 50%;
+      background: ${i};
+      transform: scale(0);
+      animation: ripple-animation ${n / 1e3}s ease-out;
+      pointer-events: none;
+      z-index: 1;
+    `, p.appendChild(q), setTimeout(() => {
+      q.parentNode && q.parentNode.removeChild(q);
+    }, n);
+  }, u = (h) => {
+    o(h);
+  }, m = (h) => h ? (l.value = h, window.getComputedStyle(h).position === "static" && (h.style.position = "relative"), h.style.overflow = "hidden", h.addEventListener("click", u), () => {
+    h.removeEventListener("click", u);
+  }) : void 0, b = (h) => {
+    const p = r.value.findIndex((w) => w.id === h);
+    p > -1 && r.value.splice(p, 1);
+  }, k = () => {
+    r.value = [];
+  };
+  ie(() => {
+    k();
+  });
+  const M = (h) => ({
+    position: "absolute",
+    left: `${h.x}px`,
+    top: `${h.y}px`,
+    width: `${h.size}px`,
+    height: `${h.size}px`,
+    borderRadius: "50%",
+    backgroundColor: i,
+    transform: "scale(0)",
+    animation: `ripple-animation ${n}ms ease-out`,
+    pointerEvents: "none",
+    zIndex: 1
+  }), T = () => {
+    const h = "ripple-keyframes";
+    if (document.getElementById(h)) return;
+    const p = document.createElement("style");
+    p.id = h, p.textContent = `
+      @keyframes ripple-animation {
+        0% {
+          transform: scale(0);
+          opacity: 1;
+        }
+        100% {
+          transform: scale(2);
+          opacity: 0;
+        }
+      }
+      
+      @media (prefers-reduced-motion: reduce) {
+        @keyframes ripple-animation {
+          0%, 100% {
+            transform: scale(0);
+            opacity: 0;
+          }
+        }
+      }
+    `, document.head.appendChild(p);
+  }, $ = () => {
+    if (l.value)
+      return m(l.value);
+  }, C = () => {
+    l.value && l.value.removeEventListener("click", u);
+  };
+  return J(() => {
+    T(), l.value && $();
+  }), H(l, (h) => {
+    h && $();
+  }), {
+    rippleRef: l,
+    ripples: r,
+    applyRipple: m,
+    removeRipple: b,
+    clearRipples: k,
+    getRippleStyle: M,
+    createRipple: o,
+    addRippleEffect: $,
+    removeRippleEffect: C
+  };
+}
+function Is(e = {}) {
+  const {
+    enabled: i = !0,
+    fallbackToVisual: n = !0,
+    visualDuration: a = 150
+  } = e, l = V(!1), r = V(i), o = V(null), u = () => !!("hapticFeedback" in navigator && navigator.hapticFeedback || "vibrate" in navigator && typeof navigator.vibrate == "function"), m = (d) => {
+    if (!("vibrate" in navigator) || typeof navigator.vibrate != "function") return !1;
+    try {
+      return navigator.vibrate(d);
+    } catch (c) {
+      return console.warn("Haptic feedback failed:", c), !1;
+    }
+  }, b = (d, c) => {
+    if (!n) return;
+    const y = `visual-${Date.now()}`;
+    if (o.value = y, c) {
+      const _ = c.style.transform, I = c.style.transition;
+      switch (c.style.transition = "transform 75ms ease-out", d) {
+        case "light":
+          c.style.transform = "scale(0.98)";
+          break;
+        case "medium":
+          c.style.transform = "scale(0.95)";
+          break;
+        case "heavy":
+          c.style.transform = "scale(0.92)";
+          break;
+        case "selection":
+          c.style.transform = "scale(1.02)";
+          break;
+        default:
+          c.style.transform = "scale(0.97)";
+      }
+      setTimeout(() => {
+        c.style.transform = _, setTimeout(() => {
+          c.style.transition = I, o.value === y && (o.value = null);
+        }, 75);
+      }, 75);
+    }
+    setTimeout(() => {
+      o.value === y && (o.value = null);
+    }, a);
+  }, k = (d) => {
+    if (!r.value) return;
+    let c = !1;
+    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 && n && b("medium", d);
+  }, T = (d) => {
+    if (!r.value) return;
+    let c = !1;
+    l.value && (c = m(40)), !c && n && b("heavy", d);
+  }, $ = (d) => {
+    if (!r.value) return;
+    let c = !1;
+    l.value && (c = m(5)), !c && n && b("selection", d);
+  }, C = (d = "medium", c) => {
+    switch (d) {
+      case "light":
+        k(c);
+        break;
+      case "medium":
+        M(c);
+        break;
+      case "heavy":
+        T(c);
+        break;
+    }
+  }, h = (d, c) => {
+    if (!r.value) return;
+    let y;
+    switch (d) {
+      case "success":
+        y = [10, 50, 10];
+        break;
+      case "warning":
+        y = [20, 100, 20, 100, 20];
+        break;
+      case "error":
+        y = [50, 100, 50, 100, 50];
+        break;
+    }
+    let _ = !1;
+    l.value && (_ = m(y)), !_ && n && b("notification", c);
+  }, p = (d, c) => {
+    if (!r.value) return;
+    let y = !1;
+    l.value && (y = m(d)), !y && n && b("medium", c);
+  }, w = () => {
+    r.value = !0;
+  }, z = () => {
+    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(d);
+      } catch (c) {
+        console.warn("Haptic feedback failed:", c);
+      }
+    if ("vibrate" in navigator && typeof navigator.vibrate == "function") {
+      let c;
+      switch (d) {
+        case "light":
+          c = 10;
+          break;
+        case "medium":
+          c = 20;
+          break;
+        case "heavy":
+          c = 30;
+          break;
+        case "success":
+          c = [10, 50, 10];
+          break;
+        case "warning":
+          c = [20, 100, 20];
+          break;
+        case "error":
+          c = [50, 100, 50, 100, 50];
+          break;
+        default:
+          c = 10;
+      }
+      try {
+        return navigator.vibrate(c);
+      } catch (y) {
+        return console.warn("Vibration failed:", y), !1;
+      }
+    }
+    return !1;
+  }, q = () => {
+    const d = "haptic-keyframes";
+    if (document.getElementById(d)) return;
+    const c = document.createElement("style");
+    c.id = d, c.textContent = `
+      @keyframes haptic-pulse-light {
+        0% { transform: scale(1); }
+        50% { transform: scale(0.98); }
+        100% { transform: scale(1); }
+      }
+      
+      @keyframes haptic-pulse-medium {
+        0% { transform: scale(1); }
+        50% { transform: scale(0.95); }
+        100% { transform: scale(1); }
+      }
+      
+      @keyframes haptic-pulse-heavy {
+        0% { transform: scale(1); }
+        50% { transform: scale(0.92); }
+        100% { transform: scale(1); }
+      }
+      
+      @keyframes haptic-success {
+        0% { transform: scale(1); filter: brightness(1); }
+        50% { transform: scale(1.02); filter: brightness(1.1); }
+        100% { transform: scale(1); filter: brightness(1); }
+      }
+      
+      @keyframes haptic-error {
+        0% { transform: translateX(0); }
+        25% { transform: translateX(-2px); }
+        75% { transform: translateX(2px); }
+        100% { transform: translateX(0); }
+      }
+      
+      @media (prefers-reduced-motion: reduce) {
+        @keyframes haptic-pulse-light,
+        @keyframes haptic-pulse-medium,
+        @keyframes haptic-pulse-heavy,
+        @keyframes haptic-success,
+        @keyframes haptic-error {
+          0%, 100% { transform: none; filter: none; }
+        }
+      }
+    `, document.head.appendChild(c);
+  }, D = (d, c) => {
+    if (!d) return;
+    q();
+    const y = d.style.animation;
+    let _, I;
+    switch (c) {
+      case "light":
+        _ = "haptic-pulse-light 0.15s ease-out", I = 150;
+        break;
+      case "medium":
+        _ = "haptic-pulse-medium 0.2s ease-out", I = 200;
+        break;
+      case "heavy":
+        _ = "haptic-pulse-heavy 0.25s ease-out", I = 250;
+        break;
+      case "success":
+        _ = "haptic-success 0.3s ease-out", I = 300;
+        break;
+      case "warning":
+        _ = "haptic-pulse-medium 0.2s ease-out", I = 200;
+        break;
+      case "error":
+        _ = "haptic-error 0.4s ease-out", I = 400;
+        break;
+      default:
+        _ = "haptic-pulse-light 0.15s ease-out", I = 150;
+    }
+    d.style.animation = _, setTimeout(() => {
+      d.style.animation = y;
+    }, I);
+  }, N = (d, c) => {
+    const y = x(c);
+    return D(d, c), y;
+  }, O = () => {
+    const d = u();
+    return l.value = d, d;
+  };
+  return O(), {
+    // Estado
+    isSupported: l,
+    isEnabled: r,
+    canVibrate: P,
+    hasVisualFeedback: W,
+    activeVisualFeedback: o,
+    // Métodos principais (compatíveis com testes)
+    triggerHaptic: x,
+    triggerVisualFeedback: D,
+    feedback: N,
+    checkSupport: O,
+    // Métodos de feedback específicos
+    light: k,
+    medium: M,
+    heavy: T,
+    selection: $,
+    impact: C,
+    notification: h,
+    custom: p,
+    // Controles
+    enable: w,
+    disable: z,
+    toggle: F,
+    // Utilitários
+    detectHapticSupport: u
+  };
+}
+function Bs(e, i) {
+  const n = localStorage.getItem(e);
+  let a = i;
+  if (n)
+    try {
+      a = JSON.parse(n);
     } catch {
-      o = l;
+      a = i;
     }
-  const r = k(o);
-  return T(
-    r,
-    (d) => {
-      localStorage.setItem(e, JSON.stringify(d));
+  const l = V(a);
+  return H(
+    l,
+    (r) => {
+      localStorage.setItem(e, JSON.stringify(r));
     },
     { deep: !0 }
-  ), r;
+  ), l;
 }
-function ml(e, l = 300) {
-  const s = k(e.value);
-  let o = null;
-  return T(e, (r) => {
-    o && clearTimeout(o), o = setTimeout(() => {
-      s.value = r;
-    }, l);
-  }), s;
+function Ts(e, i = 300) {
+  const n = V(e.value);
+  let a = null;
+  return H(e, (l) => {
+    a && clearTimeout(a), a = setTimeout(() => {
+      n.value = l;
+    }, i);
+  }), n;
 }
-function bl() {
-  const e = k(!1), l = k(null);
+function Ls() {
+  const e = V(!1), i = V(null);
   return {
     copied: e,
-    error: l,
-    copy: async (r) => {
+    error: i,
+    copy: async (l) => {
       try {
-        return await navigator.clipboard.writeText(r), e.value = !0, l.value = null, setTimeout(() => {
+        return await navigator.clipboard.writeText(l), e.value = !0, i.value = null, setTimeout(() => {
           e.value = !1;
         }, 2e3), !0;
-      } catch (d) {
-        return l.value = d.message || "Copy failed", e.value = !1, !1;
+      } catch (r) {
+        return i.value = r.message || "Copy failed", e.value = !1, !1;
       }
     },
     read: async () => {
       try {
-        const r = await navigator.clipboard.readText();
-        return l.value = null, r;
-      } catch (r) {
-        return l.value = r.message || "Read failed", "";
+        const l = await navigator.clipboard.readText();
+        return i.value = null, l;
+      } catch (l) {
+        return i.value = l.message || "Read failed", "";
       }
     }
   };
 }
 export {
-  Qt as DatametriaAlert,
-  jt as DatametriaAutocomplete,
-  tl as DatametriaAvatar,
-  ll as DatametriaBadge,
-  dl as DatametriaBreadcrumb,
-  Et as DatametriaButton,
-  Gt as DatametriaCard,
-  Nt as DatametriaCheckbox,
-  sl as DatametriaChip,
-  Jt as DatametriaContainer,
-  Pt as DatametriaDatePicker,
-  Yt as DatametriaDivider,
-  Kt as DatametriaFileUpload,
-  Wt as DatametriaGrid,
-  At as DatametriaInput,
-  Ht as DatametriaModal,
-  rl as DatametriaNavbar,
-  Zt as DatametriaProgress,
-  Rt as DatametriaRadio,
-  Ot as DatametriaSelect,
-  el as DatametriaSpinner,
-  Ut as DatametriaSwitch,
-  al as DatametriaTable,
-  ol as DatametriaTabs,
-  Ft as DatametriaTextarea,
-  Xt as DatametriaToast,
-  St as custom,
-  Mt as email,
-  Tt as maxLength,
-  qt as minLength,
-  xt as pattern,
-  Lt as required,
-  cl as useAPI,
-  bl as useClipboard,
-  ml as useDebounce,
-  ul as useLocalStorage,
-  il as useTheme,
-  nl as useValidation
+  ds as DatametriaAlert,
+  ls as DatametriaAutocomplete,
+  bs as DatametriaAvatar,
+  ps as DatametriaBadge,
+  ys as DatametriaBreadcrumb,
+  Kl as DatametriaButton,
+  ss as DatametriaCard,
+  Gl as DatametriaCheckbox,
+  gs as DatametriaChip,
+  rs as DatametriaContainer,
+  Zl as DatametriaDatePicker,
+  os as DatametriaDivider,
+  ts as DatametriaFileUpload,
+  ns as DatametriaGrid,
+  Xl as DatametriaInput,
+  ks as DatametriaMenu,
+  is as DatametriaModal,
+  _s as DatametriaNavbar,
+  vs as DatametriaProgress,
+  Yl as DatametriaRadio,
+  Hl as DatametriaSelect,
+  ms as DatametriaSkeleton,
+  as as DatametriaSlider,
+  fs as DatametriaSpinner,
+  Jl as DatametriaSwitch,
+  hs as DatametriaTable,
+  $s as DatametriaTabs,
+  Ql as DatametriaTextarea,
+  es as DatametriaTimePicker,
+  cs as DatametriaToast,
+  us as DatametriaTooltip,
+  Ul as custom,
+  Fl as email,
+  jl as maxLength,
+  Al as minLength,
+  Pl as pattern,
+  Ol as required,
+  Vs as useAPI,
+  Ds as useAccessibilityScale,
+  Ms as useBreakpoints,
+  Ls as useClipboard,
+  Ts as useDebounce,
+  Is as useHapticFeedback,
+  Bs as useLocalStorage,
+  Cs as useRipple,
+  ws as useTheme,
+  xs as useValidation
 };