@jis3r/icons 1.10.0 → 1.11.0

package/dist/icons/images.svelte

@@ -0,0 +1,99 @@
+<script>
+	/**
+	 * @typedef {Object} Props
+	 * @property {string} [color]
+	 * @property {number} [size]
+	 * @property {number} [strokeWidth]
+	 * @property {boolean} [isHovered]
+	 * @property {string} [class]
+	 */
+
+	/** @type {Props} */
+	let {
+		color = 'currentColor',
+		size = 24,
+		strokeWidth = 2,
+		isHovered = false,
+		class: className = ''
+	} = $props();
+
+	function handleMouseEnter() {
+		isHovered = true;
+	}
+
+	function handleMouseLeave() {
+		isHovered = false;
+	}
+</script>
+
+<div
+	class={className}
+	aria-label="images"
+	role="img"
+	onmouseenter={handleMouseEnter}
+	onmouseleave={handleMouseLeave}
+>
+	<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"
+	>
+		<path
+			d="m22 11-1.296-1.296a2.4 2.4 0 0 0-3.408 0L11 16"
+			class="images-path-1"
+			class:animate={isHovered}
+		/>
+		<path
+			d="M4 8a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2"
+			class="images-path-2"
+			class:animate={isHovered}
+		/>
+		<circle
+			cx="13"
+			cy="7"
+			r="1"
+			fill="currentColor"
+			class="images-circle"
+			class:animate={isHovered}
+		/>
+		<rect x="8" y="2" width="14" height="14" rx="2" class="images-rect" class:animate={isHovered} />
+	</svg>
+</div>
+
+<style>
+	div {
+		display: inline-block;
+	}
+	.images-path-1,
+	.images-path-2,
+	.images-circle,
+	.images-rect {
+		transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
+	}
+
+	.images-path-1.animate {
+		transform: translate(-3px, 3px);
+	}
+
+	.images-path-2.animate {
+		transform: translate(3px, -3px);
+	}
+
+	.images-circle.animate {
+		transform: translate(-3px, 3px);
+	}
+
+	.images-rect.animate {
+		transform: translate(-3px, 3px);
+	}
+
+	svg {
+		overflow: visible;
+	}
+</style>

package/dist/icons/images.svelte.d.ts

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

package/dist/icons/index.js

@@ -259,6 +259,7 @@ import house from './house.svelte';
 import houseWifi from './house-wifi.svelte';
 import imageDown from './image-down.svelte';
 import imageOff from './image-off.svelte';
+import images from './images.svelte';
 import imageUp from './image-up.svelte';
 import infinity from './infinity.svelte';
 import kanban from './kanban.svelte';
@@ -3265,6 +3266,22 @@ let ICONS_LIST = [
 		tags: ['picture', 'photo', 'upload', 'import'],
 		categories: ['photography', 'text', 'multimedia', 'files']
 	},
+	{
+		name: 'images',
+		icon: images,
+		tags: [
+			'picture',
+			'photo',
+			'multiple',
+			'copy',
+			'gallery',
+			'album',
+			'collection',
+			'slideshow',
+			'showcase'
+		],
+		categories: ['photography', 'text', 'multimedia', 'files']
+	},
 	{
 		name: 'infinity',
 		icon: infinity,

package/dist/index.d.ts

@@ -260,6 +260,7 @@ export { default as House } from "./icons/house.svelte";
 export { default as ImageDown } from "./icons/image-down.svelte";
 export { default as ImageOff } from "./icons/image-off.svelte";
 export { default as ImageUp } from "./icons/image-up.svelte";
+export { default as Images } from "./icons/images.svelte";
 export { default as Infinity } from "./icons/infinity.svelte";
 export { default as Kanban } from "./icons/kanban.svelte";
 export { default as KeyRound } from "./icons/key-round.svelte";

package/dist/index.js

@@ -260,6 +260,7 @@ export { default as House } from './icons/house.svelte';
 export { default as ImageDown } from './icons/image-down.svelte';
 export { default as ImageOff } from './icons/image-off.svelte';
 export { default as ImageUp } from './icons/image-up.svelte';
+export { default as Images } from './icons/images.svelte';
 export { default as Infinity } from './icons/infinity.svelte';
 export { default as Kanban } from './icons/kanban.svelte';
 export { default as KeyRound } from './icons/key-round.svelte';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@jis3r/icons",
-	"version": "1.10.0",
+	"version": "1.11.0",
 	"description": "beautifully crafted, moving icons. for svelte.",
 	"keywords": [
 		"svelte",