From a08b390ae7a870692997864ac7cba6e46290d85e Mon Sep 17 00:00:00 2001
From: Andrea Leardini <andre8244@gmail.com>
Date: Mon, 20 Oct 2025 16:14:47 +0200
Subject: [PATCH 1/5] feat: add NeStepper component

---
 src/components/NeStepper.vue | 31 +++++++++++++++++++++++++++++++
 src/main.ts                  |  1 +
 stories/NeStepper.stories.ts | 32 ++++++++++++++++++++++++++++++++
 3 files changed, 64 insertions(+)
 create mode 100644 src/components/NeStepper.vue
 create mode 100644 stories/NeStepper.stories.ts

diff --git a/src/components/NeStepper.vue b/src/components/NeStepper.vue
new file mode 100644
index 0000000..cad09b9
--- /dev/null
+++ b/src/components/NeStepper.vue
@@ -0,0 +1,31 @@
+<!--
+  Copyright (C) 2025 Nethesis S.r.l.
+  SPDX-License-Identifier: GPL-3.0-or-later
+-->
+
+<script setup lang="ts">
+import NeProgressBar from './NeProgressBar.vue'
+import { range } from 'lodash-es'
+
+const { totalSteps, currentStep, stepLabel } = defineProps<{
+  totalSteps: number
+  currentStep: number
+  stepLabel: string
+}>()
+</script>
+
+<template>
+  <div>
+    <NeProgressBar :progress="(currentStep / totalSteps) * 100" size="sm" />
+    <div class="mt-2 flex flex-row">
+      <div v-for="i in range(1, totalSteps + 1)" :key="i" class="flex grow basis-0 justify-center">
+        <p
+          v-if="i == currentStep"
+          class="text-primary-700 dark:text-primary-500 text-xs font-medium"
+        >
+          {{ stepLabel }} {{ currentStep }}/{{ totalSteps }}
+        </p>
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/src/main.ts b/src/main.ts
index 7ae0e82..e1582be 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -40,6 +40,7 @@ export { default as NeDropdownFilter } from './components/NeDropdownFilter.vue'
 export { default as NeSortDropdown } from './components/NeSortDropdown.vue'
 export { default as NeAvatar } from './components/NeAvatar.vue'
 export { default as NeBadgeV2 } from './components/NeBadgeV2.vue'
+export { default as NeStepper } from './components/NeStepper.vue'
 
 // types export
 export type { NeComboboxOption } from './components/NeCombobox.vue'
diff --git a/stories/NeStepper.stories.ts b/stories/NeStepper.stories.ts
new file mode 100644
index 0000000..365c1ea
--- /dev/null
+++ b/stories/NeStepper.stories.ts
@@ -0,0 +1,32 @@
+//  Copyright (C) 2025 Nethesis S.r.l.
+//  SPDX-License-Identifier: GPL-3.0-or-later
+
+import type { Meta, StoryObj } from '@storybook/vue3-vite'
+import { NeStepper } from '../src/main'
+
+const meta = {
+  title: 'NeStepper',
+  component: NeStepper,
+  tags: ['autodocs'],
+  args: {
+    totalSteps: 4,
+    currentStep: 1,
+    stepLabel: 'Step'
+  } // default values
+} satisfies Meta<typeof NeStepper>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+const defaultTemplate = `<NeStepper v-bind="args" />`
+
+export const Default: Story = {
+  render: (args) => ({
+    components: { NeStepper },
+    setup() {
+      return { args }
+    },
+    template: defaultTemplate
+  }),
+  args: {}
+}

From a5edd2318174355d836f9a3396b62952f9b2bff7 Mon Sep 17 00:00:00 2001
From: Andrea Leardini <andre8244@gmail.com>
Date: Tue, 21 Oct 2025 11:56:26 +0200
Subject: [PATCH 2/5] fix(NePaginator): fix disabled state of next button

