@jis3r/icons 1.24.0 → 1.25.0

package/dist/icons/index.js

@@ -484,6 +484,7 @@ import user from './user.svelte';
 import userCheck from './user-check.svelte';
 import userCog from './user-cog.svelte';
 import userPen from './user-pen.svelte';
+import userRound from './user-round.svelte';
 import userRoundCheck from './user-round-check.svelte';
 import userRoundCog from './user-round-cog.svelte';
 import userRoundPen from './user-round-pen.svelte';
@@ -5645,6 +5646,12 @@ let ICONS_LIST = [
 		tags: ['person', 'account', 'contact', 'profile', 'edit', 'change'],
 		categories: ['account']
 	},
+	{
+		name: 'user-round',
+		icon: userRound,
+		tags: ['person', 'account', 'contact'],
+		categories: ['account']
+	},
 	{
 		name: 'user-round-check',
 		icon: userRoundCheck,

package/dist/icons/user-round.svelte

@@ -0,0 +1,95 @@
+<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;
+
+		setTimeout(() => {
+			isHovered = false;
+		}, 600);
+	}
+</script>
+
+<div class={className} aria-label="user-round" 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="user-round-icon"
+		class:animate={isHovered}
+	>
+		<path d="M20 21a8 8 0 0 0-16 0" class="user-round-path" />
+		<circle cx="12" cy="8" r="5" class="user-round-circle" />
+	</svg>
+</div>
+
+<style>
+	div {
+		display: inline-block;
+	}
+
+	.user-round-path,
+	.user-round-circle {
+		transition: transform 0.6s ease-in-out;
+	}
+
+	.user-round-icon.animate .user-round-path {
+		animation: pathBounce 0.6s ease-in-out;
+	}
+
+	.user-round-icon.animate .user-round-circle {
+		animation: circleBounce 0.6s ease-in-out;
+	}
+
+	@keyframes pathBounce {
+		0% {
+			transform: translateY(0);
+		}
+		33% {
+			transform: translateY(4px);
+		}
+		66% {
+			transform: translateY(-2px);
+		}
+		100% {
+			transform: translateY(0);
+		}
+	}
+
+	@keyframes circleBounce {
+		0% {
+			transform: translateY(0);
+		}
+		33% {
+			transform: translateY(1px);
+		}
+		66% {
+			transform: translateY(-2px);
+		}
+		100% {
+			transform: translateY(0);
+		}
+	}
+</style>

package/dist/icons/user-round.svelte.d.ts

@@ -0,0 +1,19 @@
+export default UserRound;
+type UserRound = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<Props>): void;
+};
+declare const UserRound: 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/index.d.ts

@@ -486,6 +486,7 @@ export { default as UserPen } from "./icons/user-pen.svelte";
 export { default as UserRoundCheck } from "./icons/user-round-check.svelte";
 export { default as UserRoundCog } from "./icons/user-round-cog.svelte";
 export { default as UserRoundPen } from "./icons/user-round-pen.svelte";
+export { default as UserRound } from "./icons/user-round.svelte";
 export { default as User } from "./icons/user.svelte";
 export { default as UsersRound } from "./icons/users-round.svelte";
 export { default as Users } from "./icons/users.svelte";

package/dist/index.js

@@ -486,6 +486,7 @@ export { default as UserPen } from './icons/user-pen.svelte';
 export { default as UserRoundCheck } from './icons/user-round-check.svelte';
 export { default as UserRoundCog } from './icons/user-round-cog.svelte';
 export { default as UserRoundPen } from './icons/user-round-pen.svelte';
+export { default as UserRound } from './icons/user-round.svelte';
 export { default as User } from './icons/user.svelte';
 export { default as UsersRound } from './icons/users-round.svelte';
 export { default as Users } from './icons/users.svelte';

package/package.json

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