@huyooo/ui 0.4.86 → 0.4.87

package/dist/{LandingPageSectionTabs-bSKMTnGN.js → LandingPageSectionTabs-CQSYFCWK.js}

@@ -1,4 +1,4 @@
-import { createElementBlock as n, openBlock as s, renderSlot as h, defineComponent as f, createVNode as u, withCtx as _, createElementVNode as e, normalizeStyle as x, unref as I, toDisplayString as l, Fragment as v, renderList as b, createBlock as L, normalizeClass as C, createTextVNode as g, ref as k, createCommentVNode as T, withModifiers as E, withDirectives as A, vModelText as q, computed as D, createStaticVNode as N, watch as z, vShow as O } from "vue";
+import { createElementBlock as n, openBlock as s, renderSlot as h, defineComponent as f, createVNode as u, withCtx as _, createElementVNode as e, normalizeStyle as S, unref as I, toDisplayString as l, Fragment as v, renderList as b, createBlock as L, normalizeClass as C, createTextVNode as g, ref as k, createCommentVNode as T, withModifiers as E, withDirectives as A, vModelText as q, computed as D, createStaticVNode as N, watch as z, vShow as O } from "vue";
 import { _ as d } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import { Icon as w } from "@iconify/vue";
 import { C as R, a as W } from "./CollapseItem-Cw1vcdLu.js";
@@ -52,7 +52,7 @@ const M = /* @__PURE__ */ d(Y, [["render", ee], ["__scopeId", "data-v-58078aa8"]
     const t = a;
     return (c, i) => (s(), n("section", ne, [h(c.$slots, "BlockHeader", {}, void 0, !0), e("div", {
       class: "BlockBody",
-      style: x({
+      style: S({
         gridTemplateColumns: `repeat(${t.columns}, 1fr)`,
         flexDirection: t.flexDirection
       })
@@ -141,13 +141,13 @@ const M = /* @__PURE__ */ d(Y, [["render", ee], ["__scopeId", "data-v-58078aa8"]
     const t = a;
     return (c, i) => (s(), n("div", be, [e("div", ke, l(t.title), 1), e("p", Le, l(t.description), 1)]));
   }
-}), Ie = /* @__PURE__ */ d(Pe, [["__scopeId", "data-v-2074e0d7"]]), we = {}, Ce = {
+}), Ie = /* @__PURE__ */ d(Pe, [["__scopeId", "data-v-2074e0d7"]]), we = {}, Se = {
   class: "Description"
 };
-function Se(a, t) {
-  return s(), n("div", Ce, [h(a.$slots, "default", {}, void 0, !0)]);
+function Ce(a, t) {
+  return s(), n("div", Se, [h(a.$slots, "default", {}, void 0, !0)]);
 }
-const S = /* @__PURE__ */ d(we, [["render", Se], ["__scopeId", "data-v-501deb41"]]), xe = {
+const x = /* @__PURE__ */ d(we, [["render", Ce], ["__scopeId", "data-v-501deb41"]]), xe = {
   class: "grid-container"
 }, Te = {
   class: "square"
@@ -175,7 +175,7 @@ const S = /* @__PURE__ */ d(we, [["render", Se], ["__scopeId", "data-v-501deb41"
       width: t.width,
       height: t.height,
       class: C(t.pictureClass ? `${t.pictureClass} picture-img` : "picture-img")
-    }, null, 10, Ae)]), e("div", qe, [e("h2", Be, l(i.data.name), 1), u(S, null, {
+    }, null, 10, Ae)]), e("div", qe, [e("h2", Be, l(i.data.name), 1), u(x, null, {
       default: _(() => [g(l(i.data.title), 1)]),
       _: 2
     }, 1024)])]))), 128))]));
