rename to camel case

Author: ryu-man

packages/core/src/lib/accordion/accordion.stories.svelte

@@ -6,7 +6,7 @@
 	import { webDarkTheme, webLightTheme } from '@svelte-fui/themes';
 	import { Accordion as AccordionComponent, AccordionItem } from '.';
 
-	const arg_types = {
+	const argTypes = {
 		collapsible: {
 			control: 'boolean'
 		},
@@ -18,7 +18,7 @@
 		}
 	} satisfies ArgTypes;
 
-	const default_args: Partial<Record<keyof typeof arg_types, any>> = {
+	const defaultArgs: Partial<Record<keyof typeof argTypes, any>> = {
 		collapsible: false,
 		multiple: false
 	};
@@ -55,7 +55,7 @@
 	});
 </script>
 
-<Story id="accordion" name="Accordion" args={default_args}>
+<Story id="accordion" name="Accordion" args={defaultArgs}>
 	{#snippet children(args)}
 		<FluentRoot {theme}>
 			<div class="flex h-full w-full flex-col items-center justify-center">

packages/core/src/lib/avatar/avatar.stories.svelte

@@ -6,14 +6,14 @@
 	import type { ArgTypes } from '@storybook/svelte';
 	import PersonRegular from 'virtual:icons/fluent/person-24-regular';
 
-	const arg_types = {} satisfies ArgTypes;
+	const argTypes = {} satisfies ArgTypes;
 
-	const default_args: Partial<Record<keyof typeof arg_types, any>> = {};
+	const defaultArgs: Partial<Record<keyof typeof argTypes, any>> = {};
 
 	const { Story } = defineMeta({
 		title: 'Components/Avatar',
 		component: AvatarComponent,
-		argTypes: arg_types
+		argTypes: argTypes
 	});
 </script>
 
@@ -37,7 +37,7 @@
 	});
 </script>
 
-<Story id="avatar" name="Avatar" args={default_args}>
+<Story id="avatar" name="Avatar" args={defaultArgs}>
 	{#snippet children(args)}
 		<FluentRoot {theme}>
 			<div class="flex h-full w-full items-center justify-center">

packages/core/src/lib/button/button.stories.svelte

@@ -31,7 +31,7 @@
 		}
 	} satisfies ArgTypes;
 
-	const default_args: Partial<Record<keyof typeof argTypes, any>> = {
+	const defaultArgs: Partial<Record<keyof typeof argTypes, any>> = {
 		size: 'md',
 		appearance: 'secondary',
 		shape: 'rounded'
@@ -64,7 +64,7 @@
 	});
 </script>
 
-<Story id="button" name="Button" args={default_args}>
+<Story id="button" name="Button" args={defaultArgs}>
 	{#snippet children(args)}
 		<FluentRoot {theme}>
 			<div class="flex h-full w-full flex-col items-center justify-center gap-4">

packages/core/src/lib/button/compound-button/compound-button.stories.svelte

@@ -10,7 +10,7 @@
 	import CalendarMonthFilled from 'virtual:icons/fluent/calendar-month-24-filled';
 	import CalendarMonthRegular from 'virtual:icons/fluent/calendar-month-24-regular';
 
-	const arg_types = {
+	const argTypes = {
 		size: {
 			type: 'string',
 			options: ['sm', 'md', 'lg'],
@@ -34,7 +34,7 @@
 		}
 	} satisfies ArgTypes;
 
-	const default_args: Partial<Record<keyof typeof arg_types, any>> = {
+	const defaultArgs: Partial<Record<keyof typeof argTypes, any>> = {
 		size: 'md',
 		appearance: 'secondary',
 		shape: 'rounded'
@@ -43,7 +43,7 @@
 	const { Story } = defineMeta({
 		title: 'Components/Button',
 		component: Button,
-		argTypes: arg_types
+		argTypes: argTypes
 	});
 </script>
 
@@ -73,7 +73,7 @@
 	});
 </script>
 
-<Story id="compound_button" name="Compound Button" args={default_args}>
+<Story id="compound_button" name="Compound Button" args={defaultArgs}>
 	{#snippet children(args)}
 		<FluentRoot {theme}>
 			<div class="flex h-full w-full items-center justify-center gap-4">

packages/core/src/lib/button/menu-button.stories.svelte

@@ -32,7 +32,7 @@
 		}
 	} satisfies ArgTypes;
 
-	const default_args: Partial<Record<keyof typeof argTypes, any>> = {
+	const defaultArgs: Partial<Record<keyof typeof argTypes, any>> = {
 		size: 'md',
 		appearance: 'secondary',
 		shape: 'rounded'
@@ -65,7 +65,7 @@
 	});
 </script>
 
-<Story name="Menu Button" args={default_args}>
+<Story name="Menu Button" args={defaultArgs}>
 	{#snippet children(args)}
 		<FluentRoot {theme}>
 			<div class="flex h-full w-full flex-col items-center justify-center gap-4">

packages/core/src/lib/button/split-button.stories.svelte

@@ -34,7 +34,7 @@
 		}
 	} satisfies ArgTypes;
 
