veloce-vue 0.20.0 → 0.22.0

package/components/typography/Code.vue.d.ts

@@ -0,0 +1,160 @@
+import { TextColor, FontWeight, Margin, Padding, FontSize, LineHeight, LetterSpacing } from '../../exports/types';
+import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<ExtractPropTypes<{
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    fontSize: {
+        type: () => FontSize;
+        default: FontSize;
+    };
+    color: {
+        type: () => TextColor;
+        default: TextColor;
+    };
+    fontWeight: {
+        type: () => FontWeight;
+        default: FontWeight;
+    };
+    lineHeight: {
+        type: () => LineHeight;
+        default: LineHeight;
+    };
+    letterSpacing: {
+        type: () => LetterSpacing;
+        default: LetterSpacing;
+    };
+    block: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    margin: {
+        type: () => Margin;
+        default: string;
+    };
+    marginLeft: {
+        type: () => Margin;
+        default: string;
+    };
+    marginRight: {
+        type: () => Margin;
+        default: string;
+    };
+    marginTop: {
+        type: () => Margin;
+        default: string;
+    };
+    marginBottom: {
+        type: () => Margin;
+        default: string;
+    };
+    padding: {
+        type: () => Padding;
+        default: string;
+    };
+    paddingLeft: {
+        type: () => Padding;
+        default: string;
+    };
+    paddingRight: {
+        type: () => Padding;
+        default: string;
+    };
+    paddingTop: {
+        type: () => Padding;
+        default: string;
+    };
+    paddingBottom: {
+        type: () => Padding;
+        default: string;
+    };
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    fontSize: {
+        type: () => FontSize;
+        default: FontSize;
+    };
+    color: {
+        type: () => TextColor;
+        default: TextColor;
+    };
+    fontWeight: {
+        type: () => FontWeight;
+        default: FontWeight;
+    };
+    lineHeight: {
+        type: () => LineHeight;
+        default: LineHeight;
+    };
+    letterSpacing: {
+        type: () => LetterSpacing;
+        default: LetterSpacing;
+    };
+    block: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    margin: {
+        type: () => Margin;
+        default: string;
+    };
+    marginLeft: {
+        type: () => Margin;
+        default: string;
+    };
+    marginRight: {
+        type: () => Margin;
+        default: string;
+    };
+    marginTop: {
+        type: () => Margin;
+        default: string;
+    };
+    marginBottom: {
+        type: () => Margin;
+        default: string;
+    };
+    padding: {
+        type: () => Padding;
+        default: string;
+    };
+    paddingLeft: {
+        type: () => Padding;
+        default: string;
+    };
+    paddingRight: {
+        type: () => Padding;
+        default: string;
+    };
+    paddingTop: {
+        type: () => Padding;
+        default: string;
+    };
+    paddingBottom: {
+        type: () => Padding;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    text: string;
+    fontSize: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    color: TextColor;
+    fontWeight: FontWeight;
+    lineHeight: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    letterSpacing: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    margin: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    marginLeft: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    marginRight: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    marginTop: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    marginBottom: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    padding: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    paddingLeft: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    paddingRight: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    paddingTop: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    paddingBottom: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    block: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLElement>;
+export default _default;

package/components/typography/Code.vue.js

@@ -0,0 +1,74 @@
+import { defineComponent as T, computed as v, ref as C, createElementBlock as x, openBlock as L, normalizeClass as R, createElementVNode as z, createVNode as _, toDisplayString as w, unref as i } from "vue";
+/* empty css              */
+import H from "../../icons/Check.vue.js";
+import W from "../../icons/Copy.vue.js";
+import "motion-v";
+import E from "../Button.vue.js";
+import { getTypography as N } from "../../utils/typography.js";
+import { getMargin as P } from "../../utils/margin.js";
+import { getPadding as V } from "../../utils/padding.js";
+import "@vueuse/core";
+/* empty css               */
+const U = /* @__PURE__ */ T({
+  __name: "Code",
+  props: {
+    text: { type: String, default: "" },
+    fontSize: { type: String, default: "" },
+    color: { type: String, default: "" },
+    fontWeight: { type: String, default: "" },
+    lineHeight: { type: String, default: "" },
+    letterSpacing: { type: String, default: "" },
+    block: { type: Boolean, default: !0 },
+    // margin
+    margin: { type: String, default: "" },
+    marginLeft: { type: String, default: "" },
+    marginRight: { type: String, default: "" },
+    marginTop: { type: String, default: "" },
+    marginBottom: { type: String, default: "md" },
+    // padding
+    padding: { type: String, default: "" },
+    paddingLeft: { type: String, default: "" },
+    paddingRight: { type: String, default: "" },
+    paddingTop: { type: String, default: "" },
+    paddingBottom: { type: String, default: "" }
+  },
+  setup(n) {
+    const { fontSizes: r, fontWeights: o, textColors: g, letterSpacings: p, lineHeights: d } = N(), { margin: l, marginLeft: m, marginRight: f, marginTop: u, marginBottom: s } = P(), { padding: c, paddingLeft: y, paddingRight: S, paddingTop: h, paddingBottom: b } = V(), t = n, k = v(() => [
+      r[t.fontSize],
+      g[t.color],
+      o[t.fontWeight],
+      d[t.lineHeight],
+      p[t.letterSpacing],
+      // margin
+      l[t.margin],
+      m[t.marginLeft],
+      f[t.marginRight],
+      u[t.marginTop],
+      s[t.marginBottom],
+      // padding
+      c[t.padding],
+      y[t.paddingLeft],
+      S[t.paddingRight],
+      h[t.paddingTop],
+      b[t.paddingBottom]
+    ]), e = C(!1), B = async () => {
+      navigator.clipboard.writeText(t.text), e.value = !0, await new Promise((a) => setTimeout(a, 3e3)), e.value = !1;
+    };
+    return (a, D) => (L(), x("code", {
+      class: R([[k.value, n.block ? "block p-2.5" : "px-1.5 py-0.5"], "relative rounded border border-neutral-200 bg-neutral-100 dark:border-neutral-700 dark:bg-neutral-800"])
+    }, [
+      z("span", null, w(t.text), 1),
+      _(i(E), {
+        disabled: e.value,
+        icon: e.value ? i(H) : i(W),
+        class: "dark:hover:bg-neutral-700! p-1! absolute right-2 top-1/2 -translate-y-1/2",
+        size: "sm",
+        variant: "ghost",
+        onClick: B
+      }, null, 8, ["disabled", "icon"])
+    ], 2));
+  }
+});
+export {
+  U as default
+};

package/components/typography/Code.vue2.js

@@ -0,0 +1,4 @@
+import f from "./Code.vue.js";
+export {
+  f as default
+};

package/components/typography/H1.vue.d.ts

@@ -0,0 +1,151 @@
+import { TextColor, FontWeight, Margin, Padding, FontSize, LineHeight, LetterSpacing } from '../../exports/types';
+import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<ExtractPropTypes<{
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    fontSize: {
+        type: () => FontSize;
+        default: FontSize;
+    };
+    color: {
+        type: () => TextColor;
+        default: TextColor;
+    };
+    fontWeight: {
+        type: () => FontWeight;
+        default: FontWeight;
+    };
+    lineHeight: {
+        type: () => LineHeight;
+        default: LineHeight;
+    };
+    letterSpacing: {
+        type: () => LetterSpacing;
+        default: LetterSpacing;
+    };
+    margin: {
+        type: () => Margin;
+        default: string;
+    };
+    marginLeft: {
+        type: () => Margin;
+        default: string;
+    };
+    marginRight: {
+        type: () => Margin;
+        default: string;
+    };
+    marginTop: {
+        type: () => Margin;
+        default: string;
+    };
+    marginBottom: {
+        type: () => Margin;
+        default: string;
+    };
+    padding: {
+        type: () => Padding;
+        default: string;
+    };
+    paddingLeft: {
+        type: () => Padding;
+        default: string;
+    };
+    paddingRight: {
+        type: () => Padding;
+        default: string;
+    };
+    paddingTop: {
+        type: () => Padding;
+        default: string;
+    };
+    paddingBottom: {
+        type: () => Padding;
+        default: string;
+    };
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    fontSize: {
+        type: () => FontSize;
+        default: FontSize;
+    };
+    color: {
+        type: () => TextColor;
+        default: TextColor;
+    };
+    fontWeight: {
+        type: () => FontWeight;
+        default: FontWeight;
+    };
+    lineHeight: {
+        type: () => LineHeight;
+        default: LineHeight;
+    };
+    letterSpacing: {
+        type: () => LetterSpacing;
+        default: LetterSpacing;
+    };
+    margin: {
+        type: () => Margin;
+        default: string;
+    };
+    marginLeft: {
+        type: () => Margin;
+        default: string;
+    };
+    marginRight: {
+        type: () => Margin;
+        default: string;
+    };
+    marginTop: {
+        type: () => Margin;
+        default: string;
+    };
+    marginBottom: {
+        type: () => Margin;
+        default: string;
+    };
+    padding: {
+        type: () => Padding;
+        default: string;
+    };
+    paddingLeft: {
+        type: () => Padding;
+        default: string;
+    };
+    paddingRight: {
+        type: () => Padding;
+        default: string;
+    };
+    paddingTop: {
+        type: () => Padding;
+        default: string;
+    };
+    paddingBottom: {
+        type: () => Padding;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    text: string;
+    fontSize: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    color: TextColor;
+    fontWeight: FontWeight;
+    lineHeight: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    letterSpacing: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    margin: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    marginLeft: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    marginRight: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    marginTop: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    marginBottom: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    padding: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    paddingLeft: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    paddingRight: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    paddingTop: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    paddingBottom: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLHeadingElement>;
+export default _default;

package/components/typography/H1.vue.js

@@ -0,0 +1,55 @@
+import { defineComponent as h, computed as T, createElementBlock as B, openBlock as L, normalizeClass as _ } from "vue";
+import { getTypography as x } from "../../utils/typography.js";
+import { getMargin as H } from "../../utils/margin.js";
+import { getPadding as R } from "../../utils/padding.js";
+const z = ["innerHTML"], P = /* @__PURE__ */ h({
+  __name: "H1",
+  props: {
+    text: { type: String, default: "" },
+    fontSize: { type: String, default: "4xl" },
+    color: { type: String, default: "default" },
+    fontWeight: { type: String, default: "medium" },
+    lineHeight: { type: String, default: "xs" },
+    letterSpacing: { type: String, default: "md" },
+    // margin
+    margin: { type: String, default: "" },
+    marginLeft: { type: String, default: "" },
+    marginRight: { type: String, default: "" },
+    marginTop: { type: String, default: "lg" },
+    marginBottom: { type: String, default: "md" },
+    // padding
+    padding: { type: String, default: "" },
+    paddingLeft: { type: String, default: "" },
+    paddingRight: { type: String, default: "" },
+    paddingTop: { type: String, default: "" },
+    paddingBottom: { type: String, default: "" }
+  },
+  setup(e) {
+    const { fontSizes: n, fontWeights: i, textColors: g, letterSpacings: a, lineHeights: r } = x(), { margin: o, marginLeft: d, marginRight: p, marginTop: l, marginBottom: m } = H(), { padding: f, paddingLeft: s, paddingRight: u, paddingTop: c, paddingBottom: S } = R(), t = e, y = T(() => [
+      n[t.fontSize],
+      g[t.color],
+      i[t.fontWeight],
+      r[t.lineHeight],
+      a[t.letterSpacing],
+      // margin
+      o[t.margin],
+      d[t.marginLeft],
+      p[t.marginRight],
+      l[t.marginTop],
+      m[t.marginBottom],
+      // padding
+      f[t.padding],
+      s[t.paddingLeft],
+      u[t.paddingRight],
+      c[t.paddingTop],
+      S[t.paddingBottom]
+    ]);
+    return (C, M) => (L(), B("h1", {
+      class: _(y.value),
+      innerHTML: t.text
+    }, null, 10, z));
+  }
+});
+export {
+  P as default
+};

package/components/typography/H1.vue2.js

@@ -0,0 +1,4 @@
+import f from "./H1.vue.js";
+export {
+  f as default
+};

package/components/typography/H2.vue.d.ts

@@ -0,0 +1,151 @@
+import { TextColor, FontWeight, Margin, Padding, FontSize, LineHeight, LetterSpacing } from '../../exports/types';
+import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<ExtractPropTypes<{
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    fontSize: {
+        type: () => FontSize;
+        default: FontSize;
+    };
+    color: {
+        type: () => TextColor;
+        default: TextColor;
+    };
+    fontWeight: {
+        type: () => FontWeight;
+        default: FontWeight;
+    };
+    lineHeight: {
+        type: () => LineHeight;
+        default: LineHeight;
+    };
+    letterSpacing: {
+        type: () => LetterSpacing;
+        default: LetterSpacing;
+    };
+    margin: {
+        type: () => Margin;
+        default: string;
+    };
+    marginLeft: {
+        type: () => Margin;
+        default: string;
+    };
+    marginRight: {
+        type: () => Margin;
+        default: string;
+    };
+    marginTop: {
+        type: () => Margin;
+        default: string;
+    };
+    marginBottom: {
+        type: () => Margin;
+        default: string;
+    };
+    padding: {
+        type: () => Padding;
+        default: string;
+    };
+    paddingLeft: {
+        type: () => Padding;
+        default: string;
+    };
+    paddingRight: {
+        type: () => Padding;
+        default: string;
+    };
+    paddingTop: {
+        type: () => Padding;
+        default: string;
+    };
+    paddingBottom: {
+        type: () => Padding;
+        default: string;
+    };
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    fontSize: {
+        type: () => FontSize;
+        default: FontSize;
+    };
+    color: {
+        type: () => TextColor;
+        default: TextColor;
+    };
+    fontWeight: {
+        type: () => FontWeight;
+        default: FontWeight;
+    };
+    lineHeight: {
+        type: () => LineHeight;
+        default: LineHeight;
+    };
+    letterSpacing: {
+        type: () => LetterSpacing;
+        default: LetterSpacing;
+    };
+    margin: {
+        type: () => Margin;
+        default: string;
+    };
+    marginLeft: {
+        type: () => Margin;
+        default: string;
+    };
+    marginRight: {
+        type: () => Margin;
+        default: string;
+    };
+    marginTop: {
+        type: () => Margin;
+        default: string;
+    };
+    marginBottom: {
+        type: () => Margin;
+        default: string;
+    };
+    padding: {
+        type: () => Padding;
+        default: string;
+    };
+    paddingLeft: {
+        type: () => Padding;
+        default: string;
+    };
+    paddingRight: {
+        type: () => Padding;
+        default: string;
+    };
+    paddingTop: {
+        type: () => Padding;
+        default: string;
+    };
+    paddingBottom: {
+        type: () => Padding;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    text: string;
+    fontSize: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    color: TextColor;
+    fontWeight: FontWeight;
+    lineHeight: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    letterSpacing: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    margin: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    marginLeft: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    marginRight: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    marginTop: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    marginBottom: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    padding: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    paddingLeft: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    paddingRight: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    paddingTop: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    paddingBottom: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLHeadingElement>;
+export default _default;

package/components/typography/H2.vue.js

@@ -0,0 +1,55 @@
+import { defineComponent as h, computed as T, createElementBlock as B, openBlock as L, normalizeClass as _ } from "vue";
+import { getTypography as x } from "../../utils/typography.js";
+import { getMargin as H } from "../../utils/margin.js";
+import { getPadding as R } from "../../utils/padding.js";
+const z = ["innerHTML"], P = /* @__PURE__ */ h({
+  __name: "H2",
+  props: {
+    text: { type: String, default: "" },
+    fontSize: { type: String, default: "3xl" },
+    color: { type: String, default: "default" },
+    fontWeight: { type: String, default: "medium" },
+    lineHeight: { type: String, default: "xs" },
+    letterSpacing: { type: String, default: "md" },
+    // margin
+    margin: { type: String, default: "" },
+    marginLeft: { type: String, default: "" },
+    marginRight: { type: String, default: "" },
+    marginTop: { type: String, default: "lg" },
+    marginBottom: { type: String, default: "md" },
+    // padding
+    padding: { type: String, default: "" },
+    paddingLeft: { type: String, default: "" },
+    paddingRight: { type: String, default: "" },
+    paddingTop: { type: String, default: "" },
+    paddingBottom: { type: String, default: "" }
+  },
+  setup(e) {
+    const { fontSizes: n, fontWeights: i, textColors: g, letterSpacings: a, lineHeights: r } = x(), { margin: o, marginLeft: d, marginRight: p, marginTop: l, marginBottom: m } = H(), { padding: f, paddingLeft: s, paddingRight: u, paddingTop: c, paddingBottom: S } = R(), t = e, y = T(() => [
+      n[t.fontSize],
+      g[t.color],
+      i[t.fontWeight],
+      r[t.lineHeight],
+      a[t.letterSpacing],
+      // margin
+      o[t.margin],
+      d[t.marginLeft],
+      p[t.marginRight],
+      l[t.marginTop],
+      m[t.marginBottom],
+      // padding
+      f[t.padding],
+      s[t.paddingLeft],
+      u[t.paddingRight],
+      c[t.paddingTop],
+      S[t.paddingBottom]
+    ]);
+    return (C, M) => (L(), B("h2", {
+      class: _(y.value),
+      innerHTML: t.text
+    }, null, 10, z));
+  }
+});
+export {
+  P as default
+};

package/components/typography/H2.vue2.js

@@ -0,0 +1,4 @@
+import f from "./H2.vue.js";
+export {
+  f as default
+};