@agrotools1/at-components 1.0.0 → 1.0.2

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

@@ -0,0 +1,62 @@
+import * as i from "../../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/index.js";
+import { defineComponent as n, h as e, reactive as a } from "vue";
+const c = n({
+  name: "AtTab",
+  props: {
+    title: {
+      type: String,
+      default: ""
+    },
+    isSelected: {
+      type: Boolean,
+      default: !1
+    },
+    notifications: {
+      type: Number,
+      default: 0
+    },
+    icon: {
+      type: String,
+      default: void 0
+    },
+    onClick: {
+      type: Function,
+      default: () => {
+      }
+    },
+    iconProps: {
+      type: Object,
+      required: !1
+    },
+    class: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(t) {
+    return () => e(
+      "button",
+      {
+        type: "button",
+        role: "tab",
+        tabindex: -1,
+        "aria-selected": a({ isSelected: t.isSelected }).isSelected,
+        onClick: t.onClick,
+        class: t.class || ""
+      },
+      [
+        t.icon ? e(i[t.icon], {
+          class: "Tab_icon",
+          size: 22,
+          "data-testid": t.icon,
+          ...t.iconProps || {}
+        }) : null,
+        e("span", { class: "Tab_title" }, t.title),
+        t.notifications > 0 ? e("span", { class: "Tab_notifications" }, t.notifications) : null
+      ]
+    );
+  }
+});
+export {
+  c as default
+};

package/dist/Tabs/Tab/Tab.vue3.js

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

package/dist/Tabs/Tabs.d.ts

@@ -0,0 +1,84 @@
+import { PropType } from 'vue';
+import { AtTabIconProp } from './Tab/Tab';
+
+type AtTabProp = {
+    title: string;
+    slot: unknown;
+    /** dispatches when the tab is clicked */
+    onClick?: (payload: MouseEvent) => void;
+    /**
+     * Route name to be used with vue-router.
+     * Don't forget to use `/` before and after the route name
+     * @example '/tabs/tab1'
+     */
+    routeName?: string;
+    disabled?: boolean;
+    notifications?: number;
+    icon?: AtTabIconProp;
+    fullSize?: boolean;
+    class?: string;
+};
+export type AtTabsProps = {
+    tabs: AtTabProp[];
+    selectedTabIndex?: number;
+    fullSize?: boolean;
+    keepAlive?: boolean;
+};
+declare const _default: import('vue').DefineComponent<{
+    tabs: {
+        type: PropType<AtTabProp[]>;
+        default: () => never[];
+        required: true;
+    };
+    selectedTabIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    keepAlive: {
+        type: PropType<boolean | undefined>;
+        default: boolean;
+    };
+    fullSize: {
+        type: PropType<boolean | undefined>;
+        default: boolean;
+    };
+}, {
+    tabsList: import('vue').ComputedRef<AtTabProp[]>;
+    selectedTab: import('vue').Ref<{
+        title: string;
+        slot: unknown;
+        onClick?: ((payload: MouseEvent) => void) | undefined;
+        routeName?: string | undefined;
+        disabled?: boolean | undefined;
+        notifications?: number | undefined;
+        icon?: "AtAngleUpSolidIcon" | "AtAngleDownSolidIcon" | "AtCheckCircleSolidIcon" | "AtWarningSolidIcon" | "AtCircleXMarkSolidIcon" | "AtCircleMinusSolidIcon" | "AtCircleQuestionSolidIcon" | "AtArrowRightSolidIcon" | "AtAdminRegularIcon" | "AtAdminSolidIcon" | "AtAnalisesRegularIcon" | "AtAnalisesSolidIcon" | "AtAngleLeftSolidIcon" | "AtAngleRightSolidIcon" | "AtArrowDownSolidIcon" | "AtArrowLeftSolidIcon" | "AtArrowUpSolidIcon" | "AtArvoreRegularIcon" | "AtArvoreSolidIcon" | "AtBeforeAfterRegularIcon" | "AtBeforeAfterSolidIcon" | "AtBellRegularIcon" | "AtBellSolidIcon" | "AtBoldRegularIcon" | "AtBookmarkRegularIcon" | "AtBookmarkSolidIcon" | "AtCadastroRegularIcon" | "AtCadastroSolidIcon" | "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" | "AtCreditRegularIcon" | "AtCreditSolidIcon" | "AtCurralRegularIcon" | "AtCurralSolidIcon" | "AtDesmatamentoSolidIcon" | "AtDocumentGavelRegularIcon" | "AtDocumentGavelSolidIcon" | "AtDoubleArrowLeftSolidIcon" | "AtDoubleArrowRightSolidIcon" | "AtDownloadSolidIcon" | "AtDragOrderRegularIcon" | "AtDrawGeometryRegularIcon" | "AtDrawGeometrySolidIcon" | "AtDrawPolygonRegularIcon" | "AtEdicaoGeometriaRegularIcon" | "AtEdicaoGeometriaSolidIcon" | "AtEditRegularIcon" | "AtEditSolidIcon" | "AtEllipsesHorizontalSolidIcon" | "AtEllipsesVerticalSolidIcon" | "AtEnergyRegularIcon" | "AtEnergySolidIcon" | "AtEudrSolidIcon" | "AtExcelRegularIcon" | "AtExcelSolidIcon" | "AtExitRegularIcon" | "AtExportRegularIcon" | "AtExportSolidIcon" | "AtEyeAtivoRegularIcon" | "AtEyeAtivoSolidIcon" | "AtEyeInativoRegularIcon" | "AtEyeInativoSolidIcon" | "AtFavoritasRegularIcon" | "AtFavoritasSolidIcon" | "AtFenceRegularIcon" | "AtFenceSolidIcon" | "AtCsvTypeIcon" | "AtDocTypeIcon" | "AtDocxTypeIcon" | "AtPNGTypeIcon" | "AtPdfTypeIcon" | "AtShapeTypeIcon" | "AtTXTTypeIcon" | "AtZipTypeIcon" | "AtFilterRegularIcon" | "AtFilterSolidIcon" | "AtFinanceiroRegularIcon" | "AtFinanceiroSolidIcon" | "AtFireRegularIcon" | "AtFireSolidIcon" | "AtFlagBrazilIcon" | "AtFlagSpainIcon" | "AtFlagUnitedStatesIcon" | "AtFolderRegularIcon" | "AtFolderSolidIcon" | "AtGasRegularIcon" | "AtGasSolidIcon" | "AtGeadaRegularIcon" | "AtGeadaSolidIcon" | "AtGraficoRegularIcon" | "AtGroupRegularIcon" | "AtGroupSolidIcon" | "AtGrupoDeTerritorioRegularIcon" | "AtGrupoDeTerritorioSolidIcon" | "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" | "AtRenovabioSolidIcon" | "AtRulerRegularIcon" | "AtRulerSolidIcon" | "AtSateliteRegularIcon" | "AtSateliteSolidIcon" | "AtSaveRegularIcon" | "AtSaveSolidIcon" | "AtSearchIcon" | "AtSecaRegularIcon" | "AtSecaSolidIcon" | "AtSettingsRegularIcon" | "AtSettingsSolidIcon" | "AtShoppingCartRegularIcon" | "AtShoppingCartSolidIcon" | "AtSobreposicaoRegularIcon" | "AtSobreposicaoSolidIcon" | "AtSublinhadoRegularIcon" | "AtSubterritorioRegularIcon" | "AtSubterritorioSolidIcon" | "AtTalhaoRegularIcon" | "AtTalhaoSolidIcon" | "AtTelephoneIcon" | "AtTemperatureRegularIcon" | "AtTemperatureSolidIcon" | "AtTempestadeRegularIcon" | "AtTempestadeSolidIcon" | "AtTimelineRegularIcon" | "AtTimelineSolidIcon" | "AtToolRegularIcon" | "AtToolSolidIcon" | "AtTrashRegularIcon" | "AtTrashSolidIcon" | "AtUnlockRegularIcon" | "AtUnlockSolidIcon" | "AtUploadSolidIcon" | "AtUserMinusRegularIcon" | "AtUserMinusSolidIcon" | "AtUserPlusRegularIcon" | "AtUserPlusSolidIcon" | "AtUserRegularIcon" | "AtUserSolidIcon" | "AtVentosRegularIcon" | "AtWarningRegularIcon" | "AtWorldRegularIcon" | "AtWorldSolidIcon" | "AtZoomInAreaSolidIcon" | undefined;
+        fullSize?: boolean | undefined;
+        class?: string | undefined;
+    }>;
+    selectedTabIndexRef: import('vue').Ref<number>;
+    contentStyle: import('vue').Ref<any>;
+}, 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[]>;
+        default: () => never[];
+        required: true;
+    };
+    selectedTabIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    keepAlive: {
+        type: PropType<boolean | undefined>;
+        default: boolean;
+    };
+    fullSize: {
+        type: PropType<boolean | undefined>;
+        default: boolean;
+    };
+}>>, {
+    fullSize: boolean | undefined;
+    keepAlive: boolean | undefined;
+    tabs: AtTabProp[];
+    selectedTabIndex: number;
+}, {}>;
+export default _default;

