@jis3r/icons 1.12.1 → 1.13.0

package/dist/icons/airplay.svelte

@@ -0,0 +1,72 @@
+<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="airplay"
+	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="airplay-icon"
+	>
+		<path
+			d="M5 17H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-1"
+			class="airplay-path1"
+		/>
+		<path d="m12 15 5 6H7Z" class="airplay-path2" class:hovered={isHovered} />
+	</svg>
+</div>
+
+<style>
+	div {
+		display: inline-block;
+	}
+	.airplay-icon {
+		overflow: visible;
+	}
+
+	.airplay-path2 {
+		transform: translateY(0);
+		transition: transform 0.4s cubic-bezier(0, 0, 0.3, 1.6);
+	}
+
+	.airplay-path2.hovered {
+		transform: translateY(2px);
+	}
+</style>

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

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

@@ -1,4 +1,5 @@
 import activity from './activity.svelte';
+import airplay from './airplay.svelte';
 import alarmClock from './alarm-clock.svelte';
 import alarmClockCheck from './alarm-clock-check.svelte';
 import alarmClockOff from './alarm-clock-off.svelte';
@@ -532,6 +533,12 @@ let ICONS_LIST = [
 		],
 		categories: ['medical', 'account', 'social', 'science', 'multimedia']
 	},
+	{
+		name: 'airplay',
+		icon: airplay,
+		tags: ['stream', 'cast', 'mirroring', 'screen', 'monitor', 'macos', 'osx'],
+		categories: ['multimedia', 'connectivity', 'devices', 'brands']
+	},
 	{
 		name: 'alarm-clock',
 		icon: alarmClock,

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export { default as Activity } from "./icons/activity.svelte";
+export { default as Airplay } from "./icons/airplay.svelte";
 export { default as AlarmClockCheck } from "./icons/alarm-clock-check.svelte";
 export { default as AlarmClockOff } from "./icons/alarm-clock-off.svelte";
 export { default as AlarmClock } from "./icons/alarm-clock.svelte";

package/dist/index.js

@@ -1,4 +1,5 @@
 export { default as Activity } from './icons/activity.svelte';
+export { default as Airplay } from './icons/airplay.svelte';
 export { default as AlarmClockCheck } from './icons/alarm-clock-check.svelte';
 export { default as AlarmClockOff } from './icons/alarm-clock-off.svelte';
 export { default as AlarmClock } from './icons/alarm-clock.svelte';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@jis3r/icons",
-	"version": "1.12.1",
+	"version": "1.13.0",
 	"description": "beautifully crafted, moving icons. for svelte.",
 	"keywords": [
 		"svelte",
@@ -86,4 +86,4 @@
 	"overrides": {
 		"cookie": "0.7.0"
 	}
-}
+}