@nexxtmove/ui 0.0.7 → 0.0.8

package/dist/index.d.ts

@@ -5,6 +5,7 @@ import { PublicProps } from 'vue';
 
 declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
 variant: "primary" | "secondary";
+buttonType: "button" | "submit" | "reset";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLButtonElement>;
 
 declare type __VLS_Props = {
@@ -13,6 +14,7 @@ declare type __VLS_Props = {
     iconRight?: boolean;
     disabled?: boolean;
     loading?: boolean;
+    buttonType?: 'button' | 'submit' | 'reset';
 };
 
 declare function __VLS_template(): {
@@ -32,6 +34,6 @@ declare type __VLS_WithTemplateSlots<T, S> = T & {
     };
 };
 
-export declare const Button: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export declare const NexxtButton: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 
 export { }

package/dist/index.js

@@ -1,37 +1,36 @@
-import { defineComponent as d, createElementBlock as t, openBlock as a, normalizeClass as o, createCommentVNode as i, renderSlot as c, createVNode as u, Transition as b, withCtx as f, createElementVNode as y } from "vue";
-const g = ["disabled"], v = /* @__PURE__ */ d({
+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({
   __name: "Button",
   props: {
     variant: { default: "primary" },
     icon: {},
     iconRight: { type: Boolean },
     disabled: { type: Boolean },
-    loading: { type: Boolean }
+    loading: { type: Boolean },
+    buttonType: { default: "button" }
   },
-  setup(e) {
-    const l = {
-      primary: "bg-cornflower-blue-500 hover:bg-cornflower-blue-400 text-gray-50 disabled:bg-gray-200 disabled:text-gray-600",
-      secondary: "bg-white border border-gray-950 hover:border-cornflower-blue-700 disabled:border-gray-400 disabled:text-gray-400"
-    }, s = {
+  setup(t) {
+    const s = {
       primary: "bg-cornflower-blue-500",
       secondary: "bg-white"
     };
-    return (r, n) => (a(), t("button", {
-      type: "button",
-      disabled: e.disabled,
-      class: o([
-        "outline-cornflower-blue-100 relative flex h-10 cursor-pointer items-center justify-center gap-2 overflow-hidden rounded-lg transition-colors focus:outline-3 disabled:cursor-not-allowed",
-        r.$slots.default ? "px-4" : "w-10",
-        l[e.variant],
-        e.loading ? "pointer-events-none" : ""
-      ])
+    return (o, i) => (a(), e("button", {
+      type: t.buttonType,
+      disabled: t.disabled,
+      class: n([
+        "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" : ""
+      ]),
+      "data-variant": t.variant
     }, [
-      e.icon ? (a(), t("i", {
+      t.icon ? (a(), e("i", {
         key: 0,
-        class: o([`fa-light fa-${e.icon} text-sm`, { "order-last": e.iconRight }])
-      }, null, 2)) : i("", !0),
-      c(r.$slots, "default"),
-      u(b, {
+        class: n([`fa-light fa-${t.icon} text-sm`, { "order-last": t.iconRight }])
+      }, null, 2)) : l("", !0),
+      c(o.$slots, "default"),
+      d(u, {
         "enter-active-class": "transition-opacity duration-200",
         "enter-from-class": "opacity-0",
         "enter-to-class": "opacity-100",
@@ -40,21 +39,21 @@ const g = ["disabled"], v = /* @__PURE__ */ d({
         "leave-to-class": "opacity-0"
       }, {
         default: f(() => [
-          e.loading ? (a(), t("div", {
+          t.loading ? (a(), e("div", {
             key: 0,
-            class: o([
+            class: n([
               "absolute inset-0 flex items-center justify-center rounded-lg",
-              s[e.variant]
+              s[t.variant]
             ])
-          }, [...n[0] || (n[0] = [
+          }, [...i[0] || (i[0] = [
             y("i", { class: "fa-light fa-spinner-third fa-spin absolute text-sm" }, null, -1)
-          ])], 2)) : i("", !0)
+          ])], 2)) : l("", !0)
         ]),
         _: 1
       })
-    ], 10, g));
+    ], 10, m));
   }
 });
 export {
-  v as Button
+  v as NexxtButton
 };

package/dist/nexxtmove.tailwind.theme.css

@@ -172,12 +172,13 @@
   --button-padding-x: var(--spacing-4);
   --button-padding-y: var(--spacing-2);
   --button-gap: var(--spacing-1);
+  --button-border-radius: var(--radius-lg);
   --font-sans: 'Poppins', ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   --font-serif: 'Playfair Display', ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
   --font-mono: 'Roboto Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-  --shadow-xs: 0rem 0rem 1.5rem 0rem oklch(26.805% 0.01602 264.26805);
-  --shadow-sm: 0rem 0rem 2rem 0.3125rem oklch(26.805% 0.01602 264.26805);
-  --shadow-md: 0rem 0rem 3rem 0.625rem oklch(26.805% 0.01602 264.26805);
-  --shadow-lg: 0rem 0rem 5rem 0.9375rem oklch(26.805% 0.01602 264.26805);
-  --shadow-xl: 0rem 0.25rem 7rem 1.25rem oklch(26.805% 0.01602 264.26805);
+  --shadow-xs: 0px 0px 24px 0px oklch(26.805% 0.01602 264.26805 / 5%);
+  --shadow-sm: 0px 0px 32px 5px oklch(26.805% 0.01602 264.26805 / 10%);
+  --shadow-md: 0px 0px 48px 10px oklch(26.805% 0.01602 264.26805 / 12%);
+  --shadow-lg: 0px 0px 80px 15px oklch(26.805% 0.01602 264.26805 / 16%);
+  --shadow-xl: 0px 4px 112px 20px oklch(26.805% 0.01602 264.26805 / 18%);
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nexxtmove/ui",
   "type": "module",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -38,6 +38,7 @@
     "consola": "^3.4.2",
     "eslint": "^9.39.2",
     "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-prettier": "^5.5.5",
     "eslint-plugin-vue": "^10.6.2",
     "globals": "^17.0.0",
     "jsdom": "^27.4.0",
@@ -61,6 +62,7 @@
     "test:dev": "vitest run --reporter=json --reporter=default",
     "build": "vite build && pnpm sd",
     "format": "prettier --write .",
+    "generate:index": "node --experimental-strip-types ./scripts/generate-index.ts",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
     "storybook": "storybook dev -p 6006",