@agrotools1/at-components 0.4.0 → 0.4.2

package/dist/Stepper/Stepper.vue.js

@@ -1,5 +1,5 @@
 import $ from "./Stepper.vue2.js";
-import { resolveComponent as u, openBlock as s, createElementBlock as n, normalizeClass as t, createElementVNode as a, normalizeStyle as z, Fragment as S, renderList as y, createBlock as i, resolveDynamicComponent as l, createCommentVNode as p, toDisplayString as c, createVNode as d, withCtx as f, createTextVNode as m } from "vue";
+import { resolveComponent as u, openBlock as s, createElementBlock as n, normalizeClass as t, createElementVNode as i, normalizeStyle as z, Fragment as S, renderList as y, createBlock as a, resolveDynamicComponent as l, createCommentVNode as p, toDisplayString as c, createVNode as d, withCtx as f, createTextVNode as m } from "vue";
 import "./Stepper.vue3.js";
 import k from "../_virtual/_plugin-vue_export-helper.js";
 function E(e, C, I, b, g, A) {
@@ -7,14 +7,14 @@ function E(e, C, I, b, g, A) {
   return s(), n("div", {
     class: t(e.$props.direction === "vertical" ? "stepper-vertical" : "")
   }, [
-    a("div", {
+    i("div", {
       ref: "stepperElementCollection",
       class: t([
         "stepper",
         e.$props.direction === "vertical" ? "vertical-stepper" : "horizontal-stepper"
       ])
     }, [
-      a("div", {
+      i("div", {
         class: t([
           "stepper-line",
           e.$props.direction === "vertical" ? "vertical-stepper-line" : "horizontal-stepper-line"
@@ -29,30 +29,30 @@ function E(e, C, I, b, g, A) {
           "stepper-item-horizontal": e.$props.direction === "horizontal" ? !0 : ""
         }])
       }, [
-        a("div", {
+        i("div", {
           class: t(["stepper-item-counter", {
             current: e.$props.step === o,
             success: r.isSuccess === !0 && r.isError === !1,
             error: r.isError
           }])
         }, [
-          e.$props.step === o && r.isSuccess === !1 && r.isError === !1 && e.$props.numberedStep === !1 ? (s(), i(l(r.stepIcon), {
+          e.$props.step === o && r.isSuccess === !1 && r.isError === !1 && e.$props.numberedStep === !1 ? (s(), a(l(r.stepIcon), {
             key: 0,
             size: "20",
             class: "step-icon",
             color: "var(--at-primary-color-1)"
           })) : p("", !0),
-          e.$props.step !== o && r.isSuccess === !1 && r.isError === !1 && e.$props.numberedStep === !1 ? (s(), i(l(r.stepInactiveIcon), {
+          e.$props.step !== o && r.isSuccess === !1 && r.isError === !1 && e.$props.numberedStep === !1 ? (s(), a(l(r.stepInactiveIcon), {
             key: 1,
             size: "20",
             color: "var(--at-dark-grey)"
           })) : p("", !0),
-          r.isSuccess && r.isError === !1 ? (s(), i(l(e.AtCheckCircleSolidIcon), {
+          r.isSuccess && r.isError === !1 ? (s(), a(l(e.AtCheckCircleSolidIcon), {
             key: 2,
             size: "20",
             color: "var(--at-white)"
           })) : p("", !0),
-          r.isError ? (s(), i(l(e.AtWarningSolidIcon), {
+          r.isError ? (s(), a(l(e.AtWarningSolidIcon), {
             key: 3,
             id: "errorIcon",
             size: "20",
@@ -63,7 +63,7 @@ function E(e, C, I, b, g, A) {
             class: t(["number", e.$props.step === o ? "current-number" : ""])
           }, c(o + 1), 3)) : p("", !0)
         ], 2),
-        a("div", {
+        i("div", {
           class: t(["stepper-item-counter-content", {
             "stepper-item-counter-content-horizontal": e.$props.direction === "horizontal"
           }])
@@ -94,7 +94,7 @@ function E(e, C, I, b, g, A) {
     ], 2)
   ], 2);
 }
-const D = /* @__PURE__ */ k($, [["render", E], ["__scopeId", "data-v-35baef55"]]);
+const D = /* @__PURE__ */ k($, [["render", E], ["__scopeId", "data-v-1d5be39f"]]);
 export {
   D as default
 };

package/dist/TableConfig/TableConfig.d.ts

@@ -6,9 +6,11 @@ export interface TableConfigProps {
     title?: ChecklistProps["title"];
     saveBtnText?: string;
     cancelBtnText?: string;
+    buttonText?: string;
     sortable?: boolean;
     resumedResponse?: boolean;
     checkAllText?: string;
+    position?: "left" | "right";
 }
 declare const _default: import("vue").DefineComponent<{
     dropDownList: {
@@ -27,6 +29,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string | undefined>;
         default: string;
     };
+    buttonText: {
+        type: PropType<string | undefined>;
+        default: string;
+    };
     sortable: {
         type: PropType<boolean | undefined>;
         default: boolean;
@@ -39,6 +45,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string | undefined>;
         required: false;
     };
+    position: {
+        type: PropType<"left" | "right" | undefined>;
+        default: string;
+    };
 }, {
     isDialogOpen: import("vue").Ref<boolean>;
     getButtonColor: import("vue").ComputedRef<"primary" | "secondary">;
@@ -81,6 +91,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string | undefined>;
         default: string;
     };
+    buttonText: {
+        type: PropType<string | undefined>;
+        default: string;
+    };
     sortable: {
         type: PropType<boolean | undefined>;
         default: boolean;
@@ -93,10 +107,16 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string | undefined>;
         required: false;
     };
+    position: {
+        type: PropType<"left" | "right" | undefined>;
+        default: string;
+    };
 }>> & {
     onOnSave?: ((...args: any[]) => any) | undefined;
 }, {
     title: string | undefined;
+    position: "left" | "right" | undefined;
+    buttonText: string | undefined;
     cancelBtnText: string | undefined;
     sortable: boolean | undefined;
     saveBtnText: string | undefined;

package/dist/TableConfig/TableConfig.vue.js

@@ -1,33 +1,33 @@
-import C from "./TableConfig.vue2.js";
-import { resolveComponent as t, openBlock as f, createElementBlock as m, createVNode as e, withCtx as n, createElementVNode as s, createTextVNode as a, toDisplayString as r } from "vue";
+import f from "./TableConfig.vue2.js";
+import { resolveComponent as n, openBlock as m, createElementBlock as C, createVNode as t, withCtx as e, createElementVNode as s, createTextVNode as i, toDisplayString as a } from "vue";
 import "./TableConfig.vue3.js";
 import k from "../_virtual/_plugin-vue_export-helper.js";
 const g = { class: "tableConfig" }, v = { class: "at-dropdown-footer" };
-function _(o, i, h, A, b, S) {
-  const c = t("AtSettingsSolidIcon"), l = t("AtButton"), d = t("AtChecklist"), p = t("AtDropdown");
-  return f(), m("section", null, [
-    e(l, {
-      variant: o.getButtonColor,
-      onClick: o.toggleDropdown
-    }, {
-      default: n(() => [
-        s("section", null, [
-          e(c, {
-            size: "16",
-            class: "me-2"
-          }),
-          a(" Configurar Tabela ")
-        ])
-      ]),
-      _: 1
-    }, 8, ["variant", "onClick"]),
-    e(p, {
+function b(o, r, h, A, _, S) {
+  const d = n("AtSettingsSolidIcon"), l = n("AtButton"), c = n("AtChecklist"), p = n("AtDropdown");
+  return m(), C("section", null, [
+    t(p, {
       "is-open": o.isDialogOpen,
-      "onUpdate:isOpen": i[0] || (i[0] = (u) => o.isDialogOpen = u)
+      "onUpdate:isOpen": r[0] || (r[0] = (u) => o.isDialogOpen = u),
+      position: o.position
     }, {
-      default: n(() => [
+      trigger: e(() => [
+        t(l, { variant: o.getButtonColor }, {
+          default: e(() => [
+            s("section", null, [
+              t(d, {
+                size: "16",
+                class: "me-2"
+              }),
+              i(" " + a(o.buttonText), 1)
+            ])
+          ]),
+          _: 1
+        }, 8, ["variant"])
+      ]),
+      default: e(() => [
         s("div", g, [
-          e(d, {
+          t(c, {
             "drop-down-list": o.list,
             title: o.title,
             sortable: o.sortable,
@@ -36,22 +36,22 @@ function _(o, i, h, A, b, S) {
             onOnSorted: o.handleSorted
           }, null, 8, ["drop-down-list", "title", "sortable", "check-all-text", "onOnClose", "onOnSorted"]),
           s("div", v, [
-            e(l, {
+            t(l, {
               variant: "secondary",
               class: "clear-button",
               onClick: o.cancel
             }, {
-              default: n(() => [
-                a(r(o.cancelBtnText), 1)
+              default: e(() => [
+                i(a(o.cancelBtnText), 1)
               ]),
               _: 1
             }, 8, ["onClick"]),
-            e(l, {
+            t(l, {
               class: "save-button",
               onClick: o.save
             }, {
-              default: n(() => [
-                a(r(o.saveBtnText), 1)
+              default: e(() => [
+                i(a(o.saveBtnText), 1)
               ]),
               _: 1
             }, 8, ["onClick"])
@@ -59,10 +59,10 @@ function _(o, i, h, A, b, S) {
         ])
       ]),
       _: 1
-    }, 8, ["is-open"])
+    }, 8, ["is-open", "position"])
   ]);
 }
-const T = /* @__PURE__ */ k(C, [["render", _], ["__scopeId", "data-v-e8699847"]]);
+const D = /* @__PURE__ */ k(f, [["render", b], ["__scopeId", "data-v-837bfa4e"]]);
 export {
-  T as default
+  D as default
 };

package/dist/TableConfig/TableConfig.vue2.js

@@ -1,15 +1,15 @@
-import { defineComponent as S, ref as l, computed as g } from "vue";
+import { defineComponent as g, ref as l, computed as v } from "vue";
 import { AtSettingsSolidIcon as y } from "../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/AtSettingsSolidIcon/index.js";
 import h from "../Button/Button.vue.js";
-import A from "../Dropdown/Checklist/Dropdown.Checklist.vue.js";
-import x from "../Dropdown/Dropdown.core.vue.js";
+import x from "../Dropdown/Checklist/Dropdown.Checklist.vue.js";
+import A from "../Dropdown/Dropdown.core.vue.js";
 const C = {
   AtSettingsSolidIcon: y
-}, I = S({
+}, I = g({
   name: "AtTableConfig",
   components: {
-    AtChecklist: A,
-    AtDropdown: x,
+    AtChecklist: x,
+    AtDropdown: A,
     AtButton: h,
     ...C
   },
@@ -30,6 +30,10 @@ const C = {
       type: String,
       default: "Salvar"
     },
+    buttonText: {
+      type: String,
+      default: "Configurar Tabela"
+    },
     sortable: {
       type: Boolean,
       default: !1
@@ -41,22 +45,26 @@ const C = {
     checkAllText: {
       type: String,
       required: !1
+    },
+    position: {
+      type: String,
+      default: "left"
     }
   },
   emits: ["onSave"],
   setup(i, { emit: c }) {
-    const t = l(!1), p = () => t.value = !t.value, u = g(
+    const t = l(!1), p = () => t.value = !t.value, u = v(
       () => t.value ? "primary" : "secondary"
     ), s = l([]), n = l([]), a = () => {
       s.value = JSON.parse(JSON.stringify(i.dropDownList)), n.value = JSON.parse(JSON.stringify(s.value));
     };
     a();
-    const r = () => t.value = !1, d = () => {
+    const r = () => t.value = !1, f = () => {
       r();
-    }, f = () => {
+    }, d = () => {
       const e = [];
       return n.value.forEach((o, m) => {
-        e[m] = s.value.find((v) => v.text === o.text) ?? {};
+        e[m] = s.value.find((S) => S.text === o.text) ?? {};
       }), i.resumedResponse ? e.filter((o) => o.value).map((o) => o.text) : e;
     };
     return {
@@ -64,12 +72,12 @@ const C = {
       getButtonColor: u,
       list: s,
       toggleDropdown: p,
-      handleClose: d,
+      handleClose: f,
       handleSorted: (e) => {
         n.value = e;
       },
       save: () => {
-        const e = f();
+        const e = d();
         c("onSave", e), r();
       },
       cancel: () => {

package/dist/Tabs/Tab/Tab.vue.js

@@ -1,7 +1,7 @@
 import o from "./Tab.vue2.js";
 import "./Tab.vue3.js";
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-eed97092"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6ae0d95c"]]);
 export {
-  m as default
+  p as default
 };

package/dist/Tabs/Tab/Tab.vue2.js

@@ -1,5 +1,5 @@
 import * as i from "../../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/index.js";
-import { defineComponent as n, h as e } from "vue";
+import { defineComponent as n, h as e, reactive as a } from "vue";
 const o = n({
   name: "AtTab",
   props: {
@@ -36,7 +36,7 @@ const o = n({
         type: "button",
         role: "tab",
         tabindex: -1,
-        "aria-selected": t.isSelected,
+        "aria-selected": a({ isSelected: t.isSelected }).isSelected,
         onClick: t.onClick
       },
       [

package/dist/Tabs/Tabs.d.ts

@@ -31,8 +31,16 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     tabsList: import("vue").ComputedRef<AtTabProp[]>;
-    selectedTab: import("vue").ComputedRef<AtTabProp>;
-    selectedTabIndeRef: import("vue").Ref<number>;
+    selectedTab: import("vue").Ref<{
+        title: string;
+        slot: () => any;
+        onClick?: ((payload: MouseEvent) => void) | undefined;
+        routeName?: string | undefined;
+        disabled?: boolean | undefined;
+        notifications?: number | undefined;
+        icon?: "AtAngleUpSolidIcon" | "AtAngleDownSolidIcon" | "AtCheckCircleSolidIcon" | "AtWarningSolidIcon" | "AtCircleXMarkSolidIcon" | "AtCircleMinusSolidIcon" | "AtCircleQuestionSolidIcon" | "AtArrowRightSolidIcon" | "AtAnalisesRegularIcon" | "AtAnalisesSolidIcon" | "AtAngleLeftSolidIcon" | "AtAngleRightSolidIcon" | "AtArrowDownSolidIcon" | "AtArrowLeftSolidIcon" | "AtArrowUpSolidIcon" | "AtArvoreRegularIcon" | "AtArvoreSolidIcon" | "AtCurralRegularIcon" | "AtCurralSolidIcon" | "AtBellRegularIcon" | "AtBellSolidIcon" | "AtBoldRegularIcon" | "AtBookmarkRegularIcon" | "AtBookmarkSolidIcon" | "AtCadastroRegularIcon" | "AtCadastroSolidIcon" | "AtCalculadoraDeCarbonoIcon" | "AtCalendarRegularIcon" | "AtCalendarSolidIcon" | "AtCarbonoSolidIcon" | "AtCentralAlertasRegularIcon" | "AtCentralAlertasSolidIcon" | "AtCentralFornecimentoRegularIcon" | "AtCentralFornecimentoSolidIcon" | "AtCheckCircleRegularIcon" | "AtCheckSolidIcon" | "AtChuvaRegularIcon" | "AtChuvaSolidIcon" | "AtCircleExclamationRegularIcon" | "AtCircleExclamationSolidIcon" | "AtCircleMinusRegularIcon" | "AtCirclePlusRegularIcon" | "AtCirclePlusSolidIcon" | "AtCircleQuestionRegularIcon" | "AtCircleXMarkRegularIcon" | "AtClipeRegularIcon" | "AtCloseSolidIcon" | "AtCloudDownloadRegularIcon" | "AtCloundDownloadSolidIcon" | "AtCofreDigitalRegularIcon" | "AtCofreDigitalSolidIcon" | "AtCopilotoRegularIcon" | "AtCopilotoSolidIcon" | "AtCopyRegularIcon" | "AtCopySolidIcon" | "AtDesmatamentoSolidIcon" | "AtDoubleArrowLeftSolidIcon" | "AtDoubleArrowRightSolidIcon" | "AtDownloadSolidIcon" | "AtDragOrderRegularIcon" | "AtDrawGeometryRegularIcon" | "AtDrawGeometrySolidIcon" | "AtDrawPolygonRegularIcon" | "AtEdicaoGeometriaRegularIcon" | "AtEdicaoGeometriaSolidIcon" | "AtEditRegularIcon" | "AtEditSolidIcon" | "AtEllipsesHorizontalSolidIcon" | "AtEllipsesVerticalSolidIcon" | "AtEnergyRegularIcon" | "AtEnergySolidIcon" | "AtExcelRegularIcon" | "AtExcelSolidIcon" | "AtExitRegularIcon" | "AtEyeAtivoRegularIcon" | "AtEyeAtivoSolidIcon" | "AtEyeInativoRegularIcon" | "AtEyeInativoSolidIcon" | "AtFavoritasRegularIcon" | "AtFavoritasSolidIcon" | "AtFenceRegularIcon" | "AtFenceSolidIcon" | "AtFilterRegularIcon" | "AtFilterSolidIcon" | "AtFireRegularIcon" | "AtFireSolidIcon" | "AtFolderRegularIcon" | "AtFolderSolidIcon" | "AtGasRegularIcon" | "AtGasSolidIcon" | "AtGeadaRegularIcon" | "AtGeadaSolidIcon" | "AtGraficoRegularIcon" | "AtGroupRegularIcon" | "AtGroupSolidIcon" | "AtHeadsetRegularIcon" | "AtHeadsetSolidIcon" | "AtHelpRegularIcon" | "AtHelpSolidIcon" | "AtHomeRegularIcon" | "AtHomeSolidIcon" | "AtIdentificarRegularIcon" | "AtIdentificarSolidIcon" | "AtImagensRegularIcon" | "AtImagensSolidIcon" | "AtInfoRegularIcon" | "AtInfoSolidIcon" | "AtItalicoRegularIcon" | "AtKeyboardRegularIcon" | "AtKeyboardSolidIcon" | "AtLayersRegularIcon" | "AtLayersSolidIcon" | "AtLegendaMapaRegularIcon" | "AtLegendaMapaSolidIcon" | "AtListRegularIcon" | "AtLocationCrosshairsRegularIcon" | "AtLocationCrosshairsSolidIcon" | "AtLockRegularIcon" | "AtLockSolidIcon" | "AtMailIcon" | "AtMapRegularIcon" | "AtMapSolidIcon" | "AtMarkerRegularIcon" | "AtMarkerSolidIcon" | "AtMirrorRegularIcon" | "AtMonitoramentoRegularIcon" | "AtMonitoramentoSolidIcon" | "AtMoveRegularIcon" | "AtOpacityRegularIcon" | "AtOrdenacaoRegularIcon" | "AtOrdenarRegularIcon" | "AtPdfRegularIcon" | "AtPdfSolidIcon" | "AtPinRegularIcon" | "AtPinSolidIcon" | "AtPlantRegularIcon" | "AtPlantSolidIcon" | "AtPrintSolidIcon" | "AtRatingRegularIcon" | "AtRatingSolidIcon" | "AtRefreshSolidIcon" | "AtUserRegularIcon" | "AtRenovabioSolidIcon" | "AtRulerRegularIcon" | "AtRulerSolidIcon" | "AtSateliteRegularIcon" | "AtSateliteSolidIcon" | "AtSaveRegularIcon" | "AtSaveSolidIcon" | "AtSearchIcon" | "AtSecaRegularIcon" | "AtSecaSolidIcon" | "AtSettingsRegularIcon" | "AtSettingsSolidIcon" | "AtSobreposicaoRegularIcon" | "AtSobreposicaoSolidIcon" | "AtSublinhadoRegularIcon" | "AtSubterritorioRegularIcon" | "AtSubterritorioSolidIcon" | "AtTelephoneIcon" | "AtTemperatureRegularIcon" | "AtTemperatureSolidIcon" | "AtTempestadeRegularIcon" | "AtTempestadeSolidIcon" | "AtTimelineRegularIcon" | "AtTimelineSolidIcon" | "AtToolRegularIcon" | "AtToolSolidIcon" | "AtTrashRegularIcon" | "AtTrashSolidIcon" | "AtUnlockRegularIcon" | "AtUnlockSolidIcon" | "AtUploadSolidIcon" | "AtUserMinusRegularIcon" | "AtUserMinusSolidIcon" | "AtUserPlusRegularIcon" | "AtUserPlusSolidIcon" | "AtUserSolidIcon" | "AtVentosRegularIcon" | "AtWarningRegularIcon" | "AtWorldSolidIcon" | "AtWorldRegularIcon" | "AtZoomInAreaSolidIcon" | "AtFlagBrazilIcon" | "AtFlagSpainIcon" | "AtFlagUnitedStatesIcon" | undefined;
+    }>;
+    selectedTabIndexRef: import("vue").Ref<number>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     tabs: {
         type: PropType<AtTabProp[]>;

package/dist/Tabs/Tabs.vue.js

@@ -2,7 +2,7 @@ import _ from "./Tabs.vue2.js";
 import { resolveComponent as m, openBlock as n, createElementBlock as c, createElementVNode as a, Fragment as p, renderList as f, createBlock as r, resolveDynamicComponent as u } from "vue";
 import "./Tabs.vue3.js";
 import T from "../_virtual/_plugin-vue_export-helper.js";
-const b = { class: "Tabs_container" }, k = {
+const k = { class: "Tabs_container" }, b = {
   class: "Tabs_tablist",
   role: "tablist",
   "aria-orientation": "horizontal",
@@ -11,27 +11,27 @@ const b = { class: "Tabs_container" }, k = {
 function B(t, v, $, C, I, y) {
   var s;
   const l = m("TabButton");
-  return n(), c("section", b, [
-    a("div", k, [
+  return n(), c("section", k, [
+    a("div", b, [
       (n(!0), c(p, null, f(t.tabsList, (e, o) => (n(), r(l, {
         key: o,
-        "is-selected": o === t.selectedTabIndeRef,
+        "is-selected": o === t.selectedTabIndexRef,
         title: e.title,
         notifications: e.notifications,
         icon: e.icon,
         "data-index": o,
         "on-click": (d) => {
           var i;
-          (i = e.onClick) == null || i.call(e, d), t.selectedTabIndeRef = o;
+          (i = e.onClick) == null || i.call(e, d), t.selectedTabIndexRef = o;
         }
       }, null, 8, ["is-selected", "title", "notifications", "icon", "data-index", "on-click"]))), 128))
     ]),
     a("main", h, [
-      (n(), r(u((s = t.selectedTab) == null ? void 0 : s.slot)))
+      (n(), r(u((s = t.selectedTab) == null ? void 0 : s.slot())))
     ])
   ]);
 }
-const z = /* @__PURE__ */ T(_, [["render", B], ["__scopeId", "data-v-fb4a1314"]]);
+const x = /* @__PURE__ */ T(_, [["render", B], ["__scopeId", "data-v-78f7d7a6"]]);
 export {
-  z as default
+  x as default
 };

package/dist/Tabs/Tabs.vue2.js

@@ -1,9 +1,10 @@
-import { defineComponent as c, ref as b, computed as a, onMounted as f } from "vue";
-import i from "./Tab/Tab.vue.js";
-const p = c({
+import { defineComponent as f, ref as s, computed as x, onMounted as b, onBeforeUnmount as p, watch as m } from "vue";
+import { useRouter as I } from "../node_modules/.pnpm/vue-router@4.3.2_vue@3.3.4/node_modules/vue-router/dist/vue-router.js";
+import T from "./Tab/Tab.vue.js";
+const w = f({
   name: "AtTabs",
   components: {
-    TabButton: i
+    TabButton: T
   },
   props: {
     tabs: {
@@ -16,18 +17,43 @@ const p = c({
       default: 0
     }
   },
-  setup(e) {
-    const t = b(e.selectedTabIndex), n = window.history.state, o = a(() => e.tabs), d = a(() => e.tabs[t.value]);
-    return f(() => {
-      const r = n == null ? void 0 : n.current, s = o.value.findIndex((u) => u.routeName === r);
-      s !== -1 && (t.value = s);
-    }), {
-      tabsList: o,
-      selectedTab: d,
-      selectedTabIndeRef: t
+  setup(o) {
+    const d = I(), e = s(o.selectedTabIndex ?? 0), l = window.history.state, u = x(() => o.tabs), i = s(o.tabs[e.value ?? 0]), n = s(null);
+    return b(() => {
+      const t = l == null ? void 0 : l.current, r = u.value.findIndex((a) => a.routeName === t);
+      r !== -1 ? e.value = r : (e.value = 0, d.push(u.value[0].routeName ?? "/")), n.value = d.beforeResolve((a) => {
+        const c = u.value.findIndex((v) => v.routeName === a.path);
+        c !== -1 ? e.value = c : e.value = 0;
+      });
+    }), p(() => {
+      var t;
+      (t = n.value) == null || t.call(n);
+    }), m(
+      () => e.value,
+      (t) => {
+        i.value = u.value[t];
+      },
+      {
+        immediate: !0
+      }
+    ), m(
+      () => u.value,
+      () => {
+        const t = u.value.findIndex(
+          (r, a) => a === e.value
+        );
+        t !== -1 ? e.value = t : e.value = 0;
+      },
+      {
+        immediate: !0
+      }
+    ), {
+      tabsList: u,
+      selectedTab: i,
+      selectedTabIndexRef: e
     };
   }
 });
 export {
-  p as default
+  w as default
 };

package/dist/Tag/Tag.vue.js

@@ -25,7 +25,7 @@ function g(o, h, v, $, y, k) {
     })
   ], 10, C);
 }
-const P = /* @__PURE__ */ u(c, [["render", g], ["__scopeId", "data-v-139b279d"]]);
+const P = /* @__PURE__ */ u(c, [["render", g], ["__scopeId", "data-v-5a5b63c5"]]);
 export {
   P as default
 };

package/dist/Tipograph/Paragraph/Paragraph.vue.js

@@ -3,7 +3,7 @@ import { openBlock as a, createElementBlock as o, renderSlot as r } from "vue";
 import "./Paragraph.vue3.js";
 import s from "../../_virtual/_plugin-vue_export-helper.js";
 const i = ["data-size", "data-weight"];
-function d(e, p, n, c, m, f) {
+function d(e, p, n, c, f, m) {
   return a(), o("p", {
     "data-size": e.size,
     "data-weight": e.weight,
@@ -12,7 +12,7 @@ function d(e, p, n, c, m, f) {
     r(e.$slots, "default", {}, void 0, !0)
   ], 8, i);
 }
-const $ = /* @__PURE__ */ s(t, [["render", d], ["__scopeId", "data-v-13a5e878"]]);
+const $ = /* @__PURE__ */ s(t, [["render", d], ["__scopeId", "data-v-c7a6508f"]]);
 export {
   $ as default
 };

package/dist/Tipograph/Paragraph/Paragraph.vue3.js

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

package/dist/Tipograph/Title/Title.vue.js

@@ -12,7 +12,7 @@ function c(o, d, i, m, f, _) {
     _: 3
   }, 8, ["class"]);
 }
-const C = /* @__PURE__ */ p(e, [["render", c], ["__scopeId", "data-v-97a66b12"]]);
+const b = /* @__PURE__ */ p(e, [["render", c], ["__scopeId", "data-v-04032833"]]);
 export {
-  C as default
+  b as default
 };

package/dist/Toggle/Toggle.d.ts

@@ -15,6 +15,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    preventDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     isChecked: import("vue").Ref<boolean>;
     isDisabled: import("vue").ComputedRef<boolean>;
@@ -44,11 +48,16 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    preventDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     size: "p" | "g" | "m";
     disabled: boolean;
     modelValue: boolean;
+    preventDefault: boolean;
 }, {}>;
 export default _default;

package/dist/Toggle/Toggle.vue.js

@@ -3,7 +3,7 @@ import { openBlock as a, createElementBlock as t, normalizeClass as d, normalize
 import "./Toggle.vue3.js";
 import n from "../_virtual/_plugin-vue_export-helper.js";
 const p = ["data-state", "aria-pressed", "disabled"];
-function f(e, s, m, c, u, z) {
+function f(e, s, m, b, c, u) {
   return a(), t("button", {
     ref: "buttonRef",
     type: "button",
@@ -24,7 +24,7 @@ function f(e, s, m, c, u, z) {
     }, null, 4)
   ], 14, p);
 }
-const y = /* @__PURE__ */ n(r, [["render", f], ["__scopeId", "data-v-f5521e4c"]]);
+const y = /* @__PURE__ */ n(r, [["render", f], ["__scopeId", "data-v-4f146bc1"]]);
 export {
   y as default
 };

package/dist/Toggle/Toggle.vue2.js

@@ -1,5 +1,5 @@
-import { defineComponent as d, ref as a, computed as i } from "vue";
-const m = d({
+import { defineComponent as d, ref as a, computed as n, watch as i } from "vue";
+const f = d({
   name: "AtToggle",
   props: {
     modelValue: {
@@ -14,16 +14,23 @@ const m = d({
     disabled: {
       type: Boolean,
       default: !1
+    },
+    preventDefault: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: ["update:modelValue"],
   setup(e, t) {
-    const o = a(null), p = i(() => e.disabled), l = a(e.modelValue);
-    return {
+    const o = a(null), u = n(() => e.disabled), l = a(e.modelValue);
+    return i(
+      () => e.modelValue,
+      () => l.value = e.modelValue
+    ), {
       isChecked: l,
-      isDisabled: p,
+      isDisabled: u,
       onClick: () => {
-        l.value = !l.value, t.emit("update:modelValue", l.value);
+        e.preventDefault || (l.value = !l.value, t.emit("update:modelValue", l.value));
       },
       circleSizeMap: {
         p: "9px",
@@ -40,5 +47,5 @@ const m = d({
   }
 });
 export {
-  m as default
+  f as default
 };

package/dist/Tooltip/Tooltip.vue.js

@@ -1,5 +1,5 @@
 import a from "./Tooltip.vue2.js";
-import { resolveComponent as i, openBlock as r, createElementBlock as l, createElementVNode as n, renderSlot as p, createBlock as d, Teleport as m, normalizeClass as c, normalizeStyle as f, createVNode as u, withCtx as v, createTextVNode as h, toDisplayString as y, createCommentVNode as C } from "vue";
+import { resolveComponent as i, openBlock as r, createElementBlock as l, createElementVNode as n, renderSlot as p, createBlock as d, Teleport as m, normalizeClass as f, normalizeStyle as u, createVNode as c, withCtx as v, createTextVNode as h, toDisplayString as y, createCommentVNode as C } from "vue";
 import "./Tooltip.vue3.js";
 import g from "../_virtual/_plugin-vue_export-helper.js";
 const $ = {
@@ -19,10 +19,10 @@ function k(e, o, w, N, S, V) {
     (r(), d(m, { to: "body" }, [
       e.visible ? (r(), l("div", {
         key: 0,
-        class: c(["at-tooltip", e.tooltipClass]),
-        style: f(e.tooltipStyle)
+        class: f(["at-tooltip", e.tooltipClass]),
+        style: u(e.tooltipStyle)
       }, [
-        u(s, {
+        c(s, {
           size: "p3",
           weight: "regular",
           class: "m-0"
@@ -36,7 +36,7 @@ function k(e, o, w, N, S, V) {
     ]))
   ], 32);
 }
-const A = /* @__PURE__ */ g(a, [["render", k], ["__scopeId", "data-v-96e4dc5e"]]);
+const A = /* @__PURE__ */ g(a, [["render", k], ["__scopeId", "data-v-0754b467"]]);
 export {
   A as default
 };