@caipira/tamandua 0.0.67 → 0.0.69

package/dist/InputRadio.vue_vue_type_style_index_0_lang-DlTO78_z.js

@@ -0,0 +1,35 @@
+import './InputRadio.css';
+import { defineComponent as p, inject as r, openBlock as m, createElementBlock as u, createElementVNode as o, unref as a, toDisplayString as b } from "vue";
+const v = { class: "h-9 inline-flex items-center" }, h = ["value", "name", "disabled", "checked"];
+let f = 0;
+const g = /* @__PURE__ */ p({
+  name: "TInputRadio",
+  __name: "InputRadio",
+  props: {
+    value: {},
+    label: {}
+  },
+  setup(t) {
+    const i = `radio_${++f}`, c = r("name", ""), e = t, l = r("model", ""), d = r("change", () => {
+    }), s = r("disabled", !1);
+    return (_, n) => (m(), u("div", v, [
+      o("input", {
+        value: e.value,
+        name: a(c),
+        id: i,
+        disabled: a(s),
+        checked: e.value === a(l),
+        type: "radio",
+        class: "form-radio w-5 h-5 border border-[var(--caipira-primary-inverted)] checked:hover:border-caipira-primary-inverted checked:focus:border-caipira-primary-inverted checked:border-caipira-primary-inverted input-outline focus:input-outline bg-caipira-primary color-caipira-primary",
+        onChange: n[0] || (n[0] = (y) => a(d)(e.value))
+      }, null, 40, h),
+      o("label", {
+        class: "cursor-pointer pl-2 mr-3 input-label",
+        for: i
+      }, b(e.label), 1)
+    ]));
+  }
+});
+export {
+  g as _
+};

package/dist/InputSelect.js

