@jis3r/icons 1.0.0

package/dist/icons/bean-off.svelte.d.ts

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

package/dist/icons/beer-off.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();
+
+	function handleMouseEnter() {
+		isHovered = true;
+		setTimeout(() => {
+			isHovered = false;
+		}, 600);
+	}
+</script>
+
+<div class={className} aria-label="beer-off" 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="beer-off"
+		class:animate={isHovered}
+	>
+		<path d="M13 13v5" />
+		<path d="M17 11.47V8" />
+		<path d="M17 11h1a3 3 0 0 1 2.745 4.211" />
+		<path d="m2 2 20 20" />
+		<path d="M5 8v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-3" />
+		<path d="M7.536 7.535C6.766 7.649 6.154 8 5.5 8a2.5 2.5 0 0 1-1.768-4.268" />
+		<path
+			d="M8.727 3.204C9.306 2.767 9.885 2 11 2c1.56 0 2 1.5 3 1.5s1.72-.5 2.5-.5a1 1 0 1 1 0 5c-.78 0-1.5-.5-2.5-.5a3.149 3.149 0 0 0-.842.12"
+		/>
+		<path d="M9 14.6V18" />
+	</svg>
+</div>
+
+<style>
+	div {
+		display: inline-block;
+	}
+	.beer-off {
+		overflow: visible;
+	}
+
+	.beer-off {
+		overflow: visible;
+		transform: translateX(0);
+		transition: transform 0.6s ease-in-out;
+	}
+
+	.beer-off.animate {
+		animation: groupShake 0.6s ease-in-out;
+	}
+
+	@keyframes groupShake {
+		0% {
+			transform: translateX(0);
+		}
+		16.67% {
+			transform: translateX(-7%);
+		}
+		33.33% {
+			transform: translateX(7%);
+		}
+		50% {
+			transform: translateX(-7%);
+		}
+		66.67% {
+			transform: translateX(7%);
+		}
+		100% {
+			transform: translateX(0);
+		}
+	}
+</style>

package/dist/icons/beer-off.svelte.d.ts

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

package/dist/icons/bell-off.svelte

@@ -0,0 +1,87 @@
+<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="bell-off" 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="bell-off"
+		class:animate={isHovered}
+	>
+		<path d="M8.7 3A6 6 0 0 1 18 8a21.3 21.3 0 0 0 .6 5" />
+		<path d="M17 17H3s3-2 3-9a4.67 4.67 0 0 1 .3-1.7" />
+		<path d="M10.3 21a1.94 1.94 0 0 0 3.4 0" />
+		<path d="m2 2 20 20" />
+	</svg>
+</div>
+
+<style>
+	div {
+		display: inline-block;
+	}
+	.bell-off {
+		overflow: visible;
+	}
+
+	.bell-off {
+		overflow: visible;
+		transform: translateX(0);
+		transition: transform 0.6s ease-in-out;
+	}
+
+	.bell-off.animate {
+		animation: groupShake 0.6s ease-in-out;
+	}
+
+	@keyframes groupShake {
+		0% {
+			transform: translateX(0);
+		}
+		16.67% {
+			transform: translateX(-7%);
+		}
+		33.33% {
+			transform: translateX(7%);
+		}
+		50% {
+			transform: translateX(-7%);
+		}
+		66.67% {
+			transform: translateX(7%);
+		}
+		100% {
+			transform: translateX(0);
+		}
+	}
+</style>

package/dist/icons/bell-off.svelte.d.ts

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

package/dist/icons/bell-ring.svelte

