fix: listbox story args

Author: marklearst

.gitignore

@@ -3,3 +3,4 @@ node_modules
 storybook-static
 .idea
 .pnpm-store
+.DS_Store

src/components/form-field/listbox/listbox.stories.tsx

@@ -3,9 +3,16 @@ import type { Meta, StoryObj } from '@storybook/react-vite'
 import { FC, useState } from 'react'
 import { FormField } from '../form-field'
 
-const meta: Meta<typeof FormField.Listbox> = {
+type ListboxStoryArgs = {
+  label: string
+  description: string
+  placeholder: string
+  width: number
+  disabled: boolean
+}
+
+const meta: Meta<ListboxStoryArgs> = {
   title: 'Input/Listbox',
-  component: FormField.Listbox,
   args: {
     label: 'Label',
     description: 'Description',
@@ -24,7 +31,7 @@ const meta: Meta<typeof FormField.Listbox> = {
 
 export default meta
 
-type Story = StoryObj<typeof FormField.Listbox>
+type Story = StoryObj<ListboxStoryArgs>
 
 interface Person {
   id: number

src/components/form-field/listbox/listbox.tsx

@@ -19,6 +19,7 @@ export interface ListboxProps<TValue> {
   value: TValue
   onChange: (value: TValue) => void
   multiple?: boolean
+  disabled?: boolean
   className?: string
 }
 
@@ -27,10 +28,16 @@ const Listbox = <TValue,>({
   value,
   onChange,
   multiple,
+  disabled,
   className,
 }: ListboxProps<TValue>) => {
   return (
-    <HeadlessListbox value={value} onChange={onChange} multiple={multiple}>
+    <HeadlessListbox
+      value={value}
+      onChange={onChange}
+      multiple={multiple}
+      disabled={disabled}
+    >
       <div
         className={classNames(
           'relative w-full',