@nexxtmove/ui 1.0.14 → 1.0.15

package/dist/index.js

@@ -8612,35 +8612,35 @@ var Ed = { class: "flex flex-col gap-1" }, Dd = {
 					ref_for: !0,
 					ref: (e) => a.value[t] = e,
 					type: "button",
-					class: "relative z-10 flex flex-1 cursor-pointer items-center justify-center rounded-lg px-4 py-1.5 text-gray-500 hover:text-gray-700",
+					class: "relative z-10 flex flex-1 cursor-pointer items-center justify-center gap-1.5 rounded-lg px-4 py-1.5 text-gray-500 hover:text-gray-700",
 					onClick: (t) => n.value = e.value
 				}, [e.icon ? (A(), c(G, {
 					key: 0,
 					name: e.icon
-				}, null, 8, ["name"])) : e.label ? (A(), u("span", kd, L(e.label), 1)) : l("", !0)], 8, Od)]),
+				}, null, 8, ["name"])) : l("", !0), e.label ? (A(), u("span", kd, L(e.label), 1)) : l("", !0)], 8, Od)]),
 				_: 2
 			}, 1024)) : (A(), u("button", {
 				key: 1,
 				ref_for: !0,
 				ref: (e) => a.value[t] = e,
 				type: "button",
-				class: "relative z-10 flex flex-1 cursor-pointer items-center justify-center rounded-lg px-4 py-1.5 text-gray-500 hover:text-gray-700",
+				class: "relative z-10 flex flex-1 cursor-pointer items-center justify-center gap-1.5 rounded-lg px-4 py-1.5 text-gray-500 hover:text-gray-700",
 				onClick: (t) => n.value = e.value
 			}, [e.icon ? (A(), c(G, {
 				key: 0,
 				name: e.icon
-			}, null, 8, ["name"])) : e.label ? (A(), u("span", jd, L(e.label), 1)) : l("", !0)], 8, Ad))], 64))), 128)),
+			}, null, 8, ["name"])) : l("", !0), e.label ? (A(), u("span", jd, L(e.label), 1)) : l("", !0)], 8, Ad))], 64))), 128)),
 			d("div", {
 				"aria-hidden": "true",
 				class: T(["pointer-events-none absolute inset-0 z-20 flex gap-1 p-1", f.value ? "transition-[clip-path] duration-500 ease-[cubic-bezier(0.34,1.2,0.64,1)]" : ""]),
 				style: D({ clipPath: s.value })
 			}, [(A(!0), u(r, null, N(e.options, (e) => (A(), u("span", {
 				key: e.value,
-				class: "flex flex-1 items-center justify-center rounded-lg px-4 py-1.5 text-cornflower-blue-600"
+				class: "flex flex-1 items-center justify-center gap-1.5 rounded-lg px-4 py-1.5 text-cornflower-blue-600"
 			}, [e.icon ? (A(), c(G, {
 				key: 0,
 				name: e.icon
-			}, null, 8, ["name"])) : e.label ? (A(), u("span", Md, L(e.label), 1)) : l("", !0)]))), 128))], 6)
+			}, null, 8, ["name"])) : l("", !0), e.label ? (A(), u("span", Md, L(e.label), 1)) : l("", !0)]))), 128))], 6)
 		], 512)]));
 	}
 }), Pd = [

package/package.json

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

package/src/components/ToggleGroup/ToggleGroup.vue

@@ -86,11 +86,11 @@ onMounted(async () => {
           <button
             :ref="(el) => (buttonRefs[index] = el as HTMLButtonElement)"
             type="button"
-            class="relative z-10 flex flex-1 cursor-pointer items-center justify-center rounded-lg px-4 py-1.5 text-gray-500 hover:text-gray-700"
+            class="relative z-10 flex flex-1 cursor-pointer items-center justify-center gap-1.5 rounded-lg px-4 py-1.5 text-gray-500 hover:text-gray-700"
             @click="model = option.value"
           >
             <NexxtIcon v-if="option.icon" :name="option.icon" />
-            <span v-else-if="option.label" class="extra-small-semibold">{{ option.label }}</span>
+            <span v-if="option.label" class="extra-small-semibold">{{ option.label }}</span>
           </button>
           <template #tooltip>{{ option.tooltip }}</template>
         </NexxtTooltip>
@@ -98,11 +98,11 @@ onMounted(async () => {
           v-else
           :ref="(el) => (buttonRefs[index] = el as HTMLButtonElement)"
           type="button"
-          class="relative z-10 flex flex-1 cursor-pointer items-center justify-center rounded-lg px-4 py-1.5 text-gray-500 hover:text-gray-700"
+          class="relative z-10 flex flex-1 cursor-pointer items-center justify-center gap-1.5 rounded-lg px-4 py-1.5 text-gray-500 hover:text-gray-700"
           @click="model = option.value"
         >
           <NexxtIcon v-if="option.icon" :name="option.icon" />
-          <span v-else-if="option.label" class="extra-small-semibold">{{ option.label }}</span>
+          <span v-if="option.label" class="extra-small-semibold">{{ option.label }}</span>
         </button>
       </template>
 
@@ -117,10 +117,10 @@ onMounted(async () => {
         <span
           v-for="option in options"
           :key="option.value"
-          class="flex flex-1 items-center justify-center rounded-lg px-4 py-1.5 text-cornflower-blue-600"
+          class="flex flex-1 items-center justify-center gap-1.5 rounded-lg px-4 py-1.5 text-cornflower-blue-600"
         >
           <NexxtIcon v-if="option.icon" :name="option.icon" />
-          <span v-else-if="option.label" class="extra-small-semibold">{{ option.label }}</span>
+          <span v-if="option.label" class="extra-small-semibold">{{ option.label }}</span>
         </span>
       </div>
     </div>