svelte-remix 0.4.1 → 0.4.2

package/dist/DeleteBackLineSystem.svelte

@@ -1 +1,46 @@
-<script>export let size="24"; export let color="currentColor";export let ariaLabel="delete back line" </script><svg width={size} height={size} fill={color} class={$$props.class} {...$$restProps} aria-label={ariaLabel} on:click on:mouseenter on:mouseleave on:mouseover on:mouseout on:blur on:focus viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.53451 3H20.9993C21.5516 3 21.9993 3.44772 21.9993 4V20C21.9993 20.5523 21.5516 21 20.9993 21H6.53451C6.20015 21 5.88792 20.8329 5.70246 20.5547L0.369122 12.5547C0.145189 12.2188 0.145189 11.7812 0.369122 11.4453L5.70246 3.4453C5.88792 3.1671 6.20015 3 6.53451 3ZM7.06969 5L2.40302 12L7.06969 19H19.9993V5H7.06969ZM15.9993 11V13H8.99932V11H15.9993Z"/></svg>
+<script>
+  export let size = '24';
+  export let color = 'currentColor';
+  export let ariaLabel = 'delete back line';
+</script>
+
+<svg
+  width={size}
+  height={size}
+  fill={color}
+  class={$$props.class}
+  {...$$restProps}
+  aria-label={ariaLabel}
+  on:click
+  on:keydown
+  on:keyup
+  on:focus
+  on:blur
+  on:mouseenter
+  on:mouseleave
+  on:mouseover
+  on:mouseout
+  viewBox="0 0 24 24"
+  xmlns="http://www.w3.org/2000/svg"
+  ><path
+    d="M6.53451 3H20.9993C21.5516 3 21.9993 3.44772 21.9993 4V20C21.9993 20.5523 21.5516 21 20.9993 21H6.53451C6.20015 21 5.88792 20.8329 5.70246 20.5547L0.369122 12.5547C0.145189 12.2188 0.145189 11.7812 0.369122 11.4453L5.70246 3.4453C5.88792 3.1671 6.20015 3 6.53451 3ZM7.06969 5L2.40302 12L7.06969 19H19.9993V5H7.06969ZM15.9993 11V13H8.99932V11H15.9993Z"
+  /></svg
+>
+<!--
+@component
+[Go to Document](https://svelte-remix.codewithshin.com/)
+## Props
+@prop size = '24';
+@prop color = 'currentColor';
+@prop ariaLabel = 'icon file name';
+## Event
+- on:click
+- on:keydown
+- on:keyup
+- on:focus
+- on:blur
+- on:mouseenter
+- on:mouseleave
+- on:mouseover
+- on:mouseout
+-->

package/dist/DeleteBackLineSystem.svelte.d.ts

@@ -1,6 +1,23 @@
 /** @typedef {typeof __propDef.props}  DeleteBackLineSystemProps */
 /** @typedef {typeof __propDef.events}  DeleteBackLineSystemEvents */
 /** @typedef {typeof __propDef.slots}  DeleteBackLineSystemSlots */
+/**
+ * [Go to Document](https://svelte-remix.codewithshin.com/)
+ * ## Props
+ * @prop size = '24';
+ * @prop color = 'currentColor';
+ * @prop ariaLabel = 'icon file name';
+ * ## Event
+ * - on:click
+ * - on:keydown
+ * - on:keyup
+ * - on:focus
+ * - on:blur
+ * - on:mouseenter
+ * - on:mouseleave
+ * - on:mouseover
+ * - on:mouseout
+ */
 export default class DeleteBackLineSystem extends SvelteComponentTyped<{
     [x: string]: any;
     size?: string | undefined;
@@ -8,12 +25,14 @@ export default class DeleteBackLineSystem extends SvelteComponentTyped<{
     ariaLabel?: string | undefined;
 }, {
     click: MouseEvent;
+    keydown: KeyboardEvent;
+    keyup: KeyboardEvent;
+    focus: FocusEvent;
+    blur: FocusEvent;
     mouseenter: MouseEvent;
     mouseleave: MouseEvent;
     mouseover: MouseEvent;
     mouseout: MouseEvent;
-    blur: FocusEvent;
-    focus: FocusEvent;
 } & {
     [evt: string]: CustomEvent<any>;
 }, {}> {
@@ -31,12 +50,14 @@ declare const __propDef: {
     };
     events: {
         click: MouseEvent;
+        keydown: KeyboardEvent;
+        keyup: KeyboardEvent;
+        focus: FocusEvent;
+        blur: FocusEvent;
         mouseenter: MouseEvent;
         mouseleave: MouseEvent;
         mouseover: MouseEvent;
         mouseout: MouseEvent;
-        blur: FocusEvent;
-        focus: FocusEvent;
     } & {
         [evt: string]: CustomEvent<any>;
     };

package/dist/DeleteBin2FillSystem.svelte

@@ -1 +1,46 @@
-<script>export let size="24"; export let color="currentColor";export let ariaLabel="delete bin 2 fill" </script><svg width={size} height={size} fill={color} class={$$props.class} {...$$restProps} aria-label={ariaLabel} on:click on:mouseenter on:mouseleave on:mouseover on:mouseout on:blur on:focus viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M7 6V3C7 2.44772 7.44772 2 8 2H16C16.5523 2 17 2.44772 17 3V6H22V8H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V8H2V6H7ZM13.4142 13.9997L15.182 12.232L13.7678 10.8178L12 12.5855L10.2322 10.8178L8.81802 12.232L10.5858 13.9997L8.81802 15.7675L10.2322 17.1817L12 15.4139L13.7678 17.1817L15.182 15.7675L13.4142 13.9997ZM9 4V6H15V4H9Z"/></svg>
+<script>
+  export let size = '24';
+  export let color = 'currentColor';
+  export let ariaLabel = 'delete bin 2 fill';
+</script>
+
+<svg
+  width={size}
+  height={size}
+  fill={color}
+  class={$$props.class}
+  {...$$restProps}
+  aria-label={ariaLabel}
+  on:click
+  on:keydown
+  on:keyup
+  on:focus
+  on:blur
+  on:mouseenter
+  on:mouseleave
+  on:mouseover
+  on:mouseout
+  viewBox="0 0 24 24"
+  xmlns="http://www.w3.org/2000/svg"
+  ><path
+    d="M7 6V3C7 2.44772 7.44772 2 8 2H16C16.5523 2 17 2.44772 17 3V6H22V8H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V8H2V6H7ZM13.4142 13.9997L15.182 12.232L13.7678 10.8178L12 12.5855L10.2322 10.8178L8.81802 12.232L10.5858 13.9997L8.81802 15.7675L10.2322 17.1817L12 15.4139L13.7678 17.1817L15.182 15.7675L13.4142 13.9997ZM9 4V6H15V4H9Z"
+  /></svg
+>
+<!--
+@component
+[Go to Document](https://svelte-remix.codewithshin.com/)
+## Props
+@prop size = '24';
+@prop color = 'currentColor';
+@prop ariaLabel = 'icon file name';
+## Event
+- on:click
+- on:keydown
+- on:keyup
+- on:focus
+- on:blur
+- on:mouseenter
+- on:mouseleave
+- on:mouseover
+- on:mouseout
+-->

package/dist/DeleteBin2FillSystem.svelte.d.ts

@@ -1,6 +1,23 @@
 /** @typedef {typeof __propDef.props}  DeleteBin2FillSystemProps */
 /** @typedef {typeof __propDef.events}  DeleteBin2FillSystemEvents */
 /** @typedef {typeof __propDef.slots}  DeleteBin2FillSystemSlots */
+/**
+ * [Go to Document](https://svelte-remix.codewithshin.com/)
+ * ## Props
+ * @prop size = '24';
+ * @prop color = 'currentColor';
+ * @prop ariaLabel = 'icon file name';
+ * ## Event
+ * - on:click
+ * - on:keydown
+ * - on:keyup
+ * - on:focus
+ * - on:blur
+ * - on:mouseenter
+ * - on:mouseleave
+ * - on:mouseover
+ * - on:mouseout
+ */
 export default class DeleteBin2FillSystem extends SvelteComponentTyped<{
     [x: string]: any;
     size?: string | undefined;
@@ -8,12 +25,14 @@ export default class DeleteBin2FillSystem extends SvelteComponentTyped<{
     ariaLabel?: string | undefined;
 }, {
     click: MouseEvent;
+    keydown: KeyboardEvent;
+    keyup: KeyboardEvent;
+    focus: FocusEvent;
+    blur: FocusEvent;
     mouseenter: MouseEvent;
     mouseleave: MouseEvent;
     mouseover: MouseEvent;
     mouseout: MouseEvent;
-    blur: FocusEvent;
-    focus: FocusEvent;
 } & {
     [evt: string]: CustomEvent<any>;
 }, {}> {
@@ -31,12 +50,14 @@ declare const __propDef: {
     };
     events: {
         click: MouseEvent;
+        keydown: KeyboardEvent;
+        keyup: KeyboardEvent;
+        focus: FocusEvent;
+        blur: FocusEvent;
         mouseenter: MouseEvent;
         mouseleave: MouseEvent;
         mouseover: MouseEvent;
         mouseout: MouseEvent;
-        blur: FocusEvent;
-        focus: FocusEvent;
     } & {
         [evt: string]: CustomEvent<any>;
     };

package/dist/DeleteBin2LineSystem.svelte

@@ -1 +1,46 @@
-<script>export let size="24"; export let color="currentColor";export let ariaLabel="delete bin 2 line" </script><svg width={size} height={size} fill={color} class={$$props.class} {...$$restProps} aria-label={ariaLabel} on:click on:mouseenter on:mouseleave on:mouseover on:mouseout on:blur on:focus viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6H22V8H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V8H2V6H7V3C7 2.44772 7.44772 2 8 2H16C16.5523 2 17 2.44772 17 3V6ZM18 8H6V20H18V8ZM13.4142 13.9997L15.182 15.7675L13.7678 17.1817L12 15.4139L10.2322 17.1817L8.81802 15.7675L10.5858 13.9997L8.81802 12.232L10.2322 10.8178L12 12.5855L13.7678 10.8178L15.182 12.232L13.4142 13.9997ZM9 4V6H15V4H9Z"/></svg>
+<script>
+  export let size = '24';
+  export let color = 'currentColor';
+  export let ariaLabel = 'delete bin 2 line';
+</script>
+
+<svg
+  width={size}
+  height={size}
+  fill={color}
+  class={$$props.class}
+  {...$$restProps}
+  aria-label={ariaLabel}
+  on:click
+  on:keydown
+  on:keyup
+  on:focus
+  on:blur
+  on:mouseenter
+  on:mouseleave
+  on:mouseover
+  on:mouseout
+  viewBox="0 0 24 24"
+  xmlns="http://www.w3.org/2000/svg"
+  ><path
+    d="M17 6H22V8H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V8H2V6H7V3C7 2.44772 7.44772 2 8 2H16C16.5523 2 17 2.44772 17 3V6ZM18 8H6V20H18V8ZM13.4142 13.9997L15.182 15.7675L13.7678 17.1817L12 15.4139L10.2322 17.1817L8.81802 15.7675L10.5858 13.9997L8.81802 12.232L10.2322 10.8178L12 12.5855L13.7678 10.8178L15.182 12.232L13.4142 13.9997ZM9 4V6H15V4H9Z"
+  /></svg
+>
+<!--
+@component
+[Go to Document](https://svelte-remix.codewithshin.com/)
+## Props
+@prop size = '24';
+@prop color = 'currentColor';
+@prop ariaLabel = 'icon file name';
+## Event
+- on:click
+- on:keydown
+- on:keyup
+- on:focus
+- on:blur
+- on:mouseenter
+- on:mouseleave
+- on:mouseover
+- on:mouseout
+-->

package/dist/DeleteBin2LineSystem.svelte.d.ts

@@ -1,6 +1,23 @@
 /** @typedef {typeof __propDef.props}  DeleteBin2LineSystemProps */
 /** @typedef {typeof __propDef.events}  DeleteBin2LineSystemEvents */
 /** @typedef {typeof __propDef.slots}  DeleteBin2LineSystemSlots */
+/**
+ * [Go to Document](https://svelte-remix.codewithshin.com/)
+ * ## Props
+ * @prop size = '24';
+ * @prop color = 'currentColor';
+ * @prop ariaLabel = 'icon file name';
+ * ## Event
+ * - on:click
+ * - on:keydown
+ * - on:keyup
+ * - on:focus
+ * - on:blur
+ * - on:mouseenter
+ * - on:mouseleave
+ * - on:mouseover
+ * - on:mouseout
+ */
 export default class DeleteBin2LineSystem extends SvelteComponentTyped<{
     [x: string]: any;
     size?: string | undefined;
@@ -8,12 +25,14 @@ export default class DeleteBin2LineSystem extends SvelteComponentTyped<{
     ariaLabel?: string | undefined;
 }, {
     click: MouseEvent;
+    keydown: KeyboardEvent;
+    keyup: KeyboardEvent;
+    focus: FocusEvent;
+    blur: FocusEvent;
     mouseenter: MouseEvent;
     mouseleave: MouseEvent;
     mouseover: MouseEvent;
     mouseout: MouseEvent;
-    blur: FocusEvent;
-    focus: FocusEvent;
 } & {
     [evt: string]: CustomEvent<any>;
 }, {}> {
@@ -31,12 +50,14 @@ declare const __propDef: {
     };
     events: {
         click: MouseEvent;
+        keydown: KeyboardEvent;
+        keyup: KeyboardEvent;
+        focus: FocusEvent;
+        blur: FocusEvent;
         mouseenter: MouseEvent;
         mouseleave: MouseEvent;
         mouseover: MouseEvent;
         mouseout: MouseEvent;
-        blur: FocusEvent;
-        focus: FocusEvent;
     } & {
         [evt: string]: CustomEvent<any>;
     };

package/dist/DeleteBin3FillSystem.svelte

@@ -1 +1,46 @@
-<script>export let size="24"; export let color="currentColor";export let ariaLabel="delete bin 3 fill" </script><svg width={size} height={size} fill={color} class={$$props.class} {...$$restProps} aria-label={ariaLabel} on:click on:mouseenter on:mouseleave on:mouseover on:mouseout on:blur on:focus viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20 7V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V7H2V5H22V7H20ZM11 9V11H13V9H11ZM11 12V14H13V12H11ZM11 15V17H13V15H11ZM7 2H17V4H7V2Z"/></svg>
+<script>
+  export let size = '24';
+  export let color = 'currentColor';
+  export let ariaLabel = 'delete bin 3 fill';
+</script>
+
+<svg
+  width={size}
+  height={size}
+  fill={color}
+  class={$$props.class}
+  {...$$restProps}
+  aria-label={ariaLabel}
+  on:click
+  on:keydown
+  on:keyup
+  on:focus
+  on:blur
+  on:mouseenter
+  on:mouseleave
+  on:mouseover
+  on:mouseout
+  viewBox="0 0 24 24"
+  xmlns="http://www.w3.org/2000/svg"
+  ><path
+    d="M20 7V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V7H2V5H22V7H20ZM11 9V11H13V9H11ZM11 12V14H13V12H11ZM11 15V17H13V15H11ZM7 2H17V4H7V2Z"
+  /></svg
+>
+<!--
+@component
+[Go to Document](https://svelte-remix.codewithshin.com/)
+## Props
+@prop size = '24';
+@prop color = 'currentColor';
+@prop ariaLabel = 'icon file name';
+## Event
+- on:click
+- on:keydown
+- on:keyup
+- on:focus
+- on:blur
+- on:mouseenter
+- on:mouseleave
+- on:mouseover
+- on:mouseout
+-->

package/dist/DeleteBin3FillSystem.svelte.d.ts

@@ -1,6 +1,23 @@
 /** @typedef {typeof __propDef.props}  DeleteBin3FillSystemProps */
 /** @typedef {typeof __propDef.events}  DeleteBin3FillSystemEvents */
 /** @typedef {typeof __propDef.slots}  DeleteBin3FillSystemSlots */
+/**
+ * [Go to Document](https://svelte-remix.codewithshin.com/)
+ * ## Props
+ * @prop size = '24';
+ * @prop color = 'currentColor';
+ * @prop ariaLabel = 'icon file name';
+ * ## Event
+ * - on:click
+ * - on:keydown
+ * - on:keyup
+ * - on:focus
+ * - on:blur
+ * - on:mouseenter
+ * - on:mouseleave
+ * - on:mouseover
+ * - on:mouseout
+ */
 export default class DeleteBin3FillSystem extends SvelteComponentTyped<{
     [x: string]: any;
     size?: string | undefined;
@@ -8,12 +25,14 @@ export default class DeleteBin3FillSystem extends SvelteComponentTyped<{
     ariaLabel?: string | undefined;
 }, {
     click: MouseEvent;
+    keydown: KeyboardEvent;
+    keyup: KeyboardEvent;
+    focus: FocusEvent;
+    blur: FocusEvent;
     mouseenter: MouseEvent;
     mouseleave: MouseEvent;
     mouseover: MouseEvent;
     mouseout: MouseEvent;
-    blur: FocusEvent;
-    focus: FocusEvent;
 } & {
     [evt: string]: CustomEvent<any>;
 }, {}> {
@@ -31,12 +50,14 @@ declare const __propDef: {
     };
     events: {
         click: MouseEvent;
+        keydown: KeyboardEvent;
+        keyup: KeyboardEvent;
+        focus: FocusEvent;
+        blur: FocusEvent;
         mouseenter: MouseEvent;
         mouseleave: MouseEvent;
         mouseover: MouseEvent;
         mouseout: MouseEvent;
-        blur: FocusEvent;
-        focus: FocusEvent;
     } & {
         [evt: string]: CustomEvent<any>;
     };

package/dist/DeleteBin3LineSystem.svelte

@@ -1 +1,46 @@
-<script>export let size="24"; export let color="currentColor";export let ariaLabel="delete bin 3 line" </script><svg width={size} height={size} fill={color} class={$$props.class} {...$$restProps} aria-label={ariaLabel} on:click on:mouseenter on:mouseleave on:mouseover on:mouseout on:blur on:focus viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20 7V20C20 21.1046 19.1046 22 18 22H6C4.89543 22 4 21.1046 4 20V7H2V5H22V7H20ZM6 7V20H18V7H6ZM11 9H13V11H11V9ZM11 12H13V14H11V12ZM11 15H13V17H11V15ZM7 2H17V4H7V2Z"/></svg>
+<script>
+  export let size = '24';
+  export let color = 'currentColor';
+  export let ariaLabel = 'delete bin 3 line';
+</script>
+
+<svg
+  width={size}
+  height={size}
+  fill={color}
+  class={$$props.class}
+  {...$$restProps}
+  aria-label={ariaLabel}
+  on:click
+  on:keydown
+  on:keyup
+  on:focus
+  on:blur
+  on:mouseenter
+  on:mouseleave
+  on:mouseover
+  on:mouseout
+  viewBox="0 0 24 24"
+  xmlns="http://www.w3.org/2000/svg"
+  ><path
+    d="M20 7V20C20 21.1046 19.1046 22 18 22H6C4.89543 22 4 21.1046 4 20V7H2V5H22V7H20ZM6 7V20H18V7H6ZM11 9H13V11H11V9ZM11 12H13V14H11V12ZM11 15H13V17H11V15ZM7 2H17V4H7V2Z"
+  /></svg
+>
+<!--
+@component
+[Go to Document](https://svelte-remix.codewithshin.com/)
+## Props
+@prop size = '24';
+@prop color = 'currentColor';
+@prop ariaLabel = 'icon file name';
+## Event
+- on:click
+- on:keydown
+- on:keyup
+- on:focus
+- on:blur
+- on:mouseenter
+- on:mouseleave
+- on:mouseover
+- on:mouseout
+-->

package/dist/DeleteBin3LineSystem.svelte.d.ts

@@ -1,6 +1,23 @@
 /** @typedef {typeof __propDef.props}  DeleteBin3LineSystemProps */
 /** @typedef {typeof __propDef.events}  DeleteBin3LineSystemEvents */
 /** @typedef {typeof __propDef.slots}  DeleteBin3LineSystemSlots */
+/**
+ * [Go to Document](https://svelte-remix.codewithshin.com/)
+ * ## Props
+ * @prop size = '24';
+ * @prop color = 'currentColor';
+ * @prop ariaLabel = 'icon file name';
+ * ## Event
+ * - on:click
+ * - on:keydown
+ * - on:keyup
+ * - on:focus
+ * - on:blur
+ * - on:mouseenter
+ * - on:mouseleave
+ * - on:mouseover
+ * - on:mouseout
+ */
 export default class DeleteBin3LineSystem extends SvelteComponentTyped<{
     [x: string]: any;
     size?: string | undefined;
@@ -8,12 +25,14 @@ export default class DeleteBin3LineSystem extends SvelteComponentTyped<{
     ariaLabel?: string | undefined;
 }, {
     click: MouseEvent;
+    keydown: KeyboardEvent;
+    keyup: KeyboardEvent;
+    focus: FocusEvent;
+    blur: FocusEvent;
     mouseenter: MouseEvent;
     mouseleave: MouseEvent;
     mouseover: MouseEvent;
     mouseout: MouseEvent;
-    blur: FocusEvent;
-    focus: FocusEvent;
 } & {
     [evt: string]: CustomEvent<any>;
 }, {}> {
@@ -31,12 +50,14 @@ declare const __propDef: {
     };
     events: {
         click: MouseEvent;
+        keydown: KeyboardEvent;
+        keyup: KeyboardEvent;
+        focus: FocusEvent;
+        blur: FocusEvent;
         mouseenter: MouseEvent;
         mouseleave: MouseEvent;
         mouseover: MouseEvent;
         mouseout: MouseEvent;
-        blur: FocusEvent;
-        focus: FocusEvent;
     } & {
         [evt: string]: CustomEvent<any>;
     };

package/dist/DeleteBin4FillSystem.svelte

@@ -1 +1,46 @@
-<script>export let size="24"; export let color="currentColor";export let ariaLabel="delete bin 4 fill" </script><svg width={size} height={size} fill={color} class={$$props.class} {...$$restProps} aria-label={ariaLabel} on:click on:mouseenter on:mouseleave on:mouseover on:mouseout on:blur on:focus viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20 7V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V7H2V5H22V7H20ZM11 10V17H13V10H11ZM7 2H17V4H7V2Z"/></svg>
+<script>
+  export let size = '24';
+  export let color = 'currentColor';
+  export let ariaLabel = 'delete bin 4 fill';
+</script>
+
+<svg
+  width={size}
+  height={size}
+  fill={color}
+  class={$$props.class}
+  {...$$restProps}
+  aria-label={ariaLabel}
+  on:click
+  on:keydown
+  on:keyup
+  on:focus
+  on:blur
+  on:mouseenter
+  on:mouseleave
+  on:mouseover
+  on:mouseout
+  viewBox="0 0 24 24"
+  xmlns="http://www.w3.org/2000/svg"
+  ><path
+    d="M20 7V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V7H2V5H22V7H20ZM11 10V17H13V10H11ZM7 2H17V4H7V2Z"
+  /></svg
+>
+<!--
+@component
+[Go to Document](https://svelte-remix.codewithshin.com/)
+## Props
+@prop size = '24';
+@prop color = 'currentColor';
+@prop ariaLabel = 'icon file name';
+## Event
+- on:click
+- on:keydown
+- on:keyup
+- on:focus
+- on:blur
+- on:mouseenter
+- on:mouseleave
+- on:mouseover
+- on:mouseout
+-->

package/dist/DeleteBin4FillSystem.svelte.d.ts

@@ -1,6 +1,23 @@
 /** @typedef {typeof __propDef.props}  DeleteBin4FillSystemProps */
 /** @typedef {typeof __propDef.events}  DeleteBin4FillSystemEvents */
 /** @typedef {typeof __propDef.slots}  DeleteBin4FillSystemSlots */
+/**
+ * [Go to Document](https://svelte-remix.codewithshin.com/)
+ * ## Props
+ * @prop size = '24';
+ * @prop color = 'currentColor';
+ * @prop ariaLabel = 'icon file name';
+ * ## Event
+ * - on:click
+ * - on:keydown
+ * - on:keyup
+ * - on:focus
+ * - on:blur
+ * - on:mouseenter
+ * - on:mouseleave
+ * - on:mouseover
+ * - on:mouseout
+ */
 export default class DeleteBin4FillSystem extends SvelteComponentTyped<{
     [x: string]: any;
     size?: string | undefined;
@@ -8,12 +25,14 @@ export default class DeleteBin4FillSystem extends SvelteComponentTyped<{
     ariaLabel?: string | undefined;
 }, {
     click: MouseEvent;
+    keydown: KeyboardEvent;
+    keyup: KeyboardEvent;
+    focus: FocusEvent;
+    blur: FocusEvent;
     mouseenter: MouseEvent;
     mouseleave: MouseEvent;
     mouseover: MouseEvent;
     mouseout: MouseEvent;
-    blur: FocusEvent;
-    focus: FocusEvent;
 } & {
     [evt: string]: CustomEvent<any>;
 }, {}> {
@@ -31,12 +50,14 @@ declare const __propDef: {
     };
     events: {
         click: MouseEvent;
+        keydown: KeyboardEvent;
+        keyup: KeyboardEvent;
+        focus: FocusEvent;
+        blur: FocusEvent;
         mouseenter: MouseEvent;
         mouseleave: MouseEvent;
         mouseover: MouseEvent;
         mouseout: MouseEvent;
-        blur: FocusEvent;
-        focus: FocusEvent;
     } & {
         [evt: string]: CustomEvent<any>;
     };

package/dist/DeleteBin4LineSystem.svelte

@@ -1 +1,46 @@
-<script>export let size="24"; export let color="currentColor";export let ariaLabel="delete bin 4 line" </script><svg width={size} height={size} fill={color} class={$$props.class} {...$$restProps} aria-label={ariaLabel} on:click on:mouseenter on:mouseleave on:mouseover on:mouseout on:blur on:focus viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20 7V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V7H2V5H22V7H20ZM6 7V20H18V7H6ZM7 2H17V4H7V2ZM11 10H13V17H11V10Z"/></svg>
+<script>
+  export let size = '24';
+  export let color = 'currentColor';
+  export let ariaLabel = 'delete bin 4 line';
+</script>
+
+<svg
+  width={size}
+  height={size}
+  fill={color}
+  class={$$props.class}
+  {...$$restProps}
+  aria-label={ariaLabel}
+  on:click
+  on:keydown
+  on:keyup
+  on:focus
+  on:blur
+  on:mouseenter
+  on:mouseleave
+  on:mouseover
+  on:mouseout
+  viewBox="0 0 24 24"
+  xmlns="http://www.w3.org/2000/svg"
+  ><path
+    d="M20 7V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V7H2V5H22V7H20ZM6 7V20H18V7H6ZM7 2H17V4H7V2ZM11 10H13V17H11V10Z"
+  /></svg
+>
+<!--
+@component
+[Go to Document](https://svelte-remix.codewithshin.com/)
+## Props
+@prop size = '24';
+@prop color = 'currentColor';
+@prop ariaLabel = 'icon file name';
+## Event
+- on:click
+- on:keydown
+- on:keyup
+- on:focus
+- on:blur
+- on:mouseenter
+- on:mouseleave
+- on:mouseover
+- on:mouseout
+-->