@jis3r/icons 1.0.0

package/dist/icons/grip-vertical.svelte

@@ -0,0 +1,90 @@
+<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();
+
+	const circles = [
+		{ cx: 9, cy: 5, delay: 0 }, // Left top
+		{ cx: 15, cy: 5, delay: 0.05 }, // Right top
+		{ cx: 9, cy: 12, delay: 0.1 }, // Left center
+		{ cx: 15, cy: 12, delay: 0.15 }, // Right center
+		{ cx: 9, cy: 19, delay: 0.2 }, // Left bottom
+		{ cx: 15, cy: 19, delay: 0.25 } // Right bottom
+	];
+
+	function handleMouseEnter() {
+		if (isHovered) return;
+		isHovered = true;
+
+		setTimeout(() => {
+			isHovered = false;
+		}, 1600);
+	}
+</script>
+
+<div class={className} aria-label="grip-vertical" 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="grip-vertical-icon"
+	>
+		{#each circles as { cx, cy, delay }}
+			<circle
+				{cx}
+				{cy}
+				r="1"
+				class="grip-circle"
+				class:animate={isHovered}
+				style="animation-delay: {delay}s;"
+			/>
+		{/each}
+	</svg>
+</div>
+
+<style>
+	div {
+		display: inline-block;
+	}
+	.grip-vertical-icon {
+		overflow: visible;
+	}
+
+	.grip-circle {
+		opacity: 1;
+	}
+
+	@keyframes fadeInOut {
+		0%,
+		100% {
+			opacity: 1;
+		}
+		50% {
+			opacity: 0.3;
+		}
+	}
+
+	.grip-circle.animate {
+		animation: fadeInOut 0.8s ease-in-out forwards;
+	}
+</style>

package/dist/icons/grip-vertical.svelte.d.ts

@@ -0,0 +1,23 @@
+/** @typedef {typeof __propDef.props}  GripVerticalProps */
+/** @typedef {typeof __propDef.events}  GripVerticalEvents */
+/** @typedef {typeof __propDef.slots}  GripVerticalSlots */
+export default class GripVertical extends SvelteComponentTyped<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type GripVerticalProps = typeof __propDef.props;
+export type GripVerticalEvents = typeof __propDef.events;
+export type GripVerticalSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: never;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/dist/icons/grip.svelte

@@ -0,0 +1,93 @@
+<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();
+
+	const circles = [
+		{ cx: 19, cy: 5, delay: 0 }, // Top right
+		{ cx: 12, cy: 5, delay: 0.05 }, // Top middle
+		{ cx: 19, cy: 12, delay: 0.1 }, // Middle right
+		{ cx: 5, cy: 5, delay: 0.15 }, // Top left
+		{ cx: 12, cy: 12, delay: 0.2 }, // Center
+		{ cx: 19, cy: 19, delay: 0.25 }, // Bottom right
+		{ cx: 5, cy: 12, delay: 0.3 }, // Middle left
+		{ cx: 12, cy: 19, delay: 0.35 }, // Bottom middle
+		{ cx: 5, cy: 19, delay: 0.4 } // Bottom left
+	];
+
+	function handleMouseEnter() {
+		if (isHovered) return;
+		isHovered = true;
+
+		setTimeout(() => {
+			isHovered = false;
+		}, 1600);
+	}
+</script>
+
+<div class={className} aria-label="grip" 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="grip-icon"
+	>
+		{#each circles as { cx, cy, delay }}
+			<circle
+				{cx}
+				{cy}
+				r="1"
+				class="grip-circle"
+				class:animate={isHovered}
+				style="animation-delay: {delay}s;"
+			/>
+		{/each}
+	</svg>
+</div>
+
+<style>
+	div {
+		display: inline-block;
+	}
+	.grip-icon {
+		overflow: visible;
+	}
+
+	.grip-circle {
+		opacity: 1;
+	}
+
+	@keyframes fadeInOut {
+		0%,
+		100% {
+			opacity: 1;
+		}
+		50% {
+			opacity: 0.3;
+		}
+	}
+
+	.grip-circle.animate {
+		animation: fadeInOut 0.8s ease-in forwards;
+	}
+</style>

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

@@ -0,0 +1,23 @@
+/** @typedef {typeof __propDef.props}  GripProps */
+/** @typedef {typeof __propDef.events}  GripEvents */
+/** @typedef {typeof __propDef.slots}  GripSlots */
+export default class Grip extends SvelteComponentTyped<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type GripProps = typeof __propDef.props;
+export type GripEvents = typeof __propDef.events;
+export type GripSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: never;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/dist/icons/hammer.svelte

@@ -0,0 +1,78 @@
+<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;
+		}, 1000);
+	}
+</script>
+
+<div class={className} aria-label="hammer" 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="hammer-icon"
+		class:animate={isHovered}
+	>
+		<path d="m15 12-8.373 8.373a1 1 0 1 1-3-3L12 9" />
+		<path d="m18 15 4-4" />
+		<path
+			d="m21.5 11.5-1.914-1.914A2 2 0 0 1 19 8.172V7l-2.26-2.26a6 6 0 0 0-4.202-1.756L9 2.96l.92.82A6.18 6.18 0 0 1 12 8.4V10l2 2h1.172a2 2 0 0 1 1.414.586L18.5 14.5"
+		/>
+	</svg>
+</div>
+
+<style>
+	div {
+		display: inline-block;
+	}
+	.hammer-icon {
+		transform-origin: bottom left;
+		transition: transform 0.3s ease;
+	}
+
+	.hammer-icon.animate {
+		animation: swing 1s ease;
+	}
+
+	@keyframes swing {
+		0% {
+			transform: rotate(0deg);
+		}
+		60% {
+			transform: rotate(-20deg);
+		}
+		80% {
+			transform: rotate(15deg);
+		}
+		100% {
+			transform: rotate(0deg);
+		}
+	}
+</style>

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

