@nexxtmove/ui 0.0.8 → 0.0.9

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
 import { DefineComponent } from 'vue';
+import { IconName } from '@awesome.me/kit-37b149f3ef/icons';
 import { PublicProps } from 'vue';
 
 declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
@@ -10,7 +11,7 @@ buttonType: "button" | "submit" | "reset";
 
 declare type __VLS_Props = {
     variant?: 'primary' | 'secondary';
-    icon?: string;
+    icon?: InstanceType<typeof NexxtIcon>['name'];
     iconRight?: boolean;
     disabled?: boolean;
     loading?: boolean;
@@ -34,6 +35,17 @@ declare type __VLS_WithTemplateSlots<T, S> = T & {
     };
 };
 
+declare type IconType = 'regular' | 'solid' | 'light' | 'duotone' | 'brands';
+
 export declare const NexxtButton: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 
+export declare const NexxtIcon: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {
+type: IconType;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
+
+declare interface Props {
+    name: IconName;
+    type?: IconType;
+}
+
 export { }

package/dist/index.js

@@ -1,5 +1,16 @@
-import { defineComponent as r, createElementBlock as e, openBlock as a, normalizeClass as n, createCommentVNode as l, renderSlot as c, createVNode as d, Transition as u, withCtx as f, createElementVNode as y } from "vue";
-const m = ["type", "disabled", "data-variant"], v = /* @__PURE__ */ r({
+import { defineComponent as c, createElementBlock as o, openBlock as t, normalizeClass as a, createBlock as d, createCommentVNode as l, renderSlot as u, createVNode as s, Transition as m, withCtx as y } from "vue";
+const r = /* @__PURE__ */ c({
+  __name: "Icon",
+  props: {
+    name: {},
+    type: { default: "light" }
+  },
+  setup(e) {
+    return (i, n) => (t(), o("i", {
+      class: a([`fa-${e.type}`, `fa-${e.name}`, "items-center", "justify-center"])
+    }, null, 2));
+  }
+}), f = ["type", "disabled", "data-variant"], h = /* @__PURE__ */ c({
   __name: "Button",
   props: {
     variant: { default: "primary" },
@@ -9,28 +20,29 @@ const m = ["type", "disabled", "data-variant"], v = /* @__PURE__ */ r({
     loading: { type: Boolean },
     buttonType: { default: "button" }
   },
-  setup(t) {
-    const s = {
+  setup(e) {
+    const i = {
       primary: "bg-cornflower-blue-500",
       secondary: "bg-white"
     };
-    return (o, i) => (a(), e("button", {
-      type: t.buttonType,
-      disabled: t.disabled,
-      class: n([
+    return (n, b) => (t(), o("button", {
+      type: e.buttonType,
+      disabled: e.disabled,
+      class: a([
         "button relative flex h-10 cursor-pointer items-center justify-center overflow-hidden rounded-lg transition-colors focus-visible:outline-3 disabled:cursor-not-allowed",
-        `button-${t.variant}`,
-        o.$slots.default ?? "w-10",
-        t.loading ? "pointer-events-none" : ""
+        `button-${e.variant}`,
+        n.$slots.default ?? "w-10",
+        e.loading ? "pointer-events-none" : ""
       ]),
-      "data-variant": t.variant
+      "data-variant": e.variant
     }, [
-      t.icon ? (a(), e("i", {
+      e.icon ? (t(), d(r, {
         key: 0,
-        class: n([`fa-light fa-${t.icon} text-sm`, { "order-last": t.iconRight }])
-      }, null, 2)) : l("", !0),
-      c(o.$slots, "default"),
-      d(u, {
+        name: e.icon,
+        class: a({ "order-last": e.iconRight })
+      }, null, 8, ["name", "class"])) : l("", !0),
+      u(n.$slots, "default"),
+      s(m, {
         "enter-active-class": "transition-opacity duration-200",
         "enter-from-class": "opacity-0",
         "enter-to-class": "opacity-100",
@@ -38,22 +50,27 @@ const m = ["type", "disabled", "data-variant"], v = /* @__PURE__ */ r({
         "leave-from-class": "opacity-100",
         "leave-to-class": "opacity-0"
       }, {
-        default: f(() => [
-          t.loading ? (a(), e("div", {
+        default: y(() => [
+          e.loading ? (t(), o("div", {
             key: 0,
-            class: n([
+            class: a([
               "absolute inset-0 flex items-center justify-center rounded-lg",
-              s[t.variant]
+              i[e.variant]
             ])
-          }, [...i[0] || (i[0] = [
-            y("i", { class: "fa-light fa-spinner-third fa-spin absolute text-sm" }, null, -1)
-          ])], 2)) : l("", !0)
+          }, [
+            s(r, {
+              name: "spinner-third",
+              type: "light",
+              class: "fa-spin absolute text-sm"
+            })
+          ], 2)) : l("", !0)
         ]),
         _: 1
       })
-    ], 10, m));
+    ], 10, f));
   }
 });
 export {
-  v as NexxtButton
+  h as NexxtButton,
+  r as NexxtIcon
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nexxtmove/ui",
   "type": "module",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -20,6 +20,7 @@
     "vue": "^3.0.0"
   },
   "devDependencies": {
+    "@awesome.me/kit-37b149f3ef": "^1.0.4",
     "@eslint/js": "^9.39.2",
     "@storybook/addon-a11y": "^10.1.11",
     "@storybook/addon-docs": "^10.1.11",