@datametria/vue-components 1.1.1

package/dist/index.es.js

@@ -0,0 +1,1405 @@
+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 = {
+  key: 0,
+  class: "spinner",
+  role: "status",
+  "aria-label": "Carregando"
+}, ae = /* @__PURE__ */ f({
+  __name: "DatametriaButton",
+  props: {
+    variant: { default: W.PRIMARY },
+    size: { default: Y.MD },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    fullWidth: { type: Boolean, default: !1 },
+    type: { default: "button" }
+  },
+  emits: ["click"],
+  setup(e) {
+    const l = e, s = C(() => [
+      "datametria-button",
+      `datametria-button--${l.variant}`,
+      `datametria-button--${l.size}`,
+      {
+        "datametria-button--full-width": l.fullWidth,
+        "datametria-button--loading": l.loading,
+        "datametria-button--disabled": l.disabled
+      }
+    ]);
+    return (o, r) => (a(), t("button", {
+      class: y(s.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))
+    }, [
+      e.loading ? (a(), t("span", ee)) : c("", !0),
+      p(o.$slots, "default", {}, void 0, !0)
+    ], 10, Z));
+  }
+}), _ = (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 = {
+  key: 0,
+  class: "datametria-input__required"
+}, re = ["id", "value", "placeholder", "disabled", "required"], de = {
+  key: 1,
+  class: "datametria-input__error"
+}, oe = /* @__PURE__ */ f({
+  __name: "DatametriaInput",
+  props: {
+    modelValue: { default: "" },
+    label: {},
+    placeholder: {},
+    errorMessage: {},
+    disabled: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    const l = e, s = C(() => `input-${Math.random().toString(36).substr(2, 9)}`), o = C(() => [
+      "datametria-input__field",
+      {
+        "datametria-input__field--error": l.errorMessage,
+        "datametria-input__field--disabled": l.disabled
+      }
+    ]);
+    return (r, d) => (a(), t("div", te, [
+      e.label ? (a(), t("label", {
+        key: 0,
+        for: s.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,
+        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)
+    ]));
+  }
+}), At = /* @__PURE__ */ _(oe, [["__scopeId", "data-v-cae54108"]]), ie = { class: "datametria-select" }, ne = ["for"], ce = {
+  key: 0,
+  class: "datametria-select__required"
+}, ue = ["id", "value", "disabled", "required"], me = {
+  key: 0,
+  value: "",
+  disabled: ""
+}, be = ["value"], ve = {
+  key: 1,
+  class: "datametria-select__error"
+}, he = /* @__PURE__ */ f({
+  __name: "DatametriaSelect",
+  props: {
+    modelValue: { default: "" },
+    options: {},
+    label: {},
+    placeholder: {},
+    errorMessage: {},
+    disabled: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    const l = e, s = C(() => `select-${Math.random().toString(36).substr(2, 9)}`), o = C(() => [
+      "datametria-select__field",
+      {
+        "datametria-select__field--error": l.errorMessage,
+        "datametria-select__field--disabled": l.disabled
+      }
+    ]);
+    return (r, d) => (a(), t("div", ie, [
+      e.label ? (a(), t("label", {
+        key: 0,
+        for: s.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,
+        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))
+      }, [
+        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)
+    ]));
+  }
+}), Ot = /* @__PURE__ */ _(he, [["__scopeId", "data-v-96f4e8ce"]]), fe = { class: "datametria-checkbox" }, _e = ["checked", "disabled"], $e = {
+  key: 0,
+  class: "datametria-checkbox__label"
+}, ye = /* @__PURE__ */ f({
+  __name: "DatametriaCheckbox",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    label: {},
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    return (l, s) => (a(), t("label", fe, [
+      i("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)
+    ]));
+  }
+}), 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 = {
+  key: 0,
+  class: "dm-radio__text"
+}, Ve = ["id"], we = /* @__PURE__ */ f({
+  __name: "DatametriaRadio",
+  props: {
+    modelValue: { type: [String, Number, Boolean] },
+    value: { type: [String, Number, Boolean] },
+    label: {},
+    name: {},
+    disabled: { type: Boolean, default: !1 },
+    error: {},
+    ariaLabel: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: l }) {
+    const s = e, o = l, r = () => {
+      s.disabled || o("update:modelValue", s.value);
+    };
+    return (d, n) => (a(), t("div", ke, [
+      i("label", pe, [
+        i("input", {
+          type: "radio",
+          class: "dm-radio__input",
+          value: e.value,
+          checked: e.modelValue === e.value,
+          disabled: e.disabled,
+          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)
+      ]),
+      e.error ? (a(), t("p", {
+        key: 0,
+        id: `${e.name}-error`,
+        class: "dm-radio__error"
+      }, m(e.error), 9, Ve)) : c("", !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 = {
+  key: 0,
+  class: "dm-switch__text"
+}, Me = {
+  key: 0,
+  class: "dm-switch__error"
+}, qe = /* @__PURE__ */ f({
+  __name: "DatametriaSwitch",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    label: {},
+    disabled: { type: Boolean, default: !1 },
+    error: {},
+    ariaLabel: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: l }) {
+    const s = e, o = l, r = (d) => {
+      s.disabled || o("update:modelValue", d.target.checked);
+    };
+    return (d, n) => (a(), t("div", Ce, [
+      i("label", Ie, [
+        i("input", {
+          type: "checkbox",
+          class: "dm-switch__input",
+          checked: e.modelValue,
+          disabled: e.disabled,
+          "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" })
+        ], -1)),
+        e.label ? (a(), t("span", Le, m(e.label), 1)) : c("", !0)
+      ]),
+      e.error ? (a(), t("p", Me, m(e.error), 1)) : c("", !0)
+    ]));
+  }
+}), Ut = /* @__PURE__ */ _(qe, [["__scopeId", "data-v-f57b4d9a"]]), Te = { class: "dm-textarea" }, xe = {
+  key: 0,
+  class: "dm-textarea__required"
+}, Se = ["placeholder", "disabled", "required", "rows", "maxlength", "aria-label", "aria-describedby", "aria-invalid"], ze = {
+  key: 1,
+  class: "dm-textarea__footer"
+}, Ee = ["id"], Ae = {
+  key: 1,
+  class: "dm-textarea__counter"
+}, Oe = /* @__PURE__ */ f({
+  __name: "DatametriaTextarea",
+  props: {
+    modelValue: { default: "" },
+    label: {},
+    placeholder: {},
+    disabled: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    error: {},
+    rows: { default: 4 },
+    maxLength: {},
+    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;
+    });
+    const n = () => {
+      o("update:modelValue", d.value || "");
+    };
+    return (u, b) => {
+      var h;
+      return a(), t("div", Te, [
+        e.label ? (a(), t("label", {
+          key: 0,
+          for: r,
+          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 }]),
+          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-invalid": !!e.error,
+          onInput: n
+        }, null, 42, Se), [
+          [R, d.value]
+        ]),
+        e.maxLength || e.error ? (a(), t("div", ze, [
+          e.error ? (a(), t("p", {
+            key: 0,
+            id: `${r}-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)
+      ]);
+    };
+  }
+}), Ft = /* @__PURE__ */ _(Oe, [["__scopeId", "data-v-e9253798"]]), Ne = { class: "dm-datepicker" }, Re = {
+  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({
+  __name: "DatametriaDatePicker",
+  props: {
+    modelValue: { default: "" },
+    label: {},
+    disabled: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    error: {},
+    min: {},
+    max: {},
+    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;
+    });
+    const n = () => {
+      o("update:modelValue", d.value);
+    };
+    return (u, b) => (a(), t("div", Ne, [
+      e.label ? (a(), t("label", {
+        key: 0,
+        for: r,
+        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,
+          type: "date",
+          "onUpdate:modelValue": b[0] || (b[0] = (h) => d.value = h),
+          class: y(["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-invalid": !!e.error,
+          onChange: n
+        }, null, 42, Fe), [
+          [R, d.value]
+        ])
+      ]),
+      e.error ? (a(), t("p", {
+        key: 1,
+        id: `${r}-error`,
+        class: "dm-datepicker__error"
+      }, m(e.error), 9, Pe)) : c("", !0)
+    ]));
+  }
+}), Pt = /* @__PURE__ */ _(Ke, [["__scopeId", "data-v-8bf1e9ec"]]), je = { class: "dm-file-upload" }, Ge = {
+  key: 0,
+  class: "dm-file-upload__label"
+}, He = {
+  key: 0,
+  class: "dm-file-upload__required"
+}, Je = ["accept", "multiple", "disabled", "required"], We = { class: "dm-file-upload__content" }, Ye = {
+  key: 0,
+  class: "dm-file-upload__hint"
+}, Qe = {
+  key: 1,
+  class: "dm-file-upload__files"
+}, Xe = { class: "dm-file-upload__filename" }, Ze = { class: "dm-file-upload__filesize" }, ea = ["onClick"], aa = {
+  key: 2,
+  class: "dm-file-upload__error"
+}, ta = /* @__PURE__ */ f({
+  __name: "DatametriaFileUpload",
+  props: {
+    modelValue: { default: () => [] },
+    label: {},
+    accept: {},
+    multiple: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    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($);
+      }
+    }, 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]}`;
+    };
+    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"]),
+        onClick: u
+      }, [
+        i("input", {
+          ref_key: "fileInput",
+          ref: r,
+          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", {
+            class: "dm-file-upload__icon",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor"
+          }, [
+            i("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 ")
+          ], -1)),
+          e.accept ? (a(), t("p", Ye, m(e.accept), 1)) : c("", !0)
+        ])
+      ], 34),
+      d.value.length ? (a(), t("div", Qe, [
+        (a(!0), t(B, null, L(d.value, ($, M) => (a(), t("div", {
+          key: M,
+          class: "dm-file-upload__file"
+        }, [
+          i("span", Xe, m($.name), 1),
+          i("span", Ze, m(O($.size)), 1),
+          i("button", {
+            type: "button",
+            class: "dm-file-upload__remove",
+            onClick: (z) => x(M),
+            "aria-label": "Remover arquivo"
+          }, "×", 8, ea)
+        ]))), 128))
+      ])) : c("", !0),
+      e.error ? (a(), t("p", aa, m(e.error), 1)) : c("", !0)
+    ]));
+  }
+}), Kt = /* @__PURE__ */ _(ta, [["__scopeId", "data-v-da137679"]]), la = {
+  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 = {
+  key: 1,
+  class: "dm-autocomplete__no-results"
+}, na = {
+  key: 1,
+  class: "dm-autocomplete__error"
+}, ca = /* @__PURE__ */ f({
+  __name: "DatametriaAutocomplete",
+  props: {
+    modelValue: { default: "" },
+    options: { default: () => [] },
+    label: {},
+    placeholder: {},
+    disabled: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    error: {},
+    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
+    );
+    T(() => s.modelValue, ($) => {
+      n.value = $;
+    });
+    const D = () => {
+      u.value = !0, b.value = -1, o("update:modelValue", n.value);
+    }, I = () => {
+      s.disabled || (u.value = !0);
+    }, x = () => {
+      setTimeout(() => {
+        u.value = !1;
+      }, 200);
+    }, O = ($) => {
+      n.value = $, o("update:modelValue", $), u.value = !1, b.value = -1;
+    }, g = ($) => {
+      if (!u.value && $.key !== "Escape") {
+        u.value = !0;
+        return;
+      }
+      switch ($.key) {
+        case "ArrowDown":
+          $.preventDefault(), b.value = Math.min(b.value + 1, h.value.length - 1);
+          break;
+        case "ArrowUp":
+          $.preventDefault(), b.value = Math.max(b.value - 1, 0);
+          break;
+        case "Enter":
+          $.preventDefault(), b.value >= 0 && O(h.value[b.value]);
+          break;
+        case "Escape":
+          u.value = !1, b.value = -1;
+          break;
+      }
+    }, V = ($) => {
+      d.value && !d.value.contains($.target) && (u.value = !1);
+    };
+    return P(() => {
+      document.addEventListener("click", V);
+    }), X(() => {
+      document.removeEventListener("click", V);
+    }), ($, M) => (a(), t("div", {
+      class: "dm-autocomplete",
+      ref_key: "autocompleteRef",
+      ref: d
+    }, [
+      e.label ? (a(), t("label", {
+        key: 0,
+        for: r,
+        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),
+          type: "text",
+          class: y(["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,
+          role: "combobox",
+          autocomplete: "off",
+          onInput: D,
+          onFocus: I,
+          onBlur: x,
+          onKeydown: g
+        }, null, 42, ra), [
+          [R, n.value]
+        ]),
+        u.value && h.value.length ? (a(), t("ul", {
+          key: 0,
+          id: `${r}-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 }]),
+            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)
+      ]),
+      e.error ? (a(), t("p", na, m(e.error), 1)) : c("", !0)
+    ], 512));
+  }
+}), jt = /* @__PURE__ */ _(ca, [["__scopeId", "data-v-782dacde"]]), ua = {
+  key: 0,
+  class: "datametria-card__header"
+}, ma = { class: "datametria-card__title" }, ba = { class: "datametria-card__content" }, va = {
+  key: 1,
+  class: "datametria-card__footer"
+}, ha = /* @__PURE__ */ f({
+  __name: "DatametriaCard",
+  props: {
+    title: {},
+    padding: { type: Boolean, default: !0 }
+  },
+  setup(e) {
+    const l = e, s = C(() => [
+      "datametria-card",
+      {
+        "datametria-card--no-padding": !l.padding
+      }
+    ]);
+    return (o, r) => (a(), t("div", {
+      class: y(s.value)
+    }, [
+      e.title || o.$slots.header ? (a(), t("div", ua, [
+        p(o.$slots, "header", {}, () => [
+          i("h3", ma, m(e.title), 1)
+        ], !0)
+      ])) : c("", !0),
+      i("div", ba, [
+        p(o.$slots, "default", {}, void 0, !0)
+      ]),
+      o.$slots.footer ? (a(), t("div", va, [
+        p(o.$slots, "footer", {}, void 0, !0)
+      ])) : c("", !0)
+    ], 2));
+  }
+}), Gt = /* @__PURE__ */ _(ha, [["__scopeId", "data-v-539a1b0c"]]), fa = {
+  key: 0,
+  class: "datametria-modal__header"
+}, _a = { class: "datametria-modal__title" }, $a = { class: "datametria-modal__body" }, ya = {
+  key: 1,
+  class: "datametria-modal__footer"
+}, ka = /* @__PURE__ */ f({
+  __name: "DatametriaModal",
+  props: {
+    modelValue: { type: Boolean },
+    title: {},
+    size: { default: "32rem" },
+    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"));
+    };
+    return (d, n) => (a(), K(j, { to: "body" }, [
+      G(H, { name: "modal" }, {
+        default: J(() => [
+          e.modelValue ? (a(), t("div", {
+            key: 0,
+            class: "datametria-modal",
+            onClick: S(r, ["self"])
+          }, [
+            i("div", {
+              class: "datametria-modal__content",
+              style: A({ maxWidth: e.size })
+            }, [
+              e.title || d.$slots.header ? (a(), t("div", fa, [
+                p(d.$slots, "header", {}, () => [
+                  i("h3", _a, m(e.title), 1)
+                ], !0),
+                e.closable ? (a(), t("button", {
+                  key: 0,
+                  class: "datametria-modal__close",
+                  onClick: r
+                }, " × ")) : c("", !0)
+              ])) : c("", !0),
+              i("div", $a, [
+                p(d.$slots, "default", {}, void 0, !0)
+              ]),
+              d.$slots.footer ? (a(), t("div", ya, [
+                p(d.$slots, "footer", {}, void 0, !0)
+              ])) : c("", !0)
+            ], 4)
+          ])) : c("", !0)
+        ]),
+        _: 3
+      })
+    ]));
+  }
+}), Ht = /* @__PURE__ */ _(ka, [["__scopeId", "data-v-8aa80965"]]), pa = /* @__PURE__ */ f({
+  __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 }]])
+    }, [
+      p(l.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+}), Jt = /* @__PURE__ */ _(pa, [["__scopeId", "data-v-4cc8678e"]]), ga = /* @__PURE__ */ f({
+  __name: "DatametriaGrid",
+  props: {
+    cols: { default: 12 },
+    gap: { default: "var(--dm-space-4)" }
+  },
+  setup(e) {
+    return (l, s) => (a(), t("div", {
+      class: "dm-grid",
+      style: A({
+        "--dm-grid-cols": e.cols,
+        "--dm-grid-gap": e.gap
+      })
+    }, [
+      p(l.$slots, "default", {}, void 0, !0)
+    ], 4));
+  }
+}), Wt = /* @__PURE__ */ _(ga, [["__scopeId", "data-v-9e2c1279"]]), Da = ["role", "aria-orientation"], Va = {
+  key: 0,
+  class: "dm-divider__label"
+}, wa = /* @__PURE__ */ f({
+  __name: "DatametriaDivider",
+  props: {
+    orientation: { default: "horizontal" },
+    dashed: { type: Boolean, default: !1 },
+    label: {}
+  },
+  setup(e) {
+    return (l, s) => (a(), t("div", {
+      class: y(["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)
+        ], !0)
+      ])) : c("", !0)
+    ], 10, Da));
+  }
+}), 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 = {
+  key: 0,
+  class: "datametria-alert__title"
+}, xa = { class: "datametria-alert__message" }, Sa = /* @__PURE__ */ f({
+  __name: "DatametriaAlert",
+  props: {
+    modelValue: { type: Boolean, default: !0 },
+    variant: { default: "info" },
+    title: {},
+    message: {},
+    closable: { type: Boolean, default: !0 }
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    const l = e, s = C(() => [
+      "datametria-alert",
+      `datametria-alert--${l.variant}`
+    ]);
+    return (o, r) => e.modelValue ? (a(), t("div", {
+      key: 0,
+      class: y(s.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, "ℹ"))
+      ]),
+      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)
+          ], !0)
+        ])
+      ]),
+      e.closable ? (a(), t("button", {
+        key: 0,
+        class: "datametria-alert__close",
+        onClick: r[0] || (r[0] = (d) => o.$emit("update:modelValue", !1))
+      }, " × ")) : c("", !0)
+    ], 2)) : c("", !0);
+  }
+}), Qt = /* @__PURE__ */ _(Sa, [["__scopeId", "data-v-a27dad03"]]), za = ["aria-live"], Ea = { class: "dm-toast__content" }, Aa = { class: "dm-toast__message" }, Oa = /* @__PURE__ */ f({
+  __name: "DatametriaToast",
+  props: {
+    message: {},
+    variant: { default: "info" },
+    duration: { default: 3e3 },
+    closable: { type: Boolean, default: !0 },
+    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();
+    });
+    const n = () => {
+      d && clearTimeout(d), d = setTimeout(() => {
+        u();
+      }, s.duration);
+    }, u = () => {
+      r.value = !1, o("update:modelValue", !1), o("close"), d && clearTimeout(d);
+    };
+    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", {
+            key: 0,
+            class: y(["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", {
+                key: 0,
+                class: "dm-toast__close",
+                onClick: u,
+                "aria-label": "Fechar"
+              }, "×")) : c("", !0)
+            ])
+          ], 10, za)) : c("", !0)
+        ]),
+        _: 1
+      })
+    ]));
+  }
+}), Xt = /* @__PURE__ */ _(Oa, [["__scopeId", "data-v-f6096907"]]), Na = { class: "dm-progress" }, Ra = {
+  key: 0,
+  class: "dm-progress__header"
+}, Ua = { class: "dm-progress__label" }, Fa = {
+  key: 0,
+  class: "dm-progress__value"
+}, Pa = ["aria-valuenow", "aria-label"], Ka = /* @__PURE__ */ f({
+  __name: "DatametriaProgress",
+  props: {
+    value: {},
+    label: {},
+    variant: { default: "primary" },
+    showValue: { type: Boolean, default: !0 },
+    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", {
+        class: "dm-progress__track",
+        role: "progressbar",
+        "aria-valuenow": e.value,
+        "aria-valuemin": 0,
+        "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}%` })
+        }, null, 6)
+      ], 8, Pa)
+    ]));
+  }
+}), Zt = /* @__PURE__ */ _(Ka, [["__scopeId", "data-v-6c9ef263"]]), ja = ["aria-label"], Ga = {
+  key: 0,
+  class: "dm-spinner__label"
+}, Ha = /* @__PURE__ */ f({
+  __name: "DatametriaSpinner",
+  props: {
+    size: { default: "md" },
+    variant: { default: "primary" },
+    label: {},
+    ariaLabel: { default: "Carregando" }
+  },
+  setup(e) {
+    return (l, s) => (a(), t("div", {
+      class: y(["dm-spinner", [`dm-spinner--${e.size}`, `dm-spinner--${e.variant}`]]),
+      role: "status",
+      "aria-label": e.ariaLabel
+    }, [
+      s[0] || (s[0] = i("svg", {
+        class: "dm-spinner__svg",
+        viewBox: "0 0 50 50"
+      }, [
+        i("circle", {
+          class: "dm-spinner__circle",
+          cx: "25",
+          cy: "25",
+          r: "20",
+          fill: "none",
+          "stroke-width": "4"
+        })
+      ], -1)),
+      e.label ? (a(), t("span", Ga, m(e.label), 1)) : c("", !0)
+    ], 10, ja));
+  }
+}), 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 = {
+  key: 0,
+  class: "datametria-table__empty"
+}, Za = /* @__PURE__ */ f({
+  __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,
+              class: "datametria-table__th",
+              style: A({ width: o.width })
+            }, m(o.label), 5))), 128))
+          ])
+        ]),
+        i("tbody", Qa, [
+          (a(!0), t(B, null, L(e.data, (o, r) => (a(), t("tr", {
+            key: r,
+            class: "datametria-table__tr"
+          }, [
+            (a(!0), t(B, null, L(e.columns, (d) => (a(), t("td", {
+              key: d.key,
+              class: "datametria-table__td"
+            }, [
+              p(l.$slots, `cell-${d.key}`, {
+                row: o,
+                value: o[d.key]
+              }, () => [
+                w(m(o[d.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))
+        ], !0)
+      ])) : c("", !0)
+    ]));
+  }
+}), al = /* @__PURE__ */ _(Za, [["__scopeId", "data-v-7700c903"]]), et = ["aria-label"], at = ["src", "alt"], tt = {
+  key: 1,
+  class: "dm-avatar__initials"
+}, lt = /* @__PURE__ */ f({
+  __name: "DatametriaAvatar",
+  props: {
+    src: {},
+    name: {},
+    alt: {},
+    size: { default: "md" },
+    rounded: { type: Boolean, default: !1 },
+    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;
+    };
+    return (d, n) => (a(), t("div", {
+      class: y(["dm-avatar", [`dm-avatar--${e.size}`, { "dm-avatar--rounded": e.rounded }]]),
+      "aria-label": e.ariaLabel || e.name
+    }, [
+      e.src ? (a(), t("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));
+  }
+}), tl = /* @__PURE__ */ _(lt, [["__scopeId", "data-v-898cb5d7"]]), st = ["aria-label"], rt = /* @__PURE__ */ f({
+  __name: "DatametriaBadge",
+  props: {
+    label: {},
+    variant: { default: "primary" },
+    size: { default: "md" },
+    ariaLabel: {}
+  },
+  setup(e) {
+    return (l, s) => (a(), t("span", {
+      class: y(["dm-badge", [`dm-badge--${e.variant}`, `dm-badge--${e.size}`]]),
+      "aria-label": e.ariaLabel
+    }, [
+      p(l.$slots, "default", {}, () => [
+        w(m(e.label), 1)
+      ], !0)
+    ], 10, st));
+  }
+}), ll = /* @__PURE__ */ _(rt, [["__scopeId", "data-v-843741c5"]]), dt = ["role", "tabindex", "onKeydown"], ot = {
+  key: 0,
+  class: "dm-chip__icon"
+}, it = { class: "dm-chip__label" }, nt = /* @__PURE__ */ f({
+  __name: "DatametriaChip",
+  props: {
+    label: {},
+    variant: { default: "default" },
+    closable: { type: Boolean, default: !1 },
+    clickable: { type: Boolean, default: !1 }
+  },
+  emits: ["click", "close"],
+  setup(e, { emit: l }) {
+    const s = l, o = () => {
+      s("click");
+    }, r = () => {
+      s("close");
+    };
+    return (d, n) => (a(), t("div", {
+      class: y(["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,
+      onKeydown: [
+        U(o, ["enter"]),
+        U(S(o, ["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)
+        ], !0)
+      ]),
+      e.closable ? (a(), t("button", {
+        key: 1,
+        class: "dm-chip__close",
+        onClick: S(r, ["stop"]),
+        "aria-label": "Remover",
+        type: "button"
+      }, "×")) : c("", !0)
+    ], 42, dt));
+  }
+}), sl = /* @__PURE__ */ _(nt, [["__scopeId", "data-v-0d7ae680"]]), ct = ["aria-label"], ut = { class: "dm-navbar__container" }, mt = { class: "dm-navbar__brand" }, bt = {
+  href: "/",
+  class: "dm-navbar__logo"
+}, vt = ["aria-expanded"], ht = {
+  key: 1,
+  class: "dm-navbar__actions"
+}, ft = /* @__PURE__ */ f({
+  __name: "DatametriaNavbar",
+  props: {
+    brand: { default: "" },
+    variant: { default: "light" },
+    sticky: { type: Boolean, default: !1 },
+    transparent: { type: Boolean, default: !1 },
+    bordered: { type: Boolean, default: !1 },
+    ariaLabel: { default: "Main navigation" }
+  },
+  setup(e) {
+    const l = e, s = k(!1), o = () => {
+      s.value = !s.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 }
+      ]]),
+      role: "navigation",
+      "aria-label": l.ariaLabel
+    }, [
+      i("div", ut, [
+        i("div", mt, [
+          p(r.$slots, "brand", {}, () => [
+            i("a", bt, m(e.brand), 1)
+          ], !0)
+        ]),
+        r.$slots.menu ? (a(), t("button", {
+          key: 0,
+          class: "dm-navbar__toggle",
+          "aria-expanded": s.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", {
+          id: "navbar-menu",
+          class: y(["dm-navbar__menu", { "dm-navbar__menu--open": s.value }])
+        }, [
+          p(r.$slots, "menu", {}, void 0, !0)
+        ], 2),
+        r.$slots.actions ? (a(), t("div", ht, [
+          p(r.$slots, "actions", {}, void 0, !0)
+        ])) : c("", !0)
+      ])
+    ], 10, ct));
+  }
+}), rl = /* @__PURE__ */ _(ft, [["__scopeId", "data-v-adcb6d0c"]]), _t = {
+  class: "dm-breadcrumb",
+  "aria-label": "Breadcrumb"
+}, $t = { class: "dm-breadcrumb__list" }, yt = ["href", "onClick"], kt = ["aria-current"], pt = {
+  key: 2,
+  class: "dm-breadcrumb__separator",
+  "aria-hidden": "true"
+}, gt = /* @__PURE__ */ f({
+  __name: "DatametriaBreadcrumb",
+  props: {
+    items: {},
+    separator: { default: "/" }
+  },
+  emits: ["click"],
+  setup(e, { emit: l }) {
+    const s = l, o = (r, d, n) => {
+      s("click", d, n);
+    };
+    return (r, d) => (a(), t("nav", _t, [
+      i("ol", $t, [
+        (a(!0), t(B, null, L(e.items, (n, u) => (a(), t("li", {
+          key: u,
+          class: "dm-breadcrumb__item"
+        }, [
+          n.href && u < e.items.length - 1 ? (a(), t("a", {
+            key: 0,
+            href: n.href,
+            class: "dm-breadcrumb__link",
+            onClick: (b) => o(b, n, u)
+          }, m(n.label), 9, yt)) : (a(), t("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)
+        ]))), 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({
+  __name: "DatametriaTabs",
+  props: {
+    tabs: {},
+    modelValue: { default: 0 },
+    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;
+    });
+    const d = (u) => {
+      r.value = u, o("update:modelValue", u);
+    }, n = (u, b) => {
+      var v;
+      let h = b;
+      switch (u.key) {
+        case "ArrowLeft":
+          u.preventDefault(), h = b > 0 ? b - 1 : s.tabs.length - 1;
+          break;
+        case "ArrowRight":
+          u.preventDefault(), h = b < s.tabs.length - 1 ? b + 1 : 0;
+          break;
+        case "Home":
+          u.preventDefault(), h = 0;
+          break;
+        case "End":
+          u.preventDefault(), h = s.tabs.length - 1;
+          break;
+        default:
+          return;
+      }
+      d(h), (v = document.getElementById(`tab-${h}`)) == null || v.focus();
+    };
+    return (u, b) => (a(), t("div", Dt, [
+      i("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 }]),
+          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", {
+          class: "dm-tabs__indicator",
+          style: A({ transform: `translateX(${r.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 }]),
+          role: "tabpanel",
+          "aria-labelledby": `tab-${v}`,
+          hidden: r.value !== v
+        }, [
+          p(u.$slots, `panel-${v}`, {}, void 0, !0)
+        ], 10, It))), 128))
+      ])
+    ]));
+  }
+}), ol = /* @__PURE__ */ _(Bt, [["__scopeId", "data-v-6d59d320"]]);
+let q = k(!1), F = !1;
+function il() {
+  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);
+    else if (typeof window < "u" && window.matchMedia) {
+      const u = window.matchMedia("(prefers-color-scheme: dark)").matches;
+      l(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");
+    });
+  };
+  F || s();
+  const o = C(() => q.value ? "dark" : "light");
+  return {
+    isDark: q,
+    currentTheme: o,
+    toggle: e,
+    setTheme: l,
+    setDark: () => l("dark"),
+    setLight: () => l("light"),
+    initTheme: s
+  };
+}
+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() {
+  return {
+    required: Lt,
+    email: Mt,
+    minLength: qt,
+    maxLength: Tt,
+    pattern: xt,
+    custom: St
+  };
+}
+function cl(e = {}) {
+  const l = k(!1), s = k(null), o = k(null), r = async (h, v = {}) => {
+    l.value = !0, s.value = null;
+    try {
+      const D = e.baseURL ? `${e.baseURL}${h}` : h, I = await fetch(D, {
+        ...v,
+        headers: {
+          "Content-Type": "application/json",
+          ...e.headers,
+          ...v.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;
+    } finally {
+      l.value = !1;
+    }
+  };
+  return {
+    loading: l,
+    error: s,
+    data: o,
+    get: (h, v) => r(h, { ...v, method: "GET" }),
+    post: (h, v, D) => r(h, {
+      ...D,
+      method: "POST",
+      body: JSON.stringify(v)
+    }),
+    put: (h, v, D) => r(h, {
+      ...D,
+      method: "PUT",
+      body: JSON.stringify(v)
+    }),
+    delete: (h, v) => r(h, { ...v, method: "DELETE" })
+  };
+}
+function ul(e, l) {
+  const s = localStorage.getItem(e);
+  let o = l;
+  if (s)
+    try {
+      o = JSON.parse(s);
+    } catch {
+      o = l;
+    }
+  const r = k(o);
+  return T(
+    r,
+    (d) => {
+      localStorage.setItem(e, JSON.stringify(d));
+    },
+    { deep: !0 }
+  ), r;
+}
+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 bl() {
+  const e = k(!1), l = k(null);
+  return {
+    copied: e,
+    error: l,
+    copy: async (r) => {
+      try {
+        return await navigator.clipboard.writeText(r), e.value = !0, l.value = null, setTimeout(() => {
+          e.value = !1;
+        }, 2e3), !0;
+      } catch (d) {
+        return l.value = d.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", "";
+      }
+    }
+  };
+}
+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
+};