@nexxtmove/ui 0.1.17 → 0.1.19

package/dist/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as m, ref as N, computed as h, watch as H, createBlock as x, openBlock as a, TransitionGroup as E, withCtx as k, createElementBlock as s, Fragment as S, renderList as T, createVNode as b, Transition as Z, toDisplayString as g, normalizeClass as c, createCommentVNode as p, renderSlot as w, createElementVNode as l, createTextVNode as M, watchEffect as C, normalizeStyle as F, withKeys as $, withModifiers as B, createStaticVNode as z, mergeProps as I, resolveDynamicComponent as V, createSlots as A } from "vue";
+import { defineComponent as m, ref as N, computed as f, watch as H, createBlock as k, openBlock as a, TransitionGroup as E, withCtx as y, createElementBlock as s, Fragment as S, renderList as T, createVNode as p, Transition as Z, toDisplayString as g, normalizeClass as c, createCommentVNode as b, renderSlot as w, createElementVNode as l, createTextVNode as M, watchEffect as C, normalizeStyle as F, withKeys as $, withModifiers as B, createStaticVNode as z, mergeProps as I, resolveDynamicComponent as V, createSlots as A } from "vue";
 const L = /* @__PURE__ */ m({
   __name: "AnimatedNumber",
   props: {
@@ -7,13 +7,13 @@ const L = /* @__PURE__ */ m({
     easing: { default: "ease-out" }
   },
   setup(e) {
-    const t = N("up"), n = h(() => String(e.value).split("")), i = h(() => `duration-${e.duration}`);
+    const t = N("up"), n = f(() => String(e.value).split("")), i = f(() => `duration-${e.duration}`);
     return H(
       () => e.value,
       (u, d) => {
         t.value = u > d ? "up" : "down";
       }
-    ), (u, d) => (a(), x(E, {
+    ), (u, d) => (a(), k(E, {
       tag: "div",
       class: "relative flex shrink-0 items-center tabular-nums",
       "aria-label": e.value,
@@ -23,19 +23,19 @@ const L = /* @__PURE__ */ m({
       "leave-to-class": t.value === "up" ? "-translate-y-full opacity-0" : "translate-y-full opacity-0",
       "move-class": "transition-all duration-500 ease-in-out"
     }, {
-      default: k(() => [
+      default: y(() => [
         (a(!0), s(S, null, T(n.value, (v, o) => (a(), s("div", {
           key: o,
           class: "relative inline-flex h-[1.5em] w-[1ch] items-center justify-center overflow-hidden",
           "aria-hidden": "true"
         }, [
-          b(Z, {
+          p(Z, {
             "enter-active-class": `transition-transform ${i.value} ${e.easing}`,
             "leave-active-class": `absolute inset-0 transition-transform ${i.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"
           }, {
-            default: k(() => [
+            default: y(() => [
               (a(), s("span", {
                 key: v,
                 class: "flex h-full w-full items-center justify-center"
@@ -48,7 +48,7 @@ const L = /* @__PURE__ */ m({
       _: 1
     }, 8, ["aria-label", "enter-active-class", "leave-active-class", "enter-from-class", "leave-to-class"]));
   }
-}), y = /* @__PURE__ */ m({
+}), x = /* @__PURE__ */ m({
   name: "NexxtIcon",
   __name: "Icon",
   props: {
@@ -87,11 +87,11 @@ const L = /* @__PURE__ */ m({
       ]),
       "data-variant": e.variant
     }, [
-      e.icon ? (a(), x(y, {
+      e.icon ? (a(), k(x, {
         key: 0,
         name: e.icon,
         class: c(["transition-all duration-200", { "order-last": e.iconRight, "opacity-0": e.loading }])
-      }, null, 8, ["name", "class"])) : p("", !0),
+      }, null, 8, ["name", "class"])) : b("", !0),
       t.$slots.default ? (a(), s("span", {
         key: 1,
         class: c([
@@ -102,8 +102,8 @@ const L = /* @__PURE__ */ m({
         ])
       }, [
         w(t.$slots, "default")
-      ], 2)) : p("", !0),
-      b(Z, {
+      ], 2)) : b("", !0),
+      p(Z, {
         "enter-active-class": "transition-opacity duration-200",
         "enter-from-class": "opacity-0",
         "enter-to-class": "opacity-100",
@@ -111,14 +111,14 @@ const L = /* @__PURE__ */ m({
         "leave-from-class": "opacity-100",
         "leave-to-class": "opacity-0"
       }, {
-        default: k(() => [
+        default: y(() => [
           e.loading ? (a(), s("div", R, [
-            b(y, {
+            p(x, {
               name: "spinner-third",
               type: "light",
               class: "fa-spin absolute text-sm"
             })
-          ])) : p("", !0)
+          ])) : b("", !0)
         ]),
         _: 1
       })
@@ -131,7 +131,7 @@ const L = /* @__PURE__ */ m({
     variant: { default: "default" }
   },
   setup(e) {
-    const t = h(() => {
+    const t = f(() => {
       switch (e.variant) {
         case "warning":
           return "bg-orange-500";
@@ -171,12 +171,12 @@ const L = /* @__PURE__ */ m({
       class: c(["header flex items-center", t.$slots.center ? "grid grid-cols-3" : ""])
     }, [
       l("div", G, [
-        b(D, {
+        p(D, {
           class: "shrink-0",
           variant: "secondary",
           onClick: e.backButtonAction
         }, {
-          default: k(() => [
+          default: y(() => [
             M(g(e.backButtonText), 1)
           ]),
           _: 1
@@ -185,13 +185,13 @@ const L = /* @__PURE__ */ m({
       ]),
       t.$slots.center ? (a(), s("div", W, [
         w(t.$slots, "center")
-      ])) : p("", !0),
+      ])) : b("", !0),
       t.$slots.right ? (a(), s("div", {
         key: 1,
         class: c(t.$slots.center ? "col-span-1 col-start-3 flex justify-end" : "ml-auto")
       }, [
         w(t.$slots, "right")
-      ], 2)) : p("", !0)
+      ], 2)) : b("", !0)
     ], 2));
   }
 }), Y = {
@@ -207,7 +207,7 @@ const L = /* @__PURE__ */ m({
     return (t, n) => (a(), s("div", Y, [
       l("div", J, [
         l("div", O, [
-          b(y, {
+          p(x, {
             name: "thumbs-up",
             size: "lg",
             class: "text-white"
@@ -241,7 +241,7 @@ const L = /* @__PURE__ */ m({
   },
   emits: ["update:currentStep"],
   setup(e) {
-    const t = h(() => Math.min(Math.max(0, e.currentStep), Math.max(0, e.steps - 1))), n = h(() => e.steps > 0 ? t.value + 1 : 0), i = h(() => e.steps <= 1 ? e.steps === 1 ? 100 : 0 : t.value / (e.steps - 1) * 100), u = h(() => !!e.stepTitles?.length);
+    const t = f(() => Math.min(Math.max(0, e.currentStep), Math.max(0, e.steps - 1))), n = f(() => e.steps > 0 ? t.value + 1 : 0), i = f(() => e.steps <= 1 ? e.steps === 1 ? 100 : 0 : t.value / (e.steps - 1) * 100), u = f(() => !!e.stepTitles?.length);
     return C(() => {
       e.stepTitles && e.stepTitles.length !== e.steps && console.warn(
         `[NexxtProgressBar] The "stepTitles" array length (${e.stepTitles.length}) must match the "steps" prop (${e.steps}).`
@@ -265,9 +265,9 @@ const L = /* @__PURE__ */ m({
             }, null, 4)
           ], 8, a1),
           u.value ? (a(), s("div", l1, [
-            b(L, { value: n.value }, null, 8, ["value"]),
+            p(L, { value: n.value }, null, 8, ["value"]),
             l("span", null, "/" + g(e.steps), 1)
-          ])) : p("", !0)
+          ])) : b("", !0)
         ]),
         u.value ? (a(), s("ol", s1, [
           (a(!0), s(S, null, T(e.stepTitles, (o, r) => (a(), s("li", {
@@ -280,13 +280,13 @@ const L = /* @__PURE__ */ m({
             role: r < t.value ? "button" : void 0,
             tabindex: r < t.value ? 0 : void 0,
             "aria-label": r < t.value ? `Ga naar ${o}` : void 0,
-            onClick: (f) => r < t.value && d.$emit("update:currentStep", r),
+            onClick: (h) => r < t.value && d.$emit("update:currentStep", r),
             onKeydown: [
-              $((f) => r < t.value && d.$emit("update:currentStep", r), ["enter"]),
-              $(B((f) => r < t.value && d.$emit("update:currentStep", r), ["prevent"]), ["space"])
+              $((h) => r < t.value && d.$emit("update:currentStep", r), ["enter"]),
+              $(B((h) => r < t.value && d.$emit("update:currentStep", r), ["prevent"]), ["space"])
             ]
           }, g(o), 43, n1))), 128))
-        ])) : p("", !0)
+        ])) : b("", !0)
       ])
     ]));
   }
@@ -319,7 +319,7 @@ const L = /* @__PURE__ */ m({
       x: "bg-brands-x",
       google: "bg-brands-google",
       tiktok: "bg-brands-tiktok"
-    }, u = h(
+    }, u = f(
       () => n.filter((d) => t[d.name])
     );
     return (d, v) => (a(), s("ul", o1, [
@@ -328,7 +328,7 @@ const L = /* @__PURE__ */ m({
         class: c(["inline-flex h-5 w-5 items-center justify-center rounded-full outline-1 outline-white", i[o.name]]),
         "aria-label": o.label
       }, [
-        b(y, {
+        p(x, {
           name: o.icon,
           type: "brands",
           class: "text-[10px] text-white",
@@ -340,7 +340,7 @@ const L = /* @__PURE__ */ m({
 }), d1 = ["aria-pressed"], u1 = {
   key: 0,
   class: "col-start-1 row-span-2 row-start-1"
-}, h1 = ["srcset"], f1 = ["src"], p1 = ["muted"], m1 = ["src", "type"], v1 = { class: "flex aspect-square items-center justify-center rounded-full bg-cornflower-blue-500 px-2" }, b1 = { class: "goup-hover:opacity-0 z-20 col-start-1 row-start-2 flex items-center bg-social-media-template-info-bg px-5 pt-2.5 pb-3.5 text-white transition-all duration-300 ease-out group-hover:translate-y-full" }, g1 = { class: "heading-4" }, x1 = { class: "extra-small" }, F1 = /* @__PURE__ */ m({
+}, f1 = ["srcset"], h1 = ["src"], p1 = ["muted"], m1 = ["src", "type"], v1 = { class: "flex aspect-square items-center justify-center rounded-full bg-cornflower-blue-500 px-2" }, b1 = { class: "goup-hover:opacity-0 z-20 col-start-1 row-start-2 flex items-center bg-social-media-template-info-bg px-5 pt-2.5 pb-3.5 text-white transition-all duration-300 ease-out group-hover:translate-y-full" }, g1 = { class: "heading-4" }, y1 = { class: "extra-small" }, F1 = /* @__PURE__ */ m({
   name: "NexxtSocialMediaTemplate",
   __name: "SocialMediaTemplate",
   props: {
@@ -356,20 +356,20 @@ const L = /* @__PURE__ */ m({
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const n = t, i = N(null), u = h(() => e.mediaType !== "video" ? void 0 : {
+    const n = t, i = N(null), u = f(() => e.mediaType !== "video" ? void 0 : {
       mp4: "video/mp4",
       webm: "video/webm",
       ogg: "video/ogg",
       mov: "video/quicktime",
       avi: "video/x-msvideo",
       mkv: "video/x-matroska"
-    }[e.mediaExtension || ""] || "video/mp4"), d = h(() => e.aspectRatio ? e.aspectRatio.startsWith("aspect-") ? e.aspectRatio.replace(":", "/") : `aspect-${e.aspectRatio.replace(":", "/")}` : e.mediaType === "video" ? "aspect-9/16" : ""), v = () => {
+    }[e.mediaExtension || ""] || "video/mp4"), d = f(() => e.aspectRatio ? e.aspectRatio.startsWith("aspect-") ? e.aspectRatio.replace(":", "/") : `aspect-${e.aspectRatio.replace(":", "/")}` : e.mediaType === "video" ? "aspect-9/16" : ""), v = () => {
       i.value && i.value.play();
     }, o = () => {
       i.value && i.value.pause();
     };
-    return (r, f) => (a(), s("div", {
-      class: c(["group grid w-64 cursor-pointer grid-cols-1 grid-rows-[1fr_auto] overflow-hidden rounded-3xl outline-1 -outline-offset-1 transition-all hover:outline-cornflower-blue-600 focus-visible:outline-2 focus-visible:outline-cornflower-blue-600", [
+    return (r, h) => (a(), s("div", {
+      class: c(["group grid w-64 cursor-pointer grid-cols-1 grid-rows-[1fr_auto] overflow-hidden rounded-3xl outline-1 -outline-offset-1 transition-all focus-visible:outline-2 focus-visible:outline-cornflower-blue-600", [
         e.variant !== "post" ? d.value : "h-80",
         e.selected ? "outline-cornflower-blue-500" : "outline-gray-200"
       ]]),
@@ -380,19 +380,19 @@ const L = /* @__PURE__ */ m({
       onMouseleave: o,
       onFocus: v,
       onBlur: o,
-      onClick: f[0] || (f[0] = (j) => n("click")),
+      onClick: h[0] || (h[0] = (j) => n("click")),
       onKeydown: [
-        f[1] || (f[1] = $(B((j) => n("click"), ["prevent"]), ["enter"])),
-        f[2] || (f[2] = $(B((j) => n("click"), ["prevent"]), ["space"]))
+        h[1] || (h[1] = $(B((j) => n("click"), ["prevent"]), ["enter"])),
+        h[2] || (h[2] = $(B((j) => n("click"), ["prevent"]), ["space"]))
       ]
     }, [
       e.mediaType === "image" ? (a(), s("picture", u1, [
-        l("source", { srcset: e.media }, null, 8, h1),
+        l("source", { srcset: e.media }, null, 8, f1),
         l("img", {
           src: e.media,
           alt: "Media content",
           class: "h-full w-full object-cover object-center"
-        }, null, 8, f1)
+        }, null, 8, h1)
       ])) : (a(), s("video", {
         key: 1,
         ref_key: "videoRef",
@@ -405,13 +405,13 @@ const L = /* @__PURE__ */ m({
           src: e.media,
           type: u.value
         }, null, 8, m1),
-        f[3] || (f[3] = M(" Your browser does not support the video tag. ", -1))
+        h[3] || (h[3] = M(" Your browser does not support the video tag. ", -1))
       ], 8, p1)),
       l("div", {
         class: c(["z-10 col-start-1 row-span-2 row-start-1 flex items-center justify-center bg-cornflower-blue-200/70 transition-opacity duration-300", e.selected ? "opacity-100" : "opacity-0"])
       }, [
         l("div", v1, [
-          b(y, {
+          p(x, {
             name: "check",
             class: "ml-auto block shrink-0 text-3xl text-white"
           })
@@ -420,27 +420,21 @@ const L = /* @__PURE__ */ m({
       l("div", b1, [
         l("div", null, [
           l("div", g1, g(e.name), 1),
-          l("div", x1, g(e.type), 1)
+          l("div", y1, g(e.type), 1)
         ]),
-        e.variant === "video" ? (a(), x(y, {
-          key: 0,
-          name: "play",
-          class: "ml-auto block shrink-0 text-3xl"
-        })) : p("", !0),
-        e.variant === "slideshow" ? (a(), x(y, {
-          key: 1,
-          name: "image-stack",
-          class: "ml-auto block shrink-0 text-3xl"
-        })) : p("", !0)
+        p(x, {
+          name: e.variant === "post" ? "image" : e.variant === "video" ? "play-circle" : "images",
+          class: "mb-1 ml-auto block shrink-0 self-end text-lg"
+        }, null, 8, ["name"])
       ])
     ], 42, d1));
   }
-}), y1 = {
+}), x1 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 394.727 791.624"
 };
 function k1(e, t) {
-  return a(), s("svg", y1, [...t[0] || (t[0] = [
+  return a(), s("svg", x1, [...t[0] || (t[0] = [
     z('<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)
   ])]);
 }
@@ -479,11 +473,11 @@ const z1 = { render: T1 }, j1 = { class: "flex items-center justify-end self-str
       post: "Post",
       reel: "TikTok & Reel",
       story: "Story"
-    }, u = h(() => ({
+    }, u = f(() => ({
       post: B1,
       reel: w1,
       story: z1
-    })[e.variant]), d = h(() => {
+    })[e.variant]), d = f(() => {
       if (e.icons)
         return e.icons.map((o) => o === "twitter" ? "x" : o).reduce(
           (o, r) => (o[r] = !0, o),
@@ -517,19 +511,19 @@ const z1 = { render: T1 }, j1 = { class: "flex items-center justify-end self-str
       onClick: o[0] || (o[0] = (r) => n("click"))
     }, [
       l("div", j1, [
-        e.chip ? (a(), x(K, {
+        e.chip ? (a(), k(K, {
           key: 0,
           variant: "warning"
         }, {
-          default: k(() => [
+          default: y(() => [
             M(g(e.chip), 1)
           ]),
           _: 1
-        })) : p("", !0),
-        b(c1, I({ class: "ml-auto" }, d.value, { "aria-hidden": "true" }), null, 16)
+        })) : b("", !0),
+        p(c1, I({ class: "ml-auto" }, d.value, { "aria-hidden": "true" }), null, 16)
       ]),
       l("div", N1, [
-        (a(), x(V(u.value), {
+        (a(), k(V(u.value), {
           class: "h-44 object-contain transition-transform group-hover:-translate-y-0.5",
           "aria-hidden": "true"
         }))
@@ -539,13 +533,13 @@ const z1 = { render: T1 }, j1 = { class: "flex items-center justify-end self-str
       }, [
         l("div", Z1, [
           l("span", H1, [
-            e.selected ? (a(), x(y, {
+            e.selected ? (a(), k(x, {
               key: 0,
               name: "check",
               type: "solid",
               class: "absolute top-1/2 -translate-x-[calc(100%+4px)] -translate-y-[calc(50%+1px)] text-white",
               "aria-hidden": "true"
-            })) : p("", !0),
+            })) : b("", !0),
             M(" " + g(e.label ?? i[e.variant]), 1)
           ])
         ])
@@ -564,15 +558,15 @@ const z1 = { render: T1 }, j1 = { class: "flex items-center justify-end self-str
   },
   emits: ["update:currentStep"],
   setup(e) {
-    return (t, n) => (a(), x(X, {
+    return (t, n) => (a(), k(X, {
       title: e.title,
       "back-button-action": e.backButtonAction,
       "back-button-text": e.backButtonText
     }, A({ _: 2 }, [
       e.steps ? {
         name: "center",
-        fn: k(() => [
-          b(i1, {
+        fn: y(() => [
+          p(i1, {
             class: "w-full",
             steps: e.steps.length,
             "step-titles": e.steps,
@@ -584,7 +578,7 @@ const z1 = { render: T1 }, j1 = { class: "flex items-center justify-end self-str
       } : void 0,
       t.$slots.default ? {
         name: "right",
-        fn: k(() => [
+        fn: y(() => [
           w(t.$slots, "default")
         ]),
         key: "1"
@@ -597,7 +591,7 @@ export {
   D as NexxtButton,
   K as NexxtChip,
   X as NexxtHeader,
-  y as NexxtIcon,
+  x as NexxtIcon,
   C1 as NexxtInfoBlock,
   i1 as NexxtProgressBar,
   c1 as NexxtSocialIcons,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nexxtmove/ui",
   "type": "module",
-  "version": "0.1.17",
+  "version": "0.1.19",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",

package/tailwind/nexxtmove.tailwind.components.css

@@ -113,12 +113,12 @@
     @apply border-b-header-border-bottom h-(--header-height) px-(--header-padding-x) gap-(--header-gap) border-b border-solid;
   }
 
-  .info-block {
-    @apply border-info-block-border p-(--info-block-padding) border border-solid;
-  }
-
   .social-media-template-info {
     @apply bg-social-media-template-info-bg;
   }
 
+  .info-block {
+    @apply p-(--info-block-padding);
+  }
+
 }

package/tailwind/nexxtmove.tailwind.theme.css

@@ -158,7 +158,6 @@
   --color-progress-bar-bg-bar: var(--color-gray-50);
   --color-progress-bar-border: var(--color-gray-200);
   --color-header-border-bottom: var(--color-gray-200);
-  --color-info-block-border: var(--color-green-500);
   --color-social-media-template-info-bg: var(--color-cornflower-blue-500);
   --text-xs: 0.75rem;
   --text-base: 1rem;