@@ -0,0 +1,119 @@
+<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;
+		}, 1100);
+	}
+</script>
+
+<div class={className} aria-label="bell-ring" 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:animate-svg={isHovered}
+	>
+		<path d="M4 2C2.8 3.7 2 5.7 2 8" class:animate-bell={isHovered} />
+		<path d="M22 8c0-2.3-.8-4.3-2-6" class:animate-bell={isHovered} />
+		<path
+			d="M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326"
+			class:animate-bell={isHovered}
+		/>
+		<path d="M10.268 21a2 2 0 0 0 3.464 0" class:animate-clapper={isHovered} />
+	</svg>
+</div>
+
+<style>
+	div {
+		display: inline-block;
+	}
+	.animate-svg {
+		transform-origin: top center;
+		animation: bellRing 0.9s ease-in-out;
+	}
+
+	.animate-bell {
+		animation: bellMove 1.1s ease-in-out;
+	}
+
+	.animate-clapper {
+		animation: clapperMove 1.1s ease-in-out;
+	}
+
+	@keyframes bellRing {
+		0% {
+			transform: rotate(0deg);
+		}
+		16.67% {
+			transform: rotate(20deg);
+		}
+		33.33% {
+			transform: rotate(-10deg);
+		}
+		50% {
+			transform: rotate(10deg);
+		}
+		66.67% {
+			transform: rotate(-5deg);
+		}
+		83.33% {
+			transform: rotate(3deg);
+		}
+		100% {
+			transform: rotate(0deg);
+		}
+	}
+
+	@keyframes clapperMove {
+		0% {
+			transform: translateX(0);
+		}
+		14.29% {
+			transform: translateX(-6px);
+		}
+		28.57% {
+			transform: translateX(5px);
+		}
+		42.86% {
+			transform: translateX(-5px);
+		}
+		57.14% {
+			transform: translateX(4px);
+		}
+		71.43% {
+			transform: translateX(-3px);
+		}
+		85.71% {
+			transform: translateX(2px);
+		}
+		100% {
+			transform: translateX(0);
+		}
+	}
+</style>

package/dist/icons/bell-ring.svelte.d.ts

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

package/dist/icons/bell.svelte

@@ -0,0 +1,117 @@
+<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;
+		}, 1100);
+	}
+</script>
+
+<div class={className} aria-label="bell" 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:animate-svg={isHovered}
+	>
+		<path
+			d="M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326"
+			class:animate-bell={isHovered}
+		/>
+		<path d="M10.268 21a2 2 0 0 0 3.464 0" class:animate-clapper={isHovered} />
+	</svg>
+</div>
+
+<style>
+	div {
+		display: inline-block;
+	}
+	.animate-svg {
+		transform-origin: top center;
+		animation: bellRing 0.9s ease-in-out;
+	}
+
+	.animate-bell {
+		animation: bellMove 1.1s ease-in-out;
+	}
+
+	.animate-clapper {
+		animation: clapperMove 1.1s ease-in-out;
+	}
+
+	@keyframes bellRing {
+		0% {
+			transform: rotate(0deg);
+		}
+		16.67% {
+			transform: rotate(20deg);
+		}
+		33.33% {
+			transform: rotate(-10deg);
+		}
+		50% {
+			transform: rotate(10deg);
+		}
+		66.67% {
+			transform: rotate(-5deg);
+		}
+		83.33% {
+			transform: rotate(3deg);
+		}
+		100% {
+			transform: rotate(0deg);
+		}
+	}
+
+	@keyframes clapperMove {
+		0% {
+			transform: translateX(0);
+		}
+		14.29% {
+			transform: translateX(-6px);
+		}
+		28.57% {
+			transform: translateX(5px);
+		}
+		42.86% {
+			transform: translateX(-5px);
+		}
+		57.14% {
+			transform: translateX(4px);
+		}
+		71.43% {
+			transform: translateX(-3px);
+		}
+		85.71% {
+			transform: translateX(2px);
+		}
+		100% {
+			transform: translateX(0);
+		}
+	}
+</style>

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

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

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

@@ -0,0 +1,80 @@
+<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="between-horizontal-end"
+	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"
+	>
+		<rect width="13" height="7" x="3" y="3" rx="1" class:animate={isHovered} class="rect-top" />
+		<path d="m22 15-3-3 3-3" class:animate={isHovered} class="arrow" />
+		<rect width="13" height="7" x="3" y="14" rx="1" class:animate={isHovered} class="rect-bottom" />
+	</svg>
+</div>
+
+<style>
+	div {
+		display: inline-block;
+	}
+	.rect-top {
+		transition: all 0.15s ease-in;
+	}
+
+	.rect-top.animate {
+		transform: translateY(-1px);
+	}
+
+	.rect-bottom {
+		transition: all 0.15s ease-in;
+	}
+
+	.rect-bottom.animate {
+		transform: translateY(1px);
+	}
+
+	.arrow {
+		transition: all 0.15s ease-in;
+	}
+
+	.arrow.animate {
+		transform: translateX(-2px);
+	}
+</style>

package/dist/icons/between-horizontal-end.svelte.d.ts

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