package/dist/Tabs/Tabs.vue.js

@@ -0,0 +1,48 @@
+import k from "./Tabs.vue2.js";
+import { resolveComponent as y, openBlock as o, createElementBlock as f, createElementVNode as m, Fragment as _, renderList as v, createBlock as n, normalizeClass as B, normalizeStyle as h, KeepAlive as C, resolveDynamicComponent as T } from "vue";
+import "./Tabs.vue3.js";
+import $ from "../_virtual/_plugin-vue_export-helper.js";
+const z = { class: "Tabs_container" }, I = {
+  class: "Tabs_tablist",
+  role: "tablist",
+  "aria-orientation": "horizontal",
+  "tab-index": "0"
+};
+function A(e, E, L, R, S, g) {
+  var l, i, a, c, r, d;
+  const b = y("TabButton");
+  return o(), f("section", z, [
+    m("div", I, [
+      (o(!0), f(_, null, v(e.tabsList, (t, s) => (o(), n(b, {
+        key: s,
+        "is-selected": s === e.selectedTabIndexRef,
+        title: t.title,
+        notifications: t.notifications,
+        icon: t.icon,
+        "data-index": s,
+        class: B(t.class),
+        "on-click": (u) => {
+          var p;
+          (p = t.onClick) == null || p.call(t, u), e.selectedTabIndexRef = s;
+        }
+      }, null, 8, ["is-selected", "title", "notifications", "icon", "data-index", "class", "on-click"]))), 128))
+    ]),
+    m("main", {
+      id: "tab-content",
+      class: "Tabs_content",
+      style: h(e.contentStyle)
+    }, [
+      e.keepAlive ? (o(), n(C, { key: 0 }, [
+        (o(), n(T(
+          typeof ((l = e.selectedTab) == null ? void 0 : l.slot) == "function" ? (a = (i = e.selectedTab).slot) == null ? void 0 : a.call(i) : (c = e.selectedTab) == null ? void 0 : c.slot
+        )))
+      ], 1024)) : (o(), n(T(
+        typeof ((r = e.selectedTab) == null ? void 0 : r.slot) == "function" ? e.selectedTab.slot() : (d = e.selectedTab) == null ? void 0 : d.slot
+      ), { key: 1 }))
+    ], 4)
+  ]);
+}
+const V = /* @__PURE__ */ $(k, [["render", A], ["__scopeId", "data-v-dfce2bc3"]]);
+export {
+  V as default
+};

