@soft-stech/bootsman-ui-shadcn 2.0.1 → 2.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soft-stech/bootsman-ui-shadcn",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "type": "module",
   "files": [
     "dist",

package/src/components/pagination/BuiPaginationCommon.vue

@@ -54,7 +54,7 @@ const pageSizeString = computed({
       <p class="text-muted-foreground text-sm">
         {{ translations?.itemsPerPage || 'Items per page' }}
       </p>
-      <BuiSelect v-model.number="pageSizeString">
+      <BuiSelect v-model="pageSizeString">
         <BuiSelectTrigger class="mr-2 w-[70px]">
           <BuiSelectValue :placeholder="pageSize.toString()" />
         </BuiSelectTrigger>

package/src/components/select/BuiSelect.vue

@@ -1,11 +1,11 @@
-<script setup lang="ts">
+<script setup lang="ts" generic="T extends AcceptableValue = AcceptableValue">
 import { FORM_READONLY_INJECTION_KEY } from '@/components/form'
-import type { SelectRootEmits, SelectRootProps } from 'reka-ui'
+import type { AcceptableValue, SelectRootEmits, SelectRootProps } from 'reka-ui'
 import { SelectRoot, useForwardPropsEmits } from 'reka-ui'
 import { inject, toRef } from 'vue'
 
-const props = defineProps<SelectRootProps>()
-const emits = defineEmits<SelectRootEmits>()
+const props = defineProps<SelectRootProps<T>>()
+const emits = defineEmits<SelectRootEmits<T>>()
 
 const forwarded = useForwardPropsEmits(props, emits)
 

package/src/stories/BuiSelect.stories.ts

@@ -20,13 +20,17 @@ import {
   BuiFormControl,
   BuiFormMessage
 } from '@/components/form'
+import type { AcceptableValue, SelectRootProps } from 'reka-ui'
+import type { DefineComponent } from 'vue'
+
+type MySelectType = DefineComponent<SelectRootProps<AcceptableValue>>
 
 const meta = {
-  component: BuiSelect,
+  component: BuiSelect as unknown as MySelectType,
   tags: ['autodocs'],
   argTypes: {},
   args: {}
-} satisfies Meta<typeof BuiSelect>
+} satisfies Meta<MySelectType>
 export default meta
 
 type Story = StoryObj<typeof meta>