@nexdom/uimed-vue 1.0.0-beta.1 → 1.0.0-beta.3

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,95 @@ 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"
+};
+/**
+* Resolves a {@link BtnVariant} to its Vuetify `VBtn` `variant` value,
+* defaulting to `primary`'s mapping when `variant` is `undefined` or not a
+* key of {@link btnVariantToVuetifyVariant} (e.g. a value that bypassed
+* {@link BtnVariant}'s type check at the call site).
+*/
+function resolveBtnVariant(variant) {
+	return btnVariantToVuetifyVariant[variant] ?? btnVariantToVuetifyVariant.primary;
+}
+/**
+* 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"
+};
+/**
+* Resolves a {@link BtnColor} to its Vuetify `VBtn` `color` value,
+* defaulting to `primary`'s mapping when `color` is `undefined` or not a key
+* of {@link btnColorToVuetifyColor} (e.g. a value that bypassed
+* {@link BtnColor}'s type check at the call site).
+*/
+function resolveBtnColor(color) {
+	return btnColorToVuetifyColor[color] ?? btnColorToVuetifyColor.primary;
+}
+//#endregion
+//#region src/components/btn/btn.vue
+var btn_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "btn",
+	props: {
+		variant: {
+			type: String,
+			required: false
+		},
+		color: {
+			type: String,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		loading: {
+			type: Boolean,
+			required: false
+		}
+	},
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const vuetifyVariant = computed(() => resolveBtnVariant(props.variant));
+		const vuetifyColor = computed(() => resolveBtnColor(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/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@nexdom/uimed-vue",
-  "version": "1.0.0-beta.1",
+  "version": "1.0.0-beta.3",
   "description": "A ui framework for NEXDOM applications.",
   "keywords": [
     "lib",
     "nexdom",
     "typescript",
-    "utils"
+    "utils",
+    "vue"
   ],
   "homepage": "https://nexdom-healthtech.github.io/uimed-vue/",
   "bugs": {
@@ -36,30 +37,36 @@
     "build": "vp pack",
     "dev": "vp pack --watch",
     "test": "vp test",
+    "test:mutations": "stryker run",
     "check": "vp check",
     "prepublishOnly": "vpr build",
     "prepare": "vp config",
     "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: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",
+    "@stryker-mutator/core": "^10.0.0",
+    "@stryker-mutator/vitest-runner": "^10.0.0",
     "@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",
@@ -81,5 +88,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"
 }