---
 src/components/NePaginator.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/NePaginator.vue b/src/components/NePaginator.vue
index b200c57..8638fb7 100644
--- a/src/components/NePaginator.vue
+++ b/src/components/NePaginator.vue
@@ -230,7 +230,7 @@ function navigateToPage(page: number) {
         </template>
         <li>
           <button
-            :disabled="currentPage === totalPages"
+            :disabled="currentPage >= totalPages"
             :aria-label="nextLabel"
             class="flex h-10 items-center justify-center rounded-e-lg border border-gray-300 bg-white px-4 leading-tight text-gray-500 hover:bg-gray-50 hover:text-gray-700 disabled:cursor-not-allowed disabled:opacity-50 dark:border-gray-700 dark:bg-gray-950 dark:text-gray-400 dark:hover:bg-gray-900 dark:hover:text-white"
             @click="navigateToPage(currentPage + 1)"

From 9e66ad6a3c7278ff6845f441194c9e0fb098f0dc Mon Sep 17 00:00:00 2001
From: Andrea Leardini <andre8244@gmail.com>
Date: Tue, 21 Oct 2025 12:47:11 +0200
Subject: [PATCH 3/5] fix(NeDropdown): make alignToRight prop optional

---
 src/components/NeDropdown.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/NeDropdown.vue b/src/components/NeDropdown.vue
index 9595398..9ec83d0 100644
--- a/src/components/NeDropdown.vue
+++ b/src/components/NeDropdown.vue
@@ -13,7 +13,7 @@ import { ref, watch } from 'vue'
 
 export interface Props {
   items: NeDropdownItem[]
-  alignToRight: boolean
+  alignToRight?: boolean
   openMenuAriaLabel?: string
   menuClasses?: string
 }

From 56a1a6ac14f4d30103d2535817c5787f5de1771a Mon Sep 17 00:00:00 2001
From: Andrea Leardini <andre8244@gmail.com>
Date: Tue, 21 Oct 2025 12:47:47 +0200
Subject: [PATCH 4/5] fix(NeTableRow): add transition to hover color

---
 src/components/NeTableRow.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/NeTableRow.vue b/src/components/NeTableRow.vue
index cf7f3db..9f2673f 100644
--- a/src/components/NeTableRow.vue
+++ b/src/components/NeTableRow.vue
@@ -18,7 +18,13 @@ const trCardStyle: Record<Breakpoint, string> = {
 }
 </script>
 <template>
-  <tr :class="[`grid`, `hover:bg-gray-100 dark:hover:bg-gray-800`, trCardStyle[cardBreakpoint]]">
+  <tr
+    :class="[
+      `grid`,
+      `transition-colors duration-200 hover:bg-gray-100 dark:hover:bg-gray-800`,
+      trCardStyle[cardBreakpoint]
+    ]"
+  >
     <slot />
   </tr>
 </template>

From e1db78bf395d8794ef321af62a3306f23bf3cac4 Mon Sep 17 00:00:00 2001
From: Andrea Leardini <andrea.leardini@nethesis.it>
Date: Tue, 21 Oct 2025 12:57:21 +0200
Subject: [PATCH 5/5] fix: review by Copilot

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
---
 src/components/NeStepper.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/NeStepper.vue b/src/components/NeStepper.vue
index cad09b9..51577ec 100644
--- a/src/components/NeStepper.vue
+++ b/src/components/NeStepper.vue
@@ -20,7 +20,7 @@ const { totalSteps, currentStep, stepLabel } = defineProps<{
     <div class="mt-2 flex flex-row">
       <div v-for="i in range(1, totalSteps + 1)" :key="i" class="flex grow basis-0 justify-center">
         <p
-          v-if="i == currentStep"
+          v-if="i === currentStep"
           class="text-primary-700 dark:text-primary-500 text-xs font-medium"
         >
           {{ stepLabel }} {{ currentStep }}/{{ totalSteps }}