@@ -348,13 +348,13 @@ const S = /* @__PURE__ */ d(we, [["render", Se], ["__scopeId", "data-v-501deb41"
       class: "icon",
       src: a.icon,
       alt: "logo",
-      style: x({
+      style: S({
         width: c.iconSize,
         height: c.iconSize
       })
     }, null, 12, Ee)) : T("", !0), e("div", {
       class: "text",
-      style: x({
+      style: S({
         color: c.color,
         fontSize: c.fontSize
       })
@@ -398,7 +398,7 @@ const S = /* @__PURE__ */ d(we, [["render", Se], ["__scopeId", "data-v-501deb41"
       color: t.color,
       "font-size": t.fontSize,
       "icon-size": t.iconSize
-    }, null, 8, ["icon", "name", "color", "font-size", "icon-size"]), u(S, null, {
+    }, null, 8, ["icon", "name", "color", "font-size", "icon-size"]), u(x, null, {
       default: _(() => [g(l(t.description), 1)]),
       _: 1
     })]));
@@ -471,7 +471,7 @@ const U = /* @__PURE__ */ d(Ze, [["render", Xe], ["__scopeId", "data-v-cdb3f77d"
   },
   setup(a) {
     const t = a;
-    return (c, i) => (s(), n("div", et, [e("div", tt, [e("h2", st, l(t.contact.title), 1), u(S, null, {
+    return (c, i) => (s(), n("div", et, [e("div", tt, [e("h2", st, l(t.contact.title), 1), u(x, null, {
       default: _(() => [g(l(t.contact.description), 1)]),
       _: 1
     }), e("div", at, [e("div", nt, [u(I(w), {
@@ -659,7 +659,7 @@ const U = /* @__PURE__ */ d(Ze, [["render", Xe], ["__scopeId", "data-v-cdb3f77d"
     const t = a;
     return (c, i) => (s(), n("div", {
       class: "landing-page-container",
-      style: x({
+      style: S({
         flexDirection: t.flexDirection,
         gap: t.gap,
         padding: t.padding
@@ -674,9 +674,9 @@ const U = /* @__PURE__ */ d(Ze, [["render", Xe], ["__scopeId", "data-v-cdb3f77d"
   class: "cta-title"
 }, wt = {
   class: "cta-description"
-}, Ct = {
+}, St = {
   class: "cta-actions"
-}, St = /* @__PURE__ */ f({
+}, Ct = /* @__PURE__ */ f({
   __name: "LandingPageCta",
   props: {
     title: {
@@ -687,6 +687,9 @@ const U = /* @__PURE__ */ d(Ze, [["render", Xe], ["__scopeId", "data-v-cdb3f77d"
     },
     backgroundUrl: {
       default: bt
+    },
+    backgroundSize: {
+      default: "120%"
     }
   },
   setup(a) {
@@ -694,10 +697,14 @@ const U = /* @__PURE__ */ d(Ze, [["render", Xe], ["__scopeId", "data-v-cdb3f77d"
     return (c, i) => (s(), n("div", kt, [e("img", {
       src: t.backgroundUrl,
       class: "cta-background",
-      alt: "background"
-    }, null, 8, Lt), e("div", Pt, [e("h1", It, l(t.title), 1), e("div", wt, l(t.description), 1), e("div", Ct, [h(c.$slots, "actions", {}, void 0, !0)])])]));
+      alt: "background",
+      style: S({
+        width: t.backgroundSize,
+        height: t.backgroundSize
+      })
+    }, null, 12, Lt), e("div", Pt, [e("h1", It, l(t.title), 1), e("div", wt, l(t.description), 1), e("div", St, [h(c.$slots, "actions", {}, void 0, !0)])])]));
   }
-}), Cn = /* @__PURE__ */ d(St, [["__scopeId", "data-v-7ad5ffb2"]]), xt = {}, Tt = {
+}), Sn = /* @__PURE__ */ d(Ct, [["__scopeId", "data-v-4a709ec3"]]), xt = {}, Tt = {
   role: "separator",
   class: "divider divider-horizontal"
 };
@@ -742,7 +749,7 @@ const F = /* @__PURE__ */ d(xt, [["render", At], ["__scopeId", "data-v-997fc2a4"
         index: r
       }, {
         header: _(() => [g(l(o.question), 1)]),
-        default: _(() => [u(S, null, {
+        default: _(() => [u(x, null, {
           default: _(() => [g(l(o.answer), 1)]),
           _: 2
         }, 1024)]),
@@ -751,7 +758,7 @@ const F = /* @__PURE__ */ d(xt, [["render", At], ["__scopeId", "data-v-997fc2a4"
       _: 1
     }, 8, ["active-keys"]));
   }
-}), Sn = /* @__PURE__ */ d(qt, [["__scopeId", "data-v-581e8f75"]]), Bt = {
+}), Cn = /* @__PURE__ */ d(qt, [["__scopeId", "data-v-581e8f75"]]), Bt = {
   class: "Features"
 }, zt = {
   class: "feature-title"
@@ -799,14 +806,14 @@ const F = /* @__PURE__ */ d(xt, [["render", At], ["__scopeId", "data-v-997fc2a4"
     }, {
       default: _(() => [e("div", {
         class: "icon-container",
-        style: x({
+        style: S({
           color: t.iconColor,
           border: `1px solid ${t.iconBorderColor}`
         })
       }, [u(I(w), {
         class: "icon",
         icon: o.icon
-      }, null, 8, ["icon"])], 4), e("h3", zt, l(o.title), 1), u(S, null, {
+      }, null, 8, ["icon"])], 4), e("h3", zt, l(o.title), 1), u(x, null, {
         default: _(() => [g(l(o.description), 1)]),
         _: 2
       }, 1024)]),
@@ -1114,7 +1121,7 @@ const P = /* @__PURE__ */ d(Xt, [["render", ts], ["__scopeId", "data-v-ea9ec649"
     }));
     return (i, o) => (s(), n("div", {
       class: "PageContent",
-      style: x(c.value)
+      style: S(c.value)
     }, [h(i.$slots, "default", {}, void 0, !0)], 4));
   }
 }), zn = /* @__PURE__ */ d(vs, [["__scopeId", "data-v-00ec8180"]]), $s = {
@@ -1169,13 +1176,13 @@ const P = /* @__PURE__ */ d(Xt, [["render", ts], ["__scopeId", "data-v-ea9ec649"
       for: o.value
     }, [e("span", null, l(o.label), 1), o.badge ? (s(), n("div", Is, l(o.badge), 1)) : T("", !0)], 8, Ps)], 2))), 128))])])]));
   }
-}), Cs = /* @__PURE__ */ d(ws, [["__scopeId", "data-v-9eb67a93"]]), Ss = {
+}), Ss = /* @__PURE__ */ d(ws, [["__scopeId", "data-v-9eb67a93"]]), Cs = {
   class: "PriceGroup"
 }, xs = /* @__PURE__ */ f({
   __name: "LandingPagePriceGroup",
   setup(a) {
     const t = k("subscribe-monthly");
-    return (c, i) => (s(), n("div", Ss, [u(Cs, {
+    return (c, i) => (s(), n("div", Cs, [u(Ss, {
       modelValue: t.value,
       "onUpdate:modelValue": i[0] || (i[0] = (o) => t.value = o),
       tabs: [{
@@ -1447,7 +1454,7 @@ const Dn = /* @__PURE__ */ d(Gs, [["render", Os], ["__scopeId", "data-v-1f26d3ee
       class: C(["icon-container", [`icon-${o.color}`]])
     }, i[0] || (i[0] = [e("div", {
       class: "dot"
-    }, null, -1)]), 2), e("div", la, [e("div", ra, l(o.title), 1), u(S, null, {
+    }, null, -1)]), 2), e("div", la, [e("div", ra, l(o.title), 1), u(x, null, {
       default: _(() => [g(l(o.description), 1)]),
       _: 2
     }, 1024)])]))), 128))])])], 2)])]));
@@ -1495,8 +1502,8 @@ const Dn = /* @__PURE__ */ d(Gs, [["render", Os], ["__scopeId", "data-v-1f26d3ee
     }, [e("img", {
       src: p.image,
       alt: p.alt,
-      style: x(r.value)
-    }, null, 12, pa), e("div", fa, [e("div", ma, l(p.title), 1), u(S, null, {
+      style: S(r.value)
+    }, null, 12, pa), e("div", fa, [e("div", ma, l(p.title), 1), u(x, null, {
       default: _(() => [g(l(p.description), 1)]),
       _: 2
     }, 1024)])], 8, _a))), 128))]));
@@ -1573,23 +1580,23 @@ const Dn = /* @__PURE__ */ d(Gs, [["render", Os], ["__scopeId", "data-v-1f26d3ee
     const t = a;
     return (c, i) => (s(), n("div", {
       class: "Steps",
-      style: x({
+      style: S({
         gridTemplateColumns: `repeat(${t.columns}, 1fr)`
         // flexDirection: props.flexDirection,
       })
     }, [(s(!0), n(v, null, b(t.steps, (o, r) => (s(), n("div", {
       key: r,
       class: "stepItem"
-    }, [e("div", ka, [e("span", La, l(r + 1), 1)]), e("h3", Pa, l(o.title), 1), u(S, null, {
+    }, [e("div", ka, [e("span", La, l(r + 1), 1)]), e("h3", Pa, l(o.title), 1), u(x, null, {
       default: _(() => [g(l(o.description), 1)]),
       _: 2
     }, 1024)]))), 128))], 4));
   }
 }), Gn = /* @__PURE__ */ d(Ia, [["__scopeId", "data-v-1ecd9597"]]), wa = {
   class: "Testimonial"
-}, Ca = {
-  class: "user-info"
 }, Sa = {
+  class: "user-info"
+}, Ca = {
   class: "user-avatar"
 }, xa = ["src", "alt"], Ta = {
   class: "user-name"
@@ -1607,10 +1614,10 @@ const Dn = /* @__PURE__ */ d(Gs, [["render", Os], ["__scopeId", "data-v-1f26d3ee
     return (c, i) => (s(), n("div", wa, [(s(!0), n(v, null, b(t.testimonials, (o, r) => (s(), L(U, {
       key: r
     }, {
-      default: _(() => [e("div", null, [u(S, null, {
+      default: _(() => [e("div", null, [u(x, null, {
         default: _(() => [g(l(`"${o.content}"`), 1)]),
         _: 2
-      }, 1024)]), e("div", Ca, [e("span", Sa, [e("img", {
+      }, 1024)]), e("div", Sa, [e("span", Ca, [e("img", {
         src: o.avatar,
         alt: o.name
       }, null, 8, xa)]), e("div", null, [e("div", Ta, l(o.name), 1), e("div", Aa, l(o.title), 1)])])]),
@@ -1784,7 +1791,7 @@ export {
   Hn as A,
   Qe as B,
   U as C,
-  S as D,
+  x as D,
   Mn as E,
   jn as F,
   Un as G,
@@ -1800,7 +1807,7 @@ export {
   Wn as Q,
   Kn as R,
   H as S,
-  Cs as T,
+  Ss as T,
   Jn as U,
   Qn as V,
   Ln as a,
@@ -1810,9 +1817,9 @@ export {
   Pn as e,
   In as f,
   wn as g,
-  Cn as h,
+  Sn as h,
   F as i,
-  Sn as j,
+  Cn as j,
   xn as k,
   Tn as l,
   An as m,

package/dist/components/LandingPage/LandingPageCta.vue.d.ts

@@ -2,6 +2,7 @@ interface Props {
     title?: string;
     description?: string;
     backgroundUrl?: string;
+    backgroundSize?: string;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -16,6 +17,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     description: string;
     title: string;
     backgroundUrl: string;
+    backgroundSize: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/index.js

@@ -14,7 +14,7 @@ import { M as R3, a as W3 } from "./MessageMenu-_RZJ9Mbi.js";
 import { _ as q3, a as j3, F as Q3, b as J3, c as K3, d as X3, R as Y3 } from "./FeedbackModal-D1htK7xY.js";
 import { C as t4 } from "./Clipboard-Bful1lNJ.js";
 import { F as a4, a as s4, c as i4, b as n4, d as C4 } from "./FeedbackItem-B_EUApFA.js";
-import { L as c4, a as l4, b as d4, c as p4, d as f4, B as _4, C as h4, e as g4, f as u4, g as L4, h as F4, D as m4, i as w4, j as y4, P as M4, Q as v4, k as Z4, l as x4, R as V4, m as H4, n as U4, o as E4, p as k4, q as G4, r as S4, s as A4, t as D4, u as B4, v as b4, w as P4, x as O4, y as I4, z as T4, A as $4, V as N4, E as R4, F as W4, G as z4, H as q4, S as j4, T as Q4, I as J4, J as K4, K as X4, U as Y4, M as e6, N as t6, O as o6 } from "./LandingPageSectionTabs-bSKMTnGN.js";
+import { L as c4, a as l4, b as d4, c as p4, d as f4, B as _4, C as h4, e as g4, f as u4, g as L4, h as F4, D as m4, i as w4, j as y4, P as M4, Q as v4, k as Z4, l as x4, R as V4, m as H4, n as U4, o as E4, p as k4, q as G4, r as S4, s as A4, t as D4, u as B4, v as b4, w as P4, x as O4, y as I4, z as T4, A as $4, V as N4, E as R4, F as W4, G as z4, H as q4, S as j4, T as Q4, I as J4, J as K4, K as X4, U as Y4, M as e6, N as t6, O as o6 } from "./LandingPageSectionTabs-CQSYFCWK.js";
 import { C as s6, a as i6 } from "./CollapseItem-Cw1vcdLu.js";
 import { C as C6, G as r6, H as c6, L as l6, S as d6, W as p6 } from "./WidthContainer-CfR77puD.js";
 import { C as _6, E as h6 } from "./CustomTable-JflAYS8i.js";

package/dist/landingPage.js

@@ -1,4 +1,4 @@
-import { L as g, a as e, b as i, c as s, d, B as L, C as P, e as o, f as t, g as r, h as c, D as u, i as C, j as F, P as T, Q as S, k as m, l, R as p, m as b, n as k, o as B, p as G, q as H, r as f, s as A, t as I, u as y, v as D, w as h, x as v, y as w, z as x, A as M, V as Q, E as j, F as q, G as z, H as E, S as J, T as K, I as N, J as O, K as R, U, M as V, N as W, O as X } from "./LandingPageSectionTabs-bSKMTnGN.js";
+import { L as g, a as e, b as i, c as s, d, B as L, C as P, e as o, f as t, g as r, h as c, D as u, i as C, j as F, P as T, Q as S, k as m, l, R as p, m as b, n as k, o as B, p as G, q as H, r as f, s as A, t as I, u as y, v as D, w as h, x as v, y as w, z as x, A as M, V as Q, E as j, F as q, G as z, H as E, S as J, T as K, I as N, J as O, K as R, U, M as V, N as W, O as X } from "./LandingPageSectionTabs-CQSYFCWK.js";
 export {
   g as LandingPageAbout,
   e as LandingPageAside,