package/dist/Tabs/Tabs.vue2.js

@@ -0,0 +1,65 @@
+import { defineComponent as v, KeepAlive as b, ref as s, computed as m, onMounted as x, watch as d } from "vue";
+import p from "./Tab/Tab.vue.js";
+const I = v({
+  name: "AtTabs",
+  components: {
+    TabButton: p,
+    KeepAlive: b
+  },
+  props: {
+    tabs: {
+      type: Array,
+      default: () => [],
+      required: !0
+    },
+    selectedTabIndex: {
+      type: Number,
+      default: 0
+    },
+    keepAlive: {
+      type: Boolean,
+      default: !1
+    },
+    fullSize: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(a) {
+    const e = s(a.selectedTabIndex), l = window.history.state, n = m(() => a.tabs), c = s(a.tabs[e.value]), f = s(), i = () => {
+      const t = l == null ? void 0 : l.current, u = n.value.findIndex((o) => o.routeName === t);
+      u !== -1 ? e.value = u : e.value = 0;
+    }, r = () => {
+      const t = n.value.findIndex(
+        (u, o) => o === e.value
+      );
+      t !== -1 ? e.value = t : e.value = 0;
+    };
+    return x(() => {
+      i();
+    }), d(
+      () => a.selectedTabIndex,
+      (t) => {
+        e.value = t;
+      }
+    ), d(
+      () => e.value,
+      () => {
+        c.value = n.value[e.value];
+      }
+    ), d(
+      () => n.value,
+      () => {
+        r();
+      }
+    ), {
+      tabsList: n,
+      selectedTab: c,
+      selectedTabIndexRef: e,
+      contentStyle: f
+    };
+  }
+});
+export {
+  I as default
+};

package/dist/Tabs/Tabs.vue3.js

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

package/dist/Tabs/index.d.ts

@@ -0,0 +1 @@
+export { type AtTabsProps, default as AtTabs } from './Tabs';

package/dist/Tag/Tag.d.ts

@@ -0,0 +1,60 @@
+import { PropType } from 'vue';
+
+export interface TagProps {
+    type: "error" | "success" | "warning" | "info" | "disabled";
+}
+declare const _default: import('vue').DefineComponent<{
+    type: {
+        type: PropType<"success" | "error" | "info" | "disabled" | "warning">;
+        required: true;
+        default: string;
+    };
+}, {
+    iconComponent: import('vue').ComputedRef<{
+        icon: import('vue').DefineComponent<{
+            size: {
+                type: PropType<"12" | "16" | "20" | "24" | "28" | "32">;
+            };
+            color: {
+                type: PropType<string>;
+            };
+            class: {
+                type: PropType<string>;
+            };
+            style: {
+                type: PropType<object>;
+            };
+            onClickCallback: {
+                type: PropType<() => void>;
+            };
+        }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+            size: {
+                type: PropType<"12" | "16" | "20" | "24" | "28" | "32">;
+            };
+            color: {
+                type: PropType<string>;
+            };
+            class: {
+                type: PropType<string>;
+            };
+            style: {
+                type: PropType<object>;
+            };
+            onClickCallback: {
+                type: PropType<() => void>;
+            };
+        }>>, {}, {}>;
+        bgclass: string;
+        iconClass: string;
+    } | null>;
+    tag: import('vue').Ref<HTMLElement | null>;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+    type: {
+        type: PropType<"success" | "error" | "info" | "disabled" | "warning">;
+        required: true;
+        default: string;
+    };
+}>>, {
+    type: "success" | "error" | "info" | "disabled" | "warning";
+}, {}>;
+export default _default;

