@caipira/tamandua 0.0.32 → 0.0.34

package/README.md

@@ -20,7 +20,15 @@ npx vite-bundle-visualizer
 
 ## Reference
 
-[Storybook](https://storybook.js.org/docs/get-started/vue3-vite)
-[TailwindCSS](https://tailwindcss.com/)
-[FakerJS](https://next.fakerjs.dev/api)
-[FloatingUI](https://floating-ui.com/docs/vue)
+[typescript](https://www.typescriptlang.org/docs)
+[vuejs](https://v3.vuejs.org)
+[vite](https://vitejs.dev)
+[tailwind-css](https://tailwindcss.com)
+[tamanduá](https://github.com/caipira-io/tamandua)
+[storybook](https://storybook.js.org/docs/get-started/vue3-vite)
+[floating-ui](https://floating-ui.com/docs/vue)
+[gsap](https://gsap.com/docs/v3/GSAP)
+[d3](https://d3js.org/getting-started)
+[vue-i18n](https://kazupon.github.io/vue-i18n)
+[date-fns](https://date-fns.org/v2.24.0/docs)
+[fakerjs](https://next.fakerjs.dev/api)

package/dist/ChartTreemap.js

@@ -1,5 +1,5 @@
-import { _ as e } from "./ChartTreemap.vue_vue_type_script_setup_true_lang-CG5aK3KH.js";
-import { p as m } from "./plugin-BibUAa04.js";
+import { _ as e } from "./ChartTreemap.vue_vue_type_script_setup_true_lang-DzIPutlk.js";
+import { p as m } from "./plugin-D4x3uASg.js";
 export {
   e as ChartTreemap,
   m as ChartTreemapPlugin

package/dist/{ChartTreemap.vue_vue_type_script_setup_true_lang-CG5aK3KH.js → ChartTreemap.vue_vue_type_script_setup_true_lang-DzIPutlk.js}

@@ -256,7 +256,9 @@ const vt = /* @__PURE__ */ T({
       const a = parseInt(
         C(`div#${n}`).style("width"),
         10
-      ), o = { top: 0, right: 0, bottom: 0, left: 0 }, f = a, d = 350, s = f - o.left - o.right, m = d - o.top - o.bottom, u = C(`div#${n} svg`).attr("width", f).attr("height", d).append("g").attr("transform", `translate(${o.left},${o.top})`), v = M(e.data).sum((c) => c?.value ?? 0).sort((c, h) => (h.value ?? 0) - (c.value ?? 0)), l = ft().size([s, m]).padding(1)(v), g = ht;
+      ), o = { top: 0, right: 0, bottom: 0, left: 0 }, f = a, d = 350, s = f - o.left - o.right, m = d - o.top - o.bottom, u = C(`div#${n} svg`).attr("width", f).attr("height", d).append("g").attr("transform", `translate(${o.left},${o.top})`), v = M(e.data).sum((c) => c?.value ?? 0).sort(
+        (c, h) => (h.value ?? 0) - (c.value ?? 0)
+      ), l = ft().size([s, m]).padding(1)(v), g = ht;
       u.selectAll("rect").data(l.leaves()).enter().append("rect").attr("x", (c) => c.x0).attr("y", (c) => c.y0).attr("width", (c) => c.x1 - c.x0).attr("height", (c) => c.y1 - c.y0).attr("fill", (c, h) => {
         const p = c.parent?.data?.color;
         if (p)

package/dist/Form.js

@@ -1,5 +1,5 @@
-import { _ as m } from "./Form.vue_vue_type_script_setup_true_lang-CbuLc6sr.js";
-import { p as a } from "./plugin-DF8iyfN5.js";
+import { _ as m } from "./Form.vue_vue_type_script_setup_true_lang-O6nqLPyU.js";
+import { p as a } from "./plugin-BkoyYU7S.js";
 export {
   m as Form,
   a as FormPlugin

package/dist/Form.vue_vue_type_script_setup_true_lang-O6nqLPyU.js

@@ -0,0 +1,205 @@
+import { reactive as C, defineComponent as A, ref as y, watch as P, provide as _, resolveComponent as T, openBlock as N, createElementBlock as O, renderSlot as B, unref as J, createElementVNode as E, normalizeClass as R, withDirectives as W, createVNode as j, mergeProps as K, vShow as M } from "vue";
+import { B as z } from "./ui-BC6H9E93.js";
+import { F as s, a as p } from "./form-BkXpIJ0e.js";
+import { f as L } from "./index-CjvqeRf7.js";
+const w = (t) => t ? L(t, "yyyy-MM-dd") : "", F = (t) => [`${t?.iso}`, `${t?.value}`], h = (t) => t?.iso2 ?? "", S = async (t) => t?.hash ? t.hash : t?.raw ?? "", i = {
+  default: (t, e, r) => (e[r] = t, e),
+  price: (t, e, r, n = ["Currency", "Value"]) => {
+    const [u, a] = F(t);
+    return e[`${r}${n[0]}`] = u, e[`${r}${n[1]}`] = a, e;
+  },
+  password: async (t, e, r) => (e[r] = await S(t), e),
+  stringArray: (t, e, r) => (e[r] = t, e)
+}, I = async (t, e, r, n) => {
+  switch (t) {
+    case s.Country:
+      return i.default(
+        h(r),
+        e,
+        n
+      );
+    case s.Documents:
+      return i.default(r, e, n);
+    case s.Date:
+      return i.default(
+        w(r),
+        e,
+        n
+      );
+    case s.Address:
+      return i.default(r, e, n);
+    case s.Price:
+      return i.price(r, e, n);
+    case s.Password:
+      return await i.password(r, e, n);
+    case s.StringArray:
+      return i.stringArray(r, e, n);
+    default:
+      return i.default(r, e, n);
+  }
+}, f = (t) => (t == null ? t = "" : typeof t == "object" ? t = JSON.stringify(t) : typeof t == "number" ? t = t.toString() : typeof t == "boolean" && (t = t ? "1" : "0"), t), c = {
+  default: (t, e, r) => {
+    const n = f(t);
+    return t && e.append(r, n), e;
+  },
+  price: (t, e, r, n = ["Currency", "Value"]) => {
+    const [u, a] = F(t);
+    return e.append(`${r}${n[0]}`, f(u)), e.append(`${r}${n[1]}`, f(a)), e;
+  },
+  address: (t, e, r) => (e.append(
+    r,
+    JSON.stringify({
+      ...t,
+      country: h(t?.country)
+    })
+  ), e),
+  documents: (t, e, r) => (r.endsWith("[]") || (r = `${r}[]`), Array.from(t).forEach((n) => e.append(r, n)), e),
+  document: (t, e, r) => (e.append(r, t), e),
+  stringArray: (t, e, r) => (r.endsWith("[]") || (r = `${r}[]`), t.forEach((n) => e.append(r, f(n))), e)
+}, Y = async (t, e, r, n) => {
+  switch (t) {
+    case s.Country:
+      return c.default(
+        h(r),
+        e,
+        n
+      );
+    case s.Document:
+      return c.document(r, e, n);
+    case s.Documents:
+      return c.documents(r, e, n);
+    case s.Date:
+      return c.default(
+        w(r),
+        e,
+        n
+      );
+    case s.Address:
+      return c.address(r, e, n);
+    case s.Price:
+      return c.price(r, e, n);
+    case s.Password:
+      return c.default(
+        await S(r),
+        e,
+        n
+      );
+    case s.StringArray:
+      return c.stringArray(r, e, n);
+    default:
+      return c.default(r, e, n);
+  }
+}, q = async (t, e, r) => {
+  switch (r) {
+    case p.JSON:
+      let n = {};
+      for (const a in t)
+        n = await I(
+          e[a],
+          n,
+          t[a],
+          a
+        );
+      return n;
+    case p.FormData:
+    default:
+      let u = new FormData();
+      for (const a in t)
+        u = await Y(
+          e[a],
+          u,
+          t[a],
+          a
+        );
+      return u;
+  }
+};
+function x(t) {
+  const e = C(
+    {}
+  );
+  return { form: e, setValue: (o, d) => {
+    e[o] = d;
+  }, setValues: (o) => {
+    for (const [d, b] of Object.entries(o))
+      e[d] = b;
+  }, getValue: (o) => e[o], reset: () => {
+    for (const o in e)
+      delete e[o];
+  }, submit: async () => {
+    const o = {
+      ...e
+    };
+    return t?.id?.value && (o.id = t.id.value), {
+      isValid: !0,
+      form: await q(
+        o,
+        t.schema,
+        t.format ?? p.JSON
+      )
+    };
+  } };
+}
+const Z = /* @__PURE__ */ A({
+  name: "TForm",
+  __name: "Form",
+  props: {
+    id: { default: "" },
+    idKey: { default: "id" },
+    schema: { default: () => ({}) },
+    formStyle: { default: () => ({}) },
+    showSubmit: { type: Boolean, default: !1 },
+    submitLabel: { default: "Submit" },
+    buttonProps: {},
+    buttonVariant: { default: z.PRIMARY },
+    submissionFormat: { default: p.FormData },
+    buttonWrapperClasses: { default: "" }
+  },
+  emits: ["submit", "change"],
+  setup(t, { expose: e, emit: r }) {
+    const n = t, u = r, a = y(), { form: l, getValue: o, setValue: d, setValues: b, reset: g, submit: $ } = x({
+      id: y(n.id),
+      idKey: n.idKey,
+      schema: n.schema,
+      format: n.submissionFormat
+    }), V = async () => {
+      const m = await $();
+      return u("submit", m), m;
+    };
+    return P(l, (m) => {
+      u("change", m);
+    }), _("formStyle", n.formStyle), e({
+      submit: V,
+      reset: g,
+      setValues: b,
+      form: l,
+      setValue: d,
+      getValue: o
+    }), (m, G) => {
+      const D = T("t-button");
+      return N(), O("form", {
+        onSubmit: V,
+        ref_key: "formReference",
+        ref: a
+      }, [
+        B(m.$slots, "default", { form: J(l) }),
+        E("div", {
+          class: R([n.buttonWrapperClasses])
+        }, [
+          W(j(D, K(n.buttonProps, {
+            type: "submit",
+            class: "mt-4",
+            variant: n.buttonVariant,
+            label: n.submitLabel,
+            onClick: V
+          }), null, 16, ["variant", "label"]), [
+            [M, n.showSubmit]
+          ])
+        ], 2)
+      ], 544);
+    };
+  }
+});
+export {
+  Z as _
+};

package/dist/InputPassword.js

@@ -1,5 +1,5 @@
-import { _ as s } from "./InputPassword.vue_vue_type_script_setup_true_lang-Do7d1Qfe.js";
-import { p as a } from "./plugin-DOiXH9p9.js";
+import { _ as s } from "./InputPassword.vue_vue_type_script_setup_true_lang-DtP-Tv-2.js";
+import { p as a } from "./plugin-BN2jubTY.js";
 export {
   s as InputPassword,
   a as InputPasswordPlugin

package/dist/InputPassword.vue_vue_type_script_setup_true_lang-DtP-Tv-2.js

@@ -0,0 +1,167 @@
+import { defineComponent as ee, mergeModels as z, useModel as te, ref as R, watch as le, resolveComponent as V, openBlock as S, createElementBlock as x, Fragment as ne, createElementVNode as j, normalizeClass as B, createVNode as k, unref as U, createCommentVNode as _, withKeys as oe, createBlock as se, toDisplayString as ae } from "vue";
+import { u as re } from "./useClipboard-BHFD0Jvv.js";
+import { f as ie } from "./index-CjvqeRf7.js";
+const ue = (o = 18) => {
+  const e = "abcdefghkmnpqrstuvwxyzABCDEFGHKMNPQRSTUVWXYZ23456789", a = "!?@#-+<%$>[]{}";
+  let n = "";
+  const l = [
+    Math.floor(Math.random() * o),
+    Math.floor(Math.random() * o)
+  ];
+  for (let r = 0; r < o; r++)
+    l.includes(r) ? n += a.charAt(
+      Math.floor(Math.random() * a.length)
+    ) : n += e.charAt(
+      Math.floor(Math.random() * e.length)
+    );
+  return n;
+}, ce = (o) => {
+  let e = 0, a = 0, n = 0, l = 0, r = 0, u = 0, c = 0, w = 0, d = 0, b = 0, p = 0, C = 0, v = 0, s = 0, m = 0, M = 0, A = 0, y = 0, F = 2, O = 2, T = 2, E = 2, I = 3, D = 3, K = 3, Z = 4, G = 4, H = 6, L = 0, q = 0, N = 0;
+  const Q = "abcdefghijklmnopqrstuvwxyz", W = "01234567890", X = ")!@#$%^&*()", Y = 8, h = o.replace(/\s+/g, "").split(/\s*/), g = h.length;
+  e = o.length * Z, a = o.length;
+  for (let t = 0; t < g; t++) {
+    h[t].match(/[A-Z]/g) ? (L !== 0 && L + 1 === t && C++, L = t, n++) : h[t].match(/[a-z]/g) ? (q !== 0 && q + 1 === t && v++, q = t, l++) : h[t].match(/[0-9]/g) ? (t > 0 && t < g - 1 && c++, N !== 0 && N + 1 === t && s++, N = t, r++) : h[t].match(/[^a-zA-Z0-9_]/g) && (t > 0 && t < g - 1 && c++, u++);
+    let i = !1;
+    for (let f = 0; f < g; f++)
+      h[t] == h[f] && t != f && (i = !0, p += Math.abs(g / (f - t)));
+    i && (b++, d = g - b, p = Math.ceil(d ? p / d : p));
+  }
+  for (let t = 0; t < 23; t++) {
+    let i = Q.substring(t, t + 3), f = i.split("").reverse().join("");
+    (o.toLowerCase().indexOf(i) != -1 || o.toLowerCase().indexOf(f) != -1) && m++;
+  }
+  for (let t = 0; t < 8; t++) {
+    let i = W.substring(t, t + 3);
+    var J = i.split("").reverse().join("");
+    (o.toLowerCase().indexOf(i) != -1 || o.toLowerCase().indexOf(J) != -1) && M++;
+  }
+  for (let t = 0; t < 8; t++) {
+    let i = X.substring(t, t + 3), f = i.split("").reverse().join("");
+    (o.toLowerCase().indexOf(i) != -1 || o.toLowerCase().indexOf(f) != -1) && A++;
+  }
+  n > 0 && n < a && (e = e + (a - n) * 2), l > 0 && l < a && (e = e + (a - l) * 2), r > 0 && r < a && (e = e + r * G), u > 0 && (e = e + u * H), c > 0 && (e = e + c * F), (l > 0 || n > 0) && u === 0 && r === 0 && (e = e - a), l === 0 && n === 0 && u === 0 && r > 0 && (e = e - a), b > 0 && (e = e - p), C > 0 && (e = e - C * O), v > 0 && (e = e - v * T), s > 0 && (e = e - s * E), m > 0 && (e = e - m * I), M > 0 && (e = e - M * D), A > 0 && (e = e - A * K), w = y;
+  let P = 0;
+  return o.length >= Y ? P = 3 : P = 4, w > P && (e = e + w * 2), e > 100 ? e = 100 : e < 0 && (e = 0), e;
+}, $ = {
+  generatePassword: ue,
+  getPasswordStrength: ce
+}, fe = { class: "flex border h-9 relative input-roundness input-border w-full" }, de = { class: "border-l select-none input-border input-control" }, pe = {
+  key: 1,
+  class: "inline-block float-right select-none"
+}, ye = /* @__PURE__ */ ee({
+  name: "TInputPassword",
+  __name: "InputPassword",
+  props: /* @__PURE__ */ z({
+    autocomplete: { default: "current-password" },
+    encryptor: { type: Function, default: void 0 },
+    showCopy: { type: Boolean, default: !0 },
+    showRefresh: { type: Boolean, default: !1 },
+    showStrength: { type: Boolean, default: !1 }
+  }, {
+    modelValue: {
+      default: {
+        raw: "",
+        strength: 0,
+        hash: "",
+        updatedAt: void 0
+      }
+    },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ z(["generate", "enter"], ["update:modelValue"]),
+  setup(o, { expose: e, emit: a }) {
+    const n = o, l = te(o, "modelValue"), r = a, u = R("password"), c = R(null), { copy: w } = re(), d = R(!1), b = async (v, s) => {
+      if (s === void 0 && !v) {
+        l.value = { ...l.value };
+        return;
+      }
+      l.value.strength = $.getPasswordStrength(l.value.raw), n.encryptor && (l.value.hash = await n.encryptor(l.value.raw));
+    }, p = () => {
+      c.value && c.value.$el && c.value.$el.focus();
+    }, C = async () => {
+      l.value.raw = $.generatePassword();
+    };
+    return le(() => l.value.raw, b, { immediate: !0 }), e({ focus: p }), (v, s) => {
+      const m = V("t-button"), M = V("t-input-text"), A = V("t-progress-line");
+      return S(), x(ne, null, [
+        j("div", fe, [
+          n.showCopy ? (S(), x("div", {
+            key: 0,
+            class: B(["border-r select-none input-border input-control", { "w-12": n.showCopy }])
+          }, [
+            k(m, {
+              variant: "transparent",
+              icon: "copy",
+              size: "sm",
+              class: "h-full w-full justify-center",
+              animate: {
+                target: "icon",
+                trigger: "click",
+                animation: {
+                  scale: 4,
+                  yoyo: !0,
+                  opacity: 0
+                },
+                reset: { opacity: 1, scale: 1 }
+              },
+              disabled: d.value,
+              onClick: s[0] || (s[0] = (y) => U(w)(l.value.raw))
+            }, null, 8, ["disabled"])
+          ], 2)) : _("", !0),
+          n.showRefresh ? (S(), x("div", {
+            key: 1,
+            class: B(["border-r select-none input-border input-control", { "w-12": n.showRefresh }])
+          }, [
+            k(m, {
+              variant: "transparent",
+              icon: "refresh",
+              size: "sm",
+              class: "h-full w-full justify-center",
+              animate: {
+                target: "icon",
+                trigger: "click",
+                animation: { rotation: 360 },
+                reset: { rotation: 0 }
+              },
+              disabled: d.value,
+              onClick: C
+            }, null, 8, ["disabled"])
+          ], 2)) : _("", !0),
+          k(M, {
+            modelValue: l.value.raw,
+            "onUpdate:modelValue": s[1] || (s[1] = (y) => l.value.raw = y),
+            type: u.value,
+            autocomplete: n.autocomplete,
+            disabled: d.value,
+            "disable-style": !0,
+            ref_key: "input",
+            ref: c,
+            class: "w-full px-2 input-bg-color input-text-color input-outline input-roundness",
+            onKeyup: s[2] || (s[2] = oe((y) => r("enter"), ["enter"]))
+          }, null, 8, ["modelValue", "type", "autocomplete", "disabled"]),
+          j("div", de, [
+            k(m, {
+              variant: "transparent",
+              size: "sm",
+              class: "h-full w-full justify-center",
+              icon: u.value === "password" ? "eye" : "eye-off",
+              disabled: d.value,
+              onClick: s[3] || (s[3] = (y) => u.value = u.value === "password" ? "text" : "password")
+            }, null, 8, ["icon", "disabled"])
+          ])
+        ]),
+        n.showStrength ? (S(), se(A, {
+          key: 0,
+          value: l.value.strength,
+          class: "mt-0.5",
+          height: 2.5,
+          "show-percentage": !1
+        }, null, 8, ["value"])) : _("", !0),
+        l.value.updatedAt ? (S(), x("small", pe, " Last updated " + ae(U(ie)(new Date(l.value.updatedAt), "MMMM do yyyy, hh:mm:ss")), 1)) : _("", !0)
+      ], 64);
+    };
+  }
+});
+export {
+  ye as _
+};

package/dist/ModalForm.js

@@ -1,5 +1,5 @@
-import { _ as a } from "./ModalForm.vue_vue_type_script_setup_true_lang-BSEORivR.js";
-import { p as l } from "./plugin-C3jERS0X.js";
+import { _ as a } from "./ModalForm.vue_vue_type_script_setup_true_lang-BpkPebgZ.js";
+import { p as l } from "./plugin-JFEZqDsu.js";
 export {
   a as ModalForm,
   l as ModalFormPlugin

package/dist/{ModalForm.vue_vue_type_script_setup_true_lang-BSEORivR.js → ModalForm.vue_vue_type_script_setup_true_lang-BpkPebgZ.js}

@@ -1,9 +1,9 @@
-import { defineComponent as K, ref as u, computed as L, resolveComponent as o, openBlock as l, createBlock as a, withCtx as n, createCommentVNode as d, createElementBlock as M, createVNode as c, normalizeClass as b, resolveDynamicComponent as N } from "vue";
-import { C as R } from "./crud-lKm5HfM4.js";
-const $ = {
+import { defineComponent as M, ref as c, computed as N, resolveComponent as o, openBlock as n, createBlock as a, withCtx as l, createCommentVNode as d, createElementBlock as R, createVNode as m, normalizeClass as b, resolveDynamicComponent as $ } from "vue";
+import { C as A } from "./crud-TcRx_r8S.js";
+const I = {
   key: 0,
   class: "inline-flex"
-}, O = /* @__PURE__ */ K({
+}, U = /* @__PURE__ */ M({
   name: "TModalForm",
   __name: "ModalForm",
   props: {
@@ -13,41 +13,43 @@ const $ = {
   },
   emits: ["saved", "closed"],
   setup(y, { expose: C, emit: k }) {
-    const i = y, p = k, e = u(null), m = u(!1), v = u(""), f = u(null), s = L(() => i.forms.find((r) => r.key === v.value)), g = (r, t) => {
-      v.value = r, e.value = new R(s.value?.title, f), t ? e.value?.edit(t) : e.value?.show();
+    const i = y, v = k, e = c(null), p = c(!1), f = c(""), r = c(), s = N(() => i.forms.find((u) => u.key === f.value)), g = (u, t) => {
+      f.value = u, e.value = new A(s.value?.title, r), t ? e.value?.edit(t) : e.value?.show();
     }, w = () => {
-      e.value?.onSave(!m.value), p("saved");
+      e.value?.onSave(!p.value), v("saved");
     }, x = () => {
       e.value?.delete();
-    }, S = () => {
-      e.value?.close(), p("closed");
+    }, S = async () => await r.value?.submit(), V = () => {
+      r.value?.reset();
+    }, D = () => {
+      e.value?.close(), v("closed");
     };
-    return C({ open: g, delete: x }), (r, t) => {
-      const V = o("t-input-switch"), D = o("t-icon"), E = o("t-dropdown"), B = o("t-popover"), _ = o("t-button"), h = o("t-popconfirm"), z = o("t-modal");
-      return e.value?.visible ? (l(), a(z, {
+    return C({ open: g, delete: x, submit: S, reset: V }), (u, t) => {
+      const E = o("t-input-switch"), B = o("t-icon"), h = o("t-dropdown"), z = o("t-popover"), _ = o("t-button"), F = o("t-popconfirm"), K = o("t-modal");
+      return e.value?.visible ? (n(), a(K, {
         key: 0,
         title: e.value?.title,
-        onClosed: S
+        onClosed: D
       }, {
-        header: n(() => [
-          s.value?.pinnable && !e.value?.isEditing ? (l(), a(V, {
+        header: l(() => [
+          s.value?.pinnable && !e.value?.isEditing ? (n(), a(E, {
             key: 0,
-            modelValue: m.value,
-            "onUpdate:modelValue": t[0] || (t[0] = (F) => m.value = F),
+            modelValue: p.value,
+            "onUpdate:modelValue": t[0] || (t[0] = (L) => p.value = L),
             label: "Keep open",
             class: "mt-4"
           }, null, 8, ["modelValue"])) : d("", !0)
         ]),
-        footer: n(() => [
-          i.options.length ? (l(), M("div", $, [
-            c(B, { placement: "bottom-start" }, {
-              content: n(() => [
-                c(E, {
+        footer: l(() => [
+          i.options.length ? (n(), R("div", I, [
+            m(z, { placement: "bottom-start" }, {
+              content: l(() => [
+                m(h, {
                   items: i.options
                 }, null, 8, ["items"])
               ]),
-              default: n(() => [
-                c(D, {
+              default: l(() => [
+                m(B, {
                   icon: "dots-vertical",
                   class: "text-lg mr-6",
                   size: "sm",
@@ -57,13 +59,13 @@ const $ = {
               ]),
               _: 1
             })
-          ])) : (l(), a(h, {
+          ])) : (n(), a(F, {
             key: 1,
             message: `Are you sure you want to delete this ${s.value?.title}?`,
             onConfirm: t[2] || (t[2] = () => e.value?.delete())
           }, {
-            default: n(() => [
-              e.value?.isEditing ? (l(), a(_, {
+            default: l(() => [
+              e.value?.isEditing ? (n(), a(_, {
                 key: 0,
                 variant: "danger",
                 icon: "trash-can-outline",
@@ -74,7 +76,7 @@ const $ = {
             ]),
             _: 1
           }, 8, ["message"])),
-          c(_, {
+          m(_, {
             variant: "success",
             icon: "save",
             label: "Save",
@@ -85,13 +87,13 @@ const $ = {
             onClick: t[3] || (t[3] = () => e.value?.save())
           }, null, 8, ["is-disabled", "class"])
         ]),
-        default: n(() => [
-          s.value ? (l(), a(N(s.value.component), {
+        default: l(() => [
+          s.value ? (n(), a($(s.value.component), {
             key: 0,
             id: `${e.value?.id}`,
             class: b([i.formClass]),
             ref_key: "formReference",
-            ref: f,
+            ref: r,
             onDeleted: t[1] || (t[1] = () => e.value?.onDelete()),
             onSaved: w
           }, null, 40, ["id", "class"])) : d("", !0)
@@ -102,5 +104,5 @@ const $ = {
   }
 });
 export {
-  O as _
+  U as _
 };

package/dist/Tag.js

@@ -1,5 +1,5 @@
-import { _ as r } from "./Tag.vue_vue_type_script_setup_true_lang-CgX-nT8V.js";
-import { p } from "./plugin-D8CsjFdw.js";
+import { _ as r } from "./Tag.vue_vue_type_script_setup_true_lang-DMigzW22.js";
+import { p } from "./plugin-DgCa2m12.js";
 export {
   r as Tag,
   p as TagPlugin

package/dist/{Tag.vue_vue_type_script_setup_true_lang-CgX-nT8V.js → Tag.vue_vue_type_script_setup_true_lang-DMigzW22.js}

@@ -1,9 +1,6 @@
-import { defineComponent as _, resolveComponent as m, openBlock as o, createElementBlock as a, normalizeStyle as y, normalizeClass as u, createElementVNode as C, renderSlot as k, unref as l, toDisplayString as z, createBlock as f, withCtx as g, createVNode as v, createCommentVNode as h } from "vue";
+import { defineComponent as y, resolveComponent as m, openBlock as o, createElementBlock as a, normalizeStyle as _, normalizeClass as p, createElementVNode as C, renderSlot as k, unref as l, toDisplayString as v, createBlock as u, withCtx as z, createVNode as g, createCommentVNode as h } from "vue";
 import { a as t } from "./ui-BC6H9E93.js";
-const B = ["role"], b = { class: "px-2" }, S = {
-  key: 0,
-  class: "bg-[#00000046]"
-}, w = /* @__PURE__ */ _({
+const B = ["role"], S = { class: "px-2" }, b = { key: 0 }, w = /* @__PURE__ */ y({
   name: "TTag",
   __name: "Tag",
   props: {
@@ -15,40 +12,40 @@ const B = ["role"], b = { class: "px-2" }, S = {
     hasCloseButton: { type: Boolean, default: !1 }
   },
   emits: ["close"],
-  setup(p, { emit: d }) {
-    const e = p, r = d;
+  setup(f, { emit: d }) {
+    const e = f, r = d;
     return (i, s) => {
       const c = m("t-button"), x = m("t-popconfirm");
       return o(), a("div", {
-        style: y(`background-color:${e.color}`),
-        class: u([{
-          "bg-neutral-700": !e.color
+        style: _(`background-color:${e.color}`),
+        class: p([{
+          "bg-caipira-primary-inverted": !e.color
         }, "w-max inline-flex items-stretch rounded-sm select-none color-caipira-primary"]),
         role: e.role
       }, [
-        C("div", b, [
+        C("div", S, [
           i.$slots.default ? k(i.$slots, "default", { key: 0 }) : (o(), a("span", {
             key: 1,
-            class: u({
+            class: p({
               "text-xs": e.size === l(t).ExtraSmall,
               "text-sm": e.size === l(t).Small,
               "text-base": e.size === l(t).Default,
               "text-lg": e.size === l(t).Large,
               "text-xl": e.size === l(t).ExtraLarge
             })
-          }, z(e.text), 3))
+          }, v(e.text), 3))
         ]),
-        e.hasCloseButton ? (o(), a("div", S, [
-          e.confirmClose ? (o(), f(x, {
+        e.hasCloseButton ? (o(), a("div", b, [
+          e.confirmClose ? (o(), u(x, {
             key: 0,
             message: "Are you sure you want to remove it?",
             class: "h-full",
             onConfirm: s[0] || (s[0] = (n) => r("close"))
           }, {
-            default: g(({ onTogglePopover: n }) => [
-              v(c, {
+            default: z(({ onTogglePopover: n }) => [
+              g(c, {
                 variant: "transparent",
-                hover: !1,
+                hover: !0,
                 icon: "close",
                 size: "",
                 class: "px-1.5 h-full",
@@ -56,7 +53,7 @@ const B = ["role"], b = { class: "px-2" }, S = {
               }, null, 8, ["onClick"])
             ]),
             _: 1
-          })) : (o(), f(c, {
+          })) : (o(), u(c, {
             key: 1,
             variant: "transparent",
             icon: "close",