@agrotools1/at-components 1.0.0 → 1.0.2

package/dist/CardWithInsights/CardWithInsights.vue2.js

@@ -0,0 +1,32 @@
+import { defineComponent as a } from "vue";
+import { AtCircleQuestionSolidIcon as s } from "../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtCircleQuestionSolidIcon/index.js";
+import l from "../Illustration/Illustration.vue.js";
+import { AtTipograph as p } from "../Tipograph/index.js";
+const m = a({
+  name: "AtCardWithInsights",
+  components: {
+    AtParagraph: p.Paragraph,
+    AtIllustration: l,
+    AtCircleQuestionSolidIcon: s
+  },
+  props: {
+    insightsList: {
+      type: Array,
+      required: !0,
+      validator: (r) => Array.isArray(r) && r.every((e) => typeof e == "object")
+    },
+    fullWidth: {
+      type: Boolean,
+      required: !1,
+      default: !1,
+      validator: (r) => typeof r == "boolean"
+    }
+  },
+  setup() {
+    const e = (t) => t % 1 !== 0, o = (t) => t.toFixed(2), n = (t) => t < 0 ? 0 : t, i = (t) => t > 1e9 ? 1e9 : t;
+    return { renderInsightValue: (t) => t === void 0 ? 0 : (t = i(t), e(t) ? o(t) : n(t)), handleFloatValue: o };
+  }
+});
+export {
+  m as default
+};

package/dist/CardWithInsights/CardWithInsights.vue3.js

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

package/dist/CardWithInsights/CardWithInsights.vue4.js

@@ -0,0 +1,4 @@
+const _ = "";
+export {
+  _ as default
+};

package/dist/CardWithInsights/index.d.ts

@@ -0,0 +1 @@
+export { type AtCardWithInsightsProps, default as AtCardWithInsights } from './CardWithInsights';

package/dist/Checkbox/Checkbox.d.ts

