@nexxtmove/ui 0.0.14 → 0.0.15

package/dist/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as c, createElementBlock as i, openBlock as n, normalizeClass as t, createBlock as d, createCommentVNode as o, createElementVNode as u, createVNode as l, renderSlot as f, Transition as m, withCtx as y } from "vue";
+import { defineComponent as c, createElementBlock as i, openBlock as a, normalizeClass as n, createBlock as d, createCommentVNode as o, createVNode as l, renderSlot as u, Transition as f, withCtx as m } from "vue";
 const s = /* @__PURE__ */ c({
   name: "NexxtIcon",
   __name: "Icon",
@@ -7,14 +7,14 @@ const s = /* @__PURE__ */ c({
     type: { default: "light" }
   },
   setup(e) {
-    return (a, r) => (n(), i("i", {
-      class: t([`fa-${e.type}`, `fa-${e.name}`, "items-center", "justify-center"])
+    return (t, r) => (a(), i("i", {
+      class: n([`fa-${e.type}`, `fa-${e.name}`, "items-center", "justify-center"])
     }, null, 2));
   }
-}), v = ["type", "disabled", "data-variant"], b = {
+}), y = ["type", "disabled", "data-variant"], v = {
   key: 0,
-  class: /* @__PURE__ */ t(["absolute inset-0 flex items-center justify-center rounded-lg"])
-}, x = /* @__PURE__ */ c({
+  class: /* @__PURE__ */ n(["absolute inset-0 flex items-center justify-center rounded-lg"])
+}, h = /* @__PURE__ */ c({
   name: "NexxtButton",
   __name: "Button",
   props: {
@@ -26,33 +26,35 @@ const s = /* @__PURE__ */ c({
     buttonType: { default: "button" }
   },
   setup(e) {
-    return (a, r) => (n(), i("button", {
+    return (t, r) => (a(), i("button", {
       type: e.buttonType,
       disabled: e.disabled,
-      class: t([
+      class: n([
         "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}`,
-        a.$slots.default ?? "w-10",
+        t.$slots.default ?? "w-10",
+        !t.$slots.default && e.icon ? "aspect-square px-0" : "",
         e.loading ? "pointer-events-none" : ""
       ]),
       "data-variant": e.variant
     }, [
-      e.icon ? (n(), d(s, {
+      e.icon ? (a(), d(s, {
         key: 0,
         name: e.icon,
-        class: t({ "order-last": e.iconRight, "opacity-0": e.loading })
+        class: n({ "order-last": e.iconRight, "opacity-0": e.loading })
       }, null, 8, ["name", "class"])) : o("", !0),
-      u("span", {
-        class: t([
+      t.$slots.default ? (a(), i("span", {
+        key: 1,
+        class: n([
           "inline-block transition-all duration-200",
           { "opacity-0": e.loading },
           e.variant === "link" ? "underline underline-offset-1" : "",
           e.variant === "link" && !e.loading && !e.disabled ? "hover:underline-offset-2" : ""
         ])
       }, [
-        f(a.$slots, "default")
-      ], 2),
-      l(m, {
+        u(t.$slots, "default")
+      ], 2)) : o("", !0),
+      l(f, {
         "enter-active-class": "transition-opacity duration-200",
         "enter-from-class": "opacity-0",
         "enter-to-class": "opacity-100",
@@ -60,8 +62,8 @@ const s = /* @__PURE__ */ c({
         "leave-from-class": "opacity-100",
         "leave-to-class": "opacity-0"
       }, {
-        default: y(() => [
-          e.loading ? (n(), i("div", b, [
+        default: m(() => [
+          e.loading ? (a(), i("div", v, [
             l(s, {
               name: "spinner-third",
               type: "light",
@@ -71,10 +73,10 @@ const s = /* @__PURE__ */ c({
         ]),
         _: 1
       })
-    ], 10, v));
+    ], 10, y));
   }
 });
 export {
-  x as NexxtButton,
+  h as NexxtButton,
   s as NexxtIcon
 };

package/package.json

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