package/dist/Tag/Tag.vue.js

@@ -0,0 +1,37 @@
+import c from "./Tag.vue2.js";
+import { resolveComponent as l, openBlock as a, createElementBlock as p, normalizeClass as s, createBlock as i, resolveDynamicComponent as m, createVNode as d, withCtx as f, renderSlot as _ } from "vue";
+import "./Tag.vue3.js";
+import u from "../_virtual/_plugin-vue_export-helper.js";
+const C = ["data-type"];
+function g(e, y, h, v, $, k) {
+  var t, o, n;
+  const r = l("AtParagraph");
+  return a(), p("div", {
+    ref: "tag",
+    "data-type": e.type,
+    class: s(["tag-container", (t = e.iconComponent) == null ? void 0 : t.bgclass])
+  }, [
+    (a(), i(m((o = e.iconComponent) == null ? void 0 : o.icon), {
+      size: "16",
+      class: s((n = e.iconComponent) == null ? void 0 : n.iconClass),
+      style: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center"
+      }
+    }, null, 8, ["class"])),
+    d(r, {
+      size: "p2",
+      class: "text"
+    }, {
+      default: f(() => [
+        _(e.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    })
+  ], 10, C);
+}
+const P = /* @__PURE__ */ u(c, [["render", g], ["__scopeId", "data-v-0f79f317"]]);
+export {
+  P as default
+};

package/dist/Tag/Tag.vue2.js

@@ -0,0 +1,90 @@
+import { defineComponent as g, ref as m, computed as n, onMounted as f, watch as p } from "vue";
+import { AtCheckCircleRegularIcon as c } from "../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtCheckCircleRegularIcon/index.js";
+import { AtCircleExclamationRegularIcon as o } from "../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtCircleExclamationRegularIcon/index.js";
+import { AtCircleMinusRegularIcon as s } from "../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtCircleMinusRegularIcon/index.js";
+import { AtCircleXMarkRegularIcon as i } from "../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtCircleXMarkRegularIcon/index.js";
+import { AtWarningRegularIcon as l } from "../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtWarningRegularIcon/index.js";
+import { AtTipograph as d } from "../Tipograph/index.js";
+const x = g({
+  name: "AtTag",
+  components: {
+    AtParagraph: d.Paragraph,
+    AtCircleMinusRegularIcon: s,
+    AtCheckCircleRegularIcon: c,
+    AtCircleXMarkRegularIcon: i,
+    AtWarningRegularIcon: l,
+    AtCircleExclamationRegularIcon: o
+  },
+  props: {
+    type: {
+      type: String,
+      required: !0,
+      default: "info"
+    }
+  },
+  setup(e) {
+    const r = m(null), u = n(() => {
+      switch (e.type) {
+        case "error":
+          return {
+            icon: i,
+            bgclass: "bg-error-light",
+            iconClass: "text-error"
+          };
+        case "success":
+          return {
+            icon: c,
+            bgclass: "bg-success-light",
+            iconClass: "text-success"
+          };
+        case "warning":
+          return {
+            icon: l,
+            bgclass: "bg-warning-light",
+            iconClass: "text-warning"
+          };
+        case "info":
+          return {
+            icon: o,
+            bgclass: "bg-info-light",
+            iconClass: "text-info"
+          };
+        case "disabled":
+          return {
+            icon: s,
+            bgclass: "bg-disabled-light",
+            iconClass: "text-disabled"
+          };
+        default:
+          return null;
+      }
+    }), t = n(() => {
+      switch (e.type) {
+        case "error":
+          return "var(--at-error)";
+        case "success":
+          return "var(--at-success)";
+        case "warning":
+          return "var(--at-warning)";
+        case "info":
+          return "var(--at-info)";
+        case "disabled":
+          return "var(--at-disabled-text)";
+        default:
+          return null;
+      }
+    });
+    return f(() => {
+      r.value && t.value && r.value.style.setProperty("--at-tag-color", t.value);
+    }), p(
+      () => [t.value, e.type],
+      ([a]) => {
+        r.value && a && r.value.style.setProperty("--at-tag-color", a);
+      },
+      { immediate: !0 }
+    ), { iconComponent: u, tag: r };
+  }
+});
+export {
+  x as default
+};

package/dist/Tag/Tag.vue3.js

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

package/dist/Tag/index.d.ts

@@ -0,0 +1 @@
+export { type TagProps, default as AtTag } from './Tag';

package/dist/Tipograph/Paragraph/Paragraph.d.ts

@@ -0,0 +1,25 @@
+declare const _default: import('vue').DefineComponent<{
+    weight: {
+        type: () => "light" | "regular" | "medium" | "bold";
+        default: string;
+    };
+    size: {
+        type: () => "p1" | "p2" | "p3";
+        required: true;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+    weight: {
+        type: () => "light" | "regular" | "medium" | "bold";
+        default: string;
+    };
+    size: {
+        type: () => "p1" | "p2" | "p3";
+        required: true;
+        default: string;
+    };
+}>>, {
+    weight: "bold" | "light" | "regular" | "medium";
+    size: "p1" | "p2" | "p3";
+}, {}>;
+export default _default;

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

@@ -0,0 +1,18 @@
+import t from "./Paragraph.vue2.js";
+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) {
+  return a(), o("p", {
+    "data-size": e.size,
+    "data-weight": e.weight,
+    class: "element"
+  }, [
+    r(e.$slots, "default", {}, void 0, !0)
+  ], 8, i);
+}
+const $ = /* @__PURE__ */ s(t, [["render", d], ["__scopeId", "data-v-13a5e878"]]);
+export {
+  $ as default
+};

package/dist/Tipograph/Paragraph/Paragraph.vue2.js

@@ -0,0 +1,21 @@
+import { defineComponent as e } from "vue";
+const r = e({
+  name: "AtParagraph",
+  props: {
+    weight: {
+      type: String,
+      default: "regular"
+    },
+    size: {
+      type: String,
+      required: !0,
+      default: "p1"
+    }
+  },
+  setup() {
+    return {};
+  }
+});
+export {
+  r as default
+};

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

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

package/dist/Tipograph/Title/Title.d.ts

@@ -0,0 +1,25 @@
+declare const _default: import('vue').DefineComponent<{
+    bold: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    as: {
+        type: () => "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+        required: true;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+    bold: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    as: {
+        type: () => "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+        required: true;
+        default: string;
+    };
+}>>, {
+    bold: boolean;
+    as: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+}, {}>;
+export default _default;

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

@@ -0,0 +1,18 @@
+import e from "./Title.vue2.js";
+import { openBlock as t, createBlock as r, resolveDynamicComponent as s, normalizeClass as a, withCtx as l, renderSlot as n } from "vue";
+import "./Title.vue3.js";
+import p from "../../_virtual/_plugin-vue_export-helper.js";
+function c(o, d, i, m, f, _) {
+  return t(), r(s(o.as), {
+    class: a(["element", { "font-bold": o.bold }])
+  }, {
+    default: l(() => [
+      n(o.$slots, "default", {}, void 0, !0)
+    ]),
+    _: 3
+  }, 8, ["class"]);
+}
+const C = /* @__PURE__ */ p(e, [["render", c], ["__scopeId", "data-v-97a66b12"]]);
+export {
+  C as default
+};

package/dist/Tipograph/Title/Title.vue2.js

@@ -0,0 +1,21 @@
+import { defineComponent as e } from "vue";
+const o = e({
+  name: "AtTitle",
+  props: {
+    bold: {
+      type: Boolean,
+      default: !1
+    },
+    as: {
+      type: String,
+      required: !0,
+      default: "h1"
+    }
+  },
+  setup() {
+    return {};
+  }
+});
+export {
+  o as default
+};

package/dist/Tipograph/Title/Title.vue3.js

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