@jis3r/icons 2.0.0 → 2.1.0

package/dist/icons/flag-off.svelte

@@ -18,6 +18,7 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
 		setTimeout(() => {
 			animate = false;

package/dist/icons/flashlight-off.svelte

@@ -18,6 +18,7 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
 		setTimeout(() => {
 			animate = false;

package/dist/icons/flask-conical-off.svelte

@@ -18,6 +18,7 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
 		setTimeout(() => {
 			animate = false;

package/dist/icons/folder-check.svelte

@@ -18,6 +18,7 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
 		setTimeout(() => {
 			animate = false;

package/dist/icons/folder-kanban.svelte

@@ -18,6 +18,7 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
 		setTimeout(() => {
 			animate = false;

package/dist/icons/folder-pen.svelte

@@ -18,8 +18,8 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
-
 		setTimeout(() => {
 			animate = false;
 		}, 1000);

package/dist/icons/folder-plus.svelte

@@ -18,6 +18,7 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
 		setTimeout(() => {
 			animate = false;

package/dist/icons/folder-x.svelte

@@ -0,0 +1,90 @@
+<script>
+	/**
+	 * @typedef {Object} Props
+	 * @property {string} [color]
+	 * @property {number} [size]
+	 * @property {number} [strokeWidth]
+	 * @property {boolean} [animate]
+	 * @property {string} [class]
+	 */
+
+	/** @type {Props} */
+	let {
+		color = 'currentColor',
+		size = 24,
+		strokeWidth = 2,
+		animate = false,
+		class: className = ''
+	} = $props();
+
+	function handleMouseEnter() {
+		if (animate) return;
+		animate = true;
+		setTimeout(() => {
+			animate = false;
+		}, 600);
+	}
+</script>
+
+<div class={className} aria-label="folder-x" role="img" onmouseenter={handleMouseEnter}>
+	<svg
+		xmlns="http://www.w3.org/2000/svg"
+		width={size}
+		height={size}
+		viewBox="0 0 24 24"
+		fill="none"
+		stroke={color}
+		stroke-width={strokeWidth}
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		class="folder-x-icon"
+		class:animate
+	>
+		<path
+			d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"
+		/>
+		<path d="m14.5 10.5-5 5" class="diagonal-1" />
+		<path d="m9.5 10.5 5 5" class="diagonal-2" />
+	</svg>
+</div>
+
+<style>
+	div {
+		display: inline-block;
+	}
+	.folder-x-icon {
+		overflow: visible;
+	}
+
+	.diagonal-1,
+	.diagonal-2 {
+		stroke-dasharray: 7.5;
+		stroke-dashoffset: 0;
+		transition: stroke-dashoffset 0.15s ease-out;
+	}
+
+	.folder-x-icon.animate .diagonal-1 {
+		opacity: 0;
+		animation: lineAnimation 0.3s ease-out forwards;
+	}
+
+	.folder-x-icon.animate .diagonal-2 {
+		opacity: 0;
+		animation: lineAnimation 0.3s ease-out 0.25s forwards;
+	}
+
+	@keyframes lineAnimation {
+		0% {
+			opacity: 0;
+			stroke-dashoffset: 7.5;
+		}
+		15% {
+			opacity: 1;
+			stroke-dashoffset: 7.5;
+		}
+		100% {
+			opacity: 1;
+			stroke-dashoffset: 0;
+		}
+	}
+</style>

package/dist/icons/folder-x.svelte.d.ts

@@ -0,0 +1,19 @@
+export default FolderX;
+type FolderX = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<Props>): void;
+};
+declare const FolderX: import("svelte").Component<{
+    color?: string;
+    size?: number;
+    strokeWidth?: number;
+    animate?: boolean;
+    class?: string;
+}, {}, "">;
+type Props = {
+    color?: string;
+    size?: number;
+    strokeWidth?: number;
+    animate?: boolean;
+    class?: string;
+};

package/dist/icons/gallery-horizontal-end.svelte

@@ -18,8 +18,8 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
-
 		setTimeout(() => {
 			animate = false;
 		}, 600);

package/dist/icons/gallery-thumbnails.svelte

@@ -18,8 +18,8 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
-
 		setTimeout(() => {
 			animate = false;
 		}, 850);

package/dist/icons/gallery-vertical-end.svelte

@@ -18,8 +18,8 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
-
 		setTimeout(() => {
 			animate = false;
 		}, 600);

package/dist/icons/gavel.svelte

@@ -18,8 +18,8 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
-
 		setTimeout(() => {
 			animate = false;
 		}, 1000);

package/dist/icons/grid-2x2-check.svelte

@@ -18,6 +18,7 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
 		setTimeout(() => {
 			animate = false;

package/dist/icons/hammer.svelte

@@ -18,8 +18,8 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
-
 		setTimeout(() => {
 			animate = false;
 		}, 1000);

package/dist/icons/hand-coins.svelte

@@ -18,8 +18,8 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
-
 		setTimeout(() => {
 			animate = false;
 		}, 750);

package/dist/icons/headphone-off.svelte

@@ -18,6 +18,7 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
 		setTimeout(() => {
 			animate = false;

package/dist/icons/heart-off.svelte

@@ -18,6 +18,7 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
 		setTimeout(() => {
 			animate = false;

package/dist/icons/heart.svelte

@@ -18,6 +18,7 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
 		setTimeout(() => {
 			animate = false;

package/dist/icons/hop-off.svelte

@@ -18,8 +18,8 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
-
 		setTimeout(() => {
 			animate = false;
 		}, 600);

package/dist/icons/house-wifi.svelte

@@ -18,8 +18,8 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
-
 		setTimeout(() => {
 			animate = false;
 		}, 700);

package/dist/icons/house.svelte

@@ -18,6 +18,7 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
 		setTimeout(() => {
 			animate = false;

package/dist/icons/image-off.svelte

@@ -18,6 +18,7 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
 		setTimeout(() => {
 			animate = false;

package/dist/icons/infinity.svelte

@@ -18,8 +18,8 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
-
 		setTimeout(() => {
 			animate = false;
 		}, 1000);

package/dist/icons/kanban.svelte

@@ -18,6 +18,7 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
 		setTimeout(() => {
 			animate = false;

package/dist/icons/key-round.svelte

@@ -18,8 +18,8 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
-
 		setTimeout(() => {
 			animate = false;
 		}, 900);

package/dist/icons/key-square.svelte

@@ -18,8 +18,8 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
-
 		setTimeout(() => {
 			animate = false;
 		}, 600);

package/dist/icons/keyboard-off.svelte

@@ -18,6 +18,7 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
 		setTimeout(() => {
 			animate = false;

package/dist/icons/keyboard.svelte

@@ -29,8 +29,8 @@
 	];
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
-
 		setTimeout(() => {
 			animate = false;
 		}, 1500);

package/dist/icons/landmark.svelte

@@ -18,8 +18,8 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
-
 		setTimeout(() => {
 			animate = false;
 		}, 750);

package/dist/icons/layers.svelte

@@ -18,8 +18,8 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
-
 		setTimeout(() => {
 			animate = false;
 		}, 300);

package/dist/icons/layout-dashboard.svelte

@@ -18,8 +18,8 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
-
 		setTimeout(() => {
 			animate = false;
 		}, 650);

package/dist/icons/layout-grid.svelte

@@ -18,8 +18,8 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
-
 		setTimeout(() => {
 			animate = false;
 		}, 650);

package/dist/icons/layout-panel-left.svelte

@@ -18,8 +18,8 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
-
 		setTimeout(() => {
 			animate = false;
 		}, 650);

package/dist/icons/layout-panel-top.svelte

@@ -18,8 +18,8 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
-
 		setTimeout(() => {
 			animate = false;
 		}, 650);

package/dist/icons/layout-template.svelte

@@ -18,8 +18,8 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
-
 		setTimeout(() => {
 			animate = false;
 		}, 650);

package/dist/icons/lightbulb-off.svelte

@@ -18,6 +18,7 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
 		setTimeout(() => {
 			animate = false;

package/dist/icons/lightbulb.svelte

@@ -18,8 +18,8 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
-
 		setTimeout(() => {
 			animate = false;
 		}, 1100);

package/dist/icons/link-2-off.svelte

@@ -18,6 +18,7 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
 		setTimeout(() => {
 			animate = false;

package/dist/icons/list-check.svelte

@@ -18,8 +18,8 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
-
 		setTimeout(() => {
 			animate = false;
 		}, 500);

package/dist/icons/list-checks.svelte

@@ -18,8 +18,8 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
-
 		setTimeout(() => {
 			animate = false;
 		}, 500);

package/dist/icons/list-todo.svelte

@@ -18,8 +18,8 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
-
 		setTimeout(() => {
 			animate = false;
 		}, 500);

package/dist/icons/loader-pinwheel.svelte

@@ -18,8 +18,8 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
-
 		setTimeout(() => {
 			animate = false;
 		}, 600);

package/dist/icons/locate-off.svelte

@@ -18,6 +18,7 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
 		setTimeout(() => {
 			animate = false;

package/dist/icons/log-out.svelte

@@ -18,8 +18,8 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
-
 		setTimeout(() => {
 			animate = false;
 		}, 400);

package/dist/icons/mail-check.svelte

@@ -18,6 +18,7 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
 		setTimeout(() => {
 			animate = false;

package/dist/icons/map-pin-check-inside.svelte

@@ -18,6 +18,7 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
 		setTimeout(() => {
 			animate = false;

package/dist/icons/map-pin-check.svelte

@@ -18,6 +18,7 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
 		setTimeout(() => {
 			animate = false;

package/dist/icons/map-pin-off.svelte

@@ -18,6 +18,7 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
 		setTimeout(() => {
 			animate = false;

package/dist/icons/megaphone-off.svelte

@@ -18,6 +18,7 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
 		setTimeout(() => {
 			animate = false;

package/dist/icons/message-circle-off.svelte

@@ -18,6 +18,7 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
 		setTimeout(() => {
 			animate = false;

package/dist/icons/message-circle-question-mark.svelte

@@ -18,8 +18,8 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
-
 		setTimeout(() => {
 			animate = false;
 		}, 500);

package/dist/icons/message-circle-warning.svelte

@@ -18,8 +18,8 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
-
 		setTimeout(() => {
 			animate = false;
 		}, 500);

package/dist/icons/message-circle.svelte

@@ -18,8 +18,8 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
-
 		setTimeout(() => {
 			animate = false;
 		}, 500);

package/dist/icons/message-square-off.svelte

@@ -18,6 +18,7 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
 		setTimeout(() => {
 			animate = false;

package/dist/icons/message-square-warning.svelte

@@ -18,8 +18,8 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
-
 		setTimeout(() => {
 			animate = false;
 		}, 500);

package/dist/icons/message-square.svelte

@@ -18,8 +18,8 @@
 	} = $props();
 
 	function handleMouseEnter() {
+		if (animate) return;
 		animate = true;
-
 		setTimeout(() => {
 			animate = false;
 		}, 500);