@jis3r/icons 1.0.0

package/dist/icons/shopping-cart.svelte

@@ -0,0 +1,77 @@
+<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;
+		}, 800);
+	}
+</script>
+
+<div class={className} aria-label="shopping-cart" 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="shopping-cart-icon"
+		class:animate={isHovered}
+	>
+		<path
+			d="M6.29977 5H21L19 12H7.37671M20 16H8L6 3H3M9 20C9 20.5523 8.55228 21 8 21C7.44772 21 7 20.5523 7 20C7 19.4477 7.44772 19 8 19C8.55228 19 9 19.4477 9 20ZM20 20C20 20.5523 19.5523 21 19 21C18.4477 21 18 20.5523 18 20C18 19.4477 18.4477 19 19 19C19.5523 19 20 19.4477 20 20Z"
+		/>
+	</svg>
+</div>
+
+<style>
+	div {
+		display: inline-block;
+	}
+	.shopping-cart-icon {
+		transition: transform 0.2s ease-in-out;
+		transform-origin: center;
+	}
+
+	.shopping-cart-icon.animate {
+		animation: cartBounce 0.8s ease-in-out;
+	}
+
+	@keyframes cartBounce {
+		0%,
+		100% {
+			transform: scale(1) translateY(0);
+		}
+		25% {
+			transform: scale(1.1) translateY(-5px);
+		}
+		50% {
+			transform: scale(1) translateY(0);
+		}
+		75% {
+			transform: scale(1.1) translateY(-5px);
+		}
+	}
+</style>

package/dist/icons/shopping-cart.svelte.d.ts

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

package/dist/icons/shovel.svelte

@@ -0,0 +1,75 @@
+<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="shovel" 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="shovel-icon"
+		class:animate={isHovered}
+	>
+		<path d="M2 22v-5l5-5 5 5-5 5z" />
+		<path d="M9.5 14.5 16 8" />
+		<path d="m17 2 5 5-.5.5a3.53 3.53 0 0 1-5 0 3.53 3.53 0 0 1 0-5L17 2" />
+	</svg>
+</div>
+
+<style>
+	div {
+		display: inline-block;
+	}
+	.shovel-icon {
+		transition: transform 0.3s ease;
+	}
+
+	.shovel-icon.animate {
+		animation: dig 0.5s ease-out 2;
+	}
+
+	@keyframes dig {
+		0% {
+			transform: translate(0, 0);
+		}
+		60% {
+			transform: translate(2px, -2px);
+		}
+		80% {
+			transform: translate(-5px, 5px);
+		}
+		100% {
+			transform: translate(0, 0);
+		}
+	}
+</style>

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

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