@@ -0,0 +1,88 @@
+import { PropType } from 'vue';
+
+export interface CheckboxProps {
+    value: boolean | Array<string>;
+    val?: string;
+    disabled: boolean;
+    size: "12" | "16" | "20" | "24" | "28";
+    labelledby: string;
+}
+declare const _default: import('vue').DefineComponent<{
+    disabled: {
+        required: false;
+        type: PropType<boolean>;
+        default: boolean;
+        validator: (value: boolean) => boolean;
+    };
+    modelValue: {
+        required: false;
+        type: PropType<boolean | string[]>;
+        default: undefined;
+        validator: (value: CheckboxProps["value"]) => boolean;
+    };
+    val: {
+        required: false;
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    size: {
+        required: false;
+        type: PropType<"12" | "16" | "20" | "24" | "28">;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    labelledby: {
+        required: false;
+        type: PropType<string>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}, {
+    checkmarck: string;
+    buttonRef: import('vue').Ref<HTMLButtonElement | null>;
+    inputRef: import('vue').Ref<HTMLInputElement | null>;
+    computedSize: import('vue').ComputedRef<string>;
+    onClick: (event: MouseEvent) => void;
+    borderRadius: import('vue').ComputedRef<string>;
+    isCheckedValue: import('vue').ComputedRef<boolean>;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click" | "update:modelValue")[], "click" | "update:modelValue", import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+    disabled: {
+        required: false;
+        type: PropType<boolean>;
+        default: boolean;
+        validator: (value: boolean) => boolean;
+    };
+    modelValue: {
+        required: false;
+        type: PropType<boolean | string[]>;
+        default: undefined;
+        validator: (value: CheckboxProps["value"]) => boolean;
+    };
+    val: {
+        required: false;
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    size: {
+        required: false;
+        type: PropType<"12" | "16" | "20" | "24" | "28">;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    labelledby: {
+        required: false;
+        type: PropType<string>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    size: "12" | "16" | "20" | "24" | "28";
+    disabled: boolean;
+    val: string | undefined;
+    labelledby: string;
+    modelValue: boolean | string[];
+}, {}>;
+export default _default;

package/dist/Checkbox/Checkbox.vue.js

@@ -0,0 +1,38 @@
+import r from "./Checkbox.vue2.js";
+import { openBlock as d, createElementBlock as t, Fragment as i, createElementVNode as o, mergeProps as s, createCommentVNode as a, normalizeStyle as c } from "vue";
+import "./Checkbox.vue3.js";
+import n from "../_virtual/_plugin-vue_export-helper.js";
+const l = ["aria-checked", "disabled"], h = ["src"], u = ["checked", "disabled"];
+function m(e, p, b, k, f, y) {
+  return d(), t(i, null, [
+    o("button", s({ ref: "buttonRef" }, e.$attrs, {
+      type: "button",
+      role: "checkbox",
+      "aria-checked": e.isCheckedValue,
+      disabled: e.disabled,
+      style: {
+        width: e.computedSize,
+        height: e.computedSize,
+        borderRadius: e.borderRadius
+      }
+    }), [
+      e.isCheckedValue ? (d(), t("img", {
+        key: 0,
+        src: e.checkmarck
+      }, null, 8, h)) : a("", !0)
+    ], 16, l),
+    o("input", {
+      ref: "inputRef",
+      tabindex: "-1",
+      "aria-hidden": "true",
+      type: "checkbox",
+      checked: e.isCheckedValue,
+      disabled: e.disabled,
+      style: c({ width: e.size, height: e.size })
+    }, null, 12, u)
+  ], 64);
+}
+const $ = /* @__PURE__ */ n(r, [["render", m], ["__scopeId", "data-v-1d29d38e"]]);
+export {
+  $ as default
+};

package/dist/Checkbox/Checkbox.vue2.js

@@ -0,0 +1,73 @@
+import { defineComponent as s, ref as i, computed as n, onMounted as y, onBeforeUnmount as b } from "vue";
+import V from "./img/checkmarck.svg.js";
+const A = s({
+  name: "AtCheckbox",
+  props: {
+    disabled: {
+      required: !1,
+      type: Boolean,
+      default: !1,
+      validator: (e) => typeof e == "boolean"
+    },
+    modelValue: {
+      required: !1,
+      type: [Boolean, Array],
+      default: void 0,
+      validator: (e) => Array.isArray(e) || typeof e == "boolean"
+    },
+    val: {
+      required: !1,
+      type: String,
+      default: void 0
+    },
+    size: {
+      required: !1,
+      type: String,
+      default: "24",
+      validator: (e) => ["12", "16", "20", "24", "28"].includes(e)
+    },
+    labelledby: {
+      required: !1,
+      type: String,
+      default: "",
+      validator: (e) => typeof e == "string"
+    }
+  },
+  emits: ["click", "update:modelValue"],
+  setup(e, { emit: o }) {
+    const a = i(null), r = i(null), u = i(!1), f = n(() => `${e.size}px`), c = n(
+      () => ({
+        12: "3px",
+        16: "4px",
+        20: "6px",
+        24: "6px",
+        28: "8px"
+      })[e.size]
+    );
+    function m() {
+      return e.val !== void 0 && Array.isArray(e.modelValue) ? e.modelValue.includes(e.val) ? e.modelValue.filter((l) => l !== e.val) : [...e.modelValue, e.val] : !e.modelValue;
+    }
+    const d = (l) => {
+      let t;
+      e.modelValue === void 0 ? (t = !u.value, u.value = t) : t = m(), o("update:modelValue", t), o("click", { event: l, value: t });
+    }, v = n(() => e.modelValue === void 0 ? u.value : e.val === void 0 || typeof e.modelValue == "boolean" ? !!e.modelValue : e.modelValue.includes(e.val));
+    return y(() => {
+      var l;
+      a.value && e.labelledby && a.value.setAttribute("aria-labelledby", e.labelledby), (l = a.value) == null || l.addEventListener("click", d);
+    }), b(() => {
+      var l;
+      (l = a.value) == null || l.removeEventListener("click", d);
+    }), {
+      checkmarck: V,
+      buttonRef: a,
+      inputRef: r,
+      computedSize: f,
+      onClick: d,
+      borderRadius: c,
+      isCheckedValue: v
+    };
+  }
+});
+export {
+  A as default
+};

package/dist/Checkbox/Checkbox.vue3.js

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

package/dist/Checkbox/img/checkmarck.svg.js

@@ -0,0 +1,4 @@
+const M = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxOCAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aA0KICAgICAgICBkPSJNMTYuNzM5MyAwLjMyMzI1Nkw2LjM3NSAxMC42ODY4QzYuMzA1MzIgMTAuNzU2NyA2LjIyMjUxIDEwLjgxMjIgNi4xMzEzMiAxMC44NTAxQzYuMDQwMTMgMTAuODg4IDUuOTQyMzcgMTAuOTA3NSA1Ljg0MzYzIDEwLjkwNzVDNS43NDQ4OCAxMC45MDc1IDUuNjQ3MTIgMTAuODg4IDUuNTU1OTMgMTAuODUwMUM1LjQ2NDc0IDEwLjgxMjIgNS4zODE5MyAxMC43NTY3IDUuMzEyMjUgMTAuNjg2OEwxLjMwNDI1IDYuNjc1MDFDMS4yMzQ1NyA2LjYwNTA1IDEuMTUxNzYgNi41NDk1NCAxLjA2MDU3IDYuNTExNjZDMC45NjkzODMgNi40NzM3OSAwLjg3MTYxNSA2LjQ1NDI5IDAuNzcyODc1IDYuNDU0MjlDMC42NzQxMzQgNi40NTQyOSAwLjU3NjM2NiA2LjQ3Mzc5IDAuNDg1MTc5IDYuNTExNjZDMC4zOTM5OTIgNi41NDk1NCAwLjMxMTE4MiA2LjYwNTA1IDAuMjQxNDk5IDYuNjc1MDFDMC4xNzE1NDIgNi43NDQ2OSAwLjExNjAzMiA2LjgyNzUgMC4wNzgxNTYyIDYuOTE4NjlDMC4wNDAyOCA3LjAwOTg3IDAuMDIwNzgyNSA3LjEwNzY0IDAuMDIwNzgyNSA3LjIwNjM4QzAuMDIwNzgyNSA3LjMwNTEyIDAuMDQwMjggNy40MDI4OSAwLjA3ODE1NjIgNy40OTQwOEMwLjExNjAzMiA3LjU4NTI2IDAuMTcxNTQyIDcuNjY4MDggMC4yNDE0OTkgNy43Mzc3Nkw0LjI1MSAxMS43NDY1QzQuNjczOTYgMTIuMTY4NyA1LjI0NzE1IDEyLjQwNTggNS44NDQ3NSAxMi40MDU4QzYuNDQyMzUgMTIuNDA1OCA3LjAxNTU0IDEyLjE2ODcgNy40Mzg1IDExLjc0NjVMMTcuODAyIDEuMzg1MjZDMTcuODcxOCAxLjMxNTU5IDE3LjkyNzMgMS4yMzI4MiAxNy45NjUxIDEuMTQxNzFDMTguMDAyOSAxLjA1MDU5IDE4LjAyMjMgMC45NTI5MDcgMTguMDIyMyAwLjg1NDI1NkMxOC4wMjIzIDAuNzU1NjA1IDE4LjAwMjkgMC42NTc5MjMgMTcuOTY1MSAwLjU2NjgwNkMxNy45MjczIDAuNDc1Njg4IDE3Ljg3MTggMC4zOTI5MjUgMTcuODAyIDAuMzIzMjU2QzE3LjczMjMgMC4yNTMyOTkgMTcuNjQ5NSAwLjE5Nzc4OSAxNy41NTgzIDAuMTU5OTEzQzE3LjQ2NzEgMC4xMjIwMzcgMTcuMzY5NCAwLjEwMjUzOSAxNy4yNzA2IDAuMTAyNTM5QzE3LjE3MTkgMC4xMDI1MzkgMTcuMDc0MSAwLjEyMjAzNyAxNi45ODI5IDAuMTU5OTEzQzE2Ljg5MTcgMC4xOTc3ODkgMTYuODA4OSAwLjI1MzI5OSAxNi43MzkzIDAuMzIzMjU2WiINCiAgICAgICAgZmlsbD0id2hpdGUiIC8+DQo8L3N2Zz4=";
+export {
+  M as default
+};

package/dist/Checkbox/index.d.ts

@@ -0,0 +1 @@
+export { type CheckboxProps, default as AtCheckbox } from './Checkbox';

package/dist/Chips/index.d.ts

@@ -0,0 +1 @@
+export { default as Chip, type ChipsProps } from './Chips';

package/dist/ColorPicker/ColorPicker.Saturation.d.ts

@@ -0,0 +1,29 @@
+declare const _default: import('vue').DefineComponent<{
+    value: ObjectConstructor;
+    colorHex: {
+        type: StringConstructor;
+        default: () => "#FFFFFF";
+        validator: (value: unknown) => boolean;
+    };
+}, {
+    handleChange: (e: MouseEvent | TouchEvent) => void;
+    handleMouseDown: () => void;
+    container: import('vue').Ref<HTMLElement | null>;
+    left: import('vue').Ref<string>;
+    top: import('vue').Ref<string>;
+    localColorHex: import('vue').Ref<string>;
+    coloring: import('vue').Ref<Record<string, any> | undefined>;
+    backgroundColor: import('vue').Ref<string>;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "colorChanged"[], "colorChanged", import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+    value: ObjectConstructor;
+    colorHex: {
+        type: StringConstructor;
+        default: () => "#FFFFFF";
+        validator: (value: unknown) => boolean;
+    };
+}>> & {
+    onColorChanged?: ((...args: any[]) => any) | undefined;
+}, {
+    colorHex: string;
+}, {}>;
+export default _default;

package/dist/ColorPicker/ColorPicker.Saturation.vue.js

@@ -0,0 +1,31 @@
+import l from "./ColorPicker.Saturation.vue2.js";
+import { openBlock as r, createElementBlock as d, normalizeStyle as t, createElementVNode as a, pushScopeId as i, popScopeId as u } from "vue";
+import "./ColorPicker.Saturation.vue3.js";
+import p from "../_virtual/_plugin-vue_export-helper.js";
+const s = (o) => (i("data-v-22e953ad"), o = o(), u(), o), c = /* @__PURE__ */ s(() => /* @__PURE__ */ a("div", { class: "vc-saturation--white" }, null, -1)), v = /* @__PURE__ */ s(() => /* @__PURE__ */ a("div", { class: "vc-saturation--black" }, null, -1));
+function h(o, e, m, f, g, C) {
+  return r(), d("div", {
+    ref: "container",
+    class: "vc-saturation",
+    style: t({ background: o.backgroundColor }),
+    onMousedown: e[0] || (e[0] = (...n) => o.handleMouseDown && o.handleMouseDown(...n)),
+    onTouchmove: e[1] || (e[1] = (...n) => o.handleChange && o.handleChange(...n)),
+    onTouchstart: e[2] || (e[2] = (...n) => o.handleChange && o.handleChange(...n))
+  }, [
+    c,
+    v,
+    a("div", {
+      class: "vc-saturation-pointer",
+      style: t({ top: o.top, left: o.left })
+    }, [
+      a("div", {
+        style: t({ backgroundColor: o.localColorHex }),
+        class: "vc-saturation-circle"
+      }, null, 4)
+    ], 4)
+  ], 36);
+}
+const y = /* @__PURE__ */ p(l, [["render", h], ["__scopeId", "data-v-22e953ad"]]);
+export {
+  y as default
+};

package/dist/ColorPicker/ColorPicker.Saturation.vue2.js

@@ -0,0 +1,82 @@
+import { defineComponent as I, ref as O, reactive as R, computed as E, watch as H, toRefs as X } from "vue";
+const T = I({
+  name: "Saturation",
+  props: {
+    value: Object,
+    colorHex: {
+      type: String,
+      default: () => "#FFFFFF",
+      validator: (n) => typeof n == "string"
+    }
+  },
+  emits: ["colorChanged"],
+  setup(n, { emit: x }) {
+    const s = O(null), c = R({
+      left: "",
+      top: "",
+      localColorHex: n.colorHex,
+      coloring: E(() => n.value),
+      backgroundColor: E(() => `hsl(${n.value.hsv.h}, 100%, 50%)`)
+    }), w = () => {
+      c.top = `${-(n.value.hsv.v * 100) + 92}%`, c.left = `${n.value.hsv.s * 100 - 3}%`;
+    }, p = (e, o, t) => o < t ? e < o ? o : e > t ? t : e : e < t ? t : e > o ? o : e, i = (e) => {
+      if (e.preventDefault(), !s.value)
+        return;
+      const o = s.value.clientWidth, t = s.value.clientHeight, u = s.value.getBoundingClientRect().left + window.scrollX, h = s.value.getBoundingClientRect().top + window.scrollY, r = e instanceof MouseEvent ? e.pageX : e.touches ? e.touches[0].pageX : 0, a = e instanceof MouseEvent ? e.pageY : e.touches ? e.touches[0].pageY : 0, l = p(r - u, 0, o), d = p(a - h, 0, t), f = l / o, v = p(-(d / t) + 1, 0, 1);
+      n.value.hsv.s = f, n.value.hsv.v = v, w();
+      const g = L(
+        n.value.hsv.h,
+        F(f),
+        F(v)
+      ), M = P(
+        Number.parseInt(g.r.toFixed(0)),
+        Number.parseInt(g.g.toFixed(0)),
+        Number.parseInt(g.b.toFixed(0))
+      );
+      c.localColorHex = M, x("colorChanged", M);
+    }, L = (e, o, t) => {
+      e = m(e, 360) * 6, o = m(o, 100), t = m(t, 100);
+      const u = Math.floor(e), h = e - u, r = t * (1 - o), a = t * (1 - h * o), l = t * (1 - (1 - h) * o), d = u % 6, f = [t, a, r, r, l, t][d], v = [l, t, t, a, r, r][d], g = [r, r, l, t, t, a][d];
+      return {
+        r: f * 255,
+        g: v * 255,
+        b: g * 255
+      };
+    }, m = (e, o) => {
+      N(e) && (e = "100%");
+      const t = $(e);
+      return e = Math.min(o, Math.max(0, Number.parseFloat(e))), t && (e = Number.parseInt((e * o).toString(), 10) / 100), Math.abs(e - o) < 1e-6 ? 1 : e % o / Number.parseFloat(o);
+    }, N = (e) => typeof e == "string" && e.includes(".") && Number.parseFloat(e) === 1, $ = (e) => typeof e == "string" && e.includes("%"), P = (e, o, t) => `#${[
+      b(Math.round(e).toString(16)),
+      b(Math.round(o).toString(16)),
+      b(Math.round(t).toString(16))
+    ].join("")}`.toUpperCase(), b = (e) => e.length === 1 ? `0${e}` : `${e}`, F = (e) => (e <= 1 && (e = `${e * 100}%`), e), S = () => {
+      window.addEventListener("mousemove", i), window.addEventListener("mouseup", i), window.addEventListener("mouseup", C);
+    }, C = () => {
+      y();
+    }, y = () => {
+      window.removeEventListener("mousemove", i), window.removeEventListener("mouseup", i), window.removeEventListener("mouseup", C);
+    };
+    return H(
+      () => n.colorHex,
+      (e) => {
+        c.localColorHex = e;
+      },
+      { immediate: !0 }
+    ), H(
+      () => c.coloring,
+      () => {
+        w();
+      },
+      { immediate: !0 }
+    ), {
+      ...X(c),
+      handleChange: i,
+      handleMouseDown: S,
+      container: s
+    };
+  }
+});
+export {
+  T as default
+};

package/dist/ColorPicker/ColorPicker.Saturation.vue3.js

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

package/dist/ColorPicker/ColorPicker.d.ts

@@ -0,0 +1,17 @@
+export type ColorsType = {
+    hsv: hsv;
+    hsl: hsl;
+    hex: string;
+    a: number;
+};
+export type hsv = {
+    h: number;
+    s: number;
+    v: number;
+};
+export type hsl = {
+    h: number;
+    s: number;
+    l: number;
+    a: number;
+};

package/dist/ColorPicker/ColorPicker.vue.js

@@ -0,0 +1,86 @@
+import _ from "./ColorPicker.vue2.js";
+import { resolveComponent as c, openBlock as n, createElementBlock as s, normalizeStyle as r, createElementVNode as e, createVNode as i, withDirectives as p, vModelText as u, Fragment as k, renderList as f, withCtx as v, createTextVNode as C, pushScopeId as g, popScopeId as y } from "vue";
+import "./ColorPicker.vue3.js";
+import I from "../_virtual/_plugin-vue_export-helper.js";
+const a = (o) => (g("data-v-57001a39"), o = o(), y(), o), S = { class: "color-picker-saturation-wrap" }, w = { class: "slider-content" }, H = { class: "container-info" }, U = /* @__PURE__ */ a(() => /* @__PURE__ */ e("p", null, "Hex", -1)), V = { class: "custom-input" }, $ = /* @__PURE__ */ a(() => /* @__PURE__ */ e("div", { class: "input-prefix" }, "#", -1)), A = { class: "group-color" }, B = /* @__PURE__ */ a(() => /* @__PURE__ */ e("p", null, "Salvas", -1)), b = { class: "group-color-user" }, z = ["onClick"], N = { class: "button-group" };
+function E(o, l, L, T, D, F) {
+  const m = c("AtSaturation"), d = c("AtButton");
+  return n(), s("div", {
+    class: "color-picker-container",
+    style: r({ position: o.position })
+  }, [
+    e("div", S, [
+      i(m, {
+        value: o.coloring,
+        "color-hex": o.color,
+        onColorChanged: o.handleColorChange
+      }, null, 8, ["value", "color-hex", "onColorChanged"])
+    ]),
+    e("div", w, [
+      p(e("input", {
+        "onUpdate:modelValue": l[0] || (l[0] = (t) => o.selectedColorHue = t),
+        type: "range",
+        min: "0",
+        max: "360",
+        class: "slider"
+      }, null, 512), [
+        [u, o.selectedColorHue]
+      ])
+    ]),
+    e("div", H, [
+      U,
+      e("div", V, [
+        $,
+        p(e("input", {
+          "onUpdate:modelValue": l[1] || (l[1] = (t) => o.colorInput = t),
+          class: "input-field",
+          type: "text",
+          onInput: l[2] || (l[2] = (...t) => o.validateHexInput && o.validateHexInput(...t))
+        }, null, 544), [
+          [u, o.colorInput]
+        ]),
+        e("div", {
+          class: "circle",
+          style: r({ background: o.oldColor })
+        }, null, 4)
+      ]),
+      e("div", A, [
+        B,
+        e("div", b, [
+          (n(!0), s(k, null, f(o.colorListUser, (t, h) => (n(), s("div", {
+            key: h,
+            class: "circle",
+            style: r({ background: t }),
+            onClick: (M) => o.selectedColor(t)
+          }, null, 12, z))), 128))
+        ])
+      ]),
+      e("div", N, [
+        i(d, {
+          variant: "secondary",
+          size: { width: "87px" },
+          onClick: o.cancelColorsUser
+        }, {
+          default: v(() => [
+            C(" Cancelar ")
+          ]),
+          _: 1
+        }, 8, ["onClick"]),
+        i(d, {
+          size: { width: "72px" },
+          variant: "primary",
+          onClick: o.updateColorsUser
+        }, {
+          default: v(() => [
+            C(" Salvar ")
+          ]),
+          _: 1
+        }, 8, ["onClick"])
+      ])
+    ])
+  ], 4);
+}
+const G = /* @__PURE__ */ I(_, [["render", E], ["__scopeId", "data-v-57001a39"]]);
+export {
+  G as default
+};