fix: fix build for checkbox and radio buttons stories

Author: Vladimir Hrmo

components/buttons/buttons.stories.ts

@@ -24,7 +24,7 @@ const BTN_STYLES = {
 };
 
 
-export const Basic = {
+export const Basic: StoryObj = {
   render(args) {
     const table = document.createElement('table');
     const headerRow = table.insertRow();
@@ -67,23 +67,23 @@ export const Basic = {
   }
 };
 
-export const Elevated = {
+export const Elevated: StoryObj = {
   ...Basic,
   args: {
     label: 'Button',
     classes: ['btn', 'elevated']
   }
 };
 
-export const FloatingWithText = {
+export const FloatingWithText: StoryObj = {
   ...Basic,
   args: {
     label: 'B',
     classes: ['btn-floating']
   }
 };
 
-export const FloatingWithIcon = {
+export const FloatingWithIcon: StoryObj = {
   ...Basic,
   args: {
     label: '',
@@ -92,7 +92,7 @@ export const FloatingWithIcon = {
   }
 };
 
-export const IconLeft = {
+export const IconLeft: StoryObj = {
   ...Basic,
   args: {
     label: 'Button',
@@ -101,7 +101,7 @@ export const IconLeft = {
   }
 };
 
-export const IconRight = {
+export const IconRight: StoryObj = {
   ...Basic,
   args: {
     label: 'Submit',

components/checkbox/checkbox.stories.ts

@@ -6,8 +6,8 @@ export default {
 } satisfies Meta;
 
 
-export const Default = {
-  render(args) {
+export const Default: StoryObj = {
+  render() {
     return `
 <form action="#">
   <p>
@@ -39,8 +39,8 @@ export const Default = {
   }
 };
 
-export const FilledIn = {
-  render(args) {
+export const FilledIn: StoryObj = {
+  render() {
     return `
 <form action="#">
   <p>
@@ -72,8 +72,8 @@ export const FilledIn = {
   }
 };
 
-export const Indeterminate = {
-  render(args) {
+export const Indeterminate:StoryObj = {
+  render() {
     return `
 <form action="#">
   <p>

components/radio-button/radio-buttons.stories.ts

@@ -6,8 +6,8 @@ export default {
 } satisfies Meta;
 
 
-export const Default = {
-  render(args) {
+export const Default: StoryObj = {
+  render() {
     return `
 <form action="#">
   <p>
@@ -39,8 +39,8 @@ export const Default = {
   }
 };
 
-export const WithGap = {
-  render(args) {
+export const WithGap: StoryObj = {
+  render() {
     return `
 <p>
   <label>