package/dist/icons/shower-head.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();
+
+	const dropPath = [
+		{ id: 'drop1', d: 'M14 17v.01', delay: 0 },
+		{ id: 'drop2', d: 'M10 16v.01', delay: 0.2 },
+		{ id: 'drop3', d: 'M13 13v.01', delay: 0.4 },
+		{ id: 'drop4', d: 'M16 10v.01', delay: 0.6 },
+		{ id: 'drop5', d: 'M11 20v.01', delay: 0.8 },
+		{ id: 'drop6', d: 'M17 14v.01', delay: 1 },
+		{ id: 'drop7', d: 'M20 11v.01', delay: 1.2 }
+	];
+
+	function handleMouseEnter() {
+		if (isHovered) return;
+		isHovered = true;
+	}
+
+	function handleMouseLeave() {
+		isHovered = false;
+	}
+</script>
+
+<div
+	class={className}
+	aria-label="shower-head"
+	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"
+		class="shower-head-icon"
+	>
+		<path d="m4 4 2.5 2.5" />
+		<path d="M13.5 6.5a4.95 4.95 0 0 0-7 7" />
+		<path d="M15 5 5 15" />
+		<g class="drops">
+			{#each dropPath as { id, d, delay }}
+				<path {id} {d} class="drop" class:animate={isHovered} style="animation-delay: {delay}s;" />
+			{/each}
+		</g>
+	</svg>
+</div>
+
+<style>
+	div {
+		display: inline-block;
+	}
+	.shower-head-icon {
+		overflow: visible;
+	}
+
+	.drop {
+		opacity: 1;
+	}
+
+	@keyframes fadeInOut {
+		0%,
+		100% {
+			opacity: 1;
+		}
+		50% {
+			opacity: 0.2;
+		}
+	}
+
+	.drop.animate {
+		animation: fadeInOut 1s ease-in-out infinite;
+	}
+</style>

package/dist/icons/shower-head.svelte.d.ts

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

package/dist/icons/shrink.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="shrink"
+	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="m15 15 6 6m-6-6v4.8m0-4.8h4.8" class:animate3={isHovered} />
+		<path d="M9 19.8V15m0 0H4.2M9 15l-6 6" class:animate2={isHovered} />
+		<path d="M15 4.2V9m0 0h4.8M15 9l6-6" class:animate1={isHovered} />
+		<path d="M9 4.2V9m0 0H4.2M9 9 3 3" class:animate0={isHovered} />
+	</svg>
+</div>
+
+<style>
+	div {
+		display: inline-block;
+	}
+	path {
+		transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+	}
+	.animate0 {
+		transform: translate(1px, 1px);
+	}
+	.animate1 {
+		transform: translate(-1px, 1px);
+	}
+	.animate2 {
+		transform: translate(1px, -1px);
+	}
+	.animate3 {
+		transform: translate(-1px, -1px);
+	}
+</style>

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

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

package/dist/icons/signal-high.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;
+		}, 700);
+	}
+</script>
+
+<div class={className} aria-label="signal-high" 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="signal-icon"
+		class:animate={isHovered}
+	>
+		<path d="M2 20h.01" />
+		<path d="M7 20v-4" class="signal-level signal-line-1" />
+		<path d="M12 20v-8" class="signal-level signal-line-2" />
+		<path d="M17 20V8" class="signal-level signal-line-3" />
+	</svg>
+</div>
+
+<style>
+	div {
+		display: inline-block;
+	}
+	.signal-icon {
+		overflow: visible;
+	}
+
+	.signal-level {
+		opacity: 1;
+		transition: opacity 0.2s ease;
+	}
+
+	.signal-icon.animate .signal-level {
+		animation: fadeInSequence 0.6s ease forwards;
+	}
+
+	.signal-icon.animate .signal-line-1 {
+		opacity: 0;
+		animation-delay: 0.1s;
+	}
+
+	.signal-icon.animate .signal-line-2 {
+		opacity: 0;
+		animation-delay: 0.2s;
+	}
+
+	.signal-icon.animate .signal-line-3 {
+		opacity: 0;
+		animation-delay: 0.3s;
+	}
+
+	@keyframes fadeInSequence {
+		0% {
+			opacity: 0;
+		}
+		100% {
+			opacity: 1;
+		}
+	}
+</style>

package/dist/icons/signal-high.svelte.d.ts

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

package/dist/icons/signal-low.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;
+		}, 700);
+	}
+</script>
+
+<div class={className} aria-label="signal-low" 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="signal-icon"
+		class:animate={isHovered}
+	>
+		<path d="M2 20h.01" />
+		<path d="M7 20v-4" class="signal-level signal-line-1" />
+	</svg>
+</div>
+
+<style>
+	div {
+		display: inline-block;
+	}
+	.signal-icon {
+		overflow: visible;
+	}
+
+	.signal-level {
+		opacity: 1;
+		transition: opacity 0.2s ease;
+	}
+
+	.signal-icon.animate .signal-level {
+		animation: fadeInSequence 0.6s ease forwards;
+	}
+
+	.signal-icon.animate .signal-line-1 {
+		opacity: 0;
+		animation-delay: 0.25s;
+	}
+
+	@keyframes fadeInSequence {
+		0% {
+			opacity: 0;
+		}
+		100% {
+			opacity: 1;
+		}
+	}
+</style>

package/dist/icons/signal-low.svelte.d.ts

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