@@ -0,0 +1,23 @@
+/** @typedef {typeof __propDef.props}  HammerProps */
+/** @typedef {typeof __propDef.events}  HammerEvents */
+/** @typedef {typeof __propDef.slots}  HammerSlots */
+export default class Hammer extends SvelteComponentTyped<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type HammerProps = typeof __propDef.props;
+export type HammerEvents = typeof __propDef.events;
+export type HammerSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: never;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/dist/icons/hand-coins.svelte

@@ -0,0 +1,90 @@
+<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;
+		}, 750);
+	}
+</script>
+
+<div class={className} aria-label="hand-coins" 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="hand-coins-icon"
+		class:animate={isHovered}
+	>
+		<path d="M11 15h2a2 2 0 1 0 0-4h-3c-.6 0-1.1.2-1.4.6L3 17" />
+		<path
+			d="m7 21 1.6-1.4c.3-.4.8-.6 1.4-.6h4c1.1 0 2.1-.4 2.8-1.2l4.6-4.4a2 2 0 0 0-2.75-2.91l-4.2 3.9"
+		/>
+		<path d="m2 16 6 6" />
+		<circle class="first-circle" cx="16" cy="9" r="2.9" />
+		<circle class="second-circle" cx="6" cy="5" r="3" />
+	</svg>
+</div>
+
+<style>
+	div {
+		display: inline-block;
+	}
+	.hand-coins-icon {
+		overflow: visible;
+	}
+
+	.first-circle,
+	.second-circle {
+		opacity: 1;
+	}
+
+	@keyframes throw {
+		0% {
+			transform: translateY(0);
+			opacity: 1;
+		}
+		50% {
+			transform: translateY(-10px);
+			opacity: 1;
+		}
+		100% {
+			transform: translateY(0);
+			opacity: 1;
+		}
+	}
+
+	.hand-coins-icon.animate .first-circle {
+		animation: throw 0.6s ease-in forwards;
+		animation-delay: 0s;
+	}
+
+	.hand-coins-icon.animate .second-circle {
+		animation: throw 0.6s ease-in forwards;
+		animation-delay: 0.15s;
+	}
+</style>

