npm - @nexxtmove/ui - Versions diffs - 0.1.10 → 0.1.12 - Mend

@nexxtmove/ui 0.1.10 → 0.1.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/index.d.ts CHANGED Viewed

@@ -174,6 +174,17 @@ declare interface NexxtSocialIconsProps {
     tiktok?: boolean;
 }
+export declare const NexxtSocialMediaType: DefineComponent<NexxtSocialMediaTypeProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+click: (...args: any[]) => void;
+}, string, PublicProps, Readonly<NexxtSocialMediaTypeProps> & Readonly<{
+onClick?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLButtonElement>;
+declare interface NexxtSocialMediaTypeProps {
+    variant: 'tiktok' | 'post' | 'reel' | 'story';
+    chip?: string;
+}
 export declare const NexxtStepperHeader: __VLS_WithTemplateSlots_5<typeof __VLS_component_5, __VLS_TemplateResult_5["slots"]>;
 declare interface NexxtStepperHeaderProps {

package/dist/index.js CHANGED Viewed

@@ -1,45 +1,45 @@
-import { defineComponent as u, ref as j, computed as m, watch as C, createBlock as k, openBlock as a, TransitionGroup as I, withCtx as h, createElementBlock as s, Fragment as $, renderList as w, createVNode as f, Transition as T, toDisplayString as y, normalizeClass as o, createCommentVNode as b, renderSlot as p, createElementVNode as r, createTextVNode as B, watchEffect as A, normalizeStyle as H, withKeys as N, withModifiers as P, createSlots as M } from "vue";
-const V = /* @__PURE__ */ u({
+import { defineComponent as p, ref as H, computed as d, watch as E, createBlock as x, openBlock as e, TransitionGroup as T, withCtx as m, createElementBlock as l, Fragment as $, renderList as w, createVNode as u, Transition as z, toDisplayString as g, normalizeClass as f, createCommentVNode as v, renderSlot as M, createElementVNode as n, createTextVNode as F, watchEffect as N, normalizeStyle as Z, withKeys as S, withModifiers as C, createStaticVNode as k, mergeProps as j, resolveDynamicComponent as A, createSlots as D } from "vue";
+const V = /* @__PURE__ */ p({
   __name: "AnimatedNumber",
   props: {
     value: {},
     duration: { default: 500 },
     easing: { default: "ease-out" }
   },
-  setup(e) {
-    const t = j("up"), n = m(() => String(e.value).split("")), l = m(() => `duration-${e.duration}`);
-    return C(
-      () => e.value,
-      (c, v) => {
-        t.value = c > v ? "up" : "down";
+  setup(t) {
+    const a = H("up"), s = d(() => String(t.value).split("")), i = d(() => `duration-${t.duration}`);
+    return E(
+      () => t.value,
+      (h, c) => {
+        a.value = h > c ? "up" : "down";
       }
-    ), (c, v) => (a(), k(I, {
+    ), (h, c) => (e(), x(T, {
       tag: "div",
       class: "relative flex shrink-0 items-center tabular-nums",
-      "aria-label": e.value,
-      "enter-active-class": `transition-all ${l.value} ${e.easing}`,
-      "leave-active-class": `absolute transition-all ${l.value} ${e.easing}`,
-      "enter-from-class": t.value === "up" ? "translate-y-full opacity-0" : "-translate-y-full opacity-0",
-      "leave-to-class": t.value === "up" ? "-translate-y-full opacity-0" : "translate-y-full opacity-0",
+      "aria-label": t.value,
+      "enter-active-class": `transition-all ${i.value} ${t.easing}`,
+      "leave-active-class": `absolute transition-all ${i.value} ${t.easing}`,
+      "enter-from-class": a.value === "up" ? "translate-y-full opacity-0" : "-translate-y-full opacity-0",
+      "leave-to-class": a.value === "up" ? "-translate-y-full opacity-0" : "translate-y-full opacity-0",
       "move-class": "transition-all duration-500 ease-in-out"
     }, {
-      default: h(() => [
-        (a(!0), s($, null, w(n.value, (d, g) => (a(), s("div", {
-          key: g,
+      default: m(() => [
+        (e(!0), l($, null, w(s.value, (b, r) => (e(), l("div", {
+          key: r,
           class: "relative inline-flex h-[1.5em] w-[1ch] items-center justify-center overflow-hidden",
           "aria-hidden": "true"
         }, [
-          f(T, {
-            "enter-active-class": `transition-transform ${l.value} ${e.easing}`,
-            "leave-active-class": `absolute inset-0 transition-transform ${l.value} ${e.easing}`,
-            "enter-from-class": t.value === "up" ? "translate-y-full" : "-translate-y-full",
-            "leave-to-class": t.value === "up" ? "-translate-y-full" : "translate-y-full"
+          u(z, {
+            "enter-active-class": `transition-transform ${i.value} ${t.easing}`,
+            "leave-active-class": `absolute inset-0 transition-transform ${i.value} ${t.easing}`,
+            "enter-from-class": a.value === "up" ? "translate-y-full" : "-translate-y-full",
+            "leave-to-class": a.value === "up" ? "-translate-y-full" : "translate-y-full"
           }, {
-            default: h(() => [
-              (a(), s("span", {
-                key: d,
+            default: m(() => [
+              (e(), l("span", {
+                key: b,
                 class: "flex h-full w-full items-center justify-center"
-              }, y(d), 1))
+              }, g(b), 1))
             ]),
             _: 2
           }, 1032, ["enter-active-class", "leave-active-class", "enter-from-class", "leave-to-class"])
@@ -48,22 +48,22 @@ const V = /* @__PURE__ */ u({
       _: 1
     }, 8, ["aria-label", "enter-active-class", "leave-active-class", "enter-from-class", "leave-to-class"]));
   }
-}), x = /* @__PURE__ */ u({
+}), y = /* @__PURE__ */ p({
   name: "NexxtIcon",
   __name: "Icon",
   props: {
     name: {},
     type: { default: "light" }
   },
-  setup(e) {
-    return (t, n) => (a(), s("i", {
-      class: o([`fa-${e.type}`, `fa-${e.name}`, "items-center", "justify-center"])
+  setup(t) {
+    return (a, s) => (e(), l("i", {
+      class: f([`fa-${t.type}`, `fa-${t.name}`, "items-center", "justify-center"])
     }, null, 2));
   }
-}), z = ["type", "disabled", "data-variant"], K = {
+}), P = ["type", "disabled", "data-variant"], I = {
   key: 0,
-  class: /* @__PURE__ */ o(["absolute inset-0 flex items-center justify-center rounded-lg"])
-}, L = /* @__PURE__ */ u({
+  class: /* @__PURE__ */ f(["absolute inset-0 flex items-center justify-center rounded-lg"])
+}, L = /* @__PURE__ */ p({
   name: "NexxtButton",
   __name: "Button",
   props: {
@@ -74,36 +74,36 @@ const V = /* @__PURE__ */ u({
     loading: { type: Boolean, default: !1 },
     buttonType: { default: "button" }
   },
-  setup(e) {
-    return (t, n) => (a(), s("button", {
-      type: e.buttonType,
-      disabled: e.disabled,
-      class: o([
+  setup(t) {
+    return (a, s) => (e(), l("button", {
+      type: t.buttonType,
+      disabled: t.disabled,
+      class: f([
         "button relative flex h-10 cursor-pointer items-center justify-center overflow-hidden rounded-lg transition-colors duration-200 focus-visible:outline-3 disabled:cursor-not-allowed",
-        `button-${e.variant}`,
-        t.$slots.default ?? "w-10",
-        !t.$slots.default && e.icon ? "aspect-square px-0" : "",
-        e.loading ? "pointer-events-none" : ""
+        `button-${t.variant}`,
+        a.$slots.default ?? "w-10",
+        !a.$slots.default && t.icon ? "aspect-square px-0" : "",
+        t.loading ? "pointer-events-none" : ""
       ]),
-      "data-variant": e.variant
+      "data-variant": t.variant
     }, [
-      e.icon ? (a(), k(x, {
+      t.icon ? (e(), x(y, {
         key: 0,
-        name: e.icon,
-        class: o(["transition-all duration-200", { "order-last": e.iconRight, "opacity-0": e.loading }])
-      }, null, 8, ["name", "class"])) : b("", !0),
-      t.$slots.default ? (a(), s("span", {
+        name: t.icon,
+        class: f(["transition-all duration-200", { "order-last": t.iconRight, "opacity-0": t.loading }])
+      }, null, 8, ["name", "class"])) : v("", !0),
+      a.$slots.default ? (e(), l("span", {
         key: 1,
-        class: o([
+        class: f([
           "inline-block transition-all duration-200",
-          { "opacity-0": e.loading },
-          e.variant === "link" ? "body-link underline-offset-1" : "body-normal",
-          e.variant === "link" && !e.loading && !e.disabled ? "hover:underline-offset-2" : ""
+          { "opacity-0": t.loading },
+          t.variant === "link" ? "body-link underline-offset-1" : "body-normal",
+          t.variant === "link" && !t.loading && !t.disabled ? "hover:underline-offset-2" : ""
         ])
       }, [
-        p(t.$slots, "default")
-      ], 2)) : b("", !0),
-      f(T, {
+        M(a.$slots, "default")
+      ], 2)) : v("", !0),
+      u(z, {
         "enter-active-class": "transition-opacity duration-200",
         "enter-from-class": "opacity-0",
         "enter-to-class": "opacity-100",
@@ -111,28 +111,28 @@ const V = /* @__PURE__ */ u({
         "leave-from-class": "opacity-100",
         "leave-to-class": "opacity-0"
       }, {
-        default: h(() => [
-          e.loading ? (a(), s("div", K, [
-            f(x, {
+        default: m(() => [
+          t.loading ? (e(), l("div", I, [
+            u(y, {
               name: "spinner-third",
               type: "light",
               class: "fa-spin absolute text-sm"
             })
-          ])) : b("", !0)
+          ])) : v("", !0)
         ]),
         _: 1
       })
-    ], 10, z));
+    ], 10, P));
   }
-}), E = { class: "justify-start text-center extra-small-semibold text-white" }, le = /* @__PURE__ */ u({
+}), q = { class: "justify-start text-center extra-small-semibold text-white" }, K = /* @__PURE__ */ p({
   name: "NexxtChip",
   __name: "Chip",
   props: {
     variant: { default: "default" }
   },
-  setup(e) {
-    const t = m(() => {
-      switch (e.variant) {
+  setup(t) {
+    const a = d(() => {
+      switch (t.variant) {
         case "warning":
           return "bg-orange-500";
         case "success":
@@ -143,20 +143,20 @@ const V = /* @__PURE__ */ u({
           return "bg-cornflower-blue-600";
       }
     });
-    return (n, l) => (a(), s("span", {
-      class: o(["inline-flex h-5 flex-col items-center justify-center gap-2.5 rounded-[200px] px-4", t.value])
+    return (s, i) => (e(), l("span", {
+      class: f(["inline-flex h-5 flex-col items-center justify-center gap-2.5 rounded-[200px] px-4", a.value])
     }, [
-      r("span", E, [
-        p(n.$slots, "default", {}, () => [
-          l[0] || (l[0] = B("Chip", -1))
+      n("span", q, [
+        M(s.$slots, "default", {}, () => [
+          i[0] || (i[0] = F("Chip", -1))
         ])
       ])
     ], 2));
   }
-}), F = { class: "flex max-w-full items-center justify-start gap-4" }, G = { class: "block truncate heading-4 text-sapphire-500" }, q = {
+}), R = { class: "flex max-w-full items-center justify-start gap-4" }, G = { class: "block truncate heading-4 text-sapphire-500" }, U = {
   key: 0,
   class: "col-span-1 col-start-2 flex justify-center"
-}, D = /* @__PURE__ */ u({
+}, X = /* @__PURE__ */ p({
   name: "NexxtHeader",
   __name: "Header",
   props: {
@@ -166,71 +166,71 @@ const V = /* @__PURE__ */ u({
       window.history.back();
     } }
   },
-  setup(e) {
-    return (t, n) => (a(), s("div", {
-      class: o(["header flex items-center", t.$slots.center ? "grid grid-cols-3" : ""])
+  setup(t) {
+    return (a, s) => (e(), l("div", {
+      class: f(["header flex items-center", a.$slots.center ? "grid grid-cols-3" : ""])
     }, [
-      r("div", F, [
-        f(L, {
+      n("div", R, [
+        u(L, {
           class: "shrink-0",
           variant: "secondary",
-          onClick: e.backButtonAction
+          onClick: t.backButtonAction
         }, {
-          default: h(() => [
-            B(y(e.backButtonText), 1)
+          default: m(() => [
+            F(g(t.backButtonText), 1)
           ]),
           _: 1
         }, 8, ["onClick"]),
-        r("span", G, y(e.title), 1)
+        n("span", G, g(t.title), 1)
       ]),
-      t.$slots.center ? (a(), s("div", q, [
-        p(t.$slots, "center")
-      ])) : b("", !0),
-      t.$slots.right ? (a(), s("div", {
+      a.$slots.center ? (e(), l("div", U, [
+        M(a.$slots, "center")
+      ])) : v("", !0),
+      a.$slots.right ? (e(), l("div", {
         key: 1,
-        class: o(t.$slots.center ? "col-span-1 col-start-3 flex justify-end" : "ml-auto")
+        class: f(a.$slots.center ? "col-span-1 col-start-3 flex justify-end" : "ml-auto")
       }, [
-        p(t.$slots, "right")
-      ], 2)) : b("", !0)
+        M(a.$slots, "right")
+      ], 2)) : v("", !0)
     ], 2));
   }
-}), R = {
+}), J = {
   class: "info-block flex rounded-xl",
   role: "note"
-}, U = {
-  class: "flex min-h-20 w-20 shrink-0 items-center justify-center bg-green-50",
+}, O = {
+  class: "flex min-h-20 w-20 shrink-0 items-center justify-center rounded-l-xl bg-green-50",
   "aria-hidden": "true"
-}, X = { class: "flex aspect-square h-10 items-center justify-center rounded-full bg-green-500" }, J = { class: "p-5" }, ie = /* @__PURE__ */ u({
+}, Q = { class: "flex aspect-square h-10 items-center justify-center rounded-full bg-green-500" }, W = { class: "p-5" }, S1 = /* @__PURE__ */ p({
   name: "NexxtInfoBlock",
   __name: "InfoBlock",
-  setup(e) {
-    return (t, n) => (a(), s("div", R, [
-      r("div", U, [
-        r("div", X, [
-          f(x, {
+  setup(t) {
+    return (a, s) => (e(), l("div", J, [
+      n("div", O, [
+        n("div", Q, [
+          u(y, {
             name: "thumbs-up",
             size: "lg",
             class: "text-white"
           })
         ])
       ]),
-      r("div", J, [
-        n[1] || (n[1] = r("span", { class: "body-semibold" }, "Tip!", -1)),
-        p(t.$slots, "default", {}, () => [
-          n[0] || (n[0] = B(" Koopwoningen doen het goed als post of reel: zo geef je de woning genoeg aandacht én vergroot je het bereik. ", -1))
+      n("div", W, [
+        s[1] || (s[1] = n("span", { class: "mr-[0.7ch] body-semibold" }, "Tip!", -1)),
+        M(a.$slots, "default", {}, () => [
+          s[0] || (s[0] = n("span", null, "Koopwoningen doen het goed als post of reel: zo geef je de woning genoeg aandacht én vergroot je het bereik.", -1))
         ])
       ])
     ]));
   }
-}), O = { class: "@container" }, Q = { class: "flex flex-col @md:gap-2" }, W = { class: "flex items-center justify-between gap-2" }, Y = ["aria-label", "aria-valuenow", "aria-valuetext"], Z = {
+}), Y = { class: "@container" }, _ = { class: "flex flex-col @md:gap-2" }, t1 = { class: "flex items-center justify-between gap-2" }, a1 = ["aria-label", "aria-valuenow", "aria-valuetext"], e1 = {
   key: 0,
   class: "flex items-center small-normal tabular-nums @md:hidden",
   "aria-hidden": "true"
-}, _ = {
+}, l1 = {
   key: 0,
   class: "flex justify-between @max-md:order-first @max-md:justify-center",
   "aria-label": "Progress steps"
-}, ee = ["aria-current", "role", "tabindex", "aria-label", "onClick", "onKeydown"], te = /* @__PURE__ */ u({
+}, s1 = ["aria-current", "role", "tabindex", "aria-label", "onClick", "onKeydown"], n1 = /* @__PURE__ */ p({
   name: "NexxtProgressBar",
   __name: "ProgressBar",
   props: {
@@ -240,60 +240,60 @@ const V = /* @__PURE__ */ u({
     stepTitles: {}
   },
   emits: ["update:currentStep"],
-  setup(e) {
-    const t = m(() => Math.min(Math.max(0, e.currentStep), Math.max(0, e.steps - 1))), n = m(() => e.steps > 0 ? t.value + 1 : 0), l = m(() => e.steps <= 1 ? e.steps === 1 ? 100 : 0 : t.value / (e.steps - 1) * 100), c = m(() => !!e.stepTitles?.length);
-    return A(() => {
-      e.stepTitles && e.stepTitles.length !== e.steps && console.warn(
-        `[NexxtProgressBar] The "stepTitles" array length (${e.stepTitles.length}) must match the "steps" prop (${e.steps}).`
+  setup(t) {
+    const a = d(() => Math.min(Math.max(0, t.currentStep), Math.max(0, t.steps - 1))), s = d(() => t.steps > 0 ? a.value + 1 : 0), i = d(() => t.steps <= 1 ? t.steps === 1 ? 100 : 0 : a.value / (t.steps - 1) * 100), h = d(() => !!t.stepTitles?.length);
+    return N(() => {
+      t.stepTitles && t.stepTitles.length !== t.steps && console.warn(
+        `[NexxtProgressBar] The "stepTitles" array length (${t.stepTitles.length}) must match the "steps" prop (${t.steps}).`
       );
-    }), (v, d) => (a(), s("div", O, [
-      r("div", Q, [
-        r("div", W, [
-          r("div", {
+    }), (c, b) => (e(), l("div", Y, [
+      n("div", _, [
+        n("div", t1, [
+          n("div", {
             class: "progress-bar progress-bar-bar h-2 w-full overflow-hidden rounded-full",
             role: "progressbar",
-            "aria-label": e.progressLabel,
+            "aria-label": t.progressLabel,
             "aria-valuemin": "0",
             "aria-valuemax": "100",
-            "aria-valuenow": Math.round(l.value),
-            "aria-valuetext": c.value && e.stepTitles?.[t.value] ? `Step ${n.value} of ${e.steps}: ${e.stepTitles[t.value]}` : `Step ${n.value} of ${e.steps}`
+            "aria-valuenow": Math.round(i.value),
+            "aria-valuetext": h.value && t.stepTitles?.[a.value] ? `Step ${s.value} of ${t.steps}: ${t.stepTitles[a.value]}` : `Step ${s.value} of ${t.steps}`
           }, [
-            r("div", {
+            n("div", {
               class: "progress-bar-progress h-full transition-all duration-500 ease-out",
-              style: H({ width: `${l.value}%` }),
+              style: Z({ width: `${i.value}%` }),
               "aria-hidden": !0
             }, null, 4)
-          ], 8, Y),
-          c.value ? (a(), s("div", Z, [
-            f(V, { value: n.value }, null, 8, ["value"]),
-            r("span", null, "/" + y(e.steps), 1)
-          ])) : b("", !0)
+          ], 8, a1),
+          h.value ? (e(), l("div", e1, [
+            u(V, { value: s.value }, null, 8, ["value"]),
+            n("span", null, "/" + g(t.steps), 1)
+          ])) : v("", !0)
         ]),
-        c.value ? (a(), s("ol", _, [
-          (a(!0), s($, null, w(e.stepTitles, (g, i) => (a(), s("li", {
-            key: g,
-            class: o(["rounded-xs transition-colors duration-500 focus-visible:outline-3 @max-md:hidden @max-md:body-normal @min-md:small-normal", [
-              i === t.value ? "text-sapphire-500 @max-md:inline" : "",
-              i < t.value ? "cursor-pointer duration-200! hover:text-sapphire-400" : ""
+        h.value ? (e(), l("ol", l1, [
+          (e(!0), l($, null, w(t.stepTitles, (r, o) => (e(), l("li", {
+            key: r,
+            class: f(["rounded-xs transition-colors duration-500 focus-visible:outline-3 @max-md:hidden @max-md:body-normal @min-md:small-normal", [
+              o === a.value ? "text-sapphire-500 @max-md:inline" : "",
+              o < a.value ? "cursor-pointer duration-200! hover:text-sapphire-400" : ""
             ]]),
-            "aria-current": i === t.value ? "step" : void 0,
-            role: i < t.value ? "button" : void 0,
-            tabindex: i < t.value ? 0 : void 0,
-            "aria-label": i < t.value ? `Ga naar ${g}` : void 0,
-            onClick: (S) => i < t.value && v.$emit("update:currentStep", i),
+            "aria-current": o === a.value ? "step" : void 0,
+            role: o < a.value ? "button" : void 0,
+            tabindex: o < a.value ? 0 : void 0,
+            "aria-label": o < a.value ? `Ga naar ${r}` : void 0,
+            onClick: (B) => o < a.value && c.$emit("update:currentStep", o),
             onKeydown: [
-              N((S) => i < t.value && v.$emit("update:currentStep", i), ["enter"]),
-              N(P((S) => i < t.value && v.$emit("update:currentStep", i), ["prevent"]), ["space"])
+              S((B) => o < a.value && c.$emit("update:currentStep", o), ["enter"]),
+              S(C((B) => o < a.value && c.$emit("update:currentStep", o), ["prevent"]), ["space"])
             ]
-          }, y(g), 43, ee))), 128))
-        ])) : b("", !0)
+          }, g(r), 43, s1))), 128))
+        ])) : v("", !0)
       ])
     ]));
   }
-}), ae = {
+}), i1 = {
   class: "m-0 inline-flex list-none items-start justify-start gap-0.5 p-0",
   "aria-label": "Sociale media kanalen"
-}, ne = ["aria-label"], re = /* @__PURE__ */ u({
+}, r1 = ["aria-label"], o1 = /* @__PURE__ */ p({
   name: "NexxtSocialIcons",
   __name: "SocialIcons",
   props: {
@@ -304,33 +304,153 @@ const V = /* @__PURE__ */ u({
     google: { type: Boolean },
     tiktok: { type: Boolean }
   },
-  setup(e) {
-    const t = e, n = [
+  setup(t) {
+    const a = t, s = [
       { name: "facebook", label: "Facebook", icon: "facebook-f" },
       { name: "instagram", label: "Instagram", icon: "instagram" },
       { name: "linkedin", label: "LinkedIn", icon: "linkedin-in" },
       { name: "x", label: "X (voorheen Twitter)", icon: "x-twitter" },
       { name: "google", label: "Google", icon: "google" },
       { name: "tiktok", label: "TikTok", icon: "tiktok" }
-    ], l = m(
-      () => n.filter((c) => t[c.name])
+    ], i = {
+      facebook: "bg-brands-facebook",
+      instagram: "bg-brands-instagram",
+      linkedin: "bg-brands-linkedin",
+      x: "bg-brands-x",
+      google: "bg-brands-google",
+      tiktok: "bg-brands-tiktok"
+    }, h = d(
+      () => s.filter((c) => a[c.name])
     );
-    return (c, v) => (a(), s("ul", ae, [
-      (a(!0), s($, null, w(l.value, (d) => (a(), s("li", {
-        key: d.name,
-        class: o(["inline-flex h-5 w-5 items-center justify-center rounded-full outline-1 outline-white", `bg-brands-${d.name}`]),
-        "aria-label": d.label
+    return (c, b) => (e(), l("ul", i1, [
+      (e(!0), l($, null, w(h.value, (r) => (e(), l("li", {
+        key: r.name,
+        class: f(["inline-flex h-5 w-5 items-center justify-center rounded-full outline-1 outline-white", i[r.name]]),
+        "aria-label": r.label
       }, [
-        f(x, {
-          name: d.icon,
+        u(y, {
+          name: r.icon,
           type: "brands",
           class: "text-[10px] text-white",
           "aria-hidden": "true"
         }, null, 8, ["name"])
-      ], 10, ne))), 128))
+      ], 10, r1))), 128))
     ]));
   }
-}), oe = /* @__PURE__ */ u({
+}), c1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 394.727 791.624"
+};
+function h1(t, a) {
+  return e(), l("svg", c1, [...a[0] || (a[0] = [
+    k('<path fill="#090814" d="M394.727 188.12h-4.353V68.962A68.963 68.963 0 0 0 321.412 0H68.963A68.963 68.963 0 0 0 0 68.962v653.7a68.963 68.963 0 0 0 68.962 68.962h252.45a68.963 68.963 0 0 0 68.963-68.963V272.937h4.352Z"></path><path fill="#fff" d="M324.203 17.943h-32.952a24.468 24.468 0 0 1-22.654 33.71H123.965a24.468 24.468 0 0 1-22.655-33.71H70.533a51.5 51.5 0 0 0-51.5 51.5v652.746a51.5 51.5 0 0 0 51.5 51.5h253.66a51.5 51.5 0 0 0 51.5-51.5V69.445a51.5 51.5 0 0 0-51.491-51.5Z"></path><path fill="#f2f2f2" d="M188.368 428.147c0 61.894-36.795 83.5-82.184 83.5S24 490.036 24 428.147s82.184-140.633 82.184-140.633 82.184 78.739 82.184 140.633"></path><path fill="#e6e6e6" d="m103.192 502.185.842-51.8 35.028-64.084-34.9 55.958.378-23.292 24.142-46.364-24.042 40.2.681-41.891 25.85-36.911-25.739 30.326.425-76.812-2.673 101.686.22-4.2-26.284-40.227 25.862 48.284-2.449 46.784-.073-1.242-30.299-42.334 30.208 46.724-.306 5.85-.055.088.025.481-6.213 118.7h8.3l1-61.309 30.134-46.609Z"></path><path fill="#f2f2f2" d="M370.006 394.663c0 76.7-45.6 103.476-101.845 103.476s-101.845-26.781-101.845-103.476S268.16 220.385 268.16 220.385s101.846 97.576 101.846 174.278"></path><path fill="#e6e6e6" d="m264.454 486.413 1.043-64.193 43.408-79.415-43.249 69.346.468-28.864 29.917-57.456-29.793 49.817.844-51.913 32.034-45.742-31.9 37.581.527-95.188-3.309 126.013.273-5.2-32.572-49.855 32.049 59.835-3.035 57.977-.09-1.539-37.548-52.463 37.435 57.9-.379 7.25-.068.109.031.6-7.7 147.1h10.286l1.239-75.976 37.343-57.76Z"></path><g transform="translate(-737.609 -43.85)"><circle cx="20.597" cy="20.597" r="20.597" fill="#2f2e41" transform="translate(914.156 243.577)"></circle><path fill="#ed9da0" d="m1008.156 198.66 6.881-5.771a8.133 8.133 0 0 0 .607-11.9 8.133 8.133 0 0 0-13.407 2.7l-3.284 8.393-26.293 45.137-13.366 36.592 10.737 12.928 14.461-44.7ZM861.789 198.66l-6.881-5.771a8.133 8.133 0 0 1-.607-11.9 8.133 8.133 0 0 1 13.407 2.7l3.284 8.393 26.293 45.137 14.68 37.03-12.051 12.489-14.461-44.7Z"></path><circle cx="10.517" cy="10.517" r="10.517" fill="#090814" transform="translate(925.113 233.06)"></circle><path fill="#ed9da0" d="m936.505 572.683-9.422-.657.438-128.4 23.226 5.7Z"></path><path fill="#090814" d="M925.938 604.606a9.16 9.16 0 0 1-8.443-6.134c-2.049-6.021-.99-11.749 2.578-17.242l-1.166-8.161a9.08 9.08 0 0 1 2.137-7.241l6.041-6.947v8.764c4.422-3.867 7.148-4.007 10.956-.876l-3.511 17.966.856 9.844a9.23 9.23 0 0 1-9.453 10.027Z"></path><path fill="#ed9da0" d="m951.624 312.159-36.811-.876c5.216-5.07 12.686-24.512 11.394-30.237h17.967c-2.156 5.892 2.018 25.907 7.45 31.113"></path><path fill="#f59e0b" d="m961.264 379.646-50.834-14.9 1.753-21.911-4.381-22.344c.447-2.425-11.123-32.374-10.517-34.62 2.42-8.972 8.759-7.732 13.366-14.242.748-1.057 6.586 6.377 10.362 11.4.448.774.756 1.3.968 1.655a13.1 13.1 0 0 1 1.763 7.961v.048c-2.069 7.161 2.684 4.225 10.137 4.349 6.323.105 12.051 5.115 12.051-1.208q-.016-.539-.043-1.118a17.64 17.64 0 0 1 2.22-9.273 39 39 0 0 1 2.016-3.5c4.277-6.047 10.166-14.083 10.487-12.944 1.351 4.795 8.3 8.823 10.737 17.31.375 1.306-1.883 9.235-1.753 10.517.976 9.611-.876 14.9-1.753 22.349a188.8 188.8 0 0 0-6.579 60.471"></path><path fill="#090814" d="m954.254 454.58-28.923-8.764-.438-26.293-22.788-43.822 8.764-14.461 49.957 13.147c3.41 21.843-.347 49.942-6.572 80.193"></path><path fill="#2f2e41" d="M940.669 419.524h-15.777l-29.36-41.193 10.517-8.765Z"></path><path fill="#090814" d="M948.119 419.086h-26.214a31.05 31.05 0 0 1-17.447-5.332 27.71 27.71 0 0 1-8.926-35.423l52.587 2.629Z"></path><path fill="#ed9da0" d="m925.182 389.548-23.077-.7q-.13-.329-.246-.66c-3.069-8.741 1.546-18.243 10.085-21.836.86-.362 1.733-.7 2.625-1a13.784 13.784 0 0 1 18.326 12.774 35 35 0 0 1-.327 5.25 7.216 7.216 0 0 1-7.383 6.172Z"></path><path fill="#ed9da0" d="M912.622 459.839h-9.2l-1.315-74.5 25.856-.438Z"></path><path fill="#090814" d="M902.273 492.576a9.16 9.16 0 0 1-8.443-6.134c-2.049-6.021-.99-11.749 2.578-17.242l-1.166-8.161a9.08 9.08 0 0 1 2.137-7.241l6.041-6.947v8.764c4.422-3.867 7.148-4.007 10.956-.876l-3.506 17.967.856 9.844a9.23 9.23 0 0 1-9.453 10.027Z"></path><circle cx="17.967" cy="17.967" r="17.967" fill="#ed9da0" transform="translate(917.443 251.685)"></circle><path fill="#090814" d="M951.186 261.763c0 9.2-8.332-3.944-17.529-3.944s-15.776 13.141-15.776 3.944a16.652 16.652 0 0 1 33.3 0Z"></path></g><path fill="none" stroke="#090814" stroke-linecap="round" stroke-width="5" d="M65.5 141.199h288"></path><path fill="#f2f2f2" d="M375.246 571.411H19.367v-3.3H375.41Z"></path><path fill="#f59e0b" d="M140 72.699h48a8 8 0 0 1 0 16h-48a8 8 0 0 1 0-16"></path><path fill="#e6e6e6" d="M208 72.699h48a8 8 0 0 1 0 16h-48a8 8 0 0 1 0-16"></path><path fill="#090814" d="M57 626.699h98a8 8 0 0 1 0 16H57a8 8 0 0 1 0-16"></path><path fill="#f59e0b" d="M183 626.699a8 8 0 1 1-8 8 8 8 0 0 1 8-8"></path><path fill="#e6e6e6" d="M57 650.699h208a8 8 0 0 1 0 16H57a8 8 0 0 1 0-16M57 674.699h208a8 8 0 0 1 0 16H57a8 8 0 0 1 0-16"></path><path fill="#090814" d="M62.494 775.195a51.68 51.68 0 0 1-44.131-44.029v-10.971h358.049v8.514a51.65 51.65 0 0 1-44.406 46.486Z"></path><path fill="#f59e0b" d="M65.5 735.699a16.5 16.5 0 1 1-16.5 16.5 16.5 16.5 0 0 1 16.5-16.5"></path><path fill="#3f3d56" d="M130.5 735.699a16.5 16.5 0 1 1-16.5 16.5 16.5 16.5 0 0 1 16.5-16.5M196.5 735.699a16.5 16.5 0 1 1-16.5 16.5 16.5 16.5 0 0 1 16.5-16.5M326.5 735.699a16.5 16.5 0 1 1-16.5 16.5 16.5 16.5 0 0 1 16.5-16.5M261.5 735.699a16.5 16.5 0 1 1-16.5 16.5 16.5 16.5 0 0 1 16.5-16.5"></path><path fill="#f59e0b" d="M328.5 666.699a16.5 16.5 0 1 1-16.5 16.5 16.5 16.5 0 0 1 16.5-16.5"></path><path fill="#e6e6e6" d="M328.5 625.699a16.5 16.5 0 1 1-16.5 16.5 16.5 16.5 0 0 1 16.5-16.5M328.5 584.699a16.5 16.5 0 1 1-16.5 16.5 16.5 16.5 0 0 1 16.5-16.5"></path><path fill="#f59e0b" d="M329 409.699a24 24 0 1 1-24 24 24 24 0 0 1 24-24"></path><path fill="#fe6583" d="M329 445.699a12 12 0 1 1-12 12 12 12 0 0 1 12-12"></path><path fill="#f2f2f2" d="M328.093 462.887c-.454-1.085 0-4.34 0-4.34s-3.207.427-4.275 0-1.069-1.281 0-1.708 4.275 0 4.275 0-.454-3.247 0-4.329 1.362-1.082 1.815 0 0 4.329 0 4.329 3.207-.427 4.275 0 1.069 1.281 0 1.708-4.275 0-4.275 0 .454 3.255 0 4.34-1.361 1.085-1.815 0"></path>', 22)
+  ])]);
+}
+const d1 = { render: h1 }, f1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 716.872 800.535"
+};
+function p1(t, a) {
+  return e(), l("svg", f1, [...a[0] || (a[0] = [
+    k('<path fill="#ed9da0" d="M118.9 79.849a68.781 68.781 0 1 1 89.387 65.637l-13.3 87.874-67.779-56.487s14.643-18.652 22.5-39.683a68.7 68.7 0 0 1-30.8-57.341ZM14.072 592.752l17.049-120.7 36.779 24.27L43.968 598.63c4.422 6.371 6.331 15.182 4.537 24.3-3.138 15.961-16.39 26.794-29.6 24.2S-2.467 629.49.671 613.529c1.794-9.122 6.9-16.554 13.4-20.777Z"></path><path fill="#e09093" d="m351.03 583.309-17.049-120.7-36.782 24.273 23.935 102.3c-4.422 6.371-6.331 15.182-4.537 24.3 3.138 15.961 16.39 26.794 29.6 24.2s21.373-17.641 18.235-33.6c-1.794-9.122-6.9-16.554-13.4-20.777Z"></path><path fill="#e6e6e6" d="m207.009 161.502-80.27 11.8v21.407s-68.466-11.963-77.909 47.059v146.379L15.779 534.519l42.5 9.443 53.12-155.819 20.4 19.319h106.24l25.47-19.315 33.212 132.21L346.3 501.47l-25.691-122.766s11.529-153.458-42.772-177.067-54.3-16.526-54.3-16.526z"></path><path fill="#090814" d="m131.462 407.035-9.444 25.97S51.192 501.47 65.357 678.537l231.367-7.083s33.052-188.871-44.857-243.171l-14.184-21.248zM96.816 170.219s3.212 24.368 32.969 25.164L190.148 197S139.121 72.815 160.102 86.805s76.934-44.661 76.934-44.661l16.509 30.963s39.442-14.283-4.27-49.258c0 0-52.155-40.322-107.524-16.109S96.816 170.219 96.816 170.219"></path><path fill="#fff" d="m535.34 799.472-329.553-90.5a14.737 14.737 0 0 1-10.3-18.093L357.866 99.601a14.737 14.737 0 0 1 18.093-10.3l329.554 90.5a14.737 14.737 0 0 1 10.3 18.093l-162.38 591.281a14.737 14.737 0 0 1-18.093 10.3Z"></path><path fill="none" stroke="#2f2e41" stroke-miterlimit="10" d="m535.34 799.472-329.553-90.5a14.737 14.737 0 0 1-10.3-18.093L357.866 99.601a14.737 14.737 0 0 1 18.093-10.3l329.554 90.5a14.737 14.737 0 0 1 10.3 18.093l-162.38 591.281a14.737 14.737 0 0 1-18.093 10.3Z"></path><path fill="#6899FC" d="m561.191 577.54-270.7-74.339a16.654 16.654 0 0 1-11.637-20.446l61.655-224.509a16.654 16.654 0 0 1 20.447-11.635l270.7 74.339a16.65 16.65 0 0 1 11.634 20.445l-61.654 224.51a16.65 16.65 0 0 1-20.445 11.635"></path><path fill="#d6d6e3" d="m441.72 224.644-73.547-20.2a7.11 7.11 0 0 1-4.968-8.728l4.695-17.1a7.11 7.11 0 0 1 8.729-4.968l73.547 20.196a7.11 7.11 0 0 1 4.965 8.728l-4.695 17.1a7.11 7.11 0 0 1-8.726 4.967ZM446.594 170.792l-65.375-17.953a6.02 6.02 0 0 1-4.208-7.394l3.86-14.056a6.02 6.02 0 0 1 7.394-4.209l65.375 17.953a6.02 6.02 0 0 1 4.207 7.4l-3.86 14.056a6.02 6.02 0 0 1-7.394 4.208ZM546.922 253.529l-73.547-20.2a7.11 7.11 0 0 1-4.968-8.728l4.695-17.1a7.11 7.11 0 0 1 8.729-4.968l73.547 20.2a7.11 7.11 0 0 1 4.965 8.728l-4.695 17.1a7.11 7.11 0 0 1-8.726 4.967ZM652.124 282.42l-73.547-20.2a7.11 7.11 0 0 1-4.968-8.728l4.695-17.1a7.11 7.11 0 0 1 8.729-4.968l73.547 20.2a7.11 7.11 0 0 1 4.965 8.728l-4.695 17.101a7.11 7.11 0 0 1-8.726 4.967"></path><path fill="#6899FC" d="M275.576 590.166a22.618 22.618 0 1 1 27.8-15.821 22.644 22.644 0 0 1-27.8 15.821"></path><path fill="#d6d6e3" d="m461.072 678.359-207.838-57.077a10.644 10.644 0 1 1 5.637-20.527l207.839 57.076a10.644 10.644 0 1 1-5.637 20.527ZM452.138 715.914 244.299 658.84a10.644 10.644 0 1 1 5.638-20.526l207.838 57.077a10.644 10.644 0 1 1-5.637 20.527ZM367.509 732.687l-132.144-36.289a10.644 10.644 0 1 1 5.637-20.527l132.142 36.289a10.644 10.644 0 1 1-5.637 20.527Z"></path>', 10)
+  ])]);
+}
+const u1 = { render: p1 }, v1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 494 664"
+};
+function m1(t, a) {
+  return e(), l("svg", v1, [...a[0] || (a[0] = [
+    k('<g clip-path="url(#a)"><path fill="#3F3D56" d="M331.263 157.737h-3.648V57.826A57.825 57.825 0 0 0 269.79 0H58.114A57.826 57.826 0 0 0 .288 57.826v548.121a57.824 57.824 0 0 0 57.826 57.826h211.675a57.82 57.82 0 0 0 40.889-16.937 57.82 57.82 0 0 0 16.937-40.889V228.856h3.648z"></path><path fill="#fff" d="M315.309 58.23v547.32c0 .8-.02 1.59-.071 2.38a43.166 43.166 0 0 1-43.119 40.8H59.429a43.164 43.164 0 0 1-43.12-40.96q-.06-1.095-.06-2.22V58.23a43.186 43.186 0 0 1 43.18-43.19h25.81a20.52 20.52 0 0 0 18.99 28.27h121.27a20.52 20.52 0 0 0 20.402-18.429 20.5 20.5 0 0 0-1.413-9.841h27.631a43.193 43.193 0 0 1 43.19 43.19"></path><path fill="#F0F0F0" d="M311.381 471H20.17a3.864 3.864 0 0 1-3.86-3.858V109.869a3.863 3.863 0 0 1 3.86-3.859H311.38a3.86 3.86 0 0 1 3.859 3.859v357.273a3.864 3.864 0 0 1-3.859 3.858"></path><path fill="#fff" d="M290.008 130.94H42.138a3.863 3.863 0 0 0-3.86 3.86v258.15a3.86 3.86 0 0 0 3.86 3.85h247.87a3.861 3.861 0 0 0 3.861-3.85V134.8a3.864 3.864 0 0 0-3.861-3.86"></path><path fill="#D300C5" d="M37.839 93c5.522 0 10-4.477 10-10s-4.478-10-10-10-10 4.477-10 10 4.477 10 10 10"></path><path fill="#F0F0F0" d="M85.404 409.529c-17.076-27.502-11.192-62.637-8.318-94.881a433.1 433.1 0 0 0-11.46-144.223 111.2 111.2 0 0 1 26.908 56.249c2.819 17.455 1.426 35.412 4.619 52.802 6.847 37.288 34.421 70.917 30.154 108.588-.944 8.327-4.117 17.282-11.51 21.228-8.344 4.454-18.53.911-27.284-2.674"></path><path fill="#D300C5" d="M56.586 420.945a9.995 9.995 0 1 0-14.172 14.101l.034.034 14.138 14.136 14.138-14.136a9.995 9.995 0 0 0-14.138-14.135M100.586 420.945a9.996 9.996 0 1 0-14.172 14.101l.034.034 14.138 14.136 14.137-14.136a10 10 0 0 0-.019-14.118 9.997 9.997 0 0 0-14.118-.017M144.586 420.945a9.996 9.996 0 1 0-14.172 14.101l.034.034 14.138 14.136 14.137-14.136a10 10 0 0 0-.019-14.118 9.997 9.997 0 0 0-14.118-.017M222.307 90.842H81.292a7.716 7.716 0 1 1 0-15.432h141.015a7.71 7.71 0 0 1 7.137 4.761 7.72 7.72 0 0 1-1.675 8.414 7.73 7.73 0 0 1-5.462 2.257"></path><path fill="#F0F0F0" d="M311.379 538.01H20.169a3.863 3.863 0 0 0-3.86 3.86v65.9a43.164 43.164 0 0 0 43.12 40.96h212.69a43.17 43.17 0 0 0 43.119-40.8v-66.06a3.86 3.86 0 0 0-3.859-3.86"></path><path fill="#fff" d="M290.008 562.94H42.138a3.863 3.863 0 0 0-3.86 3.86v76.4a42.94 42.94 0 0 0 21.15 5.53H272.12a43 43 0 0 0 21.75-5.87V566.8a3.864 3.864 0 0 0-3.861-3.86"></path><path fill="#E4E4E4" d="M37.839 525c5.522 0 10-4.477 10-10s-4.478-10-10-10-10 4.477-10 10 4.477 10 10 10M222.307 522.842H81.292a7.7 7.7 0 0 1-5.462-2.257 7.7 7.7 0 0 1-2.263-5.459 7.72 7.72 0 0 1 7.725-7.716h141.015a7.7 7.7 0 0 1 5.462 2.257 7.72 7.72 0 0 1 2.263 5.459 7.72 7.72 0 0 1-2.263 5.459 7.701 7.701 0 0 1-5.462 2.257"></path><path fill="#F2F2F2" d="M142.598 648.73h-73.27c7.46-14.68 21.23-26.64 37.461-27.27 2.446-.091 4.894.09 7.3.54 1.009.18 2 .42 2.99.68a35.23 35.23 0 0 1 25.519 26.05M259.789 648.73h-99.49a144 144 0 0 0 3.89-13.9c4.469-19.31 9.02-40.99 25.509-51.97 9.181-6.12 20.351-7.12 30.94-4.42.321.08.651.17.971.27a51.43 51.43 0 0 1 30.02 22.55c8.43 14.14 10.31 30.96 8.16 47.47"></path><path fill="#fff" d="M118.109 636.94a77 77 0 0 1-1.05 11.79h-2.861a77.9 77.9 0 0 0-.109-26.73c1.009.18 2 .42 2.99.68a82 82 0 0 1 1.03 14.26M221.979 579.63a217.28 217.28 0 0 1-8.06 59.83q-1.29 4.65-2.79 9.27h-2.94c1.8-5.48 3.37-11.03 4.73-16.59a214.8 214.8 0 0 0 6.239-52.16 1.55 1.55 0 0 1 1.48-1.54c.347-.038.694.058.971.27a1.1 1.1 0 0 1 .37.92"></path><path fill="#F2F2F2" d="M274.792 598.066a6 6 0 1 0 0-12 6 6 0 0 0 0 12"></path><path fill="#D300C5" d="M130.973 160.198a6 6 0 1 0 0-12 6 6 0 0 0 0 12"></path><path fill="#E4E4E4" d="M241.973 195.198a6 6 0 1 0 0-12 6 6 0 0 0 0 12M238.973 317.198a6 6 0 1 0 0-12 6 6 0 0 0 0 12"></path><path fill="#3F3D56" d="m212.419 374.38-4.06-13a75 75 0 0 0-2.65-8.92c-4.58-13.84-14.64-41.75-26.491-70.91l-13.94-13.94-3.859-2.52-3.65-2.37-1.571 1.45-14.969 13.82-.11.91-9.78 83.12s-.03.23-.081.68c-.109.97-.339 2.95-.639 5.78-.57 5.32-1.49 14.61-2.401 26.32h90.571z"></path><path fill="#000" d="m148.236 315.262-3.801 23.715 25.722 10.61z" opacity=".2"></path><path fill="#2F2E41" d="M194.289 209.15a34.341 34.341 0 0 0-59.67 23.2v25.63a4.62 4.62 0 0 0 4.619 4.62h59.471a4.62 4.62 0 0 0 4.61-4.62v-25.63a34.28 34.28 0 0 0-9.03-23.2"></path><path fill="#FFB8B8" d="M175.537 261.051c13.908 0 25.183-11.274 25.183-25.183 0-13.908-11.275-25.183-25.183-25.183s-25.183 11.275-25.183 25.183c0 13.909 11.275 25.183 25.183 25.183"></path><path fill="#2F2E41" d="M194.289 209.15a26.9 26.9 0 0 0-10.01-1.92h-5.13a27.134 27.134 0 0 0-22.08 11.37c-.17.22-.32.45-.471.67a26.96 26.96 0 0 0-4.619 15.13v.51h10.83l3.7-10.35.74 10.35h5.599l1.861-5.22.37 5.22c11.71 4.328 23.86 4.051 36.369 0v-.51a27.196 27.196 0 0 0-17.159-25.25"></path><path fill="#2F2E41" d="M178.948 260.82a1.4 1.4 0 0 0-.079-.17c-3.39-6.46-7.64-16.35-7.881-25.74-.14-5.61 1.161-11.05 4.94-15.46l.721-.85h-29.31v44.01l8.859 1.56 5.221.92 12.549 2.22q.407.073.821.07a4.6 4.6 0 0 0 2.088-.503 4.6 4.6 0 0 0 1.631-1.397c.617-.83.928-1.847.88-2.88a4.3 4.3 0 0 0-.44-1.78"></path><path fill="#000" d="M131.95 360.864a46.26 46.26 0 0 0 55.527 11.223l5.481-2.712z" opacity=".2"></path><path fill="#A0616A" d="M415.953 436.692a11.838 11.838 0 0 1 14.454-10.983l15.656-22.064 15.729 6.244-22.547 30.847a11.902 11.902 0 0 1-23.292-4.044"></path><path fill="#3F3D56" d="m433.128 417.717 27.835-46.816-11.34-30.242 15.445-41.19.57.245c.373.16 9.15 4.076 10.451 18.101l17.75 55.785-47.373 61.457z"></path><path fill="#A0616A" d="M281.95 245.608a11.83 11.83 0 0 1 8.479 5.334 11.85 11.85 0 0 1 1.353 9.926l20.788 17.315-7.442 15.198-29.012-24.864a11.905 11.905 0 0 1-2.397-20.965 11.9 11.9 0 0 1 8.231-1.944"></path><path fill="#3F3D56" d="m299.54 264.198 44.523 31.372 31.029-8.969 39.872 18.584-.288.549c-.188.36-4.771 8.808-18.855 9.02l-56.991 13.384-57.609-51.982z"></path><path fill="#A0616A" d="m381.01 645.697-15.479-.001-7.364-59.703 22.845.001z"></path><path fill="#2F2E41" d="M349.799 641.274h34.527v18.795h-48.647v-4.676a14.12 14.12 0 0 1 14.12-14.119"></path><path fill="#A0616A" d="m442.874 645.697-15.478-.001-7.364-59.703 22.845.001z"></path><path fill="#2F2E41" d="M411.663 641.274h34.528v18.795h-48.647v-4.676a14.12 14.12 0 0 1 14.119-14.119M448.379 427.774l-1.262 88.379-1.263 116.154-27.776-2.525-13.888-160.344-17.675 160.344h-28.676l-2.888-161.606 10.1-35.351z"></path><path fill="#3F3D56" d="m362.283 433.364-4.232-.183 19.655-108.275-8.048-32.726a7.166 7.166 0 0 1 4.439-8.414l14.48-5.43 5.115-14.068 40.361 4.349.992 10.995c4.374 1.403 40.39 13.397 37.905 27.064-2.453 13.49-16.935 55.93-17.67 58.081l-2.537 60.866-.312.156c-.375.187-28.194 13.866-58.416 13.864-10.643-.001-21.59-1.698-31.732-6.279"></path><path fill="#A0616A" d="M437.789 242.186c7.698-14.083 2.523-31.74-11.56-39.438s-31.739-2.522-39.437 11.56-2.522 31.739 11.56 39.437 31.739 2.523 39.437-11.559"></path><path fill="#2F2E41" d="M435.829 256.377c-5.538 5.9-15.823 2.733-16.545-5.326a9.8 9.8 0 0 1 .013-1.881c.372-3.57 2.435-6.811 1.941-10.58a5.55 5.55 0 0 0-1.016-2.597c-4.413-5.91-14.773 2.643-18.937-2.707-2.554-3.28.448-8.445-1.512-12.111-2.587-4.839-10.248-2.452-15.053-5.102-5.345-2.949-5.026-11.15-1.507-16.139 4.292-6.084 11.816-9.331 19.246-9.798 7.431-.468 14.81 1.54 21.747 4.244 7.882 3.071 15.698 7.316 20.548 14.247 5.899 8.428 6.466 19.759 3.516 29.614-1.794 5.996-7.919 13.319-12.441 18.136"></path><path fill="#D300C5" d="M225.006 372.041h-15.573a2.003 2.003 0 0 1-2-1.814l-3.118-31.952h25.809l-3.117 31.951a2.004 2.004 0 0 1-2.001 1.815"></path><path fill="#3F3D56" d="M230.083 342.295h-25.726a2.01 2.01 0 0 1-2.01-2.01v-4.824a2.015 2.015 0 0 1 2.01-2.01h25.726a2.01 2.01 0 0 1 2.01 2.01v4.824a2.015 2.015 0 0 1-2.01 2.01"></path><path fill="#FFB8B8" d="M219.581 355.067a11.55 11.55 0 0 0-8.982-3.868 11.55 11.55 0 0 0-8.731 4.403l-25.427-7.139-8.107 14.394 36.05 9.576a11.617 11.617 0 0 0 18.187-9.671 11.62 11.62 0 0 0-2.99-7.695"></path><path fill="#3F3D56" d="m178.238 347.26-12.069-7.69-3.44-1.62-15.551-7.33c.46-1.58 1.781-6.3 3.031-12.28 2.92-13.99 5.41-34.88-4.64-38.54a14.1 14.1 0 0 0-4.45-.9 11.64 11.64 0 0 0-5.86 1.34c-7.53 3.93-10.52 14.99-10.63 15.4l-9.31 25.55c-.86 1.18-9.71 13.44-8.28 22.52a9.53 9.53 0 0 0 4 6.52 172 172 0 0 0 20.22 12.47 114 114 0 0 0 4.78 2.33c8.72 3.98 16.409 6.01 22.869 6.01a25.5 25.5 0 0 0 6.27-.73l25.091-.57.159-.72.06-.28 3.331-15.4.94-4.36z"></path></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h494v664H0z"></path></clipPath></defs>', 2)
+  ])]);
+}
+const g1 = { render: m1 }, b1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 117 182"
+};
+function M1(t, a) {
+  return e(), l("svg", b1, [...a[0] || (a[0] = [
+    k('<g clip-path="url(#a)"><path fill="#3F3D56" d="M42.451 0h56.677a16.75 16.75 0 0 1 11.852 4.94 16.9 16.9 0 0 1 4.918 11.91v5.148a.775.775 0 0 1 .907.413c.053.11.079.23.078.35v3.959a.792.792 0 0 1-.303.629.78.78 0 0 1-.682.134v5.993a.775.775 0 0 1 .907.414c.053.109.079.229.078.35v9.896a.786.786 0 0 1-.628.777.8.8 0 0 1-.357-.013v3.618a.775.775 0 0 1 .907.413c.053.11.079.23.078.35v9.897a.79.79 0 0 1-.628.777.8.8 0 0 1-.357-.014v104.503a16.9 16.9 0 0 1-4.918 11.909 16.75 16.75 0 0 1-11.852 4.941H42.45a16.75 16.75 0 0 1-11.853-4.941 16.9 16.9 0 0 1-4.917-11.909V16.85a16.9 16.9 0 0 1 4.917-11.91A16.75 16.75 0 0 1 42.451 0M29.227 164.444a13.34 13.34 0 0 0 3.878 9.391 13.2 13.2 0 0 0 9.346 3.896h56.677a13.2 13.2 0 0 0 9.346-3.896 13.33 13.33 0 0 0 3.877-9.391V16.85a13.33 13.33 0 0 0-3.877-9.39 13.2 13.2 0 0 0-9.346-3.897H42.45a13.2 13.2 0 0 0-9.346 3.896 13.33 13.33 0 0 0-3.877 9.391z"></path><path fill="#E6E6E6" d="M42.451 179.71h56.677a15.17 15.17 0 0 0 10.738-4.476 15.32 15.32 0 0 0 4.455-10.79V16.85a15.32 15.32 0 0 0-4.455-10.79 15.17 15.17 0 0 0-10.738-4.477H42.45A15.17 15.17 0 0 0 31.713 6.06a15.32 15.32 0 0 0-4.455 10.79v147.594a15.32 15.32 0 0 0 4.455 10.79 15.18 15.18 0 0 0 10.738 4.476"></path><path fill="#fff" d="M41.05 177.335h59.478a10.24 10.24 0 0 0 7.244-3.02 10.33 10.33 0 0 0 3.004-7.278V14.253a10.33 10.33 0 0 0-3.004-7.278 10.24 10.24 0 0 0-7.244-3.02h-7.757c-.448.001-.879.18-1.197.5a1.7 1.7 0 0 0-.496 1.202 5.05 5.05 0 0 1-1.467 3.554 5 5 0 0 1-3.537 1.474H56.292a5 5 0 0 1-3.536-1.474 5.05 5.05 0 0 1-1.467-3.554c0-.45-.18-.883-.497-1.202a1.7 1.7 0 0 0-1.197-.5h-8.544a10.23 10.23 0 0 0-7.244 3.02 10.33 10.33 0 0 0-3.005 7.278v152.784a10.33 10.33 0 0 0 3.005 7.278 10.23 10.23 0 0 0 7.244 3.02"></path><path fill="#fff" d="M68.229 7.422h7.09a.786.786 0 0 0 .789-.792.794.794 0 0 0-.788-.791h-7.091a.786.786 0 0 0-.788.791.794.794 0 0 0 .788.792M63.304 7.224a.395.395 0 1 1 .002-.79.395.395 0 0 1-.002.79"></path><path fill="#E6E6E6" d="M28.887 34.882h83.883v.902H28.887zM28.887 52.924h83.883v.902H28.887zM28.887 90.212h83.883v.902H28.887zM28.887 127.499h83.883v.902H28.887zM28.887 156.668h83.883v.902H28.887z"></path><path fill="#E6E6E6" d="M51.852 35.333h.898v55.33h-.898zM93.845 90.647h.898v66.471h-.898z"></path><path fill="#E6E6E6" d="M30.803 108.88h63.49v.902h-63.49zM51.756 157.118h.898v20.216h-.898zM52.45 71.937h58.475v.902H52.451zM98.713 3.388l.828.348-13.232 31.77-.828-.348zM57.96 10.688h.898v24.645h-.898z"></path><path fill="#6899FC" d="M34.81 49.015c0 8.083 12.436 26.918 16.072 32.25a1.2 1.2 0 0 0 .985.522 1.19 1.19 0 0 0 .986-.522c3.635-5.332 16.073-24.167 16.073-32.25 0-4.546-1.798-8.906-4.997-12.12a17.02 17.02 0 0 0-12.062-5.02 17.02 17.02 0 0 0-12.062 5.02 17.18 17.18 0 0 0-4.997 12.12z"></path><path fill="#fff" d="M51.868 56.533c-4.794 0-8.68-3.905-8.68-8.72 0-4.817 3.886-8.721 8.68-8.721s8.679 3.904 8.679 8.72-3.886 8.72-8.68 8.72"></path><path fill="#E6E6E6" d="m52.436 90.922 32.868 65.984-.803.404-32.868-65.985z"></path><path fill="#6899FC" d="M51.868 94.421c-2.149 0-3.89-1.75-3.89-3.909s1.741-3.909 3.89-3.909 3.89 1.75 3.89 3.91c0 2.158-1.742 3.908-3.89 3.908"></path><path fill="#F2F2F2" d="M10.029 56.794c-.723 0-1.31-.589-1.31-1.315 0-.727.587-1.316 1.31-1.316s1.309.59 1.309 1.316-.586 1.315-1.31 1.315"></path><path fill="#6899FC" d="m17.66 66.868 4.816.188-.24 6.22-4.816-.187z"></path><path fill="#FFB9B9" d="M39.383 88.656s6.67-3.202 6.562-.437-6.722 4.584-6.722 4.584z"></path><path fill="#090814" d="M35.724 112.05s3.146 7.738 4.309 13.321c1.162 5.583 2.932 13.267.655 18.717s-8.751 21.465-8.818 23.193.554 3.484-.822 3.43-8.863-2.423-9.167-3.473 2.555-3.708 2.555-3.708l7.06-22.224-7.365-14.478-5.312 21.599-1.04 26.958s-5.106-1.584-5.847-.228c0 0-2.288-3.204-2.579-4.6-.29-1.396 1.08-27.995 1.08-27.995s-4.686-30.296-.903-30.149c3.784.148 18.603-8.966 26.194-.363"></path><path fill="#090814" d="M31.103 169.328s3.49 7.75 3.82 8.11c.331.36 2.605 3.909.886 3.842-1.72-.067-5.781-1.956-8.77-4.841-2.99-2.886-6.93-7.885-6.573-8.218.357-.332 2.805-1.275 2.805-1.275zM17.157 173.631s.21 3.469.845 4.878.555 3.484-1.165 3.416c-1.72-.067-6.165-.932-6.165-.932s-.264-2.087.094-2.419c.357-.333 1.88-4.081 1.232-5.144-.648-1.064 5.16.201 5.16.201"></path><path fill="#FFB9B9" d="M14.613 61.038s-3.667 5.741-5.096 7.07 2.592 4.255 2.592 4.255l7.196.972s-.09-6.58.28-7.257c.371-.678-4.972-5.04-4.972-5.04"></path><path fill="#6899FC" d="M20.868 68.55s-1.483 2.712-2.858 2.658c-1.376-.053-8.494-3.1-8.797-4.15s-2.357 7.523-2.357 7.523l17.414 30.792 4.247-2.95-2.058-18.079-1.69-9.757z"></path><path fill="#D6D6E3" d="M8.571 96.108c.695 1.46 1.128 2.983 1.068 4.541a4 4 0 0 1-.011.208c-.165 3.198-1.338 6.898-1.758 9.588-.306 1.93-.219 3.339.905 3.67 2.725.798-.397 1.369 10.146 4.895s12.383.482 12.41-.209c.026-.691-1.494-5.943-1.136-6.274.357-.332 5 4.348 6.402 3.71s.16-4.147.16-4.147-3.16-7.392-3.093-9.12-4.787-9.878-4.787-9.878l-3.3-21.59s-1.27-2.818-2.976-3.23c-1.707-.413-3.123.57-3.123.57l2.856 6.342 3.013 11.195-.504 4.134s-3.503-7.406-5.804-10.264c-2.302-2.86-7.208-9.627-7.208-9.627s-1.145-3.883-.281-5.044c.864-1.163-3.607-1.338-5.514 3.434-1.01 2.529-2.65 6.3-3.678 9.811-.916 3.111-1.349 6.019-.441 7.681 1.387 2.539 4.876 5.876 6.654 9.604"></path><path fill="#000" d="M1.918 86.503c1.386 2.54 4.875 5.878 6.653 9.605.464-1.681 1.031-3.421 1.031-3.421s2.173-11.684-4.255-14.703a4.3 4.3 0 0 0-2.988.838c-.916 3.111-1.349 6.02-.441 7.681" opacity=".1"></path><path fill="#D6D6E3" d="m27.438 85.767 5.45 1.597 7.567.295.779 6.606-12.437.9s-3.105-8.774-1.36-9.398"></path><path fill="#FFB9B9" d="M18.55 107.981s7.292 1.216 5.628 3.421c-1.665 2.204-8.124-.114-8.124-.114z"></path><path fill="#000" d="M9.628 100.856c-.165 3.199-1.338 6.898-1.759 9.588 2.323 2.209 4.532 4.159 5.364 4.19 1.72.067 4.485-.171 5.503.214 1.019.386 1.616-6.167 1.616-6.167s-.608-2.101-3.32-3.244c-1.83-.774-5.338-2.873-7.404-4.581" opacity=".1"></path><path fill="#D6D6E3" d="M5.427 75.91s-5.821-.92-5.507 8.785-.613 15.898 1.728 17.721c2.34 1.823 9.945 10.08 11.665 10.146s4.485-.171 5.504.215c1.018.385 1.615-6.168 1.615-6.168s-.608-2.1-3.32-3.244c-2.71-1.143-9.1-5.2-9.046-6.583.053-1.382 1.616-6.167 1.616-6.167S11.855 78.93 5.427 75.91"></path><path fill="#FFB9B9" d="M19.746 69.54c-4.183 0-7.573-3.407-7.573-7.61 0-4.202 3.39-7.609 7.573-7.609s7.573 3.407 7.573 7.61c0 4.202-3.39 7.608-7.573 7.608"></path><path fill="#090814" d="M24.845 51.024c.183.158.401.268.637.32a.454.454 0 0 0 .526-.366c.173.361.368.746.723.931.354.186.9.03.951-.367.052.301.185.583.385.815.22.21.617.263.809.027-.155.85-.06 1.725-.108 2.589-.05.863-.278 1.779-.927 2.346-.947.828-2.37.624-3.616.467a1.1 1.1 0 0 0-.567.031c-.466.2-.445.852-.451 1.361a3.8 3.8 0 0 1-.994 2.403 3.76 3.76 0 0 1-2.302 1.19 1.88 1.88 0 0 1-1.403-.345c-.353-.3-.534-.792-.94-1.018-.658-.368-1.458.169-1.94.752-.481.583-.956 1.3-1.703 1.406-.987.141-1.74-.87-2.108-1.801a10.54 10.54 0 0 1 .207-8.157c2.062-4.516 9.104-5.23 12.82-2.584"></path></g><defs><clipPath id="a"><path fill="#fff" d="M117 0H0v182h117z"></path></clipPath></defs>', 2)
+  ])]);
+}
+const x1 = { render: M1 }, y1 = { class: "flex items-center justify-end self-stretch px-4" }, k1 = { class: "flex justify-center self-stretch py-14" }, $1 = { class: "inline-flex w-full flex-col items-center justify-center gap-2.5 bg-cornflower-blue-500 py-3.5 transition-colors group-hover:bg-cornflower-blue-600" }, w1 = { class: "justify-start self-stretch text-center" }, F1 = { class: "block max-w-full text-center body-semibold text-ellipsis text-white" }, z1 = /* @__PURE__ */ p({
+  name: "NexxtSocialMediaType",
+  __name: "SocialMediaType",
+  props: {
+    variant: {},
+    chip: {}
+  },
+  emits: ["click"],
+  setup(t, { emit: a }) {
+    const s = a, i = {
+      tiktok: "TikTok",
+      post: "Post",
+      reel: "Reel",
+      story: "Story"
+    }, h = d(() => ({
+      tiktok: d1,
+      post: u1,
+      reel: g1,
+      story: x1
+    })[t.variant]), c = d(() => {
+      switch (t.variant) {
+        case "tiktok":
+          return {
+            tiktok: !0
+          };
+        case "post":
+          return {
+            facebook: !0,
+            instagram: !0,
+            linkedin: !0,
+            x: !0,
+            google: !0
+          };
+        case "reel":
+          return {
+            instagram: !0
+          };
+        case "story":
+          return {
+            instagram: !0
+          };
+        default:
+          return {};
+      }
+    });
+    return (b, r) => (e(), l("button", {
+      type: "button",
+      class: "group inline-flex min-w-60 cursor-pointer flex-col items-start justify-start gap-2.5 overflow-hidden rounded-3xl bg-white pt-4 outline-1 -outline-offset-1 outline-gray-200 transition-colors hover:outline-cornflower-blue-600 focus-visible:outline-2 focus-visible:outline-cornflower-blue-600",
+      onClick: r[0] || (r[0] = (o) => s("click"))
+    }, [
+      n("div", y1, [
+        t.chip ? (e(), x(K, {
+          key: 0,
+          variant: "warning"
+        }, {
+          default: m(() => [
+            F(g(t.chip), 1)
+          ]),
+          _: 1
+        })) : v("", !0),
+        u(o1, j({ class: "ml-auto" }, c.value, { "aria-hidden": "true" }), null, 16)
+      ]),
+      n("div", k1, [
+        (e(), x(A(h.value), {
+          class: "h-44 object-contain transition-transform group-hover:-translate-y-0.5",
+          "aria-hidden": "true"
+        }))
+      ]),
+      n("div", $1, [
+        n("div", w1, [
+          n("span", F1, g(i[t.variant]), 1)
+        ])
+      ])
+    ]));
+  }
+}), H1 = /* @__PURE__ */ p({
   name: "NexxtStepperHeader",
   __name: "StepperHeader",
   props: {
@@ -341,29 +461,29 @@ const V = /* @__PURE__ */ u({
     backButtonAction: {}
   },
   emits: ["update:currentStep"],
-  setup(e) {
-    return (t, n) => (a(), k(D, {
-      title: e.title,
-      "back-button-action": e.backButtonAction,
-      "back-button-text": e.backButtonText
-    }, M({ _: 2 }, [
-      e.steps ? {
+  setup(t) {
+    return (a, s) => (e(), x(X, {
+      title: t.title,
+      "back-button-action": t.backButtonAction,
+      "back-button-text": t.backButtonText
+    }, D({ _: 2 }, [
+      t.steps ? {
         name: "center",
-        fn: h(() => [
-          f(te, {
+        fn: m(() => [
+          u(n1, {
             class: "w-full",
-            steps: e.steps.length,
-            "step-titles": e.steps,
-            "current-step": e.currentStep,
-            "onUpdate:currentStep": n[0] || (n[0] = (l) => t.$emit("update:currentStep", l))
+            steps: t.steps.length,
+            "step-titles": t.steps,
+            "current-step": t.currentStep,
+            "onUpdate:currentStep": s[0] || (s[0] = (i) => a.$emit("update:currentStep", i))
           }, null, 8, ["steps", "step-titles", "current-step"])
         ]),
         key: "0"
       } : void 0,
-      t.$slots.default ? {
+      a.$slots.default ? {
         name: "right",
-        fn: h(() => [
-          p(t.$slots, "default")
+        fn: m(() => [
+          M(a.$slots, "default")
         ]),
         key: "1"
       } : void 0
@@ -373,11 +493,12 @@ const V = /* @__PURE__ */ u({
 export {
   V as NexxtAnimatedNumber,
   L as NexxtButton,
-  le as NexxtChip,
-  D as NexxtHeader,
-  x as NexxtIcon,
-  ie as NexxtInfoBlock,
-  te as NexxtProgressBar,
-  re as NexxtSocialIcons,
-  oe as NexxtStepperHeader
+  K as NexxtChip,
+  X as NexxtHeader,
+  y as NexxtIcon,
+  S1 as NexxtInfoBlock,
+  n1 as NexxtProgressBar,
+  o1 as NexxtSocialIcons,
+  z1 as NexxtSocialMediaType,
+  H1 as NexxtStepperHeader
 };

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@nexxtmove/ui",
   "type": "module",
-  "version": "0.1.10",
+  "version": "0.1.12",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -41,6 +41,7 @@
     "eslint": "^9.39.2",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-prettier": "^5.5.5",
+    "eslint-plugin-storybook": "10.2.8",
     "eslint-plugin-vue": "^10.6.2",
     "globals": "^17.0.0",
     "jsdom": "^27.4.0",
@@ -53,8 +54,8 @@
     "typescript-eslint": "^8.52.0",
     "vite": "^7.3.0",
     "vite-plugin-dts": "^4.5.4",
-    "vitest": "^4.0.16",
-    "eslint-plugin-storybook": "10.2.8"
+    "vite-svg-loader": "^5.1.0",
+    "vitest": "^4.0.16"
   },
   "engines": {
     "node": ">=22.18.0"