-	const default_args: Partial<Record<keyof typeof argTypes, any>> = {
+	const defaultArgs: Partial<Record<keyof typeof argTypes, any>> = {
 		size: 'md',
 		appearance: 'secondary',
 		shape: 'rounded'
@@ -67,7 +67,7 @@
 	});
 </script>
 
-<Story name="Split Button" args={default_args}>
+<Story name="Split Button" args={defaultArgs}>
 	{#snippet children(args)}
 		<FluentRoot {theme}>
 			<div class="flex h-full w-full flex-col items-center justify-center gap-4">

packages/core/src/lib/button/toggle-button.stories.svelte

@@ -34,7 +34,7 @@
 		}
 	} satisfies ArgTypes;
 
-	const default_args: Partial<Record<keyof typeof argTypes, any>> = {
+	const defaultArgs: Partial<Record<keyof typeof argTypes, any>> = {
 		size: 'md',
 		appearance: 'secondary',
 		shape: 'rounded'
@@ -67,7 +67,7 @@
 	});
 </script>
 
-<Story name="Toggle Button" args={default_args}>
+<Story name="Toggle Button" args={defaultArgs}>
 	{#snippet children(args)}
 		<FluentRoot {theme}>
 			<div class="flex h-full w-full flex-col items-center justify-center gap-4">

packages/core/src/lib/card/card-appearance.stories.svelte

@@ -7,14 +7,14 @@
 
 	import MoreHorizontalFilled from 'virtual:icons/fluent/more-horizontal-24-filled';
 
-	const default_args = {
+	const defaultArgs = {
 		disabled: false,
 		required: false,
 		size: 'md',
 		weight: 'regular'
 	};
 
-	const arg_types = {
+	const argTypes = {
 		appearance: {
 			type: 'string',
 			defaultValue: 'filled',
@@ -51,7 +51,7 @@
 	const { Story } = defineMeta({
 		title: 'Components/Card',
 		component: CardFui.Root,
-		argTypes: arg_types
+		argTypes: argTypes
 	});
 </script>
 
@@ -75,7 +75,7 @@
 	});
 </script>
 
-<Story id="fui_card_appearance" name="Appearance" args={default_args}>
+<Story id="fui_card_appearance" name="Appearance" args={defaultArgs}>
 	{#snippet children(args)}
 		<FluentRoot {theme}>
 			<div class="flex h-full w-full flex-col items-center justify-center gap-4">

packages/core/src/lib/card/card-header.stories.svelte

@@ -6,14 +6,14 @@
 	import type { ArgTypes } from '@storybook/svelte';
 	import MoreHorizontalFilled from 'virtual:icons/fluent/more-horizontal-24-filled';
 
-	const default_args = {
+	const defaultArgs = {
 		disabled: false,
 		required: false,
 		size: 'md',
 		weight: 'regular'
 	};
 
-	const arg_types = {
+	const argTypes = {
 		appearance: {
 			type: 'string',
 			defaultValue: 'filled',
@@ -50,7 +50,7 @@
 	const { Story } = defineMeta({
 		title: 'Components/Card',
 		component: CardFui.Root,
-		argTypes: arg_types
+		argTypes: argTypes
 	});
 </script>
 
@@ -74,7 +74,7 @@
 	});
 </script>
 
-<Story id="fui_card_header" name="Header" args={default_args}>
+<Story id="fui_card_header" name="Header" args={defaultArgs}>
 	{#snippet children(args)}
 		<FluentRoot {theme}>
 			<div class="flex h-full w-full flex-col items-center justify-center gap-4">

packages/core/src/lib/card/card-size.stories.svelte

@@ -5,14 +5,14 @@
 	import { defineMeta } from '@storybook/addon-svelte-csf';
 	import type { ArgTypes } from '@storybook/svelte';
 
-	const default_args = {
+	const defaultArgs = {
 		disabled: false,
 		required: false,
 		size: 'md',
 		weight: 'regular'
 	};
 
-	const arg_types = {
+	const argTypes = {
 		appearance: {
 			type: 'string',
 			defaultValue: 'filled',
@@ -49,7 +49,7 @@
 	const { Story } = defineMeta({
 		title: 'Components/Card',
 		component: CardFui.Root,
-		argTypes: arg_types
+		argTypes: argTypes
 	});
 </script>
 
@@ -73,7 +73,7 @@
 	});
 </script>
 
-<Story id="fui_card_size" name="Size" args={default_args}>
+<Story id="fui_card_size" name="Size" args={defaultArgs}>
 	{#snippet children(args)}
 		<FluentRoot {theme}>
 			<div class="flex h-full w-full flex-col items-center justify-center gap-4">