package/dist/icons/hand-coins.svelte.d.ts

@@ -0,0 +1,23 @@
+/** @typedef {typeof __propDef.props}  HandCoinsProps */
+/** @typedef {typeof __propDef.events}  HandCoinsEvents */
+/** @typedef {typeof __propDef.slots}  HandCoinsSlots */
+export default class HandCoins extends SvelteComponentTyped<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type HandCoinsProps = typeof __propDef.props;
+export type HandCoinsEvents = typeof __propDef.events;
+export type HandCoinsSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: never;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/dist/icons/hand-heart.svelte

@@ -0,0 +1,73 @@
+<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="hand-heart"
+	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"
+		style="overflow: visible"
+	>
+		<path d="M11 14h2a2 2 0 1 0 0-4h-3c-.6 0-1.1.2-1.4.6L3 16" />
+		<path
+			d="m7 20 1.6-1.4c.3-.4.8-.6 1.4-.6h4c1.1 0 2.1-.4 2.8-1.2l4.6-4.4a2 2 0 0 0-2.75-2.91l-4.2 3.9"
+		/>
+		<path d="m2 15 6 6" />
+		<path
+			d="M19.5 8.5c.7-.7 1.5-1.6 1.5-2.7A2.73 2.73 0 0 0 16 4a2.78 2.78 0 0 0-5 1.8c0 1.2.8 2 1.5 2.8L16 12Z"
+			class="hand-heart-path"
+			class:animate={isHovered}
+		/>
+	</svg>
+</div>
+
+<style>
+	div {
+		display: inline-block;
+	}
+	.hand-heart-path {
+		transform-origin: center;
+		transition: transform 0.3s ease;
+	}
+
+	.hand-heart-path.animate {
+		transform: translateY(-2px) scale(1.1);
+	}
+</style>

package/dist/icons/hand-heart.svelte.d.ts

@@ -0,0 +1,23 @@
+/** @typedef {typeof __propDef.props}  HandHeartProps */
+/** @typedef {typeof __propDef.events}  HandHeartEvents */
+/** @typedef {typeof __propDef.slots}  HandHeartSlots */
+export default class HandHeart extends SvelteComponentTyped<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type HandHeartProps = typeof __propDef.props;
+export type HandHeartEvents = typeof __propDef.events;
+export type HandHeartSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: never;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/dist/icons/hard-drive-download.svelte

@@ -0,0 +1,69 @@
+<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}
+	onmouseenter={handleMouseEnter}
+	onmouseleave={handleMouseLeave}
+	aria-label="hard-drive-download"
+	role="img"
+>
+	<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"
+	>
+		<g class:animate={isHovered}>
+			<path d="M12 2v8" />
+			<path d="m16 6-4 4-4-4" />
+		</g>
+		<rect width="20" height="8" x="2" y="14" rx="2" />
+		<path d="M6 18h.01" />
+		<path d="M10 18h.01" />
+	</svg>
+</div>
+
+<style>
+	div {
+		display: inline-block;
+	}
+	g.animate path {
+		transform: translateY(2px);
+		transition: transform 0.3s cubic-bezier(0.68, -0.6, 0.32, 1.6);
+	}
+	g path {
+		transform: translateY(0);
+		transition: transform 0.3s cubic-bezier(0.68, -0.6, 0.32, 1.6);
+	}
+</style>

package/dist/icons/hard-drive-download.svelte.d.ts

@@ -0,0 +1,23 @@
+/** @typedef {typeof __propDef.props}  HardDriveDownloadProps */
+/** @typedef {typeof __propDef.events}  HardDriveDownloadEvents */
+/** @typedef {typeof __propDef.slots}  HardDriveDownloadSlots */
+export default class HardDriveDownload extends SvelteComponentTyped<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type HardDriveDownloadProps = typeof __propDef.props;
+export type HardDriveDownloadEvents = typeof __propDef.events;
+export type HardDriveDownloadSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: never;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};