Svelte: Fix union types generating invalid labels in argTypes

code/frameworks/sveltekit/template/cli/ts/Button.stories.svelte

@@ -22,9 +22,9 @@
 </script>
 
 <!-- More on writing stories with args: https://storybook.js.org/docs/writing-stories/args -->
-<Story name="Primary" args={{ primary: true, label: 'Button' }} />
+<Story name="Primary" args={{ variant: 'primary', label: 'Button' }} />
 
-<Story name="Secondary" args={{ label: 'Button' }} />
+<Story name="Secondary" args={{ variant: 'secondary', label: 'Button' }} />
 
 <Story name="Large" args={{ size: 'large', label: 'Button' }} />
 

code/frameworks/sveltekit/template/cli/ts/Button.svelte

@@ -2,8 +2,12 @@
   import './button.css';
 
   interface Props {
-    /** Is this the principal call to action on the page? */
-    primary?: boolean;
+    /**
+     * The variant of the button
+     *
+     * @default primary
+     */
+    variant?: 'primary' | 'secondary' | 'flat';
     /** What background color to use */
     backgroundColor?: string;
     /** How large should the button be? */
@@ -14,9 +18,22 @@
     onclick?: () => void;
   }
 
-  const { primary = false, backgroundColor, size = 'medium', label, ...props }: Props = $props();
-
-  let mode = $derived(primary ? 'storybook-button--primary' : 'storybook-button--secondary');
+  const {
+    variant = 'primary',
+    backgroundColor,
+    size = 'medium',
+    label,
+    ...props
+  }: Props = $props();
+
+  const variantToClass = {
+    primary: 'storybook-button--primary',
+    secondary: 'storybook-button--secondary',
+    // Flat only exists to verify type inference for the control creation works
+    flat: '',
+  };
+
+  let mode = $derived(variantToClass[variant]);
   let style = $derived(backgroundColor ? `background-color: ${backgroundColor}` : '');
 </script>
 

code/renderers/svelte/src/extractArgTypes.ts

@@ -119,7 +119,6 @@ const parseTypeToControl = (type: JSDocType | undefined): any => {
       return {
         control: {
           type: 'radio',
-          labels: options.map(String),
         },
         options,
       };