@@ -1,5 +1,5 @@
-import { _ as p } from "./InputSelect.vue_vue_type_script_setup_true_lang-CGlaDHiJ.js";
-import { p as r } from "./plugin-DxUJiAk-.js";
+import { _ as p } from "./InputSelect.vue_vue_type_script_setup_true_lang-Dy5fjzHK.js";
+import { p as r } from "./plugin-DNJyBcDk.js";
 export {
   p as InputSelect,
   r as InputSelectPlugin

package/dist/{InputSelect.vue_vue_type_script_setup_true_lang-CGlaDHiJ.js → InputSelect.vue_vue_type_script_setup_true_lang-Dy5fjzHK.js}

@@ -1,4 +1,4 @@
-import { defineComponent as ue, mergeModels as O, useModel as se, ref as p, computed as E, onBeforeMount as ie, watch as I, resolveComponent as g, openBlock as i, createBlock as D, normalizeClass as x, withCtx as R, createElementVNode as K, withDirectives as N, createElementBlock as d, vModelText as re, createCommentVNode as z, createVNode as U, renderSlot as k, normalizeProps as _, mergeProps as M, Fragment as V, renderList as q, guardReactiveProps as G, toDisplayString as H, vShow as ce, createSlots as pe, createTextVNode as de, nextTick as fe } from "vue";
+import { defineComponent as ue, mergeModels as O, useModel as se, ref as c, computed as E, onBeforeMount as ie, watch as I, resolveComponent as g, openBlock as i, createBlock as D, normalizeClass as x, withCtx as R, createElementVNode as N, withDirectives as K, createElementBlock as d, vModelText as re, createCommentVNode as z, createVNode as U, renderSlot as k, normalizeProps as _, mergeProps as M, Fragment as V, renderList as q, guardReactiveProps as G, toDisplayString as H, vShow as pe, createSlots as ce, createTextVNode as de, nextTick as fe } from "vue";
 import { a as ve, E as me } from "./ui-J-lhC9qd.js";
 const ye = ["placeholder", "disabled", "readonly"], he = { key: 1 }, we = {
   key: 0,
@@ -36,7 +36,7 @@ const ye = ["placeholder", "disabled", "readonly"], he = { key: 1 }, we = {
   setup(f, { emit: T }) {
     const l = f;
     let B = !1, S, P = "";
-    const J = T, u = se(f, "modelValue"), o = p([]), c = p(""), j = p(null), F = p(), s = p(!1), L = p(null), a = p([]), $ = p(!1), v = p(null), h = E(() => a.value.length > 0), m = E(() => l.isSearchable && s.value), w = E(() => typeof l.resource == "function"), Q = (e) => !l.multiple || !u.value || !Array.isArray(u.value) ? !1 : u.value.includes(e.value), W = (e = u.value) => !(e === void 0 || e === "" || Array.isArray(e) && e.length === 0), X = (e) => {
+    const J = T, u = se(f, "modelValue"), o = c([]), p = c(""), j = c(null), F = c(), s = c(!1), L = c(null), a = c([]), $ = c(!1), v = c(null), h = E(() => a.value.length > 0), m = E(() => l.isSearchable && s.value), w = E(() => typeof l.resource == "function"), Q = (e) => !l.multiple || !u.value || !Array.isArray(u.value) ? !1 : u.value.includes(e.value), W = (e = u.value) => !(e === void 0 || e === "" || Array.isArray(e) && e.length === 0), X = (e) => {
       J("update:model-value", e);
     }, y = (e = u.value) => {
       if (W(e))
@@ -49,7 +49,7 @@ const ye = ["placeholder", "disabled", "readonly"], he = { key: 1 }, we = {
           ~t && (a.value = [t]);
         }
     }, Y = async (e) => {
-      e.stopPropagation(), s.value = !s.value, s.value && m.value && fe(() => {
+      e.target.nodeName === "svg" && e.stopPropagation(), s.value = !s.value, s.value && m.value && fe(() => {
         j.value?.focus();
       });
     }, A = (e) => o.value.findIndex(
@@ -59,16 +59,16 @@ const ye = ["placeholder", "disabled", "readonly"], he = { key: 1 }, we = {
         return;
       $.value = !0;
       const t = {
-        t: c.value,
+        t: p.value,
         r: "option"
       };
-      e && v.value && v.value.pages > v.value.page ? t.page = v.value.page + 1 : e = !1, !c.value && u.value && (t.i = u.value);
+      e && v.value && v.value.pages > v.value.page ? t.page = v.value.page + 1 : e = !1, !p.value && u.value && (t.i = u.value);
       const r = await l.resource(t);
-      e ? o.value.push(...r.items.map(l.mapper)) : o.value = r.items.map(l.mapper), v.value = r.pagination, !w.value && c.value && y(c.value), $.value = !1;
+      e ? o.value.push(...r.items.map(l.mapper)) : o.value = r.items.map(l.mapper), v.value = r.pagination, !w.value && p.value && y(p.value), $.value = !1;
     }, Z = () => {
-      !c.value || P === c.value || (S && (clearTimeout(S), S = null), S = setTimeout(() => {
-        P = c.value, w.value ? (s.value || (s.value = !0), C()) : l.isSearchable && (o.value = l.options.filter(
-          (e) => l.filter(c.value, e)
+      !p.value || P === p.value || (S && (clearTimeout(S), S = null), S = setTimeout(() => {
+        P = p.value, w.value ? (s.value || (s.value = !0), C()) : l.isSearchable && (o.value = l.options.filter(
+          (e) => l.filter(p.value, e)
         ));
       }, 500));
     }, ee = ({
@@ -127,7 +127,7 @@ const ye = ["placeholder", "disabled", "readonly"], he = { key: 1 }, we = {
         ref: F
       }, {
         default: R(() => [
-          K("div", {
+          N("div", {
             class: x([{
               "h-9": !l.multiple,
               "h-full *:min-h-9": l.multiple,
@@ -135,9 +135,9 @@ const ye = ["placeholder", "disabled", "readonly"], he = { key: 1 }, we = {
               [l.roundnessClass]: !0
             }, "flex justify-between items-center w-full max-w-96 input-text-color select-none input-bg-color"])
           }, [
-            m.value ? N((i(), d("input", {
+            m.value ? K((i(), d("input", {
               key: 0,
-              "onUpdate:modelValue": t[0] || (t[0] = (n) => c.value = n),
+              "onUpdate:modelValue": t[0] || (t[0] = (n) => p.value = n),
               type: "text",
               ref_key: "inputRef",
               ref: j,
@@ -148,7 +148,7 @@ const ye = ["placeholder", "disabled", "readonly"], he = { key: 1 }, we = {
               onInput: Z,
               onKeydown: te
             }, null, 40, ye)), [
-              [re, c.value]
+              [re, p.value]
             ]) : z("", !0),
             U(b, {
               variant: "transparent",
@@ -161,10 +161,11 @@ const ye = ["placeholder", "disabled", "readonly"], he = { key: 1 }, we = {
               "aria-describedby": F.value?.name,
               icon: s.value === !0 ? "chevron-up" : "chevron-down",
               "icon-position": m.value ? "left" : "right",
+              hover: !1,
               onClick: Y
             }, {
               default: R(() => [
-                N(K("div", {
+                K(N("div", {
                   class: x(["inline-flex items-center ml-2 max-w-[calc(100%-2.5rem)]", {
                     "overflow-hidden whitespace-nowrap": !l.multiple,
                     "flex-wrap gap-2 py-1": l.multiple
@@ -180,7 +181,7 @@ const ye = ["placeholder", "disabled", "readonly"], he = { key: 1 }, we = {
                     }, null, 8, ["text"]))), 128)) : (i(), d("span", he, H(o.value[a.value[0]]?.label), 1))
                   ], 64)) : z("", !0)
                 ], 2), [
-                  [ce, !m.value]
+                  [pe, !m.value]
                 ])
               ]),
               _: 3
@@ -195,9 +196,11 @@ const ye = ["placeholder", "disabled", "readonly"], he = { key: 1 }, we = {
             "is-visible": s.value,
             multiple: l.multiple,
             loading: $.value,
+            "option-margin-class": "m-1",
+            "option-padding-class": "py-2 px-3",
             onChange: ee,
             onEndReached: le
-          }, pe({ _: 2 }, [
+          }, ce({ _: 2 }, [
             e.$slots.default || l.multiple ? {
               name: "default",
               fn: R((n) => [

package/dist/InputSwitch.js

@@ -1,5 +1,5 @@
-import { _ as o } from "./InputSwitch.vue_vue_type_script_setup_true_lang-CgE_12vY.js";
-import { p as i } from "./plugin-B63n9_uc.js";
+import { _ as o } from "./InputSwitch.vue_vue_type_script_setup_true_lang-BVGfQFZh.js";
+import { p as i } from "./plugin-hQ-aWPlo.js";
 export {
   o as InputSwitch,
   i as InputSwitchPlugin

package/dist/{InputSwitch.vue_vue_type_script_setup_true_lang-CgE_12vY.js → InputSwitch.vue_vue_type_script_setup_true_lang-BVGfQFZh.js}

@@ -1,4 +1,4 @@
-import { defineComponent as b, ref as v, watch as f, openBlock as r, createElementBlock as i, createElementVNode as t, normalizeClass as o, withDirectives as h, vModelCheckbox as k, toDisplayString as w, createCommentVNode as y } from "vue";
+import { defineComponent as b, ref as v, watch as f, openBlock as r, createElementBlock as i, createElementVNode as o, normalizeClass as t, withDirectives as h, vModelCheckbox as k, toDisplayString as w, createCommentVNode as y } from "vue";
 const g = ["disabled"];
 let V = 0;
 const B = /* @__PURE__ */ b({
@@ -22,16 +22,17 @@ const B = /* @__PURE__ */ b({
       },
       { immediate: !0 }
     ), (l, n) => (r(), i("div", null, [
-      t("div", {
-        class: o(["relative inline-block w-12 mr-2 align-middle select-none", {
+      o("div", {
+        class: t(["relative inline-block w-12 mr-2 align-middle select-none", {
           "rounded-full": !e.value
         }])
       }, [
-        h(t("input", {
+        h(o("input", {
           "onUpdate:modelValue": n[0] || (n[0] = (m) => e.value = m),
           type: "checkbox",
-          class: o(["absolute block w-6 h-6 rounded-full appearance-none cursor-pointer bg-caipira-primary input-outline border input-border", {
-            "right-0": e.value
+          class: t(["absolute block w-6 h-6 rounded-full appearance-none cursor-pointer bg-caipira-primary input-outline border-2", {
+            "right-0 border-[var(--caipira-primary-inverted)]": e.value,
+            "input-border": !e.value
           }]),
           name: a,
           id: a,
@@ -40,11 +41,11 @@ const B = /* @__PURE__ */ b({
         }, null, 42, g), [
           [k, e.value]
         ]),
-        t("label", {
+        o("label", {
           for: a,
-          class: o([{
+          class: t([{
             "bg-caipira-primary-inverted": e.value,
-            "bg-caipira-tertiary": !e.value
+            "bg-[var(--unfocused-bg-color)]": !e.value
           }, "block overflow-hidden h-6 rounded-full cursor-pointer"])
         }, null, 2)
       ], 2),

package/dist/InputTextarea.js

@@ -1,5 +1,5 @@
-import { _ as r } from "./InputTextarea.vue_vue_type_script_setup_true_lang-q9T4fINI.js";
-import { p } from "./plugin-C8Z-XgLn.js";
+import { _ as r } from "./InputTextarea.vue_vue_type_script_setup_true_lang-C8f2hfeZ.js";
+import { p } from "./plugin-Clp0zNY0.js";
 export {
   r as InputTextarea,
   p as InputTextareaPlugin

package/dist/{InputTextarea.vue_vue_type_script_setup_true_lang-q9T4fINI.js → InputTextarea.vue_vue_type_script_setup_true_lang-C8f2hfeZ.js}

@@ -1,5 +1,5 @@
-import { defineComponent as m, ref as d, inject as r, watch as f, openBlock as b, createElementBlock as v, normalizeClass as h, unref as t } from "vue";
-const y = ["value", "type", "placeholder", "disabled"], x = /* @__PURE__ */ m({
+import { defineComponent as m, ref as d, inject as i, watch as f, openBlock as b, createElementBlock as v, normalizeClass as h, unref as t } from "vue";
+const y = ["value", "type", "placeholder", "disabled"], g = /* @__PURE__ */ m({
   name: "TInputTextarea",
   __name: "InputTextarea",
   props: {
@@ -10,8 +10,8 @@ const y = ["value", "type", "placeholder", "disabled"], x = /* @__PURE__ */ m({
     disableStyle: { type: Boolean, default: !1 }
   },
   emits: ["update:model-value"],
-  setup(i, { emit: u }) {
-    const s = i, p = u, a = d(""), l = r("invalid", !1), o = r("validated", !1);
+  setup(r, { emit: u }) {
+    const s = r, p = u, l = d(""), a = i("invalid", !1), o = i("validated", !1);
     d("");
     const c = ({ target: e }) => {
       const n = e.value;
@@ -20,16 +20,16 @@ const y = ["value", "type", "placeholder", "disabled"], x = /* @__PURE__ */ m({
     return f(
       () => s.modelValue,
       (e) => {
-        e && (a.value = e);
+        e && (l.value = e);
       },
       { immediate: !0 }
     ), (e, n) => (b(), v("textarea", {
-      value: a.value,
+      value: l.value,
       type: e.type,
-      class: h(["min-h-9 input-bg-color input-text-color input-outline border input-border input-roundnes input-padding input-roundness", {
-        "border rounded-sm h-9": !e.disableStyle,
-        "border-red-500": !t(o) && t(l),
-        "border-emerald-500": t(o) && !t(l)
+      class: h(["min-h-9 input-bg-color input-text-color input-outline border input-border input-roundnes input-padding w-full field-sizing-content", {
+        "border rounded-sm": !e.disableStyle,
+        "border-red-500": !t(o) && t(a),
+        "border-emerald-500": t(o) && !t(a)
       }]),
       placeholder: e.placeholder,
       disabled: e.disabled,
@@ -38,5 +38,5 @@ const y = ["value", "type", "placeholder", "disabled"], x = /* @__PURE__ */ m({
   }
 });
 export {
-  x as _
+  g as _
 };

package/dist/Modal.js

@@ -1,5 +1,5 @@
-import { _ as r } from "./Modal.vue_vue_type_script_setup_true_lang-DiUI27HX.js";
-import { p } from "./plugin-dX-bbpm5.js";
+import { _ as r } from "./Modal.vue_vue_type_script_setup_true_lang-60BGY-iH.js";
+import { p } from "./plugin-CPpRqUnI.js";
 export {
   r as Modal,
   p as ModalPlugin

package/dist/{Modal.vue_vue_type_script_setup_true_lang-DiUI27HX.js → Modal.vue_vue_type_script_setup_true_lang-60BGY-iH.js}

@@ -1,15 +1,15 @@
-import { defineComponent as m, ref as y, onMounted as b, resolveComponent as h, openBlock as o, createElementBlock as l, normalizeClass as a, withKeys as _, createBlock as k, createCommentVNode as s, createElementVNode as c, createVNode as v, toDisplayString as w, renderSlot as n } from "vue";
-import { _ as S } from "./Backdrop.vue_vue_type_script_setup_true_lang-OaEBTmYK.js";
-const x = {
+import { defineComponent as m, ref as y, onMounted as b, resolveComponent as h, openBlock as o, createElementBlock as s, normalizeClass as a, withKeys as _, createBlock as k, createCommentVNode as l, createElementVNode as c, createVNode as v, toDisplayString as w, renderSlot as n } from "vue";
+import { _ as S } from "./Backdrop.vue_vue_type_script_setup_true_lang-Dyo6_-EM.js";
+const B = {
   key: 0,
   class: "p-4 border-b border-color"
-}, B = {
+}, x = {
   key: 0,
   class: "block font-semibold uppercase"
 }, C = {
   key: 1,
   class: "flex flex-row items-center justify-between p-4 border-t border-color"
-}, z = /* @__PURE__ */ m({
+}, g = /* @__PURE__ */ m({
   name: "TModal",
   __name: "Modal",
   props: {
@@ -21,14 +21,14 @@ const x = {
   },
   emits: ["closed"],
   setup(d, { emit: u }) {
-    const e = d, p = u, i = y(null), r = (t) => {
-      t.stopPropagation(), p("closed");
+    const e = d, f = u, i = y(null), r = (t) => {
+      t.stopPropagation(), f("closed");
     };
     return b(() => {
       i.value?.focus();
-    }), (t, g) => {
-      const f = h("t-button");
-      return o(), l("div", {
+    }), (t, j) => {
+      const p = h("t-button");
+      return o(), s("div", {
         class: a(["fixed inset-0 focus-visible:outline-hidden z-10", {
           "flex items-center": !e.disableStyle,
           [e.injectStyle.wrapper]: !0
@@ -42,24 +42,24 @@ const x = {
           key: 0,
           class: "z-10",
           onClick: r
-        })) : s("", !0),
+        })) : l("", !0),
         c("div", {
           class: a(["z-10 w-full md:w-[36rem] mx-auto", {
-            "bg-caipira-primary input-roundness shadow-2xl relative": !e.disableStyle,
+            "relative floatable": !e.disableStyle,
             [e.injectStyle.container]: !0
           }])
         }, [
-          v(f, {
+          v(p, {
             variant: "transparent",
-            size: "lg",
             icon: "close",
-            class: "absolute top-0 right-0",
+            size: "",
+            class: "absolute justify-center top-0 right-0 h-14 w-14",
             onClick: r
           }),
-          e.showHeader ? (o(), l("div", x, [
-            e.title ? (o(), l("span", B, w(e.title), 1)) : s("", !0),
-            t.$slots.header ? n(t.$slots, "header", { key: 1 }) : s("", !0)
-          ])) : s("", !0),
+          e.showHeader ? (o(), s("div", B, [
+            e.title ? (o(), s("span", x, w(e.title), 1)) : l("", !0),
+            t.$slots.header ? n(t.$slots, "header", { key: 1 }) : l("", !0)
+          ])) : l("", !0),
           c("div", {
             class: a(["flex flex-col flex-1 overflow-y-auto scrollbar", {
               [e.injectStyle.body]: !0
@@ -68,14 +68,14 @@ const x = {
           }, [
             n(t.$slots, "default")
           ], 2),
-          t.$slots.footer ? (o(), l("div", C, [
+          t.$slots.footer ? (o(), s("div", C, [
             n(t.$slots, "footer")
-          ])) : s("", !0)
+          ])) : l("", !0)
         ], 2)
       ], 34);
     };
   }
 });
 export {
-  z as _
+  g as _
 };

package/dist/Popover-Bq_SpOWb.js

@@ -0,0 +1,73 @@
+import './Popover.css';
+import { defineComponent as w, mergeModels as B, useModel as E, ref as n, computed as u, onBeforeMount as P, onBeforeUnmount as M, openBlock as c, createElementBlock as d, renderSlot as m, normalizeProps as v, guardReactiveProps as g, normalizeStyle as x, unref as z, normalizeClass as O, createCommentVNode as R } from "vue";
+import { u as T } from "./useDomHelpers-CGVrQd35.js";
+import { d as S, E as $ } from "./ui-J-lhC9qd.js";
+import { o as L, s as W, a as I, u as U, b as j } from "./floating-ui.vue-B5QcGNjh.js";
+import { _ as A } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+let D = 0;
+const F = /* @__PURE__ */ w({
+  name: "TPopover",
+  __name: "Popover",
+  props: /* @__PURE__ */ B({
+    trigger: { default: S.CLICK },
+    disabled: { type: Boolean, default: !1 },
+    placement: { default: $.BOTTOM },
+    slotWrapperClasses: { default: "input-roundness" },
+    width: { default: "auto" }
+  }, {
+    open: { type: Boolean, default: !1 },
+    openModifiers: {}
+  }),
+  emits: ["update:open"],
+  setup(s, { expose: C }) {
+    const t = E(s, "open"), r = s, a = `popover_${++D}`, l = n(), y = u(() => r.placement), o = n(), { wasClickOutsideOfContainer: _ } = T(), b = u(
+      () => o.value?.firstChild?.nextElementSibling
+    ), k = n([
+      L(5),
+      W({
+        apply({ elements: e }) {
+          if (r.width === "static")
+            return;
+          const f = e.reference.getBoundingClientRect();
+          Object.assign(e.floating.style, {
+            minWidth: `${f.width}px`
+          });
+        }
+      }),
+      I({ crossAxis: !0 })
+    ]), { floatingStyles: h } = U(b, l, {
+      open: t,
+      placement: y,
+      middleware: k,
+      whileElementsMounted: j
+    }), i = (e = !t.value) => {
+      t.value = e;
+    }, p = (e) => t.value && o.value && _(e, o.value) ? (t.value = !1, !1) : !0;
+    return P(() => {
+      document.addEventListener("click", p);
+    }), M(() => {
+      document.removeEventListener("click", p);
+    }), C({ name: a }), (e, f) => (c(), d("div", {
+      ref_key: "wrapperRef",
+      ref: o
+    }, [
+      m(e.$slots, "default", v(g({ onTogglePopover: i })), void 0, !0),
+      t.value ? (c(), d("div", {
+        key: 0,
+        ref_key: "floating",
+        ref: l,
+        role: "tooltip",
+        id: a,
+        style: x(z(h)),
+        class: O(["popover-floatable bg-caipira-primary z-10", {
+          [r.slotWrapperClasses]: !0
+        }])
+      }, [
+        m(e.$slots, "content", v(g({ onTogglePopover: i })), void 0, !0)
+      ], 6)) : R("", !0)
+    ], 512));
+  }
+}), q = /* @__PURE__ */ A(F, [["__scopeId", "data-v-4fbb6f53"]]);
+export {
+  q as P
+};

package/dist/Popover.css

@@ -0,0 +1 @@
+.popover-floatable[data-v-4fbb6f53]{scrollbar-gutter:stable}

package/dist/Popover.js

@@ -1,5 +1,5 @@
-import { _ as p } from "./Popover.vue_vue_type_script_setup_true_lang-DoSN5ymu.js";
-import { p as P } from "./plugin-ColpxTKB.js";
+import { P as p } from "./Popover-Bq_SpOWb.js";
+import { p as P } from "./plugin-RTst32IC.js";
 export {
   p as Popover,
   P as PopoverPlugin

package/dist/{ProgressCircle-Cpmi2CpO.js → ProgressCircle-C5CnEEoe.js}

@@ -1,10 +1,10 @@
 import './ProgressCircle.css';
-import { defineComponent as c, computed as n, openBlock as o, createElementBlock as s, createElementVNode as l, renderSlot as h, createCommentVNode as f } from "vue";
+import { defineComponent as i, computed as n, openBlock as r, createElementBlock as s, createElementVNode as l, renderSlot as f, createCommentVNode as h } from "vue";
 import { _ as u } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const k = { class: "relative w-min" }, _ = ["width", "heigh"], p = ["stroke-width", "stroke"], m = ["stroke-width", "stroke", "stroke-dashoffset"], v = {
   key: 0,
   class: "absolute transform -translate-x-1/2 -translate-y-1/2 top-2/4 left-2/4"
-}, a = 90, w = /* @__PURE__ */ c({
+}, a = 90, w = /* @__PURE__ */ i({
   name: "TProgressCircle",
   __name: "ProgressCircle",
   props: {
@@ -12,16 +12,16 @@ const k = { class: "relative w-min" }, _ = ["width", "heigh"], p = ["stroke-widt
     width: { default: 90 },
     strokeWidth: { default: 1 },
     strokeColor: { default: "var(--caipira-blue)" },
-    backgroundColor: { default: "var(--caipira-tertiary)" }
+    backgroundColor: { default: "var(--unfocused-bg-color)" }
   },
   setup(d) {
-    const e = d, i = n(() => {
+    const e = d, c = n(() => {
       const t = Math.PI * (a * 2);
-      let r = e.value;
-      return e.value < 0 && (r = 0), e.value > 100 && (r = 100), (100 - r) / 100 * t;
+      let o = e.value;
+      return e.value < 0 && (o = 0), e.value > 100 && (o = 100), (100 - o) / 100 * t;
     });
-    return (t, r) => (o(), s("div", k, [
-      (o(), s("svg", {
+    return (t, o) => (r(), s("div", k, [
+      (r(), s("svg", {
         viewBox: "0 0 200 200",
         width: e.width,
         heigh: e.width
@@ -44,15 +44,15 @@ const k = { class: "relative w-min" }, _ = ["width", "heigh"], p = ["stroke-widt
           r: a,
           "stroke-width": e.strokeWidth,
           stroke: e.strokeColor,
-          "stroke-dashoffset": i.value
+          "stroke-dashoffset": c.value
         }, null, 8, m)
       ], 8, _)),
-      t.$slots.default ? (o(), s("div", v, [
-        h(t.$slots, "default", {}, void 0, !0)
-      ])) : f("", !0)
+      t.$slots.default ? (r(), s("div", v, [
+        f(t.$slots, "default", {}, void 0, !0)
+      ])) : h("", !0)
     ]));
   }
-}), y = /* @__PURE__ */ u(w, [["__scopeId", "data-v-b9d5ffed"]]);
+}), b = /* @__PURE__ */ u(w, [["__scopeId", "data-v-fbcf1aaa"]]);
 export {
-  y as P
+  b as P
 };

package/dist/ProgressCircle.css

@@ -1 +1 @@
-svg circle[data-v-b9d5ffed]{transition:stroke-dashoffset 1s linear}
+svg circle[data-v-fbcf1aaa]{transition:stroke-dashoffset 1s linear}

package/dist/ProgressCircle.js

@@ -1,5 +1,5 @@
-import { P as o } from "./ProgressCircle-Cpmi2CpO.js";
-import { p as P } from "./plugin-MAzqwXys.js";
+import { P as o } from "./ProgressCircle-C5CnEEoe.js";
+import { p as P } from "./plugin-CV6IjnsL.js";
 export {
   o as ProgressCircle,
   P as ProgressCirclePlugin

package/dist/{ProgressLine-CTS0VOAI.js → ProgressLine-BqINh5jh.js}

@@ -1,6 +1,6 @@
 import './ProgressLine.css';
-import { defineComponent as d, ref as u, watch as c, computed as f, openBlock as o, createElementBlock as l, normalizeClass as t, createElementVNode as s, renderSlot as h, toDisplayString as v, createCommentVNode as p } from "vue";
-import { _ as g } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { defineComponent as d, ref as u, watch as c, computed as f, openBlock as l, createElementBlock as a, normalizeClass as t, createElementVNode as s, renderSlot as h, toDisplayString as v, createCommentVNode as g } from "vue";
+import { _ as p } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const m = ["aria-valuenow"], _ = ["height"], C = ["rx", "fill"], b = ["width", "rx", "fill"], w = {
   key: 1,
   class: "text-sm select-none"
@@ -17,26 +17,26 @@ const m = ["aria-valuenow"], _ = ["height"], C = ["rx", "fill"], b = ["width", "
     overColor: { default: "var(--caipira-red)" },
     progressColor: { default: "var(--caipira-blue)" },
     finishedColor: { default: "var(--caipira-green)" },
-    backgroundColor: { default: "var(--caipira-tertiary)" }
+    backgroundColor: { default: "var(--unfocused-bg-color)" }
   },
   setup(i) {
-    const e = i, a = u(0);
+    const e = i, o = u(0);
     c(
       () => e.value,
       (r) => {
-        r && (a.value = Math.round(r));
+        r && (o.value = Math.round(r));
       },
       { immediate: !0 }
     );
-    const n = f(() => a.value === 100 ? e.finishedColor : a.value > 100 ? e.overColor : e.progressColor);
-    return (r, x) => (o(), l("div", {
+    const n = f(() => o.value === 100 ? e.finishedColor : o.value > 100 ? e.overColor : e.progressColor);
+    return (r, x) => (l(), a("div", {
       class: "flex items-center",
       role: "progressbar",
       "aria-valuemax": "100",
       "aria-valuemin": "0",
-      "aria-valuenow": a.value
+      "aria-valuenow": o.value
     }, [
-      (o(), l("svg", {
+      (l(), a("svg", {
         width: "100%",
         height: e.height,
         class: t(["inline-block grow", e.svgClass])
@@ -54,15 +54,15 @@ const m = ["aria-valuenow"], _ = ["height"], C = ["rx", "fill"], b = ["width", "
           fill: n.value
         }, null, 8, b)
       ], 10, _)),
-      e.showPercentage ? (o(), l("div", {
+      e.showPercentage ? (l(), a("div", {
         key: 0,
         class: t(["flex-none ml-2", r.labelClass])
       }, [
-        r.$slots.label ? h(r.$slots, "label", { key: 0 }, void 0, !0) : (o(), l("span", w, v(a.value) + "% ", 1))
-      ], 2)) : p("", !0)
+        r.$slots.label ? h(r.$slots, "label", { key: 0 }, void 0, !0) : (l(), a("span", w, v(o.value) + "% ", 1))
+      ], 2)) : g("", !0)
     ], 8, m));
   }
-}), B = /* @__PURE__ */ g(k, [["__scopeId", "data-v-08cf9019"]]);
+}), B = /* @__PURE__ */ p(k, [["__scopeId", "data-v-6d5869e8"]]);
 export {
   B as P
 };

package/dist/ProgressLine.css

@@ -1 +1 @@
-svg rect[data-v-08cf9019]{transition:width .3s linear}
+svg rect[data-v-6d5869e8]{transition:width .3s linear}

package/dist/ProgressLine.js

@@ -1,5 +1,5 @@
-import { P as o } from "./ProgressLine-CTS0VOAI.js";
-import { p as P } from "./plugin-CZ2rAHjJ.js";
+import { P as o } from "./ProgressLine-BqINh5jh.js";
+import { p as P } from "./plugin-DMGSStZm.js";
 export {
   o as ProgressLine,
   P as ProgressLinePlugin

package/dist/Skeleton.js

@@ -1,5 +1,5 @@
-import { _ as r } from "./Skeleton.vue_vue_type_script_setup_true_lang-WahY1vGW.js";
-import { p as l } from "./plugin-C1kAmMfE.js";
+import { _ as r } from "./Skeleton.vue_vue_type_script_setup_true_lang-Dsy_4Ftz.js";
+import { p as l } from "./plugin-DYHfPgzY.js";
 export {
   r as Skeleton,
   l as SkeletonPlugin

package/dist/Skeleton.vue_vue_type_script_setup_true_lang-Dsy_4Ftz.js

@@ -0,0 +1,18 @@
+import { defineComponent as n, openBlock as a, createElementBlock as l, normalizeClass as o } from "vue";
+const m = /* @__PURE__ */ n({
+  name: "TSkeleton",
+  __name: "Skeleton",
+  props: {
+    marginClass: { default: "" },
+    sizeClass: { default: "w-full h-4" }
+  },
+  setup(s) {
+    const e = s;
+    return (r, t) => (a(), l("div", {
+      class: o(["animate-pulse bg-[var(--unfocused-bg-color)] rounded-sm", [e.marginClass, e.sizeClass]])
+    }, null, 2));
+  }
+});
+export {
+  m as _
+};

package/dist/Tab.js

@@ -1,5 +1,5 @@
-import { _ as r } from "./Tab.vue_vue_type_script_setup_true_lang-6bgS8FOw.js";
-import { p as b } from "./plugin-wVt0wQNv.js";
+import { _ as r } from "./Tab.vue_vue_type_script_setup_true_lang-OuqLqd04.js";
+import { p as b } from "./plugin-DBDBJ5_6.js";
 export {
   r as Tab,
   b as TabPlugin