> Gitignore updated at 2024-08-17 18:16:32

Author: shinokada

src/lib/accordion/Accordion.svelte

@@ -16,7 +16,7 @@
     class: className,
     transition = undefined,
     params,
-    ...attributes
+    ...restProps
   }: Props = $props();
 
   const ctx: AccordionCtxType = {
@@ -39,7 +39,7 @@
   );
 </script>
 
-<div {...attributes} class={accordionClass} color="none">
+<div {...restProps} class={accordionClass} color="none">
   {@render children()}
 </div>
 
@@ -55,5 +55,5 @@
 @prop class: className
 @prop transition = undefined
 @prop params
-@prop ...attributes
+@prop ...restProps
 -->

src/lib/alert/Alert.svelte

@@ -16,7 +16,7 @@
     transition = fade,
     params,
     onclick,
-    ...attributes
+    ...restProps
   }: Props = $props();
 
   let divCls = $derived(
@@ -35,7 +35,7 @@
 {#if alertStatus}
   <div
     role="alert"
-    {...attributes}
+    {...restProps}
     transition:transition={params}
     class={divCls}
   >
@@ -103,5 +103,5 @@
 @prop transition = fade
 @prop params
 @prop onclick
-@prop ...attributes
+@prop ...restProps
 -->

src/lib/avatar/Avatar.svelte

@@ -14,7 +14,7 @@
     alt,
     size = 'md',
     onclick,
-    ...attributes
+    ...restProps
   }: Props = $props();
 
   dot = dot && { placement: 'top-right', color: 'gray', size: 'lg', ...dot };
@@ -36,7 +36,7 @@
     role={href ? 'link' : 'img'}
     {onclick}
     {href}
-    {...attributes}
+    {...restProps}
     class={avatarClass}
   >
     {#if src}
@@ -62,7 +62,7 @@
     {/if}
   </svelte:element>
 {:else}
-  <img {alt} {src} {...attributes} class={avatarClass} />
+  <img {alt} {src} {...restProps} class={avatarClass} />
 {/if}
 
 <!--
@@ -80,5 +80,5 @@
 @prop alt
 @prop size = 'md'
 @prop onclick
-@prop ...attributes
+@prop ...restProps
 -->

src/lib/badge/Badge.svelte

@@ -18,7 +18,7 @@
     transition = fade,
     params,
     onclick,
-    ...attributes
+    ...restProps
   }: Props = $props();
 
   let badgeClass = $derived(
@@ -34,7 +34,7 @@
 </script>
 
 {#if badgeStatus}
-  <div {...attributes} transition:transition={params} class={badgeClass}>
+  <div {...restProps} transition:transition={params} class={badgeClass}>
     {#if href}
       <a {href}>
         {@render children()}
@@ -95,5 +95,5 @@
 @prop transition = fade
 @prop params
 @prop onclick
-@prop ...attributes
+@prop ...restProps
 -->

src/lib/banner/Banner.svelte

@@ -15,7 +15,7 @@
     innerClass,
     transition = fade,
     params,
-    ...attributes
+    ...restProps
   }: Props = $props();
 
   const { base, insideDiv } = banner({
@@ -36,7 +36,7 @@
   <div
     tabindex="-1"
     class={bannerClass}
-    {...attributes}
+    {...restProps}
     transition:transition={params}
   >
     {#if header}
@@ -75,5 +75,5 @@
 @prop innerClass
 @prop transition = fade
 @prop params
-@prop ...attributes
+@prop ...restProps
 -->

src/lib/bottom-navigation/BottomNav.svelte

@@ -15,7 +15,7 @@
     outerClass,
     innerClass,
     activeClass,
-    ...attributes
+    ...restProps
   }: Props = $props();
 
   const activeCls = twMerge(
@@ -32,7 +32,7 @@
   const innerCls = $derived(inner({ class: innerClass }));
 </script>
 
-<div {...attributes} class={outerCls}>
+<div {...restProps} class={outerCls}>
   {#if header}
     {@render header()}
   {/if}
@@ -53,5 +53,5 @@
 @prop outerClass
 @prop innerClass
 @prop activeClass
-@prop ...attributes
+@prop ...restProps
 -->

src/lib/bottom-navigation/BottomNavItem.svelte

@@ -19,7 +19,7 @@
     exact = true,
     btnClass,
     spanClass,
-    ...attributes
+    ...restProps
   }: Props = $props();
 
   const navType: BottomNavVariantType = getContext('navType');
@@ -56,7 +56,7 @@
   {href}
   {target}
   role={href ? 'link' : 'button'}
-  {...attributes}
+  {...restProps}
   class={btnCls}
 >
   {@render children()}
@@ -76,5 +76,5 @@
 @prop exact = true
 @prop btnClass
 @prop spanClass
-@prop ...attributes
+@prop ...restProps
 -->

src/lib/breadcrumb/Breadcrumb.svelte

@@ -8,14 +8,14 @@
     solidClass,
     olClass,
     ariaLabel = 'Breadcrumb',
-    ...attributes
+    ...restProps
   }: Props = $props();
   const { base, list } = breadcrumb({ solid });
   let classNav = $derived(base({ class: navClass }));
   let classList = $derived(list({ class: olClass }));
 </script>
 
-<nav aria-label={ariaLabel} {...attributes} class={classNav}>
+<nav aria-label={ariaLabel} {...restProps} class={classNav}>
   <ol class={classList}>
     {@render children()}
   </ol>
@@ -31,5 +31,5 @@
 @prop solidClass
 @prop olClass
 @prop ariaLabel = 'Breadcrumb'
-@prop ...attributes
+@prop ...restProps
 -->

src/lib/breadcrumb/BreadcrumbItem.svelte

@@ -11,7 +11,7 @@
     spanClass,
     homeClass,
     class: className,
-    ...attributes
+    ...restProps
   }: Props = $props();
 
   const { item, icon: breacrumbIcon } = breadcrumb({
@@ -21,7 +21,7 @@
   });
 </script>
 
-<li class={item()} {...attributes}>
+<li class={item()} {...restProps}>
   {#if home}
     <a class={item({ home: true, class: homeClass })} {href}>
       {#if icon}
@@ -86,5 +86,5 @@
 @prop spanClass
 @prop homeClass
 @prop class: className
-@prop ...attributes
+@prop ...restProps
 -->

src/lib/buttongroup/ButtonGroup.svelte

@@ -6,14 +6,14 @@
     children,
     size = 'md',
     class: className,
-    ...attributes
+    ...restProps
   }: Props = $props();
 
   let groupClass = $derived(buttonGroup({ size, className }));
   setContext('group', size);
 </script>
 
-<div {...attributes} class={groupClass} role="group">
+<div {...restProps} class={groupClass} role="group">
   {@render children()}
 </div>
 
@@ -24,5 +24,5 @@
 @prop children
 @prop size = 'md'
 @prop class: className
-@prop ...attributes
+@prop ...restProps
 -->