@nexdom/uimed-vue 1.0.0-alpha.1 → 1.0.0-beta.2

package/README.md

@@ -4,7 +4,7 @@
 [![CD](https://github.com/nexdom-healthtech/uimed-vue/actions/workflows/cd.yml/badge.svg)](https://github.com/nexdom-healthtech/uimed-vue/actions/workflows/cd.yml)
 [![Dependabot](https://github.com/nexdom-healthtech/uimed-vue/actions/workflows/dependabot/dependabot-updates/badge.svg)](https://github.com/nexdom-healthtech/uimed-vue/actions/workflows/dependabot/dependabot-updates)
 
-A ui framework for NEXDOM applications, based on [Vuetify](https://vuetifyjs.com/).
+A ui framework for NEXDOM applications, based on [Material Design](https://m3.material.io/).
 
 For more examples and information, check the [docs page](https://nexdom-healthtech.github.io/uimed-vue/).
 

package/dist/components.d.ts

@@ -2,8 +2,74 @@
 /**
  * Root component to be placed at the top of the component tree.
  */
+declare const _default$1: typeof __VLS_export$1;
+declare const __VLS_export$1: __VLS_WithSlots$1<import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<{}, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, true, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$1<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/btn/types.d.ts
+/**
+ * Style variation for the {@link Btn} component.
+ * {@link btnVariantToVuetifyVariant} for the mapping applied when rendering.
+ */
+type BtnVariant = "primary" | "secondary" | "ghost";
+/**
+ * Color palette for the {@link Btn} component.
+ * {@link btnColorToVuetifyColor} for the mapping applied when rendering.
+ */
+type BtnColor = "primary" | "secondary" | "positive" | "informative" | "caution" | "danger";
+/**
+ * Props exposed by the {@link Btn} component.
+ */
+type BtnProps = {
+  /**
+   * Applies a distinct style variation to the button.
+   * One of `primary`, `secondary`, or `ghost`.
+   * @default "primary"
+   */
+  variant?: BtnVariant;
+  /**
+   * Applies a color to the button.
+   * One of `primary`, `secondary`, `positive`, `informative`, `caution`, or `danger`.
+   * @default "primary"
+   */
+  color?: BtnColor;
+  /**
+   * Removes the ability to click or target the button.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * Displays a loading indicator on the button, disabling interaction.
+   * @default false
+   */
+  loading?: boolean;
+};
+//#endregion
+//#region src/components/btn/btn.vue.d.ts
+/**
+ * Button component to be used throughout the application.
+ *
+ * @example
+ * ```vue
+ * <btn variant="primary" color="danger" @click="onClick">
+ *   Confirmar
+ * </btn>
+ * ```
+ *
+ * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/btn | Guia do Btn}
+ */
 declare const _default: typeof __VLS_export;
-declare const __VLS_export: __VLS_WithSlots<import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<{}, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, true, {}, any>, {
+declare const __VLS_export: __VLS_WithSlots<import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<BtnProps, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {
+  click: () => any;
+}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<BtnProps> & Readonly<{
+  onClick?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;
 }>;
 type __VLS_WithSlots<T, S> = T & {
@@ -12,4 +78,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default as Root };
+export { _default as Btn, _default$1 as Root };

package/dist/components.js

@@ -1,5 +1,5 @@
-import { createBlock, defineComponent, openBlock, renderSlot, unref, withCtx } from "vue";
-import { VApp } from "vuetify/components";
+import { computed, createBlock, defineComponent, openBlock, renderSlot, unref, withCtx } from "vue";
+import { VApp, VBtn } from "vuetify/components";
 //#endregion
 //#region src/components/root.vue
 var root_default = /* @__PURE__ */ defineComponent({
@@ -15,4 +15,80 @@ var root_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-export { root_default as Root };
+//#region src/components/btn/consts.ts
+/**
+* Maps {@link BtnVariant} to the underlying Vuetify `VBtn` `variant` value.
+* Each value is checked against Vuetify's prop type, so a variant renamed or
+* removed by Vuetify fails to type-check here.
+*/
+const btnVariantToVuetifyVariant = {
+	primary: "elevated",
+	secondary: "flat",
+	ghost: "outlined"
+};
+/**
+* Maps {@link BtnColor} to the underlying Vuetify `VBtn` `color` value.
+* Vuetify types `color` as a bare `string` (it accepts any theme color or
+* CSS color), so this only guarantees every {@link BtnColor} has a mapped
+* value — not that the value is itself a valid Vuetify theme color.
+*/
+const btnColorToVuetifyColor = {
+	primary: "primary",
+	secondary: "secondary",
+	positive: "success",
+	informative: "info",
+	caution: "warning",
+	danger: "error"
+};
+//#endregion
+//#region src/components/btn/btn.vue
+var btn_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "btn",
+	props: {
+		variant: {
+			type: String,
+			required: false,
+			default: "primary"
+		},
+		color: {
+			type: String,
+			required: false,
+			default: "primary"
+		},
+		disabled: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		loading: {
+			type: Boolean,
+			required: false,
+			default: false
+		}
+	},
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		const vuetifyVariant = computed(() => btnVariantToVuetifyVariant[__props.variant]);
+		const vuetifyColor = computed(() => btnColorToVuetifyColor[__props.color]);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(VBtn), {
+				variant: vuetifyVariant.value,
+				color: vuetifyColor.value,
+				disabled: __props.disabled,
+				loading: __props.loading,
+				onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"variant",
+				"color",
+				"disabled",
+				"loading"
+			]);
+		};
+	}
+});
+//#endregion
+export { btn_default as Btn, root_default as Root };

package/dist/plugins.d.ts

@@ -1,5 +1,8 @@
 import vitePluginVuetify from "vite-plugin-vuetify";
 //#region src/plugins.d.ts
+/**
+ * Vite plugin for Uimed.
+ */
 declare function vitePluginUimed(): ReturnType<typeof vitePluginVuetify>;
 //#endregion
 export { vitePluginUimed };

package/dist/plugins.js

@@ -1,5 +1,8 @@
 import vitePluginVuetify from "vite-plugin-vuetify";
 //#region src/plugins.ts
+/**
+* Vite plugin for Uimed.
+*/
 function vitePluginUimed() {
 	return vitePluginVuetify({ autoImport: false });
 }

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@nexdom/uimed-vue",
-  "version": "1.0.0-alpha.1",
+  "version": "1.0.0-beta.2",
   "description": "A ui framework for NEXDOM applications.",
   "keywords": [
     "lib",
     "nexdom",
     "typescript",
-    "utils"
+    "utils",
+    "vue"
   ],
   "homepage": "https://nexdom-healthtech.github.io/uimed-vue/",
   "bugs": {
@@ -42,25 +43,27 @@
     "depcruise": "depcruise src --output-type err-long",
     "depcruise:graph": "depcruise src --output-type dot| dot -T svg > dependencygraph.svg",
     "depcruise:graph:no-tests": "depcruise src --exclude \"__tests__\"  --output-type dot | dot -T svg > dependencygraph.no-tests.svg",
-    "docs:dev": "vitepress dev docs --host",
-    "docs:preview": "vitepress preview docs"
+    "docs:dev": "vitepress dev docs --host --port 5173 --strictPort"
   },
   "devDependencies": {
     "@commitlint/cli": "^21.2.1",
     "@commitlint/config-conventional": "^21.2.0",
     "@fontsource/roboto": "^5.3.0",
     "@mdi/font": "^7.4.47",
+    "@playwright/test": "^1.62.1",
     "@types/node": "^26.1.2",
     "@typescript/native-preview": "7.0.0-dev.20260707.2",
     "@vitejs/plugin-vue": "^6.0.8",
     "@vitest/coverage-v8": "4.1.10",
     "@vue/test-utils": "^2.4.11",
     "bumpp": "^12.1.1",
+    "conventional-changelog-conventionalcommits": "^9.3.1",
     "dependency-cruiser": "^18.1.1",
     "jsdom": "^30.0.1",
     "oxc-minify": "^0.143.0",
     "postcss": "^8.5.25",
     "resize-observer-polyfill": "^1.5.1",
+    "type-fest": "^5.8.0",
     "typescript": "^6.0.3",
     "vite-plugin-vuetify": "^2.1.3",
     "vite-plus": "^0.2.7",
@@ -82,5 +85,23 @@
       "@commitlint/config-conventional"
     ]
   },
+  "release": {
+    "plugins": [
+      [
+        "@semantic-release/commit-analyzer",
+        {
+          "preset": "conventionalcommits"
+        }
+      ],
+      [
+        "@semantic-release/release-notes-generator",
+        {
+          "preset": "conventionalcommits"
+        }
+      ],
+      "@semantic-release/npm",
+      "@semantic-release/github"
+    ]
+  },
   "packageManager": "pnpm@10.32.0"
 }